@charset "UTF-8";
/* CSS Document */
.ditail-section img{
	width:100%;
	height:auto;
}
.bud_wrap{
	display:block;
}
.bud_wrap_f, .bud_wrap_ft{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
}
.bud_wrap_f_re{
	display:flex;
	flex-direction:row-reverse;
	justify-content: space-around;
}
.w100{
	width:100%;
}

.w50{
	width:50%;
}
.w100bg{
	width:100%;
	padding: 3.5%;
    border-radius: 0.5rem;
    background: #f2f9ff;
}
.bud_wrap_ft p{
	float:left;
	padding-right: 3%;
    line-height: 1.8rem;
    font-size: 1rem;
    margin-bottom: 1.2rem;
}
.bud_wrap_ft figure{
	min-width:30%;
	width:100%;
}
.w4_6 figure{
	width:40%;
}
.w4_6 div{
	width:58%;
}
.w5_5 figure{
	width:48%;
}
.w100 .wrap_txt{
	margin: 2%;
}
.w4_6 .wrap_txt{
	margin: 2% 0;
}
.bud_wrap figure{
	position:relative;
}
.bud_wrap figure img{
	border-radius: 0.5rem;
}
.bud_wrap figure figcaption{
	position: absolute;
    bottom: 2%;
    right: 2%;
    max-width: 96%;
    line-height: 1.1rem;
    font-size: 0.85rem;
    background: #fff;
    padding: 0.8%;
}
figure.img_contain figcaption{
	bottom:0;
}
.img_cover img{
	object-fit: cover;
}
.img_contain img{
	object-fit: contain;
}
.rato_1_1 img{
	aspect-ratio: 1 / 1;
}
.rato_3_2 img{
	aspect-ratio: 3 / 2;
}
.rato_4_5 img{
	aspect-ratio: 4 / 5;
}
.ditail-section .mb8{
	margin-bottom:8%;
}
.ditail-section .mb7{
	margin-bottom:7%;
}
.ditail-section .mb6{
	margin-bottom:6%;
}
.ditail-section .mb5{
	margin-bottom:5%;
}
.ditail-section .mb4{
	margin-bottom:4%;
}
.ditail-section .mb3{
	margin-bottom:3%;
}
.ditail-section .mb2{
	margin-bottom:2%;
}
.h_a{
	font-size: 2rem;
    font-weight: 500;
    line-height: 1.2em;
    border-bottom: 2px solid rgb(0,0,0);
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
}
.h_b{
	font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 1.2rem;
    color: #fff;
    padding: 1.5%;
    background: #ef7700;
}
.h_c{
	font-size: 2rem;
	display:inline;
    line-height: 1.2em;
    color: #333333;
    font-weight: bold;
    margin-bottom: 1.4rem;
    background-image: linear-gradient(transparent 60%, #FFE695 0%);
}
.h_d{
	font-size: 1.4rem;
    color: #fff;
    background: #00a0e9;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 1.2rem;
    padding: 2%;
}
.h_e{
	font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2em;
    background: #FFE695;
    padding: 1.5%;
    margin-bottom: 1.2rem;
}
.h_f{
	font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 1.2rem;
}
.bud_wrap p, .bud_wrap_f p, .bud_wrap_f_re p, .bud_wrap_ft p, div.txt_l p{	
	font-size: 18px;	
	line-height: 1.8;	
}
.txt_l p{
    width: 100%;
    padding-right: 0;
    margin-bottom: 1.4rem;
    line-height: 2.0rem;
    font-size: 1.4rem;
    color: #333;
}
.ditail-section .bud_additional_wrap01, .ditail-section .bud_additional_wrap02, .ditail-section .bud_additional_wrap03{
	max-width: 1000px;
    height: auto;
    margin: 0 auto;
}
.ditail-section .bud_additional_wrap02{
	clear: both;
    box-sizing: border-box;
    border: 1px solid #eee;
    margin: 35px auto;
}
.bud_add_overviewA, .bud_add_overviewB{
	padding: 4%;
}
.bud_add_overviewB{
	background: #eee;
}
.bud_add_overviewB a{
	text-decoration:underline;
}
.bud_add_overview_ttl{
	font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 3%;
}
.ditail-section .bud_additional_wrap02 .bud_add_overviewA dl, .ditail-section .bud_additional_wrap02 .bud_add_overviewB dl{
	display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
.ditail-section .bud_additional_wrap02 .bud_add_overviewB dl{
	border-bottom: 1px solid #ccc;
}
.ditail-section .bud_additional_wrap02 .bud_add_overviewA dl dt, .ditail-section .bud_additional_wrap02 .bud_add_overviewB dl dt{
	width: 33%;
    font-size: 1rem;
    line-height: 1.2em;
}
.ditail-section .bud_additional_wrap02 .bud_add_overviewA dl dd, .ditail-section .bud_additional_wrap02 .bud_add_overviewB dl dd{
	width: 65%;
    font-size: 1rem;
    line-height: 1.4em;
}

/*Safari用写真比率*/

_::-webkit-full-page-media, _:future, :root  .rato_1_1{
	position:relative;
	overflow:hidden;
}
_::-webkit-full-page-media, _:future, :root  .rato_1_1::before{
	content:'';
	display:block;
	padding-top: 100%;
}
_::-webkit-full-page-media, _:future, :root  .rato_3_2{
	position:relative;
	overflow:hidden;
}
_::-webkit-full-page-media, _:future, :root  .rato_3_2::before{
	content:'';
	display:block;
	padding-top: 67%;
}
_::-webkit-full-page-media, _:future, :root  .rato_4_5{
	position:relative;
	overflow:hidden;
}
_::-webkit-full-page-media, _:future, :root  .rato_4_5::before{
	content:'';
	display:block;
	padding-top: 125%;
}
_::-webkit-full-page-media, _:future, :root  .rato_1_1 img {
	position:absolute;
	top:0;
	height:100%;
}
_::-webkit-full-page-media, _:future, :root  .rato_3_2 img {
	position:absolute;
	top:0;
	height:100%;
}
_::-webkit-full-page-media, _:future, :root  .rato_4_5 img {
	position:absolute;
	top:0;
	height:100%;
}

_::-webkit-full-page-media, _:future, :root  .ditail-section .w4_6 img{
	max-height:500px;
}

_::-webkit-full-page-media, _:future, :root  .ditail-section .w5_5 img{
	max-height:500px;
}

/*230313 商品概要パターン追加*/
.bud_add_side_by_side{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ditail-section .bud_additional_wrap02 .bud_add_overviewA.bud_add_overviewSide dl dt,
.ditail-section .bud_additional_wrap02 .bud_add_overviewB.bud_add_overviewSide dl dt{
	display:block;
	margin-bottom:0.5rem;
	width:100%;
}
.bud_add_overviewSide.bud_add_overviewA .bud_add_overview_ttl{
	background: #eee;
    text-align: center;
    padding: 10px;
	border-radius: 30px;
}
.bud_add_overviewSide.bud_add_overviewB .bud_add_overview_ttl{
	background: #fff;
    text-align: center;
    padding: 10px;
	border-radius: 30px;
}
.ditail-section .bud_additional_wrap02 .bud_add_overviewA .bud_add_side_by_side dl,
.ditail-section .bud_additional_wrap02 .bud_add_overviewB .bud_add_side_by_side dl{
	flex-direction:column;
	align-items: flex-start;
	justify-content:flex-start;
	width:48.5%;
}
.ditail-section .bud_additional_wrap02 .bud_add_overviewA dl dd, 
.ditail-section .bud_additional_wrap02 .bud_add_overviewB dl dd{
	width:auto;
}
/*230529商品概要パターン追加*/
.bud_add_side_by_side div{
	flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 48.5%;
    display: flex;
	margin:0;
}
.ditail-section .bud_additional_wrap02 .bud_add_overviewA .bud_add_side_by_side div dl{
	width:100%;
}

@media screen and (max-width: 768px) {
	.w4_6 figure, .w4_6 div, .w5_5 figure{
		width:100%;
	}
	.w5_5 figure{
		margin-bottom:2%;
	}
	.bud_wrap, .bud_wrap_f, .bud_wrap_f_re{
		width: 96%;
    	margin-left:2%;
		margin-right:2%;
    	height: auto;
	}
	.bud_wrap_ft p{
		float:none;
	}
	.bud_wrap_f, .bud_wrap_f_re, .bud_wrap_ft{
		flex-direction: column;
	}
	.w100bg{
		padding: 6%;
	}
	.h_a{
		font-size: 24px;
	}
	.h_c{
		display: inline;
		font-size: 24px;
		line-height: 1.6rem;
	}
	.txt_l p{
		margin-top:1rem;
	}
	/*margin+3%*/
	.ditail-section .mb8{
	margin-bottom:11%;
	}
	.ditail-section .mb7{
		margin-bottom:10%;
	}
	.ditail-section .mb6{
		margin-bottom:9%;
	}
	.ditail-section .mb5{
		margin-bottom:8%;
	}
	.ditail-section .mb4{
		margin-bottom:7%;
	}
	.ditail-section .mb3{
		margin-bottom:6%;
	}
	.ditail-section .mb2{
		margin-bottom:5%;
	}
	.ditail-section .bud_additional_wrap02{
		width: 96%;
		margin: 0 2% 10%;
		background: #ffffff;
	}
	.bud_add_overview_ttl{
		font-size: 1.2rem;
	}
	.ditail-section .bud_additional_wrap02 .bud_add_overviewA dl, .ditail-section .bud_additional_wrap02 .bud_add_overviewB dl{
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 5%;
	}
	.ditail-section .bud_additional_wrap02 .bud_add_overviewA dl dt, .ditail-section .bud_additional_wrap02 .bud_add_overviewB dl dt{
		width: 100%;
		margin-bottom: 1rem;
	}
	.ditail-section .bud_additional_wrap02 .bud_add_overviewA dl dd, .ditail-section .bud_additional_wrap02 .bud_add_overviewB dl dd{
		width: 95%;
		margin-left: 5%;
	}
	
	/*230313 商品概要パターン追加*/
	.ditail-section .bud_additional_wrap02 .bud_add_overviewA .bud_add_side_by_side dl,
	.ditail-section .bud_additional_wrap02 .bud_add_overviewB .bud_add_side_by_side dl{
		width:100%;
	}
	
	
}