html {
    /* 1rem = 100px */
    font-size: 100px;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 0.16rem;
    color: rgb(31, 31, 31);
    width: 100%;
    min-width: 3.2rem;
    margin: 0;
    padding: 0;
    height: auto;
}

p {
    font-size: 0.13rem;
}

.imp {
    width: 100%;
    top: 0px;
    left: 0;
    text-align: center;
    background-color: rgb(150, 150, 150);
}

.container {
    width: 100%;
    margin: 0 auto;
}

.top_img {
    width: 100%;
    margin: 0;
}

h1 {
    font-weight: 600;
    text-align: center;
    line-height: 1;
    margin-bottom: 0.05rem;
}

h2 {
    font-weight: 600;
    text-align: center;
    line-height: 1;
    margin-bottom: 0.03rem;
}

h3 {
    font-weight: 900;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0.03rem;
}

a {
    color: rgb(91, 121, 219);
}

.material-icons {
    margin-left: 0.02rem;
    font-size: 0.13rem;
    color: rgb(91, 121, 219);
}


.conta {
    margin: 0.8rem auto;
}

.corona_link {
    text-align: center;
}

.corona_link a {
    font-weight: 700;
    display: block;
    width: 80%;
    padding: 0.05rem 0.2rem;
    margin: 0 auto 80px auto;
    font-size: 0.14rem;
    font-weight: 600;
    color: rgb(242, 247, 247);
    border: solid 0.02rem rgb(242, 247, 247);
}

.corona_link a:hover {
    background-color: rgb(242, 247, 247);
    color: rgb(1, 7, 12);
    text-decoration: none;
}

.conta_title {
    width: 95%;
    margin: 0 2.5%;
}

/* 観覧車コラボのタイトル用 */
.conta_title_big {
    width: 100%;
    margin: 0;
}

.sub_title {
    margin: 0.2rem 2.5% 0.15rem 2.5%;
}

.sub_title_t {
    margin: 0 2.5% 0.15rem 2.5%;
}

/* スペシャルゴンドラ表記用 */
.sub_title_p {
    margin: 0.2rem 2.5% 0.03rem 2.5%;
}

.tyuuigaki {
    font-weight: 500;
    text-align: center;
    font-size: 0.11rem;
    margin-bottom: 0.2rem;
    color: rgb(150, 150, 150);
}

.mongon_ten {
    width: 100%;
    margin-top: 0.3rem;
    padding: 0 5% 0 7%;
}

.mongon_title {
    font-size: 20px;
    font-weight: 900;
    color: rgb(184, 128, 44);
    margin: 0.1rem 0;
}

.mongon_title::before {
    display: inline-block;
    position: relative;
    content: "";
    top: 0.07rem;
    width: 0.07rem;
    height: 0.28rem;
    margin-right: 0.05rem;
    background-color: rgb(184, 128, 44);
}



.mongon_ten ul {
    margin: 0 3% 0 5%;
}

.mongon_ten li {
    font-weight: 500;
    font-size: 0.13rem;
    margin-bottom: 0.1rem;
}

.mongon_ten li {}

.mongon_ten ul li span {
    color: rgb(91, 121, 219);
}

.backcolor {
    width: 75%;
    padding: 0.07rem 0.05rem;
    margin: 0.4rem auto 0.1rem auto;
    color: rgb(1, 7, 12);
    background-color: rgb(242, 247, 247);
    border-radius: 0.5rem;
}

.mongon_list {
    width: 100%;
    margin-top: 0.3rem;
    padding: 0 5% 0 7%;
}

.mongon_list ul {
    margin: 0 3% 0 5%;
    list-style: none;
}

.mongon_list li {
    font-weight: 500;
    font-size: 0.13rem;
    margin-bottom: 0.1rem;
}

.mongon_list .span01 {
    float: left;
}

.mongon_list .span02 {
    display: block;
    margin-left: 0.65rem;
}

.mongon_num {
    width: 100%;
    margin-top: 0.3rem;
    padding: 0 5% 0 7%;
}

.mongon_num ul {
    margin: 0 3% 0 5%;
    list-style-type: decimal-leading-zero
}

.mongon_num li {
    font-weight: 500;
    font-size: 0.13rem;
    margin-bottom: 0.1rem;
}

.backcolor_2 {
    width: 75%;
    padding: 0.07rem 0.05rem;
    margin: 0.8rem auto 0.1rem auto;
    color: rgb(1, 7, 12);
    background-color: rgb(242, 247, 247);
    border-radius: 0.5rem;
}

.backcolor_3 {
    width: 80%;
    padding: 0.07rem 0.05rem;
    margin: 0 auto 0.1rem auto;
    color: rgb(0, 166, 104);
    border: solid 1px rgb(0, 166, 104);
    border-radius: 0.5rem;
}

.backcolor_a {
    display: inline-block;
    width: 90%;
    height: auto;
    padding: 0.1rem 0.2rem;
    margin: 0.5rem 5% 0.1rem 5%;
    color: rgb(0, 166, 104);
    border: solid 2px rgb(0, 166, 104);
    font-size: 0.14rem;
}

.backcolor_a:hover {
    text-decoration: none;
    color: rgb(242, 247, 247);
    background-color: rgb(0, 166, 104);
}

.backcolor_a i {
    color: rgb(0, 166, 104);
    font-size: 0.15rem;
}

#corona_title01,
#corona_title02,
#corona_title03 {
    margin-top: 0.3rem;
}

.corona_box {
    width: 95%;
    margin: 0 2.5%;
    margin-top: 1.5rem;
    padding: 0.4rem 0.2rem;
    border: solid 0.005rem rgb(242, 247, 247);
}

.corona_box h3 {
    margin-bottom: 0.3rem;
    font-size: 0.2rem;
}

.corona_box p {
    font-size: 0.14rem;
    margin-bottom: 0.2rem;
}

.corona_box .mongon_ten {
    width: 100%;
    padding: 0 3% 0 3%;
}

.corona_box .mongon_ten ul {
    width: 100%;
}

#conta_07 {
    width: 95%;
    margin: 0 2.5%;
    text-align: center;
}

#conta_07 p {
    font-size: 0.13rem;
    margin-bottom: 0.3rem;
}

#conta_07 a {
    display: block;
    font-size: 0.12rem;
}

#conta_09 {
    margin-bottom: 0;
}

#conta_09 p {
    width: 95%;
    margin: 0 2.5%;
    font-size: 0.12rem;
    color: rgb(150, 150, 150);
    text-align: center;
}

#conta_05 {
    background-image: url(../../img02/image/960_17_bg.png);
    background-size: 200%;
    background-repeat: repeat-y;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

#conta_05 .sub_title_p {
    color: rgb(46, 46, 46);
}

#conta_05 span {
    color: rgb(46, 46, 46);
}

#conta_05 li {
    color: rgb(46, 46, 46);
}

.white_area {
    width: 100%;
    margin: 0.3rem 0%;
    text-align: center;
}

#item_top_img {
    width: 50% !important;
    margin: 0.6rem 0 0.2rem !important;
}

#item_list {
    width: 100%;
    text-align: center;
}

#item_list img {
    width: 70%;
    margin: 0 0 0.5rem 0;
}

.img_shadow {
    width: 90%;
    margin: 0.2rem 5% 0.1rem 5%;
    box-shadow: 0 0 5px 3px rgb(1, 7, 12, 0.3);
}

/* ポスター追加 */
.poster {
    margin: 10vh 0;
}

.poster img {
    width: 100%;
}


footer {
    bottom: 0;
    height: 0.3rem;
    font-size: 0.1rem;
    text-align: center;
    padding: 0.1rem;
    margin-top: 0.3rem;
}



/*20230808*/

.yoyakutag {
    display: inline-block;
    width: auto;
    padding: 1px 7px;
    background-color: rgb(0, 166, 104);
    color: white;
    margin-right: 5px;
}

.toujitsutag {
    display: inline-block;
    width: auto;
    padding: 1px 7px;
    background-color: rgb(80, 63, 236);
    color: white;
    margin-right: 5px;
}

.smallbox {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    background-color: rgb(216, 216, 216);
    padding: 6px 8px;
    margin-top: 5px;
    color: rgb(1, 7, 12);
}

#red {
    font-weight: 900;
    font-size: 120%;
    color: rgb(243, 62, 55);
}

.moneytag {
    display: inline-block;
    font-size: 12px;
    padding: 1px 3px 2px;
    background-color: rgb(78, 78, 78);
    margin-right: 2px;
    margin-bottom: 4px;
}

.yoyaku_title {
    display: inline-block;
    font-size: 20px;
    font-weight: 900;
    color: rgb(242, 247, 247);
    margin: 0;
    background-color: rgb(0, 166, 104);
    padding: 2px 10px;
}

.toujitsu_title {
    display: inline-block;
    font-size: 20px;
    font-weight: 900;
    color: rgb(242, 247, 247);
    margin: 0;
    background-color: rgb(80, 63, 236);
    padding: 2px 10px;
}


img {
    width: 100%;
}

.space5 {
    padding: 5px 0 0;
}

.space10 {
    padding: 5px 0;
}

.space20 {
    padding: 10px 0;
}

.space30 {
    padding: 15px 0;
}

.space40 {
    padding: 20px 0;
}

.space50 {
    padding: 25px 0;
}

.space60 {
    padding: 30px 0;
}

.space70 {
    padding: 35px 0;
}

.space80 {
    padding: 40px 0;
}

.space90 {
    padding: 45px 0;
}

.space100 {
    padding: 50px 0;
}

.space200 {
    padding: 100px 0;
}

.space300 {
    padding: 150px 0;
}

.space400 {
    padding: 200px 0;
}

.space500 {
    padding: 250px 0;
}


.slide_swap {
    width: 95%;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    overflow-x: scroll;
}

.slide_swap .swap {
    flex: 0 0 65%;
    margin-right: 10px;
}


.slide_title {
    position: relative;
    padding: 0;
    text-align: center;
    width: 95%;
    margin: 0 auto;
}

.slide_title:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #1e70cf;
}

.slide_title span {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 10px;
    background: rgb(1, 7, 12);
    white-space: nowrap;
}

.tag {
    font-size: 90%;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 6px;
    background-color: #1e70cf;
}

.border {
    border-top: 1px dashed #8c8b8b;
}

.tenkai {
    font-size: 26px;
    border: solid 1px rgb(216, 216, 216);
    padding: 10px 10px 14px;
    margin-bottom: 20px;
}

.tenkai .tenkai-content {
    display: none;
    /* 折り畳まれ部分の初期状態を非表示に設定 */
}


.navibox {
    background-color: rgb(184, 128, 44);
    padding: 5px 15px;
    display: block;
    width: 80%;
    margin: 0 10%;
    color: rgb(232, 232, 232);
    font-weight: 700;
}

.navibox:hover,.navibox:focus {
    color: rgb(232, 232, 232);
    text-decoration: none;
    background-color: rgb(134, 94, 33);
}

.money {
    display: inline-block;
    width: 30%;
    background-color: rgb(250, 250, 250);
    border-radius: 5px;
    margin: 0 5px 5px 0;
}