@charset "UTF-8";
.sp_only {
  display: none;
}

/*  */
h2 {
  margin: 0 auto 50px;
}

h2 img {
  width: 100%;
  height: auto;
  margin: auto;
  display: block;
}

.wh_info {
  margin-top: 30px !important;
    padding-right: 20px !important;
}

.wh_info span {
  background: #fff;
  display: inline-block;
  width: 100%;
  padding: 10px;
  font-size: 16.8px;
  margin-top: 20px;
}

.animated {
  opacity: 0;
}

.animated.fadeInUp {
  opacity: 1;
}

img {
  display: block;
  margin: auto;
}

.wrap .animated {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.topic {
  width: 100%;
  background: #FFFFF1;
  font-size: 15px;
  position: relative;
  margin: 60px auto 0;
  padding: 30px 30px 50px 30px;
  text-align: center;
  outline: 3px solid #946134;
  outline-offset: -15px;
}

.topic h3 img {
  width: 110px;
  height: auto;
  margin: 10px auto 0;
}

.topic:before {
  content: "";
  background: url(../images/topics01.png) no-repeat;
  background-size: contain;
  width: 110px;
  height: 125px;
  position: absolute;
  top: -20px;
  left: -10px;
}

.topic:after {
  content: "";
  background: url(../images/topics02.png) no-repeat;
  background-size: contain;
  width: 184px;
  height: 174px;
  position: absolute;
  bottom: -25px;
  right: -70px;
}

.topic p {
  margin-top: 0px !important;
}

.topic p span {
  position: relative;
  width: 100%;
  display: inline-block;
  line-height: 1em;
  margin-top: 20px;
}

.topic p span:before {
  content: "";
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.topic p span:first-of-type {
  margin-top: 0px;
}

.event_gaiyo {
  width: 100%;
  background: #FFFFF1;
  font-size: 15px;
  position: relative;
  margin: 60px auto 0;
  padding: 30px 30px 50px 30px;
  text-align: center;
  outline: 3px solid #946134;
  outline-offset: -15px;
}

.event_gaiyo h3 img {
  width: 110px;
  height: auto;
  margin: 10px auto 0;
}

.event_gaiyo:before {
  content: "";
  background: url(../images/topics01.png) no-repeat;
  background-size: contain;
  width: 110px;
  height: 125px;
  position: absolute;
  top: -20px;
  left: -10px;
}

.event_gaiyo:after {
  content: "";
  background: url(../images/topics02.png) no-repeat;
  background-size: contain;
  width: 184px;
  height: 174px;
  position: absolute;
  bottom: -25px;
  right: -70px;
}

.event_gaiyo p {
  margin-top: 0px !important;
  text-align:left;
}

.event_gaiyo p span {
  position: relative;
  width: 100%;
  display: inline-block;
  line-height: 1.4;
  margin-top: 20px;
  padding-left:40px;
}

.event_gaiyo p span:before {
  content: "";
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.event_gaiyo p span:first-of-type {
  margin-top: 0px;
}



.swiper-slide {
  width: 100%;
  height: 475px;
  border-radius: 30px;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
}

.swiper-slide02 {
  width: 100%;
  border-radius: 30px;
}


.swiper-slide02 img {
  width: 100%;
  height: 100%;
}

.slider1 {
  position: relative;
}

.slider1 .swiper-button-next.swiper-button-prev {
  width: 70px;
  height: 70px;
  top: 220px;
  background-size: cover;
}

.slider1 .swiper-button-next, .slider1 .swiper-button-prev {
  width: 70px;
  height: 70px;
  top: 50%;
  background-size: cover;
  position: absolute;
  z-index: 5;
}

.slider1 .swiper-button-prev {
  background-image: url(../images/swiper-button-prev.png);
  left: -35px;
  right: auto;
  position: absolute;
  z-index: 5;
}

.slider1 .swiper-button-next {
  background-image: url(../images/swiper-button-next.png);
  right: -35px;
  left: auto;
  position: absolute;
  z-index: 5;
}

.slider2 {
  position: relative;
}

.slider2:before {
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  height: 600px;
  background: url(../slider/slider2.png);
  background-size: cover;
  z-index: 5;
  pointer-events: none;
}

.slider2 .slide2 .swiper-slide {
  text-align: center;
}

.slider2 .slide2 .swiper-slide img {
  width: auto;
  height: 744.75px;
  margin: 0 auto 40px;
}

.slider2 .swiper-pagination2 {
  margin: auto;
  position: relative;
}
/*
.slider2 .swiper-pagination2::before {
  content: "";
  background: url(../slider/will_be.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  opacity: 0.7;
  bottom: 8px;
  right: 164px;
}

.slider2 .swiper-pagination2::after {
  content: "";
  background: url(../slider/will_be.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  opacity: 0.7;
  bottom: 8px;
  right: 18px;
}
*/
.slider2 .swiper-pagination-bullet {
  width: 131.25px;
  height: 131.25px;
  margin: 8px 8px 0px 8px !important;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.7;
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(1) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(1):after {
  content: "";
  background: url(../slider/pn12-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}

.slider2 .swiper-pagination-bullet:nth-child(2) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(2):after {
  content: "";
  background: url(../slider/pn11-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}

.slider2 .swiper-pagination-bullet:nth-child(3) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(3):after {
  content: "";
  background: url(../slider/pn10-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}

.slider2 .swiper-pagination-bullet:nth-child(4) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(4):after {
  content: "";
  background: url(../slider/pn13-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}

.slider2 .swiper-pagination-bullet:nth-child(5) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(5):after {
  content: "";
  background: url(../slider/pn18-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}

.slider2 .swiper-pagination-bullet:nth-child(6) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(6):after {
  content: "";
  background: url(../slider/pn17-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}


.slider2 .swiper-pagination-bullet:nth-child(7) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(7):after {
  content: "";
  background: url(../slider/pn14-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}

.slider2 .swiper-pagination-bullet:nth-child(8) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(8):after {
  content: "";
  background: url(../slider/pn15-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}

.slider2 .swiper-pagination-bullet:nth-child(9) {
  position: relative;
}

.slider2 .swiper-pagination-bullet:nth-child(9):after {
  content: "";
  background: url(../slider/pn16-o.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}


.slider2 .swiper-pagination-bullet-active {
  background: #fff;
  position: relative;
  opacity: 1;
}

.slider2 .swiper-pagination-bullet-active:after {
  content: "";
  border: 4px solid #FF7CAE;
  border-radius: 100%;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.slider3 {
  position: relative;
}

.slider3:before {
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  height: 600px;
  background: url(../slider/slider2.png);
  background-size: cover;
  z-index: 5;
}

.slider3 .slide3 .swiper-slide {
  text-align: center;
}

.slider3 .slide3 .swiper-slide img {
  width: auto;
  height: 744.75px;
  margin: 0 auto 40px;
}

.slider3 .swiper-pagination3 {
  margin: auto;
  position: relative;
}

/*.slider3 .swiper-pagination3::before {
  content: "";
  background: url(../slider/will_be.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  opacity: 0.7;
  bottom: 8px;
  left: 152px;
}

.slider3 .swiper-pagination3::after {
  content: "";
  background: url(../slider/will_be.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  opacity: 0.7;
  bottom: 8px;
  left: 292px;
}
*/
.slider3 .swiper-pagination-bullet {
  width: 131.25px;
  height: 131.25px;
  display: inline-block;
  margin: 12px 12px 0px 12px !important;
  border-radius: 100%;
  background: #fff;
  opacity: 0.3;
  position: relative;
}

.slider3 .swiper-pagination-bullet:nth-child(1) {
  position: relative;
}

.slider3 .swiper-pagination-bullet:nth-child(1):after {
  content: "";
  background: url(../slider/pn03_1.png) no-repeat;
  background-size: cover;
  width: 131.25px;
  height: 131.25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  z-index: 4;
}

.slider3 .swiper-pagination-bullet-active {
  background: #fff;
  position: relative;
  opacity: 1;
}

.slider3 .swiper-pagination-bullet-active:after {
  content: "";
  border: 4px solid #FF7CAE;
  border-radius: 100%;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.under_text {
  font-size: 15px;
  margin-top: 30px;
}

#xcover {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  overflow-x: hidden;
  background-size: 170px;
  background-position: center;
  background-attachment: fixed;
    
}

/*  */
body {
    font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 500;
}

/*  */
.content {
  padding: 130px 0 0 0;
}

/*  */
.inner {
  width: 100%;
  max-width: 700px;
  margin: auto;
}

.inner02 {
    width: 100%;
    max-width: 800px;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
}


.container10th{
background: url("../images/back_stripe.jpg") ;
}

.frame{
}

/*  */
.wrap {
  font-size: 19px;
  color: #946134;
  overflow: hidden !important;
}

/*  */
header {
  display: none;
}

/*  */
.main_visual {
  width: 100%;
  height: 600px;
  background: url(../images/main.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  position: relative;
  position: relative;
}

.main_visual:after {
  content: "";
  background: url(../images/flower.png) repeat-x;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: -60px;
  z-index: 1;
}

.main_visual::before {
  content: "";
  background: url(../images/logo.png) no-repeat;
  background-size: contain;
  width: 342px;
  height: 72px;
  display: block;
  position: absolute;
  top: 25px;
  left: 40px;
}

/*  */
.center_p {
  width: 100%;
  height: 0px;
  display: block;
  padding-top: 5px;
  position: relative;
}

.center_p img {
  width: 477px;
  height: auto;
  margin: auto;
  display: block;
}

.center_p::before {
  content: "";
  background: url(../images/rib_wh_t.png) repeat-x;
  background-size: contain;
  width: 100%;
  height: 33px;
  top: -31px;
  left: 0;
  
}

.center_p::after {
  content: "";
  background: url(../images/rib_wh_u.png) repeat-x;
  background-size: contain;
  width: 100%;
  height: 33px;
  position: absolute;
  bottom: -31px;
  left: 0;
  z-index: 1;
}

/* about */
#about {
  background: #FCEDED;
  color: #946134;
  position: relative;
  text-align: center;
  padding: 110px 0 90px;
}

#about h1 {
  position: relative;
}

#about h1 img {
  display: block;
  width: 550px;
  height: auto;
  margin: auto;
}

#about h1::before {
  content: "";
  background: url(../images/bird.png);
  background-size: contain;
  width: 71px;
  height: 68px;
  position: absolute;
  top: 0;
  left: -50px;
}

#about h1::after {
  content: "";
  background: url(../images/mail.png) no-repeat;
  background-size: contain;
  width: 86px;
  height: 64px;
  position: absolute;
  top: 0;
  right: 0px;
}

#about p {
  font-size: 16.8px;
  position: relative;
}

#about p:last-of-type::before {
  content: '';
  background: url(../images/about_03.png) no-repeat;
  background-size: contain;
  width: 208px;
  height: 118px;
  position: absolute;
  top: -50px;
  left: -60px;
  z-index: 1;
}

#about p:last-of-type::after {
  content: '';
  background: url(../images/about_04.png) no-repeat;
  background-size: contain;
  width: 77px;
  height: 93px;
  position: absolute;
  bottom: -10px;
  right: -30px;
  z-index: 1;
}
#about p.about_text {
  margin-top: 50px;
  margin-bottom: 70px;
  line-height: 1em;
  position: relative;
}

#about p.about_text::after {
  content: "";
  background: url(../images/mell.png) no-repeat;
  background-size: contain;
  width: 195px;
  height: 80px;
  position: absolute;
  bottom: -115px;
  right: 0;
}

#about p.about_text span {
  position: relative;
  display: block;
  padding-top: 15px;
}

#about p.about_text span:after {
  content: "";
  width: 100%;
  height: 2px;
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
}

#about .video_box {
  display: block;
  width: 100%;
  height: 355px;
  padding: 20px;
  position: relative;
  margin: 100px 0 90px;
}

#about .video_box::before {
  content: "";
  /*background: url(../images/move_index.png) no-repeat;*/
  background-size: contain;
  width: 282.4px;
  height: 120px;
  position: absolute;
  top: -90px;
  left: 0;
  z-index: 3;
}

#about .video_box::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/bg_movie.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#about .video_box video {
  width: 100%;
  height: 100%;
  border: none;
  background: #fff;
  z-index: 2;
  position: relative;
}





/* news */
#news {
    padding: 110px 0 90px;
    position: relative;
}

#news::before {
  content: "";
  background: url(../images/rib_br_t.png) repeat-x;
  background-size: contain;
  width: 100%;
  height: 33px;
  position: absolute;
  top: -31px;
  left: 0;
}

#news::after {
  content: "";
  background: url(../images/rib_br_u.png) repeat-x;
  background-size: contain;
  width: 100%;
  height: 33px;
  position: absolute;
  bottom: -31px;
  left: 0;
}

#news .inner ul {
  margin: auto;
}

#news .inner ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 16.8px;
  color: #fff;
}

#news .inner ul li:nth-child(2) {
  padding-top: 12px;
}

#news .inner ul li span {
  padding-right: 50px;
}

#news .inner ul li.new {
  position: relative;
}

#news .inner ul li.new:before {
  content: "";
  background: url(../images/new.png) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -2px;
  left: -40px;
}

/* profile */
#profile {
  background: #E8E6F2;
  padding: 110px 0 90px;
}

#profile .inner h2 img {
  width: 630px;
  height: auto;
}

#profile .inner p {
  position: relative;
  color: #946134;
  line-height: 50px;
}

#profile .inner p::after {
  content: "";
  background: url(../images/profile01.png) no-repeat;
  background-size: contain;
  width: 272px;
  height: 268px;
  position: absolute;
  bottom: -15px;
  right: -170px;
}

#profile .inner ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
  padding: 25px 0;
  background: url(../images/bg_prof.png) no-repeat;
  background-size: cover;
}

#profile .inner ul:before {
  content: '';
  background: url(../images/dash.png) repeat-x;
  background-size: cover;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
}

#profile .inner ul:after {
  content: '';
  background: url(../images/dash.png) repeat-x;
  background-size: cover;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
}

#profile .inner ul li {
  font-size: 23px;
  font-weight: 700;
  margin-right: 9px;
  color: #946134;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#profile .inner ul li span {
  font-size: 12px;
  color: #fff;
  background: #946134;
  border-radius: 3px;
  padding: 7px 8px;
  margin-right: 8px;
}

#profile .inner ul li:last-of-type {
  margin-top: 13px;
}

/* story */
#story {
  background: #FCEDED;
  padding: 110px 0 90px;
}

#story dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0;
  position: relative;
}

#story dl:nth-child(2n) dt {
  margin: 0 auto 0 0;
}

#story dl:nth-child(2n) dd {
  padding: 0 25px 0 0;
}

#story dl:nth-child(2n) dd img {
  right: 20px;
}

#story dl:nth-child(2n+1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

#story dl:nth-child(2n+1) dt {
  margin: 0 0 0 auto;
}

#story dl dt {
  margin: 0 auto 0 0;
}

#story dl dt img {
  width: 380px;
  height: auto;
}

#story dl dd {
  padding-left: 25px;
}

#story dl dd img {
  position: absolute;
  width: auto;
  height: 256px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
}


#new_goods {
  padding: 0px 0;
  background: #E8E6F2;
}


#bd_event {
	padding: 110px 0 90px;
	background-color: #F0CFFE;
}

#bd_event p {
  margin-top: 50px;
}

#bd_event p img {
  width: 85%;
  height: auto;
}

#bd_event .inner p img {
  width: 95%;
  height: auto;
}

/* photo spot */
#photo_spot {
  padding: 110px 0 90px;
  background: #E8E6F2;
}

#photo_spot p {
  margin-top: 50px;
}

/* assistant */
#assistant {
  padding: 110px 0 90px;
  background: #FCEDED;
}

#assistant p {
  margin-top: 50px;
}

/* greeting */
#greeting {
  padding: 110px 0 90px;
  position: relative;
  background: #E8E6F2;
}

#greeting:after {
  content: "";
  background: url(../images/flower.png) repeat-x;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: -60px;
  z-index: 1;
}

#greeting .slider img {
  width: 100%;
  height: auto;
  margin: 0 auto 50px;
}

/* special */
#special {
  padding: 110px 0 90px;
  position: relative;
  background: url(../images/bg_special.png) repeat;
  background-size: contain;
}

#special:after {
  content: "";
  background: url(../images/flower.png) repeat-x;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: -60px;
  z-index: 1;
}

#special .slider img {
  width: 100%;
  height: auto;
  margin: 0 auto 50px;
}

/* goods */
#goods {
  padding: 110px 0 90px;
  background: url(../images/bg_goods.png) repeat;
  background-size: 100%;
}

#goods .topic p:last-of-type {
  text-align: left;
  padding-top: 15px;
}

#sweets {
  margin-top: 100px;
}

/* other */
#other {
  padding: 110px 0 90px;
  background: #FCEDED;
}

#other .slider img {
  width: 100%;
  height: auto;
  margin: auto;
}

/* coupon */
#more {
  padding: 110px 0 90px;
  background: #E8E6F2;
}

#more .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#more .inner dl {
  width: 48%;
}

#more .inner dl dt {
  font-size: 17.1px;
  font-weight: 700;
  text-align: center;
}

#more .inner dl dd {
  margin: 20px 0 60px 0;
}

#more .inner dl dd a img {
  width: 100%;
  height: auto;
  margin: 0 auto 50px;
}

/* access */
#access {
  padding: 110px 0 90px;
  background: #FCEDED;
  /*ラベル*/
}

#access ul {
  margin: auto;
}

#access ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#access ul.foot_btn {
  margin: 70px auto 80px;
  text-align: center;
}

#access ul.foot_btn li {
  margin-top: 15px;
  font-weight: 700;
}

#access ul.foot_btn li a {
  color: #946134;
}

#access ul.foot_btn li img {
  width: auto;
  height: 51px;
}

#access .accbox {
  margin: 0 0;
  padding: 0;
  /*max-width: 400px;最大幅*/
}

#access .accbox label {
  display: block;
  border: solid 3px #fff;
  margin: 80px 0 0;
  padding: 13px 12px;
  background: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
  z-index: 100;
  color: #946134;
}

#access #faq .accbox label {
  text-align: inherit;
  padding: 10px 60px 10px 20px;
}

#access #faq .accshow p {
  color: #ff498a;
  padding: 0 20px;
  margin: 0;
}

#access .accbox label::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 30px;
  margin: 2px;
  display: block;
  z-index: -5;
  border: none;
  background: #fff;
}

#access .accbox label img {
  width: 170px;
}

#access .accbox label:before {
  content: ' ';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../images/accordion-open.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 22px;
  margin: auto;
}

#access .accbox label:hover {
  /*background :#ffe9a9;*/
}

#access .accbox input {
  display: none;
}

#access .accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  /*transition: 0.8s;*/
}

#access .cssacc:checked + label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

#access .cssacc:checked + label + .accshow {
  height: auto;
  padding: 20px 0;
  border: none;
  background: #fff;
  margin-top: 0;
  border-top: none;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  opacity: 1;
}

#access .cssacc:checked + label:before {
  background-image: url("../images/accordion-close.png");
}

#access .accshow img {
  display: block;
  width: 90%;
  height: auto;
  margin: auto;
}

#access .accshow p {
  font-size: 18px;
  font-weight: 400;
  padding: 50px 25px 30px;
}

#access .accshow dl {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

#access .accshow dt {
  color: #fff;
  width: 20%;
  padding: 10px;
}

#access .accshow dd {
  width: 80%;
  padding: 10px;
  background: #FFF;
}

#access .accshow dl:last-child dd {
  border-bottom-right-radius: 25px;
}

#access .accshow dl:before {
  content: ' ';
  display: inline-block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 1%;
  background: #fff;
}

#access .accshow dl:after {
  content: ' ';
  display: inline-block;
  width: 79%;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 1%;
  background: #ff498a;
}

#access .accshow dl:last-child:before, #access .accshow dl:last-child:after {
  display: none;
}

#access footer {
  font-weight: 400;
}

#access footer p {
  font-size: 18px;
}

#access footer .copy {
  font-size: 20px;
  margin-top: 40px;
}


/* tea */
#tea {
  background: #FCEDED;
  color: #946134;
  position: relative;
  text-align: center;
  padding: 0px 0 40px;
}

#tea h1 {
  font-size: 20px;
  position: relative;
  padding:35px 10px 5px;
 }

#tea h1 span{
  font-size: 36px;
   
  position: relative;
}



#tea h1:last-of-type::before {
  content: '';
  background: url(../images/about_03.png) no-repeat;
  background-size: contain;
  width: 208px;
  height: 118px;
  position: absolute;
  top: -50px;
  left: -60px;
  z-index: 1;
}

#tea h1:last-of-type::after {
  content: '';
  background: url(../images/about_04.png) no-repeat;
  background-size: contain;
  width: 77px;
  height: 93px;
  position: absolute;
  bottom: -10px;
  right: -30px;
  z-index: 1;
}

.tea_cautions{
  font-size: 16px;
  position: relative;
  padding:5px 10px 0 25px;
  text-align:left;
  text-indent:-15px;
}

#tea p.tea_text {
  margin-top: 50px;
  margin-bottom: 70px;
  line-height: 1em;
  position: relative;
}

#tea p.tea_text::after {
  content: "";
  background: url(../images/mell.png) no-repeat;
  background-size: contain;
  width: 195px;
  height: 80px;
  position: absolute;
  bottom: -115px;
  right: 0;
}

#tea p.tea_text span {
  position: relative;
  display: block;
  padding-top: 15px;
}

#tea p.tea_text span:after {
  content: "";
  width: 100%;
  height: 2px;
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
}



#tea .wh_info {
  margin-top: 10px !important;
    background: #fff;
  display: inline-block;
  width: 100%;
  padding:10px 0 20px;

}

#tea .wh_info span {
  padding: 0px 20px;
  font-size: 16px;
  margin: 10px 0px 0;
  text-align:left;
}


.tea_topic {
  width: 100%;
  background: #FFFFF1;
  font-size: 15px;
  position: relative;
  margin: 30px auto 0;
  padding: 30px 50px 50px 50px;
  text-align: center;
  outline: 3px solid #946134;
  outline-offset: -15px;
}



.img_h3{
  width: 45%;
  margin: 40px auto 20px;
}

/*.tea_topic:before {
	content: "";
	background-size: contain;
	width: 145px;
	height: 137px;
	position: absolute;
	top: -20px;
	left: -10px;
	background-image: url(../images/bird.png);
	background-repeat: no-repeat;
}
*/
.tea_topic:after {
  content: "";
  background: url(../images/mell02.png) no-repeat;
  background-size: contain;
  width: 150px;
  height: 142px;
  position: absolute;
  bottom: -25px;
  right: -70px;
}

.tea_topic p {
}

.tea_topic p span {
  position: relative;
  width: 100%;
  display: inline-block;
  line-height: 1.5;
  margin-top: 30px;
  text-align:left;
  padding-left:15px;
}

.tea_topic p span:before {
  content: "";
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.tea_topic p span:first-of-type {
  margin-top: 0px;
}

.tea_inner {
  width: 100%;
  max-width: 800px;
  margin: auto;
  padding-top:15px;
}

/* yoyaku */
#yoyaku {
	color: #946134;
	position: relative;
	text-align: left;
	padding: 40px 0 40px;
	background-color: #EFDFFF;
	
}

#yoyaku h1 {
  font-size: 20px;
  position: relative;
  padding:35px 10px 5px;
 }

#yoyaku h1 span{
  font-size: 36px;
   
  position: relative;
}



#yoyaku h1:last-of-type::before {
  content: '';
  background: url(../images/about_03.png) no-repeat;
  background-size: contain;
  width: 208px;
  height: 118px;
  position: absolute;
  top: -50px;
  left: -60px;
  z-index: 1;
}

#yoyaku h1:last-of-type::after {
  content: '';
  background: url(../images/about_04.png) no-repeat;
  background-size: contain;
  width: 77px;
  height: 93px;
  position: absolute;
  bottom: -10px;
  right: -30px;
  z-index: 1;
}

.yoyaku_cautions{
  font-size: 16px;
  position: relative;
  padding:5px 10px 0 25px;
  text-align:left;
  text-indent:-15px;
}

.can_cautions{
  font-size: 16px;
  position: relative;
  padding:5px 10px 5px 25px;
  text-align:left;
  text-indent:-15px;
}

.sousin{
  font-size: 16px;
  position: relative;
  padding:5px 10px 0 25px;
  text-align:left;
  
}


#yoyaku p.yoyaku_text {
  margin-top: 50px;
  margin-bottom: 70px;
  line-height: 1em;
  position: relative;
}

#yoyaku p.yoyaku_text::after {
  content: "";
  background: url(../images/mell.png) no-repeat;
  background-size: contain;
  width: 195px;
  height: 80px;
  position: absolute;
  bottom: -115px;
  right: 0;
}

#yoyaku p.yoyaku_text span {
  position: relative;
  display: block;
  padding-top: 15px;
}

#yoyaku p.yoyaku_text span:after {
  content: "";
  width: 100%;
  height: 2px;
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
}

#yoyaku .wh_info {
  margin: 10px 0 20px !important;
    background: #fff;
  display: inline-block;
  width: 100%;
  padding:10px 0 20px;

}

#yoyaku .wh_info span {
  padding: 0px 20px;
  font-size: 16px;
  margin: 10px 0px 0;
  text-align:left;
}

.yoyaku_txt{
    font-size: 20px;
}

.tea_yoyaku {
  width: 100%;
  background: #FFFFF1;
  font-size: 15px;
  position: relative;
  margin: 40px auto 40px;
  padding: 30px 50px 50px 50px;
  text-align: center;
  outline: 3px solid #946134;
  outline-offset: -15px;
}

.online{
	font-size:24px;
	text-align:center;
	font-weight:bold;
}

.online_red{
	color:#F00;
	font-size: 16px;

}

.online_tyui {
  width: 100%;
  background: #FFFFF1;
  font-size: 15px;
  position: relative;
  margin: 40px auto 10px;
  padding: 30px 40px 20px 60px;
  text-align: left;
  outline: 3px solid #946134;
  outline-offset: -15px;
}

.online_tyui p{
	padding:5px;
	line-height:1.5;
}


.tea_center{
  font-size: 16px;
  position: relative;
  padding:5px 10px 0 25px;
  text-align:center;
  text-indent:-15px;
}

.moshikomi_txt{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
}

.moshikomi_link {
  margin: 15px 0;
  width:75%
}


/*
.tea_yoyaku:before {
  content: "";
  background: url(../images/mell01.png) no-repeat;
  background-size: contain;
  width: 144px;
  height: 120px;
  position: absolute;
  top: -100px;
  left: -10px;
}

.tea_yoyaku:after {
  content: "";
  background: url(../images/tea.png) no-repeat;
  background-size: contain;
  width: 127px;
  height: 118px;
  position: absolute;
  bottom: -25px;
  right: -40px;
}
*/
.tea_yoyaku p {
  margin-top: 25px !important;
}

.tea_yoyaku p span {
  position: relative;
  width: 100%;
  display: inline-block;
  line-height: 1.5;
  margin-top: 15px;
  text-align:left;
  padding-left:15px;
  text-indent:-15px;
}

.tea_yoyaku p span:before {
  content: "";
  /*background: url(../images/dash.png) repeat-x;
  background-size: 100%;*/
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.tea_yoyaku p span:first-of-type {
  margin-top: 0px;
}

/* yoyaku */
#rinji {
	color: #946134;
	position: relative;
	text-align: center;
	padding: 80px 0 90px;
	background-color: #E7CEFF;
}

#rinji h1 {
  font-size: 20px;
  position: relative;
  padding:35px 10px 5px;
 }

#rinji h1 span{
  font-size: 36px;
   
  position: relative;
}



#rinji h1:last-of-type::before {
  content: '';
  background: url(../images/about_03.png) no-repeat;
  background-size: contain;
  width: 208px;
  height: 118px;
  position: absolute;
  top: -50px;
  left: -60px;
  z-index: 1;
}

#rinji h1:last-of-type::after {
  content: '';
  background: url(../images/about_04.png) no-repeat;
  background-size: contain;
  width: 77px;
  height: 93px;
  position: absolute;
  bottom: -10px;
  right: -30px;
  z-index: 1;
}

.rinji_cautions{
  font-size: 16px;
  position: relative;
  padding:5px 10px 0 25px;
  text-align:left;
  text-indent:-15px;
}

.can_cautions{
  font-size: 16px;
  position: relative;
  padding:5px 10px 5px 25px;
  text-align:left;
  text-indent:-15px;
}

.sousin{
  font-size: 16px;
  position: relative;
  padding:5px 10px 0 25px;
  text-align:left;
  
}


#rinji p.rinji_text {
  margin-top: 50px;
  margin-bottom: 70px;
  line-height: 1em;
  position: relative;
}

#rinji p.rinji_text::after {
  content: "";
  background: url(../images/mell.png) no-repeat;
  background-size: contain;
  width: 195px;
  height: 80px;
  position: absolute;
  bottom: -115px;
  right: 0;
}

#rinji p.rinji_text span {
  position: relative;
  display: block;
  padding-top: 15px;
}

#rinji p.rinji_text span:after {
  content: "";
  width: 100%;
  height: 2px;
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
}

#rinji .wh_info {
  margin: 10px 0 20px !important;
    background: #fff;
  display: inline-block;
  width: 100%;
  padding:10px 0 20px;

}

#rinji .wh_info span {
  padding: 0px 20px;
  font-size: 16px;
  margin: 10px 0px 0;
  text-align:left;
}

.rinji_txt{
	font-size:20px;
	font-weight:bold;
}

.tea_rinji {
  width: 100%;
  background: #FFFFF1;
  font-size: 15px;
  position: relative;
  margin: 40px auto 10px;
  padding: 30px 50px 50px 50px;
  text-align: left;
  outline: 3px solid #946134;
  outline-offset: -15px;
}

/*
.tea_rinji:before {
  content: "";
  background: url(../images/mell01.png) no-repeat;
  background-size: contain;
  width: 144px;
  height: 120px;
  position: absolute;
  top: -100px;
  left: -10px;
}

.tea_rinji:after {
  content: "";
  background: url(../images/tea.png) no-repeat;
  background-size: contain;
  width: 127px;
  height: 118px;
  position: absolute;
  bottom: -25px;
  right: -40px;
}
*/
.tea_rinji p {
  margin: 25px 0 10px  !important;
}

.tea_rinji  span {
  position: relative;
  width: 100%;
  display: inline-block;
  line-height: 1.5;
  margin-top: 5px;
  text-align:left;
  padding-left:15px;
  text-indent:-15px;
}

.tea_rinji p span:before {
  content: "";
  /*background: url(../images/dash.png) repeat-x;
  background-size: 100%;*/
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.tea_rinji p span:first-of-type {
  margin-top: 0px;
}



/* yoyaku */
#naiyou {
    color: #946134;
    position: relative;
    text-align: justify;
    padding: 40px 0;
    background-color: #FFFDD0;
}

#naiyou h1 {
  font-size: 20px;
  position: relative;
  padding:35px 10px 5px;
 }

#naiyou h1 span{
  font-size: 36px;
   
  position: relative;
}



#naiyou h1:last-of-type::before {
  content: '';
  background: url(../images/about_03.png) no-repeat;
  background-size: contain;
  width: 208px;
  height: 118px;
  position: absolute;
  top: -50px;
  left: -60px;
  z-index: 1;
}

#naiyou h1:last-of-type::after {
  content: '';
  background: url(../images/about_04.png) no-repeat;
  background-size: contain;
  width: 77px;
  height: 93px;
  position: absolute;
  bottom: -10px;
  right: -30px;
  z-index: 1;
}

.naiyou_cautions{
  font-size: 16px;
  position: relative;
  padding:5px 10px 0 25px;
  text-align:left;
  text-indent:-15px;
}

#naiyou p.naiyou_text {
  margin-top: 50px;
  margin-bottom: 70px;
  line-height: 1em;
  position: relative;
}

#naiyou p.naiyou_text::after {
  content: "";
  background: url(../images/mell.png) no-repeat;
  background-size: contain;
  width: 195px;
  height: 80px;
  position: absolute;
  bottom: -115px;
  right: 0;
}

#naiyou p.naiyou_text span {
  position: relative;
  display: block;
  padding-top: 15px;
}

#naiyou p.naiyou_text span:after {
  content: "";
  width: 100%;
  height: 2px;
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
}


.tea_naiyou {
  width: 100%;
  background: #FFFFF1;
  font-size: 15px;
  position: relative;
  margin: 40px auto 0;
  padding: 30px 50px 50px 50px;
  text-align: center;
  outline: 3px solid #946134;
  outline-offset: -15px;
}

#naiyou h3 img {
  width: auto;
  height: auto;
  margin: 10px auto ;
}

#naiyou ul li {
	float:left;
	width:48%;
	margin:1%;
	text-align:center;
	font-size:14px;
	margin-top:25px;
}

.tea_naiyou:before {
  content: "";
  background: url(../images/mell01.png) no-repeat;
  background-size: contain;
  width: 144px;
  height: 120px;
  position: absolute;
  top: -100px;
  left: -10px;
}

.tea_naiyou:after {
  content: "";
  background: url(../images/tea.png) no-repeat;
  background-size: contain;
  width: 127px;
  height: 118px;
  position: absolute;
  bottom: -25px;
  right: -40px;
}

.tea_naiyou p {
  margin-top: 25px !important;
}

.tea_naiyou p span {
  position: relative;
  width: 100%;
  display: inline-block;
  line-height: 1.5;
  margin-top: 30px;
  text-align:left;
  padding-left:15px;
}

.tea_naiyou p span:before {
  content: "";
  background: url(../images/dash.png) repeat-x;
  background-size: 100%;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.tea_naiyou p span:first-of-type {
  margin-top: 0px;
}


.mabo20{
	margin:0px auto 20px;
}

#caution {
    color: #946134;
    position: relative;
    text-align: center;
    padding: 30px 0 90px;
    background-color: #FFDFFB;
}

.clear{
	clear:both;
}

.right_txt{
	font-size:12pt;
	text-align:right;
	margin-right:10px;
}



.mell_movie li{
	float:left;
	margin:5% 2%;
	width:45%;
}

.mell_movie li iframe{
padding:10px;
	background-image:url(../images/bg_movie.png);
}

.wi_wrap{
	display:none;
}
/*# sourceMappingURL=layout.css.map */

.midashi01{
    font-size: 12pt;
    text-align: left;
    margin-left: 15px;
    font-weight: bold;
    margin-top: 15px
}

.midashi02{
    font-size: 12pt;
    text-align: left;
    margin-left: 35px;
    margin-top: 15px;
    font-weight: bold;
}

.midashi03{
    font-size: 12pt;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

.txt001{
    font-size:12pt;
    text-align: left;
    line-height: 1.5;
    margin-left: 40px;
    padding-left:1em;
    text-indent: -1em;
}

.txt002{
    font-size:12pt;
    text-align: left;
    margin-left: 40px;
    padding-left:1em;
    text-indent: -1em;
    line-height: 1.4;
}

.txt003{
    font-size:12pt;
    text-align: left;
    margin-left: 40px;
    line-height: 1.4;
}

.midashi{
    width: 100%;
    background-color: #960;
    color: #FFF;
    margin: 40px auto 30px;
    padding: 15px 0;
    text-align: center;
}

.event_text{
    font-size: 16pt;
    text-align: left;
    margin: 0 auto;
    font-weight: bold;
    width: 80%;
}

.badge_title{
	font-size:12pt;
	font-weight:bold;
	margin:15px 0 10px 25px;
    text-align: left;
	
}

.badge{
	font-size:16pt;
	text-align:left;
	font-weight:bold;
	margin:35px 0 5px;
}
	


.badge_txt{
	font-size:14px;
	text-align:left;
	margin-right:5px;
	padding-left:15px;
	
	
}

.badge_cautions{
	font-size:14px;
	text-align:left;
	padding-left:29px;
	text-indent:-14px;
	margin:5px 5px 0 0;
	
}

.mell_img{
    width: 50%;
    text-align: left;
    margin-left: 20px;
}

#naiyou .wh_info {
  margin-top: 10px !important;
    background: #fff;
  display: inline-block;
  width: 100%;
  padding:10px 0 20px;

}