@charset "utf-8";
/*########################　599px　以下　############################*/
@media (max-width:599px){


#wrapper .name_box .katagaki_name {
float: left;
margin-bottom: 30px;
}
#wrapper .name_box {
font-size: 12px;
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
clear: none;
}
#wrapper .name_box .katagaki {
display: block;
float: left;
width: auto;
}

#wrapper .midashi_panel {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: bold;
margin-bottom: 24px;
font-size: 1.1em;
margin-top: 25px;
display: block;
text-align: center;
}

#wrapper #titlearea .navi {
display: block;
font-size: 0.7em;
text-align: left;
margin-top: 6px;
letter-spacing: 1px;
}

/*　ヘッダ　*/
#headder{
font-size: 0.5em;
text-align: right;
padding-bottom: 8px;
padding-top: 8px;
}
#wrapper #titlearea {
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
#wrapper #titlearea #subtitle {
color: #000000;
text-align: left;
margin-bottom: 17px;
border-left: 6px solid #FB82D5;
padding-left: 14px;
}
#wrapper {
margin-left: 10px;
margin-right: 10px;
}
#wrapper .kaijyo {
display: block;
height: auto;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 4px;
border-radius: 6px;
}

#titlearea #subtitle #eventname {
font-size: 1em;
margin-top: 0px;
}
#wrapper #titlearea #titlesub {
color: #FB82D5;
font-size: 1.2em;
margin-bottom: 10px;
}
#wrapper #titlearea h1 {
color: #2088DD;
font-size: 2.2em;
line-height: 110%;
margin-top: 10px;
}
#wrapper p {
line-height: 157%;
margin-top: 20px;
}
#wrapper .midashi_s {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 1.2em;
display: block;
color: #2088DD;
width: 90%;
margin-left: auto;
margin-right: auto;
padding-left: 7px;
padding-top: 5px;
padding-right: 7px;
padding-bottom: 5px;
margin-bottom: 6px;
font-weight: bold;
margin-top: 19px;
}
#wrapper .event1 {
font-family: 'M PLUS Rounded 1c', sans-serif;
text-align: center;
color: #FFFFFF;
padding-bottom: 2px;
padding-top: 3px;
font-size: 1em;
margin-top: 13px;
margin-bottom: 11px;
padding-left: 10px;
}
#wrapper h3 {
font-size: 1.4em;
line-height: 127%;
margin-top: 1px;
margin-bottom: 11px;
}
#wrapper .name {
font-size: 0.9em;
text-align: center;
font-weight: bold;
margin-top: 2px;
}
#wrapper .profile_area {

}

#wrapper .name .name_s {
font-size: 0.7em;

}

#wrapper .lead {
margin-top: 12px;
}
#titlearea #subtitle .eventname_s {
font-size: 0.8em;
margin-top: 0px;
}
#wrapper .profile {
font-size: 0.8em;
margin-bottom: 9px;
margin-top: 3px;
}
#wrapper .kao {
width: 40%;
height: auto;
border-radius: 50%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
float: none;
}

#wrapper .movie {
width: 100%;
height: 315px;
display: block;
margin-top: 20px;
margin-bottom: 20px;
border: 3px solid #2088DD;
}
#wrapper p .panel_name {
color: #FB82D5;
margin-right: 13px;
}
#wrapper .copyright {
font-size: 0.7em;
text-align: center;
color: #4E4C4C;
margin-bottom: 20px;
margin-top: 10px;
border-top: 1px solid #C7C7C7;
padding-top: 10px;
}
#wrapper .kobayashi_link {
color: #2088DD;
font-size: 0.8em;
}
#wrapper .nextpage {
display: block;
border: 1px solid #2088DD;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 40px;
margin-bottom: 20px;
color: #2088DD;
font-size: 1em;
}

.flexcontainer{
display: flex;
flex-direction: column;
clear: both;
}
.flexitem{
width: auto;
height: auto;
text-align: left;
font-size: 1em;
color: #000000;
}
.flexcontainer .flexitem .kao_flex {
width: 40%;
text-align: center;
display: block;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.item1{
background: #FFFFFF;
margin-right: 15px;
}
 
.item2{
background: #FFFFFF;
margin-right: 15px;
}
 
.item3{
  background: #FFFFFF;
}
 
#wrapper .event_area {
margin-top: 17px;
margin-bottom: 35px;
padding-bottom: 12px;
padding-top: 6px;
padding-left: 8px;
color: #FFFFFF;
background-color: #2088DD;
text-align: center;
padding-right: 9px;
}
#wrapper p .sponsorship {
font-size: 0.8em;
display: block;
float: right;
}
}