@charset "UTF-8";

body {
	color: #000;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
}
.ec-role {
	color: #000;
}
.ec-layoutRole {
	position: relative;
	min-width: 1200px;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn {
	width: 900px;
	margin-left: 50px;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn > .ec-role {
	padding: 0;
}
.ec-layoutRole .ec-layoutRole__contents {
	width: 1200px;
	max-width: 1200px;
}
.ec-layoutRole .ec-layoutRole__left {
	width: 250px;
}
.ec-blockTopBtn {
	display: none !important;
}

@media screen and (max-width: 767px){
	body {
		background: #fff;
	}
	body.have_curtain {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		z-index: -1;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.ec-layoutRole {
		min-width: 320px;
	}
	.ec-layoutRole .ec-layoutRole__mainWithColumn {
		box-sizing: border-box;
		font-size: 13px;
		width: 100%;
		margin-left: 0;
		padding: 0 25px;
	}
	.ec-layoutRole .ec-layoutRole__contents {
		width: auto;
		max-width: none;
	}
}

/* header */
.ec-layoutRole__header {
	height: 190px;
	position: relative;
	z-index: 2;
}
.ec-layoutRole__header::before {
	background: #f6f6f6;
	content: "";
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.ec-headerRole {
	width: 1200px;
	max-width: 1200px;
	padding: 0;
}
.ec-headerRole .ec-headerRole__title {
	width: auto;
	position: absolute;
	top: 19px;
	left: 0;
	z-index: 10;
}
.ec-headerTitle .ec-headerTitle__title h1,
.ec-headerTitle .ec-headerTitle__title p {
	margin: 0;
}
.ec-headerTitle .ec-headerTitle__title a {
	margin: 0;
}
.ec-headerDescription {
	display: flex;
	justify-content: center;
	width: 1200px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -600px;
}
.ec-headerDescription p {
	line-height: 50px;
	margin: 0;
}
.ec-headerDescription p.description {
	font-size: 14px;
}
.ec-headerDescription p.description::after {
	content: "/";
	display: inline-block;
	padding-left: 14px;
}
.ec-headerDescription p.card {
	line-height: 1;
	margin: 0 0 0 18px;
	padding: 12px 0 0;
}
.ec-headerDescription p.postage {
	font-size: 14px;
	margin: 0 0 0 18px;
}
.ec-headerDescription p.postage span {
	color: #bd0d17;
	font-weight: bold;
}
.ec-headerNaviRole {
	color: #000;
	align-items: flex-start;
	width: 1200px;
	max-width: 1200px;
	padding: 50px 0 0;
}
.ec-headerNaviRole::after {
	display: none;
}
.ec-headerNaviRole .ec-headerNaviRole__left {
	width: 500px;
	margin: 17px 0 0 218px;
}
.ec-headerNaviRole .ec-headerNaviRole__search {
	width: 100%;
	margin: 0;
}
.ec-headerSearch .ec-headerSearch__keyword {
	background: #fff;
	border: none;
	border-bottom: 3px solid #25272d;
	border-radius: 0;
	color: #000;
	float: none;
	width: 100%;
}
.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
	font-size: 14px;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	height: 45px;
	padding: 0 50px 0 18px;
}
.ec-headerSearch .ec-headerSearch__keywordBtn {
	top: 0;
	height: 45px;
	transform: none;
	padding: 0 20px 0 13px;
}
.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
	width: 17px;
	height: 17px;
}
.ec-headerNaviRole img {
	width: 17px;
	height: 17px;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
	display: block;
	width: 450px;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul {
	display: flex;
	justify-content: flex-end;
	font-size: 14px;
	line-height: 1.25;
	list-style: none;
	margin: 0;
	padding: 0;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li {
	display: flex;
	position: relative;
	width: 90px;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li::before {
	background: #eee;
	content: "";
	width: 1px;
	height: 12px;
	position: absolute;
	top: 0;
	right: 0;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li a {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	width: 100%;
	height: 65px;
	padding: 0 0 17px;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li a:link,
.ec-headerNaviRole .ec-headerNaviRole__right ul li a:visited,
.ec-headerNaviRole .ec-headerNaviRole__right ul li a:hover,
.ec-headerNaviRole .ec-headerNaviRole__right ul li a:active {
	color: #000;
	text-decoration: none;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li a:hover,
.ec-headerNaviRole .ec-headerNaviRole__right ul li a:active {
	opacity: 0.6;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li a::before {
	content: "";
	position: absolute;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li:first-child a::before {
	background: url(../img/common/header/icon_guide.png) 0 0 no-repeat;
	width: 16px;
	height: 18px;
	left: 36px;
	bottom: 1px;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li:nth-child(2) a::before {
	background: url(../img/common/header/icon_entry.png) 0 0 no-repeat;
	width: 18px;
	height: 18px;
	left: 35px;
	bottom: 1px;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li:nth-child(3) a::before {
	background: url(../img/common/header/icon_mypage.png) 0 0 no-repeat;
	width: 11px;
	height: 21px;
	left: 38px;
	bottom: 0;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li:nth-child(4) a::before {
	background: url(../img/common/header/icon_cart.png) 0 0 no-repeat;
	width: 19px;
	height: 21px;
	left: 35px;
	bottom: 0;
}
.ec-headerNaviRole .ec-headerNaviRole__right ul li:nth-child(5) a::before {
	background: url(../img/common/header/icon_contact.png) 0 0 no-repeat;
	width: 18px;
	height: 14px;
	left: 35px;
	bottom: 3px;
}
.ec-headermainNaviRole {
	width: 1200px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -600px;
}
.ec-headermainNaviRole ul {
	display: flex;
	font-weight: bold;
	list-style: none;
	line-height: 64px;
	margin: 0 0 0 218px;
	padding: 0;
}
.ec-headermainNaviRole ul li {
	position: relative;
}
.ec-headermainNaviRole ul li:first-child {
	width: 192px;
}
.ec-headermainNaviRole ul li:nth-child(2) {
	width: 130px;
}
.ec-headermainNaviRole ul li:nth-child(3) {
	width: 210px;
}
.ec-headermainNaviRole ul li:nth-child(4) {
	width: 178px;
}
.ec-headermainNaviRole ul li:nth-child(5) {
	width: 127px;
}
.ec-headermainNaviRole ul li:nth-child(6) {
	width: 145px;
}
.ec-headermainNaviRole ul li::before {
	background: #ccc;
	content: "";
	width: 1px;
	height: 12px;
	position: absolute;
	top: 26px;
	left: 0;
}
.ec-headermainNaviRole ul li:last-child::after {
	background: #ccc;
	content: "";
	width: 1px;
	height: 12px;
	position: absolute;
	top: 26px;
	right: 0;
}
.ec-headermainNaviRole ul li a {
	display: block;
	text-align: center;
}
.ec-headermainNaviRole ul li a:link,
.ec-headermainNaviRole ul li a:visited,
.ec-headermainNaviRole ul li a:hover,
.ec-headermainNaviRole ul li a:active {
	color: #000;
	text-decoration: none;
}
.ec-headermainNaviRole ul li a:hover,
.ec-headermainNaviRole ul li a:active {
	opacity: 0.6;
}

@media screen and (max-width: 767px){
	.ec-layoutRole__header {
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 132px;
		z-index: 100000;
	}
	.scroll .ec-layoutRole__header {
		left: auto;
		width: 52px;
		height: 52px;
	}
	.have_curtain .ec-layoutRole__header {
		height: 52px;
	}
	.ec-layoutRole__header::before {
		background: linear-gradient(180deg,#b88d18 0,#b88d18 30px,#eee 30px,#eee 80px);
		height: 80px;
	}
	.scroll .ec-layoutRole__header::before {
		display: none;
	}
	.have_curtain .ec-layoutRole__header::before {
		display: none;
	}
	.ec-headerRole {
		width: auto;
		max-width: none;
	}
	.ec-headerRole .ec-headerRole__title {
		width: 85px;
		top: 75px;
		left: 15px;
	}
	.scroll .ec-headerRole .ec-headerRole__title {
		display: none;
	}
	.ec-headerDescription {
		display: block;
		width: auto;
		position: static;
		top: auto;
		left: auto;
		margin: 0;
	}
	.scroll .ec-headerDescription {
		display: none;
	}
	.have_curtain .ec-headerDescription {
		display: none;
	}
	.ec-headerDescription p {
		text-align: center;
	}
	.ec-headerDescription p.description {
		color: #fff;
		font-size: 12px;
		line-height: 30px;
	}
	.ec-headerDescription p.description::after {
		display: none;
	}
	.ec-headerDescription p.card {
		text-align: center;
		line-height: 50px;
		margin: 0;
		padding: 0;
	}
	.ec-headerDescription p.card img {
		height: 20px;
		vertical-align: top;
		margin: 15px 0 0;
	}
	.ec-headerNaviRole {
		width: auto;
		max-width: none;
		padding: 0;
	}
	.ec-headerNaviRole .ec-headerNaviRole__left {
		position: relative;
		width: 100%;
		height: 50px;
		margin: 0;
	}
	.ec-headerNavSP {
		background: url(../img/common/header/icon_menu.png) 10px 15px / 28px 22px no-repeat;
		border-radius: 0;
		padding: 0;
		width: 52px;
		height: 50px;
		position: absolute;
		top: 0;
		left: auto;
		right: 0;
	}
	.ec-headerNavSP i::before {
		display: none;
	}
	.ec-headerNaviRole .navSP {
		display: flex;
		justify-content: flex-end;
		margin: 0 52px 0 0;
	}
	.scroll .ec-headerNaviRole .navSP {
		display: none;
	}
	.ec-headerNaviRole .navSP .cart {
		margin: 14px 0 0;
	}
	.ec-headerNaviRole .navSP .cart img {
		width: 24px;
		height: 26px;
	}
	.ec-headerNaviRole .navSP .search {
		box-sizing: border-box;
		cursor: pointer;
		width: 53px;
		height: 50px;
		margin: 0 0 0 10px;
		padding: 12px 14px 0 14px;
	}
	.ec-headerNaviRole .navSP .search.open {
		background: url(../img/common/header/icon_search_open_sp.png) 12px 14px / 25px 25px no-repeat #000;
	}
	.ec-headerNaviRole .navSP .search img {
		width: 25px;
		height: 25px;
	}
	.ec-headerNaviRole .navSP .search.open img {
		display: none;
	}
	.ec-headerNaviRole .searchSP {
		background: #fff;
		border-top: 4px solid #000;
		display: none;
		padding: 15px 15px 15px 115px;
	}
	.searchSP .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
		font-size: 16px;
		padding: 0 30px 0 10px;
	}
	.searchSP .ec-headerSearch .ec-headerSearch__keywordBtn {
		padding: 0 5px;
	}
	.ec-headerNaviRole .ec-headerNaviRole__right {
		display: none;
	}
	.ec-headermainNaviRole {
		display: none;
	}
}

@media screen and (max-width: 320px){
	.ec-headerDescription p.description {
		font-size: 11px;
	}
}

@media screen and (min-width: 768px){
	.ec-headerNaviRole .searchSP {
		display: none !important;
	}
}


/* drawer */

@media screen and (max-width: 767px){
	.ec-drawerRole {
		background: #fff;
		border-top: 4px solid #000;
		display: none;
		width: 100%;
		height: calc(100% - 50px);
		transform: none;
		top: 50px;
		overflow-y: visible;
	}
	.drawerLogo {
		width: 85px;
		position: fixed;
		top: 5px;
		left: 15px;
		z-index: 1000001;
	}
	.drawerLogo img {
		width: 100%;
		height: auto;
	}
	.drawerInnerWrap {
		overflow-y: scroll;
		height: 100%;
	}
/*
.ec-drawerRole .ec-headerSearchArea {
    padding: 20px 10px;
    width: 100%;
    background: #F8F8F8; }
.ec-drawerRole .ec-headerSearch {
    padding: 16px 8px 26px;
    background: #EBEBEB;
    color: #636378; }
.ec-drawerRole .ec-headerSearch select {
      width: 100% !important; }
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 1em 10px;
    font-size: 16px;
    font-weight: bold;
    color: black;
    background: #F8F8F8; }
*/
	.drawerMenu01 {
		margin: 0 15px;
		padding: 15px 0 0;
	}
	.drawerMenu01 p {
		font-size: 14px;
		text-align: center;
		line-height: 45px;
		margin: 0 0 0 110px;
	}
	.drawerMenu01 p a {
		background: #eee;
		color: #000;
		display: block;
		text-decoration: none;
	}
	.drawerMenu01 p a::before {
		background: url(../img/common/header/icon_contact_sp.png) 0 0 / 19px 15px no-repeat;
		content: "";
		display: inline-block;
		width: 19px;
		height: 15px;
		margin-right: 13px;
	}
	.drawerMenu01 ul {
		border: 1px solid #ccc;
		border-top: none;
		display: flex;
		flex-wrap: wrap;
		font-size: 14px;
		list-style: none;
		line-height: 44px;
		margin: 15px 0 0;
		padding: 0;
	}
	.drawerMenu01 ul li {
		box-sizing: border-box;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		width: 50%;
	}
	.drawerMenu01 ul li:nth-child(even) {
		border-right: none;
	}
	.drawerMenu01 ul li:first-child {
		background: url(../img/common/header/icon_guide_sp.png) 15px 13px / 16px 18px no-repeat;
	}
	.drawerMenu01 ul li:nth-child(2) {
		background: url(../img/common/header/icon_entry_sp.png) 15px 13px / 18px 18px no-repeat;
	}
	.drawerMenu01 ul li:nth-child(3) {
		background: url(../img/common/header/icon_mypage_sp.png) 18px 12px / 12px 21px no-repeat;
	}
	.drawerMenu01 ul li:nth-child(4) {
		background: url(../img/common/header/icon_cart_sp.png) 14px 12px / 20px 21px no-repeat;
	}
	.drawerMenu01 ul li a {
		color: #000;
		display: block;
		text-decoration: none;
		padding: 0 20px 0 45px;
	}
	.drawerMenu02 {
		background: #000;
		margin: 15px 0 0;
		padding: 15px 15px 15px;
	}
	.drawerMenu02 ul {
		font-size: 15px;
		font-weight: bold;
		list-style: none;
		line-height: 50px;
		margin: 0;
		padding: 0;
	}
	.drawerMenu02 ul li {
		margin: 5px 0 0;
	}
	.drawerMenu02 ul li:first-child {
		margin-top: 0;
	}
	.drawerMenu02 ul li a {
		background: #fff;
		display: block;
		text-decoration: none;
		padding: 0 24px;
	}
	.drawerMenu02 ul li a .en {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 12px;
		margin-left: 1em;
	}
	.drawerBannerRecommend,
	.footerBannerRecommend {
		margin: 15px 15px 0;
	}
	.drawerBannerRecommend ul,
	.footerBannerRecommend ul {
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.drawerBannerRecommend ul li,
	.footerBannerRecommend ul li {
		margin: 24px 0 0;
	}
	.drawerBannerRecommend ul li:first-child,
	.footerBannerRecommend ul li:first-child {
		margin-top: 0;
	}
	.drawerProducts {
		margin: 24px 15px 0;
	}
	.drawerProducts dl {
		margin: 0;
	}
	.drawerProducts dl dt {
		color: #fff;
		position: relative;
		margin: 15px 0 0;
	}
	.drawerProducts dl dt.cat01 {
		background: url(../img/common/sidebar/img_category_001_sp.jpg) 50% 50% / cover no-repeat;
	}
	.drawerProducts dl dt.cat02 {
		background: url(../img/common/sidebar/img_category_002_sp.jpg) 50% 50% / cover no-repeat;
	}
	.drawerProducts dl dt.cat03 {
		background: url(../img/common/sidebar/img_category_003_sp.jpg) 50% 50% / cover no-repeat;
	}
	.drawerProducts dl dt.cat04 {
		background: url(../img/common/sidebar/img_category_004_sp.jpg) 50% 50% / cover no-repeat;
	}
	.drawerProducts dl dt img {
		height: 65px;
	}
	.drawerProducts dl dt span {
		border-left: 1px solid #fff;
		cursor: pointer;
		text-align: center;
		line-height: 65px;
		width: 65px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}
	.drawerProducts dl dt span::before {
		content: "＋";
		font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
		font-size: 25px;
		font-weight: bold;
	}
	.drawerProducts dl dt span.open::before {
		content: "－";
	}
	.drawerProducts dl dd {
		display: none;
	}
	.drawerProducts dl dd ul {
		border: 1px solid #ccc;
		font-size: 15px;
		font-weight: bold;
		list-style: none;
		line-height: 49px;
		margin: 0;
		padding: 0;
	}
	.drawerProducts dl dd ul li {
		border-top: 1px solid #ccc;
	}
	.drawerProducts dl dd ul li:first-child {
		border-top: none;
	}
	.drawerProducts dl dd ul li a {
		display: block;
		text-decoration: none;
		position: relative;
		padding: 0 37px 0 23px;
	}
	.drawerProducts dl dd ul li a::before {
		background: url(../img/common/icon_arrow_001_sp.png) 0 0 / 6px 9px no-repeat;
		content: "";
		width: 6px;
		height: 9px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
	}
	.drawerPrice {
		margin: 25px 15px 0;
	}
	.drawerPrice dl {
		margin: 0;
	}
	.drawerPrice dl dt {
		background: url(../img/common/sidebar/img_price_sp.jpg) 50% 50% / cover no-repeat;
		border-top: 5px solid #b88d18;
		text-align: center;
	}
	.drawerPrice dl dt img {
		height: 65px;
	}
	.drawerPrice dl dd ul {
		border: 1px solid #ccc;
		font-size: 15px;
		font-weight: bold;
		list-style: none;
		line-height: 49px;
		margin: 0;
		padding: 0;
	}
	.drawerPrice dl dd ul li {
		border-top: 1px solid #ccc;
	}
	.drawerPrice dl dd ul li:first-child {
		border-top: none;
	}
	.drawerPrice dl dd ul li a {
		display: block;
		text-decoration: none;
		position: relative;
		padding: 0 37px 0 23px;
	}
	.drawerPrice dl dd ul li a::before {
		background: url(../img/common/icon_arrow_001_sp.png) 0 0 / 6px 9px no-repeat;
		content: "";
		width: 6px;
		height: 9px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
	}
	.drawerMenu03 {
		background: #eee;
		margin: 15px 0 0;
		padding: 10px 15px 16px;
	}
	.drawerMenu03 ul {
		background: #fff;
		border: 1px solid #ccc;
		border-top: none;
		display: flex;
		flex-wrap: wrap;
		font-size: 13px;
		font-weight: bold;
		list-style: none;
		line-height: 1.3;
		margin: 0;
		padding: 0;
	}
	.drawerMenu03 ul li {
		box-sizing: border-box;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		display: flex;
		width: 50%;
		height: 49px;
	}
	.drawerMenu03 ul li:nth-child(even) {
		border-right: none;
	}
	.drawerMenu03 ul li a {
		box-sizing: border-box;
		color: #000;
		display: flex;
		align-items: center;
		text-decoration: none;
		width: 100%;
		position: relative;
		padding: 0 30px 0 23px;
	}
	.drawerMenu03 ul li a::before {
		background: url(../img/common/icon_arrow_001_sp.png) 0 0 / 6px 9px no-repeat;
		content: "";
		width: 6px;
		height: 9px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
	}
	.drawerGuide {
		background: #000;
		padding: 36px 15px 38px;
	}
	.drawerGuide p {
		color: #fff;
		font-size: 15px;
		text-align: center;
		line-height: 1.29;
		margin: 0;
	}
	.drawerGuide p a {
		color: #fff;
		text-decoration: underline;
	}
	.drawerGuide p:first-child {
		font-size: 14px;
	}
	.drawerGuide p:nth-child(2) {
		font-size: 15px;
		margin: 10px 0 0;
	}
	.drawerGuide p:nth-child(2) span {
		display: inline-block;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 30px;
		font-weight: bold;
		margin: 0 0 10px;
	}
	.drawerGuide p:nth-child(3) {
		margin: 17px 0 0;
	}
	.drawerGuide p:nth-child(3) a {
		position: relative;
		padding-left: 10px;
	}
	.drawerGuide p:nth-child(3) a::before {
		border-style: solid;
		border-width: 4.5px 0 4.5px 5px;
		border-color: transparent transparent transparent #fff;
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 0.5em;
		left: 0;
	}
	.drawerClose {
		padding: 15px;
	}
	.ec-drawerRoleClose {
		background: url(../img/common/header/icon_menu_close.png) 10px 15px / 28px 22px no-repeat #000;
		border-radius: 0;
		padding: 0;
		width: 52px;
		height: 50px;
		top: 0;
		left: auto;
		right: 0;
		z-index: 1000000;
	}
	.ec-drawerRoleClose i::before {
		display: none;
	}
	.ec-drawerRole.is_active {
		display: block;
		transform: none;
	}
	.ec-drawerRole .ec-drawerRoleClose {
		background: #eee;
		border: 1px solid #ccc;
		display: block;
		font-size: 15px;
		font-weight: bold;
		line-height: 48px;
		width: 100%;
		height: 50px;
		position: static;
	}
	.ec-drawerRole .ec-drawerRoleClose i::before {
		content: "×";
		display: inline;
		font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
		font-style: normal;
		margin-right: 1em;
	}
	.ec-drawerRole .ec-drawerRoleClose.is_active {
		display: block;
	}
	.ec-overlayRole {
		display: none;
	}
	.have_curtain .ec-overlayRole {
		display: none;
	}
}

@media screen and (max-width: 320px){
	.drawerMenu01 ul {
		font-size: 13px;
	}
	.drawerMenu02 ul li a .en {
		font-size: 9px;
	}
	.drawerMenu03 ul li a {
		padding: 0 25px 0 13px;
	}
	.drawerMenu03 ul li a::before {
		right: 10px;
	}
}

/* contents */
.ec-layoutRole .ec-layoutRole__contents {
	padding-top: 80px;
}
.ec-layoutRole .ec-layoutRole__contents::before {
	background: #faebcb;
	content: "";
	height: 50px;
	position: absolute;
	top: 190px;
	left: 0;
	right: 0;
}

@media screen and (max-width: 767px){
	.ec-layoutRole .ec-layoutRole__contents {
		padding-top: 132px;
	}
	.ec-layoutRole .ec-layoutRole__contents::before {
		display: none;
	}
}

/* login_message */
/*
.login_message p {
	background: #f5f5f5;
	margin: 15px 0 0;
	padding: 8px 15px;
}
*/

/* breadcrumb */
.breadcrumb {
	background: transparent;
	border-radius: 0;
	width: 1200px;
	height: 50px;
	position: absolute;
	top: 190px;
	left: 50%;
	margin: 0 0 0 -600px;
	padding: 0;
}
.ec-layoutRole__mainWithColumn .breadcrumb ul {
	display: flex;
	justify-content: flex-end;
	font-size: 12px;
	list-style: none;
	line-height: 50px;
	margin: 0;
	padding: 0;
}
.breadcrumb ul li {
	display: inline;
}
.breadcrumb ul li a:link,
.breadcrumb ul li a:visited {
	color: #000;
	text-decoration: none;
}
.breadcrumb ul li a:hover,
.breadcrumb ul li a:active {
	color: #000;
	text-decoration: underline;
}
.breadcrumb ul li::after {
	content: "/";
	display: inline;
	margin: 0 1em;
}
.breadcrumb ul li:last-child::after {
	display: none;
}

@media screen and (max-width: 767px){
	.breadcrumb {
		background: #faebcb;
		width: auto;
		height: auto;
		position: static;
		margin: 0 -25px 15px;
		padding: 18px 13px 18px 100px;
	}
	.ec-layoutRole__mainWithColumn .breadcrumb ul {
		flex-wrap: wrap;
		font-size: 10px;
		line-height: 1.3;
	}
}

/* sidebar */
.sidebarBannerRecommend ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebarBannerRecommend ul li {
	margin: 30px 0 0;
}
.sidebarBannerRecommend ul li:first-child {
	margin-top: -20px;
}
.sidebar-unit + .sidebarBannerRecommend ul li:first-child {
	margin-top: 30px;
}
.sidebarBannerRecommend ul li a:hover img,
.sidebarBannerRecommend ul li a:active img {
	opacity: 0.8;
}
.sidebarProducts dl {
	margin: 30px 0 0;
}
.sidebarProducts dl dd {
	margin: 19px 0 0;
}
.sidebarProducts dl dd dl {
	margin: 0;
}
.sidebarProducts dl dd dl dd {
	margin: 0;
}
.sidebarProducts dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebarProducts dl dd ul li {
	border-bottom: 1px solid #ddd;
}
.sidebarProducts dl dd ul li:last-child {
	border-bottom: none;
}
.sidebarProducts dl dd ul li a {
	display: block;
	font-weight: bold;
	line-height: 56px;
	position: relative;
	padding: 0 40px 0 20px;
}
.sidebarProducts dl dd ul li a:link,
.sidebarProducts dl dd ul li a:visited,
.sidebarProducts dl dd ul li a:hover,
.sidebarProducts dl dd ul li a:active {
	color: #000;
	text-decoration: none;
}
.sidebarProducts dl dd ul li a:hover,
.sidebarProducts dl dd ul li a:active {
	opacity: 0.6;
}
.sidebarProducts dl dd ul li a::before {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: rotate(45deg);
	margin-top: -2px;
}
.sidebarPrice dl {
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 19px 0 0;
}
.sidebarPrice dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebarPrice dl dd ul li {
	border-bottom: 1px solid #ddd;
}
.sidebarPrice dl dd ul li a {
	display: block;
	font-weight: bold;
	line-height: 56px;
	position: relative;
	padding: 0 40px 0 20px;
}
.sidebarPrice dl dd ul li a:link,
.sidebarPrice dl dd ul li a:visited,
.sidebarPrice dl dd ul li a:hover,
.sidebarPrice dl dd ul li a:active {
	color: #000;
	text-decoration: none;
}
.sidebarPrice dl dd ul li a:hover,
.sidebarPrice dl dd ul li a:active {
	opacity: 0.6;
}
.sidebarPrice dl dd ul li a::before {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: rotate(45deg);
	margin-top: -2px;
}
.sidebarBanner ul {
	list-style: none;
	margin: 50px 0 0;
	padding: 0;
}
.sidebarBanner ul li {
	margin: 20px 0 0;
}
.sidebarBanner ul li a:hover img,
.sidebarBanner ul li a:active img {
	opacity: 0.8;
}
.sidebar-unit dl {
	margin: 30px 0 0;
}
.sidebar-unit.recent dl {
	margin-top: 0;
}
.sidebar-unit dl dt {
	border-top: 5px solid #b88d18;
	border-bottom: 1px solid #ddd;
	color: #b88d18;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	font-weight: bold;
	padding: 13px 20px 11px;
}
.sidebar-unit dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-unit dl dd ul li {
	border-bottom: 1px solid #ddd;
}
.sidebar-unit dl dd ul li a {
	display: block;
	font-weight: bold;
	position: relative;
	padding: 15px 40px 15px 20px;
}
.sidebar-unit dl dd ul li a:link,
.sidebar-unit dl dd ul li a:visited,
.sidebar-unit dl dd ul li a:hover,
.sidebar-unit dl dd ul li a:active {
	color: #000;
	text-decoration: none;
}
.sidebar-unit dl dd ul li a:hover,
.sidebar-unit dl dd ul li a:active {
	opacity: 0.6;
}
.sidebar-unit dl dd ul li a::before {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: rotate(45deg);
	margin-top: -2px;
}

/* footer */
.ec-footerRole {
	background: #eee;
	border-top: none;
	position: relative;
	margin: 74px 0 0;
	padding: 0;
	z-index: 2;
}
.ec-footerRole::before {
	background: #fff;
	content: "";
	height: 75px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.ec-footerRole .ec-footerRole__inner {
	position: relative;
	width: 1200px;
	max-width: 1200px;
	padding: 42px 0 0;
}
.ec-footerRole #pagetop {
	position: absolute;
	top: -23px;
	right: 0;
}
.ec-footerRole #pagetop a {
	background: #000;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	width: 40px;
	height: 40px;
}
.ec-footerRole #pagetop a:hover,
.ec-footerRole #pagetop a:active {
	opacity: 0.8;
}
.ec-footerRole #pagetop a::before {
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #fff transparent;
	content: "";
	position: absolute;
	top: 17px;
	left: 15px;
	width: 0;
	height: 0;
}
.ec-footerGuide.pc {
	display: flex;
	justify-content: space-between;
}
.ec-footerGuide dl {
	color: #000;
	width: 240px;
	margin: 0;
}
.ec-footerGuide dl dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
}
.ec-footerGuide dl dd {
	font-size: 15px;
	line-height: 1.6;
	margin: 8px 0 0;
}
.ec-footerGuide dl dd a {
	position: relative;
	padding-left: 15px;
}
.ec-footerGuide dl dd a:link,
.ec-footerGuide dl dd a:visited {
	color: #000;
	text-decoration: underline;
}
.ec-footerGuide dl dd a:hover,
.ec-footerGuide dl dd a:active {
	color: #000;
	text-decoration: none;
}
.ec-footerGuide dl dd a::before {
	border-style: solid;
	border-width: 4.5px 0 4.5px 5px;
	border-color: transparent transparent transparent #000;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 0.4em;
	left: 0;
}
.ec-footerGuide dl dd .tel {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 26px;
	font-weight: bold;
}
.ec-footerNavi {
	border-top: 1px solid #ccc;
	color: #000;
	margin: 48px 0 0;
	padding: 27px 0 26px;
}
.ec-footerNavi .ec-footerNavi__link::after {
	content: "/";
	display: inline-block;
}
.ec-footerNavi .ec-footerNavi__link:last-child::after {
	display: none;
}
.ec-footerNavi .ec-footerNavi__link a {
	font-size: 16px;
}
.ec-footerNavi .ec-footerNavi__link a:link,
.ec-footerNavi .ec-footerNavi__link a:visited {
	color: #000;
	text-decoration: none;
}
.ec-footerNavi .ec-footerNavi__link a:hover,
.ec-footerNavi .ec-footerNavi__link a:active {
	color: #000;
	text-decoration: underline;
}
.ec-footerTitle {
	padding: 0;
}
.ec-footerTitle .ec-footerTitle__copyright {
	color: #000;
	line-height: 75px;
}

@media screen and (max-width: 767px){
	.ec-footerRole {
		margin: 45px 0 0;
	}
	.ec-footerRole::before {
		height: 42px;
	}
	.ec-footerRole .ec-footerRole__inner {
		width: auto;
		max-width: none;
		padding: 36px 15px 0;
	}
	.ec-footerRole #pagetop {
		top: -20px;
		right: 15px;
	}
	.ec-footerGuide.pc {
		display: none;
	}
	.ec-footerGuide.sp {
		padding: 0 0 38px;
	}
	.ec-footerGuide p {
		font-size: 15px;
		text-align: center;
		line-height: 1.29;
		margin: 0;
	}
	.ec-footerGuide p a {
		color: #000;
		text-decoration: underline;
	}
	.ec-footerGuide p:first-child {
		font-size: 14px;
	}
	.ec-footerGuide p:nth-child(2) {
		font-size: 15px;
		margin: 10px 0 0;
	}
	.ec-footerGuide p:nth-child(2) span {
		display: inline-block;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 30px;
		font-weight: bold;
		margin: 0 0 10px;
	}
	.ec-footerGuide p:nth-child(3) {
		margin: 17px 0 0;
	}
	.ec-footerGuide p:nth-child(3) a {
		position: relative;
		padding-left: 10px;
	}
	.ec-footerGuide p:nth-child(3) a::before {
		border-style: solid;
		border-width: 4.5px 0 4.5px 5px;
		border-color: transparent transparent transparent #000;
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 0.5em;
		left: 0;
	}
	.ec-footerNavi {
		display: none;
	}
	.ec-footerTitle .ec-footerTitle__copyright {
		font-size: 11px;
		line-height: 42px;
	}
}

@media only screen and (min-width: 768px){
a[href*="tel:"] {
	cursor: default;
  pointer-events: none;
}
a[href*="tel:"]:link,
a[href*="tel:"]:visited,
a[href*="tel:"]:hover,
a[href*="tel:"]:active {
	color: #333;
	text-decoration: none !important;
}
}


/* ----------------------------------------
  parts
------------------------------------------- */
.inner {
	width: 1200px;
	margin: 0 auto;
}
.pc { display: block; }
.sp { display: none; }
em        { color:#FD6408;  }
.small    { font-size:87%;  }
.x-small  { font-size:78%;  }
.large    { font-size:107%; }
.x-large  { font-size:120%; }
.attention{ color: #f50000;   }
.attention a:link,
.attention a:visited,
.attention a:hover,
.attention a:active{ color: #f50000;   }
.attention a:hover,
.attention a:active{ text-decoration: none;   }
.memo     { color: #ff7e00;   }
.bold     { font-weight:bold; }
.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }
.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }
.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }
.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.contents .nocss { margin:0; padding:0; border:none; background:none; }
.cf::after {
	display: block;
	clear: both;
	content: "";
}
.anchor {
  padding-left: 25px;
  margin-bottom: 5px;
  position: relative;
}
.anchor::before {
	background: #f40600;
	border-radius: 7px;
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	top: 0.1em;
	left: 0;
}
.anchor::after {
	border-style: solid;
	border-width: 3px 0 3px 5px;
	border-color: transparent transparent transparent #fff;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 0.4em;
	left: 5px;
}
a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}
.openwin{
  padding-right: 15px;
}
.pagetop-in {
  text-align:right;
}
.pagetop-in a {
  font-size: 92%;
}
.ec-layoutRole__mainWithColumn p,
.ec-layoutRole__mainWithColumn ul,
.ec-layoutRole__mainWithColumn dl,
.ec-layoutRole__mainWithColumn ol,
.ec-layoutRole__mainWithColumn table{
  margin: 30px 0 0;
  line-height:2.1875;
}
.ec-layoutRole__mainWithColumn img {
	max-width: 100%;
	height: auto;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	float: left;
	margin: 30px 20px 10px 0;
}
.alignright {
	float: right;
	margin: 30px 0 10px 20px;
}
img.alignleft,
img.alignright {
	margin-top: 0;
}
.column-image-left + .entry-container > p,
.column-image-right + .entry-container > p {
  margin-top: 10px;
}
.ec-layoutRole__mainWithColumn ul p, .ec-layoutRole__mainWithColumn ul dl, .ec-layoutRole__mainWithColumn ul ol,
.ec-layoutRole__mainWithColumn dl p, .ec-layoutRole__mainWithColumn dl ul, .ec-layoutRole__mainWithColumn dl ol,
.ec-layoutRole__mainWithColumn ol p, .ec-layoutRole__mainWithColumn ol ul, .ec-layoutRole__mainWithColumn ol dl,
.ec-layoutRole__mainWithColumn table p, .ec-layoutRole__mainWithColumn table ul, .ec-layoutRole__mainWithColumn table dl, .contents table ol{
  margin: 0;
}
.ec-layoutRole__mainWithColumn p img, .ec-layoutRole__mainWithColumn dl img, .ec-layoutRole__mainWithColumn ul img {
  vertical-align: middle;
}
.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

@media screen and (max-width: 767px){
	.inner {
		width: auto;
	}
	.ec-layoutRole__mainWithColumn p,
	.ec-layoutRole__mainWithColumn ul,
	.ec-layoutRole__mainWithColumn dl,
	.ec-layoutRole__mainWithColumn ol,
	.ec-layoutRole__mainWithColumn table{
		margin: 15px 0 0;
		line-height: 1.5;
	}
	.pc { display: none; }
	.sp { display: block; }
	.img-l,
	.img-r{ display: block; float: none; margin: 10px auto; }
}

/* title */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
}
.ec-layoutRole__mainWithColumn h1 {
	background: url(../img/common/bg_h1.png) 50% 0 repeat-x;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	padding: 15px 20px;
}
.ec-layoutRole__mainWithColumn h2 {
	background: #b88d18;
  clear: both;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
	font-weight: bold;
	margin: 50px 0 0;
	padding: 14px 19px 13px;
}
.ec-layoutRole__mainWithColumn h2 a:link,.ec-layoutRole__mainWithColumn h2 a:visited,
.ec-layoutRole__mainWithColumn h2 a:hover,.ec-layoutRole__mainWithColumn h2 a:active{ color: #fff; }
.ec-layoutRole__mainWithColumn h3{
	border-bottom: 4px solid #b88d18;
  clear: both;
	color: #b88d18;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
  font-weight: bold;
  margin: 50px 0 0;
	padding: 7px 19px;
}
.ec-layoutRole__mainWithColumn h4{
  clear: both;
	color: #b88d18;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
  font-weight: bold;
	position: relative;
  margin: 50px 0 0;
	padding: 0 0 0 20px;
}
.ec-layoutRole__mainWithColumn h4::before{
	background: #b88d18;
	content: "";
	width: 13px;
	height: 4px;
	position: absolute;
	top: 0.6em;
	left: 0;
}
.ec-layoutRole__mainWithColumn h5{
  clear: both;
	font-size: 22px;
  font-weight: bold;
	position: relative;
  margin: 50px 0 0;
	padding: 0 0 0 20px;
}
.ec-layoutRole__mainWithColumn h5::before{
	background: #000;
	content: "";
	width: 13px;
	height: 4px;
	position: absolute;
	top: 0.6em;
	left: 0;
}
.ec-layoutRole__mainWithColumn h6{
  clear: both;
	font-size: 18px;
  font-weight: bold;
  margin: 50px 0 0;
}

@media screen and (max-width: 767px){
	.ec-layoutRole__mainWithColumn h1 {
		font-size: 23px;
		margin-top: 30px;
	}
	.ec-layoutRole__mainWithColumn h2 {
		font-size: 18px;
		margin-top: 30px;
		padding: 14px 15px 13px;
	}
	.ec-layoutRole__mainWithColumn h3{
		border-bottom-width: 3px;
		font-size: 18px;
		margin-top: 30px;
		padding: 7px 15px;
	}
	.ec-layoutRole__mainWithColumn h4{
		font-size: 16px;
		margin-top: 30px;
		padding: 0 0 0 15px;
	}
	.ec-layoutRole__mainWithColumn h4::before{
		width: 10px;
		height: 3px;
	}
	.ec-layoutRole__mainWithColumn h5{
		font-size: 16px;
		margin-top: 30px;
		padding: 0 0 0 15px;
	}
	.ec-layoutRole__mainWithColumn h5::before{
		width: 10px;
		height: 3px;
	}
	.ec-layoutRole__mainWithColumn h6{
		font-size: 15px;
		margin-top: 30px;
	}
}

/* ul */
.ec-layoutRole__mainWithColumn .list {
	list-style: none;
	padding: 0;
}
.ec-layoutRole__mainWithColumn .list li {
  padding-left: 17px;
  position: relative;
}
.ec-layoutRole__mainWithColumn .list li::before {
	background: #b88d18;
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0.9em;
	left: 1px;
}
.ec-layoutRole__mainWithColumn .list .list li::before {
	width: 4px;
	height: 4px;
	top: 1em;
}
.ec-layoutRole__mainWithColumn .link {
	list-style: none;
	padding: 0;
}
.ec-layoutRole__mainWithColumn .link li {
  padding-left: 17px;
  position: relative;
}
.ec-layoutRole__mainWithColumn .link li::before {
	border-top: 1px solid #b88d18;
	border-right: 1px solid #b88d18;
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0.9em;
	left: 1px;
	transform: rotate(45deg);
}
.ec-layoutRole__mainWithColumn .link li .anchor{
  padding-left:0;
}
.ec-layoutRole__mainWithColumn .link li .anchor::before{
	display:none;
}
.ec-layoutRole__mainWithColumn .rice {
	list-style: none;
	padding: 0;
}
.ec-layoutRole__mainWithColumn .rice li {
	text-indent: -1em;
	margin-left: 1em;
  padding-left: 0;
}
.ec-layoutRole__mainWithColumn .rice li::before {
	display: none;
}
ol {
  counter-reset:number;
  padding:0;
  list-style:none;
}
ol li {
  text-indent: -30px;
  padding-left: 30px;
}
ol li:before {
  counter-increment: number;
  content: counter(number) ". ";
  font-weight: bold;
  text-align: right;
  display: inline-block;
  width: 25px;
  margin-right: 5px;
}
.rice li{
  margin:0 0 5px 1em;
  text-indent:-1em;
}
.compact li{
  display:inline;
  margin-right:10px;
}
.within {
  padding: 8px;
  border: 1px solid #ddd;
}
.contents ul ul, .contents dl dl, .contents ol ol {
  margin-top: 5px;
}

@media screen and (max-width: 767px){
	.ec-layoutRole__mainWithColumn .list li::before {
		top: 0.5em;
	}
	.ec-layoutRole__mainWithColumn .list .list li::before {
		top: 0.5em;
	}
	.ec-layoutRole__mainWithColumn .link {
		line-height: 2.1875;
	}
}

/* dl */
dd, dt {
	line-height: 2.1875;
}
.list dt{
  font-weight: bold;
	padding-left: 17px;
	position: relative;
}
.list dt::before {
	background: #b88d18;
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0.9em;
	left: 1px;
}
.list dd{
  padding-left: 17px;
}
.link dt{
	position: relative;
  padding-left: 15px;
  font-weight: bold;
}
.link dt::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #bec4d1;
  border-right: solid 2px #bec4d1;
  position: absolute;
  top: 0.8em;
  left: 0;
  transform: rotate(45deg);
}
.link dd{
  padding-left:15px;
}
.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
}
.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #ddd;
}

@media screen and (max-width: 767px){
	dd, dt {
		line-height: 1.5;
	}
	.list dt::before {
		top: 0.5em;
	}
}

/* layout frame */
.layout-frame {
  clear: both;
  margin-left: -20px;
}
.layout-frame::after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.layout-3col {
  margin-left: -15px;
}
.layout-unit {
  float: left;
  display: inline;
  margin-left: 20px;
}
.layout-3col .layout-unit {
  margin-left: 15px;
}
.grid-1 { width: 49px; }
.grid-2 { width:118px; }
.grid-3 { width:187px; }
.grid-4 { width:256px; }
.layout-3col .grid-4 { width:260px; }
.grid-5 { width:485px; }
.grid-6 { width:440px; }
.grid-7 { width:463px; }
.grid-8 { width:532px; }
.grid-9 { width:601px; }
.grid-10{ width:670px; }
.grid-11{ width:741px; }

@media screen and ( max-width:834px ){
.layout-frame {
  margin-left: 0;
}
.layout-3col {
  margin-left: 0;
}
.layout-unit {
  float: none;
  display: block;
  margin-left: 0;
}
.layout-3col .layout-unit {
  margin-left: 0;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.layout-3col .grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11{ width:100%; }
}

/* table */
table{
  border: 1px solid #fff;
  width: 100%;
}
table th,
table td {
  padding: 10px 15px;
  vertical-align: top;
  border: 1px solid #fff;
}
table th {
  background: #f8f3e8;
	font-weight: normal;
}
table thead th,
th.head {
  background: #f5eedd;
  font-weight: bold;
  text-align: center;
}
table td {
  background: #fbf9f3;
}
table.noborder,
table.noborder td,
table.noborder th {
  border:0;
  background: none;
}

/* blockquote */
.blockquote {
	background: url(../img/common/icon_blockquote.png) 29px 49px no-repeat #fafafa;
	border: none;
	box-sizing: border-box;
	color: #666;
	clear: both;
	font-size: 15px;
	font-style: italic;
	min-height: 163px;
	margin: 30px 0;
	padding: 26px 50px 26px 145px;
}
.blockquote p:first-child,
.blockquote ul:first-child,
.blockquote ol:first-child {
	margin-top: 0;
}

/* decorationbox */
.decorationbox {
	background: #fafafa;
	margin: 30px 0 0;
	padding: 25px;
}
.decorationbox p:first-child {
	margin-top: 0;
}

/* margin */
.mt50 {
	margin-top: 50px !important;
}

/* button */
.ec-blockBtn--action {
	background: #000;
	border: 3px solid #000;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 70px;
	line-height: 64px;
	position: relative;
	padding: 0 10px;
}
.ec-blockBtn--action:link,
.ec-blockBtn--action:visited {
	color: #fff;
}
.ec-blockBtn--action:hover,
.ec-blockBtn--action:focus,
.ec-blockBtn--action.focus {
	background: #fff;
	border-color: #000;
	color: #000;
}
.ec-blockBtn--action:focus,
.ec-blockBtn--action.focus,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action:active.focus,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action.active.focus {
	outline: none;
}
.ec-blockBtn--action:active,
.ec-blockBtn--action.active {
	background: #fff !important;
	border-color: #000 !important;
	box-shadow: none !important;
	color: #000 !important;
}
.ec-blockBtn--action::before {
	border-style: solid;
	border-width: 0 0 13px 13px;
	border-color: transparent transparent #b88d18 transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -3px;
	bottom: -3px;
}
.ec-blockBtn--action:hover::before {
	border-color: transparent transparent #000 transparent;
}
.ec-blockBtn--action:link,
.ec-blockBtn--action:visited,
.ec-blockBtn--action:hover,
.ec-blockBtn--action:active {
	text-decoration: none;
}
.ec-blockBtn--cancel {
	background: #ddd;
	border: 3px solid #ddd;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 70px;
	line-height: 64px;
	position: relative;
	padding: 0 10px;
}
.ec-blockBtn--cancel:link,
.ec-blockBtn--cancel:visited {
	color: #000;
}
.ec-blockBtn--cancel:hover,
.ec-blockBtn--cancel:focus,
.ec-blockBtn--cancel.focus {
	background: #fff;
	border-color: #ddd;
	color: #000;
}
.ec-blockBtn--cancel:focus,
.ec-blockBtn--cancel.focus,
.ec-blockBtn--cancel:active:focus,
.ec-blockBtn--cancel:active.focus,
.ec-blockBtn--cancel.active:focus,
.ec-blockBtn--cancel.active.focus {
	outline: none;
}
.ec-blockBtn--cancel:active,
.ec-blockBtn--cancel.active {
	background: #fff !important;
	border-color: #ddd !important;
	box-shadow: none !important;
	color: #000 !important;
}
.ec-blockBtn--cancel::before {
	border-style: solid;
	border-width: 13px 0 0 13px;
	border-color: transparent transparent transparent #b88d18;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: -3px;
	bottom: -3px;
}
.ec-blockBtn--cancel:hover::before {
	border-color: transparent transparent transparent #ddd;
}
.ec-blockBtn--cancel:link,
.ec-blockBtn--cancel:visited,
.ec-blockBtn--cancel:hover,
.ec-blockBtn--cancel:active {
	color: #000 !important;
	text-decoration: none;
}
.ec-inlineBtn--action:link,
.ec-inlineBtn--action:visited,
.ec-inlineBtn--action:hover,
.ec-inlineBtn--action:active {
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 767px){
	.ec-blockBtn--action {
		font-size: 15px;
		height: 52px;
		line-height: 46px;
	}
	.ec-blockBtn--action::before {
		border-width: 0 0 10px 10px;
	}
	.ec-blockBtn--cancel {
		font-size: 15px;
		height: 52px;
		line-height: 46px;
	}
	.ec-blockBtn--cancel::before {
		border-width: 10px 0 0 10px;
	}
}

/* button-wrap */
.button-wrap {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}
.button-wrap > div {
	width: 33.33333%;
	margin: 0 15px;
}
.button-wrap > div .ec-blockBtn--action {
	margin-bottom: 0;
}

@media screen and (max-width: 767px){
	.button-wrap {
		flex-wrap: wrap;
	}
	.button-wrap > div {
		width: 100%;
		margin: 5px 0;
	}
}

/* required */
.ec-required {
	background: #c8000d;
	color: #fff;
	line-height: 20px;
	padding: 0 5px;
}

/* errorMessage */
.ec-errorMessage {
	color: #c8000d !important;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	margin-bottom: 5px !important;
	/* padding-left: 24px; */
}
/* .ec-errorMessage::before {
	background: url(../img/common/icon_error.png) 0 0 no-repeat;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0.3em;
	left: 0;
} */

/* ec-off1Grid */
/*
.ec-off1Grid {
	margin-top: 30px;
}
*/

/* ec-borderedDefs */
.ec-borderedDefs {
	margin: 30px 0;
}
.ec-borderedDefs dl {
	margin: 0;
}
.ec-borderedDefs dt {
	padding-top: 10px;
}

/* form-flow */
.form-flow{
	margin: 30px 0 0;
}
.form-flow ul{
	display: flex;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.form-flow ul li{
	color: #aaa;
	position: relative;
	width: 33.3333%;
}
.form-flow.flow001 ul li:first-child,
.form-flow.flow002 ul li:nth-child(2),
.form-flow.flow003 ul li:last-child{
	background: #b88d18;
	color: #fff;
}
.form-flow.flow001 ul li:nth-child(2),
.form-flow.flow002 ul li:last-child,
.form-flow.flow003 ul li:first-child{
	background: #f1e8d1;
}
.form-flow.flow001 ul li:last-child,
.form-flow.flow002 ul li:first-child,
.form-flow.flow003 ul li:nth-child(2){
	background: #f8f3e7;
}
.form-flow ul li::before{
	border-style: solid;
	border-width: 20px 0 20px 10px;
	content:"";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -10px;
	z-index: 1;
}
.form-flow.flow001 ul li:first-child::before,
.form-flow.flow002 ul li:nth-child(2)::before{
	border-color: transparent transparent transparent #b88d18;
}
.form-flow.flow001 ul li:nth-child(2)::before,
.form-flow.flow003 ul li:first-child::before{
	border-color: transparent transparent transparent #f1e8d1;
}
.form-flow.flow002 ul li:first-child::before,
.form-flow.flow003 ul li:nth-child(2)::before{
	border-color: transparent transparent transparent #f8f3e7;
}
.form-flow ul li:last-child::before{
	display: none;
}

/* .ec-pageHeader */
.ec-pageHeader h1 {
	border: none;
}

/* ec-report */
.ec-reportHeading {
	text-align: left;
}
.ec-reportDescription {
	text-align: left;
}
.ec-reportDescription + .ec-off4Grid {
	margin-top: 30px;
}

/* ec-rectHeading */
.ec-rectHeading {
	margin-bottom: 30px;
}


/* ----------------------------------------
  トップページ
------------------------------------------- */

#page_homepage .ec-layoutRole .ec-layoutRole__contents {
	width: auto;
	max-width: none;
	padding-top: 0;
}
#page_homepage .ec-layoutRole .ec-layoutRole__contents::before {
	display: none;
}

/* keyvisualArea */
#page_homepage .keyvisualArea p {
	margin: 0;
}
#page_homepage .keyvisualArea p img {
	width: 100%;
}

/* aboutArea */
#page_homepage .aboutArea {
	background: url(../img/top/bg_about_001.jpg) 50% 0 / 100% auto no-repeat;
	margin: -14.4% 0 0;
	padding: 21.0833% 0 0;
}
#page_homepage .aboutArea h2 {
	margin: 0 0 0 7px;
}
#page_homepage .aboutArea p {
	line-height: 2.0625;
	min-height: 121px;
	margin: -121px 0 0 393px;
}
#page_homepage .aboutArea ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 58px 0 0;
	padding: 0 0 54px;
}
#page_homepage .aboutArea ul li {
	width: 360px;
}
#page_homepage .aboutArea ul li a {
	display: block;
}
#page_homepage .aboutArea ul li a:hover,
#page_homepage .aboutArea ul li a:active {
	opacity: 0.8;
}

/* productsArea */
#page_homepage .productsArea {
	background: #fff6e2;
	border-top: 8px solid #b88d18;
	margin: 175px 0 0;
}
#page_homepage .productsArea .inner {
	position: relative;
	padding: 20px 0 89px;
	z-index: 2;
}
#page_homepage .productsArea .inner::before {
	background: url(../img/top/bg_products_001.png) 0 0 no-repeat;
	content: "";
	width: 454px;
	height: 456px;
	position: absolute;
	top: -230px;
	right: 0;
	z-index: -1;
}
#page_homepage .productsArea h2 {
	position: absolute;
	top: -133px;
	left: 0;
	margin: 0;
}
#page_homepage .productsArea p {
	line-height: 1.875;
	width: 720px;
	margin: 0;
}
#page_homepage .productsArea ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 32px 0 0;
	padding: 0;
}
#page_homepage .productsArea ul li {
	width: 280px;
}
#page_homepage .productsArea ul li a {
	display: block;
}
#page_homepage .productsArea ul li a:hover,
#page_homepage .productsArea ul li a:active {
	opacity: 0.8;
}
#page_homepage .productsArea p.more {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 64px;
	position: absolute;
	left: 50%;
	bottom: -30px;
	width: 300px;
	margin: 0 0 0 -150px;
}
#page_homepage .productsArea p.more a {
	border: 3px solid #000;
	display: block;
	position: relative;
}
#page_homepage .productsArea p.more a:link,
#page_homepage .productsArea p.more a:visited {
	background: #000;
	color: #fff;
	text-decoration: none;
}
#page_homepage .productsArea p.more a:hover,
#page_homepage .productsArea p.more a:active {
	background: #fff;
	color: #000;
	text-decoration: none;
}
#page_homepage .productsArea p.more a::before {
	border-style: solid;
	border-width: 0 0 13px 13px;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -3px;
	bottom: -3px;
}
#page_homepage .productsArea p.more a:link::before,
#page_homepage .productsArea p.more a:visited::before {
	border-color: transparent transparent #b88d18 transparent;
}
#page_homepage .productsArea p.more a:hover::before,
#page_homepage .productsArea p.more a:active::before {
	border-color: transparent transparent #000 transparent;
}

/* recommendArea */
#page_homepage .recommendArea {
	margin: 82px 0 0;
}
#page_homepage .recommendArea h2 {
	text-align: center;
	margin: 0;
}
#page_homepage .recommendArea h2 img {
	margin: 0 auto;
}
#page_homepage .recommendArea ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 26px 0 0;
	padding: 0;
}
#page_homepage .recommendArea ul li {
	width: 200px;
}
#page_homepage .recommendArea ul li a {
	display: block;
}
#page_homepage .recommendArea ul li a:link,
#page_homepage .recommendArea ul li a:visited,
#page_homepage .recommendArea ul li a:hover,
#page_homepage .recommendArea ul li a:active {
	text-decoration: none;
}
#page_homepage .recommendArea ul li a:hover,
#page_homepage .recommendArea ul li a:active {
	opacity: 0.8;
}
#page_homepage .recommendArea ul li dl {
	text-align: center;
	margin: 0;
}
#page_homepage .recommendArea ul li dl dd.name {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 0;
}
#page_homepage .recommendArea ul li a:link dl dd.name,
#page_homepage .recommendArea ul li a:visited dl dd.name,
#page_homepage .recommendArea ul li a:hover dl dd.name,
#page_homepage .recommendArea ul li a:active dl dd.name {
	color: #000;
}
#page_homepage .recommendArea ul li dl dd.price {
	font-size: 13px;
}
#page_homepage .recommendArea ul li dl dd.price span {
	font-size: 16px;
}
#page_homepage .recommendArea ul li a:link dl dd.price,
#page_homepage .recommendArea ul li a:visited dl dd.price,
#page_homepage .recommendArea ul li a:hover dl dd.price,
#page_homepage .recommendArea ul li a:active dl dd.price {
	color: #bd0d17;
}
#page_homepage .recommendArea ul.banner {
	align-items: flex-end;
	margin: 44px 0 0;
}
#page_homepage .recommendArea ul.banner li {
	width: 570px;
}

/* linkArea */
#page_homepage .linkArea {
	background: #fff6e2;
	position: relative;
	margin: 190px 0 0;
	z-index: 2;
}
#page_homepage .linkArea::before {
	background: url(../img/top/bg_link_001.png) 0 0 no-repeat;
	content: "";
	width: 490px;
	height: 384px;
	position: absolute;
	top: -126px;
	left: 50%;
	margin: 0 0 0 -245px;
	z-index: -1;
}
#page_homepage .linkArea .inner {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 75px 0 72px;
}
#page_homepage .linkArea h2 {
	position: absolute;
	top: -49px;
	margin: 0;
}
#page_homepage .linkArea p {
	line-height: 1.875;
	margin: 0;
}
#page_homepage .linkArea p.more {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 64px;
	width: 300px;
	margin: 23px 0 0;
}
#page_homepage .linkArea p.more a {
	border: 3px solid #000;
	display: block;
	position: relative;
}
#page_homepage .linkArea p.more a:link,
#page_homepage .linkArea p.more a:visited {
	background: #000;
	color: #fff;
	text-decoration: none;
}
#page_homepage .linkArea p.more a:hover,
#page_homepage .linkArea p.more a:active {
	background: #fff;
	color: #000;
	text-decoration: none;
}
#page_homepage .linkArea p.more a::before {
	border-style: solid;
	border-width: 0 0 13px 13px;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -3px;
	bottom: -3px;
}
#page_homepage .linkArea p.more a:link::before,
#page_homepage .linkArea p.more a:visited::before {
	border-color: transparent transparent #b88d18 transparent;
}
#page_homepage .linkArea p.more a:hover::before,
#page_homepage .linkArea p.more a:active::before {
	border-color: transparent transparent #000 transparent;
}
#page_homepage .linkArea .reviewArea {
	width: 350px;
}
#page_homepage .linkArea .reviewArea h2 {
	left: 0;
}
#page_homepage .linkArea .eateryArea {
	width: 350px;
	margin-right: 24px;
}
#page_homepage .linkArea .eateryArea h2 {
	right: 24px;
}
#page_homepage .linkArea .eateryArea p {
	text-align: right;
}
#page_homepage .linkArea .eateryArea p.more {
	text-align: center;
	margin-left: auto;
}

/* newsArea */
#page_homepage .newsArea {
	margin: 50px 0 0;
}
#page_homepage .newsArea h2 {
	text-align: center;
	margin: 0;
}
#page_homepage .newsArea h2 img {
	margin: 0 auto;
}
#page_homepage .newsArea ul {
	border-top: 1px solid #ddd;
	list-style: none;
	width: 750px;
	margin: 29px auto 0;
	padding: 0;
}
#page_homepage .newsArea ul li {
	border-bottom: 1px solid #ddd;
}
#page_homepage .newsArea ul li a {
	display: block;
	padding: 15px 0;
}
#page_homepage .newsArea ul li a:link,
#page_homepage .newsArea ul li a:visited,
#page_homepage .newsArea ul li a:hover,
#page_homepage .newsArea ul li a:active {
	text-decoration: none;
}
#page_homepage .newsArea ul li a:hover,
#page_homepage .newsArea ul li a:active {
	opacity: 0.6;
}
#page_homepage .newsArea ul li dl {
	margin: 0;
}
#page_homepage .newsArea ul li dl dt {
	font-weight: normal;
	line-height: 1.42857143;
	padding: 0 0 0 18px;
}
#page_homepage .newsArea ul li dl dd {
	font-weight: normal;
	line-height: 1.42857143;
	margin: -1.42857143em 0 0 127px;
}
#page_homepage .newsArea p {
	border-bottom: 1px solid #ddd;
	text-align: center;
	width: 750px;
	margin: 0 auto;
}
#page_homepage .newsArea p a {
	display: block;
	padding: 16px 0;
}
#page_homepage .newsArea p a:link,
#page_homepage .newsArea p a:visited,
#page_homepage .newsArea p a:hover,
#page_homepage .newsArea p a:active {
	text-decoration: none;
}
#page_homepage .newsArea p a:hover,
#page_homepage .newsArea p a:active {
	opacity: 0.6;
}

@media screen and (max-width: 767px){
	#page_homepage .ec-layoutRole .ec-layoutRole__contents {
		padding-top: 132px;
	}

	/* aboutArea */
	#page_homepage .aboutArea {
		background: url(../img/top/bg_about_001_sp.jpg) 50% 0 / 100% auto no-repeat;
		margin: -9.1% 0 0;
		padding: 16.8% 0 0;
	}
	#page_homepage .aboutArea h2 {
		width: 164px;
		margin: 0 0 0 25px;
	}
	#page_homepage .aboutArea p {
		font-size: 12px;
		line-height: 1.875;
		min-height: 0;
		margin: 13px 25px 0;
	}
	#page_homepage .aboutArea ul {
		display: block;
		text-align: center;
		margin: 25px 25px 0;
		padding: 0;
	}
	#page_homepage .aboutArea ul li {
		width: 100%;
		margin: 18px 0 0;
	}

	/* productsArea */
	#page_homepage .productsArea {
		border-top-width: 5px;
		margin: 96px 0 0;
	}
	#page_homepage .productsArea .inner {
		padding: 25px 25px 49px;
	}
	#page_homepage .productsArea .inner::before {
		background: url(../img/top/bg_products_001_sp.png) 0 0 / 108px 222px no-repeat;
		width: 108px;
		height: 222px;
		top: -117px;
	}
	#page_homepage .productsArea h2 {
		width: 212px;
		top: -69px;
		left: 25px;
	}
	#page_homepage .productsArea p {
		display: none;
	}
	#page_homepage .productsArea ul {
		text-align: center;
		flex-wrap: wrap;
		margin: -14px 0 0;
	}
	#page_homepage .productsArea ul li {
		box-sizing: border-box;
		width: 50%;
		margin: 14px 0 0;
	}
	#page_homepage .productsArea ul li:nth-child(odd) {
		padding-right: 7px;
	}
	#page_homepage .productsArea ul li:nth-child(even) {
		padding-left: 7px;
	}
	#page_homepage .productsArea p.more {
		display: block;
		font-size: 13px;
		line-height: 44px;
		bottom: -25px;
		width: 200px;
		margin: 0 0 0 -100px;
	}
	#page_homepage .productsArea p.more a::before {
		border-width: 0 0 10px 10px;
	}

	/* recommendArea */
	#page_homepage .recommendArea {
		margin: 63px 0 0;
	}
	#page_homepage .recommendArea h2 {
		width: 180px;
		margin: 0 auto;
	}
	#page_homepage .recommendArea ul {
		display: block;
		margin: 22px 0 0;
	}
	#page_homepage .recommendArea ul li {
		width: auto;
	}
	#page_homepage .recommendArea ul li dl {
		padding: 0 12px;
	}
	#page_homepage .recommendArea ul li dl dt img {
		width: 100%;
	}
	#page_homepage .recommendArea ul li dl dd.name {
		font-size: 15px;
	}
	#page_homepage .recommendArea ul li dl dd.price {
		font-size: 14px;
		margin: 2px 0 0;
	}
	#page_homepage .recommendArea ul li dl dd.price span {
		font-size: 18px;
	}
	#page_homepage .recommendArea ul.banner {
		text-align: center;
		margin: -35px 15px 0;
	}
	#page_homepage .recommendArea ul.banner li {
		width: 100%;
		margin: 52px 0 0;
	}

	/* linkArea */
	#page_homepage .linkArea {
		margin: 119px 0 0;
	}
	#page_homepage .linkArea::before {
		background: url(../img/top/bg_link_001_sp.png) 0 0 / 237px 183px no-repeat;
		width: 237px;
		height: 183px;
		top: -85px;
		margin: 0 0 0 -118px;
	}
	#page_homepage .linkArea .inner {
		padding: 160px 15px 26px;
	}
	#page_homepage .linkArea h2 {
		top: 90px;
	}
	#page_homepage .linkArea p {
		font-size: 12px;
		line-height: 1.5;
	}
	#page_homepage .linkArea p.more {
		font-size: 12px;
		line-height: 39px;
		width: auto;
		margin-top: 12px;
	}
	#page_homepage .linkArea p.more a::before {
		border-width: 0 0 10px 10px;
	}
	#page_homepage .linkArea .reviewArea {
		width: 47%;
	}
	#page_homepage .linkArea .reviewArea h2 {
		width: 138px;
		left: 15px;
	}
	#page_homepage .linkArea .eateryArea {
		width: 47%;
		margin-right: 0;
	}
	#page_homepage .linkArea .eateryArea h2 {
		width: 121px;
		right: 15px;
	}

	/* newsArea */
	#page_homepage .newsArea {
		margin: 33px 15px 0;
	}
	#page_homepage .newsArea h2 {
		width: 92px;
		margin: 0 auto;
	}
	#page_homepage .newsArea ul {
		width: 100%;
		margin: 24px 0 0;
	}
	#page_homepage .newsArea ul li a {
		padding: 11px 10px 12px;
	}
	#page_homepage .newsArea ul li dl dt {
		font-size: 12px;
		padding: 0;
	}
	#page_homepage .newsArea ul li dl dd {
		font-size: 14px;
		margin: 2px 0 0;
	}
	#page_homepage .newsArea p {
		font-size: 14px;
		width: 100%;
	}
	#page_homepage .newsArea p a {
		padding: 16px 10px;
	}
}

@media screen and (max-width: 320px){
	/* linkArea */
	#page_homepage .linkArea p {
		font-size: 11px;
	}
}


/* ----------------------------------------
  商品一覧
------------------------------------------- */

.ec-topicpath {
	color: #000;
}
.ec-topicpath li {
	text-indent: 0;
	padding: 0;
}
.ec-topicpath li::before {
	display: none;
}
.ec-searchnavRole {
	color: #000;
	padding: 0;
}
.ec-shelfRole {
	color: #000;
	padding: 0;
}
.ec-shelfGrid .ec-shelfGrid__item a:link,
.ec-shelfGrid .ec-shelfGrid__item a:visited {
	text-decoration: none;
}
.ec-shelfGrid .ec-shelfGrid__item-image {
	height: auto;
}
.ec-shelfGrid .ec-shelfGrid__item a p {
	font-weight: bold;
}
.ec-shelfGrid .ec-shelfGrid__item a p.price02-default {
	color: #bd0d17;
}

#page_product_list .price02-default::after {
	content: '円（税込）';
}

@media screen and (min-width: 768px){
	.ec-shelfGrid .ec-shelfGrid__item-image {
		height: 193px;
	}
}

@media screen and (max-width: 767px){
	.ec-select select {
		max-width: 100%;
	}
	.ec-shelfGrid .ec-shelfGrid__item-image {
		position: relative;
		overflow: hidden;
		padding-top: 100%;
	}
	.ec-shelfGrid .ec-shelfGrid__item-image img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn .ec-blockBtn--action {
		font-size: 14px;
	}
}


/* ----------------------------------------
  商品詳細
------------------------------------------- */

.ec-productRole {
	color: #000;
	padding: 0;
}

/* visual */
.ec-productRole .ec-grid2.withPhoto .ec-grid2__cell.visual {
	width: 400px;
}
.ec-productRole .ec-sliderItemRole {
	position: relative;
	padding: 0;
}
.ec-productRole .ec-sliderItemRole .postage_free {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ec-productRole .ec-sliderItemRole .postage_free img {
	width: auto;
}
.ec-productRole .slick-slider {
	margin-bottom: 20px;
}
.ec-productRole .ec-sliderItemRole .item_nav {
	margin-left: -28px;
}
.ec-productRole .ec-sliderItemRole .slideThumb {
	width: 80px;
	margin-left: 27px;
	margin-bottom: 15px;
}
.ec-productRole .ec-sliderItemRole .slideThumb img {
	width: 100%;
}

/* profile */
.ec-productRole .ec-grid2.withPhoto .ec-grid2__cell.profile {
	width: 470px;
	margin-left: 30px;
}
.ec-productRole .ec-productRole__profile {
	margin-left: 0;
}
.ec-productRole .ec-productRole__profile h1 {
	background: none;
	color: #b88d18;
	margin: -8px 0 4px;
	padding: 0;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
	font-size: 30px;
}
.ec-productRole .ec-productRole__profile .ec-productRole__description {
	margin: 0;
}
.ec-productRole .ec-productRole__profile form {
	margin: 16px 0 0;
}
.ec-productRole .ec-productRole__actions {
	padding: 0;
}
.ec-productRole .ec-select {
	border-top: 1px solid #ccc;
	margin: 0;
}
.ec-productRole .ec-select dl {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 10px 0;
}
.ec-productRole .ec-select dl dt {
	box-sizing: border-box;
	font-weight: normal;
	text-align: right;
	width: 118px;
	padding-right: 20px;
}
.ec-productRole .ec-select label {
	font-weight: normal;
	margin: 0;
}
.ec-productRole .ec-select dl dd {
	flex: 1;
}
.ec-productRole .ec-productRole__actions .ec-select select {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
}
.ec-productRole .ec-numberInput dl {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ec-productRole .ec-numberInput dl {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 10px 0;
}
.ec-productRole .ec-numberInput dl dt {
	box-sizing: border-box;
	font-weight: normal;
	text-align: right;
	width: 118px;
	padding-right: 20px;
}
.ec-productRole .ec-numberInput dl dd {
	flex: 1;
}
.ec-productRole .ec-numberInput input[type="number"] {
	max-width: 150px;
	margin: 0;
}
.ec-productRole .ec-productRole__price {
	border-bottom: none;
	color: #bd0d17;
	position: relative;
	margin: 17px 0 0;
	padding: 0;
}
.ec-productRole .ec-productRole__price .noshi {
	color: #000;
	font-size: 16px;
	position: absolute;
	top: 7px;
	left: -8px;
}
.ec-productRole .ec-productRole__price .ec-price {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: right;
	line-height: 1;
	padding: 0;
}
.ec-productRole .ec-productRole__price .noshi + .ec-price {
	padding-left: 135px;
}
.ec-productRole .ec-productRole__price .ec-price .ec-price__price {
	font-size: 36px;
	padding: 0;
}
.ec-productRole .ec-productRole__price .ec-price .ec-price__tax {
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
}
.ec-productRole .ec-productRole__btn {
	width: auto;
	margin: 16px 0 0;
}
.ec-productRole .ec-productRole__btn .add-cart {
  background: #bd0d17;
  border: none;
  color: #fff;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  font-size: 18px;
  height: 80px;
  line-height: 56px;
	position: relative;
  padding: 0;
}
.ec-productRole .ec-productRole__btn .add-cart::before {
	background: url(../img/products/icon_cart.png) 0 0 no-repeat;
	border: none;
	content: "";
	display: inline-block;
	width: 19px;
	height: 21px;
	vertical-align: middle;
	position: static;
	margin: -6px 13px 0 0;
}
.ec-productRole .ec-productRole__btn .add-cart:hover {
	opacity: 0.8;
}
.ec-productRole .ec-productRole__guide {
	display:flex;
	justify-content: center;
	margin: 15px 0 0;
}
.ec-productRole .ec-productRole__guide .guide::before {
	background: url(../img/products/icon_guide.png) 0 0 no-repeat;
	content: "";
	display: inline-block;
	width: 14px;
	height: 15px;
	margin: 0 6px 0 0;
	vertical-align: middle;
}
.ec-productRole .ec-productRole__guide .noshi {
	margin-left: 22px;
}
.ec-productRole .ec-productRole__guide .noshi::before {
	background: url(../img/products/icon_noshi.png) 0 0 no-repeat;
	content: "";
	display: inline-block;
	width: 24px;
	height: 17px;
	margin: 1px 6px 0 0;
	vertical-align: middle;
}

/* description */
.ec-productRole .ec-productRole__description {
	line-height: 1.5;
	margin: 50px 0 0;
}
.ec-productRole .ec-productRole__description .overview {
	line-height: 1.875;
}
.ec-productRole .ec-productRole__description .overview th,
.ec-productRole .ec-productRole__description .overview td {
	border-width: 2px;
	padding: 10px 20px;
}
.ec-productRole .ec-productRole__description .overview tbody th {
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	width: 300px;
}
.ec-productRole .ec-productRole__description .catchcopy {
	color: #b88d18;
	clear: both;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
	font-weight: bold;
}

/* review */
.ec-productRole__review h2 {
	background: transparent;
	border-bottom: 4px solid #b88d18;
	color: #b88d18;
	padding: 7px 19px;
}
.ec-productRole__review h2 .star {
	color: #bd0d17;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.2em;
	margin-left: 49px;
	transform: translate(0,-3px);
}
.ec-productRole__review .reviewBox {
	background: #f8f3e7;
	display: flex;
	margin: 20px 0 0;
	padding: 26px 30px 39px;
}
.ec-productRole__review .reviewBox h3 {
	border: none;
	width: 160px;
	margin: 0 30px 0 0;
	padding: 0;
}
.ec-productRole__review .reviewBox h3 span {
	display: block;
}
.ec-productRole__review .reviewBox h3 .star {
	color: #bd0d17;
	font-size: 11px;
	letter-spacing: 0.2em;
	margin: 0 0 0 2px;
}
.ec-productRole__review .reviewBox h3 .title {
	margin: 11px 0 0;
}
.ec-productRole__review .reviewBox h3 .name {
	color: #000;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 7px 0 0;
}
.ec-productRole__review .reviewBox p {
	flex: 1;
	line-height: 1.875;
	margin: 25px 0 0;
}
.ec-productRole__review p.write {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 64px;
	width: 300px;
	margin: 33px auto 0;
}
.ec-productRole__review p.write a {
	border: 3px solid #000;
	display: block;
	position: relative;
}
.ec-productRole__review p.write a:link,
.ec-productRole__review p.write a:visited {
	background: #000;
	color: #fff;
	text-decoration: none;
}
.ec-productRole__review p.write a:hover,
.ec-productRole__review p.write a:active {
	background: #fff;
	color: #000;
	text-decoration: none;
}
.ec-productRole__review p.write a::before {
	border-style: solid;
	border-width: 0 0 13px 13px;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -3px;
	bottom: -3px;
}
.ec-productRole__review p.write a:link::before,
.ec-productRole__review p.write a:visited::before {
	border-color: transparent transparent #b88d18 transparent;
}
.ec-productRole__review p.write a:hover::before,
.ec-productRole__review p.write a:active::before {
	border-color: transparent transparent #000 transparent;
}

/* recommend */
.ec-productRole__recommend {
	margin: 100px 0 0;
}
.ec-productRole__recommend ul {
	display: flex;
	flex-wrap:wrap;
	list-style: none;
	margin: 12px 0 0 -20px;
	padding: 0;
}
.ec-productRole__recommend ul li {
	width: 210px;
	margin: 20px 0 0 20px;
}
.ec-productRole__recommend ul li a {
	display: block;
}
.ec-productRole__recommend ul li a:link,
.ec-productRole__recommend ul li a:visited,
.ec-productRole__recommend ul li a:hover,
.ec-productRole__recommend ul li a:active {
	text-decoration: none;
}
.ec-productRole__recommend ul li a:hover,
.ec-productRole__recommend ul li a:active {
	opacity: 0.8;
}
.ec-productRole__recommend ul li dl {
	text-align: center;
	margin: 0;
}
.ec-productRole__recommend ul li dl dd.name {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 0;
}
.ec-productRole__recommend ul li a:link dl dd.name,
.ec-productRole__recommend ul li a:visited dl dd.name,
.ec-productRole__recommend ul li a:hover dl dd.name,
.ec-productRole__recommend ul li a:active dl dd.name {
	color: #000;
}
.ec-productRole__recommend ul li dl dd.price {
	font-size: 13px;
}
.ec-productRole__recommend ul li dl dd.price span {
	font-size: 16px;
}
.ec-productRole__recommend ul li a:link dl dd.price,
.ec-productRole__recommend ul li a:visited dl dd.price,
.ec-productRole__recommend ul li a:hover dl dd.price,
.ec-productRole__recommend ul li a:active dl dd.price {
	color: #bd0d17;
}

/* recommend（プラグイン） */
.ec-layoutRole__mainBottom .ec-shelfGrid {
	margin: 12px 0 0 -20px;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item {
	width: 210px;
	margin: 20px 0 0 20px;
	padding: 0;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a {
	display: block;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:link,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:visited,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:hover,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:active {
	text-decoration: none;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:hover,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:active {
	opacity: 0.8;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item dl {
	text-align: center;
	margin: 0;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item dl dt {
	font-size: 18px;
	margin: 15px 0 0;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:link dl dt,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:visited dl dt,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:hover dl dt,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:active dl dt {
	color: #000;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item dl dd.item_price {
	font-size: 13px;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item dl dd.item_price span {
	font-size: 16px;
}
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:link dl dd.item_price,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:visited dl dd.item_price,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:hover dl dd.item_price,
.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a:active dl dd.item_price {
	color: #bd0d17;
}

/* review_area（プラグイン） */
#product_review_area {
	border-top: none !important;
	margin-bottom: 0 !important;
}
#product_review_area .ec-role {
	padding: 0;
}
#product_review_area .ec-rectHeading {
	margin: 0;
}
#product_review_area h4 {
	background: transparent;
	border-bottom: 4px solid #b88d18;
	padding: 7px 19px;
}
#product_review_area h4::before {
	display: none;
}
#product_review_area .recommend_average {
	color: #bd0d17 !important;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.2em;
	margin-left: 49px !important;
	transform: translate(0,-3px);
}
#product_review_area .recommend_average + span {
	font-size: 16px;
}
#product_review_area .review_list {
	list-style: none;
	padding: 0 !important;
}
#product_review_area .review_list li {
	background: #f8f3e7;
	margin: 20px 0 0 !important;
	padding: 26px 30px 39px;
}
#product_review_area .review_list .review_date {
	font-weight: normal !important;
	margin: 0;
}
#product_review_area .review_list .review_date .recommend_level {
	color: #bd0d17;
	font-size: 11px;
	letter-spacing: 0.2em;
}
#product_review_area .review_list li .review_date + strong {
	color: #b88d18;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
	font-weight: bold;
	margin: 11px 0 0;
}
#product_review_area .review_list li p {
	line-height: 1.875;
	margin: 15px 0 0;
}
#product_review_area .ec-inlineBtn--action {
	border: 3px solid #000;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 64px;
	width: 300px;
	position: relative;
	margin: 33px auto 0;
	padding: 0;
}
#product_review_area .ec-inlineBtn--action:link,
#product_review_area .ec-inlineBtn--action:visited {
	background: #000;
	color: #fff;
	text-decoration: none;
}
#product_review_area .ec-inlineBtn--action:hover,
#product_review_area .ec-inlineBtn--action:active {
	background: #fff;
	color: #000;
	text-decoration: none;
}
#product_review_area .ec-inlineBtn--action::before {
	border-style: solid;
	border-width: 0 0 13px 13px;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -3px;
	bottom: -3px;
}
#product_review_area .ec-inlineBtn--action:link::before,
#product_review_area .ec-inlineBtn--action:visited::before {
	border-color: transparent transparent #b88d18 transparent;
}
#product_review_area .ec-inlineBtn--action:hover::before,
#product_review_area .ec-inlineBtn--action:active::before {
	border-color: transparent transparent #000 transparent;
}

@media screen and (min-width: 768px){
	/* recommend（プラグイン） */
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item img {
		height: 210px;
	}
}

@media screen and (max-width: 767px){
	/* visual */
	.ec-productRole .ec-grid2.withPhoto {
		margin: 0 -25px 0;
	}
	.ec-productRole .ec-grid2.withPhoto .ec-grid2__cell.visual {
		width: 100%;
	}
	.ec-productRole .ec-sliderItemRole {
		margin-bottom: 0;
	}
	.ec-productRole .slick-slider {
		margin-bottom: 0;
	}
	.ec-productRole .slide-item {
		padding: 0 9px;
	}
	.ec-productRole .slick-arrow {
		background: url(../img/common/icon_arrow_001_sp.png) 50% 50% / 6px 9px no-repeat;
		border: none;
		text-indent: 100%;
		position: absolute;
		top: 50%;
		overflow: hidden;
		white-space: nowrap;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		padding: 0;
		-webkit-appearance: none;
		z-index: 2;
	}
	.ec-productRole .slick-arrow.slick-prev {
		left: 20px;
		transform: rotate(180deg);
	}
	.ec-productRole .slick-arrow.slick-next {
		right: 20px;
	}

	/* profile */
	.ec-productRole .ec-grid2.withPhoto .ec-grid2__cell.profile {
		width: auto;
		margin: 25px 25px 0;
	}
	.ec-productRole .ec-productRole__profile h1 {
		margin: 0 0 8px;
		padding: 0;
	}
	.ec-productRole .ec-productRole__title .ec-headingTitle {
		font-size: 23px;
	}
	.ec-productRole .ec-productRole__profile .ec-productRole__description {
		font-size: 15px;
		line-height: 1.6;
	}
	.ec-productRole .ec-select dl dt {
		font-size: 15px;
		width: 125px;
	}
	.ec-productRole .ec-numberInput dl dt {
		font-size: 15px;
		width: 125px;
	}
	.ec-productRole .ec-numberInput dl dd {
		font-size: 15px;
	}
	.ec-productRole .ec-numberInput input[type="number"] {
		max-width: 50px;
		padding: 0;
	}
	.ec-productRole .ec-productRole__price .noshi {
		font-size: 15px;
		position: static;
		margin: 4px 0 0;
	}
	.ec-productRole .ec-productRole__price .ec-price {
		font-size: 15px;
		padding: 0;
	}
	.ec-productRole .ec-productRole__price .ec-price .ec-price__price {
		font-size: 30px;
		padding: 0;
	}
	.ec-productRole .ec-productRole__price .ec-price .ec-price__tax {
		font-size: 15px;
	}
	.ec-productRole .ec-productRole__btn {
		margin: 15px 0 0;
	}
	.ec-productRole .ec-productRole__btn .add-cart {
		font-size: 15px;
		height: 65px;
		line-height: 65px;
	}
	.ec-productRole .ec-productRole__btn .add-cart::before {
		background: url(../img/products/icon_cart_sp.png) 0 0 / 18px 19px no-repeat;
		width: 18px;
		height: 19px;
	}
	.ec-productRole .ec-productRole__guide {
		font-size: 13px;
		margin: 15px 0 0;
	}
	.ec-productRole .ec-productRole__guide .guide::before {
		background: url(../img/products/icon_guide_sp.png) 0 0 / 13px 15px no-repeat;
		width: 13px;
		height: 15px;
	}
	.ec-productRole .ec-productRole__guide .noshi {
		margin-left: 10px;
	}
	.ec-productRole .ec-productRole__guide .noshi::before {
		background: url(../img/products/icon_noshi_sp.png) 0 0 / 19px 14px no-repeat;
		width: 19px;
		height: 14px;
	}

	/* description */
	.ec-productRole .ec-productRole__description {
		font-size: 13px;
		margin: 25px 0 0;
	}
	.ec-productRole .ec-productRole__description .overview {
		line-height: 1.846;
	}
	.ec-productRole .ec-productRole__description .overview th,
	.ec-productRole .ec-productRole__description .overview td {
		border: none;
		box-sizing: border-box;
		display: block;
		width: 100%;
		padding: 10px 20px;
	}
	.ec-productRole .ec-productRole__description .overview tbody th {
		width: 100%;
	}
	.ec-productRole .ec-productRole__description .catchcopy {
		font-size: 16px;
	}

	/* recommend（プラグイン） */
	.ec-layoutRole__mainBottom .ec-shelfGrid {
		margin: 0;
	}
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item {
		box-sizing: border-box;
		width: 50%;
		margin: 20px 0 0;
	}
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
		padding-right: 8px;
	}
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
		padding-left: 8px;
	}
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item a {
		position: relative;
		padding-top: 100%;
	}
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item dl dt {
		font-size: 15px;
	}
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item dl dd.item_price {
		font-size: 14px;
	}
	.ec-layoutRole__mainBottom .ec-shelfGrid .ec-shelfGrid__item dl dd.item_price span {
		font-size: 18px;
	}

	/* review_area（プラグイン） */
	#product_review_area h4 {
		border-bottom-width: 3px;
		font-size: 18px;
		padding: 7px 0 7px 18px;
	}
	#product_review_area h4::before {
		display: none;
	}
	#product_review_area .recommend_average {
		font-size: 12px;
		margin-left: 10px !important;
	}
	#product_review_area .recommend_average + span {
		font-size: 12px;
	}
	#product_review_area .review_list li {
		margin: 15px 0 0 !important;
		padding: 15px 20px 20px;
	}
	#product_review_area .review_list li .review_date {
		font-size: 15px;
	}
	#product_review_area .review_list li .review_date + strong {
		display: block;
		font-size: 18px;
	}
	#product_review_area .review_list li p {
		font-size: 13px;
		line-height: 1.5;
	}
	#product_review_area .ec-inlineBtn--action {
		font-size: 14px;
		line-height: 46px;
		width: 219px;
		margin: 20px auto 0;
	}
	#product_review_area .ec-inlineBtn--action::before {
		border-width: 0 0 10px 10px;
	}

	/* productsBannerRecommend */
	.productsBannerRecommend {
		margin: 22px 15px 0;
	}
	.productsBannerRecommend ul {
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.productsBannerRecommend ul li {
		margin: 24px 0 0;
	}
	.productsBannerRecommend ul li:first-child {
		margin-top: 0;
	}
}

@media screen and (max-width: 320px){
	/* profile */
	.ec-productRole .ec-productRole__guide {
		font-size: 11px;
	}

	/* review_area（プラグイン） */
	#product_review_area h4 {
		padding: 7px 0 7px 8px;
	}
	#product_review_area .recommend_average {
		font-size: 8px;
		margin-left: 5px !important;
	}
	#product_review_area .recommend_average + span {
		font-size: 8px;
	}
}


/* ----------------------------------------
  商品購入
------------------------------------------- */

.ec-layoutRole__mainWithColumn .ec-progress {
	margin-left: auto;
	margin-right: auto;
}
#shopping_login {
	margin: 30px 0 0;
}
.ec-guest {
	margin-top: 30px;
}
.ec-customerRole {
	padding: 0;
}
.ec-customerRole .ec-off1Grid .ec-off1Grid__cell {
	width: 100%;
	margin: 0;
}


/* ----------------------------------------
  カート
------------------------------------------- */

.ec-alert-warning {
	background: #bd0d17;
	margin: 30px 0;
}
.ec-cartRole {
	color: #000;
	padding: 0;
}
.ec-cartRole .ec-cartRole__cart {
	margin: 0;
}
.ec-cartRole .ec-cartRole__actions {
	margin-right: 0;
}
.ec-progress .is-complete .ec-progress__number {
	background: #b88d18;
}
.ec-progress .is-complete .ec-progress__label {
	color: #b88d18;
}
.ec-cartRole .ec-cartRole__totalAmount {
	color: #bd0d17;
}
.ec-orderRole {
	color: #000;
	padding: 0;
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price,
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
	color: #bd0d17;
}
.ec-totalBox .ec-totalBox__taxRate,
.ec-totalBox .ec-totalBox__spec {
	margin-top: 0;
}
.ec-orderAccount .ec-orderAccount__account p {
	margin-top: 0;
}
.ec-cartCompleteRole {
	color: #000;
	padding: 0;
}
.ec-cartCompleteRole .ec-off3Grid .ec-off3Grid__cell {
	width: 100%;
	margin: 0;
}


/* ----------------------------------------
  ログイン
------------------------------------------- */

#login_mypage {
	margin-top: 30px;
}
.ec-registerCompleteRole .ec-off2Grid .ec-off2Grid__cell {
	width: 100%;
	margin: 0;
}


/* ----------------------------------------
  新規会員登録
------------------------------------------- */

.ec-registerRole {
	color: #000;
	padding: 0;
}
.ec-registerRole .ec-off1Grid .ec-off1Grid__cell {
	width: 100%;
	margin: 0;
}
.ec-registerCompleteRole {
	color: #000;
	padding: 0;
}
.ec-registerCompleteRole .ec-off3Grid .ec-off3Grid__cell {
	width: 100%;
	margin: 0;
}


/* ----------------------------------------
  利用規約
------------------------------------------- */

#page_help_agreement .ec-off1Grid .ec-off1Grid__cell {
	width: 100%;
	margin: 0;
}


/* ----------------------------------------
  パスワード再発行
------------------------------------------- */

.ec-forgotRole {
	color: #000;
	padding: 0;
}
.ec-forgotRole .ec-off1Grid .ec-off1Grid__cell {
	width: 100%;
	margin: 0;
}
.ec-forgetCompleteRole .ec-off3Grid .ec-off3Grid__cell {
	width: 100%;
	margin: 0;
}


/* ----------------------------------------
  マイページ
------------------------------------------- */

.ec-mypageRole {
	color: #000;
	padding: 0;
}

/* navi */

.ec-navlistRole .ec-navlistRole__item {
	display: flex;
}
.ec-navlistRole .ec-navlistRole__item a {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}


/* ----------------------------------------
  お問い合わせ
------------------------------------------- */

.ec-contactRole {
	color: #000;
	padding: 0;
}
.ec-contactRole .ec-off1Grid .ec-off1Grid__cell {
	width: 100%;
	margin: 0;
}
.ec-contactConfirmRole {
	color: #000;
	padding: 0;
}
.ec-contactConfirmRole .ec-off1Grid .ec-off1Grid__cell {
	width: 100%;
	margin: 0;
}
.ec-contactConfirmRole .ec-borderedDefs dl {
	padding: 10px 0;
}
.ec-contactCompleteRole {
	padding: 0;
}
.ec-contactCompleteRole .ec-off3Grid .ec-off3Grid__cell {
	width: 100%;
	margin: 0;
}
.agreement .ec-checkbox label {
	background: #eee;
	padding: 10px;
}
.agreement .ec-checkbox input {
	margin-bottom: 4px;
}

@media (max-width: 767px) {
	.ec-zipInput input {
		width: 9em;
	}
}


/* ---------------------------------------------
　ブログ系
------------------------------------------------ */

/* entry-box */
.entry-box {
	clear: both;
	margin: 50px 0 0;
}
.entry-box h2 {
	text-align: left;
	margin: 0;
}
.entry-box .entry-meta {
	display: flex;
	justify-content: flex-end;
	margin: 15px 0 0;
}
.entry-box .entry-meta .date {
	font-size: 14px;
}
.entry-box .entry-meta .cat {
	border-left: 1px solid #ddd;
	font-size: 14px;
	margin-left: 15px;
	padding-left: 15px;
}
.entry-box .entry-contents {
	margin: 30px 0 0;
}
.entry-box .entry-contents img {
	max-width: 100%;
	height: auto;
}
.social-icon{
	clear: both;
	margin: 30px 0 0;
}
.social-icon ul{
  text-align: center;
	list-style: none;
  margin: 0 auto;
	padding: 0;
}
.social-icon ul li{
  display: inline-block;
	margin: 0;
	padding: 0;
}
.social-icon ul li::before{
	display: none;
}
.social-icon ul li a {
  display: block;
  width: 60px;
  height: 60px;
  text-indent: 100%;
  font-size: 50%;
  border-radius: 50%;
	position: relative;
	overflow: hidden;
}
@media screen and ( min-width:750px ){
  .facebook:hover {
    background:url(../img/svg/facebook.svg) center center no-repeat;
    background-size: 100%;
    background-color: #3b5998!important;
  }
}
.facebook {
  background:url(../img/svg/facebookClick.svg) center center no-repeat;
  background-size: 100%;
  background-color: #ffffff!important;
  border: 1px solid #3b5998;
}
@media screen and ( min-width:750px ){
  .twitter:hover {
    background:url(../img/svg/twitter.svg) center center no-repeat;
    background-size: 100%;
    background-color: #00aced!important;
  }
}
.twitter {
  background:url(../img/svg/twitterClick.svg) center center no-repeat;
  background-size: 100%;
  background-color: #ffffff!important;
  border: 1px solid #00aced;
}
@media screen and ( min-width:750px ){
  .line:hover {
    background:url(../img/svg/line.svg) center center no-repeat;
    background-size: 100%;
    background-color: #2cbf13!important;
  }
}
.line {
  background:url(../img/svg/lineClick.svg) center center no-repeat;
  background-size: 100%;
  background-color: #ffffff!important;
  border: 1px solid #2cbf13;
}

/* entry-navigation */
.entry-navigation {
	background: #e5e5e5;
	font-size: 14px;
	margin: 50px 0 0;
}
.entry-navigation ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 5px 10px;
}
.entry-navigation ul li {
	width: 33%;
}
.entry-navigation ul li.entry-list {
	text-align: center;
}
.entry-navigation ul li.entry-old {
	text-align: right;
}
.entry-navigation ul li a:link,
.entry-navigation ul li a:visited {
	text-decoration: none;
}
.entry-navigation ul li a:hover,
.entry-navigation ul li a:acitve {
	text-decoration: underline;
}

/* pager-navigation */
.pager-navigation {
	font-size: 18px;
	margin: 50px 0 0;
}
.pager-navigation ul {
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.pager-navigation ul li {
	float: left;
	text-align: center;
	margin-right: 2px;
}
.pager-navigation ul li span.current {
	background: #000;
	color: #fff;
	display: block;
	padding: 0.6em 0.9em;
	position: relative;
}
.pager-navigation ul li a {
	display: block;
	padding: 0.6em 0.9em;
}
.pager-navigation ul li a:link,
.pager-navigation ul li a:visited,
.pager-navigation ul li a:hover,
.pager-navigation ul li a:active {
	text-decoration: none;
}
.pager-navigation ul li a:link,
.pager-navigation ul li a:visited {
	background: #eee;
	color: #000;
}
.pager-navigation ul li a:hover,
.pager-navigation ul li a:active {
	background: #000;
	color: #fff;
}

@media screen and (max-width: 767px){
	.blog_page .ec-layoutRole .ec-layoutRole__contents {
		flex-direction: column;
	}
	.blog_page .ec-layoutRole .ec-layoutRole__left {
		display: block;
		order: 2;
		width: auto;
		margin: 40px 0 0;
		padding: 0 25px;
	}
	.blog_page .ec-layoutRole .ec-layoutRole__left > div {
		display: none;
	}
	.blog_page .ec-layoutRole .ec-layoutRole__left > div.sidebar-unit {
		display: block;
	}
	.sidebar-unit dl dt {
		font-size: 18px;
		padding: 10px;
	}
	.sidebar-unit dl dd {
		font-size: 13px;
	}
	.sidebar-unit dl dd ul li a {
		padding: 15px 20px 15px 10px;
	}
	.sidebar-unit dl dd ul li a::before {
		right: 10px;
	}
	.blog_page .ec-layoutRole .ec-layoutRole__mainWithColumn {
		order: 1;
	}
}


/* ---------------------------------------------
　おいしい食べ方
------------------------------------------------ */

.eat-list {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 0 0 -20px;
}
.eat-list > div {
	width: 440px;
	margin: 30px 0 0 20px;
}
.eat-list a {
	display: block;
}
.eat-list a:link,
.eat-list a:visited,
.eat-list a:hover,
.eat-list a:active {
	color: #000;
	text-decoration: none;
}
.eat-list a:hover,
.eat-list a:active {
	opacity: 0.8;
}
.eat-list img {
	margin: 0 0 10px;
}

@media screen and (max-width: 767px){
	.eat-list {
		margin: 0;
	}
	.eat-list > div {
		box-sizing: border-box;
		width: 50%;
		margin: 20px 0 0;
	}
	.eat-list > div:nth-child(odd) {
		padding-right: 8px;
	}
	.eat-list > div:nth-child(even) {
		padding-left: 8px;
	}
}


/* ---------------------------------------------
　お客様の声
------------------------------------------------ */

.review-list .reviewBox {
	background: #f8f3e7;
	display: flex;
	margin: 20px 0 0;
	padding: 26px 30px 39px;
}
.review-list .reviewBox h2 {
	background: transparent;
	width: 160px;
	margin: 0 30px 0 0;
	padding: 0;
}
.review-list .reviewBox h2 span {
	display: block;
}
.review-list .reviewBox h2 .title {
	color: #b88d18;
	margin: 11px 0 0;
}
.review-list .reviewBox h2 .title a:link,
.review-list .reviewBox h2 .title a:visited,
.review-list .reviewBox h2 .title a:hover,
.review-list .reviewBox h2 .title a:active {
	color: #b88d18;
}
.review-list .reviewBox h2 .name {
	color: #000;
	font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 7px 0 0;
}
.review-list .reviewBox .cont {
	flex: 1;
	line-height: 1.875;
	margin: 10px 0 0;
}
.review-list .reviewBox .cont p:first-child {
	margin-top: 0;
}

@media screen and (max-width: 767px){
	.review-list .reviewBox {
		display: block;
		margin: 15px 0 0;
		padding: 15px 20px 20px;
	}
	.review-list .reviewBox h2 {
		width: auto;
		margin: 0;
	}
	.review-list .reviewBox h2 .title {
		margin: 0;
	}
	.review-list .reviewBox h2 .name {
		font-size: 14px;
	}
	.review-list .reviewBox .cont {
		margin: 15px 0 0;
	}
}


/* ---------------------------------------------
　製造工程・素材紹介
------------------------------------------------ */

.img-l + .flow-img-with {
	margin-left: 367px;
}

@media screen and (max-width: 767px){
	.img-l + .flow-img-with {
		margin-left: 0;
	}
}


/* ---------------------------------------------
　店舗紹介
------------------------------------------------ */

.ec-eatery .mainImageWrap {
	margin: 30px 0 0;
}
.ec-eatery .thumbsImageWrap {
	margin: 20px 0 0 -17px;
}
.ec-eatery .thumbsImageWrap div {
	cursor: pointer;
	float: left;
	margin: 0 0 0 17px;
}
.ec-eatery .thumbsImageWrap div:hover {
	opacity: 0.8;
}
.ec-eatery .decorationbox .float-l {
	width: 560px;
	margin: 0;
}
.ec-eatery .decorationbox .float-l dd {
	margin-top: 1em;
}
.ec-eatery .decorationbox .float-l dt + dd {
	margin-top: 0;
}
.ec-eatery .decorationbox .float-r {
	width: 240px;
	margin: 0;
}

@media screen and (max-width: 767px){
	.ec-eatery .mainImageWrapSP {
		margin: 20px 0 0;
	}
	.ec-eatery .decorationbox .float-l {
		float: none;
		width: auto;
	}
	.ec-eatery .decorationbox .float-r {
		float: none;
		width: auto;
		margin: 15px 0 0;
	}
}


/* ---------------------------------------------
　クレジットカード購入画面
------------------------------------------------ */

#page_sln_card_payment .ec-layoutRole .ec-layoutRole__contents {
	padding-top: 0;
}
#page_sln_card_payment .ec-layoutRole .ec-layoutRole__contents::before {
	display: none;
}
#page_sln_card_payment .ec-errorMessage {
	padding-left: 0;
}
#page_sln_card_payment .ec-errorMessage::before {
	display: none;
}

@media screen and (max-width: 767px){
	.sln_card_payment_container {
		margin: 30px auto;
	}
	.sln_card_payment_container .ec-pageHeader h1 {
		margin-bottom: 10px;
	}
}
