@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;padding-bottom: 1rem;}
.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/img_bg01.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: top;
	background-size: cover;
	background-color: #1A4899;
}
#wrapper > div{	position: relative;}
#wrapper a:hover{opacity:0.7;}
#wrapper img{height: auto;}


/*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; }
section.cont_box p.about{background-color:rgba(252,252,252,0.75); padding: 1rem 2rem;border-radius: 999px;max-width: 550px;margin: 0 auto;font-size: 1rem;}
section.cont_box p.about strong{color: #a011f9;font-size: 1.5rem;}

@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;}
}


/*.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;font-weight: bold; color: #a011f9;}
.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 { font-size: 2.25rem; text-align: center; color: #333; }
section.cont_box h3 span.t01 { font-size: 2.25rem; color: #a011f9; letter-spacing: 0.03em; }
section.cont_box h3 span.t02 { padding:0 0.25em; font-size: 1.85rem; color: #fff; background-color: #a011f9;}

section.cont_box h4 { font-size: 1.5rem; text-align: center; color: #333;margin-bottom: 1rem; }
section.cont_box h4 span.t01 {font-size: 2.25rem; color: #a011f9; 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: #a011f9; }

section.cont_box h5 { font-size: 1.25rem; color: #333; }
section.cont_box table.table_disc p { padding: .25rem 0; text-align: justify; }
section.cont_box table.table_disc h5 { padding: 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.5em 0 2em;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: -1rem; margin-left: 1rem; 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;}

/*募集は終了しました*/
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: .85em;border-radius: 999px; background-color:#F6E203;text-align: center; color: #000; text-decoration: none; font-weight: bold;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%;}


/*応募受付中フラグ*/
/*	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;}*/

/*動画*/
/*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) {
.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: #222; color: #fff;text-align: center;border-radius: 1em;width: 100%;box-sizing: border-box;}
	.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;}
/**/
}
/**/