﻿@media screen and (min-width: 880px) {
	*{
		margin: 0;
		padding: 0;
	}

	body{
		background-image: url(../img/bg.jpg);
		background-attachment: fixed;
		background-repeat: repeat;
		text-align: center;
		color: #181716;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		line-height: 175%;
	}

	a{
		outline: none;
	}

	a:hover{
	  opacity: 0.5;
	  filter: alpha(opacity=50);
	  -ms-filter: "alpha(opacity=50)";
	}

	img{
		border: 0;
	}
	ul{
		list-style-type: none;
	}

	@font-face {
		font-family: 'JapanSans90';
		src: url('../font/JapanSans90.eot');
		src: url('../font/JapanSans90.eot?#iefix') format('embedded-opentype'),
		url('../font/JapanSans90.woff') format('woff'),
		url('../font/JapanSans90.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'JapanSans100';
		src: url('../font/JapanSans100.eot');
		src: url('../font/JapanSans100.eot?#iefix') format('embedded-opentype'),
		url('../font/JapanSans100.woff') format('woff'),
		url('../font/JapanSans100.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
	  font-family: 'harenosora';
	  src: url("../font/Harenosora.eot?") format('eot'),
	       url("../font/Harenosora.woff") format('woff');
	}

	#container{
		width:1300px;
		margin: auto;
		text-align: left;
		background: #e3c7a8;
		padding-bottom: 1px;
	}
	h2.title{
		width: 1100px;
		margin: 0 auto;
		color: #897156;
		margin-bottom: 40px;
		padding-top: 50px;
		font-size: 32px;
		font-family: 'harenosora';
	}
	h2.title:first-of-type{
		margin-top: 50px!important;
	}
	h2.title span{
		display: block;
		width: 1050px;
		height: 60px;
		line-height: 60px;
		margin: auto;
		border-bottom: 1px solid #897156;
		border-top: 1px solid #897156;
		text-align: left;
		text-indent: 50px;
	}
	
	h3{
		margin: 0;
		padding: 0;
		margin-left: 15px;
		font-weight: normal;
		font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 24px;
		margin-bottom: -40px;
	}

	span.leadtime1{
		font-family: "游明朝", "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight: bold;
		display: block;
		text-align: center!important;
		margin: auto;
		max-width: 220px;
		width: 100%;
		height: 30px;
		line-height: 26px!important;
		background: #A00;
		color: #fff;
		font-size: 16px;
		padding: 2px!important;
		margin-top: 10px;
	}

	span.leadtime1-7{
		font-family: "游明朝", "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-weight: bold;
		display: block;
		text-align: center!important;
		margin: auto;
		max-width: 220px;
		width: 100%;
		height: 30px;
		line-height: 26px!important;
		background: #46aa7e;
		color: #fff;
		font-size: 16px;
		padding: 2px!important;
		margin-top: 10px;
	}

	/*****************************
		ヘッダ―
	*****************************/
	#header{
		width: 1300px;
		height: 50px;
		margin: auto;
		background: url(../img/head.png) no-repeat;
		background-size: 100%;
		position: relative;
		z-index: 100;
		padding-top: 180px;
	}
	#naviWrap{
		width: 1330px;
		height: 40px;
		background: #f3663e;
		box-shadow: 1px 3px 2px 3px rgba(0,0,0,0.2);
		margin-bottom: 50px;
		padding: 0 14px;
		margin-left: -14px;
		position: relative;
	}
	#naviWrap:before{
		content: ' ';
		position: absolute;
		z-index: -10;
		width: 0;
		height: 0;
		right: 0px;
		bottom: -18px;
		border-top: 15px solid #923d25;
		border-right: 15px solid transparent;
	}
	#naviWrap:after{
		content: ' ';
		position: absolute;
		z-index: -10;
		width: 0;
		height: 0;
		left: 0px;
		bottom: -18px;
		right: auto;
		border-top: 15px solid #923d25;
		border-left: 15px solid transparent;
	}
	#navi{
		width: 1100px;
		margin: auto;
	}
	#navi ul{
		overflow: auto;
		list-style: none;
		border-right: 1px dotted #eee;
		font-size: 0;
		box-sizing: border-box;
	}
	#navi ul:first-child{
		border-bottom: 1px dotted #eee;
	}
	#navi ul li{
		width: 183px;
		display: inline-block;
		margin: 0;
		padding: 0;
		line-height: 40px;
		font-size: 14px;
		text-align: center;
		font-family:'JapanSans100','ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		border-left: 1px dotted #eee;
		box-sizing: border-box;
	}
	#navi ul li a{
		display: block;
		width: 100%;
		text-decoration: none;
		color: #eee;
	}
	#navi ul li a:hover{
		color: #f3663e;
		background: #FFF;
		opacity: 0.8;
	}
	#smpNav{
		display: none;
	}
	.fixed{
		position: fixed !important;
		top: 0;
	}
	div.slidemenu,div#header_smp{
		display: none;
	}
	#smp-view_img{
		display: none;
	}
	

	/*****************************
		サイドナビ
	*****************************/
	#backtop{
		position: fixed;
		bottom: 56px;
		right:30px;
	}

	#cate_icon{
		position: fixed;
		bottom: 150px;
		right:30px;
	}
	#cate_icon a:hover{
		display: block;
		height: 57px;
	}
	#rank_icon{
		position: fixed;
		bottom: 216px;
		right:30px;
	}
	#rank_icon a:hover{
		display: block;
		height: 57px;
	}
	
	/*****************************
		サイドナビ(あす楽)
	*****************************/

#fixedSlideBanner{
	position: fixed;
	top: 30%;
	right: 0;
}
#fixedSlideBanner a#event_sb{
	outline: none;
	display: block;
	background: url("../img/xmas_sb_asck.jpg") no-repeat scroll 0px 0; transparent;
	margin-left: auto;
	width: 58px;
	height: 150px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	text-indent: -9999px;
}
#fixedSlideBanner a#event_sb:hover{
	background: url("../img/xmas_sb_asck.jpg") no-repeat scroll 0 0 transparent;
	width: 214px;
	height: 150px;
  -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	text-indent: -9999px;
	opacity: 1;
	filter: alpha(opacity=100);
}

#fixedSlideBanner2{
	display: none;
}


	/*****************************
		いちおし
	*****************************/	
	.ichioshi_wrap{
		width: 1100px;
		margin: 0 auto;
		padding: 50px 0;
		background: #ffffff;
		text-align: center;
	 }
	.ichioshi_wrap > div{
		width: 900px!important;
		margin: 0 auto;
		margin-top: 50px;
		padding-bottom: 70px;
		border-bottom: 3px dotted #bbb;
	}
	.ichioshi_wrap > div:last-child{
		border-bottom: none;
	}
	.ichioshi_wrap span{
		display: inline-block;

	}
	.ichioshi_wrap iframe{
		width: 1100px;
		height: 630px;
		margin: 0;
		padding: 0;
	}
    
	/**** チェーンリング ****/
	.chain{
		width: 100%;
		background-color: #fff;
	}
	.chain table{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.chain table tr td img{
		width: 100%;
	}
	.chain table tr td > span{
		font-size: 17px;
		text-align: left;
		padding: 20px 0;
		margin-bottom: 0;
	}
	.chain table tr.list td a{
		display: inline-block;
		width: 100%;
		text-decoration: none;
		text-align: center;
	}
	.chain table tr.list td a img{
		width: 85%;
		border: 1px solid #d3b9c6;
		margin-bottom: 5px;
	}
	.chain table tr.list td{
		display: inline-block;
		width: 30%!important;
		height: 300px;
		padding: 5px;
		padding-top: 0;
		vertical-align: top;
	}
	.chain table tr.list td a > span{
		display: inline-block;
		font-size: 16px;
		text-align: center;
		line-height: 120%;
		padding: 5px 2px;
	}
    
	/**** フープピアス ****/
	.hoop{
		width: 100%;
		background-color: #fff;
	}
	.hoop table{
		display: block;
		width: 100%;
		margin: 0 auto;
		border-collapse: collapse!important;
	}
	.hoop table tr th{
		display: block;
		width: 300%;
		line-height: 120%;
		margin: 10px 0;
		text-align: left;
		color: #939d93;
		border-bottom: 2px solid;
	}
	.hoop table tr th:before{
		content: '■';
		margin-left: 10px;
	}
	.hoop table tr td img{
		width: 100%;
	}
	.hoop table tr td > span{
		font-size: 17px;
		text-align: left;
		margin-bottom: 0;
		padding: 20px 0;
	}
	.hoop table tr.list td a{
		display: block;
		width: 96%;
		color: #fff;
		text-decoration: none;
		text-align: center;
		padding: 15px 2%;
	}
	.hoop table tr.list td a:hover{
		background: rgba(255,255,255,0.6);
	}
	.hoop table tr.list td{
		font-size: 0.9em;
		font-weight: bold;
		width: 29%;
		background: #B8C5B8;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
   
	/**** クッション ****/
	.cushion{
		width: 100%;
		background-color: #fff;
	}
	.cushion table{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.cushion table tr td img{
		width: 100%;
	}
	.cushion table tr td span{
		width: 750px;
		font-size: 17px;
		text-align: left;
		margin-bottom: 0;
		padding: 20px 0;
	}
	.cushion table tr td span.leadtime1{
		margin-bottom: 30px;
	}
	.cushion table tr td a.cushion_li{
		display: block;
		width: 100%;
		padding: 5px 0;
		background-color: #D1C9C0;
		color: #fff;
		font-size: 0.8em;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
	}
	.cushion table tr td.link01{
		width: 50%;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.cushion table tr td.link02{
		border-bottom: 1px solid #fff;
	}
	.cushion table tr td.link03{
		border-right: 1px solid #fff;
	}
	.cushion table tr td.link04{
	}
	
	/**** 伏せ込み ****/
	.husekomi{
		width: 100%;
		background-color: #fff;
	}
	.husekomi table{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.husekomi table tr.list{
		display: inline-block;
		width: 48%;
		margin-right: 5px;
	}
	.husekomi table tr.list:nth-of-type(2){
		margin-right: none;
	}
	.husekomi table tr th{
		display: inline-block;
		width: 100%;
		line-height: 120%;
		margin: 10px 0;
		text-align: left;
		color: #494644;
		font-size: 18px;
		font-family: "游明朝", "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		border-bottom: 1px solid #7a7572;;
	}
	.husekomi table tr td img{
		width: 100%;
	}
	.husekomi table tr td span:first-child{
		font-size: 17px;
		text-align: left;
		margin-bottom: 70px;
	}
	.husekomi table tr.list td a{
		display: inline-block;
		width: 100%;
		text-decoration: none;
		text-align: center;
	}
	.husekomi table tr.list td a img{
		width: 100%;
		border: 1px solid #d3b9c6;
		margin-bottom: 5px;
	}
	.husekomi table tr.list td{
		display: inline-block;
		width: 48%!important;
		height: 300px;
		padding: 2px;
		padding-top: 0;
		vertical-align: top;
	}
	.husekomi table tr.list td a > span{
		display: inline-block;
		font-size: 16px;
		text-align: center;
		line-height: 120%;
		padding: 5px 2px;
	}

	#flatRing p{
		font-size: 17px;
		margin-bottom: 20px;
	}
	#flatRing ul{
		list-style: none;
		font-size: 0;
	}
	#flatRing ul li{
		display: inline-block;
		width: 50%;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
	}
	#flatRing ul li a{
		display: block;
		width: 100%;
		background: #c9a746;
	}
	#flatRing ul li a{
		display: block;
		width: 100%;
		background: #c9a746;
		padding: 10px 0;
		text-decoration: none;
		color: #785e20;
		border: 1px solid #785e20;
		box-sizing: border-box;
	}
	#flatRing ul li:nth-of-type(2) a{
		background: #bbc2ca;
		color: #7a7e83;
		border: 1px solid #7a7e83;
	}
	
	span.tax{
		display: inline!important;
		font-size: 0.7em!important;
	}

	#u30000{
		width: 1100px;
		margin: auto;
		margin-top: 50px;
		padding-top: 10px;
		background: #fff;
	}
	#u30000 h3{
		text-align: center;
		margin-top: 20px;
	}
	
	#flatRing{
		width: 1100px;
		margin: auto;
		background: #fff;
		text-align: center;
		padding: 50px 0;
		margin-top: 80px;
	}

	/*****************************
		ランキング
	*****************************/
	.rank_wrap{
		width: 1100px;
		overflow: auto;
		margin: auto;
		margin-top: 100px;
		background: url(../img/ranking.png) no-repeat,url(../img/shadow.png) bottom repeat-x;
		_background: url(../img/ranking.png) no-repeat;
	}
	.rank{
		width: 1100px;
		margin: auto;
		background: #ffffff;
		position: relative;
		margin-top: 40px;
		margin-bottom: 5px;
		padding-top: 70px;
	}
	.ranking{
		margin: 0 auto;
		padding: 50px 0;
		width: 900px;
		font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:14px;
		line-height: 1.7em;
	}
	.paddingBottom{
		padding-bottom: 300px;
	}
	.ranking > div{
		display: inline-block;
	}
	.ranking div div.item{
		margin: 60px 0;
		text-align: center;
	}
	.ranking div div.item h1.rank_t{
		margin: 30px 0;
	}
	.ranking div div.item h2.rank_t{
		text-align: center;
		font-size: 1.8em;
		font-family: "游明朝", "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		line-height: 200%;
	}
	.ranking div div.item h2.rank_t img{
		width: 80px;
		margin-right: 5px;
		vertical-align: bottom;
	}
	.ranking div div.item img.item_img{
		width: 750px;
		margin: 30px 0;
	}
	.ranking p.desc{
		margin: 20px 2%;
		margin-bottom: 75px;
		overflow: auto; /*高さ0を解除*/
		font-size: 1.2em;
		line-height: 170%;
	}
	.ranking p.desc span.itemLink{
		display: inline-block;
		background: #FF5E7D;
		width: 400px;
		margin: 50px 0 20px 0;
		margin-right: 2%;
		border-radius: 7px;
		color: #FFFFFF;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		float: right;
		box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2);
	}
	.ranking p.desc span.itemLink a{
		display: inline-block;
		width: 100%;
		height: 100%;
		padding: 3% 10%;
		text-decoration: none;
		color: #FFFFFF;
	}
	.ranking p.desc span.itemLink a::after{
		content: '→';
		font-size: 0.8em;
		margin-left: 5px;
		vertical-align: top;
	}
	.ranking p.desc span.itemLink a:hover{
		background-color: rgba(255, 255, 255, 0.5);
		border-radius: 7px;
	}
	
	.rank_recommend {
		width: 99%;
		border: 1px solid #bbb;
		margin: 0 auto;
		background-color: #F7F6F6;
		margin-top: 20px;
	}
	.osusume{
		display: inline-block;
		width: 100%;
	}	
	.osusume h3.ossm_t{
		border-bottom: 2px solid #FF5E7D;
		margin-left: 2px;
		margin-bottom: 10px;
		padding-left: 10px;
		font-family: "游明朝", "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size: 1.5em;
		font-weight: bold;
	}
	.ranking div div.osusume ul.ossm{
		margin-bottom: 30px;
		text-align: center
	}
	.ranking div div.osusume ul.ossm li{
		display: inline-block;
		text-align: center;
		vertical-align: top;
		width: 220px;
		margin-bottom: 30px;
		padding: 5px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	.ranking div div.osusume ul.ossm li span.point{
		display: inline-block;
		text-align: left;
		margin-left: -1px;
		margin-bottom: 5px;
		padding: 3%;
		width: 100%;
		height: 45px;
		font-size: 0.9em;
		line-height: 130%;
		background-color: #FFEBCD;
	}
	.ranking div div.osusume ul.ossm li span.desc{
		display: inline-block;
		text-align: left;
		padding: 2px 0;
		width: 102%;
		font-size: 1.0em;
		font-weight: bold;
		line-height: 120%;
		word-break: break-all;
	}
	.ranking div div.osusume ul.ossm li span.price{
		display: inline-block;
		text-align: left;
		width: 102%;
		color: #CC0000;
		font-size: 1.1em;
		font-weight: bold;
	}
	.ranking div div.osusume ul.ossm li a img{
		border: 1px solid #CD853F;
		width: 100%;
	}
	.categoryLink{
		margin: 0 auto;
		width: 96%;
		border: 3px solid #FF5E7D;
	}
	.categoryLink a{
		display: inline-block;
		margin: 0 auto;
		width: 100%;
		padding: 15px 3%;
		color: #FF5E7D;
		text-align: center;
		text-decoration: none;
		line-height: 130%;
		font-size: 1.5em;
		font-weight: bold;
	}
	.categoryLink a:hover{
		background: #FF5E7D;
		color: #FFFFFF;
	}

	.ranking > div.half{
		border-right: dotted 2px #C0C0C0;
		vertical-align: top;
		margin: 60px 0;
		padding: 10px 1%!important;
	}
	.ranking > div.half:nth-of-type(2n-1){
		border-right: 0;
	}
	.half div.item{
		margin: 0!important;
	}
	.half{
		width: 47%;
	}
	.half div.item img.item_img{
		width: 100%!important;
		margin: 30px 0;
	}
	.half div.item h2.rank_t{
		font-size: 1.5em!important;
	}
	.half p.desc{
		font-size: 1.1em!important;
		line-height: 150%;
		margin-bottom: 50px;
	}
	.half p.desc span.itemLink{
		width: 100%;
		margin: 20px 0;
	}
	.half h3.ossm_t{
		margin-left: 1%;
		width: 95%;
	}
	.half ul.ossm{
		text-align: left!important;
	}
	.half ul.ossm li{
		width: 49%!important;
	}

	.rank_recommend {
		width: 408px;
		border: 1px solid #bbb;
		overflow: hidden;
		margin: 0 auto;
		background-color:#F7F6F6;
		padding: 10px;
		margin-top:20px;
	}

	.related_product{
		padding:10px;
		overflow:hidden;
	}

	.rank_item{
		font-size: 14px;
	}

	.related_product ul li{
		float:left;
		margin-right:15px;
		font-size:90%;
		margin-top:5px;
	}
	.dotted{
		border-top: 1px dotted #bbb;
		margin:80px 0;
	}
	h1.rank_t{
		color:#281a00;
		text-align: center;
	}
	h2.rank_t{
		color:#281a00;
		font-size:23px;
		line-height: 150%!important;
	//	margin-bottom: 20px;
	}
	strong{
		color:#FF5E7D;
	}

	.link_img{
		width: 900px;
		margin: 0 auto;
		text-align: center;
	}
	.link_img img{
		width: 750px;
	}

	.ring_delivery{
		margin: 70px 0;
	}
	
	/*****************************
		カテゴリーリンク
	*****************************/
	.category_wrap{
		width: 100%;
		overflow: auto;
		margin: auto;
		background: #ffffff;
		margin-top: 50px;
		margin-bottom: 100px;
		padding-top: 50px;
		border-top: 2px solid #bbb;
	}
	.category{
		width: 94%;
		margin: auto;
		background: url(../img/category.png) no-repeat;
		_background: url(../img/category.png) no-repeat;
		padding: 40px 3% 20px 3%;
		margin-top: 40px;
		margin-bottom: 5px;
		line-height: 20px;
	}

	
	/*****************************
		イベント・企画
	*****************************/
	#eventWrap{
		width: 1100px;
		overflow: auto;
		margin: auto;
		margin-bottom: 50px;
		font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#event{
		float: left;
		width: 1100px;
		margin: auto;
		background: #ffffff;
		position: relative;
		margin-top: 40px;
		margin-bottom: 5px;
	}
	.overview{
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0 30px;
	font-size: 1.1rem;
	width: 840px;
	}


	/*****************************
		ボタンリンク
	*****************************/
	.button {
		display: block;
		background: #FF5E7D;
		border: 2px solid #FF5E7D;
		border-radius: 8px;
		color: #FFF;
		padding: 10px;
		font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-decoration: none;
		font-size: 20px;
	}
	.link_button{
		padding: 10px;
		overflow: hidden;
	}
	.link_cate{
		font-size: 14px;
	}

	.link_button ul li{
		float: left;
		margin-right: 15px;
		margin-top: 20px;
	}

	/*****************************
		フッター
	*****************************/
	#footer{
		width: 100%;
		border-top: 1px solid #cfbfa6;
		background: #f3663e;
	}
	#footer a{
		display: inline-block;
		text-align: center;
		padding: 20px 0;
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover{
		text-decoration: underline;
	}


	/*****************************
		メンズリスト
	*****************************/
	.mensListWrap{
		width: 1100px;
		overflow: auto;
		margin: auto;
		background: url(../img/shadow.png) bottom repeat-x;
		margin-bottom: 100px;
	}
	.mensList{
		width: 1100px;
		background: #fff;
		text-align: center;
		margin-bottom: 5px;
		padding-top: 50px;
		padding-bottom: -100px;
	}
	.mensList iframe{
		width: 900px;
		margin: 0;
		padding: 0;
	}

	/*****************************
		店長おすすめ
	*****************************/
	.special_wrap{
		width: 1100px;
		margin: auto;
		margin-bottom: 100px;
	}
	.special{
		width: 1100px;
		background: #fff;
		padding-top: 50px;
		padding-bottom: 50px;
		position: relative;
	}
	.special:after{
		content:"";
		background: url(../img/shadow.png) bottom repeat-x;
		width: 100%;
		height: 5px;
		display: block;
		position: absolute;
		bottom: -5px;
	}


	/*******************************************
		商品リスト
	*******************************************/
	.productList{
		overflow: auto;
	}
	.productList .bs_box{
		float: left;
		width: 215px;
		height: 425px;
		background-color: #f9f5f2;
		margin: 10px 3px 30px 3px;
		_margin: 7px 7px 30px 7px;
		border-radius: 10px 10px 5px 5px;
		border: 1px solid #cfbfa6;
		text-align: center;
		font-size: 13px;
		position: relative;
		background-image: url(../img/bs_button.png);
		background-position: center 400px;
		background-repeat: no-repeat;
		vertical-align: middle;
		display: table;
	}
	.productList .bs_box img{
		margin-bottom: 5px;
		border-radius: 10px 10px 0 0;
		width: 215px;
		margin-top: 0;
		border: 0;
		border-bottom: 1px dashed #cfbfa6;
	}
	.productList .bs_box p.p_title{
		margin: 0;
		display: table-cell;
		width: 215px;
		height: 95px;
		vertical-align: middle;
		line-height: 20px;
	}
	.productList .bs_box p.p_title span{
		display: inline-block;
	}
	.productList .bs_box span.price{
		color: #000000;
		display: block;
		margin: auto;
		margin-top: 5px;
		font-size: 16px;
	}
	.productList .bs_box span.usual-price{
		color: #000000;
		display: block;
		margin: auto;
		font-size: 12px;
	}
	.productList .bs_box span.sale-price{
		display: block;
		margin: auto;
		font-size: 16px;
		color: #c00;
	}
	.productList .bs_box span.sp02{
		margin-top: -7px;
	}

	.productList .bs_box p.option{
		margin: 0;
		padding: 0;
		color: #ffffff;
		font-size: 12px;
		margin-top: 5px;
	}
	.productList .bs_box span.op1{
		background: #ff0000;
		background: -moz-linear-gradient(top,  #e81717 0%, #9b0303 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e81717), color-stop(100%,#9b0303)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e81717 0%,#9b0303 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e81717 0%,#9b0303 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e81717 0%,#9b0303 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e81717 0%,#9b0303 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e81717', endColorstr='#9b0303',GradientType=0 ); /* IE6-9 */
		margin-right: 3px;
		padding: 1px 6px;
		border-radius: 5px;
	}
	.productList .bs_box span.op2{
		background: #3e82e0; /* Old browsers */
		background: -moz-linear-gradient(top,  #3e82e0 0%, #2c539e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e82e0), color-stop(100%,#2c539e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3e82e0 0%,#2c539e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3e82e0 0%,#2c539e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3e82e0 0%,#2c539e 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3e82e0 0%,#2c539e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e82e0', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
		margin-right: 3px;
		padding: 1px 6px;
		border-radius: 5px;
	}
	.productList .bs_box span.op3{
		background: rgb(55,198,79); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(55,198,79,1) 0%, rgba(33,119,37,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,198,79,1)), color-stop(100%,rgba(33,119,37,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(55,198,79,1) 0%,rgba(33,119,37,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(55,198,79,1) 0%,rgba(33,119,37,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(55,198,79,1) 0%,rgba(33,119,37,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(55,198,79,1) 0%,rgba(33,119,37,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37c64f', endColorstr='#217725',GradientType=0 ); /* IE6-9 */
		padding: 1px 6px;
		border-radius: 5px;
	}
	/*
	.productList .bs_box span.op3:before{
		content: url("../img/point_icon.png");
		position: relative;
		top: 3px;
		right: 2px;
	}*/
	.productList .bs_box font{
		font-size: 24px;
		font-family: Times New Roman Baltic;
	}
	.productList .bs_box .usual-price font{
		font-size: 14px;
	}


	.productList .bs_box a{
		text-decoration: none;
		color: #363636;
		out-line: none;
		display: block;
		cursor: pointer;
		width: 215px;
		height: 440px;
	}
	.productList .bs_box:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	.productList .back {
		position: fixed;
		bottom: 10px;
		right: 10px;
	}

	.moreLink a{
		display: block;
		width: 1100px;
		text-align: right;
	}

	.banner{
		width: 900px;
		margin: auto;
		text-align: center;
		margin-bottom: 100px;
		padding-bottom: 5px;
		background: url(../img/shadow.png) bottom repeat-x;
	}

	/*******************************************
		文字の装飾
	*******************************************/

	.red{
		color: #CC0000;
	}
	.bold{
		font-weight: bold;
	}

	/*******************************************
		デザインアイテム
	*******************************************/
	.itembox{
		width: 1100px;
		overflow: hidden;
		margin: auto;
		margin-top: 60px;
		margin-bottom: 50px;
	}
	div.itembox > div:nth-child(1){
		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;
	}
	.itembox .pt{
		background: url(../img/pt-2.png) no-repeat;
	}
	.itembox .k18{
		background: url(../img/k18-2.png) no-repeat;
	}
	.itembox .wg{
		background: url(../img/wg-2.png) no-repeat;
	}
	.itembox .pt, .itembox .k18, .itembox .wg{
		width: 350px;
		margin-left: 11px;
		margin-bottom: 40px;
		_margin-left: 8px;
		font-size: 14px;
		position: relative;
		transition: .2s;
		border: 1px solid #D2B48C;
		background-color: #f3e4d1;
		background-position: bottom right;
		box-shadow: 3px 5px 7px -5px rgba(0, 0, 0, 0.8);
	}
	.itembox .box a{
		color: #111111;
		text-decoration: none;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
	}
	.itembox .itemImg{
		width: 330px;
		margin-top: 10px;
		margin-left: 10px;
		border-radius: 5px;
	}
	.itembox .box .desc{
		margin: 10px 0 0 10px;
	}
	.itembox .box .percent{
		display: inline-block;
		text-align: center;
		width: 150px;
		margin: 5px 0;
		background-color: #CC0000;
		color: #FFFFFF;
		font-size: 21px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	}
	.itembox .box .arrive{
		display: inline-block;
		text-align: center;
		width: 100px;
		margin: 5px 0;
		background-color: #227d28;
		color: #FFFFFF;
		font-size: 21px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
	}
	.itembox .box .title{
		margin: 0 0 100px 0;
	}
	.itembox .box .desc .priceWrap{
		margin: 0;
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	.itembox .box .desc .price{
		font-family: Times New Roman Baltic , "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 18px;
	}
	.itembox .box .desc .sale_price{
		font-size: 28px;
		font-family: Times New Roman Baltic;
		color: #b4211a;
	}
	.itembox .box .desc .sale_price:before{
		content: "⇒ ";
		display: inline;
		font-size: 22px;
	}

	.itembox .box:nth-child(13n){
		width: 1078px;
		min-height: 352px;
	}
	.itembox .box:nth-child(13n) .itemImg{
		display: inline-block;
	}
	.itembox .box:nth-child(13n) .desc{
		width: 710px;
		display: inline-block;
		vertical-align: top;
	}
	.itembox .box:nth-child(13n) .arrive{
		width: 200px;
		font-size: 28px;
	}
	.itembox .box:nth-child(13n) .percent{
		width: 350px;
		font-size: 28px;
	}
	.itembox .box:nth-child(13n) .title{
		font-size: 22px;
	}
	.itembox .box:nth-child(13n) .priceWrap{
		left: 350px;
		font-size: 18px;
	}
	.itembox .box:nth-child(13n) .priceWrap .price{
		font-size: 24px;
	}
	.itembox .box:nth-child(13n) .priceWrap .sale_price{
		font-size: 42px;
	}
	.itembox .pt:hover, .itembox .k18:hover, .itembox .wg:hover{
		opacity: 0.7;
	}
	
	.smp-view{
		display: none;
	}

}