@charset "UTF-8";


html {
	overflow-y:scroll; /*中央配置ズレ回避*/
height: 100%;
}

table {
	font-size: inherit;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	line-height: 100%;
}

ul ol,
ol ul {
	font-size: 100% !important;
}

sup {
	vertical-align: top;
}

sub {
	vertical-align: baseline;
	font-size: 77%;
}

img {
	vertical-align: top;
}

a[href^="tel:"] {
    pointer-events: none;
}

.center,
.center-position{
	text-align: center;
}


.clear{
	clear: both;
}

.img_center{
	text-align: center;
	margin-bottom: 50px;
}


.img_right{
	float: right;
	margin: 0 0 40px 40px;
}

.img_left{
	float: left;
	margin: 0 40px 40px 0;
}


/* テキスト位置 */	
.t-aR{
	text-align:right !important;}

.t-aC{
	text-align:center;}

.t-aL{
	text-align:left !important;}
	


/* マージン設定 */
.mbSS{
	margin-bottom:0.5em !important;}

.mbS{
	margin-bottom:1em !important;}

.mbM{
	margin-bottom:2em !important;}

.mbL{
	margin-bottom:3em !important;}

.mbLL{
	margin-bottom:4em !important;}

.mtLL{
	margin-top:4em !important;}

.mtSS{
	margin-top:0.5em !important;}
	


.box{
	cursor: pointer;
}
.box:hover{ opacity: 0.7;}




/******** Basic XHTML */


body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    text-align: center;
	line-height: 1.85;
	color: #000;
	font-size: 16px;
	height: 100%;
	}

/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root {
  font-family: Meiryo, sans-serif;
}


a{
	color: #000;
	text-decoration: none;
}
a.txt_link{
	color: #81c6c0;
}
a:hover{
	color: #000;
	opacity: 0.6;
}




img{
  max-width: 100%;
  height: auto;
}



/* container */

#container{
}

#top .inner{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.inner{
    max-width: 1160px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}


/* header */


header{
    position: fixed;
    z-index: 9999;
    width: 100%;
    background: rgba(255,255,255,0.8)
}
header .inner{
    overflow: inherit;
}
#logo{
    width: calc(25% - 1em);
    padding: 1.5em 0 1.5em 1em;
    float: left;
}
#logo a{
	display: block;
}
@media only screen and (min-width:769px) {
.nav-wrapper{
    display: block!important;
}
}
.burger-btn{
  display: none;
}

.header-nav ul {
    width: 65%;
    padding: 23px 0 0 0;
    float: right;
  /*position: relative;*/
}
 
.header-nav ul a {
  cursor: pointer;
  color: #000;
}
 
.header-nav ul li {
    font-size: 17px;
  padding: 10px 1.5em 20px;
    display: inline-block;
}


.header-nav ul li:nth-child(3){
    margin-right: 8px;
    background: url("../images/i_nav.png") no-repeat right 25px;
}
 
.header-nav ul li ul {
  width: 20%;
  /*min-width: 1000px;*/
  position: absolute;
 margin-left: -5%;
    height: 0;
  visibility: hidden;
  background: rgba(0,0,0,0.7);
    padding: 0;
    text-align: center;
    
  margin-top: 0;
  overflow: hidden;
  opacity: 0;
  transition: all .3s ease-out;
}





 .header-nav ul li ul{
  top: 100px;
  padding: 30px 0 0;

}
.header-nav ul li ul li {
  padding: 0 0 1em;
  font-size: 0;
    display: block;
}
 
.header-nav ul li ul li a {
    display: block;
  color: #fff;
    font-size: 14px;
}
 
.header-nav ul li:hover ul {
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: all .2s ease-out;
    
}
 
.header-nav ul li:hover ul li {
  height: 60px;
}


#gnav {
    float: left;
    font-size: 0;
}
#language {
    width: 10%;
    float: right;
    font-size: 0;
}

#language li{
    padding: 10px 0;
    font-size: 17px;
    display: inline-block;
}
#language li:first-child:after{
    content: "/";
    margin-left: 5px;
    margin-right: 5px;
}

@media only screen and (min-width:1px) and (max-width:1100px){
 .header-nav ul li {
     padding: 10px 1em 20px;
}
}
@media only screen and (min-width:1px) and (max-width: 990px){
.header-nav ul {
    width: 62%;
}
 .header-nav ul li {
     padding: 10px 0.7em 20px;
     font-size: 14px;
}
#language {
    width: 13%;
}
#language li{
    font-size: 15px;
	font-weight: bold;
}
#language li a{
	padding: 0 10px;
	display: inline-block;
}

}





#main_visual{
    margin-bottom: 25px;
}

@supports (-webkit-text-size-adjust: none) and (not (-ms-accelerator: true)) and (not (-moz-appearance: none)) {
	#top body {
		min-height: 100vh;
		min-height: -webkit-fill-available;
	}
}
#main_visual img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}



#top_contents{
	padding-bottom: 10em;
    text-align: left;
}
#top_contents h2,
.headline{
    margin-bottom: 1em;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 3.1em;
    font-weight: bold;
}
#top_contents section{
    padding-top: 7em;
    margin-top: -3em;
    
}


#weather{
	margin-top: 3em;
  text-align: center;
  display: flex;
  justify-content: center;
}
#weather li{
  margin: 0 2px;
}





.top_bnr{
  padding: 5em 0;
}

#top_bnr div img{
  border-radius: 10px;
}
#top_bnr div a{
  display: block;
}




#day_info{
    margin-bottom: 6em!important;
}

.news_in{
	width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

#news{
    padding: 0 5% 3em;
    margin-top: 1em;
    text-align: left;
    background: #f7f3d5;
}
#bear_news{
    margin-bottom: 3em;
    padding: 0 5% 3em;
    margin-top: 1em;
    text-align: left;
    background: #ecdddd;
}

#news h2,
#bear_news h2{
	white-space: nowrap;
    font-size: 1.9em;
    font-weight: bold;
  text-align: center;
  padding: 2.5em 0 0.7em;
}
#news dl,
#bear_news dl{
	display: flex;
	margin: 0;
	padding: 1em;
	border-bottom: 1px #ddd dotted;
}
#news dt,
#bear_news dt{
	margin-right: 2em;
}
#news p.more,
#bear_news p.more{
	margin-top: 1em;
	text-align: right;
}








#news .topics dl{
	border-bottom: none;
}



.top_info{
  margin-top: 3em;
  margin-bottom: 3em;
  padding: 1.5em 2em;
  text-align: left;
  background: rgba(237,176,44,0.2)
}
.top_info h2{
  padding: 5px;
  margin-bottom: 1em;
  /*padding-left: 10px;*/
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
  background: #edb02c;
  text-align: center;
}
.top_info h2 em{
  font-style: normal;
}
.top_info h2 strong{
  display: block;
  font-size: 0.9em;
}


.top_info.off{
  background: #eee;
}
.top_info.off h2{
    background: #666;
  }

.top_info_in{
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/*.top_info figure{
  width: 30%;
}
*/



.top_info_img{
  width: 37%;
}
.top_info_img figure{
  margin-bottom: 2em;
}
.top_info_img p{
  text-align: center;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.1em;
}
.top_info_img .qr_code{
  margin: 0 auto 5px;
  width: 50%;
}
.top_info_img .qr_code a{
  display: block;
}


.top_info_img2{
  width: 25%;
}
.top_info_img2 p{
  font-size: 1.2em;
}


.top_info.off figure{
  width: 15%;
}

.top_info figure a{
  display: block;
}
.top_info .top_info_txt{
  width: 58%;
}

.top_info.off .top_info_txt{
  font-size: 1em;
}

.top_info p a{
  color: #fb9708;
  font-weight: bold;
}
.top_info .top_info_qr{
  width: 15%;
  font-weight: bold;
  text-align: center;
}
.top_info .top_info_qr p{
 margin-bottom: 1em;
  line-height: 1.4;
}
.top_info .top_info_qr p a{
  display: block;
}

.top_info .top_info_txt h3{
  margin-bottom: 5px;
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 1px #000 solid;
}

.top_info .top_info_txt em{
  font-style: normal;
  color: rgba(255,0,4,1.00);
}

.top_info .top_info_txt strong.del{
  font-weight: normal;
  text-decoration : line-through ;
  color: #f00;
}
.top_info .top_info_txt strong.del strong{
   font-weight: normal;
  color: #000;
}


.top_info p strong{
  display: block;
  font-weight: bold;
}
.top_info p strong.catch{
  font-size: 1.2em;
}
#day_info ul{
  text-align: left;
  margin-top: 0;
  margin-bottom: 1em;
}
#day_info li{
  display: block;
  text-align: left;
  margin-bottom: 0.5em;
}
#day_info .top_info li span{
  width: 65px;
  display: inline-block;
}


.topics{
  margin-top: 3em;
  margin-bottom: 3em;
  padding: 1.5em 2em 0;
  text-align: left;
  background: rgba(126,201,193,0.2)
}
#top_contents .topics.year20th{
  margin: 0;
  padding: 5em 0 2em;
}


.topics h2{
  margin-bottom: 1em;
  padding: 5px 10px;
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
  background: #7ec9c1;
  text-align: center;
  line-height: 1.5;
}
.topics h3{
  color: #7ec9c1;
  margin-bottom: 0.2em;
  font-size: 1.3em;
  font-weight: bold;
}
.topics p{
  font-weight: bold;
	padding: 0 0.5em 1.5em;
}
.topics p a.link{
  font-weight: bold;
	padding: 0 0.5em 1.5em;
}
.topics p a.link:before{
  content: "→";
  margin-right: 10px;
}
.topics p a.link:hover{
  color: #7ec9c1;
}


.topics .column3{
  display: flex;
  justify-content: space-between;
}
.topics .column3 p{
  width: 30%;
}
.topics .column3 p a{
  display: block;
}
.topics .column3 p strong{
  display: block;
  margin-top: 5px;
  text-align: center;
}

.topics .col{
  padding-bottom: 2em;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.topics .col.reverse{
  flex-direction: row;
}
.topics .col figure{
  width: 30%;
}
.topics .col figure a{
  display: block;
}
.topics .col .txt{
  width: 67%;
}

.topics p{
  font-weight: normal;
}



.campaign{
  margin: 4em 0;
  padding: 5em 0;
  background: #fafaf5;
}


.campaign p{
  font-size: 1.5em;
  margin-bottom: 1em;
}

.campaign figure{
  margin: 0 0 2em;
}

.campaign h2{
  color: #00633d;
    margin-bottom: 1.5em;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 3.1em;
  line-height: 1.3;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
}
.campaign h2 em{
  font-style: normal;
  font-weight: bold;
}
.campaign .column1{
  width: 60%;
  margin: 0 auto;
}

@media only screen and (min-width:1px) and (max-width:860px){
.campaign .column1{
  width: 70%;
}
}


.campaign .column2{
  display: flex;
  justify-content: space-between;
}
.campaign .column2 .col{
  width: 48%;
}



.campaign figure a{
  display: block;
}

.campaign h3{
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1em;
  padding-left: 10px;
  text-align: left;
  border-left: 10px #00633d solid;
}
.campaign ul{
}

.campaign li{
  margin-bottom: 1em;
}
.campaign .btn a{
    padding: 0.5em 35px 0.5em 1em;
    border-radius: 10px;
    text-align: center;
    display: block;
    font-size: 1em;
    color: #fff;
  font-weight: bold;
    background: #00633d url("../images/i_more.png") no-repeat 95% center;
  background-size: 25px;

}





.campaign2{
  margin: 0 0 2em;
  padding: 1.5em 2em;
  background: rgba(33,144,163,0.1);
}

.campaign2 .campaign_in{
	display: flex;
	justify-content: space-between;
  box-sizing: border-box;
  flex-direction: row-reverse;
}

/*.campaign2 h2{
  color: #00633d;
    margin-bottom: 1em;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 3.1em;
  line-height: 1.3;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
}
*/

.campaign2 h2{
  padding: 15px 5px;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  font-weight: bold;
  color: #333;
  background: #fff;
  text-align: center;
  /*font-family: "Zen Maru Gothic", serif;*/
}
.campaign2 h2 a{
  color: #fff;
}

.campaign2 h2 strong{
  display: block;
  font-size: 18px;
}
.campaign2 h2 span{
  line-height: 1.4;
}


.campaign2 .photo{
	width: 24%;
}
.campaign2 .photo figure{
	margin-bottom: 1em;
}
.campaign2 figure.thumbnail img{
  border: 3px #00633d solid;
}

.campaign2 .txt{
	width: 72%;
  text-align: left;
}

.campaign2 h3{
  font-size: 1.1em;
  font-weight: bold;
  color: #00633d;
  margin-bottom: 0.5em;
  border-bottom: 1px #00633d dotted;
}

.campaign2 .txt p{
}
.campaign2 .txt p.link{
  margin-bottom: 1em;
}
.campaign2 p.link a{
  color: #7ec9c1;
  font-weight: bold;
	padding: 0 0.5em 1.5em;
}
.campaign2 p.link a:before{
  content: "→";
  margin-right: 10px;
}
.campaign2 p.link a:hover{
  color: #7ec9c1;
}


.campaign2 figcaption{
  font-size: 0.8em;
  text-align: left;
  margin-top: 5px;
}






#th20_contents{
  
}

#th20_contents h2{
  padding: 15px 5px;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  font-weight: bold;
  color: #333;
  background: #fff;
  text-align: center;
}
#th20_contents h2 a{
  color: #fff;
}

#th20_contents h2 strong{
  display: block;
  font-size: 18px;
}
#th20_contents h2 em{
  font-style: normal;
}




.symposium{
  margin-top: 3em;
  margin-bottom: 3em;
  padding: 1.5em 2em;
  text-align: left;
  background: rgba(237, 176, 44, 0.2);
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.symposium_in{
  
}

.symposium .txt{
  width: 72%;
}

.symposium dl{
  display: flex;
  font-size: 1em;
  font-weight: bold;
}

.btn_list{
  margin-top: 1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn_list .btn{
  width: 48%;
}

.symposium .btn a{
    padding: 0.5em 35px 0.5em 1em;
    border-radius: 10px;
    text-align: center;
    display: block;
    font-size: 1em;
    color: #333;
  font-weight: bold;
  border: 1px #fb9708 solid;
    background: #fff url("../images/i_more_o.png") no-repeat 95% center;
  background-size: 25px;

}

.symposium figure{
  width: 24%;
  text-align: center;
}
.symposium figure a{
  display: block;
  cursor: pointer;
}
.symposium figure a:hover{
  opacity: 0.8;
}
.symposium figure img{
  border: 3px #fb9708 solid;
}



#talkshow{
  margin-top: 3em;
  margin-bottom: 3em;
  padding: 1.5em 2em;
  text-align: left;
  background: rgba(33, 144, 163, 0.2);
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

#talkshow .photo{
  width: 24%;
  text-align: center;
}

#talkshow figure img{
  border: 3px #2190a3 solid;
  box-sizing: border-box;
}
#talkshow figure a{
  display: block;
}


#talkshow .txt{
  width: 72%;
}

/*#talkshow h2{
  padding: 15px 5px;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  font-weight: bold;
  color: #333;
  background: #fff;
  text-align: center;
}

#talkshow h2 span{
  display: block;
  line-height: 1.4;
}

#talkshow h2 span{
  display: block;
  font-size: 18px;
}

*/


#talkshow dl{
  display: flex;
  font-weight: bold;
}



.linkBtn{
  margin-top: 1em;
}
.linkBtn a{
  padding: 0.5em 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: block;
  background: #f1e767;
  background: linear-gradient(to bottom, #32cde8 0%, #2190a3 100%);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.linkBtn a:hover {
  opacity: 0.8;
}

#talkshow dl.apply{
  display: block;
  margin-top: 1em;
}
.apply dt{
  width: 100%;
  margin-bottom: 10px;
}
.apply dd{
  width: 50%;
  margin: 0 auto;
}
.apply dd a{
  display: block;
}






.walkingTour{
  margin-top: 3em;
  margin-bottom: 3em;
  padding: 1.5em 2em;
  text-align: left;
  background: rgba(143, 139, 29, 0.2);
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.walkingTour .txt{
  width: 72%;
}

/*.walkingTour h2{
  padding: 15px 5px;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  font-weight: bold;
  color: #333;
  background: #fff;
  text-align: center;
}
.walkingTour h2 a{
  color: #fff;
}

.walkingTour h2 strong{
  display: block;
  font-size: 18px;
}
.walkingTour h2 em{
  font-style: normal;
}
*/
.walkingTour dl{
  display: flex;
  font-size: 1em;
  font-weight: bold;
}


.walkingTour figure{
  width: 24%;
  text-align: center;
}
.walkingTour figure a{
  display: block;
  cursor: pointer;
}
.walkingTour figure a:hover{
  opacity: 0.8;
}
.walkingTour figure img{
  border: 3px #8f8b1d solid;
}

.walkingTour_pdf{
  margin-bottom: 0!important;
  padding-top: 1em;
  display: flex;
  justify-content: space-between;
}

.walkingTour_pdf li{
  width: 30%;
}

.walkingTour_pdf li a{
  padding: 0.5em 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: block;
  background: #f1e767;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.walkingTour_pdf li:nth-child(1) a{
  background: linear-gradient(to bottom, #1eb13e 0%, #198227 100%);
}

.walkingTour_pdf li:nth-child(2) a{
  background: linear-gradient(to bottom, #016fae 0%, #024a73 100%);}

.walkingTour_pdf li:nth-child(3) a{
  background: linear-gradient(to bottom, #cf6205 0%, #964906 100%);
}

.walkingTour .linkBtn{
  margin-top: 1em;
}
.walkingTour .linkBtn a{
  color:#8f8b1d;
  padding: 0.5em 1em;
  background: #fff;
  border: 1px #8f8b1d solid;
  box-shadow: none;

}





.news_title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_title ul{
  display: flex;
  margin-right: 2em;
}
.news_title li a{
  margin: 0 0 0 1em;
  padding: 0.5em 1em;
  display: inline-block;
  color: #7ec9c1;
  border: 2px #7ec9c1 solid;
  font-weight: bold;
  border-radius: 10px;
}
 
#news_list .exlink_list{
  margin-bottom: 5em;
}
#news_list .exlink_list a{
  display: block;
}


.newslink_list ul{
	margin-bottom: 5em;
}
.newslink_list li{
	margin: 0 0 1.5em;
}
.newslink_list li a{
  font-size: 1.2em;
	padding: 1em 1em 1em 2em;
  display: block;
  color: #fff;
  border: 2px #7ec9c1 solid;
  font-weight: bold;
  border-radius: 10px;
  background: #7ec9c1 url("../images/i_more.png") no-repeat 95% center;
}

.newslink_list p a{
  margin: 0 0 0 1em;
  padding: 0.5em 1em;
  display: inline-block;
  color: #7ec9c1;
  border: 2px #7ec9c1 solid;
  font-weight: bold;
  border-radius: 10px;
}



#top_contents section#about{
    position: relative;
    padding-top: 10em;
    margin-bottom: 2em;
}
#about .inner{
    overflow: inherit;
    padding: 5em 0 3em;
    background: linear-gradient(90deg,#fff 10%, #fafaf5 0, #fafaf5 90%, #fff 0);
}
#about h2{
    width: 100%;
    position: absolute;
    top: 2.3em;
    left: 0;
}
#about h3{
    font-size: 1.7em;
    margin-bottom: 1em;
}
#about ul{
    width: 47%; 
    display: flex;
    justify-content: space-between;
}
#about li{
    width: 48%; 
}
#about ul li span{
    margin-top: 5px;
    display: block;
    text-align: right;
}
#about .about_txt{
    width: 50%;
}

#about .columnL{
    overflow: hidden;
  margin-bottom: 3em;
}
#about .columnL .about_txt{
    float: left;
}
#about .columnL ul{
    float: right;
}
#about .columnL li:last-child{
    margin: 2em 0 0 1em;
}
#about .columnR{
    overflow: hidden;
    margin-bottom: 3em;
}
#about .columnR .about_txt{
    float: right;
}
#about .columnR ul{
    float: left;
}
#about .columnR li:last-child{
    margin: 2em 0 0 1em;
}





#course_in{
    position: relative;
    background: #fafaf5;
    min-height: 830px;
    padding-bottom: 1em;
}
.course_map{
    position: absolute;
    z-index: 1;
    width: 53%;
    max-height: 830px;
}
#course_list{
    max-width: 470px;
    width: 46.5%;
    margin-top: 5em;
    float: right;
}
#course_list ol{
    width: 50%;
    float: left;
}
#course_list ol li{
    margin-bottom: 1em;
    line-height: 1.4;
    position: relative;
  padding-left: 30px;
}
#course_list ol li span{
  position: absolute;
  left: 0;
  top:0;
    width: 22px;
    height: 22px;
    line-height: 1.6;
    display: block;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    background: #7ec9c1;
    border-radius: 11px;
    font-size: 14px;
}


#course_list p{
    clear: both;
    padding: 1em 0 2em;
    font-size: 0.85em;
}
.btn_more{
}
.btn_more a{
    padding: 0.7em 0;
    border-radius: 10px;
    text-align: center;
    display: block;
    font-size: 1.5em;
    color: #fff;
    background: #7ec9c1 url("../images/i_more.png") no-repeat 95% center;
}


#walk{
    margin-bottom: 7em;
    padding-bottom: 5em;
    background: #7ec9c1;
}
#walk h2{
    color: #fff;
}
#walk ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#walk li{
    width: 24%;
    margin-bottom: 1.5%;
}
#walk li a{
	display: block;
}


#video{
}
#video .bg_inner{
	padding-top: 3em;
    padding-bottom: 3em;
    background: #fafaf5;
}
.movie {
  position: relative;
  max-width: 1140px;
  margin: 0 auto 2.5em;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*.movie dl {
    position: absolute;
    padding: 2em;
    background: rgba(255,255,255,0.7);
    right: 0;
    bottom: 45px;
}
.movie dt{
    font-size: 30px;
}
*/
#video .btn_more{
    max-width: 600px;
    margin: 3em auto;
}

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



#season{
    margin-bottom: 15em;
}



footer{
    position: relative;
    padding: 6em 0 2em;
    text-align: left;
    border-top: 1px #7ec9c1 solid;
}

#ft_info{
    width: 40%;
	max-width: 330px;
    float: left;
	text-align: center;
}
#ft_info p{
    font-size: 0.9em;
     margin: 1em 0 0;
}
#ft_info p.ft_add{
	text-align: left;
	display: inline-block;
}
#ft_info ul{
   margin-bottom: 2.4em;
  margin-left: 1em;
  display: flex;
  align-items: center;
}
#ft_info li{
    text-align: left;
  margin: 0 0 0 1em;
  font-size: 1.5em;
}
#ft_info li i{
  color: #0e5240;
}


#ft_nav{
    width: 60%;
    float: right;
    display: flex;
    justify-content: flex-end;
}
#ft_nav ul{
	margin-left: 5em;
}
#ft_nav li{
    margin-bottom: 0.5em;
}

.ex{
    padding-right: 23px;
    background: url("../images/i_ex.png") no-repeat 99% center;
}





#copyright{
    clear: both;
    text-align: center;
	padding-top: 5em;
	font-size: 0.9em;
}
#copy{
    display: block;
    clear: both;
    text-align: center;
    padding: 0.5em 0 1em;
}
#pagetop{
    position: fixed;
    right: 20px;
    bottom: 20px;
	z-index: 9000;
	opacity: 0.7;
}
#pagetop a{
	display: block;
}





#contents{
	padding: 10em 0;
	text-align: left;
}
.contents{
  padding: 10em 0;
}

#course_contents.inner{
	text-align: left;
	overflow: inherit;
	padding: 9em 0 5em;
}


#course_contents h1{
	position: relative;
	margin-bottom: 0.5em;
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 55px;
	padding-top: 0.5em;

}
#course_contents h1 em{
	font-size: 0.75em;
	font-style: normal;
	display: block;
}
#course_contents h1 span{
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	border-radius: 20px;
	margin-right: 1em;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	color: #fff;
	background: #7ec9c1;
	position: absolute;
	top: 1.7em;
	left :0;
}
#course_contents h1 rt{
	font-size: 14px;
	letter-spacing: 0.1em;
	text-align: center;
    margin-bottom: .7em;
	transform: translateY(-.7em);
}



#course_info{
    display: block;
    width: 100%;    	
    position: relative;
}

#course_contents .map{
	position: -webkit-sticky;
    position: sticky;
    top: 100px;
	float: left;
	width: 40%;

}
#course_contents .map_inner {
    vertical-align: top;
}
#course_contents .map_inner img{
	max-width: 450px;
	width: 100%;
}
#course_contents .summary{
    width: 60%;
    vertical-align: top;
	padding-top: 0em;
	margin-left: 40%;
}

/*@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, #course_contents .summary{
	padding-top: 1em;
}
}
*/
#course_contents .summary_in{
	margin-left: 5%;
	background: #fafaf5;
	padding: 3.5em 2em;
}

#course_contents p{
	max-width: 450px;
	margin: 0 auto 3em;
	padding: 0;
}
#course_contents table{
	max-width: 450px;
	width: 100%;
	margin: 0 auto 2em;
	border-top: 1px #d6d6d6 solid;
}
#course_contents th{
	width: 29%;
	padding: 1em;
	color: #7ec9c1;
	text-align: left;
	border-bottom: 1px #d6d6d6 solid;
}
#course_contents td{
	padding: 1em;
	border-bottom: 1px #d6d6d6 solid;
}
#course_contents td.level{
	color: #7ec9c1;
	position: relative;
}
.star{
	width: 8px;
	top: 36%;
	position: absolute;
}

#course_contents dl{
	max-width: 400px;
	margin: 0 auto 3em;
}
#course_contents dt{
	margin-top: 3em;
	font-size: 1.5em;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
}
#course_contents dd{
	margin-top: 0.7em;
}



#course_contents .pager{
	margin: 5em 0;
	overflow: hidden;
	justify-content: space-between; 
}
#course_contents .pager li a{
	padding: 1em;
	display: block;
}
#course_contents .pager .before a{
	float: left;
	padding-left: 2.5em;
	background: url("../images/pagerL.png") no-repeat 1% center;
}
#course_contents .pager .back a{
	display: block;
	text-align: center;
	clear: both;

}
#course_contents .pager .next a{
	float: right;
	text-align: right;
	padding-right: 2.5em;
	background: url("../images/pagerR.png") no-repeat 99% center;
}

#course_contents .course_link{
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}
#course_contents .course_link li{
	margin-bottom: 1.5em;
}
#course_contents .download{
	border: 1px #111 solid;
	border-radius: 5px;
}
#course_contents .download a{
	display: block;
	padding: 1.5em 0;
}
#course_contents .download a:before{
  content: '';
  display: inline-block;
  width: 31px;
  height: 36px;
  margin-right: 15px;
  background-image: url("../images/i_map.png");
  background-size: contain;
  vertical-align: middle;
}

#course_contents .toNavi a{
	display: block;
	padding: 1em 0;
	background: #7ec9c1 url("../images/i_more.png") no-repeat 95% center;
	color: #fff;
	font-size: 1.5em;
	border-radius: 5px;
}








#contents h1{
	margin-bottom: 1em;
	font-size: 2.8em;
	font-weight: bold;
}
#contents h2{
	margin-bottom: 1em;
	font-size: 1.8em;
	font-weight: bold;
}
#contents h3{
	font-size: 1.1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
#contents h4{
	font-size: 1.1em;
	font-weight: bold;
}
#contents p{
	margin-bottom: 2em;
}

#contents section{
	margin-bottom: 10em;
}





#contents .column2{
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}
#contents .column2 .col{
	width: 48%;
}
#contents .column3{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5em;
}
#contents .column3 .col{
	width: 30%;
}


.sitemap li{
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: disc;
}

#contents .column3 .col{
	width: 30%;
}






.download .col{
	overflow: hidden;
	margin-bottom: 3em;
	padding-top: 7em;
	margin-top: -7em;
}


.download figure{
	width: 30%;
	float: left;
	max-width: 300px;
	padding: 1em;
	text-align: center;
	margin-bottom: 1em;
	background: #fafaf5;
}
.download figure img{
	max-height: 300px;
}
.download .txt{
	width: 60%;
	float: right;
}
#contents.download .txt h3{
	font-size: 1.4em;
}

.downloadBtn{
	margin-bottom: 1em;
	text-align: center;
}
.downloadBtn a{
    padding: 0.7em 0;
    border-radius: 10px;
    text-align: center;
    display: block;
    font-size: 1.3em;
    color: #fff;
    background: #7ec9c1 url("../images/i_more.png") no-repeat 95% center;
}

.downloadBtnList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.downloadBtnList li{
	margin-bottom: 1em;
	width: 48%;
	
}
.downloadBtnList li a{
    padding: 0.7em 0;
    border-radius: 10px;
    text-align: center;
    display: block;
    font-size: 1.3em;
    color: #fff;
    background: #7ec9c1 url("../images/i_more.png") no-repeat 95% center;
	background-size: 20px;
}


.exlink_list li{
	margin: 0 0 1.5em;
	padding: 1em;
	background: #fafaf5;
}

.topics_list li{
	margin: 0 0 1.5em;
	padding: 1em;
  font-weight: bold;
	background: rgba(126,201,193,0.2)
}



#faq section{
padding-top: 120px;
    margin-top:-100px;
}

#faq_nav{
	margin-bottom: 5em;
	text-align: center;
}
#faq_nav li{
	margin: 0 0.5em 1em;
	text-align: center;
	display: inline-block;
	
}
#faq_nav li a{
	display: block;
	padding: 0.5em 1em;
	border: 1px #000 solid;
	border-radius: 10px;
	
}


#faq dl{
	margin-bottom: 2em;
}
#faq dt{
	position: relative;
	z-index: 1;
	margin-right: 3%;
	padding: 1em 3.5em;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #7ec9c1 url("../images/icon_q.png") no-repeat 20px 20px;
	border-radius: 5px;
	cursor: pointer;
	line-height: 1.5;
}
#faq dt:after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../images/i_on.png");
  background-size: contain;
  vertical-align: middle;
 position: absolute;
	right: 20px;
	top: 20px;
}
#faq dt.on:after {
  content: "";
  background-image: url("../images/i_off.png");
}

#faq dd{
	display: none;
	position: relative;
	z-index: 0;
	margin-top: -35px;
	margin-left: 3%;
	padding: 4em 4.5em 2em;
	background: #fafaf5 url("../images/icon_a.png") no-repeat 20px 60px;
	border-radius: 5px;
}
#faq dd span{
	display: block;
	font-weight: bold;
}
#faq dd em{
	margin-bottom: 0.5em;
	display: block;
    padding-left: 1.3em;
    text-indent: -1.3em;
	font-style: normal;
}



#news_list{
}
#news_list dl{
	margin-bottom: 1em;
	padding: 1em 0;
	border-bottom: 1px #ccc dotted;
}




#supportersclub_contents.report{
	padding: 5em 0;
}
#supportersclub_contents .inner{
	overflow: inherit;
}
#supportersclub_contents a{
	color: #888888;
}

#club_main{
	padding: 10em 0 5em;
	text-align: center;
	background: url("../images/supportersclub/bg.png") repeat center top;
}
#club_main h1{
	margin-bottom: 5em;
}
#club_main li{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #fff;
	box-shadow: 2px 2px 6px #555;
}
#club_main li img{
	width: 90%;
	margin: 5% 5% 0;
}
#club_main li span{
	display: block;
	font-size: 11px;
	margin: 1em 0;
}
#club_main li a{
	color: #000;
}


#club_news{
	display: flex;
	text-align: left;
	padding: 6em 0 1em;
} 
#club_news h2{
	width: 20%;
	font-size: 1.6em;
	font-weight: bold;
}
#club_news .col{
	width: 70%;
}
#club_news h3{
	margin: 0.3em 0;
	font-size: 1.1em;
	color: #7ec9c1;
	font-weight: bold;
}
#club_news p{
	margin-bottom: 1.5em;
}
#club_news p.more{
	padding-top: 3em;
	text-align: right;
}
#club_news p.more a{
	color: #000;
}

#club_news a{
	text-decoration: underline;
  color: #000;
}

#club_news p em{
  display: inline-block;
	font-style: normal;
  min-width: 150px;
}




#club_contents{
	display: flex;
	flex-direction: row-reverse;
	text-align: left;
}

#sub{
	position: relative;
    width: 20%;
	height: auto!important;
}
#sub ul {
	padding: 6.5em 0 5em;
    position: sticky;
    top: 0;
	padding-left: 4em;
}
.club_top #sub ul {
	padding: 6.5em 0 5em;
    position: sticky;
    top: 0;
	padding-left: 4em;
}

#sub li{
	margin-bottom: 1em;

}
#sub li a{
	display: block;
	color: #000;
}

#main{
	max-width: 1000px;
    width: 80%;
	padding: 6em 0 7em;
}
.club_top #main {
	padding-top: 2em;
}

#main .sec{
	padding-top: 3em;
}

#main .column{
	margin-bottom: 2em;
	padding: 6% 10% 7%;
	background: #fafaf5;
}

#main p{
	margin-bottom: 2em;
}
#main .notice{
	display: block;
	font-size: 0.9em;

}
#main h2{
	margin-bottom: 0.3em;
	font-size: 3em;
	font-weight: bold;
}
#main h3{
	margin-bottom: 0.5em;
	padding-top: 3em;
	font-size: 1.6em;
}
#main #sec4 h3{
	padding-top: 0;
}
#main h3 span{
	display: block;
	font-size: 0.8em;
}
#main .member dl{
	margin-bottom: 1em;
	padding: 1em 1.5em;
	display: flex;
	align-items: center;
	justify-content:space-between;
	background: #fff;
}
#main .member dt{
	width: 45%;
	color: #81c6c0;
	font-size: 1.5em;
	font-weight: bold;
}
#main .member dt span{
	width: 40px;
	margin-right: 0.5em;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	border-radius: 20px;
	color: #fff;
	background: #81c6c0;
}
#main .member dd{
	width: 53%;
	text-align: left;
}

.bnr_list{
	overflow: hidden;
	text-align: center;
}
.bnr_list li{
	margin: 0 1em 2em;
	display: inline-block;
}
.bnr_list li a{
	display: block;
	color: #000;
}
.bnr_list li span{
	margin-left: 0.5em;
	color: #000;
}

#main .benefits dl{
	margin-bottom: 3em;
	display: flex;
	align-items: center;
	justify-content:space-between;
}
#main .benefits dt{
	width: 45%;
}
#main .benefits dd{
	width: 50%;
	margin: 0 0 0 5%;
}
#main .benefits dd span{
	display: block;
	margin-top: 1em;
	font-size: 0.8em;
}

#terms{
	margin-bottom: 5em;
	padding: 2em 10px;
	background: #fff;
	border: 1px #888888 solid;
	font-size: 0.9em;
}
#terms_inner{
	padding: 0 2em;
	height: 300px;
	overflow-y: scroll;
}
#terms h2{
	margin: 0 0 2em;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
}
#terms h3{
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 1em;
}
#terms p{
	margin-bottom: 2em;
}
#terms ol{
	margin-bottom: 2em;
}


#main .link_list{
	margin: 0 2.5em;
}
#main .link_list a{
	color: #fff;

}


#sec4 p em{
	font-style: normal;
	width: 40px;
	display: inline-block;
}
#sec4 p a{
	color: #000;
}


#main table{
	width: 100%;
	text-align: left;
}
#main th{
	width: 25%;
	padding: 1em;
	text-align: left;
	border-bottom: 1px #ccc solid;
}
#main td{
	padding: 1em;
	border-bottom: 1px #ccc solid;
}


#main h3.year{
	margin-top: 1em;
	padding: 0.5em 1em;
	position: relative;
	z-index: 1;
	color: #fff;
	background: #7ec9c1;
	border-radius: 5px;
	cursor: pointer;
	line-height: 1.5;
}
#main .year:after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../images/i_on.png");
  background-size: contain;
  vertical-align: middle;
 position: absolute;
	right: 20px;
	top: 16px;
}
#main .year.on:after {
  content: "";
  background-image: url("../images/i_off.png");
}

#main .report_list{
	display: none;
	position: relative;
	z-index: 0;
	padding: 0;
}


#main .report_title{
	margin: 0 0 3em;
	padding: 0 0 1em;
	border-bottom: 1px #ccc solid;
}
#main .report_title h2{
	font-size: 1.5em;
}
#main .report_title p{
	margin-bottom: 1em;
	text-align: right;
}



#supporter_list p{
	margin: 0;
	font-size: 0.9em;
}
#supporter_list p.join{
	color: #666;
	font-size: 0.8em;
}
#supporter_list h3{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3;
}
#supporter_list h3 a{
	color: #000;
}
#supporter_list .column1-2{
	padding: 1em 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px #ccc solid;
}
#supporter_list .column1-2 .sub{
	width: 25%;
}
#supporter_list .column1-2 .main{
	width: 70%;

}






.tab {
	overflow: hidden;
	margin-bottom: 2em;
}

.tab li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 1em;
	float: left;
}
.tab li:nth-child(4){
	margin-right: 0;
}

.tab li a {
 border-radius: 5px;
 display: block;
 text-align: center;
 color: #111;
 padding: 1em 0;
 background: #FFF;
 border: 1px #111 solid;
}
.tab li.current a{
 color: #fff;
 background: #7ec9c1;
 border: 1px #7ec9c1 solid;
}







.tabContents {
	clear: both;
	display: none;
	text-align: center;
	padding: 3em;
	background: #fafaf5;
}

.tabContents.current {
	display: block;
}

.tabContents h2 {
	padding-top: 2em;
	text-align: left;
}
.tabContents a {
	color: #7ec9c1;
}
.tabContents table{
	width: 100%;
	margin-bottom: 1em;
	text-align: left;
	border-top: 1px #ccc solid;
}
.tabContents th{
	width: 15%;
	white-space: nowrap;
	padding: 1em;
	text-align: left;
	border-bottom: 1px #ccc solid;
}
.tabContents td{
	padding: 1em;
	border-bottom: 1px #ccc solid;
}
.tabContents .toCourse{
	text-align: left;
	font-size: 0.9em;
	padding-left: 1em;
}






.tab_container {
  margin: 0 auto;
}

.tab_item {
  width: calc(7.3% - 2px);
  margin: 0 0.5%;
  text-align: center;
  display: block;
  float: left;
}
.tab_item span{
  border: 1px solid #eee ;
  background-color: #fafaf5;
  display: block;
  padding: 10px 0;
  transition: all 0.2s ease;
  border-radius: 10px;
  color: #000 ;
}
.tab_item span:hover {
  opacity: 0.8;
  cursor: pointer;
  background: #7ec9c1;
  color: #fff;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content,
#tab7:checked ~ #tab7_content,
#tab8:checked ~ #tab8_content,
#tab9:checked ~ #tab9_content,
#tab10:checked ~ #tab10_content,
#tab11:checked ~ #tab11_content,
#tab12:checked ~ #tab12_content {
  display: block;
}
.tab_container input:checked + .tab_item span {
  background-color: #7ec9c1 ;
  border: 1px solid #7ec9c1 ;
  color: #fff;
}





#form_layout{
}
#form_layout .column3{
  flex-wrap: wrap;
  margin: 0;
}

#form_layout .col{
  margin-bottom: 2em;
  background: #fafaf5;
  padding: 2em;
  box-sizing: border-box;
}

@media only screen and (min-width:1px) and (max-width:1270px){

#form_layout li span{
	display: block;
}

}


@media only screen and (min-width:1px) and (max-width:980px){

#form_layout .column3 .col{
	width: 48%;
  margin-bottom: 3em;
}
#form_layout li span{
	display: inline-block;
}

}


#form_layout h3{
  margin: 1em 0 0.5em;
}
#form_layout figure{
  text-align: center;
}
#form_layout figure img{
  height: 200px;
}

#form_layout table{
	width: 100%;
  margin-bottom: 2em;
	text-align: left;
  border-top: 1px #ccc solid;

}
#form_layout th{
	width: 25%;
	padding: 1em;
	text-align: left;
	border-bottom: 1px #ccc solid;
}
#form_layout th span{
  padding: 3px;
  border: 1px #D30003 solid;
	color: #D30003;
  font-size: 0.8em;
  margin-left: 1em;
}
#form_layout td{
	padding: 1em;
	border-bottom: 1px #ccc solid;
}
#form_layout td input,
#form_layout td textarea{
	padding: 5px;
  width: 50%;
  border: 1px #ccc solid;
}
#form_layout td p{
  margin-bottom: 1em;
}
#form_layout td p input{
  width: 20%;
}
#form_layout li{
  list-style: disc;
  margin-left: 1em;
}
#form_layout li input{
	width: 40px;
  margin: 0 10px;
}




.formBtn{
   text-align: center;
  display: flex;
  justify-content: center;
}
.formBtn input{
  border: none;
  margin: 0 10px;
   padding: 0.7em 2em;
    border-radius: 10px;
    text-align: center;
    display: block;
    font-size: 1.2em;
    color: #fff;
    background: #7ec9c1;

}
.formBtn input:hover{
  opacity: 0.8;
}








.pamphlet{
    margin-right: 1em;
    padding: 0.2em 0.5em;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #7ec9c1
}

.attention_box{
  display: inline-block;
  margin-bottom: 2em;
  padding: 1em;
  border: 2px #fb9708 solid;
}

.attention_box p{
  margin-bottom: 0!important;
  font-size: 0.9em;
/*  text-indent: -1.3em;
  padding-left: 1.3em;
*/}

.attention_box2{
  text-align: left;
  padding: 2em;
  border: 2px #00633d solid;
}

.attention_box2 p{
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.attention_txt01{
  margin-bottom: 1em;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 1em;
  font-size: 1.3em;
  border: 4px #fb9708 solid;
  background: rgba(237, 176, 44, 0.2);
  text-align: center;
}
.attention_txt01 a{
  display: flex;
  align-items: center;
}

.attention_txt01 i{
  color: #fb9708;
  font-size: 40px;
  margin-right: 20px;
}
.attention_txt01 strong{
  display: block;
}


.attention_txt02{
  margin-bottom: 1em;
  display: block;
  padding: 1em;
  border: 4px #7ec9c1 solid;
  background: rgba(126,201,193,0.2);
}

.attention_txt02{
 text-align: center;
  font-size: 1.2em;

}
.attention_txt02 a{
  display: flex;
  align-items: center;
  justify-content: center;
 text-align: center;
}

.attention_txt02 i{
  color: #7ec9c1;
  font-size: 40px;
  margin-right: 10px;
}





.symposium_title{
  text-align: center;
}
.symposium_title h1{
  line-height: 1.2;
}
.symposium_title .date{
  margin-bottom: 1em!important;
  font-size: 1.2em;
  font-weight: bold;
}
.symposium_title .date span{
  display: block;
  font-size: 1.35em;
  
}
.symposium_title .lead{
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.2em;
}
.symposium_title .lead span{
  display: block;
}


#event_list{
  padding-top: 2em;
}

#event_list .column2-1{
  display: flex;
  justify-content: space-between;
  padding-bottom: 4em;
}
#event_list .event .column2-1{
  padding-bottom: 0;
}
#event_list .column2-1 .main{
  width: 60%;
  margin-bottom: 3em;
}
#event_list .event .column2-1 .main{
  margin-bottom: 0;
}
#event_list .column2-1 .sub{
  width: 35%;
}
#event_list .column2-1 .sub li{
  margin-right: 10px;
  margin-bottom: 1em;
  text-align: center;
}
#event_list .column2-1 .sub li img{
   box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
}

#event_list .column2-1 .sub a{
  display: block;
}



#event_list h2{

}


#event_list h3{
  color: #00633d;
  font-size: 1.3em;
  line-height: 1.3;
}
#event_list h3.acc{
  padding: 5px 10px;
  margin-top: 2em;
  background: rgba(0,99,61,0.2)
}
#event_list p{
  font-weight: normal;
  margin-bottom: 1em;
}

#event_list dl{
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}
#event_list dt{
  width: 120px;
  margin: 5px 20px 5px 0;
  padding: 2px 0;
  color: #fff;
  background: #7ec9c1;
  border-radius: 5px;
  text-align: center;
}
#event_list dd{
}


.event{
  margin-bottom: 2em;
  padding: 2em;
  background: rgba(126,201,193,0.2)
}


#event_list figure{
  margin-bottom: 1em;
}
#event_list figure img{
  width: 100%;
}

#event_list table{
	width: 100%;
	text-align: left;
}
#event_list th{
  width: 15%;
  white-space: nowrap;
	padding: 1em;
	text-align: left;
	border-bottom: 1px #ccc solid;
  vertical-align: top;
}
#event_list td{
	padding: 1em;
	border-bottom: 1px #ccc solid;
}
#event_list td span{
	font-size: 0.8em;
}
#event_list td strong{
	font-size: 1.1em;
  font-weight: bold;
  display: block;
}
#event_list td th,
#event_list td td{
	padding: 1em 0;
	border-bottom: none;
}

#event_list td ul{
	margin-left: 1em;
}
#event_list td li{
	list-style: disc;
}

#event_list td em{
  margin: 1em 0 5px;
  padding: 2px 10px;
	display: block;
  font-style: normal;
  background: #eee;
  
}


/*　　モーダル　　*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}



.attention{
  font-size: 0.9em;
  margin-bottom: 2em;
}





#walkingtour_list h2{
	margin: 3em 0 1em;
  padding: 1em;
  font-size: 20px;
  color: #fff;
}

#walkingtour_list h2.day1{
  background: linear-gradient(to bottom, #1eb13e 0%, #198227 100%);
}

#walkingtour_list h2.day2{
  background: linear-gradient(to bottom, #016fae 0%, #024a73 100%);}

#walkingtour_list h2.day3{
  background: linear-gradient(to bottom, #cf6205 0%, #964906 100%);
}

.line_day1{
  padding-bottom: 1em;
  border-bottom: 2px #198227 solid;
}
.line_day2{
  padding-bottom: 1em;
  border-bottom: 2px #024a73 solid;
}
.line_day3{
  padding-bottom: 1em;
  border-bottom: 2px #964906 solid;
}



#walkingtour_list .col{
	padding: 0 0 4em;
}

#walkingtour_list h3 {
  padding: 1em 0;
  margin-bottom: 2em;
  display: block;
  position: relative;
  background: rgba(143, 139, 29, 0.2);
  box-sizing: border-box;
  }

#walkingtour_list h3 span {
    display: inline-block;
    background: #8f8b1d;
    color: #fff;
    width: 70px;
    height: 36px;
    text-align: center;
    position: relative;
    margin-right: 30px;
    vertical-align: middle;
    line-height: 2;
}

#walkingtour_list h3 span:after {
    display: block;
    content: "";
    border: 18px solid transparent;
    border-left: 10px solid #8f8b1d;
    position: absolute;
    top: 0;
    right: -27px;
}



#walkingtour_list .column1-2{
	display: flex;
	justify-content: space-between;
}
#walkingtour_list .column1-2 .sub{
	width: 50%;
}
#walkingtour_list .column1-2 .sub ul{
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#walkingtour_list .column1-2 .sub li{
  width: 48%;
  margin-bottom: 1.5em;
}
#walkingtour_list .column1-2 .sub li a{
	display: block;
}
#walkingtour_list .column1-2 .main{
	width: 40%;

}

#walkingtour_list .link a{
  display: inline-block;
  padding: 0.5em 1em;
  color: #8f8b1d;
  border: 1px #8f8b1d solid;
  border-radius: 30px;
}


#walkingtour_list .column1-2 .main p strong{
  display: block;
	font-weight: bold;
  font-size: 1.1em;

}

.modaal-container{
  pointer-events: none;
}