body{background:white ;margin:0px;font-size:15px;font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-size:16px;line-height:1.65em;color:#666;}
@media print {body {/zoom: 0.85;} }
img{border:none;width:100%;height:auto;}
table{border-collapse: collapse;width:100%;}
th{padding:10px;background:#003d80;border:1px solid #bdcdde;font-weight:normal;text-align:center;color:white;font-feature-settings:"palt";}
td{padding:10px;border:1px solid #bdcdde;font-feature-settings:"palt";}
a{transition: 0.2s ;color:#003d80;text-decoration:none;}
a:hover{opacity: 0.5 ;}
strong{color:#b4005d;font-weight:normal;}
h1,h2,h3,h4,h5{font-weight:normal;font-feature-settings:"palt";}
hr{border:none;margin:200px 0;display:block;height:0px;}
ul,ol,ul li,ol li{list-style-type:none;margin:0px;padding:0px;}

h1{font-size:35px;color:black;text-align:center;font-family:'Roboto Condensed',sans-serif;border-bottom:10px solid #bdcdde;padding-bottom:5px;margin-bottom:0px;}
h1::before{content:url(top_img/h_left.png);margin-right:5px}
h1::after{content:url(top_img/h_right.png);margin-left:5px}

#content{width:1200px;margin:0 auto;padding:0px;}

img.pc{display:block;}
img.sp{display:none;}
table.pc{display:block;}
table.sp{display:none;}

  /* ヘッダー トップページ */


  /* トップページ レイアウト */
#top_head{width:100%;height:auto;margin-top:10px;}
#top_navi{width:100%;height:auto;}
#top_main{width:calc(100% - 40px);height:auto;padding:20px;margin-bottom:30px;}
ul#top_main{display:flex;flex-wrap:wrap;}
  
  /* トップページ コンテンツ */
ul#top_navi{display:flex;flex-wrap:wrap;background:#bdcdde;width:calc(100% - 20px);padding:0 10px;}
ul#top_navi li{width:calc(100%/5 - 20px);padding:10px;text-align:center;font-feature-settings:"palt";}
ul#top_navi li:last-child{width:calc(100%/5 - 21px)}
ul#top_navi li a{color:white;font-size:16px;display:block;background:#003d80;padding:10px 0;border-radius:10px;}

#top_main li#info{width:680px;height:auto;position:relative;}
#top_main li#info ul{width:100%;height:150px;background:#eee;padding-top:10px;overflow:auto;}
#top_main li#info ul li{padding-left:20px;font-size:14px;}
#top_main li#info ul li a{color:black;}
#top_main li#info ul li:before{content:"●";color:#003d80;margin:0 5px 0 -15px;}
#top_main li#info ul li span{font-size:10px;margin-right:15px;color:#003d80}


#top_main li#poster{width:240px;height:auto;position:relative;margin-left:20px;}
#top_main li#poster ul{display:flex;flex-wrap:wrap;width:100%;height:150px;background:#eee;padding:5px 0;}
#top_main li#poster ul li{padding:0px 5x;width:calc(100% - 0px);}
#top_main li#poster ul li:nth-of-type(1) a{width:90px;height:127px;background:#003d80;margin:10px auto;position:relative;display:block;}
#top_main li#poster ul li:nth-of-type(1) a::after{content:"";width:90px;height:127px;background:url(top_img/poster_thumb.jpg) no-repeat;background-size:contain;opacity:0.15;position:absolute;top:0px;}
#top_main li#poster ul li:nth-of-type(2) a{width:127px;height:90px;background:#003d80;margin:30px auto;position:relative;display:block;}
#top_main li#poster ul li:nth-of-type(2) a::after{content:"";width:127px;height:90px;background:url() black no-repeat;background-size:contain;opacity:0.15;position:absolute;top:0px;}
#top_main li#poster ul li a p{position:absolute;top:5px;text-align:center;color:white;left:0;width:100%;z-index:999;}
#top_main li#poster ul li:nth-of-type(2) a p{top:16px;}
#top_main li#poster ul li a:hover::after,
#top_main li#poster ul li a:hover{opacity:1;}
#top_main li#poster ul li a:hover p{opacity:0;}


#top_main li#link{width:200px;height:auto;margin-left:20px;}
#top_main li#link ol{margin:0;background:#eee;padding:12px 10px;}
#top_main li#link li{width:100%;height:auto;}
#top_main li#link li a{width:100%;display:block;text-align:center;color:white;font-size:16px;background:#003d80;margin:8px 0 7px;border-radius:10px;line-height:20px;padding:8px 0 7px;}


  /* サブページ */
#sub_main h1{font-size:50px;margin:40px 0 20px;padding-bottom:10px;}
#sub_main h1::before{content:url(sub_img/h_left.png);margin-right:5px}
#sub_main h1::after{content:url(sub_img/h_right.png);margin-left:5px}
#sub_main h2{font-size:45px;line-height:1.8em;border-bottom:5px solid #003d80;color:#003d80;text-align:center;margin:60px 0 10px ;}
#sub_main h3{font-size:35px;line-height:1.4em;color:#003d80;text-indent:10px;margin:60px 0 10px;font-weight:bold;font-style:italic;position:relative;} 
#sub_main h3::before{content:"";background:#bdcdde;width:100%;height:20px;display:block;position:absolute;bottom:0px;z-index:-1}
#sub_main h4{font-size:24px;line-height:1.6em;color:black;text-align:center;margin:40px 0 5px;border-bottom:1px solid #aaa;}
#sub_main h4 span{font-size:.8em;margin-left:10px;}
#sub_main h5{font-size:18px;line-height:1.65em;}

#sub_main h2.final{border-bottom:5px solid #fdd000;color:#c00008;}
#sub_main h3.final{color:#c00008}
#sub_main h3.final::before{background:#fdd000}
#sub_main h4.final{color:#c00008;border-bottom:1px solid #fdd000;}
#sub_main a.final{border:1px solid #c00008!important;color:#c00008;}
#sub_main table.final td{border:1px solid #c00008!important;}
#sub_main table.final a{color:#c00008}
#sub_main table.final th{background:#eb6100;border:1px solid #c00008!important;}
#sub_main th.final{background:#eb6100;}

  /* サブページ レイアウト */
#sub_head{width:100%;height:auto;margin-top:10px;}
#sub_navi{width:100%;height:auto;}
#sub_main{width:calc(100% - 100px);height:auto;padding:20px 50px;margin-bottom:30px;}

ul#sub_navi{display:flex;flex-wrap:wrap;background:#bdcdde;width:calc(100% - 20px);padding:0 10px;}
ul#sub_navi li{width:calc(100%/6 - 10px);padding:5px;text-align:center;font-feature-settings:"palt";}
ul#sub_navi li:last-child{width:calc(100%/6 - 11px);}
ul#sub_navi li a{color:white;font-size:16px;display:block;background:#003d80;padding:10px 0px;border-radius:10px;}

#sub_main p.waku{background:#eee;padding:20px;color:black;font-size:18px;line-height:1.85em;}
#sub_main p.waku img{float:right;width:300px;height:auto;margin:0 0 10px 10px;}
#sub_main p.waku br{margin-bottom:1.5em;}
#sub_main p.waku_s{background:#eee;padding:20px;font-size:15px;}
#sub_main p.waku_s_r{background:#eee;padding:20px;font-size:15px;text-align:right;}

#sub_main a.btn{border:1px solid #003d80;border-radius:10px;padding:5px 20px;margin:10px auto 40px;display:block;text-align:center;width:70%;clear:both;}


  /* フッター */
ul#footer{width:1200px;height:auto;}
ul#footer li{display:table-cell;margin:0 5px;}
ul#footer li img{width:100%;height:auto;}
#copy{text-align:center;font-size:12px;padding:10px 0;}

  /* フッター リンク*/
ul#footer_link_btn{display:flex;flex-wrap:wrap;background:#bdcdde;width:calc(100% - 40%);padding:0 20%;margin-bottom:30px;}
ul#footer_link_btn li{width:calc(100%/3 - 10px);padding:5px;text-align:center;font-feature-settings:"palt";}
ul#footer_link_btn li a{color:white;font-size:15px;display:block;background:#003d80;padding:2px 5px;border-radius:10px;}


  /* トップへ戻る */
.gotop{position:fixed;right:10px;margin-bottom:10px;}
.gotop a{color:white;font-size:20px;border-radius:5px;box-shadow: 2px 2px 2px rgba(0,0,0,0.7);padding:10px 13px;background:rgba(0,61,128,.7);}

#sub_main h2.soon{margin:190px 0 140px ;}

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

@media all and (min-width: 0px) and (max-width: 767px) {
#content{width:100%;margin:0 auto;padding:0px;}

img.pc{display:none;}
img.sp{display:block;}
table.pc{display:none;}
table.sp{display:block;}

ul#top_navi,
ul#sub_navi{padding:5px 10px;}
ul#top_navi li,
ul#sub_navi li,
ul#top_navi li:last-child,
ul#sub_navi li:last-child{width:100%;padding:3px 0;}
ul#top_navi li a,
ul#sub_navi li a{padding:5px 0;border-radius:10px;font-size:15px;line-height:1em;}

#top_main{width:calc(100% - 20px);height:auto;padding:20px 10px;}
#top_main > li{margin-top:30px;}
#top_main li#info{width:100%;}
#top_main li#info ul li{padding-left:20px;font-size:12px;line-height:1.4em;margin-bottom:10px;}
#top_main li#poster{width:100%;margin-left:0px;}
#top_main li#link a#digest{margin-bottom:20px;}
#top_main li#link{width:100%;margin-left:0px;}
#top_main li#link li a{font-size:14px;margin:10px 0;border-radius:10px;line-height:1em;padding:7px 0;}
ul#footer{width:100%;height:auto;}
ul#footer li{display:inline-block;margin:0 0px;}

#sub_main h1{font-size:24px;padding-bottom:5px;}
#sub_main h1::before{content:url(top_img/h_left.png);margin-right:5px}
#sub_main h1::after{content:url(top_img/h_right.png);margin-left:5px}
#sub_main h2{font-size:26px;line-height:1.6em;margin:60px 0 10px;}
#sub_main h3{font-size:20px;line-height:1.3em;margin:60px 0 10px;}
#sub_main h3::before{height:10px;bottom:0px;}
#sub_main h4{font-size:20px;line-height:1.6em;color:black;margin:40px 0 5px;}

#sub_main{width:calc(100% - 20px);height:auto;padding:20px 10px;}
#sub_main th{padding:5px 2px;font-size:12px;line-height:1.3em;}
#sub_main td{padding:5px 2px;font-size:11px;line-height:1.4em;}

#sub_main p.waku{font-size:15px;line-height:1.6em;padding:10px;}
#sub_main p.waku img{float:right;width:150px;height:auto;margin:0 0 10px 10px;}
#sub_main p.waku_s,
#sub_main p.waku_s_r{font-size:12px;line-height:1.4em;padding:10px;}
#sub_main p{font-size:14px;}

#sub_main a.btn{font-size:13px;line-height:1.4em;}


  /* フッター リンク*/
ul#footer_link_btn{display:block;width:calc(100% - 20px);padding:10px;margin-bottom:30px;}
ul#footer_link_btn li{width:100%;padding:2px 0;}
ul#footer_link_btn li a{font-size:13px;padding:1px 0;}

#sub_main h2.soon{margin:90px 0 40px;}

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

}