@charset "euc-jp";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Sans|Noto+Serif+JP|Noto+Serif|Open+Sans|Raleway|Roboto:100,300,400,500,700,900&display=swap&subset=japanese');
.far.fa-star { color: coral; }
.fas.fa-exclamation-circle{ color: red; }

:root{
  --gold: #c9a063;
  --flat-black: #636363; --mat-black: #3a3a3a;
  --flat-white: #f5f4f2; --mat-white: #f1f1f1;
}

/* reset */
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, textarea,p, blockquote, th, td,figure { margin: 0; padding: 0; }
.none_border_table,.product_option_table table { border-spacing: 0; border-collapse: collapse; }
fieldset,img { border: 0; }
address, caption, cite, code,dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-weight: inherit; font-size: inherit; font-family: inherit; }
input,textarea,select { *font-size: 100%; }
legend { color: #000; }


/* font size */
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; /* for IE */ *font: x-small; 
 
/* for IE in quirks mode */ }
select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }
table { font: 100%; font-size: inherit; }
pre, code, kbd, samp, tt { font-family: monospace; line-height: 100%; *font-size: 108%; }

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video, picture, a
{ 
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font: inherit;
	font-family: 'Noto Sans JP', 'Roboto', 'Noto Serif JP', 'Open Sans', serif, sans-serif;
	vertical-align:baseline;
	background:transparent;
	box-sizing: border-box;
	text-decoration: none;
}

body { line-height:1; color: #333333; }
img { display: block; width: 100%; vertical-align: top; }

/* display */
.dsp-block { display: block; }

/* text */
.ta-center { text-align: center; }
.fs06 { font-size: 0.6vw; }

/* HTML 5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

/* list */
ul li,ol li { list-style:none; }

/* quotation */
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }

/* table */
table { border-collapse:collapse; border-spacing:0; }

/* form */
input,select,textarea { margin: 0; padding: 0; border: none; vertical-align: middle; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

/* iOS style reset */
input[type="submit"],input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus,input[type="button"]::focus { outline-offset: -2px; }

/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

/* common */
body { background-color: #FFFFFF; }
a { color: #3579bf; }
input[type="text"],textarea,select { border: 1px solid #888; }
/* clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

/* icons */
.icon:before,.ie_icon { display: block; float: left; margin-right: 4px; width: 16px; height: 16px; background-image: url(https://img.shop-pro.jp/tmpl_img/63/icons16.png); background-repeat: no-repeat; content: ""; }
.icon_myaccount:before,.ie_icon_myaccount { background-position: left -96px; }
.icon_regist:before,.ie_icon_regist { background-position: left -192px; }
  .icon_login:before,.ie_icon_login { background-position: left -224px; }
  .icon_logout:before,.ie_icon_logout { background-position: left -208px; }
  .icon_search:before,.ie_icon_search { background-position: left -16px; }
  .icon_viewcart:before,.ie_icon_viewcart { background-position: left -0px; }
  .icon_sort:before,.ie_icon_sort { background-position: left -112px; }
  .icon_prev:before,.ie_icon_prev { margin-right: 0; background-position: left -32px; }
  .icon_next:before,.ie_icon_next {  float: right; margin-right: 0; background-position: right -48px; }
  .icon_prev_dis:before,.ie_icon_prev_dis {  margin-right: 0; background-position: left -64px; }
  .icon_next_dis:before,.ie_icon_next_dis { float: right; margin-right: 0; background-position: right -80px; }
  .icon_lst:before,.ie_icon_lst { margin-right: 0; background-position: left -176px; }
  .footer_lst .icon_lst:before,.footer_lst .ie_icon_lst {  margin-left: -16px; }
  .icon_down:before,.ie_icon_down { display: none; }
  .icon_category_lst:before,.ie_icon_category_lst { display: none; }
  .icon_review:before,.ie_icon_review { background-position: left -240px; }
  .icon_review_post:before,.ie_icon_review_post { background-position: left -256px; }

.header_btn_txt { display: flex; }
.header_btn_txt > span:first-child { font-size: 1.6rem; padding-right: .5rem; }
.hicon_wrap { display: block; }
.hicon_wrap > span { display: block; text-align: center; }
.hicon_wrap > span:first-child { font-size: 1.8vw; margin-bottom: .5vw; }
.hicon_wrap > span:last-child { font-size: .7rem; }

/* layout */
.layout_wrapper { margin: 0 auto; /* width: 1000px; */ }
.layout_header { margin: 0 auto; width: 94%; }
.layout_header { padding-top: 10px; }
.layout_footer { padding: 4rem 0; background: #1a1a1a; }
/* .header_btn { font-size: 92.307%; line-height: 1.5; } */
.header_btn a { color: white; }
.header_member_nav { display: flex; }
.header_member_nav li { white-space: nowrap; margin: 0 0 0 1rem; }

.myb_header { background: #2e4b63; width: 100%; }
.header__wrap { max-width: 1280px; padding: 1rem; display: flex; justify-content: space-between; margin: 0 auto; }
.header__wrap > .header__contents:first-child { width: 400px; }
.header__wrap > .header__contents:last-child { display: flex; justify-content: flex-end; align-items: center; }
.member_login_name { color: white; margin: 0 2vw; line-height: 1.5; }

.layout_container { max-width: 1280px; display: flex; margin: 0 auto; }
.layout_container > .sub__container { width: 20%; padding: 1rem; } 
.layout_container > .main__container { width: 80%; padding: 1rem; }

.sub__contents { margin: 2rem 0; }
.sub__title { margin: 1rem 0; font-size: 1rem; font-weight: 700; line-height: 2; }
.sub__categorylist > li { line-height: 1.4; margin: .75rem 0; font-size: .95rem; }
.sub__contents > .thumb { margin-bottom: 1rem; }

.sg__list.color { display: flex; flex-flow: row wrap; justify-content: space-between; }
.sg__list.color li { width: 30%; margin-bottom: .5vw; }
.sg__lict.color li:last-child::after { width: 30%; content: ""; display: block; }
.sg__list.price li { margin-bottom: .5vw; }
.sg__list.size { display: flex; flex-flow: row wrap; justify-content: space-between; }
.sg__list.size li { width: 48%; }

.chip { display: block; width: 100%; border: solid 1px #d5d5d5; padding-top: 1.5vw; }
.chip + span { margin-top: .5vw; }

.bg_red { background-color: #c43333; }
.bg_blue { background-color: royalblue; }
.bg_orange { background-color: orangered; }
.bg_yellow { background-color: gold; }
.bg_green { background-color: darkseagreen; }
.bg_brown { background-color: saddlebrown; }
.bg_white { background-color: white; }
.bg_black { background-color: black; }
.bg_gray { background-color: #c5c5c5; }
.bg_pink { background-color: #eb6a7a; }
.bg_purple { background-color: #a852bf; }

/*
.chip.bg_whbk { padding-top: 1.5vw; background: linear-gradient(to bottom left, #000, #000 50%, #000 50%, white 50%); } */

.chip.bg_whbk { padding-top: 0; display: flex; }
.chip.bg_whbk > span { display: block; width: 50%; padding-top: 1.5vw; }
.chip.bg_whbk > span:first-child { background-color: white; }
.chip.bg_whbk > span:last-child { background-color: #363636; }


/* delivery price */
.header_delivery_price { padding: 1vw; -webkit-border-radius: 3px; border-radius: 3px; background-color: #df7676; color: #fff; line-height: 1; margin: 0 1vw 0 0; }

/* product search form */
.main__search { width: 100%; padding: 1.5rem 2rem; background: #f5f4f2; border-radius: .5rem; }
.search__box { width: 50%; }
.search__box__wrap { display: flex; justify-content: center; }
.search__box > input[type="submit"] { height: 2.4rem; display: inline-block; background: dodgerblue; color: white; padding: .5rem 1rem; border-radius: 0 5px 5px 0; }
.search__box > input[type="text"] { display: inline-block; height: 2.4rem; padding: .5rem 1rem; width: 80%; border-radius: 5px 0 0 5px; }
.prd_search_select { height: 2.4rem; padding: .5rem 2rem; border-radius: 5px; margin-right: 1rem; }

/* shopname logo */
.shop_name { display: flex; align-items: flex-end; }
.shop_name a { color: white; text-decoration: none; }
/* .shop_name p { } */
.shop_name > h1 { color: white; white-space: nowrap; font-size: .9vw; padding: 0 0 .4vw 1vw; }
.shop_name img { max-width: 100%; height: inherit; }

/* header global nav */
.header_global_nav { margin-top: 3px; margin-bottom: 2em; border-top: 1px solid #888; border-bottom: 1px solid #888; }
.header_nav_lst { text-align: center; }
.header_nav_menu { position: relative; display: inline; margin: 0 1em; padding: 0 1em; text-align: center; font-weight: bold; line-height: 4; }
.header_nav_menu a,.header_nav_menu span { display: inline; color: #444; text-decoration: none; cursor: pointer; }
.header_nav_menu_category img { position: relative; width: 16px; height: 16px; }
.header_category_lst { position: absolute; left: 0; z-index: 101; display: none; min-width: 100%; width: auto; border-top: 1px solid #aaa;  background-color: #fff;}
.header_category_lst li { display: block; float: none; border-right: 1px solid #888; border-bottom: 1px solid #888; border-left: 1px solid #888;   text-align: left; white-space: nowrap; word-break: break-all;  line-height: 1.4; }
.header_category_lst a { display: block !important; padding: 1em; background-color: #fff; }

/* title */
.ttl_h2 { margin-top: 3em; margin-bottom: .7em; color: #444; font-weight: bold; font-size: 124%; }
.ttl_h3 { margin-top: 2em; margin-bottom: .5em; color: #444; font-weight: bold; font-size: 92.307%; }

/* topicpath */
.topicpath_nav { margin: 2vw 0; padding: 2vw; font-size: 1.15vw; background: #f5f4f2; border-radius: .5vw; border: solid 1px #e5e5e5; line-height: 1.25; }
.topicpath_nav ul { margin-bottom: .5rem; } 
.topicpath_nav li { display: inline; margin-right: .2rem; }
.topicpath_nav li a { margin-left: .2em; color: #444; text-decoration: none; }
.topicpath_nav li a:hover { text-decoration: underline; }

/* prduct list */
.prd_lst { position: relative; clear: both; margin-left: -2.218%; }
.prd_lst_unit { float: left; margin-bottom: 15px; margin-left: 2.083%; word-break: break-all; }
  .prd_lst_unit_s { width: 22.916%; }
  .prd_lst_unit_m { width: 31.25%; }
  .prd_lst_unit a { color: #000; text-decoration: none; }
  .prd_lst_unit a:hover { text-decoration: underline; }
  .prd_lst_img { display: block; margin: 0 auto; max-width: 100%; height: inherit; }
.prd_lst_span { display: block; margin: .5rem 0; }
.prd_lst_name { margin-top: .5rem; font-size: .8rem; line-height: 1.6; }
.prd_lst_exp { color: #666; font-size: .85rem; }
.prd_lst_price,.prd_lst_soldout { font-weight: bold; font-size: 1rem; }
.prd_lst_regular { color: #666; text-decoration: line-through; }
.prd_lst_none { clear: both; text-align: center; font-size: 1.2rem; line-height: 1.6; }
.prd_lst_block .ttl_h2 { margin: 5vw 0 0; }
.prd_lst_sort { float: right; margin: 20px 0; }
.prd_lst_sort a { color: #444; }
.prd_lst_pager { position: relative; overflow: hidden; margin-top: 2em; }
.prd_lst_pager ul { position: relative; left: 50%; float: left; }
.prd_lst_pager li { position: relative; left: -50%; float: left; }
.prd_lst_pager .prd_lst_pager_prev,.prd_lst_pager .prd_lst_pager_next { padding: .5em 0; width: 8em; }
.prd_lst_pager .prd_lst_pager_next { text-align: right; }
.icon_prev_dis,.icon_next_dis { display: block; color: #aaa; }
.prd_lst_pager a { color: #444; text-decoration: none; }
.prd_lst_pager a:hover { text-decoration: underline; }
.prd_lst_pos b { font-size: 160%; }

/* footer */
.footer__wrap { max-width: 50%; margin: 0 auto; display: flex; justify-content: center; }
.footer__contents { margin-right: 3vw;}
.footer__wrap a { color: gray; font-size: .95vw; font-weight: 300; line-height: 2; }

/* recommend */
.recommend__wrap { background: #f5f5f5; padding: 2rem 0; }
.recommend__wrap > .history { max-width: 1280px; margin: 0 auto; }
.recommend__list { display: flex; flex-flow: row wrap; }
.recommend__list li { width: 20%; padding: .5rem; }

/* manager */
.manager_img img { max-width: 100%; }
.manager_memo .ttl_h3 { margin-top: .7em; }

/* social icons */
.social_lst ul { padding-left: 16px; text-align: left; }
.social_lst li { display: inline; margin: 1.5%; }
.social_lst img { width: 24px; height: 24px; vertical-align: bottom; }

.copyright { padding: 1vw; font-size: 1vw; text-align: center; }
.powered { display: inline; margin-left: 1em; text-align: right; line-height: 18px; }
.powered a { color: #777; text-decoration: none; }
.powered img { margin-left: .3em; width: 200px; height: 18px; }

/* list */
.def_lst { border-top: 1px solid #eee; }
  .def_lst_dt { padding-top: 1em; padding-bottom: 1em; font-weight: bold; float: left; clear: both; width: 30%; word-break: break-all; line-height: 1.7; }
  .def_lst_dd { padding-top: 1em; padding-bottom: 1em; padding-left: 35%; border-bottom: 1px solid #eee; line-height: 1.7; }
    .def_lst_dd img { max-width: 100%; width: inherit; height: auto; line-height: 1.7; }

/* product option */
.product_option_table { margin: 3em 0; }
  .product_option_table table { width: 100%; border-bottom: 1px solid #dadada; border-left: 1px solid #dadada; }
  .product_option_table th,.product_option_table td { padding: .8em .5em; border-top: 1px solid #dadada; border-right: 1px solid #dadada;   }
  .product_option_table th { text-align: center; }
  .product_option_table td { vertical-align: top; text-align: center; }

/* policy */
#policy p { margin: 1em 0; color: #666; line-height: 1.8; }
.policy_lead { padding-bottom: 1em; border-bottom: 1px solid #eee; }

/* for ie7 - 8 */
.ie_wrapper .header_global_nav { position: relative; z-index: 101; }
.ie_wrapper .header_nav_menu { z-index: 60; }
.ie_wrapper .header_nav_menu_category { z-index: 100; }
.ie_wrapper .header_category_lst { top: 3em; }
/* for ie7 */
.ie.icon_prev,.ie.icon_prev_dis { margin-right: 2em; }
.ie_wrapper .header_category_lst { top: 2.7em; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5) { .icon:before { background-image: url(https://img.shop-pro.jp/tmpl_img/63/icons16_2x.png) !important; -webkit-background-size: 16px 320px; background-size: 16px 320px; }}

.title_wrap_lv2 { margin: 1.5rem; }
.title_wrap_lv2::before { content: ""; display: block; width: 3rem; height: 1px; background: #eb6a7a; margin: 1.5rem 0 1rem; }
.title_wrap_lv2 .title_wrap { display: flex; align-items: baseline; }
.title_wrap_lv2 .title_wrap span:first-child { font-size: 1.4rem; padding-right: .5rem; }
.title_wrap_lv2 .title_wrap span:last-child { font-size: .8rem; color: #9A9A9A; }

/* list */
.boxlist,.product_list { display: flex; flex-flow: row wrap; padding: .25rem; }
.boxlist > .box,.product_list >li { padding: .25rem; }
.shopguide_list > .box,.product_list > li { width: calc(100% / 4); }
.instalist > .box { width: calc(100% / 4); } 
.instalist > .box:first-child { width: 100%; }

.product__wrap .thumb { margin-bottom: .75rem; }
.product__wrap > p { line-height: 1.6; font-size: .8rem; }
.product__wrap > p > span { display: block; }
.product__wrap > p > span:last-child { font-size: 1.1rem; margin-top: 1rem; }

.side_cal { padding: 1rem; background: white; border: solid 1px gold; }
.tbl_calendar { width:100%; border: none !important; border-collapse: collapse !important; border-spacing: 0 !important; }
.tbl_calendar th, .tbl_calendar td { padding: 4px !important; text-align: center !important; border-bottom: 1px solid #ccc !important; font-size: .9rem; line-height: 2; }
table.tbl_calendar caption { text-align: center; padding: 1rem 0; }
td.sun, td.holiday { background: antiquewhite; }

.list.category { display: flex; flex-flow: row wrap; }
.list.category.main li { width: 15.5%; margin: 0 1.4% 0 0; }
.list.category.main li:nth-child(6) { margin: 0 0 0 0; }

.list.category.side li { width:50%; }
.list.category.side li:nth-child(odd) {padding:0 2.5% 2.5% 0;}
.list.category.side li:nth-child(even) {padding:0 0 2.5% 2.5%;}
.category.list.thumb {justify-content:center;}
.category.list.thumb p {width: 90%;font-size: .7rem;background-color: var(--gold);text-align: center;padding: 5% 0;margin: -10% 0 5%;color: var(--flat-white);line-height: 1.5;}

a.shop_logo {display: block;width: 230px;}