@charset "UTF-8";
/* ==================
● sp-h.css
================== */
@media screen and (max-width: 560px){


/* ==================
▼▼▼ common
================== */
.Pc{
     display: none !important; }
.PcTb-w{
     display: none !important; }
.PcTb{
     display: none !important; }
.Tb{
     display: none !important; }
.TbSp{
     display: block !important; }
.Tb-h{
	display: none !important; }
.Tb-hSP{
     display: block !important; }
.SP{
     display: block !important; }


/* ==================
▼▼▼ レイアウト
================== */
.wrap {
	display: -webkit-box; display: -moz-box;
	display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.wrap_R { }
.wrap_RS { }

.box_center{
	align-items: center; display: flex;	justify-content: center; }

.inner{
	width: 88%; margin: 0px auto; }
.inner_foam{
	width: 88%; margin: 0px auto; }

.right{
	text-align: right; }
.center{
	text-align: center; }
.text_D{
	text-align: justify; line-height: 1.5em; letter-spacing: 0.12em; }

#top_logo{
	padding: 3px 0 5px 5px; text-align: left; }

.ttl_01{
  padding: 0.5em; color: #333; background: #f0f8ff;  font-size:1.2rem;
  border-left: solid 12px #00a1e9; }
.ttl_01 span{
	padding: 0 0 0 10px; color: #0099cc; font-size:0.9rem; }
.ttl_spc_01{ margin: 50px 0 30px 0; }

.ttl_02{
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 0.5em;
    padding: 1em 0.5em 0.3em 0.5em;
    border-bottom: 2px solid #a0d8ef; }


.design_box{
	width:100%; padding: 30px 15px; margin:50px auto 0px; text-align:center;
	border-radius: 10px;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.2 );
	line-height: 1.6em; letter-spacing: 0.12em;}
.tel_D{
	padding:40px 0 20px; font-size:1.7rem; }



/* ==================
 ▼ table
================== */
.BOX {
	margin: 0 0 50px 0;
	width: 100%;
	line-height: 1.6rem;
	text-align: justify;
}
.BOX table {
	border: none;
	width: 100%;
}

.BOX table thead {
	display: none;
}

.BOX table tr {
	display: block;
	margin-bottom: 20px;
}
.BOX table td {
	border-bottom: 1px dashed #999;
	display: block;
	padding: 10px;
}
.BOX table th {
	text-align: left;
	vertical-align: super;
	font-weight: 600;
}


/* ==================
 ▼ space
================== */
.top_P10{
	padding-top:10px; }
.top_P20{
	padding-top:20px; }
.top_P30{
	padding-top:30px; }
.top_P50{
	padding-top:50px; }
.top_P80{
	padding-top:80px; }
.top_P100{
	padding-top:100px; }
.top_M100{
	margin-top:100px; }

.bottom_P20{
	padding-bottom:20px; }

.right_P50{
	padding-right:50px }

.ttl_spc_01{ margin: 50px 0 30px 0; }
.ttl_spc_02{ margin: 5px 0 30px 0; }
.ttl_spc_03{ margin: 80px 0 0 0; }
.ttl_spc_04{ margin: 0 0 20px 0; }


/* ==================
▼▼▼ header
================== */
/* 見出し */
.site-description{
	font-size: 0.75em;
	font-weight: normal;
	padding: 2px;
}

/* ==================
▼▼▼ footer
================== */
/* 見出し */
footer{
	background-color:#0094d4; color:#fff;
	width: 100%; padding: 50px 0 40px 0; margin-top: 90px; }
footer .inner_f{ width:100%; margin: 0 auto; }
footer a{ color:#fff; }
footer .inner_f div:nth-child(1){
	width:100%; padding:5px 0 0 0; margin: 0 auto;
	font-size:0.8rem; text-align:center; }
footer .inner_f div:nth-child(1) img{ width:240px; padding: 0 0 15px 0; }
footer .inner_f div:nth-child(2){
	display: none !important; }

#copyright{
	background-color:#0094d4; color:#fff;
	font-size: 0.7rem; text-align: center; padding-bottom:3px;
	font-family: Verdana, “Droid Sans”; }
#copyright a{
	color: #fff; }



/* ==================
▼▼▼ common
================== */
#common_bg01{
	width: 100%; margin: 100px 0 0 0; padding:40px 0 60px; background-size: cover;
	background: url('../img/common_bg01.png') no-repeat center bottom; }

.cmn_box_02a{
	width: 100%; margin: 0px auto; color:#fff; text-align:center; }
.cmn_box_02a:nth-child(1){ padding: 0 0 0 0; }
.cmn_box_02a:nth-child(2){ padding: 50px 0 0 0; }
.cmn_box_02a h3{
  background-color: rgba(255, 255, 255, .2); border-radius: 30px;
  font-size:1.5rem; color: #fff; padding:20px 0; margin-top:10px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, .4); }
.cmn_box_02a h3:hover {
  background-color: rgba(255, 255, 255, .3); }
 .cmn_box_02a span{
	 font-size:0.9rem; border-bottom: dotted 2px #fff; }
 .cmn_box_02a h2{
	 font-size:1.5rem; margin:10px 0 0 0; }

.cmn_bnr_spc1{ margin-top: 90px; }
.cmn_box_05{
	width: calc(100% / 3); }
.cmn_box_05:nth-child(1){ padding: 0 5px 0 5px; }
.cmn_box_05:nth-child(2){ padding: 0 5px 0 5px; }
.cmn_box_05:nth-child(3){ padding: 0 5px 0 5px; }

.cmn_box_05:nth-child(4){ padding: 10px 5px 0 5px; }
.cmn_box_05:nth-child(5){ padding: 10px 5px 0 5px; }
.cmn_box_05:nth-child(6){ padding: 10px 5px 0 5px; }

.cmn_box_05:nth-child(7){ padding: 10px 5px 0 5px; }
.cmn_box_05:nth-child(8){ padding: 10px 5px 0 5px; }
.cmn_box_05:nth-child(9){ padding: 10px 5px 0 5px; }

.cmn_box_05:nth-child(10){ padding: 10px 5px 0 5px; }


/* ==================
▼▼▼ common_Button
================== */
.common_btn01{
	width: 100%; text-align:center; color:#fff; }
.common_btn01:nth-child(1){ padding: 25px 0 0 0; }
.common_btn01:nth-child(2){ padding: 50px 0 20px 0; }
.common_btn01 a{ color: #fff; }
.common_btn01 h3{
	background-color: rgba(255, 255, 255, .2); border-radius: 40px;
	font-size:1.2rem; color: #fff; padding:20px 0; margin-top:25px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7); }
.common_btn01 h3:hover {
  background-color: rgba(255, 255, 255, .3); }
 .common_btn01 span{
	 font-size:0.8rem; border-bottom: dotted 2px #fff; }
 .common_btn01 h2{
	 font-size:1.2rem; margin:13px 0 0 0; }
	 
	 
/* ==================
▼▼▼ entry_Button
================== */	
.entry_btn {
	width: 100%; background: #59a4d0;
   color: #fff; font-size: 16px; font-weight: bold; line-height: 1.5em;
   padding: 35px 0px; margin-top:20px; border-radius: 10px;
   border: 5px solid #2c749e; box-shadow: 5px 5px 0 #2c749e;
   display: inline-block; transition: .5s; }
.entry_btn span { font-size: 18px; }
.entry_btn:hover {
	background: #3792c6; transform: translateY(5px); box-shadow: 2px 2px 0 #555; }


/* ==================
▼▼▼ index
================== */
.main_box{
	width: 100%; }
.main_spc01{
	margin: 60px 0 0 0; }

/* .main_box .box1 */
.main_box .box1{
	width:100%; padding:0 0 0 0; }
.main_box .box1 .box1-a{
	width:100%; border: 10px solid #eee; padding: 15px 8px 10px 8px; }
.main_box .box1 .box1-a h3{
	display: inline-block; color:#0099cc; font-size:0.7rem;
	border-bottom: 2px dotted #0099cc; padding: 5px; }
.main_box .box1 .box1-a h4{
	font-size:1.1rem; padding:15px 0}
.main_box .box1 .box1-a .box1-a1{
	width:100%; padding:0 0 0 0; }
.main_box .box1 .box1-a .box1-a2{
	width:100%; padding: 20px 0 10px 0; text-align:center; }

/* .main_box .box2 */
.main_box .box2{
	display: none !important; }

.main_box .box3{ width: 100%; }
.main_box .box3:nth-child(1){ padding: 20px 0 10px 0; text-align: center; }
.main_box .box3:nth-child(2){ padding: 10px 0 10px 0; text-align: center; }
.main_box .box3:nth-child(3){ padding: 10px 0 20px 0; text-align: center; }



/* ==================
▼▼▼ common_page
================== */
#common_bg_top_txt{
	color:#fff; font-size:1.5rem; text-shadow: 1px 1px 2px #666; }
#common_bg_top {
	width: 100%; height:200px; background-color: #0093E9;
	background-image: linear-gradient(160deg, #1D62F0 0%, #05FBFF 100%);
	box-shadow:0px 20px 8px -10px rgba(89,89,89,0.15); }



/* ==================
▼▼▼ tournament
================== */
.tournament_PDF {
	width:78%;
	margin: 10px auto 0 auto; }
.tournament_PDF li{
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom:10px; }

#tournament_bg_txt{
	color:#fff; font-size:1.4rem; font-weight: 600; }
#tournament_ukai_bg {
	width: 100%; height:280px;
	background: url('../img/tournament_ukai_top-tb.png') no-repeat center bottom; }
#tournament_seiryu_bg {
	width: 100%; height:280px;
	background: url('../img/tournament_seiryu_top-tb.png') no-repeat center bottom; }
#tournament_gantan_bg {
	width: 100%; height:280px;
	background: url('../img/tournament_gantan_top-tb.png') no-repeat center bottom; }


.tournament_box01{
	width:100%; border: 10px solid #eee; padding: 20px 0 50px 0; }
.tournament_box01a{
	width:90%; padding: 0 0 0 0; margin: 0px auto; }
.tournament_box01b{
	width:90%; margin: 0px auto; }
.tournament_box01b-s{ width: 100%; }
.tournament_box01b-s:nth-child(1){ padding: 30px 5% 0 5%; }
.tournament_box01b-s:nth-child(2){ padding: 30px 5% 0 5%; }
.tournament_box01b-s:nth-child(3){ padding: 30px 5% 0 5%; }

.tournament_box2a h3{
	display: inline-block; color:#0099cc; font-size:0.9rem;
	border-bottom: 2px dotted #0099cc; padding: 5px; }
.tournament_box2a h4{
	font-size:1.2rem; padding:15px 0}
.tournament_box2a{
	width:100%; }
.tournament_box2b{
	width:100%; text-align:center; padding: 50px 0; }

.tournament_box2{ width: calc(100% / 2); }
.tournament_box2:nth-child(1){ padding: 0 5px 10px 0; }
.tournament_box2:nth-child(2){ padding: 0 0 5px 10px; }

.tournament_entrybox{
	width: 100%; text-align:center; color:#fff;
	font-size:1.6rem; line-height: 1.2em; }
.tournament_entrybox:nth-child(1){ padding: 20px 0 0 0; }
.tournament_entrybox:nth-child(2){ padding: 30px 0 50px 0; }
.tournament_entrybox a{ color:#fff; }

.entrybox{ width: 85%; margin: 10px auto 100px; }
.entrybox li{
	list-style-type: decimal; padding: 0 0 15px; line-height: 1.5em;
	list-style-position : outside; margin-left:2em; }
.entrybox img{ margin-top: 20px; }

.volunteer_box{
	width: 100%; background-color:#eee; margin:20px 0 30px 0; }
.volunteer_box01{ width: 100%; text-align:center; padding:30px 15px 0 15px;}
.volunteer_box02{
	width: 100%; font-size:1.2rem;
	padding:20px 0 20px 20px; text-align:center; }

.design_btn01{
	background-color:#eee; margin-top:20px; padding:15px 0;
	font-size:1rem; text-align:center; border-radius: 10px; }

.design_bg01{
	background: url('../img/common_bg02.png') no-repeat center;
	padding:80px 0; border-radius: 10px; }
.design_bg02{
	background: url('../img/common_bg03.png') no-repeat center;
	padding:80px 0; border-radius: 10px; }

.entry_end_txt{
	text-align:left; line-height: 1.5em; }	

/* ==================
▲▲▲ sp-h.css
================== */
}

@media screen and (max-width: 320px){

.cmn_bnr_spc1{ margin-top: 90px; }
.cmn_box_05{
	width: calc(100% / 2); }
.cmn_box_05:nth-child(1){ padding: 0 5px 0 5px; }
.cmn_box_05:nth-child(2){ padding: 0 5px 0 5px; }

.cmn_box_05:nth-child(3){ padding: 10px 5px 0 5px; }
.cmn_box_05:nth-child(4){ padding: 10px 5px 0 5px; }

.cmn_box_05:nth-child(5){ padding: 10px 5px 0 5px; }
.cmn_box_05:nth-child(6){ padding: 10px 5px 0 5px; }

.cmn_box_05:nth-child(7){ padding: 10px 5px 0 5px; }
.cmn_box_05:nth-child(8){ padding: 10px 5px 0 5px; }

.cmn_box_05:nth-child(9){ padding: 10px 5px 0 5px; }
.cmn_box_05:nth-child(10){ padding: 10px 5px 0 5px; }

/* ================== */
}