@charset "utf-8";

/** top
===================================*/
#contents {
	/* padding: 25px 15px 0px; */
	/* max-width: 1190px; */
	/* max-width: none; */
	/* width: 100%; */
}

#sub-column {
	display: none;
}

#main-column {
	float: none;
	width: 100%;
	max-width: 1160px;
	margin: auto;
}

.spt_wrap::-webkit-scrollbar {
  background: #e5e5e5;
  height:4px;
	
}
.spt_wrap::-webkit-scrollbar-thumb {
  background-color:#b3b3b3;
}

@media screen and (max-width:768px){
#sub-column {
	display: block;
}	
}
/** product
===================================*/
#bread-crumb {
	margin: 0 auto 15px;
	max-width: 1160px;
}

#itemDetail-cont .itemThumb-wrap {
	float: left;
	width: 55.17%;
	margin: 0 3.45% 0 0;
	max-width: 100%;
}

.productSwiper {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.productSwiper img{
	width: 100%;
}
#main-column .recommend h2 {
	font-family: 'Poppins','Noto Sans JP',-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif !important;
}

#itemDetail-wrap .itemThumb-main {
	min-width: 100%;
	min-height: 1px;
}

#itemDetail-wrap .itemThumb-main * {
}

#itemDetail-wrap .itemThumb {
}

#itemDetail-wrap .itemThumb.v2 {
	display: none;
}

.itemThumb {
}

.spt_wrap {
	overflow-x: hidden;
	margin: auto;
	text-align: center;
	/* display:none; */
}
.swiper-pagination span{
	/* display:none; */
}
#swiper-pagenation-target {
	position: relative;
	top: 0;
	left: 50%;
	margin: 0;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	padding: 15px 0 0;
	gap: 4px;
	/* width: fit-content;
	padding-bottom: 15px; */
	width: fit-content;
	z-index: 1;
	transform: translateX(-50%);
}

#swiper-pagenation-target .swiper-pagination-bullet {
	width: 20px;
	opacity: 1;
	margin: 0 2px;
	height: 4px;
	background: none;
	border-radius: 0;
	border: 2px solid transparent;
	box-sizing: border-box;
	background: #ccc;
	border-radius: 100px;
}

#swiper-pagenation-target .swiper-pagination-bullet.swiper-pagination-bullet-active {
	/* border: 1px solid #b3b3b3; */
	background: #000;
}

#swiper-pagenation-target .swiper-pagination-bullet span {
}

#swiper-pagenation-target .swiper-pagination-bullet picture {
}

.swiper-button-next, .swiper-button-prev {
    font-size: 0;
}

.p_slider_wrap .swiper-button-next, .p_slider_wrap .swiper-button-prev {
	height: auto;
	/* top: calc(55% - 50px); */
	top: 50%;
	transform: translateY(-50%);
}


.p_slider_wrap .swiper-button-next {
	right: 0;
	height: auto;
}

.p_slider_wrap .swiper-button-next::after {
	height: auto;
	color: #000;
	/* background-color: #0C1324; */
	padding: 8px;
	font-size: 20px;
}

.p_slider_wrap .swiper-button-prev {
	left: 0;
	height: auto;
}

.p_slider_wrap .swiper-button-prev::after {
	height: auto;
	color: #000;
	/* background-color: #0C1324; */
	padding: 8px;
	font-size: 20px;
}

#itemDetail-cont .itemOutline {
	float: left;
	width: 41.38%;
	max-width: 390px;
}

#itemDetail-cont .itemOutline ul.ico_itemType li {
	float: left;
	/* width: 70px; */
	/* height: 28px; */
	margin-right: 10px;
}

article#Detail #main-column h1 {
	/* font-size: 24px; */
	/* font-weight: bold; */
	font-family: 'Poppins','Noto Sans JP',-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}

section#itemDetail-wrap table.price th {
	font-size: 14px;
	line-height: 1.7;
	vertical-align: middle !IMPORTANT;
	width: 32% !important;
}

section#itemDetail-wrap table.price td {
	/* font-size: 14px; */
	/* line-height: 1.7; */
}

#itemDetail-wrap #spsVarpriceBox > div {
  background: none;
  padding: 0;
}

table.price tr.price span.selling_price, table.price tr.price span.taxin, table.price tr.price span.discount_rate, table.price tr.sp_price span.special_price, table.price tr.sp_price span.taxin, table.price tr.sp_price span.discount_rate {
	/* color: #E30F2D; */
	/* font-size: 120%; */
	/* font-weight: bold; */
	margin-bottom: 3px;
	/* font-size: 28px; */
}

table.price tr.sp_price span.taxin {
	font-size: 12px;
}

span.publish_point {
	font-size: 13px;
}

table.price tr.price span.taxin {
	font-size: 12px;
	font-weight: normal;
}

section#itemDetail-wrap table.spec {
	line-height: 1.7;
	font-size: 14px;
}

section#itemDetail-wrap table.spec th {
	line-height: 1.7;
	vertical-align: middle;
	/* width: 35%; */
}

section#itemDetail-wrap table.spec tr.quantityArea td select.quantity {
	height: auto;
	padding: 12px 5px;
	width: 100%;
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
}

section#itemDetail-wrap table.spec td input {
	padding: 8px 5px;
	font-size: 16px;
	height: auto !important;
}

article#Detail .itemOutline ul.infoArea {
	height: auto;
}

section#itemDetail-wrap .description {
	margin-top: 50px;
}

h3.product_desp_title {
	font-size: 18px;
	margin-bottom: 24px;
}

h3.product_desp_title span::after {
	content: "";
	display: block;
	border-bottom: 2px solid #006767;
	width: 30px;
	margin-top: 5px;
}

section#itemDetail-wrap .cartArea img.nostock, section#itemDetail-wrap .cartArea input.dialogSStock {
	width: 225px;
}

section#itemDetail-wrap p.cancel {
	background: none;
	padding: 10px 0;
	font-size: 13px;
}

section#itemDetail-wrap p.cancel a {
	/* color: #005BD6; */
	/* display: inline-block; */
}

section#itemDetail-wrap p.cancel a::before {
	/* content: ">"; */
	margin-right: 5px;
	font-weight: bold;
	font-size: 14px;
	line-height: 13px;
}

span.sps-wishAddItem img {
	/* width: 225px; */
}

.description hr {
	display: block;
	border: 0;
	border-bottom: 1px solid #ddd;
	height: 0px;
	padding-top: 1.5em;
	margin-bottom: 1.5em;
}


/* サブ紹介文1 */
div#main-column > section.itemDetail-wrap_sub1 {
	margin-top: 50px;
	width: 100vw !important;
	left: calc((-100vw + 100%) / 2);
	position: relative;
	max-width: none;
	border-top: 1px solid #ABB0C3;
	padding-top: 50px;
}

h3.subttl {
	font-size: 18px;
	margin-bottom: 24px;
}

ul.item.zoom {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	max-width: 690px;
	font-size: 13px;
	line-height: 1.7;
}

ul.item.zoom.full {
	max-width: 100%;
}

ul.item.zoom > li {
	width: calc(33.333% - 25px * 2 / 3);
}

ul.item.zoom > li > a > img {
	width: 100%;
}

ul.item.zoom > li > a > img {
	width: 100%;
	margin-bottom: 10px;
}

.additional_1 + .additional_1 {
	margin-top: 36px;
}


/* サブ紹介文 */
.product_recommend_items_area {
	margin-top: 60px;
	background-color: #F2F4FA;
	padding: 60px 0 50px;
	width: 100vw;
	left: calc((-100vw + 100%) / 2);
	position: relative;
}

.recommend_items_wrap {
}

.recommend_items_wrap + .recommend_items_wrap {
	margin-top: 50px;
	border-top: 1px solid #D0D3D9;
	padding-top: 60px;
}

h3.item_rec_title {
	font-size: 18px;
	margin-bottom: 24px;
}

#itemDetail-wrap3 {
  margin-top: 36px !important;
}

span.sps-wishAddItemOk img {
	width: 100%;
	/* max-width: 300px; */
}





/*--------------------------------------------------------------------
  === [MEDIA QUERY] ====================================
--------------------------------------------------------------------*/

/** PC only
===================================*/
@media screen and (min-width: 1190px) {

}/* @media */



/** small-PC
===================================*/
@media screen and (max-width: 1189px) {
.category_bnr {
	width: calc(25% - 20px * 3 / 4);
}

li.feature_box {
	width: calc(25% - 20px * 3 / 4);
}

ul.item_box_list.flbox.ranking_item_box_list {
	padding-left: 15px;
	padding-right: 15px;
}

.ranking_item_box_list .item_box_part {
	width: 230px;
}

.diary_guide_detail_link.v2 a {
	padding: 4px 5px;
}









}/* @media */



/** Tablet
===================================*/
@media screen and (max-width: 1023px) {
/** tb-base
===================================*/
#TB_ancor {
	color: #f66;
	font-size: 20px;
}


}/* @media */






/** SmartPhone
===================================*/
@media screen and (max-width: 768px) {
/** base
===================================*/
#SP_ancor {
	color: #f66;
	font-size: 20px;
}


/** sp-product
===================================*/
div#main-column {
	padding: 0;
}

#itemDetail-cont .itemThumb-wrap {
	margin: auto;
	width: 100%;
	margin-right: 0;
}

.productSwiper {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

#swiper-pagenation-target {
	position: relative;
	top: 0;
	/* left: 0; */
	/* margin: 0; */
	/* height: auto; */
	display: flex;
	flex-wrap: nowrap;
	/* padding-top: 5px; */
	/* gap: 2px; */
	width: fit-content;
	/* padding: 5px 0px 10px 0; */
}

.spt_wrap {
	/* overflow-x: scroll; */
}

#swiper-pagenation-target .swiper-pagination-bullet {
	/* border-width: 1px; */
	/* width: 80px; */
}

#swiper-pagenation-target .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: 1px solid #0C1324;
}

#itemDetail-cont .itemOutline {
	width: 100%;
}

ul.ico_itemType {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

#itemDetail-cont .itemThumb-wrap ul.ico_itemType li {
	width: 62px;
}

article#Detail #main-column h1 {
	font-size: 18px;
	margin-bottom: 5px;
}

#pi_cart #bread-crumb {
	display: block;
	margin-bottom: 0;
}

#pi_cart #bread-crumb {
	display: none;
}

#pi_cart #bread-crumb-listTop ol li {
	font-size: 12px;
	width: auto !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

.itemThumb {
	overflow: auto;
}

#itemDetail-cont .itemThumb-wrap .itemThumb ul {
	display: flex;
	width: fit-content;
	padding-bottom: 5px;
}

#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
	width: 80px;
	height: 80px;
}

section#itemDetail-wrap table.price th {
	font-size: 13px;
	line-height: 1.7;
	vertical-align: middle !IMPORTANT;
	width: 32% !important;
}

section#itemDetail-wrap table.spec {
	line-height: 1.7;
	font-size: 13px;
}

article#Detail .itemOutline ul.infoArea {
	height: auto;
	margin-top: 0;
}

section#itemDetail-wrap p.cancel {
	padding: 20px 0 0;
}

section#itemDetail-wrap .description {
	margin-top: 40px;
}

section#itemDetail-wrap #bread-crumb li {
	font-size: 12px;
	width: 47%;
	margin-bottom: 4px;
}

div#main-column > section.itemDetail-wrap_sub1 {
	padding-top: 18px;
}

h3.subttl {
	font-size: 18px;
	margin-bottom: 18px;
	position: relative;
	cursor: pointer;
}

h3.subttl::after {
	content: url(../img/icon_plus.svg);
	position: absolute;
	right: 0;
	top: 3px;
	line-height: 1;
}

h3.subttl.open::after {
	content: url(../img/icon_minus.svg);
	top: 2px;
}

h3.subttl + .item_zoom_wrap {
	display: none;
	margin-bottom: 36px;
}

ul.item.zoom {
	gap: 15px;
}

ul.item.zoom > li {
	width: calc(50% - 15px * 1 / 2);
}

.item_box_list_wrap_scroll {
	overflow: auto;
}

.product_recommend_items_area {
	margin-top: 18px;
}

.recommend_items_wrap .item_box_list.item_box_list6 {
	gap: 30px 10px;
	flex-wrap: nowrap;
	width: fit-content;
	padding-bottom: 15px;
}

.recommend_items_wrap .item_box_list.item_box_list6 li {
	width: 140px;
}

table.price tr.price span.selling_price, table.price tr.price span.taxin, table.price tr.price span.discount_rate, table.price tr.sp_price span.special_price, table.price tr.sp_price span.taxin, table.price tr.sp_price span.discount_rate {
  font-size: 20px;
}

table.price tr.price span.taxin {
  font-size: 12px;
  font-weight: normal;
}

#itemDetail-wrap3 {
  margin-top: 0px !important;
}

.itemDetail-wrap3 h3::after {
  display: none;
}


/** sp-product_category
===================================*/
.category_info_wrap {
	flex-direction: row-reverse;
}

.category_info_exp {
	width: 100%;
}

.category_info_img {
	width: 100%;
}

#category_main_wrap #sub-column {
	display: none;
}

section#itemList_wrap {
	width: 100%;
}

#category_main_wrap section#itemList_wrap {
	width: 100%;
}

#itemList_wrap #pager-top {
	padding-top: 10px;
}

#itemList_wrap #pager-top .selectbox {
	font-size: 0;
}

#itemList_wrap #pager-top .selectbox {
	gap: 0;
	display: flex;
	flex-wrap: wrap;
}

#itemList_wrap #pager-top .selectbox .select01 {
	width: 32%;
	margin-right: 2%;
}

#itemList_wrap #pager-top .selectbox .select01:last-child {
	margin: 0;
}

#itemList_wrap #pager-top .quantity {
	margin-top: 2px;
	font-size: 14px;
}


.column-set .column4 {
	width: calc(50% - 20px * 1 / 2);
}

#itemList .column-set {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
}

article #main-column #itemList section.column4 h2, article #main-column #itemList section.column4 h2, article #main-column #itemList section.column4 h2 {
	font-size: 13px;
}

#itemList_wrap #pager-bm {
	padding-bottom: 0;
}



.brand_lp {
	margin-bottom: 24px;
}

.b_ttl {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-bottom: 20px;
}

.b_logo { grid-area: 2 / 1 / 3 / 2; }

.b_ttlimg {
	grid-area: 1 / 1 / 2 / 2;
	margin-bottom: 20px;
}

.b_ttltext { grid-area: 3 / 1 / 4 / 2; }

#main-column h2.b_logo {
	text-align: center;
	justify-content: center;
	margin-bottom: 20px;
}

.b_item {
	margin-right: -15px;
	overflow: auto;
	padding-bottom: 10px;
}

.b_item ul {
	gap: 14px;
	flex-wrap: nowrap;
	width: max-content;
	padding-right: 15px;
}

.b_item {
	margin-right: 0;
}

.b_item ul > li {
	width: 100px;
	font-size: 10px;
}

.b_item ul {
	flex-wrap: wrap;
	width: auto;
	padding: 0;
	justify-content: center;
}

.b_item.pc_col3 {
	margin-right: -15px;
	overflow: auto;
	padding-bottom: 10px;
}

.b_item.pc_col3 ul {
	gap: 14px;
	flex-wrap: nowrap;
	width: max-content;
	padding-right: 15px;
}

.b_item.pc_col3 {
	margin-right: 0;
}

.b_item.pc_col3 ul > li {
	width: 100px;
	font-size: 10px;
}

.b_item.pc_col3 ul {
	flex-wrap: wrap;
	width: auto;
	padding: 0;
	justify-content: center;
}

.b_item_detail {
	margin: 0 -15px;
	padding: 30px 15px;
}

.b_item_detail > h3 {
	font-size: 18px;
	border-bottom: 1px solid currentColor;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.b_item_detail > ul {
	gap: 20px;
}

.b_item_detail > ul > li {
	width: 100%;
}

.b_item_detail > ul > li > a {
	padding: 15px;
}

.b_item_detail > ul > li div.img_box {
	width: 100px;
}

.b_item_detail > ul > li p .ttl_item_detail {
	display: block;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
}

.b_item_detail > ul > li p {
	width: calc(100% - 100px);
	padding-left: 15px;
	text-align: left;
	font-size: 12px;
}

.b_item_detail_sub {
	border: 1px solid #0C1324;
	padding: 15px;
	margin-top: 30px;
}

.b_item_detail_sub h3 {
	font-size: 16px;
	margin-bottom: 10px;
}

.b_item_detail_sub ul {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 14px;
}

.b_item_detail_sub ul li {
	font-size: 13px;
}
}
@media screen and (max-width:580px){
	section#itemDetail-wrap.item-main .description {
		margin-top: 0;
	}
	div#main-column section#itemDetail-wrap.item-main p.review_txt {
	    margin:0;
	}
	#itemDetail-cont table.snsArea{
		height:auto;
	}
}