/*-----------------*/
strong{
  font-weight: bold !important;
}

a{
  color:#D7000E;
}
a:hover{
  text-decoration: none;
}


#loadcover{
	width: 100%;
	height: 100%;
	background-color:#FFD000;
	position: fixed;
	z-index: 1000;
}

#loadcover .in{
    width: 300px;
    height: 300px;
    position: absolute;
    top:50%;
    left:50%;
    margin: -180px 0 0 -200px;
}
#loadcover .in .nomusic{
    width: 184px;
    margin: 0 auto;
}
#loadcover .in .gif{
    width: 48px;
    height: 48px;
    margin: 20px auto 0;
}
/*------------------------*/
.index #inner{
	xdisplay: none;
}
.index.android #inner{
	xopacity: 0;
}
.android.index #inner{
	xdisplay: block;
}


/*-----------------*/

img{
	margin: 0;
	padding: 0;
	line-height: 0;
	vertical-align:text-bottom;
}

.minIn_s{
    display: none;
}

.minIn{
    display: none;
}
.LminIn{
    display: none;
}
.sun{
    color: #CF0021 !important;
}
.sat{
    color: #E1B902 !important;
}

body{
    overflow:hidden;
}


body.index .bg{
    background-image: url(../images/common/bg.jpg);
    background-position: center top;
    background-attachment: fixed;
    position: fixed;
    background-repeat: no-repeat;
    background-color:black;
    top:0;
	width:100%;
	height:8000px;
}
body .bg{
    background-image: url(../images/common/bg_bt.jpg);
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color:black;
    position: fixed;
    top:0;
	width:100%;
	height:8000px;
}

body.iphone .bg , body.android .bg{
    background-image: url(../images/common/bg_sp.jpg);
    background-repeat: no-repeat;
    background-color:black;

}
body.iphone .bg , body.ipad .bg {
	background-attachment: scroll;
}
body.android .bg{
}

#inner{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    overflow: hidden;
    min-width: 755px;
}

.wrap{width:955px;margin: 0 auto;}
.tpbd{
    width: 100%;
    border-top: 4px solid #000;;
}


#hidemenu{
	position: fixed;
	z-index: 999;
	width: 100%;
	min-width: 755px;
}
.android #hidemenu{
	position: relative;
	z-index: 999;
	width: 100%;
	min-width: 755px;
}


#menubtn img{ max-height: 79px;}
/*---------------------------------------------------------------
--header*/
#menubtn , .leftBtn, .rightBtn, .ctrls , #sche article{cursor: pointer; }
.tgl{display: none;line-height: 0;background-color: #000;padding: 0px 0; border-bottom: 2px solid #1f1f1f;}

.tgl li img{
    max-height: 71px;
}
#snsArea{
    height:30px;
    position: relative;
}
header #snsArea .sns{
    width: 480px;
    height: 30px;
    position: absolute;
    right: 0;
}
#snsArea .sns .line{width: 87px;height: 30px;margin-top: 10px;}
#snsArea .sns .gplus{width: 67px;height: 30px;margin-top: 10px;}
#snsArea .sns .fbk{width: 107px;height: 30px;margin-top: 10px; overflow: hidden;}
#snsArea .sns .tw{width: 109px;height: 30px;margin-top: 10px;}
#snsArea .sns .obj{width: 80px;height: 41px; background: url(../images/common/share.png); margin-right: 10px;}



#gnav .box{
	padding: 20px 0 0 166px;
}

#gnav .box li{
	margin: 0 0 5px 0;

}

.linkBox{
    width: 100%;
    height: 70px;
    background-color: #CCCCCC;
}
.linkBox .next a{
    display: block;
    width: 180px;
    height: 70px;
    background: url(../images/detail_next_off.jpg) no-repeat;
    text-indent: -9999px;
}
.linkBox .next a:hover{
    background: url(../images/detail_next_on.jpg) no-repeat;
}
.linkBox .prev a{
    display: block;
    width: 180px;
    height: 70px;
    background: url(../images/detail_prev_off.jpg) no-repeat;
    text-indent: -9999px;

}
.linkBox .prev a:hover{
    background: url(../images/detail_prev_on.jpg) no-repeat;
}

.linkBox span.next{
    display: block;
    width: 180px;
    height: 70px;
    background: url(../images/detail_next_off.jpg) no-repeat;
    text-indent: -9999px;
}
.linkBox span.next:hover{
    background: url(../images/detail_next_on.jpg) no-repeat;
}
.linkBox span.prev{
    display: block;
    width: 180px;
    height: 70px;
    background: url(../images/detail_prev_off.jpg) no-repeat;
    text-indent: -9999px;
}
.linkBox span.prev{
    background: url(../images/detail_prev_on.jpg) no-repeat;
}

/*-====================================================================*/

.ev .linkBox .next a{
    width: 210px;
    background: url(../images/nm_off.jpg) no-repeat;
}
.ev .linkBox .next a:hover{
    background: url(../images/nm_on.jpg) no-repeat;
}
.ev .linkBox .prev a{
    width: 210px;
    background: url(../images/pm_off.jpg) no-repeat;
}
.ev .linkBox .prev a:hover{
    background: url(../images/pm_on.jpg) no-repeat;
}

.ev .linkBox span.next{
    width: 210px;
    background: url(../images/nm_off.jpg) no-repeat;
}
.ev .linkBox span.next:hover{
    background: url(../images/nm_on.jpg) no-repeat;
}
.ev .linkBox span.prev{
    width: 210px;
    background: url(../images/pm_off.jpg) no-repeat;
}
.ev .linkBox span.prev{
    background: url(../images/pm_on.jpg) no-repeat;
}

/*-====================================================================*/



#footwrap{
    width: 100%;
    margin: 220px 0 0 0;
    /* height: 240px; */
        height: 300px;

    overflow: hidden;
    position: relative;

        background-color: #000;
}
footer{
    position: absolute;
    width: 100%;
    height: 240px;
/* background-color: #000;*/
    top: 240px;
}
.ipad footer , .iphone footer , .android footer{
    top: 0px !important;
}

#gnav.fix{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.ym{
    width: 60%;
    float: left;
    font-size: 140%;
    color: #aaa;
    font-style: italic;
    font-weight: bold;
    padding-top: 25px;
    padding-left: 50px;
}

.ym2{
    width: 60%;
    float: left;
    font-size: 132%;
    color: #aaa;
    font-style: italic;
    font-weight: bold;
    padding-top: 25px;
    padding-left: 20px;
}

.blog.ym{
    xfont-size: 228%;
    font-size: 174%;
    padding-top: 30px;
    line-height: 150%;

}
.news.ym{
    xfont-size: 228%;
    font-size: 174%;
    padding-top: 30px;
    line-height: 150%;
    height: 53px;
}

.ym.art{

}
.ym.art span{
    display: block;
    font-size: 24px;
    margin-top: -10px;
}
.ym.art span.ov{
     margin-top: 4px !important;

}

/*---------------------------------------------------------------
--access*/
#access{
    margin: -25px 0 0 0;
}
#access .content{
    background-color: #FFFFFF;
    padding: 0 0 20px 0;
}
#access .box{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#access .map{
    float: left;
    width: 57.5%;
}
#access .text{
    float: left;
    width: 42.5%;
    padding-top: 20px;
}
#access .text p{
    padding: 0px 20px 10px;
    line-height: 140%;
    font-size: 93%;
}
#access .text p.sub{
    font-size: 77%;
    letter-spacing: -0.09em
}
#access .text a{
    color: #999;
}

#access .btn{
    width: 270px;
    margin: 25px auto 50px;
}
#access .sub{
  height: 26px;
  background:none;
  color: #333;
  padding: 14px 20px 4px;
  font-size: 138.5%;

}
/*---------------------------------------------------------------
--sche*/

#sche{
	margin: 90px 0 0 0;
	background-color: #FFFFFF;
}

#sche h3{
	line-height: 0;
}

#sche article{
	min-height: 40px;
	width: 100%;
	overflow: hidden;
}
#sche .bdtp{border-top: 4px solid #e5e5e5;}

#sche .date{width: 12% ;min-height: 40px}

#sche .textBox{
	width: 65.4%;
	background: url(../images/common/bg_sche_left.png);
	xpadding-bottom: 30px;
}
#sche .min .textBox{
	width: 65.4%;
	background: url(../images/common/bg_sche_left2.png);
}

#sche .photo{
	width: 22.5%;
	background: url(../images/common/bg_sche_right.png);
}


#sche .hover .textBox{
	background: url(../images/common/bg_sche_left_ac.png);
}
#sche .min.hover .textBox{
	background: url(../images/common/bg_sche_left2_ac.png);
}

#sche .hover .photo{
	background: url(../images/common/bg_sche_right_ac.png);
}


#sche .inner{
	padding: 0px 0 0 14px;
	min-height: 136px;
}

#sche h6 {
	padding: 22px 20px 10px;
	line-height: 120%;
}

#sche .min h6 , #sche .min .photo{
	border-top: 3px solid #e5e5e5;
}

#sche h6 a{
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

#sche .date{
    text-align: center;
    padding-top: 26px;
}
#sche .date .year{
    font-size: 93%;
    color: #999999;
    font-weight: bold;
    padding-left: 12px;
    padding-bottom: 6px;
}
#sche .date  .day{
    color: #666666;
    font-weight: bold;
    font-size: 308%;
    font-style: italic;
    padding-bottom: 5px;

}
#sche .date .week{
    font-weight: bold;
    font-size: 93%;
    font-weight: bold;
    color: #999999;
}
.artist_title{
	width: 90px;
}
.artist{
	width: 138px;
	min-height: 50px;
	background-image: url(../images/common/sche_artist_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	padding: 1px 4px 5px 85px;
	font-size: 93%;
}
.hover .artist{
	background-image: url(../images/common/sche_artist_bg_ac.jpg);
}

.artist .tag_list a{

	text-decoration: none;
	color: #D7000F;
}

.content_title{
	width: 158px;
	min-height: 50px;
	background-image: url(../images/common/sche_status_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	padding: 1px 0 5px 72px;
    font-size: 93%;
}
.hover .content_title{
	background-image: url(../images/common/sche_status_bg_ac.jpg);
}


.content_title li{
    color: #333333;
    margin-bottom: 3px;
    line-height: 130%;
}

.content_title li a{
	text-decoration: none;
    color: #333333;
}

h1{	font-size: 20px;
}



#sche .imgBox{
    width: 110px;
    float: left;
    text-align:center;
}


#sche .imgBox img{
    display: inline !important;

}
.arrow{
    width: 22px;
    height: 35px;
    margin: 53px 0 4px 43px;
    float: left;
}


.social{
    width: 100%;
    padding:8px 0 0px 17px;
    xmargin: 13px 0 0px 3px;
    margin: 20px 0 0px 3px;
    border-top: 1px solid #e5e5e5;
}
.social .wsbl_facebook_like{
    width: 105px;
    float: left;
}

article .social .wsbl_twitter{
    width: 97px;
    float: left;
}


#morebtn{
    border-bottom: 1px solid #e5e5e5;
}
#morebtn .leftBox{
    width: 12% ;
    min-height:139px;
	background: url(../images/common/day_more.jpg);
}

#morebtn .centerBox{
	width: 65.4%;
	background: url(../images/common/more_bg.jpg);
	min-height:139px
}

#morebtn .more{
    margin: 20px 0 0 50%;
}
#morebtn .rightBox{
	width: 22.5%;
	min-height:139px
}

/*
  NEWS===================
*/
#news_list{
   background-color: #FFF;
   background-image: url(../images/news/bg_news.jpg);
   background-repeat: no-repeat;
}
#news_list article{
  xpadding: 23px 0px 23px 23px;
  padding: 0 0 0  23px;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
}
#news_list article.hover{
  background-color: #e5e5e5;
}
#news_list article .date{
  font-size: 93%;
  color: #D7000F;
  padding: 37px 12px 0 0;
  width: 12%;
  min-width: 110px;
}

#news_list article .imgarea{

  padding: 20px;
    width: 12%;
}

#news_list article .date2{
  font-size: 65%;
  color: #D7000F;
  padding: 0px 0px 2px 0px;
  width: 12%;
  min-width: 110px;
  position:relative;
  top:-13px;
  font-weight: bold;
}

#news_list article .title{
  font-size: 123.1%;
  color: #333333;
  padding: 35px 0 0 0;
  width:70%;
}
#news_list article .title a{
  color: #333333;
  text-decoration: none;
  font-weight: bold;

}

#news_list article .arrowBox{
  padding: 28px 25px 28px 25px;
  border-left: 1px solid #CCCCCC;
  width:3%;
}
#news_list article .arrow{
  margin: 0;
}

#news_list .more .btn{
  width: 231px;
  margin: 0 auto;
}


#newsL{
	 border-bottom: 1px solid #CCC;
}
#newsL .box{
  width: 50%;
  min-height: 380px;
  /* min-height:485px; */
  background: url(../images/top/bg_newsL.jpg) left top no-repeat;
	padding: 20px 0;
  cursor: pointer;
}

.btop{
	border-top: 1px solid #CCCCCC;
}

#newsL .box:hover{
  background: url(../images/top/bg_newsL_on.jpg) left top no-repeat;
}
#newsL .imgBox{
  width: 92.2%;
  max-height: 290px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

#newsL img{
    max-height: 220px;
    width: auto;
}


#newsL .title{
  width: 92.2%;
	font-size: 182%;
	padding-top: 3px;
  margin: 0 auto;
}

#newsL .title a{
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

#newsL .btBox{
  width: 92.2%;
  margin: 10px auto 0;
}
#news_list #newsL  .date{
  width: 92.2%;
  margin: 0 auto;
	padding: 10px 12px 10px 12px;
	font-weight: bold;
	color: #D7000F;
}

.detail #newsL .date{
  width: 92.2% !important;
  margin: 0 auto !important;
	padding: 10px 12px 10px 12px !important;
	font-weight: bold !important;
	color: #D7000F !important;
	min-height: 0 !important;
	text-align: left !important;
}


#newsM article{
  width: 100%;
  min-height: 170px;
  background: url(../images/top/bg_newsM.jpg);
  cursor: pointer;
  padding: 0;
}

#newsM article.hover{
  background: url(../images/top/bg_newsM_on.jpg);
}

#newsM article .image{
  width: 21%;
  min-width: 195px;
  max-width: 195px;
  padding-top: 20px;
  min-height: 150px;
  text-align: center;
}



#newsM article .imgBox{
  max-width: 175px;
  max-height: 130px;
}

#newsM article .image img{
  padding-left: 20px;
  max-height:110px;
  width:auto;
}

#newsM article .textBox{
  width: 60.8%;
  padding-top: 20px;
  padding-left: 20px;
  box-sizing: border-box;
  min-height: 120px;
}
#news_list #newsM article .date{
	padding: 17px 12px 10px 0;
	font-weight: bold;
}
.detail #newsM .date{
  width: 92.2% !important;
  margin: 0 !important;
	padding: 17px 12px 10px 0px !important;
	font-weight: bold !important;
	color: #D7000F !important;
	min-height: 0 !important;
	text-align: left !important;
}


#news_list #newsM article .title{
  font-size: 123.1%;
  color: #333333;
  padding: 5px 0 0 0;
  width:90%;
}


#newsM article .arrowBox{
  width: 3%;
  /* min-height: 120px; */
  min-height: 100px;
  border-left: 1px solid #ccc;

}
#newsM article .arrowBox .arrow{
    width: 22px;
    height: 35px;
    margin: 45px 0 4px 3px;
    float: left;
}


#newsM article.special_non h6{
  display: none;
}

#newsM .status{
  margin-left: 20px;
}


#newsM article .title a{
  text-decoration: none;
  color: #333;
  font-size: 138.5%;
}


#newsM .more{
  border-top: 1px solid #ccc;
}
#newsM .more .left{
  width: 88.6%;
  min-height: 158px;
}

#newsM .more .left .btn{
  width: 175px;
  margin: 0 0 0 46%;
}

#newsM .more .right{
  width: 11.2%;
  min-height: 158px;
  border-left: 1px solid #ccc;
}


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



.zoom-image {
width:100%;
height:480px;
}

.zoom-image > figure {
width:100%;
height:480px;
background-color:#D7000F;

background-position:50% 25%;
background-size:contain;
background-repeat:no-repeat;
}




figcaption { position:relative; top:20px; left:20px; color:#fff;}


h1.event_top_title{
width:100%;
padding:10px;
font-weight:bold;
font-size:24px;
background-color:black;
background-image:url('/wp/wp-content/themes/tower12_floorguide/images/common/red_stripe_left.png');
background-repeat:no-repeat;
color:white;

   -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: "Mplus 1p";
}

.event_product_box{
	background-color:#FFD000;
}


.cd_box{
   -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:left;
}
.cd_box_img_only{
width:25%;
float:left;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
}

.cd_box img{
float:left;
padding:10px;
width:120px;
height:auto;
}

.cd_box .cd_box_img_only  img{
width:100%;
height:auto;
padding:2px;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;

}

.cd_box .cd_box_img_only a{
  text-decoration: none;
}

.cd_box h4{
padding:10px;
font-size:15px;
font-weight:bold;
text-align:left;
line-height: 0.9rem;

}

.cd_box_img_only h4{
font-size:10px;
text-align:left;
}

.cd_box_img_only h3{
font-size:9px;
}

.cd_box p{
padding:9px;
line-height:1.2rem;
}


pre.info{
	width:100%;
	padding:3px 16px 0px 16px;
	font-size:11px;
	color:#333;
	word-break:breal-all;
	white-space: pre-wrap ;	/* 改行を有効にする */
	line-height:1.3rem;

	   -moz-box-sizing: border-box;
    box-sizing: border-box;
    font:11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.slider {
	overflow: hidden;
	max-height: 1200px; /* approximate max height */

transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.slider.closed {
	max-height: 0 !important;
}

p.weektype6{
	color:#efaa22;
}

p.weektype5{
	font-weight:bold;
	color:#fe1234;
}




/*---------------------------------------------------------------
------------------------------------------------------------------
--under755 */
@media screen and (min-width : 20px) and (max-width : 755px){

	#news_list article .date{
	  padding: 43px 6px 0 0 !important;
	}
	#news_list #newsM article .date{
	  padding: 10px 6px 0 0 !important;
	}
	#news_list #newsM article .title a{
	  font-size: 23px !important;
	}

	#news_list article .title{
	  font-size: 146.5% !important;
	  padding: 40px 0 0 0 !important;
	}
	#news_list #newsM article .title{
	  font-size: 146.5% !important;
	  padding: 10px 0 0 0 !important;
	}
	#news_list article .arrowBox{
	  padding: 36px 25px 36px 25px !important;
	}

  /*news*/
	#newsL .box{
	  min-height: 490px;
	 }
	 .iphone .btop{
		 border-bottom: 1px solid #CCC;
	 }

}




/*---------------------------------------------------------------
--*/