@charset "euc-jp";

body {
  background-color: #fff;
  background-image: url();
  color: #333333;
}
a {
  color: #006084;
}
a:hover {
  color: #5e5e5e;
}


/*
 * temp
 */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
	background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) {
	/* ~980px */
	#base_gmoWrapp,
	#gmo_CMSPbar {
	overflow: hidden;
	min-width: 100% !important;
	width: 100% !important;
	}
}
@media (max-width: 768px) {
	/* ~768px */
	#contents {
	padding-left: 0;
	}
}
@media (max-width: 480px) {
	/* ~480px */
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,
.icon-w {
	width: 16px;
	height: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
	width: 24px;
	height: 24px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.icon-b,
	.icon-w {
	-webkit-background-size: 368px 320px;
	background-size: 368px 320px;
	}

	.icon-lg-b,
	.icon-lg-w {
	-webkit-background-size: 552px 480px;
	background-size: 552px 480px;
	}

	.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
	.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
	.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
	.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
	.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
	.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
	.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
	.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}



/*----------------------------------------------------------------
 font settings
----------------------------------------------------------------*/
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
@font-face { font-family: "Yu Mincho"; src: local("Yu Mincho Regular"); font-weight: 500; }


/*----------------------------------------------------------------
 reset
----------------------------------------------------------------*/
ul,ol,li,dl,dt,dd,p{
	line-height			: inherit;
	font-size			: inherit;
	color				: inherit;
}
ul,ol,dl,dt,dd{ margin: 0; }
input,select,option{ font-family: inherit; }


/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/

html,body{
	font-size			: 62.5%; /* 10px */
}
body{
	font-size			: 1.4rem;
	line-height			: 1.8;
	color				: #333;
	font-family			: "Yu Gothic", YuGothic,-apple-system, BlinkMacSystemFont, "¥Ò¥é¥®¥Î³Ñ¥´ Pro",'Hiragino Kaku Gothic Pro', Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media screen and (min-width: 769px) {
body{
	font-size			: 1.6rem;
}
}

/*----------------------------------------------------------------
 common
----------------------------------------------------------------*/

/* br
-----------------------------------------------------*/
@media screen and (min-width: 769px) { .br_sp{ display: none; } }

/* hide
-----------------------------------------------------*/
@media screen and (max-width: 768px) { [data-hide=sp]{ display: none; } }
@media screen and (min-width: 769px) { [data-hide=pc]{ display: none; } }

/* view
-----------------------------------------------------*/
@media screen and (max-width: 768px) { [data-show=sp]{ display: block; } }
@media screen and (min-width: 769px) { [data-show=pc]{ display: block; } }


/*----------------------------------------------------------------
 common
----------------------------------------------------------------*/
/* anchor(pagetop)
-----------------------------------------------------*/
p.anchor{
	visibility			: hidden;
	position			: absolute;
	top					: 0px;
	left				: 0px;
}

/* bxslider
-----------------------------------------------------*/
.bx-wrapper{ margin-bottom: 0!important; }
.bx-wrapper .bx-viewport{
	border				: none!important;
	box-shadow			: none!important;
}
.bx-wrapper .bx-caption span{
	padding				: 12px 20px!important;
	text-align			: center;
	font-family			: inherit!important;
	font-size			: 16px!important;
}
.bx-wrapper .bx-caption{ background: rgba(0,0,0,0.6)!important; }
.bx-controls{
	position			: relative;
	top					: -120px;
}
@media screen and (min-width: 769px) {
/*.bx-wrapper .bx-viewport img{ width: 100%; }
*/
.bx-controls{ top: -80px; }
}
@media screen and (max-width: 768px) {
.bx-wrapper .bx-caption { width: 100vw!important; }
}


/* responsive-embed
-----------------------------------------------------*/
.responsive-embed{
	height				: 0;
	overflow			: hidden;
	padding-top			: 56.25%;
	position			: relative;
}
.responsive-embed iframe{
	position			: absolute;
	top					: 0;
	left				: 0;
	width				: 100%;
	height				: 100%;
}

/* store-navi
-----------------------------------------------------*/
.store-navi,
.store-navi li{
	display				: inline-block;
	vertical-align		: middle;
}
.store-navi li{ margin: 0 0 0 15px; }
.store-navi li a{
	font-size			: 1rem;
	color				: #FFF;
}
.store-navi li a:hover{
	text-decoration		: none;
	opacity				: 0.7;
}
.store-navi li a:before{
	content				: "";
	display				: block;
	margin				: 0 auto;
	width				: 23px;
	height				: 23px;
	overflow			: hidden;
	text-indent			: -99999em;
	background			: left top /contain no-repeat;
}
.store-navi li .cart:before{
	background-image	: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny45NCIgaGVpZ2h0PSI0MC4wNjMiIHZpZXdCb3g9IjAgMCAyMy45NyAyMC4wMzEiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJfMjAwX2ljb24tY2FydC5zdmciIGRhdGEtbmFtZT0iMjAwJSBpY29uLWNhcnQuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDcyLjMyLDM1Ljk0N2gtMTMuMjhMMTA1NS43MSwyMi4zbC00Ljg3LS45ODIsMC4yOS0xLjM3Miw1Ljc3LDEuMTYzLDEuMDUsNC4zMDgsMTYuODYsMFptLTEyLjE0LTEuNGgxMC45OWwxLjgzLTcuNzM2LTE0LjcxLDBabTAuMiw1LjQxOWEyLjcxMSwyLjcxMSwwLDEsMSwyLjc4LTIuNzFBMi43NTMsMi43NTMsMCwwLDEsMTA2MC4zOCwzOS45NjZabTAtNC4wMTlhMS4zMDksMS4zMDksMCwxLDAsMS4zNCwxLjMwOUExLjMzNCwxLjMzNCwwLDAsMCwxMDYwLjM4LDM1Ljk0N1ptMTEuMzcsNC4wMTlhMi43MTEsMi43MTEsMCwxLDEsMi43OC0yLjcxQTIuNzUzLDIuNzUzLDAsMCwxLDEwNzEuNzUsMzkuOTY2Wm0wLTQuMDE5YTEuMzA5LDEuMzA5LDAsMSwwLDEuMzQsMS4zMDlBMS4zMjgsMS4zMjgsMCwwLDAsMTA3MS43NSwzNS45NDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA1MC44NCAtMTkuOTM4KSIvPgo8L3N2Zz4K");
}
.store-navi li .account:before{
	background-image	: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy45NCIgaGVpZ2h0PSI0Mi4xMjUiIHZpZXdCb3g9IjAgMCAxOC45NyAyMS4wNjMiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJfMjAwX2ljb24tYWNjb3VudC5zdmciIGRhdGEtbmFtZT0iMjAwJSBpY29uLWFjY291bnQuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTQ2LjQ1LDI5LjM1YTUuMjQ4LDUuMjQ4LDAsMSwxLDUuMzktNS4yNDZBNS4zMjcsNS4zMjcsMCwwLDEsMTE0Ni40NSwyOS4zNVptMC05LjFhMy44NTYsMy44NTYsMCwxLDAsMy45NiwzLjg1NEEzLjkwOSwzLjkwOSwwLDAsMCwxMTQ2LjQ1LDIwLjI1Wm05LjQ5LDE5LjY0NGgtMTguOThWMzcuMzU0YzAtMy45NDMsMy4xMi02LjU5Myw3Ljc4LTYuNTkzaDMuNDJjNC42NSwwLDcuNzgsMi42NSw3Ljc4LDYuNTkzdjIuNTM5Wk0xMTM4LjM5LDM4LjVoMTYuMTJWMzcuMzU0YzAtMy44MzktMy40Mi01LjItNi4zNS01LjJoLTMuNDJjLTIuOTMsMC02LjM1LDEuMzYyLTYuMzUsNS4yVjM4LjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEzNi45NyAtMTguODQ0KSIvPgo8L3N2Zz4K");
}


/* flex
-----------------------------------------------------*/
.flex{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-direction		: column;
}
@media screen and (max-width: 768px) {
.flex-child{
	margin: 0 0 1em 0;
}
}
@media screen and (min-width: 769px) {
.flex{
	flex-direction		: row;
	justify-content		: space-between;
	flex-wrap			: wrap;
}
.flex-child{ flex: 0 0 48%; }
.flex-child:nth-child(even):not(:last-child){
	margin: 0 0 1em 0;
}
}

/* spacer
-----------------------------------------------------*/
.spacer10{ height: 5px; }
.spacer20{ height: 10px; }
.spacer30{ height: 15px; }
.spacer40{ height: 20px; }
.spacer50{ height: 25px; }
.spacer60{ height: 30px; }
.spacer70{ height: 35px; }
.spacer80{ height: 40px; }
.spacer90{ height: 45px; }
.spacer100{ height: 50px; }

@media screen and (min-width: 769px) {
.spacer10{ height: 10px; }
.spacer20{ height: 20px; }
.spacer30{ height: 30px; }
.spacer40{ height: 40px; }
.spacer50{ height: 50px; }
.spacer60{ height: 60px; }
.spacer70{ height: 70px; }
.spacer80{ height: 80px; }
.spacer90{ height: 90px; }
.spacer100{ height: 100px; }
}

.spacer-10{ margin-top: -5x; }
.spacer-20{ margin-top: -10px; }
.spacer-30{ margin-top: -15px; }
.spacer-40{ margin-top: -20px; }
.spacer-50{ margin-top: -25px; }
.spacer-60{ margin-top: -30px; }
.spacer-70{ margin-top: -35px; }
.spacer-80{ margin-top: -40px; }
.spacer-90{ margin-top: -45px; }
.spacer-100{ margin-top: -50px; }
@media screen and (min-width: 769px) {
.spacer-10{ margin-top: -10px; }
.spacer-20{ margin-top: -20px; }
.spacer-30{ margin-top: -30px; }
.spacer-40{ margin-top: -40px; }
.spacer-50{ margin-top: -50px; }
.spacer-60{ margin-top: -60px; }
.spacer-70{ margin-top: -70px; }
.spacer-80{ margin-top: -80px; }
.spacer-90{ margin-top: -90px; }
.spacer-100{ margin-top: -100px; }
}

/* font-size
-----------------------------------------------------*/
.font12{ font-size: 1rem; }
.font14{ font-size: 1.2rem; }
.font16{ font-size: 1.4rem; }
@media screen and (min-width: 769px) {
.font12{ font-size: 1.2rem; }
.font14{ font-size: 1.4rem; }
.font16{ font-size: 1.6rem; }
}

/* btn: over write from colormekit.css
-----------------------------------------------------*/
.btn{
	border-radius		: 5px;
	border				: 1px solid #006084;
	padding				: 1px 15px;
	background			: none;
	font-size			: 1.6rem;
	color				: #006084;
}
@media screen and (max-width: 768px) {
.btn{ font-size: 1.4rem; }
}

a.btn:hover{
	background			: #006084;
	color				: #FFF;
}
.btn.disabled{
	border				: 1px solid #333;
	background			: none;
	opacity				: 0.3;
}

/* navi-opener
-----------------------------------------------------*/
@media screen and (min-width: 768px) {
.navi-opener{ display: none; }
}
@media screen and (max-width: 768px) {
.navi-opener{
	position			: fixed;
	top					: 25px;
	right				: 10px;
	z-index				: 1000000;
	cursor				: pointer;
	width				: 45px;
	height				: 50px;
}
.navi-opener:after{
	content				: "";
	display				: block;
	position			: relative;
	top					: 8px;
	left				: 1px;
	width				: 28px;
	height				: 13px;
	background			: left top /contain no-repeat;
	background-image	: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NS40MDciIGhlaWdodD0iMTIuOTY5IiB2aWV3Qm94PSIwIDAgNTUuNDA3IDEyLjk2OSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Im1lbnUuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik02NTYuOTE5LDg4LjkxNGEwLjMyMywwLjMyMywwLDAsMCwuMzQyLjQxNGgxLjE3YTAuMzUsMC4zNSwwLDAsMCwuMzI0LTAuMjUybDEuMy04LjA0OGgwLjA3MmwzLjI1OSw4LjI4MmEwLjMyMywwLjMyMywwLDAsMCwuMzA2LjJoMC4zMjRhMC4zMDYsMC4zMDYsMCwwLDAsLjMwNi0wLjJsMy4yNDEtOC4yODJoMC4wNTRsMS4zMzIsOC4wNDhhMC4zNzQsMC4zNzQsMCwwLDAsLjM0Mi4yNTJoMS4xNzFhMC4zMDcsMC4zMDcsMCwwLDAsLjMyNC0wLjQxNGwtMi4yMTUtMTIuMWEwLjM2MywwLjM2MywwLDAsMC0uMzI0LTAuMjdoLTAuMjg4YTAuMzQzLDAuMzQzLDAsMCwwLS4zMDYuMmwtMy43NDUsOS4yaC0wLjA3MmwtMy43NjMtOS4yYTAuMzY2LDAuMzY2LDAsMCwwLS4zMDctMC4yaC0wLjI4OGEwLjM2MywwLjM2MywwLDAsMC0uMzI0LjI3Wk02NzUsODguOTg2YTAuMzQyLDAuMzQyLDAsMCwwLC4zNDIuMzQyaDcuMmEwLjM0MiwwLjM0MiwwLDAsMCwuMzQyLTAuMzQyVjg4YTAuMzQyLDAuMzQyLDAsMCwwLS4zNDItMC4zNDJoLTUuNjlWODMuNzgzaDQuODA4QTAuMzQyLDAuMzQyLDAsMCwwLDY4Miw4My40NFY4Mi40MzJhMC4zNTQsMC4zNTQsMCwwLDAtLjM0Mi0wLjM0MmgtNC44MDhWNzguNDE3aDUuNjlhMC4zNDIsMC4zNDIsMCwwLDAsLjM0Mi0wLjM0MlY3Ny4wNjdhMC4zNDIsMC4zNDIsMCwwLDAtLjM0Mi0wLjM0MmgtNy4yYTAuMzQyLDAuMzQyLDAsMCwwLS4zNDIuMzQydjExLjkyWm0xMi4wOTQsMGEwLjM1NCwwLjM1NCwwLDAsMCwuMzQyLjM0MmgxLjEzNGEwLjM0MiwwLjM0MiwwLDAsMCwuMzQyLTAuMzQyVjgwLjIxN2gwLjAxOGw3LjgxNSw5LjI5MWgwLjQ2OGEwLjMzOCwwLjMzOCwwLDAsMCwuMzQyLTAuMzI0Vjc3LjA2N2EwLjM1NCwwLjM1NCwwLDAsMC0uMzQyLTAuMzQySDY5Ni4wNmEwLjM0MiwwLjM0MiwwLDAsMC0uMzQyLjM0MnY4LjUxNkg2OTUuN2wtNy44MTQtOS4wMzloLTAuNDVhMC4zMzgsMC4zMzgsMCwwLDAtLjM0Mi4zMjRWODguOTg2Wm0xNS40MTctNC4zNTdhNC45LDQuOSwwLDAsMCw5Ljc5NCwwVjc3LjA2N2EwLjM1NCwwLjM1NCwwLDAsMC0uMzQyLTAuMzQyaC0xLjIwNmEwLjM0MiwwLjM0MiwwLDAsMC0uMzQyLjM0MnY3LjQ3MkEzLjAxMiwzLjAxMiwwLDEsMSw3MDQuNCw4NC41Vjc3LjA2N2EwLjM0MiwwLjM0MiwwLDAsMC0uMzQyLTAuMzQyaC0xLjIwNmEwLjM1NCwwLjM1NCwwLDAsMC0uMzQyLjM0MnY3LjU2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NTYuOTA2IC03Ni41MzEpIi8+Cjwvc3ZnPgo=");
}
.open.navi-opener:after{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Ni45MDYiIGhlaWdodD0iMTIuOTY5IiB2aWV3Qm94PSIwIDAgNTYuOTA2IDEyLjk2OSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggaWQ9ImNsb3NlLnN2ZyIgY2xhc3M9ImNscy0xIiBkPSJNNjU2LjQzNSwxNDAuMDQ0YTYuNDU1LDYuNDU1LDAsMCwwLDYuNSw2LjQ2NCw2LjE3OCw2LjE3OCwwLDAsMCw0LjM3NS0xLjc0NiwwLjM0MywwLjM0MywwLDAsMCwuMDE4LTAuNDg2bC0wLjgyOC0uODExYTAuMzI5LDAuMzI5LDAsMCwwLS40MzIuMDE4LDQuODIyLDQuODIyLDAsMCwxLTMuMSwxLjE4OSw0LjY3NSw0LjY3NSwwLDAsMS0uMDE4LTkuMzQ1LDQuODgxLDQuODgxLDAsMCwxLDMuMTE1LDEuMjA2LDAuMjY5LDAuMjY5LDAsMCwwLC40NSwwbDAuNzkyLS44MWEwLjMzNSwwLjMzNSwwLDAsMC0uMDE4LTAuNSw2LjI0Niw2LjI0NiwwLDAsMC00LjM1Ny0xLjY3NUE2LjQ4Niw2LjQ4NiwwLDAsMCw2NTYuNDM1LDE0MC4wNDRabTE0LjA2Nyw1Ljk0MmEwLjM0MiwwLjM0MiwwLDAsMCwuMzQzLjM0Mmg2LjQwOWEwLjM0MiwwLjM0MiwwLDAsMCwuMzQzLTAuMzQyVjE0NWEwLjM0MiwwLjM0MiwwLDAsMC0uMzQzLTAuMzQyaC00Ljg3OVYxMzQuMDY2YTAuMzU0LDAuMzU0LDAsMCwwLS4zNDItMC4zNDJoLTEuMTg4YTAuMzQyLDAuMzQyLDAsMCwwLS4zNDMuMzQydjExLjkyWm04LjM1NC01Ljk0MmE2LjQ3Myw2LjQ3MywwLDEsMCw2LjQ2NC02LjVBNi40MjUsNi40MjUsMCwwLDAsNjc4Ljg1NiwxNDAuMDQ0Wm0xLjgsMGE0LjY3Myw0LjY3MywwLDEsMSw0LjY2NCw0LjY2NEE0LjcxOSw0LjcxOSwwLDAsMSw2ODAuNjU2LDE0MC4wNDRabTEzLjY4NSw1LjA0MmE1LjgzMyw1LjgzMywwLDAsMCwzLjg3MSwxLjQyMmMyLjM0MSwwLDQuMDE1LTEuNTMsNC4wMTUtMy40LDAtMi4yLTEuNzgyLTMuMTg3LTMuODcxLTQuMDMzLTEuNDk0LS42MTItMi4yODYtMS4yNDItMi4yODYtMi4yNjlhMS43NjMsMS43NjMsMCwwLDEsMi4wMzQtMS42Miw1LjUzNiw1LjUzNiwwLDAsMSwyLjQzMS45LDAuNDI2LDAuNDI2LDAsMCwwLC42My0wLjE4YzAuMTQ0LS4yMTYuMzA2LTAuNDY4LDAuNDUtMC42ODRhMC40MjgsMC40MjgsMCwwLDAtLjEwOC0wLjYxMiw2LjEsNi4xLDAsMCwwLTMuMzMxLTEuMDYzYy0yLjg2MywwLTMuOTQzLDEuOTI3LTMuOTQzLDMuMzMxLDAsMi4wODksMS40NDEsMy4wNDMsMy4yNzcsMy44MTcsMS43ODMsMC43MzksMi43MTksMS40MjMsMi43MTksMi41YTEuODE0LDEuODE0LDAsMCwxLTIuMDM1LDEuNjc1LDUuMjg4LDUuMjg4LDAsMCwxLTIuODgxLTEuMjQzLDAuNDA4LDAuNDA4LDAsMCwwLS42MTIuMTQ0Yy0wLjE2Mi4yMzQtLjMwNiwwLjUwNS0wLjQ2OCwwLjczOUEwLjM3OCwwLjM3OCwwLDAsMCw2OTQuMzQxLDE0NS4wODZabTExLjExOSwwLjlhMC4zNDIsMC4zNDIsMCwwLDAsLjM0Mi4zNDJINzEzYTAuMzQyLDAuMzQyLDAsMCwwLC4zNDItMC4zNDJWMTQ1YTAuMzQyLDAuMzQyLDAsMCwwLS4zNDItMC4zNDJoLTUuNjl2LTMuODcyaDQuODA4YTAuMzQyLDAuMzQyLDAsMCwwLC4zNDItMC4zNDJ2LTEuMDA4YTAuMzU0LDAuMzU0LDAsMCwwLS4zNDItMC4zNDJoLTQuODA4di0zLjY3M0g3MTNhMC4zNDIsMC4zNDIsMCwwLDAsLjM0Mi0wLjM0MnYtMS4wMDlhMC4zNDIsMC4zNDIsMCwwLDAtLjM0Mi0wLjM0MmgtNy4yYTAuMzQyLDAuMzQyLDAsMCwwLS4zNDIuMzQydjExLjkyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1Ni40MzggLTEzMy41MzEpIi8+Cjwvc3ZnPgo=");
}

.navi-opener .bar::before,
.navi-opener .bar::after,
.navi-opener .bar{
	transition			: all 0.2s ease 0s;
	display				: block;
	position			: absolute;
	width				: 30px;
	height				: 1px;
	background			: #fff;
}

.navi-opener .bar{ margin: 0; }
.navi-opener .bar::before,
.navi-opener .bar::after{
	content				: "";
	right				: 0;
}
.navi-opener .bar::before	{ margin-top: -10px; }
.navi-opener .bar::after	{ margin-top: 9px; }

/* open */
.navi-opener.open .bar { background: transparent; }
.navi-opener.open .bar::before,
.navi-opener.open .bar::after	{ margin-top: 0; }
.navi-opener.open .bar::before	{ transform: rotate(-45deg); }
.navi-opener.open .bar::after	{ transform: rotate(-135deg); }
}

/* navi show/hide
-----------------------------------------------------*/
body.open{
	position			: absolute;
	overflow-scrolling			: auto;
	-webkit-overflow-scrolling	: auto;
	overflow			: hidden;
	width				: 100vw;
}
@media screen and (max-width: 768px) {
body:after{
	pointer-events		: none;
	content				: "";
	display				: block;
	position			: fixed;
	right				: 0;
	top					: 0;
	z-index				: 99999;
	width				: 100vw;
	height				: 100%;
	background			: rgba(255,255,255,0.7);
	opacity				: 0;
	transition			: opacity 0.5s ease-in-out,
							width 0.8s ease-in-out,
							right 0.8s ease-in-out;
}
body.open:after{
	right				: 260px;
	width				: calc(100vw - 260px);
	opacity				: 1;
}
}

/*----------------------------------------------------------------
 layout
----------------------------------------------------------------*/
#wrapper{
	position			: relative;
	clear				: both;
}

/*-----------------------------------------------------
 area
-----------------------------------------------------*/
.area{
	position			: relative;
	clear				: both;
	transition			: opacity 0.8s ease-in-out;
}
#header{}
@media screen and (max-width: 768px) {
#header{ padding: 65px 0 0 0; }
}
#contents{}
@media screen and (min-width: 769px) {
#contents{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-direction		: row-reverse;
}
}
#footer{
	z-index: 5;
	padding				: 50px 0;
	background			: url(https://img21.shop-pro.jp/PA01389/008/etc/footer-bg.jpg?cmsp_timestamp=20200720170359) center center /cover no-repeat;
	color				: #FFF;
}
@media screen and (min-width: 769px) {
#footer{ padding: 80px 0; }
}

/*-----------------------------------------------------
 block
-----------------------------------------------------*/
.block{
	position			: relative;
	clear				: both;
}

#main{ background: #eeeee7; }
@media screen and (min-width: 769px) {
#main{ width: calc(100% - 260px); }
}

#side{
	display				: block;
	border-top			: 1px solid #eeeee7;
	width				: 260px;
	background			: #006084;
}
@media screen and (max-width: 768px) {
#side{
	pointer-events		: none;
	position			: fixed;
	right				: -260px;
	top					: 0;
	z-index				: 100000;
	overflow			: scroll;
	overflow-scrolling			: touch;
	-webkit-overflow-scrolling	: touch;
	border				: none;
	height				: 100vh;
	transition			: right 0.8s ease-in-out;
}
.open #side{
	pointer-events		: auto;
	right				: 0px;
}
}

/*-----------------------------------------------------
 section
-----------------------------------------------------*/
.section{
	position			: relative;
	clear				: both;
}
.home .section:nth-child(odd){ background: #eeeee7; }
.home .section:nth-child(even){ background: #fff; }

/* inner
-----------------------------------------------------*/
.section .inner{
	margin				: 0 auto;
	max-width			: 880px;
	padding				: 22px 0;
}
@media screen and (min-width: 769px) {
.section .inner{ padding: 30px; }
}

/* section-title
-----------------------------------------------------*/
.section .section-title{
	margin				: 0 0 22px 0;
	text-align			: center;
	font-family			: "ÞâÌÀÄ«", YuMincho,  "Hiragino Mincho ProN W3", "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN","Sawarabi Mincho", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size			: 1.5rem;
	font-weight			: normal;
}
@media screen and (min-width: 769px) {
.section .section-title{
	margin				: 0 0 30px 0;
	font-size			: 2.6rem;
}
}

/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/
/*-----------------------------------------------------
 header
-----------------------------------------------------*/
#header ul li{ list-style: none; }

/* inner
-----------------------------------------------------*/
#header .inner{
	position			: fixed;
	top					: 0;
	z-index				: 1000;
	width				: 100%;
	background			: #006084;
	height				: 65px;
}

@media screen and (min-width: 769px) {
#header .inner{
	position			: relative;
	text-align			: right;
	height				: 80px;
}
.home #header .inner{
	position			: absolute;
	top					: 0;
	z-index				: 10;
	height				: auto;
	background			: linear-gradient(180deg,
							rgba(0, 0, 0,0.3) 0%,
							rgba(0, 0, 0,0) 100%)
						;
}
}
#header .container{ position: relative; }


/* logo
-----------------------------------------------------*/
#header .logo{
	position			: relative;
	top					: 13px;
	width				: 200px;
}
@media screen and (min-width: 769px) {
#header .logo{
	position			: absolute;
	width				: 220px;
	top					: 20px;
}
.home #header .logo{ top: 13px; }
}

/* content
-----------------------------------------------------*/
@media screen and (min-width: 769px) {
#header .content{ padding: 20px 0; }
}

/* navi
-----------------------------------------------------*/
@media screen and (max-width: 768px) {
#header .navi{
	position			: absolute;
	right				: 70px;
	top					: 18px;
}
#header .navi li{
	display				: inline-block;
	width				: 40px;
	height				: 40px;
}
#header .navi li a{
	display				: block;
	position			: relative;
	top					: 3px;
	margin				: 0 auto;
	width				: 25px;
	height				: 25px;
}
#header .cart{
	overflow			: hidden;
	text-indent			: -99999em;
	background			: left top /contain no-repeat;
	background-image	: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny45NCIgaGVpZ2h0PSI0MC4wNjMiIHZpZXdCb3g9IjAgMCAyMy45NyAyMC4wMzEiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJfMjAwX2ljb24tY2FydC5zdmciIGRhdGEtbmFtZT0iMjAwJSBpY29uLWNhcnQuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDcyLjMyLDM1Ljk0N2gtMTMuMjhMMTA1NS43MSwyMi4zbC00Ljg3LS45ODIsMC4yOS0xLjM3Miw1Ljc3LDEuMTYzLDEuMDUsNC4zMDgsMTYuODYsMFptLTEyLjE0LTEuNGgxMC45OWwxLjgzLTcuNzM2LTE0LjcxLDBabTAuMiw1LjQxOWEyLjcxMSwyLjcxMSwwLDEsMSwyLjc4LTIuNzFBMi43NTMsMi43NTMsMCwwLDEsMTA2MC4zOCwzOS45NjZabTAtNC4wMTlhMS4zMDksMS4zMDksMCwxLDAsMS4zNCwxLjMwOUExLjMzNCwxLjMzNCwwLDAsMCwxMDYwLjM4LDM1Ljk0N1ptMTEuMzcsNC4wMTlhMi43MTEsMi43MTEsMCwxLDEsMi43OC0yLjcxQTIuNzUzLDIuNzUzLDAsMCwxLDEwNzEuNzUsMzkuOTY2Wm0wLTQuMDE5YTEuMzA5LDEuMzA5LDAsMSwwLDEuMzQsMS4zMDlBMS4zMjgsMS4zMjgsMCwwLDAsMTA3MS43NSwzNS45NDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA1MC44NCAtMTkuOTM4KSIvPgo8L3N2Zz4K");
}
}

/* search form
-----------------------------------------------------*/
@media screen and (min-width: 769px) {
#header form{ display: inline-block; }
#header select{ width: 155px; }
#header input[type="text"]{
	position			: relative;
	top					: -5px;
	margin				: 0 -4px 0 0;
	border				: none;
	border-radius		: 0;
	width				: 160px;
	height				: 30px;
	padding				: 0;
 }
#header .btn{
	position			: relative;
	top					: -5px;
	border				: none;
	border-radius		: 0;
	height				: 30px;
	background			: #FFF;
}
#header .icon-lg-b{ opacity: 0.5; }
}

/* navi
-----------------------------------------------------*/
@media screen and (min-width: 769px) {
#header .store-navi{ margin: 0 0 0 10px; }
}

/*-----------------------------------------------------
 main
-----------------------------------------------------*/
/* breadcrumb
-----------------------------------------------------*/
#main .breadcrumb{
	padding				: 10px;
	font-size			: 1rem;
}
#main .breadcrumb + .breadcrumb{ padding: 0 10px 10px 10px; }
#main .breadcrumb a{ color: inherit; }
@media screen and (min-width: 769px) {
#main .breadcrumb{ font-size: 1.2rem; }
}

/* item-list
-----------------------------------------------------*/
#main .item-list{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-wrap			: wrap;
	margin				: 0 -2%;
}
#main .item-list li{
	flex				: 0 0 46%;
	margin				: 0 2% 6% 2%;
	list-style			: none;
}
#main .item-list li a{
	display				: block;
	position			: relative;
	height				: 100%;
	background			: #FFF;
}
#main .item-list li a img{
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
#main .item-list li a:hover{ text-decoration: none; }
#main .item-list li a:hover:after{
	content				: "";
	display				: block;
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 100%;
	height				: 100%;
	background			: rgba(0, 96, 132,0.15);
}
#main .item-list li a .text{
	padding				: 10px;
	font-size			: 1.4rem;
}
#main .item-list li a .text span{ display: block; }
#main .item-list li a .text .comment{
	margin				: 0 0 10px 0;
	text-align			: center;
	line-height			: 1.5;
	font-size			: 1.2rem;
	font-family			: "ÞâÌÀÄ«", YuMincho,  "Hiragino Mincho ProN W3", "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN","Sawarabi Mincho", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-weight			: normal;
	color				: #333;
}
#main .item-list li a .text .title{
	margin				: 5px 0;
	line-height			: 1.6;
}
#main .item-list li a .text .price{ font-size: 1.2rem; }
#main .item-list li a .text .price dl dt,
#main .item-list li a .text .price dl dd{
	display				: inline-block;
	font-weight			: normal;
}
#main .item-list li a .text .price .sale{ color: #cc0000; }

@media screen and (min-width: 769px) {
#main .item-list{ margin: 0 -1.5%; }
#main .item-list li{
	flex				: 0 0 30%;
	margin				: 0 1.5% 5% 1.5%;
}
#main .item-list li a .text{ padding: 15px; }
#main .item-list li a .text .comment{ font-size: 1.4rem; }
#main .item-list li a .text .title{ font-size: 1.6rem; }
}


/*-----------------------------------------------------
 content
-----------------------------------------------------*/
#main .content{
	margin				: 0 auto;
	max-width			: 700px;
	font-size			: 1.2rem;
}
@media screen and (min-width: 769px) {
#main .content{ font-size: 1.6rem; }
}


/* headings
-----------------------------------------------------*/
#main .content h3{
	margin				: 0 0 10px 0;
	line-height			: 1.5;
	font-family			: "ÞâÌÀÄ«", YuMincho,  "Hiragino Mincho ProN W3", "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN","Sawarabi Mincho", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size			: 1.5rem;
	font-weight			: normal;
}
#main .content>h3{ margin: 40px 0 20px 0; }
#main .column>h3{ margin: 10px 0 20px 0; }

@media screen and (min-width: 769px) {
#main .content h3{ font-size: 2.6rem; }
#main .content>h3{ margin: 100px 0 20px 0; }
#main .column>h3{ margin: 0 0 20px 0; }
}

/* images side by side headings ---------------------*/
#main .content .column>img + h3,
#main .content .special>img + h3,
#main .content .spec>img + h3{ margin-top: 15px; }

@media screen and (min-width: 769px) {
#main .content .column>img + h3,
#main .content .special>img + h3,
#main .content .spec>img + h3{ margin-top: 30px; }
}

/* br
-----------------------------------------------------*/
#main .content h3 + br,
#main .content div + br{ display: none; }



/* page-title
-----------------------------------------------------*/
#main .content .page-title{
	margin				: 5px 0 30px 0;
	text-align			: center;
	font-family			: "ÞâÌÀÄ«", YuMincho,  "Hiragino Mincho ProN W3", "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN","Sawarabi Mincho", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size			: 3rem;
	font-weight			: normal;
}
@media screen and (min-width: 769px) {
#main .content .page-title{
	margin				: 25px 0 60px 0;
	font-size			: 5rem;
}
}

/* main-image
-----------------------------------------------------*/
#main .content .main-image{ margin: 0; }

@media screen and (max-width: 768px) {
#main .content .main-image{
	margin				: 0 0 0 -2vw;
	width				: 94vw;
}
}
@media screen and (min-width: 769px) {
#main .content .main-image{
	margin				: 0 auto;
	max-width			: 880px;
}
}

/* main-copy
-----------------------------------------------------*/
#main .content .main-copy{
	text-align			: center;
	font-family			: "ÞâÌÀÄ«", YuMincho,  "Hiragino Mincho ProN W3", "¥Ò¥é¥®¥ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN","Sawarabi Mincho", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
	font-size			: 2rem;
	font-weight			: normal;
}
@media screen and (min-width: 769px) {
#main .content .main-copy{
	margin				: 50px 0 20px 0;
	font-size			: 2.6rem;
}
}


/* figure
-----------------------------------------------------*/
#main .content figure{
	margin				: 0;
	width				: 100%;
}
#main .content>figure{ margin: 15px 0; }
#main .content figure>figcaption{
	margin				: 7px 0;
	font-size			: 1rem;
}
@media screen and (min-width: 769px) {
#main .content>figure{ margin: 30px 0; }
#main .content figure>figcaption{
	margin				: 15px 0;
	font-size			: 1.4rem;
}
}

/* hr
-----------------------------------------------------*/
@media screen and (min-width: 769px) {
#main .content hr{ margin: 50px 0; }
}

/* button
-----------------------------------------------------*/
#main .content .button{
	display				: block;
	position			: relative;
	margin				: 10px 0;
	border				: 1px solid #006084;
	border-radius		: 5px;
	padding				: 10px;
	background			: #FFF;
	text-align			: center;
}

#main .content .button>svg{
	position			: absolute;
	transform			: translateY(-50%);
	top					: 50%;
	right				: 8px;
}
#main .content .button:hover{
	background			: #006084;
	text-decoration		: none;
	color				: #FFF;
}
@media screen and (min-width: 769px) {
#main .content .button{
	padding				: 15px;
	font-size			: 1.6rem;
}
#main .content .button>svg{ right: 16px; }
#main .content>.button{
	padding				: 20px;
	font-size			: 2rem;
}
}

/* flex
-----------------------------------------------------*/
#main .content>.flex{
	margin				: 15px 0;
	flex-direction		: row;
	justify-content		: space-between;
}
@media screen and (min-width: 769px) {
#main .content>.flex{ margin: 30px 0; }
}


/* column
-----------------------------------------------------*/
#main .content .column{
	margin				: 0 0 50px 0;
	padding				: 10px;
	background			: #ddddcf;
}
@media screen and (min-width: 769px) {
#main .content .column{
	margin				: 0 0 100px 0;
	padding				: 30px;
}
#main .content .column + .column{ margin: -60px 0 100px 0; }

}

/* special
-----------------------------------------------------*/
#main .content .special{
	margin				: 0 0 50px 0;
	padding				: 10px;
	background			: #FFF;
}
@media screen and (min-width: 769px) {
#main .content .special{
	margin				: 0 0 100px 0;
	padding				: 30px;
}
}

/* spec
-----------------------------------------------------*/
#main .content .spec{
	margin				: 0 0 50px 0;
	border				: 1px solid #cccccc;
	padding				: 10px;
	font-size			: 1.2rem;
}
@media screen and (min-width: 769px) {
#main .content .spec{
	margin				: 0 0 100px 0;
	padding				: 30px;
	font-size			: 1.6rem;
}
}

/* over-block
-----------------------------------------------------*/
#main .content .over-block{}
@media screen and (min-width: 1010px) {
#main .content .over-block{
	width				: calc(100vw - 260px - 15px - calc(calc(100vw - 260px) * 0.04));
	margin-left			: calc(calc(calc(100vw - 260px - 15px - calc(calc(100vw - 260px) * 0.04)) - 700px) / 2 * -1)!important;
}
}

/* furusato
-----------------------------------------------------*/
#main .content .furusato{
	padding				: 15px;
	background			: #FFF;
}
#main .content .furusato .flex a:hover{ opacity: 0.7; }

@media screen and (max-width: 768px) {
#main .content .furusato .flex{
	margin				: 0 auto;
	width				: 70%;
	text-align			: center;
}
#main .content .furusato .flex .flex-child{ margin-top: 15px; }
}

@media screen and (min-width: 769px) {
#main .content .furusato{
	margin-bottom		: -30px;
	padding				: 30px;
	text-align			: center;
}
#main .content .furusato .flex{ margin-top: 20px; }
#main .content .furusato .flex .flex-child:nth-child(odd){ text-align: right; }
#main .content .furusato .flex .flex-child:nth-child(even){ text-align: left; }
}


/* over-block
-----------------------------------------------------*/
#main .fb-share{
    display: inline-block;
    background: #3b5998;
    line-height: 1;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    padding: 4px 7px;
    vertical-align: 5px;
    border-radius: 3px;
}
#main .fb-share>.fa-facebook{
	margin: 0 3px 0 0;
}



/*-----------------------------------------------------
 side
-----------------------------------------------------*/
#side a{ color: #FFF; }
#side a:hover{
	text-decoration		: none;
	opacity				: 0.5;
}
#side li{ list-style: none; }

/* inner
-----------------------------------------------------*/
#side>.inner{
	position			: relative;
	padding				: 0 10px 10px 10px;
}
@media screen and (max-width: 768px) {
#side>.inner{ padding: 65px 10px 10px 10px; }
}

/* store-navi
-----------------------------------------------------*/
#side .hidden-tablet{ text-align: center; }
#side .store-navi{
	margin				: 0 0 15px 0;
	text-align			: center;
}
#side .store-navi li{ margin: 0 0 0 25px; }
#side .store-navi li:first-child{ margin: 0; }

/* navi
-----------------------------------------------------*/
#side .navi{ margin: 0 0 10px 0; }

#side .navi ul{
	border-top			: 1px solid rgba(255,255,255,0.5);
	padding				: 10px 0;
}
#side .navi li a{
	position			: relative;
	display				: block;
	padding				: 7px 5px 7px 23px;
	font-size			: 1.3rem;
}
#side .navi li a:before{
	position			: absolute;
	top					: 12px;
	content				: "";
	left				: 8px;
	width				: 15px;
	height				: 15px;
	display				: inline-block;
	background			: left top /contain no-repeat;
	background-image	: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtYW5nbGUtcmlnaHQgZmEtdy04IiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhbmdsZS1yaWdodCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgNTEyIiBkYXRhLWZhLWkyc3ZnPSIiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMjQuMyAyNzNsLTEzNiAxMzZjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC0yMi42LTIyLjZjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45bDk2LjQtOTYuNC05Ni40LTk2LjRjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45TDU0LjMgMTAzYzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDEzNiAxMzZjOS41IDkuNCA5LjUgMjQuNi4xIDM0eiI+PC9wYXRoPjwvc3ZnPg==");
}

@media screen and (min-width: 769px) {
#side .navi ul{ padding: 5px 0; }
#side .navi ul:first-child{ border: none; }
#side .navi li a{
	padding				: 10px 25px 10px 10px;
	font-size			: 1.6rem;
}
#side .navi li a:before{
	top					: 50%;
	transform			: translateY(-50%);
	right				: 0px;
	left				: auto;
}
#side .navi .shop-info a{
	padding				: 7px 25px 7px 10px;
	font-size			: 1.4rem;
}
}

/* mailmagazine
-----------------------------------------------------*/
#side .mailmagazine{
	position			: relative;
	display				: block;
	border				: 1px solid #FFF;
	padding				: 20px 0;
	text-align			: center;
	font-size			: 1.4rem;
}
#side .mailmagazine:before{
	content				: "";
	display				: inline-block;
	width				: 18px;
	height				: 18px;
	margin				: 0 8px 0 0;
	background			: left top /contain no-repeat;
	background-image	: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOC4wNjIiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxOS4wMzEgMTQiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJfMjAwX2ljb24tbWFpbC5zdmciIGRhdGEtbmFtZT0iMjAwJSBpY29uLW1haWwuc3ZnIiBjbGFzcz0iY2xzLTEiIGQ9Ik04NC45ODgsMTU5MS45N0g2NS45NzZ2LTE0LjAxSDg0Ljk4OHYxNC4wMVptLTE3LjYtMS40MWgxNi4ydi0xMS4xOWgtMTYuMnYxMS4xOVptOC4xLTMuMzMtOS4yNjMtOC4wMywwLjkyMi0xLjA3LDguMzQxLDcuMjQsOC4zNDEtNy4yNCwwLjkyMiwxLjA3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1Ljk2OSAtMTU3Ny45NykiLz4KPC9zdmc+Cg==");
	vertical-align		: -5px;
}

/* sns
-----------------------------------------------------*/
#side .sns{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-direction		: row;
	justify-content		: center;
	margin				: 40px 0;
}
#side .sns li{
	margin				: 0 15px;
	font-size			: 1.2rem;
}
#side .sns li svg{
	display				: block;
	width				: auto;
	height				: 30px;
	margin				: 0 auto 3px auto;
}

/*-----------------------------------------------------
 remind
-----------------------------------------------------*/
#remind .remind-list{}
#remind .remind-list ul{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
}
#remind .remind-list ul li{
	list-style			: none;
	font-size			: 1.2rem;
}
#remind .remind-list ul li a{
	position			: relative;
	display				: block;
	background			: #FFF;
}
#remind .remind-list ul li a:hover{ text-decoration: none; }
#remind .remind-list ul li a:hover:after{
	content				: "";
	position			: absolute;
	left				: 0;
	top					: 0;
	display				: block;
	width				: 100%;
	height				: 100%;
	background			: rgba(0, 96, 132,0.15);
}
#remind .remind-list ul li a .text{
	padding				: 10px;
	line-height			: 1.5;
}
#remind .remind-list ul li a .text>span{ display: block; }
#remind .remind-list li a .text .price dl dt,
#remind .remind-list li a .text .price dl dd{
	display: inline;
	font-weight: normal;
}
#remind .remind-list li a .text .price .sale{ color: #cc0000; }

@media screen and (max-width: 768px) {
#remind .remind-list{
	position			: relative;
	left				: -20px;
	width				: 100vw;
	overflow-x			: auto;
	overflow-y			: hidden;
}
#remind .remind-list ul{
	width				: auto;
	padding				: 0 40px 0 20px;
	overflow-scrolling			: touch;
	-webkit-overflow-scrolling	: touch;
}
#remind .remind-list ul li{
	flex				: 0 0 120px;
	margin				: 0 10px 0 0;
}
}
@media screen and (min-width: 769px) {
#remind .remind-list ul{
	flex-direction		: row;
	flex-wrap			: wrap;
	margin				: 0 -10px;
}
#remind .remind-list ul li{
	flex				: 0 0 160px;
	margin				: 0 10px 20px 10px;
}
}

/*-----------------------------------------------------
 footer
-----------------------------------------------------*/
#footer p{ margin: 0; }
#footer a{ color: #FFF; }
#footer ul li{ list-style: none; }

#footer .container{ max-width: 960px; }

/* address
-----------------------------------------------------*/
#footer .address{
	margin				: 0 0 10px 0;
	line-height			: 1.8;
}
#footer .address dt{
	margin				: 20px 0 50px 0;
	text-align			: center;
	line-height			: 1;
	font-size			: 2rem;
	font-weight			: normal;
}
#footer .address dd{ font-size: 1.2rem; }

#footer .address dd .button{ margin: 30px 0 0 0; }
#footer .address dd .button a{
	display				: block;
	border				: 1px solid #FFF;
	border-radius		: 5px;
	padding				: 10px 0;
	text-align			: center;
}
#footer .address dd .button a:hover{
	text-decoration		: none;
	opacity				: 0.8;
}
@media screen and (min-width: 769px) {
#footer .address dt{
	margin				: 0 0 20px 0;
	text-align			: left;
	font-size			: 2.4rem;
	font-weight			: normal;
}
#footer .address dd{ font-size: 1.6rem; }
#footer .address dd .button{ margin: 20px 0 0 0; }
#footer .address dd .button a{ border-radius: 10px; }
}

/* sns
-----------------------------------------------------*/
#footer .sns li{ margin: 0 0 10px 0; }
#footer .sns a{
	display				: block;
	border-radius		: 5px;
	border				: 1px solid #FFF;
	padding				: 14px 0;
	text-align			: center;
	font-size			: 2rem;
	font-style			: italic;
}
#footer .sns a:hover{
	text-decoration		: none;
	opacity				: 0.8;
}
#footer .sns a>svg{
	margin				: 0 10px 0 0;
	vertical-align		: -7px;
	font-size			: 3rem;
}
@media screen and (min-width: 769px) {
#footer .sns li{ margin: 0 0 30px 0; }
#footer .sns a{
	border-radius		: 10px;
	padding				: 25px 0;
	font-size			: 2.5rem;
	font-style			: italic;
}
#footer .sns a>svg{
	margin				: 0 15px 0 0;
	vertical-align		: -14px;
	font-size			: 4.5rem;
}
}

/* sns
-----------------------------------------------------*/
#footer .navi{
	margin				: 40px 0 20px 0;
	text-align			: center;
}
#footer .navi li{
	display				: block;
	margin				: 0 0 5px 0;
	font-size			: 1.2rem;
}
@media screen and (min-width: 769px) {
#footer .navi{ margin: 0 0 40px 0; }
#footer .navi li{
	display				: inline-block;
	margin				: 0;
	font-size			: 1.4rem;
}
#footer .navi li:after{
	content				: " |";
	margin				: 0 10px;
}
#footer .navi li:last-child:after{
	content				: "";
	margin				: 0;
}
}

/* copy
-----------------------------------------------------*/
#footer .copy{
	text-align			: center;
	font-size			: 1.2rem;
}