@charset "Shift_JIS";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic);

body {
	font: 14px/1.75 Avenir, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo", sans-serif;
	color: #000;
	word-wrap: break-word;
	overflow-wrap: break-word;

}

a, a:link, a:active, a:hover {
	color: #000;
}

a:hover {
	opacity: .7;
	transition: all .25s ease-out;

}

p {
	margin: 10px 0;

}

img {
	vertical-align: middle;

}

.bold {
	font-weight: bold;

}

fieldset {
	border: none;
	margin: 0;
	padding: 0;

}

input {

/*
	display: inline-block;
	box-sizing: content-box;
	padding: 0 10px;
	min-height: 38px;
	border-radius: 3px;
	border: 1px solid #ddd;
	outline: 0;
	background: #fff;
	line-height: 38px;
	vertical-align: middle;
*/
	font: 14px/1.75 Avenir, 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo", sans-serif;

}

button {
	font: 14px/1.75 Avenir, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo", sans-serif;

}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	box-sizing: content-box;
	border-radius: 0;
	border: 0;
	outline: 0;
	background: #fff;
	vertical-align: middle;
	font: 14px/1.75 Avenir, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", "Meiryo", sans-serif;
	font-size: inherit;
	color: inherit;

}

/* ---------- for magnific popup ---------- */

.mfp-content {
	z-index: 9500 !important;

}
.mfp-wrap {
	z-index: 9300 !important;

}


/* ---------- for old ver ---------- */

.formdetail_ select,
.delivery_ .method_box_content_ select {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
	border: 2px solid #ccc;
	border-radius: 5px;
	padding: 0 10px;
	min-height: 40px;
	line-height: 28px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;

}

.formlist_.birth_ select,
table.card_ select {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
	padding: 5px 0 5px 10px;
	border: 2px solid #ccc;
	border-radius: 5px;
	width: auto;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;

}

div.StyleD_Frame_ div.detail_ div.spec_ select,
div.StyleC_Frame_ div.detail_ div.spec_ select {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
	padding: 5px 0 5px 10px;
	border: 2px solid #ddd;
	border-radius: 5px;
	width: auto;
	max-width: 436px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;

}
div.StyleD_Frame_ div.detail_ div.cart_,
div.StyleC_Frame_ div.detail_ div.cart_ {
	position: static;

}

/* ---------- for old ver end ---------- */


li:last-child a {

}

.attention {
	color: #c33;

}

a.attention, a.attention:link, a.attention:active, a.attention:hover {
	color: #c33;

}

.catchphrase {
	color: #d03355;

}

a.catchphrase, a.catchphrase:link, a.catchphrase:active, a.catchphrase:hover {
	color: #d03355;

}

.exclusion {
	color: #666;

}

a.exclusion, a.exclusion:link, a.exclusion:active, a.exclusion:hover {
	color: #d03355;

}

.reset_org, .reset-org {
	position: relative;
}

.clr_fix {
	overflow: hidden;

}

.clr_float {
	clear: both;

}

.align_l {
	text-align: left;

}

.align_c {
	text-align: center;

}

.align_r {
	text-align: right;

}

.br_before::before {
	content: "\A";
	white-space: pre;

}

.hide_text {
	margin: 0 !important;
	padding: 0 !important;
	height: 10px !important;
	overflow: hidden !important;
	text-indent: 100% !important;
	white-space: nowrap !important;

}

.link_test {
	background: #000;
	opacity: 50%;

}

.no_indent {
	text-indent: 0 !important;

}

.underline {
	text-decoration: underline !important;

}

.no_underline {
	text-decoration: none !important;

}

.no_padding {
	padding: 0 !important;

}

.no_border {
	border: none !important;

}

.inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;

}

.tip {
	position: absolute;
	display: none;

}

.tip_inner {
	border-radius: 50px;
	border-radius: 50px;
	background: #806e6f;
	overflow: hidden;

}

.tip a {
	display: block;
	padding: 5px 10px;
	color: #fff;

}

.tip .border_arrow_up {
	position: absolute;
	top: 5px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom: 5px solid #806e6f;

}

.tip .border_arrow_down {
	position: absolute;
	bottom: -5px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #806e6f;

}

.tip .border_arrow_left {
	left: 20px;

}

.tip .border_arrow_right {
	right: 20px;

}

.col2 {display: block; width: 50%; box-sizing: border-box;}
.col3 {display: block; width: 33%; box-sizing: border-box;}
.col4 {display: block; width: 25%; box-sizing: border-box;}
.col5 {display: block; width: 20%; box-sizing: border-box;}

.side_l, .side_r {overflow: hidden;}
.side_l > * {display: block; float: left;}
.side_r > * {display: block; float: right;}

.adj_l, .float-left {display: block; float: left;}
.adj_r, .float-right {display: block; float: right;}

.font_s {font-size: 13px;}
.font_ss {font-size: 12px;}
.font_xs {font-size: 11px;}

.font_n {font-size: 14px;}

.font_l {font-size: 15px;}
.font_ll {font-size: 16px;}
.font_xl {font-size: 18px;}

.bold {font-weight: bold;}

.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f21 {font-size: 21px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}

.color_brand {
	color: #66b333;
}

.checkbox{
	display:none;
}

.toggle_switch {
	overflow: hidden;
	border-radius: 3px;
}
.toggle_switch > * {
	display: block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-align: center;

}
.toggle_switch > a {
	text-decoration: none;

}

.ic_before, .ic-before {
	margin-right: .3em;

}

.ic_after, .ic-after {
	margin-left: .5em;

}

.ionicon {
	position: relative;
	margin: 0 8px 0 0;
	vertical-align: middle;
	font-family: 'Ionicons';
}

.ic_checkbox {
	position: relative;
	margin: 0 8px 0 0;
	cursor: pointer;
}

.ic_checkbox:before {
	content: '\f372';
	vertical-align: middle;
	font-family: 'Ionicons';
	font-size: 24px;
	color: #ddd;
}

.checkbox:checked + .ic_checkbox:before {
	content: '\f374';
	color: #66b333;
}

.ic_close:before {
	content: '\f2d7';
}

.ic_prev:before {
	content: '\f3d2';
}

.ic_next:before {
	content: '\f3d3';
}

.ic_up:before {
	content: '\f3d8';
}

.ic_down:before {
	content: '\f3d0';
}

.btn_addcart {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;

}

.btn_addcart:hover {
	background: #66b333;
	color: #fff;

}

.btn_base {
height: 40px;
padding: 0 1em;
line-height: 40px;

}

.btn_green,
.btn_brand {
	display: block;
	box-sizing: border-box;
	border-radius: 3px;
	background: #66b333;
	text-align: center;
	color: #fff !important;
	cursor: pointer;
}

.btn_green:hover,
.btn_brand:hover {
	background: #66b333;

}

.btn_white,
.btn_common {
	display: block;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	cursor: pointer;

}

.box_blank {
	margin: 20px 0;
	padding: 10px;
	background: #fff;
	border-radius: 5px;

}

.box_message {
	margin: 20px 0;
	padding: 10px;
	background: #f6f6f4;
	border-radius: 5px;

}

.box_attention {
	margin: 20px 0;
	padding: 10px;
	background: #f7eded;
	border-radius: 5px;

}

.box_safe {
	margin: 20px 0;
	padding: 10px;
	background: #eaf6ea;
	border-radius: 5px;

}

.box_hint {
	margin: 20px 0;
	padding: 10px;
	background: #faf3e6;
	border-radius: 5px;

}

.box_frame {
	margin: 20px 0;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ddd;

}

.box_attention.box_frame {
	border: 1px solid #e9cfcf;

}

.box_safe.box_frame {
	border: 1px solid #cadcca;

}

.box_hint.box_frame {
	border: 1px solid #e9dbbe;

}


.dial_number {
	font-family: 'Ubuntu';
	color: #400;

}

.link_moreview {
	padding: 0 10px;

}

#tab_lineup .link_moreview { /* for release */
	display: none;

}

.ad_tag {
	display: block;
	position: absolute;
	box-sizing: border-box;
	width: 45px;
	height: 18px;
	top: 10px;
	left: 10px;
	line-height: 18px;
	text-align: center;
	font-size: 13px;
}

.ad_tag.new {
	background: #c30;
	color: #fff;
}

.ad_tag.pick {
	background: #d03355;
	color: #fff;
}

.ad_tag.end {
	background: #f6f6f4;
	border: 1px solid #ddd;
}
.ad_tag.few {
	color:#fff;
	background-color:orange;
	font-size:0.8em;
	letter-spacing:-0.1em;
}


/* for slick slider */

.slick-arrow {
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
}



/*  Page Header  */

.area_modesp {
	display: none;
	padding: 20px 0;
	background: #f1f1f1;

}
.btn_modesp {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	font-size: 36px;

}


.area_topbar {
	min-height: 5px;
	background: #e3e9d6;

}

.ad_top {
	width: 100%;
	position: fixed;
	overflow: hidden;
	z-index: 7000;

}

.ad_top a {
	display: block;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -1280px;

}

.ad_top a:hover {
	opacity: 1 !important;

}

#header {
	position: relative;
	height: 265px;
	margin: 0 0 10px;

}

#logo_lupicia {
	display: block;
	position: absolute;
	width: 160px;
	height: 160px;
	top: 50px;
	left: 0;

}

#nav_site {
	display: block;
	position: absolute;
	top: 0;
	left: 0;

}

.nav_site_each {
	display: block;
	height: 40px;
	border-radius: 0 0 3px 3px;
	line-height: 40px;
	text-align: center;

}

#nav_site_top {
	width: 100px;

}

#nav_site_lupicia a:hover,
#nav_site_lupicia.current {
	background: #e3e9d6;
	opacity: 1;

}

#nav_site_gourmand a:hover,
#nav_site_gourmand.current {
	background: #f5e7e7;
	opacity: 1;

}

#nav_site_bonmarche a:hover,
#nav_site_bonmarche.current {
	background: #ebe2e2;
	opacity: 1;

}

#ic_site_top {
	font-size: 18px;

}

#nav_member {
	display: block;
	position: absolute;
	top: 5px;
	right: 160px;

}

#nav_member li {
	height: 50px;
	line-height: 50px;

}

#nav_member a {
	padding: 0 10px;
	border-right: 1px solid #999;

}

#nav_member li:last-child a {
	border: none;

}

#btn_cart_main {
	position: absolute;
	width: 150px;
	height: 50px;
	top: 5px;
	right: 0;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color: #fff;

}

#aside_guide{
	display: block;
	position: absolute;
	left: 180px;
	top: 90px;

}

#aside_guide a {
	display: inline-block;
	padding: 0 15px;
	height: 50px;
	border-right: 1px solid #ddd;
	line-height: 50px;
	font-size: 15px;

}

#aside_guide li:last-child a {
	border: none;

}

#dial_top {
	display: block;
	position: absolute;
	padding: 0 10px;
	width: 330px;
	height: 100px;
	box-sizing: border-box;
	top: 80px;
	right: 0;
	background: url('../img/bg_daial_top.png') no-repeat right 0;

}

#dial_top em {
	display: block;
	margin: 25px 0 0;
	color: #777;
	font-size: 13px;
	font-weight: normal;

}

#dial_top .dial_number {
	display: block;
	position: absolute;
	top: 45px;
	left: 40px;
	font-size: 32px;

}

#attent_shipping {
	display: block;
	position: absolute;
	top: 135px;
	left: 180px;
	font-size: 15px;
	font-weight: bold;

}

#attent_eco {
	display: block;
	position: absolute;
	top: 165px;
	left: 180px;
	font-size: 15px;
	background: #f7eded;
	padding: 2px 10px;

}

#attent_eco a {
	display: block;
	color: #d03355 !important;
	text-decoration: underline;

}

#area_search {
	position: absolute;
	width: 100%;
	height: 44px;
	top: 210px;
	left: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f1f1f1;
	line-height: 44px;

}

.search_hl {
	display: inline-block;
	width: 190px;
	padding: 0 0 0 10px;
	border: none;
	font-weight: bold;

}

#box_search_category,
#box_search_keyword,
#btn_search,
#btn_search_detail {
	display: block;
	position: absolute;
	padding: 0 10px;
	min-height: 38px;
	border-radius: 3px;
	border: 1px solid #ddd;
	line-height: 38px;

}

#box_search_category {
	width: 203px;
	top: 2px;
	left: 240px;
	background: #fff;
	overflow: hidden;
}

#select_category {
	display: block;
	position: absolute;
	padding: 0 10px;
	width: 240px;
	height: 38px;
	background: transparent;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 100;
}

#select_category + .ic_down {
	position: relative;
	z-index: 0;
}

#box_search_category .ic_down {
	position: absolute;
	top: 10px;
	left: 205px;
	font-size: 18px;
	line-height: 1;
}

#box_search_keyword {
	width: 398px;
	top: 2px;
	left: 470px;
	font-weight: normal;
	font-size: 14px;

}

#btn_search {
	width: 100px;
	top: 2px;
	right: 110px;
	border-left: none;
	border-radius: 0 3px 3px 0;

}

#btn_search_detail {
	width: 100px;
	top: 2px;
	right: 5px;

}


/*  Page Container */
.container_inner_ {
	padding: 0  0 120px;

}

#container {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;

}

#nav_breadbrumb {
	position: relative;
	margin-top: -40px;
	height: 40px;
	line-height: 40px;
}

.list_breadbrumb {
	font-size: 13px;
	color: #666;

}

.breadbrumb_each {
	display: inline;
	margin: 0 5px;

}

.breadbrumb_each a {
	text-decoration: none !important;
	color: #666;

}

/*  Header mouseover */

#nav_site {
  width: 100%;
}

.comment_area_content .col{
	width: 512px;
	overflow: hidden;
}

.category{
	display: inline-block;
}

.category_btn li{
	margin: 2px 5px 5px 0;
}

.category_btn li:nth-child(3n){
	margin: 2px 0 5px;
}

#nav_site .category_btn li{
	display: inline-block;
}
/*-----LUPICIA@ƒIƒ“ƒ‰ƒCƒ“ƒXƒgƒA-------------------------------*/
#nav_site .comment_area {
  list-style: none;
  position: relative;
  width: 100px;
}
#nav_site .comment_area a {
  display: block;
  text-decoration: none;
}

.comment_area_inner {/*Žq*/
	position: relative;
	display: none;
    overflow: hidden;
    width: 530px;
    height: 380px;
    padding: 30px;
    top: 10px;
    left: -100px;
    background: url(/img/mouseover_area_bg.png) no-repeat ;
    z-index: 999;
}
#nav_site li:hover > ul > li {
  overflow: visible;
  height: 750px;
}

.comment_area_content .col{
	width: 512px;
	overflow: hidden;
}

.comment_area_content .col_l{
	width: 250px;
	margin-top: 25px;
	float: left;
}

#nav_site .comment_area_content .col_r{
	width: 250px;
	float: right;
}

p.lead{
	color: #54a220;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}

/*-----ƒOƒ‹ƒ}ƒ“@ƒIƒ“ƒ‰ƒCƒ“ƒXƒgƒA-------------------------------*/

#nav_site .comment_area_gr {
  list-style: none;
  position: relative;
  width: 100px;
}
#nav_site .comment_area_gr a {
  display: block;
  text-decoration: none;
}

.comment_area_inner_gr {/*Žq*/
	position: relative;
	display: none;
    overflow: hidden;
    width: 530px;
    height: 650px;
    padding: 30px;
    top: 10px;
    left: -100px;
    background: url(/img/mouseover_area_bg01.png) no-repeat ;
    z-index: 999;
}
#nav_site li:hover > ul > li {
  overflow: visible;
  height: 750px;
}

.comment_area_content .col_l{
	width: 230px;
	margin-top: 25px;
	float: left;
}

#nav_site .comment_area_content .col_r{
	width: 266px;
	float: right;
}

p.lead_gr{
	color: #c21d1b;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}

.mb20{
	margin-bottom: 20px;
}

/*  Page Main AD */

#main {
	float: right;
	width: 760px;

}

#main.fullsize {
	float: none;
	width: 1000px;
	overflow: hidden;

}


/*  Page Main AD */

#ad_main {
	height: 360px;
	overflow: hidden;

}

#ad_main_lp {
	height: 360px;
	overflow: hidden;

}

.aside_topinfo {
	display: none;
	box-sizing: border-box;
	margin: 10px auto;
	width: 1000px;

}

.aside_topinfo a {
	display: block;
	text-decoration: underline;
	cursor: pointer;

}

.aside_topinfo_inner {
	display: none;

}

#aside_sitemap {
	height: 40px;
	line-height: 40px;
	overflow: hidden;

}

#link_sitemap {

}

#link_sitemap .ic_tree {
	width: 20px;
	height: 20px;

}

#nav_ad_main {
	margin: -65px 0 0;
	padding: 10px 6px;
	height: 135px;
	background: url('../img/bg_white_op5.png');
	overflow: hidden;

}

#nav_ad_main a:hover {
	opacity: 1;

}

.nav_ad_main_each {
	display: block;
	margin: auto;
	width: 178px;
	background: #fff;
	cursor: pointer;

}

.ad_main_title {
	display: block;
	padding: 0 10px;
	height: 50px;
	background: #f6f6f4;
	line-height: 50px;

}

.ad_main_thum {
	opacity: 0.7;
}


#nav_ad_main a:hover .ad_main_thum {
	transition: opacity .25s ease-out;
	opacity: 1;
}

.slick-current .ad_main_thum {
	opacity: 1;

}


/*  Page Lineup  */

#tab_lineup {
	box-sizing: border-box;
	margin: 20px 0 20px;
	padding: 0 5px;
	height: 46px;
	border-bottom: 1px solid #ddd;
	overflow: visible;
	line-height: 46px;

}

#tab_lineup .lineup_each {
	display: block;
	box-sizing: content-box;
	margin: 0 -1px 0 0;
	width: 170px;
	height: 44px;
	border: 1px solid #ddd;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	background: #fafafa;
	text-align: center;
	font-weight: bold;
	line-height: 44px;
	transition: border .0s;
	cursor: pointer;

}

#tab_lineup .tab_current {
	margin-top: -3px;
	height: 47px;
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	background: #fff;
	line-height: 47px;

}

#tab_lineup .tab_current:hover {
	opacity: 1;

}

#top_lineup_wrap {
	height: 281px;
	overflow: hidden;

}

#tab_lineup .ic_tab {
	padding: 0 .3em 0 0;
	vertical-align: baseline;
	width: 14px;
	height: 14px;
}

.top_lineup {
	height: 0;
	opacity: 0;

}

.top_lineup.tab_c_current {
	height: auto;
	opacity: 100;

}

.list_product,
.list_recomend {
	padding: 0 17px;

}

.article_recomend li:last-child a.recommend_each {
	border: 1px solid #f0f0f0 !important;

}

ul.list_product {
	padding: 20px 0;
	overflow: inherit;

}

ul.list_product:after { /* clearfix for cannot use overflow */
	content: "";
	clear: both;
	display: block;
}

div.list_product {
	position: relative;
	height: 281px;
	overflow: hidden;

}


.detail_show .product_desc {
	display: block;

}

.list_product .list_product_each,
.article_recomend .list_product_each {
	display: block;
	width: 172px;
	margin: 0 auto 20px;
	text-decoration: none;

}

.list_product .list_product_each dd,
.article_recomend .list_product_each dd {
	position: relative;

}

.list_product .list_product_each dd .ic_rank,
.article_recomend .list_product_each dd .ic_rank {
	position: absolute;
	left: 5px;
	bottom: 5px;
	width: 30px;
	height: 21px;

}

.product_style {
	display: none;
	position: relative;
	margin: 1px 0;
	height: 30px;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid #f0f0f0;
	background: url('../img/bg_product_style.gif') no-repeat 0 0;

}

.product_style .tip_foricon {
	bottom: auto;
	top: -40px;
	margin: 0 -5px 0 0;
	padding: 0;
	min-width: 165px;

}

.product_style .tip_foricon .border_arrow_down {
	bottom: -10px;

}

.product_style .style_inner {
	display: block;
	height: 30px;

}

.ic_style {
	display: block;
	position: absolute;
	top: 4px;

}
.ic_milk {
	left: 8px;

}
.ic_lemon {
	left: 35px;

}
.ic_ice {
	left: 62px;

}
.ic_noncafe {
	left: 90px;

}
.ic_lowcafe {
	left: 117px;

}
.ic_child {
	left: 144px;

}

.list_product .product_id {
	margin: 5px 0 -10px 0;

}

.list_product .product_id small {
	font-size: 13px;
	font-style: italic;
	padding: 0 3px;

}

.list_product .product_name,
.article_recomend .product_name {
	margin: 10px 0;
	height: 42px;
	overflow: hidden;
	font-size: 12px;
	font-weight: 12px;
	text-decoration: underline;

}
.list_product .product_price,
.article_recomend .product_price {
	margin: 10px 0;
	font-size: 16px;
	font-weight: 600;
	text-align: right;

}
.article_recomend .product_price {
	display: none;

}
.article_recomend .product_price.sale {
	display: block;
	color: #b02;

}

.list_product .product_price .sale {
	margin: 0 0 0 10px;
	color: #b02;

}

.list_product .product_stock,
.article_recomend .product_stock {
	margin: 10px 0;

}


.product_price.sale {
	color: #b02;

}
.saleoff {
	margin: 0 5px 0 0;

}

.salelabel {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 10px;
	background: #b02;
	color: #fff;

}


.list_product .product_thum,
.article_recomend .product_thum {
	width: 170px;
	height: 170px;
	border: 1px solid #f0f0f0;

}

.list_product .product_features,
.detail_product .relative_product .product_features,
.event_ .product_features{
	margin: 0 0 2px;
	height: 25px;
	text-decoration: none;
	overflow: hidden;
}

.event_ .product_features{
	margin: 8px 0;
}

.list_product .ic_features,
.detail_product .relative_product .ic_features,
.event_ .ic_features {
	display: block;
	float: left;
	box-sizing: border-box;
	margin: 0 0 0 1px;
	padding: 0;
	width: 56px;
	height: 25px;
	border-radius: 3px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;

}

.list_product .ic_small .ic_features {
    width: 3em;

}

.list_product .ic_small .ic_features:hover {
    width: 56px;

}
.list_product .ic_small .ic_features:first-letter {
    padding: 1em;

}

.list_product .ic_small .ic_features:hover:first-letter {
    padding: 0;

}

.detail_product .product_features {
	display: block;
	overflow: hidden;

}

.detail_product .product_features {
	display: block;
	overflow: hidden;

}

.detail_product .ic_features {
	display: block;
	float: left;
	box-sizing: border-box;
	margin: 0 10px 40px 0;
	padding: 10px;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	text-align: center;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;

}

.ic_new {
	background: #e39a62;

}

.detail_product .ic_features.ic_new {
	line-height: 40px;

}

.detail_product .relative_product .ic_features.ic_new {
	line-height: 25px;

}

.ic_seasonal {
	background: #a7c382;

}

.ic_shipfree {
	background: #c39e82;

}

.ic_limited {
	background: #ea898f;

}

.ic_frozen {
	background: #839cc4;

}

.shincha_chart {
	clear: both;
	display: block;
	padding: 5px 0 0;

}

.ic_refrigerated {
	background: #AA86C4;

}

.no_shipfree .ic_shipfree {
	display: none;

}


.product_desc {
	display: none;
	overflow: hidden;
}

div.list_product .ic_prev,
div.list_product .ic_next {
	margin: 0;
	top: 30px;
	text-decoration: none;
	font-size: 24px;
	line-height: 1;
}

div.list_product .ic_prev {
	left: 0;
	padding: 40px 10px 40px 0;
}


div.list_product .ic_next {
	right: 0;
	padding: 40px 0 40px 10px;
	text-align: right;
}

/* section pickup */

.section_hdr {
	margin: 60px 0 0;
	height: 60px;
	line-height: 50px;

}
.section_ftr {
	padding: 20px 10px;
	background: #f6f6f4;

}

.section_hl {
	box-sizing: border-box;
	width: 620px;
	padding: 0 0 0 5px;
	font-size: 24px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}

#section_pickup {

}
#section_pickup_inner {
	background: #f6f6f4;
	border-bottom: 1px solid #f6f6f4;

}

#ad_pickup,
.ad_pickup {
	padding: 4px 2px 0;
	background: #f6f6f4;

}

#ad_pickup_ns,
.ad_pickup_ns {
	margin: 0 0 40px;
	padding: 27.5px;
	overflow: hidden;
	background: #f6f6f4;

}

#ad_pickup_ns li,
.ad_pickup_ns li {
	float: left;
	padding: 1px 2px 4px;

}

#ad_pickup .slick-dots,
.ad_pickup .slick-dots {
	bottom: -30px;
	margin-bottom: 0;
}

#ad_pickup .slick-dots li button::before,
.ad_pickup .slick-dots li button::before {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
	font-size: 13px;
}

#ad_pickup .slick-dots li button:before,
.ad_pickup .slick-dots li button:before {
width: 25px;
height: 25px;
line-height: 25px;
cursor: pointer;

}

#ad_pickup.slick-dotted.slick-slider,
.ad_pickup.slick-dotted.slick-slider {
	margin-bottom: 20px;

}

#ad_pickup .slick-arrow.ic_prev,
.ad_pickup .slick-arrow.ic_prev {
	padding: 10px;
	top: 300px;
	left: 0;
	z-index: 500;
}

#ad_pickup .slick-arrow.ic_prev::before,
.ad_pickup .slick-arrow.ic_prev::before {
	font-size: 24px;
}

#ad_pickup .slick-arrow.ic_next,
.ad_pickup .slick-arrow.ic_next {
	padding: 10px;
	top: 300px;
	right: 0;
	z-index: 500;
}

#ad_pickup .slick-arrow.ic_next::before,
.ad_pickup .slick-arrow.ic_next::before {
	font-size: 24px;
}

.pickup_each {
	display: block;
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 80px 10px 10px;
	width: 185px;
	border: 1px solid #f0f0f0;
	background: #fff;
	text-decoration: underline;

}

#ad_pickup .update,
#ad_pickup_ns .update,
.ad_pickup .update,
.ad_pickup_ns .update {
	display: block;
	position: absolute;
	height: 18px;
	top: 10px;
	right: 10px;
	line-height: 18px;
	font-size: 12px;
	color: #666;

}

#ad_pickup .title,
#ad_pickup_ns .title,
.ad_pickup .title,
.ad_pickup_ns .title {
	display: block;
	position: absolute;
	width: 165px;
	top: 35px;
	left: 10px;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.5;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;

}

#section_pickup .section_ftr .btn_white {
	margin: 0 auto;
	width: 400px;
	height: 40px;
	border-radius: 5px;
	line-height: 40px;

}

/* section press */


#ad_press,
.ad_press {
	padding: 25px 0 0;
	background: #f6f6f4;

}

.press_each .ad_tag {
	top: -5px;
}

.press_each {
	display: block;
	position: relative;
	text-decoration: none !important;

}


#ad_press .title,
.ad_press .title {
	display: block;
	margin: 10px auto;
	width: 165px;
	height: 44px;
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
	text-align: center;

}

.press_thum {
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.25);

}

.link_catorder {
	display: block;
	text-align: center;

}

#section_press .section_ftr {
	padding: 20px 40px;

}

#section_press .section_ftr .btn_white {
	margin: 0 10px;
	width: 320px;
	height: 40px;
	border-radius: 5px;
	line-height: 40px;

}

/* article feature */

.article_feature {
	overflow: hidden;

}

.article_hdr,
.info_hdr {
	margin: 50px 0 30px;
	height: 60px;
	border-bottom: 1px solid #ddd;
	line-height: 50px;

}

.article_hdr .update {
	padding: 0 10px;
	color: #666;

}

.thum_feature {
	margin: 0 40px 0 0;

}

.article_summary {
	float: right;
	width: 470px;
	margin: 0 0 20px;

}

.article_summary p {
	float: right; /* debug for browser*/
	width: 470px; /* debug for browser*/

}

.article_summary + aside h3 {
	float: left;
	margin: 0 0 20px;

}

.article_index {
	margin: 20px 0;
	width: 470px;

}

.article_index li {

}
.article_feature .link_sp {
	margin: 40px 0 0;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	min-width: 140px;

}

.link_sp:hover {
	background: #f6f6f4;

}

.article_recomend {
	float: left;
	margin: 0 0 20px;
	width: 470px;

}

.recommend_each {
	display: block;
	margin: 0 auto;
	width: 140px;


}

.article_recomend .product_thum {
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;

}

.link_feature {
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	line-height: 140px;
	text-align: center;

}

.link_feature:hover {
	background: #f6f6f4;

}

/* section info */

#section_info {


}

#section_info .date {
	margin: 10px 0;
	width: 120px;

}

.info_each {
	display: block;
	margin: 0 0 10px;
	padding: 0 20px;
	width: 720px;
}

.info_each:hover {
	background: #f6f6f4;
}



/*  Page Footer  */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 0 0 20px;
	width: 100%;
	border-top: 1px solid #ddd;


}

/* section guide */
#section_guide_store {


}
#section_guide_store .section_hl {
	width: 100%;
	padding: 30px 0 40px;
	font-size: 17px;
	text-align: center;

}

.guide_store_list {
	margin: 0 -4px;

}

#section_guide_store .guide_each {
	position: relative;
	padding: 0 25px;
	width: 162px;
	height: 300px;

}

#section_guide_store #guide_shipping {
	width: 322px;

}

.guide_title {
	margin: 0 0 20px;
	height: 28px;
	border: 1px solid #ddd;
	line-height: 28px;
	text-align: center;
	font-weight: normal;

}

.link_gude_store {
	display: block;
	padding: 20px 0;

}

.guide_thum {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;

}

.guide_thum.thum_ship {
	width: 82.5px;
	height: 40px;

}

.guide_desc {
	margin: 10px 0;
	font-size: 13px;

}

.guide_link {
	display: block;
	position: absolute;
	bottom: 0;
	left: 25px;
	text-decoration: underline;
}

.guide_link:link,
.guide_link:visited {
	text-decoration: underline;
}



#section_guide_dial {
	margin: 60px auto 40px;

}

.guide_dial_list {
	margin: 0 -4px;

}


#section_guide_dial .guide_title {
	background: #fafafa;

}

#section_guide_dial .guide_each {
	padding: 0 25px;

}

#guide_order,
#guide_order_fax {
	overflow: hidden;

}

.dial_title {
	color: #666;

}

#section_guide_dial .dial_number {
	font-size: 28px;

}

#btn_ftr_catalog {
	margin: 10px 20px 0 0;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
}

#btn_ftr_catalog:hover {
	background: #66b333;
	color: #fff;
}

#btn_ftr_member {
	margin: 10px 20px 0 0;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
}

#btn_ftr_member:hover {
	background: #66b333;
	color: #fff;
}

.dial_desc {
	font-size: 13px;

}

#guide_order .dial_desc,
#guide_order_fax .dial_desc {
	width: 50%;

}

.dial_hours {
	display: block;
	margin: 10px 0;
	font-size: 14px;

}

.dial_note {

}

.dial_note a {
	text-decoration: underline !important;
	font-weight: bold;
	font-size: 14px;
	color: #c33;

}

#section_guide_dial .link_contact {
	display: block;
	margin: 10px 0;
	font-size: 14px;
	text-decoration: underline;

}
#guide_order_fax {
	clear: both;
	margin: 10px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #ddd;
}

.dial_downloads {
	display: block;
	margin: 10px 0;
	font-size: 14px;

}

#section_guide_dial .link_download {
	display: block;
}

#guide_otayori,
#guide_customer {
	width: 50%;

}

#aside_categorymap {
	padding: 20px 11px 30px;
	border-top: 1px solid #ddd;
	background: #f1f1f1;
	overflow: hidden;

}

.categorymap_each {
	float: left;
	margin: 0 9px;
	width: 308px;

}

.categorymap_hl {
	margin: 0 0 10px;
	height: 32px;
	border-bottom: 1px solid #ddd;
	line-height: 32px;
	font-size: 15px;
	font-weight: normal;
}

.categorymap_list {
	line-height: 32px;

}

#categorymap_teaware {
	margin-top: 30px;

}

#aside_policy {
	padding: 10px 0;
	width: 100%;
	border-top: 1px solid #ddd;
	background: #f1f1f1;
	overflow: hidden;
	text-align: center;
	font-size: 13px;
}

.policy_each {
	display: inline;
	margin: 0 10px;

}

#aside_official {
	padding: 30px 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	overflow: hidden;

}

.corporate_each {
	padding: 0 10px;
	border-right: 1px solid #ddd;
	/*line-height: 1;*/

}

#aside_corporate li:first-child {
	/*margin-top: -5px;*/
	line-height: 1;

}

#aside_sns {
	line-height: 24px;

}

.sns_title {
	font-size: 12px;

}

.sns_each {
	padding: 0 5px;

}

#aside_global {
	margin: 0 auto;
	padding: 20px 0;
	width: 500px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	overflow: hidden;

}

.global_title {
	width: 100px;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;

}

.global_each {
	margin: 0 10px;

}



#link_ptop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 1rem;
	font-size: 1.5rem;

}

#link_ptop a,
#link_ptop a:link,
#link_ptop a:hover,
#link_ptop a:active {
	display: block;
	width: 3rem;
	height: 3rem;
	margin: 0;
	border-radius: 5px;
	background: #1f1515;
	text-align: center;
	color: #fff;

}

#link_ptop a:hover {
	transition: none 0 ease 0;

}

#link_ptop a i:before {
	line-height: 3rem;
	line-height: 48px;

}

#copyright {
	display: block;
	margin: 20px 0 0;
	border: none;
	text-align: center;

}


/*  Page Side  */

#menu {
	float: right;
	padding: 0 10px 0 0;
	width: 230px;

}

#nav_keyword {
	margin: 10px 0;
	line-height: 2;

}

.menu_keyword_hl {
	height: 40px;
	line-height: 40px;
	font-size: 13px;

}

.keyword_each {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #ddd;
	font-size: 13px;

}

.keyword_each.kw_add {
	display: none;

}

.keyword_each:first-child {
	padding-left: 0;

}

.link_morekeyword {

}

/* category */

#main_hdr {
	margin: 0 0 40px;

}

#main_hdr:after { /* clearfix for cannot use overflow */
	content: "";
	clear: both;
	display: block;
}

#main.fullsize #main_hdr {
	margin-top: 0;

}

#main_hdr i:before {
	font-size: 16px;

}

.page_hl {
	clear: both;
	margin: 15px 0 20px;
	padding: 0 10px;
	min-height: 60px;
	border-bottom: 1px solid #ddd;
	font-size: 30px;
	line-height: 60px;
	font-weight: normal;

}

.fullsize .page_hl {
	line-height: 1.8;

}

.page_hl_sub {
	display: block;
	padding: 0 5px 10px;
	font-size: 14px;

}

.header_caption {
	overflow: hidden;
	margin: 10px 0 0 0;

}

#section_admain {
	margin-bottom: 20px;

}

.aside_caption {
margin: 40px 0 0;
padding: 10px 2px;
overflow: hidden;
background: #f6f6f4;

}

.aside_caption_each {
display: block;
position: relative;
float: left;
box-sizing: border-box;
border: 1px solid #ddd;
margin: 0 10px;

}

.aside_caption_each.overline {
margin: 5px 10px 0;

}

.ui_addlink {
display: block;
position: absolute;
right: 0;
bottom: 0;

}

.ui_addlink i:before {

}

.aside_caption_each:hover .ui_addlink i:before {

}

.category_thum {
	margin: 0 0 0 20px;

}

.message_find {
	font-size: 16px;

}

.find_count {
	margin: 0 10px;
	font-size: 30px;
	font-weight: normal;


}

#narrow_option {
	font-size: 15px;

}

#narrow_option .btn_option {
	margin: 0 10px;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;

}

#option_clear {
	cursor: pointer;

}

#option_clear .ic_close:before {
	font-size: 16px;
}

#tab_sort {
	box-sizing: border-box;
	margin: 30px 0;
	padding: 0 10px;
	height: 46px;
	border-bottom: 1px solid #ddd;
	overflow: visible;

}

.sort_each {
	margin: 0 -1px 0 0;
	width: 140px;
	height: 44px;
	box-sizing: content-box;
	border-radius: 5px 5px 0 0;
	border: 1px solid #ddd;
	border-bottom: none;
	background: #fafafa;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
}

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

.sort_each.tab_current {
	margin-top: -3px;
	width: 140px;
	height: 47px;
	border-bottom: 1px solid #fff;
	background: #fff;
	line-height: 47px;

}

.link_markview {
	display: none;
	height: 46px;
	line-height: 46px;
	font-size: 13px;

}

#tgl_disporder {
	margin: 30px auto;
	width: 160px;

}

.ic_asc:before {
	content: '\f366';
	margin: 0 5px 0 0;
	font-family: 'Ionicons';
	font-size: 18px;

}

.ic_desc:before {
	content: '\f35d';
	margin: 0 0 0 5px;
	text-decoration: none;
	font-family: 'Ionicons';
	font-size: 18px;

}

#tgl_disporder a {
	background: #fafafa;
	color: #000;

}

#tgl_disporder .toggle_current {
	background: #fff;
	color: #666;

}


/* menu */

h4.menu_category_hl {
	margin: 25px 0 20px;
	padding: 0 10px;
	height: 50px;
	border-bottom: 1px solid #ddd;
	line-height: 50px;

}

h4.menu_hl {
	margin: 30px 0 10px;
	padding: 0 10px;
	height: 44px;
	line-height: 44px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
	font-weight: bold;

}

h5.menu_hl.sub {
	margin: 10px 5px;
	height: 44px;
	line-height: 44px;
	font-size: 15px;
	font-weight: bold;

}

.nav_category_each,
.nav_narrow_each,
.nav_brand_each {
	display: block;
	clear: both;
	position: relative;
	padding: 0 5px;
	height: 44px;
	border-radius: 5px;
	line-height: 44px;
	text-decoration: none !important;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
.nav_category_each .ic_prev,
.nav_narrow_each .ic_prev {
	display: none;
	font-size: 20px;

}

.nav_category_each:hover,
.nav_narrow_each:hover,
.nav_brand_each:hover {
	opacity: 1;
	background: #f6f6f4;

}

.link_categorylist {
	cursor: pointer;

}

.open_category {
	display: none;
	position: absolute;
	top: -100px;
	left: 220px;
	width: 250px;
	border: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
	border-radius: 3px;
	overflow: hidden;
	z-index: 100;

}

.open_category #category_inner {

}

.nav_category_each.category_current {

}

.nav_category_each.category_current i {
	position: absolute;
	top: 0;
	right: 15px;
	height: 44px;

}

.nav_category_each.category_current i::before {
	line-height: 44px;
	color: #66b333;

}

.nav_category_each.category_sub {

}

.nav_category_each.category_level1 {

}

.nav_category_each.category_level2 {
	padding: 0 5px 0 15px;

}

.nav_category_each.category_level3 {
	padding: 0 5px 0 25px;

}

.nav_category_each.category_level4 {
	padding: 0 5px 0 35px;

}

.nav_sidead li:last-child a {
	border-bottom: none !important;

}

#nav_monthly li:last-child a {
	border-bottom: none !important;

}

.nav_feature {
	border-top: 1px solid #ddd;

}

.nav_feature em.nav_feature_title {
	display: block;
	margin: 10px 5px;
	height: 44px;
	line-height: 44px;
	font-weight: bold;

}

.nav_feature .link_nav_feature {
	display: block;
	position: relative;

}

.nav_feature img {
	display: block;
	margin: 0 10px;
	width: 210px;

}

.nav_feature .nav_feature_caption {
margin: 20px 0;
padding: 0 5px;
text-align: left;
font-size: 12px;

}

.ic_category_back {
	display: inline-block;
	position: relative;
	top: 2px;
	left: 1px;
	font-size: 22px;

}

.nav_monthly_each {
	position: relative;
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;

}

.nav_monthly_each .ad_tag{
	left: 70px;
	top: 5px;

}

.nav_brand_each{
	margin: 10px 0;

}

.nav_brand_each .categorylist_thum{
	margin: 0 .5em 0 0;
	width: 40px;
	height: 40px;

}

.aside_expand {
	text-align: center;
	font-size: 13px;

}

.aside_expand {
	margin: 30px 0 0;
	text-align: center;
	font-size: 13px;

}

.aside_expand.bnr {
	margin: 0;

}

.aside_expand li {
	padding: 0 0 30px;
	border-top: 1px solid #ddd;

}

.expand_hl {
	margin: 40px 0 20px;
	font-size: 14px;
	font-weight: bold;

}

.aside_expand.bnr .expand_hl {
	margin: 20px 0;

}

.expand_each {
	display: block;
	text-decoration: none !important;

}

.expand_each .expand_thum {
	display: block;
	width: 40px;
	height: 40px;
	margin: 20px auto;

}

.expand_each .expand_thum.thum_qr {
	width: 50px;
	height: 50px;

}

.aside_expand.bnr .expand_each .expand_thum {
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	width: auto;
	height: auto;


}

.expand_desc {
	margin: 20px 0;
	padding: 0 20px;
	text-align: left;

}

.nav_narrow_check {
	padding: 0 0 30px;
	border-bottom: 1px solid #ddd;

}

.nav_narrow_check {
	padding: 0 0 30px;
	border-bottom: 1px solid #ddd;

}

.nav_narrow_check:last-child {
	border-bottom: none;

}

.narrow_check_each {
	display: block;
	padding: 0 5px;
	height: 34px;
	line-height: 34px;
	font-size: 15px;

}


.ic_checkbox.chk_red:before {
	content: '\f371';
	color: #f29c9f;
}

.checkbox:checked + .ic_checkbox.chk_red:before {
	color: #f29c9f;
}


.ic_checkbox.chk_orange:before {
	content: '\f371';
	color: #f6b37f;
}

.checkbox:checked + .ic_checkbox.chk_orange:before {
	color: #f6b37f;
}


/* subcategory */

#category_inner {
	width: 760px;
	overflow: hidden;
	background: url('../img/bg_category_tea95.png') no-repeat bottom right;
	font-size: 14px;
	line-height: 1.75;

}

#nav_subcategory {
	float: left;
	padding: 20px;
	width: 210px;
	background: url('../img/white95.png');


}

.nav_subcategory_each {
	display: block;
	height: 30px;
	text-decoration: underline;


}

.nav_subcategory_each:hover {

}

#article_category {
	float: right;
	padding: 20px;
	width: 470px;


}

#ad_category {
	margin: 20px 0;

}

.ad_category_each {
	display: block;
	margin-top: 10px;
	width: 230px;
	height: 60px;

}

/* product */

.detail_product_hdr {
margin: 20px 0;

}


.link_pageback {

}
.link_pagenext {

}
.link_page,
.link_pageback,
.link_pagenext {
background: #f6f6f4;

}
.link_page a,
.link_pageback a,
.link_pagenext a {
display: inline-block;
padding: 10px;

}
.product_shares {
padding: 10px 0;

}
.product_shares_each {
position: relative;

}

.link_share {
display: block;
margin: 0 0 0 10px;
cursor: pointer;

}

.tip_sns {
display: none;
right: 0;
width: 85px;
padding: 10px 0 0;
background: #fff;

}

.tip_sns .border_arrow_right {
top: 0;
right: 10px;
border-bottom: 5px solid  #4267b2;

}

.btn_fb {
width: 85px;
height: 28px;
border-bottom: 1px solid #fff;
border-radius: 5px 5px 0 0;
background: #4267b2;
overflow: hidden;

}

.btn_fb:hover {
background: #365899;

}

.btn_tw {
width: 85px;
height: 28px;
background: #1b95e0;
border-radius: 0 0 5px 5px;
overflow: hidden;

}

.btn_tw:hover {
background: #0c7abf;
}

.product_data {
	width: 530px;
	padding: 0 0 0 10px;

}

.product_add {
	width: 460px;

}

.product_caption {
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
	font-size: 15px;

}


.product_thumbs {
	width: 450px;
	overflow: hidden;

}

.product_thumbs .thumbs_each {
	display: block;
	float: left;
	box-sizing: border-box;
	margin: 0 10px 10px 0;
	border: 1px solid #ddd;
	width: 140px;

}

.product_thumbs .thumbs_each.current {
	padding: 19px;
	width: 440px;

}
.product_thumbs img {
	width: 100%;
	cursor: pointer;

}

.product_thumbs .thumbs_each.current img {
	cursor: auto;

}

.relative_product {
	width: 440px;

}

.relative_product .relative_hl {
	font-size: 16px;
	padding: 0 0 10px;
	margin: 20px 0 10px;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #ddd;

}

#area_sgbnr .selectgift_hl {
	font-size: 16px;
	margin-top: 40px;
	padding: 0 0 5px;

}

.product_selectgift {
	overflow: hidden;

}

.product_selectgift .selectgift_hl {
	text-align: right;
	padding: 0 0 5px;

}

.product_selectgift #btn_selectgift {
	display: block;
	float: right;
	width: 260px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	box-sizing: border-box;
	border-radius: 3px;
	background: #2A0600;
	text-align: center;
	color: #fff !important;
	cursor: pointer;
}
.product_contact {
	clear: both;
}

.relative_each {
	display: block;
	margin: 0 0 10px;
	padding: 0 10px 20px 0;
	border-bottom: 1px dotted #ddd;
	background: #fff;
	overflow: hidden;

}

.relative_each:last-child {
	border: none;

}

.relative_product .product_data {
	width: 305px;

}

.relative_product .product_img {
	box-sizing: border-box;
	width: 115px;

}

.relative_product .product_img img {
	width: 100%;

}

.relative_product .product_name {
	margin: 10px 0;
	font-size: 12px;
	font-weight: bold;

}

.relative_product .product_price {
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;

}


.relative_product .box_addnum .select_addnum {
	position: relative;
	padding: 0 20px;
	width: 58px;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	z-index: 100;
	background: transparent;
}

.select_addnum + .ic_down {
	position: relative;
	z-index: 0;
}


.relative_product .box_addnum .ic_down {
	top: 10px;
	left: 80px;
}

.relative_product .btn_addcart {
	padding: 0 20px;
	width: 140px;
	height: 40px;
	line-height: 40px;

}

.relative_product .btn_addcart:hover {
	opacity: 1;
	background: #66b333;
	color: #fff;

}

.product_foricon {
	position: absolute;
	top: 20px;
	right: 0;
	min-width: 270px;
	text-align: right;
	cursor: pointer;

}

.product_foricon_each {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 0 0 5px;
	padding: 3px;
	width: 40px;
	height: 40px;
	border: 1px solid #c0b7b7;
	border-radius: 5px;

}

.tip_foricon {
	padding: 15px 0 0;
	bottom: -45px;
	right: 0;
	text-align: center;

}

#foricon_view {
	position: relative;
	margin: 40px auto;
	padding: 10px;
	width: 460px;
	min-width: 460px;
	border-radius: 10px;
	background: #fff;

}

.foricon.mfp-close-btn-in .mfp-close {
	right: 10px;
	top: 10px;
	color: #fff

}

.foricon_hl {
	margin-bottom: 10px;
	padding: 10px 15px;
	background: #806e6f;
	border-radius: 5px;
	color: #fff;

}

#foricon_view li {
	position: relative;
	padding: 0 10px;
	height: 60px;
	border-bottom: 1px dotted #ddd;
	line-height: 60px;
	overflow: hidden;
	cursor: pointer;

}

#foricon_view li:last-child {
	border: none;

}

.foricon_focus {
	display: block;

}

.foricon_r {
	position: absolute;
	left: 460px;
	top: 0;
	height: 60px;
	background: #fff;
	line-height: 60px;

}

.btn_foric_search {
	display: block;
	padding: 10px 0;
	width: 80px;
	height: 40px;
	background: #66b333;
	line-height: 40px;
	text-align: center;
	color: #fff !important;

}

.foric_check {
	display: block;
	text-align: center;

}

.foric_check i{
	display: none;

}

.foric_check i::before {
	font-size: 30px;
	line-height: 60px;
	color: #66b333;

}

#foricon_view .product_foricon_each {
	margin: 0 10px 0 0;
	border: none;

}

.product_spec {
	margin: 0 0 40px;

}

.spec_title {
	height: 60px;
	line-height: 60px;
	white-space: nowrap;


}

.detail_id {
	height: 80px;
	line-height: 80px;
}

.product_type {
	margin: 0;

}

.product_typeicon_each {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;

}

.product_spec .detail_name {
	font-weight: 600;

}

.product_spec .detail_price.single label {
	cursor: auto;

}

.product_spec .product_price {
	font-size: 22px;

}
.soldout {
	color: #aaa;
}
.product_spec .stock_msg {
	display: block;
	font-size: 16px;

}
.product_spec .soldout .ic_checkbox:before {
	content: '\f371';
	color: #ddd;
}

.product_spec .product_price.sale {
	font-weight: 600;

}

.product_spec .detail_price.single .sale {
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #b02;

}

.product_cart {
	overflow: hidden;

}

.product_cart .stock_msg {
	display: block;
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #c33;

}

.box_addnum {
	position: relative;
	display: inline-block;

}

.box_addnum .select_addnum {
	position: relative;
	margin: 0 10px 0 0;
	padding: 0 20px 0 30px;
	width: 88px;
	height: 48px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: transparent;
	line-height: 48px;
	font-size: 22px;
	cursor: pointer;
	z-index: 100;

}
.box_addnum .select_addnum::-ms-expand {
	display: none;

}

.box_addnum .ic_down {
	position: absolute;
	top: 10px;
	left: 120px;
	z-index: 0;
}

.box_addnum .select_addnum option {
	padding: 5px 20px;

}

.product_cart .btn_addcart {
	width: 260px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;

}

.product_contact {
	margin: 20px 0 40px;
	text-align: right;

}

.product_contact span {
	margin: 0 0 0 10px;
	font-weight: bold;
	font-size: 18px;

}

.product_note {
	margin: 0 0 20px;
	background: #f6f6f4;
	padding: 10px 20px;

}

.product_note h5 {
	margin: 0 0 5px;

}

.release_date {
	display: block;
}

.product_howto {
	margin: 0 0 30px;
	border-bottom: 1px solid #ddd;

}
.btn_howto {
	display: block;
	padding: 10px;
	background: #f6f6f4;
	text-align: center;
	cursor: pointer;

}
.btn_howto:hover,
.btn_howto.howto_open {

}
.btn_howto i {
	margin-left: 1rem;
	display: inline-block;

}

.product_howto_inner {
	padding: 20px 10px;
	display: none;

}

.product_howto_inner h3 {
	font-size: 14px;
	font-weight: normal;

}
.product_howto_inner h3:nth-child(n+2) {
	margin-top: 30px;

}

.product_howto_inner h3 .cup_ {
	margin: 0 0 0 1rem;

}

.product_howto_inner ul {
	margin: 10px 0;

}

.product_howto_inner li {
	float: left;

}

.product_howto_inner li:first-child {
	width: 8em;

}

.product_howto_inner li:last-child {

}

.product_howto_inner li:last-child::before {
	content: "\ff1a";
	padding: 0 1em 0 0;

}

.product_howtoicon_each {
	margin: 0 .5rem 0 0;
	width: 20px;
	height: 20px;

}

.product_howto_inner .making li {
	float: none

}

.product_howto_inner li:first-child {
	width: auto;

}


.product_howto_inner .making li:last-child::before {
	display: none;

}

#product_caution {
	background: #f7eded;
	border: 1px solid #e9cfcf;

}


#product_materials h5,
#product_nutrition h5 {
	cursor: pointer;

}

#product_materials h5 i {
	display: inline-block;

}

#materials_data {
	display: none;

}

#product_nutrition_byone {
	display: none;
}

#product_nutrition_byone a {
	text-decoration: underline;
}

.product_more {
	clear: both;
	padding: 40px 0 0;

}

.product_more_inner {
	position: relative;
	background: #fff;
	padding: 20px 77px;
	border: 20px solid #f6f6f4;

}

.product_more_content {
	margin: -40px 0 -40px -97px;
	width: 1000px;
	background: #fff;

}

.product_more_link {
	position: absolute;
	top: 0;
	left: 0;

}

.note_package {
	display: block;

}

#product_origin {

}

/* rearrival mail*/

.btn_cart_3,
.btn_cart_4,
.btn_cart_5 {
background: #f6f6f4 !important;
color: #000 !important;

}
.btn_cart_6 {
display: none;

}

.mfp-bg {
opacity: 0.2;

}

.mfp-content {
height: 98%;

}
.mfp-iframe-holder {
padding-top: 0 !important;
padding-bottom: 0 !important;

}

.mfp-iframe-holder .mfp-close {
top: 0;
right: 20px;
color: #000;

}

.mfp-iframe-scaler iframe {
background: #fff;

}


/* category navigation */

.main_off {
width: 1000px;
position: relative;

}
.main_off.set {
width: 2000px;

}

.off_inner {
float: right;
display: none;
width: 1000px;

}

.categorylist {
clear: both;

}
.categorylist_gr {
padding: 20px 0 0;

}

.categorylist_thum {
margin: 0 1em 0 0;
width: 40px;
height: 40px;

}

.categorylist_thum.ic_lp {
background: #66aa00;
border-radius: 5px;
width: 30px;
height: 30px;
padding: 5px;

}

.categorylist_thum.ic_gr {
background: #c42219;
border-radius: 5px;
width: 30px;
height: 30px;
padding: 5px;

}

.categorylist_thum a {
display: block;

}

h4.categorylist_hl {
	clear: both;
	padding: 40px 10px 10px;
	font-size: 18px;
	border-bottom: 1px dotted #ddd;

}

.categorylist_each {
	box-sizing: border-box;
	width: 240px;
	display: block;
	margin: 10px 5px;
	padding: 10px;
	border-radius: 5px;
	background: #f6f6f4;

}

.categorylist_inner {
	margin: 5px 10px;

}

.categorylist_each a {
	display: block;
	padding: .2em 0;

}

.categorylist_tea .categorylist_each {

}

.categorylist_gift .categorylist_each {

}

.categorylist_sweet .categorylist_each {

}

.categorylist_teaware .categorylist_each {

}

.categorylist_special .categorylist_each {

}

.categorylist_ad {
clear: both;
margin: 0 0 40px;
padding: 15px 0;
overflow: hidden;

}

.categorylist_ad li {
padding: 5px 0;
text-align: center;

}








 /* for develop */
.icon_new_,
.icon_onsales_ {
display: none;

}

.navipage_now_ {
padding: 0;
width: 2rem;
height: 2rem;
line-height: 2rem;
text-align: center;
display: inline-block;

}

.navipage_ a {
background: #F6F6F4;
padding: 0;
width: 2rem;
height: 2rem;
line-height: 2rem;
text-align: center;
display: inline-block;
}

.navipage_prev_,
.navipage_next_ {
color: #fff;

}

.navipage_first_,
.navipage_last_ {
margin: 0 !important;
color: #fff;

}

.navipage_prev_ a,
.navipage_next_ a {
padding: 0 .3rem;
width: auto;
background: transparent;
text-decoration: underline !important;

}

.navipage_first_ a,
.navipage_last_ a {
padding: 0 .3rem;
width: auto;
background: transparent;
text-decoration: underline !important;

}

.navipage_.top_,
.navipage_.bottom_ {
padding: 0 10px;
height: 40px;
line-height: 40px;

}

.navipage_.top_ .navipage_sum_ strong {
padding: 0 .3em 0 0;
font-size: 18px;

}

.navipage_.bottom_ {
margin: 20px 0 60px;

}

.goodssearch_ {
width: 100% !important;

}
.formlist_.goodssearch_ {
margin: 20px auto;

}

.goodssearch_ #search_category select {
box-sizing: content-box;
border-radius: 5px;
border: 1px solid #ddd;
padding: 0 10px;
width: 398px;
min-height: 46px;
line-height: 46px;
font-size: 16px;
font-weight: bold;

}


.goodssearch_ input[type="text"],
.goodssearch_ input[type="password"] {
border: 1px solid #ddd;
padding: 0 10px;
min-height: 46px;
line-height: 46px;
font-size: 16px;
font-weight: bold;

}

.goodssearch_ th {
color: #000;

}
.goodssearch_ th {
background: #fafafa;

}

.goodssearch_ #search_brand input {
display: none;

}

.goodssearch_ #search_brand label {
	margin: 0 10px 0 0;

}

.goodssearch_ #search_brand input:checked + label .ic_checkbox:before {
	content: '\f374';
	color: #66b333;

}



.goodssearch_ #search_brand input:checked + label.s_brand_gr .ic_checkbox:before {
	color: #c33530;

}

.goodssearch_ #search_keyword th {
background: #e3eae3;

}

.goodssearch_ #search_keyword input {
width: 396px;
border: 2px solid #ddd;

}

.goodssearch_ #search_category_frame {
display: block;
position: relative;

}

.goodssearch_ #search_category_frame i {
position: absolute;
left: 400px;
top: 15px;
font-size: 18px;
z-index: 0;

}


.goodssearch_ #search_category_frame select {
position: relative;
background: transparent;
cursor: pointer;
z-index: 100;

}

.goodssearch_ #search_price input {
width: 15%;

}

.submit_goodssearch {
margin: 40px auto;
width: 260px;
height: 50px;
font-size: 18px;
line-height: 50px;

}

.main_goodssearch {
margin: 20px 0 0;

}

/* alcohol */

form p.message_ {
width: 1000px !important;
margin: 5px auto !important;
font-size: 14px !important;

}

.check_alcohol {
margin: 5px 0;
font-size: 16px;
font-weight: normal;
color: #2c0c00;

}
.check_alcohol input {
width: 80px;
padding: 3px 5px;
background: #FFF;
border: 1px solid #f2e4e2;
font-size: 16px;
font-weight: bold;
cursor: pointer;
outline: none;

}

.check_alcohol input::-moz-focus-inner {
  border: 0;

}

.check_alcohol input:hover {
border: 1px solid #f9c7c0;

}
.check_alcohol input.oldchk {
background:#CC0000;
color:#FFF;

}


/* event */

#event_inner .fullsize {
padding: 20px 0 0;
background: #fff;

}

.hl_insert {
margin: 0 -20px 20px;
border-top: 20px solid #fff;

}




/* cart */


/*shipping icon*/

table.cartlist_ td.goods_name_ .ic_features,
table.destgoodslist_ td.method_goodsname_ .ic_features,
table.destgoodslist_ td.estimate_goodsname_ .ic_features {
	display: block;
	float: left;
	box-sizing: border-box;
	margin: 0 1em 0 0;
	padding: 0;
	width: 56px;
	height: 25px;
	border-radius: 3px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;

}


table.destgoodslist_ td.method_goodsname_ .ic_features {
	float: none;

}

#note_frozen {
	display: none;

}

.cart_posfree_ .ic_features {
	display: inline;
	box-sizing: border-box;
	margin: 0 0 0 .5em;
	padding: .3em 1em;
	border-radius: 3px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;

}




/* freepage */

#infscr-loading {
position: relative;

}
#infscr-loading img {
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 50%;
margin-left: -30px;

}

#page_free {
margin: 0 0 40px;

}

#page_free h2 {
font-size: 24px;
margin: 1em 0;

}
#page_free h3 {
font-size: 20px;
margin: 1em 0;

}

#page_free h4 {
font-size: 18px;
margin: 1em 0;

}

#page_free h5 {
font-size: 16px;
margin: 1em 0;

}

#page_free h6 {
font-size: 14px;
font-weight: bold;
color: #333;
margin: 1em 0;

}

#page_free p {
font-size: 16px;
margin: 1em 0;
text-indent: 1em;


}

/* page infomation */

.page_info table {
margin: 1em 0;

}
.page_info th,
.page_info td {
padding: .5em 1em;
border: 1px solid #ddd;

}
.page_info th {
background: #f6f6f4;
text-align: center;

}


/* Archive */

h4.archive_hl {
clear: both;
margin: 0 0 10px;
padding: 40px 10px 10px;
font-size: 18px;
border-bottom: 1px dotted #ddd;

}

.ad_pickup.archive {
margin: 10px 0 40px;
padding: 27.5px;
overflow: hidden;

}

.ad_pickup.archive li {
float: left;
padding: 1px 2px 4px;

}

.ad_press.archive {
margin: 10px 0 40px;
overflow: hidden;

}

.ad_press.archive li {
float: left;
padding: 25px 0 30px 0;

}

.ad_press.archive .btn_common {
margin: 0 10px;
height: 40px;
line-height: 40px;

}

#link_backmagazine {


}


/* openbox */

.area_openbox {
	position: relative;
}
.openbox {
	position: relative;
	overflow: hidden;
	height: 6em;
}
.openbox::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4em;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	content: "";
}

.btn_openbox {
	display: none;
}
.btn_openbox:checked + .label_openbox {
	display: none;
}
.btn_openbox:checked ~ .openbox {
	height: auto;
}
.btn_openbox:checked ~ .openbox::before {
	display: none;
}

.label_openbox {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 10em;
	padding: .5em 2em;
	background: #dedede;
	text-align: center;
	border-radius: 5px;
	z-index: 100;
}


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

/* mypage */

.customer_status_ {
border-top: 1px solid #ddd;

}

.loginname_ {
margin: 0;
padding: 30px 0 40px;
text-align: center;
font-size: 17px;
font-weight: bold;

}

.bookno {
display: block;

}

.member_num {
font-size: 18px;
margin-bottom: 10px;
padding: 10px;
background: #f6f6f4;
font-weight: bold;

}

.section_orderrecom {
padding: 0 0 40px;

}

.section_orderrecom .section_hl {
margin: 0 !important;
padding: 30px 0 40px;
border-top: 1px solid #ddd;
width: 1000px;
font-size: 17px !important;
text-align: center;
font-weight: bold;

}

.section_orderrecom .orderrecom_list {
overflow: hidden;

}

.section_orderrecom .orderrecom_each {
display: block;
position: relative;
float: left;
box-sizing: border-box;
padding: 0 10px;
width: 20%;

}

.section_orderrecom .orderrecom_each img {
border: 1px solid #f0f0f0;
width: 100%;

}

.section_orderrecom .orderrecom_each .product_id {
margin: 5px 0 -10px 0;

}

.section_orderrecom .orderrecom_each .product_name {
margin: 10px 0;
height: 42px;
overflow: hidden;
font-size: 12px;
font-weight: 12px;
text-decoration: underline;

}

.section_orderrecom .orderrecom_each .product_price {
margin: 10px 0 0;
font-size: 16px;
font-weight: 600;
text-align: right;

}


/* cart */

/* order merit */

#section_ordermerit{
padding: 0 0 40px;

}

#section_ordermerit .section_hl {
margin: 0;
padding: 30px 0 40px;
border-top: 1px solid #ddd;
width: 1000px;
font-size: 17px;
text-align: center;
font-weight: bold;

}

#section_ordermerit .ordermerit_list {
overflow: hidden;

}

#section_ordermerit .ordermerit_each {
display: block;
position: relative;
float: left;
box-sizing: border-box;
padding: 0 25px;
width: 33.3%;

}

#section_ordermerit .ordermerit_thum {
display: block;
margin: 0 auto;

}

#section_ordermerit .ordermerit_thum.thum_ship {

}

#section_ordermerit .ordermerit_link {
display: block;
padding: 0 0 20px;

}

#section_ordermerit .ordermerit_desc {
margin: 10px 0 30px;
font-size: 13px;

}

#section_ordermerit .ordermerit_desc em {
display: block;
padding: 0 0 10px;
font-size: 16px;
font-weight: bold;

}

#section_ordermerit .btn_ordermerit {
padding: 5px 0;
border: 1px solid #CADCCA;
background: #EAF6EA;

}


/* option css */

.assam_chart {
display: none;

}