@charset "UTF-8";

#contentsend{ margin-top: 0;}
@media screen and (min-width: 768px),print {

#contents01 {margin: 0 auto;position: relative;padding: 12.1rem 0 16rem 5rem;}
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 0 5vw;max-width: 139.2rem;}
#contents01 .inner-Box h2 {margin-bottom: 4rem;position: relative;}
#contents01 .inner-Box p.subttl {margin-bottom: 4rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .inBox {position: relative;width: 60rem;border: var(--main-blue) 1px solid;padding: 3.2rem 4.8rem 4rem;}
#contents01 .inBox h3 {margin-bottom: 2.4rem;position: relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;border-bottom: #CCC 1px solid;padding-bottom: 1.6rem;}
#contents01 .inBox h3::before{ content: ""; width: 12rem; height: 1px; background: var(--main-blue); display: block; position: absolute; bottom: -1px; left: 0;}
#contents01 .inBox p.teltext { margin-bottom: 2.4rem; position: relative; }
#contents01 .inBox p.teltext span.f-en { color: var(--main-blue); }
#contents01 .inBox p.teltext span.telt { color: var(--main-blue); font-size: 1.5rem;line-height: 2.0;letter-spacing: 0.05em;font-weight: 600;text-align: left;}
#contents01 .inBox p.teltext span.sp-tel-link {font-size: 3.0rem;line-height: 1.0;letter-spacing: 0.05em;font-weight: 600;text-align: left;position: relative;top: 0.3rem;left: 0.7rem;}
#contents01 .inBox p.teltext span.time {font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-left: 1.3rem;display: inline-block;}

#contents01 .system-posts {  }
#contents01 .system-posts .system-cate{margin-bottom: 4.8rem;}
#contents01 .system-posts .system-cate ul{display:flex;flex-wrap:wrap;}
#contents01 .system-posts .system-cate ul li{width: 19.966%;}
#contents01 .system-posts .system-cate ul li a{display: block;font-size: clamp(1.2rem, 0.417vw + 1.04rem, 1.6rem);line-height: 1.0;letter-spacing: 0.05em;font-weight: 700;text-align: center;border: 1px solid var(--main-blue);padding: 1.6rem clamp(0.4rem, 0.8vw, 1.6rem);border-right: none;transition: all 0.3s ease-in-out;background: #fff;white-space: nowrap;}
#contents01 .system-posts .system-cate ul li.active a,#contents01 .system-posts .system-cate ul li a:hover{ background: var(--main-blue); color: #fff; }
#contents01 .system-posts .system-cate ul li:last-child a{ border-right: 1px solid var(--main-blue); }

#contents01 .system-list ul{display:grid;grid-template-columns:repeat(3,1fr);column-gap:2.666%;row-gap:6.4rem;margin-bottom: 6.5rem;}
#contents01 .system-list li{ position:relative; }
#contents01 .system-list li a {display: block;padding-bottom: 7.3rem;}
#contents01 .photo-Box { margin-bottom: 1.5rem; }
#contents01 .photo { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; text-align: center; margin-bottom: 15px; position: relative;}
#contents01 .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }


#contents01 .text-Box {}
#contents01 .systext {font-size: 1.1rem;line-height: 1;letter-spacing: 0em;font-weight: 400;text-align: left;margin-bottom: 0.8rem;color: #333;position: relative;padding: 0.8rem 0.8rem 0.8rem 7.2rem;}
#contents01 .systext span {color: var(--main-blue);display: inline-block;padding: 0.8rem 0rem;border:  1px solid var(--main-blue);margin: 0 0.8rem 0rem 0;width: 6rem;text-align: center;position: absolute;top: -0.2rem;background: #fff;left: 0rem;}
#contents01 .systtl {font-size: 1.6rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: left;color: #333;margin-bottom: 1.6rem;}
#contents01 .gl-btn-nolink { position: absolute; bottom: 0; left: 0; }

/* buy-dl */

#buy-dl{ }

#contentsbuy01 {margin: 0 auto 0 5rem;position: relative;padding: 12rem 5vw;border-bottom: 1px solid #ccc;}
#contentsbuy01 .inner-Box h1 {color: var(--main-blue);margin-bottom: 6.4rem;position: relative;font-size: 3.0rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsbuy01 .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;}
#contentsbuy01 .inBox{display:flex;gap:6.67%;}
#contentsbuy01 .left-Box{width:42.83%;}
#contentsbuy01 .right-Box{width:50.5%;}

#contentsbuy01 .left-Box .buy-slide.swiper { position: relative; overflow: hidden; }
#contentsbuy01 .left-Box .buy-slide .swiper-slide figure {width: 100%;height: 51.4rem;display: flex;align-items: center;justify-content: center;overflow: hidden;background: #333;}
#contentsbuy01 .left-Box .buy-slide .buy-slide-zoom { display: block; cursor: zoom-in; }
#contentsbuy01 .left-Box .swiper-slide figure img { width: auto; height: auto; max-width: 100%; max-height: 51.4rem; object-fit: contain; }
#contentsbuy01 .left-Box .buy-slide .slide-arrow {z-index: 3;background-color: var(--main-blue);position: absolute;top: 50%;transform: translateY(-50%);width: 4rem;height: 4rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;}
#contentsbuy01 .left-Box .buy-slide .slide-arrow img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#contentsbuy01 .left-Box .buy-slide .prev-arrow {transform: scale(-1, 1);left: 1rem;transform: translateY(-50%) scale(-1, 1);}
#contentsbuy01 .left-Box .buy-slide .next-arrow {right: 1rem;}
#contentsbuy01 .left-Box .buy-thumbnail-slide { display: grid; grid-template-columns: repeat(9, 1fr); gap: 1.56%; margin-top: 15px; }
#contentsbuy01 .left-Box .buy-thumbnail-slide .thumb-item { cursor: pointer; position: relative; }
#contentsbuy01 .left-Box .buy-thumbnail-slide .thumb-item figure {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;background: #333;}
#contentsbuy01 .left-Box .buy-thumbnail-slide .thumb-item picture { display: block; width: 100%; height: 100%; }
#contentsbuy01 .left-Box .buy-thumbnail-slide .thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contentsbuy01 .right-Box table{width: 100%;border-top: #CCC 1px solid;font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 4rem;}
#contentsbuy01 .right-Box table th {border-bottom: #CCC 1px solid;background: #E2E5EA;text-align: left;width: 33%;font-weight: 700;padding: 1.6rem 2rem;}
#contentsbuy01 .right-Box table td {border-bottom: #CCC 1px solid;padding: 1.6rem 2rem;background: #fff;}
#contentsbuy01 .right-Box table td p{ }
#contentsbuy01 .right-Box table td p::before{content: "";width: 0.7rem;height: 0.7rem;background: var(--main-blue);border-radius: 50%;display: inline-block;margin-right: 0.5rem;}
#contentsbuy01 .right-Box ul{display: block;}
#contentsbuy01 .right-Box ul li{ position:relative; }

#contentsbuy01 .right-Box .osusumebox{ background: #fff; padding: 2.4rem 3.2rem; margin-bottom: 4rem;}
#contentsbuy01 .right-Box .osusumebox h2{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0em;font-weight: 700;text-align: left;border-bottom: 1px solid #ccc;color: var(--main-blue);padding-bottom: 0.8rem;margin-bottom: 1.6rem;}
#contentsbuy01 .right-Box .osusumebox .osusumeicon{}
#contentsbuy01 .right-Box .osusumebox .osusumeicon img{}
#contentsbuy01 .right-Box .osusumebox .text{ font-size: 1.4rem; line-height: 2; letter-spacing: 0em; font-weight: 400; text-align: left; }
#contentsbuy01 .right-Box .gl-btn a{ text-align: center; }
#contentsbuy01 .right-Box .gl-btn a .arr img{transform: rotate(90deg);transform-origin: center;top: 43%;}

#contents-photo{margin: 0 0 0 5rem;padding: 9.8rem 5vw 11.8rem;border-bottom: 1px solid #ccc;}
#contents-photo .inner-Box h2{color: var(--main-blue);font-size:  2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 3.2rem;}
#contents-photo .inner-Box{margin: 0 auto;max-width: 120rem;}
#contents-photo .inner-Box ul{ display:grid; grid-template-columns:repeat(6,calc((100% - 1.6rem * 5) / 6)); gap:1.6rem; }
#contents-photo .inner-Box ul li{ position:relative; }
#contents-photo .inner-Box ul li .photo {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin-bottom: 0.8rem;position: relative;}
#contents-photo .inner-Box ul li .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents-photo .inner-Box ul li .captext{font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #333333;}

#contents-madori{margin: 0 0 0 5rem;padding: 9.8rem 5vw 11.7rem;border-bottom: 1px solid #ccc;}
#contents-madori h2{color: var(--main-blue);font-size:  2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 3.2rem;}
#contents-madori .inner-Box{display:flex;gap: 6%;background: #fff;max-width: 120rem;margin: 0 auto;padding: 5.6rem 6.4rem 6.4rem;}
#contents-madori .inner-Box .left-Box{width: 44.34%;}
#contents-madori .inner-Box .right-Box{width:49.63%;}
#contents-madori figure.photo {width: 100%;height: 50rem;display: flex;/* align-items: center; */justify-content: center;overflow: hidden;}
#contents-madori  figure.photo img { width: auto; height: auto; max-width: 100%; max-height: 50rem; object-fit: contain; }


#contents-madori h3{color: var(--main-blue);font-size: 2.2rem;line-height: 1.3;letter-spacing: 0.05em;font-weight: 700;text-align: center;position: relative;top: -0.6rem;margin-bottom: 3.2rem;}
#contents-madori h3::before{content: "";display: inline-block;background: var(--main-blue);width: 1px;height: 3rem;position: relative;top: 0.7rem;left: -1.8rem;transform: rotate(143deg);transform-origin: center;}
#contents-madori h3::after{content: "";display: inline-block;background: var(--main-blue);width: 1px;height: 3rem;position: relative;top: 0.7rem;left: 1.7rem;transform: rotate(-143deg);}
#contents-madori .inBox{ margin-bottom: 3.2rem; }
#contents-madori .inBox:last-child{ margin-bottom: 0; }
#contents-madori .inBox h4{font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;border-bottom: 1px solid #ccc;position: relative;padding-bottom: 0.8rem;margin-bottom: 1.6rem;}
#contents-madori .inBox h4::before{ content: ""; width: 5.6rem; height: 1px; background: var(--main-blue); display: block; position: absolute; bottom: -1px; left: 0;}
#contents-madori .inBox .text{ font-size: 1.4rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; text-align: left; }

#contents-access{margin: 0 0 0 5rem;padding: 9.8rem 5vw 11.8rem;border-bottom: 1px solid #ccc;}
#contents-access .inner-Box{margin: 0 auto;width: 80rem;}
#contents-access .inner-Box h2{color: var(--main-blue);font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 3.2rem;}
#contents-access .inner-Box iframe{width: 100%;aspect-ratio: 8 / 5;overflow: hidden;margin-bottom: 4rem;}
#contents-access .inner-Box p.text{font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents-access .inner-Box table{width: 100%;border-top: #CCC 1px solid;font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 4rem;}
#contents-access .inner-Box table th {border-bottom: #CCC 1px solid;background: #E2E5EA;text-align: left;width: 33%;font-weight: 700;padding: 1.6rem 2rem;}
#contents-access .inner-Box table td {border-bottom: #CCC 1px solid;padding: 1.6rem 2rem;background: #fff;}
#contents-access .inner-Box .gl-btn a{ text-align: center; }
#contents-access .inner-Box .gl-btn a .arr img{transform: rotate(90deg);transform-origin: center;top: 43%;}

#contents-body{margin: 0 0 0 5rem;padding: 9.8rem 5vw 11.8rem;border-bottom: 1px solid #ccc;}
#contents-body .inner-Box{margin: 0 auto;width: 80rem;}
#contents-body .inner-Box h2{color: var(--main-blue);font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 3.2rem;}


#contents-dl{margin: 0 0 0 5rem;padding: 9.8rem 5vw 11.8rem;border-bottom: 1px solid #ccc;}
#contents-dl .inner-Box{ }
#contents-dl .inner-Box h2{color: var(--main-blue);font-size:  2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 3.2rem;}
#contents-dl .inner-Box table{max-width: 800px;width: 100%;margin: 0 auto;border-top: #CCC 1px solid;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 3.2rem;}
#contents-dl .inner-Box table th{font-weight: 700;background: #E2E5EA;border-bottom: #CCC 1px solid;padding: 1.6rem 2rem;width: 25%;}
#contents-dl .inner-Box table td{background: #fff;border-bottom: #CCC 1px solid;padding: 1.6rem 2rem;}
#contents-dl .js-more-table{display:none;}
#contents-dl .smorebtn.is-open span::before{ content: none; }


#contents-gallery{margin: 0 0 0 5rem;padding: 9.8rem 5vw 11.8rem;}
#contents-gallery .inner-Box h2{color: var(--main-blue);font-size:  2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 3.2rem;}
#contents-gallery .inner-Box{margin: 0 auto;max-width: 120rem;}
#contents-gallery .inner-Box ul{ display:grid; grid-template-columns:repeat(3,1fr); column-gap:2%; row-gap:3.2rem;}
#contents-gallery .inner-Box ul li{ position:relative; }
#contents-gallery .inner-Box ul li .photo {width: 100%;aspect-ratio: 384 / 260;overflow: hidden;text-align: center;margin-bottom: 0.8rem;position: relative;}
#contents-gallery .inner-Box ul li .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents-gallery .inner-Box ul li .captext{font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #333333;}

#contentsmm .posttitl {border:  var(--main-blue) 1px solid;font-size: 1.6rem;line-height: 1.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: var(--main-blue);position: relative;padding: 1.7rem 1.6rem 1.6rem 10.2rem;margin-bottom: 3rem;}
#contentsmm .posttitl .ttll{font-weight: bold;position: absolute;top: 1.7rem;left: 1.9rem;}
#contentsmm .posttitl .postname{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}


}
@media screen and (min-width:768px) and ( max-width:1023px) {
#contentsmain,#contents01,#contents-vr,#contents-access,#contents-dl,#contents-gallery,
#contentsbuy01,#contents-photo,#contents-madori,#contents-body{margin-left: 0rem!important;}
#contents01{ padding-left: 0;}

	
}

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






#contents01 {position: relative;/* background: #fff; */padding: 11.3vw 4.3vw 15.3vw;}
#contents01 .inner-Box {position: relative;}
#contents01 .inner-Box h2 {margin-bottom: 3.57vw;position: relative;}
#contents01 .inner-Box p.subttl {margin-bottom: 5.97vw;position: relative;font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 350;text-align: left;}
#contents01 .inBox {position: relative;border: var(--main-blue) 0.27vw solid;padding: 5.23vw 5.2vw 5.17vw;}
#contents01 .inBox h3 {margin-bottom: 4.4vw;position: relative;border-bottom: #CCC 0.27vw solid;padding-bottom: 2.57vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contents01 .inBox h3::before{ content: ""; width: 32.00vw; height: 0.27vw; background: var(--main-blue); display: block; position: absolute; bottom: 0vw; left: 0;}
#contents01 .inBox p.teltext { margin-bottom: 6.40vw; position: relative; }
#contents01 .inBox p.teltext span.f-en { color: var(--main-blue); }
#contents01 .inBox p.teltext span.telt {color: var(--main-blue);font-size: 2.9vw;line-height: 1.0;letter-spacing: 0.05em;font-weight: 600;text-align: left;margin-right: 0.9vw;}
#contents01 .inBox p.teltext span.sp-tel-link {position: relative;top: 0.80vw;left: 1.87vw;font-size: 5.8vw;line-height: 1.0;letter-spacing: 0.05em;font-weight: 600;text-align: left;}
#contents01 .inBox p.teltext span.time {font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-left: -0.13vw;display: inline-block;margin-top: 3.3vw;}
#contents01 .inBox .gl-btn{ }
#contents01 .inBox .gl-btn a{height: 14.5vw;text-align: center;padding: 5vw;}
#contents01 .inBox .gl-btn a .arr::before{
    right: 8.6vw;
}

#contents01 .system-posts {  }
#contents01 .system-posts .system-cate{margin-bottom: 6.4vw;}
#contents01 .system-posts .system-cate ul{display:flex;flex-wrap:wrap;}
#contents01 .system-posts .system-cate ul li{width:33.333%;margin: 0 0 -1px -1px;}
#contents01 .system-posts .system-cate ul li a{display: block;border: 0.27vw solid var(--main-blue);padding: 3.87vw 0.87vw;/* border-right: none; */transition: all 0.3s ease-in-out;font-size: 3.20vw;line-height: 1.0;letter-spacing: 0em;font-weight: 700;text-align: center;background: #fff;white-space: nowrap;}
#contents01 .system-posts .system-cate ul li.active a,#contents01 .system-posts .system-cate ul li a:hover{ background: var(--main-blue); color: #fff; }
#contents01 .system-posts .system-cate ul li:last-child a{ border-right: 0.27vw solid var(--main-blue); }

#contents01 .system-list ul{display: block;margin-bottom: 7vw;}
#contents01 .system-list li{ position:relative; }

#contents01 .system-list li a{display:flex;gap:3.1%;position:relative;width:100%;padding-bottom:16.80vw;border:1px solid #CCCCCC;background:#fff;padding: 2.8vw 2.8vw 14.5vw;margin-bottom: 3vw;}
#contents01 .photo-Box{width:29.72%;} /* 96 ÷ 323 */
#contents01 .text-Box{width:67.18%;} /* 217 ÷ 323 */


#contents01 .photo { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; text-align: center; margin-bottom: 4.0vw; position: relative;}
#contents01 .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents01 .systext {font-size: 2.93vw;line-height: 1;letter-spacing: 0em;font-weight: 400;text-align: left;margin-bottom: 2.13vw;color: #333;position: relative;padding: 2.13vw 2.13vw 2.13vw 19.20vw;}
#contents01 .systext span {color: var(--main-blue);display: inline-block;padding: 2.13vw 0vw;border:  0.27vw solid var(--main-blue);margin: 0 2.13vw 0vw 0;width: 16.00vw;text-align: center;position: absolute;top: -0.53vw;left: 0vw;}
#contents01 .systtl {font-size: 3.73vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: left;color: #333;margin-bottom: 4.27vw;}
#contents01 .gl-btn-nolink {background: linear-gradient(90deg, var(--btn-grad-start) 0%, var(--btn-grad-end) 50%, var(--btn-grad-start) 100%);background-size: 200% 100%;background-position: 0% center;transition: background-position 0.6s ease-in-out;overflow: hidden;display: block;width: 86.3vw;height: 9.4vw;color: #fff;position: absolute;padding: 3.13vw 0 0 0.13vw;transition: all 0.5s ease-in-out;cursor: pointer;bottom: 2.5vw;left: 2.8vw;font-size: 3.47vw;line-height: 1.0;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents01 .gl-btn-nolink .arr {display: block;width: 5.2vw;height: 3.43vw;position: absolute;right: 0.13vw;top: 50%;transform: translatey(-50%);}
#contents01 .gl-btn-nolink .arr img{top: 0.4vw;}


#rent-dl{ }

#contentsbuy01 {margin: 0 auto 0;position: relative;padding: 11.2vw 4.3vw 8.2vw 4.3vw;border-bottom: 1px solid #ccc;}
#contentsbuy01 .inner-Box h1 {color: var(--main-blue);margin-bottom: 4.27vw;position: relative;font-size: 5.31vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsbuy01 .inner-Box {position: relative;}
#contentsbuy01 .inBox{}
#contentsbuy01 .left-Box{margin-bottom: 8vw;}
#contentsbuy01 .right-Box{}

#contentsbuy01 .left-Box .buy-slide.swiper { position: relative; overflow: hidden; }
#contentsbuy01 .left-Box .buy-slide .swiper-slide figure {width: 100%;height: 91.17vw;display: flex;align-items: center;justify-content: center;overflow: hidden;background: #333;}
#contentsbuy01 .left-Box .buy-slide .buy-slide-zoom { display: block; cursor: zoom-in; }
#contentsbuy01 .left-Box .swiper-slide figure img {width: auto;height: auto;max-width: 100%;max-height: 91.17vw;object-fit: contain;}
#contentsbuy01 .left-Box .buy-slide .slide-arrow {z-index: 3;background-color: var(--main-blue);position: absolute;bottom: 41.07vw;top: 50%;transform: translateY(-50%);left: 50%;width: 8.87vw;height: 8.87vw;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;padding: 3.4vw 3.3vw 3.4vw 3.6vw;}
#contentsbuy01 .left-Box .buy-slide .slide-arrow img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#contentsbuy01 .left-Box .buy-slide .prev-arrow {margin-left: -42.1vw;transform: translateY(-50%) scale(-1, 1);}
#contentsbuy01 .left-Box .buy-slide .next-arrow {margin-left: 33.4vw;}
#contentsbuy01 .left-Box .buy-thumbnail-slide {display: grid;grid-template-columns: repeat(6, 1fr);gap: 1.3vw 1.46%;margin-top: 4.5vw;}
#contentsbuy01 .left-Box .buy-thumbnail-slide .thumb-item { cursor: pointer; position: relative; }
#contentsbuy01 .left-Box .buy-thumbnail-slide .thumb-item figure {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;background: #333;}
#contentsbuy01 .left-Box .buy-thumbnail-slide .thumb-item picture { display: block; width: 100%; height: 100%; }
#contentsbuy01 .left-Box .buy-thumbnail-slide .thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contentsbuy01 .right-Box table{width: 100%;border-top: #CCC 0.27vw solid;margin-bottom: 8.67vw;font-size: 3.38vw;line-height: 1.5;letter-spacing: 0.02em;font-weight: 400;text-align: left;}
#contentsbuy01 .right-Box table th {border-bottom: #CCC 0.27vw solid;background: #E2E5EA;text-align: left;width: 22.1%;font-weight: 700;padding: 2.77vw 3.03vw;}
#contentsbuy01 .right-Box table td {border-bottom: #CCC 0.27vw solid;padding: 2.77vw 3.03vw;background: #fff;}
#contentsbuy01 .right-Box table td p{margin-bottom: 1vw;}
#contentsbuy01 .right-Box table td p:last-child{ margin-bottom: 0vw;}
#contentsbuy01 .right-Box table td p::before{content: "";width: 1.87vw;height: 1.87vw;background: var(--main-blue);border-radius: 50%;display: inline-block;margin-right: 1.33vw;}
#contentsbuy01 .right-Box ul{}
#contentsbuy01 .right-Box ul li{position:relative;margin-bottom: 2.6vw;}
#contentsbuy01 .right-Box ul li .gl-btn a{ height: 13.87vw; font-size: 3.73vw; line-height: 1.0; letter-spacing: 0.05em; font-weight: 700; text-align: left; padding: 5vw 5vw 5vw 6.4vw; }
#contentsbuy01 .right-Box ul li.ffx .gl-btn a .arr img{transform: rotate(90deg);transform-origin: center;top: 43%;}
#contentsbuy01 .right-Box ul li .gl-btn a .arr img{right: 5.3vw;}
#contentsbuy01 .right-Box ul li .gl-btn a .arr::before{right: 11.7vw;height: 5.5vw;}

#contents-vr{padding: 8.5vw 4.4vw;border-bottom: 1px solid #ccc;}
#contents-vr .inner-Box{}
#contents-vr .inner-Box h2{color: var(--main-blue);margin-bottom: 6.13vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents-vr .inner-Box iframe{width: 100%;height: 57.3vw;}



#contents-access{padding: 8.5vw 4.4vw 10.2vw;border-bottom: 1px solid #ccc;}
#contents-access .inner-Box{}
#contents-access .inner-Box h2{color: var(--main-blue);margin-bottom: 6.13vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents-access .inner-Box iframe{width: 100%;height: 57.3vw;margin-bottom: 4vw;}
#contents-access .inner-Box p.text{font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-top: 3vw;}

#contents-access .inner-Box table{width: 100%;border-top: #CCC 0.27vw solid;font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 10.67vw;}
#contents-access .inner-Box table th {border-bottom: #CCC 0.27vw solid;background: #E2E5EA;text-align: left;width: 33%;font-weight: 700;padding: 4.27vw 5.33vw;}
#contents-access .inner-Box table td {border-bottom: #CCC 0.27vw solid;padding: 4.27vw 5.33vw;background: #fff;}
#contents-access .inner-Box .gl-btn a{height: 12vw;padding-top: 3.8vw;}
#contents-access .inner-Box .gl-btn a .arr img{transform: rotate(90deg);transform-origin: center;top: 43%;}


#contents-dl{padding: 8.5vw 4.4vw 10.2vw;border-bottom: 1px solid #ccc;}
#contents-dl .inner-Box{}
#contents-dl .inner-Box h2{color: var(--main-blue);margin-bottom: 6.13vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents-dl .inner-Box table{width: 100%;border-top: #CCC 0.27vw solid;font-size: 3.38vw;line-height: 1.5;letter-spacing: 0.02em;font-weight: 400;text-align: left;margin-bottom: 6vw;}
#contents-dl .inner-Box table th {border-bottom: #CCC 0.27vw solid;background: #E2E5EA;text-align: left;width: 22.1%;font-weight: 700;padding: 2.77vw 3.03vw;}
#contents-dl .inner-Box table td {border-bottom: #CCC 0.27vw solid;padding: 2.77vw 3.03vw;background: #fff;}

#contents-gallery{padding: 8.5vw 4.4vw 19.2vw;}
#contents-gallery .inner-Box{}
#contents-gallery .inner-Box h2{color: var(--main-blue);margin-bottom: 6.13vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents-gallery .inner-Box{}
#contents-gallery .inner-Box ul{display:grid;grid-template-columns: repeat(2,1fr);column-gap: 4%;row-gap: 2.83vw;}
#contents-gallery .inner-Box ul li{ position:relative; }
#contents-gallery .inner-Box ul li .photo {width: 100%;aspect-ratio: 384 / 260;overflow: hidden;text-align: center;margin-bottom: 2.13vw;position: relative;}
#contents-gallery .inner-Box ul li .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents-gallery .inner-Box ul li .captext{font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #333333;}

#contentsmm .posttitl {border:  var(--main-blue) 0.27vw solid;font-size: 4.27vw;line-height: 1.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: var(--main-blue);position: relative;padding: 4.53vw 4.27vw 4.27vw 27.20vw;margin-bottom: 8.00vw;}
#contentsmm .posttitl .ttll{font-weight: bold;position: absolute;top: 4.53vw;left: 5.07vw;}
#contentsmm .posttitl .postname{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

#contentsbuy01 .right-Box .osusumebox{background: #fff;padding: 6.40vw 8.53vw;margin-bottom: 5.67vw;}
#contentsbuy01 .right-Box .osusumebox h2{font-size: 4.27vw;line-height: 1.5;letter-spacing: 0em;font-weight: 700;text-align: left;border-bottom: 0.27vw solid #ccc;color: var(--main-blue);padding-bottom: 2.13vw;margin-bottom: 4.27vw;}
#contentsbuy01 .right-Box .osusumebox .osusumeicon{ width: 5vw; display: inline-block; margin-right: 1vw; position: relative; top: -1vw; }
#contentsbuy01 .right-Box .osusumebox .osusumeicon img{}
#contentsbuy01 .right-Box .osusumebox .text{ font-size: 3.73vw; line-height: 2; letter-spacing: 0em; font-weight: 400; text-align: left; }
#contentsbuy01 .right-Box .gl-btn a{ text-align: center; }
#contentsbuy01 .right-Box .gl-btn a .arr img{transform: rotate(90deg);transform-origin: center;top: 43%;}

#contents-photo{padding: 8.5vw 4.4vw 19.2vw;border-bottom: 1px solid #ccc;}
#contents-photo .inner-Box{}
#contents-photo .inner-Box h2{color: var(--main-blue);margin-bottom: 6.13vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents-photo .inner-Box{}
#contents-photo .inner-Box ul{display:grid;grid-template-columns: repeat(2,1fr);column-gap: 4%;row-gap: 2.83vw;}
#contents-photo .inner-Box ul li{ position:relative; }
#contents-photo .inner-Box ul li .photo {width: 100%;aspect-ratio: 384 / 260;overflow: hidden;text-align: center;margin-bottom: 2.13vw;position: relative;}
#contents-photo .inner-Box ul li .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents-photo .inner-Box ul li .captext{font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #333333;}

#contents-madori{padding: 8.5vw 4.4vw 8.5vw;border-bottom: 1px solid #ccc;}
#contents-madori .inner-Box{}
#contents-madori h2{color: var(--main-blue);margin-bottom: 6.13vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents-madori .inner-Box{background: #fff;padding: 3vw 5vw 7vw;}
#contents-madori .inner-Box .left-Box{
    margin-bottom: 6vw;
}
#contents-madori .inner-Box .right-Box{}
#contents-madori figure.photo {width: 100%;align-items: center;justify-content: center;overflow: hidden;}
#contents-madori  figure.photo img {width: auto;height: auto;max-width: 100%;object-fit: contain;}


#contents-madori h3{color: var(--main-blue);font-size: 4.87vw;line-height: 1.3;letter-spacing: 0.05em;font-weight: 700;text-align: center;position: relative;top: -1.60vw;margin-bottom: 3.53vw;}
#contents-madori h3::before{content: "";display: inline-block;background: var(--main-blue);width: 0.27vw;height: 5.8vw;position: relative;top: 1.87vw;left: -4.80vw;transform: rotate(143deg);transform-origin: center;}
#contents-madori h3::after{content: "";display: inline-block;background: var(--main-blue);width: 0.27vw;height: 6vw;position: relative;top: 1.87vw;left: 4.53vw;transform: rotate(-143deg);}
#contents-madori .inBox{ margin-bottom: 8.53vw; }
#contents-madori .inBox:last-child{ margin-bottom: 0; }
#contents-madori .inBox h4{font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;border-bottom: 0.27vw solid #ccc;position: relative;padding-bottom: 2.13vw;margin-bottom: 4.27vw;}
#contents-madori .inBox h4::before{ content: ""; width: 14.93vw; height: 0.27vw; background: var(--main-blue); display: block; position: absolute; bottom: 0vw; left: 0;}
#contents-madori .inBox .text{ font-size: 3.73vw; line-height: 1.8; letter-spacing: 0.05em; font-weight: 400; text-align: left; }

#contents-body{padding: 13vw 4vw;border-bottom: 0.27vw solid #ccc;}
#contents-body .inner-Box{}
#contents-body .inner-Box h2{color: var(--main-blue);margin-bottom: 0vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents-dl .js-more-table{display:none;}



}