/* ======================================

	sp.css

 ====================================== */
@media (max-width: 599px) {

body{
	width:100%;
	min-width: initial;}
.container{
	padding-left:8px;
	padding-right:8px;}
#contentsMain{
	/* 横スクロール対策*/
	width: 100%;
	overflow: hidden;}

/* ======================================
	共通
 ====================================== */
h1{
	font-size: 18px;}

.modal-dialog img{
	max-width: 100%;}

.btn-lg{
	font-size:14px;}
div.area{
	margin-bottom: 15px;}
.lead{
	margin:10px 0 20px;
	font-size: 14px;}

.spNone{
	display: none;}
.pcNone{
	display:inherit }

.closeText .f12{
	display: block;
	font-size: 10px;}

/*  広告
================== */
#mainBtmAD .col-md-6{
	padding:0;
	overflow: hidden;
	width:98%;
	margin:0 auto;
display: none;}
#footerTop #footerAD{
	overflow: hidden;
	width:98%;
	margin:0 auto;
}

/*  フォーム
================== */
#contentsMain .form-horizontal {
    margin: 0;}
.formBox{
	margin:15px 0;
	padding: 10px;}
.form-group{
	border-bottom:1px dotted #ddd;
	padding:0 0 10px}
.form-group .confirm{
	padding-top:0;}

#contentsMain .form-group .control-label{
	width:100%;
	padding: 7px 0 0 10px;}
#contentsMain .form-horizontal .form-group{
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left:-10px;
	margin-right:-10px;}


input.form-control{
	font-size: 16px;}/*　フォームにフォーカスしたときに画面が拡大しないようにする*/

.ui-dialog .ui-dialog-titlebar-close{
	text-align: center;}
/* ======================================
	HEADER
 ====================================== */
#header{
	border-bottom: 1px solid #ddd;}
#headerTop .navbar-header{
	float:none;}

#headerTop .navbar-brand{
	font-size:9px;
	height:auto;
	line-height:2;}
#headerTop .navbar-toggle{
	float:left;
	border-color:#b299cc;
	padding:3px 5px;
	margin:0 15px 5px 0;}
#headerLogo{
	height:auto;
	width:100%;
	overflow: hidden;
	clear:both;
	padding-bottom: 8px;}
#headerLogo .logo{
	float:none;
	width: auto;
	font-size: 16px;
	margin-top:15px;
	margin-right: 50px;}
#headerLogo .logo img{
	float: left;
	margin-top:-5px;
	margin-right: 8px;}

#headerLogo .AD{
	padding-top:10px;
	float:none;
	width:100%;
	overflow:hidden;}
#headerLogo .AD .apply{
	font-size: 10px;}

/* グローバルナビ 
================== */
#gNavi .container{
	padding:0;}
#gNavi .container .nav{
	margin:0 -15px;}
#gNavi .container .nav li{
	border-bottom:1px dotted rgba(255,255,255,0.3);}
#gNavi .container .nav li:last-child{
	border-bottom:1px solid rgba(255,255,255,0.3);}
.offcanvas-toggle{
	position:absolute;
	top:7px;
	right:10px;
	padding:8px 5px;
	border-radius:3px;
	border:1px solid rgba(255,255,255,0.3);
	margin:0;}
.offcanvas-toggle .icon-bar{
	background:#fff;}
.offcanvas-toggle .text{
	font-size:14px;}

#gNavi .navbar-form{
	margin:10px 0 0}
#gNavi .form-control{
	padding:6px;
	margin-bottom:10px;
	font-size: 12px;}
#gNavi .form-group{
	border-bottom: none;
	padding-bottom: 0;}
#gNavi #sp-menu{
	display: block;
	border-bottom: none;}


/* ======================================
	FOOTER
 ====================================== */
#footerTop ul li{
	font-size:10px;
	padding: 0 2px;}
#footerBtm{
	margin-top: 0;}
#footerBtm ul li{
	padding:5px 5px 0;}
#footerBtm ul li.help{
	display: inline-block;}
#footerBtm{
	font-size:11px;}
#footerBtm i{
	width: 35px;
	height: 35px;
	line-height: 35px;}
/* ======================================
	TOP
 ====================================== */	
 #topVisual {
 	margin: 0 20px; }
 #topVisual .text span{
 	display: block;
 	width:100px;
 	margin:0 auto; }
 #topVisual .text a{
 	display: block;}

#newsList{
	margin:20px;}

#areaFB,#areaTwitter{
	height:350px;
	overflow: auto;
	margin:0 20px;}

/* ======================================
	NEWS
 ====================================== */
#newsList .item .date{
	float: none;}
#newsList .item .text{
	margin-left: 0;}

/* ======================================
	PROFILE
 ====================================== */
#areaProfile th{
	width: 80px;}
#areaProfile td.logo{
	text-align: right;
	width:70px;}
#areaProfile td.logo img{
	max-width:70px;}
#areaProfile td .urlLine{
	max-width:150px;}

/* ======================================
	STAGE
 ====================================== */	
 #stageList .box{
 	height: 290px;}
 #stageList .box .photo{
 	height: 200px;}
 #stageList .box .photo img{
 	max-height: 190px;}


/* ===== detail ===== */
.nav-tabs.nav-justified > li{
	float: left;
	width: 50%;
}
#stageDetail .itemLeft,
#stageDetail .itemRight{
 	float: none;
 	width: 100%;}
#detailData .title .more.reserve a{
	font-size: 10px;}
.table.schedule{
	width: 100%;}
.table.schedule th,
.table.schedule .time{
	font-size:12px;
	font-weight: normal;
	width:auto;}
.table.schedule .time{
	width:40px;}
.table.schedule td {
	height:auto;
	padding: 10px 0;}

#stageDetail td .urlLine{
	max-width:200px;}

/* ======================================
	MEMBER
 ====================================== */	
 #memberList .box .photo{
 	height: 200px;}
 #memberList .box .photo img{
 	max-height:200px;
 	max-width: 100%;
 	margin:0; }


/* ======================================
	MOVIE
 ====================================== */	
#areaMovie .media iframe{
	width:100%;
	vertical-align: baseline;}

video{
	width: 100px !important;
}	

/* ======================================
	PHOTO
 ====================================== */	
.tileStyle .col-md-2 .tile,
.tileStyle .tile {
	height:	100px;}
.tileStyle .modal-body .photo img{
	max-width: 100%;
	min-height: 1px;}
.tileStyle .modal-body .col-md-2{
	margin: 20px 10px 0;}


/* 俳優プロフィール */
#areaActorProf .profTop .areaLeft{
	float: none;
	width: auto;
	text-align: center;}
#areaActorProf .profTop .areaRight{
	float: none;
	width: auto;
	margin: 0;}

#areaActorProf .profTop .areaLeft .miniPhoto{
	margin-bottom: 5px;}
#areaActorProf .profTop .areaLeft .miniPhoto p{
	width: 18%;
	margin-bottom: 10px;}
#areaActorProf .profTop .areaLeft .miniPhoto p:nth-child(3){
	margin-right: 2%;}
#areaActorProf .profTop .areaLeft .miniPhoto img{
	max-width: 100%;
	max-height: 110px;}