@charset "utf-8";

.vol38 {
	// border-bottom: solid 1px #000;
	font-family: "メイリオ", Meiryo, "Yu Gothic", YuGothic, '游ゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", sans-serif;
}
.vol38 a {text-decoration: underline;}
.vol38 a:hover {text-decoration: none;}
.vol38 a.a_under_none{text-decoration: none;}
.vol38 .a_under_none a {text-decoration: none;}
.vol38 p {font-size: 130%;line-height: 1.8;}
.vol38 img {-webkit-backface-visibility: hidden;}

.vol38 .mb0 {margin-bottom: 0 !important;}
.vol38 .mb02 {margin-bottom: 2px !important;}
.vol38 .mb05 {margin-bottom: 5px !important;}
.vol38 .mb20 {margin-bottom: 20px !important;}
.vol38 .mb25 {margin-bottom: 25px !important;}
.vol38 .mb30 {margin-bottom: 30px !important;}
.vol38 .mb35 {margin-bottom: 35px !important;}
.vol38 .mb40 {margin-bottom: 40px !important;}
.vol38 .mb45 {margin-bottom: 45px !important;}
.vol38 .mb60 {margin-bottom: 60px !important;}
.vol38 .mb65 {margin-bottom: 65px !important;}
.vol38 .mb70 {margin-bottom: 70px !important;}
.vol38 .mb75 {margin-bottom: 75px !important;}
.vol38 .mb110 {margin-bottom: 110px !important;}
.vol38 .taC {text-align: center;}
.vol38 .taR {text-align: right;}
.vol38 .taL {text-align: left;}
.vol38 .lm15 {margin-left: 15px;}
.vol38 .w878{width: 878px; margin: 0 auto;}
.vol38 .center{text-align: center;}

.vol38 .sp {display: none;}
.vol38 .pc {display: inline-block;}
@media (max-width: 767px) {
	.vol38 .mb20 {margin-bottom: 1.5vw !important;}
	.vol38 .mb25 {margin-bottom: 2vw !important;}
	.vol38 .mb30 {margin-bottom: 20px !important;}
	.vol38 .mb35 {margin-bottom: 20px !important;}
	.vol38 .mb40 {margin-bottom: 20px !important;}
	.vol38 .mb45 {margin-bottom: 20px !important;}
	.vol38 .mb60 {margin-bottom: 30px !important;}
	.vol38 .mb65 {margin-bottom: 35px !important;}
	.vol38 .mb70 {margin-bottom: 35px !important;}
	.vol38 .mb75 {margin-bottom: 40px !important;}
	.vol38 .mb110 {margin-bottom: 8% !important;}
	.vol38 .sp {display: inline-block;}
	.vol38 .pc {display: none;}
	.vol38 .w878{width: auto;}
	.vol38 .lm15 {margin-left: 0;}
}

.vol38 .gothic {font-family : "Yu Gothic", YuGothic, '游ゴシック', sans-serif;}
.vol38 .mincho {font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HiraMinProN-W3, 'HGS明朝E', 'MS PMincho', sans-serif;}

.vol38 .flexWrapCenter {
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
}
.vol38 .flexWrapLeft {
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

/*INFORMATION*/
.borderBox {height: 1px;width: 883px;margin: auto;text-align: center;background-color: #cacaca;border: 0;}

.vol38 .left {float: left;}
.vol38 .right {float: right;}
.vol38 .bold {font-weight: 600;}

/*main*/
.vol38 #mainVisual{
	margin-left: -575px;
}
.vol38 h2 {
	font-size: 30px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin-bottom: 74px;
	margin-left: 45px;
	font-weight: normal;
}
.vol38 h4 {
	font-size: 22px;
	line-height: 1.4;
	font-weight: normal;
	padding-top: 9px;
	margin-bottom: 41px;
	text-align: center;
}

/*イントロダクション*/
.vol38 .introduction {
	padding: 60px 0 110px;
	color: #000000;
	text-align: center;
	position: relative;
}

.vol38 .introduction:after{
	content: url(../../img/vol38/vol38_01.gif);
	position: absolute;
	top: 35px;
	right: -90px;
}

.vol38 .introduction p {
	font-size: 15px;
	line-height: 2;
	margin-left: 15px;
	letter-spacing: 0.05em;
}

/*アーティスト紹介*/
.vol38 .introductionArtist {
	border-top: 1px solid #000;
	line-height: 1.8;
}

.vol38 .introductionArtist#container01{
	width: 884px;
	padding: 70px 37px 83px 37px;
}
.vol38 .introductionArtist#container02{
	width: 884px;
	padding: 70px 37px 35px 37px;
}
.vol38 .introductionArtist#container03{
	width: 881px;
	padding: 70px 37px 39px 37px;
}
.vol38 .introductionArtist#container04{
	padding: 80px 0;
}
.vol38 .introductionArtist hr {
	height: 1px;
	background-color: #000;
	border: 0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -20px;
	margin-right: -20px;
}
.vol38 .introductionArtist hr.after {
	clear: both;
}
.vol38 .introductionArtist p{
	font-size: 13px;
	line-height: 1.9;
	margin-bottom:29px;
}
.vol38 .introductionArtist .tit{
	width: 244px;
	padding:16px 25px 16px 25px;
	margin: 0 auto 70px auto;
	border: 1px solid #000000;
	position: relative;
	box-sizing: border-box;
	text-align: center;
}
.vol38 .introductionArtist .tit:after{
	position: absolute;
	top: -31px;
	left: -33px;
}
.vol38 .introductionArtist#container01 .tit:after{
	content: url(../../img/vol38/tit_person_01.gif);
}
.vol38 .introductionArtist#container02 .tit:after{
	content: url(../../img/vol38/tit_person_02.gif);
}
.vol38 .introductionArtist#container03 .tit:after{
	content: url(../../img/vol38/tit_person_03.gif);
}

.vol38 .introductionArtist .tit h3 {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4;
	border-bottom: 1px solid;
	padding-bottom: 17px;
	margin-bottom: 17px;
}
.vol38 .introductionArtist .tit h3 .small{
	font-size: 16px;
	margin-bottom: 7px;
	display: inline-block;
}
.vol38 .introductionArtist .tit h3 .name_small {
	font-size: 16px;
}

.vol38 .introductionArtist .tit .text {
	font-size: 16px;
}

.vol38 .column02 .left {width: 49%;}
.vol38 .column02 .right {width: 49%;}
.vol38 .column02 img{
	margin-bottom:5px;
}
.vol38 .column02 p{
	margin-bottom: 23px;
}

/*foot アーティスト紹介*/
.vol38 .footerInfo {
	width: 878px;
	margin: 0 auto;
	line-height: 1.8;
	padding: 20px 15px;
	border: 1px solid;
	box-sizing: border-box;
}
.vol38 .footerInfo .artistPhoto {
	width: 27%;
}
.vol38 .footerInfo .artistInfo {
	width: 68.5%;
	margin-top: 45px;
}
.vol38 .footerInfo .artistInfo h5 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: normal;
}

.vol38 .footerInfo.pink{
	background: #f6e6ee;
	border: none;
	padding: 30px;
}
.vol38 .footerInfo.pink .artistPhoto{
	width: 30%;
}
.vol38 .footerInfo.pink .artistInfo{
	width: 67.5%;
	margin-top: 5px;
}
.vol38 .footerInfo.pink .artistInfo h5{
	font-size: 21px;
	margin-bottom: 15px;
	font-weight: normal;
}
.vol38 #container04 h4{
	padding-top: 5px;
	margin-bottom: 54px;
	letter-spacing: 0.1em;
}

/*SP*/
@media (max-width: 767px) {
	img.w100 {width: 100%;}
	/*main*/
	.vol38 h2 {
		font-size: 5.4vw;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.vol38 h3 {
		font-size: 5.2vw;
	}
	.vol38 h4 {
		font-size: 5vw;
		line-height: 1.8;
		padding-top: 0;
		margin-bottom: 30px;
	}
	
	/*イントロダクション*/
	.vol38 .introduction {
		padding: 20px 10px;
	}
	.vol38 .introduction:after{
		display: none;
	}
	.vol38 .introduction p {
		letter-spacing: 0;
		line-height: 2;
		margin-left: 0;
		text-align: left;
	}
	
	/*アーティスト紹介*/
	.vol38 .introductionArtist#container01,.vol38 .introductionArtist#container02,.vol38 .introductionArtist#container03{
		width: auto;
		padding: 60px 0 0;
	}
	.vol38 .introductionArtist#container04{
		padding: 30px 0 0;
		margin: 0 10px;
	}
	.vol38 #container04 h4{
		padding-top: 0;
		margin-bottom: 30px;
	}
	.vol38 .introductionArtist {
		font-size: 130%;
		padding-top: 10px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.vol38 .introductionArtist .tit{
		margin-bottom: 60px;
	}
	.vol38 .introductionArtist .tit h3{
		font-size: 5vw;
	}
	.vol38 .introductionArtist p{
		margin-bottom: 15px;
	}
	.vol38 .column02 p{
		margin-bottom: 10px;
	}
	/*foot アーティスト紹介*/
	.vol38 .footerInfo {
		width: auto;
		margin: 0 10px;
	}
	.vol38 .footerInfo .artistPhoto {
		width: auto;
		float: none;
		text-align: center;
	}
	.vol38 .footerInfo .artistInfo {
		width: auto;
		float: none;
		margin-top: 20px;
	}
	.vol38 .footerInfo.pink{
		margin: 0;
		padding: 20px;
	}
	.vol38 .footerInfo.pink .artistPhoto{
		width: auto;
	}
	.vol38 .footerInfo.pink .artistInfo{
		width: auto;
	}
	.vol38 .footerInfo.pink .artistInfo h5{
		margin-top: 20px;
	}
	.vol38 .footerInfo.pink .artistInfo p{
		margin-bottom: 0;
	}

}