@charset "shift-JIS";
/*▽基本CSS*/
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
ul, ol, li {
list-style: none;
}
img, a img {
width: 100%;
height: auto;
}
a {
	text-decoration: none;
	transition-duration: .3s;
}
a:hover{
    transition-duration: .2s;
    opacity:0.8;
}
html{scroll-behavior: smooth;margin: 0;
    padding: 0;}
body{
background-color: #ececec;
font-family: 'Jost',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
box-sizing: border-box;
}
/*--ここからおかたづけ特集コンテンツ--*/
#main_contents .pc{display: block;}
#main_contents .sp{display: none;}
#main_contents .pickup{
    width:100%;
    max-width:960px;
    margin:auto;
    padding: 3%;
    box-sizing: border-box;
}
#main_contents .pickup_wrap{
    background-image: url(../IMAGE/item/23okataduke/bg.jpg);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    width:100%;
    padding: 20px 50px;
    box-sizing: border-box;
    max-width:750px;
    margin: auto;
}
#main_contents .pickup h2{
    text-align: center;
    margin: 3% auto;
    font-size: 26px;
    color: rgb(104, 97, 97);
    font-weight: 600;
}
#main_contents .pickup_item{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
#main_contents .pickup_item .item{
    width:calc((100% - 60px) / 2);
    margin: 0% auto 2%;
}
#main_contents .pickup_item .item .prices{
    text-align: right;
    font-size: 30px;
    color: rgb(104, 97, 97);
    font-weight: 500;
}
#main_contents .chest_lineup{
    text-align: center;
    font-size:30px;
    line-height: 3em;
    letter-spacing: 0.2em;
    color: rgb(104, 97, 97);
    font-weight: 600;
}
#main_contents #item_lineup{
    width:100%;
    max-width:750px;
    margin: auto;
}
/*タブ切り替え全体のスタイル*/
#main_contents .tabs {
    margin-top: 50px;
    padding-bottom: 40px;
    background-color: #ececec;
    width: 100%;
    margin: 0 auto;}
  /*タブのスタイル*/
#main_contents .tab_item {
    width: calc(100%/2);
    height: auto;
    background-color:#d8c5bf;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
    font-weight: bold;
    border-radius: 5px 5px 0 0 ;
    margin: auto;
  }
#main_contents .tab_item:hover {
    opacity: 0.75;
  }
  /*ラジオボタンを全て消す*/
  #main_contents  input[name="tab_item"] {
    display: none;
  }
  /*タブ切り替えの中身のスタイル*/
  #main_contents .tab_content {
    display: none;
    clear: both;
    overflow: hidden;
  }
  /*選択されているタブのコンテンツのみを表示*/
  #all:checked ~ #all_content,#plastic:checked ~ #plastic_content,
  #case:checked ~ #case_content,#other:checked ~ #other_content{
    display: block;
  }
  /*選択されているタブのスタイルを変える*/
  #main_contents .tabs input:checked + .tab_item {
    background-color: #c1b8a9;
    color: #fff;
  }
  #main_contents .tab_title{
    width:100%;
    background-color: #dbd5cb;
    padding: 2% 0;
    box-sizing: border-box;
}
#main_contents .tab_title h3{
    font-size: 30px;
    text-align: center;
    line-height: 2em;
    color: #5c5c5c;
    margin-bottom: 30px;
    font-weight: 600;
}
#main_contents .item_gazou{
      display: flex;
      justify-content: space-around;
      margin: auto;
      width:90%;
  }
#main_contents .obi_title{
width: 100%;
background-color: #c1b8a9;
text-align: center;
color: #fff;
line-height: 2em;
font-size: 30px;
font-weight: 500;
margin: 2% auto;
}
#main_contents .sub_txt{
    text-align: center;
}
/*--スライダー--*/
#main_contents .slider{
    width:100%;
    max-width:750px;
    margin: 2% auto;
}
#main_contents .slick-prev{
    left: 20px;
}
#main_contents .slick-next{
    right: 20px;
}
/*--木製チェスト商品--*/
#main_contents .item_shousai{
    padding-bottom:5%;
}
#main_contents .item_shousai h4{
    text-align: center;
    width:100%;
    max-width:750px;
    border-bottom: 2px solid #c1b8a9;
    font-size: 24px;
    line-height: 2em;
    color: rgb(104, 97, 97);
    margin: auto;
    font-weight: 600;
}
#main_contents .item_shousai .item_link{
    width:100%;
    max-width:750px;
    margin: 2% auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5c5c5c;
    flex-wrap: wrap;
}
#main_contents .item_shousai .item_link li{
    width: calc((100% - 30px)/3);
    margin: 20px auto 0;
    padding:10px;
    box-sizing: border-box;
    background-color: #fff;
    clear: both;
}
#main_contents .item_shousai .item_link .buy_price > ul{
    width:100%;
    margin: 0 auto;
}
#main_contents .item_shousai .item_link .buy_price > ul > li.price{
    background-color: rgba(196,158,149,0);
    margin: 0;
    width:100%;
    text-align: right;
    display: block;
    font-size: 24px;
}
#main_contents .item_shousai .item_link .buy_price > ul > li.intax{
display: none;
    }
#main_contents .buy_price>ul .spesicalprice{
    font-family: "jost",'Yu Gothic black';
    font-weight: normal;
    display: inline;
    line-height: 1em;
    padding: 3px 0.5em;
    font-size: 10px;
    background-color: #7e7c7f !important;
    color: #ffffff !important;
    text-align: center;
    font-weight: 200;
    margin-right: 10px;
    vertical-align: middle;
}
#main_contents .item_shousai .item_link li.column2{
    width: calc((100% - 30px)/2);
}
#main_contents .item_shousai .item_link li.column1{
    width: 100%;
}
#main_contents .item_shousai .item_link .icon{
    background-color: #c49e95;
    display: inline-block;
    padding:5px  10px;
    font-weight: 500;
    float: left;
    color: #fff;
}
#main_contents .item_shousai .item_link .icon span{
    font-size: 26px;
}
#main_contents .item_shousai .item_link .type{
    font-size: 22px;
    font-weight: bold;
    float: right;
    margin-right: 5%;
    text-align: center;
}
#main_contents .item_shousai .item_link .size{
    clear: both;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.1em;
}
#main_contents .item_shousai .item_link li.column2 .size,#main_contents .item_shousai .item_link li.column1 .size{
clear: none;
}
#main_contents .item_shousai .item_link .kataban{
    text-align: center;
    line-height: 1.8em;
}
#main_contents .item_shousai .item_link .price_box{
    display: block;
    width:100%;
    background-color: #fff;
    border: 1px solid #c49e95;
    box-shadow: 1px 1px 0px 1px #c49e95;
    margin-top: 10px;
}
#main_contents .item_shousai .item_link li.column2  .price_box{
    clear: both;
}
#main_contents .item_shousai .item_link li.column1  .price_box{
    clear: none;
}
#main_contents .item_shousai .item_link .price_box p{
 color: #5c5c5c;
 font-size: 18px;
 font-weight: bold;
 margin: 0 auto 0 10px;
}
#main_contents .item_shousai .item_link .price_box .prices{
    font-size: 22px;
    font-weight: 500;
    color: #c49e95;
}
#main_contents .item_shousai .item_link li.column2 .thumbnail{
    margin-bottom: 10px;
}
/*--プラスチックチェストの開くところ--*/
#main_contents .contents {
    position: relative;
    width: 100%;
    padding: 1% 0 5% 0;
}
#main_contents .contents > .inner {
    max-width: 1080px;
    margin: 0 auto;
}
@media screen and (max-width: 1080px) {
#main_contents .contents#exp > .inner {
        padding: 0 20px;
    }
}
#main_contents .accordion_menu,
#main_contents .accordion_menu > dl,
#main_contents .accordion_menu > dl > dt,
#main_contents .accordion_menu > dl > dd {
    position: relative;
    width: 100%;
    max-width:750px;
    text-align: center;
    margin: auto;
}
#main_contents .accordion_menu > dl > dt,
#main_contents .accordion_menu > dl > dd {
    padding: 20px 0;
}
#main_contents .accordion_menu > dl:nth-of-type(n+1) {
    margin-top: 20px;
}
#main_contents .accordion_menu > dl > dt {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.15em;
    cursor: pointer;
    border: solid 1px #333;
    width: 90%;
    padding: 0;
}
#main_contents .accordion_menu > dl > dt span {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.15em;
    cursor: pointer;
    width: 90%;
}
#main_contents .accordion_menu > dl > dt::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 35px;
    height: 35px;
    background-color: #333;
    border-radius: 50%;
    top: calc(50% - 20px);
    right: 4%;
}
#main_contents .accordion_menu > dl > dt::after {
    position: absolute;
    top: calc(50% - 13px);
    right: 5.5%;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-right: solid 5px #fff;
    border-bottom: solid 5px #fff;
    transform: rotate(45deg);
}
#main_contents .accordion_menu > dl > dt.open {
    color: #333;
    border: solid 1px #333;
}
#main_contents .accordion_menu > dl > dt.open::after {
    border-color: #fff;
    transform: rotate(225deg);
    top: calc(50% - 7px);
}
#main_contents .accordion_menu > dl > dd {
    display: none;
    font-size:1.5rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
	font-weight: bold;
    color: #333;
}
#main_contents .accordion_menu > dl > dd > img {
    width: auto;
    max-width: 750px;
}
/*--その他の商品はこちらボタン--*/
#main_contents .cate_link{
    display: block;
    width:90%;
    max-width:750px;
    margin: 5% auto;
    color: #5c5c5c;
    text-align: center;
    line-height: 3em;
    font-size: 20px;
    border: 1px solid #5c5c5c;
}
/*--おすすめ特集バナー--*/
#main_contents .bnr{
    width:100%;
    max-width:750px;
    margin: auto;
}
#main_contents .bnr a img{
    display: block;
    width:100%;
}
/*--タブをふわっと切り替え--*/
#main_contents .fade {
	opacity: 0;
	transition: opacity 1.5s, transform 1s;
}
#main_contents .fade.active {
	opacity: 1;
	transform: translateY(0px);
}
.gotop{
    position: fixed;
    bottom: 10%;
    right:2%;
    background-color:#c49e95 ;
    color: #fff!important;
    text-align: center;
    padding: 18px 10px;
    border-radius: 50%;
    line-height: 1em;
}

/*--ここからスマホ--*/
@media screen and (max-width: 749px){
#main_contents .pc{display: none;}
#main_contents .sp{display: block;}
#main_contents .pickup h2{
    text-align: center;
    margin: 3% auto;
    font-size: 18px;
    color: rgb(104, 97, 97);
}
#main_contents .pickup_wrap {
    background-image: url(../../images/23okataduke/bg.jpg);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin-top: 20px;
}
#main_contents .pickup_item .item .prices{font-size: 24px;}
#main_contents .tabs{
    width:96%;
    padding-bottom: 0%;
}
#main_contents .tab_item{
    font-size: 16px;
}
#main_contents .tab_title h3{
    font-size: 20px;
    margin-bottom: 10px;
}
#main_contents .obi_title{
    font-size: 24px;
}
#main_contents .sub_txt {
    font-size: 14px;
}
#main_contents .slick-prev,#main_contents .slick-next{
display: none!important;
}
#main_contents .item_shousai h4{
    font-size: 20px;
}
#main_contents .item_shousai .item_link li{
    width: calc((100% - 20px)/3);
    margin: 10px auto 0;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    clear: both;
}
#main_contents .item_shousai .item_link .icon {
    background-color: #c49e95;
    display: block;
    font-weight: 500;
    float: none;
    color: #fff;
    text-align: center;
}
#main_contents .item_shousai .item_link .type {
    font-size: 18px;
    font-weight: bold;
    float: none;
    margin: auto;
    text-align: center;
}
#main_contents .item_shousai .item_link .size {font-size: 12px;}
.gotop{
    position: fixed;
    bottom: 12%;
    right:2%;
    background-color:rgba(196,158,149,0.8);
}
/*--アコーディオンスマホ設定--*/
#main_contents .accordion_menu > dl > dt{font-size:16px ;}
#main_contents .accordion_menu > dl > dt span{font-size:34px;}
#main_contents .accordion_menu > dl > dt::before {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
}
#main_contents .accordion_menu > dl > dt::after{
    top: calc(50% - 9px);
    right: 6.7%;
    width: 8px;
    height: 8px;
}
#main_contents .accordion_menu > dl > dd > img {
    width: 100%;
}
#main_contents .chest_lineup{
    text-align: center;
    font-size:24px;
    line-height: 3em;
    letter-spacing: 0.2em;
    color: rgb(104, 97, 97);
    font-weight: 600;
}
}