@charset "UTF-8";
/* CSS Document */
@media (min-width: 768px) {}
@media (max-width: 767px) {}


/* for bootstrap */
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
}


body{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #383838;
}
ul{list-style: none; padding: 0;}

a {
	outline: 0px none;
	transition: opacity 0.2s;
}

a:hover,
a:focus {
	opacity: 0.8;
	text-decoration: none;	
}

/* 共通 */

/* hidden google translate */
body>.skiptranslate iframe {
	display: none !important;
}

img { max-width: 100%; height: auto; }

.mt5 {  margin-top: 5px; } .mt10 {  margin-top: 10px; } .mt15 {  margin-top: 15px; } .mt20 {  margin-top: 20px; } .mt25 {  margin-top: 25px; } .mt30 {  margin-top: 30px; } .mt40 {  margin-top: 40px; } .mt50 {  margin-top: 50px; } .mt60 {  margin-top: 60px; } .mt80 {  margin-top: 60px; } .ml5 {  margin-left: 3px; } .ml10 {  margin-left: 8px; } .mr10 {  margin-right: 10px; } .mr15 {  margin-right: 15px; } .mb5 {  margin-bottom: 5px; } .mb10 {  margin-bottom: 10px; } .mb20 {  margin-bottom: 20px; } .mb30 {  margin-bottom: 30px; } .mb40 {  margin-bottom: 40px; } .mb50 {  margin-bottom: 50px; }  .mlr5 {  margin-right: 5px;  margin-left: 5px; } .mlr10 {  margin-right: 10px;  margin-left: 10px; } .mlr15 {  margin-right: 15px;  margin-left: 15px; } .mlr20 {  margin-right: 20px;  margin-left: 20px; } .mlr40 {  margin-right: 40px;  margin-left: 40px; } 

.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.indent-childs>* {
	text-indent: -1em;
	padding-left: 1em;
}

.ellipsis3 {
	-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

ul.ul-decimal {
	list-style-position: outside;
    list-style-type: decimal;
    margin: 0 0 10px 1.5em;
}
ul.ul-upper-alpha {
	list-style-position: outside;
    list-style-type: upper-alpha;
    margin: 0 0 10px 1.5em;
}

.w100 {
	width: 100%;
}

.label {
	font-size: 100%;
	padding: 0.25em .6em .3em;
}
.label.label-default {
	background-color: #666;
    font-weight: 300;
}
.form-control.inline {
	display: inline-block;
	width: auto;
}
.form-control.inline-s {
	display: inline-block;
	width: 90px;
}
.form-control.inline[type=text],
.form-control.inline[type=tel] {
	width: 200px;
}
.form-control.inline[type=number] {
	width: 90px;
}
.form-control[readonly]:focus {
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-orange,
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
	color: #fff;
	background-color: #f08536;
}
.btn-green,
.btn-green:hover,
.btn-green:active,
.btn-green:focus {
	color: #fff;
	background-color: #5cb89e;
}
.btn-vgreen,
.btn-vgreen:hover,
.btn-vgreen:active,
.btn-vgreen:focus {
	color: #fff;
	background-color: #00ab6f;
}
.btn-gray,
.btn-gray:hover,
.btn-gray:active,
.btn-gray:focus {
	color: #000;
	background-color: #eee;
}

.btn-link {
	white-space: normal;
}

.label-gray {
	display: inline-block;
	color: #9f9f9f;
	font-weight: 300;
    line-height: 1;
	border: 1px solid #9f9f9f;
	border-radius: 200em;
}
.label-black {
	display: inline-block;
	color: #141414;
	font-weight: 300;
	border-radius: 5px;
	padding: 5px 13px;
    line-height: 1;
	border: 1px solid #141414;
}


.text-red,
.text-danger {
	color: #e30000;
}
.text-green {
	color: #5cb89e;
}
.strong {
	font-weight: 600;
}

.text-brown{ color:#713a0d;}
.text-pink{ color:#b42b6e;}
.text-lblue{ color:#4f9db8;}
.text-blue{ color:#136db2;}

.btn .glyphicon-download-alt:before{ content:""; display: inline-block; width: 12px; height: 11px; background: url(../images/icon-download.svg) no-repeat center center; background-size: 12px 11px;}
.btn .glyphicon-share:before{ content:""; display: inline-block; width: 12px; height: 12px; background: url(../images/icon-gaibu.svg) no-repeat center center; background-size: 12px 12px;}
.btn .glyphicon-arrow-right:before{ content:""; display: inline-block; width: 10px; height: 13px; background: url(../images/icon-link.svg) no-repeat center center; background-size: 10px 10px;}
.glyphicon-arrow-right.new_aroow:before{ content:""; display: inline-block; width: 10px; height: 13px; background: url(../images/icon-link.svg) no-repeat center center; background-size: 10px 10px;}
.btn .glyphicon-floormap:before{ content:""; display: inline-block; width: 12px; height: 12px; background: url(../images/icon-floormap.svg) no-repeat center center; background-size: 12px 12px;}
.btn .glyphicon-access:before{ content:""; display: inline-block; width: 12px; height: 13px; background: url(../images/icon-access.svg) no-repeat center center; background-size: 12px 13px;}


/* フレーム */

#related_banners{ background-color: #d8eee8;}
#related_banners>div{ background-color: #d8eee8;}
#related_banners>div ul{ font-size: 0;}
#related_banners>div ul>li{ display: inline-block; position: relative;}
#related_banners>div ul>li>a{ display: table; width: 100%; background-color: #FFFFFF;background-image: linear-gradient(0deg, #e8e9eb 0%, #f4f4f4 100%); color: #141414; font-weight: bold;}
#related_banners>div ul>li>a:hover{ text-decoration: none;}
#related_banners>div ul>li>a>p,
#related_banners>div ul>li>a>span{ display: table-cell; vertical-align: middle; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;}
#related_banners>div ul>li>a>p{ margin: 0; background-image: url(../images/related_border.gif); background-repeat: no-repeat; line-height: 1.2; border-left: 1px solid #b1b1b1;}
#related_banners>div ul>li>a>p>span.related_logo{ background:url(../images/logo.png) no-repeat left top; background-size: auto 100%; display: inline-block;}
#related_banners>div ul>li>a>p>time{ color: #713a0d; display: inline-block; width: 100%;}
#related_banners>div ul>li>a>p>small{ display: inline-block; width: 100%;}
#related_banners>div ul>li>a>span{ background-color: #2f2f2f; background-image: linear-gradient(0deg, #2f2f2f 50%, #919191 100%); border-right: 1px solid #b1b1b1;}
#related_banners>div ul>li>a>span::after{ content: ""; display: block; height: 100%; background: url(../images/related_link_arrow.png) no-repeat center center;}

#banners ul{ font-size: 0;}
#banners ul>li{ font-size: 12px; display: inline-block;}
#banners p#banners_link a{ background:url(../images/banners_arrow.png) no-repeat left center;}

footer{}
footer #footer1,
footer #footer1>div{ background-color: #00ab6f; color: white;}
footer #footer1 a{color: white;}
footer #footer2{ display: none; background-image: url(../images/footer_img.jpg); background-repeat: no-repeat;}
footer #footer3{ background: url(../images/footer_line.gif) repeat-x center bottom;}
footer #footer3>div{ border-bottom: 4px solid #9adbc9;}
footer #copy{ text-align: center; font-size: 10px; color: #292929; margin: 10px 0;}
@media (min-width: 768px) {
.pcnone{display: none !important;}
.container{ width: 990px;}

header{ z-index: 999; width: 100%; background-color: white;}
#sp_header{display: none;}
#pc_header{}
#pc_nav{ background:url(../images/gray_border.gif) repeat-x center bottom; background-size: 2px auto;}
#pc_nav>div{ border-bottom: 2px #d8d8d8 solid; width: 990px; padding: 0 15px; margin: 0 auto; display: table;}
#pc_logo,
#pc_subheader{ display: table-cell; height: 80px;}
#pc_logo{ vertical-align: middle;}
#pc_logo h1{ margin: 0;}
#pc_logo img{ width:166px; height: auto;}
#pc_subheader{ vertical-align: top; width: 580px; padding-top: 5px; text-align: right;}
#pc_subheader>div,
#pc_subheader>ul{ display: inline-block; vertical-align: middle;}

#pc_subheader .languge{
	position: relative;
}
#pc_subheader .languge a.btn-language {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-right: 20px;
	background-position: 0 center;
	background-size: contain;
	background-repeat: no-repeat;
	color: #383838;
	padding-left: 35px;
}
#pc_subheader .languge a.btn-language.btn-language-language {
	background-image: url(../images/icon-header-language-off.png);
}
#pc_subheader .languge a.btn-language.btn-language-language.open {
	background-image: url(../images/icon-header-language-on.png);
}
#pc_subheader .languge a.btn-language.btn-language-search {
	background-image: url(../images/icon-header-search-off.png);
}
#pc_subheader .languge a.btn-language.btn-language-search.open {
	background-image: url(../images/icon-header-search-on.png);
}

#pc_subheader .languge .header-toggle-box {
	background-color: #272727;
	color: #fff;
	position: absolute;
	padding: 7px;
	display: none;
	min-width: 240px;
    text-align: left;
    top: 40px;
    left: -106px;
	z-index: 9;
}
#pc_subheader .languge .header-toggle-box.header-toggle-box-search {
    padding: 5px;
    left: 22px;
    bottom: -45px;
}
#pc_subheader .languge .header-toggle-box.header-toggle-box-language.en {
    width: 320px;
    left: -146px;
}
#pc_subheader .languge .header-toggle-box:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-color: transparent transparent #272727 transparent;
	border-width: 10px 6px;
	border-style: solid;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: -20px;
}
#pc_subheader .languge .header-toggle-box a {
	color: #fff;
}
#pc_subheader .languge .header-toggle-box .google-translate-box {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #fff;
}
#pc_subheader .google_search{
	width: 100%;
    padding: 0;
	color: #000;
}
#pc_subheader .google_search .gsc-control-cse{ border: none; background: none; padding: 0;}
#pc_subheader .google_search .gsc-control-cse td{vertical-align: top;}
#pc_subheader .google_search .gsc-control-cse .gsc-search-button{
	box-sizing: content-box;
	margin: 0;
	background-image: url(../images/icon-header-search-btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
    background-color: #d8d8d8;
}
#pc_subheader .google_search .gsc-control-cse .gsc-input{ padding: 0; margin: 0 !important;}
#pc_subheader .google_search .gsc-control-cse .gsc-input .gsc-input-box { border:none; }
#pc_subheader .google_search .gsc-control-cse input.gsc-search-button-v2{
	padding: 2px 5px;
    cursor: pointer;
	opacity: 0;
}
#pc_subheader .google_search .gsc-control-cse .gsib_a{ padding-top:0;}
#pc_subheader .google_search .gsc-control-cse form.gsc-search-box{ margin-bottom: 0 !important;}
#pc_subheader table.gsc-search-box{ margin-bottom: 0 !important;}
#pc_subheader input.gsc-search-button{ border-color: #D9D9DA;}

ul#pc_sns{ font-size: 0; vertical-align: super; margin: 0;}
ul#pc_sns li{ display: inline-block; width: 30px; margin: 0 2px;}
ul#pc_sns li img{ width: 100%; height: auto;}

#pcnav2{ margin: 0; width: 612px; text-align: right; /*border-bottom: 1px solid #d8d8d8;*/ margin-top: 8px; padding-right: 5px;}
#pcnav2 li{ font-size: 12px; display: inline-block; vertical-align: bottom;/*background: url(../images/header_nav.png) no-repeat left bottom;*/ margin-left: 0;
	position: relative;
    padding: 0 0 0 20px;
}
#pcnav2 li:before{
	content: "";
    display: block;
    background-color: #5cb89e;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -2px;
}
#pcnav2 li a{ color: #383838; text-decoration: none;  padding-left: 0; font-weight: bold; margin-left: 5px;}
#pcnav2 li a:hover{ color:#00AB6F; opacity: 1;}

header nav{ padding-top: 10px; background: url(../images/footer_line.gif) repeat-x center bottom; background-size: auto 2px;}
header nav>ul{ *zoom: 1; width: 990px; margin: 0 auto; padding: 0; text-align: center; font-size: 0; border-bottom: 2px solid #9adbc9; padding: 0 15px;}
header nav>ul:before, header nav>ul:after{ content: ""; display: table; }
header nav>ul:after{ clear: both; }
header nav>ul li{ width: 20%; float: left; margin: 0; padding: 0; text-align: center; }
header nav>ul>li:first-child{display: none;}
header nav>ul>li:last-child{display: none;}
header nav>ul>li>a{ display: block; margin: 0; background: white; color: #383838; font-size: 16px; line-height: 1; text-decoration: none; padding: 24px 0; border-right: 1px solid #d8d8d8; font-weight: bold; transition:background-color 0.25s; letter-spacing: 0.1em;}
header nav>ul>li:nth-child(2)>a{ border-left: 1px solid #d8d8d8;}

header nav>ul>li:hover>a{ background: white; }
header nav>ul>li>a:hover{text-decoration: none; color: #383838; background-color: #9adbc9; opacity: 1;}


body.fixed{ padding-top: 158px;}
.fixed header{ margin-top: 0; top: 0; position: fixed; padding:0; height: auto; background: #fff; width: 100%; z-index: 999; background-color: white;}
.fixed header #pc_nav{ display: none;}
.fixed header nav{ padding-top: 0; background-color: white;}
.fixed header nav>ul{ background-color:; position: relative; border-bottom: none;}
.fixed header nav>ul>li{display: block; width: 152px; border-bottom: 2px solid rgba(0,0,0,0.00);}
.fixed header nav>ul>li:first-child img{ width: 108px; width: 121px;}

.fixed header nav>ul>li:first-child>a:hover{background-color:white;}

.fixed header nav>ul>li>a{ padding: 17px 0; font-size: 14px;}
.fixed header nav>ul>li:first-child>a{ padding: 7px 0; border: none;}
.fixed header nav>ul>li:last-child{ width: 48px;}
.fixed header nav>ul>li:last-child:hover{ width: 48px; border-bottom: 2px solid #eeeeee;}
.fixed header nav>ul>li:last-child>a{font-size: 11px; font-weight: bold; padding: 3px 6px 0; height: 48px;}
.fixed header nav>ul>li:last-child>a>span{ display: block; height: 3px; background-color: #9adbc9;  margin-top: 6px;}

.fixed header nav>ul>li:last-child:hover>a{ background: #f7f7f7;}
.fixed header nav>ul>li:last-child>a:hover{ background: #f7f7f7;}



header nav>ul li ul{ position: absolute; z-index: 9999; top: 100%; left: 15px; margin: 0; padding: 0; width: 960px; background: #f7f7f7; text-align: right; display: block; padding-right: 10px;}
header nav>ul li ul li{ display: inline-block; width: auto; float: none; clear: both; margin-left: 15px;}
header nav>ul li ul li a{  display: inline-block; padding: 10px 0 10px 10px; font-size: 14px; color: #383838; position:relative; }
header nav>ul li ul li a:before {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 60%;
	left: 0;
	top: 20%;
	border-left: 1px solid #d6d6d6;
}


header nav>ul li ul li{ overflow: hidden; height: 0; transition: .2s; }
header nav>ul li:hover ul li{ overflow: visible; height: auto;}
header nav>ul li:hover ul li a:hover {
	color: #00AB6F;
}

.fixed header #pc_header nav ul,
.fixed header #pc_header nav,
.fixed header #pc_header,
.fixed header,
header #pc_header nav ul,
header #pc_header nav,
header #pc_header,
header{
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
transition: top 0.65s ease-in;
}

#related_banners>div{ padding-top: 30px; padding-bottom: 10px;}
#related_banners>div ul>li{ width: 230px; margin-right: 13px; margin-bottom: 20px;}
#related_banners>div ul>li:nth-child(4n+4){ margin-right: 0;}
#related_banners>div ul>li>a{}
#related_banners>div ul>li>a>p,
#related_banners>div ul>li>a>span{ height: 75px;}

#related_banners>div ul>li>a>p{ font-size: 16px; background-position: 5px center; padding-left: 12px;}
#related_banners>div ul>li>a>p>span.related_logo{ width: 100%; height: 17px;}
#related_banners>div ul>li>a>p>time{ font-size: 12px;}
#related_banners>div ul>li>a>p>small{ font-size: 12px;}
#related_banners>div ul>li>a>span{ width:15px;}
	
#related_banners>div ul>li>.new{ position: absolute; top: -10px; left: -10px; background-color: #00ab6f; color: #fff; width: 60px; height: 23px; border-radius: 50px; font-size: 12px; font-weight: bold; display: flex; justify-content: center; align-items: center; z-index: 2; padding: 2px 0 0 0;}

#banners{ padding-top: 50px; padding-bottom: 50px;}
#banners ul>li{ width: 180px; margin-right: 15px; margin-bottom: 20px;}
#banners ul>li:nth-child(5n+5){ margin-right: 0;}
#banners ul>li>a>img{ width: 180px; height: auto;}
#banners p{ font-size: 12px; margin: 0 0 4px; color: #383838;}
#banners p#banners_link{ text-align: right; margin: -20px 0 0;}
#banners p#banners_link a{ color: #383838; padding-left: 8px; display: inline-block; background-size: 5px auto; text-decoration: underline;}

#page_top{
	padding: 50px 0;
	position: fixed;
	right: 30px;
	bottom: -100px;
	opacity: 0;
	transition: all 0.3s;
     z-index: 2;
}
#page_top.view {
	opacity: 1;
	bottom: 0;
}
#page_top>span{ display: block; width: 60px; height: 60px; background: url(../images/page_top_btn_pc.png) no-repeat center center; background-size: 60px; position:absolute; top: 10px; right: 0; cursor: pointer;}

footer #footer1{ line-height: 1.5;}
footer #footer1>div{ padding-top: 20px;}
footer #footer1 p{ border-left: #ffffff solid 5px; margin: 0 0 15px; padding: 5px;}
footer #footer1 p>strong{ font-weight: bold; font-size: 20px;}
footer #footer1 div>ul.footer_nav{ font-size: 0; padding: 5px 0 10px; margin-bottom: 20px;}
footer #footer1 div>ul.footer_nav::after{ content: ""; display: table; clear: both;}
footer #footer1 div>ul.footer_nav>li{ font-size: 14px; font-weight: bold; float: left; padding-left: 10px;}
footer #footer1 div>ul.footer_nav>li>a{ display: block; margin-bottom: 5px;}
footer #footer1 div>ul.footer_nav>li>ul{ font-size: 12px; font-weight: normal; float: left;}

footer #footer1 div>ul.footer_nav1{ background:url(../images/footer_bg1.gif) repeat-y left top;}
footer #footer1 div>ul.footer_nav1>li:first-child{ width:384px;}
footer #footer1 div>ul.footer_nav1>li:first-child>ul{ padding-right: 30px;}
footer #footer1 div>ul.footer_nav1>li:nth-child(2){ width: 191px;}
footer #footer1 div>ul.footer_nav1>li:nth-child(4){ width: 191px;}
footer #footer1 div>ul.footer_nav1>li:nth-child(3){ width: 192px;}

footer #footer1 div>ul.footer_nav2{ background:url(../images/footer_bg2.gif) repeat-y left top;}
footer #footer1 div>ul.footer_nav2>li{ width: 192px;}
footer #footer1 div>ul.footer_nav2>li:nth-child(2){ width:384px;}
footer #footer1 div>ul.footer_nav2>li:nth-child(2)>ul{ padding-right: 50px;}

footer #footer1 div>ul.footer_nav3{ text-align: center; font-size: 0; border-top: #fff solid 1px; margin: 40px 0 0; padding: 40px 0;}
footer #footer1 div>ul.footer_nav3>li{ font-size: 12px; display: inline-block;}
footer #footer1 div>ul.footer_nav3>li::after{ content: "｜";}
footer #footer1 div>ul.footer_nav3>li:first-child::before{ content: "｜";}
footer #footer2{ background-size: cover; background-position: center; padding: 60% 0 0; min-width: 990px;}
footer #footer3>div ul{ padding: 33px 0; display: table; margin: 0 auto;}
footer #footer3>div ul li{ display: table-cell; height: 60px; padding: 0 20px; vertical-align: middle; font-size: 12px; color: #383838;}
footer #footer3>div ul li:first-child{ border-right: 1px solid #5cb89e; vertical-align: middle;}
	footer #footer3>div ul li:first-child img{ width: 177px;}
footer #footer3>div ul li strong{ font-size: 20px;}
footer #copy{ min-width: 990px;}
.common_anchor_link{ padding-top:60px; margin-top: -60px;}
}

#event2{
	margin-top: -55px;
	padding-top: 55px;
}
#kids2{
	margin-top: -55px;
	padding-top: 55px;
}
#ticket2{
	margin-top: -55px;
	padding-top: 55px;
}
#reservation2{
	margin-top: -55px;
	padding-top: 55px;
}
#information2{
	margin-top: -55px;
	padding-top: 55px;
}
#shop2{
	margin-top: -55px;
	padding-top: 55px;
}
#access2{
	margin-top: -55px;
	padding-top: 55px;
}
#passport2{
	margin-top: -55px;
	padding-top: 55px;
}

@media (max-width: 767px) {
.container { padding-right: 10px; padding-left: 10px;}
.row { margin-right: -10px; margin-left: -10px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-right: 10px; padding-left: 10px;}
.spnone{ display: none !important;}
body{padding-top: 50px;}
.common_anchor_link{ padding-top:50px; margin-top: -50px;}

header{ background-color:#FFFFFF; width:100%; position:fixed; top:0; z-index:100; display:table;}
#pc_header{ display: none;}
header #sp_header{ width:100%; display: table-row;}
header #sp_logo,
header #nav-toggle{ display:table-cell; vertical-align:top; z-index:110; position:relative; background-color:#FFF; border-bottom: 1px solid #00ab6f; }
header #sp_logo{ padding: 9px 0 8px 9px;}
header #sp_logo h1{ margin:0; font-size: 10px;}
header #sp_logo h1 a{ display: inline-block;}
header #sp_logo h1 img{ width:115px; height:auto; vertical-align: top;}

header #nav-toggle{ width: 40px; height: 100%; padding:5px 10px 5px 0; cursor: pointer; z-index: 101;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
header #nav-toggle div { text-align:center; position: relative; height: 39px; border-radius:4px; padding: 5px; background-color: #00ab6f;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}


header #nav-toggle div p{ font-size:7px; margin:0 0 2px; color: white;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
header #nav-toggle div p{ margin:0 0 4px; font-size: 15px; transform:scale(0.5); line-height: 0.5; width: 0;}
}
header #nav-toggle span { margin:0 auto 4px; display: block; height: 2px; width: 24px; background: white; border-radius:4px}
header #nav-toggle span:nth-child(1){}
header #nav-toggle span:nth-child(2){}
header #nav-toggle span:nth-child(3){}

header.open #nav-toggle{ padding-bottom:0;}
header.open #nav-toggle div{ border-radius:4px 4px 0 0; height: 44px;}
header.open #nav-toggle div span{ background-color:#FFFFFF;}

header nav { position: absolute; top: -500px; left:0; background: rgba(142,142,142,0.90); width: 100%; text-align: center; padding:0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

header nav{ padding:10px;}
header nav ul.spnav1{ border-top: 1px solid white; border-left: 1px solid white; font-size: 0; text-align: left;}
header nav ul.spnav1 li{ background-color: rgba(255,255,255,0.70); border-right: 1px solid white; border-bottom: 1px solid white; display: inline-block; width: 50%; font-size: 12px; text-align: center; font-weight: bold;}
header nav ul.spnav1 li a{ color: #383838; padding: 15px 0;}
header nav ul.spnav2{ font-size: 0; text-align: left;}
header nav ul.spnav2 li{ display: inline-block; width: 50%; font-size: 10px; font-weight: bold; padding: 8px 0;}
header nav ul.spnav2 li a{ color: white; padding: 2px 0;}
header nav ul.spnav2 li a::before{content: "●"; margin-right: 2px;}

header nav ul.spnav3{ font-size: 0; text-align: center;}
header nav ul.spnav3 li{ display: inline-block; width: 50px; font-size: 10px; margin: 0 12.5px;}
header nav ul.spnav3 li a img{ width: 50px; height: auto;}
header nav .google_search{ padding:0 11.66%;}
header nav .google_search .gsc-control-cse{ border: none; background: none; padding: 0;}
header nav .google_search .gsc-control-cse td{vertical-align: top;}
header nav .google_search .gsc-control-cse .gsc-search-button{ box-sizing: content-box; margin: 0;}
header nav .google_search .gsc-control-cse .gsc-input{ padding: 0;}
header nav .google_search .gsc-control-cse input.gsc-search-button-v2{ padding:6px 6px;}
header nav .google_search .gsc-control-cse .gsib_a{ padding-top:0 !important;}

header nav a{ display:block;}


header nav .sp_languge{ font-size: 0; padding: 0 11.66%;}
header nav .sp_languge p{ font-size: 9px; font-weight: bold; color: white; margin: 0 0 5px;}
header nav .sp_languge a{ width: 50%; text-align: center; font-size: 9px; color: white; display: inline-block; box-sizing: border-box; padding: 2px;}
header nav .sp_languge a span{ padding: 10px 0; display: block;}
header nav .sp_languge a.active span{ background-size: 6px auto;}
header nav .sp_languge a:hover{ text-decoration: none;}

header nav #close_btn{ width:50px; height:50px; display:block; margin:20px auto 10px;}
header nav #close_btn p.nav-toggle{ color:#b0b0b0; border:solid 1.5px #e9e9e9; border-radius:50%; background-color:white; height:100%; font-size:9px; padding:8px 0 0; line-height: 2;}
header nav #close_btn p.nav-toggle span::before{ content:"×"; display:block; font-size:30px; line-height:0.5;}
header.open nav {
-moz-transform: translateY(550px);
-webkit-transform: translateY(550px);
transform: translateY(550px);
}





#related_banners>div{ padding-top: 15px; padding-bottom: 5px;}
#related_banners>div ul>li{ width: 50%; margin-bottom: 10px;}
#related_banners>div ul>li:nth-child(2n+1){ padding-right: 5px;}
#related_banners>div ul>li:nth-child(2n+2){ padding-left: 5px;}
#related_banners>div ul>li>a{}
#related_banners>div ul>li>a>img{ width: 100%; height: auto;}
#related_banners>div ul>li>a>p,
#related_banners>div ul>li>a>span{ height: 48px;}
#related_banners>div ul>li>a>span::after{ background-size: 4px auto;}

#related_banners>div ul>li>a>p{ font-size: 10px; background-position: 3px center; background-size: 1px 40px; padding-left: 12px;}
#related_banners>div ul>li>a>p>span.related_logo{ width: 100%; height: 11px;}
#related_banners>div ul>li>a>p>time{ font-size: 8px;}
#related_banners>div ul>li>a>p>small{ font-size: 8px;}
#related_banners>div ul>li>a>span{ width:9px;}
	
#related_banners>div ul>li>.new{ position: absolute; top: -10px; left: -7px; background-color: #00ab6f; color: #fff; width: 50px; height: 20px; border-radius: 50px; font-size: 10px; font-weight: bold; display: flex; justify-content: center; align-items: center; z-index: 2; padding: 1px 0 0 0;}

/*#banners{ padding-top: 25px;}
#banners ul>li{ width: 33.33%; margin-bottom: 15px;}
#banners ul>li:nth-child(3n+1){ padding-right:12px}
#banners ul>li:nth-child(3n+2){ padding: 0 6px;}
#banners ul>li:nth-child(3n+3){ padding-left: 6px;}
#banners ul>li>a>img{ width: 100%; height: auto;}
#banners p{ font-size: 7px; margin: 0 0 4px; color: #383838;}
#banners p#banners_link{ text-align: left; margin: -10px 0 0;}
#banners p#banners_link a{ color: #383838; padding-left: 8px; display: inline-block; background-size: 5px auto; text-decoration: underline;}*/
	
#banners{ padding-top: 25px;}
#banners ul>li{ width: 50%; margin-bottom: 15px;}
#banners ul>li:nth-child(odd){ padding-right:10px}
#banners ul>li:nth-child(even){ padding: 0;}
#banners ul>li>a>img{ width: 100%; height: auto;}
#banners p{ font-size: 14px; margin: 0 0 4px; color: #383838;}
#banners p#banners_link{ text-align: left; margin: -10px 0 0;}
#banners p#banners_link a{ color: #383838; padding-left: 8px; display: inline-block; background-size: 5px auto; text-decoration: underline;}


#page_top{ padding: 50px 10px;}
#page_top>span{ display: block; height: 40px; background: #00ab6f url(../images/page_top_btn.png) no-repeat center center; background-size: auto 15px;}


















footer #footer1{ padding-top:10px;}
footer #footer1 a:hover{text-decoration: none;}
footer #footer1 div>ul.footer_nav>li>ul{ display: none;}
footer #footer1 p{ border-left: #9adbc9 solid 2px; margin: 0 0 7px; padding: 3px;}
footer #footer1 div>ul{ border-bottom: 1px solid white; border-right: 1px solid white; font-size: 0; margin-bottom: 20px;}
footer #footer1 div>ul>li{ border-top: 1px solid white; border-left: 1px solid white; font-size: 10px; display: inline-block; width: 50%; text-align: center;}
footer #footer1 div>ul>li:first-child{ width:100%;}
footer #footer1 div>ul.footer_nav1>li:first-child{ width:50%;}
footer #footer1 div>ul>li>a{ display: block; padding: 8px 0; white-space: nowrap;}
footer #footer1 div>ul.footer_nav3>li{ width:33.333%; font-size: 9px;}
footer #footer1 div>ul.footer_nav3>li:first-child{ width:100%;}
footer #footer1 div>ul.footer_nav3>li.pcnone{ display:none;}
footer #footer2{ background-size: cover; background-position: center; padding: 56% 0 0;}
footer #footer3>div ul{ padding: 15px 0; display: table; margin: 0 auto;}
footer #footer3>div ul li{ display: table-cell; height: 30px; padding: 0 10px; vertical-align: middle; font-size: 6px; color: #383838;}
footer #footer3>div ul li:first-child{ border-right: 1px solid #5cb89e; vertical-align: top;}
footer #footer3>div ul li:first-child img{ width: 88.5px; height: auto;}
footer #footer3>div ul li strong{ font-size: 10px;}


header .languge a{ background: url(../images/languge_bg.gif) repeat left top;}
header .languge a.active{ background: none #9adbc9;}
header .languge a.active span{ background: url(../images/languge_active.png) #5cb89e no-repeat center bottom;}
header nav ul.spnav2 li{width: 30%; margin-right: 3.3%;}


}


/* トップページ */
#top_news{}
#top_news dt{background-color: #5cb89e; color: white;}
#top_news dd{ background-color: #eeeeee;}
#top_news dd a:hover{ text-decoration: none;}
#top_news dd a p{ color: #383838; margin: 0;}
#top_news dd a time{ color: #a60e59;}

.top_title_link{ display: table; width: 100%; background-image: url(../images/lightgreen.gif),url(../images/gray_border.gif); background-position: left top, left top; background-repeat: no-repeat, repeat-x; border-bottom: 1px solid #d8d8d8;}
.top_title_link h2,.top_title_link a{ display: table-cell; vertical-align: middle;}
.top_title_link h2{ color: #383838; background: url(../images/toph2linkborder.png) repeat-y right top; font-weight: bold;}
.top_title_link a{
	color: #383838;
	position: relative;
}
.top_title_link a:after{
	content: "";
	display: block;
	width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: -6px;
    margin-top: -9px;
    border-top: 1px solid #5ac49a;
    border-right: 1px solid #5ac49a;
    transform: rotate(45deg);
}
.top_title_link a:hover{ text-decoration: none;}
.top_title_link.top_no_link h2{ background:none;}
#top_pickup{}
#top_pickup ul{}
#top_pickup ul li{ vertical-align: top;}
#top_pickup ul li a{}
#top_pickup ul li a:hover{ text-decoration: none;}
#top_pickup ul li a img{}
#top_pickup ul li a p{
	color: #141414; position: relative; padding-bottom: 2px;
	/* ellipsis */
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
#top_pickup ul li a p time{ color: #a60e59; display: block;}
#top_pickup ul li.remainder a p::after{ content: "残席わずか"; color: white; background-color: #a60e59; display:inline-block; position: absolute; right: 0; top: 0;}
#top_pickup ul li.remainder.soldout a p::after{ content: "完売"; color: white; background-color: #a60e59; display:inline-block; position: absolute; right: 0; top: 0;}

#top_newstopics{}
#top_newstopics ul{}
#top_newstopics ul li{ border-bottom: 1px #adadad dotted;}
#top_newstopics ul li a{}
#top_newstopics ul li a:hover{ text-decoration: none;}
#top_newstopics ul li a time{ color: #383838;}
#top_newstopics ul li a span{ color: white;}
#top_newstopics ul li a span small.notice{ background-color:#00ab6f;}
#top_newstopics ul li a span small.event{ background-color:#a60e59;}
#top_newstopics ul li a span small.concert{ background-color:#f08536;}
#top_newstopics ul li a span small.recruitment{ background-color:#55a3d9;}
#top_newstopics ul li a span small.press{ background-color:#b29a50;}
#top_newstopics ul li a span small.ticket{ background-color:#f4848e;}

#top_newstopics ul li a h3{ color: #383838;}
#top_calendar{}
#top_calendar ul{ display: table; width: 100%; background-color: #d8eee8;}
#top_calendar ul li{color: #00ab6f; display: table-cell; vertical-align: middle;}
#top_calendar ul li a{ color: #383838;}
#top_calendar ul li a:hover{ text-decoration: none;}
#top_calendar ul li a.disabled {
	opacity: 0.3;
}
#top_calendar ul li small{ /*color: #484848;*/}

#top_calendar table{}
#top_calendar table thead{}
#top_calendar table thead tr th,#top_calendar table tbody tr td{ text-align: center; width: 14.28%; border-color: white; border-style: solid;}
#top_calendar table tbody tr td a{ color: #383838;}
#top_calendar table thead tr th:first-child,#top_calendar table tbody tr td:first-child,
#top_calendar table thead tr th:first-child,#top_calendar table tbody tr td:first-child a{ color: #d63685;}
#top_calendar table thead tr th:last-child,#top_calendar table tbody tr td:last-child,
#top_calendar table thead tr th:last-child,#top_calendar table tbody tr td:last-child a{ color: #55a3d9;}
#top_calendar table tbody tr td{background-color:#e9e9e9;}

#top_calendar>div>a{
	background-color: #5cb89e;
	border-style: solid;
	border-color: #9adbc9;
	color: white;
	display: block;
	font-weight: bold;
	position: relative;
    text-align: center;
}
.concert_banner{ margin: 12px 0 0 0; padding: 0 10px;}
.concert_banner a{ border: 0!important; padding: 0!important; background-color: #FFF!important;}
.concert_banner a img{ border: 1px solid #222;}

#top_calendar>div>a:hover{ text-decoration:none;}
#top_calendar>div>a:after{
	content: "";
	display: block;
	width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -9px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

#top_gallery{}
#top_gallery ul{ font-size: 0;}
#top_gallery ul li{ display: inline-block; vertical-align: top;}
#top_gallery ul li>p{ color: #383838;}
#top_gallery ul li>p::before{content: " "; background: url(../images/magenta_arrow.png) no-repeat left center; display: inline-block;}
#top_gallery ul li a{ display: block; position: relative;}
#top_gallery ul li a:hover{ text-decoration: none;}
#top_gallery ul li a>span{ color: white; font-weight: bold; text-align: center; display: block; position: absolute; top: 0; left: 0; background-color: #5cb89e;}
#top_gallery ul li a>.thumb{
	background-position: center center;
	background-size: cover;
	height: 90px;
	margin-bottom: 10px;
}
#top_gallery ul li a>img{ width: 100%; height: auto;}
#top_gallery ul li a>p{
	color: #141414; font-weight: bold;
	/* ellisis */
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#top_gallery ul li a>time{ color: #a60e59; display: block; font-weight: bold;}
#calendar_bottom_youtube{ position:relative; width:100%; padding-top:56.25%; margin-top: 10px;}
#calendar_bottom_youtube iframe{ position:absolute; top:0; right:0; width:100%; height:100%;}

#top_youtube{ position:relative; width:100%; padding-top:56.25%; margin-top: 10px;}
#top_youtube iframe{ position:absolute; top:0; right:0; width:100%; height:100%;}

@media (max-width: 767px) {
	.modal-header_movie { padding: 5px 10px 22px}
	.modal-body_movie { padding: 0; position:relative; padding-top:56.25%;}
	.modal-body_movie iframe{ position:absolute; top:0; right:0; width:100%; height:100%;}
}

#top_banner{ position:relative; width:100%; /*padding-top:56.25%;*/ margin-top: 10px;}
#top_banner iframe{ position:absolute; top:0; right:0; width:100%; height:100%;}

@media (min-width: 768px) {
#top_news{ display: table; width: 100%; margin-bottom: 50px;}
#top_news dt,
#top_news dd{ display: table-cell; vertical-align: middle; height: 40px;}
#top_news dt{ font-size: 16px; font-weight: normal; text-align: center; width: 200px;}
#top_news dd a{ display: table; width: 100%;}
#top_news dd a{}
#top_news dd a time,
#top_news dd a p{ display: table-cell;}
#top_news dd a time{ font-size: 12px; width: 115px; text-align: center; font-weight: bold;}
#top_news dd a p{ font-size: 16px;}

.top_title_link{ background-size: 310px 2px, 2px; padding: 8px 10px 6px 13px;}
.top_title_link h2,.top_title_link a{height: 58px;}
.top_title_link h2{ font-size: 20px; letter-spacing: 2px; background-size: 2px auto; margin: 0;}
.top_title_link a{ background-size: auto 25px; font-size: 14px; letter-spacing: 2px; padding: 0 0 0 10px; width: 133px;}

#top_pickup{ margin-bottom: 50px;}
#top_pickup .top_title_link{ margin-bottom: 20px;}
#top_pickup ul{ font-size: 0;}
#top_pickup ul li{ vertical-align: top; display: inline-block;}
#top_pickup ul.top_pick_up { margin-left: -10px; margin-right:-10px; }
#top_pickup ul.top_pick_up li{ width: 33.333%; margin-bottom: 40px; padding: 0 10px; }
#top_pickup ul li a{}
#top_pickup ul li a img{ width: 100%; height: auto; margin-bottom: 10px;}
#top_pickup ul li a p{ font-size: 14px; font-weight: bold;}
#top_pickup ul li.remainder a p::after{ font-size: 11px; font-weight: normal; padding: 2px 5px;}
#top_pickup ul li a p time{ font-size: 14px; font-weight: bold; margin-bottom: 5px;}
#top_pickup ul.top_pick_up_sub li{width:25%; padding: 0 10px;}
#top_pickup ul.top_pick_up_sub li:last-child{ padding-left: 20px; padding-right: 0;}
#top_pickup ul.top_pick_up_sub li:first-child{ padding-right: 20px; padding-left: 0;}
#top_pickup ul.top_pick_up_sub li a p{ font-size: 14px;}
#top_pickup ul.top_pick_up_sub li a p time{ font-size: 14px;}

#top_newstopics{ width: 730px; margin-bottom: 50px;}
#top_newstopics ul{}
#top_newstopics ul li{ display: table; width: 100%; padding: 10px 0;}
#top_newstopics ul li a{ display: table-row}
#top_newstopics ul li a time,#top_newstopics ul li a div{ display: table-cell; vertical-align: middle; margin: 0; height: 40px; font-size: 0;}
#top_newstopics ul li a time{ width: 82px; border-right: 1px solid #9adbc9; text-align: center; font-size: 12px;}
#top_newstopics ul li a span{ width: 80px; text-align: center; display: inline-block; vertical-align: middle;}
#top_newstopics ul li a span small{ font-size: 10px; display: inline-block; line-height: 2; padding: 0 4px; width: 60px;}
#top_newstopics ul li a h3{ font-size: 14px; font-weight: normal; display: inline-block; vertical-align: middle; margin: 0; width: 535px; line-height: 1.2;}

#top_calendar{ width: 260px; margin-bottom: 50px;}
#top_calendar>div#calendar_box{ border: 1px solid #d8d8d8; padding:5px;}
#top_calendar ul{margin: 0 auto; width: 100%;}
#top_calendar ul li{ height: 70px;}
#top_calendar ul li:first-child,#top_calendar ul li:last-child{ width: 36px; text-align: center;}
#top_calendar ul li:nth-child(2) p{text-align:center; font-size: 40px; line-height: 1; margin: 0;}
#top_calendar ul li:nth-child(2) small{ font-size: 12px; text-align: center; line-height: 1; display: block;}

#top_calendar table{ margin: 0 auto 6px; width: 100%; }
#top_calendar table thead tr th,#top_calendar table tbody tr td{ border-width:2px 3px;}
#top_calendar table thead tr th{ font-size:10px; height: 18px;}
#top_calendar table tbody tr td{ font-size:10px; height: 22px;}

#top_calendar>div>a{ border-width:5px; padding: 10px; font-size: 16px; display:block; margin: 0 auto; background-size: auto 25px;}

#top_gallery{ margin-bottom:50px;}
#top_gallery ul li{width:25%; padding: 0 10px; vertical-align: top;}
#top_gallery ul li:first-child{ padding-right: 20px; padding-left: 0;}
#top_gallery ul li:last-child{ padding-left: 20px; padding-right: 0;}

#top_gallery ul li>p{ font-size: 12px; margin-bottom: 3px;}
#top_gallery ul li>p::before{width: 10px; font-size: 12px; background-size: 5px auto; height:9px;}
#top_gallery ul li a>span{ font-size:10px; width: 140px; padding: 2px 0;}
#top_gallery ul li a>img{ margin-bottom:5px;}
#top_gallery ul li a>p{ font-size:14px;}
#top_gallery ul li a>time{ font-size:14px; margin-bottom:5px;}

#top_newstopics .top_title_link,
#top_calendar .top_title_link,
#top_gallery .top_title_link{ margin-bottom: 10px;}

#top_slider_pro_box{ min-width:990px;}
#top_slider_pro{ margin-bottom: 50px;}
}
@media (max-width: 767px) {
footer #footer1 div>ul.footer_nav1>li:last-child{ width: 100%;}	
	
#top_news{ margin-left: -10px; margin-right: -10px; margin-bottom: 25px;}
#top_news dt{ font-size:12px; letter-spacing: 2px; padding: 2px 10px;}
#top_news dd{ padding: 2px 10px 5px 10px;}
#top_news dd a time{ font-size: 9px; font-weight: bold;}
#top_news dd a p{ font-size: 12px;}

.top_title_link{ background-size: 125px 2px, 2px; padding: 5px 5px 3px 6px;}
.top_title_link h2,.top_title_link a{height: 32px;}
.top_title_link h2{ font-size: 12px; letter-spacing: 2px; background-size: 2px auto;}
.top_title_link a{ background-size: auto 13px; font-size: 9px; padding: 0 0 0 10px; width: 86px;}

#top_pickup{ margin-left:-10px; margin-right:-10px; margin-bottom: 25px;}
#top_pickup ul{ padding: 0 10px;}
#top_pickup ul li{ margin-bottom: 20px;}
#top_pickup ul li a{color:#252525;}
#top_pickup ul li a img{ width: 100%; height: auto; margin-bottom: 10px;}
#top_pickup ul li a p{ font-size: 14px;    font-weight: 600;}
#top_pickup ul li a p time{ font-size: 12px; font-weight: bold; margin-bottom: 3px;}
#top_pickup ul li.remainder a p::after{ font-size: 9px; font-weight: normal; padding: 2px 5px;;}
#top_pickup ul.top_pick_up_sub{ font-size: 0;}
#top_pickup ul.top_pick_up_sub li{ margin-bottom:5px; width: 50%; display: inline-block;}
#top_pickup ul.top_pick_up_sub li:nth-child(odd){ padding-right: 5px;}
#top_pickup ul.top_pick_up_sub li:nth-child(even){ padding-left: 5px;}
#top_pickup ul.top_pick_up_sub li a img{ margin-bottom:5px;}
#top_pickup ul.top_pick_up_sub li a p{ font-size: 12px;}
#top_pickup ul.top_pick_up_sub li a p time{ font-size: 11px;}

#top_newstopics{ padding-left:0; padding-right:0; margin-bottom: 25px;}
#top_newstopics ul{ padding: 0 10px;}
#top_newstopics ul li{ padding: 7px 0;}
#top_newstopics ul li a{ display:block; width: 100%; border-left: 1px solid #5cb89e; padding: 3px 0;}
#top_newstopics ul li a time,#top_newstopics ul li a span,#top_newstopics ul li a h3{ margin: 0;}
#top_newstopics ul li a time{ font-size: 8px; font-weight: bold; display: block; padding-left: 4px; margin-bottom: 5px;}
#top_newstopics ul li a div{ display: table;}
#top_newstopics ul li a div span,#top_newstopics ul li a div h3{ display: table-cell; vertical-align: middle;}
#top_newstopics ul li a span{ padding:0 4px; display: inline-block; width: 70px;}
#top_newstopics ul li a span small{ font-size: 8px; padding: 0px 4px; line-height: 1.8; display: block; text-align: center; width: 100%;}
#top_newstopics ul li a h3{ font-size: 12px; display: inline;}

#top_calendar{ padding:0; margin-bottom: 25px;}
#top_calendar>div#calendar_box{ padding:0 10px;}
#top_calendar>div#calendar_box>div{ border: 1px solid #d8d8d8; padding:5px; margin-bottom: 5px;}
#top_calendar ul{margin: 0 auto; width: 100%; padding: 0 5px;}
#top_calendar ul li{ height: 73px;}
#top_calendar ul li:first-child,#top_calendar ul li:last-child{ width: 50px; font-size: 6px;}
#top_calendar ul li:first-child{ text-align:left; padding-left:5px;}
#top_calendar ul li:last-child{ text-align:right; padding-right:5px;}
#top_calendar ul li:first-child a::after{content: "PREV"; font-size: 11px; font-weight: bold;}
#top_calendar ul li:last-child a::before{content: "NEXT"; font-size: 11px; font-weight: bold;}
#top_calendar ul li:nth-child(2) p{text-align:center; font-size: 40px; line-height: 1; margin: 0;}
#top_calendar ul li:nth-child(2) small{ font-size: 11px; text-align: center; line-height: 1; display: block;}

#top_calendar table{margin:0;}
#top_calendar table thead tr th,#top_calendar table tbody tr td{ border-width:4px 5px; line-height: 1;}
#top_calendar table thead tr th{ font-size:8px; height: 20px;}
#top_calendar table tbody tr td{ font-size:13px; height: 25px;}
#top_calendar>div>a{ border-width:2.5px; padding: 12px 6px; font-size: 11px; margin: 0 auto; background-size: auto 13px;}

#top_gallery{ margin: 0 -10px; margin-bottom: 25px;}
#top_gallery ul{ padding:0 10px;}
#top_gallery ul li{width:50%; margin-bottom: 15px;}
#top_gallery ul li:nth-child(odd){ padding-right:5px;}
#top_gallery ul li:nth-child(even){ padding-left:5px;}
#top_gallery ul li>p{ font-size: 8px; margin-bottom: 3px;}
#top_gallery ul li>p::before{width: 5px; font-size: 12px; background-size: 3px auto; height:8px;}
#top_gallery ul li a>span{ font-size:8px; width: 90px; padding: 2px 0;}
#top_gallery ul li a>img{ margin-bottom:5px;}
#top_gallery ul li a>p{ font-size:12px;}
#top_gallery ul li a>time{ font-size:11px;}

#top_pickup .top_title_link,
#top_calendar .top_title_link{ margin-bottom: 15px;}
#top_gallery .top_title_link{ margin-bottom:10px;}


}

/* トップスライド */
#top_slider_pro_box{ overflow:hidden;}
#top_slider_pro_box .slider-pro .sp-mask { overflow: visible !important;}
#top_slider_pro_box .sp-horizontal .sp-arrows{ margin-top:-25px;}

#top_slider_pro_box .sp-previous-arrow:before,
#top_slider_pro_box .sp-previous-arrow:after,
#top_slider_pro_box .sp-next-arrow:before,
#top_slider_pro_box .sp-next-arrow:after{ width:15%;}

#top_slider_pro_box .sp-horizontal .sp-next-arrow{ right: -40px;}
#top_slider_pro_box .sp-horizontal .sp-previous-arrow{ left: -40px;}

#top_slider_pro_box .sp-arrow{ height: 50px;}
#top_slider_pro_box .sp-slide{}
#top_slider_pro_box .sp-thumbnails-container.sp-bottom-thumbnails{ margin-top:10px;}
#top_slider_pro_box .sp-thumbnail-container{ padding-top:10px;}
#top_slider_pro_box .sp-thumbnail-container.sp-selected-thumbnail{ position: relative;}
#top_slider_pro_box .sp-thumbnail-container.sp-selected-thumbnail::before{ position: absolute; content:""; width: 100%; height: 96px; display: block; border: 4px #9adbc9 solid;}
#top_slider_pro_box .sp-thumbnail-container.sp-selected-thumbnail::after{ position:absolute; content: "▲"; color: #9adbc9; text-align: center; font-size: 15px; line-height: 1; width: 100%; top: 0; left: 0; z-index: 10;  overflow: visible !important;}
#top_slider_pro_box .sp-top-thumbnails .sp-thumbnail-container,
#top_slider_pro_box .sp-bottom-thumbnails .sp-thumbnail-container{ margin-left: 5px; margin-right: 5px;}
#top_slider_pro_box .sp-top-thumbnails .sp-thumbnail-container:first-child,
#top_slider_pro_box .sp-bottom-thumbnails .sp-thumbnail-container:first-child{ margin-left:0;}
#top_slider_pro_box .sp-top-thumbnails .sp-thumbnail-container:last-child,
#top_slider_pro_box .sp-bottom-thumbnails .sp-thumbnail-container:last-child{ margin-right:0;}

#top_slider_pro_box .sp-thumbnail-arrow{ width:40px; height: 40px; background-color: rgba(195,195,195,0.50); border-radius: 20px;}

#top_slider_pro_box .sp-top-thumbnails .sp-previous-thumbnail-arrow,
#top_slider_pro_box .sp-bottom-thumbnails .sp-previous-thumbnail-arrow{ left:5px;}

#top_slider_pro_box .sp-top-thumbnails .sp-next-thumbnail-arrow,
#top_slider_pro_box .sp-bottom-thumbnails .sp-next-thumbnail-arrow{ right:5px;}

#top_slider_pro_box .sp-previous-thumbnail-arrow:before,
#top_slider_pro_box .sp-previous-thumbnail-arrow:after,
#top_slider_pro_box .sp-next-thumbnail-arrow:before,
#top_slider_pro_box .sp-next-thumbnail-arrow:after{ background-color:#383838;}

#top_slider_pro_box .sp-previous-thumbnail-arrow:before,
#top_slider_pro_box .sp-previous-thumbnail-arrow:after,
#top_slider_pro_box .sp-next-thumbnail-arrow:before,
#top_slider_pro_box .sp-next-thumbnail-arrow:after{ width:5%; height: 30%;}
#top_slider_pro_box .sp-next-thumbnail-arrow:before{ top:20%; right: 45%;}
#top_slider_pro_box .sp-next-thumbnail-arrow:after{ right: 45%;}
#top_slider_pro_box .sp-previous-thumbnail-arrow:before{ top: 20%; left: 45%;}
#top_slider_pro_box .sp-previous-thumbnail-arrow:after{ left: 45%;}
@media (min-width: 768px) {
#sync1{ overflow: hidden; margin-top: 15px;}
#sync1 .owl-item{ background:url(../images/slide_bg.png) repeat top left;}
#sync1 .owl-item>div{opacity: 0.3;}
#sync1 .owl-item.active.center>div{ opacity: 1;}
#sync1 .owl-nav{ margin: 0;}
#sync1 .owl-nav .owl-prev,
#sync1 .owl-nav .owl-next{ position: absolute; top: 50%; width: 26px; height: 50px; display: block; background: transparent; background-size: 26px 50px; background-position: center center; background-repeat: no-repeat; padding: 0; margin: -25px 0 0; border: 0;}
#sync1 .owl-nav .owl-prev{ left: 20px; background-image: url(../images/btn_prev.png);}
#sync1 .owl-nav .owl-next{ right: 20px; background-image: url(../images/btn_next.png);}

#sync2{ width:960px; margin: 0 auto 50px;}
#sync2>div:first-child{ overflow: hidden; padding-top: 10px;}
#sync2>div:last-child{ overflow: visible;}
#sync2 .owl-item{ border: rgba(255,255,255,0.00) solid 5px;}
#sync2 .owl-item.active.current{ border: #5ac49a solid 5px; position: relative;}
#sync2 .owl-item.active.current::after{ content: "▲"; color: #5ac49a; position: absolute; text-align: center; font-size: 15px; line-height: 1; width: 100%; top: -15px; z-index: 10;}

#sync2 .owl-nav{}
#sync2 .owl-nav div:hover{background-color: none;}
#sync2 .owl-nav .owl-prev,
#sync2 .owl-nav .owl-next{ position: absolute; top: 50%; width: 40px; height: 40px; display: block; background: transparent; background-size: 40px 40px; background-position: center center; background-repeat: no-repeat; padding: 0; margin: -15px 0 0; border: 0;}
#sync2 .owl-nav .owl-prev{ left: -20px; background-image: url(../images/slide_prev.png);}
#sync2 .owl-nav .owl-next{ right: -20px; background-image: url(../images/slide_next.png);}

}
@media (max-width: 767px) {
#sync1{  overflow: hidden; margin-bottom: 25px;}
#sync2{ display: none;}
.top_title_link a:after{ right:0;}

}




/* 下層ページの共通パーツ */
#breadcrumb{ background-color: #f7f6ef;}
#breadcrumb .breadcrumb{ background-color: #f7f6ef; margin-bottom: 0;}
#breadcrumb .breadcrumb li,
.breadcrumb > li + li:before,
#breadcrumb .breadcrumb li a{ color: #383838;}
#breadcrumb .breadcrumb li:first-child>a{ background:url(../images/breadcrumb_home.png) no-repeat left center;}

#page_title{ background-color: #5ac49a;}
#page_title>div{ background-color: #5ac49a;}
#page_title>div h1{ color: white;}

#page_content h2,
#page_content h3,
#page_content h4,
#page_content h5{ color: #383838; margin-top: 0;}

/*
.tplh2{ font-size: 20px; font-weight: bold; padding: 25px 0 25px 10px; margin: 0 0 20px; background: url(../images/footer_line.gif) repeat-y left top; background-size: 6px auto; border: 1px solid #8e8e8e;}
.tplh3{ font-size: 20px; font-weight: bold; padding: 12px 0 12px 10px; border-bottom: 1px solid #8e8e8e; position: relative;}
.tplh3::before{ position: absolute; left: 0; top: 0; display: block; border:white 4px solid; width: 10px; height: 100%; background-color: #8e8e8e; content: "";}
.tplh4{ font-size: 18px; font-weight: bold; padding: 12px 0 15px 12px; border-bottom: 1px solid #8e8e8e; position: relative;}
.tplh4::before{ position: absolute; left: 0; bottom: 2px; display: block; height: 1px; background-color: #8e8e8e; width: 100%; content: "";}
.tplh5{ font-size: 16px; font-weight: bold; padding: 10px 0 10px 12px; border-bottom: 1px solid #5cb89e;}
.tplh6{ font-size: 14px; font-weight: bold; padding: 10px 0 10px 12px;}
*/

.tplh2{
	border-bottom: 1px solid #d8d8d8;
	border-top: 2px solid #d8d8d8;
	font-size: 20px; padding: 22px 0 22px 10px; margin: 0 0 10px; font-weight: bold; position:relative; }
.tplh2:before {
	content: "";
	display: block;
	width: 310px;
    height: 2px;
    background-color: #5ac49a;
    position: absolute;
    left: 0;
    top: -2px;
}
.tplh3{ font-size: 20px; font-weight: bold; padding: 12px 0 12px 10px; border-bottom: 2px solid #5ac49a; position: relative;}
.tplh4{ font-size: 18px; font-weight: bold; padding: 12px 0 6px 10px; border-bottom: 1px solid #5ac49a; position: relative;}
.tplh5{ font-size: 16px; font-weight: bold; padding: 10px 0 6px 10px; border-bottom: 1px solid #d8d8d8;}
.tplh6{ font-size: 14px; font-weight: bold; padding: 10px 0 10px 10px;}

/*
.tplh3{ border: #c3c3c3 solid 1px; padding: 4px; position: relative; font-size: 20px; padding: 12px 0 12px 10px; font-weight: bold;}
.tplh3::before{ position: absolute; left: 0; top: 0; display: block; border:white 4px solid; width: 10px; height: 100%; background-color: #8e8e8e; content: "";}
.tplh4{ background-image: url(../images/footer_line.gif),url(../images/gray_border.gif); background-position: left bottom,left bottom; background-repeat: no-repeat, repeat-x; background-size: 200px 2px, 2px; padding: 12px 0 12px 12px; font-weight: bold; font-size: 18px;}
.tplh5{ font-size: 16px; font-weight: bold; border-bottom: 1px solid #5cb89e; padding: 10px 0 10px 12px;}
.tplh6{ font-size: 14px; font-weight: bold; padding: 10px 0 10px 12px; }
*/

/*
#page_content h2,
#page_content h3,
#page_content h4,
#page_content h5{ color: #383838; font-weight: bold;}
#page_content ul li{ color: #383838; font-weight: normal;}
#page_content h2{ background-color: #f1f1f1; border: 1px solid #cecece; position: relative;}
#page_content h2::before{ content:""; background-color: #9f9f9f; display: block; float: left;}
#page_content h2::after{ clear: both; content: ""; display: table; background: url(../images/page_h2_arrow.png) no-repeat center bottom; position: absolute; width: 17px; height: 9px; bottom:-9px;}
#page_content h3{ background-image: url(../images/footer_line.gif),url(../images/gray_border.gif); background-position: left bottom, left bottom; background-repeat: no-repeat, repeat-x;}
#page_content h4{ border-bottom:#5cb89e solid 1px;}
*/

#side_content ul.side_menu1{}
#side_content ul.side_menu2{ background-color: #e9e9e8;}
#side_content ul.side_menu2 li{ background-color: white;}
#side_content ul.side_menu2 li a{ display: block; color: #383838;}
#side_content ul.side_menu2 li a span{ display: block; border-left: #9f9f9f solid 2px; /*background: url(../images/h2linkaroow.png) no-repeat right center; background-size: auto 16px;*/ position: relative;}
#side_content ul.side_menu2 li a span::after{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -6px;
    border-top: 1px solid #5cb89e;
    border-right: 1px solid #5cb89e;
    transform: rotate(45deg);
}

.cd-accordion-menu { margin: 0 0 20px;}
.cd-accordion-menu ul { display: none;}
.cd-accordion-menu li { margin-bottom: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cd-accordion-menu input[type=checkbox] { position: absolute; opacity: 0;}
.cd-accordion-menu label,
.cd-accordion-menu a{ position: relative; display: block; padding:15px 10px 15px 18px; background: #eee; color: #383838;}
.no-touch .cd-accordion-menu label:hover,
.no-touch .cd-accordion-menu a:hover{}

.cd-accordion-menu label::before{ content: ''; display: inline-block; width: 13px; height: 13px; position: absolute; top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-accordion-menu label::after,
.cd-accordion-menu a::after { content: '>'; color: white; font-size: 10px; line-height: 1; padding: 20px 0 0 3px; display: block; width: 10px; height: 100%; position: absolute; top:50%; left: 0; background-color: #5cb89e;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-accordion-menu label { cursor: pointer; font-size: 14px; font-weight: normal; margin: 0 0 1px;}
.cd-accordion-menu label:hover{ background-color: #d8eee8;}
.cd-accordion-menu li label::before{
  background-image: url(../images/accordion_arrow.png);
  background-repeat: no-repeat;
  background-size: 18px 10px;
  content: ""; display: block; width: 18px; height: 10px;
}
.cd-accordion-menu label::after{ /*background-image: url(../images/btn_next.png); background-repeat: no-repeat; background-size: 5px auto;*/}

.cd-accordion-menu label::before { right: 10px; background-position: center;}
.cd-accordion-menu label::after { background-position: center; }
.cd-accordion-menu a::after { background-color: transparent; color: #383838; padding-left: 3px; padding-top: 18px;}
.cd-accordion-menu input[type=checkbox]:checked + label::before {transform: rotateX(180deg); top: 40%;}
.cd-accordion-menu input[type=checkbox]:checked + label::after {}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { display: block;}
.cd-accordion-menu a{ font-size:13px;}

.cd-accordion-menu ul label,
.cd-accordion-menu ul a { background: #eeeeee;}
.cd-accordion-menu ul a:hover{ background: #d8eee8; opacity: 1;}

.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover {}

.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {}


.cd-accordion-menu.animated label::before {
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;}

.cd-accordion-menu>li>a{ background-color: #eeeeee;}
.cd-accordion-menu>li>a::after{ background-color: #9f9f9f; color: white;}

.btn{ border-radius:5px;}
.btn-fbold{ font-weight:bold;}

.btn.btn_link{ display: inline-block; width: 150px; font-size: 14px; vertical-align: middle; font-weight: bold; color: #252525; padding: 6px; border: 1px solid #cccccc; background-color: white;}
.btn.btn_link>span{ width:100%; display: table;}
.btn.btn_link>span>span{ display: table-cell; text-align: left;}
.btn.btn_link>span>span.glyphicon{ text-align: right;}

.btn_link.link_w_auto{ width:auto;}
.btn_link.link_w_auto>span>span.glyphicon{ padding-left: 10px;}

.btn.btn-lb-ra{ position: relative; padding-left: 16px; padding-top: 12px; padding-bottom: 12px; padding-right:40px;}
.btn.btn-lb-ra::before{ position: absolute; left: 0; top: 0; height: 100%; width: 14px; border-color: transparent; border-width: 3px 6px; border-style: solid; background-color: white; border-radius: 5px; /*content: "";*/}
.btn.btn-lb-ra::after,.btn.btn-ld-ra::after{ 
	content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
	margin-left:20px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
}

.btn-default.btn-lb-ra.green::before{ background-color: #00ab6f; border-color:white;}
.btn-default.btn-lb-ra.green:hover::before,
.btn-default.btn-lb-ra.green:active::before{ border-color:#e6e6e6;}
.btn-default.btn-lb-ra.green:active:hover::before{ border-color:#d4d4d4;}
.btn-default.btn-lb-ra.green::after{ 
	content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
	margin-left:20px;
    border-top: 1px solid #00ab6f;
    border-right: 1px solid #00ab6f;
    transform: rotate(45deg);
}

.btn-default.btn-lb-ra.pink::before{ background-color: #b42b6e; border-color:white;}
.btn-default.btn-lb-ra.pink:hover::before,
.btn-default.btn-lb-ra.pink:active::before{ border-color:#e6e6e6;}
.btn-default.btn-lb-ra.pink:active:hover::before{ border-color:#d4d4d4;}
.btn-default.btn-lb-ra.pink::after{ 
	content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
	margin-left:20px;
    border-top: 1px solid #b42b6e;
    border-right: 1px solid #b42b6e;
    transform: rotate(45deg);}

.btn-default.btn-lb-ra:active{ box-shadow:none;}

.btn.btn-ld-ra{ padding-left:4px; padding-top: 12px; padding-bottom: 12px;}
.btn.btn-ld-ra::before{ content: "●"; display: inline-block; padding-right: 4px; font-size: 10px;}

.btn-lblue{ background-color: #40b6df;}
.btn-blue{ background-color: #337ab7;}
.btn-lgblue{ background-color: #4f9db8;}
.btn-dpink{ background-color: #b42b6e;}
.btn-yellow{ background-color: #f39700;}
.btn-dgreen{ background-color: #36a456;}
.btn-green{ background-color: #5cb89e;}
.btn-lgreen{ background-color: #73b852;}
.btn-black{ background-color: #252525;}
.btn-dgray{ background-color: #8e8e8e;}
.btn-dbrown{ background-color: #473830;}
.btn-lbrown{ background-color: #6a5747;}
.btn-greentea{ background-color: #838D3B;}
.btn-darkorange{ background-color: darkorange;}
.btn-saddlebrown{ background-color: saddlebrown;}
.btn-covid{ font-size: 13px; padding-top: 14px; padding-bottom: 11px;}

.btn-green,
.btn-darkorange,
.btn-saddlebrown,
.btn-lblue,
.btn-blue,
.btn-lgblue,
.btn-dpink,
.btn-yellow,
.btn-dgreen,
.btn-lgreen,
.btn-black,
.btn-dgray,
.btn-dbrown,
.btn-lbrown{ color: white;}

.btn-lblue:active,.btn-blue:active,.btn-lgblue:active,.btn-dpink:active,.btn-yellow:active,.btn-dgreen:active,.btn-lgreen:active,.btn-black:active,.btn-dgray:active,.btn-dbrown:active,.btn-lbrown:active,
.btn-lblue:hover,.btn-blue:hover,.btn-lgblue:hover,.btn-dpink:hover,.btn-yellow:hover,.btn-dgreen:hover,.btn-lgreen:hover,.btn-black:hover,.btn-dgray:hover,.btn-dbrown:hover,.btn-lbrown:hover,
.btn-saddlebrown:hover,.btn-saddlebrown:active,
.btn-darkorange:hover,.btn-darkorange:active,
.btn-green:hover,.btn-green:active{ color: white;}

.btn-lblue.btn.btn-lb-ra::before{ border-color: #40b6df;}
.btn-lgblue.btn.btn-lb-ra::before{ border-color: #4f9db8;}
.btn-dpink.btn.btn-lb-ra::before{ border-color: #b42b6e;}
.btn-yellow.btn.btn-lb-ra::before{ border-color: #eaa139;}
.btn-dgreen.btn.btn-lb-ra::before{ border-color: #36a456;}
.btn-lgreen.btn.btn-lb-ra::before{ border-color: #73b852;}
.btn-black.btn.btn-lb-ra::before{ border-color: #252525;}
.btn-dgray.btn.btn-lb-ra::before{ border-color: #8e8e8e;}
.btn-dbrown.btn.btn-lb-ra::before{ border-color: #473830;}
.btn-lbrown.btn.btn-lb-ra::before{ border-color: #6a5747;}

.contact_info{ border: #c3c3c3 1px solid;}
.contact_info dt{ background-color:#666666; color: white; text-align: center; font-size: 16px; padding: 10px 0;}
.contact_info .tel_mail .title{ text-align: center; font-size: 20px;}
.contact_info .tel_mail .title strong{ border-bottom:3px solid #252525;}

.contact_info_claftwork_old{ border: #c3c3c3 1px solid;}
.contact_info_claftwork_old dt{ background-color:#252525; color: white; text-align: center; font-size: 16px; padding: 10px 0;}
.contact_info_claftwork_old dd{ }
.contact_info_claftwork_old .tel_mail .title{ text-align: center; font-size: 20px;}
.contact_info_claftwork_old .tel_mail .title strong{ border-bottom:3px solid #252525;}

@media (min-width: 768px) {
.contact_info .tel_mail{padding-left: 30px;}
.contact_info .tel_mail .title{padding-right: 30px; margin: 25px auto 30px;}
.contact_info .tel_mail .tel{ background-image: url(../images/contact_tel.png);}
.contact_info .tel_mail .fax{ background-image: url(../images/contact_fax.png);}
.contact_info .tel_mail .mail{ background-image: url(../images/contact_mail.png);}
.contact_info .tel_mail .map{ background-image: url(../images/contact_map.png);}
.contact_info .tel_mail .link{ background-image: url(../images/contact_link.png);}
.contact_info .tel_mail .tel,
.contact_info .tel_mail .fax,
.contact_info .tel_mail .mail,
.contact_info .tel_mail .map,
.contact_info .tel_mail .link{ background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 70px; height: 60px; margin-bottom: 30px;}
.contact_info .tel_mail .tel strong,
.contact_info .tel_mail .fax strong,
.contact_info .tel_mail .mail strong{display: block;}
.contact_info .tel_mail .tel small,
.contact_info .tel_mail .fax small,
.contact_info .tel_mail .mail small{ font-size: 12px;}
.contact_info .tel_mail .tel a{ font-size: 30px; font-weight: bold; color: #b42b6e; margin-right: 10px;}
.contact_info .tel_mail .fax a{ font-size: 30px; font-weight: bold; color: #b42b6e; margin-right: 10px;}
.contact_info .tel_mail .mail a,
.contact_info .tel_mail .map span a{ font-size: 18px; color: #136db2; border: #8e8e8e 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold; margin-right: 10px;}
.contact_info .tel_mail .mail a::after,
.contact_info .tel_mail .map span a::after{ content:"▶︎"; font-size: 12px; padding-left: 30px; color: #252525; display: inline-block; vertical-align: top; padding-top: 3px;}
.contact_info .tel_mail .map,
.contact_info .tel_mail .link{ display: table; width: 100%;}
.contact_info .tel_mail .map span,
.contact_info .tel_mail .link span{ display: table-cell; vertical-align: middle; height: 100%;}
.contact_info .tel_mail .link span a{ font-size: 16px; font-weight: bold;}

.contact_info .info_box{ padding:20px;}
.contact_info .info_box .title{ background-color: #eeeeee; font-size: 20px; padding: 20px 15px;}
.contact_info .info_box .text{ font-size: 16px; padding: 0 15px;}
.contact_info .info_box .text strong{ display: block; font-size: 18px; margin-bottom: 10px;}

.contact_info_claftwork_old .tel_mail{ padding-left:30px;}
.contact_info_claftwork_old .tel_mail::after{ content:""; clear: both; display: table;}
.contact_info_claftwork_old .tel_mail .title{ margin: 25px 0 25px -30px;}
.contact_info_claftwork_old .tel_mail .tel{ background-image: url(../images/contact_tel.png);}
.contact_info_claftwork_old .tel_mail .link{ background-image: url(../images/contact_link.png);}
.contact_info_claftwork_old .tel_mail .tel,
.contact_info_claftwork_old .tel_mail .link{ background-size: 60px; background-position: left center; background-repeat: no-repeat; padding-left: 70px; min-height: 60px; margin-bottom: 30px; width: 50%; float: left; display: table;}
.contact_info_claftwork_old .tel_mail .tel span,
.contact_info_claftwork_old .tel_mail .link span{ display:table-cell; vertical-align: middle; font-size: 16px; height: 60px;}
.contact_info_claftwork_old .tel_mail .link span{ padding-right:10px;}
.contact_info_claftwork_old .tel_mail .tel span a,
.contact_info_claftwork_old .tel_mail .link span a{ font-weight: bold;}
.contact_info_claftwork_old .tel_mail .link span a{ word-break: break-all; max-width: 100%; display: inline-block;}

#breadcrumb .breadcrumb ol li{ font-size: 12px;}
#breadcrumb .breadcrumb li:first-child>a{ padding-left: 20px; background-size: auto 12px;}

#page_title{ margin-bottom: 20px;}
#page_title>div h1{ font-size: 24px; line-height: 1; margin: 0; padding: 20px 0 20px 10px;}

#page_content{ padding-bottom: 50px;}
#main_content{ width: 700px; float: left; line-height:1.8;}
#side_content{ width: 230px; float: right;}

/*
#page_content h2{ font-size: 20px; line-height: 2; padding: 3px; margin: 0 0 30px;}
#page_content h2::before{ width: 2px; height: 40px; margin-right: 5px;}
#page_content h2::after{ left: 21px;}
#page_content h3{ font-size: 16px; background-size: 200px 2px, 2px; padding: 5px 0 12px 12px; margin: 0 0 20px;}
#page_content h4{ font-size: 16px; padding: 5px 0 10px 12px; margin: 0 0 10px;}
#page_content h5{ font-size: 14px; margin: 0 0 10px;}
*/

#page_content p.text1{ font-size: 18px;}
#page_content p.text2{ font-size: 16px;}
#page_content p.text3{ font-size: 14px;}
#page_content p.text4{ font-size: 12px;}
#page_content p.text1,
#page_content p.text2,
#page_content p.text3,
#page_content p.text4{ padding-left: 12px;}

#side_content ul.side_menu1{}
#side_content ul.side_menu2{ padding: 5px 5px 4px;}
#side_content ul.side_menu2 li{ margin-bottom: 1px;}
#side_content ul.side_menu2 li a{ padding: 5px;}
#side_content ul.side_menu2 li a:hover{ opacity:1; background-color: #d8eee8;}
#side_content ul.side_menu2 li a span{padding: 5px;}
#side_content ul.side_menu2 li a span.kaburi{ font-size:13px;}
.cd-accordion-menu label::before{ content: none;}

}
@media (max-width: 767px) {
.contact_info .tel_mail{padding: 0 10px;}
.contact_info .tel_mail .title{margin: 12px auto 15px; font-size: 17px;}
.contact_info .tel_mail .tel,
.contact_info .tel_mail .fax,
.contact_info .tel_mail .mail,
.contact_info .tel_mail .map,
.contact_info .tel_mail .link{ text-align: center; margin-bottom:15px;}
.contact_info .tel_mail .tel strong{ background-image: url(../images/contact_tel.png);}
.contact_info .tel_mail .fax strong{ background-image: url(../images/contact_fax.png);}
.contact_info .tel_mail .mail strong{ background-image: url(../images/contact_mail.png);}
.contact_info .tel_mail .map::before{ background-image: url(../images/contact_map.png); content: "フロアマップ";}
.contact_info .tel_mail .link::before{ background-image: url(../images/contact_link.png); content: "ホームページ";}
.contact_info .tel_mail .tel strong,
.contact_info .tel_mail .fax strong,
.contact_info .tel_mail .mail strong,
.contact_info .tel_mail .map::before,
.contact_info .tel_mail .link::before{ background-size: 20px; background-position: left; background-repeat: no-repeat; padding-left: 24px; min-height: 20px; display: inline-block; font-size: 16px; vertical-align: middle; margin-bottom: 5px; font-weight: bold;}
.contact_info .tel_mail .tel small,
.contact_info .tel_mail .fax small,
.contact_info .tel_mail .mail small{ font-size: 10px; display: block; }
.contact_info .tel_mail .tel a{ font-size: 30px; font-weight: bold; color: #b42b6e; display: inline-block;}
.contact_info .tel_mail .fax a{ font-size: 30px; font-weight: bold; color: #b42b6e; display: inline-block;}
.contact_info .tel_mail .mail a,
.contact_info .tel_mail .map a{ font-size: 18px; color: #136db2; border: #8e8e8e 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;}
.contact_info .tel_mail .mail a::after,
.contact_info .tel_mail .map a::after{ content:"▶︎"; font-size: 12px; padding-left: 30px; color: #252525; display: inline-block; vertical-align: top; padding-top: 3px;}
.contact_info .tel_mail .link::before{ margin-left:10px; margin-right: 10px;}
.contact_info .tel_mail .link a{ font-size:16px; font-weight: bold; display: inline-block; margin: 0 10px; }


.contact_info .info_box{ padding:10px;}
.contact_info .info_box .title{ background-color: #eeeeee; font-size: 20px; padding: 10px 10px;}
.contact_info .info_box .text{ font-size: 16px; padding: 0 10px;}
.contact_info .info_box .text strong{ display: block; font-size: 18px; margin-bottom: 10px;}


.contact_info_claftwork_old .tel_mail .title{margin: 12px auto 15px; font-size: 17px;}
.contact_info_claftwork_old .tel_mail .tel,
.contact_info_claftwork_old .tel_mail .link{ text-align: center; margin-bottom:15px;}
.contact_info_claftwork_old .tel_mail .tel strong{ background-image: url(../images/contact_tel.png);}
.contact_info_claftwork_old .tel_mail .link::before{ background-image: url(../images/contact_link.png); content: "ホームページ";}
.contact_info_claftwork_old .tel_mail .tel strong,
.contact_info_claftwork_old .tel_mail .link::before{ background-size: 20px; background-position: left; background-repeat: no-repeat; padding-left: 24px; min-height: 20px; display: inline-block; font-size: 16px; vertical-align: middle; margin-bottom: 5px; font-weight: bold;}
.contact_info_claftwork_old .tel_mail .tel small{ font-size: 10px; display: block; }
.contact_info_claftwork_old .tel_mail .tel a{ font-size: 16px; font-weight: bold; display: inline-block;}
.contact_info_claftwork_old .tel_mail .link::before{ margin-left:10px; margin-right: 10px;}
.contact_info_claftwork_old .tel_mail .link a{ font-size:16px; font-weight: bold; display: inline-block; margin: 0 10px; max-width: 93%; word-break: break-all; }


#breadcrumb .breadcrumb ol li{ font-size: 10px;}
#breadcrumb .breadcrumb li:first-child>a{ padding-left: 14px; background-size: auto 10px;}

#page_title{ margin-bottom: 10px;}
#page_title>div h1{ font-size: 16px; line-height: 1; margin: 0; padding: 10px 0 10px 5px;}

#page_content{ padding-bottom: 25px;}
#main_content{}
#side_content{ margin: 0; margin-top: 50px;}

/*
#page_content h2{ font-size: 16px; line-height: 2; padding: 3px; margin: 0 0 15px;}
#page_content h2::before{ width: 2px; height: 32px; margin-right: 5px;}
#page_content h2::after{ left: 21px;}
#page_content h3{ font-size: 15px; background-size: 100px 2px, 2px; padding: 3px 0 8px 8px; margin: 0 0 10px;}
#page_content h4{ font-size: 14px; padding: 3px 0 6px 8px; margin: 0 0 10px;}
#page_content h5{ font-size: 13px; margin: 0 0 10px;}
*/
#page_content p.text1{ font-size: 15px;}
#page_content p.text2{ font-size: 14px;}
#page_content p.text3{ font-size: 12px;}
#page_content p.text4{ font-size: 10px;}

#side_content ul.side_menu1{}
#side_content ul.side_menu2{ padding: 5px 5px 4px;}
#side_content ul.side_menu2 li{ margin-bottom: 1px;}
#side_content ul.side_menu2 li a{ padding: 5px;}
#side_content ul.side_menu2 li a span{padding: 5px;}

.cd-accordion-menu label{ padding-right: 25px;}
.cd-accordion-menu label::after, .cd-accordion-menu a::after{ background-color:transparent;}

}






/* イベント */
.page_lead{}
.page_lead>strong{ display: block;}

.page_title{ background-image: url(../images/lightgreen.gif),url(../images/gray_border.gif); background-position: left top, left top; background-repeat: no-repeat, repeat-x; border-bottom: 1px solid #d8d8d8;}
.page_title>strong,
.page_title>small{ display: block; font-weight: bold;}

.page_title_link{ background-image: url(../images/lightgreen.gif),url(../images/gray_border.gif); background-position: left top, left top; background-repeat: no-repeat, repeat-x; border-bottom: 1px solid #d8d8d8; display: table; width: 100%;}
.page_title_link>p,
.page_title_link>a{ display: table-cell; vertical-align: middle; color: #383838;}
.page_title_link>a{ background: url(../images/h2linkaroow.png) no-repeat right center;}
.page_title_link>p>strong,
.page_title_link>p>small{ display: block; font-weight: bold;}

.event_search_table{}
#main_content .event_search_table th{ background-color: #d6ebe5;}
#main_content .event_search_table td{ background-color: #e9e9e8;}
.event_search_table .search_genre select.form-control,
.event_search_table .search_venue select.form-control{ -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(../images/form_select.png); background-repeat: no-repeat; background-position: 95% center;}
.event_search_table .search_ymd span{ display: inline-block; background:url(../images/calendar.png) no-repeat center center;}
.event_search_table tr td .form-control{ background-color: #f7f7f7;}
.event_search_form .event_form_btn{ text-align: center;}
.event_search_form .event_form_btn .search_btn{ background-color: #5cb89e; color: white; font-weight: bold; border: #5cb89e solid 2px;}
.event_search_form .event_form_btn .clear_btn{ background-color: white; color: #5cb89e; font-weight: bold; border: #5cb89e solid 1px; box-sizing: border-box;}

#event_list{}
#event_list>li{ display: block; width: 100%; border-bottom: 1px solid #d8d8d8;}
#event_list>li:first-child{ border-top: 1px solid #d8d8d8;}
#event_list>li>a{ display: table; text-decoration: none; width: 100%; color:#000; }
#event_list>li>a>div{ display: table-cell; vertical-align: top;}
#event_list>li>a>div.img{}
#event_list>li>a>div.img>div{
	background: #f0f0f0 url(../images/nophoto_02.png) repeat center center;
    background-repeat: repeat;
    background-size: 14px auto;
}
#event_list>li>a>div.text{}
#event_list li .btn-greentea {
	display: inline-block;
	border-radius: 200em;
	font-weight: 300;
}

.event_lead {
	display: block;
	font-weight: 300;
	border-bottom: 1px solid #d8d8d8;
	text-align: right;
	padding-bottom: 3px;
	margin: 40px 0 10px;
}
.event_lead .label {
	display: inline-block;
	font-size:14px;
	border-radius: 5px;
	min-width: 75px;
	padding: 5px 10px 4px;
	border-radius: 200em;
}
.event_lead .sep {
	color: #d8d8d8;
}
@media (max-width: 767px) {
	.event_lead {
		margin: 20px 0 10px;
	}
}
.event_lead2 {
	display: block;
	font-weight: 300;
	/*border-bottom: 1px solid #d8d8d8;*/
	text-align: right;
	padding-bottom: 0px;
	margin: 20px 0 0px;
}
.event_lead2 .label {
	display: inline-block;
	font-size:14px;
	border-radius: 5px;
	min-width: 75px;
	padding: 5px 10px 4px;
	border-radius: 200em;
}
.event_lead2 .sep {
	color: #d8d8d8;
}
@media (max-width: 767px) {
	.event_lead2 {
		margin: 20px 0 10px;
	}
}
.label-sponsorship{
	display: inline-block;
	background-color: #fff;
	color: #f08536;
	border: 1px solid #f08536;
	font-weight: 300;
	border-radius: 200em;
}

.label-co-organized{
	display: inline-block;
	background-color: #fff;
	color: #f08536;
	border: 1px solid #f08536;
	font-weight: 300;
	border-radius: 200em;
}
#event_list>li>a>div.text>time{ color: #a60e59;}
#event_list>li>a>div.text>h2{ background-color: transparent; border: none; color: #141414; line-height: 1.4;}
#event_list>li>a>div.text>h2::before,
#event_list>li>a>div.text>h2::after{ content: none;}
#event_list>li>a>div.text>p{ color: #141414;}
#event_list>li>a>div.text>p.event_caution{ font-weight: 300;}
#event_list>li>a>div.text .event_caution_sub{ color: #141414; position:relative; }
#event_list>li>a>div.text .event_caution_sub::before{ content:"▶"; color: #5cb89e;}

.event_pagination{ width: 100%;}
.event_pagination>ul.pagination{ width: 100%}
.event_pagination>ul.pagination>p{ display: inline-block;padding:6px 0; margin: 0;}
.event_pagination>.pagination>li>a{ color:#383838; font-weight: bold; background-color: #f7f7f7;}
.event_pagination>.pagination>li:first-child> a,
.event_pagination>.pagination>li:first-child> span{ border-radius: 0;}
.event_pagination>.pagination>.active>a{ background-color: #d6ebe5; color: #00ab6f; border-color: #dfdfdf;}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-radius: 0;
}

#side_content .side_title{ background-image: url(../images/lightgreen.gif),url(../images/gray_border.gif); background-position: left top, left top; background-repeat: no-repeat, repeat-x; border-bottom: 1px solid #d8d8d8;}
#side_content .side_title>strong,
#side_content .side_title>small{ display: block; font-weight: bold;}

#side_content .side_title.event_title{ background: #5cb89e none; border-top: #e9e9e8 solid 5px; border-bottom: #e9e9e8 solid 5px; border-bottom: none; margin: 0; color: white;}

#side_content>div#calendar_box{}
#side_content>div#calendar_box ul{ display: table; width: 100%; background-color: #d8eee8;}
#side_content>div#calendar_box ul li{color: #00ab6f; display: table-cell; vertical-align: middle;}
#side_content>div#calendar_box ul li a{ color: #383838;}
#side_content>div#calendar_box ul li a:hover{ text-decoration: none;}
#side_content>div#calendar_box ul li a.disabled {
	opacity: 0.3;
}
#side_content>div#calendar_box ul li small{ /*color: #494949;*/}
#side_content>div#calendar_box ul li p{color: #5cb89e;}

#side_content>div#calendar_box table{}
#side_content>div#calendar_box table thead{}
#side_content>div#calendar_box table thead tr th,
#side_content>div#calendar_box table tbody tr td{ text-align: center; width: 14.28%; border-color: white; border-style: solid;}
#side_content>div#calendar_box table tbody tr td a{ color: #383838;}
#side_content>div#calendar_box table thead tr th:first-child,
#side_content>div#calendar_box table tbody tr td:first-child,
#side_content>div#calendar_box table thead tr th:first-child,
#side_content>div#calendar_box table tbody tr td:first-child a{ color: #d63685;}
#side_content>div#calendar_box table thead tr th:last-child,
#side_content>div#calendar_box table tbody tr td:last-child,
#side_content>div#calendar_box table thead tr th:last-child,
#side_content>div#calendar_box table tbody tr td:last-child a{ color: #55a3d9;}
#side_content>div#calendar_box table tbody tr td{background-color:#e9e9e9; text-align: center}

#calendar_box>a{
	background-color: #5cb89e;
	border-style: solid;
	border-color: #9adbc9;
	color: white;
	display: block;
	font-weight: bold;
	position: relative;
    text-align: center;
}
#calendar_box>a:hover{ text-decoration:none;}
#calendar_box>a:after{
	content: "";
	display: block;
	width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -9px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

#side_content>a.side_banner{ display: table; width: 100%; background-color: #FFFFFF;background-image: linear-gradient(0deg, #e8e9eb 0%, #f4f4f4 100%); color: #141414; font-weight: bold;}
#side_content>a.side_banner:hover{ text-decoration: none;}
#side_content>a.side_banner>p,
#side_content>a.side_banner>span{ display: table-cell; vertical-align: middle; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;}
#side_content>a.side_banner>p{ margin: 0; background-image: url(../images/related_border.gif); background-repeat: no-repeat; line-height: 1.2; border-left: 1px solid #b1b1b1;}
#side_content>a.side_banner>p>small{ display: inline-block; width: 100%; font-weight: bold; color: #713a0d;}
#side_content>a.side_banner>span{ background-color: #2f2f2f; background-image: linear-gradient(0deg, #2f2f2f 50%, #919191 100%); border-right: 1px solid #b1b1b1;}
#side_content>a.side_banner>span::after{ content: ""; display: block; height: 100%; background: url(../images/related_link_arrow.png) no-repeat center center;}



/* イベント詳細 */

#event_detail_main{}
#event_detail_main{}
#event_detail_main>div{}
#event_detail_main>div.img{}
#event_detail_main>div.img .sp-buttons{ background-color:white;}
#event_detail_main>div.img .sp-button{ border-color: #00ab6f;}
#event_detail_main>div.img .sp-selected-button{ background-color: #00ab6f;}
#event_detail_main>div.img>div{
	background: #f0f0f0 url(../images/nophoto_02.png) repeat center center;
    background-repeat: repeat;
    background-size: 20px auto;
}
#event_detail_main>div.text{}
#event_detail_main>div.text>*{ line-height: 1.8;}
#event_detail_main>div.text>div.event_lead{ border-bottom: 1px solid #d8d8d8;}
#event_detail_main>div.text>div.event_lead2{ border-bottom: 1px solid #d8d8d8;}
#event_detail_main>div.text>span{ display: inline-block; color: white; font-weight: bold; border-radius: 5px;}
#event_detail_main>div.text>time{ color: #a60e59;}
#event_detail_main>div.text>h2{ background-color: transparent; border: none; color: #141414;}
#event_detail_main>div.text>h2::before,
#event_detail_main>div.text>h2::after{ content: none;}
#event_detail_main>div.text>p.event_caution{ color: #e30000; font-weight: bold;}
#event_detail_main>div.text .event_caution_sub{ color: #e30000;}
#event_detail_main>div.text .event_text {
	color: #141414;
}


.event_detail_sub_title{ font-weight: bold; border-bottom: 1px solid #c8c8c8; background: url(../images/footer_line.gif) no-repeat left center; letter-spacing: 0.15em;}
.event_detail_table{}
.event_detail_table th,
.event_detail_table td{ line-height: 1.8;}
.event_detail_table th{ background-color: #d6ebe5;}
/*.event_detail_table th{ background-color: #d6ebe5; color: #5cb89e;}*/
.event_detail_table td{}
.event_detail_table td .ticket_box{ /*background-color: #f7f7f7; border: 1px solid #c8c8c8;*/}
#page_content .ticket_box p{ color: #727272; font-weight: bold; }
.event_detail_table td .ticket_box p>span{ background: url(../images/ticket_icon.png) no-repeat center center; display: inline-block;}
.event_detail_table td .ticket_box>div{ font-size: 0;}
.event_detail_table td .ticket_box>div>a{ display: inline-block; border-radius: 5px; color: white; font-weight: bold; position: relative;}
.event_detail_table td .ticket_box>div>a:first-child{ background-color: darkorange;}
/*.event_detail_table td .ticket_box>div>a:last-child{ background-color: #864944;}*/
.event_detail_table td .ticket_box>div>a::before{ content:""; color: white;}
.event_detail_table td .ticket_box>div>a::after{ content:"▶︎"; }
.event_detail_table td .ticket_box>div>a:first-child::after{ color:white;}
/*
.event_detail_table td .ticket_box>div>a:first-child::before{ color: #ffc436;}
.event_detail_table td .ticket_box>div>a:last-child::before{ color: #b25080;}
*/

#event_detail_main>div.text .btn.btn-lb-ra,
.event_detail_table td .btn.btn-lb-ra{ padding-top: 7px; padding-bottom: 7px;}
#event_detail_main>div .btn-default.btn-lb-ra.green::after,
.event_detail_table td .btn-default.btn-lb-ra.green::after{ width: 14px; height: 14px; margin-top: -7px;}


#event_detail_profile{ border-top: 1px solid #e9e9e8;}
#event_detail_profile>li{ border-bottom: 1px solid #e9e9e8;}
#event_detail_profile>li>div{}
/*
#event_detail_profile>li>div>img{ max-width: 150px;}
*/
#event_detail_profile>li>div>h3{ background: none; border: none; border-bottom: 1px solid #e9e9e8; color: #000;}
#event_detail_profile>li>div>p{}

#event_detail_report{ border-bottom: 1px solid #e9e9e8;}
#event_detail_report>div.textimg{ padding-bottom: 20px;}
#event_detail_report>div.textimg>div.img{}
#event_detail_report p.title{ background-color: #e9e9e8; font-weight: bold;}

#event_detail_report p.encore{}
#event_detail_report ul.questionnaire{}
#event_detail_report ul.questionnaire>li{ border-left: #e9e9e8 solid;}
#event_detail_report ul.questionnaire>li>small{ font-weight: bold; display: block;}
div.event_caution1,
div.event_caution2{ background-color: #e9e9e8; margin-bottom: 10px;}
div.event_caution1{}
div.event_caution2{}

.event_detail_page_back{ text-align: center; padding-top: 30px;}
.event_detail_page_back a{ display: inline-block;  text-align: center; border-radius: 50%; width: 80px; height: 80px; border: #e9e9e8 1px solid; padding-top: 25px; color: #383838; text-decoration: none;}
.event_detail_page_back a::after{ content:"◀︎";display: block;}

@media (min-width: 768px) {
.page_lead{ font-size: 16px; padding: 0 0 0 10px; margin-bottom: 20px;}
.page_lead>strong{ font-size: 18px; margin-bottom: 10px;}

.page_title{ background-size: 310px 2px, 2px; padding: 15px 10px 15px 12px;}
.page_title>strong{ font-size: 20px;}
.page_title>small{ font-size: 12px;}

.page_title_link{ background-size: 310px 2px, 2px; padding: 15px 10px 15px 12px;}
.page_title_link>p{font-size: 20px; letter-spacing: 2px; background-size: 2px auto; margin: 0; }
.page_title_link>a{ background-size: auto 25px; font-size: 14px; letter-spacing: 2px; padding: 0 0 0 10px; width: 133px; }
.page_title_link>p>strong,
.page_title_link>p>small{}
.page_title_link>p>strong{ font-size: 20px;}
.page_title_link>p>small{ font-size: 12px;}

#main_content .event_search_form{ border:5px solid #e9e9e8;}
#main_content .event_search_table th,
#main_content .event_search_table td{ border:5px solid white; padding: 7px 10px; vertical-align: top;}
#main_content .event_search_table th{ width: 200px; line-height: 34px;}
#main_content .search_ymd input.form-control{ width: 120px; display: inline-block;}
#main_content .search_ymd span{ line-height: 34px; width: 20px; margin-left: 5px;}
#main_content .search_genre select.form-control,
#main_content .search_venue select.form-control{ width:210px;}
#main_content .search_refine label.checkbox-inline{ width:210px;}
#main_content .search_refine label.checkbox-inline + .checkbox-inline{ margin-left: 0;}
#main_content .search_free input.form-control{ width: 210px; display: inline-block;}
#main_content .event_search_form .event_form_btn input{ margin: 20px 5px;}
#main_content .event_search_form .event_form_btn .search_btn{ width: 130px;}

#side_content .event_search_form{ border:5px solid #e9e9e8; margin-bottom: 20px;}
#side_content .event_search_table{ padding:5px; display: block;}
#side_content .event_search_table th,
#side_content .event_search_table td{ vertical-align: top; display: block; margin-bottom: 10px;}
#side_content .event_search_table th{ border-bottom: 1px solid #c8c8c8; margin-bottom: 5px;}
#side_content .search_ymd input.form-control{ display: inline-block; width: 93px;    font-size: 11px;}
#side_content .search_ymd span{ line-height: 34px; width: 20px;}
#side_content .search_genre select.form-control,
#side_content .search_free input.form-control,
#side_content .search_venue input.form-control{ width: 100%; display: inline-block;}
#side_content .search_refine label.checkbox-inline{ width:100%;}
#side_content .search_refine label.checkbox-inline + .checkbox-inline{ margin-left: 0;}

#side_content .event_search_form .event_form_btn{ padding-bottom: 20px;}
#side_content .event_search_form .event_form_btn .search_btn{ width: 130px;}
#side_content .event_search_form .event_form_btn .clear_btn{ margin-left: 5px;}

#event_list{}
#event_list>li{ padding: 0;}
#event_list>li>a{ margin: 30px 0;}
#event_list>li>a>div{}
#event_list>li>a>div.img{ width: 150px;}
#event_list>li>a>div.img>div{ min-height: 100px;}
#event_list>li>a>div.img>div>img{ width: 100%;}
#event_list>li>a>div.text{ padding-left: 15px;}
#event_list>li>a>div.text>div.event_lead{ padding-bottom: 5px; margin-bottom:10px;}
#event_list>li>a>div.text>div.event_lead>p{ padding: 6px 0; font-size: 14px;}
#event_list>li>a>div.text>div.event_lead2{ padding-bottom: 5px; margin-bottom:10px;}
#event_list>li>a>div.text>div.event_lead2>p{ padding: 6px 0; font-size: 14px;}
#event_list>li>a>div.text>span{ padding:6px 12px; margin-left: 10px; font-size: 12px;}
#event_list>li>a>div.text>time{ margin: 0 0 10px; font-size: 14px; font-weight:600; display: inline-block;}
#event_list>li>a>div.text>h2{ margin: 0 0 10px; font-size: 14px; padding: 0; font-weight: bold;}
#event_list>li>a>div.text>p{ margin: 0 0 10px; font-size: 14px;}
#event_list>li>a>div.text>p.event_caution{ margin: 0 0 10px; font-size: 12px;}
#event_list>li>a>div.text .event_caution_sub{}
#event_list>li>a>div.text .event_caution_sub::before{ font-size: 8px;}
#event_list>li>a>div.text>div>p.event_caution_sale{ font-size: 12px; color: #141414; margin-bottom: 20px;}
#event_list>li>a>div.text>div>p.small .label{ font-size:100%; padding-top: .3em;}

.event_pagination>ul.pagination{ margin: 30px 0;}
.event_pagination>.pagination>li>a{ margin-right:10px;}
 

#side_content .side_title{ background-size: 310px 2px, 2px; padding: 10px 0 10px 10px;}
#side_content .side_title>strong{ font-size: 15px;}
#side_content .side_title>small{ font-size: 10px;}

#side_content>div#calendar_box{ border: 1px solid #d8d8d8; padding:5px; margin-bottom: 20px;}
#side_content>div#calendar_box ul{margin: 0 auto; width: 100%;}
#side_content>div#calendar_box ul li{ height: 90px;}
#side_content>div#calendar_box ul li:first-child,
#side_content>div#calendar_box ul li:last-child{ width: 36px; text-align: center;}
#side_content>div#calendar_box ul li:nth-child(2) p{text-align:center; font-size: 50px; line-height: 1; margin: 0;}
#side_content>div#calendar_box ul li:nth-child(2) small{ font-size: 14px; text-align: center; line-height: 1; display: block;}

#side_content>div#calendar_box table{ margin: 0 auto; width: 100%; }
#side_content>div#calendar_box table thead tr th,
#side_content>div#calendar_box table tbody tr td{ border-width:2px 3px;}
#side_content>div#calendar_box table thead tr th{ font-size:7px; height: 12px;}
#side_content>div#calendar_box table tbody tr td{ font-size:12px; height: 18px;}

#side_content>div#calendar_box>div>a{ border-width:5px; padding: 20px 10px; font-size: 20px; width: 350px; margin: 0 auto; background-size: auto 25px;}

#calendar_box>a{ border-width:5px; padding: 10px; font-size: 16px; display:block; margin: 5px auto 0; background-size: auto 25px;}


#side_content>a.side_banner{ margin-bottom: 20px;}
#side_content>a.side_banner>p,
#side_content>a.side_banner>span{ height: 75px;}

#side_content>a.side_banner>p{ font-size: 16px; background-position: 5px center; padding-left: 12px;}
#side_content>a.side_banner>p>small{ font-size: 14px;}
#side_content>a.side_banner>span{ width:15px;}

#side_content .side_banner_img{ margin-top: 20px;}
#side_content .side_banner_img li{ margin-bottom:10px; background-color: black; position: relative;}
#side_content .side_banner_img .new{ position: absolute; top: -13px; left: -10px; background-color: #00ab6f; color: #fff; width: 50px; height: 18px; border-radius: 50px; font-size: 10px; font-weight: bold; display: flex; justify-content: center; align-items: center; z-index: 2; padding: 0px 0 0 0;}

#event_detail_main{ display: table; width: 100%;}
#event_detail_main>div{ display: table-cell; vertical-align: top;}
#event_detail_main{ padding: 20px 0;}
#event_detail_main>a{}
#event_detail_main>div{}
#event_detail_main>div.img{ width: 220px;}
#event_detail_main>div.img .sp-button{ width:20px; height: 20px; margin: 4px 10px;}
#event_detail_main>div.img>div{ min-height: 60px;}
#event_detail_main>div.img div img{ width: 100%;}
#event_detail_main>div.text{ padding-left: 15px; padding-top: 0px;}
#event_detail_main>div.text .text-lead {
	margin: 20px 0 10px;
    font-size: 14px;
	font-weight:600;
    color: black;
}
#event_detail_main>div.text>div.event_lead{ padding-bottom: 5px; margin-bottom:10px;}
#event_detail_main>div.text>div.event_lead>p{ padding: 6px 0; font-size: 14px;}
#event_detail_main>div.text>div.event_lead2{ padding-bottom: 5px; margin-bottom:10px;}
#event_detail_main>div.text>div.event_lead2>p{ padding: 6px 0; font-size: 14px;}
#event_detail_main>div.text>span{ padding:6px 12px; margin-left: 10px; font-size: 12px;}
#event_detail_main>div.text>time{ margin: 0 0 5px; font-size: 18px; font-weight:600;}
#event_detail_main>div.text>time small {
	/* 2019.11.12 時間がはみ出たため */
	/* white-space: nowrap; */
	font-size: 14px;
	display: block;
}
#event_detail_main>div.text>h2{ margin: 10px 0; font-size: 18px; padding:0; line-height: 1.4; font-weight: bold;}
#event_detail_main>div.text>h2 .series { font-size: 14px; }
#event_detail_main>div.text>p{ margin: 0 0 10px; font-size: 14px;}
#event_detail_main>div.text>p.event_caution{ margin: 0 0 10px; font-size: 14px;}
#event_detail_main>div.text>p.event_caution_sub{ margin: 0 0 10px 0; }
#event_detail_main>div.text>p.event_caution_sub::before{ font-size: 8px;}

.event_detail_sub_title{ background-size:5px 25px; font-size: 16px; padding: 6px 0 6px 15px}

.event_detail_table th,
.event_detail_table td{ vertical-align: middle; border-bottom: 20px solid white; padding: 6px 10px 6px 10px; position: relative; font-size: 14px; vertical-align: top;}
.event_detail_table th::after,
.event_detail_table td::after{ content:""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e9e9e8;}
.event_detail_table th{ width: 110px;}
.event_detail_table td{ padding-left: 15px;}

.event_detail_table td .ticket_box{ padding: 0; margin: 0 0 5px;}
#page_content .ticket_box p{ font-size: 16px; text-align: left; margin-bottom: 0; padding: 8px 0 0;}
.event_detail_table td .ticket_box p>span{ width: 32px; margin-right: 10px;}
.event_detail_table td .ticket_box>div{ padding: 10px 0;}
.event_detail_table td .ticket_box>div>a{ width: 48%; font-size: 14px; padding: 5px 5px 5px 0; text-align: center;}
/*
.event_detail_table td .ticket_box>div>a:first-child{margin-right: 2%;}
.event_detail_table td .ticket_box>div>a:last-child{ margin-left: 2%;}
*/
.event_detail_table td .ticket_box>div>a::after{ font-size: 10px; position: absolute; right: 15px; top: 8px;}
.event_detail_table td .ticket_box>div>a::before{ font-size:27px; position: absolute; left: 0; top: 0; line-height: 1.3;}

#event_detail_profile{ margin-bottom: 20px;}
#event_detail_profile>li{ display: table; padding: 20px 0;}
#event_detail_profile>li>div{ display: table-cell; vertical-align: top;}
/*#event_detail_profile>li>div.img{ width:150px;}*/
#event_detail_profile>li>div>img{ width:150px; max-width: 150px;}
#event_detail_profile>li>div.text{ padding-left: 15px;}
#event_detail_profile>li>div>h3{ padding:10px 0; margin-bottom: 10px;}

#event_detail_report{ padding-bottom: 10px;}
#event_detail_report::after{ content: " "; display: table; clear: both;}
#event_detail_report>div.textimg>div.img{ float: right; width: 200px; margin-left: 20px; margin-bottom: 10px;}
#event_detail_report>div.textimg>div.img>img{ max-width: 100%; margin-bottom: 10px;}
.modal-open .modal img{ display: block; margin: 20px auto 0; max-width: 100%;}
#event_detail_report p.title{ font-size: 14px; padding: 8px 0 8px 10px}

#event_detail_report p.encore{ padding:0 15px 20px;}
#event_detail_report ul.questionnaire{}
#event_detail_report ul.questionnaire>li{ border-left-width: 5px; padding:20px; margin-bottom: 20px;}
#event_detail_report ul.questionnaire>li>small{ font-size: 12px;}
div.event_caution1,
div.event_caution2{ padding: 15px 10px;}
div.event_caution1{}
div.event_caution2{}

}
@media (max-width: 767px) {
.page_lead{ font-size: 11px; padding:0; margin-bottom: 10px;}
.page_lead>strong{ font-size: 12px; margin-bottom: 7px;}

.page_title{ background-size: 150px 2px, 2px; padding: 10px 7px 10px 8px;}
.page_title>strong{ font-size: 14px;}
.page_title>small{ font-size: 8px;}

.page_title_link{ background-size: 150px 2px, 2px; padding: 10px 7px 10px 8px;}
.page_title_link>p{ font-size: 14px; letter-spacing: 2px; background-size: 2px auto; margin: 0; }
.page_title_link>a{background-size: auto 13px; font-size: 9px; padding: 0 0 0 10px; width: 86px;}
.page_title_link>p>strong,
.page_title_link>p>small{}
.page_title_link>p>strong{ font-size: 14px;}
.page_title_link>p>small{ font-size: 8px;}


#main_content .event_search_form{ border:5px solid #e9e9e8;}
#main_content .event_search_table th,
#main_content .event_search_table td{ padding:5px; display: block; width: 100%; border: 5px solid white; border-bottom: none;}
#main_content .event_search_table th{ }
#main_content .search_ymd input.form-control{ width: 36%; display: inline-block;}
#main_content .search_ymd span{ line-height: 34px; width: 20px; margin-left: 5px;}
#main_content .event_search_table tr:nth-child(2),
#main_content .event_search_table tr:nth-child(3){ display: inline-block; width: 50%;}
#main_content .event_search_table tr:nth-child(2) th,
#main_content .event_search_table tr:nth-child(2) td{ border-right-width:2px;}
#main_content .event_search_table tr:nth-child(3) th,
#main_content .event_search_table tr:nth-child(3) td{ border-left-width:2px;}
#main_content .search_genre select.form-control,
#main_content .search_venue select.form-control{ width:100%; padding-left: 6px;}
#main_content .search_refine label.checkbox-inline{}
#main_content .search_refine label.checkbox-inline + .checkbox-inline{ margin-left: 0;}
#main_content .search_free input.form-control{}
#main_content .event_search_table td .form-control{ font-size: 12px;    }
#main_content .event_search_form .event_form_btn input{ margin: 20px 5px;}
#main_content .event_search_form .event_form_btn .search_btn{ width: 130px;}

#side_content .event_search_form{ border:5px solid #e9e9e8; margin-bottom: 20px;}
#side_content .event_search_table{ padding:5px; display: block;}
#side_content .event_search_table th,
#side_content .event_search_table td{ vertical-align: top; display: block; margin-bottom: 10px;}
#side_content .event_search_table th{ border-bottom: 1px solid #c8c8c8; margin-bottom: 5px;}
#side_content .search_ymd input.form-control{ width:36%; display: inline-block;}
#side_content .search_ymd span{ line-height: 34px; width: 20px; margin-left: 5px;}
#side_content .search_genre select.form-control,
#side_content .search_free input.form-control{}
#side_content .search_refine label.checkbox-inline{}
#side_content .search_refine label.checkbox-inline + .checkbox-inline{ margin-left: 0;}
#side_content .event_search_table td .form-control{ font-size:12px;}

#side_content .event_search_form .event_form_btn{ padding-bottom: 10px;}
#side_content .event_search_form .event_form_btn .search_btn{ width: 130px;}
#side_content .event_search_form .event_form_btn .clear_btn{ margin-left: 5px;}

#side_content .search_genre .form-control.inline,
#side_content .search_venue .form-control.inline{  width:100%;}

#event_list{}
#event_list>li{ padding: 14px 0;}
#event_list>li>a{}
#event_list>li>a>div{}
#event_list>li>a>div.img{ width: 75px;}
#event_list>li>a>div.img>div{ min-height: 60px;}
#event_list>li>a>div.img>div>img{ width: 100%;}
#event_list>li>a>div.text{ padding-left: 5px;}
#event_list>li>a>div.text>div.event_lead{ padding-bottom: 5px; margin-bottom:5px;}
#event_list>li>a>div.text>div.event_lead>p{ padding: 0; font-size: 14px; line-height: 1.8;}
#event_list>li>a>div.text>div.event_lead2{ padding-bottom: 5px; margin-bottom:5px;}
#event_list>li>a>div.text>div.event_lead2>p{ padding: 0; font-size: 14px; line-height: 1.8;}
#event_list>li>a>div.text>span{ padding:0 12px; line-height: 1.8; margin-left: 10px; font-size: 12px;}
#event_list>li>a>div.text>time{ margin: 0 0 5px; font-size: 12px; font-weight: 600; display: inline-block;}
#event_list>li>a>div.text>h2{ margin: 0 0 5px; font-size: 14px; padding: 0;
	font-weight: 600;
	}
#event_list>li>a>div.text>h2 .series {
	font-size: 12px;
}
#event_list>li>a>div.text>p{ margin: 0 0 5px; font-size: 12px;}
#event_list>li>a>div.text>p.event_caution{ margin: 0 0 5px; font-size: 10px;}
#event_list>li>a>div.text .event_caution_sub{ margin: 0 0 5px; font-size: 10px;}
#event_list>li>a>div.text .event_caution_sub::before{ font-size: 8px;}
#event_list>li>a>div.text>div>p.event_caution_sale{ font-size: 10px; color: #141414; margin-bottom: 20px;}

.event_pagination>ul.pagination{ margin: 15px 0 15px;}
.event_pagination>.pagination>li>a{ margin-right:5px;}
.event_pagination>ul.pagination>p{ margin-bottom:0; padding-bottom: 0;}


#side_content .side_title{ background-size: 150px 2px, 2px; padding: 10px 0 10px 10px;}
#side_content .side_title>strong{ font-size: 13px;}
#side_content .side_title>small{ font-size: 10px;}

#side_content>div#calendar_box{ border: 1px solid #d8d8d8; padding:5px; margin:0 auto 20px; width:;}
#side_content>div#calendar_box ul{margin: 0 auto; width: 100%;}
#side_content>div#calendar_box ul li{ height: 90px;}
#side_content>div#calendar_box ul li:first-child,
#side_content>div#calendar_box ul li:last-child{ width: 36px; text-align: center;}
#side_content>div#calendar_box ul li:nth-child(2) p{text-align:center; font-size: 50px; line-height: 1; margin: 0;}
#side_content>div#calendar_box ul li:nth-child(2) small{ font-size: 14px; text-align: center; line-height: 1; display: block;}

#side_content>div#calendar_box table{ margin: 0 auto; width: 100%; }
#side_content>div#calendar_box table thead tr th,
#side_content>div#calendar_box table tbody tr td{ border-width:2px 3px;}
#side_content>div#calendar_box table thead tr th{ font-size:7px; height: 12px;}
#side_content>div#calendar_box table tbody tr td{ font-size:12px; height: 30px;}

#side_content>div#calendar_box>div>a{ border-width:5px; padding: 20px 10px; font-size: 20px; width: 350px; margin: 0 auto; background-size: auto 25px;}

#calendar_box>a{ border-width:2.5px; padding: 12px 6px; font-size: 11px; margin: 5px auto 0; background-size: auto 13px;}

#side_content>a.side_banner{ margin-bottom: 20px;}
#side_content>a.side_banner>p,
#side_content>a.side_banner>span{ height: 75px;}

#side_content>a.side_banner>p{ font-size: 16px; background-position: 5px center; padding-left: 12px;}
#side_content>a.side_banner>p>small{ font-size: 14px;}
#side_content>a.side_banner>span{ width:15px;}

#side_content .side_banner_img{ margin-top: 20px; font-size: 0;}
#side_content .side_banner_img li{ display: inline-block; width: 50%; margin-bottom: 10px; vertical-align: top; position: relative;}
#side_content .side_banner_img li:nth-child(odd){ padding-right: 5px;}
#side_content .side_banner_img li:nth-child(even){ padding-left: 5px;}

#side_content .side_banner_img .new{ position: absolute; top: -14px; left: -7px; background-color: #00ab6f; color: #fff; width: 50px; height: 18px; border-radius: 50px; font-size: 10px; font-weight: bold; display: flex; justify-content: center; align-items: center; z-index: 2; padding: 0px 0 0 0;}

#event_detail_main{ padding: 20px 0;}
#event_detail_main>a{}
#event_detail_main>div{}
#event_detail_main>div.img{}
#event_detail_main>div.img>div{ min-height: 100px;}
#event_detail_main>div.img>div img{ width: 100%;}
#event_detail_main>div.text{ padding: 15px 0 0 0;}
#event_detail_main>div.text>div.event_lead{ padding-bottom: 5px; margin-bottom:10px;}
#event_detail_main>div.text>div.event_lead>p{ padding: 0; font-size: 14px; line-height: 1.8;}
#event_detail_main>div.text>div.event_lead2{ padding-bottom: 5px; margin-bottom:10px;}
#event_detail_main>div.text>div.event_lead2>p{ padding: 0; font-size: 14px; line-height: 1.8;}
#event_detail_main>div.text>span{ padding:0 12px; line-height: 1.8; margin-left: 10px; font-size: 12px;}
#event_detail_main>div.text>time{ margin: 0 0 5px; font-size: 18px; display: inline-block;font-weight: 600;}
#event_detail_main>div.text>time small {
	display: block;
}
#event_detail_main>div.text>h2{ margin: 0 0 10px; font-size: 18px; padding: 0; font-weight:600; line-height:1.4; }
#event_detail_main>div.text>h2 .series {
	font-size: 14px;
}
#event_detail_main>div.text>p{ margin: 0 0 20px; font-size: 15px;}
#event_detail_main>div.text>p.event_caution{ margin: 0 0 10px; font-size: 14px;}
#event_detail_main>div.text>p.event_caution_sub{ margin: 0 0 20px 0; }
#event_detail_main>div.text>p.event_caution_sub::before{ font-size: 8px;}
#event_detail_main>div.text>p.text-lead {
	font-weight: 600;
    color: black;
	font-size: 15px;
	margin: 0 0 20px
}	
.event_detail_sub_title{ background-size:5px 25px; font-size: 14px; padding: 6px 0 6px 15px}

.event_detail_table th,
.event_detail_table td{ padding: 6px 10px 6px 10px; font-size: 14px; display: block;}
.event_detail_table th{}
.event_detail_table td{ border: 1px solid #e9e9e8; margin-bottom: 15px;}

.event_detail_table td .ticket_box{ padding: 10px 10px 0; margin: 10px 0 5px;}
#page_content .ticket_box p{ font-size: 16px; text-align: center;}
.event_detail_table td .ticket_box p>span{ width: 30px; margin-right: 5px; background-size: contain;}
.event_detail_table td .ticket_box>div{ padding: 0;}
.event_detail_table td .ticket_box>div>a{ width: 100%; font-size: 18px; padding: 5px 5px 5px 0; margin-bottom: 10px; text-align: center;}
.event_detail_table td .ticket_box>div>a::after{ font-size: 10px; position: absolute; right: 15px; top: 12px;}
.event_detail_table td .ticket_box>div>a::before{ font-size:33px; position: absolute; left: 0; top: 0; line-height: 1.3;}

#event_detail_profile{ margin-bottom: 20px;}
#event_detail_profile>li{ padding: 10px 0;}
#event_detail_profile>li>div{}
/*#event_detail_profile>li>div.img{ width:110px; float: left; padding-right: 10px; background-color: white; padding-bottom:;}*/
#event_detail_profile>li>div>img{ width:110px; float: left; padding-right: 10px; background-color: white; padding-bottom:;}
#event_detail_profile>li>div.text{ padding-left: ;}
#event_detail_profile>li>div>h3{ padding:0 0 10px 0; margin-bottom: 10px;}

#event_detail_report{ padding-bottom: 30px;}
#event_detail_report::after{ content: " "; display: table; clear: both;}
#event_detail_report>div.textimg>div.img{ float: right; width: 100px; margin-left: 5px; margin-bottom:;}
#event_detail_report>div.textimg>div.img>img{ max-width: 100%; margin-bottom: 5px;}
.modal-open .modal img{ display: block; margin: 30px auto 0; max-width: 100%;}
#event_detail_report p.title{ font-size: 16px; padding: 10px 8px;}

#event_detail_report p.encore{ padding:0 0 10px;}
#event_detail_report ul.questionnaire{}
#event_detail_report ul.questionnaire>li{ border-left-width: 5px; padding:10px 0 10px 5px; margin-bottom: 15px;}
#event_detail_report ul.questionnaire>li>small{ font-size: 12px;}
div.event_caution1,
div.event_caution2{ padding: 15px 10px;}
div.event_caution1{}
div.event_caution2{}


}

.event_detail_table td .ticket_box>div>a::after{ content: ""; display: block; width: 14px; height: 14px; position: absolute; top: 50%; right: 10px; margin-top: -7px; margin-left: 20px; border-top: 1px solid white; border-right: 1px solid white; transform: rotate(45deg);}


.flow {
	display: flex;
}
.flow li {
	margin: 0 5px 10px 5px;
	padding: 10px 5px;
	width: calc(20% - 10px);
	background-color: #f7f6ef;
	border: 1px solid #ccc;
	position: relative;
	border-radius: 4px;
	line-height: 1.2;
}
.flow li p {
	display: block;
}
@media (max-width: 767px) {
	.flow {
		display: flex;
		flex-wrap: wrap;
	}
	.flow li {
		margin: 0 5px 10px 5px;
		padding: 10px 5px;
		width: calc(33.3% - 10px);
		background-color: #f7f6ef;
		border: 1px solid #ccc;
		position: relative;
		border-radius: 4px;
	}
}

.snsBox {
	display: block;
    margin: 10px 0 20px;
    text-align: right;
    line-height: 1;
}
.snsBox li {
	display: inline-block;
	vertical-align: top;
}
.snsBox li a.addGoogleCalendar {
	padding: 4px 5px 0;
    height: 20px;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
}


/*
	#side_content>a.side_banner>p とかぶってしまった、、
	小さめのバナーの場合はこちらで
*/

.side_banners {
	display: block;
}
.side_banners>li {
	display: block;
	margin-bottom: 10px;
}
.side_banners>li a {
	display: block;
	position: relative;
	background-color: #eee;
	color: #141414;
	font-weight: 600;
	border: 1px solid #b1b1b1;
	padding: 8px 15px 8px 13px;
	line-height: 1.25;
}
.side_banners>li a:hover {
	text-decoration: none;
}
.side_banners>li a small {
	font-size: 10px;
}
.side_banners>li a:before {
	content: "";
	display: block;
	background-color: #bfbfbf;
	position: absolute;
	left: 0;
	top: 0;
	border: 5px solid #eee;
	width: 12px;
	height: 100%;
}
.side_banners>li a:after {
	content: "";
	display: block;
	background-color: #2f2f2f;
    background-color: linear-gradient(0deg, #2f2f2f 50%, #919191 100%);
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 55% auto;
	background-image: url(../images/related_link_arrow.png);
	background-position: center center;
}



.btn-major {
	font-size: 18px;
    line-height: 0.7;
    font-weight: 600;
    color: #fff;
    background-color: #5cb89e;
    text-align: left;
    display: inline-block;
    padding: 13px 50px 13px 18px;
    position: relative;
    border-radius: 5px;
}
.btn-major:hover,
.btn-major:focus {
	color: #fff;
}
.btn-major small {
	font-size: 10px;
}
.btn-major:before {
	/*content: "";*/
	display: block;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 5px;
	width: 5px;
	height: 100%;
	border-top: 5px solid #00ab6f;
	border-bottom: 5px solid #00ab6f;
}
.btn-major:after {
	content: "";
	display: block;
	background-color: transparent;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 3px 5px;
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -2px;
}
.btn-major.btn-block {
	padding: 18px 10px 18px 18px;
}
.btn-major.btn-block:after {
	display: none;
}
.btn-major.btn-block .text-right {
	float: right;
    padding: 0 38px;
    position: relative;
}
.btn-major.btn-block .text-right:after {
	content: "▶";
    color: #5cb89e;
    font-size: 10px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: -8px;
    right: 0px;
}
@media (max-width: 767px) {
	.btn-major {
		font-size: 16px;
		line-height: 1;
		padding: 10px 35px 10px 18px;
	}
	.btn-major.btn-block {
		font-size: 14px;
	}
	.btn-major.btn-block .text-right {
		padding: 2px 38px;
		font-size: 10px;
	}
}


.nav-wrapper {
	position: relative;
}
.nav-wrapper:before {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background-color: #e9e9e9;
	position: absolute;
	left: 0;
	bottom: 0;
}
.nav-tabs{
	border-bottom: none;
	white-space: nowrap;
	position: relative;
	padding-bottom: 6px;
}
.nav-tabs > li {
	float: none;
    display: inline-block;
}
.nav-tabs > li > a {
	color: #393939;
    font-weight: 600;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    border-radius: 0;
    padding: 5px 8px;
    margin-right: 5px;
    position: relative;
}
.nav-tabs > li > a.tab-avail {
	background-color: #fce9e9;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: #00ab6f;
	border-color: #00ab6f;
}
.nav-tabs > li.active > a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-color: #00ab6f transparent transparent transparent;
	border-style: solid;
	border-width: 6px 4px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -12px;
}
@media (max-width: 767px) {
	.nav-tabs{
		border-bottom: none;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		position: relative;
		padding-bottom: 6px;
	}
}
.cards {
	margin: 0 -10px 20px;
	padding: 0 0 0px;
	display: flex;
	flex-wrap: wrap;
}
.card {
	display: flex;
	margin: 0 10px 10px 10px;
	padding: 10px 13px;
	width: calc(50% - 20px);
	background-color: #fff;
	border: 1px solid #eee;
	position: relative;
}
.card a {
	display: block;
	width: 100%;
	color: #4e4e4e;
	font-weight: 300;
}
.card .thumb {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 160px;
	position: relative;
	margin: 0 -3px 25px;
}
.card .thumb:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 5px solid #5cb89e;
	position: absolute;
	left: 0;
	bottom: -10px;
}

.card-midashi{
	margin-bottom: 6px;
	line-height: normal;
	font-weight: 600;
	font-size: 14px;
}
.card .card-title {
	font-size: 18px;
	font-weight: 600;
	color: #141414;
	margin-right: 0;
	margin-left: 0;
	line-height: 1;
	margin-bottom: 2px;
}
.card .card-alph {
	color: #5cb89e;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px;
}
.card .card-text {
	font-weight: 300;
}
@media (max-width: 767px) {
	.cards {
		margin: 0 -5px 20px;
		padding: 0 0 20px;
	}
	.card {
		margin: 0 5px 10px 10px;
		padding: 5px 8px;
		width: calc(100% - 10px);
		position: relative;
	}
}

.box-white {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #cecece;
}
.box-white.inline-block {
	display: inline-block;
}
.box-green {
	padding: 15px 10px 0px;
	border: 1px solid #5cb89e;
}
.box-green.inline-block {
	display: inline-block;
}


@media (max-width: 767px) {
	/*
		SP表示の際にテーブルをblockに
	*/
	table.tbl-responsive,
	table.tbl-responsive thead,
	table.tbl-responsive tbody {
		display: block;
	}
	table.tbl-responsive tr {
		display: block;
		margin: 0 0 10px;
	}
	table.tbl-responsive th, table.tbl-responsive td {
		display: block;
		width: auto !important;
	}
	table.tbl-responsive th {
		padding: 8px 8px 0 !important;
		text-align: left;
	}
	table.tbl-responsive td {
		border: none  !important;
	}
}


.contact_info_magazine{ border: #c3c3c3 1px solid;}
.contact_info_magazine dt{
	background-color: #666666;
	color: white;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
}
.contact_info_magazine .tel_mail .title{
	text-align: center;
	font-size: 18px;
	margin-bottom: 25px;
}
.contact_info_magazine .tel_mail .text {
	text-align: center;
	margin-bottom: 25px;
	padding-right: 30px;
}
.contact_info_magazine .tel_mail .title strong{
	border-bottom: 3px solid #252525;
	padding-bottom: 8px;
	margin-bottom: 25px;
}

@media (min-width: 768px) {
.contact_info_magazine .tel_mail{padding-left: 30px;}
.contact_info_magazine .tel_mail .title{
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	line-height: 50px;
	padding-right: 30px;
}
.contact_info_magazine .tel_mail .tel{
	background-image: url(../../common/images/contact_tel.png);
}
.contact_info_magazine .tel_mail .fax{
	background-image: url(../../common/images/contact_fax.png);
	display: inline-block;
	width: 350px;
	float: left;
}
.contact_info_magazine .tel_mail .mail{
	background-image: url(../../common/images/contact_mail.png);
	width: auto;
}
.contact_info_magazine .tel_mail .map{
	background-image: url(../../common/images/contact_map.png);
	display: inline-block;
	margin-top: 34px;
}
.contact_info_magazine .tel_mail .link{ background-image: url(../../common/images/contact_link.png);}
.contact_info_magazine .tel_mail .tel,
.contact_info_magazine .tel_mail .fax,
.contact_info_magazine .tel_mail .mail,
.contact_info_magazine .tel_mail .map,
.contact_info_magazine .tel_mail .link{ background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 70px; min-height: 60px; margin-bottom: 30px;}
.contact_info_magazine .tel_mail .tel strong,
.contact_info_magazine .tel_mail .fax strong,
.contact_info_magazine .tel_mail .mail strong{display: block;}
.contact_info_magazine .tel_mail .tel small,
.contact_info_magazine .tel_mail .fax small,
.contact_info_magazine .tel_mail .mail small{ font-size: 12px;}
.contact_info_magazine .tel_mail .tel a{
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
	color: #136db2;
}
.contact_info_magazine .tel_mail .fax a{ 
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
	color: #136db2;}
.contact_info_magazine .tel_mail .mail a,
.contact_info_magazine .tel_mail .map span a{
	font-size: 16px;
	color: #136db2;
	border: #8e8e8e 1px solid;
	padding: 6px 10px;
	border-radius: 5px;
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}
.contact_info_magazine .tel_mail .mail a::after,
.contact_info_magazine .tel_mail .map span a::after{
	content: "▶︎";
	font-size: 12px;
	padding-left: 10px;
	color: #252525;
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}
.contact_info_magazine .tel_mail .map,
.contact_info_magazine .tel_mail .link{
	display: table;
	height: 100%;
}
.contact_info_magazine .tel_mail .map span,
.contact_info_magazine .tel_mail .link span{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.contact_info_magazine .tel_mail .link span a{ font-size: 16px; font-weight: bold;}
}
@media (max-width: 767px) {
.contact_info_magazine .tel_mail{padding: 0 10px;}
.contact_info_magazine .tel_mail .title{margin: 12px auto 15px; font-size: 17px;line-height:50px;}
.contact_info_magazine .tel_mail .tel,
.contact_info_magazine .tel_mail .fax,
.contact_info_magazine .tel_mail .mail,
.contact_info_magazine .tel_mail .map,
.contact_info_magazine .tel_mail .link{ text-align: center; margin-bottom:15px;}
.contact_info_magazine .tel_mail .tel strong{
	background-image: url(../../common/images/contact_tel.png);
}
.contact_info_magazine .tel_mail .fax strong{ background-image: url(../../common/images/contact_fax.png);}
.contact_info_magazine .tel_mail .mail strong{ background-image: url(../../common/images/contact_mail.png);}
.contact_info_magazine .tel_mail .map::before{ background-image: url(../../common/images/contact_map.png); content: "施設ガイド";}
.contact_info_magazine .tel_mail .link::before{ background-image: url(../../common/images/contact_link.png); content: "ホームページ";}
.contact_info_magazine .tel_mail .tel strong,
.contact_info_magazine .tel_mail .fax strong,
.contact_info_magazine .tel_mail .mail strong,
.contact_info_magazine .tel_mail .map::before,
.contact_info_magazine .tel_mail .link::before{
	background-size: 20px;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 24px;
	min-height: 20px;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	margin-bottom: 5px;
	font-weight: bold;
}
.contact_info_magazine .tel_mail .tel small,
.contact_info_magazine .tel_mail .fax small,
.contact_info_magazine .tel_mail .mail small{ font-size: 10px; display: block; }
.contact_info_magazine .tel_mail .tel a{ font-size: 20px; color: #136db2; font-weight: bold; display: inline-block;}
.contact_info_magazine .tel_mail .fax a{ font-size: 20px; color: #136db2; font-weight: bold; display: inline-block;}
.contact_info_magazine .tel_mail .mail a,
.contact_info_magazine .tel_mail .map a{ font-size: 16px; color: #136db2; border: #8e8e8e 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;}
.contact_info_magazine .tel_mail .mail a::after,
.contact_info_magazine .tel_mail .map a::after{ content:"▶︎"; font-size: 12px; padding-left: 10px; color: #252525; display: inline-block; vertical-align: top; padding-top: 3px;}
.contact_info_magazine .tel_mail .link::before{ margin-left:10px; margin-right: 10px;}
.contact_info_magazine .tel_mail .link a{ font-size:16px; font-weight: bold; display: inline-block; margin: 0 10px; }


.contact_info_magazine .info_box{ padding:10px;}
.contact_info_magazine .info_box .title{ background-color: #eeeeee; font-size: 20px; padding: 10px 10px;}
.contact_info_magazine .info_box .text{ font-size: 16px; padding: 0 10px;}
.contact_info_magazine .info_box .text strong{ display: block; font-size: 18px; margin-bottom: 10px;}
}

.contact_info_tomonokai{ border: #c3c3c3 1px solid;}
.contact_info_tomonokai dt{
	background-color: #666666;
	color: white;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
}
.contact_info_tomonokai .tel_mail .title{
	text-align: center;
	font-size: 18px;
}
.contact_info_tomonokai .tel_mail .text {
	text-align: center;
	margin-bottom: 20px;
	padding-right: 30px;
}
.contact_info_tomonokai .tel_mail .title strong{ border-bottom:3px solid #252525;padding-bottom: 8px;}

@media (min-width: 768px) {
.contact_info_tomonokai .tel_mail{padding-left: 30px;}
.contact_info_tomonokai .tel_mail .title{
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	line-height: 50px;
	padding-right: 30px;
}
.contact_info_tomonokai .tel_mail .tel{
	background-image: url(../../common/images/contact_tel.png);
}
.contact_info_tomonokai .tel_mail .fax{
	background-image: url(../../common/images/contact_fax.png);
	display: inline-block;
	width: 350px;
	float: left;
}
.contact_info_tomonokai .tel_mail .mail{
	background-image: url(../../common/images/contact_mail.png);
	width: auto;
}
.contact_info_tomonokai .tel_mail .map{
	background-image: url(../../common/images/contact_map.png);
	display: inline-block;
	margin-top: 24px;
}
.contact_info_tomonokai .tel_mail .link{ background-image: url(../../common/images/contact_link.png);}
.contact_info_tomonokai .tel_mail .tel,
.contact_info_tomonokai .tel_mail .fax,
.contact_info_tomonokai .tel_mail .mail,
.contact_info_tomonokai .tel_mail .map,
.contact_info_tomonokai .tel_mail .link{
	background-size: 60px;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;
	margin-bottom: 20px;
}
.contact_info_tomonokai .tel_mail .tel strong,
.contact_info_tomonokai .tel_mail .fax strong,
.contact_info_tomonokai .tel_mail .mail strong{display: block;}
.contact_info_tomonokai .tel_mail .tel small,
.contact_info_tomonokai .tel_mail .fax small,
.contact_info_tomonokai .tel_mail .mail small{ font-size: 12px;}
.contact_info_tomonokai .tel_mail .tel a{
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
	color: #136db2;
}
.contact_info_tomonokai .tel_mail .fax a{ 
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
	color: #136db2;}
.contact_info_tomonokai .tel_mail .mail a,
.contact_info_tomonokai .tel_mail .map span a{
	font-size: 16px;
	color: #136db2;
	border: #8e8e8e 1px solid;
	padding: 6px 10px;
	border-radius: 5px;
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}
.contact_info_tomonokai .tel_mail .mail a::after,
.contact_info_tomonokai .tel_mail .map span a::after{
	content: "▶︎";
	font-size: 12px;
	padding-left: 10px;
	color: #252525;
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}
.contact_info_tomonokai .tel_mail .map,
.contact_info_tomonokai .tel_mail .link{
	display: table;
	height: 100%;
}
.contact_info_tomonokai .tel_mail .map span,
.contact_info_tomonokai .tel_mail .link span{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.contact_info_tomonokai .tel_mail .link span a{ font-size: 16px; font-weight: bold;}
}
@media (max-width: 767px) {
.contact_info_tomonokai .tel_mail{padding: 0 10px;}
.contact_info_tomonokai .tel_mail .title{margin: 12px auto 15px; font-size: 17px;line-height:50px;}
.contact_info_tomonokai .tel_mail .tel,
.contact_info_tomonokai .tel_mail .fax,
.contact_info_tomonokai .tel_mail .mail,
.contact_info_tomonokai .tel_mail .map,
.contact_info_tomonokai .tel_mail .link{ text-align: center; margin-bottom:15px;}
.contact_info_tomonokai .tel_mail .tel strong{ background-image: url(../../common/images/contact_tel.png);}
.contact_info_tomonokai .tel_mail .fax strong{ background-image: url(../../common/images/contact_fax.png);}
.contact_info_tomonokai .tel_mail .mail strong{ background-image: url(../../common/images/contact_mail.png);}
.contact_info_tomonokai .tel_mail .map::before{ background-image: url(../../common/images/contact_map.png); content: "施設ガイド";}
.contact_info_tomonokai .tel_mail .link::before{ background-image: url(../../common/images/contact_link.png); content: "ホームページ";}
.contact_info_tomonokai .tel_mail .tel strong,
.contact_info_tomonokai .tel_mail .fax strong,
.contact_info_tomonokai .tel_mail .mail strong,
.contact_info_tomonokai .tel_mail .map::before,
.contact_info_tomonokai .tel_mail .link::before{ background-size: 20px; background-position: left; background-repeat: no-repeat; padding-left: 24px; min-height: 20px; display: inline-block; font-size: 16px; vertical-align: middle; margin-bottom: 5px; font-weight: bold;}
.contact_info_tomonokai .tel_mail .tel small,
.contact_info_tomonokai .tel_mail .fax small,
.contact_info_tomonokai .tel_mail .mail small{ font-size: 10px; display: block; }
.contact_info_tomonokai .tel_mail .tel a{ font-size: 20px; color: #136db2; font-weight: bold; display: inline-block;}
.contact_info_tomonokai .tel_mail .fax a{ font-size: 20px; color: #136db2; font-weight: bold; display: inline-block;}
.contact_info_tomonokai .tel_mail .mail a,
.contact_info_tomonokai .tel_mail .map a{ font-size: 16px; color: #136db2; border: #8e8e8e 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;}
.contact_info_tomonokai .tel_mail .mail a::after,
.contact_info_tomonokai .tel_mail .map a::after{ content:"▶︎"; font-size: 12px; padding-left: 10px; color: #252525; display: inline-block; vertical-align: top; padding-top: 3px;}
.contact_info_tomonokai .tel_mail .link::before{ margin-left:10px; margin-right: 10px;}
.contact_info_tomonokai .tel_mail .link a{ font-size:16px; font-weight: bold; display: inline-block; margin: 0 10px; }


.contact_info_tomonokai .info_box{ padding:10px;}
.contact_info_tomonokai .info_box .title{ background-color: #eeeeee; font-size: 20px; padding: 10px 10px;}
.contact_info_tomonokai .info_box .text{ font-size: 16px; padding: 0 10px;}
.contact_info_tomonokai .info_box .text strong{ display: block; font-size: 18px; margin-bottom: 10px;}
}

.contact_info_ticket{ border: #c3c3c3 1px solid;}
.contact_info_ticket dt{
	background-color: #666666;
	color: white;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
}
.contact_info_ticket .tel_mail .title{
	text-align: center;
	font-size: 18px;
}
.contact_info_ticket .tel_mail .title strong{ border-bottom:3px solid #252525;padding-bottom: 8px;}
@media (min-width: 768px) {
.contact_info_ticket .tel_mail{padding-left: 30px;}
.contact_info_ticket .tel_mail .title{padding-right: 30px; margin: 25px auto 30px;}
.contact_info_ticket .tel_mail .tel{
	background-image: url(../../common/images/contact_tel.png);
	display: inline-block;
	width: 350px;
	float: left;
}
.contact_info_ticket .tel_mail .fax{ background-image: url(../../common/images/contact_fax.png);}
.contact_info_ticket .tel_mail .mail{
	background-image: url(../../common/images/contact_mail.png);
}
.contact_info_ticket .tel_mail .map{
	background-image: url(../../common/images/contact_map.png);
	display: inline-block;
	width: 300px;
	margin-top: 44px;
}
.contact_info_ticket .tel_mail .link{ background-image: url(../../common/images/contact_link.png);}
.contact_info_ticket .tel_mail .tel,
.contact_info_ticket .tel_mail .fax,
.contact_info_ticket .tel_mail .mail,
.contact_info_ticket .tel_mail .map,
.contact_info_ticket .tel_mail .link{ background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 70px; min-height: 60px; margin-bottom: 30px;}
.contact_info_ticket .tel_mail .tel strong,
.contact_info_ticket .tel_mail .fax strong,
.contact_info_ticket .tel_mail .mail strong{display: block;}
.contact_info_ticket .tel_mail .tel small,
.contact_info_ticket .tel_mail .fax small,
.contact_info_ticket .tel_mail .mail small{ font-size: 12px;}
.contact_info_ticket .tel_mail .tel a{
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
	color: #136db2;
}
.contact_info_ticket .tel_mail .fax a{ font-size: 30px; font-weight: bold; color: #b42b6e; margin-right: 10px;}
.contact_info_ticket .tel_mail .mail a,
.contact_info_ticket .tel_mail .map span a{
	font-size: 16px;
	color: #136db2;
	border: #8e8e8e 1px solid;
	padding: 6px 10px;
	border-radius: 5px;
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}
.contact_info_ticket .tel_mail .mail a::after,
.contact_info_ticket .tel_mail .map span a::after{
	content: "▶︎";
	font-size: 12px;
	padding-left: 10px;
	color: #252525;
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}
.contact_info_ticket .tel_mail .map,
.contact_info_ticket .tel_mail .link{
	display: table;
	height: 100%;
}
.contact_info_ticket .tel_mail .map span,
.contact_info_ticket .tel_mail .link span{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.contact_info_ticket .tel_mail .link span a{ font-size: 16px; font-weight: bold;}

.contact_info_ticket .info_box{ padding:20px;}
.contact_info_ticket .info_box .title{ background-color: #eeeeee; font-size: 20px; padding: 20px 15px;}
.contact_info_ticket .info_box .text{ font-size: 16px; padding: 0 15px;}
.contact_info_ticket .info_box .text strong{ display: block; font-size: 18px; margin-bottom: 10px;}
}
@media (max-width: 767px) {
.contact_info_ticket .tel_mail{padding: 0 10px;}
.contact_info_ticket .tel_mail .title{margin: 12px auto 15px; font-size: 17px;line-height:35px;}
.contact_info_ticket .tel_mail .tel,
.contact_info_ticket .tel_mail .fax,
.contact_info_ticket .tel_mail .mail,
.contact_info_ticket .tel_mail .map,
.contact_info_ticket .tel_mail .link{ text-align: center; margin-bottom:15px;}
.contact_info_ticket .tel_mail .tel strong{ background-image: url(../../common/images/contact_tel.png);}
.contact_info_ticket .tel_mail .fax strong{ background-image: url(../../common/images/contact_fax.png);}
.contact_info_ticket .tel_mail .mail strong{ background-image: url(../../common/images/contact_mail.png);}
.contact_info_ticket .tel_mail .map::before{ background-image: url(../../common/images/contact_map.png); content: "フロアマップ";}
.contact_info_ticket .tel_mail .link::before{ background-image: url(../../common/images/contact_link.png); content: "ホームページ";}
.contact_info_ticket .tel_mail .tel strong,
.contact_info_ticket .tel_mail .fax strong,
.contact_info_ticket .tel_mail .mail strong,
.contact_info_ticket .tel_mail .map::before,
.contact_info_ticket .tel_mail .link::before{ background-size: 20px; background-position: left; background-repeat: no-repeat; padding-left: 24px; min-height: 20px; display: inline-block; font-size: 16px; vertical-align: middle; margin-bottom: 5px; font-weight: bold;}
.contact_info_ticket .tel_mail .tel small,
.contact_info_ticket .tel_mail .fax small,
.contact_info_ticket .tel_mail .mail small{ font-size: 10px; display: block; }
.contact_info_ticket .tel_mail .tel a{ font-size: 20px; font-weight: bold; display: inline-block;}
.contact_info_ticket .tel_mail .fax a{ font-size: 30px; font-weight: bold; color: #b42b6e; display: inline-block;}
.contact_info_ticket .tel_mail .mail a,
.contact_info_ticket .tel_mail .map a{ font-size: 16px; color: #136db2; border: #8e8e8e 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;}
.contact_info_ticket .tel_mail .mail a::after,
.contact_info_ticket .tel_mail .map a::after{ content:"▶︎"; font-size: 12px; padding-left: 10px; color: #252525; display: inline-block; vertical-align: top; padding-top: 3px;}
.contact_info_ticket .tel_mail .link::before{ margin-left:10px; margin-right: 10px;}
.contact_info_ticket .tel_mail .link a{ font-size:16px; font-weight: bold; display: inline-block; margin: 0 10px; }


.contact_info_ticket .info_box{ padding:10px;}
.contact_info_ticket .info_box .title{ background-color: #eeeeee; font-size: 20px; padding: 10px 10px;}
.contact_info_ticket .info_box .text{ font-size: 16px; padding: 0 10px;}
.contact_info_ticket .info_box .text strong{ display: block; font-size: 18px; margin-bottom: 10px;}
}


.contact_info_book{ border: #c3c3c3 1px solid;}
.contact_info_book dt{
	background-color: #666666;
	color: white;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
}
.contact_info_book .tel_mail .title{
	text-align: center;
	font-size: 18px;
	margin-bottom: 25px;
}
.contact_info_book .tel_mail .text {
	text-align: center;
	margin-bottom: 25px;
	padding-right: 30px;
}
.contact_info_book .tel_mail .title strong{
	border-bottom: 3px solid #252525;
	padding-bottom: 8px;
	margin-bottom: 25px;
}

@media (min-width: 768px) {
.contact_info_book .tel_mail{padding-left: 30px;}
.contact_info_book .tel_mail .title{
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	line-height: 50px;
	padding-right: 30px;
}
.contact_info_book .tel_mail .tel{
	background-image: url(../../common/images/contact_tel.png);
}
.contact_info_book .tel_mail .fax{
	background-image: url(../../common/images/contact_fax.png);
	display: inline-block;
	width: 350px;
	float: left;
}
.contact_info_book .tel_mail .mail{
	background-image: url(../../common/images/contact_mail.png);
	width: auto;
}
.contact_info_book .tel_mail .map{
	background-image: url(../../common/images/contact_map.png);
	display: inline-block;
	margin-top: 34px;
}
.contact_info_book .tel_mail .link{ background-image: url(../../common/images/contact_link.png);}
.contact_info_book .tel_mail .tel,
.contact_info_book .tel_mail .fax,
.contact_info_book .tel_mail .mail,
.contact_info_book .tel_mail .map,
.contact_info_book .tel_mail .link{ background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 70px; min-height: 60px; margin-bottom: 30px;}
.contact_info_book .tel_mail .tel strong,
.contact_info_book .tel_mail .fax strong,
.contact_info_book .tel_mail .mail strong{display: block;}
.contact_info_book .tel_mail .tel small,
.contact_info_book .tel_mail .fax small,
.contact_info_book .tel_mail .mail small{ font-size: 12px;}
.contact_info_book .tel_mail .tel a{
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
	color: #136db2;
}
.contact_info_book .tel_mail .fax a{ 
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
	color: #136db2;}
.contact_info_book .tel_mail .mail a,
.contact_info_book .tel_mail .map span a{
	font-size: 16px;
	color: #136db2;
	border: #8e8e8e 1px solid;
	padding: 6px 10px;
	border-radius: 5px;
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}
.contact_info_book .tel_mail .mail a::after,
.contact_info_book .tel_mail .map span a::after{
	content: "▶︎";
	font-size: 12px;
	padding-left: 10px;
	color: #252525;
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
}
.contact_info_book .tel_mail .map,
.contact_info_book .tel_mail .link{
	display: table;
	height: 100%;
}
.contact_info_book .tel_mail .map span,
.contact_info_book .tel_mail .link span{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.contact_info_book .tel_mail .link span a{ font-size: 16px; font-weight: bold;}
}
@media (max-width: 767px) {
.contact_info_book .tel_mail{padding: 0 10px;}
.contact_info_book .tel_mail .title{margin: 12px auto 15px; font-size: 17px;line-height:50px;}
.contact_info_book .tel_mail .tel,
.contact_info_book .tel_mail .fax,
.contact_info_book .tel_mail .mail,
.contact_info_book .tel_mail .map,
.contact_info_book .tel_mail .link{ text-align: center; margin-bottom:15px;}
.contact_info_book .tel_mail .tel strong{
	background-image: url(../../common/images/contact_tel.png);
}
.contact_info_book .tel_mail .fax strong{ background-image: url(../../common/images/contact_fax.png);}
.contact_info_book .tel_mail .mail strong{ background-image: url(../../common/images/contact_mail.png);}
.contact_info_book .tel_mail .map::before{ background-image: url(../../common/images/contact_map.png); content: "施設ガイド";}
.contact_info_book .tel_mail .link::before{ background-image: url(../../common/images/contact_link.png); content: "ホームページ";}
.contact_info_book .tel_mail .tel strong,
.contact_info_book .tel_mail .fax strong,
.contact_info_book .tel_mail .mail strong,
.contact_info_book .tel_mail .map::before,
.contact_info_book .tel_mail .link::before{
	background-size: 20px;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 24px;
	min-height: 20px;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	margin-bottom: 5px;
	font-weight: bold;
}
.contact_info_book .tel_mail .tel small,
.contact_info_book .tel_mail .fax small,
.contact_info_book .tel_mail .mail small{ font-size: 10px; display: block; }
.contact_info_book .tel_mail .tel a{ font-size: 20px; color: #136db2; font-weight: bold; display: inline-block;}
.contact_info_book .tel_mail .fax a{ font-size: 20px; color: #136db2; font-weight: bold; display: inline-block;}
.contact_info_book .tel_mail .mail a,
.contact_info_book .tel_mail .map a{ font-size: 16px; color: #136db2; border: #8e8e8e 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;}
.contact_info_book .tel_mail .mail a::after,
.contact_info_book .tel_mail .map a::after{ content:"▶︎"; font-size: 12px; padding-left: 10px; color: #252525; display: inline-block; vertical-align: top; padding-top: 3px;}
.contact_info_book .tel_mail .link::before{ margin-left:10px; margin-right: 10px;}
.contact_info_book .tel_mail .link a{ font-size:16px; font-weight: bold; display: inline-block; margin: 0 10px; }


.contact_info_book .info_box{ padding:10px;}
.contact_info_book .info_box .title{ background-color: #eeeeee; font-size: 20px; padding: 10px 10px;}
.contact_info_book .info_box .text{ font-size: 16px; padding: 0 10px;}
.contact_info_book .info_box .text strong{ display: block; font-size: 18px; margin-bottom: 10px;}
}

.contact_info_guide{ border: #c3c3c3 1px solid;}
.contact_info_guide dt{ background-color:#252525; color: white; text-align: center; font-size: 16px; padding: 10px 0;}
.contact_info_guide dd{ }
.contact_info_guide .tel_mail .title{ text-align: center; font-size: 20px;}
.contact_info_guide .tel_mail .text {
	text-align: center;
}
.contact_info_guide .tel_mail .title strong{
	border-bottom: 3px solid #252525;
	padding-bottom: 8px;
}
@media (min-width: 768px) {
.contact_info_guide .tel_mail{ padding-left:30px;}
.contact_info_guide .tel_mail::after{ content:""; clear: both; display: table;}
.contact_info_guide .tel_mail .title{ margin: 25px 0 25px -30px; line-height:50px;}
.contact_info_guide .tel_mail .tel{
	background-image: url(../../common/images/contact_tel.png);
	margin-left: 25px;
}
.contact_info_guide .tel_mail .fax{
	background-image: url(../../common/images/contact_fax.png);
	margin-top: 10px;
	margin-left: -25px;
}
.contact_info_guide .tel_mail .tel,
.contact_info_guide .tel_mail .fax{
	background-size: 60px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 60px;
	margin-bottom: 30px;
	width: 50%;
	float: left;
	display: table;
}
.contact_info_guide .tel_mail .tel span,
.contact_info_guide .tel_mail .fax span{ display:table-cell; vertical-align: middle; font-size: 14px;}
.contact_info_guide .tel_mail .tel span a,
.contact_info_guide .tel_mail .fax span a{ font-size:20px; font-weight: bold;}
}

@media (min-width: 768px) {
.contact_info_guide .tel_mail .title{
	padding-right: 30px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
}

.contact_info_guide .tel_mail .text {
	text-align: center;
	padding-right: 30px;
	font-size: 16px;
	margin-bottom:25px;
}

@media (max-width: 767px) {
.contact_info_guide .tel_mail .title{margin: 12px auto 15px; font-size: 17px;}
.contact_info_guide .tel_mail .tel,
.contact_info_guide .tel_mail .fax{ text-align: center; margin-bottom:15px;}
.contact_info_guide .tel_mail .tel strong{ background-image: url(../../common/images/contact_tel.png);}
.contact_info_guide .tel_mail .fax strong{ background-image: url(../../common/images/contact_fax.png);}
.contact_info_guide .tel_mail .tel strong,
.contact_info_guide .tel_mail .fax strong{ background-size: 20px; background-position: left; background-repeat: no-repeat; padding-left: 24px; min-height: 20px; display: inline-block; font-size: 16px; vertical-align: middle; margin-bottom: 5px; font-weight: bold;}
.contact_info_guide .tel_mail .tel small{ font-size: 10px; display: block; }
.contact_info_guide .tel_mail .tel a{ font-size: 16px; font-weight: bold; display: inline-block; color: #136db2;}
.contact_info_guide .tel_mail .fax::before{ margin-left:10px; margin-right: 10px;}
.contact_info_guide .tel_mail .fax a{ font-size:16px; font-weight: bold; display: inline-block; margin: 0 10px; color: #136db2;}
.contact_info_guide .tel_mail{padding: 0 10px;}
}

.contact_info_new{ border: #c3c3c3 1px solid;}
.contact_info_new dt{background-color: #666666;color: white;text-align: center;font-size: 16px;padding: 10px 0;}
.contact_info_new .tel_mail .title{text-align: center;font-size: 18px;}
.contact_info_new .tel_mail .text {text-align: center;}
@media (min-width: 768px) {
.contact_info_new .tel_mail .title strong{ border-bottom:3px solid #252525;padding-bottom: 3px;}
.contact_info_new .tel_mail{padding-left: 30px;}
.contact_info_new .tel_mail .title{padding-right: 30px; margin: 20px auto 7px;}
.contact_info_new .tel_mail .text{padding-right: 30px; margin-bottom:20px;}
.contact_info_new .tel_mail .tel{display: inline-block;width: 350px;float: left;}
.contact_info_new .tel_mail .mail{display: inline-block;width: 350px;float: left;}
.contact_info_new .tel_mail .tel,
.contact_info_new .tel_mail .fax{background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 70px; min-height: 60px; margin-bottom: 30px;}
.contact_info_new .tel_mail .mail,
.contact_info_new .tel_mail .map{background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 70px; margin-bottom: 20px;}
.contact_info_new .tel_mail .tel small,
.contact_info_new .tel_mail .fax small,
.contact_info_new .tel_mail .link small,
.contact_info_new .tel_mail .mail small{ font-size: 12px;display: block;}
.contact_info_new .tel_mail .tel a{font-size: 20px;font-weight: bold;margin-right: 10px;color: #136db2;}
.contact_info_new .tel_mail .fax a{ font-size: 20px; font-weight: bold; color: #136db2; margin-right: 10px;}
.contact_info_new .tel_mail .mail a,
.contact_info_new .tel_mail .map a{width:200px;font-size: 16px;color: #136db2;border: #cccccc 1px solid;padding: 6px 10px;border-radius: 5px;display: inline-block;font-weight: bold;margin-right: 10px;}
.contact_info_new .tel_mail .map{ margin-top:40px;}
.contact_info_new .tel_mail .mail a{ width:200px;font-size: 16px; color: #136db2; border: #cccccc 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;position:relative;}
.contact_info_new .tel_mail .mail a::after{ content:""; display: inline-block; width: 10px; height: 13px; background: url(../images/icon-link.svg) no-repeat center center; background-size: 10px 10px;position:absolute;right:10px;top:50%;margin-top:-7px;}
.contact_info_new .tel_mail .map a{ width:200px;font-size: 16px; color: #136db2; border: #cccccc 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;position:relative;}
.contact_info_new .tel_mail .map a::after{ content:""; display: inline-block; width: 10px; height: 13px; background: url(../images/icon-link.svg) no-repeat center center; background-size: 10px 10px;position:absolute;right:10px;top:50%;margin-top:-7px;}
	
.contact_info_new.guide_btn_none .tel_mail .fax{background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 70px; min-height: 60px; margin-bottom: 30px;margin-top:96px;}
}
@media (max-width: 767px) {
.contact_info_new .tel_mail .title strong{ border-bottom:3px solid #252525;padding-bottom: 3px;}
.contact_info_new .tel_mail .text strong{ padding-top: 0px;}	
.contact_info_new .tel_mail{padding: 0 10px;}
.contact_info_new .tel_mail .title{margin: 12px auto 5px; font-size: 17px;line-height:35px;}
.contact_info_new .tel_mail .tel,
.contact_info_new .tel_mail .fax,
.contact_info_new .tel_mail .mail,
.contact_info_new .tel_mail .map{ text-align: center; margin-bottom:15px;}
.contact_info_new .tel_mail .tel strong,
.contact_info_new .tel_mail .fax strong,
.contact_info_new .tel_mail .mail strong,
.contact_info_new .tel_mail .map::before{ background-size: 20px; background-position: left; background-repeat: no-repeat; min-height: 20px; display: inline-block; font-size: 14px; vertical-align: middle; margin-bottom: 5px; font-weight: bold;}
.contact_info_new .tel_mail .tel small,
.contact_info_new .tel_mail .fax small,
.contact_info_new .tel_mail .mail small{ font-size: 10px; display: block; }
.contact_info_new .tel_mail .tel a{ font-size: 20px; font-weight: bold; color: #136db2; display: inline-block;}
.contact_info_new .tel_mail .fax a{ font-size: 20px; font-weight: bold; color: #136db2; display: inline-block;}
.contact_info_new .tel_mail .mail a{ text-align:left;width:200px;font-size: 16px; color: #136db2; border: #cccccc 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;position:relative;}
.contact_info_new .tel_mail .mail a::after{ content:""; display: inline-block; width: 10px; height: 13px; background: url(../images/icon-link.svg) no-repeat center center; background-size: 10px 10px;position:absolute;right:10px;top:50%;margin-top:-7px;}
.contact_info_new .tel_mail .map a{ text-align:left;width:200px;font-size: 16px; color: #136db2; border: #cccccc 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;position:relative;}
.contact_info_new .tel_mail .map a::after{ content:""; display: inline-block; width: 10px; height: 13px; background: url(../images/icon-link.svg) no-repeat center center; background-size: 10px 10px;position:absolute;right:10px;top:50%;margin-top:-7px;}
}

#contact_form{
	margin-top: -60px;
	padding-top: 60px;
}

.contact_info_claftwork{ border: #c3c3c3 1px solid;}
.contact_info_claftwork dt{ background-color:#666666; color: white; text-align: center; font-size: 16px; padding: 10px 0;}
.contact_info_claftwork .tel_mail .title{ text-align: center; font-size: 18px;}
.contact_info_claftwork .tel_mail .title strong{ border-bottom:3px solid #252525;padding-bottom: 7px;}
@media (min-width: 768px) {
.contact_info_claftwork .tel_mail .title strong{ padding-bottom: 2px;}
.contact_info_claftwork .tel_mail{padding-left: 30px;}
.contact_info_claftwork .tel_mail .title{padding-right: 30px; margin: 20px auto 30px;}
.contact_info_claftwork .tel_mail .tel{display: inline-block;width: 330px;float: left;}
.contact_info_claftwork .tel_mail .link{display: inline-block;width: 330px;}
.contact_info_claftwork .tel_mail .tel{background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 120px; min-height: 60px; margin-bottom: 10px;}
.contact_info_claftwork .tel_mail .link{background-size: 60px; background-position: left; background-repeat: no-repeat; padding-left: 20px; min-height: 60px; margin-bottom: 10px;}
.contact_info_claftwork .tel_mail .tel a{font-size: 20px;font-weight: bold;margin-right: 10px;color: #136db2;}
.contact_info_claftwork .tel_mail .link a{ width:210px;font-size: 12px; color: #252525; border: #cccccc 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;position:relative;margin-top:10px;}
.contact_info_claftwork .tel_mail .link a::after{ content:""; display: inline-block; width: 12px; height: 13px; background: url(../images/icon-gaibu.svg) no-repeat center center; background-size: 12px 12px;position:absolute;right:10px;top:50%;margin-top:-7px;}
}
@media (max-width: 767px) {
.contact_info_claftwork .tel_mail .title strong{ border-bottom:3px solid #252525;padding-bottom: 2px;}
.contact_info_claftwork .tel_mail{padding: 0 10px;}
.contact_info_claftwork .tel_mail .title{margin: 12px auto 10px; font-size: 17px;line-height:35px;}
.contact_info_claftwork .tel_mail .tel,
.contact_info_claftwork .tel_mail .link{ text-align: center; margin-bottom:15px;}
.contact_info_claftwork .tel_mail .tel a{ font-size: 20px; font-weight: bold; color: #136db2; display: inline-block;}
.contact_info_claftwork .tel_mail .link a{ text-align:left;width:210px;font-size: 12px; color: #252525; border: #cccccc 1px solid; padding: 6px 10px; border-radius: 5px; display: inline-block; font-weight: bold;position:relative;}
.contact_info_claftwork .tel_mail .link a::after{ content:""; display: inline-block; width: 12px; height: 13px; background: url(../images/icon-gaibu.svg) no-repeat center center; background-size: 12px 12px;position:absolute;right:10px;top:50%;margin-top:-7px;}
}

.btn.btn-lb-ra.btn_slim{ position: relative; padding-left: 16px; padding-top: 6px; padding-bottom: 6px; padding-right:40px;}
.btn-default.btn-lb-ra.btn_slim.green::after{ 
	content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
	margin-left:20px;
    border-top: 1px solid #00ab6f;
    border-right: 1px solid #00ab6f;
    transform: rotate(45deg);
}

.btn-hanten{
	border-color: #4f9db8;
	color: #4F9DB8;
}

.btn.btn-lb-ra.btn-hanten::after{ 
	content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
	margin-left:20px;
    border-top: 1px solid #4F9DB8;
    border-right: 1px solid #4F9DB8;
    transform: rotate(45deg);
}

.table-mb3{
	margin-bottom: 3px;	
}

#ev1{
	margin-top: -40px;
	padding-top: 40px;
}
#ev2{
	margin-top: -40px;
	padding-top: 40px;
}
#ev3{
	margin-top: -40px;
	padding-top: 40px;
}
#ev4{
	margin-top: -40px;
	padding-top: 40px;
}
#ev5{
	margin-top: -40px;
	padding-top: 40px;
}
#ev6{
	margin-top: -40px;
	padding-top: 40px;
}
#dm{
	margin-top: -60px;
	padding-top: 60px;
}

@media (min-width: 768px) {
	.movie_box{ margin: 0 0 50px; text-align: center;}
	.movie_box a img{ width: 700px; height: auto;}
	
	.movie_box2{ display: flex; justify-content: center;}
	.movie_box2 a img{ width: 500px; height: auto; margin: 0 15px;}
}
@media (max-width: 767px) {
	.movie_box{ margin: 0 0 30px; text-align: center;}
	.movie_box a img{ width: 100%; height: auto;}
	
	.movie_box2 a img{ margin: 5px 0;}
}

@media (min-width: 768px) {
	.event_btn_covid{ width: 212px; height: 41px; padding-top: 11px!important; padding-left: 16px!important; font-weight: normal; font-size: 13px;}
}
@media (max-width: 767px) {
	.event_btn_covid{ width: 212px; height: 41px; padding-top: 11px!important; padding-left: 16px!important; font-weight: normal; font-size: 13px;}
}

@media (min-width: 768px) {
	.covid_banner_box{ margin: 0 0 50px; text-align: center;}
	.covid_banner_box a img{ width: 960px; height: auto;}

	.covid_banner_box2{ margin: 0; text-align: center;}
	.covid_banner_box2 a img{ width: 100%; height: auto;}
}
@media (max-width: 767px) {
	.covid_banner_box{ margin: 0 10px 30px; text-align: center;}
	.covid_banner_box a img{ width: 100%; height: auto;}
	
	.covid_banner_box2{ margin: 0 10px 0; text-align: center;}
	.covid_banner_box2 a img{ width: 100%; height: auto;}
}


/* 20230525　Youtubeじゃない動画追加 */
@media (min-width: 768px) {
	.top_movie{ width: 100%;}
	#myModal3 button.close{ z-index: 100; position: relative;}
}
@media (max-width: 767px) {
	.top_movie{ width: 100%; padding: 0!important;}
	.top_movie video{ width: 100%;}
}

#anchor_link1{
	margin-top: -50px;
	padding-top: 50px;
}