/* !Base
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
*{ margin: 0; padding: 0;}
#wrapper label
{ cursor: pointer;}
#wrapper table{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;}
#wrapper ol,
#wrapper ul
{ list-style: none;}

#wrapper img {
	max-width: 100%;
	vertical-align: top;
}



html {
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	line-height: 1.5;
	letter-spacing: 0.025em;
	font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.4rem;
	-webkit-text-size-adjust: none;
	color: #222629;
}
@media screen and (max-width: 640px) {
	body {font-size: 1.2rem;}
}
/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
}
.clearfix:after {
	clear: both;
	content:"";
	display: block;
	visibility: hidden;
}

a {
	color: #222629;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

a:hover {
	color: #222629;
	text-decoration: none;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

.op img,
.op input {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.op:hover img,
.op:hover input {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}


/*========================================
Layout.css
=========================================*/
#wrapper {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	background:#fff;
}

/* !header
---------------------------------------------------------- */
#header {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
	padding:0 35px;
	z-index: 9;
}
h1#headerLogo {
	font-size: inherit;
	padding: 0;
	margin-right:30px;
}
#headerLogo img{
	height:70px;
}
#header .serLink{
	margin-left: auto;
}
#header .serLink > a:first-child { display: none; }
.serLink .btnMenu{
	background-color:#757575;
	background-image:url(../img/common/ico_menu.png);
}
.serLink .cart{
	background-color:#e67870;
	background-image:url(../img/common/ico_cart.png);
}
.serLink .cart .num{
	position:absolute;
	right:-7px;
	top:-6px;
	width:23px;
	height: 23px;
	line-height: 19px;
	background:#fff;
	border-radius:50px;
	border:2px solid #e67870;
	color:#e67870;
	font-size:1.1rem;
}

#header .gNavi{
	overflow: hidden;
	display: flex;
	align-items: center;
}
.gNavi .inner {
	display: flex;
	justify-content: space-between;
}
.gNavi ul{float:left;margin-bottom: 0;}
.gNavi li{
	float:left;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	padding: 10px 10px 0;
	text-align: center;
}
.gNavi > ul > li {
	padding: 34px 10px;
}
.gNavi li.gNavi_sub_button {
	cursor: pointer;
	font-size: 0.9rem;
	color: #121212BF;
}
.gNavi li.gNavi_sub_button.active .gNavi_sub {
	display: block !important;
}
.gNavi ul li .gNavi_sub {
	overflow: auto;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	background: #FFF;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
	margin: 0 calc(50% - 50vw);
}
.gNavi ul li ul {
	float: none;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 2.4rem;
}
.gNavi ul li ul li {
	padding-top: 0;
}
nav li a{
	display:block;
	font-size:0.9rem;
	color: #121212BF;
}
nav li ul li a {
	font-size: 1.1rem;
}
nav li span{
	display: block;
	font-size:1.2rem;
	font-weight: lighter;
	opacity: 0.85;
}
nav li span.line {
	flex-grow: 1;
	width: 100%;
	height: 1px;
	border: solid 1px transparent;
	margin-top: 2px;
}
nav li:hover span.line {
	border: solid 1px #121212BF;
}

#header .serLink .function{
	display: flex;
	align-items: center;
}
#header .serLink .function a{
	display:block;
	width: 20px;
	height: 20px;
	min-width: 62px;
	font-size:0.9rem;
	text-align: center;
}
#header .serLink .function a:last-child {
	display:block;
	position: relative;
	width:40px;
	height:40px;
}
#header .serLink .function a svg {
	max-width: 100%;
	height: 100%;
}

.bgNavi{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.3);
}
.menuNavi { display: none; }


article .gNavi li{padding:0 16px;}
article .gNavi a{color:#fff;}
article .function .heart{background-image:url(../img/common/ico_heart_gray.png);}
article .function .user{background-image:url(../img/common/ico_user_gray.png);}

.spNavi{
	display:none;
}

/*** sp ***/
@media screen and (max-width: 1280px) {
	#header .gNavi {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 989px) {
	#header {
		width: 100%;
		padding:0 20px;
		box-sizing: border-box;
	}
	#header .gNavi { display: none; }
	#header .serLink.pt {
		display: block !important;
	}
	#header .serLink .function a {
		min-width: 32px;
	}
	#headerLogo, #page_homepage #headerLogo{
		margin: 0;
		padding: 0;
	}
	#headerLogo img,
	#page_homepage #headerLogo img{ height:60px; }
	.bgNavi{height:calc(100vh - 120px);}
	.gNavi .function { display: none; }
	#page_homepage #header {
		justify-content: space-between;
	}

	/*展開後メニュー*/
.menuNavi{
	position:fixed;
	right:0;
	top:0;
	z-index: 999;
		transform: translateX(-100%);
	transition: all 0.5s;
	padding:70px 60px;
	width:380px;
	height:100vh;
	background:#fff;
}
.menuNavi { display: block; }
.menuNavi.on{transform: translateX(0%);}
.menuNavi .btnMenu{
	position: absolute;
		left:0;
	top:0;
	cursor:pointer;
	width:90px;
	height:70px;
	background:url(../img/common/ico_menu_close.png) no-repeat center;
}
.menuNavi li{
	padding:12px 0;
	line-height:1.2;
}
.menuNavi .function a{
	padding: 30px 20px;
}
	.menuNavi{
		overflow-y: scroll;
		padding: 0 20px 100px;
		width:100%;
	}
	.menuNavi .btnMenu{background-image:url(../img/common/ico_spnav01_close.png);}
	.menuNavi .function{display:none;}
	.menuNavi .productSearch {
		padding-top: 0;
	}
	.menuNavi .logo{
		margin-bottom:40px;
		text-align: center;
	}
	.menuNavi .logo img{height:60px;}
	.menuNavi ul{
		margin-top:30px;
	}
	.menuNavi ul li span {
		font-size: 1.6rem;
	}
	/*展開前メニュー*/
	.spNavi{
		display:block;
		margin-right: auto;
	}
	.spNavi .col05 {
		margin-bottom: 0;
	}
	.spNavi .col05 li {
		float: none;
		width: auto;
	}
	.spNavi li a{
		display:block;
		width: 20px;
		margin: 0;
		padding: 0;
	}
	/*下層ありメニュー*/
	.menuNavi li.gNavi_sub_button_sp {
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		color: #121212BF;
	}
	.menuNavi li.gNavi_sub_button_sp span.icon {
		width: 20px;
		transition: all 0.5s;
	}
	.menuNavi li.gNavi_sub_button_sp.active span.icon {
		transform: rotate(90deg);
	}
	.menuNavi li.gNavi_sub_button_sp div {
		flex-grow: 1;
		width: 100%;
	}
	.menuNavi li.gNavi_sub_button_sp div ul {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	nav.menuNavi li ul li a {
		font-size:1.4rem;
		opacity: 0.85;
	}
	.menuNavi li.gNavi_sub_button_sp.active .gNavi_sub_sp {
		display: block !important;
		height: auto !important;
	}
}
@media screen and (max-width: 749px) {
	#header .serLink .function a:first-child {
		
	}
	#header .serLink .function a:nth-child(2) {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	#header {padding:0 15px;}

	.bgNavi{height:calc(100vh - 65px);}
	.menuNavi .logo{
		margin-bottom:20px;
	}
	.menuNavi .btnMenu{
		width: 60px;
		height:60px;
		background-size:auto 20px;
	}
	.menuNavi ul{ margin-top:20px; }
	.menuNavi li{padding:10px 0;}
}

/* !toppage .top_band
---------------------------------------------------------- */
#page_homepage .top_band {
	background: #000;
	color: #fff;
	text-align: center;
	height: 50px;
	padding: 15px 10px 0 10px;
}
/*** sp ***/
@media screen and (max-width: 780px) {
	#page_homepage .top_band {
		height: auto;
		padding: 10px;
	}
	#page_homepage .top_band span {
		display: block;
	}
}

/* !mainVisual
---------------------------------------------------------- */
#mainVisual {
	position: relative;
}
#mainVisual .top_logo {
	position: absolute;
	
}

.mainVisual_Text {
	position: absolute;
	top: 50%;
  left: 50%;
  color: #FFF;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
	z-index: 2;
	text-align: center;
}
.mainVisual_Text h2 {
	font-size: 4rem;
	letter-spacing: 2px;
}
.mainVisual_Text p {
	margin-top: 1rem;
}
.mainVisual_Text .banner__buttons {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}
.mainVisual_Text .banner__buttons a {
	display: block;
	min-width: 220px;
	color: #FFF;
	border: solid 1px #FFF;
	margin: 0 10px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}
.mainVisual_Text .banner__buttons a:hover {
	opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
	box-shadow: 0 0 2px #FFF;
}

#mainVisual video {
	display: block;
}
.mainSlider .item{
	position: relative;
	background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mainSlider .item:after {
	content: "";
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0.4;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.mainSlider .slick-prev,
.mainSlider .slick-next{
	width:19px;
	height:35px;
}
.mainSlider .slick-prev{
	left:35px;
	background:url(../img/common/mainslider_prev.png);
}
.mainSlider .slick-next{
	right:35px;
	background:url(../img/common/mainslider_next.png);
}
/*画像直接表示用*/
.mainSlider.slick_useimg .item {
	height: auto !important;
}
.mainSlider.slick_useimg .item img {
	width: 100%;
}
.mainSlider.slick_useimg .item img.for_sp {
	display: none;
}
.mainSlider.slick_useimg .item:nth-child(n+2) img.for_pc {
	display: none;
}
.mainSlider.slick_useimg.slick-initialized .item:nth-child(n+2) img.for_pc {
	display: block;
}

/*** sp ***/
@media screen and (max-width: 1280px) {
	.mainSlider .item{
		height:600px;
	}
}
@media screen and (max-width: 959px) {
	.mainSlider .item{
		height:480px;
	}
	.mainVisual_Text {

	}
}
@media screen and (max-width: 780px) {
	.mainSlider .item{
		/*height:750px;*/
		background-position:90% center;
	}
	/*画像直接表示用*/
	.mainSlider.slick_useimg .item img.for_pc {
		display: none !important;
	}
	.mainSlider.slick_useimg .item img.for_sp {
		display: block;
	}
	.mainSlider.slick_useimg .item:nth-child(n+2) img.for_sp {
		display: none;
	}
	.mainSlider.slick_useimg.slick-initialized .item:nth-child(n+2) img.for_sp {
		display: block;
	}
	.mainVisual_Text .banner__buttons {
		flex-wrap: wrap;
	}
	.mainVisual_Text .banner__buttons a {
		margin: 5px 0;
	}
}
@media screen and (max-width: 640px) {
	.mainSlider .item{
		height:380px;
	}
	.mainSlider .item.slick-slide img {
		object-fit: cover;
		width: 100%;
		height: 380px;
	}
	.mainVisual_Text h2 {
		font-size: 2rem;
	}
	.mainVisual_Text .banner__buttons {
		margin-top: 1rem;
	}
	.mainVisual_Text .banner__buttons a {
		padding: 8px;
	}
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	padding:20px 0;
	letter-spacing: 0.2em;
	font-size:1.2rem;
}
#breadcrumb a{margin-right:5px;}
#breadcrumb a + a,
#breadcrumb span{
	margin:0 5px;
}
#breadcrumb a:hover{text-decoration:underline;}
@media screen and (max-width: 640px) {
	#breadcrumb {padding:10px 0;}
}

/* !footer
---------------------------------------------------------- */
#footer{text-align: center;}
.footlogo{ margin-bottom:50px;}
.footlogo img{height:60px;}
.footerLink{
	margin-bottom:45px;
	font-size:0;
}
.footerLink .level1{
	margin-bottom:25px;
	font-size:1.5rem;
}
.footerLink .level1 a{margin:0 25px;}
.footerLink .level2{
	margin-bottom:35px;
	font-size:1.1rem;
}
.footerLink .level2 a{margin:0 20px;}
#footer .sns a{
	display:inline-block;
	vertical-align: middle;
	margin:0 20px;
}
#copyright{
	font-size:1.1rem;
}
/*** sp ***/
@media screen and (max-width: 1200px) {
	.footerLink .level1 a{margin:0 15px;}
}
@media screen and (max-width: 780px) {
	.footerLink .level2 a{
		display:inline-block;
		margin:0 15px;
	}
}
@media screen and (max-width: 640px) {
	.footlogo{ margin-bottom:25px;}
	.footlogo img{height:40px;}
	.footerLink{margin-bottom:25px;}
	.footerLink .level2 a{
		margin:5px 10px;
		font-size:0.9rem;
	}
}

/*========================================================
common.css
=========================================================*/
.inner{
	padding:0 30px;
	margin:auto;
	max-width:1360px;
}
.sns_in{
	margin-bottom: 50px;
}

.hdL {

}

.hdM {
	margin-bottom:35px;
	letter-spacing: 0.2em;
	font-size:1rem;
}
.hdM .eng{
	display:block;
	letter-spacing: 0.05em;
	font-size:3.6rem;
}
.hdS {
	margin-bottom:45px;
	font-size:2rem;
}

/*** スマホ sp ***/
@media screen and (max-width: 780px) {
	.inner{padding:0 20px;}
	.sns_in{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 640px) {
	.inner{padding:0 15px;}
	.hdM {
		margin-bottom:25px;
		font-size:0.8rem;
	}
	.hdM .eng{
		font-size:2.2rem;
	}
	.hdS {
		margin-bottom:25px;
		font-size:1.4rem;
	}
}

.pc {
	display: block;
}
.pt {
	display: block;
}
.ts {
	display: none;
}
.sp {
	display: none;
}
@media screen and (max-width: 959px) {
	.pc {
		display: none;
	}
	.pt {
		display: block;
	}
	.ts {
		display: block;
	}
	.sp {
		display: none;
	}
}
@media screen and (max-width: 780px) {
	.pc {
		display: none;
	}
	.pt {
		display: none;
	}
	.ts {
		display: block;
	}
	.sp {
		display: block;
	}
}

/* !common structure
---------------------------------------------------------- */
.eng{
	font-family: 'Roboto', sans-serif;
}

.imgBox{
	width: 100%;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.imgBox img{
	width: 100%;
}

.bgLightGray{background-color:#f4f4f3;}
.bgBlack{
	background-color:#333333;
	color:#fff;
}
.bgBlack a{color:#fff;}
.bgPink{background-color:#e67870;}
.bgBlue{background-color:#5f96b2;}

.colorRed{color:#d34e45;}

.col02 li{
	float:left;
	width: 50%;
}
.col05 li{
	float:left;
	width: 20%;
}
.col06 li{
	float:left;
	width: 16.66%;
}

.endToLink{
	margin-top:20px;
	text-align:right;
	font-size:1.2rem;
}
.endToLink a{
	display: inline-block;
	margin:0;
	width:auto !important;
}
.endToLink a + a {
	margin-left: 20px;
}
.endToLink a:hover{text-decoration: underline;}

.pt60{padding-top:60px;}
.pt50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb40{padding-bottom:40px;}

@media screen and (max-width: 640px) {

	.pt60{padding-top:30px;}
	.pt50{padding-bottom:25px;}
	.pb60{padding-bottom:30px;}
	.pb40{padding-bottom:20px;}

	.endToLink a:after{
		content:">";
		margin-left:10px;
	}
}


/*========================================================
page.css
=========================================================*/

/* !top
-------------------------------------------- */
.productList li .price::after {
	content: "" !important;
}
.productList.special{padding:40px 0;}
.productList.pb60 {
	clear: both;
}
.productList ul{
	list-style: none;
	margin-left:-30px;
}
.productList li{
	margin-bottom:35px;
	padding-left:30px;
}
.productList li a{
	display:block;
	position: relative;
}
.productList li .step{
	display:block;
	position: absolute;
	left:10px;
	top:10px;
	width:34px;
	height:34px;
	line-height:34px;
	background:#626568;
	border-radius:50px;
	text-align: center;
	color:#fff;
}
.productList li .new{
	position:absolute;
	left:0;
	top:0;
}
.productList li .img{margin-bottom:16px;}
.productList li .txt{
	line-height: 1.71;
}
.productList li .name{
	margin-bottom:5px;
	min-height:50px;
	line-height: 1.6;
	font-size:1.5rem;
	font-weight:bold;
}
.productList li .price{
	font-size:1.8rem;
}
.productList li .price:after{
	content:"税抜";
	margin-left:10px;
	color:#97999b;
	font-size:1.1rem;
}
.productList li .price span {
	display: block;
	font-size: 1.2rem;
	color: #969696;
}
.productList ul.sliderList{
	padding-bottom: 20px;
	margin:0;
}
.productList .sliderList li{
	padding:0 15px;
}
.sliderList .slick-prev,
.sliderList .slick-next{
	top:40%;
}
.productList .slick-prev{
	left:-55px;
}
.productList .slick-next{
	right:-55px;
}
.productList .slick-dots{
	margin-left:0;
	bottom:0;
}
.productList .slick-dots li,
.productDisplay .slick-dots li{
	padding:0 !important;
	margin:0 5px;
	width: 10px;
    height: 10px;
	background:#f4f4f3;
}
.productList .slick-dots li.slick-active,
.productDisplay .slick-dots li.slick-active{
	background:#232527;
}

.shoppingGuide{
	padding:40px 0;
	background:#f4f4f3;
	text-align: center;
	font-size:0;
}
.shoppingGuide .plan a{
	display:inline-block;
	margin:0 30px;
}

.category ul{
	float:left;
	width:48%;
	border-top:1px solid #d9d9d9;
}
.category ul:nth-of-type(even){float:right;}
.category li .cate{
	cursor: pointer;
	padding:20px 50px 20px 20px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 5px center;
	border-bottom:1px solid #d9d9d9;
}
/*
.ico_cate01{background-image:url(../img/common/ico_cate01.jpg);}
.ico_cate02{background-image:url(../img/common/ico_cate02.jpg);}
.ico_cate03{background-image:url(../img/common/ico_cate03.jpg);}
.ico_cate04{background-image:url(../img/common/ico_cate04.jpg);}
.ico_cate05{background-image:url(../img/common/ico_cate05.jpg);}
.ico_cate06{background-image:url(../img/common/ico_cate06.jpg);}
.ico_cate07{background-image:url(../img/common/ico_cate07.jpg);}
.ico_cate08{background-image:url(../img/common/ico_cate08.jpg);}
.ico_cate09{background-image:url(../img/common/ico_cate09.jpg);}
.ico_cate010{background-image:url(../img/common/ico_cate10.jpg);}
*/
.category li .toggleBtn:after{
	content:"";
	position: absolute;
	right:20px;
	top:calc(50% - 6px);
	width:12px;
	height:12px;
	background:url(../img/common/ico_plus.png);
}
.category li .toggleBtn.open:after{
	background:url(../img/common/ico_minus.png);
}
.category li .info{
	display: none;
	padding:20px;
	line-height:2.85;
	border-bottom:1px solid #d9d9d9;
}

.productSearch{
	clear: both;
	padding-top: 30px;
	text-align: center;
}
.productSearch .search{
	margin:0 auto 20px;
	width:100%;
	max-width:500px;
	height:56px;
	background:#f4f4f3;
	border-radius:3px;
}

.productSearch .search input[type=text]{
	float:left;
	padding:0 20px;
	width:88%;
	height:100%;
	background:transparent;
	border:0;
	color:#222629;
	font-size:1.5rem;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
}
.productSearch .search input[type=submit]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
	float:right;
	padding:0;
	width:12%;
	height:100%;
	background:url(../img/common/ico_circle_sea.png) no-repeat center;
	border:0;
}
.productSearch .search input::-webkit-input-placeholder{
	color:#999;
}
.productSearch .search input::-moz-placeholder{
	color:#999;
}
.productSearch .search input:-moz-placeholder{
	color:#999;
}
.productSearch .search input:-ms-input-placeholder{
	color:#999;
}
.productSearch .keyword{
	display: none;
}
.productSearch .keyword span,
.productSearch .keyword a{
	display:inline-block;
	vertical-align: middle;
	margin:5px;
	padding:0 12px;
	line-height: 30px;
	font-size:1.3rem;
}
.productSearch .keyword a{
	background:#b2babc;
	border-radius:3px;
	color:#fff;
}

.pickUp ul{margin-left:-30px;}
.pickUp li{
	padding-left:30px;
}
.pickUp li .item{
	display:block;
	margin-bottom:-1px;
	padding:30px 0;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.pickUp li .item:after{
	content:"";
	display:block;
	clear: both;
}
.pickUp li .img{
	float:left;
	margin-right:40px;
	width:auto;
}
.pickUp li .info{overflow:hidden;}
.pickUp li .tit{
	margin-bottom:16px;
	font-size:1.2rem;
}
.pickUp li .cate{
	display:inline-block;
	width:100px;
	background:#d9d9d9;
	line-height: 22px;
	text-align: center;
	color:#fff;
}
.pickUp li .date{
	float:right;
	color:#c8c5c5;
}
.pickUp li .txt{line-height:1.71;}
.newsList .newsItem {
	border-top:1px solid #d9d9d9;
}
.newsList .newsItem:last-child{border-bottom:1px solid #d9d9d9;}
.newsList dl{
	padding:20px 50px 20px 0;
	background:url(../img/common/ico_arr_down.png) no-repeat 98% center;
  cursor: pointer;
}
.newsList dl.active{
	padding:20px 50px 20px 0;
	background:url(../img/common/ico_arr_up.png) no-repeat 98% center;
  cursor: pointer;
}
.newsList dt{
	float:left;
	margin-right:30px;
	font-weight:normal;
}
.newsList dd{overflow:hidden;}
.newsList dl:hover a{text-decoration:underline;}

.photoWall img{margin:auto;}

.tabBox {
  display: none;
  padding-bottom: 20px;
}

/*** top sp ***/
@media screen and (max-width: 1300px) {
	.productList .slick-prev{left:0;}
	.productList .slick-next{right:0;}
}
@media screen and (max-width: 959px) {
	.productList li{width:33.33%;}
	.productList .spNine li:nth-of-type(10){display:none;}
	.productList .spThree li:nth-of-type(4),
	.productList .spThree li:nth-of-type(5){display:none;}
	.productList .slick-prev,.productList .slick-next{
		top:auto;
		bottom:0;
		transform:translateX(0);
	}

	.shoppingGuide .plan a{
		width:25%;
		margin:0 3%;
	}
}
@media screen and (max-width: 780px) {
	.productList.special{padding:30px 0;}
	.productList ul{margin-left:-15px;}
	.productList li{
    	padding-left: 15px;
	}

	.productList .sliderList li{padding:0 8px;}
	.productList li .step{
		width: 16px;
		height: 16px;
		line-height: 16px;
		font-size:0.9rem;
	}
	.productList li .img{margin-bottom:10px;}
	.productList li .name{
		line-height: 1.38;
		font-size:1.3rem;
	}
	.productList li .new img{width:30px;}
	.productList li .price{font-size:1.5rem;}
	.productList li .price:after{
		margin-left:5px;
		font-size:0.9rem;
	}
	.productList .slick-prev, .productList .slick-next{
		width:10px;
		height:17px;
		background-size:10px;
	}
	.productList .slick-prev{left:10%;}
	.productList .slick-next{right:10%;}

	.shoppingGuide{padding:30px 0;}
	.shoppingGuide .plan a{
		width:30%;
		margin:0 1%;
	}

	.category ul,
	.category ul:nth-of-type(even){
		float:none;
		margin-bottom: -1px;
		width:auto;
	}
	.category li .cate{
		padding: 20px 50px 20px 20px;
		background-size: 50px;
	}

	.productSearch .search{
		height:50px;
	}
	.productSearch .search input[type=text]{
		padding:0 10px;
		width:80%;
		font-size:1.2rem;
		height:50px;
}
	.productSearch .search input[type=submit]{
		width:20%;
		height:50px;
	}
	.productSearch .keyword span{
		display:block;
		line-height:1.5;
		font-size:1rem;
	}
	.productSearch .keyword a{
		font-size:0.9rem;
	}

	.pickUp li{width:100%;}
	.pickUp li .item{padding:20px 0;}
	.pickUp li .img{
		margin-right:20px;
		width:100px;
	}
	.pickUp li .cate{
		width:80px;
		line-height:18px;
		font-size:0.8rem;
	}
	.pickUp li .date{font-size:0.8rem;}

	.newsList dl{padding: 15px 30px 15px 0;}
	.newsList dt{
		float:none;
		margin-bottom:5px;
	}
}


/* !product
-------------------------------------------- */
.productLink{
	margin-bottom:50px;
	padding:12px;
	font-size:1.3rem;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
.productLink a{margin-right:30px;}
.productInfo{ margin-bottom:50px;}
.productInfo .quantity{
	float:left;
	font-size:1.1rem;
}
/*** product sp ***/
@media screen and (max-width: 780px) {
	.productLink a {
		display: inline-block;
	}
}

.productInfo .select{
	float:right;
}
.select select{
	padding:0 30px 0 20px;
	height:36px;
	background:url(../img/common/ico_arr_down.png) no-repeat 92% center;
	border:1px solid #eae9e7;
	font-size:1.2rem;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
}
.productInfo .select1{width:160px;}
.productInfo .select2{width:120px;}

.productList .noTax li .price:after{
	content:"";
}
.addCart {
	position: relative;
	margin-top:14px;
}
.cartFixed{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index: 8;
	width:230px;
}
.addCart .btn{
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	white-space:normal;
	padding:0 10px;
	width:100%;
	height:46px;
	text-align: center;
	color:#fff;
	border-radius:3px;
}
.addCart .numbox{
	padding:10px;
	margin-bottom:10px;
	width:100%;
	border-radius:3px;
}
.addCart .numbox select{
	width:100%;
	background-color: #fff;
}
.addCart .count{
	margin:15px auto 0;
	width:104px;
	height:26px;
}
.count .num-jian, .count .num-jia{
	cursor: pointer;
	display:block;
	float:left;
	line-height:28px;
	width:28px;
	background:#b2babc;
	border-radius:3px;
	text-align: center;
	color:#fff;
	font-size:1.1rem;
}
.count .input-num{
	display:block;
	float:left;
	height:100%;
	width:48px;
	background:transparent;
	border: 0;
	text-align: center;
	font-size:1.8rem;
}

.wp-pagenavi{
	text-align:right;
	font-size:0;
}
.wp-pagenavi a,.wp-pagenavi span{
	display:inline-block;
	vertical-align: top;
	margin:0 10px;
	width:40px;
	line-height: 40px;
	text-align: center;
	border-radius:3px;
	border:1px solid #d9d9d9;
	font-size:1.2rem;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	background:#d9d9d9;
	color:#fff;
}
.wp-pagenavi a.nextpostslink{
	margin-right:0;
}

/*** product sp ***/
@media screen and (max-width: 780px) {
	.cartFixed{
		display:none !important;
		bottom:130px;
		width:160px;
	}
	.addCart .btn{
		font-size:1.2rem;
	}
}
@media screen and (max-width: 640px) {
	.productInfo .quantity{margin:10px 0;}
	.select select{
		padding: 0 20px 0 10px;
	}
	.productInfo .select1{width:120px;}
	.productInfo .select2{width:80px;}

	.cartFixed{
		bottom:75px;
		width:120px;
	}
	.addCart .numbox{padding:5px;}
	.addCart .btn{
		font-size:1.0rem;
	}
	.addCart .count{
		width:100%;
		height: 20px;
	}
	.numbox .count .num-jian, .numbox .count .num-jia{
		line-height: 20px;
    	width: 22%;
		font-size: 0.9rem;
	}
	.numbox .count .num-jia{float:right;}
	.numbox .count .input-num{
		width:56%;
		font-size: 1.5rem;
	}
}

/* !product_detail
-------------------------------------------- */
.productDisplay{border-bottom:1px solid #d9d9d9;}
.productDisplay .showcase{
	float:left;
	margin-right:20px;
	padding:0 6%;
	width:50%;
}
.productDisplay .infoDetail{
	overflow:hidden;
}
.productDisplay .bigShow{margin-bottom:10px;}
.productDisplay .slick-prev,
.productDisplay .slick-next{
	width:50px;
	height:50px;
}
.productDisplay .slick-prev{
	left:-50px;
}
.productDisplay .slick-next{
	right:-50px;
}
/*
.productDisplay .navShow li.slick-current{
	border:1px solid #f2f2f0;
}
*/
.productDisplay .navShow li.slick-current{
  position: relative;
}
.productDisplay .navShow li.slick-current:before{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #f2f2f0;
  z-index: 2;
  content: "";
}

.productDisplay .navShow{
	width:100%;
}
.productDisplay .navShow li:focus{
	outline: none;
}
.productDisplay .infoDetail .hd01{
	margin-bottom:30px;
	font-size:2rem;
	font-weight: bold;
}
.productDisplay .infoDetail .hd01 img{
	display:block;
	margin-bottom:15px;
}
.productDisplay .infoDetail .desc{
	margin-bottom:30px;
	width:100%;
	font-size:1.2rem;
}
.productDisplay .infoDetail .desc th{
	vertical-align: top;
	padding:5px 0;
	width:85px;
}
.productDisplay .infoDetail .desc th:after{
	content:":";
}
.productDisplay .infoDetail .desc td{
	vertical-align: top;
	padding:0 15px;
	line-height: 2.5;
}
.productDisplay .infoDetail .desc td a{
	text-decoration: underline;
	color:#8999a6;
}

.productDisplay .infoDetail .price{
	color:#d34e45;
	font-size:2.4rem;
}
.productDisplay .infoDetail .price span {
	font-size: 1.4rem;
	color: #666;
}
.productDisplay .infoDetail .seminar .price span {
	display: block;
}
.productDisplay .infoDetail .price span:before,
.cartForm .price:after{
	content:"税抜";
	margin-left:6px;
	color:#97999b;
	font-size:1.1rem;
}
.productDisplay .infoDetail .seminar .price span:before {
	content:"税抜\A";
	white-space: pre;
	margin-left:6px;
	color:#97999b;
	font-size:1.1rem;
}
.productDisplay .infoDetail .count{
	height:30px;
}
.productDisplay .count .num-jian,
.productDisplay .count .num-jia{
	line-height:30px;
	width:30px;
}
.productDisplay .infoDetail .btns{margin-top:30px;}
.productDisplay .infoDetail .btns button{
	height:56px;
	text-align: center;
	border-radius:3px;
}
.productDisplay .infoDetail .btns .cart{
	width:60%;
	color:#fff;
	font-weight:bold;
}
.productDisplay .infoDetail .btns .like{
	margin-left:15px;
	padding:0 10px 0 30px;
	width:28%;
	background:url(../img/common/ico_hollow_heart.png) no-repeat 20px center #f4f4f3;
	font-size:1.2rem;
}
.productDisplay .infoDetail .btns button:focus{
       outline: none;
}
.productDisplay .infoDetail .btns .like.liked{
	background-image:url(../img/common/ico_hollow_heart_red.png);
}
.productDisplay .endIntrod p{
	margin-bottom:30px;
	line-height: 2.14;
}

.textBtn{display:none;}
button{
  -webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

button:hover {
  opacity: .7;
}

/** product_detail2 **/
.productDisplay .carousel-control{
	width:50px;
}
.productDisplay .carousel-control.right{
	right:-50px;
	background:url(../img/common/slider_next.png) no-repeat center;
}
.productDisplay .carousel-control.left{
	left:-50px;
	background:url(../img/common/slider_prev.png) no-repeat center;
}
.productDisplay .carousel-control .glyphicon{display:none;}
.productDisplay .navShow input{
	padding:0;
	margin-bottom:6px;
	border-radius:0;
}
.productDisplay .infoDetail .seminar{
	width:100%;
	border:1px solid #d9d9d9;
}
.productDisplay .infoDetail .seminar th,
.productDisplay .infoDetail .spth{
	padding:15px;
	background:#f4f4f3;
	border:1px solid #d9d9d9;
}
.productDisplay .infoDetail .seminar td{
	padding:15px;
	border:1px solid #d9d9d9;
	min-width: 150px;
}
.productDisplay .infoDetail .seminar .price,
.cartForm .price{
	color:#d34e45;
	font-size:1.6rem;
}
.productDisplay .infoDetail .seminar .stock{
	margin-bottom:10px;
	font-size:1rem;
}
.productDisplay .infoDetail .seminar .note,
.cartForm dd .note{
	color:#d34e45;
	font-weight:bold;
}


/*** product_detail sp ***/
@media screen and (max-width: 1280px) {
	.productDisplay .infoDetail .btns .cart{width:50%;}
	.productDisplay .infoDetail .btns .like{
		width:40%;
		background-position: 10px center;
	}
}
@media screen and (max-width: 780px) {
  button:hover {
  opacity: 1;
}
	.productDisplay .showcase{
		float:none;
		margin:0 auto 35px;
		width:100%;
	}

	.productDisplay .carousel-indicators{bottom:-20px;}
	.productDisplay .carousel-indicators li{
		background:#cdcccc;
		border:0;
	}
	.productDisplay .carousel-indicators li.active{
		background-color:#232527;
	}
	.productDisplay .infoDetail .spth{margin-bottom:-1px;}
	.productDisplay .infoDetail .seminar th{display:none;}
	.productDisplay .infoDetail .seminar td{
		width:50%;
	}
}
@media screen and (max-width: 640px) {
	.productDisplay .infoDetail .hd01{
		margin-bottom:16px;
		font-size:1.8rem;
	}
	.productDisplay .infoDetail .desc{margin-bottom:20px;}
	.count .input-num{
		width:50%;
		max-height: 120px;
	}
	.productDisplay .infoDetail .btns button{
		height:45px;
		font-size:1.2rem;
	}
	.productDisplay .infoDetail .btns .cart{width:70%;}
	.productDisplay .infoDetail .btns .like{
		float:right;
		margin-left:0;
		padding:20px 0 0;
		width:25%;
		background-position:center 8px;
		font-size:1rem;
	}
	.omit{display:none;}
	.productDisplay .endIntrod p{
		margin-bottom:25px;
		line-height: 1.84;
	}
	.spText{display:none;}
	.textBtn {
		display: block;
		position: relative;
		text-align: center;
		font-size:1.3rem;
	}
	.textBtn .open{
		display:inline-block;
		padding-right:25px;
		background:url(../img/common/ico_arr_down.png) no-repeat right center;
	}
	.textBtn.change .open,
	.textBtn .shut{display:none;}
	.textBtn.change .shut{
		display:inline-block;
		padding-right:25px;
		background:url(../img/common/ico_arr_up.png) no-repeat right center;
	}
	.textBtn:before{
		content:"";
		position:absolute;
		left:0;
		bottom:100%;
		height:100px;
		width:100%;
		background: -webkit-linear-gradient(transparent, #fff);
		background: -o-linear-gradient(transparent, #fff);
		background: -moz-linear-gradient(transparent, #fff);
		background: linear-gradient(transparent, #fff);
	}
	.textBtn.change:before{content:normal;}

}
@media screen and (max-width: 640px) {
	.count .input-num{width:50px;}
}


.cartForm{
	position: relative;
	overflow:auto;
	margin-bottom:35px;
	width:100%;
}
.cartForm .conForm{
	padding-right:50px;
}
.cartForm:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	z-index: 1;
	height:100%;
	width:50px;
	background:#fff;
}
.cartForm table{
	/*
		min-width: 1024px;
	*/
	border:1px solid #d9d9d9;
}
.cartForm thead tr:first-child{
	background:#f4f4f3;
}
.cartForm thead tr:nth-of-type(2){font-size:1.2rem;}
.cartForm thead tr:nth-of-type(2) th{padding:15px 10px;}
.cartForm thead tr:nth-of-type(2) th:nth-of-type(2n+1),
.cartForm tbody td:nth-of-type(odd),
.cartForm tbody tr:nth-of-type(1) td:nth-of-type(2n){background:#f8f8f8;}
.cartForm thead tr:nth-of-type(2) th:first-child,
.cartForm tbody td:nth-of-type(1),
.cartForm tbody tr:nth-of-type(1) td:nth-of-type(2n+1),
.cartForm tbody tr:nth-of-type(1) td:nth-of-type(2){background:#fff;}
.cartForm tbody tr:nth-of-type(1) td:nth-of-type(1){background:#f8f8f8;}
.cartForm th{
	padding:10px;
	text-align: center;
	border:1px solid #d9d9d9;
}
.cartForm td{
	padding:10px;
	border:1px solid #d9d9d9;
}
.cartForm tbody tr:first-child td:nth-of-type(2),
.cartForm tr td:nth-of-type(1){text-align: center;}

.cartForm tr td.product_cate_box {
	width: 140px;
}
.cartForm .product_cate_txt {
	font-size: 1rem;
}

.cartForm dl{
	font-size:1rem;
	margin-bottom: 0.5em;
}
.cartForm dt{
	display:table-cell;
	width:40px;
	font-weight: normal;
}
.cartForm dt:after{
	content:":";
	float:right;
}
.cartForm dd{
	display:table-cell;
}
.cartForm .price{
	margin: 5px 0;
	font-size: 1.4rem;
}
.cartForm .conForm td .count {
	min-width: 120px;
}

.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	z-index: 9;
	padding-right:50px;
	overflow:visible;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	height:5px;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 50px 0 0;
}
.mCSB_scrollTools .mCSB_draggerRail{background:#f4f4f3;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#626568;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#111;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	position: absolute;
	right:0px;
	z-index: 9;
	width:34px;
	height:34px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft{
	bottom:10px;
	background:url(../img/common/scroll_next.png);
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	bottom:60px;
	background:url(../img/common/scroll_prev.png);
}

.addCartForm .addCart .btn:disabled{
	background:#ccc;
}

/*** product_detail3 sp ***/
@media screen and (max-width: 780px) {
	.cartForm:after{content:normal;}
	.cartForm .conForm{ padding-right:0px;}
	.cartForm .conForm td .count {
    min-width: 130px;
  }
	.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
		display:none;
	}
	.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0;}
}


/* !guide
-------------------------------------------- */
.side{
	float:left;
	margin-right:90px;
	width:280px;
}
.side ul{
	border-top:1px solid #d9d9d9;
}
.side li{
	border-bottom:1px solid #d9d9d9;
}
.side li a{
	display: block;
	position: relative;
	padding:20px 30px 20px 0;
	background:#fff;
}
.side .nav li a:focus,
.side .nav li a:hover{
	background:#fff;
}
.side li.active a:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:100%;
	background:url(../img/common/ico_arr_right.png) no-repeat center;
}
.main{overflow: hidden;}

.areaAnchor{position:relative;}
.areaAnchor .anchor{
	position:absolute;
	top:0;
	left:0;
}


.guideTxtStyle{
	line-height: 1.71;
}
.guideTxtStyle .part + .part{
	margin-top:60px;
}
.guideTxtStyle .hd01{
	padding:8px 0;
	margin-bottom:30px;
	font-size:2rem;
	font-weight: bold;
	border-bottom:1px solid #d9d9d9;
}
.guideTxtStyle .hd02{
	margin-bottom:16px;
	font-size:1.8rem;
}
.guideTxtStyle .wordStyle{
	font-size:1.8rem;
	font-weight: bold;
}
.guideTxtStyle li{
	margin-bottom:40px;
}
.guideTxtStyle .login{
	margin-top:15px;
	padding:11px;
	width:220px;
	background:#b2babc;
	color:#fff;
	font-size:1.3rem;
}
.guideTxtStyle .txt p{margin-bottom:20px;}
.guideTxtStyle .note{
	line-height: 2;
	font-size:1.2rem;
}
.guideTxtStyle table{
	margin-top:15px;
	border:1px solid #d9d9d9;
}
.guideTxtStyle th{
	padding:15px 20px;
	background:#f4f4f3;
	border:1px solid #d9d9d9;
}
.guideTxtStyle td{
	padding:15px 20px;
	min-width: 160px;
	border:1px solid #d9d9d9;
	text-align: center;
}
/*** sp ***/
@media screen and (max-width: 960px) {
	.side {
		margin-right: 40px;
		width: 220px;
	}
}
@media screen and (max-width: 780px) {
	.pinContainer{
		position: relative;
		z-index: 0;
	}
	.side {
		float:none;
		left:0;
		top:0;
		z-index: 3;
		margin:0 auto 40px;
		width:100%;
	}
	.side ul.pinned{
		position:relative!important;
		left:0!important;
	}
	.side li a:after,
	.side li.active a:after{
		content:"";
		position:absolute;
		top:0;
		right:0;
		width:30px;
		height:100%;
		background:url(../img/common/ico_arr_down.png) no-repeat center;
	}
	.main{
		position:relative;
		z-index: 1;
	}

	.areaAnchor .anchor{
		top:0px;
	}

}
@media screen and (max-width: 640px) {

	.guideTxtStyle{line-height:1.84;}
	.guideTxtStyle li{margin-bottom:20px;}
	.guideTxtStyle .hd01{
		margin-bottom:15px;
		font-size:1.5rem;
	}
	.guideTxtStyle .hd02{
		margin-bottom:10px;
		font-size:1.4rem;
	}
	.guideTxtStyle .wordStyle{font-size:1.4rem;}
	.guideTxtStyle .login{
		display:block;
		margin:15px auto 0;
	}
	.guideTxtStyle .endToLink a:after{
		content:normal;
	}
}


/* !tradelaw
-------------------------------------------- */
#page_help_tradelaw .ec-borderedDefs dd,
#page_help_about .ec-borderedDefs dd {
	line-height: 1.8;
}
#page_help_tradelaw .ec-borderedDefs dd.telLink a,
#page_help_about .ec-borderedDefs dd.telLink a {
	pointer-events: none;
}
@media screen and (max-width: 780px) {
	#page_help_tradelaw .ec-borderedDefs dd.telLink a,
	#page_help_about .ec-borderedDefs dd.telLink a {
		pointer-events: initial;
	}
}


/* !default custom
-------------------------------------------- */
.ec-progress {
	position: relative;
	z-index: 0;
}
.ec-layoutRole__main {
	margin-bottom: 100px;
}
#page_homepage .ec-layoutRole__main,
#page_product_list .ec-layoutRole__main,
#page_product_detail .ec-layoutRole__main {
	margin-bottom: 0;
}
.ec-pageHeader h1 {
	font-size: 2rem;
	padding-bottom: 12px;
}
@media screen and (max-width: 780px) {
	.ec-layoutRole__main {
		margin-bottom: 50px;
	}
	.ec-pageHeader h1 {
		font-size: 2rem;
		padding-bottom: 8px;
		margin-bottom: 20px;
		border-top:0;
		border-bottom:1px solid #ccc;
	}
}
/*注意事項*/
.ec-att {
	padding-left:1em;
	text-indent:-1em;
}
.ec-att.mt10 {
	margin-top:10px;
}
.ec-att.mb10 {
	margin-bottom:10px;
}


/*scrollFix*/
.scrollFix {
	margin-top: 20px;
}
.scrollFix::-webkit-scrollbar {
  height: 10px;
}
.scrollFix::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
.scrollFix::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
.scrollFix  table {
	border: none !important;
	border-top: 1px solid #d9d9d9 !important;
	border-collapse: separate !important;
	margin-bottom: 10px;
	table-layout: auto !important;
}
.scrollFix  th {
	border: none !important;
	border-bottom: 1px solid #d9d9d9 !important;
	border-right: 1px solid #d9d9d9 !important;
}
.scrollFix  td {
	border: none !important;
	border-bottom: 1px solid #d9d9d9 !important;
	border-right: 1px solid #d9d9d9 !important;
	padding: 5px 5px 10px 5px;
}
.scrollFix th:first-child {
	position:sticky;
	border-left: 1px solid #d9d9d9 !important;
	left:0;
}
.scrollFix thead tr:nth-of-type(1) th:nth-of-type(1){
	background: #f4f4f3;
	z-index: 1;
}
.scrollFix thead tr:nth-of-type(2) th {
	padding: 10px 5px;
}
.scrollFix tbody tr:nth-of-type(1) td:nth-of-type(1){
	position:sticky;
	left:0;
	border-left: 1px solid #d9d9d9 !important;
	border-right: none !important;
}
.scrollFix tbody tr:nth-of-type(1) td:nth-of-type(2),
.scrollFix tbody tr:nth-of-type(n+2) td:nth-of-type(1){
	position:sticky;
	left:31px;
	border-left: 1px solid #d9d9d9 !important;
}
.scrollFix thead tr:nth-of-type(2) th:first-child {
	word-break: break-all;
}
.scrollFix .scrollFix01,
.scrollFix .scrollFix03_1,
.scrollFix .scrollFix03_2 {
	padding: 0;
}
.scrollFix .scrollFix01 span,
.scrollFix .scrollFix03_1 span,
.scrollFix .scrollFix03_2 span {
	display: block;
	word-break: break-all;
}
.scrollFix .scrollFix01 span {
	width: 100px;
}
.scrollFix .scrollFix03_1 span {
	width: 30px;
}
.scrollFix .scrollFix03_2 span {
	width: 68px;
}
.scrollFix .scrollFix01_2 span {
	position: sticky;
	left: 110px;
}
.scrollFix .product_cate_txt {
	display: none;
}
.scrollFix:after {
	display: none;
}
.scrollFix tr td.product_cate_box {
	width: 100px;
	text-align: center
}
.scrollFix .conForm td .count {
	min-width:inherit;
	width: 100px;
}
.scrollFix .conForm td .count .input-num {
	width: 40px;
}

@media screen and (max-width: 780px) {
	.scrollFix thead tr:nth-of-type(1) th:nth-of-type(n+2):not([colspan="1"]) {
		text-align: left;
	}
}


/*PICKUP*/
.pickUp .imgBox{
	background-size: contain;
}


/*カレンダー*/
.ec-layoutRole__contentBottom {
	padding: 40px 0 60px 0;
}
.ec-layoutRole__contentBottom .productList.pb60 {
	max-width: 1360px;
	margin: 0 auto;
}
.ec-layoutRole__mainBottom {
	padding-top: 40px;
}
.apg_sc_table_content {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom: 50px;
}
#wrapper .ec-layoutRole__contentBottom table.apg_sc_table {
    margin: 0 30px;
    border-collapse: separate;
    border-spacing: 7px;
}
.apg_sc_table_content table:first-child {
	margin-right: 50px;
}
.apg_sc_table th {
    text-align:center;
    padding: 5px;
    color: #999;
}
.apg_sc_table tr {
	margin: 0 2px;
}
.apg_sc_table td {
	line-height: 1.2;
    padding: 7px;
    text-align:center;
    /* border-top: 1px solid #ddd; */
}
.apg_sc_table th.apg_sc_header {
    background:#f4f4f3;
    text-align:center;
    padding:5px;
    font-weight:bold;
    color: #000;
}
.apg_sc_table td.apg_sc_holiday {
    color: #fff;
    background: #e67870;
    border-radius: 50%;
}
.apg_sc_holiday_att {
	width: 618px;
	text-align: right;
	margin: 0 auto;
}
.apg_sc_holiday_att span {
    color: #e67870;

}
@media screen and (max-width: 780px) {
	.ec-layoutRole__contentBottom {
		display: block;
		padding:0 0 50px 0;
	}
	.apg_sc_table_content {
		display: block;
	}
	.apg_sc_table_content table,
	.apg_sc_table_content table:first-child {
		margin: 0 auto;
	}
	#wrapper .ec-layoutRole__contentBottom table.apg_sc_table {
		margin:0 auto 30px auto;
	}
	.apg_sc_holiday_att {
    	width: auto;
    	margin: 0 20px 10px 20px;
    }
}

/*カスタマイズ*/
.btn_black {
	background: #000;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
}

/* 20220726 header-log sizefix */
@media screen and (max-width: 989px) {
    h1#headerLogo {
        margin: 0;
    }
}