/* ===============================================
 * gift3.tokyo Front Page Styles
 * author : www.graphicman.jp
 * update : 2018/06/19
 * =============================================== */

/* -----------------------------------------------
 * Front Page Style
 * ----------------------------------------------- */
figcaption {
	text-align: left !important;
	color: #000000 !important;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "�ｭ�ｳ 譏取悃", serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

.gift3-fp h2 {
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "�ｭ�ｳ 譏取悃", serif !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	margin: 60px 0 20px 0  !important;
	font-size: 21px !important;
}

/* #slider */
#slider {
	padding-bottom: 42px;
/*	background: #e0dedb;*/
}
.home .flex-viewport {
	position: relative;
	overflow: visible!important;
	height: inherit!important;
}
.flexslider {
	line-height: 1;
	width: 1000px;
	height: 440px;
	margin: 0 auto;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.flexslider a:hover {
}
.home .slides li {
	background-size: cover!important;
	-webkit-background-size: cover!important;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.flexslider-section {
	overflow: hidden;
}
.flex-left-opacity, .flex-right-opacity {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
/*	background: rgba(224, 222, 219, .9);*/
}
.flex-left-opacity {
	left: -100%;
}
.flex-right-opacity {
	right: -100%;
}
.slides li > a {
	display: block;
	width: 1000px;
	height: 440px;
}
.flex-title, .flex-caption {
	position: relative;
	margin-bottom: 0;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	-webkit-text-shadow: 2px 2px 2px #000;
	-moz-text-shadow: 2px 2px 2px #000;
}
.flex-title {
	top: 160px;
	font-size: 36px;
}
.flex-caption {
	top: 180px;
	font-size: 24px;
}
.flex-control-nav {
	position: relative;
	top: 16px;
}
.flex-control-paging li a {
/*  width: 9px; */
  width: 40px;
  height: 9px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
/*  border-radius: 18px; */
  border-radius: 0;
}

/* #editable */
#editable {
	overflow: hidden;
	clear: both;
	margin-bottom: 35px;
}

/* #feature */

#feature .col_3 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
#feature .col_3 >div{
	width: 33.33333%;
	padding: 10px;
}




#feature ul {
	overflow: hidden;
	clear: both;
	margin-right: -35px;
	line-height: 1.5em;
}
#feature li {
	float: left;
	width: 310px;
	margin-right: 35px;
	margin-bottom: 40px;
}
#feature ul p {
	margin: 0;
	padding: 8px 0 0 0;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "�ｭ�ｳ 譏取悃", serif;
	font-size: 14px;
	font-weight: 700;
}

/* #scene */
#scene {
}

/* #price */
#price {
}

/* #ranking */
#ranking {
}
#ranking .ucart_widget_body {
	overflow: hidden;
	clear: both;
	margin-right: -25px;
	line-height: 1.5em;
	counter-reset: ranking-number;
}
#ranking .ucart_widget_body li {
	position: relative;
	float: left;
	width: 180px;
	margin-right: 25px;
	margin-bottom: 40px;
}
#ranking .ucart_widget_body a {
	display: block;
	width: 100%;
}
#ranking .ucart_widget_body a:before {
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	background: #333;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	counter-increment: ranking-number;
	content: counter(ranking-number);
}

/* #new-arrivals */
#new-arrivals {
	padding-top: 50px;
}

/* #news */
#news {
	float: left;
/*	width: 590px; */
	width: 100%;
	padding-top: 50px;
}
#news dt,
#news dd {
	margin-bottom: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
#news dd a {
	display: block;
	position: relative;
	width: 100%;
}
#news dd a:after {
	display: block;
	position: absolute;
	top: 2px;
	right: 20px;
	color: #91360b;
	font-family: FontAwesome;
	font-weight: 700;
	content: "\f105";
}

/* #instagram */
#instagram {
	float: right;
	clear: none;
/*	width: 385px; */
	width: 100%;
	padding-bottom: 40px;
}




/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
	#feature .col_3 > div {
		width: 100%;
	}
}



/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {
	#feature .col_3 > div {
		width: 50%;
	}
}



/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {
	#feature .col_3 > div {
		width: 50%;
	}
}



/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

}