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 {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
============================== */
a{text-decoration:underline;color:#ea1c9d;}
a:hover{text-decoration:underline;color:#333}
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.cRed, .err { color:#cc0000;}
.cBlu { color:#0c74ff;}
/*text-align*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}

/* body */
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
html, body, div#con-body {color:#333;background:url(../img/bg.png) center top #ea1c9d;letter-spacing:0.05em;}
@media all and (min-width: 768px) {#con-body {min-width:980px;}}

/* header */
@media all and (min-width: 768px) {
header{margin:30px 0 20px;}
.h1Box{width:960px;height:300px;background:url(../img/main2018.png) center top no-repeat ;margin:0 auto;}
}
@media all and (max-width: 767px) {
header{margin:0.5em 0;}
.h1Box{position:relative; width:95%;padding-top:30%;height:0;background:url(../img/main2018.png) center center no-repeat;background-size: contain; margin:0 auto;}
.h1Box img{position:absolute;top:0;}
}

/* nav */
@media all and (min-width: 768px) {
#con-body nav{margin:0 auto 20px;height:100px;}
#con-body nav ul{clear:both; width:960px;height:100px;margin:0 auto;text-align:center;letter-spacing:-0.5em;}
#con-body nav ul li{display: inline-block; width:250px;height:100px; margin:0 30px;list-style:none; text-indent: -9999px; }
#con-body nav ul a{display: block;width:250px;height:100px;transition: 1.0s;}
    #menu01 { background:url(../img/menu.png) 0 0 no-repeat;}
    #menu02 { background:url(../img/menu.png) -250px 0 no-repeat;}
    #menu03 { background:url(../img/menu.png) -500px 0 no-repeat;}
.top #menu01, #menu01:hover{background:url(../img/menu.png) 0 -100px;}
.acv #menu02, #menu02:hover{background:url(../img/menu.png) -250px -100px;}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
  100% { -webkit-transform: translateY(-8px); transform: translateY(-8px);}}
@keyframes hvr-bob {
  0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
  50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}}
@-webkit-keyframes hvr-bob-float {
  100% { -webkit-transform: translateY(-8px);transform: translateY(-8px);}}
@keyframes hvr-bob-float {
  100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}}
.hvr-bob {display: inline-block;vertical-align: middle;
  -webkit-transform: translateZ(0);transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;}
/* Bob-end */
}
@media all and (max-width: 767px) {
#con-body nav{margin:0 auto 0.5em;height:40px;}
#con-body nav ul{clear:both; width:100%;height:40px;margin:0 auto;text-align:center;letter-spacing:-0.5em;}
#con-body nav ul li{display: inline-block; width:100px;height:40px; margin:0 0.5em;list-style:none; text-indent: -9999px; }
#con-body nav ul a{display: block;width:100px;height:40px;transition: 1.0s;}
    #menu01 { background:url(../img/menu.png) 0 0 no-repeat;background-size:300%}
    #menu02 { background:url(../img/menu.png) -100px 0 no-repeat;background-size:300%}
    #menu03 { background:url(../img/menu.png) -200px 0 no-repeat;background-size:300%}
}
@media all and (max-width: 320px) {
#con-body nav ul li{margin:0;}
}


/* column&box */
	.item{background:#fff;overflow:hidden;}
	.item section{margin:0 auto;}
@media all and (min-width: 768px) {
#con-body {min-width:980px;}
.columnBox{width:960px;margin:0 auto;}
.columnL {width:640px;float:left; }
.columnR {width:300px;float:right}
.columnL article{margin-bottom:40px;}
.columnL article:last-child{margin-bottom:0;}
	.pbox{width:500px;margin:0 auto;line-height:200%;}
	.item{border-radius:30px;padding:30px 0;}
	.item section{width:500px;}
}
@media all and (max-width: 767px) {
.columnBox{max-width:767px;}
.columnL {width:95%;margin:0 auto;}
.columnR {width:95%;margin:0 auto;}
.columnL article{margin-bottom:0.5em;}
	.pbox{margin:0 auto;font-size:80%;line-height:200%;}
	.item{border-radius:15px;padding:1em 0;}
	.item section{width:90%;}
}

/* title h2 */
.onair h2{background:url(../img/title/onair.png) center top no-repeat;}
.about h2{background:url(../img/title/about.png) center top no-repeat;}
.archive h2{background:url(../img/title/archive.png) center top no-repeat;}
@media all and (min-width: 768px) {
.item h2{height:50px;}
}
@media all and (max-width: 767px) {
.item h2{height:30px;background-size:contain;}
}
/* onair */
.onair .date{color:#ea1c9d;line-height:100%;text-align:center;font-weight:bold;}
.onair h3,.onair .name{text-align:center;line-height:100%;}
.onair h3{color:#fff;}
.onair .presenter h3{background:#ea1c9d;}
.onair .witness h3{background:#b302bd;}
.onair .name{font-weight:bold;color:#ea1c9d;}
.onair .presenter .name{color:#ea1c9d;}
.onair .witness .name{color:#b302bd}
@media all and (min-width: 768px) {
.onair .presenter h3, .onair .witness h3, .onair .name{padding:10px 0;}
.onair section{margin-top:10px;}
.onair .date{font-size:140%;margin-bottom:10px;}
.onair .name{font-size:130%;}
.onair .photo{display:block;width:480px;height:320px;margin:10px auto 20px;}
.onair .mov {width:480px;margin:10px auto 20px;}
}
@media all and (max-width: 767px) {
.onair .presenter h3, .onair .witness h3, .onair .name{padding:0.5em 0;font-size:90%;}
.onair section{margin-top:0.5em;}
.onair .date{font-size:100%;margin-bottom:0.5em;}
.onair .photo{display:block;width:100%;padding-top:66.65%;height:0;margin:0.5em auto 0;}
.onair .mov {position: relative;width:90%;padding-top: 51%;height: 0;margin:0 auto;overflow: hidden;}
.onair .mov iframe{position: absolute;top: 0;left:0;width: 100%;height: 100%;}
}

/* about */
.about h3{color:#ea1c9d;line-height:140%;text-align:center;font-weight:bold;}
.about .tCenter .name{display:block;}
.about .tCenter .name:last-child{margin-bottom:0;}
.cPnk{background:#fff000;color:#ea1c9d;padding:5px 10px;font-size:90%;line-height:100%;}
@media all and (min-width: 768px) {
.about section{margin-top:10px;}
.about h3{font-size:120%;margin-bottom:10px;}
.about .photo{display:block;width:480px;height:320px;margin:20px auto;}
.about .tCenter .name{margin-bottom:10px;}
}
@media all and (max-width: 767px) {
.about h3{font-size:85%;margin-bottom:0.5em;}
.about section{margin-top:0.5em;}
.about .photo{display:block;width:100%;padding-top:66.65%;height:0;margin:0.5em auto;}
.about .tCenter .name{margin-bottom:0.5em;}
}

/* archive */
.archive .main_acv{box-sizing:border-box;}
.archive .mk{display:block;color:#ea1c9d;font-size:130%;line-height:160%;font-weight:bold;text-align:center;}
.archive .mk small{display:block;line-height:140%;font-size:70%;}
.archive h3{background:#ea1c9d;color:#fff;line-height:140%;text-align:center;font-weight:bold;}
.archive h4{background:#fff000;color:#ea1c9d;line-height:140%;text-align:center;font-weight:bold;}
.archive .voice h4{background:#fff000;color:#ea1c9d;}
.archive .presenter h4{background:#ea1c9d;color:#fff;}
.archive .witness h4{background:#b302bd;color:#fff;}
.archive .voice .name{color:#333;}
.archive .presenter .name{color:#ea1c9d;}
.archive .witness .name{color:#b302bd}
.archive .name{text-align:center;line-height:100%;font-weight:bold;}
.archive .voice .txt{display:block;font-weight:bold;padding:5px 10px;}

@media all and (min-width: 768px) {
.archive .main_acv{width:540px;margin:20px auto;padding:5px 0 10px;border:solid 5px #ea1c9d;}
.archive .photo{display:inline-block;width:175px;height:88px;margin:0 auto;}
.archive .photoB{display:block;width:480px;height:320px;margin:10px auto 20px;}
.archive section{margin-top:10px;}
.archive h3{font-size:140%;margin-bottom:10px;}
.archive h3{padding:10px 0;}
.archive h4, .archive .name{font-size:110%;margin-bottom:10px;}
.archive h4, .archive .name{padding:5px 0;}

.archive .bknm {width:540px;margin:0 auto;}
.archive .bknm h3{width:540px;margin:0 auto 5px;}
.archive .bknm ul{letter-spacing:-0.5em;text-align:left;}
.archive .bknm li{display:inline-block;width:175px;vertical-align:top;letter-spacing:0.1em;margin:5px 7px 5px 0;background:#fff000;}
.archive .bknm li:nth-child(3n){margin-right:0;}
.archive .bknm li a{display:block;color:#ea1c9d;text-decoration:none;}
.archive .bknm li a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} 
.archive .bknm li span{display:block;font-weight:bold;font-size:80%;}
.archive .bknm li span:first-child{padding:5px;text-align:center;}
}

@media all and (max-width: 767px) {
.archive .main_acv{width:90%;margin:1em auto;padding:0.5em 0 1em;border:solid 3px #ea1c9d;}
.archive h3{font-size:85%;margin-bottom:0.5em;}
.archive h4,.archive .name{font-size:80%;margin-bottom:0.5em;}
.archive section{margin-top:0.5em;}
.archive .mk{margin-top:0.5em;}
.archive .photo{display:block;width:100%;padding-top:46.5%;height:0;margin:0 auto;vertical-align:top;}
.archive .photoB{display:block;width:100%;padding-top:66.65%;height:0;margin:0.5em auto 0;}
.archive h3{padding:.5em 0;}
.archive h4, .archive .name{padding:.2em 0;}

.archive .bknm {width:90%;margin:0 auto;}
.archive .bknm h3{margin-bottom:0;}
.archive .bknm ul{letter-spacing:-0.5em;text-align:left;}
.archive .bknm li{display:inline-block;width:32%;vertical-align:top;letter-spacing:0.1em;margin:0.5em 2% 0 0;background:#fff000;}
.archive .bknm li:nth-child(3n){margin-right:0;}
.archive .bknm li a{display:block;color:#ea1c9d;text-decoration:none;}
.archive .bknm li span{display:block;font-weight:bold;font-size:70%;}
.archive .bknm li span:first-child{padding:0.5em;text-align:center;}
}


/* waku */
.att{border:solid 1px #ea1c9d;}
@media all and (min-width: 768px) {
.att{width:470px;padding:5px 10px;margin:10px auto;}
}
@media all and (max-width: 767px) {
.att{padding:.5em;margin:1em auto;}
}


/*///----- LAZY -----///*/
.lazy {position:relative;display:block;background:center top no-repeat #ea1c9d;background-size:cover;margin:0 auto;}
.lazy img{position:absolute;top:0;left:0;}

/* right */
.banner{display:block;width:300px; height:250px;background:#ccc;}
.igbt{display:block;width:300px; height:80px; background:url(../img/banner.png?) 0 -160px no-repeat;}
.twbt{display:block;width:300px; height:80px; background:url(../img/banner.png?) 0 -80px no-repeat;}
.fbbt{display:block;width:300px; height:80px; background:url(../img/banner.png?) 0 0 no-repeat;}
.bt_link a{display:block;width:300px; height:80px;}
.bt_link a:hover{background:#fff;filter:alpha(opacity=20); -moz-opacity:0.20; opacity:0.20;} 
.twbox{min-height:320px;background:#fff;}
@media all and (min-width: 768px) {
.bt_link {margin-top:15px;}
.sns{width:300px;margin-top:15px;}
.tw{float:left;margin-right:20px;}
.fb{float:left;}
}
@media all and (max-width: 767px) {
aside{margin:0; padding:1em 0;overflow:hidden; background:#fff;border-radius:15px;}
#rightBox{width:300px;height:100%;margin:0 auto;}
.banner{margin:0 auto 0.5em;}
.bt_link{margin-top:0.5em;}
.twbox{border:solid 1px #1da1f2;border-top:none; box-sizing:border-box;}
.sns{margin:0.5em auto 0;width:300px;}
.tw{float:left;width:70px;margin-left:50px;}
.fb{float:right;width:70px;margin-right:50px;}
}

/* footer */
footer a{text-decoration:none;color:#fff;}
footer a:hover{text-decoration:none;color:#ccc;}
footer .bottom small{display:block;text-align:center;font-weight:bold;color:#fff;}

#page_top {text-indent: -9999px;margin:0 auto;}
@media all and (min-width: 768px) {
#page_top {position:fixed;bottom:0;right:20px;width:150px; height:289px;background: url(../img/pagetop.png);}
#page_top a{display:block;width:150px; height:289px;}
footer .bottom small{padding:30px 0;font-size:85%;}
}
@media all and (max-width: 767px) {
#page_top {margin-top:1em;}
#page_top  a{display:block;width:100%; height:150px;background: url(../img/pagetop.png) center top no-repeat;background-size:contain;}
#page_top  a:hover{text-decoration:none;color:#eee;}
footer .bottom small{font-size:70%;line-height:160%;padding:1em;}
}