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

.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%;
}

.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:left;
	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 img{
	width:48%;
	float:left;
	margin-right:2%;
	margin-bottom:0;
}
.imgindexonly{
	display:none;
}

.text img{
	width:unset;
	height:unset;
}

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

#news{
	max-width:1000px;
	margin:0 auto 60px;
}
.topics_body{
	font-size: 110%;
	margin-top:2em;
	text-align:left;
}
.topics_body:after, {
	content:" ";
	display:block;
	clear:both;
}
.topics_block{
	margin-bottom:2em;
}
.rec_modoru{
	text-align:center;
	margin-top:50px;
}
.rec_modoru a{
	display:inline-block;
	background-color: #2e76bc;
	padding:10px 20px;
	color:#fff;
	font-weight:bold;
	letter-spacing:3px;
	border-radius:10px;
}
.topic_yt{
	max-width:640px;
	margin:0 auto 40px;
}
/*Aï¿¡a?ï¿¢a?ï¿¢youtube */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.topic_yt{
	max-width:640px;
	margin:0 auto 40px;
}
.kakomi{
	display:inline-block;
	background-color:#fff5f9;
	margin:20px 0;
	padding:12px 20px;
	border:2px solid #ccc;
	border-radius:10px;
	font-size:115%
}
.col3-1 div{
	width:28%;
	float:left;
	margin: 0 2.5% 40px;
}
.col3-1:after{
    content:" ";
    display:block;
    clear:both;
}

.col3-1 div img{
	display:block;
	margin:0 auto 10px;
}
.col3-1 div p{
	font-size:90%;
	line-height:1.4;
}

.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%;}

.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 #2e76bc;
	border-radius:10px;
}
.time_btn{
	border:0px;
	border-bottom:1px solid #2e76bc;
	padding: 12px;
	display:flex;
	justify-content: space-between;
}
.time_btn a{
	display:inline-block;
	background-color:#2e76bc;
	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: #2e76bc;
	font-weight:bold;
	padding:5px 0 15px;
	border-bottom:1px solid #2e76bc;
}
.yoyaku_table p{
	width:100%;
}

/* calendar --------------------------------------------*/

.yoyaku_calendar{
	max-width:850px;
	margin:10px auto 5px;
	display:flex;
	flex-wrap:wrap;
}
.yoyaku_calendar .masu{
	width: 14.28%;
	text-align:center;
	border-bottom:1px solid #2e76bc;
	border-right:1px solid #2e76bc;
	padding:20px 0;
}
.yoyaku_calendar .masu:nth-child(7n+1){
	border-left:1px solid #2e76bc;
	background:#ffe8e8;
}
.yoyaku_calendar .masu:nth-child(7n){
	background:#e8f1ff;
}
.yoyaku_calendar .masu:nth-child(-n+7){
	border-top:1px solid #2e76bc;	
}
.yoyaku_calendar a:hover{
	font-weight:bold;
}
.cal_nextback{
	display:flex;
	margin:5px auto 25px;
	max-width:850px;
}
.cal_nextback p{
	width:50%;
	padding:0 10px;
}
.cal_nextback p:nth-child(2){
	text-align:right;
}
/* timezone --------------------------------------------*/

.yoyaku_time{
	max-width:850px;
	margin:30px auto;
	display:flex;
	flex-wrap:wrap;
}
.yoyaku_time p{
	width: 50%;
	text-align:center;
	border-bottom:1px solid #2e76bc;
	border-right:1px dotted #8eb9e2;
	padding:20px 0;
}
.yoyaku_time p:nth-child(2n+1){
	border-left:1px solid #2e76bc;
}
.yoyaku_time p:nth-child(2n){
	border-right:1px solid #2e76bc;
}
.yoyaku_time p:nth-child(-n+2){
	border-top:1px solid #2e76bc;	
}
.yoyaku_time a{
	background-color:#2e76bc;
	color:#fff;
	font-weight:bold;
	font-size :95%;
	padding:5px 30px;
	border-radius:5px;
	box-shadow:1px 2px 3px #ccc
}
.yoyaku_time span{
	background:#eee;
	padding:5px 30px;
	border-radius:5px;
}
.yoyaku_time_hiduke{
	text-align:center;
	font-size:150%;
	letter-spacing:4px;
	font-weight:bold;
	color:#2e76bc;
}




@media (max-width:650px){
	.yoyaku_table{
		display:block;
	}
	.yoyaku_table .oneday{
		margin:15px 0 35px;
	}
	#news{
		padding: 0 10px;
	}
	.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 img{
		width:100%;
		float:none;
		margin:0;
	}
	.text img{
		width:unset;
		height:unset;
	}

	.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;
	}
	.col3-1 div{
		width:80%;
		float:left;
		margin: 0 10% 40px;
	}	
	.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%;}

}

/*php table.shiryo*/
table.shiryo{
	width:100%;
}
table.shiryo th{
	width:32%;
	font-weight:normal;
	padding:10px 20px;
	background-color:#ffe5f0;
}
table.shiryo td{
	padding:5px 5px 1px;
	background-color:#f8f8f8;
}
table.shiryo input,table.shiryo textarea{
	width:100%;
	font-size:110%
}
@media(max-width:500px){
	table.shiryo th,table.shiryo td{
		display:block;
		width:100%;
	}
}
.shiryo_box {
	width: 280px;
	height: 280px;
	padding:5px;
	overflow: hidden;
	float: left;
	margin: 10px 25px 30px;
	background-color: #f7f7f7;
	box-sizing:border-box;
}
.osusume_bg{
	background-color: #ffe7f1;
	border:1px solid #ffb8d6;
}
.shiryo{
	width:100%;	
}
.shiryo th{
	width:200px;	
}
@media(max-width:680px){
	.shiryo th{
		width:auto;	
	}
}

.shiryo_title {
	text-align: center;
	font-size: 90%;
	margin: 0;
}

.shiryo_img {
	text-align: center;
	margin: 0;
}
.shiryo_setsumei {
	text-align: left;
	margin: 5px 5px 5px 10px;
	font-size: 82%;
	line-height: 140%;
}
.shiryo_setsumei span{
	color:#2e76bc;
	font-weight:bold;
}
.buttonsbox{
	text-align:center;
}
.buttonsbox input{
	padding:8px 16px;
	margin:20px 0 30px
}


@media only screen and (max-width: 680px) {
	.shiryo td, .shiryo th{
		display:block;
	}
	.shiryo_box{
		float: none;
		width:90%;
		margin: 20px auto;
	}
}
.event_form_link{
	display:block;
	background: #2e76bc;
	color:#fff;
	text-align:center;
	margin:30px 0;
	padding:10px;
	border-radius:10px;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.2em;
}


.bk_1{
	width:calc(100vw - 17px);
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-size:cover;
	padding:1px;
}
.bk_1:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 266, 255, 0.6);
}
.bk_1_flex{
	display:flex;
	flex-wrap:wrap;
	width: 1100px;
	max-width:100%;
	margin:15px auto;
	align-items: center;
}
.bk_1_left{
	background-color:#f8f8f5;
	width:50%;
	padding:15px 30px;
	z-index:1;
}
.bk_1_right{
	width:50%;
	text-align:center;
	z-index:1;
}
.bk_1_right img{
	max-height: 330px;
}
.bk_1 h3,.bk_1 h4,.bk_1 h5{
    margin:0;
    padding:0;
    font-weight:normal;
    border:none;
}
.bk_1 h3{
    font-weight:normal;
    margin-bottom:7px;
} 
.bk_1 h4{
	margin-top:7px;
	text-align:right;
	font-size:calc(18px + 1.2vw);
	font-weight:bold;
	color:#c00;
} 
.bk_1 h4 img{
	max-height: 46px;
	vertical-align:middle;
	display:inline-block;
	margin:0 10px 5px;
}
.bk_1 h4 span{
	display:inline-block;
	margin-left:3px;
    color:#666;
    font-size:70%;
    font-weight:normal;
}
.bk_1 h5{
	font-weight:bold;
	font-size:125%;
	text-align:right;
}
.bk_1 h5 span{
	display:inline-block;
	margin-left:3px;
	font-weight:normal;
	font-size:80%;
}
.bk_1 p{
	font-size:90%;
}
.bk_1 small{
	font-size:70%;
}

@media(max-width:600px){
	.bk_1{
		width:100vw;
		padding:5vw
	}
    .bk_1_left,.bk_1_right{
        width:100%;
    }
}
/*------------------------------------------*/
.bk_2{
	text-align:center;
}
.bk_2 p{
	font-size:calc(12px + 1.5vw);
	margin:20px 0 3vw;
	font-family:serif;
}
/*------------------------------------------*/
.bk_3{
  width:calc(100vw - 17px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #dae7ff;
}
.bk_3_flex{
	display:flex;
	width:1000px;
	max-width:100%;
	margin:0 auto;
}
.bk_3_flex > div{
    width:33%;
	border:1px solid #ddd;
	border-radius:8px;
	margin:25px 10px;
	padding:8px;
	background-color:#fff;
}

.bk_3_flex > div > p{
	font-size:77%;
	padding-left:25%;
	margin-bottom:15px;
	background:url(../image/komatta.png) 5px 3px no-repeat;
	background-size:18%;
	min-height: 65px;
}
.bk_3_flex img:first-child{
	display:block;
	margin: -60px auto 10px;
	max-width:70px
}

@media(max-width:600px){
	.bk_3{
		width:100vw;
		padding:3vw;
	}
	.bk_3_flex{
		flex-wrap:wrap;
	}
	.bk_3_flex > div{
	    width:48%;
	    margin:15px 1%;
	    padding-top:40px;
	}
	.bk_3_flex img:first-child{
	    width:15vw;
	}
}

/*------------------------------------------*/
.bk_4{
	width:900px;
	max-width:95%;
	margin:0 auto;
}
.bk_4 h3{
	margin:20px 0;
	font-weight:normal;
	border:0;
	text-align:center;
	color: #2e76bc;
	line-height:1.2;
	font-size:calc(14px + 1vw);
}
.bk_4 h3 span{
    font-size:60%;
    color:#666;
}
.bk_4 div{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	border: 5px solid #2e76bc;
	background-color: #eef4ff;
	margin-bottom: 30px;
}
.bk_4 div p:first-child{
    width:15%;
    padding:20px;
}
.bk_4 div p:first-child small,
.bk_4 div p:first-child span{
	display:block;
	margin:0;
	text-align:center;
	color: #bbb;
}
.bk_4 div p:first-child small{
    margin-top:10px;
}
.bk_4 div p:first-child span{
	font-size:330%;
	margin-top:-10px;
}

.bk_4 div p:nth-child(2){
    width:50%;
    padding:10px 40px 10px 20px
}
.bk_4 div p:last-child{
	width:35%;
}
.bk_4 div p:last-child img{
	width:100%;
	height:100%;
	object-fit:cover;
}

@media(max-width:600px){
	.bk_4 div p:first-child{
		width:92%;
		padding:10px 0 0;
		text-align:center;
	}
	.bk_4 div p:first-child small,
	.bk_4 div p:first-child span{
		display:inline-block;
		color:#ccc;
	}
	.bk_4 div p:nth-child(2){
		width:50%;
		padding:10px;
	}
	.bk_4 div p:last-child{
		width:50%;
	}
}
/*------------------------------------------*/
.bk_5{
	width: 900px;
	max-width: 96%;
	margin:0 auto;
}
.bk_5 h3{
  width:calc(100vw - 17px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2e76bc;
  color:#fff;
  border:0;
  text-align:center;
  font-weight:normal;
  padding:16px;
  margin-top: 3vw;
}
.bk_5 h4{
	font-weight:normal;
	font-size:calc(14px + 0.6vw);
	border:0;
	text-align:center;
	padding:20px
}
.yosan_rei,.tokka_rei{
	background-color:#aaa;
	padding:6px;
	margin-bottom:30px;
}
.yosan_rei h5,.tokka_rei h5{
	color:#fff;
	padding:5px 5px 5px 100px;
	font-size:135%;
	position:relative;
}
.yosan_rei h5 img,.tokka_rei h5 img{
    height:75px;
    position:absolute;
    top:-18px;
    left:10px
}
.yosan_rei > div,.tokka_rei > div{
	display:flex;
	flex-wrap:wrap;
	background-color:#fff;
}
.yosan_rei > div > p:first-child,.tokka_rei > div > p:first-child{
	width:35%;/*画像部分*/
}
.tokka_rei > div >div{
	padding: 12px;
}
.tokka_rei > div > div:nth-child(2){
    width:65%;
}
.yosan_rei > div > p:nth-child(2){
	width:40%;
	padding:20px 20px 20px 30px;
}
.yosan_rei > div > div{
	width:25%;
	padding:20px;
}
.kakaku_double_komi{
	width: 70%;
}
.kakaku_double{
	display:flex;
	width:100%;
}
.sanko_kakaku{
	display:block;
}
.kakaku_double > .sanko_kakaku,.kakaku_double > .tokubetsu_kakaku{
	width:50%;
}
.sanko_kakaku > p{
	padding:0;
}
.sanko_kakaku > p:first-child,.tokubetsu_kakaku > p:first-child{
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding:5px;
	letter-spacing:2px;
}
.sanko_kakaku > p:first-child{
	background-color:#37c;
	margin-right:6px;
}
.tokubetsu_kakaku > p:first-child{
	background-color:#c00;
	margin-left:6px;
}
.sanko_kakaku > p:nth-child(4),.zai_kou_komi{
	font-size:70%;
	background-color:#ddd;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	color:#666;
	padding:5px;
	margin-top:5px;
}
.sanko_zeinuki, .tokka_zeinuki{
	text-align:center;
	font-size:80%;
	margin:6px 0 0;
}
.sanko_zeinuki big,.tokka_zeinuki big{
	font-size:220%;
	font-weight:bold;
	display:inline-block;
	margin:0 3px;
}
.sanko_zeinuki big{
	color:#37c;	
}
.tokka_zeinuki big{
	color:#c00;
}
.sanko_zeikomi,.tokka_zeikomi{
	text-align:center;
	font-size:65%;
	margin-top:-5px;
}
.sanko_zeikomi big,.tokka_zeikomi big{
	font-size:200%;
	font-weight:bold;
	color:#666;
	display:inline-block;
	margin:3px;
}
.off_percent{
	width: 30%;
	background:url(../image/off_bg.png) 50% 50% no-repeat;
	background-size:contain;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	font-size: 150%;
	color:#FF0;
}
.off_percent p{
	font-weight:bold;
	transform: rotate(15deg);
}
.off_percent big{
	font-size:160%;
}
.tokka_bottom{
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
}
.tokka_bottom p:first-child{
	width:60%;
	margin-right:2%;
	font-size:90%;
	line-height:1.4;
}
.tokka_bottom p:last-child{
	width:38%;
	font-size:80%;
	line-height:1.4;
}

#sp_shiryo3{
	display:none;
}
@media(max-width:600px){
	.bk_5 h3{
		width:100vw;
	}
	.yosan_rei,.tokka_rei{
		padding:4px
	}
	.kakaku_double_komi{
    	width:72%;
    }
	.off_percent{
		width:28%;
		font-size:110%
	}
	.yosan_rei > div > p:first-child,.tokka_rei > div > p:first-child{
	    width:100%;
	}
    .tokka_rei > div > div:last-child{
    	width:100%;
    }
	.yosan_rei > div > p:nth-child(2){
	    width:50%;
	    padding:10px 5px 10px 10px;
	    font-size:95%;
	}
	.yosan_rei > div > div{
		width:50%;
		padding:10px;
	}
	#sp_shiryo3{
		display:block;
		position:fixed;
		bottom:0;
	}
	.tokka_bottom p:first-child,.tokka_bottom p:last-child{
		width:100%;	
		margin: 5px 0 0
	}
	.sanko_zeinuki,.tokka_zeinuki{
		line-height:1.2;
	}
	.sanko_zeikomi,.tokka_zeikomi{
		margin:1em 0;
		line-height:1;
	}
}