@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;}


.spec{border:1px #999 solid; width:80%; margin:1em auto;background:#3169bd}
dl.s1{background:#09C}
dl.s2{background:#4E52A3}
dl.s3{background:#406695}
.spec dt,.spec dd{padding:5px 10px;}
.spec dt{clear:left;float:left; width:25%; font-weight:bold; text-align:center; color:#FFF;/*text-shadow:1px 1px 1px #666;*/ border-top:1px #CCC solid;}
.spec dd{margin-left:25%; border-top:1px #CCC solid; background:#FFF;}
.spec dt:first-child,.spec dd:first-child{border-top:none;}
.spec span{font-size:.9em;color:#000;}
.spec dd:last-child{border-bottom:none;}
.spec dd:nth-of-type(2n){background:#eee;}
 
.sche,.sche1,.sche2,.sche3{ margin:4em auto 0;}
h2.inqu{margin:1em 0; border-bottom:1px #C33 solid; font-size:1.2em; font-weight:normal}
h3.year,h3.year0,h3.year1,h3.year2{border-bottom:1px #06C solid;font-size:1.2em;font-weight:normal;margin:1em 0;}
h3.year1,h3.year2{width:90%;margin:0 auto;border-color:#09C; text-indent:.8em}
h3.year2{border-color:#4E52A3;}

.sche table,.sche1 table,.sche2 table,.sche3 table{margin:2em auto; min-width:80%; border:2px #ccc solid;}
.sche1 table,.sche2 table,.sche3 table{margin-bottom:0;}
.sche th,.sche td,.sche1 th,.sche1 td,.sche2 th,.sche2 td,.sche3 th,.sche3 td{border:1px #ccc solid; padding:5px 2px;}
.sche td a,.sche1 td a,.sche2 td a,.sche3 td a{color:#005ACC;}
.sche th{ background:#3169bd;color:#FFF;/*text-shadow:1px 1px 1px #666;*/}
.sche1 th{ background:#09C;color:#FFF;/*text-shadow:1px 1px 1px #666;*/}
.sche2 th{ background:#4E52A3;color:#FFF/*;text-shadow:1px 1px 1px #666;*/}
.sche3 th{ background:#406695;color:#FFF/*;text-shadow:1px 1px 1px #666;*/}

.sche td:first-child,.sche1 td:first-child,.sche2 td:first-child,.sche3 td:first-child{text-align:center;}
.sche tr:nth-of-type(2n),.sche1 tr:nth-of-type(2n),.sche2 tr:nth-of-type(2n),.sche3 tr:nth-of-type(2n){background:#eee;}
.sche td span,.sche1 td span,.sche2 td span,.sche3 td span,.finish{padding:2px 5px; font-size:.8em;color:#06F; margin-left:1em; border:1px #06F solid; background:#E6FFFE;border-radius: 8px; -webkit-border-radius: 8px;-moz-border-radius: 8px;text-align:center;}
a.finish{color:#66F; border:1px #66F solid; background:#FFF;}

.sche1 td span{color:#09C; border-color:#09c;padding:2px 5px; display:block; margin:0;}
b.end{font-weight:normal; color:#06F;}

a.finish:hover{color:#FFF; background:#66f;}

.sche th:nth-of-type(1),.sche1 th:nth-of-type(1),.sche2 th:nth-of-type(1),.sche3 th:nth-of-type(1){width:3em;}
.sche th:nth-of-type(2),.sche1 th:nth-of-type(2),.sche2 th:nth-of-type(2),.sche3 th:nth-of-type(2){width:11em;text-align:center}
.sche td:nth-of-type(2),.sche1 td:nth-of-type(2),.sche2 td:nth-of-type(2),.sche3 td:nth-of-type(2){text-align:center;}
.sche td:nth-of-type(3),.sche1 td:nth-of-type(3),.sche2 td:nth-of-type(3),.sche3 td:nth-of-type(3){padding-left:10px; padding-right:10px; /*min-width:14em;*/ }
.sche td:nth-of-type(4),.sche1 td:nth-of-type(4),.sche2 td:nth-of-type(4),.sche3 td:nth-of-type(4){padding-left:10px;}

/*--add--*/
.tx_r{text-align:right;}
.tx_c{text-align:center;}
.c_r{color:#F00;}

.mt_1{margin-top:1em;}
.mt_2{margin-top:2em;}
.mb_1{margin-bottom:1em;}
.mb_2{margin-bottom:2em;}
.c_r{color:#c00;}

.r_note{color:#c00; text-align:right; font-size:.9em; margin:0 auto;}
p.w65{width:65%;}
p.w80{width:80%;}

figure.zemin{margin-right:6em;}

/*--calender--*/
.calen{margin:0 auto;}
.calen figure{margin:2em auto 1em;}
.calen aside{width:100%; margin:1em auto 5em; text-align:center; clear:both; border-top:3px #ccc double;}
.calen ul{ list-style:none; display:inline-block;}
.calen li{ display: inline; margin-right:2em;}
.calen ul:first-child li:before{content:"■";font-size:2em;color:#ff0;position:relative;top:4px;}
.calen ul:first-child li:last-child:before{/*content:"□"; font-size:120%; font-weight:bold; color:#f0f;top:2px*/ content:"";height:13px;width:13px; display:inline-block; border:1px #f0f solid; margin-right:5px;}
.calen ul:first-child li:nth-of-type(2):before{color:rgb(253,233,217)}
.calen ul:first-child li:nth-of-type(3):before{color:#F00;}
.calen li img{position:relative; top:5px;}
h3.sche{font-size:1.2em; border-bottom:1px #936 solid; margin:1em 0; padding:5px 0; font-weight:normal;}
h2.sche{text-align:center;font-weight:normal; color:#C36}

/*--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; text-indent:-2em; margin-left:1em;}
.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,.wear,.gentei{display:flex; position:relative;}

.wear{ margin:1em;border:2px #CCC solid; padding:1em; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-webkit-justify-content:space-between;justify-content:space-between;}
.wear figure{position:relative; margin:0; display:block; width:inherit; float:none;}

.month h5,.monthly h5{ position:absolute;top:10px; padding:2px 5px; background:#FFF; color:#F69; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.month p,.monthly figure p{ position:relative;padding:0 10px; top:2em;left:60%; color:#F00; background:#FFF; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; display:inline-block;*display:inline;*zoom:1}

.wear span{position:absolute; padding:0 10px; top:1em; left:60%;color:#f00; background:#FFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.month figure,.monthly figure{margin:0 10px;}

.monthly{display:block;padding:2em 1em 1em; background:rgba(256,128,64,.5);  border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; margin:1em 0 1em 1em; position:relative; min-height:380px;}

.monthly p.fabout{color:#000;position:absolute; bottom:10px;} 
.monthly p.fabouts{color:#000;position:absolute; bottom:30px;} 

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

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


/*--map--*/
figure.clearfix{ position:relative;}
p.right,p.left{width:50%;height:425px;position:absolute;}
p.right a,p.left a{display:block;line-height:425px; text-align:center; font-size:2em; text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,-1px -1px 2px #fff,1px -1px 2px #fff; color:#F00; vertical-align:bottom;}
p.left{left:0; height:100%;}
p.right{right:0; height:100%;}
p.left a:hover{border:2px rgba(125,0,0,.5) solid}
p.right a:hover{border:2px rgba(0,0,125,.5) solid}


/*--年間スケジュール--*/

.f_l{
	float:left;
}

table.years2{
	margin:5px 10px;
	border:2px solid #ccc;
	width:33%;
	font-size:110%;
}

table.years2 td{
	border-bottom:1px dotted #ccc;
	font-size:90%;
	line-height:1.2em;
	height:1.2em;
}

table.years2 tr:nth-of-type(1){
	border-bottom:1px double #ccc;
}

table.years2 th,table.years2 td{
	font-weight:normal;
	padding:3px 5px;
	border-right:1px dotted #ccc;
	text-align:center;
	/*width:13.5%;*/
}

table.years2 tr th:nth-of-type(1){
	color:#F00;
	background-color:#FFF0F5;
}
table.years2 tr td:nth-of-type(1){
	background-color:#FFF0F5;
}

table.years2 tr th:nth-of-type(7){
	color:#00F;
	background-color:#E0FFFF;
}
table.years2 tr td:nth-of-type(7){
	background-color:#E0FFFF;
}


table.years2 tr.tokubetsu td{
	background-color:#FFC;
}
table.years2 tr td.tokubetsu{
	background-color:#FFC;
}

table.years2 tr.kikaku td{
	background-color:#FFE4B5;
}
table.years2 tr td.kikaku{
	background-color:#FFE4B5;
}

table.years2 tr.kyuukanbi td{
	background-color:#F00;
}
table.years2 tr td.kyuukanbi{
	background-color:#F00;
}

table.years2 tr.renew td{
	background-color:#f2f2f2;
}
table.years2 tr td.renew{
	background-color:#f2f2f2;
}



table.years{
	width:98%;
	margin:0px auto;
	border-bottom:2px solid #ccc;
}


table.years th{
	width:10em;
	font-weight:normal;
	padding:10px 20px;
	border-bottom:1px dotted #ccc;
}

table.years td{
	min-width:2em;
	border-bottom:1px dotted #ccc;
}

table.years td{
	padding:10px 20px;
}

table.years tr td:nth-of-type(2){
	width:40%;
}

table.years tr.tokubetsu td:nth-of-type(2){
	background-color:#FFC;
}

table.years tr.kikaku td:nth-of-type(2){
	background-color:#FFE4B5;
}

table.years tr.kyuukanbi td:nth-of-type(2){
	background-color:#F00;
}

section.calen p{
	margin:10px auto;
}

section.calen ul{
	width:100%;
	text-align:center;
	margin:0 auto;
}

section.calen ul.tenji{
	margin:10px auto;
}

section.calen ul.tenji li{
	padding:5px 10px;
}

section.calen ul.tenji li:nth-of-type(1){
	background-color:#FFC;
}

section.calen ul.tenji li:nth-of-type(2){
	background-color:#FFE4B5;
}

section.calen ul.tenji li:nth-of-type(3){
	background-color:#F00;
}


.bg_blue{
	background-color:#E0FFFF;
}

.bg_pink{
	background-color:#FFF0F5;
}

.bg_red{
	background-color:#FF0;
}


.t_c{
	text-align:center;
}ƒ

.b{
	font-weight:bold;
}

.small{
	font-size:85%;
}

.red{
	color:#f00;
}

.purple{
	color:#C0F;
}

.green{
	color:#3C0;
}

.gray{
	color:#999;
}


/*--worksheet--*/
p.school{font-size:1.4em; margin:2em auto;}
.school a{padding:5px 10px;
background:#feb645;
background: rgba(241,231,103,1);
background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', 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 #f1e767 solid;}
.school a:hover{background:none;color:#F90; border-color:#feb645;}
.worksheet{padding-top:2em; border-top:2px #ccc dashed;}
.worksheet+ul{margin:1em auto; padding:1em 2em; background:#ADDAEF; list-style:outside;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.worksheet+ul li{line-height:2em;margin-left:1em;color:#06C}
.worksheet+ul a{color:#039; font-weight:bold;}
.worksheet+ul a:hover{color:#FFF;}

/*--過去の一覧--*/
p.bknum{margin:3em auto; text-align:center;}
.bknum a{width:50%;display:block;margin:0 auto; padding:5px 10px; border:1px #49a5bf solid; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; text-decoration:none;}
.bknum a:hover{background:#49a5bf;
background: rgba(147,206,222,1);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );
color:#FFF; text-shadow:1px 1px 1px #666}


@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,.sche1 table,.sche2 table,.sche3 table{width:100%; font-size:.9em}
.sche th:first-child,.sche td:first-child,.sche1 th:first-child,.sche1 td:first-child,.sche2 th:first-child,.sche2 td:first-child,.sche3 th:first-child,.sche3 td:first-child{display:none;}
.sche td:nth-of-type(2),.sche1 td:nth-of-type(2),.sche2 td:nth-of-type(2),.sche3 td:nth-of-type(2){min-width:35%; text-align:center;}
.sche td span,.sche1 td span,.sche2 td span,.sche3 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%;}
.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;}

section.calen div.f_l{
	float:none;
	margin-bottom:5px auto 10px;
}

table.years2{
	width:95%;
	font-size:100%;
}

table.years2 th,table.years2 td{
	padding:3px 5px;
}

table.years2 td{
	font-size:100%;
	height:1.2em;
}

table.years2 td a{
	display:none;
}



table.years{
	border-bottom:1px solid #000;
	/*margin:10px auto;*/
}

table.years th{
	display:block;
	width: 100%;
	background: #f2f2f2;
	border:none;
}

/*table.years td{
	border:none;
}*/

table.years th.bg_blue{
	background:#E0FFFF;
}

table.years th.bg_pink{
	background:#FFF0F5;
}

table.years td:nth-of-type(1) {
	display:block;
	width: 90%;
	border:none;
	text-align:center;
	min-height:3em;	
}

section.calen ul.tenji{
	margin:0px auto;
}

section.calen ul.icon_about li{
	display:block;
	width:80%;
	text-align:center;
	margin:5px auto;
}

section.calen ul.tenji li{
	display:block;
	width:33%;
	float:left;
}

.gentei,.wear{display:block; position:relative;}
.monthly p.fabouts,.monthly p.fabout{position:relative; bottom:0;} 

.bknum a{width:80%;}

p.w65,p.w80{width:100%;}
.r_note{text-align:left;}
h3.year1,h3.year2{width:100%;}

} 

p.redbtn{margin:1em auto}
p.redbtn a{padding: 2px 5px;border: 1px #F33 solid;color: #F33;border-radius: 10px;-moz-border-radius: 10px;}
p.redbtn a:hover{color:#f33;background:none;}