/* reset
============================== */
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;}
wbr:after {content:"\00200B";}
/* 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;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: 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;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}
/* text */
a:link {
text-decoration:none;
color:#f066a8;
}
a:visited {
text-decoration:none;
color:#f066a8;
}
a:active {
text-decoration:underline;
color:#f066a8;
}
a:hover {
text-decoration:underline;
color:#f066a8;
}
/* background
============================== */
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}
html, body, div#con-body {color:#030303;background: linear-gradient(#fbcadc, #ca034e ) fixed;}
.container{letter-spacing:0.05em;}
.clearfloat{clear:both;}
.small{font-size:75%;margin-right:10px;}
.caution{font-size:75%;color:#f066a8;}
/*header and navi
============================== */
@media all and (min-width: 768px) {
header.main {margin-bottom:0px;}
header.main ul#menu {list-style-type:none;padding:0px;margin:0px;display:block;height:80px;text-indent:-9999px;}
header.main ul#menu li {float:left;height:80px;padding-bottom:5px;padding:0px;background:url(../img/navi.jpg) no-repeat;}
header.main ul#menu a {display:block;height:80px;}
header.main ul#menu li#top {width:196px;background-position:0 0;}
header.main ul#menu li#top a {width:196px;background-position:0 0;}
header.main ul#menu li#top a:hover {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:0px -80px;}
header.main ul#menu li#top a.stay {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:0px -80px;}
header.main ul#menu li#about {width:196px;background-position:-196px 0;}
header.main ul#menu li#about a {width:196px;background-position:-196px 0;}
header.main ul#menu li#about a:hover {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:-196px -80px;}
header.main ul#menu li#about a.stay {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:-196px -80px;}
header.main ul#menu li#runner {width:196px;background-position:-392px 0;}
header.main ul#menu li#runner a {width:196px;background-position:-392px 0;}
header.main ul#menu li#runner a:hover {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:-392px -80px;}
header.main ul#menu li#runner a.stay {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:-392px -80px;}
header.main ul#menu li#navigator {width:196px;background-position:-588px 0;}
header.main ul#menu li#navigator a {width:196px;background-position:-588px 0;}
header.main ul#menu li#navigator a:hover {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:-588px -80px;}
header.main ul#menu li#navigator a.stay {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:-588px -80px;}
header.main ul#menu li#course {width:196px;background-position:-784px 0;}
header.main ul#menu li#course a {width:196px;background-position:-784px 0;}
header.main ul#menu li#course a:hover {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:-784px -80px;}
header.main ul#menu li#course a.stay {width:196px;background:url(../img/navi.jpg) no-repeat;background-position:-784px -80px;}
}
@media all and (max-width: 767px) {
header.main h1 {position:relative;height:0;padding-top:56%;}
header.main h1 a {background-size:cover;position: absolute;left:0;top:0; width:100%;height:100%;}
div.accordion-box {background-color:#030303;}
div.accordion-box h2 {
cursor: pointer;
background-image:-moz-linear-gradient(#fff 0%, transparent 100%);
background-image:-webkit-gradient(linear, left top, left bottom, from(#f9eb02), to(#f99302));
background-image:-ms-linear-gradient(#fff 0%, transparent 100%);
background-image:linear-gradient(#f9eb02 0%, #f99302 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9eb02', endColorstr='#f993023', GradientType=1 ); /* IE9 */
}
div.accordion-box h2 span {
display:block;
background-image:url(../img/ico_accordion.svg);
background-position:right top;
background-repeat:no-repeat;
font-size:87.5%;
line-height:45px;
height:45px;
color:#ffffff;
}
div.accordion-box h2 span,
div.accordion-box ul li a {
padding:0 15px;
}
div.accordion-box ul {
list-style-type:none;
}
div.accordion-box ul li {
border-bottom:1px solid #fff;
}
div.accordion-box ul li:last-child {
border-bottom:none;
}
div.accordion-box ul li a {
display:block;
background-image:url(../img/ico_accordion.svg);
background-repeat:no-repeat;
background-position:right center;
text-decoration:none;
line-height:41px;
height:41px;
font-size:83%;
color:#ffffff;
}
div.accordion-box .hidebox {
display:block;
border-top:2px dotted #fff;
}
}
@media all and (min-width: 768px) {
header.main h1 {
background-image:url(../img/main-L.jpg);
height:600px;
margin-bottom:5px;
}
}
@media all and (max-width: 767px) {
header.main h1 {position:relative; height:0; padding-top:56%;text-indent:-9999px;}
header.main h1 a {position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/main-s.jpg); background-size:cover;}
}
h2.title-highlight{height:57px;margin-top:5px;background-image:url(../img/title.jpg);background-position:0 0px;text-indent:-9999px;}
h2.title-about{height:57px;margin-top:5px;background-image:url(../img/title.jpg);background-position:0 -57px;text-indent:-9999px;}
h2.title-runner{height:57px;margin-top:5px;background-image:url(../img/title.jpg);background-position:0 -114px;text-indent:-9999px;}
h2.title-navigator{height:57px;margin-top:5px;background-image:url(../img/title.jpg);background-position:0 -172px;text-indent:-9999px;}
h2.title-course{height:57px;margin-top:5px;background-image:url(../img/title.jpg);background-position:0 -227px;text-indent:-9999px;}
h2.title-blog{height:57px;margin-top:5px;background-image:url(../img/title.jpg);background-position:0 -284px;text-indent:-9999px;}
h2.title-support{height:57px;margin-top:5px;background-image:url(../img/title.jpg);background-position:0 -342px;text-indent:-9999px;}
h2.title-rin{height:57px;margin-top:5px;background-image:url(../img/title.jpg);background-position:0 -399px;text-indent:-9999px;}
h3.blog{padding:5px;margin-bottom:10px;font-size:150%;background:#e25c7e; color: #ffffff;
font-weight: bold;
text-shadow: 2px 2px 1px #030303;}
h3.support{padding:5px;margin-bottom:10px;font-size:150%;background:#23b2ef; color: #ffffff;font-weight: bold;text-shadow: 2px 2px 1px #030303;}
h3.rin{padding:5px;margin-bottom:10px;font-size:150%;background:#da9aff; color: #ffffff;font-weight: bold;text-shadow: 2px 2px 1px #030303;}
.trainer-menu{border-top:1px dotted #030303;border-bottom:1px dotted #030303;font-size:85%; line-height:2.0em; margin-bottom:10px;}
#support-bkmenu,#rin-bkmenu,#bkmenu ul {width:300;}
#support-bkmenu,#rin-bkmenu,#bkmenu li a strong { display:block; color:#fff;margin-bottom:0px;}
#support-bkmenu li { line-height:1.4em; border-bottom:1px dotted #23b2ef; padding-bottom:3px; margin-bottom:3px;}
#support-bkmenu li a{color:#23b2ef;text-decoration:none;}
#support-bkmenu li a:hover{color:#23b2ef;}
#rin-bkmenu li { line-height:1.4em; border-bottom:1px dotted #da9aff; padding-bottom:3px; margin-bottom:3px;}
#rin-bkmenu li a{color:#da9aff;text-decoration:none;}
#rin-bkmenu li a:hover{color:#da9aff;}
#bkmenu li { line-height:1.4em; border-bottom:1px dotted #f066a8; padding-bottom:3px; margin-bottom:3px;}
#bkmenu li a{color:#f066a8;text-decoration:none;}
#bkmenu li a:hover{color:#f066a8;}
.bk {height:20px;margin-top:15px;background-image:url(../img/backnumber.jpg);text-indent:-9999px;}
/* narration */
.cast{color:#23b2ef;
text-shadow:
-1px -1px #ffffff,
1px -1px #ffffff,
-1px 1px #ffffff,
1px 1px #ffffff;font-weight:bold;}
.navigator_ph {display:block;width:260px;height:360px;background:url(../img/navigator.jpg);}
.runner_ph1 {display:block;width:200px;height:270px;background:url(../img/img-01.jpg);}
.runner_ph0 {display:block;width:200px;height:150px;background:url(../img/img-02.jpg);}
.runner_ph2 {display:block;width:150px;height:150px;background:url(../img/runner02.jpg);}
.runner_ph3 {display:block;width:150px;height:150px;background:url(../img/runner03.jpg);}
.big {font-size:150%;line-height:2.0em;color:#f066a8;text-align:center; margin-bottom:0.5em;}
.b-red{font-size:130%;
line-height:2.0em;
color:#f066a8;
margin-bottom:0.5em;
font-weight: bold;
}
@media all and (min-width: 768px) {
.cast{font-size:130%;}
.navigator_ph,.runner_ph1, .runner_ph2, .runner_ph3, .runner_ph4{float:left;margin:0 10px 0 0px;}
.runner_ph0{float:right;margin:0 10px 0 0px;}
.comment{width:340px;margin-top:20px;padding:10px;}
}
@media all and (max-width: 767px) {
.cast{font-size:120%;}
.navigator_ph, .runner_ph0, .runner_ph1, .runner_ph2, .runner_ph3, .runner_ph4{margin:1em auto;}
.comment{margin-top:2em;padding:1em;}
}
/* column
============================== */
@media all and (min-width: 768px) {div.cover {width:980px;margin:0 auto;}div.column-l {width:678px;float:left;}div.column-r {width:300px;float:right;}}
/* articles
============================== */
div.column-l article.unit {
display:block;
background-color:#fff;
line-height:1.5;
padding:0;
}
article.unit section.unit, article.unit div.unit {
padding-bottom:15px;
border-bottom:2px solid #ccc;
margin-bottom:15px;
}
article.unit section.unit:last-child, article.unit div.unit:last-child {
padding-bottom:0;
border-bottom:none;
margin-bottom:0;
}
article.unit section.unit h3 {
border-left:8px solid #f066a8;
font-size:110%;
line-height:1.25;
color:#f066a8;
padding:4px 14px 4px 8px;
margin-bottom:0.5em;
}
article.unit section.unit p.txt, article.unit div.unit p.txt {font-size:110%;line-height:2.3em;padding:8px;}
article.unit section.unit p.txt:last-child, article.unit div.unit p.txt:last-child {margin-bottom:0;}
p.support-txt {font-size:110%;line-height:2.3em;padding:8px;}
p.rin-txt {font-size:110%;line-height:2.3em;padding:8px;}
@media all and (min-width: 768px) {div.column-l article.unit {margin-bottom:2px;}
div.column-l article.unit h2 {margin-bottom:15px;}
div.column-l article.unit div.inner {padding:0 15px 80px;background: #ffffff url(../img/bg05.jpg) no-repeat scroll right bottom;}
div.column-l article.pickup ul li:last-child {margin-right:0;}
div.column-l article.pickup ul li a {width:168px;height:95px;}}
@media all and (max-width: 767px) {div.column-l article.unit h2 {margin-bottom:10px;}
div.column-l article.unit div.inner {padding:0 10px 10px;}}
/* rectangle
============================== */
div.column-r div.recta {width:300px;height:250px;overflow:hidden;}
@media all and (min-width: 768px) {div.column-r div.recta {margin-bottom:2px;}}
@media all and (max-width: 767px) {div.column-r {padding-top:5px;}
div.column-r div.recta {margin:0 auto 10px;}}
/* side banners
============================== */
div.column-r div.side-bnrs ul li {margin-bottom:2px;}
div.column-r div.side-bnrs ul li a {display:block;background-image:url(../img/banner.jpg);}
div.column-r div.side-bnrs ul li:nth-child(1) a {height:250px;background-position:0 0px;}
div.column-r div.side-bnrs ul li:nth-child(2) a {height:100px;background-position:0 -250px;}
div.column-r div.side-bnrs ul li:nth-child(3) a {height:150px;background-position:0 -350px;}
div.column-r div.side-bnrs a:hover {opacity: 0.5; filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
div.column-r div.side-bnrs2 ul li {margin-bottom:2px;}
div.column-r div.side-bnrs2 ul li a {display:block;background-image:url(../img/banner.jpg);}
div.column-r div.side-bnrs2 ul li:nth-child(2) a {height:250px;background-position:0 0px;}
div.column-r div.side-bnrs2 ul li:nth-child(1) a {height:100px;background-position:0 -250px;}
div.column-r div.side-bnrs a:hover {opacity: 0.5; filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
div.column-r div.side-bnrs3 ul li {margin-bottom:2px;}
div.column-r div.side-bnrs3 ul li a {display:block;background-image:url(../img/banner.jpg);}
div.column-r div.side-bnrs3 ul li:nth-child(1) a {height:250px;background-position:0 0px;}
div.column-r div.side-bnrs3 ul li:nth-child(2) a {height:150px;background-position:0 -350px;}
div.column-r div.side-bnrs3 a:hover {opacity: 0.5; filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
@media all and (max-width: 767px) {div.column-r div.side-bnrs {padding:10px 0 8px;}
div.column-r div.side-bnrs ul {width:300px;margin:0 auto;}
div.column-r div.side-bnrs2 {padding:10px 0 8px;}
div.column-r div.side-bnrs2 ul {width:300px;margin:0 auto;}
}
/* SNS (button and timeline)
============================== */
/* buttons */
div.column-r div.sns-btns {
padding:10px 0;
}
div.column-r div.sns-btns div.tw {
float:left;
}
div.column-r div.sns-btns div.fb {
float:right;
}
/* timeline */
@media all and (min-width: 768px) {
/* buttons */
div.column-r div.sns-btns {
margin-bottom:2px;
}
div.column-r div.sns-btns div.tw {
padding-left:30px;
}
div.column-r div.sns-btns div.fb {
padding-right:30px;
}
}
@media all and (max-width: 767px) {
/* buttons */
div.column-r div.sns-btns {
background-color:#ffeacc;
}
div.column-r div.sns-btns div.tw {
padding-left:20%;
}
div.column-r div.sns-btns div.fb {
padding-right:20%;
}
/* timeline */
div.sns-timeline {
background-color:#fff;
}
div.sns-timeline div.inner {
width:300px;
margin:0 auto;
}
}
/*top-movie
============================== */
@media all and (min-width: 768px) {
#videoplayer {margin:8px auto;width:640px;height:430px;padding-top:8px;}
#bx-movie {width:640px;height:360px;margin:8px auto;}
.thumlist{margin:5px auto;width:640px;}
.thumlist ul li{padding:8px;line-height:150%;width:130px;float:left;text-align:center;list-style:none;font-size:80%;color:#333;}
.thumlist ul li a{color:#333;}
.thumlist ul li a:hover{color:#333;}
.thumlist ul li a img{width:100px;height:56px;border:1px solid #333;display:block;margin:0 auto;}
.thumlist ul li a:hover img{border:1px solid #333;}
.img01{width:200px;height:150px;background:url(../img/img01.jpg); float:left;margin-right:8px;background-repeat:no-repeat;text-indent:-9999px;}
.blog-1110{width:480px;height:270px;background:url(../img/blog/p1110.jpg);margin:8px auto;background-repeat:no-repeat;text-indent:-9999px;}
.blog-1115{width:480px;height:270px;background:url(../img/blog/p1115.jpg);margin:8px auto;background-repeat:no-repeat;text-indent:-9999px;}
.rin-1120{width:480px;height:270px;background:url(../img/blog/r1120.jpg);margin:8px auto;background-repeat:no-repeat;text-indent:-9999px;}
.blog-1118{width:240px;height:320px;background:url(../img/blog/p1118.jpg);margin:8px;float:right;background-repeat:no-repeat;text-indent:-9999px;}
.blog-1201{width:240px;height:320px;background:url(../img/blog/p1201.jpg);margin:8px;float:right;background-repeat:no-repeat;text-indent:-9999px;}
.blog-1210{width:240px;height:320px;background:url(../img/blog/p1210.jpg);margin:8px;float:right;background-repeat:no-repeat;text-indent:-9999px;}
.support-1115{width:240px;height:320px;background:url(../img/blog/s1115.jpg);margin:8px;float:right;background-repeat:no-repeat;text-indent:-9999px;}
.support-1118{width:240px;height:320px;background:url(../img/blog/s1118.jpg);margin:8px;float:right;background-repeat:no-repeat;text-indent:-9999px;}
}
@media all and (max-width: 767px) {
#videoplayer {margin:2px auto;width:320px;padding-top:8px;}
#bx-movie {width:320px;height:180px;margin:8px auto;}
.thumlist{width:360px;margin:15px auto 10px auto;}
.thumlist ul li{line-height:150%;width:116px;float:left;text-align:center;list-style:none;font-size:75%;color:#333;}
.thumlist ul li a{color:#333;}
.thumlist ul li a:hover{color:#333;}
.thumlist ul li a img{width:100px;height:56px;border:1px solid #333;display:block;margin:0 auto;}
.thumlist ul li a:hover img{border:1px solid #333;}
.img01{width:200px;height:150px;background:url(../img/img01.jpg);margin:8px;background-repeat:no-repeat;text-indent:-9999px;}
}
/* button
============================== */
section.unit p.btn {
font-size:100% !important;
}
section.unit p.btn a {
display:block;
color:#333;
text-align:center;
font-weight:bold;
text-decoration:none;
background-color:#d6b27b;
}
@media all and (min-width: 768px) {
section.unit p.btn {
margin:0 100px;
}
section.unit p.btn a {
font-size:87.5%;
height:32px;
line-height:32px;
border-radius:10px;
}
section.unit p.btn a:hover {
background-color:#c96;
background-image:none;
}
}
@media all and (max-width: 767px) {
section.unit p.btn a {
font-size:83%;
height:32px;
line-height:32px;
border-radius:16px;
}
}
/* page top
============================== */
p.pgt a {
display:block;
text-decoration:none;
}
@media all and (min-width: 768px) {
p.pgt {
position:absolute;
right:20px;
bottom:20px;
}
p.pgt a {
background-image:url(../img/icons.png);
background-position:0 -50px;
background-repeat:no-repeat;
width:96px;
height:70px;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
}
p.pgt a:hover {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
}
@media all and (max-width: 767px) {p.pgt {text-align:center;}
p.pgt a {font-weight:bold;color:#333;background-color:#ffdd24;line-height:80px;height:80px;}
p.pgt a span {display:inline-block;height:49px;background-image:url(../img/icons.png);background-position:left top;background-repeat:no-repeat;padding-left:28px;}
}
/*ļ¼ about
============================== */
.txt12r {font-size:110%;color:#1e4727;font-weight:bold;line-height:2em;letter-spacing:0.03em;}
.txt12 {padding:8px;color:#030303;line-height:2em;letter-spacing:0.03em;}
.name-en {font-family:Arial, Helvetica, sans-serif;text-shadow:none;padding-left:5px;letter-spacing:0px;font-size:70%;}
table.player-tbl {width:430px;border:2px #fff solid;border-collapse:collapse;border:1px #fff solid;}
.player-tbl th,.player-tbl td {padding:2px 0 2px 0;text-align:center;border-left:1px #fff solid;border-bottom:1px #fff solid;}
.player-tbl th {width:40%;background-color:#113681;color:#fff;}
.player-tbl td {width:60%;background-color:#1f5295;color:#fff;}
.player-box-btm {width:600px;margin:0 -10px;height:10px;}
#footer{height:180px;background:url(../img/footer.png); background-position:center bottom;background-repeat:no-repeat;text-indent:-9999px;}
/*copyright*/
============================== */
p.copyright {color:#ffffff;
}
.copyright a:link {
text-decoration:none;
color:#ffffff;
}
.copyright a:visited {
text-decoration:none;
color:#ffffff;
}
.copyright a:active {
text-decoration:underline;
color:#ffffff;
}
.copyright a:hover {
text-decoration:underline;
color:#ffffff;
}
@media all and (min-width: 768px) {p.copyright {margin-top:5px;line-height:1.25;text-align:center;padding:15px 0;color:#ffffff;}}
@media all and (max-width: 767px) {p.copyright {font-size:75%;line-height:1.25; text-align:center;padding:10px;color:#ffffff;}