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

	sp.css

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

body{
	width:100%;
	min-width: initial;}
.container{
	padding-left:8px;
	padding-right:8px;}

/* ======================================
	共通
 ====================================== */
.btn-lg{
	font-size:14px;}
div.area{
	margin-bottom: 15px;}
.lead{
	margin:10px 0 20px;
	font-size: 14px;}
.area.edit .btn{
	padding:10px 0;
	width:100%;}

.area .title .text{
	margin:10px 0;
	font-size: 14px;
	font-weight: bold;}
.area .title .more{
	margin-top: 10px;}

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

.sideBnr ul li {
  text-align:center;}

/*  広告
================== */
#pageSiteTop #sideTopAD{
	display: none;}
#mainBtmAD{
	margin:20px 0}
#mainBtmAD .col-md-6{
	padding:0;
	overflow: hidden;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	/* display: none; */}
#contentsSide .AD div:first-child{
	padding:0;
	border:none;
	/* display: none; */}
#footerTop #footerAD{
	overflow: hidden;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
#mainBtmAD01{
	margin-bottom:15px!important;}

/*  並び替え
================== */
.hit{
	margin: 10px 0 0;
	padding-bottom: 5px;}
.hit ul.list-inline{
	display:block;
	background:#f9f9f9;
	margin:35px -10px 0;
	border-top:1px solid #eee;
	padding:10px;
	text-align: left;}
.hit ul.list-inline a{
	display: inline-block;
	margin-bottom: 3px;}



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

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

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


.form-group .upload .photo img{
	max-width:300px;}

.ui-dialog .ui-dialog-titlebar-close{
	text-align: center;}

.dropArea,
input[type="file"]{		/*　input type=file　の画像ドロップエリア*/
	width:auto;
	max-width: 200px;}

/* ======================================
	HEADER
 ====================================== */
 #header{
	border-bottom: 1px solid #ddd;}
#headerTop .navbar-header{
	float:none;}

#headerTop .navbar-brand{
	font-size:9px;
	height:auto;
	line-height:2;}
#headerTop .navbar-toggle{
	float:left;
	border-color:#b299cc;
	padding:3px 5px;
	margin:0 15px 5px 0;}
#headerTop #memberNavi{
	display:inline;
	float:none;}
	
#headerTop #memberNavi li a{
	padding:0 10px 0 0;
	font-size:12px;
	margin:0;}
#headerTop #memberNavi li.my img{
	vertical-align: top;
	max-height: 30px;}
#headerLogo{
	height:auto;}
#headerLogo .logo{
	float:none;
	margin-top:5px;}
#headerLogo .logo img{
	width: 200px;}
#headerLogo #menuGsite{
	left:inherit;
	right:8px;
	top:10px;}
#headerLogo #menuGsite .btn{
	font-size: 10px;}
#headerLogo .AD{
	padding-top:10px;
	float:none;
	width:100%;
	overflow:hidden;}
#headerLogo .AD .apply{
	font-size: 10px;}


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

#gNavi .navbar-form{
	margin:10px 0 0}
#gNavi .form-control{
	padding:0 2px;
	height: 3em;
	width:160px;
	display: inline;
	font-size: 10px;}
#gNavi .btn-default{
	padding: 6px;
	font-size: 10px;}
#gNavi .form-group{
	border-bottom: none;
	padding-bottom: 0;}
#gNavi #sp-menu{
	display: block;
	border-bottom: 1px solid #e7e7e7;}

.breadcrumb{
	margin-top: 7px;
	font-size: 10px;}

.attentionHeader{
	font-size: 10px;}
.attentionHeader .panel-body{
	padding: 10px;}
.attentionHeader ul.list{
	margin:10px 0 10px 0;}
.attentionHeader ul.list li{
	margin-bottom: 3px;}

/* ======================================
	FOOTER
 ====================================== */
#footerTop .siteMap{
	display:none;}
#footerBtm ul li{
	padding:5px 5px 0;}
#footerBtm ul li.help{
	display: inline-block;}
#footerBtm{
	font-size:11px;}

#footerBtm .glyphicon{
	width:35px;
	height: 35px;
	line-height: 35px;}
/* ======================================
	SIDE
 ====================================== */
 
/* CoRichTicket 
================== */
#sideTicket .box img{
	max-height:200px;
	max-width:100%;}

/*  sideBnr
================== */
.sideBnr ul li img{
	max-width:100%;}

/*  sideMouth
================== */
#sideMouth .title .text{
	font-size: 14px;
	padding-bottom: 3px;}
#sideMouth .box .pict .status{
	font-size: 12px;}
#sideMouth .box .name,
#sideMouth .box .name .stage{
	font-size: 12px;}

/*  sideTwitter
================== */
#sideTwitter #tweetList{
	height: 350px;}

/* ======================================
	ログイン
 ====================================== */
#loginPanel .panel-heading{
	font-size: 14px;}
#loginPanel label{
	font-size: 12px;}
#loginPanel .panel-footer .col-sm-6{
	margin-bottom: 8px;}

/* ======================================
	TOP　ニュース
	TOP　ヴィジュアル
 ====================================== */
#areaTopInfo{
	margin:8px 0 0;}
#areaTopInfo .list{
	margin-bottom: 10px;}

#areaTopVisual{
	margin:10px 0;}

/* ======================================
	TOP　まつり参加作品
 ====================================== */
#areaTopFesFlyer .row{
	margin: 0;}
#areaTopFesFlyer li{
	float:left;
	width: 25%;
	text-align: center;

	margin-bottom: 10px;
	padding:0;
	padding-bottom: 5px;}
#areaTopFesFlyer li .pict{
	margin: auto;
    text-align: center;
	height: auto;}
#areaTopFesFlyer li .pict img{
	max-width: 96%;
	max-height: 200px;}
#areaTopFesFlyer li .stage{
	display: none;

    text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding-left: 55px;}
#areaTopFesFlyer li .group{
	display: none;

	font-size: 12px;
    text-align: left;
	padding-left:70px;
	background:url(../img/icon_arrow_black.png) no-repeat 65px center;
	margin:5px 0;}

/* ======================================
	TOP　ランキング
 ====================================== */
#areaRanking{
	margin-bottom: 30px;}
 #areaRanking .title h2 span{
 	font-size: 9px;}
#areaRanking .box{
	height:auto;
	overflow:hidden;
	clear:both;}
#areaRanking .box .pict{
	float:left;
	width:110px;
	border-bottom: none;
	height:auto;
	text-align:center;}
#areaRanking .box .pict a img{
	max-width:90px;
	border:1px solid #eee;}
#areaRanking .box .name{
	margin-left:115px;}
#areaRanking .box .name .stage{
	font-weight:bold;
	height: auto;}
#areaRanking .box .name .group{
	padding-left:10px;
	background:url(../img/icon_arrow_black.png) no-repeat left center;
	margin:5px 0;}



.mouth .stars{
	-webkit-tap-highlight-color:  rgba(102,51,153,0.1);
	width: 100%;
	overflow: hidden;}
.mouth .count,
.mouth .slash,
.mouth .icon,
.mouth .rating{
	float: left;}
.mouth.mitai .icon:before{content:"♪";color:#ffa801;margin-top:5px;}
.mouth.mitekita .icon:before{content:"★";color:#ffa801;}
.mouth .icon span{
	display: none;}
.mouth .slash{display:;}
.mouth .count{
	width:auto;
	text-align:left;
	/*
	width:110px;
	margin-bottom:-1.5em; */}
.box .data .mouth{
	min-height: 2em;}

/* ======================================
	TOP　公演一覧
 ====================================== */
#areaStage .tab li{
	margin-right:8px;}
#areaStage .tab li a{
	width:70px;
	line-height: 30px;
	font-size: 12px;}

#areaStage .box{
	margin-bottom: 20px;}
#areaStage .box .name .stage,
#areaStage .box .name .group{
	font-size: 12px;}

#mainTicket .title .more,
#areaTopFesFlyer .title .more,
#areaRanking .title .more,
#nowStage .title .more,
#soonStage .title .more,
#detailData .title .more,
#saleStage .title .more,
#newStage .title .more{
	padding:10px 0;
	width:auto;
	height: auto;
	font-size: 16px;}
.title .more a{
	line-height: 1.4;
	font-size: 11px;}
	
#areaStage table td{
	padding:5px;}
#mainTicket .title h2,
#areaTopFesFlyer .title h2,
#areaRanking .title h2,
#detailData .title h2,
#areaStage .title h2{
	font-size: 14px;}
#mainTicket .title h2{
	margin: 10px;}

#areaStage table td.cell01 .pref{
	font-size: 9px;}
#areaStage table td.cell02 a{
	font-size: 12px;
	font-weight: normal;}
#areaStage table td.cell03{
	font-size: 12px;}
/* ======================================
	TOP　イベント
 ====================================== */
  #areaEvent .panel-body{
  	background-size:80% !important;
  	font-size: 12px;}
  #areaEvent li{
  	font-size: 12px;}
  #areaEvent .panel-footer{
  	height:auto;
  	padding: 5px;}
 
  #areaEvent h3{
  	font-size: 16px;
  	margin-top: 0;}

/* ======================================
	TOP　FB
 ====================================== */
  #areaFB{
  		width:100%;}
  #areaFB .fb-page {
    width:100% !important;
    text-align:center;
  }
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
/* ============================================================================
	検索
============================================================================ */

  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  
  
/*  一覧スタイル
================== */
.list-group .list-group-item{
	padding-bottom: 1em;}
#pageSiteTop .list .box .pict,
.list-group .list-group-item .pict{
	width: 70px;
	margin:0 auto 10px;}
#pageSiteTop .list .box .pict img,
.list-group .list-group-item .pict img{
	max-height: 65px;
	max-width: 65px;}
#pageSiteTop .list .box .name,
.list-group .list-group-item .name,
.list-group.myList .list-group-item .name{
	margin-left:75px;
	margin-right: 0;}
.list-group .list-group-item .name .stage{
	margin-top: 0;}
.list-group .list-group-item .name .member,
.list-group.myList .list-group-item .name .member{
	margin:0;}
.list-group .list-group-item .name .group,
.list-group .list-group-item .name .theater,
.list-group .list-group-item .name .member{
	font-size: 12px;
	background-size: 14px auto;
	background-position: 0 2px;
	padding-left: 20px;}
.list-group .list-group-item .name .period{
	font-size: 12px;
	width:;
	margin: 0 -10px 0 -80px;}
.list-group .list-group-item .name .price{
	display: none;}
.list-group .list-group-item .name .access,
.list-group .list-group-item .name .favorite,
.list-group .list-group-item .name .staff,
.list-group .list-group-item .name .bbs{
	font-size: 12px;}
.list-group .list-group-item .data{
	text-align:left;}

#pageSiteTop .data .mouth.mitai,
.list-group .list-group-item .data .mouth.mitai{
	border:none;
	padding-right: 5px;}

#pageSiteTop .data .mouth,
#pageSiteTop .box .data .mouth a.stars,
#areaRanking .box .data .mouth,
.list-group .list-group-item .data .mouth{
	vertical-align: top;
	display: inline-block;
	line-height: 20px;
	min-height: 1px;
	font-size: 12px;
	height: 16px;
	padding:0;
	background-position: left 4px;
	background-size:40px auto;
    background-repeat: no-repeat;}
#pageSiteTop .data .count,
#areaRanking .box .data .mouth .count,
.list-group .list-group-item .data .count{
	font-size: 12px;
	padding:0 0 0 42px;
	width: auto;
	letter-spacing: 0;}
#pageSiteTop .data  .slash,
#areaRanking .box .data .mouth .slash,
.list-group .list-group-item .data .slash{
	font-size: 12px;
	line-height: 20px;
	padding:0 2px;}
#pageSiteTop .data .count span,
.list-group .list-group-item .data .count span{
	font-size: 6px;}
#pageSiteTop .data .mouth .icon,
.list-group .list-group-item .data .mouth .icon{
	height: 1px;
	padding-left: 0;}

#pageSiteTop .data .mouth .icon:before,
.list-group .list-group-item .data .mouth .icon:before{
	font-size: 10px;
	line-height: 20px;
	padding-right: 2px;}
#pageSiteTop .data .rating,
.list-group .list-group-item .data .rating{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;}

.period .icon{
	padding:2px 3px;
	font-size:9px;}
.list-group-item .icon-reserve{
	top:2px;
	font-size: 10px;}

#listTheater .list-group-item .name .theater,
#listStage .list-group-item .name .stage,
#listGroup .list-group-item .name .group,
#listMember .list-group-item .name .member{
	font-size: 14px;}

.list-group .list-group-item .name .glyphicon-chevron-right{
	top:30px;
	font-size: 10px;}

/*  listMember の演者プロフリンク(aタグ内にリンク置けないので) */
.list-group .actorProf{
	width:70px;
	margin: 0 ;}

/*  listMember の編集リンク(aタグ内にリンク置けないので) */
.list-group .editBox{
	position: absolute;
	bottom:5px;
	left: 120px;
	text-align: right;}

.list-group .editBox a{
	padding: 3px;
	right:0;}

/*  一覧スタイル（テーブルテキスト形式）
================== */
.list-group .list-group-item.text-box .name{
	padding: 8px 0;}
.list-group .list-group-item.text-box .name p{
	margin: 0;
	width:100%;}
.list-group .list-group-item.text-box .name p.area{
	font-size: 10px;
	padding:2px 5px;
	width:6em;}
.list-group .list-group-item.text-box .name p.group,
.list-group .list-group-item.text-box .name p.theater{
	line-height: 1.8;}



/* テキスト系一覧（掲示板・クチコミなど） */
.media-list .media .media-left,
.media-list .media .media-right{
	display: block;}
.media-list .media .media-left .photo{
	margin-bottom: 5px;}
.media-list .media .media-left .photo img{
	width:30px;}
.media-list .media .media-body .other p{
	display: block;
	margin-bottom: 3px;}

#listStagePost.myList .userBox{
	margin:8px 0 -10px; }
#listStagePost.myList .bottomBox{
	width: auto;}
#listStagePost.myList .bottomBox .report{
	text-align:left;
	margin-bottom: -1.5em;
	position: static;}


/*  カードスタイル（演者検索）
================== */
#listCard .card{
	width:33.333%;}
#listCard .card a{
	height: 170px;}
#listCard .card .pict{
	height: 130px;}
#listCard .card img{
	max-height: 130px;	}


/*  写真一覧
================== */
#areaPhoto .thumbnail > a {
	height: 180px !important;}
#areaPhoto h3{
	font-size: 12px;
	font-weight: normal;}


/* 	公演一覧　 */

#areaSearch #navStage > li{
	width:33.33%;}
#areaSearch #navStage > li a{
	padding-left: 5px;}


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

h1{
	font-size: 18px;}
.averageBox{
	margin-bottom: 1px;}
.averageBox .rating{
	float: none;}
h1 .miniPhoto{
	width:auto;
	max-width:100px;}
.averageBox .mouth{
	padding-left: 0;}
.goKuchikomi{
	text-align: left;
	margin:5px 0 15px 0;}
.goKuchikomi .btn{
	font-size: 12px;}
#basicData{
	margin-bottom: 0;}
#basicData .areaLeft{
	width:100%;
	float:none;
	margin-bottom:20px;}
#basicData .areaRight{
	width:100%;
	float:none;}

#basicData #pcH1.headTitle{
	display: none;} /* PC用タイトルを非表示　*/
#basicData #spH1.headTitle .crown,
#basicData #spH1.headTitle .subTitle,
#basicData #spH1.headTitle .realName{
	font-size:12px;}
#basicData .headTitle .name{
	font-size: 16px;}
.iconCategory{
	font-size: 10px;
	padding:0 2px;
	margin-right: 2px;
	line-height: 18px;}
.iconCategory img{
	width: 14px;}

#basicData .headTitle .kana{
	font-size: 12px;
	color:#666;}
#basicData.myPage .snsOK{
	text-align: right;
	top: -25px;}
#basicData.myPage .snsOK img{
	height:20px ;}
#basicData .areaRight .period .p01{
 margin-right:-10px;}
#basicData .areaRight .period .p01 .icon{
	margin-left: 0px;}
#basicData .areaRight .data .mouth{}

.modal-dialog img{
	max-width: 100%;}
	
#basicData .areaRight .mouth a.stars{
	min-height: 24px;}
#basicData .areaRight .mouth .count{
	margin-bottom: -20px;
	margin-left:10px;}
#basicData .areaRight .mouth .rating{
	float: none;}
#basicData .areaRight .mouth .rating:after{
	float:right;}
#basicData .areaRight #sns{
	padding-bottom: 10px;
	margin-bottom: 0;}
#basicData .areaRight #sns .pull-right{
	float: none !important;
	margin:5px 0 0;}
#basicData .areaRight .codeBox .form-control{
	font-size: 10px;
	padding:3px}
#detailData .credit .col-md-3{
	text-align: center;}
#detailData .credit .btn-update{
	margin: 5px 0;}

#areaTweet .frame{
	height: 350px;}

/* 観たい・観てきたmodal */
.modalWatch #detailData select.form-control{
	height:auto;
	padding:2px 0;}
.modalWatch #detailData .ui-datepicker-trigger{
	padding: 3px;}
.modalWatch #detailData .ui-datepicker-trigger .f18{
	font-size: 14px;}

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

/* クチコミ */
#areaKuchikomi .mouth .count{
	float: none;}
#areaKuchikomi .mouth .icon span{
	display: inline-block;}
	
/* スケジュール */
#detailData .title .more.reserve a{
	font-size: 10px;}
.table.schedule{
	width: 100%;}
.table.schedule th,
.table.schedule .time{
	font-size:12px;
	font-weight: normal;
	width:auto;}
.table.schedule .time{
	width:40px;}
#areaSchedule .icon{
	width:18px;
	height:18px;}
.table.schedule td {
	height:auto;
	padding: 10px 0;}
#areaSchedule .table-footer img{
	width:16px;
	height: auto;}
/* 動画 */
#areaMovie .media iframe{
	width:100%;
	vertical-align: baseline;}


/* 写真一覧　(タイル風) */
.tileStyle .col-md-4 .tile,
.tileStyle .tile {
	height:	100px;}
.tileStyle .modal-body .photo img{
	max-width: 100%;
	min-height: 1px;}
.tileStyle .modal-body .col-sm-4,
.tileStyle .modal-body .col-md-4{
	margin: 20px 10px 0;}




table.tate td .urlLine{
	word-wrap: break-word;
	overflow-wrap: break-word;
	max-width:200px;}
/* ============================================================================
	検索
============================================================================ */
/*　タブ（ランキングページと共有） */
#areaSearch .nav-tabs.nav-justified{
	margin-bottom:20px;}
#areaSearch .nav-tabs.nav-justified > li{
	width:20%;
	float: left;}
#areaSearch #navRannking.nav-justified > li{
	width: 33%;}

#areaSearch .nav-tabs.nav-justified > li a{
	margin:3px;
	font-size: 10px;
	text-align: left;
	border:1px dotted #eee;
	padding-left:25px;
	padding-right: 0;}
#areaSearch .nav-tabs.nav-justified > li.tabActor a{
	padding-left: 5px;}
#areaSearch .nav-tabs.nav-justified > li.active a{
	border:1px solid #ddd;}
#areaSearch .nav-tabs.nav-justified > li a{
	background-position: 4px 8px;}
#areaSearch .nav-tabs.nav-justified > li a{background-size: auto 16px !important;}
#areaSearch .dateGroup .btn{
	padding: 6px 7px;}
/* ============================================================================
	ランキング
============================================================================ */
.list-group .list-group-item .name p.rank{
	width:2em;
	height:2em;
	line-height: 2em;
	font-size: 12px;
	top:0;
	left:0;}
/* ============================================================================
	チケプレ
============================================================================ */

#listPresent .invitation .deadline .box{
	font-size: 14px;}


/* ============================================================================
	掲示板
============================================================================ */
#listBBS .list-group-item{
	padding:5px;}

#listBBS .list-group-item p.category{width:100%;font-size:12px;}
#listBBS .list-group-item p.user	{width:100%;font-size:12px; line-height:23px;}
#listBBS .list-group-item p.area	{width:35%;	font-size:10px;}
#listBBS .list-group-item p.reply	{width:13%;	font-size:10px;}
#listBBS .list-group-item p.access	{width:13%;	font-size:10px;}
#listBBS .list-group-item p.date	{width:32%;	font-size:10px;}

#listBBS .list-group-item p.category,
#listBBS .list-group-item p.user{
	border-bottom:1px dotted #ddd;}
#listBBS .list-group-item .glyphicon-chevron-right{
	top:23px;
	right:-5px;}

#listBBS .AD{
	width:100%;
	overflow: hidden;}

video{
	width: 100px !important;
}	
/* 投稿詳細 */
#BBSPanel .panel-body .image{
	float: none;
	text-align: center;}
.detailPanel .list-group-item .info{
	text-align:left;
	float:none;
	display: block;}
.detailPanel .list-group-item .info span.category,
.detailPanel .list-group-item .info span.reply,
.detailPanel .list-group-item .info span.access,
.detailPanel .list-group-item .info span.date{
	text-align:left;
	display:inline;
	margin-right:15px;}
.detailPanel .list-group-item .info span.category{
	display:block;}

.detailPanel .list-group-item .user .photo img{
	width:60px;}



/* ============================================================================
	Myページ
============================================================================ */
#basicData.myPage .areaRight .comment{
	margin-bottom: 15px;}
#basicData.myPage .areaRight .mainTitle .subTitle span:last-child{
	}

#basicData.myPage .boxes.category{
	float: none;
	top: -35px;}
#basicData.myPage .FBlabel img{
	height:25px;}

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

#areaTP .list-group-item.header{
	padding-top: 5px;}
#areaTP .list-group-item.header p{
	font-size: 10px;
	padding: 0 5px}
#areaTP .list-group-item p{
	font-size: 12px;
	padding: 1px 5px;}
#areaTP .list-group-item .stage		{width:100%;font-weight: bold;} 
#areaTP .list-group-item .group 	{width:100%;} 
#areaTP .list-group-item .dateEntry	{width:40%;} 
#areaTP .list-group-item .dateClose	{width:40%;} 
#areaTP .list-group-item .view		{width:17%; text-align:right;} 

#areaTP .list-group-item .view .btn{
	padding:0;
	width: 24px;
	height: 24px;
	line-height: 22px;
	margin-top: -10px;} 

#detailData.myPage .table td .user img{
	margin:0;
	display:block;
	width:25px;}

#detailData.myPage .table .cell01{width:70px; font-size: 12px;} 
#detailData.myPage .table .cell03{width:70px; font-size: 12px;}

/* Myカレンダー */
#areaCalendar table td .item{
	margin:2px 2px 0;}
#areaCalendar table th,
#areaCalendar table td,
#areaCalendar .closed{
	font-size: 9px;}
#areaCalendar table td p{
	padding: 2px;}
#areaCalendar table td .panel-collapse{
	margin:3px;}
#areaCalendar table td p .closed{
	font-size: 6px;}
#areaCalendar table td .day,
#areaCalendar table td .panel-collapse p,
#areaCalendar table td .stage a{
	font-size: 9px;}
#areaCalendar table td .detailStage p.link{
	text-align: right;}
#areaCalendar .option p label{
	font-size: 9px;}
#areaCalendar .fc-scroller{
	overflow: visible;
	height: auto !important}

/* 劇場スケジュール */
#theaterCal .item .name,
#theaterCal .item .cal {width: 100%;float: none;}
#theaterCal .item .name{
	padding:5px;
	background: #efefef;
	font-size: 10px;}
#theaterCal .item.header .cal td {
	font-size: 10px;}
#theaterCal .item .cal td {
	font-size:10px;}
#theaterCal .item .cal,
#theaterCal table,
#theaterCal table th,
#theaterCal table td{
	min-height: 0;}
#theaterCal table td a.stage{
	margin: 3px ;}
#theaterCal .modal .detailStage{
	font-size: 12px;}
#theaterCal .modal .detailStage .pict{
	width:45px;}
#theaterCal .modal .detailStage .pict img{
	width: 40px;}


/* ステータス */
#detailData #areaStatus #statusBox .block{
	margin-bottom:10px;
	padding: 5px 0;}
#detailData #areaStatus #statusBox #block01 .box{	width:23%;}
#detailData #areaStatus #statusBox #block02 .box{	width:31%;}
#detailData #areaStatus #statusBox #block03 .box{	width:48%;}
#detailData #areaStatus #statusBox #block04 .box{	width:31%;}
#detailData #areaStatus #statusBox #block05 .box{	width:31%;}

#detailData #areaStatus #statusBox .block .box{
	box-sizing: border-box;
	margin:0 1% 8px;
	padding:5px;}
#detailData #areaStatus #statusBox .block .box.head{
	font-weight:bold;
	float:none;
	width:100% !important;
	padding:0;}
#detailData #areaStatus #statusBox .block .box.head br{
	display:none;}
#detailData #areaStatus #statusBox .block .box .new{
	top:-5px;
	right:-5px;
	left:auto;
	bottom:auto;
	font-size:8px;
	padding:2px;}

#detailData #areaStatus #statusBox .block .box .text{
	font-size: 12px;}
#detailData #areaStatus #statusBox .block .box .count{
	font-size: 22px;}
	

#detailData.myPage .table .cell01{
	width:;}
#detailData.myPage .table .cell01 img{
	width:50px;
	display: block;}

/* 好きなもの */
#detailData #areaFavorite .table th{
	width:70px;}

/* ステータス詳細リスト*/
.list-group.myList .list-group-item .pict{
	width: 70px;
	text-align: left;}
.list-group.myList .list-group-item .pict img{
	max-width: 70px;
	max-height: 70px;}


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

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


/* すべての観てきた */
#listStagePost.myList .userBox{
	margin-bottom:0;}
#listStagePost.myList .userBox a img{
	width:30px;}
.list-group.myList .posted .bottomBox {
	}

/* ============================================================================
	バナー広告掲載案内
============================================================================ */
#pageAdvertising img{
	max-width:100%;}

/* ============================================================================
	舞台芸術まつり
============================================================================ */

/* 旧フェス　ナビ */
.visualFes{
	height: 75px;}	
.visualFes img{
	max-width: 100%;}


.visualFesTop img,
.visualResult img{
	max-width: 100%;}

/* ナビ */
.festivalNavi{
	margin:0;}
.festivalNavi .nav-tabs.nav-justified > li{
	width:33.3%;
	float: left;}
.festivalNavi .nav-tabs.nav-justified > li a{
	margin:3px;
	font-size: 12px;
	text-align: left;
	border:1px dotted #eee;
	padding-left:5px;
	padding-right: 0;}
.festivalNavi .nav-tabs.nav-justified > li.active a{
	border:1px solid #ddd;}
.festivalNavi .nav-tabs.nav-justified > li a{
	background-position: 4px 8px;}

/* 応募　テキスト一覧 */
#listFesEntry .sort{
	font-size: 12px;}
#listFesEntry .sort .number{
	font-size: 20px;}

#listFesEntry table td{
	font-size: 12px;}
#listFesEntry td.cell01{width:25px;}
#listFesEntry td.cell02{width:auto; padding:5px;}
#listFesEntry td.cell03{width:auto;}

/* 応募詳細 */
#listFesEntry .pict .link{
	font-size: 10px;}
#listFesEntry .pict .link span{
	font-size: 4px;}
#listFesEntry .pict .kuchikomi .PC{
	display: none;}
#listFesEntry .pict .kuchikomi .SP{
	display: block;}
#listFesEntry .pict .kuchikomi .SP .btn{
	font-size: 12px;
	padding:3px 5px;}
#listFesEntry .pict .kuchikomi .SP .glyphicon,
#listFesEntry .pict .kuchikomi .SP .pref{
	font-size: 10px;}


/* グランプリ　サブナビ */
.nav-pills a{
	border:1px dotted #eee;}

.visualFes,							/* 年度ビジュアル */
#pageFesResult01 #main h2,			/* 審査結果ビジュアル*/
.dataEntryArea div,					/* 地域別エントリー状況*/
.lastText,							/* 以上10作品です*/
.boxFinalist a.name,				/* 通過10団体の名前*/
#pageGrandprix #main h2,			/* グランプリヴィジュアル*/
#pageFesResult01 .happyou,			/* 10作品の発表です */
.happyou div,						/* いよいよ発表です */
.judgeComments .name, 				/* 各団体の採点 */
#pageGrandprix #main .actor h3,		/* 演技賞 */
#pageGrandprix #main .seisaku h3,	/* 制作賞 */
#pageGrandprix #main .kuchikomi h3	/* 口コミ賞 */
	{background-size:contain !important;}

#main img{
	max-width: 100%;}

/*  概要
================== */
#pageFesTop .visualFes{
	height: 300px;}
#pageFesTop img{
	height: auto;}

/*  審査結果
================== */
#pageFesResult01 #main h2{
	width: 100%;
	height: 200px;
	background-position: center;}
.dataEntryArea{
	width: 100%;}
.dataEntryArea div{
	background-position: top center;
	height: auto;}	
.dataEntryArea div img{
	height: auto;}
.happyou div{
	height: 400px;
	background-position: top !important;}

#pageFesResult01 .data2Box{
	padding: 0;
	background:none;}
#pageFesResult01 .dataLeft{
	float: none;
	width: 100%;
	background:url(/img/festival/fes/flower.gif) no-repeat top left;}
#pageFesResult01 .dataRight .divCompany{
	text-align: center;}
#pageFesResult01 .dataRight{
	margin:0 ;
	float:none;
	border:none;}
.lastText,
.divOshii p,
.divOshii table{
	width: 100%;}

/*  通過団体
================== */
.boxFinalist a.name{
	width:100%;}
.boxFinalist p{
	margin:20px 0;
	border:none;}
.boxFinalist table{
	width:100%;
	margin:0;}
.boxFinalist table td{
	text-align: center;}
.boxFinalist table td img{
	max-width:100%;
	height: auto;}

/*  グランプリ
================== */
#pageGrandprix #main h2{
	width: 100%;}
.photoGrandprix img{
	max-width: 100%;
	height: auto;}
#pageGrandprix .jumpLink{
	width: 100%;}
#pageGrandprix .pageMemo img{
	max-width: 100%;
	height:auto;}
.judgeComments .name {
	width: 100%;
	height:40px;
	background-position: center !important;}
.judgeComments .judgeChart{
	width: 100%;
	margin:20px auto 50px;}
.judgeComments .judgeChart a{
	width: 100%;}
.judgeComments .judgeChart img{
	max-width: 100%;
	height: auto;}
#pageGrandprix .judgePoint table td.center img{
	max-width: 150px;
	height: auto;}

#grandPrixResult .list-group .box .pict{
	width: 80px !important;}
#grandPrixResult .list-group .box .pict img{
	max-width:70px;
	max-height: 70px;}
#grandPrixResult .list-group .box .name{
	margin-left:80px;}
#grandPrixResult .list-group .box .name .group{
	margin-top: 0;}

#grandPrixResult .list-group .graph .pict{
	float: none;}
#grandPrixResult .list-group .graph .name{
	margin: 0;}
#grandPrixResult .list-group .graph .text-right a{
	margin-top:20px;}

#pageGrandprix #main .actor h3,
#pageGrandprix .article,
#pageGrandprix #main .seisaku h3,
#pageGrandprix #main .kuchikomi h3{
	width: 100%;}

.actorPrize dt{
	line-height: 1;
	padding: 10px 0 10px 40px;
	margin-bottom: 15px;}

.fesNews table {
	width: 100%;}
.fesNews table th img{
	height:auto;}

.jitai{
	width:100%;}

/*  スポンサード
================== */
.fesInterview .visual img{
	max-width: 100%;
	height: auto;}

#main .hitokoto td img{
	width:120px;
	max-width: none;}

	
/*  俳優賞
================== */	
.fesActor .name{
	float: none;
	width:100%;
	text-align: center;}
.fesActor dl{
	float: none;
	width:100%;
	margin:10px;
}

/* ============================================================================
	アワード
============================================================================ */
.visualAward img,
#awardTop img{
	max-width: 100%;}


#awardForm #voteStep .col-md-3,
#awardForm #voteStep .col-md-3 p{
	display:inline-block;
	margin-bottom:5px;}


.areaAward #areaCommentFrom .table .cell01{width:50px !important;}
.areaAward #areaCommentFrom .table .cell01 img{
	width:50px !important;
	max-width:50px;}

/*  順位づけ
================== */	
#awardForm #rankList .box .form-inline span{
	display:block;}
	
	

/* ============================================================================
	ログイン
============================================================================ */
#loginPanel .panel-footer{
	text-align: center;}

/* ============================================================================
	##
============================================================================ */
#createGSite #main.nav{
	border-bottom:1px solid #ddd;
	margin-bottom: 30px;}
#createGSite #main.nav li{
	float: left;}
#createGSite #main.nav li a{
	margin: 0;
	font-size: 12px;
	text-align: center;
	border-radius: 4px 4px 0 0;}
#createGSite #main.nav li.active a{
	border-bottom: 1px solid #fff;
	font-weight: bold;}

#createGSite #sub.nav{
	border-bottom: none;}
#createGSite #sub.nav li{
	width: 20%;
	float: left;}
#createGSite #sub.nav li a{
	border:1px solid #ddd;
	height: 3em;
	text-align: center;
	line-height: 2;
	border-radius: 3px;
	padding: 5px 0;
	margin: 0 1px;
	font-size: 9px;}
#createGSite #sub.nav li.active a{
	background: #639;
	color: #fff;}

#siteAdminHeader{
	width: 99%;}
#siteAdminHeader .name h1{
	font-size: 14px;}
#siteAdminHeader .url a{
	text-align: left;}


#createGSite #accordion .panel .tableMember th.cell02 span{
	display: block;
	margin-left: 0;}
#createGSite #accordion .panel .tableMember .cell02 span{
	display: block;
	font-size: 10px;
	width: 100%;}
	#accordion #collapse1 .inner,
	#accordion #collapse4 .inner,
	#accordion #collapse8 .inner{
		margin: 0 10px;}



#createGSite #tableNavi .cell02 .form-control{
	display: block;
	width: 160px;}

#createGSite #tableSEO td.tdKeyword input{
	width: 100%;}
#createGSite #tableSEO td textarea{
	height: 6em;}

#createGSite .siteData{
	text-align: left;}
#createGSite .siteData span{
	display: block;}

#createGSite .tableMember th{
	font-size: 10px;
	padding-bottom: 5px;}
#createGSite #tableNavi .cell01{
	width: 40px;}
#createGSite #tableNavi .cell01 input.btn{
	margin-bottom: 5px;}
#createGSite #tableNavi .cell02 .text{
	width: auto;
	display: block;}
#createGSite #tableNavi .cell02 .text .btn{
	float: right;
	margin: 0 5px 0 0;}
#createGSite #tableNavi .cell02 .value{
	border:none;
	display: block;
	width: auto;
	margin: 7px 0;}
#createGSite #tableNavi .cell02 .value .link .item01 .form-control{
	width: 96%;}
#createGSite #tableNavi .cell02 .value .link .item02 .url{
	display: block;
	margin: 0 0 0 15px;
	overflow: hidden;}
#createGSite #tableNavi .cell02 .value .link .item02 .btn{
	margin:8px 0 0 15px;}









}