/*==共通==*/
* { 
min-height: 0vw;
min-height: 0;
}
section#main {
background: url(/college/jyukensei/images/event/conf-fes2024_main_skin.webp);
padding-bottom: 50px;
}
@media screen and (max-width: 540px){
section#main {margin-bottom: 100px;}
}

section.event_topics, section.fes_wrapper{
width: clamp(calc(85% + 20px), 80vw, calc(100% - 20px));
margin: 50px auto 100px;
height: auto;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1024px){
/*section.event_topics{margin-bottom: 50px;}*/
}
@media screen and (max-width: 800px){
.scroll_box {
margin-bottom: 0;
}
}
@media screen and (max-width: 540px){
/*section.event_topics{margin-bottom: 50px;}*/
section.fes_wrapper {margin: 50px auto;
}
}
@media screen and (max-width: 480px){
section.event_topics, section.fes_wrapper{
margin: 0 auto 100px;
}
}

/*イベント終了*/
p.list_inner.view_timer.held {
display: none;
}
p.list_inner.view_timer.end {
margin: 10px auto 20px;
text-align: center;
width: 20em;
line-height: 1.5rem;
padding: 5px;
border-radius: 3rem;
color: #ffffff;
background-color: #ed1e79;
font-weight: 700;
}

/*カラムサイズ*/
div.fes_inner {
width: clamp(calc(60% - 20px), 850px, 100%);
margin: 100px auto;
position: relative;
padding: 0 50px;
}
section.main > section{
font-family: "Noto Sans JP", serif;
font-optical-sizing: auto;
font-style: normal;
}

/*テキスト非表示*/
.t-erase {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
line-height: 0.1em;
}

/*改行*/
span.kaigyou{
position: relative;
display: inline-block;
}

/*全体背景*/
section.fes_back {
width: 100vw;
height: auto;
left: 50%;
background: url(/college/jyukensei/images/event/conf-fes2024_fes_box_skin.svg) repeat top / cover;
overflow: hidden;
}

@media screen and (max-width: 1024px){
section.fes_back {background-size: 100%;}
}

@media screen and (max-width: 800px){
section.fes_back {background-size: 150%;}
}

/*.fes_innerの背景*/
div#conf-fes:after {
content: '';
display: block;
position: absolute;
width: calc(100vw + 50%);
height: 100%;
background-color: #feffe8;
top: 140px;
left: 50%;
z-index: -1;
transform: translateX(-50%)/* rotate(3deg)*/;
-webkit-transform: translateX(-50%)/* rotate(3deg)*/;
-ms-transform: translateX(-50%)/* rotate(3deg)*/;
}
div#strawberry:before {
content: '';
display: block;
position: absolute;
width: calc(100vw + 50%);
height: 100%;
/*bottom: -500px;*/
left: 50%;
background-color: #e4f3ff;
z-index: -1;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}

div#strawberry:after {
content: '';
display: block;
position: absolute;
width: calc(100vw + 50%);
height: 100%;
top: 140px;
left: 50%;
background-color: #f8eaeb;
z-index: -1;
transform: translateX(-50%)/* rotate(3deg)*/;
-webkit-transform: translateX(-50%)/* rotate(3deg)*/;
-ms-transform: translateX(-50%)/* rotate(3deg)*/;
}

/*font*/
.kaisei-decol-regular {
font-family: "Kaisei Decol", serif;
font-weight: 400;
font-style: normal;
}
.noto-sans-jp {
font-family: "Noto Sans JP", serif;
font-optical-sizing: auto;
font-style: normal;
}
.oswald{
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}

/*==topタイトル==*/

section.top_title {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
padding: 60px 0 80px;
margin-top: -60px;
background-color: #fff7d4;
background-image: radial-gradient(#ffd8cf 15%, transparent 16%), radial-gradient(#ffd8cf 15%, transparent 16%);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
overflow: hidden;
}
@media screen and (max-width: 800px){
section.top_title {
margin-top: -20px;
padding-bottom: 50px;
}
}
/*titleロゴ*/
h2.experience_top{
background: url(/college/jyukensei/images/event/confevent_2025_title.webp) no-repeat center / contain;
width: 60%;
height: auto;
margin: 0 auto;
padding: 0;
border-bottom: none;
filter: drop-shadow(1px 3px 3px #c0c0c0);
position: relative;
aspect-ratio: 16 / 9;
}
/*保護者向けプログラムTITLE*/
section.top_title h3{
text-align: center;
font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
color: #443325;
display: block;
position: relative;
width: 22rem;
margin: 0 auto;
}
section.top_title h3:before, section.top_title h3:after {
content: '';
display: block;
position: absolute;
width: 2em;
height: 2px;
background: #443325;
bottom: 5px
}
section.top_title h3:before {
left: -1em;
transform: rotate(45deg);
}
section.top_title h3:after {
right: -1em;
transform: rotate(-45deg);
}
/*topタイトル内あしらい*/
section.top_title div {
position: relative;
width: calc(800px + 10%);
margin: 0 auto;
}
section.top_title div img.model {/*モデルさん*/
display: block;
position: absolute;
width: 150px;
height: auto;
right: 14%;
top: 160px;
z-index: -1;
}
section.top_title div img.common01 {/*ガトー・ピスターシュ*/
display: block;
position: absolute;
width: 300px;
height: auto;
left: 0;
bottom: -10%;
z-index: -2;
aspect-ratio: 75 / 44;
}
section.top_title div img.common02 {/*ブリオッシュ*/
display: block;
position: absolute;
width: 300px;
height: auto;
right: 0;
top: -5%;
z-index: -2;
aspect-ratio: 150 / 89;
}
section.top_title div img.common03 {/*舞あんず*/
display: block;
position: absolute;
width: 280px;
height: auto;
left: -80px;
top: -50px;
z-index: -2;
aspect-ratio: 150 / 119;
}
section.top_title div:before {/*ギンガムチェック*/
content: '';
display: block;
position: absolute;
width: 100%;
height: auto;
aspect-ratio: 108 / 77;
top: -50px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-mask-image: url(/college/jyukensei/images/event/confevent_2025_title_common01_mask.svg);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: top;
mask-image: url(/college/jyukensei/images/event/confevent_2025_title_common01_mask.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: top;
background: url(/college/jyukensei/images/event/confevent_2025_title_common01.jpg) no-repeat top / contain;
z-index: -2;
}
@media screen and (max-width:800px){
/*topタイトル内あしらい*/
section.top_title div {
width: 100%;
}
section.top_title div:before {
width: calc(100% + 200px);
}
section.top_title div img.model {/*モデルさん*/
right: 6%;
}
section.top_title div img.common01 {/*ガトー・ピスターシュ*/
width: 250px;
left: 0;
bottom: -10%;
}
section.top_title div img.common02 {/*ブリオッシュ*/
width: 250px;
top: -25%;
}
section.top_title div img.common03 {/*舞あんず*/
width: 250px;
left: -5%;
top: -30%;
}
}
@media screen and (max-width:540px){
/*topタイトル内あしらい*/
section.top_title div img.model {/*モデルさん*/
right: 6%;
width: 100px;
top: 100px;
}
section.top_title div img.common01 {/*ガトー・ピスターシュ*/
width: 200px;
left: -60px;
bottom: -10%;
}
section.top_title div img.common02 {/*ブリオッシュ*/
width: 200px;
top: -25%;
}
section.top_title div img.common03 {/*舞あんず*/
width: 180px;
left: -5%;
top: -40%;
}
}
@media screen and (max-width:480px){
h2.experience_top{
width: 80%;	
}
section.top_title div:before {
width: calc(100% + 250px);
top: -25px;
}
}

/*topタイトル内テキスト*/
.intro{
display: block;
margin: 20px auto 0;
text-align: center;
background-color: rgba(255, 255, 255, 0.80);
padding: 20px 25px;	
width: 40rem;
border-radius: 15px;
}
@media screen and (max-width: 800px){
.intro{
width: 30rem;
text-align: left;
}
}
@media screen and (max-width: 540px){
.intro{
width: 80%;
}
}

/*==イベントトピックス==*/
section.event_topics:before {
content: '';
display: block;
position: absolute;
height: 60px;
background: url(/college/jyukensei/images/event/conf-fes2024_title_top.webp) no-repeat center / cover;
top: -60px;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 480px){
section.event_topics:before{
top: -5px;
}
}
div.fes_nav {
display: flex;
justify-content: space-between;
margin: 0 auto 50px;
width: clamp(calc(100% - 25%), 700px, 100%);
height: auto;
width: 100%;
}
div.fes_nav div {
width: 30%;
position: relative;
}
div.fes_nav div h3{
font-size: clamp(1.125rem, 1.011rem + 0.57vw, 1.438rem);
padding: 0 0 1em;
}
div.fes_nav h4{
font-size: clamp(1.125rem, 1.011rem + 0.57vw, 1.438rem);
/*font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);*/
/*height: 3em;
line-height: 1.1em;
padding-bottom: 1.2em;*/
position: relative;
}
div.fes_nav h4 span.spacing{
letter-spacing: -0.15rem;
}
/*div.fes_nav h4:before, div.fes_nav:after {
content: '～';
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
div.fes_nav h4:before{
left: -1.1em;
}
div.fes_nav h4:after{
right: -1.1em;
}*/
div.fes_nav p {
line-height: 1.15rem;
font-weight: bold;
padding: 10px;
font-size: 2.5rem;
text-align: center;
font-family: "Kaisei Decol", serif;
border-bottom: dotted 4px #f88ead;
margin-bottom: 5px;
}
p.event_date span, .fes_day span {
display: inline-block;
padding: 2px;
border-radius: 100%;
color: #ffffff;
margin-left: 0.2rem;
font-weight: 600;
height: clamp(1.25rem, 1.136rem + 0.57vw, 1.563rem);
width: clamp(1.25rem, 1.136rem + 0.57vw, 1.563rem);
font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
position: relative;
z-index: 1;
}
p.event_date span:before, .fes_day span:before {
content: '';
display: block;
position: absolute;
background: #333333;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
border-radius: 100%;
z-index: -1;
}
.fes_day span:before {
top: 80%;
}
p span.e_holiday:before, span.e_holiday:before {
background-color: #ff6c7d;
}
p span.weekdays:before, span.weekdays:before {
background-color: #ffa900;
}
div.fes_nav div a {
text-decoration: none;
color: unset;
text-align: center;
min-height: 200px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 10px;
filter: drop-shadow(1px 3px 3px #c0c0c0);
/*overflow: hidden;*/
}
div.fes_nav a h3, div.fes_nav a h4 {
background: unset;
}
div.fes_nav div a picture {
border-radius: 10px;
overflow: hidden;
}
/*@media screen and (max-width: 800px){
div.fes_nav div:nth-of-type(3) h4 {
font-size: 0.95em;
}
}*/
@media screen and (max-width: 820px) and (min-width:540px){
div.fes_nav div:nth-of-type(2) h3{
font-size: clamp(1.125rem, 1.011rem + 0.57vw, 1.438rem);
line-height: 1rem;
padding: 0.5em;
}
}
@media screen and (max-width: 540px){
div.fes_nav{
flex-direction: column;
height: auto;
margin-bottom: 0;
}
div.fes_nav div {
width: 90%;
margin: 20px;
}
}
@media screen and (max-width: 380px){
div.fes_nav div a {min-height: 200px;}
}

/*==イベント説明==*/
.scedule > div {
margin: 30px auto;
}

/*h3の飾り*/
.fes_inner h3 {
font-size: 2.5rem;
font-family: "Kaisei Decol", serif;
padding-bottom: 3px;
margin-bottom: 1rem;
position: relative;
text-align: center;
}
.fes_inner h3:after {
content: '';
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #cdc2c7;
bottom: -7px;
}
.fes_inner h3 span.fes_day{
margin-right: 1.5rem;
}
span.fes_day span {
padding: 0px 0px 0px 2px;
}
.fes_inner h4{
font-size: 2rem;
padding-left: 1em;
text-align: center;
}
.scedule h4 {
font-size: 1.5rem;
margin: 0 auto;
width: clamp(calc(80% + 20px), 600px, 100%);
padding-left: 0;
}
.scedule h5 {
width: 12rem;
margin: 50px auto 5px;
font-weight: 500;
text-align: center;
position: relative;
display: block;
height: 1em;
color: #ff93a7;
}
.scedule h5:before, .scedule h5:after {
content: '';
display: block;
position: absolute;
width: 3em;
height: 1em;
border-bottom: dotted 5px #ff93a7;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
left: -3em;
}
.scedule h5:after {
left: unset;
right: -3em;
}

@media screen and (max-width: 800px){
div.fes_inner {margin: 0 auto 100px;}
div.fes_box_03 h3 span.fes_day {
margin-right: 0.5rem;
}
}

@media screen and (max-width: 540px){
div.fes_inner {
padding: 0 10px;
/*margin: 0 auto 100px;*/
}	
/*h3の飾り*/
.fes_inner h3 {
text-align: center;
padding-left: 0;
}
.fes_inner h3:after {
left: 0;
}
/*h4*/
.scedule h4 {
padding-left: unset;
text-align: center;
}
.fes_inner h3 {
text-align: center;
padding-left: 0;
}
.fes_inner h3 span.fes_day {
margin-right: 0;
display: block;
margin-bottom: 5px;
}
.fes_day span:before {
top: unset;
bottom: -100%;
}
.fes_inner h4 {
font-size: 1.3rem;
text-align: center;
padding-left: unset;
}
div#strawberry .fes_text h4 {
font-size: 1.2rem;
letter-spacing: -0.12rem;
line-height: 1.5rem;
}
}

/*fes_info*/
.fes_info {
position: relative;
padding: 30px 0;
min-height: 550px;
display: flex;
justify-content: center;
align-items: center;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 30px;
border-radius: 10px;
}
.fes_info:before {
content: '';
display: block;
width: 100vw;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
height: 100%;
}
.fes_box_01 .fes_info:before {
background: url(/college/jyukensei/images/event/confevent_2025_july_top.jpg) no-repeat center / cover;
}
.fes_box_02 .fes_info:before {
background: url(/college/jyukensei/images/event/confevent_2025_august_top.jpg) no-repeat left / cover;
}
.fes_box_03 .fes_info:before {
background: url(/college/jyukensei/images/event/confevent_2025_september.jpg) no-repeat center / cover;
}
.fes_text{
width: 50%;
}
.fes_text div{
padding: 30px;
width: 60%;
position: absolute;
top: 50%;
left: 3%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background-color: rgba(255, 255, 255, 80%);
line-height: 2.5rem;
border-radius: 10px;
}
.fes_text p {
font-size: 1.3rem;
padding: 10px 20px;
text-align: justify;
}
.fes_img {
width: 40%;
height: auto;
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
}
/*.fes_img img.scroll-in {
filter: drop-shadow(3px 3px 5px #B5B4A7);
}*/
.fes_img.left-in img.scroll-in.displayed{
animation: fadeInLeft 1s forwards;
}
.fes_img.right-in img.scroll-in.displayed{
animation: fadeInRight 1s forwards;
}
@keyframes fadeInLeft{
  0%{transform: translateX(-100px); opacity: 0;}
100%{transform: translateX(0); opacity: 1;}
}
@keyframes fadeInRight{
  0%{transform: translateX(100px); opacity: 0;}
100%{transform: translateX(0); opacity: 1;}
}

@media screen and (max-width: 800px){
.fes_img {
position: absolute;
right: -5%;
}
.fes_img.trio {
right: -10%;
bottom: 5%;
}
.fes_text div {
width: 70%;
left: 0;
}
}

@media screen and (max-width: 540px){
.fes_info {
flex-direction: column;
margin-bottom: 20px;
padding: 50px 0;
justify-content: center;
align-items: center;
}
.fes_img, .fes_img.trio{
position: relative;
right: unset;
}
.fes_text, .fes_img{
width: 95%;
}
.fes_text div {
padding: 15px;
width: 100%;
position: relative;
top: unset;
left: unset;
transform: unset;
-webkit-transform: unset;
-ms-transform: unset;
line-height: 2.5rem;
margin-bottom: 20px;
}
.fes_box_02 .fes_info:before {
background-position: 40%;
}
.fes_box_03 .fes_info:before {
background-position: 65%;
}
}

/*日時・場所*/
.program{
position: relative;
width: clamp(calc(85% + 20px), 50%, calc(100% - 50px));
margin: 50px auto 0;
}
.program dl {
border: solid 1px #cccccc;
display: flex;
margin: 0 auto;
background: #ffffff;
}
.program dt {
background: #f1fffa;
width: 10rem;
display: flex;
justify-content: center;
align-items: center;
border-right: solid 1px #cccccc;
padding-top: unset;
font-weight: 800;
}
.program dd {
padding: 17px;
width: calc(100% - 5rem);
font-size: 1.1em;
}
a.event_attention {
display: block;
margin-top: 5px;
text-align: right;
}
@media screen and (max-width: 540px){
/*日時・場所*/
.program {
flex-direction: column-reverse;
align-items: center;
}
.program dd {
width: 100%;
}
a.event_attention {
text-align: center;
}
}

/*スケジュール一覧*/
.scedule table tr:first-child th,
.scedule table tr:first-child td {
border-top: unset;
}
.scedule table tr:first-child th:first-child{
border-left: unset;
}
.scedule table {
width: clamp(calc(80% + 20px), 600px, 100%);
margin: 10px auto;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.scedule table:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
border: solid 2px #d7d7d7;
top: 0;
left: 0;
border-radius: 20px;
}
td.times {
width: 15%;
text-align: center;
border-left: unset;
font-weight: 600;
font-size: 1.2rem;
}
span.tategaki {
display: block;
transform: rotate(90deg);
}
table.taiken h6 {
margin-bottom: 6px;
}
table.taiken h6 span.create {
display: inline-block;
position: relative;
font-size: 1.2rem;
}
table.taiken h6 span.create span {
font-size: 0.9em;
}
table.taiken div.shousai {
display: flex;
align-items: center;
}
div.shousai p {
width: calc(100% / 1);
padding-right: 1em;
margin-bottom: 0;
}
/*保護者説明会 右下注書き*/
p.parent{
width: clamp(calc(80% + 20px), 600px, 100%);
margin: -10px auto 0;
}

@media screen and (max-width: 800px){
.table th, .table td, .table > dl > dt, .table > dl > dd {
padding: 10px 5px;
font-size: 14px;
}
}

/*==fes_inner 予約ボタン==*/
div.booking{
margin-top: 50px;
}
div.booking a{
cursor: pointer;
width: calc(100% - calc(25% + 10px));
padding: 20px 60px;
}
@media screen and (max-width: 540px){
div.booking a{
padding: 20px;
}
div.booking p {
text-align: left;
text-indent: -1em;
margin: 0 1em;
}
}

/*==YouTubeショート==*/
section.short-movie{
width: 100%;
height: auto;
margin: 0 auto;
background: #e4f3ff;
overflow: hidden;
padding-top: 50px;
}
/*section.short-movie:before, section.short-movie:after {
content: '';
display: block;
position: absolute;
width: 100vw;
height: 25px;
}
section.short-movie:before {
background: url(/college/jyukensei/images/event/conf-fes2024_line01.webp) repeat-x center / contain;
top: 0;
}
section.short-movie:after {
background: url(/college/jyukensei/images/event/conf-fes2024_line02.webp) repeat-x center / contain;
bottom: 0;
}*/
.short_erea {
width: 100%;
margin: 0 auto;
padding: 30px 20px 50px;
position: relative;
}
section.short-movie p:before, section.short-movie p:after {
content: '';
display: block;
position: absolute;
width: 2.5em;
height: 2px;
border-bottom: solid 1px;
top: 50%;
}
section.short-movie p:before {
left: -5px;
transform: translateY(-50) rotate(55deg);
-webkit-transform: translateY(-50%) rotate(55deg);
-ms-transform: translateY(-50%) rotate(55deg);
}
section.short-movie p:after {
right: -5px;
transform: translateY(-50) rotate(-55deg);
-webkit-transform: translateY(-50%) rotate(-55deg);
-ms-transform: translateY(-50%) rotate(-55deg);
}
h4.short {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
width: 100%;
height: 100px;
background: url(/college/jyukensei/images/campuslife/students2024_ShortMovie-title.svg) no-repeat center / contain;
}
.short_outer{
position: sticky;
max-width: 600px;
margin: 0 auto;
}
.ytshort_slider {
max-width: 600px;
height: auto;
position: relative;
margin: 0 auto;
display: flex;
justify-content: center;
}
section.short-movie p {
width: 10em;
margin: 0 auto -1.5em;
font-size: 16px;
transform: rotate(-3deg);
display: block;
position: relative;
color: #351902;
}
.short_warpper {
margin: 40px 0;
display: flex;
justify-content: center;
}
.short_warpper div{
display: flex;
justify-content: center;
align-items: center;
width: auto;
margin: 5px;
}
.short_warpper div a {
border-radius: 20px;
overflow: hidden;
border: solid 2px #351902;
}
.short_warpper div a img {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.short_warpper div a img:hover {
opacity: .8;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.short_more{
max-width: 600px;
margin: 20px auto 0;
}
.short_more a,.short_more a:hover{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
width: 10em;
height: 1.8em;
display: block;
margin: 0 auto;
}
.short_more a{
background: url(/college/jyukensei/images/campuslife/students2024_ShortMovie-more.svg) no-repeat center / contain;
}
.short_more a:hover{
background: url(/college/jyukensei/images/campuslife/students2024_ShortMovie-more_hover.svg) no-repeat center / contain;
}
/*popup画面*/
.mfp-content{
aspect-ratio:9 /16;
}
.mfp-iframe-holder {
padding-top: 100px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 350px;
}
.mfp-iframe-scaler iframe {
border-radius: 10px;
overflow: hidden;
}

@media screen and (max-width: 1024px){
/*==youtubeショート==*/
.short_more a{
background: url(/college/jyukensei/images/campuslife/students2024_ShortMovie-more_hover.svg) no-repeat center / contain;
}
}

@media screen and (max-width: 820px){
/*==youtubeショート==*/
.short_warpper {
width: 80%;
margin: 40px 0;
}
}

@media screen and (max-width: 540px){
/*==youtubeショート==*/
.short_erea {
width: 95%;
}
.short_warpper {
margin: 20px 0 40px;
}
.short_warpper div {
width: calc(100% / 2 - 10px);
}
.mfp-iframe-holder .mfp-content {
max-width: 300px;
}
}

/*==注意事項とお問い合わせ==*/
section#end {
margin-bottom: 100px;
}
section#conf-info {
width: clamp(calc(60% - 20px), 850px, 100%);
margin: 0 auto;
position: relative;
padding: 50px;
}
section#conf-info{
background: #ffffff;
filter: drop-shadow(1px 3px 3px #c0c0c0);
}
section#conf-info h3 {
font-size: 1.5rem;
}
.caution {
padding: 20px 10px;
}
.caution h4 {
font-size: 1.3rem;
margin: 15px 0 5px;
border-bottom: solid 2px #dedede;
padding-left: 1.5em;
position: relative;
}
.caution h4:before {
content: '■';
display: inline-block;
position: absolute;
left: 0.3em;
color: #ff93a7;
position: absolute;
}
.caution ul {
padding: 0 10px;
}
.caution li {
list-style: disc;
margin-left: 1.3em;
}
section#conf-info .infomation {
padding-top: 10px;
margin-top: 20px;
border-top: solid 4px #ff93a7;
}
section#conf-info h3 {
font-size: 1.5rem;
}
section#conf-info .infomation p:nth-of-type(1) {
font-size: 1.3rem;
}

@media screen and (max-width: 540px){
section#end {
margin-bottom: 50px;
}
section#conf-info {
padding: 30px 15px 50px;
}
.caution {
padding: 20px 0;
}
section#conf-info .infomation {
text-align: center;
}
}

/*==================================================
予約申し込みとアクセスボタン（追従）
===================================*/
/*topに戻るボタン設定*/
.pagetop{
height: 10px;
}
.pagetop a {
margin-top: -80px;
}
/*予約とアクセス*/
section#end_booking {
width: clamp(calc(85% + 20px), 80vw, calc(100% - 20px));
margin: 0 auto;
}
div.booking-banner {
display: flex;
position: fixed;
bottom: 0;
top: auto;
transition-duration: .6s;
opacity: 0;
width: clamp(calc(60% - 20px), 850px, 100%);
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
div.booking-banner.fixed{
opacity: 1;
z-index: 11;
}
div.booking-banner > div,
div.booking-banner.fixed > div {
display: flex;
width: calc(100% - 160px);
justify-content: space-around;
background-color: #ffffff;
}

@media screen and (max-width: 1024px){
div.booking-banner > div,
div.booking-banner.fixed > div {
width: calc(100% - 90px);
}
}

@media screen and (max-width: 800px){
div.booking-banner > div,
div.booking-banner.fixed > div {
width: 100%;
}
}

@media screen and (max-width: 540px){
div.booking-banner{
right: 3%;
}
}

a.nav_end {
display: flex;
width: 25%;
height: 60px;
right: 0;
bottom: 0;
justify-content: center;
align-items: center;
text-decoration: none;
background-color: #94ccfd;
filter: drop-shadow(1px 3px 3px #c0c0c0);
color: #ffffff;
font-weight: 900;
font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
text-align: center;
line-height: 1.3em;
flex-direction: column;
}

@media screen and (max-width: 800px){
a.nav_end {
font-weight: unset;
padding-bottom: 15px;
}
}
	
@media screen and (max-width: 540px){
a.nav_end {
margin: 0;
}
}

a.nav_end:nth-of-type(1){
background-color:#ff96ad;
}
a.nav_end:nth-of-type(2){
background-color:#ffda62;
}
a.nav_end:nth-of-type(3){
background-color:#56d4d8;
}
a.nav_end:nth-of-type(4){
background-color:#b2e189;
}

/*印刷時非表示*/
@media print {
.no-print {display:none;}
}