@charset "UTF-8";

/*mvArea*/
.l-content .mvArea .mainTxt,
.l-content .mvArea .mainItem {
    display: block;
}

.l-content .mvArea .mainTxt {
    background-color: #000;
    color: #fff;
    padding: 25px 0 15px;
}
.l-content .mvArea .title {
    display: flex;
    align-items: center;
    justify-content: center;
}
.l-content .mvArea .title .txt {
    font-size: 24px;
    line-height: 1;
    padding: 0 10px;
}
.l-content .mvArea .title .txt .huge {
    font-size: 40px;
}
.l-content .mvArea .title .txt .large {
    font-size: 33px;
}
.l-content .mvArea .title .txt .medium {
    font-size: 30px;
}
.l-content .mvArea .title .txt .note {
    font-size: 14px;
    vertical-align: text-top;
}
.l-content .mvArea .h2 {
    font-size: 40px;
}
.l-content .mvArea .h2 .medium {
    font-size: 45px;
}
.l-content .mvArea .h2 .large {
    font-size: 60px;
}
.l-content .mvArea .box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.l-content .mvArea .box .box01,
.l-content .mvArea .box .box02 {
    width: 330px;
    border: solid 3px #fff;
    font-size: 20px;
    padding: 4px 0 0;
}
.l-content .mvArea .mainItem {
    position: relative;
}
.l-content .mvArea .mainItem .economyTxt {
    position: absolute;
    top: 50px;
    left: 340px;
    font-size: 31px;
    line-height: 50px;
}
.l-content .mvArea .mainItem .economyNote {
    position: absolute;
    bottom: 33px;
    left: 560px;
    font-size: 14px;
}
.l-content .mvArea .mainItem .meviyTxt {
    position: absolute;
    top: 50px;
    right: 35px;
    font-size: 31px;
    line-height: 50px;
}
.l-content .mvArea .mainItem .economyTxt .small {
    font-size: 24px;
}
.l-content .mvArea .mainItem .economyTxt .large,
.l-content .mvArea .mainItem .meviyTxt .large {
    font-size: 56px;
}
.l-content .summaryTxt {
    line-height: 33px;
}

/*movieArea*/
.l-content .movieArea .movieBtn a {
    width: 450px;
    font-size: 18px;
    padding: 13px 0 10px;
}
.l-content .movieArea .m-cols__1of2 {
    width: 400px;
}

/*economyArea*/
.l-content .economyArea .title {
    display: flex;
    align-items: center;
    justify-content: center;
}
.l-content .economyArea .title h3 {
    font-size: 36px;
    padding: 0 10px;
}
.l-content .economyArea .economyBox {
    border: solid 10px #ffcc00;
    padding: 20px 30px;
}
.l-content .economyArea .economyBox .logoArea {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.l-content .economyArea .economyBox .logoArea p {
    margin-left: 35px;
}
.l-content .economyArea .economyBox .logoArea p span {
    background-image: radial-gradient(circle at center, #333 20%, transparent 20%); /* 点の色とサイズ調整 */
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding-top: .2em;
}
.l-content .economyArea .economyBox .economyContent {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.l-content .economyArea .economyBox .economyItem {
    width: 360px;
    border: solid 1px #ccc;
    padding: 15px 0 20px;
}
.l-content .economyArea .economyBox .economyItem .name a {
    color: #333;
    text-decoration: none;
}
.l-content .economyArea .economyBox .economyItem .name,
.l-content .economyArea .economyBox .economyItem .unit {
    font-size: 19px;
}
.l-content .economyArea .economyBox .economyItem .discount {
    position: relative;
}
.l-content .economyArea .economyBox .economyItem .discount p {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.l-content .economyArea .economyBox .economyItem .discount p span {
    font-size: 27px;
}
.l-content .economyArea .economyBox .economyItem .multi {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.l-content .economyArea .economyBox .economyItem .multi .txt {
    margin-right: 20px;
}
.l-content .economyArea .economyBox .economyItem .multi .price {
    line-height: 1;
}
.l-content .economyArea .economyBox .economyItem .multi .price span {
    font-size: 30px;
}
.l-content .economyArea .economyBox .economyBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.l-content .economyArea .economyBox .economyBtn a {
    width: 450px;
    font-size: 18px;
    padding: 13px 0 10px;
}

/*meviyArea*/
.l-content .meviyArea .meviyBox {
    border: solid 10px #0a1464;
    padding: 30px;
}
.l-content .meviyArea .meviyBox .logoArea {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.l-content .meviyArea .meviyBox .logoArea p {
    margin-left: 30px;
}
.l-content .meviyArea .meviyBox .meviyContent {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.l-content .meviyArea .meviyBox .meviyItem {
    width: 360px;
    border: solid 1px #ccc;
    padding: 15px 0 30px;
}
.l-content .meviyArea .meviyBox .meviyItem .name,
.l-content .meviyArea .meviyBox .meviyItem .unit {
    font-size: 19px;
}
.l-content .meviyArea .meviyBox .meviyItem .discount {
    position: relative;
}
.l-content .meviyArea .meviyBox .meviyItem .discount p {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    line-height: 1;
}
.l-content .meviyArea .meviyBox .meviyItem .discount p .large {
    font-size: 27px;
}
.l-content .meviyArea .meviyBox .meviyItem .discount p .small {
    font-weight: normal;
}
.l-content .meviyArea .meviyBox .meviyItem .multi span {
    font-size: 30px;
}
.l-content .meviyArea .meviyBox .meviyBtn a {
    width: 450px;
    font-size: 18px;
    padding: 13px 0 10px;
}

/*registerArea*/
.l-content .registerArea h2 {
    font-size: 36px;
    line-height: 1;
}
.l-content .registerArea h2 span {
    display: inline-block;
    border-bottom: solid 7px #ffcc00;
    line-height: 1;
}
.l-content .registerArea p {
    font-size: 19px;
}
.l-content .registerArea .registerBtn a {
    width: 450px;
    font-size: 18px;
    padding: 13px 0 10px;
}

/*otherArea*/
.l-content .otherArea h3 {
    width: 1100px;
    background-color: #000;
    color: #fff;
    font-size: 27px;
    margin: 0 auto;
    padding: 12px 0 7px;
}
.l-content .otherArea .m-cols__1of2 {
    width: 400px;
}

/*bnrArea*/
.l-content .bnrArea h3 {
    width: 1100px;
    background-color: #000;
    color: #fff;
    font-size: 27px;
    margin: 0 auto;
    padding: 12px 0 7px;
}
.l-content .bnrArea .bnrContent {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}