@charset "UTF-8";
/* CSS Document */

/*
font-family: 'Gloria Hallelujah', cursive;
font-family: 'Josefin Sans', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Yusei Magic', sans-serif;
*/

/*shimaenaga*/
#all-top{
background: url("/img/n-top.jpg") center center/cover;
height: 800px;
margin-top:-100px;
position: relative;
}
#all-top img{
width: 100%;
}
#all-top div{
width: 200px;
position: absolute;
right:20px;
}
#all-top .top01{
bottom:370px;
}
#all-top .top02{
bottom:190px;
}
#all-top .top03{
bottom:10px;
}
#all-top a{
display: block;
transition: 0.5s;
}
#all-top a:hover{
transform:rotate(10deg);
transition: 0.5s;
}
@media screen and (max-width: 768px) {
#all-top{background: url("/img/n-top_sp.jpg") center center/cover;
height: 400px;}
#all-top div{width: 100px;right:0;}
#all-top .top01{bottom:180px;}
#all-top .top02{bottom:95px;}
#all-top .top03{bottom:10px;}
}

#n-schedule{
position: relative;
background: #CEC6DE;
padding-bottom: 100px;
}
#n-schedule .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
position: relative;
}
#n-schedule h3{
margin: 50px 0 0;
font-family: 'Gloria Hallelujah', cursive;
font-size: 8rem;
letter-spacing: 0.8rem;
text-align: center;
color: #fff;
animation-duration: 2.5s;
}
#n-schedule h2{
margin: 40px auto 0;
padding-bottom: 2rem;
text-align: center;
font-size: 2rem;
letter-spacing: 0.8rem;
max-width: 800px;
}
#n-schedule h4{
margin: 25px auto 0;
font-family: 'Yusei Magic', sans-serif;
padding-bottom: 2rem;
text-align: center;
font-size: 2rem;
letter-spacing: 0.8rem;
max-width: 800px;
}
#n-schedule .sns-box{
margin: 30px auto 0;
padding: 20px;
text-align: center;
width: 100%;
max-width: 700px;
}
@media screen and (max-width: 768px) {
#n-schedule{padding-bottom: 50px;}
#n-schedule .line-stripe{height: 60px;}
#n-schedule h3{margin: 30px 0 0;font-size: 5rem;letter-spacing: 0.8rem;}
#n-schedule h2{font-size: 2rem;letter-spacing: 0.2rem;}
#n-schedule h4{margin: 20px 0 0;}
#n-schedule .sns-box{margin: 20px auto 0;padding: 15px;max-width: 600px;}
}

#n-dealers{
position: relative;
background: #FFD680;
padding-bottom: 100px;
}
#n-dealers .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
position: relative;
}
#n-dealers h3{
margin: 50px 0 0;
font-family: 'Gloria Hallelujah', cursive;
font-size: 8rem;
letter-spacing: 0.8rem;
text-align: center;
color: #fff;
animation-duration: 2.5s;
}
#n-dealers h4{
margin: 25px auto 0;
font-family: 'Yusei Magic', sans-serif;
padding-bottom: 2rem;
text-align: center;
font-size: 2rem;
letter-spacing: 0.8rem;
max-width: 800px;
}
#n-dealers table{
margin: 30px auto 0;
width: 100%;
max-width: 800px;
background: #fff;
border: 1.5px #000 solid;
}
#n-dealers th,#n-dealers td{
padding: 10px 20px;
border-right: 1px #B4B4B4 solid;
}
#n-dealers td{
vertical-align: top;
white-space: nowrap;
}
#n-dealers td:first-of-type{
padding: 20px 20px 10px;
white-space: normal;
}
#n-dealers th{
text-align: center;
border-bottom: 1px #C8C8C8 solid;
}
#n-dealers table a{
color: #000;
display: inline-block;
border-bottom: 1px #C8C8C8 solid;
}
#n-dealers table div {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
color: #555;
background: #FFF;
border: solid 1px #C8C8C8;
box-sizing: border-box;
}
#n-dealers table div:before {
content: "";
position: absolute;
top: -24px;
left: 20%;
margin-left: -15px;
border: 12px solid transparent;
border-bottom: 12px solid #FFF;
z-index: 2;
}
#n-dealers table div:after {
content: "";
position: absolute;
top: -28px;
left: 20%;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 14px solid #C8C8C8;
z-index: 1;
}
#n-dealers table p {
font-size: 1.4rem;
margin: 0;
padding: 0;
}
@media screen and (max-width: 768px) {
#n-dealers{padding-bottom: 50px;}
#n-dealers .line-stripe{height: 60px;}
#n-dealers h3{margin: 30px 0 0;font-size: 5rem;letter-spacing: 0.8rem;}
#n-dealers h4{margin: 20px 0 0;}
#n-dealers table {margin: 30px auto 0;}
#n-dealers .thead {display: none;}
#n-dealers tr,#n-dealers td{display: block;width: 100%;}
#n-dealers tr {border-bottom: 1px solid #C8C8C8;}
#n-dealers td{white-space: normal;}
#n-dealers td:first-of-type {font-weight: bold;}
#n-dealers td:last-of-type {padding: 0 20px 20px}
#n-dealers table div {margin: 1em 0 0;}
}


#s-start{
margin-top: -11rem;
padding-bottom: 2rem;
z-index: 1;
position: relative;
}
#s-start .line-cloud01{
width: 100%;
height: 130px;
background: url("/img/line-cloud01.png") repeat-x top center;
animation-duration: 3s;
}
#s-start .line-cloud02{
width: 100%;
height: 153px;
background: url("/img/line-cloud02.png") repeat-x bottom center;
animation-duration: 3s;
}
#s-start .kirakira{
position: absolute;
top:100px;
right: 20px;
}
#s-start .text-box{
max-width: 840px;
margin: 50px auto 0;
text-align: center;
padding: 0 20px;
}
#s-start .text-box img:nth-of-type(2){
width: 100%;
}
#s-start h2{
margin-top: 30px;
padding-bottom: 2rem;
border-bottom: 1px solid #6B4D05;
color: #6B4D05;
font-size: 3rem;
letter-spacing: 0.8rem;
line-height: 4.5rem;
}
#s-start p{
margin: 2rem auto;
font-size: 1.8rem;
color: #6B4D05;
line-height: 4rem;
}
#s-start .text-box2{
background: #FCFFEA;
max-width: 100%;
margin: 0 auto 10px;
padding: 80px 20px 80px 0;
text-align: left;
}
#s-start .text-box2 .container{
padding-left: 0;
max-width: 840px;
}
#s-start .text-box2 .row img{
width: 100%;
}
#s-start .text-box2 h2{
margin-top: 0;
}
#s-start .text-box3{
max-width: 100%;
padding: 20px;
}
#s-start .text-box3 .container{
max-width: 840px;
}
#s-start .text-box3 .row img{
width: 100%;
}

@media screen and (max-width: 865px) {
#s-start .line-cloud01{background-size: 130%;height: 150px;}
#s-start .line-cloud02{height: 180px;background-size: 150%;}
}
@media screen and (max-width: 768px) {
#s-start{margin-top: -5rem;padding-bottom: 10rem;}
#s-start .kirakira{top:50px;width: 50px;}
#s-start .text-box{margin: 0 auto;}
#s-start .text-box img{width: 150px;}
#s-start h3{font-size: 5rem;letter-spacing: 0.8rem;}
#s-start h2{font-size: 2rem;letter-spacing: 0.2rem;line-height: 3rem;text-align: left;}
#s-start p{font-size: 1.6rem;line-height: 3rem;}
#s-start .text-box2{padding: 50px 20px 20px;}
#s-start .text-box2 .container{padding: 10px;}
#s-start .text-box2 .row img{width: 60%;display: block;margin: auto;}
#s-start .text-box2 h2{margin-top: 20px;}
#s-start .line-cloud01{background-size: 150%;height: 100px;}
#s-start .line-cloud02{height: 100px;background-size: 150%;}
#s-start .text-box3 .row img{width: 50%;display: block;margin: auto;}
}

#s-shima{
margin-top: -153px;
padding-top: 180px;
background:url(/img/s-shima_back.png) no-repeat top center;
background-color:#D7D6D6;
background-size: contain;
position: relative;
}
#s-shima .contents-box{
max-width: 840px;
margin: 0 auto;
}
#s-shima .text-box{
text-align: center;
}
#s-shima h2{
margin-top: 50px;
padding: 1rem;
color: #6B4D05;
font-size: 3rem;
letter-spacing: 0.8rem;
background: #fff;
}
#s-shima h3{
margin-top: 30px;
padding-bottom: 3rem;
border-bottom: 1px solid #6B4D05;
color: #6B4D05;
font-size: 3rem;
letter-spacing: 0.8rem;
}
#s-shima p{
margin: 2rem auto;
font-size: 1.8rem;
color: #6B4D05;
line-height: 4rem;
text-align: left;
}
#s-shima .max-box{
width: 100%;
position: relative;
}
#s-shima .max-box img{
display: block;
position: absolute;
top:-100px;
right: 0;
animation-duration: 2.5s;
animation-delay: 1s;
}
#s-shima .text-box2{
margin-top: 50px;
}
#s-shima .text-box3{
margin-top: 50px;
}
#s-shima .text-box3 img{
width: 100%;
}
#s-shima .text-box3 h3{
margin-top: 50px;
padding-bottom: 0;
border: none;
}
#s-shima .tree{
margin: 0;
height: 400px;
background:url("/img/s-shima03.png") no-repeat top center;
background-color:#D7D6D6;
background-size: cover;
background-blend-mode: multiply;
}
@media screen and (max-width: 1200px) {
#s-shima .max-box img{width: 250px;top:-80px;}
}
@media screen and (max-width: 865px) {
#s-shima .max-box img{width: 180px;top:-60px;}
#s-shima .tree{height: 200px;}
}
@media screen and (max-width: 768px) {
#s-shima{padding-top: 80px;}
#s-shima .text-box{padding: 0 20px;}
#s-shima .text-box img{width: 100px;}
#s-shima h2{font-size: 2rem;letter-spacing: 0.2rem;text-align: left;}
#s-shima h3{font-size: 2rem;letter-spacing: 0.5rem;padding-bottom: 1.5rem;}
#s-shima p{font-size: 1.6rem;line-height: 3rem;}
#s-shima .max-box img{width: 130px;top:-60px;}
#s-shima .text-box2{margin-top: 30px;}
#s-shima .text-box3{margin-top: 30px;}
#s-shima .text-box3 img{width: 100%;}
#s-shima .tree{height: 130px;}
}

#s-messe{
background: #BFD6D6;
position: relative;
}
#s-messe .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
}
#s-messe .back{
display: block;
position: absolute;
top:100;
left:0;
}
#s-messe h3{
margin: 30px 0 0;
font-family: 'Gloria Hallelujah', cursive;
font-size: 8rem;
letter-spacing: 0.8rem;
text-shadow:2px 2px 3px #999;
color: #fff;
animation-duration: 2.5s;
text-align: right;
padding-right: 50px;
}
#s-messe .box{
width: 100%;
max-width: 1000px;
margin: 20px auto 50px;
position: relative;
background: #fff;
padding: 20px;
}
#s-messe .box img{
width: 100%;
display: inline-block;
margin-top: -50px;
margin-bottom: 20px;
}
#s-messe .text-box{
margin-top: 50px;
}
#s-messe h2{
margin: 0 auto;
padding-bottom: 2rem;
border-bottom: 1px solid #6B4D05;
color: #6B4D05;
text-align: center;
font-size: 3rem;
letter-spacing: 0.8rem;
max-width: 800px;
}
#s-messe p{
margin: 2rem auto;
font-size: 1.8rem;
max-width: 800px;
color: #6B4D05;
line-height: 4rem;
}
#s-messe .button{
margin: 50px auto 100px;
}
@media screen and (max-width: 768px) {
#s-messe h3{margin-top: 20px;font-size: 5rem;letter-spacing: 0.8rem;}
#s-messe .box img{width: 50%;}
#s-messe .box{margin: 50px 0 50px;padding: 20px;}
#s-messe .text-box{margin-top: 10px; padding: 0 20px;}
#s-messe h2{font-size: 2rem;letter-spacing: 0.2rem;}
#s-messe p{font-size: 1.6rem;line-height: 3rem;}
#s-messe .line-stripe{height: 60px;}
}

#s-prof{
background: url("/img/s-prof_back.jpg") top center / cover;
position: relative;
padding: 150px 0 0;
}
#s-prof h3{
position: absolute;
top:70px;
left: -1%;
font-family: 'Gloria Hallelujah', cursive;
font-size: 8rem;
letter-spacing: 0.8rem;
text-shadow:2px 2px 3px #999;
text-align: center;
color: #fff;
transform: rotate( -5deg );
animation-duration: 2.5s;
width: 100%;
z-index: 1;
}
#s-prof .box{
padding: 0 15px;
}
#s-prof .text-box{
max-width: 800px;
margin: 0 auto 50px;
padding: 50px 30px;
background: #fff;
}
#s-prof table {
margin: 0 auto;
width: 100%;
color: #5F4415;
}
#s-prof tr {
border-bottom: solid 1px #D9C69D;
letter-spacing: 0.1rem;
}
#s-prof th,#s-prof td {
padding: 15px;
font-weight: 400;
}
#s-prof th {
padding-left: 30px;
}
#s-prof .line-stripe{
width: 100%;
height: 95px;
background: url("/img/line-stripe.jpg") repeat-x top center;
}
@media screen and (max-width: 768px) {
#s-prof{padding: 85px 0 0;}
#s-prof h3{top:30px;font-size: 5rem;letter-spacing: 0.8rem;}
#s-prof .text-box{padding: 30px 20px;}
#s-prof tr:last-child{border-bottom: none;}
#s-prof th,#s-prof td {padding: 10px 15px;width: 100%;}
#s-prof th {padding-left: 10px;}
#s-prof .line-stripe{height: 60px;}
}