@charset "UTF-8";
/* reset add
----------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

img {
  width: 100%;
  height: auto;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}

ul {
  list-style: none;
}

/* default
----------------------------------- */
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #ffffff;
  color: #231815;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

.inner {
  max-width: 850px;
  padding-right: 60px;
  padding-left: 60px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .inner {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.inner2 {
  max-width: 1000px;
  padding-right: 60px;
  padding-left: 60px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .inner2 {
    max-width: 850px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

a:hover {
  opacity: 0.7;
}

br.pc {
  display: inline-block;
}

br.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  br.pc {
    display: none;
  }

  br.sp {
    display: inline-block;
  }
}
img.pc {
  display: inline;
}

img.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  img.pc {
    display: none;
  }

  img.sp {
    display: inline;
  }
}

span.small{
  font-size: 0.7em;
}

span.red{
  color:red;
}

.limited{
  width: 26%;
  display: block;
  margin: 0 auto;
  color: #fff;
  background-color: #69BFCA;
  padding:1px 2px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  font-size: 0.9em;
}

.plan_name{
  font-size: 22px;
  display: block;
  margin: 0 auto;
  color: #69BFCA;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 0;
}

.plan_name2{
  font-size: 22px;
  display: block;
  margin: 0 auto;
  color: #87CAAC;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  padding: 10px 0 0;
}

.hotel_name{
  font-size: 14px;
  display: block;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  padding: 0 0 20px;
}

.detail{
  line-height: 1.5;
  font-size: 14px;
  padding: 0 0 20px;

}

@media screen and (max-width: 768px) {
  .limited{
    width: 30%;
    font-size: 0.8em;
  }
  .plan_name{
    font-size: 19px;
    padding: 3px 0 0;

  }
  .plan_name2{
    font-size: 16px;
    padding: 0 0 0;
  }
  .hotel_name{
    font-size: 12px;
  }
  .detail{
    font-size: 12px;
  
  }
}

/* header
----------------------------------- 
header {
  text-align: center;
  background: url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;
}
@media screen and (max-width: 768px) {
  header {
    padding: 0 10px;
  }
}
header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1050px;
  height: 62px;
  margin: 0 auto;
}
*/

/* hotel link
----------------------------------- */
#hotel_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1;
  text-align: center;
  margin-top: 70px;
}

#hotel_link > li {
  padding: 0 10px;
  border-left: solid 1px #595757;
  border-right: solid 1px #595757;
}

#hotel_link > li + li {
  border-right: solid 1px #595757;
}

#hotel_link > li a {
  color: #595757;
  text-decoration: none;
}

#hotel_link > li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  #hotel_link {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 320px;
    margin-top: 20px;
    font-size: 12px;
  }

  #hotel_link > li + li {
    border-right: none;
    margin-top: 15px;
  }
}
/* footer
----------------------------------- */
footer {
  padding: 25px 0px 25px 0px;
}
@media screen and (max-width: 768px) {
  footer {
    padding: 10px 10px 10px;
  }
}
footer #copyright {
  max-width: 1100px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  color: #727171;
}
@media screen and (max-width: 768px) {
  footer #copyright {
    font-size: 10px;
  }
}

/* top
----------------------------------- */
#top main p.btn a {
  font-size: 20px;
  font-weight: bold;
  border: solid 3px;
  line-height: 1.2;
  border-radius: 5px;
  margin-bottom: 20px;
  display: inline-block;
  width: 360px;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  min-height: 70px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #top main p.btn a {
    width: 100%;
    min-height: 50px;
    font-size: 16px;
    margin-bottom: 10px;
  }
  #top main p.btn a.mt20 {
    width: 100%;
    min-height: 50px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
}
#top main p.btn a::after {
  content: "▶︎";
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  line-height: 1;
}
#top main p.btn_c a::after {
  content: "▶︎";
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  line-height: 1;
}
#top main p.btn a small {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #top main p.btn a small {
    font-size: 12px;
  }
}
#top main section.lead {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #top main section.lead {
    margin-bottom: 35px;
  }
}
#top main section.lead .inner {
  max-width: 1100px;
}
#top main section.lead h2, #top main section.lead h3, #top main section.lead p.text {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
#top main section.lead p.image {
  margin-bottom: 25px;
}
#top main section.lead h3 {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 0.5em;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  #top main section.lead h3 {
    font-size: 18px;
  }
}
#top main section.lead p.text {
  text-align: center;
  font-size: 19px;
  line-height: 2.5em;
}
@media screen and (max-width: 768px) {
  #top main section.lead p.text {
    font-size: 14px;
    line-height: 1.7;
  }
}
#top main section.lead p.text rt {
  font-size: 10px;
}
#top main section.news {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #top main section.news {
    margin-bottom: 35px;
  }
}
#top main section.news h3 {
  font-size: 40px;
  font-family: "Calistoga", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, cursive;
  color: #717071;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top main section.news h3 {
    font-size: 20px;
  }
}
#top main section.news .box {
  border-top: double 3px #231815;
  border-bottom: double 3px #231815;
  padding: 60px 40px 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #top main section.news .box {
    padding: 10px 10px 0;
  }
}
#top main section.news .box p.date {
  font-size: 19px;
  width: 6em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #top main section.news .box p.date {
    font-size: 14px;
    width: 100%;
    margin-bottom: 0;
  }
}
#top main section.news .box p.text {
  font-size: 19px;
  width: calc(100% - 6em);
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #top main section.news .box p.text {
    font-size: 14px;
    width: 100%;
  }
}
#top main section.map {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #top main section.map {
    margin-bottom: 30px;
  }
}
#top main section.map .inner {
  max-width: 1100px;
}
#top main section.map h3, #top main section.map p.image {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

#top main section.map h3 {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  #top main section.map h3 {
    width: 100px;
    margin-bottom: 15px;
  }
}
#top main section.map p.map {
  margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
  #top main section.map p.map {
    margin-bottom: 30px;
  }
}

#top main section.map p.text {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #top main section.map p.text {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

#top main section.photo {
  margin-bottom: 60px;
}


#top main section.photo h4.image {
  width: 75%;
  margin: 0 auto 25px;
}

#top main section.photo p.image {
 margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  #top main section.photo h4.image {
    width: 100%;
    margin: 0 auto 25px;
  }  
}

.photo_gallery{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  padding: 10px;
}

.photo_gallery .photo_list{
  width: 32%;
}

@media screen and (max-width: 890px) {
  .photo_gallery .photo_list{
    width: 30%;
  }
  
}

@media screen and (max-width: 768px) {
  .photo_gallery .photo_list{
    width: 30%;
  }

  
}

#top main section.area h3 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #top main section.area h3 {
    margin-bottom: 20px;
  }
}

#top main section.area h3.area01 {
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  #top main section.area h3 {
    margin-bottom: 20px;
  }
}

#top main section.area p.image img {
  display: block;
  margin: 30px auto 10px;
  width: 35%;
}
@media screen and (max-width: 768px) {
  #top main section.area p.image img {
    width: 80%;
  }
  
}

@media screen and (max-width: 768px) {
  #top main section.area h3 {
    margin-bottom: 20px;
  }
}

#top main section.area p.sub-text {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  color: #717071;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #top main section.area p.sub-text {
    font-size: 14px;
    line-height: 1.4;
  }
}
#top main section.area p.lead {
  font-size: 18px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 50px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #top main section.area p.lead {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
#top main section.area p.lead small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #top main section.area p.lead small {
    font-size: 12px;
  }
}

#top main section.area h4 img {
  width: 30%;
}

#top main section.area h4 img.wcm {
  width: 80%;
}

#top main section.area h4 img.wyg {
  width: 25%;
}

#top main section.area h4 img.w02 {
  width: 35%;
}

#top main section.area h4 img.wpd {
  width: 20%;
}

#top main section.area h4 img.w_hanabi {
  width: 100%;
}

#top main section.area h4 img.w_lux {
  width: 100%;
}
#top main section.area h4 img.wpg {
  width: 85%;

}
#top main section.area h4 img.wkn {
  width: 90%;
}
#top main section.area h4 img.wnp {
  width: 49%;
}

section.news h3 img.wns{
  width: 13%;
}

section.access h3 img.wac{
  width: 20%;
}

@media screen and (max-width: 768px) {
  #top main section.area h4 img {
    width: 50%;
  }
  #top main section.area h4 img.wcm {
    width: 60%;
  }
  #top main section.area h4 img.wyg {
    width: 40%;
  }
  #top main section.area h4 img.wpg {
    width: 75%;
  }
  #top main section.area h4 img.wkn {
    width: 80%;
  }
  #top main section.area h4 img.w02 {
    width: 60%;
  }
  #top main section.area h4 img.wpd {
    width: 35%;
  }
  #top main section.area h4 img.w_lux {
    width: 80%;
  }
  #top main section.area h4 img.w_hanabi {
    width: 83%;
  }
  #top main section.area h4 img.wnp {
    width: 80%;
  }
  section.news h3 img.wns{
    width: 16%;
  }
  section.access h3 img.wac{
    width: 30%;
  }
}


#top main section.area.type_blue h4, #top main section.area.type_blue .mark {
  color: #69BFCA;
}
#top main section.area.type_blue .icon {
  background: #69BFCA;
}
#top main section.area.type_blue p.btn a {
  border-color: #69BFCA;
}
#top main section.area.type_blue p.btn.type01 a {
  color: #ffffff;
  background: #69BFCA;
}
#top main section.area.type_blue p.btn_c.type01 a {
  color: #ffffff;
  background: #69BFCA;
}
#top main section.area.type_blue p.btn.type02 a {
  color: #69BFCA;
  background: #ffffff;
}
#top main section.area.type_green h4, #top main section.area.type_green .mark {
  color: #87CAAC;
}
#top main section.area.type_green .icon {
  background: #87CAAC;
  vertical-align: super;
}
#top main section.area.type_green p.btn a {
  border-color: #87CAAC;
}
#top main section.area.type_green p.btn.type01 a {
  color: #ffffff;
  background: #87CAAC;
}
#top main section.area.type_green p.btn.type02 a {
  color: #87CAAC;
  background: #ffffff;
}
#top main section.event {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 70px;
}

#top main section.event2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 70px;
}


#top main section.event h4 {
  width: 100%;
  font-family: "Calistoga", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, cursive;
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 0.5em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {

  #top main section.event h4 {
    font-size: 20px;
    margin-bottom: 0.3em;
  }
  #top main section.event {
    margin-top: 5px;
    margin-bottom: 40px;
    /*flex-direction: column-reverse;*/
  }
  
  .rev {
    margin-bottom: 80px;
    flex-direction: column-reverse;
  }
  
  #top main section.event2 {
    flex-direction: column-reverse;
  }


}

#top main section.event2 h4 {
  width: 100%;
  font-family: "Calistoga", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, cursive;
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 0.5em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #top main section.event2 h4 {
    font-size: 20px;
    margin-bottom: 0.3em;
  }
}

#top main section.event h4 .icon {
  font-size: 16px;
  color: #ffffff;
  padding-right: 5px;
  padding-left: 5px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
@media screen and (max-width: 768px) {
  #top main section.event h4 .icon {
    font-size: 12px;
  }
}
#top main section.event h4 .bubble01 {
  width: 140px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #top main section.event h4 .bubble01 {
    width: 70px;
  }
}
#top main section.event h4 .bubble01 img {
  vertical-align: bottom;
}
#top main section.event h4 .bubble02 {
  width: 90px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #top main section.event h4 .bubble02 {
    width: 45px;
  }
}
#top main section.event h4 .bubble02 img {
  vertical-align: bottom;
}
#top main section.event .text {
  width: calc(420 / 850 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event .text {
    width: 100%;
    /*margin-top: 20px;*/
    margin-bottom: 5px;
  }
}

#top main section.event2 .text {
  width: calc(400 / 850 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event2 .text {
    width: 100%;
    margin-bottom: 30px;
  }
}


#top main section.event .schedule {
  color:#69BFCA;
  font-weight: bold;
  margin: 30px 0 20px 0;
}

#top main section.event .schedule span.normal{
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  #top main section.event .schedule {
    margin: 30px 0 10px 0;
    }
}


#top main section.event .text.type_wide {
  width: 100%;
}
#top main section.event .text .info {
  margin-bottom: 10px;
}
#top main section.event .text .comment {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.event .text .comment {
    margin-bottom: 20px;
  }
}
#top main section.event .text p, #top main section.event .text tr, #top main section.event .text td {
  font-size: 17px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #top main section.event .text p, #top main section.event .text tr, #top main section.event .text td {
    font-size: 14px;
  }
}

#top main section.event .text p, #top main section.event2 .text tr, #top main section.event2 .text td {
  font-size: 17px;
  line-height: 1.5;
}

#top main section.event .text p.mb10{
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #top main section.event .text p, #top main section.event2 .text tr, #top main section.event2 .text td {
    font-size: 14px;
  }

}

#top main section.event .text p small, #top main section.event .text tr small, #top main section.event .text td small {
  font-size: 14px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #top main section.event .text p small, #top main section.event .text tr small, #top main section.event .text td small {
    font-size: 12px;
  }
}
#top main section.event .text th {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
#top main section.event .text .icon {
  font-size: 16px;
  color: #ffffff;
  padding-right: 5px;
  padding-left: 5px;
}
@media screen and (max-width: 768px) {
  #top main section.event .text .icon {
    font-size: 10px;
  }
}
#top main section.event .text p.bnr01 {
  max-width: 558px;
}
#top main section.event .image {
  width: calc(330 / 850 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event .image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

#top main section.event2 .image {
  width: calc(330 / 850 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event2 .image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}


#top main section.event section.cinema {
  margin-top: 20px;
}
#top main section.event section.cinema h5 {
  font-size: 28px;
  text-align: center;
  color: #69BFCA;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema h5 {
    font-size: 24px;
  }
}
#top main section.event section.cinema ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#top main section.event section.cinema ul li {
  width: calc(360 / 850 * 100%);
  border-top: solid 6px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema ul li {
    width: 100%;
  }
}
#top main section.event section.cinema ul li h6 {
  font-size: 18px;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema ul li h6 {
    font-size: 16px;
  }
}
#top main section.event section.cinema ul li p.pic {
  margin-bottom: 10px;
}
#top main section.event section.cinema ul li p.comment {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema ul li p.comment {
    font-size: 14px;
  }
}
#top main section.event section.cinema ul li:nth-child(1n) {
  border-top-color: #FFE5B0;
}
#top main section.event section.cinema ul li:nth-child(1n) h6 {
  color: #FFCB61;
}
#top main section.event section.cinema ul li:nth-child(2n) {
  border-top-color: #B4DFE4;
}
#top main section.event section.cinema ul li:nth-child(2n) h6 {
  color: #69BFCA;
}
#top main section.event section.cinema section.short {
  border: solid 1px #231815;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema section.short {
    padding: 20px;
  }
}
#top main section.event section.cinema section.short h6 {
  width: 155px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema section.short h6 {
    width: 100px;
  }
}
#top main section.event section.cinema section.short p.comment1 {
  font-size: 16px;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema section.short p.comment1 {
    text-align: left;
    font-size: 14px;
  }
}
#top main section.event section.cinema section.short p.comment2 {
  font-size: 14px;
  margin-bottom: 1em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema section.short p.comment2 {
    font-size: 12px;
  }
}
#top main section.event section.cinema section.short p.comment2 strong {
  font-size: 16px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema section.short p.comment2 strong {
    font-size: 14px;
  }
}
#top main section.event section.cinema section.short p.link {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema section.short p.link {
    font-size: 16px;
  }
}
#top main section.event section.cinema section.short p.link a {
  color: #FFCB61;
  font-weight: bold;
}
#top main section.event section.cinema section.short p.link small {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.cinema section.short p.link small {
    font-size: 14px;
  }
}
#top main section.event section.live h5 {
  font-size: 18px;
  color: #FFCB61;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  #top main section.event section.live h5 {
    font-size: 16px;
  }
}
#top main section.event section.live h6 {
  font-size: 16px;
  color: #717071;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #top main section.event section.live h6 {
    font-size: 14px;
  }
}
#top main section.event section.live p {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.live p {
    font-size: 14px;
  }
}
#top main section.event section.live p.link {
  margin-bottom: 0.5em;
}
#top main section.event section.live p.link a {
  font-size: 20px;
  color: #FFCB61;
}
@media screen and (max-width: 768px) {
  #top main section.event section.live p.link a {
    font-size: 18px;
  }
}

#top main section.event p.link_y {
  margin-bottom: 0.5em;
}
#top main section.event p.link_y a {
  font-size: 20px;
  color: #FFCB61;
}
@media screen and (max-width: 768px) {
  #top main section.event p.link_y a {
    font-size: 18px;
  }
}


#top main section.event section.box01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box01 {
    margin-top: 30px;
    display: block;
  }
}
#top main section.event section.box01 .pic {
  width: calc(210 / 490 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event section.box01 .pic {
    width: 220px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}

.pro{
  border-bottom: 1px dotted #ccc;
}
.pro span{
  display: inline-block;
  /*padding: 5px 0;*/
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

#top main section.event section.box01 .prof {
  width: calc(265 / 490 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event section.box01 .prof {
    width: 100%;
  }
}
#top main section.event section.box01 .prof h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box01 .prof h5 {
    font-size: 14px;
  }
}
#top main section.event section.box01 .prof p {
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box01 .prof p {
    font-size: 12px;
  }
}
#top main section.event section.box02 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box02 {
    margin-top: 30px;
    display: block;
  }
}
#top main section.event section.box02 .pic {
  width: calc(300 / 850 * 100%);
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box02 .pic {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
}
#top main section.event section.box02 .prof {
  width: calc(325 / 850 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event section.box02 .prof {
    width: calc(265 / 490 * 100%);
    width: 100%;
  }
}
#top main section.event section.box02 .prof h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box02 .prof h5 {
    font-size: 14px;
  }
}
#top main section.event section.box02 .prof p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box02 .prof p {
    font-size: 12px;
  }
}
#top main section.event section.box03 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box03 {
    margin-top: 30px;
    display: block;
  }
}
#top main section.event section.box03 .pic {
  width: calc(220 / 850 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event section.box03 .pic {
    width: 220px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}
#top main section.event section.box03 .prof {
  width: calc(615 / 850 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event section.box03 .prof {
    width: 100%;
  }
}
#top main section.event section.box03 .prof h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box03 .prof h5 {
    font-size: 14px;
    margin-bottom: 0.2em;
  }
}
#top main section.event section.box03 .prof p {
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #top main section.event section.box03 .prof p {
    font-size: 12px;
  }
}
#top main section.event section.suwaru {
  border: solid 1px #231815;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.suwaru {
    padding: 20px;
  }
}
#top main section.event section.suwaru h5 {
  width: 174px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.suwaru h5 {
    width: 100px;
  }
}
#top main section.event section.suwaru p.comment {
  font-size: 16px;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #top main section.event section.suwaru p.comment {
    font-size: 14px;
  }
}
#top main section.event section.suwaru p.link {
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top main section.event section.suwaru p.link {
    font-size: 16px;
  }
}
#top main section.event section.suwaru p.link a {
  color: #FFCB61;
  font-weight: bold;
}
#top main section.event section.suwaru p.link small {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.suwaru p.link small {
    font-size: 14px;
  }
}
#top main section.event section.honey {
  border: solid 3px #FFE5B0;
  border-radius: 10px;
  padding: 15px;
  width: 320px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.honey {
    width: 100%;
    box-sizing: border-box;
  }
}
#top main section.event section.honey h5 {
  max-width: 294px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
#top main section.event section.honey p {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  #top main section.event section.honey p {
    font-size: 12px;
  }
}
#top main section.event.restaurant {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.banner{
  margin-bottom: 30px;
}

#top main section.event.restaurant p.btn_c a{
  font-size: 20px;
  font-weight: bold;
  border: solid 3px;
  line-height: 1.2;
  border-radius: 5px;
  margin-bottom: 20px;
  display: inline-block;
  width: 360px;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  min-height: 70px;
  box-sizing: border-box;
}

#top main section.event.restaurant p.btn_c_g a{
  font-size: 20px;
  font-weight: bold;
  border: solid 3px;
  line-height: 1.2;
  border-radius: 5px;
  margin-bottom: 20px;
  display: inline-block;
  width: 360px;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  min-height: 70px;
  box-sizing: border-box;
}

#top main section.event.restaurant p.btn_c a{
  margin-left: auto;
  margin-right: auto;
  border-color: #69BFCA;
  color: #ffffff;
  background: #69BFCA;
}

#top main section.event.restaurant p.btn_c_g a{
  margin-left: auto;
  margin-right: auto;
  border-color: #87CAAC;
  color: #ffffff;
  background: #87CAAC;
}

#top main section.event.restaurant p.btn_c a::after {
  content: "▶︎";
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  line-height: 1;
}

#top main section.event.restaurant p.btn_c_g a::after {
  content: "▶︎";
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant p.btn_c a{
  width: 100%;
  min-height: 50px;
  font-size: 16px;
  margin-bottom: 10px;
  }
  #top main section.event.restaurant p.btn_c_g a{
    width: 100%;
    min-height: 50px;
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.artist{
  font-size: 14px;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .artist{
    font-size: 12px;
  }
}
#top main section.event.restaurant h4 {
  font-size: 34px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
#top main section.event.restaurant h4 small {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant h4 small {
    font-size: 14px;
  }
}
#top main section.event.restaurant ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

#top main section.event.restaurant ul.parallel {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}


#top main section.event.restaurant ul li {
  width: calc(345 / 768 * 100%);
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant ul {
    margin-bottom:0px;
  }
  #top main section.event.restaurant ul.parallel {
    flex-direction: row;
    margin-bottom:0px;

  }
  #top main section.event.restaurant ul.parallel li {
    width: 40%;
  }
  #top main section.event.restaurant ul li {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  #top main section.event.restaurant ul li.mg {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }
}
#top main section.event.restaurant ul li h5 {
  font-size: 27px;
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant ul li h5 {
    font-size: 18px;
  }
}
#top main section.event.restaurant ul li h5::before {
  content: "●";
  color: #87CAAC;
}
#top main section.event.restaurant ul li p.pic {
  text-align: center;
  font-size: 12px;
  margin-bottom: 20px;
}

#top main section.event.restaurant p.pic img.center {
  display: block;
  margin: 0 auto;
  width: 50%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant ul li p.pic {
    margin-bottom: 10px;
  }
  #top main section.event.restaurant p.pic img.center {
    margin-bottom: 10px;
    width: 80%;
  }
}
#top main section.event.restaurant ul li.illust {
  padding-top: 50px;
}
#top main section.event.restaurant ul li p.btn a {
  width: 100%;
}
#top main section.event.restaurant section.restaurant-info {
  text-align: center;
  width: 100%;
}
/*#top main section.event.restaurant section.restaurant-info h6 {
  font-size: 20px;
  background: #87CAAC;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  border-radius: 20px;
  padding: 0 20px;
  margin-bottom: 10px;
  line-height: 1.5;
}*/


#top main section.event.restaurant section.restaurant-info h6 {
  font-size: 26px;
  color: #69BFCA;
  font-weight: bold;
  padding: 0 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant section.restaurant-info h6 {
    font-size: 19px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
  }
}

.link_b a{
  color: #69BFCA;
}

.link_g a{
  color: #87CAAC;
}

.unit{
  display: flex;
  /*justify-content: space-between;*/
  margin-bottom: 30px;
  margin-top: 50px;
}

.unit_text{
  width: 50%;
  font-size: 14px;
}

.unit_ttl{
  margin-bottom: 5px;
}

.unit_detail{
  margin-bottom: 20px;
  line-height: 1.3;
}

.unit_photo{
  width: 50%;
}


@media screen and (max-width: 768px) {
  .unit{
  flex-direction:column-reverse;
  }
  .unit_text{
    width: 100%;  
  }
  .unit_detail{
    margin-bottom: 10px;
  }
  .unit_photo{
    width: 100%;
    margin-bottom: 20px;
  }
}

#top main section.event section.restaurant-info_c p.link a {
  font-size: 20px;
  color: #FFCB61;
}

#top main section.event.restaurant section.restaurant-info_c {
  display: block;
  margin: 0 auto;
}


#top main section.event.restaurant section.restaurant-info_c p.attention {
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant section.restaurant-info_c p.attention {
    font-size: 14px;
  }
  
}
#top main section.event.restaurant section.restaurant-info p.attention {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.event.restaurant section.restaurant-info p.attention {
    font-size: 14px;
  }
  
}
#top main section.gallery{
  margin-bottom: 80px;
}
#top main section.gallery h4 img.ttl{
  width: 50%;
  display: block;
  margin: 0 auto;
}
#top main section.gallery p.sub-text {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  color: #717071;
  line-height: 1.2;
  margin: 40px 0 10px; 
}
#top main section.gallery .insta_g {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  justify-content:space-between;
  row-gap:30px;
}

#top main section.gallery .insta_g .flex_item {
  width: 31%;
}

.hush{
  display: block;
  margin: 30px auto 30px;
  text-align: center;
}

.hush a{
  color: #ffffff;
  background: #87CAAC;
  padding: 15px 20px;
  text-decoration: none;
  margin: 0 5px;
}

@media screen and (max-width: 768px) {
  #top main section.gallery p.sub-text {
    font-size: 11px;
    margin: 20px 0 10px; 
  }
  #top main section.gallery h4 img.ttl{
    width: 80%;
  }
  #top main section.gallery .insta_g {
    row-gap:10px;
  }
  #top main section.gallery{
    margin-bottom: 40px;
  }
  /*.hush{
    padding: 5px 10px;
  }*/
  /*#top main section.gallery .insta_g .flex_item {
    flex-direction: column;
    width: calc(100% / 2);
    
  }*/
  
}



#top main section.instagram {
  background: #E7F4EE;
  padding-top: 90px;
  padding-bottom: 90px;
  text-align: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  #top main section.instagram {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}
#top main section.instagram h3 {
  font-size: 54px;
  font-family: "Calistoga", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, cursive;
  line-height: 1em;
  color: #717071;
}
@media screen and (max-width: 768px) {
  #top main section.instagram h3 {
    font-size: 28px;
  }
}
#top main section.instagram h3 .icon {
  display: block;
  line-height: 42px;
  width: 42px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  #top main section.instagram h3 .icon {
    margin-bottom: 15px;
  }
}

#top main section.instagram h3 img.ttl {
  width: 60%;
}
@media screen and (max-width: 768px) {
  #top main section.instagram h3 img.ttl {
    width: 90%;
  }
}

#top main section.instagram p.date {
  font-size: 32px;
  color: #87CAAC;
  margin: 20px 0 50px;
  font-weight: bold;
  line-height: 1.4;
}

#top main section.instagram p.date span.small {
  font-size: 26px;

}

@media screen and (max-width: 768px) {
  #top main section.instagram p.date {
    font-size: 18px;
    margin-bottom: 30px;
  }
  #top main section.instagram p.date span.small {
    font-size: 0.7em;
  
  }
}
#top main section.instagram h4 {
  font-size: 30px;
  color: #87CAAC;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #top main section.instagram h4 {
    font-size: 24px;
  }
}
#top main section.instagram p.text {
  margin-bottom: 30px;
  font-size: 19px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #top main section.instagram p.text {
    font-size: 16px;
  }
}
#top main section.instagram p.text a {
  color: #ffffff;
  background: #87CAAC;
  padding: 3px 5px;
  text-decoration: none;
  margin: 0 5px;
}
#top main section.instagram p.text small {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
  display: inline-block;
}
#top main section.instagram .box {
  border-top: solid 3px #87CAAC;
  border-bottom: solid 3px #87CAAC;
  margin-top: -20px;
  margin-bottom: 10px;
  padding: 0 25px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #top main section.instagram .box {
    padding: 5px;
  }
}

#top main section.instagram .box table {
  border-collapse: separate;
  border-spacing: 10px 25px;
}

#top main section.instagram .box table th {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  line-height: 1.2;
  background-color: #87CAAC;
  border-radius: 5px;
  padding: 5px 20px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #top main section.instagram .box table th {
    font-size: 14px;
  }
}
#top main section.instagram .box table td {
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #top main section.instagram .box table td {
    font-size: 14px;
  }
}
#top main section.instagram p.image {
  /*max-width: 375px;*/
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #top main section.instagram p.image {
    /*width: 80%;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
}
#top main section.instagram p.btn a {
  margin-left: auto;
  margin-right: auto;
  border-color: #87CAAC;
  color: #ffffff;
  background: #87CAAC;
}



#top main section.faq {
  margin-bottom: 150px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top main section.faq {
    margin-bottom: 70px;
  }
}
#top main section.faq h3 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #top main section.faq h3 {
    margin-bottom: 40px;
  }
}
#top main section.faq p.btn a {
  margin-left: auto;
  margin-right: auto;
  border-color: #69BFCA;
  color: #ffffff;
  background: #69BFCA;
}
#top main section.access {
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #top main section.access {
    margin-bottom: 35px;
  }
}
#top main section.access h3 {
  text-align: center;
  font-size: 54px;
  font-family: "Calistoga", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, cursive;
  color: #717071;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  #top main section.access h3 {
    font-size: 28px;
    margin-bottom: 25px;
  }
}

#top main section.access h3.acc {
  text-align: center;
  font-size: 54px;
  font-family: "Calistoga", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, cursive;
  color: #717071;
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  #top main section.access h3.acc {
    font-size: 28px;
  }
}


#top main section.access h4 {
  font-size: 19px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #top main section.access h4 {
    font-size: 16px;
  }
}
#top main section.access p.text {
  font-size: 15px;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #top main section.access p.text {
    font-size: 14px;
  }
}
#top main section.access .box {
  margin-top: 2em;
  border-top: double 3px;
  border-bottom: double 3px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#top main section.access .box h4 {
  font-size: 15px;
  line-height: 1.5;
  width: 100%;
}
#top main section.access .box ul {
  text-align: left;
}
#top main section.access p.btn a {
  margin-left: auto;
  margin-right: auto;
  border-color: #87CAAC;
  color: white;
  background: #87CAAC;
}
#top main .googlemap {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #top main .googlemap {
    margin-bottom: 40px;
  }
}
#top main .googlemap iframe {
  height: 380px;
}
#top main section.safety {
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  #top main section.safety {
    margin-bottom: 40px;
  }
}
#top main section.safety .box {
  border: solid 17px #BBBBBB;
  padding: 40px 20px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top main section.safety .box {
    border: solid 8px #BBBBBB;
    padding: 20px 15px 0;
  }
}
#top main section.safety .box h3 {
  font-size: 54px;
  color: #717071;
  line-height: 1;
  font-family: "Calistoga", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, cursive;
}
@media screen and (max-width: 768px) {
  #top main section.safety .box h3 {
    font-size: 20px;
  }
}
#top main section.safety .box p.text {
  font-size: 19px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #top main section.safety .box p.text {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
#top main section.safety .box p.bnr {
  width: 122px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #top main section.safety .box p.bnr {
    margin-bottom: 15px;
  }
}
#top main section.safety .box p.image {
  max-width: 666px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
#top main section.other {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #top main section.other {
    margin-bottom: 20px;
  }
}
#top main section.other h3 {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #top main section.other h3 {
    font-size: 16px;
  }
}
#top main section.other p.bnr {
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
/*#top main section.other ul {
  margin-bottom: 1em;
}*/
#top main section.other ul li {
  font-size: 18px;
  /*display: inline-block;*/
}
@media screen and (max-width: 768px) {
  #top main section.other ul li {
    font-size: 14px;
  }
}
/*#top main section.other ul li::after {
  content: "／";
}
#top main section.other ul li:last-child::after {
  content: none;
}*/
#top main section.other p.text {
  font-size: 18px;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #top main section.other p.text {
    font-size: 14px;
  }
}
#top main section.other p.text small {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  #top main section.other p.text small {
    font-size: 12px;
  }
}
#top footer .attention {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #top footer .attention {
    margin-bottom: 40px;
  }
}
#top footer .attention p.box {
  border: solid 2px #BBBBBB;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #top footer .attention p.box {
    font-size: 12px;
  }
}
#top footer .attention ul.text li {
  margin-left: 1em;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  #top footer .attention ul.text li {
    font-size: 12px;
    line-height: 1.2;
    padding-bottom: 10px;
  }
}
#top footer .attention ul.text li::before {
  content: '※';
  margin-left: -1em;
}
#top footer .attention ul.text li.strong {
  color: #FF6E78;
  font-weight: normal;
}
#top footer .sns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #top footer .sns {
    justify-content: space-between;
    margin-bottom: 35px;
  }
}
#top footer .sns .box {
  margin-right: 40px;
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  #top footer .sns .box {
    margin-right: 0;
    margin-left: 0;
    width: 45%;
  }
}
#top footer .sns .box h3 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #top footer .sns .box h3 {
    margin-bottom: 20px;
  }
}
#top footer .sns .box h3 img {
  height: 43px;
  width: auto;
}
@media screen and (max-width: 768px) {
  #top footer .sns .box h3 img {
    width: 100%;
    height: auto;
  }
}
#top footer .sns .box ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#top footer .sns .box ul li {
  margin-right: 10px;
  margin-left: 10px;
}
#top footer .sns .box ul li img {
  height: 28px;
  width: auto;
}
#top footer .address {
  text-align: center;
}
#top footer .address h3 {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #top footer .address h3 {
    font-size: 14px;
  }
}
#top footer .address p.text {
  font-size: 18px;
  margin-bottom: 1em;
}
#top footer .address p.text a {
  color: #231815;
}
@media screen and (max-width: 768px) {
  #top footer .address p.text {
    font-size: 14px;
  }
}