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

	style.css

 ====================================== */
html{
	overflow-y: scroll;　/*スクロールバー常時表示*/}
body{
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; 
	word-wrap: break-word;}
a:link,
a:visited{
	color:#000;}
a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}

.text-warning{
	color:#ff0066;}
.pcNone{
	display: none;}
/* ======================================
	レイアウト
 ====================================== */

@media (min-width: 1200px) {
	.container {
		width: 1130px;}
}
@media (max-width: 1190px) {
	.container {
		width: 100%;}
}

@media (max-width: 599px) {
}

/* ======================================
	HEADER
 ====================================== */

#headerTop{
 	background:#639;
 	color:#fff;
 	font-size:12px;}
#headerTop a,
#headerTop .glyphicon{
	color:#fff;}

#headerTop .navbar{
	margin:0;
	background:none;
	min-height:1px;
	border:none;}
#headerTop .navbar-brand{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	height:25px;
	line-height:25px;
	padding:0;
	margin:0 40px 0 0;}
#headerTop .pull-right{
	height:25px;
	line-height:25px;}

#headerLogo{
	height:100px;
	overflow:hidden;
	clear:both;}
#headerLogo .logo{
	float:left;
	margin-top:25px;
	width:600px;}
#headerLogo .logo img{
	max-height: 50px;
	margin-right: 15px;}
#headerLogo .AD{
	padding-top:10px;
	float:right;
	width:468px;}

/* グローバルナビ 
================== */
#gNavi .navbar{
	border-radius:0;
	border-left:none;
	border-right:none;}
#gNavi .navbar-default{
	border-color:rgba(124,124,124,0.1);
}
#nav-menu-2 li.active a,
#nav-menu-2 li a:hover{
	background:#639;
	color:#fff;}
#gNavi #sp-menu{
	display: none;}

#gNavi .navbar ul{
	display: table;
	text-align: left;
	table-layout: fixed;
	width: 100%;}
#gNavi .navbar ul li{
	width: 100%;
	float: none;
	display:table-cell; }
#gNavi .navbar ul li a{
	padding: 15px 0;}


#gNavi .navbar.in ul{
	display: block;
	text-align: left;
	table-layout:none;
	width: auto;}
#gNavi .navbar.in ul li{
	width: 100%;
	display:block; }
#gNavi .navbar.in ul li a{
	padding: 15px;}


/* ======================================
	FOOTER
 ====================================== */
#footerTop{
	text-align: center;}
#footerTop .logo img{
	height: 80px;}
#footerTop ul{
	margin: 20px 0;}
#footerTop ul li{
	padding:0 10px;
	display:inline-block;
	padding:0 15px0 0;}

#footerBtm{
	margin-top: 10px;
	font-size: 12px;
	overflow: hidden;
	width: 100%;
	clear: both;
	background:#663399;
	color:#fff;
	padding:5px 0;}
#footerBtm a{
	color:#fff;}
#footerBtm #copyRight{
	float: left;}
#footerBtm #corich{
	float: right;}
#footerBtm .pagetop{
	display:block;
	background:#663399;
	opacity:0.7;
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
	text-align:center;
	border-radius:5px;}
#footerBtm i{
	display: block;
	width:50px;
	height:50px;
	line-height:50px;
	margin:0;
	color:#fff;}
 
/* ======================================
	共通
 ====================================== */
 
p{margin:0;}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
li {
	margin: 0;
	padding: 0;
	list-style-position:outside;
	}
a.btn-default,
.btn-default {
	background:#639;
	color:#fff;
	border:none;}
.btn-default.dropdown-toggle{
	background:#fff;
	color:#000;
	font-size:14px;
	border:1px solid #ccc;
	margin-left:10px;}
a.btn-default .glyphicon,
.btn-default .glyphicon,
a.btn-default .fa,
.btn-default .fa{
	color:#fff;}

.closeText{
	background: #eee;
	color: #000 !important;
	padding: 10px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 10px;}
.testAlert{
	color: #000 !important;
	width:250px;
	height: 110px;
	margin:-45px 0 0 -125px;
	text-align: center;
	background: rgba(255,255,255,0.9);
	padding:10px;
	border:2px solid orange;
	border-radius: 3px;
	position: absolute;
	top:50%;
	left: 50%;
	font-weight: bold;
	z-index: 100}
.testAlert span{
	display: block;
	font-weight: normal;
	margin: 10px 0;
	font-size: 12px;}
.testAlert .btn{
	background: #ccc;}

	
/*  ulリスト
================== */
	
ul.list{
	margin:15px 0 30px 10px;
	list-style:none}
ul.list li{
	background:url(../img/icon_arrow_black.png) no-repeat left 7px;
	padding-left:15px;
	margin-bottom:10px;}

/*  タブ1
================== */
.tab{
	width:100%;
	clear:both;
	overflow:hidden;}
.tab li{
	padding:10px;
	list-style:none;
	float:left;}
	

.nav-justified{
	margin:0 0 20px;}
	
/*  パンクズ
================== */
.breadcrumb{
  background:none;
  padding:0;
  margin:-10px 0 15px 0;
  font-size:12px;}
.breadcrumb > li + li:before {
  content: ">";}
.breadcrumb  li a{
	text-decoration:underline;}

/*  ソート
================== */
.sort{
	border-bottom: 1px dotted rgba(124,124,124,0.3);
	padding:10px 0;
	margin-bottom: 15px;}
.sort .dropdown{
	display:inline-block;}
.hit{
	text-align:right;
	margin:-50px 10px 40px;
	font-size:14px;
	font-weight:bold;}
.hit ul.list-inline li{
	padding:0 3px;}
.hit ul.list-inline a{
	font-weight:normal;
	text-decoration:none;
	border-radius:3px;
	padding:3px 5px;
	margin:0;
	background:#fff;
	border:1px solid #e7e7e7;
	color:#000;}
.hit ul.list-inline a:hover,
.hit ul.list-inline .active a{
	background:#639;
	border:1px solid #639;
	color:#fff;}

.hit ul.list-inline span{
	font-weight:normal;}

/*  タイトル
================== */
h1{
	font-size: 1.6em;
	line-height: 1.2;}
h2{
	font-size: 16px;
	line-height: 1.2;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(124,124,124,0.3);
	margin-bottom: 10px;}

.pageTitle h1{
	display: inline-block;}
.pageTitle .goBack{
	clear: both;
	font-size: 12px;
	margin-left: 20px;
	display: inline-block;}

/*  リード文
================== */
.lead{
	font-size:16px;}

/*  グループ
================== */
div.area {
	margin-bottom:50px;}

/*  テーブル
================== */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	border-bottom-color:rgba(124,124,124,0.1);
	border-top-color:rgba(124,124,124,0.2);
}
table.tate th,
table.tate td{
	border-bottom:1px solid rgba(124,124,124,0.1);
	overflow-wrap:break-word;
	word-wrap: break-word;}
table.tate td a{
	text-decoration:underline;}


/*  長い文字列
================== */
.urlLine{
	word-wrap: break-word;
	overflow-wrap: break-word;
	max-width:320px;}

/*  カテゴリ表記
================== */
.tagBoxes span{
	display: inline-block;
	background: rgba(124,124,124,0.2);
    border: 1px solid rgba(124,124,124,0.3);
	padding: 1px 5px;
	border-radius: 2px;
	font-size: 12px;}

/*  アイコン
================== */
.fa,
.glyphicon{
	margin-right:5px;
	color:#639;}

/*  編集ボタン領域
================== */
.area.add,
.area.edit{
	text-align:center;
	padding:20px 0;}

.area.add .btn{
	width:100%;
	margin-bottom:10px;}
.area.edit .btn{
	padding:10px 100px;
	margin-bottom:15px;}
.area.add .text{
	margin-bottom:20px;
	text-align:left;}
.area.edit .text{
	text-align:left;
	font-size:16px;
	margin-bottom:20px;}

	
/* 広告 
================== */
#mainBtmADMix{
	clear:both;
	margin:50px 0;
	text-align:center;}

/*  フォーム
================== */
.hissu{
	margin:0 0 0 20px;}
#contentsMain .form-horizontal{
	margin:0 15px;}
#contentsMain .form-horizontal .form-group{
	border-bottom: 1px dotted rgba(124,124,124,0.3);
	padding-bottom:8px;
	margin-bottom: 8px;}
#contentsMain .form-horizontal .form-group:last-child{
	border-bottom: none;
	padding-bottom: 0;}
	
#contentsMain .form-group .control-label{
	border-radius:3px;
	padding:7px 10px;}
	#contentsMain .form-group .col-sm-10 .control-label{
		background:none;
		padding:7px 0 0;}
#detailData .form-horizontal .form-group{
	margin-right:0;
	margin-left:0;}

.form-group label .required{
	color:#ff0066;
	padding-left:3px;
	font-size:18px;
	font-weight:bold;}
.form-group .checkbox-inline label,
.form-group .form-inline label{
	font-weight:normal;}

.form-group .fixed{
	padding-top:7px;}

/*  モーダル
================== */
.modal-dialog .form-group label img{
	display: inline;
	margin-left:10px;}


.modal-dialog img{
	display:block;
	margin: 0 auto;
	max-height: 700px;
	max-width: 700px;
	max-width:100%;}
@media (min-width: 600px) {
  .modal-dialog {
    width: 70%;
      }
    }

/*  ページング
================== */
.pagination > li > a,
.pagination > li > span {
  background: none;
  color: #639;
  border:1px solid rgba(124,124,124,0.2);
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #ffffff;
  background: #639;
  border:1px solid rgba(124,124,124,0.2);
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  border-color: rgba(124,124,124,0.2);
  background: none;
}

/*  フォント
================== */
.f28{font-size:28px;}
.f26{font-size:26px;}
.f24{font-size:24px;}
.f22{font-size:22px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f14{font-size:14px;}
.f12{font-size:12px;}
.f10{font-size:10px;}

.fBold	{font-weight:bold;}
.fNormal{font-weight:normal;}

.gray{color:#666;}
	
/*  余白
================== */
.margin0{margin:0px;}
.margin10{margin:10px;}
.margin20{margin:20px;}
.margin30{margin:30px;}
.margin40{margin:40px;}
.margin50{margin:50px;}
.margin60{margin:60px;}
.margin70{margin:70px;}
.margin80{margin:80px;}
.margin90{margin:90px;}
.margin100{margin:100px;}
.margin150{margin:200px;}
.margin200{margin:300px;}
.margin300{margin:300px;}
.margin400{margin:400px;}

.margin0t{margin-top:0;}
.margin0b{margin-bottom:0;}
.margin0r{margin-right:0;}
.margin0l{margin-left:0;}
.margin0side{margin-left:0; margin-right:0;}


/*  長さ
================== */
.width10{width:10px;}
.width50{width:50px;}
.width60{width:60px;}
.width70{width:70px;}
.width80{width:80px;}
.width90{width:90px;}
.width100{width:100px;}
.width150{width:150px;}
.width200{width:200px;}
.width300{width:300px;}


/* ======================================
	TOPページ
 ====================================== */
 #topVisual{
 	text-align: center;
 }
 #topVisual .photo{
 	margin:15px auto 10px;
 }
 #topVisual .photo img{
 	max-width: 100%;}
 #topVisual .text span{
 	border:1px solid rgba(124,124,124,0.4);
 	padding:2px 10px;
 	margin-right: 10px;
 	border-radius:3px;
 }
 #topVisual .text a{
 	font-weight:bold;
 	margin:0 10px; 
 }

#areaSNS{
	margin: 50px 0 20px;
}
#areaSNS .col-sm-6{
	padding:0;
	margin-bottom: 20px;
}
/* ======================================
	NEWS
 ====================================== */
#newsList{
 	margin: 20px 0;}
#newsList .item {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted rgba(124,124,124,0.3);}
#newsList .item .date{
	float: left;
	width:90px;}
#newsList .item .text{
	margin-left: 90px;}
#newsList .item .text a{
	display: block;}
/* ======================================
	PROFILE
 ====================================== */
#areaProfile td,
#areaProfile th{
	border:none;}
#areaProfile th{
	width: 100px;}
#areaProfile td .kana{
	display: block;
	font-size: 10px;}
#areaProfile td.logo{
	text-align: right;}
#areaProfile td.logo img{
	max-height: 200px;
	max-width: 500px;}

/* ======================================
	STAGE
 ====================================== */
 #stageDetail #stageTitle{
 	margin: 10px 0;}
 #stageDetail #stageTitle .main{
 	font-weight: bold;
 	font-size: 16px;}
 #stageDetail #flyer{
 	text-align: center; }
 #stageDetail #flyer p img{
 	margin:0 auto;}
 #stageDetail #flyer .turn{
 	text-align: center;
 	border:1px solid #ddd;
 	padding: 2px 5px;
 	border-radius: 2px;
 	display: inline-block;
 	margin-top: 10px;}

 #stageDetail{
 	width: 100%;
 	overflow: hidden;
 	clear:both; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover{
	background: none;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus,.nav-tabs > li > a:hover{
	border-color:rgba(124,124,124,0.3);
	border-bottom-color:rgba(124,124,124,0.0);}
.nav-tabs.nav-justified > li > a{
	border-bottom-color: rgba(124,124,124,0.3);
}


 #stageDetail .mainText{
 	margin: 30px 0;
 	text-align: center;}
 #stageDetail .itemLeft{
 	float: left;
 	width: 53%;
 	padding-right:2%;
 	margin-bottom: 30px;}
 #stageDetail .itemRight{
 	float: right;
 	width: 45%;
 	margin-bottom: 30px;}

	@media (max-width: 960px) {
	 #stageDetail .itemLeft,
	 #stageDetail .itemRight{
	 	float: none;
	 	width: 100%;}
	}

 #stageDetail .table{
 	margin-bottom: 0;}
 #stageDetail .table th{
 	width: 80px;}

 #stageDetail .theaterData{
 	width: 100%;
 	overflow: hidden;
 	clear:both; }
 #stageDetail .theaterData h2{
 	background: rgba(124,124,124,0.2);
 	padding:8px 15px;
 	margin-bottom: 30px;}

/* スケジュール */
#stageDetail .table.schedule{
	table-layout:fixed;
	border:1px solid rgba(124,124,124,0.2);
	border-radius:10px;
	margin:10px 0 5px;
	width:auto;}
#stageDetail .table.schedule td,
#stageDetail .table.schedule th{
  text-align: center;
  vertical-align:middle;
  padding:3px 0;
  line-height:1.2;
  border-right:1px dotted rgba(124,124,124,0.3);}
#stageDetail .table.schedule th{
	overflow-wrap:break-word;
	width:68px;
	font-size:14px;
	padding-top:8px;
	background: rgba(124,124,124,0.2);}
#stageDetail .table.schedule th span{
	font-size:12px;
	display:block;
	padding:2px;}
	
#stageDetail .table.schedule td {
	height:40px;}
#stageDetail .table.schedule td span,
#stageDetail .table.schedule td a{
  font-weight: bold;
  vertical-align: baseline;
  margin:0;
  padding:0; }

 #stageDetail i{
 	margin:0;}
 #stageDetail .fa-times	{color: #666; margin: 0;}
 #stageDetail .fa-circle{color: #666;}
.table.schedule .time{
	background: rgba(124,124,124,0.2);
	font-size:14px;
	width:56px !important;
	font-weight:bold;}
	
#areaSchedule .table-footer p{
	line-height:1;
	margin:15px 0 0;}
#areaSchedule .table-footer span{
	vertical-align:baseline;
	font-size:30px;
	color:#ff0066;}
 

/* stage list */
 #stageList .box{
 	position: relative;
 	height: 330px;
 	margin-bottom: 20px;
 	border-bottom: 1px dotted rgba(124,124,124,0.3);}
 #stageList .box .photo{
 	display: table;
 	width: 100%;
 	text-align: center;
	/* background:rgba(124,124,124,0.1); */
 	height: 234px;}
 #stageList .box .photo a{
 	display: table-cell;
 	vertical-align: middle;}
 #stageList .box .photo img{
 	max-height:214px;
 	max-width: 90%;
 	margin:0 ; }
 #stageList .box .period{
 	text-align: center;
 	color: #999;
 	font-size: 12px;}
 #stageList .box .name{
 	text-align: center;
 	font-weight: bold;
 	margin:0 ;
 	overflow: hidden;}
 #stageList .box .pref{
 	font-size: 12px;
 	font-weight: normal;}
 #stageList .box .reserve{
 	position: absolute;
 	top: 0px;
 	right:15px;
	padding:2px 5px;
	background:#cc0066;
	font-size:10px;
	color:#fff;}

/*　はみ出た文字を「…」に*/
 #stageList .box .name {
  /* config */
  line-height: 1.5;
  height: 3em;
  /* config end */

  position: relative;
  padding-right: 1em;
  padding-left: 1em;
  overflow: hidden;
}

 #stageList .box .name:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}

 #stageList .box .name:after {
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}

/* ======================================
	MEMBER
 ====================================== */
 #memberList .box .photo{
 	display: table;
 	width: 100%;
 	position: relative;
 	text-align: center;
	background:rgba(124,124,124,0.1);
 	height: 254px;}
 #memberList .box .photo a{
 	display: table-cell;
 	vertical-align: middle;}
/*
 #memberList .box .photo a:after{
 	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top: 7px solid #639;
	border-right: 7px solid #639;}
*/
 #memberList .box .photo img{
 	max-height:214px;
 	max-width: 214px;
 	margin:20px; }
 #memberList .box .name{
 	font-weight: bold;
 	text-align: center;
 	margin:10px 0 20px;
 	min-height: 3em;}
 #memberList .box .name .kana{
 	font-weight: normal;
 	display:block;
 	color:#999;}

/* ======================================
	MEMBER detail
 ====================================== */
/* 俳優プロフィール */
#areaActorProf .profTop{
	width:100%;
	overflow: hidden;
	padding-bottom: 20px;}


#areaActorProf .profTop .name{
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;}
#areaActorProf .profTop .name .pdf{
	float: right;
	border:1px solid #639;
	border-radius: 2px;
	padding: 1px 10px;}
#areaActorProf .profTop .name .pdf:hover{
	background: #639;}
#areaActorProf .profTop .name .pdf:hover a{
	text-decoration: none;
	color:#fff;}
#areaActorProf .profTop .name .pdf i{
	color:#c00;}
#areaActorProf .profTop .name .kana{
	font-size: 12px;}
#areaActorProf .profTop .name .kanji{
	font-size: 20px;
	font-weight:bold;
	display: inline-block;}
#areaActorProf .profTop .name .alphabet{
	display: inline-block;
	color: #888;
	margin-left: 15px;}


#areaActorProf .profTop .areaLeft{
	width: 230px;
	float: left;
	text-align: center;}
#areaActorProf .profTop .areaLeft .pict .photo img{
	max-width: 230px;}
#areaActorProf .profTop .areaLeft .miniPhoto{
	width: 100%;
	margin-top: 5px;
	overflow: hidden;
	padding:8px 0;}
#areaActorProf .profTop .areaLeft .miniPhoto p{
	width: 32%;
	margin-right:2%;
	height: 110px;
	float: left;}
#areaActorProf .profTop .areaLeft .miniPhoto p:nth-child(3){
	margin-right: 0;}
#areaActorProf .profTop .areaLeft .miniPhoto img{
	max-width: 100%;
	max-height: 110px;}


#areaActorProf .iconClosed{
	font-size: 12px;
	color: #999;}
#areaActorProf .profTop .areaRight{
	margin-left: 250px;}
#areaActorProf .profTop .areaRight .tagBoxes{
	margin: 10px 0;}
#areaActorProf .profTop .areaRight .table th,
#areaActorProf .profTop .areaRight .table td{
	border-top: 1px dotted rgba(124,124,124,0.5);
	border-bottom: 1px dotted rgba(124,124,124,0.5);}
#areaActorProf .profTop .areaRight .table th{
	width:90px;}
#areaActorProf .profTop .areaRight .table td a{
	text-decoration: underline;}
#areaActorProf .profTop .areaRight .table td a:hover{
	text-decoration: none;}

#areaActorProf .profTop .links{
	text-align: right;}
#areaActorProf .profTop .links p{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	text-align: center;}
#areaActorProf .profTop .links p a{
	display: inline-block;
	border:1px solid #639;
	color: #639;
	border-radius: 3px;
	padding: 1px 5px;
	text-decoration: none;}
#areaActorProf .profTop .links p.icon i{
	width: 16px;
	font-size: 16px;
	margin: 0;}
#areaActorProf .profTop .links p a:hover{
	background:#639;
	color: #fff;}
#areaActorProf .profTop .links p a:hover i{
	color: #fff;}

#areaActorProf .profDetail{
	margin:20px 0;}
#areaActorProf .profDetail .item{
	margin:20px 0 40px;}
#areaActorProf .profDetail .item .title{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted rgba(124,124,124,0.5);
	margin-bottom: 15px;
	padding-bottom: 5px;}

#areaActorProf .profDetail table{
	margin-top: -15px;}
#areaActorProf .profDetail #itemPrize td{
	vertical-align: top;
	padding: 3px 15px 3px 0;}
#areaActorProf .profDetail #itemPrize th{
	padding: 3px 0;
	vertical-align: top;
	width: 4.2em;
	font-weight: normal;}

#areaActorProf .profDetail #itemActivity tr.cate td{
	font-weight: bold;
	padding: 10px 0 0;}
#areaActorProf .profDetail #itemActivity td{
	vertical-align: top;
	padding: 2px 0;}

#areaActorProf .profDetail #itemActivity td.cell02{
	white-space: nowrap;
	padding:2px 10px 2px 0;}

#areaActorProf .profDetail #itemWeb table{
	margin: 15px 0;
	table-layout: fixed;
	width: 100%;}
#areaActorProf .profDetail #itemWeb table th{
	padding: 3px 0 ;
	width: 90px;
	vertical-align: top;
	white-space: nowrap;
	font-weight: normal;}
#areaActorProf .profDetail #itemWeb table td{
	vertical-align: top;
	padding: 3px 0;}
#areaActorProf .profDetail #itemWeb table td a{
	width: 95%;
	line-height: 1.2;
 	word-wrap: break-word;
 	display: block;}
#areaActorProf .profDetail #itemWeb table td i{
	margin-left: 5px;
	font-size: 10px;}

#areaActorProf .profDetail #itemAlbum{
	width:100%;
	overflow: hidden;
	text-align: center;}
#areaActorProf .profDetail #itemAlbum .title{
	text-align: left;}
#areaActorProf .profDetail #itemAlbum .row p{
	vertical-align: top;
	display: inline-block;
	width: 32%;
	margin-bottom: 20px;}
#areaActorProf .profDetail #itemAlbum .row p img{
	max-width: 96%;
	max-height: 375px; }

/* ======================================
	PHOTO
 ====================================== */

.tileStyle {
	padding: 0 25px;}
.tileStyle .col-md-6,
.tileStyle .col-md-4,
.tileStyle .col-md-3,
.tileStyle .col-md-2,
.tileStyle .col-sm-6,
.tileStyle .col-sm-4,		
.tileStyle .col-sm-3,
.tileStyle .col-sm-2{
    padding-left: 5px;
    padding-right: 5px;}
.tileStyle .tile {
	width:			100%;
	overflow:		hidden;
	margin:			0 0px 10px 0;
	position:		relative;	/* 相対位置指定 */
}
.tileStyle .col-sm-4 .tile{height:184px;}
.tileStyle .col-md-2 .tile{height:170px;}
.tileStyle .tile .photo{
	position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: 2000px;/* 縦は用途応じて改変 */
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}
.tileStyle .tile .photo img{
    /* min-height: 200px;
    min-width: 10%; */
    vertical-align: middle;}
.tileStyle .tile .name{
	position: absolute;
	bottom: 0;
	left:0;
	background-color:	rgba(0,0,0,0.4);
	color:#fff;
	padding:2px 2%;
	width:100%;
}
.tileStyle .tile h3 {
	font-size: 14px;
	line-height: 1.5;
	padding-top: 5%;
	color:			#fff;
	margin:			15px;
}
.tileStyle .tile .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.5ds ease;
}
.tileStyle .tile:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

.tileStyle .modal-body .photo img{
	max-width: 100%;
	min-height: 236px;}

.tileStyle .modal-body .col-md-4{
	padding-right: 15px;}
.tileStyle .modal-body .text{
	margin: 0 0 20px 0;}

/* ======================================
	MOVIE
 ====================================== */
 #areaMovie .caption{
 	padding-bottom: 30px;
 }
 #areaMovie .caption h3{
 	font-size:14px;
 }