@charset "utf-8";

body {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	color: #1e1e1e;
	min-width: 1060px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ff769f;
}
 
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
	word-wrap:break-word;
}

img {  
    border:0;
	font-size: 0;
	line-height: 0;
}

.clearfix:after {
    content: ".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
	line-height: 0px;
}

a#page-top {
	display: block;
	position: fixed;
	bottom: 50px;
	right: 40px;
	width: 50px;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	background: url(../img/btn_pagetop.png) no-repeat;
	background-size: 50px 50px;
}

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

a:visited {
	color: #ffffff;
}

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

/* clear */
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}

/* header
---------------------------------------------------------------------------------------------------------------------------------------- */

#header {
	width: 100%;
}

#header #header_inner {
	width: 1120px;
	position: relative;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
	height: 100px;
	padding-top: 0px;
}

#header h1 a {
	float: left;
	display: block;
	width: 145px;
	height: 70px;
	background: url(../img/logo_2.png) no-repeat;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	margin-top: 15px;
}

#header #telBox {
	float: right;
	width: 975px;
	height: 28px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	margin-top: 60px;
}

#header #telBox ul {
	float: left;
	width: 960px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.menu1 a {
	float: left;
	width: 85px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	padding: 0px;
	background-image: url(../img/menu1.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu2 a {
	float: left;
	width: 114px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu2.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
}

.menu2soon a {
	float: left;
	width: 114px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu2soon.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
}

.menu3 a {
	float: left;
	width: 116px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu3.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
}

.menu4 a {
	float: left;
	width: 126px;
	text-indent:1000%; white-space:nowrap; overflow:hidden; /* text hidden set */
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu4.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
}

.menu5 a {
	float: left;
	width: 115px;
	text-indent:1000%; white-space:nowrap; overflow:hidden; /* text hidden set */
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu5.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
}

.menu6 a {
	float: left;
	width: 115px;
	text-indent:1000%; white-space:nowrap; overflow:hidden; /* text hidden set */
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu6.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
}

.menu7 a {
	float: left;
	width: 182px;
	text-indent:1000%; white-space:nowrap; overflow:hidden; /* text hidden set */
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu7.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
}

.menu8 a {
	float: left;
	width: 86px;
	text-indent:1000%; white-space:nowrap; overflow:hidden; /* text hidden set */
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu8.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
}

.menu1 a:hover, .menu1_ac a {
	float: left;
	width: 85px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	padding: 0px;
	background-image: url(../img/menu1_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu2 a:hover, .menu2_ac a {
	float: left;
	width: 114px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	background-image: url(../img/menu2_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu2soon a:hover, .menu2soon_ac a {
	float: left;
	width: 114px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	background-image: url(../img/menu2soon.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu3 a:hover, .menu3_ac a {
	float: left;
	width: 116px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	background-image: url(../img/menu3_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu4 a:hover, .menu4_ac a {
	float: left;
	width: 126px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	background-image: url(../img/menu4_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu5 a:hover, .menu5_ac a {
	float: left;
	width: 115px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	background-image: url(../img/menu5_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu6 a:hover, .menu6_ac a {
	float: left;
	width: 115px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	background-image: url(../img/menu6_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu7 a:hover, .menu7_ac a {
	float: left;
	width: 182px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	background-image: url(../img/menu7_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

.menu8 a:hover, .menu8_ac a {
	float: left;
	width: 86px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	background-image: url(../img/menu8_a.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	margin: 0px;
}

/* menu
---------------------------------------------------------------------------------------------------------------------------------------- */

#menu {
	width: 100%;
	height: 42px;
	background-color: #6CC;
	display: none;
}

#menu #menu_inner {
	width: 1060px;
	margin: 0px auto;
}

#menu a#sp_menu {
	display: none;
}

#menu ul#menuContents li {
	list-style: none;
	line-height: 0px;
}

#menu ul#menuContents li a {
	float: left;
	display: block;
	height: 18px;
	text-indent:1000%; white-space:nowrap; overflow:hidden; /* text hidden set */
	margin-left: 70px;
	margin-top: 13px;
}

#menu ul#menuContents li.menu_sp {
	display: none;
}

/* footer
---------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
	background-color: #1e1e1e;
	clear: both;
}

#footer a:link {
	color: #FFF;
	text-decoration: none;
}

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

#footer a:active {
	color: #FFF;
	text-decoration: none;
}

#footer a:visited {
	color: #FFF;
	text-decoration: none;
}

#footer #footer_inner {
	width: 980px;
	margin: 0px auto;
	padding: 25px 0px;
}

#footer #footerContents {
	float: left;
	width: 420px;
}

#footer #footerContents ul#footerLink li {
	float: left;
	list-style: none;
	margin-right: 20px;
	padding-left: 40px;
}

#footer #footerContents ul#footerLink li a {
	padding-left: 15px;
	font-size: 90%;
	background-image: url(../img/arrow_brown.png);
	background-repeat: no-repeat;
	background-position: 0px center;
}

#footer #footerContents ul#footerLink li a:hover {
	text-decoration: underline;
}

#footer #copyright {
	float: right;
	width: 460px;
	text-align: right;
	color: #FFF;
	font-size: 90%;
	padding-left: 40px;
}

/* maincontents TOP
---------------------------------------------------------------------------------------------------------------------------------------- */

#maincontents-top {
	width: 1060px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-size: 120%;
}

.mainBox_fast {
	margin: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}

.mainBox {
	margin: 0px;
	width: 100%;
	background-image: url(../img/main.jpg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center center;
	ackground-attachment: fixed;
	height: auto;
	text-align: center;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}

.topInqBox {
	padding-top: 30px;
	padding-right: 40px;
	padding-left: 40px;
}

.topInq {
	background-color: #E4DDB1;
	padding-right: 60px;
	padding-left: 60px;
}

.topInq1 {
	text-align: center;
	padding-top: 35px;
	float: left;
	padding-right: 20px;
}

.topInq2 {
	text-align: right;
	float: left;
	width: 245px;
	padding-top: 30px;
	padding-right: 20px;
}

.topInq3 {
	width: 290px;
	padding-top: 20px;
	float: left;
	padding-bottom: 20px;
}

.topInq3 :hover {
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.mainBox2 {
	width: 1020px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.mainBox2 .main_bt_tl {
	display: none;
}

.mainBox3 {
	padding-right: 40px;
	padding-left: 40px;
	height: 140px;
	width: 980px;
	background-image: url(../img/main3.png);
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.mainBox3 .main_bt_tl {
	display: none;
}

.mainBox3 .mb_img {
	display: none;
}

#boxList {
	padding-top: 50px;
	padding-left: 40px;
	padding-bottom: 50px;
}

#boxList2 {
	padding-top: 50px;
	padding-left: 40px;
	padding-bottom: 80px;
}

#boxList3 {
	padding-top: 20px;
	padding-left: 40px;
	padding-bottom: 40px;
	padding-right: 40px;
}

.bnrArea {
	background-image: url(../img/bg_bnr.jpg);
}

.bnrBox {
	width: 1030px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 60px;
}

.bnr {
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.bnrColumn {
	float: left;
}

.footer_txt {
	font-weight: bold;
	padding-top: 15px;
}

.red {
	color: #ED1C24;
}

table.tb_style {
	width: 980px;
	margin-top: 10px;
	border-top: 1px solid #e5e5e5;
}

table.tb_style th {
	font-weight: normal;
	width: 220px;
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
	color: #AE9D3C;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

table.tb_style td {
	background-color: rgba( 255, 255, 255, 0.7 );
	padding: 15px 20px;
	border-bottom: 1px solid #e5e5e5;
	color: #999;
}

#maincontents a.btn_normal:link {
	color: #FFF !important;
	text-decoration: none;
}

#maincontents a.btn_normal:hover {
	color: #FFF !important;
	text-decoration: none;
}

#maincontents a.btn_normal:active {
	color: #FFF !important;
	text-decoration: none;
}

#maincontents a.btn_normal:visited {
	color: #FFF !important;
	text-decoration: none;
}

.contWrapper {
	background-color: rgba( 255, 255, 255, 0.7 );
	border-radius: 6px;
	padding: 40px 40px 0px 40px;
}

.contWrapper { *background-color: #FFF; } /* IE7ハック */
.contWrapper { background-color: #FFF\9; } /* IE8ハック */

.contWrapper p.text01 {
	padding-bottom: 30px;
	line-height: 160%;
}

.contWrapper h3.title01 {
	padding-bottom: 30px;
	color: #998675;
	font-size: 150%;
	font-weight: bold;
}

.h_bgArea_artist, .h_bgArea_ticket, .h_bgArea_access, .h_bgArea_faq, .h_bgArea_timetable, .h_bgArea_map {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(../img/h_bg_sub.png);
	background-repeat: repeat;
	height: 100px;
}

.h_box {
	width: 1035px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 25px;
}

.blArea {
	background-image: url(../img/bg_bl.jpg);
}

.blBox {
	line-height: 140%;
	width: 980px;
	padding-top: 25px;
	padding-right: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 40px;
}

.blBox a {
	color: #ffffff !important;
	text-decoration: underline;
}

.blBox a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.cp_face {
	float: left;
	width: 280px;
}

.cp_h_greeting {
	padding-bottom: 40px;
}

.cp_greeting {
	width: 100%;
}

.cp_name {
	padding-top: 20px;
}

.cp_text {
	padding-top: 0px;
}

.cp_h3 {
	padding-bottom: 20px;
	padding-top: 20px;
}

.cp_img {
	float: right;
	width: 250px;
}

.cp_category01 {
	border: 5px solid #F33;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
}

.cp_category01 h4 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #F33;
	font-size: 180%;
}

.cp_category01 .cpc_text {
	margin: 0px;
	padding-bottom: 15px;
}

.cp_table1 {
	width: 670px;
}

.cp_table1 th, .cp_table2 th {
	font-weight: bold;
	width: 260px;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	background-color: #FFE3EB;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFA6BC;
}

.cp_table1 td, .cp_table2 td {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFA6BC;
	font-weight: bold;
	background-color: #FFFCF4;
	word-break : break-all;
}

.cp_table2 {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFA6BC;
}

.cp_table3 td {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.cp_table3 a {
	color: #F33;
}

.cp_table3 .box_sp {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.cp_bank1 {
	font-weight: normal;
	width: 270px;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.cp_bank2 {
	font-weight: normal;
	width: 270px;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	float: left;
	margin-left: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.cp_bank3 {
	font-weight: normal;
	width: 270px;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	float: left;
	margin-left: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.cp_bank4 {
	font-weight: normal;
	width: 270px;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.cp_bank5 {
	font-weight: normal;
	width: 270px;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	float: left;
	margin-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.cp_bank6 {
	font-weight: normal;
	width: 270px;
	text-align: left;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	float: left;
	margin-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.cp_access {
	padding-bottom: 15px;
}

.pd_sp00 {

}

.pd_sp00 h2 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #1e1e1e;
	font-size: 140%;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
}

.pd_sp00 h2 span {
	font-weight: normal;
	font-size: 80%;
	padding-left: 15px;
}

.sp00_text {
	padding-top: 20px;
	padding-left: 20px;
}

.sp00_flink a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

.sp00_flink a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.sp00_flink a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.sp00_flink a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.sp00_text h3 {
	padding-bottom: 5px;
}

.sp00_text_en {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 50px;
}

.sp00_text_en h3 {
	padding-bottom: 5px;
	color: #333;
}

.sp01_text {
	margin-bottom: 30px;
}

.pd_sp60 {
	padding-top: 60px;
}

.pd_sp60 h2 {
	color: #AE9D3C;
	font-weight: bold;
	background-color: #E0F0F8;
	font-size: 120%;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
}

.pd_sp60 h2 span {
	font-weight: normal;
	font-size: 80%;
	padding-left: 15px;
}

.pd_sp60_text {
	padding-top: 15px;
}

.pd_pd1_l {
	width: 480px;
	float: left;
	padding-top: 20px;
}

.pd_pd1_l img {
	width: 480px;
}

.pd_pd1_r {
	width: 450px;
	padding-right: 20px;
	float: right;
}

.pd_pd1_r2 {
	width: 450px;
	padding-right: 20px;
	float: right;
	padding-top: 20px;
}

.pd_pd1_r3 {
	width: auto;
	padding-right: 20px;
	padding-top: 20px;
}

.pd_title1 {
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 8px;
}

.pd_title2 {
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 8px;
}

.pd_text {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.pd_box1 {
	float: left;
	width: 310px;
	padding-right: 25px;
	padding-top: 25px;
	position: relative;
}

.pd_box2 {
	float: left;
	width: 310px;
	padding-top: 25px;
	position: relative;
}

.pd_box1 img, .pd_box2 img {
	width: 310px;
}

.pd_name {
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url(../img/h_bg_sub.png);
}

.pd_name img {
	width: auto;
}

.pd_sp {
	display: none;
}

.btn_mg {
	width: auto;
	padding-top: 10px;
}

.fence_box_btn a {
	display: block;
	height: 40px;
	width: 270px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	background-image: url(../img/btn_fence.jpg);
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.fence_box_btn a:hover {
	display: block;
	height: 40px;
	width: 270px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	background-image: url(../img/btn_fence_a.jpg);
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.pd_box1 img.artist_new, .pd_box2 img.artist_new {
	position: absolute;
	width: 18%;
	left: -3%;
	top: 7%;
	transform: rotate(-10deg);
}

/* フォント */
.font_01 {
	font-size: 140%;
	font-weight: bold;
}

.font_02 {
	color: #F33;
}

.font_03 {
	color: #F33;
}

.font_new {
	color: #FC3;
	font-size: 90%;
}

.font_new img {
	padding-left: 10px;
}

/* 他 */
.pc_none {
	display: none;
}

.img_sps {
	margin-right: 10px;
}

/* TOP新着枠
---------------------------------------------------------------------------------------------------------------------------------------- */
.top_contents {
	width: 980px;
	margin-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
}

.top_sns {
	width: 460px;
	float: right;
}

/* TOP新着情報
---------------------------------------------------------------------------------------------------------------------------------------- */
.scroll_area {
	height: 250px;
	width: 500px;
	float: left;
	margin-bottom: 40px;
}

.top-news {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
}

.top-news div.top-news-block {
	margin-bottom:26px;
	font-weight: bold;
}

.top-news div.top-news-block span.date {
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	position: relative;
	top: 1px;
	margin-right: 13px;
}

.top-news div.top-news-block span.category {
	background-color: #F2F2F2;
	padding: 4px 8px;
	color: #565656;
	border-radius: 3px;
}

.top-news div.top-news-block {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

.top-news div.top-news-block .text {
	overflow: hidden;
	margin-top: 9px;
}

.top-news div.top-news-block a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
	color: #1e1e1e;
}

.img_box {
	text-align: center;
	padding-top: 20px;
}

#fb-root{
	display: inline;
}

.sns {
	padding-right: 20px;
	padding-left: 20px;
}

.sns_fast {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

/* TOPメッセージ
---------------------------------------------------------------------------------------------------------------------------------------- */
.top_message {
	width: 880px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.top_message .left {
	float: left;
	width: 550px;
}

.top_message .right {
	float: right;
	margin-top: 10px;
}

/* TOP公演中止
---------------------------------------------------------------------------------------------------------------------------------------- */
.top_message .left h2 {
	padding-bottom: 20px;
	text-align: center;
}

.top_message .left .note_text {
	text-align: left;
	font-size: 110%;
	background-color: #FFF;
	margin-top: 10px;
	padding: 25px;
	font-family: serif;
}

.top_message .left .note_text a {
	text-decoration: underline;
	color: #FF3300;
	font-weight: bold;
	font-size: 120%;
}

.top_message .left .note_text a:visited {
	color: #FF3300;
}

.top_message .left .note_text a:hover {
	text-decoration: none;
	color: #FF3300;
}