@charset "UTF-8";
/* CSS Document */
/*----------
01.top
02.インタビュー
----------*/

/*----------
01.top
----------*/

.sns_area{
margin: 0 auto 30px;
}

.sns_area ul{
font-size: 0;
max-width: 94px;
margin: 0 0 0 auto;
}

.sns_area li{
display: inline-block;
margin: 0 30px 0 0;
max-width: 32px;
}

.sns_area li img{
width: 100%;
height: auto;
display: block;
}

.sns_area li:last-child{
margin: 0;
}

.sns_area p{
font-size: 11px;
max-width: 94px;
margin: 0 0 0 auto;
text-align: center;
padding: 5px 0 0;
font-family: sans-serif;
}



#main_visual{
background: url(../common/img/bg_keyvisual.jpg) no-repeat center top;
background-size: cover;
padding: 20px 0 50px;
box-sizing: border-box;
}

#main_visual .cnt_img{
max-width: 500px;
width: 48.08%;
float: left;
}

#main_visual .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#main_visual .cnt_text{
max-width: 495px;
width: 47.6%;
float: left;
margin: 0 0 0 4.32%;
}

#main_visual .cnt_text .logo{
max-width: 194px;
width: 100%;
margin: 0 0 0 auto;
}

#main_visual .cnt_text .logo img{
width: 100%;
height: auto;
display: block;
}

#main_visual .cnt_text .point{
max-width: 243px;
width: 100%;
margin: -24px auto 0;
padding: 0 0 22px;
}

#main_visual .cnt_text .point img{
width: 100%;
display: block;
height: auto;
}

#main_visual .cnt_text h1{
font-family: "リュウミン M-KL",serif;
font-size: 34px;
text-align: center;
padding: 0 0 18px;
}

#main_visual .cnt_text h1 span{
display: block;
font-size: 55px;
padding: 9px 0 0;
}

#main_visual .cnt_text .detail_text{
background: url(../common/img/bg_flower.jpg) no-repeat center center;
color: #fff;
text-align: center;
max-width: 493px;
width: 100%;
box-sizing: border-box;
padding: 11px 0;
font-family: "リュウミン B-KL",serif;
font-size: 18px;
margin: 0 0 12px;
}

#main_visual .cnt_text .detail_text span.price{
padding: 0 22px 0 0;
}

#main_visual .cnt_text dl{
max-width: 464px;
width: 100%;
margin: 0 auto;
line-height: 24px;
padding: 0 0 41px;
}

#main_visual .cnt_text dt{
float: left;
font-size: 20px;
padding: 0 16px 0 0;
}

#main_visual .cnt_text dd{
float: left;
font-size: 18px;
}

#main_visual .cnt_text .next_btn{
max-width: 240px;
width: 100%;
margin: 0 auto;
}

#main_visual .cnt_text .next_btn img{
display: block;
width: 100%;
height: auto;
}

#top .cnt_area .contents_in{
position: relative;
}

#top .cnt_area .page_nav{
font-size: 14px;
width: 14px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
top: 0;
left: 25px;
}

#top .cnt_area .page_nav::before{
content: "";
display: inline-block;
width: 1px;
height: 40px;
background: #000;
margin: 0 auto 20px;
}

#top .cnt_area h2{
font-size: 34px;
font-family: "リュウミン M-KL",serif;
text-align: center;
}

#top .cnt_area h2::after{
content: "";
display: block;
max-width: 430px;
width: 100%;
height: 12px;
background: url(../img/top/point_line02.png) no-repeat center top;
background-size: 100% auto;
margin: 6px auto 0;
}

#top #interview{
background: url(../common/img/bg_flower.jpg) no-repeat center top;
background-size: cover;
color: #fff;
padding: 0px 0 72px;
}

#top #interview h2{
padding: 50px 0 20px;
}

#top #interview .page_nav::before{
background: #fff;
}

#top #interview h2::after{
background-image: url(../img/top/point_line01.png);
}

#top #interview p{
text-align: center;
font-size: 20px;
line-height: 32px;
padding: 0 0 24px;
}

#top #interview .cnt_img{
max-width: 821px;
width: 100%;
margin: 0 auto;
}

#top #interview .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#top #interview .next_btn{
max-width: 162px;
width: 100%;
margin: -20px 73px 0 auto;
position: relative;
z-index: 5;
}

#top #interview .next_btn a{
font-family: "リュウミン M-KL",serif;
color: #fff;
font-size: 24px;
background: url(../common/img/arrow_right01.png) no-repeat right center;
background-size: 8px auto;
display: inline-block;
width: 100%;
}

#top #profile{
background: url(../common/img/bg_keyvisual.jpg) no-repeat center top;
background-size: cover;
background-attachment: fixed;
box-sizing: border-box;
padding: 0 0 128px;
}

#top #profile h2{
padding: 80px 0 80px;
}

#top #profile .cnt_box{
}

#top #profile .cnt_left{
float: left;
}

#top #profile .cnt_right{
float: right;
margin: 0 0 0 3.84%;
}

#top #profile .cnt_box .cnt_img{
max-width: 500px;
width: 100%;
}

#top #profile .cnt_img img{
width: 100%;
height: auto;
display: block;
}

#top #profile .cnt_box .copyright{
padding: 14px 0 0;
font-size: 14px;
}

#top #profile .position_text{
font-size: 16px;
font-family: "リュウミン M-KL",serif;
padding: 0 0 10px;
}

#top #profile .name_text{
font-size: 24px;
font-family: "リュウミン M-KL",serif;
position: relative;
margin: 0 0 34px;
}

#top #profile .name_text::after{
display: inline-block;
max-width: 370px;
width: 100%;
height: 1px;
background: #707070;
content: "";
position: absolute;
top: 50%;
right: 0;
}

#top #profile .cnt_text p{
font-size: 14px;
line-height: 31px;
}

#top #profile .cnt_box01{
padding: 0 0 95px;
}

#top #profile .cnt_box01 .cnt_left{
max-width: 500px;
width: 48.08%;
}

#top #profile .cnt_box01 .cnt_right{
max-width: 500px;
width: 48.08%;
}

#top #profile .cnt_box02{
padding: 0 0 107px;
}

#top #profile .cnt_box02 .cnt_left{
max-width: 680px;
width: 65.39%;
}

#top #profile .cnt_box02 .cnt_right{
max-width: 320px;
width: 30.77%;
}

#top #profile .cnt_box02 .cnt_text .name_text::after{
max-width: 540px
}

#top #profile .pic_front{
max-width: 540px;
width: 100%;
margin: 0 auto;
padding: 0 0 74px;
}

#top #profile .pic_front img{
width: 100%;
height: auto;
display: block;
}

#top #profile .cnt_text02{
max-width: 680px;
width: 65.39%;
margin: 0 auto 0 0;
}

#top #profile .cnt_text02 .name_text::after{
max-width: 500px;
}

#top #profile .cnt_text02 p{
font-size: 14px;
line-height: 31px;
}

#top #profile .text_box01{
padding: 0 0 52px;
}

#top #profile .text_box02{
margin: 0 0 0 auto;
}

#top #tracklist{
background: url(../common/img/bg_cd.gif) repeat center top;
/* background-size: cover; */
color: #fff;
padding: 0 0 115px;
}

#top #tracklist .page_nav::before{
background: #fff;
}

#top #tracklist .contents_in_1040{
padding: 80px 0 0;
}

#top #tracklist .cnt_text{
float: left;
max-width: 484px;
width:46.54%;
}

#top #tracklist h2{
padding: 0 0 10px;
}

#top #tracklist h2::after{
content: none;
}

#top #tracklist .cnt_text .point_top img,#top #tracklist .cnt_text .point_bottom img{
width: 100%;
height: auto;
display: block;
}

#top #tracklist .cnt_text .point_top,#top #tracklist .cnt_text .point_bottom{
padding: 0 0 20px;
max-width: 480px;
width: 100%;
margin: 0 auto;
}

#top #tracklist .cnt_text dl{
font-size: 16px;
line-height: 32px;
float: left;
width: 50%;
box-sizing: border-box;
padding: 0 10px 0 0;
}

#top #tracklist .cnt_text dt{
float: left;
clear: both;
padding: 0 18px 0 0;
}

#top #tracklist .cnt_text dd{
float: left;
}

#top #tracklist .name_text{
padding: 20px 0 25px;
text-align: center;
font-size: 16px;
}

#top #tracklist .cnt_text p{
max-width: 484px;
width: 100%;
font-size: 12px;
line-height: 24px;
margin: 0 auto;
}

#top #tracklist .cnt_text p a{
color: #fff;
text-decoration: underline;
}

#top #tracklist .cnt_video{
max-width: 500px;
width: 48.08%;
float: left;
margin: 0 0 0 5.38%;
}

#top #tracklist .cnt_video .video{
margin: 0 auto 15px;
}

#top #tracklist .cnt_video .video iframe{
max-width: 500px;
width: 100%;
height: 281px;
}

#top #tracklist .cnt_video p{
font-size: 16px;
text-align: center;
}

/*----------
02.インタビュー
----------*/

header.interview_p .nav_btn{
top: 55%;
}

#interview_p #under_header{
background: url(../common/img/bg_keyvisual.jpg) no-repeat center center;
background-size: cover;
padding: 20px 0 34px;
}

#interview_p #under_header .contents_in{
max-width: 636px;
}

#interview_p #under_header .contents_in.sns_area{
max-width: 1200px;
margin: 0 auto 14px;
}

#interview_p #under_header .logo{
max-width: 161px;
width: 100%;
float: left;
}

#interview_p #under_header .logo img{
width: 100%;
display: block;
height: auto;
}

#interview_p #under_header .title{
max-width: 432px;
width: 100%;
margin: 0 0 0 43px;
float: left;
}

#interview_p #under_header .title{
font-family: "リュウミン M-KL",serif;
padding: 19px 0 0;
font-size: 24px;
}

#interview_p #under_header .title span{
display: block;
padding: 6px 0 0;
font-size: 48px;
}

#interview_p .title_area{
background: url(../common/img/bg_flower.jpg) no-repeat center top;
background-size: cover;
padding: 81px 0;
box-sizing: border-box;
text-align: center;
color: #fff;
font-family: "リュウミン M-KL",serif;
}

#interview_p .title_area .prologue_text{
font-size: 24px;
padding: 0 0 16px;
}

#interview_p .title_area h1{
font-size: 34px;
}

#interview_p #cnt_area{
background: url(../common/img/bg_keyvisual.jpg) no-repeat center top;
background-size: cover;
background-attachment: fixed;
padding: 61px 0 0;
}

#interview_p #cnt_area .img_big_box{
max-width: 680px;
width: 100%;
margin: 0 auto;
padding: 0 0 81px;
}

#interview_p #cnt_area .img_big_box02{
padding: 0 0 159px;
}

#interview_p #cnt_area img{
width: 100%;
display: block;
height: auto;
}

#interview_p .cnt_box{
max-width: 860px;
width: 100%;
padding: 0 0 50px;
}

#interview_p .cnt_box .cnt_img{
max-width: 320px;
width: 37.21%;
}

#interview_p .cnt_box .cnt_text{
max-width: 500px;
width: 58.14%;
}

#interview_p .cnt_box .cnt_text p{
font-size: 14px;
line-height: 31px;
padding: 0 0 31px;
}

#interview_p .box_left{
margin: 0 auto 0 0;
}

#interview_p .box_left .cnt_img{
float: left;
}

#interview_p .box_left .cnt_text{
float: left;
margin: 0 0 0 4.65%;
}

#interview_p .box_right{
margin: 0 0 0 auto;
}

#interview_p .box_right .cnt_img{
float: right;
margin: 0 0 0 4.65%;
}

#interview_p .box_right .cnt_text{
float: left;
}

#interview_p .interval{
max-width: 320px;
width: 100%;
margin: 0 auto;
padding: 0 0 132px;
}

#interview_p .final_text{
font-size: 14px;
line-height: 31px;
max-width: 680px;
width: 100%;
margin: 0 auto;
padding: 0 0 111px;
}

#interview_p #cnt_box02{
padding: 0 0 12px;
}

#interview_p #cnt_box03{
padding: 0 0 27px;
}

#interview_p #cnt_box04{
padding: 0 0 100px;
}

#interview_p #cnt_box04 p{
padding: 0 0 24px;
}

#interview_p #cnt_box05{
padding: 0 0 40px;
}

#interview_p #cnt_box05 p{
padding: 0 0 26px;
}

#interview_p #cnt_box06{
padding: 0 0 35px;
}

#interview_p #cnt_box07{
padding: 0 0 35px;
}

#interview_p #cnt_box08{
padding: 0 0 68px;
}

#interview_p #cnt_box09{
padding: 0 0 87px;
}

#interview_p #cnt_box10{
padding: 0 0 64px;
}

#interview_p #cnt_box11{
padding: 0 0 65px;
}

#interview_p #cnt_box12{
padding: 0 0 101px;
}

#interview_p #cnt_box14{
padding: 0 0 43px;
}

#interview_p #cnt_box15{
padding: 0 0 61px;
}

#interview_p #cnt_box16{
padding: 0 0 52px;
}

#interview_p #cnt_box17{
padding: 0 0 19px;
}

#interview_p #cnt_box18{
padding: 0 0 56px;
}

#interview_p #cnt_box19{
padding: 0 0 70px;
}

#interview_p #cnt_box20{
padding: 0 0 66px;
}

#interview_p #cnt_box21{
padding: 0 0 61px;
}

#interview_p #cnt_box22{
padding: 0 0 38px;
}

#interview_p #cnt_box23{
padding: 0 0 49px;
}

#interview_p #cnt_box24{
padding: 0 0 93px;
}

#interview_p #cnt_box25{
padding: 0 0 36px;
}

#interview_p #cnt_box26{
padding: 0 0 57px;
}

#interview_p #cnt_box27{
padding: 0 0 57px;
}

#interview_p #cnt_box28{
padding: 0 0 34px;
}

#interview_p #cnt_box29{
padding: 0 0 40px;
}

#interview_p #cnt_box30{
padding: 0 0 33px;
}

#interview_p #cnt_box31{
padding: 0 0 111px;
}



#interview_p .interval02{
padding: 0 0 167px;
}

#interview_p .interval04{
padding: 0 0 107px;
}

#interview_p .interval05{
padding: 0 0 142px;
}

#interview_p .interval06{
padding: 0 0 124px;
}

#interview_p .interval07{
padding: 0 0 142px;
}