@charset "utf-8";

/* やまやLINE公式アカウントバナー */

@media screen and (max-width:767px) {
	.banner_category_list_under_pager {
		padding: 0 3vw;
	}
}

/* 上書き */

.page-contents.-original .title-large > .title-original {
	display: none;
}
@media screen and (max-width:767px) {
	.page-contents.-original .search-content,
	.page-contents.-original .category-item-list__items {
		padding: 0 4vw;
	}
}
@media screen and (max-width:767px) {
	.page-contents.-original .section-content > .inner {
		padding: 0;
	}
}

/* めんたいチューブカテゴリ用 新規書き込み */

#category_list_mentai-tube {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 30px;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube {
		padding: 0;
	}
}
#category_list_mentai-tube_sec {
	position: relative;
	width: 100%;
	background: #FFE2D8 url(https://www.onlineshop-yamaya.com/upload_file/img/category_list/mentai-tube/bg.webp) 0 0 / 64px 64px repeat;
	z-index: 6;
}
#category_list_mentai-tube_sec > * {
	width: 100%;
}
#category_list_mentai-tube_01 {
		margin-top: 0;
	}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_01 {
		margin-top: 8vw;
	}
}
#category_list_mentai-tube_02 {
	margin-top: 20px;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_02 {
		margin-top: 4vw;
	}
}
#category_list_mentai-tube_02 ul {
	width: calc(100% * (800 / 1040));
	margin: 0 auto;
	display: flex;
	gap: 32px;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_02 ul {
		width: calc(100% - (4vw * 2));
		flex-wrap: wrap;
		gap: 4vw;
	}
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_02 ul li {
		width: calc((100% - 4vw) / 2);
	}
}
#category_list_mentai-tube_02 ul li a img {
	transition-duration: 300ms;
}
#category_list_mentai-tube_02 ul li a:hover img {
	transform: scale(1.2);
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_02 ul li a:hover img {
		transform: none;
	}
}
#category_list_mentai-tube_03 {
	margin-top: 80px;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_03 {
		margin-top: 8vw;
	}
}
#category_list_mentai-tube_03 #vsm-gallery_wrap {
	width: 100%;
	padding: 0 30px 60px;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_03 #vsm-gallery_wrap {
		padding: 0 3vw 6vw;
	}
}
#category_list_mentai-tube_04 ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#category_list_mentai-tube_04 ul li:nth-of-type(1) {
	width: calc(100% * (350 / 1040));
}
#category_list_mentai-tube_04 ul li:nth-of-type(2) {
	width: calc(100% * (340 / 1040));
}
#category_list_mentai-tube_04 ul li:nth-of-type(3) {
	width: calc(100% * (350 / 1040));
}
#category_list_mentai-tube_04 ul li:nth-of-type(4) {
	width: calc(100% * (520 / 1040));
}
#category_list_mentai-tube_04 ul li:nth-of-type(5) {
	width: calc(100% * (520 / 1040));
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_04 ul li:nth-of-type(1),
	#category_list_mentai-tube_04 ul li:nth-of-type(2),
	#category_list_mentai-tube_04 ul li:nth-of-type(3) {
		width: 100%;
	}
	#category_list_mentai-tube_04 ul li:nth-of-type(4),
	#category_list_mentai-tube_04 ul li:nth-of-type(5) {
		width: 50%;
	}
}
#category_list_mentai-tube_05 {
	margin-top: 40px;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_05 {
		margin-top: 4vw;
	}
}
#category_list_mentai-tube_06 { background-color: #F7E3E9; z-index: 4; }
#category_list_mentai-tube_07 { background-color: #F3DFE3; z-index: 3; }
#category_list_mentai-tube_08 { background-color: #E5E5E5; z-index: 2; }
#category_list_mentai-tube_09 { background-color: #F1E5D4; z-index: 1; }
#category_list_mentai-tube_06 .category_list_mentai-tube_lineup_info_main .name,
#category_list_mentai-tube_06 .category_list_mentai-tube_lineup_info_main .price {
	color: #CA5F6D;
}
#category_list_mentai-tube_07 .category_list_mentai-tube_lineup_info_main .name,
#category_list_mentai-tube_07 .category_list_mentai-tube_lineup_info_main .price {
	color: #AC3247;
}
#category_list_mentai-tube_08 .category_list_mentai-tube_lineup_info_main .name,
#category_list_mentai-tube_08 .category_list_mentai-tube_lineup_info_main .price {
	color: #1A1A1A;
}
#category_list_mentai-tube_09 .category_list_mentai-tube_lineup_info_main .name,
#category_list_mentai-tube_09 .category_list_mentai-tube_lineup_info_main .price {
	color: #B77F2C;
}
#category_list_mentai-tube_10 {
	padding: 100px 0 60px;
	background: #FFCBB8;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10 {
		padding: 17vw 0 8vw;
	}
}
#category_list_mentai-tube_10_contents {
	position: relative;
	width: calc(100% * (960 / 1040));
	margin: 0 auto;
	padding: 80px calc(100% * (40 / 1040)) 50px;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents {
		width: calc(100% - (4vw * 2));
		padding: 6vw 0 5vw;
		border-radius: 4vw;
	}
}
#category_list_mentai-tube_10_contents > .ttl {
	position: absolute;
	top: -50px;
	left: 50%;
	width: calc(100% * (600 / 860));
	transform: translateX(-50%);
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .ttl {
		top: -9vw;
		width: 100%;
	}
}
#category_list_mentai-tube_10_contents > .img {
	width: calc(100% * (320 / 860));
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .img {
		width: calc(100% - (8vw * 2));
		margin: 4vw auto 0;
	}
}
#category_list_mentai-tube_10_contents > .txt {
	width: calc(100% * (500 / 860));
	padding-left: calc(100% * (40 / 860));
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .txt {
		width: calc(100% - (8vw * 2));
		margin: 4vw auto 0;
		padding-left: 0;
		text-align: center;
	}
}
#category_list_mentai-tube_10_contents > .txt .ttl {
	color: #3F1500;
	font-size: 1.6rem;
	font-weight: 600;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .txt .ttl {
		width: 100%;
		margin: 0 auto;
		font-size: 4.8vw;
		text-align: center;
	}
}
#category_list_mentai-tube_10_contents > .txt .price {
	color: #3F1500;
	font-size: 1.6rem;
	font-weight: 600;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .txt .price {
		width: calc(100% - (4vw * 2));
		margin: 0 auto;
		font-size: 4.8vw;
	}
}
#category_list_mentai-tube_10_contents > .txt .price .taxin {
	margin-left: -6px;
	font-size: 1.0rem !important;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .txt .price .taxin {
		font-size: 3.8vw !important;
	}
}
#category_list_mentai-tube_10_contents > .txt .exp {
	margin-top: 10px;
	color: #3F1500;
	font-size: 1.2rem !important;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .txt .exp {
		width: calc(100% - (4vw * 2));
		margin: 2vw auto 0;
		font-size: 3.8vw !important;
	}
}
#category_list_mentai-tube_10_contents > .exp {
	position: relative;
	margin-top: 30px;
	padding-top: 30px;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .exp {
		margin-top: 6vw;
		padding: 4vw 6vw 0;
	}
}
#category_list_mentai-tube_10_contents > .exp::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	content: "";
	display: block;
	border-top: 1px dashed #3F1500;
}
@media screen and (max-width:767px) {
	#category_list_mentai-tube_10_contents > .exp::before {
		left: 4vw;
		width: calc(100% - (4vw * 2));
	}
}
/* パターン */
.category_list_mentai-tube_lineup {
	position: relative;
	width: 100%;
/*	margin-top: -80px;
	padding-top: 80px;*/
	padding-bottom: 60px;
	background-image: url(https://www.onlineshop-yamaya.com/upload_file/img/category_list/mentai-tube/bg.webp);
	background-repeat: repeat;
	background-size: 64px 64px;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup {
		margin-top: -26vw;
		padding-top: 26vw;
		padding-bottom: 8vw;
	}
}
#category_list_mentai-tube_07::before { background-color: #F7E3E9; }
#category_list_mentai-tube_08::before { background-color: #F3DFE3; }
#category_list_mentai-tube_09::before { background-color: #FFE7D4; }
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup::before {
		position: absolute;
		top: 0;
		width: 100%;
		height: 26vw;
		content: "";
		display: block;
		background-image: url(https://www.onlineshop-yamaya.com/upload_file/img/category_list/mentai-tube/bg.webp);
		background-repeat: repeat;
		background-size: 64px 64px;
	}
}
.category_list_mentai-tube_lineup_exp {
	width: calc(100% * (860 / 1040));
	margin: 40px auto 0;
	color: #3F1500 !important;
	font-size: 1.2rem !important;
	text-align: center;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_exp {
		width: calc(100% - (8vw * 2));
		margin-top: 4vw;
		font-size: 3.8vw !important;
	}
}
.category_list_mentai-tube_lineup_info {
	width: calc(100% * (860 / 1040));
	margin: 30px auto 0;
	padding: 30px 0;
	border: 1px dashed #3F1500;
	border-radius: 30px;
	background: #fff;
	text-align: center;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_info {
		width: calc(100% - (4vw * 2));
		margin-top: 3vw;
		padding: 5vw 0 6vw;
		border-radius: 6vw;
	}
}
.category_list_mentai-tube_lineup_info_main {
	width: auto;
	display: inline-flex;
	gap: 10px;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_info_main {
		gap: 2vw;
	}
}
.category_list_mentai-tube_lineup_info_main .name,
.category_list_mentai-tube_lineup_info_main .price {
	font-size: 1.4rem !important;
	font-weight: 600 !important;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_info_main .name,
	.category_list_mentai-tube_lineup_info_main .price {
		font-size: 4.8vw !important;
	}
}
.category_list_mentai-tube_lineup_info_main .price .taxin {
	margin-left: -6px;
	font-size: 1.0rem !important;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_info_main .price .taxin {
		font-size: 3.8vw !important;
	}
}

/* ボタン */

.category_list_mentai-tube_lineup_info_btn,
#category_list_mentai-tube_10_contents_btns {
	width: 84%;
	margin: 20px auto 0;
	display: flex;
	gap: 40px;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_info_btn,
	#category_list_mentai-tube_10_contents_btns {
		width: calc(100% - (4vw * 2));
		margin-top: 4vw;
		flex-wrap: wrap;
		gap: 3vw;
	}
}
.category_list_mentai-tube_lineup_info_btn li,
#category_list_mentai-tube_10_contents_btns li {
	width: calc((100% - 40px) / 2);
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_info_btn li,
	#category_list_mentai-tube_10_contents_btns li {
		width: 100%;
	}
}
.category_list_mentai-tube_lineup_info_btn li a,
#category_list_mentai-tube_10_contents_btns li a {
	position: relative;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	transition-duration: 300ms;
	font-size: 1.25rem !important;
}
	.category_list_mentai-tube_lineup_info_btn li.detail a,
	#category_list_mentai-tube_10_contents_btns li.detail a {
		border: 1px solid #900011;
		background: #fff;
		color: #900011 !important;
	}
	.category_list_mentai-tube_lineup_info_btn li.cart-in a,
	#category_list_mentai-tube_10_contents_btns li.cart-in a {
		border: 1px solid #900011;
		background: #c82015;
		color: #fff !important;
	}
@media screen and (max-width:1023px) {
	.category_list_mentai-tube_lineup_info_btn li a,
	#category_list_mentai-tube_10_contents_btns li a {
		height: 7vw;
		border-radius: 3.5vw;
		font-size: 1.125rem !important;
	}
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_info_btn li a,
	#category_list_mentai-tube_10_contents_btns li a {
		height: 14vw;
		border-radius: 7vw;
		font-size: 4.8vw !important;
	}
}
	.category_list_mentai-tube_lineup_info_btn li.detail a:hover,
	#category_list_mentai-tube_10_contents_btns li.detail a:hover {
		background: #900011;
		color: #fff !important;
	}
	.category_list_mentai-tube_lineup_info_btn li.cart-in a:hover,
	#category_list_mentai-tube_10_contents_btns li.cart-in a:hover {
		background: #f00;
	}
.category_list_mentai-tube_lineup_info_btn li.detail a::after,
#category_list_mentai-tube_10_contents_btns li.detail a::after {
	position: absolute;
	top: 50%;
	right: 10%;
	width: 0;
	height: 0;
	content: "";
	display: block;
	border-style: solid;
	border-width: 5px 0 5px 14px;
	border-color: transparent transparent transparent #fff;
	transform: translateY(-50%);
}
	.category_list_mentai-tube_lineup_info_btn li.detail a::after,
	#category_list_mentai-tube_10_contents_btns li.detail a::after {
		border-color: transparent transparent transparent #900011;
	}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_info_btn li a::after,
	#category_list_mentai-tube_10_contents_btns li a::after {
		right: 8vw;
		border-width: 1vw 0 1vw 2.4vw;
	}
}
	.category_list_mentai-tube_lineup_info_btn li.detail a:hover::after,
	#category_list_mentai-tube_10_contents_btns li.detail a:hover::after {
		border-color: transparent transparent transparent #fff;
	}
.category_list_mentai-tube_lineup_recipe {
	margin-top: 40px;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_recipe {
		margin-top: 4vw;
	}
}
.category_list_mentai-tube_lineup_recipe_slider {
	position: relative;
	width: 100%;
	padding-top: 30px;
	overflow: hidden;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_recipe_slider {
		padding-top: 6vw;
	}
}
.category_list_mentai-tube_lineup_recipe_slider .swiper-slide {
	padding-left: 20px;
}
@media screen and (max-width:767px) {
	.category_list_mentai-tube_lineup_recipe_slider .swiper-slide {
		padding-left: 2vw;
	}
}
.category_list_mentai-tube_lineup_recipe_slider .swiper-slide a {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
	display: block;
	overflow: hidden;
	background: #fff;
}
.category_list_mentai-tube_lineup_recipe_slider .swiper-slide a img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: 300ms;
}
.category_list_mentai-tube_lineup_recipe_slider .swiper-slide a:hover img {
	opacity: 0.6;
	transform: scale(1.2);
}
.category_list_mentai-tube_lineup_recipe_slider .swiper-pagination {
	top: 0;
	bottom: auto;
}
.category_list_mentai-tube_lineup_recipe_slider .swiper-pagination-bullet-active {
	background-color: #3e1600;
}