@charset "UTF-8";

/*------------------------------------*
    ページ共通要素
\*------------------------------------*/
ul, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

/*  パン屑
--------------------------- */
#breadcrumb {
  width: 100%;
  max-width: 930px;
  margin: 10px auto;
}

/*  全体
--------------------------- */
#endnewyearparty2020 {
  background: url('../img/cloud.png') repeat-y center 480px #F6EBCB;
  line-height: 1.8;
  padding-bottom: 10px;
}

/*  メインビジュアル
--------------------------- */
.pl-mainvisual {
  position: relative;
  height: 500px;
  background: url('../img/main-vis.jpg') no-repeat center center;
  position: relative;
}

.pl-mainvisual_title {
  position: absolute;
  width: 792px;
  height: 500px;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.sp {
    display: none;
}

.pc {
    display: block;
}
.endplan-textbox {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.endplan-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 3.2rem;
    color: #FFF;
    font-size: 1.9em;
    font-weight: bold;
    line-height: 1.5;
}
/* スマホで縮小 */
@media screen and (max-width: 800px) {
    .pl-mainvisual {
    width: 100%;
    height: 0;
    padding-top: calc(1000 / 1583 *100%);
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    background: url('../img/main-vis-sp.jpg') no-repeat center center;
    background-size: contain;
  }

  .pl-mainvisual_title {
    display: none;
  }
    .endplan-text {
        font-size: 1.5em;
        height: 5rem;
    }
}


/*  リード文
--------------------------- */
.pl-lead {
  text-align: center;
  margin: 2.5em auto 3.75em auto;
  background: url('../img/illust.png') no-repeat center top;
}

.pl-lead_title {
  color: #ED4545;
  font-size: 2.8em;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.5em;
  padding-top: 0.5em;
}

.pl-lead_title>span {
  font-size: 0.8em;
}

.pl-lead_text {
  color: #3E3212;
  font-size: 1.25em;
  font-weight: 400;
}

/* 左右イラスト消える*/
@media screen and (max-width: 880px) {
  .pl-lead {
    background: none;
  }
}

/* スマホ用 （左右マージン追加・フォントサイズ調整）*/
@media screen and (max-width: 640px) {
  .pl-lead {
    margin: 2em auto;
  }

  .pl-lead_title {
    font-size: 1.5em;
    padding: 0 0.3em;
  }

  .pl-lead_text {
    font-size: 1em;
    text-align: left;
    padding: 0 1em;
  }
}

/*  カテゴリー別
--------------------------- */
.wrp-pl-category {
  background: url('../img/bg.png');
  padding: 3.75em 0;
  text-align: center;
}

.inner-pl-category {
  max-width: 930px;
  margin: 0 auto;
}

.pl-category-title-deco {
  height: 62px;
  max-width: 930px;
  background: url('../img/category.svg') no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.pl-category-title {
  color: #3E3212;
  font-size: 2.2em;
  font-weight: 600;
  text-align: center;
  margin: 0.5em 0 1em 0;
}

.pl-category {
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
		align-items: center;
}

.pl-category::after {
  content:"";
  display:block;
  width: 280px;
  height:0;
}

.pl-category>li {
  width: 220px;
	 height: 220px;
  margin-bottom: 2rem;
  background-color: #000000;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
}

.pl-category>li::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
  border-radius: 50%;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .pl-category>li::after { position: absolute;; top:0; left:0;} /* IE11 */
}

.pl-category>li:hover::after {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.pl-category>li a {
    z-index: 1;
    position: relative;
}

.pl-cat-thumbnail-01::after { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),  url(../img/category-01.jpg) no-repeat center center;}
.pl-cat-thumbnail-02::after { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),  url(../img/category-02.jpg) no-repeat center center;}
.pl-cat-thumbnail-03::after { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),  url(../img/category-03.jpg) no-repeat center center;}
.pl-cat-thumbnail-04::after { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),  url(../img/category-04.jpg) no-repeat center center;}
.pl-cat-thumbnail-05::after { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),  url(../img/category-05.jpg) no-repeat center center;}
.pl-cat-thumbnail-06::after { background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),  url(../img/category-06.jpg) no-repeat center center;}


/* iPad用（左右マージン）*/
@media screen and (max-width: 930px) {
  .pl-category {
    width: 80%;
  }
}


/* スマホ用（2列に）*/
@media screen and (max-width: 640px) {
  .pl-category {
    width: 80%;
    margin: 0 auto;
  }

  .pl-category>li {
    width: 140px;
    height: 140px;
    margin-bottom: 1em;
  }

  .pl-category>li a {
    font-size: 0.7em;
  }
}

/* iPhone5、SE用*/
@media screen and (max-width: 374px) {
  .pl-category {
    width: 90%;
  }

  .pl-category>li {
    width: 140px;
    height: 140px;
  }
}

/* タイトルスマホ用 （マージン調整・フォントサイズ調整）*/
@media screen and (max-width: 640px) {
  .wrp-pl-category {
    padding: 1em 0;
  }

  .pl-category-title-deco {
    -moz-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
  }

  .pl-category-title {
    font-size: 1.8em;
    margin: 0 0 0 0;
  }
}

/*  プラン別
--------------------------- */

#navA, #navB {
  margin-bottom: 70px;
}

.wrp-pl-plan {
  padding: 3.75em 0;
  text-align: center;
  max-width: 930px;
  margin: 0 auto;
}

.pl-plan-title-deco {
  height: 62px;
  max-width: 930px;
  background: url('../img/plan.svg') no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.pl-plan-title {
  color: #3E3212;
  font-size: 2.2em;
  font-weight: 600;
  margin: 0.5em 0 1em 0;
  position: relative;
}



/* plan title */

.navtit_a{
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
	height: 0;
	padding: 12% 0 2em;
	background: url(../img/tit_plan_a.png) no-repeat center/contain;
	text-indent: -9999px;
}

.navtit_b{
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
	height: 0;
	padding: 12% 0 2em;
	background: url(../img/tit_plan_b.png) no-repeat center/contain;
	text-indent: -9999px;
}

.navtit_c{
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
	height: 0;
	padding: 12% 0 2em;
	background: url(../img/tit_plan_c.png) no-repeat center/contain;
	text-indent: -9999px;
}

.plan-pageNav__item {
	width: 280px;
	position: relative;
	display: inline-block;
	font-family: 'Noto Serif JP', serif;
}
.plan-pageNav__item a {
  display: block;
		font-size: 1em;
  line-height: 1.3;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -webkit-transition: background-color 50ms linear;
  transition: background-color 50ms linear;
}
.plan-pageNav__item a:visited{color: #fff;padding: 0 0 0 1em}
.plan-pageNav__item a:hover {color: #fff; opacity: 0.7;}

.plan-pageNav__item a::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(135deg);
  position: absolute;
  top: 20%;
  right: 10px;
}
.plan-pageNav__item a:hover::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(135deg);
  position: absolute;
  top: 20%;
  right: 10px;
}


.corse_buffet {
	width: 100%;
	max-width: 930px;
	height: auto;
	margin: 0 auto 2em;
	display: flex;
	box-sizing: border-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #fff;
	padding: .3em .5em;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	background-color: rgba(237,69,69,0.9);
	z-index: 3;
}


.fixed {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
}


/*  プランナビ */
.pl-nav-plan {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pl-nav-plan>li {
  width: 49%;
  height: 60px;
  font-size: 1.8em;
  font-weight: 600;
  padding: 0.3em;
  border-radius: 10px;
  background: #FFFFFF;
  position: relative;
}

.pl-nav-plan-lunch {
  border: 2px solid #FF6767;
  color: #FF6767;
}

.pl-nav-plan-dinner {
  border: 2px solid #8F7737;
  color: #8F7737;
}

.pl-nav-plan>li a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
}

.pl-nav-plan>li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.nav-plan-arrow {
  width: 21px;
  height: 31px;
  top: 5px;
  right: 20px;
  position: absolute;
  transform: rotate(90deg);
}

.nav-plan-lunch, .nav-plan-dinner {
  position: relative;
}

.nav-plan-lunch::before {
  content: "";
  background: url('../img/icon-lunch.svg');
  width: 38px;
  height: 38px;
  top: 5px;
  left: -1.8em;
  position: absolute;
  -moz-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
}

.nav-plan-dinner::before {
  content: "";
  background: url('../img/icon-dinner.svg');
  width: 33px;
  height: 37px;
  top: 5px;
  left: -1.8em;
  position: absolute;
  -moz-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
}

.wrp-plan_headline {
  max-width: 930px;
  width: 100%;
  margin: 0 auto 1em auto;
  font-size: 2.2em;
  font-weight: 600;
  text-align: center;
}

.wrp-headline_lunch { border-bottom: 2px solid #FF6767; }
.wrp-headline_dinner { border-bottom: 2px solid #B7A167; }


.plan_headline {
  display: inline-block;
  position: relative;
}

.plan_headline::before {
  position: absolute;
  content: '';
  height: 50px;
  width: 50px;
  top: 0.3em;
  left: -1.5em;
}

.headline_lunch{ color: #FF6767;}
.headline_lunch::before {
  background: url('../img/icon-lunch.svg') no-repeat;
}

.headline_dinner{ color: #8F7737;}
.headline_dinner::before {
  background: url('../img/icon-dinner.svg') no-repeat;
}


.underconstruction {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 50px;
}

/* タイトルスマホ用 （マージン調整・フォントサイズ調整）*/
@media screen and (max-width: 640px) {
  .wrp-pl-plan {
    padding: 1em 0;
  }

  .pl-plan-title-deco {
    -moz-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
  }

  .pl-plan-title {
    font-size: 1.8em;
    margin: 0 0 0 0;
  }

  .underconstruction {
    font-size: 1.4em;
    padding: 0 1em;
  }

}

/* ナビ800px以下 */
@media screen and (max-width: 800px) {
  .pl-nav-plan {
    width: 100%;
    padding: 1em;
  }

  .pl-nav-plan>li {
    font-size: 1.4em;
  }
}

/* ナビ640px以下 */
@media screen and (max-width: 640px) {
  .nav-plan-dinner::before, .nav-plan-lunch::before {
    -moz-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    top: 0;
    left: -1.8em;
  }

  .nav-plan-arrow {
    right: 0.1em;
    -moz-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
  }
}

/*  カセット
  --------------------------- */
.list-plan {
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.list-plan>li {
  background: #ffffff;
  border-radius: 20px;
  width: 49%;
  margin-bottom: 2em;
  padding: 1.5em;
  position: relative;
}

.tag-category {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}

.tag-category li {
  font-size: 0.8em;
  background: #AF9655;
  color: #ffffff;
  padding: 0.1em 0.5em;
  margin: 0 0.5em 0 0;
}

.hotel-name {
  font-size: 1.3em;
  font-weight: 600;
  color: #333333;
  line-height: 1.3;
}

.restaurant-name {
  font-size: 1.15em;
  font-weight: 600;
  color: #AB914C;
  margin-bottom: 0.3em;
}

.restaurant-images {
  margin-bottom: 0.3em;
}

.restaurant-images img {
  width: 100%;
}

.restaurant-detail {
  font-size: 1em;
  font-weight: 600;
  color: #707070;
  line-height: 1.5;
  margin-bottom: 0.8em;
}

.restaurant-price {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0.8em;
}

.restaurant-price>div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  /* 縦方向中央揃え（Safari用） */
  align-items: center;
  /* 縦方向中央揃え */
  -webkit-justify-content: center;
  /* 横方向中央揃え（Safari用） */
  justify-content: center;
  /* 横方向中央揃え */
}

.nomal-price {
  font-size: 1em;
  color: #707070;
  position: relative;
  line-height: 1.3;
}

.special-price {
  font-size: 2.4em;
  font-weight: 600;
  color: #8F7737;
  padding-left: 30px;
  position: relative;
  line-height: 0;
}

.special-price::before {
  content: '';
  background: url('../img/arrow.svg');
  width: 15px;
  height: 22px;
  position: absolute;
  left: 10px;
}

.special-price>span {
  font-size: 23px;
}

.tax {
  color: #AB914C;
  line-height: 1.3;
}

.wrap-restaurant-coupn {
  background: -moz-linear-gradient(top left, #ffde72, #ff6767);
  background: -webkit-linear-gradient(top left, #ffde72, #ff6767);
  background: linear-gradient(top bottom right, #ffde72, #ff6767);
  background: -ms-linear-gradient(left, #ffde72, #ff6767);
  /* IE */
  padding: 3px;
  margin-bottom: 3.5em;
}

.coupn-title {
  font-size: 0.9em;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}

.restaurant-coupn-detail {
  background: #ffffff;
  color: #707070;
  padding: 0.3em 0.5em;
  line-height: 1.5;
}

.btn-detail a {
  background: #FF6767;
  border-radius: 1.5em;
  box-shadow: 3px 7px 0px rgba(255, 103, 103, 0.2);
  font-size: 1.5em;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  padding: 0 1em;
  width: 90%;
  position: absolute;
  bottom: 1em;
}

.btn-detail a:hover, .btn-detail a:link, .btn-detail a:visited {
    color: #ffffff;
}

.btn-detail a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* スマホ調整（1列に、マージン等） */
@media screen and (max-width: 640px) {
  .list-plan>li {
    width: 100%;
    margin: 0 1em 1em 1em;
    padding: 1em;
  }

  .restaurant-images {
    margin-bottom: 0.5em;
  }

  .restaurant-detail {
    margin-bottom: 0.8em;
  }

  .restaurant-price {
    margin-bottom: 0.8em;
  }

  .special-price>span {
    font-size: 18px;
  }

  .tax {
    font-size: 0.8em;
    margin: 0.5em 0;
  }

  .wrap-restaurant-coupn {
    margin-bottom: 4em;
  }
}

@media screen and (max-width: 321px) {
  .special-price {
    line-height: 0.6;
    margin-bottom: 0;
  }
}



/* SNSボタン */
.pl-snsButtons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 8em auto 3em;
  width: 930px;
  padding: 2em 0;
}

.pl-snsButtons_item {
  display: inline-block;
  margin: 0 .35em;
}

/* ホテルレストランTOPへ */
.pl-footerButtonWrapper {
  margin: 4em 0;
  text-align: center;
}

.pl-footerButton {
  background-color: #ffb03e;
  border-color: #ffb03e #ffb03e #d99430;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 3px;
  width: 230px;
  height: 45px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  padding: 10px 30px;
  -webkit-transition: background-color 50ms linear;
  transition: background-color 50ms linear;
  position: relative;
}

.pl-footerButton:link,
.pl-footerButton:visited {
  color: #fff;
}

.pl-footerButton:hover {
  background-color: #ffba58;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.pl-footerButton::before {
  content: '';
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  position: absolute;
  left: 14px;
  top: 14px;
}

/*------------------------------------*
     PageNav
\*------------------------------------*/
.pl-pageNavArea {
  padding: 35px 0 30px;
  background-color: #DCC767;
  color: #fff;
}

.pl-pageNavArea_title {
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  padding: 0 0 25px;
}

.pl-pageNav {
  width: 100%;
  max-width: 930px;
  margin: 0 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-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pl-pageNav .pl-pageNav_item:first-of-type {
  padding-right: 20px;
}

.pl-pageNav_item {
  width: 50%;
  box-sizing: border-box;
}

.pl-pageNav_item a {
  border: 2px solid #fff;
  text-align: center;
  position: relative;
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
}

.pl-pageNav_item a::after {
  content: '';
  display: inline-block;
  border-top: 9px solid #fff;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  right: 12px;
  top: 16px;
}

.pl-pageNav_item a:hover {
  color: #DCC767;
  background-color: #fff;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.pl-pageNav_item a:hover::after {
  border-top-color: #DCC767;
}

/* スティッキーヘッダー
--------------------------- */
.js-stickyHeader {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0;
  -webkit-transition: top .25s;
  transition: top .25s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-color: #DCC767;
  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-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.js-stickyHeader[aria-hidden='false'] {
  top: 0;
}

.js-stickyHeader .pl-pageNav_item a:hover,
.js-stickyHeader .pl-pageNav_item a.current {
  background-color: #fff;
  color: #DCC767;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.js-stickyHeader .pl-pageNav_item a:hover::after,
.js-stickyHeader .pl-pageNav_item a.current::after {
  border-top-color: currentColor;
}

.js-stickyHeader .pl-pageNav_item.\--isSmall a:hover,
.js-stickyHeader .pl-pageNav_item.\--isSmall a.current {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}

.js-stickyHeader .pl-pageNav_item {
  width: 455px;
}

.js-stickyHeader .pl-pageNav_item:first-of-type {
  margin-right: 20px;
}

.js-stickyHeader li {
  list-style: none;
}

/* 掲載終了用のCSS
--------------------------- */
.\--isClose .pl-mainvisual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.\--isClose .pl-mainvisual::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
}

/*----------------------------------
  sns box
----------------------------------*/
#snsTit {
  width: 100%;
  margin: 2em auto 0;
  display: block
}

#snsTit h2 {
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: bold;
  text-align: center;
  color: #ffb03e
}

#snsTit h2::before {
  content: url(../img/fukidasi-icon.png);
  display: inline-block;
  width: 54px;
  height: 47px;
  margin-right: .2em
}

.pl-snsButtons {
  max-width: 930px;
  width: 100%;
  padding: 1em 0;
  display: flex;
  justify-content: center;
  margin: 0 auto 1em
}

.pl-snsButtons_item {
  display: block;
  margin: 0 .35em 1em
}

.pl-snsButtons_item h3 {
  font-size: .9em;
  line-height: 1.3;
  font-weight: normal;
  text-align: center;
  margin: .3em auto
}

.pl-snsButtons_item a {
  color: #fff
}

.mbtn {
  display: inline-block;
  max-width: 180px;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #FC9F55;
  font-size: .8em;
  color: #fff;
  background-color: #FC9F55;
  text-decoration: none;
  font-weight: bold;
  padding: 1em 1.2em;
  border-radius: 4px;
  transition: .4s
}

.mbtn a {
  width: 100%;
  height: 100%;
  color: #fff;
  display: block
}

.mbtn a:hover {
  color: #fff;
  text-decoration: none
}

.mbtn:hover {
  background-color: #fff;
  border-color: #FC9F55;
  color: #FC9F55
}

.icon-stxt {
  font-size: .9em;
  padding-left: .5em
}

.sline {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  width: 100%;
  color: #fff;
  font-size: 16px;
  border-bottom: solid 2px #ffb03e;
  box-sizing: border-box
}

.sline:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 13px solid #fff;
  z-index: 2
}

.sline:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #ffb03e;
  z-index: 1
}

.sline p {
  margin: 0;
  padding: 0
}

.shareList8 a {
  color: #fff
}

.shareList8 {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: -5px 0 0 -5px
}

.shareList8_item {
  line-height: 2.5;
  text-align: center;
  margin: 0 auto .5em;
  list-style: none
}

.shareList8_link {
  display: block;
  color: #ffffff;
  padding: 0 20px;
  text-decoration: none;
  transition: .2s;
  border: 2px solid;
  border-radius: 5px
}

.shareList8_link::before {
  font-size: 16px
}

.shareList8_link::after {
  content: attr(title);
  font-size: 1em;
  font-weight: normal;
  vertical-align: top
}

.shareList8_link.icon-twitter {
  background: #55acee;
  color: #fff
}

.shareList8_link.icon-twitter:hover {
  color: #55acee;
  background: #ffffff;
  border-color: #55acee
}

.shareList8_link.icon-facebook {
  background: #3B5998;
  color: #fff
}

.shareList8_link.icon-facebook:hover {
  color: #3B5998;
  background: #ffffff;
  border-color: #3B5998
}

.shareList8_link.icon-google-plus {
  background: #dd4b39;
  color: #fff
}

.shareList8_link.icon-google-plus:hover {
  color: #dd4b39;
  background: #ffffff;
  border-color: #dd4b39
}

.shareList8_link.icon-hatebu {
  background: #008FDE;
  color: #fff
}

.shareList8_link.icon-hatebu:hover {
  color: #008FDE;
  background: #ffffff;
  border-color: #008FDE
}

.shareList8_link.icon-pocket {
  background: #EB4654;
  color: #fff
}

.shareList8_link.icon-pocket:hover {
  color: #EB4654;
  background: #ffffff;
  border-color: #EB4654
}

.shareList8_link.icon-rss {
  background: #ff9900;
  color: #fff
}

.shareList8_link.icon-rss:hover {
  color: #ff9900;
  background: #ffffff;
  border-color: #ff9900
}

.shareList8_link.icon-feedly {
  background: #6cc655;
  color: #fff
}

.shareList8_link.icon-feedly:hover {
  color: #6cc655;
  background: #ffffff;
  border-color: #6cc655
}

.shareList8_link.icon-pinterest {
  background: #cb2027;
  color: #fff
}

.shareList8_link.icon-pinterest:hover {
  color: #cb2027;
  background: #ffffff;
  border-color: #cb2027
}

.shareList8_link.icon-linkedin {
  background: #0e76a8;
  color: #fff
}

.shareList8_link.icon-linkedin:hover {
  color: #0e76a8;
  background: #ffffff;
  border-color: #0e76a8
}

.shareList8_link.icon-line {
  background: #1dcd00;
  color: #fff
}

.shareList8_link.icon-line:hover {
  color: #1dcd00;
  background: #ffffff;
  border-color: #1dcd00
}

.shareList8_link.icon-instagram {
  background: linear-gradient(to right, #ffd521, red, #b900b4);
  color: #fff
}

.shareList8_link.icon-instagram:hover {
  color: #d20e78;
  background: #ffffff;
  border-color: #d20e78
}

#fbox {
  width: 100%;
  background-color: #fff
}

@media screen and (max-width: 896px) {
  #breadcrumb {
    display: none
  }

  .pl-point_content.\--isReverse .pl-point_content_image {
    text-align: left;
    width: 60%
  }

  .pl-snsButtons {
    max-width: 930px;
    width: 100%;
    padding: 1em 0;
    display: -ms-flexbox;
    display: block;
    margin: 0 auto 1em;
    text-align: center
  }
}

@media screen and (max-width: 640px) {
    .pc {
    display:none;
    }
    .sp {
    display:block;
    }
}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 320px) {}