/* INDEX
---------------------------------------------------------------------------*/
.oshirase{border: 5px #ee0000 solid; padding:0; margin-bottom:20px; color: #ee0000; text-align:center; font-size:1.8rem; line-height:1.8;}
.oshirase .midashi{ text-align:center; font-weight:600; color:#fff; padding:5px 10px 10px; font-size:2.0rem; background: #ee0000;}

.oshirase .tmb{ float:left; width:25%;}
.oshirase .data{ float:right; width:73%;}
.oshirase p{ margin-bottom:0.5em !important; font-size:1.3rem;}
.oshirase span{ color:#3399CC; font-weight:600; font-size:1.4rem;}

@media (max-width: 768px) {
	.oshirase{ text-align: left; font-size:1.6rem; line-height:1.6;}
	.oshirase_br{ display:none;}
	.oshirase .midashi{ }
	.oshirase .tmb{ float: none; width:100%; margin-bottom:10px; display:none;}
	.oshirase .data{ float: none; width:100%;}
	.oshirase p{  font-size:1.5rem;}
	.oshirase span{font-size:1.6rem;}
}



.header_sp{ display:none;}
#side{ display:none;}
#container{width: auto; margin:20px auto 30px;}
#contents{ width: auto; float:none;}

#slide{clear: both;margin: 0 auto 20px;overflow: hidden;width: 100%;position:relative;}
#slide .bx-wrapper{max-width: 900px!important;margin: 0 auto!important;position: relative;}
#slide .bx-wrapper .bx-viewport{overflow: visible!important;}

@media (max-width: 768px) {
	.header_sp{ display: block; position: relative; height:auto;}
	.kaisaibi{ position:absolute; bottom:5px; right:0; width:230px;}
	#contents{ width: auto; float:none;}
}

.btn-food{}
.btn-food-list{}
.btn-food-list li{ float:left; margin:0 2% 20px 0; width:32%;}
.btn-food-list li:nth-child(3n){ margin:0 0 20px 0;}





#contents .bnr{ margin:0 0 20px;}

#contents .sankakakuninsyo{ margin:0 0 20px;}
#contents .sankakakuninsyo a{ display:block; text-align:center; padding:15px 10px; color:#fff; background: #c00; text-decoration:none; font-weight:600;}
#contents .sankakakuninsyo a:hover{ background: #d00;}
@media (max-width: 768px) {
	#contents .sankakakuninsyo a{ font-size:1.3rem; padding:10px 10px; }
}



#contents .cycle-clinic-entry{ margin:0 0 20px;}
#contents .cycle-clinic-entry a{ display:block; text-align:center; padding:15px 10px; color:#fff; background: #c04; text-decoration:none; font-weight:600;}
#contents .cycle-clinic-entry a:hover{ background: #b03;}
@media (max-width: 768px) {
	#contents .cycle-clinic-entry a{ font-size:1.3rem; padding:10px 10px; }
}

ul.bnr_list{}
ul.bnr_list li{ float:left; margin:0 0 20px; width:49%;}
ul.bnr_list li:nth-child(2n){ float:right;}
@media (max-width: 768px) {
	#contents .bnr{ margin:0 0 10px;}
	ul.bnr_list{}
	ul.bnr_list li{ float: none; width:100%; margin:0 0 10px;}
	ul.bnr_list li:nth-child(2n){ float:none;}
}



.check_point_list{ margin:0 0 20px;}
.check_point_list ul{ border-top:5px #333 solid; border-bottom:5px #333 solid;}
.check_point_list ul li{ width:20%; float:left; display:block; }
.check_point_list ul li a{ display:block; text-align:center; line-height:250px; height:250px; text-decoration:none; color:#fff;
font-size:2.6rem; text-shadow: 1px 1px 1px #333; }
.check_point_list ul li a:hover{background-color: rgba( 255, 255, 255, 0.2 );}

.check_point_list ul li.higashiyoshino{background: url(../area/01_higashiyoshino/img/06_001.jpg) no-repeat 50% 50%; background-size:cover;}
.check_point_list ul li.yamazoe{ background: url(../area/02_yamazoe/img/05_001.jpg) no-repeat 50% 50%; background-size:cover;}
.check_point_list ul li.soni{background: url(../area/03_soni/img/08_001.jpg) no-repeat 50% 50%; background-size:cover;}
.check_point_list ul li.mitsue{background: url(../area/04_mitsue/img/05_001.jpg) no-repeat 50% 50%; background-size:cover;}
.check_point_list ul li.uda{background: url(../area/05_uda/img/07_002.jpg) no-repeat 50% 50%; background-size:cover;}

@media (max-width: 768px) {
	.check_point_list ul li{ width:100%; float:none; }
	.check_point_list ul li a{line-height:150px; height:150px;}

}

.check_point_list_title{ display:none;background:#300; color:#fff; padding:10px; text-align:center; font-weight:bold;}


#contents .mainImg{ width:650px; float:right;margin:0 0 30px;}
#contents .mainImg img{ width:100%; height:auto;}


#contents .sideArea{ width:310px;  float:left;}


#contents .sideArea  ul.bnrList{}
#contents .sideArea  ul.bnrList li{margin:0 0 10px; background:#CCC; height:70px; width:310px;}



#contents .info{ margin:0 0 30px;border-top: #333 0px solid;border-bottom: #333 1px solid;box-sizing: border-box; padding:0 0;  background:#f3f3f3; padding:0px;}
#contents .info h1{ font-size:1.6rem; font-weight: 600;background: rgba(0, 0, 0, 0.8); color:#fff; padding:5px 10px 5px; border:0; border-bottom:0px dotted #333; margin:0;border-bottom: #333 0px solid;}
#contents .info dl { background:#FFF; padding:5px 5px 10px;/* overflow: auto; height:100px;*/border: #333 0px solid;}
#contents .info dl dt {clear:both;padding:5px 0 0;  float:left;}
#contents .info dl dd { border-bottom:0px #CCCCCC dotted; padding:5px 0 0 7em;}





/*
#contents .info{ margin:0 0 30px; width:100%; border:#0099CC 5px solid;box-sizing: border-box; }
#contents .info h1{ font-size:2.0rem; font-weight:bold;background:#0099CC; color:#FFF; padding:0 5px 5px; border:0; margin:0;}
#contents .info dl {overflow:hidden; zoom:1; padding:5px 10px 10px; overflow: auto; height:100px; }
#contents .info dl dt {width:6em;float:left;clear:both;padding:5px 0 5px;}
#contents .info dl dd {padding:5px 0 5px 6em; border-bottom:1px #CCCCCC dotted;}
*/

#contents .eventInfo{ border:#669900 5px solid; clear:both;  margin:0 0 30px;}
#contents .eventInfo h1{font-size:2.0rem; font-weight:bold;background:#669900; color:#FFF; padding:0 5px 5px; border:0; margin:0;}
#contents .eventInfo ul{ padding:5px 10px 10px;}
#contents .eventInfo ul li{ line-height:1.5; border-bottom:1px #CCCCCC dotted; padding:8px 0;}


#contents .update{ width:475px; float:right;border:#09C 5px solid; height:200px; }
#contents .update h1{font-size:2.0rem; font-weight:bold;background:#09C; color:#FFF; padding:0 5px 5px; border:0; margin:0;}
#contents .update dl {}
#contents .update dl dt {width:6em;float:left;clear:both;}
#contents .update dl dd {padding:0 0 5px 6em;}


#contents .mainArea{ float:right; width:650px;}

#contents .bnrBig{}
#contents .bnrBig ul{ width: 660px; margin:0 -10px 30px 0;}
#contents .bnrBig ul li{ width:320px; float:left; margin:0 10px 10px 0;}
#contents .bnrBig ul li img{ width:100%; height:250px;}

#contents ul.bnr-logo{display: inline-flex; flex-wrap: wrap;justify-content:center;margin: 0 -5px;}
#contents ul.bnr-logo li{width: calc(20% - 0px); padding:5px;}

	
@media (max-width: 768px) {
	#contents ul.bnr-logo{}
	#contents ul.bnr-logo li{width: calc(50% - 0px); padding:5px;}
}
	
#contents ul.bnr-logo-2{display: inline-flex; flex-wrap: wrap;justify-content:center;margin: 0 -5px;  margin-top:30px;}
#contents ul.bnr-logo-2 li{width: calc(16.66666666666666% - 0px); padding:5px;}
	
@media (max-width: 768px) {
	#contents ul.bnr-logo-2{}
	#contents ul.bnr-logo-2 li{width: calc(50% - 0px); padding:5px;}
}
	
	
#contents div.sponsor{ clear:both; border-top:1px #CCCCCC dotted; padding:20px 0;}
#contents div.sponsor ul{}
#contents div.sponsor ul li{ float:left;}
#contents div.sponsor ul li.s01{ margin:10px 40px 0 0;}
#contents div.sponsor ul li.s02{ margin:2px 40px 0 0;}
#contents div.sponsor ul li.s03{ margin:5px 40px 0 0;}
#contents div.sponsor ul li.s04{ margin:0 0 0 0;}

#contents div.sponsor ul li.s05{ margin:0 60px 0 20px;}
#contents div.sponsor ul li.s06{ margin:15px 85px 0 0;}
#contents div.sponsor ul li.s07{ margin:0 65px 0 0;}
#contents div.sponsor ul li.s08{ margin:15px 0 0 0;}

#contents div.sponsor ul li.s09{ margin:7px 120px 0 30px;}
#contents div.sponsor ul li.s10{ margin:9px 60px 0 0;}
#contents div.sponsor ul li.s11{ margin:9px 0 0 0;}

#contents div.sponsor ul li.s12{ margin:15px 110px 0 120px;}
#contents div.sponsor ul li.s13{ margin:15px 0 0 0;}

#contents div.sponsor ul li.s15{ margin:18px 19px 0 0;}
#contents div.sponsor ul li.s14{ margin:3px 19px 0 0;}
#contents div.sponsor ul li.s16{ margin:0 19px 0 0;}
#contents div.sponsor ul li.s17{ margin:0 19px 0 0;}
#contents div.sponsor ul li.s18{ margin:10px 0 0 0;}

#contents div.sponsor ul li.s19{ margin:20px 90px 0 130px;}
#contents div.sponsor ul li.s21{ margin:20px 85px 0 0;}
#contents div.sponsor ul li.s22{ margin:30px 0 0 0;}

#contents div.sponsor ul li.s24{ margin:20px 80px 0 30px;}
#contents div.sponsor ul li.s23{ margin:30px 85px 0 0;}
#contents div.sponsor ul li.s25{ margin:20px 70px 0 0;}
#contents div.sponsor ul li.s44{ margin:20px 0 0 0;}

#contents div.sponsor ul li.s26{ margin:0 20px 0 0;}
#contents div.sponsor ul li.s27{ margin:5px 20px 0 0;}
#contents div.sponsor ul li.s28{ margin:0 20px 0 0;}
#contents div.sponsor ul li.s29{ margin:0 20px 0 0;}
#contents div.sponsor ul li.s30{ margin:0 20px 0 0;}
#contents div.sponsor ul li.s31{ margin:0 20px 0 0;}
#contents div.sponsor ul li.s36{ margin:0 0 0 0;}

#contents div.sponsor ul li.s32{ margin:0 22px 0 0;}
#contents div.sponsor ul li.s33{ margin:0 22px 0 0;}
#contents div.sponsor ul li.s34{ margin:0 22px 0 0;}
#contents div.sponsor ul li.s35{ margin:0 0 0 0;}

#contents div.sponsor ul li.s37{ margin:0 16px 0 0;}
#contents div.sponsor ul li.s38{ margin:0 16px 0 0;}
#contents div.sponsor ul li.s39{ margin:0 16px 0 0;}
#contents div.sponsor ul li.s40{ margin:0 16px 0 0;}
#contents div.sponsor ul li.s41{ margin:0 16px 0 0;}
#contents div.sponsor ul li.s42{ margin:0 16px 0 0;}
#contents div.sponsor ul li.s43{ margin:0 0 0 0;}






.aid-food-title{ text-align:center; background:#FFCC00; color: #630; font-size:1.8rem; font-weight:600; padding:10px;}
.aid-food{ padding:0 10px 10px; background:#FFCC00;}
.aid-food ul{ padding:0 0;display: flex;flex-wrap: wrap; justify-content: center; align-items: center;}
.aid-food ul li{ position: relative;width: 20%;}
.aid-food ul li:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.aid-food ul li img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

@media (max-width: 768px) {
	.aid-food ul li{width:33.3333333333%;}
	.aid-food ul li {}
}


.photo-gallery{ border-top:1px #ccc solid; padding-top:20px; margin:20px 0 20px;}

.top-title{
	text-align:center;
	background:#333;
	padding:5px 10px;
	color:#fff;
	font-weight:600;
	font-size: 1.6rem;
	margin-bottom:20px;
	}


.youtube-cover{
	display:flex;
	/*padding:20px 20%;*/
	padding:20px 20px;
	margin:0 auto;
	margin-bottom:40px;
	background:#f9f9f9;
	width:100%;
}

.youtube-cover__item{
	width:calc(50% - 20px);
	margin-left:10px;
	margin-right:10px;
	}
	
@media (max-width: 768px) {
	.youtube-cover{
	flex-flow: column;
	padding-bottom:0;
}

.youtube-cover__item{
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-bottom:20px;
	}
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}