html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
/*	Youtube Player
============================== */
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.cRed, .err { color:#e3206d;}
.cBlu { color:#43e1e3;}
.cPnk { color:#fc48a3;}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*float*/
.floatL { float:left; display: inline;}
.floatR { float:right; display: inline;}
.clear_flo {clear:both; }
/*link*/
a{text-decoration:underline; color:#e3206d;}
a:hover{ text-decoration:underline; color:#666;}

/*///////////////// style ////////////////*/
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
html, body, div#con-body {background:#fed326;}
	div#con-body{color:#666;}
	h1,h2,h3,h4{font-feature-settings : "palt";letter-spacing:0.1em;}
	p{line-height:160%;font-feature-settings : "palt";letter-spacing:0.1em;}
@media all and (min-width: 768px) {
#con-body{font-size:100%;}
}
@media all and (max-width: 767px) {
#con-body{font-size:90%;}
}

/*///////////////// header ////////////////*/
header{width:100%; overflow:hidden;background:url(../img/bg.png) center top #fed326;}
header .main{box-sizing: border-box;background:url(../img/main2.png) center center no-repeat;}
.top header .main{box-sizing: border-box;background:url(../img/main.png) center bottom no-repeat;}

@media all and (min-width: 768px) {
header{width:100%; }
header .main{width:980px;height:200px;margin:0 auto}
.top header .main{width:980px;height:300px;margin:0 auto}
}

@media all and (max-width: 767px) {
header .main{width:100%;height:0;padding-top:20%;background-size:contain;}
.top header .main{width:100%;height:0;padding-top:30%;background-size:contain;}


header {position:relative;}
header img{position:absolute;top:0;left:0;}
}


/*///////////////// nav ////////////////*/
ul.menu li{text-indent: -9999px;transition:0.5s ;}
	.top li#m01,
	.acv li#m02,
	.president li#m03,
	.info li#m04,
	.about li#m05{background:#fff4c7;}

	#m01 a{background:url(../img/menu/next.png) center center no-repeat;}
	#m02 a{background:url(../img/menu/acv.png) center center no-repeat;}
	#m03 a{background:url(../img/menu/president.png) center center no-repeat;}
	#m04 a{background:url(../img/menu/info.png) center center no-repeat;}
	#m05 a{background:url(../img/menu/about.png) center center no-repeat;}
	#m06 a{background:url(../img/menu/facebook.png) center center no-repeat;}
	#m07 a{background:url(../img/menu/school.png?) center center no-repeat;}

@media all and (min-width: 768px) {
nav{
background-color: #e3206d;
background-image: radial-gradient(#f3a7c6 10%, transparent 20%), radial-gradient(#f3a7c6 10%, transparent 20%);
background-size: 10px 10px;
background-position: 0 0, 10px 10px;
}
nav{height:100px;overflow:hidden;}
ul.menu{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;

	 justify-content: space-between;
	-ms-flex-pack:justify;
	-webkit-justify-content: space-between;

	align-items: space-between;
	-ms-flex-align: space-between;
 	-webkit-align-items: space-between;
}


ul.menu{width:940px;height:60px;margin:15px auto;}
	.menu li {width:180px; height:70px;box-sizing: border-box;border:solid 2px #fd8321;background:#fff;}
	.menu li a{display:block;width:100%; height:100%;box-sizing: border-box;border:solid 5px #fed326;}
	.menu li:hover{background:#fff7d8;}
}



@media all and (max-width: 767px) {
nav{background-color: #fed326;}
ul.menu{
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
-webkit-justify-content: flex-start ;
 justify-content: flex-start ;
 -webkit-align-items: flex-start ;
align-items: flex-start ;
-ms-flex-align: flex-start ;
-webkit-box-align: flex-start ;
flex-wrap: wrap;
}

ul.menu{width:100%;margin:0 auto;padding:1px 0;}
	.menu li {width:50%;background:#fff}
	.menu li a{display:block;width:100%; height:100%;box-sizing: border-box;border:solid 1px #fed326;padding:1.2em 0;}
	.menu li a{text-decoration:none; color: #e3206d;text-align:center;font-size:80%;font-weight:bold;}
	#m01 a,#m02 a,#m03 a,#m04 a,#m05 a,#m06 a,#m07 a{background-size:50%;}
}

/*///////////////// container column ////////////////*/
.container{overflow:hidden;background:#fff;}
@media all and (min-width: 768px) {
.columnBox{width:940px;margin:20px auto 0;overflow:hidden;}
div.columnL {width:620px;float:left;}
div.columnR {width:300px;float:right;}
}
@media all and (max-width: 767px) {
div.columnL {width:100%;margin:0 auto;}
}

/*///////////////// column  article ////////////////*/
.columnL .box{overflow:hidden;background:#fff4f4;}
.columnL h2{text-indent: -9999px;
	background-color: #e3206d;
	background-size: 10px 10px;
	background-position: 0 0, 10px 10px;}
.columnL h3{box-sizing: border-box;border:solid 1px #e3206d;border-left:solid 9px #e3206d;color:#e3206d;background:#fff;}
.columnL p{word-break:break-all;}
p small{font-size:70%}

@media all and (min-width: 768px) {
.columnL article{margin-bottom:20px;}
.columnL .inbox{padding:30px 40px;}
.columnL h2{width:620px;height:70px;
	background-image: radial-gradient(#f3a7c6 10%, transparent 20%), radial-gradient(#f3a7c6 10%, transparent 20%);}
.columnL h2 span{display:block;width:620px;height:70px;}
.columnL h3{padding:5px 10px;}
}

@media all and (max-width: 767px) {
.columnL .box{padding-bottom:2em;}
.columnL h2{width:100%;height:auto;
	background-image: radial-gradient(#ffcce0 10%, transparent 10%), radial-gradient(#ffcce0 10%, transparent 10%);}
.columnL h2 span{display:block;height:40px;}
.columnL p{width:90%;font-size:90%;margin:1em auto 0;}
.columnL h3{padding:.2em .5em;}
}


/*///////////////// nextOnair ////////////////*/
#nextOnair h2 span{background:url(../img/title/next.png) center center no-repeat;background-size:contain;}
#nextOnair .date{text-align:center;font-weight:bold;color:#e3206d;}
#nextOnair .mov{background:#fff;border:solid 3px #fed326;border-radius:5px;}
#nextOnair .midashi{font-weight:bold;color:#e3206d;}

@media all and (min-width: 768px) {
#nextOnair .date{font-size:160%;}
#nextOnair .mov{width:480px;height:270px;padding:5px;margin:20px auto;}
#nextOnair section{margin-top:20px;}
#nextOnair section p{width:500px;margin:10px auto 0;}
#nextOnair .midashi{font-size:110%;}
}

@media all and (max-width: 767px) {
#nextOnair .date{font-size:110%;}
#nextOnair .mov{box-sizing:border-box;}
#nextOnair .mov {position: relative;width:90%;padding-top: 50%;height: 0;margin:1em auto;overflow: hidden;}
#nextOnair .mov iframe{position: absolute;top: 0;left:0;width: 100%;height: 100%;}
#nextOnair section{width:90%;margin:1em auto 0;}
#nextOnair section p{width:90%;margin:.5em auto 0;}
}


/*///////////////// lastOnair ////////////////*/
#lastOnair h2 span{background:url(../img/title/last2.png) center center no-repeat;background-size:contain;}
#lastOnair .date{text-align:center;font-weight:bold;background:#e3206d;color:#fff;}
#lastOnair .tbsfree{width:240px;height:210px;background: #e3206d;}
#lastOnair .inbox .tbsfree a {display:block;width:240px;height:210px;pading:0;margin:0;}
#lastOnair .inbox .tbsfree a img {display:none;}

#lastOnair .bt{text-align:center;overflow:hidden;background:#e3206d;border-radius:30px;}
#lastOnair .bt a{text-decoration:none;transition:0.5s ;font-weight:bold;color:#fff;}
#lastOnair .bt a:hover{background:#fed326;}

@media all and (min-width: 768px) {
#lastOnair .date{width:540px;margin:20px auto 0;font-size:140%;}
#lastOnair .inbox{width:540px;margin:0 auto;padding:30px 0 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;

	 justify-content:center;
	-ms-flex-pack: center;
	-webkit-justify-content:center;

	align-items: flex-start;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
 }


#lastOnair .inbox div{width:100%;}
#lastOnair .inbox div.inflex{width:auto;padding-left:20px;}


#lastOnair section{margin:0 auto;}
#lastOnair section p{padding:0 20px;margin:10px auto 0;}

#lastOnair .bt{width:200px;margin:30px auto;}
#lastOnair .bt a{display:block;padding:10px 20px;}
}



@media all and (max-width: 767px) {
#lastOnair .date{font-size:120%;margin-bottom:1em;}
#lastOnair section{width:90%;margin:1em auto 0;}
#lastOnair section p{width:90%;margin:.5em auto 0;}
#lastOnair .tbsfree{margin:1em auto;}

#lastOnair .bt{width:80%;margin:2em auto 1em;}
#lastOnair .bt a{display:block;padding:10px 20px;}

}

div.bn-paravi {
	width:240px;
	margin:0 auto;
}
div.bn-paravi a, div.bn-paravi a img {
	display:block;
	width:240px;
	height:210px;
}
@media all and (min-width: 768px) {
div.bn-paravi {
	padding-bottom:40px;
}
#lastOnair p.bt {
	width:320px;
	margin-bottom:15px;
}
}
@media all and (max-width: 767px) {
div.bn-paravi {
	padding-bottom:20px;
}
}


/*///////////////// present ////////////////*/
#present h2 span{background:url(../img/title/present.png) center center no-repeat;background-size:contain;}

#present .midashi{display:block;font-weight:bold;color:#e3206d;}
#present .subtitle{display:block;font-weight:bold;color:#a50042;}
#present .att{color:#e3206d;background:#fff;}
#present .txt{display:block;}
#present .photo_yoko,#present .photo_tate{box-sizing:border-box;border:solid 3px #fed326;border-radius:5px;background-color:#e3206d;}

#present .bt{text-align:center;overflow:hidden;background:#e3206d;border-radius:30px;}
#present .bt a{text-decoration:none;transition:0.5s ;font-weight:bold;color:#fff;}
#present .bt a:hover{background:#fed326;}

@media all and (min-width: 768px) {
#present .midashi{font-size:120%;margin-bottom:10px;}

#present .photo_yoko{width:400px; height:240px;margin-bottom:20px;}
#present .photo_tate{width:240px; height:400px;margin-bottom:20px;}

#present section{margin-top:20px;}
#present section p{width:500px;margin:10px auto 0;}
#present .subtitle{margin-bottom:5px;}
#present .att{font-size:120%;padding:2px 5px;}

#present .bt{width:300px;margin:20px auto 0;font-size:120%;}
#present .bt a{display:block;padding:10px 20px;}
}

@media all and (max-width: 767px) {
#present .midashi{font-size:110%;}
#present .photo_yoko{width:70%;padding-top:41%;height:0;margin:1em auto 0;}
#present .photo_tate{width:50%;padding-top:81%;height:0;margin:1em auto 0;}

#present section{width:90%;margin:1em auto 0;}
#present section p{width:90%;margin:.5emx auto 0;}
#present .subtitle{margin-bottom:.5em;}
#present .att{font-size:120%;padding:2px 5px;}

#present .bt{width:60%;margin:1em auto 0;font-size:100%;}
#present .bt a{display:block;padding:10px 20px;}
}


/*///////////////// archives ////////////////*/
#archives h2 span{background:url(../img/title/acv.png) center center no-repeat;background-size:contain;}
#archives .date{font-weight:bold;color:#a50042;}
#archives .midashi{font-weight:bold;color:#f75b2b;}

#archives .link{width:100%;text-align:center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items:  center;
	align-items:  center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#archives .aBox{overflow:hidden;border-bottom:solid 1px #e3206d;}
#archives .aBox:last-child{border:none;}

@media all and (min-width: 768px) {
#archives .link li{width:12.5%;font-size:90%;line-height:1; padding-bottom:10px;}
#archives section{margin-top:20px;}
#archives .aBox{width:500px;margin:0 auto;padding:10px 0;font-size:90%;}
}

@media all and (max-width: 767px) {
#archives .link{width:90%;margin:1.5em auto 0;}
#archives .link li{width:20%;font-size:80%;line-height:1;padding-bottom:1em;}
#archives section{width:90%;margin:1em auto 0;}
#archives section p{margin:0 auto;}
#archives .aBox{padding:1em 0;font-size:90%;}
#archives .aBox:last-child{padding-bottom:0;}
}

/*///////////////// page page ////////////////*/
#page h2 span{background:url(../img/title/acv.png) center center no-repeat;background-size:contain;}
#page .date{text-align:center;font-weight:bold;background:#e3206d;color:#fff;}
#page h4 {background:#e3206d;color:#fff;}
#page .photo,#page .pic{box-sizing:border-box;border:solid 3px #fed326;border-radius:5px;background-color:#e3206d;}
	#page ul.arrowList li{line-height:20px;margin-bottom:10px;}
	#page ul.arrowList li{list-style:none;padding-left:25px;position:relative;}
	#page ul.arrowList li:before,
	#page ul.arrowList li:after{content:"";display:block;position:absolute;}
	#page ul.arrowList li:before{width:20px;height:20px;background:#e3206d;left:0;top:0px;}
	#page ul.arrowList li:after{border:5px solid transparent;border-top-color:#fff;left:5px;top:8px;}


@media all and (min-width: 768px) {
#page .date{width:540px;}
#page .photo{width:400px; height:225px;margin:20px auto;}
#page .pic{width:320px; height:180px;margin:20px auto;}

#page .date{font-size:140%;}
#page section{margin-top:20px;}
#page section p{width:500px;margin:10px auto 0;}

	#page h4 {padding:5px 0;}
	#page h4 span{display:block;line-height:20px;background:#e3206d;}
	#page h4 span{padding-left:20px;position:relative;}
	#page h4 span:before,
	#page h4 span:after{content:"";display:block;position:absolute;}
	#page h4 span:before{width:20px;height:20px;left:0;top:0px;}
	#page h4 span:after{border:5px solid transparent;border-left-color:#fff;left:10px;top:6px;}
	#page ul.arrowList {width:500px;margin:20px auto;}
	#page ul.arrowList li{line-height:20px;margin-bottom:10px;}
	#page ul.arrowList li{list-style:none;padding-left:25px;position:relative;}
	#page ul.arrowList li:before,
	#page ul.arrowList li:after{content:"";display:block;position:absolute;}
	#page ul.arrowList li:before{width:20px;height:20px;background:#e3206d;left:0;top:0px;}
	#page ul.arrowList li:after{border:5px solid transparent;border-top-color:#fff;left:5px;top:8px;}
}

@media all and (max-width: 767px) {
#page .date{font-size:120%;margin-bottom:1em;}
#page section{width:90%;margin:1em auto 0;}
#page section p{width:90%;margin:.5em auto 0;}
#page .photo{width:70%;padding-top:39.5%;height:0;margin:1em auto 0;}
#page .pic{width:70%;padding-top:39.5%;height:0;margin:1em auto;}


	#page h4 {padding:.3em 0;}
	#page h4 span{display:block;line-height:15px;background:#e3206d;}
	#page h4 span{padding-left:18px;position:relative;}
	#page h4 span:before,
	#page h4 span:after{content:"";display:block;position:absolute;}
	#page h4 span:before{width:15px;height:15px;left:0;top:0;}
	#page h4 span:after{border:4px solid transparent;border-left-color:#fff;left:8px;top:3px;}

	#page ul.arrowList {width:90%;margin:1em auto;font-size:90%;}
	#page ul.arrowList li{line-height:120%;margin-bottom:1em;}
	#page ul.arrowList li{list-style:none;padding-left:20px;position:relative;}
	#page ul.arrowList li:before,
	#page ul.arrowList li:after{content:"";display:block;position:absolute;}
	#page ul.arrowList li:before{width:12px;height:12px;background:#e3206d;left:0;top:0px;}
	#page ul.arrowList li:after{border:4px solid transparent;border-top-color:#fff;left:2px;top:4px;}
}

/*///////////////// president ////////////////*/
#president h2 span{background:url(../img/title/president.png) center center no-repeat;background-size:contain;}

#president #list ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
	#more_btn,#close_btn{cursor: pointer;text-align:center;overflow:hidden;background:#e3206d;font-weight:bold;color:#fff;border-radius:30px;transition:0.5s ;}
	#more_btn:hover,#close_btn:hover{background:#fed326;}

#president #list li {border-radius:5px;background-color:#fff;}
#president #list li a{display:block;text-decoration:none; }
#president #list li a:hover{text-decoration:none; }
#president #list li .office{font-weight:bold;color:#e3206d;}
#president #list li .name{font-weight:bold;color:#333;}
#president #list li .date{color:#666;}
	#president .photo{display:block;box-sizing:border-box;border:solid 3px #fed326;border-radius:5px;background-color:#e3206d;}


@media all and (min-width: 768px) {
#president #list ul {width:100%;}
#president #list li{width:20%;font-size:70%;margin:0 1% 20px;padding:1.5%;}
#president #list li:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
	#president .photo{width: 86px;height: 96px;margin-bottom:10px;}
	#more_btn,#close_btn{width:200px;margin:0 auto;padding:10px 20px;}
}

@media all and (max-width: 767px) {
#president #list ul {width:90%;margin:1em auto 0;}
#president #list li{width:20%;font-size:70%;margin:0 1% 1em;padding:1.5%;}
#president #list li p{margin:0;}
	#president .photo{width:100%;padding-top:112%;height:0;margin-bottom:.5em;}
	#more_btn,#close_btn{width:40%;margin:1em auto 0;padding:10px 20px;}
}


/*///////////////// about ////////////////*/
#about h2 span{background:url(../img/title/about.png) center center no-repeat;background-size:contain;}
#about .midashi{display:block;
	background:#fff;color:#e3206d;font-weight:bold;border-radius:5px;}

@media all and (min-width: 768px) {
#about .midashi{padding:10px 20px;margin-bottom:20px;font-size:120%;}
#about section{margin-top:20px;}
#about section p{width:500px;margin:10px auto 0;}

}

@media all and (max-width: 767px) {
#about .midashi{padding:.5em 1em;margin-bottom:1em;font-size:100%;}
#about section{width:90%;margin:1em auto 0;}
#about section p{width:90%;margin:.5em auto 0;}
}

/*///////////////// cast ////////////////*/
#cast h2 span{background:url(../img/title/cast.png) center center no-repeat;background-size:contain;}

#cast p .subtitle{display:block;font-weight:bold;color:#a50042;}
#cast p .subtitle .name{font-size:60%;color:#cbb70a;}
#cast p small{display:block;font-size:80%;line-height:1.5;}
#cast .photo{box-sizing:border-box;border:solid 3px #fed326;border-radius:5px;background-color:#e3206d}

@media all and (min-width: 768px) {
#cast p .subtitle{font-size:120%;}
#cast p .subtitle .name{padding:0 10px;}
#cast p small{margin-bottom:10px;}
#cast p small{display:block;font-size:80%;line-height:1.5;margin-bottom:10px;}
#cast ul{margin:0 auto 20px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-justify-content:  flex-end;
	 justify-content:  flex-end;
	 -webkit-align-items:  flex-start;
	align-items: flex-start;
	-ms-flex-align:  flex-end;
	-webkit-box-align:  flex-end;
}
#cast ul:last-child{margin-bottom:0;padding-top:30px;border-top:dashed 1px #e0c2ce;}
#cast .photo{width:180px;height:225px; margin-right:20px;}

}

@media all and (max-width: 767px) {
#cast p .subtitle{text-align:center;font-size:110%;margin-bottom:.5em;}
#cast p .subtitle .name{display:block;}
#cast p small{text-align:center;margin-bottom:.5em;}
#cast ul{width:90%;margin:1em auto;}
#cast ul:last-child{margin-bottom:0;padding-top:1em;border-top:dashed 1px #e0c2ce;}
#cast p{width:100%;margin:.5em auto 0;}
#cast .photo{width:120px;height:150px; }
}

/*///////////////// info ////////////////*/
#info h2 span{background:url(../img/title/info.png) center center no-repeat;background-size:contain;}
	.top #info h2 span{background:url(../img/title/info_top.png) center center no-repeat;background-size:contain;}
#info .photo_tate,#info .photo_yoko{display:block;background-size:contain;}
#info .date{font-weight:bold;color:#e3206d;text-align:right;}
#info p a{background:#fff;}
#info .bt{text-align:center;overflow:hidden;border-radius:30px;}
#info .bt a{text-decoration:none;transition:0.5s ;font-weight:bold;background:#e3206d;color:#fff;}
#info .bt a:hover{background:#fed326;}

@media all and (min-width: 768px) {
#info .photo_tate{height:330px;}
#info .photo_yoko{height:225px;}

#info .date{font-size:90%;margin:10px auto 0;}
#info section{margin-top:20px;}
#info section:first-child{margin-top:0;}
#info p{width:500px;margin:10px auto 20px;}
#info p:last-child{margin-bottom:0;}
#info p a{padding:5px;}

#info .bt{width:300px;margin:20px auto 0;font-size:120%;}
#info .bt a{display:block;padding:10px 20px;}
}

@media all and (max-width: 767px) {
#info .photo_tate{height:220px;}
#info .photo_yoko{height:150px;}

#info .date{font-size:80%;margin:.5em auto 0;}
#info section{width:90%;margin:1em auto 0;}
#info section p{width:90%;margin:.5em auto 1em;}
#info p:last-child{margin-bottom:0;}

#info p a{padding:.2em;}
#info .bt{width:60%;margin:1em auto 0;font-size:100%;}
#info .bt a{display:block;padding:10px 20px;}
}




/*///////////////// right ////////////////*/
#bnBox{width:300px;}
#fb{width:300px;}
#school_bn a{
	display: block;
	width:300px;
	height: 0;
	padding-top: 83.33%;
	background-image: url(../img/school_bn.png);
	background-size: 100%;
	text-indent: -9999px;
}
@media all and (min-width: 768px) {
#bnBox{;margin:0 auto;}
#fb{margin:20px auto;}
#school_bn{margin:20px auto 0;}
}
@media all and (max-width: 767px) {
#bnBox{margin:2em auto 0;}
#fb{margin:1em auto ;}
#school_bn{ width:300px; margin:1em auto 0;}
}
/*///////////////// lazy ////////////////*/
.lazy {position:relative;display:block;background:center top no-repeat;background-size:cover;margin:0 auto;}
.lazy img{position:absolute;top:0;left:0;}

/*///////////////// sns bt ////////////////*/
.sns_bt{background:#fee9ed;}
@media all and (min-width: 768px) {
.sns{margin-top:10px;}
.sns,.sns_bt{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-justify-content:  flex-end;
	 justify-content:  flex-end;
	 -webkit-align-items:  center;
	align-items:  center;
	-ms-flex-align:  flex-end;
	-webkit-box-align:  flex-end;
}

 .sns_bt{width:370px;border-radius:5px;padding:5px 10px;}
 .sns_bt p{width:180px;font-size:90%;line-height:1;}
  .tw_bt{margin-right:15px;}
}

@media all and (max-width: 767px) {
.sns{text-align:center;margin-top:1em;}
.sns_bt{width:90%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items:  center;
	align-items:  center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
 .sns_bt{margin:0 auto;padding:.5em 0;border-radius:5px;}
 .sns_bt p{width:100%;margin:0;}
 .tw_bt{width:48%;text-align:right;margin-right:2%;}
 .fb_bt{width:48%;text-align:left;margin-left:2%;}
}

/*///////////////// footer ////////////////*/

footer .bottom{width:100%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-justify-content: center;
	 justify-content: center;
 	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
}

footer .bottom{background:url(../img/bg.png) center top #fed326;color:#e3206d;}
footer .bottom small{font-size:70%;font-weight:bold;letter-spacing:0.05em;}
footer .bottom a{ text-decoration:none;color:#e3206d;}

@media all and (min-width: 768px) {
footer .bottom{height:100px;line-height:1}
#page-top {text-indent: -9999px;position:fixed;right:20px;width:130px;height:150px;background:url(../img/pagetop.png) no-repeat;}
#page-top a{display:block;width:130px;height:130px;}
}

@media all and (max-width: 767px) {
footer .bottom{height:50px;padding-bottom:40px ;line-height:1.5;text-align:center;}
footer .bottom small{padding:0 20px;}
#page-top  {position:fixed;bottom:0;width:100%;text-align:center;font-weight:bold;font-size:70%;background:#e3206d;}
#page-top  a{text-decoration:none;color:#fff;display:block;text-decoration:none;line-height:40px;height:40px}

}


/*//////// font ////////*/
.bold{font-weight:bold;}
/*//////// clolor ////////*/
.pink{ color:#c70552;}
.pink2{ color:#ec3b81;}
.yellow{ color:#eabd09;}
.orange{ color:#fb920e;}
.red{ color:#d90016;}
.err{color:#c70552;}
/*//////// background ////////*/
.redBg{background:#fa0027; line-height:200%;}




.catari-widget-inner {
	height:320px;
}
@media all and (min-width: 768px) {
.catari-widget {
	margin-top:15px;
}
}
@media all and (max-width: 767px) {
.catari-widget {
	width:300px;
	margin:15px auto;
}
}