@charset "utf-8";

* {
  /* outline: 2px solid blue; */
    box-sizing: border-box;
}

/*------------------------------------------------------------------------------
  PURE.css
------------------------------------------------------------------------------*/
/* Menu */
.custom-restricted-width {
    /* To limit the menu width to the content of the menu: */
    display: inline-block;
    /* Or set the width explicitly: */
    /* width: 10em; */
}
/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/
h2 {
    font-size: 36px;
    display: block;
    text-align: center;
}
h3 {
    font-size: 18px;
    display: block;
    text-align: center;
}
ul {
    padding-inline-start: 0;
}
.yellow {
    color: #f8b62b;
}
.blue {
    color: #1e78c2;
}
.red {
    color: #ff2e17;
}
.green {
    color: #2ab0a1;
}
.txt-center {
    text-align: center;
}
.bold {
    font-weight: bold;
}
figure {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    unicode-bidi: isolate;
}
.displaySP {
    display: none;
}
@media screen and (max-width:768px) {
    .displaySP {
        display: block;
    }
}

.bgDark {
    background: rgba(199, 168, 139, 0.2);
}

/*------------------------------------------------------------------------------
  general
------------------------------------------------------------------------------*/
body {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #3d3123;
    background: rgba(199, 168, 139, 0.125);
    position: relative;
    cursor: none; /*もともとあるカーソルは非表示に*/
    height: 100vh;
}
#cursor {
    position: fixed;
    /*丸の大きさと色の指定*/
    background: url("../img/cursor_dorodango.png");
    background-size: cover;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px; /*真ん中にくるようにマイナスマージンで調整*/
    z-index: 998; /*一番手前に来るように*/
    pointer-events: none; /*クリックできなくなるのを防ぐため。noneで対応*/
    opacity: 0;
}
/*========= LoadingのためのCSS ===============*/
/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #f8b62b;
    text-align: center;
    color: #fff;
}
/* Loadingバー中央配置　*/
#splash_text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 100%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}
.containar {
    position: relative;
    z-index: 998;
}
.fixBox {
    position:fixed; /*配置設定-fixed指定で追従*/
  z-index:995;
  left:2em;
  bottom:2em;
    background-color: rgba(255,255,255,.9);
    border-radius: 1em;
    padding: .25em 1em .5em;
}
#nav {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 997;
    box-sizing: border-box;
    margin: 0;
}
#nav.fixed {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    z-index: 997;
}
#brand {
    color: #f8b62b;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 48px;
    font-weight: 800;
    transition: all .5s ease-in-out;
}
#nav.fixed #brand {
    font-size: 32px;
}
#brand_logo {
    width: 420px;
    transition: all .5s ease-in-out;
    padding: .8em 0 .6em 1em;
}
#nav.fixed #brand_logo {
    width:320px;
}
#navItemList {
    display: none;
    font-weight: 500;
    float: right;
    margin-top: 17px;
    margin-right: 20px;
}
#navItemList.display {
    display: inline-block;
}
#navItemList a {
    color: #3d3123;
}
#navItemList a:hover {
    color: #f8b62b;
    background: none;
}
@media screen and (max-width:768px) {
    #splash {
        margin-top: -79px;
        height: calc(100% + 79px);
    }
    #nav {
        text-align: center;
    }
    #brand {
        font-size: 36px;
    }
    #nav.fixed #brand {
        font-size: 24px;
    }
    #brand_logo {
        width: 320px;
        padding: .8em 0 0 0;
    }
    #nav.fixed #brand_logo {
        width: 240px;
        padding: .8em 0 .4em 0;
    }
    #navItemList.display {
        display: none;
    }
    #topFrame {}
}
#footer {
    background-color: #f8b62b;
    background-color: #1e78c2;
    
    
    color: rgba(255, 255, 255, 1);
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    padding: 2em 0;
    /*
	height:150px;
    */
}
#footer a {
    color:#fff !important;
}


.footerNav {
    text-align: right;
    color: rgba(255, 255, 255, 1);
    order: 2;
    padding: 0 2em;
    box-sizing: border-box;
    
}

.footerNav li {
    display: inline-block;
}

.footerSocial {
    padding: 0 2em;
    margin: -2em 0 0;
    box-sizing: border-box;
}

.footerSocial p {
    text-align: left;
}

@media screen and (max-width:768px) {
    
    .footerNav {
        text-align: center;
        order: 1;
    }

    .footerNav li {
    }

    .footerSocial {
        margin: 0 0 0;
        order: 2;
    }

    .footerSocial p {
        text-align: center;
    }
    
    
}

/*
	#footer::before {
		position:absolute;
		bottom:-200%;
		left:-50%;
		border-radius:50% 50% / 50% 70%;
		width:200%;
		height:200%;
		content:"";
		background-color:rgba(255,255,255,0.05);
		animation:wave linear 20s infinite;
	}

@keyframes wave {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
*/
/*------------------------------------------------------------------------------
  Home
------------------------------------------------------------------------------*/
#topFrame {
    margin-bottom: 2em !important;
    position: relative;
    z-index: 995;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}
#topFrame img {
    margin-top: 1em;
}
@media screen and (max-width:768px) {
    #topFrame {
        margin: 5em 0 3em;
    }
}
.mainCopy {
    font-size: 42px;
    margin-bottom: 1em;
    font-weight: 500;
}
.mainCopy .sub {
    font-size: 20px;
    line-height:2;
}
@media screen and (max-width:768px) {
    .mainCopy {
        font-size: 28px;
        margin-bottom: 1em;
    }
    .mainCopy .sub {
        font-size: 18px;
    }
}
/* マーカー：https://web-create-kokusyo.com/technique/css%E3%81%A7%E8%9B%8D%E5%85%89%E3%83%9A%E3%83%B3%E3%81%AE%E3%82%88%E3%81%86%E3%81%AA%E3%83%9E%E3%83%BC%E3%82%AB%E3%83%BC%E3%82%92%E5%BC%95%E3%81%8F%E6%96%B9%E6%B3%95%E3%80%90%E3%82%A2%E3%83%8B/ */
.marker {
    background: linear-gradient(transparent 60%, rgba(235, 203, 67, 0.4) 50%);
    display: inline;
    /* 背景の繰り返しを停止 */
    background-repeat: no-repeat;
    /* マーカーの横方向を0にして縮める */
    background-size: 0% 100%;
    /* マーカーが引かれる速度を指定 */
    transition: background-size 1.5s;
}
/* マーカーが引かれる際に付与するクラス */
.marker.on {
    /* 横方向を100%にして、マーカーを引く */
    background-size: 100% 100%;
}
@media screen and (max-width:768px) {
    .marker {
        background-size: 100% 100%;
    }
}
.subCopy {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 6em;
}
.subCopy h3 {
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
}

ul.list_none {
    list-style: none;
}
ul.list_none li {
    margin-bottom: .75em;
}
.iconStep {
    display: flex;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
    width: 1.5em;
    height: 1.5em;
	margin: auto;
	padding: 0;
    font-size: .8em;
	font-weight: bold;
	border: none;
	background: #f8b62b;
	color: #fff !important;
	border-radius: 100vh;
	transition: 0.5s;
    align-items: center;
    justify-content: center;
}
.btn_1 {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin: auto;
	padding: 1rem 3.5rem;
    
    font-size: 1.1em;
	font-weight: bold;
	border: 2px solid #f8b62b;
	background: #f8b62b;
	color: #fff !important;
	border-radius: 100vh;
	transition: 0.5s;
}
.btn_1:hover {
	color: #f8b62b !important;
	background: #fff;
}
.btn_2:hover {
	color: #fff !important;
}
.sectTit {
  position: relative;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  font-size: 2.25rem;
}
.sectTit:before,
.sectTit:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #f8b62b; /*斜め線の色 */
  width: 2px;/*斜め線の太さ*/
  height: 2em;/*斜め線の長さ*/
  margin: 0 1em;/*テキストとの間に左右余白をつくる*/
  margin-top: -.2em;/*斜め線の位置調整*/
  vertical-align: middle;
border-radius:1em;
}
.sectTit:before {
  transform: rotate(-35deg);/*角度調整*/
}
.sectTit:after {
  transform: rotate(35deg);/*角度調整*/
}
@media screen and (max-width:768px) {
    .sectTit {
      position: relative;
      text-align: center;
      font-weight: bold;
      line-height: 1.3;
      font-size: 1.25rem;
    }
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.bgHand {
    background: url("../img/bg_sand.jpg");
    background-attachment: fixed; /* パララックス：https://webcreatetips.com/coding/3333/#:~:text=HTML%E3%81%A7%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%82%BF%E3%82%B0,%E3%82%8B%E3%82%88%E3%81%86%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82 */
    background-size: 100%;
    background-position: center;
    z-index: 994;
    margin-bottom: 4em;
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 8em 1em;
    box-sizing: border-box;
    
}
.bgHand2 {
    background: rgba(199, 168, 139, 0.2);
    z-index: 994;
    margin-bottom: 4em;
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 8em 1em;
    box-sizing: border-box;
}



.featureBox {
    background: #f7f4f0;
    border-radius: 1em;
    padding: 2em 4em;
    margin: 0 auto;
    border-radius: 1.5em;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    zoom: 120%;
    box-sizing: border-box;
    clear: both;
    display: block;
}
@media screen and (max-width:1300px) {
    .featureBox {
        min-width: 60%;
    }
}
.featureBox h2 {
    line-height: 1.15;
}
.featureBox a {
    color: #3d3123;
    text-decoration: none;
    transition: .5s;
    position: relative;
}
/* リボン：https://saruwakakun.com/html-css/reference/ribbon */
.ribbon17-content {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 89px;
    height: 91px;
    overflow: hidden;
}
.ribbon17 {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    left: -23px;
    top: 22px;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: #f8b62b;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.ribbon17:before, .ribbon17:after {
    position: absolute;
    content: "";
    border-top: 4px solid #b2751b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px;
}
.ribbon17:before {
    left: 14px;
}
.ribbon17:after {
    right: 18px;
}
@media screen and (max-width:768px) {
    .bgHand {
        background: url("../img/bg_sand_h2.jpg");
        background-attachment: fixed;
        background-size:contain;
        padding: 6em 2em;
        margin-bottom: 4em;
    }
    .featureBox {
        padding: 1em 2em;
        zoom: 100%;
    }
}
.h2_1 h2 {
    margin-block-end: 0em;
    color: #5f4427;
}
.h3_1 h3 {
    margin-block-start: 0.25em;
    margin-block-end: 4em;
    font-weight: 400;
}
@media screen and (max-width:768px) {
    .h2_1 h2 {
        font-size: 30px;
        margin-block-end: 0em;
        color: #5f4427;
    }
    .h3_1 h3 {
        font-size: 16px;
        margin-block-start: 0.25em;
        margin-block-end: 3em;
        font-weight: 400;
    }
}

/*------------------------
　History
----------------------- */

.history {
    padding-bottom: 5.5em;
}

.history .h2_1 {
    margin-bottom:6em;
}

.historyOuter {
    position: relative;
}

.history_ver2 .historyOuter {
    position: relative;
    max-width:750px;
    margin: 0 auto;
}

.historyOuter:before {
    content: '';
    height: 100%;
    border-left: solid 3px #f8b62b;
    position: absolute;
    left: 50%;
    top: 2px;
    margin-left: -1px;
    border-radius: 100vh;
    z-index:auto;
}

.history_ver2 .historyOuter:before {
    content: '';
    height: 100%;
    border-left: solid 3px #f8b62b;
    position: absolute;
    left: 2em;
    top: 2px;
    margin-left: -1px;
    border-radius: 100vh;
    z-index:auto;
}

.historyOuter .year {
    text-align: center;
    margin-bottom: 5.5em;
    display: block;
    background: #f7f4f0;
    z-index: 2;
    position: relative;
}

.history_ver2 .historyOuter .year {
    text-align: left;
    margin-bottom: 3.5em;
}
/*
.historyOuter .year span {
    background: #f8b62b;
    color: #FFF;
    padding: .35em 1.5em;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 100vh;
    display: inline-block;
}*/
.historyOuter .year span {
    color: rgba(95,68,39,0.2);
    color:#f8b62b;
    padding: .1em 0;
    font-size: 2.5em;
    font-weight: bold;
    display: inline-block;
    font-style: italic;
}
.historyOuter .historyBox {
    display: flex;
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 5.5em;
    position: relative;
}
.historyOuter .historyBox:before {
    content: '';
    color:#f7f4f0;
    padding: .2em;
    background:#f7f4f0;
    border:7px solid #f8b62b;
    border-radius: 100vh;
    position: absolute;
    font-size: 1em;
    left: 50%;
    top: 2px;
    z-index: 2;
    margin-left: -10px;
    box-shadow: 0px 0px 0px 5px rgba(247, 244, 240, 1);
}


.history_ver2 .historyOuter .historyBox {
    padding-right: 2em;
    padding-bottom: 3.5em;
    flex-flow: column;
}
.history_ver2 .historyOuter .historyBox:before {
    left:2em;
}


.historyOuter .historyBox .leftBox {
    width: 50%;
    padding-right: 2.5em;
    text-align: right !important;
}
.historyOuter .historyBox .rightBox {
    width: 50%;
    padding-left: 2.5em;
    text-align: left !important;
}

.history_ver2 .historyOuter .historyBox .rightBox {
    width: 100%;
    padding-left: 4.5em;
    text-align: left !important;
}

.historyOuter .historyBox .img img {
    max-width: 350px;
}

.historyOuter .historyBox .now {
    margin-bottom: .25em;
}

/* 点滅 */
@keyframes blinking {
	0% {opacity: 0;}
	75% {opacity: 1;}
}


/* 要素にアニメーションを適用 */
.blink {
	animation: blinking 1.75s ease-in-out infinite alternate;
}

.historyOuter .historyBox h3 {
    font-size: 2.25em;
    margin-block-start: 0;
    margin-block-end: 0;
    text-align: start;
    margin-bottom: .5em;
    color:#5f4427;
    line-height: 1.25;
}

.historyOuter .historyBox .leftBox h3 {
    text-align: right !important;
}

.historyOuter .historyBox .date {
    margin-bottom: .5em;
    font-size: 1.15em;
    color:#5f4427;
}

.historyOuter .historyBox .place {
    margin-bottom: 2em;
    font-size: 1.15em;
    color:#5f4427;
}

.historyOuter .historyBox .link a {
    color:#FFF;
    font-size: .9em;
    text-decoration: none;
    /*
    border: 3px solid #f8b62b;
    */
    border-radius: 100vh;
    padding: .5em 1.25em;
    background: #0e6eb8;
    transition: 1s;
}


.historyOuter .historyBox .link a:hover {
    opacity: .75;
}


/* Slider */
.slider-history {
    padding-inline-start: 0 !important;
    width:100% !important;
}
.slider-history .slick-slide {
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    margin: 0 !important;
}

.slider-history .slick-slide img {
    border-radius: .5em;
}


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

.history .h2_1 {
    margin-bottom:3em;
}
    
.historyOuter {
}
.historyOuter:before {
    left: 2em;
}
    
.historyOuter .year {
    text-align: left;
    margin-bottom: 3.5em;
}
/*
.historyOuter .year span {
    background: #f8b62b;
    color: #FFF;
    padding: .35em 1.5em;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 100vh;
    display: inline-block;
}*/
.historyOuter .year span {
    color:#f8b62b;
    padding: .1em 0 .1em .5em;
    font-size: 2em;
}
.historyOuter .historyBox {
    padding-right: 2em;
    padding-bottom: 3.5em;
    flex-flow: column;
}
.historyOuter .historyBox:before {
    left:2em;
}

.historyOuter .historyBox .leftBox {
    width: 100%;
    padding-right: 0;
    padding-left: 4em;
    text-align: left !important;
}
.historyOuter .historyBox .rightBox {
    width: 100%;
    padding-left: 4em;
    text-align: left !important;
}

.historyOuter .historyBox.historyBoxLeftImg .leftBox {
    order: 2;
}
    
.historyOuter .historyBox.historyBoxLeftImg .rightBox {
    order: 1;
}
    
.historyOuter .historyBox .img img {
    max-width: 100%;
}

.historyOuter .historyBox h3 {
    font-size: 1.75em;
}

    
.historyOuter .historyBox .leftBox h3 {
    text-align: left !important;
}

.historyOuter .historyBox .date {
    font-size: 1.1em;
}

.historyOuter .historyBox .place {
    font-size: 1.1em;
}

    
.historyOuter .historyBox .link {
    margin-bottom: 3em;
}
    
}


/*------------------------
　スナバー
----------------------- */

.sunaber_gal {
    overflow: hidden;
    margin-bottom: 0.5em;
}

.sunaber_jikkou {
    overflow: hidden;
    padding: 3.5em 0 5.5em;
}
.sunaber_unei {
    padding: 3.5em 0 5.5em;
    overflow: hidden;
}
.sunaber_ouen {
    overflow: hidden;
    padding: 3.5em 0 5.5em;
}
.sunaber_jikkou h2, .sunaber_unei h2, .sunaber_ouen h2 {
    line-height: 1.25;
    margin-bottom: .25em;
}

.sunaber_ouen h2 {
    color: #f8b62b;
}

.sunaber_jikkou h2 br, .sunaber_unei h2 br, .sunaber_ouen h2 br {
    display: none;
}
.sunaber_jikkou a, .sunaber_unei a, .sunaber_ouen a {
    color: #3d3123;
    text-decoration: none;
    transition: .5s;
}
.sunaber_jikkou a:hover, .sunaber_unei a:hover, .sunaber_ouen a:hover {
    text-decoration: none;
    color: #3d3123;
    opacity: 0.6;
}
@media screen and (max-width:768px) {
    .sunaber_jikkou h2 br, .sunaber_unei h2 br, .sunaber_ouen h2 br {
        display: block;
    }
}

/*------------------------------------------------------------------------------
  CSS animation
------------------------------------------------------------------------------*/
/* 下から */
.fadeUp_trg, .fadeUp500_trg {
    opacity: 0;
}
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(75px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* ---------------------------- */
.fadeIn {
    animation-name: fadeInAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes fadeInAnime {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* ---------------------------- */
.fade-in {
    -webkit-animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-5-13 20:43:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* ---------------------------- */
.slide-in-fwd-right {
    -webkit-animation: slide-in-fwd-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-fwd-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-5-14 20:51:42
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-fwd-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-right {
    0% {
        -webkit-transform: translateZ(-1400px) translateX(1000px);
        transform: translateZ(-1400px) translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-fwd-right {
    0% {
        -webkit-transform: translateZ(-1400px) translateX(1000px);
        transform: translateZ(-1400px) translateX(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }
}
/* ---------------------------- */
.slide-in-elliptic-top-fwd {
    -webkit-animation: slide-in-elliptic-top-fwd 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-elliptic-top-fwd 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-5-14 18:26:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-elliptic-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1;
    }
}
@keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1;
    }
}
/* ---------------------------- */
.tracking-in-expand {
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-5-13 20:12:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
/* ---------------------------- */
.bg-pan-bl {
    -webkit-animation: bg-pan-bl 8s both;
    animation: bg-pan-bl 8s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-5-13 20:18:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bg-pan-bl
 * ----------------------------------------
 */
@-webkit-keyframes bg-pan-bl {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 100%;
    }
}
@keyframes bg-pan-bl {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 100%;
    }
}
/*------------------------------------------------------------------------------
  Slider
------------------------------------------------------------------------------*/
.slider { /*横幅94%で左右に余白を持たせて中央寄せ*/
    width: 94%;
    margin: 0 auto;
}
.slider img {
    width: 100%; /*スライダー内の画像を横幅100%に*/
    height: auto;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider .slick-slide {
    margin: 0 10px;
}
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev, .slick-next {
    position: absolute; /*絶対配置にする*/
    top: 42%;
    cursor: pointer; /*マウスカーソルを指マークに*/
    outline: none; /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666; /*矢印の色*/
    border-right: 2px solid #666; /*矢印の色*/
    height: 15px;
    width: 15px;
}
.slick-prev { /*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}
.slick-next { /*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}
/*ドットナビゲーションの設定*/
.slick-dots {
    text-align: center;
    margin: 20px 0 0 0;
}
.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}
.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px !important; /*ドットボタンのサイズ*/
    height: 8px !important; /*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: #ddd; /*ドットボタンの色*/
    border: none;
    box-sizing: border-box;
    padding: 0;
}
.slick-dots .slick-active button {
    background: #aaa; /*ドットボタンの現在地表示の色*/
}

/* トップギャラリー */
.slider-gal {
    padding-inline-start: 0 !important;
    width: 100%;
}
.slider-gal .slick-slide {
    text-align: center;
    padding: 0 0 1.5em;
    box-sizing: border-box;
    margin: 0;
}
.slider-gal .slick-slide img {
    margin-bottom: .75em;
}

/* 実行委員 */
.slider-jikkou {
    padding-inline-start: 0 !important;
}
.slider-jikkou .slick-slide {
    text-align: center;
    padding: 0 .75em 1.5em;
    box-sizing: border-box;
}
.slider-jikkou .slick-slide img {
    margin-bottom: .75em;
}
.slider-jikkou .slick-track .slick-slide:nth-child(3n+1) img {
    /* border-radius: 54% 57% 48% 70%/50% 50% 70% 60%; */
    animation: fluidrotate1 30s ease 0s infinite;
}
@keyframes fluidrotate1 {
    0%, 100% {
        border-radius: 54% 57% 48% 70%/50% 50% 70% 60%;
    }
    50% {
        border-radius: 80% 30% 50% 50%/50%;
    }
}

.slider-jikkou .slick-track .slick-slide:nth-child(3n+2) img {
    /*border-radius: 80% 30% 50% 50%/50%;*/
    animation: fluidrotate2 30s ease 0s infinite;
}
@keyframes fluidrotate2 {
    0%, 100% {
        border-radius: 80% 30% 50% 50%/50%;
    }
    50% {
        border-radius: 32% 58% 49% 40%/30% 50% 50% 50%;
    }
}

.slider-jikkou .slick-track .slick-slide:nth-child(3n+3) img {
    /* border-radius: 32% 58% 49% 40%/30% 50% 50% 50%; */
    animation: fluidrotate3 30s ease 0s infinite;
}
@keyframes fluidrotate3 {
    0%, 100% {
        border-radius: 32% 58% 49% 40%/30% 50% 50% 50%;
    }
    50% {
        border-radius: 54% 57% 48% 70%/50% 50% 70% 60%;
    }
}


.slider-jikkou .slick-slide .p_name {
    font-size: 19px;
    font-weight: 600;
}
.slider-jikkou .slick-slide .p_en {
    font-size: 12px;
    font-weight: 300;
        line-height: 1.25;
    margin-bottom: .75em;
}
.slider-jikkou .slick-slide .p_yaku {
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.25;
}
.slider-jikkou .slick-prev, .slider-jikkou .slick-next {
    position: absolute;
    top: 38%;
    cursor: pointer;
    outline: none;
    border-top: 8px solid #f8b62b;
    border-right: 8px solid #f8b62b;
    height: 20px;
    width: 20px;
    transition: .5s;
    border-radius: 2px;
    opacity: .7;
}
.slider-jikkou .slick-prev:hover, .slider-jikkou .slick-next:hover {
    opacity: 0.35;
}
@media screen and (max-width:768px) {
    .slider-jikkou .slick-prev, .slider-jikkou .slick-next {
        border-top: 6px solid #f8b62b;
        border-right: 6px solid #f8b62b;
    }
}
/* 運営 */
.slider-unei {
    padding-inline-start: 0 !important;
}
.slider-unei .slick-slide {
    text-align: center;
    padding: 0 .75em 1.5em;
    box-sizing: border-box;
}
.slider-unei .slick-slide img {
    margin-bottom: .75em;
}
/* 歪んだ円：https://www.webcreatorbox.com/tech/border-radius */
.slider-unei .slick-track .slick-slide:nth-child(3n+1) img {
    /* border-radius: 32% 58% 49% 40%/30% 50% 50% 50%; */
    animation: fluidrotate1 30s ease 0s infinite;
}
.slider-unei .slick-track .slick-slide:nth-child(3n+2) img {
    /* border-radius: 54% 57% 48% 70%/50% 50% 70% 60%; */
    animation: fluidrotate2 30s ease 0s infinite;
}
.slider-unei .slick-track .slick-slide:nth-child(3n+3) img {
    /* border-radius: 80% 30% 50% 50%/50%; */
    animation: fluidrotate3 30s ease 0s infinite;
}
.slider-unei .slick-slide .p_name {
    font-size: 16px;
    font-weight: 600;
}
.slider-unei .slick-slide .p_en {
    font-size: 11px;
    font-weight: 300;
    margin-bottom: .75em;
        line-height: 1.25;
}
.slider-unei .slick-slide .p_yaku {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
}
.slider-unei .slick-prev, .slider-unei .slick-next {
    position: absolute;
    top: 38%;
    cursor: pointer;
    outline: none;
    border-top: 8px solid #f8b62b;
    border-right: 8px solid #f8b62b;
    height: 20px;
    width: 20px;
    transition: .5s;
    border-radius: 2px;
    opacity: .7;
}
.slider-unei .slick-prev:hover, .slider-unei .slick-next:hover {
    opacity: 0.35;
}
@media screen and (max-width:768px) {
    .slider-unei .slick-prev, .slider-unei .slick-next {
        border-top: 6px solid #f8b62b;
        border-right: 6px solid #f8b62b;
    }
}


/* 応援 */
.slider-ouen {
    padding-inline-start: 0 !important;
}
.slider-ouen .slick-slide {
    text-align: center;
    padding: 0 .75em 1.5em;
    box-sizing: border-box;
}
.slider-ouen .slick-slide img {
    margin-bottom: .75em;
}
/* 歪んだ円：https://www.webcreatorbox.com/tech/border-radius */
.slider-ouen .slick-track .slick-slide:nth-child(3n+1) img {
    /* border-radius: 32% 58% 49% 40%/30% 50% 50% 50%; */
    animation: fluidrotate1 30s ease 0s infinite;
}
.slider-ouen .slick-track .slick-slide:nth-child(3n+2) img {
    /* border-radius: 54% 57% 48% 70%/50% 50% 70% 60%; */
    animation: fluidrotate2 30s ease 0s infinite;
}
.slider-ouen .slick-track .slick-slide:nth-child(3n+3) img {
    /* border-radius: 80% 30% 50% 50%/50%; */
    animation: fluidrotate3 30s ease 0s infinite;
}

.slider-ouen .slick-slide .p_name {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}
.slider-ouen .slick-slide .p_en {
    font-size: 11px;
    font-weight: 300;
    margin-bottom: .75em;
        line-height: 1.25;
}
.slider-ouen .slick-slide .p_yaku {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
}
.slider-ouen .slick-prev, .slider-ouen .slick-next {
    position: absolute;
    top: 38%;
    cursor: pointer;
    outline: none;
    border-top: 8px solid #f8b62b;
    border-right: 8px solid #f8b62b;
    height: 20px;
    width: 20px;
    transition: .5s;
    border-radius: 2px;
    opacity: .7;
}
.slider-ouen .slick-prev:hover, .slider-unei .slick-next:hover {
    opacity: 0.35;
}
@media screen and (max-width:768px) {
    .slider-ouen .slick-prev, .slider-ouen .slick-next {
        border-top: 6px solid #f8b62b;
        border-right: 6px solid #f8b62b;
    }
}

/* Slider topArchive */
@media screen and (max-width:768px) {
    #topArchive.bgHand {
        padding:8em 0 6em 0;
    } 
    .slider-topArchive {
        width:100%;
    }
}
.slider-topArchive .slick-slide {
    text-align: center;
    padding: 0 .75em 1.5em;
    box-sizing: border-box;
}
@media screen and (max-width:768px) {
    .slider-topArchive .slick-slide {
        padding: 0 .25em 1.5em;
    }
}
.slider-topArchive .slick-slide img {
    
}

.slider-topArchive .slick-list {
}
.slider-topArchive .slick-slide {
}

.slider-topArchive .archiveBox {
    background: #a96e2d;
    border-radius: 1em;
}

.slider-topArchive .imgBox {
    max-height: 13em;
    min-height: 13em;
    overflow: hidden;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: .75em .75em 0 0;
}

@media screen and (min-width:1920px) {
    .slider-topArchive .imgBox {
        max-height: 24em;
    }
}
@media screen and (max-width:768px) {
    .slider-topArchive .imgBox {
        max-height: 12em;
        min-height: 12em;
        
        
        
        
    }
}

.slider-topArchive .imgBox img {
    width: 100%;
    margin-bottom: 0 !important;
}

.slider-topArchive .textBox {
    padding: 2em 1.5em 2em 2em;
    background: #fff;
    text-align: left;
    border-radius: 0 0 .75em .75em;
    min-height: 250px;
    box-sizing: border-box;
}

@media screen and (max-width:768px) {
    .slider-topArchive .textBox {
        min-height: 255px;
        }
}

.slider-topArchive .textBox p {
    margin-top: 0;
    margin-bottom: .5em;
}

.slider-topArchive .textBox .date {
    color:#888;
}

.slider-topArchive .textBox .textTitle {
    font-size:1.1em;
}

@media screen and (max-width:768px) {
.slider-topArchive .textBox .btn_1 {
    padding-left: 1.5em;
    padding-right: 1.5em;
}
}

.slider-topArchive .slick-prev,
.slider-topArchive .slick-next {
    position: absolute;
    top: 38%;
    cursor: pointer;
    outline: none;
    border-top: 10px solid #5f4427;
    border-right: 10px solid #5f4427;
    height: 30px;
    width: 30px;
    transition: .5s;
    border-radius:4px;
    opacity: 1;
}
.slider-topArchive .slick-prev:hover,
.slider-topArchive .slick-next:hover {
    opacity: 0.75;
}
@media screen and (max-width:768px) {
    .slider-topArchive .slick-prev,
    .slider-topArchive .slick-next {
        
    }
}
.slider-topArchive .slick-dots button {
    background-color: #fff;
}
.slider-topArchive .slick-dots .slick-active button {
    background-color: #666;
}
.slider-topArchive .slick-dots .slick-active button:hover {
    background-color: #666;
}

/* Embed Social */

/*
#instagram .es-body {
    font-family: "M PLUS Rounded 1c", sans-serif !important;
    font-weight: 400;
}

#instagram .es-header-btn {
    background-color: #1e78c2 !important;
}
*/

.feed-powered-by-es {
    display: none !important;
}



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

Fukuoka #1 (2024)

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

.single_page { 
    max-width: 1440px;
    margin: 0 auto;
    padding: 8em 0;
}


@media screen and (max-width:768px) {
    .single_page { 
        padding: 6em 0 0;
    }
}

.reccomendPoint {
    /*border: 5px solid #eee;*/
    background: #fcfbf9;
    border-radius: 1em;
    padding: .25em 1.75em .125em;
    margin-bottom: 2em;
}

.reccomendPoint .ch{
    font-weight: bold;
}


dl.dl_table {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	width: 100%;
	border-bottom: none;
    line-height: 1.5;
}
dl.dl_table dt{
    width: 6em;
    margin-inline-start:0;
    color: #888;
    padding-bottom: 1em;
}
dl.dl_table dd{
	width: calc(100% - 7em);
    margin-inline-start:0;
    padding-bottom: 1em;
}

.google_map_1 {
    max-width: 100% !important;
    width: 100%;
    height: 450px;
}

@media screen and (max-width:768px) {
    .google_map_1 {
        height:320px;
    }
}