/* ------------------------------------- 全体 ------------------------------------- */
.biz-udgothic-regular {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
html{
    font-size: 16px;
    line-height: 1.7;
    scroll-padding-top: 2rem;
}
@media (max-width: 640px) {
  html {
    font-size: 14px;
    width: auto;
  }
}
body{
    width: auto;
    font-family: "BIZ UDGothic";
    background-color: #dbe1e9;
    margin: 0;
    padding-top: 2rem;

}
main{
    width: auto;
    overflow: hidden;
    justify-content: space-around;
}
h1{
    height: 100%;
    color: #eeeeee;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: lighter;
    letter-spacing: 0.15em;
    text-align: center;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
@media (max-width: 640px) {
  h1 {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
}
h2{
    margin: 0;
    padding: 0;
    font-size: medium;
    text-align: left;
}
h3{
    margin: 0;
    padding: 0;
    font-size: medium;
    text-align: left;
}
h4{
    margin: 0;
    padding: 0;
    font-size: medium;
    text-align: left;
}
a {
    color: #1558d6;
    text-decoration:underline;
    text-decoration-thickness: 0.5px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
}
a:any-link {
    color: #1558d6;
    text-decoration:underline;
    text-decoration-thickness: 0.5px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
}
@media (max-width: 640px) {
  .he {
    display: block;
  }
}
/* ------------------------------------- header_navi ------------------------------------- */
.header_0{
    width: 100%;
    height: 2rem;
    border-bottom: 0.3px solid #caccce;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color:#eff3ff;
    position: fixed;
    top: 0;
    z-index: 100;
}
.header_navi {
    width: 100%;
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
}
.div_navi{
    width: 50%;
    height: 100%;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
}
@media (max-width: 640px) {
  .div_navi {
    width: 100%;
  }
}
.navi {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.navi ol {
    width: 100%;
    height: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.li_navi_0{
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    letter-spacing: 0.1em;
    margin-top: 3px;
}
@media (max-width: 640px) {
  .li_navi_0 {
    font-weight: 300;
    letter-spacing: 0;
  }
}
.li_navi_1{
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    letter-spacing: 0.1em;
    margin-top: 3px;
}
@media (max-width: 640px) {
  .li_navi_1 {
    font-weight: 300;
    letter-spacing: 0;
  }
}
.li_navi_1 a::before {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #3f495c;
    content: ">";
    font-size: 80%;
    font-weight: bold;
    padding: 0 1rem;
    margin-top: 2px;
    text-decoration:none;
}
@media (max-width: 640px) {
  .li_navi_1 a::before {
    padding: 0 0.4rem;
  }
}
.a_navi {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #3f495c;
    text-decoration:none;
}
@media (max-width: 640px) {
  .a_navi {
    width: 100%;
  }
}
.a_navi:any-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #3f495c;
    text-decoration:none;
}
/* ------------------------------------- header_titlebar ------------------------------------- */
.header_1{
    width: auto;
    height: 3rem;
    display: flex;
    flex-direction: column;
    background-color:#424957;
    margin-bottom: 0;
    padding: 0;
    z-index: 1;
}
.header_title {
    width: 100%;
    height: 100%;
}
.div_title{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    margin: 0 auto;
}
@media (max-width: 640px) {
  .div_title {
    width: 100%;
  }
}
.div_titlebar_00{
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
}
@media (max-width: 640px) {
  .div_titlebar_00 {
    display: none;
  }
}
.a_titlebar_00{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.img_titlebar_00{
    max-width: auto;
    max-height: 80%;
    display: flex;
    margin: auto;
}
.div_titlebar_01{
    min-width: 75%;
    height: 100%;
    display: flex;
    align-items: center;
}
.img_titlebar_01{
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.div_titlebar_11{
    width: 60%;
    height: 100%;
}
@media (max-width: 640px) {
  .div_titlebar_11 {
    width: 100%;
  }
}
.img_titlebar_02{
    max-width: 100%;
    max-height: 100%;
}
.div_titlebar_12{
    width: 15%;
    height: 100%;
}
@media (max-width: 640px) {
  .div_titlebar_12 {
    width: 0%;
  }
}
.div_titlebar_03{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position:fixed;
    top: 2.3em;
    right: 25%;
    z-index: 100;
}
@media (max-width: 640px) {
  .div_titlebar_03 {
    width: 1.8rem;
    height: 1.8rem;
    top: 1.5px;
    right: 1.5px;
  }
}
.a_titlebar_03{
    width: 100%;
    height: 100%;
    display: flex;
}

.img_titlebar_03{
    width: 100%;
    height: 100%;
    filter: brightness(0) saturate(100%) invert(77%) sepia(34%) saturate(669%) hue-rotate(167deg) brightness(100%) contrast(93%) opacity(70%);
}
/* ------------------------------------- header_menu ------------------------------------- */
.header_2{
    height: auto;
    width: 50%;
    background-color: #f9f9ff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    margin-bottom: 0.5rem;
}
@media (max-width: 640px) {
  .header_2 {
    width: 100%;
  }
}
.div_header_menu_mv{
    height: auto;
    width: 100%;
    background-color: #dbe1e9;
    display: flex;
    flex-direction: row;
    padding-top: 0.5rem;
    z-index: 10;
}
.img_header_menu_mv{
    width: 100%;
}
.div_header_menu_button{
    height: auto;
    width: 50%;
    display: flex;
    flex-direction: row;
}
@media (max-width: 640px) {
  .div_header_menu_button {
    width: 100%;
  }
}
.a_header_menu {
    height: 3rem;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3f495c;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration:none;
    letter-spacing: 0.1rem;
    border: 0.1px solid rgba(215, 222, 243, 0.4);
    border-collapse: collapse;
    box-sizing: border-box;
}
.a_header_menu:any-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #3f495c;
    text-decoration:none;
}
.div_header_menu_button_inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
/* ------------------------------------- header_banner ------------------------------------- */
.header_3{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
}
/* ------------------------------------- footer_site ------------------------------------- */
.footer_site{
    width: auto;
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    bottom: 0;
    border-top: 0.3px solid #919498;
    background-color:#f0f0f0;
}
.sec_footer_site{
    width: 100%;
    height: 0rem;
}
.div_footer_site{
    width: 50%;
    align-content: center;
    margin: 0 auto;
}
/* ------------------------------------- footer_base ------------------------------------- */
.footer_base{
    width: auto;
    height: 3rem;
    background-color:#424957;
    display: flex;
    flex-direction: column;
    bottom: 0;
}
.sec_footer_base{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 0;
}

.div_footer_base_0{
    width: 25%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-around;
    vertical-align: middle;
    text-align: center;
    padding: 0.3rem 0 0.3rem 0;
}
@media (max-width: 640px) {
  .div_footer_base_0 {
    width: 100%;
  }
}
.div_footer_base_0 a{
    width: 33.3%;
    font-size: 12px;
    color: #fbfcff;
    letter-spacing: 0.05rem;
    text-decoration: none !important;
}
@media (max-width: 640px) {
  .div_footer_base_0 a{
    width: auto;
  }
}
.div_footer_base_1{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-around;
    vertical-align: middle;
    text-align: center;
    bottom: 0;
}
@media (max-width: 640px) {
  .div_footer_base_1 {
    width: 100%;
  }
}
.a_footer_base_1{
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.1rem;
    color: #fbfcff !important;
    display: flex;
    margin: 0;
    bottom: 0;
    text-decoration: none !important;
}

/* ------------------------------------- create_gamemenu ------------------------------------- */
.div_gamemenu{
    width: 95%;
    height: auto;
    background-color: #f9f9ff;
    display: flex;
    flex-direction: column;
}
@media (max-width: 640px) {
  .div_gamemenu {
    width: 100%;
  }
}
.div_gamemenuinner{
    font-size: 15px;
    width: 100%;
    height: auto;
    display: flex;
    margin: 0 auto;
    padding: 0;
    outline: 0.1px solid rgba(215, 222, 243, 0.4);
    outline-offset: -0.1px;

}
.h2_gamemenu{
    font-size: 16px;
    color: #3a3f49;
    font-weight: 700;
    letter-spacing: 0.05rem;
    height: 3.5rem;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
}
.h3_gamemenu{
    font-size: 16px;
    color: #3a3f49;
    font-weight: 600;
    letter-spacing: 0.05rem;
    height: 2.5rem;
    margin: 0 0 0 0.5rem;
    padding-left: 1rem;
    display: flex;
}
.h4_gamemenu{
    font-size: 14px;
    color: #3a3f49;
    font-weight: 300;
    letter-spacing: 0.05rem;
    height: 2.5rem;
    margin: 0 0 0 0.5rem;
    display: flex;
}
.img_h4_gamemenu{
    height: 1.8rem;
    width: 1.8rem;
    display: flex;
    margin: auto 0 auto 0;
    padding: 0 0 0 0.1rem;
    filter: brightness(0) saturate(100%) invert(65%) sepia(5%) saturate(4434%) hue-rotate(185deg) brightness(95%) contrast(92%);
}
.a_gamemenu:any-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #3f495c;
    text-decoration:none;
}
/* ------------------------------------- create_article_list ------------------------------------- */
.div_article_list {
    width: 70%;
    height: auto;
    border: solid #7e8ca3 0.1px;
    border-radius: 8px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.div_article_list_0 {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: linear-gradient(to right, #d1e5ff, #ffdaf7);
    border: 0;
    box-sizing: border-box;
}
.div_article_list_1 {
    width: auto;
    height: auto;
    background-color: #fafcff;
    padding: 0.5rem;
    margin: 2px;
    border-top: solid #a8c5f7 0.1px;
    border-radius: 4px;
    box-sizing: border-box;
}
.ul_article_list{
    height: auto;
    list-style: none;
    color: #0b0f16;
    margin: 1rem 0 1rem 1rem;
    padding: 0;
}
.a_article_list{
    display: flex;
    flex-direction: row;
    text-decoration: none !important;
}
.a_article_list :any-link{
    color: #3f495c;
}
.li_article_list{
    font-size: 15px;
    font-weight: 400;
    padding: 0.5rem 0.5rem 0.5rem 2rem;
    letter-spacing: 0.2rem;
    display: flex;
    flex-direction: row;
    text-align:left;
    align-items: center;
}
.p_article_list{
    color: #3f495c;
    margin: 0;
}
.img_article_list{
    width: 0.4rem;
    height: 0.7rem;
    filter: brightness(0) saturate(100%) invert(65%) sepia(5%) saturate(4434%) hue-rotate(185deg) brightness(95%) contrast(92%);
    padding: 0 1.2rem 0 0;
}
/* ------------------------------------- create_define_list ------------------------------------- */
.dl_define_list_0{
    width: 97%;
    height: auto;
    border: solid #989fac 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.dt_define_list_0{
    width: 100%;
    background-color: #e6edf5;
    border-bottom: solid #989fac 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.dd_define_list_0{
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 -0.1px;
}
.dl_define_list_1{
    width: 97%;
    border-top: solid #7e8ca3 0.1px;
    border-right: solid #7e8ca3 0.1px;
    border-left: solid #7e8ca3 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.dt_define_list_1{
    width: 30%;
    background-color: #edf1f5;
    border-right: solid #7e8ca3 0.1px;
    border-bottom: solid #7e8ca3 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.dd_define_list_1{
    width: 70%;
    border-bottom: solid #7e8ca3 0.1px;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 -0.1px;
}
.p_define_list{
    color: #424957;
    padding: 0.5rem;
}
/* ------------------------------------- create_bookpage_label ------------------------------------- */
.div_bookpage_0{
    width: 97%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 0.5rem;
}
.div_bookpage_front_0_0{
    width: 100%;
    height:39px;
    position: relative;
    background: #424957;
    padding: 0;
    border: solid rgba(168, 174, 202,0.5) 0.5px;
    border-top-right-radius: 2em 2em;
}
.div_bookpage_front_0_0_border{
    width: 90%;
    height: 35px;
    background-color: rgba(255, 255, 255, 0);
    border-top: solid 2px;
    border-left: solid 2px;
    border-top-right-radius: 2em 2em;
    border-image: linear-gradient(to right, #d1d1ff, #ffdaf7);
    border-image-slice: 1;
    border-collapse: collapse;
    position: absolute;
    top: 3px;
    left: 3px;
}
.div_bookpage_front_0_1_border{
    width: 10%;
    height: 35px;
    background-color: rgba(255, 255, 255, 0);
    border-top: solid #ffdaf7 2px;
    border-top-right-radius: 2em 2em;
    border-image-slice: 1;
    border-collapse: collapse;
    position: absolute;
    top: 3px;
    right: -3px;
}
.div_bookpage_front_0_1{
    width: 100%;
    height:10px;
    position: relative;
    background: #f9f9ff;
    padding: 0;
    border-top: solid rgba(168, 174, 202,0.5) 0.5px;
}
.div_bookpage_back_0{
    width: 50px;
    height: 40px;
    background:  linear-gradient(45deg, #46595e, #4b4c6b);;
    position: absolute;
    top: -2px;
    left: -1px;
    border-bottom: solid rgba(82, 84, 94, 0.5) 0.5px;
    border-left: solid rgba(82, 84, 94, 0.5) 0.5px;
    border-bottom-left-radius: 5px;
    border-collapse: collapse;
    transform: rotate(-70deg);
    z-index: 1;
}
.div_bookpage_back_0_border{
    width: 42px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    border: solid #ddeefa 2px;
    border-bottom-left-radius: 5px;
    border-collapse: collapse;
    right:0;
}
.img_label_star{
    width: 11px;
    height: auto;
    transform: rotate(0deg);
    transform: scale(1, -1);
    filter: brightness(0) saturate(100%) invert(86%) sepia(9%) saturate(1514%) hue-rotate(169deg) brightness(103%) contrast(104%);
    position: absolute;
    top: 16px;
    left: 10px;
}
.img_label_circle{
    width: 5px;
    height: auto;
    transform: rotate(0deg);
    transform: scale(1, -1);
    filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(2672%) hue-rotate(176deg) brightness(100%) contrast(94%);
    position: absolute;
    top: 21px;
    left: 27px;
}
.img_label_orb{
    width: 3px;
    height: auto;
    transform: rotate(0deg);
    transform: scale(1, -1);
    filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(2672%) hue-rotate(176deg) brightness(100%) contrast(94%);
    position: absolute;
    top: 18px;
    left: 20px;
}
.div_bookpage_space_0_0{
    width: 75px;
    height: 32px;
    background-color: #f9f9ff;
    position: absolute;
    top: -15px;
    left: -18px;
    border-bottom: solid rgba(168, 174, 202,0.5) 0.5px;
    transform: rotate(-35deg);
    z-index: 1;

}
.div_bookpage_space_0_1{
    width: 80px;
    height: 20px;
    background-color: #f9f9ff;
    position: absolute;
    top: -20px;
    z-index: 2;
}
.div_bookpage_space_0_2{
    width: 4px;
    height: 50px;
    background-color: #f9f9ff;
    position: absolute;
    left: -4px;
    z-index: 2;
}
.h3_bookpage_0{
    font-size: 16px;
    color: #fbfcff;
    font-weight: 400;
    letter-spacing: 0.4rem;
    position: absolute;
    padding: 0.7rem 0 0 3.8rem;
}
/* ------------------------------------- create_article_label ------------------------------------- */
.div_h4_article_label{
    width: 97%;
    height: auto;
    border-bottom: solid #323946 0.1px;;
    justify-content: left;
    display: flex;
    flex-direction: row;
}
.div_h4_article_spacer_0{
    width: 4px;
    height: auto;
    background-color: #424957;
    border-right: solid #d1d1ff 2px ;
    padding-top: 0.5rem;
}
.div_h4_article_spacer_1{
    width: 4px;
    height: auto;
    background-color: #424957;
    padding-top: 0.5rem;
}
.h4_article_label{
    font-size: 16px;
    color: #21252b;
    font-weight: 600;
    letter-spacing: 0.25rem;
    padding: 0.7rem;
}
.div_p_article_label{
    width: 97%;
    justify-content: left;
    padding: 1rem 0 1rem 0;
}
.p_article_label{
    font-size: 15px;
    color: #21252b;
    font-weight: 500;
    letter-spacing: 0.05rem;
    padding: 0 0.5rem 0 0.5rem;
}
/* ------------------------------------- insert_article_banner ------------------------------------- */
.div_article_banner{
    width: 97%;
    height: auto;
}
/* ------------------------------------- create_datatable ------------------------------------- */
.table_record_0{
    width: 97%;
    color: #3e3e3f;
    border-collapse: collapse;
    margin: 0;
}
.table_record_0 thead tr th{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border: 0.1px solid rgba(152, 162, 192, 0.4);
    border-collapse: collapse;
    margin: 0;
    padding: 0.6rem;
    letter-spacing: 0.3rem;
}
.table_record_0 tbody tr td{
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    border: 0.1px solid rgba(152, 162, 192, 0.4);
    border-collapse: collapse;
}
.tr_datatable_0 td{
    background-color: #fdfdff;
    padding: 0.3rem 0 0.3rem 0;
}
.tr_datatable_1 td{
    background-color: #efeff1;
    padding: 0.3rem 0 0.3rem 0;
}
.tr_datatable_2 td{
    background-color: #4d5666;
    color: #fdfdff;
    letter-spacing: 0.2rem;
    padding: 0.5rem;
}
.tr_datatable_3 td{
    background-color: rgba(188, 198, 228, 0.4);
    padding: 0.3rem 0 0.3rem 0;
}
.r100_10{
    width: 10rem;
}
.r75_10{
    width: 7.5rem;
}
.r45_10{
    width: 4.5rem;
}
.r35_10{
    width: 3.5rem;
}
.r18_10{
    width: 1.8rem;
}
.r15_10{
    width: 1.5rem;
}
.r10_10{
    width: 1.0rem;
}
.r5_10{
    width: 0.5rem;
}
.p50_100{
    width: 50%;
}
.p500_10{
    width: 50%;
}
.p180_10{
    width: 18.0%;
}
.p143_10{
    width: 14.3%;
}
.p120_10{
    width: 12.0%;
}
.p100_10{
    width: 10.0%;
}
.p50_10{
    width: 5.0%;
}
.tablefontsize_small{
    font-size: 10px !important;
}
.tablefontcolor_purple{
    color: #a77fe7;
}
.tablefontcolor_gray{
    color: #aaaaaa;
}
.tablefontcolor_green{
    color: #009bd8;
}
.noborder_right{
    border-right: none !important;
}
.noborder_both{
    border-right: none !important;
    border-left: none !important;
}
.noborder_left{
    border-left: none !important;
}
.a_left{
    text-align: left !important;
    padding-left: 0.2rem !important;
}
/* ------------------------------------- create_link_sentence ------------------------------------- */
.a_link_sentence{
    width: 97%;
    text-decoration: none !important;
    display: flex;
    flex-direction: row;
    padding: 0.2rem 0 0.2rem 1rem;
    justify-content: flex-start;
    align-items: center;
}
.img_link_sentence{
    height: 1.5rem;
    width: auto;
    filter: brightness(0) saturate(100%) invert(65%) sepia(5%) saturate(4434%) hue-rotate(185deg) brightness(95%) contrast(92%);
}
.p_link_sentence{
    font-size: 15px;
    color: #21252b;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
/* ------------------------------------- main section ------------------------------------- */
.sec_main{
    width: auto;
    display: flex;
    flex-direction: column;
    align-content: center;
}
.h2_top{
    color: #006811;
}
.h3_top{
    color: #006811;
}
.h4_top{
    color: #006811;
}
.div_side_0{
    width: 25%;
}
@media (max-width: 640px) {
  .div_side_0 {
    width: 0%;
  }
}
.div_side_1{
    width: 25%;
}
@media (max-width: 640px) {
  .div_side_1 {
    width: 0%;
  }
}
.div_main{
    width: 50%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    margin: 0 auto;
}
@media (max-width: 640px) {
  .div_main {
    width: auto;
  }
}
.sec_content_0{
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    margin: 0 auto;
}
@media (max-width: 640px) {
  .sec_content_0 {
    width: 100%;
  }
}
.div_content_0{
    width: 100%;
}
.sec_content_1{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    margin: 0 auto;
}
@media (max-width: 640px) {
  .sec_content_1 {
    width: 100%;
  }
}
.div_content_spacer{
    padding-top: 1rem;
}
.div_content_horizon{
    width: 80%;
    border-top: solid 0.1px;
    border-image: linear-gradient(to right, #cff1dd, #e6c6d5) 1;
}
.div_salesinfomation{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-content: center;
    margin: 0 auto;
}
.div_mv{
    width:60%;
    height:auto;
}
.img_mv{
    max-width: fit-content;
    height: auto;
}
.div_gamedescription{
    width: 40%;
    height: auto;

}
.div_content_1{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.div_content_1_inner{
    width: 100%;
    background-color: #f9f9ff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.div_content_label{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 1rem 0 1rem 0;
}
.img_content_label{
    width: 1.4rem;
    height: auto;
    filter: brightness(0) saturate(100%) invert(83%) sepia(11%) saturate(560%) hue-rotate(144deg) brightness(104%) contrast(97%);
    padding: 0.05rem 0.6rem 0 0.4rem;
}
.h2_content_label{
    display: flex;
    flex-direction: row;
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
    padding-left: 2.5rem;
    margin: 0;
}
.div_content_read{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin: 0;
}
.p_content_read{
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: 15px;
    color: #21252b;
    font-weight: 500;
    letter-spacing: 0.05rem;
    padding: 0 1.5rem 0 1.5rem;
}

/* ------------------------------------- index ------------------------------------- */

.div_index_card{
    width: 97%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.a_index_card{
    width: 24%;
    aspect-ratio: 1;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}
.img_index_card{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.h2_index_card{
    color: #21252b;
    font-size: 13px;
    position: absolute;
    bottom: 3px;
    z-index: 2;
    -webkit-text-stroke-width: 0.0px;
    -webkit-text-stroke-color: rgb(199, 199, 199);
    text-decoration: none;
    padding: 0 1rem 0 1rem;
}