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

@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15); /* 拡大率 */
}
}



/*PC*/
@media print, screen and (min-width: 768px) {

/* event
--------------------------------------------*/
#event{
position: relative;
margin-bottom: 150px;
}

#event .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 140px;
}


#event .event_block{
width: 90%;
position: relative;
margin: 0 auto 60px;
}

#event .event_block .e_hed_img{
width: 100%;
margin: 0 auto 60px;
}

#event .event_block h3{
font-size: 2rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #ff126e;
margin: 0 0 20px;
}


#event .event_block h4{
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
text-align: center;
margin: 40px 0 40px;
}

#event .event_block h5{
font-size: 1.2rem;
font-weight: 500;
line-height: 1.6;
color: #eb55a5;
text-align: center;
margin: 0 0 60px;
}


#event .event_block dl{
width: 100%;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: .9rem;
}

#event .event_block dl dt{
width: 22%;
font-weight: 500;
color: #eb55a5;
background:url("../images/com/bg.png") 0 0 no-repeat;
background-size: cover;
padding: 20px;
box-sizing: border-box;
margin-bottom: 1px;
font-weight: 600;
}

#event .event_block dl dd{
width: 78%;
padding: 20px;
box-sizing: border-box;
margin-bottom: 1px;
}

#event .event_block.camera{margin-top: 130px;}

#event .event_block.camera h4{
line-height: 1.3;
margin-top: 20px;
}

#event .event_block.camera h5{
line-height: 1.3;
margin-top: 20px;
margin-bottom: 10px;
}
#event .event_block.camera .camera_img{text-align: center;}
#event .event_block.camera .camera_img img{width: 300px;}

#event .event_block.camera .detail{width: 90%; margin: 0 auto;}

#event .event_block.camera .detail th{color: #eb55a5;
background: url("../images/com/bg.png") 0 0 no-repeat;
background-size: auto;
background-size: cover;
padding: 10px 20px;
box-sizing: border-box;
margin-bottom: 1px;
font-weight: 600;}


#event .event_block.camera .detail td {
font-size: 1rem;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
border-right: 1px solid #ccc;
}


#event .event_block.camera p{width: 90%; margin: 20px auto 0;}

#event .event_block.camera p a{color: #eb55a5; }


#event .machicon_block{
width: 80%;
margin: 120px auto;
}

#event .machicon_block .hed_img{
width: 800px;
margin: 0 auto 40px;
}

#event .machicon_block .machicon_ttl{
font-size: 2.2rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
margin: 0 auto 60px;
text-shadow: 0 0 8px #ea6486;
}

#event .machicon_block .read_txt{
font-size:1.2rem;
font-weight: 500;
text-align: center;
margin: 0 auto 60px;
text-shadow: 0 0 8px #ea6486;
}

#event .thanks_txt{
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
color: #ff126e;
}

#event .bnr_img2{
width: 80%;
margin: 0 auto;
}

#event .bnr_img3{
width: 80%;
margin: 20px auto 0;
}

#event .bnr_img3 .btn_c{
margin-top: 20px; 
}


#event .cossami_box{
width: 80%;
margin: 0 auto 60px;
}

#event .cossami_box p{
margin-bottom: 30px;
}

#event .cossami_box p:last-child{
margin-bottom: 0;
}

#event p a{
color:#eb55a5;
}

#event .map{
padding: 10px;
box-sizing: border-box;
background: #fcacd0;
}




/*com
------------*/
.sub_ttl{
font-size: 1.6rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}

.red_txt{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 60px;
}

.red_txt span{
display: block;
font-size: 1rem;
margin-top: 10px;
}


}
/*sp*/
@media only screen and (max-width: 767px) {

/* event
--------------------------------------------*/
#event{
position: relative;
margin-bottom: 100px;
}

#event .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 60px;
}

#event .event_block{
position: relative;
margin: 0 auto 20px;
}

#event .event_block .e_hed_img{
width: 100%;
margin: 0 auto 20px;
}

#event .event_block h3{
font-size: 1.2rem;
font-weight: 900;
line-height: 1.4;
text-align: center;
color: #ff126e;
margin: 0 0 20px;
}


#event .event_block h4{
font-size: 1rem;
font-weight: 900;
line-height: 1.4;
text-align: center;
margin: 20px 0 20px;
}

#event .event_block h5{
font-size: .9rem;
font-weight: 500;
line-height: 1.4;
color: #eb55a5;
margin: 0 0 40px;
}

#event .event_block p{
font-size: .8em;
}

#event .event_block dl{
width: 100%;
margin: 0 auto;
font-size: .8rem;
}

#event .event_block dl dt{
width: 100%;
font-weight: 500;
color: #eb55a5;
background:url("../images/com/bg.png") 0 0 no-repeat;
background-size: cover;
padding:5px;
box-sizing: border-box;
font-weight: 600;
}

#event .event_block dl dd{
width: 100%;
padding: 5px;
box-sizing: border-box;
}


#event .event_block.camera {margin-top: 100px;}
#event .event_block.camera h4{line-height: 1.3; margin-top: 20px; text-align: left;}

#event .event_block.camera h5{
line-height: 1.3;
margin-top: 20px;
margin-bottom: 10px;
}


#event .event_block.camera .detail th{color: #eb55a5;
background: url("../images/com/bg.png") 0 0 no-repeat;
background-size: auto;
background-size: cover;
padding: 10px;
box-sizing: border-box;
margin-bottom: 1px;
font-weight: 600; font-size: 0.8rem;}


#event .event_block.camera .detail td {
font-size: 0.8rem;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
border-right: 1px solid #ccc;
}


#event .event_block.camera p{margin: 20px auto 0;}

#event .event_block.camera p a{color: #eb55a5; }




#event .machicon_block{
width: 90%;
margin: 60px auto;
}

#event .machicon_block .hed_img{
width: 100%;
margin: 0 auto 20px;
}

#event .machicon_block .machicon_ttl{
font-size: 1.2rem;
font-weight: 700;
line-height:1.6;
text-align: center;
margin: 0 auto 10px;
text-shadow: 0 0 8px #ea6486;
}

#event .machicon_block .read_txt{
font-size:.9rem;
font-weight: 500;
text-align: center;
margin: 0 auto 30px;
text-shadow: 0 0 8px #ea6486;
}

#event .thanks_txt{
font-size: 1rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
color: #ff126e;
}

#event .bnr_img2{
width: 70%;
margin: 0 auto;
}

#event .bnr_img3{
width: 70%;
margin: 30px auto 0;
}

#event .cossami_box{
width: 80%;
margin: 0 auto 60px;
}

#event .cossami_box p{
margin-bottom: 30px;
}

#event .cossami_box p:last-child{
margin-bottom: 0;
}


#event p a{
color:#eb55a5;
}

#event .map{
padding: 5px;
box-sizing: border-box;
background: #fcacd0;
}



/*com
------------*/
.sub_ttl{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}


.red_txt{
font-size: 1rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 30px;
}

.red_txt span{
display: block;
margin-top: 15px;
line-height: 1.4;
font-size: .8rem;
}



}