@charset "utf-8";

/*==============================================================================
    #shop style
============================================================================= */
.shop_bg { position:relative; height:16.5em; background:#eaedf1 url(../img/shop_pc.jpg) no-repeat 50% 0; }


/*==============================================================================
    #kv-nanba style
============================================================================= */
.kv-nanba_bg { position:relative; height:16.5em; background:#eaedf1 url(../img/nanba_kv_pc.jpg) no-repeat 50% 0; }
.kv-nanba_inner { position:relative; max-width:980px; width:100%; margin:0 auto; height: 16.5em; }
.kv-nanba_ttl { position:absolute; top:0; bottom:0; color:#222; font-size:2em; font-weight:bold; text-shadow:0 1px 0 #fff; margin:auto 0; height:64px; }
.kv-nanba_img_pc { max-width:none; position:relative; left:-170px; }
.kv-nanba_img_sp { display:none; }

/*==============================================================================
    #nanba style
============================================================================= */
#profile { margin:0 0 2.5em; }
.profile_ttl { margin:0 0 1em; padding:0 0 0 .5em; border-left:.4em solid #d71718; background:url(../img/ttl_bg.png); color:#d71718; font-size:1.3em; font-weight:bold; letter-spacing:.1em; }
.profile_img { float:left; display:block; width:45%; }
.profile_box { float:right; width:52%; }
.profile_box h3 { margin:0 0 .4em; font-size:.8em; font-weight:bold; }
.profile_box dl { font-size:.7em; line-height:2; margin: 0 0 1em; }
.profile_box dt { display:inline-block; padding:0 .4em; border-radius:.2em; background:#a0a0a0; color:#fff; }

/*==============================================================================
    #access style
============================================================================= */
#access { margin:0 0 2.5em; }
.access_stepBox { margin:0 0 1.5em; padding:.9em 1em; background:#f8f8f8; }
.access_stepBox h3 { margin:0 0 1.3em; color:#003973; font-weight:bold; }
.access_stepBox h3:after { display:block; width:100%; height:.2em; margin:.3em 0 0; border-radius:.2em; background:#003973; content:''; }
.access_stepBox_img { display:block; float:left; width:61.3%; margin:0 .9em 0 0; }
.access_stepBox p { font-size:.8em; line-height:1.8; }
.access_map { margin:0 0 2.5em; }
.access_btn { display:none; }


/*==============================================================================
    SP style
============================================================================= */
@media screen and (max-width: 767px) {
	.shop_bg { height: auto; }
	.kv-nanba_bg { background:none; height:auto; }
	.kv-nanba_inner { height:auto; padding:0; }
	.kv-nanba_img_pc { display:none; }
	.kv-nanba_img_sp { display:block; width: 100%; }
	.kv-nanba_ttl { left:1rem; padding:0; text-align:center; line-height:1.4; height:32px; }
	.profile_img { float:none; display:block; width:75%; margin:0 auto 1rem; }
	.profile_box { float:none; width:100%; }
	.profile_box h3 { margin:0 0 .2rem; font-size:1.5rem; }
	.profile_box dl { font-size:1.3rem; line-height:2; }
	.profile_box dt { display:inline-block; padding:0 .4em; border-radius:.2em; background:#a0a0a0; color:#fff; }
	.access_stepBox h3 { font-size:1.5rem; }
	.access_stepBox_img { float:none; width:100%; margin:0 0 1rem; }
	.access_stepBox p { font-size:1.3rem; }
	.access_map { display:none; }
	.access_btn { display:block; width:91.6%; margin:0 auto 2.5rem; }
}


/*==============================================================================
    Tablet style
============================================================================= */
@media (min-width: 767px) and (max-width: 1024px) {
	.kv-nanba_ttl { padding:2.7em 0 0 .5em; font-size: 2.2rem; }
}