@charset "UTF-8";
/* 文字コードセット */

/* reset　
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, /*sup,*/ var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
html{
	overflow-y: scroll;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ddd;
    margin:0;
    padding:0;
	margin-bottom:20px
}

input, select {
	vertical-align:middle;
}


/* 全体構造
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a,input[type="submit"],input[type="button"]{
	outline:none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
a:hover,input[type="submit"]:hover,input[type="button"]:hover{opacity:0.6;filter: alpha(opacity=60);}

body{
	font-size:80%;
	line-height:1.45em;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#333;
}


/* link
---------------------------------------------------- */
a:link,a:visited{color:#333;text-decoration:underline;}
a:hover,a:active{color:#666;text-decoration:none;}


/* webfont
---------------------------------------------------- */
.webfont{font-family: 'Roboto ', sans-serif;}


/* header
---------------------------------------------------- */
header{
	width:100%;
	background-color:#333;
}


/* nav（index.html）
---------------------------------------------------- */
#top_scroll{
	height:270px;
	width:1000px;
	margin:0px auto
}

#top_scroll h1{
	width:200px;
	float:left;
	margin:22px 0px 0px 20px;
}

#top_scroll nav{
	background:url(../images/bg_nav.png) repeat-y;
	width:160px;
	float:right;
	height:225px;
	padding-top:15px;
}
#top_scroll nav li{
	height:36px;
	list-style:none;
	margin-bottom:9px;
}
#top_scroll nav li a:hover{opacity:1;filter: alpha(opacity=100);}

#top_scroll nav div{ text-align:right}


/* nav（下層ページ）
---------------------------------------------------- */
#header{
	height:90px;
	width:1000px;
	margin:0px auto;
}

#header h1{
	width:200px;
	float:left;
	margin:22px 32px 20px 0px;
}

#header nav{
	width:768px;
	float:left;
	height:48px;
	margin:22px 0px 20px;
}
#header nav li{
	float:left;
	height:48px;
	list-style:none;
	margin-right:40px;
}
#header nav li a:hover{opacity:1;filter: alpha(opacity=100);}

#header nav div{
	margin-top:8px;
	width:80px;
	height:30px;
	float:right;
}


/* main
---------------------------------------------------- */
#main{
	width:1000px;
	margin:0px auto;
	padding-top:0px;
}


/* footer
---------------------------------------------------- */
footer{
	margin-top:30px;
	background-color:#eee;
	font-size:90%;
}
#footer{
	width:1000px;
	margin:0px auto;
}
#footer div{
	float:left;
	width:110px;
	margin:8px 20px 4px 0px;
}
#footer p{
	float:left;
	margin-top:11px;
}
#footer small{
	display:block;
	float:right;
	margin-top:11px;
}

#pagetop{
	border-top:1px solid #ddd;
}
#pagetop div{
	width:1000px;
	margin:-1px auto 0px;
	text-align:right;
}


/* index.html
---------------------------------------------------- */
.top_upcominglive{
	margin:0px -20px;
	overflow:hidden;
}
.top_livebox{
	width:220px;
	float:left;
	margin:0px 20px;
}

/* 	20200317(記載：永野)
	スクロール用CSS
	詳細決まってから↑のCSSを削除してこちらを適用する

.top_upcominglive{
	margin:0px -20px;
	overflow-y:scroll;
	width:1020px;
	height:220px;
}
.top_livebox{
	width:220px;
	float:left;
	margin:0px 15px 30px 15px;
}

*/


.top_livebox .date{
	background-color:#f4245f;
	color:#fff;
	padding:0px 10px;
	line-height:1.5em;
}
.top_livebox .photo{
	/*background-color:#ccc;*/
	display:table-cell;
	width:220px;
	height:100px;
	/*text-align:center;*/
	vertical-align:middle;
}
.top_livebox .photo img{
	width:auto;
	height:auto;
	max-width:220px;
	max-height:100px;
}
.top_livebox h3{
	margin-top:2px;
	line-height:2.0em;
	font-size:100%;
}
.top_livebox p{
	line-height:1.5em;
}


/* schedule.html
---------------------------------------------------- */
.schedule_month{
	width:1000px;
	overflow:hidden;
}
.schedule_month ul{
	list-style:none;
}
.schedule_month li a{
	display:block;
	float:left;
	width:8.33%;
	padding:5px 0px 8px;
	text-align:center;
	border-top:1px solid #ddd;
	color:#333;
	text-decoration:none;
	font-size:16px;
}
.schedule_month li a span{
	display:block;
	font-size:9px;
}
.schedule_month li a:hover{ color:#fff !important;background: #f4245f !important;opacity:1;filter: alpha(opacity=100);}
.schedule_month_current a{ color:#fff !important;background: #f4245f !important}

.schedule_year{
	width:1000px;
	overflow:hidden;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.schedule_year ul{
	list-style:none;
}
.schedule_year li a{
	display:block;
	float:left;
	width:8.33%;
	padding:10px 0px;
	text-align:center;
	color:#333;
	text-decoration:none;
}
.schedule_year li a span{
	display:block;
	font-size:9px;
}
.schedule_year li a:hover{ color:#fff !important;background: #f4245f !important;opacity:1;filter: alpha(opacity=100);}
.schedule_year_current a{ color:#fff !important;background: #f4245f !important}

.schedule_table{
	width:100%;
}
.schedule_table th{
	width:10%;
	padding:10px 0px;
	border-top:1px solid #ddd;
	vertical-align:middle;
	font-weight:normal;
	font-size:22px;
}
.schedule_table th span{
	display:block;
	font-size:12px;
}
.schedule_table .saturday{background-color:#eef;}
.schedule_table .sunday{background-color:#fee;}
.schedule_table td{
	padding:10px 15px;
	border-top:1px solid #ddd;
	vertical-align:middle;
}
.schedule_table .photo{
	width:140px;
}
.schedule_table .name{
	width:40%;
	font-size:120%;
	font-weight:bold;
}
.schedule_table .reserve{
	margin-top:10px;
	font-size:12px;
	font-weight:normal;
	margin-bottom:5px;
}
.schedule_table .reserve a{
	padding:3px 10px;
	text-align:center;
	background-color:#f4245f;
}
.schedule_table .reserve a:link,
.schedule_table .reserve a:visited{ color:#fff; text-decoration:none}
.schedule_table .reserve a:after { content: "\f0da";font-family: FontAwesome; line-height:1.5em;padding-left:10px;}
.schedule_table .time{
	border-left:1px dotted #666;
}
.schedule_table .time i{
	display:block;
	float:left;
	width:10%;
	font-size:22px;
	text-align:center;
}
.schedule_table .time div{
	float:left;
	width:90%;
	line-height:1.7em;
}

.schedule_table .close{	background-color:#eee;color:#999;}
.schedule_table .close img{	opacity:0.5;filter: alpha(opacity=50);}
.schedule_table .close a:link,
.schedule_table .close a:visited{ color:#999;}
.schedule_table .close .reserve a{background-color:#999; color:#ddd;}


/* schedule_detail.html
---------------------------------------------------- */
.schedule_detail_img{
	width:420px;
	float:right;
	margin-bottom:20px;
}
.slides li{
	display:table-cell !important;
	width:420px !important;
	height:315px;
	text-align:center;
	vertical-align:middle;
	background-color:#eee;
}
.slides li img{
	width:auto;
	height:auto;
	max-width:420px;
	max-height:315px;
	background-color:#eee;
}
.flex-caption {
    position: absolute;
    top     : 270px !important;
    left    :   0px !important;
    width   : 400px !important;
    height  : 25px !important;
    font-size:100%;
	text-align:center;
    margin: 0px;
    padding :10px;
    color  :white;
    background-color : rgba(0, 0, 0, 0.5);
}

/*.fotorama__stage__frame{background-color:#ccc;}*/


/* about.html
---------------------------------------------------- */
.bg_about{
	background:url(../images/bg_about.jpg) no-repeat right bottom;
}


/* access.html
---------------------------------------------------- */
.access_no{
	list-style:none;
	margin:0px -16px;
	overflow:hidden;
}
.access_no li{
	width:312px;
	float:left;
	margin:0px 16px 30px;
	position:relative;
}
.access_no li span{
	position: absolute;
	left:0px;
	top:0px;
	width:50px;
	height:40px;
	padding-top:15px;
	background: #f4245f;
	color:#fff;
	font-family: 'Roboto ', sans-serif;
	line-height:normal;
	text-align:center;
	font-size:150%;
}


/* access_map.html（印刷ページ）
---------------------------------------------------- */
#access_map{
	margin:20px auto;
	width:1040px;
}
#access_map_inr{
	border:1px solid #ddd;
	padding:19px;
}
#access_map a{ cursor:pointer}
@media print {
#access_map a{ display:none}
}


/* equipment.html
---------------------------------------------------- */
.equipment_gallery{
	width:1000px
}

.accordion{
	padding:15px;
	background-color:#666;
	color:#fff;
	cursor:pointer;
}
.accordion h4:after { content:" \f078";font-family: FontAwesome;  float:right}
.accordion_box{
	overflow:hidden;
	padding:15px 0px;
}

.accordion_box table{
	width:100%;
	border-top:1px dotted #666;
	margin-bottom:5px;
}
.accordion_box th{
	padding:5px 15px;
	background-color:#eee;
	vertical-align:top;
	text-align:left;
	border-bottom:1px dotted #666;
}
.accordion_box td{
	padding:5px 15px;
	border-bottom:1px dotted #666;
}


/* form
---------------------------------------------------- */
.form_table{width:100%;}
.form_table th{border:1px solid #ddd;padding:10px 15px;vertical-align:middle; text-align:left; width:25%; background-color:#eee;}
.form_table td{border:1px solid #ddd;padding:10px 15px;}


.form_table2{width:100%;border-top:1px dotted #666;}
.form_table2 th{border-bottom:1px dotted #666;padding:10px 0px;vertical-align:middle; text-align:left; width:25%;}
.form_table2 td{border-bottom:1px dotted #666;padding:10px 0px;}


.form_table2 .need:before { content: "必須"; color:#fff; background-color:#f4245f; font-size:75%; line-height:normal; padding:5px; margin-right:10px;}
.form_table2 .any:before { content: "任意"; color:#fff; background-color:#999; font-size:75%; line-height:normal; padding:5px; margin-right:10px;}

.form-s{width:150px}
.form-m{width:250px}
.form-l{width:450px}
.form100{width:95%}
.form-h{ height:100px; width:95%}

input{font-size:100%;vertical-align:middle; padding:9px}
input[type="text"], select{ border:1px solid #ddd;/*background:#eee;*/ padding:9px;/* border-radius:4px*/}
input:focus[type="text"]{border:1px solid #999;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}

.required input[type="text"], .required input[type="password"], .required select, .required textarea{ border:1px solid #fcc;/*background-color:#fee; */padding:9px;}
.required input[type="text"]:focus, .required input[type="password"]:focus, .required textarea:focus{border:1px solid #f66; }

textarea{font-size:100%;border:1px solid #ddd;padding:9px;width:99%;/* border-radius:4px*/}
input,textarea{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -Webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.submit{
	background:#333;
    color: #fff;
	border:none;
	font-size:100%;
	cursor:pointer;
	padding:15px 60px;
}

.contact_privacy{
	margin-top:15px;
	height:300px;
	overflow:auto;
	font-size:90%;
	line-height:1.5em;
	background-color:#f1f1f1;
	padding:19px;
	margin-bottom:20px;
}
.contact_privacy h3{
	font-size:20px;
	text-align:center;
	line-height:normal;
	margin-bottom:10px;
}
.contact_privacy li{margin-bottom:15px; margin-left:20px;}
.contact_privacy ol li{ margin-bottom:0px;}


/* title
---------------------------------------------------- */
.tit_h2{
	margin-top:20px;
	font-size:200%;
	font-family: 'Roboto ', sans-serif;
	margin-bottom:20px;
}
.tit_h2 span{
	display:block;
	font-size:50%;
	margin-top:5px;
	color:#999;
}

.tit01{
	background-color:#666;
	color:#fff;
	padding:15px 20px;
	font-size:130%;
	margin-bottom:15px;
}

.tit02{
	font-size:120%;
	margin-bottom:10px
}
.tit02:before { content: "―"; padding-right:5px;}


/* table
---------------------------------------------------- */
.table{
	border-top:1px dotted #666;
}
.table th{
	width:20%;
	padding:10px 15px;
	background-color:#eee;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px dotted #666;
}
.table td{
	padding:10px 15px;
	border-bottom:1px dotted #666;
}



/* btn
---------------------------------------------------- */
.btn a{
	display:block;
	padding:16px 20px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	font-family: 'Roboto ', sans-serif;
	background-color: rgba(0, 0, 0, 0.7)
}
.btn a span{ display:block; font-size:70%; font-weight:normal;}
.btn a:link,
.btn a:visited{ color:#fff; text-decoration:none}

.btn2 a{
	padding:10px 30px;
	text-align:center;
	background-color:#333;
	font-family: 'Roboto ', sans-serif;
	color:#fff;
}
.btn2 a:link,
.btn2 a:visited{ color:#fff; text-decoration:none}


/* common
---------------------------------------------------- */
img{border:0;vertical-align:bottom;}
h2,h3,h4,h5,h6{clear:both;}
iframe{ vertical-align:bottom}
table{border-spacing:0px;border-collapse:collapse;border-collapse:collapse;}

.clear{clear:both;}

.f-left{float:left;}
.f-right{float:right;}
.center-block{ margin:0px auto; display:block}
.center-height{ display:table; background-color:#fff}
.center-height_inr{ display:table-cell; vertical-align:middle}

.img_circle{ border-radius:50%}
.img_round{ border-radius:15px}

.box{ border:1px solid #ddd; padding:20px;}

/* テキスト関係 */
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right;}
.fs70{ font-size:70%; line-height:1.6em}
.fs80{ font-size:80%; line-height:1.6em}
.fs90{ font-size:90%; line-height:1.6em}
.fs100{ font-size:100%}
.fs110{ font-size:110%}
.fs120{ font-size:120%;}
.fs130{ font-size:130%}
.fs140{ font-size:140%}
.fs150{ font-size:150%}
.fs180{ font-size:180%}
.fs200{ font-size:200%}
.fs220{ font-size:220%}
.lsn{ list-style:none;}
.lhn{ line-height:normal}
.fwn{ font-weight:normal}
.block{ display:block}
.indent{ text-indent:-1em; margin-left:1em}
.red{color:#f4245f}

/* サイズ指定 */
.w200{ width:200px}
.w420{ width:420px}
.w480{ width:480px}
.w550{ width:550px}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb60{ margin-bottom:60px}
.mb80{ margin-bottom:80px}
.ml10{ margin-left:10px}
.ml20{ margin-left:20px}
.ml40{ margin-left:40px}
.ml80{ margin-left:80px}
.pl20{ padding-left:20px}

@media print {
}

.info_box {
	padding:20px;
	margin-bottom:50px;
	background-color:#fff2f5;
}

/*20200106*/
.soldout{
	font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    background: #f4245f;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 15px;
}
.reserve span{
	padding: 3px 10px;
    text-align: center;
	background-color: #f4245f;
	color: #fff;
}

.top_News table{
	margin-bottom: 20px;
}
.top_News tr {
	border-bottom: 1px dotted #ccc;
}
.top_News tr td {
	margin: 10px;
}
.top_News .date {
	width: 5%;
	padding: 15px;
}
.top_News .newArea {
		width: 5%;
		padding: 10px;
}
.top_News .newArea .new {
	background: #ff0000;
	color:#fff;
	padding: 5px;
	text-align: center;
}
.top_News .text {
	width: 72%;
	padding: 10px;
}
.detailBtn a {
	background: #212121;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	text-decoration: none;
}
.top_News_detail_btn {
	margin:0 auto;
	text-align:center;
}
.top_News_detail_btn a {
	width:120px;
	background: #212121;
	color: #fff;
	display: inline-block;
	padding: 10px 30px;
	text-decoration: none;
}

.bg_news_list {
	list-style: none;
}
.bg_news_list li {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #ccc;
}
.bg_news_conts {
	margin-left: 10px;
}
.bg_news_conts .bg_news_date {
	font-weight: bold;
	margin-bottom: 10px;
}
.bg_news_conts .bg_news_date .new {
	background: #ff0000;
	font-size: 10px;
	padding: 5px;
	color: #fff;
	margin-left: 5px;
	border-radius: 5px;
}
.bg_news_conts_box {
	margin-bottom: 10px;
}
.bg_news_conts_detal_text {
	margin-bottom: 10px;
}
.bg_news_conts_detal_detail_btn a {
	background: #212121;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 7px 15px;
	text-decoration: none;
	margin-bottom: 10px;
}


.paging {
	text-align: center;
}
.paging li {
	display: inline;
}
.paging li a {
	text-decoration: none;
	padding:10px 15px;
	border:1px #ccc solid;color:#000053;
	border-radius: 5px / 5px;
}
.paging li a:hover {
	border:1px #ccc solid;
	color:#fff;
	background-color: #000053;
}
.paging li.current {
	display: inline-block;
	text-decoration: none;
	padding:10px 15px;
	border:1px #ccc solid;color:#000053;
	border-radius: 5px / 5px;
}

.bg_news_detail_area {
	margin-bottom: 30px;
}
.bg_news_detail_area .tit_h3 {
		font-size: 20px;
		border-bottom: 1px solid #ccc;
		padding-left: 5px;
		padding-bottom: 5px;
		margin-bottom: 20px;
}
.bg_news_detail_conts {
	text-align: center;
}
.bg_news_detail_img {
	margin-bottom: 20px;
}
.youtubeArea {
	margin-bottom: 20px;
}

.textArea {
	/*text-align: center;*/
	text-align:left !important;
	padding: 20px;
	border: 1px dotted #ccc;
	margin-bottom: 30px;
}

.bg_news_detail_img_area {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 20px;
}
.bg_news_detail_img_area li {
	list-style: none;
}
.pdfArea p {
	font-size: 16px;
	padding:10px 5px;
	border-bottom: 1px dotted #ccc;
}
.backToNewsBtn {
	text-align: center;
}
.backToNewsBtn a {
	background: #212121;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 10px 100px;
	text-decoration: none;
	margin-bottom: 10px;
}