@charset "UTF-8";
#tblLayout {
	/*max-width: 1200px;*/
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.item-category { /*max-width: 1000px;*/ width: 100%; margin: 0 auto; padding: 0; line-height: 1.7; font-size: 16px; color: #4D4D4D; }
.item-category * { margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.item-category img { width: 100%; height: auto; vertical-align: bottom; }
@media screen and (max-width: 960px) {
.item-category img { width: 100%; height: auto; }
}
/*-- --*/
.spOnly { display: none; }
.pcOnly { display: block; }

/*-- レイアウト --*/
.item-category .align--center { text-align: center !important; }
.item-category .bottom-space--0 { margin-bottom: 0 !important; }
.item-category .nav-space { margin-top: -60px; padding-top: 60px; }
.item-category .bg--gray { margin-bottom: 60px; padding: 60px 0; background-color: #F4F4F4; }

.item-category .item-category__mv {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 30px;
}
.item-category .item-category__contents {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 60px;
}

/*-- メニューボタン --*/
.item-category .item-category__nav-area {
	position: sticky;
	/*top: 142px;*/
	z-index: 3;
	width: 100%;
}
.item-category .item-category__nav--style01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	background-color: #F4F4F4;
}
.item-category .item-category__nav--style01 > li {
	width: calc(248 / 1000 * 100%);
	background-color: #fff;
}
.item-category .item-category__nav--style01 > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 1em 0;
	font-size: 16px;
	color: #058767;
	text-decoration: none;
	text-align: center;
	word-break: break-all;
}
.item-category .item-category__nav--style01 > li.arrow > a {
	position: relative;
}
.item-category .item-category__nav--style01 > li.arrow > a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #058767;
	border-right: 2px solid #058767;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.item-category .item-category__nav--style02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: calc(40 / 1000 * 100%);
}
.item-category .item-category__nav--style02 > li {
	width: calc(220 / 1000 * 100%);
	margin: 0 calc(15 / 1000 * 100%) calc(15 / 1000 * 100%);
	background-color: #E7E7E7;
	border-radius: 30px;
}
.item-category .item-category__nav--style02 > li:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.item-category .item-category__nav--style02 > li > a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0.7em;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #4D4D4D;
	border-radius: 30px;
	word-break: break-all;
}
.item-category .item-category__nav--style02 > li > a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #4D4D4D;
	border-right: 2px solid #4D4D4D;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.item-category .item-category__nav--style03 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: calc(40 / 1000 * 100%);
}
.item-category .item-category__nav--style03 > li {
	width: calc(220 / 1000 * 100%);
	margin: 0 calc(15 / 1000 * 100%) calc(15 / 1000 * 100%);
	background-color: #4D4D4D;
	border-radius: 30px;
}
.item-category .item-category__nav--style03 > li:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.item-category .item-category__nav--style03 > li > a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0.7em;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	word-break: break-all;
}
.item-category .item-category__nav--style03 > li > a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.item-category .item-category__nav--style04 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: calc(40 / 1000 * 100%);
}
.item-category .item-category__nav--style04 > li {
	width: calc(180 / 1000 * 100%);
	margin: 0 calc(10 / 1000 * 100%) calc(15 / 1000 * 100%);
	background-color: #E7E7E7;
	border-radius: 30px;
}
.item-category .item-category__nav--style04 > li:hover {
	opacity: 0.7;
	transition: 0.3s;
}
.item-category .item-category__nav--style04 > li > a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0.7em;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #4D4D4D;
	border-radius: 30px;
	word-break: break-all;
}

/*-- テキスト関連 --*/
.item-category .item-category__text--mincho {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.item-category .item-category__copy-top {
	margin-bottom: calc(20 / 1000 * 100%);
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.item-category .item-category__read {
	margin-bottom: calc(30 / 1000 * 100%);
	text-align: center;
}
.item-category .item-category__right-link {
	text-align: right;
}
.item-category .item-category__right-link > a {
	font-size: 12px;
	text-decoration: underline;
	color: #4D4D4D;
}
.item-category .item-category__txt {
	margin-bottom: calc(30 / 1000 * 100%);
	text-align: center;
	font-size: 14px;
}

/*-- 見出し --*/
.item-category .item-category__ttl--style01 {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.item-category .item-category__ttl--style02 {
	margin-bottom: calc(10 / 1000 * 100%);
	font-size: 16px;
	font-weight: normal;
}
.item-category .item-category__ttl--style03 {
	margin-bottom: calc(15 / 1000 * 100%);
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
.item-category .item-category__ttl--style04 {
	margin-bottom: calc(20 / 1000 * 100%);
	color: #fff;
	font-size: 18px;
	text-align: center;
	background-color: #058767;
	padding: 1.5px; 
}

/*-- バナーエリア --*/
.item-category .item-category__bnr {
	margin-bottom: calc(30 / 1000 * 100%);
}
.item-category .item-category__bnr > li {
	margin-bottom: calc(20 / 1000 * 100%);
}
.item-category .item-category__img {
	width: 500px;
	margin: 0 auto calc(20 / 1000 * 100%);
}
/*-- タブ --*/
.item-category .item-category__tab-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: calc(20 / 1000 * 100%);
	background-color: #F4F4F4;
	border-radius: 30px;
}
.item-category .item-category__tab-list.tab-bg-white {
	background-color: #FFF;
}
.item-category .item-category__tab-list > li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(500 / 1000 * 100%);
	padding: 0.7em;
	font-size: 16px;
	word-break: break-all;
	border-radius: 30px;
	cursor: pointer;
}
.item-category .item-category__tab-list > li.tab-button-active,
.item-category .item-category__tab-list > li:hover {
	background-color: #4D4D4D;
	color: #fff;
}
.item-category .item-category__tab-list > li.item-category__tab-item.item-category__tab-item--col3 {
	width: calc(333.3 / 1000 * 100%);
}
.item-category .item-category__tab-contents {
	display: none;
}
.item-category .item-category__tab-contents.tab-contents-active {
	display: block;
}

/*-- concept --*/
.item-category .item-category__concept-logo {
	width: calc(450 / 1000 * 100%);
	margin: 0 auto calc(40 / 1000 * 100%);
}
.item-category .item-category__concept-read {
	margin-bottom: calc(30 / 1000 * 100%);
	text-align: center;
	line-height: 2;
}

/*-- SNS --*/
.item-category .item-category__sns-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: calc(40 / 1000 * 100%);
}
.item-category .item-category__sns-list > li {
	width: 50px;
	margin: 0 15px;
}

/*-- 角丸下段ボタン --*/
.item-category .item-category__bottom-btn {
	width: 100%;
	max-width: 220px;
	margin: calc(20 / 1000 * 100%) auto 0;
}
.item-category .item-category__bottom-btn > a {
	position: relative;
	display: block;
	padding: 0.6em;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #4D4D4D;
	border-radius: 30px;
}
.item-category .item-category__bottom-btn > a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-sizing: border-box;
}

/*-- 動画エリア --*/
.item-category .item-category__movie {
	width: calc(500 / 1000 * 100%);
	margin: 0 auto;
}
.item-category .item-category__movie-item {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.item-category .item-category__movie-item iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*-- 商品情報 --*/
.item-category .item-category__item-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: calc(30 / 900 * 100%);
}
.item-category .item-category__item-info > li:nth-child(odd) {
	margin-right: calc(50 / 900 * 100%);
}
.item-category .item-category__item-image {
	width: calc(380 / 900 * 100%);
}
.item-category .item-category__item-text {
	display: flex;
	align-items: center;
	width: calc(340 / 900 * 100%);
}
.item-category .item-category__item-text > * {
	width: 100%;
}
.item-category .item-category__item-copy--large {
	margin-bottom: calc(20 / 340 * 100%);
	font-size: 26px;
	line-height: 1.5;
}
.item-category .item-category__item-copy--small {
	margin-bottom: calc(20 / 340 * 100%);
}
.item-category .item-category__item-text .border--gray {
	margin-bottom: calc(20 / 340 * 100%);
	padding-bottom: calc(20 / 340 * 100%);
	border-bottom: solid 1px #CCC;
}
.item-category .item-category__item-name {
	margin-bottom: calc(20 / 340 * 100%);
}
.item-category .item-category__item-name > a {
	color: #4D4D4D;
	text-decoration: underline;
}
.item-category .item-category__item-name__color {
	font-size: 18px;
	color: #20AFC9;
	text-decoration: underline;
	text-decoration-color: #20AFC9;
}
.item-category .item-category__bottom-btn--style01 {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
.item-category .item-category__bottom-btn--style01 > a {
	position: relative;
	display: block;
	padding: 0.6em;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #058767;
	border-radius: 30px;
}
.item-category .item-category__bottom-btn--style01 > a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-sizing: border-box;
}


@media screen and (max-width: 960px) {
	.item-category { font-size: 14px; }
	.spOnly { display: block; }
	.pcOnly { display: none; }

	/*-- レイアウト --*/
	.item-category .nav-space { margin-top: -40px; padding-top: 40px; }
	.item-category .bg--gray { margin-bottom: 10%; padding: 6% 2%; }

	.item-category .item-category__mv {
		margin-bottom: 6%;
	}
	.item-category .item-category__contents {
		padding: 0 2%;
		margin-bottom: 10%;
	}
	.item-category .item-category__contents.sp-padding--0 {
		padding: 0;
	}

	/*-- メニューボタン --*/
	.item-category .item-category__nav--style01 > li {
		width: 49.8%;
		margin-bottom: 0.4%;
	}
	.item-category .item-category__nav--style01 > li:nth-child(n+3) {
		margin-bottom: 0;
	}
	.item-category .item-category__nav--style01 > li > a {
		font-size: 12px;
	}
	.item-category .item-category__nav--style01 > li.arrow > a::after {
		right: 10px;
	}

	.item-category .item-category__nav--style02 > li {
		width: 48.5%;
		margin: 0 0 2.5%;
	}

	.item-category .item-category__nav--style03 {
		justify-content: space-between;
	}
	.item-category .item-category__nav--style03 > li {
		width: 48.5%;
		margin: 0 0 2.5%;
	}

	.item-category .item-category__nav--style04 {
		justify-content: space-between;
	}
	.item-category .item-category__nav--style04 > li {
		width: 48.5%;
		margin: 0 0 2.5%;
	}


	/*-- テキスト関連 --*/
	.item-category .item-category__copy-top {
		font-size: 16px;
	}
	.item-category .item-category__right-link {
		padding-right: 2%;
	}

	/*-- 見出し --*/
	.item-category .item-category__ttl--style01,
	.item-category .item-category__ttl--style03 {
		margin-bottom: 4%;
	}
	.item-category .item-category__ttl--style02 {
		padding-left: 2%;
	}

	/*-- バナーエリア --*/
	.item-category .item-category__img {
		width: 100%;
	}

	/*-- タブ --*/
	.item-category .item-category__tab-list {
		margin-bottom: 4%;
	}
	.item-category .item-category__tab-list > li {
		font-size: 12px;
	}
	.item-category .item-category__tab-list.tab-bg-white {
		margin: 0 2% 4%;
	}

	/*-- concept --*/
	.item-category .item-category__concept-logo {
		width: 100%;
		max-width: 450px;
		margin-bottom: 6%;
	}

	/*-- 動画エリア --*/
	.item-category .item-category__movie {
		width: 100%;
	}

	/*-- 商品情報 --*/
	.item-category .item-category__item-info > li:nth-child(odd) {
		margin-right: 0;
	}
	.item-category .item-category__item-image {
		order: 1;
		width: 90%;
		margin-bottom: 4%;
	}
	.item-category .item-category__item-text {
		order: 2;
		width: 100%;
	}
	.item-category .item-category__item-copy--large {
		margin-bottom: 3%;
		font-size: 22px;
	}
	.item-category .item-category__item-copy--small {
		margin-bottom: 3%;
	}
	.item-category .item-category__item-text .border--blue {
		margin-bottom: 3%;
		padding-bottom: 3%;
	}
	.item-category .item-category__item-name {
		margin-bottom: 3%;
	}
	.item-category .item-category__slider--style01 {
		max-width: 100vw;
	}
}