@charset "utf-8";
#sys_box{
      font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", 'Noto Serif', "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
    margin:40px 0 ; 
}
.sys_top_ul {
    width: 90%;
    display: table;
    margin: 20px auto;
}
.sys_top_co {
    margin: 50px 0;
}
.sys_top_li {
    display: table-cell;
    text-align: center;
    width: 33.3%;
    color: #927F46;
}
.sys_top_li_b {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #927F46;
    width: 200px;
    height: 200px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    font-size: 24px;
}
.sys_top_txt_box {
    width: 90%;
    margin: 20px auto;
    border: 1px solid #28283c;
    box-sizing: border-box;
    padding: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #28283c;
}

.sys_contetns_box {
    margin-top: 60px;
}
.sys_ttl {
    text-align: center;
    margin-bottom: 20px;
}
span.h3_en {
    font-size: 28px;
}
.h3_en_2 {
    font-size: 28px;
}
.sys_ttl h3{
    font-size: 16px;
     color: #28283c;
}
.sil_c{
     color: #868686;
}
.gold_c{
    color:#DBC165;
}

.price-ul {

    margin-bottom: 2%;
}
.price-li {
    display: table;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
}
.price-l, .price-r {
    display: table-cell;
    box-sizing: border-box;
    width: 50%;
    padding: 2% 0;
    text-align: center;
    font-size: 30px;
}

.price-li_2 {
    display: table;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
}
.price-l_2, .price-r_2 {
    display: table-cell;
    box-sizing: border-box;
    width: 50%;
    padding: 2% 0;
    text-align: center;
    font-size: 30px;
}
.price_s {
    font-size: 20px;
}
.price_c{
    font-size: 16px;
}


.play_bg{
    padding:30px 0; 
        background: #efeff0 url(../images/play.jpg) center center no-repeat;
    background-size: cover;
}
.play_ttl {
    text-align: center;
    margin-bottom: 20px;
}
.play_ttl  h3{
    font-size: 16px;
     color: #fff;
     text-shadow: 1px 2px 3px #000000;
}

.bas_c{
    color: #fff;
    text-shadow: 1px 2px 3px #000000;
}
.bas_c_2{
    color: #fff;

}
.play_box {
    width: 90%;
    margin: 0 auto;
    display: table;
    font-size: 0;

}
.play_list {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin: 2%;
    width: 20%;
    text-shadow: 1px 2px 3px #000000;
    text-align: center;
}
.play_caution {
    width: 90%;
    margin: 20px auto;
    border: 1px solid #28283c;
    box-sizing: border-box;
    padding: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #28283c;
    background: rgb(255 255 255 / 87%);
}
.p3_c{
    color:#28283c;
}

.pr_sli {
    background: #868686;
    background: -moz-linear-gradient(left, #868686 0%, #b4b4b4 25%, #838383 50%, #b2b2b2 75%, #818181 100%);
    background: -webkit-linear-gradient(left, #868686 0%,#b4b4b4 25%,#838383 50%,#b2b2b2 75%,#818181 100%);
    background: linear-gradient(to right, #868686 0%,#b4b4b4 25%,#838383 50%,#b2b2b2 75%,#818181 100%);
    color: #fff;
    font-size: 16px;
    padding: 2px 7px;
    margin-right: 8px;
    vertical-align: middle;
}

.pr_gol {
    background: #c1a454;
    background: -moz-linear-gradient(left, #c1a454 0%, #f0d773 25%, #bd9e4c 50%, #f1d874 75%, #b6994d 100%);
    background: -webkit-linear-gradient(left, #c1a454 0%,#f0d773 25%,#bd9e4c 50%,#f1d874 75%,#b6994d 100%);
    background: linear-gradient(to right, #c1a454 0%,#f0d773 25%,#bd9e4c 50%,#f1d874 75%,#b6994d 100%);
    color: #fff;
    font-size: 16px;
    padding: 2px 7px;
    margin-right: 8px;
    vertical-align: middle;
}

.pr_pla {
    background: #5081A8;
    background: -moz-linear-gradient(left, #5081A8 0%, #7CA1BD 25%, #BFD1DF 50%, #7CA1BD 75%, #5081A8 100%);
    background: -webkit-linear-gradient(left, #5081A8 0%,#7CA1BD 25%,#BFD1DF 50%,#7CA1BD 75%,#5081A8 100%);
    background: linear-gradient(to right, #5081A8 0%,#7CA1BD 25%,#BFD1DF 50%,#7CA1BD 75%,#5081A8 100%);
    color: #fff;
    font-size: 16px;
    padding: 2px 7px;
    margin-right: 8px;
    vertical-align: middle;
}
.tra_bg{
    padding:30px 0; 
    background: #efeff0 url(../images/tra.jpg) center center no-repeat;
    background-size: cover;
}
.tra_bo {
    width: 90%;
    margin: 0 auto;
    background: rgb(40 40 60 / 80%);
    box-sizing: border-box;
    padding: 15px 0;
    color: #fff;
}
.tra-ul {

    margin-bottom: 2%;
}
.tra-li {
    display: table;
    width: 100%;
    border-bottom: 1px solid #fff;
}
.tra-l, .tra-r {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    width: 50%;
    padding: 2% 0;
    text-align: center;
    font-size: 30px;
}
.tra_txt {
    width: 90%;
    margin: 20px auto;
    box-sizing: border-box;
    padding: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}

.use_txt_box {
    width: 90%;
    margin: 0 auto;
}
.use_txt {
    font-size: 20px;
    color: #28283c;
    margin-bottom: 20px;
}

.use_num {
    color: #927F46;
    /* font-weight: bold; */
    font-size: 32px;
    padding-right: 10px;
}

.pay_bg {
    background: #F4F2F1;
    padding: 30px 0;
}
.pay_ttl {
    text-align: center;
    margin-bottom: 20px;
}
.pay_ttl h3 {
    font-size: 16px;
    color: #927F46;
}
.pay_c {
    color: #927F46;
}

.pay_txt {
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 36px;
}
.pay_caution {
    font-size: 16px;
    margin-top: 20px;
}



.caution_box {
    background: #647b8b;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    max-width: 920px;
    box-sizing: border-box;
    padding: 2%;
}

.tokutei_box {
    background: #93b4cb;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    max-width: 920px;
    box-sizing: border-box;
    padding: 2%;
}
.tokute_txt_box{
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
}
.okutei_txt_sub_txt {
    box-sizing: border-box;
    padding: 1% 2%;
}
.caution_txt_top {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
}

.caution_txt_bottom {
    font-size: 16px;
    line-height: 32px;
}

.pla_a {
    color: #a10420;
}
.sys_ask_txt {
    text-align: center;
    font-size: 30px;
}
.tokutei_txt_sub {
    margin: 20px 0;
}





@media screen and ( max-width:820px){

.play_list {
    font-size: 18px;
}
.tra_bo {
    width: 90%;
    margin: 0 auto;
    background: rgb(40 40 60 / 80%);
    box-sizing: border-box;
    padding: 15px 4%;
    color: #fff;
}


}

@media screen and ( max-width:414px){

.sys_top_txt_box {
    width: 90%;
    margin: 20px auto;
    border: 1px solid #28283c;
    box-sizing: border-box;
    padding: 20px;
    line-height: 30px;
    font-size: 14px;
    color: #28283c;
}
.sys_ask_txt {
    text-align: center;
    font-size: 18px;
}
    .sys_top_li_b {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #927F46;
    width: 100px;
    height: 100px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    font-size: 14px;
}
.price-l{
    display: table-cell;
    box-sizing: border-box;
    width: 70%;
    padding: 2% 0;
    text-align: center;
    font-size: 18px;
}
.price-r {
    display: table-cell;
    box-sizing: border-box;
    width: 30%;
    padding: 2% 0;
    text-align: center;
    font-size: 18px;
}
.price-l_2, .price-r_2 {
    font-size: 18px;
}
.price_s {
    font-size: 14px;
}
.price_c {
    font-size: 14px;
}

.play_list {

    margin: 1%;
    width: 48%;

}

.play_caution {
    width: 90%;
    margin: 20px auto;
    border: 1px solid #28283c;
    box-sizing: border-box;
    padding: 20px;
    line-height: 32px;
    font-size: 14px;
    color: #28283c;
    background: rgb(255 255 255 / 87%);
}


.tra_txt {
    width: 100%; 
    margin: 20px auto;
    box-sizing: border-box;
    padding: 20px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}

.tra-l {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    width: 25%;
    padding: 2% 0;
    text-align: center;
    font-size: 18px;
}
.tra-r{
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 2% 0;
    text-align: center;
    font-size: 18px;
}

.use_txt {
    font-size: 16px;
    color: #28283c;
    margin-bottom: 20px;
}
.pay_caution {
    font-size: 14px;
    margin-top: 20px;
}

.caution_box {

    color: #fff;
    width: 90%;
    margin: 0 auto;
    max-width: 920px;
    box-sizing: border-box;
    padding: 2% 5%;
}

.h3_en_2 {
    font-size: 24px;
}

}