@charset "UTF-8";
#page.-special .content-block > .inner {
  max-width: 950px;
}

#page.-special #eerf {
  overflow: hidden;
  background-color: #fff;
}

.anchor-link {
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.anchor-link > li {
  width: calc((100% - 20px)/2);
  margin-bottom: 10px;
  margin-right: 20px;
  border: 1px solid #ff7e9c;
  background: #ff7e9c;
  cursor: pointer;
}

.anchor-link > li:nth-of-type(2n) {
  margin-right: 0;
}

.anchor-link > li:hover {
  background: #fff;
}

.anchor-link > li:hover > a {
  color: #ff7e9c;
}

.anchor-link > li > a {
  padding: 5px 15px;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
}

.anchor-link > li > a:before {
  content: "▼";
  display: inline-block;
  margin-right: 2px;
}

#rosefes-area-map .p-section-block .contents-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  margin-bottom: 20px;
}

#rosefes-area-map .p-section-block .contents-box h3 {
  color: #67594e;
  font-size: 1.8rem;
  margin: 8px auto 10px auto;
  padding-bottom: 0px;
  text-align: center;
}

#rosefes-area-map .p-section-block .contents-box p {
  padding: 0px 15px;
  text-align: left !important;
}

#rosefes-area-map .p-section-block .contents-box .right {
  width: 49.47%;
}

#rosefes-area-map .p-section-block .contents-box .left {
  width: 49.89%;
  margin-right: 2%;
}

#rosefes-area-map .p-section-block .contents-box .left p {
  padding: 0 15px;
  text-align: left !important;
}

#rosefes-area-map .p-section-block .contents-box ._wdt01 {
  width: 222px !important;
}

#rosefes-area-map .p-section-block .contents-box ._wdt02 {
  width: 270px !important;
}

#rosefes-area-map .p-section-block .contents-box ._bgcolr-m {
  background: #fff7f5 !important;
}

#rosefes-area-map .p-section-block .contents-box ._bgcolr-o {
  background: #f2fafc !important;
}

#rosefes-area-map .p-section-block .contents-box ._bgcolr-e {
  background: #f0faef !important;
}

#rosefes-area-map .p-section-block .contents-box ._bgcolr-s {
  background: #fdfcea !important;
}

#rosefes-area-map .p-section-block .contents-box_sp {
  -webkit-flex-wrap: wrap;
  /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  width: 100%;
}

#rosefes-area-map .p-section-block .contents-box_sp h3 {
  color: #67594e;
  font-size: 1.8rem;
  margin: 8px auto 10px auto;
  padding-bottom: 0px;
  text-align: center;
}

#rosefes-area-map .p-section-block .contents-box_sp li {
  background: #fff7f5 !important;
  width: 31.57%;
  margin-bottom: 20px;
}

#rosefes-area-map .p-section-block .contents-box_sp li .popupbox {
  position: relative;
}

#rosefes-area-map .p-section-block .contents-box_sp li .popupbox a .pstn-center {
  position: absolute !important;
  top: 39% !important;
  left: 38.666% !important;
}

#rosefes-area-map .p-section-block .contents-box_sp li._bgnone {
  background: none !important;
}

#rosefes-area-map .p-section-block .contents-box_sp li > ul {
  background: none;
}

#rosefes-area-map .p-section-block .contents-box_sp li > ul > li {
  width: 100%;
  padding: 3px 0;
  margin-bottom: 10px !important;
}

#rosefes-area-map .p-section-block .contents-box_sp li.none {
  background: none;
}

#rosefes-area-map .p-section-block .contents-box_sp p {
  padding: 0px 15px;
  text-align: left !important;
}

#rosefes-area-map .p-section-block .contents-box_sp ._wdt01 {
  width: 91% !important;
}

#rosefes-area-map .p-section-block .contents-box_sp ._wdt02 {
  width: 90% !important;
}

#rosefes-area-map .p-section-block .contents-box_sp ._wdt03 {
  width: 83.333% !important;
}

#rosefes-area-map a:hover img {
  filter: alpha(opacity=80) !important;
  -ms-filter: "alpha(opacity=80)" !important;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#rosefes-area-map .pstn-center {
  position: absolute !important;
  top: 41% !important;
  left: 42.666% !important;
}

._wdt985 {
  width: 990px !important;
}

/*---------------------
▼ SP用フリックスライダー ▼
-------------------- */
.js-flickity {
  width: 100%;
}

.js-flickity .gallery-cell {
  width: 100%;
  border: solid 1px #ccc;
}

.js-flickity .gallery-cell .caption {
  display: block;
  font-size: 3.6rem;
  padding: 1% 0;
  margin: 0 auto;
  width: 100%;
}

.slider-area {
  margin: 0;
  padding: 0px 0 25%;
}

.slider-area .link-area li {
  margin: 15% 13%;
}

.slider-area .link-area .button-link {
  display: block;
  text-decoration: none;
  background-color: #42b8ef;
  color: #fff;
  font-size: 87.5%;
  font-size: 4.0rem;
  font-weight: bold;
  border: 1px solid #42b8ef;
  padding: 5% 10%;
}

.slider-area h1 {
  background: #fff7f5;
  border-bottom: 1px solid #67594e;
  text-align: center;
  padding: 20px 15px 15px 15px;
  color: #67594e;
  font-size: 4.2rem;
  margin: 0px auto 10px auto;
}

.bxslider02 {
  margin: 0 0 0 0;
}

.bxslider02 li {
  float: left;
  position: relative;
  margin-right: 8px;
  margin-bottom: 10px;
  width: 180px;
}

._heit {
  height: 235px !important;
}

.bxslider02 li a span {
  position: absolute;
  bottom: 26px;
  right: 5px;
}

._mr0 {
  margin-right: 0px !important;
}

._minwdth640 {
  min-width: 640px !important;
}

/*---------------------
▼ モーダルウィンドウ ▼
-------------------- */
.box {
  margin: 0 auto !important;
  text-align: center;
}

.modal-overlay {
  z-index: 2;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*for old Safari*/
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

/* IE9,10 */
a.modal-open:hover {
  cursor: pointer;
}

.modal-content {
  max-width: 100%;
  width: 970px;
  position: fixed;
  display: none;
  z-index: 15;
  margin: 10px;
  padding: 15px;
  border-radius: 20px;
  background: #fff;
}

._ovfscl-ht {
  overflow: scroll !important;
  overflow-x: hidden !important;
  height: 600px !important;
}

.modal-content img {
  width: auto;
  max-height: 70vh;
}

.modal-content h1 {
  color: #67594e;
  font-size: 2.2rem;
  border-bottom: 1px solid #67594e;
  text-align: center;
  margin-bottom: 0.5em;
  padding: 15px 15px 10px 15px;
}

.modal-content p {
  max-width: 565px;
  text-align: left;
}

a.modal-close {
  position: absolute;
  top: 14px;
  left: 10px;
  color: #b29c33;
  font-size: 60px;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
}

a.modal-close:hover {
  cursor: pointer;
  opacity: .6;
}

.caption {
  padding-top: 5px;
  font-size: 1.2rem;
  text-align: center;
  width: 180px;
}

._fs {
  font-size: 1.0rem !important;
}

.p-content-frame {
  padding: 0px;
}

.p-content-section .sp {
  display: none;
}

.p-content-section .p-hero-image .attention {
  color: #fff;
  font-size: 2.0rem;
  margin: 20px;
  text-align: center;
  font-weight: bold;
}

.p-content-section .p-hero-image ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  position: relative;
}

.p-content-section .p-hero-image ul li a:hover {
  opacity: 0.8;
}

.p-content-section .p-hero-image ul li img {
  max-width: 100%;
  width: 45%;
}

.p-content-section .p-hero-image ul .p-ttl {
  font-size: 3.8rem;
  color: #fff;
  position: absolute;
  bottom: 38px;
  left: 280px;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.p-content-section .p-hero-image ul .p-ttl:before {
  content: "";
  background-image: url("/illumination/img/top/star.png");
  width: 90px;
  height: 79px;
  display: inline-block;
  margin-right: 0px;
  margin-bottom: -24px;
}

.p-content-section .p-hero-image ul .p-ttl:after {
  content: "";
  background-image: url("/illumination/img/top/star.png");
  width: 90px;
  height: 79px;
  display: inline-block;
  margin-left: 0px;
  margin-bottom: -24px;
}

.p-content-section .info {
  color: #cc0000;
  text-align: center;
  font-size: 1.8rem;
}

.p-content-section .alert {
  color: #333;
  text-align: right !important;
}

.p-content-section .catch {
  border: solid 1px #f5b3cb;
  color: #339dd1;
  text-align: center;
  margin: 20px 0 5px !important;
  padding: 20px;
}

.alert {
  color: #333;
}

._fc {
  color: #fff !important;
  margin: 20px;
}

._fc-f {
  color: #fff !important;
  margin-top: 20px;
}

#rosefes-event .event-main {
  margin-bottom: 8px;
}

#rosefes-event ._under-info {
  text-align: center;
  display: block;
  font-size: 1.8rem !important;
  font-weight: bold;
}

#rosefes-event .p-section-block .contents-box {
  margin-bottom: 40px;
  padding: 30px 15px 50px 0;
}

#rosefes-event .p-section-block .contents-box .event-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
}

#rosefes-event .p-section-block .contents-box .event-area ._left {
  width: 94.8947%;
}

#rosefes-event .p-section-block .contents-box .event-area ._right {
  width: 94.8947%;
  text-align: right !important;
}

#rosefes-event .p-section-block .contents-box h3 {
  display: block;
  color: #67594e;
  font-size: 1.8rem;
  margin: 8px auto 25px auto;
  padding-bottom: 5px;
  text-align: center;
}

#rosefes-event .p-section-block .contents-box .catch-area li {
  font-size: 1.8rem !important;
  font-weight: bold;
  color: #e65e62;
  text-align: center;
  margin-bottom: 20px;
}

#rosefes-event .p-section-block .contents-box li:last-child {
  margin-right: 0;
}

#rosefes-event .p-section-block .contents-box p {
  padding: 0px 15px;
  text-align: left !important;
}

#rosefes-event .p-section-block .contents-box .discrpt {
  text-align: center !important;
  padding: 0 10px 10px 0;
  font-size: 1.4rem;
}

#rosefes-event .p-section-block .contents-box .right {
  width: 57.894%;
}

#rosefes-event .p-section-block .contents-box .right table.table-01 {
  width: 100%;
}

#rosefes-event .p-section-block .contents-box .right table.table-01 th {
  background-color: #fbe7e9;
  width: 21.568%;
  color: #666;
  font-size: 1.4rem;
}

#rosefes-event .p-section-block .contents-box .right table.table-01 td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #d1d1d1;
  background-color: #fff;
  padding: 10px 15px 5px;
  width: 76.470%;
}

#rosefes-event .p-section-block .contents-box .right table.table-01 td ul .map-link a.button-link {
  color: #fff;
  background-color: #ff7e9c !important;
  border: solid 2px #ff7e9c !important;
  margin-bottom: 3px;
  padding: 10px 10px 9px 15px;
}

#rosefes-event .p-section-block .contents-box .right table.table-01 td ul .map-link a.button-link:hover {
  color: #ec5c75 !important;
  background-color: #fff !important;
  border: solid 2px #ec5c75 !important;
}

#rosefes-event .p-section-block .contents-box .right table.table-01 td ul .map-link a.button-link:hover .icon {
  color: #ec5c75 !important;
}

#rosefes-event .p-section-block .contents-box .right table.table-01 td ul .map-link a.button-link:hover .icon:before {
  color: #ec5c75;
}

#rosefes-event .p-section-block .contents-box .right table.table-01 td ul .map-link a.button-link span {
  font-size: 1.6rem;
}

#rosefes-event .p-section-block .contents-box .right ul {
  margin-bottom: 10px;
}

#rosefes-event .p-section-block .contents-box .right ul li {
  font-size: 1.4rem;
}

#rosefes-event .p-section-block .contents-box .right ul .conts {
  font-size: 1.4rem !important;
  line-height: 140%;
}

#rosefes-event .p-section-block .contents-box .right ul .dscrpt-txt {
  padding-left: 1em;
}

#rosefes-event .p-section-block .contents-box .right .tw {
  border: 1px solid #ccc;
}

#rosefes-event .p-section-block .contents-box .right ._indnt {
  padding-left: 2em !important;
  text-indent: -1em !important;
  margin: 0;
}

#rosefes-event .p-section-block .contents-box .right ._indnt03 {
  padding-left: 1em !important;
  text-indent: -1em;
}

#rosefes-event .p-section-block .contents-box .right._w100 {
  width: 95%;
  margin: auto;
}

#rosefes-event .p-section-block .contents-box .alert {
  font-size: 1.2rem;
  padding-left: 1em !important;
}

#rosefes-event .p-section-block .contents-box .alert ._indnt04 {
  display: block;
  padding-left: 1em !important;
  text-indent: -1em;
}

#rosefes-event .p-section-block .contents-box .left {
  width: 45.7%;
  margin-right: 2.631%;
}

#rosefes-event .p-section-block .contents-box .left .alert {
  padding-top: 15px;
  color: #e65e62;
}

#rosefes-event .p-section-block .contents-box ._wdt01 {
  width: 222px !important;
}

#rosefes-event .p-section-block .contents-box ._wdt02 {
  width: 270px !important;
}

#rosefes-event .p-section-block .contents-box ._wdt03 {
  width: 250px !important;
}

#rosefes-event .p-section-block .contents-box ._wdt04 {
  width: 61.052% !important;
}

#rosefes-event .p-section-block .contents-box table.table-02 th {
  background-color: #fbe7e9;
  width: 110px;
  color: #666;
  font-size: 1.4rem;
  text-align: center;
}

#rosefes-event .p-section-block .contents-box table.table-02 td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #d1d1d1;
  background-color: #fff;
  padding: 10px 15px 5px;
  width: 315px;
}

#rosefes-event .p-section-block .contents-box table.table-02 td ul .conts {
  font-size: 1.4rem !important;
  line-height: 140%;
}

#rosefes-event .p-section-block ._bgcolr {
  background: #fff7f5 !important;
}

#rosefes-event .p-section-block a[href^="tel:"] {
  cursor: default;
  text-decoration: none;
  color: #333 !important;
}

#rosefes-event .p-section-block ._indnt00 {
  padding-left: 2em;
  text-indent: -1em;
}

#rosefes-event .p-section-block ._wdt180 {
  width: 31.345% !important;
}

#rosefes-event .icon {
  display: table-cell;
  vertical-align: middle;
  color: #fff !important;
  font-style: normal;
}

#rosefes-event .icon:hover {
  color: #ec5c75 !important;
}

#rosefes-event .icon:hover:before {
  color: #ec5c75 !important;
}

/*---------------------
▼ g-nav_sp ▼
-------------------- */
.g-nav_sp {
  display: none;
  margin: 11px auto 0px auto;
  /*ul {
    @include flex-sbetween;
  }*/
}

.g-nav_sp ul {
  display: block;
}

.g-nav_sp ul li a {
  color: #fff;
  background-color: #ff7e9c !important;
  border: solid 2px #ff7e9c !important;
  margin-bottom: 3px;
  padding: 10px 10px 9px 15px;
}

.g-nav_sp ul li a .icon {
  display: table-cell;
  vertical-align: middle;
  color: #ec5c75;
  font-style: normal;
}

.g-nav_sp ul li a .icon:before {
  color: #fff !important;
}

.g-nav_sp ul li a:hover {
  color: #ec5c75 !important;
  background-color: #fff !important;
  border: solid 2px #ec5c75 !important;
}

.g-nav_sp ul li a span {
  font-size: 1.6rem;
}

.g-nav_sp .above {
  max-width: 600px;
  width: 100%;
  background: url(/rosegarden/img/cmn/nav_bg_sp01.gif) no-repeat center center;
  background-size: contain;
}

.g-nav_sp .below {
  max-width: 600px;
  width: 100%;
  background: url(/rosegarden/img/cmn/nav_bg_sp02.gif) no-repeat center center;
  background-size: contain;
}

.g-nav_sp .top a {
  width: 54.16%;
}

.g-nav_sp .phot-spot a {
  width: 45.83%;
}

.g-nav_sp .event a {
  width: 26.16%;
}

.g-nav_sp .trivia a {
  width: 28%;
}

.g-nav_sp .area-map a {
  width: 45.83%;
}

#rosefes-top .g-nav_sp .above .top,
#rosefes-phot-spot .g-nav_sp .above .phot-spot,
#rosefes-event .g-nav_sp .below .event,
#rosefes-trivia .g-nav_sp .below .trivia,
#rosefes-area-map .g-nav_sp .below .area-map {
  background: none;
}

.g-nav_sp .above .top a:hover {
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  opacity: 0.0;
}

/*
#rosefes-top .g-nav_sp .top{
filter:alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
background: url(/rosegarden/img/cmn/nav_bg.gif) no-repeat top center;
}*/
#rosefes-top .g-nav_sp .above .top a:hover,
#rosefes-phot-spot .g-nav_sp .above .phot-spot a:hover,
#rosefes-event .g-nav_sp .below .event a:hover,
#rosefes-trivia .g-nav_sp .below .trivia a:hover,
#rosefes-area-map .g-nav_sp .below .area-map a:hover {
  cursor: default;
}

.g-nav_sp .above .top,
.g-nav_sp .above .phot-spot,
.g-nav_sp .below .event,
.g-nav_sp .below .trivia,
.g-nav_sp .below .area-map {
  background: #fff;
}

.g-nav_sp .above .top:hover,
.g-nav_sp .above .phot-spot:hover,
.g-nav_sp .below .event:hover,
.g-nav_sp .below .trivia:hover,
.g-nav_sp .below .area-map:hover {
  background: none;
}

/*---------------------
▼ g-nav ▼
-------------------- */
.g-nav {
  max-width: 950px;
  width: 100%;
  background: url(/rosegarden/img/cmn/nav_bg.gif) no-repeat top left;
  margin: 11px auto -40px auto;
}

.g-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
}

.g-nav .top a {
  width: 28.73%;
  height: 66px;
}

.g-nav .phot-spot a {
  width: 22.10%;
  height: 66px;
}

.g-nav .event a {
  width: 15.89%;
  height: 66px;
}

.g-nav .trivia a {
  width: 15.78%;
  height: 66px;
}

.g-nav .area-map a {
  width: 17.68%;
  height: 66px;
}

#rosefes-top .g-nav .top, #rosefes-phot-spot .g-nav .phot-spot, #rosefes-event .g-nav .event, #rosefes-trivia .g-nav .trivia, #rosefes-area-map .g-nav .area-map {
  background: none;
}

.g-nav .top a:hover {
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  opacity: 0.0;
}

/*
#rosefes-top .g-nav .top{
filter:alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
background: url(/rosegarden/img/cmn/nav_bg.gif) no-repeat top center;
}*/
#rosefes-top .g-nav .top a:hover, #rosefes-phot-spot .g-nav .phot-spot a:hover, #rosefes-event .g-nav .event a:hover, #rosefes-trivia .g-nav .trivia a:hover, #rosefes-area-map .g-nav .area-map a:hover {
  cursor: default;
}

.g-nav .top, .g-nav .phot-spot, .g-nav .event, .g-nav .trivia, .g-nav .area-map {
  background: #fff;
}

.g-nav .top:hover, .g-nav .phot-spot:hover, .g-nav .event:hover, .g-nav .trivia:hover, .g-nav .area-map:hover {
  background: none;
}

/*---------------------
▼ map-area ▼
-------------------- */
.map {
  max-width: 950px;
  width: 100%;
  background: url(/rosegarden/img/map.jpg) no-repeat center center;
  position: relative;
  margin: 20px 0;
}

/*マップツールチップモーダル
.map li, .map p {
position: absolute;
}

.map li a,
.map p a:hover img {
cursor: pointer;
}

.map li.bn_modern {
left: 52px;
top: 148px;
}

.map li.bn_old {
right: 63px;
top: 117px;
}

.map li.bn_english {
left: 88px;
bottom: 92px;
}

.map li.bn_shrub {
right: 14px;
bottom: 119px;
}

.map p.bn_famous {
left: 52px;
top: 311px;
}

.map p.bn_fragrance {
left: 95px;
top: 403px;
}

.map p.bn_royal {
left: 106px;
top: 519px;
}

.map p.bn_dendou {
right: 42px;
top: 334px;
}

.m-rose {
position: absolute;
top: 37px;
left: 41px;
}

.m-rose a {}

.m-rose span {}

.m-rose img {}

.o-rose {
position: absolute;
top: 37px;
right: 30px;
}

.o-rose a {}

.o-rose span {}

.o-rose img {}

.e-rose {
position: absolute;
bottom: 29px;
right: 441px;
}

.e-rose a {}

.e-rose span {}

.e-rose img {}

.s-rose {
position: absolute;
bottom: 62px;
right: 41px;
}

.s-rose a {}

.s-rose span {}

.s-rose img {}

.f-rose {
position: absolute;
top: 267px;
left: 26px;
}

.f-rose a {}

.f-rose span {}

.f-rose img {}

.fre-rose {
position: absolute;
bottom: 298px;
left: 26px;
}

.fre-rose a {}

.fre-rose span {}

.fre-rose img {}

.r-rose {
position: absolute;
bottom: 145px;
left: 26px;
}

.r-rose a {}

.r-rose span {}

.r-rose img {}


/*---------------------
▼ ツールチップ ▼
-------------------- */
/* 表示文字の装飾

.tooltip1,
.tooltip2,
.tooltip3,
.tooltip4,
.tooltip5 {
display: inline-block;
/* インライン要素化 */
/* 下線を引く
filter: alpha(opacity=100) !important;
-ms-filter: "alpha(opacity=100)" !important;
-moz-opacity: 1.0;
opacity: 1.0;
position: relative;
}


/* ツールチップ部分を隠す

.tooltip1 span {
display: block;
opacity: 0;
position: absolute;
/* relativeからの絶対位置
top: 47px;
left: 0px;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
background-color: #eb6d8e;
width: auto;
padding: 5px;
border-radius: 3px;
z-index: 100;
}

.tooltip2 span {
display: block;
opacity: 0;
position: absolute;
/* relativeからの絶対位置
top: 47px;
right: 0;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
background-color: #00afdd;
width: auto;
padding: 5px;
border-radius: 3px;
z-index: 100;
}

.tooltip3 span {
display: block;
opacity: 0;
position: absolute;
/* relativeからの絶対位置
top: -150px;
left: 0;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
background-color: #4ba269;
width: auto;
padding: 5px;
border-radius: 3px;
z-index: 100;
}

.tooltip4 span {
display: block;
opacity: 0;
position: absolute;
/* relativeからの絶対位置
top: -150px;
right: 0px;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
background-color: #d79924;
width: auto;
padding: 5px;
border-radius: 3px;
z-index: 100;
}

.tooltip5 span {
display: block;
opacity: 0;
position: absolute;
/* relativeからの絶対位置
top: -117px;
left: 0px;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
background-color: #ec5fa4;
width: auto;
padding: 5px;
border-radius: 3px;
z-index: 100;
}


/* マウスオーバー

.tooltip1:hover,
.tooltip2:hover,
.tooltip3:hover,
.tooltip4:hover,
.tooltip5:hover {
color: #333;
cursor: pointer;
}


/* マウスオーバー時にツールチップを表示

.tooltip1:hover span,
.tooltip2:hover span,
.tooltip3:hover span,
.tooltip4:hover span,
.tooltip5:hover span {
opacity: 1;
}


/* フキダシ部分を作成

.tooltip1 span:before {
content: '';
display: block;
position: absolute;
/* relativeからの絶対位置
height: 0;
width: 0;
top: -15px;
left: 15px;
border: 13px transparent solid;
border-right-width: 0;
border-left-color: #eb6d8e;
transform: rotate(270deg);
/* 傾きをつける
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
z-index: 100;
}

.tooltip2 span:before {
content: '';
display: block;
position: absolute;
/* relativeからの絶対位置
height: 0;
width: 0;
top: -15px;
left: 15px;
border: 13px transparent solid;
border-right-width: 0;
border-left-color: #4cc0f1;
transform: rotate(270deg);
/* 傾きをつける
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
z-index: 100;
}

.tooltip3 span:before {
content: '';
display: inline-block;
position: absolute;
/* relativeからの絶対位置
height: 0;
width: 0;
bottom: -10px;
left: 15px;
border: 13px transparent solid;
border-right-width: 0;
border-left-color: #4ba269;
transform: rotate(90deg);
/* 傾きをつける
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
z-index: 100;
}

.tooltip4 span:before {
content: '';
display: block;
position: absolute;
/* relativeからの絶対位置
height: 0;
width: 0;
bottom: -14px;
left: 15px;
border: 13px transparent solid;
border-right-width: 0;
border-left-color: #d79924;
transform: rotate(90deg);
/* 傾きをつける
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
z-index: 100;
}

.tooltip5 span:before {
content: '';
display: block;
position: absolute;
/* relativeからの絶対位置
height: 0;
width: 0;
bottom: -14px;
left: 15px;
border: 13px transparent solid;
border-right-width: 0;
border-left-color: #ec5fa4;
transform: rotate(90deg);
/* 傾きをつける
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
z-index: 100;
}
*/
.modal07 {
  margin-top: 0;
  height: 90vh;
  overflow-y: scroll;
}

.p-modal-body_page {
  background: #f5b3cb;
  width: 100%;
  position: relative;
}

.p-modal-body_page h2 {
  text-align: center;
  font-size: 3.2rem;
}

.p-modal-body_page .p-modal-page {
  text-align: center;
  font-size: 2.0rem;
  position: relative;
}

.p-modal-body_page .p-modal-page p {
  margin: 0 5% 1%;
}

.p-modal-body_page .p-modal-page img {
  width: 100%;
}

.p-modal-body_page .p-modal-page .img-info {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.2rem;
}

.p-modal-body_page .link-area {
  display: none;
}

.p-nav_sp {
  display: none;
}

.p-nav_sp > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-nav_sp > ul > li > a {
  padding: 4% 0;
  display: block;
  text-decoration: none;
  font-size: 2.2rem;
  color: #e40035;
  text-align: center;
  background-color: #ff7e9c;
  font-weight: bold;
}

.p-nav_sp > ul > li > a > span > img {
  width: 70%;
}

.p-nav_sp > ul > li {
  margin: 0 8px 8px 0;
  width: calc((100% - (8px * 1)) / 2);
}

.p-nav_sp > ul > li:nth-child(2n+2) {
  margin-right: 0;
}

._pttlclr {
  background-color: #35c99d;
}

#rosefes-phot-spot .p-section-block .contents-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  margin-bottom: 20px;
}

#rosefes-phot-spot .p-section-block .contents-box h3 {
  color: #67594e;
  font-size: 1.8rem;
  margin: 8px auto 10px auto;
  padding-bottom: 0px;
  text-align: center;
}

#rosefes-phot-spot .p-section-block .contents-box li {
  background: #fff7f5 !important;
  margin-right: 25px;
  padding-bottom: 20px;
}

#rosefes-phot-spot .p-section-block .contents-box li:last-child {
  margin-right: 0;
}

#rosefes-phot-spot .p-section-block .contents-box p {
  padding: 0px 15px;
  text-align: left !important;
}

#rosefes-phot-spot .p-section-block .contents-box .right {
  width: 49.47%;
  position: relative;
}

#rosefes-phot-spot .p-section-block .contents-box .right .tw {
  border: 1px solid #ccc;
}

#rosefes-phot-spot .p-section-block .contents-box .right ._indnt {
  padding-left: 1em !important;
  text-indent: -1em !important;
  font-size: 1.4rem !important;
  margin: 0;
}

#rosefes-phot-spot .p-section-block .contents-box .left {
  width: 49.89%;
  margin-right: 2%;
  position: relative;
}

#rosefes-phot-spot .p-section-block .contents-box ._wdt01 {
  width: 222px !important;
}

#rosefes-phot-spot .p-section-block .contents-box ._wdt02 {
  width: 270px !important;
}

#rosefes-phot-spot .p-section-block .contents-box ._wdt03 {
  width: 250px !important;
}

#rosefes-phot-spot .p-section-block .contents-box_sp {
  -webkit-flex-wrap: wrap;
  /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  width: 100%;
}

#rosefes-phot-spot .p-section-block .contents-box_sp h3 {
  color: #67594e;
  font-size: 1.8rem;
  margin: 8px auto 10px auto;
  padding-bottom: 0px;
  text-align: center;
}

#rosefes-phot-spot .p-section-block .contents-box_sp li {
  background: #fff7f5 !important;
  width: 31.57%;
  margin-bottom: 30px;
  position: relative;
}

#rosefes-phot-spot .p-section-block .contents-box_sp li:last-child {
  background: #fff !important;
}

#rosefes-phot-spot .p-section-block .contents-box_sp p {
  padding: 0px 15px;
  text-align: left !important;
}

#rosefes-phot-spot .p-section-block .contents-box_sp ._wdt01 {
  width: 74% !important;
}

#rosefes-phot-spot .p-section-block .contents-box_sp ._wdt02 {
  width: 90% !important;
}

#rosefes-phot-spot .p-section-block .contents-box_sp ._wdt03 {
  width: 83.333% !important;
}

#rosefes-phot-spot .p-section-block a[href^="tel:"] {
  cursor: default;
  text-decoration: none;
  color: #333 !important;
}

#rosefes-phot-spot .p-section-block .map_box h3 {
  color: #67594e;
  font-size: 2.2rem;
  margin: 8px auto 0px auto;
  padding-bottom: 5px;
  text-align: center;
}

#rosefes-phot-spot .p-section-block .map {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

#rosefes-phot-spot .place-info {
  font-size: 1.2rem !important;
  position: absolute;
  bottom: 12px;
  left: 0px;
}

#rosefes-phot-spot ._bgclr_none {
  opacity: 0;
  filter: alpha(opacity=0);
}

._noborder {
  border: none !important;
}

.p-section-block {
  padding: 20px 0 0;
}

.p-section-block.-alpha {
  padding: 0;
}

.p-section-block.-alpha.-last::after {
  display: none;
}

.p-section-block.-alpha.-last > .inner {
  padding-bottom: 35px;
}

.p-section-block > .inner {
  padding: 0 20px 10px;
  background-color: #1B2B6C;
}

.p-section-block h3 {
  border-bottom: 1px solid #67594e;
  background: none;
}

.h-block06 {
  padding: 0 10px;
}

.h-block06 h2 {
  margin: 0;
}

.h-block06 .h-block06__inner {
  padding: 40px 30px;
}

.h-block06 ul {
  margin: 10px 0 30px;
  letter-spacing: -0.5em;
  text-align: center;
}

.h-block06 ul li {
  display: inline-block;
  position: relative;
  letter-spacing: normal;
  margin: 14px 10px 0 0 !important;
  max-width: 360px;
  width: calc((100% - 20px) / 2);
}

.h-block06 ul li .h-btn {
  font-size: 1.8rem;
  border: 1px solid #fff;
  background-color: #213588;
  padding: 20px 10px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  width: 100%;
  text-align: center;
}

.h-block06 ul li ._bdn {
  border: none;
  background-color: transparent;
}

.h-block06 ul li:nth-of-type(1) {
  margin-right: 20px;
}

.h-block06 ul li a {
  padding: 20px;
}

.h-block06 ul li a:hover {
  -ms-filter: "alpha(opacity=80)";
  /* IE 8,9 */
  -moz-opacity: 0.8;
  /* FF , Netscape */
  -khtml-opacity: 0.8;
  /* Safari 1.x */
  opacity: 0.8;
  zoom: 1;
  /*IE*/
}

.photoblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 40px;
}

.photoblock img {
  max-width: 100%;
}

.photoblock > .prim {
  width: calc((100% - 12px * 1) / 2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.photoblock > .prim > .narrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#block01,
#block01 .SHR-slide-body,
#block02,
#block02 .SHR-slide-body,
#block05,
#block05 .SHR-slide-body,
#block06,
#block06 .SHR-slide-body {
  width: 138px;
  height: 138px;
}

#block03,
#block03 .SHR-slide-body,
#block04,
#block04 .SHR-slide-body {
  width: 286px;
  height: 286px;
}

/*---------------------
▼ sns-area ▼
-------------------- */
.sns-area {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 15px 128px;
  background: #fce5e9;
  margin: 25px auto 10px auto;
}

.sns-area li {
  margin-right: 5px;
}

.sns-area li .comment span {
  display: block;
  font-size: 1.2rem;
  color: #e65285;
  font-weight: bold;
}

.sns-area li img {
  display: inline-block;
}

.sns-area li ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
}

.sns-area a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.8;
}

p.comment {
  font-size: 1.4rem;
  color: #e65285;
  font-weight: bold;
  line-height: 150%;
  padding-top: 4px;
  margin: 0 15px;
  width: 100%;
}

._mt {
  margin-top: 8px !important;
}

._rnd-bg {
  border-radius: 7px 7px 7px 7px !important;
  -moz-border-radius: 7px 7px 7px 7px !important;
  -webkit-border-radius: 7px 7px 7px 7px !important;
  background: #359eda !important;
  width: 140px;
  height: 30px;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  padding-top: 5px;
}

#sp-slide {
  display: none;
}

#sp-slide ul li {
  position: relative;
}

#sp-slide ul li a {
  text-decoration: none;
}

#sp-slide ul li a .slide-link {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-color: rgba(66, 184, 239, 0.8);
  color: #fff;
  font-size: 87.5%;
  font-size: 1.2rem;
  font-weight: bold;
  border: 1px solid #42b8ef;
  padding: 2% 4%;
  text-align: center;
}

#sp-slide ul li a .icon {
  display: inline-block;
  vertical-align: middle;
  color: #ffde07;
  font-style: normal;
  margin-left: 10px;
}

#sp-slide ul li a .icon:before {
  display: block;
  font-family: 'FontAwesome';
  content: "";
}

#rosefes-top .p-section-block .contents-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
}

#rosefes-top .p-section-block .contents-area .right {
  width: 49.47%;
}

#rosefes-top .p-section-block .contents-area .right .tw {
  border: 1px solid #ccc;
}

#rosefes-top .p-section-block .contents-area .right ._indnt {
  padding-left: 1em !important;
  text-indent: -1em !important;
  font-size: 1.4rem !important;
  margin: 0;
}

#rosefes-top .p-section-block .contents-area .right p {
  margin: 10px 0 0;
}

#rosefes-top .p-section-block .contents-area .left {
  width: 49.89%;
  margin-right: 2%;
}

#rosefes-top .p-section-block a[href^="tel:"] {
  cursor: default;
  text-decoration: none;
  color: #333 !important;
}

#rosefes-top .flower-info {
  background: #f5f5f5;
  padding: 7px 4% 20px;
  margin: 0 auto 15px;
}

#rosefes-top .flower-info h3 {
  border-bottom: 1px solid #67594e;
  color: #67594e;
  font-size: 2.0rem;
  margin: 8px auto 10px auto;
  padding-bottom: 3px;
  text-align: center;
}

#rosefes-top .flower-info .kaika-info {
  color: #e45458;
  font-size: 1.8rem !important;
  font-weight: bold;
}

#rosefes-top .flower-info .kaika-info span {
  color: #67594e;
  font-size: 1.8rem;
}

#rosefes-top .flower-info .migoro {
  color: #339dd1;
  font-size: 1.4rem;
}

#rosefes-top .flower-info .kaisai-info {
  font-size: 1.8rem;
  font-weight: bold;
}

#rosefes-top .share-photo {
  padding: 0 20px 10px;
  background-color: #fce5e9;
  margin-top: 1%;
}

#rosefes-top .p-section-hdg {
  color: #67594e;
  font-size: 2.6rem;
  text-align: center;
  padding: 9px 0 0;
  letter-spacing: 0.05em;
  margin: 0 0 10px;
}

#rosefes-top .sp-twt {
  display: none;
}

#rosefes-top .bnr-area {
  width: 100%;
}

#rosefes-top .bnr-area a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#rosefes-trivia .p-section-block .mv-area {
  background: url(/rosegarden/trivia/img/mv_bg.jpg) no-repeat left top;
  max-width: 950px;
  width: 100%;
  margin-bottom: 50px;
  padding: 0;
}

#rosefes-trivia .p-section-block .mv-area .left {
  width: 62.10%;
  padding: 20px;
}

#rosefes-trivia .p-section-block .mv-area .left h3 {
  text-align: center !important;
  width: 300px;
  margin: 0 auto 20px;
  margin-top: 0px;
}

#rosefes-trivia .p-section-block .mv-area .left p {
  font-size: 1.6rem;
}

#rosefes-trivia .p-section-block .mv-area .left ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
}

#rosefes-trivia .p-section-block .mv-area .left ul li {
  margin-right: 30px;
}

#rosefes-trivia .p-section-block .mv-area .left ul li span {
  font-size: 1.2rem;
}

#rosefes-trivia .p-section-block .contents-box {
  margin-bottom: 50px;
  padding: 5px 20px 15px 20px;
}

#rosefes-trivia .p-section-block .contents-box ul.link-area {
  margin-left: 78.5%;
  width: 22.8%;
}

#rosefes-trivia .p-section-block .contents-box h3 {
  display: block;
  color: #67594e;
  font-size: 1.8rem;
  margin: 8px auto 20px auto;
  padding-bottom: 5px;
  text-align: center;
}

#rosefes-trivia .p-section-block .contents-box .trivia-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
}

#rosefes-trivia .p-section-block .contents-box .trivia-area .txt-area {
  width: 42%;
}

#rosefes-trivia .p-section-block .contents-box .trivia-area li {
  margin-right: 20px;
}

#rosefes-trivia .p-section-block .contents-box .trivia-area li .img-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  width: 110%;
}

#rosefes-trivia .p-section-block .contents-box .trivia-area li .img-area li .caption {
  display: block;
  font-size: 1.2rem;
  padding-top: 5px;
  text-align: center;
}

#rosefes-trivia .p-section-block .contents-box .trivia-area li .img-area li:last-child {
  display: block;
}

#rosefes-trivia .p-section-block .contents-box .trivia-area li .img-area_sp {
  display: none;
}

#rosefes-trivia .p-section-block .contents-box ul > li .caption {
  display: block;
  font-size: 0.8rem;
  padding-top: 5px;
  text-align: center;
}

#rosefes-trivia .p-section-block .contents-box p {
  margin: 0;
}

#rosefes-trivia .p-section-block .contents-box .right {
  width: 57.894%;
}

#rosefes-trivia .p-section-block .contents-box .right ul {
  margin-bottom: 10px;
}

#rosefes-trivia .p-section-block .contents-box .right ul li {
  font-size: 1.4rem;
}

#rosefes-trivia .p-section-block .contents-box .left {
  width: 45.7%;
  margin-right: 2.631%;
}

#rosefes-trivia .p-section-block .contents-box_sp {
  -webkit-flex-wrap: wrap;
  /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-between;
  /* Safari */
  justify-content: space-between;
  width: 100%;
}

#rosefes-trivia .p-section-block .contents-box_sp h3 {
  color: #67594e;
  font-size: 2.0rem;
  margin: 8px auto 10px auto;
  padding-bottom: 0px;
  text-align: center;
}

#rosefes-trivia .p-section-block .contents-box_sp li {
  background: #fff7f5 !important;
  width: 31.57%;
  margin-bottom: 20px;
}

#rosefes-trivia .p-section-block .contents-box_sp p {
  padding: 0px 15px;
  text-align: left !important;
  font-size: 1.6rem;
}

#rosefes-trivia .p-section-block .contents-box_sp ._wdt01 {
  width: 74% !important;
}

#rosefes-trivia .p-section-block .contents-box_sp ._wdt02 {
  width: 90% !important;
}

#rosefes-trivia .p-section-block .contents-box_sp ._wdt03 {
  width: 83.333% !important;
}

#rosefes-trivia .p-section-block ._bgcolr {
  background: #fff7f5 !important;
}

#rosefes-trivia .p-section-block ._wdt290 {
  width: 30.526% !important;
}

/*  slider */
#rosefes-trivia.content-block .fancybox1 .fancybox-close {
  position: absolute;
  top: -18px;
  left: -18px !important;
  width: 38px;
  height: 38px;
  cursor: pointer;
  z-index: 8040;
}

.slider {
  width: 910px;
  height: 126px;
  background: #ffdcd3;
  margin-top: 20px;
}

.slider p.ttl_slider {
  position: absolute;
  top: -20px;
  left: 22px;
}

.slider .move {
  margin-left: 0px;
  width: 900px;
  height: 140px;
  padding: 0px 25px 0px 30px;
}

.slider .move .scroll {
  width: 900px;
  height: 140px;
  margin-left: -15px;
}

.scroll ul li a:hover img {
  filter: alpha(opacity=80) !important;
  -ms-filter: "alpha(opacity=80)" !important;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.scroll .simply-scroll {
  width: 900px;
  height: 140px;
  margin-bottom: 0;
}

.scroll .simply-scroll .simply-scroll-clip {
  width: 880px;
  height: 140px;
}

.scroll .simply-scroll .simply-scroll-list li {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  position: relative;
}

.scroll .simply-scroll .simply-scroll-list li a span.caption {
  position: absolute;
  font-size: 0.85rem;
  font-weight: bold;
  bottom: 0;
  left: 0;
  color: #fff;
  background: #000;
  width: 100px;
  padding-bottom: 5px;
  filter: alpha(opacity=80) !important;
  -ms-filter: "alpha(opacity=80)" !important;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.simply-scroll-list {
  margin-top: 12px !important;
}

#fancybox-left-ico, #fancybox-right-ico {
  top: 45%;
}

@media screen and (max-width: 768px) {
  #page.-special .content-block > .inner {
    padding: 0 0 30px;
  }
  .anchor-link {
    width: 100%;
  }
  .anchor-link > li {
    width: 100%;
    margin-right: 0;
  }
  #rosefes-area-map .p-section-block {
    padding: 20px 0 0;
  }
  #rosefes-area-map .p-section-block .contents-box {
    display: block;
    width: 100%;
  }
  #rosefes-area-map .p-section-block .contents-box h3 {
    font-size: 2.0rem;
  }
  #rosefes-area-map .p-section-block .contents-box h3 span {
    display: block;
  }
  #rosefes-area-map .p-section-block .contents-box .right {
    width: 100%;
    padding-bottom: 1%;
  }
  #rosefes-area-map .p-section-block .contents-box .left {
    width: 100%;
    margin: 0 0 20px;
    padding-bottom: 1%;
  }
  #rosefes-area-map .p-section-block .contents-box ._wdt02 {
    width: 320px !important;
  }
  #rosefes-area-map .p-section-block .contents-box_sp {
    margin-bottom: 0;
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
  #rosefes-area-map .p-section-block .contents-box_sp h3 {
    font-size: 1.6rem;
  }
  #rosefes-area-map .p-section-block .contents-box_sp li {
    width: 48.57%;
  }
  #rosefes-area-map .p-section-block .contents-box_sp li h3 span {
    display: block;
  }
  #rosefes-area-map .p-section-block .contents-box_sp li .popupbox a .pstn-center {
    top: 26% !important;
    left: 26.666% !important;
  }
  #rosefes-area-map .p-section-block .contents-box_sp li._bgnone {
    width: 100% !important;
  }
  #rosefes-area-map .p-section-block .contents-box_sp li.none {
    display: none;
  }
  #rosefes-area-map .p-section-block .contents-box_sp ._wdt01 {
    width: 88.210% !important;
  }
  #rosefes-area-map .p-section-block .contents-box_sp ._wdt02 {
    width: 94.210% !important;
  }
  #rosefes-area-map .p-section-block .contents-box_sp ._wdt03 {
    width: 79.210% !important;
  }
  #rosefes-area-map .pstn-center {
    top: 36% !important;
    left: 37.666% !important;
  }
  #rosefes-area-map ul.bxslider li {
    height: 300px;
  }
  .p-content-frame {
    padding: 0 3%;
    background: #fff;
  }
  .p-content-section .pc {
    display: none;
  }
  .p-content-section .sp {
    display: block;
    margin-bottom: -1%;
  }
  .p-content-section .p-hero-image {
    margin-bottom: 15px;
  }
  .p-content-section .p-hero-image ul {
    display: block;
    margin-bottom: -10px;
  }
  .p-content-section .p-hero-image ul li {
    text-align: center;
  }
  .p-content-section .p-hero-image ul li img {
    width: 80%;
  }
  .p-content-section .p-hero-image ul .p-ttl {
    font-size: 2.0rem;
    position: inherit;
    bottom: 0;
    left: 0;
    text-align: center;
  }
  .p-content-section .p-hero-image ul .p-ttl:before {
    background-image: url("/illumination/img/top/star-sp.png");
    width: 35px;
    height: 31px;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: -10px;
  }
  .p-content-section .p-hero-image ul .p-ttl:after {
    background-image: url("/illumination/img/top/star-sp.png");
    width: 35px;
    height: 31px;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: -10px;
  }
  .p-content-section .alert {
    text-align: left !important;
  }
  .p-content-section .alert span {
    display: block;
  }
  .alert {
    font-size: 1.4rem;
    margin: 0 0 0 20px;
  }
  ._fc {
    font-size: 1.4rem;
    margin: 0 0 0 20px;
  }
  ._fc-f {
    font-size: 1.2rem;
    padding-left: 1em;
    text-indent: -1em;
  }
  #rosefes-event .p-section-block {
    padding: 20px 0 0;
  }
  #rosefes-event .p-section-block .contents-box {
    display: block;
    width: 100%;
    padding: 4% 4%;
  }
  #rosefes-event .p-section-block .contents-box .event-area {
    display: block;
  }
  #rosefes-event .p-section-block .contents-box .event-area ._left {
    margin-bottom: 30px;
  }
  #rosefes-event .p-section-block .contents-box h3 {
    font-size: 2.0rem;
  }
  #rosefes-event .p-section-block .contents-box h3 span {
    display: block;
  }
  #rosefes-event .p-section-block .contents-box .catch-area li {
    font-size: 1.6rem !important;
  }
  #rosefes-event .p-section-block .contents-box p {
    padding: 0;
  }
  #rosefes-event .p-section-block .contents-box .discrpt {
    text-align: left !important;
    font-size: 1.6rem;
  }
  #rosefes-event .p-section-block .contents-box .right {
    width: 100%;
  }
  #rosefes-event .p-section-block .contents-box .right table.table-01 th {
    font-size: 1.4rem;
  }
  #rosefes-event .p-section-block .contents-box .right table.table-01 td {
    font-size: 1.8rem;
  }
  #rosefes-event .p-section-block .contents-box .right ul li {
    font-size: 1.6rem;
  }
  #rosefes-event .p-section-block .contents-box .right ul .conts {
    font-size: 1.4rem !important;
  }
  #rosefes-event .p-section-block .contents-box .right ul .dscrpt-txt {
    padding-left: 0;
  }
  #rosefes-event .p-section-block .contents-box .right ._indnt {
    padding-left: 1em !important;
  }
  #rosefes-event .p-section-block .contents-box .alert {
    padding-left: 0 !important;
    margin-left: 0;
  }
  #rosefes-event .p-section-block .contents-box .alert ._indnt04 {
    padding-left: 1em !important;
    text-indent: -1em;
  }
  #rosefes-event .p-section-block .contents-box .left {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
  #rosefes-event .p-section-block .contents-box ._wdt04 {
    width: 94.052% !important;
  }
  #rosefes-event .p-section-block .contents-box table.table-02 th {
    font-size: 1.8rem;
  }
  #rosefes-event .p-section-block .contents-box table.table-02 td ul .conts {
    font-size: 1.8rem !important;
  }
  .g-nav_sp {
    display: block;
    margin-bottom: 2%;
  }
  .g-nav {
    display: none;
  }
  .map {
    width: 100%;
    background-size: contain;
  }
  .p-modal-body_page h2 {
    font-size: 2.2rem;
  }
  .p-modal-body_page h2 span {
    display: block;
  }
  .p-modal-body_page .p-modal-page {
    font-size: 1.6rem;
  }
  .p-modal-body_page .p-modal-page .img-info {
    bottom: 11.5%;
    font-size: 1.0rem;
    right: -3%;
  }
  .p-modal-body_page .link-area {
    display: block;
    margin: 2%;
  }
  .p-nav_sp {
    display: block;
    margin: 0 0 10px;
  }
  #rosefes-phot-spot .p-section-block {
    padding: 20px 0 0;
  }
  #rosefes-phot-spot .p-section-block .contents-box {
    display: block;
    width: 100%;
  }
  #rosefes-phot-spot .p-section-block .contents-box h3 {
    font-size: 2.0rem;
  }
  #rosefes-phot-spot .p-section-block .contents-box li img {
    width: 100% !important;
    text-align: center !important;
  }
  #rosefes-phot-spot .p-section-block .contents-box p {
    font-size: 1.6rem;
  }
  #rosefes-phot-spot .p-section-block .contents-box .right {
    width: 100%;
    padding-bottom: 4%;
    text-align: center;
  }
  #rosefes-phot-spot .p-section-block .contents-box .left {
    width: 100%;
    margin: 0 0 20px;
    padding-bottom: 4%;
    text-align: center;
  }
  #rosefes-phot-spot .p-section-block .contents-box ._wdt02 {
    width: 320px !important;
  }
  #rosefes-phot-spot .p-section-block .contents-box_sp {
    margin-bottom: 0;
  }
  #rosefes-phot-spot .p-section-block .contents-box_sp h3 {
    font-size: 1.6rem;
  }
  #rosefes-phot-spot .p-section-block .contents-box_sp li:last-child {
    display: none;
  }
  #rosefes-phot-spot .p-section-block .contents-box_sp li {
    width: 48.57%;
    padding-bottom: 4%;
  }
  #rosefes-phot-spot .p-section-block .contents-box_sp li h3 span {
    display: block;
  }
  #rosefes-phot-spot .p-section-block .contents-box_sp ._wdt01 {
    width: 88.210% !important;
  }
  #rosefes-phot-spot .p-section-block .contents-box_sp ._wdt02 {
    width: 94.210% !important;
  }
  #rosefes-phot-spot .p-section-block .contents-box_sp ._wdt03 {
    width: 79.210% !important;
  }
  #rosefes-phot-spot .place-info {
    font-size: 1.3rem !important;
    position: static;
  }
  .p-section-block {
    padding: 20px 0 15px;
    margin-bottom: 15px;
  }
  .p-section-block > .inner {
    padding: 0 15px;
  }
  .h-block06 {
    margin: 0 5px;
  }
  .h-block06 .h-block06__inner {
    padding: 30px 15px 60px;
  }
  .h-block06 ul li {
    max-width: 100%;
    width: 100%;
    margin: 14px 10px 0 0 !important;
    text-align: center;
    display: inline-block;
    padding: 0;
  }
  .h-block06 ul li .h-btn {
    font-size: 1.4rem;
    padding: 12px 10px;
  }
  .h-block06 ul li:nth-of-type(1) {
    margin-right: 0;
    margin-top: 0;
  }
  .h-block06 ul li {
    display: block;
    margin-top: 15px;
  }
  .h-block06 ul li a span img {
    width: 100%;
  }
  .photoblock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .photoblock > .prim {
    width: auto;
    margin: 0 0 9px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .photoblock > .prim.-left > .wide {
    margin-left: 9px;
  }
  .photoblock > .prim.-right {
    display: none;
  }
  .photoblock > .prim > .wide {
    width: 66%;
    max-width: 286px;
  }
  .photoblock > .prim > .narrow {
    width: calc(100% - (66% + 9px));
    max-width: 138px;
  }
  .sns-area {
    display: block;
    padding: 15px 15px;
  }
  .sns-area li {
    width: 100%;
  }
  .sns-area li ul {
    text-align: center;
    margin-bottom: 10px;
  }
  #pc-slide {
    display: none;
  }
  #sp-slide {
    display: block;
    margin-top: -4%;
  }
  #rosefes-top .p-section-block .contents-area {
    display: block;
    width: 100%;
  }
  #rosefes-top .p-section-block .contents-area .right {
    display: none;
  }
  #rosefes-top .p-section-block .contents-area .left {
    width: 100%;
    margin: 0 0 20px;
  }
  #rosefes-top .flower-info {
    text-align: center;
  }
  #rosefes-top .flower-info .kaika-info {
    font-size: 1.6rem !important;
  }
  #rosefes-top .flower-info .kaika-info span {
    display: block;
    font-size: 1.6rem !important;
  }
  #rosefes-top .flower-info .kaisai-info {
    font-size: 1.6rem;
    text-align: left;
  }
  #rosefes-top .p-section-hdg {
    font-size: 2.0rem;
  }
  #rosefes-top .sp-twt {
    display: block;
  }
  #rosefes-trivia .p-section-block {
    padding: 20px 0 0;
  }
  #rosefes-trivia .p-section-block .mv-area {
    background: none;
    margin-bottom: 20px;
  }
  #rosefes-trivia .p-section-block .mv-area .left {
    background: #fff7f5 !important;
    width: 100%;
  }
  #rosefes-trivia .p-section-block .mv-area .right {
    display: none;
  }
  #rosefes-trivia .p-section-block .contents-box {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 4% 4%;
  }
  #rosefes-trivia .p-section-block .contents-box ul.link-area {
    margin-top: 5%;
    margin-left: 11%;
    width: 80%;
  }
  #rosefes-trivia .p-section-block .contents-box h3 {
    font-size: 2.0rem;
  }
  #rosefes-trivia .p-section-block .contents-box h3 span {
    display: block;
  }
  #rosefes-trivia .p-section-block .contents-box .trivia-area {
    display: block;
  }
  #rosefes-trivia .p-section-block .contents-box .trivia-area .txt-area {
    width: 100%;
    margin-bottom: 20px;
  }
  #rosefes-trivia .p-section-block .contents-box .trivia-area li {
    margin-right: 2%;
  }
  #rosefes-trivia .p-section-block .contents-box .trivia-area li .img-area {
    display: none;
  }
  #rosefes-trivia .p-section-block .contents-box .trivia-area li .img-area_sp {
    display: block;
    width: 103%;
    margin: 0 auto;
  }
  #rosefes-trivia .p-section-block .contents-box p {
    padding: 0;
    font-size: 1.6rem;
  }
  #rosefes-trivia .p-section-block .contents-box .right {
    width: 100%;
  }
  #rosefes-trivia .p-section-block .contents-box .left {
    width: 100%;
    margin: 0 0 20px;
  }
  #rosefes-trivia .p-section-block ._pc {
    display: none;
  }
  #rosefes-trivia .p-section-block .contents-box_sp {
    margin-bottom: 0;
  }
  #rosefes-trivia .p-section-block .contents-box_sp li {
    width: 93%;
    margin: 0 auto 4%;
  }
  #rosefes-trivia .p-section-block .contents-box_sp li h3 span {
    display: block;
  }
  #rosefes-trivia .p-section-block .contents-box_sp ._wdt01 {
    width: 88.210% !important;
  }
  #rosefes-trivia .p-section-block .contents-box_sp ._wdt02 {
    width: 94.210% !important;
  }
  #rosefes-trivia .p-section-block .contents-box_sp ._wdt03 {
    width: 79.210% !important;
  }
  #rosefes-trivia .p-section-block ._wdt290 {
    width: 100% !important;
  }
  .slider {
    width: 100% !important;
  }
  .slider .move {
    width: 101% !important;
  }
  .slider .move .scroll {
    width: 98% !important;
  }
  .scroll .simply-scroll {
    width: 99% !important;
  }
  .scroll .simply-scroll .simply-scroll-clip {
    width: 111% !important;
  }
}

@media print {
  .h-block06 .h-block06__inner > img {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  #block01,
  #block01 .SHR-slide-body,
  #block02,
  #block02 .SHR-slide-body,
  #block05,
  #block05 .SHR-slide-body,
  #block06,
  #block06 .SHR-slide-body {
    width: 138px !important;
    height: 138px !important;
  }
  #block03,
  #block03 .SHR-slide-body,
  #block04,
  #block04 .SHR-slide-body {
    width: 286px !important;
    height: 286px !important;
  }
}

/*# sourceMappingURL=styles.css.map */