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


.space{
margin: 50px;
}


.gap-12 {
  gap: 0.1rem;
  }

.pc{ display: block;;}
.sp{ display: none;}


.en {
text-align: center;
font-family: "Allura", serif;
font-size: 30px;
font-weight: normal;
letter-spacing: 4px;
color: #9E9E9E;
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);

}


.ttl{
text-align: center;
font-size: 24px;
font-weight: bold;
color: #188c5d;
margin-top: 10px;
}

.ttl2{
text-align: center;
font-size: 28px;
font-weight: normal;
color: #000000;
border-bottom: solid 1px #000000;
width:fit-content;
margin: 0 auto;
margin-bottom: 50px;
}

/*-------------------------------------*/
@media (max-width:1280px){
/*-------------------------------------*/
.ttl2{
text-align: center;
font-size: 24px;
font-weight: normal;
color: #000000;
border-bottom: solid 1px #000000;
width:fit-content;
margin: 0 auto;
margin-bottom: 50px;
}
}

/*　予告広告　-----------------------------------------------------------------------------------------*/
.note{
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}

.note p:nth-child(1){
width: 200px;
border: 1px solid #999;
text-align: center;
font-size: 1em;
height: 70px;
line-height: 70px;
}

.note p:nth-child(2){
font-size: 12px;
margin: 0 auto;
margin-bottom: 50px;
text-align: left;
}


/*-------------------------------------*/
@media (max-width:1280px){
/*-------------------------------------*/
.note{
display: block;
}
.note p:nth-child(1){
width: 100%;
border: 1px solid #999;
text-align: center;
font-size: 1em;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
}
}

/*-------------------------------------*/
@media (max-width:640px){
/*-------------------------------------*/

.note{
display: block;
}

.note p:nth-child(1){
width: 100%;
border: 1px solid #999;
text-align: center;
font-size: 1em;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
}
}
/*　予告広告　-----------------------------------------------------------------------------------------*/






/*　先着販売　抽選概要　-----------------------------------------------------------------------------------------*/
.note2{
text-align: center;
font-size: 18px;
margin: 0 auto;
margin-bottom: 50px;
}
.note2 span{
font-weight: bold;
font-size: 20px;
}

.note2 p{
display: inline-block;
text-align: left;
}





/*-------------------------------------*/
@media (max-width:640px){
/*-------------------------------------*/

.note2{
text-align: left;
font-size: 14px;
margin: 0 auto;
margin-bottom: 50px;
}
}
/*------------------------------------------------------------------------------------------------------------*/











.deve_logo img{
max-width: 65%;
margin: 0 auto;
margin-bottom: 50px;
}

.deve_logo2 img{
max-width: 30%;
margin: 0 auto;
margin-bottom: 50px;
}

.ol_nav{
max-width: 100%;
display:flex;
justify-content:space-between;
margin: 50px 0;
}
  
.ol_nav li{
width: 33%;
padding: 10px;  
}

.ol_nav a{
transition: 0.3s;
}
.ol_nav a:hover{
    opacity: 0.7;
}


.ol{
display:flex;
flex-wrap: wrap; 
 }
.ol dt,
.ol dd{
align-items: center;
padding: 20px 0 20px 10px;
border-bottom: dashed 1px #000000;
text-align: left;
}
.ol dt {
font-size: 19px;
width: 25%;
}
.ol dd {
font-size: 17px;
width: 75%;
}


/*-------------------------------------*/
@media (max-width:640px){
/*-------------------------------------*/
.pc{ display: none;}
.sp{ display: block;}

.ol_nav{
display: block;
}
.ol_nav li{
width: 100%;
padding: 10px 0;  
}
.ol{
display:block;;
 }
 
.ol dt,
.ol dd{
line-height: 120%;
align-items: center;
border-bottom: none;
}

.ol dt {
font-size: 17px;
width: 100%;
padding-bottom: 5px;

}
.ol dd {
padding-top: 5px;
font-size: 14px;
width: 100%;
border-bottom: dashed 1px #000000;
}





.deve_logo img{
max-width: 100%;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 50px;
}

.deve_logo2 img{
max-width: 100%;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 50px;
}

.note{
text-align: center;
font-size: 14px;
margin: 0 auto;
margin-bottom: 50px;
}
.note span{
font-weight: bold;
}

.note p{
line-height: 120%;
}





}