@charset "UTF-8";
.pc {
display: inherit!important;
}
.sp {
display: none!important;
}
#mainvis{
    width: 100%;
    text-align: center;
    background-image: url(../img/mv_bg.jpg);
    background-position: center center;
    background-size: cover;
}
#mainvis img {
 margin-top: 0px;
}
#contentsBody{
font-weight: 500;
font-size: 16px;
}
#contentsBody .ttl{
text-align: center;
margin-top: -60px;
margin-bottom: 80px;
}

#contentsBody .event_bx{
width: 100%;
margin-bottom: 40px;
}
#contentsBody .event_bx_rose{
background-color: #e0eef4;
background-image: url(../img/rgbg.gif);
margin-bottom: 30px;
}
#contentsBody .event_bx_rose .ph{
padding: 15px;
}
#contentsBody .detail ul{
padding-top: 30px;
}
#contentsBody .detail ul li{
margin-bottom: 1em
}
#contentsBody .detail ul li span{
display: inline-block;
text-align: center;
width: 6em;
color: #FFF;
background-color: #292929;
margin-right: 0.8em;
}
#contentsBody .detail a{
color: #3291D0
}
.rule{
padding-top: 20px;
}
.rule .rule_ttl{
float: left;
margin-right: 20px;
margin-bottom: 15px;
}
#contentsBody .detail .ph_profile{
float: left;
margin-right: 20px;
padding-bottom: 60px;
}
#contentsBody .detail .read{
margin-bottom: 15px;
color: #D6076C;
font-weight: bold;
}
#contentsBody .notice{
    border: 2px solid #707070;
    padding: 20px 30px;
    margin-bottom: 30px;
}
#contentsBody .notice .notice_ttl{
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
#contentsBody .notice .notice_redline{
text-align: center;
border: 2px solid #FB2727;
margin-top: 20px;
padding: 5px;
}




@media screen and (max-width: 768px) {
.pc {
display: none!important;
}
.sp {
display: inherit!important;
}

#mainvis{
    width: 100%;
    text-align: center;
    background-image: url(../img/mv_bg.jpg);
    background-position: center center;
    background-size: cover;
}
#mainvis img {
 margin-top: 0px;
 width: 90%
}
#contentsBody{
font-weight: 500;
font-size: 14px;
}
#contentsBody .ttl{
text-align: center;
margin-top: -20px;
margin-bottom: 30px;
}

#contentsBody .event_bx{
width: 100%;
margin-bottom: 20px;
}
#contentsBody .detail{

}
#contentsBody .detail ul{
padding-top: 30px;
}
#contentsBody .detail ul li{
margin-bottom: 1em
}
#contentsBody .detail ul li span{
display: inline-block;
text-align: center;
width: 6em;
color: #FFF;
background-color: #292929;
margin-right: 0.8em;
margin-bottom: 0.5em;
}
#contentsBody .detail a{
color: #3291D0
}
.rule{
padding-top: 20px;
padding-bottom: 20px;
}
.rule .rule_ttl{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.rule .rule_ttl img{
width: 70px;
height: auto
}
#contentsBody .detail .ph_profile{
float: none;
margin-right: 0px;
padding-bottom: 10px;
text-align: center
}
#contentsBody .detail .ph_profile img{
width: 40%;
height: auto
}
#contentsBody .detail .read{
margin-bottom: 15px;
color: #D6076C;
font-weight: bold;
}
#contentsBody .notice{
    border: 2px solid #707070;
    padding: 10px 10px;
    margin-bottom: 15px;
}
#contentsBody .notice .notice_ttl{
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
#contentsBody .notice .notice_redline{
text-align: center;
border: 2px solid #FB2727;
margin-top: 20px;
padding: 5px;
}


}


.flexBox{ display: flex; justify-content: space-between;}

.kome{ font-size: 12px; text-indent: -1em; margin-left: 1em;}