@charset "utf-8";
html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
list-style:none;
font-weight:normal;
font-style:normal;
}

* {
margin:0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html,body {
height:100%;
margin:0;
padding:0;
min-height:100%;
box-sizing: border-box;
background:#79beb5;
}

html{
height:100%;
margin-bottom:1px;
-webkit-overflow-scrolling: touch;
}

body {
overflow: initial;
min-width: auto!important;
}

@-ms-viewport {
width: auto;
}

img {
max-width : 100% ;
height : auto ;
vertical-align:bottom;
}



/*====================================================
kv
====================================================*/

.kv {
width: 100%;
margin: 0 auto;
text-align: center;
z-index: 5;
position: fixed;
}



/*====================================================
contents
====================================================*/
.content {
max-width: 1461px;
backdrop-filter: blur(12px);
background-color: rgba(255, 255, 255, 0.6);
border-radius: 50px;
border: solid 3px #33a49b;
margin: 40vh 5vw 20px;
padding-bottom: 1vh;
position: relative;
z-index: 10;
}


@media screen and (min-width: 321px) {
.content {
border-radius: 50px;
margin: 50vh 5vw 10px;
}
}

@media screen and (min-width: 451px) {
.content {
margin: 70vh 5vw 10px;
}
}

@media screen and (min-width: 601px) {
.content {

margin: 38vh 5vw 10px;
padding-bottom: 3vh;
}
}

@media screen and (min-width: 701px) {
.content {
border-radius: 60px;
margin: 46vh 5vw 10px;
padding-bottom: 3.5vh;
}
}

@media screen and (min-width: 901px) {
.content {
border-radius: 70px;
margin: 56vh 5vw 10px;
padding-bottom: 4vh;
}
}

@media screen and (min-width: 1101px) {
.content {
border-radius: 80px;
margin: 70vh 5vw 10px;
padding-bottom: 4.5vh;
}
}


@media screen and (min-width: 1500px) {
.content {
margin: 780px auto 10px;
}
}



/*====================================================
top_logo
====================================================*/
.top_logo {
margin: 0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
align-content: center;
}

.logo_img {
width: 50%;
margin: auto;
padding: 6px 0px 2px 0px;
}

@media screen and (min-width: 601px) {
.top_logo {
max-width: 1461px;
}
}


/*====================================================
thankyou
====================================================*/
.thankyou {
width: 90%;
max-width: 1461px;
margin: 0 auto;
}

.msg2 {
width: 100%;
}

.movie_camlist {
margin: 0% auto 4%;
}

@media screen and (min-width: 601px) {
.thankyou {
margin: 0 auto 0;
display: flex;
justify-content: center;
align-items: center
}

.msg2 {
margin: auto 8px auto -3vw;
}

.movie_camlist {
width: 55%;
max-width: 700px;
margin: 4% auto 2%;
}
}


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼　movie　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.outer {
width: 88%;
max-width: 620px;
margin: 0 auto;
box-sizing: border-box;
padding: 0;
position: relative;
z-index: 1;
}

@media screen and (min-width: 601px) {
.outer {
width: 38.75vw;
max-width: 620px;
margin:0 auto 0;
}

.swiper {
padding-bottom: 30px;
}
}

.inner {
width: calc(100% + 10px);
height: calc((100% + 10px) - 48px);
position: absolute;
left: -5px;
right: 0;
top:-5px;
bottom:0;
background:transparent;
z-index: 10000;
border: 6px solid #89ccc5;
border-radius: 12px;
pointer-events: none;
}


.swiper {
width: 100%;
box-sizing: border-box;
padding-bottom: 48px;
}


.swiper-slide {
position: relative;
width: 100%;
height: 0;
padding-bottom:56.25%;
background: #29a09e;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
z-index: 10;
/*border: 5px solid #a4b4d2;
box-sizing: border-box;*/
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}


.swiper-slide  iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.swiper-slide.pv::after {
display: none;
}

.swiper-pagination {
z-index: 100;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap,15px);
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom:0;
}


.swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap,9px);
background-color: transparent;
background-image: url("../images/triangle_non.svg");
background-repeat: no-repeat;
background-size: contain;
border-radius: unset;
width: 11px;
height: 13px;
opacity: 1;
}

.swiper-pagination-bullet-active {

background-image: url("../images/triangle.svg");
width: 11px;
height: 13px;
}

.swiper-slide img {
height: auto;
width: 100%;
}


@media screen and (min-width: 601px) {
.movie_1st_anniv {
background: none;
}
}

@media screen and (min-width: 1600px) {
.outer {
width: 100%;
}
}


/*====================================================
measure
====================================================*/

.measure {
width: 100%;
text-align: center;
background-color: #89ccc5;
}


/*====================================================
member_contents
====================================================*/

.member_contents {
margin: 4vw auto 2vw;
}

ul.member_list {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding:2vw 10vw 0vw;
}

ul.member_list li {
width: 50%;
}

.member_text {
width: 80%;
margin: auto;
}

	
.text {
color:#33a49b;
font-size: 10px;
line-height: 1.2;
}


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

.text {
font-size: 14px;
}
}


/*====================================================
footer
====================================================*/


.nogifra_logo {
width: 100%;
padding: 30px 0 30px;
text-align: center;
}

.nogifra_logo img {
width: 50%;
}


@media screen and (min-width: 601px) {
.nogifra_logo img {
width: 40%;
max-width: 350px;
}
}


.sec-regist {
border-top: 0px solid #e5e5e5;
margin-bottom: -40px;
}



footer .Copyright {
background-color: rgba(255,255,255,0.00)
}


footer .footer-share {
text-indent: calc(100vw * (0 / 1600));
}