@charset "UTF-8";

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

/*common*/
#stylist_0324_vol2 {
	max-width: 940px;
	margin: calc((30 / 830) * 100%) auto 0;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}
#stylist_0324_vol2 a{display: block;}
#stylist_0324_vol2 img{width: 100%}
#stylist_0324_vol2 p{letter-spacing: 0.025em;color: #333;text-justify: inter-ideograph;}
#stylist_0324_vol2 .flex{display: flex;}
#stylist_0324_vol2 .flex.center{align-items: center;}
#stylist_0324_vol2 .flex.jcsb{justify-content: space-between;}
#stylist_0324_vol2 .flex.fdrr{flex-direction: row-reverse;}
#stylist_0324_vol2 .credit{
	font-size: 11px;
	line-height: 20px;
}
#stylist_0324_vol2 .sp_only{display: none;}
.UL {
    background-image: -webkit-linear-gradient(left, transparent 50%, #aad1af 50%) !important;
    background-image: -moz-linear-gradient(left, transparent 50%, #aad1af 50%) !important;
    background-image: -ms-linear-gradient(left, transparent 50%, #aad1af 50%) !important;
    background-image: -o-linear-gradient(left, transparent 50%, #aad1af 50%) !important;
    background-image: linear-gradient(left, transparent 50%, #aad1af 50%) !important;
}

/*mv*/
#stylist_0324_vol2 .mv_blk{
	max-width: 900px;
	margin: auto;
}
#stylist_0324_vol2 .mv_blk h1{
	width: 100%;
	padding: 0;
}
#stylist_0324_vol2 .mv_blk div.main_txt{
	font-size: 14px;
	line-height: 2;
	margin: calc((42 / 900) * 100%) auto ;
	text-align: center;
}
#stylist_0324_vol2 .mv_blk div.main_txt p:first-child{
	margin-bottom: calc((20 / 900) * 100%);
}
#stylist_0324_vol2 .mv_blk div.profile{
	padding: calc((20 / 900) * 100%) calc((40 / 900) * 100%) ;
	text-align: left;
}
#stylist_0324_vol2 .mv_blk div.profile .name p{
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	margin-right: calc((20 / 900) * 100%);
}
#stylist_0324_vol2 .mv_blk div.profile .name img{
	max-width: 18px;
}
#stylist_0324_vol2 .mv_blk div.profile .txt{
	margin-top: calc((16 / 900) * 100%);
	font-size: 13px;
	line-height: 2;
	position: relative;
}
#stylist_0324_vol2 .mv_blk div.profile .txt img{
	position: absolute;
	bottom: calc((-28 / 900) * 100%);
	right: 0;
	max-width: 126px;
}

/*vol*/
#stylist_0324_vol2 .vol_blk{
	position: relative;
	max-width: 795;
	width: calc((795 / 900) * 100%);
	margin: calc((76 / 900) * 100%) auto calc((152 / 900) * 100%);
	justify-content: flex-end;
}
#stylist_0324_vol2 .vol_blk > .img{
	max-width: 360px;
	width: calc((360 / 795) * 100%);
	position: absolute;
	left: 0;
	top: calc((25 / 360) * 100%);
}
#stylist_0324_vol2 .vol_blk > .txt{
	border: 1px solid #72b27a;
	text-align: center;
	max-width: 466px;
	width: calc((466 / 795) * 100%);
	padding: calc((30 / 795) * 100%);
	font-size: 14px;
	line-height: 2;
	box-sizing: border-box;
}
#stylist_0324_vol2 .vol_blk > .txt .vol_number{
	font-size: 18px;
	border-bottom: 1px solid;
	margin-bottom: calc((16 / 400) * 100%);
	font-family: futura-pt;
	font-weight: 400;
	display: inline-block;
	line-height: 1.4;
}
#stylist_0324_vol2 .vol_blk > .txt a .ttl{
	font-family: futura-pt,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 2.4;
	margin-bottom: calc((18 / 338) * 100%);
}
#stylist_0324_vol2 .vol_blk > .txt a .ttl span{
	margin-bottom: calc((12 / 400) * 100%);
}
#stylist_0324_vol2 .vol_blk > .txt p.credit{
	text-decoration: underline;
	margin-top: calc((18 / 338) * 100%);
}

/*ttl*/
#stylist_0324_vol2 .ttl_blk{
	padding: calc((20 / 900) * 100%) calc((40 / 900) * 100%) ;
	text-align: center;
	font-size:13px;
	line-height: 2; 
	margin-bottom: calc((40 / 900) * 100%);
}
#stylist_0324_vol2 .ttl_blk h2{
	font-family: 'Crimson Text', serif;
	font-weight: 600;
	line-height: 1;
	font-size: 28px;
	letter-spacing: 0.015em;
}
#stylist_0324_vol2 .ttl_blk h2 span{
	font-size: 20px;
	font-style: italic;
	margin: calc((16 / 900) * 100%) auto;
	display: block;
}


/*blk*/
#stylist_0324_vol2 .blk{
	max-width: 770px;
	width: calc((770 / 900) * 100%);
	margin: 0 auto calc((100 / 900) * 100%);
}
#stylist_0324_vol2 .blk_03{
	margin: 0 auto;
}
#stylist_0324_vol2 .blk > p.ttl{
	font-family: futura-pt,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: calc((26 / 900) * 100%);
	text-align: center;
}
#stylist_0324_vol2 .blk > p.ttl span{
	margin-bottom: calc((15 / 900) * 100%);
	font-size: 26px;
}
#stylist_0324_vol2 .blk .main{
	max-width: 400px;
	width: calc((400 / 770) * 100%);
}
#stylist_0324_vol2 .blk .sub{
	max-width: 340px;
	width: calc((340 / 770) * 100%);
	display: block;
}
#stylist_0324_vol2 .blk .txt{
	margin: calc((46 / 340) * 100%) auto calc((42 / 340) * 100%);
	text-align: justify;
	font-size: 14px;
	line-height: 2;
	text-justify: inter-ideograph;
}
#stylist_0324_vol2 .blk .main .txt{
	margin: calc((48 / 400) * 100%) auto 0;
}
#stylist_0324_vol2 .blk .txt h3{
	font-family: 'Crimson Text', serif;
	font-weight: 600;
	font-style: italic;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.015em;
	margin-bottom: calc((28 / 770) * 100%);
	text-align: left;
	color: #72b27a;
}
#stylist_0324_vol2 .blk .credit{
	margin-top: calc((22 / 770) * 100%);
}
#stylist_0324_vol2 .blk .credit li{
	display: inline-block;
}
#stylist_0324_vol2 .blk_02 .credit{
	margin-left: calc((430 / 770) * 100%);
	margin-top: calc((-40 / 770) * 100%);
}
#stylist_0324_vol2 .staff_blk{
	margin: calc((50 / 900) * 100%) auto;
	text-align: center;
}

/*swiper*/
#stylist_0324_vol2 .swiper-pagination{
	margin-top: calc((5.4 / 400) * 100%);
	max-width: 400px;
    width: calc((400 / 770) * 100%);
}
#stylist_0324_vol2 .swiper-pagination span.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background: #d8e6e9;
	opacity: 1;
}
#stylist_0324_vol2 .swiper-pagination span.swiper-pagination-bullet-active{
	background: #95bfc1;
}

/*btn*/
#stylist_0324_vol2 .btn{
	max-width: 220px;
	border:1px solid #666666;
	font-family: futura-pt;
	font-size: 15px;
	line-height: 34px;
	text-align: center;
	margin: auto;
}

/*IE*/
_:-ms-fullscreen, :root #stylist_0324_vol2 .ttl_blk {
  padding: calc((30 / 900) * 100%) calc((40 / 900) * 100%) calc((20/ 900) * 100%);
}
_:-ms-fullscreen, :root #stylist_0324_vol2 .blk .txt p{
	text-align: justify; /* 両端揃え */
   text-justify: inter-ideograph; /* 両端揃えの種類 */
}
_:-ms-fullscreen, :root #stylist_0324_vol2 .blk > p.ttl{
	line-height: 2;
}