@charset "UTF-8";
/* CSS Document */

@import url("sp.css") screen and (max-width: 768px);
@import url("pc.css") screen and (min-width: 769px);

*{margin:0;padding:0; outline:none;}
html {height:100%; /*overflow:hidden;*/}
/*body, body p{padding:0 0 25px 0; font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size:10.5pt; line-height:1.5;}*/
body, body p{padding:0 0 25px 0; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:8.5pt; line-height:1.7; letter-spacing:0.05em;}
body {margin:0;padding:0;background:#FFF; color:#222; text-align:center; scrolling:yes; position:relative; -webkit-text-size-adjust: 100%;}
body.fixed,
#sb-site.fixed{position: fixed; width: 100%; height: 100%;}

strong{font-weight:700;}
a, a:visited{color:#222; text-decoration:none; overflow:hidden; outline:none;}
a:hover{text-decoration:underline;}

img{border:none;}
table{border-collapse:collapse;}
ul{list-style-type:none;}

/* 10th Modal */
div.modal10th{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #d9d8d6; background: rgba(217,216,214,0.9); z-index: 1000; overflow: hidden; overflow-y: auto; display: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
div.modal10th div.base{margin: 0 auto; background: #FFF; width: 700px;}
div.modal10th div.inner{padding: 0 0 80px; transition: transform 0.6s ease; transform: translateY(20px);}
div.modal10th div.inner.on{transform: translateY(0px);}
div.modal10th div.inner p{font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size: 10pt; line-height: 1.7;}
div.modal10th div.inner p.title{padding: 0 0 70px;}
div.modal10th div.inner p.img{padding: 0 0 10px;}
div.modal10th div.inner p.caption{color: #999; font-size: 8.5pt; padding: 0 0 55px;}
div.modal10th div.inner p.main{padding: 0 0 55px;}
div.modal10th .btnClose10th{position: absolute; right: 0; top: 0; z-index: 1001; padding: 0; display: block;}
div.modal10th .btnClose10th.center{width: 50px; height: 50px; cursor: pointer;}
div.modal10th .btnClose10th.left{width: calc(50% - 350px); height: 100%; left: 0;}
div.modal10th .btnClose10th.right{width: calc(50% - 350px); height: 100%;}
@media screen and (max-width: 768px){
    div.modal10th div.base{width: 90%;}
    div.modal10th div.inner{padding: 0 7.5% 50px;}
    div.modal10th div.inner p.title{}
    div.modal10th div.inner p.title img{width: 240px; height: 336px;}
    div.modal10th div.inner p.img img{max-width: 100%; height: auto;}
    div.modal10th .btnClose10th.center{width: 40px; height: 40px;}
    div.modal10th .btnClose10th.center img{width: 40px; height: 40px;}
}

/**/

body.about, body.about #sb-site, body.about .sb-site-container{background:#b0aeaa;}
#content{width:100%; overflow:hidden;}

#infscr-loading{text-align:center; margin:0 auto; clear:both; padding:30px 0 20px 0;}
#infscr-loading img{width:24px!important; height:24px!important;}

/*その他*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.clearfix{display: inline-block;}
.clear{clear:both; margin:0; padding:0;}

.aligncenter{text-align:center!important;}
.alignleft{text-align:left;}
.alignright{text-align:right;}

.flLeft{float:left; padding:0 25px 25px 0;}
.flRight{float:right; padding:0 0 25px 25px;}

.margin0{padding:0;}
.margin5{padding:0 0 5px 0;}
.margin10{padding:0 0 10px 0;}
.margin15{padding:0 0 15px 0;}
.margin20{padding:0 0 20px 0;}
.margin25{padding:0 0 25px 0;}
.margin30{padding:0 0 30px 0;}
.margin35{padding:0 0 35px 0;}
.margin40{padding:0 0 40px 0;}
.margin45{padding:0 0 45px 0;}
.margin50{padding:0 0 50px 0;}
.margin60{padding:0 0 60px 0!important;}
.margin65{padding:0 0 65px 0;}
.margin70{padding:0 0 70px 0;}
.margin75{padding:0 0 75px 0;}