@charset "UTF-8";

@keyframes fade_in {
	0% {
		background-color: initial !important;
	}
	100% {
		background: #faf7f3;
	}
}

/*common*/
#stylist_0430_vol5 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}
#stylist_0430_vol5 a{display: block;}
#stylist_0430_vol5 img{width: 100%}
#stylist_0430_vol5 p{letter-spacing: 0.02em;color: #333; font-feature-settings: "pkna";}
#stylist_0430_vol5 .flex{display: flex; flex-wrap: wrap;}
#stylist_0430_vol5 .flex.center{align-items: center;}
#stylist_0430_vol5 .flex.fdrr{flex-direction: row-reverse;}
#stylist_0430_vol5 .credit{
	font-size: calc(22 *(100vw / 750));
	line-height: calc(50 *(100vw / 750));
	letter-spacing: 0.015em;
}
#stylist_0430_vol5 .staff_blk .credit{
	line-height: calc(40 *(100vw / 750));
}

#stylist_0430_vol5 .staff_blk .credit li{
  color: #8c3946;
}

#stylist_0430_vol5 .pc_only{display: none;}
.UL {
    background-image: -webkit-linear-gradient(left, transparent 50%, #d1b0b5 50%) !important;
    background-image: -moz-linear-gradient(left, transparent 50%, #d1b0b5 50%) !important;
    background-image: -ms-linear-gradient(left, transparent 50%, #d1b0b5 50%) !important;
    background-image: -o-linear-gradient(left, transparent 50%, #d1b0b5 50%) !important;
    background-image: linear-gradient(left, transparent 50%, #d1b0b5 50%) !important;
}

/*mv*/
#stylist_0430_vol5 .mv_blk div.main_txt{
	font-size: calc(28 *(100vw / 750));;
	line-height: 2;
	margin: calc(90 *(100vw / 750)) auto ;
	text-align: center;
}
#stylist_0430_vol5 .mv_blk div.main_txt p:first-child{
	margin-bottom: calc(30 *(100vw / 750));
}
#stylist_0430_vol5 .mv_blk div.profile{
	padding: calc(40 *(100vw / 750)) calc(36 *(100vw / 750));
	text-align: left;
}
#stylist_0430_vol5 .mv_blk div.profile .name p{
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	font-size: calc(34 *(100vw / 750));
	line-height: 1;
	margin-right: calc(30 *(100vw / 750));
}
#stylist_0430_vol5 .mv_blk div.profile .name img{
	width: calc(34 *(100vw / 750));
	height: calc(34 *(100vw / 750));
}
#stylist_0430_vol5 .mv_blk div.profile .txt{
	margin-top: calc(30 *(100vw / 750));
	font-size: calc(24 *(100vw / 750));
	line-height: 2;
	text-align: justify;
}
#stylist_0430_vol5 .mv_blk div.profile .txt img{
	margin-top: calc(30 *(100vw / 750));
	margin-left: calc(456 *(100vw / 750));
	width: calc(222 *(100vw / 750));
}

/*vol*/
#stylist_0430_vol5 .vol_blk{
	position: relative;
	margin: calc(300 *(100vw / 750)) auto calc(50 *(100vw / 750));
	padding: 0 calc(28 *(100vw / 750));
	display: block;
}
#stylist_0430_vol5 .vol_blk > .img{
	width:calc(600 *(100vw / 750));
	position: absolute;
	left: calc(76 *(100vw / 750));
	top: calc(-200 *(100vw / 750));
}
#stylist_0430_vol5 .vol_blk > .txt{
	border: 1px solid #8c3946;
	text-align: center;
	padding: calc(580 *(100vw / 750)) 0 calc(40 *(100vw / 750));
	font-size: calc(28 *(100vw / 750));
	line-height: 2;
	box-sizing: border-box;
}
#stylist_0430_vol5 .vol_blk > .txt .vol_number{
	font-size: calc(36 *(100vw / 750));
	border-bottom: 1px solid;
	margin-bottom: calc(26 *(100vw / 750));
	font-family: futura-pt;
	font-weight: 400;
	display: inline-block;
	line-height: 1.4;
}
#stylist_0430_vol5 .vol_blk > .txt a .ttl{
	font-family: futura-pt,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
	font-size: calc(24 *(100vw / 750));
	line-height: 3;
/*	margin-bottom: calc(10 *(100vw / 750));*/
}
#stylist_0430_vol5 .vol_blk > .txt a .ttl span{
	margin-bottom: calc(20 *(100vw / 750));
	line-height: 1.4;
}
#stylist_0430_vol5 .vol_blk > .txt p.credit{
	text-decoration: underline;
	margin-top: calc(20 *(100vw / 750));
}

/*sub_txt_blk*/
#stylist_0430_vol5 .sub_txt_blk{
margin: calc(50 *(100vw / 750)) auto calc(90 *(100vw / 750));
text-align: center;
font-size: calc(24 *(100vw / 750));
line-height: 2.0833333;
}

/*ttl*/
#stylist_0430_vol5 .ttl_blk{
	padding: calc(40 *(100vw / 750)) 0;
	text-align: center;
	font-size:calc(24 *(100vw / 750));
	line-height: 2; 
	margin-bottom: calc(80 *(100vw / 750));
}
#stylist_0430_vol5 .ttl_blk h2{
	font-family: 'Crimson Text', serif;
	font-weight: 600;
	line-height: 1;
	font-size: calc(50 *(100vw / 750));
	letter-spacing: 0.015em;
}
#stylist_0430_vol5 .ttl_blk h2 span{
	font-size: calc(36 *(100vw / 750));
	font-style: italic;
	margin: calc(20 *(100vw / 750)) auto;
	display: block;
}


/*blk*/
#stylist_0430_vol5 .blk > .flex{display: block;}
#stylist_0430_vol5 .blk .sub.flex{flex-direction: column-reverse;}
#stylist_0430_vol5 .blk{
	margin: 0 auto calc(200 *(100vw / 750));
}
#stylist_0430_vol5 .blk_03{
	margin: 0 auto;
}
#stylist_0430_vol5 .blk > p.ttl{
	font-family: futura-pt,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
	font-size: calc(32 *(100vw / 750));
	line-height: 2.6;
	margin-bottom: calc(20 *(100vw / 750));
	text-align: center;
}
#stylist_0430_vol5 .blk > p.ttl span{
	margin-bottom: calc(28 *(100vw / 750));
	font-size: calc(48 *(100vw / 750));
}
#stylist_0430_vol5 .blk .sub{
	width: calc(676 *(100vw / 750));
	margin: calc(36 *(100vw / 750)) auto 0;
}
#stylist_0430_vol5 .blk .txt{
	margin: calc(44 *(100vw / 750)) auto 0;
	text-align: justify;
	font-size: calc(28 *(100vw / 750));
	line-height: 2;
}
#stylist_0430_vol5 .blk .main .txt{
	width: calc(676 *(100vw / 750));
}
#stylist_0430_vol5 .blk .txt h3{
	font-family: 'Crimson Text', serif;
	font-weight: 600;
	font-style: italic;
	font-size: calc(36 *(100vw / 750));
	line-height: 1;
	letter-spacing: 0.015em;
	margin-bottom: calc(30 *(100vw / 750));
	text-align: left;
	color: #8c3946;
}
#stylist_0430_vol5 .blk .credit{
	width: calc(676 *(100vw / 750));
	margin: calc(20 *(100vw / 750)) auto 0;
	text-align: left;
}
#stylist_0430_vol5 .blk .credit li{
	display: inline-block;
}
#stylist_0430_vol5 .staff_blk{
	margin: calc(90 *(100vw / 750)) auto;
	text-align: center;
}

/*swiper*/
#stylist_0430_vol5 .swiper-pagination{
	margin-top: calc(30 *(100vw / 750));
    width: 100%;
}
#stylist_0430_vol5 .swiper-pagination span.swiper-pagination-bullet{
	width: calc(14 *(100vw / 750));
	height: calc(14 *(100vw / 750));
	margin: 0 calc(7 *(100vw / 750));
	background: #d8e6e9;
	opacity: 1;
}
#stylist_0430_vol5 .swiper-pagination span.swiper-pagination-bullet-active{
	background: #95bfc1;
}

/*btn*/
#stylist_0430_vol5 .btn{
	width: calc(354 *(100vw / 750));
	border:1px solid #666666;
	font-family: futura-pt;
	font-size: calc(24 *(100vw / 750));;
	line-height: calc(58 *(100vw / 750));;
	text-align: center;
	margin: auto;
}