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

@media only screen and (max-width:1024px){

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

#main_visual .contents_in_1040{
width: 100%;
}

#main_visual .cnt_text .logo{
max-width: 174px;
}

#main_visual .cnt_text .point{
max-width: 203px;
padding: 0 0 12px;
}

#main_visual .cnt_text h1{
font-size: 22px;
padding: 0 0 14px;
}

#main_visual .cnt_text h1 span{
font-size: 40px;
}

#main_visual .cnt_text .detail_text{
font-size: 14px;
}

#main_visual .cnt_text dl{
padding: 0 0 21px;
}

#main_visual .cnt_text dt{
font-size: 16px;
}

#main_visual .cnt_text dd{
font-size: 14px;
}

#top .cnt_area .page_nav{
left: 0;
}

#top #interview p{
font-size: 16px;
line-height: 28px;
}

#top #interview .cnt_img{
width: 80%;
}

#top #interview .next_btn{
max-width: 152px;
margin: 0 73px 0 auto;
}

#top #interview .next_btn a{
font-size: 20px;
}

#top #profile .name_text::after{
width: 66%;
}

#top #profile .cnt_box02 .cnt_text .name_text::after{
width: 75%;
}

#top #profile .cnt_text02{
width: 76%;
}

#top #tracklist .cnt_text dl{
font-size: 14px;
line-height: 30px;
}

#top #tracklist .cnt_text dt{
max-width: 14px;
width: 8%;
padding: 0;
margin: 0 7% 0 0;
}

#top #tracklist .cnt_text dd{
width: 85%;
}

#top #tracklist .name_text{
font-size: 14px;
}

#top #tracklist .cnt_video p{
font-size: 14px;
line-height: 20px;
}


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


}

@media only screen and (max-width:756px){
/*----------
01.top
----------*/

.sns_area {
margin: 30px auto 0;
}

.sns_area ul{
margin: 0 auto;
}

.sns_area p{
margin: 0 auto;
color: #fff;
}

#main_visual{
padding: 19px 0 0;
}

#main_visual .cnt_text{
width: auto;
float: none;
margin: 0;
}

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

#main_visual .cnt_text h1 span{
font-size: 36px;
padding: 6px 0 0;
}

#main_visual .cnt_text .detail_text{
font-size: 16px;
padding: 15px 0;
margin: 0 auto 19px;
}

#main_visual .cnt_text .detail_text span{
display: block;
}

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

#main_visual .cnt_text dl{
text-align: center;
padding: 0 0 19px;
}

#main_visual .cnt_text dt{
padding: 0 0 6px;
float: none;
line-height: 16px;
}

#main_visual .cnt_text dd{
float: none;
font-size: 12px;
line-height: 24px;
}

#main_visual .cnt_text .next_btn{
max-width: 200px;
}

#main_visual .cnt_img{
max-width: none;
float: none;
width: auto;
padding: 38px 0 0;
}

#top .cnt_area h2{
font-size: 28px;
}

#top #interview{
padding: 0 0 58px;
}

#top #interview h2{
padding: 34px 0 26px;
}

#top #interview p{
font-size: 14px;
line-height: 32px;
}

#top #interview .cnt_img{
width: 100%;
padding: 0 0 40px;
}

#top #interview .next_btn{
max-width: 122px;
margin: 0 auto;
}

#top #interview .next_btn a{
font-size: 18px;
}

#top #profile{
padding: 0 0 60px;
}

#top #profile .contents_in{
width: 95%;
}

#top #profile .contents_in_1040{
width: 100%;
}

#top #profile h2{
padding: 30px 0 14px;
width: 94%;
margin: 0 auto;
}

#top #profile .cnt_left{
float: none;
margin: 0 auto;
}

#top #profile .cnt_right{
float: none;
margin: 0 auto;
}

#top #profile .cnt_box01 .cnt_left{
width: auto;
padding: 0 0 20px;
}

#top #profile .cnt_box01 .cnt_right{
width: auto;
}

#top #profile .name_text::after{
content: none;
}

#top #profile .profile_box{
font-size: 0;
padding: 0 0 20px;
text-align: center;
}

#top #profile .profile_box .position_text{
display: inline-block;
padding: 0 12px 0 0;
}

#top #profile .profile_box .name_text{
display: inline-block;
margin: 0
}

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

#top #profile .cnt_box02 .cnt_left{
width: auto;
}

#top #profile .cnt_box02 .cnt_right{
width: 68%;
padding: 0 0 20px;
}

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

#top #profile .pic_front{
padding: 0 0 37px;
}

#top #profile .cnt_text02{
width: 100%;
}

#top #profile .name_text{
margin: 0 0 20px;
}

/* #top #tracklist .contents_in{
width: 95%;
} */

#top #tracklist{
background-size: cover;
padding: 0 0 80px;
}

#top #tracklist .contents_in_1040{
padding: 40px 0 0;
/* width: 100%; */
}

#top #tracklist .cnt_text .point_top, #top #tracklist .cnt_text .point_bottom{
padding: 0 0 10px;
}

#top #tracklist .cnt_text{
float: none;
width: auto;
margin: 0 auto 20px;
}

#top #tracklist .cnt_text dl{
padding: 0;
margin: 0 auto;
width: 88%;
float: none;
}

#top #tracklist .name_text{
padding: 10px 0 15px;
}

#top #tracklist .cnt_video{
width: auto;
float: none;
margin: 0 auto;
}

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

#top #tracklist .cnt_video .video iframe{
height: 200px;
}

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

header.interview_p .nav_btn{
top: 0;
}

#interview_p #under_header .logo{
max-width: 194px;
margin: 0 auto;
float: none;
}

#interview_p #under_header .title{
float: none;
padding: 24px 0 0;
margin: 0 auto;
font-size: 22px;
text-align: center;
}

#interview_p #under_header .title span{
font-size: 36px;
}

#interview_p .title_area{
padding: 32px 0 53px;
}

#interview_p .title_area .prologue_text{
font-size: 14px;
line-height: 20px;
padding: 0 0 20px;
font-family: "リュウミン M-KL",serif;
}

#interview_p .title_area h1{
font-size: 36px;
line-height: 45px;
}

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

#interview_p #cnt_area{
padding: 14px 0 0;
}

#interview_p #cnt_area .contents_in_1040{
width: 95%;
}

#interview_p #cnt_area .img_big_box{
padding: 0 0 34px;
}

#interview_p .cnt_box{
padding: 0 0 5px;
}

#interview_p .cnt_box .cnt_img{
max-width: 160px;
width: 100%;
padding: 0 0 25px;
}

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

#interview_p .box_left .cnt_text{
max-width: none;
width: auto;
float: none;
margin: 0 auto;
}

#interview_p .box_right .cnt_img{
float: none;
margin: 0 0 0 auto;
}

#interview_p .box_right .cnt_text{
max-width: none;
width: auto;
float: none;
}

#interview_p .cnt_box .cnt_text p{
padding: 0 0 25px;
}

#interview_p .interval{
width: 75%;
padding: 0 0 80px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#interview_p #cnt_box32{
padding: 0 0 5px;
}

#interview_p #cnt_box33{
padding: 0 0 5px;
}

#interview_p #cnt_box34{
padding: 0 0 30px;
}

#interview_p .final_text{
padding: 0 0 60px;
}

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










}