@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}
#container{
	 /*font-family: "Noto Sans JP", serif;*/
	 font-family: "Noto Sans JP", serif,
	"Helvetica Neue",Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",Meiryo,
    sans-serif;
    width: 100%;
    margin: 0;
	font-size: 16px;
	color: #333333;
	line-height: 1.6;
	box-sizing: border-box;
}

.small{
	font-size: 0.8em;
}


* { box-sizing: border-box; }
#container a{
	text-decoration: none;
/*	color: #333;*/
}
#container a:hover{
/*	color: #333;*/
	opacity: .6;
}

/*reset　cssにかかっているので打消し*/
#container:after, .content:after, .inner:after, dl:after{
    visibility: visible;
    height: auto;
    font-size: 100%;
}


.pc{display: block;}
.sp{display: none;}

ul {
	list-style: none;
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

*{margin: 0; padding: 0;}

/*-- 画像位置 --*/
#container img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
	max-width: 100%;
}






/*--------------------page_top */
#container .page_top{
    position: fixed;
    z-index: 100;
    right: 20px;
    bottom: 30px;
}
#container .page_top a{
    color: #1a2833;
    border: #1a2833 1px solid;
    padding:20px 15px 10px 15px;
    border-radius:100px;
    background: #ffffff;
    opacity: 0.7;
}
#container .page_top a:hover{
    color: #ffffff;
    background: #1a2833;
    transition: .3s;
}


/*--------------------パンくず */
#pankuzu{
	margin: 15px auto;
	width: 1000px;
	font-size: .85em;
	font-family: 'Noto Sans JP', sans-serif;
}

#pankuzu ul{
    padding: 0 0 5px;
    _zoom: 1;
}
#pankuzu li{
    float: left;
    list-style: none;

}
#pankuzu li + li:before{
    margin: 0 8px;
    content: '>';
}

/*---------- icon*/


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}


.icon_yajisita{
    position: absolute;
    top:35%;
    right: 5%;
	font-size: 40px;
}

 .detail .icon_yajimigi{
    position: absolute;
    top:25%;
    right: 20%;
	font-size: 40px;
}

#commonFooter .icon_yajiue{
    position: absolute;
    bottom:10px;
    right: 2%;
    font-size: 20px;
    color: #ffffff;
   /* background: #b38c61;*/
    padding: 15px;
    position:fixed;
    border-radius:50px;
    border:#b38c61 2px solid;
}

#commonFooter a:hover .icon_yajiue {
    opacity: 0.6;
}

.w1300{
    width: 1300px;
	margin: 0 auto;
}


/*--------------------top */


h1 {
	text-indent:5000px;
	white-space: nowrap;
	overflow: hidden;
	/*background-image: url("../img/logo.webp");*/
	background:url("../img/logo.webp") no-repeat center center;
	/*background-repeat: no-repeat;
	background-position:50% 50%;*/
	max-width: 600px;
	margin: 0 auto;
	z-index: 99;
    /*height: 500px;
	position: absolute;*/
	padding: 21% 50%;
}

#title {
  /* デフォルトの背景画像 (jpg) */
  background-color: #fffeee;
/*background-image: url("../img/top_bg.webp");*/
  background: #fffeee url("../img/top_bg.webp") no-repeat center top / contain;
  /*background-position: center top, center center; /* 位置を個別に指定 */
  background-repeat: no-repeat;
  height: 650px;
  /*background-size: contain; /* サイズを個別に指定 */
  /*position: relative;*/
}

@supports (image-set: url("../img/title_bg.webp") 1x) {
  #title {
    /* webp対応ブラウザの場合、背景画像をwebpに差し替える */
    background-image: url("../img/title_bg.webp"), url("../img/topbg.webp");
  }
}


.days{
	text-align: center;
	font-size: 20px;
  font-weight: 600;
  font-style: normal;
}

.venue{
	font-size: 24px;
	font-weight: 700;
	letter-spacing:0.1em;
	padding-top: 30px;
}

.venue span{
	font-size: 22px;
	background: #ffe100;
	padding: 2px 5px;
	border-radius: 5px;
	margin-right: 0.3em;
}


h2{
	font-size: 30px;
	letter-spacing:0.15em;
}

h2 span{
	font-size: 2em;
	font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.day_time{
	font-size: 1.3em;
}

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.league-spartan-<uniquifier> {
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
/*------------------------------------------------------table*/
#container .ivn{
	background: #fffeee;
}

#container h3{
	text-align: center;
	font-size: 2em;
	color: #004da0;
	padding: 2em 0  0.5em 0;
}

.tbtxt{
	text-align: center;
}
.tbtxt2{
	text-align: center;
	font-size: 20px;
}


#container .tableArea{
		color: #3f2713;
	width: 100%;
	/*overflow: auto;*/
	margin: 1em auto;
	/*height: 1200px;*/
}

#container .tableArea th{
	font-size: 17px;
}


#container .tableArea .day_bg th{
	font-size: 1.8em;
	font-weight: 700;
	text-align: center;
	 color : #000000; 
}

.tableArea .day_bg .font_s{
	font-size: 0.75em;
}

.day_bg th:first-of-type{
	background: #ffffff;
}

.day_bg th:nth-of-type(2){
	background: #ffe100;
}

.day_bg th:nth-of-type(3){
	background: #59c3e1;
}

.day_bg th:nth-of-type(4){
	background: #ec6d7b;
}

.tb_color_19{
	background: #fffdc5;
}

.tb_color_19 .setumei{
	background: #fffee0;
	font-size: 0.9em;
	padding: 0.2em 0.4em;
	border-radius: 5px;
}

.tb_color_19  .cruise{
	background: #f2c538;
	margin: 0.8em 0 0 0;
	font-size: 0.75em;
	padding: 0.2em 0.4em;
	border-radius: 5px;
	display: inline-block;
}

.tb_color_20{
	background: #dcfdff;
}

.tb_color_20 .setumei{
	background: #ecfbff;
	font-size: 0.9em;
	padding: 0.2em 0.4em;
	border-radius: 5px;
}

.tb_color_20  .cruise{
	background: #81cde4;
	margin: 0.8em 0 0 0;
	font-size: 0.75em;
	padding: 0.2em 0.4em;
	border-radius: 5px;
	display: inline-block;
}

.tb_color_21{
	background: #ffefee;
}
.tb_color_blank{
	background: #eae9e8;
}

.tableArea{
    margin:57px auto 0;
	font-family: "Noto Sans JP", serif,
	"Helvetica Neue",Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",Meiryo,
    sans-serif;
	line-height: 1.2;
}
.tableArea table {
    border-collapse:collapse;/*隣接するセルのボーダーを共有する*/
	border:2px solid #3f2713;
	margin: 1em auto;
}


.tableArea table th,
.tableArea table td{
    padding:15px;
    border:1px solid #231815;
    white-space:nowrap;/*文字を折り返さない*/
	font-weight: 500;
	font-family: "Noto Sans JP", serif;
}
.scroll-hint-text{ margin-top:0; }

.fixed01{
  position: sticky;
  left: 0;
  background: #ffffff;
	color: #4c3525;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #666;
  }
}

.coupon{
	margin: 0 auto;
	width:800px;
}

.coupon dl{
	border: #7b59a3 2px solid;
	padding: 10px 30px;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 1.2em;
	color: #7b59a3;
}
.coupon dl dt{
	font-weight: 700;
	padding-bottom: 10px;
	background: #7b59a3;
	color: #ffffff;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.coupon dl dd{
	line-height: 1.3;
	font-weight: 500;
}

.att{
	padding-bottom: 2em;
}

/************************************************************
					★max1500px
************************************************************/
@media screen and (max-width: 1500px){
	.w1300 {
	min-width: 100%;  
	width: 1300px;
	margin: 0 auto;
	/*overflow: hidden;*/
}
}

/************************************************************
					★min770px－max999px
************************************************************/
@media screen /*and (min-width: 770px) */and (max-width: 1000px){
	
.w1300 {
	min-width: 100%;  
	width: 100%;
	margin: 0;
}
	
#title{
    height: 500px;
}	

}
/************************************************************
					★タブレット対応
************************************************************/
@media screen /*and (min-width:600px)*/ and (max-width:769px)  {
	
/*--------------------パンくず */
#pankuzu{ display: none;}
	
/*-------------------table*/
#container .tableArea{
		color: #3f2713;
	width: 85%;
	margin: 1em auto;
}	
	
	.tableArea table th,
.tableArea table td{
    padding:10px;
    border:1px solid #231815;
    white-space:nowrap;/*文字を折り返さない*/
	font-weight: 500;
	font-family: "Noto Sans JP", serif;
}
}

/************************************************************
						★スマホ対応
************************************************************/
@media screen and (max-width:599px)  {	
.sp{display: block;}	
.pc{display: none;}


/*------------------------------------------------------intro*/
#title{
    height: 400px;
	background-image:url("../img/title_bg_sp.webp");
	background-size: cover;
	background-position:center;
}


h1{
    height: 360px;
    background-image:url("../img/logo.webp");
    background-size: 70%;
	position: relative;
    }

#container h3{
	text-align: center;
	font-size: 1.3em;
	color: #004da0;
	padding: 2em 0  0.5em 0;
}	
	
.venue {
		font-size: 18px;
	}	
	
.coupon{
	width:90%;
	}
	
h2{
		font-size: 24px;
	}
	
.tbtxt{
	text-align: left;
	padding-left: 1em;
	}	

}