@charset "UTF-8";
/*--------------------------------------------------
reset
-----------------------------------------------------*/
html{scroll-behavior: smooth;}
body{width: 100%;letter-spacing: 0;text-align: left; }
body, p, dl, ol, ul, h1, h2, h3, h3, h4, h5, h6, form, table, td, dt, dd {margin: 0;padding: 0;}
img{border: none; vertical-align:middle;width:100%;height:auto;}
ol,ul{list-style-type: none;}
table {/*border-collapse: collapse;*/border-spacing: 0;}

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

.flex{display:flex; justify-content: space-between; align-items: center;}
.inner{}
/* スクロールで　フェードイン表示 */
.fade{opacity:0;}
.fadein{opacity:1.0;}
.ts1{transition: 1.0s}

/* アスタリスク　注釈用 */
ul.ast {	list-style: none;font-size: 90%;margin: 0.5em 0;}
ul.ast li {	margin: 0 0 5px 0;	padding-left: 1em;	text-indent: -1em;}
ul.ast li:before {	content: "\203b";	color: #fff;}
ul.ast li.red:before {	content: "\203b";	color: #f00;}

.youtube {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-bottom: 0; /* YouTubeの下に余白をつける */
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	 background: #000;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


a{transition: 0.2s;}
a:hover{opacity:0.5;}
a.deactive{pointer-events:none;}
a[href="#"]{pointer-events:none;}
.fb-share-button{position: relative;top:-2px;}

/*右下固定リンク　「先頭に戻る」他　*/
#jumpbtn { position:fixed; right:0; bottom:0;z-index:500;}
#jbtnbox a{display:block;padding:0.5em; background: #000;color:#fff;position:relative;text-decoration: none;}
#jbtnbox a:hover{ 
opacity:1;	
}

#content #jbtnbox a i{font-size:280%;position: relative;left:-3px;margin:0 5px 0 0;color:#eda4c2;}

#content img.protect {
  pointer-events: none;
  user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none; 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}


.inner{max-width:900px;margin:0 auto;position: relative;}





/*--------------------------------------------------
common
-----------------------------------------------------*/
body {color: #000;  background: #fff355;overflow-x: hidden;}




#sns{ background: #268300;padding:0.25em;}	
#sns .logo{flex-basis: 20%;}	
#sns .fb-share-button{margin:0 0 0 1em;}


.close {
	z-index: 1;
	inset: 0;
	pointer-events: none;
	transition: background-color .6s;
}
#drawer:checked ~ .close {
	pointer-events: auto;
	background-color: rgba(0,0,0,.3);
}

/*
.contents {
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
*/

/* :::::: toggle button :::::: */
#drawer {
	display: none;
}
label {
	cursor: pointer;
	position: fixed;
}
.open {
	z-index: 2;
	top: 8px;
	right: 8px;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	background: #e7305a;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before,
.open::after {
	content: "";
}
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid white;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.close {
	z-index: 1;
	inset: 0;
	pointer-events: none;
	transition: background .6s;
}
#drawer:checked + .open {
	background: #dc6688;
	transform: translateX(-280px);
}
#drawer:checked + .open span {
	transform: scaleX(0);
}
#drawer:checked + .open::before {
	transform: rotate(135deg) scaleX(1.2);
}
#drawer:checked + .open::after {
	transform: rotate(-135deg) scaleX(1.2);
}
#drawer:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
}

/* :::::: drawer menu :::::: */
.menu {
	z-index: 1;
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	background: rgba(0,0,0,.6);
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu h2 {
	color: white;
	font-family: "Ubuntu Condensed", sans-serif;
	font-weight: 400;
	letter-spacing: .1em;
	text-align: center;
}
.menu ul {
	margin: 0;
	padding: 0;
}
.menu li {
	line-height: 1.4;
}
.menu li:not(:first-child) {
	border-top: 1px solid rgba(255,255,255,.6);
}
.menu a {
	display: block;
	padding: 1em 2em;
	color: white;
	text-decoration: inherit;
	transition: background .6s;
}
.menu a:hover {
	background: black;
}
#drawer:checked ~ .menu {
	transform: none;
}

header{padding:0;max-width:1000px;margin:auto;}


#mainwrap {font-family: sans-serif;	
background:#f6bba5 url( "../images/bg.png") no-repeat top center;
background-attachment: fixed;	
background-size: cover;


}

.contents{max-width:1000px;	margin:auto;padding:0;padding:0 1em;}
.item{position:relative;margin:0 0 1em 0}
.item .free{position:absolute;width:10%;top:0%;left:0%;}
a.entry_here{width:55%;display:block;}


section{padding:1em 0;}
section.whatsnew{ background: #384d9f;padding:1em;margin:0 0 1em 0;}

section.whatsnew .upper{ width:80%;margin:0 auto 0.5em auto;}
section.whatsnew .upper .btn a{margin:0 1%;}
section.whatsnew .motimono{width:100%;margin:0 0 0.5em 0;}
section.whatsnew .sns_x{position:absolute;right:0;top:0;width:8%;}

section.whatsnew .newstt{ width:24%;margin:0;}
section.whatsnew .newscontent{border:3px solid #fff100;padding:0.5em; background: #fff;}
section.whatsnew .newscontent dl{display:flex;justify-content:flex-start;flex-flow:wrap;}
section.whatsnew .newscontent dt{flex-basis:100%;font-weight:700;}
section.whatsnew .newscontent dt.new:after{content:"NEW";color:#f00;font-weight:700;margin:0 0 0 0.5em}
section.whatsnew .newscontent dd{flex-basis:100%;font-size:90%;}

section.kaijyo{ background: #384d9f;}
section.kaijyo .item{margin:0 0 1em 0}

section.notice{ background: #fff;padding:1em;}
section.notice a{margin:0 0 1em 0;display:block;}
section.notice .item{margin:3em 0 1em 0;}






#budo.item .free{position:absolute;width:10%;top:2%;left:-2%;}
#budo.item a.entry_here{position:absolute;left:0;right:0;margin:auto;}
#budo.item a.upper{top:55%;}
#budo.item a.bottom{top:91.5%;}



#gourmet.item a{position:absolute;width:49%;top:71%;left:0;right:0;margin:auto; pointer-events: none;} 
.bottom_link a{display:block;margin:0 0 1em 0;}

#lottery.item .free{position:absolute;width:10%;top:-1%;left:-2%;}




#timeschedule {margin:0 0 2em 0;}

/* フッター */
footer{margin:0; padding:1em 0 5em 0; background: #fff;}
footer .otoiawase{margin:1.5em 0}
footer .logo{width:55%;margin:auto;}
footer p{text-align: center;font-size:80%;padding:0.5em;}

 /* //////////////////////////////////////////////////*/
@media screen and (min-width: 48.1em) {
 /* //////////////////////////////////////////////////*/

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

#mainwrap {padding:0 0 2em 0;}	
    .contents{max-width:1000px;	margin:auto;}
 .item{position:relative;margin:0 0 3em 0}	
    
section.whatsnew{width:1000px;margin:0 auto 2em auto;padding:1em 0;}
section.whatsnew .upper{ width:80%;margin:0 auto 2em auto;}
section.whatsnew .upper .btn a{width:66%;margin:0 auto;}
section.whatsnew .motimono{width:100%;margin:0 0 1em 0;}
section.whatsnew .sns_x{position:absolute;right:0;top:0;width:8%;}

section.whatsnew .newstt{ width:24%;margin:0;}
section.whatsnew .newscontent{border:3px solid #fff100;padding:1em; background: #fff; flex-flow: nowrap}
section.whatsnew .newscontent dl{display:flex;justify-content:flex-start}
section.whatsnew .newscontent dt{flex-basis:18%;font-weight:700;}
section.whatsnew .newscontent dt.new:after{content:"NEW";color:#f00;font-weight:700;margin:0 0 0 0.5em}
section.whatsnew .newscontent dd{flex-basis:80%;font-size:100%;}	
	


section.kaijyo .item{margin:2em 0 2em 0}    
    
    
    
    
/* フッター */
footer{ }
footer p{text-align: center;font-size:100%;}	
/* //////////////////////////////////////////////////*/
} /* //////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////*/



@media print {
.fade{opacity:1;}
.fadein{opacity:1.0;}	
    #content #jumpbtn {display:none; }  
}