@charset "utf-8";

/*  背景色変更  */
.ec-layoutRole,.ec-layoutRole__contents,.ec-layoutRole__contentBottom,.ec-layoutRole__left__wrap, .ec-sliderRole {
  background: #fff !important;
}

/*  カテゴリページメイン画像幅調整  */
.c-banner-image {
	width: 100%;
}

/*  スマホメニュー  */
.s768__sp-nav {
	text-align: center;
	margin: 0 0 2.666666666666667vw 0;
}
.s768__sp-nav h2 {
	background: #a00e15;
	padding: 2.666666666666667vw 0;
	margin: 0;
	font-size: 0;
}
.s768__sp-nav h2 img {
	width: 33.33333333333333vw;
	vertical-align: bottom;
}
.s768__sp-nav-list ul {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}
.s768__sp-nav-list ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 0.26666666666666666vw solid #fff;
	border-right: 0.26666666666666666vw solid #fff;
}
.s768__sp-nav-list ul li:first-child {
	border-left: 0.26666666666666666vw solid #f0f0f0;
}
.s768__sp-nav-list ul li:last-child {
	border-right: 0.26666666666666666vw solid #f0f0f0;
}

@media screen and (min-width:768px) {
.s768__sp-nav {
	display: none;
}
}
@media screen and (min-width:390px) {
.s768__sp-nav-list ul li {
	width: calc(100% / 7);
}
}
@media screen and (max-width:389px) {
.s768__sp-nav-list {
	width: 100%;
	overflow-x: scroll;
}
.s768__sp-nav-list ul {
	padding-bottom: 2.666666666666667vw;
	width: 108.26666666666667vw;
}
.s768__sp-nav-list ul li {
	width: 15.466666666666667vw;
}
}

/*  ヘッダーバナー  */
.s768__iframe-header-cover {
	position: relative;
	padding-bottom: 9%;
	/*padding-bottom: 16%; 1列用 */
	height: 0;
	overflow: hidden;
}
.s768__iframe-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 768px) {
.s768__iframe-header-cover {
	padding-bottom: 21%;
	/*padding-bottom: 41%; 2列用 */
	margin-bottom: 2.666666666666667vw;
}
}
@media only screen and (min-device-width: 769px) and (max-device-width: 820px) and (orientation:portrait) {
.s768__iframe-header-cover {
	padding-bottom: 21%;
	/*padding-bottom: 43%; 2列用 */
}
}
@media screen and (min-width: 769px) and (max-width: 888px) {
.s768__iframe-header-cover {
	padding-bottom: 21%;
	/*padding-bottom: 43%; 2列用 */
}
}