@charset "UTF-8";
/* CSS Document */







#live_joint {
	padding-bottom: 0px;	
	
}


#live_joint h1 {
	margin: 0px;
	padding: 0px;	

}


/* 公演内容リンクのボタン風表示 */
.page-2026jo a {
    color: #0066cc;
    text-decoration: none;
}

.page-2026jo a:hover {
    text-decoration: underline;
}

#live_joint a:link {
	text-decoration: none;
	font-weight: bold;
}

/* 基本レスポンシブ設定 */
.page-2026jo img {
    max-width: 100%;
    height: auto;
}


/* スマホ向け調整 */
@media screen and (max-width: 768px) {
    .page-2026jo h1 {
        font-size: 1.4em;
    }

    .page-2026jo h2.special-heading {
        font-size: 1.2em;
    }

    .page-2026jo h3 {
        font-size: 1em;
    }

    .page-2026jo .ba_inner_10 {
        padding: 8px;
    }

    .page-2026jo .ba_center_00 {
        text-align: center;
    }
	
	  /* 横並びリンクを縦並びに */
    .page-2026jo .ba_center_00 p a {
        display: block;
        margin: 5px 0;
    }
}
/* 小型スマホ向け */
@media screen and (max-width: 480px) {
    .page-2026jo h1 {
        font-size: 1.2em;
    }
    .page-2026jo h2.special-heading {
        font-size: 1.1em;
    }
    .page-2026jo h3 {
        font-size: 0.95em;
    }

    .page-2026jo .ba_font_26_gre {
        font-size: 1em;
    }
}


/* コンテナ内の余白調整 */
.page-2026jo .ba_inner_10 {
    padding: 10px;
}

/* フロート要素のクリア */
.page-2026jo .float-clear {
    clear: both;
}

#live_joint a:visited {
	color: #69C;	
	text-decoration: none;
}


#live_joint a:hover {
	color: #69C;	
}






/* タイトル=================== */

#live_joint .main_p_01_oo {
	height: 210px;	
}



/* タイトルTACT用========= */

#live_joint .main_p_01_tc {
	height:210px;
	background: url(../live/2017_08/images/main06_t.jpg) no-repeat;	
}
/* タイトルTACT用========= */

#live_joint .main_p_02 {
	padding-top: 23px;
	text-align: center;
	font-size: 25px;
	line-height:120%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


/* タイトル Talk_Song=================== */

#live_joint .main_joint_ts01 {
	height:210px;
	border-top: 2px solid #309;
	border-bottom: 2px solid #309;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-color: #309;
	border-left-color: #309;	
}

#live_joint .main_joint_ts {
	padding-top: 23px;
	text-align: center;
	font-size: 25px;
	line-height:120%;
	font-family: Arial, Helvetica, sans-serif;
	color: #309;
}


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


#live_joint .t_block01 {
	float:left;
	
	
}


#live_joint .t_block02 {
	float:right;
	
	
	
}

/* 180303TACT=================== */

#live_joint .t_block01_t {
	display: inline-block;
	width: 260px;
	float:left;
	margin-right: 5px;
	margin-left: 5px;		
	
}



#live_joint .t_block02_t {
	float:right;
	width: 380px;
	margin-right: 5px;
	margin-left: 5px;
}





/* ■公演内容 ｜　■チケットお申込み方法=================== */


#live_joint_navi {

}

#live_joint_navi p {
	font-size: 13px;
	text-decoration: underline;
	margin: 5px 10px;	

}



.live_kako_lin_g_u_01 {
	text-align: left;
	margin: 10px;
	padding: 20px 10px;
	border-bottom: 1px solid #666;
}


/* キャッチ============================================ */

#live_joint_catch {
	background-color: #0040B5;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	background-image: -webkit-repeating-linear-gradient(216deg,rgba(43,170,255,0.53) 0%,rgba(123,199,253,1.00) 0%,rgba(21,117,228,1.00) 100%);
	background-image: -moz-repeating-linear-gradient(216deg,rgba(43,170,255,0.53) 0%,rgba(123,199,253,1.00) 0%,rgba(21,117,228,1.00) 100%);
	background-image: -o-repeating-linear-gradient(216deg,rgba(43,170,255,0.53) 0%,rgba(123,199,253,1.00) 0%,rgba(21,117,228,1.00) 100%);
	background-image: repeating-linear-gradient(234deg,rgba(43,170,255,0.53) 0%,rgba(123,199,253,1.00) 0%,rgba(21,117,228,1.00) 100%);
}


#live_joint_catch p {
	color:#FFFFFF;
	font-size:15px;
	text-shadow:#000 1px 1px 1px;
	
}

#live_joint_catch span {
	color: #F4B90A;
	font-size: 15px;	
}




/* 公演日程表============================================ */

#live_joint_kouen {
	
}



#live_joint_kouen p {
	margin:0px;
	font-size:14px;
	line-height:180%;
	
}




#live_joint_kouen .kouen_block01 {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}





/* 出 演、日 時など */
#live_joint_kouen h2 {
	line-height: 150%;
	font-size: 26px;
	color: #39A853;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #39A853;
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #39A853;
	;
	border-right-color: #39A853;
	;
	border-bottom-color: #39A853;
	;
	border-bottom-width: 2px;
}


.special-heading {
	color: #FFFFFF; /* 任意の文字色 */  /* 他のスタイルを必要に応じて追加 */
	font-size: 24px;
	background-position: left;
	padding-left: 10px;
	border: 2px dotted #2626FF;
}


/* 出 演者、日時、場所 */
#live_joint_kouen h3 {
	font-size: 24px;
	padding-left: 10px;
	line-height: 200%;
	font-weight: bold;
	color: #008000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-right: auto;
}


/* 日時の時間など */
#live_joint_kouen h4 {
	font-size: 20px;
	padding-left: 10px;
	line-height: 200%;
	color: #A8D8B9;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 300px;
	border: 2px solid #F63;
}



/*前売りチケットお申込み方法　 */






#live_joint_kouen .maeuri01 {
	color:#FFFFFF;
	text-align: center;
	border-radius: 20px;
	margin-top:50px;
	margin-bottom:5px;
	font-size: 20px;
	font-weight: bold;
	padding-bottom:3px;
	padding-top:3px;
	background: #3333FF;
}

#live_joint_kouen .maeuri02 {
	font-size:16px;
	font-weight:bold;
	color:#CD0A14;
	padding-bottom:20px;

	
}


/* 公演内容*/
#live_joint_kouen .maeuri03 {
	color: #FFFFFF;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 7px;
	padding-top: 7px;
	background-color: #39A853;
}












/* タイトル2018.4.9追加============================= */

#live2018 {
	padding-bottom: 0px;	
	
}


#live2018 h1 {
	

}



#live2018 .main_p_01 {
	background-image: url(../live/2018_06/images/main06.gif);
	background-repeat: no-repeat;
	height:247px;
	
}



#live2018 .main_p_02 {
	padding-top: 43px;
	text-align: center;
	font-size: 35px;
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #003F8A;
}


#live2018 .main_p_03 {
	padding-top: 10px;
	text-align: center;
	font-size: 30px;
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	color: #003F8A;
	font-weight: bold;
}


#live2018 .main_p_04 {
	font-size: 55px;
	color: #00A1DA;	
}



#live2018 .main_p_05 {
	padding-top: 10px;
	text-align: center;
	font-size: 23px;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
