@charset 'UTF-8';
/* --------------------------------------- */
.box_hl {
    color: #fff;
    background-color: #29304c;
}
.tokai-pages .box_hl {
    background-color: #000;
}
.box_hl .hl_header {
    width: 1080px;
    font-size: 10px;
    line-height: 1.5;
    color: inherit;
    margin: auto;
    padding: 2px 20px;
    box-sizing: border-box;
}
/* ロゴ */
.header_info {
    position: relative;
    font-size: 16px;
}
.header_info .main {
    float: left;
    width: 524px;
    height: 130px;
}
.header_info .sub {
    width: 525px;
    padding-top: 6px;
}
.header_info .logo {
    float: left;
    width: 120px;
    text-align: center;
    margin-top: 9px;
}
.header_info .logo img {
    margin: auto;
}
.header_info .user_name,
.header_info .text_box .num {
    font-weight: bold;
    color: #f00;
}
/* banner */
.header_info .box_banner {
    float: right;
    width: 525px;
    height: 75px;
    margin: 10px 2px 25px 0;
    overflow: hidden;
    box-sizing: border-box;
}
/* --------------------------------------- */
/* 各ガイドリンク */
.nav_guide {
    position: absolute;
    bottom: 0;
    left: 120px;
}
.list_guide .elm:not(:last-child) {
    margin-right: 10px;
}
/* --------------------------------------- */
/* エリア版リンク */
.nav_area {
    padding-top: 8px;
    padding-bottom: 12px;
    background-color: #2a314d;
}
.area_multi {
    float: left;
    width: 819px;
    height: 94px;
    background: url(../images/common/nav-page1/nav-page-long-e1714729d37797bc60fac16ae2e03b21.png) left top no-repeat;
}
.area_single {
    float: left;
    width: 120px;
    margin-left: 10px;
    background: url(../images/common/nav-page1/nav-single-e51d7bfeef9ba05e4e02f609a461094b.png) left top no-repeat;
}
.area_multi .lbl_area {
    display: block;
    float: left;
    padding: 1px 6px 0 0;
}
.area_multi .list_area {
    padding-top: 5px;
}
.area_multi .list_area .elm {
    float: left;
    margin-right: 6px;
}
/* 各ガイド */
.tokai-pages2 .area_multi {
    height: 56px;
    background-image: url(../images/common/nav-page2/nav-page2-long-cea6ad4a9faba5755e5a98fff51ae3ec.png);
}
.tokai-pages2 .area_multi .lbl_area {
    padding: 0;
}
.tokai-pages2 .area_multi .list_area {
    padding-top: 0;
}
.tokai-pages2 .area_multi .elm {
    margin-right: 0;
}
.tokai-pages2 .area_single {
    width: 112px;
    margin: 0 0 0 8px;
    padding: 0 0 0 10px;
    background-image: url(../images/common/nav-page2/nav-page2-single-b7078cdf5d8d5b62b61456fb1ce6b780.png);
}
/* エリア版色指定 */
#pages.tokai-pages header {
    background: #383838;
}
#pages.tokai-pages .header_info .text_box {
    color: #fff;
}
#pages.tokai-pages .nav_area {
    background-color: #000;
}
/* --------------------------------------- */
/* コンテンツメニュー */
#pages-nav-sub {
    height: 38px;
    margin: -5px 0 0 0;
    background: #e1e2e6;
    clear: both;
}
.menu_contents {
    display: flex;
    width: 1080px;
    margin: 0 auto;
    padding: 3px 0 0 0;
}
.menu_contents .elm {
    position: relative;
    padding-bottom: 2px;
    background-color: #f23f3c;
    box-sizing: border-box;
    flex: 1 0 auto;
}
.menu_contents .menu_hl,
.menu_contents .menu_link {
    display: inline-block;
    width: 100%;
    height: 33px;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    color: #333;
    text-align: center;
    padding: 0 16px;
    background-image: linear-gradient(#fff 80%, #dad9d9);
    border: 1px solid #b3b3b3;
    box-sizing: border-box;
    text-decoration: none;
    box-shadow: 0 -1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset;
}
.menu_contents .elm.home .menu_link {
    line-height: 34px;
    background: #f23f3c;
    border: none;
    box-shadow: none;
}
.menu_contents .menu_hl {
    cursor: default;
}
.menu_contents .menu_hl::after {
    position: absolute;
    right: 0;
    bottom: 4px;
    left: 0;
    z-index: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-width: 3px 3px 0 3px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #8d8d8d;
    border-bottom-width: 0;
    content: '';
}
.menu_contents .elm.home .menu_link {
    color: #fff;
}
.menu_contents .icon {
    display: inline-block;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: 0 7px;
    vertical-align: middle;
}
.menu_contents .icon.sugu {
    background-image: url(../images/pages/nav2/icon_sugu-a72c99b77aa358da652faf7368bf81e4.png);
}
.menu_contents .icon.search {
    background-image: url(../images/pages/nav2/icon_seach-d82f2669814c8f48403ea62ebfb5e4b4.png);
}
.menu_contents .icon.shop {
    background-image: url(../images/pages/nav2/icon_building-21fb29e8f15359df90337f5224489de6.png);
}
.menu_contents .icon.shop {
    background-image: url(../images/pages/nav2/icon_building-21fb29e8f15359df90337f5224489de6.png);
}
.menu_contents .icon.ranking {
    background-image: url(../images/pages/nav2/icon_king-b230353cf4cfa54023dcd772872bdab5.png);
}
.menu_contents .icon.new {
    background-image: url(../images/pages/nav2/icon_rss-20f4238d6aed16b3fb91eccee0a07b9f.png);
}
.menu_contents .icon.movie {
    background-image: url(../images/pages/nav2/icon_movie-38e17649014edb8b7d5f2f3e5f95354c.png);
}
.menu_contents .icon.diary {
    background-image: url(../images/pages/nav2/icon_pencil-70018e5fc0a35cc2cb190096808fe239.png);
}
.menu_contents .icon.discount {
    background-image: url(../images/pages/nav2/icon_discount-f4eaf90967542398ad07b38f9e84ca55.png);
}
.menu_contents .inner_menu {
    display: none;
}
.menu_contents .elm:hover .inner_menu,
.js_sp_menu_open .inner_menu {
    position: absolute;
    top: 35px;
    z-index: 1001;
    display: block;
    background: #fff;
}
.menu_contents .elm:last-child:hover .inner_menu {
    right: 0;
}
.menu_contents .inner_menu li {
    border: 1px solid #d1d1d1;
}
.menu_contents .inner_menu li a {
    display: block;
    width: 163px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    color: #111;
    padding: 12px 18px 12px 10px;
    background-color: #fff;
    background-image: url(../images/pages/nav1/icon01-089cb1b7dcad42aab358b155a8011045.png);
    background-repeat: no-repeat;
    background-position: 176px center;
    border-left: 4px solid #fff;
}
.menu_contents .inner_menu li a:hover {
    background-color: #f2f2f2;
    background-image: url(../images/pages/nav1/icon02-4e3dd077fded0b0877bab4094d4e77e7.png);
    border-left: 4px solid #ff4141;
    text-decoration: none;
}
.tokai-pages2-color2 .menu_contents .elm {
    background-color: #2bbae0;
}
.tokai-pages2-color2 .menu_contents .elm.home .menu_link {
    background: #2bbae0;
}
.tokai-pages2-color2 .menu_contents .icon {
    filter: hue-rotate(189deg) brightness(136%);
}
.tokai-pages2-color3 .menu_contents .elm {
    background-color: #3fb13b;
}
.tokai-pages2-color3 .menu_contents .elm.home .menu_link {
    background: #3fb13b;
}
.tokai-pages2-color3 .menu_contents .icon {
    filter: hue-rotate(145deg) brightness(124%);
}
/* --------------------------------------- */
.sub_nav {
    display: flex;
    margin: auto;
    padding: 8px 0;
    align-items: center;
}
#wrap > .sub_nav {
    padding-top: 0;
}
.shop_common .sub_nav {
    width: 1080px;
    padding: 8px;
    box-sizing: border-box;
}
.sub_nav .list_breadcrumb {
    flex: 0 1 auto;
}
.sub_nav .box_info {
    text-align: right;
    padding-left: 40px;
    flex: 1 0 auto;
    align-self: flex-start;
}
.sub_nav .box_info + .member_menu {
    padding-left: 10px;
    flex: 0 0 auto;
}
/* パンくず */
.list_breadcrumb {
    font-size: 11px;
}
.list_breadcrumb {
    align-items: center;
}
.list_breadcrumb li {
    display: inline-block;
    padding: 0 5px 0 0;
}
.list_breadcrumb a {
    padding: 0 5px 0 0;
    text-decoration: underline;
}
.sub_nav .list_breadcrumb a:hover {
    text-decoration: none;
}
/* ページタイトル */
/* 会員メニュー */
.page-title,
.member_menu {
    display: inline-block;
    font-size: 12px;
}
.member_menu .member_msg {
    display: inline-block;
    max-width: 200px;
    text-align: left;
}
.page-title + .member_menu .member_msg {
    margin-left: 3px;
    padding-left: 6px;
    border-left: 1px solid #aaa;
}
.member_menu .user_name {
    display: inline-block;
    max-width: 7em;
    font-weight: bold;
    color: #f00;
    overflow: hidden;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.member_menu .btn {
    display: inline-block;
    color: #000;
    margin-left: 4px;
    padding: 2px 6px 2px 20px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border: 1px solid #c1c3c7;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none;
}
.member_menu .btn.mypage {
    background-image: url(../images/common/icon_mypage-bce9cdb0b7ea74bf4813f2b1e061a458.png);
}
.member_menu .btn.login {
    background-image: url(../images/common/icon_login-05bc49d72e6d4c96bf214e84230f468a.png);
}
.member_menu .btn.logout {
    padding-left: 22px;
    background-image: url(../images/common/icon_logout-b9b90842e7c9b3ffbf6e29d7603187af.png);
}
.member_menu .btn.register {
    background-image: url(../images/common/icon_register-379ca1f4217020be4f5b5a33a1e6d5e0.png);
}
/* --------------------------------------- */
.header_info .marquee {
    margin-top: 6px;
}
.site_info {
    font-size: 14px;
    margin-top: 2px;
}
/* ヘッダ検索ボックス */
.header_info .box_search {
    font-size: 12px;
    margin-top: 2px;
}
/* 切り替えタブ */
.box_search .rdb,
.box_search .box_input {
    display: none;
}
.box_search .rdb.shop:checked ~ .box_input.shop,
.box_search .rdb.item:checked ~ .box_input.item {
    display: block;
}
.header_info .box_search .lbl,
.header_info .txb_search,
.header_info .btn_search {
    height: 32px;
    line-height: 32px;
}
.header_info .box_search .lbl {
    display: inline-block;
    float: left;
    width: 50px;
    color: #666;
    text-align: center;
    background-color: #c7c7c7;
    cursor: pointer;
}
.header_info .rdb.shop + .lbl {
    border-radius: 4px 0 0 4px;
}
.box_search .rdb:checked + .lbl {
    font-weight: bold;
    color: #fff;
    background-color: #0060c1;
}
.box_search .box_input {
    margin-left: 4px;
}
.header_info .txb_search {
    width: 270px;
    box-shadow: 0 2px 2px rgb(232, 232, 232) inset;
}
.header_info .btn_search {
    width: 34px;
    font-weight: normal;
    line-height: 1em;
    padding-left: 8px;
    border: none;
}
.header_info .btn_search .yoasobicon_search {
    font-size: 18px;
}
.tokai-pages .header_info .txb_search {
    border: none;
}