@charset "UTF-8";
/*=============================================================
 02_base
=============================================================*/
/*!  02_base
================================================ */
html { overflow: auto; }
body { min-width: 320px; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 1.3rem; line-height: 1.8; letter-spacing: .02em; color: #231815; font-family: 'Noto Sans JP', sans-serif,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; font-style: normal; box-sizing: border-box; }
@media all and (min-width: 600px) { body { max-width: 600px; margin: auto; } }
a { color: #231815; text-decoration: underline; }
img { width: 100%; height: auto; }
.cf:after { content: ''; display: block; clear: both; }
.serif { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
.roboto { font-family: 'Roboto Condensed', sans-serif; }
.crimson { font-family: 'Crimson Text', serif; }
/* layout
-------------------------------------- */
#wrapper { position: relative; }
.mod_inner01 { padding: 0 20px; }
/*=============================================================
 03_layout
=============================================================*/
/*!  #gHeader
================================================ */
#gHeader { position: absolute; left: 0; top: 0; width: 100%; }
#gHeader .hdInfo { max-width: 600px; margin: auto; overflow: hidden; }
#gHeader .hdInfo .logo { float: left; padding: 10px 0 0 20px; width: 75px; }
#gHeader .hdInfo .access { float: right; width: 80px; height: 68px; margin-right: 10px; padding-top: 13px; background: url(../img/header/bg_reborn.png) no-repeat top center; background-size: contain; color: #fff; line-height: 1.30769; text-align: center; }
/*!  #mainimg
================================================ */
#mainimg { padding: 235px 0 15px; background: url(../img/header/bg_header01.png) no-repeat top center; background-size: cover; }
#mainimg .mainTxt { padding: 0 20px; }
#mainimg .feature { padding: 20px 19px 0 14px; }
#mainimg .price { padding: 11px 34px 0 36px; }
#inducementBtn { padding: 10px 40px; }
/*!  #breadcrumb
================================================ */
#breadcrumb ol { width: 1000px; margin: 0 auto; overflow: hidden; padding: 17px 0 51px; }
#breadcrumb ol li { float: left; display: inline-block; font-size: 12px; line-height: 1.2; }
#breadcrumb ol li + li { padding-left: 6px; }
#breadcrumb ol li + li:before { content: ">"; color: #a3a2a2; }
#breadcrumb ol li a { display: inline-block; text-decoration: underline; }
/*!  #sidebar
================================================ */
#sidebar { background-color: #333; }
#sidebar .leadTit { text-align: center; color: #fff; padding: 10px 0 0; }
#sidebar .categories { padding: 15px; }
#sidebar .categories li + li { margin-top: 10px; }
#sidebar .categories a { display: block; padding: 4px 0 2px; text-align: center; color: #333; font-size: 12px; text-decoration: none; }
#sidebar .btns { background-color: #fff; border: 2px solid #333; padding: 10px; }
#sidebar .btns li + li { margin-top: 10px; }
/*!  #gFooter
================================================ */
#gFooter .copyright { padding: 25px 0; text-align: center; font-size: 1.2rem; }
/*=============================================================
 05_helper
=============================================================*/
/*!  .js-name
================================================ */
/*=============================================================
 06_lib
=============================================================*/
