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

.btn{font-size: 12px;}

.datepicker .datepicker-days{display: block;}

a:hover{text-decoration: underline;}
a.btn:hover{text-decoration: none;}

.btn-orange{background: #F08300;color: #fff;}
.btn-orange:hover,.btn-orange:active,.btn-orange:focus{background: #dd7600;color: #fff;}
.btn-yellow{}
.btn-green{background: #99CB51;color: #fff;}
.btn-green:hover,.btn-green:active,.btn-green:focus{background: #79a834;color: #fff;}
.btn-gold{background: #bcaa62;color: #fff;border: solid 1px #a59045;}
.btn-gold:hover,.btn-gold:active,.btn-gold:focus{background: #a59045;color: #fff;}

.btn-gold .num{color: #fff;}

.btn-icon{border: 0;background-color: transparent;box-shadow:none;padding: 0;}
.btn-icon i{font-size: 24px;line-height: 1;margin-right: 0;font-weight: bold;}

.label-newbuild{background: #F08300;color: #fff;font-size: 80%;}
.label-recommend{background: #FDD333;color: #755b00;font-size: 80%;}
.label-recommend i{margin-right: 3px;}
.label-sale{background: #f44242;color: #fff;font-size: 80%;}

.label-enabled{background: #99CB51;color: #fff;}
.label-disabled{background: #e50038;color: #fff;}

.label.status0,
.label.status1,
.label.status2,
.label.status3,
.label.status4,
.label.status5,
.label.status6{border: solid 1px;font-size: 14px;}
.status0{color: #f00 !important;border-color: #f00 !important;}
.status1{color: #fc6d00 !important;border-color: #fc6d00 !important;}
.status2{color: #19c100 !important;border-color: #19c100 !important;}
.status3{color: #00bbe0 !important;border-color: #00bbe0 !important;}
.status4{color: #0046dd !important;border-color: #0046dd !important;}
.status5{color: #999 !important;border-color: #999 !important;}
.status6{color: #333 !important;border-color: #333 !important;}

.help{color: #bcaa62;cursor:pointer;display: inline-block;margin-left: 1px;}
.help:hover{color: #999;}

/* 　link
******************************************/
a{color: #2f21f2;text-decoration: underline;}
a:hover,a:active{color: #111;}
a:hover img{opacity: .8;}a:hover .rollover{opacity: 1;}

.btn{text-decoration: none;}

.pagination>li>a{color: #333;}
.pagination>li>a i.fa,
.pagination>li>span i.fa{margin-right: 0;}
.pagination>li>a:hover,.pagination>li>a:active{background: #333;color: #fff;}

.panel-accordion .panel-heading{cursor:pointer;background: #fff;color: #111;border: solid 1px #333;overflow: hidden;text-align: left;}
.panel-accordion .panel-heading i{color: #666;display: inline-block;margin-right: 5px;}
.panel-accordion .panel-heading:hover{background: #eee;}
.panel-accordion .panel-heading i.fa-chevron-left{transition:all .2s linear 0s;float: right;position: relative;top: 5px;color: #999;}
.panel-accordion.open > .panel-heading i.fa-chevron-left{transform:rotate(-90deg);}
.panel-accordion .panel-heading .heading-info{font-size: 12px;color: #999;display: inline-block;margin-left: 10px;}
.panel-accordion > .panel-body{display: none;}
.panel-accordion.open > .panel-body{display: block;}

.breadcrumb{padding: 0;font-size: 80%;}
.breadcrumb li{display: inline-block;margin-left: -4px;vertical-align: bottom;}
.breadcrumb li:first-child{margin-left: 0;}
.breadcrumb li.current{background: #fff;border-left: solid 1px #ddd;}
.breadcrumb li.active a:hover,
.breadcrumb li.active a:active{text-decoration: none;}
.breadcrumb a{display: block;padding: 5px 10px;border-right: solid 1px #ccc;color: #111;text-overflow:ellipsis;white-space:nowrap;max-width: 15em;overflow: hidden;}
.breadcrumb a:hover,
.breadcrumb a:active{background: #bcaa62;}

.popover{color: #111;}
.icon-help i{color: #fff !important;font-size: 16px;line-height: 1;text-shadow:-1px -1px 1px rgba(0,0,0,.2);float: right;cursor:pointer;transition:all .2s linear 0s;}
.icon-help i.black{color: #111 !important;}
.icon-help i:hover{transform:scale(1.2);}
.icon-help i:focus{outline:0;}

@media screen and (max-width:640px){
.panel{margin-bottom: 10px;}
.panel-accordion .panel-body{padding: 15px 10px;}
}
/* 　base
******************************************/
/*ページ幅指定*/

#wrap{width: 100%;/*max-width: 1200px;*/margin: auto;overflow: hidden;font-size: 100%;}

.main{width: 100%;min-height:500px;position: relative;}

.main.right,
.main.left{width: 75%;}

.main > section{margin-bottom: 30px;}

.side.right,
.side.left{width: 22%;}

@media screen and (max-width:980px){
.main.right,
.main.left{width: 100%;}
.side.right,
.side.left{width: 100%;}
}
.section-full{padding: 40px;max-width: 100%;}

.section-inner{padding: 40px 0;margin: auto;max-width: 1200px;}
.edit .section-inner{max-width: 1200px;}
.section-inner.section-medium{max-width: 1000px;}

.title .section-inner{padding-bottom: 0;}
section.title:last-child{padding-bottom: 20px;}

.search .section-inner,
.result-message{padding-bottom: 0;padding-top: 0;}
.result-search{padding-bottom: 0;padding-top: 0;margin-top: 10px;margin-bottom: 0;}

@media screen and (max-width:1200px){
#wrap{font-size: 12px;}
.section-inner{padding: 40px 20px;}
}
@media screen and (max-width:980px){
.section-inner{padding: 20px;}
}
@media screen and (max-width:640px){
.section-inner{padding: 15px;}
}

.table-horizontal td{vertical-align: middle;}
.table-login th{background: #eee;}

.fa-exclamation-triangle{color: #f00;font-size: 18px;}

.btn-download{padding-top: 10px;font-size: 100%;}
.result-util p{margin-bottom: 3px;margin-top: 3px;}
@media screen and (min-width:641px){
.result-btn{text-align: left;}
}
@media screen and (max-width:640px){
.btn-download{text-align: center;}

th label{display: inline-block;white-space:nowrap;}
th .red,
th label .red{display: inline !important;}
}

.input-group > .form-group{display: inline-block;width: 80%;}
.input-group > .form-group > .input-group-text{width: 100%;}
.form-datetime .input-date{width: 40%;margin-right: 10px;}
.form-datetime .input-time{width: 40%;}
@media screen and (max-width:640px){
select.form-control{font-size: 16px !important;}
.form-datetime .input-date,
.form-datetime .input-time{width: 48%;}
}
@media screen and (max-width:480px){
.form-datetime .input-date,
.form-datetime .input-time{width: 90%;float: none;margin-right: 0;}
.form-datetime .input-date{margin-bottom: 10px;}
}

.list-flex{display:flex;justify-content: space-between;}
.list-flex.list-flex-col2 li{display:flex;border: solid 1px #ddd;border-radius:5px; flex-grow: 1;margin-right: 3px;text-align: center;box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);}
.list-flex.list-flex-col2 li:last-child{margin-right: 0;}
.list-flex.list-flex-col2 li > span{width: 50%;display: block;padding: 3px;vertical-align: middle;}
.list-flex.list-flex-col2 li > span i{margin-right: 3px;}
.list-flex.list-flex-col2 li > span:first-child{background: #eee;color: #666;border-radius:5px 0 0 5px;}
.list-flex.list-flex-col2 li > span:last-child{background: #fff;border-left: solid 1px #ddd;border-radius:0 5px 5px 0;}
@media screen and (max-width:900px){
}

/* 　alert
******************************************/

.well-alert,
.well-alert h3{overflow: hidden;position: relative;font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}
.well-alert h3{margin-bottom: 10px;}

/* 　header
******************************************/
header{padding-bottom: 0;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);position: relative;z-index: 10;}
.headline{padding: 10px 200px 10px 10px;}
.headline .logo{max-width: 200px;width: 30%;}
.headline .util{width: 70%;text-align: right;}

.headline .cart,
.headline .btngroup{display: inline-block;}

.headline .cart{margin: 0 5px;}
.headline .cart .btn{color: #000;text-decoration: none;box-shadow:none;border: solid 1px #eee;border-radius:30px;padding: 0;}
.headline .cart .btn:hover{box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.headline .cart .item-count,
.headline .cart .price-total{display: inline-block;padding: 3px 15px;vertical-align: middle;}
.headline .cart .item-count{border-right: solid 1px #eee;}
.headline .cart .item-count .fa{margin-right: 0;}
.headline .cart .item-count .num{color: #000;}
.headline .cart .price-total .yen{color: #000;}
.headline .cart .price-total .num{font-size: 20px;}

.headline .util .btn{color: #fff;text-decoration: none;}
.headline .util .btn i{color: #999;}
.headline .util .btn-login,
.headline .util .btn-logout{background: #fff;color: #000;border: solid 1px #000;}
.headline .util .btn-login:hover,
.headline .util .btn-logout:hover,
.headline .util .btn-login:active,
.headline .util .btn-logout:active,
.headline .util .btn-login:focus,
.headline .util .btn-logout:focus{background: #eee;}
.headline .util .btn-regist,
.headline .util .btn-mypage{background: #bcaa62;border: solid 1px #a59045;}
.headline .util .btn-regist:hover,
.headline .util .btn-mypage:hover,
.headline .util .btn-regist:active,
.headline .util .btn-mypage:active,
.headline .util .btn-regist:focus,
.headline .util .btn-mypage:focus{background: #a59045;}

.dropdown-lang{display: inline-block;position: absolute;top: 0;right: 20px;}
.dropdown-lang .btn{background: #fff;border: solid 1px #111;margin-top: 0;border-top: 0;border-radius:0 0 10px 10px;}
.dropdown-lang .dropdown-menu{padding: 0;left: auto;right: 0;min-width:100%;margin: 0;}
.dropdown-lang a{display: block;padding: 5px 10px;border-bottom: solid 1px #ddd;text-decoration: none;color: #111;}
.dropdown-lang a:hover{background: #eee;}
.dropdown-lang a:last-child{border-bottom: 0;}

#nav-sp{display: none;}
#nav-close{display: none;}

.icon-country{display: inline-block;width: 20px;height: 10px;background: no-repeat center;background-size:contain;margin-right: 5px;}
.icon-country.jp{background-image: url(../img/common/icon-country/jp.png);}
.icon-country.en{background-image: url(../img/common/icon-country/en.png);}
.icon-country.zh-cn,
.icon-country.zh-tw{background-image: url(../img/common/icon-country/zh.png);}
.icon-country.ko{background-image: url(../img/common/icon-country/ko.png);}
.icon-country.es{background-image: url(../img/common/icon-country/es.png);}

@media screen and (max-width:980px){
.headline{padding: 10px;}
.headline .logo{width: 30%;display: inline-block;float: left;margin-bottom: 10px;}
.headline .util{display: block;float: none;width: 100%;clear: both;text-align: left;}
.headline .util .btn{margin-top: 0 !important;}
#nav-sp{display: inline-block;float: right;font-size: 30px;line-height: 1;cursor:pointer;color: #000;}
#nav-sp:hover,
#nav-sp:active,
#nav-sp:focus{color: #ddd;}
#nav-close{display: block;background: #111;cursor:pointer;padding: 10px;text-align: center;color: #fff;}
#nav-close:hover{background: #333;}
}
@media screen and (max-width:640px){
.headline .logo{width: 150px;}
.headline .util .btngroup .btn{padding: 7px;font-size: 10px;}
.headline .cart .item-count{padding: 5px 3px 5px 5px;}
.headline .cart .price-total{padding: 5px 5px 5px 3px;}
.headline .cart .price-total .num{font-size: 16px;}

.dropdown-lang .btn{padding: 10px 15px;}
.dropdown-lang .dropdown-menu{min-width:8em;}
}

/* 　footer
******************************************/
footer{}
.footer-link{padding: 30px 10px;font-size: 16px;}
.footer-link li{display: inline-block;border-right: solid 1px #999;}
.footer-link li:last-child{border-right: 0;}
.footer-link li a{display: block;padding: 0 15px 0 12px;text-decoration: none;}
.footer-link li a:hover{text-decoration: underline;color: #bcaa62;}
footer .copy{font-size: 11px;color: #fff;padding: 20px;}

@media screen and (max-width:640px){
.footer-link li{display: block;border: 0;}
.footer-link li a{padding: 10px;}
}
/* 　nav
******************************************/

nav{position: relative;}
nav .globalnav{max-width: 1200px;margin: auto;}

.globalnav li{width: 25%;float: left;}
.globalnav li a{display: block;text-align: center;color: #000;text-decoration: none;padding: 20px;font-size: 14px;}
.globalnav li a:hover,
.globalnav li a:active,
.globalnav li a:focus{background: #f9f9f9;}

@media screen and (max-width:980px){
.globalnav{display: none;position: absolute;top: 0;background: rgba(0,0,0,.7);width: 100%;border-top: solid 1px #ddd;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);}
.globalnav.show{display: block;background: rgba(255,255,255,.95);}

.globalnav li{width: 100%;float: none;border-bottom: solid 1px #999;}
}

/* mainimg
******************************************/
.mainimg{min-height:500px;display: table;width: 100%;}
.mainimg{position: relative;text-align: center;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2);z-index: 2;background: url(../img/home/mainimg.jpg) repeat-x center center;background-size:cover;
-webkit-animation: anime1 50s linear infinite;
-ms-animation: anime1 50s linear infinite;
animation: anime1 50s linear infinite;}
@-webkit-keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}
@keyframes anime1 {
0% {background-position: 0 0;}
100% {background-position: -2000px 0;}
}

.mainimg .inner{display: table-cell;vertical-align: middle;background: rgba(0,0,0,.3);padding: 20px;}
.mainimg h1{margin-bottom: 20px;}
.mainimg h1 .text{font-size: 30px;display: block;color: #fff;margin-bottom: 5px;}
.mainimg h1 .logo{max-width: 400px;}

.index-search{clear: both;margin: auto;text-align: center;max-width: 40em;}
.index-search select{width: 49%;overflow: hidden;}
.index-search .search-itemname input{margin: 10px 0;display: inline-block;}
.index-search .search-submit .num{font-size: 18px;}

@media screen and (max-width:980px){
.mainimg{min-height:300px;}
.mainimg h1 .text{font-size: 16px;line-height: 1.4;}
.mainimg h1 .logo{max-width: 200px;}
}

/* 　heading
******************************************/

h1{color: #000;}
h1 .come{display: block;font-size: 80%;line-height: 1;}

h1{font-size: 24px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}

.title{margin-bottom: 20px;border-bottom: solid 1px #111;padding-bottom: 10px;overflow: hidden;text-align: left;}
.title .btn-more{border: 0;box-shadow:none;float: right;color: #111;padding: 3px 20px;border-radius:30px;}
.title .btn-more i{color: #999;margin-left: 5px;}
.title .btn-more:hover{background: rgba(0,0,0,.1);}

.desc{color: #999;}

.well{font-size: 12px;text-align: left;}
.well .title{font-size: 18px;margin-bottom: 10px;}
.well li,
.well dl{margin-bottom: 10px;border-bottom: dashed 1px #ddd;padding-bottom: 5px;}
.well li:last-child,
.well dl:last-child{border-bottom: 0;margin-bottom: 0;}
.well dt{font-size: 14px;margin-bottom: 5px;color: #000;}
.well dd{font-size: 12px;color: #666;line-height: 1.8;}
.well .label{font-size: 10px;padding: 1px 3px;margin-right: 3px;background: #fff;}
.well strong{color: #f00;}
.well-alert{font-size: 13px;background: #ffefef;color: #f00;border-color: #f00;}

@media screen and (max-width:640px){
.title{font-size: 20px;}	
.title .btn-more{padding: 3px;position: relative;top: 5px;}

.well{font-size: 10px;padding: 10px;}

.well h3{font-size: 14px;}
.well .title{font-size: 12px;}
.well dt{font-size: 12px;}
.well dd{font-size: 10px;}
}


/* 　breadcrumb
******************************************/

.breadcrumb ul{max-width: 1200px;margin: auto;}
.breadcrumb a{text-decoration: none;}
.breadcrumb .current a{background: #fff;}

/* 　item
******************************************/


.item-single{overflow: hidden;position: relative;font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}
.item-single a{display: block;color: #000;text-decoration: none;}
.item-single a *{transition:all .1s linear 0s;}
.item-single a:hover .thumb span{transform:scale(1.01);}
.item-single a:hover .item-name{text-decoration: underline;} 

.item-single .thumb{overflow: hidden;border: solid 1px #f6f6f6;margin-bottom: 10px;}
.item-single .thumb span{display: block;padding-top: 100%;background: #f9f9f9 no-repeat center;background-size:contain;}

.item-single .item-name{color: #333;font-size: 14px;margin-bottom: 10px;line-height: 1.4;}

.item-single .tags{line-height: 1.2;}
.item-single .label{font-size: 11px;padding: 3px 7px 2px;line-height: 1;display: inline-block;margin-bottom: 3px;}
.item-single .label-new{background: #f95a54;border: solid 1px #f95a54;}
.item-single .label-sale{background: rgba(200,0,0,.9);position: absolute;width: 150%;transform:rotate(45deg);display: block;text-align: center;top: 2%;right: -65%;font-size: 14px;}
.item-single .label-original{background: #bcaa62;border: solid 1px #bcaa62;}
.item-single .label-recommend{background: #fff;color: #f95a54;border: solid 1px #f95a54;}
.item-single .label-award{background: #fff;color: #bcaa62;border: solid 1px #bcaa62;}
.item-single .label-export{background: #fff;color: #666;border: solid 1px #666;}

.item-single .item-award li{font-size: 11px;display: inline-block;border: solid 1px #999;padding: 0 5px;}

.item-single .price{line-height: 1;margin: 3px 0;}
.item-single .price .yen,
.item-single .price .jpy{font-family: sans-serif;}
.item-single .price .yen{margin-right: -2px;color: #111;}
.item-single .price .num{font-size: 24px;}

.score .star i{color: #ffe100;margin: 0 -3px 0 0;}
.score .star i.fa-star{font-size: 18px;}
.score .num{margin-left: 4px;display: inline-block;color: #999;}

.item-single .category{display: inline-block;line-height: 1;position: absolute;top: 0;left:0;}
.item-single .category .cat,
.item-single .category .type{font-size: 11px;padding: 3px 4px 2px;line-height: 1;display: inline-block;font-weight: bold;line-height: 1;color: #fff;}
.item-single .category .cat a{color: #fff;text-decoration: none;display: block;}
.item-single .category .cat a:hover{color: #333;text-decoration: underline;}
.item-single .category .type{background: #fff;color: #999;}
.item-single .category .type a:hover{color: #666;text-decoration: underline;}

.item-single .bookmark{position: absolute;bottom: 20px;right: 20px;display: inline-block;margin-right: 1px;vertical-align: bottom;}
.item-single .bookmark .btn-icon i{transition:all .1s linear 0;color: #000;}
.item-single .bookmark .btn-icon:hover i{transform:scale(1.1);}
.item-single .bookmark .btn-icon i.fa-heart{color: #bcaa62;}

.cat0 .cat{background: #ed9c9c;} .cat0 .type{border-color: #f9e5e5;color: #f9e5e5;}
.cat1 .cat{background: #e5a885;}
.cat2 .cat{background: #e096c7;}
.cat3 .cat{background: #ddc446;}
.cat4 .cat{background: #bad87d;}
.cat5 .cat{background: #88e08d;}
.cat6 .cat{background: #87dbb1;}
.cat7 .cat{background: #7bd8c6;}
.cat8 .cat{background: #8bdbdd;}
.cat9 .cat{background: #90bbe5;}
.cat10 .cat{background: #858ddd;}
.cat11 .cat{background: #9f95e5;}
.cat12 .cat{background: #be8fe0;}
.cat13 .cat{background: #e598e5;}
.cat14 .cat{background: #999;}

.item-single .ranking-num{display: inline-block;width: 2em;padding: 5px 2px 0;background: #bcaa62;line-height: 1;position: absolute;top: 0;left: 0;z-index: 2;text-align: center;color: #fff;}
.item-single .ranking-num:before {
  position: absolute; content: ''; top: 0; right: -5px; border: none; border-bottom: solid 10px #705e1d; border-right: solid 5px transparent;}
.item-single .ranking-num:after {
  content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 0.5em solid #bcaa62;}
	
.ranking .item-single .category{left: 2em;}

@media screen and (max-width:640px){
.item-single{border-bottom: solid 1px #ddd;}
.item-single:last-child{border-bottom: 0;}
.item-single a{padding: 10px 0;}
.item-single .thumb{width: 27%;float: left;}
.item-single .item-name,
.item-single .price,
.item-single .category,
.item-single .tags,
.item-single .score{width: 70%;float: right;}
.item-single .item-name{font-size: 12px;}
.item-single .label-sale{top: auto;right: auto;bottom: 7%;left: -68%;}
.item-single .bookmark{bottom: 10px;right: 10px;}

.ranking .item-single .category{left: 3em;}

}

/* 　item-col
******************************************/

.item-col5 .item-single{width: 20%;float: left;padding: 10px;}
.item-col5 .item-single:nth-child(5n+1){clear: both;}

@media screen and (max-width:980px){
.item-col5 .item-single{width: 25%;}
.item-col5 .item-single:nth-child(5n+1){clear: none;}
.item-col5 .item-single:nth-child(4n+1){clear: both;}
}

.item-col4 .item-single{width: 25%;float: left;padding: 10px;}
.item-col4 .item-single:nth-child(4n+1){clear: both;}

@media screen and (max-width:640px){
.item-col5 .item-single,
.item-col4 .item-single{width: 100%;float: none;padding: 0;}
}


/* 　result
******************************************/
.result-count{float: left;text-align: left;}
.result-sort{float: right;text-align: left;}

.result-count .result-total{color: #999;border: solid 1px #ddd;border-radius:30px;padding: 3px 15px;font-size: 12px;font-weight: bold;}
.result-count .result-total .num{font-size: 16px;color: #111;display: inline-block;margin-left: 3px;}

@media screen and (max-width:640px){
.result-count,
.result-sort{width: 49%;display: block;}

.result-count{padding-top: 5px;}
.result-count .result-total{font-size: 10px;}
.result-count .result-total .num{font-size: 12px;}
.result-sort.form-control{font-size: 12px !important;}
}

/* 　detail
******************************************/

.detail.item-single{overflow: visible;}
.detail .item-img,
.detail .item-cart,
.detail .item-info{margin-bottom: 20px;}

.detail .item-img{width: 30%;float: left;}
.detail .item-info{width: 35%;float: left;padding: 0 15px;}
.detail .item-cart{width: 35%;float: right;}


@media screen and (max-width:980px){
.detail .item-img{width: 40%;}
.detail .item-info{width: 57%;float: right;padding: 0;}
.detail .item-cart{width: 100%;float: none;clear: both;}
}

@media screen and (max-width:640px){
.detail .item-img,
.detail .item-info{width: 100%;float: none;}
}

.detail .thumb{margin-bottom: 0;cursor:pointer;}
.detail .swiper-thumb .thumb{padding: 2px;box-shadow:none;transition:all .2s linear 0s;}
.detail .swiper-thumb .thumb:hover{border-color: #bcaa62;}
.detail .swiper-thumb .thumb.swiper-slide-thumb-active{border-color: #bcaa62;}

.detail .item-header{margin-bottom: 10px;}
.detail .item-header .labels,
.detail .item-header .awards{display: block;float: left;}
.detail .item-header .labels{width: 40%;}
.detail .item-header .awards{width: 60%;}

.detail .item-header .title{margin-bottom: 10px;position: relative;padding-right: 30px;line-height: 1.4;overflow: visible;}
.detail .item-header .item-name{font-size: 24px;margin-bottom: 0;}
.detail .item-header .item-number{font-size: 11px;color: #999;}
.detail .item-header .btn-icon{position: absolute;bottom: 10px;right: 0;display: inline-block;margin-right: 1px;vertical-align: bottom;}
.detail .item-header .btn-icon i{transition:all .1s linear 0;}
.detail .item-header .btn-icon:hover i{transform:scale(1.1);}
.detail .item-header .btn-icon i.fa-heart{color: #bcaa62;}

.detail .item-header .category{position: static;margin-bottom: 5px;display: block;}
.detail .item-header .category .cat{font-size: 14px;padding: 5px 15px;}
.detail .item-header .category .type{font-size: 14px;padding: 5px 15px;color: #333;display: inline-block;background: #eee;}
.detail .item-header .tags .label-sale{position: static;width: auto;transform:rotate(0deg);display: inline-block;font-size: 11px;}
.detail .item-header .tags{}
.detail .item-header .awards{position: relative;text-align: right;}
.detail .item-header .awards li{display: inline-block;border: solid 1px #bcaa62;padding: 2px 10px;font-size: 12px;margin-bottom: 5px;}
.detail .item-header .awards li i{color: #bcaa62;}
/*.detail .item-header .awards li .text{display: table-cell;font-size: 10px;background: url(../img/common/product/award.png) no-repeat center;font-weight: bold;line-height: 1.2;padding: 0 10px;
width: 100%;height: 70px;background-size:contain;vertical-align: middle;text-align: center;}*/

.detail .item-cart{border: solid 1px #ddd;padding: 10px;border-radius:10px;}
.detail .item-cart-title{font-weight: bold;text-align: center;border-bottom: solid 1px #ddd;padding-bottom: 10px;}
.detail .table-cart-option{margin-bottom: 10px;}
.detail .table-cart-option tr{border-bottom: dashed 1px #ddd;}
.detail .table-cart-option th,
.detail .table-cart-option td{padding: 7px 5px;}
.detail .table-cart-option th{width: 25%;line-height: 1.4;font-size: 12px;}
.detail .table-cart-option th .come{font-size: 10px;}
.detail .table-cart-option .form-group-inner{margin-bottom: 5px;}
.detail .table-cart-option .option{font-size: 10px;display: block;color: #bcaa62;}
.detail .table-cart-option .label-block label{width: 100%;border-color: #999;box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);}
.detail .table-cart-option .row-option .tax-out{display: inline-block;background: #f6f6f6;border-radius:30px;color: #999;padding: 1px 10px;}
.detail .table-cart-option .tax-out{line-height: 1;}
.detail .table-cart-option .tax-out .num{font-size: 16px;}
.detail .table-cart-option .tax-out .yen{margin-right: -3px;}
.detail .table-cart-option .tax-out .tax{font-size: 10px;font-weight: normal;color: #666;}
.detail .table-cart-option .toggle{margin-top: 5px;}

.detail .table-cart-option .well{padding: 15px;}
.detail .table-cart-option .well p{margin-bottom: 0;font-size: 11px;}
.detail .table-cart-option .well h3{font-weight: bold;font-size: 13px;margin-bottom: 5px;line-height: 1.3;}

.detail .item-bottom .item-cart{width: 100%;clear: both;float: none;}

.detail .item-info > div{margin-bottom: 10px;}
.detail .item-info .before{margin-bottom: 7px;}
.detail .item-info .before .number{color: #999;text-decoration: line-through;}
.detail .item-info .before .off{background: #ce0a00;color: #fff;font-weight: bold;padding: 1px 10px;}
.detail .item-info .tax-out{margin-bottom: 5px;}
.detail .item-info .tax-out .num{font-size: 36px;}
.detail .item-info .tax-out .yen,
.detail .item-info .tax-out .jpy{font-size: 20px;}
.detail .item-info .tax-in{color: #666;font-size: 12px;}
.detail .item-info .tax-in .num{color: #666;font-size: 16px;}

.detail .table-size th,
.detail .table-size td{padding: 5px;font-size: 12px;}

.detail .item-info .summary{margin-bottom: 20px;}
.detail .summary{font-size: 13px;line-height: 1.4;}
.detail .summary p{margin-bottom: 7px;}
.detail .summary a{text-decoration: underline;color: #ce0a00;display: inline;}
.detail .summary strong{font-weight: bold;color: #111;}
.detail .summary li{display: list-item;list-style: square inside;padding-left: 5px;}
.detail .summary table{margin: 10px 0;}
.detail .summary table th,
.detail .summary table td{border: solid 1px #ddd;padding: 5px;font-size: 12px;}

.detail .item-media,
.detail .item-maker,
.detail .item-story{clear: both;padding: 20px;border-radius:10px;margin-bottom: 20px;}

.detail .item-media{text-align: center;background: #111;}
.detail .item-media iframe{width: 100%;}

.detail .item-maker{background: #ede8d6;}
.detail .item-maker .thumb{width: 20%;float: right;text-align: center;}
.detail .item-maker.has-image .maker-title,
.detail .item-maker.has-image .text{width: 77%;float: left;}
.detail .item-maker .maker-title{font-size: 24px;margin-bottom: 10px;border-bottom: solid 1px #664e00;padding-bottom: 10px;}
.detail .item-maker .text{color: #664e00;}

.detail .item-story .single{border-bottom: dashed 1px #ddd;margin-bottom: 20px;padding-bottom: 30px;}
.detail .item-story .single:last-child{border-bottom: 0;}
.detail .item-story .story-title{font-size:24px;margin-bottom: 20px;text-align: center;}
.detail .item-story .img{text-align: center;}
.detail .item-story img{width: auto;max-width: 100%;}
.detail .item-story .text{font-size: 16px;color: #333;}
.detail .item-story .img + .text{margin-top: 10px;}

@media screen and (max-width:980px){
.detail .item-header{position: relative;}

.detail .item-header .labels,
.detail .item-header .awards{width: 100%;float: none;clear: both;}
.detail .item-header .labels{margin-bottom: 5px;}
.detail .item-header .awards{top: 0;z-index: 10;text-align: left;}
.detail .item-header .awards li{font-size: 10px;}

}
@media screen and (max-width:640px){
.detail.item-single > a{padding: 0;}
.detail .item-name,
.detail .price,
.detail .category,
.detail .tags,
.detail .score{width: 100%;}

.detail .item-header .item-name,
.detail .item-story .story-title{font-size: 16px;}
.detail .item-header .category .cat,
.detail .item-header .category .type{font-size: 12px;}
.detail .item-header .category .cat a,
.detail .item-header .category .type a{padding: 0 3px;}

.detail .item-media {padding: 0;}
.detail .item-media iframe{height: 250px;}

.detail .item-maker .text,
.detail .item-story .text{font-size: 14px;}

.detail .item-maker .thumb{width: 90%;margin: 0 auto 10px;float: none;}
.detail .item-maker .maker-title,
.detail .item-maker.has-image .maker-title,
.detail .item-maker .text,
.detail .item-maker.has-image .text{width: 100%;float: none;}

.detail .item-story{padding:0;}
}

/* review
******************************************/

.item-review{clear: both;margin-bottom: 40px;}
.item-review .review-title{font-size: 24px;margin-bottom: 20px;border-bottom: solid 1px #ddd; padding-bottom: 10px;}
.item-review .review-all{max-height:400px;overflow-y: scroll;}

/* TOP/詳細共通 */
.review .result-footer, 
.item-review .result-footer{margin-top: 10px;text-align: center;}

.review-single{border-bottom: dashed 1px #ddd;padding: 10px 0;}
.review-single .name{font-weight: bold;}

@media screen and (max-width:640px){
.review-single .date{margin-bottom: 3px;}
.review-single .label-new{font-size: 10px;padding: 0 3px;}
}


/* 　side
******************************************/
.side .inner{margin-bottom: 20px;}

.side-cat li{border-bottom: solid 1px #ddd;background: transparent no-repeat left center;background-size:70px;font-size: 14px;}
.side-cat li a{display: block;color: #000;text-decoration: none;padding: 10px 10px 10px 80px;position: relative;}
.side-cat li a:hover{background: rgba(0,0,0,.03);}
.side-cat .num{color: #ccc;display: inline-block;font-size: 11px;position: absolute;bottom: 0;right: 0;}

.side-cat li.cat0{background-image: url(../img/common/category/cat0.jpg);}
.side-cat li.cat1{background-image: url(../img/common/category/cat1.jpg);}
.side-cat li.cat2{background-image: url(../img/common/category/cat2.jpg);}
.side-cat li.cat3{background-image: url(../img/common/category/cat3.jpg);}
.side-cat li.cat4{background-image: url(../img/common/category/cat4.jpg);}
.side-cat li.cat5{background-image: url(../img/common/category/cat5.jpg);}
.side-cat li.cat6{background-image: url(../img/common/category/cat6.jpg);}
.side-cat li.cat7{background-image: url(../img/common/category/cat7.jpg);}
.side-cat li.cat8{background-image: url(../img/common/category/cat8.jpg);}
.side-cat li.cat9{background-image: url(../img/common/category/cat9.jpg);}
.side-cat li.cat10{background-image: url(../img/common/category/cat10.jpg);}
.side-cat li.cat11{background-image: url(../img/common/category/cat11.jpg);}
.side-cat li.cat12{background-image: url(../img/common/category/cat12.jpg);}
.side-cat li.cat13{background-image: url(../img/common/category/cat13.jpg);}
.side-cat li.cat14{background-image: url(../img/common/category/cat14.jpg);}
.side-cat li.cat15{background-image: url(../img/common/category/cat15.jpg);}

@media screen and (max-width:640px){
}

.side .item-single a{border-bottom: solid 1px #ddd;padding: 10px 0;}
.side .item-single .thumb{width: 35%;float: left;}
.side .item-single .item-name,
.side .item-single .price,
.side .item-single .category{width: 63%;float: right;}

.side .item-single .item-name{font-size: 12px;}
.side .item-single .price .yen,
.side .item-single .price .jpy{font-size: 11px;}
.side .item-single .price .num{font-size: 18px;}

.bnr{background: no-repeat left center;background-size:cover;border: solid 1px #333;margin-bottom: 10px;}
.bnr a{display: block;text-decoration: none;color: #000;padding: 10% 10px;transition:all .1s linear 0s;}
.bnr a:hover{background: rgba(255,255,255,.3);}
.bnr .bnr-title,
.bnr .bnr-desc{}
.bnr .bnr-desc{display: inline-block;font-size: 12px;line-height: 1;border-bottom: solid 1px rgba(0,0,0,.2);padding-bottom: 3px;margin-bottom: 5px;}
.bnr .bnr-title{display: block;font-size: 20px;text-shadow:-1px -1px 1px rgba(255,255,255,.2);line-height: 1;letter-spacing:1px;}

.bnr-sale{background-image: url(../img/common/banner/bnr-sale-bg.jpg);}
.bnr-gift{background-image: url(../img/common/banner/bnr-gift-bg.jpg);text-align: right;}

@media screen and (max-width:980px){
.side-cat li{width: 49%;float: left;}
.side-cat li:nth-child(2n){float: right;}
.bnr-sale,
.bnr-gift{width: 49%;float: left;}
.bnr-gift{float: right;}
}
@media screen and (max-width:640px){
.side-cat li{width: 100%;float: none !important;}
.bnr .bnr-desc{font-size: 10px;}
.bnr .bnr-title{font-size: 16px;}
}

/* side-search
******************************************/

@media screen and (min-width:981px){
.side-search .panel{border: 0;box-shadow:none;}
.side-search .panel-heading{display: none !important;}
.side-search .panel-body{display: block !important;padding: 0;}
}

.side-search .panel-body{padding: 10px;}
.side-search .form-box{margin-bottom: 10px;}
.side-search .form-box dt{display: block;margin-bottom: 5px;}
.side-search .count{font-size: 11px;}

.side-search select,
.side-search .label-block label{width: 100%;}
.side-search select{margin-bottom: 10px;}
.side-search .label-block label{font-size: 12px;}

.side-search .btn-black{padding: 10px 15px;margin-right: 10px;float: left;}
.side-search .btn-black i{margin: 0;}

@media screen and (min-width:981px){
.side-search .panel{border: 0;box-shadow:none;}
.side-search .panel-heading{display: none !important;}
.side-search .panel-body{display: block !important;padding: 0;}
}

.side-search .panel-body{padding: 10px;}
.side-search .form-box{margin-bottom: 10px;}
.side-search .form-box dt{display: block;margin-bottom: 5px;}
.side-search .count{font-size: 11px;}

.side-search select,
.side-search .label-block label{width: 100%;}
.side-search select{margin-bottom: 10px;}
.side-search .label-block label{font-size: 12px;}

.side-search .btn-black{padding: 10px 15px;margin-right: 10px;float: left;}
.side-search .btn-black i{margin: 0;}

/* detail-search
******************************************/
/*.detail-search .search-submit{clear: both;}
.detail-search .search-submit .btn-gold{float: none;}
@media screen and (min-width:641px){
.detail-search .panel-body{padding: 0;}
.detail-search .form-box{width: 50%;padding: 10px;float: left;}
}*/

/* 　alert
******************************************/
.alert{font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

.holiday-alert{background: #f6f6f6;text-align: center;padding: 20px;border: solid 1px #ddd;border-left: 0;border-right: 0;}
.holiday-alert h3{/*font-weight: bold;*/margin-bottom: 10px;}
.holiday-alert .date{font-size: 16px;font-weight: bold;}
@media screen and (max-width:640px){
.holiday-alert{margin-bottom: 0;}
}

/* 　ranking(index)
******************************************/
.home .ranking{background: #f7f1e1;}

/* 　area(index)
******************************************/
.area{text-align: center;}
.area .map{width: 40%;}
.table-area{width: 60%;float: left;}
.table-area tr{border-bottom:solid 1px #ddd;}
.table-area .pref li{display: inline-block;padding: 0 5px 0 2px;border-right: solid 1px #ddd;}
.table-area .pref li:last-child{border-right: 0;}
.table-area .pref a{color: #000;}
.table-area .pref a:hover{color: #ce0a00;}

@media screen and (max-width:980px){
.area .map{width: 50%;}
.table-area{width: 50%;}
.table-area th,
.table-area td{padding: 5px;}
.table-area th{min-width:8em;}
}
@media screen and (max-width:640px){
.area .map,
.table-area{width: 100%;float: none;}
.area .map{max-width: 80%;}
.table-area .pref li{font-size: 11px;}
}

/* 　category-all(index)
******************************************/
.category-all a{color: #000;text-decoration: none;}
.category-all a:hover,
.category-all a:active,
.category-all a:focus{color: #ce0a00;text-decoration: underline;}
.category-all .single{width: 20%;float: left;padding: 10px;}
.category-all .single:nth-child(5n+1){clear: both;}

.category-all .cat-name{font-size: 18px;margin: 5px 0;display: block;}
.category-all .type{line-height: 1.3;}
.category-all .type li{display: inline-block; border-right: solid 1px #ddd;font-size: 12px;margin-bottom: 3px;}
.category-all .type li:last-child{border-right: 0;}
.category-all .type li a{display: block;padding: 0 5px 0 3px;}

@media screen and (max-width:980px){
.category-all .single{width: 33.33%;}
.category-all .single:nth-child(5n+1){clear: none;}
.category-all .single:nth-child(3n+1){clear: both;}
}
@media screen and (max-width:640px){
.category-all .single{width: 100%;float: none;border-bottom: dashed 1px #ddd;overflow: hidden;padding: 10px 0;}
.category-all .single:last-child{border-bottom: 0;}
.category-all .single img{width: 27%;float: left;}
.category-all .cat-name,
.category-all .type{float: right;display: block;width: 70%;}
.category-all .cat-name{margin-top: 0;line-height: 1;margin-bottom: 10px;}
.category-all .type li{font-size: 10px;}
}


/* 　cart
******************************************/

.cart-util p{margin-top: 5px;}
.cart-util .util-right{text-align: right;}

.table-cart,
.cart .form-submit,
.well,.well h2,.well h3,.well h4,.well h5{font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;font-weight: 600;}

.table-cart{font-size: 12px;text-align: center;}
.table-cart thead{background: #eee;}
.table-cart tbody tr{border-bottom: dashed 1px #ddd;}
.table-cart tbody tr:last-child{border-bottom: 0;}
.table-cart th,
.table-cart td{vertical-align: middle;}

.table-cart thead th{padding: 10px;}

.row-noitem td,
.table-cart .row-noitem td{padding: 20px;font-size: 16px;}

.table-cart .price dt,
.table-cart .price dd{display: inline-block;}
.table-cart .price dt{display: none;}
.table-cart .num{font-size: 18px;color: #000;}
.table-cart .unit{font-size: 12px;color: #999;}

.table-cart .tax-in{color: #999;font-size: 12px;}
.table-cart .tax-in .num{font-size: 14px;color: #999;}
.table-cart .tax-in .jpy{font-size: 10px;color: #999;}
.table-cart .tax-in .yen{display: inline-block;}

.table-cart .row-total .come{display: block;}
.table-cart .row-total .tax-in{color: #999;font-size: 12px;}
.table-cart .row-total .tax-in .num{font-size: 14px;color: #999;}
.table-cart .row-total .tax-in .jpy{font-size: 10px;color: #999;}

.table-cart .cell-product{text-align: left;}
.table-cart .cell-product .thumb{width: 15%;display: block;float: left;}
.table-cart .cell-product .thumb span{display: block;padding-top: 100%;background: #fff no-repeat center;background-size:contain;}
.table-cart .cell-product .code{display: inline-block;background: #eee;padding: 2px 10px;margin-bottom: 3px;font-size: 11px;}
.table-cart .cell-product .name{margin-bottom: 5px;}
.table-cart .cell-product .name a{color: #111;}
.table-cart .cell-product .name a:hover,
.table-cart .cell-product .name a:active,
.table-cart .cell-product .name a:focus{color: #bcaa62;}
.table-cart .cell-product .summary{width: 83%;float: right;}

.table-cart .cell-product .option li{color: #666;display: inline-block;padding: 0 10px;font-size: 11px;border: solid 1px #333;border-radius:2px;margin-bottom: 5px;}
.table-cart .cell-product .option .print{color: #e5005f;border-color: #e5005f;}
.table-cart .cell-product .option .wrapping{color: #af0092;border-color: #af0092;}
.table-cart .cell-product .option .noshi{color: #9b3300;border-color: #9b3300;}

.table-cart .row-calc .input-group{max-width: 30em;margin-left: auto;}
.table-cart .cell-name{text-align: right;font-size: 16px;}

.table-cart .row-total .price{display: inline-block;}
.table-cart .row-total .num{font-size: 30px;color: #000;}

.table-cart .row-product-add td{text-align: center;background: #fcfcfc;}

.btn-cart{margin-bottom: 10px;display: inline-block;}
.btn-cart.back{float: left;}
.btn-cart .come{display: block;margin-top: 5px;}

.cart-desc{font-size: 12px;padding: 10px;background: #f9f9f9;margin: 10px 0;font-weight: 600;text-align: center;}

@media screen and (min-width:641px){
.table-cart th,
.table-cart td{padding: 7px 5px;}
.table-cart .cell-product{width: 40%;}
.table-cart .cell-price{width: 20%;}
.table-cart .row-calc .cell-price,
.table-cart .cell-total{width: 20%;text-align: right;}
.table-cart .cell-count{width: 10%;}
.table-cart .cell-btn{width: 10%;}
}
@media screen and (max-width:640px){
.cart-util{background: #f6f6f6;padding: 10px 5px 5px;margin-bottom: 10px;}
.cart-util .util-right{text-align: center;}
.cart-util .btn{font-size: 10px;}

.table-cart,
.table-cart thead,
.table-cart tbody,
.table-cart tfoot,
.table-cart tr,
.table-cart th,
.table-cart td{display: block;width: 100%;}
.table-cart thead{display: none;}
.table-cart tr{position: relative;overflow: hidden;}
.table-cart th,
.table-cart td{padding: 5px 0;}
.table-cart td:after{content:"";display: block;clear: both;height: 0;}

.table-cart .row-product{padding: 10px;border: solid 1px #ddd;margin-bottom: 10px;border-radius:10px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);}
.table-cart .cell-price,
.table-cart .cell-count{width: 50%;float: left;}
.table-cart .cell-total{width: 100%;clear: both;background: #f6f6f6;}

.table-cart .cell-count:before{content:"数量：";display: inline;font-size: 10px;}
.table-cart .cell-count input{height: 2em;width: 60%;display: inline;}
.table-cart .cell-delete{display: inline-block;width: auto;position: absolute;top: 5px;right: 10px;}

.table-cart .row-product .cell-price{clear: both;}
.table-cart .row-product-add td{padding: 10px;background: #f6f6f6;}

.table-cart .row-calc{}
.table-cart .row-calc .cell-name{width: 20%;float: left;font-size: 14px;line-height: 49px;}
.table-cart .row-calc .cell-price,
.table-cart .row-calc .cell-total{width: 77%;float: right;clear: none;background-color: transparent;}
.table-cart .row-calc .cell-total .num{line-height: 1;}
.table-cart .row-calc .cell-delete{display: none;position: static;clear: both;width: 100%;text-align: center;}
.table-cart .row-total .cell-delete{display: block;}

.btn-cart{width: 100%;}
.btn-cart .btn{width: 100%;display: block;padding: 15px 10px;}
.btn-cart.back{float: none;}
}


/* 　order
******************************************/

.order-flow ul{text-align: center;max-width: 900px;margin: 30px auto;position: relative;}
.order-flow ul:before{content:"";display: block;width: 100%;height: 3px;background: #eee;top: 10px;position: absolute;}
.order-flow li{display: block;width: 25%;float: left;position: relative;}
.order-flow li .num{background: #eee;padding: 2px 10px;border-radius:30px;margin-bottom: 5px;display: inline-block;}
.order-flow li.current .num{background: #bcaa62;color: #fff;}
.order-flow li .text{display: block;font-size: 12px;font-weight: 600;}

@media screen and (max-width:640px){
.order-flow li .text{font-size: 9px;}
}

.order-main{width: 63%;float: left;}
.order-side{width: 35%;float: right;}
@media screen and (max-width:640px){
.order-main,
.order-side{width: 100%;float: none;}
}
.order .edit-group h2{margin-bottom: 10px;overflow: hidden;}
.order .edit-group h2 .btn{padding: 5px 10px;float: right;}
.order .edit-group select{max-width: 100%;}

.table-address th{font-size: 12px;color: #666;font-weight: normal;}

.order-alert{margin: 30px 0;}
.order-alert h2{font-size: 14px;text-align: center;margin-bottom: 5px;}
.order .well{padding: 10px;margin-bottom: 5px;}
.order .well h3{font-size: 13px;margin-bottom: 5px;}
.order .well p{font-size: 11px;color: #666;}
.order .well p:last-child{margin-bottom: 0;}

.order-side .item-cart{border: solid 1px #ddd;padding: 10px;border-radius:10px;}
.order-side .item-cart-title{font-weight: bold;text-align: center;border-bottom: solid 1px #ddd;padding-bottom: 10px;}
.order-side .table-cart-option{margin-bottom: 10px;}
.order-side .table-cart-option tr{border-bottom: dashed 1px #ddd;}
.order-side .table-cart-option th,
.order-side .table-cart-option td{padding: 10px 5px;}
.order-side .table-cart-option th{width: 30%;line-height: 1.4;font-size: 12px;}
.order-side .table-cart-option td{text-align: right;}
.order-side .table-cart-option th .come{font-size: 10px;}
.order-side .table-cart-option .date{font-weight: bold;}
.order-side .table-cart-option .price{line-height: 1;}
.order-side .table-cart-option .price .num{font-size: 20px;}
.order-side .table-cart-option .price .yen{margin-right: -3px;}
.order-side .table-cart-option .row-total,
.order-side .table-cart-option .row-total .num,
.order-side .table-cart-option .row-total .yen,
.order-side .table-cart-option .row-total .jpy{color: #f00;}
.order-side .table-cart-option .row-total{background: rgba(225,0,0,.1);}
.order-side .table-cart-option .row-total th{font-size: 16px;}
.order-side .table-cart-option .row-total .num{font-size: 24px;}

.order-side .form-submit .btn{width: 100%;display: block;margin-bottom: 10px;padding: 15px 10px;}

.complete-order-number{font-size: 24px;}

/* 　address
******************************************/

.form-address-outer > div{margin-bottom: 10px;}
.form-country,
.form-postcode,
.form-prefecture{width: 30%;margin-right: 1%;display: inline-block;}
.form-postcode input{width:15em;max-width: 100%;position: relative;top: 2px;}

.form-country select,
.form-postcode select,
.form-prefecture select{width: 100%;}

@media screen and (max-width:500px){
.form-country,
.form-postcode,
.form-prefecture{width: 100%;max-width: 100%;margin-right: 0;display: block;}
}
/* 　city
******************************************/
.city-all{border-bottom: dashed 2px #ddd;padding: 10px;text-align: left;}
.city-all > div{display: inline-block;vertical-align: middle;}
.city-all .cell-input{max-width: 20em;}

.city-all .input-group input,
.table-city .input-group input{height: 40px;}

.table-city{font-size: 12px;}
.table-city thead{display: none;}
.table-city th,
.table-city td{padding: 3px;border: 0;vertical-align: middle;}
.table-city .cell-name{width: 15%;text-align: right;}
.table-city .cell-input{width: 18%;}

@media screen and (max-width:640px){
.city-all .cell-name{width: 100%;display: block;}
.city-all .cell-input,
.city-all .cell-btn{width: 48%;}
.city-all .cell-input{margin-right: 1%;}

.table-city tr{overflow: hidden;}
.table-city .cell-name,
.table-city .cell-input{display: block;float: left;}
.table-city .cell-name{width: 40%;clear: both;}
.table-city .cell-input{width: 60%;}
}

/* 　lower
******************************************/

.lower-content h2{margin-bottom: 10px;}
.lower-content .inner{margin-bottom: 20px;padding-bottom: 20px;border-bottom: dashed 1px #ddd;}

/* 　company
******************************************/

.table-company th{width: 30%;background: #f9f9f9;}
.table-company dl{border-bottom: dashed 1px #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.table-company dl:last-child{border-bottom: 0;}
.table-company .en{color: #999;}
.table-company .bank{margin-top: 10px;}
.table-company .bank-title{font-weight: bold;display: block;}
.table-company .bank-body{display: block;padding: 10px;border: solid 1px #ddd;border-radius:5px;font-size: 12px;background: #f9f9f9;}
.table-company .tax-in,
.table-company .tax-in .num{color: #999;}
.table-company .tax-in{display: block;}

.link-home{text-align: center;}
.link-home a{color: #000;}
.link-home a:hover,
.link-home a:active,
.link-home a:focus{color: #bcaa62;}

/* 　login
******************************************/

a{color: #bcaa62;}
a:hover,
a:active,
a:focus{color: #000;}

.symbol{letter-spacing:5px;color: #bcaa62;display: inline-block;margin-left: 5px;}

.complete .lower-content{text-align: center;}


/* 　mypage
******************************************/

.mypage .menu{border-bottom: solid 1px #ddd;margin-bottom: 30px;}
.mypage .menu li{display: inline-block;min-width:10em;text-align: center;}
.mypage .menu a{display: block;text-decoration: none;border: solid 1px #ddd;border-radius:5px 5px 0 0;padding: 10px 20px;color: #000;position: relative;bottom:-1px;}
.mypage .menu .current a{border-bottom: solid 1px #fff;}
.mypage .menu a:hover,
.mypage .menu a:active,
.mypage .menu a:focus{background: #eae3c9;}

@media screen and (max-width:640px){
.mypage .menu li{min-width:0;display: block;float: left;width: 25%;}
.mypage .menu a{font-size: 10px;padding: 10px;}
.mypage .menu i{display: block;}
}

.history .tbody-history{}
.history .tbody-history:after{content:"";display: block;height: 30px;}
.history .row-history-header{background: #f6f6f6;border: solid 2px #ddd;border-bottom: 0;}
.history .row-history-header td{padding: 20px 10px;font-size: 120%;}
.history .row-history-header dt{display: block;font-size: 12px;color: #999;}
.history .row-product{border-left: solid 2px #ddd;border-right: solid 2px #ddd;}
.history .row-product:last-child{border-bottom: solid 2px #ddd;}

.history .history-date{width: 60%;float: left;}
.history .history-status{width: 40%;float: right;}

.history .label{display: inline-block;background: #fff;font-family:'Noto Sans Japanese',"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

@media screen and (max-width:640px){
.history .row-history-header td{padding: 10px;text-align: center !important;}
.history .row-history-header dt{font-size: 10px;}
.history .history-date,
.history .history-status{width: 100%;float: none;}
.history .history-date dt,.history .history-date dd,
.history .history-status dt,.history .history-status dd{display: inline-block;}
.history .history-date dt:after,
.history .history-status dt:after{content:":";display: inline-block;}
.history .history-date{margin-bottom: 5px;}
.history .history-status .label{font-size: 11px;}
.history .row-history-header .cell-price,
.history .row-history-header .cell-btn{width: 50%;float: left;}
.history .cell-count{display: none;}
.history .table-cart .row-product{border-radius:0;margin-bottom: 0;}
.history .row-product .cell-price,
.history .row-product .cell-count{display: none;}
}

.shipping .table-shipping{border: 0;text-align: center;}
.shipping .table-shipping tr{border-bottom: solid 1px #ddd;}
.shipping .table-shipping th,
.shipping .table-shipping td{vertical-align: middle;padding: 5px;}
.shipping .table-shipping thead{background: #f6f6f6;}
.shipping .table-shipping .row-noitem td{padding: 20px 10px;}
.shipping .table-shipping .table-address th,
.shipping .table-shipping .table-address td{font-size: 12px;padding: 1px;}
.shipping .table-shipping .table-address th{text-align: right;padding-right: 10px;color: #999;}

.shipping .table-shipping .row-add td{background: #f6f6f6;padding: 20px;}

@media screen and (max-width:640px){
.table-shipping,
.table-shipping > thead,
.table-shipping > tbody,
.table-shipping > tfoot,
.table-shipping > * > tr,
.table-shipping > * > tr > th,
.table-shipping > * > tr > td{display: block;width: 100%;}
.table-shipping > thead{display: none;}

.shipping .table-shipping > tbody{border: solid 1px #ddd;margin-bottom: 20px;border-radius:10px;}
.shipping .table-shipping > tbody > tr{overflow: hidden;}
.shipping .table-shipping .cell-btn,
.shipping .table-shipping .cell-delete{width: 50%;float: left;padding: 20px 10px;background: #f6f6f6;}
}

/* 　modal
******************************************/

.modal-dialog{width: 90% !important;}
.modal-header button.close{position: absolute;top: 15px;right: 15px;}
.modal-footer .btn{padding: 10px 20px;}

.modal .row-product{border-left: 0;border-right: 0;}
.modal .bank{border: solid 1px #ddd;border-radius:5px;padding: 10px;margin: 5px 0;background: #f6f6f6;}
.modal .bank-title{display: block;font-weight: bold;}

@media screen and (max-width:640px){
.modal-dialog{margin-top: 20px;}
.modal-body{padding: 5px;font-size: 11px;}


.modal-body .panel-accordion .panel-body{padding: 5px;}
.modal-body .panel-accordion .panel-body table{margin-top: 0;}

.modal-body .table-address,
.modal-body .table-address thead,
.modal-body .table-address tbody,
.modal-body .table-address tfoot,
.modal-body .table-address tr,
.modal-body .table-address th,
.modal-body .table-address td{display: block;width: 100%;}
.modal-body .table-address th{font-size: 10px;}

.modal-body .table-cart .row-calc .cell-name{line-height: 1.3;font-size: 12px;padding-top: 10px;}
}