@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@400;700;900&display=swap');
/*
Theme Name: さんべツアーズテーマ
Template: xeory_extension
Author: WorldUtility
Version: 1.0.0
*/

:root{
    --base:#231A15;
    --green:#04914F;
    --bg-green:#00723D;
    --bg-lightgreen:#DFF6D2;

    --border:#C9C9C9;

    --lift:#346CA6;
    --wasabi:#04914F;
    --asagohan:#DB4823;
    --cycling:#4BBC9E;
    --breakfast:#E5BF00;
    --breakfast-text:#B99B00;

    --zenkaku: "Zen Kaku Gothic New", sans-serif;
    /* FW: 400, 700, 900 */

    --wrap:940px;
    --header-height:750px;

    --transition:all .3s ease;
}

/* FONTS */
.zenkaku{
    font-family:var(--zenkaku);
}


/* COLOR SCHEME */
.bg-tenku-asagohan{
    color:#FFF !important;
    background:var(--asagohan) !important;
}
.bg-tenku-cycling{
    color:#FFF !important;
    background:var(--cycling) !important;
}
.bg-tenku-lift{
    color:#FFF !important;
    background:var(--lift) !important;
}
.bg-sanbe-breakfasttour{
    color:#FFF !important;
    background:var(--breakfast) !important;
}
.bg-sanbe-wasabi{
    color:#FFF !important;
    background:var(--wasabi) !important;
}



/* COMMON */

body,
body.home{
    font-family: "Noto Sans JP", sans-serif;
    background:var(--green);
}

.wrap,
body.home .wrap{
    width:100%;
    max-width:var(--wrap);
    margin:0 auto;
    padding:0 20px;
}

/* RESET*/
p,h1,h2,h3,h4,h5,h6,li,span,small,em,dt,dd,th,td{
	line-height:1.875;
	letter-spacing:0.05em;
	padding:0;
	margin:0;
}
a,a:hover{
    color:var(--green);
    text-decoration:none;
}
ul,ol,dl{
    padding:0;
    margin:0;
}

/* COMMON */
.center{
	text-align:center;
}
.right{
	text-align:right;
}

.flex{
	display:flex;
	flex-wrap:wrap;
}
.jc-sb{
	justify-content:space-between;
}
.jc-center{
	justify-content:center;
}
.al-center{
	align-items:center;
}
.al-end{
	align-items:flex-end;
}
.fd-row-r{
	flex-direction:row-reverse;
}
.fd-col-r{
	flex-direction:column-reverse;
}

.ps-re{
	position:relative;
}
.ps-ab{
	position:absolute;
}
.ps-fix{
	position:fixed;
}
.ps-st{
	position:sticky;
}

.vert{
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
}


/* COMMON PARTS */
.view-more a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:18px;
    font-weight:bold;
    color:var(--green);
}
.view-more a::before{
    content:'';
    display:block;
    width:20px;
    height:20px;
    background:no-repeat center/contain url('assets/img/common/icon-arrow-green.svg');
    transition:var(--transition);
}
.view-more a:hover{
    text-decoration:underline;
}
.view-more a:hover::before{
    transform:scale(1.3);
}

p.notfound{
    font-weight:bold;
    text-align:center;
}


/* HEADER */
.main-header__sptoggler{
    display:none;
}

.main-header{
    position:sticky;
    pointer-events:none;
    z-index:99;
    top:0;
    left:0;
    width:100%;
    height:var(--header-height);
}
html.active .main-header {
  pointer-events: all;
}

.main-header__logo{
    pointer-events:all;
    position:absolute;
    top:50px;
    left:200px;
}

.main-header__menu{
    pointer-events:all;
    position:absolute;
    top:50px;
    right:200px;
}
.main-header__menus li:not(:last-of-type){
    margin-bottom:30px;
    text-align:right;
}
.main-header__menus li a{
    color:var(--base);
    font-size:18px;
    font-weight:bold;
    text-decoration:underline;
}

.main-header__sptoggler {
    display: none;
    position: relative;
    top: 10px;
    z-index: 100;
    width: 3em;
    height: 3em;
    cursor: pointer;
    transition: var(--transition);
    top: -.4em;
    right: 0;
    z-index: 1000;
}
.main-header__sptoggler span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 70%;
    background-color: var(--base);
    transition: var(--transition);
    &:nth-of-type(1) {
        top: 30%;
    }
    &:nth-of-type(2) {
        top: 50%;
    }
    &:nth-of-type(3) {
        top: 70%;
    }
}
.main-header__sptoggler.active span {
    &:nth-of-type(1) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    &:nth-of-type(2) {
        opacity: 0;
    }
    &:nth-of-type(3) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }
}
.drawer {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100dvh;
    background: repeat top left/1689px 1087px url('assets/img/common/bg-common.webp');
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.drawer.active {
  opacity: 1;
  visibility: visible;

  & .drawer-nav {
    transform: translateY(0);
    opacity: 1;
    transition-delay: .2s;
  }
}
.drawer-inner {
  height: 100%;
  display: grid;
  place-items: center;
}
.drawer-nav {
  transform: translateY(50px);
  opacity: 0;
  transition: var(--transition);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  margin-top: -300px;
}
.drawer-nav__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.drawer-nav__link {
  color: var(--base);
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}
html.active {
  overflow: hidden;
}


/* FOOTER */
.footer-tel{
    color:#FFF;
    text-decoration:none;
}

.footer-wrap{
    width:100%;
    max-width:940px;
    margin:0 auto;
    padding:0 20px;
}

.main-footer{
    padding-top:100px;
}

.main-footer__upperimg{
    position:relative;
    z-index:2;
    overflow:hidden;
    margin-bottom:-20px;
}
.main-footer__upperimg img{
    position:relative;
    width:1020px;
    height:127px;
    left:50%;
    transform:translateX(-50%);
    max-width:unset;
}

.main-footer__upperbg{
    overflow:hidden;
    height:48px;
}
.main-footer__upperbg img{
    position:relative;
    width:1920px;
    height:48px;
    left:50%;
    transform:translateX(-50%);
    max-width:unset;
    object-fit:cover;
    object-position:top center;
}

.main-footer__section{
    padding-bottom:100px;
    color:#FFF;
    background:var(--bg-green);
}

.footer-logo{
    text-align:center;
    margin-bottom:50px;
}
.footer-infosec{
    text-align:center;
}
.footer-infosec__title{
    font-size:20px;
    font-weight:bold;
    position:relative;
    padding-bottom:15px;
    margin-bottom:30px;
}
.footer-infosec__title::before{
    content:'';
    width:15px;
    height:3px;
    background:#FFF;
    position:absolute;
    bottom:0;
    left:calc(50% - 7.5px);
}
.footer-infosec__text{
    font-size:18px;
    font-weight:bold;
}
.footer-infosec__text a:not(.footer-tel){
    color:#FFF;
    text-decoration:underline;
}
.footer-copyright{
    margin-top:50px;
    font-size:14px;
    text-align:center;
}

.instagram-sec {
  padding-top: 100px;
}


/* LAYOUT */
.main-container{
    margin:0 auto;

    overflow:hidden;

    margin-top:calc(-1 * var(--header-height));

    width:calc(100% - 220px);

    background:repeat top left/1689px 1087px url('assets/img/common/bg-common.webp');
    border:3px solid var(--base);
    border-top:0;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius:50px;

    padding-bottom:100px;
}

.sticky-container__pnimg{
    position:fixed;
    bottom:0;
    z-index:98;
    pointer-events:none;
}
.sticky-container__pnimg.fixleft{
    left:0;
    width:19.9vw;
}
.sticky-container__pnimg.fixright{
    right:0;
    width:20vw;
}



/* TOP */
.top-mv{
    padding-top:50px;
    padding-bottom:60px;
}
.top-mv__mainimg{
    position:relative;
}
.top-mv__mainimg__line{
    position:absolute;
    width:292px;
    top:400px;
    left:700px;
}
.top-mv__maintext{
    margin-top:45px;
    font-size:18px;
    font-weight:900;
    line-height:2.777;
    letter-spacing:0.1em;
}



.top-eventsec{
    padding-top:130px;
    padding-bottom:130px;
    margin-bottom:-100px;
    position:relative;
    z-index:1;
}
.top-eventsec::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:291px;
    background:no-repeat top center/cover url('assets/img/top/bg-eventsec-upper.webp');
}
.top-eventsec::after{
    content:'';
    position:absolute;
    z-index:-1;
    top:290px;
    left:0;
    width:100%;
    height:calc(100% - 290px);
    background:var(--bg-lightgreen);
}

.top-eventsec__title{
    text-align:center;
    margin-bottom:80px;
}
.top-event__articles{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:60px;
}
.top-event__article a{
    color:var(--base);
}
.top-event__article__thumb{
    position:relative;
    margin-top:20px;
}
.top-event__article__category{
    position:absolute;
    top:-20px;
    left:0;
    z-index:1;
}
.top-event__article__category span{
    display:inline-block;
    padding:16px 20px;
    border-radius:5px 20px 5px 5px;
    font-size:14px;
    color:#FFF;
    line-height:1;
    background:var(--base);
}
.top-event__article__thumb__img{
    width:100%;
    height:auto;
    aspect-ratio:1;
    border-radius:5px 30px 5px 5px;

    overflow:hidden;
}
.top-event__article__thumb__img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;

    transition:var(--transition);
}
.top-event__article a:hover .top-event__article__thumb__img img{
    transform:scale(1.1);
}
.top-event__article__title{
    margin:14px 0 7px;
    font-size:16px;
    font-weight:bold;
}
.top-event__article__during{
    font-size:14px;
}



.top-footer__slider{
    padding-top:130px;
}
.top-footer-slider .slick-track{
    width:calc(4339px * 5) !important;
}
.top-footer-slide img{
    width:4339px;
    height:800px;
}

.top-footer__topicsec{
    padding-top:200px;
}
.top-footer__topicbox{
    position:relative;
    background:repeat top left/1689px 1087px url('assets/img/common/bg-common.webp');
    border:3px solid var(--base);
    border-radius:20px 120px 20px 20px;
    padding:70px;
}
.top-footer__topicbox__title{
    position:absolute;
    top:-70px;
    left:calc(50% - 190px);
}

.top-event-calbox{
    margin-top:85px;
    background:#FFF;
    border-radius:20px 120px 20px 20px;
    padding:50px;

    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.top-event-calbox__detail{
    width:350px;
    position:relative;
}
.top-event-calbox__calendar{
    width:350px;
}
.top-event-calbox__hvline{
    position:absolute;
    top:-54px;
    left:0;
    width:200px;
}
.top-event-calbox__head{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    align-items:center;
}
.top-event-calbox__head__icon{
    width:120px;
}
.top-event-calbox__head__title{
    font-size:22px;
    font-weight:900;
}
.top-event-calbox__text{
    margin:1em 0;
}

.top-event-calbox__colors li{
    width:100%;
    height:40px;
    border:1px solid var(--base);
    font-size:14px;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
}
.top-event-calbox__colors li:not(:last-child){
    margin-bottom:10px;
}
.top-event-calbox__colors li.n1{
    color:var(--asagohan);
    border-color:var(--asagohan);
}
.top-event-calbox__colors li.n2{
    color:var(--cycling);
    border-color:var(--cycling);
}
.top-event-calbox__colors li.n3{
    color:var(--lift);
    border-color:var(--lift);
}
.top-event-calbox__colors li.n4{
    color:var(--breakfast-text);
    border-color:var(--breakfast);
}
.top-event-calbox__colors li.n5{
    color:var(--wasabi);
    border-color:var(--wasabi);
}

.top-calendar__slide{
    transition:var(--transition);
}
.top-calendar__slide:not(.slick-current){
    opacity:0;
    pointer-events:none;
}
.top-calendar__slide.slick-current{
    pointer-events:all;
}
.top-calendar__slider .slick-list{
    overflow:visible !important;
}
.top-calendar__slider .slick-track{
    pointer-events:none;
}
.slick-dotted.slick-slider{
    margin-bottom:30px !important;
}
.slick-dots li{
    margin:0 2.5px !important;
    width:7px !important;
    height:7px !important;
}
.slick-dots li button{
    width:7px !important;
    height:7px !important;
    border-radius:50%;
    padding:0 !important;
    border:1px solid var(--green) !important;
    background:var(--green) !important;
}
.slick-dots li.slick-active button{
    background: transparent !important;
}
.slick-dots li button:before{
    content: none !important;
}




/* CALENDAR */
.calendar-box__title{
    width:350px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#FFF;
    background:var(--base);
    border-radius:35px;
    margin-bottom:10px;
}
.cal-tablerow{
    display:flex;
    flex-wrap:wrap;
}
.cal-tableblock{
    width:calc(100% / 7);
}

.calendar-box__table__thead__th{
    text-align:center;
    font-size:14px;
    font-weight:bold;
    padding:4px 0;
}
.calendar-box__table__thead__th.sun{
    color:var(--asagohan);
}
.calendar-box__table__thead__th.sat{
    color:var(--lift);
}
.calendar-date{
    font-size:14px;
    text-align:center;
    padding:4px 0;
}
.calendar-date.ld{
    opacity:0.5;
}
.calendar-date:first-child{
    color:var(--asagohan);
}
.calendar-date:last-child{
    color:var(--lift);
}
.calendar-box__table__tbody__row__bars{
    min-height:30px;
}
.calendar-box-bar{
    height:8px;
    position:relative;
    width:100%;
}
.calendar-box-bar:not(:last-child){
    margin-bottom:3px;
}

.cal-bar{
    cursor:pointer;
    position:absolute;
    display:block;
    border-radius:5px;
    height:8px;
    top:0;
}

.cal-bar.width1{
    width:calc(100% / 7);
}
.cal-bar.width2{
    width:calc(100% / 7 * 2);
}
.cal-bar.width3{
    width:calc(100% / 7 * 3);
}
.cal-bar.width4{
    width:calc(100% / 7 * 4);
}
.cal-bar.width5{
    width:calc(100% / 7 * 5);
}
.cal-bar.width6{
    width:calc(100% / 7 * 6);
}
.cal-bar.width7{
    width:100%;
}

.cal-bar.start0{
    left:0;
}
.cal-bar.start1{
    left:calc(100% / 7);
}
.cal-bar.start2{
    left:calc(100% / 7 * 2);
}
.cal-bar.start3{
    left:calc(100% / 7 * 3);
}
.cal-bar.start4{
    left:calc(100% / 7 * 4);
}
.cal-bar.start5{
    left:calc(100% / 7 * 5);
}
.cal-bar.start6{
    left:calc(100% / 7 * 6);
}

.bar-tenku-asagohan{
    color:#FFF !important;
    background:var(--asagohan) !important;
}
.bar-tenku-cycling{
    color:#FFF !important;
    background:var(--cycling) !important;
}
.bar-tenku-lift{
    color:#FFF !important;
    background:var(--lift) !important;
}
.bar-sanbe-breakfasttour{
    color:#FFF !important;
    background:var(--breakfast) !important;
}
.bar-sanbe-wasabi{
    color:#FFF !important;
    background:var(--wasabi) !important;
}

.cal-bar span{
    pointer-events:none;
    position:absolute;
    z-index:2;
    bottom:12px;
    left:50%;

    display:block;
    font-size:13px;
    font-weight:bold;
    padding:8px 12px;
    border-radius:15px;
    min-width:90px;
    width:max-content;
    text-align:center;

    transform:translateX(-50%);
    opacity:0;
    transition:var(--transition);
}
.cal-bar:hover span{
    pointer-events:all;
    opacity:1;
}
.cal-bar span::before{
    content:'';
    position:absolute;
    top:100%;
    left:calc(50% - 5px);
    width:10px;
    height:6px;
    clip-path:polygon(0 0, 100% 0, 50% 100%);
}
.cal-bar.bg-tenku-asagohan span::before{
    background:var(--asagohan);
}
.cal-bar.bg-tenku-cycling span::before{
    background:var(--cycling);
}
.cal-bar.bg-tenku-lift span::before{
    background:var(--lift);
}
.cal-bar.bg-sanbe-breakfasttour span::before{
    background:var(--breakfast);
}
.cal-bar.bg-sanbe-wasabi span::before{
    background:var(--wasabi);
}



/* EVENT - SINGLE */
.single-event{
    padding-top:50px;
}

.event-thumbnails__slide{
    overflow:hidden;
    border-radius:30px 150px 30px 30px;
}
.event-thumbnails__slide img{
    width:100%;
    height:auto;
    aspect-ratio:3/2;
    object-fit:cover;
    object-position:center;
}

.event-mainsec:not(:first-child){
    padding-top:40px;
}

.event-head{
    padding-bottom:12px;
    border-bottom:1px dashed var(--border);
}

.event-head__category{
    margin-bottom:12px;
}
.event-head__category span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:240px;
    height:30px;
    border-radius:7px 20px 7px 7px;
    font-size:14px;
    font-weight:bold;
    color:var(--base);
    background:#FFF;
}

.event-head__category span.cat-tenku-asagohan{
    color:#FFF;
    background:var(--asagohan);
}
.event-head__category span.cat-tenku-cycling{
    color:#FFF;
    background:var(--cycling);
}
.event-head__category span.cat-tenku-lift{
    color:#FFF;
    background:var(--lift);
}
.event-head__category span.cat-sanbe-breakfasttour{
    color:var(--base);
    background:var(--breakfast);
}
.event-head__category span.cat-sanbe-wasabi{
    color:#FFF;
    background:var(--wasabi);
}

.event-head__title{
    font-size:28px;
    font-weight:bold;
}

.event-maincontent{
    padding:40px 0;
}
.event-maincontent>*{
    margin-bottom:40px;
}

.event-imgcolumns{
    display:grid;
}
.event-imgcolumns.grid3{
    grid-template-columns:repeat(3,1fr);
    gap:45px;
}
.event-imgcolumns.grid2{
    grid-template-columns:repeat(2,1fr);
    gap:80px;
}
.event-imgcolumn__img{
    overflow:hidden;
    border-radius:5px 30px 5px 5px;
    width:100%;
    height:auto;
    aspect-ratio:3/2;
}
.event-imgcolumn__img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.event-imgcolumn__text{
    margin-top:15px;
}

.event-schedules{
    margin-top:160px;
}
.event-schedules__box{
    position:relative;
    background:#FFF;
    padding:70px;
    border-radius:20px 120px 20px 20px;
}
.event-schedules__title{
    position:absolute;
    bottom:100%;
    left:50%;
    transform:translateX(-50%);
}
.event-schedules__title img{
    width:auto;
    height:87px;
}
.event-schedule__line{
    position:relative;
    z-index:1;
}
.event-schedule__line::before{
    content:'';
    position:absolute;
    z-index:-1;
    width:0;
    height:100%;
    top:0;
    left:60px;
    border-right:3px dashed var(--green);
}
.event-schedule__line li:not(:last-child){
    margin-bottom:20px;
}
.event-schedule__line li dl{
    display:flex;
    gap:30px;
}
.event-schedule__line li dl dt{
    display:flex;
    align-items:center;
    justify-content:center;
    width:120px;
    height:40px;
    color:#FFF;
    background:var(--green);
    font-size:18px;
    font-weight:bold;
    border-radius:20px;
}
.event-schedule__line li dl dd{
    max-width:calc(100% - 150px);
    padding-top:6px;
}

.event-plans{
    margin-top:90px;
}
.event-plans__title__img{
    text-align:center;
}
.event-plans__title__img img{
    width:auto;
    height:81px;
}
.event-plans__title__line{
    line-height:1;
}
.event-plans__title__line img{
    line-height:1;
    vertical-align:top;
}

.event-plans__plan{
    padding-top:50px;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
}
.event-plans__plan__img{
    width:270px;
    height:auto;

    aspect-ratio:3/2;

    overflow:hidden;
    border-radius:5px 30px 5px 5px;
}
.event-plans__plan__img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.event-plans__plan__content{
    width:calc(100% - 300px);
}
.event-plans__plan__title{
    font-size:18px;
    font-weight:bold;
}
.event-plans__plan__prices{
    margin-top:12px;
    background:#FFF;
    border-radius:10px;
    padding:15px;
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px;
}
.event-plans__plan__price{
    display:flex;
    align-items:center;
    gap:10px;
}
.event-plans__plan__price dt{
    display:flex;
    align-items:center;
    justify-content:center;
    width:80px;
    height:30px;
    border-radius:15px;
    color:#FFF;
    background:var(--green);
    font-size:13px;
    font-weight:bold;
}
.event-plans__plan__price dd{
    line-height:30px;
    font-size:20px;
    font-weight:bold;
}
.event-plans__plan__price dd small{
    font-size:12px;
}
.event-plans__plan__text{
    margin-top:12px;
    font-size:14px;
}

.event-calendarsec{
    margin-top:190px;
}
.event-calendarsec__title{
    position:absolute;
    bottom:100%;
    left:50%;
    transform:translateX(-50%);
}
.event-calendarsec__title img{
    width:auto;
    height:102px;
}
.event-calendarsec__box{
    position:relative;
    background:#FFF;
    padding:70px 40px;
    border-radius:20px 120px 20px 20px;
}
.event-calendar__slide{
    margin:0 15px;
}
.event-calendar__slide .calendar-box{
    max-width:350px;
    margin:0 auto;
}
.event-calendar__slide .cal-bar{
    pointer-events:none;
}

.event-additional{
    margin-top:40px;
}
.event-additional__title{
    font-size:16px;
}

.event-reserve{
    margin-top:70px;
}
.reserve-btn a{
    margin:0 auto;
    width:400px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#FFF;
    background:var(--green);
    font-size:24px;
    font-weight:bold;
    font-family:var(--zenkaku);
    border-radius:15px 45px 15px 15px;
    border:3px solid #FFF;
    outline:3px solid var(--green);
}
.reserve-btn a span{
    display:block;
    width:20px;
    height:20px;
}
.reserve-btn a img{
    vertical-align:top;
}
.reserve-btn a:hover{
    color:var(--green);
    background:#FFF;
}


.event-back{
    margin-top:40px;
}




/* TOPICS - ARCHIVE */
.topics-archive{
    padding-top:200px;
}

.archive-topics__article a{
    color:var(--base);
}
.archive-topics__article__metas{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 20px;
    margin-bottom:12px;
}
.archive-topics__article__date{
    font-size:14px;
}
.archive-topics__article__category span{
    font-size:14px;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    width:220px;
    height:30px;
    border-radius:7px 20px 7px 7px;

    color:var(--base);
    background:#FFF;
}
.archive-topics__article__title{
    font-size:18px;
}

.archive-topics__article:not(:first-of-type){
    padding-top:20px;
}
.archive-topics__article:not(:last-of-type){
    padding-bottom: 20px;
    border-bottom:1px dashed var(--border);
}

.pagenavi{
    margin-top:50px;
}
.pagenavi .wp-pagenavi{
    display:flex;
    justify-content:center;
    gap:6px;
}
.pagenavi .wp-pagenavi span,
.pagenavi .wp-pagenavi a{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    font-size:14px;
    font-weight:bold;
    border-radius:50%;
    color:var(--green);
    background:#FFF;
}
.pagenavi .wp-pagenavi span,
.pagenavi .wp-pagenavi a:hover{
    color:#FFF;
    background:var(--green);
}


/* TOPICS - SINGLE */
.topics-single{
    padding-top:70px;
}

.event-maincontent h1{
    font-size:32px;
    font-weight:bold;
}
.event-maincontent h2{
    font-size:28px;
    font-weight:bold;
}
.event-maincontent h3{
    font-size:22px;
    font-weight:bold;
}
.event-maincontent h4{
    font-size:18px;
    font-weight:bold;
}
.event-maincontent h5,
.event-maincontent h6{
    font-weight:bold;
}
.event-maincontent ul{
    list-style:disc;
}
.event-maincontent ol{
    list-style:decimal;
}
.event-maincontent li{
    margin-left:1.5em;
}
.event-maincontent li:not(:last-child){
    margin-bottom:15px;
}
.event-maincontent a{
    color:var(--green);
    text-decoration:underline;
}


/* PAGE */
main.page{
    padding-top:70px;
}

/* CONTACT */
.form-dls dl{
    display:flex;
    justify-content:space-between;
    padding:18px 0;
}
.form-dls dl dt{
    margin-top:6px;
    position:relative;
    width:230px;
    font-size:18px;
    font-weight:bold;
}
.form-dls dl dt span{
    position:absolute;
    right:0;
    top:4px;
    display:block;
    color:#FFF;
    background:var(--green);
    padding:6px 12px;
    font-size:14px;
    font-weight:bold;
    line-height:1;
}
.form-dls dl dd{
    width:calc(100% - 260px);
}
.form-dls dl dd *{
    width:100% !important;
}
form input[type="text"], form input[type="email"], form input[type="url"], form input[type="tel"], form input[type="number"], form input[type="date"], form textarea{
    border:1px solid var(--green);
    padding:15px;
    border-radius:7px;
}

.form-attention__text{
    word-break: keep-all;
    overflow-wrap: break-word;
}

.submit-btns{
    margin-top:50px;
    display: grid;
    place-items: center;
}
form input[type="submit"], form button{
    color:#FFF;
    background:var(--green);
    font-size:22px;
    font-weight:bold;
    font-family:var(--zenkaku);
    border-radius:7px 20px 7px 7px;
    padding:20px 70px;
    border:3px solid #FFF;
    outline:3px solid var(--green);
}





/* ANIMATION */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 800ms;
}
.fadeinr {
    opacity : 0.1;
    transform : translate(50px, 0);
    transition : all 800ms;
}
.fadeinb {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 800ms;
}
.fadeint {
    opacity : 0.1;
    transform : translate(0, -50px);
    transition : all 800ms;
}
.fadeinl {
    opacity : 0.1;
    transform : translate(-50px, 0);
    transition : all 800ms;
}
.fadeino {
    opacity : 0.1;
    transition : all 800ms;
}

.fadein.scrollin, .fadeinr.scrollin, .fadeinb.scrollin, .fadeint.scrollin, .fadeinl.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fadeino.scrollin {
   opacity : 1;
}

@supports (-ms-ime-align:auto) {
.fadein {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeinr {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeinb {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeint {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeinl {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeino {
    opacity : 1;
    transition : inherit;
}

.fadein.scrollin, .fadeinr.scrollin, .fadeinb.scrollin, .fadeint.scrollin, .fadeinl.scrollin {
    opacity : 1;
    transform : inherit;
}
.fadeino.scrollin {
   opacity : 1;
}
}/* @ supports end */

@media only screen and (max-width:1280px){
/* ANIMATION */
.fadein,
.fadeinr,
.fadeinl,
.fadeinb,
.fadeint{
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 800ms;
}
}/* fade animation wrap over */



.clear_from_top.ef,
.inner-clear_from_top.ef>*{
	-webkit-clip-path: inset(0 0 100% 0);
	clip-path: inset(0 0 100% 0);
	transition:all .8s ease;
}
.clear_from_bottom.ef,
.inner-clear_from_bottom.ef>*{
	-webkit-clip-path: inset(100% 0 0 0);
	clip-path: inset(100% 0 0 0);
	transition:all .8s ease;
}
.clear_from_left.ef,
.inner-clear_from_left.ef>*{
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0);
	transition:all .8s ease;
}
.clear_from_right.ef,
.inner-clear_from_right.ef>*{
	-webkit-clip-path: inset(0 0 0 100%);
	clip-path: inset(0 0 0 100%);
	transition:all .8s ease;
}
.clear_from_lefttop.ef,
.inner-clear_from_lefttop.ef>*{
	-webkit-clip-path: inset(0 100% 100% 0);
	clip-path: inset(0 100% 100% 0);
	transition:all .8s ease;
}
.clear_from_righttop.ef,
.inner-clear_from_righttop.ef>*{
	-webkit-clip-path: inset(0 100% 0 100%);
	clip-path: inset(0 100% 0 100%);
	transition:all .8s ease;
}
.clear_from_leftbottom.ef,
.inner-clear_from_leftbottom.ef>*{
	-webkit-clip-path: inset(100% 100% 0 0);
	clip-path: inset(100% 100% 0 0);
	transition:all .8s ease;
}
.clear_from_rightbottom.ef,
.inner-clear_from_rightbottom.ef>*{
	-webkit-clip-path: inset(100% 0 0 100%);
	clip-path: inset(100% 0 0 100%);
	transition:all .8s ease;
}
.clear_from_top.ef.scrollin,
.clear_from_bottom.ef.scrollin,
.clear_from_left.ef.scrollin,
.clear_from_right.ef.scrollin,
.inner-clear_from_top.ef.scrollin>*,
.inner-clear_from_bottom.ef.scrollin>*,
.inner-clear_from_left.ef.scrollin>*,
.inner-clear_from_right.ef.scrollin>*,
.clear_from_lefttop.ef.scrollin,
.clear_from_righttop.ef.scrollin,
.clear_from_leftbottom.ef.scrollin,
.clear_from_rightbottom.ef.scrollin,
.inner-clear_from_lefttop.ef.scrollin>*,
.inner-clear_from_righttop.ef.scrollin>*,
.inner-clear_from_leftbottom.ef.scrollin>*,
.inner-clear_from_rightbottom.ef.scrollin>*{
	-webkit-clip-path: inset(0);
	clip-path:inset(0);
}