@charset "UTF-8";

@font-face {
  font-family: "Noto Sans JP";
  src: url("/common/fonts/NotoSansJP/NotoSansJP-Regular.otf") format("opentype"),
    url("/common/fonts/NotoSansJP/NotoSansJP-Medium.otf") format("opentype"),
    url("/common/fonts/NotoSansJP/NotoSansJP-Bold.otf") format("opentype");
}

* {
  font-family: "Noto Sans JP", "Noto Sans CJK JP", Arial,
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ",
    "ＭＳ Ｐゴシック", sans-serif;
}
.content *,
.modaal-container * {
  font-family: "Noto Sans JP", "Noto Sans CJK JP", Arial,
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ",
    "ＭＳ Ｐゴシック", sans-serif;
}
body {
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}


sup {
  vertical-align: top;
}


body .modaal-container {
  font-size: 16px;
  line-height: 1.5;
}
#RE-SECOND-CONTAINER {
  min-width: 1030px;
}
.content .inner {
  width: 1030px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
}
.reg {
  font-size: 85%;
  vertical-align: 0.1em;
}
.note {
  text-indent: -1em;
  padding-left: 1em;
  text-align: left;
}
/* .modaal-container a:link {
  color: #333333;
}
.modaal-container a:visited {
  color: #333333;
}
.modaal-container a:hover {
  color: #333333;
}
.modaal-container a:active {
  color: #333333;
} */
@media screen and (max-width: 640px) {
  html {
    overflow-y: initial;
  }
  body .modaal-container {
    font-size: calc(28 / 750 * 100vw);
    font-feature-settings: "palt";
  }
  #RE-SECOND-CONTAINER {
    min-width: auto;
  }
  .content .inner {
    width: auto;
    padding: 0 25px;
  }
  .content img,
  .modaal-container img {
    width: 100%;
    height: 100%;
  }

  /* event base */
  .mql_hide {
    display: none;
  }
  .mql_show {
    display: block !important;
  }
  .mql_c-white {
    color: #fff;
  }
  #flashcontent {
    display: none;
  }
  #wmc_masthead {
    background-image: none;
  }
  #footer_contents {
    background: #000;
  }
  .theater_pageTop a {
    color: #fff;
  }
  #EVENT {
    clear: both;
  }
  /* clearfix */
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .clearfix {
    min-height: 1px;
  }
  * html .clearfix {
    height: 1px; /*\*/ /*/
		height: auto;
		overflow: hidden;
		/**/
  }
}



/* top*/
.content .top {
  background-color: #000000;
  position: relative;
  width: 100%;
  overflow: hidden;
  backface-visibility: hidden;
}
.content .top .top_bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../image/top_bg_up-pc.jpg),
    url(../image/top_bg_btm-pc.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  /* background-size: contain; */
  background-size: 100%;
  backface-visibility: hidden;
}
.content .top .top_inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 33vw 0 110px;
}
.content .top .top_ttl01 {
  width: 730px;
  height: auto;
  margin: 0 auto;
  opacity: 0;
}
.content .top .top_ttl02 {
  width: 436px;
  height: auto;
  border: none;
  margin: 80px auto 0;
  padding: 0;
  opacity: 0;
}
@media screen and (max-width: 640px) {
  .content .top .top_bg {
    background-image: url(../image/top_bg_up-sp.jpg),
      url(../image/top_bg_btm-sp.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top center, bottom center;
    background-size: contain;
  }
  .content .top .top_inner {
    padding: calc(420 / 750 * 100vw) 0 calc(120 / 750 * 100vw);
  }
  .content .top .top_ttl01 {
    width: calc(613 / 750 * 100vw);
  }
  .content .top .top_ttl02 {
    width: calc(520 / 750 * 100vw);
    margin: calc(100 / 750 * 100vw) auto 0;
  }
}



/* ----------------------------
js-loader
----------------------------- */
.js-loader {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: visible;
  opacity: 1;
  background: #ffffff;
  transition: opacity .8s, visibility .8s;
  z-index: 10000;
}
.is-loaded .js-loader {
  visibility: hidden;
  opacity: 0;
}




/* slide_up */
.slide_up {
  opacity: 0;
}
.slide_up_movie {
  opacity: 0;
}



.movie_list li {
  margin-top: 30px;
}
@media only screen and (max-width: 640px) {
  .movie_list li {
    margin-top: 20px;
  }
}
.module__list--mt0 > .module__list__items {
  margin: 0;
}
#modal-grassprice_inner .module__list > .module__list__items:nth-of-type(1) {
  margin: 0;
}



/* module override */
.theater_list .txt__link_list {
	margin: 0;
}
@media screen and (min-width: 641px) {
	.theater_list .txt__link_list .txt__link {
		margin: 0 0 0 20px;
    text-align: left;
	}
	.theater_list .txt__link_list .txt__link:nth-of-type(n+5) {
		margin: 25px 0 0 20px;
	}
}
@media screen and (max-width: 640px) {
  .theater_list .txt__link_list {
    display: flex;
  }
  .theater_list .txt__link_list .txt__link {
    width: 50%;
  }
}


/* theater page original */
.theater_list .theater_headline2 {
	font-size: 23px;
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	text-align: left;
}
.theater_list .sp_inline {
	display: none;
}
@media screen and (max-width: 640px) {
	.theater_list .theater_headline2 {
		font-size: 20px;
	}
	.theater_list .sp_inline {
		display: inline;
	}
}


/* theater_accordion */
.theater_list .theater_list_prefecture {
  border-top: solid 1px #c3c3c3;
  padding: 20px 0;
}
.theater_list .theater_list_prefecture:nth-of-type(1) {
  border-top: none;
}
.theater_list .accordion__type01__contents {
  padding: 4px 20px;
}
@media screen and (min-width: 641px) {
  .theater_list .theater_list_prefecture {
    display: flex;
  }
	.theater_list .theater_list_prefecture > dt {
		width: 165px;
    text-align: left;
	}
	.theater_list .theater_list_prefecture > dd {
		flex: 1;
	}
}
@media screen and (max-width: 640px) {
	.theater_list .link__icon a::after {
    margin-top: 0;
  }
}



/* top_recommend */
.top_recommend {
  border: solid 1px #73f4ff;
  margin: 80px 0 0;
  padding: 32px 40px 40px;
}
.top_recommend_ttl {
  color: #73f4ff;
  font-size: 30px;
  text-align: center;
}
.top_recommend_list {
  display: flex;
  gap: 40px;
  margin-top: 20px;
}
.top_recommend_list > li {
  width: 50%;
}
.top_recommend_list > li a {
  display: block;
}
.top_recommend_list .--txtblock {
  margin-top: 18px;
}
.top_recommend_list .--txtblock .--icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 21px;
  background-color: #fb3e79;
  font-size: 14px;
  margin-right: 14px;
}
@media screen and (min-width: 641px) {
  .top_recommend_list .--imgblock {
    overflow: hidden;
    display: block;
    line-height: 0;
    backface-visibility: hidden;
  }
  .top_recommend_list .--imgblock .--img {
    display: block;
    opacity: 1;
    transform: scale(1, 1);
    transition: all 0.2s ease-out;
  }
  .top_recommend_list a:hover .--imgblock .--img {
    opacity: 0.9;
    transform: scale(1.05, 1.05);
    transition: all 0.2s ease-out;
  }
  .top_recommend_list a:hover .--txtblock .--txt {
    opacity: 0.7;
  }
}
@media screen and (max-width: 640px) {
  .top_recommend {
    border: solid 2px #73f4ff;
    margin: calc(60/750 * 100vw) 0 0;
    padding: calc(48/750 * 100vw) calc(38/750 * 100vw) calc(50/750 * 100vw);
  }
  .top_recommend_ttl {
    font-size: calc(40/750 * 100vw);
  }
  .top_recommend_list {
    flex-wrap: wrap;
    gap: calc(60/750 * 100vw);
    margin-top: calc(30/750 * 100vw);
  }
  .top_recommend_list > li {
    width: 100%;
  }
  .top_recommend_list .--txtblock {
    font-size: calc(26/750 * 100vw);
    margin-top: calc(20/750 * 100vw);
  }
  .top_recommend_list .--txtblock .--icon {
    width: calc(150/750 * 100vw);
    height: calc(40/750 * 100vw);
    font-size: calc(24/750 * 100vw);
    margin-right: calc(20/750 * 100vw);
  }
  
}



/* campaign */
.campaign {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  background-color: #fff;
  padding: 20px 40px 20px 30px;
  box-sizing: border-box;
  text-decoration: none !important;
  transition: box-shadow 0.5s ease, transform 0.5s ease;
  box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 25%);
  overflow: hidden;
  gap: 30px;
}
.campaign::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  background: rgba(95, 79, 141, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  -ms-border-radius: 500px;
  -o-border-radius: 500px;
  border-radius: 500px;
}

.campaign:hover {
  box-shadow: 0 0 0 0 rgba(0 0 0 / 10%);
}
.campaign:hover::after {
  width: 200%;
  height: 400%;
}
.campaign img {
  width: 124px;
  display: block;
  /* border: 1px solid #c3c3c3; */
  z-index: 1;
}
.campaign .campaign_text {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: flex-start;
  flex-wrap: wrap;
}
.campaign .campaign_text * {
  width: 100%;
  color: #000;
  text-align: left;
  font-size: 16px;
}
.campaign .campaign_text h3 {
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 10px;
}
.campaign .campaign_text .campaign_date {
  width: auto;
  color: #ffffff;
  background-color: #b60081;
  margin: 0 auto 10px 0;
  padding: 3px 15px 5px;
}
.campaign .campaign_copyright {
  color: #888888;
  font-size: 10px;
  margin: 10px 0 0;
}

.arrow {
  width: 25px;
  height: 50px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #b60081;
  border-radius: 100px 0 0 100px;
}
.arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: 2px;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  transform: translate(-50%, -60%) rotate(135deg);
}

@media only screen and (max-width: 640px) {
  .campaign {
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
  }
  .campaign img {
    display: block;
    margin: 0 auto;
  }
  .campaign .campaign_text {
    width: 100%;
  }
  .campaign .campaign_text * {
    font-size: 14px;
  }
  .campaign .campaign_text h3 {
    font-size: 18px;
  }
  .campaign .campaign_copyright {
    font-size: calc(20 / 750 * 100vw);
    margin: calc(30 / 750 * 100vw) 0 0;
  }
}



/* enjoy */
.enjoy {
  color: #ffffff;
  background-color: #000000;
  margin: 60px 0;
  padding: 60px 0;
}
.enjoy h2 { 
  margin-top: 0;
}
.enjoy .ttl__link, .enjoy .txt__link {
  color: #ffffff;
}
.enjoy .module__3column .img__link a {
  display: block;
  border: solid 1px #c3c3c3;
}
.enjoy h4.ttl__link {
  font-size: 20px;
}


/* price */
.price {
  margin: 60px 0;
}
.price h3 {
  background-color: #000000;
  color: #ffffff;
  border-bottom: none;
  padding: 10px 20px 13px;
}

.price .glass_image {
  display: flex;
  justify-content: space-around;
  gap: 20px 0;
  margin-top: 30px;
}
.price .glass_image > li {
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .price .glass_image {
    flex-wrap: wrap;
  }
  .price .glass_image > li {
    width: 50%;
  }
}



/* modal */
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
  background: #000000;
}
.modaal-container {
  max-width: 950px;
}
.modaal-container img {
  width: 100%;
  height: auto;
}
.modaal-content-container {
  padding: 0;
}
.modal_inner {
  padding: 80px 60px 60px;
}
.modal_close {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
  width: 100%;
  height: 60px;
  cursor: pointer;
}
.modal_close_icon {
  position: relative;
  display: inline-block;
  padding: 0 0 0 29px;
}
.modal_close_icon::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFtWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuYThkNDc1MywgMjAyMy8wMy8yMy0wODo1NjozNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wNi0yMVQxNzo0OSswOTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDktMDRUMTQ6MTI6MzErMDk6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDktMDRUMTQ6MTI6MzErMDk6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE4NjY5YTliLWRiZWQtMDU0MC1iNDQ1LTJiYjg3OWJjYjU3MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3YmJkMTVkYy1mZDc5LWE3NGUtYWE0OS0zNjQ0MDRhMTM5MGUiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3YmJkMTVkYy1mZDc5LWE3NGUtYWE0OS0zNjQ0MDRhMTM5MGUiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjdiYmQxNWRjLWZkNzktYTc0ZS1hYTQ5LTM2NDQwNGExMzkwZSIgc3RFdnQ6d2hlbj0iMjAyMi0wNi0yMVQxNzo0OSswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxODY2OWE5Yi1kYmVkLTA1NDAtYjQ0NS0yYmI4NzliY2I1NzAiIHN0RXZ0OndoZW49IjIwMjMtMDktMDRUMTQ6MTI6MzErMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC43IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4M5wfzAAACWUlEQVRogdXaPW4TQRgG4CcmcpFqr0AF1IjCFQKE+KmIEDeAAqqIjivQ5AKItNAhhKjoQJFoIlEgbkFHB4RiPYrt2Ps7M4zfZmXv2DPPrnY13+zuHDu0kD1cxHfbkymu4Fv4YnZ6YLLQYA/v8QVX845tcKZ4g2NcX9wRYAF1CxU+KR8XUPvq8X+0gJtYRoVUysYtokKWcBPcxI01P66UiVuHCtnDC2rYBzzB3zUNK2XhmlDwGQ85u8ZeKx/XBXUPv7B0VywZ1wvFMowycb1RnIdRFm4QivUwysANRrEZxv/FjULRDKPGPZYXNxpFOwyO5MNFQdENRh5cNBTdYaTFRUXRD0YaXHQU/WHExSVBMQxGHFwyFMNhjMMlRTEOxjBcchTjYfTDZUERB0Y33EwmFOzG+JN5jubbV84fsEq9+rXpQEZFaehoaJrOXDZUU2dj0oRbTRIUaWDUuKctbb5KhCIdbIq7LW0u4XKi/pPA2m7pIZWExWpsWFdUSCURLiasDfVDxko8FqzLjOKajMsMMWB9pknZlhnGwobM/bLgxsDGTGiT44bCYszSk+KGwGKWHslwfWEp6qkkuD6wlEVidFxXWI7KNyquCyxbOS8irg2WExUSBdcEm+KtvKiQ0bhNsIB6sGF/SlTIKNw6WAmokMG4VVhJqJBBuEVYiaiQ3rgAKxkV0gs3sR2okM64Ce7bDlRIG+4lNewdnq9pVCIqZBPuBI84u8YOLeNKRoWs4k5wGz9ZfigRXg7eVz4qJDwIeYY75ijYWXnZGS7gT55xRcsufocPs9MD/wDzLhzPhFrypAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: left center;
  transform: translateY(-50%);
}
.modal_close:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1040px) {
  .modaal-close:before, .modaal-close:after {
    background-color: #000000;
  }
}
@media screen and (max-width: 640px) {
  .modaal-inner-wrapper {
    padding: 60px calc(25 / 750 * 100vw);
  }
  .modaal-container {
    max-width: none;
  }
  .modal_inner {
    padding: calc(80 / 750 * 100vw) calc(40 / 750 * 100vw)
      calc(40 / 750 * 100vw);
  }
  .modal_close {
    height: calc(80 / 750 * 100vw);
  }
  .modal_close_icon {
    padding: 0 0 0 calc(46 / 750 * 100vw);
  }
  .modal_close_icon::before {
    left: 0;
    width: calc(26 / 750 * 100vw);
    height: calc(26 / 750 * 100vw);
    background-size: calc(26 / 750 * 100vw) calc(26 / 750 * 100vw);
  }
  .modaal-container .btn__link {
    min-width: auto;
  }
}


#modal-grassprice_inner .modal_title {
  position: relative;
  padding: 0 0 10px 0;
  font-size: 36px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 60px;
}
#modal-grassprice_inner .modal_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80px;
  height: 5px;
  background-color: #b60081;
}
#modal-grassprice_inner .modal_block + .modal_block {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  #modal-grassprice_inner .modal_title {
    font-size: 26px;
    margin-bottom: 30px;
  }
  #modal-grassprice_inner .modal_block + .modal_block {
    margin-top: 30px;
  }
  #modal-grassprice_inner .accordion__type01__title {
    padding: calc(24/750 * 100vw) 60px calc(24/750 * 100vw) calc(30/750 * 100vw);
  }
  #modal-grassprice_inner .accordion__type01__title-icon {
    margin-right: 30px;
  }
  #modal-grassprice_inner .accordion__type01__contents {
    padding: calc(24/750 * 100vw) calc(20/750 * 100vw) calc(48/750 * 100vw) calc(30/750 * 100vw);
  }
}


/* grassprice_ttl01 */
.grassprice_ttl01 {
  color: #1124c8;
  font-size: 40px;
  border-bottom: solid 1px #bfbfbf;
  padding: 10px 0;
  text-align: center;
}
.grassprice_ttl02 {
  font-size: 24px;
  margin-top: 80px;
}
@media screen and (max-width: 640px) {
  .grassprice_ttl01 {
    font-size: calc(48/750 * 100vw);
  }
  .grassprice_ttl02 {
    font-size: calc(40/750 * 100vw);
    margin-top: calc(100/750 * 100vw);
  }
}


/* grassprice_imgbox */
.grassprice_imgbox {
  margin-top: 60px;
}
.grassprice_imgbox_ttl {
  width: 460px;
  margin: 0 auto;
  text-align: center;
}
#modal_xpand .grassprice_imgbox_ttl,
#modal_imax .grassprice_imgbox_ttl,
#modal_imaxl .grassprice_imgbox_ttl {
  width: 199px;
}
.grassprice_imgbox_list {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}
.grassprice_imgbox_list > li {
  width: 33.3%;
  text-align: center;
}
.grassprice_imgbox_list .--img {
  width: 116px;
}
.grassprice_imgbox_list .--txt {
  font-size: 20px;
  font-weight: bold;
}
.grassprice_imgbox_list .--price {
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .grassprice_imgbox {
    margin-top: calc(100/750 * 100vw);
  }
  .grassprice_imgbox_ttl {
    width: 100%;
  }
  #modal_xpand .grassprice_imgbox_ttl,
  #modal_imax .grassprice_imgbox_ttl,
  #modal_imaxl .grassprice_imgbox_ttl {
    width: calc(340/750 * 100vw);
  }
  .grassprice_imgbox_list {
    flex-wrap: wrap;
    gap: calc(30/750 * 100vw);
    margin-top: calc(60/750 * 100vw);
  }
  .grassprice_imgbox_list > li {
    width: calc(50% - (30/750 * 100vw));
  }
  .grassprice_imgbox_list .--img {
    width: calc(232/750 * 100vw);
  }
  .grassprice_imgbox_list .--txt {
    font-size: calc(34/750 * 100vw);
  }
  .grassprice_imgbox_list .--price {
    font-size: calc(28/750 * 100vw);
  }
}


/* grassprice_pricebox */
.grassprice_pricebox {
  display: flex;
  gap: 30px;
  margin-top: 30px;
  text-align: center;
}
.grassprice_pricebox .--box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 185px;
  border: solid 1px #bfbfbf;
  padding: 15px 10px;
}
.grassprice_pricebox .--box2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 185px;
  background-color: #e7e9f9;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  padding: 15px 10px;
}
.grassprice_pricebox .--txt {
  font-size: 18px;
  font-weight: normal;
}
.grassprice_pricebox .--txt span {
  display: block;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .grassprice_pricebox .--box + .--box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -23px;
    width: 16px;
    height: 2px;
    background: #000000;
    transform: translateY(-50%);
  }
  .grassprice_pricebox .--box + .--box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    width: 2px;
    height: 16px;
    background: #000000;
    transform: translateY(-50%);
  }
  .grassprice_pricebox .--box2::before {
    content: "";
    width: 25px;
    height: calc(tan(60deg) * 30px / 2);
    position: absolute;
    top: 50%;
    left: -24px;
    background: #e7e9f9;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 640px) {
  .grassprice_pricebox {
    flex-wrap: wrap;
    gap: calc(60/750 * 100vw);
    margin-top: calc(60/750 * 100vw);
  }
  .grassprice_pricebox .--box {
    width: 100%;
    padding: calc(20/750 * 100vw);
  }
  .grassprice_pricebox .--box2 {
    width: 100%;
    font-size: calc(30/750 * 100vw);
    padding: calc(20/750 * 100vw);
  }
  .grassprice_pricebox .--txt {
    font-size: calc(30/750 * 100vw);
  }
  .grassprice_pricebox .--txt span {
    display: inline;
    font-size: calc(36/750 * 100vw);
  }

  .grassprice_pricebox .--box + .--box::before {
    content: "";
    position: absolute;
    top: calc(-34/750 * 100vw);
    left: 50%;
    width: calc(28/750 * 100vw);
    height: calc(4/750 * 100vw);
    background: #000000;
    transform: translateX(-50%);
  }
  .grassprice_pricebox .--box + .--box::after {
    content: "";
    position: absolute;
    top: calc(-45/750 * 100vw);
    left: 50%;
    width: calc(4/750 * 100vw);
    height: calc(28/750 * 100vw);
    background: #000000;
    transform: translateX(-50%);
  }
  .grassprice_pricebox .--box2::before {
    content: "";
    width: calc(60/750 * 100vw);
    height: calc(tan(60deg) * calc(60/750 * 100vw) / 2);
    position: absolute;
    top: calc(-35/750 * 100vw);
    left: 50%;
    background: #e7e9f9;
    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
    transform: translateX(-50%);
  }
}

.modal_note1,
.modal_note2,
.modal_note3,
.modal_note4 {
  display: none;
}
.mdl_note1 .modal_note1,
.mdl_note2 .modal_note2,
.mdl_note3 .modal_note3,
.mdl_note4 .modal_note4 {
  display: block;
}
#modal_reald,
#modal_xpand,
#modal_imax,
#modal_imaxl {
  display: none;
}
.mdl_reald #modal_reald,
.mdl_xpand #modal_xpand,
.mdl_imax #modal_imax,
.mdl_imaxl #modal_imaxl {
  display: block;
}

.mdl_imaxl #modal_imaxl .modal_imaxl_800,
.mdl_imaxl.mdl_imaxl_800 #modal_imaxl .modal_imaxl_def {
  display: none;
}
.mdl_imaxl.mdl_imaxl_800 #modal_imaxl .modal_imaxl_800 {
  display: block;
}

.box__annotation__lightblue {
  background-color: #e7e9f9;
}