@charset "utf-8";
/*  common
----------------------------------------------------------------------------------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//cdn.jsdelivr.net/npm/yakuhanjp@2.0.0/dist/css/yakuhanjp.min.css);
*{font-family:  YakuHanJP, 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-size: 16px; word-break: normal; font-weight:normal; -webkit-font-smoothing:subpixel-antialiased; }

/* font 別バージョン
----------------------------------------------------------------------------------------------------------- */
/* *{ font-family: -apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 16px; letter-spacing: 1.5px; font-feature-settings: "palt" 1; font-kerning: auto; line-height: 1.75;} */
/* 明朝系　*{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} */






body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; *font:x-small;}
select,input,button,textarea,button{ font:99% arial,helvetica,clean,sans-serif;}
table{ font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{ font-family:monospace;*font-size:108%;line-height:100%;}
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/


a{text-decoration: none;}
img{width: auto; max-width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
.flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.flex2{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
strong{font-weight: bold;}




.block-box{width: 100%; margin: 0 auto;}
@media screen and (min-width:700px) and ( max-width:1024px){
.block-box{width: 1024px; margin: 0 auto;}
}



/*  TOPの高さ調整
----------------------------------------------------------------------------------------------------------- */
.position-box{top:50px; position: relative;}
.position-boxnotop{position: relative;}
.base-wp{height: auto; }



/*  出しわけ
----------------------------------------------------------------------------------------------------------- */
.pc-only{display:block;}
.sp-only{display:none;}

@media screen and (max-width: 700px) {
.pc-only{display:none;}
.sp-only{display:block;}
}




/*  footer
----------------------------------------------------------------------------------------------------------- */
#footer{background:url(../img/common/footer-bg.jpg);}

.base-footer-box{width: 95%; margin: 0 auto; padding: 14px 0 48px 0; font-size:14px; line-height:1.61; color: #5f5c77; padding-top: 3%;}


.base-footer-sns-btn{width: 50%; max-width: 150px; padding: 10px 0;}
.base-footer-sns-btn li{width: 31.3%; padding:1%;}

.base-platform-icon li{padding:2%;}


.footer-left-box{width: 23%;}
.footer-center-box{width: 47%;}
.footer-right-box{width: 30%; text-align: right; font-size:12px;}





.snslink{ display: -webkit-flex; display: flex; padding-bottom:4px;}
.snslink dd { -webkit-flex: 1; flex: 1;}
.snslink dt { width: 30px;}

.footer-left-box a{ color: #5f5c77;}
.footer-left-box a:visited { color: #5f5c77; }
.footer-left-box a:hover { color: #5f5c77; text-decoration: underline;}
.footer-left-box a:active { color: #5f5c77; }


@media screen and (max-width: 700px) {
.footer-left-box{width: 95%; margin: 0 auto; max-width:270px; }
.footer-left-box dl{margin: 0 auto; padding: 2%; width: calc(80% - 2px); margin: 1px auto; /*background-color:rgba(95,92,119,0.20);*/}
.base-footer-sns-btn{margin: 0 auto; padding-top: 5%;}


.footer-center-box{width: 100%;}
.footer-right-box{width: 100%; text-align: center;}

}


/*  要素のセンター
----------------------------------------------------------------------------------------------------------- */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}





/*  page-top
----------------------------------------------------------------------------------------------------------- */
#pageTop{ position: fixed; bottom: 20px; right: 10px; }
#pageTop a { display: block; z-index: 997; width: 80px; height: 80px; }
#pageTop a:hover { text-decoration: none; opacity: 0.7;}


/*  動画埋め込み
----------------------------------------------------------------------------------------------------------- */
.movie_emb_box{width: 95%; max-width: 1000px; margin: 10px auto 0 auto;}
.movie_emb{ position: relative; width: 100%; padding-top: 56.25%;}
.movie_emb iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}