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

/*------------------
  ページタイトル
-------------------*/ 
.page_title h1 {
    color: #3fa9f5;
}
.page_title {
    background-image: url(../img/spot/title_img.jpg);
}
/*------------------
タブリスト 共通パーツ
-------------------*/
.main_contents .area_s_list {
    display: flex;
    justify-content: space-around;
    margin-bottom: 5em;
}
.main_contents .area_s_list li {
    width: 16%;
}
.main_contents .area_s_list li a {
    color: #fff;
    padding: 1em;
    border-radius: 10px;
    box-shadow: 0px 5px 0px 0px rgb(224 224 224);
}
.main_contents .area_s_list li a:hover {
    opacity: 0.8;
    transform: translate(0px, 5px);
    box-shadow: none;
   transition: all 0.3s ease;
}
.main_contents .area_s_list li:nth-child(1) a {
    background-color: #f48978;
}
.main_contents .area_s_list li:nth-child(2) a {
    background-color: #f4d44e;
}
.main_contents .area_s_list li:nth-child(3) a {
    background-color: #8bc9ef;
}
.main_contents .area_s_list li:nth-child(4) a {
    background-color: #b1d366;
}
.main_contents .area_s_list li:nth-child(5) a {
    background-color: #f1b14c;
}
.main_contents .area_s_list li a {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: 500;
}
.main_contents .area_s_list li a img {
    width: 16px;
    margin-right: 10px;
}


/*背景＆タイトル色変え 共通パーツ*/
.main_contents .spot_box #setagaya {
    background-color: rgba(244, 137, 120, 0.1);
}
.main_contents #setagaya h2,
.main_contents .time_box #setagaya h3 {
    color: #f48978;
}
.main_contents .spot_box #kitazawa {
    background-color: rgba(244, 212, 78, 0.1);
}
.main_contents #kitazawa h2,
.main_contents .time_box #kitazawa h3 {
    color: #f4d44e;
}
.main_contents .spot_box #tamagawa {
    background-color: rgba(139, 201, 239, 0.1);
}
.main_contents #tamagawa h2,
.main_contents .time_box #tamagawa h3 {
    color: #8bc9ef;
}
.main_contents .spot_box #kinuta {
    background-color: rgba(177, 211, 102, 0.1);
}
.main_contents #kinuta h2,
.main_contents .time_box #kinuta h3 {
    color: #b1d366;
}
.main_contents .spot_box #karasuyama {
    background-color: rgba(241, 177, 76, 0.1);
}
.main_contents #karasuyama h2,
.main_contents .time_box #karasuyama h3 {
    color: #f1b14c;
}

/*----wifiスポットページ-----*/

/*------------------
注意書き
-------------------*/
.main_contents .spot_box .attention_box {
    margin-bottom: 5em;
    font-size: 14px;
    display: inline-block;
    text-align: left;
}
.main_contents .spot_box .attention_box ul {
    border: 1px dotted #8bc9ef;
    padding: 1.5em;
    border-radius: 16px;
}
.main_contents .spot_box .attention_box ul li {
    margin-left: 1.5em;
}
.main_contents .spot_box .attention_box ul li:before {
    content:"※";
    margin-left: -1.5em;
    padding-right: 0.5em;
}

/*------------------
wifiスポット
-------------------*/
.main_contents .area_box {
    border-radius: 50px;
    margin: 0 auto 4em;
}
.main_contents .area_box .inner {
    padding: 40px 4rem 40px;
}
.main_contents .area_box h2 {
    margin-bottom: 20px;
}
.main_contents .area_box h2 span {
    display: block;
}
.main_contents .area_box .spot_wrap {
    display: flex;
    justify-content: space-between;
}
.main_contents .area_box .spot_wrap > ul {
    width: 48%;
    text-align: left;
}
.main_contents .area_box .spot_wrap .type {

}
.main_contents .area_box .spot_wrap .type h3 {
    font-size: 1.5em;
}
.main_contents .area_box .spot_wrap .type:nth-child(1) h3 {
    color: #0071bb;
}
.main_contents .area_box .spot_wrap .type:nth-child(2) h3 {
    color: #009145;
}
.main_contents .area_box .spot_wrap > ul:nth-child(2) .type:nth-child(1) h3 {
    color: #ff7bab;
}
.main_contents .area_box .spot_wrap .type h3 img {
    width: 36px;
    vertical-align: text-top;
    margin-right: 7px;
}
.main_contents .area_box .spot_wrap .type .spots {
    margin: 1em 0 2.5em 2.6em;
}
.main_contents .area_box .spot_wrap .type .spots li {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0;
    position: relative;
}
.main_contents .area_box .spot_wrap .type .spots li p {
    margin: 0 5px;
}
.main_contents .area_box .spot_wrap .type .spots li .icon_wrap {
    display: flex;
    flex-wrap: wrap;
}
.main_contents .area_box .spot_wrap .type .spots li:before {
    content:"";
    background: url(../img/spot/admi_wifi.png) no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 10px 0px -36px;
    background-size: contain;
    background-position: bottom;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}
.main_contents .area_box .spot_wrap .type .spots li .t_ico a,
.main_contents .area_box .spot_wrap .type .spots li .t_ico span {
    background-color: #adadad;
    color: #fff;
    font-size: 14px;
    padding: 2px 7px;
    border-radius: 5px;
    font-weight: 500;
}
.main_contents .area_box .spot_wrap .type .spots li .t_ico a:nth-child(2) {
    margin-left: 5px;
}
.main_contents .area_box .spot_wrap .type .spots li .t_ico .sfw {
    background-color: #85b88c;
}
.main_contents .area_box .spot_wrap .type .spots li .t_ico .bwa {
    background-color: #e8cf67;
}
.main_contents .area_box .spot_wrap .type .spots li .t_ico .giga {
    background-color: #8bb8d4;
}
.main_contents .area_box .spot_wrap .type .spots li .s_link a {
    background-color: #adadad;
    color: #fff;
    font-size: 14px;
    padding: 2px 7px;
    border-radius: 5px;
    font-weight: 500;
}
.main_contents .area_box .spot_wrap .type:nth-child(2) .spots li:before {
    background-image:url(../img/spot/learn_wifi.png);
}
.main_contents .area_box .spot_wrap ul:nth-child(2) .type:nth-child(1) .spots li:before {
    background-image:url(../img/spot/activ_wifi.png);
}


.main_contents .area_box .button a {
    background-color: #adadad;
}




/*----講座ページ-----*/

/*------------------
日時
-------------------*/
.seminar .main_contents .about_box {
    
}
.seminar .main_contents .about_box .about_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}
.seminar .main_contents .about_box .about_wrap .txt {
    width: 62%;
    text-align: left;
}
.seminar .main_contents .about_box .about_wrap .seminar_title {
    color: #3fa9f5;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.seminar .main_contents .about_box .about_wrap ul {
    list-style-type: disc;
    margin-left: 1em;
    margin: 0.5em 0 0.5em 1em;
}
.seminar .main_contents .about_box .about_wrap .image {
    width: 35%;
}
.seminar .main_contents .about_box .about_wrap .image img {
    width: 100%;
    height: auto;
}
.seminar .main_contents h2 {
    background-image: url(../img/top/h2bk_g.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.main_contents .time_box .erea {
    margin-bottom: 3em;
}
.main_contents .time_box .erea h3 {
    font-weight: 700;
    text-align: center;
    font-size: 2.4em;
    color: #3fa9f5;
    margin-bottom: 60px;
    line-height: 1.5;
    padding: 0.5em;
}
/*h3アイコン*/
.main_contents .time_box .erea h3:before,
.main_contents .time_box .erea h3:after {
    content: '';
    display: inline-block;
    background-image: url(../img/spot/tt_icon1.png);    
    width: 44px;
    height: 36px;
    margin: 0 0.5em;
    background-size: contain;
}
.main_contents .time_box #kitazawa h3:before,
.main_contents .time_box #kitazawa h3:after {
    background-image: url(../img/spot/tt_icon2.png);
}
.main_contents .time_box #tamagawa h3:before,
.main_contents .time_box #tamagawa h3:after {
    background-image: url(../img/spot/tt_icon3.png);
}
.main_contents .time_box #kinuta h3:before,
.main_contents .time_box #kinuta h3:after {
    background-image: url(../img/spot/tt_icon4.png);
}
.main_contents .time_box #karasuyama h3:before,
.main_contents .time_box #karasuyama h3:after {
    background-image: url(../img/spot/tt_icon5.png);
}


.main_contents .time_box .date {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.main_contents .time_box .date li {
    width: 47%;    
    padding: 3% 3% 2% 3%;
    border-radius: 30px;
    margin-bottom: 4.5em;
    background-color: rgba(237, 246, 251, 1);
}
.main_contents .time_box #setagaya .date li {
    background-color: rgba(244, 137, 120, 0.1);
}
.main_contents .time_box #kitazawa .date li {
    background-color: rgba(244, 212, 78, 0.1);
}
.main_contents .time_box #tamagawa .date li {
    background-color: rgba(237, 246, 251, 1);
}
.main_contents .time_box #kinuta .date li {
    background-color: rgba(177, 211, 102, 0.1);
}
.main_contents .time_box #karasuyama .date li {
    background-color: rgba(241, 177, 76, 0.1);
}
/*h4*/
.main_contents .time_box .date li h4 {
    color: #3fa9f5;
    font-size: 1.5em;
    background-color: #fff;
    border: solid 2px #3fa9f5;
    margin: -2.3em auto 1em;
    letter-spacing: 2px;
    width: 80%;
    border-radius: 30px;
    padding: 1% 0;
}
.main_contents .time_box #setagaya .date li h4 {
    color: #f48978;
    border: solid 2px #f48978;
}
.main_contents .time_box #kitazawa .date li h4 {
    color: #e5c12c;
    border: solid 2px #e5c12c;
}
.main_contents .time_box #tamagawa .date li h4 {
    color: #77bce7;
    border: solid 2px #77bce7;
}
.main_contents .time_box #kinuta .date li h4 {
    color: #a7c95b;
    border: solid 2px #a7c95b;
}
.main_contents .time_box #karasuyama .date li h4 {
    color: #f1b14c;
    border: solid 2px #f1b14c;
}
.main_contents .time_box .date li tr {
    margin-bottom: 0.5em;
    display: block;
}
.main_contents .time_box .date li th {
    background-color: #666666;
    color: #fff;
    font-size: 0.86em;
    padding: 3px 14px;
    border-radius: 8px;
    vertical-align: middle;
}
.main_contents .time_box .date li td {
    text-align: left;
    padding-left: 1em;
}
.main_contents .time_box .date li .map {
    background-color: #fff;
    padding: 10px;
    margin-top: 0.5em;
}
.main_contents .time_box .date li .map iframe {
    height: 200px;
}
/*ボタン*/
.main_contents .time_box .date .button a {
    padding: 0.5em 0;
    max-width: 500px;
    width: 60%;
    font-size: 1em;
    font-weight: 500;
    display: block;
    background-color: #3fa9f5;
    margin: 1rem auto 1rem;
    border-radius: 30px;
    box-shadow: 0px 5px 0px 0px rgb(224 224 224);
}
.main_contents .time_box #setagaya .date .button a {
    background-color: #f48978;
}
.main_contents .time_box #kitazawa .date .button a {
    background-color: #e5c12c;
}
.main_contents .time_box #tamagawa .date .button a {
    background-color: #77bce7;
}
.main_contents .time_box #kinuta .date .button a {
    background-color: #a7c95b;
}
.main_contents .time_box #karasuyama .date .button a {
    background-color: #f1b14c;
}



.main_contents .time_box .date .button a:hover {
    opacity: 0.8;
    transform: translate(0px, 5px);
    box-shadow: none;
   transition: all 0.3s ease;
}


/*----eスポーツページ-----*/

.esports .main_contents .mv_box {
    background-image: url(../img/esports/mv_bk.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.esports .main_contents .mv_box h2 {
    margin-bottom: 0px;
}
.esports .main_contents .mv_box p {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.esports .main_contents .mv_box p img {
    width: 100%;
    height: auto;
}
.esports .main_contents .conditions_box {
    background-color: rgba(211, 237, 251, 0.5);
}
.esports .main_contents .conditions_box h2 {
    font-size: 1.8em;
    display: inline-block;
    margin-bottom: 30px;
}
.esports .main_contents .conditions_box .read {
    font-size: 1.2em;
}
.esports .main_contents .conditions_box .tt_wrap img {
    vertical-align: super;
}
.esports .main_contents .conditions_box .flex_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 800px;
    width: 100%;
    margin: 5em auto 0;
}
.esports .main_contents .conditions_box .condition {
    width: 47%;
    padding: 2% 3% 2% 3%;
    border-radius: 30px;
    margin-bottom: 4.5em;
    background-color: rgba(211, 237, 251, 0.8);
}
.esports .main_contents .conditions_box .condition h3 {
    color: #fff;
    font-size: 1.3em;
    background-color: #3fa9f5;
    margin: -1.8em auto 0.5em;
    width: 60%;
    border-radius: 30px;
    padding: 0 0 1%;
    padding-bottom: 1%;
}

.esports .main_contents .conditions_box .condition .in_condition {
    background-color: #fff;
    border-radius: 20px;
    padding: 5%;
}
.esports .main_contents .conditions_box .condition ul {
    list-style-type: disc;
    text-align: left;
    margin-left: 1em;
    padding: 3%;
}
.esports .main_contents .conditions_box .condition .num {

}
.esports .main_contents .conditions_box .condition .num span {
    font-size: 2em;
    font-weight: bold;
    color: #525252;
    letter-spacing: 2px;
    margin-left: 6px;
    margin-right: 3px;
}
.esports .main_contents .conditions_box .condition .sub {
    font-size: 0.8em;
}

.esports .main_contents .conditions_box .days {
    background-color: #fff;
    border-radius: 30px;
    padding: 2% 3% 2% 3%;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.esports .main_contents .conditions_box .days h3 {
    color: #fff;
    font-size: 1.3em;
    background-color: #3fa9f5;
    margin: -1.8em auto 0.5em;
    width: 30%;
    border-radius: 30px;
    padding: 0 0 1%;
    padding-bottom: 0.5%;
}
.esports .main_contents .conditions_box .days table {
    font-size: 1.2em;
    width: 100%;
    background-color: #fff;
}
.esports .main_contents .conditions_box .days table .thead {
    border: 2px solid #989898;
}
.esports .main_contents .conditions_box .days table th {
    background-color: #989898;
    padding: 0 0.25em;
    color: #fff;
    border: 1px solid #fff;
    font-weight: bold;
}
.esports .main_contents .conditions_box .days table td {
    padding: 0.25em;
    border: 1px solid #bbb;
    background-color: #fff;
}
.esports .main_contents .conditions_box .button a {
    background-color: #f1b14c;
    font-size: 1.5em;
    padding: 0.7em 0;
    max-width: 500px;
    border-radius: 60px;
    margin: 3rem auto 1rem;
}
.esports .main_contents .award_box h2 {
    background-image: url(../img/esports/award_icon1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: #f1b14c;
    padding: 0.5em 0 0.25em;
}
.esports .main_contents .award_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.esports .main_contents .award_box ul li {
    width: 31%;
    border-radius: 20px;
    padding: 1.5%;
    position: relative;
}
.esports .main_contents .award_box ul li img {
    position: absolute;
    width: 70px;
    top: -20px;
    left: -20px;
}
.esports .main_contents .award_box ul li:nth-child(1) {
    background-color: rgba(241, 177, 76, 0.3);
}
.esports .main_contents .award_box ul li:nth-child(2) {
    background-color: rgba(203, 203, 203, 0.3);
}
.esports .main_contents .award_box ul li:nth-child(3) {
    background-color: rgba(230, 217, 194, 0.3);
}
.esports .main_contents .award_box ul li h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
}
.esports .main_contents .award_box ul li:nth-child(1) h3 {
    color: #f1b14c;
}
.esports .main_contents .award_box ul li:nth-child(2) h3 {
    color: #727171;
}
.esports .main_contents .award_box ul li:nth-child(3) h3 {
    color: #a57c52;
}
.esports .main_contents .award_box ul li .wrap {
    background-color: #fff;
    border-radius: 10px;
    padding: 1em;
}
.esports .main_contents .award_box ul li .wrap p:nth-child(3) {
    font-size: 1.5em;
    font-weight: bold;
    color: #525252;
}
.esports .main_contents .award_box ul li .wrap p:nth-child(3) span {
    font-size: 0.7em;
    margin-left: 3px;
}
.esports .main_contents .rule_box {
background-color: #e9f6fd;
background-image: url(../img/esports/bk_img.png);
}

.esports .main_contents .rule_box h2 {
    background-image: url(../img/esports/rule_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.esports .main_contents .rule_box .flex_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.esports .main_contents .rule_box ul {
    width: 60%;
    list-style-type: disc;
    text-align: left;
    margin-left: 1em;
    font-size: 0.94em;
}
.esports .main_contents .rule_box .img {
    width: 35%;
}
.esports .main_contents .rule_box .img img {
    width: 100%;
    height: auto;
}
.esports .main_contents .rule_box .music_t {
    margin-top: 3em;
    background-image: url(../img/esports/drum_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.esports .main_contents .rule_box .qualifying, 
.esports .main_contents .rule_box .final {
    background-color: #fff;
    border-radius: 30px;
    padding: 2% 3% 2% 3%;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}
.esports .main_contents .rule_box .qualifying h3, 
.esports .main_contents .rule_box .final h3 {
    color: #fff;
    font-size: 1.3em;
    background-color: #3fa9f5;
    margin: -1.8em auto 0.5em;
    width: 30%;
    border-radius: 30px;
    padding: 0 0 1%;
    padding-bottom: 0.5%;
}
.esports .main_contents .rule_box .qualifying table, 
.esports .main_contents .rule_box .final table {
    font-size: 1em;
    width: 100%;
    background-color: #fff;
}
.esports .main_contents .rule_box .qualifying table .thead, 
.esports .main_contents .rule_box .final table .thead {
    border: 2px solid #989898;
}
.esports .main_contents .rule_box .qualifying table th, 
.esports .main_contents .rule_box .final table th {
    background-color: #989898;
    padding: 0 0.25em;
    color: #fff;
    border: 1px solid #fff;
    font-weight: bold;
}
.esports .main_contents .rule_box .qualifying table td, 
.esports .main_contents .rule_box .final table td {
    padding: 0.25em;
    border: 1px solid #bbb;
    background-color: #fff;
    vertical-align: middle;
}
.esports .main_contents .rule_box i {
    display: block;
    margin: 1.5em auto 2em;
}
.esports .main_contents .rule_box .schedule h2 {
    margin-top: 3em;
    background-image: url(../img/esports/drum_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.esports .main_contents .rule_box .schedule ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 860px;
    width: 100%;
    list-style-type: none;
    margin: 0 auto;
}
.esports .main_contents .rule_box .schedule ul li {
    background-color: #3fa9f5;
    width: 18%;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    padding: 1%;
    border-radius: 10px;
}
.esports .main_contents .rule_box .schedule i {
    display: block;
    margin: 1em auto;
}
.esports .main_contents .rule_box .schedule ul li p:nth-child(1) {
    font-weight: bold;
    margin: 0.5em 0 0.5em;
}
.esports .main_contents .rule_box .schedule ul li p:nth-child(2) {
    font-size: 1.2em;
}
.esports .main_contents .rule_box .button a {
    background-color: #f1b14c;
    font-size: 1.5em;
    padding: 0.7em 0;
    max-width: 500px;
    border-radius: 60px;
    margin: 3rem auto 1rem;
}
.esports .main_contents #ex_event {
    max-width: 860px;
    width: 100%;
    margin: 6em auto 3em;
    background-color: #3fa9f5;
    padding: 2%;
    border-radius: 30px;
}
.esports .main_contents #ex_event h3 {
    color: #fff;
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 0.7em;
    font-weight: 500;
}
.esports .main_contents #ex_event .wrap {
    background-color: #fff;
    padding: 3%;
    border-radius: 10px;
}
.esports .main_contents #ex_event .wrap p {
    text-align: left;
}
.esports .main_contents #ex_event .wrap > ul {
    margin: 1em 0; 
    list-style-type: none;
    width: 100%;
}
.esports .main_contents #ex_event .wrap > ul li {
    line-height: 2;
}
.esports .main_contents #ex_event .wrap > ul li span {
    background-color: #3fa9f5;
    display: inline-block;
    color: #fff;
    font-size: 0.8em;
    padding: 0.15em 0.5em;
    border-radius: 5px;
    font-weight: bold;
    margin-right: 8px;
    width: 10em;
    text-align: center;
}
.esports .main_contents .time_box .date .button a {
    background-color: #f1b14c;
}
.esports .main_contents .facility_at {
    border: 1px dotted #8bc9ef;
    padding: 2em;
    border-radius: 16px;
}
.esports .main_contents .facility_at h3 {
    color: #3fa9f5;
    text-align: center;
    font-size: 1.6em;
    margin: 0em 0 1em;
    font-weight: bold;
}
.esports .main_contents .facility_at ul {
    text-align: left;
    list-style-type: disc;
    margin-left: 1em;
}
.esports .main_contents .contact_box {
    background-color: #e9f6fd;
    background-image: url(../img/esports/bk_img.png);
}
.esports .main_contents .contact_box h2 {
    margin-bottom: 30px;
}
.esports .main_contents .contact_box .contact_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 3em;
    color: #e79007;
}
.esports .main_contents .contact_box .contact_wrap .tt {
    font-weight: 500;
}
.esports .main_contents .contact_box .contact_wrap .mail {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    padding: 2em 1em;
    min-width: 36%;
    margin-right: 5%;
}
.esports .main_contents .contact_box .contact_wrap .tel {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    padding: 2em 1em;
    min-width: 36%;
}
.esports .main_contents .contact_box .contact_wrap a {
    margin-top: 1em;
    font-size: 1.2em;
    border-radius: 50px;
    background-color: #f1b14c;
}
.esports .main_contents .contact_box .contact_wrap a img {
    width: 30px;
    height: auto;
    margin-right: 8px;
    vertical-align: text-bottom;
}










/*------------------
フッター上部背景
-------------------*/
.f_t_back {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.f_t_back img {
    width: 100%;
    vertical-align: bottom;
    margin-top: -3em;
}
.main_contents .area_box:last-child {
    margin: 0 auto 0em;
}


/*------------------
  スマホ対応
-------------------*/   
@media screen and (max-width:501px) {

/*----wifiスポットページ-----*/

.main_contents .area_s_list {
    flex-wrap: wrap;
    margin-bottom: 1em;
}
.main_contents .area_s_list li {
    width: 45%;
    margin-bottom: 1em;
}
.main_contents .area_box .inner {
    padding: 24px 1.5rem 24px;
}
.main_contents .area_box .spot_wrap {
    display: block;
}
.main_contents .area_box .spot_wrap .type h3 {
    font-size: 1.2em;
}
.main_contents .area_box .spot_wrap > ul {
    width: 100%;
}
.main_contents .area_box .spot_wrap .type .spots li {
    font-size: 14px;
}
.main_contents .area_box .spot_wrap .type .spots li:before {
    margin-top: -14px;
}
.main_contents .spot_box .attention_box {
    margin-bottom: 2em;
}
/*----講座ページ-----*/
.seminar .main_contents h2 {
    margin-bottom: 1em;
}
.seminar .main_contents .about_box .about_wrap {
    display: block;
}
.seminar .main_contents .about_box .about_wrap .txt {
    width: 100%;
    font-size: 0.86em;
    margin-bottom: 1.8em;
}
.seminar .main_contents .about_box .about_wrap .seminar_title {
    text-align: center;
    font-size: 1.4em;
}
.seminar .main_contents .about_box .about_wrap .image {
    width: 70%;
    margin: 0 auto;
}

/*----会場日時-----*/
.main_contents .time_box .date {
    display: block;
}
.main_contents .time_box .date li {
    width: 100%;
}
.main_contents .time_box .erea h3 {
    font-size: 140%;
}
.main_contents .time_box .erea h3:before, .main_contents .time_box .erea h3:after {
    width: 28px;
    height: 22px;
}
.main_contents .time_box .date li h4 {
    font-size: 1.16em;
}
/*----eスポーツページ-----*/
.esports .main_contents .conditions_box h2 {
    font-size: 1.3em;
    margin-bottom: 10px;
}
.esports .main_contents .conditions_box .tt_wrap img {
    max-width: 30px;
}
.esports .main_contents .conditions_box .read {
    font-size: 0.9em;
}
.esports .main_contents .conditions_box .flex_wrap {
    display: block;
    margin: 3em auto 0;
}
.esports .main_contents .conditions_box .condition {
    width: 100%;
    margin-bottom: 2.5em;
}
.esports .main_contents .conditions_box .condition h3 {
    font-size: 1.1em;
}
.esports .main_contents .conditions_box .condition .in_condition {
    font-size: 0.9em;
}
.esports .main_contents .conditions_box .days h3 {
    font-size: 1.1em;
    width: 70%;
}
.esports .main_contents .conditions_box .days table,
.esports .main_contents .rule_box .qualifying table,
.esports .main_contents .rule_box .final table {
    width: 100%;
    font-size: 0.9em;
}
.esports .main_contents .conditions_box .days table .thead,
.esports .main_contents .rule_box .qualifying table .thead,
.esports .main_contents .rule_box .final table .thead {
    display: none;
}
.esports .main_contents .conditions_box .days table tr,
.esports .main_contents .rule_box .qualifying table tr,
.esports .main_contents .rule_box .final table tr {
    width: 100%;
}
.esports .main_contents .conditions_box .days table td,
.esports .main_contents .rule_box .qualifying table td,
.esports .main_contents .rule_box .final table td {
    display: block;
    text-align: right;
    width: 100%;
    padding: 0.25em 0.75em;
    box-sizing: border-box;
    border-top: none;
}
.esports .main_contents .conditions_box .days table td:first-child,
.esports .main_contents .rule_box .qualifying table td:first-child,
.esports .main_contents .rule_box .final table td:first-child {
    background: #989898;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.esports .main_contents .conditions_box .days table tr td:nth-child(n+2),
.esports .main_contents .rule_box .qualifying table td:nth-child(n+2),
.esports .main_contents .rule_box .final table td:nth-child(n+2) {
    width: 50%;
    display: inline-block;
}
.esports .main_contents .conditions_box .days table td:before,
.esports .main_contents .rule_box .qualifying table td:before,
.esports .main_contents .rule_box .final table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
.esports .main_contents .conditions_box .days table tr td:nth-child(n+2),
.esports .main_contents .rule_box .qualifying table td:nth-child(n+2),
.esports .main_contents .rule_box .final table td:nth-child(n+2) {
    width: 100%;
}
.esports .main_contents .conditions_box .button a {
    font-size: 1.3em;
    padding: 0.4em 0;
    max-width: 380px;
}
.esports .main_contents .award_box h2 {
    margin-bottom: 20px;
}
.esports .main_contents .award_box ul {
    display: block;
    font-size: 0.8em;
}
.esports .main_contents .award_box ul li {
    width: 90%;
    padding: 3.5%;
    margin: 0 auto;
    margin-bottom: 1.5em;
}
.esports .main_contents .rule_box .flex_wrap {
    display: block;
}
.esports .main_contents .rule_box h2 {
    margin-bottom: 20px;
}
.esports .main_contents .rule_box ul {
    width: 80%;
    display: block;
    margin: 0 auto;
}
.esports .main_contents .rule_box .music_t {
    margin-top: 1.5em;
}
.esports .main_contents .rule_box h2 {
    margin-bottom: 20px;
}
.esports .main_contents .rule_box .img {
    width: 90%;
    margin: 1em auto 0;
}
.esports .main_contents .rule_box .qualifying h3,
.esports .main_contents .rule_box .final h3 {
    font-size: 1.1em;
    margin: -1.2em auto 0.5em;
    width: 70%;
}
.esports .main_contents .rule_box .schedule h2 {
    margin-top: 1.5em;
}
.esports .main_contents .rule_box .schedule ul {
    display: block;
}
.esports .main_contents .rule_box .schedule ul li {
    width: 100%;
    font-size: 1em;
}
.esports .main_contents .rule_box .schedule ul li p:nth-child(1) {
    margin: 0;
}
.esports .main_contents .rule_box .schedule i {
    display: table;
    margin: 0.5em auto;
}
.esports .main_contents .rule_box .schedule img {
    width: 80px;
}
.esports .main_contents #ex_event {
    margin: 3em auto 3em;
    border-radius: 16px;
}
.esports .main_contents #ex_event h3 {
    font-size: 1.2em;
    margin-bottom: 0.3em;
    font-weight: bold;
}
.esports .main_contents #ex_event .wrap {
    padding: 5%;
    font-size: 0.9em;
    line-height: 1.5;
}
.esports .main_contents .rule_box .button a {
    font-size: 1.3em;
    padding: 0.4em 0;
    max-width: 380px;
}
.esports .main_contents .facility_at ul {
    font-size: 0.9em;
}



.esports .main_contents .contact_box .contact_wrap {
    display: block;
}
.esports .main_contents .contact_box .contact_wrap .mail {
    min-width: 100%;
    margin-bottom: 1.5em;
}
.esports .main_contents .contact_box .contact_wrap .tel span {
    display: block;
    margin-top: 1em;
    font-size: 0.8em;
}



}