@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/base.css");



/*----- 所属アーティスト詳細 設定 ----------------------------------------------------*/


/*----- 各セクション 設定 ----------------------------------------------------*/

section.sectionWrap{ position:relative; width:100%; padding:30px 0; float:left; }
.sectionWrap2{ background:#f3f7ff; }
.sectionWrap3{ background:url('../../img/companyprolife/section_contact_bg.jpg') no-repeat; background-size:cover; background-position:top center;}

div.sectionArea{ width:1200px; margin:0 auto; }

h2.sectionTit{ width:100%; padding:30px 0; text-align:center; line-height:1.2em; float:left; }
h2.sectionTit2{ width:100%; padding:30px 0; text-align:left; line-height:1.2em; float:left; }
h2.sectionTit strong,
h2.sectionTit2 strong{ font-size:2em; font-weight:bold; }
h2.sectionTit small,
h2.sectionTit2 small{ font-size:1em; font-weight:normal; letter-spacing:0.2em; line-height:0em; }

.icon {
    margin-right: 10px;
    font-size: 1em;
    vertical-align: middle;
}

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){
 
    div.sectionArea{ width:96%; }
    
    h2.sectionTit{ padding:10px 0; text-align:center; line-height:1.2em; float:left; }
    h2.sectionTit2{ padding:10px 0; text-align:left; line-height:1.2em; float:left; }
    h2.sectionTit strong,
    h2.sectionTit2 strong{ font-size:1em; }
    h2.sectionTit small,
    h2.sectionTit2 small{ font-size:0.6em; }
    
}

/*----- 所属アーティスト詳細 設定 ----------------------------------------------------*/

div.artistDetailBox{ width:100%; padding:100px 0 30px; float:left; }

.artistDetailBox_tit{ width:50%; padding:20px 25%; margin-bottom:30px; text-align:center; border-bottom:1px solid #131c2e; float:left; } 
.artistDetailBox_img{ width:48%; float:left; } 
.artistDetailBox_detail{ width:48%; float:right; }

.artistDetailBox_detail_tit{ width:100%; font-size:2em; font-weight:bold; float:left; }
.artistDetailBox_detail_text{ width:100%; padding:20px 0 100px; float:left; }
.artistDetailBox_detail_text p{ padding-bottom:1em; }

.artistDetailBox_detail_btn{ display:flex; flex-wrap:wrap; justify-content: center; gap:15px; width:100%; padding:50px 0 0; float:left; }
.artistDetailBox_detail_btn a{ display:block; width:400px; padding:10px 0; text-align:center; font-size:1.6em; text-decoration:none; border:1px solid #131c2e; }
.artistDetailBox_detail_btn a:hover{ text-decoration:underline; }


.aritstDetailBox_sns{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; width:48%; padding:10px 52% 0 0; float:left; } 
.aritstDetailBox_sns a{ display:block; width:50px; }
.aritstDetailBox_sns a:hover{ opacity:0.8; }

/*ページャー設定*/
.postNavArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
	padding-top: 30px;
	position: relative;
    width:100%;
    float:left;
}

.postNavPrev,
.postNavNext {
	width: 33.33%;
	text-align: left;
}

.postNavNext {
	text-align: right;
}

.postNavList {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.postNavArea a {
	color: #131c2e;
	text-decoration: none;
	font-weight: bold;
}

.postNavArea a:hover {
	text-decoration: underline;
}

/*◆ レスポンシブ設定 -----------------*/
@media screen and (max-width:1200px){

    div.artistDetailBox{ padding:50px 0 30px; }
    
    .artistDetailBox_tit{ width:50%; padding:20px 25%; margin-bottom:30px; text-align:center; border-bottom:1px solid #131c2e; float:left; } 
    .artistDetailBox_img{ width:60%; padding:0 20% 20px; } 
    .artistDetailBox_detail{ width:100%; }
    
    .artistDetailBox_detail_btn{ padding:0px 0 0; }
    .artistDetailBox_detail_btn a{ width:300px; font-size:1.2em; }
    
    .aritstDetailBox_sns{ justify-content:center; gap:10px; width:100%; padding:20px 0 0 0; float:left; } 
    
}