@charset "utf-8";
/* CSS Document */
body{
	padding-top: 88px;
	background-color: #fff;
}

#hsd_same_category_area{
	padding: 30px 0 20px;
}
#hsd_same_category_area .pickup_item{padding-bottom: 10px}
#hsd_same_category_area .pickup_item a{
	display: block;
}
#hsd_same_category_area .pickup_item .item_photo{
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}
#hsd_same_category_area .active_box .pickup_item .item_photo{
	border: 2px solid #217C9F;
}

#hsd_same_category_area .pickup_item dd,#hsd_same_category_area .pickup_item dl,#hsd_same_category_area .hsd_h4{display: none!important;}

.ec-select #Class1RadioOuter .imgs{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}
input[type="radio"]:checked + label.imgs{border-color: #217C9F!important;}
.ec_contents_txt{
	padding-top: 10px;
	font-weight: 500;
	font-size: 15px;
}

.ec_contents_txt span{
	font-weight: 700;
	color: #DE5D50;
}
.sns-icons{
	margin-bottom: 0;
}
.shop_pagetitle{
	padding: 50px;
	height: 400px;
}
.shop_pagetitle .titlebox .bg-white{
	padding: 10px 20px;
	border-radius: 6px;
	line-height: 1;
}
.shop_header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 30px 40px;
	background-color: #F1F1F1;
	justify-content: space-between;
	z-index: 999;
}
.shop_header .logo{
	width: 30%;
	max-width: 180px;
}
.shop_header .head_menu{
	gap: 30px;
}
.shop_header .head_menu p{
	font-size: 14px;
}
.shop_header .head_menu .ul{
	gap: 20px;
}
.shop_header .head_menu .ul .li a > .flex{
	gap: 5px;
}
.shop_header .head_menu .ul .li a p{
	font-weight: 500;
}
.shop_header .head_menu .ul .li .circle{
	border-radius: 50%;
	border: 1px solid #E8E8E8;
	width: 20px;
	height: 20px;
}
.shop_header .head_menu .ul .li .circle img{
	width: 50%;
	transition: ease 0.3s;
}
.shop_header .head_menu .ul .li a:hover .circle img{
	transform: translateX(1px);
}
.shop_header .head_menu .contact_bt a{
	background-color: #BA1A23;
	border-radius: 200px;
	padding: 10px 20px;
}
.shop_header .head_menu .contact_bt a p,.shop_header .head_menu .contact_bt a i{
	color: #fff;
}
.shop_header .ul .li a{
    position: relative;
}
.shop_header .ul .li a:hover{
    opacity: 1;
}
.shop_header .ul .li a p.jp_txt{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    transition: ease 0.4s;
    font-size: 12px;
    white-space: nowrap;
    background-color: #f1f1f1;
    padding: 5px;
}
.shop_header .ul .li a:hover p.jp_txt{
    transform: translateX(0) translateY(-50%);
    opacity: 1;
}
.shop_header .ul .li a p:not(.jp_txt){
    transition: ease 0.4s;
}
.shop_header .ul .li a:hover p:not(.jp_txt){
    transform: translateX(50%);
    opacity: 0;
}
.shop_header .ul .li{
    position: relative;
}
.shop_header .ul .li:nth-of-type(1){
    z-index: 10;
}
.shop_header .ul .li:nth-of-type(2){
    z-index: 9;
}
.shop_header .ul .li:nth-of-type(3){
    z-index: 8;
}
.shop_header .ul .li:nth-of-type(4){
    z-index: 7;
}
.shop_header .ul .li:nth-of-type(5){
    z-index: 6;
}
.shop_header .ul .li:nth-of-type(6){
    z-index: 5;
}
.shop_header .ul .li:nth-of-type(7){
    z-index: 4;
}
.shop_header .ul .li:nth-of-type(8){
    z-index: 3;
}


.shop_footer{
	max-width: 100%;
}
.shop_footer .leftbox{
	width: 25%;
}
.shop_footer .rightbox{
	width: 68%;
    margin-top: 0px;
}
.shop_footer .footer_menu{
	margin-top: 0;
	padding: 0;
	border-top: none;
	border-bottom: none;
	gap: 80px;
	justify-content: flex-end;
	margin-bottom: 50px;
}
.shop_footer .footer_menu .ul{
	width: auto!important;
}
.shop_footer .footer_menu .ul .li{
}
.shop_footer .footer_menu .ul .li:not(:last-of-type){
	margin-bottom: 20px;
}
.shop_footer .link_box{
	gap: 50px;
}

.shop_header .ul a p,.shop_footer .ul a p{margin-left: 5px;}
.shop_footer .ul a{
	justify-content: flex-start;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	body{
		padding-top: 118px;
	}
  .menu-bt{top:10px;}
	.shop_pagetitle{
		height: 340px;
	}
	.shop_header .head_menu{
		display: none;
	}
	.shop_footer .footer_menu{
		display: none;
	}
	.shop_footer .leftbox{
		width: 30%;
	}
	.shop_footer > .flex{
		align-items: center;
	}
	.footer .logo{
		width: 70%;
		margin-bottom: 30px;
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	
	#hsd_same_category_area .hsd_flex_area_sc{
		gap: 20px;
	}
	#hsd_same_category_area .hsd_flex_area_sc > div{
		width: calc(100% / 3 - 40px / 3);
		padding: 0;
		max-width: 100%;
	}
	
	.shop_footer > .flex{
		justify-content: center;
	}
	.shop_footer .leftbox{
		width: 30%;
		margin-bottom: 30px;
	}
	.shop_footer .rightbox{
		width: 100%;
	}
	.shop_footer .rightbox .link_box{
		justify-content: center;
	}
	.shop_pagetitle{
		height: 280px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.shop_footer .leftbox{
		width: 40%;
		margin-bottom: 30px;
	}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	body{
		padding-top: 64px;
	}
	#hsd_same_category_area .hsd_flex_area_sc{
		gap: 15px;
	}
	#hsd_same_category_area .hsd_flex_area_sc > div{
		width: calc(100% / 3 - 30px / 3);
	}
	.shop_pagetitle{
		height: 200px;
		text-align: center;
	}
	.shop_header{
		padding: 20px 20px;
	}
	.shop_footer .leftbox{
		width: 80%;
		margin-bottom: 30px;
		text-align: center;
	}
  .footer .logo{margin:0 auto 30px}
	.shop_footer .rightbox .link_box{
		gap: 30px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}