/* all --*/

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese');


* {
  margin: 0px;
  padding: 0px;
}

html {
  overflow-y: scroll;
  height: 100%;
}

body {
  text-align:left;
  font-size: 14.5px;
  font-family:Times,'Noto Serif JP','YuMincho','Hiragino Mincho ProN';
  color: #333333;
  background-color: #FFFDFA;
  background-image: url();
}
a {
  outline: none;
  color: #5a5a5a;
}
a:visited,:link {
  text-decoration: none;
}

hr {
  clear: left;
  margin: 10px 0;
  border: 0;
}

img {
  border: none;
  vertical-align: middle;
}

/* clearfix ---*/

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}


/* layout ------*/

#container {
  margin:0px auto;
  width:960px;
  text-align:left;
  min-width:200px;
}

#header {
  clear:both;
  padding: 20px 0;
  width:100%;
}

#side{
  float: left;
  width: 18%;
}

#main {
  float: right;
  width: 700px;
}

#footer {
  clear:both;
  padding: 40px 0 2px;
  width:100%;
  border-top: 1px solid #ccc;
  color: #666;
  text-align: center;
}

.slider{
  margin: 0 0 25px;
}
.shape-test{
  display:none;
}

.icon{
  display: none;
}

/* header -------------------*/

#header .header_link ul li {
  float: left;
  margin-left: 0px;
  list-style-type: none;
  margin-right:35px;
}
.header_link img{
  margin-right:10px;
}
.header_link .my_account img{
  width:33px;
  margin-top:-2px;
}
.member_login_btn img, .member_logout_btn img{
  width:30px;
}

.header_link .view_cart img{
  width:15%;
}

#header .header_link ul li.view_cart span.count{
  width:10px;
  height:10px;
  padding:10px 21px 12px 16px;
  font-weight: bolder;
  background: url(https://img21.shop-pro.jp/PA01426/811/etc/cart.png) no-repeat;
  background-size:contain;
  color:#666666;
}
.header_link{
  position:fixed;
  right:0;
  margin-right:0;
  z-index:9999;
  margin-top:-14px;
  overflow: hidden;
  background-color: rgba(242,242,242,.8);
  padding: 13px 0px 12px 40px;
}

#header .search {
  float: right;
  clear: right;
  margin-bottom: 40px;
}

#header h1.logo {
  max-width: 50%;
  word-wrap: break-word;
  font-size: 40px;
}
#header h1.logo a {
  text-decoration: none;
}
#header h1.logo img {
  max-width: 100%;
}


/*トップメニューの検索枠*/

@media(max-width:960px){

#app-cover{
  float: left;
  margin-right: 50px;
}

#app{
    position: relative;
    height: auto;
    padding: 0px;
}

#app.active{
  width:250px;
  overflow: hidden;
}

/*
#app:after{
    content: '.';
    display: table;
    clear: both;
    height: 0;
    visibility: hidden;
}*/

#app form{
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;/*
    margin: 0 44px 0 18px;
    opacity: 0;*/
}

#app #search-input{
    display: block;
    width: 200px;
    height: 100%;
    color: #111;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    border: 0;
    background-color: transparent;
    padding: 0 30px;
    margin: 0px 0px 0px 0px;
    outline: none;
    height: inherit;
}

#app #search-input::placeholder{
    color: #ccc;
}

#circle{
    position: relative;
    width: 25px;
    height: 25px;
    float: right;
    box-sizing: border-box;
    border: 2px solid #aaa;
    border-radius: 100px;
    overflow: hidden;
}

#r-btn{
    right: -3px;
    top: -12px;
    margin: -2px -2px 0 0;
    transform: rotateZ(45deg);
}

#r-btn:before, #r-btn:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: 7px;
}

#r-btn:before{
    top: 0;
}

#r-btn:after{
    bottom: 0;
}

#c-btn{
    right: 0px;
    bottom: 0;
    top: 20px;
    transform: rotateZ(-45deg);
}

#c-btn, #r-btn{
    position: absolute;
    width: 2px;
    height: 11px;
    border-radius: 0px;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
}

#c-btn, #r-btn:before, #r-btn:after{
    background-color: #aaa;
}

#circle, form.active{
    transition: 0.3s ease all;
}

#init-button{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 28px;
    height: 28px;
    cursor: pointer;
}
#app.active #init-button{
    top: 6px;
    right: 8px;
}

#submit-button{
  position: absolute;
    top: 0px;
    right: 14px;
    width: 28px;
    height: 28px;
    cursor: pointer;
}


#submit-button{
    opacity: 0;
    z-index: -1;
}

#submit-button.active{
    z-index: 2;
}

#init-button{
    z-index: 1;
}

#app.active #circle{
    width: 100%;
    height: 38px;
}

form.active{
    left: 0;
    opacity: 1;
}

#app.active #c-btn{
    transform: rotateZ(-46deg) translateY(-13px);
    right: 11px;
    height: 14px;
}

#app.active #c-btn.change{
    border-radius: 0px 0px 4px 4px;
    transform: rotateZ(-90deg) translateY(-18px) translateX(8.5px);
}

#app.active #r-btn{
    transform:rotateZ(45deg) translateY(33px);
    height: 14px;
}

#app.active #r-btn.change:before{
  top: -4px;
  left: -3px;
  transform: rotateZ(90deg) translateX(8px);
}

}


/* footer -----------*/

#footer a {
  color: #666;
}

#footer .footer_menu {
  clear: both;
  margin-bottom: 10px;
}
#footer .footer_menu li {
  display: inline;
  margin: 0 5px;
}

.foot_policy{
  margin: 0 0 30px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
}

.foot_sk_box{
  float: left;
  padding: 0 25px;
  width: 200px;
  text-align: left;
}
.foot_sk_box h3{
  margin: 0 0 1em;
  text-align:center;
}
.foot_sk_box h4{
  font-size: 13px;
}
.foot_sk_box dt{
  margin: 0 0 .5em;
}
.foot_sk_box dd{
  margin: 0 0 1.5em;
}

#mobile{
  width: 145px;
}


/* main ---------*/

#main .box {
  margin-bottom: 0px;
}
#main .box h3 {
  font-size: 15px;
  vertical-align: middle;
}
.header_brand{
  margin-bottom:1% !important;
}
#main .header_block{
  margin-bottom:4%;
}
#main .header_block .icon{
  padding: 0;
}


/* item_box ---------*/

.item_box {
  display:inline-block;
  float: left;
  margin: 1% 2% 2% 2%;
  width: 16%;
  vertical-align:top;
  text-align: left;
  /display:inline;
  /zoom:1;
  font-size: 14px !important;
  letter-spacing: 0.05px;
}
.box_small .item_box.box_6{
  display: none;
}
.item_box .item_image {
  margin: 0px;
}
.item_box .item_image img{
    transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
}
.item_box .item_image img.item {
  max-width: 100%;
  width:100%;
}
.item_box .item_detail {
  margin: 15px 0 0;
  padding-left: 10px;
  border-left: solid 1px #ddd;
  transition: all 0.2s;
}
.item_box .item_detail p{
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
}

.item_box .item_detail p.item_name {
  margin-bottom: 5px;
  font-size: 15px;
}

.item_box .item_detail p.item_description{
  text-overflow: initial;
  overflow: visible;
  white-space: normal;
}

p.item_regular_price, p.item_price, p.item_discount {
  /*margin-bottom: 10px;*/
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  /*color:#f33a3a;*/
  color:#d77;
}

.box_last{
  margin-right: 0;
}

.box_small .item_box {
  display:inline-block;
  vertical-align:top;
  text-align: left;
  /display:inline;
  /zoom:1;
}
.box_small p {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
}
.box_small .item_box .item_detail a {
  margin-bottom: 5px;
  font-size: 14px;
}

.box_small .box_last {
  margin-right: 0;
}

.stock_error{
  display:none;
  padding:10px 0;
  color:#DA5858;
  font-weight:bold;
}

/*ホバー時エフェクト*/

@media(min-width:500px){

  .item_box:hover .item_detail{
    border-left:1px solid #d47056;
  }
  
  .item_box:hover .item_image img {
    transform:scale(1.05);
    -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -o-transform: scale(1.05);
     -ms-transform: scale(1.05);
    transform: rotate(0.0001deg)
    box-shadow:0 0 3px #ccc;
  }

  a:hover {
  color: #906D66;
  }
  
}


/* search_page ----*/

.search_result {
  margin: 20px 0;
  padding: 10px 0;
  background: #ddd;
  text-align: center;
}


/* side -----*/

.header_link_mobile{
  display: none;
  left:10px;
  position:absolute !important;
}
.header_link_mobile .view_cart a{
  padding:0 10px 0 0 !important;
  margin-left:5% !important;
}
.header_link_mobile ul li {
  float: left;
  margin:20px 10px 10px 0 !important;
}

#side .box {
  clear: both;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  word-wrap: break-word;
  position: relative;
}

#side .box h3 {
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  border-bottom:#E6897E dotted 1px;
  padding-bottom:10px;
}

#side .box ul {
  margin-left: 0px;
  list-style: none;
}




#side #side_nav {
  padding: 0;
  border-top: none;
  border-bottom: none;
}
#side #side_nav ul{
  margin:10px 0 10px 0px;
}
#side #side_nav ul li {
  margin: 0;
  z-index:200;
}
#side #side_nav .nav_item{
  clear: both;
  padding: .9em .5em;
  cursor: pointer;
}
#side #side_nav .nav_item .nav_icon{
  float: left;
  padding: inherit;
  width: 20px;
  height: auto;
}
#side #side_nav .nav_item .nav_icon img{
  max-width: 100%;
}
#side #side_nav .nav_item h3{
  margin-bottom: 4px;
  padding: 0;
  border: none;
  text-align: right;
}
#side #side_nav .nav_item p{
  color: #999;
}

.box_default ul li div{
  position: relative;
  padding: 1.2em 0 1em;
  text-align: left;
}
.box_default ul li div img{
  border: solid #ddd 1px;
}
.box_default ul li div p{
  line-height : 1.6;
}

#side #box_cart .cart_button {
  text-align: right;
}

#side #box_owner .inner{
  padding: 1.2em 0 1em;
}
#side #box_owner .owner_photo{
  margin: 0 0 10px;
  width: 100px;
  max-width: 100%;
  height: auto;
  border: solid #ddd 1px;
}
#side #box_owner p.name {
  font-size: 14px;
}
#side #box_owner p.memo {
  font-size: 11px;
  line-height: 18px;
}
#side #box_owner p.website {
  padding-left: 20px;
}

#box_sellers .seller_box{
  padding: 2.2em 2% 2.2em 7%;
  border-bottom: 1px solid #f2f2f2;
}
#box_sellers li{
  position: relative;
  display: block;
}
#box_sellers  .top_seller:before{
  position: absolute;
  top: 18px;
  left: -3px;
  content: url(https://img.shop-pro.jp/tmpl_img/67/rank1.png);
}
#box_sellers  .rank_2:before{
  content: url(https://img.shop-pro.jp/tmpl_img/67/rank2.png);
}
#box_sellers  .rank_3:before{
  content: url(https://img.shop-pro.jp/tmpl_img/67/rank3.png);
}
#box_sellers .seller_image{
  float: left;
  margin: 0 5px 0 0;
  width: 40% !important;
  border: solid #ddd 1px;
}
#box_sellers .seller_detail{
  float: right;
  width: 50% !important;
}
#box_sellers .seller_rank{
  margin: 5px 0 10px;
  font-size: 15px;
}
#box_sellers .seller_rank > strong{
  font-size: 15px;
}
#box_sellers .seller_name, .seller_teika{
  font-size: 13px;
}
#box_sellers .seller_teika{
  float: left;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
#box_sellers .more_seller{
  display: none;
}

.more_btn{
  padding: 8px 0;
  border-top: solid 1px rgb(228, 212, 168);
  text-align: center;
  cursor: pointer;
}

.updown{
  display: inline-block;
  margin: 0 3px 0 0;
  width: 13px;
  height: 8px;
  background: url(https://img.shop-pro.jp/tmpl_img/67/down_icon.png);
  background-repeat: no-repeat;
}

.more_up{
  background: url(https://img.shop-pro.jp/tmpl_img/67/up_icon.png);
}



/* --Common Elements--------- */

table {
  border-spacing: 0;
  border-collapse: collapse;
}
table.table {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
table.table th {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f5f5f5;
}
table.table td {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.footstamp {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-top:-2%;
}
.footstamp span {
  margin: 0 5px;
  color: #999;
}

.sold_out {
  color: #DA5858;
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}

.to_top{
  float: right;
  clear: both;
  text-align: center;
  margin: 5% 0 3% 0;
  padding: 1.3em 1em;
  border: solid 1px #aaa;
  font-size: 14px;
  color: #888;
}
.to_top:hover {
  text-decoration: none;
  color: #906D66;
  border-color: #906D66;
}

.tbl_calendar {
  margin: 20px 0;
  width: 100%;
  border: none !important;
  border-spacing: 0 !important;
  border-collapse: collapse !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  border-bottom: 1px solid #ccc !important;
  text-align: center !important;
}

/* @group button */
.btn {
  display: block;
  margin-top: 1em;
  border: none;
  border-radius: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance:none;
}
.btn:link,
.btn:visited,
.btn:hover,
.btn:active{
  color: #fff;
  text-decoration: none;
}
.btn-primary {
  margin: 1.2em 0 .9em;
  padding: 1.4em 0;
  background-color: #c86464;
}
.btn-contact {
  margin: 0.5em 0.3em;
  padding: 1.3em 0;
  background-color: #a0a0a0;
  font-weight: normal;
  font-size: 13px;
}
.btn-quick {
  margin: 0.9em 0;
  padding: 1.3em 0;
  background-color: #64b4c8;
  font-size: 13px;
}


/*----追加CSS-------*/

.nav_title h4{
  font-weight:500;
}
.header_link{
  font-size:14px;
}

#animation {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

/*loader*/

#preloader-background {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
}
.loader {
  display: block;
  position: relative;
  height: 64px;
  width: 90px;
  z-index:9999;
  top:50%;
  left:45%;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-transform: translate3d(0,0,0);
}
.loader img{
  max-width:500px;
  width:90px;
}
.loading-square {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0;
}
.rotateY {
  animation: rotateY 2.8s linear infinite;
}
@-webkit-keyframes rotateY {
    0% {
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -webkit-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -webkit-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}
@-moz-keyframes rotateY {
    0% {
        -moz-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -moz-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -moz-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -moz-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}
@keyframes rotateY {
    0% {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -webkit-transform:rotateY(90deg);
        -moz-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -webkit-transform:rotateY(270deg);
        -moz-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}



#container{
  width:94%;
  margin: 1% auto;
}
#header{
  padding:0 !important;
}
.logo{
  padding-top:3.5%;
}
#header h1.logo{
  max-width:14%;
  padding-left:2%
}
.sub-tittle{
  width: 18%;
  text-align: center;
  margin-top: 20px;
  font-size: 1.1vw;
  font-weight: 200;
  /*color: #133163;*/
}

#menu-toggle {
  display: none;
}

#main{
  width:78%;
  margin-top:-15.5%;
  letter-spacing: 0.08em;
}
#main .box{
  padding: 0px 0px 0px 0px;
}



/*-----サイドバー---------------------------*/

#side .header_link ul li.view_cart span.count {

    background: transparent;
    border-radius: 0px;
    padding: 8px 10px 10px 15px;
    background: url(https://img21.shop-pro.jp/PA01426/811/etc/cart.png) no-repeat;
    background-size: auto;
    background-size: contain;
    color: #666666;
}

.shape, .purpose, .kiln-list{
  margin-top:20%;
  -moz-box-shadow: 0 0 1px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
  box-shadow: 0 0 1px #ccc;
  border: 0;
  background-color: #F2F2F2;
  padding: 25px 0px 20px 20px;
}

#side .box h3{
  font-size:14px;
  color:#000;
  padding-left: 8px;
}

.nav_title{
  text-align:center;
  margin:20px 0;
}
#side #side_nav .nav_item{
  padding:0.3vw
}




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


#side nav .menu ul li {
  
  background-size: 55px;
  background-position: 15px center;
  background-repeat: no-repeat;

}

#side nav .menu ul li a {
  display: block;
  width: 100%;
  height: 68px;
  background-color: #f2f2f2;
  background-size: 48px;
  background-position: 10px center;
  background-repeat: no-repeat;
  display: -webkit-flex;
  display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 /*-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 /*justify-content: center; /* 横方向中央揃え */
}

#side nav .menu ul li a span {
  margin-left: 47%;
}

/*#side nav .menu ul li:hover > a, #side nav .menu ul li ul li a{
  background-color: #e4c5c1;
}*/
#side nav .menu ul li ul li a:hover{
  background-color: #dcb1ab;
}


/* mugcup */
.icon_cup > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_mug.png");
}

/* freecup */
.icon_freecup > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_freecup.png");
}


/* yunomi */
.icon_yunomi > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_yunomi.png");
}

/* sabachoko */
.icon_sobachoko > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_sobachoko.png");
}


/* sakecup */
.icon_sakecup > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_sake_cup.png");
}

/* shochuglass */
.icon_shochuglass > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_shochu.png");
}


/* beerglass */
.icon_beerglass > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_beerglass.png");
}



/* plate */
.icon_plate > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_plate.png");
}


/* square-plate */
 .icon_square-plate > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_square_plate.png");
}


/*oval-plate*/
.icon_oval-plate > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_daen_plate.png");
}


/*henkei-plate*/
.icon_henkei-plate > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_henkei_plate.png");
}



/*bowl*/
.icon_bowl > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_bowl.png");
}


/*rice-bowl*/
.icon_rice-bowl > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_rice_bowl.png");
}


/*donbri*/
.icon_donburi > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_donburi.png");
}


/*futamono*/
.icon_futamono > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_futamono.png");
}


/*kotsuke*/
.icon_kotsuke > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_kotsuke.png");
}


/*smallplate*/
.icon_smallplate > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_kotsuke_plate.png");
}


/*smallbowl*/
.icon_smallbowl > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_kotsuke_bowl.png");
}



/*kyusu*/
.icon_kyusu > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_kyusu.png");
}


/*pot*/
.icon_pot > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_teapot.png");
}


/*soysaucepot*/
.icon_soysaucepot > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_shoyu.png");
}


/*tokkuri*/
.icon_tokkuri > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_tokkuri.png");
}


/*cutlery*/
.icon_cutlery > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_cutlery.png");
}


/*hashioki*/
.icon_hashioki > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_hashioki.png");
}


/*renge*/
.icon_renge > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_renge.png");
}


/*platestand*/
.icon_platestand > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_stand.png");
}


/*vase*/

.icon_vase > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_vase.png");
}
.icon_cup-vase > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_cup-vase.png");
}
.icon_single-vase > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_single-vase.png");
}

/*wine-cooler*/
.icon_wine-cooler > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_wine_cooler.png");
}

/*pitcher*/
.icon_pitcher > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_pitcher.png");
}

/*tobako*/
.icon_tobako > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_toubako.png");
}
/*towel*/
.icon_towel > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_towel.png");
}



/*目的から探す*/

/*ギフト*/
.icon_gift > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_gift.png");
}

/*子供用*/
.icon_child > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_child.png");
}
/*一点物*/
.icon_sakka > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_handmade.png");
}
/*白磁*/
.icon_hakuji > a {
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_plate.png");
}

/*縁起物*/
.icon_engimono > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_engimono2.png");
}
/*置物*/
.icon_okimono > a{
  background-image: url("https://img07.shop-pro.jp/PA01426/811/etc/okimono.png");
}


/*窯元から探す*/

.icon_fukusen > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_fukusen.png");
}

.icon_souta > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_souta.png");
}

.icon_youichi > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_youichi.png");
}

/*.icon_shinpou > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_shinpou_1.png");
}*/


.icon_tokushichi > a{
  background-image: url("https://img07.shop-pro.jp/PA01426/811/etc_base64/dG9rdXNoaWNoaV9sb2dv.png?cmsp_timestamp=20250223180157");
}

.icon_kourin > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/kourin.png");
}
.icon_toetsu > a{
  background-image: url("https://img07.shop-pro.jp/PA01426/811/etc/icon_toetsu.png");
}
.icon_koraku > a{
  background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/koraku-logo2.png");
}





  /*PC時のみサイドホバー白反転*/
  @media(min-width:480px){


      #side .shape li a:hover, #side .purpose ul li a:hover, #side .kiln-list ul li a:hover{
      color:#fff !important;
      }
      #side nav .menu ul li:hover > a, #side nav .menu ul li ul li a {
        background-color: #e4c5c1;
      }

      .icon_cup, .icon_cup > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_mug_w.png");
      }
      .icon_freecup, .icon_freecup > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_freecup_w.png");
      }
      .icon_yunomi, .icon_yunomi > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_yunomi_w.png");
      }
      .icon_sobachoko, .icon_sobachoko > a:hover  {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_sobachoko_w.png");
      }
      .icon_sakecup, .icon_sakecup > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_sake_cup_w.png");
      }
      .icon_shochuglass, .icon_shochuglass > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_shochu_w.png");
      }
      .icon_beerglass, .icon_beerglass > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_beerglass_w.png");
      }
      .icon_plate, .icon_plate > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_plate_w.png");
      }
      .icon_square-plate, .icon_square-plate > a:hover  {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_square_plate_w.png");
      }
      .icon_oval-plate, .icon_oval-plate > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_daen_plate_w.png");
      }
      .icon_henkei-plate, .icon_henkei-plate > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_henkei_plate_w.png");
      }
      .icon_bowl, .icon_bowl > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_bowl_w.png");
      }
      .icon_rice-bowl, .icon_rice-bowl > a:hover{
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_rice_bowl_w.png");
      }
      .icon_donburi, .icon_donburi > a:hover{
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_donburi_w.png");
      }
      .icon_futamono, .icon_futamono > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_futamono_w.png");
      }
      .icon_kotsuke, .icon_kotsuke > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_kotsuke_w.png");
      }
      .icon_smallplate, .icon_smallplate > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_kotsuke_plate_w.png");
      }
      .icon_smallbowl, .icon_smallbowl > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_kotsuke_bowl_w.png");
      }
      .icon_kyusu, .icon_kyusu > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_kyusu_w.png");
      }
      .icon_pot, .icon_pot > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_teapot_w.png");
      }
      .icon_soysaucepot, .icon_soysaucepot > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_shoyu_w.png");
      }
      .icon_tokkuri, .icon_tokkuri > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_tokkuri_w.png");
      }
      .icon_cutlery, .icon_cutlery > a:hover{
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_cutlery_w.png");
      }
      .icon_hashioki, .icon_hashioki > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_hashioki_w.png");
      }
      .icon_renge, .icon_renge > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_renge_w.png");
      }
      .icon_platestand, .icon_platestand > a:hover{
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_stand_w.png");
      }
      .icon_vase, .icon_vase > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_vase_w.png");
      }
      .icon_cup-vase, .icon_cup-vase > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_cup-vase_w.png");
      }
      .icon_single-vase, .icon_single-vase > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_single-vase_w.png");
      }
      .icon_wine-cooler, .icon_wine-cooler > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_wine_cooler_w.png");
      }
      .icon_pitcher, .icon_pitcher > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_pitcher_w.png");
      }
      .icon_tobako, .icon_tobako > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_toubako_w.png");
      }
      .icon_towel, .icon_towel > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_towel_w.png");
      }


      .icon_hakuji, .icon_hakuji > a:hover {
        background-image: url("https://img21.shop-pro.jp/PA01426/811/etc/icon_plate_w.png");
      }


  }





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



.box-tittle{
  position:relative;
  padding: 0 20px 0 5px;
}

.box-tittle h3:before{
  position: absolute;
  top: -9px;
  bottom: 0px;
  left: -5px;
  right: 0px;
  content: '';
  background-color:#d47056;
  width:2px;
}

.main-sub-manu:before, .main-sub-manu:after{
  content: "";
  display: table;
}
.main-sub-manu:after{
  clear: both;
}
.main-sub-manu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: -10px;
  left: 100%;
  margin: 0;
  padding: 0;
  background-color: rgb(226, 195, 191);
  transition:all 0.15s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  min-width: 230px;
}
.main-sub-manu li ul li{
  width: 100%;
}
.sub-group{
  height:0;
}

#left-to-right ul{
  overflow: hidden;
  width: 0;/*
  transition: .1s;*/
}
#left-to-right li:hover ul{
  width: 100%;
  height:auto;
}
#left-to-right li:hover ul li a{
  white-space: nowrap;
}


/*検索バー*/

#search select{
  display: none;
}
#search input{
  height:35px;
  font-size:80%;
  border: 1px solid #666;
  border-radius: 0.67em;
  padding: 0 0.5em;
}
#search img{
  padding:0 5px;
  width:6%;
}
.search_bar{
  width:60%;
}
.search_bar:focus {
    outline: none;
    background-color: #f9f9f9;
}





/*サイドバナー　----*/


/*outletサイドバナー*/

.side-banner-img{
  margin-top:10%;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.side-banner-img img{
  width:100%;
}

.side-banner-img:hover{
  opacity:0.7;
}



/*検索*/
.search{
  margin-top:30%;
}

/*特集ランダム表示*/

#news-blog_side .feature-image, #news-blog_side .feature-text {
  width: 100%;
  padding: 0;
}
#news-blog_side img{
  width:100%;
}
#news-blog_side h4{
  margin-bottom:0;
  font-size: 0.9em;
  color:#666;
  margin-top:0.5em;
}
#news-blog_side .feature-contents{
  margin: 15% 0;
  width: 100%;
}






@media(max-width:960px){/*480*/
  #news-blog_side .feature-contents{
    margin:2em 0 0 0;
  }
  #news-blog_side{
    padding:0 5% !important;
  }
  .side_blog{
    margin: 15% 2% 0 2%;
    border-right: none;
    border-left: none;
  }
  #news-blog_side h4{
    font-size: 1em;
    margin-top: 0;
  }

}






/*--ヘッドタイトル---*/

.section-tittle{
  text-align: center;
  margin: 4% auto 3% auto;
}

.tittle-brand-img{
  width:24%;
  margin-top:1%;
}
.tittle-new-img{
  width:13%;
  padding-right:3%;
}

.tittle-recommend-img{
  width: 17%;
  padding-right: 8%;
}
.tittle-checked-img{
  width:22%;
  padding-right:8%;
}
.tittle-brand{
  border-bottom:.5px solid #d7da6d;
}
.tittle-new{
  border-bottom:.5px solid #f7c6d0;
}
.tittle-recommend{
  border-bottom:.5px solid rgba(0,125,125, .3);
}
.tittle-checked{
  border-bottom: 1px solid #f2dcb9;
}
.section-tittle .line{
  width: 100%;
}

.tittle-recommend, .tittle-checked{
  margin-top:2%;
}


/*---スライダー --*/


.slick-slider{
  width:79% !important;
}
.slick-slider img{
  width:100% !important;
}
.slick-dots{
  width:23% !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: -25% !important;
}
.slick-dots li{
  margin-bottom: 7.8% !important;
  list-style: none !important;
  opacity:0.4;
}
.slick-active{
  opacity:1 !important;
}
.slick-slide {
  position: relative;
}
.slick-slide .caption {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 12px 45px;
  background: rgba(97, 97, 97, .5);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transition: 2s ease;
}
.slick-current .caption {
  opacity: 1;
  transition-delay: .5s;
}



/*-ブランド-*/

.brand{
  clear: both;
  overflow: hidden;
  width:100%;
  margin-bottom:3%;
}
.brand-wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.brand-logo{
  width:100%;
  height:5vw;
  position:relative;
  text-align:left;
}
.brand-logo-img{
  position:absolute;
  top:60%;
  transform:translateY(-50%)
}

.brand-logo-rahmen, .brand-logo-utsua{
  width:40% !important;
}
.brand-logo-zephyr, .brand-logo-zoa, .brand-logo-souta{
  width:25% !important;
}
.brand-logo-porchetto{
  width:60% !important;
}
.brand-logo-fukusen{
  width:14% !important;
}
.brand-logo-kunieda{
  width:70% !important;
}
.brand-logo-square{
  width:73% !important;
}
.brand-logo-bunsei{
  width:33% !important;
}
.brand-logo-takumi{
  width:30% !important;
}
.brand-logo-mutant{
  width:38% !important;
}
.brand-contents img{
  width:100%;
}
.brand-logo-jp{
  width:45% !important;
}
.brand-logo-rinka{
  width:43% !important;
}
.brand-logo-5way{
  width: 40% !important;
}


/*-エフェクト-*/

.snip1584 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 21.4% !important;
  color:#1C2C52 !important;
  font-size: 13px !important;
  text-align: center;
  margin:0 1.8%;
}
.snip1584 * {

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;

}
.snip1584:before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 100%;
  content: '';
  background-color:rgba(242,242,242,0.8);
  z-index: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border: 0.5px solid #ccc;
}

.snip1584 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip1584 figcaption {
  position: absolute;
  top: 4vw;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.snip1584 h3,
.snip1584 p{
  opacity: 0;
  letter-spacing: 1px;
}
.snip1584 p {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition-delay: 0.05s;
  -moz-transition-delay:0.05s;
  transition-delay: 0.05s;
  padding: 0 10px;
}
.snip1584 h3 {
  font-weight: normal;
  padding: 3px 10px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0.2s;
  -moz-transition:0.2s;
  transition-delay: 0.2s;
  margin-bottom:5px !important;
}
.snip1584 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

/*追加*/

.snip-image:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: calc(100% - 5vw);
  content: '';
  height: 0;
  background-color:rgba(242,242,242,0.8);
  z-index: 1;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.snip-image:hover h3,
.snip-image:hover p{
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.snip-image:hover p{
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay:0.3s;
  transition-delay: 0.3s;
}
.snip-image:hover h3{
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}


@media all and (-ms-high-contrast: none) {
    .snip-image:before {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      max-height: 100%;
      content: '';
      height: 0;
      background-color:rgba(242,242,242,0.8);
      z-index: 1;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      transition: all 0.25s ease;
      -webkit-transition-delay: 0.25s;
      -moz-transition-delay:0.25s;
      transition-delay: 0.25s;
      border: 0.5px solid #ccc;
    }
    .snip1584 figcaption {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
}
  @supports (-ms-ime-align: auto){
    .snip-image:before {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      max-height: 100%;
      content: '';
      height: 0;
      background-color:rgba(242,242,242,0.8);
      z-index: 1;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      transition: all 0.25s ease;
      -webkit-transition-delay: 0.25s;
      -moz-transition-delay:0.25s;
      transition-delay: 0.25s;
      border: 0.5px solid #ccc;
    }
    .snip1584 figcaption {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }


/*サイドエフェクト*/


div.container li{
    color: black;
    text-decoration: none;
    position: relative;
    z-index: 0;
    cursor: pointer;
}


div.borderXwidth li:after{
    bottom: 0px;
}

div.borderXwidth li:hover:after{
    opacity: 1;
    width: 100%;
}

div.borderXwidth li:before{
  position: absolute;
  opacity: 0;
  height: 100%;
  content: '';
  background: rgb(215, 159, 152);/*
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;*/
  left: 0px;
  top: 0px;
  width: 1px;
}

div.borderXwidth li:before{
    bottom: 0px;
}


div.borderXwidth li:hover:before{
  opacity:.7 !important;
  width:100%;
}



/*新着商品エフェクト*/



.shape .borderXwidth li::before, .purpose .borderXwidth li::before, .kiln-list .borderXwidth li::before {
  background: rgba(215, 159, 152, .8) !important;
  z-index: -1 !important;
}

#side .shape li a:hover img{
  visibility:hidden !important;
}



/*フッターのレイアウト*/

.foot_sk_box{
float: left;
margin-left: 6.5%;
padding:0px;
width: 20%;
text-align: left;
}
.box-first{
  margin-left:0 !important;
}
.foot_policy.clearfix{
  padding:0 3% 40px 3% ;
}
.foot_sk_box h3{
  margin: 0 0 3em;
}

.question-box ul{
 margin: 0 0 .5em;
}
.credit-card img {
  width: 35px;
}

  /*営業日カレンダー*/

.side_section_cal{
  margin-top:20%;
  clear:both;
}

.tbl_calendar{
  width:100%;
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin:
}
.tbl_calendar th, .tbl_calendar td {
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
.side_section_cal h3{
  margin:0 !important;
}
.tbl_calendar caption{
  margin-bottom:15px;
}


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

.option-icon img{
  width:60px;
}
.question-box ul{
  margin-bottom:80px;
}

.question-box li{
  float:left;
  margin-right:5%;
  border-bottom:1px solid #D8D8D8;
  margin-top:.5em;
}

.side_section_cal h5 {
  color:#e67a8a;
  font-size: 13px;
}


#footer{
  background-color: #f2f2f2;
  padding: 6% 0 1% 0;
  border-top:none;
}

.foot_policy {
  padding: 0 0 40px;
  margin: 0 0 10px;
}
.copyright{
  display:none;
}


/*--以下整理必要--*/

/*トップ商品レイアウトーーーーー*/

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: fixed;
  width: 30px;
  height: 26px;
  right:20px;
  z-index:2000;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.active .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}


/*新着書品トップバナー*/

.newitem-topbanner{
  width: 80%;
  overflow: hidden;
  background-color: #f2f2f2;
  text-align: center;
  margin:0 auto 5% auto;
}
.newitem-topbanner-image{
  width:50%;
  float:left;
}

.newitem-topbanner-text{
  width:50%;
  float: left;
}
.newitem-topbanner-image img{
  width:100%;
}
.newitem-topbanner-text{
  position: relative;
}
.newitem-topbanner-text p{
  font-size: 1.3vw;
  position: absolute;
  top: 9vw;
  left: 9.5vw;
}

/*おすすめトップバナー*/

.recommendeditem-topbanner{
  width: 100%;
  overflow: hidden;
  opacity: .95;
  margin-bottom: 5%;
}
.recommendeditem-topbanner-image{
  width:100%;
  overflow: hidden;
}

.recommendeditem-topbanner-text{
  width:100%;
  margin-top:10%;
  color: #5c5c5c;
}
.rtt2{
  display:none;
}
.recommendeditem-topbanner-image img{
  width:100%;
}

.recommendeditem-topbanner-contents {
    width: 30%;
    float: left;
    margin:0 1.66% !important;
}
.recommendeditem-topbanner-contents img{
   transition: all 0.5s
}


/*ランキング*/

#box_sellers{
  margin-top:20%;
  border:1px solid rgb(228, 212, 168);
  padding:0 2%
}


#box_sellers .title h3{
  border-bottom:none;
  padding-bottom:0;
  text-align: center !important;
  color:#fff;
  font-size:15px;
}

#box_sellers{
border-top:none!important;
border-bottom:none !important;
}

.ranking-title-block{
background-color: rgb(228, 212, 168);
padding: 10% 0;
border-bottom:none !important;
margin-bottom: 5%;
}

.seller_box.clearfix:hover {
 opacity: 0.8;
 transition: all 0.5;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
}


/*ギフト、イベントトップバナー*/

.top-banner-container{
padding: 4% 0;
border-top: .5px solid #906D66;
margin-top: 10%;
}

.top-banner{
  margin: 0 2%;
  background-color: #f2f2f2;
  width: 96%;
  overflow: hidden;
  transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
}
.top-banner.top-banner2{
  margin-top:4%;
}

.top-banner-img{
  width:50%;
  float:left;
  opacity:1;
}
.cr_option_detail .top-banner-img{
  opacity: 1;
}
.top-banner-text{
  width:40%;
  float:left;
  margin:8% 5% 0 5%
}
.top-banner-text h4{
  font-size: 15px;
  font-weight: 600;
}
.top-banner-text p{
  margin-top: 8% !important;
  line-height: 2em;
}
.top-banner img{
  width:100%;
}
a .top-banner:hover{
  opacity: 0.8;
}

.top-banner_wrap{
  width:97%;
  margin:1% 1% 0 2%;
}
.event_banner{
  border:1px solid #E6897E;
  width:98.5%;
  margin:0;
}
.event_banner_text{
  margin:5% 5% 0 5% !important;
}
.event_banner_text h4{
  font-size:20px;
  font-weight:700;
  color:#f77;
  letter-spacing: 4px;
  text-align: center;
}
.event_banner_text h4 img{
  width:30px;
}
.banner_text_img1{
  margin-right:15px;
}

@media(max-width:480px){
  .event_banner_text{
    margin:0 !important;
  }    
}




/*ギフト特集ページ*/

.giftpage-top-banner {
    margin: 0;
    width: 100%;
}
.giftpage-top-banner-container {
    width: 100%;
    padding:0;
    border-top:none;
    margin-top: 0;
}


/*特集ページ*/

.featurepage{
  text-align:center;
  margin:0 auto;
  width: 80%;
  padding: 8% 10%;
  background-color: #f5f5f5;
}
.featurepage img{
  width:100%;
}
.featurepage h2{
  margin-bottom: 7%;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding-bottom: 14px;
  text-align:left;
}
.featurepage p{
  font-size:14px;
  margin:5% 0;
  text-align:left;
}
a .feature-contents:hover{
  opacity:0.8;
}

/*商品一覧*/

#box_recentlychecked{
  overflow: hidden;
  margin-bottom:4%;
}
.item_box .item_detail{
  height:50px;
}




/*about_Arita*/

.ex_arita_wrapping{
  letter-spacing: 0.08em;
  line-height: 2em;
}

.ex_arita_wrapping h3{
  margin-top:1em;
}
.ex_arita_wrapping p{
  margin-top:0.5em;
  padding:0 .5em;
}

.ex_arita_wrapping h2{
  margin-bottom:3em;
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid #d9a2a2;
}

.ex_arita_wrapping h2::before{
  content: "";
  width: 4px;
  background: #d9a2a2;
  left: 0px;
  top: -20%;
  height: 120%;
  position: absolute;
}
.arita_feature {
  width: 30%;
  float: left;
}
.af_2, .af_3{
  margin-left:5%;
}








/*---レスポンシブ設定----------*/




@media(max-width:1200px){

.shape, .purpose, .kiln-list{
  padding: 25px 10px 20px 10px;
}

/*トップバナー*/
.top-banner-text {
    margin: 6% 5% 0 5% !important;
}
/*}*/


/*@media(max-width:1100px){*/

/*ランキング1100*/

  #box_sellers .seller_detail {
    float: left !important;
    max-width: 104px !important;
  }

/*}*/



/*@media(max-width:1000px){*/

#box_sellers .seller_rank{
  margin: 20px 0 0 0 !important;
}
#box_sellers .seller_detail {
    float:left !important;
}

#box_sellers .seller_box {
    padding: 2.2em 0% 2.2em 20% !important;
}
#box_sellers .seller_image{
  width:70% !important;
}
#box_sellers .seller_detail{
  width:100% !important;
}


/*トップバナー*/

.top-banner-text h4 {
    font-size: 13px !important;
}
.top-banner-text p{
  font-size: 13px !important;
  line-height: 1.5em !important;
}

/*}
*/




/*@media (max-width:1000px){*/

  #header{
    height:40px;
    position:relative;
  }
  .logo a{
    width:100%;
    height:100%;
    position: absolute;
  }

  #main{
    width:calc(97% - 80px);
    margin-top:15px;
  }

  #side #side_nav .nav_item .nav_title{
    display:none;
  }
  #side #side_nav ul{
    margin-left:0px;
  }
  .box-tittle{
    display:none;
  }
  .shape, .purpose, .kiln-list{
    padding: 0px 0px 0px 0px !important;
  }
  #side{
    width:60px !important;
    padding:100px 0px;
  }


  #header h1.logo img{
    display:none;
  }
  #header h1.logo{
    background-image:url(https://www.marubun-arita.co.jp/wp/wp-content/uploads/2022/11/marubun_logomark_221101.png);
    background-repeat:no-repeat;
    background-size:60px;
    height:62px;
    max-width: 62px;
    padding-left: 0%;
    margin-left:0px;
    position: absolute;
    top:60px;
    left:0;
    width:62px;
  }
  .logo {
    padding-top: 0%;
  }
  .sub-tittle{
    display: none;
    text-align: left;
    margin-left: 8%;
  }
  

  .sub-group {
    display: none;
  }
  .side-banner{
    display: none;
  }

  #side nav .menu ul li a span {
    display: none;
  }


  #side nav .menu ul li {
    
    background-size: 50px;
    background-position: 5px center;
    background-repeat: no-repeat;

  }

  #side nav .menu ul li a {
    display: block;
    width: 100%;
    height: 60px;
    background-color: #f2f2f2;
    background-size: 50px;
    background-position: 5px center;
    background-repeat: no-repeat;
    display: -webkit-flex;
    display: flex;
   -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
   align-items: center; /* 縦方向中央揃え */
   /*-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
   /*justify-content: center; /* 横方向中央揃え */
  }

}



@media (max-width:750px){

  .foot_sk_box {
    margin-left:0;
    padding: 0 6%;
    width: 38%;/*
    min-height: 380px;*/
  }

  .foot_policy.clearfix {
    padding: 0px 0% 100px 0%;
  }
  .question-box{
    overflow: hidden;
  }
}


/*-モバイル設定480-----------------------*/

@media (min-width:960px){
  
   .itemno_6{
     display: none !important;
   }
   .snip-image:hover:before{
    height: 100% !important;
    border: 0.5px solid #ccc;
    }
    


  .recommendeditem-topbanner-contents:hover img{
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
    }
    .recommendeditem-topbanner-contents:hover .recommendeditem-topbanner-text {
     color: #906D66;
    }

}


@media (max-width:960px){ /*767px*/


#container{
  width:98% !important;
}
.loader{
  top: 50%;
  left: 36%;
}

#header{
  height:70px;
  margin-top:15px;
}
.header_link{
  background-color:transparent;
  margin-top: 0px;
  padding: 10px 12px 8px 0px;
  overflow: visible;
}
#header .header_link ul li.my_account, #header .header_link ul li.member_login_btn, #header .header_link ul li.member_logout_btn, #header .header_link ul li.member_regist_btn,
#app-cover{
  display: none;
}
.header_link .my_account img {
  width: 35px !important;
  margin-top:-3px;
}
#header .member_login_name {
 display: none;
}

#header .header_link ul li.view_cart {
  position: fixed;
  right: 65px;
  top: 43px;
  width: 42px;
  height: 30px;
  margin-right: 0;
}
.view_cart.header_icon_text::before {
  width: 122px;
  height: 60px;
  background: #f2f2f2;
  content: '';
  position: absolute;
  z-index: -1;
  left: -15px;
  top: -20px;
  opacity: 0.8;
}

#header .header_link ul li.view_cart span.count{
  padding: 14px 20px;
  background-color:none;
}
.view_cart.header_icon_text a {
  color: transparent;
}
#header h1.logo{
  background-size: 65px;
  max-width: 65px;
}


#side{
  top: 0px;
  right: 0;
  padding:0 0;
  z-index: 700;
  position:fixed;
  overflow:scroll;
  height:100vh;
  display:none;
  width:100% !important;
  background-color: #f2f2f2;
}
.header_link_mobile{
  display: block;
  border-bottom: 2px dotted #ccc;
  margin-right:10px;
  top:0;
}

.menu .box-tittle.tittle-shape {
  text-align: left;
}
/*
.purpose, .kiln-list {
    height: 40vh;
}*/
#side #side_nav .nav_item .nav_title{
  display:inline-block;
}
#side #side_nav ul{
  margin:10px 0 5px 0px;
}
.shape ul li, .purpose ul li, .kiln-list ul li{
    width: 40%;
    float: left;
    margin-left: 5% !important;
    border-left: 2px solid #e3baba;
    margin-top: 3% !important;
    padding-left: 3%;
    text-align:center;
}



#side .box {
  margin-bottom: 0px;

  position:static;

}
#side #side_nav .nav_item .nav_title{
  height:21px;
}

/*追加new_icon*/

#side nav .menu ul li a {
  background-position: 3% center;
  background-size: 45px;
}

#side nav .menu ul li a span {
  display: block;
  font-size:13px;
}

#side nav .menu ul li{
  background:none;
  margin-left: 42%;
}
.insta_banner{
  margin-top:0% !important;
  box-shadow:none !important;
}



/*モバイル　バナー設定*/

.ranking-title-block{
  padding: 4% 0;
}

.meiyou_banner{
margin: 12% auto 0px !important;
padding: 0 !important;
width: 60% !important;
border: 1px solid #ccc !important;
background: none !important;
}

#search input{
  height:45px;
}
#search img {
    margin: 0 10px;
}

.side-banner{
 display:block !important;
 border-top: 1px solid #ccc;
 margin-top: 15%;
}

.side-banner-img{
    margin:0 0 10% 0;
    padding:0 15%;
}
.search {
  margin: 10% 0;
  text-align: center;
}

#box_sellers{
  margin: 10% 2%;
}
#box_sellers .seller_box {
    padding: 3% 3% 3% 7% !important;
}
#box_sellers .top_seller::before{
left: 0px;
}
#box_sellers .seller_image{
margin: 0 25px 0 0;
width:50% !important;
}


#main{
  width:100%;
}

.footstamp{
  display: none;
}

.box_small .item_box.box_6{
  display:inline-block;
}
.new-item-list .item_box.box_10{
  display: none;
}

#header h1.logo{
  position: absolute;
  top: 0;
  margin-left: 0px;
}
.sub-tittle{
  display: inline-block;
  width: 46%;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  left: 60px;
  bottom: 10px;

}


.menu{
  width: 100% !important;
  top: -40px;
  margin-top:35%; 
}

#menu-toggle {
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  margin-right: 4%;
  z-index: 10010;
  position:fixed;
  right: 0px;
  top: 40px;
}
.shape, .purpose, .kiln-list{
  margin-top:0%;
  -moz-box-shadow: none;
  -webkit-box-shadow:none;
  box-shadow:none;
}


.box-tittle{
  margin:0% 0 0 4%;
  display:inline-block;

}
.box-tittle.tittle-purpose{
  margin-top: 10%;
}
.box-tittle.tittle-kiln{
  margin-top:10%;
}
.shape{
  overflow:hidden;
}


.box-tittle h3::before{
  display:none;
}
#side .box h3{
  padding: 0px 3px 0px 4px !important;
  border-bottom: none;
  margin-bottom: 0% !important;
  font-size:15px; 
}

.foot_sk_box {/*
  height:900px;*/
}
.top-sub-contents__text {
    padding: 0 10px !important;
}


.section-tittle {
    margin: 6% auto 3% auto !important;
}

.tittle-brand-img{
  width: 58%;
  padding-left: 3%;
}


.tittle-series-img {
  width: 43%;
  padding-right: 9%;
}

.tittle-new-img{
  width:30%;
  padding-right: 5%;
}

.tittle-recommend-img{
  width: 38%;
  padding-right: 15%;
}
.tittle-checked-img{
  width: 49%;
  padding-right: 19%;
}


/*トップスライダー480*/

.layout{
  height:86vw;
}
.slick-slider{
  width:100% !important;
}

.slick-dots{
  width:100% !important;
  top:104% !important;
  right:0 !important;
}

.slick-dots li{
  width:23.7%;
  float:left;
  margin-left:1%;
}
.brand{
  margin-bottom:0;
}
.brand-wrap{
  justify-content: space-between;
}
.snip1584{
  width:48.5% !important;
  margin:0 0;
}

.brand-logo{
  height:15vw;
}
.header_brand{
  margin-bottom:4% !important;
  margin-top: 1%;
}
.brand-contents{
  padding:0% !important;
}
.snip-image figcaption{
  display: none;
}


.brand-logo-rahmen{
  width:50% !important;
}
.brand-logo-zephyr{
  width:29% !important;
}
.brand-logo-zoa{
  width:32% !important;
}
.brand-logo-porchetto{
  width:69% !important;
}
.brand-logo-fukusen{
  width:17% !important;
}
.brand-logo-souta{
  width:30% !important;
}
.brand-logo-kunieda{
  width:81% !important;
  margin-top: 3px;
}
.brand-logo-square{
  width:84% !important;
  margin-top: 4px;
}
.brand-logo-rinka{
  width:50% !important;
}

.tittle-trend {
  margin-top: 10%;
}

#box_recommend{
  margin-top:9% !important;
}

.item_box{
  margin: 1% 1% 5% 1% !important;
  width: 31.3% !important;
}

/*トップバナー480*/

.top-banner_wrap{
  padding-top:0%;
  margin-top:0%;
}
.top-banner.event_banner{
  margin:0 0 10% 0 !important;
}

.top-banner {
  width: 100% !important;
  margin: 5% 0% !important;
}
.top-banner.top-banner2{
  margin-top:10% !important;
}

.top-banner-img{
  width: 100% !important;
  margin-left:0 !important;
}
.top-banner-text{
  width: 94% !important;
  margin: 0 !important;
  padding: 9% 3% 11% 3% !important;
  text-align:center;
}
.top-banner-text p{
  text-align: left !important;
}

.top-banner-container{
  margin-top:20% !important;
}
.side-banner-event{
  margin:11% 15% !important;
}



/*新着商品480*/

.newitem-topbanner{
  width:93% !important;
  margin: 0 auto 8% auto !important;
}
.newitem-topbanner-text p {
    font-size: 2.5vw !important;
    top: 11vw !important;
    left: 8vw !important;
}

/*
.box_last{
  margin-right:3% !important;
}*/
.item_box .item_detail{
  padding-left: 6px;
  /*min-height:4em;*/
  height: auto;
}
#main .header_block{
  margin-bottom:5%;
}



/*picked*/

.recommendeditem-topbanner{
  width:100% !important;
  margin: 0 auto 8% auto !important;
}
.recommendeditem-topbanner-text p {
    font-size: 2.5vw !important;
    top: 13vw !important;
    left: 10vw !important;
}


.box_recentlychecked{
  margin-top:6%;
}


/*オプション説明*/
.question-box p{
  text-align:left;
  border-bottom:1px solid #f2f2f2;
}

/*おすすめ480*/

.recommendeditem-topbanner-contents{
  width: 100% !important;
  float: left;
  margin-left: 0 !important;
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-top: 1% !important;
}

.recommendeditem-topbanner-image, .recommendeditem-topbanner-text{
  width:50%!important;
  float:left;
}

.rt2 .recommendeditem-topbanner-image{
  float:right !important;

}
.rt2, .rt3{
  margin-top:6%;
}
.recommendeditem-topbanner-text p{
  font-size: 3vw !important;
  margin: 3vw auto 0 auto;
  text-align: center;
}

.rtt1{
  display:none;
}
.rtt2{
  display:block !important;
}


/*ギフトページバナー*/

.top-banner-text h4 {
    font-size: 15px !important;
}
.top-banner-text p {
    font-size: 14px !important;
    line-height: 2em !important;
}



/*about_arita*/

.ex_arita_wrapping{
  margin:0 1% !important;
  border-top:none !important;
   width:98% !important;
}
.about_arita_pc{
  display: none !important;
}
.about_arita_m{
  display: block !important;
}
.arita_feature{
  width:100% !important;
}
.af_2, .af_3{
  margin-left: 0% !important;
  margin-top:10% !important;
}

/*フッター480*/
.foot_policy.clearfix {
  padding: 0px 0% 50px 0%;
}


  .sold_out {
      font-size:12px;
      position: absolute;
    }
    .item_box .item_detail p.item_name {
      margin-bottom: 3px !important;
    }



}


/*アコーディオン*/


.more_feature {
    display: block;
}

#ac00{
  display: none;
}



@media (max-width:960px){/*480*/

.more_feature {
    display: none;
}
.accordion-box {
  position: relative;
  margin-bottom: 100px;
  width: 100%;
}
.accordion-box label {
  height: 6.4vw;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  position: absolute;
  bottom: -50px;
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFDFA 60%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFDFA 60%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFDFA 60%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFDFA 60%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFDFA 60%);
  z-index: 100;
}
.accordion-box input:checked + label {
  background: inherit;
}
.accordion-box label:after {
  content: "MORE";
  letter-spacing: .05em;
  line-height: 2.5rem;
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: #f2f2f2;
  width: 14rem;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  z-index: 3000;
}
.accordion-box label:before {
  content: "↓";
  font-weight: 700;
  position: absolute;
  bottom: -20px;
  left: 65%;
  -webkit-transform: translate(-140px, 0);
  transform: translate(-140px, 0);
  background-color: #fff;
  z-index: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 21px;
  z-index: 30001;
  letter-spacing: 0px;
}
.accordion-box input {
  display: none;
}
.accordion-box input:checked + label:after {
  content: "CLOSE";
}
.accordion-box input:checked + label:before {
  content: "↑";
}



}








/*---mobile----------------------*/
@media (max-width:380px){


  .side_section_cal{
    margin-left:-16%;
  }
  .question-box li{
    margin:0 18%;
  }

  .foot_sk_box {/*
    height:960px;*/
    overflow: hidden;
    margin-bottom: 5%;
  }

/*新着商品バナー*/

  .newitem-topbanner-text p {
    font-size: 3.7vw !important;
    top: 13vw !important;
    left: 7vw !important;
}

/*おすすめバナー*/
.recommendeditem-topbanner-text p {
  font-size: 3.3vw !important;
  top: 13vw !important;
  left: 6vw !important;
}


}



/*---SE---*/
@media (max-width:350px){
  
  .header_link_mobile ul li{
    float:none;
  }
  .header_link_mobile ul li.member_regist_btn, .header_link_mobile ul li.{
    margin: 14px 0 0 0 !important;
  }
  .box-tittle{
    margin: 45% 0 0 4%;
  }

  #header .header_link ul li.view_cart{
    right: 50px;
  }
  #header .header_link ul li.view_cart span.count {
    padding: 10px 16px;
  }
  #menu-toggle{
    margin-right:4%;
  }
}

.test{
  display: none !important;
}


/*２級品説明ページ*/

.secont_select img{
  width:100%;
  overflow:hidden;
}
.ss-option-wrapper{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
.ss-option{
  width:47%;
  margin-bottom:5%;
}
.ss-op-text{
  width:100%;
  margin-bottom:3%;
}
.ss-op-text h3{
  margin-bottom:1%;
}

@media(max-width:480px){
  .secont_select{
    padding:8% 6% 8% 6% !important;
  }
  .ss-option {
    width: 100%;
  }
  .ss-op-text{
    margin:5% 0;
  }
  .second_ex{
    display: none;
  }
  .second_ex_mobile{
    display: block !important;
  }
}

/*取り扱いについて*/

@media(max-width:480px){

  .specification{
    padding: 8% !important;
  }
  .specification h2{
    margin-left:0 !important;
    font-size: 20px !important;
  1}
  .specification_wrapper{
    margin-top:10% !important;
  }
  .specification h3, .specification_option{
    margin-bottom:8% !important;
  }
  
}






/*単純PCモバイルスイッチ*/

.show_mobile{
 display: none;
}

@media(max-width:960px){
  .hide_mobile{
   display:none;
  }
  .show_mobile{
    display: block;
  }
}


/*コーディネート系*/
@media(max-width:480px){
  #projectContent .item_box{
    min-height: 175px !important;
  }  
}