@charset "utf-8";

body {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #1e1e1e;
	overflow-x: hidden;
	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 {
	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: none !important;
}

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

a:visited {
	color: #ffffff;
}

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


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

#header {
	width: 100%;
}

#header #header_inner {
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header h1 a {
	float: left;
	background: url(../img/logo_2.png) no-repeat;
	background-size: 141px 71px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set */
	margin-left: 10px;
	margin-top: 2px;
	padding: 0px;
	height: 71px;
	width: 141px;
}

/* #header #telBox {
	float: right;
	width: 120px;
	height: 34px;
	text-indent: 1000%;
	white-space: nowrap;
	overflow: hidden; /* text hidden set
	padding-right: 10px;
} */

#header #telBox {
	display: none;
}

#header #telBox ul {
	display: none;
}

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

#menu {
	width: 100%;
	height: 42px;
	background-color: #FF4D79;
}

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

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

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

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

#menu a#sp_menu {
	display: block;
	width: 100%;
	height: 32px;
	padding-top: 10px;
}

#menu a#sp_menu span {
	display: block;
	padding-left: 10px;
}

#menu.sp_menu_close a#sp_menu { background: url(../img/btn_sp_pull-down_close.png) no-repeat top right; background-size: 42px 42px; }
#menu.sp_menu_open a#sp_menu { background: url(../img/btn_sp_pull-down_open.png) no-repeat top right; background-size: 42px 42px; }

#menu.sp_menu_close ul#menuContents {
	display: none;
}

#menu.sp_menu_open {
	position: relative;
	z-index: 100;
}

#menu.sp_menu_open ul#menuContents {
	margin-top: -1px;
	background-color: #191919;
}

#menu.sp_menu_open ul#menuContents li {
	border-top: solid 1px #877f7a;
}

#menu.sp_menu_open ul#menuContents li a {
	display: block;
	height: 32px;
	padding-top: 10px;
	padding-left: 10px;
}

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

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

#footer {
	background-color: #191919;
}

#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: 100%;
	padding: 20px 0px;
}

#footer #footerContents {
	width: 100%;
}

/*#footer #footerContents ul#footerLink li { */
#footer #footerContents #footerLink {
	list-style: none;
	margin-left: 10px;
}

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

#footer #copyright {
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 80%;
	margin-top: 10px;
}

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

#maincontents-top {

}

.mainBox_fast {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}

.mainBox {
	width: 100%;
	background-image: url(../img/main_sp.jpg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center center;
	ackground-attachment: fixed;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.mainBox img, .mainBox_fast img {
	width: 100%;
}

.mainBox .text, .mainBox_fast .text {
	width: 100%;
	padding-top: 20px;
}

.mainBox2 {
	background-image: none;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}

.mainBox2 img {
	width: 100%;
}

.mainBox2 .main_bt_tl {
	width: 100%;
	background-color: #FFF;
}

.mainBox2 .text {
	padding: 20px;
}

.mainBox3 {
	background-image: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.mainBox3 .main_bt_tl {
	width: 100%;
}

.mainBox3 .text {
	padding: 20px;
}

.mainBox3 .mb_img {
	text-align: center;
}

.topInqBox {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.topInq {
	background-color: #E4DDB1;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: center;
}

.topInq1 img {
	width: 100%;
	max-width: 408px;
}

.topInq2 img {
	width: 100%;
	padding-top: 9px;
	max-width: 466px;
}

.topInq3 img {
	width: 100%;
	padding-top: 17px;
	max-width: 288px;
}

#boxList {
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 25px;
	padding-bottom: 30px;
}

#boxList2 {
	padding-top: 30px;;
	padding-bottom: 30px;
}

#boxList3 {
	padding-top: 20px;
	;
	padding-bottom: 30px;
}

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

.bnrBox {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-right: 15px;
}

.bnr {
	float: left;
	width: 47.6%;
	overflow: hidden;
	background-color: #FFF;
	margin-top: 10px;
	margin-right: 1.2%;
	margin-bottom: 0px;
	margin-left: 1.2%;
}

.bnr img {
	width: 100%;
}

.bnrColumn {
	width: 100%;
	clear: both;
}

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

.red {
	color: #ED1C24;
}

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

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

table.tb_style td {
	display: block;
	background-color: rgba( 255, 255, 255, 0.7 );
	border-bottom: 1px solid #e5e5e5;
	color: #999;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#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 );
	padding: 10px 10px 0px 10px;
}

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

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

.h_bgArea {
	background-color: #f0f3f0;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.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;
}

.h_box {
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.h_box img {
	width: 100%;
	max-width: 180px;
}

.h_box_contact img {
	width: 100%;
	max-width: 400px;
}

.blArea {
	display: none;
}

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

.cp_h_greeting img {
	width: 100%;
	max-width: 300px;
}

.cp_face {
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	padding-top: 15px;
}

.cp_face img {
	width: 100%;
	max-width: 280px;
}

.cp_name {
	padding-top: 10px;
	text-align: center;
}

.cp_name img {
	width: 100%;
	max-width: 280px;

}

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

.cp_text {
	padding-top: 15px;
}

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

.cp_h3 img {
	width: 100%;
	max-width: 300px;
}

.cp_img  {
	text-align: center;
	padding-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
}

.cp_img img {
	width: 100%;
	max-width: 332px;
}

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

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

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

.cp_table1 {
	width: 100%;
}

.cp_table1 th {
	display: block;
	font-weight: bold;
	text-align: left;
	color: #830c0e;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #CEBD6F;
}

.cp_table1 td {
	display: block;
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

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

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

.cp_table2 td {
	display: block;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	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_table3 td {
	display: block;
	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: 10px;
}

.cp_bank1 {
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.cp_bank2, .cp_bank3, .cp_bank4, .cp_bank5 {
	padding-right: 20px;
	padding-left: 20px;
}

.cp_bank6 {
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

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

.pd_anqBox {
	padding-right: 20px;
}

.pd_sp00 {
}

.pd_sp00 h2 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #1e1e1e;
	font-size: 120%;
	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-right: 20px;
	padding-left: 20px;
}

.sp00_text h3 {
	padding-bottom: 5px;
	color: #333;
	font-size: 100%;
}

.sp00_text_en {
	padding: 20px;
}

.sp00_text_en h3 {
	padding-bottom: 5px;
	color: #333;
	font-size: 100%;
}

.sp00_flink {
	display: none;
}

.sp01_text {
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.pd_sp60 {
	padding-top: 30px;
}

.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 {
	display: none;
}

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

.pd_pd1_l {
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}

.pd_pd1_l img {
	width: 100%;
}

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

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

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

.pd_title1 {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 2px;
}

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

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

.pd_box1 {
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}

.pd_box1 img {
	width: 100%;
}

.pd_box2 {
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}

.pd_box2 img {
	width: 100%;
}

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

.pd_name img {
	width: auto;
}

.pd_pc {
	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: 16%;
	left: 5%;
	top: 5%;
	transform: rotate(-10deg);
}

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

.font_02 {
	color: #F33;
}

.font_03 {
	color: #F33;
}

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

.font_new img {
	display: block;
	padding-top: 10px;
}

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

/* TOP新着枠
---------------------------------------------------------------------------------------------------------------------------------------- */
.top_contents {
	width: 100%;
}

/* .top_sns {
	height: 300px;
	text-align: center;
	margin: 20px;
}

/* TOP新着情報
---------------------------------------------------------------------------------------------------------------------------------------- */
.scroll_area {
	width: 100%;
	margin-bottom: 20px;
}

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

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

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

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

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

.top-news div.top-news-block .text {
	overflow: hidden;
	margin-top: 9px;
	font-size: 90%;
	font-weight: bold;
}

.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;
}

.img_box img {
	width: 100%;
}

#fb-root{
	display: inline;
}

.sns {

}

.sns_fast {
	padding-bottom: 20px;
}

/* TOPメッセージ
---------------------------------------------------------------------------------------------------------------------------------------- */
.top_message {
	width: 95%;
	padding-right: 10px;
	padding-left: 10px;
}

.top_message img {
	width: 100%;
}

.top_message .left {
}

.top_message .right {
	display: none;
}

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

.top_message .left .note_text {
	text-align: left;
	padding: 20px;
	background-color: #FFF;
	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;
}