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

/*----------------------------------------------------------------------*/
/*          link style                                                                                                         */
/*----------------------------------------------------------------------*/
a {
	color: #000000;
	text-decoration: none;
}
#maincontents a {
	color: #28aaf5;
	text-decoration: underline;
}
#maincontents a:hover,
#maincontents a:focus { color: #e3b798; }
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: 3px;
	transition: none;
}
a [href^="tel:"] {
	text-decoration: none;
	page-break-inside:avoid;
}
.transition { transition: all 0.5s ease; }
.trs_background {
	transition-duration: 0.3s, 0.3s;
	transition-timing-function: linear, linear;
	transition-property: color, background;
	backface-visibility: hidden;
}
.trs_opacity {
	transition: opacity 0.3s linear;
	backface-visibility: hidden;
}
/*----------------------------------------------------------------------*/
/*          margin & width                                              */
/*----------------------------------------------------------------------*/

/*
----- margin common -----
*/
/* bottom */
#maincontents .mrg_none { margin: 0; }
#maincontents .mrg_bt10px { margin-bottom: 10px; }
#maincontents .mrg_bt15px { margin-bottom: 15px; }
#maincontents .mrg_bt20px { margin-bottom: 20px; }
#maincontents .mrg_bt30px { margin-bottom: 30px; }
#maincontents .mrg_bt10em { margin-bottom: 1em; }
#maincontents .mrg_bt20em { margin-bottom: 2em; }
/* top */
#maincontents .mrg_tp10px { margin-top: 10px; }
#maincontents .mrg_tp30px { margin-top: 30px; }
#maincontents .mrg_tp10em { margin-top: 1em; }
/* right */
#maincontents .mrg_r10px { margin-right: 10px; }
#maincontents .mrg_r30px { margin-right: 30px; }
#maincontents .mrg_r10em { margin-right: 1em; }
/* left */
#maincontents .mrg_l10px { margin-left: 10px; }
#maincontents .mrg_l30px { margin-left: 30px; }
#maincontents .mrg_l10em { margin-left: 1em; }
/*
----- margin respons -----
*/
/* bottom */
#maincontents .mrg_bt_xxs { margin-bottom: 1%; }
#maincontents .mrg_bt_xs { margin-bottom: 1.5%; }
#maincontents .mrg_bt_s { margin-bottom: 2%; }
#maincontents .mrg_bt_m { margin-bottom: 3%; }
#maincontents .mrg_bt_l { margin-bottom: 4%; }
#maincontents .mrg_bt_xl { margin-bottom: 5%; }
#maincontents .mrg_bt_xxl { margin-bottom: 6%; }
/* top*/
#maincontents .mrg_tp_xs { margin-top: 1.5%; }
#maincontents .mrg_tp_s { margin-top: 2%; }
#maincontents .mrg_tp_m { margin-top: 3%; }
#maincontents .mrg_tp_l { margin-top: 4%; }
#maincontents .mrg_tp_xl { margin-top: 5%; }
#maincontents .mrg_tp_xxl { margin-top: 6%; }
/* top & bottom*/
#maincontents .mrg_tpbt_s {
	margin-top: 2%;
	margin-bottom: 2%;
}
#maincontents .mrg_tpbt_m {
	margin-top: 3%;
	margin-bottom: 3%;
}
/* bottom & right*/
#maincontents .mrg_btrg_m {
	margin-bottom: 3%;
	margin-right: 3%;
}
/* mobie*/
#maincontents .movielayout {
	margin-bottom: 50px;
	margin-right: 100px;
	margin-left: 100px;
}


@media screen and (max-width: 768px) {
/* bottom */
#maincontents .mrg_bt_xxs { margin-bottom: 2%; }
#maincontents .mrg_bt_xs { margin-bottom: 2.5%; }
#maincontents .mrg_bt_s { margin-bottom: 3%; }
#maincontents .mrg_bt_m { margin-bottom: 4%; }
#maincontents .mrg_bt_l { margin-bottom: 5%; }
#maincontents .mrg_bt_xl { margin-bottom: 6.5%; }
#maincontents .mrg_bt_xxl { margin-bottom: 7.5%; }
/* top*/
#maincontents .mrg_tp_xs { margin-top: 2.5%; }
#maincontents .mrg_tp_s { margin-top: 3%; }
#maincontents .mrg_tp_m { margin-top: 4%; }
#maincontents .mrg_tp_l { margin-top: 5%; }
#maincontents .mrg_tp_xl { margin-top: 6.5%; }
#maincontents .mrg_tp_xxl { margin-top: 7.5%; }
/* top & bottom*/
#maincontents .mrg_tpbt_s {
	margin-top: 3%;
	margin-bottom: 3%;
}
#maincontents .mrg_tpbt_m {
	margin-top: 4%;
	margin-bottom: 4%;
}
/* bottom & right*/
#maincontents .mrg_btrg_m {
	margin-bottom: 4%;
	margin-right: 4%;
}
/* mobie*/
#maincontents .movielayout {
	margin-bottom: 5%;
	margin-right: 5%;
	margin-left: 5%;
}

}



@media screen and (max-width: 479px) {
/* bottom */
#maincontents .mrg_bt_xxs { margin-bottom: 3%; }
#maincontents .mrg_bt_xs { margin-bottom: 3.5%; }
#maincontents .mrg_bt_s { margin-bottom: 4%; }
#maincontents .mrg_bt_m { margin-bottom: 5%; }
#maincontents .mrg_bt_l { margin-bottom: 6%; }
#maincontents .mrg_bt_xl { margin-bottom: 8%; }
#maincontents .mrg_bt_xxl { margin-bottom: 9%; }
/* top*/
#maincontents .mrg_tp_xs { margin-top: 3.5%; }
#maincontents .mrg_tp_s { margin-top: 4%; }
#maincontents .mrg_tp_m { margin-top: 5%; }
#maincontents .mrg_tp_l { margin-top: 6%; }
#maincontents .mrg_tp_xl { margin-top: 8%; }
#maincontents .mrg_tp_xxl { margin-top: 9%; }
/* top & bottom*/
#maincontents .mrg_tpbt_s {
	margin-top: 4%;
	margin-bottom: 4%;
}
#maincontents .mrg_tpbt_m {
	margin-top: 5%;
	margin-bottom: 5%;
}
/* bottom & right*/
#maincontents .mrg_btrg_m {
	margin-bottom: 5%;
	margin-right: 5%;
}
/* mobie*/
#maincontents .movielayout {
	margin-bottom: 5%;
	margin-right: 5%;
	margin-left: 5%;
}
}
/*
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*          text style                                                  */
/*----------------------------------------------------------------------*/
#maincontents .line125 { line-height: 1.25; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.f_060 { font-size: 0.6em; }
.f_075 { font-size: 0.75em; }
.f_088,
.f_089 { /* 14px */ font-size: 0.875em; }
.f_094 { /* 15px */ font-size: 0.9375em; }
.f_106 { /* 17px */ font-size: 1.0625em; }
.f_113 { /* 18px */ font-size: 1.125em; }
.f_119 { /* 19px */ font-size: 1.1875em; }
.f_125 { /* 20px */ font-size: 1.25em; }
.f_131 { /* 21px */ font-size: 1.3125em; }
.f_138 { /* 22px */ font-size: 1.375em; }
.f_144 { /* 23px */ font-size: 1.4375em; }
.f_150 { /* 24px */ font-size: 1.5em; }
.f_156 { /* 25px */ font-size: 1.5625em; }
.f_163 { /* 26px */ font-size: 1.625em; }
.f_169 { /* 27px */ font-size: 1.6875em; }
.f_175 { /* 28px */ font-size: 1.75em; }
.f_181 { /* 29px */ font-size: 1.8125em; }
.f_188 { /* 30px */ font-size: 1.875em; }
.f_194 { /* 31px */ font-size: 1.9375em; }
.f_200 { /* 32px */ font-size: 2em; }
.f_225 { /* 36px */ font-size: 2.25em; }
.f_256 { /* 41px */ font-size: 2.5625em; }
p.bgn { text-indent: 1em; }
.nowrap { white-space: nowrap; }
.wordbreak { word-break: break-all; }
.keep_wordbreak { word-break:keep-all;}
.inline { display: inline; }

@media screen and (max-width: 768px) {
.f_106,
.f_113 { font-size: 1em; }
.f_119,
.f_125 { font-size: 1.1em; }
.f_131
.f_138 { font-size: 1.2em; }
.f_144,
.f_150 { font-size: 1.3em; }
.f_156,
.f_163,
.f_169 { font-size: 1.4em; }
.f_175,
.f_181,
.f_188 { font-size: 1.5em; }
.f_194,
.f_200 { font-size: 1.6em; }
.f_225 { font-size: 1.8em; }
.f_256 { font-size: 2em; }
}

@media screen and (max-width: 479px) {
.f_106,
.f_113,
.f_119,
.f_125 { font-size: 1em; }
.f_131,
.f_138,
.f_144,
.f_150 { font-size: 1.1em; }
.f_156,
.f_163,
.f_169,
.f_175,
.f_181,
.f_188 { font-size: 1.2em; }
.f_194,
.f_200,
.f_225,
.f_256 { font-size: 1.4em; }
}
/*          position
/*----------------------------------------------*/
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.box_right {
	margin-right: 0;
	margin-left: auto;
}
.box_left {
	margin-right: auto;
	margin-left: 0;
}
.box_center {
	margin-right: auto;
	margin-left: auto;
}
.fl_left { float: left; }
.fl_right { float: right; }
/*          font color
/*----------------------------------------------*/
.f_black { color: #000000 !important; }
.f_white { color: #FFFFFF !important; }
.f_red { color: #cc3200 !important; }
.f_green { color: #448a3b !important; }
.f_gray { color: #d5d3d0 !important; }
.f_kessel { color: #c83200 !important; }
.f_trommel { color: #f05a0f !important; }
.f_poplar { color: #eba00f !important; }
.f_lilac { color: #b37db3 !important; }
.f_garden { color: #448a3b !important; }
/*          font family
/*----------------------------------------------*/
.serif { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
.serif_alp { font-family: "Times New Roman", Times, serif; }
/*          background color
/*----------------------------------------------*/
.bgred {
	background: #cd3200; /* Old browsers */
	background: -moz-linear-gradient(top, #cd3200 0%, #cd3300 5%, #d5400c 9%, #e0541e 17%, #e65e27 23%, #ea652d 31%, #ea652d 34%, #cd3301 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cd3200 0%, #cd3300 5%, #d5400c 9%, #e0541e 17%, #e65e27 23%, #ea652d 31%, #ea652d 34%, #cd3301 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cd3200 0%, #cd3300 5%, #d5400c 9%, #e0541e 17%, #e65e27 23%, #ea652d 31%, #ea652d 34%, #cd3301 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3200', endColorstr='#cd3301', GradientType=0 ); /* IE6-9 */
}
/*          get acrobat
/*----------------------------------------------*/
#get_acrobat { margin-top: 2%; }
#get_acrobat li {
	vertical-align: middle;
	font-size: 0.75em;
}
#get_acrobat li:first-child {
	width: 158px;
	padding-right: 20px;
}
#get_acrobat li a { display: block; }

@media screen and (max-width: 768px) {
#get_acrobat { margin-top: 3%; }
}

@media screen and (max-width: 479px) {
#get_acrobat {
	display: block;
	margin-top: 4%;
}
#get_acrobat li {
	display: block;
	width: 100%;
	padding-right: 0;
}
#get_acrobat li:first-child { margin-bottom: 2%; }
}
/*          line style
/*----------------------------------------------*/

hr.dashed {
	border-top: 1px dashed #a5a5a5;
	margin: 20px 0 25px;
}
.brown_solid {
	border-top: 1px solid #603813;
	margin: 3% 0;
}
/*
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          icon style                                                                                                        */
/*----------------------------------------------------------------------*/
.hall_icon > span {
	text-align: center;
	padding: 4px 6px 3px;
	display: inline-block;
	width: 9em;
	font-weight: bold;
	font-size: 0.85em;
	color: #FFFFFF;
	line-height: 1;
	border-radius: 10px;
}
.hall_icon > .kessel { background-color: #c83200; }
.hall_icon > .trommel { background-color: #f05a0f;}
.hall_icon > .poplar { background-color: #eba00f; }
.hall_icon > .lilac { background-color: #b37db3; }
.hall_icon > .garden { background-color: #448a3b; }
.hall_icon > .bierterrace { background-color: #128cc4; }
/*
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          list style                                                                                                         */
/*----------------------------------------------------------------------*/
.disc > li,
.disc > dt,
.squre > li,
.squre > dt,
p.squre {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left 0.3em;
	background-size: 0.9em;
	padding-left: 1.4em;
	margin-left: 0.2em;
}
.squre > dd {
	margin-left: 1.6em;
	margin-bottom: 0.5em;
}
.disc.small > li,
.disc.small > dt,
.squre.small > li {
	background-position: left 0.5em;
	background-size: 0.5em;
	padding-left: 1em;
}
.disc > dt,
.disc > li { background-image: url(../images/disc_black.png); }
.disc.red > dt,
.disc.red > li { background-image: url(../images/disc_red.png); }
p.squre,
.squre > dt,
.squre > li { background-image: url(../images/squre_black.png); }
p.squre.red,
.squre.red > dt,
.squre.red > li { background-image: url(../images/squre_red.png); }
/* lteie8 */
.lteie8 .disc > dt,
.lteie8 .disc > li,
.lteie8 .disc.red > dt,
.lteie8 .disc.red > li,
.lteie8 p.squre,
.lteie8 .squre > dt,
.lteie8 .squre > li,
.lteie8 p.squre.red,
.lteie8 .squre.red > dt,
.lteie8 .squre.red > li { -ms-behavior: url(../js/backgroundsize.min.htc); }
/* */
.indent > li,
p.indent {
	text-indent: -1.3em;
	margin-left: 1.3em;
	list-style-type: none;
}
p.f_088.indent,
p.f_089.indent {
	text-indent: -0.8em;
	margin-left: 0.8em;
}
.indent.ind3 > li,
p.indent.ind3 {
	text-indent: -3em;
	margin-left: 3em;
	list-style-type: none;
}
.indent > li > span,
p.indent > span { margin-right: 0.3em; }
.circle > li { list-style-type: circle; }
.deci > li { list-style-type: decimal; }
.lwalp > li { list-style-type: lower-alpha; }
.upalp > li { list-style-type: upper-alpha; }
.lwrmn > li { list-style-type: lower-roman; }
.uprmn > li { list-style-type: upper-roman; }
.none > li { list-style-type: none; }
.circle > li,
.deci > li,
.lwalp > li,
.upalp > li,
.lwrmn > li,
.uprmn > li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	margin-left: 2em;
}
.indent > li,
.squre > li,
.disc > li,
.disc > dt,
.disc > dd,
.none > li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
/*
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          table                                                                                                              */
/*----------------------------------------------------------------------*/
table.table_gray > thead > tr > th,
table.table_gray > tbody > tr > td {
	border: 1px solid #B0B0B0;
	padding: 3px;
}
table.table_gray > thead > tr > th { width: 10%; }
table.table_gray > thead > tr > th:nth-child(2) { width: 20%; }
table.table_gray thead {
	background-color: #EEEEEE;
	font-size: 0.8em;
}
table.table_gray tbody { text-align: right; }
table.table_gray tbody > tr > td:first-child,
table.table_gray tbody > tr > td:nth-child(2) { text-align: left; }
/*          jquery footable
/*----------------------------------------------*/
table.table_gray.footable-details td { border: none; }
table.footable-details {
	width: 95% !important;
	background-color: #EEEEEE;
	margin: 10px auto !important;
}
table.footable-details tr { border-bottom: 3px solid #ffffff; }
table.footable-details tr:last-child { border: none; }
table.footable-details th {
	width: 70% !important;
	text-align: left !important;
}
table.footable-details th br.table_br { display: none !important; }
table.footable-details td { text-align: right !important; }

@media screen and (max-width: 768px) {
table.table_gray thead { font-size: 1em; }
table.table_gray > thead > tr > th,
table.table_gray > tbody > tr > td { padding: 10px 5px; }
}
/*
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/*          utility                                                                                                             */
/*----------------------------------------------------------------------*/

/*          hidden
/*----------------------------------------------*/
.no_visible {
	visibility: hidden;
	height: 0;
}
.no_display { display: none; }
/*          voice navi
/*----------------------------------------------*/
p.voice_navi {
	width: 1px;
	color: #000000;
	font-size: 0.1%;
	line-height: 0.1;
	background-color: #F30;
	position: absolute;
	left: -3000px;
}
/*          toggle br
/*----------------------------------------------*/
.tglbrsp { display: none; }
.tglbrsptb { display: none; }
.tglbrpc { display: block; }

@media screen and (max-width: 768px) {
.tglbrsp { display: none; }
.tglbrsptb { display: block; }
.tglbrpc { display: none; }
}

@media screen and (max-width: 479px) {
.tglbrsp { display: block; }
}
/*          respons movie
/*----------------------------------------------*/
figure.movie {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
}
figure.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	box-sizing: border-box;
}
/*          table layout
/*----------------------------------------------*/
.tbl_layout {
	display: table;
	width: 100%;
	table-layout: fixed;
	box-sizing: border-box;
}
.tbl_layout > * {
	display: table-cell;
	vertical-align: top;
}
/*          clearfix
/*----------------------------------------------*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after { clear: both; }

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