@charset "utf-8";
/*
welcart用スタイル
*/

/*-------------------wc商品ページ-----------------------*/
 #itemBox{
line-height: 1.5;
padding: 1em;
background: #fff;
position: relative;
border:1px solid #eee;
margin-top: 15px;
margin-bottom:30px;
}
 #itemBox:before{
content: "";
position: absolute;
z-index: -1;
left: 20%;
right: 20%;
top: 50%;
bottom: 0;
border-radius: 1200px 1200px 1200px 1200px / 120px 120px 120px 120px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

 #itemBox .leftBox{
width:49%;
float:left;
padding:10px;
}

 #itemBox .leftBox .itemMainImg{
max-width:100%;
text-align:center;
}

 #itemBox .leftBox .itemSubImg{
max-width:100%;
padding:15px 0;
display: flex;
flex-wrap: wrap;
}
.itemSubImg .image{
    width:32%;
    display:block;
    position: relative;
    padding-top: 30%;
    overflow: hidden;
    margin-right:1%;
}
.itemSubImg .image img{
    width:100%;
    position: absolute;
    top: 0%;
    left: 0%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
 #itemBox .rightBox{
width:49%;
float:left;
padding:10px;
}


 #itemBox .rightBox .exp .field_price{
font-size:2em;
font-weight:bold;
}

 #itemBox .rightBox .field{
padding:0.5em 0em;
border-bottom:1px solid #eee;
margin:0.2em 0em;
}

 input.skuquantity{
width:4em;
}

 #itemBox .rightBox .skuform{
padding:0.5em 0em;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

 #itemBox table.skuTable{
width:100%;
}

/*-------------------wcカートページ-----------------------*/
 

/*-------------------wc商品ページの調整-----------------------*/
 .assistance_item {
width: 100%;
}

 .assistance_item ul {
width: 100%;
}

 .assistance_item ul li {
margin: 0px;
width: 24%;
height: auto;
padding: 10px;
display:inline-block;
border:1px solid #eee;
vertical-align:top;
text-align:center;
font-size:80%;
}

 .assistance_item .listbox {
width:100%;
height:100%;
margin-right: 0px;
background: none;
}

 .assistance_item ul li .slit{
width: 100%;
height: 100px;
text-align:center;
overflow: hidden;
background:none;
}

 .assistance_item ul li .slit img{
max-width: 100%;
}

 .assistance_item ul li .detail{
width: 100%;
margin:0px;
padding:5px;
}
 .assist_price{
font-weight:bold;
}

 .skuTable .price{
color:#212121;
}

/*-------------------wc顧客情報入力ページ-----------------------*/
 

/*-------------------wc配送情報入力ページ-----------------------*/
 

/*-------------------wc商品一覧ページ-----------------------*/
.widget_recommend_image_posts ul,
.widget_recent_image_posts ul,
.yarpp_item_posts ul,
.itemArchivePage ul.archiveList{
width:100%;
display: flex;
flex-wrap: wrap;
}  
.widget_recommend_image_posts ul li,
.widget_recent_image_posts ul li,
.yarpp_item_posts ul li,
.itemArchivePage ul.archiveList li{
width:32%;
margin:1em 0;
padding:1em 0;
margin-right:2%;
/*border-bottom:1px dotted #212121;*/
}
.widget_recommend_image_posts ul li:nth-child(3n),
.widget_recent_image_posts ul li:nth-child(3n),
.yarpp_item_posts ul li:nth-child(3n),
.itemArchivePage ul.archiveList li:nth-child(3n){
    margin-right:0;
}

/*-------------------wc確認ページ-----------------------*/
 

/*-------------------wc完了ページ-----------------------*/
 

/*-------------------wcナビゲーション-----------------------*/
 div.usccart_navi ol.ucart {
    height: initial;
    border: 2px solid #cccccc;
    border-radius: 5px;
    /*list-style: decimal inside;*//*日本語の場合はONにする*/
    box-sizing: border-box;
/*    margin:0;
    padding:0;*/
    display: flex;
    align-items: center;
}
 div.usccart_navi ol.ucart:after {
    display: block;
    content: '';
}
 div.usccart_navi li.ucart {
    position: relative;
    width: 25%;
    height: initial;
    line-height: normal;
    padding: 10px 0 10px 0px;
    background: transparent;
    color: #cccccc;
    box-sizing: border-box;
}
 div.usccart_navi li.ucart:before {
    content:'';
    position: absolute;
    top: 50%;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    margin: -1.5em 0 0 0;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #cccccc;
    z-index: 1;
}
 div.usccart_navi li.ucart:after{
    content:'';
    position: absolute;
    top: 50%;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -2px;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #ffffff;
    z-index: 2;
}
 div.usccart_navi li.ucart:last-child:before,
 div.usccart_navi li.ucart:last-child:after {
    content: none;
}
 div.usccart_navi li.usccart_cart,
 div.usccart_navi li.usccart_customer,
 div.usccart_navi li.usccart_delivery,
 div.usccart_navi li.usccart_confirm {
background:#212121;
color:#ffffff;
}
 div.usccart_navi li.usccart_cart:after,
 div.usccart_navi li.usccart_customer:after,
 div.usccart_navi li.usccart_delivery:after,
 div.usccart_navi li.usccart_confirm:after{
    content:'';
    position: absolute;
    top: 50%;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #212121;
    z-index: 2;
}

/*-------------------wcレイアウト調整-----------------------*/
  .cartPage .column {
	width: 100%;
	display: -webkit-box;/*Safari,Chrome*/
	display: -moz-box;/*Firefox*/
	display: -ms-box;/*IE*/
	display: -o-box;/*Opera*/
}
 .cartPage .column  #contentsMain {
	width: 100%;
	-webkit-box-ordinal-group: 2;/*Safari,Chrome*/
	-moz-box-ordinal-group: 2;/*Firefox*/
	-ms-box-ordinal-group: 2;/*IE*/
	-o-box-ordinal-group: 2;/*Opera*/
}
 .cartPage .column #contentsLeft {
	display:none;
}
 .cartPage .column  #contentsRight {
	display:none;
}

/*-------------------wc商品一覧の調整-----------------------*/
/*--ボーダーカラーの変更--*/
 .itemArchivePage ul.archiveList li{
/*border-bottom:1px dotted #ccc;*/
}
  ul li .price{
color:#000000;
}
.itemname{
    display: inline-block;
    padding: 10px 0;
}
/*-------------------wcログインボックス-----------------------*/
/* loginboxのスタイル
-------------------------------------------------------------- */
 #memberBox div.loginbox {
width:50%;
padding: 2em;
border: 1px solid #dcdcdc;
background-color: #eee;
margin: 3em auto 0 auto;
}
 #memberBox input.loginmail,
 #memberBox input.loginpass {
width:100%;
padding-right: 0.5em;
padding-left: 0.5em;
line-height: 1.5;
}


/*-------------------wc入力フォームスタイル-----------------------*/

 .newmember table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}
 .newmember table .num{
	font-size: 14px;
}
 .newmember table .rightnum{
	padding-right: 5px;
	font-size: 14px;
	text-align: right;
}
 .newmember th {
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
}
 .newmember td {
	padding: 5px 10px;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	line-height: 150%;
}

 .newmember .send {
	width: auto;
	margin-right: auto;
	margin-left: auto;
    padding-top: 30px;
    padding-bottom: 30px;
	text-align: center;
}
 .newmember .customer_form input {
	width: 120px;
}
.newmember .customer_form input[type="radio"] {
	width: 1.5em;
}
 .newmember .customer_form input#zipcode {
	width: 100px;
}
 .newmember .customer_form input#mailaddress1,
 .newmember .customer_form input#mailaddress2,
 .newmember .customer_form input#address1,
 .newmember .customer_form input#address2,
 .newmember .customer_form input#address3 {
	width: 200px;
}
 .newmember .customer_form em {
	font-style: normal;
	color: #ff0000;
}

.newmember .thumbnail{
width:100px;    
}
.newmember .quantity{
width:6em;
}
.newmember .subtotal{
width:7em;
}

table.wc_member_page th{
    width:20%;
}
table.wc_member_page td{
    width:80%;
}

.require,
.error_message{
    color: #ff0000;
}



/*-------------------wc検索ボックス-----------------------*/
 ul.ucart_search_body{
padding:0.3em 0;
margin:0;
}
 ul.ucart_search_body #searchsubmit{
margin:0.2em;
}
 ul.ucart_search_body input[type="text"]{
width:14em;
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){

/*-------------------wc商品ページの調整-----------------------*/
 

/*-------------------wc商品一覧の調整-----------------------*/
.layout {
	width: 100%;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-o-box-orient:vertical;
-ms-box-orient:vertical;
}

.layout #contentsLeft,
.layout  #contentsMain,
.layout  #contentsRight {
	width: 100%;
}

table.wc_member_page th,
table.wc_member_page td{
    width:100%;
}
/*----------*/
}
/*----------*/


/* 幅644px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 644px){

/*-------------------wc商品ページ-----------------------*/
 #itemBox .leftBox,
 #itemBox .rightBox{
width:100%;
float:none;
clear:both;
}


/*-------------------wc商品ページの調整-----------------------*/
 .assistance_item ul li {
width: 100%;
display:block;
}

/*-------------------wc商品一覧ページ-----------------------*/
.itemArchivePage ul.archiveList li,
.yarpp_item_posts ul li,
.widget_recent_image_posts ul li,
.widget_recommend_image_posts ul li{
width:100%;
display:block;
text-align:center;
}

#memberBox div.loginbox{
    width:80%;
}

div.usccart_navi li.ucart {
    font-size:12px;
    padding: 10px;
}
/*----------*/
}
/*----------*/
/* 幅380px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 380px){


/*----------*/
}
/*----------*/