@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : hikari.css
 author     : Ability Consultant
 style info : HIKARIストリート
=================================================================== */
@font-face {
  font-family: 'Hannari';
  src: url("./font/Hannari.woff") format("woff"), url("./font/Hannari.otf’") format("opentype");
}
#fixHeader nav, .l-about .inner, .l-about .box_about, .l-gallery, .l-movie, .l-infor, .l-nigth_rose_garden {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1240px) {
  #fixHeader nav, .l-about .inner, .l-about .box_about, .l-gallery, .l-movie, .l-infor, .l-nigth_rose_garden {
    width: 96.77419%;
  }
}
@media print {
  #fixHeader nav, .l-about .inner, .l-about .box_about, .l-gallery, .l-movie, .l-infor, .l-nigth_rose_garden {
    width: 96.77419%;
  }
}
.ie8 #fixHeader nav, #fixHeader .ie8 nav, .ie8 .l-about .inner, .l-about .ie8 .inner, .ie8 .l-about .box_about, .l-about .ie8 .box_about, .ie8 .l-gallery, .ie8 .l-movie, .ie8 .l-infor, .ie8 .l-nigth_rose_garden {
  width: 96.77419%;
}
@media only screen and (max-width: 1199px) {
  #fixHeader nav, .l-about .inner, .l-about .box_about, .l-gallery, .l-movie, .l-infor, .l-nigth_rose_garden {
    width: 91.66667%;
  }
}

.bg_ping {
  background: linear-gradient(to right, #e79298, #fde7c9);
}

#page {
  overflow: hidden;
  padding-right: 0;
  background: #040d18;
  background: url(../../hikari/images/common/bg_base.jpg) repeat 0 0;
}

.c-title {
  text-align: center;
}
.c-title .en {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 436%;
  font-family: 'Italianno', cursive;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.02em;
  display: block;
  font-weight: 400;
  padding-right: 0.1em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-title .en {
    font-size: 393%;
  }
}
@media only screen and (max-width: 767px) {
  .c-title .en {
    font-size: 315%;
  }
}
.c-title svg {
  width: 20px;
  height: 20px;
  margin: .5em auto .8em;
  display: block;
}
.c-title .jp {
  font-weight: 900;
  letter-spacing: 0.52em;
  margin-left: .26em;
  font-size: 143%;
  line-height: 1.2;
  color: #fff;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-title .jp {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .c-title .jp {
    font-size: 115%;
  }
}

.c-btn1 a {
  display: block;
  text-decoration: none !important;
  text-align: center;
  border: 1px solid #e89599;
  line-height: 1.5;
  background: #e89599;
  padding: 1em 0;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 10px rgba(232, 149, 153, 0.7);
  -webkit-box-shadow: 0 0 10px rgba(232, 149, 153, 0.7);
  box-shadow: 0 0 10px rgba(232, 149, 153, 0.7);
  -moz-transition: background 0.6s ease-out;
  -o-transition: background 0.6s ease-out;
  -webkit-transition: background 0.6s ease-out;
  transition: background 0.6s ease-out;
}
@media only screen and (min-width: 1200px) {
  .c-btn1 a {
    font-size: 115%;
  }
}
@media print {
  .c-btn1 a {
    font-size: 115%;
  }
}
.ie8 .c-btn1 a {
  font-size: 115%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-btn1 a {
    font-size: 108%;
  }
}
.c-btn1 a span {
  color: #fff;
  text-shadow: 0 0 30px rgba(118, 38, 38, 0.8);
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.c-btn1 a:hover {
  background: rgba(232, 149, 153, 0);
}
.c-btn1 a:hover span {
  color: #e89599;
  text-shadow: none;
}

.dec_ani {
  -moz-animation: 30s linear infinite rotate;
  -webkit-animation: 30s linear infinite rotate;
  animation: 30s linear infinite rotate;
}

.dec_ani2 {
  -moz-animation: 30s linear infinite rotate2;
  -webkit-animation: 30s linear infinite rotate2;
  animation: 30s linear infinite rotate2;
}

@-moz-keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.ani_star {
  -moz-animation: star 2s linear infinite;
  -webkit-animation: star 2s linear infinite;
  animation: star 2s linear infinite;
}

.ani_star2 {
  -moz-animation: star2 4s linear infinite;
  -webkit-animation: star2 4s linear infinite;
  animation: star2 4s linear infinite;
}

.ani_star3 {
  -moz-animation: star3 3s linear infinite;
  -webkit-animation: star3 3s linear infinite;
  animation: star3 3s linear infinite;
}

.ani_star4 {
  -moz-animation: star4 2s linear infinite;
  -webkit-animation: star4 2s linear infinite;
  animation: star4 2s linear infinite;
}

@-moz-keyframes star {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes star {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes star {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes star2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  95% {
    opacity: 1;
  }
}
@-webkit-keyframes star2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  95% {
    opacity: 1;
  }
}
@keyframes star2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  95% {
    opacity: 1;
  }
}
@-moz-keyframes star3 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes star3 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes star3 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes star4 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes star4 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes star4 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#bg_star {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: block;
  pointer-events: none;
  z-index: 100;
}
#bg_star figure {
  position: absolute;
  padding: 0;
  margin: 0;
  display: block;
}
#bg_star .ic1 {
  width: 8.59375%;
  left: 10%;
  top: 82.10526%;
}
#bg_star .ic2 {
  width: 4.27083%;
  left: 4.58333%;
  top: 77.89474%;
}
#bg_star .ic3 {
  width: 4.27083%;
  left: 6.71875%;
  top: 26.10526%;
}
#bg_star .ic4 {
  width: 8.59375%;
  left: 5.20833%;
  top: 35.78947%;
}
#bg_star .ic5 {
  width: 4.21875%;
  left: 5.36458%;
  top: 45.26316%;
}
#bg_star .ic6 {
  width: 6.40625%;
  left: 2.13542%;
  top: 53.57895%;
}
#bg_star .ic7 {
  width: 5.05208%;
  left: 0;
  top: 28.94737%;
}
#bg_star .ic8 {
  width: 4.32292%;
  right: 7.70833%;
  top: 45.05263%;
}
#bg_star .ic9 {
  width: 4.27083%;
  right: 6.45833%;
  top: 32.84211%;
}
#bg_star .ic10 {
  width: 8.75%;
  right: 1.97917%;
  top: 25.05263%;
}
#bg_star .ic11 {
  width: 7.1875%;
  right: 0;
  top: 51.89474%;
}
#bg_star .ic12 {
  width: 4.79167%;
  right: 2.60417%;
  top: 10.21053%;
}
#bg_star .ic13 {
  width: 4.79167%;
  right: 12.96875%;
  top: 27.78947%;
}

#header_hikari, #fixHeader {
  background: rgba(0, 0, 0, 0.4);
}
#header_hikari nav .gnav_hikari, #fixHeader nav .gnav_hikari {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #header_hikari nav .gnav_hikari, #fixHeader nav .gnav_hikari {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #header_hikari nav .gnav_hikari li:not(#header_hikari nav .gnav_hikari li:first-child):not(#fixHeader nav .gnav_hikari li:first-child), #fixHeader nav .gnav_hikari li:not(#header_hikari nav .gnav_hikari li:first-child):not(#fixHeader nav .gnav_hikari li:first-child) {
    margin-left: 2em;
  }
}
#header_hikari nav .gnav_hikari li a, #fixHeader nav .gnav_hikari li a {
  display: block;
  position: relative;
  text-decoration: none;
  color: #fff;
  padding: 1.6em 0;
  letter-spacing: 0.08em;
  line-height: 1;
  text-shadow: 0 0 40px rgba(5, 14, 35, 0.5);
}
@media only screen and (min-width: 1200px) {
  #header_hikari nav .gnav_hikari li a, #fixHeader nav .gnav_hikari li a {
    font-size: 115%;
  }
}
@media print {
  #header_hikari nav .gnav_hikari li a, #fixHeader nav .gnav_hikari li a {
    font-size: 115%;
  }
}
.ie8 #header_hikari nav .gnav_hikari li a, .ie8 #fixHeader nav .gnav_hikari li a {
  font-size: 115%;
}
#header_hikari nav .gnav_hikari li a::before, #fixHeader nav .gnav_hikari li a::before {
  content: '';
  width: 1px;
  height: 0;
  display: block;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
#header_hikari nav .gnav_hikari li.active a::before, #header_hikari nav .gnav_hikari li:hover a::before, #fixHeader nav .gnav_hikari li.active a::before, #fixHeader nav .gnav_hikari li:hover a::before {
  height: 1.125em;
}

#header_hikari {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #header_hikari {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#header_hikari .logo {
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  #header_hikari .logo {
    width: 11.97917%;
  }
}
@media print {
  #header_hikari .logo {
    width: 11.97917%;
  }
}
.ie8 #header_hikari .logo {
  width: 11.97917%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #header_hikari .logo {
    width: 19.16667%;
    -moz-transform: translateY(-85%);
    -ms-transform: translateY(-85%);
    -webkit-transform: translateY(-85%);
    transform: translateY(-85%);
  }
}
@media only screen and (min-width: 984px) and (max-width: 1199px) {
  #header_hikari .logo {
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%);
  }
}
@media only screen and (max-width: 767px) {
  #header_hikari .logo {
    width: 35.64103%;
    left: 1.28205%;
  }
}
#header_hikari .logo a {
  display: block;
}
#header_hikari h1 {
  padding-left: 10.9375%;
  color: #fff;
  font-size: 86%;
  font-weight: 400;
  line-height: 1.25;
  text-shadow: 0 0 40px rgba(5, 14, 35, 0.5);
  margin-right: 1.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #header_hikari h1 {
    margin: 1.5em 0 0;
    padding-left: 17.5%;
  }
}
@media only screen and (max-width: 767px) {
  #header_hikari h1 {
    padding-left: 33.33333%;
    width: 43.58974%;
    margin-right: 0;
  }
}
#header_hikari nav {
  margin-right: 3.38542%;
  width: 820px;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  #header_hikari nav {
    width: 740px;
  }
}
@media print {
  #header_hikari nav {
    width: 740px;
  }
}
.ie8 #header_hikari nav {
  width: 740px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #header_hikari nav {
    width: 100%;
    margin: 0.5em 0 0;
  }
}
#header_hikari .js-hikariBtn {
  width: 23.07692%;
  padding: 1.1em 0;
}
#header_hikari .js-hikariBtn .bar {
  width: 44.44444%;
  height: 1.4em;
  margin: auto;
  position: relative;
}
#header_hikari .js-hikariBtn .bar span {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
}
#header_hikari .js-hikariBtn .bar span:nth-child(1) {
  top: 0;
}
#header_hikari .js-hikariBtn .bar span:nth-child(2) {
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#header_hikari .js-hikariBtn .bar span:nth-child(3) {
  bottom: 0;
}

#fixHeader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  -moz-transition: opacity 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}
.fix #fixHeader {
  pointer-events: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#fixHeader nav {
  max-width: 820px;
}

.l-mainimg {
  position: relative;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1023px) {
  .l-mainimg {
    margin-bottom: 5em;
  }
}
.l-mainimg .bg_img {
  position: relative;
  z-index: 0;
}
.l-mainimg h2 {
  position: absolute;
  z-index: 1;
  width: 43.02083%;
  left: 46.71875%;
  top: 13.91304%;
}
@media only screen and (max-width: 1023px) {
  .l-mainimg h2 {
    width: 95.64103%;
    left: 0;
    top: 14.07942%;
  }
}
.l-mainimg h2 picture {
  display: block;
}

.l-about {
  position: relative;
  margin-bottom: 32.8125%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about {
    margin-bottom: 52.5%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about {
    margin-bottom: 26em;
  }
}
.l-about:before {
  content: '';
  width: 100%;
  height: 162.19035%;
  display: block;
  background: url(../../hikari/images/bg_1.png) no-repeat center/cover;
  position: absolute;
  left: 0;
  top: 37.80965%;
  z-index: 0;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .l-about:before {
    height: 50%;
  }
}
.l-about .inner {
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 768px) {
  .l-about .inner {
    width: 75%;
  }
}
@media print {
  .l-about .inner {
    width: 75%;
  }
}
.ie8 .l-about .inner {
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .l-about .inner {
    margin-bottom: 20em;
  }
}
.l-about .inner h3 {
  color: #fff;
  text-align: center;
  font-family: 'Hannari',serif;
  position: relative;
  margin-bottom: 25px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .l-about .inner h3 {
    margin-bottom: 1em;
  }
}
.l-about .inner h3:before {
  content: '';
  width: 276px;
  height: 162px;
  display: block;
  margin: 0 auto 5%;
  background: url(../../hikari/images/ic_dec1.png) no-repeat center/contain;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about .inner h3:before {
    width: 13.8em;
    height: 8.1em;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .inner h3:before {
    width: 8.625em;
    height: 5em;
  }
}
.l-about .inner h3 small {
  display: block;
  font-size: 179%;
  letter-spacing: 0.52em;
  line-height: 1.4;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about .inner h3 small {
    font-size: 158%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .inner h3 small {
    font-size: 122%;
  }
}
.l-about .inner h3 em {
  display: inline-block;
  position: relative;
  letter-spacing: 0.3em;
  font-size: 229%;
  line-height: 1.1;
}
@media only screen and (min-width: 984px) and (max-width: 1199px) {
  .l-about .inner h3 em {
    font-size: 200%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-about .inner h3 em {
    font-size: 179%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .inner h3 em {
    font-size: 143%;
  }
}
.l-about .inner h3 em span {
  font-size: 141%;
}
.l-about .inner h3 em::before {
  content: '';
  width: 2.3em;
  height: 4.5em;
  display: block;
  background: url(../../hikari/images/ic_rose2.png) no-repeat center/contain;
  position: absolute;
  left: -2.6em;
  top: -2.18em;
}
@media only screen and (max-width: 767px) {
  .l-about .inner h3 em::before {
    width: 1.84em;
    height: 3.6em;
    top: -1.308em;
  }
}
.l-about .inner h3 em::after {
  content: '';
  width: 2.6em;
  height: 3.3em;
  display: block;
  background: url(../../hikari/images/ic_rose1.png) no-repeat center/contain;
  position: absolute;
  right: -3.25em;
  top: -1.5em;
}
@media only screen and (max-width: 767px) {
  .l-about .inner h3 em::after {
    width: 2.08em;
    height: 2.64em;
    top: -.75em;
    right: -2.6em;
  }
}
.l-about .inner h3 svg {
  width: 20px;
  height: 20px;
  margin: 40px auto 0;
  display: block;
}
@media only screen and (max-width: 767px) {
  .l-about .inner h3 svg {
    margin-top: 2em;
  }
}
.l-about .inner .txt {
  color: #fff;
  font-size: 129%;
  letter-spacing: 0.08em;
  line-height: 3;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .l-about .inner .txt {
    font-size: 115%;
  }
}
.l-about .box_about {
  max-width: 700px;
  width: 75%;
  margin-top: 80px;
  background: #fff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 30px 3.64583% 30px 110px;
  position: relative;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about .box_about {
    padding-left: 9.16667%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .box_about {
    margin-top: 4em;
    padding: 1.5em 1.5em 2em 3em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
}
.l-about .box_about:before {
  content: '';
  width: 8.3em;
  height: 6.8em;
  display: block;
  background: url(../../hikari/images/ic_rose3.png) no-repeat center/contain;
  position: absolute;
  right: 4%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .l-about .box_about:before {
    width: 4.15em;
    height: 3.4em;
    top: 80%;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.l-about .box_about .box_viewing {
  width: 18.57143%;
  height: 0;
  padding-top: 18.57143%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: -19.23077%;
  left: -5.71429%;
}
@media only screen and (max-width: 767px) {
  .l-about .box_about .box_viewing {
    width: 30%;
    height: 13%;
    left: -11.42857%;
  }
}
.l-about .box_about .box_viewing p {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 179%;
  font-weight: 700;
  letter-spacing: 0.38em;
  line-height: 1.4;
  margin-left: .19em;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about .box_about .box_viewing p {
    font-size: 161%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .box_about .box_viewing p {
    font-size: 122%;
  }
}
.l-about .box_about h4 {
  letter-spacing: 0.08em;
  font-size: 115%;
  margin-bottom: 0.5em;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.l-about .box_about h4 em {
  color: #e89599;
  font-size: 138%;
}
@media only screen and (min-width: 768px) {
  .l-about .box_about h4 em {
    margin-right: 0.5em;
  }
}
@media print {
  .l-about .box_about h4 em {
    margin-right: 0.5em;
  }
}
.ie8 .l-about .box_about h4 em {
  margin-right: 0.5em;
}
.l-about .box_about h4 span {
  font-size: 150%;
  color: #e89599;
}
.l-about .box_about h4 img {
  width: 1.9em;
  height: 1.9em;
  position: absolute;
  top: -.5em;
  right: -1.5em;
}
@media only screen and (max-width: 767px) {
  .l-about .box_about h4 img {
    top: 0.8em;
    right: -1.8em;
  }
}
.l-about .box_about ul {
  position: relative;
  z-index: 1;
}
.l-about .box_about ul li {
  padding-left: 2em;
  text-indent: -2em;
}
.l-about .box_about ul li.sst {
  font-weight: 900;
  margin-bottom: 0.8em;
  font-size: 129%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about .box_about ul li.sst {
    font-size: 122%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .box_about ul li.sst {
    font-size: 115%;
  }
}
.l-about .box_about ul li.sst span {
  position: relative;
  padding-bottom: 5px;
  background: linear-gradient(to bottom, rgba(255, 181, 126, 0) 0%, rgba(255, 181, 126, 0.2) 60%);
}
.l-about .box_about ul li::before {
  content: '';
  width: .5em;
  height: 0.5em;
  -moz-border-radius: 200%;
  -webkit-border-radius: 200%;
  border-radius: 200%;
  background: linear-gradient(to right, #e79298, #fde7c9);
  display: inline-block;
  margin: .4em .5em 0 0;
}
.l-about .photo1 {
  position: absolute;
  left: 8.28125%;
  top: 37.28814%;
}
@media only screen and (min-width: 768px) {
  .l-about .photo1 {
    width: 14.58333%;
  }
}
@media print {
  .l-about .photo1 {
    width: 14.58333%;
  }
}
.ie8 .l-about .photo1 {
  width: 14.58333%;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .l-about .photo1 {
    left: 4.11458%;
  }
}
@media print {
  .l-about .photo1 {
    left: 4.11458%;
  }
}
.ie8 .l-about .photo1 {
  left: 4.11458%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about .photo1 {
    left: 2.03125%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .photo1 {
    width: 38.46154%;
    left: -10.25641%;
    top: 50%;
  }
}
.l-about .photo1 .img1 {
  position: relative;
  width: 100%;
  z-index: 1;
}
.l-about .photo1 .img1 .img2 {
  width: 53.57143%;
  position: absolute;
  left: 50%;
  top: -64.28571%;
}
@media only screen and (max-width: 767px) {
  .l-about .photo1 .img1 .img2 {
    left: 90%;
    top: 80%;
    width: 64.28571%;
  }
}
.l-about .photo1 .ic_frm {
  position: absolute;
  width: 78.57143%;
  top: -40%;
  left: 3.57143%;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .l-about .photo1 .ic_frm {
    top: 35%;
    left: 55%;
  }
}
.l-about .photo1 .ic_frms {
  position: absolute;
  width: 52.14286%;
  left: 35.71429%;
  top: 10%;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .l-about .photo1 .ic_frms {
    top: 90%;
    left: 40%;
  }
}
.l-about .photo2 {
  position: absolute;
  width: 18.48958%;
  right: 8.85417%;
  top: 39.11343%;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .l-about .photo2 {
    right: 4.42708%;
  }
}
@media print {
  .l-about .photo2 {
    right: 4.42708%;
  }
}
.ie8 .l-about .photo2 {
  right: 4.42708%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about .photo2 {
    right: 2.1875%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .photo2 {
    width: 46%;
    right: -5.12821%;
    top: 52.15124%;
  }
}
.l-about .photo2 .img1 {
  position: relative;
  z-index: 1;
}
.l-about .photo2 .ic_frms {
  position: absolute;
  width: 41.12676%;
  left: 28.16901%;
  top: -18.58108%;
  z-index: 0;
}
.l-about .bg1 {
  width: 39.47917%;
  position: absolute;
  right: 0;
  top: 2.60756%;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .l-about .bg1 {
    width: 63.16667%;
    top: -5.21512%;
  }
}
.l-about .bg2 {
  width: 61.04167%;
  position: absolute;
  left: 0;
  top: 24.11995%;
  z-index: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .l-about .bg2 {
    top: 48.2399%;
  }
}
@media print {
  .l-about .bg2 {
    top: 48.2399%;
  }
}
.ie8 .l-about .bg2 {
  top: 48.2399%;
}
@media only screen and (min-width: 984px) and (max-width: 1199px) {
  .l-about .bg2 {
    top: 60.23468%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-about .bg2 {
    top: 72.22947%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .bg2 {
    width: 97.66667%;
    top: 85%;
  }
}
.l-about .bg3 {
  width: 68.125%;
  position: absolute;
  right: 0;
  top: 64.53716%;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-about .bg3 {
    width: 81.75%;
    top: 83.83312%;
  }
}
@media only screen and (max-width: 767px) {
  .l-about .bg3 {
    width: 120%;
    top: 99%;
  }
}

.l-gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.l-gallery .box_gallery {
  max-width: 410px;
  width: 41.66667%;
  margin-left: 8.33333%;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-gallery .box_gallery {
    margin-left: 4.16667%;
    width: 45.83333%;
  }
}
@media only screen and (max-width: 767px) {
  .l-gallery .box_gallery {
    width: 90.90909%;
    margin: 0 auto 1.5em;
  }
}
.l-gallery .box_gallery h3 {
  font-family: 'Hannari',serif;
  font-size: 143%;
  letter-spacing: 0.52em;
  line-height: 1.3;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .l-gallery .box_gallery h3 {
    font-size: 193%;
  }
}
@media print {
  .l-gallery .box_gallery h3 {
    font-size: 193%;
  }
}
.ie8 .l-gallery .box_gallery h3 {
  font-size: 193%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-gallery .box_gallery h3 {
    font-size: 179%;
  }
}
.l-gallery .box_gallery h3 small {
  display: block;
  margin-bottom: 0.5em;
}
.l-gallery .box_gallery h3 em {
  font-size: 175%;
  display: block;
  letter-spacing: 0.52em;
}
.l-gallery .box_gallery h3 img {
  width: 30.73171%;
  position: absolute;
  top: -146.66667%;
  left: -23.17073%;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-gallery .box_gallery h3 img {
    left: -11.46341%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 983px) {
  .l-gallery .box_gallery h3 img {
    top: -127.77778%;
  }
}
@media only screen and (max-width: 767px) {
  .l-gallery .box_gallery h3 img {
    top: -102.22222%;
    width: 22.72727%;
    left: -5.79268%;
  }
}
.l-gallery .box_gallery .txt {
  line-height: 2.5;
  margin-top: 9.7561%;
}
@media only screen and (min-width: 1200px) {
  .l-gallery .box_gallery .txt {
    font-size: 115%;
  }
}
@media print {
  .l-gallery .box_gallery .txt {
    font-size: 115%;
  }
}
.ie8 .l-gallery .box_gallery .txt {
  font-size: 115%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-gallery .box_gallery .txt {
    font-size: 108%;
  }
}
@media only screen and (min-width: 768px) {
  .l-gallery .img {
    width: 48.33333%;
  }
}
@media print {
  .l-gallery .img {
    width: 48.33333%;
  }
}
.ie8 .l-gallery .img {
  width: 48.33333%;
}
.l-gallery .box_rose {
  width: 100%;
  background: #fff;
  position: relative;
  margin-top: 5%;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 40px 6.66667%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1200px) {
  .l-gallery .box_rose {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media print {
  .l-gallery .box_rose {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}
.ie8 .l-gallery .box_rose {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .l-gallery .box_rose {
    margin-top: 1.5em;
    padding: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
}
.l-gallery .box_rose:before {
  content: '';
  width: 8.3em;
  height: 6.8em;
  display: block;
  background: url(../../hikari/images/ic_rose3.png) no-repeat center/contain;
  position: absolute;
  right: 3.75%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .l-gallery .box_rose:before {
    width: 4.15em;
    height: 3.4em;
    top: 80%;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.l-gallery .box_rose h4 {
  font-family: 'Hannari',serif;
  font-size: 115%;
  letter-spacing: 0.08em;
  color: #e89599;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) {
  .l-gallery .box_rose h4 {
    font-size: 143%;
  }
}
@media print {
  .l-gallery .box_rose h4 {
    font-size: 143%;
  }
}
.ie8 .l-gallery .box_rose h4 {
  font-size: 143%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-gallery .box_rose h4 {
    font-size: 129%;
  }
}
@media only screen and (max-width: 1199px) {
  .l-gallery .box_rose h4 {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .l-gallery .box_rose h4 {
    padding: .8em 1em 1em;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .l-gallery .box_rose h4:after {
    content: "";
    margin-left: .3em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 1em;
    margin-left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.l-gallery .box_rose .inner {
  margin-left: 6.73077%;
  width: 75.38462%;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .l-gallery .box_rose .inner {
    display: -webkit-flex;
    display: flex;
  }
}
@media print {
  .l-gallery .box_rose .inner {
    display: -webkit-flex;
    display: flex;
  }
}
.ie8 .l-gallery .box_rose .inner {
  display: -webkit-flex;
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .l-gallery .box_rose .inner {
    margin: 1.5em auto 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .l-gallery .box_rose .inner {
    display: none;
    padding: 0 1.5em 1em;
    margin-top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 768px) {
  .l-gallery .box_rose .inner ul:nth-child(1) {
    width: 28.57143%;
  }
  .l-gallery .box_rose .inner ul:nth-child(2) {
    width: 33.16327%;
  }
  .l-gallery .box_rose .inner ul:nth-child(3) {
    width: 38.26531%;
  }
}
@media print {
  .l-gallery .box_rose .inner ul:nth-child(1) {
    width: 28.57143%;
  }
  .l-gallery .box_rose .inner ul:nth-child(2) {
    width: 33.16327%;
  }
  .l-gallery .box_rose .inner ul:nth-child(3) {
    width: 38.26531%;
  }
}
.ie8 .l-gallery .box_rose .inner ul:nth-child(1) {
  width: 28.57143%;
}
.ie8 .l-gallery .box_rose .inner ul:nth-child(2) {
  width: 33.16327%;
}
.ie8 .l-gallery .box_rose .inner ul:nth-child(3) {
  width: 38.26531%;
}
.l-gallery .box_rose .inner ul li svg {
  display: inline-block;
  width: 19px;
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .l-gallery .box_rose .inner ul li svg {
    width: 17px;
    height: 18px;
  }
}
.l-gallery .box_rose .inner ul li span {
  display: inline-block;
  font-size: 115%;
  letter-spacing: 0.08em;
}
.l-gallery .box_rose .inner ul li.rose1 svg {
  fill: #c45258;
}
.l-gallery .box_rose .inner ul li.rose2 svg {
  fill: #b5a5be;
}
.l-gallery .box_rose .inner ul li.rose3 svg {
  fill: #b9dfe8;
}
.l-gallery .box_rose .inner ul li.rose4 svg {
  fill: #e6ecea;
}
.l-gallery .box_rose .inner ul li.rose5 svg {
  fill: #9ebd9d;
}
.l-gallery .box_rose .inner ul li.rose6 svg {
  fill: #e7e9e4;
}
.l-gallery .box_rose .inner ul li.rose7 svg {
  fill: #e67daf;
}
.l-gallery .box_rose .inner ul li.rose8 svg {
  fill: #c2d894;
}
.l-gallery .box_rose .inner ul li.rose9 svg {
  fill: #697eac;
}
.l-gallery .box_rose .inner ul li.rose10 svg {
  fill: #d09396;
}
.l-gallery .box_rose .inner ul li.rose11 svg {
  fill: #ecbb7c;
}
.l-gallery .box_rose .inner ul li.rose12 svg {
  fill: #8fc3c9;
}

.l-line {
  margin-top: 5px;
}
@media only screen and (max-width: 1199px) {
  .l-line {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .l-line {
    overflow: hidden;
  }
  .l-line img {
    position: relative;
    width: 120%;
    max-width: none;
  }
}

@media only screen and (min-width: 768px) {
  .l-movie {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media print {
  .l-movie {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.ie8 .l-movie {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .l-movie {
    margin-top: 3em;
  }
}
.l-movie .box_movie {
  width: 75%;
  position: relative;
  -moz-box-shadow: 0 0 40px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 0 40px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 40px rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 767px) {
  .l-movie .box_movie {
    width: 100%;
    margin: 2em auto 0;
  }
}
.l-movie .box_movie a {
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.l-movie .box_movie a:hover .photo {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.l-movie .box_movie a .photo {
  position: relative;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}
.l-movie .box_movie a .photo::before, .l-movie .box_movie a .photo::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
}
.l-movie .box_movie a .photo::before {
  border: 1px solid #fff;
}
.l-movie .box_movie a .photo::after {
  border: 10px solid rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 767px) {
  .l-movie .box_movie a .photo::after {
    border-width: 5px;
  }
}
.l-movie .box_movie a .btn {
  position: absolute;
  width: 15.33333%;
  z-index: 1;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .l-movie .box_movie a .btn {
    width: 17.25%;
  }
}
.l-movie .box_movie a .btn .ic_dec {
  width: 126.81159%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.l-movie .box_movie .ic_dec2 {
  width: 24.44444%;
  position: absolute;
  z-index: 0;
  top: 70%;
  left: -15%;
}
.l-movie .box_movie .ic_dec3 {
  width: 16.22222%;
  position: absolute;
  z-index: 0;
  top: 87%;
  left: -24.66667%;
}

#movie > div {
  max-width: 1200px;
  margin: auto;
}
#movie > div video {
  width: 100%;
}

.l-infor {
  margin-top: 9.375%;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.05);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 75px;
  -moz-box-shadow: 0 0 40px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 0 40px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 40px rgba(255, 255, 255, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-infor {
    margin-top: 15%;
  }
}
@media only screen and (max-width: 767px) {
  .l-infor {
    margin-top: 5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-infor {
    padding: 6.25%;
  }
}
@media only screen and (max-width: 767px) {
  .l-infor {
    padding: 9.375% 7.8125%;
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  }
}
.l-infor ul {
  position: relative;
  z-index: 1;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .l-infor ul {
    margin-top: 2em;
  }
}
.l-infor ul li {
  color: #fff;
  line-height: 2.1;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
@media only screen and (min-width: 1200px) {
  .l-infor ul li {
    font-size: 115%;
  }
}
@media print {
  .l-infor ul li {
    font-size: 115%;
  }
}
.ie8 .l-infor ul li {
  font-size: 115%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-infor ul li {
    font-size: 108%;
  }
}
.l-infor ul li::before {
  content: '';
  width: .5em;
  height: 0.5em;
  -moz-border-radius: 200%;
  -webkit-border-radius: 200%;
  border-radius: 200%;
  background: linear-gradient(to right, #e79298, #fde7c9);
  display: inline-block;
  margin: .4em .5em 0 0;
}
.l-infor ul li span {
  position: relative;
  background: linear-gradient(to bottom, rgba(255, 181, 126, 0) 0%, rgba(255, 181, 126, 0.2) 50%);
  padding-bottom: 5px;
}

.l-nigth_rose_garden {
  margin: 5em auto;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .l-nigth_rose_garden {
    display: -webkit-flex;
    display: flex;
    margin: 190px auto 160px;
  }
}
@media print {
  .l-nigth_rose_garden {
    display: -webkit-flex;
    display: flex;
    margin: 190px auto 160px;
  }
}
.ie8 .l-nigth_rose_garden {
  display: -webkit-flex;
  display: flex;
  margin: 190px auto 160px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-nigth_rose_garden {
    margin: 15.83333% auto;
  }
}
.l-nigth_rose_garden:before {
  content: '';
  width: 160%;
  height: 263.57759%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  background: url(../../hikari/images/bg_3.png) no-repeat center/100% auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.l-nigth_rose_garden .box_garden {
  width: 54.16667%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .l-nigth_rose_garden .box_garden {
    width: 100%;
    margin: 0 auto 2em;
  }
}
.l-nigth_rose_garden .box_garden h4 {
  color: #fff;
  letter-spacing: 0.08em;
  font-size: 143%;
  line-height: 1.75;
  margin: 6.15385% auto 2.30769%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-nigth_rose_garden .box_garden h4 {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .l-nigth_rose_garden .box_garden h4 {
    font-size: 108%;
    margin: 2em auto 1.5em;
  }
}
.l-nigth_rose_garden .box_garden .txt_att {
  color: #fff;
}
.l-nigth_rose_garden .box_garden .c-btn1 {
  max-width: 300px;
  margin: 10.76923% auto 0;
}
@media only screen and (max-width: 767px) {
  .l-nigth_rose_garden .box_garden .c-btn1 {
    margin-top: 2.5em;
  }
}
.l-nigth_rose_garden .box_photo {
  width: 37.33333%;
  margin: 7.5% 0 0 8.33333%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .l-nigth_rose_garden .box_photo {
    width: 83.33333%;
    margin: 0 -18.18182% 0 auto;
  }
}
.l-nigth_rose_garden .box_photo .photo2 {
  position: absolute;
  width: 44.64286%;
  left: -22.32143%;
  top: -41.97861%;
}
@media only screen and (max-width: 767px) {
  .l-nigth_rose_garden .box_photo .photo2 {
    left: -55%;
    top: 0;
  }
}
.l-nigth_rose_garden .box_photo .ic_dec1 {
  width: 49.10714%;
  position: absolute;
  left: 6.25%;
  top: -21.39037%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .l-nigth_rose_garden .box_photo .ic_dec1 {
    left: -35%;
    top: 35%;
  }
}
.l-nigth_rose_garden .ic_dec2 {
  width: 13.58333%;
  position: absolute;
  left: -7.83333%;
  top: 64.65517%;
}

#bnr_free {
  position: fixed;
  width: 11.45833%;
  z-index: 100;
  right: 35px;
  bottom: 40px;
}
@media only screen and (max-width: 1023px) {
  #bnr_free {
    right: 3.84615%;
    bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  #bnr_free {
    width: 28.20513%;
  }
}
#bnr_free a {
  display: block;
  text-decoration: none;
  position: relative;
}
#bnr_free a .ic_dec1 {
  position: absolute;
  right: 4.54545%;
  bottom: 2.27273%;
  width: 102.72727%;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  #ptop {
    position: fixed;
    width: 1.40625%;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
    -moz-transition: opacity 0.6s ease-out;
    -o-transition: opacity 0.6s ease-out;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  #ptop {
    width: 2.25%;
  }
}
@media only screen and (min-width: 768px) {
  .fix #ptop {
    pointer-events: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #ptop a {
    display: block;
  }
}
@media print {
  #ptop {
    position: fixed;
    width: 1.40625%;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
    -moz-transition: opacity 0.6s ease-out;
    -o-transition: opacity 0.6s ease-out;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
  }
  .fix #ptop {
    pointer-events: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #ptop a {
    display: block;
  }
}
.ie8 #ptop {
  position: fixed;
  width: 1.40625%;
  bottom: 20px;
  left: 20px;
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  -moz-transition: opacity 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .ie8 #ptop {
    width: 2.25%;
  }
}
.fix .ie8 #ptop {
  pointer-events: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.ie8 #ptop a {
  display: block;
}

#footer {
  position: relative;
  z-index: 1;
}

#menuList .inner .con_menu .menu_head .logo {
  width: 69.58333%;
  margin: auto;
}
#menuList .inner .con_menu .box_menu .sth3 {
  background: linear-gradient(to right, #e79298, #fde7c9);
  font-size: 115%;
}
#menuList .inner .con_menu .box_menu .menu_list li a::after {
  color: #e89599;
}