@charset "utf-8";
body{ overflow-x: hidden;}
.mb0{ margin-bottom: 0px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb100{ margin-bottom: 100px !important;}
.mb150{ margin-bottom: 150px !important;}
.borderBox{ padding: 20px; border: solid 1px #666; border-radius: 14px;}
.borderBox h3 { margin-bottom: 5px;}
.borderBox h3, 
.borderBox h3 *{ font-weight: bold;}

/*---------------
　単体
----------------*/
.h2, .h3, .h4, .h5, .p, .image{ display: block;}
.item-frame{ width: 100%; position: relative; display: block;}
/*流れるテキスト*/
.flowing-text{ width: 100%; height:var(--flowing-text-size); line-height: 1em; display: block; overflow: hidden; margin-top: calc(var(--flowing-text-size) / -2);}
.flowing-text::before{ width:2500px; height: 1em; letter-spacing: -0.04em; word-break:keep-all; overflow: hidden; position: absolute; right: -2500px; bottom: 0; line-height: 1em; font-weight: var(--flowing-text-font-weight); font-size: var(--flowing-text-size); font-family: var(--flowing-text-font-family); content:attr(data-flowing-text); color: var(--flowing-text-color); animation-duration:var(--flowing-text-speed); animation-delay:var(--flowing-text-delay); animation-name:flowing; animation-fill-mode:forwards; animation-iteration-count:infinite; animation-timing-function: linear;}
@keyframes flowing{
0% { transform: translateX(0)}
100% { transform: translateX(-2500px)}
}
/*==========================================================================================================================
スライダー　slick slider
====================================================*/
/*---------------
slick再設定
----------------*/
.slick-prev, .slick-next{ opacity: 0; transition: 0.2s;}
*:hover > .slick-prev, *:hover > .slick-next{ opacity: 1;}
.slick-next{ background: url("../../js_base/slick/img/next.png") 50% 50% no-repeat !important; background-size: 100% 100% !important; right: 0px !important; }
.slick-prev{ background: url("../../js_base/slick/img/prev.png") 50% 50% no-repeat !important; background-size: 100% 100% !important; left: 0px !important; }
.slick-prev:before, 
.slick-next:before{ content: "" !important;}
.slick-list, 
.slick-track{ width: 100%; height: 100%; display: block;}
.slick-dots li { width: 5% !important; height: 8px !important; background: #ddd;}
.slick-dots li:hover{ background: #ccc;}
.slick-dots li.slick-active{ background: var(--color1);}
.slick-dots li button:before{ display: none;}
.slick-dots{ bottom: 8px !important;}
/**/
.slick-prev, .slick-next { width: 50px !important; height: 50px !important; z-index: 11;}
.slick-prev:before, .slick-next:before{ font-size: 50px !important;}
@media screen and (max-width:850px) {
.slick-prev, .slick-next { width: 30px !important; height: 30px !important;}
.slick-prev:before, .slick-next:before{ font-size: 30px !important;}
}
/*---------------
common
----------------*/
.item-slider{ width: 100%; overflow-x: auto; overflow-y: hidden;}
.item-slider .item-slid{ height: 100%; position: relative;}
.item-slider .item-slid img{ width: 100%; height: 100%; object-fit: cover;}
.item-slider .item-slid a{ display: block; width: 100%; height: 100%; background: rgba(0,0,0,.1);}
.item-slider .item-slid a:hover{ opacity: 0.7;}
.item-slider .item-slid{ padding:2px;}
.fade-slider-full .item-slid, 
.slide-slider-1column .item-slid{ padding:0px;}
@media screen and (max-width:850px) {
.slide-slider-2-1column .item-slid, 
.slide-slider-3-1column .item-slid{ padding:0px;}
}

/*-----------------------------
fade-slider-full
フェードw100% 〇デフォルト
------------------------------*/
.fade-slider-full .item-slid{ width: 100%; display: block;}
@media screen and (min-width:851px) { .fade-slider-full{ height: var(--slider-pc-height);}}
@media screen and (max-width:850px) { .fade-slider-full{ height: var(--slider-sp-height);}}
/*-----------------------------
slide-slider-1column
スライド型　1カラム
------------------------------*/
.slide-slider-1column .item-slid{ width: 100%; display: block;}
@media screen and (min-width:851px) { .slide-slider-1column{ height: var(--slider-pc-height);}}
@media screen and (max-width:850px) { .slide-slider-1column{ height: var(--slider-sp-height);}}
/*-----------------------------
slide-slider-2-1column
スライド型　PC2→SP1カラム
------------------------------*/
@media screen and (min-width:851px) { .slide-slider-2-1column{ height: var(--slider-pc-height1);}}
@media screen and (max-width:850px) { .slide-slider-2-1column{ height: var(--slider-sp-height1);}}
/*-----------------------------
slide-slider-2-2column
スライド型　PC2→SP2カラム
------------------------------*/
@media screen and (min-width:851px) { .slide-slider-2-2column{ height: var(--slider-pc-height1);}}
@media screen and (max-width:850px) { .slide-slider-2-2column{ height: var(--slider-sp-height1);}}
/*-----------------------------
slide-slider-3-1column
スライド型　PC3→SP1カラム
-----------------------------*/
@media screen and (min-width:851px) { .slide-slider-3-1column{ height: var(--slider-pc-height1);}}
@media screen and (max-width:850px) { .slide-slider-3-1column{ height: var(--slider-sp-height1);}}
/*-----------------------------
slide-slider-3-2column
スライド型　PC3→SP2カラム
------------------------------*/
@media screen and (min-width:651px) { .slide-slider-3-2column{ height: var(--slider-pc-height1);}}
@media screen and (max-width:650px) { .slide-slider-3-2column{ height: var(--slider-sp-height1);}}



/*========================================================================================
テーブル
====================================================*/
.item-text-list { display: block;}
.item-text-list ul{ display: block;}
.item-text-list ul li{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px;}
.item-text-list ul li > *{ display: block;}
.item-text-list ul li .first{ display: flex; flex-direction: row; align-items: center;}
.item-text-list ul li .first span:first-child{ margin-right: 25px;}
.item-text-list ul li .first span:last-child{ line-height: 1.4em;}
.item-text-list ul li .second{}
.item-text-list ul li .second .tax{ opacity: 0.8; font-size: 80% !important; letter-spacing: 0; font-weight: 400; padding-left: 2px;}
/**/
.item-text-list.borderOn ul li{ border-bottom: solid 1px #ddd;}
/*-------------
.item-txtList-type1
------------*/
.item-txtList-type1 ul{}

/*-------------
.item-txtList-type2
------------*/
.item-txtList-type2 ul li{ padding: 30px 10px;}
.item-txtList-type2.borderOn ul li{ border-bottom: solid 1px #e5e5e5;}

/*-------------
.item-txtList-type3
------------*/
.item-txtList-type3 ul li{ padding: 15px 10px; position: relative;}
.item-txtList-type3 ul li::after{ width:calc(100% - 24px); height: 1px; position: absolute; left: 12px; top: 50%; content: ""; z-index: 1; background-image : linear-gradient(to left, #666, #666 1px, transparent 1px, transparent 6px); background-size: 6px 1px; background-position:right bottom; background-repeat: repeat-x;}
.item-txtList-type3 ul li > *{ background: #fff; position: relative; z-index: 4;}
.item-txtList-type3 ul li .first{ padding-right: 20px;}
.item-txtList-type3 ul li .second{ padding-left: 20px;}
.item-txtList-type3 ul li .second a{ font-size: 12px; padding: 4px 10px; margin-left: 15px;}

.item-txtList-type3.borderOn ul li{ border-bottom: none;}

/*========================================================================================
テーブル
====================================================*/
/*------------------
 ブログ用
--------------*/
.item-table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.item-table.table-layout-fixed{ table-layout: fixed;}
.item-table.td-left tbody *{ text-align: left;}
.item-table.td-center tbody *{ text-align: center;}
.item-table.td-right tbody *{ text-align: right;}
.item-table.font12 *{ font-size: 12px;}
.item-table.font13 *{ font-size: 13px;}
.item-table.font14 *{ font-size: 14px;}
.item-table.font15 *{ font-size: 15px;}
.item-table.font16 *{ font-size: 16px;}
.item-table.font17 *{ font-size: 17px;}
.item-table.font18 *{ font-size: 18px;}
.item-table.font19 *{ font-size: 19px;}
.item-table.font20 *{ font-size: 20px;}

.item-table thead{}
.blog-post .item-table th, 
.blog-post .item-table td{ padding: 10px; border: solid 1px #aaa; margin: 0; vertical-align: middle;}
@media screen and (max-width:650px) {
.item-table { min-width: 100%; overflow-x: auto;}
}
/*------------------
.item-table-type0
--------------*/
.item-table-type0{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.item-table-type0 th, 
.item-table-type0 td{ width: auto; border: none !important; border-bottom: solid 1px #e5e5e5 !important; padding: 10px 5px;}

/*------------------
.item-table-type1
--------------*/
.item-table-type1{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.item-table-type1{ table-layout: fixed;}

.item-table-type1 th, 
.item-table-type1 td{ width: auto; border: none !important; border-bottom: solid 1px #e5e5e5 !important; padding: 10px 5px;}
.item-table-type1 tr:nth-child(1) th, 
.item-table-type1 tr:nth-child(1) td{ border-bottom: double 4px #aaa !important;}

/*------------------
.item-table-type2
--------------*/
.item-table-type2{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.item-table-type2{ table-layout: fixed;}
.item-table-type2 *{ font-size: 14px !important;}
.item-table-type2 th, 
.item-table-type2 td{ padding: 10px; border: solid 1px #aaa; margin: 0; vertical-align: middle;}
.item-table-type2 tr:nth-child(1){ background: var(--color1);}
.item-table-type2 tr:nth-child(1) th, 
.item-table-type2 tr:nth-child(1) td{ color: #fff;}

@media screen and (max-width:800px) {
.item-table-type2 *{ font-size: 12px !important; line-height: 1.3em;}
}
@media screen and (max-width:700px) {
.item-table-type2 *{ font-size: 11px !important;}
}


/*------------------
.item-table-type3
--------------*/
.item-table-type3{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.item-table-type3{ table-layout: fixed;}
.item-table-type3 th, 
.item-table-type3 td{ padding: 10px; border: solid 1px #aaa; margin: 0; vertical-align: middle;}
.item-table-type3 tr:nth-child(1), 
.item-table-type3 th:nth-child(1), 
.item-table-type3 td:nth-child(1){ background: var(--color1);}
.item-table-type3 tr:nth-child(1) th, 
.item-table-type3 tr:nth-child(1) td, 
.item-table-type3 th:nth-child(1), 
.item-table-type3 td:nth-child(1){ color: #fff;}



/*------------------
.item-table-type2
--------------*/


/*========================================================================================
テーブル サマーノート
====================================================*/
.table-bordered{ width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0;}
.table-bordered.td-left tbody *{ text-align: left;}
.table-bordered.td-center tbody *{ text-align: center;}
.table-bordered.td-right tbody *{ text-align: right;}
.table-bordered *{ font-size: 14px;}
.table-bordered.font12 *{ font-size: 12px;}
.table-bordered.font13 *{ font-size: 13px;}
.table-bordered.font14 *{ font-size: 14px;}
.table-bordered.font15 *{ font-size: 15px;}
.table-bordered.font16 *{ font-size: 16px;}
.table-bordered.font17 *{ font-size: 17px;}
.table-bordered.font18 *{ font-size: 18px;}
.table-bordered.font19 *{ font-size: 19px;}
.table-bordered.font20 *{ font-size: 20px;}
.table-bordered{ background: #fff;}
.table-bordered thead{}
.table-bordered th, 
.table-bordered td{ padding:10px; border: solid 1px #aaa; margin: 0; vertical-align: middle; background: #fff;}
@media screen and (max-width:650px) {
.table-bordered { min-width: 100%; overflow-x: auto;}
}
/*--------------
iframe
-------------*/
.iframe-wrap{ width: 100%; display: block;}
.iframe-wrap iframe{ width: 100%; height: 100%; display: block;}
.iframe-movie-wrap{ width: 100%; display: flex; flex-direction: row; align-items: center; align-content: center; justify-content: center;}
.iframe-movie-wrap iframe{ aspect-ratio:4/3; pointer-events: none; position: relative; display: none;}
.iframe-movie-wrap::after{ width: 100%; height: 100%; position: absolute; left:0; top: 0; background: #000; content: ""; }

/*========================================================================================
リスト
====================================================*/
.item-ul-list li{ width: 100%; margin: 15px 0; line-height: 1.4em;}
.item-ul-list-disc li{list-style: disc; width: 96%; margin: 15px 0 15px 4%; line-height: 1.4em;}
.item-ul-list-circle li{list-style: circle; width: 100%; margin: 15px 0; line-height: 1.4em;}
.item-ul-list-decimal li{list-style: decimal; width: 95%; margin: 15px 0 15px 5%; line-height: 1.4em;}
.item-ul-list-decimal li::marker{ font-weight: bold; letter-spacing: 0;}

.item-ul-list-check li{ width: 100%; margin: 15px 0; line-height: 1.4em; padding-left: 22px; position: relative;}
.item-ul-list-check li::before{ content: ""; position: absolute; left: 0; top:5px; width: 6px; height: 12px;  border-right: 4px solid #111; border-bottom: solid 4px #111; transform: rotate(45deg);}

.post-ul-border{ width: 100%; padding:20px 30px; border: solid 1px #aaa; border-radius: 4px;}
.post-ul-border li{ width: 95%; margin-left: 5%;}
@media screen and (max-width:600px) {
.post-ul-border{ padding:20px 2%;}
}

/*========================================================================================
ボックス　画像が上
====================================================*/
.item-box-column { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.item-box-column.row2{ justify-content: space-between;}
.item-box-column.row1 .item{ width: 100%; margin: 20px 0;}
.item-box-column.row2 .item{ display: block;}
.item-box-column.row2 .item{ width: 48%; margin: 30px 0;}
.item-box-column.row3 .item{ width: 29%; margin: 20px 2%;}
.item-box-column.row4 .item{ width: 22%; margin: 20px 1.5%;}
/**/
.item-box-column .item, 
.item-box-column .item a{ display: block;}

.item-box-column .item .image{ display: block; width: 100%;}
.item-box-column .item .text{ display: flex; flex-direction: column;}
.item-box-column .item .title1 *, 
.item-box-column .item .title2 *{ line-height: 1.2em;}
.item-box-column .item a.link02{ display: inline-block; font-size: 12px; padding: 4px 10px; line-height: 1.2em; margin: 15px 0 10px;}
.boxColumn-type1 a .text h3 .set{ text-decoration-color:#ddd;}
@media screen and (max-width:1000px) {
.item-box-column.row4 .item{ width: 29%; margin: 20px 2%;}
}
@media screen and (max-width:800px) {
.item-box-column.row3 , 
.item-box-column.row4 { justify-content: space-between;}
.item-box-column.row2 .item, 
.item-box-column.row3 .item, 
.item-box-column.row4 .item{ width: 46%; margin: 30px 2%;}
}
@media screen and (max-width:600px) {
.item-box-column.row2 .item, 
.item-box-column.row3 .item, 
.item-box-column.row4 .item{ width: 100%; margin: 20px 1.5%;}
}

/*--------------
.boxColumn-type1
--------------*/
.boxColumn-type1 .item > a{}
.boxColumn-type1 .item > a:hover .image img{ opacity: 0.8;}
.boxColumn-type1 .item > a:hover .text h3 .set{ text-decoration: underline; }
.item-box-column.boxColumn-type1.borderON .item{ border: solid 1px #ddd;}
.item-box-column.boxColumn-type1.borderON .item .text{ padding: 10px 10px 20px;}

/*--------------
.boxColumn-type2
--------------*/
.boxColumn-type2 .item > a{ height: 100%;}
.boxColumn-type2 .item .image{ padding: 10px;}
.boxColumn-type2 .item .text{ padding: 10px 15px 15px;}
.boxColumn-type2 .item > a:hover .image img{ opacity: 0.7;}
.boxColumn-type2 .item > a:hover{ box-shadow: 0 4px 8px rgba(0,0,0,.2);}
.item-box-column.boxColumn-type2.borderON .item { border: solid 1px #eee;}

/*--------------
.boxColumn-type3
--------------*/
.boxColumn-type3 .item > a{ height: 100%; }
.boxColumn-type3 .item .text{ padding: 10px 15px 15px;}
.boxColumn-type3 .item > a:hover .image img{ opacity: 0.8;}
.boxColumn-type3 .item > a { box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.boxColumn-type3 .item > a:hover{ box-shadow: 0 0 0 rgba(0,0,0,0);}
.item-box-column.boxColumn-type3.borderON .item{ border: solid 1px #ddd;}
.item-box-column.boxColumn-type3.borderON .item > a:hover{ box-shadow: 0 0 0 rgba(0,0,0,.1);}

/*--------------
.boxColumn-type4
--------------*/
.boxColumn-type4 .item , 
.boxColumn-type4 .item > a { border-radius: 14px;}
.boxColumn-type4 .item > a{ height: 100%;}
.boxColumn-type4 .item .text{ padding: 15px 20px 15px;}
.boxColumn-type4 .item > a:hover .image img{ opacity: 0.8;}
.boxColumn-type4 .item .image { border-radius: 14px 14px 0 0; overflow:hidden;}
.boxColumn-type4 .item > a{}
.item-box-column.boxColumn-type4.borderON .item{ border: solid 1px #ddd; }
.item-box-column.boxColumn-type4.borderON .item > a{ box-shadow: 2px 6px 12px rgba(0,0,0,.1); transition: 0.2s;}
.item-box-column.boxColumn-type4.borderON .item > a:hover{ box-shadow: 0 0 0 2px rgba(0,0,0,.2);}

/*========================================================================================
ボックス　画像が下
====================================================*/
.item-box-column-reverse { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.item-box-column-reverse.row2{ justify-content: space-between;}
.item-box-column-reverse.row1 .item{ width: 100%; margin: 20px 0;}
.item-box-column-reverse.row2 .item{ width: 48%; margin: 30px 0;}
.item-box-column-reverse.row3 .item{ width: 29%; margin: 20px 2%;}
.item-box-column-reverse.row4 .item{ width: 22%; margin: 20px 1.5%;}
/**/
.item-box-column-reverse .item, 
.item-box-column-reverse .item a{ display: flex; flex-direction: column-reverse;}
.item-box-column-reverse .item a.link02{ display: inline-block; font-size: 12px; padding: 4px 10px; line-height: 1.2em; margin: 15px 0 10px;}

.item-box-column-reverse .item .image{ display: block; width: 100%;}
.item-box-column-reverse .item .text{ display: flex; flex-direction: column;}
.item-box-column-reverse .item .title1 *, 
.item-box-column-reverse .item .title2 *{ line-height: 1.2em;} 
.boxColumn-r-type1 a .text h3 .set{ text-decoration-color:#ddd;}
@media screen and (max-width:1000px) {
.item-box-column-reverse.row4 .item{ width: 29%; margin: 20px 2%;}
}
@media screen and (max-width:800px) {
.item-box-column-reverse.row3 , 
.item-box-column-reverse.row4 { justify-content: space-between;}
.item-box-column-reverse.row2 .item, 
.item-box-column-reverse.row3 .item, 
.item-box-column-reverse.row4 .item{ width: 46%; margin: 30px 2%;}
}
@media screen and (max-width:600px) {
.item-box-column-reverse.row2 .item, 
.item-box-column-reverse.row3 .item, 
.item-box-column-reverse.row4 .item{ width: 100%; margin: 20px 1.5%;}
}

/*--------------
.boxColumn-r-type1
--------------*/
.boxColumn-r-type1 .item > a{}
.boxColumn-r-type1 .item > a:hover .image img{ opacity: 0.8;}
.boxColumn-r-type1 .item > a:hover .text h3 .set{ text-decoration: underline; }
.item-box-column-reverse.boxColumn-r-type1.borderON .item{ border: solid 1px #ddd;}
.item-box-column-reverse.boxColumn-r-type1.borderON .item .text{ padding: 10px 10px 20px;}

/*--------------
.boxColumn-r-type2
--------------*/
.boxColumn-r-type2 .item > a{ height: 100%;}
.boxColumn-r-type2 .item .image{ padding: 10px;}
.boxColumn-r-type2 .item .text{ padding: 10px 15px 15px;}
.boxColumn-r-type2 .item > a:hover .image img{ opacity: 0.7;}
.boxColumn-r-type2 .item > a:hover{ box-shadow: 0 4px 8px rgba(0,0,0,.2);}
.item-box-column-reverse.boxColumn-r-type2.borderON .item { border: solid 1px #eee;}

/*--------------
.boxColumn-r-type3
--------------*/
.boxColumn-r-type3 .item > a{ height: 100%; }
.boxColumn-r-type3 .item .text{ padding: 10px 15px 15px;}
.boxColumn-r-type3 .item > a:hover .image img{ opacity: 0.8;}
.boxColumn-r-type3 .item > a { box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.boxColumn-r-type3 .item > a:hover{ box-shadow: 0 0 0 rgba(0,0,0,0);}
.item-box-column-reverse.boxColumn-r-type3.borderON .item{ border: solid 1px #ddd;}
.item-box-column-reverse.boxColumn-r-type3.borderON .item > a:hover{ box-shadow: 0 0 0 rgba(0,0,0,.1);}

/*--------------
.boxColumn-r-type4
--------------*/
.boxColumn-r-type4 .item , 
.boxColumn-r-type4 .item > a { border-radius: 14px;}
.boxColumn-r-type4 .item > a{ height: 100%;}
.boxColumn-r-type4 .item .text{ padding: 15px 20px 15px;}
.boxColumn-r-type4 .item > a:hover .image img{ opacity: 0.8;}
.boxColumn-r-type4 .item .image { border-radius: 0 0 14px 14px; overflow:hidden;}
.boxColumn-r-type4 .item > a{}
.item-box-column-reverse.boxColumn-r-type4.borderON .item{ border: solid 1px #ddd; }
.item-box-column-reverse.boxColumn-r-type4.borderON .item > a{ box-shadow: 2px 6px 12px rgba(0,0,0,.1); transition: 0.2s;}
.item-box-column-reverse.boxColumn-r-type4.borderON .item > a:hover{ box-shadow: 0 0 0 2px rgba(0,0,0,.2);}

/*========================================================================================
横並び 左が画像
====================================================*/
.item-box-rowL { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.item-box-rowL.row2{ justify-content: space-between;}
/**/
.item-box-rowL .item, 
.item-box-rowL .item a{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.item-box-rowL .item a.link02{ display: inline-block; font-size: 12px; padding: 4px 10px; line-height: 1.2em; margin: 15px 0 10px;}

.item-box-rowL.row1 .item{ width: 100%; margin: 20px 0;}
.item-box-rowL.row2 .item{ width: 48%; margin: 30px 0;}
.item-box-rowL.row3 .item{ width: 29%; margin: 20px 2%;}
.item-box-rowL.align-top .item{}
.item-box-rowL.align-center .item, 
.item-box-rowL.align-center .item a{ align-items: center;}
.item-box-rowL.align-bottom .item, 
.item-box-rowL.align-bottom .item a{ align-items: flex-end;}
/**/
.item-box-rowL .item .image{ display: block; margin-right: 20px;}

.item-box-rowL.rowBox-img20 .item .image { width: 20%;}
.item-box-rowL.rowBox-img25 .item .image{ width: 25%;}
.item-box-rowL.rowBox-img30 .item .image{ width: 30%;}
.item-box-rowL.rowBox-img35 .item .image{ width: 35%;}
.item-box-rowL.rowBox-img40 .item .image{ width: 40%;}
.item-box-rowL.rowBox-img45 .item .image{ width: 45%;}
.item-box-rowL.rowBox-img50 .item .image{ width: 50%;}
.item-box-rowL.rowBox-img55 .item .image{ width: 55%;}
.item-box-rowL.rowBox-img60 .item .image{ width: 60%;}
.item-box-rowL .item a:hover .image { opacity: 0.7;}
.item-box-rowL .item .text{ flex: 1; display: block;}
.item-box-rowL .item a:hover .text h3 { text-decoration: underline;}
/**/
.item-box-rowL .item .title1 *, 
.item-box-rowL .item .title2 *{ line-height: 1.2em;} 
@media screen and (max-width:1000px) {
.item-box-rowL.row3 { justify-content: space-between;}
.item-box-rowL.row2 .item, 
.item-box-rowL.row3 .item{ width: 46%; margin: 30px 2%;}
}
@media screen and (max-width:600px) {
.item-box-rowL.row1 .item, 
.item-box-rowL.row2 .item, 
.item-box-rowL.row3 .item{ width: 100%; margin: 5px 1.5%;}
.item-box-rowL.rowBox-img40 .item, 
.item-box-rowL.rowBox-img45 .item, 
.item-box-rowL.rowBox-img50 .item, 
.item-box-rowL.rowBox-img55 .item, 
.item-box-rowL.rowBox-img60 .item, 
.item-box-rowL.rowBox-img40 .item a, 
.item-box-rowL.rowBox-img45 .item a, 
.item-box-rowL.rowBox-img50 .item a, 
.item-box-rowL.rowBox-img55 .item a, 
.item-box-rowL.rowBox-img60 .item a{ flex-direction: column;}
.item-box-rowL.rowBox-img40 .item .image, 
.item-box-rowL.rowBox-img45 .item .image, 
.item-box-rowL.rowBox-img50 .item .image, 
.item-box-rowL.rowBox-img55 .item .image, 
.item-box-rowL.rowBox-img60 .item .image, 
.item-box-rowL.rowBox-img40 .item .text, 
.item-box-rowL.rowBox-img45 .item .text, 
.item-box-rowL.rowBox-img50 .item .text, 
.item-box-rowL.rowBox-img55 .item .text, 
.item-box-rowL.rowBox-img60 .item .text{ width: 100%; margin: 0 0 5px;}
}

/*--------------
.boxRowL-type1
--------------*/
.boxRowL-type1.borderON .item { border: solid 1px #ccc; padding: 10px;}

/*--------------
.boxRowL-type2
--------------*/
.boxRowL-type2 .item  { border-radius: 8px;}
.boxRowL-type2 .item .image { border-radius: 6px; overflow: hidden;}
.boxRowL-type2.borderON .item { border: solid 1px #ccc; padding: 10px;}

/*========================================================================================
横並び 左が画像
====================================================*/
.item-box-rowR { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.item-box-rowR.row2{ justify-content: space-between;}
/**/
.item-box-rowR .item, 
.item-box-rowR .item a{ display: flex; flex-direction:row-reverse; justify-content: space-between; align-items: flex-start;}
.item-box-rowR .item a.link02{ display: inline-block; font-size: 12px; padding: 4px 10px; line-height: 1.2em; margin: 15px 0 10px;}

.item-box-rowR.row1 .item{ width: 100%; margin: 20px 0;}
.item-box-rowR.row2 .item{ width: 48%; margin: 10px 0;}
.item-box-rowR.row3 .item{ width: 29%; margin: 20px 2%;}
.item-box-rowR.align-top .item{}
.item-box-rowR.align-center .item, 
.item-box-rowR.align-center .item a{ align-items: center;}
.item-box-rowR.align-bottom .item, 
.item-box-rowR.align-bottom .item a{ align-items: flex-end;}
/**/
.item-box-rowR .item .image{ display: block; margin-left: 20px;}

.item-box-rowR.rowBox-img20 .item .image { width: 20%;}
.item-box-rowR.rowBox-img25 .item .image{ width: 25%;}
.item-box-rowR.rowBox-img30 .item .image{ width: 30%;}
.item-box-rowR.rowBox-img35 .item .image{ width: 35%;}
.item-box-rowR.rowBox-img40 .item .image{ width: 40%;}
.item-box-rowR.rowBox-img45 .item .image{ width: 45%;}
.item-box-rowR.rowBox-img50 .item .image{ width: 50%;}
.item-box-rowR.rowBox-img55 .item .image{ width: 55%;}
.item-box-rowR.rowBox-img60 .item .image{ width: 60%;}
.item-box-rowR .item a:hover .image { opacity: 0.7;}
.item-box-rowR .item .text{ flex: 1; display: block;}
.item-box-rowR .item a:hover .text h3 { text-decoration: underline;}
/**/
.item-box-rowR .item .title1 *, 
.item-box-rowR .item .title2 *{ line-height: 1.2em;}
/**/
.item-box-rowR.row1 .item .text{ padding-left: 30px;}

@media screen and (max-width:1000px) {
.item-box-rowR.row3 { justify-content: space-between;}
.item-box-rowR.row2 .item, 
.item-box-rowR.row3 .item{ width: 46%; margin: 30px 2%;}
.item-box-rowR.row1 .item .text{ padding: 10px;}
}
@media screen and (max-width:600px) {
.item-box-rowR.row1 .item, 
.item-box-rowR.row2 .item, 
.item-box-rowR.row3 .item{ width: 100%; margin: 5px 1.5%;}
.item-box-rowR.rowBox-img40 .item, 
.item-box-rowR.rowBox-img45 .item, 
.item-box-rowR.rowBox-img50 .item, 
.item-box-rowR.rowBox-img55 .item, 
.item-box-rowR.rowBox-img60 .item, 
.item-box-rowR.rowBox-img40 .item a, 
.item-box-rowR.rowBox-img45 .item a, 
.item-box-rowR.rowBox-img50 .item a, 
.item-box-rowR.rowBox-img55 .item a, 
.item-box-rowR.rowBox-img60 .item a{ flex-direction: column;}
.item-box-rowR.rowBox-img40 .item .image, 
.item-box-rowR.rowBox-img45 .item .image, 
.item-box-rowR.rowBox-img50 .item .image, 
.item-box-rowR.rowBox-img55 .item .image, 
.item-box-rowR.rowBox-img60 .item .image, 
.item-box-rowR.rowBox-img40 .item .text, 
.item-box-rowR.rowBox-img45 .item .text, 
.item-box-rowR.rowBox-img50 .item .text, 
.item-box-rowR.rowBox-img55 .item .text, 
.item-box-rowR.rowBox-img60 .item .text{ width: 100%; margin: 0 0 5px;}
}

/*--------------
.boxRowR-type1
--------------*/
.boxRowR-type1.borderON .item { border: solid 1px #ccc; padding: 15px;}

/*--------------
.boxRowR-type2
--------------*/
.boxRowR-type2 .item  { border-radius: 8px;}
.boxRowR-type2 .item .image { border-radius: 6px; overflow: hidden;}
.boxRowR-type2.borderON .item { border: solid 1px #ccc; padding: 10px;}

/*========================================================================================
ニュースリスト
====================================================*/
.item-newsList{}
.item-newsList.news-max-h200{ max-height: 200px; overflow-y: auto;}
.item-newsList.news-max-h250{ max-height: 250px; overflow-y: auto;}
.item-newsList.news-max-h300{ max-height: 300px; overflow-y: auto;}
.item-newsList.news-max-h350{ max-height: 350px; overflow-y: auto;}
.item-newsList.news-max-h400{ max-height: 400px; overflow-y: auto;}
.item-newsList.news-max-h450{ max-height: 450px; overflow-y: auto;}
.item-newsList.news-max-h500{ max-height: 500px; overflow-y: auto;}

.item-newsList ul{ display: block; border-top: solid 1px #ddd;}
.item-newsList ul li{ display: flex; flex-direction: none; padding: 20px; border-bottom: solid 1px #ddd;}
.item-newsList ul li > *{ display: flex; flex-direction: row; align-items: center;}

.item-newsList ul li > * .image{ height: auto; margin-right: 40px; background: #111; flex-shrink: 0;}
.item-newsList ul li > * .image img{ display: block;}
.item-newsList ul li > * .txt{ display: flex; flex-direction: row; align-items: center;}
.item-newsList ul li > * .txt .date{ word-break: keep-all; margin-right: 50px; text-align: center;}
.item-newsList ul li > * .txt .date .cate{ width: 130px; display: block; word-break: keep-all; padding: 4px 0; border-radius: 4px; border: solid 1px #aaa; font-size: 12px; margin-top: 5px; text-align: center; flex-shrink: 0;}
.item-newsList ul li > * .txt .info{ width: 100%; display: block;}
.item-newsList ul li a:hover img{ opacity: 0.4;}
.item-newsList ul li a:hover .txt .date .cate{ background: #eee;}
.item-newsList ul li a:hover .info{ text-decoration: underline; text-decoration-thickness:1px; text-decoration-color: #999;}
@media screen and (min-width: 901px) {
.item-newsList ul li > * .image{ max-width:300px;}
}
@media screen and (max-width: 1200px) { 
.item-newsList ul li > * .image{ width: 15%;}
}
@media screen and (max-width: 900px) { 
.item-newsList ul li > * .image{ width: 100px; margin-right: 20px;}
.item-newsList ul li > * .txt .date{ margin-right: 30px;}
}
@media screen and (max-width: 700px) { 
.item-newsList ul li > * .txt{ flex-direction: column; align-items: flex-start;}
.item-newsList ul li > * .txt .date{ display: flex; flex-direction: row; justify-content: flex-start; align-items:center; margin-bottom: 5px;}
.item-newsList ul li > * .txt .date br{ display: none;}
.item-newsList ul li > * .txt .date .cate{ width: auto; max-width: 100px; padding: 0px 10px; font-size: 11px; margin-top: 0; margin-left:10px;}
}
@media screen and (max-width: 600px) { 
.item-newsList ul li > * .image{ width: 80px;}
.item-newsList ul li > * .image + .txt{ width: calc(100% -100px);}
}

/*デザイン1*/
.news-design1 li > * .txt { display: flex; flex-direction: row; justify-content:space-between; flex-wrap: nowrap;}

.news-design1 li > * .txt .date .d { font-size: 80% !important; }
.news-design1 li > * .txt .date .cate { width: auto !important; padding: 2px 10px !important; font-size: 80% !important; display: inline-block; line-height: 1em;}
.news-design1 li > * .txt .info{text-align: left;}


/*========================================================================================
mv下にニュース
====================================================*/
#mv_news .column1{ display: flex; flex-direction: row; align-items: center; padding:8px 10px 15px; background: #fff; border-radius: 6px;}
#mv_news .column1 h2{ font-size: 18px; padding: 0 20px ; word-break: keep-all;}
#mv_news .column1 ul{ width: 100%; display: block; padding: 15px; max-height: 150px; max-height: 100px; overflow-x: auto;}
#mv_news .column1 ul li { width: 100%; display: block; padding:5px 10px; border-bottom: solid 1px rgba(0,0,0,.1);}
#mv_news .column1 ul li * { font-size: 13px; letter-spacing: 0;}
#mv_news .column1 ul li * .txt{}
#mv_news .column1 ul li * .txt, 
#mv_news .column1 ul li * .txt .date{ display: flex; flex-direction: row; align-items: center; color: #999;}
#mv_news .column1 ul li * .txt .date .d{ color: #999; width: 110px;}
#mv_news .column1 ul li * .txt .date .cate{ display: none;}
@media screen and (min-width: 851px) {
#mv_news .column1 ul::-webkit-scrollbar {width: 4px;}
#mv_news .column1 ul::-webkit-scrollbar-track { background-color:#ddd;}
#mv_news .column1 ul::-webkit-scrollbar-thumb { background-color:var(--color1); border-radius:0px; box-shadow:0 0 0 1px rgba(255, 255, 255, .3);}
}
@media screen and (max-width:700px) {
#mv_news .column1{ flex-direction: column;}
#mv_news .column1 ul { padding-top: 0;}
#mv_news .column1 ul li * { font-size: 12px;}
}







/*========================================================================================
FAQ
====================================================*/
.item-faq {}
.item-faq dl{ display: block;}
.item-faq dl > *{ display: block; padding: 8px 10px 8px 2.2em; position: relative;}
.item-faq dl dt{ font-weight: bold; border-bottom: solid 1px #ddd;}
.item-faq dl dt span, 
.item-faq dl dd span{ position: absolute; top: 8px; left:5px; font-weight: bold;}
.item-faq dl dd { margin-bottom: 30px;}
.item-faq dl dd span{}

.item-faq-type1 dl dt, 
.item-faq-type2 dl dt, 
.item-faq-type3 dl dt, 
.item-faq-type4 dl dt{ pointer-events: none;}
.item-faq-type1 dl dd, 
.item-faq-type2 dl dd, 
.item-faq-type3 dl dd, 
.item-faq-type4 dl dd { display: block !important;}
/*------------
.item-faq-type1
--------------*/
.item-faq-type1 dl dd span{ opacity: 0.5;}
/*------------
.item-faq-type2
--------------*/
.item-faq-type2 dl > *{ padding: 12px 10px 12px 48px;}
.item-faq-type2 dl dt span, 
.item-faq-type2 dl dd span{ top: 10px; width: 34px; height: 34px; display: flex; align-items: center; align-content: center; justify-content: center; border-radius: 100%; line-height: 1em; padding-bottom: 5px;}

.item-faq-type2 dl dt span{ background: var(--color1); color: #fff;}
.item-faq-type2 dl dd span{ background: #fff; color: var(--color1);}

/*------------
.item-faq-type3
--------------*/
.item-faq-type3 dl dt , 
.item-faq-type3 dl dd { background:#fff;}
.item-faq-type3 dl dt { padding: 20px 20px 20px 60px; border-radius: 2px 2px 0 0; border: solid 1px #ccc; border-bottom: dotted 1px #ddd;}
.item-faq-type3 dl dd{ padding: 20px 20px 20px 60px; border-radius: 0 0 2px 2px; border: solid 1px #ccc; border-top: none;}
.item-faq-type3 dl dt span{ top: 13px; left:20px; font-size: 150%; color: var(--color1);}
.item-faq-type3 dl dd span{ top: 15px; left:20px; font-size: 150%; opacity: 0.5;}

/*------------
.item-faq-type4
--------------*/
.item-faq-type4 dl dt , 
.item-faq-type4 dl dd { background:#fff; box-shadow: 0 4px 8px rgba(0,0,0,.1);}
.item-faq-type4 dl dt { padding: 20px 10px 10px 42px; border-radius: 8px 8px 0 0; border: solid 1px #aaa; border-bottom: dotted 1px #aaa;}
.item-faq-type4 dl dd{ padding: 10px 10px 20px 42px; border-radius: 0 0 8px 8px; border: solid 1px #aaa; border-top: none;}
.item-faq-type4 dl dt span{ top: 18px; left:14px;}
.item-faq-type4 dl dd span{ top: 12px; left:14px;}

/*------------
.item-faq-type01
--------------*/
.item-faq-type01 dl dd span{ opacity: 0.5;}
.item-faq-type01 dl dt{ display: block; padding: 15px 70px 15px 50px; position: relative;}
.item-faq-type01 dl dt span, 
.item-faq-type01 dl dd span{ width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; top:13px; left:8px; font-weight: bold; border-radius: 100%;}
.item-faq-type01 dl dt{ cursor: pointer; transition: 0.2s;}
.item-faq-type01 dl dt::after{ content: ""; width: 14px; height: 14px; position: absolute; right: 25px; top: 50%; border-bottom: solid 3px #111; border-right: solid 3px #111; transform:rotate(45deg); margin-top: -10px; opacity: 0.3; transition: 0.2s;}
.item-faq-type01 dl dt:hover{ opacity: 0.6;}
.item-faq-type01 dl dt:hover::after{ opacity: 1;}

.item-faq-type01 dl dt.open::after{ transform:rotate(-135deg);}
.item-faq-type01 dl dt.open span { background: #555; color: #fff;}
.item-faq-type01 dl dd { display: none; width: 100%; padding: 15px 70px 15px 2.4em; position: relative; opacity: 0; transition:0.1s 0.1s;}
.item-faq-type01 dl dd.open-dd{ opacity: 1;}

/*------------
.item-faq-type02
--------------*/
.item-faq-type02 dl dd span{ opacity: 0.5;}
.item-faq-type02 dl dt{ display: block; padding: 15px 70px 15px 50px; position: relative;}
.item-faq-type02 dl dt span, 
.item-faq-type02 dl dd span{ width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; top:13px; left:8px; font-weight: bold; border-radius: 100%;}
.item-faq-type02 dl dt{ cursor: pointer; transition: 0.2s;}
.item-faq-type02 dl dt::after{ content: ""; width: 14px; height: 14px; position: absolute; right: 25px; top: 50%; border-bottom: solid 3px var(--color1); border-right: solid 3px var(--color1); transform:rotate(45deg); margin-top: -10px; opacity: 0.3; transition: 0.2s;}
.item-faq-type02 dl dt:hover{ opacity: 0.6;}
.item-faq-type02 dl dt:hover::after{ opacity: 1;}
.item-faq-type02 dl dt.open::after{ transform:rotate(-135deg);}
.item-faq-type02 dl dt.open span { background: #555; color: #fff;}
.item-faq-type02 dl dd { display: none; width: 100%; padding: 15px 70px 15px 2.4em; position: relative; opacity: 0; transition:0.1s 0.1s;}
.item-faq-type02 dl dd.open-dd{ opacity: 1;}
.item-faq-type02 dl dt span{ background: var(--color1); color: #fff;}
.item-faq-type02 dl dd span{ background: #fff; color: var(--color1);}

/*------------
.item-faq-type03
--------------*/
.item-faq-type03 dl dt , 
.item-faq-type03 dl dd { background:#fff;}
.item-faq-type03 dl dt { padding: 20px 70px 20px 60px; border-radius: 2px; border: solid 1px #ccc; margin-bottom: 30px; cursor: pointer;}
.item-faq-type03 dl dt:hover{ border: solid 1px var(--color1);}
.item-faq-type03 dl dt.open{ border-radius: 2px 2px 0 0; border: solid 1px #ccc;  border-bottom: dotted 1px #ddd; margin-bottom: 0;}
.item-faq-type03 dl dt::after{ content: ""; width: 14px; height: 14px; position: absolute; right: 25px; top: 50%; border-bottom: solid 3px #ddd; border-right: solid 3px #ddd; transform:rotate(45deg); margin-top: -10px; transition: 0.2s;}
.item-faq-type03 dl dt:hover::after{ border-bottom: solid 3px var(--color1); border-right: solid 3px var(--color1);}
.item-faq-type03 dl dt.open::after{ transform:rotate(-135deg);}
.item-faq-type03 dl dt span{ top: 13px; left:20px; font-size: 150%; color: var(--color1);}
.item-faq-type03 dl dd{ display: none; padding: 20px 20px 20px 60px; border-radius: 0 0 2px 2px; border: solid 1px #ccc; border-top: none;  opacity: 0; transition:0.1s 0.1s;}
.item-faq-type03 dl dd span{ top: 15px; left:20px; font-size: 150%; opacity: 0.5;}
.item-faq-type03 dl dd.open-dd{ opacity: 1;}

/*------------
.item-faq-type04
--------------*/
.item-faq-type04 dl dt , 
.item-faq-type04 dl dd { background:#fff; box-shadow: 0 4px 8px rgba(0,0,0,.1);}
.item-faq-type04 dl dt { padding: 20px 70px 10px 42px; border-radius: 8px; border: solid 1px #aaa; margin-bottom: 30px; cursor: pointer;}
.item-faq-type04 dl dt:hover{ border: solid 1px var(--color1);}
.item-faq-type04 dl dt.open:hover{ border: solid 1px #aaa; border-bottom: dotted 1px #aaa;}
.item-faq-type04 dl dt.open{ border-radius: 8px 8px 0 0; border-bottom: dotted 1px #aaa; margin-bottom: 0; background:var(--color1);}
.item-faq-type04 dl dt.open, 
.item-faq-type04 dl dt.open *, 
.item-faq-type04 dl dt:hover.open *{ color: #fff !important;}
.item-faq-type04 dl dt::after{ content: ""; width: 14px; height: 14px; position: absolute; right: 25px; top: 50%; border-bottom: solid 3px #ddd; border-right: solid 3px #ddd; transform:rotate(45deg); margin-top: -10px; transition: 0.2s;}
.item-faq-type04 dl dt:hover::after{ border-bottom: solid 3px var(--color1); border-right: solid 3px var(--color1);}
.item-faq-type04 dl dt.open:hover::after{ border-bottom: solid 3px #fff; border-right: solid 3px #fff;}
.item-faq-type04 dl dt.open::after{ transform:rotate(-135deg);}
.item-faq-type04 dl dt:hover span{ color: var(--color1);}
.item-faq-type04 dl dd{ display: none; padding: 10px 70px 20px 42px; border-radius: 0 0 8px 8px; border: solid 1px #aaa; border-top: none; opacity: 0;}
.item-faq-type04 dl dt span{ top: 18px; left:14px;}
.item-faq-type04 dl dd span{ top: 12px; left:14px;}
.item-faq-type04 dl dd.open-dd{ opacity: 1;}

/*========================================================================================
googlemap
====================================================*/
.googleMap{ width: 100%; display: block; position: relative;}
.googleMap iframe{width: 100%; height: 100%; display: block;}

/*========================================================================================
item-access
====================================================*/
.item-access { display: flex; flex-direction: row; justify-content: space-between;}
.item-access .map{ width: 30%; display: block; background: #ddd; position: relative; overflow: hidden;}
.item-access .map iframe{ width:100%; height: 100%;}

.item-access .text{ width: 65%; display: flex; flex-direction: column;}
.item-access .text .h3{ width: 100%; display: block; line-height: 1.2em; margin-bottom: 5px;}
.item-access .text p{ line-height: 1.3em; margin-bottom: 5px;}
.item-access .text table , 
.item-access .text table tbody, 
.item-access .text table tr{ width: 100%;}
.item-access .text table tr > *{ text-align: left; line-height: 1.3em;}
.item-access .text table tr th{ padding: 15px 20px 15px 0; vertical-align:top; word-break: keep-all;}
.item-access .text table tr td{}
.column2 .item-access-type1 .text .h3,  
.column3 .item-access-type1 .text .h3, 
.column3 .item-access-type1 .text p{ font-size: 14px;}
.column2 .item-access .text table tr *,  
.column3 .item-access .text table tr *{ font-size: 12px;}
.column2 .item-access .text table tr th, 
.column2 .item-access .text table tr td, 
.column3 .item-access .text table tr th, 
.column3 .item-access .text table tr td{ width: 100%; display: block; padding: 0;}

.column2 .item-access .text table tr td, 
.column3 .item-access .text table tr td{ margin-bottom: 15px; opacity: 0.7;}


/*-----------
item-access-type1
-------------*/
.item-access-type1 .text .h3{ display: inline-block; padding: 6px 10px; font-size: 16px; background: var(--color1); color: #fff; border-radius: 6px; margin-bottom: 10px;}

/*-----------
item-access-type2
-------------*/
.item-access-type2 { padding: 20px; border-radius: 10px; border: solid 1px #aaa;}
.item-access-type2 .map{ border-radius: 10px;}
.item-access-type2 .text .h3{ display: inline-block; width: auto; padding: 0 10px 6px; font-size: 16px; font-weight: bold; border-bottom: double 3px #999; margin-bottom: 10px;}

/*-----------
item-access-type3
-------------*/

/*========================================================================================
modal-gallery
====================================================*/
.modalon{ overflow: hidden;}
.modalon *{ z-index:auto !important;}

/**/
.modal-gallery{ display: block;}
.modal-gallery ul{ display: flex; flex-direction: row; flex-wrap: wrap;}
.modal-gallery ul li { display: block; overflow: hidden; margin:0.1%; background: #000; cursor: pointer;}
.edit-modal-gallery li{ background: none !important;}/*管理画面用*/
.modalon .modal-gallery ul li{ background: none;}
.modal-gallery ul li img{ width: 100%; height: 100%; object-fit:cover; transition: 0.2s;}
.modal-gallery ul li:hover img{ opacity: 0.7;}
.modalon .modal-gallery ul li:hover img{ opacity: 1;}
.modal-gallery.img-row1 ul li{ width: 99.8%;}
.modal-gallery.img-row2 ul li{ width: 49.8%;}
.modal-gallery.img-row3 ul li{ width: 33.13%;}
.modal-gallery.img-row4 ul li{ width: 24.8%;}
.modal-gallery.img-row5 ul li{ width: 19.8%;}
.modal-gallery.img-row6 ul li{ width: 16.4%;}
/*　開いた時　*/
.modal-gallery.current{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center;}
.modal-gallery.current{ z-index: 9999999 !important;}
.modal-gallery.current ul{ width: 80%; height: 80%; display: flex; margin: 10%; align-content: center; align-items: center; justify-content: center; position: relative; z-index: 100 !important;}
.modal-gallery.current ul li{ width: 100% !important; height: 100%; display: none; align-content: center; align-items: center; justify-content: center;}
.modal-gallery.current ul li.viewImg{  display: flex;}
.modal-gallery.current ul li.viewImg img { width: 100%; height: 100%; max-width: 100%; object-fit: contain;}
/*　オーバーレイ　*/
.modal-gallery .modal-gallery-overray{ display: none;}
.modal-gallery.current .modal-gallery-overray.partsON{ display: block; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,.8); transition: 0.2s; cursor: pointer;}
.modalon .modal-gallery .modal-gallery-overray:hover{ background: rgba(0,0,0,.9);}

/*　ボタン　*/
.modal-gallery .modal-btn-close, 
.modal-gallery .modal-btn-next, 
.modal-gallery .modal-btn-prev { display: none;}

.modal-gallery.current .modal-btn-close.partsON, 
.modal-gallery.current .modal-btn-next.partsON, 
.modal-gallery.current .modal-btn-prev.partsON { display: block; cursor: pointer;}

.modal-gallery .modal-btn-close{ width: 80px; height: 80px; position: fixed; right: 15px; top: 15px; border-radius: 6px; border: solid 1px #fff; z-index: 1000000 !important; transition: 0.2s;}
.modal-gallery .modal-btn-close::after, 
.modal-gallery .modal-btn-close::before{ content: ""; width: 50px; height: 2px; background: #fff; left: 15px; top: 48%; position: absolute; transition: 0.2s; cursor: pointer;}
.modal-gallery .modal-btn-close::after{ transform:rotate(45deg);} 
.modal-gallery .modal-btn-close::before{ transform:rotate(-45deg);}

.modal-gallery .modal-btn-close.hover{ background: rgba(255,255,255,.2);}
.modal-gallery .modal-btn-close.hover:hover{ background: rgba(0,0,0,.4);}
.modal-gallery .modal-btn-close.hover::after, 
.modal-gallery .modal-btn-close.hover::before { width: 30px; left: 25px;} 
.modal-gallery-height{}
/**/
.modal-gallery .modal-btn-next, 
.modal-gallery .modal-btn-prev{ width: 40%; height: 80%; position:absolute; top: 10%; z-index: 100 !important; }
.modal-gallery .modal-btn-next{ right: 10%;}
.modal-gallery .modal-btn-prev{ left: 10%;}
.modal-gallery .modal-btn-next::after, 
.modal-gallery .modal-btn-next::before, 
.modal-gallery .modal-btn-prev::after, 
.modal-gallery .modal-btn-prev::before{ width: 30px; height: 2px; content:""; background: #fff; position: absolute; top: 50%; opacity: 0.05; transition: 0.3s; cursor: pointer;}
.modal-gallery .modal-btn-next::after{ right: -35px; transform:rotate(45deg); margin-top: -10px;} 
.modal-gallery .modal-btn-next::before{ right: -35px; transform:rotate(-45deg); margin-top: 10px;} 
.modal-gallery .modal-btn-prev::after{ left: -35px; transform:rotate(-45deg); margin-top: -10px;} 
.modal-gallery .modal-btn-prev::before{ left: -35px; transform:rotate(45deg); margin-top: 10px;}
.modal-gallery .modal-btn-next:hover::after, 
.modal-gallery .modal-btn-next:hover::before{ right: -40px; opacity: 1;}
.modal-gallery .modal-btn-prev:hover::after, 
.modal-gallery .modal-btn-prev:hover::before{ left: -40px; opacity: 1;}

/*=============================================================*/
/*WP用ポップアップギャラリー*/
.wp-modal-gallery{ display: block; min-width: 100% !important;}
.wp-modal-gallery .wp-modal-wrap{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 !important;}
.wp-modal-gallery .wp-modal-wrap figure { display: block; overflow: hidden; margin:0.05% !important; background: #000; cursor: pointer; flex-grow: 0 !important;}
.modalon .wp-modal-gallery .wp-modal-wrap figure{ background: none;}
.wp-modal-gallery .wp-modal-wrap figure img{ width: 100%; height: auto; object-fit:cover; transition: 0.2s;}
.wp-modal-gallery .wp-modal-wrap figure:hover img{ opacity: 0.7;}
.modalon .wp-modal-gallery .wp-modal-wrap figure:hover img{ opacity: 1;}
.wp-modal-gallery.img-row1 .wp-modal-wrap figure{ width: 99.8% !important;}
.wp-modal-gallery.img-row2 .wp-modal-wrap figure{ width: 49.2% !important;}
.wp-modal-gallery.img-row3 .wp-modal-wrap figure{ width: 32.2% !important;}
.wp-modal-gallery.img-row4 .wp-modal-wrap figure{ width: 24.0% !important;}
.wp-modal-gallery.img-row5 .wp-modal-wrap figure{ width: 18.9% !important;}
.wp-modal-gallery.img-row6 .wp-modal-wrap figure{ width: 15.6% !important;}
.modalon .wp-modal-gallery .wp-modal-wrap figure img{ width: 100%; height: auto;}
@media screen and (max-width:750px) {
.wp-modal-gallery.img-row2 .wp-modal-wrap figure, 
.wp-modal-gallery.img-row3 .wp-modal-wrap figure{ width: 48% !important;}
.wp-modal-gallery.img-row4 .wp-modal-wrap figure, 
.wp-modal-gallery.img-row5 .wp-modal-wrap figure, 
.wp-modal-gallery.img-row6 .wp-modal-wrap figure{ width: 31.8% !important;}
}
/*　開いた時　*/
.wp-modal-gallery.current{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center;}
.wp-modal-gallery.current{ z-index: 9999999 !important;}
.wp-modal-gallery.current .wp-modal-wrap { width: 80%; height: 80%; display: flex; margin: 10%; align-content: center; align-items: center; justify-content: center; position: relative; z-index: 100 !important;}
.wp-modal-gallery.current .wp-modal-wrap figure{ width: 100% !important; height: 100%; display: none !important; align-content: center; align-items: center; justify-content: center;}
.wp-modal-gallery.current .wp-modal-wrap figure.viewImg{  display: flex !important;}
.wp-modal-gallery.current .wp-modal-wrap figure.viewImg img{ width: auto !important; height: auto !important; max-height: 100%; max-width: 100%; object-fit:none;}

/*　オーバーレイ　*/
.wp-modal-gallery .wp-modal-gallery-overray{ display: none;}
.wp-modal-gallery.current .wp-modal-gallery-overray.partsON{ display: block; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,.8); transition: 0.2s; cursor: pointer;}
.modalon .wp-modal-gallery .wp-modal-gallery-overray:hover{ background: rgba(0,0,0,.9);}

/*　ボタン　*/
.wp-modal-gallery .wp-modal-btn-close, 
.wp-modal-gallery .wp-modal-btn-next, 
.wp-modal-gallery .wp-modal-btn-prev { display: none;}

.wp-modal-gallery.current .wp-modal-btn-close.partsON, 
.wp-modal-gallery.current .wp-modal-btn-next.partsON, 
.wp-modal-gallery.current .wp-modal-btn-prev.partsON { display: block; cursor: pointer;}

.wp-modal-gallery .wp-modal-btn-close{ width: 80px; height: 80px; position: fixed; right: 15px; top: 15px; border-radius: 6px; border: solid 1px #fff; z-index: 1000000 !important; transition: 0.2s;}
.wp-modal-gallery .wp-modal-btn-close::after, 
.wp-modal-gallery .wp-modal-btn-close::before{ content: ""; width: 50px; height: 2px; background: #fff; left: 15px; top: 48%; position: absolute; transition: 0.2s; cursor: pointer;}
.wp-modal-gallery .wp-modal-btn-close::after{ transform:rotate(45deg);} 
.wp-modal-gallery .wp-modal-btn-close::before{ transform:rotate(-45deg);}

.wp-modal-gallery .wp-modal-btn-close.hover{ background: rgba(255,255,255,.2);}
.wp-modal-gallery .wp-modal-btn-close.hover:hover{ background: rgba(0,0,0,.4);}
.wp-modal-gallery .wp-modal-btn-close.hover::after, 
.wp-modal-gallery .wp-modal-btn-close.hover::before { width: 30px; left: 25px;} 
.wp-modal-gallery-height{}
/**/
.wp-modal-gallery .wp-modal-btn-next, 
.wp-modal-gallery .wp-modal-btn-prev{ width: 40%; height: 80%; position:absolute; top: 10%; z-index: 100 !important; }
.wp-modal-gallery .wp-modal-btn-next{ right: 10%;}
.wp-modal-gallery .wp-modal-btn-prev{ left: 10%;}
.wp-modal-gallery .wp-modal-btn-next::after, 
.wp-modal-gallery .wp-modal-btn-next::before, 
.wp-modal-gallery .wp-modal-btn-prev::after, 
.wp-modal-gallery .wp-modal-btn-prev::before{ width: 30px; height: 2px; content:""; background: #fff; position: absolute; top: 50%; opacity: 0.05; transition: 0.3s; cursor: pointer;}
.wp-modal-gallery .wp-modal-btn-next::after{ right: -35px; transform:rotate(45deg); margin-top: -10px;} 
.wp-modal-gallery .wp-modal-btn-next::before{ right: -35px; transform:rotate(-45deg); margin-top: 10px;} 
.wp-modal-gallery .wp-modal-btn-prev::after{ left: -35px; transform:rotate(-45deg); margin-top: -10px;} 
.wp-modal-gallery .wp-modal-btn-prev::before{ left: -35px; transform:rotate(45deg); margin-top: 10px;}
.wp-modal-gallery .wp-modal-btn-next:hover::after, 
.wp-modal-gallery .wp-modal-btn-next:hover::before{ right: -40px; opacity: 1;}
.wp-modal-gallery .wp-modal-btn-prev:hover::after, 
.wp-modal-gallery .wp-modal-btn-prev:hover::before{ left: -40px; opacity: 1;}




/*========================================================================================
item-bnrDesign
====================================================*/
.item-bnrDesign a{ background: #ffc;}
.item-bnrDesign{ display: flex; justify-content: center;}
.item-bnrDesign > *{ position: relative;}
.item-bnrDesign > * .pc{}
.item-bnrDesign > * .sp{ display: none;}

/**/
.item-bnrDesign .item-bnrImage{position: relative; overflow: hidden;}
.item-bnrDesign .item-bnrImage img{ position: relative; z-index: 1;}
/**/
.item-bnrDesign .item-bnrText{ display: flex; flex-direction: column; justify-content: center; align-content: center;}
.item-bnrDesign .item-bnrText .h3{}
.item-bnrDesign .item-bnrText .p{}
.item-bnrDesign .item-bnrText .noView{ opacity: 0.1;}

/**/
.item-bnrDesign.contents-left .item-bnrText{ align-items:flex-start;}
.item-bnrDesign.contents-center .item-bnrText{ align-items:center;}
.item-bnrDesign.contents-right .item-bnrText{ align-items:flex-end;}

.item-bnrDesign.contents-left .item-bnrText .h3, 
.item-bnrDesign.contents-left .item-bnrText .p{ text-align: left;}
.item-bnrDesign.contents-center .item-bnrText .h3, 
.item-bnrDesign.contents-center .item-bnrText .p{ text-align: center;}
.item-bnrDesign.contents-right .item-bnrText .h3, 
.item-bnrDesign.contents-right .item-bnrText .p{ text-align: right;}

/*----------------
.item-bnrDesign-type1
--------------------*/
.item-bnrDesign-type1 {}
.item-bnrDesign-type1 > * .item-bnrImage::after{ content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: rgba(0,0,0,.7); transition: 0.4s; z-index: 10;}
.item-bnrDesign-type1 a:hover .item-bnrImage::after{ width: 0;}
.item-bnrDesign-type1 .item-bnrText{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px; z-index: 100;}
.item-bnrDesign-type1 .item-bnrText .h3{ font-weight: bold; color: #fff;}
.item-bnrDesign-type1 .item-bnrText .p{ color: #fff;}



/*==============================================
 下部共通
================================================*/
#common-bnr { padding-top: var(--common-bnr-pt); padding-bottom: var(--common-bnr-pb); background: var(--common-bnr-bk);}
#common-bnr ul{ width: 100%; display: flex; flex-direction: row; justify-content:flex-start;}
#common-bnr.bnrC ul{ justify-content: center !important;}
/**/
#common-bnr ul li{ display: block; margin-right: 2%; text-align: center;}
#common-bnr ul li a{ display: block;}
#common-bnr ul li a img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
#common-bnr ul li a:hover img{ opacity: 0.5;}
#common-bnr ul li a img.pc { display: block;}
#common-bnr ul li a img.sp { display: none;}
/*set1*/
#common-bnr.set1 ul li{ max-width: 100%;}
/*set2*/
#common-bnr.set2 ul li{ max-width: 48%;}
#common-bnr.set2.bnrC ul li{ margin:0 1%;}
/*set3*/
#common-bnr.set3 ul li{ max-width: 31%;}
#common-bnr.set3.bnrC ul li{ margin:0 1.5%;}
/*set4*/
#common-bnr.set4 ul li{ max-width: 24%; margin-right: 1%;}
#common-bnr.set4.bnrC ul li{ margin:0 0.5%;}
@media screen and (max-width:1400px) {
#common-bnr ul{ padding: 0 1%;}
}
@media screen and (max-width: 650px) {
#common-bnr ul{ display: block; padding: 0 5%;}
#common-bnr ul li{ width: 100%; max-width: 100% !important; margin: 0 0 30px !important;}
#common-bnr ul li:last-child{ margin-bottom: 0 !important;}
#common-bnr ul li a img.pc { display: none;}
#common-bnr ul li a img.sp { display: block;}
}

/*==============================================
 pageup
================================================*/
#pageup { width: 50px; height: 50px; opacity: 0; pointer-events: none; position: fixed; z-index: 10000; transition: 0.2s; right: 0; bottom: 0;}
.pageupOn #pageup { opacity: 1; pointer-events: all;}
#pageup a{ display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
#pageup a .img{ height: 14px; display: block; margin-top: -2px;}
#pageup a .txt{ height: 12px; display: none; margin-bottom: 5px;}
#pageup a .img::before{ content: "▲"; font-size: 18px; line-height: 1em;}
#pageup a .txt::before{ content: "page up"; font-size: 10px; letter-spacing: 0; line-height: 1em;}
#pageup a:hover .img{ margin-top: -6px;}

@media screen and (max-width: 650px) {
#pageup.noSP{ display: none;}
}
/*pageup-1*/
.pageup-1#pageup{ background: #fff;}
.pageup-1#pageup a .img::before, 
.pageup-1#pageup a .txt::before { color: var(--color1);}
.pageup-1#pageup a:hover { background: var(--color1);}
.pageup-1#pageup a:hover .img::before, 
.pageup-1#pageup a:hover .txt::before { color: #fff;}
/*pageup-2*/
.pageup-2#pageup{ right: 10px; bottom: 10px;}
.pageup-2#pageup a .img{ margin-top: -5px;}
.pageup-2#pageup a .txt{ display: block;}
.pageup-2#pageup a .img::before{ content: "↑"; font-size: 16px;}
.pageup-2#pageup{ border:solid 3px var(--color1);}
.pageup-2#pageup a .img::before, 
.pageup-2#pageup a .txt::before { color: var(--color1);}
.pageup-2#pageup:hover{ opacity: 0.5;}

/*pageup-3*/
.pageup-3#pageup{ right: 10px; bottom: 10px; border-radius: 100%;}
.pageup-3#pageup a .img{ margin-top: -8px;}
.pageup-3#pageup{ background:var(--color1);}
.pageup-3#pageup a .img::before, 
.pageup-3#pageup a .txt::before { color: #fff;}
.pageup-3#pageup:hover{ opacity: 0.5;}

/*pageup-4*/
.pageup-4#pageup{ width: 30px; height: 80px; bottom: 10px; background: #fff; border-radius: 2px 0 0 2px;}
.pageup-4#pageup a .img::before{ content: "↑"; font-size: 16px;}
.pageup-4#pageup a .img::before, 
.pageup-4#pageup a .txt::before { color: var(--color1);}
.pageup-4#pageup a:hover { background: var(--color1);}
.pageup-4#pageup a:hover .img::before, 
.pageup-4#pageup a:hover .txt::before { color: #fff;}



/*==============================================
 個別ページタイトル
================================================*/
#single-page-Title{ padding: 60px 0 40px;}
#single-page-Title .pageInner{}
#single-page-Title .wrap{ padding: 0 3%;}
#single-page-Title .wrap h1 .mainTitle{  border-bottom: solid 1px #111; line-height: 1.2em; padding: 10px 0;}
#single-page-Title .wrap h1 .mainTitle * { font-size: 36px;}
#single-page-Title .wrap .subTitle{ margin-top: 8px; font-size: 90%; font-weight: bold;}

#single-page-Title .wrap .mainTitle, 
#single-page-Title .wrap .subTitle{ display: none;}

#single-page-Title.onmainTitle .wrap .mainTitle, 
#single-page-Title.onsubTitle .wrap .subTitle{ display: block;}
@media screen and (max-width:850px) {
#single-page-Title{ padding: 110px 0 40px;}
#single-page-Title .wrap h1 .mainTitle *{font-size: 32px;}
}
@media screen and (max-width:600px) {
#single-page-Title{ padding: 80px 0 20px;}
#single-page-Title .wrap h1 .mainTitle *{font-size: 28px;}
#single-page-Title .wrap .subTitle{font-size:12px;}

}

/*==============================================
 パンくず
================================================*/
.breadcrumb{ display: flex; flex-wrap: wrap; flex-direction: row;}
.breadcrumb li{ display: block; margin-right: 10px; margin-bottom: 4px; padding-right: 10px; position: relative; line-height: 18px;}
.breadcrumb li::after{ content: ">"; position: absolute; line-height: 12px; font-size: 12px; color: #555; top: 50%; right:-5px; margin-top: -6px;}
.breadcrumb li:last-child::after{ display: none;}
.breadcrumb li *{ font-size: 12px; line-height: 1.1em; display:inline-block;}
.breadcrumb li a{ color: #4285f4;}
.breadcrumb li a:hover{ text-decoration: underline;}
@media screen and (max-width: 850px) {
.breadcrumb li *{ font-size: 11px;}
}

/*==============================================
 ページャー
================================================*/
.pager { display: flex; flex-direction: row; align-items: center; justify-content: center;}
ul.page-numbers{ display: flex; direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 20px 0;}
ul.page-numbers li{ margin: 8px;}
ul.page-numbers li span{ min-width: 40px; height: 50px; border: solid 1px #ccc; display: block; line-height: 50px;text-align: center; border-radius: 4px; background: #fff; transition: 0.2s; margin: 0 5px;}
ul.page-numbers li a{ min-width: 40px; height: 50px; padding: 0 5px; display: block; line-height: 50px; text-align: center; background: #fff; border: solid 1px #eee; box-shadow: 0 0 0 rgba(0,0,0,.2); border-radius: 4px; color: #777;}
ul.page-numbers li > span{ background: var(--color1); color: #fff;}
ul.page-numbers li a:hover{ background: var(--color1); color: #fff; border: solid 1px var(--color1); box-shadow: 0 4px 6px rgba(0,0,0,.2);}
ul.page-numbers li.dot{ display: flex; align-items: flex-end; width: auto;}
ul.page-numbers li.prev span, 
ul.page-numbers li.next span{ width: 80px;}
ul.page-numbers li.prev > span, 
ul.page-numbers li.next > span{ background:#e5e5e5; color: #999; border: solid 1px #ccc;}

@media screen and (max-width: 850px) {
ul.page-numbers li{ margin: 5px;}
ul.page-numbers li span{ min-width: 34px; margin: 0 ;}
ul.page-numbers li a{ min-width: 34px; font-size: 14px; font-weight: bold;  box-shadow: 0 2px 4px rgba(0,0,0,.15); }
}
@media screen and (max-width: 650px) {
ul.page-numbers{ justify-content: flex-start;}
ul.page-numbers li span, 
ul.page-numbers li a{ height: 48px; line-height: 48px;}
}


/*==============================================
 インフォボックス
================================================*/
.voice_infoBox{ width: 100%; padding: 20px 40px; margin: 50px 0; position: relative; border-radius: 12px; display: flex; flex-direction: row; align-items: flex-start; align-items: center; justify-content: space-between; flex-wrap: wrap; border: solid 1px #aaa;}
.voice_infoBox.nobrder{ padding:0px !important; border:none !important;}
.voice_infoBox::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.2; content: ""; border-radius: 14px;}
.voice_infoBox .left{ width: 250px; overflow: hidden;}
.voice_infoBox .left figure{ width: 100%; padding-right: 30px; text-align: center;}
.voice_infoBox .left img{ border-radius:14px;}
.voice_infoBox.nobrder .left img{ border-radius:0;}
.voice_infoBox .right{ width: calc(100% - 300px); display: flex; flex-direction: column;}
.voice_infoBox .right > *{ width: 100%; display: block;}
.voice_infoBox .right h2{ font-weight: bold; margin-top: 10px;}
.voice_infoBox .right .pageTxt { border-top: dotted 1px #aaa; width: 100%; display: block; padding:5px 0 0; margin-top: 5px;}
.voice_infoBox .right ul{ width: 100%; display: block; margin-top: 10px;}
.voice_infoBox .right ul li{ width: 100%; display: flex; flex-direction: row; margin: 5px 0;}
.voice_infoBox .right ul li b{ width: 90px; margin-right: 15px;}
.voice_infoBox .right ul li span{ width: calc(100% - 90px); display: block;}
.voice_infoBox .comment{ background: #f0f0f0; padding: 10px; border-radius: 4px; font-size: 14px; margin-top: 5px;}
.voice_infoBox .comment b{ padding-right: 10px; vertical-align:baseline; display: inline-block;}
@media screen and (max-width: 800px) {
.voice_infoBox{ padding: 15px; border-radius: 8px;}
.voice_infoBox .left{ width: 30%; border-radius:6px;}
.voice_infoBox .right{ width: 65%;}
.voice_infoBox .right h2{ font-size: 20px;}
.voice_infoBox .right .pageTxt { margin-top: 10px;}
.voice_infoBox .right ul{ margin-top: 5px;}
.voice_infoBox .right .pageTxt, 
.voice_infoBox .right .pageTxt *{ font-size: 14px;}
.voice_infoBox .right ul *, 
.voice_infoBox .comment, 
.voice_infoBox .comment b{ font-size: 12px;}
.voice_infoBox .left figure{ padding-right:20px;}

}
@media screen and (max-width: 700px) {
.voice_infoBox{ padding: 50px 12%; margin: 30px 0; flex-direction: column;}
.voice_infoBox::after{ border-radius: 6px;}
.voice_infoBox .left{ width: 100%; margin-right: 0px; border-radius:4px;}
.voice_infoBox .right{ width: 100%;}
.voice_infoBox .left figure{ padding-right:0px;}
}
@media screen and (max-width: 600px) {
.voice_infoBox{ padding: 20px 5%;}
.voice_infoBox .right h2{ font-size: 16px; margin: 15px 0 2px;}
.voice_infoBox .right .pageTxt {padding: 10px 0;}
.voice_infoBox .right ul{ margin-top: 6px;}
.voice_infoBox .right ul li{ margin: 0 ;}
.voice_infoBox .right ul li b{ font-size: 13px; width: 65px;}
.voice_infoBox .right ul li span{ font-size: 13px;}
}

/*==============================================
 イベントテーブル
================================================*/
.eventInfo { width: 100%;}
.eventInfo table{ width: 100%; table-layout: auto; border-collapse: collapse ;}
.eventInfo table tbody{ padding: 10px; display: block; border: solid 2px #000; border-radius: 6px;}
.eventInfo table tr{ width: 100%;}
.eventInfo table tr th, 
.eventInfo table tr td{ font-size: 14px; padding: 12px 10px; vertical-align: text-top; border: none; border-bottom: solid 1px #ddd;}
.eventInfo table tr td:nth-child(n+3) { display: none;}
.eventInfo table tr:last-child th, 
.eventInfo table tr:last-child td{ border-bottom: none;}
.eventInfo table tr th, 
.eventInfo table tr td:nth-child(1){ word-break: keep-all; font-weight: bold;}
.eventInfo table tr td:nth-child(2){ width: 100%;}
@media screen and (max-width: 850px) {
.eventInfo table tr th, 
.eventInfo table tr td{ font-size: 13px !important; padding: 12px 5px;}
.eventInfo table tr th, 
.eventInfo table tr td:nth-child(1){ font-size: 12px;}
}
/*==============================================
 イベントテーブル2
================================================*/
.eventInfo2 { width: 100%; }
.eventInfo2 table{ width: 100%; table-layout: auto; border: solid 1px #ddd; border-collapse: collapse ;}
.eventInfo2 table tr{ width: 100%;}
.eventInfo2 table tr th, 
.eventInfo2 table tr td{ font-size: 14px; padding: 12px 10px; vertical-align: text-top; border: solid 1px #ddd;}
.eventInfo2 table tr td:nth-child(n+3) { display: none;}
.eventInfo2 table tr:last-child th, 
.eventInfo2 table tr:last-child td{ border-bottom: none;}
.eventInfo2 table tr th, 
.eventInfo2 table tr td:nth-child(1){ word-break: keep-all; font-weight: bold; background: #efefef;}
.eventInfo2 table tr td:nth-child(2){ width: 100%;}
@media screen and (max-width: 850px) {
.eventInfo2 table tr th, 
.eventInfo2 table tr td{ font-size: 13px !important; padding: 12px 5px;}
.eventInfo2 table tr th, 
.eventInfo2 table tr td:nth-child(1){ font-size: 12px;}
}

/*==============================================
 エリアインフォボックス
================================================*/
.area_infoBox{ width: 100%; padding: 20px ; margin: 30px 0; position: relative; border-radius: 8px; display: flex; flex-direction: row; align-items: flex-start; align-items: center; border: solid 2px #ddd;}
.area_infoBox::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; border:solid 4px var(--area-main-color-1); opacity: 1; content: ""; border-radius: 8px;}
.area_infoBox .left{ width: 40%; height: 100% !important; margin-right: 30px; border-radius:8px; overflow: hidden;}
.area_infoBox .left iframe{ width: 100%; height: 100%;}
.area_infoBox .right{ width: 60%; display: flex; flex-direction: column;}
.area_infoBox .right > *{ width: 100%; display: block;}
.area_infoBox .right h2{ font-weight: bold; margin-top: 10px;}
.area_infoBox .right ul{ width: 100%; display: block; margin-top: 10px;}
.area_infoBox .right ul li{ width: 100%; display: flex; flex-direction: row; margin: 8px 0; padding-left: 90px; position: relative;}
.area_infoBox .right ul li b{ width: 90px; position: absolute; left: 0; top: 0; font-size: 90%; letter-spacing: 0;}
.area_infoBox .right ul li span{ width: calc(100% - 90px); display: block;}
@media screen and (max-width: 800px) {
.area_infoBox{ padding: 50px 12%; margin: 30px 0; flex-direction: column;}
.area_infoBox::after{ border-radius: 6px;}
.area_infoBox .left{ width: 100%; height: 250px !important; display: block; margin-right: 0px; border-radius:4px; flex-basis:auto !important; flex-grow:0 !important;}
.area_infoBox .right{ width: 100%;}
.area_infoBox .right h2{ margin-top: 0px; padding:0px 0 10px !important;}
.area_infoBox .right ul{ margin-top: 0px;}
}
@media screen and (max-width:780px) {
.area_infoBox .left{ flex-basis:auto !important; }
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.left, 
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.right{flex-basis:auto !important; }
}
@media screen and (max-width: 600px) {
.area_infoBox{ padding: 20px 3%;}
.area_infoBox .right h2{ font-size: 16px; margin: 15px 0 2px;}
.area_infoBox .right ul{ margin-top: 6px;}
.area_infoBox .right ul li{ margin: 0 ;}
.area_infoBox .right ul li b{ font-size: 13px; width: 65px;}
.area_infoBox .right ul li span{ font-size: 13px;}
}

/*==============================================
 ボタン　赤
================================================*/
.redBtn{ text-align: center; display: flex; justify-content: center;}
.redBtn a{ display: block; font-weight: bold;  border-radius: 4px; padding: 20px 30px; background: #C82D2F; color:#fff !important; text-align: center; text-decoration: none !important;}
.redBtn a:hover{ background:#821315;}

/*==============================================
 ボタン　黒枠
================================================*/
.borderBtn{ text-align: center; display: flex; justify-content: center;}
.borderBtn a{ display: block; font-weight: bold;  border-radius: 4px; padding: 20px 30px; background: #fff; color:#111 !important; text-align:  center; text-decoration: none !important; border: solid 1px #111;}
.borderBtn a:hover{ background:#ddd;}

/*==============================================
 ボタン　テーマカラー
================================================*/
.maincolorBtn{ text-align: center; display: flex; justify-content: center;}
.maincolorBtn a{ display: block; font-weight: bold;  border-radius: 4px; padding: 20px 30px; background: var(--color1); color:#fff !important; text-align:  center; text-decoration: none !important; border: solid 1px #111;}
.maincolorBtn a:hover{ opacity: 0.7;}
/*==============================================
 テキスト
================================================*/
.p-border{ border-radius: 6px; border: solid 1px #444; padding: 12px;}
.p-gray{ background: #efefef; padding: 15px; border-radius: 2px;}
.p-quote{ background: #efefef; padding:24px 15px; border-radius: 6px; position: relative;}
.p-quote, 
.p-quote *{ font-size: 86% !important;}
.p-quote::before{ content: "“"; position: absolute; left: 5px; top: 10px; font-size: 40px; color: #ccc;}
.p-quote::after{ content: "”"; position: absolute; right: 5px; bottom: -5px; font-size: 40px; color: #ccc;}

/*==============================================
 margin
================================================*/
.mAuto{ margin: auto !important;}
.mb0{ margin-bottom: 0!important;}
.mb5{ margin-bottom: 5px!important;}
.mb10{ margin-bottom: 10px!important;}
.mb15{ margin-bottom: 15px!important;}
.mb20{ margin-bottom: 20px!important;}
.mb25{ margin-bottom: 25px!important;}
.mb30{ margin-bottom: 30px!important;}
.mb35{ margin-bottom: 35px!important;}
.mb40{ margin-bottom: 40px!important;}
.mb45{ margin-bottom: 45px!important;}
.mb50{ margin-bottom: 50px!important;}
.mb55{ margin-bottom: 55px!important;}
.mb60{ margin-bottom: 60px!important;}
.mb65{ margin-bottom: 65px!important;}
.mb70{ margin-bottom: 70px!important;}
.mb75{ margin-bottom: 75px!important;}
.mb80{ margin-bottom: 80px!important;}
.mb85{ margin-bottom: 85px!important;}
.mb90{ margin-bottom: 90px!important;}
.mb95{ margin-bottom: 95px!important;}
.mb100{ margin-bottom: 100px!important;}
.mb105{ margin-bottom: 105px!important;}
.mb110{ margin-bottom: 110px!important;}
.mb115{ margin-bottom: 115px!important;}
.mb120{ margin-bottom: 120px!important;}
.mt0{ margin-top: 0!important;}
.mt5{ margin-top: 5px!important;}
.mt10{ margin-top: 10px!important;}
.mt15{ margin-top: 15px!important;}
.mt20{ margin-top: 20px!important;}
.mt25{ margin-top: 25px!important;}
.mt30{ margin-top: 30px!important;}
.mt35{ margin-top: 35px!important;}
.mt40{ margin-top: 40px!important;}
.mt45{ margin-top: 45px!important;}
.mt50{ margin-top: 50px!important;}
.mt55{ margin-top: 55px!important;}
.mt60{ margin-top: 60px!important;}
.mt65{ margin-top: 65px!important;}
.mt70{ margin-top: 70px!important;}
.mt75{ margin-top: 75px!important;}
.mt80{ margin-top: 80px!important;}
.mt85{ margin-top: 85px!important;}
.mt90{ margin-top: 90px!important;}
.mt95{ margin-top: 95px!important;}
.mt100{ margin-top: 100px!important;}
.mt105{ margin-top: 105px!important;}
.mt110{ margin-top: 110px!important;}
.mt115{ margin-top: 115px!important;}
.mt120{ margin-top: 120px!important;}
.ml0{ margin-left: 0px!important;}
.ml5{ margin-left: 5px!important;}
.ml10{ margin-left: 10px!important;}
.ml15{ margin-left: 15px!important;}
.ml20{ margin-left: 20px!important;}
.ml25{ margin-left: 25px!important;}
.ml30{ margin-left: 30px!important;}
.ml35{ margin-left: 35px!important;}
.ml40{ margin-left: 40px!important;}
.ml45{ margin-left: 45px!important;}
.ml50{ margin-left: 50px!important;}
.mr0{ margin-right: 0px!important;}
.mr5{ margin-right: 5px!important;}
.mr10{ margin-right: 10px!important;}
.mr15{ margin-right: 15px!important;}
.mr20{ margin-right: 20px!important;}
.mr25{ margin-right: 25px!important;}
.mr30{ margin-right: 30px!important;}
.mr35{ margin-right: 35px!important;}
.mr40{ margin-right: 40px!important;}
.mr45{ margin-right: 45px!important;}
.mr50{ margin-right: 50px!important;}