@charset "utf-8";

select,textarea,input[type="text"],input[type="password"],input[type="tel"],input[type="email"]{
	border-width: 1px;
	border-style: solid;
	border-color:#aaa;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:15px;
}

input[type="checkbox"], input[type="radio"] {
	vertical-align: middle;
}

#modelSignBoard{
	width:100%;
	position:relative;
}

#modelSignBoard .wrap_{
	width:100%;
	position:relative;
}

#modelSignBoard img{
	width:100%;
}

#modelSignBoard span.vname_{
/*
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	display:inline-block;
	position:absolute;
	left:150px;
	top:30px;
	font-size:42px;
	line-height:1;
	height:400px;
	color:#000;
	text-align:left;
*/
	display:none;
}

#modelSignBoard span.vname_ span.htb_{
/*
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: tb;
          writing-mode: horizontal-tb;
	display:inline-block;
	text-indent:4px;
	line-height:1;
*/
	display:none;
}

#modelSignBoard span.attr2_{
/*
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	display:inline-block;
	position:absolute;
	left:204px;
	top:30px;
	font-size:38px;
	line-height:1;
	color:#000;
	height:400px;
	text-align:left;
*/
	display:none;
}

#modelOL .inner{
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}

#modelOL .inner .canvas{
}

#modelOL .inner .canvas #modelBasic{
	width:100%;
	margin-bottom:20px;
}

#modelOL .inner .canvas #modelBasic #modelAsset{
	width:62%;
	display:inline-block;
	float:right;
}

#modelOL .inner .canvas #modelBasic #modelMainImage{
	
}

#modelOL .inner .canvas #modelBasic #modelMainImage img{
	width:100%;
}

#modelOL .inner .canvas #modelBasic #modelMainImage table{
	width:100%;
	border-collapse:collapse;
}

#modelOL .inner .canvas #modelBasic #modelMainImage table td{
	vertical-align:top;
	width:50%;
}


#modelOL .inner .canvas #modelBasic #modelMainImage table td img{
	width:100%;
}

#modelOL .inner .canvas #modelBasic #modelProfile{
	width:36%;
	display:inline-block;
	float:left;
	text-align:center;
}

#modelOL .inner .canvas #modelBasic #modelProfile div{
	padding:42px 26px;
	background:#FFF;
}

#modelOL .inner .canvas #modelBasic #modelProfile div p.thumb_ img{
	width:100%;
}

#modelOL .inner .canvas #modelBasic #modelProfile div p.thumb_{
	margin-bottom:22px;
}

#modelOL .inner .canvas #modelBasic #modelProfile h3{
	font-size:24px;
	color:#8a8778;
	line-height:30px;
	border-bottom:1px solid #bebbb4;
	margin-bottom:10px;
	padding-bottom:10px;
	font-weight:normal;
	letter-spacing:2px;
}

#modelOL .inner .canvas #modelBasic #modelProfile h3 span.ruby_{
	font-size:15px;
	display:inline-block;
	padding-left:24px;
}

#modelOL .inner .canvas #modelBasic #modelProfile p{
	color:#8a8778;
}

#modelOL .inner .canvas #modelBasic #modelProfile p span.status_{
	display:inline-block;
	font-size:13px;
	padding:0 4px 0 6px;
	line-height:22px;
	color:#FFF;
	letter-spacing:1px;
	font-weight:normal;
	position:relative;
	margin-right:13px;
}

#modelOL .inner .canvas #modelBasic #modelProfile p span.status_.stat1{
	background: #d3788b;
}

#modelOL .inner .canvas #modelBasic #modelProfile p span.status_.stat2{
	background: #d3788b;
}

#modelOL .inner .canvas #modelBasic #modelProfile p span.status_.stat3{
	background: #d3788b;
}

#modelOL .inner .canvas #modelBasic #modelProfile p span.status_.stat4{
	background: #3b72f7;
}

#modelOL .inner .canvas #modelBasic #modelProfile p span.status_.stat5{
	background: #000;
}

#modelOL .inner .canvas #modelBasic #modelProfile span.attr_{
	margin-top:10px;
	display:inline-block;
	padding:8px 20px;
	text-align:center;
	box-sizing: border-box;
	color:#FFF;
	font-size:15px;
}

#modelOL .inner .canvas #modelBasic #modelProfile span.attr1{
	background: rgba(211,48,86,0.67);
}

#modelOL .inner .canvas #modelBasic #modelProfile span.attr2{
	background: rgba(211,48,129,0.67);
}

#modelOL .inner .canvas #modelBasic #modelProfile span.movie_{
	display:block;
	padding-top:42px;
}

#modelOL .inner .canvas #modelBasic #modelProfile span.movie_ video{
	width:100%;
}

#modelOL .inner .canvas #modelBasic #modelProfile dl{
	padding:42px 0 0;
	text-align:left;
}

#modelOL .inner .canvas #modelBasic #modelProfile dl dt{
	font-size:16px;
	padding:0 0 2px 0;
	color:#A15977;
}

#modelOL .inner .canvas #modelBasic #modelProfile dl dd{
	font-size:15px;
	padding-top:2px;
	padding-bottom:40px;
	color:#545454;
}

#modelOL .inner .canvas #modelExtra{
	padding:22px 0px;
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection h3{
	margin-bottom:16px;
	font-size:30px;
	letter-spacing:2px;
	color:#8b877b;
	text-align:center;
	font-weight:normal;
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection table{
	width:100%;
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection table td{
	background-color:#FFF;
	color:#8a8778;
	text-align:center;
	font-size:14px;
	vertical-align:top;
	border-right:1px solid #ada895;
	padding:0.5em 0 0.5em;
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection table td:last-child{
	border-right:none;
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection table td .date{
	background-color:#fff;
	color:#8a8778;
	border-bottom:1px solid #ada895;
	padding:0.5em 0 0.5em;
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection table td .time{
	padding:0.5em 0 0.5em;
	box-sizing:border-box;
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection table td .reserve{
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection table td .reserve a{
	padding:0.3em 0 0.3em;
	display:inline-block;
	width:90%;
	border:1px solid #d9d9d9;
	color:#8a8778;
	background:#FFF;
}

#modelOL .inner .canvas #modelExtra #modelScheduleSection table td .time span.nowork{
	color:#8a8778;
	line-height:48px;
}

#modelOL .inner .canvas #modelBasic #modelProfile div#modelWorkingMailSection{
	color:#6b6b6b;
	clear:both;
	text-align:left;
	padding:22px 36px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
border-bottom: 1px solid #DDD;
}

#modelOL .inner .canvas #modelWorkingMailSection table{
	width:100%;
	border-collapse:collapse;
}

#modelOL .inner .canvas #modelWorkingMailSection table th{
	width:100%;
	text-align:center;
	color:#A15977;
	padding:12px 0;
	font-size:14px;
	font-weight:normal;
}

#modelOL .inner .canvas #modelWorkingMailSection table td{
}

#modelOL .inner .canvas #modelWorkingMailSection table td input[type="submit"]{
	-webkit-appearance: none;
	background-color:#ffffff;
	padding:6px 8px;
	color:#777;
	border: 1px solid #d9d9d9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-size:14px;

	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}

#modelOL .inner .canvas #modelWorkingMailSection table td input[type="text"]{
	width:100%;
	padding:8px 8px;
	background-color:#f5f5f5;
}

#modelOL .inner .canvas #modelWorkingMailSection p.balloon{
	position: absolute;
	top:-130px;
	left:140px;
	background-image:url('../images/common/balloon.png');
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	width:400px;
	height:151px;
	display:none;
	z-index:500;
}

#modelOL .inner .canvas #modelWorkingMailSection p.balloon span{
	display:inline-block;
	color:#FFF;
	padding:16px 22px 0;
}

#modelOL .inner .canvas #modelWorkingMailSection p.balloon span.cp{
	font-size:14px;
}

#modelOL .inner .canvas #modelBasic #modelProfile div.nextWork{
	padding:1em 26px 1.5em;
	font-size:15px;
	text-align:center;
}

#modelOL .inner .canvas #modelBasic #modelProfile div.nextWork span{
	display:block;
}

#modelOL .inner .canvas #modelBasic #modelProfile div.nextWork span.head_{
	color:#A15977;
	padding:6px 0;
	font-size:15px;
}

#modelOL .inner .canvas #modelBasic #modelProfile div.nextWork span.body_{
	font-size:16px;
	padding:3px 0;
}

#modelOL .inner .canvas #modelBasic #modelProfile .reserve{
	text-align:center;
	padding:0.5em 0;
}

#modelOL .inner .canvas #modelBasic #modelProfile .reserve a {
    padding: 0.3em 0 0.3em;
    display: inline-block;
    width: 100%;
    border: 1px solid #d9d9d9;
    color: #524e4e;
}

.modelInstagramList{
	text-align:left;
}

.modelInstagramList ul{
	font-size:0px;
	line-height:0;
}

.modelInstagramList ul > li {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	z-index: 5;
	width: 25%;
	transition-duration: 0.6s;
	transition-property: width;
	transition-timing-function: ease;
	clear:both;
	cursor:pointer;
}

.modelInstagramList ul > li img{
	width:100%;
}


#reserveOL{
	display: none;
	width: 100%;
	min-height:100%;
	text-align: center;
	position: absolute;
	top: 0;
	z-index: 10002;
	background: rgba(0,0,0,0.88);
}

#reserveOL .inner,
#reserveCanvas .inner
{
	width:800px;
	margin:0 auto;
	padding:40px 0;
}

#reserveOL .inner .canvas{
	background:#091129;
	padding:40px 60px;
	color:#FFF;
}

#reserveCanvas h3{
	font-size:24px;
	color:#FFF;
	margin-bottom:1em;
}

#reserveCanvas table{
	width:100%;
	border-collapse:collapse;
	border:0px;
}

#reserveCanvas table th,
#reserveCanvas table td
{
	vertical-align:top;
	text-align:left;
	font-size:15px;
	padding:10px;
}

#reserveCanvas table th{
	color:#929292;
}

#reserveCanvas dl{
	padding:3em 0 1em;
}

#reserveCanvas dl dt,
#reserveCanvas dl dd
{
	text-align:left;
	font-size:13px;	
}

#reserveCanvas dl dt{
	text-align:center;
	padding-bottom:1em;
	color:#FF0000;
}

#reserveCanvas dl dd{
	padding-bottom:0.6em;
}

#reserveCanvas .btn-area .univBtn a{
	display:inline-block;
	background:#242733;
	color:#FFFFFF;
	border:1px solid #676c7a;
	padding:1em 2em;
}

#reserveCanvas .notice{
	color:#ff0000;
}