/*-------------------------------------------------------------------

	Top Page

-------------------------------------------------------------------*/

.mv_top {
    background-image: url(../cmn_img/sp/mv202203.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 175px;
    background-size: auto 100%;
    margin-bottom: 0px;
    background-color: #B9DEF9;
    position: relative;
}

.top .mv_top ul {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 380px;
    position: relative;
}

.mv_top h3 {
        font-size: 18px;
        top: 5%;
        right: 5%;
        width: 7em;
        padding: 0px 5px;
        position: absolute;
        color: #fff;
        background: #004c8f;
        font-family: "游ゴシック体", YuGothic;
        font-weight: 500;
}


.body_nav {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0px auto 20px;
    width: 100%;
    padding-top: 15px;
}

.body_nav li {
    width: 47%;
    margin-top: 10px;
}

.body_nav img {
    width: 100%;
}


/* 2017.09.15 新着情報差し替え
---------------------------------------------------------- */

.area-top-topics {}

.list-top-topics-category {
    overflow: hidden;
    margin-left: -1px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.list-top-topics-category li {
    width: 160px;
    height: 32px;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline-block;
}

#btn-top-topics-tab1 img {
    margin: -32px 0px;
}

#btn-top-topics-tab2 img {
    margin: -32px -180px;
}

#btn-top-topics-tab3 img {
    margin: -32px -360px;
}

#btn-top-topics-tab4 img {
    margin: -32px -540px;
}

#btn-top-topics-tab1 a:hover img {
    margin: 0px 0px;
}

#btn-top-topics-tab2 a:hover img {
    margin: 0px -180px;
}

#btn-top-topics-tab3 a:hover img {
    margin: 0px -360px;
}

#btn-top-topics-tab4 a:hover img {
    margin: 0px -540px;
}

#btn-top-topics-tab1.active img,
#btn-top-topics-tab2.active img,
#btn-top-topics-tab3.active img,
#btn-top-topics-tab4.active img {
    margin-top: 0px;
}


/* お知らせ一覧 */

#box-top-topics1,
#box-top-topics2,
#box-top-topics3,
#box-top-topics4 {
    display: none;
}

#box-top-topics1 {
    border-top: #F98B10 4px solid;
}

#box-top-topics2 {
    border-top: #1EAEAD 4px solid;
}

#box-top-topics3 {
    border-top: #076ED7 4px solid;
}

#box-top-topics4 {
    border-top: #ED84B7 4px solid;
}


/*　５つボタン　*/

.list-top-topics-category5 {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin: 5px 0px;
}

.list-top-topics-category5 li {
    width: 100px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
}

.list-top-topics-category5 li a {
    display: inline-block;
}

.list-top-topics-category5 img {
    zoom: 79%;
}

.list-top-topics-category5 #btn-top-topics-tab1 img {
    margin: -32px -22px;
}

.list-top-topics-category5 #btn-top-topics-tab2 img {
    margin: -32px -165px;
}

.list-top-topics-category5 #btn-top-topics-tab3 img {
    margin: -32px -308px;
}

.list-top-topics-category5 #btn-top-topics-tab4 img {
    margin: -32px -451px;
}

.list-top-topics-category5 #btn-top-topics-tab5 img {
    margin: -32px -592px;
}

.list-top-topics-category5 #btn-top-topics-tab1 a:hover img {
    margin: 0px -22px;
}

.list-top-topics-category5 #btn-top-topics-tab2 a:hover img {
    margin: 0px -165px;
}

.list-top-topics-category5 #btn-top-topics-tab3 a:hover img {
    margin: 0px -308px;
}

.list-top-topics-category5 #btn-top-topics-tab4 a:hover img {
    margin: 0px -451px;
}

.list-top-topics-category5 #btn-top-topics-tab5 a:hover img {
    margin: 0px -592px;
}

.list-top-topics-category5 #btn-top-topics-tab1.active img,
.list-top-topics-category5 #btn-top-topics-tab2.active img,
.list-top-topics-category5 #btn-top-topics-tab3.active img,
.list-top-topics-category5 #btn-top-topics-tab4.active img,
.list-top-topics-category5 #btn-top-topics-tab5.active img {
    margin-top: 0px;
    zoom: 79%;
}


/* お知らせ一覧 */

#box-top-topics1,
#box-top-topics2,
#box-top-topics3,
#box-top-topics4,
#box-top-topics5 {
    display: none;
}

#box-top-topics1 {
    border-top: #F98B10 4px solid;
}

#box-top-topics2 {
    border-top: #FF4C4D 4px solid;
}

#box-top-topics3 {
    border-top: #1EAEAD 4px solid;
}

#box-top-topics4 {
    border-top: #076ED7 4px solid;
}

#box-top-topics5 {
    border-top: #ED84B7 4px solid;
}


/*-------------------------------------------------------------------

	Under Page

-------------------------------------------------------------------*/

.mv_under {
    background-image: url(../cmn_img/sp/mv_under202203.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    height: 100px;
    background-color: #B6DAFC;
    margin-bottom: 5px;
    background-size: auto 100px;
    text-align: left;
}

.mv_under h2 {
    text-align: left;
    width: 100px;
    color: #FFFFFF;
    font-size: 16px;
    background-image: url(../cmn_img/sp/under_ttl.png);
    background-repeat: no-repeat;
    background-size: auto 100px;
    height: 100px;
    font-weight: bold;
    background-position: left top;
}

.mv_under h2 span {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    padding-left: 10px;
    padding-right: 10px;
}


/*-------------------------------------------------------------------

	Form

-------------------------------------------------------------------*/

.fmStep {
    text-align: center;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-top: 0px;
}

.fmStep li {
    display: inline;
    margin: 0 5px;
}

.form_block table {}

.form_block tr {
    line-height: 1em;
}

.form_block th {
    width: 35%;
    text-align: left;
    background-color: #F8F1EE;
    padding-left: 20px;
    border-top: 1px solid #DCBBAB;
    border-bottom: 1px solid #DCBBAB;
    color: #BD8366;
}

.form_block td {
    width: 65%;
    border-top: 1px solid #DCBBAB;
    border-bottom: 1px solid #DCBBAB;
    background-color: #FFF;
}

.form_block form {
    display: inline;
}

.form_block tr td .ex {
    padding-top: 7px;
    display: block;
}

.form_block .month {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    line-height: 1.8;
}

.form_block textarea {
    border: 1px solid #aaa;
    background: #f0f0f0;
    font-size: 13px;
    padding: 3px;
}

input[type=checkbox] {
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    background-color: #FFF;
}

textarea {
    font-size: 100%;
}

.form_btn {
    text-align: center;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    width: 508px;
}

.form_btn form {
    float: left;
    width: 234px;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.form_btn_area {
    padding: 0 100px;
}

checkbox {
    padding-bottom: 5px;
}

.article .news dt {
    height: 25px;
    background-color: #FFFFFF;
    float: left;
    margin-top: 16px;
    line-height: 25px;
}

.article .news dt.ic_new {
    background-color: #005189;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    width: 50px;
}

.article .news dt.ic_other {
    background-color: #8a8a8a;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    width: 50px;
}

.article .news dt.ic_event {
    background-color: #0579dc;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    width: 50px;
}

.article .news dt.ic_school {
    background-color: #22B6B7;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    width: 50px;
}

.article .news dt.ic_coupon {
    background-color: #EB90C2;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    width: 50px;
}

.article .news dt.ic_time {
    background-color: #FF4C4D;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    width: 50px;
}

.article .news dd {
    background-color: #FFFFFF;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
}

.article .news dd.last {
    padding-left: 70px;
    margin-bottom: 2px;
    padding-bottom: 10px;
    font-size: 14px;
}

.article .news dd.date {
    padding-top: 10px;
    padding-left: 70px;
    padding-right: 30px;
    font-size: 12px;
    color: #005189;
}

.article .link_arrow.news a {
    position: absolute;
    top: 0px;
    right: 0px;
}

.article.bnr {
    background-image: url(../cmn_img/bg_dot.gif);
    background-repeat: repeat;
    border-radius: 6px;
    padding-top: 4%;
    padding-right: 4%;
    padding-left: 4%;
}

.article.bnr ul li a {
    background-image: url(../cmn_img/sp/bg_bnr_off.png);
    background-repeat: no-repeat;
    display: block;
    width: 39%;
    margin-bottom: 4%;
    color: #008DD2;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.0;
    background-color: #FFFFFF;
    background-position: right 0%;
    border: 1px solid #81a9c5;
    border-radius: 6px;
    float: left;
    padding: 4%;
    background-size: contain;
}

.article.bnr ul li:nth-child(2n) a {
    margin-left: 4%;
}

.article.bnr ul li a span {
    font-size: 12px;
    color: #7B8F99;
    display: block;
    line-height: 1.0;
    font-weight: normal;
    margin-top: 5px;
}

.article.ad_bnr {
    text-align: center;
    margin-bottom: 20px;
}

.article.ad_bnr ul li {
    margin-bottom: 4%;
    display: inline;
}

.article.ad_bnr li img {
    width: 48%;
    padding-bottom: 5px;
}

.article.ad_bnr ul li:nth-child(2n) {
    margin-left3%;
}


/*-------------------------------------------------------------------

	link

-------------------------------------------------------------------*/

dl.link {
    margin-bottom: 30px;
}

dl.link dt {
    color: #344957;
    font-size: 18px;
    font-weight: bold;
    background-image: url(../cmn_img/sp/ttl_01.png);
    background-position: left center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 20px;
    line-height: 1.2;
}

dl.link dd dl.shisetsu dt {
    background-image: none;
    color: #344957;
    font-size: 18px !important;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 0px none;
    color: #ffffff;
    background-color: #005FAE;
    border-radius: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

dl.link dd dl.shisetsu dt a {
    color: #00BFE4;
    background-color: #005FAE;
    display: block;
    border-radius: 6px;
}

dl.link dd dl.shisetsu dt a:hover {
    color: #48E1FF;
    text-decoration: none;
    background-color: #006CC6;
}

dl.link dd dl.shisetsu dd a {
    padding-left: 25px;
    background-color: #FFFFFF;
    border-radius: 6px;
    background-image: url(../cmn_img/ic_aroow_blue.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    text-decoration: none;
    margin-bottom: 7px;
    color: #0078C5;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}

dl.link dd dl.shisetsu dd a:hover {
    background-color: #EFF5F8;
}

dl.link dd {
    margin-bottom: 10px;
}

dl.basic {
    margin-top: 30px;
    background-color: #EBF0F3;
}

dl.basic dt {
    padding-left: 10px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #D3E3EB;
}

dl.basic dt span {
    font-size: 12px;
    background-color: #005189;
    color: #FFFFFF;
    margin-left: 5px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border-radius: 6px;
}

dl.basic dd {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #D3E3EB;
    padding-left: 20px;
    background-color: #FFFFFF;
}

dl.basic dt.end,
dl.basic dd:last-child {
    /*border-bottom: 1px solid #D3E3EB;*/
}

.hour {
    /*border: 1px solid #0F2B4A;*/
    height: 185px;
    margin-bottom: 30px;
    background-color: #F8F8F8;
}

.hour .fst {
    width: 260px;
    float: left;
    border-right: 1px solid #D3E1E7;
    padding: 29px;
    background-color: #ECF3F6;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.hour .end {
    width: 250px;
    float: right;
    padding: 30px;
}

.hour .end p {
    display: table-cell;
    height: 135px;
    vertical-align: middle;
}

.half.fst h3 {
    border-bottom: 1px solid #0F2B4A;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

dl.about {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.article dl.about:nth-child(2n) {
    margin-left: 0px;
}

dl.about img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
}

.about .ttl {
    font-weight: bold;
    color: #005189;
    margin-bottom: 10px;
}

.about .blank {
    height: 0px;
}

.link_arrow_about a {
    font-size: 14px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #FF9C00;
    display: block;
    line-height: 30px;
    background-image: url(../cmn_img/ic_aroow.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 25px;
    padding-right: 15px;
    line-height: 1.4;
    padding-top: 8px;
    padding-bottom: 8px;
}

.link_arrow_about a:hover {
    background-color: #FF7600;
}

.guidenav ul {}

.guidenav ul li {
    width: 100%;
    border: 4px solid #174577;
    border-radius: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    height: 5.5em;
    background: #eef5fe;
}

.guidenav ul li:hover {
    border: 4px solid #ccc;
    background: #e9eef1;
}

.guidenav ul li a {
    vertical-align: middle;
    overflow: hidden;
    display: block;
    padding: 0px 10px 0px 20px;
    color: #174577;
    font-weight: bold;
}

.guidenav ul li a img {
    float: left;
    padding-top: 5%;
    padding-right: 1%;
}

.guidenav ul li a span {
    display: table-cell;
    height: 5em;
    vertical-align: middle;
}

.guide {
    text-align: center;
    border: 1px solid #174577;
    border-radius: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.guide h3 {
    color: #1B518C;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #174577;
    padding-bottom: 8px;
}

.guide p {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.step {
    margin-bottom: 30px;
}

.step li {
    text-align: center;
}

.step li.arrow {
    font-weight: bold;
    color: #005189;
}

.step li span {
    text-align: center;
    color: #005189;
    border-bottom: 3px solid #FFED00;
}

.article .point {
    background-color: #FBF2D6;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 30px;
}

.article .point h4 {
    color: #B48F1A;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}

.article .point dt {
    background-color: #B48F1A;
    color: #FFFFFF;
    width: 100px;
    text-align: center;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.article .point dd {
    margin-bottom: 10px;
}

.article .point2 {
    background-color: #FBF2D6;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 30px;
}

.article .point2 h4 {
    color: #B48F1A;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

.article .point2 dt {
    background-color: #B48F1A;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
}

.article .point2 dd {
    margin: 10px;
}

.article .point3 {
    background-color: #fff6f9;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 30px;
}

.article .point3 h4 {
    color: #ff6e96;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

.article .point3 dt {
    background-color: #ff6e96;
    color: #FFFFFF;
    width: 80px;
    text-align: center;
    border-radius: 6px;
    float: left;
}

.article .point3 dd {
    margin-left: 100px;
    margin-bottom: 10px;
}

.article .couse {
    margin-bottom: 30px;
}

.article .couse dl {
    margin-bottom: 20px;
    border-bottom: 3px solid #E5EEF3;
}

.article .couse dl dt {
    margin-bottom: 10px;
    color: #005189;
    font-weight: bold;
}

.article .couse dl dd {
    margin-bottom: 10px;
}

.article .couse dl span {
    background-color: #005189;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 6px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: 10px;
}

.article .couse dl span.time {
    background-color: #748997;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 6px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-right: 10px;
    margin-left: 30px;
}

.step dt {
    color: #258AD0;
    font-weight: bold;
    margin-bottom: 10px;
}

.step dt span {
    background-color: #258AD0;
    border-radius: 6px;
    color: #FFFFFF;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-right: 10px;
}

.step dd {
    margin-bottom: 20px;
}

.article .cancel dt {
    color: #005189;
    font-weight: bold;
    margin-bottom: 5px;
}

.article .cancel dd {
    margin-bottom: 5px;
}

.gmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

.gmap iframe,
.gmap object,
.gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dona h3.basic {
    display: block;
}

.dona .article .list dt {
    background-image: url(../cmn_img/ic_list.gif);
    background-repeat: no-repeat;
    background-position: left 7px;
    background-size: 12px 12px;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #005189;
    font-weight: bold;
}

.furikomi {
    margin-bottom: 20px;
}

.article.under.dona .article .furikomi dl {
    border-radius: 6px;
    border: 4px solid #D3E3EB;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.article.under.dona dl.thanks {
    text-align: center;
}

.article.under.dona .thanks dt {
    text-align: center;
    font-size: 26px;
}

.article.under.dona .thanks dd {
    text-align: center;
    font-size: 30px;
    font-weight: bold
}

h5.ttl {
    background-image: url(../cmn_img/ic_list.gif);
    background-repeat: no-repeat;
    background-position: left 7px;
    background-size: 12px 12px;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #005189;
    font-weight: bold;
}

.article.under.dona ul.thanks {}

.article.under.dona ul.thanks li {
    width: 100%;
    display: block;
    float: left;
    font-size: 14px;
    border-bottom: 1px solid #D3E3EB;
    margin-top: 5px;
    margin-bottom: 5px;
}

.article.under.dona ul.thanks.ho li {
    width: 100%;
}

ul.allbtn {
    text-align: center;
    margin-top: 10px;
}

ul.allbtn li {
    margin-bottom: 5px;
}

ul.allbtn button {
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
}

ul.allbtn button:hover {
    opacity: 0.8;
}

table.border {
    width: 90%;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}

table.border th,
table.border td {
    padding: 8px 15px;
    vertical-align: top;
    text-align: center;
    background-color: #FFF;
}

table.border th {
    border: 2px solid #005189;
    text-align: center;
    width: 30%;
    font-weight: bold;
}

table.border td {
    background-color: #FFF;
    border: 2px solid #005189;
    width: 70%;
    margin-top: 5px;
    text-align: left;
}

table.health {
    width: 100%;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}

table.health th,
table.health td {
    padding: 5px;
    vertical-align: top;
    text-align: center;
    background-color: #FFF;
}

table.health th {
    border: 2px solid #005189;
    text-align: center;
    width: 16%;
    font-weight: bold;
    background: #E0EBF1;
}

table.health td {
    background-color: #FFF;
    border: 2px solid #005189;
    margin-top: 5px;
    text-align: left;
}

.eventnav ul {}

.eventnav ul li {
    border: 4px solid #174577;
    border-radius: 6px;
    margin-bottom: 20px;
    box-sizing: border-box;
    background: #fff;
}

.eventnav ul li h3 {
    background: #dcebf4;
    color: #174577;
    font-size: 120%;
    padding: 5px 10px;
}

.eventnav ul li h3 span {
    padding-right: 10px;
    font-size: 80%;
    vertical-align: middle;
}

.eventnav ul li p {
    padding: 10px 10px 10px 20px;
    color: #000;
    font-size: 90%;
}

.eventnav ul li p strong {
    font-weight: bold;
    color: #008dd2;
    margin-top: 10px;
    margin-left: -10px;
}

.eventnav ul li a {
    text-align: center;
}


/* single */

.singlepage {}

.singlenav {
    margin-bottom: 30px;
}

.singlenav a {
    margin-bottom: 10px;
    text-decoration: none;
}

.singlenav dl {
    background: #18477C;
    border-radius: 8px;
    color: #fff;
    margin-bottom: 10px;
    padding: 10px;
}

.singlenav dl dt:before {
    content: "▼";
    font-size: 10px;
    padding-right: 1em;
}

.singlenav dl dt {
    font-size: 110%;
    display: flex;
    align-items: center;
}

.singlenav dl dd {
    font-size: 90%;
    padding-left: 2em;
}

.insbtn a {
    width: 80%;
    margin: 10px auto;
    background: #eef5fe;
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 8px;
    color: #258ad0;
    border: 4px solid #174577;
}

.insbtn a:before {
    content: url("../cmn_img/skate.png");
    padding-right: 10px;
}

.singlepage .step {
    padding: 10px;
    border: 1px #258ad0 solid;
    margin-bottom: 20px;
    border-radius: 8px;
}

.singlepage .step dd {
    font-size: 90%;
}


/* instructor */

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

.inslist .insbox {
    width: 240px;
    margin-bottom: 20px;
    font-size: 14px;
}

.inslist .insbox img {
    padding-bottom: 0px;
}

.inslist .insbox table {
    width: 100%;
}

.inslist .insbox strong {
    position: relative;
    padding: 5px;
    background: #ffc160;
    font-weight: bold;
    display: block;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}

.inslist .insbox strong:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 45%;
    left: 45%;
    border: 11px solid transparent;
    border-top: 10px solid #ffc160;
}

.inslist .insbox table td,
.inslist .insbox table th {
    padding: 5px;
    vertical-align: top;
    border-bottom: 1px #fff solid;
    font-size: 90%;
    background: #fff3e0;
}


/* class */

.eventallimg {
    width: 100%;
}

.classbox {
    margin: 30px auto;
}

.class-skt {}

.class-skt h3 {
    border-bottom: 2px solid #0A5EB8;
    line-height: 2em;
    font-size: 20px;
    color: #0A5EB8;
    display: flex;
    font-weight: bold;
}

.class-skt h3:before {
    content: url(../event/img/class-ico-skt.png);
    padding-right: 6px;
}

.class-skt ul {
    display: flex;
    justify-content: space-around;
    margin: 20px auto 40px;
    flex-wrap: wrap;
}

.class-skt ul li {
    width: 48%;
    background: #0A5EB8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-bottom: 15px;
    height: 5em;
}

.class-skt ul li a {
    display: block;
    padding: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.class-gym {}

.class-gym h3 {
    border-bottom: 2px solid #38935A;
    line-height: 2em;
    font-size: 20px;
    color: #38935A;
    font-weight: bold;
    display: flex;
}

.class-gym h3:before {
    content: url(../event/img/class-ico-gym.png);
    padding-right: 6px;
}

.class-gym p {
    margin: 20px auto 40px;
}

.class-gym ul {
    display: flex;
    justify-content: flex-start;
    margin: 20px auto 40px;
}

.class-gym ul li {
    width: 100%;
    background: #38935A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    height: 5em;
}

.class-gym ul li a {
    display: block;
    padding: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}