@charset "UTF-8";
/* CSS Document */

/*リセット*/
pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;cursor:default;font:16px/1.5 sans-serif;text-rendering:optimizeLegibility}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}
}
input[type="button"],input[type="text"],input[type="submit"] {
  -webkit-appearance: none;
   border-radius: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*----------------------------------
 clearfix
------------------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


body {
	width: auto;
	color:#333;
	text-align:center;
	font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background:#f7f7f6;
	line-height: 1.4;
	font-size:12px;
	-webkit-text-size-adjust: 100%;
	margin:0;
	padding:0;
	height: 100%;
	position:relative;
}
h1.detail_product_name{
font-family: sans-serif;
}

h2.detail_product_name{
	/*font-family: serif;*/
}

/*****************************************************
	
	基本設定、リンクカラーなど
	
*****************************************************/

a, a:link { color:#777;text-decoration:none; }
a:visited { color:#777; }
a:hover { color:#777; outline:none;text-decoration:underline; }
a:active { color:#777; outline:none; }

a.red, a.red:link { color:#f00!important; }
a.red:visited { color:#f00!important; }
a.red:hover { color:#f00!important; }
a.red:active { color:#f00!important; }

img {
vertical-align:top;
line-height:0;
border:0;
}

.clear { clear:both; }

.underline{
	text-decoration:underline;
}

.center{
	text-align:center;
}

.mousehover {
	position:relative;
	display:inline-block;
}
.mousehover a{
	padding:0;
	margin:0;
}
.mousehover:hover a img{
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
	opacity:0.2;
}
.mousehover .caption {
	font-size:		1.1em;
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
	opacity:		0;
	position: absolute;
	top: 48%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.mousehover:hover .caption {
	opacity:		1;
}


/*****************************************************
	
	ヘッダー
	
*****************************************************/

#header{
	background:#f7f7f6;
	position:relative;
	padding:0 0px;
}
.header{
	width:1200px;
	margin:0 auto;
	position:relative;
}
#logo{
	margin:0 auto;
	padding:10px 0 20px;
}
#logo a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.logoSp{
        display: none;
}
ul#subNav{
	position:absolute;
	left:10px;
	top:15px;
	padding-top:10px;
	font-family: 'Cinzel', serif;
}
ul#subNav li{
	float:left;
	padding:0 2px 0 0;
}
ul#subNav li a{
	color:#69544E;
	padding:0 10px;
}
ul#subNav li a:hover,ul#subNav li a.active{
	color:#FFF;
	background:#C5BCBA;
	text-decoration:none;
}
/**ヘッダーナビゲーション**/
/*ナビゲーションfixed*/
.fixed {
    position: fixed;
    top: 0;
	left:0;
    width: 100%;
    z-index: 10000;
	padding:20px 0 0;
	background:rgba(255,255,255,0.9);
}
#fixed div{
	width:auto;
	margin:0 auto;
}
div.headerNaviArea{
	clear:both;
	text-align:center;
	position:relative;
}
ul.globalNavi{
	position:relative;
	clear:both;
	height:30px;
	width:1200px;
	margin:0 auto;
	padding:0 0px;
}
ul.globalNavi > li{
	display:inline;
	padding:0 0.7%;
	font-size:1em;
	font-family: 'Cinzel', serif;
}
ul.globalNavi > li > a{
	color:#333;
	padding:5px 1% 10px;
}
ul.globalNavi > li > a:hover,
ul.globalNavi > li.selected > a{
	background:#C5BCBA;
	text-decoration:none;
	padding:5px 1% 15px;
	color:#FFF;
}
div#headerNaviArea ul.hovered > li > a{
	background:#fff;
}
ul.globalNavi li > div{
	position:absolute;
	top:30px;
	left:0px;
	background:#fff;
	padding:30px;
	display:none;
	width:100%!important;
}
ul.globalNavi li div ul{
	text-align:left;
	float:left;
	padding-right:20px;
}
ul.globalNavi li div ul.first{
	
}
ul.globalNavi div ul li{
	padding-bottom:0.0em;
	width:250px;
	font-family: sans-serif;
	font-size:12px;
}
ul.globalNavi div ul.sex li,ul.globalNavi div ul.price li,ul.globalNavi div ul.sozai li{
	width:150px;
}
ul.globalNavi div ul.motif li{
	width:280px;
}
ul.globalNavi li.search{
	float:right;
	padding:0;
}
@media screen and (max-width: 1199px){
	ul.globalNavi div ul li{
		width:210px;
	}
	ul.globalNavi div ul.sex li,ul.globalNavi div ul.sozai li{
		width:100px;
	}	
	ul.globalNavi div ul.price li{
		width:130px;
	}
}
ul.globalNavi div ul li a{
	
}
ul.globalNavi div ul li a:hover{
	color:#CCC;
	text-decoration:none;
}
li.gn_heading{
	color:#333;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: solid 1px #E7E7E7;
}
li.wide{
	width:100%;
}
li.wide span{
	margin-right:40%;
}
ul.globalNavi div ul li ul{
	margin-top:10px;
}
ul.globalNavi div ul li.wide ul{
	width:50%;
	margin-right:1.5%;
	margin-top:10px;
}
ul.globalNavi div ul li.wide ul.right{
	width:47%;
	margin-top:10px;
}
/*PC検索窓*/
div.search_pc{
	position:absolute;
	right:0px;
	top:40px;
}
div.search_pc form .keywords{
	background:#FFF;
	height:30px;
	width:200px;
	margin-right:10px;
	padding:0 10px;
	border: solid 1px #E7E7E7;
}
div.search_pc form .submit{
	background:#FFF;
	color:#69544E;
	border: solid 2px #69544E;
	padding:0 15px;
	line-height:0;
	height:30px;
}
div.search_pc form .submit:hover{
	background:#69544E;
	color:#FFF;
}
.mobile_btn{
	display:none;
	}
.nav_btn{
	
}
.header_nav_btn{
	position:absolute;
	right:20px;
	top:10px;
	text-align:right;
}
/*.pc-login-menu{
	position:absolute;
	right:0;
	top:10px;
	text-align:right;
}
.pc-login-menu li{
	display: inline-block;
	padding:0 0 0 20px;
}*/
h1.siteTtl,div.siteTtl{
	position:absolute;
	left:20px;
	top:5px;
	font-size:10px;
}
nav#menu li{
		display:none;
}
@media screen and (max-width: 1000px){
	.header_nav_btn{
		display:none;
	}
}
@media screen and (max-width: 768px){
	#header{
		min-width:0;
	}
	.header{
		width:100%;
		margin:0 auto;
		position:relative;
		min-width:100%;
        margin-bottom: 55px;
	}
    #logo{
		display: none;
	}
	.header_nav_btn{
		display:block;
	}
	.fixed_sp {
		position: fixed;
		top: 0;
		background:#fff;
		width: 100%;
		z-index: 9999;
		padding:10px 0 0;
		background:rgba(255,255,255,0.9);
        height: 55px;
	}
	.fixed_sp.fixed_sp_list {
		height: 85px;
	}
	.number_area_sp{
		padding:33px 0 0 0;
	}
.pankuzu-list-page{
		padding:0;
		margin:-20px 0 0 0;
	}
	ul#subNav{
		display:none;
	}
    nav#menu{
        position: absolute;
    }
	nav#menu li{
		display:block;
		text-align:left;
	}
	nav#menu li.logo{
		background: none;
		padding:4px 0 9px;
	}
    nav#menu li a.checkList{
        position: absolute;
        right: 43px;
        top: 13px;
    }
    nav#menu li a.favorite{
        position: absolute;
        right: 0;
        top: 13px;
    }
    nav#menu li.logo span{
        display: none;
	}
	h1.siteTtl, div.siteTtl{
		display:none;
	}
	div.search_pc{
		display:none;
	}
    #fixed_sp ul{
        position: relative;
        padding: 0;
        margin: 0;
    }
    #fixed_sp ul li{
        padding: 0;
        margin: 0;
        width: auto;
    }
    #fixed_sp ul li.mobile_btn{
        position: absolute;
        left: 15px;
        top: 9px;
        width: 25px;
    }
    #fixed_sp ul li.logoSp{
        display: block;
        width: 70px;
        margin: 0 auto;
    }
    #fixed_sp ul li.logoSp a img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    #fixed_sp ul li{
        float: none;
    }
    #fixed_sp ul li.checklist{
        display: none;
    }
    #fixed_sp ul li.mypage{
        display: none;
    }
    #fixed_sp ul li.search_products{
         position: absolute;
        right: 60px;
        top: 7px;
        width: 20px;
    }
    #fixed_sp ul li.nav_cart{
        position: absolute;
        right: 15px;
        top: 5px;
        width: 23px;
    }
    #fixed_sp ul li img{
        width: 100%;
        height: auto;
    }
	nav:not(.mm-menu) {
		display: none;
	}
	nav#menu{
		position: fixed;
	}
	.pc-login-menu{
		display:none;
	}
}
@media screen and (max-width: 480px){
}

/*****************************************************
	
	コンテンツ
	
*****************************************************/
#container{
	clear:both;
	position:relative;
}


/**TOP PAGE**/
#top h1{
	text-align:right;
	color:#777;
	margin:10px 0 0;
	font-size:11px;
}
.itemArea h1{
	text-align:right;
	color:#777;
	margin:10px 0 0;
	font-size:11px;
}

/**	TOPページスライダー **/
#owl-carousel{
	background:#FFF;
}
#owl-carousel .item{
	min-width:980px;
}
#owl-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
	}
#owl-carousel .item{
	position:relative;
}
#owl-carousel .item .slideTxt{
	position:absolute;
	top:20%;
	left:50%;
	width:400px;
	color:#FFF;
	text-align:center;
	margin:0 0 0 -200px;
	padding:30px 0;
	background:rgba(0,0,0,0.2)
}
#owl-carousel .item .slideTxt div.ttl{
	font-size:2em;
	font-family: 'Cinzel',serif;
	margin-bottom:0.5em;
}
#owl-carousel .item .slideTxt p{
	line-height:1.8em;
	margin-bottom:1em;
}
#owl-carousel .item .slideTxt a{
	display:block;
	border: solid 2px #FFF;
	width:150px;
	text-align:center;
	margin:0 auto;
	color:#FFF;
	padding:5px 0;
	font-size:1.2em;
	font-family: 'Cinzel',serif;
}
#owl-carousel .item .slideTxt a:hover{
	text-decoration:none;
	background:rgba(255,255,255,0.3);
	cursor: pointer;
}
#owl-carousel .item img.slideImgSp{
	display: none;
}
@media screen and (max-width: 768px){
	#owl-carousel{
		min-width:0;
		height: 100vw;
	}
	#owl-carousel .item{
	 	min-width:100%;
		height: 100vw;
	}
	#owl-carousel .item .slideTxt{
		position:absolute;
	top:0;
	left:0;
		right: 0;
		bottom: 0;
	width:100%;
		height: auto;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	padding:0 0;
		background:rgba(0,0,0,0.2)	
	}
	#owl-carousel .item .slideTxt div.ttl{
		font-size:1.5em;
		padding-top: 25%
	}
	#owl-carousel .item .slideTxt p{
		
	}
	#owl-carousel .item .slideTxt a{
		width:100px;
		font-size:1em;
		position: absolute;
		left:0;
		right:0;
		bottom: 10%;
	}
	#owl-carousel .item img.slideImgSp{
		display: block;
		width:100%;
		height: 100vw;
	}
	#owl-carousel .item img.slideImgPc{
		display: none;
	}
}

/**	緊急速報 **/
.kinkyu{
    padding: 20px 0 20px;
    margin: 0 auto 20px;
    border: solid 1px #FF0000;
    width: 900px;
    background: #FFF;
}
.kinkyu h3{
    font-size: 1.3em;
    padding-bottom: .5em;
}
.kinkyu p{
    font-size: 1.1em;
}  
@media screen and (max-width: 768px){
    .kinkyu{
        margin: 20px 20px 20px;
        padding: 20px 20px 20px;
        width: auto;
    }
}
    
/**	TOP特集 **/
ul.categoryList{
    display: none;
}
.ring-size{
	display: none;
}
.tokusyu{
    padding: 30px 0 20px;
    margin: 0 auto 0;
}
.tokusyu ul{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 0 15px;
	text-align: center;
}
.tokusyu ul li{
    width: 23%;
    margin: 12px 1%;
    padding:15px;
    background: #FFF;
}
.tokusyu ul li img{
    width: 100%;
    height: auto;
}
.tokusyu ul li h2{
    font-weight: bold;
    font-size: 1em;
    padding: 15px 0 0 0;
}
.btnMore{
    text-align:center;
}
.btnMore a{
    color:#69544E;
    border: solid 2px #69544E;
    background:#FFF;
    padding:3px 20px;
    width: 150px;
    display: block;
    margin: 0 auto;
}
.btnMore a:hover{
    text-decoration:none;
    background:#69544E;
    color:#FFF;
}
@media screen and (max-width: 768px){
	#undercolumn{
		padding: 0 10px;
	}
    ul.categoryList{
        display:block;
        font-size: 1em;
        padding: 15px 10px 0 15px;
        background: #FFF;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    ul.categoryList li{
        width: 33%;
        padding: 12px 0;
        border-bottom: dotted 1px #CCC;
        border-right: dotted 1px #CCC;
    }
    .categoryList li:nth-child(3n){
        border-right: 0;
    }
    .categoryList li:nth-child(13),.categoryList li:nth-child(14),.categoryList li:nth-child(15){
        border-bottom: 0;
    }
    .categoryList li a:hover,.categoryList li a:link{
        text-decoration: none;
    }
	.ring-size{
		background: #FFF;
		display: block;
		padding-top: 15px;
		}
	.ring-size a{
		display: block;
		margin: 0 15px 0;
		padding: 20px;
		border: solid 1px #CCC;
		font-weight: bold;
		font-size: 1.3em;
		background: #f7f7f6;
	}
	.ring-size a:hover{
		text-decoration: none;
		background: #FFF;
	}
    .tokusyu{
        padding: 15px 0 30px;
    }
    .tokusyu ul{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 10px;
    }
    .tokusyu ul li{
        width: 48%;
        margin: 12px 1%;
        padding: 0 0 20px;
        background: #FFF;
        border-bottom: 0;
    }
    .tokusyu ul li h2{
        font-weight: bold;
        font-size: 1em;
        padding: 15px 0 0 0;
    }
    .tokusyu.ichiran ul{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .tokusyu.ichiran ul li{
        width: 48%;
        margin: 12px 1%;
        padding: 0 0 20px;
        background: #f7f7f6;
        border-bottom: 0;
    }
    .tokusyu.ichiran ul li h2{
        font-weight: bold;
        font-size: 1em;
        padding: 15px 1em .2em;
    }
    .tokusyu.ichiran ul li p{
        padding: 0 1em;
        font-size: .9em;
    }
    .btnMore a{
        width: 40%;
    }
}

.aboutMaxi{
	display:block;
	background:#FFF;
	padding:20px 20px 10px;
	margin:0 0 0;
}
.aboutMaxi h2{
	font-family:'Times New Roman',selif;
	font-size:1.3em;
	padding-bottom:0.5em;
}
.aboutMaxi p{
    font-size:1.1em;
	line-height:2.5em;
	margin-bottom:1em;
	color:#777;
}
.aboutMaxi .btnMore{
	margin-top:20px;
}
#sex{
	background:#f7f7f6;
	width:1230px;
	margin:0 auto;
	padding:20px 0 0;
}
#sex div.sex{
	float:left;
	padding:0 10px 20px;
}
#sex div.sex a{
	width: 383px;
	display:block;
	text-decoration:none;
	padding:5px 0;
	font-size:15px;
	color:#69544E;
	border: solid 1px #69544E;
	background:#FFF;
	
}
#sex div.sex a:hover{
	background:#69544E;
	color:#FFF;
}

ul.frontBanner{
	display: none;
	padding:20px 0 20px;
	text-align:center;
	width:700px;
	margin:0 auto;
	background:#FFF;
}
ul.frontBanner a:hover{
	opacity:0.8;
}
ul.frontBanner li{
	padding:0 0 10px;
}
ul.frontBanner li img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px){
	ul.frontBanner{
		display: block;
		width:auto;
		height:auto;
		padding: 20px 20px 0px;
	}
	ul.frontBanner img{
		width:100%;
		height:auto;
	}
}

#feature{
	min-width:1020px;
	background:#FFF;
	padding:20px 0 20px;
}
#feature .feature{
	width:1200px!important;
	margin:0 auto;
}
#feature .feature div.item{
	width: 385px;
}
#feature .feature div img{
	width: 385px;
	margin-bottom:20px;
}

#feature .feature div.featureNewArrival img{
	width: 190px;
	margin-bottom:20px;
}
#feature .feature div p{
	margin:0 auto;
	padding:0 10px 2em;
	border-bottom: solid 1px #E7E7E7;
}
#feature .feature div p.ttl{
	font-weight:bold;
	padding:0 10px 1em;
	border-bottom: none;
}

.feature_sp{
	display:none;
}

/**	TOPページ商品一覧 **/
#womens{
	margin-top:20px;
}
#womens,#mens{
	clear:both;
	position:relative;
	margin-bottom:40px;
	border-bottom: solid 1px #E7E7E7;
}
#mens{
}
#womens>div,#mens>div{
    padding-bottom: 40px;
}
#itemArea{
	padding:0 20px;
}
.itemArea{
	max-width:1200px;
	min-width:980px;
	margin:0 auto 20px;
	text-align:left;
}
.itemArea h2{
	font-size:1.6em;
	margin-bottom:20px;
}

.itemArea .tab{
	overflow:hidden;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-240px;
}
.itemArea .tab li{
	background:#FFF;
	padding:2px 0;
	width:150px;
	text-align:center;
	float:left;
	color:#69544E;
	margin:0 5px;
	border: solid 1px #69544E;
	cursor:pointer;
}
.itemArea .tab li.select,.itemArea .tab li.selectWomens,.itemArea .tab li.selectMens{
	background:#69544E;
	color:#FFF;
}
.itemArea .tab li a{
	color:#69544E;
}
.itemArea .tab li.select a{
	display:block;
	background:#69544E;
	color:#FFF;
}
.itemArea .tab li.select a:hover,.itemArea .tab li a:hover{
	text-decoration:none;
}
.hide {display:none;}

ul.topItem{
	clear:both;
	margin-bottom:10px;
}
ul.topItem li{
	padding:0 10px;
}
ul.best_womens li,
ul.best_mens li{
    position: relative;
}
ul.best_womens li:after,
ul.best_mens li:after{
    font-family: serif;
    font-size: 1.8em;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    left: 11%;
    bottom: 5%;
    color: #777;
}
ul.best_womens :nth-child(1) li:after,
ul.best_mens :nth-child(1) li:after{
	 content:"1";
}
ul.best_womens :nth-child(2) li:after,
ul.best_mens :nth-child(2) li:after{
	 content:"2";
}
ul.best_womens :nth-child(3) li:after,
ul.best_mens :nth-child(3) li:after{
	 content:"3";
}
ul.best_womens :nth-child(4) li:after,
ul.best_mens :nth-child(4) li:after{
	 content:"4";
}
ul.best_womens :nth-child(5) li:after,
ul.best_mens :nth-child(5) li:after{
	 content:"5";
}
ul.best_womens :nth-child(6) li:after,
ul.best_mens :nth-child(6) li:after{
	 content:"6";
}
ul.best_womens :nth-child(7) li:after,
ul.best_mens :nth-child(7) li:after{
	 content:"7";
}
ul.best_womens :nth-child(8) li:after,
ul.best_mens :nth-child(8) li:after{
	 content:"8";
}
ul.best_womens :nth-child(9) li:after,
ul.best_mens :nth-child(9) li:after{
	 content:"9";
}
ul.best_womens :nth-child(10) li:after,
ul.best_mens :nth-child(10) li:after{
	 content:"10";
}
ul.best_womens :nth-child(11) li:after,
ul.best_mens :nth-child(11) li:after{
	 content:"11";
}
ul.best_womens :nth-child(12) li:after,
ul.best_mens :nth-child(12) li:after{
	 content:"12";
}
ul.best_womens :nth-child(13) li:after,
ul.best_mens :nth-child(13) li:after{
	 content:"13";
}
ul.best_womens :nth-child(14) li:after,
ul.best_mens :nth-child(14) li:after{
	 content:"14";
}
ul.best_womens :nth-child(15) li:after,
ul.best_mens :nth-child(15) li:after{
	 content:"15";
}

ul.topItem li a{
	background:#FFF;
	display: block;
	text-align:center;
	color:#333;
	position:relative;
}
ul.topItem li a:hover{
	text-decoration:none;
	background:#EAEAEA;
}
ul.topItem li a img{
	margin:30px 0 20px;
	width:80%;
	height:auto;
	max-width:240px;
	max-height:240px;
}
ul.topItem li a p.ttl{
	height:60px;
	padding:0 20px;
}
ul.topItem li a p.price{
	padding:0 20px 40px;
	color:#777;
}
.itemArea .btnMore{
	text-align:center;
}
.itemArea .btnMore a{
	color:#69544E;
	border: solid 2px #69544E;
	background:#FFF;
	padding:3px 20px;
}
.itemArea .btnMore a:hover{
	text-decoration:none;
	background:#69544E;
	color:#FFF;
}
.itemArea .btnMore.moreNewItem{
    display: flex;
}
#check_area{
	margin-bottom:40px;
}

#whobought{
	text-align:center;
}
#recent_area,
#new_mens,
#best_mens,
#recommend_mens,
#new_womens,
#best_womens,
#recommend_womens,
#whobought{
	clear:both;
	margin-bottom:40px;
}
#recent_area div,
#new_mens div,
#best_mens div,
#recommend_mens div,
#new_womens div,
#best_womens div,
#recommend_womens div,
#whobought div{

}
#recent_area div a,
#new_mens div a,
#best_mens div a,
#recommend_mens div a,
#new_womens div a,
#best_womens div a,
#recommend_womens div a,
#whobought div a{
	width:285px;
	height:400px;
	background:#FFF;
	display: block;
	text-align:center;
	color:#333;
	position:relative;
}
#recent_area div a:hover,
#new_mens div a:hover,
#best_mens div a:hover,
#recommend_mens div a:hover,
#new_womens div a:hover,
#best_womens div a:hover,
#recommend_womens div a:hover,
#whobought div a:hover{
	text-decoration:none;
	background:#EAEAEA;
}
#recent_area div a img,
#new_mens div a img,
#best_mens div a img,
#recommend_mens div a img,
#new_womens div a img,
#best_womens div a img,
#recommend_womens div a img,
#whobought div a img{
	margin:30px 0 10px;
	width:240px;
	height:240px;
}
#recent_area div a p.ttl,
#new_mens div a p.ttl,
#best_mens div a p.ttl,
#recommend_mens div a p.ttl,
#new_womens div a p.ttl,
#best_womens div a p.ttl,
#recommend_womens div a p.ttl,
#whobought div a p.ttl{
	height:60px;
	padding:0 20px;
}
#recent_area div a p.price,
#new_mens div a p.price,
#best_mens div a p.price,
#recommend_mens div a p.price,
#new_womens div a p.price,
#best_womens div a p.price,
#recommend_womens div a p.price,
#whobought div a p.price{
	padding:0 20px;
	color:#777;
}
.more{
	float:right;
	padding-right:20px;
}

/*collection*/
#collection{
	background: #FFF;
}
#collection .float-left{
	float: left;	
	margin: 0 0 0 20px;
}
#collection .float-right{
	float: right;
	margin: 0 20px 0 0;
}


#collection #zero{
	/*background:url(images/front/2016_winter_01.jpg) 50% 0 no-repeat fixed #FFF;*/
	background:url(/brand/wp-content/themes/maxi-j/images/front/web-tdr-rings2_r__.jpg) 50% 0 no-repeat fixed #FFF;
	height: 700px;
	padding: 0;
	background-size:cover;
}

#collection #one{
	background:url(/brand/wp-content/themes/maxi-j/images/front/leathar_brace_back.jpg) 50% 0 no-repeat fixed #FFF;
	height: 700px;
	padding: 0;
	background-size:cover;
}

#collection #two{
	background: url(/brand/wp-content/themes/maxi-j/images/front/web-name-r-n3.jpg) 50% 0 no-repeat fixed #FFF;
	color: white;
	height: 700px;
	overflow: hidden;
	padding: 0;
	background-size:cover;
}

#collection #three{
	background: url(/brand/wp-content/themes/maxi-j/images/front/web-watch3.jpg) 50% 0 no-repeat fixed #FFF;
	color: white;
	height: 700px;
	padding: 0;
	background-size:cover;
}

#collection #six{
	background: url(/brand/wp-content/themes/maxi-j/images/front/web-watch3.jpg) 50% 0 no-repeat fixed #FFF;
	color: white;
	height: 700px;
	padding: 0;
	background-size:cover;
}
#collection .storyArea{
	overflow: auto;
	width:50%;
	height:700px;
	min-width:300px;
	background:#FFF;
	padding: 0 0 0 0;
	margin:0;
}
#collection .story{
	padding:90px 0 0;
}
#collection .bgSp{
	display:none;
}
#collection .story h2{
	font-family:'Times New Roman', selif;
	font-weight:normal;
	color:#333;
	font-size:1.5em;
	padding:1em 0;
	margin-bottom:40px;
	background:url(/brand/wp-content/themes/maxi-j/images/front/ttl_line.gif) no-repeat center bottom;
}
#collection .story p{
	line-height:2;
	padding:0 15px 40px;
	color:#777;
}

/* TOPページNEWS */
#newsArea,#stylingArea,#columnArea{
	background:;
	clear:both;
	padding:40px 0px;
	min-width:1020px;
}
#news,#styling,#column{
	max-width:1200px;
	min-width:980px;
	margin:0 auto;
	text-align:left;
}
#news h2,#styling h2,#column h2{
	font-size:1.6em;
	margin-bottom:20px;
}
#news ul,#styling ul,#column ul{
	margin-left:-20px;
}
#news li,#styling li,#column li{
	float:left;
	padding-left:20px;
}
#news li img,#styling li img,#column li img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
#news li a:hover img,#styling li a:hover img,#column li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity:0.7;
}
#news li p,#column li h3{
	width:100%;
	padding-bottom:1em;
}

@media screen and (max-width: 768px){
	#collection h2{
		max-width: auto;
		min-width: auto;
		text-align: center;
	}
	#collection #zero{
		background:none;
	}
	#collection #zero, #collection #one,#collection #two,#collection #three,#collection #four,#collection #five,#collection #six{
		background:none;
		background-color:#FFF;
		height:auto;
		padding:0 0 40px;
		margin:0 0;
	}
	#collection #zero .float-left,#collection #one .float-right,#collection #two .float-left,#collection #three .float-right,#collection #four .float-left,#collection #five .float-right,#collection #six .float-left{
		float:none;
	}
	#collection .storyArea{
		overflow: hidden;
		margin:0 auto;
		width:auto;
		height:auto;
		min-width:0;
	}
	#collection .story{
		padding:20px 0 0;
	}
	#collection .bgSp{
		display:block;
		margin-bottom:20px;
	}
	#collection .bgSp img{
		width:90%;
	}
	#collection  .story .item img{
		width:80%;
		max-width:300px;
	}
	#collection .story p{
		padding-left:20px;
		padding-right:20px;
	}
	#collection .story .btnMore{
		margin-bottom:1em;
	}
}
@media screen and (max-width: 414px){
}
@media screen and (max-width: 768px){
	#top h1{
		text-align:center;
	}
	.itemArea h1{
		text-align:center;
	}
	#sex{
        display: none;
        
		width: auto;
		padding: 0;
	}
	#sex div.sex{
		width: 32%;
		margin: 0 1%;
		float:none;
		display: inline;
		padding-top: 20px;
	}
	#sex div.sex a{
		width: auto;
		margin: 0 0;
		color:#69544E;
		border: 0;
		background:none;	
	}
	#sex .btnLadies,#sex .btnMens{
		border-right: solid 1px #CCC;
	}
	#sex div.sex a:hover{
		background: none;
		color:#69544E;
	}
	#feature{
		min-width: 0;
        padding-top: 0;
	}
	.feature{
		display:none!important;
	}
	.feature div.item{
		display:none!important;
	}
	.feature_sp{
		display:block;
		margin:0 15px;
		display: flex;
		flex-wrap: wrap;
	}
	.feature_sp div.item{
		display:inline-block;
		width:48%;
		margin: 0 1% 2%;
		padding:0px 0 0;
	}
	.feature_sp div img{
		width:100%;
		height: auto;
	}
	.feature_sp p.ttl{
		padding:0.5em 0;
	}
	#womens{
		margin-top:20px;
	}
	#womens,#mens{
		clear:both;
		position:relative;
		margin-bottom:40px;
	}
	#mens{
		margin-bottom:0px;
	}
	#itemArea{
		
	}
	.itemArea{
		width:100%;
		min-width:0;
		text-align:center;
	}
	.itemArea h2{
		text-align:center;
	}
	.itemArea ul.tab{
		overflow:hidden;
		width:390px;
		position:static;
		margin:0 auto 40px;
		text-align:center;
	}
	.itemArea .tab li{
		width:120px;
		text-align:center;
		float:left;
		margin:0 5px;
	}
	ul.topItem{
		clear:both;
		margin:0 0 40px;
		padding:0 20px;
		text-align:center;
	}
	ul.topItem li{
		float:none;
		padding:0 5px;
		text-align:center;
		word-break:break-all;
		width:auto;
	}
	ul.topItem li a{
		max-width:285px;
		margin:0 auto 10px;
	}
	ul.item{
		clear:both;
		margin:0 20px 40px;
		text-align:center;
	}
	ul.item li{
		float:none;
		padding:0 5px;
		text-align:center;
		display:inline-block;
	}
	ul.item li a{
		margin:0 auto 10px;
	}
	/* TOPページNEWS */
	#newsArea,#stylingArea,#columnArea{
		min-width:0;
		padding-left:15px;
		padding-right:15px;
	}
	#news,#styling,#column{
		min-width:0;
		text-align:center;
	}
	#news h2,#styling h2,#column h2{
		text-align:center;
	}
	#news ul,#styling ul,#column ul{
		margin-left:0;
        display: flex;
	}
	#news li,#styling li,#column li{
		float: none;
		padding:0 5px;
		margin:0 auto 20px;
		width:100%;
	}
	#news li img,#styling li img,#column li img{
		width:100%;
	}
	#news li p{
		margin:0 auto;
		text-align:left;
	}
	#column li h3{
		margin:0 auto;
		text-align:left;
	}
}
@media screen and (max-width: 480px){
	.itemArea ul.tab{
		overflow:hidden;
		position:static;
		margin-left:0;
		margin:0 20px 40px;
		text-align:center;
		width:auto;
	}
	.itemArea ul.tab li{
		width:80%;
		text-align:center;
		float:none;
		margin:0 auto 10px;
		display:block;
	}
	#recent_area div:first-child,
	#new_mens div:first-child,
	#best_mens div:first-child,
	#recommend_mens div:first-child,
	#new_womens div:first-child,
	#best_womens div:first-child,
	#recommend_womens div:first-child,
	#whobought div:first-child{
	margin-left:0.2%;
	}
}

/**	独自ページ **/
.whiteArea{
	background:#FFF;
	padding:20px 0 40px;
}
@media screen and (max-width: 768px){
	div.featureImg{
		margin:0 30px;
	}
	div.featureImg img{
		width:100%;
	}
}

/**	新作一覧、ランキング、ベストセラースマートフォン2列表示 **/
@media only screen and (max-width: 768px) {

	.newArrival{
		margin:0 10px;
	}
	.newArrival ul.item{
		margin:0 auto;
	}
	.newArrival ul.item li{
			float:left;
			width:48%;
			padding:0 5px;
			margin:1%;
	}
	.newArrival ul.item li a{
			width:100%;
			max-width:285px;
			background:#FFF;
			display: block;
			text-align:center;
			color:#333;
			position:relative;
			word-break: break-all;
	}
	.newArrival ul.item li a img{
			margin:30px 0 10px;
			width:90%;
			max-width:240px;
			height:auto;
	}
}
@media only screen and (max-width: 480px) {
	.newArrival ul.item li a{
			
			height:310px;
			
	}
	
}

/**	商品一覧共通 **/
h1.title{
	font-size:1.3em;
}
ul.column-list-page{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 10px 0;
}
ul.column-list-page::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
ul.column-list-page::after{
  content:"";
  display: block;
  width:24%;
}

ul.column-list-page li{
    width: 24%;
    text-align: left;
    padding-bottom: 1em;
}
ul.column-list-page li img{
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 10px;
}
ul.column-list-page li{
}
p.cat_setumei{
	padding:1em 20px;
	margin:0.5em 0 0;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
p.cat_setumei a.ring-size{
	width: auto;
	display: inline-block;
	margin: 10px auto 0;
	padding: 10px;
	border: solid 1px #CCC;
	font-weight: bold;
	font-size: 1.1em;
	background: #FFF;
}
p.cat_setumei a.ring-size:hover{
	text-decoration: none;
	background: #f7f7f6;
}
p.cat_setumei.timeSale a{
	display:inline-block;
	margin: 10px 10px 0;
	padding:.5em 1em;
	border: solid 1px #CCC;
	font-weight: bold;
	font-size: 1.1em;
	background: #FFF;
}
span.status7{
	color:#FFF;
}
span.notice{
	font-size:1.3em;padding:5px 10px;color:white;background:#a1a8b2;
	display:inline-block;
	margin: 10px auto 0;
	}
.btnPendatCahin{
    display: flex;
    justify-content: space-between;
    margin:0 0 10px;
	clear: both;
}
.btnPendatCahin a{
    display: block;
    padding: 2px 4px;
    border: solid 1px #CCC;
    font-weight: bold;
    font-size: .8em;
    background: #FFF;
}
.btnPendatCahin a:hover{
    text-decoration: none;
    background: #f7f7f6;
}

@media screen and (max-width: 768px){
	ul.column-list-page li{
    width: 48.5%;
    }
    p.cat_setumei{
		padding:1em 10px;
		margin:0.5em 10px 0;
	}
	p.cat_setumei a.ring-size{
		width: auto;
		display: block;
		margin: 10px 0 0;
		padding: 10px;
		border: solid 1px #CCC;
		font-weight: bold;
		font-size: 1em;
		background: #FFF;
	}
	p.cat_setumei a.ring-size:hover{
		text-decoration: none;
		background: #f7f7f6;
	}
	span.notice{
	font-size:1em
	}
    .btnPendatCahin{
        margin-top:-20px;
    }
}
/**	商品詳細 **/
#photo img#remote_image{
	width:480px;
	height:480px;
}
ul.eventBanner{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
}
ul.eventBanner li{
    width: 390px;
    padding:0 5px;
    height: auto;
}
ul.eventBanner li a img{
    width: 100%;
    height: auto;
}
li#status7{
	color:#FFF;
}
@media screen and (max-width: 768px){
	.sphone_item{
	text-align:center;
	}
	.sphone_item .item{
		margin:0 auto;
	}
    ul.eventBanner{
        display: block;
    }
    ul.eventBanner li{
        width: 100%;
        height: auto;
        padding: 0 0 5px 0;
    }
}
#request a{
    background-color: #644a40;
    color: #FFF;
    border: none;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 237px;
    display: block;
    margin-bottom: 15px;
    text-decoration: none!important;
    text-align: center;
}
#request a:hover{
    opacity: 0.7;
    text-decoration: none;
}
.mail.icon {
  color: #FFF;
  position: relative;
    display: inline-block;
    margin-right: 10px;
  margin-left: 2px;
  margin-top: 5px;
  width: 17px;
  height: 10px;
  border-radius: 1px;
  border: solid 1px currentColor;
}

.mail.icon:before {
  content: '';
  position: absolute;
  left: 7px;
  top: -4px;
  width: 1px;
  height: 10px;
  background-color: currentColor;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(-54deg);
          transform: rotate(-54deg);
}

.mail.icon:after {
  content: '';
  position: absolute;
  left: 7px;
  top: -4px;
  width: 1px;
  height: 10px;
  background-color: currentColor;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}
/**	商品詳細在庫モーダルウィンドウ **/
a.leanModal{
	border: solid 1px #69544E;
	color:#69544E;
	padding:5px 0;
	margin:20px 0;
	display:block;
	width:200px;
	text-align:center;
}
a.leanModal:hover{
	background:#69544E;
	color:#FFF;
	text-decoration:none;
}
#lean_overlay{
	position: fixed; z-index:10001; 
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}
#zaikoModal{
	display: none;
	height:80%;
	overflow: scroll;
	background:#FFF;
	padding: 42px 20px 20px 20px;
}
.modal_close{ 
	position: absolute;
	top: 10px;
	right: 10px;
	display: block; 
	width: 32px;
	height: 32px; 
	z-index: 10002;
	background:url(/user_data/packages/default/img/images/common/btn_close.gif) no-repeat;
}
#zaikoModal table tr td{
	padding:3px 10px;
}
@media screen and (max-width: 768px){
	#zaikoModal{
		background: none repeat scroll 0 0 #FFFFFF;
		padding: 26px 10px 10px 10px;
		margin:0 20px;
		font-size:0.85em;
	}
	.modal_close{ 
		width: 20px;
		height: 20px;
		background-size:20px 20px;
	}
	#zaikoModal table tr td{
		padding:0;
	}
}

/*****************************************************
	
	フッター
	
*****************************************************/
#footer{
	clear:both;
	background:#FFF;
	min-width:1020px;
}
/*メルマガ登録*/
#mailMagazine{
	background:#D9D3D2;
	padding:25px 0;
	width:100%;
}
.mailMagazine{
	max-width:1200px;
	min-width:980px;
	margin:0 auto;
	position: relative;
}
#mailMagazine h2{
	display:inline-block;
	margin-right:10px;
	margin-top:5px;
	font-size:1.3em;
	font-family: 'Times New Roman',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
#mailMagazine form{
	display:inline-block;
}



#mailMagazine form .keywords{
	background:#FFF;
	height:40px;
	width:280px;
	margin-right:10px;
	padding:0 10px;
	border: solid 1px #E7E7E7;
	line-height:1;
}
#mailMagazine .submit{
	background:#FFF;
	color:#69544E;
	border: solid 2px #69544E;
	padding:0 30px;
	line-height:0;
	height:40px;
}
#mailMagazine .submit:hover{
	background:#69544E;
	color:#FFF;
}

/*フッターナビゲーション*/
.footer{
	padding:40px 20px 20px;
	text-align:left;
	position:relative;
}
.footNavi{
	max-width:1200px;
	min-width:980px;
	margin:0 auto;
}
ul.footerNaviArea{
	margin-left:-3%;
	display: block;
}
ul.footerNaviArea.accordion{
	display: none;
}
.footerNavi{
	float:left;
	width:20%;
	padding-left:3%;
}
.footerNavi.first{
}
.footerNavi p{
	height:3em;
	border-bottom: solid 1px #E7E7E7;
}
.footerNavi ul{
	padding:20px 0;
}
.footerNavi ul li{
	padding-bottom:0.8em;
}
.footerNavi ul li a:hover{
	text-decoration:none;
	color:#CCC;
}
ul.snsLink{
	clear:both;
	text-align:center;
	margin:0 0 40px 0;
}
ul.snsLink li{
	display:inline;
	padding:0 10px
}
.footTxt{
	clear:both;
	text-align:center;
	font-size:10px;
	margin-bottom:1em;
	color:#777;
}
.copyRight{
	text-align:center;
	font-size:10px;
}
.gotop{
		margin:0 auto 0;
		padding-top:20px;
		text-align:center;
}

@media screen and (max-width: 768px){
	#footer{
		min-width:0;
	}
	#mailMagazine{
		min-width:0;
	}
	.mailMagazine{
		min-width:0;
	}
	.mailMagazine h2{
		margin-bottom:10px;
	}
	#mailMagazine form{
		width:100%;
	}
	#mailMagazine form .keywords{
		width:60%;
	}
	.footer{
		width:auto;
		padding:0 0 20px;
	}
	.footNavi{
		min-width:0;
		padding-left:0;
	}
	ul.footerNaviArea{
		display: none;
	}
	ul.footerNaviArea.accordion{
		display: block;
	}
	ul.footerNaviArea{
		margin-bottom:40px;
		margin-left:0;
	}
	ul.footerNaviArea ul { 
		display:none;
	}
	li.footerNavi{
		float:none;
		padding: 0 0 0 0;
		margin:0 0 0 0;
		width:auto;
	}
	li.footerNavi p{
		width:auto;
		height:auto;
		padding-bottom:20px;
		padding-top:20px;
		margin: 0 0 0 0;
		background:#f7f7f6;
	}
	li.footerNavi p span{
		display:block;
		margin: 0 20px 0;
		background:url(/user_data/packages/default/img/images/common/plus.png) no-repeat right 0.2em;
	}
	ul.footerNaviArea > li > p span.open {
		background:url(/user_data/packages/default/img/images/common/plus_open.png) no-repeat right 0.3em;
		}
	.footerNavi p a{
		color:#333;
	}
	.footerNavi ul{
		width:auto;
		padding:20px 0 0;
		margin-bottom:0;
	}
	.footerNavi ul li{
		padding-bottom:0;
	}
	.footerNavi ul li a{
		display:block;
		width:auto;
		padding: 0 0 20px;
		margin:0 0 20px;
		border-bottom: solid 1px #E7E7E7;
	}
	.footerNavi ul li.last a{
		margin-bottom:0;
	}
	.footerNavi ul li a span{
		display:block;
		margin: 0 20px 0;
		background:url(/user_data/packages/default/img/images/common/arrow.png) no-repeat right 0.2em ;
	}
	ul.snsLink{
		clear:both;
		text-align:center;
		margin:40px 0 40px 0;
	}
	ul.snsLink li img{
		width:30px;
	}
	.footTxt{
		margin:0 20px 1em;
	}
	.gotop{
		position: static;
		margin:20px auto 0;
		text-align:center;
	}
	.gotop img{
		width:30px;
	}
}

div.tab_resp table td{
	background:#FFF;
}


/*現在のカゴの中*/
/*
div.tab_resp table td{
	background:#FFF;
}
#undercolumn_cart #deleteall a{
    background-color: #FFF;
    border:solid 1px #644a40;
    color: #644a40;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 230px;
}
#undercolumn_cart #deleteall a:hover{
    background-color: #FFF;
}
.btn_area li #AmazonPayButton1{
	width:;
    margin: 11px auto 0
}
.btn_area li #AmazonPayButton1 img{
	width:auto;
	height:auto;
}
@media screen and (max-width: 768px){
	#undercolumn_cart{
        padding: 0 20px;
    }
    #undercolumn_cart table{
        border-top: solid 1px #CCC;
        border-left: solid 1px #CCC;
    }
    #undercolumn_cart table th,#undercolumn_cart table td{
        text-align: right;
        border-bottom: solid 1px #CCC;
        border-right: solid 1px #CCC;
    }
    #undercolumn_cart table .alignC a.btn,#undercolumn_cart table .alignC a.btn.delete{
        width: 70%;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background-color: #FFF;
        border:solid 1px #644a40;
        color: #644a40;
        padding: 10px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    #undercolumn_cart #deleteall a{
        margin-top: 10px;
    }
    .btn_area li #AmazonPayButton1{
        width: 60%;
        margin:0 auto 10px;
    }
    .btn_area li #AmazonPayButton1 img{
        width:100%;
        height:auto;
    }
}
*/
/*ログイン*/
/*
.login_area{
	background:#FFF;
	border: solid 1px #CCC;
	padding:20px 0;
}
*/
/*お支払方法・お届け時間等の指定*/
/*
.pay_area table td{
	background:#FFF;
}
.pay_area, .pay_area02, .point_area{
	background:#FFF;
	border: solid 1px #CCC;
	padding:20px;
}
.conbini{
	width: 100%;
	margin:0 auto;
	background:#FFF;
	text-align:left;
	padding:20px;
}
.conbini h4{
	font-size:1.3em;
	padding-bottom:0.8em;
	font-weight:bold;
}
.conbini h5{
	font-size:1.2em;
	padding-bottom:0.8em;
	font-weight:bold;
}
.conbini p{
	padding-bottom:1em;
}
.conbini p span.red{
	color:#F00;
}
@media screen and (max-width: 768px){
	.conbini p img{
		width:100%;
		height:auto;
		max-width:500px;
		}
	.conbini p img.btnImg{
		max-width:300px;
	}
}
*/
/*入力内容のご確認*/
/*
table.customer td{
	background:#FFF;
}
table.delivname td{
	background:#FFF;
}
table.delivname td{
	background:#FFF;
}
*/
/*20180701セール期間を一時非表示*/
/*div.period{
	display:none!important;
}*/
br.br-sp{
        display: none;
}
@media screen and (max-width: 768px){
    br.br-pc{
        display: none;
    }
    br.br-sp{
        display: block;
    }
}

/*入荷連絡フォーム*/
/*#undercolumn_contact > div{
    border-top: solid 1px #CCC;
    padding-top: 1.5em;
}
#undercolumn_contact > div:first-child{
    border-top: none;
    padding-top: 0;
}
#undercolumn_contact h3{
    text-align: left;
    padding-bottom: 0.7em;
    font-size: 1.5em;
}
#undercolumn_contact > div > p{
    text-align: left;
    padding-bottom: 1em;
    font-size: 1.1em;
    line-height: 1.8;
}
#undercolumn_contact table{
    background: #FFF;
}
#undercolumn_contact table tr td{
    padding: 15px;
}
#undercolumn_contact table tr th{
    padding: 15px;
}
#undercolumn_contact input[type="text"]{
    font-size: 1.1em;
    padding: 10px;
}
#undercolumn_contact input.sei{
    margin-right: 10px;
}
#undercolumn_contact .mini{
    padding-top: 5px;
    padding-bottom: 0;
}
#undercolumn_contact input[type="submit"],div.btn_area a.b_top,#undercolumn_shopping input[type="submit"],div.btn_area input[type="submit"].b_chiose,div.btn_area .btn,input[type="submit"].b_mypage_login,a.b_mypage_login,a.b_mypage_login:hover,div.btn_area .btn_submit,div.btn_area .b_cmplpage,ul li .b_confirm,div.btn_area input[type="submit"]{
    background-color: #644a40;
    color: #FFF;
    border: none;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 230px;
}
#undercolumn_contact input[type="submit"]:hover,div.btn_area a:hover,#undercolumn_shopping input[type="submit"]:hover,div.btn_area .btn:hover,input[type="submit"].b_mypage_login:hover,a.b_mypage_login:hover,div.btn_area .btn_submit:hover,div.btn_area .b_cmplpage:hover,ul li .b_confirm:hover,div.btn_area input[type="submit"]:hover{
    opacity: 0.7;
    text-decoration: none;
}
div.btn_area a.b_back,div.btn_area a.b_back_one{
    background-color: #c2c2c2;
    color: #FFF;
    border: none;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 230px;
}
div.btn_area ul{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
div.btn_area ul li{
    margin: 0;
    padding: 0 10px;
    float: none;
    width: auto;
}
div.btn_area ul li.left,div.btn_area ul li.right{
    margin: 0;
    padding: 0 10px;
    float: none;
    width: auto;
}
div#complete_area p{
    padding-bottom: 50px;
}
@media screen and (max-width: 768px){
    #undercolumn_contact{
        padding: 0 20px;
    }
    #undercolumn_contact table td,#undercolumn_contact table th{
        width: 100%;
        display: block;
    }
    div.btn_area ul{
        display: block;
    }
    div.btn_area ul li.left,div.btn_area ul li.right{
        padding: 0 0;
    }
    #undercolumn_contact input[type="submit"],div.btn_area a.b_top,#undercolumn_shopping input[type="submit"],div.btn_area .btn,input[type="submit"].b_mypage_login,a.b_mypage_login,a.b_mypage_login:hover,div.btn_area .btn_submit,div.btn_area input[type="submit"]{
        width: 70%;
        margin: 10px 0;
    }
    div.btn_area a.b_back,div.btn_area a.b_back_one{
        width: 70%;
    }
}
*/
/*お届け先の指定*/
/*
#undercolumn_shopping p{
    font-size: 1.1em;
    line-height: 1.8;
}
#shopping_stage_step{
    padding-bottom: 40px;
}
#address_area{
    text-align: left;
}
.addbtn.btn_area a.b_newdeliv{
    background-color: #FFF;
    border:solid 1px #644a40;
    color: #644a40;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 230px;
}
@media screen and (max-width: 768px){
    #undercolumn_shopping{
        padding: 0 20px;
    }
    #address_area{
    }
    #address_area .information{
        width: 100%;
    }
    #undercolumn_shopping table{
        border-top: solid 1px #CCC;
        border-right: solid 1px #CCC;
    }
    #undercolumn_shopping table tr th, #undercolumn_shopping table tr td{
        border-bottom: solid 1px #CCC;
        border-left: solid 1px #CCC;
        font-weight: normal;
        padding: 15px;
    }
    #undercolumn_shopping table tr td{
        padding: 10px 15px;
    }
    #undercolumn_shopping table .alignC a.btn,#undercolumn_shopping table .alignC a.btn.delete{
        width: 70%;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background-color: #FFF;
        border:solid 1px #644a40;
        color: #644a40;
        padding: 10px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
}
*/
/*お支払方法・お届け時間等の指定*/
/*
@media screen and (max-width: 768px){
    img.payImg{
        width: 100%;
        max-width: 200px;
    }
}
*/
/*MYページ(ログイン)*/
/*
.login_area a.strong{
    font-weight: bold;
    color: #644a40;
}
#undercolumn_login p{
	padding: 0 20px;
    font-size: 1.1em;
    line-height: 1.8;
}
.login_memory{
	    font-size: .8em;
	    line-height: 1.4;
}
@media screen and (max-width: 768px){
    #undercolumn_login{
        padding: 0 20px;
    }
    #undercolumn_login input[type="text"]{
    	width:90%;
    }
     #undercolumn_login input[type="password"]{
     	width:90%;
     }
}
*/

/*独自ページの商品一覧*/
ul.item{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
ul.item li.item{
    width: 23%;
    background: #FFF;
    margin: 0 1% 2%;
}
ul.item li.item a p{
    padding: 20px;
}
ul.item li.item a p img{
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px){
    ul.item{
        width: auto;
    }
    ul.item li.item{
        width: 48%;
        background: #FFF;
        margin: 0 1% 2%;
    }
    ul.item li.item a p{
        padding: 10px;
    }
}

/*こちらの商品も商品もおすすめです*/
.cartOsusume{
    border-top: solid 1px #E7E7E7;
    width: 1200px;
    margin: 60px auto 60px;
}
.cartOsusume h2{
    text-align: left;
    font-size: 1.5em;
    padding: 1em 0;
}
.cartOsusume ul{
    display: flex;
    justify-content:flex-start;
    text-align: center;
    margin: 0 -.5%;
    flex-wrap: wrap;
}
.cartOsusume ul li{
    width: 15%;
    background: #FFF;
    margin: 0 .5%;
}
.cartOsusume ul li a{
    padding: 10px;
}
.cartOsusume ul li p{
    padding-bottom: 1em;
}
.cartOsusume ul li img{
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px){
    .cartOsusume{
    width: auto;
        margin: 60px 15px 60px;
    }
    .cartOsusume ul{
    margin: 0 -1%;
    }
    .cartOsusume ul li{
    width: 31%;
    margin: 0 1%;
    }
}


/**誕生石**/
div.birthstone{
	margin: 0 auto;
}
.birthstone h2{
    font-size:18px;
    font-weight: normal;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: solid 1px #CCC;
}
.birthstone h2 span{
	padding-left:10px;
	font-size:0.6em;
	font-family:serif;
}
.birthstone p.ringImage{
    text-align: center;
    padding-bottom: 40px;
}
.birthstone p.ringImage img{
    width: 400px;
    height: auto;
}
.birthstone ul{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.birthstone ul li{
    width: 23%;
    margin: 0 1% 30px;
}
.birthstone ul li span{
    display: block;
    padding: 0 0 .5em 0;
    
}
.birthstone ul li span.name{
    font-size: 1.2em;
}
.birthstone ul li img{
    width: 20px;
    height: auto;
}
@media screen and (max-width: 768px){
    .birthstone{
	    width:auto;
        margin: 0 15px;
    }
    .birthstone ul li{
        width: 45%;
        margin: 0 1% 30px;
    }
    .birthstone p.ringImage img{
        width: 100%;
        height: auto;
    }
}

/**	TOPページNEWS **/
ul.cat-icon{
	display:block;
	clear:both;
	margin-left:0!important;
}
ul.cat-icon li{
	color: #FFF;
	padding:2px 5px 0!important;
	margin:0 10px 1em 0!important;
	margin-bottom:1em!important;
	margin-right:10px!important;
	float:none;
	display:inline-block;
	width:80px;
	text-align:center;
}
ul.cat-icon .event, ul.cat-icon .important, ul.cat-icon .campaign, ul.cat-icon .press{
	display: none;
}
ul.cat-icon li.online-shop{
	background:#a1a8b2;
}
ul.cat-icon li.real-shop{
	background:#dbcfc0;
}
h3.newsTitle{
	display:block;
	clear:both;
}
@media screen and (max-width: 768px){
	ul.cat-icon .event, ul.cat-icon .important, ul.cat-icon .campaign, ul.cat-icon .press{
	display: none;
}
	ul.cat-icon li{
	display:inline-block;
	width:30%!important;
}
}

/**Mypage navi**/
@media screen and (max-width: 768px){
	ul.mynavi_list{
		display:flex;
		flex-wrap: wrap;
	}
	ul.mynavi_list > li{
		width: 50%;
		float:none;
		}
}