@charset "utf-8";

/* CSS Document */

/* ==========================================================================

	Date: 2017-05-17
	update: 2017-00-00
	CSS Document: PRONET(プロネット) STYLE D'ART / 友安製作所

 ========================================================================== */

/* カート横テーブル */	
	
table.cart_table {
 width: 100%;
 border-collapse: collapse;
 border-style: hidden;
 border: #cfcfcf solid 1px;
 font-size: .8125em;
 margin: 5em 0 3em
}
table.cart_table tbody th {
 background: #f3efee;
 padding: 10px 15px;
 vertical-align: top;
 white-space: nowrap;
 border-right: #cfcfcf solid 1px;
 border-top: #cfcfcf solid 1px;
}
table.cart_table tbody td {
 background: #FFF;
 padding: 10px 15px;
 vertical-align: top;
 border: #cfcfcf solid 1px;
}

table.cart_table ul.base {
 list-style-type: disc;
 margin: 0;
}
table.cart_table ul.base li {
 width: auto;
 float: none;
 margin: 0 0 4px 16px;
 padding: 0;
 border: none;
 text-align: left;
 letter-spacing: normal;
}

/* 在庫なし・販売終了 */
.stock0 { 
	color: #e73f3f;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	background-color: #f8ecec;
	border: 1px solid #e73f3f;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 5%;
	padding: 2%;
  }

  .tankatxt {
    font-size: 1.15em;
    margin-bottom: 1em;
  }

/* 商品ページ - PC
---------------------------------------------------------------------------*/


.item .page_ttl {
	width: 100%;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	margin: 60px 0 20px;
	padding-bottom: 8px;
	padding-left: 5px;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

.item section h2 {
	border-bottom: none;
	margin: 0;
}
.item section h3 { text-align:center;
	border-bottom: none;
	padding-left: 0;
	margin: 0;
}
.item h4 {
	letter-spacing: 2px;
    font-size: 150%;
	color: #453c36;
    font-family: 'Rubik', sans-serif;
	text-align: center;
	line-height: normal;
	font-weight: normal;
}

.item .ba {
    border: 1px solid #b6b6b6;
}
.item .curtain_common img{ width:100% ;
}
.item .item_common img{ width:100% ;
}

.item .cartbox h3 {
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    padding-bottom: 8px;
    padding-left: 5px;
	text-align:left;
	margin: 25px 0;
}
.item .title_circle h4 {
	font-family: inherit;
    font-style: inherit;
}

h2.itempage_h2 {
    margin-bottom: 2%;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ccc !important;
    text-align: center;
    letter-spacing: 2px;
    font-size: 1.6rem;
    font-family: sans-serif;
}

h2.itempage_h2 span {
display: block;
    color: #aaa;
    font-size: .9rem;
    margin-bottom: 6px;
    font-weight: 600;
}

@media (min-width: 751px) {
/* main　商品ページスライダー */
	
.flickity-enabled {
 position: relative;
}
.flickity-enabled:focus {
 outline: none;
}
.flickity-viewport {
 overflow: hidden;
 position: relative;
 height: 100%;
}
.flickity-slider {
 position: absolute;
 width: 100%;
 left: 0px;
}
/* draggable */

.flickity-enabled.is-draggable {
 -webkit-tap-highlight-color: transparent;
 tap-highlight-color: transparent;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
 cursor: move;
 cursor: -webkit-grab;
 cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
 cursor: -webkit-grabbing;
 cursor: grabbing;
}
/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
 position: absolute;
 bottom: 0;
 width: 25px;
 height: 25px;
 border: none;
 border-radius: 3px;
 background-color: #1e1e1e;
 cursor: pointer;
 /* vertically center */
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
.flickity-prev-next-button:active {
 opacity: 0.6;
}
.flickity-prev-next-button.previous {
 left: 10px;
 background-image: url(//www.styledartpro.com/img/net/common/btn_slick_prev.png) !important;
 background-size: 100%;
 background-repeat: no-repeat;
}
.flickity-prev-next-button.next {
 right: 10px;
 background-image: url(//www.styledartpro.com/img/net/common/btn_slick_next.png);
 background-size: 100%;
 background-repeat: no-repeat;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
 left: auto;
 right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
 right: auto;
 left: 10px;
}
.flickity-prev-next-button:disabled {
 opacity: 0.3;
 cursor: auto;
}
.flickity-prev-next-button svg {
 display: none;
}
.flickity-prev-next-button .arrow {
 fill: white;
}
/* ---- page dots ---- */

.flickity-page-dots {
 display: none;
}
.carousel {
 margin-bottom: 20px;
}
.carousel-cell {
 width: 700px;
 height: 700px;
 margin-right: 10px;
 border-radius: 3px;
 counter-increment: carousel-cell;
}
.cartbox .carousel-cell {
 width: 100%;
 height: auto;
 margin-right: 10px;
 border-radius: 3px;
 counter-increment: carousel-cell;
}
.carousel-main .carousel-cell,.carousel-main2 .carousel-cell {
width: 100%;
height: 34vh;
}
/* cell number */

.carousel-nav,.carousel-nav2 {
 transform: translateX(0) !important;
}
.carousel-nav .carousel-cell,.carousel-nav2 .carousel-cell {
 height: 100px;
 width: 100px;
}
.carousel-nav button,.carousel-nav2 button {
 display: none;
}
.carousel-nav .carousel-cell.is-nav-selected,.carousel-nav2 .carousel-cell.is-nav-selected {
 border: 3px solid #f6d63a;
}
.cartbox .carousel-nav,.cartbox .carousel-nav2 {
 transform: translateX(0) !important;
}
.cartbox .carousel-nav .carousel-cell,.cartbox .carousel-nav2 .carousel-cell {
 height: 50px;
 width: 50px;
}
.contents .item_catch {
 font-size: 18px;
 margin: 6% 0 1%;
}
/* main ライト 価格表 */
.p_table {
 border: 1px solid #e6e6e6;
 border-radius: 3px;
 box-sizing: border-box;
}
.p_table .bg_rgray {
 background-color: #e6e6e6;
}
.p_table .csTbl {
 border-collapse: collapse;
 font-size: 12px;
}
.csTbl th, .csTbl td {
 border: 1px solid #e6e6e6;
 padding: 10px;
 text-align: center;
}
.p_table table th {
 background: #f7f6f4;
 color: #1e1e1e;
}
.p_table #header {
 float: left;
}
.p_table #data {
 overflow-x: scroll;
}
/* main ライト 価格表 */
.p_table {
 border: 1px solid #e6e6e6;
 border-radius: 3px;
 box-sizing: border-box;
}
.p_table .bg_rgray {
 background-color: #e6e6e6;
}
.p_table .csTbl {
 border-collapse: collapse;
 font-size: 12px;
}
.csTbl th, .csTbl td {
 border: 1px solid #e6e6e6;
 padding: 10px;
 text-align: center;
}
.p_table table th {
 background: #f7f6f4;
 color: #1e1e1e;
}
.p_table #header {
 float: left;
}
.p_table #data {
 overflow-x: scroll;
}
/* main ライト　商品ページカート */	
	
div.itemswap {
  height: auto;
  position: relative;
  width: 100%;
}
div.itemswap p {
 padding-top: 100% 0 0 0;
 margin: 0 0 2.238% 0;
 border: solid 3px #ddd;
 display: block;
}
div.itemswap ul {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
 list-style: none;
}
div.itemswap li {
 float: left;
 background: #fff;
}
.ordertit {
 padding: 1em;
 background: #4e4132;
 color: #fff;
 border-radius: 3px;
 text-align: center;
 font-size: 1.125em;
}
.cartbox {
 width: 100%;
}
.cartbox select {/* Firefox */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.cartbox select::-ms-expand {/* ie */
  display: none;
}
.cartbox .img {
 width: 44.44%;
 float: left;
 margin-right: 4.44%;
}
.cartbox .txt {
 width: 51%;
 float: right;
}
.cartbox .tit {
 padding: 2%;
 background: #a6a098;
 color: #fff;
 margin-bottom: 5%;
 border-radius: 3px;
}
.cartbox .txt ul {
 margin-bottom: 3%;
 padding: 0;
 list-style: none;
 overflow: hidden;
 margin: 0 0 10px;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
	

.cartbox .txt li {
 width: 20.5%;
 float: left;
 margin: 0 0 15px 3.79%;
 padding: 6px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: 1px solid #e6e6e6;
 text-align: center;
 font-size: .9em;
 letter-spacing: normal;
 background-color: #fff;
}
/* ショッピングカート 全幅用 */
.cartbox .txtall {
 width: 100%;
}
.cartbox .txtall ul {
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
.cartbox .txtall li {
 width: 11.75%;
 float: left;
 padding: 2%;
 margin-bottom: 3.79%;
 margin-left: 3.2%;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border: solid 1px #ccc;
 text-align: center;
 font-size: 85%;
}
.cartbox .txt li img {
 margin-bottom: 4px;
}
.cartbox select {/* Firefox */
 -moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: '';
}
.cartbox select::-ms-expand {/* ie */
 display: none;
}
.day01 {
 background: #C00;
 padding: 3%;
 margin-bottom: 0;
 color: #fff;
}
.day99 {
 background: #0072A8;
 padding: 3%;
 margin-bottom: 0;
 color: #fff;
}
.day00 {
 background: #666;
 padding: 3%;
 margin-bottom: 0;
 color: #fff;
}
/*カート　巾丈*/
.Size {
 border: inherit;
 color: #000;
 font-weight: bold;
}
.Pri {
 border: inherit;
 color: #e73f3f;
 font-size: 20px;
}
input.Prib { width:70%; border:none; background:#fff; color:#e73f3f; font-size:1.5em; margin-left:3%; }
/* フォーム　セレクト */
	
.wwhh {
 margin: 3.79%;
}
.dropdown, .numberdown {
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
 text-indent: 1em;
 background: url(https://www.a-yuka.live/img/net/common/arw_select_down.png) no-repeat;
 background-size: 30px 25px;
 background-position: right center;
 height: 40px;
 line-height: 40px;
 font-size: 15px;
 vertical-align: middle;
 border: 1px solid #e6e6e6;
 margin-bottom: 5px;
 padding-left: 10px;
}
.dropdown {
 background-color: #f7f6f4;
 width: 35%;
}
.numberdown {
 background-color: #ffffff;
 width: 27%;
}
.numberin {
 border: 0;
 padding: 10px;
 font-size: 1.3em;
 font-family: Arial, sans-serif;
 border: solid 1px #ccc;
 margin: 0 0 20px;
 width: 7%;
}
input.op_price { border:none; background:#f8f7f5;}
.unumberdown {
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
	border-color:#f8f7f5 ;
 vertical-align: middle;
 border: none;
	font-size: 14px;
	padding-bottom: 4px;
}
	
/* カートボタン */
.zaiko_none { /* 在庫なし */
 color: #fff;
 background-color: #990000;
 text-align: center;
 padding: 3% 0;
 margin: 5% auto;
}
.btnView {
 width: 100%;
 background: #37424d; /* Old browsers */
  -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 text-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 0px 1px 3px #e6e6e6;
 -moz-box-shadow: 0px 1px 3px #e6e6e6;
 box-shadow: 0px 1px 3px #e6e6e6;
 font-family: Arial;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 padding: 14px 20px;
	border: solid #37424d 1px;
 text-decoration: none;
}
.btnView:hover {
 position: relative;
 top: 1px;
 background: #4e5f70;
 text-decoration: none;
}
.btnView a {
 display: block;
 padding: 8px;
 color: #fff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 text-shadow: -1px -1px 0 rgba(0,0,0,.6);
 white-space: nowrap;
}
/* 見積ボタン */
.btnViewM {
 width: 100%;
 background: #1b92d0;
 -moz-box-shadow: inset 0px 1px 0px 0px #6cabcf;
 -webkit-box-shadow: inset 0px 1px 0px 0px #6cabcf;
 box-shadow: inset 0px 1px 0px 0px #6cabcf;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1b92d0), color-stop(1, #158fbc));
 background: -moz-linear-gradient(top, #1b92d0 5%, #158fbc 100%);
 background: -webkit-linear-gradient(top, #1b92d0 5%, #158fbc 100%);
 background: -o-linear-gradient(top, #1b92d0 5%, #158fbc 100%);
 background: -ms-linear-gradient(top, #1b92d0 5%, #158fbc 100%);
 background: linear-gradient(to bottom, #1b92d0 5%, #158fbc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b92d0', endColorstr='#158fbc', GradientType=0);
 background-color: #1b92d0;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border: 1px solid #116194;
 display: inline-block;
 cursor: pointer;
 color: #ffffff;
 font-family: arial;
 font-weight: bold;
 font-size: 13px;
 padding: 4% 6%;
 text-decoration: none;
 text-shadow: -1px -1px 0 rgba(0,0,0,.6);
}
.btnViewM:hover {
 position: relative;
 top: 3px;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #158fbc), color-stop(1, #1b92d0));
 background: -moz-linear-gradient(top, #158fbc 5%, #1b92d0 100%);
 background: -webkit-linear-gradient(top, #158fbc 5%, #1b92d0 100%);
 background: -o-linear-gradient(top, #158fbc 5%, #1b92d0 100%);
 background: -ms-linear-gradient(top, #158fbc 5%, #1b92d0 100%);
 background: linear-gradient(to bottom, #158fbc 5%, #1b92d0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#158fbc', endColorstr='#1b92d0', GradientType=0);
 background-color: #158fbc;
}
.btnView a {
 display: block;
 padding: 8px;
 color: #fff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 text-shadow: -1px -1px 0 rgba(0,0,0,.6);
 white-space: nowrap;
}
	
/* タブ カーテン*/
.cartbox h3 { margin: 25px 0; }
	
.item_menu_nav .item_menu {
 position: relative;
 font-size: 12px;
	display: inline-block;
	border-radius: 3px;
	margin-bottom: 1.5%;
}
.item_menu_nav .item_menu a {
	display: block;
	padding: 1em;
	width: 120px;
	}	
.item_menu_nav .item_menu a:link, .item_menu_nav .item_menu a:visited {
	background: #f1efee;
    color: #333333;
    border: 1px solid #f1efee;
    text-decoration: none;
    text-align: center;
}
.item_menu_nav .item_menu a:hover {
    background: #a6a098;
    color: #ffffff;
    border: 1px solid #a6a098;
    text-decoration: none;

}
.item_menu_nav .item_menu a:active, .item_menu_nav .item_menu-current a:link, .item_menu_nav .item_menu-current a:visited {
    background: #473f37;
    color: #ffffff;
    border: 1px solid #473f37;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
.item_menu_nav .item_menu a span {
    position: absolute;
    width: 5px;
    height: 5px;
    top: 35px;
}
.item_menu_nav .item_menu a:link span.tail-left, .item_menu_nav .item_menu a:visited span.tail-left, .item_menu_nav .item_menu a:link span.tail-right, .item_menu_nav .item_menu a:visited span.tail-right {
    display: none;
}
.item_menu_nav .item_menu a:hover span.tail-left {
    border-right: 6px solid #a6a098;
    border-bottom: 6px solid transparent;
	top:100%;
    right: 50%;
    display: block;
}
.item_menu_nav .item_menu a:hover span.tail-right {
    border-left: 6px solid #a6a098;
    border-bottom: 6px solid transparent;
	top:100%;
    left: 50%;
    display: block;
}
.item_menu_nav .item_menu a:active span.tail-left, .item_menu_nav .item_menu-current a:link span.tail-left, .item_menu_nav .item_menu-current a:visited span.tail-left {
    border-right: 6px solid #473f37;
    border-bottom: 6px solid transparent;
	top: 100%;
    right: 50%;
    display: block;
}
.item_menu_nav .item_menu a:active span.tail-right, .item_menu_nav .item_menu-current a:link span.tail-right, .item_menu_nav .item_menu-current a:visited span.tail-right {
    border-left: 6px solid #473f37;
    border-bottom: 6px solid transparent;
	top: 100%;
    left: 50%;
    display: block;
}
	
.related_item li.box11 { margin-bottom: 1.25em; }

/*商品ページ　画像ボックス*/
.itempage_imgbox {
 width: 100%;
}
.itempage_imgbox h2 {
 font-size: 24px;
 letter-spacing: 0;
 text-align: left;
 margin-bottom: 15px;
}
.itempage_imgbox .item_bx_l {
 float: left;
 width: 50%;
 padding: 0 1.5%;
}
.itempage_imgbox .item_bx_r {
 float: right;
 width: 50%;
 padding: 0 1.5%;
}
.itempage_imgbox .item_link li {
 width: 100%;
 padding: 1%;
 background-color: #f7f6f4;
 margin-top: 8px;
 font-size: 12px;
 line-height: 1.5;
}
.itempage_imgbox .item_link li:nth-child(even) {
 background-color: #FAF9F8;
}
.itempage_imgbox .item_link li:hover {
 background-color: #fff;
}
	
/* 照明　テンプレート　dcl */
.dcl_wrap { margin-bottom: 15%; }
	
.dcl_wrap h2, .dcl_wrap h3 { color: #1a2933; }

.dcl_wrap h2{
	position: relative;
	padding: 0 15px 15px;
	border-top: solid 2px #1a2933;
	border-bottom: solid 2px #1a2933;
	width: 55%;
	margin: 10% auto 3%;
	background-color: #f3efee;
	font-family: 'Formal';
	font-size: 400%;
	font-weight: normal;
	letter-spacing: normal;
}
.dcl_wrap h2:before, .dcl_wrap h2:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: #1a2933;
}
.dcl_wrap h2:before {left: 10px;}
.dcl_wrap h2:after {right: 10px;}
	
.dcl_wrap h2 span {
	display: block;
	margin: -25px 0 0;
	}
	
.dcl_wrap h3 {
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	letter-spacing: 1.5px;
	margin: 4% 0 2%;
	border-bottom: none;
	}
	
.dcl_wrap .txt_wrap {
	background-color: #f3efee;
	padding: 3%;
	}
	
.dcl_wrap .txt_wrap p { line-height: 2; }
	
.dcl_wrap hr {
	border:none;
	border-top:dashed 1px #1a2933;
	height:1px;
	color: #1a2933;
	margin: 5% 0 6%;
	}
	
.dcl_wrap table { width: 100%; }
	
.dcl_wrap table , td, th {
	border-collapse: collapse;
	border-radius: 3px;
}
.dcl_wrap td, th {
	padding: 3px;
	width: 30px;
	height: 25px;
}
.dcl_wrap th {
	background: #f0e6cc;
}
.dcl_wrap .even {
	background: #fbf8f0;
}
.dcl_wrap .odd {
	background: #fefcf9;
}
	
/* ポイントボックス */
.point_box {
    margin-bottom: 3%;
    padding: 2.5%;
    border-radius: 3px;
}
.point_box li {
    margin-bottom: 3.5%;
    padding-bottom: 3.5%;
    border-bottom: 1px dotted #e5e5e5;
}
.point_box li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.point_box img {
    width: 50%;
    float: left;
    margin-right: 2%;
}
.point_box .ptxt {
    margin-left: 1.5%;
    line-height: 105%;
    width: 46%;
    float: left;
}
.point_box .point_ttl {
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 3%;
    color: #5f4c43;
    border-bottom: 1px dotted;
}

.point_box span {
    display: block;
    color: #7e7571;
    font-size: 11.5px;
    font-weight: bold;
}
	
.detail_ttl { /* コンテンツの見出し */
    padding: 0em 0.5em;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 2%;
    background: transparent;
    border-left: solid 5px #e8e5de;
}

    
	
/* コーディネート使用アイテム */
.code_list .col4_list { padding-bottom: 3em;}
	
.code_list .col4_list li {
	width: 24%;
	padding: .5em;
	margin: 0 .6em 1em 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.code_list .col4_list li:nth-child(4n) { margin-right: 0; }

.code_list .col4_list li img { margin-bottom: 5px; }
.code_list .col4_list li p { font-size: 12px; font-weight: normal;}
	
/* コーディネート使用アイテム */

.item_list .col4_list li {
	width: 23.8%;
	padding: .5em;
	margin: 0 .6em 1em 0;
	border: solid 1px #e5e5e5;
}	
span.tag {
 padding: 0 0.5em;
 font-size: 11px;
 color: #fff;
 background: #86b0c6;
 border-radius: 2px;
 letter-spacing: normal;
 display: inline-block;
 margin: .5em .4em 0 0;
}
.item_list .col4_list img { margin-bottom: .625em;}
.item_list .col4_list p.num { font-size: 12px;}
.item_list .col4_list p.name { font-size: 13px; font-weight: bold;}
.item_list .col4_list p.clear { font-size: 13px;}
.item_list .col4_list p.com { font-size: 11px; margin:.6em 0; color: #666;}
.item_list .col4_list p.price { font-size: 13px; color: #e25a5a; text-align: right; margin-bottom:.3125em; }
}

/* カテゴリページ
---------------------------------------------------------------------------*/
/*--- ランキング ---*/
.cate_rank { counter-reset: ranking 0; }
.cate_rank li.c_rank_li { position: relative; }
.cate_rank li.c_rank_li:before {
    counter-increment: ranking;
    content: counter(ranking);
    display: block;
    color: #ffffff;
    background-color: #181716;
    border-radius: 50px;
    width: 22px;
    height: 22px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    z-index: 5;
    top: 5px;
    left: 5px;
    padding: 7px;
}
    
.cate_rank li.rank01:before { background-color: #cfb143; }
.cate_rank li.rank02:before { background-color: #818181; }
.cate_rank li.rank03:before { background-color: #9a733c; }

/*--- 4カラムピックアップアイテム ---*/
main .pickitem li { width: 22.9%; }

/*--- カテゴリページ　リスト部分 ---*/
.list_link li a { display: block; }
.list_link li.arrow{
  cursor: pointer;
  position: relative;
 padding: 1em 1em 2em;
    margin-bottom: 1em;
}
    
.list_link li::after {
  position: absolute;
    font-size: 14px;
    content: "\f0d7";
    font-family: FontAwesome;
    color: #453C36;
    top:35%;
  right: 1em;
  left: auto;
  bottom: auto;
    font-weight: bold;
    } 
    
.list_link li.arrow:hover {
    background-color: #f1eee8;
}
    
.cate_sttl {
    font-size: 20px;
    margin-bottom: 1em;
    padding-bottom: .3em;
    background: transparent;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.sttl_obi {
    text-align: center;
    background-color: #f1eee8;
    margin-bottom: 1.2em;
    padding: .5em;
    }



/*--- カテゴリページ　おすすめカーテン　サークル付見出し ---*/

.right_contents h3.circle_ttl {
	text-align:left;
	color: #5f4c43;
	position:relative;
	padding-left:28px;
	padding-bottom:1.5%;
    margin-top: 3%;
	margin-bottom:2%;
	font-weight: bold;
	line-height: 1.6;
    font-size: 20px;
    border-bottom: 1px solid #e5e5e5;
    }
     
.right_contents h3.circle_ttl:before{
    	content:''; 
    	border-radius:30px;
    	-webkit-border-radius:30px;
    	-moz-border-radius:30px; 
    	height:12px; 
    	width:12px; 
    	display:block; 
    	position:absolute; 
    	top:14px; 
    	left:7px; 
    	background-color:#725f56;
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    	filter:alpha(opacity=50);
    	-moz-opacity:0.50;
    	-khtml-opacity: 0.50;
    	opacity:0.50;
    	z-index: 1;
}
     
.right_contents h3.circle_ttl:after{
    	content:''; 
    	border-radius:30px;
    	-webkit-border-radius:30px;
    	-moz-border-radius:30px; 
    	height:15px; 
    	width:15px; 
    	display:block; 
    	position:absolute; 
    	top:7px; 
    	left:2px; 
    	background-color:#e8e5de;
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
    }

.point_box2 li {
    border-bottom: 1px dotted #e5e5e5;
    margin-bottom: 3.5%;
    padding-bottom: 3.5%;
}
    .point_box2 li:last-child {border-bottom: none;}
.point_box2 li li {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0.5%;
}
.point_box2 .photo { float:left;
	padding-right:2% ;
	width: 50% ;
}
.point_box2 .text { float:right;
	padding-left:2% ;
	width: 50% ;
}

.right_contents .link li {
    padding: 0;
	margin: 3% 0 ;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
    
.right_contents .link i {
	color:#89a88d;
    float: left;
    position: relative;
    top:12px;
    padding-left: 8px;
    padding-right: 3px;
}
    
.right_contents .link li:hover {
    background-color: #f1eee8;
}
.right_contents .link a {
    text-decoration: none;
	font-weight:100;
	display:block;
    padding: 2%;
}
    
.right_contents .link a:hover {
    text-decoration: underline;
    }

span.sale {
padding: 0 0.5em;
font-size: 11px;
color: #fff;
background: #db4e86;
border-radius: 2px;
letter-spacing: normal;
display: inline-block;
margin: .2em .4em .2em 0;
}

@media only screen and (max-width:481px) {
.item_menu_nav .item_menu {
    display: none;
}
}

/* main メイン - タブレット
---------------------------------------------------------------------------*/
@media only screen and (min-width: 751px) and (max-width: 1030px){

/* コーディネート使用アイテム */
	
.item_list .col4_list li {
	width: 32%;
	padding: .5em;
	margin: 0 .6em 1em 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
	.item_list .col4_list li:nth-child(4n) { margin-right: .6em; }
	.item_list .col4_list li:nth-child(3n) { margin-right: 0; }
		
}


/* main メイン - SP
---------------------------------------------------------------------------*/
@media (max-width: 767px) {
/* main　商品ページスライダー */
	
.flickity-enabled {
 position: relative;
}
.flickity-enabled:focus {
 outline: none;
}
.flickity-viewport {
 overflow: hidden;
 position: relative;
 height: 100%;
}
.flickity-slider {
 position: absolute;
 width: 100%;
 height: 100%;
}
/* draggable */

.flickity-enabled.is-draggable {
 -webkit-tap-highlight-color: transparent;
 tap-highlight-color: transparent;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
 cursor: move;
 cursor: -webkit-grab;
 cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
 cursor: -webkit-grabbing;
 cursor: grabbing;
}
/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
 position: absolute;
 bottom: 0;
 width: 25px;
 height: 25px;
 border: none;
 border-radius: 3px;
 background-color: #1e1e1e;
 cursor: pointer;
 /* vertically center */
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
 background: #464646;
}
.flickity-prev-next-button:active {
 opacity: 0.6;
}
.flickity-prev-next-button.previous {
 left: 10px;
 background-image: url(//www.styledartpro.com/img/net/common/btn_slick_prev.png) !important;
 background-size: 100%;
 background-repeat: no-repeat;
}
.flickity-prev-next-button.next {
 right: 10px;
 background-image: url(//www.styledartpro.com/img/net/common/btn_slick_next.png);
 background-size: 100%;
 background-repeat: no-repeat;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
 left: auto;
 right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
 right: auto;
 left: 10px;
}
.flickity-prev-next-button:disabled {
 opacity: 0.3;
 cursor: auto;
}
.flickity-prev-next-button svg {
 display: none;
}
.flickity-prev-next-button .arrow {
 fill: #333;
}
/* ---- page dots ---- */

.flickity-page-dots {
 display: none;
}
.carousel {
 background: #FFF;
 margin-bottom: 20px;
}
.carousel .carousel-main,.carousel .carousel-main2 {
width: 100%;
height: 55.5vh;
}	
	
.carousel-cell {
 width: 100%;
 margin-right: 10px;
 border-radius: 3px;
 counter-increment: carousel-cell;
}

.carousel-main .carousel-cell,.carousel-main2 .carousel-cell {
width: 100%;
height: 55.5vh;
}
/* cell number */

.carousel-nav .carousel-cell,.carousel-nav2 .carousel-cell {
 height: 45px;
 width: 45px;
}
.carousel-nav button,.carousel-nav2 button {
 display: none;
}
.carousel-nav .carousel-cell.is-nav-selected,.carousel-nav2 .carousel-cell.is-nav-selected {
 border: 3px solid #f6d63a;
}
.contents .item_catch {
 font-size: 15px;
 margin: 6% 0 1%;
}
/* 商品ページ - PC
---------------------------------------------------------------------------*/
    
.item .page_ttl {
	width: 100%;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	margin: 10px 0;
	padding-bottom: 8px;
	padding-left: 5px;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
    letter-spacing: normal;
}
	
/* main ライト 価格表 */
.p_table {
 border: 1px solid #e6e6e6;
 border-radius: 3px;
 box-sizing: border-box;
}
.p_table .bg_rgray {
 background-color: #e6e6e6;
}
.p_table .csTbl {
 border-collapse: collapse;
 font-size: 12px;
}
.csTbl th, .csTbl td {
 border: 1px solid #e6e6e6;
 padding: 8px;
 text-align: center;
}
.p_table table th {
 background: #f7f6f4;
 color: #1e1e1e;
}
.p_table #header {
 float: left;
}
.p_table #data {
 overflow-x: scroll;
}
/* main ライト　商品ページカート */	
	
div.itemswap {
 overflow: hidden;
 width: 100%;
}
div.itemswap p {
 padding: 0;
 margin: 0 0 2.238% 0;
 border: solid 3px #ddd;
 display: block;
}
div.itemswap ul {
 display: inline;
 margin: 0;
 padding: 0;
 list-style: none;
}
div.itemswap li {
 float: left;
 background: #fff;
}
.ordertit {
 padding: 1em;
 background: #4e4132;
 color: #fff;
 margin: 3% 0;
 border-radius: 3px;
 text-align: center;
 font-size: 1em;
}
.cartbox {
 width: 100%;
}
.cartbox .tab_info {
 width: 100%;
 margin: 10% auto 0;
}
.cartbox h3 {
 margin-top: 0;
}
.cartbox .txt {
 width: 100%;
 margin: 0 auto;
}
.cartbox .tit {
 padding: 2%;
 background: #a6a098;
 color: #fff;
 margin-bottom: 5%;
 border-radius: 3px;
}
.cartbox .txt ul {
 margin-bottom: 3%;
 padding: 0;
 list-style: none;
 overflow: hidden;
 margin: 0 0 10px;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-box;
 display: -webkit-flexbox;
 display: -moz-flexbox;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: flex;
 -webkit-box-lines: multiple;
 -moz-box-lines: multiple;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.cartbox .txt li {
 width: 29%;
 float: left;
 margin: 0 0 8px 10px;
 padding: 3px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: 1px solid #e6e6e6;
 text-align: center;
 font-size: 89%;
 background-color: #fff;
}
/* ショッピングカート 全幅用 */
.cartbox .txtall {
 width: 100%;
}
.cartbox .txtall ul {
 margin: 0;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
.cartbox .txtall li {
 width: 11.75%;
 float: left;
 padding: 3px;
 margin-bottom: 8px;
 margin-left: 3.2%;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: solid 1px #ccc;
 text-align: center;
 font-size: 89%;
}
.cartbox .txt li img {
 margin-bottom: 4%;
}
.cartbox select {/* Firefox */
 -moz-appearance: none;
 text-indent: 0.01px;
 text-overflow: '';
}
.cartbox select::-ms-expand {/* ie */
 display: none;
}
.day01 {
 background: #C00;
 padding: 3%;
 margin-bottom: 0;
 color: #fff;
}
.day99 {
 background: #0072A8;
 padding: 3%;
 margin-bottom: 0;
 color: #fff;
}
.day00 {
 background: #666;
 padding: 3%;
 margin-bottom: 0;
 color: #fff;
}
/*カート　巾丈*/
.Size {
 border: inherit;
 color: #000;
 font-weight: bold;
}
.Pri {
 border: inherit;
 color: #e73f3f;
 font-size: 20px;
}
input.Prib { width:80%; border:none; background:#fff; color:#e73f3f; font-size:1.25em; margin-left:3%; }
/* フォーム　セレクト */
	
.wwhh {
 margin: 3.79%;
}
.dropdown, .numberdown {
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
 text-indent: 1em;
 background: url(https://www.a-yuka.live/img/net/common/arw_select_down.png) no-repeat;
 background-size: 30px 25px;
 background-position: right center;
 height: 40px;
 line-height: 40px;
 font-size: 15px;
 vertical-align: middle;
 border: 1px solid #e6e6e6;
 margin-bottom: 5px;
 padding-left: 10px;
}
.dropdown {
 background-color: #f7f6f4;
 width: 35%;
}
.numberdown {
 background-color: #ffffff;
 width: 27%;
}
input.op_price { border:none; background:#f8f7f5;}
.unumberdown {
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
	border-color:#f8f7f5 ;
 vertical-align: middle;
 border: none;
	font-size: 14px;
	padding-bottom: 4px;
}
.numberin {
 border: 0;
 padding: 10px;
 font-size: 1.3em;
 font-family: Arial, sans-serif;
 border: solid 1px #ccc;
 margin: 0 0 20px;
 width: 7%;
}
/* カートボタン */
	
.zaiko_none { /* 在庫なし */
 color: #fff;
 background-color: #990000;
 text-align: center;
 padding: 3% 0;
 margin: 5% auto;
}
.btnView {
 width: 100%;
 background: #37424d; /* Old browsers */
 background: -moz-linear-gradient(top, #37424d 0%, #37424d 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #37424d 0%, #37424d 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #37424d 0%, #37424d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37424d', endColorstr='#37424d', GradientType=0 ); /* IE6-9 */
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 text-shadow: 1px 1px 3px #e6e6e6;
 -webkit-box-shadow: 0px 1px 3px #e6e6e6;
 -moz-box-shadow: 0px 1px 3px #e6e6e6;
 box-shadow: 0px 1px 3px #e6e6e6;
 font-family: Arial;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 padding: 14px 20px;
 border: solid #37424d 1px;
 text-decoration: none;
}

.btnView:hover {
 width: 100%;
 background: #4e5f70; /* Old browsers */
 background: -moz-linear-gradient(top, #4e5f70 0%, #4e5f70 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #4e5f70 0%, #4e5f70 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #4e5f70 0%, #4e5f70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5f70', endColorstr='#4e5f70', GradientType=0 ); /* IE6-9 */
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 text-shadow: 1px 1px 3px #e6e6e6;
 -webkit-box-shadow: 0px 1px 3px #e6e6e6;
 -moz-box-shadow: 0px 1px 3px #e6e6e6;
 box-shadow: 0px 1px 3px #e6e6e6;
 font-family: Arial;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 padding: 14px 20px;
 border: solid #37424d 1px;
 text-decoration: none;
}
.btnView a {
 display: block;
 padding: 8px;
 color: #fff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 text-shadow: -1px -1px 0 rgba(0,0,0,.6);
 white-space: nowrap;
}
/* 見積ボタン */
.btnViewM {
 width: 100%;
 background: #1b92d0;
 -moz-box-shadow: inset 0px 1px 0px 0px #6cabcf;
 -webkit-box-shadow: inset 0px 1px 0px 0px #6cabcf;
 box-shadow: inset 0px 1px 0px 0px #6cabcf;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1b92d0), color-stop(1, #158fbc));
 background: -moz-linear-gradient(top, #1b92d0 5%, #158fbc 100%);
 background: -webkit-linear-gradient(top, #1b92d0 5%, #158fbc 100%);
 background: -o-linear-gradient(top, #1b92d0 5%, #158fbc 100%);
 background: -ms-linear-gradient(top, #1b92d0 5%, #158fbc 100%);
 background: linear-gradient(to bottom, #1b92d0 5%, #158fbc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b92d0', endColorstr='#158fbc', GradientType=0);
 background-color: #1b92d0;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border: 1px solid #116194;
 display: inline-block;
 cursor: pointer;
 color: #ffffff;
 font-family: arial;
 font-weight: bold;
 font-size: 13px;
 padding: 4% 6%;
 text-decoration: none;
 text-shadow: -1px -1px 0 rgba(0,0,0,.6);
}
.btnViewM:hover {
 position: relative;
 top: 3px;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #158fbc), color-stop(1, #1b92d0));
 background: -moz-linear-gradient(top, #158fbc 5%, #1b92d0 100%);
 background: -webkit-linear-gradient(top, #158fbc 5%, #1b92d0 100%);
 background: -o-linear-gradient(top, #158fbc 5%, #1b92d0 100%);
 background: -ms-linear-gradient(top, #158fbc 5%, #1b92d0 100%);
 background: linear-gradient(to bottom, #158fbc 5%, #1b92d0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#158fbc', endColorstr='#1b92d0', GradientType=0);
 background-color: #158fbc;
}
.btnView a {
 display: block;
 padding: 8px;
 color: #fff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 text-shadow: -1px -1px 0 rgba(0,0,0,.6);
 white-space: nowrap;
}
/*  カート横　タブ */
	
.tab_info .tab {
 overflow: hidden;
}
.tab_info li {
 background: #fff;
 margin-right: 1%;
 padding: 5px 25px;
 float: left;
 border: 1px solid #e6e6e6;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 -webkit-border-top-left-radius: 3px;
 -webkit-border-top-right-radius: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
}
.tab_info .tab li.select {
 background: #f7f6f4;
}
.tab_info .content li {
 padding: 4%;
 margin-top: -1px;
 border: 1px solid #e6e6e6;
 border-top-right-radius: 3px;
 -webkit-border-top-right-radius: 3px;
 -moz-border-radius-topright: 3px;
 border-bottom-left-radius: 3px;
 border-bottom-right-radius: 3px;
 -webkit-border-bottom-left-radius: 3px;
 -webkit-border-bottom-right-radius: 3px;
 -moz-border-radius-bottomleft: 3px;
 -moz-border-radius-bottomright: 3px;
}
.tab_info .hide {
 display: none;
}
	
/* カート横テーブル */	
table.cart_table {
 font-size: .9em;
}
	
	
table.cart_table thead {
 display: none;
 border:none;
}
table.cart_table tbody th {
 display: block;
 border-top:none;
 border-bottom: #cfcfcf solid 1px;
 border-right:none;
}
table.cart_table tbody td {
 border-top:none;
 border-right:none;
 border-bottom: #e5e5e5 solid 1px;
 border-left:none;
 display: block;
}
table.cart_table tbody td::before {
 content: attr(label);
 float: left;
 clear: both;
 font-weight: bold;
}
table.cart_table tbody td p {
 padding-left: 6em;
}
.itempage_imgbox .item_link li {
 width: 100%;
 padding: 1%;
 background-color: #f7f6f4;
 margin-top: 8px;
 line-height: 1.5;
 font-size: 12px;
 font-weight: normal;
}
table.cart_table ul.base {
 list-style-type: disc;
}
table.cart_table ul.base li {
 margin-bottom: 0.625em;
 border: none;
 width: 100%;
}
.itempage_imgbox .item_link li:nth-child(even) {
 background-color: #FAF9F8;
}
.itempage_imgbox .item_link li:hover {
 background-color: #fff;
}
    
/* ポイントボックス */	
.point_box {
    
    padding: 2.5%;
    border-radius: 3px;
}
.point_box li {
    margin-bottom: 3.5%;
    padding-bottom: 3.5%;
    border-bottom: 1px dotted #e5e5e5;
}

.point_box li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.point_box img {
    width: 100%;
}
.point_box .ptxt {
    line-height: 105%;
    width: 100%;
    margin-top: 10px;
}
.point_box .point_ttl {
    font-weight: bold;
    font-size: 15px;
    color: #5f4c43;
    border-bottom: 1px dotted;
    margin-bottom: 8px;
	padding-bottom: 5px;
}

.point_box span {
    display: block;
    color: #7e7571;
    font-size: 11px;
    font-weight: bold;
}
	
.detail_ttl { /* コンテンツの見出し */
    padding: 0em 0.5em;
    font-weight: bold;
    font-size: 15px;
    margin: 0 0 2%;
    background: transparent;
    border-left: solid 5px #e8e5de;
}
    

	
/* コーディネート使用アイテム */
.code_list .index_cate_name {
	font-size: 11px;
	}
	
.code_list .col4_list li {
	width: 32%;
	padding: .5em;
	margin: 0 .5em 1em 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
	.code_list .col4_list li:nth-child(4n) { margin-right: .6em; }
	.code_list .col4_list li:nth-child(3n) { margin-right: 0; }

.item_list .col4_list li {
	width: 47.2%;
	padding: .5em;
	margin: .5em .0 .5em .7em;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}	
span.tag {
 padding: 0.1em 0.5em;
 font-size: 10px;
 color: #fff;
 background: #86b0c6;
 border-radius: 2px;
 letter-spacing: normal;
 display: inline-block;
 margin: .6em .4em 0 0;
}
.item_list .col4_list img { margin-bottom: .625em;}
.item_list .col4_list p.num { font-size: 12px;}
.item_list .col4_list p.name { font-size: 90%; font-weight: bold;}
.item_list .col4_list p.com { font-size: 90%; margin:.6em 0; line-height: 1.8;}
.item_list .col4_list p.clear { font-size: 13px;}
.item_list .col4_list p.price { font-size: 13px; color: #e25a5a; text-align: right; }	
	
/* タブ カーテン*/
.cartbox h3 { margin: 25px 0; }
	
.item_menu_nav {
	text-align: center;
	}

.item_menu_nav .item_menu {
    position: relative;
    font-size: 10px;
	display: inline-block;
	border-radius: 3px;
	margin-bottom: 1.5%;
	padding: 0;
}
.item_menu_nav .item_menu a {
	display: block;
	padding: 4px;
	}	
.item_menu_nav .item_menu a:link, .item_menu_nav .item_menu a:visited {
	background: #f1efee;
    color: #333333;
    border: 1px solid #f1efee;
    text-decoration: none;
}
.item_menu_nav .item_menu a:hover {
    background: #a6a098;
    color: #ffffff;
    border: 1px solid #a6a098;
    text-decoration: none;

}
.item_menu_nav .item_menu a:active, .item_menu_nav .item_menu-current a:link, .item_menu_nav .item_menu-current a:visited {
    background: #473f37;
    color: #ffffff;
    border: 1px solid #473f37;
    text-decoration: none;
    font-weight: bold;
}
.item_menu_nav .item_menu a span {
    position: absolute;
    width: 5px;
    height: 5px;
    top: 35px;
}
.item_menu_nav .item_menu a:link span.tail-left, .item_menu_nav .item_menu a:visited span.tail-left, .item_menu_nav .item_menu a:link span.tail-right, .item_menu_nav .item_menu a:visited span.tail-right {
    display: none;
}

.item_menu_nav .item_menu a:active span.tail-left, .item_menu_nav .item_menu-current a:link span.tail-left, .item_menu_nav .item_menu-current a:visited span.tail-left {
    border-right: 6px solid #473f37;
    border-bottom: 6px solid transparent;
	top: 100%;
    right: 50%;
    display: block;
}
.item_menu_nav .item_menu a:active span.tail-right, .item_menu_nav .item_menu-current a:link span.tail-right, .item_menu_nav .item_menu-current a:visited span.tail-right {
    border-left: 6px solid #473f37;
    border-bottom: 6px solid transparent;
	top: 100%;
    left: 50%;
    display: block;
}
    
.item .cartbox h3 {
    font-size: 14px;
}

h2.itempage_h2 {
    font-size: 1.1rem;
    letter-spacing: .5px;
}

h2.itempage_h2 span {
font-size: .85rem;
}

    
    
/* カテゴリページ
---------------------------------------------------------------------------*/
/*--- ランキング ---*/
 .cate_rank li.c_rank_li:before {
    width: 22px;
    height: 22px;
    top: 5px;
    left: 5px;
    padding: 4px;
} 
    
/*--- 4カラムピックアップアイテム ---*/
main .pickitem li { width: 47%; }
    
/*--- カテゴリページ　リスト部分 ---*/
.list_link li.arrow { margin-bottom: .5em; }
    
.cate_sttl {
    font-size: 15px;
    margin-bottom: 1em;
} 
    
/*--- カテゴリページ　おすすめカーテン　サークル付見出し ---*/
.right_contents h3.circle_ttl {
    font-size: 14px;
    }
    
.right_contents h3.circle_ttl:before{
    	top:7px; 
    	left:7px; 
}
.right_contents h3.circle_ttl:after{
    	top:0; 
    	left:2px; 
    }    
    
.point_box2 .photo {
    float: none;
    padding-right: 0;
    width: 100%;
}
.point_box2 .text {
    float: none;
    padding-left: 0;
    width: 100%;
}
    
.right_contents .link li a {
    font-weight: bold;
}
        
.right_contents .link i {
	color:#89a88d;
    float: left;
    position: relative;
    top:12px;
    padding-left: 8px;
}
    
.right_contents .link li:hover {
    background-color: #f1eee8;
}
.right_contents .link a {
    text-decoration: none;
	font-weight:100;
	display:block;
    padding: 2%;
}
    
.right_contents .link a:hover {
    text-decoration: underline;
    }

span.sale {
padding: 0 0.5em;
font-size: 10px;
color: #fff;
background: #db4e86;
border-radius: 2px;
letter-spacing: normal;
display: inline-block;
margin: .2em .4em .2em 0;
}
	
}



.size { font-size: 10.5px; margin: 0.5em 0; padding-top: 1em; border-top: 1px solid #e5e5e5;}
.size dt { width:5em ;
}
.size dd { padding-left:5.2em ; margin-top:-1.6em;
}
.size07 dt { width:7.8em ;
}
.size07 dd { padding-left:8em ;
}
.item_list .link i {
    top: 9px;
}
.item_list .link { font-size:90%;
}

@media (max-width: 767px) {
.new_list { font-size:90%;
}
.size dd { font-size:90%;
}
.new_list .item_list .col4_list p.name { font-size: 80%; margin:0 .5em; font-weight: bold;}
.new_list .item_list .col4_list p.com { font-size: 80%; margin:.3125em .625em; line-height: 1.5;}
.new_list .size dd { font-size:80%;}
 
}

/* carousel height */
.carousel-main {
  height: 389px;
}

/* cell inherit height from carousel */
.carousel-cell {
  height: 100%;
}