@charset "UTF-8";

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

/*common*/
#stylist_0310_vol1 {
	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_0310_vol1 a{display: block;}
#stylist_0310_vol1 img{width: 100%}
#stylist_0310_vol1 p{letter-spacing: 0.025em;color: #333;text-justify: inter-ideograph;}
#stylist_0310_vol1 .flex{display: flex;}
#stylist_0310_vol1 .flex.center{align-items: center;}
#stylist_0310_vol1 .flex.jcsb{justify-content: space-between;}
#stylist_0310_vol1 .flex.fdrr{flex-direction: row-reverse;}
#stylist_0310_vol1 .credit{
	font-size: 11px;
	line-height: 20px;
}
#stylist_0310_vol1 .sp_only{display: none;}

/*mv*/
#stylist_0310_vol1 .mv_blk{
	max-width: 900px;
	margin: auto;
}
#stylist_0310_vol1 .mv_blk h1{
	width: 100%;
	padding: 0;
}
#stylist_0310_vol1 .mv_blk div.main_txt{
	font-size: 14px;
	line-height: 2;
	margin: calc((42 / 900) * 100%) auto ;
	text-align: center;
}
#stylist_0310_vol1 .mv_blk div.main_txt p:first-child{
	margin-bottom: calc((20 / 900) * 100%);
}
#stylist_0310_vol1 .mv_blk div.profile{
	padding: calc((20 / 900) * 100%) calc((40 / 900) * 100%) ;
	text-align: left;
}
#stylist_0310_vol1 .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_0310_vol1 .mv_blk div.profile .name img{
	max-width: 18px;
}
#stylist_0310_vol1 .mv_blk div.profile .txt{
	margin-top: calc((16 / 900) * 100%);
	font-size: 13px;
	line-height: 2;
	position: relative;
}
#stylist_0310_vol1 .mv_blk div.profile .txt img{
	position: absolute;
	bottom: calc((-28 / 900) * 100%);
	right: 0;
	max-width: 126px;
}

/*vol*/
#stylist_0310_vol1 .vol_blk{
	position: relative;
	max-width: 736px;
	width: calc((736 / 900) * 100%);
	margin: calc((76 / 900) * 100%) auto calc((152 / 900) * 100%);
	justify-content: flex-end;
}
#stylist_0310_vol1 .vol_blk > .img{
	max-width: 360px;
	width: calc((360 / 736) * 100%);
	position: absolute;
	left: 0;
	top: calc((120 / 900) * 100%);
}
#stylist_0310_vol1 .vol_blk > .txt{
	border: 1px solid #c39d69;
	text-align: center;
	max-width: 400px;
	width: calc((400 / 736) * 100%);
	padding: calc((30 / 736) * 100%);
	font-size: 14px;
	line-height: 2;
	box-sizing: border-box;
}
#stylist_0310_vol1 .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_0310_vol1 .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_0310_vol1 .vol_blk > .txt a .ttl span{
	margin-bottom: calc((12 / 400) * 100%);
}
#stylist_0310_vol1 .vol_blk > .txt p.credit{
	text-decoration: underline;
	margin-top: calc((18 / 338) * 100%);
}

/*ttl*/
#stylist_0310_vol1 .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_0310_vol1 .ttl_blk h2{
	font-family: 'Crimson Text', serif;
	font-weight: 600;
	line-height: 1;
	font-size: 28px;
	letter-spacing: 0.015em;
}
#stylist_0310_vol1 .ttl_blk h2 span{
	font-size: 20px;
	font-style: italic;
	margin: calc((16 / 900) * 100%) auto;
	display: block;
}


/*blk*/
#stylist_0310_vol1 .blk{
	max-width: 770px;
	width: calc((770 / 900) * 100%);
	margin: 0 auto calc((100 / 900) * 100%);
}
#stylist_0310_vol1 .blk_03{
	margin: 0 auto;
}
#stylist_0310_vol1 .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_0310_vol1 .blk > p.ttl span{
	margin-bottom: calc((15 / 900) * 100%);
	font-size: 26px;
}
#stylist_0310_vol1 .blk .main{
	max-width: 400px;
	width: calc((400 / 770) * 100%);
}
#stylist_0310_vol1 .blk .sub{
	max-width: 340px;
	width: calc((340 / 770) * 100%);
	display: block;
}
#stylist_0310_vol1 .blk .txt{
	margin: calc((50 / 340) * 100%) auto calc((42 / 340) * 100%);
	text-align: justify;
	font-size: 14px;
	line-height: 2;
	text-justify: inter-ideograph;
}
#stylist_0310_vol1 .blk .main .txt{
	margin: calc((44 / 400) * 100%) auto 0;
}
#stylist_0310_vol1 .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: #c39d69;
}
#stylist_0310_vol1 .blk .credit{
	margin-top: calc((22 / 770) * 100%);
}
#stylist_0310_vol1 .blk .credit li{
	display: inline-block;
}
#stylist_0310_vol1 .blk_02 .credit{
	margin-left: calc((430 / 770) * 100%);
}
#stylist_0310_vol1 .blk_03 .txt{
	margin: calc((50 / 340) * 100%) auto calc((70 / 340) * 100%);
}
#stylist_0310_vol1 .staff_blk{
	margin: calc((50 / 900) * 100%) auto;
	text-align: center;
}

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

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