/*
****************************************セッション
*/

#session_page .sec_1 .title,
#session_page .time,
#session_page .outline{
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,sans-serif !important;
}

#post-8{
  position:relative;
  height:1000px;
  margin:0 0 30px 0;
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,sans-serif !important;
}

#session_page .sec_2{
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,sans-serif;	
}

#session_page .sec_2 p{
	line-height:1.6em;
	margin-bottom:0;
}

#post-8 .session-bg-top{
  position:absolute;
  top:0;
  right:0;
  z-index:-1;
}

#post-8 .session-bg-bottom{
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
}

#post-8 .session-img{
  margin:85px 0 0 76px;
  position:relative;
}

ul .session-rensyu-on{
  width:174px;
  height:23px;
  background:url('./images/btn_rensyu_on.jpg');
}

ul .session-all-off{
  width:245px;
  height:23px;
  background:url('./images/btn_allnight_off.jpg');
}

ul .session-all-off:hover{
  width:245px;
  height:23px;
  background:url('./images/btn_allnight_hover.jpg');
}

ul .session-rensyu-off{
  width:174px;
  height:23px;
  background:url('./images/btn_rensyu_off.jpg');
}

ul .session-rensyu-off:hover{
  width:174px;
  height:23px;
  background:url('./images/btn_rensyu_hover.jpg');
}

ul .session-all-on{
  width:245px;
  height:23px;
  background:url('./images/btn_allnight_on.jpg');
}

ul .session-rensyu-on,ul .session-all-on,
ul .session-rensyu-off,ul .session-all-off{
  float:left;
  text-indent:-9999px;
  margin:0 0 25px 0;
}

.session-img-list{
  position:absolute;
  top:0;
  left:1px;
}

.session-img-list li{
  float:left;
  width:414px;
}

.session-img-list .list-1{
  margin:1px 22px 11px 0;
}

.session-img-list .list-2{
  margin:1px 0 11px 0;
}

.session-img-list .list-3{
  margin:0 22px 0 0;
}

.session-img-list .list-4{
  margin:0 0 0 0;
}



/*
****************************************CD
*/

ul#cd-list{
  width:1000px;
}

ul#cd-list li{
  margin:25px 0;
}

ul#cd-list li img{
  width:240px;
  height:206px;
  float:left;
}

ul#cd-list li .descri-box{
  height:206px;
  display:table-cell;
  vertical-align:middle;
}

ul#cd-list li p{
  float:left;
  width:705px;
  padding:0 0 0 55px;
  line-height:2.4em;
}


/*
****************************************コンタクト
*/

.contact_red{
  color:#c3334e;
}

.wpcf7-form{
  width:570px;
  margin:0 auto;
}

.wpcf7-form input{
  width:40%;
}

.wpcf7-form input.wpcf7-submit{
  width:40px;
}

.wpcf7-form textarea{
  width:100%;
}


/*
****************************************コラム
*/

#post-10{
  height:auto;
  position:relative;
}

#post-10 .column-bg-top{
  width:615px;
  position:absolute;
  top:0;
  right:0;
  z-index:-1;
}

#post-10 .column-bg-bottom{
  width:615px;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
}

#post-10 ul .title{
  font-weight:bold;
  margin:0 0 10px 0;
}

#post-10 ul li{
  margin:40px 0;
  line-height:1.8em;
}

#post-10 ul{
  padding:0 0 130px 20px;
  margin:0 0 30px 0;
}

.screen-reader-response{
  display:none;
}


/*
****************************************フッター
*/

#footer{
  width:100%;
  border-top:solid 1px #434343;
  margin:30px 0 0 0;
}

#footer #footer-inner{
  width:1000px;
  margin:0 auto;
  text-align:center;
}

body.page .menu-footer-container li:after{
  content:'/';
  padding:0 0 0 8px;
}

body.page .menu-footer-container li#menu-item-31:after,
body.page .menu-footer-container li#menu-item-28:after{
  content:'';
  padding:0 0 0 8px;
}

#footer #footer-inner ul{
  width:400px;
  margin:28px auto 15px;
}

#footer #footer-inner ul li{
  display:inline-block;
}

#footer #footer-inner p{
  margin:0 0 5px 0;
}

/*セッションレイヤー*/

#close_session_page{
	position:absolute;
	top:10px;
	right:10px;
	font-size:63px;
	color:#fff;
	z-index:20;
	width:40px;
	height:40px;
}

#close_session_page:hover{
	cursor:pointer;
}

#session_page_bg_opacity{
	width:100%;
	min-width:1000px;
	height:100vh;
	background:rgba(0,0,0,0.76);
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

#session_page_wrap{
	width:98%;
	min-width:1000px;
	height:98vh;
	position:absolute;
	top:1vh;
	left:1%;
	box-shadow:0 0 8px 1px rgba(123, 119, 119, 0.95);
	z-index:10;
	color:#fff;
}

#session_page{
	position:relative;
	width:100%;
	height:100%;
}

#session_page .descri{
	text-align:center;
	font-size:13px;
	position:absolute;
	top:20px;
	width:100%;
	z-index:10;
}

#session_page .descri .catch{
	font-size:20px;
	line-height: 24px;
	letter-spacing: 2px;
	margin:12px 0 7px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
}

#session_page .inner{
	width:100%;
	height:100%;
	position:relative;
}

#session_page .outline{
	text-align:center;
	margin:5px 0 0;
	font-size:13px;
}

#session_page .reservation{
	text-align:center;
	margin:10px 0;
}

#session_page .left_box{
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:calc(75vh - 190px);
	padding:25vh 0 0;
	background:url('../../imgs/session/session_bg_cc.jpg');
	background-size:cover;
}

#session_page .right_box{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:calc(75vh - 190px);
	padding:25vh 0 0;
	background:url('../../imgs/session/session_bg_intro.jpg');
	background-size:cover;
}

#session_page .box .logo{
	text-align:center;
}

#session_page .right_box .logo{
	margin:24px 0 0;
}

#session_page .box .logo img{
	display:inline;
}

#session_page .sec_1 .title{
	text-align:center;
	margin:20px 0 15px;
	font-size:24px;
	line-height:1.2em;
}

#session_page .con_text{
	padding:10px 130px 0;
	line-height:1.6em;
	font-size:13px;
}

#session_page .time{
	text-align:center;
	font-size:14px;
}

#session_page .sec_2{
	width:calc(100% - 200px);
	height:130px;
	padding:47px 100px 53px;
	position:absolute;
	bottom:0;
	background:url('../../imgs/session/bottom_bg.jpg');
	color:#000;
}

#session_page .info_title{
	font-size:14px;
	font-weight:bold;
	margin:0 0 12px;
}

#session_page .info_title .main_text{
	color:#800101;
}

#session_page .sec_2 .title{
	font-weight:bold;
	font-size:13px;
}

.cc_session_content{
	margin:0 0 10px;
}

#session_page a{
  color: #ffffff;
  text-decoration: underline;
}

#session_page .sessin_content{
	line-height:1.5em;
}

#session_page .live_schedule_link {
  font-size: 14px;
  margin: 6px 0 0;
}

#session_page .live_schedule_link a{
  color: #aa0000;
}

#session_page .map{
	position:absolute;
	bottom:190px;
	left:50%;
	margin:0 0 0 -115px;
	z-index:10;
}

#container{
	position:relative;
	min-width:1000px;
}

#session_tag_wrap{
	width:100%;
	min-width:1000px;
	position:fixed;
	top:518px;
	right:0;
	z-index:100;
}

#session_tag{
	display:inline-block !important;
	background:#670606;
	color:#fff;
	padding:10px;
	float:right;
}

#session_tag:hover{
	background:#770909;
	cursor : pointer;
}

#session_tag:hover > .line {
	padding-right: 10px;
}

#session_tag .line{
	border-left:1px solid #fff;
	padding:0 0 0 2px;
}

#session_tag .title{
	padding:0 0 0 7px;
	line-height:1.3em;
	font-size:12px;
}

#session_tag .date{
	padding:0 0 0 7px;
	line-height:1.3em;
	font-size:12px;
}


@media screen and (max-height: 800px) {
	#session_page,
	#session_page_wrap{
		height:800px;
	}
	
	#session_page .left_box{
		height:610px;
	}

	#session_page .right_box{
		height:610px;
	}
}


@media screen and (min-height: 901px) {
	#session_page .map{
		bottom:230px;
	}
}	


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


@media screen and (max-width: 480px) {
body#front{
  background:url('./images/bg_top_res.jpg') center -200px;
  background-repeat:no-repeat;
}
}