@charset "utf-8";
/* CSS Document */


/*********************************************

	         　共通

*********************************************/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.contents_wrapper{
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
  /*padding-top: 30px;*/
	line-height: 1.8;
}
.contents_inner{
	padding: 5%;
}


/* 整列部分 */
ul.list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

ul.list img{width: 100%}

ul.list li{margin-bottom: 2%;text-align: center;}




/* hover image
--------------------------------*/
a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/* bg
--------------------------------*/
.bg2{
	/*background-image: url("../images/bg2.jpg");
	background-repeat: repeat;*/
	background-color: #ededed;
	padding:0 0 50px;
}

div.more{
	text-align: center;
	margin-bottom: 50px;
}

div.more img{
	max-width: 668px;
	width: 100%;
}



body{
	background-color: #FFF;
	line-height: 1.8 !important;
}



/*メインコンテンツ_コンテンツ配置*/
.content *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #505050;
}
.content * img{
	width: 100%;
	vertical-align: bottom;
}
.content * a{
	text-decoration: none;
}
.content {
  position: relative;
	width: 100%;
  display: flex;
  align-items: flex-start;
}
.content .bg_{
	background-image: url(https://wwwokadayacojp.ecbeing.biz/img/usr/underwear/event/under60/background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
	z-index: 0;
}
.content .bg_.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.content .bg_.is-bottom {
  position: absolute;
  bottom: 0;
  top: auto;
}
.content_potision{
	position: relative;
	width: 100%;
	height: 100%;
	scrollbar-width: none;
	overflow-y: scroll;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.center_content{
	max-width: 680px;
	width: 100%;
	margin: 0;
	background-color: #FFF;
}
.left_content {
  position: relative;
	display: block;
	width: 50%;
  height: 100vh;
	margin: 0 auto;
}
.right_content {
  position: relative;
	display: block;
	width: 50%;
  height: 100vh;
	margin: 0 auto;
}

@media screen and (max-width:1024px){
.left_content {
	display: none;
}
.right_content {
	display: none;
}
}

.fv{
	position: relative;
	z-index: 2;
}

.fv img{
	vertical-align: bottom;
	width: 100%;
}
/*コンテンツ_メインコンテンツ*/
.content_wrap{
	position: relative;
	padding: 80px 20px;
}

.lead{
	background-color: #FFF;
}
.lead_ttl{
	position: relative;
	font-size: 48px;
	font-weight: bold;
	color: #eaa3b8;
	text-align: center;
	padding-bottom: 30px;
}
.lead_ttl::after{
	position: absolute;
	content: "";
	background-image: url(https://wwwokadayacojp.ecbeing.biz/img/usr/underwear/event/under60/line.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 590 / 20;
	max-width: 590px;
	width: 100%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.lead_text{
	font-size: 22px;
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width:768px){
	.lead_ttl{
		font-size: 36px;
	}
	.lead_text{
		font-size: 18px;
	}
}

@media screen and (max-width:520px){
	.lead_ttl{
		font-size: 30px;
	}
	.lead_text{
		font-size: 16px;
	}
}

.size{
	background-color: #f5e6ea;
}

.medium_ttl{
	font-size: 30px;
	text-align: center;
}
.medium_ttl .line{
	background: linear-gradient(transparent 60%, #fffbcf 60%);
  display: inline;
}
.about{
	background-color: #fcf8f9;
	width: 100%;
	border-radius: 40px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}
.about_ttl{
	background: #bfb0b3 !important;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border-radius: 40px 40px 0 0;
	padding: 20px 0;
	margin-bottom: 20px;
}
.about_subttl{
	font-size: 22px;
	text-align: center;
	margin-bottom: 20px;
}
.about_list{
	display: grid;
	gap: 10px;
	width: 92%;
	margin: 0 auto;
}
.about_list li{
	font-size: 20px;
	font-weight: 600;
	display: flex;
	justify-content: flex-start;
}
.about_list li span{
	max-width: 25px;
	aspect-ratio: 1 / 1;
	margin-right: 10px;
}

.question{
	position: relative;
	margin-bottom: 30px;
	padding-top: 30px;
}
.answer{
	position: relative;
	background-color: #FFF;
	border-radius: 40px;
	padding: 20px 0;
	margin-bottom: 60px;
}
.qa_icon{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 14%;
}
.answer_text{
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
}
.answer_text .line{
	background: linear-gradient(transparent 60%, #fffbcf 60%);
  display: inline;
	font-weight: 600;
}
.answer_detail{
	font-size: 16px;
	text-align: center;
}
.size_table {
  max-width: 580px;
  width: 100%;
  border-collapse: collapse;
  margin: 20px auto 0;
}
.size_table th,
.size_table td {
  border: 1px solid #9a9899;
  padding: 16px 10px;
  text-align: center;
}
.size_table th {
  background: #faf2f4;
	font-size: 30px;
  font-weight: bold;
}
.size_table td {
  background: #fff;
  font-size: 24px;
	font-weight: bold;
}


@media screen and (max-width:768px){
	.medium_ttl,
	.about_ttl,
	.size_table th{
		font-size: 26px;
	}
	.lead_text,.answer_text,
	.about_subttl{
		font-size: 16px;
	}
	.size_table td {
		font-size: 20px;
	}
	.about_list li{
		font-size: 16px;
	}
	.answer_detail{
		font-size: 13px;
	}
}
@media screen and (max-width:520px){
	.medium_ttl,
	.about_ttl,
	.size_table th{
		font-size: 20px;
	}
	.lead_text,.answer_text{
		font-size: 16px;
	}
	.size_table td {
		font-size: 18px;
	}
	.about_list li{
		font-size: 14px;
	}
	.answer_detail{
		font-size: 12px;
	}
}

/*商品*/
.product .content_wrap{
	padding: 80px 30px;
}
.product#item01{
	position: relative;
	background-color: #ebced9;
}
.product#item02{
	position: relative;
	background-color: #dde5cf;
}
.product#item03{
	position: relative;
	background-color: #f3c7c7;
}
.product#item04{
	position: relative;
	background-color: #f1d8bb;
}
.product_num{
	position: absolute;
	top: 0;
	left: 30px;
}
.product_num img{
	width: auto;
}

.product_ttl{
	font-size: 38px;
	color: #FFF;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 30px;
	font-weight: bold;
}
.product_img{
	width: 100%;
}
.product_info{
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 50px;
}
.product_info_img{
	position: relative;
	width: 50%;
}
.product_info_img span{
	position: absolute;
	display: inline-block;
}
.product#item01 .product_info_img span{
	aspect-ratio: 212 / 291;
	max-width: 212px;
	width: 90%;
	bottom: -30px;
	right: 30px;
}
.product#item02 .product_info_img span{
	aspect-ratio: 267 / 328;
	max-width: 267px;
	width: 90%;
	bottom: -65px;
	right: 15px;
}
.product#item03 .product_info_img span{
	aspect-ratio: 236 / 192;
	max-width: 236px;
	width: 90%;
	bottom: -30px;
	right: 30px;
}
.product#item04 .product_info_img span{
	aspect-ratio: 271 / 230;
	max-width: 212px;
	width: 90%;
	bottom: 0px;
	right: 30px;
}
.product_info_name{
	width: 50%;
}
.product_info_name p{
	font-size: 24px;
	font-weight: bold;
}
.product_colors{
	max-width: 299px;
	width: 50%;
	margin: 0 auto 30px;
}
.product_btn{
	background-color: #eaa3b8;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border-radius: 999px;
	padding: 15px 0;
	transition: all 0.3s ease;
}
.product_btn:hover{
	background-color: #fff;
	color: #eaa3b8;

}
@media screen and (max-width:768px) {
		.product_num img{
		width: 80% !important;
	}
	.product_ttl{
		font-size: 28px;
	}
	.product_info_name p{
		font-size: 20px;
	}
	.product_btn{
		font-size: 18px;
	}

	.product#item01 .product_info_img span{
    width: 80%;
    bottom: -30px;
    right: 10px;
	}
	.product#item02 .product_info_img span{
    bottom: -20px;
    right: 5px;
	}
	.product#item03 .product_info_img span{
		bottom: 10px;
		right: 10px;
	}
	.product#item04 .product_info_img span{
    bottom: 10px;
    right: 10px;

	}
}
@media screen and (max-width:520px) {
	.product_ttl{
		font-size: 22px;
	}
	.product_info_name p{
		font-size: 18px;
	}
	.product_btn{
		font-size: 16px;
	}
}

/*コーディネート*/
.coordinate_list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 30px;
}
.coordinate_list li{
	width: calc(100% / 2 - 15px);
}
.coordinate_list li div{
	margin-bottom: 10px;
	border-radius: 50px;
	background-color: #FFF;
	overflow: hidden;
}
.coordinate_list li .coordinate_name{
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
}

.sec_more{
	background-color: #eba8b9;
}
.sec_more .content_wrap{
	padding: 0 20px 80px;
	text-align: center;
}
.more_num{
	text-align: center;
	display: inline-block;
	margin-bottom: 20px;
}
.more_num img{
	width: auto !important;
	margin: 0 auto;
}
.more_img{
	margin-bottom: 40px;
}
.more_btn{
	background-color: #FFF;
	font-size: 22px;
	font-weight: bold;
	color: #eaa3b8;
	text-align: center;
	border-radius: 999px;
	padding: 15px 0;
	opacity: 1;
	transition: all 0.3s ease;
}
.more_btn:hover{
	opacity: 0.6;
}
.coordinate_ttl{
	margin-top: 60px;
	margin-bottom: 40px;
}
@media screen and (max-width:768px) {
	.more_num img{
		width: 80% !important;
	}

	.coordinate_list li .coordinate_name,
	.more_btn{
		font-size: 18px;
	}
	.coordinate_list li div{
		border-radius: 30px;
	}
}
@media screen and (max-width:520px) {

	.coordinate_list li .coordinate_name,
	.more_btn{
		font-size: 16px;
	}
}


/*右側*/
.nav_list{
	position: relative;
	display: flex;
	justify-content: center;
	gap: 20px;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.nav_list li a{
	display: grid;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.nav_num{
	display: inline-block;
	width: 50px;
}
.nav_icon{
	display: inline-block;
	width: 70px;
}
.nav_list .nav_text{
	writing-mode: vertical-rl;
  text-orientation: upright;
	font-weight: 600;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;

}

.logo_img{
	position: relative;
	max-width: 254px;
	width: 100%;
	box-sizing: border-box;
	transition: opacity 0.4s ease, transform 0.4s ease;
	visibility: visible;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	/* background-color: #FFF;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 999px;*/
	padding: 20px;
}


.fade_target {
  opacity: 0;
  transition: opacity 0.6s ease;
}

.fade_target.is-visible {
  opacity: 1;
}
#recommend_bn{
	background-color: #FFF;
}
#block_of_itemhistory {
    background-color: #FFF;
    position: relative;
    z-index: 3;
}
.pane-right-menu{
	margin: 0 !important;
	padding: 30px 0;
	background-color: #FFF;
}
#recommend_bn,
.bg2{
	position: relative;
	z-index: 2;
}