@charset "utf-8";

/* CSS Document */

/* =item_single.php // usces 
-------------------------------------------------------------- */

#main {}

.site-content {margin: 20px auto 15px auto !important;}

/***page item single**/
.item-header {}
.item_page_title {
    display: block;
    margin-bottom: 10px;
    padding: 4px 0.4em;
    background: #f9d6d6;
    color: #3f3f3f;
}
#itempage #img-box {
    margin-right: 10px;
    width: 40%;
    max-width: 450px;
    border-bottom: 1px solid #b2b2b2;
}
#itempage .detail-box  {display: contents; width: auto;}

#itempage .detail-box H2,
#itempage .detail-box H3,
#itempage .detail-box H4,
#itempage .detail-box H5,
#itempage .detail-box H6 {display:inline-block; clear: right; margin-bottom: 0.5em;}

/**shopping-page **/
.shopping-page .entry-header .entry-title {
    display: block;
    text-align: center;
    color: #54c8e8;
    border: 2px solid #54c8e8;
    border-radius: 2em;
}
.shopping-page {}

.shopping-page dl.dl_light {}
.shopping-page dl.dl_light dt:before {content:"□";}
.shopping-page dl.dl_light dt {font-weight: bold; margin: 0.5em 0;}
.shopping-page dl.dl_light dd {padding-left: 1em; font-size: 0.95em;}

/*****/
.category-itemgenre #itempage {}

.category-itemgenre #itempage #img-box {margin-right: 1.5rem; width: 45%}
  .category-itemgenre #itempage #img-box .itemimg {border:1px solid #ddd;}

  .category-itemgenre #itempage .itemsubimg {}
  .category-itemgenre #itempage .itemsubimg img {box-shadow: 2px 2px 2px #e5e5e5aa;}



.category-itemgenre #itempage .detail-box {display: contents; width: auto;}

  .category-itemgenre #itempage h2.item-name {display: inline-block;}
  .category-itemgenre #itempage h2.item-name:before {content:"商品名：";}
  .category-itemgenre #itempage .itemcode {font-size: 16px; text-align: right;}
  .category-itemgenre #itempage .itemcode:before {content:"商品コード：";}

  .category-itemgenre #itempage .item-description {}
  .category-itemgenre #itempage .item-description h3 {display: inline-block; font-size: 16px; color: #3795b7; border-color: #3795b7;}
  .category-itemgenre #itempage .item-description p {margin-bottom: 0.8em; font-size: 0.9em;}


#itempage .item-info {}

#itempage .item-info form {display: contents; padding-top: 0;}
#itempage .item-info .skuform {margin: 0 1em 1em; border-bottom: 2px dotted #aaa;}
#itempage .item-info .skuform .skuname {
  margin-bottom: 10px;
  padding: 0 0.5em;
	border-radius: 1em;
  background: #6b9d94;
  color: #fff;
}

.category-itemgenre #itempage .item-info .item-option {
    margin: 5px;
    padding: 4px;
	font-size: 16px;
    border-top: none;
	border-bottom: 1px dotted #aaa;
}
	.category-itemgenre #itempage .item-info .item-option dt {text-align: right;}
	.category-itemgenre #itempage .item-info .item-option dd .iopt_radio_label {display: inline-block; margin-right: 1em;}


#itempage .item-info .field {display: inline-block;}
#itempage .item-info .zaikostatus,
#itempage .item-info .field_price,
#itempage .item-info .tax_inc_block {
  float: left;
	display:inline-block;
	font-size: 16px;
}
.category-itemgenre #itempage .item-info .zaikostatus {margin-right: 18px; padding-right: 10px; border-right: 1px solid #777;}

#itempage .item-info .field_price {color: #db0000;}
#itempage .item-info .field_cprice,
.category-itemgenre #itempage .item-info .field_price em.tax,
.category-itemgenre #itempage .item-info .tax_inc_block {font-size:14px;}
 
#itempage .item-info .c-box {
  display: inline-block;
  float: right;
  margin-top: 5px;
  font-size: 18px;
}

.category-itemgenre #itempage .item-info .unit {}

#itempage .item-info .c-box .cart-button .skubutton {
    margin: 0 1em;
    padding: 8px 1em;
    border-radius: 8px;
}
s


/***************/
aside#secondary .widget {margin: 0 0 26px; padding: 0 5px;}

aside#secondary .widget input {border-radius: 5px;}
aside#secondary .widget input.#searchsubmit {}
.widget_welcart_search #searchsubmit {width:6em; font-size: 15px; line-height: auto;}
aside#secondary .widget form label {font-size: 14px;}
aside#secondary .widget form .submit,
aside#secondary .widget .loginbox a  {text-align: center;}

aside#secondary .widget_welcart_featured .featured_list{border-bottom: 1px dotted #aaa;}
  aside#secondary .widget_welcart_featured .thumimg {}
  aside#secondary .widget_welcart_featured .thumtitle {}


aside#secondary .widget .widget_title,
aside#secondary .widget_welcart_category .widgettitle,
aside#secondary .widget_nav_menu .widgettitle {
	 	margin-bottom: 8px;
    	padding: 3px 4px;
    	font-size: 0.8em;
    	text-align: center;
    	background: #54c8e8;
    	color: #fff;
    	border-radius: 2em;
	 }


#secondary .widget .ucart_widget_body {font-size: 16px;}


	
 #secondary .widget_welcart_category {}


	.widget ul.ucart_widget_body,
	.widget ul.menu {display: contents; font-size: 16px;}



	.widget_welcart_category ul.ucart_widget_body li,
	.widget ul.menu li  {
	 	  padding: 0 0 3px 3px;
    	line-height: 1.6em;
    	border-bottom: 1px dotted #777;
    }
   .widget ul.menu li.menu-item {font-size: 16px;}
   .widget_welcart_category li.cat-item {font-weight: 600;}
	 .widget_welcart_category li.cat-item ul.children li  {font-weight: normal;}
     /*.widget_welcart_category li.current-cat-parent a,*/
     .widget_welcart_category li.current-cat a {color: #ff6c00;}

	 .widget ul.ucart_widget_body li a,
	 .widget ul.menu li a,
	 .widget ul.ucart_widget_body li li a {display: block; width: 100%;}

	 .widget ul.ucart_widget_body li a:hover,
	 .widget ul.menu li a:hover {background: #fafafa; color: #ff6b00;}


.top_cats .top_cats_li {font-size: 10px;}
.top_cats .top_cats_li li {display: inline-block; margin: 5px; border: 1px solid #ddd;}
.top_cats .top_cats_li .top_cats_img {width: 120px;}

/**************/
@media screen and (max-width: 896px) {

   #container {margin-top: 8em;}
   #main {}
    .site-content {width: 100% !important;}

     #main .box_allwidth aside#secondary {padding: 25px 8px 25px;}
     #main .box_allwidth aside#secondary .columnleft,
     #main .box_allwidth aside#secondary .columncenter,
     #main .box_allwidth aside#secondary .columnright {margin:1% !important; width: 47.5% !important;}

  .shopop_sidebar,  .shopop_sidebar .widget-area  {display: none !important;}
    #main aside#secondary {width: 100%; padding: 25px 8px 25px;}


  
}

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

    #main {}

     #main .box_allwidth aside#secondary .columnleft,
     #main .box_allwidth aside#secondary .columncenter,
     #main .box_allwidth aside#secondary .columnright {margin:1% !important; width: 97.5% !important;}


     aside#secondary .widget_welcart_featured .featured_list {width: 100%;}


  
}