/* Customize CSS */

@media print {
    a[href]:after {content: "" !important;}
    abbr[title]:after {content: "" !important;}
}

/******************************
 Global
******************************/
html, body {font-family: 'Shippori Mincho', serif;}
a {
    text-decoration: none;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    transition-delay: 0s;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: linear;
    -ms-transition-delay: 0s;
}
a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #ffb320;
}
p {margin-bottom: 1em;}

/******************************
 Common Instructions
******************************/
.ta_center {text-align: center;}
.ta_left {text-align: left;}
.ta_right {text-align: right;}
.a_right {margin-left: auto;}
.a_center {margin-left: auto; margin-right: auto;}
.relative {position: relative;}
.img_center {
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   position: absolute;
}

.fs_50pc {font-size: 50%;}
.fs_60pc {font-size: 60%;}
.fs_70pc {font-size: 70%;}
.fs_80pc {font-size: 80%;}
.fs_90pc {font-size: 90%;}
.fs_100pc {font-size: 100%;}
.fs_110pc {font-size: 110%;}
.fs_120pc {font-size: 120%;}
.fs_130pc {font-size: 130%;}
.fs_140pc {font-size: 140%;}
.fs_150pc {font-size: 150%;}

.fc_red {color: #f55;}
.fc_white {color: #fff;}
.fc_orange {color: #f7931e;}

.fw_normal {font-weight: normal;}
.fw_bold {font-weight: bold;}

.rotate90 {transform: rotate(90deg);}

.w50pc {width: 50%;}
.w90pc {width: 90%;}
.w100pc {width: 100%;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}

@media screen and (min-width: 960px) {
    .mt5_pc {margin-top: 5px;}
    .mt10_pc {margin-top: 10px;}
    .mt20_pc {margin-top: 20px;}
    .mt30_pc {margin-top: 30px;}
    .mt40_pc {margin-top: 40px;}
    .mt50_pc {margin-top: 50px;}
    .mb5_pc {margin-bottom: 5px;}
    .mb10_pc {margin-bottom: 10px;}
    .mb20_pc {margin-bottom: 20px;}
    .mb30_pc {margin-bottom: 30px;}
    .mb40_pc {margin-bottom: 40px;}
    .mb50_pc {margin-bottom: 50px;}
    .ml10_pc {margin-left: 10px;}
    .ml20_pc {margin-left: 20px;}
    .ml30_pc {margin-left: 30px;}
    .ml40_pc {margin-left: 40px;}
    .ml50_pc {margin-left: 50px;}
    .mr10_pc {margin-right: 10px;}
    .mr20_pc {margin-right: 20px;}
    .mr30_pc {margin-right: 30px;}
    .mr40_pc {margin-right: 40px;}
    .mr50_pc {margin-right: 50px;}
}
@media screen and (max-width: 959px) {
    .mt5_sp {margin-top: 5px;}
    .mt10_sp {margin-top: 10px;}
    .mt20_sp {margin-top: 20px;}
    .mt30_sp {margin-top: 30px;}
    .mt40_sp {margin-top: 40px;}
    .mt50_sp {margin-top: 50px;}
    .mb5_sp {margin-bottom: 5px;}
    .mb10_sp {margin-bottom: 10px;}
    .mb20_sp {margin-bottom: 20px;}
    .mb30_sp {margin-bottom: 30px;}
    .mb40_sp {margin-bottom: 40px;}
    .mb50_sp {margin-bottom: 50px;}
}
.clearfix{clear: both; overflow:hidden;}
.pparent {overflow: hidden;}
.pchildl {float: left;}
.pchildr {float: right;}
.hidden_area {display: none;}
.sbslist {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}
.br_pc,
.br_sp {
    font-size: inherit;
    color: inherit;
}
@media screen and (min-width: 960px) {
    .display_sp {display: none;}
    .sbslist {
        display: flex;
        justify-content: space-around;
    }
    br.br_sp {display: none;}
}
@media screen and (max-width: 959px) {
    h2 {font-size: 100%;}
    h3 {font-size: 110%;}
    .display_pc {display: none;}
    .imgsp100 {width: 100%;}
    .imgsp90 {width: 90%;}
    .imgsp80 {width: 80%;}
    .imgsp70 {width: 70%;}
    .sbslist li {margin-bottom: 30px;}
    br.br_pc {display: none;}
}
/********** flex box **********/
@media screen and (min-width: 960px) {
    .list_left_pc,
    .list_right_pc,
    .list_center_pc,
    .list_around_pc,
    .list_between_pc {display: flex; align-items: flex-start; word-break: break-all;}
    .list_right_pc {justify-content: flex-end;}
    .list_center_pc {justify-content: center;}
    .list_around_pc {justify-content: space-around;}
    .list_between_pc {justify-content: space-between;}
}
@media screen and (max-width: 959px) {
    .list_left_sp,
    .list_right_sp,
    .list_center_sp,
    .list_around_sp,
    .list_between_sp {display: flex; align-items: flex-start; word-break: break-all;}
    .list_right_sp {justify-content: flex-end;}
    .list_center_sp {justify-content: center;}
    .list_around_sp {justify-content: space-around;}
    .list_between_sp {justify-content: space-between;}
}

/******************************
 Common Parts
******************************/
.contents {margin-left: auto; margin-right: auto;}
.staticpagebox {font-size: 120%;}
@media screen and (min-width: 960px) {
    .contents {
        max-width: 1130px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 959px) {
    .contents {
        width: calc(100% - 10px);
        padding-left: 5px;
        padding-right: 5px;
    }
}
.border_orange {border-color: #f7931e;}
.border_brown {border-color: #603813;}
.border_brown_t {border-top: 1px solid #603813;}
.border_brown_b {border-bottom: 1px solid #603813;}
.ro,
.brown_button {
    opacity: 1.0;
    text-align: center;
    color :#fff;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    transition-delay: 0s;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: linear;
    -ms-transition-delay: 0s;
}
.ro:hover,
.brown_button:hover {
    cursor: pointer;
    opacity: 0.7;
}
.brown_button {
    max-width: 320px;
    background-color :#603813;
    padding: 10px 20px;
}
.brown_button a {
    text-align: inherit;
    display: block;
    color : inherit;
}
.caution_area {color: #f33; text-indent: -1em; margin-left: 1em;}
.caution_area p {margin-bottom:0.8em;}
.normal_table {max-width: calc(100% - 3px);}
.normal_table .table_title {text-align: center; font-weight: bold; background-color: #efefef;}
.normal_table th {font-weight: normal;}
.normal_table th,
.normal_table td {padding: 10px; border: 1px solid #ccc;}
.normal_datalist {max-width: calc(100% - 3px); display: flex; flex-flow: wrap;}
.normal_datalist dt {border-bottom: 1px solid #ccc; text-align: center; font-weight: bold; border: 1px solid #ccc; background-color: #efefef;}
.normal_datalist dd {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
@media screen and (min-width: 960px) {
    .normal_datalist dt,
    .normal_datalist dd {padding: 10px 20px;}
}
@media screen and (max-width: 959px) {
    .normal_datalist dt,
    .normal_datalist dd {padding: 10px;}
}
.normal_datalist dt:nth-child(odd),
.normal_datalist dd:nth-child(odd) {flex-basis: 70%; border-right: none;}
.normal_datalist dt:nth-child(even),
.normal_datalist dd:nth-child(even) {flex-basis: 30%; display: flex; align-items: center; justify-content: center;}
.red_box {
    color: red;
    border: 3px solid red;
}
@media screen and (min-width: 960px) {
    .red_box {
        min-width: 200px;
        padding: 30px;
        font-size: 150%;
    }
}
@media screen and (max-width: 959px) {
    .red_box {
        width: 100%;
        padding: 10px;
        font-size: 90%;
    }
}
.cool_box,
.cool_box_mini {
    color: #fff;
    font-size: 90%;
    background-color:#0099ff;
    display: table;
}
.cool_box {
    margin-top: 5px;
    padding: 8px 15px;
    border: 2px solid #006cff;
    border-radius: 10px;
}
.cool_box_mini {
    top: 0;
    padding: 3px 10px;
    border: 3px solid #006cff;
    border-radius: 6px;
    position: absolute;
    box-shadow: 3px 3px 3px -3px rgba(0,0,0,0.6);
}



/* parts fade in */
@media screen and (min-width: 960px) {
    .fadein {
        opacity : 0;
        transition : all 1500ms;
    }
    .fadeinu, .fadeind, .fadeinl, .fadeinr {
        opacity : 0;
        transition : all 500ms;
    }
    .fadeinu {
        transform : translate(0, 50px);
    }
    .fadeind {
        transform : translate(0, -50px);
    }
    .fadeinr {
        transform : translate(150px, 0);
    }
    .fadeinl {
        transform : translate(-150px, 0);
    }
    .fadein.scrollin,
    .fadeinu.scrollin,
    .fadeind.scrollin,
    .fadeinl.scrollin,
    .fadeinr.scrollin {
        opacity : 1;
        transform : translate(0, 0);
    }
}





/******************************
 mordal window
******************************/
.modal-open {
    line-height: 1;
}
.modal-content {
    margin: 0;
    padding: 10px 20px;
    border: 2px solid #aaa;
    background: #fff;
    position: fixed;
    display: none;
    z-index: 1000;
    overflow-y: scroll;
}
#modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba( 0,0,0, 0.75 ) ;
}
.modal-close {
    margin: 15px 0;
    float: right;
    display: block;
}
.button-link {
    padding-left: 0.3em;
    padding-right: 0.3em;
    border: 1px solid #ddd;
    font-size: 250%;
    color: #aaa ;
    border-radius: 50%;
}
.button-link:hover {
    cursor: pointer;
    text-decoration: none;
}
@media screen and (min-width: 960px) {
    .modal-content {
        width: calc(90% - 44px);
        height: calc(95% - 24px);
    }
}
@media screen and (max-width: 959px) {
    .modal-content {
        width: calc(100% - 44px);
        height: calc(80% - 24px);
    }
}




/******************************
 EC-CUBE Layout
******************************/
.ec-rectHeading h2 {
    background-color: #cca86e;
    color: #fff;
    font-weight: normal;
}
@media screen and (min-width: 960px) {
    .ec-secHeading .ec-secHeading__ja {
        font-size: 150%;
    }
}
@media screen and (max-width: 959px) {
    .ec-layoutRole__main {
        margin-top: 65px;
    }
    .ec-secHeading .ec-secHeading__ja {
        font-size: 130%;
    }
    .ec-secHeading .ec-secHeading__line {
        display: none;
    }
    .ec-secHeading .ec-secHeading__en {
        font-size: 90%;
    }
    .ec-secHeading .ec-secHeading__en:after {
        content: '\A';
        white-space: pre;
    }
}
#page_product_list .price02-default {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    text-align: right;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#page_product_list .itemListTitle,
#page_scene .itemListTitle {
    min-height: 50px;
}
#page_product_list .ec-productRole__actions {
    padding-right: 30px;
    text-align: right;
}



/******************************
 Header
******************************/
#headerBackground {
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    background: url(../img/common/background.png) repeat top left;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
#heaed_logo img {
    width: 200px;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
@media screen and (max-width: 959px) {
    #heaed_logo img {
        margin-left: 35px;
    }
}
@media screen and (min-width: 960px) {
    #page_homepage .ec-layoutRole__contents {
        margin-top: -52px;
        padding-top: 280px;
    }
}
.subtitle_text1 {
    font-size: 80%;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
.subtitle_text2 {
    margin-left: 30px;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
.ec-headerNav__itemLink {
    margin: 0;
}
.ec-layoutRole .ec-layoutRole__header {
    background-color: #d4b686;
}
.ec-layoutRole__header {
    background: transparent;
}
.ec-orderPayment div {
    margin-bottom: 10px;
}
.ec-headerNav .ec-headerNav__item {
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
.ec-headerNav .ec-headerNav__item a i {
    margin:0 auto;
    color: #578e00;
}
.ec-headerNav .ec-headerNav__item a span {
    margin-top: 0;
}
.ec-headerNaviRole__nav,
.ec-headerRole__cart {
    float: left;
}
.ec-headerNaviRole__nav {
    margin-right: 15px;
}
.ec-headerRole__cart {
    padding-left: 0;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background-color: #f7931e;
    border-color: #f7931e;
}
.ec-headerSearch .ec-headerSearch__keywordBtn .ec-icon img {
    color: #f7931e;
}
.ec-cartNaviNull,
.ec-cartNaviNull__message {
    font-weight: normal;
}
.ec-cartNaviNull__message {
    background-color: #bc7960;
}
.ec-cartNaviWrap {
    z-index: 10;
}
.ec-pageHeader {
    margin-top: 30px;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
    flex-wrap: wrap;
    align-items: flex-start;
}
.ec-headerNaviRole .ec-headerNaviRole__search {
    float: left;
    margin: 0;
}
.sns_icon {
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
    overflow: hidden;
    float: left;
}
.sns_icon a i {
    color: #f7931e;
    float: left;
}
.telbox {
    font-weight: bold;
    color: #f7931e;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
@media screen and (min-width: 960px) {
    .ec-headerNaviRole__left,
    .ec-headerNaviRole__right {
        height: 115px;
    }
    .ec-headerSearch .ec-headerSearch__keyword {
        width: 218px;
    }
    .sns_icon {margin: 0 10px;}
    .telbox {font-size: 150%;}
}
@media screen and (max-width: 959px) {
    .subtitle_text1,
    .subtitle_text2 {
        display: none;
    }
    .sns_icon {
        margin-top: 10px;
        margin-left: 25px;
        font-size: 70%;
    }
    .telbox {
        display: none;
    }
}
.ec-headerCategoryArea .ec-itemNav__nav li {
    margin: 0;
}
.ec-headerLinkArea .ec-headerLink__item {
    background-color: #bc7960;
}
.ec-cartNaviWrap {
    z-index: 1;
}
.ec-cartNaviWrap .ec-cartNaviIsset {
    max-height: 70vh;
    box-shadow: 9px 9px 3px -3px rgba(0,0,0,0.6);
    overflow-y: scroll;
}
@media screen and (max-width: 959px) {
    .ec-cartNaviWrap .ec-cartNaviIsset {
        width: calc(100% - 20px);
        margin-right: 20px;
    }
}
/*--------------------
 Small Header
--------------------*/
.smallhead {
    top: 0;
    margin-bottom: 10px;
    position: fixed;
    box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
@media screen and (min-width: 960px) {
    .smallhead .ec-headerNaviRole__left {width: 15%;}
    .smallhead .ec-headerNaviRole__right {width: 85%;}
    .smallhead #heaed_logo img {
        width: 80%;
    }
    .smallhead .telbox {
        font-size: 120%;
        margin: 10px;
    }
    .smallhead .sns_icon {
        margin: 10px 0 0 10px;
    }
    .smallhead .sns_icon a i {
        font-size: 150%;
    }
}
@media screen and (max-width: 959px) {
    .smallhead .ec-headerNaviRole__left {width: 25%;}
    .smallhead .ec-headerNaviRole__right {width: 75%;}
    .smallhead #heaed_logo img {
        width: 100%;
    }
}
.smallhead .subtitle_text1,
.smallhead .subtitle_text2,
.smallhead .ec-headerNav__itemLink {
    display: none;
}
.smallhead .ec-headerNaviRole__left,
.smallhead .ec-headerNaviRole__right {
    height: auto;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}



/******************************
 Navigation
******************************/
@media screen and (max-width: 959px) {
    .ec-headerNaviRole__nav {
        width: 38%;
        margin: 0;
    }
}
.ec-headerNaviRole {
    left: calc(50% - 565px);
    margin-bottom: 10px;
    padding-bottom: 0;
}
#HeaderCategoryNavi {
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
    background: linear-gradient(180deg, #d4b686 0%, #d4b686 50%, #bc7960 50%, #bc7960 100%);
}
.ec-itemNav__nav {
    margin: 0;
    padding: 0;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
.ec-itemNav__nav li {
    min-width: 200px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
    border-left: 1px solid #fff;
}
.ec-itemNav__nav li:first-child,
.ec-itemNav__nav li:nth-child(6) {
    border-left: none;
}
.ec-itemNav__nav li a {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 85%;
    color: #603813;
    background-color: transparent;
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
.ec-categoryNaviRole .ec-itemNav__nav ul {
    background-color: #775d33;
}
.ec-categoryNaviRole .ec-itemNav__nav ul li {
    margin: 0;
    border: none;
    background-color: #775d33;
}
.ec-categoryNaviRole .ec-itemNav__nav ul li a {
    font-size: 80%;
    background-color: #775d33;
}
/*--------------------
 Small Navigation
--------------------*/
.smallnavi {
   background-color: #d4b686;
}
.smallnavi .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav li a {
    padding: 0;
    font-size: 70%;
}
.smallnavi .ec-categoryNaviRole .ec-itemNav .ec-itemNav__nav ul li a {
    padding: 5px 10px;
}



/******************************
 Footer
******************************/
.ec-footerRole {
    margin-top: 0;
    background-color: #7d3b0f;
}
.ec-footerNavi .ec-footerNavi__link {
    margin: 0;
    padding:0;
    vertical-align: middle;
    border-left: 1px solid #fff;
}
.ec-footerNavi .ec-footerNavi__link:first-child {
    border: none;
}
.ec-footerNavi .ec-footerNavi__link a {
    text-decoration: none;
}
.ec-footerTitle__logo {
    margin-bottom: 5px;
}
.ec-footerTitle__info {
    list-style-type: none;
}
@media screen and (min-width: 960px) {
    .ec-footerTitle__info {
        width: 650px;
        margin: 0 auto 50px auto;
        overflow: hidden;
    }
    .ec-footerTitle__info li {
        margin-left: 20px;
        float: left;
    }
    .ec-footerTitle__info li:first-child {
        margin-left: 0;
    }
}
@media screen and (max-width: 959px) {
    .ec-footerTitle__info {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .ec-footerTitle__info li {text-align: left;}
    .ec-footerTitle__info li a {color: #fff;}
}



/******************************
 Common Parts
******************************/
@media screen and (max-width: 959px) {
    .ec-inlineBtn--cancel,
    .ec-inlineBtn--action {
        width: 70%;
    }
    .ec-inlineBtn--action {
        margin-top: 30px;
    }
}
.ec-cartNaviIsset__action {margin-bottom: 10px;}
/*
.ec-off1Grid__cell p {margin-bottom: 1em;}
*/


/******************************
 トップページ
******************************/
/*--------------------
 スライダー
--------------------*/
.slider-background {
    background: url(../img/common/background.png) repeat top left;
}
/*--------------------
 期間限定商品
--------------------*/
#RecommendBox .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item {
    height: 350px;
}
/*--------------------
 カテゴリーブロック
--------------------*/
.ec-categoryRole .ec-role .ec-categoryRole__list .ec-categoryRole__listItem {text-align: center;}
.ec-categoryRole .ec-role .ec-categoryRole__list .ec-categoryRole__listItem img {width: 100%;}
.ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}
.ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li {
    width: calc((100% - 20px) / 2);
    padding: 10px 0;
    text-align: center;
    background-color :#603813;
}
.ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift .sub_category_title {
    color :#333;
    font-weight: bold;
    border-bottom: 1px solid #333;
    background-color :transparent;
}
.ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li a {
    color :#fff;
    display: block;
}
@media screen and (min-width: 960px) {
    .ec-categoryRole .ec-role .ec-categoryRole__list .ec-categoryRole__listItem {
        width: calc((100% - 60px) / 4);
        margin-right: 20px;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list .ec-categoryRole__listItem:nth-child(4n) {
        margin-right: 0;
        clear: left;
        float: none;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list .ec-categoryRole__listItem img {
        width: 100%;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li {
        background-color :#603813;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li:nth-child(odd) {
        float: left;
        clear: left;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li:nth-child(even) {
        float: right;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li:nth-child(n+3) {
        margin-top: 5px;
    }
    .ec-categoryRole__listItem2 {
        width: calc((100% - 40px) / 2);
    }
}
@media screen and (max-width: 959px) {
    .ec-categoryRole .ec-role .ec-categoryRole__list .ec-categoryRole__listItem {
        max-width: calc(100% / 2 - 20px);
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list .ec-categoryRole__listItem:nth-child(even) {
        margin-left: 20px;
        clear: left;
        float: none;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li {
        height: calc(100% - 4px);
        margin-top: 5px;
        font-size: 70%;
        background-color :#603813;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift .sub_category_title {
        font-size: 80%;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li:nth-child(odd) {
        float: left;
        clear: left;
    }
    .ec-categoryRole .ec-role .ec-categoryRole__list #ec-categoryRole__listItem_gift li:nth-child(even) {
        float: right;
    }
}
#ranking_box {
    margin-top: 50px;
    clear: both;
}
.original {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recommend_data dt {
    font-weight: normal;
}
.recommend_data .item_name {
    min-height: 2em;
}
.recommend_data .item_price {
    font-weight: bold;
    color: #f55;
}
#officialBanner {
    margin: 30px 0;
}
#officialBanner .sbslist li {
    text-align: center;
}



.Background {
    width: 100%;
    margin-top: 50px;
    padding: 30px 0;
    background: url(../img/common/background.png) repeat top left;
}
.guide_box {
    min-height: 300px;
    padding: 30px;
    background-color: #fff;
}
.guide_box dt {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 130%;
    font-weight: bold;
    line-height: 2;
    border-bottom: 2px solid #f7931e;
}
.guide_box dd {
    width: 100%;
    margin-top: 20px;
}
.guide_box .guide_text {
    height: 130px;
}
.guide_box dd div {
    width: 200px;
}
@media screen and (min-width: 960px) {
    .original img {zoom: 0.9;}
    .original img:nth-child(1) {margin: 0 10px;}
    .guide_box {
        width: calc(100% / 3 - 14px);
        float: left;
    }
    .guide_box:nth-child(2) {
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media screen and (max-width: 959px) {
    .guide_box {
        margin: 0 20px 20px 20px;
    }
    .original li {
        width: 90%;
        margin: auto;
    }
    .original li img {width: 100%;}
    .original li img:nth-child(1) {margin: 10px 0;}
}



/******************************
 商品一覧
******************************/
.hero_area {margin-top: 20px;}



/******************************
 商品詳細
******************************/
.ec-productRole__title .ec-headingTitle {
    font-size: 90%;
}
.ec-totalBox {
    background-color: #fff8de;
    border: 1px solid #ffa800;
}
@media screen and (min-width: 960px) {
    .ec-layoutRole__contents {
        margin-top: -52px;
        padding-top: 280px;
    }
}
.ec-secHeading {
    border-bottom: 1px solid #777;
}
.ec-productRole__profile .ec-productRole__title .ec-headingTitle {
    margin-top: 20px;
}
.ec-productRole__description {
    margin-top:50px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}
#favorite {
    background-color: #f7931e;
    border-color: #ce7c1b;
}
.ec-inlineBtn--cancel,
.ec-inlineBtn--action {
    font-weight: normal;
}
.ec-productRole__actions .ec-numberInput {
    margin-top: 10px;
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .item_visual {
    width: 80%;
    margin-top: 10px;
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .item_nav {
    width: 100%;
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .slideThumb {
    width: calc(calc(100% - 18px) / 4);
    margin-right: 6px;
    border: 1px solid #eecece;
}
*::-ms-backdrop, .ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .slideThumb {
    width: calc(25% - 18px); /* IE11 */
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .slideThumb:nth-child(4n) {
    margin-right: 0;
}
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-sliderItemRole .item_nav img {
    width: 100%;
}
/*--------------------
 関連商品(プラグイン)
--------------------*/
.RelatedProduct-product_area__Title {
    font-size: 120%;
    font-weight: bold;
}
.RelatedProduct-product_area__listItemTitle {
    font-weight: bold;
}
.RelatedProduct-product_area__listItemPrice {
    margin-bottom: 15px;
    color: #f55;
}



/******************************
 商品購入フロー
******************************/
#page_shopping label {
    font-weight: normal;
}
.PaymentList {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px dotted #cca86e;
    display: block;
    overflow: hidden;
}
.shipping_box {
    margin-bottom: 30px;
    padding: 15px;
}
.shipping_box:nth-child(even) {
    border: 1px solid #fce0b4;
}
.shipping_box:nth-child(odd) {
    border: 1px solid #cca86e;
}
.ec-imageGrid {
    border-top: none;
}
.ec-orderDelivery__change  {
    padding-bottom: 10px;
}
.ec-orderDelivery__actions {
    padding-top: 15px;
    border-top: 1px dotted #ccc;
}
.ec-orderDelivery__actions p {
    margin-bottom: 0.5em;
}
.ec-orderDelivery .ec-orderDelivery__change {
    position: static;
}
@media screen and (min-width: 960px) {
    .ec-orderDelivery .ec-orderDelivery__buttonarea {overflow: hidden;}
    .ec-orderDelivery .ec-orderDelivery__change {
        float: left;
    }
    .ec-orderDelivery .ec-orderDelivery__edit {
        margin-left: 15px;
        float: left;
    }
}
#shopping_order_use_point {
    width: 15%;
    float: left;
}

/*--------------------------------------------------*/
/* よくある質問 */
/*--------------------------------------------------*/
.textlist {
    margin: 20px 0 0 0;
}
.textlist dt, .textlist dd {
    margin-left: 2em;
    padding: 4px 8px;
    line-height: 1.6;
    position: relative;
}
.textlist dt {
    font-size: 110%;
    color: #fff;
    counter-increment: dt;
    border-top: 2px solid #902302;
    background: #902302;
}
.textlist dt:before {
    content: counter(dt);
    position: absolute;
    top: -2px;
    left: -2em;
    width: 2em;
    padding: 5px 0;
    background: #902302;
    text-align: center;
}
.textlist dd {
    font-size: 120%;
    margin-bottom: 2em;
}
.textlist dd p {
    margin-bottom: 1em;
}
#payment label {
    font-weight: bold;
}

/*--------------------------------------------------*/
/* 個人情報保護方針 */
/*--------------------------------------------------*/
#numlist {
    margin-top: 30px;
}
#numlist dt:before {
    content: counter(dt);
    position: absolute;
    top: -2px;
    left: -2em;
    width: 2em;
    padding: 4px 0;
    border-top: 2px solid #888;
    color: #fff;
    background: #888;
    font-weight: bold;
    text-align: center;
}
#numlist dt {
    margin: 0 0 5px 2em;
    padding: 5px 8px;
    counter-increment: dt;
    position: relative;
    border-top: 2px solid #888;
}
#numlist dd {
    margin-left: 2.5em;
    margin-bottom: 1.5em;
}

/*--------------------------------------------------*/
/* 熨斗の種類 */
/*--------------------------------------------------*/
#modal-content_wrapping dt {
    font-size: 120%;
    background-color: #f5f5f5;
    text-align: center;
}
#modal-content_wrapping dt,
#modal-content_wrapping dd {
    padding-top: 10px;
    padding-bottom: 10px;
}
#modal-content_wrapping dd img {
    width: 100%;
}
@media screen and (min-width: 960px) {
    #modal-content_wrapping dl {
        width: calc(calc(100% - 30px) / 4);
        margin-right: 10px;
        border: 1px solid #bbb;
        float: left;
    }
    #modal-content_wrapping dl:nth-child(4) {
        margin-right: 0;
    }
    #modal-content_wrapping dt,
    #modal-content_wrapping dd {
        min-height: 50px;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
    }
}
@media screen and (max-width: 959px) {
    #modal-content_wrapping dl {
        padding-bottom: 10px;
        border-bottom: 1px solid #bbb;
    }
}



/*--------------------------------------------------*/
/* 送料・配送について */
/*--------------------------------------------------*/
.shipping_exsample_datalist {
    margin-bottom: 50px;
    max-width: calc(100% - 3px);
    display: flex;
    flex-flow: wrap;
}
.shipping_exsample_datalist dt {
    width: 100%;
    padding-bottom: 5px;
    color: #902302;
    font-size: 120%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-weight: bold;
}
.shipping_exsample_datalist dd:nth-child(odd) {
    flex-basis: 10%;
    font-size: 300%;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shipping_exsample_datalist dd:nth-child(even) {
    flex-basis: 25%;
    text-align: center;
}
.shipping_exsample_datalist dd:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
}



/*--------------------------------------------------*/
/* クーポンプラグイン */
/*--------------------------------------------------*/
/* 何故かフッター下に表示される入力フォームを非表示に */
#coupon2 {display: none;}