/*legacy_sp.css*/

/*-------------------------------
Common
-------------------------------*/

.h1 {
    font-size: 1.8rem;
}

.pagemenu .hl {
    font-size: 1.8rem;
}

.hlxnm .hl,
.hlxm .hl {
    font-size: 1.8rem;
}

table th,
table td {
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 6px 5px;
}

table a,
table p,
table span,
table div {
    font-size: 1em;
}

iframe {
    max-width: 100%;
}

.hlxnm.catxc11.hlxnmxl h2,
.hlxnm.catxc11.hlxnmxl h3 {
    font-size: 1.7rem;
    padding: 8px 10px 8px 10px;
    margin-top: 40px;
    margin-bottom: 15px;
}

.hlxm .hl h3,
.hlxl .hl h3 {
    font-size: 1.7rem;
    padding: 8px 10px 8px 10px;
    margin-top: 40px;
    margin-bottom: 15px;
}

.hlxs .hl {
    font-size: 1.6rem;
}

.media_size {
    font-size: 1.0em!important;
}

.hlxs.catxi01 .hl h2,
.hlxs.catxi01 .hl h3,
.hlxm.catxc09 .hl h2,
.hlxm.catxc09 .hl h3,
.hlxs.catxi03 .hl h2,
.hlxs.catxi03 .hl h3 {
    font-size: 1.7rem;
    padding: 8px 10px 8px 10px;
    margin-top: 40px;
    margin-bottom: 15px;
}

.hlxs.catxi02 .hl h2 {
    font-size: 1.7rem;
    padding: 8px 10px 8px 10px;
    margin-top: 40px;
    margin-bottom: 15px;
}


.hlbox {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}

.hlxcw36 {
    font-size: 7.0vw;
}

.hlxcb36 {
    font-size: 7.0vw;
}

.hlxbcw20 {
    background: #005BCB;;
    font-size: 1.4rem;
    text-align: center;
    color: #ffffff;
    padding: 10px 4% 10px 4%;
}

.hlxbcw20 a {
    color: #ffffff;
    text-decoration: none;
}

.hlbox .hlxbcw20 {
    width: 100%;
    padding: 10px 3% 10px 3%;
}

.hlxdbcw20 {
    background: #005BCB;
    font-size: 1.4rem;
    text-align: center;
    color: #ffffff;
    padding: 12px 4% 12px 4%;
}

.hlxdbcw20 a {
    color: #ffffff;
    text-decoration: none;
}

.hlbox .hlxdbcw20 {
    width: 100%;
    padding: 12px 3% 12px 3%;
}

span.number_ic {
    width: 20px;
    height: 20px;
    font-size: 1.6rem;
}

.c_page .pagemenu .itemx08 li .txtbox {
    font-size: 1.4rem;
}

.img img {
    width: 100%;
}

/*-------------------------------
Conventional
-------------------------------*/

.article {
    margin: 10px auto 0 auto;
}

.article .articlewrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0 auto;
}

.article .articlewrap .tit {
    font-size: 1.5rem;
}

.hlxs .hl .tit {
    font-size: 1.5rem;
}

.article .articlewrap.colx1 {
    display: block;
    max-width: 100%;
    margin: 0 auto 0 auto;
}

.article .articlewrap.colx1l {
    display: block;
    max-width: 100%;
    margin: 0 auto 0 auto;
}

.article .articlewrap.colx1 li,
.article .articlewrap.colx1 .colbox,
.article .articlewrap.colx1l li,
.article .articlewrap.colx1l .colbox {
    width: 100%;
    margin: 0 auto 15px auto;
}

.article .articlewrap.colx1 .moviebox,
.article .articlewrap.colx1l .moviebox {
    max-width: 100%;
    margin: 0 auto 0 auto;
    margin-bottom: 15px;
}

.article .articlewrap.colx2 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0 auto;
    display: block;
    text-align: center;
}

.article .articlewrap.colx2 .moviebox {
    max-width: 100%;
    margin: 0 auto 20px!important;
}

.article .articlewrap.colx2 .colbox:nth-child(even) {
    margin-right: 1%;
    margin-left: 1%;
}

.article .articlewrap.colx2 .colbox:nth-child(odd) {
    margin-left: 1%;
    margin-right: 1%;
}

.colx3 {
    flex-direction: column;
}

.colx3 li,
.colx3 .colbox {
    width: 100%;
}

.ancmenu .btnxcba02 {
    width: 100%;
    max-width: 252px;
    margin: 0 auto 15px;
}

.ancmenu .btnxcba02 a {
    min-height: 50px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ancmenu .btnxcba02 {
    margin: 0 auto 15px;
}

.c_page .linkmenuxnm ul.colx3 {
    flex-direction: column;
}

.article .articlewrap.colx2.spcol2,
.article .articlewrap.colx3.spcol2 {
    justify-content : space-between!important;
    display : flex!important;
    flex-wrap : wrap!important;
    flex-direction: row!important;
}

.article .articlewrap .imgbox .img {
    margin: 0 auto 0 auto;
    width: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
    line-height: 0;
}

.article .articlewrap.colx2.spcol2 .imgbox,
.article .articlewrap.colx3.spcol2 .imgbox {
    margin: 10px 0!important;
    width: calc(50% - 10px)!important;
}

.article .articlewrap.colx2.colxl .imgbox .img {
    text-align: center;
}

.article .articlewrap.colx2.colxr .imgbox .img {
    text-align: center;
}

.article .articlewrap.colx2 .imgbox {
    width: 90%;
    margin: 0 auto 15px auto;
}

.article .articlewrap.colx2 .colbox.imgbox {
    width: 90%;
    max-width: 90%;
    margin: 0 auto 15px auto;
    text-align: center;
}

.article .articlewrap.colx2 .txtbox {
    width: 100%;
    margin: 0 auto 15px auto;
}

.article .articlewrap .txtbox > .tit {
    margin-top: 0;
}

.article .articlewrap .txtbox > .txt {
    margin-top: 0;
}

.article .articlewrap.colx2 .moviebox {
    width: 100%;
    margin: 0 auto 30px auto;
}

.article .articlewrap.colx2:after {
    display: none;
}

.article .articlewrap.colx3 {
/*    max-width: 94%;*/
    margin: 0 auto 0 auto;
    display: block;
    text-align: center;
}

.article .articlewrap.colx3 .imgbox {
    width: 90%;
    margin: 0 auto 15px auto;
    text-align: center;
}

.article .articlewrap.colx3 .colbox.imgbox {
    width: 90%;
    max-width: 90%;
    margin: 0 auto 15px auto;
}

.article .articlewrap.colx3 .txtbox {
    width: 100%;
    margin: 0 auto 15px auto;
}

.article .articlewrap .tit {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 10px;
}

.article .articlewrap .txt {
    font-size: 1.4rem;
    line-height: 1.5;
}

.article .articlewrap .cap {
    font-size: 1.3rem;
}

.article .articlewrap .tit {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 10px;
}

.itemx10 .txtbox .tit {
    font-size: 1.5rem;
    font-weight: 600;
}

.itemx10 .txtbox .txt {
    font-size: 1.4rem;
    margin: 5px 0 0 0;
}

.flexbox .box-item p {
    font-size: 1.4rem;
}

.hlxdbcw20 {
    background: #005bab;
    font-size: 1.4rem;
    text-align: center;
    color: #ffffff;
    padding: 12px 4% 12px 4%;
}

.tablewrap .tit {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 15px;
}

.article .articlewrap.colx3 .imgbox .img img {
    height: auto;
}

.article .articlewrap.colx2 .colbox.imgbox {
    width: 90%;
    max-width: 90%;
    margin: 0 auto 15px auto;
    text-align: center;
}

.ptitboxxtl .ptit {
    font-size: 1.7rem;
    line-height: 1.4;
}

.contentboxxlb {
    padding: 20px 15px 20px 15px;
}

/*
.article .articlewrap .cap.capxl {
    text-align: center;
}
*/

/*-------------------------------
Conventional - table setting
-------------------------------*/

table {
    width:100%;
}

.tablebox .tableitem {
    width: 100%;
    box-sizing: border-box;
    overflow-x: scroll;
    white-space: nowrap;
}

.tableitem::-webkit-scrollbar {
    height: 15px;
}

.tableitem::-webkit-scrollbar-track {
    background: #e5e5e5;
}

.tableitem::-webkit-scrollbar-thumb {
    background: #e5e5e5;
}

.tableitem::-webkit-scrollbar {
    width: 12px;
}

.tableitem::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #e5e5e5;
}

.tableitem::-webkit-scrollbar-thumb {
    background-color: rgba(0, 159, 222, 1);
    border-radius: 10px;
}

.tablebox.tablexnsc .tableitem {
    box-sizing: inherit;
    overflow-x: hidden;
    white-space: inherit;
}

.tablewrap .tit {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 15px;
}

.tablewrap .cap {
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 0;
    color: #676767;
}

.tablewrap table {
    margin: 0 0 10px 0;
}

table .paleblue a {
    font-size: 1em;
}


/*-------------------------------
Link Menu List Type
-------------------------------*/

.c_page .linkmenuxs {
    padding: 25px 15px 20px 15px;
    margin-top: 30px;
}

.linkmenu .linkmenuxs ul,
.contentboxxb ul {
    display: block;
}

.linkmenu .linkmenuxs ul > li,
.contentboxxb ul > li {
    width: 100%;
    margin-bottom: 7px;
}

.linkmenu .linkmenuxs ul > li > a,
.contentboxxb ul > li > a {
    font-size: 1.6rem;
}

.linkmenu .linkmenuxs ul > li > a:before,
.contentboxxb ul > li > a:before {
    width: 16px;
    height: 16px;
    top: 4px;
}

.linkmenu .linkmenuxs ul > li > a > p,
.contentboxxb ul > li > a > p {
    font-size: 1.6rem;
    line-height: 1.2;
}

/*-------------------------------
Link Menu Button Type
-------------------------------*/

.c_page .linkmenu .linkmenuxs ul {
    display: block;
}

.c_page .linkmenuxnm .colx3 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
}

/*
.c_page .linkmenuxnm ul.colx3 {
    gap: 20px;
}
*/

.c_page .linkmenuxnm ul.colx3 .btn a {
    font-size: 1.5rem;
    width: 100%;
    max-width: 350px;
    padding: 20px 45px 20px 15px;
    text-decoration: none;
    color: #212121;
}

.c_page .linkmenuxnm .colx3 .btn {
    width: 100%;
    margin: 0 0 0 0;
    margin-bottom: 20px;
}

.c_page .btnxcoa {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 10px auto 0 auto;
}

.c_page .btnxcoa a {
    font-size: 1.5rem;
    width: 100%;
    height: auto;
    max-width: 100%;
    padding: 20px 45px 20px 15px;
    text-decoration: none;
    color: #212121;
}

.c_page .itemx04 li .btnxcoa a {
    font-size: 1.5rem;
}

.tabitem {
    padding: 30px 3% 10px 3%;
}

/*
.tabitem .outlinebox {
    background: #f2f2f2;
}
*/

.tabitem .linkmenuxnm {
    margin-bottom: 20px;
}

.tabitem .outlinebox {
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 10px 2% 0 2%;
}

.outlinebox {
    width: 92%;
    margin: 0 auto 20px auto;
    padding: 0 3% 0 3%;
}

.outlinebox .hl {
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
}

.clubtxtlinkmenu .listx03 {
    padding-top: 0;
}

.clubtxtlinkmenu .listx03 li {
    width: 100%;
}

.clubtxtlinkmenu .listx03 li a {
    display: block;
}

.listx03 li:last-child,
.listx03 li:nth-last-child(2):nth-child(odd) {
    border-bottom: 1px solid #d1d1d1;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

.listx03 li:last-child {
    border-bottom: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.programintrobox .contentbox {
    max-width: 100%;
    padding: 0 0 0 0;
}

.programintrobox .txtwrap {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    color: #272727;
    padding: 0 0 30px 0;
    display: block;
}

.programintrobox .txtwrap .imgbox {
    width: 100%;
}

.programintrobox .txtwrap .txtbox {
    width: 92%;
    margin: 0 auto 0 auto;
    font-size: 1.4rem;
}

.programintrobox .txtwrap .imgbox img {
    width: 100%;
    display: inline-block;
}


.btnxcri a {
    font-size: 1.5rem;
    width: 100%;
    max-width: 350px;
    padding: 20px 45px 20px 15px!important;
    text-decoration: none;
    color: #212121;
}


/*-------------------------------
Conventional - News
-------------------------------*/

.ptitboxxtl .ptit {
    font-size: 1.7rem;
    line-height: 1.4;
    margin-top: 8px;
}

.ptitboxxtl .ptit > div {
    font-size: 1em;
    line-height: 1.4;
}

.ptitboxxtl .cat p {
    font-size: 2.8vw;
    font-size: 1.0rem;
}

/*-------------------------------
Conventional - parents
-------------------------------*/

.img3wrap {
    max-width: 100%;
}

.img3wrap.col1, .img3wrap.col2, .img3wrap.col3 {
    flex-direction: row !important;
    justify-content: space-between !important;
}

.img3wrap.col1 .img3wrapinner, .img3wrap.col2 .img3wrapinner, .img3wrap.col3 .img3wrapinner {
    width: 100%;
}

.img3wrap.col1.spcol2 .img3wrapinner,
.img3wrap.col2.spcol2 .img3wrapinner,
.img3wrap.col3.spcol2 .img3wrapinner {
    width: 49%;
}

.itemx04 li .hl {
    font-size: 1.4rem;
    margin: 10px auto 0;
}

.lines1 {
    font-size: 1.6em;
}

.linkmenuxl li {
    margin-top: 0;
    margin-bottom: 30px;
}

.linkmenuxl .itemx04 li {
    width: 100%;
}

.itemx04 li .txtbox {
    width: 100%;
    font-size: 1.3rem;
    text-align: left;
    margin: 5px auto 0 auto;
}

.itemx04 li a {
    text-decoration: none;
    color: #cb4100;
}

/*====================*/

.itemx08 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.itemx08 li {
    width: 49%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.itemx08 li .txtbox {
    width: 90%;
    font-size: 1.1rem;
    padding: 0 10% 0 0;
    margin: 10px auto 15px auto;
    background: #e5eef6 url(/WSR/arrow/04_r.png) no-repeat right center;
    background-size: 7% auto;
}

.linkmenuxsad .itemx08 li .txtbox {
    background: #e5eef6 url(/WSR/arrow/04_r.png) no-repeat right center;
    background-size: 3.5% auto;
    margin: 8px auto 8px auto;
    font-size: 1.1rem;
    }

.itemx08 li a {
    text-decoration: none;
    color: #212121;
}

.pagemenu .itemx08 li p {
    font-size: 1.5rem;
    background: transparent;
    margin-bottom: 10px;
}


/*====================*/

/*=========================================
詳細ページ : リスト
=========================================*/

/*
.PageBodyList {
    padding: 25px 15px 20px 15px;
}
*/

.PageBodyList ul {
    display: block:
}

.PageBodyList ul li,
.PageBodyList ol li {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}

.PageBodyList ul > li a {
    font-size: 1.6rem;
}

.LeftParamB .Inner {
/*    padding-top: 40px;*/
    margin: 20px 0 40px;
}

.PageBodyAnchor > ul {
    display: block;
    margin-bottom: 20px;
}

.PageBodyAnchor > ul > li {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 252px;
}

.PageBodyAnchor > ul > li a {
    min-height: 50px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.PageBodyRInfo .PageBodyRInfoLink {
    font-size: 1.5rem;
}

.PageBodyBtn a {
    font-size: 1.4rem;
    margin-top: 30px;
}

.ggmap {
    margin-top: 20px;
}

/*-------------------------------
PICKUP
---------------------------------*/

.pageTagWrap {
    margin-bottom: 30px;
}

/*-------------------------------
moviewrap
---------------------------------*/

.movie-wrap{
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
    margin:4.0em 0 0;
}

.movie-wrap-first{
    margin-top:1.5em;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.listx03 li {
    position: relative;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

.listx03 li:last-child {
    border-bottom: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

/*-------------------------------
modification_22
---------------------------------*/

.ancmenu .colx3 {
    flex-direction: row;
}

.ancmenu .btnxcba02 {
    width: 48%;
}