@charset "utf-8";



/* 旧CSS
 * --------------------------------------- */

/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 24 COLUMN */
@import url("samplegrid_24col.css");

/* IMPORT Webiconfont */
@import url("icon.css");

body{
position: relative;
background: #FDF2F4;
/*background: #F9D4DB; */
font-family: sans-serif;
line-height: 150%;
}
a{
text-decoration: none;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
color: #0000CC;
}
a:hover{ opacity: 0.7; }

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

footer{
background-color: #E85282;
color: #fff;
margin-top: 70px;
text-align: center;
}

.main-box{
max-width: 1230px;
margin: 0 auto;
padding: 0px 15px;
text-align: center;
border-radius: 7px;
}

#gotop {
display: block;
width: 60px;
height: 60px;
box-sizing: border-box;
background: #FFF;
border: 1px solid #999;
padding-top: 30px;
text-align: center;
letter-spacing: -1px;
font-size: 85%;
text-decoration: none;
color: #333;
position: fixed;
bottom: 70px;
right: 15px;
border-radius: 5px;
opacity: 0.8;
}
#gotop:before{
content: "";
display: block;
border-top: 2px solid #333;
border-right: 2px solid #333;
width: 25%;
height: 25%;
top: 25%;
left: 0;
right: 0;
margin: auto;
position: absolute;
transform: rotate(-45deg);
}
#gotop a{ color: #666; text-decoration: none; }
#gotop:hover{ opacity: 1; }

header{
    padding: 2em 15px 0 15px;
}

h1{
text-align: center;
font-size: 2em;
font-weight: bold;
line-height: 1.7em;
margin-bottom: 0px;
color: #E85282;
padding: 3px 30px 0px;
}

h2 {
width: 280px;
position: relative;
height: 45px;
margin-right: 70px;
padding: 11px 10px;
word-break: break-all;
color: #fff;
background: #E8477D;
font-size: 24px;
font-weight: bold;
white-space: nowrap;
}
h2:after {
position: absolute;
top: 0;
right: -40px;
width: 0;
height: 0;
content: '';
border-width: 45px 40px 0 0;
border-style: solid;
border-color: #E8477D transparent;
transform: scale(1, -1);
}

h3{
font-size: 30px;
font-weight: bold;
margin: 0px 0px 5px 0px;
display:inline;
line-height: 1.2em;
}

p{
text-align: center;
font-size: 1.5em;
font-weight: bold;
color: #000;
margin: 80px 0;
line-height: 1.2em;
}

.m-container {display: flex; margin: 50px auto 0px; align-items: flex-start;}
.m-container02 {display: flex; margin: 50px auto 50px; align-items: center;}
.m-container021 {display: flex; margin: 15px auto 50px;}
.m-container03 {display: flex; justify-content: center; max-width: 1200px; margin: 20px auto; padding: 10px;}
.m-container04 {display: flex; justify-content: center; max-width: 1200px; margin: 0px auto; padding: 10px;}
.m-item01 {display: table-cell; flex-basis:30%;}
.m-item02pc {flex-basis:70%; text-align: left;}
.m-item02sp {display: none; flex-basis:70%; text-align: left;}
.m-item03,.m-item04 { font-size: 24px; font-weight: bold; flex-basis:50%; text-align: center;}
.m-item05 {flex-basis:50%;}

.f-container {display: flex; justify-content: center; max-width: 950px; margin: 0 auto; padding: 10px;}
.footer-box-l01 {color: #FFF; white-space: nowrap;}
.footer-box-l02 {display: none;}
.footer-box-r01 {color: #FFF; text-align: left;}
.footer-box-r02 {display: none;}
.footer-box-r03 {display: none;}

@media only screen and (max-width:767px){
h2 {font-size: 24px; padding: 11px 15px; margin-right: 10px;}
.m-container {display: block;}
.m-container02 {display: block;}
.m-container021 {display: block;}
.m-container03 {display: block; margin-top: 30px;}
.m-container04 {display: block; margin-top: 30px;}
.m-item01 {padding-bottom: 15px;}
.f-container {display: block;}
.footer-box-l01 {display: none;}
.footer-box-l02 {display: block; color: #FFF; font-size: 20px; font-weight: bold; text-align: center;}
.footer-box-r01 {display: none;}
.footer-box-r02 {display: block; color: #FFF; text-align: center;}
}

@media only screen and (max-width:490px){
h1{ line-height: 1.4em; text-align: left;}
h2{ margin-bottom: 10px;}
h3{font-size: 24px;}
.footer-box-r02 {display: none;}
.footer-box-r03 {display: block; color: #FFF; text-align: center;}
.m-item02pc {display: none; flex-basis:70%; text-align: left;}
.m-item02sp {display: block; flex-basis:70%; text-align: left; margin: 0px 20px;}
.m-item01 {padding-bottom: 0px;}
}

/* 旧CSS
 * --------------------------------------- */






/* 
 * --------------------------------------- */
.main-box .recruit-box { 
width: 100%; 
margin: 0 auto 80px auto;
text-align: center;
}

.main-box .recruit-box .mb30 { margin-bottom: 30px; }
.main-box .recruit-box .mb15 { margin-bottom: 15px; }

.main-box .recruit-box p { 
font-size: 16px;
font-weight: normal;
margin: 0;
}

.main-box .recruit-box .click-text { 
display: none;
font-size: 16px; 
font-weight: normal;
margin: 0 auto 30px; 
}

.main-box .recruit-box a { 
pointer-events: none; 
}

@media only screen and (max-width:767px){
.main-box .recruit-box .click-text { display: block; }
.main-box .recruit-box a { pointer-events: auto; }
.main-box .recruit-box .main-title img { object-fit: cover; height: 75px; }
}
@media only screen and (max-width:550px){
.main-box .recruit-box .main-title img { object-fit: cover; height: 12vw; }
}



/* 
 * --------------------------------------- */
.schedule_box { 
background-color: #fff;
border-radius: 20px;
margin-bottom: 80px;
padding: 30px;
}
.schedule_type01 .schedule_box { box-shadow: 0px 0px 10px #E85282; }
.schedule_type02 .schedule_box { box-shadow: 0px 0px 10px #11B8D6; }


.schedule_box .main-title h3 {
display: block;
font-size: 40px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
color: #fff;
margin-bottom: 30px;
padding: 5px;
border-radius: 10px;    
}
.schedule_type01 .schedule_box .main-title h3 { background: #E85282; }
.schedule_type02 .schedule_box .main-title h3 { background: #11B8D6; }
  

.schedule_box .day-title { 
position: relative;
max-width: 800px;
background: #fff;
border: 3px solid #14537F;
border-radius: 20px;
margin: 0 auto 30px auto;
padding: 10px 10px 0 10px;
filter: drop-shadow(5px 5px 0 #14537F);
}
.schedule_box .day-title h3 { 
display: flex;
justify-content: center;
align-items: flex-end;
font-size: 50px;
margin: 0;
}
.schedule_box .day-title h3 .age { 
font-size: 24px;
margin-right: 10px;
}
.schedule_box .day-title h3 .youbi { 
font-size: 20px;
color: #fff;
background: #111;
margin-left: 10px;
padding: 5px;
}
.schedule_box .day-title h3 .bc_01 { background: #E85282; }
.schedule_box .day-title h3 .bc_02 { background: #11B8D6; }
.schedule_box .day-title .day-end { 
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
display: table;
width: 100%;
max-width: 250px;
font-size: 24px;
font-weight: bold;
text-align: center;
color: #14537F;
background: #fff;
border: 2px solid #14537F;
padding: 10px;
filter: drop-shadow(2px 2px 2px #111);
}

    
.schedule_box .detail-list { 
max-width: 800px;
margin: 0 auto 30px auto;
}
.schedule_box .detail-list li { 
font-size: 20px;
line-height: 1.5em;
border-bottom: 3px solid #14537F;
margin-bottom: 10px;
padding-bottom: 10px;  
}
.schedule_box .detail-list li:last-child { 
margin-bottom: 0;    
}
.schedule_box .detail-list li strong { 
font-weight: bold;
}
.schedule_box .detail-list .indent01 { text-indent: -1em; padding-left: 1em; }
.schedule_box .detail-list .indent02 { text-indent: -2em; padding-left: 2em; }
.schedule_box .detail-list .indent03 { text-indent: -3em; padding-left: 3em; }
.schedule_box .detail-list .indent04 { text-indent: -4em; padding-left: 4em; }
.schedule_box .detail-list .indent05 { text-indent: -5em; padding-left: 5em; }
.schedule_box .detail-list .indent06 { text-indent: -6em; padding-left: 6em; }
.schedule_box .detail-list .indent07 { text-indent: -7em; padding-left: 7em; }
.schedule_box .detail-list .indent08 { text-indent: -8em; padding-left: 8em; }
.schedule_box .detail-list .indent09 { text-indent: -9em; padding-left: 9em; }
.schedule_box .detail-list .indent10 { text-indent: -10em; padding-left: 10em; }


.schedule_box .joining-list table { 
width: 100%;
margin: 0;
}
.schedule_box .joining-list th { 
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #14537F;
border: 1px solid #14537F;
padding: 10px;
}
.schedule_box .joining-list td { 
line-height: 1.5em;
vertical-align: middle;
border: 1px solid #14537F;
padding: 10px;   
}
.schedule_box .joining-list td strong { 
font-size: 20px;
font-weight: bold;
}
.schedule_box .joining-list td .sp-br { 
display: none;
}
.schedule_box .joining-list .type { display: inline-block; border: 2px solid #14537F; border-radius: 10px; margin: 5px; padding: 5px 10px; }


.contactform-btn a { 
display: table;
width: 100%;
max-width: 800px;
font-size: 30px;
font-weight: bold;
text-align: center;
color: #fff;
background: #E8477D;
border-radius: 50px;
margin: 0 auto 80px auto;
padding: 25px 15px;
filter: drop-shadow(5px 5px 5px #ccc);
}


.kv-content { 
max-width: 1500px;
margin: 0 auto 80px auto;
}
.kv-content .kv-box { 
position: relative;
}
.kv-content .kv-box a { 
position: absolute;
left: 50.5%;
bottom: 10px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.kv-content img { 
-webkit-user-drag: none; /* Chrome, Safari, Opera */
-khtml-user-drag: none;  /* Konqueror */
-moz-user-drag: none;    /* Firefox */
-o-user-drag: none;      /* Opera */
user-drag: none;         /* Standard property */
}
.kv-content .kv-box .sp-img { display: none; }


.gift_box { 
max-width: 900px; 
margin: 0 auto 80px auto; 
}
.gift_box img { 
-webkit-user-drag: none; /* Chrome, Safari, Opera */
-khtml-user-drag: none;  /* Konqueror */
-moz-user-drag: none;    /* Firefox */
-o-user-drag: none;      /* Opera */
user-drag: none;         /* Standard property */
}
.gift_box .sp { display: none; }

.gift_box .comment { background: #fff; border: 3px solid #E85282; border-radius: 20px; margin-top: 30px; padding: 30px 15px; }
.gift_box .comment h4 { font-size: 30px; font-weight: bold; line-height: 1.2em; text-align: center; color: #E85282; margin-bottom: 10px; }
.gift_box .comment p { font-size: 16px; font-weight: normal; line-height: 1.5em; margin: 0; }


.shuttlebus_box { max-width: 800px; margin: 0 auto; }
.shuttlebus_box .comment { background: #fff; border: 3px solid #E85282; border-radius: 20px; margin-bottom: 30px; padding: 15px; }
.shuttlebus_box .comment h4 { font-size: 24px; font-weight: bold; line-height: 1.2em; text-align: center; color: #E85282; margin-bottom: 10px; }
.shuttlebus_box .comment p { font-size: 14px; font-weight: normal; line-height: 1.5em; text-align: left; margin: 0; }
.shuttlebus_box .comment p strong { font-weight: bold; }
.shuttlebus_box .comment p .block { display: block; text-align: right;}

.shuttlebus_box .map_box { border: 3px solid #E85282; border-radius: 20px; padding: 15px; }
.shuttlebus_box .map_box .sp { display: none; }
.shuttlebus_box .map_box .map { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.shuttlebus_box .map_box .map img { width: 49%; border: 1px solid #111; }
.shuttlebus_box .map_box .map img:last-child { margin-left: 2%; }


@media only screen and (max-width: 767px){
.schedule_box { padding: 30px 15px; }
.schedule_box .joining-list th { font-size: 18px; }
.schedule_box .joining-list td { font-size: 14px; }
.schedule_box .joining-list td strong { font-size: 16px; }
.kv-content .kv-box a { position: inherit; left: 0; bottom: 0; }
.kv-content .kv-box .pc-img { display: none; }
.kv-content .kv-box .sp-img { display: block; margin-bottom: 20px; }
.gift_box .pc { display: none; }
.gift_box .sp { display: block; }
}
@media only screen and (max-width: 500px){
.schedule_box .main-title h3 { font-size: 30px; }  
.schedule_box .day-title h3 { font-size: 40px; flex-direction: column; align-items: center; }
.schedule_box .day-title h3 .age { line-height: 1.2em; margin-right: 0; }
.schedule_box .day-title h3 div:first-child { display: flex; justify-content: center; align-items: center; }
.schedule_box .detail-list li { font-size: 16px; }
.schedule_box .joining-list th { font-size: 16px; }
.schedule_box .joining-list td { font-size: 12px; }
.schedule_box .joining-list td strong { font-size: 14px; }
.schedule_box .joining-list td .sp-br { display: block; }
.contactform-btn a { font-size: 24px; }
.gift_box .comment h4 { font-size: 24px; }
.shuttlebus_box .map_box .pc { display: none; }
.shuttlebus_box .map_box .sp { display: block; }
.shuttlebus_box .map_box .map { flex-direction: column; }
.shuttlebus_box .map_box .map img { width: 100%; }
.shuttlebus_box .map_box .map img:last-child { margin-left: 0; margin-top: 15px; }
}



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