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

	style.css

 ====================================== */
body{
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; 
	word-wrap: break-word; min-width: 1130px;}
a:link,
a:visited{
	color:#639;}
a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}

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

@media (min-width: 600px) {
	.container {
		width: 1130px;}
	#contentsMain{
		width:768px;
		float:left;}
	#contentsSide{
		width:315px;
		margin-top:20px;
		float:right;}
}

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

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

#headerTop{
 	background:#639;
 	color:#fff;
 	font-size:12px;}
#headerTop a,
#headerTop .glyphicon{
	color:#fff;}
#headerTop .navbar-header{
	float:left;}
#headerTop .navbar{
	margin:0;
	background:none;
	min-height:1px;
	border:none;}
#headerTop .navbar-brand{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	height:35px;
	line-height:35px;
	padding:0;
	margin:0 40px 0 0;}
#headerTop #areaNavi li a{
 	padding:3px 8px;}

#headerTop #areaNavi{
	margin-top:8px;}
#headerTop #areaNavi li a{
	padding-bottom:5px;}
#headerTop #areaNavi a:hover,
#headerTop #areaNavi .active a{
	background:#fff;
	color:#000;}
#headerTop #memberNavi{
	margin:0;
	float:right;
	vertical-align: top;}
#headerTop #memberNavi li{
	display:inline-block;
	height:36px;
	vertical-align: middle;} 
#headerTop #memberNavi li a{
	padding:0 5px;
	font-size:15px;
	line-height:35px;}
#headerTop #memberNavi li a:hover{
	background:none;
	text-decoration:underline;}

#headerTop #memberNavi li.my{
	height: 35px;
	width:35px;
	overflow: hidden;
	text-align: center;}
#headerTop #memberNavi li.my a{
	padding:0;
	text-align: center;} 
#headerTop #memberNavi li.my img{
	max-height:35px;}

#headerLogo{
	height:100px;
	clear:both;
	position: relative;}

#headerLogo #menuGsite{
	position: absolute;
	z-index: 100;
	left:330px;
	top:40px;}
#headerLogo #menuGsite i{
	margin: 0 0 0 5px;}


	#menuGsite .dropmenu{
	  *zoom: 1;
	  list-style-type: none;
	  width: 150px;
	  margin: 5px auto 30px;
	  padding: 0;
	}
	#menuGsite .dropmenu:before, #menuGsite .dropmenu:after{
	  content: "";
	  display: table;
	}
	#menuGsite .dropmenu:after{
	  clear: both;
	}
	#menuGsite .dropmenu li{
	  position: relative;
	  width: 100%;
	  float: left;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	}
	#menuGsite .dropmenu li a{
	  display: block;
	  margin: 0;
	  padding: 5px 0;
	  color: #fff;
	  line-height: 1;
	  font-size: 12px;
	  text-decoration: none;
	}
	#menuGsite .dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  z-index: 9999;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	}
	#menuGsite .dropmenu li ul li{
	  width: 100%;
	}
	#menuGsite .dropmenu li ul li a{
	  padding: 0 10px;
	  background:#855cad ;
	  text-align: left;
	  font-size:12px;
	  line-height: 26px;
	}
	#menuGsite .dropmenu li:hover > a{
	}
	#menuGsite .dropmenu li a:hover{
	  background: #639;
	}


	#menuGsite #dropmenu li ul li{
	  overflow: hidden;
	  height: 0;
	  transition: .2s;
	}
	#menuGsite #dropmenu li:hover ul li{
	  overflow: visible;
	  height: 26px;
	}



#headerLogo .logo{
	float:left;
	margin-top:25px;
	width:300px;}
#headerLogo .AD{
	padding-top:10px;
	float:right;
	width:468px;}
#headerLogo .AD .apply{
	text-align:right;
	font-size:12px;
	margin-top: 3px;}

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


/* ======================================
	FOOTER
 ====================================== */
#footerTop{
	clear:both;
	background:#f7eff7;
	padding:10px 0 20px;}
#footerTop dl{
	width:16.666%;
	padding:0 1% 1%;
	float:left;
	font-size:12px;
	margin-bottom:0;}
#footerTop dl dt{
	font-weight:bold;
	border-bottom:1px dotted #999;
	margin:30px 0 8px;
	padding-bottom:5px;}
#footerTop dl dd a,
#footerTop dl dd a:visited{
	display:inline-block;
	padding-left:8px;
	color:#000;
	background:url(../img/icon_arrow_black.png) no-repeat 0 8px;
	margin-bottom:5px;}
#footerTop #footerAD{
	clear:both;
	text-align: center;
	padding-top:20px;}
	
#footerBtm{
	background:#663399;
	color:#b8a3cc;
	padding:0 0 5px;}
#footerBtm ul li{
	padding:20px 20px 20px 0;
	display:inline-block;
	padding:0 15px0 0;}
#footerBtm ul li a{
	color:#fff;}
#footerBtm ul li.help{
	display: none;}

#footerBtm .pagetop{
	display:block;
	background:#663399;
	opacity:0.7;
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
	text-align:center;
	border-radius:5px;}
#footerBtm .glyphicon {
	width:50px;
	height:50px;
	line-height:50px;
	margin:0;
	color:#fff;}
 


/* ======================================
	SIDE
 ====================================== */
 
/* 共通 
================== */
#contentsSide .apply{
	text-align:right;
	margin:5px 0 30px;}
#contentsSide .header{
	background:#f7f5fa;
	border-top:2px solid #d1c1e0;
	padding:10px 15px;
	font-weight:bold;}

/* 写真付きリスト  */
.pictBox .box{
	width:100%;
	padding:10px 0;
	overflow:hidden;
	clear:both;
	border-bottom:1px dotted #ccc;}
.pictBox .box:first-child{
	margin-top:10px;}
	
.pictBox .box .pict{
	float:left;
	width:100px;
	text-align:center;
	position:relative;}
.pictBox .box .pict .iconFB{
	position:absolute;
	top:0;
	left:0;
	width:20px;}
.pictBox .box .pict img{
	max-width:100%;}
.pictBox .box .pict a img{
	min-width:100px;}
.pictBox .box .name{
	margin-left:110px;}
.pictBox .box .name .user{
	margin-bottom:10px;}
.pictBox .box .name .user .count{
	margin-left:5px;}

/* もっと見る周り  */
#contentsSide .boxBtm{
	margin:10px 0 30px;}
#contentsSide .boxBtm p{
	padding:0;}
#contentsSide .boxBtm .more{
	text-align:right;
	line-height:30px;}
	

	
	
	
/* 広告 
================== */
#mainBtmAD{
	margin:50px 0;
	text-align:center;}
	
#contentsSide .AD{
	margin:20px 0;}
#contentsSide #sideTopAD{
	margin-top: 0;}

#contentsSide .AD div:first-child{
	border-radius:3px;
	text-align:center;
	border:1px solid #eee;
	background:#fefefe;
	padding:7px 0 7px 1px;
}

	
/* CoRichTicket 
================== */
#sideTicket .title{
	border-radius:3px 3px 0 0;
	margin-bottom:0;
	background:#639;
	font-size:18px;
	text-align:center;
	color:#fff;
	padding:8px;}
#sideTicket .box{
	background:#fbfbfb;
	padding:15px;
	border-radius:0 0 3px 3px;
	border:1px solid #e4e4e4;}
#sideTicket .box .pict{
	text-align:center;}
#sideTicket .box img{
	border:1px solid #eee;
	max-height:200px;
	max-width:280px;}
#sideTicket .box .stage{
	font-weight:bold;
	font-size:16px;
	margin:10px 0;}
#sideTicket .box .now{
	margin-top: 10px;}


/*  sideBnr
================== */
.sideBnr ul{
	list-style:none;
	margin-bottom:50px;}
.sideBnr ul li{
	margin-bottom:10px;}
	
/*  主催者様へ
================== */
#sidePromoter .title{
	font-size:16px;
	font-weight:bold;
	border-bottom:3px solid #d1c1e0;
	line-height:0;
	margin-bottom:20px;}
#sidePromoter .title span{
	background:#fff;
	padding-right:10px;}

/*  最新のクチコミ
================== */
#sideMouth .title{
	border-bottom:1px solid #999;
	width:100%;
	overflow:hidden;
	margin:20px 0;}
#sideMouth .title .text{
	font-weight:bold;
	font-size:18px;
	margin-bottom:0;
	float:left;}
#sideMouth .title .more{
	float:right;}
	
#sideMouth .box{
	width:100%;
	overflow:hidden;
	clear:both;
	margin-bottom:40px;}
#sideMouth .box .pict{
	float:left;
	width:110px;
	text-align:center;}
#sideMouth .box .pict img{
	max-width:90px;
	border: 1px solid #eee;}
#sideMouth .box .pict .status{
	display:block;
	width:85px;
	border-radius:3px;
	margin:8px auto;
	padding:2px 5px;}
#sideMouth .box .pict .status.NOW,	.NOW	{background:#e59701; color:#fff;}
#sideMouth .box .pict .status.SOON,	.SOON	{background:#689f38; color:#fff;}
#sideMouth .box .pict .status.END,	.END	{background:#e4e4e4; color:#888;}

#sideMouth .box .name{
	margin-left:120px;}
#sideMouth .box .name p{
	margin-bottom:5px;}
#sideMouth .box .name .stage{
	font-weight:bold;
	font-size:16px;}
#sideMouth .box .name .group{
	padding-left:10px;
	background:url(../img/icon_arrow_black.png) no-repeat left center;}
#sideMouth .box .name .mouth{
	border-top:1px solid #ddd;
	padding:5px 0;}
#sideMouth .box .name .icon{
	letter-spacing:-0.2em;
	font-size:16px;
	padding:10px 0;}
#sideMouth .box .name .user{
	margin:10px 0;
	text-align:right;}
#sideMouth .box .name .user .photo{
	position:relative;
	padding-right:5Spx;}
#sideMouth .box .name .user .photo img{
	width:25px;}
#sideMouth .box .name .user .photo .iconFB{
	position:absolute;
	top:-10px;
	left:-5px;}
#sideMouth .box .name .user .photo .iconFB img{
	width:12px;}
#sideMouth .box .name .user .count{
	font-weight:normal;
	padding-left:5px;}
#sideMouth .box .name .time{
	border-top:1px solid #ddd;
	text-align:right;
	margin-top:10px;
	padding-top:5px;
	color:#999;}

/*  トラックバック
================== */
#sideTB .header{
	margin-bottom:15px;}
#sideTB .box:last-child{
	margin-bottom:50px;}
#sideTB .box p{
	padding:5px 0;}
#sideTB .box .stage{
	border-bottom:1px dotted #ccc;
	font-weight:bold;}
#sideTB .box .blog{
	text-align:right;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	margin-bottom:15px;}
#sideTB .TBcopy{
	background:#f7f7f7;
	margin:-15px 0 30px;
	padding:20px;}
#sideTB .TBcopy .form{
	margin:10px 0 0;}
#sideTB .TBcopy .form-control[readonly]{
	background:#fff;}

	
/* チケット取扱い
================== */
#sidePG ul{
	margin:15px 0 30px 10px;
	list-style:none}
#sidePG ul li{
	background:url(../img/icon_arrow_black.png) no-repeat left center;
	padding-left:15px;
	margin-bottom:10px;}
#sidePG ul li span{
	margin:0 0 0 5px;}
	

/*  情報登録リンク（検索ページ）
================== */

#sideEntry{
	margin-bottom:50px;}


/* QEcode  */
#sideQR{
	overflow: hidden;
	border-radius: 3px;
	border:1px solid #eee;
	padding:10px;
	margin-bottom: 15px;}
#sideQR .code{
	float: right;
	text-align: right;
	width:100px;
overflow: hidden;}
#sideQR .code svg{}

/* sideTwitter
================== */
#sideTwitter #tweetList{
	height: 500px;
	overflow-y: auto;
	margin-bottom: 20px;
	border-bottom:1px solid #d1c1e0 }


/* ======================================
	共通
 ====================================== */
 

p{margin:0;}
ul {
	padding: 0;
	margin: 0;
	}
li {
	margin: 0;
	padding: 0;
	list-style-position:outside;
	}



a.btn-default,
.btn-default {
	background:#639;
	color:#fff;
	border:1px solid #fff;}
.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;}

/*  広告
================== */
.pageADRectangle{
	max-height:90px !important;
	margin:20px 0;
	clear:both;}
.pageADRectangle ins{
	max-height:90px !important;}

/*  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{
	color:#000;
	text-decoration:underline;}
	

/*  タイトル
================== */
h1{
	font-size: 1.6em;
	line-height: 1.2;}
h1 .miniPhoto{
	float: left;
	width:100px;
	text-align: center;
	margin:0 8px 8px 0;
	border:1px solid #eee;}
h1 .miniPhoto img{
	max-height: 60px;
	margin:3px;}
h1 .miniPhoto .link{
	font-size: 12px;
	font-weight: normal;
	background: #f7f5fa;
	display: block;
	text-align: center;
	border-radius: 0 0 2px 2px;
	margin-top:1px;
	padding: 3px;}
h1 .miniPhoto .link .glyphicon{
	font-size: 10px;}
h1 .miniPhoto:hover span{
	color:#fff;
	background: #639;}
h2.page-header,
h3.page-header{
	background:#f7f5fa;
	border-top:1px solid #639;
	padding:10px;
	font-size:24px;}
h3.page-header{
	font-size:20px;}

h1 small,
h2 small,
h3 small{
	margin-left:20px;}

/*  並び替え
================== */
.sort{
	background:#f9f9f9;
	padding:10px;}
.sort .dropdown{
	display:inline-block;}
.hit{
	text-align:right;
	margin:-35px 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;}


/*  コピペ禁止
================== */
.noCopy{
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-select:none;
	-khtml-user-drag:none;}
	/*  
	※IEには無効なので、合わせてソースに oncontextmenu='return false' onselectstart="return false"を指定。
	*/

/*  前のページへ戻る
================== */
.goBack{
	clear: both;
	margin:20px 0;
	text-align: right;}

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

/*  グループ
================== */
div.area {
	margin-bottom:50px;}
.area .title{
	width:100%;
	overflow:hidden;
	clear:both;}
.area .title .text{
	float:left;
	font-size:20px;
	font-weight:normal;
	margin-bottom:30px;}
.area .title .update{
	display:inline;}
.area .title .update a{
	margin:8px 0 0 0;}
.area .title .more{
	float:right;
	margin-top:20px;}


/*  テーブル
================== */
table.tate th,
table.tate td{
	border-bottom:1px dotted #999;
	overflow-wrap:break-word;
	word-wrap: break-word;
  word-break:break-all;}
table.tate td a{
	text-decoration:underline;}


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

.iconCircle{
	display: inline-block;
	background: #639;
	border-radius: 100px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;}
.iconCircle i{
	color: #fff;
	margin: 0;
	font-size: 12px;}		

/*  非公開アイコン
================== */
.lock{
	position: absolute;
	top:8px;
	right:0;}
.lock .icon{
	background: #eee;
	margin:0;
	font-weight: bold;
	padding:2px 5px;
	width: 70px;
	display:inline-block;
	border:1px solid #ddd;
	border-radius:3px;
	font-size:12px;
	text-align:center;}
.lock .icon i{
	color: #666;}


/*  関係者編集ボタン
================== */

a.btn-update,
.btn-update{
	background:#666;
	color:#fff;}
a.btn-update:hover{
	background:#ccc;}

a.btn-update .glyphicon{
	color:#fff;
	margin:0 0 0 5px;
	font-size:0.7em;}


/*  編集ボタン領域
================== */
.area.add,
.area.edit{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	text-align:center;
	padding:20px;}
.area.add	{background: #f7f5fa;}
.area.edit	{background: #fafafa;}

.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;}
	

/*  更新者表記
================== */
.credit{
	border-top:1px dotted #ccc;
	background:#f9f9f9;
	padding:10px;
	font-size:12px;
	color:#999;}


/*  FBアイコン付きメンバー写真
================== */

.FB-on{
	position:relative;
	vertical-align:top;
	display: inline-block;}
	
.FB-on img{
	border:1px solid #ddd;
	padding:2px;
	border-radius:2px;
	margin:0;
	max-width: 100%;}
.FB-on .iconFB{
	position:absolute;
	top:0;
	left:0;}
.FB-on .iconFB img{
	width:20px;
	vertical-align:top;
	border:none;
	padding:0;}	
	
/*  フォーム
================== */
.hissu{
	margin:0 0 0 20px;}

.imeOFF	{ime-mode: disabled;}
.imeON	{ime-mode: active;}
#contentsMain .form-horizontal{
	margin:0 15px;}
#contentsMain .form-horizontal .form-group{
	border-bottom:1px dotted #ddd;
	padding-bottom:8px;
	margin-bottom: 8px;}
#contentsMain .form-horizontal .form-group:last-child{
	border-bottom: none;
	padding-bottom: 0;}

.form-control{
	padding: 6px;}
#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;}
select.stars option{
	color:#ffa801;}
.form-group .checkbox-inline label,
.form-group .form-inline label{
	font-weight:normal;}
.form-group .confirm{
	padding-top:7px;}
	
.form-group .confirm .stars{
	color:#ffa801;
	font-size:16px;}

.form-group .public{
	background:#f7f5fa;
	border:1px dotted #ccc;
	border-radius:3px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:12px;}
.form-group .public .form-control{
	background:#fefee6;
	padding:4px;}

.form-group .upload .photo{
	margin-bottom:8px;
	display:inline-block;}
.form-group .upload .photo img{
	max-width:600px;}
	
.form-group .fixed{
	padding-top:7px;}

.form-group.alert-danger.alert{
	padding:15px  0;}



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

.modal-dialog.modal-sm{
	width:300px;}

/*  パネル
================== */
.panel-stage{
	border-color:#d1c1e0;
	background:#f7f5fa;}
.panel-stage a{
	text-decoration:underline;}

	
/*  スクロール
================== */
.scroll{
	overflow:auto;
	padding:10px;
	border:1px dotted #ddd;}
.scroll-300{height:300px;}
.scroll-250{height:250px;}
.scroll-200{height:200px;}
.scroll-150{height:150px;}
.scroll-100{height:100px;}
.scroll-50{height:50px;}


/*  フォント
================== */
.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;}


/*  外部ファイル読み込み部
================== */
#load_text h2{font-size:18px;}
#load_text h3{font-size:16px;}
#load_text h4{font-size:14px;}



/* ============================================================================
	TOPページ
============================================================================ */

      

/* ======================================
	TOP　お知らせ枠
 ====================================== */
 
 #areaTopInfo{
 	margin-bottom:0px;}
 #areaTopInfo .list{
 	color:#f06;
 	margin:0 0 20px;}
 #areaTopInfo .list li{
 	margin-bottom:5px;}
 #areaTopInfo a{
 	color:#f06;}
 
/* ======================================
	TOP　メインバナー
 ====================================== */
 #areaTopVisual{
 	margin:20px 0 30px;}
 #areaTopVisual img{
 	width:100%;}
/* ======================================
	TOP　まつり参加作品
 ====================================== */
#areaTopFesFlyer .title{
	background: #f7f5fa;
	border-top:1px solid #639;
	margin-bottom: 20px;}
#areaTopFesFlyer .title h2{
	margin: 10px;
    font-size: 22px;}
#areaTopFesFlyer ul{}
#areaTopFesFlyer li{
	text-align: center;
	list-style: none;}
#areaTopFesFlyer li span{
	display: block;}
#areaTopFesFlyer li .pict{
	height: 130px;}
#areaTopFesFlyer li .pict img{
	max-width:80%;
	max-height: 120px;}


/* ======================================
	TOP　スライド
 ====================================== */
 
 #areaSlide{
 	border:1px solid #ddd;
 	background:#f9f9f9;
 	padding:15px 30px 15px;
 	margin:20px 0 40px;
 	border-radius:3px;}
 	
 #areaSlide .owl-carousel .owl-item .pict img{
 	width:auto;
 	text-align:center;
 	max-height:214px;
 	max-width:214px;
 	margin:0 auto;
 	border: 1px solid #eee;}
 #areaSlide .owl-carousel .owl-item .pict{
 	height:225px;}
 #areaSlide .owl-carousel .owl-item .stage{
 	font-weight:bold;
 	fotnp-size:20px;}
 	
#areaSlide .owl-carousel{
	position:relative;}
 #areaSlide .owl-prev,
 #areaSlide .owl-next{
 	position:absolute;
 	padding:0;
 	font-size:20px;
 	width:2em;
 	line-height:2;
 	border-radius:100px;
 	background:#639;}
 #areaSlide .owl-prev{	left:-50px;		top:120px;}
 #areaSlide .owl-next{	right:-50px;	top:120px;}
#areaSlide .owl-controls{
	margin-bottom:-30px;}
#areaSlide .owl-controls .owl-dot{
	margin-bottom:-10px;}
	

 
/* ======================================
	TOP　ランキング
 ====================================== */
 #areaRanking {
 	paddiing-top:30px;}

 #areaRanking .title{
	background: #f7f5fa;
	border-top:1px solid #639;
	margin-bottom: 20px;}
 #areaRanking .title h2{
	margin: 10px;
    font-size: 22px;}
 #areaRanking .title h2 span{
 	font-size: 14px;}

 #areaRanking .box{
 	background-position: 0 7px;
 	background-repeat:no-repeat;}
 #areaRanking .box .rank{
 	border-bottom:1px solid #ddd;
 	padding:5px 0 0 25px;
 	font-weight:bold;
 	font-size:16px;
 	margin-bottom:10px;}
 #areaRanking #rank1{background-image:url(../img/icon_rank01.png);}
 #areaRanking #rank2{background-image:url(../img/icon_rank02.png);}
 #areaRanking #rank3{background-image:url(../img/icon_rank03.png);}


 #areaRanking .box .pict{
 	height:220px;
 	width:100%;
 	margin:0 auto;
 	padding-bottom:5px;
 	vertical-align:middle;
 	border-bottom:1px dotted #ddd;}
 #areaRanking .box .pict a{
 	display:block;
 	text-align:center;}
 #areaRanking .box .pict a img{
	 max-width:100%;}
 
 #areaRanking .box .stage{
 	font-weight:bold;
 	font-size:16px;
 	margin:10px 0 5px;
 	height:3.9em;
 	line-height:1.3em;}

	/* テキストを3行に収めて文末を…にする　*/
	 #areaRanking .box .stage {
		position: relative;
		overflow: hidden;}
	 #areaRanking .box .stage:before,
	 #areaRanking .box .stage:after {
		position: absolute;
		background: #fff;}
	 #areaRanking .box .stage:before {
		content: "･･･";
		bottom: 0;
		right: 0;}
	 #areaRanking .box .stage:after {
		content: "";
		width: 100%;
		height: 100%;}



 #areaRanking .box .group{
	background:url(../img/icon_arrow_black.png) no-repeat 0 7px;
	margin:5px 0;
	padding-left:10px;}

 #areaRanking .box .data .mouth .count{
 	letter-spacing:-1px;
 	padding:0;
 	width:92px;}
 #areaRanking .box .data .mouth .icon{
 	padding:0;}
.box .data{
 	border-top:1px solid #ddd;
 	border-bottom:1px solid #ddd;}
 	
.box .data .mouth{
 	padding:3px 0;
 	color:#ccc;
 	background-size:55px auto;
 	background-repeat:no-repeat;
 	background-position:left 5px;}

.box .data .mouth.mitai{
 	border-bottom:1px dotted #ddd;}

.mouth a.stars{
	display: block;
	text-decoration: none !important;}
.mouth a.stars{
 	background-size:55px auto;
 	background-repeat:no-repeat;
 	background-position:left 2px;}
.box .data .mouth.mitai	a.stars,
.list-group-item .data .mouth.mitai{background-image:url(../img/icon_kuchikomi_mitai.png);}
.box .data .mouth.mitekita a.stars,
.list-group-item .data .mouth.mitekita{background-image:url(../img/icon_kuchikomi_mitekita.png);}
.mouth a.stars:hover{
	background-color:#f7f5fa;}
.mouth .count{
 	padding:0 10px 0 70px;
 	font-weight:bold;
 	text-decoration: underline;
 	width:135px;
 	text-align:right;
 	display:inline-block;
 	/*
 	font-size: 26px;
 	text-decoration: none !important; */ }
.mouth .count span{
	font-weight:normal;
	font-size:10px;
	text-decoration:none;}
.mouth .slash{
	color:#ccc;}
.mouth .icon{
	padding-left:5px;
 	display:inline;
 	font-family:"Osaka−等幅","ＭＳ ゴシック","monospace";
 	font-size:12px;
 	letter-spacing:-0.3em;
 	color:#ddd;}
.mouth .on{
 	color:#ffa801;}
.mouth .rating{
 	font-weight:bold;
 	padding-left:5px;
 	color:#000;}

 	
/* ======================================
	TOP　公演一覧
 ====================================== */

#areaStage .tab{
	border-bottom:2px solid #663399;
	margin-bottom:20px;}
#areaStage .tab li{
	padding:0;
	margin-right:15px;}
#areaStage .tab span{
	display:block;
	padding-left:30px;
	margin-top:8px;
	background:url(../img/icon_ticket.png) no-repeat 0 5px;}
#areaStage .tab li a{
	border:1px solid #d1c1e0;
	background:#f7f5fa;
	border-radius:3px 3px 0 0;
	border-bottom:none;
	display:block;
	width:85px;
	line-height:35px;
	text-align:center;}
#areaStage .tab li.active a{
	border-color:#663399;
	background:#663399;
	color:#fff;}

#mainTicket .title,
#detailData .title,
#areaStage .title{
	background:#f7f5fa;
	border-top:1px solid #639;}
#detailData .title h2,
#areaStage .title h2{
	margin:10px;
	font-size:22px;}
.area .title .subtext{
	float:right;
	margin:10px;}

#areaStage .col-md-6 .title{
	border-top:none;
	border-bottom:1px solid #999;
	padding:5px;
	background:none;
	margin:0 0 20px 0;}
#areaStage .title h3{
	margin-bottom:5px;}
#areaStage .stageLarge .title h3{
	background:url(../img/icon_theater_l.png) no-repeat;
	padding-left:35px;}
#areaStage .stageSmall .title h3{
	background:url(../img/icon_theater_s.png) no-repeat;
	padding-left:25px;}
	
#areaStage .box{
	width:100%;
	overflow:hidden;
	clear:both;
	margin-bottom:40px;}
#areaStage .box .pict{
	float:left;
	width:110px;
	text-align:center;}
#areaStage .box .pict img{
	max-width:90px;
	border:1px solid #eee;}
#areaStage .box .name{
	margin-left:115px;}
#areaStage .box .name .stage{
	font-weight:bold;
	font-size:16px;}
#areaStage .box .name .group{
	padding-left:10px;
	background:url(../img/icon_arrow_black.png) no-repeat left center;
	margin:5px 0;}

#mainTicket .title .more,
#areaTopFesFlyer .title .more,
#areaRanking .title .more,
#nowStage .title .more,
#soonStage .title .more,
#detailData .title .more,
#saleStage .title .more,
#newStage .title .more{
	margin:0;
	width:230px;
	height:45px;
	line-height:45px;
	text-align:right;
	background:#efebf5;}
	
#mainTicket .title .more a,
#areaTopFesFlyer .title .more a,
#areaRanking .title .more a,
#nowStage .title .more a,
#soonStage .title .more a,
#detailData .title .more a,
#saleStage .title .more a,
#newStage .title .more a{
	display:block;
	padding:0 10px;}

/*予約ボタン */
#detailData .title .more.reserve{
	background:#639;}
#detailData .title .more.reserve a{
	color:#fff;
	font-size:16px;}
#detailData .title .more.reserve a .glyphicon{
	color:#9471b8;
	margin:0 5px;}
	
#areaStage table{
	margin:20px 0 40px;
	width:100%;}
#areaStage table td{
	border-bottom:1px solid #ddd;
	padding:10px;
	vertical-align:top;}
#areaStage table tr:last-child td{
	border:none;}
#areaStage table td.cell03 a{
	background:url(../img/icon_arrow_black.png) no-repeat left center;
	padding-left:10px;}
#areaStage table td .pref{
	padding:3px 0;
	border:1px solid #ddd;
	border-radius:3px;
	font-size:12px;
	width:3.6em;
	display:inline-block;
	text-align:center;}
#areaStage table td.cell02 a{
	font-size:16px;
	font-weight:bold;}


/* ======================================
	TOP　イベント
 ====================================== */
 #areaEvent{
 	margin-bottom:50px;}
 #areaEvent .col-md-6{
 	border-radius:5px;}
 	
 #areaEvent h3{
 	height:40px;
 	line-height:40px;
 	margin-top:10px;}
 #areaEvent .panel-footer{
 	background:#fff;
  	min-height:450px;}
  #areaEvent .title{
  	margin:10px 0 10px 10px;
 	font-weight:bold;
	padding-bottom:5px;
 	font-size:16px;}
 #areaEvent .panel-footer ul.list{
 	margin:10px 10px;}
 #areaEvent .panel-footer li{
 	border-bottom:1px solid #eee;
 	padding-bottom:5px;}
 #areaEvent .panel-footer li:last-child{
 	border:none;}
 #areaEvent #eventAward .panel-body{
 	background:url(../img/top_event_award.png) no-repeat top right #fdf5cc;}
 #areaEvent #eventFestival .panel-body{
 	background:url(../img/top_event_fes.png) no-repeat top right #fde8e8;}
 	
 	
/* ======================================
	TOP　イベント
 ====================================== */
 #areaFB{
 	margin:0 0 50px;}
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}
 #areaTW{
 	margin:0 0 50px;}
 #areaTW .inner{
 	border:1px solid #eee;
 }

/* ============================================================================
	検索
============================================================================ */
#areaSearch .nav li.tabStage a{background: url(../img/icon_stage2.png) no-repeat 35px 8px;}
#areaSearch .nav li.tabTheater a{background: url(../img/icon_theater2.png) no-repeat 35px 8px;}
#areaSearch .nav li.tabGroup a{background: url(../img/icon_group2.png) no-repeat 35px 8px;}
#areaSearch .nav li.tabMember a{background: url(../img/icon_member2.png) no-repeat 30px 8px;}
#areaSearch .nav li a{background-size: auto 22px !important;}

#areaSearch .nav li .new{
	position: absolute;
	top:-8px;
	left:50%;
	font-size: 10px;
	background:#f06;
	color:#fff;
	padding:0 5px;
	margin-left:-15px;
	border-radius: 2px;
}

#areaSearch .col-md-9 label{
	font-weight: normal;}
#areaSearch .col-md-9 dl{
	margin:8px 0 0 -8px;}
#areaSearch .col-md-9 dd{
	margin: 0 0 10px 20px;}
#areaSearch .col-md-9 dl input[type="checkbox"]{
	margin: 0 5px 0 10px;}

.formBox{
	margin:30px 0;
	background:#f7f5fa;
	padding:10px;
	border:1px solid #efeaf5;
	border-radius:4px;}
.formBox .form-group:last-child{
	margin-bottom:0;}
.formBox .form-group .btn-lg{
	padding:10px 100px;}

.formBox #collapseOne{
	padding:20px 0;}
.formBox .btn-group{
	padding-bottom:10px;}
.formBox .btn-group .btn{
	border-color:#ddd;
	font-size:12px;
	color:#000;
	background:#fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.formBox .btn-group .btn:hover{
	background:#639;
	color:#fff;}
.formBox i.f18{
	font-size: 14px;}

/*  一覧スタイル
================== */
.list-group .list-group-item{
	color:#000;
	width:100%;
	overflow:hidden;
	clear:both;
	border:none;
	border-top:1px solid #ddd;
	padding:15px 0;}
.list-group .list-group-item .pict{
	float: left;
	width: 220px;
	text-align: center;}
.list-group .list-group-item .pict img{
	border:1px solid #eee;
	max-width: 210px;}
.list-group .list-group-item .name{
	margin:0 30px 0 240px;}
.list-group .list-group-item .name p{
	margin:5px 0;}
.list-group .list-group-item .name p .fa{
	margin: 0 0 0 2px;
	display: inline-block;
	width: 24px;}
.list-group .list-group-item .name .group{
	background:url(../img/icon_group.png) no-repeat;
	background-size: 18px auto;
	background-position: 0 3px ;
	padding-left:28px;}
.list-group .list-group-item .name .theater{
	background:url(../img/icon_theater.png) no-repeat;
	background-size: 18px auto;
	background-position: 0 3px ;
	padding-left:28px;}
.list-group .list-group-item .name .member{
	background:url(../img/icon_member.png) no-repeat;
	background-size: 18px auto;
	background-position: 0 3px ;
	padding-left:28px;}
.list-group .list-group-item .name .place span{
	padding-right:20px;}
.list-group .list-group-item .name .comment{
	margin:10px 0;}
.list-group .list-group-item .name .glyphicon-chevron-right{
	position:absolute;
	top:50%;
	right:0;
	margin-top:-10px;}
.list-group-item .data{
	margin:10px 0;}
.list-group-item .data .count{
	color: #000;
	text-decoration: none;}
.period .icon{
	display:inline-block;
	padding:2px 10px;
	margin:0 10px;
	font-size:12px;
	border-radius:2px;}
.list-group-item .icon-reserve{
	position:absolute;
	top:15px;
	right:0;
	padding:2px 5px;
	background:#cc0066;
	font-size:12px;
	color:#fff;
	border-radius:2px;}

#listTheater .list-group-item .name .theater,
#listStage .list-group-item .name .stage,
#listGroup .list-group-item .name .group,
#listMember .list-group-item .name .member,
#listActor .list-group-item .name .actor{
	font-weight:bold;
	font-size:18px;}

/*  listMember の演者プロフリンク(aタグ内にリンク置けないので) */
.list-group .actorProf{
	position: absolute;
	bottom:10px;
	width:200px;
	margin: 0 10px;
	border:2px solid #fff;
	background: #fff;
	text-align: center;}

/*  listMember の編集リンク(aタグ内にリンク置けないので) */
.list-group .editBox{
	position: absolute;
	bottom: 10px;
	right: 10px;}
.list-group .editBox .btn{
	margin-top: 10px;}

/*  MyBBSコメント一覧 */
#listComment .list-group-item .name .info span{
	color:#999;
	margin-right:10px;}
#listComment .list-group-item .name .theme{
	font-weight:bold;
	font-size:18px;}
#listComment .list-group-item .name .info .type{
	font-size:12px;
	padding:2px 5px;
	color:#000;
	border-radius:3px;}
#listComment .list-group-item .name .type1{background:#d1c1e0;}
#listComment .list-group-item .name .type2{background:#dddddd;}

/*  一覧スタイル（テーブルテキスト形式）
================== */
.list-group .list-group-item.text-box{
	padding:0;}
.list-group .list-group-item.text-box.header{
	background:#f8f8f8;}
.list-group .list-group-item.text-box .name{
	margin:0;}
.list-group .list-group-item.text-box .name p{
	vertical-align:top;
	display:inline-block;
	background:none;
	padding-left:0;}
#listStage .list-group-item.text-box .name .stage{
	font-size: 14px;}
.list-group .list-group-item.text-box .name .area{
	padding: 3px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 10px;
    width: 5em;
    margin-right:10px;
    display: inline-block;
    text-align: center;}
.list-group .list-group-item.text-box .name p.group{
	background: url(../img/icon_group.png) no-repeat;
	background-position: 0 3px;
	background-size: 1.2em auto;
	padding-left: 20px;}
.list-group .list-group-item.text-box .name p.theater{
	background: url(../img/icon_theater.png) no-repeat;
	background-position: 0 3px;
	background-size: 1.2em auto;
	padding-left: 20px;}

.list-group .list-group-item.text-box .name .icon-reserve{
	top:5px;
	z-index: 100;}
.list-group .list-group-item.header .name .area{
	border:none;
	font-size:14px;
	width:auto;
	padding:0;
	text-align:left;}
.list-group .list-group-item.text-box .name .stage{
	font-size:14px;}
	
#listStage .list-group-item .name .stage{
	font-weight:bold;}
	
.list-group .list-group-item.text-box .area		{width:50px;}
.list-group .list-group-item.text-box .stage	{width:260px;}
.list-group .list-group-item.text-box .group	{width:200px;}
.list-group .list-group-item.text-box .theater	{width:200px;}



/*  カードスタイル（演者検索）
================== */
#listCard .card{
	float:left;
	width:20%;
	text-align: center;}
#listCard .card a{
	display: block;
	margin:10px;
	height: 250px;}
#listCard .card img{
	max-width: 100%;
	max-height: 210px;	}
#listCard .card .actor{
	margin-top:5px;
	line-height: 1.2;}


/* ============================================================================
	詳細ページ
============================================================================ */

#basicData{
	width:100%;
	float: right;
	clear:both;
	margin-bottom: 20px;}
#basicData .areaLeft{
	width:230px;
	float:left;}
#basicData .areaRight{
	position: relative;
	width:512px;
	float:right;}
	
#basicData .areaLeft .pict{
	position:relative;
	background:#fdfdfe;
	border:1px solid #e4e4e4;
	border-radius:3px;
	text-align:center;
	margin-bottom:10px;}
#basicData .areaLeft .pict .photo{
	margin-top:10px;
	margin-bottom:20px;}
#basicData .areaLeft .pict .photo img{
	max-width:214px;
	max-height:214px;}
#basicData .areaLeft .pict .turn{
	position:absolute;
	right:0;
	top:0;}
#basicData .areaLeft .pict .turn a{
	font-size:18px;
	display:inline-block;
	padding:5px;
	margin:-1px 0 0;
	background:#fff;
	border-bottom:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	border-radius:0 2px 0 2px;}
#basicData .areaLeft .pict .turn a:hover{
	color:#fff;
	background:#639;
	text-decoration:none;}
#basicData .areaLeft .pict .designer{
	color:#999;
	margin:-8px 5px 8px;
	font-size:12px;}

#basicData .areaLeft .areaPrize{
	margin-top:15px;
	text-align: center;}

#basicData .areaLeft .pict .favoBox{
	border-top:1px solid #e4e4e4;
	border-left:none;
	background: #fff;
	text-align:left;}
#basicData .areaLeft .pict .favoBox a{
	font-size: 10px;
	display: inline-block;
	color:#999;}
#basicData .areaLeft .pict .favoBox .viewFavo{
	padding: 2px 5px;}
#basicData .areaLeft .pict .favoBox .viewFavo span.number{
	border-radius: 0 3px 0 0;
	vertical-align: top;
	font-size: 12px;
	vertical-align: middle;
	margin-right:5px;}
#basicData .areaLeft .pict .favoBox .addFavo{
	float: right;
	line-height: 26px;
	padding-right: 5px;}


#basicData .areaLeft .count{
    background: #fdfdfe;
    border: 1px solid #e4e4e4;
    padding:10px;}
#basicData .areaLeft .action .btn{
	margin:8px auto 0;
	text-align:left;
	width:100%;}
#basicData .areaLeft .action .mitekita{
	border-bottom:1px dotted #ddd;
	padding-bottom:10px;}
#basicData .areaLeft .action .present .btn,
#basicData .areaLeft .action .reserve .btn{
	background:#f06;
	color:#fff;}
#basicData .areaLeft .action .btn .glyphicon{
	color:#efebf5;
	font-size:12px;}
#basicData .areaLeft .action .btn.disabled{
	background:#cfcfcf;
	color:#666;}
#basicData .areaLeft .action .btn.disabled .glyphicon{
	color:#666;}
#basicData .areaLeft .category{
	margin:8px 0 0;}

/* スマホ用タイトルを非表示　*/
	@media (min-width: 600px) {
		#basicData #spH1.headTitle{
			display: none;} 
	}

#basicData .headTitle{
	position: relative;}
#basicData .headTitle .mainTitle{
	padding:8px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;}
#basicData .headTitle .mainTitle .crown{
	line-height: 1.4;
	margin-bottom: 5px;}
#basicData .headTitle .name{
	line-height: 1.2;
	font-size: 20px;
	font-weight: bold;
	margin:0;}
.iconCategory{
	display: inline-block;
	background: #fdfdfe;
	border:1px solid #e4e4e4;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	border-radius: 3px;
	padding:0 5px;
	margin-right: 10px;
	line-height: 24px;
	vertical-align: middle;}
.iconCategory img{
	vertical-align: middle;
	margin-right: 5px;
	width: 18px;}
#basicData .headTitle .kana{
	margin-left:75px;
	margin-top: -3px;
	font-size: 12px;
	color:#888;}
#basicData .headTitle .pref{
	margin-left:70px;
	line-height: 1.4;}
#basicData .headTitle .sns {
	margin-top:-25px;
	height: 20px;
	text-align: right;}
#basicData .headTitle .sns img{
	margin-left: 4px;
	width:20px;
	height:20px;}

#basicData .boxes {
	margin:-5px 0 10px;}
#basicData .boxes span,
.tagBoxes span{
	display: inline-block;
	background: #fdfdfe;
    border: 1px solid #e4e4e4;
	padding: 1px 5px;
	border-radius: 2px;
	font-size: 12px;}
#basicData .boxes.category{
	width: 100%;
	position: absolute;
	text-align: right;
	top: -23px;}
#basicData .areaRight .group{
	background:url(../img/icon_group.png) no-repeat;
	background-size: 18px auto;
	background-position: 0 3px ;
	padding-left:28px;
	margin-bottom:5px;}
#basicData .areaRight .theater{
	background:url(../img/icon_theater.png) no-repeat;
	background-size: 18px auto;
	background-position: 0 3px ;
	padding-left:28px;
	margin-bottom:5px;}
#basicData .areaRight .period .glyphicon,
#basicData .areaRight .period .fa{
	width:18px;
	height: 18px;
	padding-top: 2px;
	text-align: center;
	margin-right: 10px;}
#basicData .areaRight .period .p01{
	margin-top: 10px;}
#basicData .areaRight .period .p02{
	color: #666;
	margin-bottom: 2px;}
#basicData .areaRight .period .p03,
#basicData .areaRight .period .p04{
	color: #666;
	margin-bottom: 2px;
	margin-left: 28px;}
#basicData .areaRight .data{
	margin:15px 0;
	font-size:25px;
	font-size:16px;}
#basicData .areaRight .data .mouth{
	background:url(../img/icon_arrow_black.png) no-repeat center right;
	background-size: 3px 4px;}
#basicData .areaRight .data .mouth .rating:after{
	content:"クチコミを見る";
	float: right;
	font-size: 10px;
	font-weight: normal;
	padding-right: 15px;
	line-height: 2.4em;
	color:#999;}
#basicData .areaRight .data .mouth a.stars{
	background-size: 70px auto;
 	background-position:left 2px;}
#basicData .areaRight .data .mouth .icon{
		font-size:20px;
	font-size:16px;}
#basicData .areaRight .data .mouth a{
	color:#639;
	text-decoration:underline;}
#basicData .areaRight .data .mouth .count{
 	font-size: 18px;
 	text-decoration: underline;}
#basicData .areaRight #sns{
	margin:10px 0;
	padding:10px 0;
	border-top:1px dotted #ccc;}
#basicData .areaRight #sns .box{
	display:inline-block;}

	/* sns　ボタンの上下のずれを修正*/
	#basicData .areaRight #sns div{
		line-height: 0;}
	#basicData .areaRight #sns > * {
		vertical-align: bottom; }

/* 観たい・観てきたmodal */
.modalWatch #detailData .title{
	margin: 0;}

/* 基本情報のシンプル表示　*/
#basicData.typeSimple{
	margin-bottom: 10px;}
#basicData.typeSimple .areaLeft{
	width:120px;}
#basicData.typeSimple .areaRight{
	width:630px;}
#basicData.typeSimple h1{
	font-size:22px;}
#basicData.typeSimple .mainTitle {
	line-height: 2;}


#detailData .title{
	margin:30px 0;}
#detailData .title .badge{
	line-height:1.3;
	border-radius:100px;
	margin:0 10px;}
#detailData #newsStyle .date{
	display:inline-block;
	width:90px;}
#detailData #newsStyle .btn-update{
	float:right;}

#detailData .gMap{
	margin:30px 0;}


#newsDetail .article a{
	color:#639;}


/* twitter
========== */

#areaTweet .title{
	margin: 0;}
#areaTweet .frame{
	border-bottom:1px solid #ccc;
	height: 500px;
	overflow-y: auto;}

#tweetList,
#tweetList li{
	font-size: 12px;
	line-height: 18px;
	list-style: none;
	padding: 0;
	margin:0;}
#tweetList li .inner{
	padding: 10px;
	border-bottom:1px dotted #ccc;}
#tweetList li .inner .retweet{
	color: #888;}
#tweetList li .inner .author{
	margin:10px 0 5px;}
#tweetList li .inner .author .avatar{
	float: left;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 10px;}
#tweetList li .inner .author .avatar img{
	max-width: 100%;
	max-height: 100%;}
#tweetList li .inner .author .name{
	font-weight:bold;}
#tweetList li .inner .author .screenName{
	display: block;
	color: #888;}
#tweetList li .inner p.text {
	clear: both;
	margin-bottom: 10px;}
#tweetList li .inner p.text a{
	color: #639;}
#tweetList li .inner .mediaCard img{
	max-width: 100%;
	margin-bottom: 10px;
	border-radius: 4px;}
#tweetList li .inner .action{
	width: 100%;
	overflow: hidden;}
#tweetList li .inner .action p{
	float: left;
	margin-right: 15px;}
#tweetList li .inner .action p.date{
	float: right;
	color:#ccc;
	margin-right:0;}


/* ============================================================================
	公演詳細
============================================================================ */

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

.table.schedule td span	{color: #666;}
.table.schedule td a	{color: #ff0066;}
.table.schedule .time{
	font-size:16px;
	width:88px;
	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;}

#areaSchedule .icon{
	width:16px;
	height:16px;}

/* 基本情報 */
#areaBasic table.tate td a{
	display:block;
	width:100%;
	overflow-wrap:break-word;}


/* クチコミ */
#areaKuchikomi #mitai{
	border-right: 1px dotted #ccc;}
#areaKuchikomi .mouth{
	width: 100%;
	overflow: hidden;
	background: #efebf5;
	border-radius: 3px;}
#areaKuchikomi .mouth a{
	padding: 5px 10px;
	display: block;}
#areaKuchikomi .mouth a:hover{
	color: #fff;
	background: #639;}
#areaKuchikomi .mouth .text{
	font-weight: bold;
	font-size: 16px;}
#areaKuchikomi .mouth .count{
	padding: 0 0 0 20px;
	width: auto;
	font-size: 18px;}
#areaKuchikomi .mouth .icon{
	font-size: 16px;}
#areaKuchikomi .mouth .rate{
	font-weight: bold;
	background:url(../img/icon_arrow_black.png) no-repeat center right;
	background-size: 3px 4px;
	padding:0 15px 0 5px;}
#areaKuchikomi .mouth p{
	float: right;}


#areaKuchikomi #listStagePost.myList .posted{
	border-bottom: 1px dotted #ddd;
	margin-bottom: 8px;}
#areaKuchikomi #listStagePost.myList .userBox{
	margin-bottom: -10px;
	margin-right: 0;}
#areaKuchikomi #listStagePost.myList .text{
	padding: 20px 0 5px 0;}
#areaKuchikomi #listStagePost.myList .icon{
	margin-top: 10px;}
#areaKuchikomi #listStagePost.myList .time{
	text-align: right;
	color: #666;
	margin-top: -1.6em;}

.timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }

.timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt!important;
    }

/* 写真一覧・メンバー一覧 */
#areaPhoto .thumbnail {
	position: relative;}
#areaPhoto .thumbnail a{
	display:block;
	text-align:center;}
#areaPhoto .thumbnail > a{
	height:230px;
	border:1px solid #fff;}
#areaPhoto .thumbnail .caption .links {
	text-align: center;
	padding-bottom: 8px;}
#areaPhoto .thumbnail .caption .links a{
	border:1px solid #ddd;
	padding: 3px 5px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	background: #f9f9f9;}
#areaPhoto .thumbnail .caption .links a.link01{
	background: url(../img/icon_stage2.png) 3px center no-repeat #f9f9f9;
	background-size: 20px auto;
	padding: 3px 5px 3px 25px;}
#areaPhoto .thumbnail img{
	margin:10px auto 20px;
	border:none;}
#areaPhoto h3{
	font-size:16px;
	margin-top:0;}
#areaPhoto .edit{
	text-align:right;
	margin:0;
	position: absolute;
	top:-1px;
	right:-1px;}
#areaPhoto .edit a{
	display:inline-block;
	height:auto;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;}
#areaPhoto .edit .btn-delete{
	position:absolute;
	right:0px;
	top:-5px;}
#areaPhoto .edit .btn-delete span{
	margin:0;}
#areaPhoto .thumbnail .caption a{
	display:inline;
	height:auto;}
	
.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%;
      }
    }
#areaPhoto .modal-body img{
	margin:0 auto;
	max-height: 700px;}


	
/* 動画一覧 */
#areaMovie .col-md-12{
	margin-bottom: 50px;}

#areaMovie .media{
	text-align:center;}
#areaMovie h3{
	font-size: 16px;}
#areaMovie .category{
	margin:8px 0;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 2px 8px;
    display:inline-block;}
#areaMovie .edit{
	text-align:right;}
#areaMovie .edit a{
	display:inline-block;
	height:auto;
	margin:0 5px 5px;}
#areaMovie .edit .btn-delete{
	position:absolute;
	right:0px;
	top:-5px;}	
#areaMovie .edit .btn-delete span{
	margin:0;}
#areaMovie .thumbnail .caption a{
	display:inline;
	height:auto;}

/* 写真一覧　(タイル風) */
.tileStyle {
	padding: 0 10px;}
.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 {
    background:		#f6f6f6;
	width:			100%;
	overflow:		hidden;
	margin:			0 0px 10px 0;
	position:		relative;	/* 相対位置指定 */
}
.tileStyle .col-sm-4 .tile{height:236px;}
.tileStyle .col-sm-3 .tile{height:184px;}
.tileStyle .col-sm-2 .tile{height:120px;}
.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 .col-sm-3 .tile .photo img,
.tileStyle .col-md-3 .tile .photo img{
	max-width:300px; max-height:300px;}
.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 {
	line-height: 1.5;
	padding-top: 10%;
	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;}


/* テキスト系一覧（掲示板・クチコミなど） */
.media-list{
	margin:50px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-radius:4px;}
.media-list .media{
	border-bottom:1px solid #ddd;
	padding:15px 0;
	margin:0;
	position: relative;}
.media-list .media:last-child{
	border:none;}
.media-list .media .media-left .photo{
	display:block;
	position:relative;
	padding-right:10px;}
	
.media-list .media .media-left .photo img{
	width:100px;
	border:1px solid #ddd;
	padding:2px;
	border-radius:2px;}
.media-list .media .media-left .photo .iconFB{
	display:block;
	position:absolute;
	top:0;
	left:0;}
.media-list .media .media-left .photo .iconFB img{
	width:15px;
	vertical-align:top;
	border:none;
	padding:0;}
.media-list .media .media-body .date{
	margin:10px 0 0;}


/* ネタバレテキスト */
.media-list .media .media-body .icon{
	margin:0 0 8px;}
.media-list .media .media-body .icon .color{
	color:#ffa801;
	font-size:18px;}
.media-list .media .media-body .item{
	padding:2px 0;
	margin:0 8px 0 0;
	width:50px;
	display:inline-block;
	border:1px solid #ddd;
	border-radius:3px;
	font-size:12px;
	text-align:center;}
.media-list .media .media-body .text{
	margin:10px 0 0;}
.media-list .media .media-body .netabare{
	margin:15px 0 0;
	background:#f7f5fa;
	padding:10px;}
.media-list .media .media-body .netabare .switch{
	text-align:right;
	margin-bottom:5px;}
.media-list .media .media-body .netabare .collapse{}
.media-list .media .media-body .other p{
	display:inline;
	margin-right:30px;}
.media-list .media .media-body .bottomBox{
	text-align:right;}
.media-list .media .media-body .bottomBox p{
	display:inline-block;}
.media-list .media .media-body .bottomBox .comment{
	margin-right:20px;}
.bottomBox .time{
	margin:8px 0 0;
	color:#999;}
.media-list .media .media-body .bottomBox .edit{
	float:left;
	margin-top:8px;
	margin-right:15px;}


/* 報告機能 */
.bottomBox .report{
	padding: 0px 5px 0 0;
	border-radius: 100px;
	float: left;
	margin-top:8px;}
.bottomBox .report p{
	margin-right: 5px;
	color: #999;}
.bottomBox .report a{
	display: inline-block;
	padding: 1px 5px;}
.bottomBox .report .thumbs a,
.bottomBox .report .thumbs span,
.bottomBox .report .thumbs i{
	color: #777;}
.bottomBox .report .thumbs:hover,
.bottomBox .report .ON{
	border-radius: 2px;
	background: #f7f5fa;}
.bottomBox .report .ON a,
.bottomBox .report .ON span,
.bottomBox .report .ON i,
.bottomBox .report .thumbs.go:hover span{
	color: #639;}
.bottomBox .report .thumbs .tooltip-inner{
	width:50px;}
.bottomBox .thumbs .glyphicon{
	margin-right:0;
	padding-right: 5px;}

.tooltip-inner{
	background: #639;}
.tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #639;}

/* 返信コメント */
.media-list .media .reply{
	width:100%;
	overflow:hidden;
	clear:both;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	margin-bottom:10px;}
.media-list .media .reply:last-child{
	border:none;
	margin-bottom:0;}
.media-list .media .reply .media-left{
	display:block;}
.media-list .media .reply .photo{
	float:left;}
.media-list .media .reply .photo img{
	width:30px;}
.media-list .media .reply .comment{
	margin-bottom:10px;}
.media-list .media .reply .bottomBox{
	line-height:30px;
	float:right;
	text-align:right;}
.media-list .media .reply .bottomBox p{
	display:inline;
	margin-left:20px;}
	
	
/* ============================================================================
	ランキング
============================================================================ */

.list-group .list-group-item .name p.rank,
.list-group .list-group-item .name p.minirank{
	position:absolute;
	top:0px;
	left:5px;
	background:#e3c2e4;
	width:35px;
	height:35px;
	line-height:33px;
	font-size:18px;
	border-radius:100px;
	text-align:center;
	border:1px solid #fff;}
.list-group .list-group-item .name p.mini{
	left:0px;
	width:30px;
	height:30px;
	line-height:28px;}
.list-group .rank1 .name p.rank{background:#ffb400;	color:#fff;}
.list-group .rank2 .name p.rank{background:#aaa;	color:#fff;}
.list-group .rank3 .name p.rank{background:#dd8c70;	color:#fff;}


.list-group .list-group-item .name p.stage{
	font-weight:bold;}
/* ============================================================================
	チケプレ
============================================================================ */
#listPresent .list-group-item{
	border-radius:4px 4px 0 0;
	border-bottom: none;}
#listPresent .invitation{
	clear:both;
	width:100%;
	padding:15px;
	margin:0 0 50px ;
	border:none;
	background:#f7f5fa;
 	border-radius:0 0 4px 4px;}
#listPresent .invitation .deadline .box{
	font-size:16px;}
#listPresent .invitation .title{
	font-weight:bold;
	margin:0 0 5px;}
#listPresent .invitation .box{
	padding:10px;
	max-height:180px;
	background:#fff;
 	border-radius:4px;
	overflow:auto;
	margin-bottom:15px;}
#listPresent .invitation .go{
	text-align:right;}



/* 応募者一覧 */
#listPresentEntry .number{
	font-weight:bold;
	border-bottom:1px dotted #e9e9e9;
	padding:3px 5px;
	margin-bottom:8px;
	font-size:16px;}

#listPresentEntry .sort .number{
	font-size:30px;
	font-weight:bold;
	margin:0 5px 0 15px;
	line-height:1;}	
	
/* ============================================================================
	掲示板
============================================================================ */

#listBBS .list-group-item{
	width:100%;
	overflow:hidden;
	clear:both;
	padding:15px 0;}
	
#listBBS .list-group-item p{
	display:inline-block;
	box-sizing: border-box;
	padding:5px;
	position:relative;
	color:#999;
	vertical-align: top;}
#listBBS .list-group-item.header{
	background:#f8f8f8;
	padding:0;}
#listBBS .list-group-item p.title{
	display:block;
	border:none;
	border-bottom:1px dotted #eee;
	color:#000;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;}
#listBBS .list-group-item p.category{width:160px;}
#listBBS .list-group-item p.user	{width:245px;}
#listBBS .list-group-item p.area	{width:70px;}
#listBBS .list-group-item p.reply	{width:60px;}
#listBBS .list-group-item p.access	{width:60px;}
#listBBS .list-group-item p.date	{width:130px;}

#listBBS .list-group-item p.category .cate00{color:#7645a0; }
#listBBS .list-group-item p.category .cate01{color:#ff9899; }
#listBBS .list-group-item p.category .cate02{color:#fc9f38; }
#listBBS .list-group-item p.category .cate03{color:#ffcc00; }
#listBBS .list-group-item p.category .cate04{color:#9acb33; }
#listBBS .list-group-item p.category .cate05{color:#66cdcc; }
#listBBS .list-group-item p.category .cate06{color:#3698c7; }
#listBBS .list-group-item p.category .cate07{color:#cc9866; }

#listBBS .list-group-item p.user img{
	max-height:20px;
	margin-right:8px;}
#listBBS a.list-group-item p.reply,
#listBBS a.list-group-item p.access,
#listBBS a.list-group-item p.date{
	text-align:right;}
#listBBS .list-group-item .glyphicon-chevron-right{
	position:absolute;
	top:28px;
	right:-5px;
	margin-top:-10px;}


/* 投稿詳細 */
#BBSPanel .panel-title{
	line-height: 1.6;}
#BBSPanel .panel-body .image{
	float: right;
	padding: 0 0 20px 20px;}
.detailPanel .list-group-item{
	overflow:hidden;
	width:100%;
	padding:15px;
	clear:both;}
.detailPanel .list-group-item .item{
	display:inline-block;}
.detailPanel .list-group-item .info{
	margin-top:10px;
	float:right;
	text-align:right;}
.detailPanel .list-group-item .info span.reply,
.detailPanel .list-group-item .info span.access{
	display:inline-block;
	width:90px;}
.detailPanel .list-group-item .info span.category,
.detailPanel .list-group-item .info span.date{
	display:block;
	text-align:right;}
	
.detailPanel .list-group-item .user{
	position:relative;}
.detailPanel .list-group-item .user .photo img{
	width:80px;
	margin-right:10px;
	border:1px solid #ddd;
	padding:2px;
	border-radius:2px;}
.detailPanel .list-group-item .user .photo .iconFB{
	position:absolute;
	top:-10px;
	left:-5px;}
.detailPanel .list-group-item .user .photo .iconFB img{
	width:15px;
	border:none;
	padding:0;}



/* ============================================================================
	Myページ
============================================================================ */

.gone{
	background: #ddd;
	padding: 15px;
	text-align: center;
	border-radius: 3px;
	font-size: 16px;
	margin-bottom: 10px;}

#basicData.myPage .areaLeft .photo{
	margin:8px;}
#basicData.myPage .areaLeft .pict .goActor a{
	display: inline-block;
	margin:0 auto 8px auto;}
#basicData.myPage .areaLeft .pict .goActor a .fa{
	color: #fff;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 100px;
	background:#639;
	vertical-align: bottom;
	color: #fff;}
#basicData.myPage .areaLeft .status .number{
	display:inline-block;
	text-align:right;
	width:60px;}

#basicData.myPage .mainTitle{
	position:relative;}
#basicData.myPage .mainTitle .realName,
#basicData.myPage .mainTitle .subTitle{
	margin-top:10px;
	line-height:1.5;}
#basicData.myPage .mainTitle .subTitle span:after{
    content: "/";
    padding:7px 0;}
#basicData.myPage .mainTitle .subTitle span:last-child:after{
	content:"";}
#basicData.myPage .mainTitle .iconClosed{
	font-size: 12px;
	color: #999;}

#basicData.myPage .snsOK{
	width: 100%;
	position: absolute;
	text-align: right;
	top:5px;}
#basicData.myPage .snsOK p{
	float: right;
	margin-left: 5px;}
#basicData.myPage .snsOK img{
	height:22px ;}

#basicData.myPage .areaRight .comment{
	margin-top:30px;}



#detailData.myPage .table th{
	border:none;}
#detailData.myPage .table td{
	word-wrap : break-word;
	overflow-wrap : break-word;}
#detailData.myPage .table .cell01{width:150px;}
#detailData.myPage .table .cell02{width:auto;}
#detailData.myPage .table .cell03{width:130px;}
#detailData.myPage .table .cell01 img{
	max-width:120px;
	height: auto;
	display: block;}


/* Myカレンダー */
#areaCalendar table{
	width:100%;
	table-layout: fixed;}
#areaCalendar table th,
#areaCalendar table td{
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;}
#areaCalendar table th{
	text-align: center;
	border-top:1px solid #ddd;
	padding: 3px 0;
	font-weight: normal;
	font-size: 12px;}
#areaCalendar table td{
	vertical-align: top;}
#areaCalendar table tbody{
	border-bottom:1px solid #ddd;}
#areaCalendar table tbody td{
	height: 10px;}
#areaCalendar table tr:last-child td{
	padding-bottom: 3px;}
#areaCalendar table tr td.fc-widget-header{
	padding-bottom: 0;}
#areaCalendar #calHeader{
	margin-bottom: 8px;}
#areaCalendar .fc-toolbar .fc-center h2{
	text-align: center;
	font-weight: bold;
	font-size: 20px;}
#areaCalendar #calHeader .next{
	text-align: right;}
#areaCalendar #calHeader .next a,
#areaCalendar #calHeader .past a,
#areaCalendar .fc-toolbar .fc-state-default{
	border:1px solid #ddd;
	background: #fff;
	border-radius: 3px;
	padding: 2px 5px;
	font-weight: normal;}
#areaCalendar .fc-toolbar .fc-state-default:hover{
	background: #f5f5f5;}
#areaCalendar #calHeader .fa{
	margin:0 5px;}
#areaCalendar table th.fc-sat,
#areaCalendar table .fc-sat .day {background:#f3fafd;}
#areaCalendar table .holiday .day,
#areaCalendar table .fc-sun .day,
#areaCalendar table th.fc-sun {background:#fdf3f7;}
#areaCalendar table .other .day {background: #f6f6f6;color:#ccc !important;}
#areaCalendar table .today .day	{background: #fcf8e3;}
#areaCalendar table th.fc-sat .day  {color:#00587d;}
#areaCalendar table th.fc-sun .day,
#areaCalendar table .fc-sun .day,
#areaCalendar table .holiday .day {color:#d42f61;}
#areaCalendar table .out .day 		{color:#ccc;}

#areaCalendar table td p{
	font-size: 12px;
	padding:2px 5px;}
#areaCalendar table td p .closed{
	color: #000;
	background:#fff;
	display: inline-block;
	padding: 1px 3px;
	margin-left:2px;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	font-size: 10px;
	border:1px solid #ddd;
	border-radius: 3px;}
#areaCalendar table td .day{
	margin:0 0 0 auto;
	padding: 0 3px;
	display: block;
	width: 1.8em;
	line-height: 1.8em;
	text-align: right;}
#areaCalendar table td .item{
	margin:  2px 5px 2px;
	overflow: hidden;}
#areaCalendar table td .stage{
	border-radius: 3px;}
#areaCalendar table td .stage a{
	line-height: 1.2;
	padding:1px;
	text-decoration: none;
	display: block;}
#areaCalendar table td .mitai{background:#f3d0d5;}
#areaCalendar table td .mitekita{background:#ccdff0;}
#areaCalendar table td .mitai .stage:hover{background:#d76274;}
#areaCalendar table td .mitekita .stage:hover{background:#5596ce;}
#areaCalendar table td .item a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;}
#areaCalendar table td .detailStage p{
	padding:3px;}

#areaCalendar .option{
	text-align: right;}
#areaCalendar .option p{
	border-radius: 3px;
	display: inline-block;
	margin-top: 8px;
	margin-left: 5px;
	padding: 0 10px;}
#areaCalendar .option p label{
	font-size:12px;
	margin-bottom: 3px;
	font-weight: normal;}
#areaCalendar .option p input{
	margin-right: 3px;
vertical-align: text-bottom;}
#areaCalendar .option p.mitai{background:#f3d0d5;}
#areaCalendar .option p.mitekita{background:#ccdff0;}



#areaCalendar table th.fc-sat{background:#f3fafd;}
#areaCalendar table th.fc-sun{background:#fdf3f7;}
#areaCalendar a.hope{background:#f3d0d5; border:#f3d0d5;}
#areaCalendar a.done{background:#ccdff0; border:#ccdff0;}
#areaCalendar a.hope:hover{background:#d76274; border:#d76274;}
#areaCalendar a.done:hover{background:#5596ce; border:#5596ce;}
#areaCalendar .fc-title{color:#000; white-space: normal;}
#areaCalendar .closed{
	color: #000;
	background:#fff;
	display: inline-block;
	padding: 1px 3px;
	margin-left:2px;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	font-size: 10px;
	border:1px solid #ddd;
	border-radius: 3px;}
#areaCalendar table td a{
	line-height: 1.2;
	padding:2px 5px;
	text-decoration: none;
	display: block;
	cursor: pointer;}

/* カレンダー　モーダル内*/
#areaCalendar .detailStage{
	font-size:14px;
	line-height: 2;}
#areaCalendar .detailStage .bottomArea{
	border-top:1px dotted #ccc; 
	margin-top:8px; 
	padding-top:8px;}
#areaCalendar .detailStage .bottomArea .link{
	text-align: center;
	line-height: 3;}
#areaCalendar .detailStage .bottomArea .radioArea{
	padding:10px 0;
	text-align: center;}
#areaCalendar .detailStage .bottomArea .radioArea input{
	margin-right: 10px;}

/* 劇場スケジュール */
#theaterCal .calHeader{
	text-align: right;
	padding-bottom: 10px;}
#theaterCal .calHeader p{
	display: inline-block;}
#theaterCal .calHeader p .btn{
	border:1px solid #ddd;
	border-radius: 3px;
	padding: 2px 5px;
	margin-left:5px; }
#theaterCal .calHeader p.today .btn{
	background: #fcf8e3;}

#theaterCal .item{
	width: 100%;
	height: 100%;
	overflow: hidden;
	clear: both;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;}
#theaterCal .item .name{width: 209px;	float: left;}
#theaterCal .item .cal {width: 557px;	float: left;}

#theaterCal .item.header{
	border-top:1px solid #ddd;
background: #f9f9f9}
#theaterCal .item.header .trMonth td{
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	padding: 2px 5px;}
#theaterCal .item.header .trDay td{
	background: #fff;
	border-bottom: 1px solid #ddd;
	text-align: center;}
#theaterCal .item.header .trWeek td{
	background: #fff;
	text-align: center;}
#theaterCal .item.header td.today{background: #fcf8e3;}
#theaterCal .item.header td.sat{background: #f3fafd; color:#00587d;}
#theaterCal .item.header td.holiday,
#theaterCal .item.header td.sun{background: #fdf3f7; color:#d42f61;}

#theaterCal .item .name{
	padding: 4px;
	font-size: 12px;}
#theaterCal .item .name .move{
	float:right;
	height: 2em;}
#theaterCal .item .name .move .btn{
	padding: 0;
	font-size: 10px;
	height: 16px;
	width: 16px;
	border:1px solid #fff;
	background: #639;
	color: #fff;}
#theaterCal .cal{
	min-height: 2.6em;}
#theaterCal table{
	width: 100%;
	min-height: 2.6em;
	table-layout: fixed;}
#theaterCal table th,
#theaterCal table td{
	vertical-align: top;
	min-height: 2.6em;
	font-size: 12px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;}
#theaterCal table td:last-child{border-right: none;}

#theaterCal table td a.stage{
	padding: 4px;
	margin: 5px ;
	background: #efebf5;
	display: block;}
#theaterCal table td a.stage:hover{
	background: #639;
	color: #fff;
	text-decoration: none;}

#theaterCal .modal{
	font-size: 14px;}
#theaterCal .modal .detailStage{
	margin:0;}
#theaterCal .modal .detailStage .pict{
	text-align: right;
	float: right;
	width:120px;}
#theaterCal .modal .detailStage .pict img{
	margin:0 0 0 auto;
	width: 100px;}


/* チケプレ*/
	/* ▼　新デザインになったら削除する*/
	#detailData.myPage #areaTP .table .cell01{width:auto;}
	#detailData.myPage #areaTP .table .cell02{width:224px;}
	#detailData.myPage #areaTP .table .cell03{width:130px;}
	/* ▲ここまで*/

#areaTP .list-group-item{
	width:100%;
	overflow:hidden;
	clear:both;
	padding:5px 0;}
#areaTP .list-group-item .stage		{width:340px;} 
#areaTP .list-group-item .group 	{width:200px;} 
#areaTP .list-group-item .dateEntry	{width:80px; font-size: 12px;color:#999;} 
#areaTP .list-group-item .dateClose	{width:80px; font-size: 12px;color:#999;} 
#areaTP .list-group-item .view		{width:40px;} 

#areaTP .list-group-item.header{
	background:#f8f8f8;
	padding:0;}
#areaTP .list-group-item.header p{
	 font-size: 12px;} 

#areaTP .list-group-item p{
	box-sizing: border-box;
	padding:5px;
	vertical-align: top;}
#areaTP .list-group-item .stage,
#areaTP .list-group-item .group,
#areaTP .list-group-item .dateEntry,
#areaTP .list-group-item .dateClose,
#areaTP .list-group-item .view{
	display:inline-block;}
#areaTP .list-group-item .view i{
	margin:0;}
#areaTP .list-group-item .panel-collapse{
	padding-top: 10px;}
#areaTP .list-group-item .detail{
	font-size: 12px;}
#areaTP .list-group-item .detail.boshu{
	border:1px dotted #ccc;
	background: #f7f5fa;
	padding: 8px;}
#areaTP .list-group-item .detail.oubo{
	padding: 10px;}
#areaTP .list-group-item .detail.oubo .closed{
	display: inline-block;
	float: right;
	border:1px solid #ddd;
	padding: 3px 5px;
	font-size: 10px;
	background: #efefef;}


#detailData.myPage .table td .user img{
	vertical-align:top;
	margin:0 10px 0 0;
	width:36px;}
	
#detailData #areaStatus #statusBox .block{
	width:100%;
	border-bottom:1px dotted #ddd;
	padding:10px 0;
	overflow:hidden;
	clear:both;}
#detailData #areaStatus #statusBox .block .box{
	border:1px solid #efebf5;
	background:#f7f5fa;
	width:152px;
	margin:0 3px;
	padding:7px;
	float:left;
	position:relative;}
#detailData #areaStatus #statusBox .block .box.head{
	background:none;
	width:120px;
	border:none;}
#detailData #areaStatus #statusBox .block .box .count{
	font-size:30px;
	font-weight:bold;
	margin-top:5px;
	line-height:1;
	text-align:right;}
#detailData #areaStatus #statusBox .block#block05 .box:last-child .count{
	line-height:30px;
	font-size:20px;}
#detailData #areaStatus #statusBox .block .box .new{
	position:absolute;
	left:7px;
	bottom:7px;
	padding:3px 5px;
	line-height:1;
	border-radius:3px;
	font-size:10px;
	background:#ff0066;
	color:#fff;}

/* 好きなもの */
#detailData #areaFavorite .table th{
	width: 120px;
	text-align: right;}




/* 俳優プロフィール */
#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:1.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{
	width: 512px;
	float: right;}
#areaActorProf .profTop .areaRight .tagBoxes{
	margin: 10px 0;}
#areaActorProf .profTop .areaRight .table th,
#areaActorProf .profTop .areaRight .table td{
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;}
#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 #ccc;
	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;}
#areaActorProf .profDetail #itemAlbum .row p{
	vertical-align: top;
	text-align: center;
	display: inline-block;
	width: 49%;
	margin-bottom: 20px;}
#areaActorProf .profDetail #itemAlbum .row p img{
	max-width: 96%;
	max-height: 375px; }
/* 俳優プロフ フォーム */
.alert.actorPull{
	width:100%;
	overflow: hidden;
	clear: both;
	font-size: 12px;}
.alert.actorPull .action{
	float: right;
	width:100px;}
.alert.actorPull .text{
	margin-right:110px;}
.alert.actorPull .public {
	width: 100%;
	margin: 0;}
.alert.actorPull .public input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);}


/* myページ観てきた */
.list-group.myList .list-group-item{
	border-bottom:1px dotted #ddd;
	margin-top:-1px;}
.list-group.myList .list-group-item .pict{
	width:100px;}
.list-group.myList .list-group-item .pict img{
	max-height:100px;
	max-width:100px;}
.list-group.myList .list-group-item .name{
	 margin: 0 30px 0 120px;}
.list-group.myList .posted{
	padding:10px 0 10px 10px;
	margin-bottom: 20px;
	position: relative;}
.list-group.myList .posted .icon,
.list-group.myList .posted .other,
.list-group.myList .posted .other p{
	display:inline-block;}
.list-group.myList .posted .other p{
	margin-right:8px;}
.list-group.myList .posted .item{
	padding:2px 0;
	margin:0 8px 5px 0;
	background:#fff;
	width:50px;
	display:inline-block;
	border:1px solid #ddd;
	line-height:1;
	border-radius:3px;
	font-size:12px;
	text-align:center;}
.list-group.myList .posted .icon .color{
	color:#ffa801;
	margin-right:10px;}
.list-group.myList .posted .text{
	padding-top:5px;}
.list-group.myList .posted .netabare{
	background:#f7f5fa;
	margin:10px 0;
	padding:1px 10px;}
.list-group.myList .posted .netabare .switch{
	text-align:right;
	margin-bottom:5px;
	margin:10px 0;}
.list-group.myList .posted .netabare .collapse{
	margin-bottom:10px;}
.list-group.myList .posted .bottomBox{
	text-align:right;
	margin-top:10px;}
.list-group.myList .posted .bottomBox p{
	display:inline-block;}
.list-group.myList .posted .bottomBox .edit{
	float:left;
	margin-right: 15px;}
.list-group.myList .posted .bottomBox .comment{
	margin-right:10px;}


/* 観たい観てきた平均値 */
.averageBox{
	margin: -10px 0 -30px 0;}
.averageBox .item{
	border:1px solid #ddd;
	border-radius: 3px;
	padding: 2px 5px;}
.averageBox .mouth{
	display: inline-block;
	font-weight: normal;
	background: #fff;
	padding: 5px 8px;
	border-radius: 3px;}
.averageBox .mouth .icon{
	font-size: 14px;}
.averageBox .mouth .rating{
	font-size: 16px;}


/* クチコミ一覧 */
.goKuchikomi{
	text-align: right;
	margin-bottom:15px;}

/* すべての観てきた */
#listStagePost.myList .userBox{
	position:relative;
	z-index:0;
	margin-top:10px;
	margin-bottom:-30px;
	margin-right:200px;
	padding-bottom: 10px;}
#listStagePost.myList .userBox .iconFB{
	position:absolute;
	top:-5px;
	left:-5px;}
#listStagePost.myList .userBox .iconFB img{
	width:14px;}
#listStagePost.myList .userBox a img{
	width:36px;
	margin-right:10px;}
#listStagePost.myList .bottomBox{
	margin:0 0 0 auto;
	text-align: right;
	width:180px;}
#listStagePost.myList .bottomBox .report{
	float: none;
	position: absolute;
	right:160px;
	bottom:10px;}


/* ============================================================================
	ログイン
============================================================================ */

#loginPanel .panel-heading{
	font-weight:bold;
	font-size:20px;}
#loginPanel .add{
	margin-bottom:-15px;}
#loginPanel .add .btn img{
	width:30px;
	height:20px;
	vertical-align:top;
	padding-right:10px;}

button.noBorder{
	border: none;
	background: none;}
	
/* ============================================================================
	問い合わせ
============================================================================ */

/* 問い合わせフォームの「よくある質問」FAQ */
.faqList{
	padding-top:20px;}
.faqList .box{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;}
.faqList .box p{
	margin:0 15px;
	margin-bottom:10px;
	font-size:14px;
	line-height:1.6;}
.faqList .box .Qbox{
	font-weight:bold;
	background:url(../img/icon_q.jpg) no-repeat;
	padding-left:40px;
	padding-bottom:5px;}
.faqList .box .Abox{
	background:url(../img/icon_a.jpg) no-repeat;
	padding-left:40px;
	padding-bottom:5px;}


/* ============================================================================
	バナー広告掲載案内
============================================================================ */
#pageAdvertising .border{
	overflow:hidden;
	padding:20px;
	margin:20px auto;
	border:3px double #ccc;}
	
/* ============================================================================
	メルマガ
============================================================================ */
.sample_melmaga{
	line-height:130%;
	border:3px double #ccc;
	padding:15
	px;
	overflow:auto;
	height:200px;
	white-space:pre;}

/* ============================================================================
	旧舞台芸術まつり
============================================================================ */
#pageFesResult01 .data2Box {
	clear: both;}
#pageFesResult01 .dataLeft .stageData {
	margin-bottom: 30px;}
#pageFesResult01 .dataLeft .stageData img{
	max-width:100%;}
#fesEntry #listFesEntry{
	padding-top:30px;}

/* ============================================================================
	##
============================================================================ */

#createGSite #main.nav li a{
	font-size: 16px;}
#createGSite #main.nav li.active a{
	font-weight: bold;}
#createGSite #main.nav{
	margin-bottom: 50px;}
#createGSite .title{
	background:#f7f5fa;
	border-top:1px solid #639;
	margin: 30px 0;}
#createGSite .title h2{
	margin:10px;
	font-size:20px;
	font-weight: normal;
	display: inline-block;}
	@media (max-width: 599px) {
		#createGSite .title h2{
			font-size: 14px;}
	}

/* side */
#sideGCreate .box p{
	margin: 10px 0 20px;}
#sideGCreate .box .btn{
	text-align: left;}

/*  */
#siteAdminHeader{
	border: 1px dotted #639;
	background: #f7f5fa;
	padding:5px;
	margin-bottom: 20px;}
#siteAdminHeader .name h1{
	font-weight: bold;
	line-height: 2;
	margin-right: 10px;
	font-size: 16px;
	display: inline;}
#siteAdminHeader .name p{
	display: inline-block;}
#siteAdminHeader .name p a{
	display: inline-block;
	padding:5px;
	border-radius:3px;
	border:1px solid #fff;
	text-align: center;}
#siteAdminHeader .name p.closed a{background: #ddd;}
#siteAdminHeader .name p.open	a{background: #f7e0b2;}
#siteAdminHeader .name p a i{
	color: #000;
	margin-left: 5px;}
#siteAdminHeader .url a{
	text-align: right;
	display: block;
	padding:5px;}

#createGSite #accordion .title .arrow{
	display: block;}
#createGSite #accordion .title .arrow i{
	line-height: 34px;
	padding-right: 10px;
	float: right;}
#createGSite #accordion .panel .title .arrow .fa-chevron-down{display:none ;}
#createGSite #accordion .panel .title .arrow.collapsed .fa-chevron-down	{display:inline-block;} 
#createGSite #accordion .panel .title .arrow.collapsed .fa-chevron-up{display: none;} 

#createGSite #accordion .panel{
	box-shadow:none;
	border:none;
	margin: 0; }
#createGSite #accordion .panel .title{
	margin: 0;}
#createGSite #accordion .panel .inner{
	padding: 30px 0;}
#createGSite #accordion .panel .inner .pageLink{
	border-top: 1px dotted #ccc;
	padding: 5px;
	margin-top: 10px;
	text-align:right;
	font-weight: bold;}
#createGSite #accordion .panel .inner .pageLink i{
	margin-left:5px;}


#createGSite #accordion .panel .tableMember{
	width: 100%;
	margin: 10px 0;}
#createGSite #accordion .panel .tableMember th{
	border-bottom: 1px solid #ddd;}
#createGSite #accordion .panel .tableMember th.cell02 span{
	display: inline;
	margin-left: 290px;}
#createGSite #accordion .panel .tableMember td{
	border-bottom: 1px dotted #ddd;
	padding: 3px 0;}
#createGSite #accordion .panel .tableMember .cell01{
	padding: 5px 0;
	width: 80px;}
#createGSite #accordion .panel .tableMember .cell01 input.btn{
	margin: 0 2px;
	padding: 5px;
	line-height: 1;
	background: #efefef;}	

#createGSite #accordion .panel .tableMember .cell02 span{
	display: inline-block;
	width: 350px;}
#createGSite #accordion .panel .tableMember .cell02 .form-control{
	display: inline-block;
	width:150px; }
#createGSite #accordion .panel .tableMember .cell03{
	text-align: center;}
#createGSite #accordion .panel .tableMember .cell04{
	text-align: center;}
#createGSite #accordion .panel .tableMember td.cell03{
	font-size: 20px;}

#createGSite #accordion .panel #tableFree{
	margin: 20px 0;}
#createGSite #accordion .panel #tableFree td{
	text-align: right;}

/* Logo */
#tableLogo th{
	width: 80px;
}

/* color */
#createGSite #tableColor .cell01{
	font-weight: bold;
	width: 100px;}
#createGSite #tableColor .color{
	display: inline-block;
	margin:0 10px 5px 0;}
#createGSite #tableColor .color input{
	margin: 0 5px;}

/* navi */
#createGSite #tableNavi{
	width: 100%;
	margin-bottom: 40px;}
#createGSite #tableNavi th{
	border-bottom: 1px solid #ddd;
	text-align: center;}
#createGSite #tableNavi td{
	vertical-align: top;
	border-bottom: 1px dotted #ddd;
	padding: 3px 0;}
#createGSite #tableNavi .cell01{width:80px; }
#createGSite #tableNavi .cell02{width:auto; text-align: left; padding-left: 4px;}
#createGSite #tableNavi .cell03{width:50px; text-align: center;}

#createGSite #tableNavi .cell01{
	padding:5px 0;}
#createGSite #tableNavi .cell01 input.btn{
	margin: 0 2px;
	padding: 5px;
	line-height: 1;
	background: #ddd;}	
#createGSite #tableNavi .cell02 .text{
	display: inline-block;
	padding-top: 5px;
	vertical-align: top;
	width:150px;
	font-weight: bold;}
#createGSite #tableNavi .cell02 .text a{
	margin-top: 5px;}
#createGSite #tableNavi .cell02 .value{
	border-left:1px dotted #ddd;
	display: inline-block;
	width:450px;
	padding: 0 5px;}
#createGSite #tableNavi .cell02 .value .form-control{
	width:150px;}
#createGSite #tableNavi .cell02 .value .display .form-control{
	display: inline-block;}
#createGSite #tableNavi .cell02 .value .link{
	border:1px solid #eee;
	background: #f9f9f9;
	margin: 10px 0;
	border-radius: 3px;
	padding: 10px;}
#createGSite #tableNavi .cell02 .value .link label{
	font-weight: normal;}
#createGSite #tableNavi .cell02 .value .link .item01 .form-control{
	margin-left: 15px;
	width: 400px;}
#createGSite #tableNavi .cell02 .value .link .item02{
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-top: 15px;}
#createGSite #tableNavi .cell02 .value .link .item02 label{
	display: block;
	margin: 0;}
#createGSite #tableNavi .cell02 .value .link .item02 .url{
	margin-left: 15px;
	display: inline;}
#createGSite #tableNavi .cell02 .value .link .item02 .form-control{
	display: inline;
	width: 70px;}
#createGSite #tableNavi .cell02 .value .link .item02 .btn{
	float: right;}
#createGSite #tableNavi .cell03{
	border-left:1px dotted #ddd;}
#createGSite #tableNavi td.addMenu{
	text-align: right;
	padding: 20px 0;}

#createGSite .alert-warning{
	margin: 0 0 40px 0;}
#createGSite .alert-warning ul{
	margin-bottom: 0;}

/* SEO */
#createGSite #tableSEO th{
	width: 120px;}
#createGSite #tableSEO td.tdKeyword input{
	width:48%;
	margin-bottom:5px;}

/* admin */
#createGSite #siteSwitch{
	border: 3px solid #efeaf5;
	width: 100%;
	overflow: hidden;
	text-align: center;}
#createGSite #siteSwitch .text{
	float:left;
	width:60%;
	padding: 20px 0;
	font-weight: bold;}
#createGSite #siteSwitch .text p{
	display: inline-block;
	padding: 5px 15px;
	border-radius: 3px;
	margin-left: 10px;
	font-weight: normal;}
#createGSite #siteSwitch .text p.closed	{background: #eee;}
#createGSite #siteSwitch .text p.open	{background: #f7e0b2;}
#createGSite #siteSwitch .text p i{
	color: #000;
	margin-left: 5px;}
#createGSite #siteSwitch .action{
	float:left;
	width:40%;
	background: #efeaf5;
	padding: 20px 0;}
#createGSite #siteSwitch .action a{
	display:block;
	background: #639;
	color:#fff;
	width: 75%;
	border-radius: 3px;
	margin:0 auto;
	padding:5px; }
#createGSite .bye{
	margin:30px 0 -10px 0;}

#createGSite #tableAdmin .cell01{width:20px;}
#createGSite #tableAdmin .cell02{width:auto;}
#createGSite #tableAdmin .cell03{width:100px; text-align: center;}
#createGSite #tableAdmin .cell03 input{
	height: 16px;
	margin: 0 auto;
	box-shadow:none; }
#createGSite .siteData{
	font-size: 12px;
	text-align: right;
	color:#999;
	border-top: 1px dotted #ddd;
	padding-top: 5px;
	margin-bottom: 30px;}

/* access */
#createGSite #tableAccess th,
#createGSite #tableAccess td{
	padding:2px 5px;}
#createGSite #tableAccess td{
	text-align:right;}