/* common */
.box-border {border:1px solid #ddd;}
.box-white {background:white;}
.bottom-space-big {margin-bottom:40px;text-align:center;}
.block {display:block;}
.relative {position:relative;}
.clear {clear:both;}
.img-max {width:100%;}
.overflow {overflow:hidden;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-top-20 {padding-top:20px;}
.padding-bottom-0 {padding-bottom:0px !important;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-right-10 {padding-right:10px;}
.padding-left-10 {padding-left:10px;}
.padding-top-5 {padding-top:5px;}
.padding-top-10x {padding-top:10px!important;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-5back {margin-bottom:5px;line-height:50px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-right-5 {margin-right:5px;}
.margin-right-10 {margin-right:10px;}
.margin-right-20 {margin-right:20px;}
.margin-left-42 {margin-left:42px;}
.margin-left-45 {margin-left:45px;}
.margin-left-87 {margin-left:87px!important;}
.margin-left-20 {margin-left:20px;}
.margin-left-10 {margin-left:10px;}
.margin-top-50 {margin-top:50px;}
.bold {font-weight:bold;}
.big {font-size:120%;}
.text-gold {color:#cec446;}
.small {font-size:80%;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.underline {border-bottom:1px solid black;}
.float-right {float:right;}
.float-left {float:left;}
.inner {padding:10px;}
.inner-float {padding:10px 0 10px 10px;}
.float-box-inside {margin:0 10px 0 0;}
.margin-right-layout {margin-right:10px;}
.col-eq-1 {float:left;width:50%;}
.col-eq-2 {float:left;width:50%;}
.col-eq-2-l {float:left;width:50%;}
.col-eq-2s {float:left;width:50%;}
.col-eq-3 {float:left;width:33.333%;}
.col-eq-5 {width:50%;float:left;}
.width30 {width:30%;}
.width40 {width:40%;}
.ind30{text-indent:-30px; padding-left:30px;}
.ind40{text-indent:-40px; padding-left:40px;}
.ind60{text-indent:-60px; padding-left:60px;}
.list_ind50{text-indent:-50px; padding-left:50px;}
/*.thin-img a:hover img {opacity:0.7;filter: alpha(opacity=70);}*/
.btn,
input.btn {
  font-size:18px;
  padding:15px 60px 15px 60px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  display:inline-block;
}

.btn,
input.btn2 {
  font-size:18px;
  /*padding:15px 60px 15px 60px;*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  display:inline-block;
}

.btn,
input.btn2-1 {
  font-size:16px;
  /*padding:15px 60px 15px 60px;*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  display:inline-block;
  border: 1px solid #107313;
}
.btn-small,
input.btn-small {
  padding:5px 25px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  display:inline-block;
}
.btn-block {
  display:block;
  text-align:center;
  padding:15px 0;
}
/*.btn-cart {
  background:url(../img/parts/cart2.png) black no-repeat;
  background-size:30px;
  background-position:25% center;
  border:none;
  color:white;
  width:100%;
}*/
.btn-cart:hover {
  background:url(../img/parts/cart2.png) #333 no-repeat;
  background-size:30px;
  background-position:25% center;
  border:none;
  color:white;
  width:100%;
}


.btn-green {
  background:#107414;
  border:2px solid #107414;
  color:white!important;
  text-decoration: none!important;
}

.btn-green:hover {
  /*border:2px solid #333;*/
  background:#333;
  color:white;
}

/*
.btn-green2 {
  background:#107414;
  border:2px solid #107414;
  color:white;
}
*/
.btn-green2 {
    background: #107414;
    border: 2px solid #337d36;
    color: white;
    font-weight: bold!important;
}
/*
.btn-green2-100 {
  background:#107414;
  border:2px solid #107414;
  color:white;
  width:100%;
}
*/
.btn-green2-100 {
  background:#107414;
  border:2px solid #107414;
  color:white;
  width:100%;
  font-weight: bold;
}
/*
.btn-green2:hover {
  background:#333;
  color:white;
}
*/
.btn-green2:hover {
  background:#29540d;
  color:white;
}

.btn-green2-100:hover {
  /*border:2px solid #333;*/
  background:#333;
  color:white;
}

.btn-green2:focus {
  /*border:2px solid #333;*/
  background:#333;
  color:white;
}

.btn-green3 {
  background:#107414;
  border:2px solid #107414;
  color:white;
  margin-bottom:20px!important;
}

.btn-green3:hover {
  /*border:2px solid #333;*/
  background:#333;
  color:white;
}

.float-box-inside .btn-green {
  background:#107414;
  border:2px solid #107414;
  color:white;
  width:100%;
}

.float-box-inside .btn-green2:hover {
  /*background:#107414;
  border:2px solid #107414;*/
  color:white;
  width:100%;
}
.btn-black:hover {
  border:2px solid #333;
  background:#333;
  color:white;
}


.btn-black {
  background:black;
  border:2px solid black;
  color:white;
}
.btn-black:hover {
  border:2px solid #333;
  background:#333;
  color:white;
}
/*
.btn-gray-reverse {
  background:#999999;
  border:2px solid #999999;
  color:white;
}
*/
.btn-gray-reverse {
    background: #ff8304;
    border: 2px solid #f99432;
    border-radius: 2px;
    color: white;
    font-weight: bold!important;
}
/*
.btn-gray-reverse:hover {
  background:#999999;
  color:black;
}
*/

.btn-gray-reverse:hover {
  background:#e27301;
  /*border:2px solid black;*/
  color:black;
}
.btn-gray {
  color:#fff;
  background-color:#999;
}
.btn:hover {
}
ul.square li {
  list-style:square;
  margin-left:20px;
}
ul.decimal li {
  list-style:decimal;
  margin-left:20px;
}
h1, h2, h3, h4 {
  margin:0;
  padding:0;
}
h2.page-title {
width:50%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:2%;
  font-size:30px;
  padding-bottom: 8px; 
  /*position: relative; 
  border-bottom: 2px solid #A9A9CB; */
}

/*h2 { padding-bottom: 8px; position: relative; border-bottom: 1px solid #ccc;  }*/
h2.page-title:after { content: "."; line-height: 0; display: block; overflow: hidden; position: absolute; bottom: -2px; width: 50%; border-bottom: 2px solid #4C4C70; }
h3.page-sub-title {
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
  text-align:center;
  clear:both;
}

h3.cate-title{
  margin:30px 0 20px 0;
  text-align:left;
  font-size:23px;
}

h4.cate-sub-title{
  margin-top:20px;
  margin-bottom:20px!important;
  margin-left:0;
  text-align:left;
  font-size:18px;
  border-bottom:none!important;
  padding:1%!important;
  background-color:#9999BB;
}

/* index */
h2.index-title {
  margin:40px 0;
  font-weight:normal;
  text-align:center;
margin-left: auto;
margin-right: auto;
margin-bottom: 5%;
font-size: 30px;
padding-bottom: 15px;
position: relative;
border-bottom: 2px solid #A9A9CB;
font-weight:bold;
/*20180510螟画峩
width:42%;
	*/
/*20180510霑ｽ蜉�*/
width:80%;
line-height: 1.2em;
}

h2.index-title-l60 {
  margin:40px 0;
  font-weight:normal;
  text-align:center;
margin-left: auto;
margin-right: auto;
margin-bottom: 5%;
font-size: 30px;
padding-bottom: 15px;
position: relative;
border-bottom: 2px solid #A9A9CB;
font-weight:bold;
width:60%;
}

h2.index-title-l100 {
  margin:40px 0;
  font-weight:normal;
  text-align:center;
margin-left: auto;
margin-right: auto;
margin-bottom: 5%;
font-size: 30px;
padding-bottom: 15px;
position: relative;
border-bottom: 2px solid #A9A9CB;
font-weight:bold;
width:100%;
line-height: 1.2em;
}

h2.index-title:after { 
content: "."; 
line-height: 0; 
display: block; 
overflow: hidden; 
position: absolute; 
bottom: -2px; 
width: 50%; 
border-bottom: 2px solid #4C4C70; 
}

h2.index-title-l60:after { 
content: "."; 
line-height: 0; 
display: block; 
overflow: hidden; 
position: absolute; 
bottom: -2px; 
width: 50%; 
border-bottom: 2px solid #4C4C70; 
}

h2.index-title-l100:after { 
content: "."; 
line-height: 0; 
display: block; 
overflow: hidden; 
position: absolute; 
bottom: -2px; 
width: 50%; 
border-bottom: 2px solid #4C4C70; 
}


h2.sp {
  margin:5px 0;
}

h3.index-sub-title {
  color:#999;
  font-weight:normal;
  margin:0 0 20px 0;
  text-align:center;
}

h3.attention {
  color:#ffffff;
  background-color:#cc0000;
  padding:1%;
  text-align:center;
  border-radius:7px;
  clear:both;
  margin-bottom:20px;
}
.special-layout-box,
.pickup-layout-box,
.recommend-layout-box {
  margin:0 10px 10px 0;
  overflow:hidden;
}

.special-img{
  margin:0 0 10px 0;
}
.recommend-img {
  margin:0;
}
.pickup-img {
  max-width:100%;
  margin:0 0 10px 0;
}
.pickup-outer {
  margin-bottom:20px;
}
.pickup-price {
  text-align:center;
  color:#ff5c5c;
}
.category-search-title {
  background:#f4f3f4;
  padding:10px 20px;
  margin:0;
  font-size:100%;
  display:block;
  border-top:2px solid #666;
  border-bottom:2px solid #666;
  position:relative;
  cursor:pointer;
}
.category-search ul li {
  padding:10px 20px;
  background:url(../img/parts/icon_index_arrow1.png);
  background-repeat:no-repeat;
  background-position:right 20px bottom 15px;
  background-size:10px;
  border-bottom:1px solid #666;
}
.category-search-plus,
.category-search-minus {
  position:absolute;
  top:12px;
  right:20px;
  width:15px;
}
/* detail page */
h2.product-name {
  margin:0 0 10px 0;
}
.product-price {
  font-size:36px;
  font-weight:bold;
}
.product-price span {
  font-size:14px;
  font-weight:normal;
  margin-left:5px;
}
.main-photo {
  padding-bottom:1.5625%;
}
.product-photos {
  padding:0 50px;
}
.product-photos div img {
  padding:0 2px;
}
.slick-next {
  right:10px;
}
.slick-prev {
  left:10px;
}
.size-guide {
  font-size:80%;
  text-decoration:underline;
  margin:8px 0 0 10px;
  display:inline-block;
}
.btn-cart-box {
  margin:/*30*/100px 0;
}
.btn-cart {
  background:url(../images/parts/cart_w.png) #107414 no-repeat!important;
  background-size:30px;
  background-position:30% center!important;
  border:none;
  color:white;
  width:100%;
}
.product-info dt {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  position: relative;
  line-height: 2.4;
  cursor: pointer;
}
.product-info dt ~ dt {
  margin-top:3%
}
.product-info dt:after {
  content:"";
  width:16px;
  height:10px;
  background:url(../img/parts/arrow2.png) no-repeat 0 0;
  background-size:cover;
  position:absolute;
  display:block;
  right:3%;
  top:50%;
  -webkit-transform:translate(0%,-50%);
  -moz-transform:translate(0%,-50%);
  -ms-transform:translate(0%,-50%);
  -o-transform:translate(0%,-50%);
  transform:translate(0%,-50%);
  font-size:10px;
}
.product-info dt.selected:after {
  background:url(../img/arrow1.png) no-repeat 0 0;
  background-size:cover;
}
.product-info dd {
  font-size:14px;
  padding:2% 0;
  line-height:1.8;
  margin-left:0;
}
.product-recommend {
  text-align:center;
}
.product-recommend div img {
  padding:5px;
}
/* list */
h2.brand-name {
  margin:20px 0;
  line-height: 140%;
}
.brand-description {
  margin:20px 0;
}
h3.list-sub-title {
  margin:0 0 10px 0;
}
.list {
  background:#ececec;
}
.no-result {
  margin:0 10px 10px 0;
}
.search-criteria-area {
  background:#3a3a39;
  padding:20px;
  color:white;
  text-align:center;
  position:relative;
}
ul.search-criteria {
  margin-bottom:20px;
  overflow:hidden;
}
ul.search-criteria li {
  background:white;
  color:#999;
  text-align:center;
  padding:10px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor:pointer;
  font-weight:bold;
}
ul.search-criteria li.search-brand {
  width: 48%;
  float: left;
  margin: 0 2% 0 0;
}
ul.search-criteria li.search-category {
  width: 48%;
  float: right;
  margin: 0 0 0 2%;
}
.nav-category,
.nav-brand {
  display:none;
  position:absolute;
  top:80px;
  left:5%;;
  width:90%;
  background:white;
  padding:20px 20px 10px 20px;
  text-align:left;
  z-index:100;
  color:black;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 100px rgba(0, 0, 0, 1);
}
.nav-brand input[type="text"] {
  width:100%;
  margin:0 0 10px 0;
  background:url(../img/parts/icon_magnifying_glass.png) left 10px #efeff1;
  background-repeat:no-repeat;
  background-size:15px;
  background-position:10px;
  padding:4px 8px 4px 30px;
  font-size:80%;
  border:1px solid #efeff1;
}
.nav-category ul li,
.nav-brand ul li {
  cursor:pointer;
}
.category-arrow {
  position:absolute;
  top:-12px;
  right:30%;
  width:20px;
}
.brand-arrow {
  position:absolute;
  top:-12px;
  left:30%;
  width:20px;
}
.nav-brand ul li a {
  padding:10px 10px 10px 30px;
  font-weight:bold;
  display:block;
  border-bottom:1px solid transparent;
  background:url(../img/parts/icon_index_arrow1.png);
  background-repeat:no-repeat;
  background-position:right 20px bottom 15px;
  background-size:10px;
}
ul.nest01 li {
  padding:10px 10px 10px 0;
  background:url(../img/parts/plus.png);
  background-repeat:no-repeat;
  background-position:right 20px bottom 15px;
  background-size:10px;
}
ul.nest02,
ul.nest03 {
  display:none;
}
ul.nest02 li {
  padding:10px 10px 10px 30px;
  background:url(../img/parts/plus.png);
  background-repeat:no-repeat;
  background-position:right 20px bottom 15px;
  background-size:10px;
}
ul.nest03 li {
  padding:0;
  background:url(../img/parts/icon_index_arrow1.png);
  background-repeat:no-repeat;
  background-position:right 20px bottom 15px;
  background-size:10px;
}
ul.nest03 li a {
  padding:10px 10px 10px 60px;
  display:block;
}
.selected-now {
  border-bottom:1px solid #ddd !important;
}
ul.nest01 li.minus,
ul.nest02 li.minus,
ul.nest03 li.minus {
  background:url(../img/parts/minus.png);
  background-repeat:no-repeat;
  background-position:right 20px bottom 15px;
  background-size:10px;
}
.list-box {
  background:white;
  text-align:center;
  position:relative;
  margin-bottom:10px;
}
ul.list-product-info li.original-price {
  width:45%;
  float:left;
  text-align:right;
  text-decoration: line-through;
}
ul.list-product-info li.sale {
  width:45%;
  float:left;
  text-align:left;
}
ul.list-product-info li.divider {
  width:10%;
  float:left;
  color:#ddd;
}
ul.list-product-info li.off-price {
  color:#ff054a;
}
.favorite,
.favorited {
  width:20px;
  position:absolute;
  top:15px;
  right:15px;
  cursor:pointer;
  z-index:1;
}
.favorite-input,
.favorited-input {
  width:20px;
  position:absolute;
  top:15px;
  right:15px;
  cursor:pointer;
  z-index:2;
  opacity:0.3;
}
.pagerlist-mobile {
  padding:0;
  overflow:hidden;
}
.pagerlist {
  clear:both;
  overflow:hidden;
  padding:0 10px 10px 0;
}
ul.pager {
  float:right;
}
ul.pager li {
  float:left;
  margin:0 0 0 5px;
}
ul.pager li a {
  padding:0 5px;
  font-weight:normal;
  border:1px solid #ccc;
  background:white;
  display:inline-block;
}
ul.pager li.selected {
  border:1px solid #ccc;
  background:#ccc;
  color:white;
  padding:0 5px;
  font-weight:normal;
}
/* mypage */

ul.mypage-list{
margin:0 auto;
max-width:980px;
}
ul.mypage-list li {
  width:33.333%;
  float:left;
  text-align:center;
}

ul.mypage-list li a:hover {
  background-color:#4C4C72;
}
ul.mypage-list a {
  border:1px solid #959595;
  padding:20px 10px;
  margin:15px;
  text-align:center;
  display: block;
  height:/*100*/60px;
  line-height:20px;
  background-color:#959595;
  color:#ffffff;
  font-weight:bold;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
}


.overflow_page{
    overflow: hidden;
    background-color:#F4F4F4;
}
/* aboutus */
.magazine .col-eq-2 {
  width:100%;
}
.magazine-photo {
  margin-bottom:20px;
}
.magazine-text {
  text-align:center;
}
/* cart */

h2.cart-title{
margin-bottom:5%;
text-align:center;
}
.cart-title:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 15px;
  width: 27px;
  height: 32px;
  background:url(../images/parts/cart.png) no-repeat;
  background-size:27px;
  margin: 0 24px 0 0;
}
.cart-col-3-7 {
  width:30%;
  float:left;
  text-align:center;
}
.cart-col-7-3 {
  width:70%;
  float:left;
  padding-left:10px;
}
.cart .col-eq-2 {
  width:100%;
}
.cart-box {
  margin-bottom:20px;
  overflow:hidden;
}
.cart-product-detail {
  margin-bottom:10px;
  overflow:hidden;
  /*border:1px solid #c0c0c0;*/
}

.left_line{
/*border-left:1px solid #c0c0c0;*/
}
.cart-purchase-info {
  border:1px solid #ddd;
  border-bottom:none;
  padding:10px 10px 5px 10px;
  clear:both;
}
.cart-purchase-info p {
  margin-bottom:5px;
}
.cart-purchase-info select {
  margin-bottom:5px;
}
.cart-price-each {
  background:#e5e5e5;
  border:1px solid #ddd;
  padding:10px;
}
.delete {
  border:none;
  border-bottom:1px solid black;
  display:inline;
  cursor:pointer;
  background:#e5e5e5;
}
.refresh {
  display:inline;
  cursor:pointer;
  border:1px solid #ddd;
  background:white;
  padding:5px;
  margin-right:10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.table-cart{
margin-left:0;
width:100%;
}

.more_tab{
margin-top:3%;
margin-bottom:3%;
border-bottom:1px dotted #cccccc;
text-align: center;
padding-bottom: 5%;
}
//.cart-sum {
//  border:1px solid #ddd;
//  padding:20px;
//  border-radius: 5px;
//  -moz-border-radius: 5px;
//  -webkit-border-radius: 5px;
//  margin-bottom:20px;
//}
//.cart-sum table td {
//  margin-bottom:10px;
//  padding:0 0 10px 0;
//}
//.cart-sum table tr.border-bottom {
//  border-bottom:1px solid #ddd;
//  margin-bottom:20px;
//  display: table-row;
//}
//.cart-sum table tr.sum td {
//  padding:10px 0;
//}
table.table-cart th {
  border:1px solid #ddd;
  text-align:left;
}
table.table-cart tr {
}
table.table-cart td {
  padding:10px;
  border:1px solid #ddd;
}
table.table-cart th {
  background:#eee;
  padding:10px;
}
/* confirm */
.change {
  border-bottom:1px solid black;
  float:right;
}
/* login */
.form-box {
  padding:20px;
  border:1px solid #ddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.form-box input[type="email"], input[type="password"] {
  width:100%;
}
/* form */
fieldset {
  border:none;
  margin:0;
  /*padding:10px 0;*/
  padding-bottom:10px;
  font-weight:bold;
}
fieldset label {
  text-align:left;
  font-weight:bold;
  padding:3px 0;
  margin-bottom:5px;
  display:block;
}
fieldset div {
  text-align:left;
  margin-bottom:20px;
}
fieldset div.full input,
fieldset div.full select {
  width:100%;
}
fieldset div.short input {
  width:100px;
  float:left;
  /*margin-right: 1%;*/
margin-bottom: 1%;
}
fieldset div.phone input {
  width:80px;
  float:left;
}
fieldset div span {
  margin:0 5px 0 5px;
  float:left;
  padding-top:5px;
}
fieldset div span.date {
	float:none;
}
/* static page */
.static-box {
  padding:20px;
  border:1px solid #ddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.dd {
  margin:0 0 30px 10px;
}
.dd-medium {
  margin:0 0 20px 10px;
}
.dd-small {
  margin:0 0 10px 10px;
}
.dd-left {
  margin:0 0 10px 20px;
}
.dd-no-bottom {
  margin-bottom:0;
}
h3.static-page-sub-title {
  font-weight:normal;
  background:#eee;
  padding:5px 10px;
  margin-bottom:20px;
}
.bottom-border-box {
  /*border-bottom:1px dotted #ddd;*/
  padding:20px 0;
  clear:both;
}

.bottom-border-box p{
float:left;
}
.bottom-border-box-last {
  padding:20px 0 0 0;
}
.bottom-border-box p.bold,
.bottom-border-box-last p.bold {
  /*margin-bottom:10px;*/
  float: left;
width: 20%;
background-color: #cccccc;
padding: 1%;
}

.special-layout-box{
  margin:0 20px 20px 0;
  border:1px solid #ddd;
  background-color:#eeeeee;
  webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.special-layout-box:hover{
background-color:#4c4c72!important;
color:#ffffff!important;
text-decoration:underline!important;

}

.special-layout-box a{
display: block;
}

.heightLine-3{
border:1px solid #c9c9c9;
background-color:#c9c9c9;
webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.heightLine-3:hover{
background-color:#4c4c72!important;
color:#ffffff!important;
text-decoration:underline;
}

.heightLine-3 a:hover{
/*color:#ffffff;
text-decoration:underline;*/
}

@media screen and (min-width:768px){
/* common */
.inner {padding:20px;}
.inner-float {padding:20px 0 20px 20px;}
.float-box-inside {margin:0 20px 0 0;}
.margin-right-layout {margin-right:20px;}
.col-eq-5 {width:20%;float:left;}
.col-2-8 {float:left;width:20%;}
.col-8-2 {float:left;width:80%;}
.col-3-7 {float:left;width:30%;}
.col-7-3 {float:left;width:70%;}
.col-4-6 {float:left;width:40%;}
.col-6-4 {float:left;width:60%;}
/* index */
.special-img {
  margin:0;
}
.pickup-img {
  max-width:200px;
}
.recommend .col-eq-2 {
  width:50%;
}
/*.special-layout-box{
  margin:0 20px 20px 0;
  border:1px solid #ddd;
  background-color:#eeeeee;
  webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.special-layout-box:hover{
background-color:#4c4c72!important;
color:#ffffff!important;
text-decoration:underline!important;

}


.special-layout-box a{
display: block;
}*/
.recommend-layout-box {
  margin:0 20px 20px 0;
}

/*.recommend-layout-box:hover{
background-color:#4c4c72!important;
color:#ffffff;
text-decoration:underline;
}*/
.pickup-outer {
  margin:0 20px 20px 0;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.pickup-layout-box {
  margin:0;
  padding:20px;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}
.col-eq-2-special {
  /*float:left;*/
  width:100%;
}

.heightLine{
/*background-color:#eeeeee;*/
}



/*.heightLine-3{
border:1px solid #c9c9c9;
background-color:#c9c9c9;
webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.heightLine-3:hover{
background-color:#4c4c72!important;
color:#ffffff!important;
text-decoration:underline;
}

.heightLine-3 a:hover{
/*color:#ffffff;
text-decoration:underline;*/
/*}*/

.heightLine-3 p{
line-height:180%;
}

.col-eq-2-special h2{
  padding:10px 10px 0 10px;
  font-size:19px;
  line-height:22px;
  text-align:left; 
}

.col-eq-2-special h2:focus{
  color:#ffffff;
}
.col-eq-2-special p {
  padding:10px 10px 0 10px;
  
}
.col-eq-3,
.col-eq-3-special {
  float:left;
  width:33.333%;
}
/* detail */
.product-info {
  padding:0 0 0 20px;
}
/* list */
.list-box {
  margin-bottom:20px;
}
.no-result {
  margin:0 20px 20px 0;
}
ul.search-criteria li {
  padding:10px 30px;
}
.pagerlist {
  padding:0 20px 20px 0;
}
/* aboutus */
.magazine .col-eq-2 {
  width:50%;
}
.magazine-photo {
  float:right;
}
.magazine-text {
  text-align:left;
  margin:160px 0 0 20px;
}
/* cart */
.cart .col-eq-2 {
  width:50%;
  float:left;
}
.cart-product-detail {
  margin-bottom:0;
}
.cart-purchase-info {
  border:none;
  padding:0 0 5px 0;
}
/* login */
.form-box {
  width:80%;
  margin:0 auto;
}
/* form */
fieldset label {
  font-size:90%;
  padding:3px 5px;
  margin-bottom:10px;
  background:#eee;
}
/* static page */
.static-box {
  width:70%;
  margin:0 auto;
}
}
@media screen and (min-width:980px){
/* common */
.inner {padding:20px 20px;/*width: 70%;*/width:980px;
margin: 0 auto;}
.inner-float {padding:20px /*40px 20px 60px*/0px;width:980px;
margin: 0 auto;}
/* index */
.special .col-eq-2 {
  float:left;
  width:33.33%;
}
/* detail */
.product-info {
  padding:0 0 0 40px;
}
/* cart */
.delete {
  border:1px solid black;
  background:black;
  color:white;
  padding:5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
}
@media screen and (max-width:767px){
h2.index-title{
width:90%;
}
ul.mypage-list li {
  width:90%;
  float:none;
  margin:0 auto;
}
/* cart */
.delete {
  border:1px solid black;
  background:black;
  color:white;
  padding:4px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

}

@media screen and (max-width:480px){
h2.index-title{
width:90%;
font-size: 22px;
}

.col-eq-2-special h2 {
    padding: 5px 5px 0 5px;
    font-size: 15px;
    line-height: 20px;
}

.col-eq-2-special p {
    font-size:13px;
    padding: 5px 5px 0 5px;
}

h3.cate_name_top{
    font-size:15px;
}

footer h3 {
    font-size: 22px;
    margin: 0 auto;
}

.col-eq-2 {
    float: none;
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    margin-top:3%;
    margin-bottom:5%;
}

.special-layout-box{
  margin:0;
}


h2.index-title-l60{
  font-size: 20px;
  width:90%;
}

.btn-cart{
background-position:18% center!important;
}

.product-price {
  font-size:21px;
  float:left;
  margin-right:3%;
}

h2.product-name {
   font-size:23px;
}
.count-box p, select{
float:left;
line-height:35px;
vertical-align:middle;
margin: 0 0 2rem;	
}

.btn, input.btn {
    font-size: 16px;
    padding: 15px 30px 15px 30px;
}

.left_box input.btn {
    /*margin: 0 auto;*/
    width:100%;
    text-align:center;
}
/*　2024.8.30　spでのスパン削除のため、1408行目にスパン以外をコピー　福田
fieldset div input, span {
    float:left;
}
*/
fieldset div input{
  float:left;
}
fieldset div span.date {
	float: left;
}

}