@charset "utf-8";
/* 標準可変メディア
メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
max-width: 100%; width:100%; height: auto;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
width:100%; height: auto;
}



/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {


#breadcrumbs {
text-align: right;
font-size: 0.8em;
margin: 0 0 60px;
}

#breadcrumbs2 {
width: 1200px;
text-align: right;
font-size: 0.8em;
margin: 0 auto 30px;
}

#breadcrumbs a,
#breadcrumbs2 a{
color: #e56b00;
}

body { font-size: 1.5rem;}

.wrap { width: 100%; min-width: 1200px; margin: auto; padding: 0; display: flex; flex-flow: column; min-height: 100vh;}
.w1200min { min-width: 1200px; margin: auto;}
.w1200 { width: 1200px; margin: auto;}
.w1000 { width: 1000px; margin: auto;}
.w850 { width: 850px; margin: auto;}

.w95 { width: 95%;}
.w90 { width: 90%; margin: auto;}

.pc { display: block;}
.sp { display: none;}
.pcBr { display: inline-block;}
.spBr { display: none;}

.totop { position: fixed; bottom: 50px; right: 40px; z-index: 200;}
.totop a { display: block; width: 60px;}
.totop a:hover {}
.totop a img { width: 100%; height: auto;}

.pdTB120 { padding: 120px 0;}
.pdTB80 { padding: 80px 0;}
.pdTB60 { padding: 60px 0;}
.pdTB40 { padding: 40px 0;}

main {
  width: 100%;
  min-width: 1200px;
  margin: auto;
  overflow: hidden;
}


.more a {
width: 100%;
position: relative;
font-size: 1.1rem;
font-weight: 600;
color: #333;
max-width: 260px;
margin: 0 auto;
padding: 15px 40px;
border-radius: 30px;
display: block;
background-color: transparent;
border: 1px solid #333;
box-sizing: border-box;
text-align: center;
}

.more a::before {
content: "";
display: block;
position: absolute;
right: 20px;
top: 50%;
margin-top: -2.5px;
width: 15px;
height: 5px;
background: transparent url("../images/com/icon-arrow-r.svg") no-repeat 0 0;
}





/*swiper
----------------------------------------*/
/* Arrows */
.swiper-prev,
.swiper-next {
font-size: 0;
line-height: 0;
position: absolute;
bottom: 20px;
display: block;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.swiper-prev:hover:before,
.swiper-prev:focus:before,
.swiper-next:hover:before,
.swiper-next:focus:before { opacity: 1; }

.swiper-prev:before,
.swiper-next:before {
content: "";
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid #000;
outline: none;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.swiper-prev::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: -6px;
margin-top: -2.5px;
width: 24px;
height: 5px;
background: transparent no-repeat 0 0;
background-size: auto;
background-size: contain;
background-image: url("../images/com/icon-prev.svg");
}

.swiper-next::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: -6px;
margin-top: -2.5px;
width: 24px;
height: 5px;
background: transparent no-repeat 0 0;
background-size: auto;
background-size: contain;
background-image: url("../images/com/icon-next.svg");
}

.swiper-prev { left:10px; }
.swiper-next { left: 80px; }


/* Dots */
.swiper-pagination {
position: absolute;
bottom: 20px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

.swiper-pagination span {
position: relative;
display: inline-block;
width: 10px; height: 10px;
margin: 0 3px;
padding: 0;
cursor: pointer;
}

.swiper-pagination span.swiper-pagination-bullet-active {
background: #000;
}





/*header
----------------------------------------*/
/*
header {
width: 100%;
position: fixed;
z-index: 10;
}

#header {
width: 96%;
margin:0 auto;
display: flex;
justify-content: space-between;
transition: all .3s ease;
}

#header .logo_img {
width: 340px;
margin: 65px 0 0 30px;
}

#header .g_menu{
width: calc(100% - 340px);
}

#header .g_menu .sns {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin: 15px 0 30px auto;
}
#header .g_menu .sns li {
width: 15px;
margin-right: 20px;
}

#header .g_menu .sns li:last-child {
margin-right: 0;
}

#header .g_menu .sns li a {
display: block;
}

#header .g_menu .sns li.accordion-item {
position: relative;
width: auto;
}

#header .g_menu .sns li.accordion-item .accordion-title {
cursor: pointer;
}
#header .g_menu .sns li.accordion-item .accordion-title i {
padding-right: 5px;
}

#header .g_menu .sns li.accordion-item .accordion-content {
display: none;
position: absolute;
top: 30px; right: 0;
width: 80%;
text-align: center;
z-index: 1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
#header .g_menu .sns li.accordion-item .accordion-content p {
border-bottom: 1px solid #E56B00;
background: #fff;
padding: 3px 0 5px;
}
#header .g_menu .sns li.accordion-item .accordion-content p:hover {
border-bottom: 1px solid #fff;
background: #E56B00;
}
#header .g_menu .sns li.accordion-item .accordion-content p a {
color: #E56B00;
}
#header .g_menu .sns li.accordion-item .accordion-content p:hover a {
color: #fff;
}

#header .g_menu .gnav {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
#header .g_menu .gnav li {
margin-right:30px;
position: relative;
font-weight: 500;
font-size:.75em;;
}
#header .g_menu .gnav li:last-child {
margin-right: 0;
}
#header .g_menu .gnav li a {
display: block;
}

header.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
background: #FFF;
}

header.fixed {
width: 100%;
margin:0 auto;
transition: all .3s ease;
border-bottom: 1px solid #f2f2f2;
}

header.fixed #header{
display: flex;
justify-content: space-between;
align-items: center;
padding:15px 0 20px;
box-sizing: border-box;
}

header.fixed #header .logo_img {
width: 200px;
margin:0 0 0 50px;
}

header.fixed #header .g_menu{
width: calc(100% - 200px);
}

header.fixed #header .g_menu .sns {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin: 0 0 15px auto;
}

header.fixed #header .g_menu .sns li {
width: 15px;
margin-right: 20px;
}

header.fixed #header .g_menu .sns li:last-child {
margin-right: 0;
}

header.fixed #header .g_menu .sns li a {
display: block;
}

header.fixed #header .g_menu .sns li.accordion-item {
position: relative;
width: auto;
}

header.fixed #header .g_menu .gnav {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
header.fixed #header .g_menu .gnav li {
margin-right:30px;
position: relative;
font-weight: 500;
font-size:.75em;;
}
header.fixed #header .g_menu .gnav li:last-child {
margin-right: 0;
}
header.fixed #header .g_menu .gnav li a {
display: block;
}
*/




/*footer
----------------------------------------*/
/*
footer {
width:calc(100% - 20px);
background: #a49f9a;
padding: 13.5rem 0 10rem; / *#000539* / ;
color: #FFF;
position: relative;
margin: auto;

}

footer #footer{
width: 86.4%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

footer #footer .logo_block{
width: 41%;
position: relative;
}

footer #footer .logo_block .logo_img{
width: 50%;
margin: 0 0 20px;
opacity: 0.75;
}

footer #footer .logo_block .sns{
display: flex;
flex-wrap: wrap;
}

footer #footer .logo_block .sns li{
width: 15px;
margin-right: 20px;
mix-blend-mode: soft-light;
}

footer #footer .logo_block .sns li:last-child{
margin-right: 0;
}

footer #footer .areainfo_block {
width: 52.5%;
margin-left: auto;
}

footer #footer .areainfo_block .areainfo_list{
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 1px dotted #ffffff30;
}

footer #footer .areainfo_block .areainfo_list li{
padding: 3rem 2.1rem;
border-top: 1px dotted #ffffff30;
}

footer #footer .areainfo_block .areainfo_list li a{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #FFF;
opacity: 0.6;
}

footer #footer .areainfo_block .areainfo_list li a .eng{
font-family: 'BlinkMacSystemFont';
font-weight: 700;
font-size: 1.2rem;
line-height: 1;
position: relative;
}

footer #footer .areainfo_block .areainfo_list li a .eng::before{
content: "▶";
position: absolute;
top:2px;
left: -20px;
font-size: .8rem;
line-height: 1;
}

footer #footer .areainfo_block .areainfo_list li a .jpg{
font-size: 1rem;
}


footer #footer .sub_menu{
display: flex;
flex-wrap: wrap;
font-size: 1rem;
margin: 60px 0 0;
}

footer #footer .sub_menu li{
margin-right: 15px;
}

footer #footer .sub_menu li:last-child{
margin-right: 0;
}

footer #footer .sub_menu li a{
color: #FFF;
}

footer #footer .cp{
width: 100%;
margin: 0;
font-size:1rem;
font-family: 'BlinkMacSystemFont';
font-weight: 300;
text-align: right;
}
*/

.side_sns h3 {
white-space: nowrap;
display: inline-block;
padding: 0 100px 0 0;
font-weight: 300;
position: relative;
}
.side_sns h3::after {
content: "";
width: 80px;
height: 1px;
background: #000;
position: absolute;
top: 50%;
right: 10px;
}
.side_sns ul {
list-style: none;
display: flex;
}
.side_sns ul li {
width: 20px;
margin: 0 5px 0;
transform: rotate(-90deg);
transform-origin: center center;
}
.side_sns ul li a {
display: block;
}





/*hedImg
----------------------------------------*/
.hedImg { margin: 0 0 50px; padding: 100px 0 20px; position: relative;}
.hedImg::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(240, 240, 240, 0.8);}
.hedImg .w1200min {}
.hedImg .txt { height: 120px; display: flex; justify-content: center; align-items: center;}
.hedImg .txt h2 { display: inline-block; padding: 0 20px 10px; margin-bottom: 40px; color: #000; font-family: 'Noto Serif JP', serif; font-size: 2.8rem; font-weight: 500; letter-spacing: 0.1rem; position: relative; z-index: 50;}
.hedImg .txt h2::after { content: ""; width: 100px; height: 2px; background: #000; display: inline-block; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; z-index: 50;}




#mv{
position: relative;
width: 100%;
height:calc(100vh - 10px);
padding: 10px;
box-sizing: border-box;
overflow: hidden;
margin: 0 auto 100px;
}

.slideshow {
position: relative;
width: 70%;
height:100vh;
overflow: hidden;
margin: 0 0 0 auto;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
  animation: zoomUp 7s linear 0s normal both;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}

.slideshow-image a {
display: block;
width: 100%;
height: 100vh;
background: no-repeat 50% 50%;
background-size: cover;
}

#mv .mv_txt{
position:absolute;
top:42%;
left:5%;
z-index: 10;
}

#mv .mv_txt h1{
font-weight:400;
font-size: 4rem;
line-height:1.4;
letter-spacing: .03em;
margin-bottom: 15px;
}

#mv .mv_txt h1 span{
display: block;
font-size:5.5rem;
font-weight:500;
margin-left: -10px;
}

#mv .mv_txt p{
box-sizing: border-box;
font-size: 1.2rem;
font-family: 'BlinkMacSystemFont';
font-weight: 400;
display: block;
position: relative;
letter-spacing: .05em;
}

#mv .bg_txt{
position: absolute;
bottom:3%;
left: 16%;
width: 28%;
z-index: 10;
mix-blend-mode: overlay;
}




/*contents
----------------------------------------*/
/* ==========================
  フローティングバナー（追従バナー）
========================== */
#contents .floatingBanner {
position: fixed;
width: 240px;
bottom: 150px; right: 20px;
margin: auto;
z-index: 20;
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}
#contents .floatingBanner a { display: block; transition: 0.3s; width: 100%; height: 100%; }
#contents .floatingBanner a:hover { opacity: 1; }
#contents .floatingBanner a:hover img { opacity: 1; }

#contents .bl_floatingBanner_close {
position: absolute;
top: -15px; right: -15px;
width: 30px; height: 30px;
cursor: pointer;
background: #fff;
border: 1px solid #e56b00;
border-radius: 50%;
}
#contents .bl_floatingBanner_close span {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
margin: auto;
background-color: #e56b00;
transform: rotate(45deg);
}
#contents .bl_floatingBanner_close span:nth-of-type(1) { width: 15px; height: 2px; }
#contents .bl_floatingBanner_close span:nth-of-type(2) { width: 2px; height: 15px; }



#contents .container { width: 100%; max-width: 1250px; margin: 0 auto; }
#contents .container .ttl{ font-weight: 600; font-size: 3rem; line-height: 1; display: block; width: 100%; position: relative; color: #444; font-family: 'BlinkMacSystemFont'; letter-spacing: -.02em; margin:0 0 30px; border-top: 1px solid #E56B00; padding-top: 15px; box-sizing: border-box; }
#contents .container .sub_txt{ font-size: 1.3rem; line-height: 1; letter-spacing:.2em; margin: 0 0 60px; }



#contents .news { position: relative; margin-bottom: 120px; box-sizing: border-box; }
#contents .news .container { width: 100%; max-width: 1250px; margin: 0 auto; }
#contents .news .container .ttl { position: relative; display: block; width: 100%; text-align: center; padding-bottom: 20px; margin: 0 0 20px; }
#contents .news .container .ttl img{ margin: auto; width: 25%; }
#contents .news .container .ttl::after { content: ''; width: 70%; border-bottom: 2px solid #eee; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; }
#contents .news .container .sub_txt{ font-size: 1.4rem; text-align: center; letter-spacing:.2em; margin: 0 0 40px; }
#contents .news dl { width:80%; margin: 0px auto 60px; border-top:1px solid rgba(0, 0, 0, 0.12); }
#contents .news dl .news_list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 20px 30px; margin-top: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
#contents .news dl .news_list dt { width: 15%; font-size: 1.4rem; line-height: 1; }
#contents .news dl .news_list dd { width: 80%; }
#contents .news dl .news_list dd h3 { font-size: 1.6rem; color: #E56B00; }

#contents .news .filter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 50px; padding: 20px 50px; background: #f4f4f4; }
#contents .news .filter form { width: 30%; }
#contents .news .filter form select { width: 80%; font-size: 1.2rem; padding: 10px; background: #fff; border: solid 1px #CCC; box-sizing: border-box; }
#contents .news .filter form input { width: 18%; background: #E56B00; padding: 10px 0; box-sizing: border-box; font-size: 1.2rem; border: none; color: #FFF; }

#contents .news .img { width: 60%; margin: 60px auto 0; }



#contents .topic { position: relative; margin: 60px 0; box-sizing: border-box; }

#contents .topic .container .topics_wrap {  }
#contents .topic .container .topics_wrap .topics_wrap_box { width:100%; position: relative; padding: 0 6% 0 0 !important; box-sizing: border-box; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list { margin-bottom: 30px; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li { padding:15px; box-sizing: border-box; background: #FFF; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li .img img{ border-radius: 6px; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li .txt { background: #fff; padding: 15px 10px; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li p { display: flex; flex-wrap: wrap; padding: 0 0 10px; letter-spacing: -.02em; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li p .ct { font-weight: 500; background: #e56b00; color: #fff; font-size: 1.2rem; padding: 5px; margin-right: 10px; border-radius: 5px; line-height: 1; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li p .day { color: #666; font-size: 1.2rem; width: 100%; margin-top: 5px; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li h4 { font-size: 1.4rem; font-weight: 500; line-height: 1.4; }



#contents .event { position: relative; background: rgba(0,0,0,.03); padding: 60px 0 100px; margin:0 auto; }

#contents .event .container .event_wrap{  }
#contents .event .container .event_wrap .event_wrap_box { width: 100%; position: relative; padding: 0 6% 0 0 !important; box-sizing: border-box; }
#contents .event .container .event_wrap .event_wrap_box ul { margin-bottom: 30px; }
#contents .event .container .event_wrap .event_wrap_box ul li { padding:15px; box-sizing: border-box; }
#contents .event .container .event_wrap .event_wrap_box ul li .img img{ border-radius: 6px; object-fit: cover; }
#contents .event .container .event_wrap .event_wrap_box ul .txt { padding: 15px; }
#contents .event .container .event_wrap .event_wrap_box ul .txt p { color: #666; font-size: 1.2rem; width: 100%; margin: 5px 0 10px; }
#contents .event .container .event_wrap .event_wrap_box ul .txt h4 { font-size: 1.4rem; font-weight: 500; line-height: 1.4; }
#contents .event .container .event_wrap .event_wrap_box ul .txt p.yen { font-size: 1.3rem; font-weight: 700; color: #e56b00; font-family: 'BlinkMacSystemFont'; text-align: right; }



#contents .bus { position: relative; padding: 120px 0; margin:0 auto; }

#contents .bus .container .bus_wrap { position: relative; background: #fff9f4; }
#contents .bus .container .bus_wrap .bus_wrap_box ul { }
#contents .bus .container .bus_wrap .bus_wrap_box ul li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 50px; box-sizing: border-box; }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .img { width: 50%; }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .txt { width: 45%; }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .txt h3 { font-size: 2rem; margin: 0 0 20px; color: #e56b00; }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .txt p { font-size: 1.3rem; color: #555; line-height: 2; margin: 0 0 30px; }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .txt .more a { margin: 0 0 0 auto; }

#contents .bus .container .bus_wrap .swiper-prev,
#contents .bus .container .bus_wrap .swiper-next { top: -40px; bottom: auto; }
#contents .bus .container .bus_wrap .swiper-prev { right: 70px; left: auto; }
#contents .bus .container .bus_wrap .swiper-next { right: 20px; left: auto; }



#contents .banner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; max-width: 1250px; margin: 0 auto; }
#contents .banner figure { width: 28%; margin: 0px 20px; }



#contents .youtube { position: relative; box-sizing: border-box; padding: 100px 0 150px; width: calc(100% - 20px); margin: auto; }

#contents .youtube .swiper-container { padding: 0 6% 0 0 !important; box-sizing: border-box; }
#contents .youtube ul { margin-bottom: 60px; }
#contents .youtube ul li { padding:15px; box-sizing: border-box; }
#contents .youtube ul li h4 { margin-top: 5px; font-size: 1.2rem; font-weight:500; }
#contents .youtube .more a { display: none; }
#contents .youtube .more a.btn { display: block; }

/*高さを制限しているコンテンツの要素*/
#contents .youtube .container { position: relative; height: 240px; overflow: hidden; transition: .4s; }
/*グラデーションで隠す擬似要素*/
#contents .youtube .container:before {
content: "";
position: absolute;
bottom: 0; left: 0;
width: 100%; height: 100px;
background: linear-gradient(0deg, rgb(255, 255, 255) 30%, rgba(255,255,255,0.7) 100%);
transition: .4s;
z-index: 2;
}
/*クラス付与時のスタイル*/
#contents .youtube .container button.botton { position: absolute; right: 0px; left: 0px; bottom: 0px; margin: auto; cursor: pointer; font-size: 1.4rem; font-weight: 900; color: #e56b00; background: none; border: none; z-index: 3; }
#contents .youtube .container.active { overflow: inherit; }
#contents .youtube .container.active:before { opacity: 0; visibility: hidden; }
#contents .youtube .container.active button.botton { display: none; }



#contents .shop { position: relative; background: rgba(0,0,0,.03); padding: 60px 0 100px; margin:0 auto; }

#contents .shop .container .shop_wrap .shop_wrap_box { width:100%; position: relative; }
#contents .shop .container .shop_wrap .shop_wrap_box ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
#contents .shop .container .shop_wrap .shop_wrap_box ul li { width: 32%; margin-bottom: 30px; padding:15px; box-sizing: border-box; background: #FFF; }
#contents .shop .container .shop_wrap .shop_wrap_box ul li:nth-child(4),
#contents .shop .container .shop_wrap .shop_wrap_box ul li:nth-child(5),
#contents .shop .container .shop_wrap .shop_wrap_box ul li:nth-child(6) { margin-bottom: 0; }
#contents .shop .container .shop_wrap .shop_wrap_box ul li .img img { border-radius: 6px; object-fit: cover; height: 300px; }
#contents .shop .container .shop_wrap .shop_wrap_box ul .txt { padding: 15px; }
#contents .shop .container .shop_wrap .shop_wrap_box ul .txt p.yen { font-size: 1.3rem; font-weight: 700; color: #e56b00; font-family: 'BlinkMacSystemFont'; text-align: right; }
#contents .shop .container .shop_wrap .shop_wrap_box ul .txt h4 { font-weight: bold; }

/*高さを制限しているコンテンツの要素*/
#contents .shop .container { position: relative; height: 250px; overflow: hidden; transition: .4s; }
/*グラデーションで隠す擬似要素*/
#contents .shop .container:before {
content: "";
position: absolute;
bottom: 0; left: 0;
width: 100%; height: 100px;
background: linear-gradient(0deg, rgb(247, 247, 247) 30%, rgba(247, 247, 247, 0.7) 100%);
transition: .4s;
z-index: 1;
}
/*クラス付与時のスタイル*/
#contents .shop .container button.botton { position: absolute; right: 0px; left: 0px; bottom: 0px; margin: auto; cursor: pointer; font-size: 1.4rem; font-weight: 900; color: #e56b00; background: none; border: none; z-index: 1; }
#contents .shop .container.active { overflow: inherit; }
#contents .shop .container.active:before { opacity: 0; visibility: hidden; }
#contents .shop .container.active button.botton { display: none; }





/*sns_link
----------------------------------------*/
#sns_link .cont01 { padding: 50px 0; }
#sns_link .cont01 .box1 .logo { width: 30%; margin: 0 auto 30px; }
#sns_link .cont01 .box1 p { text-align: center; }

#sns_link .cont01 .box2 { margin: 50px auto; }
#sns_link .cont01 .box2 ul { width: 85%; margin: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
#sns_link .cont01 .box2 ul li { width: 20%; margin-top: 50px; position: relative; padding: 20px 30px; }
#sns_link .cont01 .box2 ul li .corner01::before {
content: '';
width: 20px;
border-top: 3px solid #e56b00;
position: absolute;
top: 0; right: 0;
transition: 0.3s;
}
#sns_link .cont01 .box2 ul li .corner01::after {
content: '';
height: 20px;
border-right: 3px solid #e56b00;
position: absolute;
top: 0; right: 0;
transition: 0.3s;
}

#sns_link .cont01 .box2 ul li .corner02::before {
content: '';
width: 20px;
border-top: 3px solid #e56b00;
position: absolute;
bottom: 0; left: 0;
transition: 0.3s;
}
#sns_link .cont01 .box2 ul li .corner02::after {
content: '';
height: 20px;
border-left: 3px solid #e56b00;
position: absolute;
bottom: 0; left: 0;
transition: 0.3s;
}


#sns_link .cont01 .box2 ul li:hover .corner01::before { top: -5px; right: -5px; transition: 0.3s; }
#sns_link .cont01 .box2 ul li:hover .corner01::after { top: -5px; right: -5px; transition: 0.3s; }

#sns_link .cont01 .box2 ul li:hover .corner02::before { bottom: -5px; left: -5px; transition: 0.3s; }
#sns_link .cont01 .box2 ul li:hover .corner02::after { bottom: -5px; left: -5px; transition: 0.3s; }


#sns_link .cont01 .banner { width: 60%; margin: 50px auto 0; }




/*LP
----------------------------------------*/
#lp .cont01 { padding: 50px 0; }
#lp .cont01 ul { display: flex; justify-content: flex-start; flex-wrap: wrap;}
#lp .cont01 ul li { width: calc( ( 100% - 60px ) / 3 ); margin: 0 30px 50px 0; box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);}
#lp .cont01 ul li:nth-child(3n+3) { margin-right: 0;}
#lp .cont01 ul li .txt { padding: 15px 20px;}
#lp .cont01 ul li .txt h5 { padding: 0 0 5px; font-size: 1.4rem; color: #999; }
#lp .cont01 ul li .txt h4 { font-weight: bold; }
#lp .cont01 ul li .txt p.yen { font-size: 1.4rem; font-weight: bold; text-align: right; color: #e56b00;  margin-top: 10px; padding: 10px 0 0; border-top: 1px dotted #e56b00; }

#lp .cont01 .box { background: #F0F0F0; padding: 30px; margin-top: 50px; box-sizing: border-box; }
#lp .cont01 .box h3 { font-size: 1.8rem; margin: 0 0 20px; padding-bottom: 10px; font-weight: bold; color: #e56b00; border-bottom: 1px dashed #e56b00; }
#lp .cont01 .box p { font-size: 1.4rem; }




/*カスタム投稿
----------------------------------------*/
.tax-region .hedImg,
.tax-newscategory .hedImg,
.single-newscategory .hedImg { background: url(../images/news/hedImg.png) center/cover no-repeat;}

.post-type-archive-news .hedImg,
.single-news .hedImg { background: url(../images/news/hedImg.png) center/cover no-repeat;}

.post-type-archive-shopping .hedImg,
.single-shopping .hedImg { background: url(../images/shopping/hedImg.png) center/cover no-repeat;}

.post-type-archive-experience .hedImg,
.single-experience .hedImg { background: url(../images/experience/hedImg.png) center/cover no-repeat;}

.post-type-archive-hotel .hedImg,
.single-hotel .hedImg { background: url(../images/hotel/hedImg.png) center/cover no-repeat;}

.post-type-archive-info .hedImg,
.single-info .hedImg { background: url(../images/info/hedImg.png) center/cover no-repeat;}

.post-type-archive-whatsnew .hedImg,
.single-whatsnew .hedImg { background: url(../images/whatsnew/hedImg.png) center/cover no-repeat;}


.post-type-archive-news .filter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 50px 0 80px; padding: 20px 50px; background: #f4f4f4; }
.post-type-archive-news .filter form { width: 30%; }
.post-type-archive-news .filter form select { width: 80%; font-size: 1.2rem; padding: 10px; background: #fff; border: solid 1px #CCC; box-sizing: border-box; }
.post-type-archive-news .filter form input { width: 18%; background: #E56B00; padding: 10px 0; box-sizing: border-box; font-size: 1.2rem; border: none; color: #FFF; }




/*archive
----------------------------------------*/
.archive .news_map { position: relative; width: 90%; margin: 0 auto 50px; padding: 50px; box-sizing: border-box; background: #f4f1ee; border-radius: 30px; }
.archive .news_map h2 { font-family: 'Noto Serif JP', serif; font-size: 2.4rem; letter-spacing: 0.2rem; margin: 0 0 50px; padding-bottom: 20px; text-align: center; border-bottom: 1px solid #ccc; color: #aa8c6e; }
.archive .news_map .img { width: 40%; margin: 0 auto; }

.archive .term_list { width: 90%; display: flex; flex-wrap: wrap; margin: 0 auto 100px; }
.archive .term_list li { width: calc(100% / 6); font-size: 1.2rem; text-align: center; line-height: 1; }
.archive .term_list li a { display: block; padding: 20px 10px; box-sizing: border-box; background: #eaeaea; position: relative; }
.archive .term_list li a::after { content: ''; border: 1px solid #fff; width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; transition: all .3s ease; }
.archive .term_list li a:hover { background: #e56b00; color: #fff; }
.archive .term_list li a:hover::after { content: ''; width: 95%; height: 75%; }



.archive .cont01 { padding: 50px 0; }
/*.archive .cont01 section { margin: 0 0 50px;}*/
.archive .cont01 main { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.archive .cont01 main::after { content: ''; display: block; width: 32%; }
.archive .cont01 main section { width: 32%; margin: 0 0 50px 0; }
.archive .cont01 main section figure { margin: 0; }
.archive .cont01 main section figure img { object-fit: cover; height: 200px; }
/*.archive .cont01 main section .img img { object-fit: cover; height: 200px; }*/
.archive .cont01 main section .txt { padding: 20px; }
.archive .cont01 main section .txt h3 { color: #333; font-size: 1.6rem; font-weight: 400; margin: 0 0 20px; }
.archive .cont01 main section .txt time { color: #666; font-size: 1.3rem; text-align: right; }
.archive .cont01 main section .txt p.day { color: #666; font-size: 1.2rem; text-align: right; }
.archive .cont01 main section .txt p.yen { font-size: 1.4rem; font-weight: 700; color: #e56b00; font-family: 'BlinkMacSystemFont'; text-align: right; margin-bottom: 10px; }

.archive #pager_navigation { width: 100%; text-align: center; font-size: 1.4em; }
.archive #pager_navigation .page-numbers { border: 1px solid #e56b00; padding: 5px 10px; margin: 0 3px; border-radius: 3px; font-size: 1.6rem; }
.archive #pager_navigation .page-numbers.current { border: 1px solid #000; }
.archive #pager_navigation .page-numbers.next,
.archive #pager_navigation .page-numbers.prev { display: none; }
.archive #pager_navigation a { color: #e56b00; }


.archive .hyogo-fieldpavilion p.read { width: 100%; text-align: center; font-size: 0.9em; font-weight: 900; line-height: 2; margin-bottom: 100px; }
.archive .hyogo-fieldpavilion .map { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 100px; }
.archive .hyogo-fieldpavilion .map .bg { width: 60%; position: absolute; top: -15%; left: -5%; opacity: 0.1; z-index: -1; }
.archive .hyogo-fieldpavilion .map .txt { width: 45%; }
.archive .hyogo-fieldpavilion .map .txt h3 { font-size: 3rem; margin-bottom: 50px; color: #e56b00; }
.archive .hyogo-fieldpavilion .map .txt p { font-size: 1.6rem; font-weight: 900; line-height: 2.2; }
.archive .hyogo-fieldpavilion .map .img { width: 40%; }

.archive .hyogo-fieldpavilion .filter { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 50px; }
.archive .hyogo-fieldpavilion .filter form { width: 40%; }
.archive .hyogo-fieldpavilion .filter form select { width: 80%; font-size: 1.3rem; padding: 10px; background: #fff; border: solid 1px #CCC; box-sizing: border-box; }
.archive .hyogo-fieldpavilion .filter form input { width: 18%; background: #E56B00; padding: 10px 0; box-sizing: border-box; font-size: 1.2rem; border: none; color: #FFF; }

.archive .hyogo-fieldpavilion .iconbox { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 20px; }
.archive .hyogo-fieldpavilion .iconbox p { margin-left: 20px; font-size: 1.2rem; }
.archive .hyogo-fieldpavilion .iconbox p img { width: 40px; margin-right: 5px; }

.archive .hyogo-fieldpavilion .articles_index { border: 1px solid #F3F3F3; }

.archive .hyogo-fieldpavilion .articles_index .articles_index_thumbnail { position: relative; overflow: hidden; }
.archive .hyogo-fieldpavilion .articles_index .articles_index_thumbnail .area { position: absolute; top: 0; left: 0; padding: 5px 15px; font-size: 1.4rem; color: #fff; background: #e56b00; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
.archive .hyogo-fieldpavilion .articles_index .articles_index_thumbnail .img { position: absolute; top: 5px; right: 5px; display: flex; flex-wrap: wrap; z-index: 1; }
.archive .hyogo-fieldpavilion .articles_index .articles_index_thumbnail .img img { width: 40px; height: 40px; margin-right: 5px; }

.archive .hyogo-fieldpavilion .articles_index .txt { padding: 15px; border-top: 1px solid #e56b0073; }
.archive .hyogo-fieldpavilion .articles_index .txt .area { margin-bottom: 10px; padding: 4px 10px; font-size: 1.2rem; color: #fff; background: #a49f9a; display: inline-block; }
.archive .hyogo-fieldpavilion .articles_index .txt h3 { margin: 0; }
.archive .hyogo-fieldpavilion .articles_index .txt h3 a { color: #333; font-size: 1.4rem; font-weight: 500; }




/*archive goodsList
----------------------------------------*/
.goodsList { list-style: none; padding: 50px 0 10px; display: flex; flex-wrap: wrap;}
.goodsList li { width: calc( ( 100% - 60px - 80px ) / 4); padding: 0 0 0 20px; margin: 0 20px 20px 0; box-sizing: border-box; position: relative;}
.goodsList li:nth-child(4n+4) { margin-right: 0;}
.goodsList li .new { position: absolute; top: -20px; left: 0px; width: 40px; height: 40px; background: rgba(255,192,0,1.0); display: flex; justify-content: center; align-items: center; font-size: 1.2rem; font-weight: 400; border-radius: 40px; z-index: 50;}
.goodsList li .txt { background: rgba(255,255,255,0.9); padding: 10px; box-sizing: border-box; margin: 0;}
.goodsList li .txt h3 { font-size: 1.8rem; margin: 0 0 10px; font-weight: 500;}
.goodsList li .txt p { font-size: 1.2rem; margin: 0 0 10px;}
.goodsList li .txt .btn { text-align: right;}
.goodsList li .txt .btn a { font-size: 1.2rem; color: #000;}
.goodsList li .txt .btn a::after { content: "▲"; color: rgba(255,192,0,1.0); display: inline-block; transform: rotate(90deg); margin-left: 5px;}




.pagination { clear: both; padding: 20px 0; position: relative; font-size: 14px; line-height: 14px; text-align: center;}
.pagination-box { display: inline-block;}
.pagination span,
.pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 10px 15px 10px 15px; text-decoration: none; width: auto; color: #fff; background: #e56b00;}
.pagination a:hover { color: #333; background: rgba(229,107,0,0.3);}
.pagination .current { padding: 10px 15px 10px 15px; color: #333; background: rgba(229,107,0,0.3);}



.error404 {}
.error404 .hedImg { background: url("../images/404/hedImg.png")}

.error404 .cont01 {}
.error404 .cont01 .w1200 {}
.error404 .cont01 .w1200 h3 { font-size: 6.0rem; margin: 0 0 10px;}
.error404 .cont01 .w1200 h4 { font-size: 2.0rem; margin: 0 0 30px;}
.error404 .cont01 .w1200 p { font-size: 1.8rem; margin: 0 0 50px;}
.error404 .cont01 .w1200 p.btn { text-align: left; margin: 20px 0 0; font-size: 1.4rem;}
.error404 .cont01 .w1200 p.btn a { display: inline-block; font-weight: 400; background: #e56b00; padding: 2px 40px; border-radius: 20px; color: #FFF; border: solid 1px #e56b00;}
.error404 .cont01 .w1200 p.btn a:hover { background: #FFF; color: #e56b00;}



.searchBox {}
.searchBox .cont01 { padding: 100px 0 100px;}
.searchBox .cont01 .w1200 { text-align: center;}
.searchBox .cont01 .w1200 .txt { margin: 0 0 30px; font-size: 1.6rem;}
.searchBox .cont01 .w1200 table { margin: 0 auto;}
.searchBox .cont01 .w1200 .search-field { font-size: 2.0rem; width: 300px; padding: 10px;}
.searchBox .cont01 .w1200 .search-submit { font-size: 1.6rem; letter-spacing: 0.5rem; padding: 10px; border: none; padding: 0 50px; height: 48px; margin-left: 20px;}




.searchList {}
.searchList .cont01 { padding: 50px 0 100px;}
.searchList .cont01 .w1200 {}
.searchList .cont01 .w1200 .msg { font-size: 2.2rem; font-weight: 700; margin: 0 0 30px; text-align: center;}
.searchList .cont01 .w1200 .mainArea-list { list-style: none; border-bottom: dotted 1px #333;}
.searchList .cont01 .w1200 .mainArea-list li { margin: 0 0 30px;}
.searchList .cont01 .w1200 .mainArea-list li .textArea { padding: 20px; border-top: dotted 1px #333;}
.searchList .cont01 .w1200 .mainArea-list li .textArea .title { margin: 0 0 10px;}
.searchList .cont01 .w1200 .mainArea-list li .textArea .title a { color: #333; text-decoration: underline;}
.searchList .cont01 .w1200 .mainArea-list li .textArea .m-category { display: none;}
.searchList .cont01 .w1200 .mainArea-list li .textArea .title { padding: 5px 0 5px;}




/*single
----------------------------------------*/
.single #update { margin: 20px 10% 20px; font-size: 1.5rem; }
.single .cont_all {  }
.single .cont_all .mokuji { width: 80%; margin: 0 auto 80px; display: block; }
.single .cont_all .mokuji.spBr { display: none; }
.single .cont_all .wp-block-group__inner-container { position: sticky; position: -webkit-sticky; top: 100px; }
.single .cont_all .wp-block-group__inner-container .wp-element-caption { color: #ffa14e; }
.single .cont_all .mokuji h3 { display: none; font-size: 2.0rem; font-weight: 600; letter-spacing: 0.2rem; color: #000; margin: 0 0 25px; padding: 5px 10px; border-top: 2px solid #000;}
.single .cont_all .mokuji p { display: none; }

.single .cont_all .mokuji .box { padding: 50px 60px; box-sizing: border-box; background: rgba(0,0,0,.03); border-radius: 20px; }
.single .cont_all .mokuji .box ul.list01 { list-style: none; margin: 0 0 0 5px; }
.single .cont_all .mokuji .box ul.list01 li { padding: 0 0 5px 25px; position: relative; margin: 0 0 20px; border-bottom: 1px solid #000; }
.single .cont_all .mokuji .box ul.list01 li:last-child { margin-bottom: 0; }
.single .cont_all .mokuji .box ul.list01 li::before { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 1px; left: 10px; color: #e56b00; }
.single .cont_all .mokuji .box ul.list01 li a { font-size: 0.9em; font-weight: 500; color: #333; display: block; }
.single .cont_all .mokuji .box ul.list01 li a:hover { color: #999; }

.single .cont_all .mokuji .box ul.list02 { list-style: none; margin: 0 0 30px 10px; }
.single .cont_all .mokuji .box ul.list02 li { padding-left: 20px; position: relative; margin: 0 0 10px; display: flex; justify-content: space-between;}
.single .cont_all .mokuji .box ul.list02 li span { display: inline-block; margin-right: 20px;}
.single .cont_all .mokuji .box ul.list02 li a { display: inline-block; padding: 0px 20px; background: #e56b00; color: #FFF; font-size: 1.2rem; font-weight: 500; border-radius: 3px;}






.single .cont_all .main { margin: 0 auto; box-sizing: border-box; }
.single .cont_all .main .cont_com { width: 80%; padding: 100px 0 0px; margin: -100px auto 100px; }
.single .cont_all .main .cont_com:first-child { width: 100%; padding: 0 0 30px; margin: 0 auto 100px; border-bottom: 1px solid #ccc; }
.single .cont_all .main .header { margin: 0 0 20px; position: relative; }
.single .cont_all .main .header h1 { font-family: 'Noto Serif JP', serif; font-size: 3.4rem; font-weight: 800; letter-spacing: 0.2rem; border-top: 2px solid #000; padding-top: 15px; }
.single .cont_all .main .header h2 { font-family: 'Noto Serif JP', serif; font-size: 2.4rem; letter-spacing: 0.2rem; margin: 0 0 30px; padding: 15px 20px; background: #a49f9a; color: #fff; text-align: center; }
/*.single .cont_all .main .header h2::before { content: ""; width: 200px; height: 5px; background: #e56b00; position: absolute; top: 0; left: 0; }
.single .cont_all .main .header h2::after { content: ""; width: 100%; height: 3px; background: #e56b00; position: absolute; top: 0; left: 0;}*/
.single .cont_all .main .header p { font-family: 'Noto Serif JP', serif; font-size: 1.8rem; font-weight: 500; }
.single .cont_all .main .img { width: 100%; margin: 0 0 30px; }
.single .cont_all .main .txt { width: 100%; margin: 0 0 50px; }
.single .cont_all .main figure { width: 100%; margin: 0 0 30px; }
.single .cont_all .main .cont_com:first-child figure { width: 100%; margin: 0 auto 50px; }

.single .cont_all .main .img:nth-last-child(1) { margin: 0 0 0; }
/*.single .cont_all .main .txt:nth-last-child(1) { margin: 0 0 0;}*/

.single iframe { width: 100%; }
.single .cont_all .main .txt h4 { font-size: 2.4rem; font-weight: 600; padding-bottom: 10px; margin: 0 0 30px; border-bottom: dotted 2px #CCC;}
.single .cont_all .main .txt h5 { font-size: 1.8rem; font-weight: 600;}
.single .cont_all .main .txt p { font-size: 1.4rem; font-weight: 500; line-height: 180%;}
.single .cont_all .main .info > * { background: rgba(229,107,0,0.2); padding: 30px; display: flex; border: 4px solid #e56b00;}
.single .cont_all .main .info a { color: #00F;}
.single .cont_all .main .info h4 { font-size: 2.0rem; width: 120px; color: #e56b00;}
.single .cont_all .main .info .access { border-left: solid 4px #e56b00; padding-left: 30px; font-size: 1.6rem; flex: auto;}
.single .cont_all .main .info .access p { margin-top: 0; font-size: 1.6rem; font-weight: 600;}
.single .cont_all .main .info .access p:nth-child(n+2) { margin-top: 10px;}
.single .cont_all .main .massage { padding: 30px; position: relative;}
.single .cont_all .main .massage::before { content: ""; width: 100px; height: 100px; border-left: solid 1px #999; border-top: solid 1px #999; position: absolute; top: 0; left: 0; z-index: -1;}
.single .cont_all .main .massage::after  { content: ""; width: 100px; height: 100px; border-right: solid 1px #999; border-bottom: solid 1px #999; position: absolute; bottom: 0; right: 0; z-index: -1;}
.single .cont_all .main .massage h3 { font-size: 2.4rem; font-weight: 600; margin-bottom: 20px;}
.single .cont_all .main .massage .txt { margin-bottom: 30px;}
.single .cont_all .main .massage .txt p { font-size: 1.8rem; font-weight: 400; margin-bottom: 10px;}
/*.single .cont_all .main .massage .member { display: flex; margin: 0 0 20px; background: #EEE;}*/
.single .cont_all .main .massage .member > * { display: flex; margin: 0 0 20px; background: #EEE;}
.single .cont_all .main .massage .member:nth-last-of-type(1) { margin-bottom: 0;}
.single .cont_all .main .massage .member .pict { width: 150px; padding: 20px 0;}
.single .cont_all .main .massage .member .buyerimg { padding: 20px 0 20px 20px;}
.single .cont_all .main .massage .member .introduction { flex:1; padding: 20px; width: 510px; box-sizing: border-box; flex-basis: 510px;}
.single .cont_all .main .massage .member .introduction h4 { margin: 0 0 10px; font-size: 1.8rem;}
.single .cont_all .main .massage .member .introduction p { font-size: 1.6rem;}



.single .cont_all .main .btnB { text-align: center; margin: 0 0 30px;}
.single .cont_all .main .btnB a { display: inline-block; padding: 15px 0; background: rgba(229,107,0,1.0); color: #FFF; width: 90%; font-size: 2.0rem; font-weight: 500; border-radius: 5px;}
.single .cont_all .main .btn { display: inline-block;}
.single .cont_all .main .btn a { display: inline-block; padding: 4px 30px; background: rgba(229,107,0,1.0); color: #FFF; font-size: 1.4rem; font-weight: 500; border-radius: 5px;}

.single .snsBox { width: 820px; padding: 0 30px; margin: 0 0 20px; box-sizing: border-box; /*display: flex;*/ }
/*.single .snsBox a { width: 8%; text-align: center; color: #fff; font-size: 2.6rem; }
.single .snsBox .sns__twitter { background: #55acee; }
.single .snsBox .sns__facebook { background: #3b5998; }
.single .snsBox .sns__line { background: #1dcd00; }*/
.single .line_banner { width: 220px; margin: 0 0 100px 30px; box-sizing: border-box; }



/* fieldpavilion */
.single .fieldpavilion {  }
.single .fieldpavilion .wp-block-bsb-slider { width: 1000px; margin: auto; }
.single .fieldpavilion .wp-block-bsb-slider .bsbButtonDesign button { background: rgba(240, 240, 240, 0.4)!important; }


/* ① スライダー自身と各スライド要素を 500px 高さにする */
.single .fieldpavilion .wp-block-gallery,
.single .fieldpavilion .wp-block-gallery .swiper-slide {
height: 650px;
width: 90%;
}

/* ② 画像は枠いっぱいに収め、はみ出す部分をトリミング */
.single .fieldpavilion .wp-block-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 非アクティブは半透明にしたい場合は下記を併用（任意） */
.single .fieldpavilion .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 0.4;
}
/* ギャラリー専用のスコープを付けておくと他の Swiper に影響しません */
.single .fieldpavilion .swiper-pagination-bullet-active {
  opacity: 1;
}


.single .fieldpavilion .wp-block-vk-blocks-slider-item { margin: 0 0.8%; }
.single .fieldpavilion table { width: 1000px !important; border-top: solid 1px #CCC; margin: 50px auto 100px; font-size: 1.4rem; }
.single .fieldpavilion table td:first-child { width: 20%; padding: 20px 30px; border-bottom: solid 1px #CCC; box-sizing: border-box; vertical-align: middle; font-weight: 900; }
.single .fieldpavilion table td { padding: 20px 30px; border-bottom: solid 1px #CCC; }
.single .fieldpavilion table td mark { font-style: normal; }
.single .fieldpavilion table td a { border-bottom: 1px solid #e56b00; color: #e56b00; }


.single .fieldpavilion table.spec { border: #000 solid 1px; }
.single .fieldpavilion table h3.spec { position: relative; font-size: 32px; font-weight: bold; padding: 30px; }
.single .fieldpavilion table.spec td { padding: 20px; border-bottom: #000 dashed 1px; }
.single .fieldpavilion table .flex_spac { display: flex; align-items: center; }

.single .fieldpavilion table .flex_spac .ttl_box { width: 25%; }
.single .fieldpavilion table .flex_spac .ttl_box h4.spec { font-size: 16px; margin-right: 2em; }

.single .fieldpavilion table .flex_spac .txt_box { width: 75%; font-size: 1.4rem; font-weight: 500; }
.single .fieldpavilion table .flex_spac .txt_box ul.spec li {
list-style-type: disc;
list-style-position: inside;
text-indent: -1em;
padding-left: 1em;
margin-bottom: 15px;
font-weight: 500;
line-height: 1.8;
}
.single .fieldpavilion table .flex_spac .txt_box ul.spec li:last-child { margin-bottom: 0px; }
.single .fieldpavilion table .flex_spac .txt_box .btn_gm a { display: inline-block; border-radius: 50px; margin-top: 20px; padding: 10px 40px; border: 1px solid #e56b00; }

.single .fieldpavilion table .flex_spac .txt_box iframe { width: 80%; height: 300px; font-size: 16px; font-weight: 500; display: block; margin-top: 10px; padding: 0; }
.single .fieldpavilion table .flex_spac .txt_box span { font-size: 1.4rem !important; }


.single .fieldpavilion .vk_slider .swiper-button-next,
.single .fieldpavilion .vk_slider .swiper-button-prev { background: none!important; }
.single .fieldpavilion .vk_slider .swiper-button-next::after,
.single .fieldpavilion .vk_slider .swiper-button-prev::after { font-size: 4rem!important; color: #fff!important; }

.single .fieldpavilion iframe { height: 500px; padding: 0 5%; box-sizing: border-box; }




.swiper-button-next,
.swiper-rtl .swiper-button-prev { right: 50px !important; left: auto;}
.swiper-button-prev,
.swiper-rtl .swiper-button-next { left: 70px !important; right: auto;}

.swiper-button-next,
.swiper-button-prev {
 color: #999 !important;
}



/*info
---------------------*/
.info .w1000 dl {
padding: 10px;
margin: 0 auto;
clear: both;
}

.info .w1000 dl dt {
float: left;
width: 15%;
padding: 5px;
box-sizing: border-box;
clear: both;
}

.info .w1000 dl dd {
float: right;
width: 85%;
padding: 5px;
box-sizing: border-box;
}

.info .w1000 dl dd a {
display: block;
color: #e56b00;
}

.info .w1000 .info_tit{
font-family: 'Noto Serif JP', serif;
font-size: 3.0rem;
font-weight: 800;
letter-spacing: 0.2rem;
margin: 0 0 15px;
}

.info .w1000 .info_day{
text-align: right;
margin: 0 0 30px;
}

.info .w1000 .info_photo{
width: 100%;
margin: 0 auto 60px;
}

.info .w1000 .info_txt{
margin: 0 auto 60px;
line-height: 2;
}

.info .w1000 h1 a {
display: block;
background: #e56b00;
padding: 15px;
box-sizing: border-box;
color: #fff;
}
.info .w1000 h1 a:hover {
box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.info .w1000 .info_url{
background: #F0F0F0;
padding: 15px;
box-sizing: border-box;
margin: 0 auto 120px;
text-align: center;
}

.info .w1000 .info_url a{
color: #e56b00;
}

.info .w1000 #pager_navigation { width: 100%; text-align: center; font-size: 1.4em; margin: 50px 0; }
.info .w1000 #pager_navigation a { color: #e56b00; }
.info .w1000 #pager_navigation a i { color: #333; padding-left: 5px; }



/*whatnew
---------------------*/
.archive .cont06 { padding: 50px 0;}
.archive .cont06 .listwrap { display: flex; justify-content: flex-start; flex-wrap: wrap;}

.archive .cont06 .listwrap .listbox {
width: 28%;
padding: 0;
box-sizing: border-box;
position: relative;
border: 2px solid #e56b00;
margin: 0 1.5% 4%;
}


.archive .cont06 .listwrap .listbox .img {
width: 100%;
position: relative;
}

.archive .cont06 .listwrap .listbox .txt {
background: rgba(255, 255, 255, 0.9);
padding: 10px;
box-sizing: border-box;
margin: 0;
}


.archive .cont06 .listwrap .listbox .txt .ct_wrap{
display: flex;
flex-wrap: wrap;
align-content: center;
}

.archive .cont06 .listwrap .listbox .txt .ct_wrap .ct{
display: inline-block;
background: #e56b00;
color: #FFF;
text-align: center;
padding: 0 10px;
font-size: 0.8em;
z-index: 1;
border-radius: 3px;
margin: 0 5px 10px;
}

.archive .cont06 .listwrap .listbox .txt .timedata {
display: inline-block;
padding: 5px;
line-height: 1;
background: #000;
color: #FFF;
font-size: 0.8em;
}


.archive .cont06 .listwrap .listbox .txt a{
color: #111;
}

.archive .cont06 .listwrap .listbox .txt h3 {
font-size: 1.6rem;
margin: 10px 0 10px;
font-weight: 800;
line-height: 1.6em;
}

.archive .cont06 .listwrap .listbox .txt p {
font-size: 1.2rem;
margin: 0 0 10px;
}


.categories{
display: flex;
flex-wrap: wrap;
align-content: center;
}

.categories .ct{
display: inline-block;
background: #e56b00;
color: #FFF;
text-align: center;
padding: 0 10px;
font-size: 0.9em;
z-index: 1;
border-radius: 3px;
margin: 0 5px 10px;
}


.category_date {
display: flex;
flex-wrap: wrap;
align-content: center;
}

.category_date .ct{
display: inline-block;
background: #e56b00;
color: #FFF;
text-align: center;
padding: 0 10px;
font-size: 0.9em;
z-index: 1;
border-radius: 3px;
margin: 0 5px 10px;
}
.category_date .ct a{
color: #FFF;
}

.articles_index .date {
color: #333;
font-size: 1.4rem;
text-align: right;
}


.news_ct_wrap {
display: flex;
flex-wrap: wrap;
align-content: center;
}

.news_ct_wrap .ct{
display: inline-block;
background: #e56b00;
color: #FFF;
text-align: center;
padding: 0 10px;
font-size: 0.9em;
z-index: 1;
border-radius: 3px;
margin: 0 5px 80px !important;
}
.news_ct_wrap .ct a{
color: #FFF;
}

}


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


/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

body { font-size: 1.4rem;}


#breadcrumbs {
width: 100%;
font-size: 0.8em;
margin: 0 auto 30px;
padding: 0 35px;
box-sizing: border-box;
}

#breadcrumbs2 {
width: 100%;
text-align: right;
font-size: 0.8em;
padding: 0 20px;
box-sizing: border-box;
margin: 0 auto 30px;
}

#breadcrumbs a,
#breadcrumbs2 a{
color: #e56b00;
}


.wrap { width: 100%; margin: auto; padding: 0; display: flex; flex-flow: column; min-height: 100vh;}
.w1200 { width: 100%; margin: auto;}
.w1000 { width: 100%; margin: auto;}
.w850 { width: 100%; margin: auto;}

.w95 { width: 95%; margin: auto;}
.w90 { width: 90%; margin: auto;}

.pc { display: none;}
.sp { display: block;}
.pcBr { display: none;}
.spBr { display: inline-block;}

.totop { position: fixed; bottom: 40px; right: 20px; z-index: 30;}
.home .totop { bottom: 110px; }
.totop a { display: block; width: 40px;}
.totop a:hover {}
.totop a img { width: 100%; height: auto; }

.pdTB60 { padding: 10% 0;}
.pdTB40 { padding: 6% 0;}


.more a {
width: 100%;
position: relative;
font-size: 1rem;
font-weight: 500;
color: #333;
max-width: 220px;
margin: 0 auto;
padding: 15px 20px;
border-radius: 30px;
display: block;
background-color: transparent;
border: 1px solid #333;
box-sizing: border-box;
text-align: center;
}

.more a::before {
content: "";
display: block;
position: absolute;
right: 20px;
top: 50%;
margin-top: -2.5px;
width: 15px;
height: 5px;
background: transparent url("../images/com/icon-arrow-r.svg") no-repeat 0 0;
}



/*swiper
----------------------------------------*/
/* Arrows */
.swiper-prev,
.swiper-next {
font-size: 0;
line-height: 0;
position: absolute;
bottom: 60px;
display: block;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}

.swiper-prev:hover:before,
.swiper-prev:focus:before,
.swiper-next:hover:before,
.swiper-next:focus:before { opacity: 1; }

.swiper-prev:before,
.swiper-next:before {
content: "";
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid #000;
outline: none;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.swiper-prev::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: -6px;
margin-top: -2.5px;
width: 24px;
height: 5px;
background: transparent no-repeat 0 0;
background-size: auto;
background-size: contain;
background-image: url("../images/com/icon-prev.svg");
}

.swiper-next::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: -6px;
margin-top: -2.5px;
width: 24px;
height: 5px;
background: transparent no-repeat 0 0;
background-size: auto;
background-size: contain;
background-image: url("../images/com/icon-next.svg");
}

.swiper-prev { left: 20px; }
.swiper-next { left: 80px; }


/* Dots */
.swiper-pagination {
position: absolute;
bottom: 20px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

.swiper-pagination span {
position: relative;
display: inline-block;
width: 10px; height: 10px;
margin: 0 3px;
padding: 0;
cursor: pointer;
}

.swiper-pagination span.swiper-pagination-bullet-active {
background: #000;
}




/*header 常時
----------------------------------------*/
/*
#header {
height: 60px;
padding: 0 0;
background: #FFFFFF;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
z-index: 1000;
}

#header .logo_img {
width: 30%;
position: absolute;
left: 10px;
}

#header .g_menu .sns {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin-right: 20px;
}
#header .g_menu .sns li {
width: 15px;
margin-right: 12px;
}
#header .g_menu .sns li:last-child {
margin-right: 0;
}
#header .g_menu .sns li a {
display: block;
}

#header .g_menu .sns li.accordion-item {
position: relative;
width: 100%;
}

#header .g_menu .sns li.accordion-item .accordion-title {
cursor: pointer;
}
#header .g_menu .sns li.accordion-item .accordion-title i {
padding-right: 5px;
}

#header .g_menu .sns li.accordion-item .accordion-content {
display: none;
position: absolute;
top: 30px; right: 0;
width: 100%;
text-align: center;
z-index: 1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
#header .g_menu .sns li.accordion-item .accordion-content p {
border-bottom: 1px solid #E56B00;
background: #fff;
padding: 5px 0 7px;
}
#header .g_menu .sns li.accordion-item .accordion-content p:hover {
border-bottom: 1px solid #fff;
background: #E56B00;
}
#header .g_menu .sns li.accordion-item .accordion-content p a {
color: #E56B00;
}
#header .g_menu .sns li.accordion-item .accordion-content p:hover a {
color: #fff;
}

#header .g_menu .gnav {
display: none;
}

header .spbutton {
width: 60px;
height: 60px;
background: #E66B00;
position: relative;
padding: 20px 15px;
box-sizing: border-box;
cursor: pointer;
z-index: 200;
}
header .spbutton .menu-trigger {
position: relative;
width: 30px;
height: 20px;
}
header .spbutton .menu-trigger, header .spbutton .menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
header .spbutton .menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #FFF;
border-radius: 3px;
}
header .spbutton .menu-trigger span:nth-of-type(1) {
top: 0;
}
header .spbutton .menu-trigger span:nth-of-type(2) {
top: calc(100% / 2 - 1px);
}
header .spbutton .menu-trigger span:nth-of-type(3) {
bottom: 0;
}
header.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}
*/


/*header 展開時
----------------------------------------*/
/*
header .spbutton .menu-trigger.active span:nth-of-type(1) {
transform: translateY(9px) rotate(-45deg);
}
header .spbutton .menu-trigger.active span:nth-of-type(2) {
left: 50%;
opacity: 0;
}
header .spbutton .menu-trigger.active span:nth-of-type(3) {
transform: translateY(-10px) rotate(45deg);
}
*/


/*sp menu 常時
----------------------------------------*/
/*
header .header-inner {
display: none;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100%;
margin: 0;
background: #FFF;
z-index: 100;
box-sizing: border-box;
}
header .header-inner .spMenu {
width: 80%;
margin: 15vh auto 15vh;
height: 70vh;
overflow: scroll;
}
*/


/*sp menu 展開時
----------------------------------------*/
/*
header .header-inner .spMenu ul:nth-of-type(1) {
padding: 0 0 30px;
}
header .header-inner .spMenu ul:nth-of-type(1) li {
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #e56b00;
}
header .header-inner .spMenu ul:nth-of-type(1) li a {
font-size: 1.4rem;
}
header .header-inner .spMenu ul:nth-of-type(2) li {
margin-bottom: 10px;
}
header .header-inner .spMenu ul:nth-of-type(2) li a {
color: #e56b00;
font-size: 1.2rem;
}

#header .header-inner .spMenu .sns {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
#header .header-inner .spMenu .sns li {
width: 15px;
margin-right: 20px;
}
#header .header-inner .spMenu .sns li:last-child {
margin-right: 0;
}
*/




/*footer
----------------------------------------*/
/*
footer {
background: #a49f9a;
padding: 30px 0 90px;
color: #FFF;
position: relative;
margin: auto;

}

footer #footer{
width: 90%;
margin: 0 auto;
}

footer #footer .logo_block{
position: relative;
}

footer #footer .logo_block .logo_img{
width: 60%;
margin: 0 auto 20px;
opacity: 0.75;
}

footer #footer .logo_block .sns{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

footer #footer .logo_block .sns li{
width: 20px;
margin-right: 25px;
mix-blend-mode: soft-light;
}

footer #footer .logo_block .sns li:last-child{
margin-right: 0;
}

footer #footer .areainfo_block {
display: none;
}


footer #footer .sub_menu{
display: none;
}

footer #footer .cp{
width: 100%;
margin: 30px 0 0;
font-size:1rem;
font-family: 'BlinkMacSystemFont';
font-weight: 300;
text-align: center;
}
*/




/*hedImg
----------------------------------------*/
.hedImg { padding: 0 0 0; position: relative; }
.hedImg::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(240, 240, 240, 0.8);}
.hedImg .w1200min {}
.hedImg .txt { height: 120px; display: flex; justify-content: center; align-items: center;}
.hedImg .txt h2 { display: inline-block; padding: 15px 20px; color: #000; font-family: 'Noto Serif JP', serif; font-size: 2.4rem; font-weight: 500; letter-spacing: 0.1rem; position: relative; z-index: 50;}
.hedImg .txt h2::after { content: ""; width: 80px; height: 2px; background: #000; display: inline-block; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; z-index: 50;}




#mv{
position: relative;
width: 100%;
height:calc(45vh - 70px);
padding: 10px;
box-sizing: border-box;
overflow: hidden;
margin: 0 auto 20px;
}

#mv .mv_txt{
position:absolute;
top: 20%;
left: 5%;
z-index: 10;
text-shadow: 0px 0px 5px rgb(255, 255, 255);
}

#mv .mv_txt h1{
font-weight:500;
font-size: 1.8rem;
line-height:1.4;
letter-spacing: .03em;
margin-bottom: 15px;
}

#mv .mv_txt h1 span{
display: block;
font-size:2.6rem;
font-weight:600;
margin-left: -10px;
}

#mv .mv_txt p{
box-sizing: border-box;
font-size: 1.2rem;
font-family: 'BlinkMacSystemFont';
font-weight: 400;
display: block;
position: relative;
letter-spacing: .05em;
}

#mv .slideshow {
position: relative;
width: 100%;
height: calc(45vh - 70px);
overflow: hidden;
margin: 0 0 0 auto;
}
#mv .slideshow a::after {
content: '';
background: rgba(255, 255, 255, 0.2);
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
}

#mv .slideshow-image {
width: 100%;
height: 100%;
-webkit-animation-name: kenburns;
animation-name: kenburns;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 30s;
animation-duration: 30s;
opacity: 1;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
  animation: zoomUp 7s linear 0s normal both;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}

#mv .slideshow-image a {
display: block;
width: 100%;
height: calc(45vh - 70px);
background: no-repeat 50% 50%;
background-size: cover;
}

#mv .bg_txt{
position: absolute;
bottom: 7%;
right: 5%;
width: 40%;
z-index: 10;
mix-blend-mode: overlay;
}




/*contents
----------------------------------------*/
/* ==========================
  フローティングバナー（追従バナー）
========================== */
#contents .floatingBanner {
position: fixed;
width: 70%;
bottom: 10px; right: 0; left: 0;
margin: auto;
z-index: 10;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}
#contents .floatingBanner a { display: block; transition: 0.3s; width: 100%; height: 100%; }
#contents .floatingBanner a:hover { opacity: 1; }
#contents .floatingBanner a:hover img { opacity: 1; }

#contents .bl_floatingBanner_close {
position: absolute;
top: -15px; left: -15px;
width: 30px; height: 30px;
cursor: pointer;
background: #fff;
border: 1px solid #e56b00;
border-radius: 50%;
}
#contents .bl_floatingBanner_close span {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
margin: auto;
background-color: #e56b00;
transform: rotate(45deg);
}
#contents .bl_floatingBanner_close span:nth-of-type(1) { width: 15px; height: 2px; }
#contents .bl_floatingBanner_close span:nth-of-type(2) { width: 2px; height: 15px; }



#contents .menu_btn { position: relative; margin: 0 0 20px; box-sizing: border-box; padding: 0 10px; }
#contents .menu_btn ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#contents .menu_btn ul li { width: 49%; }
#contents .menu_btn ul li a {
position: relative;
display: block;
margin: 0 auto 10px;
padding: 12px 20px;
font-size: 1.2rem;
font-weight: 600;
text-align: center;
border: 2px solid #e56b00;
border-radius: 5px;
color: #e56b00;
box-sizing: border-box;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}



#contents .container { width: 100%; max-width: 1250px; margin: 0 auto; }
#contents .container .ttl { font-weight: 600; font-size: 2rem; line-height: 1; display: block; width: 100%; position: relative; color: #444; font-family: 'BlinkMacSystemFont'; letter-spacing: -.02em; margin:0 0 15px; border-top: 1px solid #E56B00; padding-top: 15px; box-sizing: border-box; }
#contents .container .sub_txt { font-size: 1.2rem; letter-spacing:.2em; margin: 0 0 30px; }



#contents .news { position: relative; margin-bottom: 80px; box-sizing: border-box; padding: 0 10px; }
#contents .news .container { width: 100%; max-width: 1250px; margin: 0 auto; }
#contents .news .container .ttl { position: relative; display: block; width: 100%; text-align: center; padding-bottom: 20px; margin: 0 0 20px; }
#contents .news .container .ttl img{ margin: auto; width: 55%; }
#contents .news .container .ttl::after { content: ''; width: 80%; border-bottom: 2px solid #eee; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; }
#contents .news .container .sub_txt{ font-size: 1.2rem; letter-spacing:.2em; text-align: center; margin: 0 0 15px; }

#contents .news dl { margin: 0px auto 30px; border-top:1px solid rgba(0, 0, 0, 0.12); }
#contents .news dl .news_list { padding: 0 10px 15px; margin-top: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
#contents .news dl .news_list dt { display: block; font-size: 1.4rem; line-height: 1; margin-bottom: 10px; }
#contents .news dl .news_list dd { display: block; }
#contents .news dl .news_list dd h3 { font-size: 1.6rem; color: #E56B00; }
#contents .news .container figure { width: 90%; margin: 30px auto 0; }

#contents .news .filter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 50px; padding: 20px 50px; background: #f4f4f4; }
#contents .news .filter form { width: 100%; margin-bottom: 20px; }
#contents .news .filter form:last-child { margin-bottom: 0px; }
#contents .news .filter form select { width: 80%; font-size: 1.2rem; padding: 10px; background: #fff; border: solid 1px #CCC; box-sizing: border-box; }
#contents .news .filter form input { width: 18%; background: #E56B00; padding: 10px 0; box-sizing: border-box; font-size: 1.2rem; border: none; color: #FFF; }

#contents .news .img { margin-top: 20px; }



#contents .topic { position: relative; margin: 60px 0 80px; box-sizing: border-box; padding: 0 10px; }

#contents .topic .container .topics_wrap .topics_wrap_box{ position: relative; padding: 0 6% 0 0 !important; box-sizing: border-box; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list { margin-bottom: 50px; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li { padding:15px; box-sizing: border-box; background: #FFF; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li .img img{ border-radius: 6px; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li .txt { background: #fff; padding: 15px 10px; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li p { display: flex; flex-wrap: wrap; padding: 0 0 10px; letter-spacing: -.02em; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li p .ct { font-weight: 500; background: #e56b00; color: #fff; font-size: 1.1rem; padding: 5px; margin-right: 8px; border-radius: 5px; line-height: 1; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li p .day { color: #666; font-size: 1rem; width: 100%; margin-top: 5px; }
#contents .topic .container .topics_wrap .topics_wrap_box .topics_list li h4 { font-size: 1.4rem; font-weight: 500; line-height: 1.4; }



#contents .event { position: relative; background: rgba(0,0,0,.03); margin: 60px 0 80px; box-sizing: border-box; padding: 60px 10px; }

#contents .event .container .event_wrap .event_wrap_box { width:100%; position: relative; padding: 0 6% 0 0 !important; box-sizing: border-box; }
#contents .event .container .event_wrap .event_wrap_box ul { margin-bottom: 50px; }
#contents .event .container .event_wrap .event_wrap_box ul li { padding: 15px; box-sizing: border-box; }
#contents .event .container .event_wrap .event_wrap_box ul li .img img{ border-radius: 6px; object-fit: cover; }
#contents .event .container .event_wrap .event_wrap_box ul .txt { padding: 15px; }
#contents .event .container .event_wrap .event_wrap_box ul .txt p { color: #666; font-size: 1rem; width: 100%; margin: 5px 0 10px; }
#contents .event .container .event_wrap .event_wrap_box ul .txt h4 { font-size: 1.4rem; font-weight: 500; line-height: 1.4; }
#contents .event .container .event_wrap .event_wrap_box ul .txt p.yen { font-size: 1.3rem; font-weight: 700; color: #e56b00; font-family: 'BlinkMacSystemFont'; text-align: right; }



#contents .bus { position: relative; padding: 0 10px; margin: 0 auto; }

#contents .bus .container .bus_wrap { position: relative; background: #fff9f4; margin-top: 60px; }
#contents .bus .container .bus_wrap .bus_wrap_box ul { }
#contents .bus .container .bus_wrap .bus_wrap_box ul li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 30px 20px 50px; box-sizing: border-box; }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .img { margin-bottom: 20px; }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .txt {  }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .txt h3 { font-size: 2rem; margin: 0 0 10px; color: #e56b00; }
#contents .bus .container .bus_wrap .bus_wrap_box ul li .txt p { font-size: 1.3rem; color: #555; line-height: 2; margin: 0 0 20px; }

#contents .bus .container .bus_wrap .swiper-prev,
#contents .bus .container .bus_wrap .swiper-next { top: -40px; bottom: auto; }
#contents .bus .container .bus_wrap .swiper-prev { right: 70px; left: auto; }
#contents .bus .container .bus_wrap .swiper-next { right: 20px; left: auto; }



#contents .banner { width: 80%; margin: 0 auto 50px; }
#contents .banner figure { margin-top: 30px; }



#contents .youtube { position: relative; box-sizing: border-box; padding: 60px 10px; margin: auto; }

#contents .youtube .swiper-container { padding: 0 8% 0 0 !important; box-sizing: border-box; }
#contents .youtube ul { margin-bottom: 50px; }
#contents .youtube ul li { padding: 15px; box-sizing: border-box; }
#contents .youtube ul li h4 { margin-top: 5px; font-size: 1.2rem; font-weight:500; }
#contents .youtube .more a { display: none; }
#contents .youtube .more a.btn { display: block; }

/*高さを制限しているコンテンツの要素*/
#contents .youtube .container { position: relative; height: 200px; overflow: hidden; transition: .4s; }
/*グラデーションで隠す擬似要素*/
#contents .youtube .container:before {
content: "";
position: absolute;
bottom: 0; left: 0;
width: 100%; height: 100px;
background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255,255,255,0.2) 100%);
transition: .4s;
z-index: 2;
}
/*クラス付与時のスタイル*/
#contents .youtube .container button.botton { position: absolute; right: 0px; left: 0px; bottom: 0px; margin: auto; cursor: pointer; font-size: 1.4rem; font-weight: 900; color: #e56b00; background: none; border: none; z-index: 3; }
#contents .youtube .container.active { overflow: inherit; }
#contents .youtube .container.active:before { opacity: 0; visibility: hidden; }
#contents .youtube .container.active button.botton { display: none; }



#contents .shop { position: relative; background: rgba(0,0,0,.03); padding: 60px 10px; margin:0 auto; }

#contents .shop .container .shop_wrap .shop_wrap_box { width:100%; position: relative; }
#contents .shop .container .shop_wrap .shop_wrap_box ul { margin-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; }
#contents .shop .container .shop_wrap .shop_wrap_box ul li { width: 48%; margin-bottom: 20px; padding:15px; box-sizing: border-box; background: #FFF; }
#contents .shop .container .shop_wrap .shop_wrap_box ul li .img img{ border-radius: 6px; }
#contents .shop .container .shop_wrap .shop_wrap_box ul .txt { padding: 10px; }
#contents .shop .container .shop_wrap .shop_wrap_box ul .txt p { padding: 0 0 5px; font-size: 1.4rem; color: #999; }
#contents .shop .container .shop_wrap .shop_wrap_box ul .txt h4 { font-weight: bold; }

/*高さを制限しているコンテンツの要素*/
#contents .shop .container { position: relative; height: 200px; overflow: hidden; transition: .4s; }
/*グラデーションで隠す擬似要素*/
#contents .shop .container:before {
content: "";
position: absolute;
bottom: 0; left: 0;
width: 100%; height: 100px;
background: linear-gradient(0deg, rgb(247, 247, 247) 40%, rgba(247, 247, 247,0.2) 100%);
transition: .4s;
z-index: 1;
}
/*クラス付与時のスタイル*/
#contents .shop .container button.botton { position: absolute; right: 0px; left: 0px; bottom: 0px; margin: auto; cursor: pointer; font-size: 1.4rem; font-weight: 900; color: #e56b00; background: none; border: none; z-index: 1; }
#contents .shop .container.active { overflow: inherit; }
#contents .shop .container.active:before { opacity: 0; visibility: hidden; }
#contents .shop .container.active button.botton { display: none; }



#contents .footer_banner { position: fixed; bottom: 0; width: 100%; z-index: 10; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); }




/*sns_link
----------------------------------------*/
#sns_link .cont01 { padding: 50px 20px; }
#sns_link .cont01 .box1 .logo { width: 80%; margin: 0 auto 20px; }
#sns_link .cont01 .box1 p { text-align: center; }

#sns_link .cont01 .box2 { margin: 50px auto; }
#sns_link .cont01 .box2 ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
#sns_link .cont01 .box2 ul li { width: 35%; margin-top: 30px; position: relative; padding: 10px 20px; }
#sns_link .cont01 .box2 ul li .corner01::before {
content: '';
width: 15px;
border-top: 2px solid #e56b00;
position: absolute;
top: 0; right: 0;
transition: 0.3s;
}
#sns_link .cont01 .box2 ul li .corner01::after {
content: '';
height: 15px;
border-right: 2px solid #e56b00;
position: absolute;
top: 0; right: 0;
transition: 0.3s;
}

#sns_link .cont01 .box2 ul li .corner02::before {
content: '';
width: 15px;
border-top: 2px solid #e56b00;
position: absolute;
bottom: 0; left: 0;
transition: 0.3s;
}
#sns_link .cont01 .box2 ul li .corner02::after {
content: '';
height: 15px;
border-left: 2px solid #e56b00;
position: absolute;
bottom: 0; left: 0;
transition: 0.3s;
}

#sns_link .cont01 .banner { width: 90%; margin: 50px auto 0; }
#sns_link .cont01 .banner p { margin: 20px auto 0; }




/*LP
----------------------------------------*/
#lp .cont01 { padding: 50px 20px; }
#lp .cont01 ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
#lp .cont01 ul li { width: calc( (100% - 20px) / 2 ); margin: 0 20px 30px 0; box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3); }
#lp .cont01 ul li:nth-child(2n+2) { margin-right: 0; }
#lp .cont01 ul li .txt { padding: 15px; }
#lp .cont01 ul li .txt h5 { padding: 0 0 5px; font-size: 1.4rem; color: #999; }
#lp .cont01 ul li .txt h4 { font-weight: bold; }
#lp .cont01 ul li .txt p.yen { font-size: 1.4rem; font-weight: bold; text-align: right; color: #e56b00;  margin-top: 10px; padding: 10px 0 0; border-top: 1px dotted #e56b00; }

#lp .cont01 .box { background: #F0F0F0; padding: 20px; margin-top: 30px; box-sizing: border-box; }
#lp .cont01 .box h3 { font-size: 1.8rem; margin: 0 0 20px; padding-bottom: 10px; font-weight: bold; color: #e56b00; border-bottom: 1px dashed #e56b00; }
#lp .cont01 .box p { font-size: 1.4rem; }




/*カスタム投稿
----------------------------------------*/
.tax-region .hedImg,
.tax-newscategory .hedImg,
.single-newscategory .hedImg { background: url(../images/news/hedImg.png) center/cover no-repeat;}

.post-type-archive-news .hedImg,
.single-news .hedImg { background: url(../images/news/hedImg.png) center/cover no-repeat;}

.post-type-archive-shopping .hedImg,
.single-shopping .hedImg { background: url(../images/shopping/hedImg.png) center/cover no-repeat;}

.post-type-archive-experience .hedImg,
.single-experience .hedImg { background: url(../images/experience/hedImg.png) center/cover no-repeat;}

.post-type-archive-hotel .hedImg,
.single-hotel .hedImg { background: url(../images/hotel/hedImg.png) center/cover no-repeat;}

.post-type-archive-info .hedImg,
.single-info .hedImg { background: url(../images/info/hedImg.png) center/cover no-repeat;}

.post-type-archive-whatsnew .hedImg,
.single-whatsnew .hedImg { background: url(../images/whatsnew/hedImg.png) center/cover no-repeat;}



.post-type-archive-news .filter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 50px 0; padding: 20px 50px; background: #f4f4f4; }
.post-type-archive-news .filter form { width: 100%; margin-bottom: 20px; }
.post-type-archive-news .filter form:last-child { margin-bottom: 0px; }
.post-type-archive-news .filter form select { width: 80%; font-size: 1.2rem; padding: 10px; background: #fff; border: solid 1px #CCC; box-sizing: border-box; }
.post-type-archive-news .filter form input { width: 18%; background: #E56B00; padding: 10px 0; box-sizing: border-box; font-size: 1.2rem; border: none; color: #FFF; }




/*archive
----------------------------------------*/
.archive .news_map { position: relative; margin: 0 auto 50px; padding: 30px; box-sizing: border-box; background: #f4f1ee; border-radius: 10px; }
.archive .news_map h2 { font-family: 'Noto Serif JP', serif; font-size: 1.8rem; letter-spacing: 0.2rem; margin: 0 0 30px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ccc; color: #aa8c6e; }
.archive .news_map .img {  }

.archive .term_list { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 50px; }
.archive .term_list li { width: calc(100%/3); font-size: 1.1rem; text-align: center; line-height: 1; }
.archive .term_list li a { display: block; padding: 15px 15px; box-sizing: border-box; background: #eaeaea; position: relative; }
.archive .term_list li a::after { content: ''; border: 1px solid #fff; width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; transition: all .3s ease; }
.archive .term_list li a:hover { background: #e56b00; color: #fff; }
.archive .term_list li a:hover::after { content: ''; width: 95%; height: 75%; }


.archive .cont01 { padding: 50px 20px; }
.archive .cont01 main { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.archive .cont01 main section { width: 48%; margin: 0 0 30px; }
.archive .cont01 main section:nth-child(2n+2) { margin-right: 0; }
.archive .cont01 main section .txt { padding: 20px 10px;}
.archive .cont01 main section .txt h3 { margin: 0 0 20px;}
.archive .cont01 main section .txt h3 a { color: #333; font-size: 1.4rem; font-weight: 400;}
.archive .cont01 main section .txt h3 a { color: #333; font-size: 1.4rem; font-weight: 400;}
.archive .cont01 main section .txt .category_date .ct { display: inline-block; background: #e56b00; color: #FFF; text-align: center; padding: 0 10px; font-size: 0.9em; z-index: 1; border-radius: 3px; margin: 0 5px 10px; }
.archive .cont01 main section .txt .category_date .ct a { color: #FFF; }
.archive .cont01 main section .txt time { color: #333; font-size: 1.2rem; text-align: right;}

.archive .cont01 #pager_navigation { width: 100%; text-align: center; font-size: 1.4em; }
.archive .cont01 #pager_navigation .page-numbers { border: 1px solid #e56b00; padding: 5px 10px; margin: 0 3px; border-radius: 3px; font-size: 1.6rem; }
.archive .cont01 #pager_navigation .page-numbers.current { border: 1px solid #000; }
.archive .cont01 #pager_navigation .page-numbers.next,
.archive .cont01 #pager_navigation .page-numbers.prev { display: none; }
.archive .cont01 #pager_navigation a { color: #e56b00; }


.archive .hyogo-fieldpavilion p.read { width: 100%; font-size: 0.9em; font-weight: 900; line-height: 2; margin-bottom: 80px; }
.archive .hyogo-fieldpavilion .map { position: relative; margin-bottom: 50px; }
.archive .hyogo-fieldpavilion .map .bg { width: 90%; position: absolute; top: -10%; right: -20px; opacity: 0.15; z-index: -1; }
.archive .hyogo-fieldpavilion .map .txt { margin-bottom: 30px; }
.archive .hyogo-fieldpavilion .map .txt h3 { font-size: 2.2rem; margin-bottom: 10px; color: #e56b00; }
.archive .hyogo-fieldpavilion .map .txt p { font-size: 1.2rem; font-weight: 900; line-height: 2.2; }
.archive .hyogo-fieldpavilion .map .img {  }

.archive .hyogo-fieldpavilion .filter { margin-bottom: 30px; }
.archive .hyogo-fieldpavilion .filter form select { width: 80%; font-size: 1.2rem; padding: 10px; background: #fff; border: solid 1px #CCC; box-sizing: border-box; }
.archive .hyogo-fieldpavilion .filter form input { width: 18%; background: #E56B00; padding: 10px 0; box-sizing: border-box; font-size: 1.2rem; border: none; color: #FFF; }

.archive .hyogo-fieldpavilion .iconbox {  }
.archive .hyogo-fieldpavilion .iconbox p { font-size: 1.1rem; margin-bottom: 10px; }
.archive .hyogo-fieldpavilion .iconbox p img { width: 30px; margin-right: 5px; }

.archive .hyogo-fieldpavilion .articles_index { border: 1px solid #F3F3F3; }

.archive .hyogo-fieldpavilion .articles_index .articles_index_thumbnail { position: relative; overflow: hidden; }
.archive .hyogo-fieldpavilion .articles_index .articles_index_thumbnail .area { position: absolute; top: 0; left: 0; padding: 4px 8px; font-size: 1.2rem; color: #fff; background: #e56b00; box-shadow: 0px 0px 6px rgba(0,0,0,0.4); }
.archive .hyogo-fieldpavilion .articles_index .articles_index_thumbnail .img { position: absolute; top: 10px; right: 5px; display: flex; flex-wrap: wrap; z-index: 1; }
.archive .hyogo-fieldpavilion .articles_index .articles_index_thumbnail .img img { width: 30px; margin-right: 5px; }

.archive .hyogo-fieldpavilion .articles_index .txt { padding: 10px; border-top: 1px solid #e56b0073; }
.archive .hyogo-fieldpavilion .articles_index .txt .area { margin-bottom: 5px; padding: 4px 8px; font-size: 1.1rem; color: #fff; background: #a49f9a; display: inline-block; }
.archive .hyogo-fieldpavilion .articles_index .txt h3 { margin: 0; }
.archive .hyogo-fieldpavilion .articles_index .txt h3 a { color: #333; font-size: 1.2rem; font-weight: 500; }




/*archive goodsList
----------------------------------------*/
.goodsList { list-style: none; padding: 30px 0 10px; display: flex; flex-wrap: wrap;}
.goodsList li { width: calc( 100% - 20px ); padding: 0 0 0 20px; margin: 0 20px 30px 0; box-sizing: border-box; position: relative;}
.goodsList li:nth-child(2n+2) { margin-right: 0;}
.goodsList li .new { position: absolute; top: -20px; left: 0px; width: 40px; height: 40px; background: rgba(255,192,0,1.0); display: flex; justify-content: center; align-items: center; font-size: 1.2rem; font-weight: 400; border-radius: 40px; z-index: 50;}
.goodsList li .txt { background: rgba(255,255,255,0.9); padding: 10px; box-sizing: border-box; margin: 0;}
.goodsList li .txt h3 { font-size: 1.8rem; margin: 0 0 10px; font-weight: 500;}
.goodsList li .txt p { font-size: 1.2rem; margin: 0 0 10px;}
.goodsList li .txt .btn { text-align: right;}
.goodsList li .txt .btn a { font-size: 1.2rem; color: #000;}
.goodsList li .txt .btn a::after { content: "▲"; color: rgba(255,192,0,1.0); display: inline-block; transform: rotate(90deg); margin-left: 5px;}




.pagination { clear: both; padding: 20px 0; position: relative; font-size: 14px; line-height: 14px; text-align: center; }
.pagination-box { display: inline-block; }
.pagination span,
.pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 10px 15px 10px 15px; text-decoration: none; width: auto; color: #fff; background: #e56b00;}
.pagination a:hover { color: #333; background: rgba(229,107,0,0.3);}
.pagination .current { padding: 10px 15px 10px 15px; color: #333; background: rgba(229,107,0,0.3);}



.error404 {}
.error404 .hedImg { background: url("../images/404/hedImg.png")}

.error404 .cont01 { padding: 0 20px;}
.error404 .cont01 .w1200 {}
.error404 .cont01 .w1200 h3 { font-size: 6.0rem; margin: 0 0 10px;}
.error404 .cont01 .w1200 h4 { font-size: 2.0rem; margin: 0 0 30px;}
.error404 .cont01 .w1200 p { font-size: 1.8rem; margin: 0 0 50px;}
.error404 .cont01 .w1200 p.btn { text-align: left; margin: 20px 0 0; font-size: 1.4rem;}
.error404 .cont01 .w1200 p.btn a { display: inline-block; font-weight: 400; background: #e56b00; padding: 2px 40px; border-radius: 20px; color: #FFF; border: solid 1px #e56b00;}
.error404 .cont01 .w1200 p.btn a:hover { background: #FFF; color: #e56b00;}



.searchBox {}
.searchBox .cont01 { padding: 100px 20px;}
.searchBox .cont01 .w1200 { text-align: center;}
.searchBox .cont01 .w1200 .txt { margin: 0 0 30px; font-size: 1.6rem;}
.searchBox .cont01 .w1200 table { margin: 0 auto;}
.searchBox .cont01 .w1200 .search-field { font-size: 2.0rem; width: 180px; padding: 10px;}
.searchBox .cont01 .w1200 .search-submit { font-size: 1.6rem; letter-spacing: 0rem; border: none; padding: 0 10px; height: 48px; margin-left: 20px;}




.searchList {}
.searchList .cont01 { padding: 50px 20px 100px;}
.searchList .cont01 .w1200 {}
.searchList .cont01 .w1200 .msg { font-size: 1.8rem; font-weight: 700; margin: 0 0 30px; text-align: center;}
.searchList .cont01 .w1200 .mainArea-list { list-style: none; border-bottom: dotted 1px #333;}
.searchList .cont01 .w1200 .mainArea-list li { margin: 0 0 30px;}
.searchList .cont01 .w1200 .mainArea-list li .textArea { padding: 20px; border-top: dotted 1px #333;}
.searchList .cont01 .w1200 .mainArea-list li .textArea .title { margin: 0 0 10px;}
.searchList .cont01 .w1200 .mainArea-list li .textArea .title a { color: #333; text-decoration: underline;}
.searchList .cont01 .w1200 .mainArea-list li .textArea .m-category { display: none;}
.searchList .cont01 .w1200 .mainArea-list li .textArea .title { padding: 5px 0 5px;}




/*single
----------------------------------------*/
.single #update { margin: 20px 5% 10px; font-size: 1.3rem; }
.single .cont_all {  }
.single .cont_all .mokuji { width: 90%; margin: 0 auto 50px; display: block; }
.single .cont_all .mokuji.pcBr { display: none; }
.single .cont_all .wp-block-group__inner-container { position: sticky; position: -webkit-sticky; top: 100px; }
.single .cont_all .wp-block-group__inner-container .wp-element-caption { color: #ffa14e; }
.single .cont_all .mokuji h3 { display: none; font-size: 2.0rem; font-weight: 600; letter-spacing: 0.2rem; color: #000; margin: 0 0 25px; padding: 5px 10px; border-top: 2px solid #000;}
.single .cont_all .mokuji p { display: none; }

.single .cont_all .mokuji .box { padding: 30px; box-sizing: border-box; background: rgba(0,0,0,.03); border-radius: 20px; }
.single .cont_all .mokuji .box ul.list01 { list-style: none; margin: 0 0 0 5px; }
.single .cont_all .mokuji .box ul.list01 li { padding: 0 0 5px 25px; position: relative; margin: 0 0 20px; border-bottom: 1px solid #000; }
.single .cont_all .mokuji .box ul.list01 li:last-child { margin-bottom: 0; }
.single .cont_all .mokuji .box ul.list01 li::before { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 1px; left: 10px; color: #e56b00; }
.single .cont_all .mokuji .box ul.list01 li a { font-size: 0.9em; font-weight: 500; color: #333; display: block; }
.single .cont_all .mokuji .box ul.list01 li a:hover { color: #999; }

.single .cont_all .mokuji .box ul.list02 { list-style: none; margin: 0 0 30px 10px; }
.single .cont_all .mokuji .box ul.list02 li { padding-left: 20px; position: relative; margin: 0 0 10px; display: flex; justify-content: space-between;}
.single .cont_all .mokuji .box ul.list02 li span { display: inline-block; margin-right: 20px;}
.single .cont_all .mokuji .box ul.list02 li a { display: inline-block; padding: 0px 20px; background: #e56b00; color: #FFF; font-size: 1.2rem; font-weight: 500; border-radius: 3px;}



.single .cont_all .main { width: 90%; margin: 0 auto; box-sizing: border-box; }
.single .cont_all .main .cont_com { width: 90%; padding: 120px 0 0px; margin: -140px auto 80px; }
.single .cont_all .main .cont_com:first-child { width: 100%; padding: 0 0 30px; margin: 0 auto 50px; border-bottom: 1px solid #ccc; }
.single .cont_all .main .header { margin: 0 0 10px; position: relative; }
.single .cont_all .main .header h1 { font-family: 'Noto Serif JP', serif; font-size: 2rem; font-weight: 800; letter-spacing: 0.2rem; border-top: 2px solid #000; padding-top: 15px; }
.single .cont_all .main .header h2 { font-family: 'Noto Serif JP', serif; font-size: 1.8rem; letter-spacing: 0.2rem; margin: 0 0 20px; padding: 10px 20px; background: #a49f9a; color: #fff; text-align: center; }
/*.single .cont_all .main .header h2::before { content: ""; width: 200px; height: 5px; background: #e56b00; position: absolute; top: 0; left: 0; }
.single .cont_all .main .header h2::after { content: ""; width: 100%; height: 3px; background: #e56b00; position: absolute; top: 0; left: 0;}*/
.single .cont_all .main .header p { font-family: 'Noto Serif JP', serif; font-size: 1.8rem; font-weight: 500; }
.single .cont_all .main .img { width: 100%; margin: 0 0 30px; }
.single .cont_all .main .txt { width: 100%; margin: 0 0 30px; }
.single .cont_all .main figure { width: 100%; margin: 0 0 30px; }
.single .cont_all .main .cont_com:first-child figure { width: 100%; margin: 0 auto 30px; }

.single .cont_all .main .img:nth-last-child(1) { margin: 0 0 0;}

.single iframe { width: 100%;}
.single .cont_all .main .txt h4 { font-size: 1.8rem; font-weight: 600; padding-bottom: 5px; margin: 0 0 20px; border-bottom: dotted 2px #CCC;}
.single .cont_all .main .txt h5 { font-size: 1.6rem; font-weight: 600;}
.single .cont_all .main .txt p { font-size: 1.4rem; font-weight: 500; line-height: 180%;}
.single .cont_all .main .info { background: rgba(229,107,0,0.2); padding: 15px; display: inherit;}
.single .cont_all .main .info h4 { font-size: 1.8rem; width: auto; border-bottom: solid 2px #e56b00; padding-bottom: 5px; margin-bottom: 10px; color: #e56b00;}
.single .cont_all .main .info .access { border-left: none; padding-left: 0; font-size: 1.4rem; flex: auto;}
.single .cont_all .main .info .access p { margin-top: 0; font-size: 1.4rem; font-weight: 600;}
.single .cont_all .main .info .access p:nth-child(n+2) { margin-top: 10px;}
.single .cont_all .main .massage { padding: 15px; position: relative;}
.single .cont_all .main .massage::before { content: ""; width: 100px; height: 100px; border-left: solid 1px #999; border-top: solid 1px #999; position: absolute; top: 0; left: 0; z-index: -1;}
.single .cont_all .main .massage::after  { content: ""; width: 100px; height: 100px; border-right: solid 1px #999; border-bottom: solid 1px #999; position: absolute; bottom: 0; right: 0; z-index: -1;}
.single .cont_all .main .massage h3 { font-size: 1.8rem; font-weight: 600; margin-bottom: 20px;}
.single .cont_all .main .massage .txt { margin-bottom: 30px;}
.single .cont_all .main .massage .txt p { font-size: 1.4rem; font-weight: 400; margin-bottom: 10px;}
.single .cont_all .main .massage .member { display: inherit; margin: 0 0 20px; background: #EEE;}
.single .cont_all .main .massage .member:nth-last-of-type(1) { margin-bottom: 0;}
.single .cont_all .main .massage .member .pict { width: 150px; padding: 20px 0; margin: auto;}
.single .cont_all .main .massage .member .introduction { flex:1; padding: 0 20px 20px;}
.single .cont_all .main .massage .member .introduction h4 { margin: 0 0 10px; font-size: 1.6rem;}
.single .cont_all .main .massage .member .introduction p { font-size: 1.4rem;}




.single .cont_all .main .btnB { text-align: center; margin: 0 0 30px;}
.single .cont_all .main .btnB a { display: inline-block; padding: 15px 0; background: rgba(229,107,0,1.0); color: #FFF; width: 90%; font-size: 1.6rem; font-weight: 500; border-radius: 5px;}
.single .cont_all .main .btn { display: inline-block;}
.single .cont_all .main .btn a { display: inline-block; padding: 4px 30px; background: rgba(229,107,0,1.0); color: #FFF; font-size: 1.2rem; font-weight: 500; border-radius: 5px;}

.single .snsBox { width: auto; padding: 0 15px; margin: 0 20px 30px; box-sizing: border-box; }
.single .line_banner { width: auto; padding: 0 15px; margin: 0 20px 100px; box-sizing: border-box; }




/* fieldpavilion */
.single .fieldpavilion {  }
.single .fieldpavilion .wp-block-bsb-slider { width: 90%; margin: auto; }
.single .fieldpavilion .wp-block-bsb-slider .bsbButtonDesign button { background: rgba(240, 240, 240, 0.4)!important; }
.single .fieldpavilion .wp-block-bsb-slider .carousel-item { height: 300px!important; }


/* ① スライダー自身と各スライド要素を 500px 高さにする */
.single .fieldpavilion .wp-block-gallery,
.single .fieldpavilion .wp-block-gallery .swiper-slide {
height: 200px;
width: 90%;
}

/* ② 画像は枠いっぱいに収め、はみ出す部分をトリミング */
.single .fieldpavilion .wp-block-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 非アクティブは半透明にしたい場合は下記を併用（任意） */
.single .fieldpavilion .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 0.4;
}
/* ギャラリー専用のスコープを付けておくと他の Swiper に影響しません */
.single .fieldpavilion .swiper-pagination-bullet-active {
  opacity: 1;
}


.single .fieldpavilion .wp-block-vk-blocks-slider-item { margin: 0 0.8%; }
.single .fieldpavilion table { width: 90% !important; border-top: solid 1px #CCC; margin: 50px auto 100px; font-size: 1.4rem; }
.single .fieldpavilion table td:first-child { padding: 10px 15px; border-bottom: solid 1px #CCC; box-sizing: border-box; vertical-align: middle; font-weight: 900; background: #eee; }
.single .fieldpavilion table td { display: block; padding: 10px 15px; border-bottom: solid 1px #CCC; }
.single .fieldpavilion table td mark { font-style: normal; }
.single .fieldpavilion table td a { border-bottom: 1px solid #e56b00; color: #e56b00; }


.single .fieldpavilion table.spec { border: #000 solid 1px; }
.single .fieldpavilion table h3.spec { position: relative; font-size: 20px; font-weight: bold; padding: 10px; }
.single .fieldpavilion table.spec td { padding: 20px; border-bottom: #000 dashed 1px; background: #fff; }
.single .fieldpavilion table .flex_spac {  }

.single .fieldpavilion table .flex_spac .ttl_box { margin-bottom: 10px; }
.single .fieldpavilion table .flex_spac .ttl_box h4.spec { font-size: 16px; }

.single .fieldpavilion table .flex_spac .txt_box { font-size: 1.4rem; font-weight: 500; }
.single .fieldpavilion table .flex_spac .txt_box ul.spec li {
list-style-type: disc;
list-style-position: inside;
text-indent: -1em;
padding-left: 1em;
margin-bottom: 15px;
font-weight: 500;
line-height: 1.8;
}
.single .fieldpavilion table .flex_spac .txt_box ul.spec li:last-child { margin-bottom: 0px; }
.single .fieldpavilion table .flex_spac .txt_box .btn_gm a { display: inline-block; border-radius: 50px; padding: 10px 40px; border: 1px solid #e56b00; }

.single .fieldpavilion table .flex_spac .txt_box iframe { width: 100%; height: 200px; font-size: 16px; font-weight: 500; display: block; margin-top: 10px; padding: 0; }
.single .fieldpavilion table .flex_spac .txt_box span { font-size: 1.4rem !important; }


.single .fieldpavilion .vk_slider .swiper-button-next,
.single .fieldpavilion .vk_slider .swiper-button-prev { background: none!important; }
.single .fieldpavilion .vk_slider .swiper-button-next::after,
.single .fieldpavilion .vk_slider .swiper-button-prev::after { font-size: 4rem!important; color: #fff!important; }




.swiper-button-next,
.swiper-rtl .swiper-button-prev { right: 0px !important; left: auto;}
.swiper-button-prev,
.swiper-rtl .swiper-button-next { left: 0px !important; right: auto;}

.swiper-button-next::after,
.swiper-button-prev::after {
 color: #999 !important; font-size: 2.0rem !important;
}


/*info
---------------------*/
.info .w1000 {
width: 90%;
margin: auto;
}

.info .w1000 dl {
padding: 10px;
margin: 0 auto;
}

.info .w1000 dl dt {
width: 100%;
padding: 5px;
box-sizing: border-box;
clear: both;
}

.info .w1000 dl dd {
width: 100%;
padding: 5px;
box-sizing: border-box;
margin: 0 0 5px;
}

.info .w1000 dl dd a {
display: block;
color: #e56b00;
}

.info .w1000 .info_tit{
font-family: 'Noto Serif JP', serif;
font-size: 1.6rem;
font-weight: 800;
letter-spacing: 0.2rem;
margin: 0 0 15px;
}

.info .w1000 .info_day{
text-align: right;
margin: 0 0 30px;
}

.info .w1000 .info_photo{
width: 100%;
margin: 0 auto 30px;
}

.info .w1000 .info_txt{
margin: 0 auto 60px;
line-height: 2;
}

.info .w1000 .info_url{
background: #F0F0F0;
padding: 15px;
box-sizing: border-box;
margin: 0 auto 60px;
text-align: center;
}

.info .w1000 .info_url a{
color: #e56b00;
}

.info .w1000 #pager_navigation { width: 100%; text-align: center; font-size: 1.2em; margin: 50px 0; }
.info .w1000 #pager_navigation a { color: #e56b00; }
.info .w1000 #pager_navigation a i { color: #333; padding-left: 5px; }


/*whatnew
---------------------*/
.archive .cont06 { padding: 50px 20px;}
.archive .cont06 .listwrap { display: flex; justify-content: flex-start; flex-wrap: wrap;}

.archive .cont06 .listwrap .listbox {
width: 46%;
padding: 0;
box-sizing: border-box;
position: relative;
border: 2px solid #e56b00;
margin: 0 2% 30px;
}


.archive .cont06 .listwrap .listbox .img {
width: 100%;
position: relative;
}

.archive .cont06 .listwrap .listbox .img .ct{
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
background: #e56b00;
color: #FFF;
text-align: center;
padding: 0 15px;
font-size: 0.9em;
z-index: 1;
}

.archive .cont06 .listwrap .listbox .txt {
background: rgba(255, 255, 255, 0.9);
padding: 6px;
box-sizing: border-box;
margin: 0;
}


.archive .cont06 .listwrap .listbox .txt .ct_wrap{
display: flex;
flex-wrap: wrap;
align-content: center;
}

.archive .cont06 .listwrap .listbox .txt .ct_wrap .ct{
width: 47%;
background: #e56b00;
color: #FFF;
text-align: center;
padding: 0 10px;
font-size: 0.7em;
z-index: 1;
box-sizing: border-box;
border-radius: 3px;
margin: 0 1.5% 3px;
}

.archive .cont06 .listwrap .listbox .txt .timedata {
display: inline-block;
padding: 5px;
line-height: 1;
background: #000;
color: #FFF;
font-size: 0.8em;
}

.archive .cont06 .listwrap .listbox .txt a{
color: #111;
}

.archive .cont06 .listwrap .listbox .txt h3 {
font-size: 1.2rem;
margin: 10px 0 10px;
font-weight: 800;
line-height: 1.4em;
}

.archive .cont06 .listwrap .listbox .txt p {
font-size: 1rem;
margin: 0 0 10px;
}

.categories{
display: flex;
flex-wrap: wrap;
align-content: center;
}


.categories .ct{
width: 31.33%;
background: #e56b00;
color: #FFF;
text-align: center;
padding: 0 10px;
box-sizing: border-box;
font-size: 0.9em;
z-index: 1;
border-radius: 3px;
margin: 0 1% 2%;
}



.news_ct_wrap {
display: flex;
flex-wrap: wrap;
align-content: center;
}

.news_ct_wrap .ct{
width: 31.33%;
background: #e56b00;
color: #FFF;
text-align: center;
padding: 0 10px;
box-sizing: border-box;
font-size: 0.9em;
z-index: 1;
border-radius: 3px;
margin: 0 1% 50px;
}
.news_ct_wrap .ct a{
color: #FFF;
}



}

/*footer
-----------------------------------------------------------*/

footer {
	width: 100%;
	margin-top: 144px;
	padding-top: 64px;
	background-color: #9b9493;
}

footer * {
    box-sizing: border-box;
}

footer .logoBox {
	display: flex;
	justify-content: center;	
}

footer .logoBox h1 {
	width: 440px;
}

footer .ftNav01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 32px;
    width: 100%;
    margin-top: 48px;
	padding: 0 5%;
}

footer .ftNav01 a {
  position: relative;
  font-size: 14px;
  line-height: calc(24 / 14 * 100%);
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  margin-bottom: 8px;
}

footer .ftNav01 a::after {
  content: "|";
  position: absolute;
  right: -16px;
}
footer .ftNav01 a:last-child::after,
footer .ftNav01 a.no-sep::after {
  content: none;
}

footer .ftNav02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 32px;
  width: 100%;
  margin-top: 16px;
	padding: 0 5%;
}

footer .ftNav02 a {
  position: relative;
  font-size: 14px;
  line-height: calc(24 / 14 * 100%);
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
	padding-right: 22px;
	background-image: url("../img/blank_s_w.svg");
	background-position: top 2px right;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	margin-bottom: 8px;
}

footer .ftNav03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 28px;
    width: 100%;
    margin-top: 16px;
	padding: 0 5%;
}

footer .ftNav03 a {
  position: relative;
  font-size: 12px;
  line-height: calc(22 / 12 * 100%);
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  margin-bottom: 7px;
}

footer .ftNav03 a::after {
  content: "|";
  position: absolute;
  right: -14px;
}

footer .ftNav03 a:last-child::after,
footer .ftNav03 a.no-sep::after {
  content: none;
}

footer .snsCol {
	margin: 48px auto 0;
  width: 684px;
  display: grid;
  grid-template-columns: 480px 180px;
  justify-content: space-between;
  gap: 24px;
}

footer .snsCol .snsBox {
	width: 100%;
	background-color: #7b7574;
	border: solid 1px #cac8c7;
	color: #fff;
	text-align: center;
	padding: 28px 24px 20px;
}

footer .snsCol .snsBox p {
    font-size: 14px;
    line-height: calc(24 / 14 * 100%);
    font-weight: 500;
}

footer .snsCol .snsBox p span {
	display: inline-block;
}

footer .snsCol .lineBox a {
	display: block;
	margin: 8px auto 0;
	background-color: #fff;
	width: 64px;
	height: 64px;
}

footer .snsCol .lineBox a img {
	width: 100%;
  opacity: 1;
}

footer .snsCol .lineBox .addf {
    font-size: 13px;
    line-height: calc(14 / 13 * 100%);
    font-weight: 500;	
}

footer .snsCol .snsBox .snsIcons {
	margin: 16px auto 0;
  width: 88px;
  height: 88px;
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  grid-template-rows: 40px 1fr 40px;
}

footer .snsCol .snsBox .snsIcons a {
  width: 40px;
  height: 40px;
	background-color: #fff;
}

footer .snsCol .snsBox .snsIcons a img {
	width: 100%;
  opacity: 1;
}
footer .snsCol .snsBox .snsIcons a:nth-child(1) {
  grid-row: 1;
  grid-column: 1;
}
footer .snsCol .snsBox .snsIcons a:nth-child(2) {
  grid-row: 1;
  grid-column: 3;
}
footer .snsCol .snsBox .snsIcons a:nth-child(3) {
  grid-row: 3;
  grid-column: 1;
}
footer .snsCol .snsBox .snsIcons a:nth-child(4) {
  grid-row: 3;
  grid-column: 3;
}

footer .ftCompany {
	margin-top: 80px;
    font-size: 12px;
    line-height: calc(20 / 12 * 100%);
    font-weight: 500;
	color: #fff;
	text-align: center;
}

footer .ftCopyright {
	margin-top: 16px;
	padding-top: 10px;
	background-color: #5d5655;
	width: 100%;
	height: 40px;
    font-size: 12px;
    line-height: calc(20 / 12 * 100%);
    font-weight: 500;
	color: #fff;
	text-align: center;
}

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

    footer {
        margin-top: 64px;
        padding-top: 48px;
    }

    footer .logoBox h1 {
        width: min(62.5%, 400px);
    }

    footer .ftNav01 {
        gap: 0 24px;
        margin-top: 40px;
    }

    footer .ftNav01 a {
      font-size: 13px;
      line-height: calc(22 / 13 * 100%);
      margin-bottom: 7px;
    }

    footer .ftNav01 a::after {
      right: -12px;
    }

    footer .ftNav02 {
      gap: 0 24px;
      margin-top: 14px;
    }

    footer .ftNav02 a {
      font-size: 13px;
      line-height: calc(22 / 13 * 100%);
        padding-right: 20px;
        background-position: top 1px right;
        background-size: 14px 14px;
        margin-bottom: 7px;
    }

    footer .ftNav03 {
        gap: 0 22px;
        margin-top: 14px;
    }

    footer .ftNav03 a {
      font-size: 11px;
      line-height: calc(20 / 11 * 100%);
      margin-bottom: 6px;
    }

    footer .ftNav03 a::after {
      right: -11px;
    }

    footer .snsCol {
        margin: 40px auto 0;
      width: 600px;
      grid-template-columns: 420px 160px;
      gap: 20px;
    }

    footer .snsCol .snsBox {
        padding: 24px 20px 18px;
    }

    footer .snsCol .snsBox p {
        font-size: 13px;
        line-height: calc(22 / 13 * 100%);
    }

    footer .snsCol .lineBox a {
        margin: 7px auto 0;
        width: 60px;
        height: 60px;
    }

    footer .snsCol .lineBox .addf {
        font-size: 12px;
        line-height: calc(13 / 12 * 100%);
    }

    footer .snsCol .snsBox .snsIcons {
        margin: 14px auto 0;
    }

    footer .ftCompany {
        margin-top: 48px;
        font-size: 11px;
        line-height: calc(20 / 11 * 100%);
    }

    footer .ftCopyright {
        margin-top: 14px;
        padding-top: 9px;
        height: 36px;
        font-size: 10px;
        line-height: calc(18 / 10 * 100%);
    }
	
	
}

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

    footer .snsCol {
        margin: 36px auto 0;
      width: min(90%, 400px);
      display: block;
    }

    footer .snsCol .snsBox {
        width: 100%;
        padding: 24px 20px 18px;
    }

    footer .snsCol .snsBox p {
        font-size: 12px;
        line-height: calc(22 / 12 * 100%);
    }
	
	footer .snsCol .lineBox {
		margin-bottom: 12px;
	}

    footer .snsCol .lineBox a {
        width: 60px;
        height: 60px;
    }

    footer .snsCol .lineBox .addf {
        font-size: 11px;
        line-height: calc(12 / 11 * 100%);
    }
	
	footer .snsCol .snsBox .snsIcons {
      width: 184px;
      height: 40px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }

    footer .snsCol .snsBox .snsIcons a {
      width: 40px;
      height: 40px;
      grid-row: auto !important;
      grid-column: auto !important;
    }
	
}

/*top sns btn
-----------------------------------------------------------*/

#mm-topSns {
	position: absolute;
	top: 28px;
	left: 40px;
	display: grid;
    grid-template-columns: repeat(5, 40px);
    justify-content: space-between;
}

#mm-topSns a {
	display: block;
	background-color: #444;
}

#mm-topSns a img {
  opacity: 1;
}

@media screen and (max-width: 1079px) {
	
	#mm-topSns {
        top: 24px;
        left: 32px;
    }
	
}

@media screen and (max-width: 800px) {
	
	#mm-topSns { display: none; }
	
}

/*modal menu
-----------------------------------------------------------*/

#mm-modalBg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200vh;
	background-color: #f0eded;
	z-index: 800;
}

#mm-nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	align-items: center;
	z-index: 900;
}

#mm-nav::-webkit-scrollbar{
    display: none;
}

#mm-nav .navInner {
	width: 960px;
	height: auto;
    position: relative;
	margin: 0 auto;
	padding: 48px 0;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#mm-nav .navInner .logoBox {
	width: 100%;
	padding-bottom: 48px;
}

#mm-nav .navInner .logoBox .logo {
	width: 240px;
}

#mm-nav .navInner .box01 {
	width: 480px;
}

#mm-nav .navInner .box02 {
	width: 440px;
}

#mm-nav .navInner .box .menuList {
	width: 100%;
}


#mm-nav .navInner .box .menuList li {
	margin-bottom: 24px;
}

#mm-nav .navInner .box .menuList li a {
	font-size: 20px;
	line-height: calc(36 / 20 * 100%);
	color: #222;
	font-weight: 600;
}

#mm-nav .navInner .box .menuList li a[target="_blank"] {
	padding-right: 24px;
	background-image: url("../img/blank_s_g.svg");
	background-position: top 8px right 0;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

#mm-nav .navInner .box .menuList li .caption {
	font-size: 13px;
	line-height: calc(24 / 13 * 100%);
	font-weight: 500;
	margin-top: 4px;
}

#mm-nav .navInner .box .menuList li .caption span {
	display: inline-block;
}

#mm-nav .navInner .box .categories {
    display: flex;
    flex-wrap: wrap;
    width: 320px; 
	padding-bottom: 12px;
}

#mm-nav .navInner .box .categories li {
    width: 160px;
    margin-bottom: 16px;
}

#mm-nav .navInner .box .categories li a {
	font-size: 16px;
	line-height: calc(24 / 16 * 100%);
	color: #222;
	font-weight: 600;
	padding-right: 24px;
	background-image: url("../img/bow_s_g.svg");
	background-position: top 5px right 0;
	background-repeat: no-repeat;
	background-size: 16px 16px;	
}

#mm-nav .navInner .box .oters {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 424px; 
    margin-top: 40px;
}

#mm-nav .navInner .box .oters ul {
    width: 200px;
}

#mm-nav .navInner .box .oters ul li {
    margin-bottom: 4px;
}

#mm-nav .navInner .box .oters ul li a {
	font-size: 12px;
	line-height: calc(16 / 12 * 100%);
	color: #222;
	font-weight: 500;
}

#mm-nav .navInner .tbBannerBox {
	width: 100%;
	margin-top: 72px;
	padding-bottom: 32px;
}

#mm-nav .navInner .tbBannerBox a {
	display: block;
	width: 848px;
	height: 160px;
	margin: 0 auto;
	background-color: #fc9147;
	color: #222;
	position: relative;
}

#mm-nav .navInner .tbBannerBox a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 288px;
	height: 100%;
}

#mm-nav .navInner .tbBannerBox a .txtBox {
	position: absolute;
	top: 44px;
	left: 348px;
	width: 440px;
	height: auto;
}

#mm-nav .navInner .tbBannerBox a .txtBox h2 {
	display: inline-block;
	font-size: 20px;
	line-height: calc(36 / 20 * 100%);
	font-weight: 600;
}

#mm-nav .navInner .tbBannerBox a .txtBox h2 .iconBox {
	display: inline-block;
	margin-left: 8px;
	width: 16px;
	height: 16px;
	background-color: #222;
	position: relative;
}

#mm-nav .navInner .tbBannerBox a .txtBox h2 .iconBox img {
	width: 100%;
}

#mm-nav .navInner .tbBannerBox a .txtBox p {
	font-size: 13px;
	line-height: calc(18 / 13 * 100%);
	font-weight: 500;
	margin-top: 8px;	
}

#mm-nav .navInner .tbBannerBox a .txtBox p span {
	display: inline-block;
}

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

    #mm-nav .navInner {
        width: 800px;
        padding: 40px 0;
    }

    #mm-nav .navInner .logoBox {
        padding-bottom: 40px;
    }

    #mm-nav .navInner .logoBox .logo {
        width: 216px;
    }

    #mm-nav .navInner .box01 {
        width: 420px;
    }

    #mm-nav .navInner .box02 {
        width: 380px;
    }

    #mm-nav .navInner .box .menuList li {
        margin-bottom: 20px;
    }

    #mm-nav .navInner .box .menuList li a {
        font-size: 18px;
        line-height: calc(32 / 18 * 100%);
    }

    #mm-nav .navInner .box .menuList li a[target="_blank"] {
        padding-right: 22px;
        background-position: top 8px right 0;
        background-size: 15px 15px;
    }

    #mm-nav .navInner .box .menuList li .caption {
        font-size: 12px;
        line-height: calc(22 / 12 * 100%);
        margin-top: 3px;
    }

    #mm-nav .navInner .box .categories {
        width: 300px; 
		padding-bottom: 8px;
    }

    #mm-nav .navInner .box .categories li {
        width: 150px;
        margin-bottom: 8px;
    }

    #mm-nav .navInner .box .categories li a {
        font-size: 14px;
        line-height: calc(22 / 14 * 100%);
        padding-right: 22px;
        background-position: top 5px right 0;
        background-size: 15px 15px;	
    }

    #mm-nav .navInner .box .oters {
        width: 380px; 
        margin-top: 32px;
    }

    #mm-nav .navInner .box .oters ul {
        width: 180px;
    }

    #mm-nav .navInner .box .oters ul li {
        margin-bottom: 2px;
    }

    #mm-nav .navInner .box .oters ul li a {
        font-size: 11px;
        line-height: calc(14 / 11 * 100%);
    }

    #mm-nav .navInner .tbBannerBox {
        width: 100%;
        margin: 40px auto 0;
        padding-bottom: 48px;
    }

    #mm-nav .navInner .tbBannerBox a {
        display: block;
        width: 720px;
        height: 140px;
    }

    #mm-nav .navInner .tbBannerBox a img {
        width: 252px;
        height: 100%;
    }

    #mm-nav .navInner .tbBannerBox a .txtBox {
        top: 22px;
        left: 320px;
        width: 320px;
    }

    #mm-nav .navInner .tbBannerBox a .txtBox p {
        font-size: 12px;
        line-height: calc(22 / 12 * 100%);
        margin-top: 6px;	
    }
	
}

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

    #mm-nav .navInner {
        width: min(90%, 400px);
        height: auto;
        padding: 32px 0;
        display: block;
    }

    #mm-nav .navInner .logoBox {
        width: 100%;
        padding-bottom: 32px;
    }

    #mm-nav .navInner .logoBox .logo {
        width: 200px;
    }

    #mm-nav .navInner .box01 {
        width: 100%;
    }

    #mm-nav .navInner .box02 {
        width: 100%;
		margin-top: 24px;
    }

    #mm-nav .navInner .box .menuList li {
        margin-bottom: 16px;
    }

    #mm-nav .navInner .box .categories {
		padding-bottom: 16px;
    }

    #mm-nav .navInner .box .categories li {
        margin-bottom: 4px;
    }

    #mm-nav .navInner .box .oters {
        display: block;
        width: 100%; 
        margin-top: 28px;
    }

    #mm-nav .navInner .box .oters ul {
        width: 100%;
    }

    #mm-nav .navInner .box .oters ul li a {
        font-size: 12px;
        line-height: calc(16 / 12 * 100%);
    }

    #mm-nav .navInner .tbBannerBox {
        margin-top: 48px;
        padding-bottom: 32px;
    }

    #mm-nav .navInner .tbBannerBox a {
        width: 100%;
        height: auto;
    }

    #mm-nav .navInner .tbBannerBox a img {
        position: relative;
        width: 100%;
        height: auto;
    }

    #mm-nav .navInner .tbBannerBox a .txtBox {
        position: relative;
        top: 0;
        left: 0;
        width: 77.5%;
        height: auto;
		margin: 16px auto 0;
		padding-bottom: 24px;
    }

    #mm-nav .navInner .tbBannerBox a .txtBox h2 {
        font-size: 18px;
        line-height: calc(32 / 18 * 100%);
    }

    #mm-nav .navInner .tbBannerBox a .txtBox h2 .iconBox {
        margin-left: 6px;
        width: 14px;
        height: 14px;
    }

	
	#mm-nav .navInner .tbBannerBox a .txtBox p {
		margin-top: 4px;
	}
	
	#mm-nav .navInner .tbBannerBox a .txtBox p span {
		display: inline;
	}
	
}

/*menu btn
-----------------------------------------------------------*/

#mm-menuBtn {
	position: fixed;
	top: 22px;
	right: 44px;
	width: 128px;
	height: 48px;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	cursor: pointer;
	z-index: 1000;
}

#mm-menuBtn::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
}

#mm-menuBtn .bars {
	position: relative;
	top: -2px;
	width: 48px;
	height: 20px;
	overflow: visible;
}

#mm-menuBtn .bars .bar {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #333;
}

#mm-menuBtn .bars .barTop { top: 0; }
#mm-menuBtn .bars .barBottom { top: 100%; }

#mm-menuBtn .txts {
	position: relative;
	width: 80px;
	height: 20px;
	overflow: visible;
}

#mm-menuBtn .txts .txt {
	position: absolute;
	top: 0;
	width: 100%;
	font-size: 16px;
	line-height: calc(20 / 16 * 100%);
	font-weight: 700;
	text-align: center;
}

#mm-menuBtn .txts .txtMenu {
	left: 0;
	letter-spacing: 1px;
}

#mm-menuBtn .txts .txtClose {
	left: 50%;
	opacity: 0;
}

@media screen and (max-width: 800px) {
	
	#mm-menuBtn {
        top: 16px;
        right: 16px;
        width: 64px;
		height: 64px;
        -webkit-justify-content: center;
        justify-content: center;
        flex-direction: row;
    }

    #mm-menuBtn .bars {
        top: 6px;
        width: 40px;
        height: 16px;
    }

    #mm-menuBtn .txts {
        width: 100%;
		top: 4px;
    }

    #mm-menuBtn .txts .txt {
        font-size: 13px;
        line-height: calc(16 / 13 * 100%);
		font-weight: 700;
    }

    #mm-menuBtn .txts .txtMenu {
        letter-spacing: 0;
    }
	
}

@media screen and (max-width: 480px) {
	
	#mm-menuBtn {
        top: 12px;
        right: 12px;
        width: 48px;
		height: 48px;
    }

    #mm-menuBtn .bars {
        top: 4px;
        width: 32px;
        height: 13px;
    }

    #mm-menuBtn .bars .bar {
        height: 3px;
    }

    #mm-menuBtn .txts {
		top: 6px;
    }

    #mm-menuBtn .txts .txt {
        font-size: 10px;
        line-height: calc(12 / 10 * 100%);
		font-weight: 800;
    }

    #mm-menuBtn .txts .txtMenu {
        letter-spacing: 0;
    }
	
}

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

#mm-innerHeader a img {
  transition: none;
}

#mm-innerHeader {
  width: 100%;
  padding-bottom: 80px;
}

#mm-innerHeader h1 {
  padding-block: 32px;
  background-color: #fff;
}

#mm-innerHeader h1 a {
  display: block;
  width: 320px;
  margin: 0 auto;
}

#mm-innerHeader h1 a img {
  width: 100%;
  height: auto;
}

#mm-innerHeader .contentName {
  width: 100%;
  padding: 36px 0;
  background-color: #f0eded;
}

#mm-innerHeader .contentName h2 {
  text-align: center;
  font-size: 20px;
  line-height: calc(32 / 20 * 100%);
  font-weight: 500;
}

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

  #mm-innerHeader h1 a {
    width: 280px;
  }

}

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

  #mm-innerHeader {
    padding-bottom: 48px;
  }

  #mm-innerHeader h1 {
    padding-top: 20px;
    padding-bottom: 16px;
  }

  #mm-innerHeader h1 a {
    margin: 0 0 0 5vw;
    width: clamp(160px, 40vw, 240px);
  }

  #mm-innerHeader .contentName {
    width: 100%;
    padding: 16px 0;
  }

  #mm-innerHeader .contentName h2 {
    font-size: 16px;
    line-height: calc(28 / 16 * 100%);
  }

}