@charset "euc-jp";

body {
    background-color: < {
        $page_bgcolor
    }

    >;
    background-image: url(https://img.shop-pro.jp/tmpl_img/76/bg.gif);

    color: < {
        $font_color
    }

    >;
    -webkit-font-smoothing: antialiased;
    font-family:’メイリオ’,
    ‘Meiryo’,
    ’ＭＳ ゴシック’,
    ’Hiragino Kaku Gothic ProN’,
    ’ヒラギノ角ゴ ProN W3’,
    sans-serif;
}

a {
    color: < {
        $link_normal
    }

    >;
}

a:hover {
    color: < {
        $link_hover
    }

    >;
    text-decoration: none;
}

form {
    margin: 0;
}

/*
 * layout
 */

#wrapper {
    position: relative;
}

.container {}

/* common */
.heading {
    font-size: 18px;
    font-weight: bold;
    /* normal */
    margin: 0;
    padding-bottom: 10px;
    /*letter-spacing: 0.1em;*/
    border-bottom: 1px solid #BCBCBC;
}

.lists {
    margin: 0;
    border-bottom: 1px solid #BCBCBC;
}

.list {
    border-top: 1px solid #ccc;
    font-weight: normal;
}

.list:first-child {
    border-top: none;
}

.list_link {
    padding: 20px 0;
}

.list_link_name {
    display: block;
    padding-right: 30px;
}

.list_link_img {
    margin-bottom: 5px;
}

.list_icon_arrow {
    float: right;
    margin-right: 10px;
}

.item_img {
    margin: 0 auto;
}

.item_img:hover {
    opacity: 0.8;
}

.item_name {
    padding-top: 5px;
}

.item_regular_price {
    text-decoration: line-through;
}

.item_price {
    font-weight: bold;
}

.item_price_discount {
    color: #cf0400;
}

.item_discount_rate {
    color: #cf0400;
}

.item_soldout {
    color: #cf0400;
}

.rank_box {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #333;
    display: block;
    z-index: 5;
}

.rank_box_color_1 {
    background-color: #dccc18;
}

.rank_box_color_2 {
    background-color: #bab9c1;
}

.rank_box_color_3 {
    background-color: #e18961;
}

.rank_number {
    color: #fff;
    display: block;
    padding-top: 1px;
    font-size: 14px;
}

.btn-more {
    width: 96%;
    margin: 0 auto 60px;
    padding: 10px 12px;
}

/*
 * header
 */

#header {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    #header {
        margin-bottom: 0;
    }
}

.header_top {
    width: 100%;
    /*height: 50px;*/
    /*30px*/
    /*border-bottom: 1px solid #eee;*/
    position: absolute;
    top: 0;
    background-color: #fff;
    z-index: 9;
}

.header_top_cmspbar {
    position: fixed;
}

.header_top_inner {
    max-width: 1200px;
    margin: 0 auto;
}

.search_form {
    margin: 0;
    padding-top: 10px;
    float: left;
}

.search_select {
    width: 150px;
    border: 1px solid #101010;
    font-size: 12px;
}

.search_box {
    width: 70%;
}

.btn_search {
    padding: 2px 5px 3px 5px;
    border: 1px solid #101010;
}

.btn_search i {
    vertical-align: -35%;
}

.header_nav_headline {
    text-align: right;
    font-size: 12px;
    margin-top: 5px;
    letter-spacing: 0.1em;
    float: right;
}

.header_nav_headline li a i {
    vertical-align: -40%;
}

.header_nav_headline li a {
    /*color: #fff;*/
    margin-right: 5px;
}

.header_nav_headline li a:hover {
    color: #ccc;
    text-decoration: none;
}

.header_nav_headline .headline_viewcart {
    padding-left: 15px;
    border-left: 1px solid #000;
}

.header_mid {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #BCBCBC;
    position: absolute;
    top: 25px;
    background-color: #fff;
    z-index: 9;
}

.header_mid_cmspbar {
    position: fixed;
}

.header_mid_inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.header_nav_global {
    font-size: 16px;
    margin-top: 14px;
}

ul.header_nav_global>li {
    padding: 0 5px 0 0;
}

.header_nav_global li a i {
    vertical-align: -40%;
}

.header_nav_global li a {
    color: #000;
}

.header_nav_global li a:hover {
    text-decoration: none;
    opacity: 0.6;
}

.header_nav_global_box {
    display: none;
    width: 100%;
    height: auto;
    background-color: #333;

    background-color: < {
        $key_color
    }

    >;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: absolute;
    top: 32px;
    /*サブナビ高さ*/
    left: -1px;
    padding: 0;
}

.header_nav_global_box_heading {
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding-top: 30px;
    text-align: center;
    letter-spacing: 0.1em;
}

.header_nav_global_box_detail {
    background-color: #fff;
    padding: 30px 20px 20px;
}

.header_nav_global_left {
    float: left;
    margin: 0;
}

.header_nav_global_left li {
    padding-bottom: 15px;
}

.header_nav_global_right {
    float: right;
}

.header_nav_global_social {
    padding-left: 5px;
}

ul.header_nav_global_social>li {
    padding: 0;
}

.header_nav_global_social li a i {
    vertical-align: -40%;
}

.header_btm {
    max-width: 1200;
    padding-top: 70px;
    margin: 0 auto;
}

.header_logo {
    margin: 0 auto;
    padding-top: 40px;
    float: left;
}

.header_lead {
    padding-top: 40px;
    font-size: 18px;
    color: #aaa;
    letter-spacing: 0.1em;
    float: right;
}

.header_nav_phone {
    z-index: 99;
    float: right;
}

.header_nav_lst_phone {
    position: absolute;
    left: 55%;
    display: none;
    margin-left: -50%;
    width: 90%;
    border: 1px solid #fff;
    background: #B80314;
}

.header_nav_lst_phone a {}

.header_nav_lst_phone ul {
    margin: 0;
}

.header_nav_lst_phone li {
    padding: 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 12px;
}

.header_nav_lst_phone li:last-child {
    border-bottom: none;
}

.header_nav_lst_phone a {
    display: block;
    padding: 6px 0;
    color: #fff !important;
}

.header_nav_lst_phone a:hover {
    background: #333;
    text-decoration: none;
    color: #fff;
}

.nav_btn_phone {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.nav_btn_phone i {
    vertical-align: -40%;
}

/*
 * main
 */

.main {
    max-width: 1200px;
}

/*
 * contents
 */

.contents {
    padding: 0;
    float: right;
}

/* pankuzu */
.pankuzu_lists {
    font-size: 10px;
}

ul.pankuzu_lists>li {
    padding: 0;
}

.pankuzu_list {}

/* info */
.info {
    margin-bottom: 50px;
}

.info_heading {}

.info_detail {
    margin: 20px 0 0;
    font-size: 13px;
}

.info_detail_lists {}

.info_detail_list_dt {
    padding: 20px 0 5px;
}

.info_detail_list_dt:first-child {
    padding: 0 0 5px;
}

.info_detail_list_dd {
    margin: 0;
}

/* ranking（seller） */
.seller {
    margin-bottom: 20px;
}

.seller_heading {}

.seller_lists {
    margin-top: 20px;
    font-size: 12px;
}

.seller_list {
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}

/* recommend, new-item */
.recommend,
.new-item {
    margin-bottom: 20px;
}

.recommend_heading,
.new-item_heading {}

.recommend_lists,
.new-item_lists {
    margin-top: 20px;
    font-size: 12px;
}

.recommend_list,
.new-item_list {
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}

/* free_space */
.free_space {}

/*
 * side
 */

.side {
    padding: 0;
}

.side .unstyled img {
    display: block;
    margin-bottom: 5px;
}

.side_banner {
    margin: 0 0 40px;
}

.side_banner_lists {}

.side_banner_list {
    margin-top: 19px;
}

.side_banner_list:first-child {
    margin-top: 0;
}

.side_category {
    margin: 0;
}

.side_category_list {
    position: relative;
}

.side_subcategory_lists {
    width: 80%;
    padding: 15px 20px;
    position: absolute;
    top: -21px;
    right: -180px;
    border: 1px solid #ccc;
    background-color: #fff;
    z-index: 7;
    display: none;
}

.side_subcategory_list {
    border-top: none;
}

.side_subcategory_lists li a {
    padding: 5px 0;
}

.side_group {
    margin-top: 60px;
}

.side_group_heading {}

.side_group_lists {}

.side_group_list {}

.side_freepage {
    margin-top: 60px;
}

.side_freepage_heading {
    margin-bottom: 20px;
}

.side_freepage_lists {}

.side_freepage_list {
    padding-top: 0;
    border: none;
}

.side_freepage_list a {
    padding: 0 0 20px 0;
}

.side_mobile_shop {
    margin-top: 60px;
}

.side_mobile_shop_heading {
    margin-bottom: 20px;
}

.side_mobile_shop_img {
    text-align: center;
}

.side_banner_long {
    margin-top: 40px;
}

/*
 * footer
 */

.footer {
    width: 100%;
    margin-top: 40px;
}

.footer_inner {
    max-width: 1200px;
    margin: 0 auto;
}

.footer_heading {}

.footer_lists {
    margin-top: 20px;
}

.footer_list {
    padding: 0 10px;
    text-align: center;
}

.footer_list_img {
    margin: 0 auto;
}

.footer_seller,
.footer_recommend,
.footer_new-item,
.footer_checked {
    margin-bottom: 40px;
}

.footer_seller_lists,
.footer_recommend_lists,
.footer_new-item_lists,
.footer_checked_lists {
    font-size: 10px;
}

.footer_seller_list,
.footer_recommend_list,
.footer_new-item_list,
.footer_checked_list {
    margin-bottom: 10px;
}

.footer_banner {
    padding-bottom: 60px;
    margin: 0 auto;
}

.footer_pagetop {
    text-align: center;

    background-color: < {
        $key_color
    }

    >;
}

.footer_pagetop a {
    display: block;
    width: 100%;
    height: 40px;
}

.footer_pagetop_icon {
    margin-top: 8px;
}

.footer_notice {
    padding: 60px 0;

    background-color: < {
        $sub_key_color
    }

    >;
}

h3.footer_notice_heading {
    /*padding-bottom: 40px;*/
    border-bottom: solid 1px #BCBCBC;
    margin-bottom: 10px;
}

.footer_notice_lists {
    margin: 0;
}

.footer_notice_list_dt {
    padding: 20px 0 10px;
}

.footer_notice_list_dt:first-child {
    padding: 0 0 10px;
}

.footer_notice_list_dd {
    margin: 0;
    line-height: 1.8;
}

.footer_notice_cal_table {}

.footer_notice_cal_memo {}

.tbl_calendar {
    margin-bottom: 20px;
    max-width: 260px;
    width: 100%;
    font-size: 84.615%;
}

.tbl_calendar caption {
    text-align: center;
}

.tbl_calendar th {
    padding: .3em 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.tbl_calendar td {
    padding: .5em 0;
    width: 14.2%;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.cal_memo {
    margin-top: 1em;
    font-size: 84.615%;
}

.footer_nav {
    padding: 60px 0;

    background-color: < {
        $key_color
    }

    >;
}

.footer_nav_shopinfo {
    color: #fff;
}

.footer_nav_shopinfo_img {
    padding: 0;
    text-align: left;
}

.footer_nav_shopinfo_img img {
    width: 180px;
}

.footer_nav_shopinfo_caption {
    padding: 0 2%;
}

.footer_nav_shopinfo_name {
    font-size: 18px;
    padding-left: 5px;
}

.footer_nav_shopinfo_memo {
    padding-left: 5px;
}

.footer_nav_lists {}

.footer_nav_list {
    color: #fff;
    padding-top: 15px;
}

.footer_nav_list:first-child {
    padding-top: 0;
}

.footer_nav_list_link {
    color: #fff;
}

.footer_nav_list_link:hover {
    color: #ccc;
    text-decoration: none;
}

.footer_copyright {
    text-align: center;
    padding: 2em 0;
    font-size: 10px;
}

.footer_copyright p {
    margin-bottom: 0;
}

@media (min-width: 769px) {
    .footer_copyright {
        text-align: left;
    }
}

.footer_powered {
    display: block;
    padding: 10px 0;
    line-height: 18px;
}

.footer_powered a {
    color: #a1a19f;
    text-decoration: none;
    font-size: 11px;
}

.footer_powered img {
    margin-bottom: 10px;
    margin-left: 4px;
    width: 200px;
    height: 18px;
}

/*
 * Slider
 */

.slider {
    position: relative;
    margin-bottom: 40px;
}

.bx-wrapper {
    z-index: 0;
}

@media (max-width: 768px) {
    .bx-wrapper {
        margin-top: 50px;
        padding-top: 50px;
    }
}

.bx-wrapper img {
    width: 100%;
    height: auto;
}

.slider .bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    left: 0 !important;
    border: none !important;
}

.slider .bx-wrapper .bx-caption {
    background: #000\9;
    background: rgba(0, 0, 0, 0.60);
}

.slider .bx-wrapper .bx-caption span {
    font-size: 14px;
    padding: 10px 10px 10px 20px;
}

/*
 * sk privacy
 */

.skpr_box {
    padding-top: 120px;
    margin-top: -60px
}

.skpr_box:first-child {
    padding-top: 0;
    margin-top: 0;
}

.skpr_detail,
.privacy_lead {
    margin: 20px 0 0;
    font-size: 13px;
}

.skpr_detail_lists {}

.skpr_detail_list_dt {
    padding: 20px 0 5px;
}

.skpr_detail_list_dt:first-child {
    padding: 0 0 5px;
}

.skpr_detail_list_dd {
    margin: 0;
}

/*
 * temp
 */

/* textarea input */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border: 1px solid #101010;
    background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    outline: 0;
    outline: thin dotted \9;
    border-color: rgba(82, 168, 236, 0.8);
}

/*
 * icons
 */
.icon-b.icon-user {
    background-position: -208px -0px;
}

.icon-w.icon-user {
    background-position: -208px -0px;
}

.icon-lg-b.icon-user {
    background-position: -312px -1px;
}

.icon-lg-w.icon-user {
    background-position: -312px -0px;
}

.icon-b.icon-adduser {
    background-position: -240px -0px;
}

.icon-w.icon-adduser {
    background-position: -240px -0px;
}

.icon-lg-b.icon-adduser {
    background-position: -360px -0px;
}

.icon-lg-w.icon-adduser {
    background-position: -360px -0px;
}

.icon-b.icon-login {
    background-position: -48px -80px;
}

.icon-w.icon-login {
    background-position: -48px -80px;
}

.icon-lg-b.icon-login {
    background-position: -72px -120px;
}

.icon-lg-w.icon-login {
    background-position: -72px -120px;
}

.icon-b.icon-logout {
    background-position: -32px -80px;
}

.icon-w.icon-logout {
    background-position: -32px -80px;
}

.icon-lg-b.icon-logout {
    background-position: -48px -120px;
}

.icon-lg-w.icon-logout {
    background-position: -48px -120px;
}

.icon-b.icon-cart {
    background-position: -176px -64px;
}

.icon-w.icon-cart {
    background-position: -176px -64px;
}

.icon-lg-b.icon-cart {
    background-position: -264px -97px;
}

.icon-lg-w.icon-cart {
    background-position: -264px -96px;
}

.icon-b.icon-search {
    background-position: -208px -16px;
}

.icon-w.icon-search {
    background-position: -208px -16px;
}

.icon-lg-b.icon-search {
    background-position: -312px -24px;
}

.icon-lg-w.icon-search {
    background-position: -312px -24px;
}

.icon-b.icon-mail {
    background-position: -64px -0px;
}

.icon-w.icon-mail {
    background-position: -64px -0px;
}

.icon-lg-b.icon-mail {
    background-position: -96px -0px;
}

.icon-lg-w.icon-mail {
    background-position: -96px -0px;
}

.icon-b.icon-book {
    background-position: -144px -32px;
}

.icon-w.icon-book {
    background-position: -144px -32px;
}

.icon-lg-b.icon-book {
    background-position: -216px -48px;
}

.icon-lg-w.icon-book {
    background-position: -216px -48px;
}

.icon-b.icon-help {
    background-position: -288px -80px;
}

.icon-w.icon-help {
    background-position: -288px -80px;
}

.icon-lg-b.icon-help {
    background-position: -432px -120px;
}

.icon-lg-w.icon-help {
    background-position: -432px -120px;
}

.icon-b.icon-c_twitter {
    background-position: -112px -176px;
}

.icon-w.icon-c_twitter {
    background-position: -112px -176px;
}

.icon-lg-b.icon-c_twitter {
    background-position: -168px -264px;
}

.icon-lg-w.icon-c_twitter {
    background-position: -168px -264px;
}

.icon-b.icon-c_facebook {
    background-position: -144px -176px;
}

.icon-w.icon-c_facebook {
    background-position: -144px -176px;
}

.icon-lg-b.icon-c_facebook {
    background-position: -216px -264px;
}

.icon-lg-w.icon-c_facebook {
    background-position: -216px -264px;
}

.icon-b.icon-c_google {
    background-position: -192px -176px;
}

.icon-w.icon-c_google {
    background-position: -192px -176px;
}

.icon-lg-b.icon-c_google {
    background-position: -288px -264px;
}

.icon-lg-w.icon-c_google {
    background-position: -288px -264px;
}

.icon-b.icon-c_pinterest {
    background-position: -224px -176px;
}

.icon-w.icon-c_pinterest {
    background-position: -224px -176px;
}

.icon-lg-b.icon-c_pinterest {
    background-position: -336px -264px;
}

.icon-lg-w.icon-c_pinterest {
    background-position: -336px -264px;
}

.icon-b.icon-chevron_right {
    background-position: -16px -144px;
}

.icon-w.icon-chevron_right {
    background-position: -16px -144px;
}

.icon-lg-b.icon-chevron_right {
    background-position: -24px -216px;
}

.icon-lg-w.icon-chevron_right {
    background-position: -24px -216px;
}

.icon-b.icon-chevron_down {
    background-position: -352px -128px;
}

.icon-w.icon-chevron_down {
    background-position: -352px -128px;
}

.icon-lg-b.icon-chevron_down {
    background-position: -528px -192px;
}

.icon-lg-w.icon-chevron_down {
    background-position: -528px -192px;
}

.icon-b.icon-chevron_up {
    background-position: -0px -144px;
}

.icon-w.icon-chevron_up {
    background-position: -0px -144px;
}

.icon-lg-b.icon-chevron_up {
    background-position: -0px -216px;
}

.icon-lg-w.icon-chevron_up {
    background-position: -0px -216px;
}

.icon-b.icon-chevron_left {
    background-position: -336px -128px;
}

.icon-w.icon-chevron_left {
    background-position: -336px -128px;
}

.icon-lg-b.icon-chevron_left {
    background-position: -504px -192px;
}

.icon-lg-w.icon-chevron_left {
    background-position: -504px -192px;
}

.icon-b.icon-list {
    background-position: -192px -96px;
}

.icon-w.icon-list {
    background-position: -192px -96px;
}

.icon-lg-b.icon-list {
    background-position: -288px -144px;
}

.icon-lg-w.icon-list {
    background-position: -288px -144px;
}

.icon-b.icon-pencil {
    background-position: -96px -0px;
}

.icon-w.icon-pencil {
    background-position: -96px -0px;
}

.icon-lg-b.icon-pencil {
    background-position: -144px -0px;
}

.icon-lg-w.icon-pencil {
    background-position: -144px -0px;
}

.icon-b.icon-instagram {
    background-position: -112px -192px;
}

.icon-w.icon-instagram {
    background-position: -112px -192px;
}

.icon-lg-b.icon-instagram {
    background-position: -168px -288px;
}

.icon-lg-w.icon-instagram {
    background-position: -168px -288px;
}

.icon-b.icon-youtube {
    background-position: -128px -160px;
}

.icon-w.icon-youtube {
    background-position: -128px -160px;
}

.icon-lg-b.icon-youtube {
    background-position: -191px -240px;
}

.icon-lg-w.icon-youtube {
    background-position: -191px -240px;
}

.icon-b,
.icon-w {
    width: 16px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.icon-lg-b,
.icon-lg-w {
    width: 24px;
    height: 24px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_b.png);
}

.icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_w.png);
}

.icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png);
}

.icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .icon-b,
    .icon-w {
        -webkit-background-size: 368px 320px;
        background-size: 368px 320px;
    }

    .icon-lg-b,
    .icon-lg-w {
        -webkit-background-size: 552px 480px;
        background-size: 552px 480px;
    }

    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_b.png);
    }

    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_w.png);
    }

    .icon-lg-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png);
    }

    .icon-lg-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png);
    }
}

@media (max-width: 768px) {
    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png);
    }

    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png);
    }
}

@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (max-width: 768px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 768px) and (min-resolution: 192dpi),
only screen and (max-width: 768px) and (min-resolution: 2dppx) {
    .icon-b {
        background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png);
    }

    .icon-w {
        background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png);
    }
}

/*
 * Media Queries
 */

@media (min-width: 980px) {

    .contents {
        width: 74%;
    }

    .contents_detail {
        width: 100%;
    }

    .side {
        width: 24%;
    }

    .header_nav_global_right li {
        display: inline-block !important;
    }
}

/*@media (min-width: 1200px) {
.contents {
    width: 900px;
  }
  .side {
    width: 270px;
  }
}*/
@media (min-width: 769px) {
    .footer_list {
        width: 10%;
    }
}

@media (max-width: 980px) {

    #base_gmoWrapp,
    #gmo_CMSPbar {
        overflow: hidden;
        min-width: 100% !important;
        width: 100% !important;
    }

    .contents,
    .side,
    .footer_heading {
        padding-right: 1%;
        padding-left: 1%;
    }

    .header_nav_phone {
        margin-right: 10px;
    }

    .header_nav_phone {
        margin-right: 0;
    }

    .nav_btn_phone {
        display: block;
        height: 30px;
        /*padding-top: 15px;*/
    }
}

@media (max-width: 768px) {

    .contents,
    .side,
    .footer_heading {
        padding: 0;
    }

    .productlist_lists {
        padding: 0 10px 20px;
    }

    .header_btm {
        padding-top: 51px;
        text-align: center;
        display: none;
    }

    .header_logo {
        float: none;
    }

    .header_lead {
        padding-top: 10px;
        font-size: 12px;
        float: none;
    }

    .header_nav_global_social {
        padding-left: 0;
    }

    .search_form {
        float: none;
    }

    .search_select {
        width: 80%;
        margin-bottom: 10px;
    }

    .search_box {
        width: 75%;
        float: left;
    }

    .btn_search {
        width: 15%;
        float: right;
    }

    .slider {
        margin-bottom: 20px;
    }

    .side_group,
    .side_freepage {
        margin-top: 0;
    }

    .info_detail,
    .seller_lists,
    .recommend_lists {
        padding: 0 0 20px;
        /*padding: 0 10px 20px;*/
    }

    .free_space {
        font-size: 12px;
        padding: 0 10px 60px;
    }


    .list {
        padding: 0;
    }

    .list_link {
        padding: 10px;
    }

    .list_icon_arrow {
        margin-right: 0;
    }

    .side_banner {
        margin-bottom: 40px;
        text-align: center;
    }

    .side_banner_list {
        margin-top: 0;
    }

    .side_freepage_heading {
        margin-bottom: 0;
    }

    .side_freepage_list {
        padding: 0;
        border-top: 1px solid #ccc;
    }

    .side_freepage_list a {
        padding: 10px;
    }

    .heading {
        font-size: 14px;
        font-weight: bold;
        padding: 0 0 5px;
    }

    .side_category {
        margin-top: 0;
    }

    .side_category_list {
        position: static;
        cursor: pointer;
    }

    .side_subcategory_lists {
        width: 100%;
        padding: 0;
        position: static;
        border: none;
        background-color: #f5f5f5;
        display: none;
    }

    .side_subcategory_list {
        border-top: 1px solid #ccc;
    }

    .side_subcategory_list:first-child {
        border-top: 1px solid #ccc;
    }

    .side_subcategory_lists li a {
        padding: 10px;
    }


    .side_category_heading,
    .side_group_heading,
    .side_freepage_heading,
    .footer_seller_heading,
    .footer_recommend_heading,
    .footer_new-item_heading,
    .footer_checked_heading {
        background-color: < {
            $key_color
        }

        >;
        color: #fff;
        padding: 10px 0 10px 10px;
    }

    .footer {
        margin-top: 0;
    }

    .footer_lists {
        padding: 0 10px 20px;
    }

    .footer_list {
        padding-right: 1%;
        padding-left: 1%;
    }

    .footer_checked {
        border-bottom: 1px solid #BCBCBC;
    }

    .footer_banner {
        text-align: center;
        padding: 0 10px 60px;
    }

    .footer_banner li {
        padding: 5px;
    }


    .footer_seller_lists,
    .footer_recommend_lists,
    .footer_new-item_lists,
    .footer_checked_lists {
        font-size: 12px;
    }

    .footer_seller_list,
    .footer_recommend_list,
    .footer_new-item_list {
        margin-bottom: 40px;
    }

    .footer_checked_list {
        margin-bottom: 10px;
    }

    .footer_notice {
        padding: 0;
    }

    .footer_nav {
        padding: 0;
    }

    .footer_nav_shopinfo {
        padding: 30px 0;
    }

    .footer_nav_shopinfo_img {
        padding-bottom: 10px;
        text-align: center;
    }

    .footer_nav_shopinfo_caption {
        text-align: center;
    }

    .footer_nav_shopinfo_name {
        padding-left: 0;
    }

    .footer_nav_shopinfo_memo {
        padding-left: 0;
    }

    .footer_nav_menu_right {
        padding: 0;
        border-top: 1px solid #777;
    }

    .footer_nav_menu_right li {
        margin: 0;
        padding: 0;
        /*border-bottom: 1px solid #777;*/
    }

    .footer_nav_menu_right li:nth-child(odd) {
        border-right: 1px solid #777;
    }

    .footer_nav_menu_right a {
        display: block;
        padding: 12px 10px;
        color: #fff;
        text-decoration: none;
        font-size: 11px;
    }

    .footer_nav_menu {
        padding: 20px;
        text-align: center;
        font-size: 10px;

        background-color: < {
            $key_color
        }

        >;
        color: #fff;
    }

    .footer_nav_list {
        padding-top: 5px;
    }

    .footer_copyright {
        font-size: 10px;
    }

    .skpr_detail,
    .privacy_lead {
        /*padding: 0 20px 20px;*/
    }

    .skpr_box {
        padding-top: 70px;
        margin-top: -10px
    }

    .skpr_box:first-child {
        padding-top: 0;
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .side_banner_list {
        margin-top: 19px;
    }

    .side_banner_list:first-child {
        margin-top: 0;
    }
}

/*追加*/
/* ************* */
/*ヘッダー*/
/* ************* */
@media (max-width: 768px) {
    div#contents {
        padding: 0 20px 40px;
    }
}

h1.header_logo {
    position: absolute;
    top: -75px;
}

ul.header_nav_global_left.inline {
    margin-left: 25%;
}

ul.header_nav_global_left.inline li {
    /*メニューの間隔*/
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1200px) {
    h1.header_logo img {
        height: 60px;
    }
}

@media (max-width: 1199px) {
    h1.header_logo {
        /*ロゴを小さく上にする*/
        width: 10%;
    }

    ul.header_nav_global_left.inline {
        /*メニューを左寄せにする*/
        margin-left: 0;
    }
}

@media (min-width: 769px) {
    ul.header_nav_headline.inline.visible-desktop {
        /*右上メニュー表示*/
        display: block !important;
    }

    i.icon-lg-b.icon-list {
        /*右上 ー非表示*/
        display: none;
    }
}

ul.header_nav_global_social.inline.visible-phone {
    /*スマホSNSアイコン*/
    margin: 10px 0 0;
}

/* ************* */
/*サイド*/
/* ************* */
.back_color {
    background-color: #000;
    color: #fff;
    padding: 20px;
}

form.visible-desktop {
    padding-top: 10px;
}

a.banner_img img {
    margin-bottom: 20px;
}

a.banner_img:hover {
    opacity: 0.5;
}

@media (min-width: 769px) {
    form.visible-desktop {
        display: block !important;
    }
}

/*サイドsp*/
form.visible-desktop {
    display: block !important;
}

.search_sp {
    padding: 0 10px;
    height: 60px;
}

/* ************* */
/*フッター*/
/* ************* */
.footer_flex {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}

.footer_logo {
    width: 50%;
}

.footer_link {
    width: 50%;
    padding-left: 50px;
}

.footer_logo.in_sp {
    width: 70%;
    margin: 0 auto;
}

.footer_logo.in_pc img {
    width: 50%;
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .footer_flex {
        display: block;
    }

    .footer_flex>div {
        width: 100%;
        padding: 0;
    }

    li.footer_nav_list.col-sm-12 {
        text-align: center;
    }

    .footer_nav_menu_right {
        border-top: none;
    }
}

/*特商プライバシー部分*/
@media (min-width: 769px) {
    ul.footer_others {
        margin-top: 20px;
    }

    ul.footer_others li {
        display: inline;
    }

    ul.footer_others li:last-of-type {
        margin-left: 20px;
    }
}

/*end*/
.copy_p {
    color: #333;
}

span.footer_powered {
    /*カラーミーロゴ*/
    display: none;
}

/* ************* */
/*空白*/
/* ************* */
.mb-40 {
    margin-bottom: 40px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-50 {
    margin-top: 50px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-50 {
    padding-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

@media (min-width: 769px) {
    .mt--30 {
        margin-top: -30px;
    }
}

@media (max-width: 768px) {
    .pts-84 {
        padding-top: 84px;
    }
}

/* ************* */
/*フォント*/
/* ************* */
div#header,
div#side,
h2,
.font_title {
    font-family: Interstate-Regular, Sans-serif;
}

@media (min-width: 769px) {
    .in_sp {
        display: none;
    }
}

@media (max-width: 768px) {
    .in_pc {
        display: none;
    }
}

/* ************* */
/*フリーページ*/
/* ************* */
.p-page__title {
    color: #FFF !important;
    background: #B80314;
    padding: 30px 0;
    text-align: center;
    margin: 0 0 50px;
    line-height: 1.5;
    font-family: Interstate-Regular, Sans-serif;
    font-size: 20px;
}

@media (max-width: 768px) {
    .p-page__title {
        padding: 25px 0;
        margin-bottom: 50px !important;
    }

    .mg--20 {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }
}

.p-page__body-inner {
    color: #222;
    border-top: 2px solid #f6f6f6;
    border-bottom: 2px solid #f6f6f6;
}

.freee-inner {
    padding: 0 20px 40px;
}

.text-red {
    color: #B80314;
}

@media (max-width: 768px) {
    .p-page__body-inner {
        padding: 0 20px;
    }
}

/*ボタン*/
.free_btn {
    background: #B80314;
    color: #fff;
    width: 250px;
    margin: 50px auto 0;
    text-align: center;
    padding: 20px 0;
}

.free_btn:hover {
    opacity: 0.5;
}

.img-footer-card img {
    width: 10%;
}

.foot-payment {
    margin: 10px 0;
}

/*カレンダー*/
.tbl_calendar {
    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    display: inline;
    margin-right: 50px;
}

.tbl_calendar th,
.tbl_calendar td {
    padding: 4px !important;
    text-align: center !important;
    border-bottom: 1px solid #ccc !important;
}

/* ************* */
/* BREWERY
/* ************* */
.brewery h2 {
    margin: 50px 0;
    padding: 20px 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.brewery .title_1 {
    display: block;
    font-size: 46px;
}

.brewery .title_2 {
    display: block;
    font-size: 22px;
    margin-bottom: 10px;
}

/*ボックス*/
.brewery .main_box {
    position: relative;
    text-align: right;
    margin: 50px 0;
}

.brewery .main_text {
    position: absolute;
    top: 0;
    width: 45%;
    border: 2px solid #000;
    box-shadow: 10px 10px #000;

    background: #fff;
    padding: 30px 15px;
    margin: 0;
}

.brewery .main_text>span {
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.brewery p.main_text {
    line-height: 25px;
    text-align: left;
    font-size: 14px;
}

.brewery .main_img {
    margin-top: 120px;
    width: 60%;
}

.brewery br.text_br {
    display: block;
    content: "";
    margin: 30px 0;
}

.brewery main div:last-child {
    margin-bottom: 0;
}

.brewery .pt-in {
    padding-top: 20px;
}

/*ボタン*/
.brewery .btn--red {
    display: block;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    background: #B80314;
    padding: 10px 0;
    margin-top: 10px;
}

.brewery .btn--red:hover {
    opacity: 0.5;
}

.brewery .main_text a {
    color: #fff;
}

@media (max-width: 1200px) {
    .brewery main {
        width: 100%;
    }

    .brewery .main_box {
        text-align: center;
        margin: 30px 0;
    }

    .brewery .main_text {
        position: initial;
    }

    .brewery .main_img {
        margin-top: 0;
        width: 100%;
    }

    .brewery .main_text {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .brewery p.main_text {
        margin-top: 10px
    }
}

@media (max-width: 768px) {
    .brewery .title_2 {
        font-size: 20px;
    }

    .brewery .main_text>span {
        font-size: 16px;
        text-align: center;
    }
}

/* ************* */
/* PEACE
/* ************* */
.bg-orange{
    padding: 80px 0;
    background-color: #EA5504;
}

.lead{
    color: #fff;
    text-align: center;
}

.lead-1{
    color: #FFF100;
    letter-spacing: 8px;
    font-size: 50px;
    font-weight: bold;
}

.lead-2{
    margin: 1em 0;
    letter-spacing: 8px;
    font-size: 20px;
    font-weight: bold;
}

.point{
    width: 200px;
    margin: 100px auto 0;
    padding-left: 40px;

    li{
        position: relative;
        color: #FFF100;
        font-weight: bold;

        img{
            position: absolute;
            top: -18px;
            left: -40px;
            width: 30px;
        }

        span{
            display: inline-block;
            line-height: 2;
            letter-spacing: 2px;
        }
    }
}

@media (min-width: 769px) {
    .point{
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 750px;

        li{
            list-style: none;
        }
    }
}

@media (max-width: 768px) {
    .point{
        li{
            &:not(:last-of-type){
                margin-bottom: 30px;
            }
        }
    }
}

.beer-specs{
    padding: 80px 0;
    background-color: #f4f4f4;

    img{
        display: block;
        width: 100%;
        max-width: 360px;
        margin: 0 auto 20px;
    }
}

.beer-specs-lead{
    text-align: center;
    color: #EA5504;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 2px;
}

.beer-specs-detail {
    max-width: 500px;
    margin: 40px auto 0;

    img{
        max-width: 220px;
    }

    ul{
        padding: 0;
    }
}

@media (min-width: 769px) {
    .beer-specs-detail{
        display: flex;
        flex-direction:row-reverse;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .beer-specs-detail {
        img{
            margin-bottom: 40px;
        }

        ul{
            width: 200px;
            margin: 0 auto;
        }
    }
}

.beer-specs-detail{
    li{
        list-style: none;
    }
}

/* ************* */
/* SMALL TRIP
/* ************* */

.small-trip{
    .bg-gray{
        padding: 80px 0;
        background-color: #858a91;
    }

    .lead-1{
        display: block;
        margin: 0 auto 1.5em;
    }

    .lead-2{
        margin-top: 1em;
        letter-spacing: normal;

        span{
            font-size: 18px;
        }
    }

    .beer-specs-lead{
        margin-bottom: 1em;
        color: #54555b;
    }

    .point{
        padding-left: 50px;

        li{
            img{
                left: -50px;
                width: 38px;
            }
        }
    }
}

/* ************* */
/* 年齢認証
/* ************* */
footer_i{
    margin: 40px auto!important;
}