@charset "utf-8";

/*--about--*/

/*.h_01{font-size: 124%;color: #fff;background: url(../img/com/bloc_bk.gif);padding: 0px 15px;margin-bottom:1em; font-weight:normal;}*/
.h_01{font-size:1.4em;font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:1em auto; padding:5px 0 0 40px; background:url(../img/com/icon_h2.png) 8px no-repeat; border-bottom:1px #805544 solid;}

figure{margin:1em auto;}
.f_r{float:right; margin-left:2em;}
.img_box{float: left;margin-top: 20px;margin-right: 10px;}
.event p{text-indent:1em;}

ul.notes{margin:1em 2em 2em; width: 50%; border:1px #C00 solid; padding:1em;}

.mb_1{margin-bottom:1em;}
.mb_2{margin-bottom:2em;}


/*--open--*/
.intro{ width:80%; border:3px #ccf double; padding:1em 2em; margin:1em auto; border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px;}
.intro span{color: #c00;display: block;text-indent: -1em;margin: .5em 2em;}
.intro a{display:block; margin:1em auto; width:80%; text-align:center;
padding:5px 10px;
background:#f54831;
background: rgba(255,164,94,1);
background: -moz-linear-gradient(top, rgba(255,164,94,1) 0%, rgba(245,72,49,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,164,94,1)), color-stop(100%, rgba(245,72,49,1)));
background: -webkit-linear-gradient(top, rgba(255,164,94,1) 0%, rgba(245,72,49,1) 100%);
background: -o-linear-gradient(top, rgba(255,164,94,1) 0%, rgba(245,72,49,1) 100%);
background: -ms-linear-gradient(top, rgba(255,164,94,1) 0%, rgba(245,72,49,1) 100%);
background: linear-gradient(to bottom, rgba(255,164,94,1) 0%, rgba(245,72,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa45e', endColorstr='#f54831', GradientType=0 );
color:#333; font-weight:bold;text-shadow:1px 1px 1px #CCC;
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px #ffa45e solid;}
.intro a:hover{background:none;color:#f54831; border-color:#f54831;}

.open h3{ font-weight:normal; padding:5px 10px; border-left:4px #66C solid; border-bottom:1px #333 solid; margin:1em auto;}
.open h4{border:1px #C60 solid; color:#F60; padding:5px 10px; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; display:inline-block;*display:inline;*zoom:1}
.open .month{ padding:2em 1em 1em; background:rgba(256,128,64,.5);  border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; margin:1em; overflow:hidden;zoom:1} 
/*.month,.gentei{display:flex; position:relative;}*/


.open .right,.open .left{padding:1%; margin-bottom:2em;}
.open .left{float:left; margin-right:1%; width:55%}
.left ul{list-style:outside;padding:1em 1em 1em 2.5em;  background:#CEF1FF; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; margin-top:1em; }
.left+div{width:40%; float:right;}

.hac {
	padding-left:2em;
	list-style: outside;
}

.ltm {
	width: 60%;
}

@media screen and (max-width: 640px) {
	.ltm {
		width: 100%;
	}
}

.baloon {
	position:relative;
	background: #ffd9b8;
	width:80%;
	padding:15px;
	border-radius:5px 15px;-moz-border-radius:15px;-webkit-border-radius:15px; 
	margin:30px auto 0;
}
.baloon:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 217, 184, 0);
	border-bottom-color: #ffd9b8;
	border-width: 30px;
	margin-left: -30px;
}

.open p.mb_2 span{display: block;text-indent: -1em;margin: .5em 2em;}

.wear_s table,.wear_b table,.monthly table,.april table{
	width:90%;
	margin:0 auto;
}

.wear_s tr td, .wear_b tr td, .monthly tr td , .april tr td{
	text-align:center;
	vertical-align:top;
	/* padding:0.5em 2.5%; */
}

.monthly tr td {
	padding:0.5em 2.5%;
}


.wear_s tr td figure,.wear_b tr td figure,.monthly tr td figure,.april tr td figure{
	width:100%;
	position:relative;
}
.wear_s tr td figure img,.wear_b tr td figure img,.monthly tr td figure img,.april tr td figure img{
	margin:0 auto;
}


.wear_s tr td figure span,.wear_b tr td figure span{
	z-index:100;
	position:absolute;
	top:0px;
	left:10%;
}
.monthly tr td figure span{
	z-index:100;
	position:absolute;
	top:0px;
	left:8%;
}
.april tr td figure span{
	z-index:100;
	position:absolute;
	top:0px;
	left:8%;
}

.wear_s{
	border:2px dotted #F60;
	margin:0.5em auto 1.5em;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  

}
.wear_b{
	border:2px solid #ccc;
	margin:0.5em auto 1.5em;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  

}
.monthly{
	background-color:#ffdab9;
	margin:0.5em auto;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
.april{
	background-color:#ffccff;
	margin:0.5em auto;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}

figure.special{
	width:90%;
	margin:1em 5%;
	text-align: center;
	float:none;
}
figure.special img{
	float:left;
	margin: 0 2% 1em 0;
	display: block;
	width:63.8%;
	padding:0;
}
figure.special img.tate{
	width:34.1%;
	margin-right:0;
}

figure.special figcaption{
	width:100%;
	text-align:center;
}

p.red{
	background-color:#ff6633;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
	padding:0.5em 1em;
	width:20em;
	margin:0 auto 1em;
}

article.special{
	/*background-image:url("../img/activities/201507/bg_shinkansen.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;*/
	margin-top:2em;
}
article.special div.white{
	/*background-color:rgba(255,255,255,.7);*/
	margin:0;
	padding:0;
}

article.special div.white h3{
	background-color:#fff;
	margin-top:0;
}

article.special figure.f_r{width:30%; margin-right:2em; border:1px #F63 solid;}
article.special figure.f_r img{width:100%;}

/*article.special div.box{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
 /*   display:-ms-flexbox;/*--- IE10 ---*/
 /*   display: -webkit-flex;/*--- safari（PC）用 ---*/
 /*   display:flex;
 /*   -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
 /*   -ms-flex-pack:justify;/*--- IE10 ---*/
 /*   -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
 /*   justify-content:space-between;	
	margin:1em auto;}
*/	
article.special div.box{ margin:1em auto;}	
div.box div{width:48%; margin:.5em; padding:.5em 1em 1em; background:#FFFAE8; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; float:left}

div.box div img{width:100%; margin:1em auto 0;}
div.box div img.mt2{margin-top:4em;}
div.box div h5{margin:0 auto 1em; border-bottom:3px #F60 double; padding-bottom:.5em; color:#F60;}

div.kfmap{text-align:center;/* width:40%;*/ margin:1em 2em}
div.kfmap img{width:80%; border:1px #F93 solid;}

p.btn{margin:1em auto;overflow:hidden;}
p.btn a{display:block; padding:.5em; border:1px #F93 solid;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background:#F93;color:#FFF; text-align:center; width:70%; margin:0 auto} 
p.btn a:hover{color:#f90; background:none;}

/*--baloon--*/
.monthly tr td{position:relative;}
.fkds{background:#FFF;border-radius:50%; padding:1em;/* position:absolute;bottom:.5em;*/width:50%;margin:0 auto}
.fkds:before{content:"";display:block;border-bottom:3em #fff solid;border-left:1em transparent solid;border-right:1em transparent solid; position:absolute; z-index:50;top:-2em;left:48%
/*top:-2.5em; left:50%;transform: rotate(20deg);-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-o-transform: rotate(20deg);
-ms-transform: rotate(20deg);*/}

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

.f_r{float:none; margin:0 auto 1em;}
.img_box{float:none;}
.spec{width:95%;}/*
.pics{flex-direction: column;}*/

ul.notes{margin:1em auto; width:90%}
.spec dt{float:none; width:100%;}
.spec dd{margin:0;}
.spec dd:nth-of-type(2n){background:#fff;}

.sche table{width:100%;}
.sche th:first-child,.sche td:first-child{display:none;}
.sche td:nth-of-type(2){min-width:35%; text-align:center;}
.sche td span{display:inline-block;*display:inline;*zoom:1}

figure.zemin{margin-right:0;}

.calen aside{width:100%;}
.calen li{margin-right:0;}
.calen li img{width:inherit;}

.open .month{justify-content: center; width:98%;}
.month figure{margin:0 10px; display:block;}

.open .left{float:none; margin-right:0; width:100%}
.left+div{width:100%; float:none; position:relative; margin-bottom:4em;}
.left+div p{width:50%;}
.left+div.right p{width:100%;}
.baloon{width:40%;position:absolute; right:0; top:-3em;}
.left+div .baloon p{width:100%; font-size:.9em;}
.baloon:after{
	left:inherit; bottom:inherit;right:100%;top:50%; 
	border: solid transparent;
	border-right-color: #ffd9b8;
	border-width: 30px;
	margin-top: -30px;}




.bknum a{width:80%;}

.wear_s tr td,.wear_b tr td,.monthly tr td,.april tr td{
	width:100%;
	display:block;
}
.wear_s tr td figure span,.wear_b tr td figure span,.monthly tr td figure span,.april tr td figure span{
	width:90px;
	left:2%;
}

figure.special img{
	/*float:none;
	margin:0 auto 0.5em;
	width:100%*/
}
figure.special img.tate{
	/*width:100%;*/
}


article.special figure.f_r{width:100%;}

div.kfmap{width:95%; margin:1em}
div.kfmap img{width:95%;}

article.special div.box{ display:block; margin:1em auto;}
div.box div{width:95%;}
div.box div img.mt2{margin-top:1em;}
}