@charset "utf-8";
/* Author: Hosaka */
/* ---------------------------------------------------
	common
------------------------------------------------------ */
html {overflow: auto;}

body {font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-display: swap; font-size: 18px;overflow-x: hidden;}
.android body {font-size: 16px;}

#wrapper {width: 100%; margin: 0 auto; overflow: hidden;}

.container {width: 100%; max-width: 1200px; margin: 0 auto;}
.container:after {content: ""; clear: both; display: block;}

a {-webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s;}
a:link, a:visited {color: #333; text-decoration: none;}
a:hover, a:visited {color: #333; text-decoration: none;}
a:hover {opacity: .7;}

img {max-width: 100%; height: auto; line-height: 1; vertical-align: bottom;}
img.max {width: 100%;}

p {line-height: 1.8; margin: 0;}

h1,h2,h3,h4,h5,h6,ul,ol {margin: 0; padding: 0;}

.flexbox {display: flex; flex-wrap: wrap; align-items: top; justify-content: space-between;}
.flexbox.start {justify-content: flex-start;}
.flexbox.mid {align-items: center;}
.flexbox.center {justify-content: center;}
.flexbox.reverse {flex-direction: row-reverse;}

.flL {float: left;}
.flR {float: right;}

.taL {text-align: left;display: block;}
.taC {text-align: center;display: block;}
.taR {text-align: right;display: block;}

.rel {position: relative;}

.mincho {font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.gothic {font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.w20 {width: 20%;}
.w30 {width: 30%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w1200 {max-width: 1200px;}

.txt-lll { font-size: 1.375em; }

.txt-ll { font-size: 1.25em; }

.txt-l { font-size: 1.125em; }

.txt-s { font-size: 0.875em; }

.txt-ss { font-size: 0.75em; }

.txt-sss { font-size: 0.625em; }

.pc-only {display: block !important;}
.sp-only {display: none !important;}
.pc-block {display: block !important;}
.sp-block {display: none !important;}
.pc-inline {display: inline !important;}
.sp-inline {display: none !important;}

.tcol-red {
  color: #b52b2d;
}

.tcol-orange {
  color: orangered;
}

.tcol-yellow {
  color: orange;
}

.tcol-green {
  color: darkgreen;
}

.tcol-blue {
  color: blue;
}

.tcol-purple {
  color: purple;
}


.underline {/*text-decoration: underline; */border-bottom: 2px solid;}

.bold {font-weight: bold;}

.inline-block {display: inline-block;}
.block {display: block;}

.js-slider .slick-list:focus:before {border: 0;}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1024px) {
  .acms-hide-visually-lg {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0);}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  html:has(body.is_smart) {overflow: auto;}
}

@media screen and (max-width: 767px) {
  html {overflow: inherit;}
  
	body {}
	.container {max-width: 100%;}
	p {line-height: 1.4;}
	.w1200 {width: auto;}
	.pc-only {display: none !important;}
	.sp-only {display: block !important;}
	.pc-block {display: none !important;}
	.sp-block {display: block !important;}
	.pc-inline {display: none !important;}
	.sp-inline {display: inline !important;}
	.pc-hidden {display: block !important;}
  
  .is-locked {/*overflow: auto;*/}
}

/* ---------------------------------------------------
	bg-change
------------------------------------------------------ */
/*.bg-change01 { background-color: #FFF;}
.bg-change02 { background-color: #000;}
.bg-change03 { background-color: #00F;}*/

/* ---------------------------------------------------
	font-size-change
------------------------------------------------------ */
/*.is-fs-m {font-size: 120%;}
.is-fs-l {font-size: 140%;}*/

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

#header {width: 100%; position: relative; padding: 25px 0 35px; box-sizing: border-box;}
#header .h-logo {display: flex; justify-content: center; align-items: center; margin: 0 auto;}
#header .h-logo a {display: block; text-decoration: none;}
#header .h-logo .sitelogo {display: inline-block; margin-right: 25px;}
#header .h-logo .site-tit {display: inline-block;}
#header .h-logo .site-tit p {font-size: 20px; font-size: 1.111em; letter-spacing: 0.05em; margin-bottom: 10px; line-height: 1; padding-left: 3px; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#header .h-logo .site-tit h1 {font-size: 30px; letter-spacing: -0.05em; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#header .h-logo .site-tit h1 span {font-size: 46px; letter-spacing: -0.1em;}

#header .sns-btn {position: absolute; top: 20px; right: 20px;}
#header .sns-btn ul {display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0; list-style: none;}
#header .sns-btn ul li { margin: 0 0 0 10px; padding: 0;}

@media screen and (max-width: 767px) {
    #header {width: 100%; position: relative; padding: 60px 10px 10px;}
    #header .h-logo {display: flex; justify-content: center; align-items: center; margin: 10px auto;}
    #header .h-logo a {display: flex; justify-content: center; align-items: center; text-decoration: none; margin: 0 auto;}
    #header .h-logo .sitelogo {display: inline-block;/* width: 20%;*/ width: 50%; margin-right: 10px;}
    #header .h-logo .site-tit {display: inline-block; width: 80%; padding-right: 10px;}
    #header .h-logo .site-tit p {font-size: 12px; letter-spacing: 0.05em; margin-bottom: 5px; padding-left: 0;}
    #header .h-logo .site-tit h1 {font-size: 15px; letter-spacing: -0.05em; white-space: nowrap;}
    #header .h-logo .site-tit h1 span {font-size: 23px}

    #header .sns-btn {display: none;}

    #header .site-header {border: none; background: #222; max-height: 50px;}
    #header .site-header a {color: #FFF;}
    #header .nav-menu-btn {height: 50px; padding: 10px 5px;}
    #header .nav-menu-btn-text {color: #FFF; font-size: 18px;}
    #header .icon-toggle-menu {background-color: #FFF;}
    #header .icon-toggle-menu:before {background-color: #FFF;}
    #header .icon-toggle-menu:after {background-color: #FFF;}
    #header [aria-expanded=true] .icon-toggle-menu {background: transparent;}
    #header .nav-menu-action {padding: 10px 5px;}
    #header .nav-menu-action-item {width: 40px; height: 30px;}
}

/* ---------------------------------------------------
	gnavi
------------------------------------------------------ */
.navbar>ul {float: none;}
.gnavi {display: block; text-align: center;}
.gnavi.fixed {position: fixed; top: 0; left: 0; width: 100%; background: #FFF; z-index: 5000; border-bottom: 1px solid #999;}
.gnavi .navbar > ul {display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin: 0 auto; width: 100%; max-width: 1200px;}
.gnavi .navbar > ul > li {margin: 0; float: none; width: 100%; border-right: 1px dotted #000;}
.gnavi .navbar > ul > li:last-child {border-right: none;}
.gnavi .navbar > ul > li > a {padding: 20px 0; border-bottom: none; font-size: 22px; font-weight: 400;}
.gnavi .navbar > ul > li > a:hover {border-bottom: none;}
.gnavi .navbar > ul > li > a[href=""] {}
.gnavi .navbar > ul > li > a[href=""]:hover {opacity: 1; pointer-events: none;}
.gnavi .navbar > ul > li > ul {width: 100%;}
.gnavi .navbar > ul > li > ul > li {width: 100%; background: #EEEEEE; border-top: 1px solid #000;}
.gnavi .navbar > ul > li > ul > li a {color: #000; background: #EEEEEE; position: relative; padding-left: 30px; font-weight: 400;}
.gnavi .navbar > ul > li > ul > li a:before {content: ""; display: inline-block; width: 9px; height: 15px; position: absolute; top: 50%; left: 10px; margin-top: -8px; background: url("../images/header/ico-h-nav-arrow@2x.png") no-repeat left center; background-size: cover;}
.gnavi .navbar > ul > li > ul > li a:hover {color: #000; background: #EEEEEE;}
.navbar li a {border-top: none;}

@media screen and (max-width: 767px) {
    .mobile-navbar {width: 100%;}
    .mobile-navbar > div > ul {padding: 0 10px;}
    .mobile-navbar-list > li {font-weight: bold; background: #EEE; border-bottom: 5px solid #FFF;}
    .mobile-navbar-list > li .mobile-navbar-list {display: block;}
    .mobile-navbar-list > li .mobile-navbar-list > li {font-weight: normal; background: #FFF; border: none;}
}


/* ---------------------------------------------------
	btn_menu
------------------------------------------------------ */
/*.btn_menu {display: none; position: fixed; right: 0; top: 0; width: 100px; height: 100px; padding: 20px 20px 15px; cursor: pointer; text-align: center; z-index: 9999;}
.btn_menu .menu-trigger {display: inline-block; position: relative; width: 60px; height: 32px; box-sizing: border-box; transition: all .4s;}
.btn_menu .menu-trigger span {display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 3px; background-color: #002BA2;}
.btn_menu .menu-trigger span:nth-of-type(1) {top: 0;}
.btn_menu .menu-trigger.active span:nth-of-type(1) {top: 4px;}
.btn_menu .menu-trigger span:nth-of-type(2) {top: 14px;}
.btn_menu .menu-trigger span:nth-of-type(3) {bottom: 0;}
.btn_menu .menu-trigger.active {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.btn_menu .menu-trigger.active span {background-color: #FFF;}
.btn_menu .menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-35deg); transform: translateY(10px) rotate(-35deg);}
.btn_menu .menu-trigger.active span:nth-of-type(2) {-webkit-transform: translateY(0) rotate(35deg); transform: translateY(0) rotate(35deg);}
.btn_menu .menu-trigger.active span:nth-of-type(3) {opacity: 0;}
.btn_menu .menu-txt {padding-top: 10px;}
.btn_menu .menu-txt .t-menu {display: inline-block; color: #002BA2; transition: all .4s;}
.btn_menu .menu-txt .t-close {display: none; color: #FFF; transition: all .4s;}
.btn_menu .menu-txt.active .t-menu {display: none;}
.btn_menu .menu-txt.active .t-close {display: inline-block;}

@media screen and (max-width: 767px) {
.btn_menu {display: block; width: 60px; height: 60px; padding: 10px 10px 15px;}
.btn_menu .menu-trigger {width: 40px; height: 26px;}
.btn_menu .menu-trigger span {height: 2px;}
.btn_menu .menu-trigger span:nth-of-type(1) {top: 0;}
.btn_menu .menu-trigger.active span:nth-of-type(1) {top: 2px;}
.btn_menu .menu-trigger span:nth-of-type(2) {top: 12px;}
.btn_menu .menu-trigger span:nth-of-type(3) {bottom: 0;}
.btn_menu .menu-txt {padding-top: 7px; font-size: 0.75em;}
}*/

/* ---------------------------------------------------
	h-container
------------------------------------------------------ */
/*.h-container {display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #002BA2; z-index: 1500;}
.menu-box {width: 100%; width: 1200px; margin: 37vh auto 0;}
.menu-box ul {display: flex; justify-content: center; text-align: center; margin-bottom: 13vh;}
.menu-box ul li {position: relative; color: #FFF;}
.menu-box ul li:before {content: "/"; display: inline-block;}
.menu-box ul li:first-child:before {content: ""; display: none;}
.menu-box ul li a {display: inline-block; color: #FFF; padding: 0 25px;}

.menu-contact {width: 50%; max-width: 600px; margin: 0 auto;}
.menu-contact table {width: 100%; border-top: 1px solid #FFF; border-left: 1px solid #FFF;}
.menu-contact table td { border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; vertical-align: middle; text-align: center; padding: 20px 0;}
.menu-contact .f-tit { color: #FFF; font-weight: bold; padding: 10px 0;}
.menu-contact .f-tel {margin: 0px 50px;}
.menu-contact .f-tel a {display: block; color: #FFF; font-size: 2em; position: relative; padding-left: 26px; font-family: Arial, Helvetica, "sans-serif";}
.menu-contact .f-tel a:before {content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -15px; width: 23px; height: 30px; background: url(../images/header/ico-header-tel2@2x.png) no-repeat top center; background-size: cover;}
.menu-contact .f-mail {margin: 0px 20px;}
.menu-contact .f-mail a {display: flex; justify-content: center; align-items: center; background-color: #E2E911; color: #002BA2; font-size: 1.111em; font-weight: bold; text-align: center; width: 200px; height: 80px; position: relative;}
.menu-contact .f-mail a:before {content: ""; display: block; width: 20px; height: 15px; background: url(../images/header/ico-header-mail@2x.png) no-repeat top center; background-size: cover; margin-right: 10px;}

@media screen and (max-width: 767px) {
.h-container {}
.menu-box {width: 100%; width: 100%; margin: 120px auto 0;}
.menu-box ul {display: block; margin-bottom: 40px;}
.menu-box ul li {border-bottom: 1px solid #FFF;}
.menu-box ul li:before {content: ""; display: none;}
.menu-box ul li a {display: inline-block; color: #FFF; padding: 20px 0;}

.menu-contact {display: none;}
}*/


/* ---------------------------------------------------
	main-content
------------------------------------------------------ */
.acms-container {max-width: calc(100vw * (1200 / 1366)); padding-left: 0; padding-right: 0;box-sizing: border-box;}
.main-inner {max-width: 100%;}

.mainimg .slick-list {background: #333;}

.main {padding-left: 0; padding-right: 0; max-width: calc(100vw*(870 / 1366)); margin-right: calc(100vw*(30 / 1366));box-sizing: border-box;}
.side {max-width: 300px; padding-left: 0; padding-right: 0;}
.side.re {max-width: calc(100vw * (300 / 1366));}

@media screen and (max-width: 767px) {
    .acms-container{max-width: 100%;}
    .main {padding-left: calc(100vw * (10 / 375)); padding-right: calc(100vw * (10 / 375)); margin-right: 0;max-width: 100%;}
    .side {max-width: 100%; padding-left: calc(100vw * (10 / 375)); padding-right: calc(100vw * (10 / 375));}
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .side {padding-left: calc(100vw*(10 / 667)); padding-right: calc(100vw*(10 / 667));}
}

/* ---------------------------------------------------
	side-contact
------------------------------------------------------ */
.side .module-header {background: #000; border-bottom: 0; padding: 10px 0;}
.side .module-heading {text-align: center; color: #FFF;}

.module-header+.banner, .module-header+.card, .module-header+.entry-column, .module-header+.search-form, .module-header+.summary-default, .module-header+.thumbnail {margin-top: 20px;}
.side .module-content {padding: 20px 0 0;}

.side .shimekiri {display: block; border: 4px solid #D52424; text-align: center; color: #D52424; font-weight: bold; padding: 10px; margin: 10px 0;}
.side .shimekiri p {margin: 0;}
.side .shimekiri p.days {font-size: 26px;}

.side .banner img {margin: 0 auto;}

@media screen and (max-width: 767px) {
}

/* ---------------------------------------------------
	下層ページタイトル
------------------------------------------------------ */
.pagetit {width: 100%; height: 160px; position: relative; background: #FFC400; text-align: center;}
.pagetit .site-title { width: 100%; max-width: 1200px; background: #000; margin: 0 auto; font-size: 26px; font-weight: bold; line-height: 1.4; padding: 10px 0; color: #FFF; text-align: center;}
.pagetit .page-title {margin: 0; font-size: 26px; line-height: 1.2; padding: 30px 0; text-align: center; color: #000;}

@media screen and (max-width: 767px) {
.pagetit {width: 100%; height: auto;}
.pagetit .site-title { width: 100%; max-width: 100%; font-size: 16px; font-weight: bold; line-height: 1.4;}
.pagetit .page-title {margin: 0; font-size: 18px; line-height: 1.2; padding: 30px 0}
}

/* ---------------------------------------------------
	パンくず
------------------------------------------------------ */
.topicpath { background: none; width: 100%; text-align: center;}
.topicpath-list { width: 100%; padding: 0; text-align: left;}
.topicpath-item { float: none; display: inline-block; background: none; padding: 0; font-size: 15px; line-height: 1.2; font-weight: 200; }
.topicpath-item:first-child { padding: 0;}
.topicpath-item:before { display: inline-block; content: "/"; padding: 0 10px;}
.topicpath-item:first-child:before { display: inline-block; content: ""; padding: 0;}
.topicpath-link { font-size: 15px; font-weight: 200;}

@media screen and (max-width: 767px) {
}

/* ---------------------------------------------------
	pager
------------------------------------------------------ */
.pager {margin: 0 0 50px;}
.pager li, .pager a {box-sizing: border-box;}
.pager li {width: 50px; height: 50px; border: 1px solid #000; border-radius: 0; font-size: 20px; vertical-align: middle; background: #FFF;}
.pager li.prev, .pager li.next {width: 50px; height: 50px; border: none; border-radius: 0; font-size: 20px; vertical-align: middle; background: none;}
.pager li.cur {background: #A0B4B8; color: #FFF; border-radius: 0; padding: 10px;}
.pager li a {display: inline-block; width: 100%; height: 100%; vertical-align: middle; color: #000; font-size: 20px;}
.pager-link {background: #FFF; padding: 10px;}
.pager-link:active, .pager-link:focus, .pager-link:visited { color: #000;}
.pager-link:hover {background: #A0B4B8; color: #FFF; border-radius: 0; opacity: 1; }
.pager li.prev .pager-link, .pager li.next .pager-link {background: none; color: #000; }
.pager li.prev .pager-link:hover, .pager li.next .pager-link:hover {background: none; color: #000; }

.serial-nav {width: 100%; max-width: 1200px; margin: 0 auto 50px;}
.serial-nav a {display: block; padding: 15px 30px; color: #000; font-weight: bold;}
.serial-nav a:active, .serial-nav a:focus, .serial-nav a:hover, .serial-nav a:visited {color: #000;}
.serial-nav a:hover {text-decoration: none;}
.serial-nav-item a { border: 1px solid #000;}

@media screen and (max-width: 767px) {
.pager {margin: 0 0 25px;}
.pager li {margin-bottom: 10px;}
.serial-nav { display: flex; justify-content: space-between;}
.serial-nav .serial-nav-item { width: 48%;}
}

/* ---------------------------------------------------
	お問い合わせ
------------------------------------------------------ */
.contact {}
.contact-box {width: 100%; margin-bottom: 80px;}

.contact-link {margin-bottom: 40px; text-align: right;}
.contact-link a {position: relative; display: inline-block; padding: 15px 50px; border: none; color: #FFF; font-weight: bold; text-align: center; text-decoration: none; background-color: #000; box-sizing: border-box;}
.contact-link a:visited {color: #FFF;}

.contact-form, .contact-form-group {background: none; list-style: none; margin-bottom: 0 !important;}
.contact-form:last-child {margin-bottom: 40px;}
.entry-column .contact-form li {background: none; list-style: none; padding: 0;}
.entry-column .contact-form li p {margin-bottom: 0; padding: 15px; vertical-align: middle;}
.entry-column .contact-form li p.error-text {padding: 0;}
.contact-form-label {border-bottom: 1px solid #ccc;}
.contact-form-control {border-bottom: 1px solid #ccc;}
.before_speech_bubble .contact-form-label {border-bottom: 0;}
.before_speech_bubble .contact-form-control {border-bottom: 0;}
.contact-box input[type=date], .contact-box input[type=datetime-local], .contact-box input[type=datetime], .contact-box input[type=email], .contact-box input[type=month], .contact-box input[type=number], .contact-box input[type=password], .contact-box input[type=search], .contact-box input[type=tel], .contact-box input[type=text], .contact-box input[type=time], .contact-box input[type=url], .contact-box input[type=week] {padding: 5px;}
.contact-box select {min-height: 40px;}
.contact-box .acms-admin-form-radio {display: block; margin-bottom: 10px;}
.contact-box .radio-sub {display: inline-block; padding-left: 25px; margin-bottom: 10px;}
.form-btn-box {margin: 20px 10px;}
.contact-form .error-text {display: block;}

.entry-column .attention_box {background: #F00; color: #FFF; text-align: center; padding: 10px;}
.entry-column .questionnaire_box {background: rgba(255,196,0,0.3); padding: 10px; margin-top: 20px;}

.entry-column a.form-link {text-decoration: underline;}
.entry-column .address-txt {display: block; margin-bottom: 10px;}
.entry-column .col_red {color: #F00;}
.entry-column .t_bold {font-weight: bold;}
.entry-column .box_red {border: 2px solid #F00; padding: 30px 20px 40px; margin-bottom: 40px;}
.entry-column .box_attention {background-color: #F00; color: #FFF; padding: 20px 20px 30px; margin-bottom: 40px; line-height: 1.4;}
.entry-column .box_attention .heading {text-align: center; font-size: 1.15em; margin-bottom: 20px;}
.entry-column .box_attention .heading .heading-large {font-size: 1.4em;}
.entry-column .box_attention .main_content {font-weight: 300; font-size: 1.025em;}
.entry-column .box_attention .main_content .box_attention_square {border: 3px solid; padding: 10px 10px 12px; margin: 5px 0 25px;}
.entry-column .box_attention .main_content .box_attention_square.mgb_0 {margin-bottom: 0;}
.entry-column .box_attention .main_content .box_attention_square .square_content {margin-bottom: 10px;}
.entry-column .box_attention .main_content .box_attention_square .square_content:last-of-type {margin-bottom: 0;}

.entry-column hr.contact-form-control-hr {border-bottom: 1px solid #CCC; margin: 15px 0;}

/* 221226 */
.entry-column ul.contact-form + .box_attention {width: 85%; margin: 35px 0 10px auto;}
/* /221226 */

/* 230201 */
.box_attention.speech_bubble {position: relative;}
.box_attention.speech_bubble::before {content: ""; position: absolute; left: 50%; top: 0; transform: translate(-50%, -100%); border-bottom: 40px solid #F00; border-right: 20px solid transparent; border-left: 19px solid transparent;}
/* /230201 */

/* 221214 */
@media screen and (max-width: 1280px) {
	.entry-column .box_attention {font-weight: 700;}
}
/* /221214 */

@media screen and (max-width: 767px) {
.entry-column .contact-form li p {padding: 10px;}

.entry-column .box_attention .heading {text-align: left;}

/* 221214 */
.entry-column .box_attention {font-size: 0.875em;}
/* /221214 */

/* 230201 */
.entry-column .box_attention .heading {font-size: 1.2em;}
.entry-column .box_attention .heading.taC {text-align: center;}
.entry-column .box_attention .main_content {font-size: 1.1em;}
.box_attention.speech_bubble::before {border-bottom: 30px solid #F00;}
/* /230201 */
}

/* 221212 */
/* ---------------------------------------------------
	来場登録フォーム
------------------------------------------------------ */
/* [data-inside-or-outside-validator="新潟県内"].validator-result-0,
[data-inside-or-outside-validator="新潟県外"].validator-result-0 {display: block !important;}
[data-inside-or-outside-validator="新潟県内"].validator-result-,
[data-inside-or-outside-validator="新潟県外"].validator-result- {display: none !important;} */
/* /221212 */

/* 221214 */
html.is-fixed, html.is-fixed body {overflow: hidden;}

.popup {display: none;  height: 100vh;  width: 100%; max-width: 100%; background-color: rgba(0,0,0,.7); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000; padding: 3%;}
.popup .show {display: flex; justify-content: center; align-items: center; height: 100%; }
.popup .content {/*text-align: center;*/}
.entry-column .popup .content .box_attention {margin-bottom: 0;}
.popup .close-btn {position: fixed; top: 80px; right: 80px;}
.popup .close-btn a.close {color: #2A1800; background-color: #FFF; border-radius: 50%; font-size: 2em; font-weight: bold; padding: 0.125em; display: inline-block; line-height: 1; cursor: pointer; /* display: flex; */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-shadow: 0 0px 6px rgb(0 0 0 / 16%);}
.popup .close-btn a.close:hover {text-decoration: none;}
.is_tablet .popup .close-btn a.close {font-size: 2.5em; padding: 0 0.25em 0.25em;}

@media screen and (max-width: 1280px) {
	.popup .close-btn {top: 120px; right: 120px;}
}

@media screen and (max-width: 767px) {
	.popup {width: 100%; height: 100%; padding: 0; top: 0; left: 0; transform: translate(0, 0); overflow: auto;}
.popup .show {height: auto;}
	.popup .content {width: 90%;}
.entry-column .popup .content .box_attention {margin-top: 60px; margin-bottom: 20px;}
	.popup .close-btn {top: 10px; right: 10px;}
	.popup .close-btn a.close {font-size: 1.75em; width: 1em; height: 1em; padding: 0 0 0.25em 0.25em;}
}
/* /221214 */

/* ---------------------------------------------------
	suggest
------------------------------------------------------ */
/*.suggest {width: 100%;}
.suggest-box {width: 100%; max-width: 1200px; padding: 40px 0; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: nowrap; background: none;}
.suggest-box .f-address { display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center;}
.suggest-box .f-address .f-logo {width: 240px; height: 120px; margin-right: 20px;}
.suggest-box .f-address p {line-height: 1.4;}
.suggest-box .f-contact {width: 45%; max-width: 540px;}
.suggest-box .f-contact table {width: 100%; border-top: 1px solid #002BA2; border-left: 1px solid #002BA2;}
.suggest-box .f-contact table td { border-right: 1px solid #002BA2; border-bottom: 1px solid #002BA2; vertical-align: middle; text-align: center; padding: 20px;}
.suggest-box .f-contact .f-tit { color: #002BA2; font-weight: bold; padding: 10px 0;}
.suggest-box .f-contact .f-tel {}
.suggest-box .f-contact .f-tel a {display: block; color: #002BA2; font-size: 2em; position: relative; padding-left: 26px; font-family: Arial, Helvetica, "sans-serif"; pointer-events: none;}
.suggest-box .f-contact .f-tel a:before {content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -15px; width: 23px; height: 30px; background: url(../images/header/ico-header-tel@2x.png) no-repeat top center; background-size: cover;}
.suggest-box .f-contact .f-mail {}
.suggest-box .f-contact .f-mail a {display: flex; justify-content: center; align-items: center; background-color: #E2E911; color: #002BA2; font-size: 1.111em; font-weight: bold; text-align: center; width: 200px; height: 80px; position: relative;}
.suggest-box .f-contact .f-mail a:before {content: ""; display: block; width: 20px; height: 15px; background: url(../images/header/ico-header-mail@2x.png) no-repeat top center; background-size: cover; margin-right: 10px;}


@media screen and (max-width: 767px) {
.suggest-box {width: 100%; max-width: 100%; padding: 40px 0 0; display: block;}
.suggest-box .f-address { display: block; padding-bottom: 40px;}
.suggest-box .f-address .f-logo {margin: 0 auto; text-align: center; padding-bottom: 20px;}
.suggest-box .f-address p {text-align: center;}
.suggest-box .f-contact {width: 100%; max-width: 100%;}
.suggest-box .f-contact table td {padding: 10px; display: block;}
.suggest-box .f-contact .f-tel a {pointer-events: auto; margin: auto; width: 240px;}
.suggest-box .f-contact .f-mail a {width: 100%; height: 80px;}
}*/

/* ---------------------------------------------------
	summary - ienoma
------------------------------------------------------ */
ul.summary {display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(100vw * (20 / 1366));}
ul.summary::after { content: ""; display: block; width: calc( ( 100% - ( (100vw * (20 / 1366) ) * 2 ) ) / 3 );}
ul.summary li {list-style: none; box-sizing: border-box;}
ul.summary li.summary-list {padding: calc(100vw * (15 / 1366)); background: url(../images/top/top-ex-arrow.png) no-repeat right bottom/calc(100vw * (50 / 1366)); background-color: #FFF6E0; width: calc( ( 100% - ( (100vw * (20 / 1366) ) * 2 ) ) / 3 ); min-height: calc(100vw * (340 / 1366)); position: relative;}
ul.summary li.summary-list a {color: inherit; text-decoration: none;}
ul.summary li .photo {width: 100%; aspect-ratio: 4 / 3; display: flex; justify-content: center; align-items: center; background: #FFF;}
ul.summary li .photo img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
ul.summary li ul.venue-list {display: flex; margin-bottom: calc(100vw * (8 / 1366));}
ul.summary li ul.venue-list li {padding: calc(100vw * (4 / 1366)) calc(100vw * (12 / 1366)); border-radius: 0 0 calc(100vw * (10 / 1366)) calc(100vw * (10 / 1366)); font-size: calc(100vw * (10 / 1366)); font-weight: 700; width: 25%; text-align: center; color: #FFF;}
ul.summary li ul.venue-list li.venue-nagaoka {background: #4594D0; display: none;}
ul.summary li ul.venue-list li.venue-niigata {background: #EC6E82;}
ul.summary li ul.venue-list li.venue-jouetsu {background: #6EBA2C; display: none;}
ul.summary li ul.venue-list li.venue-shibata {background: #F08300; display: none;}
ul.summary li ul.venue-list li.venue-kenou {background: #C9102E;}
ul.summary li ul.event-type {display: flex; flex-wrap: wrap; gap: calc(100vw * (5 / 1366)); margin-bottom: calc(100vw * (10 / 1366)); font-size: calc(100vw * (10 / 1366));}
ul.summary li ul.event-type li {border-right: 1px solid; padding: 0 calc(100vw * (5 / 1366)) 0 0;}
ul.summary li ul.event-type li:last-of-type {border-right: none; padding-right: 0;}
ul.summary li .summary-category {font-size: calc(100vw * (12 / 1366)); border-bottom: 1px solid; margin: calc(100vw * (7.6 / 1366)) 0 calc(100vw * (6.7 / 1366));}
ul.summary li .event-company {font-size: calc(100vw * (17 / 1366)); font-weight: 700; line-height: 1.2; margin-bottom: calc(100vw * (18 / 1366));}
ul.summary li .event-pr-tit {font-size: calc(100vw * (13 / 1366)); line-height: 1.5; max-width: calc(100% - (100vw * (30 / 1366)));}
ul.summary li .instagram-link {position: absolute; right: calc(100vw*(15 / 1366)); bottom: calc(100vw*(15 / 1366));}
ul.summary li .instagram-link a img{width: calc(100vw * (30 / 1366));height: calc(100vw * (30 / 1366));}

/* exhibitor（出展者） */
ul.summary.exhibitor {margin-bottom: calc(100vw * (80 / 1366));}

/* seminar（住まいセミナー） */
ul.summary.seminar li.summary-list {background-color: #EBF5EC;}
ul.summary.seminar li.summary-list a input[type=submit]{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;background: #EC6E82;color: #fff;font-size:  calc(100vw*(15 / 1366));padding:calc(100vw*(8 / 1366)) calc(100vw*(10 / 1366));border-radius: calc(100vw*(5 / 1366));text-align: center;margin-top: calc(100vw*(10 / 1366));font-weight: 700;}
ul.summary.seminar li .photo {background: none;}
ul.summary.seminar li .photo img {/*width: auto; height: auto; max-width: 100%; max-height: 100%;*/}

/* market（ハンドメイドマルシェ） */
ul.summary.market li.summary-list {background-image: none; background-color: #F4EBF4;}
ul.summary.market li .photo {aspect-ratio: 1 / 1;}
ul.summary.market li .photo img {width: auto; height: auto; max-width: 100%; max-height: 100%;}

/* gourmet（キッチンカー広場） */
ul.summary.gourmet li.summary-list {background-image: none; background-color: #FDEEE4;}
ul.summary.gourmet li .photo img {/*width: auto; height: auto; max-width: 100%; max-height: 100%;*/}

/* bargain（オトクいちば（リフォームバーゲン）） */
ul.summary.bargain li.summary-list {background-color: #FDEEED;}
ul.summary.bargain li .photo {background: none;}
ul.summary.bargain li .photo img {/*width: auto; height: auto; max-width: 100%; max-height: 100%;*/}

/* showroom（リフォームショールーム） */
ul.summary.showroom li.summary-list {background-color: #E5F6FF;}
ul.summary.showroom li .photo {background: none;}
ul.summary.showroom li .photo img {/*width: auto; height: auto; max-width: 100%; max-height: 100%;*/}

@media screen and (max-width: 767px){
  ul.summary {display: block;}
  ul.summary::after {display: none;}
  ul.summary li {}
  ul.summary li.summary-list {padding: calc(100vw * (15 / 375)); background:#FFF6E0 url(../images/top/top-ex-arrow.png) no-repeat right bottom/calc(100vw * (50 / 375)); width:100%; min-height: calc(100vw * (340 / 375));margin-bottom: calc(100vw * (30 / 375));}

  ul.summary.seminar li.summary-list a input[type=submit]{font-size:  calc(100vw*(15 / 375));padding: calc(100vw*(10 / 375));border-radius: calc(100vw*(5 / 375));margin-top: calc(100vw*(10 / 375));}

  ul.summary li.summary-list:last-of-type{}
  ul.summary li .photo {}
  ul.summary li .photo img {}
  ul.summary li ul.venue-list {margin-bottom: calc(100vw * (8 / 375));}
  ul.summary li ul.venue-list li {padding: calc(100vw * (4 / 375)) calc(100vw * (12 / 375)); border-radius: 0 0 calc(100vw * (10 / 375)) calc(100vw * (10 / 375)); font-size: calc(100vw * (13 / 375)); font-weight: 700; width: 25%; text-align: center; color: #FFF;}
  ul.summary li ul.venue-list li.venue-nagaoka {background: #4594D0;}
  ul.summary li ul.venue-list li.venue-niigata {background: #EC6E82;}
  ul.summary li ul.venue-list li.venue-jouetsu {background: #6EBA2C;}
  ul.summary li ul.venue-list li.venue-shibata {background: #F08300;}
  ul.summary li ul.venue-list li.venue-kenou {background: #C9102E; display: none;}
  ul.summary li ul.event-type {gap: calc(100vw * (5 / 375)); margin-bottom: calc(100vw * (10 / 375)); font-size: calc(100vw * (10 / 375));}
  ul.summary li ul.event-type li {padding: 0 calc(100vw * (5 / 375)) 0 0;}
  ul.summary li ul.event-type li:last-of-type {}
  ul.summary li .summary-category {font-size: calc(100vw * (12 / 375));margin: calc(100vw * (7.6 / 375)) 0 calc(100vw * (6.7 / 375));}
  ul.summary li .event-company {font-size: calc(100vw * (17 / 375)); margin-bottom: calc(100vw * (18 / 375));}
  ul.summary li .event-pr-tit {font-size: calc(100vw * (12 / 375)); line-height: 1.5; max-width: calc(100% - (100vw * (30 / 375)));}
  ul.summary li .instagram-link {position: absolute; right: calc(100vw*(15 / 375)); bottom: calc(100vw*(15 / 375));}
  ul.summary li .instagram-link a img{width: calc(100vw * (30 / 375));height: calc(100vw * (30 / 375));}

}

/* ---------------------------------------------------
	exhibitor - ienoma
------------------------------------------------------ */
.search {margin-bottom: 80px;}
.search-box {}
.search-box ul {align-items: flex-end;}
.search-box ul li {list-style: none;}
.search-box ul li p {font-size: calc(100vw * (13 / 1366)); line-height: 1.23077; margin-bottom: calc(100vw * (8 / 1366));}
.search-box ul li select {font-size: calc(100vw * (13 / 1366)); line-height: calc(100vw * (16 / 1366)); padding: calc(100vw * (10 / 1366)) calc(100vw * (53 / 1366)) calc(100vw * (10 / 1366)) calc(100vw * (17 / 1366)); background-color: #B3B3B3; background-image: url(../images/common/arrow-bottom-select.svg); background-size: auto 100%; background-position: right center; border-radius: calc(100vw*(6 / 1366)); border: 0; width: calc(100vw * (220 / 1366)); color: #000;}
.search-box ul li select:hover {border: 0;}
.search-box ul li select::after { content: ""; display: inline-block; position: absolute; background-image: url("../images/common/arrow-bottom-select.svg"); background-repeat: no-repeat; background-size: 100%; width: calc(100vw * (16 / 1366)); height: calc(100vw * (8 / 1366)); right: 0; top: 50%; transform: translateY(-50%);}
.search-box ul li input#keyword {width: calc(100vw*(260 / 1366)); padding: calc(100vw*(9.5 / 1366)) calc(100vw*(17 / 1366)); font-size: calc(100vw*(13 / 1366)); line-height: calc(100vw*(16 / 1366));}
.search-box ul li input.btn-search-block {font-size: calc(100vw * (13 / 1366)); line-height: calc(100vw * (16 / 1366)); width: calc(100vw * (90 / 1366)); height: calc(100vw * (36 / 1366)); background: #231714; border-radius: calc(100vw * (6 / 1366)); display: flex; justify-content: center; align-items: center;}

/* ---------------------------------------------------
	footer
------------------------------------------------------ */
#footer {position: relative; width: 100%; background-color: #000; padding: 70px 0 20px;}
#footer .f-logo {display: flex; justify-content: center; align-items: center; margin: 0 auto 40px;}
#footer .f-logo a {display: block; text-decoration: none; color: #FFF;}
#footer .f-logo .sitelogo {display: inline-block; margin-right: 25px;}
#footer .f-logo .site-tit {display: inline-block;}
#footer .f-logo .site-tit p {font-size: 20px; font-size: 1.111em; letter-spacing: 0.05em; margin-bottom: 10px; line-height: 1; padding-left: 3px; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#footer .f-logo .site-tit h2 {font-size: 30px; font-size: 1.666em; letter-spacing: -0.05em; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#footer .f-logo .site-tit h2 span {font-size: 46px; letter-spacing: -0.1em;}

#footer .f-address {text-align: center; margin-bottom: 20px;}
#footer .f-address .company-name {font-size: 18px; font-size: 1em; line-height: 1.8; }
#footer .f-address .company-detail {font-size: 18px; font-size: 1em; line-height: 1.8; }
#footer .f-address .company-detail a {color: #FFF;}

#footer .f-btn {text-align: center; margin-bottom: 40px;}
#footer .f-btn ul {display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; list-style: none;}
#footer .f-btn ul li {width: 35%; max-width: 420px; margin: 0 10px;}
#footer .f-btn ul li a {display: block; border: 2px solid #FFF; border-radius: 30px; max-height: 60px; padding: 20px 0; ext-align: center; color: #FFF; width: 100%; box-sizing: border-box; line-height: 1; font-weight: 600;}
#footer .f-btn ul li a:after {content: ""; display: inline-block; width: 9px; height: 15px; margin-top: -7px; background: url("../images/footer/ico-f-arrow@2x.png") no-repeat left center; background-size: cover; vertical-align: bottom; margin-left: 30px;}

#footer .sns-btn {text-align: center; margin-bottom: 40px;}
#footer .sns-btn ul {display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; list-style: none;}
#footer .sns-btn ul li { margin: 0 5px; padding: 0;}

#footer .copyright {font-size: 15px;}

#footer .pagetop {display: none; position: fixed; right: 0; bottom: 0; z-index: 1000;}
#footer .pagetop a {display: block; width: 70px; height: 70px; background: url(../images/footer/btn-pagetop.png) no-repeat top center; background-size: cover;}
#footer .page-top-btn {width: 50px; height: 50px;}

@media screen and (max-width: 767px) {
    #footer { padding: 40px 0 20px;}
    #footer .f-logo {display: flex; justify-content: center; align-items: center; margin: 0 auto 30px; padding: 0 10px;}
    #footer .f-logo a {display: flex; justify-content: center; align-items: center; text-decoration: none; margin: 0 auto;}
    #footer .f-logo .sitelogo {display: inline-block;/* width: 20%;*/ width: 50%; margin-right: 10px;}
    #footer .f-logo .site-tit {display: inline-block; width: 80%;}
    #footer .f-logo .site-tit p {font-size: 12px; font-size: 0.666em; letter-spacing: 0.05em; margin-bottom: 5px; padding-left: 0;}
    #footer .f-logo .site-tit h2 {font-size: 15px; font-size: 0.833em; letter-spacing: -0.05em; white-space: nowrap;}
    #footer .f-logo .site-tit h2 span {font-size: 23px; font-size: 1.277em; letter-spacing: -0.05em;}

    #footer .f-address {text-align: center; margin-bottom: 20px;}
    #footer .f-address .company-detail a {color: #FFF;}

    #footer .f-btn {text-align: center; margin-bottom: 40px;}
    #footer .f-btn ul {display: block; margin: 0; padding: 0; list-style: none;}
    #footer .f-btn ul li {width: 100%; max-width: 100%; margin: 0 0 20px 0; padding: 0 10px; box-sizing: border-box;}
    #footer .f-btn ul li a {display: block; border: 2px solid #FFF; border-radius: 30px; max-height: 60px; padding: 20px 0; text-align: center; color: #FFF; width: 100%; box-sizing: border-box; font-weight: 700;}
    #footer .f-btn ul li a:after {content: ""; display: inline-block; width: 9px; height: 15px; margin-top: -7px; background: url("../images/footer/ico-f-arrow@2x.png") no-repeat left center; background-size: cover; vertical-align: bottom; margin-left: 30px;}

    #footer .sns-btn {text-align: center; margin-bottom: 40px;}
    #footer .sns-btn ul {display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; list-style: none;}
    #footer .sns-btn ul li { margin: 0 5px; padding: 0;}

    #footer .copyright {}

    #footer .pagetop a {width: 60px; height: 60px;}
}

/* SNSシェアボタン */
.share-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /*background: #999;*/
  padding: 5px;
}
.share-wrapper .share-list {
  display: inline-block;
}
.share-wrapper .share-item {
  display: inline-block;
  margin: 0 0 0 15px;
  vertical-align: top;
}
.share-wrapper .share-item a {
  color: #999;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.share-wrapper .share-item [class*=acms-icon] {
  font-size: 22px;
  vertical-align: middle;
}
.share-wrapper .share-item .share-item-facebook {
  position: relative;
  color: #1877F2;
  line-height: 1.2;
}
.share-wrapper .share-item .share-item-facebook::before {
  vertical-align: middle;
}
.share-wrapper .share-item .share-item-facebook:focus::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px dotted #333;
  content: "";
}
.share-wrapper .share-item .share-item-twitter {
  position: relative;
  color: #55ACEE;
  line-height: 1.2;
}
.share-wrapper .share-item .share-item-twitter::before {
  vertical-align: middle;
}
.share-wrapper .share-item .share-item-twitter:focus::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px dotted #333;
  content: "";
}
.share-wrapper .share-item .share-item-x{
  color: #0f1419;
}
/* .share-wrapper .share-item .share-item-x::before{
  background-image: url(../images/common/icon-x.svg);
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
} */

@media screen and (max-width: 767px), (max-width: 896px) and (orientation: landscape){

  /* .share-wrapper .share-item .share-item-x::before{
  width: 22px;
  height: 22px;    
  }   */
}