@charset "utf-8";

/*		Contents
---------------------------------------------------------------------------

	Reset Styles
	Path（パンくず）
	Paging（ページング）
	Widget（共通パーツ）

------------------------------------------------------------------------ */


/* ========================================================================
	Reset Styles
======================================================================== */

/* HTML5 */
article, aside, figure, figcaption, video, footer, header,
main, nav, section, summary{
	display:block;
	margin:0;
}


/* Base Styles */
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, small,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset{
	margin:0;
	padding:0;
	font-weight:normal;
}

html{
	font-size:62.5%; /* 10px */
}

body{
	font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:1.4rem; /* 14px */
	color:#222222;
	line-height:1.5;
	letter-spacing:0.12em;
	-webkit-text-size-adjust:100%;
}

select,input,button,textarea{
	font-family:inherit;
	font-size:100%;
	color:#222222;
}

pre,code,kbd,samp{
	font-family:inherit;
}

img,
iframe{
	border:none;
	vertical-align:bottom;
}

table{
	width:100%;
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
}

label{
	cursor:pointer;
}

input,
textarea{
	padding:0;
	vertical-align:middle;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea{
	margin:5px 0;
}

/* Firefox・IE スピンボタン非表示 */
input[type="number"]{
	-moz-appearance:textfield;
}

/* Chrome・Safari スピンボタン非表示 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
	margin:0;
	-webkit-appearance:none;
}

input[type="radio"],
input[type="checkbox"]{
	vertical-align:baseline;
	cursor:pointer;
}

button,
input[type="image"],
input[type="submit"],
input[type="button"]{
	margin:0; /* iPhone・iPad */
	padding:0;
	cursor:pointer;
}

select,
select option,
select optgroup{
	font-style:normal;
	cursor:pointer;
	outline:none;
}

select{
	margin:5px 0;
}

ol,ul{
	list-style:none;
}

h1,h2,h3,h4,h5,h6,small{
	font-size:100%;
}

address{
	font-style:normal;
} 

a,
input{
	outline:none;
}


/* Basic Text Link */
a{
	color:#222222; text-decoration:underline;
}
a:link{
	color:#222222; text-decoration:underline;
}
a:visited{
	color:#222222; text-decoration:underline;
}
a:hover{
	color:#222222; text-decoration:none;
}
a:focus{
	color:#222222; text-decoration:underline;
}
a:active{
	color:#222222; text-decoration:underline;
}


/* Common Styles */
img{
	max-width:100%;
	height:auto;
}

ul,
ol{
	overflow:hidden;
	position:relative;
}

.clearfix::after{
	content:"";
	display:block;
	clear:both;
}

.center{
	text-align:center;
}


/* ========================================================================
	Path（パンくず）
======================================================================== */
#path{
	padding:15px 0 35px 0;
}

#path a{
	color:#acacac;
}

#path ol li{
	float:left;
	font-size:1.2rem;
	color:#acacac;
	line-height:22px;
}

#path ol li::after{ content:"＞"; padding:0 1.0em; }
#path ol li:last-child::after{ display:none; }

@media screen and (max-width:767px){
#path{
	padding:15px 10px 5px;
}

#path ol{
	padding:0 0 10px 0;
}
}


/* ========================================================================
	Paging（ページング）
======================================================================== */
.paging{
	padding:0 0 55px 0;
	text-align:right;
	line-height:24px;
}

.paging a{
	display:inline-block;
	margin:0 2px;
}

.paging strong{
	font-weight:bold;
}


/* ========================================================================
	Widget（共通パーツ）
======================================================================== */

/* ----------------------------------------
	widget_entry
---------------------------------------- */
.widget_entry{
	margin:-20px 0 0 0;
	padding:0 0 40px 0;
}
.widget_entry > :first-child{ margin-top:20px; }

.widget_entry h2{
	margin:20px 0 30px 0;
	padding:0 20px;
	background:#fdf3ed;
	font-size:1.8rem;
	font-weight:bold;
	line-height:50px;
}

.widget_entry h3{
	margin:0 0 30px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #222222;
	font-size:1.8rem;
	font-weight:bold;
	line-height:28px;
}

.widget_entry .float_L{
	float:left;
	margin:0 40px 60px 0;
}

.widget_entry .float_R{
	float:right;
	margin:0 0 60px 40px;
}

.widget_entry span,
.widget_entry strong{
	color:#dd0000;
}

.widget_entry p{
	padding:0 0 60px 0;
	line-height:24px;
}

.widget_entry p.lead{
	padding-bottom:40px;
	font-size:3.0rem;
	line-height:44px;
}

.widget_entry dl dt{
	padding:0 0 10px 0;
	font-size:1.6rem;
	font-weight:bold;
	line-height:24px;
}

.widget_entry dl dd{
	padding:0 0 60px 0;
	line-height:24px;
}

.widget_entry table{
	margin:0 0 60px 0;
	line-height:24px;
}

.widget_entry table th{
	width:260px;
	padding:15px 20px;
	background:#f1f1f1;
	border:1px solid #d2d2d2;
}

.widget_entry table td{
	padding:15px 20px;
	border:1px solid #d2d2d2;
	letter-spacing:0.06em;
}

@media screen and (max-width:767px){
.widget_entry{
	margin:0;
	padding:0 0 20px 0;
}

.widget_entry h2{
	margin:20px 0;
	padding:10px;
	line-height:28px;
}

.widget_entry h3{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	font-size:1.6rem;
	line-height:26px;
}

.widget_entry .float_L,
.widget_entry .float_R{
	display:block;
	float:none;
	margin:0 auto 20px;
}

.widget_entry p{
	padding:0 0 20px 0;
}

.widget_entry p.lead{
	padding:0 0 20px 0;
	font-size:2.0rem;
	line-height:1.5;
}

.widget_entry dl dt{
	font-size:1.4rem;
}

.widget_entry dl dd{
	padding:0 0 20px 0;
}

.widget_entry table{
	margin:0 0 20px 0;
	border-bottom:1px solid #d2d2d2;
}

.widget_entry table th,
.widget_entry table td{
	display:block;
	width:auto;
	padding:10px;
	border-bottom:none;
}
}


/* ----------------------------------------
	widget_blog
---------------------------------------- */
.widget_blog{
	padding:100px 0;
	background:#ffffff;
}

.widget_blog a{ text-decoration:none; }
.widget_blog a:hover{ text-decoration:underline; }

.widget_blog p{
	position:absolute;
	top:102px;
	right:0;
	padding:0 0 0 28px;
	background:url(../../img/common/arrow_01.png) no-repeat left center;
	font-size:1.2rem;
	line-height:18px;
}

.widget_blog ul li{
	overflow:hidden;
	margin:0 40px;
	padding:30px 0;
	border-bottom:1px solid #e3e3e3;
	line-height:26px;
}
.widget_blog ul li:first-child{ padding-top:0; }

.widget_blog ul li time{
	float:left;
	padding:0 20px 0 0;
}

.widget_blog ul li span{
	float:left;
	min-width:104px;
	margin:0 40px 0 0;
	padding:0 12px;
	background:#121212;
	text-align:center;
	color:#ffffff;
}

.widget_blog ul li a{
	display:table-cell;
}

@media screen and (max-width:767px){
.widget_blog{
	padding:40px 10px;
}

.widget_blog p{
	position:static;
	padding:0 0 20px 0;
	background:none;
	text-align:right;
}

.widget_blog p a{
	display:inline-block;
	padding:0 0 0 28px;
	background:url(../../img/common/arrow_01.png) no-repeat left center;
}

.widget_blog ul li{
	margin:0;
	padding:20px 0 15px 0;
	line-height:24px;
}

.widget_blog ul li time,
.widget_blog ul li span{
	display:inline-block;
	float:none;
	margin:0;
}

.widget_blog ul li a{
	display:block;
	margin:5px 0 0 0;
}
}


/* ----------------------------------------
	widget_ranking
---------------------------------------- */
.widget_ranking{
	padding:100px 0;
	background:url(../../img/common/bg_stripe.png);
}

.widget_ranking ul{
	text-align:center;
	font-size:0;
	letter-spacing:0;
}

.widget_ranking ul li{
	display:inline-block;
	position:relative;
	width:235px;
	margin:0 30px;
	padding:86px 0 0 0;
	text-align:left;
	vertical-align:top;
	font-size:1.4rem;
	line-height:26px;
	letter-spacing:0.06em;
}
.widget_ranking ul li:nth-child(n+4){ display:none; }

.widget_ranking ul li::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:28px;
	background:url(../../img/common/icon_rank01.png) no-repeat center;
}
.widget_ranking ul li:nth-child(2)::before{ background-image:url(../../img/common/icon_rank02.png); }
.widget_ranking ul li:nth-child(3)::before{ background-image:url(../../img/common/icon_rank03.png); }

.widget_ranking ul li::after{
	content:"1";
	position:absolute;
	top:38px;
	left:0;
	width:100%;
	text-align:center;
	font-family:'Quicksand', sans-serif;
	font-size:3.4rem;
	color:#9b7c39;
	line-height:1;
}
.widget_ranking ul li:nth-child(2)::after{ content:"2"; color:#8a8a8a; }
.widget_ranking ul li:nth-child(3)::after{ content:"3"; color:#916a4d; }

.widget_ranking ul li a{
	display:block;
	text-decoration:none;
}

.widget_ranking ul li img{
	display:block;
	margin:0 0 14px 0;
}

.widget_ranking ul li .price{
	display:block;
	padding:6px 0 0 0;
	font-size:1.6rem;
	line-height:1;
}

.widget_ranking ul li .price span{
	font-size:1.2rem;
}

@media screen and (max-width:767px){
.widget_ranking{
	padding:40px 5px 0;
}

.widget_ranking ul li{
	width:50%;
	margin:0 auto;
	padding:70px 5px 40px;
}
.widget_ranking ul li:nth-child(1){ display:block; }

.widget_ranking ul li::before{
	height:20px;
	background-size:auto 20px;
}

.widget_ranking ul li::after{
	top:30px;
	font-size:3.0rem;
}
}


/* ----------------------------------------
	widget_series
---------------------------------------- */
.widget_series{
	padding:100px 0 92px 0;
}

.widget_series ul li{
	float:left;
	width:328px;
	margin:0 8px 8px 0;
}
.widget_series ul li:nth-child(3n){ margin-right:0; }

@media screen and (max-width:767px){
.widget_series{
	padding:40px 4px 32px;
}

.widget_series ul li{
	width:50%;
	margin:0;
	padding:0 4px 8px;
}
}


/* ----------------------------------------
	widget_new
---------------------------------------- */
.widget_new{
	padding:100px 0;
	background:#fdf3ed;
}
.widget_column + .widget_new{ padding:0 0 80px 0; }

.widget_new ul li{
	float:left;
	width:235px;
	line-height:26px;
	letter-spacing:0.06em;
}

.widget_new ul li a{
	display:block;
	text-decoration:none;
}

.widget_new ul li img{
	display:block;
	margin:0 0 14px 0;
}

.widget_new ul li .price{
	display:block;
	padding:6px 0 0 0;
	font-size:1.6rem;
	line-height:1;
}

.widget_new ul li .price span{
	font-size:1.2rem;
}

@media screen and (max-width:767px){
.widget_new{
	padding:40px 10px;
}
}


/* ----------------------------------------
	widget_column
---------------------------------------- */
.widget_column{
	padding:80px 0;
	background:#fdf3ed;
}

.widget_column .review,
.widget_column .order{
	position:relative;
	float:left;
	width:100%;
}
.widget_column .order{ float:right; }

.widget_column h2{
	padding:0 0 20px 0;
	font-family:'Quicksand', sans-serif;
	font-size:2.2rem;
	line-height:1;
	letter-spacing:0.2em;
}

.widget_column p{
	position:absolute;
	top:2px;
	right:0;
	padding:0 0 0 24px;
	background:url(../../img/common/arrow_01.png) no-repeat left center;
	font-size:1.2rem;
	line-height:18px;
}
.widget_column p a{ text-decoration:none; }
.widget_column p a:hover{ text-decoration:underline; }

.widget_column .box{
	padding:10px;
	background:#ffffff;
}

.widget_column ul{
	overflow-y:scroll;
	height:420px;
	background:#ffffff;
}

.widget_column ul li{
	overflow:hidden;
	position:relative;
	margin:0 20px 0 10px;
	border-bottom:1px solid #e3e3e3;
	line-height:24px;
}
.widget_column ul li:last-child{ border:none; }

@media screen and (max-width:767px){
.widget_column{
	padding:40px 10px 0;
	background:#fdf3ed;
}

.widget_column .review,
.widget_column .order{
	float:none;
	width:auto;
	padding:0 0 40px 0;
}

.widget_column h2{
	font-size:2.0rem;
}

.widget_column p{
	top:1px;
}

.widget_column ul{
	height:240px;
}
}


/* review
---------------------------------------- */
.widget_column .review ul li{
	padding:20px 0 20px 100px;
}
.widget_column .review ul li:first-child{ padding-top:10px; }
.widget_column .review ul li:last-child{ padding-bottom:10px; }

.widget_column .review ul li img{
	float:left;
	margin:0 20px 0 -100px;
}

.widget_column .review ul li span{
	display:block;
	font-size:1.2rem;
}

span.review_title{
	font-weight: bold;
	font-size:1.4rem !important;
}
@media screen and (max-width:767px){
span.review_title{
	font-weight: bold;
	font-size:1.6rem !important;
}
}
/* order
---------------------------------------- */
.widget_column .order ul li{
	padding:14px 190px 14px 0;
	font-size:1.2rem;
}
.widget_column .order ul li:first-child{ padding-top:4px; }
.widget_column .order ul li:last-child{ padding-bottom:4px; }

.widget_column .order ul li span{
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%); /* Android */
	-ms-transform:translateY(-50%); /* IE9 */
	transform:translateY(-50%);
}

@media screen and (max-width:767px){
.widget_column .order ul li{
	padding-right:120px;
}
}


/* ----------------------------------------
	widget_guide
---------------------------------------- */
.widget_guide{
	padding:100px 0;
}
#blog + .widget_guide,
.widget_blog + .widget_guide{ padding-top:0; }

.widget_guide ul li{
	float:left;
	width:328px;
	margin:0 8px 0 0;
	text-align:center;
}
.widget_guide ul li:last-child{ margin:0; }

.widget_guide ul li a{
	display:block;
	min-height:320px;
	padding:90px 20px 20px;
	background:url(../../img/common/guide_delivery.png) no-repeat center 28px;
	border:1px solid #f7927b;
	color:#e9907c;
	text-decoration:none;
	transition-duration:0.2s;
}
.widget_guide .pay a{ background-image:url(../../img/common/guide_pay.png); }
.widget_guide .contact a{ background-image:url(../../img/common/guide_contact.png); }

.widget_guide ul li a:hover{
	background:url(../../img/common/guide_delivery_on.png) no-repeat center 28px #e9907c;
	color:#ffffff;
}
.widget_guide .pay a:hover{ background-image:url(../../img/common/guide_pay_on.png) }
.widget_guide .contact a:hover{ background-image:url(../../img/common/guide_contact_on.png) }

.widget_guide dl dt{
	padding:0 0 17px 0;
	font-size:2.4rem;
	font-weight:bold;
	line-height:1;
	letter-spacing:0.2em;
}

.widget_guide dl dd{
	line-height:20px;
}

@media screen and (max-width:767px){
.widget_guide{
	padding:40px 10px 30px;
}

.widget_guide ul li{
	float:none;
	width:auto;
	margin:0 0 10px 0;
}

.widget_guide ul li a{
	min-height:auto;
	padding:56px 0 17px 0;
	background:url(../../img/common/guide_delivery.png) no-repeat center 20px;
	background-size:auto 26px;
}

.widget_guide ul li a:hover{
	background:url(../../img/common/guide_delivery_on.png) no-repeat center 20px #e9907c;
	background-size:auto 26px;
}

.widget_guide dl dt{
	padding:0 0 7px 0;
	font-size:1.8rem;
}
}


/* ----------------------------------------
	widget_list
---------------------------------------- */
.widget_list{
	font-size:0;
	letter-spacing:0;
}

.widget_list li{
	display:inline-block;
	width:205px;
	margin:0 55px 55px 0;
	vertical-align:top;
	font-size:1.4rem;
	line-height:26px;
	letter-spacing:0.06em;
}
.widget_list li:nth-child(3n){ margin-right:0; }

.widget_list li a{
	display:block;
	text-decoration:none;
}

.widget_list li img{
	display:block;
	margin:0 0 14px 0;
}

.widget_list li .price{
	display:block;
	padding:6px 0 0 0;
	font-size:1.6rem;
	line-height:1;
}

.widget_list li .price span{
	font-size:1.2rem;
}

@media screen and (max-width:767px){
.widget_list{
	padding:0 5px 10px;
}

.widget_list li{
	width:50%;
	margin:0;
	padding:0 5px 30px;
}
}


/* ----------------------------------------
	widget_fixbnr
---------------------------------------- */
.widget_fixbnr{
	position:fixed;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%); /* Android */
	-ms-transform:translateY(-50%); /* IE9 */
	transform:translateY(-50%);
	z-index:10;
}

.widget_fixbnr ul{
	overflow:visible;
}

.widget_fixbnr ul li{
	padding:5px 0;
}

.widget_fixbnr ul li a{
	display:block;
	box-shadow:0px 3px 5px rgba(0,0,0,0.3);
}

@media screen and (max-width:767px){
.widget_fixbnr{
	display:none;
}
}