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

/* ============================
	common css
============================ */

/*  General
=============================================== */

body { background:url(../img/common/bg.png) center top repeat-y; background-size:cover; }

#con-body { background:transparent; font-family:kinto-sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Roboto, "Droid Sans", sans-serif; font-weight:400; font-style:normal; color:#333; font-feature-settings:"palt"; letter-spacing:0.05em; /* for ios */ -webkit-text-size-adjust: 100%; }

a { color:#B32705; }

@font-face {
  font-family: 'Anton';
  src: url('/um/library/fonts/Anton/Anton-Regular.ttf') format('truetype');
	   font-weight:400;
}

@media print {
  .noprint {
    display: none;
  }
}


/*  General Parts
=============================================== */

.bold { font-weight:700; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }


/* font style
-------------------------------- */

.txtss { font-size:70%; }
.txts { font-size:80%; }
.txtb { font-size:120%; }
.txtbb { font-size:160%; }
.txtbbb { font-size:200%; }
.tcenter { text-align:center; }
.bold { font-weight:700; }

.blue { color:#0c6fc2; }
.red { color:#ca2b21; }


/* br point
-------------------------------- */

.br-pc { display:block; }
.br-smp { display:none; }

@media all and (max-width: 767px) {

.br-pc { display:none; }
.br-smp { display:block; }

}


/* word br
-------------------------------- */

.wbr { display:inline-block; }



/* youtube
-------------------------------- */

.mov_yt { width:100%; margin:0 0 20px 0; }
.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }


/*  Header
=============================================== */

#logo-area { margin:0 auto 20px auto; background:url(../img/common/hd_mainttl_bg.png) center center repeat; background-size:100% auto; }
#logo { width:980px; margin:auto; }
#logo h1 { position:relative; width:100%; height:0; padding-top:calc(160% / 1960 * 100); }
#logo h1 a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/common/hd_mainttl.png); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #logo h1 a:hover { opacity:0.5; } }

#hd-pic { width:980px; margin:auto; }
#hd-pic p { position:relative; width:100%; height:0; padding-top:calc(848% / 1903 * 100); }
#hd-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#top #hd-pic p span { background-image:url(../img/common/hd_pic.png); }
#part1 #hd-pic p span { background-image:url(../img/common/hd_pic_part1.png); }
#part2 #hd-pic p span { background-image:url(../img/common/hd_pic_part2.png); }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#logo-area { margin-bottom:10px; }
#logo { width:auto; }
#logo h1 { position:relative; width:100%; height:0; padding-top:calc(200% / 750 * 100); }
#logo h1 a { background-image:url(../img/common/hd_mainttl_smp.png); }

#hd-pic { width:100%; }
#hd-pic p { padding-top:calc(695% / 750 * 100); }
#top #hd-pic p span { background-image:url(../img/common/hd_pic_smp.png); }
#part1 #hd-pic p span { background-image:url(../img/common/hd_pic_part1_smp.png); }
#part2 #hd-pic p span { background-image:url(../img/common/hd_pic_part2_smp.png); }

}



/* gnav
=============================================== */

#gnav { width:980px; margin:0 auto 20px auto; }
#gnav ul { display:flex; margin:auto; text-align:center; flex-wrap:wrap; }
#gnav ul li { height:100px; }
#gnav ul li:nth-child(1),
#gnav ul li:nth-child(2) { width:17%; }
#gnav ul li:nth-child(3),
#gnav ul li:nth-child(4) { width:23%; }
#gnav ul li:nth-child(5) { width:20%; }
#gnav ul li p { width:100%; height:100%; }
#gnav ul li p .link { display:flex; justify-content:center; align-items:center; width:100%; height:100%; box-sizing:border-box; background:rgb(0,97,152); background:linear-gradient(0deg, rgba(0,97,152,1) 0%, rgba(20,141,209,1) 100%); box-shadow:0px 2px 4px rgba(0,0,0,0.2); font-size:170%; font-weight:700; color:#fff; text-shadow:0px 2px 4px rgba(0,0,0,0.2); text-decoration:none; /* hover fade */ transition: text-shadow 0.4s ease-out; }
@media (hover: hover) { #gnav ul li p a.link:hover { text-shadow:0px 0px 10px rgba(253,235,61,1.0); } }
#gnav ul li p span.link { opacity:0.6; }
#gnav ul li:nth-child(1) p .link { border-radius:20px 0 0 20px; border-right:#085682 1px solid; }
#gnav ul li:nth-child(2) p .link,
#gnav ul li:nth-child(3) p .link,
#gnav ul li:nth-child(4) p .link { border-right:#085682 1px solid; }
#gnav ul li:nth-child(5) p .link { border-radius:0 20px 20px 0; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#gnav { position:static; width:100%; height:auto; margin:0 0 20px 0; }

#gnav ul li:nth-child(1),
#gnav ul li:nth-child(2) { width:50%; height:15.0vw; }
#gnav ul li:nth-child(3),
#gnav ul li:nth-child(4),
#gnav ul li:nth-child(5) { width:33.3%; height:21.0vw; }
#gnav ul li p .link { font-size:5.0vw; line-height:130%; border-radius:0!important; }
#gnav ul li:nth-child(1) p .link { border-bottom:#085682 1px solid; }
#gnav ul li:nth-child(2) p a.link { border-bottom:#085682 1px solid; border-right:none; }

}


/* box youtube rectangle
=============================================== */

#box-yt-bn { display:flex; width:980px; margin:auto; }
#yt-box-hd { width:660px; margin:0 20px 0 0; }
#bn-rectangle { width:300px; margin:0 auto 20px auto; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#box-yt-bn { display:block; width:96%; margin:0 2% 15px 2%; }
#yt-box-hd { width:auto; margin:0; }
#bn-rectangle {  }

}


/* banner
=============================================== */

#banner-list { text-align:center; width:820px; margin:auto; /* for space */ font-size:0; }
#banner-list li { display:inline-block; vertical-align:middle; /* for space */ font-size:1rem; }

#bn-paravi { width:400px; margin:0 20px 20px 0; }
#bn-tver { width:400px; margin:0 0 20px 0; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#banner-list { width:96%; margin:0 2% 0 2%; }

#bn-paravi,
#bn-tver { width:300px; margin:0 auto 3% auto; }

}




/*  Main
=============================================== */

#main { width:980px; margin:auto; padding:30px; box-sizing:border-box; background-color:#fff; border-radius:30px; box-shadow:0px 2px 6px rgba(0,0,0,0.2); }

#mainttl { width:980px; margin:0 auto 15px auto; }
#mainttl h2 { padding:0.8em; background:#ca2b21; border-radius:0.5em; color:#fff; font-size:180%; text-shadow:2px 2px 4px rgba(0,0,0,0.2); box-shadow:0px 2px 4px rgba(0,0,0,0.2); text-align:center; }

#btn-reload { width:10.0em; font-size:150%; margin:0 auto 20px auto; text-align:center; }
#btn-reload a { display:block; width:100%; padding:0.6em 0; border-radius:1000px; background-color:#fff; color:#148DD1; font-weight:700; box-shadow:2px 2px 4px rgba(0,0,0,0.2); text-decoration:none; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #btn-reload a:hover { opacity:0.7; } }
#btn-reload a::before { display:inline-block; content:""; margin:0 0 -0.05em 0; width:1em; height:1em; vertical-align:bottom; background:url(../img/common/btn_reload.png) center center no-repeat; background-size:110%; }

.subttl { margin-bottom:0.8em; padding:0.5em 0.7em; background-color:#0c6fc2; border-radius:10px; color:#fff; font-size:120%; line-height:130%; }
.text { margin-bottom:0.7em; line-height:180%; }
.text-catch { margin-bottom:0.7em; font-size:200%; line-height:160%; }
.sttl { margin-bottom:0.7em; font-size:120%; line-height:180%; }
.column { margin-bottom:1.0em; border:#ccc 1px solid; padding:0.5em 0.7em 0.2em 0.7em; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#main { width:96%; margin:0 2% 15px 2%; padding:2%; border-radius:2.0vw; }

#mainttl { width:96%; margin:0 2% 15px 2%; }
#mainttl h2 { font-size:6.0vw; }

#btn-reload { font-size:110%; }

.subttl { font-size:100%; }
.text { font-size:90%; }
.text-catch { font-size:140%; }
.sttl { font-size:110%; }

}



/* youtube
-------------------------------- */

.yt-box { width:980px; margin:0 auto 30px auto; }
.yt-box_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.yt-box_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

#yt-list { margin-bottom:20px; padding:0 50px; /* for space */ font-size:0; }
.yt-list-item { display:inline-block; width:278px; margin:0 7px; vertical-align:middle; /* for space */ font-size:1rem; }
.yt-list-item .tmb { position:relative; width:100%; height:0; margin-bottom:5px; padding-top:56.25%; background-color:rgba(0,0,0,0.2); }
.yt-list-item .tmb a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { .yt-list-item .tmb a:hover { opacity:0.5; } }
.yt-list-item .tmb a span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.yt-list-item .cap { line-height:140%; color:#FFF; }

#yt-list .slick-arrow { position:absolute; top:0; width:50px; height:100%; background-position:center center; background-repeat:no-repeat; background-size:50% auto; text-indent:-9999px; /* reset */ background-color:transparent; border:none; cursor:pointer; outline:none; padding:0; appearance:none; text-indent: -9999px; }
#yt-list .slick-prev { left:-50px; z-index:12; background-image:url(../img/common/ar_l_w.png); }
#yt-list .slick-next { right:-50px; z-index:13; background-image:url(../img/common/ar_r_w.png); }
#yt-list .slick-arrow:hover { background-color:rgba(255,255,255,0.2); }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.yt-box { width:auto; }

#yt-list { margin:0 /*-3% 20px -3%*/ 0 20px 0; padding:0 8.0vw; /* for space */ font-size:0; }
.yt-list-item { width:/*3*/50vw; margin:0 1vw; }
.yt-list-item .cap { font-size:90%; }

#yt-list .slick-arrow { width:8.0vw; }
#yt-list .slick-prev { left:-8.0vw; }
#yt-list .slick-next { right:-8.0vw; }

}


/*  Footer
=============================================== */

#footer { text-align:center; padding:40px; box-sizing:border-box; color:#fff; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#footer { padding:2%; }

}


/* f-bn
-------------------------------- */

#f-bn { width:980px; margin:0 auto 20px auto; text-align:center; }
#f-bn ul { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
#f-bn ul li { }
#f-bn ul li p { position:relative; width:100%; height:0; }
#f-bn ul li p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #f-bn ul li p a:hover { opacity:0.5; } }
#f-bn-unext,
#f-bn-unext2,
#f-bn-tver { width:350px; margin:0 10px 20px 10px; }
#f-bn-unext p,
#f-bn-unext2 p,
#f-bn-tver p { padding-top:calc(240% / 700 * 100); }
#f-bn-unext p a { background-image:url(../img/common/bn_unext.jpg); }
#f-bn-unext2 p a { background-image:url(../img/common/bn_unext2.jpg); }
#f-bn-tver p a { background-image:url(../img/common/bn_tver.jpg); }
#f-bn-brand { width:400px; display:block; margin:0 10%; }
#f-bn-brand p { padding-top:calc(1000% / 2917 * 100); }
#f-bn-brand p a { background-image:url(../img/common/bn_brand.jpg); }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#f-bn { width:auto; margin:0; }
#f-bn ul li { margin:0 auto 20px auto; width:300px; }

}

/* f-sns-link
-------------------------------- */

#f-sns-link { margin:0 auto 20px auto; text-align:center; }

#f-sns-link-ttl { margin-bottom:10px; font-size:150%; line-height:120%; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }

#f-sns-link ul { display:inline-block; margin-bottom:20px; /* for space */ font-size:0; }
#f-sns-link ul li { display:inline-block; width:110px; margin-right:20px; vertical-align:middle; /* for space */ font-size:1rem; }
#f-sns-link ul li:last-child { margin-right:0; }
#f-sns-link ul li a { display:block; width:110px; height:110px; border-radius:1000px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #f-sns-link ul li a:hover { opacity:0.7; } }
#f-sns-link-fb a { background-image:url(../img/common/f_link_fb.png); }
#f-sns-link-tw a { background-image:url(../img/common/f_link_tw2.png); }
#f-sns-link-insta a { background-image:url(../img/common/f_link_insta.png); }
#f-sns-notice { text-shadow:0px 2px 4px rgba(0,0,0,0.2); }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#f-sns-link-ttl { font-size:130%; }

#f-sns-link ul li { width:80px; margin-right:10px; }
#f-sns-link ul li a { width:80px; height:80px; }
#f-sns-link ul li:last-child { margin-right:0; }

}


/* f-copy
-------------------------------- */

#f-copy { font-size:90%; line-height:120%; text-shadow:0px 2px 2px rgba(0,0,0,0.2); }
#f-copy a { color:#FDEB3D; }
#f-copy a:hover { text-decoration:none; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#f-copy { font-size:80%; }

}


/*eof*/