@charset "UTF-8";
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;
}

div#bn_super {border-bottom:1px solid #eee;}

/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { font-family: Roboto, 'Helvetica Neue' ,'Terminal', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; line-height: 1;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article,figure { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
img,iframe { border:none;}
ol,ul { list-style:none; list-style-type: none;}
.relative { position: relative;}
.hid{visibility: hidden;}
.cover {width:100%; height:100%;}

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

/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
.cBlue{color:#071656;}
.cRed{color:#6b0202}

/*float*/
.fLeft{float:left;}
.fRight{float:right;}
.clear_f{clear:both;}
/*link*/
a { text-decoration:none; color:#000;}
a:hover { text-decoration:none; color:#000;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {color:#000; }
#con-body {background-color:transparent;}

/*	background
============================== */
#con-body {
  background-image:url(../img/bg_silver.jpg);
  background-attachment:fixed;
  background-size:contain;
  background-color:#eee;
}
.bg_bule{
  overflow: hidden;
  background: rgb(6,18,66);
  background: linear-gradient(180deg, rgba(13,14,31,1) 0%, rgba(6,18,66,1) 25%, rgba(6,18,66,1) 100%);
}


@media all and (min-width: 768px) {
  #con-body {
    background-position:center center;
    background-size:cover;
  }
}

@media all and (max-width: 767px) {
  #con-body {
    background-position:center top;
    background-size:contain;
  }
}

/*	font
============================== */
#con-body h2,
#con-body h3,
#con-body h4,
#con-body h5,
#con-body small,
#con-body span,
#con-body table
{
font-family: dnp-shuei-mincho-pr6, sans-serif;
font-weight: 400;
font-style: normal;
font-feature-settings: "palt";
letter-spacing: 0.08em;
}

#con-body p
{
     font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
     font-feature-settings: "palt";
     letter-spacing: 0.08em;
     text-align: justify;
     text-justify: inter-ideograph;
}

#con-body b,
#con-body strong
{
font-weight: 600;
font-style: normal;
}

/*	menu
============================== */

.menu_outer {
  background: rgb(6,18,66);
  background: linear-gradient(180deg, rgba(13,14,31,1) 0%, rgba(6,18,66,1) 25%, rgba(6,18,66,1) 100%);
}
ul.menu {
  margin:0 auto;
}

.menu li{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.menu li a{
  display: block;
  text-decoration: none;
  color: #fff;
}
.menu li a.nolink{opacity: 0.5;}

.menu li a:hover:not(.nolink) {
  transition: 1.0s ;
  opacity: 0.5;
}

.menu li span,
.menu li small{
  display: block;
}

@media all and (min-width: 768px) {
ul.menu {
    width:1080px;
    height: 120px;
    padding:0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

.menu li {
  width:22%;
  height:80px;
  border-left:solid 2px #fff;
  box-sizing: border-box;
  font-size:200%;
  }
  .menu li:nth-child(2){
  width:34%;
  }
.menu li:last-child{
  border-right:solid 2px #fff;
  }
  .menu li a {
  }
.menu li small{
  font-size:50%;
}

}

@media all and (max-width: 767px) {
  ul.menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
  }

  .menu li {
  width:50%;
  padding:10px 0;
  border-left:solid 1px #fff;
  border-bottom:solid 1px #fff;
  box-sizing: border-box;
  font-size:120%;
  }
  .menu li:nth-child(odd){
  border-left:none;
  }
  .menu li:nth-child(3),
  .menu li:nth-child(4){
  border-bottom:none;
}
.menu li small{
  font-size:50%;
}
}

/*	share
============================== */
#share {
  text-align: center;
  margin: 3% auto;
  vertical-align: middle;
}

#share span {
  position: relative;
}

#share span:before {
  content: "";
  width: 35%;
  height: 1px;
  background-color: #172c66;
  position: absolute;
  left: -45%;
  top: 50%;
  z-index: 1;
}

#top #share {
  margin:0 auto 0;
  width: 100%;
}

#top #share h4 {
  font-size: 120%;
}

#second #share h4 {
  display: inline-block;
  color:#fff;
}


#share ul {
  display: inline-block;
  margin:0 auto;
  vertical-align: middle;
}

#share ul li {
  display: inline-block;
  border-radius: 50%;
  margin: 0 0.5vw 0;
}

#share ul li a {
  display: block;
}

#share ul li a img {
  transition: .5s;
}

#share ul li a:hover img {
  transform: scale(1.2);
}

@media all and (min-width: 768px) {
  #top #share h4 {
    padding:2em 0 1em;
  }
  #share ul li img {
    width: 3vw;
  }
}

@media all and (max-width: 767px) {
  #top #share {
    padding-bottom:2em;
  }
  #top #share h4 {
    padding:2em 0 1em;
  }
  #share ul li img {
    width: 10vw;
  }
}

/*	movieBox
============================== */
.movieBox {
  position: relative;
    background-color: #000;
}

.movieBox span.thum {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: top;
  margin: 0 0 0 0;
  position: relative;
}

.movieBox span.thum img {
  width: 100%;
  height: 100%;
}

.movieBox:hover {
  background-color:#ccc;
}

.movieBox a:hover .thumbnail {
  filter: brightness(1.10);
}

.movieBox a .btn {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/btn_mov.png);
  width: 80px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -28px 0 0 -40px;
  opacity: 0.85;
}

.movieBox a:hover .btn {
  opacity: 1.0;
}
.movieBox {
    width: 100%;
    margin: 0;
}
.movieBlock .movieBox .thumbnail {
    width: 100%;
}

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

/*///////////////// footer ////////////////*/
.footer{
  text-align: center;
background: rgb(226,226,226);
background: radial-gradient(circle, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 50%, rgba(143,143,143,1) 100%);}

.copyright{
  color: #000;
}
@media all and (min-width: 768px) {
.copyright{
padding:50px 0;
  }
}

@media all and (max-width: 767px) {
.copyright{
  width: 80%;
  margin:0 auto;
  padding:1em 0;
  font-size: 70%;
}
}

@media all and (min-width: 768px) {
#backtotop{transition:0.5s ;}
#backtotop:hover{cursor: pointer;}
#backtotop {
  text-indent: -9999px;
  position:fixed;
  right:10px;
  width:90px;
  height:90px;
}
#backtotop a{
  background:url(../img/pagetop.png) center center no-repeat;
  background-size: cover;
  display:block;
  width:90px;
  height:90px;
}
}

@media all and (max-width: 767px)  {
#backtotop {display: none;}
}
}