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:"";cdisplay: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
============================== */
#con-body main a{text-decoration:none;color:#0058d1;}
#con-body main a:hover{text-decoration:none;color:#666;}
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.cRed, .err { color:#c23b25;}
.cGrn { color:#2cbd16;}
.cBlu { color:#0058d1;}
.cOrg { color:#ff8000;}
.cYel { color:#fff832;}
/*text*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}

body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
html, body, div#con-body {color:#000;background:url(../img/bg.png) center top no-repeat #eaf4ff;}
.container{letter-spacing:0.05em;}

@media all and (min-width: 768px) {
html, body, div#con-body {background-attachment:fixed;}
}




/* column */
@media all and (min-width: 768px) {
main{margin-bottom:15px;}
.columnBox{width:910px;margin:30px auto;}
div.columnL {width:580px;float:left; }
div.columnR {width:300px;float:right}
.pBox{width:570px;margin:0 auto 30px;overflow:hidden;}
.pBox p{line-height:200%;}
}
@media all and (max-width: 767px) {
article{padding:0.5em; }
article:first-child{padding-top:1em; }
.columnBox{max-width:767px;}
div.columnL {width:100%;margin:0 auto;}
div.columnR {width:100%;margin:0 auto;}
.pBox{overflow:hidden;}
.pBox p{width:90%;margin:0 auto;font-size:80%;line-height:200%;}
}

/* main */
@media all and (min-width: 768px) {
.top header{margin:20px auto;width:910px;height:440px;background:url(../img/main.jpg?new2018) center bottom no-repeat;}
.top .h1Box{width:910px;height:440px;}
}
@media all and (max-width: 767px) {
.top .h1Box{position:relative;padding-top:49%;height:0;background:url(../img/main.jpg?new2018) center top no-repeat;background-size: contain;}
.top .h1Box img{position:absolute;top:0;}
}

/* nav */
@media all and (min-width: 768px) {
.menu{margin:20px auto;width:100%;height:90px;background:url(../img/menu_bg.png) }
 ul.navi{clear:both; width:900px;height:90px;margin:0 auto;}
 ul.navi li{list-style:none;text-indent: -9999px;height:90px;padding:0px;float:left;}
 ul.navi a{display: block;width:225px;height:90px;}
 ul.navi a:hover{filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;text-decoration:none;}
    #menu01 a{ background:url(../img/menu.png?) no-repeat 0 0;}
    #menu02 a{ background:url(../img/menu.png?) no-repeat -225px 0;}
    #menu03 a{ background:url(../img/menu.png?) no-repeat -450px 0;}
    #menu04 a{ background:url(../img/menu.png?) no-repeat -675px 0;}
}
@media all and (max-width: 767px) {
.menu{margin:0.5em 0 0;width:100%;height:auto;background:#fff; }
 ul.navi{clear:both; width:100%;margin:0 auto;text-align:center;letter-spacing:-0.5em;}
 ul.navi li{display: inline-block; list-style:none;text-indent: -9999px;width:25%;height:45px;}
 ul.navi a{display:block; padding:0;}
 ul.navi a:hover{filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;text-decoration:none;}
    #menu01 a{width:100%;height:45px;background:url(../img/menu_smp01.png) center center no-repeat;background-size: contain;}
    #menu02 a{width:100%;height:45px;background:url(../img/menu_smp02.png) center center no-repeat;background-size: contain;}
    #menu03 a{width:100%;height:45px;background:url(../img/menu_smp03.png) center center no-repeat;background-size: contain;}
    #menu04 a{width:100%;height:45px;background:url(../img/menu_smp04.png) center center no-repeat;background-size: contain;}
}

/* title */
#about h2{background:url(../img/title_about.png) center top no-repeat ;background-size: contain;}
#narration h2{background:url(../img/title_narraton.png) center top no-repeat ;background-size: contain;}
#athlete h2{background:url(../img/title_athlete.png) center top no-repeat ;background-size: contain;}
#mov h2{background:url(../img/title_mov.png) center top no-repeat ;background-size: contain;}

@media all and (min-width: 768px) {
div.columnL h2{position:relative;width:570px;height:54px;text-indent: -9999px;margin:0 auto 20px;}
div.columnL h2:before{
	content:''; height:0; width:0; display:block; border:20px transparent solid; border-right-width:0; border-left-color:#0058d1; 
	position:absolute; bottom:-20px; left:16px;
	transform:rotate(-270deg);-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-o-transform:rotate(-270deg);-ms-transform:rotate(-270deg);}
}
@media all and (max-width: 767px) {
div.columnL h2{width:100%;padding-top:9.4%;height: 0;text-indent: -9999px;margin-bottom:1em;}
}

/* narration */
#narration .cast{color:#0058d1;font-weight:bold;}
  .narration_ph{display:block;width:184px;height:263px;background:url(../img/narration.jpg);border:solid 3px #0058d1;}
  .narration_ph img{display: inline-block;width:174px;height:253px;border: 5px solid rgba(255,255,255,0.5);}
@media all and (min-width: 768px) {
#narration .cast{font-size:120%;}
  .narration_ph{float:right;margin:0 0 0 20px;}
  .comment{width:340px;margin-top:20px;padding:10px;background:#f7fbff;}
}
@media all and (max-width: 767px) {
#narration .cast{font-size:110%;}
  .narration_ph{margin:1em auto;}
  .comment{margin-top:2em;padding:1em;background:#f7fbff;}
}

/* athlete */
#athlete .date{color:#0058d1;font-weight:bold;}
#athlete .cast{color:#000;font-weight:bold;}
#athlete .photo{display:block;border:solid 3px #0058d1;}
#athlete .photo img{display: inline-block;border: 5px solid rgba(255,255,255,0.5);}

@media all and (min-width: 768px) {
#athlete .date{font-size:120%;}
#athlete .cast{font-size:120%;}
#athlete p span{display:block;}
#athlete .txt{margin:10px auto 20px;}
#athlete .photo{width:474px;height:264px;margin:0 auto 20px;}
#athlete .photo img{width:464px;height:254px;}

}
@media all and (max-width: 767px) {
#athlete .date{font-size:110%;}
#athlete .cast{font-size:110%;}
#athlete p span{display:block;}
#athlete .txt{margin:0.5em auto 1em;}
#athlete .photo{width:264px;height:146px;margin:1em auto;}
#athlete .photo img{width:254px;height:136px;}
}

/* mov */
#mov .player-outer {border:solid 1px #0058d1;background:#0058d1; position: relative;}


/* 2018.1.29 */
#mov .player-outer .tbs-player, .player-outer video, .player-outer object, #mov .player-outer p {height: 100%;position: absolute;left: 0;top: 0;width:100%; }


#mov .bn-pics li{vertical-align:top;overflow:hidden;background:url(../img/menu_bg.png);}
#mov .bn-pics li a{text-decoration:none;}
#mov .bn-pics li a:hover{text-decoration:none;}
#mov .lazy {position:relative;background:center top no-repeat #bcdcff;background-size: cover;}
#mov .lazy img{position:absolute;top:0 left:0;}

@media all and (min-width: 768px) {
#mov .player-outer {width:540px;height: 0;	padding-top: 58%;margin:0 auto;}
#mov .player-outer {margin-bottom:10px;}
#mov .bn-pics {margin:0 auto;width:560px;}
#mov .bn-pics li{float:left;width:110px;min-height:160px;margin:10px;font-size:80%;line-height:140%;padding:5px;}
#mov .bn-pics li .video{display:block;width:110px;height:62px;}
#mov .bn-pics li a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
}

@media all and (max-width: 767px) {
#mov .player-outer {width:98%;height: 0;padding-top: 55%;margin:0 auto;}
#mov .player-outer {margin-bottom:0.5em;}
#mov .bn-pics {margin:0 auto;width:100%;}
#mov .bn-pics li{float:left;width:23%;min-height:130px;margin:0.5% 0.5% 1em;font-size:60%;line-height:140%;padding:0.5%;}
#mov .bn-pics li .video{display:block;width:100%;padding-top:55.5%;height:0;}



/* 2018.1.29 */
#mov .bn-pics li:nth-child(4n-3) {clear:both;}



}

/* js-load */
    .js-load{display:none}
    .js-load.active{display:block}
    .is_comp.js-load:after{display:none}
    .btn-wrap{text-align:center;font-weight:bold;clear:both;line-height:100%;}
    #js-btn-wrap a{display:block;background:#bcdcff;color:#fff;padding:10px 0 5px;margin:10px auto 0;}
    #js-btn-wrap a:hover{background:#fff;}
@media all and (min-width: 768px) {
   #js-btn-wrap a{width:540px;}
}
@media all and (max-width: 767px) {
    .btn-wrap{font-size:80%;}
}



/* right */
.snsBox{display:block;width:300px; height:680px;  background:#0058d1;}
.twBox{width:290px;margin:0 auto;background:#fff;}
.bt_link a{display:block;width:300px; height:60px;background:url(../img/twbox.png) no-repeat;}
#rightBox div.con-rig{padding-bottom:10px;}
@media all and (min-width: 768px) {
.banner{margin:0;}
.snsBox{margin:30px 0;}
.sns{width:300px;}
.tw{float:left;margin-right:20px;}
.fb{float:left;}
.bt_link a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;text-decoration:none; } 
}
@media all and (max-width: 767px) {
aside{background:#fff;margin:0; padding:0;overflow:hidden;}
#rightBox{width:300px;height:100%;margin:0 auto;}
.banner{margin:1.5em 0 0.5em}
.snsBox{margin:1em 0;}
.sns{margin:1em auto;width:300px;}
.tw{float:left;width:70px;margin-left:50px;}
.fb{float:right;width:70px;margin-right:50px;}
}
/* footer */
footer p.bottom{padding:2em;text-align:center;}
footer p.bottom a{text-decoration:none;color:#0058d1;}
footer p.bottom a:hover{text-decoration:none;color:#ccc;}

@media all and (min-width: 768px) {
footer .bottom{background:url(../img/menu_bg.png) #eaf4ff;}
#page_top a{text-indent: -9999px;position:fixed;bottom:30px;right:20px;width:140px;height:140px;background:url(../img/pagetop.png) }
#page_top a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
footer .bottom{font-size:90%;}
}
@media all and (max-width: 767px) {
footer .bottom{background:#eaf4ff;}
#page_top  {text-align:center;font-weight:bold;}
#page_top  a{text-decoration:none;color:#fff;display:block;text-decoration:none;background:#0058d1;line-height:49px;height:49px}
#page_top  a:hover{text-decoration:none;color:#eee;}
footer .bottom{font-size:70%;line-height:200%;}
}




/* photo */                                                                                     
#athlete .ph20190919-1{background:url(../img/photo/ph20190919-1.jpg) center top no-repeat;background-size: cover;}
#athlete .ph20190919-2{background:url(../img/photo/ph20190919-2.jpg) center top no-repeat;background-size: cover;}