@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');


.header__inner--nav--li--sp img {
    height: 30px;
}


/** 問い合わせナビ **/
.header__inner--nav--pc .addClass {
    color: #000;
}
.header__inner--nav .header__inner--nav--pc--sub {
    background-color: #fff;
    
    width: 145px;
    display: none;
    margin-left: -30px;
    position: absolute;
    z-index: 1;
}
.header__inner--nav .header__inner--nav--pc--sub li {
    padding: 5px 20px;
    border-bottom: 1px solid #e8e8e8;
    border-left: none;
}
.txt-opacity {
    opacity: .2;
}
.txt-opacity-not {
    opacity: 1;
}

.header__inner--nav ul {
    align-items: center;
}
.header__inner--nav .header__inner--nav--pc--main>li>a {
    padding: 0;
}





/* 問い合わせフォーム */
.ec-select {
    margin-bottom: 10px;
}
.ec-input input, 
.ec-halfInput input, 
.ec-numberInput input, 
.ec-zipInput input, 
.ec-telInput input, 
.ec-select input,
.ec-input textarea,
.ec-birth input {
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
}
input[type=checkbox],
input[type=radio] {
    margin-bottom: 10px;
}
.ec-input input[type=checkbox], 
.ec-input input[type=radio] {
    margin-bottom: 10px;
}
.ec-contactRole {
    padding-left: 0;
    padding-right: 0;
}
.ec-contactRole p {
    margin: 0;
}
.ec-contactRole .ec-para-normal {
    margin-bottom: 30px;
}

.ec-contactRole .ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin-left: 0;
}
.ec-contactRole .ec-halfInput input[type='text'] {
    width: 48%;
    float: left;
}
.ec-contactRole .ec-halfInput input[type='text']:nth-child(2){
    margin-left: 4%;
}
.ec-birth select {
    margin: 0;
}
.ec-birth {
    margin-bottom: 10px;
}

.ec-contactRole .contactRole_bg {
    background-color: #f7f7f7;
    padding: 0 0 20px;
}
.ec-contactRole .ec-borderedDefs2 dl {
    padding: 10px 20px 0;
    border-bottom: 1px solid #e8e8e8;
    display: table;
}
.ec-contactRole .ec-borderedDefs2 dl:last-child {
    border-bottom: none;
}

.ec-contactRole form dl {
    /*display: flex;*/
    width: 100%;
}
.ec-contactRole form dt,
.ec-contactRole form dd {
    /*display: table-cell;*/
}
.ec-contactRole .vertical-m {
    /*vertical-align: middle;*/
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
.ec-contactRole form dt {
    float: left;
    /*width: 30%;*/
    width: 155px;
    /*height: 40px;*/
    /*line-height: 40px;*/
    padding-right: 8px;
}
/*#contact_membership_membership_term,*/
/*#contact_recruit_recruit_jobtype,*/
/*#contact_recruit_recruit_sex {*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*}*/
.ec-contactRole form dd {
    margin-left: 160px;
}
.ec-contactRole .ec-halfInput {
    /*display: flex;*/
    float: left;
    width: 100%;
}

/** 友の会問い合わせフォーム **/
#contact_membership_membership_term {
    display: flex;
    align-items: center;
}
#contact_membership_membership_stores_cheese,
#contact_membership_membership_stores_hisada {
    margin-bottom: 20px;
}
#contact_membership_membership_stores_cheese input,
#contact_membership_membership_stores_hisada input {
    display: block;
    margin-bottom: -19px;
}
#contact_membership_membership_stores_cheese label,
#contact_membership_membership_stores_hisada label {
	/*position: relative;*/
 /*   left: 15px;*/
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 50px;
    /*padding-left: 60px;*/
    margin-bottom: 6px;
    padding-left: 15px;
}



.ec-input textarea {
    min-height: 150px;
}

.ec-contactRole dd span {
    /*display: inline-block;*/
    display: inline;
    width: max-content;
    padding: 0 10px 0 5px;
}

/** 採用問い合わせフォーム **/
#contact_recruit_recruit_jobtype,
#contact_recruit_recruit_sex {
    display: flex;
    align-items: center;
}
#contact_recruit_recruit_jobtype input[type=checkbox], input[type=radio] {
    margin: 0;
}

/** 卸売り問い合わせフォーム **/
#contact_wholesale_wholesale_is_handling {
    display: flex;
    align-items: center;
}


/* 問い合わせフォーム確認ページ */
.ec-contactConfirmRole {
    padding-left: 0;
    padding-right: 0;
}
.ec-contactConfirmRole p {
    margin: 0;
}
.ec-contactConfirmRole .ec-para-normal {
    margin-bottom: 30px;
}

.ec-contactConfirmRole .ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin-left: 0;
}
.ec-contactConfirmRole .ec-halfInput input[type='text'] {
    width: 48%;
    float: left;
}
.ec-contactConfirmRole .ec-halfInput input[type='text']:nth-child(2){
    margin-left: 4%;
}

.ec-contactConfirmRole .contactRole_bg {
    background-color: #f7f7f7;
    padding: 0 0 20px;
}
.ec-contactConfirmRole .ec-borderedDefs2 dl {
    padding: 10px 20px 0;
    border-bottom: 1px solid #e8e8e8;
    display: inline-block;
}
.ec-contactConfirmRole .ec-borderedDefs2 dl:last-child {
    border-bottom: none;
}

.ec-contactConfirmRole form dl {
    /*display: flex;*/
    width: 100%;
}
.ec-contactConfirmRole form dt,
.ec-contactConfirmRole form dd {
    /*display: table-cell;*/
}

.ec-contactConfirmRole .vertical-m {
    /*vertical-align: middle;*/
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
.ec-contactConfirmRole form dt {
    float: left;
    /*width: 30%;*/
    width: 155px;
    /*height: 40px;*/
    /*line-height: 40px;*/
    padding-right: 8px;
}
/*#contact_membership_membership_term,*/
/*#contact_recruit_recruit_jobtype,*/
/*#contact_recruit_recruit_sex {*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*}*/
.ec-contactConfirmRole form dd {
    margin-left: 160px;
}
.ec-contactConfirmRole .ec-halfInput {
    /*display: flex;*/
    float: left;
    width: 100%;
}
.ec-contactConfirmRole dd span {
    display: inline-block;
    width: max-content;
    padding: 0 0 5px 0;
}


.ec-contactConfirmRole .ec-borderedDefs2 {
    margin-bottom: 40px;
}

/* 完了ページ */
.ec-contactCompleteRole .ec-reportDescription {
    margin-bottom: 40px;
}


@media only screen and (max-width: 769px) {
    /* 問い合わせフォーム */
    .ec-contactRole form dt, 
    .ec-contactRole form dd {
        display: initial;
    }
    .ec-contactRole form dd {
        margin-left: 0;
    }
    .ec-contactRole form dt {
        float: none;
        display: block;
        width: 100%;
    }
    .ec-zipInput {
        display: block;
    }
    
    .ec-contactRole dd label {
        display: inline-block;
        width: 100%;
    }
    
    .ec-contactRole .vertical-m {
        height: auto;
        line-height: auto;
        margin-bottom: 0;
    }
    .ec-choice label {
        padding-bottom: 10px;
    }
    
    
    /** 採用フォーム **/
    #contact_recruit_recruit_jobtype,
    #contact_recruit_recruit_sex {
        display: initial;
    }
    #contact_recruit_recruit_jobtype input,
    #contact_recruit_recruit_sex input {
        display: block;
        margin-bottom: -28px;
    }
    #contact_recruit_recruit_jobtype label,
    #contact_recruit_recruit_sex label {
    	position: relative;
        left: 25px;
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 50px;
        /*padding-left: 60px;*/
    }
    
    
    /** 友の会フォーム **/
    #contact_membership_membership_term {
        display: initial;
    }
    #contact_membership_membership_term input {
        display: block;
        margin-bottom: -28px;
    }
    #contact_membership_membership_term label {
    	position: relative;
        left: 25px;
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 50px;
        /*padding-left: 60px;*/
    }
    #contact_membership_membership_start_month {
        display: initial;
    }
    #contact_membership_membership_start_month input {
        display: block;
        margin-bottom: -28px;
    }
    #contact_membership_membership_start_month label {
    	position: relative;
        left: 25px;
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 50px;
        /*padding-left: 60px;*/
    }
    
    #contact_membership_membership_stores_cheese input,
    #contact_membership_membership_stores_hisada input {
        display: block;
        margin-bottom: -19px;
    }
    #contact_membership_membership_stores_cheese label,
    #contact_membership_membership_stores_hisada label {
    	position: relative;
        left: 15px;
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 50px;
        /*padding-left: 60px;*/
    }
    .ec-birth select {
        padding: 6px;
    }
    
    /** 卸売り問い合わせフォーム **/
    #contact_wholesale_wholesale_is_handling {
        display: initial;
    }
    #contact_wholesale_wholesale_is_handling input {
        display: block;
        margin-bottom: -19px;
    }
    #contact_wholesale_wholesale_is_handling label {
    	position: relative;
        left: 25px;
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 50px;
        /*padding-left: 60px;*/
    }
    
    /* 確認ページ */
    .ec-contactConfirmRole form dt {
        float: none;
    }
    .ec-contactConfirmRole form dd {
        margin-left: 0;
    }
}




/* 下層-サロン・ド・デ・チーズ王国 */
.salon-page__top img {
    width: 100%;
    margin-bottom: 30px;
}
.salon-page__block {
    margin-bottom: 80px;
}
.salon-page__block dl {
    margin-bottom: 10px;
}
.salon-page__block dt,
.salon-page__block dd {
    display: inline-block;
}
.salon-page__block--salon dl dt {
    width: 100px;
    text-align-last: justify;
}
.salon-page__block--buffet dl dt {
    width: 60px;
    text-align-last: justify;
}
.salon-page__block img {
    width: 100%;
    margin-bottom: 20px;
}
.salon-page__block p {
    margin-bottom: 30px;
}
.salon-page__formlink {
    text-align: center;
}
.salon-page__formlink a {
    font-size: 22px;
    color: #c6a850;
}
.salon-page__formlink a:hover {
    opacity: .6;
    text-decoration: none;
}
.salon-page__formlink .fa-play-circle {
    color: #ff7b11;
    margin-left: 8px;
}









/*.modal{*/
/*    display: none;*/
/*    height: 100vh;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    width: 100%;*/
/*}*/
/*.modal__bg{*/
/*    background: rgba(0,0,0,0.3);*/
/*    height: 100vh;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*}*/
/*.modal__content{*/
/*    background: #fff;*/
/*    left: 50%;*/
/*    padding: 40px;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translate(-50%,-50%);*/
/*    width: 60%;*/
/*}*/
/*.modal__content ul {*/
/*    display: block;*/
/*}*/



/* 商品検索一覧ページ */
.ec-productList__pre {
    z-index: 0;
    width: 100%;
    background-image: url(/cheese/html/user_data/mainvis.png);
    height: 250px;
    margin-top: -30px;
}
.ec-productList__pre-Title {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 70px;
}
.ec-productList__pre-Title--heading {
    font-weight: bold;
    padding-top: 70px;
}
.ec-productList__pre-Title--heading--en {
    font-size: 14px;
}
.ec-productList__pre-Title--heading--item {
    display: block;
}
.ec-searchnavRole {
    margin: 0;
    margin-top: -70px;
}
.ec-searchnavRole .ec-searchnavRole__infos {
    border-style: initial;
    margin: 0;
    padding-top: 0;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd),
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding: 8px;
}
.ec-shelfGrid .ec-shelfGrid__item {
    width: 32%;
    background-color: #fff;
    margin: 0 1% 1% 0;
    position: relative;
}
.ec-shelfGrid__item .tag_image {
    height: 30%;
    z-index: 1;/*z-index: 10*/
    position: absolute;
    top: 0;
    left: 0;
}
.ec-shelfGrid .ec-shelfGrid__item-image {
    height: auto;
}
.ec-shelfGrid__item-title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 10px 0;
}
.ec-shelfGrid__item-description {
    font-size: 12px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.8em;
    line-height: 1.8em;
}
.price02-default {
    text-align: right;
    margin: 5px 0;
    font-weight: bold;
    color: #000;
}

.ec-newItemRole__listItem_tag-national {
    margin-left: 10px;
}
.ec-newItemRole__listItem_tag-national img {
    width: 20px;
    vertical-align: middle;
}
.ec-pagerRole {
    margin-top: 30px;
    margin-bottom: 100px;
}



/* ページトップへ戻る */
.page_top_btn {
    width: 50px;
    height: 50px;
    background-color:#fff;
    position: fixed;
    bottom: 50px;
    right: 0;
    left: 0;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.page_top_btn__icon {
    font-size: 20px;
}
.ec-blockTopBtn {
    border-radius: 50%;
}
/* /ページトップへ戻る  */


.ec-footerRole__inner_inner_tb {
    display: none;
}






/* 以下、カスタマイズ用CSS */

/* 
ページで使っているオレンジ： #ff7b11
ページで使っている黄色： #f3f76f（スマホのページネーションは#ffdf5b）
ページで使っている見出しのカラー：　#c29f4a
商品詳細ページで使っている見出しのカラー：　#be9b33
*/

/* リセットCSS */
ol,ul,li,h1,h2,h3,h4,h5 {
    margin: 0;
    padding: 0;
    padding-inline-start: 0; /* 20px */
}
h2 {
    font-size: 26px;
}
dl,dt,dd{
    margin: 0;
    padding: 0;
    vertical-align: top;
}
li {
    list-style:none;
}
label {
    margin: 0;
}
/* /リセットCSS  */

/**/
html, body {
    overflow-x: hidden; 
    overflow-y: auto; 
}


/* フォント */
body,h1,h2,h3,h4,h5,div,p,span,ul,li,a {
    font-family: 'M PLUS Rounded 1c','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
}

/* リンク文字カラー */
a {
    color: #000;
}

/* 背景色 */
.ec-layoutRole {
    background-color: #f7f6f1;
    font-family: '游ゴシック';
}
/* /背景色 */

/* コンテンツ外枠の横幅指定 */
.ec-layoutRole .ec-layoutRole__contents {
    max-width: 1000px; /* 1150px; */
}
.ec-role {
    max-width: none; /* 1150px; */
    padding-left: 0px; /* 20px */
    padding-right: 0px; /* 20px */
    margin-left: 0;
    margin-right: 0;
}
.ec-productRole {
    padding-right: 0;
}
/* /コンテンツ外枠の横幅指定外す */

/* スライドショーの横幅指定外す */
.ec-sliderRole{
   max-width: none; /* 1130px; */
   padding-left: 0; /* 20px; */
   padding-right: 0; /* 20px; */
}
/* /スライドショーの横幅指定外す */

/* コンテンツの横幅指定 */
.ec-role {
    /*padding-left: 80px;*/
    /*padding-right: 15px;*/
}
.ec-layoutRole__header, .ec-sliderRole ul {
    /*padding-left: 80px;
    padding-right: 80px;*/
}
/* /コンテンツの横幅指定 */

.ec-layoutRole__mainWithColumn {
    margin-bottom: 30px;
}
.onlySp {
    display: none;
}

/* ヘッダー */
/** デフォルト設定変更 **/
.ec-headerRole {
    margin: 0;
    padding: 0;
    max-width: 100%;
    /*margin: 0 auto;*/
    padding-left: 10px;
    padding-right: 10px;
}
.ec-headerRole img {
    max-width: initial;
}
.ec-headerRole img {
    width: initial;
    display: block;
    margin: 0 auto;
}
/** /デフォルト設定変更 **/

.header {
    max-width: 1000px;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 10px 0 5px 0;
    margin: 0 auto;
    z-index: 1;
}
.header__inner {
    display: flex;
    justify-content: space-between;
    /*align-items: flex-end;*/
    align-items: center;
}
.header__inner--sp p {
    display: none;
}
.header__inner--logo img {
    width: 225px;
    margin-left: 5px;
}
.header__inner--nav {
    /*width: 700px;*/
}
.header__inner--nav p {
    font-size: 10px;
    text-align: right;
    margin-right: 30px;
    margin-bottom: 18px;
}
.header__inner--nav ul {
    list-style: none;
    display: flex;
    /*justify-content: space-between;*/
    font-size: 14px;
    font-weight: bold;
}
.header__inner--nav ul li {
    text-align: center;
    padding: 0 30px;
}
.header__inner--nav ul li+li {
    border-left: 1px solid #000;
}
.header__inner--nav ul li a {
    text-decoration: none;
}
.header__inner--nav ul li a:hover {
    color: #000;
    opacity: .6;
}
.header__inner--nav--sp {
    display: none;
}
/*
.header__border {
    width: 100%;
    height: 10px;
    background: linear-gradient(#90c31f 0% 40%, #006835 40% 80%,#ff9c00 80% 100%);
    background: -moz-linear-gradient(#90c31f 0% 40%, #006835 40% 80%,#ff9c00 80% 100%);
    background: -webkit-linear-gradient(#90c31f 0% 40%, #006835 40% 80%,#ff9c00 80% 100%);
    border-bottom: 4px solid #90c31f;
    margin-top: 5px;
    margin-bottom: 5px;
}
*/
.header__border--top {
    border-bottom: 4px solid #90c31f;
    margin-top: 5px;
}
.header__border--middle {
    border-bottom: 4px solid #006835;
}
.header__border--bottom {
    border-bottom: 2px solid #ff9c00;
    margin-bottom: 5px;
}
/** 検索窓 **/
.header__search {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: stretch;
    padding-left: 5px;
    padding-right: 5px;
}
.header__search--box {
    width: 100%;
}
.search__form {
    display: flex;
}
.search__name {
    width:100%;
    background-color: #ebedf0;
    border: none;
    height: 40px;
    padding-left: 5px;
}
#search-name {
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    background-color: #ebedf0;
    border: none;
    height: 40px;
    width: 100%;
    padding-left: 8px;
    font-size: 20px;
}
::placeholder{
    color: #ccc;
}
/*.ec-select_searchBox {*/
/*    width: 70%;*/
/*}*/
.ec-select_searchBox {
    display: flex;
    width: 100%;
}
.ec-select_searchBox--search {
    width: 80%;
}
.header__search--logbtn a {
    display: inline-block;
    width: 185px;
    height: 40px;
    line-height: 40px;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.header__search--logbtn--in {
    display: flex;
}
.header__search--logbtn--in .header__search--logbtn--in--link {
    display: inline-block;
    width: 85px;
    height: 40px;
    line-height: 40px;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.header__search--logbtn--in .header__search--logbtn--in--myPage {
    margin-right: 5px;
}

.header__search--logbtn .header__search--logbtn--out--link {
    display: inline-block;
    width: 185px;
    height: 40px;
    line-height: 40px;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.header__search--logbtn a:hover {
    text-decoration: none;
    opacity: .6;
}
.category_id {
    /*display: ruby;*/
    display: block;
    width: 180px;
    bottom:0;
    left:0;
    /*background-color: #ebedf0;*/
    border: none;
    /*height: 50px;*/
    margin-left: 15px;
}
/*.ec-select_search {*/
/*    line-height: 40px;*/
/*    width: 100%;*/
/*    max-width: 200px;*/
/*    display: inline-table;*/
/*}*/
.ec-select_search {
    line-height: 40px;
    width: 100%;
    max-width: 195px;
    /*display: inline-table;*/
    display: table;
}
.ec-select_search label {
    width: 68px;
}
#category_id_8 {
    margin-right: -15px; 
    /*margin-left: 15px;*/
}
#product-search {
    width: 70px;
    background-color: #ebedf0;
    border: none;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    margin-right: 30px;
    font-size: 14px;
}

.header__inner--nav--sp li {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.header__inner--nav--sp li a {
    margin: 0 auto;
}
.header__inner--nav--sp .fas {
    display: block;
    font-size: 30px;
    color: #000;
}
/** モーダルウィンドウ **/
.modal__content ul {
    display: block;
    
}


.modal__head {
    background-color: #ecc43e;
    padding: 16px 0;
}

/*#open, #close {*/
/*  cursor: pointer;*/
/*  width: 200px;*/
/*  border: 1px solid #ccc;*/
/*  border-radius: 4px;*/
/*  text-align: center;*/
/*  padding: 12px 0;*/
/*  margin: 16px auto 0;*/
/*}*/




#mask {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;

}



#modal {
  background: #fffeef;
  width: 85%;
  position: fixed;
  top: 75px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 16px;
  z-index: 5;
}

#mask.hidden {
  display: none;
}

#modal.hidden {
  transform: translate(0, -500px);
}

.modal__menu ul {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}
.modal__menu ul li {
    width: 50%;
    padding: 5px 0;
}
.modal__menu__indent {
    text-indent: 1em;
}
.modal__menu ul li:nth-child(odd) {
    border-top: 1px solid #ebe9dc;
    border-right: 1px solid #ebe9dc;
    border-bottom: 1px solid #ebe9dc;
}
.modal__menu ul li:nth-child(even) {
    border-top: 1px solid #ebe9dc;
     border-bottom: 1px solid #ebe9dc;
}
.modal__menu ul li a {
    font-size: 12px;
}
.modal__head {
    display: flex;
}
.modal__head .modal__head--txt ,
.modal__head #close {
    width: 50%;
}
.modal__head .modal__head--txt {
    text-align: left;
    display: block;
    margin-left: 14px;
    font-size: 14px;
}
.modal__head #close {
    text-align: right;
    display: inline-block;
    margin-right: 14px;
}
.closeBtn {
    padding: 5px;
    background-color: #fff;
    padding: 6px 12px;
    color: #ecc43e;
}
.modal__menu--ul .modal__menu--li {
    padding: 14px 20px;
    text-align: left;
    display: block;
}

/** /モーダルウィンドウ **/

/** ログイン新規会員登録 **/
/**
.ec-headerNav__item a {
    display: inline-block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background-color: #ff7e00;
    border-radius: 5px;
}
.ec-headerNav .ec-headerNav__itemLink {
    color: #ffffff;
}
**/
.ec-headerNaviRole__nav a {
    display: inline-block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background-color: #ff7e00;
    border-radius: 5px;
}
.ec-headerNaviRole__nav .ec-headerNav__item {
    color: #fff;
}




/* /ヘッダー */

/* スライド */
.ec-sliderRole img {
    width: 1200px;
}
.main_visual {
    width: initial;
    /*width: 1500px;
    margin: 0 auto 10px;*/
}
.slick-slide__top .onlySp {
    display: none;
}

.slick-slide {
    position: relative;
    /*width: 1200px;*/
}
/*.slick-slide img {*/
/*    width: 100%;*/
/*}*/
.slick-slide_title {
    /*
    width: 1150px;
    max-width: 100%;
    */
    /*max-width: 1150px;*/
    /*width: 100%;*/
    position: absolute;
    top: 43%; /*(50%)*/
    left: 50%; /*(55%)*/
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
}


.slick-dots {
    position: absolute;
    bottom: 19%;
    left: 80px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    /*text-align: center;*/
    text-align: left;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    /* 20px */
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 50px;
    /* 20px */
    height: 10px;
    /* 20px */
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    content: " ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    /* 12px */
    height: 5px;
    /* 12px */
    text-align: center;
    opacity: .5;
    /* .25 */
    background-color: #ffffff;
    /* black */
    /*border-radius: 50%;*/

}

.slick-dots li.slick-active button:before {
    opacity: 1;
    /* .75 */
    background-color: #ffa200;
    /*black*/
}

.slick-dots li button.thumbnail img {
    width: 0;
    height: 0;
}

/* arrowの設定 */
.ec-sliderRole {
    margin: 0;
    position: relative;
    top: -50px;
}
.slick-prev {
    position: absolute;
    left: 80px;
    top: 40%;
    z-index: 1;
}
.slick-next {
    position: absolute;
    right: 80px;
    top: 40%;
}
.slick-prev__detail {
    position: absolute;
    left: 80px;
    top: 45%;
    z-index: 1;
}
.slick-next__detail {
    position: absolute;
    right: 80px;
    top: 45%;
}
.slick-arrow {
    border-radius: 50%;
    color: #ffffff;
    background: rgba(0,0,0,0.3);
}
button {
    border-width: 0; /* 2px */
    padding: 10px; /* 1px 6px */
}
/* /arrowの設定 */

.slick-slide_title__h2--pc {
    font-size: 80px;
    margin-top: 10px;
    font-weight: bold;
    transform: scale(0.6,1);
    transform-origin: top left;
}
.slick-slide_title__h2--sp {
    display: none;
    font-size: 70px;
    line-height: 45px;
    font-weight: bold;
    transform: scale(0.6,1);
    transform-origin: top left;
}
.slick-slide_title__h2--sp--pre {
    margin-top: 15px;
}
.slick-slide_title .h2_previous {
    font-size: 17px;
}
.slick-slide_title .h2_back {
    font-size: 25px;
}
.slick-slide_title .h2_previous,
.slick-slide_title .h2_back {
    text-shadow: 1px 1px 1px #525252;
}
.slick-slide_title p {
    color: #000000;
    margin-top: 30px;
}
.slick-slide_title .p_title {
    font-weight: bold;
}
.slick-slide_title .p_description {
    font-size: 12px;
}
.slick-slider .slick-track, 
.slick-slider .slick-list {
    margin: 0 auto;
}


/* コンテンツ位置 */
.ec-layoutRole__contents {
    /*position: relative;
    top: -200px;*/
}
/* /コンテンツ位置  */

/* 商品新着一覧 */
.mainListM {
    /*display: inline-flex;*/
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: #000;
    margin-top: -170px;
    padding-bottom: 30px;
}
.mainListM__item--top:nth-child(1),
.mainListM__item--top:nth-child(2) {
    width: 47.5%;
}
.mainListM__item--top:nth-child(1) h3,
.mainListM__item--top:nth-child(2) h3 {
    width: 90%;
}
.mainListM__item--top .mainListM__item--title {
    display: inline-block; /* マーカー背景長さ */
    line-height: 1;
    margin-top: 10px;
}


/*.mainListM__item--top:nth-child(1) h3,*/
/*.mainListM__item--top:nth-child(2) h3 {*/
/*    display: inline-block;*/
    /** マーカー **/
/*    background-image:linear-gradient(178deg, #fff 55%, #ffff00 60% , #fff 80%, #ffff00 81%,#fff 83%, #fff 85%, #ffff00 90%,#fff 91%);*/
    
    /*background: linear-gradient(transparent 60%, #f5f542 60%);*/
/*}*/


.mainListM__item--top:nth-child(1) .mainListM__item--title,
.mainListM__item--top:nth-child(2) .mainListM__item--title {
    /*display: inline;*/
    position: relative;
    z-index: 0;
}
.mainListM__item--top:nth-child(1) .mainListM__item--title:before,
.mainListM__item--top:nth-child(2) .mainListM__item--title:before {
    background-color: #f5f542;
    content: '';
    position: absolute;
    bottom: -2px;
    display: inline-block;
    opacity: 0.75;
    width: 105%;
    height: 8px;
    transform:skewX(-50deg);
    z-index: -1;
}


.mainListM__item {
    width: 31%;
    margin:0 1% 2% 1%;
    background-color: #fff;
    padding: 10px 10px 18px 10px;
    position: relative; 
}
.mainListM__item a:hover {
    text-decoration: none;
    color: #000;
}
.mainListM__item {
    -webkit-transition: .5s;
    transition: .5s;
}
/*
.mainListM__item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
*/
.mainListM__item:hover {
    -webkit-transform: -webkit-transform translate(0,-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.mainListM__item:hover .mainListM__item--thumbnail {
    opacity: .6;
}
.mainListM__item:hover .mainListM__item--image {
    opacity: .6;
}

/** 左上タグ表示 **/
.mainListM__item .tag_image {
    width: 25%;
    height: auto;
    /*z-index: 1;*/
    position: absolute;
    top: 0;
    left: 0;
}
/** 画像サイズ指定(16:9) **/
/*.thumbnail {
    background-size: cover;
    background-position: center center;
    padding-top: 56.25%;
    width: 100%;
    margin-bottom: 0;
}*/
.mainListM__item--image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;/* 幅に対する縦のサイズ/比率3:2 */
    overflow: hidden;
    background-color: #ccc;
}
.mainListM__item--thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    object-fit: cover;
}

/** サムネイル下タグ（全ページ共通） **/
.mainListM__item--tag {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
}
.item__tag {
    display: block;
    /*display: inline-flex;*/
    /*align-items: flex-end;*/
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
    /*padding: 2px 8px;*/
    /*border: 1px solid rgba(82, 81, 81, 0.911);*/
    /*border-radius: 3px;*/
    /*color: #000000;*/
    /*font-size: 12px;*/
    /*letter-spacing: .2em;*/
}
.item__tag img {
    max-width: 100px;
    /*max-width: 20px;*/
    /*opacity: .6;*/
}
/** タイトル **/
.mainListM__item--title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
/** 説明文 **/
.mainListM__item--description {
    font-size: 12px;
    position: relative;
    height: 35px;
    overflow: hidden;
    text-align: justify;
    /*text-overflow: nowrap;*/
}
.mainListM__item--description:before,
.mainListM__item--description:after {
    position: absolute;  
    background: #fff;
}
/*
.mainListM__item--description:before {
    content: "...";
    bottom: 0;
    right: 0;
}
.mainListM__item--description:after {
    content: "";
    height: 100%;
    width: 100%;
}
*/
/** 1～2番目の記事のみ1行表示 **/
.mainListM__item--top:nth-child(1) p,
.mainListM__item--top:nth-child(2) p {
    background: #fff;
    position: relative;
    height: 17px;
    overflow: hidden;
    text-align: justify;
}

/* 全ページ共通 mainListS商品記事一覧 */
.main__backcolor--white {
    background-color: #fff;
    width: 100%;
    padding-bottom: 30px;
}
.main__contentsWidth {
    max-width: 1000px;
    margin: 0 auto;
}
.main__innerContents {
    width: 75%;
}
.box__rightSpace {
    width: 25%;
}
.mainListS__title {
    padding-top: 30px;
    padding-bottom: 20px;
    margin-left: 8px;
}
.mainListS__title h2 {
    font-size: 18px;
    color: #c29f4a;
    font-weight: bold;
}
.mainListS__title--en {
    font-size: 10px;
    color: #c2714a;
}
.mainListS {
    display: inline-flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    width: 100%;
    color: #000;
}
.mainListS__item {
    width: 23%;
    margin:0 1% 2% 1%;
    background-color: #fff;
    padding: 10px;
    position: relative; 
}
.mainListS__item a:hover {
    text-decoration: none;
    color: #000;
}
.mainListS__item {
    -webkit-transition: .5s;
    transition: .5s;
}
/*
.mainListS__item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
*/
.mainListS__item:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.mainListS__item--image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;/* 幅に対する縦のサイズ/比率3:2 */
    overflow: hidden;
    /*background-color: #ccc;*/
}
.mainListS__item--thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    object-fit: cover;
}
.mainListS__item:hover .mainListS__item--image {
    opacity: .6;
}
.mainListS__item:hover .mainListS__item--thumbnail {
    opacity: .6;
}
/** タグ **/
.mainListS__item--tag {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
    margin-bottom: 10px;
}
/** タイトル **/
.mainListS__item--title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
/** 説明文 **/
.mainListS__item--description {
    font-size: 12px;
    background: #fff;
    position: relative;
    height: 35px;
    overflow: hidden;
    text-align: justify;
    /*text-overflow: nowrap;*/
}
.mainListS__item--description:before,
.mainListS__item--description:after {
    position: absolute;  
    background: #fff;
}
/*
.mainListS__item--description:before {
    content: "…";
    bottom: 0;
    right: 0;
}
.mainListS__item--description:after {
    content: "";
    height: 100%;
    width: 100%;
}
*/
/** トップページ「最近チェックした商品」のみ背景 **/
.main__checkProduct--topPage {
    background-color: #f7f6f1;
    padding-bottom: 30px;
}
/** /トップページ「最近チェックした商品」のみ背景 **/
/** イメージ画像エリア **/
.imageArea img {
    width: 100%;  
}
.imageArea__cheeseProduce {
    margin-top: -30px;
    position: relative;
    z-index: 0;
}
.border-wave__dot {
    width: 100%;
    margin-top: -14%;
}

/** 境界ウェーブ **/
/*
.wave {
    position: relative;
    background-color: #f7f6f1;
    height: 30px;
}
.wave:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 70% 90%;
    width: 60%;
    height: 90px;
    background-color: #f7f6f1;
    right: 0;
    top: -20px;
}
.wave:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100% 80%;
    width: 55%;
    height: 80px;
    background-color: #f7f6f1;
    left: 0;
    top: -20px;
}
*/
/** /イメージ画像エリア **/

/* フッターエリア */
/** バナー **/
.bottomArea__inner--sp {
    display: none;
}
.bottomArea {
    max-width: 1000px;
    margin: 0 auto;
}
.bottomArea__inner {
    width: 75%;
    padding-top: 30px;
    /*padding-left: 8px;*/
    padding-bottom: 20px;
}
.bottomArea__inner--pc {
    margin-right: 10px;
}
.bottomArea__inner img {
    max-width: 100%;
}
/** フッターナビ前画像 **/
.footer_image {
    position: relative;
    top: 80px;
}
.footer_image img {
    max-width: 100%;
    margin-top: -50px;
}
/** フッターナビ **/
.footerNav {
    width: 100%;
    margin-top: 0;
    padding-top: 120px;
    background-color: #fff267;
}
.foot-wrap {
    color: #fff;
    text-align: center;
}
.foot-wrap__inner {
    display: inline-flex;
    justify-content: space-between;
    max-width: 1000px;
    width: 100%;
    /*border-bottom: solid 1px #fff;*/
    font-size: 12px;
    padding-bottom: 30px;
}
.foot-wrap ul li {
    /*list-style: initial;*/
    list-style: none;
    text-align: left;
    color: #000;
}
.ec-footerNavi__link:hover {
    text-decoration: none;
    opacity: .6;
}
.foot-wrap ul li:before {
  content: '・';
  color: #000;
}

.foot-wrap__inner--column {
    display: inline-block;
    /*width: 25%;*/
    margin: 0px auto;
}
.foot-wrap__inner--column a {
    display: inline-block;
    padding-bottom: 10px;
}
.foot-wrap__inner--column--menu {
    padding-left: 10px;
}
.footerNav__copyright {
    margin: 0 auto;
}
.footerNav__border {
    color: #000;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 1000px;
    width: 95%;
    border-top: solid 1px #fff;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footerNav__border small {
    display: block;
}
.footer-wave {
    width: 100%;
}
.footerNav__copyright a:hover {
    text-decoration: none;
    opacity: .6;
}


/*
.footerNav__inner {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 12px;
}
.footerNav__inner--list {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}
.footerNav__inner--list--column {
    width: 20%;
}
.footerNav__inner--list--column--ul {
    padding: 0 20px;
}
*/
/** リストタグ入れ子字下げ **/
/*
.ec-footerNavi__link_under li {
    margin-left: 10px;
}
.footerNav__inner--list ul li:before {
    content: '・';
}
.footerNav__inner--list--column li a {
    display: inline-block;
    margin-bottom: 10px;
}
.footerNav__copyright {
    text-align: center;
    font-size: 8px;
    margin-bottom: 100px;
}
/*
.footerNav__wave {
    position: relative;
    background-color: #f7f6f1;
    height: 30px;
}
.footerNav__wave:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 70% 90%;
    width: 60%;
    height: 90px;
    background-color: #f7f6f1;
    right: 0;
    top: -20px;
}
.footerNav__wave:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100% 80%;
    width: 55%;
    height: 80px;
    background-color: #f7f6f1;
    left: 0;
    top: -20px;
}
*/


/*インデント設定*/
.indent {
    padding-left: 2em;
    text-indent: -2em;
}
.membership-page__block--indent {
    padding-left: 5em;
}
.triangle-indent {
    padding-left: 1em;
}

/* 下層 ページのタイトル帯 */
.titleArea {
    width: 100%;
    height: 250px;
    background-image: url('/eccube/html/user_data/assets/img/common/mainvis.png');
    margin-top: -30px;
}
.titleArea__reading {
    width: 100%;
    height: 250px;
    background-image: url('/eccube/html/user_data/assets/img/common/reading_mainvis.png');
    margin-top: -30px;
}
.titleArea__inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: table;
}
.titleArea__inner--heading {
    /*max-width: 700px;*/
    width: 75%;
    height: 180px;
    padding-top: 30px;
    padding-left: 60px;
    padding-right: 60px;
    display: table-cell;
    vertical-align: middle;
    font-size: 26px;
}
.titleArea__inner--heading h2,
.titleArea__inner--heading span {
    font-weight: bold;
}
.titleArea__inner--heading h2 {
    font-size: 26px;
}
.titleArea__inner--heading span {
    font-size: 16px;
    letter-spacing: -0.1em;
}
.titleArea__inner--heading--indent {
    padding-left: 5em;
    text-indent: -5em;
}
.titleArea__inner--rightBox {
    width: 25%;
}
.titleArea__inner--heading--sp {
    display: none;
}
.contents__underPage {
    margin-top: -70px;
}

/* 下層ページ全般 */
/** 最近チェックした商品 **/
.main__checkProduct--underPage {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
}

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

/* 下層 記事一覧ページ */
.articleList__item {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 5px;
}
.articleList__item--head {
    width: 100%;
    font-size: 10px;
    margin-bottom: 10px;
}
.articleList__item--head li {
    margin-right: 5px;
}
.articleList__item--head--date {
    margin-left: 10px;
    vertical-align: middle;
    font-size: 12px;
}
.articleList__item--head--text {
    margin-left: 5px;
    vertical-align: middle;
    font-size: 12px;
}
.articleList__item--Box {
    display: flex;
}
.articleList__item--leftBox {
    width: 40%;
}
.articleList__item--leftBox--image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;
    overflow: hidden;
}
.articleList__item--thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
}
.articleList__item--rightBox {
    width: 57%;
    margin-left: 3%;
}
.articleList__item--rightBox h3 {
    padding-bottom: 15px;
    border-bottom: 1px dotted #c9c9c9;
    font-size: 20px;
    font-weight: bold;
}
.articleList__item--rightBox p {
    font-size: 12px;
    padding-top: 15px;
    background: #fff;
    position: relative;
    height: 82px;
    overflow: hidden;
    text-align: justify;
}
.articleList__item--rightBox p:before,
.articleList__item--rightBox p:after {
    position: absolute;  
    background: #fff;
}
.articleList__item--rightBox p:before {
    content: "";
    bottom: 0;
    right: 0;
}
.articleList__item--rightBox p:after {
    content: "";
    height: 100%;
    width: 100%;
}
.articleList__item--rightBox a {
    font-size: 12px;
    color: #1fa5d6;
}

/* 下層 記事詳細ページ */
.itemDetail {
    background-color: #fff;
    padding: 65px;
    margin-top: -70px;
    margin-right: 10px;
}
.itemDetail__head--image {
    margin-bottom: 30px;
    
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;
    overflow: hidden;
    background-color: #ccc;
}
.itemDetail__head--image img {
    width: 100%;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    object-fit: cover;
}
.itemDetail__head--title ul,
.itemDetail__head--title h2 {
    display: block;
}
.itemDetail__head ul li {
    margin-right: 10px;
}
.itemDetail__head--title {
    width: 100%;
    margin-bottom: 70px;
    text-align: center;
}
.itemDetail__head--title--tag {
    text-align: left;
    font-weight: bold;
    display: inline-block;
    max-width: 70%;
}
.item__tag--detailPage {
    margin-bottom: 10px;
}
.itemDetail__inner {
    width: 100%;
}
.itemDetail__inner h3 {
    font-size: 24px;
    color: #c6a850;
}
.itemDetail__inner p {
    margin-bottom: 30px;
}
.itemDetail__inner a {
    word-break: break-all;
}
.itemDetail__inner--image {
    text-align: center;
    margin-bottom: 30px;
}
.itemDetail__inner--image--vertical img {
    width: 60%;
}
.itemDetail__inner--image--side img {
    width: 80%;
}
hr {
    border-top: 2px dotted #c6a850;
    border-right: none;
    border-bottom: none;
    border-left: none;
    width: 90px;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}
.image1 img,
.image2 img,
.image3 img {
    /*width: 80%;*/
    margin-top: 30px;
    margin-bottom: 30px;
}
.image1_vertical img {
    width: 60%;
}
.itemDetail__head--btn {
    text-align: center;
    margin-top: 50px;
}
.itemDetail__head--btn--last {
    margin-bottom: 30px;
}
.apply_btn {
    display: inline-block;
    width: 185px;
    height: 40px;
    line-height: 40px;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.apply_btn:hover {
    text-decoration: none;
    color: #fff;
    transition: .2s;
    opacity: .6;
}
.itemDetail__inner iframe {
    width: 100%;
}
.article-relation {
    width: 100%;
    height: auto;
}
.article-relation .btn-return-list-sp {
    display: none;
}
.article-relation .btn-return-list {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}
.article-relation .btn-return-list a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    color: #ff7e00;
}
.article-relation .btn-return-list a:before {
    content: "\f0d9";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    padding: 3px 12px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    background-color: #ff7e00;
    position: absolute;
    left: -40px;
    top: -3px;
}




/* 下層 商品詳細ページ */
.ec-productRole__price p {
    font-size: 20px;
    font-weight: bold;
}
.ec-productRole__title--allergies {
    margin-top: 10px;
}
.allergiesList {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}
.allergiesList__title {
    margin-right: 5px;
}
.allergiesList__item {
    padding: 0 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #e3aa32;
    color: #fff;
}
.ec-blockBtn--action {
    border: none;
}
.ec-blockBtn--action:hover {
    background-color: #ff7e00;
    opacity: .6;
}
.ec-blockBtn--cancel {
    border: none;
}
.ec-blockBtn--cancel:hover {
    opacity: .6;
}
.recipe-block__list {
    display: flex;
    justify-content: space-around;
    width: 100%;
    color: #000;
}
.recipe-block__list--item {
    width: 48%;
    margin: 0 3%;
    background-color: #fff;
    padding: 10px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.recipe-block__list--item a:hover {
    text-decoration: none;
    color: #000;
}
/*
.recipe-block__list--item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
*/
.recipe-block__list--item:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.recipe-block__list--item:hover .mainListS__item--image {
    opacity: .6;
}
.recipe-block .recipe-block__title {
    color: #c2714a;
    font-size: 20px;
    margin-bottom: 12px;
}
/** 商品詳細の画像比率3:2 **/
/*
.slide-item {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 7.4%;
    overflow: hidden;
    background-color: #ccc;
}
.slide-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    object-fit: cover;
}
*/
/*
.ec-productRole__custom-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;
    overflow: hidden;
    background-color: #ccc;
}
.ec-productRole__custom-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    object-fit: cover;
}
*/

.ec-productRole__custom .image_vertical img {
    width: 50%;
}
.ec-productRole__custom .image_side img {
    width: 80%;
}

.ec-productRole__actions {
    margin-top: 0;
}
.ec-productRole .ec-productRole__actions {
    padding: 0;
    margin-top: 0;
}
.ec-productRole .ec-productRole__price {
    padding: 0;
    margin-top: 0;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
    margin-top: 20px;
    max-width: 70%;
}
.ec-select__productDetail {
    margin-bottom: 0;
}
.product-prices__select {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}
.ec-numberInput {
    display: none;
}
.ec-productRole .ec-productRole__actions .ec-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 200px;
    padding: 0;
    margin: 0;
    height: 30px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 50px 0 10px;
    border: 1px solid #ccc;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 18px;
}
.ec-productRole .ec-productRole__actions .ec-select select::-ms-expand {
    display: none;
}
.ec-select__productDetail {
    position: relative;
    display: inline-block;
}
.ec-select__productDetail::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #ccc;
    height: 100%;
    width: 30px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.ec-select__productDetail::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 1px;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0px 6px;
    border-color: #fff transparent transparent transparent;
}

/** 関連する商品と記事 **/
.relaton-list {
    margin-right: 10px;
}
.relaton-list__text {
    display: inline-block;
}
.relaton-list__title {
    background-color: #ff7b11;
    color: #fff;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    padding: 10px;
}
.mainListS__relation {
    display: flex;
    /*justify-content: space-between;*/
}
.mainListS__item--relation {
    width: 24%;
    margin: 0;
    margin-right: 1%;
}
.mainListS__relation01--image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;
    overflow: hidden;
}
.mainListS__relation01--image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
}
.mainListS__relation02--image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;
    overflow: hidden;
}
.mainListS__relation02--image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
}
.ec-productRole .btn-return-list-sp {
    display: none;
}
.ec-productRole .btn-return-list {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}
.ec-productRole .btn-return-list a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    color: #ff7e00;
}
.ec-productRole .btn-return-list a:before {
    content: "\f0d9";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    padding: 3px 12px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    background-color: #ff7e00;
    position: absolute;
    left: -40px;
    top: -3px;
}




/* 固定ページ */
.fixedPage {
    width: 100%;
    background-color: #fff;
    margin-right: 10px;
    padding: 65px;
    margin-bottom: 70px;
}
.fixedPage__inner h3 {
    margin-bottom: 40px;
    font-weight: bold;
}
.fixedPage__inner h4 {
    font-size: 22px;
    color: #c6a850;
}

.fixedPage__inner--title h3 {
    font-size: 22px;
    color: #c6a850;
    margin-bottom: 50px;
}
.fixedPage__inner--description p {
    font-size: 14px;
}
.text-color__orange {
    color: #ff7b11;
}

.fixedPage__inner--link {
    display: inline-flex;
    flex-wrap: wrap;
}
.fixedPage__inner--link-btn {
    border: 1px solid #f6f6f6;
    width: 48%;
    padding: 7px;
    margin-right: 4%;
    margin-bottom: 4%;
}
.fixedPage__inner--link-btn:nth-child(even) {
    margin-right: 0;
}
.fixedPage__inner--link-btn img {
    width: 100%;
}
.fixedPage__inner--link-btn-txt {
    display: block;
    padding: 10px 0 3px 0;
    color: #c29f4a;
}
.fixedPage__inner--link-btn a:hover {
    text-decoration: none;
    opacity: .6;
}


/* 下層-HISADAグループ */
.fixedPage__group {
    background-color: #fff;
    margin-top: -70px;
    margin-right: 10px;
}
.group-page__top h3 {
    font-weight: bold;
}
.group-page__block h3 {
    font-weight: bold;
    margin-bottom: 40px;
    border-left: 10px solid #ff7b11;
    padding: 8px;
}
.fixedPage__group h4 {
    font-size: 22px;
    color: #c6a850;
}
.group-page__profile--en {
    color: #c6a850;
}
.group-page__top {
    padding-top: 65px;
    padding-left: 65px;
    padding-right: 65px;
}
.group-page__block {
    padding: 30px 65px;
}
.group-page__block--backColorChange {
    background-color: #fffdf2;
}
.group-page__block--common {
    width: 100%;
    display: flex;
}
.group-page__block--icon {
    margin-right: 30px;
    margin-left: 10px;
}
.group-page__block--icon img {
    width: 100px;
}
.group-page__block--descrption {
    width: 100%;
}
.group-page__block--icon img {
    /*width: 100%;*/
}
.group-page__block--icon--under {
    margin-right: 30px;
}
.group-page__block--icon--under img {
    width: 80px;
}
.group-page__block--descrption p {
    margin-bottom: 30px;
}
.group-page__profile--en {
    font-size: 12px;
}
.group-page__block--back {
    padding: 0;
}
.fixedPage__group__link {
    padding: 65px;
}


/* 下層-久田のチーズ */
.introduction-page__top {
    margin-bottom: 40px;
}
.introduction-page__top img {
    width: 100%;
    margin-bottom: 40px;
}
.introduction-page__block {
    display: flex;
    margin-bottom: 20px;
}
.introduction-page p {
    line-height: 2;
}
.introduction-page__block--icon {
    margin-right: 30px;
    margin-bottom: 15px;
}
.introduction-page__block--icon img {
    width: 70px;
}
.introduction-page__block--descrption--img {
    margin: 0 auto;
    margin-top: 20px;
}
.introduction-page__block--descrption img {
    /*width: 250px;*/
    /*float: right;*/
    /*margin-right: 30px;*/
    width: 100%;
}
.intro-image2 {
    width: 90%;
}
.intro-image3 {
    width: 60%;
}
.introduction-page__block--descrption {
    margin-top: 10px;
    margin-bottom: 20px;
}

/* 下層 会社概要-アクセスマップ */
.info-page__top {
    margin-bottom: 15px;
}
.fixedPage_info img {
    width: 100%;
}
.fixedPage_info table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 80px;
}
.fixedPage_info tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.fixedPage_info tr {
    border: 1px solid #e6e6e6;
    vertical-align: top;
}
.fixedPage_info tr th {
    width: 26%;
    padding: 15px;
    border-right: 1px solid #e6e6e6;
    font-weight: normal;
}
.fixedPage_info tr td {
    padding: 15px;
}
.info-page__map {
    margin-bottom: 100px;
}
.info-page__map h3 {
    font-size: 22px;
    color: #c6a850;
    margin-bottom: 0;
}
.info-page__map iframe {
    margin-top: 20px;
}

/* 下層-企業理念/沿革 */
.philosophy-page__top p {
    margin-bottom: 20px;
}
.philosophy-page__top img {
    width: 100%;
    margin-bottom: 80px;
}
.philosophy-page__history-list {
    margin-bottom: 120px;
}
.philosophy-page__history-list img {
    width: 80%;
    margin: 5px auto;
}
.philosophy-page__history-list h3 {
    border-left: 10px solid #ff7b11;
    padding: 8px;
}
.philosophy-page__history-list dl {
    margin-bottom: 30px;
}
.philosophy-page__history-list dt {
    float: left;
    display: inline-block;
    width: 100px;
    font-weight: normal;
    color: #99ccff;
}
.philosophy-page__history-list dd {
    display: grid;
    margin-left: 100px;
}
.history-list-txtRight {
    text-indent: 3em;
}
.philosophy-page__history-list--note {
    margin-top: 20px;
    padding-left: 30px;
}




/* 下層-保存方法 */
.preserve-page__top {
    margin-bottom: 40px;
}
.preserve-page__top img {
    width: 100%;
    margin-bottom: 40px;
}
.preserve-page__contents {
    margin-bottom: 100px;
}
.preserve-page__block {
    display: flex;
    margin-bottom: 30px;
}
.preserve-page__block--icon {
    margin-right: 30px;
    margin-bottom: 15px;
}
.preserve-page__block--icon img {
    width: 70px;
}
.preserve-page__block--descrption img {
    width: 100%;
}
.preserve-page__block--descrption {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
}
.preserve-page__block--descrption--img {
    margin-top: 20px;
}
.preserve-page__block--descrption--img img {
    margin-bottom: 20px;
}
.preserve-page__block--descrption--img--sub {
    display: flex;
    /*margin-top: 10px;*/
}
.preserve-page__block--descrption--img--sub img {
    width: 25%;
    height: 100%;
    margin-left: 40px;
    margin-right: 20px;
    margin-top: -53px;
}
.preserve-page__block--descrption--img--exception {
    display: flex;
    /*margin-top: 30px;*/
}
.preserve-page__block--descrption--img--exception--marginBottom {
    margin-bottom: 40px;
}
.exception-txtBox {
    width: 110%;
}
.txt-exception {
    display: inline-block;
}
.exception-imageBox {
    /*margin-top: -60px;*/
    width: 80%;
}
.exception-imageBox-marginTop {
    margin-top: -50px;
}
.exception-imageBox-spaceRight {
    padding-right: 30px;
}
.exception-imageBox-spaceLeft {
    padding-left: 30px;
}
.exception-txt {
    display: inline-block;
    font-size: 24px;
}
.exception-txt-marginBottom {
    margin-bottom: 10px;
}

/* 下層-友の会 */
.membership-page p {
    line-height: 2;
}
.membership-page ul {
    color: #c29f4a;
}
.membership-page ul li {
    margin-bottom: 25px;
}
.membership-page ul li:last-child {
    margin-bottom: 50px;
}
.membership-page img {
    width: 100%;
    margin: 20px 0;
}
.membership-page__block {
    margin-top: 60px;
    margin-bottom: 60px;
}
.membership-page__block h4 {
    font-size: 24px;
    color: #000;
    margin-bottom: 30px;
    border-left: 10px solid #ff7b11;
    padding: 8px;
}
.membership-page__block dl dt,
.membership-page__block dl dd {
    /*display: inline-block;*/
    display: table-cell;
}
.membership-page__block--fee dl {
    color: #be9b33;
}
.membership-page__block--fee dl dt {
    width: 100px;
    font-weight: normal;
}
.membership-page__block--application dl {
    margin-bottom: 30px;
}
.membership-page__block--application dl dt {
    width: 100px;
    font-weight: normal;
    color: #99ccff;
}
.membership-page__form-btn {
    text-align: center;
}
.membership-page__form-btn a {
    display: inline-block;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 15px 35px;
    border-radius: 5px;
}
.membership-page__form-btn a:hover {
    text-decoration: none;
    opacity: .6;
}

/* 下層-採用情報 */
.recruit-page__top {
    margin-bottom: 30px;
}
.recruit-page__top img {
    width: 100%;
}
.recruit-page .fixedPage__inner--title h3 {
    font-size: 32px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
}
.recruit-page__contents table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 40px;
}
.recruit-page__contents tr th {
    width: 26%;
    padding: 15px;
    border-right: 1px solid #e6e6e6;
    font-weight: normal;
}
.recruit-page__contents tr td {
    padding: 15px;
}
.recruit-page__contents tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.recruit-page__contents--btn {
    margin: 0 auto;
}


/* 下層-会社案内 */
.company-page__inner {
    /*display: flex;*/
    padding-top: 20px;
    margin-bottom: 100px;
}
.company-page__inner--description {
    /*width: 60%;*/
    /*margin-right: 10%;*/
    margin-bottom: 20px;
}
.company-page__inner--description p {
    line-height: 2;
}
.company-page__inner--presidentName {
    text-align: right;
    padding-right: 40px;
}
.presidentName-txt {
    font-family:  "HGP行書体", "HGP明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif; 
    font-size: 24px;
}
.company-page__inner--presidentImage {
    width: 30%;
}
.company-page__inner--presidentImage img {
    width: 100%;
}

/* 下層-店舗一覧 */
.shoplist-page__top--map {
    width: 80%;
    margin: 0 auto;
}
#oukoku-hokkaido-tooltip,
#oukoku-toyama-tooltip,
#oukoku-ishikawa-tooltip,
#oukoku-tokyo-tooltip,
#oukoku-kanagawa-tooltip,
#oukoku-aichi-tooltip,
#oukoku-osaka-tooltip,
#oukoku-fukuoka-tooltip,
#fromagerie-paris-tooltip,
#fromagerie-miyagi-tooltip,
#fromagerie-tokyo-tooltip,
#fromagerie-saitama-tooltip,
#fromagerie-kyoto-tooltip,
#fromagerie-fukuoka-tooltip {
    display: none;
}
.tooltip-box {
    position: absolute;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #d1c0a6;
}
.tooltip-title {
    margin: 0;
    color: #000;
    font-size: 16px;
    text-align: center;
}
.shoplist-page__block {
    display: inline-flex;
    flex-wrap: wrap;
}
.shoplist {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}
.shoplist-item {
    width: 45%;
    margin-right: 5%;
}
.shoplist-item:nth-child(even) {
    margin-right: 0;
}
.shoplist-page__area--widthFull {
    width: 100%;
}
.shoplist-page__area--widthHalf {
    width: 50%;
}

.shoplist-page__top h3 {
    margin-bottom: 20px;
}
.shoplist-page__top .shoplist-page__top--txt {
    display: inline-block;
    margin-bottom: 40px;
}
.shoplist-page__top img {
    width: 100%;
    margin-bottom: 50px;
}
.shoplist-page__image img {
    width: 100%;
    margin-bottom: 50px;
}
 
.shoplist-page__block h3 {
    border-left: 10px solid #ff7b11;
    padding: 8px;
}
.shoplist-page__block .shoplist-page__block--ttlBlue {
    border-left: 10px solid #1a46a0;
    padding: 8px;
}
.shoplist-page__block--area {
    display: inline-block;
}

.shoplist-page__block--area--shop {
    /*width: 46%;*/
    margin-right: 8%;
    margin-bottom: 60px;
}
.shoplist-page__block--area--shop:nth-child(even) {
    margin-right: 0;
}
.shop-address {
    margin-bottom: 20px;
}
.shoplist-item__detail {
    margin-top: 10px;
}
.shoplist-item__detail a {
    color: #c6a850;
}
.shoplist-item__detail a:hover {
    text-decoration: none;
    color: #c6a850;
    opacity: .6;
}
.shoplist-item__detail .fa-play-circle {
    color: #ff7b11;
    margin-left: 15px;
}

/* 下層 業務卸売販売ページ */
.kotobuki-page__faq--ttl {
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    color: #c6a850;
    margin-top: 30px;
    cursor: pointer;
}
.icon-downArrow {
    margin-left: 10px;
}
.fa-caret-down {
    color: #fff;
    font-size: 10px;
    padding: 4px 5px;
    background-color: #ff7b11;
    border-radius: 50%;
    vertical-align: middle;
}
.kotobuki-page__faq--txt {
    display: none;
}
.kotobuki-page__faq--txtUnderLine {
    text-decoration: underline;
}

.kotobuki-page__lead {
    font-size: 18px;
}
.kotobuki-page__faq {
    margin-bottom: 70px;
}

.kotobuki-page__profile--box {
    width: 100%;
    display: flex;
}
.kotobuki-page__profile--boxLeft {
    width: 25%;
}
.kotobuki-page__profile--boxLeft img {
    width: 100%;
    padding-left: 10px;
    padding-right: 25px;
}
.kotobuki-page__profile dt {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}
.kotobuki-page__profile .kotobuki-page__profile--companyName {
    display: block;
    font-size: 22px;
    color: #c6a850;
    margin-bottom: 30px;
}
.kotobuki-page__profile--en {
    font-size: 12px;
    display: block;
}
.kotobuki-page__profile--boxRight ul li {
    margin-bottom: 30px;
}
.kotobuki-page__contents--btn {
    margin-top: 20px;
}

/* 下層 チーズビュッフェ */
.buffet-page__top__image {
    margin-bottom: 30px;
}
.buffet-page__top__image img {
    width: 100%;
}
.buffet-page__inner__block {
    margin-bottom: 60px;
}
.buffet-page__inner__block--note {
    padding: 30px 50px;
    background-color: #fef5d4;
    font-size: 15px;
}
.buffet-page__inner__block iframe {
    margin-top: 20px;
}

.buffet-page__inner__block dl {
    display: flex;
}

.buffet-page__inner__block dl dt {
    width: 80px;
    display: inline-table;
}
.buffet-page__inner__block dl dd {
    /*display: inline-block;*/
    font-weight: bold;
}
.buffet-page__inner__block__txt {
    display: block;
    line-height: 2;
}
.buffet-page__inner__block__txt--bold {
    font-weight: bold;
}
.buffet-page__inner__block__txt--normal {
    font-weight: normal;
}
.buffet-page__block--indentS {
    padding-left: 1em;
}
.buffet-page__block--indentM {
    padding-left: 2em;
}
.disabled {
    background-color: #e1e1e1;
}
.buffet-page__inner__block--attention {
    margin-bottom: 60px;
}


/* マイページ・新規会員登録・カート・問い合わせフォーム */
.ec-borderedDefs dl {
    padding: 15px 15px 5px;
    border-bottom: 1px solid #ccc;
}
.contact-btnArea {
    padding-top: 10px;
    padding-bottom: 25px;
}
.ec-off4Grid .ec-off4Grid__cell {
    margin: 0 auto;
}
.ec-reportHeading {
    border-top: hidden;
}
.btn__action {
    /*text-align: center;*/
    margin: 0 auto;
    width: 170px;
}
.btn__action .btn__proceed {
    display: inline-block;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 15px 35px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.btn__action .btn__proceed:hover {
    opacity: .6;
    text-decoration: none;
}
.btn__action .btn__return {
    display: inline-block;
    background-color: #525263;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 15px 35px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}
.btn__action .btn__return:hover {
    opacity: .6;
    text-decoration: none;
}
.ec-grid2__cell--loginBtn {
    margin-bottom: 10px;
}
.ec-required {
    margin-left: 0;
    color: #d22626;
    vertical-align: 0;
    font-size: 14px;
}
.ec-para-normal {
    margin-bottom: 30px;
}
.ec-contact-back {
    background-color: #f7f7f7;
}
.entry-confirm__head {
    margin-bottom: 20px;
}
.entry__policy label {
    margin-bottom: 10px;
}

/* マイページ */
.ec-off2Grid .ec-off2Grid__cell {
    width: 100%;
    margin: 0;
}
.ec-login .ec-login__link {
    margin: 0;
}
.ec-favoriteRole .ec-favoriteRole__item {
    width: 50%;
}
.ec-favoriteRole .ec-favoriteRole__item-image {
    height: initial;
}
.ec-naviHead {
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}
.ec-mypageRole__tag {
    margin-bottom: 20px;
    padding: 0;
    border-bottom: 1px dotted #333;
}
.ec-navlistRole .ec-navlistRole__item a {
    height: 100%;
    padding: 10px;
}
.ec-navlistRole .active a {
    color: #fff;
    background-color: #ffa500;
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 100%;
}
.ec-navlistRole .active a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 15px solid #ffa500;
}
.ec-navlistRole .active a:hover {
    background-color: #ffa500;
    opacity: .6;
}
/*
.mypage__btn {
    text-align: center;
}
.mypage__btn button,
.mypage__btn a {
    display: inline-block;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 15px 35px;
    border-radius: 5px;
}
.mypage__btn button:hover,
.mypage__btn a:hover {
    opacity: .6;
    text-decoration: none;
}
*/

/* 新規会員登録 */
/*
.entry__btn .ec-blockBtn--action {
    display: inline-block;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 15px 35px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.entry__btn .ec-blockBtn--cancel {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 35px;
    border-radius: 5px;
}
.entry__btn .ec-blockBtn--action:hover {
    opacity: .6;
    text-decoration: none;
}
.entry__btn .ec-blockBtn--cancel:hover {
    opacity: .6;
    text-decoration: none;
}
*/
.entry__block {
    display: block;
}
.ec-checkbox {
    text-align: center;
}
.ec-off3Grid .ec-off3Grid__cell {
    margin: 0;
    width: 100%;
}

/* カート */
/*
.cart__btn .ec-blockBtn--action {
    display: inline-block;
    background-color: #ff7b11;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}
.cart__btn .ec-blockBtn--cancel {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 35px;
    border-radius: 5px;
    
}
.ec-blockBtn--action,
.ec-blockBtn--cancel {
    border: none;
    line-height: 30px;
}
.cart__btn .ec-blockBtn--action:hover,
.cart__btn .ec-blockBtn--cancel:hover {
    opacity: .6;
}
*/
.ec-cartRole {
    padding: 0;
}
.ec-cartRole .ec-cartRole__cart {
    margin: 0;
}
.ec-cartHeader .ec-cartHeader__label {
    padding: 5px;
}
.ec-cartRole .ec-cartRole__actions {
    width: 30%;
    margin-right: 0;
}
.ec-blockBtn--shipping {
    margin: 20px 0 10px;
}
.ec-AddAddress {
    margin: 0;
    padding: 0;
}
.ec-orderRole .ec-orderRole__summary {
    padding: 0;
}
.ec-totalBox .ec-totalBox__price {
    font-size: 20px;
}
.ec-orderRole__detail {
    font-size: 14px;
}
.cart__grid {
    display: block;
}
.cart__grid--cell {
    width: 100%;
}
.cart__grid--cell--login {
    margin-bottom: 20px;
}
/** クーポンプラグイン **/
.ec-orderCoupon {
    display: none;
}
/** GMOペイメントプラグイン **/
#gmo_payment_gateway_credit_form .dl_table dt, 
#gmo_payment_gateway_credit_form .dl_table dd {
    display: block;
}
#shopping_order_payment_type_0_body dt {
    width: initial;
}
/*
.ec-grid3 {
    display: block;
}
*/





/* 商品一覧 */
.ec-role-top {
    position: relative;
    top: -200px;
}
/** 上の余白リセット **/
.ec-newItemRole {
    padding: 0;
    /*margin-right: 1vw;*/
}
/** 在庫切れ **/
.mainListM__item--stock {
    background: rgba(248,248,248);
    /*opacity: .7;*/
}
.mainListM__item--stock .mainListM__item--image,
.mainListM__item--stock .mainListS__item--tag,
.mainListM__item--stock .mainListM__item--title,
.mainListM__item--stock .mainListM__item--description,
.mainListM__item--stock .price02-default {
    opacity: .7;
}
.mainListM__item--stock .tag_image {
    /*opacity: .8;*/
}


/* 商品一覧上位2記事 */
    .ec-newItemRole__list_top {
        display: flex;
        /*height: 300px;*/
    }
    .ec-newItemRole__list_top .ec-newItemRole__listItem_top {
        width: calc(50% - 10px);
        margin:0 10px 10px 0;
        background-color: #ffffff;
        padding: 10px;
        padding-bottom: 40px;
        position: relative; /**左上タグ用**/
    }
    .ec-newItemRole__listItem_top h3 {
        position: relative;
        display: inline-block;
            /*display: inline-block;
            background: linear-gradient(transparent 70%, #f3f76f 65%);*/
        font-weight: bold; 
        background: linear-gradient(transparent 60%, #f5f542 60%);/** マーカー **/
    }


    .ec-newItemRole__list_top .ec-newItemRole__listItem_top:nth-child(2n) {
        margin-right: 0;
    }
    .ec-newItemRole img {
        /*height: 70%;
        object-fit: cover;*/
    }
    /** 左上タグ表示 **/
    .ec-newItemRole__listItem_top .tag_image {
        width: 100px;
        height: auto;
        z-index: 1; /*z-index: 10*/
        position: absolute;
        top: 0;
        left: 0;
    }
    /** 説明文 **/
    .ec-newItemRole__listItem_top .ec-newItemRole__listItemDescription {
        font-size: 14px;
        color: #000000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 1.8em;
        line-height:1.8em;
    }

    /*  商品一覧3番目以降 */
    /**.ec-newItemRole__list {
        height: 250px;
    }**/
    .ec-newItemRole .ec-newItemRole__listItem {
        /*margin: 0;*/
        width: calc(33.333% - 10px);
        /*height: 250px;*/
        margin:0 15px 15px 0;
        background-color: #ffffff;
        padding: 8px;
        position: relative;
    }
    .ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
        margin-right: 15px;
    }
    .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
        margin-right: 10px;
    }
    .ec-newItemRole .ec-newItemRole__listItem:nth-child(3n) {
        margin-right: 0;
    }
    .ec-newItemRole__listItem img {
        /*height: 55%;
        object-fit: cover;*/
    }
    /** 左上タグ表示 **/
        .ec-newItemRole__listItem .tag_image {
        width: 100px;
        height: auto;
        z-index: 1; /*z-index: 10*/
        position: absolute;
        top: 0;
        left: 0;
    }
    /** 説明文 **/
    .ec-newItemRole__list .ec-newItemRole__listItemDescription {
        font-size: 14px;
        color: #000000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 3.6em;
        line-height:1.8em;
    }
    .ec-categoryRole__listItem a {
        color: #000;
    }
    /** 画像サイズ指定 **/
    .thumbnail {
        background-size: cover;
        background-position: center center;
        padding-top: 56.25%;
        width: 100%;
        margin-bottom: 0;
    }
    .mainListM__item--stockBtn {
        height: 40px;
        width: 100%;
        line-height: 40px;
        padding: 0;
        position: absolute;
        top: 36%;
        left: 0;
        background-color: #f8f8f8;
        color: #65977e;
        font-weight: bold;
        font-size: 14px;
    }
    .ec-blockBtn--action[disabled] {
        opacity: 1;
    }


/**
.ec-newItemRole__list_new {
    position: absolute;
    color: #000000;
    padding: 20px;
    background-color: #ff7e00;
    border-radius: 50%;
    font-family: 'Comic Sans MS';
    text-shadow: 1px 1px 0 #ffffff,
               -1px 1px 0 #ffffff,
               1px -1px 0 #ffffff,
               -1px -1px 0 #ffffff;
  
}
.ec-newItemRole__list_osusume {
    position: absolute;
    color: #000000;
    text-align: center;
    font-size: 12px;
    padding: 20px;
    background-color: #f3f76f;
    border-radius: 50%;
    
    font-family: 'Comic Sans MS';
    text-shadow: 1px 1px 0 #ffffff,
               -1px 1px 0 #ffffff,
               1px -1px 0 #ffffff,
               -1px -1px 0 #ffffff;
  
}
 **/

/** 画像下タグ表示 **/
.tag_display {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 15px;
    border: 1px solid #000000;
    border-radius: 5px;
    opacity: .6;
    color: #000000;
    font-size: 12px;
}
.tag_display img {
    max-width: 20px;
}
/** ページネーション **/
.ec-pager__sp {
    display: none;
}
.ec-pager {
    display: inline-flex;
}
.ec-pagerRole {
    text-align: center;
}
.ec-pager__items {
    line-height: 26px;
}
.ec-pager__previous,
.ec-pager__next,
.ec-pager__item {
    display: inline-block;
}
.ec-pager .ec-pager__item--active a {
    text-decoration: underline;
}
.ec-pager .ec-pager__item a, 
.ec-pager .ec-pager__item--active a {
    padding: 0;
    line-height: 1;
}

/*
.ec-pager__item {
    border-right: solid 1px #333;
}
*/
.ec-pager__items .ec-pager__item {
    border-right: solid 1px #333;
}
.ec-pager__items .ec-pager__item:last-child {
    border-right: none;
}



.ec-pager__previous {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 20px;
    border-right: solid 1px #000;
    position: relative;
}
.ec-pager__previous:before {
    content: "\f0d9";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    padding: 3px 12px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    left: -40px;
    top: -3px;
}
.ec-pager__next {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    border-left: solid 1px #000;
    border-right: none;
    position: relative;
}
.ec-pager__next:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    padding:3px 12px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    right: -40px;
    top: -3px;
}
.ec-pager .ec-pager__previous--active a,
.ec-pager .ec-pager__next--active a {
    color: #ff7e00;
    
}
.ec-pager .ec-pager__previous--active:before {
    background-color: #ff7e00;
}
.ec-pager .ec-pager__next--active:after {
    background-color: #ff7e00;
}
.ec-pager__next--active:hover,
.ec-pager__previous--active:hover {
    opacity: .6;
}
.ec-pager__next--active a:hover,
.ec-pager__previous--active a:hover {
    text-decoration: none;
}






/* /商品一覧 */

/* サイドバー */
.ec-layoutRole__right {
    /*padding-right: 80px;*/
}
.ec-sidebar_category {
    margin-left: 10px;
}
.ec-sidebar_category-top {
    margin-top: -170px;
}
.ec-sidebar_category-under {
    /*margin-top: 100px;*/
    margin-top: -70px;
    /*margin-left: 10px;*/
}
.ec-sidebar_category_items {
    height: auto;
    background-color: #ffffff;
    padding: 5px;
    position: relative;
}
.ec-sidebar_category_items .branch {
    width: 60px;
    position: absolute;
    top: -10px;
    right: 0;
}
.ec-sidebar_category_items h2 {
    background-color: #cfcfcf;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
}
.ec-sidebar_category_items h2 img {
    vertical-align: bottom;
}

.fa-shopping-cart,
.fa-book-open,
.fa-plus-circle{
    margin-right: 8px;
}
.side_list_img img {
    width: 25px;
    margin:0 10px;
}
.side_list_img ul {
    padding-left: 50px;
}
.ec-sidebar_category_items nav {
    margin-top: 10px;
    margin-bottom: 20px;
}
.ec-sidebar_category_items li {
    margin-bottom: 10px;
}
.ec-sidebar_category_items a {
    color: #000000;
}
.ec-sidebar_banner img {
    max-width: 100%;
    margin-top: 15px;
}

.side_book,.side_cart,.side_event {
    width: 20px;
    margin-right: 10px;
}
.ec-sidebar_category ul {
    font-size: 12px;
}
.menu__item__link,
.menu__item__link--dot {
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
.menu__item__link:before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f055";
    color: #000;
    margin-right: 5px;
}
.menu__item__link.on:before {
    content: '\f056';
}
.menu__item__link--dot:before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f192";
    color: #000;
    margin-right: 5px;
}
.submenu {
    display: none;
}
.submenu__items {
    margin-left: 45px;
    padding-bottom: 10px;
}
.submenu img {
    width: 10px;
    margin-right: 5px;
}
.submenu .submenu__item--text {
    vertical-align: middle;
}

.ec-sidebar_category_items li {
    margin-bottom: 0px;
}
.ec-sidebar_category_items ul li {
    margin-bottom: 10px;
}
.ec-sidebar_category li a {
    text-decoration: none;
}
.ec-sidebar_category li a:hover {
    opacity: .6;
}

/* 特定商取引ページ */
/*
.ec-label {
    margin-bottom: 0;
}
.ec-borderedDefs dl {
    padding: 15px 0;
    border: 1px solid #eee;
}
.ec-borderedDefs dt {
    padding-top: 0;
    line-height: 1;
    font-weight: bold;
}
.ec-borderedDefs dd {
    line-height: 1;
}
.fixedPage_tradelaw dl:nth-child(odd) {
    background-color: #eee;
}
*/
.li-indent {
    padding-left: 2em;
    /*text-indent: -1em;*/
    padding-top: 5px;
    padding-bottom: 5px;
}
.fixedPage_tradelaw table {
    width: 100%;
    table-layout: fixed;
}
.fixedPage_tradelaw tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.fixedPage_tradelaw tr {
    border: 1px solid #e6e6e6;
    vertical-align: top;
}
.fixedPage_tradelaw tr th {
    width: 26%;
    padding: 15px;
    border-right: 1px solid #e6e6e6;
    font-weight: normal;
}
.fixedPage_tradelaw tr td {
    padding: 15px;
}
.tradelaw-delivery__indent {
    display: flex;
    padding-left: 2em;
    border-bottom: dotted 1px #333;
    padding-bottom: 10px;
}
.tradelaw-delivery__ttl {
    display: flex;
    align-items: center;
}
.tradelaw-delivery__ttl:after {
    content: "";
    flex-grow: 1;
    border-top: 1px dotted #333;
    display: block;
}
.tradelaw-delivery__ttl:before {
    margin-right: .4em;
}
.tradelaw-delivery__ttl:after {
    margin-left: .4em;
}
.fixedPage_tradelaw table .tradelaw-delivery__table {
    width: 100%;
}
.fixedPage_tradelaw tr td .tradelaw-delivery__table td {
    padding: 0;
}
/*
.tradelaw-delivery__table tr:nth-child(odd) {
    background-color: #fff;
}
*/
.tradelaw-delivery__table tr {
    border: none;
}
.tradelaw-delivery__table--price {
    text-align: left;
    width: 210px;
}
.tradelaw-delivery__table--fee {
    text-align: left;
}
.tradelaw-delivery__table--fee--indent {
    text-indent: 0.5em;
}
.fixedPage_tradelaw tr td .tradelaw-delivery__table .tradelaw-delivery__table--price--first {
    padding-left: 4em;
}






ul#NodeMenu li {
    margin:5px 0; padding:0;
    list-style:none;
}
ul#NodeMenu a {
    text-decoration:none;
    display:block;
    padding:2px 0;
}
ul#NodeMenu a:hover {
    color:red;
}
ul#NodeMenu span.parent { /* 親テキスト */
    color:gray; 
  font-weight:bold;
}
ul#NodeMenu div.indent {
    margin-left:1em;
}
.kunikara{
    cursor:pointer;
  }
  .france{
    display: none;
  }
  .active{
    color: red;
  }
  li {
    list-style:none;
  }
  
  
  .active {
    background:url(images/i_swich.png) 177px 18px no-repeat;
    color: blue;
    
  }
  
  





/* /サイドバー */




/*
.ec-newItemRole_recommended {
    width: 75%;
    padding-left: 80px;
    padding-right: 15px;
}
.ec-newItemRole___recommended_list {
    display:flex;
    justify-content: space-between;
}

.ec-newItemRole___recommended_listItem {
width: calc(25% - 10px);
}
.ec-newItemRole___recommended_listItem img {
    max-width: 100%;
}
.ec-recommended_cheese_image img {
    max-width: 100%;
}

*/


/* フッター */
/** 境界ウェーブ **/
/*
.ec-layoutRole__footer {
  position: relative;
}
.ec-layoutRole__footer:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 55%;
  height: 120px;
  background-color: #f0f0ed;
  right: -5px;
  top: -50px;
}
.ec-layoutRole__footer:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 30%;
  width: 55%;
  height: 120px;
  background-color: #ffffff;
  left: 0;
  top: -80px;
}
*/



/* 商品詳細 */
.ec-numberInput {
    display: none;
}
.ec-productRole {
    width: initial;
    max-width: initial;
}
.ec-productRole__pre {
    z-index: 0;
    width: 100%;
    background-image: url(/cheese/eccube/html/user_data/mainvis.png);
    height: 250px;
    position: relative;
    top: -30px;
    margin-top: -30px;
}
.ec-sliderItemRole {
    margin: 0;
    padding: 0;
}
.ec-productRole__pre--Title {
    max-width: 1000px;
    margin: 0 auto;
}
.ec-productRole__pre--Title--heading {
    width: 75%;
    text-align: center;
    font-weight: bold;
    line-height: 210px;
    font-size: 26px;
}
.ec-productRole .ec-productRole__profile {
    margin: 0;
}
.ec-productRole {
    margin-top: 100px;
    margin-top: -70px;
    padding-left: 0;
}
.ec-grid2 {
    background-color: #fff;
    padding: 60px 60px 30px 60px;
    display: block;
    margin-right: 10px;
}
.ec-grid2 .ec-grid2__cell {
    width: 100%;
}
.slideThumb {
    display: none;
}
.ec-productRole__title,
.ec-productRole__price,
.ec-productRole__actions {
    text-align: center;
    margin-top: 30px;
}
.ec-productRole .ec-productRole__btn {
    margin: 0 auto;
    margin-top: 15px;
}
.ec-productRole__title--includeTag {
    display: inline-block;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
    text-align: left;
    font-weight: bold;
    font-size: initial;
    margin: 0;
}
.ec-productRole__title--includeTag--tag {
    margin-bottom: 10px;
    vertical-align: middle;
}
.ec-productRole__title--includeTag h2 {
    font-weight: bold;
}
.category_display {
    width: 5%;
    display: inline-block;
}
.ec-productRole__price .ec-price {
    color: #525263;
}
.ec-productRole .ec-productRole__price {
    font-size: 24px;
    border: none;
}
.ec-productRole .ec-productRole__btn {
    width: 30%;
    min-width: 260px;
}
.ec-productRole__btn--cart,
.ec-productRole__btn--soldout,
.ec-productRole__btn--favorite,
.ec-productRole__btn--already{
    border-radius: 10px;
}
.ec-productRole__btn--cart {
    background-color: #ff7e00;
}
.ec-productRole__description {
    margin-top: 30px;
}
.ec-productRole__custom {
    margin-top: 70px;
    margin-bottom: 20px;
}
.ec-productRole__custom-title {
    width: 100%;
    font-size: 24px;
    color: #be9b33;
    /*
    border-bottom: 1px dotted #be9b33;
    padding-bottom: 10px;
    */
}
.ec-productRole__custom-title:empty {
    display: none;
}
.ec-productRole__custom-description {
    margin-top: 20px;
    /*margin-bottom: 50px;*/
    margin-bottom: 30px;
}
.ec-productRole__custom-image {
    margin-bottom: 30px;
    text-align: center;
}
.ec-productRole__custom-movie {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.ec-productRole__custom-movie iframe {
    width: 80%;
}

/* ログイン */
.ec-login__pre {
    z-index: 0;
    width: 100%;
    background-image: url(/cheese/html/user_data/mainvis.png);
    height: 250px;
    /*position: relative;
    top: -30px;*/
    margin-top: -30px;
}
.ec-login__pre--Title {
    max-width: 1000px;
    margin: 0 auto;
}
.ec-login__pre--Title--heading {
    width: 75%;
    text-align: center;
    font-weight: bold;
    line-height: 210px;
}


/**オススメレシピ**/
.ec-productRole__recipe--title {
    display: block;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #c2714a;
}
.ec-productRole__recipe--listItem--description--title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.ec-productRole__recipe--list {
    display: flex;
    justify-content: space-around;
    margin: 0 40px;
}
.ec-productRole__recipe--listItem {
    width: calc(100%/2 - 10px);
    margin: 0;
    padding: 8px 15px;
}
.ec-productRole__recipe--listItem--description--p {
    font-size: 14px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 3.6em;
    line-height: 1.8em;
}
.recipe-block__list--image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    object-fit: cover;
}

/** オススメレシピ **/

/** 関連する商品と記事 **/
.relation_list {
    max-width: 1000px;
    margin: 0 auto;
}
.relation_listItemRole {
    max-width: 1000px;
    padding-top: 10px;
    margin: 0 auto;

}
.relation_listItemRole__list {
    display: flex;
}
.relation_listItemRole__list-listItem {
    width: calc(100% / 4);
    height: auto;
    margin: 0 0 15px 0;
    background-color: #ffffff;
    padding: 8px;
}
.relation_listItemRole__list-listItem--img img {
    width: 100%;
}
.relation_listItemRole__list-listItem--description--Title {
    margin: 8px 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.relation_listItemRole__list-listItem--description--p {
    font-size: 14px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.8em;
    line-height: 1.8em;
}
.relation_listItemRole__heading {
    background-color: #ff7e00;
    color: #fff;
    padding: 16px 12px;
}
.relation_listItemRole__heading h2 {
    font-size: 18px;
}


/** 一覧に戻る **/
.ec-ItemsList__return {
    text-align: center;
    margin: 100px 0;
}
.fa-caret-left {
    padding: 10px 15px;
    background-color: #ff7e00;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
}
.ec-ItemsList__return--btn {
    color: #ff7e00;
}
.ec-ItemsList__return--btn--fas {
    margin-right: 15px;
}




@media only screen and (max-width: 1200px) {
    .slick-slide {
        max-width: 1200px;
        width: 100%;
    }
    .slick-slide img {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .ec-headerRole {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ec-layoutRole .ec-layoutRole__contents {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    
    .mainListM,
    .ec-sidebar_category-top {
        margin-top: -160px;
    }
    
    /* スライダー */
    .slick-slide_title__h2--pc {
        font-size: 70px;
    }
    .slick-slide_title .h2_previous {
        font-size: 15px;
    }
    .slick-slide_title .h2_back {
        font-size: 20px;
    }
    .slick-slide_title .p_title {
        font-size: 14px;
    }
    .slick-slide_title .p_description {
        font-size: 12px;
    }
    .slick-slide_title p {
        margin-top: 20px;
    }
    .slick-slide__top img {
        width: 1200px;
        /*height: 400px;*/
        margin: 0 auto;
        object-fit: cover;
    }
    
    /* 下層 保存方法 */
    .exception-imageBox-marginTop {
        margin-top: 0;
    }
    
}
    

@media only screen and (max-width: 900px) {
   
    .header {
        padding-bottom: 10px;
    }
    .header__inner {
        margin: 5px;
    }
    .header__inner--sp p {
        display: block;
        font-size: 8px;
        margin-left: 5px;
    }
    .header__inner--nav p,
    .header__inner--nav--pc {
        display: none;
    }
    .header__inner--nav--sp {
        display: block;
        font-size: 10px;
    }
    .header__inner--nav ul li+li {
        border: none;
    }
    .ec-headerRole .header__inner--nav--sp img {
        margin-bottom: 5px;
    }
    .header__search {
        padding-left: 10px;
        padding-right: 10px;
    }
    .header__border--bottom {
        margin-bottom: 10px;
    }
    
    #modal-content ul {
        display: block;
    }
    #modal-content li {
        display: block;
        text-align: center;
    }
    #modal-content li + li {
        border-top: solid 1px black;
    }
    .ec-select_search,
    .category_id {
        display: none;
    }

    /* スライド */
    .slick-slide_title {
        left: 55%;
    }
    .slick-slide_title__h2--pc {
        display: none;
    }
    .slick-slide_title__h2--sp {
        display: block;
        font-size: 70px;
    }
    .slick-slide_title__h2--sp {
        display: block;
        font-size: 60px;
    }
    .slick-slide_title .h2_previous {
        font-size: 14px;
    }
    .slick-slide_title .h2_back {
        font-size: 16px;
    }
    .slick-slide_title .p_title {
        font-size: 12px;
    }
    .slick-slide_title .p_description {
        font-size: 10px;
    }
    .slick-slide_title p {
        margin-top: 20px;
    }
    .slick-slide__top img {
        width: 1000px;
        /*height: 400px;*/
        margin: 0 auto;
        object-fit: cover;
    }
    
    /*メインコンテンツ*/
    .mainListM,
    .ec-sidebar_category-top {
        margin-top: -140px;
    }
    
    /* フッター */
    .footerNav__inner--list {
        display: inline-flex;
        justify-content: space-around;
    }
    .footerNav__inner--list--column {
        width: 33%;
    }
    .footerNav__inner--list--column {
        margin-bottom: 30px;
    }
    
    /* 商品詳細 */
    .product-prices__select {
        display: block;
    }

}

@media(min-width: 768px) {
    /* カートボタン */
    .ec-cartNavi {
        padding: 10px 17px 10px;
        margin-right: 10px;
        height: 40px;
    }
    /* 下層-店舗一覧 */
    .shoplist-page__block a[href^="tel:"] {
        pointer-events: none;
        color: #525263;
    }
    /* 下層 チーズビュッフェ */
    .buffet-page a[href^="tel:"] {
        pointer-events: none;
        color: #525263;
    }
    
    /*メインコンテンツ幅 */
    /*.ec-layoutRole .ec-layoutRole__mainWithColumn {*/
    /*    width: 100%;*/
    /*}*/
    /*.ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {*/
    /*    width: 30%;*/
    /*}*/
}

@media only screen and (max-width: 769px) {
    .ec-headerRole {
        padding-left: 0;
        padding-right: 0;
    }
    
    .header__inner--nav ul {
        font-size: 10px;
    }
    .ec-cartNavi {
        padding: 14px 20px 0px;
    }
    #product-search {
        margin-right: 0;
    }
    
    /* スライド */
    .ec-sliderRole {
        position: initial;
        margin-top: -20px;
    }
    .slick-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 8%;
        text-align: center;
    }
    .slick-slide__top .onlyPc {
        display: none;
    }
    .slick-slide__top .onlySp {
        display: block;
    }
    
    .main_visual .slick-slide__top {
        width: 100%;
    }
    .slick-slide__top .onlySp {
        width: 767px;
        /*height: 400px;*/
        margin: 0 auto;
        object-fit: cover;
    }
    .ec-layoutRole .ec-layoutRole__left, 
    .ec-layoutRole .ec-layoutRole__right {
        display: none;
    }
    /* メインコンテンツ */
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        width: 100%;
    }
    /*
    .ec-layoutRole .ec-layoutRole__contents {
        position: relative;
        top: -100px;
    }
    */
    .mainListM {
        margin-top: -30px;
        justify-content: space-between;
    }
    .box__rightSpace {
        display: none;
    }
    .main__innerContents {
        width: 100%;
    }
    .mainListS__title {
        text-align: center;
    }
    
    .imageArea .imageArea__cheeseProduce {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .item__tag {
        font-size: 10px;
    }
    
    /*商品詳細*/
    .ec-grid2 {
        margin-right: 0;
    }
    .ec-productRole {
        margin-top: -30px;
        /*margin-left: 10px;*/
        /*margin-right: 10px;*/
    }
    .ec-productRole__pre--Title--heading {
        width: 100%;
        font-size: 28px;
    }
    .recipe-block__title {
        text-align: center;
    }
    .relaton-list {
        margin-right: 0;
    }
    .ec-productRole .btn-return-list {
        display: none;
    }
    .ec-productRole .btn-return-list-sp {
        display: block;
        text-align: center;
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .ec-productRole .btn-return-list-sp a {
        display: inline-block;
        text-decoration: none;
        position: relative;
        color: #333;
    }
    .ec-productRole .btn-return-list-sp a:before {
        content: "\f0d9";
        font-family: "Font Awesome 5 Free";
        font-weight:900;
        padding: 3px 12px;
        border-radius: 50%;
        color: #fff;
        font-size: 18px;
        background-color: #ffdf5b;
        position: absolute;
        left: -40px;
        top: -3px;
    }
    
    /* 下層ページタイトル帯 */
    .titleArea,
    .titleArea__reading {
        margin-top: 0;
        height: 200px;
    }
    
    .titleArea__inner {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .titleArea__inner--heading {
        display: none;
        /*height: 170px;*/
        /*padding-top: 0;*/
        /*text-align: center;*/
    }
    .titleArea__inner--heading--sp {
        width: 100%;
        height: 170px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        display: table-cell;
        vertical-align: middle;
    }
    .titleArea__inner--heading--sp--place {
        display: inline-block;
        text-align: left;
    }
    .titleArea__inner--heading--sp h2,
    .titleArea__inner--heading--sp span {
        font-weight: bold;
    }
    .titleArea__inner--heading--sp h2 {
        font-size: 24px;
    }
    .titleArea__inner--heading--sp span {
        text-align: left;
        font-size: 12px;
    }
    
    /* 関連する商品と記事 */
    .relaton-list__title {
        background-color:#c2714a;
        text-align: center;
    }
    
    /* 一覧ページ */
    .ec-shelfRole {
        padding-left: 0;
        padding-right: 0;
    }
    .ec-searchnavRole {
        margin-top: -50px;
    }
    .price02-default {
        display: none;
    }
    
    /* 記事一覧 */
    .contents__underPage {
        margin-top: -30px;
    }
    .articleList {
        /*margin-left: 10px;*/
        /*margin-right: 10px;*/
    }
    
    /* 記事詳細 */
    .itemDetail {
        /*margin-left: 10px;*/
        margin-right: 0;
        margin-top: -30px;
    }
    .fixedPage__group {
        margin-right: 0;
        margin-top: -40px;
    }
    .article-relation .btn-return-list {
        display: none;
    }
    .article-relation .btn-return-list-sp {
        display: block;
        text-align: center;
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .article-relation .btn-return-list-sp a {
        display: inline-block;
        text-decoration: none;
        position: relative;
        color: #333;
    }
    .article-relation .btn-return-list-sp a:before {
        content: "\f0d9";
        font-family: "Font Awesome 5 Free";
        font-weight:900;
        padding: 3px 12px;
        border-radius: 50%;
        color: #fff;
        font-size: 18px;
        background-color: #ffdf5b;
        position: absolute;
        left: -40px;
        top: -3px;
    }
    
    
    
    
    
    /* フッター */
    .footer_image img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .bottomArea__inner {
        width: 100%;
    }
    .bottomArea__inner img {
        padding-right: 8px;
        padding-left: 8px;
    }
    .foot-wrap__inner {
        border-bottom: none;
        padding-bottom: 0;
    }
    .footerNav__border {
        display: block;
        border-top: solid 1px #000;
        width: 95%;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 50px;
    }
    
    .foot-wrap__inner {
        display: inline-flex;
        flex-wrap: wrap;
        text-align: center;
    }
    .foot-wrap__inner--column {
        display: flex;
        width: 33%;
        /*margin: 30px auto;*/
        font-size: 10px;
    }
    .foot-wrap__inner--column ul {
        margin: 0 auto;
    }
    .foot-wrap__inner--column--spBottom {
        width: 50%;
        background-color: #f7f6f1;
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 30px;
    }
    .footer-wave {
        margin-top: -330px;
    }
    
    
    /* サイドバー */
    .ec-sidebar_category .ec-sidebar_category-top {
        display: none;
    }
    
    /* カート */
    .ec-cartRole .ec-cartRole__actions {
        width: 100%;
    }
    
    /* 下層 保存方法 */
    .preserve-page__block {
        display: block;
    }
    .exception-txt {
        font-size: 18px;
    }
    
    /* マイページ */
    .ec-navlistRole .active a:before {
        content: none;
    }
    
}

@media only screen and (max-width: 640px){
    /* ヘッダー */
    .header__inner--logo img {
        width: 160px;
    }
    .header__inner--nav--sp img {
        /*width: 60%;*/
        height: 20px;
    }
    .header__inner--nav--sp li a {
        font-size: 10px;
    }
    .header__inner--nav ul {
        font-size: 10px;
    }
    .header__inner--nav ul li {
        padding: 0 20px;
    }
    .header__search--logbtn a {
        font-size: 8px;
        width: 100px;
        border-radius: 3px;
        /*letter-spacing: -1px;*/
    }
    .header__search--logbtn .header__search--logbtn--out--link {
        font-size: 8px;
        width: 100px;
        border-radius: 3px;
        /*letter-spacing: -1px;*/
    }
    #product-search {
        font-size: 10px;
        /*margin-right: 20px;*/
        width: 45px;
    }
    .header__inner--nav--sp .fas {
        font-size: 22px;
    }
    .ec-cartNavi {
        padding: 14px 10px 0px;
    }
    
    /* スライド */
    .slick-slide_title__h2--sp {
        font-size: 55px;
    }
    .slick-slide_title .h2_previous {
        font-size: 12px;
    }
    .slick-slide_title .p_description {
        font-size: 10px;
    }
    .slick-slide_title p {
        margin-top: 20px;
    }
    .main_visual button {
        z-index: -1;
    }
    
    .slick-slide__top .onlySp {
        width: 640px;
        /*height: 400px;*/
        margin: 0 auto;
        object-fit: cover;
    }

    /* メインコンテンツ */
    /*
    .ec-layoutRole .ec-layoutRole__contents {
        position: relative;
        top: -50px;
    }
    */
    .mainListM {
        padding-left: 0;
    }
    .mainListM__item--top:nth-child(1), 
    .mainListM__item--top:nth-child(2) {
        width: 98%;
    }
    .mainListM__item {
        width: 48%;
        margin: 0 1% 2% 1%;
    }
    .mainListM__item .tag_image {
        width: 25%;
    }
    .mainListM__item--top:last-child {
        display: none;
    }
    /*
    .item__tag img {
        max-width: 15px;
    }
    */
    .mainListS {
        padding-left: 0;
    }
    .mainListS__item {
        width: 48%;
        margin: 0 1% 2% 1%;
    }
    .mainListS__title {
        padding-bottom: 10px;
    }
    .mainListS__item--popular {
        width: 31%;
    }
    .mainListS__item--description--popular {
        height: 50px;
    }
    .mainListS__relation {
        background-color: #fff;
    }
    
    /* フッター */
    .bottomArea__inner--pc {
        display: none;
    }
    .bottomArea__inner--sp {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .bottomArea__inner--banner {
        display: flex;
        margin-top: 20px;
    }
    /*
    .footerNav__inner {
        font-size: 8px;
    }
    .footerNav__inner--list--column ul {
        padding-left: 0;
    }
    */
    
    /* 詳細ページ */
    .ec-productRole__pre--Title--heading {
        font-size: 20px;
    }
    .ec-grid2 {
        padding: 20px;
    }
    .ec-headingTitle h2 {
        font-size: 20px;
    }
    .ec-productRole__custom-title,
    .ec-productRole__custom-description {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ec-productRole__custom-title h3 {
        font-size: 20px;
    }
    
    .ec-productRole__custom-description {
        font-size: 14px;
    }
    .ec-productRole__custom-movie iframe {
        width: 100%;
    }
    
    /* 下層ページタイトル帯 */
    .titleArea__inner--heading h2 {
        font-size: 20px;
    }
    .titleArea__inner--heading--sp h2 {
        font-size: 20px;
    }
    
    /* 商品一覧 */
    .ec-shelfGrid .ec-shelfGrid__item {
        width: 47.5%;
        margin: 0 1% 2% 1%;
    }
    /** ページネーション **/
    .ec-pager {
        display: none;
    }
    .ec-pager__sp {
        display: block;
        text-align: center;
    }
    .ec-pager__sp--front {
        display: block;
        margin-bottom: 15px;
    }
    .ec-pager__sp--back {
        display: inline-flex;
    }
    .ec-pager__sp--front li+li {
        border-left: solid 1px #333;
    }
    .ec-pager__previous--sp {
        /*border-right: solid 1px #333;*/
        padding-right: 10px;
        display: inline-block;
    }
    .ec-pager__next--sp {
        padding-left: 12px;
        display: inline-block;
    }
    .ec-pager__item--sp {
        border-right:dotted 1px #333;
        width: 35px;
    }
    .ec-pager__item--sp:last-child {
        border-right: none;
    }
    
    
    .ec-pager__previous--sp {
        position: relative;
    }
    
    .ec-pager__previous--sp:before {
        content: "\f0d9";
        font-family: "Font Awesome 5 Free";
        font-weight:900;
        padding: 3px 12px;
        border-radius: 50%;
        color: #fff;
        font-size: 18px;
        background: rgba(255,223,91,1);
        position: absolute;
        left: -40px;
        top: -5px;
    }
    
    .ec-pager__next--sp {
        position: relative;
    }
    .ec-pager__next--sp:after {
        content: "\f0da";
        font-family: "Font Awesome 5 Free";
        font-weight:900;
        padding:3px 12px;
        border-radius: 50%;
        color: #fff;
        font-size: 18px;
        background: rgba(255,223,91,1);
        position: absolute;
        right: -40px;
        top: -5px;
    }
    .ec-pager__sp .ec-pager__item--active a {
    text-decoration: underline;
}
    
    /* 商品詳細 */
    .ec-productRole__custom .image_side img {
        width: 100%;
    }
    .ec-productRole__custom .image_vertical img {
        width: 80%;
    }
    .recipe-block__list--item {
        margin:0;
    }
    
    
    
    /* 記事一覧 */
    .articleList {
        padding-left: 0;
    }
    .articleList__item--head ul {
        padding-left: 0;
    }
    .articleList__item--rightBox h3 {
        font-size: 16px;
    }
    
    /* 記事詳細 */
    .itemDetail {
        padding: 40px;
    }
    .itemDetail h2 {
        font-size: 20px;
    }
    .itemDetail h3,
    .itemDetail h4 {
        font-size: 18px;
    }
    .itemDetail__inner--image--side img {
        width: 100%;
    }
    .itemDetail__inner p {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    /* 下層-HISADAグループ */
    .group-page__block--common {
        display: initial;
    }
    .group-page__top {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .group-page__block {
        padding: 30px 20px;
    }
    .group-page__block--icon,
    .group-page__block--icon--under {
        margin-bottom: 20px;
    }
    .group-page__block--secondary {
        margin-left: 70px;
    }
    .fixedPage__group__link {
        padding: 30px 20px;
    }
    
    /* 下層 特定商取引 */
    .tradelaw-delivery__table--price {
        width: 75%;
    }
    
    /* 下層 店舗一覧 */
    .shoplist-item {
        width: 100%;
    }
    .shoplist-page__area--widthHalf {
        width: 100%;   
    }
    .shoplist-page__block--area--shop {
        margin-right: 0;
    }
    
    /* 下層 業務卸売販売 */
    .kotobuki-page__profile--box {
        display: block;
    }
    .kotobuki-page__profile--boxLeft {
        width: initial;
        margin-bottom: 30px;
    }
    .kotobuki-page__profile--boxLeft img {
        width: 50%;
    }

}

@media only screen and (max-width: 480px) {
    .header__inner--logo img {
        width: 140px;
    }
    .header__inner--sp p {
        font-size: 6px;
    }
    .header__inner--nav ul li {
        padding: 0 10px;
    }
    .header__inner--nav--sp li a {
        font-size: 8px;
    }
    .header__inner--nav--sp .fas {
        font-size: 22px;
    }
    .header__search--logbtn a {
        font-size: 8px;
    }
    .header__search--logbtn--in .header__search--logbtn--in--link {
        width: 50px;
        font-size: 8px;
    }
    
    /* スライド */
    .slick-prev {
        position: absolute;
        left: 10px;
    }
    .slick-next {
        position: absolute;
        right: 10px;
    }
    .slick-slide__top .onlySp {
        width: 480px;
        /*height: 400px;*/
        margin: 0 auto;
        object-fit: cover;
    }
    
    /* 詳細ページ */
    .slick-prev__detail {
        position: absolute;
        left: 10px;
        top: 40%;
    }
    .slick-next__detail {
        position: absolute;
        right: 10px;
        top: 40%;
    }
    
    /* 記事詳細 */
    .itemDetail {
        padding: 30px 20px;
    }
    
    /* マイページ・会員登録 */
    .ec-checkbox label {
        font-size: 14px;
    }
    .ec-reportHeading h2 {
        font-size: 20px;
    }
    
    /* 久田のチーズ */
    .introduction-page__block {
        display: block;
        margin-bottom: 50px;
    }
    .introduction-page__block--descrption img {
        float: none;
        margin-right: 0;
    }
    .intro-image3 {
        margin-top: 0;
    }
    .introduction-page__block--descrption .introduction-page__block--descrption--img {
        text-align: center;
        margin-top: 15px;
    }
    
    /* 下層 特定商取引 */
    .tradelaw-delivery__indent {
        padding-left: 0;
    }


    /*
    .ec-newItemRole__list_top .ec-newItemRole__listItem_top {
        padding-bottom: 0;
        padding: 5px;
    }
    .ec-layoutRole__contents {
        top: -120px;
    }
    .ec-layoutRole__header, .ec-layoutRole__contents {
        padding: 0;
    }
    .tag_display img {
        display: none;
    }
    .ec-newItemRole p {
        display: none;
    }
    .ec-receoomendedItemRole__listItem_img img {
        height: 100%;
    }
    .ec-recommendedItemRole__listItem_description .tag_display {
        display: none;
    }
    .ec-recommendedItemRole__listItem__description_p {
        display: none;
    }
    .recommended_cheese_image img {
        bottom: 0;
    }
    .monthly_event_item {
        width: 100%;
        padding: 0 5px;
    }
   */
}

@media only screen and (max-width: 400px) {
    .slick-slide__top .onlySp {
        width: 400px;
        /*height: 400px;*/
        margin: 0 auto;
        object-fit: cover;
    }
} 

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
    .category_id {
        width: 195px;
        margin-left: 5px;
    }
    .category_id label {
        width: 70px;
    }
    #category_id_8 {
        margin-left: 0;
    }
}

/*
@media only screen and (max-width: 960px){
     .ec-headerRight p {
        display: none;
    }
    .ec-headerRight ul li + li {
        border-left:0;
    }
    .ec-layoutRole__contents {
        position: relative;
        top: -100px;
    }
}

@media only screen and (max-width: 767px) {
    .ec-headerRight {
        width: 550px;
        line-height: 55px;
        font-size: 12px;
        
    }
    .ec-headerNav .ec-headerNav__itemLink,
    .ec-headerNaviRole {
        font-size: 12px;
    }
    .ec-headerRight,.ec-headerBottom,.ec-headerNaviRole__right{
        display: none;
    }
    .ec-newItemRole h3,
    .ec-newItemRole span 
    .ec-newItemRole p {
        font-size: 12px;
    }
    .ec-headerNav__item a {
        display: none;
    }
    .ec-headerTitle {
        text-align: center;
        display: block;
    }
    .ec-role {
        padding: 0 10px;
    }
    .ec-headerNavSP {
        border: solid 1px #000000;
        opacity: .6;
    }
    .main_visual .slick-dots {
        bottom: 15px;
    }
    .main_visual .slick-prev {
        top: 50%;
        left: 2%;
    }
    .main_visual .slick-next {
        top: 50%;
        right: 2%;
    }
    .ec-headerNavSP {
        top: 20px;
    }

    .ec-recommendItemRole {
        padding: 20px 10px 0;
    }
    .ec-recommendedItemRole__list {
        width: 100%;
    }
    .ec-secHeading {
        margin-top: 30px;
    }
    .monthly_event_item {
        width: 100%;
        padding: 0 10px;
    }
    .footer_image {
        top: 30px;
    }
    .ec-footerRole {
        padding-top: 60px;
    }


@media only screen and (max-width: 480px) {
    .ec-role {
        padding: 0 2px;
    }
    .ec-newItemRole .ec-newItemRole__listItemTitle,
    .ec-newItemRole__listItem_top .ec-newItemRole__listItemDescription {
        font-size: 12px;
    }
    .ec-newItemRole__listItem_top .tag_image {
        width: 60px;
    }
    .ec-newItemRole__list_top .ec-newItemRole__listItem_top {
        margin: 0 5px 5px;
        padding-bottom: 0;
    }
    .ec-newItemRole img {
        height: 50%;
    }
    .ec-newItemRole__list_top {
        height: auto;
    }
    .ec-layoutRole__contents {
        top: -90px;
    }
}
*/
/*スライド*/
@media only screen and (max-width: 2500px) {
    .slick-prev {
        left: 750px;
    }
    .slick-next {
        right: 750px;
    }
    .slick-dots {
        left: 750px;
    }
}
@media only screen and (max-width: 2400px) {
    .slick-prev {
        left: 700px;
    }
    .slick-next {
        right: 700px;
    }
    .slick-dots {
        left: 700px;
    }
}
@media only screen and (max-width: 2300px) {
    .slick-prev {
        left: 650px;
    }
    .slick-next {
        right: 650px;
    }
    .slick-dots {
        left: 650px;
    }
}
@media only screen and (max-width: 2200px) {
    .slick-prev {
        left: 600px;
    }
    .slick-next {
        right: 600px;
    }
    .slick-dots {
        left: 600px;
    }
}
@media only screen and (max-width: 2100px) {
    .slick-prev {
        left: 550px;
    }
    .slick-next {
        right: 550px;
    }
    .slick-dots {
        left: 550px;
    }
}
@media only screen and (max-width: 2000px) {
    .slick-prev {
        left: 500px;
    }
    .slick-next {
        right: 500px;
    }
    .slick-dots {
        left: 500px;
    }
}
@media only screen and (max-width: 1900px) {
    .slick-prev {
        left: 450px;
    }
    .slick-next {
        right: 450px;
    }
    .slick-dots {
        left: 450px;
    }
}
@media only screen and (max-width: 1800px) {
    .slick-prev {
        left: 400px;
    }
    .slick-next {
        right: 400px;
    }
    .slick-dots {
        left: 400px;
    }
}
@media only screen and (max-width: 1700px) {
    .slick-prev {
        left: 350px;
    }
    .slick-next {
        right: 350px;
    }
    .slick-dots {
        left: 350px;
    }
}
@media only screen and (max-width: 1600px) {
    .slick-prev {
        left: 300px;
    }
    .slick-next {
        right: 300px;
    }
    .slick-dots {
        left: 300px;
    }
}
@media only screen and (max-width: 1500px) {
    .slick-prev {
        left: 250px;
    }
    .slick-next {
        right: 250px;
    }
    .slick-dots {
        left: 250px;
    }
}
@media only screen and (max-width: 1400px) {
    .slick-prev {
        left: 200px;
    }
    .slick-next {
        right: 200px;
    }
    .slick-dots {
        left: 200px;
    }
}
@media only screen and (max-width: 1300px) {
    .slick-prev {
        left: 150px;
    }
    .slick-next {
        right: 150px;
    }
    .slick-dots {
        left: 150px;
    }
}
@media only screen and (max-width: 1200px) {
    .slick-prev {
        left: 100px;
    }
    .slick-next {
        right: 100px;
    }
    .slick-dots {
        left: 100px;
    }
}
@media only screen and (max-width: 1100px) {
    .slick-prev {
        left: 50px;
    }
    .slick-next {
        right: 50px;
    }
    .slick-dots {
        left: 50px;
    }
}
@media only screen and (max-width: 900px) {
    .slick-dots {
        position: absolute;
        left: 0;
        right: 0;
        /*bottom: 8%;*/
        text-align: center;
    }
}