/* ------------------------------
 TOP
------------------------------ */
#main > .inner{
	width:auto;
	min-width:960px;
}

.sp-mode #main > .inner{
	max-width:inherit;
	min-width:inherit;
}


/* ------------------------------
 TOP - carousel
------------------------------ */

#top-banner-carousel{
	overflow:hidden;
	position:relative;
}
#top-banner-carousel .container{
	position:static;
}
#top-banner-carousel .container li{
	float:left;
}
#top-banner-carousel .container li a,
#top-banner-carousel .container li a:hover{
	display:block;
	text-decoration:none;
	position:relative;
}
#top-banner-carousel .container li a dl{
	position:absolute;
	text-shadow:0px 0px 5px #000;
	
}
#top-banner-carousel .container li a.landscape dl{
	top:50%;
	margin-top:-40px;
}
#top-banner-carousel .container li a.portrait dl{
	top:80%;
	left:0 !important;
	width:100%;
}
#top-banner-carousel .container li a dt{
	text-align:center;
	font-family: 'EB Garamond', serif;
	font-size:40px;
	font-weight:normal;
	line-height:1.5;
}
#top-banner-carousel .container li a dd{
	text-align:center;
	font-size:14px;
	line-height:1.5;
	text-indent:10px;
}
.sp-mode #top-banner-carousel .container li a dt{
	font-size:50px;
}
.sp-mode #top-banner-carousel .container li a dd{
	font-size:20px;
	text-indent:15px;
}


/* ------------------------------
 TOP - carousel item
------------------------------ */

#top-banner-carousel .container li a.jewel-pot{
	background:url(https://yukieglass.com/shop/img/rn_top_jewelpot_02.jpg) no-repeat;
	background-size:cover;
	background-position:50% 0%;
}
.sp-mode #top-banner-carousel .container li a.jewel-pot{
	background-position:45% 0%;
}
#top-banner-carousel .container li a.jewel-pot dl{
	color:#FFF;
	text-shadow:0px 0px 5px #000;
	right:10%;
}

#top-banner-carousel .container li a.jewel-glass{
	background:url(https://yukieglass.com/shop/img/rn_top_jewelglass_04.jpg) no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#top-banner-carousel .container li a.jewel-glass dl{
	color:#FFF;
	text-shadow:0px 0px 5px #000;
	right:10%;
}

#top-banner-carousel .container li a.jewel-flower{
	background:url(https://yukieglass.com/shop/img/rn_top_jewelflower_03.jpg) no-repeat;
	background-size:cover;
	background-position:50% 35%;
}
#top-banner-carousel .container li a.jewel-flower dl{
	color:#FFF;
	text-shadow:0px 0px 5px #000;
	left:10%;
}

#top-banner-carousel .container li a.drop-pendant{
	background:url(https://yukieglass.com/shop/img/rn_top_sanctuary_01.jpg) no-repeat;
	background-size:cover;
	background-position:33% 50%;
}
#top-banner-carousel .container li a.drop-pendant dl{
	color:#FFF;
	text-shadow:0px 0px 5px #000;
	left:10%;
}

#top-banner-carousel .container li a.present{
	background:url(https://yukieglass.com/shop/img/rn_top_dppresent_06.jpg) no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#top-banner-carousel .container li a.present dl{
	color:#FFF;
	text-shadow:0px 0px 5px #000;
    right:10%;
}

#top-banner-carousel .container li a.present2{
	background:url(https://yukieglass.com/shop/img/rn_top_dppresent_07.jpg) no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#top-banner-carousel .container li a.present2 dl{
	color:#FFF;
	text-shadow:0px 0px 5px #000;
	left:10%;
}

#top-banner-carousel .container li a.koi{
	background:url(https://yukieglass.com/shop/img/rn_top_koi_07.jpg) no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#top-banner-carousel .container li a.koi dl{
	color:#FFF;
	right:10%;
}

#top-banner-carousel .container li a.glassware{
	background:url(https://yukieglass.com/shop/img/rn_top_glassware_02.jpg) no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#top-banner-carousel .container li a.glassware dl{
	color:#FFF;
	text-shadow:0px 0px 5px #000;
	right:10%;
}

#top-banner-carousel .container li a.jewel-dish{
	background:url(https://yukieglass.com/shop/img/rn_top_jeweldish_01.jpg) no-repeat;
	background-size:cover;
	background-position:47% 50%;
}
#top-banner-carousel .container li a.jewel-dish dl{
	color:#FFF;
	text-shadow:0px 0px 5px #000;
	left:10%;
}


/* ------------------------------
 TOP - news
------------------------------ */

#news{
	position:relative;
	background:#EFEFEF;
}
#news h3{
	position:absolute;
	font-size:16px;
	font-family: 'EB Garamond', serif;
	color:#CB1300;
	top:13px;
	left:15px;
}
#news .fb-button{
	position:relative;
	left:50%;
	float:left;
	
}
#news .fb-button a{
	position:relative;
	display:block;
	font-size:15px;
	color:#3b5998;
	line-height:1;
	text-decoration:none;
	float:left;
	left:-50%;	
	margin:5px auto 10px auto;
}
#news .fb-button a span{
	color:#3b5998;
	font-size:30px;
	margin-right:5px;
	vertical-align:-7px;
}
#news a.news-button{
	position:absolute;
	display:block;
	font-size:13px;
	line-height:1;
	text-decoration:none;
	padding:6px 10px 6px 6px;
	color:#666;
	background:#FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #CCC;
	top:8px;
	right:15px;
}
#news dt:nth-child(n+3),
#news dd:nth-child(n+3){
	display:none;
}
#news a.news-button span.show{
	display:inline;
}
#news a.news-button span.close{
	display:none;
}
#news.open a.news-button{
	top:100%;
	margin-top:-36px;
}
#news.open dt:nth-child(n+3),
#news.open dd:nth-child(n+3){
	display:block;
}
#news.open dt:nth-child(n+11),
#news.open dd:nth-child(n+11){
	display:none;
}
#news.open a.news-button span.show{
	display:none;
}
#news.open a.news-button span.close{
	display:inline;
}

#news a.news-button em{
	margin-right:3px;
	vertical-align:-1px;
}

#news dl{
	padding:12px 150px 4px 80px;
}
#news dt{
	font-size:13px;
	line-height:1.6;
	color:#666;
	margin-right:10px;
	float:left;
	background:#EFEFEF;
}
#news dd{
	font-size:13px;
	line-height:1.6;
	margin-bottom:8px;
	color:#333;
	overflow:hidden;
	background:#EFEFEF;
}

/* SP */
.sp-mode #news {
	padding-bottom:20px;
}
.sp-mode #news h3{
	top:21px;
	font-size:22px;
}
.sp-mode #news a.news-button,
.sp-mode #news.open a.news-button{
	position:static;
	text-align:center;
	width:260px;
	margin:auto;
	font-size:22px;
	padding:12px 12px 14px 12px;
}
.sp-mode #news .fb-button{
	display:none;
	
}
.sp-mode #news dl{
	padding:20px 15px 12px 90px;
}
.sp-mode #news dt,
.sp-mode #news dd{
	font-size:18px;
}



/* ------------------------------
 TOP - recommend
------------------------------ */

#recommend{
	position:relative;
	background:#FFF;
	text-align:center;
	font-size:0;
}
#recommend h3{
	font-size:22px;
	font-family:'Reimin Y10 Medium';
	font-weight:normal;
	color:#CB1300;
	margin:30px auto;
	text-align:center;
}
#recommend dl{
	width:210px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	text-align:center;
	margin:0px 10px 40px 10px;
}
#recommend dt{
	margin-bottom:5px;
}
#recommend dt img{
	width:100%;
}
#recommend dd{
	line-height:1.4;
	margin:3px 5px 0px 5px;
}
#recommend dd.name{
	font-size:12px;
}
#recommend dd.name a{
	color:#666;
	text-decoration:none;
}
#recommend dd.price{
	font-size:11px;
	color:#CB1300;
}

#recommend a.flip-arrow{
	background:no-repeat 0 0;
	width:30px;
	height:50px;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-25px;
	cursor:pointer;
}


/* SP */
.sp-mode #recommend h3{
	font-size:26px;
}
.sp-mode #recommend dl{
	width:280px;
	margin:0 20px 40px 20px;
}
.sp-mode #recommend dd{
	font-size:20px;
}