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

	Top Page

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

.mv_top {
    background-image: url(../top_img/20220314.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 380px;
    background-size: cover;
    margin-bottom: 5px;
    position: relative;
}

.mv_top h2 {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

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


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

@media (min-width: 1600px) {
  /* この中で記述したスタイルは、画面幅が1480px以上の時に適用される */
    .mv_top h3 {
        right: 15%;

    }
}



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

	Under Page

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

.mv_under {
    background-image: url(../cmn_img/mv_under202203.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    height: 250px;
    background-color: #B6DAFC;
    margin-bottom: 5px;
}

.mv_under h2 {
    text-align: left;
    width: 970px;
    color: #FFFFFF;
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../cmn_img/under_ttl.png);
    background-repeat: no-repeat;
    height: 250px;
    font-weight: bold;
}

.mv_under h2 span {
    display: table-cell;
    padding-left: 35px;
    width: 250px;
    height: 250px;
    vertical-align: middle;
}


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

	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;
}


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

	TOP

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

.body_nav {
    display: flex;
    justify-content: space-between;
    margin: 10px auto;
    width: 970px;
}


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

.area-top-topics {}


/*　５つボタン　*/

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
}


/* お知らせ一覧 */

#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;
}

.box-top-topics {}

.box-top-topics li {
    overflow: hidden;
    font-size: 90%;
    border-bottom: #ccc 1px dashed;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.box-top-topics-date-category {
    float: left;
    width: 240px;
}

.box-top-topics-date-category span {
    diplay: inline-block;
}

.box-top-topics-date-category .date {
    margin-right: 15px;
}

.box-top-topics-date-category .category {
    padding: 0px 10px;
    text-align: center;
    color: #fff;
}

.box-top-topics-date-category .n_school {
    background: #A962BE;
}

.box-top-topics-date-category .n_event {
    background: #36B9CB;
}

.box-top-topics-date-category .n_b_corsairs {
    background: #00207D;
}

.box-top-topics-date-category .n_other {
    background: #459240;
}

.box-top-topics-datail {
    float: right;
    width: 430px;
}

.link-top-archive {
    text-align: right;
    padding: 0px;
    font-size: 90%;
}


/*-------
トピックス詳細
----*/

.news_detail {
    background: #fff;
    padding: 20px;
}

.news_detail h3 {
    font-size: 20px;
    padding: 10px 0px;
    border-bottom: 2px dotted #ccc;
}

.news_detail .date {
    text-align: left;
    font-size: 80%;
    padding: 5px 0px;
    color: #ccc;
    margin-bottom: 20px;
}

.news_detail dd {
    padding-bottom: 30px;
}

.article .news dd {
    background-color: #FFFFFF;
    margin-bottom: 2px;
    line-height: 1.8;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.article .news dd.last {}

.article .news dd.date {
    float: left;
    padding-left: 20px;
    padding-right: 25px;
    font-size: 80%;
}

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

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

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

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

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

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

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

.article .link_arrow.news2 a {
    margin: 20px 0px 10px auto;
}

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

.article.bnr ul li a {
    background-image: url(../cmn_img/bg_bnr_off.png);
    background-repeat: no-repeat;
    display: block;
    width: 290px;
    height: 66px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    color: #008DD2;
    text-decoration: none;
    font-size: 24px;
    padding-left: 30px;
    padding-top: 24px;
    line-height: 1.0;
    font-weight: bold;
}

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

.article.bnr ul li a:hover {
    background-image: url(../cmn_img/bg_bnr_on.png);
    color: #ffffff;
}

.article.bnr ul li a:hover span {
    color: #e0edf3;
}

.article.ad_bnr ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.article.ad_bnr ul li:nth-child(2n) {
    margin-right: 0px;
}


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

	link

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

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

dl.link dt {
    color: #344957;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    height: 30px;
    margin-bottom: 15px;
    border-bottom: 4px solid #005FAE;
    padding-bottom: 10px;
}

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

dl.link dd dl.shisetsu dt a {
    color: #00BFE4;
    background-color: #005FAE;
    display: block;
    margin-left: -15px;
    padding-left: 15px;
    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 {
    width: 310px;
    padding-left: 25px;
    background-color: #FFFFFF;
    float: left;
    margin-right: 10px;
    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;
}

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 {
    clear: both;
    width: 200px;
    float: left;
    padding-left: 20px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 0px;
    border-top: 1px solid #D3E3EB;
    padding-right: 20px;
}

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

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

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

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

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

dl.about img {
    width: 300px;
    height: auto;
    margin-bottom: 15px;
}

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

.about .blank {
    height: 90px;
}

.link_arrow_about a {
    font-size: 14px;
    text-decoration: none;
    color: #FFFFFF;
    height: 30px;
    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;
    width: 440px;
}

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

.guidenav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.guidenav ul li {
    width: 49%;
    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: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

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

.guide p {
    margin-top: 20px;
}

.guide p.text_pink.text_left {
    margin-left: 20px;
}

.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: 18px;
    text-align: center;
    margin-bottom: 20px;
}

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

.article .point dd {
    margin-left: 100px;
    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: 20px;
}

.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%;
}

.di .link_list li {
    display: block;
    margin-bottom: 5px;
}

.di p {
    margin-bottom: 20px;
}

.di h5 {
    font-weight: bold;
    margin-bottom: 10px;
}

.di ol {
    list-style-type: decimal;
    margin-bottom: 20px;
    margin-left: 60px;
}

.form .mail.basic dt {
    clear: both;
    width: 200px;
    float: left;
    padding-left: 20px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 0px;
    border-top: 1px solid #D3E3EB;
    padding-right: 20px;
}

.dona h3.basic {
    background-image: url(../cmn_img/ttl_01.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #344957;
    font-size: 24px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.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: 400px;
    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: 30px;
}

.article.under.dona .thanks dd {
    text-align: center;
    font-size: 40px;
    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: 210px;
    display: block;
    float: left;
    font-size: 14px;
    border-bottom: 1px solid #D3E3EB;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 3px;
}

.article.under.dona ul.thanks.ho li {
    width: 310px;
    display: inline-block;
    vertical-align: top;
    float: none;
}

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: 600px;
    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;
    background: #E0EBF1;
}

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

table.health {
    width: 600px;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
}

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;
    font-size: 120%;
    background: #E0EBF1;
    vertical-align: middle;
}

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

table.health tr.sample {
    border: none;
}

table.health tr.sample th {
    border: none;
    background: none;
}

.yoga-cate1 {
    background: #fee499;
    border: 1px solid #005189;
    padding: 3px;
    margin: 0.2em 0.5em;
    display: inline-block;
}

.yoga-cate2 {
    background: #bdffa6;
    border: 1px solid #005189;
    padding: 3px;
    margin: 0.2em 0.5em;
    display: inline-block;
}

.yoga-cate3 {
    background: #fdc8d9;
    border: 1px solid #005189;
    padding: 3px;
    margin: 0.2em 0.5em;
    display: inline-block;
}

.wpink {
    color: #fb4f86;
}

.inq {
    background: #fdfac6 !important;
}

.inq h4 {
    background: #fff !important;
}

.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;
}

.timeicon {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    background: #FF4C4D;
    padding: 10px;
}

.timeicon a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
}

.timeicon a:before {
    content: url(../cmn_img/timeicon.png);
    margin-right: 5px;
}

.timeicon a span {
    font-size: 80%;
    margin-left: 15px;
}


/* 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 */

.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;
}

.class-skt ul li {
    width: 23%;
    background: #0A5EB8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

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

.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: 46%;
    background: #38935A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

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





/*20221024 */

.guide_table{
    border: 1px solid #333;
    margin-bottom: 30px;
    font-size: 14px;
    width: 100%;
}

.guide_table tr{
}

.guide_table th{
    border: 1px solid #333;
    background: #9cdff0;
    text-align: center;
    padding:2px 3px;
}

.guide_table td{
    border: 1px solid #333;
    padding: 2px 3px;
    text-align: center;
}


.guide_table caption{
    caption-side: bottom;
    text-align: right;
    font-size: 80%;
}