@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    }


html {
	height:100%;
	width:100%;
    padding:0;
	margin:0;
    font-size:62.5%;
}
html {-webkit-text-size-adjust:100%;}

body {
	height:100%;
	width:100%;
    color:#333;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
    font-size:11px;
    font-size:1.1rem;
}


* html body {
    font-family:Verdana,'メイリオ',"ＭＳ Ｐゴシック",Osaka,sans-serif;
}
:first-child + html body {
    font-family:Verdana,'メイリオ',"ＭＳ Ｐゴシック",Osaka,sans-serif;
}


a { /*FireFoxリンク選択時の点線を消す*/
    overflow:hidden;
    outline:none;
}


a:link {margin:0; padding:0; color:#fff;text-decoration:none;}
a:visited {margin:0; padding:0; color:#fff;text-decoration:none;}
a:hover {margin:0;padding: 0;color:#999;text-decoration:none;}
a:active {margin:0; padding:0; color:#999;text-decoration:none;}



/* img */

img {border:0px;}



/* border none */

.border {border:none;}


/* ul */
ul{list-style:none;}

/* table */
table{border:0; border-collapse:collapse;}


/* float */
.f_l {float:left;}
.f_r {float:right;}


/* clear */

.clear{clear:both; height:0; line-height:0; font-size:1%;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

h1 {
    font-weight: normal;
    color:#fff;
    display:inline;
}





/* wrapper */

#wrapper {
    width: 100%;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
	box-sizing:border-box;
}


/* header */

.ttl {
	margin:0;
    padding:0 0 0 3%;
    text-align:left;
    position:fixed;
    box-sizing:border-box;
    top:0;
    width:100%;
	height:90px;
	background-color:transparent;
	overflow:hidden;
}


.ttl h1 img{margin-top:43px;}


/* mobile/tablet menu */
.mt_menu {display:none;}

/* tablet mobile logo */
.mt_logo{display:none;}







/* main */
.conts {
    margin:90px 0 0 0;
    text-align:left;
    box-sizing:border-box;
    width:100%;
    overflow:hidden;
    clear:both;
	padding:13px 0 0 0;
}
.side{
    margin-left:3%;
    margin-right:0;
    display:block;
    float:left;
    width:17%;
    padding-right:80px;
    box-sizing:border-box;
    position:fixed;
}
.main{
    margin-right:3%;
    margin-left:0;
    display:block;
    text-align:left;
    width:77%;
    float:right;
    box-sizing:border-box;
    padding:0 0 30px 0;
}







/* desktop navi */

.side nav {
    width:100%;
}


.side ul li {
    font-family: 'Roboto', sans-serif;
    line-height:1.5;
    display:block;
    font-size:12px;
    font-size:1.2rem;
}
.side ul li a:link{color:#000;}
.side ul li a:visited{color:#000;}
.side ul li a:hover{color:#999;}
.side ul li a:active{color:#000;}

.side ul li a.current {color:#999;text-decoration:none; }



ul.sns {
    margin-top:20px;
}
ul.sns li {
    display:inline-block;
}




/* insta */
li.inst {
	background-image:url('../../img/desk_common/sns_insta_hover.svg');
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:21px 21px;
    margin-right:5px;
}
li.inst a {
    display:inline-block;
}
li.inst a:hover img {
    visibility:hidden;
}


/* twitter */
li.twt {
	background-image:url('../../img/desk_common/sns_x_hover.svg');
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:22px 22px;
}
li.twt a {
    display:inline-block;
}
li.twt a:hover img {
    visibility:hidden;
}


/* footer */
.credit {
    margin:0 3%;
    position:absolute;
    bottom:0;
    height:35px;
}
.credit p {
    color:#666;
    text-align:left;
    font-size:10px;
    font-size:1.0rem;
}








/* desktop photo deteil */

.detl_area{
    width:100%;
    box-sizing:border-box;
    padding-top:20px;
    text-align:center;
    height:auto;
    display:block;
}

.pic_dtl_h {width:auto;}
.pic_dtl_w {width:99%;}

.name{
    text-align:left;
    margin-top:12px;
    clear:both;
	height:30px;
}
.name p {
    color:#999;
    font-size:10px;
    font-size:1.0rem;
    float:left;
    margin-left:4px;
}
.tm_name{display:none;}





/* desktop profile */
.profile_area{
    min-width:430px;
    max-width:580px;
    height:auto;
    text-align:left;
    font-size:11px;
    font-size:1.1rem;
    box-sizing:border-box;
}
.profile_area section{width:100%;}
.profile_area section h1 {
    color:#000;
    font-size:13px;
    font-size:1.3rem;
}
.profile_area section p {
    color:#333;
    margin-top:20px;
}
.career{
    margin-top:57px;
}
.career h2{
    color:#000;
    font-size:10px;
    font-size:1.0rem;
}
.career ul{
    margin-top:9px;
    margin-bottom:20px;
    display:block;
}
.career ul li{
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.career ul li:after {
    content:"  /  ";
    color:#999;
    font-size:11px;
}
.career ul li:last-child:after{
    content : none ;
}

.career h3{
    color:#000;
    font-size:10px;
    font-size:1.0rem;
}

.career dl{margin-top:9px;}
.career dd{margin-bottom:9px;}


.career ul.b2d{
    margin-bottom:10px;
}
.career ul.b2d li{
    display: list-item;
}
.career ul.b2d li:after{
     content : none ;
}
.career ul.b2d.down {
    margin-bottom: 20px;
}
.career ul.celeb-w {
    margin-bottom:0;
}
.career ul.celeb-m {
    margin-top:0;
}
.career ul.b2d li a{
    color: #333;
    text-decoration:underline;
}
.career ul.b2d li a:hover{
    color: #999;
    text-decoration:underline;
}






/* booking area */

.booking_area{
}
.booking_area h2{
    color:#000;
    font-size:11px;
    font-size:1.1rem;
}
.booking_area ul{
    margin-top:9px;
    display:block;
}
.booking_area ul li{
    display:block;
}


.booking_area ul li a:link{color:#000;}
.booking_area ul li a:visited{color:#000;}
.booking_area ul li a:hover{color:#999;}
.booking_area ul li a:active{color:#000;}