@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}










/*タイトルと日付を非表示*/
.page .entry-title {
  display: none;
}

.page .date-tags {
display: none;
}


.site-name-text{
  display: none;
}

.archive-title {
 display: none;
 }

.page .entry-title{
margin-top: 0;
}

.logo.logo-header.logo-text {
    display: none;
}

.no-sidebar .content .main {
    padding-top: 0;
    padding-bottom: 0;
}

.entry-content {
    margin-top: -1px;
    margin-bottom: 0em;
}


article#post-24 {
    margin-bottom: 0;
}

iframe{
    padding: 0 1em;
}



main#main {
    background: #c8b998;
}

article#post-308 {
    margin-bottom: 0;
}


#wp-block-themeisle-blocks-advanced-columns-0d617423 {
    background: #c8b998;
}

#wp-block-themeisle-blocks-advanced-heading-84bfa495 {
    line-height: 1em;
}


@media screen and (min-width:769px){
    .sp{
        display: none !important;
    }
}

@media screen and (max-width:768px){
    .pc{
        display: none !important;
    }
}






@media screen and (min-width: 960px){
.sp-br {
display:none;
}}

@media screen and (max-width: 959px){
.sp-br {
display:inline;
}}







hr {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

hr.hr-1 {
    border-top: 1px solid #fff;
    width: 90%;
    margin: 0 auto;
}

hr.hr-2 {
    border-top: 1px solid #fff;
    width: 50%;
    margin: 0 auto;
}










/* header_2025 */

@media screen and (min-width: 769px){
.head-2 {
    background: URL("https://peaceful-beach.com/wp-content/uploads/2025/03/peacefulbeach_img_2025_4.jpg");
    margin: 0 calc(50% - 50vw);
    padding: 400px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
	height: 100vh;
}

.head-back2 {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}}


@media screen and (max-width: 768px){
.head-2 {
        background: URL("https://peaceful-beach.com/wp-content/uploads/2025/03/peacefulbeach_img_2025_3.jpg");
        margin: 0 calc(50% - 50vw);
        /* padding: 400px 0; */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 100vh;
        position: relative;
    }

.head-back2 {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}}













/* header */

@media screen and (min-width: 769px){
.head-1 {
    background: URL("https://peaceful-beach.com/wp-content/uploads/2024/07/peacefulbeach_img_5.jpg");
    margin: 0 calc(50% - 50vw);
    padding: 400px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
	height: 100vh;
}

.head-back1 {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}}


@media screen and (max-width: 768px){
.head-1 {
        background: URL("https://peaceful-beach.com/wp-content/uploads/2024/07/peacefulbeach_img_4.jpg");
        margin: 0 calc(50% - 50vw);
        /* padding: 400px 0; */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 100vh;
        position: relative;
    }

.head-back1 {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}}

























.top-1 {
    color: #f2f2f2;
    position: relative;
    z-index: 2;
}



.top-1-title {
    padding: 2em;
    max-width: 950px;
    margin: 0 auto;
}


p.top-1-title-font1 {
    font-size: clamp(1.75rem, 0.098rem + 8.26vw, 4.063rem);
    margin-bottom: 0em;
    font-family: "Kaisei Tokumin", serif;
    font-weight: 700;
    font-style: normal;
}

p.top-1-title-font2 {
    font-size: clamp(1.063rem, 0.125rem + 4.69vw, 2.375rem);
    text-align: right;
    margin-bottom: 0;
    /* color: #d58035; */
    font-family: "Kaisei Tokumin", serif;
    font-weight: 700;
    font-style: normal;
}

.top-1-sen {
    margin: 2em auto;
    max-width: 950px;
    padding: 0 1em;
}

p.top-1-sen-font1 {
    font-size: clamp(0.875rem, 0.429rem + 2.23vw, 1.5rem);
    width: 86%;
    margin: 0 auto;
    font-weight: 500;
	letter-spacing: 1px;
}



















.date-1 {
    position: relative;
    z-index: 2;
    margin: 10em 0;
}

.date-1-title {
    width: 45%;
    max-width: 230px;
    margin: 0 auto;
}

.date-1-sen {
    color: #f2f2f2;
    text-align: center;
}


p.date-1-sen-font1 {
    font-size: clamp(1.625rem, 1.089rem + 2.68vw, 2.375rem);
    font-weight: 700;
    margin-bottom: 0.5em;
    letter-spacing: 1px;
}

p.date-1-sen-font2 {
	margin-bottom: 0.5em;
	letter-spacing: 1px;
}

p.date-1-sen-font2 {
    font-size: clamp(1.5rem, 0.786rem + 3.57vw, 2.5rem);
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0;
}

p.date-1-sen-font3 {
    font-size: clamp(1.125rem, 0.5rem + 3.13vw, 2rem);
	letter-spacing: 1px;
}


p.date-1-sen-font3:before{
  content: "\f3c5";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 10px;
}

p.date-1-sen-font5 {
    margin-bottom: 0.8em;
    margin-top: -1.5em;
	letter-spacing: 1px;
}



a.btn_1 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 80%;
    max-width: 330px;
    margin: 2em auto;
    padding: 1rem 2rem;
    font-weight: bold;
    background: #638562;
    border: 2px solid #638562;
	border-radius: 50px;
    color: #f2f2f2;
    transition: 0.5s;
    font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
}
a.btn_1:hover {
	color: #638562;
 	background: #c8b998; 
	border: 2px solid #638562;
}







.top-all {
    background-image: url(https://peaceful-beach.com/wp-content/uploads/2024/07/peacefulbeach_img-11-2.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding-bottom: 5em;
    margin-bottom: 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
/*     padding-right: calc(50vw - 50%); */
/*     padding-left: calc(50vw - 50%); */
}

































/*チケット*/
.ticket-1 {
    text-align: center;
    padding: 4em 0;
    background: #c98f49;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
}


.ticket-1-title {
    width: 45%;
    max-width: 230px;
    margin: 0 auto;
}

.ticket-1-sen {
    color: #f2f2f2;
    text-align: center;
}


p.ticket-1-sen-font1 {
    font-size: clamp(1.625rem, 0.777rem + 4.24vw, 2.813rem);
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 1.1em;
}

p.ticket-1-sen-font2 {
    font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
}



a.btn_2 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 80%;
    max-width: 330px;
    margin: 1em auto 2em auto;
    padding: 1rem 4rem 1rem 3rem;
    font-weight: bold;
    background: #308282;
    color: #fff;
    border-radius: 20px;
    position: relative;
    transition: 0.5s;
}
a.btn_2::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_2:hover {
	background: #0a4744;
	color: #fff;
}



a.btn_2:active{
   transform: scale(.95);
   }















.custom-shape-divider-top-1721452997 {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1721452997 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 60px;
}

.custom-shape-divider-top-1721452997 .shape-fill {
    fill: #dbbfcd;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .custom-shape-divider-top-1721452997 svg {
        width: calc(100% + 1.3px);
        height: 80px;
    }
}



























/*about*/
.about-1 {
    text-align: center;
    padding: 7em 0;
    background: #c98f49;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
    background-image: url(https://peaceful-beach.com/wp-content/uploads/2024/07/peacefulbeach_img-12.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    position: relative;
}


.about-1-title {
    width: 45%;
    max-width: 230px;
    margin: 0 auto;
}

.about-1-sen {
    color: #1a1a1a;
}


p.about-1-sen-font1 {
    font-size: clamp(1.75rem, 0.5rem + 6.25vw, 3.5rem);
    margin-bottom: 0em;
    font-family: "Barlow", sans-serif;
    font-weight: 600;
    font-style: normal;
}

p.about-1-sen-font2 {
    text-align: left;
    width: 95%;
    max-width: 900px;
    margin: 1em auto 2em auto;
}

p.about-1-sen-font3 {
    margin-bottom: 0.5em;
    font-size: clamp(1rem, 0.643rem + 1.79vw, 1.5rem);
    font-family: "Kaisei Tokumin", serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5em;
}

img.about-1-sen-img1 {
    width: 95%;
    max-width: 500px;
}

































/*アーティスト*/
.artist-1 {
    text-align: center;
    padding: 4em 0;
    background: #308282;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
	position: relative;
}


.artist-1-title {
    width: 45%;
    max-width: 230px;
    margin: 0 auto;
}

img.artist-1-flex-in-img-title {
    width: 50%;
}

.list-left-title {
    margin: 2em auto;
}

.list-left-title img {
    width: 50%;
}

.artist-1-flex {
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
    margin: 3em auto 0 auto;
    max-width: 1300px;
}

@media screen and (max-width: 768px) {
        .artist-1-flex-in {
        width: calc(100% / 2 - 10px);
        margin: 5px;
    }
}

@media screen and (min-width: 769px) {
.artist-1-flex-in {
        width: calc(100% / 3 - 20px);
        margin: 10px auto;
    }
}

p.artist-1-flex-in-font1 {
    color: #fff;
    font-size: clamp(0.875rem, 0.563rem + 1.56vw, 1.313rem); /*21,14*/
    letter-spacing: 1px;
    margin: 0px 0 1em 0;
    line-height: 1.5em;
}

p.artist-1-flex-in-font2 {
    font-size: clamp(0.875rem, 0.563rem + 1.56vw, 1.313rem); /*21,14*/
    letter-spacing: 1px;
    margin: 5px 0 1em 0;
    line-height: 1.5em;
}

p.artist-1-flex-in-font3 {
    margin-top: -0.5em;
    margin-bottom: 0;
}



.custom-shape-divider-bottom-1721454442 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1721454442 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 60px;
}

.custom-shape-divider-bottom-1721454442 .shape-fill {
    fill: #4c9e90;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .custom-shape-divider-bottom-1721454442 svg {
        width: calc(100% + 1.3px);
        height: 80px;
    }
}



































/*アクセス*/
.access-1-title {
    width: 45%;
    max-width: 230px;
    margin: 0 auto;
}

p.access-1-title-font {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(1.75rem, 0.991rem + 3.79vw, 2.813rem);
    color: #f2f2f2;
    text-align: center;
    padding-top: 1em;
    margin-bottom: 1em;
}

.access-1-sen {
    color: #f2f2f2;
    text-align: center;
}


p.access-1-sen-font1 {
    font-size: clamp(1.125rem, 0.143rem + 4.91vw, 2.5rem);
    font-weight: 500;
    margin: 1em 0 0.5em 0;
}

p.access-1-sen-font2 {
    font-size: clamp(0.875rem, 0.429rem + 2.23vw, 1.5rem);
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0em;
}

@media screen and (max-width: 768px){
p.access-1-sen-font3 {
    font-size: clamp(0.5rem, 0.143rem + 1.79vw, 1rem);
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0em;
    margin-top: 1em;
    text-align: center;
}}

@media screen and (min-width: 769px){
p.access-1-sen-font3 {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    margin-bottom: 0em;
    margin-top: 1em;
    text-align: center;
}}

.access-1 {
    background-image: url(https://peaceful-beach.com/wp-content/uploads/2024/07/peacefulbeach_img-14.png), url(https://peaceful-beach.com/wp-content/uploads/2024/07/peacefulbeach_img_16.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top, bottom;
    background-size: contain, contain;
    padding-bottom: 5em;
    margin-bottom: 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}


@media screen and (min-width: 769px){
.access-1-flex {
    display: flex;
    margin-top: 3em;
}

.access-1-flex-left {
    margin: 0 2em;
    width: 50%;
}

.access-1-flex-right {
    margin: 0 2em;
    width: 50%;
}

img.access-1-flex-left-img {
    width: 85%;
    margin: 0 auto;
    display: block;
}

img.access-1-flex-right-img {
    width: 85%;
    margin: 0 auto;
    display: block;
}}

@media screen and (max-width: 768px){
.access-1-flex {
    margin-top: 3em;
}

.access-1-flex-left {
    margin: 2em auto;
    width: 85%;
}

.access-1-flex-right {
    margin: 2em auto;
    width: 85%;
}}


a.btn_7 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 96%;
    max-width: 390px;
    margin: 2em auto;
    padding: 1rem 2rem;
    font-weight: bold;
    background: #638562;
    border: 2px solid #638562;
    border-radius: 50px;
    color: #f2f2f2;
    transition: 0.5s;
    font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
}
a.btn_7:hover {
	color: #638562;
 	background: #c8b998; 
	border: 2px solid #638562;
}


























.foot-1 {
    text-align: center;
    padding: 4em 0;
    background: #fff;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.foot-1-sen {
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
    text-align: left;
}





@media screen and (min-width: 769px){
.foot-1-flex {
    display: flex;
}

.foot-1-flex-left {
    width: 50%;
}

.foot-1-flex-right {
    width: 50%;
}

.foot-1-flex-left img {
    width: 70%;
    margin: 0 auto;
    display: block;
}}

@media screen and (max-width: 768px){
.foot-1-flex-left {
    margin-bottom: 2em;
}

.foot-1-flex-left img {
    width: 80%;
}}





/*丸がボタンに変形する*/

.btntransform {
    position: relative;
    display: inline-block;
    padding: 0 0 0 15px;
    line-height: 50px;
    color: #333;
    text-decoration: none;
    outline: none;
    width: 65%;
    max-width: 230px;
    margin: 1em auto;
}

.btntransform:hover{
  color: #fff;
}

/* 丸が動く */
.btntransform::before{
	content:'';
    /*絶対配置で丸の位置を決める*/
	position:absolute;
	left:0;
	z-index: -1;
    /*丸の形状*/
	width:50px;
	height:50px;
	background:#f0dfaf;
	border-radius:25px;
    /*アニメーションの指定*/
    transition:.3s ease-out;
}

/*hoverした際の形状*/
.btntransform:hover::before{
	width:260px;
}

/* 矢印の形状 */
.btntransform::after{
	position: absolute;
    content: '';
    top: 1.3em;
    right: -15px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
}


































.container-top {
    overflow: hidden;
    position: absolute;
    top: -8em;
    width: 100vw;
    z-index: 1;
}

.slide_right {
    transform: translateX(calc(100vw + 100%));
    transform: translate(0, -50%);
    position: absolute;
    top: 0%;
    right: 0;
    transform: translate(0, -50%);
}

.slidein{
	/* 装飾に関わるスタイルは省略 */
	margin: 50px auto;
	transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
}
.slide_left{
	transform: translateX(calc(-50vw - 50%));
}
.slide_right{
	transform: translateX(calc(50vw + 50%));
}
.show{
	transform: translateX(0);
}


@media screen and (min-width: 769px){
.slide_right img {
    width: 80%;
    margin: auto 0 auto auto;
    display: block;
}

.slide_left img {
    width: auto;
    height: 80vh;
    margin: auto auto auto 0;
    display: block;
}}


@media screen and (max-width: 768px){
.slide_right img {
    width: 57%;
    margin: auto 0 auto auto;
    display: block;
}

.slide_left img {
    width: auto;
    height: 60vh;
    margin: auto auto auto 0;
    display: block;
}}









/*お問い合わせ*/
.contact-1-title {
    width: 45%;
    max-width: 230px;
    margin: 0 auto;
}

p.contact-1-title-font {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(1.75rem, 0.991rem + 3.79vw, 2.813rem);
    color: #308282;
    text-align: center;
    padding-top: 0em;
    margin-bottom: 0.5em;
}

a.btn_3 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 50%;
    max-width: 250px;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0 auto 2rem auto;
    padding: 1rem 0 3rem 0;
    font-weight: bold;
    background: #308282;
    color: #f2f2f2;
    border-radius: 50%;
    position: relative;
    transition: 0.5s;
}

a.btn_3::before {
    content: '';
    position: absolute;
    bottom: 3em;
    right: calc(50% - 26px);
    transform: translateY(calc(-50% - 2px)) rotate(45deg);
    width: 10px;
    height: 1px;
    background: #f2f2f2;
    bottom: 3em;
}
a.btn_3::after {
    content: '';
    position: absolute;
    bottom: 2.9em;
    /* right: 50%; */
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background-color: #f2f2f2;
    bottom: 2.9em;
}

a.btn_3:hover {
	background: #c8b998;
	color: #f2f2f2;
}
















/*ショップ*/
.shop-1 {
    text-align: center;
    padding: 4em 0;
    background: #c98f49;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
    position: relative;
}



/*area map*/
@media screen and (max-width: 768px){
img.area-img {
    /* width: 85%; */
    /* max-width: 800px; */
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}}

@media screen and (min-width: 769px){
img.area-img {
    width: 85%;
    max-width: 800px;
}}

.areamap-1 {
    text-align: center;
    padding: 2em 0 4em 0;
    background: #308282;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
	position: relative;
}

p.areamap-1-title-font {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(1.75rem, 0.991rem + 3.79vw, 2.813rem);
    color: #f2f2f2;
    text-align: center;
    margin-bottom: 1em;
}


p.artist-1-flex-in-font4 {
    /* margin-top: 0.5em; */
    letter-spacing: 1px;
    font-size: clamp(1.5rem, 0.696rem + 4.02vw, 2.625rem);
    font-family: "Kaisei Tokumin", serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0;
}







/*チケットバナー*/
@media screen and (max-width: 768px){
.contact-foot {
    display: none;
    z-index: 2;
    position: fixed;
    bottom: 0;
    right: 0;
}

a.btn_6 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
        width: 100vw;
        padding: 0.8em 0;
        font-weight: bold;
        background: #e27427;
        color: #fff;
        transition: 0.5s;
    }
    
p.contact-foot-font1{
        letter-spacing: 1px;
        font-size: 18px;
        font-weight: 800;
        font-style: normal;
      }
          
      
p.contact-foot-font2 {
        letter-spacing: 1px;
        font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
    }          


a.btn_6 {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad26 1.5s infinite;
	color: #fff;
}
@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #e27427;}
	70% {box-shadow: 0 0 0 15px rgb(39 172 217 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}
}}




@media screen and (min-width: 769px){
    a.btn_6 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
        width: 100%;
        max-width: 500px;
        border-radius: 100vh;
        padding: 0.8em 2em;
        font-weight: bold;
        background: #e27427;
        color: #fff;
        transition: 0.5s;
    }


p.contact-foot-font1{
        letter-spacing: 1px;
        font-size: 21px;
        font-weight: 800;
        font-style: normal;
      }
          
      
    p.contact-foot-font2 {
        letter-spacing: 1px;
        font-size: 14px;
    }         


a.btn_6:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad26 1.5s infinite;
	color: #fff;
}
@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #e27427;}
	70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}
}



.contact-foot {
    display: none;
    z-index: 1;
    position: fixed;
    top: 2%;
    right: 2%;
}}


















/*フェードイン*/
.box {
    opacity:0;
    transition : opacity 1s;
}

.is-scrollIn {
  opacity: 1;
}









/*協賛*/
.sponsorship-1 {
    text-align: center;
    padding: 2em 0 4em 0;
    background: #c98f49;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
}

a.btn_4 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 330px;
    margin: 2em auto 2em auto;
    padding: 1rem 4rem 1rem 3rem;
    font-weight: bold;
    background: #308282;
    color: #fff;
    border-radius: 20px;
    position: relative;
    transition: 0.5s;
}
a.btn_4::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_4:hover {
	background: #0a4744;
	color: #fff;
}


/*表*/
.wp-block-table .has-fixed-layout {
    table-layout: auto;
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
    white-space: nowrap;
    table-layout: fixed;
}

table.has-fixed-layout {
    background: #fff;
}

table tr:nth-of-type(2n+1) {
    background-color: #fff;
}

table tr:nth-child(1) {
    color: #fff;
    background-color: #e27427;
    font-weight: 600;
}

table:not(.has-border-color) :where(th, td) {
    border: 1px solid #e27427;
}

table.has-fixed-layout {
    color: #000;
}

.main figure.wp-block-table {
    text-align: center;
}



.sponsorship-2 {
    margin-bottom: 4em;
}

img.sponsorship-1-img {
    width: 50%;
    max-width: 230px;
}

img.sponsorship-1-img:hover{ 
	opacity:0.5;
	transition:0.3s;
}

a.sponsorship-1-btn {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 80%;
    max-width: 200px;
    margin: 0.5em auto;
    padding: 0.3rem 1rem;
    font-weight: 500;
    background: #fff;
    border: 2px solid #fff;
    color: #000;
    transition: 0.5s;
    font-size: 12px;
}

a.sponsorship-1-btn:hover {
	color: #fff;
 	background: #c98f49; 
	border: 2px solid #fff;
}





























/*アコーディオン*/
 
 @media screen and (min-width:769px){
.accordion-item {
    margin-bottom: 10px;
    position: relative;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 1px;
}

.qa-1 {
    text-align: center;
    margin: 4em 0;
    padding: 0 0.5em;
}}

@media screen and (max-width:768px){
.accordion-item {
    margin: 1em auto;
    position: relative;
    width: 100%;
    letter-spacing: 0.5px;
    font-size: 1em;
}

.qa-1 {
    text-align: center;
    margin: 4em auto;
    padding: 0px 1em;
    max-width: 660px;
}}

.accordion-header {
    background-color: #ffffff;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    border: 2px #fff solid;
    color: #308282;
    font-weight: 500;
    text-align: left;
}

.accordion-header .arrow {
  display: inline-block;
  margin-left: 5px;
  transition: transform 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.accordion-header .arrow::before {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.accordion-header .arrow.up::before {
    content: '\f0d8';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.accordion-content {
  padding: 10px;
  display: none;
}

.accordion-content.active {
  display: block;
}

.accordion-content p {
    margin: 0;
    color: #fff;
    text-align: left;
}


p.qa-1-title {
    font-size: clamp(1.75rem, 0.411rem + 6.7vw, 3.625rem);
    color: #308282;
    margin-bottom: 1em;
    font-family: "m-plus-rounded-2p", sans-serif;
    font-weight: 800;
    font-style: normal;
}



































/*2025*/

p.top-1-title-font1-2025 {
    font-size: clamp(1.063rem, 0.125rem + 4.69vw, 2.375rem);
    margin-bottom: 0em;
    font-family: "Kaisei Tokumin", serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
}

p.top-1-title-font2-2025 {
    font-size: clamp(1.625rem, 0.018rem + 8.04vw, 3.875rem); /*25,62*/
    text-align: center;
    margin-bottom: 0;
    /* color: #d58035; */
    font-family: "Kaisei Tokumin", serif;
    font-weight: 700;
    font-style: normal;
}



.top-all-2025 {
    background-image: url(https://peaceful-beach.com/wp-content/uploads/2025/03/peacefulbeach_img_2025_14.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding-bottom: 5em;
    margin-bottom: 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
/*     padding-right: calc(50vw - 50%); */
/*     padding-left: calc(50vw - 50%); */
}


.btntransform-2025 {
    position: relative;
    display: inline-block;
    /* padding: 0 0 0 15px; */
    line-height: 50px;
    color: #333;
    text-decoration: none;
    outline: none;
    width: 75%;
    max-width: 300px;
    margin: 1em auto;
}


/* 丸が動く */
.btntransform-2025::before{
	content:'';
    /*絶対配置で丸の位置を決める*/
	position:absolute;
	left:0;
	z-index: -1;
    /*丸の形状*/
	width:50px;
	height:50px;
	background:#f0dfaf;
	border-radius:25px;
    /*アニメーションの指定*/
    transition:.3s ease-out;
}

/*hoverした際の形状*/
.btntransform-2025:hover::before{
	width:260px;
}

/* 矢印の形状 */
.btntransform-2025::after{
	position: absolute;
    content: '';
    top: 1.3em;
    right: -15px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
}




.ticket-1-2025 {
    text-align: center;
    padding: 4em 0;
    background: #dbbfcd;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
}



.ticket-1-sen-2025 {
    color: #1a1a1a;
    text-align: center;
}


hr.hr-2-2025 {
    border-top: 2px solid #1a1a1a;
    width: 50%;
    margin: 0 auto;
}




a.btn_1-2025 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 80%;
    max-width: 330px;
    margin: 2em auto;
    padding: 1rem 2rem;
    font-weight: bold;
    background: #3a8436;
    border: 2px solid #3a8436;
    border-radius: 50px;
    color: #f2f2f2;
    transition: 0.5s;
    font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
}

a.btn_1-2025:hover {
	color: #3a8436;
 	background: #c8b998; 
	border: 2px solid #3a8436;
}












a.btn_2-2025 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 80%;
    max-width: 330px;
    margin: 1em auto 2em auto;
    padding: 1rem 4rem 1rem 3rem;
    font-weight: bold;
    background: #41a193;
    color: #fff;
    border-radius: 20px;
    position: relative;
    transition: 0.5s;
}

a.btn_2-2025::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_2-2025:hover {
	background: #39877a;
	color: #fff;
}

a.btn_2-2025:active{
   transform: scale(.95);
   }








a.btn_7-2025 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 96%;
    max-width: 390px;
    margin: 2em auto;
    padding: 1rem 2rem;
    font-weight: bold;
    background: #3a8436;
    border: 2px solid #3a8436;
    border-radius: 50px;
    color: #f2f2f2;
    transition: 0.5s;
    font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
}

a.btn_7-2025:hover {
	color: #3a8436;
 	background: #c8b998; 
	border: 2px solid #3a8436;
}


img.access-1-2025-img-1 {
    width: 90%;
    margin: 3em auto;
    display: block;
    max-width: 500px;
}







.artist-1-2025 {
    text-align: center;
    padding: 4em 0;
    background: #4c9e90;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
    position: relative;
}

.sponsorship-1-2025 {
    text-align: center;
    padding: 2em 0 4em 0;
    background: #dbbfcd;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
}

.shop-1-2025 {
    text-align: center;
    padding: 4em 0;
    /* background: #c98f49; */
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
    position: relative;
}













.backbeige {
    text-align: center;
    padding: 4em 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
}

.backpink {
    text-align: center;
    padding: 4em 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
    background: #dbbfcd;
}

.backgreen {
text-align: center;
    padding: 4em 0;
    background: #4c9e90;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    margin-bottom: 0;
    position: relative;
   }
 

p.artist-1-flex-in-font2-2025 {
    margin-top: -1.5em;
    line-height: 1.2em;
    font-size: clamp(0.75rem, 0.482rem + 1.34vw, 1.125rem); /*12,18*/
}

@media screen and (min-width: 769px){

.list2025 {
        display: flex;
        max-width: 1100px;
        width: 100%;
        margin: 0 auto;
        align-items: center;
        color: #fff;
    }
	
.list2025-artist-check {
        display: flex;
        max-width: 1100px;
        width: 100%;
        margin: 0 auto;
        align-items: center;
        color: #fff;
    }	
	
.list-left {
        width: 45%;
        margin: 0 auto;
    }	
	
.list-right {
    width: 55%;
}	
	
.list-right img {
    width: 65%;
}	

img.list-left-img.beach {
    width: 25%;
}	

	img.list-left-img.fire {
    width: 15%;
   }
	
	img.list-left-img.shop {
        width: 20%;
    }
	
img.list-left-img.art {
    width: 23%;
}	

p.list-left-font {
        font-family: 'Barlow';
        font-weight: 800;
        font-size: 32px;
        margin-bottom: 0.8em;
        line-height: 1em;
	color: #fff;
    }

p.list-right-font {
        font-size: clamp(1.313rem, 0.525rem + 1.64vw, 2rem); /*21,32*/
        font-weight: 500;
        text-align: left;
        margin-bottom: 0;
        letter-spacing: 1px;
    }

}




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

.list2025 {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        align-items: center;
        color: #fff;
    }
	
.list2025-artist-check {
        display: flex;
        /* flex-direction: column; */
        width: 100%;
        margin: 0 auto;
        align-items: center;
        color: #fff;
    }	
	
.list-left {
        margin-bottom: 0em;
        /* margin-top: 4em; */
    }	

p.list-left-font {
        font-family: 'Barlow';
        font-weight: 800;
        font-size: clamp(1.125rem, 0.5rem + 3.13vw, 2rem); /*18,32*/
        margin-bottom: 0.8em;
        line-height: 1em;
	color: #fff;
    }

	.list-right img {
    width: 95%;
}
	
img.list-left-img.beach {
        width: 25%;
        max-width: 400px;
    }
	
img.list-left-img.fire {
    width: 15%;
   }	
	
img.list-left-img.shop {
        width: 20%;
        max-width: 440px;
    }
	
img.list-left-img.art {
        width: 23%;
        max-width: 400px;
    }

    p.list-right-font {
        font-weight: 500;
        text-align: left;
        margin-bottom: 0;
        letter-spacing: 1px;
        line-height: 1.5em;
        font-size: clamp(1.125rem, 0.991rem + 0.67vw, 1.313rem); /*18,21*/
    }

}






p.faq-1-title-font-2025 {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(1.75rem, 0.991rem + 3.79vw, 2.813rem);
    color: #4d4d4d;
    text-align: center;
    padding-top: 1em;
    margin-bottom: 1em;
}

.font-gray1 {
color: #4d4d4d;
}




img.beach-art-img {
    max-width: 450px;
    width: 90%;
    margin: 2em 0;
}





@media screen and (min-width: 769px){

.foot-1-left {
    width: 50%;
}

.foot-1-2025 {
    width: 50%;
}

.foot-1-left img {
    width: 70%;
    max-width: 400px;
}
}

@media screen and (max-width: 768px){
.foot-1-left img {
        width: 80%;
        max-width: 400px;
        margin-bottom: 4em;
    }
}






/*sold out btn*/

a.btn_3-2025 {
    display: flex
;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 330px;
    margin: 1em auto 2em auto;
    padding: 1rem;
    font-weight: bold;
    background: #41a193;
    color: #fff;
    border-radius: 20px;
    position: relative;
    transition: 0.5s;
}

p.btn_3-2025-font-1 {
    margin-bottom: 0;
    font-size: 16px;
}
p.btn_3-2025-font-2 {
    margin-bottom: 0;
    font-size: 17px;
    color: #ffd042;
}









p.list-right-font.font-tuika-1 {
    text-align: center;
    font-size: clamp(0.875rem, 0.563rem + 1.56vw, 1.313rem);
    margin-top: 1em;
}















/*ocean view チケットボタン*/


.oceanview-flex-1 div {
    margin: 1em;
}

p.oceanview-flex-2-font-1 {
    font-family: 'Barlow';
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 0em;
}

p.oceanview-flex-2-font-2 {
    margin-bottom: 0;
    line-height: 1.5em;
    font-size: clamp(0.875rem, 0.563rem + 1.56vw, 1.313rem);
    margin-top: 8px;
    font-weight: 500;
}

hr.hr-2 {
    border-top: 3px solid #fff;
    width: 100%;
    margin: 0 auto;
}


.oceanview-flex-3-left {
    background: #fff;
    width: 120px;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    margin: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ce74a5;
}

p.oceanview-flex-3-left-font-1 {
    margin-bottom: 0;
}

p.oceanview-flex-3-left-font-2 {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 700;
    margin-top: -10px;
}


p.oceanview-flex-3-right-flex-font-1 {
    margin-bottom: 0;
}


a.oceanview-flex-3-right-flex-btn-1:hover{ 
	opacity:0.5;
	transition:0.3s;
}




@media screen and (min-width: 769px){

.oceanview-flex-1 {
        display: flex;
        align-items: center;
        max-width: 1300px;
        margin: 0 auto;
    }

.oceanview-flex-2 {
        display: flex;
        color: #fff;
        max-width: 1300px;
        margin: 0 auto;
    }

.oceanview-flex-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ce74a5;
    margin: 3em 0;
    padding: 1em 0;
}

.oceanview-flex-3-right {
    margin-left: 2em;
    text-align: left;
}

p.oceanview-flex-3-right-font-1 {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 500;
}

.oceanview-flex-3-right-flex {
    display: flex;
    align-items: center;
    margin: 1em 0;
}

a.oceanview-flex-3-right-flex-btn-1 {
        background: #fff;
        margin: 0 10px;
        padding: 10px 2em;
        text-decoration: none;
        color: #ce74a5;
        line-height: 2;
        font-size: 26px;
        border-radius: 10px;
        font-family: 'Barlow';
        font-weight: 600;
    }
	
.oceanview-flex-2 div {
    width: calc(100% / 2 - 1em);
    margin: 0 0.5em;
    text-align: left;
}	
}




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

.oceanview-flex-1 {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.oceanview-flex-2 {
        display: flex;
        color: #fff;
        flex-direction: column;
        padding: 0 2em;
    }

    .oceanview-flex-3 {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ce74a5;
        margin: 3em auto;
        padding: 1em 0;
        flex-direction: column;
        width: 85%;
    }

.oceanview-flex-3-right {
    margin: 1em;
}

p.oceanview-flex-3-right-font-1 {
    margin-bottom: 0;
    font-size: clamp(1.188rem, 0.786rem + 2.01vw, 1.75rem); /*19,28*/
    font-weight: 500;
}

.oceanview-flex-3-right-flex {
    display: flex;
    align-items: center;
    margin: 1em 0;
    flex-direction: column;
}

a.oceanview-flex-3-right-flex-btn-1 {
        background: #fff;
        margin: 10px auto;
        padding: 10px 2em;
        text-decoration: none;
        color: #ce74a5;
        line-height: 2;
        font-size: 26px;
        width: 90%;
        font-family: 'Barlow';
        font-weight: 600;
        border-radius: 10px;
    }
	
.oceanview-flex-2 div {
        width: 100%;
        margin: 1em 0;
        text-align: left;
    }	
	
.oceanview-center img {
    width: 90%;
    max-width: 650px;
	
	
}
	
.oceanview-right img {
    width: 90%;
    max-width: 650px;
}	
	
.camp-flex-1-center {
    width: 90%;
    max-width: 650px;
}	
	
}










/*camp area*/


@media screen and (min-width: 769px){
.camp-flex-1 {
    display: flex;
    align-items: center;
}
	
.camp-flex-1 div {
    width: calc(100% / 3 - 0em);
}	
	
.camp-flex-1-right {
    margin-left: 2em;
}	
	
.camp-flex-1-right p {
    text-align: left;
    margin-bottom: 0;
}	
}

@media screen and (max-width: 768px){
.camp-flex-1 {
    display: flex;
    align-items: center;
    flex-direction: column;
}
	
.camp-flex-1 div {
    margin: 1em 0;
}	
	
.camp-flex-1-right p {
    text-align: left;
    margin: 0 1em;
    font-size: clamp(0.875rem, 0.696rem + 0.89vw, 1.125rem); /*14,18*/
}		
}











/*drink*/

@media screen and (min-width: 769px){
img.list-left-img.drink {
    width: 63%;
}
}

@media screen and (max-width: 768px){
img.list-left-img.drink {
    width: 29%;
}
}














/*チケット取扱い*/

.maeuri-1-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.maeuri-1-flex-in-title {
    font-size: 24px;
    background: #41a193;
    padding: 0.5em 0;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 500;
}

.maeuri-1-flex-in-sen p {
    margin-bottom: 0;
}

p.maeuri-1-flex-in-sen-font-1 {
    font-size: 18px;
    line-height: 1.3em;
    margin-bottom: 5px;
    font-weight: 500;
}

p.maeuri-1-flex-in-sen-font-2 {
    font-size: 14px;
    line-height: 1.5em;
}

a.maeuri-1-flex-in-sen-font-3 {
font-size: 14px;
    color: #e27427;
}




@media screen and (min-width: 769px){
.maeuri-1-flex-in {
    width: calc(100% / 5 - 1em);
    background: #fff;
    margin: 0.5em;
    padding-bottom: 1em;
}

.maeuri-1-flex-in-sen {
    margin: 1em 10px 2em 10px;
}
	
p.maeuri-1-title {
    font-size: clamp(1.625rem, 0.777rem + 4.24vw, 2.813rem);
    margin-bottom: 0.5em;
    margin-top: 2em;
    font-weight: 500;
    color: #39877a;
}
	
}



@media screen and (max-width: 768px){
.maeuri-1-flex-in {
    width: 100%;
    background: #fff;
    margin: 0.5em;
    padding-bottom: 1em;
}

.maeuri-1-flex-in-sen {
    margin: 1em 10px 0.5em 10px;
}
	
p.maeuri-1-title {
        font-size: clamp(1.313rem, 0.732rem + 2.9vw, 2.125rem); /*21,34*/
        margin-bottom: 0.5em;
        margin-top: 2em;
        font-weight: 500;
        color: #39877a;
    }	
}









/*ふるさと納税*/
.furusato-1 {
    margin: 3em 0;
}

p.furusato-1-font-1 {
    color: #308282;
    line-height: 1.3em;
    font-size: clamp(1.125rem, 0.679rem + 2.23vw, 1.75rem);
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0em;
}








@media screen and (max-width: 768px){
.go-to-top {
    bottom: 4em;
}
}





p.artist-1-flex-in-font5 {
    margin: 2em auto 1em auto;
    font-weight: 600;
    background: #fff;
    color: #308282;
    /* display: inline; */
    width: 55%;
}

p.artist-1-flex-in-font6 {
    font-size: 14px;
    text-align: left;
    padding: 0 1em;
    max-width: 460px;
    display: block;
    margin: 0 auto;
}


































/*=============
slick
=============*/

.slider-wrapper {
  position: relative;
}

.text-overlay {
  position: absolute;
	width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
/*   font-size: 2.5rem; */
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
  z-index: 10;
  padding: 1rem;
  pointer-events: none; /* スライド操作に干渉しない */
}

@media screen and (max-width: 768px){
p.text-overlay-font-1 {
    font-size: clamp(1.438rem, 1.214rem + 1.12vw, 1.75rem);
}
p.text-overlay-font-2 {
    font-size: clamp(0.875rem, 0.696rem + 0.89vw, 1.125rem);
}
}

@media screen and (min-width: 769px){
p.text-overlay-font-1 {
    font-size: clamp(2.375rem, 0.942rem + 2.98vw, 3.625rem);
}

p.text-overlay-font-2 {
    font-size: clamp(1.5rem, 1.213rem + 0.6vw, 1.75rem);
}
}






@media screen and (min-width: 769px){
.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.full div.img01 {
  background-image: url(https://peaceful-beach.com/wp-content/uploads/2025/06/IMG_1451.jpg);
}
.full div.img02 {
  background-image: url(https://peaceful-beach.com/wp-content/uploads/2025/06/IMG_1469.jpg);
}
.full div.img03 {
  background-image: url(https://peaceful-beach.com/wp-content/uploads/2025/06/IMG_1468.jpg);
}
}

@media screen and (max-width: 768px){
.full div.img01 {
  background-image: url(https://peaceful-beach.com/wp-content/uploads/2025/06/IMG_1451.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 20% center;
  height: 100vh;
  margin: 0;
}
.full div.img02 {
  background-image: url(https://peaceful-beach.com/wp-content/uploads/2025/06/IMG_1469.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 40% center;
  height: 100vh;
  margin: 0;
}
.full div.img03 {
  background-image: url(https://peaceful-beach.com/wp-content/uploads/2025/06/IMG_1468.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 70% center;
  height: 100vh;
  margin: 0;
}
}