@charset "utf-8";

.date{
	font-size:95%;
	margin:0 0 30px 20px;
	letter-spacing:5px;
	font-weight:bold;
	color:#777;
}
.imgbiggest, .imgbig, .imgright, .imgleft, .imgdouble{
	margin-bottom:10px;
} 

.text{
	margin-top:0;
	margin-bottom:1.5em;
}
.textlr div:nth-child(odd){
	float:left;
	width:47%;
	margin-right:3%:
}
.textlr div:nth-child(even){
	float:left;
	width:47%;
	margin-left:3%;
}
.imgindexonly{
	display:none;
}

.imgbiggest{
	width:100%;
	padding:5px;
	border-radius:30px;
}
.imgbiggest img{
	width:auto;
	height:auto;
	max-width:100%;
	display:block;
	margin:0 auto;
}
.imgbig{
	width:100%;
	/* background-color:#eee; */
	padding:30px;
	border-radius:30px;
}
.imgbig img{
	width:auto;
	height:auto;
	max-width:600px;
	display:block;
	margin:0 auto;
}
.imgleft, imgright{
	width:100%;
	float:none;
}
.imgleft img{
	width:48%;
	float:left;
	margin:0 2% 0 0;
}
.imgleft div.text{
	width:48%;
	float:right;
	margin-left:2%;
	margin-bottom:0;	
}
.imgright img{
	width:48%;
	float:right;
	margin:0 0 0 2%;
}
.imgright div.text{
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:0;	
}

.imgleft:after, .imgright:after, .imgdouble:after, .textlr:after{
	content:" ";
	display:block;
	clear:both;
}
.imgdouble > *{
	width: 49%;
	display:inline-block;
	float:left;
	margin-right:2%;
	margin-bottom:10px;
}
.imgdouble > *:nth-child(2n){
	margin-right:0;
}

.sub_a{
	font-size:180%;
	font-weight:bold;
	color:#f8b;
	letter-spacing:3px;
	margin-bottom:10px;
}
.sub_b{
	font-size:130%;
	background-color:#eee;
	padding:2px 8px 0;
	margin-bottom:15px;
	border-radius:5px
}

#news{
	max-width:1200px;
	margin:0 auto 60px;
}
#news iframe{
	width:1200px;
	max-width:100%;
	border:none;
}
#news > .contents-padding:first-child{
	margin-top:150px;
}
.lp #news > .contents-padding:first-child{
	margin-top:0;
}
@media(max-width:650px){
	#news > .contents-padding:first-child{
		margin-top:15px;
	}
}

@media(max-width:750px){
    #news iframe{
    	/* height:500px; */
 }
}



.topics_body{
	font-size: 110%;
	/* margin-top:-1.5em; */
}
.topics_body:after, {
	content:" ";
	display:block;
	clear:both;
}
.topics_block{
	margin-bottom:2em;
}
.rec_modoru{
	margin-top:30px;
	text-align:center;
}
.rec_modoru a{
	display:inline-block;
	background-color:#f8b;
	padding:10px 20px;
	color:#fff;
	font-weight:bold;
	letter-spacing:3px;
	border-radius:10px;
}
.topic_yt{
	max-width:640px;
	margin:0 auto 40px;
}
.bluebox{
padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #333333;
    border-radius: 10px;
    background-color: #afeeee;
    color: #000000;
}

.pc1{font-size:75%;}
.pc2{font-size:85%;}
.pc3{font-size:100%;}
.pc4{font-size:125%;}
.pc5{font-size:150%;}
.pc6{font-size:200%;}
.pc7{font-size:250%;}
.pc8{font-size:300%;}
.pc9{font-size:400%;}
.pc10{font-size:500%;}
.pc11{font-size:600%;}
.pc12{font-size:750%;}

/*ao?c´?a?†a??a??a?≪*/
.yoyaku_table{
	display:flex;
	justify-content: space-between;
	margin:0 auto 50px;
	/* max-width:80%; */
}
.yoyaku_table .oneday{
	width:100%;
	text-align:center;
	padding:15px 15px 5px;
	margin:0 1% 35px;
	border:2px solid #f8b;
	border-radius:10px;
	font-size:80%;
}
.time_btn{
	border:0px;
	border-bottom:1px solid #f8b;
	padding: 12px;
	display:flex;
	justify-content: space-between;
}
.time_btn span{
	background:#eee;
	padding: 5px 20px;
	border-radius:5px;
	display:inline-block;
}
.time_btn a{
	display:inline-block;
	background-color:#f8b;
	color:#fff;
	font-weight:bold;
	font-size :95%;
	padding:5px 20px;
	border-radius:5px;
	box-shadow:1px 2px 3px #ccc
}
.time_btn:last-child{
	border-bottom:0;
}
.yoyaku_date{
	font-size: 120%;
    letter-spacing: 2px;
    color: #f8b;
	font-weight:bold;
	padding:5px 0 15px;
	border-bottom:1px solid #f8b;
}
.yoyaku_table p{
	width:100%;
}
.fullbox{
   margin: 0 calc(51.5% - 50vw);
   text-align:center;
}
@media (max-width:650px){
	.yoyaku_table{
		display:block;
	}
	.yoyaku_table .oneday{
		margin:0 0 35px;
	}
	#news{
		padding: 0 0px;
	}
	.date{
		font-size:80%;
		padding:0;
		margin: 0 5px 20px;

	}
	.topics_body{
		font-size: 95%;
	}
	.imgleft, .imgright{
		margin-left:0;
		margin-right:0;
	}

	.imgleft img, .imgright img, .imgdouble > *{
		width:100%;
		float:none;
		margin:0 0 10px;
	}
	.imgleft div.text, .imgright div.text, .textlr div:nth-child(odd),.textlr div:nth-child(even){
		width:100%;
		float:none;
		margin:20px 0;
	}
	.imgbig{
		padding:0;
		background:none;
	}
	.imgbig img{
		max-height:none;
		max-width:100%;
	}
	.sub_a{
		font-size:150%;
		letter-spacing:1px;
	}
	.sub_b{
		font-size:120%;
		letter-spacing:1px;
	}
	.sp1{font-size:80%;}
	.sp2{font-size:90%;}
	.sp3{font-size:100%;}
	.sp4{font-size:125%;}
	.sp5{font-size:150%;}
	.sp6{font-size:200%;}
	.sp7{font-size:250%;}
	.sp8{font-size:300%;}
	.sp9{font-size:400%;}
	.sp10{font-size:500%;}
	.sp11{font-size:600%;}
	.sp12{font-size:750%;}

}

/*form-frame*/
.form_frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  height:100%;
  width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}