@charset "UTF-8";
/* CSS Document */

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__CSSハック
5__プラグイン制御
6__引用CSS
*/

/*============================
==============================
==============================
==============================
#1__全体設定
============================*/
/* -基本設定- */
a{text-decoration:none;word-break:break-all;color: #884626;}
p{word-break:break-all;}
a:hover,
[data-action]:hover,
label:hover,
input[type="submit"]:hover,
button:hover{opacity:0.8;cursor: pointer;}
img{max-width:100%; height:auto;}
body{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1.5;min-width:1050px;padding-top: 110px;position: relative;}
/*-{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }-*/
figure{margin:0;}
input{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
select{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
button{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
.file_upload [type="file"]{display:none;}
/*
input[type="number"]::-webkit-outer-spin-button{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
input[type="number"]::-webkit-inner-spin-button{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
*/
.validate{background: #ff0000;color: #fff;font-size: 14px;padding: 20px;margin: 20px 0;box-sizing: border-box;text-align:center;}
.validate .inner{display:inline-block;}
.validate p{margin-bottom: 5px;text-align:left;}
.validate p:before{content:"・";}
.validate p:last-child{margin-bottom:0;}
noscript {color: #fff;display: inline-block;width: 100%;font-size: 20px;text-align: center;border: 2px solid #ff0000;background: #ff0000;padding: 30px 15px;box-sizing: border-box;margin: 30px 0;border-radius: 10px;-webkit-border-radius: 10px;}
input:checked{background:none;}
ifram{ width:100% !important; height:100% !important;}
ul{font-size:0;}
li{font-size:16px;}
.radio{position:relative;text-align: left;line-height: 1;display: block;margin-bottom: 5px;}
.radio input[type="radio"]{display: none;}
.radio label{font-size: 18px;color: #5A5A5A;position: relative;z-index: 1;padding-left: 25px;}
.radio:before{position: absolute;content: "";width: 20px;height: 20px;border: 2px solid #D5D5D5;background: #fff;left: 0;box-sizing: border-box;z-index: 0;border-radius: 50px;-webkit-border-radius: 50px;-ms-border-radius: 50px;-moz-border-radius: 50px;top: -2px;left: 0;z-index: 0;}
.radio input[type="radio"]:checked + label::after{content: "";position: absolute;background: #5A5A5A;width: 8px;height: 8px;left: 6px;top: 6px;border-radius: 50px;-webkit-border-radius: 50px;-ms-border-radius: 50px;-moz-border-radius: 50px;}
.checkbox{position:relative;line-height: 20px;}
.checkbox:before{position:absolute;content:"";width: 20px;height: 20px;border: 2px solid #D5D5D5;background: #fff;left: 0;box-sizing: border-box;z-index: 0;top: -1px;}
.checkbox input[type="checkbox"]{display: none;}
.checkbox label{font-size: 18px;color: #5A5A5A;padding-left: 33px;position: relative;z-index: 1;}
.checkbox input[type="checkbox"]:checked + label::before{position:absolute;content:"";width: 20px;height: 3px;background: #FF9B00;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);left: 6px;top: 6px;}
.checkbox input[type="checkbox"]:checked + label::after{position:absolute;content:"";width: 10px;height: 3px;background: #FF9B00;left: 2px;top: 8px;transform: rotate(60deg);-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);-moz-transform: rotate(60deg);}
.select{position:relative;max-width: 735px;margin: 0 auto;background: #A8A8A8;overflow: hidden;border-radius: 35px;-webkit-border-radius: 35px;-ms-border-radius: 35px;}
.select.no:before{display:none;}
.select:before{position: absolute;content: "";width: 0;height: 0;border-width: 8px;border-style: solid;border-color: #424242 transparent transparent transparent;right: 11px;top: 50%;margin-top: -4px;}
.select select{background:none;}
.input{}
.input input:focus{border-color:#000;}
.input input[type=text],
.input input[type=text02],
.input input[type=text03],
.input input[type=text04],
.input input[type=order_email02],
.input input[type=mail_address02],
.input input[type=shipping_kana01],
.input input[type=number01],
.input input[type=password],
.input input[type=mail],
.input input[type=email],
.input input[type=tel]{color: #5A5A5A;font-size: 22px;border: 2px solid #D5D5D5;padding: 13px 23px 12px 23px;width: 100%;box-sizing: border-box;}
.input input::placeholder{color:#A8A8A8;font-size:18px;}
.input input:-ms-input-placeholder{color:#A8A8A8;}
.input input::-ms-input-placeholder{color:#A8A8A8;}
.input input:-webkit-input-placeholder{color:#A8A8A8;}
.input input::-webkit-input-placeholder{color:#A8A8A8;}
.input.w1 input{width: 270px;}
.input.w2 input{max-width: 200px;}
.input.w3 input{width: 80px;}
.input.w0 input{width: 100%;}
.textarea{}
.textarea textarea{}
.textarea textarea:focus{border-color:#000;}
.table table{width:100%;border-collapse:collapse;border-spacing:0;}
.guard{position:relative;}
.guard:after{position:absolute;content:"";width:100%;left:0;top:0;height:100%;}
sup{font-size:70%;vertical-align:top;}
sub{font-size:70%;vertical-align:baseline;}
.pager{font-size: 0;text-align: center;}
.pager a{background: #777;color: #fff;padding: 5px;font-size: 14px;margin-right: 5px;display: inline-block;vertical-align: top;}
.pager a.on{background: #884626;}
.errormsg{color:#ff0000;}
.note{font-size: 14px;margin-top: 10px;}
.red{color:red;}
.form-inline{vertical-align: top;font-size: 16px;}
.form-inline li{list-style:none;display:inline-block}
.form-inline .radio label{position:relative;}
.form-inline .radio input:checked{display: block;background: #A8A8A8;width: 6px;height: 6px;position: absolute;left: 2px;top: 2px;border-radius: 30px;-webkit-border-radius: 30px;-ms-border-radius: 30px;}
.form-inline .radio{display: inline-flex;margin-right: 15px;}
.form-inline .form-control{border: 1px solid #C4CCCE;border-radius: 3px !important;box-shadow: none;font-size: 16px;height: 40px;padding: 6px 12px;width: auto;line-height: 1.5;margin: 0 10px;display: inline-block;vertical-align: middle;box-sizing: border-box;background: #D5D5D5;color: #5A5A5A;}
#mypage{display: none;}

.loadScreen{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 1000000000;background: #fff;display: flex;flex-direction: column;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.loadScreen.off{display:none;}
.loadScreen > .img{margin-bottom: 5px;}
.loadScreen > .img > img{}
.loadScreen > .text{}

.meta_h1{
    position: absolute;
    bottom: 10px;
    font-size: 12px;
    color: #D5D5D5;
    font-weight: normal;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.ui-resizable-nw,
.ui-resizable-ne,
.ui-resizable-sw,
.ui-resizable-se{}

.pop_menu{position: fixed;top: 0;left: 0;width: 80%;height: 80%;z-index: 200;right: 0;bottom: 0;margin: auto;overflow: scroll;background: #fff;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.pop_menu:not(.on){position:absolute;opacity:0;z-index: -100;}
.pop_menu > .inner{background: #fff;padding: 20px;text-align: center;box-sizing: border-box;width: 100%;position: absolute;top: 0;}
.pop_menu .preview_thum ul li{max-width: 50px;display: inline-block;float: none;vertical-align: top;}
.pop_menu .preview_thum ul li:first-child:last-child{display:none;}
.pop_menu .preview_slider ul li{}
.pop_menu .preview_slider ul li .img{max-width: 250px;margin: 0 auto;}
.pop_menu > .inner > .note{font-size: 16px;margin: 10px 0;}
.pop_menu > .inner > .slider{margin: 15px 0 30px 0;}
.pop_menu > .inner > .title{font-size: 20px;}
.pop_menu > .inner > .login_input{margin: 20px auto;width: 50%;}
.pop_menu > .inner > .login_input table{width: 100%;}
.pop_menu > .inner > .login_input table th{text-align: right;padding: 0 10px;}
.pop_menu > .inner > .login_input table td{padding: 5px 0;}
.pop_menu > .inner > .login_input > .input{display: inline-block;margin-left: 5px;}
.pop_menu > .inner > .btn{display: flex;width: 80%;margin: 0 auto;}
.pop_menu > .inner > .btn a{width: 100%;margin: 0 auto;display: block;background: #884624;font-size: 16px;color: #fff;text-align: center;padding: 18px 0;border-radius: 150px;-webkit-border-radius: 150px;-ms-border-radius: 150px;-moz-border-radius: 150px;box-sizing: border-box;max-width: 400px;margin-right: 15px;}
.pop_menu > .inner > .btn a:last-child{margin-right:0;}
.pop_menu > .inner > .btn a:last-child:first-child{margin: 20px auto 0 auto;}
.pop_menu > .inner > .btn a:nth-child(2){background: #FF9B00;}

.add_img_btn_wrap{bottom: 70px;right: 10px;position: fixed;z-index: 100;}
.add_img_btn{background: #000;width: 50px;height: 50px;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;color: #fff;font-size: 25px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-bottom: 5px;cursor: pointer;}
.add_img_btn.on{background: #FF9B00;}
.add_img_btn:last-child{margin-bottom:0;}
.add_img_btn_wrap.on{
}
.loading{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 300;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;z-index: 2000;flex-direction: column;}
.loading span{}
.loading > .process{
    height: auto;
    max-width: 95%;
    width: 100px;
    position: relative;
    margin-top: 10px;
    border-radius: 50px;
}
.loading > .process > .btn{
    font-size: 10px;
    position: absolute;
    bottom: -35px;
    width: 100%;
    left: 0;
    background: #8F3700;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 100px;
}
.loading > .process > .btn:hover{cursor:pointer;opacity:0.8;}
.loading > .process > span{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 5px;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: inherit;
}
.loading > .process:after{content:attr(data-text)"%";color: #fff;font-size: 10px;text-align: center;display: block;margin-top: 13px;/* position: absolute; */bottom: 10px;left: 0;width: 100%;}
.loading span img{width:50px;}
.loading.hide{display:none;}

/* -header- */
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;background: #fff;z-index: 101;}
.header_inner_block{width: 1000px;margin: 0 auto;padding: 15px 0;}
.header_inner_block > .h1{float: left;width: 480px;}
.header_inner_block > .h1 > div{vertical-align: middle;}
.header_inner_block > .h1 > div a img{width: 296px;vertical-align: middle;display: inline-block;margin-right: 23px;}
.header_inner_block > .h1 > div > span{display: inline-block;color: #505050;font-size: 14px;line-height: 16px;font-weight: normal;vertical-align: middle;letter-spacing: 2px;}
.header_inner_block > .right{float: right;width: 381px;}
.header_inner_block > .right > ul{}
.header_inner_block > .right > ul > li{display: inline-block;vertical-align: bottom;margin-right: 30px;position: relative;}
.header_inner_block > .right > ul > li:before{position:absolute;content:"";padding: 0;top: 98%;width: 150%;left: -25%;}
.header_inner_block > .right > ul > li:hover:before{height:150px;}
.header_inner_block > .right > ul > li:last-child{margin-right:0;}
.header_inner_block > .right > ul > li > form{position: relative;display: inline-block;}
.header_inner_block > .right > ul > li > form > .search_input_text{background: #fff;font-size: 14px;width: 251px;box-sizing: border-box;padding: 4px 30px 5px 16px;font-size: 0;border: 2px solid #DCDCDC;}
.header_inner_block > .right > ul > li > form > .search_input_text input{background: none;font-size: 14px;width: 100%;box-sizing: border-box;color: #797979;border: none;}
.header_inner_block > .right > ul > li > form > .search_input_text input::placeholder{letter-spacing:5px;}
.header_inner_block > .right > ul > li > form > .search_input_text input:-ms-input-placeholder{letter-spacing:5px;}
.header_inner_block > .right > ul > li > form > .search_input_text input::-ms-input-placeholder{letter-spacing:5px;}
.header_inner_block > .right > ul > li > form > .search_input_text input:-webkit-input-placeholder{letter-spacing:5px;}
.header_inner_block > .right > ul > li > form > .search_input_text input::-webkit-input-placeholder{letter-spacing:5px;}
.header_inner_block > .right > ul > li > form > .search_input_img{width: 18px;position: absolute;right: 7px;top: 50%;margin-top: -9px;}
.header_inner_block > .right > ul > li > form > .search_input_img > input{}
.header_inner_block > .right > ul > li > .img{width: 24px;position: relative;}
.header_inner_block > .right > ul > li > .img > img{}
.header_inner_block > .right > ul > li > .sub{line-height: 2;display: none;position: absolute;top: 60px;right: -12px;top: 154%;width: 280px;box-sizing: border-box;text-align: left;background: #fff;border: 1px solid #d8dee4;z-index: 1;}
.header_inner_block > .right > ul > li.cart > .img{width:27px;padding-right: 13px;padding-top: 8px;}
.header_inner_block > .right > ul > li > .sub > dl{position: relative;}
.header_inner_block > .right > ul > li > .sub:before,
.header_inner_block > .right > ul > li > .sub:after{position: absolute;content: "";top: -7px;z-index: 10;right: 17px;}
.header_inner_block > .right > ul > li > .sub:before{border-right: 8px solid transparent;border-bottom: 8px solid #d8dee4;border-left: 8px solid transparent;margin-right: -1px;margin-top: -1px;}
.header_inner_block > .right > ul > li > .sub:after{border-bottom: 7px solid #fff;border-right: 7px solid transparent;border-left: 7px solid transparent;}
.header_inner_block > .right > ul > li > .sub > dl > dd{line-height: 1;border-top: 1px solid #F3F3F3;border-bottom: 1px solid #F3F3F3;}
.header_inner_block > .right > ul > li > .sub > dl > dd > a{font-size: 0;display: block;padding: 15px;}
.header_inner_block > .right > ul > li > .sub > dl > dd > a > .img{font-size: 20px;color: #6a6a6a;line-height: 1;display: inline-block;max-width: 50px;vertical-align: top;margin-right: 10px;}
.header_inner_block > .right > ul > li > .sub > dl > dd > a > .img > i{}
.header_inner_block > .right > ul > li > .sub > dl > dd > a > .text{line-height: 1.5;display: inline-block;max-width: 190px;vertical-align: top;font-size: 13px;}
.header_inner_block > .right > ul > li > .sub > dl > dd > a > .text > .title{margin-bottom: 5px;color: #707070;}
.header_inner_block > .right > ul > li > .sub > .btn{text-align: center;line-height: 1;padding: 15px 0;color: #6a6a6a;background: #fff;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header_inner_block > .right > ul > li > .img > span{background: #FF9B00;display: inline-block;font-size: 12px;width: 18px;line-height: 18px;color: #FFF;position: absolute;right: 0;top: 0;text-align: center;border-radius: 50%;}
.header_inner_block > .right > ul > li > .sub.cart{width: 334px;border: 1px solid #d8dee4;left: auto;padding: 30px 0 15px 0;right: 0;}
.header_inner_block > .right > ul > li > .sub.cart > form{}
.header_inner_block > .right > ul > li > .sub.cart > form > ul{}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li{position: relative;padding: 0 19px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li:before{position: absolute;content: "";border-bottom: 1px solid #C8C8C8;width: 290px;height: 1px;left: 19px;bottom: -1px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li:last-child:before{display:none;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table{margin: 0 auto;width: 100%;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody{}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr{}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td{padding: 0;display: flex;border-bottom: 1px dotted #DCDCDC;margin-bottom: 20px;padding-bottom: 20px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr:last-child > td{border:none;margin-bottom: 0;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .img{text-align: right;position: relative;top: 50%;width: 100px;margin-right: 15px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .img > img{}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .txt{text-align: left;width: 140px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .txt:first-child{width: 100%;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .txt > .name{font-size: 16px;line-height: 22px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .txt > .kata{position: relative;color: #464646;font-size: 13px;padding: 0 0 0 10px;line-height: 22px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .txt > .kata:before{content: "";position: absolute;width: 5px;height: 5px;background: #464646;transform: rotate(45deg);left: 0;top: 12px;margin: -3px 0 0 0;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .txt > .price{line-height: 32px;font-weight: bold;font-size: 16px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .delete{padding: 20px 0;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .delete > input,
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > table > tbody > tr > td > .delete > a{font-size: 26px;padding: 0;box-sizing: border-box;background-color: #fff;border: none;color: #FF9B00;line-height: 1;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > .area_inner{margin: 20px 0 0 0;width: 290px;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > .area_inner > .nav_cart_btn.left{float: left;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > .area_inner > .nav_cart_btn.left > a{}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > .area_inner > .nav_cart_btn > a{font-size: 16px;font-weight: bold;width: 129px;padding: 7px 0;border: 3px solid #FF9B00;color: #FF9B00;display: inline-block;text-align: center;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > .area_inner > .nav_cart_btn.right{float: right;background: #FF9B00;}
.header_inner_block > .right > ul > li > .sub.cart > form > ul > li > .area_inner > .nav_cart_btn.right > a{color: #fff;}

/* -nav- */
nav{background: #F4F4F8;position: fixed;top: 69px;left: 0;width: 100%;z-index: 100;}
nav:before{position:absolute;content:"";width: 100%;height: 8px;top: calc(100% - 8px);top: -webkit-calc(100% - 8px);top: -ms-calc(100% - 8px);top: -moz-calc(100% - 8px);box-shadow: 0 4px 8px rgba(0,0,0,0.05);-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.05);-ms-box-shadow: 0 4px 8px rgba(0,0,0,0.05);left: 0;z-index: 1;}
.nav_inner_block{width: 1000px;margin: 0 auto;}
.nav_inner_block > ul{text-align: center;}
.nav_inner_block > ul > li{display: inline-block;vertical-align: middle;margin-right: 85px;font-weight: bold;}
.nav_inner_block > ul > li.on{}
.nav_inner_block > ul > li.on:before{}
.nav_inner_block > ul > li:last-child{margin-right:0;}
.nav_inner_block > ul > li:hover > a{color: #884624;}
.nav_inner_block > ul > li > a{color: #5A5A5A;font-size: 14px;display: block;padding: 9px 0 10px 0;position: relative;z-index: 1;}
.nav_inner_block > ul > li > a:before,
.nav_inner_block > ul > li > a:after{position:absolute;content:"";}
.nav_inner_block > ul > li > a:before{left: 0;bottom: 0;width: 100%;height: 0;background: #884624;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
.nav_inner_block > ul > li > a:after{width: 0;height: 0;border-width: 0;border-style: solid;border-color: #884624 transparent transparent transparent;left: 0;right: 0;margin: auto;top: 100%;z-index: 1;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
.nav_inner_block > ul > li.on > a:before{height: 3px;}
.nav_inner_block > ul > li.on > a:after{border-width: 5px;}

/* -main- */
main{}
article{}

/* -section- */
section{}
.section_inner_block{margin-bottom: 60px;}
#body section{}
#body section:first-child{}
#body section:nth-child(even){background: #fff;}
#body section:nth-child(odd){background: #fff;}
#body section:last-child{
}
.section_inner_block.full{width:auto !important;}
#body section .section_inner_block{width: 1000px;margin-left: auto;margin-right: auto;padding-top: 43px;}
#body section:first-child .section_inner_block:first-child{padding-top: 41px;}
#body section .section_inner_block:first-child{padding-top: 44px;}
#body section:nth-child(even) .section_inner_block{}
#body section:nth-child(odd) .section_inner_block{}
#body section .section_inner_block:last-child{margin-bottom: 0;padding-bottom: 55px;}
#body section:last-child .section_inner_block:last-child{padding-bottom: 90px;margin-bottom: 0;}

/* -pankuzu- */
#pankuzu {background: #fff;}
#pankuzu ul {width: 1000px;margin: 0 auto;white-space: nowrap;overflow: scroll;padding: 18px;}
#pankuzu ul::-webkit-scrollbar{display:none;}
#pankuzu ul li {font-size: 14px;padding: 0 10px 0 0;margin: 0 10px 0 0;line-height: 1em;position: relative;display: inline-block;vertical-align: bottom;}
#pankuzu ul li a {color: #884624;font-size: 14px;line-height: 1em;display: block;}
#pankuzu ul li:after {content: "";position: absolute;left: -15px;top: 3px;display: block;width: 7px;height: 7px;border-top: 1px solid #A8A8A8;border-right: 1px solid #A8A8A8;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#pankuzu ul li.home:after {display: none}

/* -footer- */
footer{}
.footer_inner_block{}
.footer_inner_block > .top{background: #F4F4F8;}
.footer_inner_block > .top > ul{text-align: center;width: 1000px;margin: 0 auto;padding: 19px 0;}
.footer_inner_block > .top > ul > li{display: inline-block;vertical-align: top;margin-right: 37px;}
.footer_inner_block > .top > ul > li:last-child{margin-right:0;}
.footer_inner_block > .top > ul > li > a{color: #797979;font-size: 15px;font-weight: bold;}
.footer_inner_block > .bottom{background: #646464;padding: 30px 0 40px 0;}
.footer_inner_block > .bottom > .link{margin-bottom: 37px;}
.footer_inner_block > .bottom > .link > ul{text-align: center;}
.footer_inner_block > .bottom > .link > ul > li{display: inline-block;}
.footer_inner_block > .bottom > .link > ul > li > a{font-size: 14px;color: #D5D5D5;padding-right: 15px;margin-right: 15px;border-right: 1px solid #D5D5D5;line-height: 1;}
.footer_inner_block > .bottom > .link > ul > li:last-child > a{border:none;padding:0;margin-right:0;}
.footer_inner_block > .bottom > .logo{width: 297px;margin: 0 auto 23px auto;}
.footer_inner_block > .bottom > .logo > img{}
.footer_inner_block > .bottom > .copy{color: #D5D5D5;font-size: 14px;text-align: center;}

/* -共通クラス(title)- */
.title01{font-size: 26px;font-weight: normal;position: relative;text-align: center;letter-spacing: 5px;margin-bottom: 51px;}
.title01 > span{width: 60px;display: inline-block;margin-right: 18px;vertical-align: middle;}
.title01 > span > img{}

.title02{width: 750px;margin: 0 auto;}
.title02 > .title{color: #fff;font-size: 22px;text-align: center;font-weight: bold;background: #A8A8A8;padding: 29px 0 28px 0;letter-spacing: 5px;position: relative;margin-bottom: 23px;}
.title02[data-type="arrow"] > .title:before{position: absolute;content: "";width: 12px;height: 12px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-moz-transform: rotate(135deg);right: 35px;top: 50%;margin-top: -8px;}
.title02 > .title:after {position: absolute;content: "";width: 0;height: 0;top: 100%;border-width: 9px;border-style: solid;border-color: #A8A8A8 transparent transparent transparent;left: 0;right: 0;margin: auto;}
.title02 > .txt{color: #5A5A5A;font-size: 18px;line-height: 38px;text-align: center;margin-bottom: 20px;}
.title02 > .txt > p{margin-bottom: 15px;}
.title02 > .txt > p:last-child{margin-bottom:0;}

.title03{margin-bottom: 30px;}
.title03 > .title{font-weight: normal;font-size: 22px;text-align: center;}
.title03 > .txt{}

.title04{text-align: center;margin-bottom: 47px;}
.title04 .en{font-size: 30px;font-weight: normal;font-family: "游明朝体", "Yu Mincho", YuMincho,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;display: block;text-transform: uppercase;letter-spacing: 5px;margin-bottom: 3px;}
.title04 .jp{font-size: 20px;font-weight: normal;}

.title05{margin-bottom: 25px;}
.title05 > .area_left{
    font-size: 26px;
    float: left;
}
.title05 > .area_right{
    float: right;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}
.title05 > .area_right > span{margin-right: 15px;}
.title05 > .area_right > .select{}
.title05 > .area_right > .select > select{
    font-size: 16px;
    padding-right: 35px;
}

/* -共通クラス(box)- */
.box01{}
.box01 > ul{margin-bottom: -30px;}
.box01 > ul > li{display: inline-block;vertical-align: top;width: 314px;background: #fff;box-sizing: border-box;position:relative;margin: 0 29px 30px 0;}
.box01 > ul > li a{display: block;padding-bottom: 36px;min-height: 230px;}
.box01 > ul > li a:hover{background:#FFEBD4;opacity: 1;}
.box01 > ul > li:nth-child(3n){margin-right:0;}
.box01 > ul > li:before{position:absolute;content:"";border-width: 20px;border-style: solid;border-color: transparent transparent transparent #FF9B00;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);right: -20px;top: -20px;}
.box01 > ul > li .title{color: #FF9B00;font-size: 24px;font-weight: normal;padding: 20px 27px 15px 27px;border-bottom: 6px dotted #F4F4F8;margin-bottom: 20px;}
.box01 > ul > li .list{padding: 0 27px;}
.box01 > ul > li .list > dl{}
.box01 > ul > li .list > dl > dd{margin-bottom: 3px;color: #5A5A5A;font-size: 18px;position:relative;padding-left: 18px;}
.box01 > ul > li .list > dl > dd:last-child{margin-bottom:0;}
.box01 > ul > li .list > dl > dd:before{position:absolute;content:"";background:#FF9B00;width: 7px;height: 7px;border-radius: 30px;-webkit-border-radius: 30px;-ms-border-radius: 30px;-moz-border-radius: 30px;left: 0;top: 7px;}

.box02{width: 80%;margin: 20px auto;background: #f0f0f0;padding: 15px;}
.box02 > .title{font-size: 18px;margin-bottom: 10px;}
.box02 > .sec{margin-bottom: 10px;}
.box02 > .sec > .title{font-size: 16px;margin-bottom: 10px;}
.box02 > .sec > .select{max-width: 300px;}
.box02 > .sec > .select > select{font-size: 16px;padding: 5px 15px;}
.box02 > .sec > .select > select > option{}
.box02 > .sec > .list{}
.box02 > .sec > .list > ul{margin-top: -10px;}
.box02 > .sec > .list > ul > li{display: inline-block;vertical-align: top;padding: 10px;max-width: 110px;box-sizing: border-box;}
.box02 > .sec > .list > ul > li > img{}
.box02 > .sec > .list > ul > li > span{display: block;margin-top: 5px;}

/* -共通クラス(list)- */
.list01{margin-bottom: 88px;}
.list01:last-child{margin-bottom:0;}
.list01 > ul{margin-bottom: -45px;}
.list01 > ul > li{width: 300px;box-sizing: border-box;display: inline-block;vertical-align: top;margin-right: 50px;margin-bottom: 45px;position: relative;}
.list01 > ul > li:nth-child(3n){margin-right:0;}
.list01 > ul > li > .img{margin-bottom: 11px;height: 200px;}
.list01 > ul > li > .img a{display: flex;height: 100%;background-size: auto 100% !important;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
.list01 > ul > li > .img a > img{
    max-height: 100%;
}
.list01 > ul > li > .img > img{}
.list01 > ul > li > .img > span.icon{background: #FF9B00;color: #fff;font-size: 15px;font-weight: bold;width: 50px;display: block;box-sizing: border-box;text-align: center;padding: 14px 0;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;position: absolute;right: -9px;top: -9px;}
.list01 > ul > li > .text{border-bottom: 1px solid #DCDCDC;padding-bottom: 4px;margin-bottom: 10px;}
.list01 > ul > li > .text > .sub{color: #FF9B00;font-size: 15px;font-weight: bold;margin-bottom: -1px;}
.list01 > ul > li > .text > .title{font-size: 26px;font-weight: normal;}
.list01 > ul > li > .text > .title a{color:#000;}
.list01 > ul > li > .price{font-size: 22px;font-weight: bold;text-align: right;margin: 0 20px;font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.list01 > ul > li > .price > span{color: #5A5A5A;font-size: 14px;font-weight: normal;display: inline-block;margin-right: 10px;}
.list01 > ul > li .btn01{
    margin-bottom: 0;
}
.list01 > ul > li > .btn01 a{
    font-size: 18px;
    padding: 10px;
}
.list01 > ul > li > .btn01 a:not(:last-child){
    margin-right: 10px;
}

.list02{float: right;width: 750px;}
.list02 > ul{margin-bottom: -50px;}
.list02 > ul > li{width: 236px;margin-right: 20px;display: inline-block;vertical-align: top;margin-bottom: 50px;}
.list02 > ul > li:nth-child(3n){margin-right:0;}
.list02 > ul > li > .img{background: #fff;width: 236px;height: 236px;display: table;position: relative;border-radius: 200px;-ms-border-radius: 200px;-webkit-border-radius: 200px;margin-bottom: 20px;overflow: hidden;}
.list02 > ul > li > .img > a{display: table-cell;vertical-align: middle;text-align: center;}
.list02 > ul > li > .img > a > img{}
.list02 > ul > li > .img > .icon{position: absolute;font-size: 15px;font-weight: bold;color: #fff;width: 50px;height: 50px;background: #FF9B00;border-radius: 200px;-ms-border-radius: 200px;-webkit-border-radius: 200px;display: flex;display: -webkit-flex;display: -ms-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;right: 6px;top: 6px;}
.list02 > ul > li > .text{max-width: 196px;margin: 0 auto;}
.list02 > ul > li > .text > .en{font-size: 10px;text-transform: uppercase;font-weight: bold;letter-spacing: 4px;margin-bottom: 5px;}
.list02 > ul > li > .text > .name{margin-bottom: 23px;}
.list02 > ul > li > .text > .name > a{font-size: 18px;font-weight: bold;color: #FF9B00;line-height: 26px;letter-spacing: 10px;}
.list02 > ul > li > .text > .list{margin-bottom: 17px;}
.list02 > ul > li > .text > .list > dl{}
.list02 > ul > li > .text > .list > dl > dd{border-bottom: 1px dotted #A8A8A8;padding-bottom: 8px;margin-bottom: 9px;}
.list02 > ul > li > .text > .list > dl > dd:last-child{border:none;margin-bottom:0;}
.list02 > ul > li > .text > .list > dl > dd > a{color: #5A5A5A;font-size: 18px;position:relative;padding-left: 13px;display: block;line-height: 22px;}
.list02 > ul > li > .text > .list > dl > dd > a:before{position:absolute;content:"";background:#B4B4B4;width: 5px;height: 5px;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;left: 0;top: 8px;}
.list02 > ul > li > .text > .btn{}
.list02 > ul > li > .text > .btn > a{color: #9C9C9C;font-size: 14px;display: block;text-align: center;border: 1px solid #CDCDCD;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;padding: 4px 0 3px 0;}
.list02 > ul > li > .text > .btn:hover{cursor:pointer;}

.list03{margin-bottom: 88px;width: 750px;float: right;}
body.noSide .list03{
    width: 100%;
}
body.noSide .list03 > ul > li{
    width: 320px;
}
body.noSide .list03 > ul > li:nth-child(2n){
    margin-right: 20px;
}
body.noSide .list03 > ul > li:nth-child(3n){
    margin-right: 0;
}
.list03:last-child{margin-bottom:0;}
.list03 > ul{
}
.list03 > ul > li{width: 365px;box-sizing: border-box;display: inline-block;vertical-align: top;margin-right: 20px;margin-bottom: 30px;position: relative;}

.list03 > ul > li:nth-child(2n){margin-right:0;}
.list03 > ul > li > .img{padding: 5px;background: #fff;box-shadow: 2px 2px 0 #DCDCDF;margin-bottom: 16px;}
.list03 > ul > li > .layer{background: #fff;box-shadow: 2px 2px 0 #DCDCDF;margin-bottom: 16px;border: 5px solid #fff;box-sizing: border-box;width: 100%;position: relative;}
.list03 > ul > li > .layer:before{content: "";display: block;padding-top: 100%;}
.list03 > ul > li > .layer > .img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 100%;
}
.list03 > ul > li > .img > span{
    display: block;
}
.list03 > ul > li > .img a{display: block;height: 355px;}
body.products .list03 > ul > li > .img a{height: 232px;}
.list03 > ul > li > .img a img{max-height: 236px; opacity:0;}
.list03 > ul > li > .img > img{opacity:0;}
.list03 > ul > li > .img > span.icon{background: #44AACE;color: #fff;font-size: 15px;font-weight: bold;width: 50px;display: block;box-sizing: border-box;text-align: center;padding: 14px 0;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;position: absolute;right: -3px;top: -3px;}
.list03 > ul > li > .img.nyukou{position:relative;}
.list03 > ul > li > .img.nyukou:before{content: "入稿済み";position:absolute;width: 40%;height: 2.5em;left: 0;top: 0;right: 0;bottom: 0;margin: auto;line-height: 2.5em;font-size: 22px;background: #8F3700;color: #fff;text-align: center;vertical-align: top;}
.list03 > ul > li > .img.nyukou:after{}
.list03 > ul > li > .text{border-bottom: 1px solid #DCDCDC;margin: 0 20px;padding-bottom: 10px;margin-bottom: 10px;}
.list03 > ul > li > .text > .sub{color: #FF9B00;font-size: 15px;font-weight: bold;margin-bottom: -1px;}
.list03 > ul > li > .text > .title{font-size: 25px;font-weight: normal;}
.list03 > ul > li > .text > .title a{color:#000;}
.list03 > ul > li > .btn{margin: 0 20px;display: flex;}
.list03 > ul > li > .btn a{width: 100%;text-align: center;padding: 10px;font-size: 14px;background: #FF9B00;color: #fff;display: block;margin-right: 10px;}
.list03 > ul > li > .btn a:last-child{margin-right:0;}
.list03 > ul > li > .price{font-size: 22px;font-weight: bold;text-align: right;margin: 0 20px;font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.list03 > ul > li > .price > span{color: #5A5A5A;font-size: 14px;font-weight: normal;display: inline-block;margin-right: 10px;display:block;}
body#design_list .list03{
    float: none;
    width: 100%;
}
body#design_list .list03 li{
    width: calc((100% - 40px) / 3);
}
body#design_list .list03 li .btn01{
    margin-bottom: 0;
}
body#design_list .list03 li .btn01 a{
    font-size: 18px;
    padding: 15px;
}
body#design_list .list03 li:nth-child(3n){margin-right: 0;}
body#design_list .list03 > ul > li:nth-child(2n){
    margin-right: 20px;
}
body#design_list .list03 > ul > li > .img a{
    height: 250px;
}
body#design_list .list03 > ul > li > .img > span{
    background-size: contain !important;
}


.list04{;padding-bottom: 36px;margin-bottom:36px;}
.list04 > .title{font-weight: normal;font-size: 24px;border-bottom: 1px solid #D2D2D2;padding-bottom: 11px;letter-spacing: 4px;margin-bottom: 29px;}
.list04 > dl{margin-bottom: 20px;}
.list04 > dl:last-child{margin-bottom:0;}
.list04 > dl > dt{color: #FF9B00;font-size: 22px;font-weight: bold;}
.list04 > dl > dd{font-size: 18px;}


.list05{}
.list05 .title{font-weight: normal;font-size: 24px;text-align: center;letter-spacing: 5px;margin-bottom: 55px;}
.list05 ul{text-align: center;position: relative;}
.list05 ul li{width: 200px;display: inline-block;vertical-align: top;margin: 0 25px;height: 100%;}
.list05 ul li:last-child{margin-right:0;}
.list05 ul li .img{margin-bottom: 12px;background: #646464;}
.list05 ul li .img a{display: flex;height: 100%;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;background: none !important;}
.list05 ul li .img img{
    object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    opacity: 1 !important;
    background: #fff;
}
.list05 ul li .title{text-align: center;border-bottom: 1px solid #DCDCDC;padding-bottom: 7px;margin-bottom: 10px;}
.list05 ul li .title .top{display: block;color: #FF9B00;font-size: 14px;font-weight: normal;letter-spacing: 0;margin-bottom: 3px;}
.list05 ul li .title .bottom{font-weight: normal;font-size: 20px;}
.list05 ul li .title .bottom a{color:#000;}
.list05 ul li .price{text-align: center;font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.list06{}
.list06 ul{}
.list06 ul li{display: inline-block;vertical-align: top;margin: 5px;width: 12%;box-sizing: border-box;}
.list06 ul li a{display: block;padding: 10px;color: #000;border: 2px solid #DCDCDC;}
.list06 ul li.on a,
.list06 ul li a:hover{border-color:#FF9B00;}
.list06 ul li .title{font-size: 12px;text-align: center;margin-bottom: 5px;letter-spacing: -2px;}
.list06 ul li .img{width: 70px;margin: 0 auto;}

/* -共通クラス(lead)- */
.lead01{text-align: center;margin-bottom: 69px;}
.lead01:last-child{margin-bottom:0;}
.lead01 > .title{color: #884624;font-size: 28px;font-weight: bold;line-height: 36px;margin-bottom: 17px;}
.lead01 > .txt{color: #5A5A5A;font-size: 18px;font-weight: normal;line-height: 36px;}
.lead01 > .txt > p{}

.lead02{}
.lead02 > .lead{margin-bottom: 41px;}
.lead02 > .lead > .title{border-bottom: 1px solid #D2D2D2;padding-bottom: 7px;}
.lead02 > .lead > .title > .top{display: block;color: #FF9B00;font-weight: bold;font-size: 18px;}
.lead02 > .lead > .title > .bottom{font-size: 30px;font-weight: normal;}
.lead02 > .lead > .price{font-size: 28px;font-weight: bold;font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;padding-top: 9px;text-align: right;}
.lead02 > .lead > .price > span{color: #5A5A5A;font-size: 14px;display: inline-block;margin-right: 12px;font-weight: normal;}
.lead02 > .text{font-size: 18px;line-height: 38px;margin-bottom: 72px;}
.lead02 > .text > p{word-break: break-all;margin-bottom:20px;}
.lead02 > .text > p:last-child{margin-bottom:0;}

/* -共通クラス(btn)- */
.btn01{margin-bottom: 160px;display:flex;justify-content: space-between;}
.btn01 > a,
.btn01 > button{display: block;font-size: 22px;color: #fff;background: #FF9B00;padding: 26px 25px 25px 25px;text-align: center;box-sizing: border-box;max-width: 467px;margin: 0 auto;border-radius: 150px;-webkit-border-radius: 150px;-ms-border-radius: 150px;-moz-border-radius: 150px;width: 100%;margin-bottom: 15px;}
body.products.detail .btn01 > button{width:48%;}
.btn01 > button.gray{
    background: #ccc !important;
}
body.products.detail .btn01{margin-bottom:70px}
body.products.detail .btn01 > button:first-child:last-child{width: 100%;}
.btn01 > a:last-child/*,
.btn01 > button:last-child*/{background: #884624;}
.PreviewWrap > .btn01{margin:20px 0;}
#menuWrap .btn01 > a,
#menuWrap .btn01 > button{width: 100%;}
#menuWrap .btn01{width: 100%;flex-direction: column;-webkit-flex-direction: column;}

.btn02{margin-bottom: 29px;}
.btn02:last-child{margin-bottom:0;}
.btn02 > a,
.btn02 > input,
.btn02 > button{display: block;background: #FF9B00;font-size: 26px;color: #fff;text-align: center;padding: 16px 0 15px 0;max-width: 380px;margin: 0 auto 15px auto;border-radius: 150px;-webkit-border-radius: 150px;-ms-border-radius: 150px;-moz-border-radius: 150px;width: 100%;}
.btn02 > a:last-child,
.btn02 > input:last-child,
.btn02 > button:last-child{margin-bottom: 0;}
.btn02.gray > a,
.btn02.gray > input,
.btn02.gray > button{background:#A8A8A8;}
.btn02 .note{margin: 30px 0 0 0;text-align: center;}

.btn03{text-align: center;margin-bottom:15px}
.btn03:last-child{margin-bottom:0;}
.btn03 > a{color: #FF9B00;font-size: 18px;position: relative;padding-left: 33px;display: inline-block;line-height: 22px;}
.btn03 > a > span{border: 1px solid #FF9B00;display: block;position: absolute;width: 22px;height: 22px;border-radius: 50px;-webkit-border-radius: 50px;-ms-border-radius: 50px;-moz-border-radius: 50px;left: 0;top: 0;box-sizing: border-box;}
.btn03 > a > span:before{position:absolute;content:"";width: 6px;height: 6px;border-top: 1px solid #FF9B00;border-right: 1px solid #FF9B00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);top: 50%;left: 50%;margin: -4px 0 0 -5px;}

.btn04{}
.btn04 a{
    display: block;
    background: #646464;
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding: 7px 30px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -ms-border-radius: 150px;
    -moz-border-radius: 150px;
    width: auto;
}

/* -共通クラス(table)- */
.table01{margin-top: 70px;margin-bottom: 70px;}
.table01:last-child{margin-bottom:0;}
.table01 .btn03{text-align: right;margin-bottom: 20px;}
.table01 > .table{margin-bottom: -20px;}
.table01 > .table > table{border-spacing: 0 20px;border-collapse: separate;}
.table01 > .table > table > thead{}
.table01 > .table > table > thead > tr{}
.table01 > .table > table > thead > tr > th{color: #FF9B00;font-size: 20px;font-weight: normal;text-align: center;line-height: 1;}
.table01 > .table > table > tbody{}
.table01 > .table > table > tbody > tr{}
.table01 > .table > table > tbody > tr > td{font-size: 16px;color: #5A5A5A;text-align: center;position:relative;vertical-align: top;}
.table01 > .table > table > tbody > tr > td{vertical-align: middle;}
.table01 > .table > table > tbody > tr > td img{width:100px;}
.table01 > .table > table > tbody > tr > td:before{position:absolute;content:"";border-right: 6px dotted #F4F4F8;width: 6px;height: 100%;right: 0;}
.table01 > .table > table > tbody > tr > td:last-child:before,
.table01 > .table > table > tbody > tr > td.no:before{display:none;}
.table01 > .table > table > tbody > tr > td > .content{padding: 16px 6px;background: #fff;box-sizing: border-box;display: flex;text-align: center;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.table01 > .table > table > tbody > tr > td > .content span{}
.table01 > .table > table > tbody > tr > td > span a{display:block;}
.table01 > .table > table > tbody > tr > td:first-child > span{border-radius: 100px 0 0 100px;-webkit-border-radius: 100px 0 0 100px;-ms-border-radius: 100px 0 0 100px;-moz-border-radius: 100px 0 0 100px;}
.table01 > .table > table > tbody > tr > td:last-child > span{border-radius: 0 100px 100px 0;-webkit-border-radius: 0 100px 100px 0;-ms-border-radius: 0 100px 100px 0;-moz-border-radius: 0 100px 100px 0;}

.table02{}
.table02 > .table{}
.table02 > .table > table{
    width: 100%;
}
.table02 > .table > table > thead{}
.table02 > .table > table > thead > tr{}
.table02 > .table > table > thead > tr > th{background: #F4F4F8;border-right: 1px solid #fff;padding: 10px 25px;}
.table02 > .table > table > thead > tr > th:last-child{border:none;}
.table02 > .table > table > tbody{}
.table02 > .table > table > tbody > tr{}
.table02 > .table > table > tbody > tr > td{border-right: 1px dotted #D2D2D2;border-bottom: 1px dotted #D2D2D2;padding: 10px 25px;}
.table02 > .table > table > tbody > tr > td:last-child{border-right:none;}
.table02 > .table > table > tbody > tr > th{background: #F4F4F8;padding: 10px 25px;width: 20%;text-align: left;border-bottom: 1px dotted #D2D2D2;}

.title03{}
.title03 > .title{}
.table03{width: 750px;margin: 0 auto 40px auto;}
.table03 > .title{font-weight: normal;font-size: 20px;text-align: left;margin-bottom: 10px;}
.table03 > .list03{float: none;margin-bottom: 20px;}
.table03 > .table{}
.table03 > .table > table{border-collapse: unset;border-spacing: 2px;}
.table03 > .table > table > tbody{}
.table03 > .table > table > tbody > tr{}
.table03 > .table > table > tbody > tr > th{background: #A8A8A8;color: #fff;font-size: 18px;text-align: left;padding: 15px 10px;width: 30%;}
.table03 > .table > table > tbody > tr > td{font-size: 18px;padding: 15px 10px;background: #fff;}
.table03 > .table > table > tbody > tr > td > a{}
.table03 > .table > table > tbody > tr > td > .close{}
.table03 > .table > table > tbody > tr > td > .close > a{}
.table03 > .table > table > tbody > tr > td > a.btn{}

.table04{}
.table04 > table{
    width: 100%;
    table-layout: fixed;
}
.table04 > table > thead{}
.table04 > table > thead > tr{}
.table04 > table > thead > tr > th{
    background: #ccc;
    padding: 10px;
    font-size: 16px;
    text-align: left;
}
.table04 > table > thead > tr > th:nth-child(1){
    width: 6em;
}
.table04 > table > thead > tr > th:nth-child(2){
    width: 5em;
}
.table04 > table > thead > tr > th:nth-child(3){}
.table04 > table > thead > tr > th:nth-child(4){}
.table04 > table > thead > tr > th:nth-child(5){}
.table04 > table > thead > tr > th:nth-child(6){
    width: 6em;
}
.table04 > table > tbody{}
.table04 > table > tbody > tr{}
.table04 > table > tbody > tr > td{
    background: #fff;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    border: 1px solid #ccc;
    vertical-align: top;
    word-wrap: break-word;
}
.table04 > table > tbody > tr > td > .img{
    height: auto;
    padding: 5px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    flex-direction: column;
    height: 170px;
}
.table04 > table > tbody > tr > td > .img:not(:last-child){
    margin-bottom: 14px;
}
.table04 > table > tbody > tr > td > .img > a{
    display: block;
    max-height: 100%;
    height: 160px;
    width: 160px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    position: relative;
}
.table04 > table > tbody > tr > td > .img > a:before{content:"";background: #f0f0f0;position: absolute;left: 0;top: 0;width: 1px;height: 100%;}
.table04 > table > tbody > tr > td > .img > a > img{
    max-height: 160px;
}
.table04 > table > tbody > tr > td > .img > img{
    max-height: 160px;
    width: auto;
}
.table04 > table > tbody > tr > td > .tbl{
    font-size: 11px;
    width: 100%;
    margin-bottom: 5px;
}
.table04 > table > tbody > tr > td > .tbl th{
    font-weight: bold;
    width: 4em;
}
.table04 > table > tbody > tr > td > .tbl td{
}
.table04 > table > tbody > tr > td > .tbl td a{
    color: inherit;
    text-decoration: underline;
}
.table04 > table > tbody  td > .tbl th,
.table04 > table > tbody  td > .tbl td{border: 1px solid #dcdcdc;padding: 2px 5px;}
.table04 > table > tbody > tr > td > .checkbox{}
.table04 > table > tbody > tr > td > .checkbox:before{
    width: 15px;
    height: 15px;
    top: 3px;
}
.table04 > table > tbody > tr > td > .checkbox > input{}
.table04 > table > tbody > tr > td > .checkbox > label{
    font-size: 14px;
    padding-left: 20px;
    color: #000;
}
.table04 > table > tbody > tr > td > .checkbox input[type="checkbox"]:checked + label::before{
    width: 17px;
    left: 5px;
    top: 5px;
}
.table04 > table > tbody > tr > td > .checkbox input[type="checkbox"]:checked + label::after{
    left: 1px;
    top: 6px;
}

.sort_box{position: relative;display: inline-block;height: 1em;width: 1em;vertical-align: middle;margin-left: 1px;font-size: 0;}
.sort_box .top,
.sort_box .bottom{width: 0;height: 0;border-width: 6px;border-style: solid;border-color: #999 transparent transparent transparent;display: block;position: absolute;}
.sort_box .top:hover,
.sort_box .bottom:hover{border-color: #2D3E5B transparent transparent transparent;}
.sort_box .top{top: -15px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.sort_box .bottom{bottom: -10px;}
.sort_box.on.asc .top{border-color: #000 transparent transparent transparent;}
.sort_box.on.desc .bottom{border-color: #2D3E5B transparent transparent transparent;}

/* -共通クラス(note)- */
.note01{font-size: 15px;color: #5A5A5A;line-height: 27px;margin-top: 10px;}
.note01.red{color: #ff0000;}
.note01 p{margin-bottom:10px;line-height: 1;}
.note01 p:last-child{margin-bottom: 0;}

/* -共通クラス(line)- */
.line01{}
.line01 ul{}
.line01 ul:not(:last-child){
    margin-bottom: 15px;
}
.line01 ul li{display: inline-block;vertical-align: top;margin-right: 15px;}
.line01 ul li:last-child{margin-right:0;}
.line01 ul li .input{display: inline-block;width: auto;}
.line01 ul li .btn02{}
.line01 ul li .btn02 a,
.line01 ul li .btn02 input,
.line01 ul li .btn02 button{padding: 15px;box-sizing: border-box;font-size: 20px;min-width: 250px;}
.line01 ul li.img{text-align:center; padding:0 5px;font-size:10px;}
.line01 ul li.img img{height:30px;width:50px;margin:0;vertical-align:bottom;object-fit:contain;}

/* -共通クラス(text)- */
.text01{}
.text01 > .sec{margin-bottom: 41px;}
.text01 > .sec:last-child{margin-bottom:0;}
.text01 > .sec > .title{font-size: 22px;font-weight: normal;border-bottom: 1px solid #D2D2D2;padding-bottom: 7px;margin-bottom: 15px;}
.text01 > .sec > .bottom{font-size: 18px;line-height: 38px;}
.text01 > .sec > .bottom > .text{}
.text01 > .sec > .bottom > .text > p{margin-bottom: 15px;}
.text01 > .sec > .bottom > .text > p:last-child{margin-bottom:0;}
.text01 > .sec > .bottom > .list{line-height: 1.5;margin-top: 15px;}
.text01 > .sec > .bottom > .list > dl{}
.text01 > .sec > .bottom > .list > dl > dd{position:relative;padding-left: 17px;margin-bottom: 5px;}
.text01 > .sec > .bottom > .list > dl > dd:last-child{margin-bottom:0;}
.text01 > .sec > .bottom > .list > dl > dd:before{background: #FFB94C;position: absolute;content: "";width: 8px;height: 8px;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;left: 0;top: 9px;}
.text01 > .sec > .bottom > .text > p > b{}
.text01 > .sec > .bottom > .text > .note{font-size: 15px;line-height: 1.5;}

/* -共通クラス(nav)- */
.nav01{border: 2px solid #a8a8a8;padding: 25px;width: 750px;margin: 40px auto 0 auto;}
.nav01 > ul{text-align: center;}
.nav01 > ul > li{display: inline-block;margin-right: 4%;position: relative;}
.nav01 > ul > li > a{position:relative;padding-left: 18px;}
.nav01 > ul > li > a:before{position:absolute;content:"";border-top: 2px solid  #884626;border-right: 2px solid #884626;width: 7px;height: 7px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);left: 0;top: 4px;}

/* -共通クラス(tab)- */
.tab01{background: #B4B4B4;padding-top: 0;}
.tab01 ul{display: flex;}
.tab01 ul li{width:100%;border-right: 1px solid #fff;cursor: pointer;}
.tab01 ul li:last-child{border:none;}
.tab01 ul li a{display: block;background: none;font-size: 12px;text-align: center;padding: 10px;color: #fff;box-sizing: border-box;background: #B4B4B4;}
.tab01 ul li.on a{background: #F4F4F8;color: #000;}
.tab01 ul li a:hover{opacity:1;}


/* -共通クラス(waku)- */
.waku01{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.waku01 > .yoko,
.waku01 > .tate{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.waku01 > .yoko{}
.waku01 > .yoko:before,
.waku01 > .tate:before,
.waku01 > .yoko:after,
.waku01 > .tate:after{position:absolute;content:"";}
.waku01 > .yoko:before{background: repeating-linear-gradient(-45deg, #646464, #646464 2px, transparent 2px, transparent 4px);width: 100%;height: 5px;left: 0;top: 0;border-top: 1px solid #000;}
.waku01 > .yoko:after{background: repeating-linear-gradient(-45deg, #646464, #646464 2px, transparent 2px, transparent 4px);width: 100%;height: 5px;right: 0;bottom: 0;}
.waku01 > .tate{}
.waku01 > .tate:before{background: repeating-linear-gradient(-45deg, #646464, #646464 2px, transparent 2px, transparent 4px);width: 5px;height: 100%;right: 0;top: 0;}
.waku01 > .tate:after{background: repeating-linear-gradient(-45deg, #646464, #646464 2px, transparent 2px, transparent 4px);width: 5px;height: 100%;left: 0;top: 0;}
.waku01 > .in{}
.waku01 > .in > .yoko,
.waku01 > .in > .tate{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.waku01 > .in > .yoko{}
.waku01 > .in > .yoko:before,
.waku01 > .in > .tate:before,
.waku01 > .in > .yoko:after,
.waku01 > .in > .tate:after{position:absolute;content:"";}
.waku01 > .in > .yoko:before{height: 10px;width: calc(100% - 10px);width: -webkit-calc(100% - 10px);width: -ms-calc(100% - 10px);background: transparent;background-image: radial-gradient(#797979 37%, transparent 0), radial-gradient(#797979 37%, transparent 0);background-position: 0 0, 7px 3px;-webkit-background-size: 20px 20px;background-size: 5px 5px;left: 5px;top: 5px;}
.waku01 > .in > .yoko:after{height: 11px;width: calc(100% - 10px);width: -webkit-calc(100% - 10px);width: -ms-calc(100% - 10px);background: transparent;background-image: radial-gradient(#797979 37%, transparent 0), radial-gradient(#797979 37%, transparent 0);background-position: 0 0, 7px 3px;-webkit-background-size: 20px 20px;background-size: 5px 5px;right: 5px;bottom: 5px;}
.waku01 > .in > .tate{}
.waku01 > .in > .tate:before{width: 10px;height: calc(100% - 30px);height: -webkit-calc(100% - 30px);height: -ms-calc(100% - 30px);background: transparent;background-image: radial-gradient(#797979 37%, transparent 0), radial-gradient(#797979 37%, transparent 0);background-position: 0 0, 7px 3px;-webkit-background-size: 20px 20px;background-size: 5px 5px;left: 5px;top: 15px;}
.waku01 > .in > .tate:after{width: 11px;height: calc(100% - 30px);height: -webkit-calc(100% - 30px);height: -ms-calc(100% - 30px);background: transparent;background-image: radial-gradient(#797979 37%, transparent 0), radial-gradient(#797979 37%, transparent 0);background-position: 0 0, 7px 3px;-webkit-background-size: 20px 20px;background-size: 5px 5px;right: 5px;bottom: 15px;}

/*============================
==============================
==============================
==============================
#2__TOP設定
============================*/
/* -各セクションごとの設定- */
.main_visual{position: relative;padding-bottom: 30px;}
.main_visual .slide{}
.main_visual .slide ul{}
.main_visual .slide ul li{padding: 59px 0 0 0;text-align: center;line-height: 1;font-size: 0;height: calc(100vh - 110px);height: -ms-calc(100vh - 110px);height: -webkit-calc(100vh - 110px);box-sizing: border-box;display: flex;align-items: flex-end;justify-content: center;-webkit-align-items: flex-end;-webkit-justify-content: center;min-height: 500px;max-height: 650px;}
.main_visual .slide ul li > img{
    object-fit: cover;
    max-height: 100%;
}
.main_visual .bottom{position: absolute;bottom: 0;width: 100%;text-align: center;}
.main_visual .bottom img{position: relative;}
.main_visual .bottom:before{position:absolute;content:"";bottom: 0;left: 0;width: 100%;height: 70px;background: #F4F4F8;z-index: 0;}

.infobox{width: 850px;margin: 0 auto;background: #fff;border: 1px solid #8F3700;box-sizing: border-box;padding: 33px 40px 30px 40px;}
.infobox > .content{}
.infobox > .content > .label{margin-bottom: 34px;}
.infobox > .content > .label > ul{text-align: center;margin-bottom: -14px;}
.infobox > .content > .label > ul > li{font-size: 22px;background: #8F3700;color: #fff;width: 246px;text-align: center;padding: 9px 0 8px 0;display: inline-block;vertical-align: top;margin-right: 14px;}
.infobox > .content > .label > ul > li:last-child{margin-right:0;}
.infobox > .content > .label > ul > li > span{
    font-size: 14px;
}
.infobox > .content > .info{margin-bottom: 10px;}
.infobox > .content > .info > ul{}
.infobox > .content > .info > ul > li{display: inline-block;vertical-align: top;margin-right: 61px;}
.infobox > .content > .info > ul > li:last-child{margin-right:0;}
.infobox > .content > .info > ul > li > .title{font-size: 22px;margin-bottom: 5px;}
.infobox > .content > .info > ul > li > .tel{color: #44AACE;font-size: 40px;font-family: Garamond, sans-serif;line-height: 1;margin-bottom: 6px;}
.infobox > .content > .info > ul > li > .tel a{color: #8F3700;}
.infobox > .content > .info > ul > li > .txt{font-size: 14px;color: #464646;}
.infobox > .content > .info > ul > li > .list{}
.infobox > .content > .info > ul > li > .list > dl{}
.infobox > .content > .info > ul > li > .list > dl > dd{position:relative;font-size: 14px;color: #464646;padding-left: 10px;margin-bottom: 2px;}
.infobox > .content > .info > ul > li > .list > dl > dd:last-child{margin-bottom:0;}
.infobox > .content > .info > ul > li > .list > dl > dd:before{background: #FFB94C;position:absolute;content:"";width: 8px;height: 8px;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;left: 0;top: 7px;}
.infobox > .content > .card{border-bottom: 1px dotted #FFB94C;padding-bottom: 22px;margin-bottom: 19px;}
.infobox > .content > .card > ul{text-align: center;}
.infobox > .content > .card > ul > .note{color: #464646;font-size: 12px;line-height: 16px;margin-right: 21px;}
.infobox > .content > .card > ul > li{display: inline-block;vertical-align: middle;margin-right: 15px;}
.infobox > .content > .card > ul > li:last-child{margin-right:0;}
.infobox > .content > .card > ul > .img{}
.infobox > .content > .card > ul > .img > img{}
.infobox > .content > .address{font-size: 14px;color: #464646;text-align: center;}
.sec .card > ul > li{display: inline-block;vertical-align: middle;margin-right: 15px;}

/*============================
==============================
==============================
==============================
#3__下層設定
============================*/
/* -全体設定- */
body.kaso #body section:last-child .section_inner_block:last-child{padding-bottom: 70px;}
body.kaso #body section:nth-child(odd){background: #F4F4F8;}
body.kaso .footer_inner_block > .top{background:#fff;}

/* -サイドナビ- */
.side{width: 230px;float: left;}
.side ul{}
.side > ul > li{font-size: 14px;margin-bottom: 20px;}
.side ul li .title{background: #A8A8A8;color: #fff;font-size: 18px;padding: 3px 0 2px 0;text-align: center;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;position:relative;margin-bottom: 8px;}
.side ul li .title:before{position:absolute;content:"";width: 0;height: 0;border-width: 6px;border-style: solid;border-color: #A8A8A8 transparent transparent transparent;left: 0;right: 0;margin: auto;top: 100%;}
.side ul li .title a{}
.side ul li form{}
.side ul li form .box{}
.side ul li form .box .subTitle{color: #5A5A5A;font-size: 18px;margin-bottom: 14px;}
.side ul li form .box .list{}
.side ul li form .box .list ul{}
.side ul li form .box .list ul li{position: relative;line-height: 1;font-size: 0;margin-bottom: 10px;}
.side ul li form .box .list ul li:last-child{margin-bottom:0;}
.side ul li form .box .list ul li input{border: 2px solid #DCDCDC;width: 16px;height: 16px;box-sizing: border-box;display: inline-block;vertical-align: middle;margin: 0;margin-right: 10px;}
.side ul li form .box .list ul li input:checked + label:before{position:absolute;content:"";width: 14px;height: 7px;border-left: 3px solid #A8A8A8;border-bottom: 3px solid #A8A8A8;transform: rotate(-36deg);left: 3px;top: -2px;}
.side ul li form .box .list ul li label.check{display: inline-block;font-size: 14px;max-width: 154px;vertical-align: top;line-height: 1.2;}
.side ul li form .box .list ul li label.check .maker{}
.side ul li form .box .list ul li label.check .num{position: absolute;right: 0;top: 50%;margin-top: -0.5em;}
.side ul li form .box .bar{}
.side ul li .box{background: #fff;padding: 17px 15px 26px 15px;border-bottom: 1px solid #DCDCDC;}
.side ul li .box:last-child{border-bottom:none;}
.side ul li .box .list2{}
.side ul li .box .list2 dl:first-child{border-top: 1px dotted #A8A8A8;}
.side ul li .box .list2 dl{border-bottom: 1px dotted #A8A8A8;}
.side ul li:last-child .box:last-child{padding-bottom: 15px;}
.side ul li .box .list2 dl dt{font-size: 15px;position: relative;padding: 15px 30px 15px 0;margin-bottom: 0;line-height: 1.2;}
.side ul li .box .list2 dl dt:hover{cursor:pointer;}
.side ul li .box .list2 dl dt a{color:#000;}
.side ul li .box .list2 dl dt span{position: absolute;display: block;width: 14px;height: 14px;right: 7px;top: 50%;margin-top: -7px;}
.side ul li .box .list2 dl dt span:before,
.side ul li .box .list2 dl dt span:after{position:absolute;content:"";width:14px;height:2px;background:#FF9B00;left: 0;top: 50%;margin-top: -1px;}
.side ul li .box .list2 dl dt span:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.side ul li .box .list2 dl.on dt span:after{transform: rotate(0);-webkit-transform: rotate(0);-ms-transform: rotate(0);-moz-transform: rotate(0);}
.side ul li .box .list2 dl dd{font-size: 14px;position:relative;padding-left: 10px;display: none;padding-bottom: 20px;}
.side ul li .box .list2 dl dd a:before{position:absolute;content:"";background:#B4B4B4;width: 5px;height: 5px;border-radius: 100px;-ms-border-radius: 100px;-webkit-border-radius: 100px;left: 0;top: 5px;}
.side ul li .box .list2 dl dd a{position:relative;color: #5A5A5A;display: block;padding-left: 10px;line-height: 16px;margin-bottom: 10px;}
.side ul li .box .list2 dl dd a:last-child{margin-bottom:0;}
.side ul li .box .list2 dl dd a.right{color: #9C9C9C;text-align: right;margin-top: 14px;}
.side ul li .box .list2 dl dd a.right:before{display:none;}
.side ul li .box .list2 dl dd.right a{}
.side ul li .box .btn{}
.side ul li .box .btn a,
.side ul li .box .btn button{display: block;background: #FF9B00;font-size: 16px;color: #fff;text-align: center;padding: 5px 0;margin: 15px 0 0 0;border-radius: 150px;-webkit-border-radius: 150px;-ms-border-radius: 150px;-moz-border-radius: 150px;width: 100%;box-sizing: border-box;}

.bar_price{padding: 0 7px;}
.bar_price ul{}
.bar_price ul li{font-size: 13px;float: left;}
.bar_price ul li input{font-size: 13px;border: none;}
.bar_price ul li:nth-child(2n){float: right;}

/* -商品 詳細- */
body.kaso.products.detail #body section:first-child .section_inner_block{width: 750px;}
body.kaso.products.detail #recommend .slick-slide{height:auto;}

.detail_visual{}
.detail_visual .slide{}
.detail_visual .slide > ul{}
.detail_visual .slide > ul li{display: inline-flex;vertical-align: top;background:none !important;padding: 0;height: calc(100vh - 160px);height: -webkit-calc(100vh - 160px);height: -ms-calc(100vh - 160px);align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;min-height: 500px;max-height: 866px;}
.detail_visual .slide > ul li img{max-height: 100%;opacity:1 !important;object-fit: cover;-webkit-object-fit: cover;-ms-object-fit: cover;height: auto;}

.kikaku{
}
.kikaku > .title{
    font-weight: normal;
    font-size: 22px;
    letter-spacing: 4px;
    margin-bottom: 20px;
    text-align: left;
}
#classcategory_id1{margin-bottom: 30px;}
#classcategory_id1 .radio{
}
#classcategory_id1 .radio:not(:last-child){margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #ccc;}
#classcategory_id1 .radio input[type="radio"]{}
#classcategory_id1 .radio label{
    padding-left: 30px;
}
#classcategory_id1 .radio:before{
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
}
#classcategory_id1 .radio input[type="radio"]:checked + label::after{
    content: "✔";
    background: none;
    top: -2px;
    left: 4px;
}

/* -商品 特殊指定- */
body:not(#product_detail_4) .detail_visual .slide > ul li{background-size: 600px !important;background-position: center 0% !important;}

body#product_detail_4 .detail_visual .slide > ul li{background-position:center center !important;}

/* -商品 デザイン- */
body.kaso.products.design{padding-top: 60px;background: #F4F4F8;min-width: 0;overflow: hidden;height: 100%;}
body.kaso.products.design .header_inner_block > .h1 > h1 > span,
body.kaso.products.design nav{display:none;}
body.kaso.products.design section{max-width: 480px;margin: 0 auto;}
body.kaso.products.design header{box-shadow: 3px -1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 3px -1px 10px rgba(0,0,0,0.1);-ms-box-shadow: 3px -1px 10px rgba(0,0,0,0.1);}
#kouka .line01 ul li:hover{cursor:pointer;}

body.design.block{}
body.design.block .design_option > ul > li > .title > .backcolor,
body.design.block .fa-arrows-alt{display: none;}

.collage_img{margin: 15px 0;}
.collage_img .img{height: 400px;width: 400px;margin: 15px auto;}
.design_content{padding: 63px 0 0 0;background: #F4F4F8;}
.design_content > .title,
.design_content > * > .title{font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 44px;}
.design_option{width: 750px;margin: 0 auto 102px auto;}
.design_block:nth-last-child(n + 3) .design_option{margin-bottom: 44px;}
.design_block:nth-last-child(2){margin-bottom:102px;}
.design_option > ul{}
.design_option > ul > li{border-top: 1px solid #CBCBCB;padding: 47px 0 44px 0;}
.design_option > ul > li:last-child{padding-bottom:0;}
.design_option > ul > li > .title{font-weight: normal;font-size: 20px;position: relative;margin-bottom: 36px;}
.design_option > ul > li > .list{}
.design_option > ul > li > .list > ul{}
.design_option > ul > li > .list > ul > li{}
.design_option > ul > li > .list > ul > li > .img{height: 120px;box-sizing: border-box;background: #fff;display: flex;display: -webkit-flex;display: -ms-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: relative;margin-bottom: 13px;padding: 10px;}
.design_option > ul > li > .list > ul > li.on > .img{}
.design_option > ul > li > .list > ul > li > .img:before{}
.design_option > ul > li > .list > ul > li > .img:before{content:"";position:absolute;border: 1px solid #B4B4B4;width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;}
.design_option > ul > li > .list > ul > li.on > .img:before{border: 5px solid #FF9B00;}
.design_option > ul > li > .list > ul > li > .img > img{flex-shrink: 0;max-height: 100%;width: auto;}
.design_option > ul > li > .list > ul > li > .txt{font-size: 15px;font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.design_option > ul > li > .list > ul > li{width: 120px;display: inline-block;vertical-align: top;margin-right: 40px;position:relative;text-align: center;cursor: pointer;}
.design_option > ul > li > .list > ul > li:hover{cursor:pointer;opacity:0.8;}
.design_option > ul > li > .list > ul > li:last-child{margin-right:0;}
.design_option > ul > li > .list[data-type="color"] > ul > li{width: 60px;}
.design_option > ul > li > .list[data-type="color"] > ul > li .img{height: 60px;}
.design_option > ul > li > .list > ul > li.white{}
.design_option > ul > li > .list > ul > li.white > .img{}
.design_option > ul > li > .list > ul > li.white > .txt{}
.design_option > ul > li > .list > ul > li.black{}
.design_option > ul > li > .list > ul > li.black > .img{background: #666666;}
.design_option > ul > li > .list > ul > li.black > .txt{}
.design_option > ul > li > .list > ul > li.gray{}
.design_option > ul > li > .list > ul > li.gray > .img{background: #A8A8A8;}
.design_option > ul > li > .list > ul > li.gray > .txt{}
.design_option > ul > li > .list > ul > li.pink{}
.design_option > ul > li > .list > ul > li.pink > .img{background: #FFB7B5;}
.design_option > ul > li > .list > ul > li.pink > .txt{}
.design_option > ul > li > .list > ul > li.beige{}
.design_option > ul > li > .list > ul > li.beige > .img{background: #EFE1BC;}
.design_option > ul > li > .list > ul > li.beige > .txt{}
.design_option > ul > li > .list > ul > li.blue{}
.design_option > ul > li > .list > ul > li.blue > .img{background: #7AC2DC;}
.design_option > ul > li > .list > ul > li.blue > .txt{}
.design_option > ul > li > .title > .backcolor{position: absolute;right: 0;top: 0;}
.design_option > ul > li > .title > .backcolor > a{color: #000;font-size: 16px;display: block;padding: 8px 57px 8px 0;}
.design_option > ul > li > .title > .backcolor > a .pickr .pcr-button{
}
.design_option > ul > li > .title > .backcolor > a > *{position:absolute;}
.design_option > ul > li > .title > .backcolor > a > span{display: block;width: 40px;height: 40px;box-sizing: border-box;border: 3px solid #BEBEBE;background: #fff;position: absolute;right: 0;top: 0;}
.design_option > ul > li > .title > .backcolor > a > span:before{position:absolute;content:"";width: 0;height: 0;border-width: 13px;border-style: solid;border-color: #BEBEBE transparent transparent transparent;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);right: -16px;bottom: -16px;}
.design_option > ul > li > .design{}
.design_option > ul > li > .design .contents{position: relative;margin-bottom: 16px;background: none;padding: 0;border: none;overflow: hidden;}
.design_option > ul > li > .design .contents > .img{height: 750px;background: #fff;display: flex;display: -webkit-flex;display: -ms-flex;display: -moz-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.design_option > ul > li > .design .contents > .img > img{}
.design_option > ul > li > .design .contents > .img .label{position: absolute;left: 0;top: 0;font-size: 18px;background: #000;color: #fff;padding: 3px 25px;z-index: 1;}
.design_option > ul > li > .design .contents > .drop{position: absolute;width: 320px;height: 60px;left: 0;right: 0;bottom: 0;top: 0;margin: auto;z-index: 10;}
.design_option > ul > li > .design .contents > .drop > a{display: block;background: #000;font-size: 20px;text-align: center;color: #fff;padding: 15px 0;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;}
.design_option > ul > li > .design .contents > .layer{width: 100%;height: 100%;left: 0;top: 0;position: absolute;right: 0;bottom: 0;margin: auto;}
.design_option > ul > li > .design .contents > .layer ul{}
.design_option > ul > li > .design .contents > .layer ul li{position: absolute;line-height: 1;line-height: 1.5;opacity: 0.8;}
.design_option > ul > li > .design .contents > .layer ul li.pattern{display:none;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(1){z-index:15;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(2){z-index:14;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(3){z-index:13;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(4){z-index:12;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(5){z-index:11;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(6){z-index:10;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(7){z-index:9;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(8){z-index:8;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(9){z-index:7;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(10){z-index:6;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(11){z-index:5;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(12){z-index:4;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(13){z-index:3;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(14){z-index:2;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(15){z-index:1;}
.design_option > ul > li > .design .contents > .layer ul li:nth-child(16){z-index:0;}
.design_option > ul > li > .design .contents > .layer ul li.on{z-index:99;}
.design_option > ul > li > .design .contents > .layer > * img{max-width: 100%;max-height: 100%;}
.design_option > ul > li > .design .contents > .layer > *:hover{cursor:move;}
.design_option > ul > li > .design > .btn{}
.design_option > ul > li > .design > .btn > ul{display: flex;}
.design_option > ul > li > .design > .btn > ul > li{display: inline-block;vertical-align: top;margin-right: 1px;width: 100%;}
.design_option > ul > li > .design > .btn > ul > li:last-child{margin-right:0;}
.design_option > ul > li > .design > .btn > ul > li > a{color: #fff;font-size: 16px;display: block;background: #797979;width: 100%;padding: 18px 0;text-align: center;}
.design_option > ul > li > .design > .btn > ul > li.on > a{background:#FF9B00;}
.design_option > ul > li > .design > .btn > ul > li:first-child > a{border-radius: 100px 0 0 100px;-webkit-border-radius: 100px 0 0 100px;}
.design_option > ul > li > .design > .btn > ul > li:last-child > a{border-radius: 0 100px 100px 0;-webkit-border-radius: 0 100px 100px 0;width: 100%;}
.design_option > ul > li > .design > .btn > ul > li:first-child:last-child > a{border-radius: 100px;-webkit-border-radius: 100px;}
.design_footer{background: #424242;color: #fff;}
.design_footer > .design_footer_inner{width: 750px;margin: 0 auto;}
.design_footer > .design_footer_inner > .order{width: 16%;padding: 10px 4px 8px 4px;background: #797979;border-radius: 150px;-webkit-border-radius: 150px;box-sizing: border-box;text-align: center;font-size: 0;position: relative;float: left;margin: 30px 0;height: 34px;}
.design_footer > .design_footer_inner > .order:hover{cursor:pointer;}
.design_footer > .design_footer_inner > .order span{display: inline-block;font-size: 20px;margin-right: 33px;position: relative;z-index: 0;}
.design_footer > .design_footer_inner > .order .select{position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: auto;width: calc(100% - 10px);width: -webkit-calc(100% - 10px);width: -ms-calc(100% - 10px);width: -moz-calc(100% - 10px);height: calc(100% - 10px);height: -webkit-calc(100% - 10px);height: -ms-calc(100% - 10px);height: -moz-calc(100% - 10px);z-index: 1;background: none;}
.design_footer > .design_footer_inner > .order .select:hover,
.design_footer > .design_footer_inner > .order .select select{cursor:pointer;opacity:0.8;}
.design_footer > .design_footer_inner > .order .select:before{display:none;}
.design_footer > .design_footer_inner > .order .select select{color: #fff;font-size: 20px;width: 100%;height: 100%;line-height: 1;background: none;opacity: 1;padding: 0 0 0 82px;}
.design_footer > .design_footer_inner > .order > .select select option{}
.design_footer > .design_footer_inner > .right_area{float: right;width: 42%;}
.design_footer > .design_footer_inner > .right_area > .price_area{font-size: 16px;float: left;padding: 34px 0;margin-right: 28px;}
.design_footer > .design_footer_inner > .right_area > .price_area > .txt{margin-right: 8px;vertical-align: bottom;display: inline-block;}
.design_footer > .design_footer_inner > .right_area > .price_area > .price{font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 20px;vertical-align: bottom;display: inline-block;line-height: 1;}
.design_footer > .design_footer_inner > .right_area .btn{float: right;width: 100%;box-sizing: border-box;}
.design_footer > .design_footer_inner > .right_area .btn a,
.design_footer > .design_footer_inner > .right_area .btn button{font-size: 20px;display: block;background: #44AACE;padding: 35px 30px;box-sizing: border-box;text-align: center;color: #fff;width: 100%;}
.design_footer > .design_footer_inner > .right_area .btn button.hide{display: none;}
.preview_slider{margin-bottom: 20px;}
.preview_slider ul{}
.preview_slider ul li{}

.preview_thum{text-align: center;}
.preview_thum > a{display: inline-block;max-width: 80px;margin-right: 15px;border: 2px solid rgba(0,0,0,0);padding: 5px;}
.preview_thum > a.active{border: 2px solid #FF9B00;}
.preview_thum > a:last-child{margin-right:0;}
.preview_thum ul{}
.preview_thum ul li{position:relative;padding: 5px;margin: 5px;}
.preview_thum ul li:before{position: absolute;content: "";width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;left: 0;top: 0;}
.preview_thum ul li.slick-current:before{border: 1px solid #FF9B00;}

.edit_list{max-height: 440px;overflow: scroll;}
.edit_list ul{counter-reset: sample;}
.edit_list ul li{padding: 20px;background: #fff;vertical-align: top;margin-bottom: 2%;box-sizing: border-box;width: 49%;display: inline-block;margin-right: 2%;position: relative;}
.edit_list ul li:before{position:absolute;counter-increment: sample;content: "0"counter(sample);right: 0;top: 0;padding: 1px 20px;box-sizing: border-box;background: #FF9B00;color: #fff;font-size: 12px;}
.edit_list ul li:nth-child(2n){margin-right:0;}
.edit_list ul li .img{width: 35%;height: 100px;float: left;}
.edit_list ul li.pattern .img,
.nav_edit > .inner_nav_edit .list > ul > li.pattern > .img{position: relative;}
.edit_list ul li.pattern .img:before,
.nav_edit > .inner_nav_edit .list > ul > li.pattern > .img:before{position:absolute;content: "背景パターン";font-size: 13px;width: 100%;height: 100%;justify-content: center;-webkit-justify-content: center;text-align: center;align-items: center;-webkit-align-items: center;display: flex;background: rgba(0,0,0,0.5);color: #fff;}
.edit_list ul li .menu{float: right;width: 62%;margin: 39px 0;font-size: 14px;}
.edit_list ul li .menu dl{text-align: right;}
.edit_list ul li .text{width: 35%;height: 100px;float: left;box-sizing: border-box;border: 1px solid #CBCBCB;padding: 10px;}
.edit_list ul li .menu dl dd{display: inline-block;margin-right: 5px;}
.edit_list ul li .menu dl dd:hover{cursor:pointer;opacity:0.8;}
.edit_list ul li .menu dl dd i{}
.edit_list ul li .menu dl dd i:hover{cursor:pointer;opacity:0.8;}
.edit_list ul li .menu dl dd .fa-arrows-alt:hover{cursor: move;}
.edit_list ul li .menu dl dd.move{}
.edit_list ul li .menu dl dd.move i{}
.edit_list ul li input{}
.edit_btn{position: absolute;right: 0;top: 0;}
.edit_btn ul{}
.edit_btn ul li{padding: 5px 15px;background: #797979;font-size: 12px;display: inline-block;vertical-align: top;margin-right: 5px;color: #fff;}
.edit_btn ul li.on{background:#FF9B00;}
.edit_btn ul li:last-child{margin-right:0;}
.edit_btn ul li:hover{cursor:pointer;opacity:0.8;}

.images_list{font-size: 0;margin-top: 20px;height: 100%;overflow: hidden;}
.images_list .innser_side{width: 30%;display: inline-block;vertical-align: top;box-sizing: border-box;background: #F4F4F8;overflow: scroll;height: 100%;}
.images_list .innser_side ul{}
.images_list .innser_side ul li{color: #000;text-align: left;font-size: 14px;padding: 5px 10px;}
.images_list .innser_side ul li.on{font-weight: bold;background: #DCDCDC;}
.images_list .innser_side ul li:hover{background: #DCDCDC;}
.images_list #thum{width: 70%;display: inline-block;box-sizing: border-box;vertical-align: top;padding-top: 0 !important;}
.images_list #thum ul{text-align: left !important;}

.shadow{width: 100%;position: fixed;height: 100%;left: 0;top: 0;z-index: -1;background: rgba(0,0,0,0.6);opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;cursor: pointer;}
.shadow.on{z-index: 102;opacity:1;}
.nav_edit{position: fixed;left: -100%;bottom: 0;width: 90%;background: #fff;z-index: 202;box-sizing: border-box;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;height: 73%;}
.nav_edit.on{left: 0;}
.nav_edit .close{background: #884624;color: #fff;position: absolute;font-size: 28px;border-radius: 100px;padding: 10px;height: 1em;width: 1em;text-align: center;line-height: 26px;right: -25px;top: -25px;cursor: pointer;}
.nav_edit > .inner_nav_edit{height: 100%;overflow: scroll;}
.nav_edit > .inner_nav_edit .list{padding: 20px;}
.nav_edit > .inner_nav_edit .list > ul{}
.nav_edit > .inner_nav_edit .list > ul > li{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dotted #DCDCDC;}
.nav_edit > .inner_nav_edit .list > ul > li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.nav_edit > .inner_nav_edit .list > ul > li > .img{width: 100px;float: left;height: 70px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background: #646464;}
.nav_edit > .inner_nav_edit .list > ul > li > .img i{font-size: 25px;color: #fff;}
.nav_edit > .inner_nav_edit .list > ul > li > .text{float: left;width: 100px;border: 1px solid #DCDCDC;height: 70px;box-sizing: border-box;padding: 3px;overflow: scroll;font-size: 12px;}
.nav_edit > .inner_nav_edit .list > ul > li > .img > img{}
.nav_edit > .inner_nav_edit .list > ul > li > .menu{float: right;width: 59%;padding: 23px 0;text-align: right;}
.nav_edit > .inner_nav_edit .list > ul > li > .menu > dl{font-size: 0;}
.nav_edit > .inner_nav_edit .list > ul > li > .menu > dl > dd{display: inline-block;vertical-align: middle;font-size: 11px;margin-right: 8px;cursor: pointer;}
.nav_edit > .inner_nav_edit .list > ul > li > .menu > dl > dd:last-child{margin-right:0;}
.nav_edit > .inner_nav_edit .list > ul > li > .menu > dl > dd > i{font-size: 20px;cursor: pointer;}
.nav_edit > .inner_nav_edit > .btn{padding-bottom: 400px;}
.nav_edit > .inner_nav_edit .btn > ul{}
.nav_edit > .inner_nav_edit .btn > ul > li:first-child{border-top: 1px solid #DCDCDC;}
.nav_edit > .inner_nav_edit .btn > ul > li{font-size: 16px;text-align: center;border-bottom: 1px solid #DCDCDC;padding: 17px 0;cursor:pointer;}
.nav_edit > .inner_nav_edit .btn > ul > li.on{background:#FF9B00;color:#fff;}
.scrollarea{padding-bottom: 30px;}
.add_upload_menu{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 200;background: #000;display: none;}
.add_upload_menu.on{display: block;}
.add_upload_menu .back{background: #F4F4F8;color: #5A5A5A;padding: 13px 0;padding-left: 40px;position: relative;cursor: pointer;}
.add_upload_menu .back:before{position:absolute;content:"";border-top: 2px solid #5A5A5A;border-right: 2px solid #5A5A5A;width: 10px;height: 10px;transform: rotate(-135deg);left: 20px;top: 50%;margin-top: -6px;}
.add_upload_menu .back span{position: absolute;right: 20px;top: 50%;font-size: 20px;margin-top: -15px;}
.add_upload_menu .tab{padding-top: 10px;background: #797979;}
.add_upload_menu .tab ul{}
.add_upload_menu .tab ul li{display: inline-block;padding: 10px 20px;cursor: pointer;line-height: 0px;}
.add_upload_menu .tab ul li.on{background: #000;}
.add_upload_menu .tab ul li i{color: #fff;}
.add_upload_menu .content .text{padding: 0 20px;text-align: center;}
.add_upload_menu .content .text p{}
.add_upload_menu .content .btn_file{padding: 20px;}
.add_upload_menu .content .btn_file label{width: 100%;margin: 0 auto;display: block;background: #884624;font-size: 16px;color: #fff;text-align: center;padding: 18px 0;border-radius: 150px;-webkit-border-radius: 150px;-ms-border-radius: 150px;-moz-border-radius: 150px;box-sizing: border-box;}
.add_upload_menu .content .btn_file label input{display: none;}
.add_upload_menu .content {background: #000;color: #fff;box-sizing: border-box;padding-top: 20px;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;width: 100%;position: absolute;left: 0;opacity: 0;z-index: -1;display: none;overflow: hidden;}
.add_upload_menu .content .inner{overflow: scroll;height: calc(100% - 114px);height: -webkit-calc(100% - 114px);height: -ms-calc(100% - 114px);}
.add_upload_menu .content.on{z-index: 1;opacity: 1;display: block;}
.add_upload_menu .content  ul{text-align: center;}
.add_upload_menu .content .btn_submit{background: #797979;position: fixed;width: 100%;bottom: -100%;left: 0;padding: 30px 0;box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.add_upload_menu .content .btn_submit.on{bottom: -10px;z-index: 1;opacity: 1;}
.add_upload_menu .content .btn_submit a{width: 80%;margin: 0 auto 10px auto;display: block;background: #FF9B00;font-size: 16px;color: #fff;text-align: center;padding: 18px 0;border-radius: 150px;-webkit-border-radius: 150px;-ms-border-radius: 150px;-moz-border-radius: 150px;box-sizing: border-box;}
.add_upload_menu .content .btn_submit a:last-child{margin-bottom:0;}
.add_upload_menu .content #thum{padding: 20px;max-height: 100vh;overflow: scroll;}
.add_upload_menu .content #thum ul{}
.add_upload_menu .content #thum ul li{width: 70px;display: inline-block;margin-right: 10px;margin-bottom: 17px;position: relative;vertical-align: top;cursor: pointer;background: #fff;}
.add_upload_menu .content #thum ul li:before{position:absolute;content:"";width: 100%;height: 100%;left: 0;top: 0;z-index: 0;box-sizing: border-box;border: 0 solid #FF9B00;}
.add_upload_menu .content #thum ul li.on{}
.add_upload_menu .content #thum ul li.on:before{border: 4px solid #FF9B00;}
.add_upload_menu .content #thum ul li .edit{position: absolute;left: -10px;top: -10px;}
.add_upload_menu .content #thum ul li .edit i{color: #fff;background: #FF9B00;padding: 5px;font-size: 11px;border-radius: 50px;-webkit-border-radius: 50px;-ms-border-radius: 50px;}
.add_upload_menu .content #thum ul li .img{height: 70px;background: #797979;}
.add_upload_menu .content #thum ul li .img.noimage{display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.add_upload_menu .content #thum ul li .img.noimage i{font-size: 25px;}
.add_upload_menu .content #thum ul li .btn{line-height: 1;position: absolute;padding: 3px;background: #797979;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;bottom: -12px;left: 0;right: 0;margin: auto;width: 22px;box-sizing: border-box;z-index: 1;}
.add_upload_menu .content #thum ul li.on .btn{font-size: 0;height: 22px;background: #FF9B00;}
.add_upload_menu .content #thum ul li.on .btn:before{position:absolute;content:"";width: 8px;height: 4px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(-225deg);left: 6px;top: 6px;}
.add_upload_menu .content #thum ul li .thum_bar.span{height: 5px;}
.add_upload_menu .content #thum ul li .thum_bar.span span{display: block;height: 100%;background: #FF9B00;margin-top: 4px;border-radius: 50px;-webkit-border-radius: 50px;-ms-border-radius: 50px;-moz-border-radius: 50px;}

.add_text_menu{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: #fff;z-index: -1;display: flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;opacity:0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;overflow: scroll;}
.add_text_menu.on{z-index: 200;opacity:1;}
.add_text_menu .inner{padding: 20px;}
.add_text_menu .top{}
.add_text_menu .top .textarea{margin-bottom: 10px;}
.add_text_menu .top .textarea textarea{width: 100%;border: 3px solid #DCDCDC;box-sizing: border-box;font-size: 16px;padding: 10px;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;height: 230px;overflow: scroll;}
.add_text_menu .bottom{margin-bottom: 30px;}
.add_text_menu .bottom .pickr{display: inline-block;vertical-align: top;}
.add_text_menu .bottom .pickr button{height: 38px;width: 38px;}
.add_text_menu .bottom .select{display: inline-block;vertical-align: top;background: #D5D5D5;}
.add_text_menu .bottom #font_size{width: 110px;}
.add_text_menu .bottom #font_align{width: 110px;padding: 7px 10px;height: 38px;}
.add_text_menu .bottom .select select{padding: 10px;font-size: 16px;position: relative;}
.add_text_menu .bottom .select select option{}
.add_text_menu .btn a{font-size: 14px;background: #D5D5D5;padding: 8px 20px 9px 20px;display: inline-block;color: #797979;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;margin-right: 10px;}
.add_text_menu .btn a:last-child{margin-right:0;}
.add_text_menu .btn{text-align: center;font-size: 0;}
.add_text_menu .btn .cancel{}
.add_text_menu .btn .save{background: #FF9B00;color: #fff;}

/* -マイページ TOP- */
body.mypage{padding-top: 70px;}
body.mypage nav#public{display: none;}
body.mypage nav#mypage{}
.mypage_header,
body.mypage .header_inner_block{display:none;}
body.mypage .mypage_header{display:block;width: 1000px;margin: 0 auto;padding: 13px 0;}
body.mypage header{background: #FF9B00;}
body.mypage .footer_inner_block > .bottom{padding-top: 49px;}
body.mypage .footer_inner_block > .top,
body.mypage .footer_inner_block > .bottom > .link{display: none;}
body.mypage #body section:last-child .section_inner_block:last-child{padding-bottom: 109px;}
body.mypage #body section:nth-child(odd){background: #F4F4F8;}
body.mypage#mypage_login nav{display: none;}
body.mypage #ec_wrap dt{width: 150px;font-size: 14px;padding: 25px 15px;}
body.mypage #ec_wrap dd{padding: 25px 15px;}
body.mypage #ec_wrap{padding: 20px;}
body.mypage #ec_wrap input{padding: 12px 10px;font-size: 18px;}
body.mypage .form_area .line01{float: none;}
body.mypage #ec_wrap .form-inline .radio input:checked{padding: 5px;left: 0;top: 0;}

.pagination{}
.pagination ul{text-align: center;}
.pagination ul li{display: inline-block;}
.pagination ul li.active{
    background: #884626;
}
.pagination ul li a{display: block;padding: 0 5px;}
.pagination ul li.active a{
    color: #fff;
}
.mypage_header > .h1{width: 244px;float: left;padding: 7px 0 8px 0;}
.mypage_header > .h1 > h1{}
.mypage_header > .h1 > h1 > a{}
.mypage_header > .h1 > h1 > a > img{}
.mypage_header > .right{float: right;}
.mypage_header > .right > .link{float: left;margin-right: 24px;padding: 8px 0 9px 0;}
.mypage_header > .right > .link > ul{}
.mypage_header > .right > .link > ul > li{margin-right: 15px;}
.mypage_header > .right > .link > ul > li:last-child{margin-right:0;}
.mypage_header > .right > .link > ul > li > a{font-size: 18px;color: #fff;position:relative;padding-left: 20px;}
.mypage_header > .right > .link > ul > li > a:before{position:absolute;content:"";width: 7px;height: 7px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);left: 0;top: 6px;}
.mypage_header > .right > .btn{float: right;}
.mypage_header > .right > .btn > ul{}
.mypage_header > .right > .btn > ul > li{}
.mypage_header > .right > .btn > ul > li > a{color: #FF9B00;display: inline-block;background: rgba(255,255,255,0.8);padding: 10px 30px;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;}

/* -マイページ ログイン- */
body.mypage.login .mypage_header > .right,
body.mypage.login .menu-trigger_wrap{display:none;}
body.mypage nav{display:none;}

.mypage_box{width: 750px;margin: 0 auto;}
.mypage_box > .block{margin-bottom: 90px;}
.mypage_box > .block:last-child{margin-bottom:0;}
.mypage_box > .block > .box{background: #fff;padding: 67px 85px;box-sizing: border-box;}
.mypage_box > .block > .box .line01{text-align:center;}
.mypage_box > .block > .box > .input_area{margin-bottom: 61px;}
.mypage_box > .block > .box > .input_area > ul{}
.mypage_box > .block > .box > .input_area > ul > li{margin-bottom: 35px;}
.mypage_box > .block > .box > .input_area > ul > li:last-child{margin-bottom:0;}
.mypage_box > .block > .box > .input_area > ul > li > .input{}
.mypage_box > .block > .box > .radio_area{margin-bottom: 57px;}
.mypage_box > .block > .box > .radio_area > ul{text-align: center;}
.mypage_box > .block > .box > .radio_area > ul > li{display: inline-block;vertical-align: top;margin-right: 33px;}
.mypage_box > .block > .box > .radio_area > ul > li:last-child{margin-right:0;}
.mypage_box > .block > .box > .radio_area > ul > li > .radio{}
.mypage_box > .block > .box > .radio_area > ul > li > .radio > input{}
.mypage_box > .block > .box > .radio_area > ul > li > .radio > label{}
.mypage_box > .block > .box > .note{font-size: 15px;color: #5A5A5A;text-align: center;line-height: 27px;margin-bottom: 48px;}

/*----マイページ デザイン----*/
body.mypage.design .list03{float: none;width: 100%;margin-top: 50px;}
body.mypage.design .list03 ul{}
body.mypage.design .list03 ul li{width: 22%;margin-right: 4%;margin-bottom: 4%;}
body.mypage.design .list03 ul li:nth-child(4n){margin-right: 0;}
body.mypage.design .list03 > ul > li > .img.nyukou:before{font-size: 14px;}

/* -マイページ お問い合わせ- */
.contactContent{width: 1000px;margin: 0 auto 70px auto;}
.contactContent:last-child{margin-bottom:0;}
.contactContent p.no_data{padding:50px 0;text-align:center;}
.form_area{}
.form_area .radio_area{margin: 40px 0;}
.form_area .radio_area ul{text-align: center;}
.form_area .radio_area ul li{display: inline-block;margin-right: 33px;}
.form_area > form{}
.form_area > form .btn02{margin: 20px 0 0 0;}
.form_area > form > table{width: 100%;}
.form_area > form > table > tbody{}
.form_area > form > table > tbody > tr{}
.form_area > form > table > tbody > tr > th{font-size: 18px;color: #5A5A5A;position: relative;text-align: left;vertical-align: top;padding: 20px 0;}
.form_area > form > table > tbody > tr > th > .red{color: #ff0000;display: inline-block;margin-left: 5px;}
.form_area > form > table > tbody > tr:first-child > th{padding-top:0;}
.form_area > form > table > tbody > tr > td{padding: 20px 0 20px 20px;}
.form_area > form > table > tbody > tr:first-child > td{padding-top:0;}
.form_area > form > table > tbody > tr > td > input{color: #5A5A5A;font-size: 22px;border: 2px solid #D5D5D5;padding: 15px;width: 100%;box-sizing: border-box;}
.form_area > form > table > tbody > tr > td.adress ul{}
.form_area > form > table > tbody > tr > td.adress ul li{margin-bottom: 20px;}
.form_area > form > table > tbody > tr > td.adress ul li .input{display: inline-block;margin-left: 10px;width: 400px;}
.form_area > form > table > tbody > tr > td.adress ul li .input input{}
.select{}
.select > select{color: #000;font-size: 22px;padding: 13px 23px 12px 23px;width: 100%;box-sizing: border-box;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;max-width: 735px;appearance: none;-webkit-appearance: none;-ms-appearance: none;background: none;}
.form_area > form > table > tbody > tr > td > .select > select > option{}
.form_area > form > table > tbody > tr > td > textarea{color: #5A5A5A;font-size: 22px;border: 2px solid #D5D5D5;padding: 15px;width: 100%;box-sizing: border-box;}

/* -サイトマップ- */
.sitemapContent ul {text-align: center;font-size: 0}
.sitemapContent ul li {display: inline-block;font-size: 16px;margin-right: 20px;vertical-align: top;width: 23%}
.sitemapContent ul li:last-child {margin-right: 0}
.sitemapContent ul li dl {margin-bottom: 20px;text-align: left}
.sitemapContent ul li dl dt {font-size: 18px}
.sitemapContent ul li dl dt a {color: #884624;}
.sitemapContent ul li dl dd {position: relative;padding-left: 15px;font-size: 14px;margin-bottom: 1px;}
.sitemapContent ul li dl dd:before {content: "";position: absolute;background: #FFB94C;width: 8px;height: 8px;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;left: 0;top: 7px;}
.sitemapContent ul li dl dd a {font-size: 14px;color: #464646;}

/* -注文内容の確認- */
body.order .list03 > ul{text-align: center;}
body.order .list03 > ul > li > .img{padding: 15px;}
body.order{padding-top:70px;}
body.order .header_inner_block > .h1 > h1 > span{display: none;}
body.order .design_block{display: block;}

/*============================
==============================
==============================
==============================
#4__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {}


/* -サファリ(最新)- */
_::-webkit-full-page-media, _:future, :root .form-inline .radio input:checked {
    left:5px;
}
_::-webkit-full-page-media, _:future, :root body.mypage #ec_wrap .form-inline .radio input:checked{left:3px;}

/* -IE- */
.edit_list::-webkit-scrollbar,
.add_text_menu .top .textarea textarea::-webkit-scrollbar,
.add_text_menu::-webkit-scrollbar{display:none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.add_text_menu .top .textarea textarea.edit_list,
.add_text_menu{-ms-overflow-style:none;}
.templeteList > ul{-ms-overflow-style:scrollbar;}
/* -セレクトの矢印削除- */
select::-ms-expand{display: none;}
.radio{ line-height: 1.7em;}
#pankuzu ul{-ms-overflow-style:none;}
#pankuzu ul li{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}}


/* -IE(Edge)- */
@supports (-ms-ime-align:auto)
{
.templeteList > ul{-ms-overflow-style:scrollbar;}
}
/*============================
==============================
==============================
==============================
#5__プラグイン制御
============================*/
/* -基本設定- */

/* -スクロールバー- */
.bar_wrap{width: calc(100% - 16px);width: -webkit-calc(100% - 16px);width: -ms-calc(100% - 16px);width: -moz-calc(100% - 16px);padding: 6px 0;margin: 0 auto 12px auto;}
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover{background: #797979;border: none;border-radius: 100px;-webkit-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;}
.ui-slider .ui-slider-handle{top: 50%;margin-top: -8px;width: 16px;height: 16px;}
.ui-slider .ui-slider-handle:hover{cursor: col-resize;}
.ui-slider-horizontal .ui-slider-handle{}
.ui-widget-header{background: #FF9B00;border: none;}
.ui-slider-horizontal .ui-slider-handle:hover,
.bar_wrap:hover{cursor: col-resize;}
.ui-widget.ui-widget-content{border: none;}
.ui-slider .ui-slider-range{border: none;}
.ui-slider-horizontal{}
.ui-widget, .ui-widget .ui-widget{height: 4px;}
.ui-widget, .ui-widget .ui-widget:hover{cursor: col-resize;}
.ui-widget-content{background: #D5D5D5;}

/* -slick- */
.detail_thum{background: #F4F4F8;padding: 29px 0 16px 0;}
.detail_thum ul{text-align: center;padding: 0;width: 600px;margin: 0 auto;position: relative;}
.detail_thum ul li{margin: 5px 20px;position:relative;width: 80px !important;height: 80px;background-size: contain !important;background-color: #fff !important;}
.detail_thum ul li:hover{cursor:pointer;opacity:0.8;}
.detail_thum ul li:last-child:nth-child(n + 2){margin-right:0;}
.detail_thum ul li span{display: block;height: 80px;width: 100%;}
.detail_thum ul li.slick-current{position: relative;}
.detail_thum ul li.slick-current:before{position: absolute;content: "";width: 90px;height: 90px;border: 1px solid #FF9B00;left: -5px;top: -5px;box-sizing: border-box;/* opacity: 0; */}
.detail_thum .slick-track {
transform:unset!important;
}
.slick-prev,
.slick-next{padding: 0;width: 9px;}
.slick-prev{background: url(/img/next.png) center center no-repeat;left: -29px;}
.slick-next{background: url(/img/prev.png) center center no-repeat;right: -29px;}

/* -jPicker- */
#Inline{position: absolute;right: 0;top: 150%;}

/* -Dropzone- */
.ui-resizable-n{background: transparent url(/img/resize_x.gif) bottom left repeat-x;}
.ui-resizable-n:before{position:absolute;content:"";border: 1px solid white;background: #666;opacity: .80;width: 11px;height: 11px;left: 0;right: 0;margin: auto;bottom: -6px;}
.ui-resizable-e{background: transparent url("/img/resize_y.gif") top left repeat-y;}
.ui-resizable-e:before{position:absolute;content:"";border: 1px solid white;background: #666;opacity: .80;width: 11px;height: 11px;top: 0;bottom: 0;margin: auto;left: -6px;}
.ui-resizable-s{background: transparent url(/img/resize_x.gif) top left repeat-x;}
.ui-resizable-s:before{position:absolute;content:"";border: 1px solid white;background: #666;opacity: .80;width: 11px;height: 11px;left: 0;right: 0;margin: auto;top: -6px;}
.ui-resizable-w{background: transparent url("/img/resize_y.gif") top right repeat-y;}
.ui-resizable-w:before{position:absolute;content:"";border: 1px solid white;background: #666;opacity: .80;width: 11px;height: 11px;top: 0;bottom: 0;margin: auto;right: -6px;}
.ui-resizable-nw,
.ui-resizable-ne,
.ui-resizable-sw,
.ui-resizable-se{border: 1px solid white;background: #666;opacity: .80;}
.ui-resizable-se{cursor: se-resize !important;width: 9px !important;height: 9px !important;right: -5px !important;bottom: -5px !important;}

/* -トラッキング- */
.order_delivery_wrap{text-align: center;margin: 0 0 110px 0;}
.order_delivery_wrap:last-child{margin-bottom:40px;}
.order_delivery_wrap > .title{color: #2D3E5B;font-weight: bold;font-size: 18px;margin: 0 0 19px 0;}
.order_delivery_wrap > .txt > .title{color: #000;font-weight: bold;font-size: 16px;margin: 0 0 5px 0;}
.order_delivery_wrap .jyokyo{font-size: 16px;    margin: 0 0 25px 0;}
.order_delivery_wrap .txt{font-size: 14px;line-height: 28px;color: #000;margin: 0 0 20px 0;display: inline-block;text-align: left;background: #fff;padding: 15px;width: 100%;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;box-sizing: border-box;}
.order_delivery_wrap .txt p{}
.order_delivery_wrap .img{}
.order_delivery_wrap .img img{}

.traking_table{
    width: 100%;
}
.traking_table > table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    
}
.traking_table > table:not(:last-child){margin-bottom: 10px;}
.traking_table > table > thead{}
.traking_table > table > thead > tr{}
.traking_table > table > thead > tr > th{
    background: #A8A8A8;
    font-size: 15px;
    padding: 12px 0;
    
    width: 183px;
    color: #fff;
}
.traking_table > table > thead > tr > th:not(:last-child){}
.traking_table > table > tbody{}
.traking_table > table > tbody > tr{
}
.traking_table > table > tbody > tr.last:not(:last-child){
}
.traking_table > table > tbody > tr > th{
    font-size: 15px;
    height: 50px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
    background: #A8A8A8;
}
.traking_table > table > tbody > tr > td:not(:last-child){}
.traking_table > table > tbody > tr > td{
    font-size: 15px;
    height: 50px;
    width: 365px;
    color: #464646;
    vertical-align: middle;
    padding: 10px;
    text-align: left;
    line-height: 1.5;
    background: #fff;
}

/*============================
==============================
==============================
==============================
#6__引用CSS
============================*/
/* -カート- */
.cart_sub_tit_01{ font-size:18px;display: inline-block;}
.cart_sub_tit_02{font-size:22px;color: #FF9B00;border-bottom: #FF9B00 3px solid;}
.cart_sub_tit_03{ font-size:18px;color:#000; border-bottom:#939393 1px dotted; margin-bottom:10px; font-weight:bold;}
.cart_tit{font-size:24px;color:#FFF;border-top:#FFF 1px solid;padding:10px;background: #FF9B00;}
.cart_tit img{ margin-right:10px; }
.cart_wrap{background-color:#FFF;padding: 25px;margin:0 0 30px 0;}
.cart_wrap table{width:100%;}
.cart_wrap .cart_inner{border: 5px solid #DCDCDC;padding:20px;}
.cart_wrap .cart_area{border-bottom:#646464 1px solid;}
.cart_wrap .cart_area .cart_about{ float:right;}
.cart_wrap .cart_area .cart_about ul li{ float:left; margin-left:10px; position:relative;}
.cart_wrap .cart_area .cart_about ul li a{color: #884624;font-size:13px;font-weight:bold;display: inline-block;margin-left: 15px;}
.cart_wrap .cart_area .cart_about ul li a:last-child{margin-right:10px;}
.cart_wrap .cart_area .cart_about ul li::before,.member_box .caution_list ul li::before{display: block;position: absolute;top: 50%;width: 7px;height: 7px;margin-top: -5px;border-top: solid 2px #884624;border-right: solid 2px #884624;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";}
.cart_list table{border:#646464 solid 1px;margin-bottom:10px;width: 100%;}
.cart_list table td{border-left:#646464 dotted 1px;border-bottom: #646464 dotted 1px;text-align:center;vertical-align: middle;}
.cart_list table td .pro_area{padding:15px;text-align: -webkit-auto;}
.cart_list table td .pro_pic{
    text-align: left;
    display: inline-block;
    vertical-align: top;
}
.cart_list table td .pro_pic img{height:100px; max-width:100% !important; border:#D3D3D3 solid 1px;}
.cart_list table td .pro_text{display: inline-block;text-align:left;height: auto;vertical-align: middle;padding-left:10px;vertical-align: top;}
.cart_list table td:nth-child(2),.cart_list table td:nth-child(3),.cart_list table td:nth-child(4){width:110px;}
.cart_list table td:nth-child(5),.cart_list table td:nth-child(6){width:80px;}
.cart_list table td:nth-child(6){ font-size:27px; font-weight:bold; color:#a8a8a8;}
.cart_list table .w40{width:40px; margin-right:10px;}
.cart_list table input{border: 2px solid #D5D5D5;}
.cart_list table .chenge_btn{ margin-top:10px;}
.cart_list table .chenge_btn a{display:block;color:#fff;background-color: #FF9B00;text-align: center;padding:0 10px;letter-spacing:2px;border-radius:10px;width:60px;margin:0 auto;}
.cart_table_tit{ color:#000; font-size:13px; margin:10px 0; font-weight:bold;}
.cart_table_tit td:nth-child(2),.cart_table_tit td:nth-child(3),.cart_table_tit td:nth-child(4){width:110px; text-align:center;}
.cart_table_tit td:nth-child(5),.cart_table_tit td:nth-child(6){width:80px; text-align:center;}
.total_area{background-color: #F4F4F8;padding:10px;margin:10px 0;text-align:right;font-size:20px;font-weight:bold;color:#000;}
.total_area span{ font-size:16px; margin-right:75px; }
.cart_note{ font-size:12px; color:#666; margin-top:20px;}
.cart_btn_wrap{ margin:70px auto;text-align:center;}
.cart_btn_wrap .cart_btn{}
.cart_btn_wrap .cart_btn:nth-child(n + 1):nth-child(n + 1){display:inline-block;margin-right:10px;}
.cart_btn a,
.cart_btn input,
.cart_btn button{width:330px;background-color: #FF9B00;text-align:center;font-size:22px;color:#FFF;display:block;height:60px;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;line-height: 59px;margin: 0 auto;}
.cart_btn.gray a,
.cart_btn.gray input,
.cart_btn.gray button{color: #5A5A5A;background: #D5D5D5;}
.cart_navi { text-align:center; margin:30px auto; width: 870px;}
.cart_navi ul li{ float:left;}
.cart_navi ul li.here{border-bottom: #FF9B00 3px solid;position:relative;}
.cart_navi ul li.here::after{display: block;content: '';position: absolute;bottom: -13px;left:43%;width: 0;height: 0;margin: 0 auto;background: transparent;border-top: 5px solid #FF9B00;border-left: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid transparent;}
.cart_navi ul li.arrow{width: 0;height: 0;border-top: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #FFB94C;margin-top: 9px;margin-left:25px;margin-right:25px;}
.cart_navi ul li a{ color:#A8A8A8; display:block; font-size:18px;}
.cart_navi.regist ul li.arrow{margin-left:10px;margin-right:10px;}
.form_area dl{ border:#999 2px solid; margin-bottom:10px;}
.form_area dl.style02{ padding:20px;}
#cart.onlineshop .form_area dl.style02{font-size: 16px;}
.form_area dl dt{width: 200px;background-color: #F4F4F8;font-size:16px;color:#000;padding:25px;display: table-cell;}
.form_area dl dd{background-color:#FFF;font-size:16px;color:#666666;padding: 25px;display: table-cell;vertical-align: top;}
.form_area dl dd.style02{ height: 220px;}
.form_area .haifun{margin: 0;}
.form_area .add_tit{width: 150px;display: inline-block;line-height: 55px;}
.form_area .input{display:inline-block;width: 400px;}
.form_area .line01{display: inline-block;float: right;}
.form_area .line01.no{float:none;}
.form_area .line01 ul li .input.w2{width: 120px;}
.form_area .line01 ul li .haifun{line-height: 55px;}
.form_area .select{display: inline-block;width: 500px;vertical-align: bottom;line-height: 55px;}
.form_area .add_area{margin-bottom:20px;display: inline-block;}
.form_area dl.style02 .add_area{ margin-bottom:0px; margin-right:20px;}
.form_area .add_area:nth-child(4){ margin-bottom:0px;}
.form_area dl:nth-child(8){ margin-bottom:50px;}
.member_box{ border:#000 1px solid; margin:10px auto;}
.member_box .member_box_inner{ padding:30px;}
.member_box .login_area{background-color: #F4F4F8;padding-left:30px;padding-right:30px;padding-top:20px;padding-bottom: 20px;}
.member_box .login_area .cart_btn{margin: 30px 0;}
.member_box .login_area .login_area_L{width: 500px;display: inline-block;vertical-align: middle;}
.member_box .login_area .login_area_L ul li{ margin-bottom:10px;}
.member_box .login_area .login_area_L ul li:last-child{margin-bottom:0;}
.member_box .login_area .login_area_R{display: inline-block;vertical-align: middle;}
.member_box .login_area .login_area_L dl dt{float:left;width: 120px;font-weight: bold;margin-right: 5px;}
.member_box .login_area .login_area_L dl dd{float: left;width: 350px;}
.member_box .caution_list{ margin:20px;}
.member_box .caution_list ul li{ position:relative;}
.member_box .caution_list ul li a{ font-size:14px; color:#666666;margin-left: 20px;}
.order_area_L p,.order_area_R p{    word-break: break-all;}
.order_area_L{width:438px; float:left}
.order_area_R{width:438px; float:right}

.member_btn a{width:280px;background-color:#FFF;text-align:center;font-size:20px;display:block;height:40px;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;line-height: 40px;border: #FF9B00 2px solid;color: #FF9B00;margin:20px auto;}
.no_login_btn a{width:280px;background-color: #A8A8A8;text-align:center;font-size:20px;color:#FFF;display:block;height:40px;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;line-height: 40px;margin:20px auto;}
.address_btn{background-color: #A8A8A8;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;display: inline-table;padding: 3px 10px;margin-left: 10px;}
.address_btn a{display:block;color: #fff;}
#shopping_step02 .form_area .address_table{margin-top:10px;}
#shopping_step02 .form_area .address_table table{border: #DCDCDC 2px solid;}
#shopping_step02 .form_area .address_table table th{text-align:center;background-color:#F4F4F8;font-size:15px;color:#000;padding:10px;border-bottom:#999 1px dotted;}
#shopping_step02 .form_area .address_table table td{text-align:left;background-color:#FFFFFF;font-size:15px;color:#646464;padding:10px;border-bottom:#999 1px dotted;}
#shopping_step02 .form_area .address_table table .center{text-align:center;}
#shopping_step03 .cart_btn_wrap{margin:28px 0px;}
#shopping_step03 .form_area table{margin-bottom:10px;border:#999 2px solid;}
#shopping_step03 .form_area .cart_sub_tit_01{margin-top:25px;}
.heading02{font-size: 18px;display: inline-block;font-weight: normal;margin-top: 25px;}
#customer_detail_box{margin-bottom: 20px;border: #999 2px solid;padding: 20px;box-sizing: border-box;padding-left: 25px;background: #fff;}
#customer_detail_box a{width: 330px;background-color: #FF9B00;text-align: center;font-size: 22px;color: #FFF;display: block;height: 60px;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;line-height: 59px;margin: 20px auto 0 auto;}
#shopping_step03 .form_area table th{text-align:left;background-color:#F4F4F8;font-size:15px;color:#000;padding:12px;padding-left:0px;border-bottom:#999 1px dotted;width:165px;}
#shopping_step03 .form_area table th.space{width:24px;border:none;}
#shopping_step03 .form_area table th.through{text-align:left;padding:12px;padding-left:36px;border-bottom:#999 1px solid;width:188px;background: #fff;}
#shopping_step03 .form_area table th.sub{background-color:#ffffff;}
#shopping_step03 .form_area table td{text-align:left;background-color:#FFFFFF;font-size:15px;color:#646464;padding:12px;padding-left:25px;border-bottom:#999 1px dotted;}
#shopping_step03 .form_area table td.space{width:22px;border:none;}
#shopping_step03 .form_area table td.through{text-align:left;background-color:#FFFFFF;border-bottom:#999 1px solid;}
#shopping_step03 .form_area table td.sub{background-color:#ffffff;}
#shopping_step03 .form_area table td img{margin-bottom:16px;}
#shopping_step03 .form_area table td .card{}
#shopping_step03 .form_area table td .card ul{text-align: center;}

#shopping_step03 .form_area table td .card ul li{display: inline-block;vertical-align: middle;margin-right: 16px;}
#shopping_step03 .form_area table td .card ul li.note{color: #464646;font-size: 12px;line-height: 16px;margin-right: 21px;}
#shopping_step03 .form_area table.payment_bank_table{border:none;}
#shopping_step03 .form_area table.payment_bank_table th{border:none;background-color:#ffffff;font-weight:normal;padding:5px;width:112px;}
#shopping_step03 .form_area table.payment_bank_table td{border:none;background-color:#ffffff;padding:5px;}
#shopping_step03 .form_area td textarea{border:none;background-color:#ffffff;padding:5px;width:95%;font-size:16px;color: #666;height:176px;}
#shopping_step04 .form_area table{margin-bottom:50px;border:#999 2px solid;}
#shopping_step04 .form_area table th{text-align:left;background-color:#F4F4F8;font-size:15px;color:#000;padding:12px;padding-left:0px;border-bottom:#999 1px dotted;width:165px;}
#shopping_step04 .form_area table th.space{width:24px;border:none;}
#shopping_step04 .form_area table th.through{text-align:left;padding:12px;padding-left:36px;border-bottom:#999 1px solid;width:188px;}
#shopping_step04 .form_area table th.sub{background-color:#ffffff;}
#shopping_step04 .form_area table td{text-align:left;background-color:#FFFFFF;font-size:15px;color:#646464;padding:12px;padding-left:25px;border-bottom:#999 1px dotted;}
#shopping_step04 .form_area table td.space{width:22px;border:none;}
#shopping_step04 .form_area table td.through{text-align:left;background-color:#FFFFFF;border-bottom:#999 1px solid;}
#shopping_step04 .form_area table td.sub{background-color:#ffffff;}
#shopping_step04 .form_area table td img{margin-bottom:16px;}
#shopping_complete .form_area{border:#dcdcdc 5px solid;margin:25px;padding:20px;}
#shopping_complete .form_area .cart_sub_tit_01{color:#006987;font-size:22px;border-bottom:#006987 2px solid;width:100%;margin-bottom:22px;}
#shopping_complete .form_area table{margin-bottom:50px;border:#000000 1px solid;}
#shopping_complete .form_area table th{text-align:left;background-color:#F4F4F8;font-size:15px;color:#000;padding:12px;border-bottom:#999 1px dotted;width:165px;}
#shopping_complete .form_area table th.space{width:20px;border:none;}
#shopping_complete .form_area table th.sub{background-color:#ffffff;}
#shopping_complete .form_area table td{text-align:left;background-color:#FFFFFF;font-size:15px;color:#646464;padding:12px;padding-left:25px;border-bottom:#999 1px dotted;}
#shopping_complete .form_area table td.space{width:20px;border:none;}
#shopping_complete .form_area table td.sub{background-color:#ffffff;}
#shopping_complete .form_area table td input.creditcard_number{width:178px;}
#shopping_complete .form_area table td input.creditcard_secno{width:78px;}
#shopping_complete .form_area table td .note{font-size:13px;}
#shopping_complete .form_area table tr.noborder th,
#shopping_complete .form_area table tr.noborder td{border:none;}
#shopping_complete .form_area table td.about_secno{background-color:#f0f0f0;padding:27px;}
#shopping_complete .form_area table td.about_secno .title{color:#000000;font-size:15px;margin-bottom:12px;font-weight:bold;}
#shopping_complete .form_area table td.about_secno .explain_left{float:left;width:300px;min-height:100px;margin-right:10px;}
#shopping_complete .form_area table td.about_secno .explain_right{float:right;width:370px;min-height:100px;margin-left:16px;}
#shopping_complete .form_area table td.about_secno .image{margin-top:26px;width:100%;text-align:center;}
#shopping_complete .cart_btn_wrap{width:460px;}
#shopping_complete .cart_btn.left{float:left;width:220px;}
#shopping_complete .cart_btn.right{float:right;width:220px;}
#shopping_complete .cart_btn a{width:180px;}
#shopping_complete .cart_navi{margin-top: 0;padding-top: 40px;}
#shopping_complete .cart_wrap{padding: 0;}

#list_box__deliv_addr_alert{
    padding-top: 15px;
}

/* -EC- */
#ec_wrap{}
#ec_wrap dl{border: #999 2px solid;margin-bottom: 10px;table-layout: fixed;width: 100%;box-sizing: border-box;display: table;}
#ec_wrap dt{width: 200px;background-color: #F4F4F8;font-size: 16px;color: #000;padding: 25px;display: table-cell;}
#ec_wrap dd{background-color: #FFF;font-size: 16px;color: #666666;padding: 25px;display: table-cell;vertical-align: top;}
#ec_wrap input{}
.registration_page .form_area .select:before{display:none;}
.registration_page .form_area .input{width: 100%;}


.contactContent .form_area_title{letter-spacing: 10px;background:#A8A8A8; font-size:18px; font-weight:bold; color:#fff;padding: 16px 0 7px 11px;}
.contactContent table th{ background: #333333;color: #fff;padding: 5px 0;text-align: center;border-top: 1px solid #D2D2D2;border-right: 1px solid #D2D2D2;}
.contactContent table th:nth-child(1){width:50px;}
.contactContent table td{padding: 5px;border-top: 1px solid #D2D2D2;border-right: 1px dotted #D2D2D2;text-align:center;}
.contactContent table tr th:last-child,
.contactContent table tr td:last-child{border-right:0;}
.contactContent table tr:last-child td{border-bottom: 1px solid #DCDCDC;}
.contactContent table td a{text-decoration:underline;}
.contactContent .form_area{width:100%; margin:0 auto;}
.contactContent .form_area table{margin-bottom:50px; width:100%;}
.contactContent .form_area table th{text-align:left;vertical-align: top;font-size:16px;font-weight:normal;color:#000;padding: 10px !important;border: none;border-bottom:#D2D2D2 1px solid;width:165px;background: none;}
.contactContent .form_area table td{vertical-align:middle;text-align:left;font-size:16px;color:#646464;padding: 12px !important;padding-left:25px;border: none;border-bottom: #DCDCDC 1px solid;}
.contactContent .form_area table td input[type="text"],
.contactContent .form_area table td input[type="tel"],
.contactContent .form_area table td input[type="email"]{width:100%;height:40px;border: solid 2px #D2D2D2;font-size:16px;color: #666;padding: 10px;box-sizing: border-box;}
.contactContent .form_area table td input[type="tel"],
.contactContent .form_area table td input[type="email"]{ime-mode: disabled;}
.contactContent .form_area table td textarea{box-sizing: border-box;width:100%;height:100px;color: #666;font-size:16px;border: solid 2px #D2D2D2;padding:5px;}
.contactContent .btn_area ul{display: flex;width: 400px;margin: 0 auto;justify-content: space-between;-webkit-justify-content: space-between;}
.contactContent .btn_area ul li{width: 49%;padding: 10px 0;background: #333;}
.contactContent .btn_area ul li input{border: none;color: #fff;width: 100%;background: #333;font-size: 16px;}
.contactSelect{position:relative;}
.contactSelect:before{ position:absolute; content:"";width: 0;height: 0;border-width: 8px;border-style: solid;border-color: #424242 transparent transparent transparent;right: 10px;top: 50%;margin-top: -4px;}
.contactContent select{background: none;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-border-radius: 0;min-width: 70px;border: none;padding:8px 35px 7px 10px;font-size: 15px;border-radius: 35px;-webkit-border-radius: 35px;-ms-border-radius: 35px;}
#contact_form select{
    background: #D2D2D2;
    border: solid 2px #D2D2D2;
    width: 100%;
    line-height: 30px;
}
.contactNote{ font-size:13px; margin-bottom:25px; color:#505050; text-align:center;line-height:24px;}
.contactNote b{ margin-bottom: 5px;font-size:15px; color:#000; display:block; font-weight:normal; line-height:27px;}
.contactBtn input[type=submit]{border: none;margin: 0 auto;background: #FF9B00;width: 280px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;-webkit-border-radius: 6px;color: #fff;height: 48px;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size:24px;}
.contactBtnNote{ font-size:13px; text-align:center; margin-top:30px; line-height:30px; color:#505050;}
.contactBtnNote b{ font-weight:normal; color:#000; font-size:15px;}
.contactContent .contactCheck{margin-bottom: 55px;}
#goods_detail.design header{display:none;}
.design_footer {width: 100%;position: fixed;top: 0;max-width: 480px;height: 60px;box-sizing: border-box;}
.design_footer > .design_footer_inner > .right_area .btn a, .design_footer > .design_footer_inner > .right_area .btn button{padding: 20px 20px;font-size: 14px;height: 60px;box-sizing: border-box;}
.design_footer > .design_footer_inner{width:auto;}
.design_footer > .design_footer_inner > .right_area > .price_area{padding: 19px 0;width: 40%;margin-right: 2%;height: 60px;box-sizing: border-box;display: none;}
.design_footer > .design_footer_inner > .order{margin: 13px 0 13px 15px;}
.design_footer > .design_footer_inner > .order i{font-size:24px;}
.design_footer > .design_footer_inner > .order p{display:inline;font-size: 14px;line-height:1;}
.design_footer > .design_footer_inner > .order.ver2{
    margin-left: 5px;
}
.design_footer > .design_footer_inner > .order.ver2:nth-child(2){background:#1EBB75}
.design_footer > .design_footer_inner > .order.ver2:nth-child(3){background:#FF9B00}

#deliveradd_select.row{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody{
    font-size: 0;
    margin: 30px 0 20px 0;
}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr{
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    background: #f0f0f0;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 2%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding-left: 45px;
    position: relative;
}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr.on{
    background: #FF9B00;
    color: #fff;
}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr.on:before{
    border-color: #fff;
}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr:before{content:"";border-top: 2px solid #646464;width: 10px;height: 10px;border-right: 2px solid #646464;position: absolute;transform: rotate(45deg);left: 15px;top: 50%;margin-top: -5px;}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr:not(:nth-child(even)){
    margin-right: 2%;
}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr > .icon_radio.td{
    position: absolute;
}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr > .icon_radio.td > input.no-style{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr > .column.td{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr > .column.td > label{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr > .column.td > label:hover{cursor:pointer;}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr > .column.td > label > p.address{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .table.address_table > .tbody > .addr_box.tr > .icon_radio.td > input.no-style{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .cart_btn{}
#deliveradd_select.row > .col-sm-10.col-sm-offset-1 > .cart_btn > button.btn.btn-primary.btn-block{}

#paypal-logo{display:none;}

.sizeTable{width:auto;}

.sizeTable thead th{background:#c0c0c0;}
.sizeTable tr td,
.sizeTable tr th{padding:5px;border:1px solid #CCC;min-width:50px;text-align:center;}

.manual_block{margin:0 0 0}
.manual_box {display:flex;flex-wrap: wrap;margin:0 0 50px;}
.manual_box .title{font-size:22px;font-weight: bold;margin:0 0 20px;width:100%;color:#FF9B00;box-sizing: border-box;}
.manual_box .title:before{content:"■";display:inline;padding-right:10px;}
.manual_box .text{margin:0 0 30px;font-size:18px;width:100%;}
.manual_box .img{text-align:center;width:100%;}
.manual_box .manual_box{margin:0 0 30px;width:100%;}
.manual_box .left_area{width:50%;}
.manual_box .right_area{width:50%;}
.manual_box .icon_list dl{display:flex;margin:0 0 10px;flex-wrap: wrap;}
.manual_box .icon_list dt{width:60px;max-width:10%;text-align: center}
.manual_box .icon_list dt i{font-size:22px;}
.manual_box .icon_list dd{font-size:15px;width:90%;}
.manual_box .icon_list .img{width:100%;margin:20px 0;text-align:center;}
.manual_box .icon_list .img p{font-size:12px;margin:0 0 10px;}

.text_add_form_notice{position:relative;top: -120px;}
.text_add_form_notice > .notice_title{font-size:20px;line-height:40px;display:inline-block;padding:0 20px;color:#FFF;background:#884624;position: absolute;left: 50%;transform: translate(-50%, -50%);top: 0;border-radius: 30px;}
/*
.text_add_form_notice::after{content:"";position:absolute;top:-30px;right:30px;width:40px;height:40px;border-top:4px solid #884624;border-right:4px solid #884624;background:#FFF;}*/
.text_add_form_notice .inner_box{border:4px solid #884624;border-radius:5px;background:#FFF;display:flex;padding:30px 20px 20px;width:85%;margin:0 auto;box-sizing: border-box;}
.text_add_form_notice .inner_box .img{width:30%;text-align:center}
.text_add_form_notice .inner_box .content{width:70%;text-align:left;padding-left:20px;box-sizing: border-box;}
.text_add_form_notice .inner_box .title{font-size:18px;font-weight:bold;color:#884624;margin:0 0 20px;}
.text_add_form_notice .inner_box .step{font-size:15px;margin:0 0 20px;}
.text_add_form_notice .inner_box .text{font-size:15px;}

#add_cart_btn{
    width: 0;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
}

.back_btn{}