@charset:'UTF-8';

/*------------------------------------------------------------------------------------------------
	下層 SYSTEM
------------------------------------------------------------------------------------------------*/

/*幅1000以下の場合*/
@media screen and (max-width: 1000px) {
	#detail_upper_area{position: relative;}
	#detail_upper_area .detail_main_img{overflow: hidden;width:100%;height:136vw;margin-top: 6vw;}
	.detail_main_img img{width: 100%;height: auto;}
	#detail_upper_area{text-align: right;z-index: 10;margin-bottom: 2vw}
	#detail_upper_area .name_area_s{background: #fff;padding-bottom:5vw;padding-left: 20px;}
	#detail_upper_area .name_area_s .detail_underline{padding:0.5vw;float: right;line-height: 1.5;}
	#detail_upper_area .name_area_s .name{font-weight: bold;float: right;margin-left: 2vw;line-height: 1.5;}
	.name_last{padding-left: 2.6vw;}
	
	
	/*PROFILE*/
	#detail_prof div span{clear: both;line-height: 1.7;}
	
	/*DETAIL SNS*/
	#detail_middle_area #detail_sns{width: 90%;margin: 7vw auto;}
	#detail_middle_area #detail_sns p{width: 13vw;float: left;margin:0 4vw}
	#detail_middle_area #detail_sns p:nth-child(1),#detail_middle_area #detail_sns p:nth-child(2),#detail_middle_area #detail_sns p:nth-child(3),#detail_middle_area #detail_sns p:nth-child(4){margin-bottom: 5.3vw;}
	
	
	/*FREE*/
	#detail_free .free{background: #7F7F7F;color: #fff;margin-bottom: 2.5vw;padding: 0.2vw 2vw;width: 80%;}
	#detail_free div{line-height: 1.7;}
	#twitter_code{margin-top: 5.3vw;height: 90vw;overflow-y: scroll;}
	
	/*MOVIE*/
	#staffPage .movie_bg{background: #000;width: 100%;padding: 5vw 0;margin-top: 5.3vw;}
	#detail_movie{margin-top: 5.3vw;}
	#staffPage h4{color: #fff;text-align: center;border-bottom: #968C00 solid 1px;width: 100%;margin: 0 auto;margin-bottom: 5vw}
	#staffPage h4 span{color:#968C00;}
	#staffPage .movie_box{position: relative;}
	#staffPage .movie_box .gal_txt{width: 70%;padding: 2vw;color: #000;background: rgba(255,255,255,0.7);position: absolute;bottom:0;}
	#staffPage #btn_moreMovie{text-align: center;margin-top: 3vw;}
	
	/*PHOTO*/
	#staffPage #photograph_area{padding-top:5vw ;}
	#detail_bottom{margin-top: 5.3vw;}
	#staffPage #photograph_area h4{color: #000;text-align: center;border-bottom: #968C00 solid 1px;width: 100%;margin: 0 auto;margin-bottom: 5vw}
	#staffPage #photograph_area h4 span{color:#968C00;}
	
	#staffPage #detail_bottom{width:90%;margin: 0 auto;}
	#photograph_area #photo02,#photograph_area #photo05,#photograph_area #photo07,#photograph_area #photo08,#photograph_area #photo11,#photograph_area #photo12{width:48vw ;height:32vw;overflow:hidden;}
	#photograph_area #photo02 img,#photograph_area #photo05 img,#photograph_area #photo07 img,#photograph_area #photo08 img,#photograph_area #photo11 img,#photograph_area #photo12 img{width: 100%;height: auto;}
	#photograph_area #photo03,#photograph_area #photo04,#photograph_area #photo06,#photograph_area #photo09,#photograph_area #photo10,#photograph_area #photo13{width: 32vw;height:48vw;overflow:hidden;}
	#photograph_area #photo03 img,#photograph_area #photo04 img,#photograph_area #photo06 img,#photograph_area #photo09 img,#photograph_area #photo10 img,#photograph_area #photo13 img{height: 100%;width: auto;}
	#photograph_area #photo02,#photograph_area #photo04,#photograph_area #photo07,#photograph_area #photo09,#photograph_area #photo11,#photograph_area #photo13{float: right;}
	#photograph_area #photo03,#photograph_area #photo05,#photograph_area #photo06,#photograph_area #photo08,#photograph_area #photo10,#photograph_area #photo12{float: left;}
	/* #photograph_area #photo04,#photograph_area #photo06,#photograph_area #photo09{margin-top: 5vw} */
	#photograph_area #photo07.photo-cstm,#photograph_area #photo11.photo-cstm{margin-bottom: 21vw;}
	/* #photograph_area #photo04,#photograph_area #photo09{margin-top: 5vw} */
	#photograph_area #photo02,#photograph_area #photo03,#photograph_area #photo05,#photograph_area #photo06,#photograph_area #photo07,#photograph_area #photo08,#photograph_area #photo09,#photograph_area #photo10,#photograph_area #photo11{margin-bottom: 5vw;}
	
	#staffPage #btn_moreGallery{text-align: center;margin-top: 3vw;margin-bottom: 5vw;}
	
	/*YOUTUBE*/
	.youtube_banner_area{margin-top: 5vw;}
	.youtube_banner_area a{display: block;margin-bottom: 3vw;}		
	
	
	/*TOPICS*/
	#staffPage .topics_bg{background: #000;padding: 10vw 0;/* margin-top: 5.3vw; */}
	#staffPage #topics_area{width: 90%;margin: 0 auto;}
	#staffPage .topics_bg .topics_box .topi_img{height:60vw;overflow: hidden }
	#staffPage .topics_bg .topics_box a{text-decoration: none;color: #fff;}
	#staffPage .topics_box .topi_txt{width: 70%;padding: 1vw 0;color: #fff;margin-bottom: 3vw;}
	#staffPage #btn_moreTopics{text-align: center;margin-top: 3vw;}
	
	
	/*INSTAGRAM*/
	#staffPage #staff_inst{background: #fff;padding: 5.3vw 0;}
	#staffPage .instagram_uptake li{width: 30%;height: 30vw;overflow: hidden;float: left;margin-left: 3%;margin-bottom: 2.6vw;}
	#staffPage .instagram_uptake li img {width: 100%;height: auto;}
	#staffPage .instagram_uptake li:nth-child(3),#staffPage .instagram_uptake li:nth-child(6){margin-right: 0;}
	#staffPage .instagram_uptake li:nth-child(6){display: block;}
	
	/*BLOG*/
	#staffPage #staff_blog{padding: 5.3vw 0;}
	
	#staff_twitter{overflow-y: scroll;text-align: center;border: 1px solid #eee;margin-top: 5.3vw;}
	
	#back_btn_area{padding: 5.3vw 0;background: #fff;}
	#back_btn_area .more_btn{margin-top: 0;}

}



@media screen and (min-width: 1000px) {
	#detail_upper_area{position: relative;}
	#detail_upper_area .detail_main_img{width: 640px;height:960px;overflow: hidden;position: relative;}
	#detail_upper_area .detaile_name{width: 100%;text-align: right;z-index: 10;}
	#detail_upper_area .name_area_s{width: 320px;text-align: right;float: right;margin-bottom: 20px;}
	.name_area_post .detail_underline{padding: 10px;line-height: 1.3;}
	.name_area{line-height: 1.5;font-weight: bold;margin-top: 5px;}
	
	#detail_middle_area{margin-bottom: 40px;}
	.name_last{padding-left: 20px;}
	
	/*DETAIL SNS*/
	#detail_middle_area #detail_sns{width: 100%;position: relative;z-index: 5;}
	#detail_middle_area #detail_sns p{width: 60px;float: left;margin-bottom: 10px;margin-left: 20px;}
	#detail_middle_area #detail_sns p:nth-child(1){margin-left: 0;}
	
	/*PROFILE*/
	#detail_prof{width: 450px;margin-top: 40px;margin-bottom: 40px;}
	#detail_prof div{line-height: 1.7;}
	
	/*FREE*/
	#detail_free{float: left;}
	#detail_free .free{background: #7F7F7F;color: #fff;margin-bottom: 15px;padding: 2px 20px;}
	#detail_free div{line-height: 1.7;}
	
	/*YOUTUBE*/
	.youtube_banner_area{margin-bottom: 20px;}	
	.youtube_banner_area .center1000{display: flex;justify-content: space-between;flex-wrap: wrap;}	
	.youtube_banner_area a{width: 48%;display: block;margin-bottom: 20px;}	
	
	/*MOVIE*/
	#staffPage .movie_bg{background: #000;width: 100%;padding: 25px 0;}
	#staffPage #movie_area{margin-bottom: 40px;}
	#staffPage h4{color: #fff;text-align: center;border-bottom: #968C00 solid 1px;width: 80%;margin: 0 auto;margin-bottom: 20px;}
	#staffPage h4 span{color:#968C00;}
	#detail_movie{margin-bottom: 40px;}
	#staffPage .movie_box{position: relative;}
	#staffPage .movie_box .gal_txt{width: 320px;padding: 20px;color: #000;background: rgba(255,255,255,0.7);position: absolute;bottom:0;}
	#staffPage #btn_moreMovie{text-align: center;margin-top: 10px;}
	
	/*PHOTO*/
	#staffPage #photograph_area{padding-top:50px ;}
	#staffPage #photograph_area h4{color: #000;margin-bottom: 20px;}
	#staffPage #detail_bottom{width:900px;margin: 0 auto;}
	#photograph_area p img{width: 100%;}
	#photograph_area #photo02,#photograph_area #photo05,#photograph_area #photo07,#photograph_area #photo08,#photograph_area #photo11,#photograph_area #photo12{width:540px ;height:360px;overflow: hidden;}
	#photograph_area #photo02 img,#photograph_area #photo05 img,#photograph_area #photo07 img,#photograph_area #photo08 img,#photograph_area #photo11 img,#photograph_area #photo12 img{width: 100%;height: auto;}
	#photograph_area #photo03,#photograph_area #photo04,#photograph_area #photo06,#photograph_area #photo09,#photograph_area #photo10,#photograph_area #photo13{width: 320px;height: 480px;overflow: hidden;}
	#photograph_area #photo03 img,#photograph_area #photo04 img,#photograph_area #photo06 img,#photograph_area #photo09 img,#photograph_area #photo10 img,#photograph_area #photo13 img{height: 100%;width: auto;}
	#photograph_area #photo02,#photograph_area #photo04,#photograph_area #photo07,#photograph_area #photo09,#photograph_area #photo11,#photograph_area #photo13{float: right;}
	#photograph_area #photo03,#photograph_area #photo05,#photograph_area #photo06,#photograph_area #photo08,#photograph_area #photo10,#photograph_area #photo12{float: left;}
	#photograph_area #photo07.photo-cstm,#photograph_area #photo11.photo-cstm{margin-bottom: 140px;}
	#photograph_area #photo02,#photograph_area #photo03,#photograph_area #photo05,#photograph_area #photo06,#photograph_area #photo07,#photograph_area #photo08,#photograph_area #photo09,#photograph_area #photo10,#photograph_area #photo11,#photograph_area #photo12,#photograph_area #photo13{margin-bottom: 18px;}
	
	.detail_main_img img,#staff_detail #photo03 img,#staff_detail #photo04 img,#staff_detail #photo06 img,#staff_detail #photo07 img,#staff_detail #photo09 img,#staff_detail #photo10 img,#staff_detail #photo11 img,#staff_detail #photo13 img{position: absolute;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);height: 100%;width: auto;	}
	
	#btn_moreGallery{text-align: center;margin-top: 20px}
	
	/*TOPICS*/
	#staffPage .topics_bg{background: #000;padding: 75px 0 50px;margin: 0 0 50px;}
	#staffPage #topics_area{width: 900px;margin: 0 auto;}
	#staffPage .topics_bg h4{margin-bottom: 20px;}
	#staffPage .topics_bg .topics_box{width: 420px;float: left;}
	#staffPage .topics_bg .topics_box:hover{opacity: 0.6;transition: opacity 1s;}
	#staffPage .topics_bg .topics_box:nth-child(even){float: right;}
	#staffPage .topics_bg .topics_box a{text-decoration: none;color: #fff;}
	#staffPage .topics_bg .topics_box .topi_img{height:280px;overflow: hidden }
	#staffPage .topics_bg .topics_box .topi_img img{width: 100%;}
	#staffPage .topics_bg .topics_box .topi_txt{width: 100%;padding: 20px 0;}
	#staffPage #btn_moreTopics{text-align: center;margin-top: 10px;}
	#staffPage #btn_moreTopics a:hover{opacity: 1;}
	
	/*TWITTER*/
	#staffPage #staff_twitter{width: 100%;margin: 0 auto;}
	#staffPage #twitter_code{width: 100%;height: 500px;overflow-y:scroll;margin: 0 auto;margin-top: 50px;text-align: center;border: 1px solid #eee;}
	
	/*INSTAGRAM*/
	#staffPage #staff_inst{background: #fff;padding: 40px 0;}
	#staffPage .instagram_uptake li{width: 320px;height: 320px;overflow: hidden;float: left;margin-right: 20px;margin-bottom: 20px;}
	#staffPage .instagram_uptake li img {width: 100%;height: auto;}
	#staffPage .instagram_uptake li:nth-child(3),#staffPage .instagram_uptake li:nth-child(6){margin-right: 0;}
	
	/*BLOG*/
	#staffPage #staff_blog{padding: 40px 0;}
	
	#back_btn_area{padding: 40px 0;background: #fff;}
	#staffPage #back_btn_area{padding-top: 0}
}