@charset "shift_jis";

@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');

@font-face {
    font-family: 'king';
    src: url('king.woff') format('woff'),
         url('king.tif') format('tif');
    font-weight: normal;
    font-style: normal;

}

body{
	text-align: center;
	background: #000 url(../img/common/back.jpg) top center;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 13px;
	color: #FFF;
	margin: 0px;
	overflow-x: hidden;

}

a:link {
	text-decoration: underline;
	color: #FFF;
}

a:visited {
	text-decoration: underline;
	color: #FFF;
}

a:hover {
	text-decoration: underline;
	color:#AA0002;
}

a:active {
	text-decoration: underline;
	color: #ffffff;
}

#wrapper{
	width:1200px;
	height:auto;
	margin:0px auto;
}

#header_box{
	height:122px;
	
	font-family: "king",Verdana, Geneva, "sans-serif";
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}   
#header_box object{
	display:none;
	}


h1{
	font-size:12px;
	color:#FFF;
	margin:0px auto;
	line-height:1.6em;
	height: 22px;
	display: block;
	padding-top: 5px;
	overflow: hidden;
	width: 100%;
	text-align: center;
	background: repeat-x left top;
}
h2{
    margin:0px;
	font-size:10px;
	color:#FFF;
}
#header_box h2{
	width:380px;
	height:150px;
	font-size: 90px;
	line-height:.8;
	text-indent:-9999px;
	background: url("../img/index/logo_index.png")no-repeat center center;
position: relative;
top:-30px;	
    background-size: 80% auto;
}
#header_box h2 span{
	font-size:25px;
	display: block;

}

/* Navigation__________________________________________________________*/
.navi{
	height:48px;
	padding:0px;
	margin:0px auto;
	background:no-repeat;
	display: flex;
	justify-content: center;
	font-family: "king",Verdana, Geneva, "sans-serif";
background:url(../img/common/nav_bg.png) no-repeat center center;
	font-size: 26px;
	overflow: hidden;
}

.navi li{
	height:48px;
	text-indent:0px;
	list-style:none;
	display: inline-block;
	
}
.navi li a{
	display: block;
	text-decoration: none;
	padding:5px 30px;
	margin-top:5px;
	border-left:1px solid #FFF;
}
.navi li:last-child a{
		border-right:1px solid #FFF;
}

#footer_contact{
	width:1020px;
	height:74px;
	clear:both;
}
.footer_line {
	padding-top: 18px;
}


#footer_bese{margin-top:30px;
	background:#1c2122  url("../img/common/footer__line_bg.jpg") repeat-x center top;
	width: 100%;
padding-top:40px;
}
#footer_logo{
	width:180px;
	height:90px;
	float:left;
}
#footer_copylink{
text-align: left;
	width:1200px;
font-family: "king",Verdana, Geneva, "sans-serif";
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
    
}
#footer_copylink .tel{
    width: 330px;
    height: 100px;
    background: url("../img/head_tel.png")no-repeat center center;
background-size: 100% auto;
}
#footer_copylink .tel div{
    display: none;
}
#footer_copylink h2{

width: 200px;
height: 100px;
font-size: 90px;

	text-indent:-9999px;
	background: url("../img/index/logo_index.png")no-repeat center center;
    background-size: 100% auto;
}

#footer_copylink .text{

	text-align:left;
	font-size:20px;
	color:#CCC;
	line-height:1.5em;

}
#footer_copylink .text a{
	display:inline-block;
	text-decoration: none;
	text-align:left;
	font-size:14px;
	color:#CCC;
	position: relative;
    margin-right:20px;
}
#footer_copylink .text a:nth-of-type(6){
    display: none;
}
#footer_copylink .text br{
    display: none;
}
/*
#footer_copylink .text a:after{
	content:"";
	display: block;
	border-top:1px solid #FFF;
	position: absolute;
	top:50%;
	left:110%;
	width: 200px;
}
*/
#footer_copylink .copy {
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
	padding: 20px 0;
	margin: 0px;
        order: 4;
}
#bread-crumb-list {
	width: 960px;
	text-align: left;
	margin: 10px auto;
	padding: 5px;
	font-size: 12px;
}

#bread-crumb-list li {
	display: inline;
}
#notfound {
	padding-top: 30px;
	padding-bottom: 100px;
}

#notfound h2 {
	font-size: 20px;
}


/*
TOP PAGE
*/

#main_img{
	height:187px;
	margin:0px auto;
	background: url(../img/top/top_img_bg.jpg) no-repeat bottom;
}
.cover_bg{
	background: url(../img/top/cover_bg.png) repeat-x;
}
.cover_outer {
	position: relative;
	height: 699px;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
}
#cover_info_pick #banner {
	clear: both;
	padding: 50px 0;
	text-align: center;
}
#cover_info_pick #banner img{
	width:380px;
	height:auto;
}


#cover_class {
	position: absolute;
	width: 1376px;
	height: 650px;
	left: -170px;
	top: 40px;
}
#cover_class .covermodel {
	float: left;
	height: 605px;
	width: 450px;
}

#collectionnews{
	background:url(../img/top/title_news.jpg) no-repeat;
	width:1000px;
	height:35px;
	margin:auto;
}

#cover_info_pick{
	width:1200px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
}

#cover_info_pick .covermodel{
	width:320px;
	height:auto;
	float:left;
}
#cover_info_pick .covermodel .title{
	width:320px;
	height:35px;
}
#cover_info_pick .covermodel .photo{
	background:url(../img/top/cover_back.jpg) no-repeat;
	width:320px;
	height:430px;
}

#cover_info_pick .newsinfo{
	width:750px;
	float:left;
	background: url(../img/top/news_bg.png) no-repeat;
	padding: 68px 3px 3px;
		height:520px;
	overflow: hidden;
}

#cover_info_pick .newsinfo .title{
	width:370px;
	height:35px;

}
#cover_info_pick .newsinfo .main{
	width:370px;
	height:430px;
			background:url(../img/common/text_bg.jpg) no-repeat;
}

#cover_info_pick .pickup{
	width:410px;
	float:right;
	background: url(../img/top/pickup_bg.png) no-repeat;
	padding: 64px 3px 3px;
}
#cover_info_pick .pickup .title{
	width:270px;
	height:35px;
}
#cover_info_pick .pickup .photo{
	background:url(../img/top/pickup_back.jpg) no-repeat;
	width:270px;
	height:430px;
}
#newface {
	background: url(../img/top/new_face_bg.png) repeat-x;
	clear: both;
	margin-top: 10px;
}

/*
コンパニオン
*/

#cast_container{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
}

#cast{
	background:url(../img/cast/cast_back.png) no-repeat;
	width:280px;
	height:450px;
	margin:10px;
	text-align: center;
}
#cast .corse{
height: 40px;
	
}
#cast .corse img{
	margin-top:12px;
}
#cast .photo img{
width:226px;
	vertical-align: middle;
}
#cast .name a{
	color:#D0CBAE;
	font-size:12px;
	font-weight:bold;
}
#cast .size{
	color:#D0CBAE;
	margin:5px 0 0 0;
	font-size:12px;
}
#cast .comment{
	color:#D0CBAE;
	margin:5px 0 0 0;
	font-size:12px;
}

/*
プロフィール
*/
#cast_main{
	width: 1200px;
	margin:0 auto;
}
#prof_main{
	width:1000px;
	height:auto;
	min-height:396px;
	margin:10px auto;
}
#prof_main .photo {
    background: url("../img/cast/profile/profile_back.png") no-repeat scroll 0 0 transparent;
 padding:51px 53px;
 
}
.photo_layout{
width:504px;
float:left;
}
#prof_main .photo img{
width:400px;
height:533px;
}
#prof_main .photo div{
	width:287px;
	height:30px;
	margin-top:10px;
}
#prof_main .thum{

	float:left;
	margin-left:10px;
}
#prof_main .thum .thum2{
float:left;
	background:url(../img/cast/profile/thumb_bg.jpg) no-repeat;
padding:5px 4px;
margin-right:13px;
}
#prof_main .thum .thum2 img{
width:74px;
height:99px;
}
#prof_main .profdetail{
	font-family: YakuHanJP,'Noto Serif JP',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E", Meiryo, メイリオ, sans-serif;
	width:479px;
	height:auto;
overflow: hidden;
	float:right;
}
#prof_main .profdetail .name{
    color: #FFFFFF;
font-family: YakuHanJP,'Noto Serif JP',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E", Meiryo, メイリオ, sans-serif;
    font-size: 28px;
    font-weight: bold;
    padding-left: 35px;
    padding-top: 5px;
    text-align: left;
}
#prof_main .profdetail .name .eng{
	font-size: 15px;
}
#prof_main .profdetail .a-name{
    color: #FFFFFF;
font-family: YakuHanJP,'Noto Serif JP',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E", Meiryo, メイリオ, sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 45px;
    padding-left: 35px;
    padding-top: 5px;
    text-align: left;
}
#prof_main .profdetail .btn{
	width:128px;
	height:32px;
	float:right;
}
#prof_main .profdetail .spacer{
	width:600px;
	height:8px;
	clear:both;
}
#prof_main .profdetail .det{
   clear: both;
    color: #FFFFFF;
    font-size: 16px;
    overflow: hidden;
    padding-left: 40px;
    text-align: left;
    width: auto;
padding:5px 5px 5px 40px;
	display: flex;
}
#prof_main .prof_left{
	padding:10px 0;
	border-top:1px solid #FFF;
	margin-top:10px;
}
#prof_main .profdetail .det .tit{
	color:#E4D9BB;
	display: inline-block;
	font-size:16px;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #FFF;
	width: 120px;
}
#prof_main .profdetail .det .dital{
	display: inline-block;
	width:calc(100% - 120px);
}
#prof_main .profdetail .comment{
	clear: both;
	color: #FFFFFF;
	font-size: 14px;
	height: auto;

	padding:10px 0px 30px 30px;
	margin-top:30px;
	text-align: left;

}
#prof_main .profdetail .comment b{
	font-size: 20px;	color:#E4D9BB;
	display: inline-block;
	padding-bottom:15px;
}
#prof_class{

}

#prof_sche{
	width:1010px;
	height:auto;
	margin:0 auto;
	clear:both;
	background:url(../img/cast/profile/schedule_outer_back.jpg) no-repeat;
	padding:32px 0;

}

#prof_sche .schedetail{
	background:url(../img/cast/profile/schedule_back.jpg) no-repeat;
	height:70px;
	margin:0px 2px;

}

/* 以下出勤表用css */


table{
text-align:center;
font-size:12px;
}

/* カレンダーtable の設定 */
.sche{
color:#FFF;
height: 70px;
border-collapse: collapse;
}

.sche td{	/* カレンダーtd の設定 */
width:138px;
height:auto;
padding:15px auto;
}

.sche-title{   /* 日付 */

}

.tr-color1{	/* スケジュール内容(奇数行) */


background-color: #fff;
}


.tr-color2{	/* スケジュール内容(偶数行) */

background-color: #ECDEFF;
}

.date-normal{/* 平日 */

color:#fff;
}

.date-sat{	/* 土曜 */

color:#0099ff;
}

.date-hori{	/* 日曜 */

color:#f00;
}
/*
スケジュール
*/

#sche_container{
	width:1010px;
	height:auto;
	overflow:hidden;
}
#sche_title{
		display:none;

	background:url(../img/schedule/title.jpg) no-repeat;

	width:1010px;
	height:166px;
	margin:0px auto;
}
#sche_main{
	background:url(../img/schedule/shue_title_bg.png) no-repeat center;
	width:1010px;
	height:auto;
}
#sche_main .title {
	height: 32px;
	float: left;
	padding-top: 26px;
	padding-left: 35px;
}
.img_margin {
	margin: 100px auto 100px auto;
}


#sche_main {
    background: url(../img/schedule/shue_title_bg.png) no-repeat center;
    width: 1200px;
    height: auto;
	margin:0 auto;
	overflow: hidden
}

#date{
	text-align:center;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	line-height:2.2em;
	padding: 20px 20px 20px 20px;
	height: 32px;
	float: right;
	width: 600px;
	overflow: hidden;
}
#schedule{
	background:url(../img/schedule/schedule_back.jpg) no-repeat;
	width:190px;
	height:320px;
	margin:0px auto;
}
#schedule .corse{
	width:190px;
	height:20px;
	margin:6px 0 3px 0;
	padding-top:5px;
}
#schedule .photo{
	width:160px;
	height:213px;
	margin:auto;
	margin-bottom:5px;
}
#schedule .name a{
	color:#D0CBAE;
	font-size:12px;
	font-weight:bold;
}
#schedule .size{
	color:#D0CBAE;
	margin:5px 0 0 0;
	font-size:12px;
}
#schedule .comment{
	text-align:left;
	width:160px;
	color:#454032;
	margin:3px auto;
	font-size:10px;
}
#schedule .time{
	width:190px;
	color:#D0CBAE;
	margin:3px auto;
	font-size:14px;
	font-weight:bold;
}
.schedule_week {
	width:1000px;
	margin:7px 0px;
	font-size:14px;
}

a.date-normal{/* 平日 */

color:#fff;
}

a.date-sat{	/* 土曜 */

color:#0099ff;
}

a.date-hori{	/* 日曜 */

color:#f00;
}


/*
料金システム
*/

#system_container{
	width:1010px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#system_title{
		display:none;

	background:url(../img/system/title.jpg) no-repeat;
	height:180px;
}
#system_main{
	height:auto;
}
#system_main .system_detail {

	width: 962px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px;
	text-align: left;
}
.system_detail img {
	padding-bottom: 10px;
}

.system_detail .left_box {
	float: left;
}
.system_detail .right_box {
	float: right;
}
.system_detail ol li,
.system_detail ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.system_detail ul {
	padding: 10px 25px 25px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}
#system_main .cast_panel_01 {
	background: url(../img/system/price_detail2.png) no-repeat;
	width: 996px;
	height: 307px;
}
#system_main .cast_panel_02 {
	background: url(../img/system/price_detail3.png) no-repeat;
	width: 996px;
	height: 307px;
}
#system_main .cast_panel_01 .inner,
#system_main .cast_panel_02 .inner {
	text-align: left;
	padding: 33px 50px 30px 43px;
}
#system_main .cast_panel_01 .inner h2,
#system_main .cast_panel_02 .inner h2 {
	float: left;
}

#system_main .cast_panel_01 .inner .price,
#system_main .cast_panel_02 .inner .price {
	float: right;
	width: 620px;
}
#system_main .price .line {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
        .pc{
        display: block;
    }









/*
求人リクルート
*/

#recruit_container{
	width:1010px;
	height:auto;

	overflow:hidden;
}
#recruit_title{
		display:none;

	background:url(../img/recruit/title.jpg) no-repeat;
	width:1010px;
	height:180px;
}
#recruit_main{
	width:1010px;
	height:auto;
	margin:0px auto;
}

/*
コンタクト
*/

#contact_container{
	height:auto;
}
#contact_title{
	display:none;
	background:url(../img/contact/title.jpg) no-repeat;
	height:166px;
}
#contact_main{
	width:1000px;
	height:auto;
	margin:0px auto;
	padding:20px 0px;
}

/*
メンバー
*/

#member_container{
	height:auto;
}
#member_title{
		display:none;

	background:url(../img/member/title.jpg) no-repeat;
	height:166px;
}
#member_main{
	width:960px;
	height:auto;
	margin:0px auto;
	padding:20px 20px;
}

/*
モバイル
*/

#mobile_container{
	height:auto;
}
#mobile_title{
		display:none;

	background:url(../img/mobile/title.jpg) no-repeat;
	width:1010px;
	height:180px;
	margin:0px auto;
}
#mobile_main{
	height:650px;
	background:url(../img/mobile/mobile_back.jpg) no-repeat center top;
	margin:0px auto;
}
#mobile_left{
	width:250px;
	height:260px;
	padding:198px 0px 95px 205px;
	float:left;
}
#mobile_right{
	width:500px;
	height:200px;
	padding:280px 40px 0 0;
	text-align:right;
	float:right;
}

/*
リンク
*/

#link_container{
	width:1010px;
	height:auto;
	overflow:hidden;
}
#link_title{
		display:none;

	background:url(../img/link/title.jpg) no-repeat;
	width:1010px;
	height:180px;
	margin:0px auto;
}
#link_main{
	width:1000px;
	height:auto;
	margin:0px auto;
}
#link_main .linkbanner{
	text-align:left;
	width:900px;
	height:auto;
	font-size:12px;
	line-height:1.5em;
	margin:5px auto;
}


#header_box .tel{
	width:450px;
	height:100px;
	display:flex;
	font-size:30px;
	text-align: left;
	align-items: center;
background: url("../img/head_tel.png")no-repeat center center;
}

#header_box .tel br{
	display: none;
}
#header_box .tel div{
		text-indent:-9999px;
}
#footer_copylink .tel span,#header_box .tel span{
	font-size: 20px;
}
#footer_copylink .tel b{
	font-size: 50px;
}
#header_box .tel b{
	font-size: 40px;
}
#footer_copylink .tel .qr{
	padding:10px 20px;
display: none;
}
#header_box .tel .qr{
	padding:10px 20px;
}

.newface_main {
	padding:20px 0 40px 0;
	background: url(../img/top/new_face_bg.png) repeat-x center bottom;
	margin-bottom:30px;
}

#cast .nobertxt{
	font-family: "king",Verdana, Geneva, "sans-serif";
font-size: 16px;
	padding:5px;
	color:#FFF;
	background: #310000;
	margin:0 28px;
}
.bottom_menu{
	display: none;
}
@media screen and (min-width: 720px){
#cast_container .ranks:nth-of-type(1),
#cast_container .ranks:nth-of-type(2){
	width: 504px;
	height:auto;
	background: url("../img/cast/profile/profile_back.png")no-repeat;
	position: relative;
	padding: 51px 0;
	
}
#cast_container .ranks:nth-of-type(1) .photo img,
#cast_container .ranks:nth-of-type(2) .photo img{
	width: 400px;
height: 533px;
}
#cast_container .ranks:nth-of-type(1) .corse,
#cast_container .ranks:nth-of-type(2) .corse{
	display: none;
}
#cast_container .ranks:nth-of-type(1) .text,
#cast_container .ranks:nth-of-type(2) .text{
	position: absolute;
	bottom:50px;
	left:52px;
	right:52px;
	background: rgba(0,0,0,0.7);
}
#cast_container .ranks:nth-of-type(1) .text .nobertxt,
#cast_container .ranks:nth-of-type(2) .text .nobertxt{
	margin:0;
}
}
.ranktitle{
	width: 100%;
	font-size:30px;
font-family: YakuHanJP,'Noto Serif JP',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E", Meiryo, メイリオ, sans-serif;
padding-top:40px;
}
.rankouter {
	justify-content: center;
}
    .smp{
        display: none;
    }
.line_area{
    text-align: left;
    width: 900px;
    margin:0 auto;
}










@media screen and (max-width: 720px){
	body{
		font-size:3vw;
		background-attachment: fixed;
	}
	#wrapper{
		width: auto;
	}
	#header_box{
		height: auto;
		padding:10px 0 10px 0;
	}
	#header_box h2 {
    font-size: 7vw;
    line-height: 0;
    width:auto;
        background-position: center center;
        background-size: auto 100%;
        margin: 0;
        padding: 0;
        height: 20vw;
        top:0;
    }
	#header_box h2 span {
    font-size: 3vw;
    display: block;
}
	#header_box .tel b{
	font-size:4vw;
		text-align: center;
	}
	#header_box .tel br{
		display: none;

	}
	#header_box .tel{
font-size:4vw;
		display: block;
		text-align: center;
		padding:5px;
    background-image: none;
        background-color: #000;
        border-top:1px solid #FFF;
        border-bottom:1px solid #FFF;
        height:auto;
        text-indent: 0;
        width: auto;
   
    }
    #header_box .tel div{
        background: url("../img/head_tel_sp.png")no-repeat center center;
        background-size: cover;
    }
	#header_box .tel .qr{display:none;}
	#header_box{
		display: block;
		text-align: center;
	}
	#footer_copylink .tel span, #header_box .tel span {
    font-size: 3vw;
}
	.navi{
	display: block;
        height:auto;
        background: rgba(0,0,0,0.9);
        position:fixed;
        top:0;
        left:100vw;
        width:50vw;
        padding-top:15vw;
        transition: all 0.5s ease-out;
        z-index: 997;
        height:100vh;
	}
	.navi li{
		display: block;
		font-size:4vw;
		height:auto;
		padding:0;
	}
	.navi li a{
		border-bottom:1px solid #666;
		border-left: 0px;
		padding:10px 0;
		margin:0;
	
	}
	.navi li:last-child a {
    border-right:0;
}
	h1{
		display: none;
	}
	.cover_outer{
		width:100VW;
		height:auto;
	}
	#cover_class{
		display: flex;
		flex-wrap: wrap;
		width:auto;
		height:auto;
		position: static;
	}
	#cover_class .covermodel{
width: 100vw;
		height: 123vw;
	}
	
	#cover_class iframe{
width: 100vw;
		height: 123vw;
	}
	.cover_bg{
		background: none;
	}
	/*
	#cover_class .covermodel:nth-of-type(3) {
		width: 100vw;
		height: 123vw;
	}
	#cover_class .covermodel:nth-of-type(3) iframe{
		width: 100vw;
		height: 123vw;
	}*/
	.newface_main iframe{
		height:220px;
	}
	#bread-crumb-list{
		display: none;
	}
	#cover_info_pick{
		width:90%;
	}
	#cover_info_pick .newsinfo{
		width:100%;
	}
	#cover_info_pick iframe{
		width: 100%;

	}
	#cover_info_pick .pickup{
		display:none;
	}
	#cover_info_pick #banner img{
		width: 100%;
	}
	#footer_copylink{
		width: auto;
		padding:0 20px ;
	}
	#footer_copylink h2{
		font-size:10vw;
                width: 40vw;
        height:20vw;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center center;
	}
	#footer_copylink .text a,
	#footer_copylink .text{
	font-size:4vw;	
		padding-left:0;
	}
	#footer_copylink .tel{
		font-size:5vw;
	}
	#footer_copylink .tel b{
		font-size:5vw;
	}
	#footer_copylink .tel .qr{
		display: none;
	}
	#cover_info_pick #banner{
		padding:20px 0 10px 0;
	}
	#footer_bese{
		margin-top:0px;
	}
	.photo_layout,
	#prof_main,
	#cast_container,
	#prof_main .profdetail,
	#cast_main{
		width:auto;
		display: block;
		float:none;
	}
	#prof_main .photo{
		padding:10vw;
	}
	#prof_main .photo img{
		width:100%;
		height:auto;
	}
	#prof_main .photo{
		background-size:100% auto ;
	}
	#prof_main .thum .thum2 img{
		width:100%;
		height:auto;
	}
	#prof_main .thum{
		width: 94%;
		display: flex;
		flex-wrap: wrap;

	}
	#prof_main .thum .thum2{
		width:13%;
		background-size: 100% auto;
		margin-right:0;
		margin-left:3vw;
	}
	#prof_main .profdetail{
		width:100%;
		height:auto;
		display: block;
	}
	#prof_class img{
		width:80%;
		height:auto;
	}
	#prof_main .profdetail .name{
		padding:10px 0;
		text-align: center;
		font-size:6vw;
	}
	
	#prof_main .profdetail .det .dital,
	#prof_main .profdetail .det .tit,
	#prof_main .profdetail .det{
		font-size:3.5vw;
		width:auto;
		display: block;
	}
	#prof_main .profdetail .det .tit{
		border-right:0px;
		border-bottom:1px solid #FFF ;
		padding:0 0 10px 0;
		margin-bottom:10px;
		margin-right: 0px;
	}
	#prof_main .prof_left{
		width:90%;
		margin:0 auto;
	}
	#prof_main .profdetail .det{
		display: block;
		padding-left:5px;
	}
	#prof_main .profdetail .comment{
		padding:20px;
		margin:0;
	}
	#footer_copylink{

		padding-bottom:15vw;
	}
	.sche_outer{
		width:auto;
		margin:10px;
		overflow-x: scroll;
	}
	#footer_copylink .text a::after {
		width:100px;
	}
	#cast{
		width:48%;
		height:auto;
		background-size: 100% auto;
		margin:0 0px;
		padding-bottom:8vw;
	}
	#cast_container{
		padding:0 15px;
	}
	#cast .corse{
		height:auto;
	}
	#cast .photo a{
		display: block;
			width:80%;
		margin:0 auto;
	}
	#cast .photo img{
		width:100%;
		height:auto;
		
	}
	.cast_list{
		display: flex!important;
		flex-wrap: wrap!important;
		justify-content: space-between
	}
	#cast .corse img{
		width:35%;
		margin:5px;
		padding:0;
		vertical-align: bottom;
	}
	#cast .size,
	#cast .comment,
	#cast .name a{
		font-size:2vw;
		margin-top:0;
		padding-bottom:0vw;
	}
	#cast_container .img_margin{
		width:100%;
		margin:20px 0;
	}
	#sche_main{
		width:90%;
		margin:0 auto;
		background: none;

	}
	#date{
		width:auto;
		float:none;
		background:url("../img/schedule/shue_title_bg_smp.png")no-repeat center center;
		background-size: 100% auto;
	}
	#date span{
		font-size:2.7vw;
		margin-right:-10px;
	}
	#sche_main .title{
		font-family:  YakuHanJP,'Noto Serif JP',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E", Meiryo, メイリオ, sans-serif;
		font-size:4.5vw;
		text-align: center;
		height: auto;
		padding:10px;
		float:none;

	}
	#system_main img{
		width:100%;
		height:auto;
	}
	#system_main .system_detail,
	#system_container{
		width:90%;
		margin:0 auto;
	}
	#system_main h2 img{
		width:auto;
		max-width:100%;
		height:auto;
	}
	.system_detail ul{
		font-size:3vw;
		padding:0;
	}
	.system_detail .left_box{
		float:none;
		text-align: center;
	}
	#system_main  .system_detail .left_box img{
		width:50%;
	}
	#system_main  .system_detail .left_box br{
		display: none;
	}
	.ranktitle{
		font-size:6vw;
		padding:20px 0;
	}
	.menu_btn{
		display: block;
		position: fixed;
		right:10px;
		top:10px;
		width:8vw;
		padding-bottom:2vw;
		border:1px solid #FFF;
		border-radius: 4px;
		background: url("../img/smp/bg.png");
        z-index:999;
	}
	.menu_btn span{
		display: block;
		background: #FFF;
		width:60%;
	height:3px;
		margin:1vw auto 0 auto;
		border-radius: 4px;
	}
	.menu_btn:before{
		content:"";
		display: block;
			background: #FFF;
		width:60%;
		height:3px;
	margin:1.8vw auto 0 auto;
		border-radius: 4px;
	}
		.menu_btn:after{
		content:"";
		display: block;
			background: #FFF;
		width:60%;
	height:3px;
		margin:1vw auto 0 auto;
			border-radius: 4px;
	}
	.bottom_menu{
		display: flex;
		position: fixed;
		bottom:0;
		left:0;
		right:0;
        z-index: 999;
	}
	.bottom_menu div{
		width:20%;
background: #000;
		text-align: center;
		padding:5px;
	}
	.bottom_menu div a{
border:1px solid #000;
		display: block;
		color:#FFF;
		padding:5px;
		border-radius: 5px;
						background: url("../img/smp/bg.png");
		text-decoration: none;
	}.bottom_menu div a img{
		width:40%;
		display: block;
		margin:0 auto;
	}
    #footer_copylink .text{
        display: none;
    }
    .navi.view{
        display: block;
        left:50vw;
    }
    #footer_copylink .tel{
        text-align: center;
        display: block;
        width: 45vw;
    }
#contact_container iframe{
    width:100%!important;
    height:100vh;
}
    .photo_layout .jCarousel img{
width:100%;
	}
        .pc{
        display: none!important;
    }

    .smp{
        display: block!important;
    }
    #cast .time{
        font-size: 2vw;
}