@charset "UTF-8";

body,button,input,select,table,textarea{font-family:Meiryo,メイリオ,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
h1,h2,h3{font-weight:bold;}

/*基本設定*/
html{font-size: 62.5%;}
body{font-size:1.6rem;color:#444;background: #000;;}
div,article{box-sizing:border-box;}
p,a{text-align: justify; text-justify: inter-ideograph;word-break: normal;word-wrap: break-word;text-align:justify;}
h2{line-height:1.3em;}
ul,dl{letter-spacing: -.40em;}
li,dd,dt{letter-spacing: normal;}
a:link, a:visited:link, a:visited{color:#284775;text-decoration:none;}
a:hover,a:visited:hover{color:#284775;text-decoration:underline;}
a:hover>img{opacity:0.7;text-decoration:underline;}
i{vertical-align:middle;margin-right: 0.3em;}
.inner{width: 1080px;margin: 0 auto;display:table;}
#content{margin: 0;padding:1rem 0 2rem;}
a.blank:after{font-family: 'fantastic';content:'\004f';vertical-align:top;margin-left: 0.2em;}
img{pointer-events: none;user-select: none;vertical-align: bottom;-webkit-user-select: none;width: auto;height: auto;-ms-interpolation-mode: bicubic;}
.fixed {position: fixed;width: 100%;z-index: 100;top:0;}
.dras{transform: scale(2, 1);display:inline-block;margin:auto 0.5em;}


/*コンテンツ部分*/

.main_contents > {}
.main_contents >.mainvisual{margin:0 auto;width:980px;}
.main_contents >.content{/*background: rgba(255,255,255,0.85);padding: 20px;*/width:980px;margin:0 auto;}

section {margin-bottom: 1em;display: table;width: 100%;}
section >h2{padding:1em;}

#visual_top{height: 550px;position: relative;letter-spacing: -.40em;}
#visual_top h2{position:absolute;bottom:0px;width: 100%;text-align:center;}
#visual_top p{position:absolute;left:0;top:0px;}
#visual_top div{letter-spacing: normal;height: 440px;position: relative;}
#visual_top div h3{position:absolute;bottom:0;}
#visual_top div#us{width: 50%;display:inline-block;background: url(../img/us.png) no-repeat;;}
#visual_top div#um{width: 50%;display:inline-block;background: url(../img/um.png) no-repeat;}

/*topページ************************/
/*#top_cont{min-width:980px;background-attachment: fixed;background-image: url(../img/bg.jpg); background-position: center top; background-repeat: no-repeat;background-size: cover;padding-bottom: 50px;}*/
#top_cont{min-width:980px;background-image: url(../img/bg.jpg); background-position: center top; background-repeat: no-repeat;background-size: 1400px auto;padding-bottom: 50px;}
#top_cont section{background: #fff;position:relative;}
#top_cont section>div{padding:1.5em 2em 2em 2em;width: 70%;min-height:210px}
#top_cont section>div.tokuten{width: 100%;min-height:auto;text-align:center;padding:0 2em 2em 2em;}
#top_cont section#USUM_01 >h2{background:#2ea7e0;}
#top_cont section#USUM_01 >div>div.cover>img{border:5px solid #2ea7e0;}
#top_cont section#USUM_01 >div>h4{color:#2ea7e0;margin-bottom: 0.5em;font-size:2.2rem;}
#top_cont section#USUM_02 >h2{background:#ee7800;}
#top_cont section#USUM_02 >div>div.cover>img{border:5px solid #ee7800;}
#top_cont section#USUM_02 >div>h4{color:#ee7800;margin-bottom: 0.5em;font-size:2.2rem;}
#top_cont section#USUM_03 >h2{background:#e50012;}
#top_cont section#USUM_03 >div>div.cover>img{border:5px solid #e50012;}
#top_cont section#USUM_03 >div>h4{color:#e50012;margin-bottom: 0.5em;font-size:2.2rem;}
#top_cont section div>h3{background: #eee;padding: 0.3em;margin-bottom: 1em;}
#top_cont section>div>div.dtl{font-size:90%}
#top_cont section>div>div.dtl>h2{margin-bottom: 1em;}
#top_cont section>div>div.dtl>h5{border-bottom:1px solid #999;font-size:110%;margin-bottom: 0.5em;}
#top_cont section>div>div.dtl>h3{background:#e50012;color:#fff;display:inline-block;}
#top_cont section>div>div.dtl>p{margin-bottom: 1em;}
#top_cont section>div>div.dtl>ol{padding-left: 1.5em;margin-bottom: 1em;}
#top_cont section>div>div.dtl>ol>li{list-style-type:circle;}
#top_cont section>div>div.dtl>div.zukan{width: 100%;display: table;margin-bottom: 1em;border:1px solid #ccc;padding: 1em 1em 1em 1em;border-radius:5px;}
#top_cont section>div>div.dtl>div.zukan img{float: left;width: 12%;}
#top_cont section>div>div.dtl>div.zukan h5{float: right;width: 85%;font-size:1.8rem;margin-bottom: 0.5em;;}
#top_cont section>div>div.dtl>div.zukan p{float: right;width: 85%;}


#top_cont section ul{padding:0 2em 2em 2em;}
#top_cont section ul>li{display:inline-block;margin:0 1em;border:3px solid #ccc;width: 200px;height: 142px;margin-bottom: 1em;vertical-align:top;}

#top_cont section ul>li:nth-child(4){width: 142px;height: 201px;margin-bottom: -5em;}
/*#top_cont section ul>li:nth-child(n+5){margin-top: -4em;}*/

.cover{position:absolute;right:40px;top:20px;width: 240px;}
.cover >img{margin-bottom: 1em;}
.cover a{text-align:center;background: #ccc;display:block;width: 100%;padding: 1rem 0;border-radius:5px;margin-bottom: 0.3em;}

.stm{margin-left:2em;margin-bottom: 1em;}

#top_cont >.content > small{text-align:center;color:#fff;display:block;margin-bottom:1em;display:block;}
.dtl small{text-align:left;color:#000;display:block;margin-bottom:1em;display:block;}
#top_cont .pbn{text-align:center;}
#top_cont .pbn a {display:inline-block;}

.amazon{height:2.8rem;}
.amazon >img{height:100%;}
.rakuten{height:2.8rem;}
a.rakuten{background:#eee;}
.rakuten>img{height: 90%;}
.seven{height:2.8rem;cursor: normal;}
a.seven{background:#eee;}
.seven >img{height:100%;}

#USUM_01 .reader{text-align:center;background: #2ea7e0!important;font-weight:bold;color:#fff!important;padding: 0.75em 0!important;}
#USUM_02 .reader{text-align:center;background: #ee7800!important;font-weight:bold;color:#fff!important;padding: 0.75em 0!important;}
#USUM_03 .reader{text-align:center;background: #e50012!important;font-weight:bold;color:#fff!important;padding: 0.75em 0!important;}
.reader:hover{opacity: 0.8;text-decoration:none;}
.reader img{margin: 0 auto;}

/*social*/
#twitter1{float:right;width:110px;}
#facebook1{float:right;}



/*foot 差し替え*/
#Foot{font-size:1.2rem;}
#foot_menu a{color:#000;font-size:1.2rem}
#foot_menu{background: #fff;color:#000;}
#foot_menu{margin:0!important;}
#gnavi li:first-child{display:none;}

/*Window*/
/*#cboxOverlay {background: #000 none repeat scroll 0 0!important;}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {display: none;}
#cboxContent { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}
#cboxClose {
    color: #fff !important;
    text-align: center;
    width: 37px;
     height: 37px;
    background: url(../img/close.png);
   overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    bottom: 60px;
    right:7px;
}
.cboxIframe {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}
#cboxClose{color:#fff!important;}*/