/*
Theme Name:			KINOYA-TABAKO
Description:		KINOYA-TABAKO is child theme for Welcart Basic.
Author:				KINOYA-TABAKO
Template:			welcart_basic
Version:			1.0.0
*/

/* = Common
-------------------------------------------------------------- */

/* -- .item-header -- */
.item-header{
    margin-top: 0;
    padding: 1em 1em 0 .5em;
    border-top-width: 1px;
    border-top-style: solid;
}

/* -- .titlte -- */
#content .item-header h1.item_page_title{
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	letter-spacing:1px;
	line-height:1;
}

/* -- .error-message -- */
.error_message{
	margin:0 1em;
}

/* -- .header_explanation -- */
div.header_explanation{
	margin:.25em;
}

/* -- .footer_explanation -- */

div.footer_explanation{
	margin:1.428em .75em 0;
}

/* -- .agree_member_area -- */
.agree_member_area textarea{
	margin-bottom:.75em
}

/* -------- main-button -------- */
.cart-page .send,
.member-page .send{
	margin-top:.75em;
	padding:0;
}

.send input[type="button"],
.send input[type="submit"]{
	height:46px;
	line-height:46px;
}

#searchbox input.usces_search_button,
#wc_login .loginbox .new-entry #nav a,
#wc_member .loginbox .new-entry #nav a,
#wc_lostmemberpassword #member_login,
#wc_lostmemberpassword #nav a,
#wc_newcompletion #memberpages p a,
#wc_lostcompletion #memberpages p a,
#wc_changepasscompletion #memberpages p a,
#wc_lostcompletion #memberpages .send a,
#wc_changepasscompletion #memberpages .send a,
#wc_changepassword #member_login{
	height:2em;
	margin:0;
	padding:0 1em;
	line-height:1.75;
}

/* -------- sub-button1 -------- */
#wc_cart #cart .upbutton input,
#cart .action input.delButton,
.customer_form input#search_zipcode,
#wc_lostmemberpassword #nav a{
	color:inherit;
	font-size:22px;
	line-height: 1;
}
/* 会員ページ 新パスワード・ログイン */
#wc_lostmemberpassword #nav a{
	width:13em;
}
/* 会員ページ ログイン */
#wc_login .loginbox #member_login{
	width:100%;
}

/* = wc_item_single.php
-------------------------------------------------------------- */

/* -------- #itempage -------- */
#itempage{
	margin: 0 2em 0 .5em;
}

/* -------- #img-box -------- */
#itempage #img-box{
	position:relative;
}
#itempage .itemsubimg{
	margin:1.428em 0 0;
}
#itempage .itemsubimg img:hover{
	cursor:pointer;
}
#itemimg-sub .slick-slide{
	margin:0 .357em 0 0;
}
#itemimg-sub .slick-prev:before,
#itemimg-sub .slick-next:before{
	font-family:"FontAwesome";
}
#itemimg-sub .slick-prev:before{
	content:"\f053";
}
#itemimg-sub .slick-next:before{
	content:"\f054";
}

/* -------- .detail-box -------- */
#itempage .detail-box .upper{
	margin-bottom:0;
}
/* -- .opt-tag -- */
#itempage .detail-box .opt-tag{
	float:left;
	margin:0;
}
/* -- .itemcode -- */
#itempage .detail-box .itemcode{
/*
	float:right;
	margin:0;
	padding:0;
	border:none;
*/
	display:none;
}
/* -- .item-name -- */
#itempage .item-name{
	font-size:1.286em;
	margin-bottom:0;
	line-height:normal;
}
/* -- .campaign_message -- */
#itempage .campaign_message{
    background-color:#fff;
    display: inline-block;
/*	float: left; */
	color:#fff;
	font-size:11px;
	font-weight:normal;
	margin:2px 3px;
    padding:0 5px;
    line-height:18px;
    border-width:1px;
    border-style:solid;
	letter-spacing:-.5px;
}

/* -------- .dl-seller -------- */
#itempage table.dlseller{
	margin:1.428em 0;
}
#itempage table.dlseller th,
#itempage table.dlseller td{
	background:none;
	padding:.714em;
	border-width:1px;
	border-style:solid;
}
#itempage table.dlseller th{
	width:40%;
}

/* -------- .item-info -------- */
#itempage .item-info{
	padding-top:0;
}
/* -- .item-custom-field -- */
.item-info table.item_custom_field{
	float:none;
	width:100%;
	margin:.5em 0;
	border:none;
}
.item-info .item_custom_field th,
.item-info .item_custom_field td{
	background:none;
	padding:.714em;
	border-width:1px;
	border-style:solid;
	vertical-align:middle;
}
.item-info .item_custom_field th{
	background-color:#c5d8ff;
	width:25%;
}

/* -------- .skuform -------- */
.item-info .skuform,
.date .item-info .skuform{
	margin:0;
	padding:0;
/*
	border-bottom-width:1px;
	border-bottom-style:solid;
*/
}
.item-info .skuform:first-child{
	padding-top:0;
}
/* -- .skuname -- */
.skuform .skuname{
	background:none;
	min-height:auto;
	font-size:1.143em;
	margin:0 0 .25em;
	padding:0;
	line-height:1.143em;
}
.skuform .left{
    width:27%;
    margin:0 3% .714em 0;
    float:left;
}
/* -- .zaikostatus -- */
.skuform .zaikostatus{
	text-align:right;
    margin-bottom:.714em;
    padding:0;
    line-height:130%;
}

/* -------- .itemGpExp -------- */
.skuform .itemGpExp{
	clear:both;
	margin:0 0 .714em;
	padding:0;
	border-width:1px;
	border-style:solid;
}
.skuform .itemGpExp dt,
.skuform .itemGpExp dd{
	padding:.357em .714em;
}
.skuform .itemGpExp li{
	margin-bottom:0;
}
.skuform .itemGpExp li:last-child{
	margin-bottom:0;
}
.skuform .itemGpExp .price{
	color:#e00;
}

/* -------- .item-option -------- */
.skuform .item-option{
	margin-bottom:.75em;
	padding:0;
	border:none;
}
.skuform .item-option dt{
	font-weight:normal;
	margin-bottom:.357em;
}
/* -- select -- */
.skuform .item-option input[type="text"],
.skuform .item-option select{
	width:100%;
}
/* -- radio + checkbox -- */
.item-info .item-option .iopt_radio_label,
.item-info .item-option .iopt_checkbox_label{
	display:inline-block;
	margin:0 .714em .357em 0;
}
.skuform .item-option input[type="radio"]{
	width:20px;
	height:20px;
	margin:0 5px 0 0;
	vertical-align:middle;
	border-radius:50%;
}
.skuform .item-option input[type="checkbox"]{
	width:20px;
	height:20px;
	margin:0 5px 0 0;
	vertical-align:middle;
}
/* -- textarea -- */
.item-info .item-option textarea{
	padding:.714em;
}
/* -- other -- */
.skuform .item-option br{
	display:none;
}

/* -------- .field + cart-box -------- */
.skuform .field{
	padding:0;
}
/* - .field_frequency - */
.item-info .frequency{
	margin-bottom:.357em;
}
.item-info .field_frequency{
	background-color:#fff;
	font-weight:normal;
	padding:0 10px;
	border-width:1px;
	border-style:solid;
}
/* - .field_price - */
.item-info .field_cprice{
	vertical-align:middle;
}
.skuform .field_price{
	float:right;
	color:#e00;
	font-size:1.428em;
	margin:0;
	line-height:normal;
	letter-spacing:1px;
}
/* -- .skuquantity -- */
.skuform .quantity{
	margin-right:.5em;
	margin-bottom: 0;
}
.skuform .quantity input.skuquantity{
	width:46px !important;
	height:46px;
	padding:0 .357em;
	line-height:46px;
	font-size:1.3em;
}
/* -- .c-box -- */
.skuform .c-box{
	clear:none;
	text-align:right;
	margin-top:.0;
}
/* - .skubutton - */
.skuform .skubutton{
	clear:none;
	font-weight:normal;
	min-width:200px;
	height:46px;
	padding:0 1.428em;
	border-radius:3px;
	line-height:46px;
	letter-spacing:normal;
	font-weight:bold;
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2), 0 4px 4px rgba(0, 0, 0, 0.19);
}

/* -- .itemsoldout -- */
.item-info .itemsoldout{
	text-align:center;
	max-width:230px;
	font-weight:normal;
	margin:.714em 0 0 auto;
	padding:.714em 0;
	letter-spacing:normal;
}

/* -- .contact-item -- */
.item-info .contact-item{
	text-align:right;
	margin-top:.75em;
}
.item-info .contact-item a{
	display:inline-block;
	font-weight:normal;
	height:46px;
	padding:0 .75em;
	border-width:1px;
	border-style:solid;
	border-radius:3px;
	line-height:46px;
}
.item-info .contact-item i{
	margin-right:.357em;
}

/* -------- .item-description -------- */
.item-description{
	margin:0;
}
.item-description p{
	line-height:1.8;
}
.item-description a{
	text-decoration:underline;
}
.item-description a:hover{
	text-decoration:none;
}

/* -- h1,h2,h3,h4,h5,h6 -- */
.item-description h1,
.item-description h2,
.item-description h3,
.item-description h4,
.item-description h5,
.item-description h6{
	line-height:normal;
}
.item-description h2,
.item-description h3{
	font-size:.75em;
	margin-bottom:.666em;
	padding:0;
	border:none;
	line-height:.75em;
}

/* -- p -- */
.item-description p{
	margin-bottom:1.428em;
	line-height:2;
}


/* -------- .assistance_item -------- */
.assistance_item{
	margin:2.143em 0;
	padding:0;
}
.assistance_item h3{
	color:#fff;
	font-size:1.143em;
	margin:0 0 1.875em;
	padding:.625em;
	border:none;
}
.assistance_item ul{
	margin:0 .75em;
}
.assistance_item li.list{
	float:left;
	width:48%;
	margin-right:4%;
	padding:0;
}
.assistance_item li.list:nth-child( even ){
	margin-right:0;
}
.assistance_item li.list:nth-child( n+3 ){
	margin-top:8%;
}
.assistance_item .itemimg{
	position:relative;
	margin-bottom:.714em;
}
.assistance_item .itemsoldout{
	background-color:rgba(0,0,0,.4);
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:100%;
}
.assistance_item .itemsoldout span{
	display:block;
}
.assistance_item .itemsoldout .text{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	color:#fff;
	font-size:18px;
	padding:0 .714em;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.assistance_item .itemsoldout .sub_text{
	font-size:12px;
	margin-top:5px;
}
.assistance_item .itemname{
	margin-bottom:.714em;
}
.assistance_item .opt-tag{
	letter-spacing:normal;
}
.assistance_item .opt-tag li{
	float:none;
	display:inline-block;
	width:auto;
	margin-right:0;
}

/* -------- #wc_reviews -------- */
#wc_reviews{
	margin-bottom:2.143em;
	padding:1.428em 0 0;
	border-top-width:1px;
	border-top-style:solid;
}
#wc_reviews #respond{
	margin:0 .75em;
}
#wc_reviews #respond .comment-form-author,
#wc_reviews #respond .comment-form-author label{
	margin-bottom:.357em;
}
#wc_reviews .reviews_btn{
	margin:.75em 0;
}
#wc_reviews .reviews_btn a{
	display:inline-block;
	padding:0 .75em;
	line-height:46px;
	border:none;
	border-radius:3px;
	-webkit-transition:.3s ease all;
	-moz-transition:.3s ease all;
	-o-transition:.3s ease all;
	transition:.3s ease all;
}

/* ---- logout ---- */
#wc_reviews .nowc_reviews,
#wc_reviews .reviews_btn{
	text-align:center;
}
#wc_reviews .nowc_reviews{
	margin-top:.75em;
}

/* ---- login ---- */

/* -- label -- */
#respond label{
	text-align:left;
	margin-bottom:.714em;
}

/* -- .wc_reviews-title -- */
#wc_reviews-title{
	font-size:14px;
	margin:30px 0 0;
	padding:.75em;
}

/* ---- .wc_reviewlist ---- */
.wc_reviewlist li{
	padding:1.428em .75em;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.wc_reviewlist li:last-child{
	padding-bottom:0;
	border-bottom:none;
}
/* -- .children -- */
.wc_reviewlist .children{
	position:relative;
	margin:.75em 0 0 2.857em;
}
.wc_reviewlist .children:before{
	display:inline-block;
	position:absolute;
	top:-5px;
	left:-30px;
	content:" ";
	width:10px;
	height:20px;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-left-width:2px;
	border-left-style:solid;
}
.wc_reviewlist .children li{
	margin-bottom:.75em;
	padding:0 0 .75em;
}
.wc_reviewlist .children li:last-child{
	margin:0;
	padding:0;
	border:none;
}

/* -- .review-author -- */
.review-author:before{
	display:inline-block;
	text-align:center;
	content:"\f007";
	color:#fff;
	font-family:"FontAwesome";
	width:25px;
	height:25px;
	margin-right:5px;
	line-height:25px;
	border-radius:50%;
}
.review-author .fn{
	font-style:normal;
}
/* -- .review-meta -- */
.review-meta{
	margin:.714em 0;
}
/* -- .review-body -- */
.review-body{
	line-height:1.8;
}

#respond .form-submit{
	margin:0;
	padding:0;
	border:none;
}


/* = wc_search_page
-------------------------------------------------------------- */
#searchbox{
	margin:0 .75em;
	letter-spacing:normal;
}

/* ------ .search-li ------ */

/* -- .title -- */
.search-li .search-result{
	text-align:right;
	margin-bottom:1.428em;
}

/* -- .layout-grid -- */
#searchbox .layout-grid{
	margin:0;
}

/* ------ form ------ */
searchbox form{
	margin-top:2.143em;
}

/* ------ fieldset ------ */
#searchbox .fieldset{
	padding:.714em 0;
}
#searchbox fieldset li{
	margin-bottom:.357em;
}


/* ------ .send ------ */
#searchbox .send{
	text-align:center;
	margin-top:.75em;
}

#searchbox input.usces_search_button{
	display:inline-block;
}



/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width:38.75em){

	/* = wc_item_single.php
	-------------------------------------------------------------- */

	/* -------- #img-box -------- */
	#itempage #img-box,
	#itempage .item-info{
		margin-bottom:1em;
	}

	/* -------- .item-info -------- */
	#itempage .item-info{
		clear:none;
		width:55%;
		float:right;
	}

	/* -------- .skuform -------- */
	.skuform .right{
		float:right;
		width:100%;
	}
	.skuform .field_price{
		font-size:1.714em;
	}

	/* -------- .item-description -------- */
	.item-description{
		clear:both;
	}

	/* -------- .assistance_item -------- */
	.assistance_item li.list{
		width:30.666%;
	}
	.assistance_item li.list:nth-child( even ){
		margin-right:4%;
	}
	.assistance_item li.list:nth-child( 3n ){
		margin-right:0;
	}
	.assistance_item li.list:nth-child( n+3 ){
		margin-top:0;
	}
	.assistance_item li.list:nth-child( n+4 ){
		margin-top:6%;
	}


}

/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width:46.25em){

	/* = Common
	-------------------------------------------------------------- */

	/* -- .header_explanation -- */
	div.header_explanation{
		margin:1em;
	}
	/* -- .footer_explanation -- */
	div.footer_explanation{
		margin:1em 1em 0;
	}


	/* = wc_item_single.php
	-------------------------------------------------------------- */

	#itempage{
		margin:0 2em;
	}
	.item-header{
		padding: 1em 1em .25em .25em;
	}

	/* -------- .itemGpExp -------- */
	.skuform .itemGpExp dt,
	.skuform .itemGpExp dd{
		display:block;
		width:auto;
		margin:0;
	}
	.skuform .itemGpExp dd{
		border:none;
	}

	/* -------- .item-option -------- */
	.skuform .item-option dt,
	.skuform .item-option dd{
		display:block;
		width:auto;
	}
	.skuform .item-option dd{
		padding:0;
		border:none;
	}

	/* -------- .c-box -------- */
	.skuform .skubutton{
		padding:0 2.143em;
	}

	/* -------- .assistance_item -------- */
	.assistance_item h3{
		padding:.625em 1.875em;
	}
	.assistance_item ul{
		margin:0 2.143em;
	}
	.assistance_item li.list{
		width:23.125%;
		margin-right:2.5%;
	}
	.assistance_item li.list:nth-child( even ),
	.assistance_item li.list:nth-child( 3n ){
		margin-right:2.5%;
	}
	.assistance_item li.list:nth-child( 4n ){
		margin-right:0;
	}
	.assistance_item li.list:nth-child( n+4 ){
		margin-top:0;
	}
	.assistance_item li.list:nth-child( n+5 ){
		margin-top:5%;
	}

	/* = wc_review.php
	-------------------------------------------------------------- */

	#wc_reviews #respond{
		margin:0 2.143em;
	}
	#wc_reviews-title{
		padding:.75em 2.143em;
	}
	.wc_reviewlist li{
		padding:1.428em 2.143em;
	}


	/* = wc_search_page
	-------------------------------------------------------------- */

	#searchbox{
		margin:0 2.143em;
	}
}

/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width:55em){}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width:62.5em){

	/* = Common
	-------------------------------------------------------------- */

	.item-header{
		margin-top:0;
		padding:0;
		border:none;
	}

	/* -- title -- */
	#content .item-header h1.item_page_title,
	.cart_page_title{
		padding:0;
		line-height:1;
	}

	/* -- .error_message -- */
	.error_message{
		margin:0 0 .25em;
	}

	/* -- .header_explanation -- */
	div.header_explanation{
		margin:1em 0;
	}

	/* -- .footer_explanation -- */
	div.footer_explanation{
		margin:1em 0 0;
	}

	/* -------- main-button -------- */
	.skuform .skubutton,
	#wc_reviews .reviews_btn a,
	.send input[type="button"],
	.send input[type="submit"],
	#wc_ordercompletion .send a,
	#searchbox input.usces_search_button,
	#wc_login .loginbox .new-entry #nav a,
	#wc_member .loginbox .new-entry #nav a,
	.member_submenu a,
	#wc_lostmemberpassword #member_login,
	#wc_lostmemberpassword #nav a,
	#wc_newcompletion #memberpages p a,
	#wc_lostcompletion #memberpages p a,
	#wc_changepasscompletion #memberpages p a,
	#wc_lostcompletion #memberpages .send a,
	#wc_changepasscompletion #memberpages .send a,
	#wc_changepassword #member_login{
		height:2em;
		line-height:1.75;
	}



	/* = wc_item_single.php
	-------------------------------------------------------------- */

	#itempage{
		margin:0;
	}
	.detail-box,
	#itempage .item-info{
		width:54.206%;
	}

	/* -------- #img-box -------- */
	#itempage #img-box{
		width:42.057%;
	}
	#itempage .itemsubimg{
		overflow:inherit;
	}
	#itempage .itemsubimg img:hover{
		opacity:.6;
	}
	#itemimg-sub .slick-prev{
		left:-30px;
	}
	#itemimg-sub .slick-next{
		right:-30px;
	}

	/* -------- .detail-box -------- */
	#itempage .item-name{
		font-size:1.286em;
		margin-bottom:.2em;
	}

	.skuform .left{
		width:15.518%;
		margin-bottom:0;
	}
	.skuform .right{
		width:100%;
	}


	/* -------- .item-description -------- */
	#itempage .item-description{
		margin:.5em .25em;
	}

	/* -------- .assistance_item -------- */
	.assistance_item{
		margin:2.143em 0;
	}
	.assistance_item h3{
		font-size:1.428em;
		margin-bottom:1.25em;
		padding:.5em;
		line-height:1.428em;
	}
	.assistance_item ul{
		margin:0;
	}
	.assistance_item li.list{
		width:18%;
	}
	.assistance_item li.list:nth-child( 4n ){
		margin-right:2.5%;
	}
	.assistance_item li.list:nth-child( 5n ){
		margin-right:0;
	}
	.assistance_item li.list:nth-child( n+5 ){
		margin-top:0;
	}
	.assistance_item li.list:nth-child( n+6 ){
		margin-top:5%;
	}

	/* -------- #wc_reviews -------- */
	#wc_reviews{
		padding-top:2.143em;
	}
	#wc_reviews #respond{
		margin:0 .75em;
	}
	#wc_reviews-title{
		padding:.75em;
	}
	.wc_reviewlist li{
		padding:1.428em .75em;
	}

	/* = wc_search_page
	-------------------------------------------------------------- */

	#searchbox{
		margin:0;
	}

}

/* ***************************************************
 * 商品詳細
 * ***************************************************/
 .skuform .field_price{ width:100%; text-align:right; font-size:1.5em; }
 .skuform .right{ width:100%; }

 @media screen and (min-width:38.75em){
	.skuform .right{ width:100%; }
	.skuform .field_price{ font-size:1.5em; }
 }