@charset "UTF-8";
/*firefoxのリンク線打ち消し*/
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
    /* your normal text color here */
}

select:-moz-focusring * {
    color: #000;
    /* your normal text color here */
    text-shadow: none;
}

a,
button,
input {
    outline: none;
}

a {
    color: #595655;
}

/*角丸設定*/
.br_5px {
    border-radius: 5px;
}

/* border設定 */
.border_none {
    border: none !important;
}

.border_r_none {
    border-right: none !important;
}

.border_l_none {
    border-left: none !important;
}

.border_gray01 {
    border: 1px solid #858585;
}

.border_blue01 {
    border: 1px solid #5494cf !important;
}

/*背景色設定*/
.bg_gray01 {
    background-color: #888585 !important;
}

.bg_gray02 {
    background-color: #fafafa !important;
}

.bg_white01 {
    background-color: #fff !important;
}

.bg_blue02 {
    background-color: #4c7cbc !important;
}

.bg_blue02:hover {
    background-color: #80c6e5 !important;
}

.bg_blue03 {
    background-color: #5494cf;
}

body a.bg_blue02 {
    color: #fff;
    border: none;
}

/*文字色設定*/
.gray01 {
    color: #595655;
}

.gray01 a {
    color: #595655;
}

.gray01 a:hover {
    opacity: 0.7;
}

a.gray01 {
    color: #595655 !important;
}

.gray02 {
    color: #888585;
}

.gray02 a {
    color: #888585 !important;
}

.gray03 {
    color: #d7d7d6;
}

.gray03 a {
    color: #d7d7d6;
}

.red01,
.red01 a {
    color: #cc0000;
}

.red02, .error_msg span,
.red02 a, .error_msg span a {
    color: #ff0000;
}

a.red02 {
    color: #ff0000 !important;
}

.blue,
.blue a {
    color: #4694d1 !important;
}

.blue02,
.blue02 a {
    color: #4c7cbc !important;
}

.blue03,
.blue03 a {
    color: #5494cf !important
}

/*米印*/

.kome01 {
    padding-left: 8px;
    display: block;
    position: relative;
    font-size: 11px !important;
    line-height: 20px !important;
}

.kome01::before {
    content: "※";
    float: left;
    position: absolute;
    left: 0;
}

/*文字の太さ設定*/
.f_b {
    font-weight: bold;
}

.f_n {
    font-weight: normal;
}

/*文字サイズ設定*/
.f_s16px, .content_location_e5 ul li .title_location {
    font-size: 16px !important;
}

.f_s14px {
    font-size: 14px !important;
    line-height: 24px;
}

.f_s12px {
    font-size: 12px !important;
    line-height: 1.6em;
}

.f_s16px {
    font-size: 16px !important;
}

.f_s18px {
    font-size: 18px !important;
}

.f_s20px {
    font-size: 20px !important;
}

.f_s13px {
    font-size: 13px !important;
}

.f_s15px,
.f_s15px * {
    font-size: 15px !important;
}

/*行間設定*/
.line_h20px {
    line-height: 20px !important;
}

.line_h22px {
    line-height: 22px;
}

.line_h24px {
    line-height: 24px;
}

.line_h24px li {
    line-height: 24px !important;
}

.line_h30px {
    line-height: 30px !important;
}

.line_h34px {
    line-height: 34px;
}

.line_h35px {
    line-height: 35px !important;
}

.line_h17em {
    line-height: 1.7em;
}

/*テキストボックス設定*/
.text {
    display: block;
    font-size: 14px;
    line-height: 24px;
}

.text2 {
    display: block;
    font-size: 12px;
    line-height: 22px;
}

.text3 {
    display: block;
    font-size: 13px;
    line-height: 22px;
}

.text a,
.text2 a,
.text3 a {
    color: #5494cf;
}

.text a:hover,
.text2 a:hover,
.text3 a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/*ディスプレイ設定*/
.dsp_block {
    display: block !important;
}

.dsp_inline {
    display: inline !important;
}

.dsp_inline-block {
    display: inline-block !important;
}

/*画像の幅・高さ設定*/
.img_h22px img,
.img_h22px a {
    height: 22px !important;
}

/*ポジション設定*/
.posi_b {
    position: absolute;
    bottom: 0;
}

.posi_r {
    position: absolute;
    right: 0;
}

/*高さ設定*/
.h_auto {
    height: auto !important;
}

.max_h_none {
    max-height: none !important;
}

.h55 {
    height: 55px !important;
}

/*横幅設定*/
.w_auto {
    width: auto !important;
}

.w20per {
    width: 20%;
}

.w30per {
    width: 30%;
}

.w40per {
    width: 40%;
}

.w50per {
    width: 50%;
    box-sizing: border-box;
}

.w80per {
    width: 80%;
}

.w88per {
    width: 88%;
}

.w93per {
    width: 93% !important;
}

.w100per {
    width: 100% !important;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w142 {
    width: 142px !important;
}

.w150 {
    width: 150px;
}

.w170 {
    width: 170px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px !important;
}

.w345 {
    width: 345px;
}

.w540 {
    width: 560px !important;
}

/*フロート設定*/
.float_l {
    float: left;
}

.float_r {
    float: right;
}

.float_none {
    float: none !important;
}

.n5clear li:nth-child(4n+1) {
    clear: both;
}

.select_back {
    background: url(/static/images/pc/category_arrow.png) no-repeat 97% center #fff !important;
}

/*テキスト揃え設定*/
.txt_c {
    text-align: center !important;
}

.txt_l {
    text-align: left !important;
}

.txt_r {
    text-align: right !important;
}

/*テキスト装飾*/
.txt_u {
    text-decoration: underline;
}

/*文字間設定*/
.txt_ls_m05px {
    letter-spacing: -0.5px;
}

.txt_ls_m1px {
    letter-spacing: -1px;
}

/*余白設定*/
.pad40px {
    padding: 40px !important;
}

.pad_30px {
    padding: 30px !important;
}

.pad0_30px {
    padding: 0 30px !important;
}

.pad_t0px {
    padding-top: 0px !important;
}

.pad_t3px {
    padding-top: 3px !important;
}

.pad_b3px {
    padding-bottom: 3px !important;
}

.pad_t30px {
    padding-top: 30px !important;
}

.pad_t40px {
    padding-top: 40px !important;
}

.pad_t50px {
    padding-top: 50px !important;
}

.pad_l10px {
    padding-left: 10px !important;
}

.pad_l15px {
    padding-left: 15px !important;
}

.pad_l20px {
    padding-left: 20px !important;
}

.pad_l110px {
    padding-left: 110px !important;
}

.pad_r15px {
    padding-right: 15px !important;
}

.pad_b0px {
    padding-bottom: 0px !important;
}

.pad_b18px {
    padding-bottom: 18px !important;
}

.pad_b25px {
    padding-bottom: 25px !important;
}

.pad_b40px {
    padding-bottom: 40px !important;
}

.pad_35_90px {
    padding: 35px 90px !important;
}

.pad_220px {
    padding-right: 220px !important;
    padding-left: 220px !important;
}

.mag_0px {
    margin: 0px !important;
}

.mag_tm5px {
    margin-top: -5px !important;
}

.mag_tm10px {
    margin-top: -10px !important;
}

.mag_tm40px {
    margin-top: -40px !important;
}

.mag_bm10px {
    margin-bottom: -10px !important;
}

.mag_l0px {
    margin-left: 0px !important;
}

.mag_l20px {
    margin-left: 20px !important;
}

.mag_l155px {
    margin-left: 155px !important;
}

.mag_r5px {
    margin-right: 5px !important;
}

.mag_t20px {
    margin-top: 20px !important;
}

.mag_t0px {
    margin-top: 0px !important;
}

.mag_t18px {
    margin-top: 18px !important;
}

.mag_t10px {
    margin-top: 10px !important;
}

.mag_t5px {
    margin-top: 5px !important;
}

.mag_t10px {
    margin-top: 10px !important;
}

.mag_t14px {
    margin-top: 14px !important;
}

.mag_t28px {
    margin-top: 28px !important;
}

.mag_t30px {
    margin-top: 30px !important;
}

.mag_t35px {
    margin-top: 35px !important;
}

.mag_t40px {
    margin-top: 40px !important;
}

.mag_t45px {
    margin-top: 45px !important;
}

.mag_t50px {
    margin-top: 50px !important;
}

.mag_t60px {
    margin-top: 60px !important;
}

.mag_t70px {
    margin-top: 70px !important;
}

.mag_t80px {
    margin-top: 80px !important;
}

.mag_l40px {
    margin-left: 40px;
}

.mag_b0px {
    margin-bottom: 0px !important;
}

.mag_b10px {
    margin-bottom: 10px !important;
}

.mag_b14px {
    margin-bottom: 14px !important;
}

.mag_l10px {
    margin-left: 10px !important;
}

.mag_r5px {
    margin-right: 5px !important;
}

.mag_r10px {
    margin-right: 10px !important;
}

.mag_b20px {
    margin-bottom: 20px !important;
}

.mag_b28px {
    margin-bottom: 28px !important;
}

.mag_b40px {
    margin-bottom: 40px !important;
}

.mag_b50px {
    margin-bottom: 50px !important;
}

.mag_b60px {
    margin-bottom: 60px !important;
}

.mag_b65px {
    margin-bottom: 65px !important;
}

.mag_b70px {
    margin-bottom: 70px !important;
}

.mag_b100px {
    margin-bottom: 100px !important;
}

.mag_auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

/*float*/
.f_l {
    float: left;
}

.f_r {
    float: right;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.dis_ta {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}

.dis_td {
    display: table-cell !important;
}

.clearfix {
    clear: both;
}

body {
    color: #595655;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-weight: 500;
}

@media only screen and (max-width: 750px) {
    body {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: normal;
    }
}

header .wrapper,
#main_contents {
    width: 1260px;
    margin: auto;
}

/* 帯バナーなし
header {
  background: #fff;
  height: 151px; width:1260px; margin:0 auto;
  border-bottom: 1px solid #f3f3f3; }
*/

/* 帯バナーあり*/

header {
    background: #fff;
    /*height: 151px;*/
    width: 1260px;
    margin: 0 auto;
    border-bottom: 1px solid #f3f3f3;
}

header .w1460 {
    width: 1260px;
    margin: 0 auto;
}

header #gnav .w1460 li.home a img:hover {
    opacity: 0.7;
}

header #gnav .w1460 li {
    float: left;
    width: 315px
}

header #gnav .w1460 li img {
    image-rendering: -webkit-optimize-contrast;
}

header #gnav .w1460 li.home a {
    background: url(/static/images/pc/head/head01_off.jpg) no-repeat;
    width: 315px;
    height: 40px;
    display: block;
}

header #gnav .w1460 li.nav1 a {
    background: url(/static/images/pc/head/head02_off.jpg) no-repeat;
    width: 315px;
    height: 40px;
    display: block;
}

header #gnav .w1460 li.nav2 a {
    background: url(/static/images/pc/head/head03_off.jpg) no-repeat;
    width: 315px;
    height: 40px;
    display: block;
}

header #gnav .w1460 li.nav3 a {
    background: url(/static/images/pc/head/head04_off.jpg) no-repeat;
    width: 315px;
    height: 40px;
    display: block;
}

header #gnav .w1460 li.home a:hover {
    background: url(/static/images/pc/head/head01_on.jpg) no-repeat;
    width: 315px;
    height: 40px;
    display: block;
}

header #gnav .w1460 li.nav1 a:hover {
    background: url(/static/images/pc/head/head02_on.jpg) no-repeat;
    width: 315px;
    height: 40px;
    display: block;
}

header #gnav .w1460 li.nav2 a:hover {
    background: url(/static/images/pc/head/head03_on.jpg) no-repeat;
    width: 315px;
    height: 40px;
    display: block;
}

header #gnav .w1460 li.nav3 a:hover {
    background: url(/static/images/pc/head/head04_on.jpg) no-repeat;
    width: 315px;
    height: 40px;
    display: block;
}

#gnav_sp ul {
    margin-bottom: 0;
}

#gnav_sp li {
    float: left;
    width: 33% !important;
    margin-right: 0.5%;
    margin-top: 10px;
    display: block
}

#gnav_sp li.nav3 {
    margin-right: 0;
}

#gnav_sp li img {
    width: 100%;
}

#gnav_sp li.nav1 .on, #gnav_sp li.nav2 .on, #gnav_sp li.nav3 .on {
    display: none;
}

#gnav_sp li.nav1 .off, #gnav_sp li.nav2 .off, #gnav_sp li.nav3 .off {
    display: block;
}

@media only screen and (max-width: 750px) {
    .navbar-default {
        border: none !important;
    }

}

#main_left {
    width: 960px;
    float: left;
}

#top_slide {
    margin-bottom: 0px;
}

@media only screen and (min-width: 751px) {

    #top_slide .js-flickity .gallery-cell,
    #top_slide .js-flickity .flickity-viewport {
        width: 960px;
        height: 387px;
    }

    #shop_top #top_slide .js-flickity .flickity-viewport,
    #shop_top #top_slide .js-flickity .gallery-cell {
        width: 820px;
        height: 331px;
    }

}

#logo {
    float: left;
}

#logo a,
#logo img {
    display: block;
}

#logo h1 {

}

#logo a {
    margin: 19px 0 22px 50px;
}

#ec_menu {
    padding-right: 50px;
    margin-bottom: 20px;
    float: right;
}

#ec_menu ul {
    margin: 0;
    border: 1px solid #5494cf;
    border-radius: 5px;
    padding: 13px
}

#ec_menu ul li:hover {
    opacity: 1.0;
}

#ec_menu ul li:last-child:hover,
#ec_menu ul li:nth-last-child(4):hover,
#ec_menu ul li:first-child:hover {
    opacity: 1;
}

#ec_menu ul li:first-child a:hover {
    opacity: 0.7;
}

#ec_menu ul li:last-child:hover a {
    color: #4c7cbc !important;
}

.clear::after {
    content: "";
    clear: both;
    display: block;
}

#ec_menu ul li {
    float: left;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    padding-left: 25px;
    margin-left: 20px;
}

.menu_contentE29 ul li:nth-child(3),
.menu_contentE29 ul li:nth-child(4) {
    margin-left: 15px !important;
}

#ec_menu ul li img {
    position: absolute;
    left: 0;
    top: -5px;
    max-height: none;
}

#ec_menu ul li .h_yes,
#ec_menu ul li:hover .h_no,
.pagination .page_next:hover img.h_yes,
.pagination .page_next img.h_no,
.pagination .page_prev:hover img.h_yes,
.pagination .page_prev img.h_no {
    display: none;
}

#ec_menu ul li:hover .h_yes,
#ec_menu ul li .h_no,
.pagination .page_next img.h_yes,
.pagination .page_next:hover img.h_no,
.pagination .page_prev img.h_yes,
.pagination .page_prev:hover img.h_no {
    display: block;
}

.pagination .page_next img,
.pagination .page_prev img {
    width: 9px;
    height: 14px;
}

#ec_menu li.user_name_h {
    display: table;
    position: relative;
    top: 0;
    padding-left: 0;
    margin-left: 0
}

#ec_menu li.user_name_h a {
    display: table-cell;
    vertical-align: middle;
    max-width: 140px;
}

#ec_menu li.active {
    margin-left: 0;
}

#ec_menu #eng {
    display: block;
    float: none;
    width: 100%;
    text-align: right;
    padding: 19px 0 11px 0;
    margin-left: 0;
    font-size: 10px;
}

#ec_menu .active a {
    padding: 5px 9px;
    color: #fff !important;
    background: #80c6e5;
    border-radius: 5px;
}

@media only screen and (min-width: 751px) {
    .related_contents01 {
        background: #fafafa;
        padding: 50px 70px 70px;
        position: relative;
    }

    .related_contents01 .banner {
        width: 394px;
        float: left;
        margin-bottom: 50px;
    }

    .related_contents01 .banner:nth-last-child(1), .related_contents01 .banner:nth-last-child(2) {
        margin-bottom: 0;
    }

    .related_contents01 .banner:nth-child(odd) {
        clear: both;
    }

    .related_contents01 .banner:nth-child(even) {
        float: right;
    }
}

.related_contents01 .banner a {
    position: relative;
    display: block;
}

.related_contents01 .banner a img {
    display: block;
    margin-bottom: 10px;
    border-radius: 5px;
    height: auto !important;
}

.related_contents01 .banner a .cat {
    display: inline-block;
    background: #4c7cbc;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    padding: 6px 7px;
    border-radius: 3px;
    margin-bottom: 18px;
}

.related_contents01 .banner a h2 {
    font-weight: bold;
    margin-bottom: 9px;
}

.more {
    position: absolute;
    width: 100px;
    top: 18px;
    left: 50%;
    text-align: center;
    margin-left: -50px;
}

.related_contents01 .more a {
    font-size: 13px;
    display: inline-block;
}

.related_contents01 .more img {
    display: block;
    margin: 7px auto 0;
}

.related_contents02 {
    background: #fff;
    padding: 70px 70px 70px;
}

.related_contents03 {
    background: #fff;
    padding: 0px 0px 30px;
}

.related_contents02 .banner02 li {
    float: left;
    margin-right: 32px;
    width: 181px;
    margin-bottom: 38px;
}

.related_contents02 .banner02 li:nth-child(4n) {
    margin-right: 0;
}

.related_contents02 .banner02 li:nth-child(4n+1) {
    clear: both;
}

.related_contents02 .banner02 li:nth-last-child(1), .related_contents02 .banner02 li:nth-last-child(2), .related_contents02 .banner02 li:nth-last-child(3), .related_contents02 .banner02 li:nth-last-child(4) {
    margin-bottom: 0;
}

.related_contents02 .banner02 li a {
    display: block;
}

.related_contents02 .banner02 li a img {
    display: block;
    margin-bottom: 18px;
}

.related_contents02 .banner02 li a h3 {
    margin-bottom: 18px;
}

.box_blue01, .box_blue02 {
    height: 20px;
    display: inline-block;
    padding: 6px 7px;
    font-size: 10px;
    color: #fff;
    border-radius: 3px;
    margin: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 8px;
}

.box_blue01 {
    background: #80c6e5;
}

.box_blue02 {
    background: #4c7cbc;
}

.box_blue03 {
    background: #5494cf;
}

.products li {
    float: left;
    margin-right: 32px;
    width: 252px;
    margin-bottom: 18px;
    position: relative;
}

.products li:nth-child(3n) {
    margin-right: 0;
}

.products li a {
    display: block;
    width: 100%;
}

.products li a img {
    display: block;
    width: 100%;
}

.products li a .text2 {
    display: block;
    position: absolute;
    top: 153px;
    left: 20px;
    right: 20px;
    color: #595655;
}

.products li a:hover {
    opacity: 0.7;
}

.news li {
    margin-bottom: 10px;
}

.news li a {
    display: block;
}

.news li a::after {
    clear: both;
    content: "";
    display: block;
}

.news li a img {
    display: block;
    float: left;
}

.news li a .text3 {
    float: left;
    width: 750px;
    margin-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 0 12px 0;
    border-bottom: 1px dashed #ccdeee;
}

.more2 a {
    display: block;
    width: 100px;
    text-align: center;
    margin: auto;
    font-size: 13px;
    padding-bottom: 15px;
    background: url(/static/images/pc/more2.png) no-repeat center bottom;
}

.check::after {
    content: "";
    display: block;
    clear: both;
}

.check li {
    border: 1px solid #d7d7d6;
    border-radius: 5px;
    position: relative;
    float: left;
    margin-right: 49px;
}

.check li:nth-child(4n) {
    margin-right: 0px !important;
}

.related_contents01 .check li {
    border: none;
    margin-right: 52px;
}

.check li a {
    display: block;
    overflow: hidden;
    overflow: hidden;
}

.check .item, .check .recipe {
    position: absolute;
    display: block;
    padding: 6px 7px;
    font-size: 10px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    right: -20px;
    top: -11px;
    z-index: 100;
}

.check .item {
    background: #80c6e5;
}

.check .item.box_blue02 {
    background: #4c7cbc;
}

.check .recipe {
    background: #4c7cbc;
}

.check li a, .check li img {
    display: block;
    border-radius: 5px;
}

h1 {
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
}

h1 span {
    display: inline-block;
    font-size: 20px;
    padding-bottom: 2px;
    margin-bottom: 22px;
    border-bottom: 1px solid #5494cf;
}

h1 .green {
    display: inline-block;
    font-size: 20px;
    padding-bottom: 0;
    border-bottom: 1px solid #6ea87c;
}

h2 {
    font-size: 18px;
    line-height: 28px;
}

h2 .subtitle {
    font-size: 14px;
    font-weight: 100;
}

body h3 {
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

h3 img {
    margin-right: 6px;
}

.blue_bar_title {
    color: #5494cf;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 43px;
}

.blue_bar_title::before {
    content: "";
    display: block;
    position: absolute;
    border-top: 1px solid;
    width: 30px;
    left: 0;
    top: 8px;
}

#side_menu {
    background: #f3f3f3;
    float: right;
    padding: 30px 50px 90px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 5px;
    margin-top: 3px;
    min-height: 2100px;
}

#side_menu .left, #side_menu .right {
    width: 50%;
}

#side_menu .left a, #side_menu .right a {
    display: block;
}

#side_menu .left a:hover, #side_menu .right a:hover {
    opacity: 0.7;
}

#side_menu .left {
    float: left;
}

#side_menu .right {
    float: right;
}

#side_menu .left img, #side_menu .right img {
    display: block;
    float: left;
    width: 32px;
}

#side_menu .left .title, #side_menu .right .title {
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    width: 68px;
    padding: 10px 0;
    margin-bottom: 10px;
}

#side_menu .search {
    background: url(/static/images/pc/search.png) no-repeat;
    width: 210px;
    height: 31px;
    clear: both;
}

#guide {
    text-align: right;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 24px;
}

#side_menu .left a, #side_menu .right a {
    color: #595655;
}

#guide a, .top_back a {
    color: #595655;
}

#guide a:hover {
    opacity: 0.7;
}

#guide img {
    vertical-align: middle;
    width: 16px;
}

#side_menu .top_back {
    position: absolute;
    right: 50px;
    bottom: 30px;
    height: 65px;
    width: 100px;
    font-size: 13px;
}

#side_menu .top_back a:hover,
#side_menu .top_back a:hover img {
    opacity: 0.7;
}

#side_menu .top_back .top_back_icon {
    display: block;
    margin: auto;
    margin-bottom: 8px;
}

.side_menu .title {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #5494cf;
    line-height: 30px;
}

.side_menu .title img {
    vertical-align: middle;
    float: right;
    width: 25px;
}

.side_menu .title img.mt5 {
    margin-top: 5px;
}

.side_menu ul {
    padding: 7px 9px 7px 0;
}

.side_menu ul li {
    font-size: 13px;
    margin: 19px 0;
    line-height: 13px;
    padding-left: 30px;
}

.side_menu .top {
    padding: 15px 0px !important;
}

.side_menu .top li {
    font-size: 13px;
    line-height: 13px;
    padding: 0;
    margin: 0;
}

.side_menu .top li a {
    padding: 9px 0 9px 30px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
}

.side_menu .top li:hover {
    /*opacity: 0.6;*/
}

.side_menu .new_menu.top a.active,
.side_menu .top .active a {
    background: url(/static/images/pc/list_style_circle_w.png) no-repeat 10px 12px;
    background-size: 9px 9px;
    padding: 10px 10px 10px 30px;
    margin: 9px 0;
    background-color: #80c6e5;
    border-radius: 5px;
    color: #fff !important;
}

.side_menu .top .active:hover {
    opacity: 1.0 !important;
}

.side_menu .tri a {
    cursor: pointer;
}

.side_menu .tri a.active + .open {
}

.side_menu .tri .open {
    display: none;
}

.side_menu .tri a.active + .open {
    padding-top: 12px;
}

.side_menu .tri .open li {
    margin-bottom: 14px !important;
    font-size: 100% !important;
    padding-left: 32px !important;
}

.side_menu .new_menu .tri .open li {
    margin-bottom: 14px !important;
    font-size: 100% !important;
    padding-left: 0 !important;
}

.side_menu .new_menu.top li .open a {
    padding: 0 0 0 30px;
    line-height: 1.5em;
}

.side_menu .tri .open li a:active {
    background: none !important;
}

.side_menu .top {
    width: 210px;
}

.search .input {
    float: left;
    width: 175px;
    border: none;
    display: block;
    font-size: 14px;
    background: none;
    height: 29px;
    padding: 6px 10px;
    -webkit-appearance: none;
}

.todoke {
    display: block;
    font-size: 14px;
    background: none;
    height: 29px;
    border-radius: 5px;
    padding: 1px 10px;
    border: 1px solid #888585;
    background: #fff;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.search .submit {
    float: right;
    border: none;
    width: 34px;
    margin-right: 1px;
    background: url(/static/images/pc/search_submit.png) no-repeat center center;
    height: 30px;
    text-indent: -9999px;
    cursor: pointer;
}

.side_menu .snsBOX {
    width: 120px;
    margin-left: 30px;
    margin-top: 30px;
}

.side_menu .snsBOX ul {
    padding: 0;
}

.side_menu .snsBOX li {
    width: 50px;
    margin: 0 19px 20px 0;
    float: left;
    padding-left: 0;
}

.side_menu .snsBOX li img {
    width: 45px;
    height: 45px;
}

.side_menu .snsBOX li:nth-child(even) {
    margin-right: 0;
}

.side_menu ul.sns li a:hover {
    opacity: 0.7;
}

.simply_bnr {
    width: 210px;
    margin-top: 20px;
}

.simply_bnr p {
    margin-bottom: 5px;
}

.simply_bnr a {
    color: #595655;
    font-size: 13px;
    line-height: 18px;
}

.simply_bnr a:hover p {
    opacity: 0.7;
}

.simply_bnr .img {
    vertical-align: middle;
}

.simply_bnr .kadomaru {
    border-radius: 5px;
}

footer .sp_simply_bnr {
    margin-bottom: 20px;
}

footer .sp_simply_bnr a {
    color: #595655;
    font-size: 12px;
}

footer .sp_simply_bnr .kadomaru {
    border-radius: 5px;
}

.icon_blue {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.icon_blue li {
    padding-left: 0px !important;
    margin: 0px !important;
}

.icon_blue li a {
    display: block;
    width: 100%;
}

.icon_blue li a .kitchen_utensils,
.icon_blue li a .lunchbox,
.icon_blue li a .dishes,
.icon_blue li a .cup,
.icon_blue li a .storage,
.icon_blue li a .cutlery,
.icon_blue li a .sweets_and_bread,
.icon_blue li a .apron,
.icon_blue li a .towel,
.icon_blue li a .original_food,
.icon_blue li a .recommended_food,
.icon_blue li a .table_accessories,
.icon_blue li a .kitchen_fabric,
.icon_blue li a .comfortable_wear,
.icon_blue li a .lifegoods,
.icon_blue li a .kids_item,
.icon_blue li a .recipe_book {
    display: block;
    padding: 12.5px 0 !important;
    padding-left: 27px !important;
    margin-left: 4px;
}

.icon_blue li a .kitchen_utensils {
    background: url(/static/images/pc/side_menu_icon_pot.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .lunchbox {
    background: url(/static/images/pc/side_menu_icon_lunchbox.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .dishes {
    background: url(/static/images/pc/side_menu_icon_dish.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .cup {
    background: url(/static/images/pc/side_menu_icon_cup.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .storage {
    background: url(/static/images/pc/side_menu_icon_bottle.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .cutlery {
    background: url(/static/images/pc/side_menu_icon_cutlery.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .sweets_and_bread {
    background: url(/static/images/pc/side_menu_icon_whisk.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .apron {
    background: url(/static/images/pc/side_menu_icon_apron.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .towel {
    background: url(/static/images/pc/side_menu_icon_towel.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .original_food {
    background: url(/static/images/pc/side_menu_icon_original.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .recommended_food {
    background: url(/static/images/pc/side_menu_icon_osusume.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .table_accessories {
    background: url(/static/images/pc/side_menu_icon_salt.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .kitchen_fabric {
    background: url(/static/images/pc/side_menu_icon_gloves.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .comfortable_wear {
    background: url(/static/images/pc/side_menu_icon_sweater.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .lifegoods {
    background: url(/static/images/pc/side_menu_icon_slipper.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .kids_item {
    background: url(/static/images/pc/side_menu_icon_bib.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a .recipe_book {
    background: url(/static/images/pc/side_menu_icon_book.png) no-repeat center left;
    background-size: 23px auto;
}

.icon_blue li a:hover {
    opacity: 0.7;
}

.side_menu .gray01.top li a:hover, .side_menu .icon_blue li a:hover {
    color: #80c6e5;
}

.icon_blue li .active {
    background-color: #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active:hover {
    opacity: 1.0;
}

.icon_blue li .active .kitchen_utensils,
.icon_blue li .active .lunchbox,
.icon_blue li .active .dishes,
.icon_blue li .active .cup,
.icon_blue li .active .storage,
.icon_blue li .active .cutlery,
.icon_blue li .active .sweets_and_bread,
.icon_blue li .active .apron,
.icon_blue li .active .towel,
.icon_blue li .active .original_food,
.icon_blue li .active .recommended_food,
.icon_blue li .active .table_accessories,
.icon_blue li .active .kitchen_fabric,
.icon_blue li .active .comfortable_wear,
.icon_blue li .active .lifegoods,
.icon_blue li .active .kids_item,
.icon_blue li .active .recipe_book {
    color: #fff;
    margin-left: 0 !important;
}

.icon_blue li .active .kitchen_utensils {
    background: url(/static/images/pc/side_menu_icon_pot_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .lunchbox {
    background: url(/static/images/pc/side_menu_icon_lunchbox_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .dishes {
    background: url(/static/images/pc/side_menu_icon_dish_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .cup {
    background: url(/static/images/pc/side_menu_icon_cup_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .storage {
    background: url(/static/images/pc/side_menu_icon_bottle_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .cutlery {
    background: url(/static/images/pc/side_menu_icon_cutlery_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .sweets_and_bread {
    background: url(/static/images/pc/side_menu_icon_whisk_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .apron {
    background: url(/static/images/pc/side_menu_icon_apron_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .towel {
    background: url(/static/images/pc/side_menu_icon_towel_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .original_food {
    background: url(/static/images/pc/side_menu_icon_original_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .recommended_food {
    background: url(/static/images/pc/side_menu_icon_osusume_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .table_accessories {
    background: url(/static/images/pc/side_menu_icon_salt_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .kitchen_fabric {
    background: url(/static/images/pc/side_menu_icon_gloves_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .comfortable_wear {
    background: url(/static/images/pc/side_menu_icon_sweater_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .lifegoods {
    background: url(/static/images/pc/side_menu_icon_slipper_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .kids_item {
    background: url(/static/images/pc/side_menu_icon_bib_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

.icon_blue li .active .recipe_book {
    background: url(/static/images/pc/side_menu_icon_book_active.png) no-repeat center left;
    background-size: 23px auto;
    border-left: 4px solid #80c6e5;
    border-radius: 5px;
}

/*ad-label*/
.ad-label {
    color: #595655;
    text-align: left;
}

.ad-label img {
    max-width: 100%
}

.ad-label .des-label {
    position: relative;
}

.ad-label .text {
    display: block;
    position: absolute;
    top: 48%;
    left: 20px;
    right: 20px;
    color: #595655;
    font-size: 3.8vw;
    line-height: 150%;
}

/*トップページ*/
.flexslider .slides {
    height: 319px;
    /*background: url(/static/images/sp/graphics/icon-yutori.svg) no-repeat center center;*/
    /*background-size: 30px 30px;*/

    /*!*ロードするまでの間にアイコンを点滅*!*/
    /*-webkit-animation-name: pulse;!* 実行する名前 *!*/
    /*-webkit-animation-duration: 0.5s;!* 0.3秒かけて実行 *!*/
    /*-webkit-animation-iteration-count:infinite;!* 何回実行するか。infiniteで無限 *!*/
    /*-webkit-animation-timing-function:ease-in-out;!* イーズインアウト *!*/
    /*-webkit-animation-direction: alternate;!* alternateにするとアニメーションが反復 *!*/
    /*-webkit-animation-delay: 0s; !* 実行までの待ち時間 *!*/
}

@-webkit-keyframes pulse {
    from {
        opacity: 1.0;/*透明度100%*/
    }
    to {
        opacity: 0.8;/*透明度80%*/
    }
}

.flexslider .slides li.seibo a {
    border: 2px solid #f3f3f3;
}

@media only screen and (max-width: 700px) {

    .topmain_image {
        margin-bottom: 15px;
    }
}

.topmain_image a:hover {
    opacity: 0.7;
}

.related_contents01 .banner a {
    position: relative;
    display: block;
}

.related_contents01.bgw {
    background-color: #ffffff;
}

.related_contents01.padb0, .related_contents02.padb0 {
    padding-bottom: 0;
}

.related_contents02 .gray01.top li {
    line-height: 0;
}

.related_contents02 .banner02 li a h3 {
    margin-bottom: 0;
}

.related_contents02 .banner02 li .tag img {
    margin-bottom: 10px !important;
}

.related_contents01 .banner a h2 {
    margin-bottom: 5px;
}

.flickity-page-dots {
    display: none;
}

.bd_1px {
    border: #d6d6d5 1px solid
}

@media only screen and (max-width: 700px) {
    .related_contents01 li .tag img {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        width: 30%;
    }

    .related_contents02 .banner02 li .tag img {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        width: 63%;
    }

    .related_contents02 .banner02 li a h3 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .related_contents01 .banner a h2 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .related_contents02 .banner02 li {
        margin-bottom: 25px !important;
        line-height: 0;
    }

    .related_contents02 .banner02 li .text {
        line-height: 1.5;
    }

    .related_contents01 li .tag.mag_t18px, .related_contents02 li .tag.mag_t18px {
        margin-top: 10px !important;
    }

    .related_contents01 li dl.weekly_recipe_top {
        margin-bottom: 0 !important;
    }
}

.blankIcon h3 {
    display: inherit;
}

.blankIcon .pc_mark, .blankIcon .sp_mark {
    width: inherit !important;
}


/*フッター PC*/
@media only screen and (min-width: 751px) {
    footer {
        clear: both;
        padding: 45px 0px 0;
        background: #e7e7e7;
    }

    footer .f_column_wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 1240px;
        margin: auto;
    }

    footer .f_column ul {
        margin-top: 5px;
        margin-left: 13px;
        margin-bottom: 12px;
        padding-left: 8px;
        border-left: 1px solid #595655;
    }

    footer .f_column ul li {
        position: relative;
        padding: 9px 0 9px 17px;
    }

    footer .f_column ul li:last-child {
        padding: 9px 0 0 17px;
        height: 9px;
    }

    footer .f_column ul li a {
        display: block;
        font-size: 13px;
        line-height: 13px;
    }

    footer .f_column ul li::before {
        content: "";
        border-top: 1px solid #595655;
        width: 10px;
        top: 15px;
        left: 0;
        position: absolute;
    }

    footer .title {
        font-size: 13px;
        font-weight: bold;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        /* 縦方向中央揃え */
    }

    footer .title img {
        margin: 4px 4px 4px 0;
        width: 30px;
        height: 28px;
    }

    footer .copy {
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
        line-height: 13px;
        text-align: right;
        padding: 20px 0;
        margin-top: 35px;
        border-top: 1px solid #595655;
    }

    footer .copy ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        float: left;
    }

    footer .copy ul li::after {
        content: "|";
        display: inline-block;
        margin-right: 3px;
    }

    footer .copy ul li:last-child::after {
        content: none;
    }
}

.related_contents01 .banner .news_cap,
.related_contents02 .banner02 li a .news_cap {
    font-size: 11px;
    font-weight: bold;
    color: #888585;
    margin-bottom: 20px;
    display: block;
}

.related_contents01.related_contents04 .banner a h2 {
    margin-bottom: 10px;
}

.related_contents01.related_contents04 .banner a .text {
    min-height: 50px;
}

.related_contents01.related_contents04 .banner .tag,
.related_contents01.related_contents04 .banner.new .tag {
    position: absolute;
    top: -25px;
    left: -25px;
    height: 26px;
    width: 26px;
    border: 12px solid #80c6e5;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    color: #2d3560;
    text-align: center;
    text-indent: -6px;
    line-height: 25px;
    background: #fff;
    z-index: 2;
}

/******************************
* Cascading Style Sheets - Global
******************************/
.pd-t-0 {
    padding-top: 0 !important;
}

.read_more-link {
    display: inline-block;
    float: right;
    color: #595655;
}

.read_more-link:hover {
    color: #5494cf !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.read_more-link span {
    font-size: 14px;
    line-height: 24px;
    background: url(/static/images/pc/read_more_arrow.png) no-repeat right center;
    padding-right: 14px;
    color: #595655;
}

.read_more-link span:hover {
    opacity: 1;
    color: #4c7cbc;
}

.back_back {
    display: inline-block;
    color: #595655;
}

.back_back span {
    font-size: 14px;
    padding: 5px 0 5px 30px;
    background: url(/static/images/pc/reset.png) no-repeat left center;
}

.btn_more {
    display: inline-block;
    color: #595655;
    padding: 4px 10px 4px 60px;
    border: 1px solid #5494cf;
    background: #fff;
    border-radius: 5px;
}

.btn_more:hover {
    color: #fff;
    background: #4c7cbc;
}

.btn_more span {
    font-size: 14px;
    line-height: 24px;
    background: url(/static/images/pc/read_more_arrow.png) no-repeat right center;
    padding-right: 50px;
}

.btn_more:hover span {
    background: url(/static/images/pc/read_more_arrow_h.png) no-repeat right center;
    padding-right: 50px;
}

.btn_more.icon-left {
    padding: 4px 10px 4px 10px;
}

.btn_more.icon-left span {
    font-size: 14px;
    line-height: 24px;
    background: url(/static/images/pc/read_more_arrow2.png) no-repeat left center;
    padding-left: 50px;
}

body .btn {
    padding: 8px 40px;
    border: 1px solid #5494cf;
    border-radius: 20px;
    font-size: 13px;
    margin: 0 auto;
    display: table;
}

.pos-init {
    position: initial !important;
}

.main121 h3, .related_contents121 .img-left .right-content h3, .related_contents121 .img-right .left-content h3, .news121 .right-content h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #5494cf;
}

.main121 .text, .related_contents121 .img-left .right-content .text, .related_contents121 .img-right .left-content .text, .news121 .right-content .text {
    padding-left: 40px;
    text-align: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.main121_bottom .footer-item, .related_contents121 .img-left .right-content .footer-item, .related_contents121 .img-right .left-content .footer-item, .news121 .right-content .footer-item {
    margin-top: 30px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.main121_bottom .footer-item .favorite-link, .related_contents121 .img-left .right-content .footer-item .favorite-link, .related_contents121 .img-right .left-content .footer-item .favorite-link, .news121 .right-content .footer-item .favorite-link {
    width: 100px;
    color: #5494cf;
    float: left;
    display: table;
}

.main121_bottom .footer-item .favorite-link img, .related_contents121 .img-left .right-content .footer-item .favorite-link img, .related_contents121 .img-right .left-content .footer-item .favorite-link img, .news121 .right-content .footer-item .favorite-link img {
    float: left;
    margin: 5px 0;
}

.main121_bottom .footer-item .favorite-link span, .related_contents121 .img-left .right-content .footer-item .favorite-link span, .related_contents121 .img-right .left-content .footer-item .favorite-link span, .news121 .right-content .footer-item .favorite-link span {
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 16px;
}

.main121_bottom .footer-item .favorite-link img, .related_contents121 .img-left .right-content .footer-item .favorite-link img, .related_contents121 .img-right .left-content .footer-item .favorite-link img, .news121 .right-content .footer-item .favorite-link img, .main121_bottom .footer-item .favorite-link span, .related_contents121 .img-left .right-content .footer-item .favorite-link span, .related_contents121 .img-right .left-content .footer-item .favorite-link span, .news121 .right-content .footer-item .favorite-link span {
    display: table-cell;
    vertical-align: middle;
}

.main121_bottom .footer-item .read_more-link, .related_contents121 .img-left .right-content .footer-item .read_more-link, .related_contents121 .img-right .left-content .footer-item .read_more-link, .news121 .right-content .footer-item .read_more-link {
    margin-top: 5px;
}

.btn-reprint, .btn-square {
    padding: 9px 40px;
    border: 1px solid #888585;
    display: inline-block;
    border-radius: 20px;
    float: right;
    font-size: 16px;
}

.btn-reprint.bg_blue, .bg_blue.btn-square {
    float: none;
    display: inline-block;
    text-align: center;
    background: #5494cf;
    color: #fff;
    font-weight: bold;
    margin: 20px auto 0 auto;
    border: none;
}

.btn-reprint.bg_grey, .bg_grey.btn-square {
    float: none;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    background: #d7d7d6 !important;
    color: #888585;
    font-weight: 100;
    margin: 20px auto 0 auto;
    border: none;
}

.btn-reprint.bg_grey:hover, .bg_grey.btn-square:hover {
    background: #5494cf !important;
    color: #fff;
}

.table-block {
    display: table;
}

.icon_map {
    color: #5494cf !important;
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    display: inline-block;
    border-left: 1px solid #acaaaa;
    padding: 0 10px 0 11px;
    margin-left: 10px;
    text-transform: uppercase;
    background: url("/static/images/pc/icon_marker.png") no-repeat right 1px;
}

.title24 {
    display: block;
}

/******************************
* Cascading Style Sheets - B2 receipt top
******************************/
.column3.item-no-border li .thumb {
    border: none;
}

.bookmark_item2.item-no-border .wrapper ul li a .thumb {
    border: none;
}

.for_white .bookmark_item {
    background: #fff !important;
}

/******************************
* Cascading Style Sheets - B101 yutorino kukantoha
******************************/
.related_contents110 {
    margin-top: 70px;
}

.related_contents110 .title {
    font-size: 30px;
    color: #5494cf;
    margin-left: 70px;
}

.related_contents110 ul {
    position: relative;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 90px;
}

.related_contents110 ul:before {
    content: '';
    position: absolute;
    left: 70px;
    top: 0;
    height: 100%;
    width: 1px;
    background: #5494cf;
    z-index: 2;
}

.related_contents110 ul li {
    padding: 70px 70px 70px 130px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.related_contents110 ul li:first-child {
    padding-top: 50px;
}

.related_contents110 ul li.img-right {
    background: #fff;
    float: left;
}

.related_contents110 ul li.img-right .right-content {
    float: right;
    width: 476px;
    /*height: 320px;*/
    /*overflow: hidden;*/
    border-radius: 5px;
}

.related_contents110 ul li.img-right .right-content img {
    width: 100%;
}

.related_contents110 ul li.img-right .left-content {
    width: 250px;
    position: absolute;
    bottom: 70px;
    float: left;
}

.related_contents110 ul li.img-right .left-content .text {
    font-size: 13px;
    line-height: 21px;
    text-align: justify;
}

.related_contents110 ul li.img-right .left-content h3 {
    margin-bottom: 28px;
}

.related_contents110 ul li.img-left {
    background: #fafafa;
    float: left;
}

.related_contents110 ul li.img-left .left-content {
    float: left;
    width: 476px;
    height: 320px;
    overflow: hidden;
    border-radius: 5px;
}

.related_contents110 ul li.img-left .left-content img {
    width: 100%;
}

.related_contents110 ul li.img-left .right-content {
    width: 250px;
    position: absolute;
    bottom: 70px;
    right: 70px;
    float: right;
}

.related_contents110 ul li.img-left .right-content .text {
    font-size: 13px;
    line-height: 21px;
    text-align: justify;
    color: #595655;
}

.related_contents110 ul li.img-left .right-content h3 {
    margin-bottom: 28px;
}

.related_contents110 ul li .read_more-link {
    margin-top: 30px;
}

/******************************
* Cascading Style Sheets - B121 apron library
******************************/
.related_contents121 li {
    margin-top: 30px;
}

.related_contents121 li:first-child {
    margin-top: 0;
}

.related_contents121 .img-left {
    display: table;
}

.related_contents121 .img-left .left-content {
    width: 334px;
    border-radius: 50%;
    height: 334px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.related_contents121 .img-left .right-content {
    padding-left: 30px;
    display: table-cell;
    vertical-align: middle;
}

.related_contents121 .img-left .right-content .footer-item {
    margin-top: 30px;
}

.related_contents121 .img-left .right-content .footer-item .favorite-link {
    width: 100px;
    color: #5494cf;
    float: left;
    display: table;
}

.related_contents121 .img-left .right-content .footer-item .favorite-link img {
    float: left;
}

.related_contents121 .img-left .right-content .footer-item .favorite-link span {
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
}

.related_contents121 .img-left .right-content .footer-item .favorite-link img, .related_contents121 .img-left .right-content .footer-item .favorite-link span {
    display: table-cell;
    vertical-align: middle;
}

.related_contents121 .img-left .right-content .footer-item .read_more-link {
    margin-top: 5px;
}

.related_contents121 .img-right {
    display: table;
}

.related_contents121 .img-right .right-content {
    width: 334px;
    border-radius: 50%;
    height: 334px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.related_contents121 .img-right .left-content {
    padding-right: 30px;
    display: table-cell;
    vertical-align: middle;
}

.news121 {
    padding-bottom: 70px;
    padding-left: 70px;
}

.news121 .left-content {
    width: 252px;
    float: left;
}

.news121 .left-content a {
    float: left;
}

.news121 .left-content .thumb {
    width: 252px;
    height: 252px;
    border-radius: 5px;
    float: left;
}

.news121 .left-content img {
    width: 100%;
    margin: 0 !important;
}

.news121 .right-content {
    margin-left: 282px;
    margin-right: 70px;
    min-height: 212px;
    position: relative;
    padding-bottom: 40px;
}

.news121 .right-content .footer-item {
    position: absolute;
    bottom: 0;
    margin-top: 0;
    width: 100%;
}

@media only screen and (min-width: 751px) {
    .news121 .note {
        position: relative;
        right: 60px;
        top: 0;
        text-align: right;
    }
}

.news121 .note {
    width: 100%;
    margin-top: 10px;
    padding-right: 70px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news121 .note p {
    float: right;
    line-height: 22px;
    width: 150px;
    text-align: center;
    font-weight: bold;
}

.news121 .note p span {
    background: #e7e7e7;
    padding: 5px 10px;
    margin: 0 5px;
}

/******************************
* Cascading Style Sheets - B124 Back Number
******************************/
.contents_wrapper124 {
    margin: 10px 70px 70px;
}

.contents_wrapper124 .news2 li .thumb {
    margin-right: 0;
}

.contents_wrapper124 .right-content {
    padding-left: 260px;
    min-height: 200px;
    padding-bottom: 30px;
    position: relative;
}

.contents_wrapper124 .right-content .news_text {
    padding-left: 40px;
}

.contents_wrapper124 .right-content span.read_more {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

.contents_wrapper124 .cat {
    text-transform: uppercase;
    font-size: 10px;
}

.contents_wrapper124 .day3 {
    font-weight: 600;
}

/******************************
* Cascading Style Sheets - E5 ShopList
******************************/
.related_contents_e5 {
    margin: 60px 70px 70px 70px;
}

.related_contents_e5 .left-content {
    display: table-cell;
    vertical-align: middle;
}

.related_contents_e5 .left-content .thumb {
    width: 173px;
}

.related_contents_e5 .right-content {
    padding-left: 60px;
    display: table-cell;
    vertical-align: middle;
}

.content_location_e5 ul {
    margin: 70px 0;
}

.content_location_e5 ul li {
    margin-top: 50px;
}

.content_location_e5 ul li .title_location {
    font-weight: bold;
    padding: 0 15px 0 0;
    background: url(/static/images/pc/read_more_arrow_bold.png) no-repeat right center;
    margin-bottom: 20px;
    display: inline-block;
}

.content_location_e5 ul li .title_location span {
    color: #ff0000;
    font-weight: bold;
}

.content_location_e5 ul li p {
    padding-left: 40px;
}

/******************************
* Cascading Style Sheets - E72 Restaurant Top
******************************/
.related_contents72 .category_brand {
    clear: both;
}

.related_contents72 .category_brand li {
    padding: 20px 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    margin-right: 32px;
    border: 1px solid #d7d7d6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.related_contents72 .category_brand li .top-content {
    float: left;
    height: 165px;
    border-bottom: 1px solid #d7d7d6;
}

.related_contents72 .category_brand li .top-content .thumb {
    height: 165px;
    width: 210px;
    display: block;
    overflow: hidden;
    border: none;
}

.related_contents72 .category_brand li .top-content .thumb img {
    width: 100%;
}

.related_contents72 .category_brand li .bottom-content {
    min-height: 230px;
    float: left;
    position: relative;
    padding-bottom: 50px;
}

.related_contents72 .category_brand li .bottom-content h3 {
    text-align: center;
    display: block;
    margin: 20px 0;
}

.related_contents72 .category_brand li .bottom-content p {
    line-height: 22px;
}

.related_contents72 .btn {
    padding: 8px 0px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 20px;
    font-size: 12px;
    font-weight: normal;
}

.related_contents72 .btn:hover {
    opacity: 1;
}

.related_contents72.content_location_e5 {
    margin-top: 0;
}

/******************************
* Cascading Style Sheets - E72 Restaurant Top
******************************/
.related_contents_e85 {
    margin: 0 70px;
}

.related_contents_e85 .restaurant_top_detail85 li .news_text {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.related_contents_e85 .restaurant_top_detail85 li .thumb {
    width: 100%;
    max-width: 100% !important;
    margin: 0;
}

.related_contents_e85 .restaurant_detail85 {
    margin-top: 30px;
}

.related_contents_e85 .restaurant_detail85 h3 {
    margin-bottom: 20px;
}

/*.related_contents_e85 .restaurant_detail85 .gray01 {
      float: left;
       }*/
.related_contents_e85 .restaurant_detail85 .gray01 li {
    margin-bottom: 30px;
    margin-right: 30px;
    width: 394px;
    max-height: 360px;
    float: left;
}

.related_contents_e85 .restaurant_detail85 .gray01 li:nth-child(2n) {
    margin-right: 0;
}

.related_contents_e85 .restaurant_detail85 .gray01 li .thumb {
    width: 394px;
    height: 273px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}

.related_contents_e85 .restaurant_detail85 .gray01 li h2 {
    margin-top: 10px;
    font-size: 14px;
}

.related_contents_e85 .restaurant_detail85.block2 .gray01 li {
    margin-bottom: 50px;
    margin-right: 32px;
    width: 181px;
    min-height: 250px;
    float: left;
}

.related_contents_e85 .restaurant_detail85.block2 .gray01 li:nth-child(4n) {
    margin-right: 0;
}

.related_contents_e85 .restaurant_detail85.block2 .gray01 li .thumb {
    width: 181px;
    height: 181px;
}

.related_contents_e85 .restaurant_detail85.block3 .gray01 li {
    margin-bottom: 50px;
    margin-right: 32px;
    width: 180px;
    /*min-height: 360px;*/
    float: left;
    line-height: 24px;
}

.related_contents_e85 .restaurant_detail85.block3 .gray01 li:nth-child(4n) {
    margin-right: 0;
}

.related_contents_e85 .restaurant_detail85.block3 .gray01 li:nth-child(4n+1) {
    clear: left;
}

.related_contents_e85 .restaurant_detail85.block3 .gray01 li h2 {
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

.related_contents_e85 .restaurant_detail85.block3 .gray01 li .price {
    margin-top: 5px;
    font-size: 11px;
    display: block;
}

.related_contents_e85 .restaurant_detail85.block3 .gray01 li .price b {
    font-size: 14px;
    font-weight: 400;
}

.related_contents_e85 .restaurant_detail85.block3 .gray01 li .thumb {
    width: 181px;
    height: 125px;
}

.related_contents_e85 .restaurant_detail85.block4 li {
    width: 100%;
}

.related_contents_e85 .restaurant_detail85.block4 li .left-content {
    width: 384px;
    margin-right: 30px;
    float: left;
}

.related_contents_e85 .restaurant_detail85.block4 li .left-content .thumb {
    width: 384px;
    height: 272px;
    overflow: hidden;
}

.related_contents_e85 .restaurant_detail85.block5 {
    margin-top: 20px;
}

.related_contents_e85 .restaurant_detail85.block5 h3 {
    margin: 0 !important;
}

.related_contents_e85 .restaurant_detail85.block5 ul {
    margin-top: 50px;
}

.related_contents_e85 .restaurant_detail85.block5 li {
    width: 100%;
    margin-top: 0;
}

.related_contents_e85 .restaurant_detail85.block5 li .left-content {
    width: 230px;
    float: left;
}

.related_contents_e85 .restaurant_detail85.block5 li .left-content .thumb {
    width: 230px;
    height: 230px;
    overflow: hidden;
}

.related_contents_e85 .restaurant_detail85.block5 li .right-content {
    padding-left: 260px;
}

.related_contents_e85 .restaurant_detail85.block5 li .right-content .title {
    margin-top: 0;
    margin-bottom: 20px;
}

.related_contents_e85 .news2 li {
    margin-top: 35px;
}

/******************************
* Cascading Style Sheets - E99
******************************/
.related_contents99 {
    clear: both;
}

.related_contents99 .thumb {
    width: 395px;
    height: 272px;
    overflow: hidden;
}

.related_contents99.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.related_contents99 ul.category li {
    float: left;
    width: 394px;
    margin-right: 30px;
}

.related_contents99 ul.category li:nth-child(2n) {
    margin-right: 0;
}

.related_contents99 ul.category li .title {
    font-size: 18px;
    color: #595655;
    margin-top: 20px;
    margin-bottom: 20px;
}

.related_contents99 .list-content-wrapper .list-items {
    margin-bottom: 50px;
    min-height: 160px;
}

.related_contents99 .list-content-wrapper .list-items:last-child {
    margin-bottom: 0;
}

.related_contents99 .list-content-wrapper .list-items .thumb {
    margin-right: 30px;
    width: 230px;
    height: 160px;
    overflow: hidden;
    float: left;
}

.related_contents99 .list-content-wrapper .list-items .text-items {
    margin-left: 260px;
}

.related_contents99 .list-content-wrapper .list-items .text-items span {
    display: block;
    font-size: 11px;
}

.related_contents99 .list-content-wrapper .list-items .text-items span b {
    font-size: 14px;
}

.related_contents99 .list-content-wrapper .list-items .text-items .title {
    font-size: 18px;
    margin-bottom: 10px;
}

.related_contents99 .list-content-wrapper .list-items .text-items .description {
    /*margin-left: 40px;*/
    margin-top: 20px;
}

.related_contents99 .list-small-thumb li {
    margin-bottom: 10px;
    min-height: 45px;
}

.related_contents99 .list-small-thumb li .left-side {
    float: left;
    width: 45px;
    height: 45px;
    border: 1px solid #d7d7d6;
    border-radius: 5px;
    overflow: hidden;
    display: table;
}

.related_contents99 .list-small-thumb li .left-side .thumb {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.related_contents99 .list-small-thumb li .left-side .thumb img {
    display: block;
    width: 100%;
}

.related_contents99 .list-small-thumb li .right-side {
    margin-left: 66px;
    line-height: 45px;
    border-bottom: 1px dotted #cfe1f2;
}

.related_contents99 .direct-page {
    text-align: center;
    width: 100px;
    margin: 20px auto;
}

.related_contents99 .direct-page a {
    font-size: 14px;
    color: #676463;
}

.related_contents99 .direct-page a:hover {
    color: #5494cf;
}

.related_contents99 .direct-page img {
    margin-top: 10px;
}

.related_contents99 .map_contents99 .left-content {
    width: 394px;
    margin-right: 30px;
    float: left;
}

.related_contents99 .map_contents99 .right-content {
    float: left;
}

.related_contents99 .map_contents99 .right-content iframe {
    width: 396px;
    height: 460px;
    margin-top: 37px;
}

.related_contents99 .read_more-link {
    float: left;
    margin-top: 30px;
}

.related_contents99 .text-info {
    /*margin-left: 40px;*/
    margin-top: 20px;
}

ul.e99-address-info {
    font-size: 14px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

ul.e99-address-info li {
    border-bottom: 1px #cccccc solid;
    padding: 5px 0;
    float: left;
    width: 100%;
    line-height: 24px;
}

ul.e99-address-info li:first-child {
    padding-top: 0;
}

ul.e99-address-info li:last-child {
    border-bottom: 0;
}

.related_contents99 .map_contents99 .left-content .left-content {
    margin: 0;
    width: 80px;
    float: left;
    line-height: 24px;
}

.related_contents99 .map_contents99 .left-content .right-content {
    float: right;
    width: 310px;
    line-height: 24px;
}

/******************************
* Cascading Style Sheets - C24
******************************/
.related_contents24 {
    position: relative;
}

.related_contents24:before {
    content: '';
    position: absolute;
    right: 70px;
    top: 84px;
    border-width: 1px;
    border-color: #5494cf;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-right-radius: 4px;
    -webkit-moz-border-radius-topright: 4px;
    -moz-moz-border-radius-topright: 4px;
    -ms-moz-border-radius-topright: 4px;
    -o-moz-border-radius-topright: 4px;
    moz-border-radius-topright: 4px;
    width: 605px;
    height: 400px;
}

.related_contents24:after {
    content: '';
    position: absolute;
    left: 70px;
    bottom: 70px;
    border-width: 1px;
    border-color: #5494cf;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-left-radius: 4px;
    -webkit-moz-border-radius-bottomleft: 4px;
    -moz-moz-border-radius-bottomleft: 4px;
    -ms-moz-border-radius-bottomleft: 4px;
    -o-moz-border-radius-bottomleft: 4px;
    moz-border-radius-bottomleft: 4px;
    width: 820px;
    height: 400px;
}

.related_contents24 .title {
    color: #5494cf;
}

.related_contents24 > p {
    margin: 50px 40px;
}

.related_contents24 > ul {
    float: left;
    margin: 0 40px;

    position: relative;
    z-index: 1000;
}

.related_contents24 > ul > li {
    margin-bottom: 50px;
}

.related_contents24 > ul > li.odd {
    min-height: 253px;
    width: 100%;
    float: left;
    position: relative;
}

.related_contents24 > ul > li.odd:before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 53px;
    background: #d7d7d6;
}

.related_contents24 > ul > li.odd .left-content {
    width: 51px;
    float: left;
}

.related_contents24 > ul > li.odd .left-content span {
    font-size: 50px;
    color: #5494cf;
}

.related_contents24 > ul > li.odd .middle-content {
    float: left;
    position: relative;
    z-index: 2;
}

.related_contents24 > ul > li.odd .middle-content .thumb {
    width: 252px;
    height: 252px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.related_contents24 > ul > li .middle-content .thumb {
    background: #fff;
}

.related_contents24 > ul > li.odd .right-content {
    margin-left: 30px;
    width: 405px;
    float: left;
}

.related_contents24 > ul > li.odd .right-content .title24 {
    font-weight: normal;
}

.related_contents24 > ul > li .title24 a {
    font-size: 13px;
}

.related_contents24 > ul > li .title24 a b {
    font-size: 18px;
}

.related_contents24 > ul > li.odd .right-content .list-tags {
    margin: 20px 0 30px 0;
    min-height: 22px;
}

.related_contents24 > ul > li.odd .right-content .list-tags ul {
    width: 80%;
    float: left;
}

.related_contents24 > ul > li.odd .right-content .list-tags ul li {
    display: inline-block;
    margin-right: 10px;
}

.related_contents24 > ul > li.odd .right-content .list-tags ul li .cat {
    border: 1px solid #888585;
    padding: 4px 7px;
    border-radius: 3px;
    font-size: 10px;
    color: #888585;
}

.related_contents24 > ul > li.odd .right-content .list-tags ul li.active .cat {
    color: #2d3560;
    border: 1px solid #2d3560;
}

.related_contents24 > ul > li.odd .right-content .list-tags .review {
    font-size: 11px;
    border-bottom: 1px solid #888585;
    padding-bottom: 5px;
    float: right;
}

.related_contents24 > ul > li .list-tags .review:hover,
.review-link a:hover {
    opacity: 1 !important;
    color: #5494cf !important;
    border-bottom: 1px solid #5494cf !important;
}

.related_contents24 > ul > li.even {
    min-height: 253px;
    width: 100%;
    float: left;
    position: relative;
}

.related_contents24 > ul > li.even:before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 53px;
    background: #d7d7d6;
}

.related_contents24 > ul > li.even .left-content {
    width: 51px;
    float: left;
}

.related_contents24 > ul > li.even .left-content span {
    font-size: 50px;
    color: #5494cf;
}

.related_contents24 > ul > li.even .right-content {
    float: left;
    position: relative;
    z-index: 2;
}

.related_contents24 > ul > li.even .right-content .thumb {
    width: 252px;
    height: 252px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}

.related_contents24 > ul > li.even .middle-content {
    margin-right: 30px;
    width: 405px;
    float: left;
}

.related_contents24 > ul > li.even .middle-content .title24 {
    font-weight: normal;
}

.related_contents24 > ul > li.even .middle-content .list-tags {
    margin: 20px 0 30px 0;
    min-height: 22px;
}

.related_contents24 > ul > li.even .middle-content .list-tags ul {
    width: 80%;
    float: left;
}

.related_contents24 > ul > li.even .middle-content .list-tags ul li {
    display: inline-block;
    margin-right: 10px;
}

.related_contents24 > ul > li.even .middle-content .list-tags ul li .cat {
    border: 1px solid #888585;
    padding: 4px 7px;
    border-radius: 3px;
    font-size: 10px;
    color: #888585;
}

.related_contents24 > ul > li.even .middle-content .list-tags ul li.active .cat {
    color: #2d3560;
    border: 1px solid #2d3560;
}

.related_contents24 > ul > li.even .middle-content .list-tags .review {
    font-size: 11px;
    border-bottom: 1px solid #888585;
    padding-bottom: 5px;
    float: right;
    line-height: 1 !important;
}

.bookmark_item24.bookmark_item2 {
    background: transparent;
}

.bookmark_item24 .thumb {
    display: block;
    border: 1px solid #d7d7d6;
    border-radius: 100px;
    overflow: hidden;
    background: #fff;
    height: 167px;
    width: 167px;
}

/******************************
* Cascading Style Sheets - D4
******************************/
.mg-0 {
    margin: 0 !important;
}

/* Radio */
.vd_radio {
    padding-left: 0;
    position: relative;
}

.vd_radio .tag_radio {
    position: absolute;
    bottom: -15px;
    right: 0;
    font-size: 12px;
}

.vd_radio label {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    height: 30px;
    /*border: 1px solid transparent;*/
}

.vd_radio input[type=radio] {
    display: none;
}

.vd_radio input[type=radio][disabled] + label {
    opacity: 0.65;
    background-color: #e7e7e7;
}

.vd_radio input[type=radio]:checked + label {
    -o-transition: -o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -ms-transition: -ms-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -moz-transition: -moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -o-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -ms-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -moz-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -webkit-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33), -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.vd_radio input[type=radio]:checked + label {
    border: 1px solid #23709E;
}

body .econtable .vd_select {
    width: auto;
    float: none;
    padding: 0 5px;
    margin: 0 5px;
    margin-top: -3px;
}

body .box60 {
    width: 50px;
}

.vd_select {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 4px 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    float: left;
}

.vd_select.bd {
    border: 1px solid #888585;
}

.vd_select select {
    width: 100%;

    background: url(/static/images/pc/category_arrow.png) no-repeat center right;
}

/*.vd_select:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 10;
    background: url(/static/images/pc/category_arrow.png) no-repeat center right;
    width: 12px;
    height: 8px;
  }*/
.vd_select select:focus {
    outline: 0;
}

.width-100 {
    width: 100px !important;
}

.label-select {
    float: left;
    line-height: 32px;
    padding: 0 10px;
}

table.detail-option {
    margin-top: 10px;
    margin-bottom: 30px;
}

table.detail-option tr, table.detail-option th, table.detail-option td {
    border-collapse: collapse;
    text-align: center;
    padding: 6px 10px;
    font-weight: normal;
}

table.detail-option tr {
    border-bottom: 1px solid #d7d7d6;
}

table.detail-option tr:last-child {
    border-bottom: none;
}

table.detail-option th, table.detail-option td {
    border-right: 1px solid #d7d7d6;
    width: 80px;
}

table.detail-option th:last-child, table.detail-option td:last-child {
    border-right: none;
}

.top_detail_content04 {
    padding: 50px 70px 0 70px;
}

.top_detail_content04 .wrapper ul li a {
    color: #595655;
}

.top_detail_content04 .thumb_sz {
    overflow: hidden;
    border-radius: 5px;
    float: left;
}

.top_detail_content04 .thumb_sz1 {
    width: 138px;
    height: 138px;
    margin-right: 32px;
}

.top_detail_content04 .thumb_sz5 {
    width: 308px;
    height: 308px;
    margin-bottom: 34px;
}

.top_detail_content04 .thumb_sz9 {
    width: 478px;
    height: 478px;
    border: 1px solid #d7d7d6;
    margin-right: 32px;
}

.top_detail_content04.block2 {
    padding: 40px 70px 40px 70px;
    clear: both;
}

.top_detail_content04.block2 .choose-size {
    padding: 40px;
    margin-top: 40px;
    background: #fafafa;
}

.top_detail_content04.block2 .choose-size .left-content {
    width: 380px;
    margin-right: 50px;
    float: left;
}

.top_detail_content04.block2 .choose-size .left-content li {
    display: block;
    min-height: 30px;
    margin-bottom: 20px;
}

.top_detail_content04.block2 .choose-size .left-content li::after {
    content: "";
    display: block;
    clear: both;
}

.top_detail_content04.block2 .choose-size .left-content li > div:first-child {
    width: 60px;
    float: left;
}

.top_detail_content04.block2 .choose-size .left-content li > div:first-child > span {
    line-height: 30px;
    font-size: 13px;
    font-weight: bold;
}

.top_detail_content04.block2 .choose-size .left-content li > div:first-child .vd_select {
    float: left;
}

.top_detail_content04.block2 .choose-size .left-content li > div .vd_radio {
    float: left;
    width: 98px;
    margin-right: 10px;
    border-radius: 5px;
    display: table;
    margin-bottom: 10px;
}

.top_detail_content04.block2 .choose-size .left-content li > div .vd_radio:nth-child(3n) {
    margin-right: 0;
}

.top_detail_content04.block2 .choose-size .left-content li > div .vd_radio:nth-child(4),
.top_detail_content04.block2 .choose-size .left-content li > div .vd_radio:nth-child(7),
.top_detail_content04.block2 .choose-size .left-content li > div .vd_radio:nth-child(10),
.top_detail_content04.block2 .choose-size .left-content li > div .vd_radio:nth-child(13) {
    clear: left;
}

.top_detail_content04.block2 .choose-size .right-content {
    float: left;
    width: 310px;
}

.top_detail_content04.block2 .choose-size .right-content .total {
    color: #888585;
    margin: 15px 0 30px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #595655;
}

.top_detail_content04.block2 .choose-size .right-content .total .price {
    float: right;
}

.top_detail_content04.block2 .choose-size .right-content .total .price b {
    font-size: 20px;
    color: #595655;
}

.top_detail_content04.block2 .choose-size .right-content .btn-reprint, .top_detail_content04.block2 .choose-size .right-content .btn-square {
    float: left;
    background: #4c7cbc;
    color: #fff;
    font-weight: bold;
    border: none;
}

.top_detail_content04.block2 .choose-size .right-content .btn-reprint:hover, .top_detail_content04.block2 .choose-size .right-content .btn-square:hover {
    background: #80c6e5;
}

.top_detail_content04.block2 .choose-size .right-content .footer-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.top_detail_content04.block2 .choose-size .right-content .footer-item .favorite-link {
    width: 100px;
    color: #5494cf;
    float: right;
    display: table;
}

.top_detail_content04.block2 .choose-size .right-content .footer-item .favorite-link img {
    /*float: left;*/
    margin: 0px 0;
    /*height: 33px;*/
    width: auto !important;
    max-width: none;
}

.top_detail_content04.block2 .choose-size .right-content .footer-item .favorite-link span {
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 16px;
}

.top_detail_content04.block2 .choose-size .right-content .footer-item .favorite-link span:hover {
    opacity: 0.7;
}

.top_detail_content04.block2 .choose-size .right-content .footer-item .favorite-link img, .top_detail_content04.block2 .choose-size .right-content .footer-item .favorite-link span {
    display: table-cell;
    vertical-align: middle;
}

.top_detail_content04.block2 .choose-size .bottom-content {
    width: 100%;
    float: left;
    padding-top: 60px;
}

.top_detail_content04.block2 .choose-size .bottom-content .sns {
    margin: 0 30px 0 0;
    float: left;
}

.top_detail_content04.block2 .choose-size .bottom-content .sns li {
    margin-right: 15px;
    float: left;
}

.top_detail_content04.block2 .choose-size .bottom-content .sns li a {
    margin: 0;
}

.top_detail_content04.block2 .choose-size .bottom-content .sns li:last-child {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    border-left: 1px solid #d7d7d6;
}

.top_detail_content04.block2 .choose-size .bottom-content p {
    font-size: 12px;
}

.top_detail_content04.block2 .choose-size .bottom-content p a:hover {
    border-bottom: 1px solid;
}

.top_detail_content04.block3 {
    margin-bottom: 70px;
    padding-top: 0;
}

.top_detail_content04.block3 .min {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.top_detail_content04.block3:last-child {
    margin-bottom: 0 !important
}

.top_detail_content04.block3 .block5 .sub_comment4 {
    margin-bottom: 60px;
}

.top_detail_content04.block3 .text {
    width: 650px;
}

.top_detail_content04.new_item .wrapper > .title {
    display: table;
}

.top_detail_content04.new_item .wrapper > .title span {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 5px;
}

.top_detail_content04.new_item ul li {
    width: 166px;
    float: left;
    margin-right: 50px;
    margin-bottom: 20px;
}

.top_detail_content04.new_item .thumb {
    height: 166px;
    width: 166px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px;
}

.related_contents01.top_detail_content04.new_item .thumb {
    border: 1px solid #d7d7d6;
}

.top_detail_content04.block4 ul {
    float: left;
}

.top_detail_content04.block4 li {
    width: 394px;
    margin-left: 30px;
    margin-bottom: 30px;
    float: left;
}

.top_detail_content04.block4 li .thumb {
    width: 394px;
    height: 394px;
    overflow: hidden;
    float: left;
}

.top_detail_content04.block4 li:nth-child(2n) {
    margin-left: 0;
}

.top_detail_content04.block4 li:first-child {
    width: 100%;
    margin: 0 0 30px 0;
}

.top_detail_content04.block4 li:first-child .content {
    float: left;
    width: 390px;
    text-align: justify;
    margin-left: 30px;
    margin-top: 0;
}

.top_detail_content04.block4 li .content {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.top_detail_content04.block5 {
    padding-bottom: 70px;
}

.top_detail_content04.block5 .title {
    font-weight: bold;
}

.top_detail_content04.block5 .title img:first-child {
    margin-right: 5px;
}

.middle-content {
    line-height: 160%;
}

.top_detail_content04.block5 .title-right {
    float: right;
    display: table;
    font-size: 14px;
    font-weight: normal;
}

.top_detail_content04.block5 .title-right a, .top_detail_content04.block5 .title-right span {
    vertical-align: middle;
}

.top_detail_content04.block5 .title-right a {
    color: #5494cf;
}

.top_detail_content04.block5 .title-right a:hover {
    opacity: 0.7;
}

.top_detail_content04.block5 .title-right a:hover .rev02 {
    text-decoration: underline;
}

.top_detail_content04.block5 .title-right img {
    margin: 0 5px;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    max-height: none;
}

body .top_detail_content04.block5 .wrapper .filter-comment a {
    color: #595655;
    pointer-events: none;
}

.ship-box.text-center.mag_t60px {
    margin-bottom: 40px;
}

.filter-comment.text-right a#active {
    pointer-events: auto;
    color: #5494cf;
}

.filter-comment.text-right a#active:hover {
    border-bottom: 1px solid;
}

.top_detail_content04.block5 .title-right .rev02 {
    display: table-cell;
    vertical-align: middle;
}

.top_detail_content04.block5 .wrapper {
    padding: 0 40px;
}

.top_detail_content04.block5 .wrapper .filter-comment {
    display: block;
    margin: 50px 0 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 12px;
}

.top_detail_content04.block5 .wrapper .filter-comment .text {
    font-size: 12px;
    line-height: 12px;
}

.top_detail_content04.block5 .wrapper .filter-comment a {
    display: inline-block;
    color: #595655;
}

.top_detail_content04.block5 .wrapper .filter-comment a.active {
    text-decoration: underline;
}

.top_detail_content04.block5 .wrapper .filter-comment a.hover {
    opacity: 0.7;
}

.top_detail_content04.block5 .wrapper .filter-comment a:first-child {
    margin-right: 6px;
}

.top_detail_content04.block5 .wrapper > h2 {
    background: #fff;
    padding: 20px 30px 5px 30px;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.top_detail_content04.block5 .wrapper > h2:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 30px;
    right: 30px;
    border-bottom: 1px solid #5c99d1;
}

.top_detail_content04.block5 ul li {
    line-height: 22px;
    font-size: 14px;
    position: relative;
    padding: 30px;
}

.top_detail_content04.block5 ul li:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px dashed #ccdeee;
}

.top_detail_content04.block5 ul li:first-child::after {
    content: none;
}

.top_detail_content04.block5 ul li:first-child {
    background: #fff;
    border-radius: 0 0 5px 5px;
}

.top_detail_content04.block5 ul li .top-content {
    margin-bottom: 15px;
}

.top_detail_content04.block5 ul li .top-content .title {
    font-weight: bold;
}

.top_detail_content04.block5 ul li .footer-content {
    margin-top: 15px;
    font-size: 12px;
    height: 32px;
    color: #888585;
}

.top_detail_content04.block5 ul li .footer-content > span {
    margin-top: 10px;
    display: inline-block;
}

.top_detail_content04.block5 ul li .footer-content .btn-reprint, .top_detail_content04.block5 ul li .footer-content .btn-square {
    color: #595655;
    padding: 5px 20px;
}

.top_detail_content04.block5 ul li .footer-content .btn-reprint:hover, .top_detail_content04.block5 ul li .footer-content .btn-square:hover {
    background: #5494cf;
    color: #fff;
    border: 1px solid #5494cf;
}

.top_detail_content04.block6 {
    padding: 70px;
}

.top_detail_content04.block6 .wrapper {
    background: #fafafa;
}

.top_detail_content04.block6 ul {
    padding: 30px;
    float: left;
}

.top_detail_content04.block6 ul li {
    width: 230px;
    height: 230px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    margin-right: 30px;
    float: left;
    position: relative;
}

.top_detail_content04.block6 ul li:nth-child(3n) {
    margin-right: 0;
}

.top_detail_content04.block6 ul li .top-content {
    border-bottom: 1px solid #5494cf;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.top_detail_content04.block6 ul li .top-content h3 {
    text-align: center;
    display: block;
}

.top_detail_content04.block6 ul li .thumb {
    width: 19%;
    margin: 0 auto;
}

.top_detail_content04.block6 ul li .middle-content .f_s14px {
    line-height: 20px;
}

.top_detail_content04.block6 ul li .middle-content .f_s12px {
    line-height: 16px;
    margin-top: 2px;
}

.top_detail_content04.block6 ul li .footer-content {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.top_detail_content04.block7 ul li:nth-child(3n) {
    margin-right: 50px;
}

.top_detail_content04.block7 ul li:nth-child(4n) {
    margin-right: 0;
}

.top_detail_content04 .direct-page {
    text-align: center;
    font-size: 14px;
    width: 100px;
    margin: 20px auto;
}

.top_detail_content04 .direct-page a {
    color: #676463;
}

.top_detail_content04 .direct-page a:hover {
    color: #5494cf;
}

.top_detail_content04 .direct-page img {
    margin-top: 10px;
}

.text-justify {
    text-align: justify;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
    display: block;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pull-none {
    float: none;
}

.category_book.text-center {
    text-align: center;
}

.category_book.text-center li {
    display: inline-block;
    float: none;
}

.favorite_btn.favorite-link .popbox {
    width: auto !important;
}

.favorite_btn.favorite-link .popbox .title {
    text-align: left;
}

/******************************
* Cascading Style Sheets - D97
******************************/
.related_contents97 .category_shop.blue-outline .active a,
.related_contents97 .category_shop.blue-outline a:hover {
    background: #5d7bb8;
    border: 1px solid #5d7bb8;
    color: #fff;
}

.related_contents97 .category_shop.blue-outline a {
    border: 1px solid #5d7bb8;
}

.new_item.content97 li {
    min-height: 340px;
}

.new_item.content97 li:nth-child(3n+1) {
    clear: both;
    float: left;
}

.order_item {
    float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
}

.order_item span {
    margin-left: 15px;
    margin-right: 15px;
}

.order_item a {
    color: #595655;
    font-size: 12px;
}

.order_item a.active {
    text-decoration: underline;
}

.pagination2-wrapper {
    position: relative;
    clear: both;
}

.pagination2-wrapper .result-counter {
    position: absolute;
    font-size: 13px;
    color: #888585;
    top: 18px;
    left: 0;
}

.related_contents97 .bookmark_item2.best-sale .wrapper ul li {
    position: relative;
}

.related_contents97 .bookmark_item2.best-sale .wrapper ul li .number {
    position: absolute;
    left: 95%;
    min-width: 50px;
    float: left;
}

.related_contents97 .bookmark_item2.best-sale .wrapper ul li .number span {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
}

.related_contents97 .bookmark_item2.best-sale .wrapper ul li .number.first {
    color: #2d3560;
}

.related_contents97 .bookmark_item2.best-sale .wrapper ul li .number.second {
    color: #4c7cbc;
}

.related_contents97 .bookmark_item2.best-sale .wrapper ul li .number.third {
    color: #9ec3e4;
}

.related_contents97 .bookmark_item2.best-sale .wrapper ul li .number.four {

    color: #80c6e5;
}

.related_contents97 .bookmark_item2.best-sale .wrapper ul li .number img {
    width: 20px;
}

/******************************
* Cascading Style Sheets - D98
******************************/
ul.list-style > li {
    position: relative;
    padding: 0 0 0 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    line-height: initial;
}

ul.list-style > li p {
    font-size: 12px;
}

ul.list-style > li:before {
    position: absolute;
    content: '※';
    font-size: 12px;
    left: 0;
    top: 5px;
    height: 10px;
    line-height: 10px;
}

ul.list-style-dot > li {
    position: relative;
    padding: 0 0 0 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    line-height: initial;
}

ul.list-style-dot > li p {
    font-size: 12px;
}

ul.list-style-dot > li:before {
    position: absolute;
    content: '・';
    font-size: 12px;
    left: 0;
    top: 0;
}

.top_detail_content98 {
    padding: 50px 70px 0 70px;
}

.top_detail_content98 .thumb_sz {
    overflow: hidden;
    border-radius: 5px;
    float: left;
    border: 1px solid #d7d7d6;
}

.top_detail_content98 .thumb_sz1 {
    width: 78px;
    height: 78px;
    margin-right: 20px;
}

.top_detail_content98 .thumb_sz1:nth-child(6n) {
    margin-right: 0;
}

.top_detail_content98 .thumb_sz9 {
    width: 478px;
    height: 478px;
    margin-bottom: 20px;
}

.top_detail_content98.block1 .left-content {
    width: 480px;
    margin-right: 30px;
    float: left;
}

.top_detail_content98.block1 .right-content {
    padding-left: 510px;
}

.top_detail_content98.block2 .choose-size .left-content li {
    display: block;
    min-height: 30px;
    margin-bottom: 20px;
}

.top_detail_content98.block2 .choose-size .left-content li > div.full-width {
    padding-left: 60px;
}

.top_detail_content98.block2 .choose-size .left-content li > div.full-width .vd_radio {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.top_detail_content98.block2 .choose-size .left-content li > div.full-width .vd_radio:last-child {
    margin-right: 0;
}

.top_detail_content98.block2 .choose-size .right-content {
    float: left;
    width: 310px;
}

.top_detail_content98.block2 .choose-size .right-content .total {
    color: #888585;
    margin: 15px 0 30px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #595655;
}

.top_detail_content98.block2 .choose-size .right-content .total .price {
    float: right;
}

.top_detail_content98.block2 .choose-size .right-content .total .price b {
    font-size: 20px;
    color: #595655;
}

.top_detail_content98.block2 .choose-size .right-content .btn-reprint, .top_detail_content98.block2 .choose-size .right-content .btn-square {
    float: left;
    background: #4c7cbc;
    color: #fff;
    font-weight: bold;
}

.top_detail_content98.block2 .choose-size .right-content .footer-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.top_detail_content98.block2 .choose-size .right-content .footer-item .favorite-link {
    width: 100px;
    color: #5494cf;
    float: right;
    display: table;
}

.top_detail_content98.block2 .choose-size .right-content .footer-item .favorite-link img {
    float: left;
    margin: 0px 0;
}

.top_detail_content98.block2 .choose-size .right-content .footer-item .favorite-link span {
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 16px;
}

.top_detail_content98.block2 .choose-size .right-content .footer-item .favorite-link img, .top_detail_content98.block2 .choose-size .right-content .footer-item .favorite-link span {
    display: table-cell;
    vertical-align: middle;
}

.top_detail_content98.block2 .choose-size .bottom-content {
    width: 100%;
    float: left;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px dashed #e7e7e7;
}

.top_detail_content98.block2 .choose-size .bottom-content .sns {
    margin: 0 30px 0 0;
    float: left;
}

.top_detail_content98.block2 .choose-size .bottom-content .sns li {
    margin-right: 15px;
    float: left;
}

.top_detail_content98.block2 .choose-size .bottom-content .sns li a {
    margin: 0;
}

.top_detail_content98.block2 .choose-size .bottom-content .sns li:last-child {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    border-left: 1px solid #d7d7d6;
}

.top_detail_content98.block2 .choose-size .bottom-content p {
    font-size: 12px;
}

.top_detail_content98.block3 table.detail-option th, .top_detail_content98.block3 table.detail-option td {
    width: 120px;
}

.top_detail_content98.block3 ul.list-style {
    width: 480px;
}

.top_detail_content98.block4 ul {
    float: left;
}

.top_detail_content98.block4 li {
    width: 394px;
    min-height: 450px;
    margin-bottom: 30px;
    margin-right: 30px;
    float: left;
}

.top_detail_content98.block4 li .thumb {
    width: 394px;
    height: 394px;
    overflow: hidden;
    float: left;
}

.top_detail_content98.block4 li:nth-child(2n) {
    margin-right: 0;
}

.top_detail_content98.block4 li .content {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.top_detail_content98.block5 {
    padding-bottom: 0;
}

.top_detail_content98.block5 .wrapper > h2 {
    background: #fafafa;
    padding: 20px 30px 5px 30px;
}

.top_detail_content98.block5 ul > li {
    line-height: 22px;
    font-size: 14px;
    position: relative;
    padding: 30px;
}

.top_detail_content98.block5 ul > li:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px dashed #ccdeee;
}

.top_detail_content98.block5 ul > li:first-child {
    background: #fafafa;
}

.top_detail_content98.block5 ul > li .top-content {
    margin-bottom: 15px;
}

.top_detail_content98.block5 ul > li .top-content .title {
    font-weight: bold;
}

.top_detail_content98.block5 ul > li .footer-content {
    margin-top: 15px;
    font-size: 12px;
    height: 32px;
    color: #888585;
}

.top_detail_content98.block5 ul > li .footer-content > span {
    margin-top: 10px;
    display: inline-block;
}

.top_detail_content98.block5 ul > li .footer-content .btn-reprint, .top_detail_content98.block5 ul > li .footer-content .btn-square {
    color: #595655;
    padding: 5px 20px;
}

.top_detail_content98.block5 ul > li .footer-content .btn-reprint:hover, .top_detail_content98.block5 ul > li .footer-content .btn-square:hover {
    color: #fff;
    background: #4c7cbc;
    border: 1px dashed #4c7cbc;
}

/******************************
* Cascading Style Sheets - E2
******************************/
.new-title {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: bold;
    margin-top: 16px;
    display: block;
    margin-bottom: 10px;
}

.link_text {
    color: #4a7cbb !important;
}

.related_contents_e2.harumi_menu {
    padding: 17px 0;
    margin: 0 70px;
}

.related_contents_e2 .wrapper {
    padding: 70px 40px 0 40px;
}

.related_contents_e2.block1 {
    padding-bottom: 0;
}

.related_contents_e2.block1 .thumb {
    width: 730px;
    height: 353px;
    overflow: hidden;
}

.related_contents_e2.block2 > ul, .related_contents_e2.block2 > ul > li {
    float: left;
}

.related_contents_e2.block2 > ul > li {
    margin-top: 70px;
}

.related_contents_e2.block2 li:nth-child(2n+1) .left-content {
    float: left;
}

.related_contents_e2.block2 li:nth-child(2n+1) .left-content .thumb {
    width: 340px;
    height: 340px;
    overflow: hidden;
}

.related_contents_e2.block2 li:nth-child(2n+1) .right-content {
    margin-left: 360px;
}

.related_contents_e2.block2 li:nth-child(2n+1) .right-content > p, .related_contents_e2.block2 li:nth-child(2n+1) .right-content > ul {
    margin-left: 40px;
}

.related_contents_e2.block2 li:nth-child(2n) .right-content {
    float: right;
}

.related_contents_e2.block2 li:nth-child(2n) .right-content .thumb {
    width: 340px;
    height: 340px;
    overflow: hidden;
}

.related_contents_e2.block2 li:nth-child(2n) .left-content {
    width: 460px;
    float: left;
}

.related_contents_e2.block2 li:nth-child(2n) .left-content > p, .related_contents_e2.block2 li:nth-child(2n) .left-content > ul {
    margin-left: 40px;
}

.related_contents_e2.block2 .bottom-content {
    clear: both;
    padding-top: 70px;
    margin-left: 40px;
}

.related_contents_e2.block2 .bottom-content table.detail-option td:first-child {
    width: 140px;
}

.related_contents_e2.block2 .bottom-content table.detail-option td:nth-child(2) {
    width: 500px;
    text-align: left;
}

.related_contents_e2.block2 .bottom-content table.detail-option td:nth-child(3) {
    width: 140px;
}

.related_contents_e2.block3 ul {
    margin-left: 40px;
}

.related_contents_e2.block3 ul li {
    margin-right: 30px;
    margin-bottom: 30px;
    min-height: 350px;
    width: 372px;
    display: inline-block;
}

.related_contents_e2.block3 ul li:nth-child(2n) {
    margin-right: 0;
}

.related_contents_e2.block3 ul li .thumb {
    width: 372px;
    height: 285px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}

.related_contents_e2.block4 ul {
    margin-left: 40px;
}

.related_contents_e2.block4 ul li {
    margin-bottom: 40px;
    display: table;
}

.related_contents_e2.block4 ul li:last-child {
    margin-bottom: 0;
}

.related_contents_e2.block4 .left-content {
    width: 53px;
    display: table-cell;
    vertical-align: top;
}

.related_contents_e2.block4 .left-content .number-box {
    width: 30px;
    height: 30px;
    border: 1px solid #4a7cbb;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    color: #4a7cbb;
}

.related_contents_e2.block4 .middle-content {
    width: 315px;
    display: table-cell;
    vertical-align: top;
    padding-right: 45px;
}

.related_contents_e2.block4 .right-content {
    width: 375px;
    display: table-cell;
    vertical-align: top;
}

.related_contents_e2.block4 .right-content .thumb {
    width: 375px;
}

/******************************
* Cascading Style Sheets - E3
******************************/
.related_contents_e3 .large_more {
    margin-bottom: 100px;
    text-align: center;
}

.related_contents_e3 .large_more a {
    font-size: 30px;
    color: #5494cf;
    position: relative;
    padding-bottom: 10px;
    cursor: default;
}

.related_contents01.related_contents_e3.clear.block3 li.banner a {
    cursor: default;
}

.related_contents01.related_contents_e3.clear.block3 li.banner a:hover,
.related_contents01.related_contents_e3.clear.block3 li.banner a img:hover,
.related_contents_e3 .large_more a:hover {
    opacity: 1.0;
}

.related_contents_e3 .large_more a span {
    position: relative;
    padding-bottom: 10px;
}

.related_contents_e3 .large_more a span:before, .related_contents_e3 .large_more a span::after {
    position: absolute;
    content: '';
    width: 52%;
    height: 2px;
    background: url("/static/images/pc/large_more_bd.png");
    top: 100%;
}

.related_contents_e3 .large_more a span::before {
    right: 50%;
}

.related_contents_e3 .large_more a span::after {
    left: 50%;
}

.related_contents_e3 .large_more a::after {
    content: '';
    left: -0px;
    right: 0;
    margin: 0 auto;
    top: 100%;
    position: absolute;
    width: 14px;
    height: 6px;
    background: url("/static/images/pc/large_more.png") no-repeat center #fff;
    display: block;
}

@-moz-document url-prefix() {
    .related_contents_e3 .large_more a::after {
        left: 50%;
        margin-left: -11px;
        right: auto;
    }
}

.related_contents_e3.block1 > p {
    padding: 0 150px;
}

.related_contents_e3.block2 {
    padding-top: 30px;
}

.related_contents_e3.block2 ul {
    margin: 30px 30px;
    float: left;
}

.related_contents_e3.block2 ul li {
    background: #fff;
    width: 360px;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 37px;
    float: left;
    min-height: 220px;
}

.related_contents_e3.block2 ul li:nth-child(2n) {
    margin-right: 0;
}

.related_contents_e3.block2 ul li .top-content {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.related_contents_e3.block2 ul li .top-content h3.icon_warehouse {
    display: inline-block;
    padding-left: 60px;
    line-height: 41px;
    background: url("/static/images/pc/warehouse.png") no-repeat center left;
}

.related_contents_e3.block2 ul li .top-content h3.icon_box {
    display: inline-block;
    padding-left: 60px;
    line-height: 41px;
    background: url("/static/images/pc/box.png") no-repeat center left;
}

.related_contents_e3.block3 {
    background: #fff;
    padding-bottom: 0;
}

.related_contents_e3.block3 ul > li {
    min-height: 430px;
}

.related_contents_e3.block3 ul > li .thumb {
    height: 272px;
    width: 394px;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}

.related_contents_e3.block4 h3 {
    margin: 20px 0;
    color: #5494cf;
}

/******************************
* Cascading Style Sheets - E4
******************************/
.style-questions {
    padding-left: 50px;
    position: relative;
}

.style-questions li {
    margin-top: 20px;
    padding-bottom: 20px;
}

.style-questions::after {
    clear: both;
    content: "";
    display: block;
}

.style-questions li span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    font-size: 15px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
}

.style-questions li > ul {
    margin-left: 5px;
}

.style-questions.style_bg_blue li > span {
    background: #5494cf;
    color: #fff;
    border: 1px solid #5494cf;
}

.style-questions.style_bg_white li > span {
    background: #fff;
    color: #5494cf;
}

.related_contents_e4 .recipe_detail2 .thumb {
    margin-top: 10px;
}

/******************************
* Cascading Style Sheets - E103
******************************/
.saiyou_link.bg_blue {
    background: url("/static/images/pc/arrow_next_h.png") no-repeat center right #4c7cbc !important;
    color: #fff;
}

.saiyou_link.bg_blue:hover {
    background: url("/static/images/pc/arrow_next_h.png") no-repeat center right #80c6e5 !important;
}

.saiyou_link.bg_blue02 {
    background: #4c7cbc !important;
    color: #fff;
}

.saiyou_link.bg_blue02:hover {
    background: #80c6e5 !important;
    cursor: pointer;
}

table.table-form {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #d7d7d6;
}

table.table-form tr, table.table-form th, table.table-form td {
    border-collapse: collapse;
    padding: 8px 10px;
    font-weight: normal;
    border: 1px solid #d7d7d6;
    text-align: left;
}

table.table-form th {
    position: relative;
    font-size: 14px;
    width: 147px;
    padding-right: 50px;
    display: table-cell;
    vertical-align: middle;
    background: #ededed;
}

table.table-form th span {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

table.table-form th span.box_blue03.inactive {
    background: #aaa;
}

table.table-form td {
    background: #fff;
}

input, textarea {
    border: 1px solid #888585;
    border-radius: 5px;
    height: 36px;
    font-size: 15px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input.notRequired, textarea.notRequired {
    border: 1px solid #d7d7d6;
}

.whiteback {
    border: 1px solid #888585;
    border-radius: 5px;
    height: 26px;
    margin-right: 10px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input.notRequired, textarea.notRequired {
    border: 1px solid #d7d7d6;
}

.textarea_width {
    width: 320px;
}

textarea.todoke {
    padding-top: 10px;
    padding-bottom: 10px;
}

.w-500px {
    width: 500px;
    margin: 0 auto;
    text-align: center;
}

.container_tab {
    width: 100%;
    margin: 0 auto;
}

.container_tab ul.tabs {
    margin: 0 0 0px 0;
    padding: 0;
    list-style: none;
    border-radius: 5px;
    overflow: hidden;
    background: #ccc;
}

.container_tab ul.tabs li {
    background: #ccc;
    color: #fff;
    text-align: center;
    float: left;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container_tab ul.tabs li:before {
    content: '';
    position: absolute;
    top: 0;
    right: -25px;
    height: 39px;
    width: 26px;
    z-index: 100;
    background: url("/static/images/pc/tab_bg_2.png") no-repeat center right;
}

.container_tab ul.tabs li:last-child:before {
    display: none;
}

.container_tab ul.tabs li.current {
    background: #5494cf;
    color: #fff;
    z-index: 20;
}

.container_tab ul.tabs li.current:before {
    background: url("/static/images/pc/tab_bg.png") no-repeat center right;
}

.container_tab .tab-content {
    display: none;
    padding: 40px 0;
}

.container_tab .tab-content.current {
    display: inherit;
}

.container_tab_2 {
    width: 100%;
    margin: 0 auto;
}

.container_tab_2 ul.tabs {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    border-radius: 5px;
    overflow: hidden;
}

.container_tab_2 ul.menu_tabs {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    border-radius: 0;
    overflow: hidden;
}

.container_tab_2 ul.menu_tabs li a {
    color: #595655;
}

.container_tab_2 ul.tabs li,
.container_tab_2 ul.menu_tabs li {
    color: #595655;
    text-align: center;
    float: left;
    padding: 0 10px 0 14px;
    line-height: 29px;
    height: 29px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 38px;
    border: 1px solid #5494cf;
    border-top-left-radius: 4px;
}

.container_tab_2 ul.tabs li:before,
.container_tab_2 ul.menu_tabs li:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -39px;
    height: 29px;
    width: 40px;
    z-index: 100;
    background: url("/static/images/pc/tab_bg_5.png") no-repeat center right;
}

.container_tab_2 ul.tabs li:first-child,
.container_tab_2 ul.menu_tabs li:first-child {
    margin-left: 0;
}

.container_tab_2 ul.tabs li.current,
.container_tab_2 ul.tabs li:hover,
.container_tab_2 ul.menu_tabs li.current,
.container_tab_2 ul.menu_tabs li:hover {
    background: #4c7cbc;
    color: #fff;
    z-index: 20;
}

.container_tab_2 ul.menu_tabs li.current a,
.container_tab_2 ul.menu_tabs li:hover a {
    color: #fff;
}

.container_tab_2 ul.tabs li.current:before,
.container_tab_2 ul.tabs li:hover::before,
.container_tab_2 ul.menu_tabs li.current:before,
.container_tab_2 ul.menu_tabs li:hover::before {
    background: url("/static/images/pc/tab_bg_4.png") no-repeat center right;
}

.container_tab_2 .tab-content {
    display: none;
    padding: 40px 0;
}

.container_tab_2 .tab-content.current {
    display: inherit;
}

.container_tab ul.tabs li {
    background: #ccc;
    color: #fff;
    text-align: center;
    float: left;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
}

.container_tab ul.tabs li:before {
    content: '';
    position: absolute;
    top: 0;
    right: -25px;
    height: 39px;
    width: 26px;
    z-index: 100;
    background: url("/static/images/pc/tab_bg_2.png") no-repeat center right;
}

.container_tab ul.tabs li:last-child:before {
    display: none;
}

.container_tab ul.tabs li.current {
    background: #5494cf;
    color: #fff;
    z-index: 20;
}

.container_tab ul.tabs li.current:before {
    background: url("/static/images/pc/tab_bg.png") no-repeat center right;
}

.container_tab .tab-content {
    display: none;
    padding: 40px 0;
}

.container_tab .tab-content.current {
    display: inherit;
}

.container_collapse fieldset .expandable {
    display: none;
    padding: 10px 40px 20px;
}

.faq_list .container_collapse fieldset .expandable {
    padding: 10px 0px 20px;
}

.container_collapse fieldset .expandable.expanded {
    display: block;
}

.container_collapse fieldset .header-collapse {
    border-bottom: 1px dotted #5494cf;
    padding: 8px 0;
    position: relative;
    cursor: pointer;
}

.container_collapse fieldset .header-collapse:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 12px;
    width: 19px;
    height: 11px;
    background: url("/static/images/pc/arrow_down.png") no-repeat;
}

.container_collapse fieldset .header-collapse.in:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.container_collapse fieldset .header-collapse > span {
    width: 17px;
    height: 17px;
    border: 1px solid #595655;
    text-align: center;
    line-height: 17px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}

.related_contents_e103.block2 .container_tab .tabs li {
    width: 33.333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.related_contents_e103.block2 textarea {
    width: 100%;
    height: 90px;
}

.related_contents_e103.block2 .vd_select {
    width: 400px;
    border: 1px solid #888585;
    border-radius: 5px;
    background: #fffff5;
}

.related_contents_e103 .content_e103 li {
    color: #5494cf;
}

.related_contents_e103 .content_e103 li span {
    color: #595655;
}

/******************************
* Cascading Style Sheets - E104
******************************/
.related_contents_e104.block1 ul {
    float: left;
    background: #fafafa;
}

.related_contents_e104.block1 ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 5px 0;
}

.collapse-text-style fieldset .header-collapse {
    padding: 10px 0;
}

.collapse-text-style fieldset .header-collapse h3 {
    line-height: 32px;
}

.collapse-text-style fieldset .header-collapse:after {
    bottom: 20px;
}

.collapse-text-style fieldset .header-collapse > span {
    background: #5494cf;
    width: 32px;
    height: 32px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    border: none;
}

.collapse-text-style .content_e104 li span {
    background: #fff;
    width: 32px;
    height: 32px;
    color: #5494cf;
    line-height: 32px;
    text-align: center;
    border: 1px solid #5494cf;
    border-radius: 50%;
    float: left;
}

.collapse-text-style .content_e104 li p {
    margin-left: 45px;
    padding-top: 4px;
}

/******************************
* Cascading Style Sheets - F1
******************************/
.bg_white {
    background: #fff !important;
}

.bg_gray, .related_contents_f8.block1 .tab-content {
    background: #fafafa !important;
}

.title_blue {
    color: #5494cf;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 20px;
    display: block;
}

.title_blue_login {
    color: #5494cf;
    font-size: 30px;
    text-align: left;
    font-weight: normal;
    margin-bottom: 20px;
    display: block;
}

.title_blue_login span {
    font-size: 18px;
}

.login_page .form_login {
    background: #fafafa;
    border-radius: 5px;
    border: 1px solid #5494cf;
    padding: 70px 0;
    margin-bottom: 20px;
}

.login_page .form_login table {
    margin: 0 260px 0 140px;
    text-align: center;
}

.login_page .form_login table tr {
    margin-bottom: 20px;
    display: block;
}

.login_page .form_login th {
    text-align: left;
    font-size: 13px;
    width: 120px;
}

.login_page .form_login td {
    width: 300px;
}

.login_page .form_login td input {
    width: 300px;
}

.login_page .form_login .save_info {
    font-size: 11px;
    text-align: left;
}

.login_page .form_login .save_info input {
    width: 10px;
    height: 10px;
}

/******************************
* Cascading Style Sheets - F2
******************************/
.form_gray_bd_blue {
    background: #fafafa;
    border-radius: 5px;
    border: 1px solid #5494cf;
    padding: 70px;
    margin-bottom: 20px;
}

.form_gray_bd_blue2 {
    padding: 30px 40px 40px;
    background: #fafafa;
    border-radius: 5px;
    border: 1px solid #5494cf;
    margin-bottom: 20px;
}

.section1 {
    position: relative;
    margin-top: 70px;
}

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

.section1 .header {
    background: #fff;
    border: 1px solid #5494cf;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    left: -90px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 30px;
    font-weight: bold;
}

.section1 .header:after {
    content: "";
    position: absolute;
    right: -20px;
    top: -1px;
    height: 38px;
    width: 22px;
    background: url("/static/images/pc/tab_bg_3.png") no-repeat;
}

.section1 .left-section {
    display: table;
    width: 325px;
    float: left;
    margin-right: 28px;
}

.section1 .left-section:nth-child(2n) {
    margin-right: 0;
}

.section1 .left-section .thumb {
    float: left;
    display: table-cell;
    vertical-align: middle;
    width: 51px;
    height: 60px;
    margin-right: 10px;
}

.section1 .left-section p {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
}

.termsAndCondition {
    margin-top: 30px;
    width: 675px;
    height: 450px;
    overflow-y: auto;
    padding: 40px 30px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d7d7d6;
    border-radius: 5px;
}

.termsAndCondition::-webkit-scrollbar {
    width: 10px;
}

.termsAndCondition::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.termsAndCondition::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.termsAndCondition::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

/******************************
* Cascading Style Sheets - F3
******************************/
.related_contents_f3 .form_gray_bd_blue {
    padding: 40px;
}

.related_contents_f3 .form_gray_bd_blue .tabs {
    margin: 0;
}

.related_contents_f3 .form_gray_bd_blue .tabs li {
    width: 33.33%;
}

.w-60px {
    width: 60px !important;
}

.w-80px {
    width: 80px !important;
}

.w-260px {
    width: 260px !important;
}

.table-form .table_form_child li {
    display: block;
    width: 100%;
    padding: 5px 0;
    line-height: 32px;
    margin-bottom: 10px;
}

.table-form .table_form_child li .th_div {
    position: relative;
    text-align: right;
    font-size: 14px;
    width: 100px;
    float: left;
    padding: 0 10px 0 0;
}

.table-form .vd_select {
    width: 160px;
    padding: 0 10px 0 0px;
    border: 1px solid #888585;
    overflow: hidden;
}

.table-form .vd_select select {
    height: 36px;
    padding: 0 0px 0 10px;
    box-sizing: border-box;
}

.table-form .vd_select select::-ms-expand {
    display: none;
}

/*.table-form input, .table-form select, .table-form .bg_radio {
  background: #fffff5; }*/
.table-form input.notRequired, .table-form select.notRequired, .table-form .bg_radio.notRequired {
    background: #fff;
}

.vd_radio_circle {
    line-height: 20px;
}

.vd_radio_circle label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 15px;
    margin-bottom: 6px;
    color: #777a80;
}

.vd_radio_circle input[type=radio] {
    display: none;
}

.vd_radio_circle label:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    border: 2px solid #c2c6cb;
    border-radius: 99px;
}

.vd_radio_circle label:after {
    font-size: 13px;
    content: "";
    text-align: center;
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 99px;
    left: 2px;
    top: 5px;
    background-color: #5494cf;
    border: 2px solid #5494cf;
}

.vd_radio_circle input[type=radio][disabled] + label {
    opacity: 0.65;
}

.vd_radio_circle input[type=radio][disabled] + label:after {
    background-color: #eceff3;
}

.vd_radio_circle input[type=radio]:checked + label:after {
    -o-transform: scale(0.63);
    -ms-transform: scale(0.63);
    -moz-transform: scale(0.63);
    -webkit-transform: scale(0.63);
    transform: scale(0.63);
    line-height: 18px;
    -o-transition: -o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -ms-transition: -ms-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -moz-transition: -moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -o-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -ms-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -moz-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -webkit-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33), -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.vd_radio_circle input[type=radio]:checked + label:before {
    border: 2px solid #8e9095;
}

.table_form_child_2 li .vd_select, .table_form_child_2 li input {
    width: 260px !important;
}

.table_form_child_2 li .th_div {
    width: 40px !important;
}

.table_form_child_2 li > div.td_div_2 {
    padding-left: 60px !important;
}

/******************************
 * Cascading Style Sheets - E132
 ******************************/
.new_item.content132 ul li {
    margin-right: 35px;
    height:;
    width: 177px;
}

.new_item.content132 ul li:nth-child(3n) {
    margin-right: 35px;
}

.new_item.content132 ul li:nth-child(3n+1) {
    clear: none;
}

.new_item.content132 ul li:nth-child(4n) {
    clear: none;
    margin-right: 0;
}

.new_item.content132 ul li:nth-last-of-type(-n+4) {
    margin-bottom: 0;
}

.new_item.content132 ul li .thumb img {
    border: 1px solid #d7d7d6;
    border-radius: 5px;
}

.new_item.content132 ul.mag_t30px li:nth-child(4n+1) {
    clear: both;
}

.content132 {
    margin-top: 0;
}

.content132.block4 {
    padding-top: 30px;
}

.content132.block4 li {
    width: 187px;
    margin-right: 24px;
    margin-bottom: 25px;
    min-height: 121px;
    float: left;
    background: #fafafa;
    border-radius: 5px;
}

.content132.block4 li:nth-child(4n) {
    margin-right: 0;
}

.content132.block4 li .thumb {
    width: 187px;
    height: 92px;
}

.content132.block4 li .text {
    text-align: center;
}

/******************************
* Cascading Style Sheets - E132
******************************/
.content133.related_contents01 {
    background: #fff;
}

.content133.related_contents01 .picup li:nth-last-of-type(-n+4) {
    margin-bottom: 0;
}

.content133 .bookmark_item2 .wrapper ul li {
    width: 230px;
    margin-right: 60px;
    float: left;
}

.content133 .bookmark_item2 .wrapper ul li:nth-child(3n) {
    margin-right: 0;
}

.content133 .bookmark_item2 .wrapper ul li .thumb {
    height: 230px;
    width: 230px;
    border-radius: 50%;
    border: none;
}

.content133 .bookmark_item2 .wrapper ul li .thumb img {
    width: 100%;
}

.content133.new_item {
    background: #fff;
}

/******************************
* Cascading Style Sheets - F4
******************************/
.info_msg {
    width: 100% !important;
    padding: 0;
}

.info_msg span {
    color: #595655;
    margin-top: 10px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: initial;
}

.error_msg {
    width: 100% !important;
    padding: 0 !important;
}

.error_msg span {
    line-height: initial;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

table.table-form.table-form_2 tr, table.table-form.table-form_2 th, table.table-form.table-form_2 td {
    padding-top: 15px;
    padding-bottom: 15px;
}

table.table-form.table-form_2 .table_form_child li {
    margin: 0;
    line-height: initial;
}

.container_tab_2 .tabs li:hover a {
    color: #fff !important;
}

.container_tab_2 .tabs li a {
    color: #595655 !important;
}

.container_tab_2 .tabs li.current a {
    color: #fff !important;
}

.container_tab_2 .tabs li a:hover {
    color: #fff !important;
}

.complete_regis h3 {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d7d7d6;
}

/******************************
* Cascading Style Sheets - F7
******************************/
.table_cart {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #d7d7d6;
    font-size: 13px;
}

.table_cart tr, .table_cart th, .table_cart td {
    border-collapse: collapse;
    padding: 20px 10px;
    font-weight: normal;
    border: 1px solid #d7d7d6;
    text-align: center;
}

.table_cart tr.special td,
.table_cart tr.special th,
.table_cart tr:nth-child(1) td,
.table_cart tr:nth-child(2) td {
    background: #fafafa;
    padding: 10px;
}

.table_cart tr.tr_no_bd td {
    border: none;
}

.table_cart th {
    position: relative;
    font-size: 14px;
    width: 157px;
    padding-right: 40px;
    display: table-cell;
    vertical-align: middle;
    background: #ededed;
}

.table_cart th span {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.table_cart th span.box_blue03.inactive {
    background: #aaa;
}

.table_cart td {
    display: table-cell;
    vertical-align: middle;
}

.table_cart td:first-child {
    width: 65px;
}

.table_cart td:nth-child(3) {
    width: 120px;
}

.table_cart td:nth-child(4) {
    width: 120px;
}

.table_cart td:nth-child(4) div {
    margin: 0 20px;
}

.table_cart td:nth-child(5) {
    width: 120px;
}

.table_cart .input-group-cart {
    float: left;
    line-height: 21px;
}

.table_cart .input-group-cart .input-group-btn button {
    width: 21px;
    height: 21px;
    font-size: 21px;
    font-weight: 100;
    line-height: 0;
    padding-bottom: 10px;
    border-radius: 2px;
    border: 1px solid #888585;
    padding: 0;
    float: left;
    background: none;
    cursor: pointer;
    margin-left: 10px;
}

.table_cart .thumb {
    width: 130px;
    height: 130px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}

.related_contents_f7 .wrapper {
    padding: 40px 30px;
}

/******************************
* Cascading Style Sheets - F8
******************************/
.btn-square {
    border-radius: 5px;
    padding: 8px 20px;
}

.btn-square.bg_grey {
    margin-top: 0;
    margin-left: 20px;
}

.related_contents_f8.block1 {
    padding-bottom: 0;
}

.related_contents_f8.block1 .left-content, .related_contents_f8.block1 .right-content {
    width: 50%;
    float: left;
}

@media only screen and (max-width: 750px) {
    /*マイページの登録内容変更（確認ページ）*/
    .related_contents02.related_contents_f8.block1 {
        padding: 0;
    }
}

.related_contents_f8.block1 .container_tab_2 {
    margin-top: 50px;
}

.table_header_gray {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #d7d7d6;
    font-size: 13px;
}

.table_header_gray tr, .table_header_gray th, .table_header_gray td {
    border-collapse: collapse;
    font-weight: normal;
    padding: 15px 10px;
    border: 1px solid #d7d7d6;
    text-align: center;
}

.table_header_gray tr:first-child, .table_header_gray tr:first-child td, .table_header_gray tr:first-child th {
    padding: 10px 10px;
}

.table_header_gray th {
    position: relative;
    font-size: 14px;
    width: 157px;
    padding-right: 40px;
    display: table-cell;
    vertical-align: middle;
    background: #ededed;
}

.table_header_gray th span {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.table_header_gray td {
    display: table-cell;
    vertical-align: middle;
}

.related_contents_f14 .table_header_gray td.text-left {
    text-align: left;
    line-height: 26px;
}

.related_contents_f15 {
    max-width: 740px;
    margin: 0 auto;
}

.related_contents_f15 h1 {
    color: #5494cf;
    font-size: 30px;
    margin-bottom: 70px;
    text-align: left;
    font-weight: 500;
}

.related_contents_f22 {
    width: 820px;
    margin: 0 auto;
    padding: 40px 0;
}

.related_contents_f22 h1 {
    color: #5494cf;
    font-size: 30px;
    margin-bottom: 70px;
    text-align: left;
    font-weight: 500;
}

.related_contents_f22 .container_tab ul.tabs li {
    padding: 12px 36.8px;
}

.related_contents_f22 .container_tab .tab-content .thumb {
    width: 820px;
    height: 630px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #5494cf;
}

.related_contents_f22.block2 .wrapper {
    padding: 40px 0;
    margin-top: 20px;
    background: #fafafa;
}

.related_contents_f22.block2 .wrapper .section_1 {
    width: 100%;
    text-align: center;
    line-height: 24px;
}

.related_contents_f22.block2 .wrapper .section_1 .vd_select {
    float: none;
    display: inline-block;
}

.related_contents_f22.block2 .wrapper .section_1 h2 {
    display: inline-block;
}

.related_contents_f22.block2 .table_cart_3 {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #d7d7d6;
    font-size: 13px;
}

.related_contents_f22.block2 .table_cart_3 tr, .related_contents_f22.block2 .table_cart_3 th, .related_contents_f22.block2 .table_cart_3 td {
    border-collapse: collapse;
    padding: 20px 10px;
    font-weight: normal;
    border: 1px solid #d7d7d6;
    text-align: center;
}

.related_contents_f22.block2 .table_cart_3 td {
    position: relative;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
}

.related_contents_f22.block2 .table_cart_3 td span {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.related_contents_f22.block2 .table_cart_3 td .thumb {
    width: 130px;
    height: 130px;
    float: left;
    margin-right: 20px;
}

.related_contents_f22.block2 .table_cart_3 td {
    display: table-cell;
    vertical-align: middle;
}

/******************************
* Cascading Style Sheets - F29
******************************/
.related_contents_f29 {
    width: 820px;
    margin: 0 auto;
    padding: 40px 0;
}

.related_contents_f29 .container_tab ul.tabs li {
    padding: 12px 36.8px;
}

.related_contents_f29 .link_title {
    margin-bottom: 0;
}

.related_contents_f29 .link_title .saiyou_link {
    width: 325px;
    margin-top: 25px;
}

.related_contents_f29 .text_right {
    text-align: right;
}

.related_contents_f29 .text_right a {
    color: #595655;
}

.related_contents_f29 .text_right span {
    text-decoration: underline;
}

.related_contents_f29 .text_right img {
    width: 13px;
    height: 13px;
}

.related_contents_f29 .chose_option {
    text-align: center;
}

.related_contents_f29 .chose_option input {
    width: 14px;
    height: 14px;
}

.related_contents_f29 .chose_option .vd_radio_circle label {
    line-height: 20px;
    height: 16px;
    width: 16px;
    margin: 10px 15px;
    padding: 0;
}

.action_btn {
    text-align: center;
    margin-top: 40px;
}

.action_btn a {
    display: inline-block;
}

.action_btn a:first-child {
    margin-right: 15px;
}

.action_btn.disc_btn .saiyou_link {
    border-radius: 20px;
    padding: 0px;
    position: relative;
    font-weight: 100;
    border: solid 1px #4270B4;
    font-size: 14px;
    line-height: 28px;
    cursor: pointer;
    background: url("/static/images/pc/arrow_next.png") no-repeat center right;
}

.action_btn.disc_btn .saiyou_link:hover {
    border: solid 1px #80c6e5;
}

.action_btn.disc_btn .saiyou_link_back_button {

    border-radius: 20px;
    padding: 0px;
    position: relative;
    font-weight: 100;
    border: solid 1px #4270B4;
    width: 200px;
    font-size: 14px;
    line-height: 28px;
    background: url("/static/images/pc/arrow_prev.png") no-repeat center left;
}

.saiyou_link_back {
    background: url("/static/images/pc/arrow_prev.png") no-repeat center left !important;
    border: solid 1px #4270B4;
}

.saiyou_link_back:hover {
    background: url("/static/images/pc/arrow_prev_h.png") no-repeat center left #4c7cbc !important;
}

.action_btn .saiyou_link:hover {
    color: #fff;
    background: url("/static/images/pc/arrow_next_h.png") no-repeat center right #4c7cbc;
}

.related_contents97.content_e36 .category_shop li {
    width: auto;
}

.related_contents97.content_e36 .category_shop li a {
    padding: 0px 20px;
}

.related_contents97.content_e36 .category_shop li:nth-child(4n) {
    margin-right: 24px;
}

.related_contents97.content_e36 .category_shop.light-blue-outline a {
    border: 1px solid #5494cf;
    color: #595655;
}

.related_contents97.content_e36 .category_shop.light-blue-outline a:hover {
    color: #fff;
    background: #4c7cbc;
}

.pad_b50px {
    padding-bottom: 50px !important;
}

.e-zine_h1 {
    font-size: 30px;
    text-align: center;
    color: #5494cf;
    background: url(/static/images/pc/e-zine_h1_back.png) no-repeat center bottom;
    font-weight: 100;
    padding-bottom: 24px;
}

.e-zine_nav {
    background: url(/static/images/pc/e-zine_nav_back.png) no-repeat center top;
    background-size: 100%;
    border-radius: 5px;
}

.e-zine_nav2 {
    background: url(/static/images/pc/e-zine_nav_back2.png) no-repeat center top;
    background-size: 100%;
}

.e-zine_nav3 {
    background: url(/static/images/pc/e-zine_nav_back3.png) no-repeat center top;
    background-size: 100%;
}

.e-zine_nav::after {
    content: "";
    display: block;
    clear: both;
}

.e-zine_nav li {
    float: left;
    width: 33.33%;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
}

.e-zine_nav li b {
    padding-top: 10px;
    display: block;
    color: #fff;
    font-weight: bold;
    margin-bottom: 40px;
}

/*編集部のこれいいよ*/

.koreii_sub_titie {
    color: #fff;
    font-size: 14px;
    width: 330px;
    margin: 18px auto 12px;
}

.koreii_titie {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    font-feature-settings: "palt";
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 54px;
    line-height: 54px;
    width: 330px;
    margin: 0 auto 30px;
}

.koreii_staff_wrapper {
    position: relative;
    height: 113px;
}

.koreii_staff1 {
    width: 58px;
    height: 58px;
    position: absolute;
    left: 69px;
    top: 0;
}

.koreii_staff2 {
    width: 58px;
    height: 58px;
    position: absolute;
    left: 7px;
    top: 0;
}

.koreii_fukidashi {
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    box-sizing: border-box;
    padding: 6px 12px;
    width: 256px;
    height: 58px;
    position: relative;
    left: 137px;
    margin-left: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    display: table;
}

.koreii_fukidashi span {
    display: table-cell;
    vertical-align: middle;
}

.koreii_fukidashi::before {
    content: "";
    position: absolute;
    width: 13px;
    height: 19px;
    left: -13px;
    top: 20px;
    background: url(/static/images/pc/koreii_fukidashi.png) no-repeat left center;
}

.koreii_item_pic {
    width: 168px;
    height: 168px;
    border-radius: 200px;
    border: 1px solid #d7d7d6 !important;
    overflow: hidden;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 50px;
}

.koreii_item_pic:nth-child(3) {
    margin-left: 155px;
    margin-right: 5px;
}

.koreii_contents_wrapper {
    margin: 0 80px;
}

.koreii_contents_wrapper .float_r img,
.koreii_contents_wrapper .float_l img {
    width: 315px;
    border-radius: 5px;
    margin-bottom: 50px;
}

.tokusyu_item_right_wrapper {
    position: relative;
    float: right;
    height: 168px;
    width: 208px;
}

.tokusyu_item .read_more {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    float: none;
    width: 100%;
    font-size: 11px;
    line-height: 28px;
    border: 1px solid #5494cf;
    padding: 0;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.koreii_table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 60px;
}

.koreii_table tr td {
    border-bottom: 1px dashed #d7d7d6;
    text-align: left;
    padding: 18px 25px 18px 15px;
    font-size: 14px;
    line-height: 28px;
    width: 50%;
    box-sizing: border-box;
}

.koreii_table tr:nth-child(1) td {
    padding-top: 0px !important;
}

.koreii_table tr td:nth-child(2) {
    padding: 0 15px 18px 25px;
    border-left: 1px dashed #d7d7d6;
}

.koreii_table tr td img {
    display: block;
    border-radius: 5px;
}

/*タイトル画像*/
.title_image,
.profile_image {
    position: relative;
    display: table;
    width: 100%;
    height: 385px;
}

.title_image img,
.profile_image img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: auto;
}

.title_image .title,
.profile_image .title {
    display: table-cell;
    vertical-align: middle;
}

.profile_image .title2 {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    color: #fff;
    font-size: 16px;
    line-height: 1.7em;
    padding-bottom: 22px;
}

.profile_image span h1 {
    padding: 7px 0;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
}

.title_image span,
.profile_image span {
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    padding: 8px 30px 8px 70px;
    border-radius: 0 5px 5px 0;
    font-size: 30px;
    line-height: 45px;
}

/*
.profile_image span.bg2 {
  background: rgba(242, 242, 242, 1.0);
}
*/
/******************************
* Cascading Style Sheets - B122 fukifuki_fukin
******************************/
.edit_by {
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    padding: 9px 0;
    width: 400px;
    display: inline-block;
    text-align: center;
}

/******************************
* weekly_recipe_top
******************************/
.weekly_recipe_top {
    display: table;
    width: 394px;
    height: 200px;
}

.weekly_recipe_top dt, .weekly_recipe_top dd {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.weekly_recipe_top dt {
    background: url(/static/images/pc/recipe_bunner-01_02.png) no-repeat;
    background-size: cover;
    font-size: 25px;
    line-height: 1.3em;
    width: 194px;
    height: 200px;
    -webkit-border-radius: 5px 0px 0px 5px /  5px 0px 0px 5px !important;
    -moz-border-radius: 5px 0px 0px 5px /  5px 0px 0px 5px !important;
    border-radius: 5px 0px 0px 5px /  5px 0px 0px 5px !important;
}

.weekly_recipe_top dd img {
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-radius: 0px 5px 5px 0px !important;
    margin-bottom: 0 !important;
    width: 100%;
}

/******************************
* weekly_recipe_top
******************************/
button.recipe_cate_open_button {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    text-align: left;
    border-radius: 4px;
    border-right: 8px solid #e7e7e7;
    min-width: 160px;
    margin-top: 0;
    padding: 0;
    border: 0;
    height: 29px;
    cursor: pointer;
    background: #E7E7E7;
}

button.recipe_cate_open_button.active {
    background: #5A89C0;
    color: #fff;
}

button.recipe_cate_open_button span {
    display: block;
    padding: 6px 22px 6px 8px;
    background: url(/static/images/pc/category_arrow.png) no-repeat;
    background-position: right 8px center;
}

button.recipe_cate_open_button.active span {
    background: url(/static/images/pc/category_arrow_white.png) no-repeat;
    background-position: right 8px center;
}

.recipe_cate_open_wrap {
    position: relative;
    display: none;
}

.recipe_cate_open {
    background: #f3f3f3;
    color: #595655;
    padding: 20px 40px 0px 40px;
    margin-left: 70px;
    margin-right: 70px;
    position: absolute;
    z-index: 100;
    width: 740px;
    margin-top: 20px;
}

.recipe_cate_open_wrap .sankaku {
    width: 40px;
    height: 20px;
    background: url(/static/images/pc/gray_sankaku.png) no-repeat;
    background-size: 40px 20px;
    position: absolute;
    top: 0px;
    right: 276px;
}

.recipe_cate_open dl {
    border-bottom: solid 1px #d7d7d6;
    padding: 40px 0 20px 0;
}

.recipe_cate_open dl:first-child {
    padding: 0 0 20px 0;
}

.recipe_cate_open dl:last-child {
    border-bottom: 0;
}

.recipe_cate_open dt {
    margin-bottom: 20px;
    font-weight: bold;
}

.recipe_cate_open dd {
}

.recipe_cate_open a {
    color: #595655;
    background: url(/static/images/pc/gray_yajirushi.png) no-repeat;
    background-position: left center;
    padding-left: 10px;
}

.recipe_cate_open h3 {
    clear: both;
    font-weight: normal;
}

.recipe_cate_open ul {
    clear: both;
    width: 100%;
    margin-top: 20px;
}

.recipe_cate_open ul li {
    float: left;
    margin-bottom: 20px;
}

.recipe_cate_open ul.td5 li {
    width: 20%;
}

.recipe_cate_open ul.td5 li:nth-child(5n+1) {
    clear: both;
    float: left;
}

.regist_button_width {
    width: 200px;
    height: 28px;
}

.refusal_font {
    font-size: 20px;
}

.link_button_color {
    color: #595655 !important;
}

.disable {
    pointer-events: none;
}

.back_button {
    width: 80px;
    text-align: center;
    margin-top: 55px;
    margin-bottom: -68px
}

/******************************
* D系上書き
******************************/

.new_item ul.product-list li:hover span,
.new_item ul li:hover .price {
    opacity: 0.7;
}

.new_item ul li .review:hover {
    opacity: 0.7;
}

/******************************
* F系上書き
******************************/
input#log.btn-reprint.bg_blue.float_none.white_color.f_s14px.pad_t3px.pad_b3px.mag_t10px {
    background: #4c7cbc;
    display: inline-block;
    width: auto;
    padding: 9px 40px;
    font-size: 14px !important;
    line-height: 24px;
    height: auto;
}

input#log.btn-reprint.bg_blue.float_none.white_color.f_s14px.pad_t3px.pad_b3px.mag_t10px:hover {
    background-color: #80c6e5 !important;
}

/******************************
* レビュー投稿ページ
******************************/

#window_area {
    padding: 14px;
}

#window_area h2 {
    margin-bottom: 15px;
    background: url(/static/images/pc/conversation.png) no-repeat left center;
    padding-left: 40px;
}

#window_area input,
#window_area textarea {
    height: 26px;
    line-height: 26px;
    padding: 10px;
}

#window_area textarea {
    min-height: 60px;
    line-height: 26px;
    padding: 10px;
}

#window_area .windowtext {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}

#window_area #form1 {
    font-size: 14px;
    line-height: 24px;
}

#window_area #form1 table {
    border-collapse: collapse;
}

#window_area #form1 table th,
#window_area #form1 table td {
    padding: 10px;
    border: 1px solid #d7d7d6;
    vertical-align: middle;
}

#window_area #form1 table th {
    background: #e7e7e7;
}

#window_area #form1 input[type="submit"],
#window_area .close {
    display: inline-block;
    margin: 15px 15px 0;
    width: 200px;
    font-size: 14px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    background: #5494cf;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
    border: none;
}

#window_area #form1 select {
    background: #fff;
    border-radius: 5px;
    padding: 6px 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    border: 1px solid #888585;
}

#window_area #form1 select:focus {
    outline: 0;
}

#window_area .attention {
    color: #f00;
}

#window_area .message {
    height: auto;
}

#window_area #completebox {
    font-size: 14px;
    line-height: 24px;
    margin: 15px 0;
}

#window_area .btn_area {
    text-align: center;
}

.related_contents_nomem .container_tab {
    margin-top: 70px;
}

h2.bdr_b_blue + .error_msg {
    margin-top: 10px;
}

.beginner_box01 .text {
    margin-bottom: 20px;
}

#beginner ul.pic {
    padding: 20px 0 40px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -ms-box-pack: justify;
    box-pack: justify;
    flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* justify-content: space-around; */
}

#beginner ul.pic li img {
    display: block;
    margin: 10px auto;
}

#beginner ul.pic li {
    position: relative;
}

#beginner ul.pic li .bdr_y {
    position: absolute;
    top: 0;
    height: 100%;
    border-left: 1px dashed #ccc;
}

#beginner .harumi_menu ul li {
    margin-bottom: 20px;
}

#beginner .harumi_menu {
    clear: both;
}

.beginner_shop {
    width: 100%;
    margin-bottom: 40px;
}

.beginner_shop li {
    width: 48%;
    margin-right: 4%;
    float: left;
    margin-bottom: 20px;
}

.beginner_shop li a {
    display: block;
}

.beginner_shop li a img {
    width: 100%;
}

.beginner_shop li:nth-child(2n) {
    margin-right: 0%;
}

.beginner_shop li:nth-child(odd) {
    clear: both;
}

.disc_btn_input {
    text-align: center;
}

.disc_btn_input input,
.disc_btn_input a {
    border-radius: 20px;
    padding: 0px;
    position: relative;
    font-weight: 100;
    border: solid 1px #4270B4;
    width: 200px;
    font-size: 14px;
    line-height: 28px;
    background: url(/static/images/pc/arrow_prev.png) no-repeat center left;
    margin: 20px 10px 0;
    font-weight: bold;
    color: #595655;
}

.disc_btn_input input:hover {
    background: url(/static/images/pc/arrow_prev_h.png) no-repeat center left #4c7cbc !important;
    color: #fff;
}

.disc_btn_input .next {
    background: url(/static/images/pc/arrow_next_h.png) no-repeat center right #4c7cbc !important;
    color: #fff;
}

.disc_btn_input input.next:hover {
    background: url(/static/images/pc/arrow_next_h.png) no-repeat center right #83c5e2 !important;
    color: #fff;
}

.attention {
    color: #f00;
    font-weight: bold;
}

.title1000 {
    display: block !important;
    text-align: left;
}

@media only screen and (max-width: 590px) {
    /*750px以下の設定*/
    #window_area #form1 table,
    #window_area #form1 table th,
    #window_area #form1 table td {
        display: block;
        margin-bottom: -1px;
    }

    #window_area #form1 input,
    #window_area #form1 textarea,
    #window_area #form1 select {
        float: none;
    }

    #window_area #form1 textarea,
    #window_area #form1 input[type="text"] {
        width: 100%;
    }

    #window_area #form1 input[type="submit"],
    #window_area .close {
        display: block;
        margin: 15px auto 0;
    }

}

/******************************
* maintenance
******************************/
#maintenance_main {
    width: 600px;
    margin: 0 auto;
}

#maintenance_main img {
    display: block;
    margin: 0 auto;
}

#maintenance_main h1 {
    font-size: 18px;
    line-height: 28px;
    color: #5494cf;
    margin: 40px 0;
}

#maintenance_main h4 {
    font-size: 14px;
    line-height: 26px;
}

#maintenance_main .form_gray_bd_blue {
    padding: 40px;
}

#slider_harumi#bg_img {
    height: 590px;
}

#slider_harumi .slides {
    background: #fff;
    padding: 30px;
}

#slider_harumi .slides li img {
    width: 342px;
    float: left;
    display: block;
    margin-right: 40px;
}

#slider_harumi ul li .harumi_shop_slider_right {
    float: left;
    width: 365px;
}

#slider_harumi ul li .harumi_shop_slider_right .title {
    font-size: 22px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 28px;
}

#slider_harumi ul li .harumi_shop_slider_right .title2 {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 28px;
}

#slider_harumi ul li .harumi_shop_slider_right .title3 {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 28px;
}

#slider_harumi ul li .harumi_shop_slider_right .text {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 50px;
}

#slider_harumi ul li .harumi_shop_slider_right .link2 .backnumber2 {
    font-size: 13px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

#slider_harumi ul li .harumi_shop_slider_right .link2 .backnumber2 img {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    width: auto;
}

#slider_harumi ul li .harumi_shop_slider_right .link2 .more3 {
    float: right;
    border: 1px solid #6ea87c;
    height: 42px;
    line-height: 42px;
    background: url(/static/images/pc/harumi_shop_slider_arrow_right.png) no-repeat;
    background-position: 209px 15px;
    padding: 0 25px;
    border-radius: 5px;
}

#slider_harumi ul li .harumi_shop_slider_right .link2 .more3:hover {
    background: url(/static/images/pc/harumi_shop_slider_arrow_right_h.png) no-repeat #6ea87c;
    background-position: 209px 15px;
    color: #fff;
    opacity: 1;
}

a#slider_harumi_prev {
    left: 28px;
    background: url(/static/images/pc/slider_arrow2.png) no-repeat left center;
}

a#slider_harumi_next {
    right: 28px;
    background: url(/static/images/pc/slider_arrow2.png) no-repeat right center;
}

a#slider_harumi_next, a#slider_harumi_prev {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
    cursor: pointer;
}

/* 購入履歴 */
.pagenumber_area, .paging {
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: table;
    margin: auto;
    border-collapse: separate;
    border-spacing: 14px;
}

.pagenumber_area .num, .paging .num {
    border: 1px solid #918f8f;
    text-align: center;
    width: 20px;
    display: table-cell;
    color: #918f8f;
    border-radius: 4px;
}

.pagenumber_area .num.active, .pagenumber_area .num:hover,
.paging .num.active, .paging .num:hover {
    border: 1px solid #5494cf;
    color: #5494cf;
    background: #e7e7e7;
}

.reco_table.mag_t20px.pc th.alignR {
    text-align: right !important;
}

.reco_table.mag_t20px.pc td.alignR {
    text-align: center !important;
}

.btn-reprint:hover {
    color: #fff;
    background: #4c7cbc;
    opacity: 1.0 !important;
    border: none;
}

.button_hover:hover {
    color: #fff;
    background-color: #5494cf;
}

.b.f_s14px.mag_t10px.bdr_b_gray.txt_c.mag_b40px .blue:hover {
    opacity: 0.7;
}

.next_arrival {
    padding: 0 70px 70px;
}

.next_arrival02 {
    overflow: hidden;
    background: #fafafa;
    padding-bottom: 40px;
    margin-top: 20px;
}

.related_contents02.related_contents_e2.harumi_menu.pad_30px.br_5px ul li a:hover {
    color: #4c7cbc;
}

.related_contents02.related_contents_e2.harumi_menu.pad_30px.br_5px ul li.active a::after,
.related_contents02.related_contents_e2.harumi_menu.pad_30px.br_5px ul li a:hover::after {
    content: none;
}

.top_detail_content04.block2 .choose-size .right-content .footer-item .favorite-link img.w32 {
    width: 32px !important;
}

span.price_off {
    font-size: 20px;
    color: #595655;
    font-weight: bold;
}

.more_item_rec ul li:nth-child(4n+1) {
    clear: left;
}

/*-----------------------------------------------
 商品一覧したのナビ
-----------------------------------------------*/
.under_nav .link_title, .under_nav h2.title {
    display: none;
}

.under_nav .related_contents02 {
    padding-top: 0;
}

@media only screen and (max-width: 750px) {
    .under_nav .drop-meu-new {
        position: static;
    }
}

.hidden_box {
    margin: 2em 0; /*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor: pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*-----------------------------------------------
 お買いもの入り口　これいいよエリア
-----------------------------------------------*/
#shop_top #iiyo .related_contents02 {
    padding-bottom: 0px;
}

#shop_top #iiyo .iiyoBOX .osusumeBOX {
    float: left;
    width: 193px;
    margin-right: 16px;
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
}

#shop_top #iiyo .iiyoBOX .osusumeBOX a:hover {
    opacity: 0.5;
    display: block;
}

#shop_top #iiyo .iiyoBOX .osusumeBOX.pcend {
    margin-right: 0px;
}

#shop_top #iiyo .iiyoBOX .osusumeBOX img {
    width: 193px;
    border-radius: 5px;
}

#shop_top #iiyo .iiyoBOX .osusumeBOX .tag {
    position: absolute;
    top: -10px;
    left: -10px;
    height: 21px;
    width: 21px;
    border: 6px solid #80c6e5;
    border-radius: 50%;
    font-size: 8px;
    font-weight: bold;
    color: #2d3560;
    text-align: center;
    text-indent: -3px;
    line-height: 24px;
    background: #fff;
    z-index: 2;
}

@media only screen and (max-width: 750px) {
    #shop_top #iiyo .iiyoBOX .osusumeBOX {
        float: left;
        width: 48%;
        margin-right: 4%;
        position: relative;
        margin-bottom: 30px;
    }

    #shop_top #iiyo .iiyoBOX .osusumeBOX img {
        width: 100% x;
        border-radius: 5px;
    }

    #shop_top #iiyo .iiyoBOX .osusumeBOX.spend {
        margin-right: 0px;
    }

    #shop_top #iiyo .iiyoBOX .osusumeBOX .tag {
        position: absolute;
        top: -13px;
        left: -10px;
        height: 47px;
        width: 47px;
        border: 8px solid #80c6e5;
        border-radius: 50%;
        font-size: 13px;
        font-weight: 500;
        color: #2d3560;
        text-align: center;
        text-indent: inherit;
        line-height: 30px;
        background-color: #fff;
    }
}

/***********************************************************************
2019/03/04　商品詳細のカートエリア
***********************************************************************/
.choose-size .cart_table {
    width: 100%;
}

.choose-size .cart_tablearea th {
    padding-bottom: 5px;
}

.choose-size .cart_tablearea td {
    padding: 8px 0;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px
}

.choose-size .cart_tablearea td.qua {
    padding: 5px 14px;
    width: 10%;
}

.choose-size .cart_tablearea td.cart {
    width: 40%;
}

.choose-size .cart_tablearea td.qua .vd_select {
    float: none;
    padding: 0;
    border: 1px solid #ccc
}

.choose-size .cart_tablearea td.qua .vd_select select {
    width: 30px;
    padding: 5px
}

.choose-size .cart_tablearea td.qua .vd_select select {
    background-position: 80% center;
}

.choose-size .cart_tablearea td.qua .vd_select .no_qua {
    padding: 5px;
    display: block
}

.vd_select {
    border: 1px solid #ccc
}

.choose-size .cart_tablearea .cart .btn-reprint {
    padding: 9px 20px;
    border: none;
    display: inline-block;
    border-radius: 20px;
    float: none;
    font-size: 16px;
    background-color: #ed6d46 !important;
}

.choose-size .cart_tablearea .cart .btn-reprint.no_qua {
    background: #ccc !important;
    width: 112px;
    color: #fff;
    font-weight: bold;
    border: none;
}

.choose-size .cart_tablearea .cart .btn-reprint span {
    color: #fff;
    font-weight: bold;
}

.top_detail_content04.block2 .choose-size .left-content {
    width: 440px;
    margin-right: 30px;
}

.choose-size .cart_table thead.pc {
    width: 100%;
    display: contents !important
}

@media only screen and (max-width: 700px) {
    .choose-size .cart_table thead.pc {
        display: none !important;
    }

    .choose-size .cart_tablearea td.qua {
        padding: 8px 8px 8px 0;
    }

    .choose-size .cart_tablearea td {
        padding: 8px 8px 8px 0;
        font-size: 12px
    }

    .choose-size .cart_tablearea tr.clearfix:before {
        content: none;
    }

    .choose-size .cart_tablearea td.cart {
        padding-right: 0;
    }

    .choose-size .cart_tablearea .cart .btn-reprint.no_qua {
        width: auto;
    }

    .choose-size .cart_tablearea .cart .btn-reprint {
        padding: 9px 13px;
        border: none;
        display: inline-block;
        border-radius: 20px;
        float: none;
        font-size: 13px;
        background-color: #ed6d46 !important;
    }

    /*.choose-size .cart_tablearea tr.sp_td td {display:block;}
	.choose-size .cart_tablearea tr.sp_td td{ width:40%; float:left;}
	.choose-size .cart_tablearea tr.sp_td td.qua{float:right;width:20%;}
	.choose-size .cart_tablearea tr.sp_td td.cart{font:normal; width:auto; margin:10px 0 20px; text-align:center}*/
    .choose-size .cart_tablearea th {
        padding-bottom: 0;
        padding-top: 5px;
        text-align: center;
    }

}

/*PCナビ*/
#side_menu .side_menu li {
    background: url('/static/images/pc/gray_yajirushi.png') no-repeat 19px center;
}

#side_menu .side_menu li.tri {
    background: none;
}

#side_menu .side_menu li.tri > a {
    background: url('/static/images/pc/gray_yajirushi_d.png') no-repeat right 12px;
}

#side_menu .side_menu li.tri > a.add {
    background: url('/static/images/pc/gray_yajirushi_u.png') no-repeat right 12px;
}

#side_menu .side_menu .open {
    padding-left: 14px
}

#side_menu .side_menu li.tri > a.active {
    background: url(/static/images/pc/list_style_circle_w.png) no-repeat 10px 12px;
    background-size: 9px 9px;
    padding: 10px 10px 10px 30px;
    margin: 9px 0;
    background-color: #80c6e5;
    border-radius: 5px;
    color: #fff !important;
}

/*検索ボックスの下に表示するホットワード*/
.hot_nav {
    font-size: 10px;
    padding: 8px 0 0;
}

.hot_nav dl {
    width: 210px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.hot_nav dt {
    width: 20%;
    font-weight: bold;
    line-height: 1.4;
}

.hot_nav dd {
    line-height: 1.4;
}

.hot_nav dd a {
    padding: 0 2px;
}

.hot_nav dd a:hover {
    color: #80c6e5;
}

.hot_nav dd span:before {
    content: '|';
}

.hot_nav dd span:last-child:after {
    content: '|';
}


/*----------------------
 WP 固定ページのStyle指定
-----------------------*/

.caption_read {
    font-size: 14px;
    padding-top: 10px;
}

.mame_left {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.mame_left.end {
    margin-right: 0;
}

img.w80 {
    width: 80%;
}

img.w50 {
    width: 50%;
}

.w500 {
    width:500px;
    margin-right:auto;
    margin-left:auto;
}

.w400 {
    width:400px;
    margin-right:auto;
    margin-left:auto;
}

.w660 {
    width: 660px;
    margin-right: auto;
    margin-left: auto;
}

.koreii_contents_wrapper .boxL {
    width: 320px;
    float: left;
}

.koreii_contents_wrapper .boxR {
    width: 320px;
    float: right;
}

.koreii_contents_wrapper .boxL img, .koreii_contents_wrapper .boxR img {
    width: 320px;
}

.text_wrapper {
    font-size:14px;
    line-height:1.4em;
    text-align:left;
}

/*画像を角丸にする*/
.border_radius5 img {
    border-radius: 5px;
}

#hotmenu .p01 {
    width: 440px;
    margin-left: auto;
    margin-right: auto;
}

#hotmenu .p02 {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#hotmenu .hotmenu_caption {
    font-size: 12px;
    text-align: right;
    margin-top: 5px;
}

#hotmenu img {
    border-radius: 5px;
}

#hotmenu .boxL {
    width: 320px;
    float: left;
}

#hotmenu .boxR {
    width: 320px;
    float: right;
}

#hotmenu .mag_b80px {
    margin-bottom: 80px !important;
}

#hotmenu .mag_b40px {
    margin-bottom: 40px !important;
}

#hotmenu .hnb_contents .recipe3_box {
    width: 205px;
    margin-right: 22px;
    line-height: 0;
}

#hotmenu .hnb_contents .recipe3_box img {
    margin-bottom: 10px;
}

#hotmenu .hnb_contents .recipe3_box:nth-child(3n) {
    margin-right: 0px;
}

#hotmenu a {
    color: #5F9BD2;
}

@media only screen and (max-width: 750px) {
    .mag_b10px.tokusyu_title_border {
        border-bottom: 1px dashed #5494cf;
    }
}

@media only screen and (min-width: 701px) {
    .t_margin {
        margin: 0 -1%;
    }

    #hotmenu .p01 {
        width: 100%;
    }

    .link_title.top_12 {
        padding-top: 12%;
    }

    .link_title.top_13 {
        padding-top: 13%;
    }

    .suribati_img {
        width: 36%;
        margin: 15% auto 10%;
    }

    .link_title.mag_bt {
        padding: 4% 0 12%;
    }

    .link_title .suri_txt_b {
        font-weight: 700;
        display: block;
        font-size: 16px;
        padding-bottom: 6px;
    }
}

@media only screen and (max-width: 700px) {
    .caption_read {
        font-size: 80%;
        padding-top: 10px;
    }

    img.w80, img.w50 {
        width: 100%;
    }

    .w500, .w400, .w660 {
        width:100%;
    }

    .koreii_contents_wrapper .boxL {
        width: 100%;
        margin-bottom: 0 !important;
    }

    .koreii_contents_wrapper .boxR {
        width: 100%;
        margin-bottom: 0 !important;
    }

    .koreii_contents_wrapper .boxL img, .koreii_contents_wrapper .boxR img {
        width: 85%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    .koreii_contents_wrapper .sp01 {
        margin-bottom: 28px !important;
    }

    .koreii_contents_wrapper b {
        padding-bottom: 10px;
        margin-bottom: 0 !important;
        text-align: center;
    }

    .lemon:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
    }

    #hotmenu .p01, #hotmenu .p02 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #hotmenu .boxL, #hotmenu .boxR {
        width: 100%;
        float: none;
    }

    #hotmenu .hnb_contents .recipe3_box {
        margin-bottom: 25px !important;
        width: 100%;
    }

    #hotmenu .hnb_contents .recipe3_box.end {
        margin-bottom: 60px !important;
    }

    #hotmenu .link_title b {
        margin-top: 3px;
    }
}

.delivdate {
    font-size: 14px;
}

.delivdate select {
    width: 180px;
    padding: 0 10px 0 0px;
    border: 1px solid #888585;
    overflow: hidden;
    height: 36px;
    padding: 0 0px 0 10px;
    box-sizing: border-box;
    background: url(/static/images/pc/category_arrow.png) no-repeat 97% center #fff !important;
    background: #fff;
    border-radius: 5px;
    padding: 4px 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    font-size: 14px;
    margin-left: 10px;
}

.delivdate .delivdate_form {
    margin-top: 10px;
}