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

/*改行*/
br.pc{display: block;}
br.sp{display: none;}
/**/

p.center{text-align: center;}
.font875{font-size: 0.875rem;}

/*scrollin_anime.js*/
.scrollin { opacity: 0; transition: all .5s ease;}
.scrollin.show { opacity: 1; transform: none;}
.scr_lr { transform: translate(-30px, 0);}
.scr_rl { transform: translate(30px, 0);}
.scr_fadein{ transform: translate(0, 0px);}
.scr_up { transform: translate(0, 30px);}
.scr_down { transform: translate(0, -30px);}
.scr_scaleUp { transform: scale(.5);}
.scr_scaleDown { transform: scale(1.5);}
.scr_rotateL { transform: rotate(60deg);}
.scr_rotateR { transform: rotate(-60deg);}
/*/scrollin_anime.js*/

.bnr{margin: 0 auto;width: 100%;max-width: 400px;}
.bnr img{width: 100%;height: auto;}
.bnr p{text-align: center;color: red;}
	
#wrapper{
	-webkit-text-size-adjust:none; font-family: 'Noto Sans Japanese', sans-serif;
	background-image: url("../images/bg_event.png");
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: top;
	background-size: cover;
	background-color: #fff;
}
#wrapper > div{	position: relative;}
#wrapper a:hover{opacity:0.7;}
#wrapper img{height: auto;}
footer#common_foot { margin: 0; }

/* リンク
---------------------------------*/
a { /*color: #de7000;*/ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
a:link		{}
a:visited	{}
a:hover		{text-decoration:none; opacity:0.7;}
a:active	{text-decoration:none;}


/*DUNK イベント*/
.logo_dunk{width: 100%;max-width: 800px;margin: 0 auto;}
.logo_dunk img{width: 100%;}
.sc_boshu{position: relative;padding: 2em 0;box-sizing: border-box;background: /*rgba(100, 237, 157, 0.42);*/rgba(0, 0, 0, 0.7)}
.grid_boshu{display: grid;grid-template-columns: repeat(2, 1fr);margin: 2rem auto; width: 96%;max-width: 1200px;gap:1rem;}
.grid_boshu .cont_boshu {background-color:rgba(255,255,255,0.9);padding:3rem;border-radius: 1rem;box-sizing: border-box;}
.grid_guest{display: grid;grid-template-columns: repeat(3, 1fr);margin: 1rem; width: 96%;max-width: 750px;gap:1rem;text-align: center;font-size: 0.875rem;}
.grid_guest img { width: 100%; margin: 0 0 .3em; border-radius: 6px; }
@media screen and (max-width: 768px) {
.grid_boshu{grid-template-columns: repeat(1, 1fr);}
.grid_boshu .cont_boshu {padding:1rem;}
.grid_guest{grid-template-columns: repeat(1, 1fr);margin: 0 auto; width: 100%;gap:0.5rem;text-align: center;font-size: 0.875rem;}
.grid_guest span{font-size: 0.9em;}
}
/*SKEイベント*/
.main{width: 100%;max-width: 400px; margin: 10px auto; }
.main img{width: 100%;height: auto;}
/*.menu{width: 100%;}*/
.menu .pizza {    
	display: block;
    width: 90%;
    margin: 2rem auto;
    padding: 1rem;
    border: #ccc  solid 1px;
	border-radius: 3px;
    background: #fff;}
.menu .pizza img{width: 40%;border-radius: 10px; border-radius: 10px; margin: 10px 20px;}
.menu .pizza h6{font-size: 1.2rem; }
.menu .pizza p{font-size: 1rem; }
.menu .flex{display: flex;}

/*.se_main_header .main_catch{background:url("../images/bg_header.jpg") center top no-repeat;  padding: 3rem 0;position: relative;overflow: hidden;background-size:2100px;}
.se_main_header .main_catch .dunk_header h2{width: 100%;max-width: 1000px;margin: 0 auto;filter: drop-shadow(5px 5px 5px #666);}
.se_main_header .main_catch .dunk_header h2 img{width:100%;}*/

section.cont_box {}
section.cont_box a{color: #000;font-weight: bold;}
.red{color: red;font-weight: bold;}
.t00{font-size: 1.25rem;font-weight: bold;}
.t01{font-size: 1.25rem; /*color: #B39241;*/ font-weight: bold;}
.t02{font-size: 1.25rem;font-weight: bold;background-color: #B39241;padding:0 0.25em ;}


section.cont_box h3 { text-align: center; }
section.cont_box h3.skeaokizu span.title { display: block; margin: 1em 0 }
section.cont_box h3.skeaokizu span.title img { width: 100%; max-width: 774px; }
section.cont_box h3.skeaokizu span.main { display: inline-block; margin: 0 0 1em; padding: .5em 1.5em; border-radius: 999px; background: #b39241; }
section.cont_box h3.skeaokizu span.main img { width: 100%; max-width: 296px; }

section.cont_box h4 { font-size: 1.5rem; text-align: center; color: #333; }
section.cont_box h4 span.t01 { font-size: 2.25rem; color: #41b34b; letter-spacing: 0.03em; }
section.cont_box h4 span.t01 span { font-size: 1.5rem; }
section.cont_box h4 span.t02 { padding:0 0.25em; font-size: 1.85rem; color: #fff; background-color: #B39241; }

section.cont_box h5 { font-size: 1.8rem; color: #333;border-bottom: 1px solid #000;margin: 0 0 1em; }
section.cont_box table.table_disc p { padding: .25rem 0; text-align: justify; }
section.cont_box table.table_disc h5 { padding: 0 0 .25rem; letter-spacing: -0.03em; }
section.cont_box table.table_disc ul { padding: .25rem 0 1rem; }

section.cont_box p.oubo{font-size: 1.125rem;font-weight: bold;color:red;padding:0 0.25em ;vertical-align: middle;text-align: center;}
section.cont_box table.table_disc p.oubo { text-align: center; }
section.cont_box p{padding: 1rem 0;font-size: 1.125rem;line-height: 1.6;}
section.cont_box .cont_inner { position:relative; width:96%; max-width: 1200px; margin:1rem auto; background-color: rgba(255,255,255,0.9);padding:3rem;border-radius: 1rem;box-sizing: border-box;}
section.cont_box .cont_inner .cont_flex {width:100%;max-width: 1100px; margin:10px auto;display: flex;}
section.cont_box .cont_inner .cont_flex div { width:70%;  padding-bottom:30px;}	

/*注意事項*/
ul.att{padding: 1em;color: #333;font-size: 0.875rem;margin: 0em auto 1em;max-width: 360px; background-color: rgba(255, 255, 255,0.5);}
ul.att li{padding: 0.25em 0;text-indent: -1rem;margin-left: 1rem;}
/*ul.att li:before{content:"\02714";color:#B39241;}*/

/*注意事項2*/
ul.att2{padding: 1em 0;color: #333;font-size: 0.875rem;margin: 0em auto 1em;background-color: rgba(233, 233, 233,0.7);}
ul.att2 li{padding: .3em 0; text-indent: -1em; margin-left: 1em; text-align: justify; }
/*ul.att2 li:before{content:"\02714";color:#B39241;}
*/
.table_disc{width: 100%;margin: 2rem auto; max-width: 880px; }
.table_disc tbody{}
.table_disc td{}
.table_disc th,.table_disc td{
	padding: 0.5em;
	border-bottom: 1px solid #666;
	color: #333;
	}
.table_disc tr:last-child th, .table_disc tr:last-child td { border-bottom: none; }
.table_disc th{font-weight:700;letter-spacing: 0.25rem;border-right: 6px solid rgba(255,255,255,0);text-align: right; vertical-align: top; width: 10em;}

/*応募の流れ*/
/*.entry_howto{border:orange solid 2px;width:90%;max-width: 1000px;margin: 1rem auto 3rem;position: relative;border-radius: 1rem;}
.entry_howto h6{font-weight: bold;text-align: center;font-size: 1.25rem;color: #fff;padding: 1em;background-color:orange;border-radius: 0.5rem;}
	.entry_howto h6 a{color: #fff;}
.entry_howto p{padding: 1em;}
.entry_howto.down{}
.entry_howto.down::after{
      content: "▼";
      position: absolute;
      top: 96%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 3rem;
	  color:orange;
    }*/

/*募集は終了しました*/
p.boshu_end{text-align: center;background-color: #FCE9E9;padding: 0.5em 2em 0.6em 2em;border-radius: 999px;width: 16em;box-sizing: border-box;font-size: 1.125rem;margin: 0 auto 1em;}
a.btn_oubo{width: 80%; max-width: 600px; margin: 0 auto; display: block;padding: .5em;border-radius: 999px; background-color:#F6E203;text-align: center; color: #000; text-decoration: none; font-weight: bold;/*border: 1px solid #FC0BC6;*/font-size: 1.25rem;}
.off{filter: grayscale();pointer-events: none;}

p.center{text-align: center;}
div.img_center{display: block;margin: 0.5rem auto;width: 80%;max-width: 600px;}
div.img_center img{width: 100%;}


/*特典*/
/*ul.tokuten{padding: 0.5em 2rem;font-weight: bold;color: #333;}
ul.tokuten li{padding: 0.5em 0;}
ul.tokuten li:before{content:"\02714";color:#B39241;}*/
/*画像ver*/
/*ul.tokuten_img{display: grid;grid-template-columns: repeat(3, 1fr);margin: 0 auto; width: 100%;max-width: 800px;}
ul.tokuten_img img{width: 100%;height: auto;}*/

/*入会ボタン fix*/
/*	#btn_touroku{position: fixed;bottom:0;right: 0;width: 40%;max-width: 200px;z-index: 9000;}
	#btn_touroku a{display: block; border-radius: 100% 0% 100% 0% / 100% 100% 0% 0% ;background-color: #B39241;padding: 3em 0 1em 3em;font-size: 1.25rem;font-weight: bold;color: #fff;text-decoration: none;transition: 0.5s;}
	#btn_touroku a:hover{opacity:inherit;transform: scale(1.08);}*/

/*応募受付中フラグ*/
	section.cont_box .cont_inner.flg_boshu{position: relative;margin-top: 2rem;}
	section.cont_box .cont_inner.flg_boshu span.flg{position: absolute;top:-0.5rem;left:-0.25rem;width:80%;max-width: 350px;text-align: center;background-color:#FF1493;color: #fff;font-size: 1.5rem;padding:0.25em 0 0.4em 0; font-weight: bold;display: block;border-radius: 0.25em;box-sizing: border-box;}

/*トップボタン表示*/
/*	.main_catch .btn_clubto{position: absolute; bottom:0; left:0;right: 0;margin: 0 auto;width: 80%;max-width: 400px;}
	.main_catch .btn_clubto a{display: block;font-size: 1.25rem; padding:0.5em 0 0.75em 0;text-align: center;border-radius: 2em;background-color: #E003C9;color: #fff;text-decoration: none;font-weight: bold;border:#fff solid 0.25em;}
	#wrapper .main_catch .btn_clubto a:hover{opacity:inherit;}
	#wrapper .main_catch .btn_clubto a::before{content:"\025b6";transition: 0.5s;}
	#wrapper .main_catch .btn_clubto a:hover::before{padding-left: 0.5em; }*/
	.bnr_mayonakaunagi{width: 100%;max-width: 400px;margin: 1rem auto;}
	.bnr_mayonakaunagi img{width: 100%;height: auto;}

/*動画*/
/*section.cont_box #movie_box {margin: 0px auto 10px; width: 100%;max-width: 800px;}
section.cont_box #movie_box p{text-align: center;}
section.cont_box #movie_box .movie{position:relative; padding-bottom: 56%;  height:0; overflow:hidden;}
section.cont_box #movie_box .movie iframe{ position:absolute; top:0;left:0; width:100%; height:100%;}*/

/*画像配置*/
section.cont_box .img_400 {width: 100%;max-width: 400px;margin: 0 auto;}
section.cont_box .img_600 {width: 100%;max-width: 600px;margin: 0 auto;}
section.cont_box .img_800 {width: 100%;max-width: 800px;margin: 0 auto;}
section.cont_box .img_400 img,
section.cont_box .img_600 img,
section.cont_box .img_800 img{width: 100%;display: block;}


@media screen and (max-width: 768px) {
#wrapper{
	background-image: url("../images/bg_event_sp.png");}
	
.se_main_header .main_catch{padding: 2rem 0;background-size:cover;}
section.cont_box h3{font-size: 1.25rem;}
section.cont_box .cont_inner {padding:1rem;}

	.table_disc th,.table_disc td{display: block;}
	.table_disc th{padding: 0.2em 0.5em 0.3em;background-color: #41b34b; color: #fff;text-align: center;border-radius: 1em;}
	.table_disc th, .table_disc td{border-bottom:none;}
	.table_disc th {border-right: none;}
	.table_disc td.memberlist{background-color: #eee;}
	.t00,.t01,.t02{font-size: 1rem;}
	section.cont_box h3 span.t01{font-size: 1.5rem;}
	section.cont_box h3 span.t02{font-size: 1.25rem;padding:0 0.25em ;vertical-align: middle;}
	/*入会ボタン fix*/
	#btn_touroku{}
	#btn_touroku a{font-size: 1rem;}
	/*応募受付中フラグ*/
	section.cont_box{padding-top: 1rem;}
	section.cont_box .cont_inner.flg_boshu{padding-top: 2rem; }
	section.cont_box .cont_inner.flg_boshu span.flg{font-size: 1.25rem;top:-1.25rem;  right: 0; left: 0; margin: 0 auto;}
	/*トップボタン表示　*/
	.main_catch .btn_clubto{position:relative;}
	.main_catch .btn_clubto a{font-size: 1rem; }
	/*改行*/
	br.pc{display: none;}
	br.sp{display: block;} 
    section.cont_box h4 span.t01{ font-size: 1.7rem}
	/*SKEイベント*/
	.menu .flex{display: block;}
	.menu .pizza img {width: 100%;margin: 10px auto;}
/**/
}
/**/