/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
  padding:0;
  margin:20px 0 40px 0;
}
.cg_freespace_02 {
  padding:0;
  margin:20px 0 20px 0;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
  margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
  margin:0 0 10px 20px;
  padding:0;
}

.pager a {
  border: 1px solid #ccc;
  font-weight: 900;
  margin: 0 6% !important;
  font-size: 16px;
  background: #f2f2f2;
  padding: 5px 3px 0 4px;
}

.pager-last{
  margin: 4% auto 6% auto;
  padding-bottom: 30px;
}

.sub_category_area .sub_category, .sub_group_area .sub_group{
    position: relative;
    font-size:14px;
}

.sub_category_area .sub_category:hover::after, .sub_group_area .sub_group:hover::after {
    transform: scale(1, 1);
}

.sub_category_area .sub_category::after, .sub_group_area .sub_group::after {
    position: absolute;
    bottom: -5px;
    left: 0px;
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(215, 159, 152, 0.8);
    transform: scale(0, 1);
    transition: transform .1s;
    z-index: -1;
}

.sub_category_area, .sub_group_area {
  margin-bottom:30px;
  padding: 10px 0px;
  border-bottom: double #ccc;
  border-top: double #ccc;
  height: 100%;
  overflow: hidden;
}


.sub_category_area .sub_category, .sub_group_area .sub_group{
  margin-left:10px;
}





/*カテフゴリー、グループトップスライダー*/


.slider-grouptopimage.slick-slider{
  width:100% !important;
  position: relative;
  margin:0;
}
.slider-grouptopimage.slick-slider img{
  width:100% !important;
  margin:auto;
}

.group-slide-dots{
  position: absolute;
  bottom: -30px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
.group-slide-dots li{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  opacity:0.5;
}

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

.slider-grouptopimage li.slick-active{
  opacity:1 !important;
}

.group-slide-dots li button::before{

font-family: 'slick';
font-size: 45px;
line-height: 20px;
position: absolute;
top: 0;
left: -20px;
width: 20px;
height: 20px;
content: '・';
text-align: center;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color:#666;
}

.group-slide-dots{
  margin:0 !important;
}

.slider-grouptopimage-m{
  display: none !important;
}

/*collection coordinate image*/

.collection_co{
  margin-top:5%;
  overflow: hidden;
}

.collection_co div{
  width:44%;
  padding:0 3%;
  float: left;
}
.collection_co img{
  width: 100%;
}
.c_co1 {
  margin-top: 4%;
}
.c_co2{
  margin-top: 10%;
}




/* product_list_page -----------------*/


.sub_category_area a {
  font-size: 13px;
  font-weight: 500;
}

.sub_category_area .sub_category,
.sub_group_area .sub_group {
  float: left;
  padding: 0px 20px;
  border-left:1px solid #ccc;
  margin:10px 0px 10px 5px;
}

.sub_category_area .sub_category img,
.sub_group_area .sub_group img {
  margin:-2px 15px 0 0;
  max-height: 45px;
  max-width: 45px;
}


/*-----*/

.sort {
  margin-bottom: 20px;
  text-align: right;
  margin-right:1%;
}
.sort strong {
  margin-right: 5px;
}
.sort a {
  margin-right: 5px;
  text-decoration: underline;
}
.sort span {
  margin-right: 5px;
  background: #eee;
  text-decoration: none;
  font-weight: bolder;
}

.pager {
  clear: both;
  margin: 0px 0px 30px 0;
  text-align: center;
}
.pager a{
  margin: 15px;
}

/*一覧表示のアレンジ*/

.product-row{
  overflow: hidden;
}

.item_box.l_image{
  width:36%;
}
.item_box.l_image.fl_right{
  float: right;
}


/*ブランドページ*/

.brand-page-contents{
  width: 100%;
  background-color:#f2f2f2;/*#ececec;*/
  overflow: hidden;
}

.brand-brandimage{
  width: 50%;
  float: left;
}
.brand-brandimage img{
  width:100%;
}

.brand-brandtext{
  width: 40%;
  float: left;
  padding: 10% 4% 0% 6%;
  text-align: center;
}

.brand-brandtext img{
  width: 50%;
}
.brand-brandtext h4{
  margin-top: 17%;
  letter-spacing: 1px;
}
.brand-brandtext p{
  margin-top: 10% !important;
  text-align: left;
  letter-spacing: 1px;
  line-height: 30px;
}

.porchetto-text img{
  padding-right:5%;
}

.zephyr-text{
  padding: 14% 4% 0% 6%;
}

.zephyr-text img{
  width:25% !important;
}

.zoa-text{
  padding: 15% 5% 0% 5%;
}
.zoa-text img{
  width:25% !important;
}
.zoa-text h4{
  margin-top:24%;
}
.souta-text{
  padding: 12% 4% 0% 6%;
}
.souta-text img{
  width:30%;
}
.souta-text h4{
  margin-top:20%;
}

.kunieda-text{
  padding: 15% 4% 0% 6%;
}
.kunieda-text img{
  width:60%;
}
.kunieda-text h4{
  margin-top:25%;
}

.fukusen-text img{
  width:16%;
}
.fukusen-text h4{
  margin-top:25%;
}

.squaredinner-text{
  padding: 18% 4% 0% 6%;
}

.bunsei-text{
  padding: 13% 4% 0% 6%;
}
.bunsei-text img{
  width:40%;
}
.bunsei-text h4{
  margin-top:15%;
}

.takumi-text{
  padding: 14% 4% 0% 6%;
}
.takumi-text img{
  width:35%;
}
.takumi-text h4{
  margin-top:22%;
}
.korin-text img{
  width:30%;
}
.toetsu-text img{
  width:30%;
}
.koraku-text img{
  width:30%;
}

.tokushichi-text img{
  width:20%;
}
.tokushichi-text h4{
  margin-top: 15%;
}

.utsua-text{
  padding: 14% 4% 0% 6%;
}
.utsua-text img{
  width:35%;
}
.utsua-text h4{
  margin-top:22%;
}

.utsua_color_select{
  margin:5% 0;
  padding:5% 1%;
  overflow: hidden;
  border-top:3px double #ccc;
  border-bottom:3px double #ccc;
}
.utsua_color{
  width:43%;
  float:left;
}

.utsua_color_text{
  position: relative;
}

.utsua_color a h2::before {
    position: absolute;
    top:26px;
    content: '';
    width: 100%;
    height: 1.5px;
    background:#CCD5CE;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}


.utsua_color a:hover h2::before {
    transform: scale(1, 1);
}

.utsua_color p{
  margin-top:20px;
}

.utsua_color img{
  width:100%;
}
.gloss_white_color{
  margin:0 0 0 12%;
}

.gloss_white_color h2{
  margin-top:40px;
}

.gloss_white_color img{
  box-shadow: 25px -25px #f2f2f2;
}
.matt_white_color img{
  margin-top:40px;
  box-shadow: 25px -25px #f2f2f2;
}
.utsua_color a img{
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.utsua_color a:hover img{
  box-shadow: 30px -30px #CCD5CE;
}
.utsua_color a:hover{
  color:#222;
}

  /*utsua-gloss-page*/
  .utsua_color-glosspage, .utsua_color-mattpage{
    width: 100%;
    padding:0 0 2% 0;
    border-bottom:1px solid #ccc;
    overflow: hidden;
    position: relative;
  }
  .utsua_color-glosspage img, .utsua_color-mattpage img{
    width:100%;
  }
  .utsua_color_text-gloss, .utsua_color_text-matt{
    width:40%;
  }
  .utsua_color_text-gloss{
    padding:0 3%;
    position: absolute;
    top: 50px;
    right: 0;
  }
  .utsua_color_text-matt{
    padding:0 3%;
    position: absolute;
    bottom: 25px;
    right: 0;
  }
  .utsua_color_text-gloss h2, .utsua_color_text-matt h2{
    margin-bottom:20px;
  }
  .utsua_color_text-gloss p, .utsua_color_text-matt p{
    font-size:15px;
    line-height: 1.8em;
  } 
  .jp-text{
    padding-top:18%;
  }




/*名窯ページ（UTSUAベース）*/
  .meiyou_logo{
    box-shadow: none !important;
    width: 25% !important;
    padding:5px 0;
    float: none !important;
  }
  .meiyou_collection .utsua_color a:hover .meiyou_logo{
    box-shadow: 0px 1.5px #ccc !important;
  }
  .utsua_color_select.meiyou_collection{
    padding:3% 1%;
    border-top:none;
    border-bottom:none;
  }
  .matt_white_color .meiyou_logo {
    margin-top: 0;
  }
  .utsua_color.gloss_white_color .meiyou_logo {
    margin-top: 15px;
  }

  /*柿右衛門*/

  .kakiemon-brandtext{
    padding: 14% 4% 0% 6%;
  }
  .kakiemon-brandtext img{
    width:35%;
  }
  .kakiemon-brandtext h4{
    margin-top:22%;
  }




/*ラーメン鉢のページ*/

  .rahmen_ex_page{
    margin-top:7%;
  }

  .rahmen_ex_page h4{
    position: relative;
    font-size:17px;
    padding-left: 20px;
  }
  @media(max-width:480px){
    .rahmen_ex_page{
      display: none;
    }
  }
  .rahmen_brandpage_linktofeature h2 {
    position: relative;
    padding-left: 20px;
  }
  .rahmen_ex_page h4::before, .rahmen_brandpage_linktofeature h2::before {
    content: "";
    width: 3px;
    background: #d9a2a2;
    left: 2px;
    top: -3px;
    height: 120%;
    position: absolute;
    }

  .rahmen_brandpage_linktofeature{
    width:100%;
    overflow: hidden;
    margin:5% 0;
    background-color: #ececec
    position:relative;
  }


  .rahmen_brandpage_linktofeature a{
    color: #333;
  }
  .rahmen_brandpage_linkto_featurepage{
    width:45%;
    float: left;
    padding:0 2.5%;
  }
  .rahmen_brandpage_linkto_craftsman {/*
    border-left: 1px solid #ccc;*/
  }
  .rahmen_brandpage_linktofeature h2{
    margin-bottom:20px;
    font-size: 16px;
    font-weight: 500;
  }
  .rahmen_brandpage_linktofeature p{
    margin-bottom:30px;
  }

  .rahmen_brandpage_linkto_featurepage img{
    width:100%;
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;

  }
.rahmen_brandpage_linkto_featurepage:hover a img{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 10px 10px #ccc;
}
.rahmen_brandpage_linkto_featurepage:hover a{
  color:#333;
}


/*UTSUAのページ*/

.linktoutsuapage h2{
  margin-bottom:23px;/*
  text-align: left;*/
 }

.linktoutsuapage:hover a img{
      box-shadow: 10px 10px #CCD5CE;
}




/*陶悦窯のページ*/

.toetsu_colors{
  margin-top: 5%;
  padding: 5% 5% 1% 5%;
  display: flex;
  justify-content: space-between;
  border-top: 3px double #ccc;
}
.toetsu_colors_op{
  width:30%;
}
.toetsu_colors a{
  transition: all 0.3s;
}
.toetsu_colors a:hover{
  opacity: 0.8;
}
.toetsu_colors_op img{
  width:100%;
}
.toetsu_colors .toetsu_colors_op p{
  margin-bottom:0;
}
.toetsu_colors_m{
   display: none;
}

@media(max-width:480px){
  .toetsu_colors{
    display: none;
  }
  .toetsu_colors_m{
    display: block;
    margin-top: 5%;
    padding: 4% 2% 5% 2%;
    display: flex;
    justify-content: space-between;
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
  }
  .toetsu_colors_m p{
    text-align: center;
  }

}




/*柳宗理ページ*/

@media(max-width:480px){

  .about_yanagisori{
    padding: 0% 0% !important;
    margin: 0% 0% !important;
  }
  
}





/*イベント用スタイル ---------------------------*/

    /*陶器市*/

    .event_container{
      overflow: hidden;
      width: 100%;
      background: url("https://img21.shop-pro.jp/PA01426/811/etc/garland5.png?cmsp_timestamp=20200414160839");
      letter-spacing: 0.1em;
    }
    .toukiichi_topbanner{
      margin:0% 1% 0% 0;
    }
    .toukiichi_topbanner img{
      width:100%;
    }
    .tt_mobile{
      display: none;
    }

    .top-banner-container.t2020_ex{
      margin-top:3%;
      padding:0;
      border: 1px solid #ccc;
      margin-right:1%;
    }
    .top-banner-container.t2020_ex{
      margin-top:0;
    }
    .t2020_ex .top-banner{
       width:100%;
       margin:0;
    }
    .t2020_ex .top-banner-img{
      width:45%;
      padding: 5% 0;
    }
    .t2020_ex .top-banner-text{
      margin: 6% 5% 3% 5%;
      position: relative;
    }
    .t2020_ex .top-banner-text img{
      width: 10%;
      position: absolute;
      top: 0px;
      left: 190px;
    }
/*    .t2020_point_wrapper{
      background: url("https://img21.shop-pro.jp/PA01426/811/etc/garland7.png?cmsp_timestamp=20200426021706");
    }*/
    
    .toukiichi_option_wrapper{
      margin-top:2%;
      background-size: contain;
      display: flex;
      justify-content: space-between;
      padding:0 2px;
    }

    .t2020_point{
      background: #DD7777;
      width: 100%;
      margin: 5% 0 4% 0;
      border-radius: 3px;
      color: #fff;
      text-align: center;
      padding: 20px 0;
      letter-spacing: .5em;
    }

    .toukiichi_option{
      width:28%;
      position: relative;
    }

    .toukiichi_option img{
      transition:all 0.3s;
      width:100%;
    }

    .toukiichi_option_text h3{
      margin:0.5em 0 1em 0;
      color:#D77;
      font-size: 18px;
      letter-spacing:0.05em
    }

    .toukiichi_option_text img{
      position: absolute;
      top: 3%;
      left:3%;
      width: 10%;
      opacity:0.7;
    }

    .t2020_horidashimono{
      margin: 3% auto 4% auto;
      text-align: center;
      width: 80%;
      background: #f2f2f2;
      padding: 3%;
    }
    .t2020_horidashimono div{
      text-align:left;
    }
    .t2020_horidashimono h4{
      margin-bottom:2%;
    }
    .t2020_horidashimono p img{
      width:15px !important;
    }

    .t2020_extra{
      padding:5% 3% 7% 3%;
      border: double #ccc 4px;/*
      background: #f2f2f2;*/
      margin:5% 0;
    }
    .jb_touckiichi_ex li{
      margin:1em 1.5em;
    }
    .t2020_extra img{
      width: 10%;
      margin-left: 20px;
    }
    .t2020_extra li{
      list-style-type:none;
    }
    .t2020_extra li h4{
      margin: 3% 0 1% 0;
    }
    .toukiichi_op_free{
      padding: 2%;
      margin-top: 5%;
      background: #f2f2f2;
    }
    .toukiichi_op_free h2 {
        color: #d77;
        margin-bottom: 2%;
    } 
    .t2020_point_wrapper .junebride_ex li{
        margin:1em 0;
    }


    @media(min-width:480px){
      .toukiichi_option_img img{
        box-shadow: 0px 0px 0px 0.5px #ccc;
      }
      .toukiichi_option a:hover .toukiichi_option_img img{
        box-shadow: 0px 0px 0px 2px #ecd3cd;
     }

      .t2020_op1_m, .t2020_op2_m{
      border-right: 1px dashed #ccc;
      padding-right: 4%;
      }

    }
    @media(max-width:480px){

      .t2020_ex .top-banner{
        margin-top:0 !important;
        background:none;
       }
       .t2020_ex .top-banner-text img{
        top:32px;
       }
       .t2020_ex{
        margin-top:0 !important;
        /*background: url("https://img21.shop-pro.jp/PA01426/811/etc/garland7.png?cmsp_timestamp=20200426021706");*/
       }
       .t2020_ex .top-banner-text{
        padding: 9% 3% 5% 3% !important;
      }
      .t2020_ex .top-banner-text h4{
        text-align: left;
      }
       .top-banner-container.t2020_ex{
        border:none;
       }
      .toukiichi_option_wrapper{
        margin-top: 0%;
      /*  border-bottom: 3px dotted #ccc; */
        padding:0% 0;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      .t2020_point h2{
        letter-spacing: 3px;
        font-size: 18px;
      }
      .toukiichi_topbanner{
        display:none;
      }
      .toukiichi_topbanner.tt_mobile{
        display: block;
        margin-top:2%;
      }
      .t2020_ex .top-banner-img{
       display: none;
      }

      .toukiichi_option{
        width: 100%;
        margin: 0.5px 0;
      }
      .toukiichi_option_text img{
        display: none;
      }
      .toukiichi_option_img, .toukiichi_option_text {
        width: 50%;
        float: right;
      }
      .t2020_point{
        border-radius:1px;
      }
       .t2020_op2_m .toukiichi_option_img{
        float: left;
       }

      .t2020_op1_m{
        background: #f9cdad;
        border: .5px solid #f9cdad;
      }
      .t2020_op2_m{
        background: #eeb5b3;
        border: .5px solid #eeb5b3;
        margin:2% 0;
      }
      .t2020_op3_m{
        background: #bbd2ca;
        border: .5px solid #bbd2ca;
      }

      .toukiichi_option_text p{
        display: none;
      }
      .toukiichi_option_text{
        position: relative;
        height: 100%;
      }
      .toukiichi_option_text h3 {
        margin-bottom: 10px;
        font-size: 15px;
        color:#fff;
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform : translate(-50%,-50%);
        transform : translate(-50%,-50%);
        width: 100%;
        text-align: center;
      }
      .t2020_horidashimono{
        padding: 6% 4%;
        width: 92%;
        margin-top: : 3% !important;
      }
      .t2020_horidashimono img{
        width:50% !important; 
        /*width:100%;*/
        float:none !important;
      }
      .t2020_horidashimono div{
        width:98% !important;
        margin:5% 0;
      }

       .t2020_extra{
        margin:1% 0 5% 0;
        background:none;
       }
       .t2020_extra li h4 {
        margin: 7% 0 1% 0;
        }
       .t2020_extra img {
        width: 40% !important;
        margin:1em 0 !important;
      }
      .toukiichi_op_free {
        padding: 4%;
        margin-top: 0%;
      }
      .toukiichi_op_free h2 {
        font-size: 19px;
      }
      .t2021_horidashimono_wrapper{
      width: 100% !important;
      margin: 4% 0% 0% 0% !important;
      }

    }





    /*junebride_event*/

    @media(max-width:480px){

      .junebride_ex{
        background:none !important;
      }
      .junebride_ex h4{
        margin:7% 0 2% 0 !important;
      }
      .jb_img_left{
        margin-left:0 !important;
      }

      /*ふたりのおうち時間アレンジ*/

      .foj_ex{
        padding:3% 1% !important;
        background: #fff6f6 !important;
        margin:0 !important;
      }
      .foj_ex span{
        display:none;
      }
      .foj_ex_img img{
        width:48% !important;
      }
      .foj_ex_img img:last-child{
        margin-left:4% !important;
      }
      .foj_ex .jb_img_left{
        margin-left:2% !important;
      }
      .foj_present{
        margin-left:0 !important;
      }
      .foj_present img{
        width:49% !important;
      }
      .foj_present h4{
        margin-top:0 !important;
      }


    }

    



    /*mug event*/


    .event_topimage_m{
      display: none;
    }

    @media(max-width:480px){

      .event_top_mug{
        padding:0 0 !important;
      }

      .event_topimage{
        display: none;
      }
      .event_topimage_m{
      display: block;
      }
      .event_text{
        line-height:2em !important;
        padding:5% !important;
      }

    }





    /*迎春コーディネート*/

    .geisyun_wrapper, .geisyun_wrapper div{
      overflow: hidden;
    }

    .geisyun_wrapper img{
      width:100%;
    }
    .geisyun_option_container{
      margin-top:3%;
      padding:6% 2%;
      border-top:double #ccc;
    }
    .geisyun_option_container.rc_option_container{
      border-top: double #c9e6ff;
      border-bottom: double #c9e6ff;
    }
    .geisyun_option{
      margin-top:4%;
      opacity: 0.8;
      transition: all 0.3s;
    }

    .ge_option1{
      margin-top:0 !important;
    }
    .ge_option2 div{
      float: right !important;
    }
    .geisyun_option div{
      width:40%;
      float: left;
    }
    .ge_option_text{
      margin:3em 5em 0 5em;
    }
    .ge_option_text h3{
      position: relative;
      margin-bottom: 2em;
      margin-left: 1em
    }
    .ge_option_text h3::before{
      position: absolute;
      content: "";
      width:4px;
      background:#d9a2a2;
      left:-1em;
      top:-20%;
      height: 120%;
    }
    .ge_option_text h3::after{
      transition: all 0.2s;
      position: absolute;
      content: "";
      background:#d9a2a2;
      left:-1em;
      bottom:-4px;
      height:1px;
      width:0;
    }

    .geisyun_option a{
        color: inherit !important;
    }


      /*涼の器ページカスタム*/

      .rc_option_text h3::before{
        background:#58B2DC !important;
      }
      .rc_option_text h3::after{
        background:#58B2DC !important;
      }





  /*個別ページ*/

  .geisyun_indivi{
    padding:0 1%;
  }
  .geisyun_indivi img{
    width:100%;
  }
  .geisyun_indivi h3{
    margin:1em 0;
  }
  .geisyun_cd-option h3{
    margin:1em;
    position: relative;
  }
  .geisyun_indivi p{
    padding:0 1%;
  }
  .geisyun_profile{
    display: flex;
    padding: 2% 5%;
  }

  .geisyun_profile div{
    width:50%;
  }
  .profile_text{
    padding:3em;
  }
  .geisyun_cd-option a{
    width:48%;
    transition: all 0.3s
  }
  .geisyun_cd-option{
    padding:0 1%;
    margin:5% 0;
    display: flex;
    justify-content: space-between;
  }

  .geisyun_cd-option h3::before{
    position: absolute;
    content: "";
    width:4px;
    background:#d9a2a2;
    left:-1em;
    top:-10%;
    height: 120%;
  }
  .geisyun_cd-option div{
    padding:5%;
  }

  /*個別オプション*/

  .geisyun_kawase_option{
    display:flex;
    flex-wrap: wrap;
  }
  .geisyun_kawase_option div{
    width:50%;
  }
  .geisyun_option_text{
    margin:2em;
  }
  .geisyun_kawase_option h3{
    margin:1em 0;
  }



  .top-banner-text.kawase_option2_extra{
    width: 47% !important;
    margin: 3% 0% 0 0% !important;
  }


    /*レスポンシブ */


    @media(min-width:1000px){

     .geisyun_option:hover{
      opacity: 1;
      transform:scale(1.02);
      }

      .geisyun_option:hover img{
        box-shadow: 0 0 5px #ccc;
      }
      .geisyun_option a:hover {
        color: inherit !important;
      }
      .geisyun_option:hover .ge_option_text h3::after{
      width:102%;
      }

      .geisyun_cd-option a:hover{
        transform:scale(1.02);
        box-shadow: 0 0 5px #ccc;
      }


        .top-banner.geisyun_option_detail h4{
          position: relative;
          margin-left: 1em
        }
        .top-banner.geisyun_option_detail h4::before{
          position: absolute;
          content: "";
          width:4px;
          background:#d9a2a2;
          left:-1em;
          top:-20%;
          height: 120%;
        }
        .top-banner.geisyun_option_detail h4::after{
          position: absolute;
          content: "";
          background:#d9a2a2;
          left:-1em;
          bottom:-4px;
          height:1px;
          width:103%;
          }
          .top-banner.cr_option_detail h4::before{
          background:#58B2DC !important;
         }
          .top-banner.cr_option_detail h4::after{
          background:#58B2DC !important;
          }


        .mobile_only{
          display:none;
        }


    }



    @media(max-width:1000px){

        .geisyun_option div {
            width: 100%;
        }
        .ge_option_text {
            margin: 1em 0em 3em 0em;
        }
        .ge_option_text h3 {
        margin-bottom: 1em;
        }
        .geisyun_option{
          opacity: 1;
        }
        .geisyun_option_container{
          padding: 6% 2% 0 2% !important;
        }


        .geisyun_profile{
          flex-wrap: wrap;
          padding:0;
        }
        .geisyun_profile div {
         width: 100%;
        }
        .profile_text {
          padding: 0 1em !important;
        }
        .geisyun_indivi p {
              padding: 0 0% !important;
          }
        .geisyun_cd-option{
          flex-wrap: wrap;
          border-top:3px double #ccc;
        }
        .geisyun_cd-option a {
          width: 100%;
          margin-top: 7%;
        }
        .geisyun_cd-option div {
           padding: 0;
        }



        .geisyun_option_text{
          margin:0em;
        }
        .geisyun_kawase_option div{
          width:100%;
        }


        .top-banner-text.kawase_option2_extra{
          width:94% !important;
          margin: 0 !important;
        }


        
        .geisyun_option_detail{
          display: flex;
        }
        .ge_option_text h3{
          border-bottom: 1px solid #d9a2a2;
        }
        .rc_option_text h3{
          border-bottom: 1px solid #58B2DC !important;
        }
        .rc_option_container{
          background-size: contain !important;
        }
        .cr_option_detail .top-banner-text.kawase_option2_extra{
          background: url(https://img07.shop-pro.jp/PA01426/811/etc/drop_backgroundimage1.jpg?cmsp_timestamp=20210524165930);
          background-size: contain;
        }
        .top-banner.cr_option_detail{
          margin:0 !important;
        }



}

@media(max-width:480px){


    .collection_co div {
      width: 46%;
      padding: 0 2%;
    }
    .geisyun_wrapper, .geisyun_wrapper div{
      overflow: hidden;
      background: url("https://img07.shop-pro.jp/PA01426/811/etc/washi_backimg_light.jpg?cmsp_timestamp=20211101171502");
    }
    .geisyun_option_detail{
      flex-wrap: wrap-reverse;
    }
    .geisyun_topbanner{
      display: none;
    }
    .geisyun_topbanner p{
      margin-top:1em !important;
    }

    .geisyun_topbanner_mobile{
      display: block !important;
    }

    .geisyun_option{
      margin-top:0%;
    }

    .ge_option_text {
      margin: 0.5em 0em 2em 0em;
    }

    .top-banner-text.kawase_option2_extra{
      background: url("https://img07.shop-pro.jp/PA01426/811/etc/washi_backimg1.jpg?cmsp_timestamp=20211028181323");
      background-size: cover;
    }


}






/*商品一覧の高さ設定レスポンシブ*/


@media(min-width:1500px){
  .item_box{
    min-height:300px;
  }
}

@media(max-width:1500px){
  .item_box{
    min-height:250px;
  }
}

@media(max-width:1000px){
  .item_box {
    min-height:230px;
  }

  .brand-brandtext{
    padding: 9% 4% 0% 6% !important;
  }

  .brand-brandtext p{
    letter-spacing: .5px !important;
    line-height: 25px !important;
  }

  .brand-brandtext h4 {
    margin-top: 15% !important;
  }

  .kunieda-text img, .squaredinner-text img{
    width: 70% !important;
  }

}

@media(max-width:800px){
  .item_box {
    min-height:200px;
  }

  .brand-brandtext{
    padding: 8% 4% 0% 6% !important;
  }

  .brand-brandtext h4 {
    margin-top: 10% !important;
  }

  .brand-brandtext p{
    margin-top: 10% !important;
  }

}

@media(max-width:480px){


  .slider-grouptopimage{
    display: none !important;
  }
  .slider-grouptopimage-m{
    display: block !important;
  }

  .item_box.l_image.fl_right{
    float:left;
  }

  .item_box .item_detail {
    margin: 5px 0 0;
  }
   
  /*モバイル商品表示テスト============*/


   .item_box.l_image_m{
    width: 46.5% !important;
    min-height: 270px !important;
    /*background:#a7c5e3;*/
    }

   .l_image_m .item_price, .l_image_m .item_name, .l_image_m .item_name a{
    color:white;
    }
    .l_image_m.item_box .item_detail{
      border-left: none;
      padding: 13px 0 5px 6px;
      margin: 0;
      background: #a7c5e3;
    }
    .l_image_m p.item_price{
     margin-bottom: 10px;
    }

  /*============*/


  .sort{
    text-align: center;
    margin-bottom: 10px;
  }


  /*utsua*/

  .utsua_color_select{
    margin: 8% 0;
    padding: 8% 1% 0% 1%;
  }
  .utsua_color img, .utsua_color_text {
    width: 48% !important;
    float: left;
  }
  .utsua_color {
     width: 100%;
     padding-bottom: 6%;
  }

  .gloss_white_color{
   margin:13% 0 0 0;
  }
  .gloss_white_color h2 {
   margin-top: 0;
  }
  .utsua_color_text{
   padding-left:4%;
  }
  .matt_white_color{
    position:relative;
    border-bottom:1px solid #ccc;
  }
  .matt_white_color img{
    box-shadow: -25px -25px #F2F2F2;
    margin-top:20px;
  }
  .matt_white_color a:hover img{
   box-shadow: -30px -30px #CCD5CE;
  }

  .utsua_color a h2::before{
    display: none;
  }

  /*柿右衛門*/

  .kakiemon-brandtext img{
    width: 55%;
    margin-bottom: 5%;
  }


  /*color_page*/

  .utsua_color_text-matt, .utsua_color_text-gloss{
    padding: 0 0;
    position: static;
    margin-top:20px;
  }
  .utsua_color_text-gloss, .utsua_color_text-matt {
    width: 100%;
  }
  .utsua_color a h2::before{
    width:61%;
  }


  /*ラーメン鉢特集紹介500*/

  .rahmen_brandpage_linkto_featurepage {
    width: 44%;
    margin-left: 4%;
    padding:0;
  }
  .rahmen_brandpage_linkto_craftsman {
    border-left:none;
  }
  .rahmen_brandpage_linktofeature{
    margin: 10% 0;
  }
  .rahmen_brandpage_linktofeature h2{
    font-size: 15px;
  }
  .rahmen_brandpage_linktofeature p{
    display: none;
  }
  .rahmen_ex_page_m{
    display: block !important;
  }
  .rahmen_ex_page_m h4{
    margin-left: 0 0 5% 10px;
    margin-bottom: 5%;
  }


  .cg_freespace_01 .top-banner-container{
    margin-top:0px !important;
  }

  .footstamp{
    padding-left:5px;
    font-size: 13px;
  }

  .sub_category_area, .sub_group_area {
    margin: 0px 0 20px 0;
  }

  .group-slide-dots{
    display: none !important;
  }


    .sub_category_area, .sub_group_area {
      border-bottom: none;
      border-top: none;
      background-color:#f2f2f2;
      padding:5px 0px;

    }
    .sub_category_area .sub_category,
    .sub_group_area .sub_group {
      border-left:0.5px solid #ccc !important;
      margin: 10px 5px 10px 10px;
      padding: 5px 0 5px 10px;
    }

    element{
      min-height: auto;//要らないかも
    }


    .item_box {
      margin: 0 1.5% 10px 1.8% !important;
      /*margin: 1% 1.5% 5% 1.8% !important;*/
      width:30% !important;
      min-height: 195px !important;
    }
/*
  .item_box {
    min-height: 185px !important;
  }
  margin: 0 1.5% 20px 1.8% !important
*/
    .product-row{
      overflow: visible;
    }





    /*ブランドページ480*/

    .brand-brandtext{
      color:#000 !important;
    }

    .cg_freespace_01 {
      margin: 0px 0 15px 0 !important;
        /*margin: 5px 0 15px 0 !important;*/
    }


    /*ブランドページ-porchetto480*/
    .brand-brandtext {
      padding: 8% 4% 4% 6% !important;
    }

    .brand-brandimage{
      display: none;
    }

    .brand-page-contents {
        width: 100%;
        background-color:transparent !important;
        overflow: hidden;

        background-size: 100%;
        /*opacity: 0.9;*/
        min-height: 480px !important;
    }

    .brand-brandtext {
        width: 50% !important;
        float: right !important;
        padding: 8% 4% 4% 6% !important;
        text-align: center;
        background-color: rgba(236,236,236,.6);

    }


    .brand-rahmen {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/brandpage-rahmen2.jpg?cmsp_timestamp=20201130151750) no-repeat;
    }
    .brand-zephyr {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/brandpage-zephyr530x700.jpg?cmsp_timestamp=20190428194310) no-repeat;
    }
    .brand-zoa {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/%A1%FCDSC_0319-low-2.jpg?cmsp_timestamp=20190310190843) no-repeat;
    }
    .brand-porchetto {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/porchetto-top-image700%2C530.jpg?cmsp_timestamp=20191211152302) no-repeat;
    }
    .brand-fukusen {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/brandpage-fukusen.jpg?cmsp_timestamp=20201207090949) no-repeat;
    }
    .brand-page-souta {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/brandpage-souta530x700.jpg?cmsp_timestamp=20190310115503) no-repeat;
    }
    .brand-page-kunieda {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/brandpage-kunieda530x700.jpg?cmsp_timestamp=20190310202244) no-repeat;
    }
    .brand-squaredinner {
      background-size: 100% !important;
      background: url(https://img07.shop-pro.jp/PA01426/811/etc/brandpage-square1.jpg) no-repeat;
    }
    .brand-bunsei {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/brandpage-bunsei530x700.jpg?cmsp_timestamp=20190509151434) no-repeat;
    }
    .brand-takumi {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/brandpage-takuminokura530x700.jpg?cmsp_timestamp=20190509151559) no-repeat;
    }
    .brand-takumi_shochu {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/shochu_toppage_image.jpg?cmsp_timestamp=20201205023752) no-repeat;
    }
    .brand-takumicurry{
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/takumicurry_toppage_image.jpg?cmsp_timestamp=20201205031907) no-repeat;
    }
    .brand-takumi_beer{
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/beer_toppage_image.jpg?cmsp_timestamp=20201206023046) no-repeat;
    }
    .brand-utsua {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/brandpage-utsua2.jpg?cmsp_timestamp=20201130162231) no-repeat;
    }
    .brand-jp {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/shinpou_topimage.jpg) no-repeat;
    }
    .brand-page-kakiemon {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/kakiemon_topimage1.jpg?cmsp_timestamp=20200804171459) no-repeat;
    }
    .brand-page-imaemon {
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/imaemon_topimage.jpg) no-repeat;
    }
    .brand-yoichi{
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/yoichi_toppage_image1.jpg?cmsp_timestamp=20201027234633) no-repeat;
    }
    .brand-shinpou{
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/shinpou_toppage_image.jpg?cmsp_timestamp=20201028161938) no-repeat;
    }
    .brand-korin{
      background-size: 100% !important;
      background: url(https://img21.shop-pro.jp/PA01426/811/etc/korin_toppage_image.jpg?cmsp_timestamp=20201028172717) no-repeat;
    }
    .brand-toetsu{
      background-size: 100% !important;
      background: url(https://img07.shop-pro.jp/PA01426/811/etc/toetsu_topimage_m2.jpg) no-repeat;
    }

    .brand-koraku{
      background-size: 100% !important;
      background: url(https://img07.shop-pro.jp/PA01426/811/etc/koraku_toppage_image1.jpg) no-repeat;
    }

    .brand-tokushichi {
      background-size: 100% !important;
      background: url(https://img07.shop-pro.jp/PA01426/811/etc_base64/dG9rdXNoaWNoaV90b3BwYWdlX2ltYWdlMQ.jpg?cmsp_timestamp=20250226145758) no-repeat;
    }



    .kunieda-text, .squaredinner-text{
    padding: 10% 4% 4% 7% !important;
    }

    .kunieda-text img, .squaredinner-text img{
      width: 100% !important;
    }
    .kunieda-text h4, .squaredinner-text h4{
      margin-top: 30% !important;
    }

    h2.yoichi_title{
      font-size:20px !important;
      top:10% !important;
    }
    .koraku-text img{
      width:50% !important;
    }

/*徳七*/
  .tokushichi-text img{
    width: 35%;
    margin-bottom: 5%;
  }

}




/*アトリエやま*/

.yama_animals{
  width:100%;
  overflow: hidden;
}

.yama_animals_banner{
  background: #e1e8e0;
  overflow: hidden;
}

.yama_animals_text{
  padding:9% 5% 0 5%;
  width: 40%;
  float: left;
}
.yama_animals_text h4{
  margin-bottom: 2em;
  padding-top: 22px;
  font-size: 18px;
}
.yama_animals_text img{
  width:10%;
  margin-right:10px;
  float:left;
}

.yama_animals_img{
  width:50%;
  float: left;
}
.yama_animals_img img{
  width:100%;
}

.yama_animals_map{
  background-image:url(https://img07.shop-pro.jp/PA01426/811/etc/animals_map_background_2.jpg?cmsp_timestamp=20210409160603);
  background-size: cover;
  margin-top: 2%;
  position: relative;
  height:800px
}
.yama_animals_map img{
  position: absolute;
  border-radius:30px
}
.yama_animals_map a{
  pointer-events:
}
.yama_animals_num{
  transition:all 0.3s;
}


.yama_animals_map a::hover img.yama_animals_num{
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
}

.y_a_1{
  top:50px;
  width:20%;
  left:7%;
}
.y_a_2{
  top:250px;
  width:25%;
  left:35%;
}
.y_a_3{
  top:80px;
  width:17%;
  left:70%;
}
.y_a_4{
  top: 400px;
  width: 19%;
  left: 3%;
}
.y_a_5{
  top: 550px;
  width: 16%;
  left: 33%;
}
.y_a_6{
  top: 400px;
  width: 20%;
  left: 74%;
}
@media(max-width:1000px){

  .yama_animals_text{
    padding: 8% 4%;
    width: 92%;
  }
  .yama_animals_img {
    width: 100%;
  }
  .y_a_1{
    width:29%;
  }
  .y_a_2{
    width: 32%;
  }
  .y_a_3{
    width: 22%;
  }
  .y_a_4 {
    width: 24%;
  }
  .y_a_5 {
    width: 23%;
  }
  .y_a_6 {
    width: 23%;
  }

}


@media(max-width:480px){
  .yama_animals_text h4{
    font-size: 16px;
  }
  .yama_animals_text img{
    width:15% !important;
  }
  .y_a_1{
    width: 53%;
    left: 4%;
  }
  .y_a_2{
    top: 250px;
    width: 45%;
    left: 10%;
  }
  .y_a_3{
    top: 160px;
    width: 37%;
    left: 60%;
  }
  .y_a_4 {
    top: 400px;
    width: 39%;
    left: 1%;
  }
  .y_a_5 {
    top: 570px;
    width: 40%;
    left: 36%;
  }
  .y_a_6 {
    top: 370px;
    width: 37%;
    left: 62%;
  }

}