@charset "UTF-8";

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

/*common*/
#stylist_0528_vol7 {
	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_0528_vol7 a{display: block;}
#stylist_0528_vol7 img{width: 100%}
#stylist_0528_vol7 p{letter-spacing: 0.025em;color: #333;text-justify: inter-ideograph; }
#stylist_0528_vol7 .flex{display: flex;}
#stylist_0528_vol7 .flex.center{align-items: center;}
#stylist_0528_vol7 .flex.jcsb{justify-content: space-between;}
#stylist_0528_vol7 .flex.fdrr{flex-direction: row-reverse;}
#stylist_0528_vol7 .credit{
	font-size: 11px;
	line-height: 20px;
}
#stylist_0528_vol7 .sp_only{display: none;}
.UL {
    background-size: 200% 8px !important;
    background-image: -webkit-linear-gradient(left, transparent 50%, #ebd3b7 50%) !important;
    background-image: -moz-linear-gradient(left, transparent 50%, #ebd3b7 50%) !important;
    background-image: -ms-linear-gradient(left, transparent 50%, #ebd3b7 50%) !important;
    background-image: -o-linear-gradient(left, transparent 50%, #ebd3b7 50%) !important;
    background-image: linear-gradient(left, transparent 50%, #ebd3b7 50%) !important;
}

.UL.active{
  background-position: -100% 20px !important;
  padding: 0 calc((2 / 750) * 100vw) !important;
}
/*
@media screen and (max-width:750px) {
.vol_blk .UL.active{
  background-position: -100% calc((30 / 900) * 100%) !important;
}
}
*/

@media only screen and (max-width: 750px){
  #stylist_0528_vol7 .vol_blk > .txt{
	padding: calc((60 / 795) * 100%) !important;
    
  }
  
#Archive .UL.active,
.vol_blk .UL.active {
    background-position: -100% calc((43 / 750) * 100vw) !important;
}
  
  .vol_blk .UL.active{
  padding: 0 calc((8 / 750) * 100vw) !important;
  }
}

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

/*vol*/
#stylist_0528_vol7 .vol_blk{
	position: relative;
	max-width: 760px;
	width: calc((760 / 900) * 100%);
	margin: calc((72 / 900) * 100%) auto calc((105 / 900) * 100%);
	justify-content: flex-end;
}
#stylist_0528_vol7 .vol_blk > .img{
	max-width: 360px;
	width: calc((360 / 740) * 100%);
	position: absolute;
	left: 0;
	top: calc((30 / 450) * 100%);
}
#stylist_0528_vol7 .vol_blk > .txt{
	border: 1px solid #cd914c;
	text-align: center;
	max-width: 430px;
	width: calc((430 / 760) * 100%);
	padding: calc((40 / 760) * 100%) calc((22 / 760) * 100%) calc((38 / 760) * 100%) calc((53 / 760) * 100%);
	font-size: 14px;
	line-height: 2;
	box-sizing: border-box;
}
#stylist_0528_vol7 .vol_blk > .txt .vol_number{
	font-size: 18px;
	border-bottom: 1px solid;
	margin-bottom: calc((13 / 400) * 100%);
	font-family: futura-pt;
	font-weight: 400;
	display: inline-block;
	line-height: 1.4;
}
#stylist_0528_vol7 .vol_blk > .txt a .ttl{
	font-family: futura-pt,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 2.3;
	margin-bottom: calc((13 / 338) * 100%);
}
#stylist_0528_vol7 .vol_blk > .txt a .ttl span{

	margin-bottom: calc(( / 400) * 100%);
}
#stylist_0528_vol7 .vol_blk > .txt p.credit{
	text-decoration: underline;
	margin-top: calc((17 / 338) * 100%);
}

/*sub_txt_blk*/
#stylist_0528_vol7 .sub_txt_blk{
margin: calc((54 / 900) * 100%) auto calc((70 / 900) * 100%);
text-align: center;
font-size: 12px;
line-height: 2.0833333;
}

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


/*blk*/
#stylist_0528_vol7 .blk{
	max-width: 770px;
	width: calc((770 / 900) * 100%);
	margin: 0 auto calc((100 / 900) * 100%);
}
#stylist_0528_vol7 .blk_03{
	margin: 0 auto;
}
#stylist_0528_vol7 .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_0528_vol7 .blk > p.ttl span{
	margin-bottom: calc((15 / 900) * 100%);
	font-size: 26px;
}
#stylist_0528_vol7 .blk .main{
	max-width: 400px;
	width: calc((400 / 770) * 100%);
}
#stylist_0528_vol7 .blk .sub{
	max-width: 340px;
	width: calc((340 / 770) * 100%);
	display: block;
}
#stylist_0528_vol7 .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_0528_vol7 .blk .main .txt{
	margin: calc((48 / 400) * 100%) auto 0;
}
#stylist_0528_vol7 .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: #cd914c;
}
#stylist_0528_vol7 .blk .credit{
	margin-top: 28px;
}
#stylist_0528_vol7 .blk .credit li{
	display: inline-block;
}

#stylist_0528_vol7 .staff_blk{
	margin: calc((50 / 900) * 100%) auto;
	text-align: center;
}

#stylist_0528_vol7 .staff_blk li{
  color: #cd914c;
}

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

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

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