@charset "utf-8";

/* -------（リセットCSS）-----------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,header, section, article, footer, article, aside, time ,nav,a,figure{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
p{text-justify:inter-ideograph;margin: 0 0 1em 0;}
header,section,article,footer,article,aside,time,nav,main,figure { display: block; }
*{ box-sizing: border-box;}

:placeholder-shown { color: #ccc; }
::-webkit-input-placeholder {color: #ccc; }
:-moz-placeholder {color: #ccc;  opacity: 1; }
::-moz-placeholder {olor: #ccc;opacity: 1; }
:-ms-input-placeholder {olor: #ccc;}

/* =base
------------------------------------------------------------------------------------------*/
body {
    text-align: center;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    color: #002040;
    background-color: #fefaf7;
    min-height:100%;height:100%;
    background-image:url(../images/bg.png); background-position:center top; background-attachment:fixed; width:100%;}


.sp_only{display: none;}
.pc_only{display: block;}


@media only screen and (max-width: 768px){
body { background-attachment:inherit;}
.sp_only{display: block!important;}
.pc_only{display: none!important;}
}


html {overflow-y:scroll; width:100%; height:100%;}
a {  text-decoration: none;  cursor: pointer;color:#e95098; outline:none;  }
a:link {  text-decoration: none; }
a:hover {  color: #e95098;  text-decoration: none;}
a:active {  text-decoration: none;}
a img { outline:none;}
a:hover img {  opacity: .8;  -webkit-opacity: .8;  -moz-opacity: .8;  filter: alpha(opacity=80);  -ms-filter: "alpha(opacity=80)";}

button:hover{ opacity:0.9; cursor:pointer;}

.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

/* = common parts
------------------------------------------------------------------------------------------*/
header { text-align:left;  z-index:40; width:85px; height:0; top:0; }

header h1{ line-height:0; padding:8px 10px; width:85px; position:fixed; left:0; top:0; overflow:hidden; z-index:10; background-color: #00a3bc;}
header h1 a{ display:block;}
header h1 img{ width:366px;}
header .head_logo{ line-height:0; padding:8px 10px; width:85px; position:fixed; left:0; top:0; overflow:hidden; z-index:30;  background-color: #00a3bc;}
header .head_logo a{ display:block;}
header .head_logo img{ width:366px;}

.global nav{ position:fixed; width:85px; top:73px; z-index:10;font-feature-settings : "palt"}
.global nav ul{ border-top:1px dotted #00a3bc;}
.global nav ul li{border-bottom:1px dotted #00a3bc;}
.global nav ul li a,
.global nav ul li.search span{ display:block; background-repeat:no-repeat; background-size:30px; text-align:center; background-position:center 8px; font-size:11px; font-weight:bold; line-height:1.2em; color:#002040;
 padding:44px 0 5px;}
.global nav ul li.search span{ background-image:url(../images/nav_icon_search.svg);}
.global nav ul li.home a{ background-image:url(../images/nav_icon_home.svg);}
.global nav ul li.special a{ background-image:url(../images/nav_icon_special.svg);}
.global nav ul li.report a{ background-image:url(../images/nav_icon_news.svg);}
.global nav ul li.ticket a{ background-image:url(../images/nav_icon_ticket.svg);}
.global nav ul li.poster a{ background-image:url(../images/nav_icon_poster.svg);}
.global nav ul li.thisweek a{ background-image:url(../images/nav_icon_calendar.svg);}

.global nav ul li.search span:hover{ cursor:pointer;}

.global nav ul li.login{ border:0; background-color:#00a3bc; padding:5px 5px 8px; line-height:1;}
.global nav ul li.login a{ padding:2px 0; background-color:#FFF; color:#00a3bc;}
.global nav ul li.login img{ width:100%; margin-bottom:2px;}

.organizer_nav{ position:absolute; right:10px; top:0; z-index:10;}
.organizer_nav ul{ display:table;}
.organizer_nav ul li{ display:table-cell; padding-right:5px;}
.organizer_nav ul li a{display:block; background-color:#fff; color:#003366; border-radius:0 0 10px 10px; padding:10px 20px 8px; width:auto; text-align:center; font-weight:bold; font-size:14px;}
.organizer_nav ul li a:hover{ opacity:0.9;}

.organizer_nav ul li:first-child a{ background-color:#00a3bc; color:#fff;}
.organizer_nav ul li:first-child a:hover{ background:#01afca; opacity:1;}

.nodata_txt{ padding:90px 0; font-weight:bold;}

.nav_trigger{display: none;}

@media only screen and (max-width: 768px){
.global{width:100%; position:fixed; z-index:50; top:0; left:0; overflow-y: hidden; padding-top:0; height:0; background-color:rgba(0,163,188,0.7); box-sizing: border-box;
 -webkit-transition: 1s ease;  -moz-transition: 0.5s ease;  -o-transition: 0.5s ease;  -ms-transition: 0.5s ease;  transition:0.5s ease;}
.nav-active .global{ height:100vh;padding-top:50px;}
.toggle_nav{ -webkit-transition: 0.2s ease;  -moz-transition: 0.2s ease;  -o-transition: 0.2s ease;  -ms-transition: 0.2s ease;  transition: 0.2s ease;}

header {  width:100%; height:50px; top:0; background-color:#FFF; position:fixed;}
header h1{ line-height:0; padding:9px 0 0 2%; width:230px; height:42px; position:inherit; background-color:inherit;}
header h1 img{ width:200px;}
header .head_logo{ line-height:0; padding:9px 0 0 2%; width:230px; height:42px; position:inherit; background-color:inherit;}
header .head_logo img{ width:200px;}
.global nav{ position:initial; width:100%; background-color:#fff; }
.global nav ul li a,
.global nav ul li.search span{ background-position:3% center; padding:18px 0 18px 20px; font-size:14px;}
.global nav ul li a br,
.global nav ul li.search span br{ display:none;}

.global nav ul li.login{ padding:10px 0; line-height:1; text-align:center;}
.global nav ul li.login a{ padding:5px 0; display:inline-block; width:100px;}
.global nav ul li.login .logintxt{ width:96px;  display: inline-block;margin-bottom: -4px; margin-right:5px;}

.organizer_nav{ position:initial;background-color:#FFF; padding:8px 3%;}
.organizer_nav ul{  width:100%; margin:0 auto; }
.organizer_nav ul li{ width:50%;padding:0;}
.organizer_nav ul li a{ width:100%; border:2px solid #00a3bc; border-radius:0; padding:6px 0;}
.organizer_nav ul li:first-child a{ }

/* Default navigation icon */
.nav_trigger { display: block; position: absolute; width: 30px; height: 25px; right:3vw; top: 9px; z-index: 200;}
.nav-active .nav_trigger { opacity: 1; position:fixed;}
.nav_icon { display: inline-block; position: relative; width: 30px; height: 3px; background-color: #00a3bc; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.nav_icon:before,
.nav_icon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #00a3bc; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.nav_icon:before { margin-top: -10px;}
.nav_icon:after { margin-top: 10px;}
.nav-active .nav_icon { background: rgba(0, 0, 0, 0);}
.nav-active .nav_icon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color:#fff;}
.nav-active .nav_icon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color:#fff;}

.nodata_txt{ font-size:14px; line-height:1.5em; width:94%; margin:0 auto;}
}

.kodawari{position:fixed;z-index:98; left:-100vw; top:0;  width:0; transition: .4s; overflow:hidden;}
.kodawari.active{ left:0; width:100%; height:100vh;}
.kodawari .overlay{ background-color:rgba(0,163,188,0.8); height:100vh;  position:fixed; top:0; left:-100vw; width:0;transition: .3s}
.kodawari .overlay:hover{ cursor:pointer;}
.kodawari.active .overlay{left:0; width:100vw; position:fixed;}

.kodawari .select_wrap{background-color: #fff; position: relative; z-index: 20; width:90%; max-width:1000px; margin:3vh auto 0; padding:20px 30px 40px; text-align:left; height:94vh; overflow-y:auto;}

.kodawari .kodawari_lead{ border-bottom:2px solid #003366; margin-bottom:15px; padding-bottom:20px;}
.kodawari .kodawari_lead:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.kodawari .kodawari_lead h2{ font-weight:bold; float:left; font-size:2em; line-height:1.2em;}
.kodawari .kodawari_lead p{ font-size:14px; line-height:1.4em; margin:0 0 0 210px;}

.kodawari dl{ display:table; width:100%;border-bottom:1px dashed #003366; padding-bottom:15px; margin-bottom:15px; }
.kodawari dt{ display:table-cell; vertical-align:top; width:9em; font-weight:bold; padding-top:10px;}
.kodawari dd{ display:table-cell; vertical-align:top;}

.kodawari dl.keyword input{ background-color:#eee;width: 100%; border-radius: 6px; padding: 15px 20px;}

.kodawari .tag li{ float:left; width:33.33%;margin-bottom: 5px; font-weight:bold; padding-right:1%; font-size:14px; line-height:1em;}
.kodawari .tag label{ width:100%; display:block;}
.kodawari .tag label:hover{ cursor:pointer; }

.kodawari .tag li.active .c_parts{ background-color:#00a3bc; color:#fff;}

.kodawari .area_search{ width:auto; font-size:14px; line-height:1em;}
.kodawari .area_search dl{ display:inherit; border:none; padding-bottom:0; margin-bottom:0;}
.kodawari .area_search dt{ display:inherit; font-weight:inherit; padding-top:0; }
.kodawari .area_search dd{ display:inherit;padding-left:0; border:none;}
.kodawari .area_search dd ul{ overflow:inherit;}
.kodawari .area_search dd li{ margin-right:10px; width:5em;}
.kodawari .area_search label{ display:block; padding:3px 0;}
.kodawari .area_search label:hover{ cursor:pointer;}

.kodawari .date input{ border:1px solid #ccc; padding:12px 30px; font-size:16px; line-height:1em; letter-spacing:0.05em; border-radius:5px; width:100%;}
.kodawari .date .flatpickr-current-month input.cur-year{ border:none;}

.kodawari .submit{ text-align:center;}
.kodawari .submit input{ background-color:#ffcc00; padding:20px; width:100%; border-radius:10px; color:#003366; font-weight:bold; font-size:24px;    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;}
.kodawari .submit input:hover{ background-color:#ffda46;}
@media all and (-ms-high-contrast: none){
.kodawari .submit input{ margin-bottom:30px;}
}

.kodawari .close_btn{ position:absolute; top:0; right:0; z-index:20; width:60px;}
.kodawari .close_btn img{ width:100%;}
.kodawari .close_btn:hover{ opacity:0.9; cursor:pointer;}


.kodawari dl.manufacture input{ background-color:#eee;width: 100%; border-radius: 6px; padding: 15px 20px;}
.kodawari dl.manufacture dt{ line-height:1.2em;}
.kodawari dl.manufacture dt span{ font-size:0.7em;}

/* 花火業者選択 */
.manufacture .select_btn{ background-color:#999999; color:#fff; line-height:1.5em; display:block; padding:10px 0; text-align:center; margin:0; border-radius:5px;}
.manufacture .select_btn:hover{ background-color: #B7B7B7;}

#modal_select{ background-color:#fff; border-radius:10px; padding:50px 50px 30px;}
#modal_select  h2 { font-size: 20px; font-weight: bold; line-height: 1.5em; margin-bottom:26px;}
#modal_select  nav { margin-bottom:24px;}
#modal_select  nav ul::after { content: ""; clear: both; display: block; }
#modal_select  nav ul li { float:left; text-align: center; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; display: block; padding:5px 0; margin: 0 0.2% 0 0; width: 8.9%; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#00a3bc; border-bottom: 1px solid #00a3bc;}
#modal_select  nav ul li:last-child{ margin-right:0;}
#modal_select  nav ul li.nav-on { color: #000; background-color:#fff; border:1px solid #00a3bc; border-bottom: none;}
#modal_select .contents { display: none; }
#modal_select .contents.list-tab-on { display: block; }
#modal_select .contents ul{ overflow-y: scroll; max-height: 240px; margin-bottom:24px; padding:2%;}
#modal_select .contents li{ width:32%; cursor: pointer; font-size:15px; line-height:1.5em; padding:12px 20px; display:block; background-color:#eee; border-radius:5px; float:left; margin: 0 2% 2% 0; text-align:left;}
#modal_select .contents li:nth-child(3n){ margin-right:0;}
#modal_select .dec_btn { display:block; color: #fff; line-height:1.5em; font-weight: bold; text-align: center; background-color: #00a3bc; border-radius: 5px; padding: 10px 0; cursor:pointer;}
#modal_select input[type=checkbox] {display:none;}

#modal_select .contents_on{ background-color:#ffcc00 !important;}


@media only screen and (max-width: 768px){

#modal_select{ padding: 20px 14px 24px;}
#modal_select  h2 { font-size: 17px; margin-bottom:15px;}
#modal_select  nav ul li { width:16%; font-size:12px; margin:0 0.6% 2px 0;}
#modal_select  nav ul li:last-child{ line-height:1em;}
#modal_select .contents li{ width:100%; font-size:14px; float:none;}
}

.a_input{ display:none;}
.a_parts { padding-left: 24px; padding-top: 1px;  position: relative;}
.a_parts::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border: 1px solid #bbb; border-radius: 2px;}
.a_input:checked + .a_parts{ color: #00a3bc;}
.a_input:checked + .a_parts::after{ content: ""; display: block; position: absolute; top: 0px; left: 9px; width: 5px; height: 10px; transform: rotate(40deg); border-bottom: 3px solid #00a3bc; border-right: 3px solid #00a3bc;}

.c_input{ display:none;}
.c_parts{   position: relative; padding: 12px 20px ; transition:.3s; color: #444; width:100%; border-radius: 5px; background:#eeeeee; display:inline-block; line-height:1;}
/*.c_input:checked + .c_parts{ background: #00a3bc; color: #fff;}*/

@media only screen and (max-width: 768px){
.kodawari .select_wrap{ width:94%; margin:1vh auto; height:98vh; padding: 10px 10px 35vw;}

.kodawari .kodawari_lead{ padding-bottom:10px; margin-bottom:0;}
.kodawari .kodawari_lead h2{ float:none; margin-bottom:5px; font-size:26px; line-height:1.2em;}
.kodawari .kodawari_lead p{ margin:0;}

.kodawari dl.keyword input{ font-size:16px;}

.kodawari dl{ margin-bottom:0;}
.kodawari dt{ display:block; width:100%;}
.kodawari dd{ display:block;}
.kodawari .tag{ border:none;}

.kodawari .tag li.active label{ background: #00a3bc;}

.kodawari .date input{ padding:12px 15px;}

.kodawari .area_search { margin-bottom:0;}
.kodawari .area_search dt{ width:100%; position:relative; background-color:#eeeeee; border-bottom:1px solid #ccc; border-top:1px solid #fff; padding:10px 5%; text-align:left;}
.kodawari .area_search dd{display:none; background-color: #ddd; text-align:left; margin:0; padding:0; }
.kodawari .area_search dd label{border-bottom:1px solid #ccc; border-top:1px solid #fff;padding:12px 10%; }

.kodawari .select_firework{ margin-bottom:0.5em;}

.a_parts::before{ background-color:#fff;}

.kodawari .area_search dt .acparts{ display:block;
position: absolute;
top: calc(50% - 12px);
right: 10px;
margin: auto;
vertical-align: middle;
width: 24px;
height: 24px;
background: #a7a7a7; border-radius:2px;
}
.kodawari .area_search dt::after{
position: absolute;
top: calc(50% - 4px);
right: 19px;
margin: auto;
content: "";
vertical-align: middle;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.kodawari .area_search dd li{ width:100%;}

.kodawari .tag li{ display:table;}
.kodawari .tag label{ height:4em; background-color:#eee; font-size:12px; line-height:1em; display:table-cell; vertical-align:middle; padding: 0 5px; border-radius:5px;}
.c_parts{ text-align:center; overflow: hidden; padding:0; background:transparent; transition:inherit;}

.kodawari .submit input{ font-size:18px; padding:10px; border-radius:5px;}
.kodawari .close_btn{  width:38px;}
}




main{ border-left:85px solid #fff; min-height:calc(100vh - 300px); position:relative; width:100%; padding-bottom:50px;}
@media only screen and (max-width: 768px){
main{ border:none; min-height:auto; margin-top:50px; padding-bottom:0px;}
}

footer{border-left:85px solid #fff;}
footer .foot_wrap{ padding:30px 0 40px; text-align: center;border-top:1px solid #ccc;background-image:url(../images/foot_bg01.png), url(../images/foot_bg02.png); background-repeat:no-repeat, no-repeat; background-position:left 10px,right 10px; background-size:300px,200px; }

/* 0307 修正 */
footer .foot_wrap .foot_elink{ margin-bottom:25px;}
footer .foot_wrap .foot_elink a{ display: inline-block; background-color:#e95098; color:#fff; padding:15px 40px 13px;  line-height:1em; border-radius:5px; position:relative;}
footer .foot_wrap .foot_elink a::after { border: 1px solid; border-color: transparent #fff #fff transparent; content: ""; position: absolute; top: calc(50% - 2px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg); }
footer .foot_wrap .foot_elink a:hover{ opacity:0.9;}
/* 0307 修正 */

footer h2{font-size: 20px;margin-bottom: 15px;letter-spacing: 5px; }
footer  p{tmargin-bottom: 30px;}
footer  p img{ width:150px;}
footer ul{margin-bottom: 10px;}
footer ul:last-of-type{margin-bottom:30px;}

footer li{margin-right: 15px;padding-right: 15px;border-right: solid 1px #000;font-size: 15px;height: 20px;line-height: 20px;vertical-align: middle;display: inline-block;}
footer ul li:last-child{margin-right: 0;padding-right: 0;border-right: none;}
footer li a{text-decoration: underline; color:#000033;}

/* 0307 修正 */
footer .bnr_area li{ border:none; vertical-align:inherit;}
/* 0307 修正 */

footer small{ border-top:1px solid #ccc; display:block; padding-top:20px;}

#inquiry{ background-color:#fff; padding:40px;}
#inquiry a{ font-size:1.5em; line-height:1.5em;}

@media only screen and (max-width: 768px){
footer{  top: 61px; right: 3.1%;font-size:14px; border:none;}
footer .foot_wrap{background-position:left 0px,right 10px;background-size:30%,20%; padding:20px 0 0;}
footer h2{ font-size:14px; letter-spacing:normal;  margin-bottom:10px;}
footer p{ line-height:1; margin-bottom:10px;}
footer p img{ width:120px;}

footer ul{ margin:0;}
footer ul:last-of-type{margin-bottom:0px;border-bottom:1px solid #999;}
footer li{ margin:0; padding:0; display:block; border:0; height:auto; line-height:1em;border-top:1px solid #999; }
footer li a{ display:block; padding:10px 0; font-size:14px; line-height:1em;}

/* 0307 修正 */
footer .foot_wrap .foot_elink a{  padding:15px 0 13px; display:block; width:94%; margin:0 auto;}
footer .bnr_area ul{ border:none;}
/* 0307 修正 */

footer small{ border-top:0;  padding:20px 0;}

#inquiry{ background-color:#fff; padding:20px;}
#inquiry a{ font-size:1em; line-height:1.5em;}
}

.page_top{text-align: right; margin: 0;   text-align:center;position:fixed; right:30px; bottom:30px;  z-index:50}
.page_top img{ width:80px;}
.page_top a{ display:block;color:#005b69;}
.page_top a:hover{ text-decoration:none;}

@media only screen and (max-width: 768px){
.page_top{ display:none;}
}



.linkbtn a{ display:block; background-color:#ffcc00; color:#005b69; font-weight:bold; padding:15px 0; line-height:1em; font-size:14px; position:relative; text-align:center;}
.linkbtn a::after { border: 1px solid; border-color: transparent #005c6a #005c6a transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg); }
.linkbtn a:hover{ background-color:#ffd942;}

h2.top_stit{margin:0 auto 20px; overflow:hidden;}
h2.top_stit img{ height:3vw; max-height:42px;}

.phtfit{background: #000; position: relative; line-height: 0; overflow: hidden;}
.phtfit.noimg{ background-color:#ccc;}
.phtfit img{    height: auto; max-height: 100%; width: auto; max-width: 100%;  margin: auto; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate3d(-50%,-50%,0); vertical-align: middle;}


@media only screen and (max-width: 768px){
.linkbtn a{ width:100%; font-size:4vw; line-height:1.4em; padding:1em 0;}
h2.top_stit { margin-bottom:10px;}
h2.top_stit img{ height:6.2vw; max-height:inherit; }
}

/* = top
------------------------------------------------------------------------------------------*/
#mainimg{ line-height:0;height:43vw; position:relative; margin-bottom:1.8vw;}
#mainimg:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#mainimg img{ width:100%;}

#mainimg .main_logo{ position:relative; z-index:5; float:left; width:53%; padding-left:3%;}
#mainimg .main_logo h2{ width: 60%; margin: 3vw auto 0;}
#mainimg .main_logo .main_catch{ width:96%; margin:-0.8vw auto 0;}

#mainimg .special_link{ position:relative; z-index:5; float:right; width:44%; margin-top:5vw; margin-right:3%;}
#mainimg .special_link ul{}
#mainimg .special_link ul:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#mainimg .special_link li{ float:left; width:50%; padding:0.4%;}
#mainimg .special_link li a{ display:block;}
#mainimg .special_link li a img{/* border-radius:10px;border:0.33vw solid #00a3bc; */}

#mainimg .carousel{ position:absolute; top:0; left:0; width:100%; height: 43vw; z-index:-1;
    overflow: hidden;}

/* 0307 修正 */
#mainimg .credit{ position:absolute; color:#fff; font-size:10px; bottom:0.6vw; left:2vw;}
/* 0307 修正 */

@media only screen and (max-width: 768px){
#mainimg{ height:auto; margin-bottom:10px;}
#mainimg .main_logo{ float:none; width:100%; padding:3%;}
#mainimg .main_logo:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#mainimg .main_logo h2{ margin:0; width:40%; float:left;}
#mainimg .special_link{ float:none;  width:98%; margin:0 auto;}
#mainimg .special_link ul{ padding-right:2%;}
#mainimg .carousel{ background-color:#000; height:110vw;}
#mainimg .main_logo .main_catch{ margin:0; width:60%; float:right; padding-top:11vw;}

/* 0307 修正 */
#mainimg .credit{ bottom: inherit; top:45.5vw; left:3%;}
/* 0307 修正 */

}

/* = pickup
------------------------------------------------------------------------------------------*/
#pickup{ width:94%; max-width:1400px;margin:0 auto 40px;}

/* 有料チケットページ 終了済みの大会を非表示する 4/16追加
#pickup .tabs{ border-bottom:0;}
#pickup .ticket_archive{ width:99%; background-color:#fff; padding:15px 20px 13px ; margin:0 auto 10px; }
#pickup .ticket_archive:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#pickup .archive_btn{  margin:0 0 0 auto;;}
#pickup .archive_btn label{font-size:14px;}
*/

#pickup h2.top_stit { height:3vw; max-height: 42px; width:58vw; max-width:800px;}
#pickup h2.top_stit img{ height: auto; max-height:initial; width:145%;}
@media all and (-ms-high-contrast: none){
#pickup h2.top_stit img{ max-height:none;}
}

.tabs{ padding:0 0.5%; width:calc(100% - 1px); border-bottom:5px solid #fff;}
.tabs li{ float:left; width:13.7%; margin-right:0.3%;}
.tabs li a{ display:block; background-color:#00a3bc; color:#fff;  border:1px solid #00a3bc; border-width:1px 1px 0 1px; border-radius:5px 5px 0 0; padding:15px 0; font-weight:bold; font-size:14px; line-height:1em;}
.tabs li a:hover{ background:#01afca;}
.tabs li:hover{ cursor:pointer;}
.tabs li.active a{ background-color:#FFF; color:#000033;}

.swipe_wrapper{ margin-bottom:15px; }
.swipe_block{ width:100%; visibility: hidden; height:0;transition: 0.3s; opacity:0; }
.swipe_block.active{ visibility:visible; height:auto; opacity:1;}
.swipe_block .slick-track{ margin:0;}

.swipe_block:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

#pickup .swipe_block article{ width:24%; float:left;  text-align:left; background-color:#fff; margin:0 0.5%;}
#pickup .swipe_block article a{ display:block;padding:15px 15px 20px; color:#000033; position:relative;}
#pickup .swipe_block article figure{ margin-bottom:12px; width:100%; height:12vw; }
#pickup .swipe_block article h3{ color:#d9458b; font-weight:bold; line-height:1.4em; margin-bottom:5px;}
#pickup .swipe_block article p{ margin:0; font-size:14px; line-height:1.4em;}
#pickup .swipe_block article:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

#pickup .swipe_block article a.onsale:before{ display:block; content:""; background-image:url(../images/ticket_badge.png); width:5vw; height:5vw; position:absolute; background-size:contain; z-index:2; top:5px; left:5px;max-width:65px; max-height:65px;}

#pickup .linkbtn{ width:500px; margin-left:auto;}


#pickup .swipe_block .slick-prev,
#pickup .swipe_block .slick-next{ border: none; cursor: pointer; height: 63px; position: absolute; top: calc(50% - 30px); transition: .2s; width: 66px; z-index: 1; }
#pickup .swipe_block .slick-prev:hover,
#pickup .swipe_block .slick-next:hover{ opacity: .8; }
#pickup .swipe_block .slick-prev{ background: url(../images/arrow_left.png) center no-repeat; left: -2%; }
#pickup .swipe_block .slick-next{ background: url(../images/arrow_right.png) center no-repeat; right: -2%; }
.slick-prev:before,
.slick-next:before {  content:"";}
#pickup .swipe_block .slick-disabled{ display:none!important;}

#tickets_page #pickup .swipe_block article{ width:32.33%;}
#tickets_page #pickup .swipe_block article figure{  height:17vw; }
#tickets_page #pickup .swipe_block article h3{ font-size:18px; line-height:1.5em;}

.in_pickup{ padding:50px 0 40px;}
.in_pickup h2.top_stit { height:3vw; max-height: 42px; width:58vw; max-width:800px;}
.in_pickup h2.top_stit img{ height:3vw!important;}

.in_pickup .pickup_wrap{ margin-bottom:15px;}
.in_pickup .pickup_wrap:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.in_pickup article{ width:24%; float:left;  text-align:left; background-color:#fff; margin:0 0.5%;}
.in_pickup article a{ display:block;padding:15px 15px 20px; color:#000033; position:relative;}
.in_pickup article figure{ margin-bottom:12px; width:100%; height:13vw; max-height:160px; }
.in_pickup article h3{ color:#d9458b; font-weight:bold; line-height:1.4em; margin-bottom:5px;}
.in_pickup article p{ margin:0; font-size:14px; line-height:1.4em;}
.in_pickup article:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

.in_pickup .linkbtn{ width:500px; margin-left:auto;}

.in_pickup article a.onsale:before{ display:block; content:""; background-image:url(../images/ticket_badge.png); width:5vw; height:5vw; position:absolute; background-size:contain; z-index:2; top:5px; left:5px; max-width:55px; max-height:55px;}


/* tickets page */
#tickets_page #pickup .swipe_block{overflow:hidden;}
#tickets_page #pickup .swipe_wrap:after { content: ""; clear: both; display: block; }
#tickets_page #pickup .swipe_block article{ margin-bottom:10px;}


@media only screen and (max-width: 768px){
#pickup{ width:100%; margin-bottom:25px;}
#pickup .linkbtn{ width:100%; }

/*  有料チケットページ 終了済みの大会を非表示する 4/16追加
#pickup .archive_btn{ padding:0;}
#pickup .ticket_archive{ padding:10px 0; width:100%; margin:0 0 5px;}
#pickup .archive_btn label{ font-size:12px;}
#pickup .archive_btn .a_parts{ padding-left:28px;}
#pickup .archive_btn .a_parts::before{ width:14px; height:14px;}
#pickup .archive_btn .a_input:checked + .a_parts::after{    width: 2px; height: 8px;}
*/

#pickup h2.top_stit { height:16vw; max-height: inherit; width:76%; max-width: inherit; margin-bottom:10px;}
#pickup h2.top_stit img{ height: auto; max-height:initial; width:330%; margin-left:-230%;}

#pickup .tabs{ width:100%; overflow: auto;}
#pickup .tabs ul{ width:200%;}
#pickup .tabs li{ margin-right:2px;}
#pickup .tabs li a{font-size:3.5vw; padding:10px 0; }


#pickup .swipe_wrapper{ margin-bottom:10px;}
#pickup .swipe_tab .slick-slide{ font-size:1vw; padding:10px 0; margin-right:2px;}

#pickup .swipe_block article { float:none; width:100%; ;border-bottom:1px solid #ccc;}
#pickup .swipe_block article a{ padding:10px 3% 10px 2%;}
#pickup .swipe_block article .txt{ padding-left:28%;}
#pickup .swipe_block article figure{ width:25%; float:left; margin-bottom:0; height:17vw;}
#pickup .swipe_block article h3{ font-size:14px;}
#pickup .swipe_block article p{ font-size:12px;}

#pickup .linkbtn{ width:94%; margin:0 auto; font-size:12px;}

#pickup .swipe_block article a.onsale:before,
.in_pickup article a.onsale:before{ width:10vw; height:10vw; top:0.7vw; left:0;}

.in_pickup{ padding:20px 0;}
.in_pickup .pickup_wrap{ margin-bottom:10px;}
.in_pickup h2.top_stit{margin-bottom:10px; height:inherit; max-height:inherit; width:100%; line-height:1;}
.in_pickup h2.top_stit img{ height: 7vw!important; }
.in_pickup article { float:none; width:100%; ;border-bottom:1px solid #ccc; margin:0;}
.in_pickup article a{ padding:10px 3% 10px 2%;}
.in_pickup article .txt{ padding-left:28%;}
.in_pickup article figure{ width:25%; float:left; margin-bottom:0; height:17vw;}
.in_pickup article h3{ font-size:14px;}
.in_pickup article p{ font-size:12px;}
.in_pickup .linkbtn{  width:94%; margin:0 auto; font-size:12px;}


#tickets_page #pickup .swipe_block article{ margin-bottom:0; width:100%;}
#tickets_page #pickup .swipe_block article h3{ font-size:16px;}
}

/* = search
------------------------------------------------------------------------------------------*/
#search{ width:94%; max-width:1400px; margin:0 auto 50px;}

#search h2.top_stit{ margin-bottom:20px;}
#search .cancel2020 a{ border:4px solid #c00; display:block; color:#c00; font-weight:bold;width:22em; margin:0 auto 20px; padding:0.7em 0; position:relative; font-size:18px; line-height:1em;}
#search .cancel2020 a::after { border: 1px solid; border-color: transparent #c00 #c00 transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg); }


#search h3{ margin-bottom:15px;}
#search h3 img{ height:2vw;max-height: 26px; margin:0 auto;}

#search .search_block1{ display:table; width:100%; border-spacing:0.96vw; border-collapse: separate;}
#search .area,
#search form.flatp{ width:50%; display:table-cell; vertical-align:top; text-align:left; background-color:#FFF; border:4px solid #00a3bc; padding: 1.5vw 2vw; position:relative;}
#search .area  { overflow: hidden; }

#search .area .area_wrap .back { color: #005c6a; display: inline-block; font-size: 14px; font-weight: bold; line-height: 1em; margin-bottom: 0; padding: .2em 1.1em 1em 1.1em; position: relative; top: 3vw; cursor: pointer; }
#search .area .area_wrap .back:hover{ opacity:0.8;}
#search .area .area_wrap .back::before {border: 2px solid; border-color:#005c6a transparent transparent #005c6a; content: ""; position: absolute; top: calc(50% - .7em); left: .2em; width: 4px; height: 4px; transform: rotate(-45deg); }
#search .area .area_wrap .back,
#search .area .japan .midrange { display: none; }
#search .area .japan .bigrange:hover { background: #ffcc00; }

#search .area h3{ position:absolute; left:2vw; top:1.5vw;}
#search .area .japan{ background:url(../images/japanmap.png) center center no-repeat; background-size:contain; height:29vw; max-height: 406px; position:relative; width: 100%; }

/*ビッグレンジエリアの配置*/
#search .area .japan li span.bigrange-heading { display: block; position: absolute; background: #d2a001; color: #fff; width: 9vw; max-width: 126px; text-align: center; padding: 2% 0; transition: .15s; }
#search .area .japan li a.midrange-heading { display: none; position: absolute; background: #d2a001; color: #fff; width: 12vw; max-width: 175px; text-align: center; padding: 2% 0; transition: .15s; }
#search .area .japan li { cursor: pointer; transition: .15s; }
#search .area .japan li:hover,
#search .area .japan li span.bigrange-heading:hover,
#search .area .japan li a.midrange-heading.nav-on:hover,
#search .area .japan .midrange li:hover { background: #ffcc00; }
#search .area .japan li.jp01 span.bigrange-heading { right: 0; top: 2%; }
#search .area .japan li.jp02 span.bigrange-heading { right: 0; top: 28%; }
#search .area .japan li.jp03 span.bigrange-heading { right: 2%; top: 50%; }
#search .area .japan li.jp04 span.bigrange-heading {right: 8%; top: 70%; }
#search .area .japan li.jp05 span.bigrange-heading {left: 35%; top: 14%; }
#search .area .japan li.jp06 span.bigrange-heading {left: 23%; top: 31%; }
#search .area .japan li.jp07 span.bigrange-heading {left: 30%; top: 48%; }
#search .area .japan li.jp08 span.bigrange-heading {left: 34%; top: 82%; }
#search .area .japan li.jp09 span.bigrange-heading {left: 2%; top: 55%; }
#search .area .japan li.jp10 span.bigrange-heading {left: 1%; bottom: 2%; }
#search .area .japan li span.bigrange-heading.nav-on { display: none; }

@media only screen and (max-width: 768px){
    #search .area .japan li span.bigrange-heading:hover,
    #search .area .japan li a.midrange-heading.nav-on:hover,
    #search .area .japan .midrange li:hover { background: #eee; }
    #search .area .japan li span.bigrange-heading.nav-on { display: block; }
	
	#search h2.top_stit{ margin-bottom:5px;}
	#search .cancel2020{ margin-bottom:10px;}
	#search .cancel2020 a{ width:100%; font-size:16px; line-height:1em; margin-bottom:0;}
}


#search .area .japan li a.midrange-heading.nav-on { display: block; }
#search .area .japan li.jp02 a.midrange-heading.nav-on { top: -26%; right: -40%; }
#search .area .japan li.jp03 a.midrange-heading.nav-on { top: -12%; right: -12%; }
#search .area .japan li.jp04 a.midrange-heading.nav-on {top: -34%; right: -8%; }
#search .area .japan li.jp05 a.midrange-heading.nav-on {top: -50%; left: initial; right: -28%; }
#search .area .japan li.jp06 a.midrange-heading.nav-on {top: -31%; left: initial; right: -60%; }
#search .area .japan li.jp07 a.midrange-heading.nav-on {top: -20%; left: initial; right: -63%; }
#search .area .japan li.jp08 a.midrange-heading.nav-on {top: -73%; left: initial; right: -21%; }
#search .area .japan li.jp09 a.midrange-heading.nav-on {top: -46%; left: initial; right: -35%; }
#search .area .japan li.jp10 a.midrange-heading.nav-on {left: initial; bottom: initial; top: -31%; right: -52%; }

/*背景画像の入れ替え用*/
#search .area .japan .skin { display: none; }
#search .area .japan.back-kanto { background-image: url(../images/kantomap.png); background-size: contain; margin: 3% auto 0; height: 34vw; max-height: 476px; width: 80%; }
#search .area .japan.back-tohoku { background-image: url(../images/tohokumap.png); background-size: contain; margin: 10% auto 0; height: 23vw; max-height: 364px; width: 50%; }
#search .area .japan.back-tokai { background-image: url(../images/tokaimap.png); background-size: contain; margin: 10% auto 0; height: 20vw; max-height: 280px; width: 85%; }
#search .area .japan.back-hokuriku { background-image: url(../images/hokurikumap.png); background-size: contain; margin: 20% auto 0; height: 14vw; max-height: 196px; width: 65%; }
#search .area .japan.back-koushinetsu { background-image: url(../images/koushinetsumap.png); background-size: contain; margin: 10% auto 0; height: 22vw; max-height: 308px; width: 45%; }
#search .area .japan.back-kansai { background-image: url(../images/kansaimap.png); background-size: contain; margin: 5% auto 0; height: 25vw; max-height: 350px; width: 45%; }
#search .area .japan.back-shikoku { background-image: url(../images/shikokumap.png); background-size: contain; margin: 18% auto 0; height: 14vw; max-height: 196px; width: 72%; }
#search .area .japan.back-chugoku { background-image: url(../images/chugokumap.png); background-size: contain; margin: 15% auto 0; height: 15vw; max-height: 210px; width: 60%; }
#search .area .japan.back-kyushu { background-image: url(../images/kyushumap.png); background-size: contain; margin: 10% auto 0; height: 22vw; max-height: 308px; width: 50%; }


@media only screen and (max-width: 1024px){
#search .area .japan.back-kanto { width: 90%; }
}
@media only screen and (max-width: 768px){
#search .area .japan .skin { display: block; }
#search .area .japan.back-kanto,
#search .area .japan.back-tohoku,
#search .area .japan.back-tokai,
#search .area .japan.back-hokuriku,
#search .area .japan.back-koushinetsu,
#search .area .japan.back-kansai,
#search .area .japan.back-shikoku,
#search .area .japan.back-chugoku,
#search .area .japan.back-kyushu { background-image: unset; margin: 0 auto; height: initial; max-height: initial; width: 100%; }
}

/*ミドルレンジエリアの配置 東京とか*/
#search .area .area_wrap .back.nav-on { display: inline-block; }
#search .area .japan .midrange.list-tab-on { display: block; }
#search .area .japan .midrange li { position: absolute; background: #d2a001; color: #fff; width: 9vw; max-width: 126px; text-align: center; padding: 2% 0; }
#search .area .japan .midrange li a { display: block; }
#search .area .japan li a { color: #fff; }
@media only screen and (max-width: 768px){
    #search .area .japan .midrange li { max-width: 100%; }
    #search .area .area_wrap .back.nav-on { display: none; }
    }

/*#search .area .japan .midrange li.hokkaido { display: none; }*/

/*ミドルレンジ 東北地方*/
#search .area .japan .midrange li.tohoku_all{top: -26%; right: -49%; padding: 4% 0;}
#search .area .japan .midrange li.aomori {top: -6%; left: -3%; }
#search .area .japan .midrange li.akita {top: 28%; left: -24%; }
#search .area .japan .midrange li.iwate {right: -24%; top: 28%; }
#search .area .japan .midrange li.fukushima {right: -18%; bottom: -3%; }
#search .area .japan .midrange li.miyagi { right: -24%; bottom: 36%; }
#search .area .japan .midrange li.yamagata { bottom: 36%; left: -24%; }

/*ミドルレンジ 関東地方*/
#search .area .japan .midrange li.kantou_all{top: -9%; right: -12%; }
#search .area .japan .midrange li.kanagawa { left: 0; top: 73%; }
#search .area .japan .midrange li.tokyo { left: 5%; top: 54%; }
#search .area .japan .midrange li.saitama { left: -9%; top: 35%; }
#search .area .japan .midrange li.gunma { left: -10%; top: 13%; }
#search .area .japan .midrange li.tochigi { left: 40%; top: 4%; }
#search .area .japan .midrange li.chiba { top: 70%; right: -10%; }
#search .area .japan .midrange li.ibaraki { top: 25%; right: -10%; }

/*ミドルレンジ 東海地方*/
#search .area .japan .midrange li.tokai_all{top: -30%; right: -8%; }
#search .area .japan .midrange li.aichi {left: 28%; bottom: -8%; }
#search .area .japan .midrange li.gifu {top: 8%; right: 24%; }
#search .area .japan .midrange li.mie {left: -10%; top: 37%; }
#search .area .japan .midrange li.shizuoka {right: -6%; bottom: -4%; }

/*ミドルレンジ 北陸地方*/
#search .area .japan .midrange li.hokuriku_all{top: -70%; right: -26%;padding: 3% 0 }
#search .area .japan .midrange li.toyama {right: -24%; top: 38%; }
#search .area .japan .midrange li.ishikawa {top: -6%; left: -5%; }
#search .area .japan .midrange li.fukui {left: 26%; bottom: -25%; }

/*ミドルレンジ 甲信越地方*/
#search .area .japan .midrange li.koushin_all{top: -27%; right: -60%; padding: 4% 0;}
#search .area .japan .midrange li.yamanashi {right: -47%; bottom: 9%; }
#search .area .japan .midrange li.nagano {left: -27%; bottom: 32%; }
#search .area .japan .midrange li.niigata {right: -32%; top: 12%; }

/*ミドルレンジ 関西地方*/
#search .area .japan .midrange li.kansai_all{top: -16%; right: -60%;padding: 4% 0 }
#search .area .japan .midrange li.osaka {left: -10%; top: 48%; }
#search .area .japan .midrange li.kyouto {left: 40%; top: -2%; }
#search .area .japan .midrange li.hyougo {left: -48%; top: 17%; }
#search .area .japan .midrange li.shiga {right: -38%; top: 23%; }
#search .area .japan .midrange li.nara {right: -30%; bottom: 30%; }
#search .area .japan .midrange li.wakayama {left: 0; bottom: -2%; }

/*ミドルレンジ 四国地方*/
#search .area .japan .midrange li.shikoku_all{top: -66%; right: -19%;padding: 3% 0; }
#search .area .japan .midrange li.tokushima {right: -10%; bottom: -24%; }
#search .area .japan .midrange li.kouchi {left: -10%; bottom: -24%; }
#search .area .japan .midrange li.kagawa {top: -24%; right: -10%; }
#search .area .japan .midrange li.ehime { top: -24%; left: -10%;}

/*ミドルレンジ 中国地方*/
#search .area .japan .midrange li.chugoku_all{top: -51%; right: -32%;padding: 3% 0 }
#search .area .japan .midrange li.tottori {top: -7%; right: -21%; }
#search .area .japan .midrange li.shimane {top: -21%; left: 26%; }
#search .area .japan .midrange li.okayama {right: -21%; bottom: -7%; }
#search .area .japan .midrange li.hiroshima {left: 26%; bottom: -23%; }
#search .area .japan .midrange li.yamaguchi {left: -22%; top: 42%; }

/*ミドルレンジ 九州・沖縄地方*/
#search .area .japan .midrange li.kyushu_all{top: -25%; right: -52%; width:10vw; padding: 3% 0}
#search .area .japan .midrange li.fukuoka {right: -50%; top: 10%; }
#search .area .japan .midrange li.miyazaki {right: -50%; bottom: 29%; }
#search .area .japan .midrange li.ooita {right: -50%; top: 35%; }
#search .area .japan .midrange li.kagoshima {right: -10%; bottom: -5%; }
#search .area .japan .midrange li.saga {top: -14%; left: 22%; }
#search .area .japan .midrange li.nagasaki {left: -35%; top: 9%; }
#search .area .japan .midrange li.kumamoto {left: -11%; top: 47%; }
#search .area .japan .midrange li.okinawa {left: -33%; bottom: -5%; }

@media only screen and (max-width: 768px){

#search .area .japan .midrange li.hokuriku_all,
#search .area .japan .midrange li.kansai_all,
#search .area .japan .midrange li.tohoku_all,
#search .area .japan .midrange li.koushin_all,
#search .area .japan .midrange li.chugoku_all,
#search .area .japan .midrange li.shikoku_all,
#search .area .japan .midrange li.kyushu_all{ padding:0}

}

/* calendar v2 */

#search .calendar .flatpickr-calendar.inline{ width:100%!important; }

#search .calendar .flatpickr-input{height: 0; overflow: hidden; position: absolute;}

#search .calendar .flatpickr-rContainer{ width:100%!important;}
#search .calendar .flatpickr-days{ width:100%!important;}
#search .calendar .flatpickr-day{ max-width:inherit; max-height:inherit; height:2.8vw; line-height:2.8vw;}
#search .calendar .flatpickr-months .flatpickr-prev-month,
#search .calendar .flatpickr-months .flatpickr-next-month{ height:40px; line-height:25px; padding:10px 14px;}
#search .calendar .flatpickr-months .flatpickr-prev-month:hover,
#search .calendar .flatpickr-months .flatpickr-next-month:hover{ background-color:#0093aa}
#search .calendar .dayContainer{ max-width:100%;}
#search .calendar .flatpickr-current-month span.cur-month{ font-size:22px; font-weight:inherit;}
#search .calendar .flatpickr-current-month span.cur-month:before{ font-size:15px;}
#search .calendar .flatpickr-current-month input.cur-year{ font-weight:inherit!important; font-size:16px;}
#search .calendar .cur-month{ margin-left:-10px!important;}
#search .calendar .numInputWrapper:hover,
#search .calendar .flatpickr-current-month span.cur-month{ background:inherit;}
#search .calendar .numInputWrapper span{ display:none;}

#search .calendar .flatpickr-months .flatpickr-month{ background: #00a3bc; color: #fff; height:40px;}
#search .calendar .flatpickr-months .flatpickr-current-month{ height:40px;}
#search .calendar .flatpickr-months .flatpickr-prev-month svg,
#search .calendar .flatpickr-months .flatpickr-next-month svg{ fill:#fff;}
#search .calendar .flatpickr-weekdays{ height:24px;}
#search .calendar .flatpickr-weekday{ background: #dedede; height:24px; line-height:24px;}
#search .calendar .flatpickr-weekday:nth-child(1){ color: #dc3545;}
#search .calendar .flatpickr-weekday:nth-child(7){ color: #007bff;}


/* months */
#search .months{background-color:#FFF;border:4px solid #00a3bc; padding: 1.7vw 2vw 1.5vw;margin: 0 1vw; margin-bottom:0.96vw;}
#search .months h3{ line-height:0;}
#search .months ul:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#search .months li{ float:left; width:16.6666%; padding:4px;}
#search .months li a{ display:block; text-align:center; font-size:14px; line-height:1em;  padding: .9em .5em; background-color:#ffcc00; color: #005c6a; font-weight:bold;}
#search .months li a:hover{ background-color:#ffd942;}


#search .freeword{ clear:both;  margin:0 1vw; background-color:#FFF;border:4px solid #00a3bc; padding: 1.7vw 2vw 1.5vw; }

/*.search-wrap .search-box::after { content: ""; clear: both; display: block; }*/
.search-wrap { background: #00a3bc; border-radius: 6px; margin-bottom: 15px; padding: 15px 20px; }
.search-wrap .search-box { display: table; width: 100%; }
.search-wrap .search-box .box04 { display: table-cell; vertical-align: middle; }
.search-wrap .search-box .box04:first-child { width: 40%; }
.search-wrap .search-box .box04:nth-child(2) { width: 20%; }
.search-wrap .search-box .box04:nth-child(3) { width: 25%; }
.search-wrap .search-box .box04:last-child { width: 15%; }
.search-wrap .search-box .box04 input { background: #fff; overflow-y: hidden; height: 50px; padding: 0 1em; width: 100%; }
.search-wrap .search-box .box04:first-child input { border-radius: 6px 0 0 6px; }
.search-wrap .search-box .box04:nth-child(2) { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.search-wrap .search-box .box04:last-child input { background: #ffcc00; border-radius: 0 6px 6px 0; color: #005c6a; font-weight: bold; font-size:16px; }
.search-wrap .search-box .box04:last-child input:hover{ background-color: #ffd942;}
.search-link span { background: #ffcc00; border-radius: 6px; color: #005c6a; display: block; font-size: 14px; font-weight: bold; line-height: 1em; margin-left: auto; position: relative; text-align: center; padding: .9em .5em; width: 40%; }
.search-link span::after { border: 1px solid; border-color: transparent #005c6a #005c6a transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg); }
.search-link span:hover{ background-color: #ffd942; cursor:pointer;}

.month-heading { background: #00a3bc; color: #fff; font-size: 22px; line-height: 1em; padding: .5em; position: relative; text-align: center; width: 100%; }
.month-heading span { font-size: .7em; padding-right: .2em; }
.month-heading .left-link,
.month-heading .right-link { background: #fff; border-radius: 20px; color: #00a3bc; cursor: pointer; font-size: 16px; font-weight: bold; line-height: 1em; padding: .4em 1.4em .3em; position: absolute; top: calc(50% - 8px - .35em); text-align: center; }
.month-heading .left-link::after,
.month-heading .right-link::after { content: ""; position: absolute; top: calc(50% - 4.5px); right: .7em; width: 4px; height: 4px; border: 2px solid; transform: rotate(-45deg); }
.month-heading .left-link { left: 8px; }
.month-heading .right-link { right: 8px; }
.month-heading .left-link::after { border-color: #00a3bc transparent transparent #00a3bc; left: 7px; }
.month-heading .right-link::after { border-color: transparent #00a3bc #00a3bc transparent; right: 7px; }
.calendar-table { background: #f2f2f2; border-collapse: separate; margin-bottom: 10px; width: 100%; }
.calendar-table th { background: #dedede; color: #000; font-size: 12px; line-height: 1em; text-align: center; padding: .5em; width: 14.28%; }
.calendar-table th:nth-child(6) { color: #00a3bc; }
.calendar-table th:nth-child(7) { color: #e90000; }
.calendar-table td a{ display:block; background: #eaeaea; color: #000; font-size: 16px; line-height: 1em; text-align: center; padding: 15px 0; }
.calendar-table td:nth-child(6) a{ background: #dde7f0; }
.calendar-table td:nth-child(7) a{ background: #f9e2e2; }
.calendar-table td.blank { background: transparent; }
.calendar-table td .special { background: #d2a001 !important; color: #fff; }
.calendar-table td .special:hover{ background:#e2ad03 !important;}
.calendar-link{ position:relative;}
.calendar-link::after { border: 1px solid; border-color: transparent #005c6a #005c6a transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg); }
.calendar-link input { background: #ffcc00; color: #005c6a; display: block; font-size: 14px; font-weight: bold; line-height: 1em; text-align: center; padding: .9em .5em; width: 100%; position:relative;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;}
.calendar-link input:hover{ background-color:#ffd942;}

/* フォームのリセット */
input, button, textarea, select {margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/*iOSでのデフォルトスタイルをリセット*/
input[type="submit"],
input[type="button"] {border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {display: none; }
input[type="submit"]::focus,
input[type="button"]::focus {outline-offset: -2px; }



@media only screen and (max-width: 768px){
#search{ margin-bottom:20px;}
#search h3{ margin-bottom:0; line-height:0;}
#search h3 img{ height:6vw; max-height:inherit;  margin:0 auto;}

#search .search_block1{ display:inherit;}
#search .area, #search .calendar{ display:inherit; width:100%; border:0; padding:0;}
#search .area, #search .month-heading{ background-color:#fff; color:#00a3bc;}

#search .search_block1{ margin-bottom:10px;}
#search .search_block1:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

#search .months{margin: 0 0 10px; padding:0;}
#search .months h3{ background-color:#00a3bc; padding:1.5vw 0 2vw;}
#search .months li{ width:25%;}
#search .months ul{ padding:5px;}

#search .freeword{ margin:0; border:0; padding:0; background-color:inherit; }
#search .freeword .sp_wrap{ background-color:#00a3bc; padding-top:10px;}


.search-wrap{ border-radius:0;padding:10px 10px 5px; margin-bottom:10px;}
.search-wrap .search-box .box04{ margin-bottom:5px; display:inherit; width:100%!important;}

.search-wrap .search-box .box04 input{ border-radius:3px!important; height:40px; font-size:16px;}
.search-wrap .search-box .box04:nth-child(2){ border:0;}
.search-wrap .search-box .box04:nth-child(3){ margin-bottom:10px;}
.search-link span{ width:100%;}

#search .area{ border:none; padding:0;}
#search .area .area_wrap{ overflow:inherit; background-color:#eee}
#search .area h3{ position:inherit; text-align:center; background-color:#00a3bc;}
#search .area .japan{ height: auto; background:none;}
#search .area .japan li{ }
#search .area .japan .midrange{ display:block; width:auto;}
#search .area .japan .midrange li{ position:relative; border-bottom:1px solid #ccc; border-top:1px solid #fff;}
#search .area .japan li span.bigrange-heading{ position: inherit; width:100%; max-width: 100%; display:block; top:0!important; left:0!important; right:0!important; bottom:0!important; background-color:#eee; color:#003366;border-bottom:1px solid #ccc; border-top:1px solid #fff; padding:8px 8%; text-align:left; position:relative;}
#search .area .japan .midrange{ display:none;}
#search .area .japan .midrange li{ width:100%; position:inherit; top:0; left:0; right:0; bottom:0; background-color:#dddddd; color:#003366; padding:0; text-align:left;}
#search .area .japan li a{ display:block; color:#003366;}
#search .area .japan .midrange li a{ padding:8px 0 8px 10%; position:relative;}
#search .area .japan .midrange li a::after { border: 1px solid; border-color: transparent #005c6a #005c6a transparent; content: ""; position: absolute; top: calc(50% - 4px); right: .7em; width: 5px; height: 5px; transform: rotate(-45deg); }

#search .area .japan li span.bigrange-heading::before{
position: absolute;
top: calc(50% - 12px);
right: 10px;
margin: auto;
content: "";
vertical-align: middle;
width: 24px;
height: 24px;
background: #a7a7a7; border-radius:2px;
}
#search .area .japan li span.bigrange-heading::after{
position: absolute;
top: calc(50% - 4px);
right: 19px;
margin: auto;
content: "";
vertical-align: middle;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
#search .area .japan li.jp01 span.bigrange-heading::before{ display:none;}
#search .area .japan li.jp01 span.bigrange-heading::after { border: 1px solid; border-color: transparent #005c6a #005c6a transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 24x; width: 5px; height: 5px; transform: rotate(-45deg); }

.calendar-table td a{ padding:3.5vw 0;}


#search .calendar .flatpickr-day{  height:14vw; line-height:14vw;}


.flatpickr-calendar.open{ width:calc(94% - 20px)!important;}
.kodawari dd .flatpickr-calendar.open{ width:100%!important;}

}


/* = poster
------------------------------------------------------------------------------------------*/
#poster{width:94%; max-width:1400px;margin:0 auto 50px;}

#poster .poster_list{ margin-bottom:5px;}
#poster ul:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#poster .poster_list li{ width:19%; float:left;  text-align:left;  margin:0 0.5% 10px;}
#poster .poster_list a{ display:block;}
#poster .poster_list figure{ margin-bottom:5px; width:100%; height:23vw; max-height:376px; background-color:inherit;}

#poster .linkbtn{ width:500px; margin-left:auto;}

#poster_page{}
#poster_page h2{  line-height:0;}

#poster .tabs{ padding:0 0.5%; width:calc(100% - 1px); border-bottom:none; margin-bottom:15px;}

#poster .swipe_block{overflow:hidden;}

.modal_poster_block{ overflow:hidden; height:100%;}
.modal_poster_block figure{ line-height:0; margin-bottom:5px;  height:calc(96vh - 47px); position:relative;}
.modal_poster_block figure img{ max-width:100%; width:auto; max-height:100%; height:auto; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.modal_poster_block a{ display:block; background: #ffcc00; color: #005c6a; padding: .9em .5em; font-size: 16px; font-weight: bold; line-height: 1em; height:42px;}
.modal_poster_block a:hover{background-color: #ffd942;}

@media only screen and (max-width: 768px){
#poster{ width:94%; max-width:inherit; margin-bottom:25px;}
#poster h2{ margin-bottom:5px;}
#poster .linkbtn{ width:100%; margin:0 auto;}
#poster .poster_list li{width: 24%;margin: 0 0.5% 5px;}
#poster .poster_list figure{ margin-bottom:0; height:32vw; max-height:none;}
#poster .poster_list li:nth-child(n + 9){ display:none;}

#poster_page h2{ margin-bottom:10px!important; line-height:0;}
#poster_page #poster{ width:100%;}
#poster_page #poster .poster_list{ width:96%; margin:0 auto;}
#poster_page #poster .poster_list li{ width:48%; margin:0 1% 5px;}
#poster_page #poster .poster_list figure{ margin-bottom:0; height:64vw; max-height: none; }
#poster_page  .poster_list li:nth-child(n + 9){ display: inherit;}

#poster .tabs{ width:100%; overflow: auto; margin-bottom:10px;}
#poster .tabs ul{ width:200%;}
#poster .tabs li{ margin-right:2px;}
#poster .tabs li a{font-size:3.5vw; padding:10px 0; }

.modal_poster_block figure{ height:auto;}
/*.modal_poster_block figure img{ position:inherit; transform: none; left:0; top:0; }*/
}

/* = news
------------------------------------------------------------------------------------------*/
#news{width:94%; max-width:1400px;margin:0 auto 50px;}

#news .news_block{ margin-bottom:5px;}
#news .news_block:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#news .news_block article{ width:32.33%; float:left;  text-align:left; background-color:#fff; margin:0 0.5% 10px;}
#news .news_block article a{ display:block;padding:15px; color:#000033;}
#news .news_block article figure{ margin-bottom:5px; width:100%; height:15vw; }
#news .news_block article p{ margin:0; font-size:14px; line-height:1.4em; margin-bottom:5px;}
#news .news_block article h3{ font-weight:bold; line-height:1.4em; margin-bottom:5px;}


#news .linkbtn{ width:500px; margin-left:auto;}


@media only screen and (max-width: 768px){
#news{ width:100%; max-width:inherit; margin-bottom:20px;}
#news .linkbtn{ width:94%; margin:0 auto;}

#news .lead{ margin-bottom:5px;}

#news h2.top_stit{ margin-bottom:0;}

#news .news_block{ border-top:1px solid #ccc; margin-bottom:10px;}
#news .news_block article{ width:100%; border-bottom:1px solid #ccc; margin:0;}
#news .news_block article a{ padding:10px 3% 10px 2%;}
#news .news_block article p{ font-size:12px; line-height:1em;}
#news .news_block article h3{ font-size:14px; line-height:1.4em; margin:0;}
#news .news_block article figure{ width:25%; float:left;}
#news .news_block article .txt{ padding-left:28%;}
}

/* = organizer
------------------------------------------------------------------------------------------*/
#organizer{  color:#fff; display:table; width:100%; }
#organizer .org_wrap{background-color:#00a3bc; width:50%;margin:0 auto;  padding:2.5vw 4%; padding-bottom:calc(3.5vw + 70px); display:table-cell; vertical-align:middle; position:relative;}
#organizer .org_wrap.org_pink{ background-color:#e95098;}
#organizer h2{ font-size:1.8vw; font-weight:bold; line-height:1.4em; margin-bottom:0.3em;}
#organizer .org_wrap.org_pink h2{ font-size:1.8vw; line-height:1.4em;}
#organizer p{ line-height:1.4em; font-size:1.3vw;}

#organizer .entry_btn{ display:block; background-color:#fff; color:#005c6a; font-weight:bold; font-size:1.4vw; width:84%;  line-height:1em; padding:30px 0; position:absolute; bottom:2.3vw; left:8%; }
#organizer .entry_btn:hover{ opacity:0.9;}


@media only screen and (min-width: 1300px){
#organizer p{ font-size:18px;}
}

@media only screen and (max-width: 768px){
#organizer h2{ font-size:15px; line-height:1.4em; margin-bottom:5px;}
#organizer .org_wrap.org_pink h2{ font-size:15px;}
#organizer .entry_btn{ font-size:15px; padding:10px 0; margin-top:20px; line-height:1.5em; position:inherit;}

#organizer{ display:inherit;}
#organizer p{ font-size:12px;}
#organizer .org_wrap{ font-size:12px; line-height:1.5em; padding:20px 3%; width:100%; display:inherit;}
#organizer .org_wrap.org_pink{ padding:20px 3%;}
#organizer .org_wrap p{ margin:0;}
}


/* = sponsor
------------------------------------------------------------------------------------------*/
#sponsor{width:94%; max-width:1400px;margin:40px auto 0 ;}

#sponsor h2 img{ height:1.6vw;}

#sponsor ul{ line-height:0; }
#sponsor li{ display:inline-block; line-height:0;}
#sponsor li a{ display:block;}
#sponsor li img{ width:100%;}
#sponsor .sponsor01 li{ width:33.33%; margin-bottom:10px;}
#sponsor .sponsor02 { margin-bottom:5px;}
#sponsor .sponsor02 li{ width:24%; margin-bottom:5px;}
#sponsor .sponsor03 li{ width:13.54%; margin-bottom:5px;}


@media only screen and (max-width: 768px){
#sponsor{width:96%; max-width: none;margin:20px auto ;}
#sponsor h2.top_stit{ margin-bottom:10px; line-height:0;}
#sponsor h2.top_stit img{height:5vw;}
#sponsor .sponsor01 li{ width:80%; margin-bottom:5px;}
#sponsor .sponsor02 { margin-bottom:2px;}
#sponsor .sponsor02 li{ width:48%; margin-bottom:3px;}
#sponsor .sponsor03 li{ width:31.33%; margin-bottom:2px;}
}

/* = search page
------------------------------------------------------------------------------------------*/
#tickets_page .bread_head,
#poster_page .bread_head{ padding: 2vw 3% 0;}


.breadcrumb{margin-bottom: 35px;overflow: hidden; font-size:12px; line-height:1.3em;}
.breadcrumb li{float: left;margin-right: 10px;}
.breadcrumb li a{ color:#002040;}

#search_page{ }
.search_wrap{ padding-top:100px;width:94%; max-width:1100px; margin:0 auto;}

.search_head{ padding-left:85px; position:absolute; width:100%; z-index:20; }
.search_head .search-wrap{ border-radius: 0; background-color:rgba(0,163,188,0.7); position:relative;}
.search_head .search-wrap .search-box{ width:88%; max-width:1400px; }
.search_head .search-wrap .head_kodawari{ width:10%; position:absolute; right:2%; top:0;}
.search_head .search-wrap .head_kodawari span{ display:block; background-color:#ffcc00; background-image:url(../images/search_icon2.png); background-repeat:no-repeat; background-position:center 10px; background-size:40px;border-radius:0 0 10px 10px; color:#005c6a; font-weight:bold; font-size:12px; line-height:1.2em; padding:60px 0 10px 0; }
.search_head .search-wrap .head_kodawari span:hover{ background:#ffd942; background-image: url(../images/search_icon2.png); background-repeat: no-repeat; background-position: center 10px; background-size: 40px; cursor:pointer;}

.search_title{ text-align:left; font-size:14px; line-height:1.5em;}
.search_title:after { content: ""; clear: both; display: block; }
.search_title h1{ font-weight: bold; font-size:28px; line-height:1.9em; margin-bottom:10px; text-align:center;}
.search_title h1 strong{background-color:#00a3bc;color:#fff; padding:10px 40px; margin-right:5px; display:block;}
.search_title h1 span{ font-size:0.8em;}
.search_title p strong{ font-size:1.4em; padding:0 5px;}

.search_title p.description{ margin-bottom:0.8em;}
.search_title p.search_result{ float:left; margin-bottom:1.1em;}
.archive_btn{ float:right;}

.archive_btn label{ display:block; padding:3px 0; font-weight:bold; color:#00414b; font-size:16px; line-height:1em;}
.archive_btn label:hover{ cursor:pointer;}
.archive_btn .a_parts{ padding-left:33px; padding-top:2px;}
.archive_btn .a_parts::before{border: 2px solid #00a3bc; background-color:#fff; width:18px; height:18px;}
.archive_btn .a_input:checked + .a_parts::after{ left:7px; top: 3px;}

.search_list{}


.search_list article{ text-align:left; background-color:rgba(255,255,255,0.9); margin-bottom:10px; border:1px solid #999;}
.search_list article:hover{ background-color:rgba(245,245,245,1);}
.search_list article:hover img{ opacity:1;}
.search_list article a{padding:20px 30px 20px 31.5%; position:relative; display:block; color:#002040; min-height:260px;}
.search_list article p{ margin:0;}
.search_list article .status_icon{ position:absolute; right:20px; top:10px; width:65px;}
.search_list article .status_icon img{ width:100%;}

.search_list article a.onsale:before{ display:block; content:""; background-image:url(../images/ticket_badge.png); width:5.5vw; height:5.5vw; position:absolute; background-size:contain; z-index:2; top:0.5vw; left:0.5vw; max-width:70px; max-height:70px;}

.search_list article .gousize{ position:absolute; right:92px; top:10px; text-align:center; width:62px; height:65px; color:#005c6a; line-height:18px; padding-top:12px;font-feature-settings : "palt"; background-image:url(../images/gou_bg.png); background-size:cover; color:#00a3bc;}
.search_list article .gousize span.saidai{ display:block; font-size:10px;}
.search_list article .gousize span.size{ font-size:22px; font-weight:bold; color: #d9458b;}
.search_list article .gousize span.unit{ font-weight:bold; font-size:13px;}

.search_list article .catch{ color:#d9458b; font-weight:bold; border-bottom:1px solid #798a9b; padding-bottom:10px; margin-bottom:10px;padding-right:70px;}
.search_list article h2{ font-weight:bold; font-size:24px; line-height:1.4em; margin-bottom:10px; padding-right:70px;}
.search_list article .date{ font-weight:bold;}
.search_list article .date span{ font-size:1.6em;}
.search_list article .date_sub{ font-size:14px; line-height:1.4em;}
.search_list article .date.cancel{ color:#c00;}

.search_list article figure{ position:absolute; left:30px; top:20px; width:26%; height:220px;}

.search_list article .address{ font-weight:bold; padding:10px 0;}

.search_list article .show_icon{ width:100%; margin-top:10px;}
.search_list article .show_icon:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.search_list article .show_icon li{ float: left; margin:0 1em 0.6em 0; line-height:1em; font-size:12px; color:#00a3bc;}
.search_list article .show_icon li:before{ content:"#";}
.search_list article .show_icon li img{ width:100%;}


#pagenation { position: relative; overflow: hidden; padding:30px 0;}
#pagenation ul { position:relative; left:50%; float:left; list-style: none;}
#pagenation li { position:relative; left:-50%; float:left; line-height:40px; font-size:14px;}
#pagenation li.active,
#pagenation li a { border: 1px solid #000033;margin: 0 3px; display: block;text-decoration: none;color: #000033; width:40px; height:40px;}
#pagenation li.active,
#pagenation li a:hover{ color: #FFFFFF; background: #00a3bc; border-color:#00a3bc;}
#pagenation li.prev a,
#pagenation li.next a{ width:6em;}


@media only screen and (max-width: 768px){
.breadcrumb{ margin-bottom:20px; padding: 0 3%;}
.breadcrumb li{ margin-right:4px;}

.search_head .head_kodawari{ position:relative;}
.search_head .head_kodawari a{ background-color:#ffcc00; color:#005c6a; font-size: 12px; padding: 4px 6px 2px; border-radius: 5px; position: absolute; right: 8px; top: 4px;}

.search_list article{ border:1px solid #ccc; border-left: none; border-right: none;}

.search_head .search-wrap{ display:none;}
.search_wrap{ padding-top:10px; width:100%;}
.search_title h1{ font-size:16px; text-align:center; margin-bottom: 0px;}
.search_title h1 strong{ padding:10px; display:block; margin: 0 3% 2px;}
.search_title h1 span{ padding-left:0;}
.search_title p.description{ display:none;}
.search_title p.search_result{ padding:0 3%; margin:0 0 5px; float:none; font-size:14px; line-height:1.4em;}

.archive_btn{ float:none; width:94%; margin:0 auto 10px; text-align:center; background-color:#fff; padding:10px 0;}
.archive_btn label{ font-size:14px;}

.search_title p strong{ font-size:16px;}

.search_list .tit_box_sp{ display:table; border-bottom: 1px solid #798a9b; margin-bottom: 10px; width: 100%;}
.search_list .tit_r_box{ display:table-cell; padding-left: 10px; vertical-align:top;}
.search_list article a{ padding:10px;}
.search_list article h2{ padding:0; font-size: 18px;}
.search_list article .date{ font-size: 14px;}
.search_list article .txt_box{ margin-bottom:8px;}
.search_list article .middle_box{ display:table; position:relative; margin-bottom:10px; width:100%;}
.search_list article .middle_l_box{ display:table-cell; position:relative; width:40%;}
.search_list article figure{ position: inherit; width:100%; left:0; top:0; height: 30vw; min-width:37vw;}
.search_list article .phtfit img{ top:50%;}
.search_list article .address{ display:table-cell; vertical-align: top; font-size: 14px; line-height:1.4em; padding: 0 0 0 10px;}
.search_list article .status_icon{ display:table-cell; width:45px; height:45px;}
.search_list article .catch{ padding:0 0 0 0; border-bottom: none; font-size: 14px; margin-bottom: 0; line-height:1.4em;}
.search_list article .status_icon{ position:inherit; right:0; top:0; }

.search_list article .show_icon li{  font-size:11px;}

.search_list article .gousize{ top:inherit; bottom:0; right:0; width:60px; height:60px; line-height:17px; padding-top:14px;}
.search_list article .gousize span.saidai{ font-size:9px;}
.search_list article .gousize span.size{ font-size:19px;}

.search_list article a.onsale:before{ display:none; }
.search_list article a.onsale .middle_box:before { display: block; content: ""; background-image: url(../images/ticket_badge.png); width: 14vw; height: 14vw; position: absolute; background-size: contain; z-index: 2; top: -2vw; left: -2vw;}

.search_list article .date.cancel{ font-size:16px; line-height:1.5em;}

#pagenation{ padding: 10px 3%;}
#pagenation ul{ width:100%; margin:0 auto; border:1px solid #000033; left:inherit; padding: 4px 1px; background-color:#fff; height:40px;}
#pagenation ul:after {clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
#pagenation li{ line-height:30px; left:inherit;}
#pagenation li.active{ width:57%; margin:0 1%; height: auto; color: #002040; background: #fff; border-color: transparent; position:absolute; left:19vw;}
#pagenation li.active a{ background:#fff !important;}
#pagenation li a{ width:100%; height:30px; background-color:#ffcc33; border:none; color: #002040 !important;}
#pagenation li.prev,
#pagenation li.next{ width:20%;}
#pagenation li.prev a,
#pagenation li.next a{ width:100%; margin: 0; font-size:12px;}
#pagenation li.next a{ position:absolute; left:73vw;}
#pagenation li.prev a{ position:absolute; z-index:10; margin-left:6%;}
}



/* = detail page
------------------------------------------------------------------------------------------*/
#detail_page{ }

#detail_page h2{ text-align:center; line-height:1em; margin-bottom:10px;}
#detail_page h2 img{ height:50px; margin: 0 auto;}

.detail_head{ text-align:left; background-color:#000; color:#fff;  overflow:hidden; position:relative; }
.detail_head_content{ position:relative; z-index:20;}
.detail_head_content:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.detail_head_content .leftarea{ float:left; width:62%;padding:2vw 0 2vw 3%; padding-bottom:calc(64px + 2vw);}

.detail_head_content .breadcrumb{ margin-bottom:4.5vw;padding:0;}
.detail_head_content .breadcrumb a{ color:#fff;}

.detail_head_bg{width: 100%;position: absolute; top: 0; left: 0; overflow:hidden;height: 50vw; }
.detail_head_bg .bg_img {width: 100%; height: 50vw;  background-size: cover; background-position: center; background-repeat: no-repeat;/* -webkit-filter: blur(10px); filter: blur(10px);*/ opacity: 0.4; background-image:url(../images/detail_default.jpg);}

.detail_head p{ margin:0;}
.detail_head h1{ font-weight:bold; font-size:3vw; line-height:1.4em; margin-bottom:1vw; }

/* 0502 */
.detail_head .status_icon{ width:5vw; float:left; line-height:0; margin-right:8px;}
.detail_head .status_icon img{ width:100%;}

.detail_head .gousize{  border-radius:50%; text-align:center; width:63px; height:65px; color:#005c6a; line-height:18px; padding-top:12px; float:left; margin-right:10px; background-image: url(../images/gou_bg.png); background-size: cover; color:#00a3bc;}
.detail_head .gousize span.saidai{ display:block; font-size:10px;}
.detail_head .gousize span.size{ font-size:22px; font-weight:bold;color: #d9458b;}
.detail_head .gousize span.unit{ font-weight:bold; font-size:13px;}

.detail_head .date_wrap{ margin-left:6.2vw;}
.detail_head .address{ clear:both;}
/* 0502 */

.detail_head .date{ font-weight:bold; font-size:1.5vw; line-height:1.6em;}
.detail_head .date.cancel{ color:#fc0; padding-top:1em;}
.detail_head .date span{ font-size:1.6em;}
.detail_head .date_sub{ font-size:1.2vw; line-height:1.4em;}
.detail_head .address{ font-weight:bold; padding:1.5vw 0 2vw; font-size:1.4vw; line-height:1.5em;}

.detail_head .show_icon{ width:100%;}
.detail_head .show_icon:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.detail_head .show_icon li:before { content: "#";}
.detail_head .show_icon li{ float: left; margin: 0 0.3em 0.3em 0; background-color:#fff; padding:0.4em 1em; border-radius:5px; line-height: 1em; font-size: 12px; color: #00a3bc;}
.detail_head .show_icon li a{color: #00a3bc;}
.detail_head .show_icon li img{ width:100%;}

#detail_page .detail_head .okini{ background-color:#00a3bc; position:absolute; bottom:0; width:100%; left:0; padding:0.5vw 3%;}
#detail_page .okini .button_okini{position: relative; display: block; line-height: 1.1em; background-color:#fff; color: #008ca2; font-weight:bold; padding:3px 20px 9px; border-radius:5px; font-size:17px;}
#detail_page .okini .button_okini i{ margin-left: 5px; position: relative; top: 5px;}
#detail_page .okini .button_okini i img{ width:24px;}
#detail_page .okini .button_okini span{     display: block; margin-top: 3px; font-size: 11px; font-weight: normal; color: #008ca2;}

#detail_page .okini_login{}
#detail_page .okini_login .button_okini{ max-width:484px; width:100%; padding: 10px 10px 16px; position:relative; color:#b38901;}
#detail_page .okini_login .button_okini span{ position:absolute; border:2px solid #00a3bc; top: 4px; right: 10px; padding: 9px; border-radius: 6px; font-weight: bold;}


.detail_head .photo{ float:right; width:37%;padding:2vw 3% 1vw 0;}
.detail_head .photo .mainimg .phtfit{ width:100%; height:30vw;}
.detail_head .photo .thumb { width:calc(16vw + 6px); margin-left:auto; margin-top:-2vw;}
.detail_head .photo .thumb .phtfit{ height:5vw; width:5vw; border:1px solid #666; display:block; margin-right:0.3vw;}
.detail_head .photo .thumb .phtfit:hover{cursor:pointer; border-color:#00a3bc;}
.detail_head .photo .thumb .slick-track{    transform: translate3d(0px, 0px, 0px)!important;}

/*
.detail_head .photo .thumb { display:table;  border-collapse:separate; border-spacing:0.3vw; margin-left:auto; margin-top:-2vw;}
.detail_head .photo .thumb div{ display:table-cell; height:5vw; width:5vw; border:1px solid #666;}
.detail_head .photo .thumb div:hover{ cursor:pointer; border-color:#00a3bc;}
.detail_head .photo .thumb div.current{border-color:#00a3bc;}
*/

@media only screen and (max-width: 768px){

#detail_page h2 img{ height:10vw; }

.detail_head_content .leftarea{ float:none; width:100%; padding:10px 3%;}
#detail_page .detail_head .okini{ position:inherit;}
.detail_head .photo{ float:none; width:100%; padding:0;}

.detail_head h1{ font-size:22px; line-height:1.4em;}

/* 0502 */
.detail_head .status_icon{ width:14.5vw; }
.detail_head .date_wrap{ margin-left:17vw;}
/* 0502 */

.detail_head .date{ font-size:14px;}
.detail_head .date_sub{ font-size:12px; padding-bottom:5px; border-bottom:1px solid #ffcc00;}
.detail_head .address{ font-size:12px; height:18vw; padding:2.5vw 17vw 2.5vw 0;}

.detail_head .show_icon li{ font-size:11px;}

#detail_page .detail_head .okini{ padding: 10px 3%;}
#detail_page .okini_login .button_okini{ text-align:left;}

.detail_head .photo .mainimg { margin-bottom:5px;}
.detail_head .photo .mainimg .phtfit{ height:70vw;}
.detail_head .photo .mainimg .slick-dots{ bottom:0;}
.detail_head .photo .mainimg .slick-dots li button:before{ color:#fff; opacity:0.3; }
.detail_head .photo .mainimg .slick-dots li.slick-active button:before{color:#00c5e3; opacity:0.9;}

.detail_head .photo .thumb { display:none;}

.detail_info{ position:relative;}

.detail_head .gousize{  width:15vw; height:15vw;color:#005c6a; font-size:3vw; line-height:4vw; padding-top:3vw; float:none; margin-right:0; position:absolute; bottom:1.5vw; right:0;}
.detail_head .gousize span.saidai{ display:block; font-size:1.8vw; color:#00a3bc;}
.detail_head .gousize span.size{ font-size:5vw; font-weight:bold;}


.detail_head .date.cancel{ padding-top:0;}
}


.detail_wrap{ width:94%; max-width:1100px; margin:0 auto; text-align:left; padding:2vw 0 0;}
@media only screen and (max-width: 768px){
.detail_wrap{ width:100%; padding: 10px 0;}
}


/* = special page
------------------------------------------------------------------------------------------*/

#special_page{background-image:url(../images/special_bg.jpg); background-size:60%; background-color:#000; background-repeat:no-repeat; background-position:left top;}

.special_head{ text-align:left; color:#fff;  overflow:hidden; position:relative; width:100%;}
.special_head_content{ position:relative; z-index:20; padding:2vw 3% 10vw;}
.special_head_content:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.special_head_content .leftarea{ float:left; width:100%;padding:2vw 0 2vw 3%; padding-bottom:0;}

.special_head_content .breadcrumb{ margin-bottom:0;padding:0;}
.special_head_content .breadcrumb a{ color:#fff;}

.tit_head{ text-align:center;}
.tit_head .head_container{ width:90%; max-width:1200px; margin:0 auto; display:table;}
.tit_head figure{ display:table-cell; width:38%; vertical-align: middle; padding:2vw 0 4vw;}
.tit_head figure img{ width:98%; }

.tit_head .tit_r{ display:table-cell; width:62%; vertical-align:middle;}
.special_head h1{ line-height:0; margin:2vw 0; }
.special_head h1 img{ width:90%; margin:0 auto;}
.special_head p{ margin:0 0 1em; line-height:1.5em;}
.special_head_content .name_txt{ margin-bottom:0; font-size:10px; line-height:1.5em; text-align:left;}

.special_wrap{ }

.special_data{ width:90%; margin:-8vw auto 3vw; max-width:1200px; position:relative; z-index:20;}
.special_data:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}

.special_wrap .contents_block {width:49%; float:left; margin-right:2%; margin-bottom:1.5%;}
.special_wrap .contents_block:nth-of-type(2n){ margin-right:0;}

.special_wrap .l_img { background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; padding-bottom:50%; position:relative; background-color:#000;}
.special_wrap .l_img.l_1{ background-image:url(../images/special_img.jpg);}
.special_wrap .l_img.l_2{ background-image:url(../images/special_img2_1.jpg);}
.special_wrap .l_img.l_3{ background-image:url(../images/special_img3.jpg);}
.special_wrap .l_img.l_4{ background-image:url(../images/special_img4.jpg);}
.special_wrap .l_img.l_19_1{ background-image:url(../images/special_img19_1.jpg);}
.special_wrap .l_img.l_19_2{ background-image:url(../images/special_img19_2.jpg); background-position:0% 68%;}
.special_wrap .l_img.l_19_3{ background-image:url(../images/special_img19_3.jpg);}
.special_wrap .l_img.l_19_4{ background-image:url(../images/special_img19_4.jpg);}
.special_wrap .l_img.l_19_5{ background-image:url(../images/special_img19_5.jpg); background-position: center bottom;}
.special_wrap .l_img.l_19_6{ background-image:url(../images/special_img19_6.jpg); background-position: center bottom;}
.special_wrap .l_img.l_19_7{ background-image:url(../images/special_img19_7.jpg); background-position: center top}

.special_wrap .l_img .credit_txt{ position: absolute; right: 7px; bottom: 4px; font-size: 12px; color: #fff; line-height: 1.5em; margin: 0;}
.special_wrap .r_box { background-color:#00a3bc; padding:1.5vw 6%; text-align:center; position:relative; }
.special_wrap .l_img img{ width:100%;}
.special_wrap .r_box h1{ width:100%; padding-bottom:1vw; border-bottom:1px solid #01879c; text-align:center;}
.special_wrap .r_box h1 img{ width:70%;}
.special_wrap .r_box .tit_txt{ padding-top:1vw; border-top:1px solid #00b8d4; text-align:left; font-size:16px; line-height:1.6em; color:#fff; font-weight:bold;}
.special_wrap .r_box .link_txt{ word-wrap: break-word; display: block; background-color: #fff; width: 100%; padding: 12px 0; color: #01879c; font-size: 18px; line-height:1.5em; margin-bottom:0; font-weight:bold;}
.special_wrap .r_box:after { content: ''; display: block; clear: both;}
.special_wrap .contents_block:hover{ opacity:0.9;}

.b_none{ border:none !important;}

.backnumber{ width:90%; margin:0 auto 0; max-width:1200px; position:relative; z-index:20;}
.backnumber:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.backnumber .contents_block{ width:24.25%; margin-right:1%;}
.backnumber .contents_block:nth-of-type(2n){ margin-right:1%;}
.backnumber .contents_block:nth-of-type(4n){ margin-right:0;}
.backnumber .r_box{ background-color:#bf9c2a;}
.backnumber .r_box h1{    border-bottom: 1px solid #a38524;}
.backnumber .r_box h1 img{ width:100%;}
.backnumber .r_box .tit_txt{ font-size:14px;border-top: 1px solid #d1ab30;}
.backnumber .r_box .link_txt{ font-size:14px; color:#bf9c2a;}
.backnumber .backnumber_tit{ text-align:center;}
.backnumber .backnumber_tit img{ width:22%;}

@-moz-document url-prefix() {
.special_wrap .r_box a{ left:15%;}
.special_wrap .r_box .link_txt{ margin-left:14%;}
}
@-moz-document url-prefix() {
.special_wrap .r_box .link_txt{ margin-left:0;}
}

.special_in_head .contents_block{ display:table; width:100%;}
.special_in_head .l_img,
.special_in_head .r_box { display:table-cell;}
.special_in_head .l_img{ background-size:cover; background-repeat:no-repeat; background-position:center top; width:55%; height:31vw; position:relative;}
.special_in_head .l_img.l_1{ background-image:url(../images/special_img.jpg);}
.special_in_head .l_img.l_2{ background-image:url(../images/special_img2_1.jpg);}
.special_in_head .l_img.l_3{ background-image:url(../images/special_img3.jpg);}
.special_in_head .l_img.l_4{ background-image:url(../images/special_img4.jpg); background-position: center bottom;}
.special_in_head .l_img.l_19_1{ background-image:url(../images/special_img19_1.jpg);}
.special_in_head .l_img.l_19_2{ background-image:url(../images/special_img19_2.jpg); background-position:0 50%;}
.special_in_head .l_img.l_19_3{ background-image:url(../images/special_img19_3.jpg);}
.special_in_head .l_img.l_19_4{ background-image:url(../images/special_img19_4.jpg);}
.special_in_head .l_img.l_19_5{ background-image:url(../images/special_img19_5.jpg); background-position: right bottom;}
.special_in_head .l_img.l_19_6{ background-image:url(../images/special_img19_6.jpg); background-position: center bottom;}
.special_in_head .l_img.l_19_7{ background-image:url(../images/special_img19_7.jpg); background-position: right top;}

.special_in_head .l_img .credit_txt{ position: absolute; right: 7px; bottom: 4px; font-size: 12px; color: #fff; line-height: 1.5em; margin: 0;}
.special_in_head .r_box{ margin-left:60%; background-color:#00a3bc; padding:6vw 6%; text-align:center; position:relative; vertical-align:middle;}
.special_in_head .l_img img{ width:100%;}
.special_in_head .r_box h1{ width:100%; padding-bottom:1.5vw; border-bottom:1px solid #01879c;}
.special_in_head .r_box h1 img{ width:100%;}
.special_in_head .r_box p{ padding-top:1.5vw; border-top:1px solid #00b8d4; text-align:left; font-size:26px; line-height:1.5em; color:#fff; font-weight:bold;}

.prof_wrap{ position:relative; width:100%; margin-bottom:42px;}
.prof_wrap .owner_img{ width:70%; float:right;}
.prof_wrap .owner_img img{ width:100%;}
.prof_wrap .prof_box{ position:absolute; top:6%; width:34%; background-color:#00a3bc; padding:2vw 3%; color:#fff; line-height:1.5em; min-height:88%;}
.prof_wrap .prof_box img{ width:100%; margin-bottom:18px;}
.prof_wrap .prof_box .name{ font-size:30px; font-weight:bold; margin-bottom:14px; text-align:center; line-height:1.5em;}
.prof_wrap .prof_box .detail{ text-align:left; font-size:16px; line-height:1.7em;}
.prof_wrap .prof_box.multi{}
.prof_wrap .prof_box.multi .name{ font-size: 24px; margin-bottom: 20px; text-align:left;}
.prof_wrap .prof_box.multi .detail{ margin-bottom: 0;}

.prof_wrap.long{}
.prof_wrap.long .owner_img{ width: 100%; float: none;}
.prof_wrap.long .prof_box{ position: relative; width: 100%; top: inherit; text-align: center; min-height: inherit;}
.prof_wrap.long .prof_box img{ width: 30%; margin-bottom: 6px;}
.prof_wrap.long .prof_box .name{ text-align: left;}
.prof_wrap.long .prof_box .detail{ margin-bottom: 12px;}

.special_in_contents{ margin-bottom:2vw;}
.special_in_contents .gray_bg{ background-color:#efefef; padding: 2vw 3% 1vw;}
.special_in_contents .white_bg{ background-color:#fff; padding: 2vw 3% 1vw;}
.special_in_contents h3{ font-size: 22px; background-color: #ffcc00; line-height: 1.5em; padding: 1vw 3%; font-weight: bold;}
.special_in_contents p{ font-size:16px; font-weight:bold; line-height:1.8em; margin-bottom:4vw;}
.special_in_contents .int_txt{ color:#00798b; margin-bottom:1vw;}
.special_in_contents .end_txt{ text-align:right; font-weight:300;}
.special_in_contents img{ width:100%; margin-bottom:-7px;}
.special_in_contents .length_img{ background-color:#000; text-align:center;}
.special_in_contents .length_img img{ width:40%;}
.special_in_contents .movie_box{ text-align:center; background-color:#fff; padding-bottom:2vw;}

.special_in_contents .gray_bg p{ margin-bottom:15px;}

.special_in_contents .link_btn{ background-color: #e95098; color: #fff; width: 100%; display: block; text-align: center; padding: 10px; margin: 34px auto; font-size: 18px; line-height: 1.5em; position:relative;}
.special_in_contents .link_btn:after{ border: 1px solid; border-color: transparent #fff #fff transparent; content: ""; position: absolute; top: calc(50% - 4px); right: 1em; width: 5px; height: 5px; transform: rotate(-45deg);}
.special_in_contents .link_btn:hover{ opacity:0.9;}

.s_list{}
.s_list h2{ text-align:center; margin-bottom:1vw;}
.s_list h2 img{ width:14%;}
.s_list ul{ margin-bottom:25px;}
.s_list li{ float:left; width:24.25%; margin-right:1%;}
.s_list li:nth-child(4n){ margin-right:0;}
.s_list li img{ width:100%; margin-bottom:-9px;}
.s_list li p{ color:#fff; background-color:#00a3bc; padding:1vw 4%; margin:0;}
.s_list .go_top{ text-align:center; display:block; background-color:#fff; border:3px solid #00a3bc; padding:15px 0 10px;}
.s_list .go_top img{ width:12%;}


@media only screen and (max-width: 768px){
#special_page{ padding-bottom:10px; background-size:100%;}

.special_wrap_foot h2 img{ height:10vw; }

/* 0307 修正 */
.special_head{ background-position:top center; background-size:200%;}
/* 0307 修正 */

.special_head_content .leftarea{ float:none; width:100%; padding:10px 3%;}

.tit_head .head_container{ position:relative; display:inherit; width:96%}

.tit_head figure{ width:33%; float:none; padding:6vw 0 3vw; display:inherit;}
.tit_head figure img{ width:100%;}
.tit_head .tit_r{ width:100%; float:none; padding-top:0; position: initial; top:0; display:inherit;}
.special_head h1{ position:absolute; top:8vw; right:2%; width:70%;}
.special_head h1 img{ width:85%; margin:0 0 0 auto;}
.tit_head .tit_r p{ text-align:left; font-size:14px; line-height:1.4em; margin-bottom:10px;}

.tit_head img{ width:100%;}
.tit_head{ margin-bottom:0px;}

.special_data{ width:94%;}

.special_wrap{ margin-bottom:4vw;}
.special_wrap .contents_block { display:block; width:100%; border-top:5px solid #000; margin-right:0;}
.special_wrap .l_img,
.special_wrap .r_box { display:block;}
.special_wrap .l_img { width:100%; padding-bottom:66%; }
.special_wrap .r_box { margin-left:0; padding:6vw 6%; }
.special_wrap .r_box h1{ padding-bottom:2vw;}
.special_wrap .r_box h1 img{ width:80%;}
.special_wrap .r_box .tit_txt{ padding-top:2vw; font-size:16px; line-height:1.5em;}
.special_wrap .r_box .link_txt{ position: relative; bottom: 0; width: 100%; padding: 6px 0; font-size: 16px;}

.backnumber{ width:94%;}
.backnumber .backnumber_tit{}
.backnumber .backnumber_tit img{ width:60%;}
.backnumber .contents_block{ width:49%; float:left; margin-right:2%;}
.backnumber .contents_block:nth-of-type(2n){ margin-right:0;}
.backnumber .r_box{ padding:10px;}
.backnumber .r_box h1 img{ width:100%;}
.backnumber .r_box .tit_txt{ font-size:14px;}

.special_in_data .breadcrumb{ padding:3vw 3% 0;}

.special_in_head .contents_block{ display:block; width:100%;}
.special_in_head .l_img,
.special_in_head .r_box { display:block;}
.special_in_head .l_img{ width:100%; height:56vw;}
.special_in_head .r_box{ margin-left:0; padding:6vw 6% 3vw;}
.special_in_head .l_img img{ width:100%;}
.special_in_head .r_box h1{ width:100%; padding-bottom:8px;}
.special_in_head .r_box h1 img{ width:80%;}
.special_in_head .r_box p{ padding-top:14px; font-size:18px; line-height:1.5em;}

.prof_wrap{ margin-bottom:14px;}
.prof_wrap .owner_img{ width:100%; float:none;}
.prof_wrap .prof_box{ position:relative; top:0; width:94%; padding:6vw 6% 3vw; margin: -10px auto 0;}
.prof_wrap .prof_box img{ margin-bottom:0;}
.prof_wrap .prof_box .detail{ font-size:14px;}

.prof_wrap.long .prof_box{ width:94%;}
.prof_wrap.long .prof_box img{ width:100%; margin-bottom:18px;}
.prof_wrap.long .prof_box .name{}

.special_in_contents{ margin-bottom:6vw;}
.special_in_contents .gray_bg{ padding: 5vw 3% 1vw;}
.special_in_contents .white_bg{ padding: 5vw 3% 1vw;}
.special_in_contents h3{ font-size: 16px; padding: 2vw 4%;}
.special_in_contents p{ font-size:15px; margin-bottom:20px; line-height:1.7em}
.special_in_contents .int_txt{ margin-bottom:6px;}
.special_in_contents .length_img img{ width:50%; margin-bottom:0;}
.special_in_contents .movie_box iframe{ width:100%; height:56vw;}

.special_in_contents .link_btn{ font-size:14px; margin: 20px auto;}

.s_list{ width:96%; margin:0 auto;}
.s_list h2 img{ width:32%;}
.s_list ul{ margin-bottom:0;}
.s_list li{ width:49%; margin-right:2%; margin-bottom:2%;}
.s_list li:nth-child(2n){ margin-right:0;}
.s_list li img{ width:100%; margin-bottom:-7px;}
.s_list li p{ padding:3vw 10px; font-size:14px; line-height:1.5em;}
.s_list .go_top{ margin-bottom:10px;}
.s_list .go_top img{ width:34%;}

}

.special_wrap{ width:100%; margin:0 auto; text-align:left; padding:0 0 2vw;}
.special_in_wrap{ width:94%; max-width:1100px; margin:0 auto; text-align:left; padding:2vw 0;}
.special_wrap_foot{ width:94%; max-width:1100px; margin:0 auto; text-align:left; padding:2vw 0;}
@media only screen and (max-width: 768px){
.special_wrap_foot,
.special_in_wrap,
.special_wrap{ width:100%; padding: 0;}
}


/* = status
------------------------------------------------------------------------------------------*/
#status{ padding-top:20vh;}

.status_wrap{ width:94%; max-width:1000px; background-color:rgba(255,255,255,0.8); margin:0 auto; padding:20px;}
#status .status_tit{ font-size:50px; line-height:1.5em; margin:0;}
#status .status_txt{}
#status .toplink{ padding:20px 0;}
#status .toplink a{ display:block;background-color: #ffcc00; color: #005b69; font-weight: bold; padding: 15px 0; line-height: 1em;}
#status .toplink a:hover{ opacity:0.8;}


@media only screen and (max-width: 768px){
#status{ padding:20px 0;}
#status .status_tit{ font-size:30px; line-height:1.2em; margin:0;}
#status .toplink{ padding:20px 0;}
}

/* lead */
.detail_lead{ font-size:20px; line-height:1.6em; margin-bottom:40px;}
.detail_lead h2{ color:#d9458b; font-weight:bold; font-size:36px; line-height:1.5em; margin-bottom:10px; text-align:left!important;}


@media only screen and (max-width: 768px){
.detail_lead{ font-size:14px;line-height:1.5em; padding: 0 3%; margin-bottom:20px;}
.detail_lead h2{ font-size:18px; line-height:1.4em!important; margin-bottom:5px;}
}

/* feature */
.detail_feature{ margin-bottom:40px;}


/* 表 */
.detail_data{ margin-bottom:40px;}
.detail_data dl { text-align:left; background: #00a3bc; border-bottom: 1px solid #00a3bc; border-top: 1px solid #00a3bc; margin-bottom:20px;}
.detail_data dt,
.detail_data dd { padding: 10px 20px 0 20px;}
.detail_data dd.cancel{ color:#c00; font-weight:bold;}
.detail_data dt:first-of-type ,
.detail_data dd:first-of-type { border-top:none;}
.detail_data dt { color:#fff; width: 25%; float: left; border-top: 1px solid #fff;}
.detail_data dd { background: #fff; margin-left:25%; padding-bottom: 10px; border-top: 1px solid #00a3bc;}
.detail_data dd a{ word-wrap: break-word;}
.detail_data dd:after { content: ''; display: block; clear: both;}

.detail_data dd .yuryou{ font-weight:bold;}
.detail_data dd .notes{ background-color:#f5f5f5; padding:15px; font-size:14px; line-height:1.5em; margin:10px 0;}
.detail_data dd .dlink img{ width:100%;}
.detail_data dd .venue_link{ display:block; background-color:#f2f2f2;  color:#00a3bc; text-align:center;  border-radius:5px; padding:10px; margin-top:10px; position:relative;}
.detail_data dd .venue_link:hover{ color:#00a3bc; background-color:#eee;}
.detail_data dd .venue_link:after {
    border: 1px solid;
    border-color: transparent #00a3bc #00a3bc transparent;
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 1em;
    width: 5px;
    height: 5px;
    transform: rotate(-45deg);
}

.detail_data a{ display:block;}
.detail_data a:hover{ color:#F69}

.detail_data .notice{ text-align:right; font-size:14px; line-height:1.4em;}

@media only screen and (max-width: 768px){
.detail_feature{ margin-bottom:20px;}
#detail_page .detail_data h2 img{ height:12vw;padding-right: 9vw;}
.detail_data{ text-align:center; margin-bottom:20px;}
.detail_data dl { font-size:14px; margin-bottom:10px; line-height:1.4em;}
.detail_data dt,
.detail_data dd { padding: 8px 8px 6px;}
.detail_data dt { width:36%;}
.detail_data dd { margin-left:36%;}
.detail_data dd a{ background-color:#f2f2f2; padding:7px 5px; margin-bottom:3px; border-radius:5px;}

.detail_data dt.ticket_dt{ width:100%; float:none; text-align:center; border-top:10px solid #fff;}
.detail_data dd.ticket_dd{ width:100%; float:none; margin-left:0;}
.detail_data dd .notes{ padding:10px; margin:5px 0; font-size:12px; line-height:1.4em;}
.detail_data dd.ticket_dd a{ background:none; padding:0;}

.detail_data dd .yuryou{ display:block; padding:5px 0;}

.detail_data .notice{ text-align:left; padding:0 3%; margin-bottom:4px; font-size:12px; line-height:1.4em;}
}


/* eplus ticket */
.eplus_ticket{ background-color:#e95098; margin-bottom:1vw;}
.eplus_ticket .ticket_wrap{ width:94%; max-width:1100px; margin:0 auto; text-align:left; padding:2vw 0;}
.eplus_ticket h2{ text-align:center; margin-bottom:10px;}


.eplus_ticket li{ margin-bottom:15px;}
.eplus_ticket a{  position: relative; background-color:#FFF; color:#053b72; display:table; width:100%; border-radius:10px;}
.eplus_ticket a:hover{ background-color:#f2f2f2;}
.eplus_ticket a .left,
.eplus_ticket a .center,
.eplus_ticket a .right{ display:table-cell;}

.eplus_ticket a .left{ text-align:center; vertical-align:middle;padding: 18px 0 18px 30px; width:130px; }
.eplus_ticket a .left i{ display:block; font-style:normal; font-weight:bold; font-size:14px;border:2px solid #053b72; height:100px; width:100px; line-height:100px; }

.eplus_ticket a .center{ padding:20px 30px; vertical-align:middle;}

.eplus_ticket a .right{ background-color:#ffcc00; vertical-align:middle; text-align:center; border-radius:0 10px 10px 0; font-weight:bold; width:150px; position:relative; line-height:1; }
.eplus_ticket a .right.before{ background-color:#ccc;}
.eplus_ticket a .right:before{ content:"";width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent #fff; position: absolute; left: 0;
    top: calc(50% - 10px);}
.eplus_ticket a:hover .right:before{border-color: transparent transparent transparent #f2f2f2;}

.eplus_ticket a h3{ font-weight:bold; font-size:20px; line-height:1.5em; margin-bottom:5px;}
.eplus_ticket a dt{position: relative; float: left; width: 4em; color: #a1a1a1;}

.eplus_ticket a dt span{position: absolute; right: 0;}
.eplus_ticket a dd{margin-left: 4em;}

.eplus_ticket .note{ color:#fff; font-size:14px; line-height:1.5em; text-align:right;}

@media only screen and (max-width: 768px){
.eplus_ticket{ margin-bottom:20px;}
.eplus_ticket .ticket_wrap{ width:92%; padding:10px 0;}
.eplus_ticket h2{ margin-bottom:0;}

.eplus_ticket a{ display:inherit; border-radius: 5px;}
.eplus_ticket a .left, .eplus_ticket a .center, .eplus_ticket a .right{ display:inherit;}

.eplus_ticket a .left{ width:100%; padding:14px 0 8px;}
.eplus_ticket a .left i{ width:92%; height:auto; line-height:1em; margin:0 auto; padding:7px; border: 1px solid #053b72;}

.eplus_ticket a h3{ line-height:1.2em; font-size:18px; margin-bottom:10px;}

.eplus_ticket a .center{ padding:0 4%;}
.eplus_ticket a .center dl{ font-size:12px; line-height:1.4em; margin-bottom:10px;}
.eplus_ticket a .center dd{ margin-bottom:5px;}

.eplus_ticket a .right{ padding: 16px 0 12px; width:100%; border-radius: 0 5px 5px 0;border-bottom-left-radius: 5px;}
.eplus_ticket a .right:before{ top:0; left: calc( 50% - 10px); border-width: 8px 8px 8px 10px; border-color: #fff transparent transparent transparent;}

.eplus_ticket a:hover .right:before{border-color: #f2f2f2 transparent transparent transparent;}

.eplus_ticket .note{ font-size:12px; text-align:left;}
}

/* uchiage */
.mapinfo{ margin-bottom:40px;}
.mapinfo li{ width:100%; border:10px solid #fff; line-height:0; margin-bottom:10px;}
.mapinfo li iframe{ width:100%; height:260px;}

@media only screen and (max-width: 768px){
.mapinfo{ margin-bottom:20px;}
.mapinfo li{  margin-bottom:5px;}
.mapinfo li iframe{ height:160px;}
}

/* youtube */
.youtube{ text-align:center; margin-bottom:50px;}
.youtube li{ width:49%; display:inline-block;}
.youtube li:first-child{ margin-right:1%;}

.ywrap{ position: relative; height: 0px; width: 100%; padding-bottom: 56.25%;}
.ywrap iframe{ width:100%; height:100%; position:absolute; top:0; left:0;}


@media only screen and (max-width: 768px){
.youtube{ margin-bottom:20px;}
.youtube li{ width:94%; display: block; margin:0 auto 5px; line-height:0;}
.youtube li:first-child{ margin-right:auto;}
}

/*recomend*/
.recommend{ text-align:center; margin-bottom:30px;}
.recommend h2{ }
#detail_page .recommend h2 img{ height:35px;}

.recommend_block{ text-align:left; background-color:#FFF; margin-bottom:10px; padding:20px 30px 20px 40px; position:relative; }
.recommend_block:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.recommend_block figure{ float:right; line-height:0; width:300px; height:225px;}
.recommend_block .detail_text{ padding-right:320px;}
.recommend_block .detail_text h3{ font-weight:bold; font-size:28px; line-height:1.5em; color:#d9458b; margin-bottom:10px;}

.recommend_block.nopht .detail_text{ padding-right:0;}

.detail_feature .recommend_block{  }
/*.detail_feature .recommend_block:before{ content:""; display:block; background-image:url(../images/num01.png); width:65px; height:65px; background-size:cover; position:absolute; top:-4px; left:-10px;}
.detail_feature .recommend_block:nth-of-type(2):before{ background-image:url(../images/num02.png); }
.detail_feature .recommend_block:nth-of-type(3):before{ background-image:url(../images/num03.png); }
*/

@media only screen and (max-width: 768px){
.recommend{ margin-bottom:10px;}
.recommend h2{ padding: 0 3%; margin-bottom: 6px;}
#detail_page .recommend h2 img{ width:90%; height:auto;}
.recommend .rec_catch{ padding:0 3%; text-align:left; font-size:14px; line-height: 1.4em;}

.recommend_block{ padding:10px; font-size:14px; line-height:1.5em; margin-bottom:5px;}
.recommend_block .detail_text{ padding-right:0px;}
.recommend_block .detail_text h3{ font-size:16px; line-height:1.4em; margin-bottom:4px;}
.recommend_block .detail_text p{ margin:0;}
.recommend_block figure{ width:33%; height:30vw;}
.recommend_block .phtfit{ background:#fff;}

.detail_feature .recommend_block{ padding:10px;}
.detail_feature .recommend_block:before{ left:inherit; top:-0.5vw; right:0; z-index:10; width:12vw; height:12vw;}

.detail_feature .recommend_block figure{ width:100%; height: 0; padding-bottom: 50%; margin-bottom:10px; background-color: #000;}

#detail_page .detail_feature h2{ margin-bottom:10px;}
#detail_page .detail_feature h2 img{ margin:0 auto; height:13vw;}
}

/* sns share */
.sns_share { display:table; background-color:#FFF; border:6px solid #ccc; width:100%; border-radius:10px; margin-bottom:40px;}

.sns_share .sns_block{ display:table-cell; vertical-align:middle; width:56%; text-align:center;padding:10px 0;  }

.sns_share .sns_block h2{ display:inline-block; line-height:0; margin-right:10px; width:90px; position:relative; top:-10px;}
.sns_share .sns_block h2 img{ width:100%; height:auto!important;}
.sns_share .sns_block ul{ display:inline-block;}
.sns_share .sns_block li{float: left;margin-right: 15px;width:55px; line-height:0;}
.sns_share .sns_block li:last-child{margin-right: 0 !important;}
.sns_share .sns_block li img{width:100%;height: auto;}

#detail_page .sns_share .okini{ display:table-cell; vertical-align:middle; width:44%;border-left:1px solid #cccccc;padding:10px 20px; text-align:center;}
#detail_page .sns_share .okini img{ width:100%; max-width:390px; margin:0 auto;}

#detail_page .okini ul{ width:62%;}
#detail_page .okini li{ width:48%; float:left; margin-right:1.5%; line-height:0;}
#detail_page .okini li img{ width:100%;}

#detail_page .sns_share .okini_login{}
#detail_page .sns_share .okini_login .button_okini{ max-width:437px; width:100%; padding: 10px 10px 12px; position:relative; color:#b38901; background-color:#fff; border: 2px solid #b38901;}
#detail_page .sns_share .okini_login .button_okini span{ position:absolute; border:2px solid #00a3bc; top: 4px; right: 8px; padding: 9px; border-radius: 6px; font-weight: bold; color: #00a3bc;}


@media only screen and (max-width: 768px){
.sns_share{ display:inherit; border: 2px solid #ccc; width: 94%; margin: 0 auto 10px; padding: 0 0 4px;}

.sns_share .sns_block{ padding:10px 0 0;}

.sns_share .sns_block h2{ margin-right:0;}
.sns_share .sns_block h2 img{ width:85%;}
.sns_share .sns_block{ display:inherit; width:100%;}
.sns_share .sns_block li{ margin-right: 8px; width: 48px;}

#detail_page .sns_share .okini .button_okini{ padding:10px 8px;}
#detail_page .sns_share .okini{ display:inherit; width:100%; border-left:none ; padding: 3px 10px 10px;}

#detail_page .sns_share .okini_login .button_okini{ text-align:left; padding: 10px 10px 12px;}
#detail_page .sns_share .okini_login .button_okini span{ position:absolute; right:8px;}


#detail_page .okini ul{ width:100%;}
#detail_page .okini ul:after { content: ""; clear: both; display: block; }
#detail_page .okini li{ width:100%; float:none; margin-right:0; line-height:0; margin-bottom:3px;}
}

/* area search */
.area_search{width:100%; margin-bottom:40px; }
.area_search dt{float: left;width: 120px;font-weight: bold;}
.area_search dd{padding-left: 120px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: solid 1px #d2a001;}
.area_search dd ul{overflow: hidden;}
.area_search dd li{float: left;margin-right: 15px;}
.area_search dl a{color: #002040;}
.area_search dl a:hover{color: #e95098;}

@media only screen and (max-width: 768px){
.area_search{ text-align:center; margin-bottom:20px;}
.area_search dt{ float:none; width:100%;}
.area_search dd{ padding-left:0;}
.area_search dd li{ float:none; margin-right:0;}

.detail_wrap .area_search dl{border-bottom: solid 1px #d2a001; margin-bottom:10px;}
.detail_wrap .area_search dt{ width:100%; position:relative; padding:10px 5%; text-align:left;border-top: solid 1px #d2a001; background-color:rgba(255,255,255,0.3);}
.detail_wrap .area_search dd{display:none;  text-align:left; margin:0; padding:0; border-bottom:none;}
.detail_wrap .area_search dd a{padding:8px 10%; display:block; border-top:1px solid #ccc; background-color:rgba(255,255,255,0.8);}


.detail_wrap .area_search dd li{ width:100%; position:relative;}
.detail_wrap .area_search dd li::after{
position: absolute;
top: calc(50% - 4px);
right: 19px;
margin: auto;
content: "";
vertical-align: middle;
width: 5px;
height: 5px;
border-top: 1px solid #333;
border-right: 1px solid #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

}

.search_sp_bottom { display: none; }

@media only screen and (max-width: 768px){
.search_sp_bottom { display: block; margin: 0; position:fixed; right: 3vw; bottom: 6vw; text-align: center; z-index: 20;background-color: #00a3bc;
    border: 5px solid #fff;
    border-radius: 20vw;
    width: 20vw;
    height: 20vw;
    line-height: 20vw;
    color: #fff;    background-image: url(../images/search_icon_w.png);
    background-size: 8.5vw;
    background-repeat: no-repeat;
    background-position: center 2vw;font-size: 3.5vw; line-height:26.5vw;}
}

/* = animate
------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px){
nav#teamnav{position:fixed;z-index:10; top:-77px;}
nav#teamnav li a{padding: 10px 0 14px;background-position: center 31px,center;background-size: 12px, auto; font-size:14px; line-height:1.4em;}
nav#teamnav li a:hover{background-position: center 34px,center;}
}


#btn .btn{ border:none; background:none;}
.alert{ width:94%; margin:0 auto; padding:5vh 0;}

.fadein_up{ visibility:hidden;}
.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/* sp area btn */
.sp_area_btn,
.sp_calendar_btn{ display:none;}
#search .area .modal_close,
#search .calendar .modal_close{ display:none;}



/* = datepicker
------------------------------------------------------------------------------------------*/
.ui-datepicker{ width:100%;}
.ui-datepicker-title{ background: #00a3bc;
    color: #fff;
    font-size: 22px;
    line-height: 1em;
    padding: .5em;
    position: relative;
    text-align: center;
    width: 100%;
    margin:0 !important;}
.ui-datepicker .ui-datepicker-header{ padding:0;}
.ui-widget.ui-widget-content{ border:none; padding:0; border-radius:0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{ z-index:10; background: #fff;
    border-radius: 20px;
    color: #00a3bc;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
    padding: .4em 1.4em .3em;
    position: absolute;
    top: calc(50% - 8px - .35em);
    text-align: center;
    display:block;
    width:13%;}
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after{content: "";
    position: absolute;
    top: calc(50% - 4.5px);

    right: .7em;
    width: 4px;
    height: 4px;
    border: 2px solid;
    transform: rotate(-45deg);}
.ui-datepicker .ui-datepicker-next{ right:7px;}
.ui-datepicker .ui-datepicker-prev{ left:7px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{text-indent: inherit; margin-left:-14px;}
.ui-datepicker .ui-datepicker-next:after{border-color: transparent #00a3bc #00a3bc transparent;
    right: 7px;}
.ui-datepicker .ui-datepicker-prev:after{border-color: #00a3bc transparent transparent #00a3bc;
    left: 7px;}
.ui-datepicker .ui-datepicker-title{ font-size:15px; font-weight:300;}
.ui-datepicker .ui-datepicker-title span{ font-size:16px; font-weight:300;}
.ui-datepicker .ui-datepicker-title span.ui-datepicker-month{ font-size:22px;}
.ui-widget-header .ui-icon{ background-image:none;}
.ui-datepicker th{background: #dedede;
    color: #000;
    font-size: 12px;
    line-height: 1em;
    text-align: center;
    padding: .5em;
    width: 14.28%;
    border-collapse: separate;}
.ui-datepicker th span{ font-weight:300;}
.ui-state-default, .ui-widget-content .ui-state-default{display: block;
    background: #eaeaea;
    color: #000;
    font-size: 16px;
    line-height: 1em;
    text-align: center;
    padding: 15px 0;
    border:none;}
.ui-datepicker table{border-collapse: separate; background: #f2f2f2;}
.ui-datepicker td{ padding:0;}
.ui-datepicker th:nth-child(7){color: #00a3bc;}
.ui-datepicker th:nth-child(1){color: #e90000;}
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background-color: #dde7f0;}
td.ui-datepicker-week-end:first-child a.ui-state-default{
  background-color: #f9e2e2;}
.ui-widget{font-family: inherit;}
.ui-icon{width: auto;
    height: auto;}
@media all and (-ms-high-contrast: none){
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{ margin-top:-5px; overflow:visible;}
.ui-datepicker .ui-datepicker-title{ padding-top:14px !important;}
}
@media only screen and (max-width: 768px){
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{ width:22%;}
}



@media only screen and (max-width: 768px){
.sp_area_btn,
.sp_calendar_btn{ display:block; background-repeat:no-repeat; background-size:100%; background-position:center; background-color:#00a3bc; width:49%; height:40vw; }

.sp_area_btn{ background-image:url(../images/sp_area_btn.png);float:left;}
.sp_calendar_btn{ background-image:url(../images/sp_calendar_btn.png); float:right;}

#search{ margin-bottom:25px;}
#search .area h3{ font-size:18px; line-height:1em; padding:15px 0; color:#fff; font-weight:bold;}
#search .calendar h3{ font-size:18px; line-height:1em; padding:15px 0; color:#fff; font-weight:bold; background-color:#00a3bc; text-align:center;}

#search .calendar .month-heading .left-link,
#search .calendar .month-heading .right-link{ background-color:#00a3bc; color:#fff;}
#search .calendar .month-heading .left-link::after{border-color: #fff transparent transparent #fff;}
#search .calendar .month-heading .right-link::after{border-color:transparent #fff #fff transparent;}


#search .area,
#search .calendar{position:fixed;z-index:98; right:-100vw; top:0;  width:0; transition: .4s; overflow:hidden;}
#search form.flatp{ width: 100%; display: block; background-color: transparent; border: 0; padding: 0;}
#search .area.active,
#search .calendar.active{ right:0; width:100%; background-color:#fff;}
#search .area .modal_close:hover,
#search .calendar .modal_close:hover{ cursor:pointer;}

#search .area h3{ left:0; top:0;}
#search .area .area_wrap,
#search .calendar .calendar_wrap{ position:relative; z-index:20;overflow-y: auto; height:100vh;}

#search .calendar .calendar_wrap .calendar-link{ width:94%; margin:0 auto;}

#search .area .modal_close,
#search .calendar .modal_close { position:absolute; top:0; left:0; z-index:30; display:block;  }

#search .area .modal_close a,
#search .calendar .modal_close a{color:#fff;height: 50px; line-height: 50px; padding:0 20px; font-size:14px;}

}



.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{ background:#00a3bc;}

/* login box */
#login_box{ background-color:#fff; border-radius:10px; padding:15px 40px 25px;}
#login_box h2{ color:#e85298; font-size:22px; font-weight:bold; position:relative; margin-bottom:18px;}
#login_box h2 i{ position:relative; top:12px;}
#login_box h2 i img{ width:60px;}
#login_box .vali_box{ color:#cc0000; line-height:1.5em; font-size:16px; font-weight:bold; border:1px solid #cc0000; padding:10px; margin-bottom: 10px;}
#login_box form p{ text-align:left; font-weight:bold; margin-bottom:2px;}
#login_box form input{ background-color:#eee; border-radius:5px; width:100%; padding:16px; margin-bottom:14px; font-size:16px;}
#login_box form .send{ background-color:#f06ba9; color:#fff; font-size:16px;}
#login_box a{ display:block; color:#3399cc; font-size:14px;}
@media screen and (max-width: 768px) {
#login_box{ padding:10px;}
#login_box h2{ font-size:17px;}
#login_box .vali_box{ font-size:13px;}
#login_box form p{ font-size:14px; line-height:1.4em;}
#login_box form .send{ font-size:14px;}
}


/*colorbox*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#00a3bc;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:1px; overflow:visible; margin-bottom:0;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:transparent; height:initial;}
        #cboxLoadingGraphic{background:url(../images/loader.svg) no-repeat center center; background-size:50px;}
        #cboxLoadingOverlay{background:#00a3bc;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:50px; height:100%; position:absolute; top:-10px; right:-17px; background:url(../images/controls.jpg) no-repeat 0 0;}
        /*
        #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;}
        */
        #cboxClose:hover{ opacity:1;}


@media screen and (max-width: 768px) {
#cboxContent{ margin-right:0; margin-bottom:50px;}
#cboxClose{ right:0; top:inherit; bottom:-54px; height: 45px; right:-8px;}
}


/* フラットピッカー*/
.flatpickr-wrapper{ display:block;}
.flatpickr-current-month{ padding:1px 0 0 0; line-height:1.5em; display: flex; justify-content: center; align-items: center;}
.dayContainer{ width:100%; min-width:100%;}
.cur-year {
    order: 1;
    font-weight:bold !important;
    padding: 0 !important;
}
.cur-month {
    order: 2;
    margin-left: -5px !important;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after{ display:none;}

@media all and (-ms-high-contrast: none){
.cur-month{ margin-left: 11px !important;}
.flatpickr-current-month .numInputWrapper{ width:9ch;}
.flatpickr-day.inRange{ box-shadow:0px 0px 0px #e6e6e6, 0px 0px 0px #e6e6e6; margin:1px -12px 0px; padding:0 12px;}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange{ margin:1px 0 0; padding:0;}
.flatpickr-day{ flex-basis:12.28%;}
}
.cur-month:before  {
     content: "年 ";
     position:relative;
     left:-8px;
     z-index: 10;
}
@media screen and (max-width: 768px) {
.flatpickr-calendar.static{top: inherit; bottom: calc(100% + 2px);}
.flatpickr-calendar,
.flatpickr-rContainer{ width:100% !important;}
.flatpickr-days{ width:100% !important;}
.flatpickr-day{ max-width: 14.2857143%;}
.cur-year{ border:none !important; padding:0 !important; font-size:18px !important; line-height:1.5em !important;}
.cur-month:before{ left:-12px;}
}


/* エリアセレクト */
.select_area{ background: #fff; overflow-y: hidden; height: 50px; padding: 0 1em; width: 100%; cursor:pointer;}
@media screen and (max-width: 768px) {
.select_area{ border-radius: 3px!important; height: 40px; font-size: 16px;}
}

/* エラーメッセージ */
form.cmxform label.error, label.error,.error { color:#CC0000; display: block; margin-bottom: 14px; font-size:14px; font-weight:bold; line-height:1.5em; text-align:left;}

/* レスポンシブ時input内共通フォントサイズ */
@media screen and (max-width: 768px) {
textarea,
input{ font-size:16px !important;}
}

/* slickのdots */
.slick-dots > li:first-child:last-child {
    display: none;
}

/* 記事下部 */
.link_box{ border: 1px solid #ddd; padding: 20px 30px; margin-bottom:40px;}
.link_box h4{ text-align:center; border-bottom:4px solid #ffcc00; padding-bottom:8px; font-size:22px; font-weight:bold; line-height:1.5em;}
.link_box ul{}
.link_box li{ border-bottom: 1px solid #ddd;}
.link_box li a{ display:table; padding:1vw; background-color:#fff; color: #002040; font-size:18px; font-weight:bold; line-height:1.5em;}
.link_box li img{ display:table-cell; width:100%;}
.link_box li p{ display:table-cell; vertical-align:middle; width:95%; padding-left:14px;}
.link_box li a:hover{ background-color:#f9f9f9;}
@media screen and (max-width: 768px) {
.link_box{ padding:14px; margin-bottom:20px;}
.link_box h4{ border-bottom:2px solid #ffcc00; padding-bottom:4px; font-size:16px; text-align:left;}
.link_box li p{ width:90%;}
.link_box li a{ font-size:16px; padding:3vw;}
}

/* banner */
.bnr_area{width: 94%; max-width: 1400px; margin: 0 auto 30px;}
.bnr_area img{ width:100%;}

.bnr_area .slick-dots li button:before{ color:#888; opacity:0.5;}
.bnr_area .slick-dots li.slick-active button:before{ color:#00a3bc; opacity:1;}
.bnr_area .slick-dots{ bottom:0;}

.in_bnr{width: 100%;  margin: 0 auto 40px;}
.in_bnr img{ width:100%;}
@media screen and (max-width: 768px) {
.bnr_area{ margin-bottom:10px!important;}
.in_bnr{ width:94%; margin-bottom:20px;}
}