.hs_baseball{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    flex-direction: row;
    flex-wrap: wrap;

    justify-content: center;
    
    font-size: 1.0em;
    width: 100%;
}
.start_time{ width: 3em; text-align: right; }
.lteam{ width: 5em; color: black;}
.rteam{ width: 5em; color: black;}

.studium{ background-color:#71bc63; color:white; font-weight: normal;}
.studium_m{ background-color:#71bc63; color:white; font-weight: normal;}
.studium_k{ background-color:#f39e15; color:white; font-weight: normal;}
.studium_a{ background-color:#1c97c7; color:white; font-weight: normal;}

.lteampoint{ width: 5em; color: black;}
.rteampoint{ width: 5em; color: black;}

.schedule{

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0.5em; padding:0em 0em; border-style:solid; border-width:1px; border-radius:0.5em;
    flex-direction: column;
    width:24em;

}

.schedule_table{margin:0; line-height:1.5em; padding:0px;width:24em;}

.hs_baseball_today{
    font-size: 2.5vh;
    width: 90%;
    margin: 0 auto;
}

.schedule2{
display: block;
    margin: 0em; padding:0em 0em; border-style:solid; border-width:1px; border-radius:0.5em;
width:100%;
max-width: 100%;
height: auto;

}

.schedule_table2{margin:0 auto; line-height:1.5em; padding:0px;width:100%;}

.kaisen{background-color:#ebb25f; color:white;}
.kaisen_1{background-color:#ebb25f; color:white;}
.kaisen_2{background-color:#ff8c00; color:white;}
.kaisen_3{background-color:#ff7f50; color:white;}
.kaisen_j{background-color:#ff4500; color:white;}

.essay{ background-color:white; white-space:pre-wrap; vertial-align:top; padding:0.5em 0.5em; opacity:1;}
.essay_outer{ margin: 0em 0em 0.5em 0em; padding:0em 0em; opacity:1;}
.vs{color:gray;}
td.blank{ text-align: center; }
td{text-align:center;}
h3{font-size:1.2em;}
h4.note{background-color:#d2b48c; color:white; margin:0px; padding:0em 1em;}

.kumiawase{
    margin: 0.5em; padding:0.5em 0em; border-style:solid; border-width:1px; border-radius:0.5em;
    background-color:#87cefe; text-align:center; width: 35em;
}

.kumiawase img{
width:100%;
max-width: 100%;
height: auto;
}

.blank-top{
    margin-top: 3em;
}

.blank-bottom{
    margin-bottom: 2em;
}

.blank-bottom-deep{
    margin-bottom: 140px;
}

/*20200425*/
.pickProgram3-1 {
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.pickProgram3-1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.pickProgram3-1 ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.pickProgram3-1 ul li img {
	max-width: 100%;
	height: auto;
}

.pickProgram3-2 {
text-align: center;
}

.pickProgram3-2 img {
	max-width: 100%;
	height: auto;
}


.submenu-wrapper {
    width: 80%;
    display: flex;
    margin: 20px auto;
    justify-content: center;
}

.submenu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.submenu-list div {
    margin: 1rem;
    width: 35%;
    background-color: green;
    border-radius:30px;
    padding: 0.5rem 2rem;
    color: white;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width: 520px) and (max-width: 680px) {
.submenu-list {
    width: 100%;
}
.submenu-list div {
    padding: 0.5rem 0em;
}
}

@media screen and (max-width: 519px) {
.submenu-list div {
    width: 100%;
    text-align: center;
    display: block;
}
}

.submenu-list a{
    display: block;
    margin:0 auto;
    width: 100%;
    height: auto;
    text-align: center;
    color: white;
    font-weight: bold;
}

.submenu-list span{
    color: green;
}

.contents1-wrapper{
    width: 100%;
    background-color: beige;
    padding: 1rem;
}

.contents1-2-wrapper{
    width: 100%;
    padding: 1rem;
    margin-bottom: 120px;
}

.contents1{
    display: block;
    margin: 2rem auto 5rem auto;
    width: 50%;
    text-align: center;
}

@media screen and (max-width: 1109px) {

.contents1{
    width: 80%;
}

}

@media screen and (max-width: 349px) {

.contents1{
    width: 100%;
}

}


.broad-schedules{
    display: block;
    margin:0 auto;
    width: 100%;
    height: auto;
    text-align: center;
    color: white;
    background-color: green;
    font-weight: bold;
    font-size: 3vh;
    border-radius:30px;    
}

.broad-schedules-text{
    display: block;
    margin: 1.5rem auto;
    font-weight: bold;
}

.broad-schedules-text_prod1{
    margin: 1.5rem auto 2px auto;
    font-weight: bold;
    text-align: left;
    border-bottom: solid 3px black;
}

.broad-schedules-text_prod2{
    margin: 0 auto 1.5rem auto;
    font-weight: bold;
    text-align: left;
}


.broad-schedules-movie{
    width: 100%;
}

.broad-schedules-movie img{
    width: 100%;
}

.broad-schedules-detail-wrapper{
    display: block;
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
}

.broad-schedules-detail{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    justify-content: center;    
}

.broad-schedules-source{
    flex: 1;
    padding: 10px 15px;
    margin: 2px 3px;
    background-color: white;
}

@media screen and (max-width: 629px) {

.broad-schedules-detail{
    display: block;
    width: 75%;
}

}

.w-adj{
    width: 67%;
}

@media screen and (max-width: 629px){

.w-adj{
    width: 75%;
}

}

.w-adj2{
    width: 34%;
}

@media screen and (max-width: 629px){

.w-adj2{
    width: 80%;
}

}



.text_shr{
    font-size: 12px;
    font-weight: bold;
}

.text_exp{
    font-size: 25px;
    font-weight: bold;
}

.text_exp2{
    font-size: 25px;
    font-weight: bold;
}

.text_center{
    text-align: center;
    margin: 10px 0;
}

.text_space-around{
  display: flex;
  justify-content: space-around;
  }

.contents2-wrapper{
    width: 100%;
    padding: 1rem;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}

.contents2{
    display: block;
    margin: 2rem auto;
    width: 100%;
    text-align: center;
}

.contents2 img{
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 1rem auto;
}

.contents2 p{
    font-weight: bold;
    margin: 2rem auto;
    text-align: center;
}

.contents2-list{
    width: 100%;
    display: block;
    margin: 2rem auto;
    text-align: center;
}

.contents2-list ul{
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  border: 1px solid #333333;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

.contents2-list li{
  padding: 2px 2em;
  text-align: left;
  font-weight: bold;
  border: 1px solid #333333;
}

@media screen and (min-width: 361px) and (max-width: 510px) {
.contents2-list li{
  padding: 0 4em;
}
}

@media screen and (max-width: 360px) {
.contents2-list li{
  padding: 0;
}
}

.contents2-list li:nth-child(odd){
	   background-color: beige;    
}


.tournament-wrapper{
    width: 100%;
    padding: 1rem;
}

.tournament{
    display: block;
    margin: 2rem auto;
    width: 50%;
    text-align: center;
}

.tournament-schedules{
    display: block;
    margin:0 auto;
    width: 100%;
    height: auto;
    text-align: center;
    color: white;
    background-color: green;
    font-weight: bold;
    font-size: 3vh;
    border-radius:30px;    
}

@media screen and (max-width: 519px){

.tournament{
    width: 80%;
}

.tournament-schedules{
    font-size: 5.5vw;
}

}

.tournament-detail {
    width: 90%;
    display: flex;
    margin: 20px auto 60px auto;
    justify-content: center;
}

@media screen and (min-width: 1625px) {

.tournament-detail {
    width: 70%;
}

}

.tournament-img-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tournament-img-wrapper div {
    margin: 5px;
}

.tournament-img-wrapper img {
    width: 100%;
    max-width: 468px;
    height: auto;
}

.tournament-img-wrapper a{
    display: block;
    margin:0 auto;
    width: 100%;
    height: auto;
    text-align: center;
    color: white;
    font-weight: bold;
}





.sales-banners-wrapper{
    display: block;
    margin: 0 auto 150px auto;
    width: 100%;
}

.sales-banner-message{
    width: 100%;
    text-align: center;
    margin-top: 40px;    
    margin-bottom: 40px;
    font-size: 50px;
    font-weight: bold;
    font-family: "Kokoro";
}

@media screen and (max-width: 1159px) {

.sales-banner-message{
    font-size: 4.5vw;
}

}

@media screen and (max-width: 770px) {

.sales-banner-message{
    font-size: 5.7vw;
}

}


.sales-banners1{
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    justify-content: center;    
}

@media screen and (max-width: 1200px) {

.sales-banners1{
    display: block;
    text-align: center;
}

}

.sales-banners1 div{
    margin: 10px;
}

.sales-banners1 img{
    width: 100%;
    max-width: 300px;
    height: auto;
}

.sales-banners2 {
    width: 85%;
    display: flex;
    margin: 30px auto 120px auto;
    
    justify-content: center;
}

.banners-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width: 1200px) {

.banners-list{
    display: block;
    text-align: center;
}

}


.banners-list div {
    margin: 20px;
}

.banners-list img {
    width: 100%;
    max-width: 400px;
    height: auto;
}

.banners-list a{
    display: block;
    margin:0 auto;
    width: 100%;
    height: auto;
    text-align: center;
    color: white;
    font-weight: bold;
}

.other-banners-wrapper{
    display: block;
    margin: 70px auto 150px auto;
    width: 80%;
}

.other-banners{
    width: 100%;
    text-align: center;
}

.other-banners a{
    width: 100%;
    }

.other-banners img{
    width: 100%;
    max-width: 380px;
    height: auto;
    }

.schedules-wrapper {
    width: 50%;
    margin: 50px auto 50px auto;
}

.schedules-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.schedules-list div {
    margin: 20px;
}

.schedules-list img {
    width: 100%;
    max-width: 468px;
    height: auto;
}

.schedules-list a{
    display: block;
    margin:0 auto;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}


.schedules-detail-wrapper{
    width: 100%;
    padding: 1rem;
}

.schedules-detail{
    display: block;
    margin: 2px auto;
    width: 50%;
    text-align: center;
}

@media screen and (max-width: 889px){

.schedules-detail{
    width: 90%;
}

}

.schedules-detail-text_prod1{
    margin: 1.5rem auto 2px auto;
    font-weight: bold;
    text-align: left;
    border-bottom: solid 3px black;
}

.schedules-detail-text_prod2{
    margin: 0 auto 1rem auto;
    font-weight: bold;
    text-align: left;
}

.schedules-detail-text_prod3{
    margin: 20px auto 0 auto;
    font-weight: bold;
    text-align: left;
}


.schedules-detail2{
    margin: 2px auto;
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: space-around;    
    background-color: beige;
    font-weight: bold;
}

@media screen and (max-width: 889px){

.schedules-detail2{
    width: 90%;
}

}


.schedules-detail2-source{
    flex: 1;
    padding: 2px 3px;
    margin: 2px 3px;
    text-align: center;
}


.team-introduction-wrapper{
    width: 100%;
    padding: 1rem;
    margin-bottom: 120px;
}

.team-introduction{
    display: block;
    margin: 2rem auto;
    width: 80%;
    text-align: center;
}

.team-introduction-text{
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    border-bottom: solid 4px green;
    margin-bottom: 15px;
}

.team-introduction-text2{
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 80px;
}

@media screen and (max-width: 1326px){

.team-introduction-text{
    font-size: 2.8vw;
}

.team-introduction-text2{
    font-size: 2.3vw;
}

}

.team-introduction-line{
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-bottom: 100px;
}

.team-introduction-source{
    flex: 1;
    padding: 2px 3px;
    margin: 2px 3px;
}

.team-introduction-source img{
    width: 100%;
    height: auto;
}

.team-introduction-source p{
    text-align: center;
    font-weight: bold;
    font-size:3vh;
    margin-top: 5px;
}


.team-introduction-detail-wrapper{
    width: 100%;
    padding: 1rem;
    margin-bottom: 120px;
}

.team-introduction-detail{
    display: block;
    margin: 2rem auto;
    width: 80%;
    text-align: center;
}

.team-introduction-eyecatch{
    width: 60%;
    margin-bottom: 80px;
}

.team-introduction-detail-line1{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 150px;
}


@media screen and (min-width: 1151px) and (max-width: 1380px) {

.team-introduction-detail-line1{
    margin-bottom: 250px;
}

}

.team-introduction-detail-source1-1{
    width: 100%;
    height: auto;
    flex-basis: 55%;
    margin: 0 3px;
}

.team-introduction-detail-source1-1 img{
    width: 100%;
    height: auto;
}

.team-introduction-detail-source1-2{
    width: 100%;
    flex-basis: 45%;
    margin: 0 3px;
    height: 50px;
}

.team-introduction-detail-source1-2 p{
    font-weight: bold;
    text-align: left;
}

@media screen and (max-width: 519px){

.team-introduction-text{
    font-size: 4.5vw;
}

.team-introduction-line{
    display: block;
}

.team-introduction-source{
    margin-bottom: 50px;
}

.team-introduction-source p{
    font-size: 4.5vw;
}

}

.battle-records-wrapper{
    width: 100%;
    font-weight: bold;
    border: solid 1px black;
    margin-top: 10px;
}

.battle-records{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    justify-content: center;
}

.battle-records-source-top{
    flex: 1;
    padding: 2px 5px;
    background-color: gray;
    color: white;
    border: solid 1px black;
}

.battle-records-source{
    flex: 1;
    padding: 2px 5px;
    border: solid 1px black;
}

.interview-title{
    margin: 120px auto 40px auto;
    width: 35%;
    background-color: green;
    border-radius:30px;
    padding: 0.5rem 2rem;
    color: white;
    font-size: 3vh;
    font-weight: bold;
}

@media screen and (max-width: 1150px){

.team-introduction-detail-source1-2{
    font-size: 2vw;
    height: auto;
}

.text_exp2{
    font-size: 3vw !important;
}

.team-introduction-detail{
    width: 100%;
}

.team-introduction-detail-line1{
    flex-wrap: wrap;
}

.team-introduction-detail-source1-1{
    flex-basis: 70%;
}

.team-introduction-detail-source1-2{
    flex-basis: 70%;    
}

.battle-records{
    font-size: 2vw;
}

.interview-title {
    width: 70% !important;
    display: block;
}

.interview-title a{
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 3vw;
}

}

.team-introduction-detail-line2{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.team-introduction-detail-source2-1{
    flex-basis: 40%;
    margin: 2px 3px;
}

.team-introduction-detail-source2-1 img{
    width: 100%;
    height: auto;
}

.team-introduction-detail-source2-2{
    flex-basis: 60%;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 6px;
}

.team-introduction-detail-source2-2-name{
    text-align: left;
    margin: 0 auto;
    border-bottom: solid 2px black;
    font-size: 18px;
}

.team-introduction-detail-source2-2-name2{
    display: flex;
    justify-content: flex-start;
    text-align: left;
    margin: 0 auto;
    border-bottom: solid 2px black;
    font-size: 18px;
    align-items: flex-end;
}

.team-introduction-detail-source2-2-name2 img{
    width: 25%;
    height: auto;
    margin-right: 10px;
}

.team-introduction-detail-source2-2-name2 div{
}

.team-introduction-detail-source2-2-note1{
    text-align: left;
    margin-top: 6px;
}

.team-introduction-detail-source2-2-note2{
    text-align: left;
    margin-top: 6px; 
}

.interview-detail-title{
    color: navy;
}

.pickup-title{
    margin: 80px auto 40px auto;
    width: 35%;
    background-color: green;
    border-radius:30px;
    padding: 0.5rem 2rem;
    color: white;
    font-size: 3vh;
    font-weight: bold;
}

.text_blank{
    margin-top: 6px;
}

.back-btn{
    display: block;
    text-align: center;
    margin: 120px auto 100px auto;
    width: 35%;
    background-color: green;
    border-radius:30px;
    padding: 0.5rem 2rem;
    font-weight: bold;
    color: white !important;
}

@media screen and (max-width: 520px){

.back-btn{
    width: 70%;
}

}

@media screen and (max-width: 1150px){

.team-introduction-detail-line2{
    flex-wrap: wrap;
}

.team-introduction-detail-source2-1{
flex-basis: 70%;
}

.team-introduction-detail-source2-2{
flex-basis: 70%;
}

.team-introduction-detail-source2-2-name2 div{
    font-size: 2.5vw;
}

.team-introduction-detail-source2-2-note1{
    font-size: 2vw;
}

.team-introduction-detail-source2-2-note2{
    font-size: 2vw;
}

.pickup-title {
    width: 70% !important;
    display: block;
}

.pickup a{
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 3vw;
}

}

.column-wrapper{
    width: 100%;
    margin: 20px auto 80px auto;
    
}

.column-detail1{
    width: 70%;
    margin: 0 auto;
}

.column-detail1 img{
    width: 100%;
    margin: 10px auto;
    height: auto;
}

.column-detail1 h4{
    text-align: left;
    font-size: 3vmin;
    font-weight: bold;
    width: 100%;
    margin: 30px 0;
}

.column-detail1 p{
    text-align: left;
    font-size: 2.5vmin;
    font-weight: bold;
    width: 100%;    
}

.writer-wrapper{
    width: 70%;
    background-color: lavender;
    border-radius:30px;
    padding: 0.5rem 1rem;
    margin: 0 auto 90px auto;

}

.writer-block{
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.writer-block div{
    width: 100%;
    align-items: center;
    height: auto;
    margin: auto;
    flex: 1;
}

.writer-prof{
    font-size: 2.5vmin;
    font-weight: bold;
    flex: 3;
    padding: 0 0 0 20px;
    margin: auto 0;
}

@media screen and (min-width: 1110px){

.yout{
    width: 100%;
    height: 35vw;
}

}

@media screen and (max-width: 1109px){

.yout{
    width: 100%;
    height: 50vw;
}

}

/*
.submenu-wrapper2 {
    width: 95%;
    display: flex;
    margin: 20px auto;
    justify-content: space-around;
}

.submenu-wrapper2 a{
    margin: 1rem;
    width: 100%;
    background-color: green;
    border-radius:30px;
    padding: 0.5rem;
    text-align: center;
    color: white;
    font-weight: bold;
}

@media screen and (max-width: 550px){

.submenu-wrapper2{
     display: block;
     margin-bottom: 50px;
}

.submenu-wrapper2 a{
     display: block;
     width: 80%;
     margin: 20px auto;
}

}
*/