@charset "utf-8";
.mb60 {
	height: 6rem;
}
.ec-select select {
	max-width: 100%!important;
	font-size: 95%;
	word-wrap: break-word;
}
.ec-layoutRole .ec-layoutRole__contents {
	max-width: 100%!important;
}
.ec-layoutRole {
	background: transparent!important;
}
.ec-pageHeader {
	padding-top: 130px;
	color: #fff;
}
.ec-off1Grid ,.ec-cartRole,.ec-registerCompleteRole{
	background: #fff;
	padding: 40px 0;
}
.ec-navlistRole {
	background: #fff;
}
.ec-orderRole,.ec-cartCompleteRole,.ec-contactCompleteRole {
	background: #fff;
	margin-top: 0!important;
	padding-bottom: 30px;
}
#page_mypage_history .ec-orderRole {
	padding-top: 40px;
}
.ec-historyRole__contents {
	background: #fff;
	padding: 0 15px
}
.ec-para-normal,.ec-welcomeMsg,.ec-favoriteRole__header,#page_mypage_withdraw .ec-off3Grid__cell {
	color: #fff;
}
.ec-price .ec-price__tax {
	font-size: 85%;
}
.ec-sliderItemRole img  {
	border: 2px solid #dcdcdc
}
.ec-sliderItemRole .slideThumb {
	padding: 0 5px;
}
.ec-sliderItemRole .slideThumb img {
	width: 100%!important;
}
.ec-productRole__title {
	font-size: 20px;
	margin-bottom: 15px;
}
.ec-productRole__price {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	font-size: 20px;
	margin-bottom: 20px;
}
.ec-productRole__price big {
	font-size: 150%;
}
.ec-productRole__description {
	margin-top: 30px;
}
.ec-sliderItemRole {
	padding: 0 50px 0 0
}
.ec-productRole__btn {
	max-width: 340px;
}
.proBnr {
	padding-top: 20px;
	text-align: center;
}
.proBnr li {
	margin-top: 40px;
}
.back {
	text-align: center;
	margin-top: 30px;
}
body {
	font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	font-weight: 500;
	min-width: 320px;
	padding-left: 390px;
	background: url("../img/bg.jpg") left top repeat;
}
input[type=radio], input[type=checkbox] {
	margin:0 5px 0 0;
	width: auto;
}
small {
	font-size: 80%;
}
.contBox {
	width: 95%;
	margin: 0 auto;
}
article > section {
	padding: 60px 0;
}
li {
	list-style: none;
}
figure {
	margin: 0;
}
dl {
	margin-bottom: 0;
}
a {
	color: #000;
	outline: none;
	text-decoration: none;
	transition: .2s;
}
a:hover {
	text-decoration: none;
}
a.blank::after {
	content: "";
	display: inline-block;
	background: url("../img/ico_blank.png") center center no-repeat;
	background-size: contain;
	width: 11px;
	height: 10px;
	margin-left: 7px;
}
a.blank._white::after {
	background-image: url("../img/ico_blank02.png");
}
h1 {
	margin: 0;
}
.ec-blockTopBtn {
	width: 50px;
	height: 50px;
	right: 15px;
	bottom: 15px;
	background: #BF0000;
	opacity: 1;
}
.ec-blockTopBtn:hover {
	opacity: 1;
	background: #1a1a1a;
}
.ec-blockTopBtn::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 19px;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 12px 10px;
	border-color: transparent transparent #ffffff transparent;
}
.fo-din {
	font-family: din-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: .8;
}
/*header----------------------------*/
.menuIcon {
	display: none;
}
#header {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 80px;
	height: 100%;
	width: 310px;
	background: #000;
	color: #fff;
	padding: 60px 32px 10px;
	overflow-y: auto;
	z-index: 9000;
}
.hLogo {
	margin-bottom: 20px;
}
.hLogo + .txt {
	text-align: center;
	margin-bottom: 30px;
}
#nav {
	text-align: left;
	font-size: 18px;
	font-weight: 600;
}
.nav li {
	margin-bottom: 20px;
}
.nav li a {
	padding: 0;
	color: #fff;
}
.nav a:hover {
	color: #BF0000;
	background: none!important;
}
.nav li a small {
	line-height: 1;
	font-size: 90%;
}
.nav .navProduct {
	margin-bottom: 0;
}
.btn2 a {
	font-size: 115%;
	color: #fff!important;
	display: block;
	background: #BF0000;
	padding: 15px 10px!important;
	text-align: center;
	font-weight: 600
}
.btn2 a:hover {
	background:#3A3A3A!important
}
#memberNav {
	position: fixed;
	top: 0;
	right: 0;
	background: #fff;
	z-index: 999;
}
#memberNav a {
	text-align: left;
	padding: 25px 40px;
	font-size: 20px;
	position: relative;
	line-height: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#memberNav .cart_btn a {
	color: #fff;
	background: #000;
	padding: 25px 20px;
}
#memberNav .login_btn a {
	background: #DCDCDC
}
#memberNav a:hover {
	background: #f1f1f1;
}
#memberNav .cart_btn a:hover {
	background: #000;
}
#memberNav a::before {
	content: "";
	display: inline-block;
	background: url("../img/nav_icon01.png") left center no-repeat;
	background-size: contain;
	width: 17px;
	height: 24px;
	margin-right: 12px;
}
#memberNav .login_btn a::before {
	background-image: url("../img/nav_icon02.png");
	width: 22px;
	height: 24px;
}
#memberNav .login_btn._logout a::before {
	background-image: url("../img/nav_icon02.png");
}
#memberNav .cart_btn a::before {
	background-image: url("../img/nav_icon03.png");
	width: 27px;
	height: 24px;
}
.cart_btn .ec-cartNavi__badge {
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #de5d50;
	font-weight: 600;
	border-radius: 45%;
	width: 30px;
	height: 24px;
	line-height: 1;
	padding-top: 4.5px;
	font-size: 16px;
	margin-left: 10px;
}
#nav .ec-categoryNaviRole {
	padding: 0 0;
}
#nav .ec-itemNav__nav {
	display: block;
}
#nav .ec-itemNav__nav li {
	float: none;
	text-align: left;
	margin-bottom: 0;
}
#nav .ec-itemNav__nav a {
	text-align: left;
	border-bottom: #646464 1px solid;
	background: transparent!important;
	padding: 8px 0;
}
#nav #nav .ec-itemNav__nav a:hover {
}
#nav .ec-itemNav__nav li ul {
	position: static;
	padding-left: 10px;
}
#nav .ec-itemNav__nav li ul li a::before {
	content: "─";
}
#nav .ec-itemNav__nav li ul li a {
	background: transparent;
	color: #fff;
	padding: 8px 0;
}
#nav .ec-itemNav__nav a:hover {
	color: #BF0000;
	background: none!important;
}
.nav .childNav li {
	margin: 0!important
}
.nav .childNav a {
	font-size: 95%;
	font-weight: 500;
	display: block;
	text-align: left;
	border-bottom: #646464 1px solid;
	background: transparent!important;
	padding: 8px 0;

}

/*footer----------------------------*/
#footer {
	text-align: center;
	background: rgba(0,0,0,.3);
	color: #fff;
	padding: 35px 0;
	margin-top: 80px;
}
.fTxt {
	text-align: left;
	margin-left: 30px;
}
.fTel {
	color: #fff!important;
	font-size: 30px;
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: 700;
}
.footNav {
	margin-bottom: 30px;
}
.footNav li:not(:first-of-type) {
	margin-left: 20px;
}
.footNav a {
	font-size: 18px;
	color: #fff;
}
.footNav a:hover {
	color: #BF0000;
}
.footBnr a {
	display: inline-block;
	margin: 0 auto 25px;
}
.fTxt img {
	max-height: 38px;
}
.copyRight {
	margin-top: 25px;
	font-size: 14px;
}
.footBnr img {
	max-height: 27px;
}
/*-------------------------------------*/
.ttlBox {
	text-align: center;
	margin-bottom: 50px;
}
.ttlBox .fo-din {
	font-size: 56px;
	margin-bottom: 15px;
}
.ttlBox .fo-din + p {
	color: #4d4d4d;
	letter-spacing: .05em;
	text-indent: .05em;
	font-weight: 600;
}
#topProducts {
	padding: 0;
}
.mainBg {
	background: url("../img/main_bg.jpg") top right no-repeat;
	background-size: cover;
	height: 650px;
	text-align: center;
}
.mainCont {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	text-align: left;
}
.mainTtl {
	max-width: 60%;
	margin: 0;
}
.pageFullCont {
	margin-left: -530px;
	padding-left: 530px;
}
#message {
	padding: 1px 0 350px;
	background: #fff url("../img/message_bg.jpg") right center no-repeat;
	background-size: auto;
	font-size: 115%;
	line-height: 2;
	font-weight: 700;
	margin-left: -530px;
	padding-left: 530px;
}
#message h2 {
	margin-bottom: 30px;
}
.topImg {
	margin: -80px 0 150px;
}
.topImg li {
	width: 24%;
}
#topArea {
	padding: 1px 0 0;
	text-align: center;
}
.topContWrap {
	background: url("../img/cont_bg.jpg") right center no-repeat;
	background-size: cover;
	padding: 60px 15px;
	margin-top: -160px;
	margin-bottom: 60px;
	color: #fff;
}
.topContWrap ul {
	margin-bottom: 0;
}
.topContWrap li {
	margin-right: 20px;
}
.topCont {
	text-align: left;
	font-weight: 600
}
.topCont .txt {
	font-size: 20px;
	margin-bottom: 15px;
}
.topCont h3  {
	font-size: 24px;
}
.topCont .txt big {
	font-size: 150%;
}
.bnrWrap {
	text-align: center;
	padding: 60px 15px;
}
.bnrWrap._bg {
	background: url("../img/bg02.jpg") left  top no-repeat;
	background-size: cover;
}

















#topContents .bnr {
	margin-bottom: 6rem
}
#topContents .bnr .txt {
	margin-top: 1em;
}
.topProduct {
	margin-bottom: 60px;
	justify-content: center;
}
.productBox {
	width: 31%;
	margin: 0 1.1666666% 30px;
}
.productBox figure {
	height: 405px;
	text-align: center;
	position: relative;
	overflow: hidden;
	border-radius: 0;
}
.productBox figure img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.productBox a:hover img {
	opacity: 1;
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}
.productBox dl {
	text-align: left;
	padding: 30px 0 15px;
	font-size: 19px;
	font-weight: 600;
	color: #fff;
}
.productName {
	margin-bottom: 5px;
}
.btn1 a {
	display: block;
	text-align: center;
	background: #c1272d;
	color: #fff;
	font-size: 19px;
	letter-spacing: .1em;
	text-indent: .1em;
	padding: 20px 10px;
	font-weight: 600;
	max-width: 500px;
	margin: 0 auto;
}
.btn1 a:hover {
	background: #333;
	color: #fff;
}
.topBtmBnr {
	text-align: center;
	margin-top: 80px;
}
.topBtmBnr > p {
	margin-bottom: 20px;
}

/*下層ページ----------------------*/
.subPageTtl {
	padding-top: 200px;
	padding-bottom: 60px;
	background: url("../img/main_bg.jpg") center right;
	background-size: cover;
	min-height: 500px;
}
body.bbqPage .subPageTtl {
	background-image: url(../img/subhead_bg.jpg)
}
.subPageTtl h1 {
	color: #fff;
	text-align: left;
	font-size: 38px;
	font-weight: bold;
	border-bottom: none;
	padding: 0;
/*	text-shadow: 1px 1px 8px rgba(0,0,0,.5),-1px -1px 8px rgba(0,0,0,.5),1px -1px 8px rgba(0,0,0,.5),1px 1px 8px rgba(0,0,0,.5);*/
}
.subPageContWrap {
	margin-top: -80px;
}
.subPageWrap {
	background: #fff;
	padding: 70px 7%;
	text-align: left;
}
.subPageArea .contBox {
	width: 90%;
}
.detailArea {
	padding-left: 5%;
	padding-right: 5%;
}
/*privacypolicy*/
.policyTxt {
	margin-bottom: 50px;
}
.policyWrap h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.policyWrap h3 {
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 15px;
}
.policyWrap h3.mb00 {
	margin-bottom: 5px;
}

/*特商*/
.tokushouWrap dt,.tokushouWrap dd {
	width: 70%;
	padding: 20px 30px;
	border-bottom: 1px solid #dadada;
}
.tokushouWrap dt {
	width: 30%;
	background: #e6e6e6;
	border-color: #fff;
}
.tokushouWrap dd:last-of-type {
	border-bottom: none;
}
/*faq*/
.faqWrap h2 {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px;
	padding: 15px 10px 15px 75px;
	background: #000 url("../img/ico01.png") left 15px center no-repeat;
	background-size: auto 38px;
}
.faqWrap h2.ico01 {background-image: url("../img/ico01.png")}
.faqWrap h2.ico02 {background-image: url("../img/ico02.png")}
.faqWrap h2.ico03 {background-image: url("../img/ico03.png")}
.faqWrap h2.ico04 {background-image: url("../img/ico04.png")}
.faqCont {
	margin-bottom: 70px;
}
.faqCont dt,.faqCont dd {
	position: relative;
	padding: 10px 0 10px 70px;
}
.faqCont dt::before,.faqCont dd::before {
	content: "";
	background: #BF0000 url("../img/faq/question.png") center center no-repeat;
	background-size: auto 21px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}
.faqCont dd::before {
	background-color: #999;
	background-image: url("../img/faq/answer.png");
}
.faqCont dt {
	font-size: 20px;
	padding-top: 8px;
	padding-bottom: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.faqCont dd {
	color: #666;
	margin-bottom: 40px;
}
.faqCont:last-of-type,
.faqCont dd:last-of-type {
	margin-bottom: 0;
}
/*guide*/
.guideWrap h2 {
	background: #ddd;
	padding: 12px 20px;
	margin-bottom: 20px;
	font-size: 18px;
}
.guideWrap h3 {
	border-left: 6px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	font-size: 16px;
	padding: 5px 10px;
}
.guideWrap p {
	margin-bottom: 20px;
	padding: 0 0 5px 0;
}
.guideBox {
	padding: 20px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	max-width: 305px;
}
.guideTable {
	width: 100%;
	margin-bottom: 20px;
}
.guideTable th,
.guideTable td {
	border: 1px solid #ddd;
	padding: 20px;
	font-weight: normal;
}
.guideTable td {
	text-align: right;
	width: 25%;
}
.guideWrap p a {
	color: #4b6593;
	text-decoration: underline;
}

.souryouTable table {
	width: 100%;
	font-size: 90%;
}
.souryouTable th,
.souryouTable td {
	padding: 5px 10px;
	border: 1px solid #C8C8C8;
	text-align: center;
}
.souryouTable thead th {
	background: #DCDCDC
}
.souryouTable tbody th {
	background: #f1f1f1;
	width: 50%
}
.souryouTable tbody td {
	width: 25%;
}

.note {
	font-size: 90%;
	margin-top: 10px;
}
.clr-red {
	color: red;
}

/*products------------------*/
#productSerch  {
	margin-left: 30px;
}
#productSerch .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search,
#productSerch .ec-headerSearch .ec-headerSearch__keyword {
	border-radius: 0;
	background: #fff;
}
#productSerch .ec-headerSearch .ec-headerSearch__category .ec-select select {
	color: #000;
}
#productSerch .ec-headerSearch .ec-headerSearch__keyword {
	float: left;
	margin-right: 10px;
	width: auto;
}
#productSerch .ec-headerSearch .ec-headerSearch__category {
	float: right;
	width: auto;
	position: relative;
}
#productSerch .ec-headerSearch .ec-headerSearch__category .ec-select {
	overflow: visible;
}
#productSerch .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
	border-top: 6px solid #000;
}
#productSerch .ec-icon {
	width: 22px;
	height: 22px;
	margin: auto;
}
#productSerch .ec-headerSearch__category .ec-headerSearch__keywordBtn {
	text-align: center;
	top: 0;
	left: 99.9%;
	right: inherit;
	height: 100%;
	width: 32px;
	background: #fff;
	transform: none;
}
#serchResult * {
	color: #fff;
}
#serchResult .ec-searchnavRole {
	padding: 0;
	max-width: 100%;
}
#serchResult .ec-searchnavRole .ec-searchnavRole__infos ,.ec-topicpath{
	max-width: 100%;
/*	text-shadow: 1px 1px 5px rgba(0,0,0,.5),-1px -1px 5px rgba(0,0,0,.5),1px -1px 5px rgba(0,0,0,.5),-1px 1px 5px rgba(0,0,0,.5);*/
}
.productListWrap {
	margin-top: -80px;
}
.listBnr {
	margin-bottom: 60px;
}
.productList .productBox {
	margin-right: 1.25%;
	margin-bottom: 60px;
}
.productList .productBox:nth-of-type(3n) {
	margin-right: 0;
}
/*product_detail*/
.productHeader {
	margin-bottom: 20px;
}
.ec-headingTitle {
	line-height: 1.5;
	font-size: 32px;
	font-weight: 800;
	color: #000;
	margin-bottom: 0;
}
.subTtl {
}
.priceArea {
	margin: 10px 0 0 0;
	text-align: right;
}
.priceArea .ec-price__price {
	font-size: 32px;
	line-height: 1;
	padding: 0 5px 0 0;
}
.priceArea .ec-price .ec-price__tax {
	font-size: 16px;
}
.priceArea .ec-productRole__priceRegular {
	margin-bottom: 5px;
}
.priceArea .ec-productRole__priceRegularTax{
	font-size: 12px;
}
#checkProductArea .contBox,
#osusumeArea .contBox {
	width: 90%;
	max-width: 100%;
	background: #fff;
	padding: 30px 7%;
}
#osusumeArea .contBox {
	padding-bottom: 60px;
}
#osusumeArea .ec-shelfGrid,.productImgs,#productDetaiCont,#checkProductArea .ec-checkProductRole {
	max-width: 1000px;
	margin: 0 auto;
}
#checkProductArea .ec-checkProductRole {
	padding-top: 0;
}
.checkTTl {
	text-align: center;
	margin-bottom: 45px;
	font-size: 20px;
	font-weight: 500;
}
#osusumeArea .ec-shelfGrid__item {
	background: #f8f8f8;
	padding: 40px 30px;
	width: 32%;
	text-align: center;
	margin-right: 1.333333%;
	margin-bottom: 20px;
}
#osusumeArea .ec-shelfGrid__item:nth-of-type(3n) {
	margin-right: 0;
}
#osusumeArea .item_name {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
}
#osusumeArea .osusumeLinkTxt {
	color: #666;
	font-size: 12px;
	margin-top: 10px;
}
#checkProductArea .ec-checkProductRole__listItem {
	text-align: center;
}
#checkProductArea .ec-checkProductRole__listItemTitle {
	margin: 20px 0 10px;
}
.ec-productRole__tags {
	margin-bottom: 15px;
}
.ec-productRole__tags li {
	display: inline-block;
	font-size: 12px;
	color: #c1272d;
	border: 1px solid #c1272d;
	padding: 3px 12px;
	line-height: 1;
	margin: 0 5px 10px 0;
}
.productTxt {
	margin-bottom: 30px;
}
.bikouArea {
	float: left;
	width: 55%;
	font-size: 14px;
}
.bokouTtl {
	font-weight: 700;
	margin-bottom: 10px;
}
.productForm {
	float: right;
	width: 40%;
}
.ec-blockBtn--action {
	background: #BF0000;
	border-color: #BF0000;
}
.contClear {clear: both;}
.productImgs .ec-sliderItemRole .slideThumb {
	width: 19%;
	margin-right: 1.25%;
}
.productImgs .ec-sliderItemRole .slideThumb:nth-of-type(5n) {
	margin-right: 0;
}
.productImgs .ec-sliderItemRole .slideThumb img {
	width: 100%;
}
.backBtn {
	text-align: center;
	font-size: 20px;
	margin-top: 30px;
}

.productImgs .slide-item {
	text-align: center;
}
.productImgs .ec-sliderItemRole {
	padding: 0;
	margin-bottom: 10px;
}
.productImgs .slide-item img {
	width: auto!important;
	max-height: 550px;
}


/*form*/
.formName .ec-halfInput input[type='text'] {
	width: 100%!important;
}
.formTel input#contact_phone_number {
	max-width: 305px;
}
.pankz {
	margin-bottom: 35px;
}
.pankz:not(:last-of-type) {
	display: none!important;
}
.pankz li {
	display: inline-block;
}
.pankz li:not(:last-of-type)::after {
	content: ">";
	display: inline-block;
	margin: 0 2px;
}
.spScroll {
	margin-bottom: 5px;
}
.specTable table {
	width: 100%;
	text-align: left;
	border-top: 1px solid #666;
	line-height: 1.4;
}
.specTable table tr {
	border-bottom: 1px solid #666;
}
.specTable table th,
.specTable table td {
	padding: 5px 10px;
}
.specTable table th {
	white-space: nowrap;
	text-align: left;
	font-weight: 400;
}
.specTable table td {
	border-left: 1px solid #666666;
}
.tblNote {
	text-align: left;
	margin-top: 5px;
	font-size: 85%;
}
.setWrap {
	border: 1px solid #666;
	padding: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 95%;
	margin-top: 20px;
}
.setWrap dt {
	white-space: nowrap;
	margin-right: 15px;
}
.setWrap dt .fo-din {
	font-size: 28px;
	margin-bottom: 5px;
}
.setWrap figure {
	margin-left: 15px;
}
.setWrap._putter figure {
	width: 30%;
	margin-left: 3%;
}
.setWrap figcaption {
	text-align: center;
	margin-top: 2px;
}
.setWrap img {
	max-height: 106px;
}
.shaftArea {
	font-size: 14px;
}
.shaftArea h2{
	background: #ddd;
	padding: 12px 20px;
	margin-bottom: 20px;
	font-size: 115%;
}
.shaftArea h3 {
	border-bottom: 1px solid #4d4d4d;
	padding-bottom: 5px;
	margin: 30px 0 5px;
	font-size: 115%;
	font-weight: 600;
}
.shaftArea .btmtxt {
	text-align: center;
	background: #f1f1f1;
	padding: 10px;
	font-weight: 600;
	margin-top: 30px;
}
.shaftArea .btmtxt strong {
	font-size: 120%;
}
.shaftCont {
	margin-top: 10px;
	padding-right: 5%;
}
.shaftCont ul {
	width: 64%;
	text-align: center;
	margin-bottom: 0;
}
.shaftCont li {
	width: 32%;
	border-bottom: 4px solid #f1f1f1;
	padding-bottom: 5px;
}
.shaftCont li.current {
	font-weight: 600;
	border-color: #BF0000;
}
.recom {
	font-size: 95%;
	width: 33%;
	background: #f1f1f1;
	display: block;
	padding: 5px;
	font-weight: 500;
	text-align: center;
}
.recom big {
	dominant-baseline: 110%;
	font-weight: bold;
}
.optionImg {
	margin-top: 40px;
}
.optionImg h2{
	font-weight: 700;
	background: #ddd;
	padding: 12px 20px;
	margin: 0 0 20px;
	font-size: 115%;
}
.optionImg li {
	margin-top: 10px;
}

.specCont {
	font-size: 90%;
	margin-top: 30px;
	border-left: 1px solid #C8C8C8;
	border-top: 1px solid #C8C8C8;
}
.specCont dt,.specCont dd {
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	padding: 15px 20px;
}
.specCont dt {
	width: 25%;
	text-align: center;
	white-space: nowrap;
	background: #DCDCDC;
}
.specCont dd {
	width: 75%;
}

/*ieハック*/
@media screen\0  {
}

/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
@media screen and (max-width: 1860px) {
/*
	.mainBg {height: 36vw}
	.topBnr {margin-top: -13vw;}
*/
	.productBox figure {height: 19.8vw;}
}
@media screen and (max-width: 1480px) {
	body {
		padding-left: 380px;
	}
	#header {
		left: 30px;
		width: 350px;
	}
	.mainBg {
/*		height: 44vw;*/
	}
	.pageFullCont {
		margin-left: -380px;
		padding-left: 380px;
	}
	
	#memberNav a,#memberNav .cart_btn a {
		padding: 25px 30px;
		font-size: 16px;
	}
}
@media screen and (max-width: 1020px) {
	body {
		padding-left: 0;
	}
	.pageFullCont {
		padding-left: 0;
		margin-left: 0;
	}
	#memberNav {
		position: static;
	}
	#header {
		bottom: inherit;
		height: auto;
		right: 0;
		left: 0;
		width: 100%;
		padding: 50px 15px 15px;
	}
	.headerWrap {
		display: flex;
		align-items: center;
	}
	.hLogo {
		margin: 0 0 0 0;
	}
	.hLogo + .txt {
		margin: 0 40px 0 20px
	}
	.hLogo img {
		max-height: 36px;
	}
	.hLogo + .txt img {
    max-height: 40px;
	} 
	.menuIcon {
		position: fixed;
		top: 14px;
		right: 10px;
		width: 30px;
		height: 22px;
		z-index: 99999;
		cursor: pointer;
		display: block;
	}
	.menuIcon span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: #fff;
		z-index: 10;
		transition: .2s;
	}
	.menuIcon span:nth-of-type(1) {top: 0px;}
	.menuIcon span:nth-of-type(2) {top: 10px;	}
	.menuIcon span:nth-of-type(3) {bottom: 0px;	}
	.menuIcon.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.menuIcon.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menuIcon.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
	#memberNav a,#memberNav .cart_btn a {
		font-size: 1.5vw;
		padding: 12px 15px;
	}
	#memberNav a::before {
		width: 18px;
		height: 24px;
		margin-right: 6px;
	}
	#memberNav .login_btn a::before {
		width: 25px;
		height: 21px;
	}
	#memberNav .cart_btn a::before {
		width: 20px;
		height: 21px;
	}
	.cart_btn .ec-cartNavi__badge {
		font-size: 12px;
		padding-top: 3px;
		width: 22px;
		height: 18px;
	}
	.nav li {

		padding-bottom: 5px;
	}
	.nav .navProduct {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	#nav .ec-categoryNaviRole {
		display: block;
	}
	#nav .ec-categoryNaviRole li {
		border-bottom: none;
	}
	#nav .ec-itemNav__nav li a {
		background: none;
	}
	#nav .ec-itemNav__nav li ul li {
		height: auto;
		padding: 0;
	}

	/*-------------------------------*/
	.mainBg {
		padding: 15vw 0 10vw;
		height: auto;
	}
	.ttlBox {
		margin-bottom: 20px;
	}
	.ttlBox .fo-din {
    font-size: 42px;
    margin-bottom: 10px;
	}
	.topBnr li {
		margin-bottom: 15px
	}
	.productBox figure {
		height: 30.4vw;
	}
	.mainTtl {
		width: 100%!important;
		max-width: 60%
	}
	.mainTtl img {
	}
	body::after {
		opacity: 0;
		visibility: hidden;
		transition: .2s;
    content: "";
		background: rgba(0,0,0,.7);
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	}
	body.active::after {
		opacity: 1;
		visibility: visible;
		transition: .2s;
	}
	.topBtmBnr {
		margin-top: 50px;
	}
	.topBtmBnr > p {
		text-align: left;
		margin-bottom: 5px;
		font-size: 90%;
	}
	/*下層--------------------*/
	.subPageTtl {
		padding-top: 220px;
		padding-bottom: 180px;
	}
	.subPageContWrap {

	}

}
@media screen and (max-width: 1020px) and (min-width: 640px) {
	#nav .nav {
		position: fixed;
    top: 117px;
    left: 0;
    z-index: 10;
    width: 85%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: block;
    padding: 65px 8% 50px;
		transform: translateX(-40px);
	}
	#nav.active .nav{
		display: block;
		right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    z-index: 9990;
    background: #f6f6f6;
	}
	.nav .navProduct {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	#nav .ec-categoryNaviRole {
		display: block;
	}
	.ec-itemNav__nav li ul {
		display: block;
	}
	#nav .ec-categoryNaviRole li {
		border-bottom: none;
	}
	#nav .ec-itemNav__nav li a {
		background: none;
	}
	
}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (min-width: 640px) {
	#nav .ec-itemNav__nav li ul li {
		height: auto;
	}
	#nav .ec-itemNav__nav li ul li a {
		border-bottom: none;
	}
}
@media screen and (max-width: 640px) {
/*全体レイアウト
------------------------------------------------*/
	.ec-pageHeader {
		padding-top: 45px;
	}
	body {
		font-size: 12px;
		padding-top: 55px;
		padding-left: 0;
		min-width: 340px;
	}
	body.active {
		overflow: hidden;
	}
	article > section {
		padding: 40px 0;
	}
	.contBox {
		width: 90%;
	}
	.ec-blockTopBtn {
		width: 30px;
		height: 30px;
		right: 10px;
		bottom: 10px;
	}
	.ec-blockTopBtn::after {
		border-width: 0 6px 9px 6px;
		top: 10px;
	}
	#nav .ec-itemNav__nav li ul li a {
		color: #000
	}
	/*header-------------------------------------*/
	#header {
		padding: 10px 10px;
	}
	.hLogo img {
		display: block;
		height: 35px;
	}
	.hLogo + .txt img {
		max-height: 35px;
	}
	.menuIcon  {
		top: 15px;
	}
	#nav {
		font-size: 14px;
		position: fixed;
    top: 55px;
    left: 0;
    z-index: 10;
    width: 85%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 50px;
		transform: translateX(-40px);
	}
	#nav.active {
		display: block;
		right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    z-index: 9990;
    background: #f6f6f6;
	}
	#memberNav {
		text-align: left;
	}
	#memberNav .member_link {
		display: block;
	}
	#memberNav li {

	}
	.nav {
		padding: 0 15px;
	}
	.nav li {
		margin-bottom: 0!important;
		padding-bottom: 0;
	}
	.nav li a {
		color: #000;
		padding: 10px 0;
		display: block;
	}
	.nav .childNav li {
		border-bottom: none;
	}
	.nav .childNav a,#nav .ec-itemNav__nav a {
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
	}
	.nav li a small {
		font-size: 100%;
	}
	#memberNav a {
		justify-content: flex-start;
	}
	#memberNav a::before {
		width: 22px;
		height: 21px;
		margin-right: 6px;
		background-position: center center;
	}
	#memberNav .login_btn a::before {
		width: 22px;
		height: 18px;
	}
	#memberNav .cart_btn a::before {
		width: 22px;
		height: 18px;
	}
	#memberNav a, #memberNav .cart_btn a {
		padding: 12px 20px;
		font-size: 14px;
	}
	#nav .ec-itemNav__nav li a {
		font-size: 14px;
	}
	#nav .ec-itemNav__nav li ul {
		display: block;
	}
	#nav .ec-itemNav__nav li ul li a {
		padding: 5px 0;
	}
	#footer {
		padding: 30px 0 35px;
		margin-top: 50px;
	}
	#footer .footNav {
		display: none;
	}
	.footBnr a {
		margin-bottom: 30px;
	}
	.footBnr img {
		max-height: 40px;
	}
	.copyRight {
		font-size: 10px;
	}
	/*---------------------------------*/
	.pageFullCont {
		margin-left: 0;
		padding-left: 0;
	}
	.mainBg {
		background-position: right 13% center;
		padding: 0 0 5vw
	}
	.topImg {
		margin: -5vw 0 20vw;
	}
	.topImg li {
		width: 48%;
		margin-bottom: 10px;
	}
	#message {
		padding-bottom: 60px;
		margin-left: 0;
		padding-left: 0;
		background-size: 100% auto;
    background-position: top 40vw right;
	}
	.topContWrap {
		margin: -20px auto 40px;
		display: block;
		padding: 40px 15px;
	}
	.topContWrap li {
		margin: 5px;
	}
	.topCont {
		font-size: 14px;
		padding-top: 10px;
	}
	.topCont h3 {
		margin-top: 5px;
		font-size: 20px;
	}
	.bnrWrap {
	padding: 40px 5%;
	}
	.fLogo img {
		max-height: 80px
	}
	.fTxt {
		margin: 20px 0 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	.topProduct {
		margin-bottom: 30px;
		flex-wrap: wrap;
	}
	.topProduct {
		justify-content: flex-start;
	}
	.productBox {
		width: 48%;
		margin: 0 1% 30px;
	}
	.productBox dl {
		font-size: 14px;
		padding: 15px 0;
	}
	.productBox figure {
		height: 43.2vw;
		border-radius: 0;
	}
	.productName {
		margin-bottom: 10px;
		line-height: 1.4;
	}
	.btn1 a {
		font-size: 16px;
		padding: 15px;
	}
	#topProducts {
		padding-bottom: 0;
	}
	.topBtmTxt {
		padding: 30px 0 0;
	}
	.topBtmTxt p {
		font-size: 12px;
	}
	/*下層----------------------*/
	.mb60 {
		height: 1rem
	}
	.ttlBox h2 img {
		max-height: 24px;
	}
	.subPageTtl {
		background-position: left 65% center;
		padding-top: 45px;
		padding-bottom: 80px;
		height: auto;
		min-height:inherit
	}
	.subPageTtl h1 {
		font-size: 21px;
		text-align: center;
	}
	.subPageContWrap {
		margin-top: -30px;
	}
	.subPageWrap {
		padding: 30px 5%;
	}
	/*privacypolicy*/
	.policyTxt {
		margin-bottom: 25px;
	}
	.policyWrap h2 {
		font-size: 16px;
	}
	/*特商*/
	.tokushouWrap dl {
		display: block
	}
	.tokushouWrap dt,
	.tokushouWrap dd {
		width: 100%;
		padding: 12px 10px;
		border-bottom: none;
	}
	/*faq*/
	.faqWrap h2 {
		font-size: 16px;
		padding: 12px 10px 12px 45px;
		background-size: auto 22px;
		background-position: left 10px center;
	}
	.faqCont dt::before, .faqCont dd::before {
		background-size: auto 15px;
		width: 26px;
		height: 26px;
	}
	.faqCont dt, .faqCont dd {
		padding: 0 0 0 35px;
	}
	.faqCont dt {
		font-size: 14px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.faqCont {
		margin-bottom: 50px;
	}
	.faqCont dd {
		margin-bottom: 30px;
		min-height: 26px;
	}
	
	/*guide*/
	.guideWrap h2 {
		margin: 0 0 15px;
		font-size: 15px;
	}
	.guideWrap p {
		margin-bottom: 8px;
	}
	.guideWrap h3 {
		font-size: 14px;
	}
	.guideTable th, .guideTable td {
		padding: 12px;
	}
	.guideTable td {
		width: auto;
	}
	.souryouTable th {
		width: 25%;
	}
	.souryouTable td {
		width: 50%;
	}
	.souryouTable td:last-of-type {
		width: 25%;
	}
	/*products*/
	.productSerch {
		display: block!important;
	}
	#productSerch {
		margin: 15px 0 0 0;
	}
	#productSerch .ec-headerSearch .ec-headerSearch__keyword,#productSerch .ec-headerSearch .ec-headerSearch__category {
		float: none;
	}
	#productSerch .ec-headerSearch .ec-headerSearch__keyword {
		margin: 0 auto 10px;
		max-width: 252px;
	}
	#productSerch .ec-headerSearch .ec-headerSearch__category {
		width: 90%;
		max-width: 220px;
		margin: 0 auto;
		transform: translateX(-16px);
	}
	#productSerch .ec-headerSearch .ec-headerSearch__keyword input[type="search"],
	#productSerch .ec-headerSearch .ec-headerSearch__category .ec-select select{
		font-size: 14px;
	}
	#serchResult {
		margin-top: 15px;
	}
	.productListWrap {
		margin-top: -30px;
	}
	.productList .productBox {
		margin:0 1% 30px
	}
	.productHeader,.ec-productRole__title {
		display: block!important;
	}
	.listBnr {
		margin-bottom: 40px;
	}
	.ec-headingTitle {
		font-size: 18px;
	}
	.subTtl {
		margin: 5px 0 10px;
	}
	.priceArea .ec-price__price {
		font-size: 22px;
	}
	.priceArea {
		margin: 0;
	}
	.bikouArea {
		margin-bottom: 25px;
	}
	.bikouArea dl {
		width: 100%;
		margin-right: 0;
	}
	.bikouArea dd {
		padding-left: 15px;
	}
	.bikouArea dt {
		max-width: none;
	}
	.bikouArea,.productForm {
		float: none;
		width: 100%;
	}
	#productDetaiCont .ec-productRole__btn {
		margin-top: 15px;
	}
	.checkTTl {
		font-size: 16px;
		margin-bottom: 30px;
	}
	#checkProductArea .contBox, #osusumeArea .contBox {
		padding: 30px 5%;
	}
	#osusumeArea .contBox {
		padding: 0 5% 40px
	}
	.priceArea .ec-price .ec-price__tax {
		font-size: 12px;
	}
	.priceArea .ec-productRole__priceRegularTax {
		font-size: 10px;
	}
	#checkProductArea .ec-checkProductItemRole__list {
		flex-wrap: wrap;
	}
	#checkProductArea .ec-checkProductRole__listItem,
	#osusumeArea .ec-shelfGrid__item,#osusumeArea .ec-shelfGrid__item:nth-of-type(3n) {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 25px;
	}
	#osusumeArea .ec-shelfGrid__item:nth-of-type(even),
	#checkProductArea .ec-checkProductRole__listItem:nth-of-type(even) {
		margin-right: 0;
	}
	#osusumeArea .ec-shelfGrid__item {
		padding: 15px 10px;
	}
	#checkProductArea .ec-checkProductRole__listItemTitle {
		font-size: 10px;
		margin: 8px 0;
	}
	#osusumeArea .item_name {
		font-size: 10px;
		margin: 8px 0 0;
	}
	#checkProductArea .ec-checkProductRole {
		padding-bottom: 0;
	}
	.backBtn {
		font-size: 16px;
		margin-top: 15px;
	}
	.productImgs .slide-item img {
    max-height: 240px;
	}
	
	.specTable {
		overflow-x: auto;
	}
	.specTable table th,.specTable table td {
		font-size: 14px;
	}
	.specTable table {
		width: 420px;
	}
	.setWrap {
		display: block;
	}
	.setWrap dt {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.setWrap dt .fo-din {
		font-size: 28px;
		margin: 0 10px 0 0;
	}
	.setWrap dd {
		justify-content: center;
	}
	.setWrap figure {
		margin: 0 10px;
	}
	.setWrap._putter figure {
		margin: 0 1.5%;
	}
	.shaftArea h2,.shaftArea h3 {
		font-size: 105%;
	}
	.shaftCont {
		padding-right: 0;
	}
	.shaftArea .btmtxt {
		text-align: left;
	}
	
	.ec-sliderItemRole {
		padding-right: 0;
	}
	.ec-productRole__title {
		font-size: 14px;
	}
	#productDetaiCont .ec-productRole__profile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.productHeader {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}
	.productTxt {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.bikouArea {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
		margin: 30px 0 0;
	}
	.productForm {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.specCont dt, .specCont dd {
		padding: 10px;
		width: 65%;
	}
	.specCont dt {
		width: 35%
	}
	.proBnr li {
		margin-top: 15px;
	}
}