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:#ff1515;}
.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:#fff000;}
a:hover{ text-decoration:underline; color:#333}

/*///////////////// style ////////////////*/
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
html, body, #con-body {background:#43e1e3;}
div#con-body{color:#000;background-attachment:fixed; z-index:0;}
p{line-height:160%;font-feature-settings : "palt";letter-spacing:0.08em;}
@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-color: #43e1e3;
	background-image: radial-gradient(#000 10%, transparent 20%), radial-gradient(#000 10%, transparent 20%);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
	}
header .main{box-sizing: border-box;border-radius:30px;}
header h1{box-sizing: border-box;background:url(../img/main.jpg) center center no-repeat;border-radius:25px}

@media all and (min-width: 768px) {
header{position: relative; width:100%; }
header .heart{position:absolute;top:0; width:100%;min-width:940px;height:500px;background:url(../img/heart.png)  center 50px no-repeat;}
header .main{width:940px;height:500px;margin:30px auto;border:solid 5px #000;z-index:-1;}
header h1{width:930px;height:490px;border:solid 5px #43e1e3;}
}
@media all and (max-width: 767px) {
header .main{width:95%;height:auto;margin:1.5em auto;border:solid 3px #000;}
header h1{width:100%;height:0;padding-top:52.5%;background-size:cover;border:solid 3px #43e1e3;}
}

/*///////////////// nav ////////////////*/
ul.menu{background:#000;box-sizing: border-box;
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; 
}

ul.menu li{text-indent: -9999px;transition:0.5s ;}
	.menu li#m01{background:url(../img/menu1.png)  center center no-repeat;}
	.menu li#m02{background:url(../img/menu2.png)  center center no-repeat;}
	.menu li#m03{background:url(../img/menu3.png)  center center no-repeat;}

@media all and (min-width: 768px) {
ul.menu{min-width:980px;height:80px;margin:0 auto;}
	.menu li {width:300px; height:50px;box-sizing: content-box;border-right:dotted 5px #43e1e3;}
	.menu li:last-child{border:0;}
	.menu li a{display:block;width:300px; height:50px;}

	.menu li#m01:hover{background:url(../img/menu1_b.png)  center center no-repeat;}
	.menu li#m02:hover{background:url(../img/menu2_b.png)  center center no-repeat;}
	.menu li#m03:hover{background:url(../img/menu3_b.png)  center center no-repeat;}
	.top .menu li#m01{background:url(../img/menu1_b.png)  center center no-repeat;}
	.second .menu li#m02{background:url(../img/menu2_b.png)  center center no-repeat;}
}

@media all and (max-width: 767px) {
ul.menu{width:100%;height:50px;margin:0 auto;}
	.menu li {width:33%; height30px;auto;box-sizing: content-box;border-right:dotted 4px #43e1e3;}
	.menu li#m01,.menu li#m02,.menu li#m03{background-size:90%;}
	.menu li:last-child{border:0;}
	.menu li a{display:block;width:100%; height:30px;color:#fc48a3;text-decoration:none }
}

/*///////////////// container column ////////////////*/
.container{overflow:hidden;
	background-image: linear-gradient( 90deg, #d4f8f9 25%, #c6f6f7 25%, #c6f6f7 50%, #d4f8f9 50%, #d4f8f9 75%, #c6f6f7 75%, #c6f6f7 );
	background-size: 60px 60px;}
@media all and (min-width: 768px) {
.columnBox{width:940px;margin:30px auto;}
div.columnL {width:580px;float:left;}
div.columnR {width:340px;float:right;}
}
@media all and (max-width: 767px) {
div.columnL {width:95%;margin:1.5em auto;}
}

/*///////////////// column  article ////////////////*/
.columnL article{box-sizing: border-box;border-radius:30px;}
.columnL .box{overflow:hidden;border-radius:25px;}
.columnL h2{border-radius:5px;text-indent: -9999px;}
.columnL p{word-break:break-all;}
.columnL p small{font-size:70%}

@media all and (min-width: 768px) {
.columnL article{margin-bottom:30px;}
.columnL article:last-child{margin-bottom:0;}
.columnL .box{border:solid 5px #000;padding-bottom:30px;}
.columnL h2{width:500px;height:60px;margin:30px auto 20px;}
.columnL p{width:460px;margin:20px auto 0;}
}
@media all and (max-width: 767px) {
.columnL article{margin-bottom:1em}
.columnL .box{border:solid 3px #000;padding-bottom:1em;}
.columnL h2{width:90%;height:auto;margin:1em auto 1em;padding:.5em 0;}
.columnL p{width:90%;font-size:90%;margin:1em auto 0;}
}

/*///////////////// info ////////////////*/
.info .box{background-color: rgba(252,72,163,0.8); }
.info h2{border-box;border:dotted 3px #fc48a3;background:url(../img/title_info.png) center center no-repeat #000;}
.info p{color:#000;border-radius:5px;}

.info .title{text-align:center;font-weight:bold;
	text-shadow: 0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;}

.info .mov{margin:0 auto;background:#fff;border-radius:5px;}
@media all and (min-width: 768px) {
.info{border:solid 5px #fc48a3;}
.info p{width:470px;padding:10px;}
.info .title{width:480px;font-size:120%;margin:0 auto;}
.info .mov{width:480px;height:270px;padding:5px;}
}
@media all and (max-width: 767px) {
.info{border:solid 3px #fc48a3;}
.info h2{background-size:60%;}
.info p{width:88%;margin:0 auto;padding:1%;}
.info .title{font-size:90%;margin-bottom:1em;}
.info .mov {position: relative;width:90%;padding-top: 50%;height: 0;margin:0 auto;overflow: hidden;}
.info .mov iframe{position: absolute;top: 0;left:0;width: 100%;height: 100%;}
}

/*///////////////// next ////////////////*/
.next .box{background-color: rgba(67,225,227,0.8); }
.next h2{border-box;border:dotted 3px #43e1e3;background:url(../img/title_next.png) center center no-repeat #000;}
.next .date{text-align:center;font-weight:bold;
	text-shadow: 0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;}
.next .mov{margin:0 auto;background:#fff;border-radius:5px;}
.next section{margin:0 auto;border-radius:5px;text-align: center;}
.next h3{background:#000; color:#fff; }
.next h3 {display: inline-block; position: relative;vertical-align: middle;text-align: center;box-sizing: border-box;}
.next h3:before,.next h3:after{position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
.next h3:before{top: 0;left: 0;border-color: transparent transparent transparent #63e1e2;border-style: solid;}
.next h3:after{top: 0;right: 0;border-color: transparent #63e1e2 transparent transparent;border-style: solid;}

@media all and (min-width: 768px) {
.next{border:solid 5px #43e1e3;}
.next .date{width:480px;font-size:120%;margin:0 auto 20px;}
.next .date span{font-size:130%;}
.next .mov{width:480px;height:270px;padding:5px;}
.next section{width:490px;margin-top:20px;}
.next h3 {font-size: 110%;}
.next h3 {height: 40px;line-height: 40px;padding: 0 30px;}
.next h3:before{border-width: 20px 0px 20px 15px;}
.next h3:after{border-width: 20px 15px 20px 0px;}
}
@media all and (max-width: 767px) {
.next{border:solid 3px #43e1e3;}
.next h2{background-size:60%;}
.next .date{font-size:90%;margin-bottom:1em;}
.next .date span{font-size:130%;}
.next .mov {position: relative;width:90%;padding-top: 50%;height: 0;margin:0 auto;overflow: hidden;}
.next .mov iframe{position: absolute;top: 0;left:0;width: 100%;height: 100%;}

.next section{width:90%;margin-top:1em;}
.next h3{font-size:100%;}
.next h3 {height: 30px;line-height: 30px;padding: 0 30px;}
.next h3:before{border-width: 15px 0px 15px 10px;}
.next h3:after{border-width: 15px 10px 15px 0px;}
}

/*///////////////// about ////////////////*/
.about .box{background-color: rgba(252,72,163,0.8);  }
.about h2{border-box;border:dotted 3px #fc48a3;background:url(../img/title_about.png) center center no-repeat #000;}
.about .photo{margin:0 auto;background:#fff;border-radius:5px;}
.about p span{font-size:80%;color:#fff;background:#000;padding:2px 5px;}
@media all and (min-width: 768px) {
.about{border:solid 5px #fc48a3;}
.about .photo{width:480px;height:270px;padding:5px;}
.about .photo .lazy{width:480px;height:270px;}
}
@media all and (max-width: 767px) {
.about{border:solid 3px #fc48a3;}
.about h2{background-size:60%;}
.about .photo {width:88%;margin:0 auto;padding:1%;}
.about .photo .lazy{width:100%;padding-top: 56.25%;height: 0;margin:0 auto;overflow: hidden;background-size:contain ;}
}

/*///////////////// tbs free ////////////////*/
.tbsfree .box{background-color: rgba(67,225,227,0.8);  }
.tbsfree h2{border-box;border:dotted 3px #43e1e3;background:url(../img/title_free.png) center center no-repeat #000;}
.tbsfree .button{margin:0 auto;background:#fff;border-radius:5px;}
.tbsfree .button a{text-indent: -9999px;}
.tbsfree p{text-align:center;}
@media all and (min-width: 768px) {
.tbsfree{border:solid 5px #43e1e3;}
.tbsfree .button{width:480px;height:120px;padding:5px;}
.tbsfree .lazy a{display:block;width:480px;height:120px}
.tbsfree .button:hover{filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;}
}
@media all and (max-width: 767px) {
.tbsfree h2{background-size:60%;}
.tbsfree{border:solid 3px #43e1e3;}
.tbsfree .button {width:88%;margin:0 auto;padding:1%;}
.tbsfree .button .lazy{position:relative;display:block;width:100%;height:0;padding-top:25%;background-size:contain;}
.tbsfree .lazy a{display:block;position:absolute;top:0;width:100%;height:100%;}
}

/*///////////////// reading ////////////////*/
.reading .box{background-color: rgba(67,225,227,0.8); }
.reading h2{border-box;border:dotted 3px #43e1e3;background:url(../img/title_reading.png) center center no-repeat #000;}
/* shiitake prof */
.reading .prof{box-sizing: border-box;border:solid 3px #fff;border-radius:5px;
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; 
}
.reading .prof p{margin:0;}
.reading .prof .txt{color: #fff;font-weight:bold;}
.reading .prof .txt .name{display:inline-block;background:#fff;color:#43e1e3;}
/* photo */
.reading .photo{margin:0 auto;background:#fc48a3;border-radius:50%;}
.reading .photo .lazy{border-radius:50%;}
/* section box */
.reading section{margin:0 auto;background:#000;text-align: center;border-radius:5px;}
	.reading h3{background:#43e1e3;color:#000;line-height:100%;
	text-shadow: 0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;}
	.reading h3 {display: inline-block; position: relative;vertical-align: middle;text-align: center;box-sizing: border-box;}
	.reading h3:before,.reading h3:after{position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
	.reading h3:before{top: 0;left: 0;border-color: transparent transparent transparent #000;border-style: solid;}
	.reading h3:after{top: 0;right: 0;border-color: transparent #000 transparent transparent;border-style: solid;}
.reading .readingArea{border-bottom:dotted 3px #43e1e3;}
.reading .txtblock{overflow:hodden;text-align: left;color:#fff;}
.reading h4{color:#43e1e3}
.reading .point{color:#fc48a3;font-weight:bold;}

@media all and (min-width: 768px) {
.reading{border:solid 5px #43e1e3;}
/* shiitake prof */
.reading .prof {width:490px;min-height:220px; margin:0 auto; padding:0 20px;}
.reading .prof p.txt{width:310px;font-size:85%;}
.reading .prof .txt .name{padding:2px 5px;font-size:120%;margin-bottom:5px;}
.reading .pic{width:140px;height:200px;}
.reading .pic .lazy{width:140px;height:200px;}
/* photo */
.reading .photo{width:200px;height:200px;margin:20px auto;padding:5px;}
.reading .photo .lazy{width:200px;height:200px;}
/* section box */
.reading section{width:450px;margin-top:20px;padding:20px;}
	.reading h3 {font-size: 110%;}
	.reading h3 {height: 40px;line-height: 40px;padding: 0 30px;}
	.reading h3:before{border-width: 20px 0px 20px 15px;}
	.reading h3:after{border-width: 20px 15px 20px 0px;}
.reading .readingArea{padding:10px 0 30px;}
.reading .readingArea:last-child{border-bottom:0;padding-bottom:10px;}
.reading section .castblock b{font-size:140%;color:#43e1e3}
.reading section .txtblock{margin-bottom:20px;}
.reading section .txtblock:last-child{margin-bottom:0;}
.reading h4{font-size:110%;}
.reading .point{font-size:130%;}
}

@media all and (max-width: 767px) {
.reading{border:solid 3px #43e1e3;}
.reading h2{background-size:60%;}
/* shiitake prof */
.reading .prof {width:90%;margin:0 auto;padding:.5em;}
.reading .prof p.txt{font-size:80%;line-height:120%;}
.reading .prof .txt .name{padding:2px 3px;font-size:120%;margin-bottom:5px;}
.reading .pic,.reading .pic .lazy{width:88px;height:125px;}
/* photo */
.reading .photo {width:50%;margin:1em auto;padding:1%;}
.reading .photo .lazy{width:100%;padding-top:100%;height: 0;margin:0 auto;}
/* section box */
.reading section{width:85%;margin-top:1em;padding:1.5em 2.5%;}
	.reading h3{font-size:100%;}
	.reading h3 {height: 30px;line-height: 30px;padding: 0 30px;}
	.reading h3:before{border-width: 15px 0px 15px 10px;}
	.reading h3:after{border-width: 15px 10px 15px 0px;}

.reading .readingArea{padding:.5em 0 1em;}
.reading .readingArea:last-child{border-bottom:0;padding-bottom:.5em;}
.reading section .castblock b{font-size:130%;color:#43e1e3}
.reading section .txtblock{margin-bottom:20px;}
.reading section .txtblock:last-child{margin-bottom:0;}
.reading h4{width:90%;margin:0 auto;font-size:90%;}
.reading .point{font-size:100%;}
}

/*///////////////// bknm ////////////////*/
.bknm .box{background-color: rgba(252,72,163,0.8);  }
.bknm h2{border-box;border:dotted 3px #fc48a3;background:url(../img/title_bknm.png) center center no-repeat #000;}
.bknm ul{display: -webkit-flex; display: flex;-webkit-justify-content: center; justify-content: center; -webkit-align-items: center;align-items: center;flex-wrap:wrap;}
.bknm ul a{text-decoration:none; font-weight:bold;color:#fff;}
.bknm ul a:hover{ text-decoration:none; color:#fc48a3}
.bknm li{line-height:100%;}
.bknm li a{border-radius:5px;}
@media all and (min-width: 768px) {
.bknm{border:solid 5px #fc48a3;}
.bknm ul{width:510px;margin:0 auto;}
.bknm li a{display:block;width:150px;margin:0 5px 5px;padding:5px;background:#000;text-align:center;}
}
@media all and (max-width: 767px) {
.bknm{border:solid 3px #fc48a3;}
.bknm h2{background-size:60%;}
.bknm ul{width:95%;margin:0 auto;}
.bknm li{font-size:70%;width:46%;margin:0 1% .5em;}
.bknm li a{display:block;width:100%;height:100%;padding:.5em 0;background:#000;text-align:center;}
}

/*///////////////// 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;}

/*///////////////// aside ////////////////*/
aside{text-align:center;}
@media all and (min-width: 768px) {
aside .box{overflow:hidden;border-radius:25px;}
aside .box{border:solid 5px #000;}
}
@media all and (max-width: 767px) {
aside {background-color: #43e1e3;
background-image: radial-gradient(#000 10%, transparent 20%), radial-gradient(#000 10%, transparent 20%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;}
}
/* banner */
@media all and (min-width: 768px) {
#bnBox{box-sizing: border-box; border-radius:30px;}
#bnBox .box{background-color: rgba(252,72,163,0.8); }
#bnBox .box{height:270px;padding-top:15px;}
#bnBox{border:solid 5px #fc48a3;margin-bottom:30px;}
}
@media all and (max-width: 767px) {
#bnBox{overflow:hidden;}
#bnBox .box{display:block;width:300px;height:250px;margin:1.5em auto 1em;}
}
/* twitter timeline */
#twBox .box .tl_area{width:300px;background:#000;border-radius:10px;}
@media all and (min-width: 768px) {
#twBox{box-sizing: border-box; border-radius:30px;}
#twBox .box{background-color: rgba(67,225,227,0.8); }
#twBox{border:solid 5px #43e1e3;}
#twBox .box .tl_area{margin:15px auto;padding-bottom:20px;}
}
@media all and (max-width: 767px) {
#twBox{overflow:hidden;}
#twBox .box{display:block;width:300px;margin:0 auto 1em;}
#twBox .box .tl_area{padding-bottom:20px;}
}
/* sns */
.social {margin:0 auto;text-align:center;}
.social .tw{display:inline-block;height:20px;}
.social .fb{display:inline-block;height:20px;}
@media all and (min-width: 768px) {
.social{margin:20px auto 15px;}
}
@media all and (max-width: 767px) {
.social{margin:0 auto;padding-bottom:1.5em;}
}


/*///////////////// footer ////////////////*/
footer .bottom{text-align:center;line-height:100%;color:#fff;}
footer .bottom a{ text-decoration:none;color:#fff;}
footer .bottom small{font-size:70%;font-weight:bold;}

@media all and (min-width: 768px) {
#page-top {text-indent: -9999px;position:fixed;bottom:0;right:20px;width:145px;height:310px;background:url(../img/pagetop.png) no-repeat;}
#page-top a{display:block;width:180px;height:250px;}
footer {display:block;overflow:hidden;height:90px;
background-color: #43e1e3;
background-image: radial-gradient(#000 10%, transparent 20%), radial-gradient(#000 10%, transparent 20%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;}

footer .bottom{margin:35px auto;}
footer .bottom small{padding:5px 10px;background:#43e1e3;border-radius:5px;}

}

@media all and (max-width: 767px) {
#page-top  {position:fixed;bottom:0;width:100%;text-align:center;font-weight:bold;font-size:90%;background:#000;}
#page-top  a{text-decoration:none;color:#fff;display:block;text-decoration:none;line-height:50px;height:50px}
footer {text-align:center;padding-bottom:55px;background:#43e1e3;}
footer .bottom{padding:1em;}
}