/*-------------------------------------------
商品詳細ページ
-------------------------------------------*/
#mainimg {
	width: 96%;
  	margin: 0px 0% 25px 0%;
  	padding: 5px 2% 10px 2%;
}
#mainimg .splide__slide {
  border: 1px solid #eee;
}
.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.splide__slide {
  opacity: 0.6;
}
/* ページネーションのスタイル */
#mainimg .your-class-page {
  background-color: #ccc;
  height: 7px;
  transition: .5s all;
  width: 7px;
}
/* 現在表示されているページネーションのスタイル */
#mainimg .your-class-page.is-active {
  background-color: #333;
  opacity: 1;
}
/* ページネーションの位置 */
#mainimg .your-class-pagination {
  bottom: -14px;
}
/* ページネーション間の余白 */
#mainimg .your-class-pagination li {
  margin-left: 5px;
  margin-right: 5px;
}
/* スライドのサイズ調整 */
#mainimg .splide__slide img {
  height: auto;
  width: 100%;
}
.splide__slide.is-active {
  opacity: 1;
}
#custom-options-container {
	width: 99%;
  	margin: -10px 0% 0px 0%;
  	padding: 0px 0% 5px 1%;
}
/* パンくず */
#detail h2 {
 margin:10px 10px 0px 10px;
 padding:0px 0px 10px 0px;
 white-space: nowrap;
 overflow-x: scroll;
 }
.breadcrumbs {
 line-height:100%;
 }
.sttl a {
 text-decoration: none;
 color: #663;
}
ol li {
 display: inline;
 font-size:14px;
}
ol li:after {
 margin:0px 5px;
 color: hsl(0, 0%, 62%); 
 content: " > ";
}
ol li:last-child:after {
	content: ""; 
}
/* パンくず　ここまで */



/* 買い物カゴ */

#product_detail div.block {
 padding: 0px 10px 0px 10px;
}
#product_detail .dtl_tbl{
 border-collapse: collapse;
 width:100%;
 margin-bottom:10px;
 padding-top: 0px;
 }
#product_detail .dtl_tbl td{
 text-align: left;
 padding: 0px 8px 10px 8px;
 }
#product_detail .dtl_tbl tr:last-child th{
 border-bottom: 0px;
}
#product_detail .dtl_tbl tr:last-child td{
 border-bottom: 0px;
}
#product_detail .block .dtl_tbl tr td .product_price {
 font-size: 5.2vw;
 color: #E60000;
 font-weight: bold;
 text-align: left;
 padding: 0px;
  margin-bottom:10px;
}
.waribiki {
 font-size:6vw;
 color: #E60000;
 font-weight: bold;
 text-align: left;
 padding: 0px 0px 0px 10px;
}
#product_detail div.block .table{
 margin-bottom:15px;
 }

#product_detail article {

 }
#product_detail div.buy input.btn{
 font-size: 22px;
 width: 70%;
 margin: 0 auto 15px auto;
 padding: 10px 5px 14px 5px;
 border-radius: 7px;
 text-align: center;
 -webkit-box-shadow: 0 2px 1px #ddd;
 box-shadow: 0 4px 2px #EEE;
 background-color: #43cb23;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#93e181),to(#409f2a));
 border: 1px solid #3b9826;
 text-shadow: 0 -1px #3b9826;
 font-weight: bold;
 outline: 1px;
 }
#product_detail div.buy input.btn:hover{
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
 }
.description{
 padding:0px 10px 10px 10px;
}
.description img {
 max-width:100%;
 height:auto; 
}

#product_detail article aside{
 padding:0 10px;
}
#product_detail article aside li{
 margin-bottom:10px;
 text-align:center;
}
#product_detail_category ul.link_list li.tocategory {
 border-bottom:1px solid #ccc;
 }
#product_list ul.link_list li:last-child {
 border-bottom:1px solid #ccc;
}
#product_detail_hide {
 padding:10px;
}
.dtl_hd p img,.dtl_asd li img {
 max-width:100%;
 height:auto; 
 }
.quantity select{
 font-size:16px;
 white-space:normal;
 width:100%;
 color:#000000;
 }
.quantity input{
 font-size:16px;
 width:90%;
 }

/* オプション詳細 */

#option_area1 {
 margin-bottom:15px;
 }
#option_area1 h3,
#option_area2 h3{
 margin-bottom:5px;
 font-size:18px;
}
#option_area2 {
 padding:10px;
 }
.op1,.op2{
 margin-bottom:10px;
 }
.op2_ttl {
 font-weight:bold;
 color:#009999;
 margin-bottom:5px;
 }
.stock_comment {
 font-size:12px;
 color:#E60000;
 font-weight:bold;
 }
#option_table {
 line-height:1;
 }
#option_table table{
 border-top:1px solid #999;
 border-right:1px solid#999;
 width:100%;
 }
#option_table table th {
 text-align:left;
 background:#eeeeee;
 border-left:1px solid #999;
 border-bottom:1px solid #999; 
 font-size:14px;
 font-weight:normal;
 width:50%;
 padding:5px;
 }
#option_table table td {
 text-align:right;
 color:#E60000;
 background:#ffffff;
 border-bottom:1px solid #999;
 font-size:14px;
 font-weight:bold;
 width:50%;
 padding:5px;
 line-height:1.2;
 }
#product_detail .dtl_regal {
 margin-bottom:10px;
 margin-left:10px;
}

/* おすすめ商品 */
#recommend_pict {
 padding:10px;
 }
#recommend_pict li {
 float:left;
 width:100px;
 background:#eee;
 }

.cat_nav{
 margin: 0px 0px 25px 0px;
	}
.quantity2 input{
 font-size:18px;
 width:20%;
 }
.title{
 font-size:14px;
 font-weight: bold;
 margin: 10px 5px 10px 0px;
 }
/* モーダル */
#kaimonokago-up {
 position: fixed;
 bottom: 10vw;
 right: 20px;
 font-size: calc(62vw * 16 / 375);
 z-index:1;
}
#kaimonokago-up i {
 font-size: calc(120vw * 16 / 375);
}
#kaimonokago-up a {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 opacity: 0.8;
 text-decoration: none;
 color: #fff;
 width: 14vw;
 height: 14vw;
 text-align: center;
 display: block;
 border-radius: 5px;
 padding-top: 2.8vw;
 background-color: #117E20;
 z-index:1;
}
#kaimonokago-up a:last-child {
 background-color: #228112;
}
#kaimonokago-up a:hover {
 text-decoration: none;
 background: #595959;
}
.hinmei {
 font-size: 16px;
 padding: 0px 10px 0px 10px;
 margin: 0px 10px;
}
.hinmei2 {
  font-size: 13px;
  padding: 10px 10px 5px 10px;
  margin: 0px 10px;
}
.kataban {
 font-size: 15px;
 padding: 10px 10px 5px 10px;
 margin: 0px 10px;
}
.cart input.btn{
 font-size: 21px;
 width: 97%;
 margin: 0 auto 5px auto;
 padding: 12px 5px 14px 5px;
	border-radius: 7px;
	text-align: center;
	-webkit-box-shadow: 0 2px 1px #ddd;
	box-shadow: 0 4px 2px #EEE;
	background-color: #de0c0c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a7eb4f),to(#36b521));
 border: 1px solid #36b521;
 text-shadow: 0 -1px #36b521;
	font-weight: bold;
	outline: 1px;
	color: #FFF;
	}
.cart input.btn:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}

.cart-under {
 margin: 0px 0px 40px 0px;
 text-align: center;
}
.cart-under li {
 width: 25%;
 height: 55px;
 float: left;
}
.cart-under i {
 font-size: 28px;
}
.cart-under p {
 font-size: 1.4vh;
 margin: 8px 0px 0px 0px;
}
.cart-under .p-product-fav-item p {
 font-size: 1.4vh;
 margin: 8px 0px 0px 0px;
}
.cart-under li a {
 color: #615338;
}
.kensu {
  color: #FFF;
  background-color: #8a7550;
  width: 20px;/*幅*/
  height: 20px;/*高さ*/
  border-radius: 50%;/*角丸*/
  margin: -50px 18% 0px 0px;
  float: right;
}
.kensu p {
  font-size: 10px;
  color: #FFF;
  margin: 3px 0px 0px 0px;
}

/* お気に入り */
.p-product-fav-item {
  margin-top: -2px;
}
.p-product-fav-item button {
  padding: 0;
  cursor: pointer;
  transition: .2s;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 22px;
  color: #6d6d6c;
}
.p-product-fav-item .is-added {
  color: #ff7373;
}
/* //お気に入り */

.okiniitiran {
 float: left;
 width: 45%;
 margin: 8.5% 0px 0px 6%;
 } 
.favorite-button {
 float: left;
 background: url('https://main-nuqmo.ssl-lolipop.jp/image/okiniiri_03.jpg') 0 0 no-repeat;
 width: 45%;
 padding-top: 12%;
 outline: none;
 background-size: contain;
 border:0;
 margin: 10px 0px 10px 2%;
 } 
.favorite-button:active {
 background: url('https://main-nuqmo.ssl-lolipop.jp/image/okiniiri_03.jpg') 0 0 no-repeat;
 background-size: contain;
 } 
.fav-items {
 background: url('https://main-nuqmo.ssl-lolipop.jp/image/okiniiri_02.jpg') 0 0 no-repeat;
 background-size: contain;
}
#product_detail{
 border:none;
 }
#product_detail div.wrap div.sort_wrap{
 padding:10px 10px 20px;
}
#product_detail ul.sort{
 line-height:24px;
 height:24px;
 margin:0 auto;
 }
#product_detail ul.sort li{
 float:left;
 width:34%;
 font-size:12px;
 text-align:center;
}
#product_detail ul.sort li:first-child,
#product_detail ul.sort li:last-child{
 width:50%;
}
#product_detail ul.sort li a{
 display:block;
 font-weight:bold;
 text-decoration:none;
 color:#fff;
 text-shadow: 0 -1px #1972CC;
 padding: 4px;
 background-color: #30B3C6;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#9DDBFF),to(#56A3EF));
 font-size: 12px;
 -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
 box-shadow: inset 0 1px 2px rgba(255,255,255,0.5);
 border: 1px solid #3080D1;
 border-left:none;
 border-right:none;
}
#product_detail ul.sort li:first-child.off a,
#product_detail ul.sort li:last-child.off a{
 color:#999;
 text-shadow: 0 -1px #fff;
 border:1px solid #999;
 border-right:none; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6),to(#ccc));
}
#product_detail ul.sort li:first-child a{
 -webkit-border-top-left-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
 border: 1px solid #3080D1;
 border-right:none;
}
#product_detail ul.sort li:last-child a{
 -webkit-border-top-right-radius: 4px;
 -webkit-border-bottom-right-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px; 
 border: 1px solid #3080D1;
}
#product_detail h2.sttl {
 background:#fff;
 color:#333;
 font-size:15px;
 text-shadow:none;
 line-height:1.2;
 padding:20px 10px 10px;
}
#product_detail header{
}
#product_detail header p{
 text-align:center;
 padding:10px;
}
#product_detail article ul.link{
 padding-top: 0px;
 padding-bottom: 0px;
}
#product_detail article ul.link li {
 line-height:2;
 float: left;
 font-size: 14px;
 padding-left: 10px;	
}
.facebook {
	margin-top:8px;
	}
.twitter {
	margin-top: 8px;
	}
.mixi {
	margin:8px 0px -5px 0px;
	}
.line {
	margin:8px 0px -5px 0px;
	}
.pinterest {
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	}
.logpi {
	padding-left:20px;
	background:url("https://img.shop-pro.jp/s_tmpl_img/1/icon_logpi.gif") no-repeat left center;
}
.yahoo {
	padding-left:20px;
	background:url("https://img.shop-pro.jp/s_tmpl_img/1/icon_y_bookmark.gif") no-repeat left center;
}
.hatena {
	padding-left:20px;
	background:url("https://img.shop-pro.jp/s_tmpl_img/1/icon_hatena.gif") no-repeat left center;
}

.taglist {
  	text-align: center;
	font-size: 13px;
  	padding: 10px 10px 5px 10px;
  	font-weight: bold;
}
.taglist p {
  	float: left;
  	margin: 8px 3px 0px 5px;
	font-size: 13px;
}
.taglist a:link, 
.taglist a:hover,
.taglist a:active,
.taglist a:visited {
	text-decoration: none;
  	margin: 0px 8px 8px 0px;
	background-color: #efefef;
	color: #555;
}
.taglist a:hover {
	background-color: #444444;
	color: #FFF;
}
.button--tag {
	border-radius: 20px;
	padding: 8px 10px 8px 10px;
}
.button--line {
	color: #999933;
	float: left;
}
.caption-top {
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #222;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.caption-big {
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #222;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.red2 {
	color: #E00;
	font-size: 20px;
	font-weight: bold;
   padding: 0px;
}
.caption-red {
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #222;
	padding-top: 10px;
	color: #E00;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.image-r {
	text-align: center;
}
.image-l {
	text-align: center;
}
.caption-bold {
	font-size: 16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-color: #333;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.caption {
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000;
	margin-bottom: 10px;
	font-size: 13px;
}
.explain {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	background-color: #f9f9f8;
    display:flex;
}
.explain-r {
	width: 25%;
	padding: 3% 2% 3% 2%;
	float: left;
}
.explain-l {
	background-color: #FFF;
	width: 68%;
	padding: 3% 0% 3% 3%;
	float: left;
}
.red {
	color: #E00;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding-bottom: 3px;
}
.spec_title {
	width: 96%;
	color: #555;
	font-size: 16px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 2% 10px 2%;
	margin-top:20px;
  text-align: center;
  letter-spacing:10px;
}
.spec {
	width: 96%;
	padding: 10px 2% 10px 2%;
	margin-top:5px;
}
.setumeibun2 {
	margin-bottom: 20px;
	padding-right: 2%;
	padding-left: 2%;
	color: #666666;
	text-align: left;
	width: 96%;
  	line-height: 250%;
}
.setumeibun2 p {
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
  background-size: 2px 100%,100% 2em;
  line-height: 2em;
  padding: 0 2px 0 2px;
  color: #696969;
  margin: 0;
}
table.mattress {
	border-collapse: collapse;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}
table.mattress th {
	width: 20%;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #ccc;
	background-color: #EEE;
	font-size: 8px;
}
table.mattress td {
	width: 15%;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 9px;
}
.product_list {
  	float: left;
}
.product_item {
    text-align: center;
    width: 45%;
    padding: 10px 5px;
    margin: 0 auto;
}
.expl {
    padding: 10px 5px;
}
.expl img {
    width: 100%;
	height: auto; 
}
.product_item img {
    width: 100%;
	height: auto; 
}

.product_item .name {
    line-height: 120%;
    margin: 2px 0 0;
    text-align: left;
    font-size: 12px;
}

#cospaexplain-b {
	font-size: 14px;
	text-align: left;
	background-color: #555;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
#cospaexplain {
	font-size: 12px;
	text-align: left;
	border: 1px solid #555;
	padding: 20px;
}
#cospaexplain p {
	margin: 0px;
}
.fuyou {
  	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #222;
	line-height: 2;
	padding-top: 0px;
  	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.fuka {
  	color: #E00;
  	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
  	padding-bottom: 0px;
	font-size: 15px;
	text-align: center;
}
.retu3 {
 width: 100%;
 margin: 25px 0px;
  display:flex;
  flex-wrap:wrap;
}
.retu-t{
  width: 90%;
  color: #683a13;
  font-family:Poppins,"Noto Sans JP",sans-serif;
  font-weight: bold;
  font-size:16px;
  letter-spacing:10px;
  position: relative;
  padding:12px 0px 13px 0px;
  margin: 25px 0px;
  border-top:1px dotted #683a13;
  border-bottom:1px dotted #683a13;
}
.retu3 li {
 width: 33.33%;
 float: left;
 list-style-type: none;
 margin-bottom: 15px;
}
.retu3 li img {
 width: 85%;
 height: auto; 
 border:1px solid #ccc;
 margin-bottom: 5px;
}
.retu3 li a p {
 text-align: left;
 width: 85%;
 font-size: 3.1vw;
}
.soldout {
 font-size:20px;
 font-weight:bold;
 color:#fff;
 background:#B30000;
 padding:10px 5px;
 margin:5px 0px 12px 0px;
 text-align:center;
}
.soryo-btn{
 font-size: 20px;
  box-sizing: border-box;
 width: 100%;
 height: 41px; 
 margin: 0px auto 0px auto;
 padding: 5px 5px 5px 5px;
 text-align: center;
 background-color: #08a9d7;
 font-weight: bold;
 color: #FFF;
}
.soryo-btn2{
 font-size: 16px;
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 color: #FFF;
}
.soryo-btn3{
 font-size: 18px;
 box-sizing: border-box;
 width: 95%;
 height: 54px;
 margin: 2px auto 0px auto;
 padding: 2px 5px 2px 5px;
 text-align: center;
 background-color: #08a9d7;
 font-weight: bold;
 color: #FFF;
}
.soryo-btn4{
 border-top: 1px solid #FFF;
 font-size: 12px;
 font-weight: normal;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 0px 0px;
 color: #FFF;
}
.soryo-btn5{
 font-size: 15px;
 padding: 3px 0px 0px 0px;
 color: #FFF;
}
.red3 {
	color: #E00;
	font-size: 15px;
	font-weight: bold;
}
.small {
	font-size: 12px;
   line-height:16px;
}