@charset "UTF-8";
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    src: url("../webfont/NotoSansJP-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    src: url("../webfont/NotoSansJP-Medium.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    src: url("../webfont/NotoSansJP-Bold.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 900;
    src: url("../webfont/NotoSansJP-Black.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "Neo Sans Std";
    font-style: normal;
    font-weight: 400;
    src: url("../webfont/Neo_Sans_Std_Regular.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: "Neo Sans Std";
    font-style: normal;
    font-weight: 700;
    src: url("../webfont/Neo_Sans_Std_Bold.otf") format("opentype");
    font-display: swap;
}
@font-face {
    font-family: "CataneoBT";
    font-style: normal;
    font-weight: 400;
    src: url("../webfont/CataneoBT.otf") format("opentype");
    font-display: swap;
}
body {
    color: #0b0b0b;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
    overflow: hidden;
}
area {
    cursor: pointer;
}
header a {
    font-weight: 700;
    display: block;
    text-decoration: none;
    text-align: center;
}
a:link, a:visited, a:active {
    color: #0b0b0b;
}
.header__item-package span,
.header__item-service span,
.header__item-flow span,
.header__item-company span,
.header__item-contact span {
    font-size: 13px;
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 1.5;
    white-space: nowrap;
    background-size: contain;
    display: inline-block;
}
.header__item-service span {
    background-image: url(../images/icon-service.svg);
}
.header__item-package span {
    background-image: url(../images/icon-package.svg);
}
.header__item-flow span {
    background-image: url(../images/icon-flow.svg);
}
.header__item-company span {
    background-image: url(../images/icon-company.svg);
}
.header__item-contact span {
    background-image: url(../images/icon-contact.svg);
}
.header__item-tel span {
    display: block;
    font-size: 13px;
    line-height: 1.5;
}
header .logo {
    display: inline-block;
}

.slideshow {
    overflow: hidden;
}
.infinite-slider .swiper-wrapper {
    transition-timing-function: linear;
    gap: 1rem;
}
.swiper .swiper-slide::before,
.infinite-slider .swiper-slide::before {
    content: "";
    display: block;
}
.swiper .swiper-slide::before {
    padding-top: 100%;
}
.infinite-slider .swiper-slide::before {
    padding-top: 78.861789%;
}
.swiper-slide a {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.swiper .swiper-slide a {
    border-radius: 10px;
}
.swiper-slide a img {
    width: 100%;
}
.swiper .swiper-slide a img {
    border-radius: 10px;
}
.swiper-pagination {
    position: relative;
    padding: 0.5rem 0;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
.swiper-pagination-bullet-active {
    background-color: #0b0b0b;
}

.lune_bleue-bottom {
    display: flex;
    justify-content: space-between;
}

.pickup .inner,
.package .inner {
    overflow-x: visible;
}
h2.heading,
.heading + h3,
.pickup h4,
.package h4 {
    font-weight: 700;
}
h2.heading,
.heading + h3 {
    text-align: center;
}
h2.heading span {
    display: block;
}
h2.heading .ja {
    font-weight: 900;
}

.ribbon {
    position: relative;
    background-color: #ff7500;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 5px 0;
}
.ribbon::before, .ribbon::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
.ribbon::before {
    top: 0;
    left: -1px;
    border-width: 16px 0px 16px 16px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
.ribbon::after {
    top: 0;
    right: -1px;
    border-width: 16px 16px 16px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.pickup__list,
.package__list {
    display: flex;
    flex-wrap: wrap;
}
.pickup__list {
    justify-content: space-between;
}
.pickup__item,
.package__item {
    position: relative;
    text-align: left;
    box-shadow: 0px 5px 15px 0px rgba(5, 1, 1, 0.3);
    overflow: visible;
}
.pickup__item::after,
.package__item::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: inline-block;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 1.5em;
    border-right-color: #ff7500;
    border-bottom: 0;
}
.pickup__item:nth-of-type(1) img {
    transform: scale(1.16);
    top: -0.7%;
    left: -2.9%;
}
.pickup__item:nth-of-type(3) img {
    transform: scale(1.02);
    top: -0.9%;
    left: 1%;
}
.pickup__item:nth-of-type(4) img {
    transform: scale(1.05);
    left: 2%;
}
.pickup__item:nth-of-type(5) img {
    transform: scale(1.12);
    top: -2%;
    left: -0.4%;
}
.pickup__item:nth-of-type(6) img {
    transform: scale(1.052);
    top: -1.5%;
    left: -2%;
}
.pickup__item:nth-of-type(7) img {
    transform: scale(1.14);
    top: -1%;
    left: 3%;
}
.pickup__item:nth-of-type(8) img {
    transform: scale(1.13);
    top: 2.2%;
    left: 0%;
}
.pickup__item:nth-of-type(9) img {
    transform: scale(1.3);
    top: 2.4%;
    left: -7.1%;
}
.pickup__item:nth-of-type(10) img {
    transform: scale(1.06);
    top: -0.9%;
    left: 2.8%;
}

.pickup__item:nth-of-type(3) img {
    transform: scale(1.02);
    top: -0.9%;
    left: 1%;
}
.pickup__item:nth-of-type(4) img {
    transform: scale(1.05);
    left: 2%;
}
.pickup__item:nth-of-type(5) img {
    transform: scale(1.12);
    top: -2%;
    left: -0.4%;
}
.pickup__item:nth-of-type(6) img {
    transform: scale(1.052);
    top: -1.5%;
    left: -2%;
}
.pickup__item:nth-of-type(7) img {
    transform: scale(1.14);
    top: -1%;
    left: 3%;
}
.pickup__item:nth-of-type(8) img {
    transform: scale(1.13);
    top: 2.2%;
    left: 0%;
}
.pickup__item:nth-of-type(9) img {
    transform: scale(1.3);
    top: 2.4%;
    left: -7.1%;
}
.pickup__item:nth-of-type(10) img {
    transform: scale(1.06);
    top: -0.9%;
    left: 2.8%;
}


.package__item:nth-of-type(3) img {
    transform: scale(1.12);
    top: -1.3%;
    left: 1%;
}
.package__item:nth-of-type(4) img {
    transform: scale(1.12);
    top: -1.1%;
}
.package__item:nth-of-type(5) img {
    transform: scale(1.18);
    top: -2%;
    left: -6%;
}
.package__item:nth-of-type(6) img {
    transform: scale(1.13);
    top: -1%;
}
.package__item:nth-of-type(7) img {
    transform: scale(1.14);
    top: -0.3%;
    left: -0.5%;
}
.package__item:nth-of-type(8) img {
    transform: scale(1.13);
    left: -1.3%;
}
.package__item:nth-of-type(9) img {
    transform: scale(1.15);
    top: -2.9%;
    left: 0.9%;
}
.package__item:nth-of-type(10) img {
    transform: scale(1.16);
    top: -1.4%;
}
.package__item:nth-of-type(11) img {
    transform: scale(1.15);
    top: -1.1%;
    left: 2.5%;
}
.package__item:nth-of-type(12) img {
    transform: scale(1.14);
    top: -0.5%;
    left: -1.8%;
}
.package__item:nth-of-type(13) img {
    transform: scale(1.12);
    top: -1%;
    left: -0.3%;
}
.package__item:nth-of-type(14) img {
    transform: scale(1.13);
    top: 0.6%;
}
.package__item:nth-of-type(15) img {
    transform: scale(1.13);
    top: -1.5%;
    left: 0.3%;
}
.package__item:nth-of-type(16) img {
    transform: scale(1.14);
    top: -0.2%;
    left: -2.3%;
}
.package__item:nth-of-type(17) img {
    transform: scale(1.12);
    top: -0.2%;
    left: -0.1%;
}
.package__item:nth-of-type(18) img {
    transform: scale(1.12);
    left: -0.5%;
    top: -2.6%;
}
.package__item:nth-of-type(19) img {
    transform: scale(1.1);
    top: -2.7%;
    left: -1.5%;
}
.package__item:nth-of-type(20) img {
    transform: scale(1.2);
    top: 0.2%;
    left: -4%;
}
.package__item:nth-of-type(21) img {
    transform: scale(1.13);
    top: 2.1%;
}
.package__item:nth-of-type(22) img {
    transform: scale(1.11);
    top: 0.9%;
    left: -0.5%;
}
.package__item:nth-of-type(23) img {
    transform: scale(1.05);
    top: -2%;
    left: -4.4%;
}
.package__item:nth-of-type(24) img {
    transform: scale(1.16);
    top: 0.6%;
    left: 2.4%;
}
.package__item:nth-of-type(25) img {
    transform: scale(1.11);
    top: 0.6%;
}
.package__item:nth-of-type(26) img {
    transform: scale(1.07);
    top: -0.4%;
    left: -1.4%;
}
.package__item:nth-of-type(27) img {
    transform: scale(1.13);
    top: -0.2px;
    left: 1.7%;
}
.package__item:nth-of-type(28) img {
    transform: scale(1.07);
    top: -1.2%;
    left: 3%;
}
.package__item:nth-of-type(29) img {
    transform: scale(1.1);
    top: -1%;
    left: -1%;
}
.package__item:nth-of-type(30) img {
    transform: scale(1.13);
    top: 0.9%;
    left: 0.1%;
}
.package__item:nth-of-type(31) img {
    transform: scale(1.12);
    top: 0.5%;
    left: -0.4%;
}
.package__item:nth-of-type(32) img {
    transform: scale(1.05);
    top: -0.8%;
    left: -0.3%;
}
.package__item:nth-of-type(33) img {
    transform: scale(1.15);
    top: -0.3%;
    left: -2.4%;
}
.package__item:nth-of-type(34) img {
    transform: scale(1.14);
    top: 2.2%;
    left: 0.2%;
}
.package__item:nth-of-type(35) img {
    transform: scale(1.11);
    top: 0.2%;
    left: 1.3%;
}
.package__item:nth-of-type(36) img {
    transform: scale(1.15);
    top: 3%;
    left: 0.7%;
}
.package__item:nth-of-type(37) img {
    transform: scale(1.1);
    left: -2.9%;
    top: -0.2%;
}
.package__item:nth-of-type(38) img {
    transform: scale(1.09);
    top: -2.5%;
    left: 0.4%;
}
.package__item:nth-of-type(39) img {
    transform: scale(1.11);
    top: 2.7%;
    left: -0.5%;
}
.package__item:nth-of-type(40) img {
    transform: scale(1.13);
    top: -0.4%;
}
.package__item:nth-of-type(41) img {
    transform: scale(1.29);
    top: 5.9%;
    left: 9.3%;
}
.package__item:nth-of-type(42) img {
    transform: scale(1.08);
    left: 0.9%;
}
.package__item:nth-of-type(43) img {
    transform: scale(1.1);
    top: -0.9%;
    left: 0.4%;
}


.pickup__item img,
.package__item img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.pickup .heading .ja {
    display: inline-block;
    background-image: url("../images/icon-pickup.png");
    background-repeat: no-repeat;
    background-size: 40px;
    padding-left: 50px;
}
.news .heading .ja {
    display: inline-block;
    background-image: url("../images/icon-news.png");
    background-repeat: no-repeat;
    background-size: 60px;
    padding-left: 70px;
}
.products .heading .ja {
    display: inline-block;
    background-image: url("../images/icon-products.png");
    background-repeat: no-repeat;
    background-size: 35px;
    padding-left: 50px;
}
.social-media .heading .ja {
    display: inline-block;
    background-image: url("../images/icon-sns.png");
    background-repeat: no-repeat;
    background-size: 50px;
    padding-left: 60px;
}
.sec-link .heading .ja {
    display: inline-block;
    background-image: url("../images/icon-site.png");
    background-repeat: no-repeat;
    background-size: 45px;
    padding-left: 60px;
}
.news::before,
.news::after,
.sec-link::before,
.company-message::before,
.company-message::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
}
.news,.sec-link {
    background-color: #ffc77e;
    position: relative;
}
.news_in {
    background-color: transparent;
    border-right: 0;
    min-height: initial;
}
.news_in li {
    border-bottom: 1px dotted #333;
}
.products {
    position: relative;
    overflow: hidden;
}
.social-media {
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
}
.social-media > img {
    position: absolute;
    right: 0;
    top: 0;
}
.social-media iframe {
    width: 100%;
}
.sns_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sns_list a {
    width: 10%;
}
.sns_list a:nth-of-type(1) {
    width: 30%;
}
.social-media h3 {
    font-weight: 700;
}

.sec-link__item img {
    width: 100%;
}

footer {
    font-size: 14px;
    position: relative;
    background-color: #0b0b0b;
}
.lune_bleue footer::before {
    content: "";
    display: inline-block;
    width: 100%;
    background-image: url("../images/f_wave.png");
    background-size: contain;
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 45px;
}
footer a, footer a:link, footer a:visited, footer a:active {
    color: #fff;
}
footer .eventlist {
    color: #fff;
    background-color: #0b0b0b;
    padding: 0;
}
footer .eventlist li {
    line-height: 1.8;
}
.footer-info {
    display: flex;
    color: #fff;
    text-align: left;
}
.footer-info > a > img  {
    object-fit: contain;
}
.jcs-group dt {
    font-weight: 700;
}
footer a {
    text-decoration: none;
}
footer .fnav__list a {
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}
.fnav__sns a:nth-of-type(2) {
    margin-left: 15px;
}
footer h4 {
    margin-bottom: 15px;
    font-weight: 700;
}
footer .eventlist h4 {
    padding-left: 0;
    background-image: none;
}
.copyright {
    width: 100%;
    color: #fff;
    background-color: #0b0b0b;
    border-top: 0;
    padding-top: 25px;
    padding-bottom: 0;
}
div.copyright p {
    text-align: center;
}

.service__kv {
    position: relative;
    background-image: url("../images/bg-service.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -100px;
}
.service__kv > img {
    position: absolute;
}
.service__kv .heading,
.service__kv p {
    color: #fff;
}
.service__kv .message p {
    text-shadow: 4px 4px 4px #000;
}
.service__list {
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
}
.service__item {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #bababa;
    border-right: 1px solid #bababa;
    background-color: #0b0b0b;
}
.service__item p {
    font-weight: 700;
}
.arrow-right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    display: inline-block;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.5em 0.8em;
    border-left-color: #ff7500;
    border-right: 0;
}
.service-explain h3 {
    color: #ff7500;
    font-weight: 700;
}
.service-explain h3,
.service-explain p,
.service-event h3,
.service-event p {
    text-align: left;
}
.service-event {
    background-color: #ffc77e;
}
.service-event__item {
    display: block;
    background-color: #1f1f1f
}
.service-event__txt {
    position: relative;
    z-index: 2;
}
.service-event h3,
.service-event p {
    color: #fff;
}
.service-event h3 {
    font-weight: 700;
}
.service-package .inner {
    position: relative;
}
.service-package a {
    position: relative;
    color: #000;
    font-weight: 700;
}
.service-package a::before,
.service-package a::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-bottom: 3px solid #ff7500;
    border-right: 3px solid #ff7500;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(-45deg);
}
.service-package a::before {
    right: 3px;
}
.service-package a::after {
    right: 10px;
}

.package__kv {
    position: relative;
    background-image: url("../images/bg-package.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -100px;
}
.package-notion .inner {
    background-color: #ff7500;
    position: relative;
}
.package-notion span {
    color: #fff;
    font-weight: 700;
}
.package-notion .arrow {
    display: inline-block;
    line-height: 1;
    position: absolute;
    bottom: 30px;
    width: 0.2em;
    height: 1.2em;
    background: #0b0b0b;
}
.package-notion .arrow:nth-of-type(1) {
    left: 50px;
}
.package-notion .arrow:nth-of-type(2) {
    right: 50px;
}
.package-notion .arrow::before {
    content: "";
    width: 0.5em;
    height: 0.5em;
    border: 0.2em solid #0b0b0b;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    position: absolute;
    left: 50%;
    bottom: -0.1em;
}

.flow__ttl {
    text-align: left;
    font-weight: 700;
}
.flow__txt > p {
    text-align: left;
}

.flow__kv {
    position: relative;
    overflow: hidden;
    background-image: url("../images/bg-flow.png");
    background-repeat: repeat-x;
    background-size: cover;
    background-position-y: -5vw;
}
.flow__kv::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
}
.flow__kv img {
    position: absolute;
}
.flow-step {
    position: relative;
    background-image: none;
    background-color: #ffc77e;
}
.flow-step-kv {
    position: relative;
}
.flow-step-kv img {
    position: absolute;
}
.flow__item {
    position: relative;
    background-color: #fff;
}
.flow__list .flow__item:nth-child(1) .flow__ico {
    background: url("../images/ico-flow-step_01.png") center center/contain no-repeat;
}
.flow__list .flow__item:nth-child(2) .flow__ico {
    background: url("../images/ico-flow-step_02.png") center center/contain no-repeat;
}
.flow__list .flow__item:nth-child(3) .flow__ico {
    background: url("../images/ico-flow-step_03.png") center center/contain no-repeat;
}
.flow__list .flow__item:nth-child(4) .flow__ico {
    background: url("../images/ico-flow-step_04.png") center center/contain no-repeat;
}
.flow__list .flow__item:nth-child(5) .flow__ico {
    background: url("../images/ico-flow-step_05.png") center center/contain no-repeat;
}
.flow__list .flow__item:nth-child(6) .flow__ico {
    background: url("../images/ico-flow-step_06.png") center center/contain no-repeat;
}
.flow__list .flow__item:nth-child(7) .flow__ico {
    background: url("../images/ico-flow-step_07.png") center center/contain no-repeat;
}
.flow__list .flow__item::after {
    z-index: 2;
}
.flow__txt::before,
.c-imgset01__img-pic::before {
    content: none;
}
.flow__head {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.flow__ico {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: #fff;
}
.flow__ico span:nth-of-type(1) {
    font-size: 12px;
}
.flow__ico span:nth-of-type(1) {
    font-size: 22px;
}
.flow__img {
    position: absolute;
    z-index: 3;
}
.flow .message p {
    text-align: left;
}

.company__kv {
    position: relative;
    background-color: #ffc77e;
    overflow: hidden;
}
.company__kv::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
}
.company__kv img {
    position: absolute;
    z-index: 1;
}
.company-message {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/bg-company-message.png");
}
.bg-message-vision {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/bg-ourvision.png");
}
.top-message {
    position: relative;
}
.top-message > img {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.top-message__box {
    position: relative;
    border-top: 1px solid #ffc77e;
    box-shadow: 0px 5px 5px 0px rgba(5, 1, 1, 0.3);
    background-color: #fff;
    margin: 0 auto;
}
.top-message__ttl {
    text-align: center;
    font-weight: 700;
}
.top-message__ttl span {
    color: #ff7500;
}
.top-message__desc p, .top-message-name p {
    line-height: 1.8;
}
.top-message__desc p {
    text-align: left;
}
.top-message-name {
    text-align: right;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.ourvision{
    position: relative;
}
.ourvision__ttl {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.profile-info dl:nth-of-type(1) {
    border-top: 1px solid #ff7500;
}
.profile-info dl {
    border-bottom: 1px solid #ff7500;
}
.profile-info dt,
.profile-info .tdh {
    color: #ff7500;
    font-weight: 700;
}

.lune_bleue {
    background-color: #1f1f1f;
}
.lune_bleue h3,
.lune_bleue h4,
.lune_bleue p {
    color: #fff;
}
.lune_bleue p,
.lune_bleue dt {
    text-align: left;
}
.lune_bleue-kv,
.lune_bleue-aboutus {
    position: relative;
    overflow: hidden;
}
.lune_bleue-aboutus::before,
.lune_bleue-aboutus::after {
    content: "";
    display: block;
}
.lune_bleue-kv::before {
    content: "";
    display: block;
    padding-top: 52%;
    background-image: url("../images/lune_bleue_base-kv.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.lune_bleue-kv.base::before {
    background-image: url("../images/lune_bleue_base-kv.png");
}
.lune_bleue-kv.cafe::before {
    background-image: url("../images/lune_bleue_cafe-kv.png");
}
.lune_bleue-kv img,
.lune_bleue-aboutus img,
.lune_bleue-aboutus::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.lune_bleue-aboutus img,
.lune_bleue-aboutus::after {
    width: 100%;
    height: 100%;
}
.lune_bleue-aboutus {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.lune_bleue_cafe-aboutus {
    background-image: url(../images/lune_bleue_cafe-aboutus.png);
}
.lune_bleue_base-aboutus {
    background-image: url(../images/lune_bleue_base-aboutus.png);
}
.lune_bleue .heading {
    color: #9ac4ff;
    font-family: "Neo Sans Std";
    font-weight: 700;
}
.lune_bleue .heading .sm {
    font-weight: 400;
    margin-bottom: 15px;
}
.lune_bleue .heading-secondary {
    font-weight: 500;
    color: #fff;
}
.lune_bleue-aboutus02 {
    background-color: #1f1f1f;
}
.lune_bleue_base .message p {
    text-align: center;
}
.aboutus__list h4 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.aboutus__item h4, .party__item h3 {
    font-weight: 700;
}
.feature {
    position: relative;
    background-color: #1f1f1f;
}
.feature__container {
    background-image: url(../images/feature.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.feature h3 {
    color: #fff;
}
.party,.access,.facility {
    background-color: #1f1f1f;
}
.access iframe {
    width: 100%;
}
.access dt .en,
.shop-info h3,
.access-info h4{
    color: #9ac4ff;
}
.shop-info h3 {
    font-weight: 700;
}
.access-info h4 {
    text-align: left;
}
.shop-service dt span,
.shop-info table{
    color: #fff;
}
.shop-info table td {
    vertical-align: top;
    text-align: left;
}
.shop-info table tr td:nth-of-type(1) {
    text-align: right;
}
.shop-service dl dt {
    text-indent: -40px;
    padding-left: 40px;
}
.shop-service dl dt .en {
    padding-left: 40px;
    position: relative;
}
.shop-service dl dt .en::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 26px;
    height: 24px;
    background-image: url(../images/icon-lune_bleue.png);
}
.shop-service dd {
    padding-left: 40px;
}
.lune-sns h3 {
    color: #9ac4ff;
    font-weight: 700;
}
.lune-sns span {
    position: relative;
    color: #fff;
    width: 100%;
}
.lune-sns__list a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    padding: 22px 0;
}
.lune-sns span::before,
.lune-sns span::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.lune-sns span::before {
    width: 45px;
    height: 45px;
    left: 20px;
}
.lune-sns span::after {
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    right: 15px;

}
.lune-sns-facebook span::before {
    background-image: url("../images/lune_facebook.png");
}
.lune-sns-twitter span::before {
    background-image: url("../images/lune_twitter.png");
}
.lune-sns-insta span::before {
    background-image: url("../images/lune_insta.png");
}

/* .facility .heading,
.facility .heading + div {
    background-color: #0b0b0b;
} */
.facility h3 {
    text-align: left;
}
.facility h3 span {
    position: relative;
}
.facility .heading .sm {
    background-color: #1f1f1f;
}
.facility h3 span::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -36px;
    margin: auto;
    width: 26px;
    height: 24px;
    background-image: url("../images/icon-lune_bleue.png");
}
.facility-detail dt {
    color: #9ac4ff;
    font-weight: 700;
}
.facility-detail dd {
    text-align: left;
}
.facility-detail dt span,
.facility-detail dd span {
    color: #fff;
}
.lune_bleue-footer {
    position: relative;
}
.lune_bleue-footer::before {
    content: "";
    width: 100%;
    height: 45px;
    position: absolute;
    top: -36px;
    left: 0;
    background-image: url("../images/lune-bleue-footer.png");
    background-size: cover;
    background-repeat: repeat-x;
}

.contact,.thanks {
    position: relative;
}
.contact::before,
.thanks::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: cover;
    background-image: url("../images/bg-contact.png");
    background-repeat: no-repeat;
}
.contact h1 span,
.thanks h1 span {
    display: block;
}
.contact h1 .ja,
.thanks h1 .ja {
    font-weight: 900;
}
.table th {
    font-weight: bold;
    text-align: left;
    position: relative;
}
.contact .table td {
    text-align: left;
}
.contact form#mailformpro .checkbox01 label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.contact form#mailformpro .checkbox02 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.contact form#mailformpro .checkbox02 label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
input[type="text"], input[type="tel"], input[type="email"], textarea {
    width: 100%;
    max-width: 560px;
    border: solid 1px #ccc;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc inset;
    padding: 3px 8px;
    vertical-align: middle;
}
.contact textarea {
    width: 100% !important;
    height: 160px !important;
}
input[type="text"], input[type="tel"], input[type="email"] {
    height: 40px;
    margin: 2px;
}
.buttons ul li:nth-of-type(1) {
    text-align: left;
}
button[type="reset"] {
    color: #0b0b0b;
    background: #fff;
    border: 3px solid #bababa;
    font-weight: bold;
    margin-bottom: 20px;
}
button[type="submit"] {
    color: #0b0b0b;
    background: #fff;
    border: 5px solid #ff7500;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%);
    margin: 0 12px;
    max-width: 520px;
    text-shadow: 0px 2px 0px #fff;
    cursor: pointer;
    outline: none;
}
.badge-must {
    position: absolute;
    right: 16px;
    color: #fff;
    background-color: #ff7500;
    border-radius: 2px;
    text-align: center;
}
.thanks h2 {
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 2;
    margin: 0 auto;
    font-weight: 700;
}
.thanks p {
    text-align: left;
}
#mfp_thanks {
    display: none;
}

.l-main,
.l-main img {
    margin: 0;
    padding: 0;
}
.l-main img {
    display: block;
    width: 100%;
    height: auto;
}
.l-main .pagetop img {
    width: inherit;
    float: right;
    margin-bottom: 50px;
}

.bodybgU {
    background-color: #fff;
    background-image: url(../images/bodybgU.png);
    background-position: center top;
    background-repeat: no-repeat;
}
.l-main #contents {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
}
.l-main #main {
    padding-left: 25px;
    margin-top: 5px;
}
.l-main #layer {
    max-width: 700px;
    padding-bottom: 55px;
}
.l-main #sub {
    display: block;
    font-size: 12px;
    margin-bottom: 50px;
    padding-left: 16px;
    text-align: left;
}
#sub ul.info {
    margin: 10px 0;
}
#contents #sub ul.info li.address,
#contents #sub ul.info li.address2 {
    border-left: 1px solid #FDB246;
    border-right: 1px solid #FDB246;
    line-height: 1.2;
    margin-left: 5px;
    padding-left: 25px;
    width: 85%;
}
#contents #sub ul.info li.address {
    background-image: url(images/sub_li.png);
    background-position: 2px 6px;
    background-repeat: no-repeat;
    margin-bottom: -3px;
    margin-top: -9px;
    padding-bottom: 5px;
    padding-top: 10px;
}
#contents #sub ul.info li.address2 {
    font-size: 11px;
    margin-bottom: -8px;
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 0;
}
#sub ul li {
    margin-bottom: 8px;
    margin-left: 4px;
    margin-top: 8px;
    box-sizing: border-box;
}
#sub ul li.sideon {
    margin: 15px 0;
}
#sub ul.subbtn {
    padding-top: 27px;
}

#zooBtn {
    height: 360px;
    margin-bottom: 20px;
}
#zooBtn li {
    float: left;
}
#zooBtn .Left {
    margin-right: 10px;
}
#zooCont table {
    float: left;
    margin-top: 13px;
    margin-bottom: 13px;
}
#zooCont .tableLeft {
    margin-right: 10px;
}
#zooCont .tdP {
    background-image: url(images/zoo_contFlame.jpg);
    background-repeat: no-repeat;
    height: 161px;
    width: 112px;
}
#zooCont .title {
    font-weight: bold;
    font-size: 14px;
    color: #FC7900;
    line-height: 1.2;
    margin-bottom: 5px;
}
#zooCont .bun {
    font-size: 11px;
    color: #333;
    line-height: 1.5;
}

#transportBtn li {
    float: left;
    margin-bottom: 5px;
}

.transportLeft {
   margin-right: 10px;
}

#transport #layer h1 {
   margin-bottom: 20px;
}

#transport #layer h3 {
   margin-top: 70px;
   margin-bottom: 30px;
}

#transport #container #contents #main #layer h2 {
margin-top: 30px;
}


.fuwafuwaList li {
    display: block;
float: left;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
}

.fuwafuwaList {
display: block;
height: auto;
padding-left: 16px;
padding-right: 14px;
width: 672px;
}

#fuwafuwacont1 {
display: block;
width: 700px;
height: 936px;
margin-bottom: 16px;
padding-bottom: 25px;
background-image: url("images/fuwafuwa_1bg1.png");
background-repeat: no-repeat;
}

#fuwafuwacont2 {
background-image: url("images/fuwafuwa_1bg2.png");
background-repeat: no-repeat;
display: block;
height: 1242px;
padding-top: 18px;
width: 700px;
}

#fuwafuwa2cont {
display: block;
width: 700px;
height: 2188px;
margin-bottom: 16px;
padding-bottom: 25px;
background-image: url("images/fuwafuwa_2bg.png");
background-repeat: no-repeat;
}

#fuwafuwa3cont1 {
display: block;
width: 700px;
height: 939px;
margin-bottom: 16px;
padding-bottom: 25px;
background-image: url("images/fuwafuwa_3bg.png");
background-repeat: no-repeat;
}

#fuwafuwa3cont2 {
display: block;
width: 700px;
height: 950px;
margin-bottom: 16px;
padding-bottom: 25px;
background-image: url("images/fuwafuwa_3bg2.png");
background-repeat: no-repeat;
}

#fuwaBtn li {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}
#fuwaBtn img {
    width: 325px;
    height: 205px;
}
#fuwaBtn .Left {
     margin-left: 20px;
margin-right: 20px;
}

.fuwaBtnU {
    margin-bottom: 20px;
margin-left: 316px;
}

.fuwap1 {
font-size: 14px;
color: #333;
margin-left: 25px;
margin-top: 15px;
}

.fuwap2 {
font-size: 13px;
color: #ff6600;
margin-left: 25px;
margin-top: 8px;
margin-bottom: 12px;
}

ul.fuwaBtn{
    margin-left: 20px;
}

#fuwafuwa #main #layer #fuwaBtn {
height: 450px;
}

#fuwafuwa #contents #main #layer {
padding-bottom: 30px;
}

#fuwafuwa2 #contents #main #layer,
#fuwafuwa3 #contents #main #layer {
padding-bottom: 0;
}

.eventH2 {
	padding-top: 25px;
	padding-bottom: 22px;
}

ul.cultureList li,
ul.cultureList2 li {
float: left;
height: 250px;
margin-bottom: 20px;
margin-left: 10px;
width: 130px;
}

ul.cultureList li h3,
ul.cultureList2 li h3 {
    font-size: 14px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 5px;
}

ul.cultureList li p,
ul.cultureList2 li p {
    font-size: 11px;
}

ul.cultureList2 {
height: 260px;
}


#food #layer .car {
	margin-bottom: 60px;
	}
	
	#food #layer .enniti {
		margin-bottom: 65px;
	}
	
	#food #layer .enniti li {
		line-height: 0;
	}
	
	.food_contText1, .food_contText2 {
		width: 156px;
	color: #00b4ff;
	padding-left: 16px;
	}
	
	.food_contText1 {
		font-weight: bold;
	font-size: 18px;
	margin-top: 13px;
	line-height: 1;
	}
	
	.food_contText2 {
		font-size: 12px;
	}
	
	.food_contText3 {
	width: 156px;
	font-size: 11px;
	color: #5e5e5e;
	line-height: 1.2;
	padding-left: 16px;
	margin-top: 10px;
	font-weight: bold;
	}
	
	.food_contText4 {
	width: 134px;
	font-weight: bold;
	color: #333333;
	line-height: 1.2;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 10px;
	}
	
	.food_contText5 {
	width: 100px;
	color: #00b4ff;
	font-size: 12px;
	padding-left: 16px;
	}
	
	.food_contText6 {
		width: 56px;
		color: #009944;
		font-size: 20px;
		float: right;
		line-height: 1;
		padding-right: 16px;
	}
	
	.food_cont1menuImg1,.food_cont1menuImg2 {
	width: 119px;
	margin-left: 3px;
	margin-right: 7px;
	}
	
	.food_cont1L {
	float: left;
	width: 172px;
	}
	
	.food_cont1R {
		float: right;
		width: 516px;
	}
	
	.food_cont1menu {
		float: left;
		width: 129px;
	}

	.food_cont1waku {
	border-top-width: 3px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #84cef3;
	border-right-color: #84cef3;
	border-bottom-color: #84cef3;
	border-left-color: #84cef3;
	}
	
	.food_cont1Border {
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-bottom-color: #84cef3;
	}
	
	#food_cont1_1 {
		height: 135px;
		width: 688px;
	}
	
	#food_cont1_2 {
		height: 147px;
		width: 688px;
	}
	
	#food_cont1_3 {
		height: 129px;
		width: 688px;
	}
	
	#food_cont1_4 {
		height: 127px;
		width: 688px;
	}
	
	#food_cont1_5 {
		height: 250px;
		width: 688px;
	}
	
	#food_layer1 {
		margin-bottom: 50px;
	}

	.gameList li {
		display: block;
    float: left;
    margin-bottom: 16px;
    margin-left: 12px;
    margin-right: 8px;
	}
	
	.gameList {
		display: block;
		width: 672px;
		padding-right: 14px;
		padding-left: 14px;
		height: auto;
	}
	
	#gamecont1 {
	display: block;
	width: 700px;
	height: 885px;
	margin-bottom: 16px;
	padding-bottom: 25px;
	background-image: url(images/game_h2_bg.jpg);
	background-repeat: no-repeat;
	}
	
	#gamecont2 {
	display: block;
	width: 700px;
	height: 590px;
	margin-bottom: 16px;
	padding-bottom: 25px;
	background-image: url(images/game_h3_bg.jpg);
	background-repeat: no-repeat;
	}
	
	#gameBtn li {
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.gameLeft {
        margin-left: 5px;
        margin-right: 10px;
}

.sky-climb img {
    max-width: 980px;
    height: auto;
    margin: 0 auto;
}
.iframe_wrap {
    max-width: 800px;
    margin: 60px auto;
}
.sky-climb iframe {
    max-width: 800px;
    width: 100%;
}

#jurassic_circus {
    background-color: #990000;
}
#jurassic_circus img {
    max-width: 999px;
    margin: 0 auto;
}

#kyouryu {
    background-color: #0b0b0b;
}
#kyouryu img {
    max-width: 1200px;
    margin: 0 auto;
}

#flower img {
    max-width: 1000px;
    margin: 0 auto;
}

#rescuetown {
    background-image: url(images/rescuetown_bg.jpg);
    background-repeat: repeat-x;
}
#rescuetown img {
    max-width: 1000px;
    margin: 0 auto;
}

#car {
    background-color: #e4f5fc;
    background-image: url(images/cars_bg.jpg);
    background-repeat: repeat-x;
}
#car img {
    max-width: 1000px;
    margin: 0 auto;
}

#western {
    background-image: url(images/western_bg.png);
    background-repeat: repeat;
}
#western img {
    max-width: 1100px;
    margin: 0 auto;
}

#bodyart img {
    max-width: 1000px;
    margin: 0 auto;
}

#adventure img {
    max-width: 1000px;
    margin: 0 auto;
}

#kids_playcity {
    background-image: url(images/kids_playcity_bg.jpg);
    background-repeat: repeat-x;
}
#kids_playcity img {
    max-width: 1000px;
    margin: 0 auto;
}

#halloweenparty {
    background-image: url(images/halloween_bg.jpg);
    background-repeat: repeat;
}
#halloweenparty img {
    max-width: 1000px;
    margin: 0 auto;
}

#halloween2 {
    background-color: #0b0b0b;
}
#halloween2 img {
    max-width: 980px;
    margin: 0 auto;
}

#oceanworld {
    background-color: #000066;
}
#oceanworld img {
    max-width: 1000px;
    margin: 0 auto;
}

#maze img {
    max-width: 1000px;
    margin: 0 auto;
}

#space {
    background-image: url(images/space_bg.jpg);
    background-repeat: repeat-x;
}
#space img {
    max-width: 1000px;
    margin: 0 auto;
}

#outdoor {
    background-image: url(images/outdoor_bg.png);
    background-repeat: repeat-x;
    background-position: center top;
}
#outdoor img {
    max-width: 1200px;
    margin: 0 auto;
}

#autumnfood {
    background-color: #0b0b0b;
}
#autumnfood img {
    max-width: 1000px;
    margin: 0 auto;
}

#party img {
    max-width: 1000px;
    margin: 0 auto;
}

#modelhouse img {
    max-width: 1200px;
    margin: 0 auto;
}

.left {
    float: left;
}
.right {
    float: right;
}
.theater{
	background-image: url("images/3603d_1.jpg");
    background-position: center top;
    background-repeat: no-repeat;
	background-color: #000;
    position: relative;
    padding-top: 1434px;
}
.theater img {
    width: inherit;
}
.theater iframe {
    width: 100%;
}

.theater .contents3 {
	margin: 0 auto;
	position: relative;
    max-width: 980px;
}

.theater .section1,
.theater .section2 .secin_1,
.theater .section2 .secin_2,
.theater .contents4_in{
	max-width: 980px;
	margin: 0 auto;
}

.theater .section1{
	border: 1px solid #676767;
}

.theater .section2{
	background-image: url("images/3603d_2.jpg");
    background-position: center top;
    background-repeat: no-repeat;
	background-color: #000;
    position: relative;
}

.theater .section2 .secin_1 p{
    font-size: 13px;
	text-align: left;
	color: #fff;
	max-width: 540px;
	margin-top: 40px;
	margin-bottom: 570px;
}

.theater .section2 .secin_2 p{
	text-align: right;
	padding-top: 35px;
	padding-bottom: 50px;
}
.theater .section2 .secin_2 img {
    margin-left: auto;
}

.theater .section2 .secin_2 .left,
.theater .section2 .secin_2 .right{
    border: 3px solid #000;
    margin-bottom: 65px;
}

.theater .secin_3 p{
	margin-bottom: 40px;
}

.theater .contents4{
	background-image: url("images/3603d_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
	background-color: #000;
    position: relative;
	padding-top: 2100px;
}

.contents4_in p{
	margin-bottom: 50px;
}

.contents4_in iframe{
	border: 2px solid #676767;
}

.contents4_in p.aex{
	text-align: left;
	margin-top: 50px;
    margin-bottom: 0;
	padding-bottom: 25px;
}

.companyTable .th {
    font-size: 14px;
    color: #ee6a00;
    float: left;
    height: 35px;
    width: 100px;
    font-weight: bold;
}
.companyTable .td {
    float: left;
    height: 35px;
    width: 560px;
}

.companyTable .td2 {
     float: left;
height: 100px;
line-height: 15px;
width: 500px;
}

.companyTable .td2-2 {
     float: left;
height: 115px;
line-height: 15px;
width: 500px;
}

.companyTable .th2 {
color: #EE6A00;
float: left;
font-size: 14px;
font-weight: bold;
height: 700px;
margin-top: 7px;
width: 100px;
}

.companyTable .photo{
    padding-bottom: 10px;
}

.companyTable .th3 {
    font-size: 14px;
    color: #ee6a00;
    float: left;
    height: 43px;
    width: 100px;
    font-weight: bold;
    margin-top: 7px;
}

.companyTable .th4 {
    font-size: 14px;
    color: #ee6a00;
    float: left;
    height: 55px;
    width: 100px;
    font-weight: bold;
    margin-top: 7px;
}	
.companyTable {
    width: 660px;
    padding-top: 35px;
    padding-bottom: 130px;
    padding-left: 44px;
    display: block;
    height: 900px;
    text-align: left;
}

.companyTable .td2 .tdh, 
.companyTable .td2-2 .tdh {
color: #ee6a00;
line-height: 13px;
margin-bottom: 10px;
margin-left: 0 !important;
margin-top: 11px;
}

.companyTable .td3 {
float: left;
height: 100px;
line-height: 18px;
margin-top: 8px;
width: 490px;
}

.companyTable .td1 {
float: left;
height: 80px;
line-height: 18px;
margin-top: 8px;
width: 490px;
}
    
.companyTable .td4 {
float: left;
height: 60px;
line-height: 18px;
margin-top: 2px;
width: 560px;
}
.companyTable .td5 {
float: left;
height: 55px;
line-height: 18px;
margin-top: 8px;
width: 490px;
}
.companyTable .td6 {
float: left;
height: 135px;
line-height: 15px;
width: 250px;
}

.companyTable .td7 {
float: left;
height: 40px;
line-height: 15px;
margin-top: 15px;
width: 470px;
}

.companyTable .th7{
    margin-top: 15px;
    color: #ee6a00;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    width: 100px;
}

#company #main,
#contact #main{
    margin-top: 5px;
width: 704px;
}

#recruit {
    color: #333;
}
#recruit a {
    text-decoration: none;
}
#recruit .companyTable .th2{
height: 280px;
}

#recruit .companyTable .th3{
    line-height: 1.1;
}

#recruit .companyTable .td3{
    line-height: 1.2;
    margin-top: 4px;
}

#recruit .companyTable span{
    color: #ee6a00;
}

#recruit #contents #main .layer {
padding-bottom: 0;
}

#recruit .companyTable {
    padding-bottom: 90px;
    font-size: 13px;
}

#recruit h3{
    border-bottom: 1px solid #ee6a00;
border-left: 5px solid #ee6a00;
color: #ee6a00;
font-size: 14px;
font-weight: bold;
margin:40px 20px 12px 40px;
padding-left: 15px;
}

#recruit #main .layer p{
    margin-left: 160px;
    font-size: 13px;
}

#recruit #main .companyTable2{
    height: 520px;
margin-bottom: 50px;
padding-top: 25px;
}

#recruit .companyTable2 .th5,
#recruit .companyTable2 .td5 {
    height: 320px;
    margin-top: 0;
}

#recruit .companyTable2 span {
    line-height: 2;
}

#recruit .companyTable2 .th8,
#recruit .companyTable2 .td8 {
    height: 80px;
    margin-top: 0;
}

#recruit .companyTable2 .th9,
#recruit .companyTable2 .td9 {
    height: 130px;
    margin-top: 0;
}

/* コラム一覧 */
.column-page-main a:link, .column-page-main a:visited, .column-page-main a:active {
    color: #fff;
}
.column-page-main {
    color: #fff;
    background-color: #051627;
    padding-bottom: 100px;
    text-align: left;
}
.column-page-mv {
    width: 100%;
    margin-bottom: 65px;
    box-shadow: 0 2px 8px 8px rgba(0,0,0,0.2);
}

.l-primary {
    width: 100%;
}
.column-container:nth-of-type(n+2) {
    margin-top: 65px;
}
.column__heading {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
.column__list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
    column-gap: 30px;
}
.column__item {
    display: flex;
}
.column__img {
    position: relative;
    width: 50%;
    box-shadow: 10px 10px #000;
}
.column__img::before {
    content: "";
    display: block;
    padding-top: calc(1600% / 9);
}
.column__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
    border-top: 2px solid #d3d7e1;
    border-left: 2px solid #d3d7e1;
}
.no_image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #9c9c9c;
    border-top: 2px solid #d3d7e1;
    border-left: 2px solid #d3d7e1;
}
.column__txt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    margin-left: 40px;
}
.column__txt time {
    font-size: 14px;
    color: #818181;
}
.column__content {
    font-size: 14px;
}
.cat__list a {
    display: inline-block;
    padding: 2px 10px;
    border-top: 1px solid #676767;
    border-right: 1px solid #676767;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}
.column__ttl {
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: 15px;
}

.column__item.is-hidden {
    display: none;
}
.pagination .is-hidden {
    opacity: 0;
    visibility: hidden;
}
.showMore-area {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #676767;
    text-align: center;
}
#showMore {
    position: relative;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
}
.icon-down::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 10px;
    height: 10px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: translate(-50%, 0%) rotate(135deg);
}
.icon-right::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #676767;
    border-right: 2px solid #676767;
    transform: translate(0%,-50%) rotate(45deg);
}

.l-side {
    font-size: 16px;
    position: relative;
}
.l-side h2 {
    font-size: 20px;
    margin-bottom: 45px;
}
.side-category__item {
    position: relative;
    display: block;
    padding-left: 16px;
    padding-right: 24px;
}
.side-category__item::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #676767;
}
.side-category__item:nth-of-type(n+2) {
    margin-top: 20px;
}


/* コラム詳細 */
.column-page-main > img {
    width: 100%;
    box-shadow: 0 2px 8px 8px rgba(0,0,0,0.2);
}

.column-page-main .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    margin: 24px auto 36px;
    gap: 5px;
}
.breadcrumb li {
    color: #7db0be;
}
.breadcrumb li a {
    color: #fff;
}

.article__info {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}
.article__info time {
    font-size: 16px;
    color: #676767;
}
.article__ttl {
    font-size: 30px;
    margin-bottom: 25px;
    text-decoration: underline;
}

.column-contents figure {
    margin: 0;
}
.column-contents p:nth-of-type(n+2) {
    margin-top: 25px;
}
.eyecatch {
    margin-bottom: 25px;
}
.column-contents {
    font-size: 14px;
}
.column-contents img {
    margin-top: 60px;
    margin-bottom: 25px;
}

.pagination {
    margin-top: 100px;
}
.pagination a {
    position: relative;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 30px 40px;
    background-color: #152947;
    border-left: 1px solid #d3d7e1;
    border-bottom: 1px solid #d3d7e1;
    box-shadow: 10px 10px #000;
}
.pagination__ttl {
    display: block;
    width: 200px;
}
.pagination__guide {
    color: #7db0be;
    white-space: nowrap;
}
.pagination .icon {
    color: #7db0be;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    transform: rotate(45deg) skew(10deg,10deg);
}
.pagination-prev .icon {
    border-bottom: 1px solid currentColor;
    border-left: 1px solid currentColor;
}
.pagination-next a {
    justify-content: flex-end;
}
.pagination-next .icon {
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
}