/*
Theme Name: アビー・チャーチ　浜松v20
Author: ababai
Description: アビー・チャーチ　浜松v20
Version:1.0
*/



.js-dress-item {
  float: left;
}

.category-inner-box .photo {
  width: 50%;
  height: 600px;
  position: relative;
}

.category-inner-box .photo .photo-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.category-inner-box .photo img{
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/*header*/
#header{
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 4;
  border-bottom: 1px solid #ededed;
}

#header .sv{
  background-color: #f5f5f5;
  overflow: hidden;
}
#header .sv h1,
#header .sv p{
  float: left;
  font-weight: normal;
  font-size: 12px;
  color:#4C4C4C;
  margin: 12px 0 0 20px;
}
.r-menu{
  float: right;
  overflow: hidden;
}
.r-menu ul li{
  float: left;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  padding: 4px 2px;
}
.r-menu ul li span{
  display: block;
  width: 120px;
  background-color: #d1ac00;
  color: #fff;
  padding: 8px 0;
  border: 1px solid #fff;
  box-shadow: 0 0.5px 1px #ddd;
}
.r-menu ul li.reserve{
  background-color: #d1ac00;
  margin-left: 2px;
}
.r-menu ul li.reserve span{
  border: 1px solid #d1ac00!important;
  background-color: #d1ac00;
  box-shadow: none;
}
.r-menu ul li span.extraTx{
  width: 180px!important;
}
.r-menu ul li.access{
  background-color: #000;
  margin-left: 2px;
}
.r-menu ul li.access span{
  border: 1px solid #000;
  background-color: #000;
  box-shadow: none;
  color: #fff;
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.08em;
  width: 80px;
}
.r-menu ul li.lineTalk{
    background-color: #d1ac00;
    margin-left: 2px;
}
.r-menu ul li.lineTalk img{width: 20px;}
.r-menu ul li.lineTalk span {
    border: 1px solid #d1ac00;
    background-color: #d1ac00;
    box-shadow: none;
    color: #fff;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.08em;
    width: 150px;
    padding: 0px 0;
}
.r-menu ul li.lineTalk i{
    font-style: normal;
    display: inline-block;
    background:url(../img/line-ico.png?2022) no-repeat left center;
    background-size: 30px auto;
    padding:8px 0 8px 40px;
}
#header .h-box{
  height: 100px;
  position: relative;
}

#header .h-box .logo img{height: 70px;width: auto;}
#header .h-box .logo{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 160px;
  z-index:1;
  text-align: center;
  vertical-align: middle;
}
.s-menu{overflow: hidden;float: right;margin:25px 25px 0 0;text-align: right;}
.s-menu .btn ul{overflow: hidden;float: left;}
.s-menu .btn ul li{
  float: left;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  margin: 0 5px 0 0;
}
.s-menu .btn ul li span{
  display: block;
  width: 120px;
  background-color: #fff;
  color: #9c803f;
  padding: 8px 0;
  border: 1px solid #ededed;
}
.s-menu .btn .tel{
  float: left;
  font-size: 28px;
  font-family: 'EB Garamond', serif;
  line-height: 1;
  margin: 0 0 5px 10px;
}
.s-menu .btn .tel span{
  font-size: 18px;
}

.m-btn{display: block;clear: both;font-size: 12px;}

.global{
  border-top:1px solid #eee;
}
.global ul{
  width: 1250px;
  margin: 10px auto;
  overflow: hidden;
}
.global ul li{
  float:left;
  text-align: center;
  width: 10%;
}
.global ul li span{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  display: block;
  border-left: 1px solid #ddd;
}
.global ul li:last-child span{border-right: 1px solid #ddd;}

/*add*/
@media screen and (min-width: 800px) {

#header.gnav01fix-fixed{
  width: 100%;
  margin: 0 auto;
  top:0;
  position: fixed;
  z-index: 10000;
  background-color:#fff;
  animation-name: slideDown;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform-origin: 50% 50% 0;
  animation-duration: .3s;
  top: 0;
  border-bottom: 1px solid #ededed;
}
@keyframes slideDown {0% {top: -180px;}100% {top: 0;}}
body.fixed01{padding-top: 180px;}
/*#header.gnav01fix-fixed .sv{
  display: none;
}
#header.gnav01fix-fixed .h-box{
  height: 70px;
  position: relative;
}*/
#header.gnav01fix-fixed .sv{overflow: visible;position: relative;z-index: 4;}
#header.gnav01fix-fixed .sv h1{
    display: none;
}
#header.gnav01fix-fixed.r-menu{position: absolute;z-index: 100;right: 0;top:0; background-color: #f5f5f5;}
#header.gnav01fix-fixed.r-menu ul{background-color: #f5f5f5;}
#header.gnav01fix-fixed .h-box{
    height: 70px;
    position: relative;
}
#header.gnav01fix-fixed .h-box .logo img{height: 55px;width: auto;}
#header.gnav01fix-fixed .h-box .logo{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 160px;
  z-index:1;
  text-align: center;
  vertical-align: middle;
}
}
.gnav01fix-fixed .r-menu ul li.lineTalk span{
    width: 150px;
}
.gnav01fix-fixed .r-menu ul li.lineTalk span i{
    padding:8px 0 7px 40px;
}
.gnav01fix-fixed .r-menu ul li.access{
  display: none;
}
@media screen and (max-width: 1250px) {
.gnav01fix-fixed .r-menu ul li span{zoom:90%;}
}
@media screen and (max-width: 1150px) {
.gnav01fix-fixed .r-menu ul li span{zoom:70%;}
}
@media screen and (max-width: 910px) {
.gnav01fix-fixed .r-menu ul li span{zoom:60%;}
}
#headerSp{display: none;}
@media screen and (max-width: 767px) {
#header{display: none;}
#headerSp{display: block;}

#slide_menu{
  display: block;
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100vh;
  background: #fff;
  border-left: 1px solid #a3a298;
  overflow-y: auto;
}
#slide_menu .globalmenu .logo{text-align: center;float: none;width: 100%;margin-bottom: 10px;}
#slide_menu .globalmenu .logo img{width: 30%;height: auto;}
#slide_menu p{font-size: 12px;margin: 12px 0 0;}
#slide_menu p span{display: block;}
.globalmenu{
  width: 100%;
  text-align: center;
  padding: 30px 0 0 0;
  color: #141414;
}
#slide_menu .link a:link,
#slide_menu .link a:hover,
#slide_menu .link a:active,
#slide_menu .link a:visited{color: #141414;}

#slide_menu .link span{
  display: inline-block;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  font-size: 11px;
  padding: 3px 5px;
  margin: 0 0 0 0;
}
.cntBox p{line-height: 1.8;}
.cntBox ul{overflow: hidden;padding: 10px 10px;}
.cntBox ul li{
  display: inline-block;
  float: left;
  width: 49%;
  margin: 0 1% 2% 0;
  background-color: #b2b1a2;
}
.cntBox ul li:nth-child(2),
.cntBox ul li:nth-child(4){
  display: inline-block;
  float: left;
  width: 49%;
  margin: 0 0 2% 1%;
  background-color: #b2b1a2;
}
.cntBox ul li:nth-child(4){
  display: inline-block;
  float: left;
  width: 49%;
  margin: 0 0 2% 1%;
  background-color: #b2b1a2;
}
.cntBox ul li.lineTalk i{
    font-style: normal;
}
.cntBox ul li span{
  color: #fff;
  padding: 10px 0;
  display: block;
  font-size: 13px;
}
.cntBox ul li.wide{width: 100%;
  float: none;
}
.cntBox ul li.wide span{
  color: #fff;
  background-color: #a3a298;
  border: 1px solid #a3a298;
  padding: 10px 0;
  display: block;
  font-size: 14px;
}
.cntBox ul li.wide span i{
  width: 15px;
  height: 15px;
  background:url(images/common/ico_phone_w.png?2021) no-repeat left center;
  background-size: 15px auto;
  padding-left: 15px;
  margin-right: 10px;
}
.globalmenu .menulist{
  margin: 0 auto 25px;
  padding: 0 10px;
}
.globalmenu .menulist ul{overflow: hidden;}
.globalmenu .menulist ul li{
  width: 50%;
  float: left;
  padding: 6px 0;
  border-bottom: 1px solid #a3a298;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #fff;
  display: block;
  font-family: Verdana, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

.globalmenu .menulist ul li a{
  display: block;
  width: 100%;
  height: 100%;
  position:relative;
}
.globalmenu .menulist ul li a:link{color: #141414;}
.globalmenu .menulist ul li a:visited{color: #141414;}
.globalmenu .menulist ul li a:hover{color: #141414;}
.globalmenu .menulist ul li a:active{color: #141414;}

#headerSp{
  display: block;
  border-bottom: 1px solid #eee;
  position:relative;
  width: 100%;
  height: auto;
  /*overflow: hidden;*/
  top:0;
  left: 0;
  z-index: 9999;
}
#headerSp .wrap{
  padding: 10px 0;
  overflow: hidden;
}
#headerSp .logo{
  text-align: center;
}
#headerSp .logo img{width: auto;height: 40px;}
#menuRight{
  width: 45px;
  height: 35px;
  position: fixed;
  top:13px;
  right: 5px;
  z-index: 9998;
}

/*ハンバーガーメニュー*/
.hamburger{
  position:absolute;
  top:8px;
  right:10px;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 20px;
  height: 16px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 7px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
  background-color: #000;
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
  background-color: #000;
}
.menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}

.svg-inline--fa.fa-w-13{
  width: 20px!important;
}
.svg-inline--fa{
  /*height: 20px!important;*/
}
.ico-restaurant{
  position: fixed;
  width: 60px;
  top:12px;
  right: 50px;
  text-align: center;
}
.ico-restaurant span{
  display: block;
  position: relative;
}
.ico-restaurant span::after{
  content: 'レストラン';
  position: absolute;
  top:22px;
  left: 4px;
  font-size: 11px;
}
#headerSp.sp-gnav01fix-fixed{
    position: fixed;
    top:0;
    left: 0;
    z-index: 9999;
    background-color:#fff;
}

}
@media screen and (min-width: 768px) {
  .fixBnr{position: fixed; bottom: 21px; right: 10px;z-index: 9997;width: 320px; text-align: right;}
}
  .fixBnr img{max-width: 100%;height: auto}
  .fixBnr a:hover img,
  .fixBnr a:hover{opacity: 1!important;}
  .fixBnr.close{display: none;}

@media screen and (max-width: 767px) {
  .fixBnrWrap{width: 100%; margin:0 auto;box-sizing: border-box;padding:0 10px;}
  .fixBnr{position: fixed; bottom: 70px;z-index: 9997;width: 100%; margin:0 auto; text-align: right;}
}
@media screen and (min-width: 768px) {
  .spOnly{display: none;}
}
@media screen and (max-width: 767px) {
  .pcOnly{display: none;}
}


#footerSp{display: none;}
@media screen and (max-width: 767px) {
#footerSp {
    display: block;
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    position: fixed;
    bottom: 0;
    z-index: 9989;
    border-top:1px solid #a3a298;
}
#footerSp ul {
    overflow: hidden;
    padding: 5px;
}
#footerSp ul li {
    float: left;
    margin: 0 1% 0 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}
#footerSp ul li:nth-child(1) {
    width: 39%;
}
#footerSp ul li:nth-child(2) {
    width: 29%;
}
#footerSp ul li:nth-child(3) {
    width: 29%;
}
#footerSp ul li span {
    background-color:rgba(255,255,255,1);
    border: 1px solid #000;
    display: block;
    padding: 5px 0;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
#footerSp ul li span small{
  display: block;
  font-size: 10px;
  font-weight: normal;
}

#footerSp ul li:nth-child(3) {margin:0;}
#footerSp ul li:nth-child(3) span {
    margin: 0;

}
#footerSp ul li:nth-child(2) span{
  background-color: #fff;
    color: #b79f63;
}
}
.bnrlist{
  padding: 0px 0 20px 0;
  text-align: center;
}
.bnrlist2 ul{
  width: 1100px;
  margin:0px auto 0px;
  overflow: hidden;
}

.bnrlist2 ul li{
  width: 49.5%;
  float: left;
  margin-bottom: 10px;
}
.bnrlist2 ul li:nth-child(even){float: right;}
.bnrlist2 ul li img{width: 100%;height: auto;}

@media screen and (max-width: 767px) {
.bnrlist{
  padding: 0px 10px 10px;
}
.bnrlist .bnr{
  width: auto;
  margin: 0 auto;
}
.bnrlist ul,
.bnrlist2 ul {
    width: 100%;
}
.bnrlist ul li,
.bnrlist2 ul li {
    width: 100%;
    float: none!important;
    margin: 5px 0!important;
}
}

/*add 20220809*/
.clearfix:after {content: "";display: block;clear: both;}
.clearfix:before {content: "";display: block;clear: both;}
.clearfix { display: block;}

.mB20sp10 { margin-bottom: 20px !important; }
.mB25sp13 { margin-bottom: 25px !important; }
.mB30sp15 { margin-bottom: 30px !important; }
.mB40sp20 { margin-bottom: 40px !important; }
.mB50sp25 { margin-bottom: 50px !important; }
.mB60sp30 { margin-bottom: 60px !important; }
.mB70sp35 { margin-bottom: 70px !important; }
.mB80sp40 { margin-bottom: 80px !important; }
.mB90sp45 { margin-bottom: 90px !important; }
.mB100sp50 { margin-bottom: 100px !important; }
.mB100sp25 { margin-bottom: 100px !important; }

.mT20sp10 { margin-top: 20px !important; }
.mT25sp13 { margin-top: 25px !important; }
.mT30sp15 { margin-top: 30px !important; }
.mT40sp20 { margin-top: 40px !important; }
.mT50sp25 { margin-top: 50px !important; }
.mT60sp30 { margin-top: 60px !important; }
.mT70sp35 { margin-top: 70px !important; }
.mT80sp40 { margin-top: 80px !important; }
.mT90sp45 { margin-top: 90px !important; }
.mT100sp50 { margin-top: 100px !important; }
.mT100sp25 { margin-top: 100px !important; }

.pB20sp10 { padding-bottom: 20px !important; }
.pB40sp20 { padding-bottom: 40px !important; }
.pB50sp25 { padding-bottom: 50px !important; }
.pB60sp30 { padding-bottom: 60px !important; }


@media screen and (max-width: 768px) {
.mB20sp10 { margin-bottom: 10px !important; }
.mB25sp13 { margin-bottom: 13px !important; }
.mB30sp15 { margin-bottom: 15px !important; }
.mB40sp20 { margin-bottom: 20px !important; }
.mB50sp25 { margin-bottom: 25px !important; }
.mB60sp30 { margin-bottom: 30px !important; }
.mB70sp35 { margin-bottom: 35px !important; }
.mB80sp40 { margin-bottom: 40px !important; }
.mB90sp45 { margin-bottom: 45px !important; }
.mB100sp50 { margin-bottom: 50px !important; }
.mB100sp25 { margin-bottom: 25px !important; }

.mT20sp10 { margin-top: 10px !important; }
.mT25sp13 { margin-top: 13px !important; }
.mT30sp15 { margin-top: 15px !important; }
.mT40sp20 { margin-top: 20px !important; }
.mT50sp25 { margin-top: 25px !important; }
.mT60sp30 { margin-top: 30px !important; }
.mT70sp35 { margin-top: 35px !important; }
.mT80sp40 { margin-top: 40px !important; }
.mT90sp45 { margin-top: 45px !important; }
.mT100sp50 { margin-top: 50px !important; }
.mT100sp25 { margin-top: 25px !important; }

.pB20sp10 { padding-bottom: 10px !important; }
.pB40sp20 { padding-bottom: 20px !important; }
.pB50sp25 { padding-bottom: 25px !important; }
.pB60sp30 { padding-bottom: 30px !important; }
}

.bestRateMain{background:url(images/best-rate/main.jpg) no-repeat center center;background-size: cover;text-align: center;}
.bestRateMain p span{background-color: rgba(255, 255, 255, 0.5);padding:10px 30px;}
.bestRateMain p{letter-spacing: 0.2em;}
.bestRateBadge01 img{width: 100%;}
.bestRateBadge02 img{width: 100%;}

.bestRateHukidashi01{background:url(images/best-rate/hukidashi.png) no-repeat left top;background-size: 330px 114px;text-align: center;width: 330px;height: 114px;margin:0 auto 40px;}
.bestRateHukidashi02{background:url(images/best-rate/hukidashi.png) no-repeat left top;background-size: 330px 114px;text-align: center;width: 330px;height: 114px;margin:0 auto 40px;}
.bestRateTit01{letter-spacing: 0.1em;}

@media screen and (min-width: 768px) {
.bestRateMain{min-height: 700px;position: relative;margin-bottom: 70px;}
.bestRateMain h1{padding-top: 300px;font-size: 80px;color: #fff;}
.bestRateMain p{font-size: 24px;margin-top: 40px;}
.bestRateMain .mainTxer{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 95%;
    z-index: 2;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
    font-weight: 700;
    font-size: 38px;
    letter-spacing: 0.17em;
    padding-top: 0;
}
.bestRateMain .mainTxer span{
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.07em;
    color: #fff;
    margin-top: 5px;
}
.bestRateBadge01{width: 300px;margin:0 auto;}
.bestRateBadge02{width: 250px;margin:0 auto;}
.bestRateTx01{font-size: 40px;margin:60px 0;}
.bestRateTx01new{font-size: 30px;margin:60px 0;}
.bestRateTx01ex{font-size: 30px;margin:60px 0 30px;}
.bestRateHukidashi01{font-size: 36px;padding-top: 15px;}
.bestRateHukidashi02{font-size: 30px;padding-top: 20px;}
.bestRateTx02{font-size: 21px;margin-bottom: 0px;}
.bestRateTx03{font-size: 18px;margin-bottom: 0px;}
.bestRateTx04{font-size: 15px;}
.bestRateTit01{font-size: 55px;margin:60px 0 30px;}
.bestRateTit01Sub{font-size: 28px;}
.bestRateTit01Sub2{font-size: 20px;}
}
@media screen and (max-width: 767px) {
.bestRateMain{background:url(images/best-rate/main_sp.jpg) no-repeat center center;background-size: cover;text-align: center;}
.bestRateMain{height: 600px;position: relative}
.bestRateMain h1{padding-top: 200px;font-size: 40px;color: #fff;}
.bestRateMain p{font-size: 18px;margin-top: 40px;}
.bestRateMain .mainTxer{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 95%;
    z-index: 2;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.17em;
    padding-top: 0;
}
.bestRateMain .mainTxer span{
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.07em;
    color: #fff;
    margin-top: 5px;
}
.bestRateBadge01{width: 50%;margin:40px auto 20px;}
.bestRateBadge02{width: 50%;margin:40px auto 20px;}
.bestRateTx01{font-size: 20px;margin:20px 0 30px;}
.bestRateTx01new{font-size: 20px;margin:20px 0 30px;}
.bestRateTx01ex{font-size: 20px;margin:20px 0 20px;}
.bestRateHukidashi01{background:url(images/best-rate/hukidashi.png) no-repeat center top;background-size: 300px auto;}
.bestRateHukidashi01{font-size: 30px;padding-top: 18px;margin-bottom: 10px;}
.bestRateHukidashi02{background:url(images/best-rate/hukidashi.png) no-repeat center top;background-size: 300px auto;}
.bestRateHukidashi02{font-size: 20px;padding-top: 25px;margin-bottom: 10px;}
.bestRateTx02{font-size: 18px;margin-bottom: 0px;}
.bestRateTx03{font-size: 18px;margin-bottom: 0px;}
.bestRateTx04{font-size: 14px;}
.bestRateTit01{font-size: 30px;margin:20px 0 10px;font-weight: 400;}
.bestRateTit01Sub{font-size: 16px;}
.bestRateTit01Sub2{font-size: 14px;}
}
.aC{text-align: center;}
.aL{text-align: left;}
.fLPc{float: left;}
.fRPc{float: right;}

.bestRateBg01{background-color: #efefef;line-height: 1.8;}
.bestRateBg02{line-height: 1.8;}
.bestRateBg03{background-color: #efefef;padding:40px 0 20px;line-height: 1.8;}
.bestRateWhiteBg01{width: 100%;background-color: #fff;border-radius: 10px;text-align: center;padding:20px 0;}
.bestRateWhiteBg01 ol{font-size: 0;}
.bestRateWhiteBg01 ol li img{width: 130px;}
.pickUpPlanTop.bgwhite{background-color: #fff;}
.bestRateImgs ul{font-size: 0;margin:70px 0;}
.bestRateImgs ul li{display: inline-block;font-size: 16px;vertical-align: top;margin:0 25px;}
.bestRateImgs ul li img{width: 417px;}
.bestRateFooter{background:url(images/best-rate/ftbg.jpg) no-repeat center center;background-size: cover;color: #000;}
.bestRateFooter2{background:url(images/best-rate/ftbg.jpg) no-repeat center center;background-size: cover;color: #000;}


.bestRateFooter ul li a:hover{opacity: 0.8;}
.bestRateFooter2 ul li a:hover{opacity: 0.8;}
.bestRateFooter2 ul li a{text-decoration: none}
@media screen and (min-width: 768px) {
.bestRateBtn{margin-bottom: 60px;}
.bestRateBtn2{margin-bottom: 20px;}
.bestRateBtn2 span{font-size: 26px!important;width: 400px;}
.bestRateBtn3{margin-bottom: 20px;}
.bestRateBtn4{margin-bottom: 20px;}
.bestRateBtn4 span{font-size: 20px!important;width: 300px;}
.bestRateWhiteBg01{margin:80px 0 80px;}
.bestRateWhiteBg01 ol li{display: inline-block;margin:0 25px;vertical-align: middle;}
.bestRateWhiteBg01 h3{font-size: 28px;font-weight: normal}
.bestRateWhiteBg01 p{font-size: 16px;margin-top: 10px;}
.bestRateWhatsSection{margin:0px auto 0px!important;padding-bottom: 80px!important;}
.bestRateWhats{padding:80px 0 80px;}
.bestRateWhats img{width: 510px;}
.bestRateWhats2{padding:40px 0 80px;}
.bestRateWhats2 img{width: 510px;}
.bestRateBg01{padding:50px 0 40px;font-size: 18px;}
.bestRateBg02{padding:50px 0 40px;font-size: 18px;}
.bestRateBg03{padding:90px 0 40px;font-size: 15px;}
.fs30{font-size: 30px!important;}
.fs25{font-size: 25px!important;}
.fs20{font-size: 20px!important;}
.bestRateFooter{min-height: 700px;padding-top: 110px;}
.bestRateFooter ul{font-size: 0;text-align: center;}
.bestRateFooter ul li{display: inline-block;width: 30%;font-size: 21px;margin:0 1.5%;}
.bestRateFooter ul li a{display: block;height: 145px;background-color: #efefef;line-height: 145px;transition: all 0.5s;}
.bestRateFooter2{min-height: 700px;padding-top: 130px;}
.bestRateFooter2 ul{font-size: 0;text-align: center;}
.bestRateFooter2 ul li{display: inline-block;width: 30%;font-size: 21px;margin:0 1.5%;}
.bestRateFooter2 ul li a{display: block;height: 145px;background-color: #efefef;line-height: 145px;transition: all 0.5s;}
.pickUpPlanTop.bgwhite ul li:last-child{display: none;}
.pickUpPlanTop ul li:nth-of-type(3n) { margin: 0 0 40px;}
}
@media screen and (max-width: 767px) {
.pickUpPlanTop ul li{height: auto!important}
.bestRateBtn{margin-bottom: 20px;}
.bestRateBtn2{margin-bottom: 20px;}
.bestRateBtn2 span{font-size: 20px!important;}
.bestRateBtn3{margin-bottom: 20px;}
.bestRateBtn4{margin-bottom: 20px;}
.bestRateBtn4 span{font-size: 16px!important;}

.bestRateWhiteBg01{margin:40px 0 40px;}
.bestRateWhiteBg01 ol li{display: block;margin:0 10px;}
.bestRateWhiteBg01 h3{font-size: 20px;font-weight: normal;text-align: center;padding: 20px 0 10px;}
.bestRateWhiteBg01 p{font-size: 16px;margin-top: 10px;}
.bestRateWhatsSection{margin:60px auto 0px!important;padding-bottom: 50px!important;}
.bestRateWhats{padding:40px 0 20px;}
.bestRateWhats img{width: 90%;}
.bestRateWhats2{padding:20px 0 20px;}
.bestRateWhats2 img{width: 90%;}
.spMb20{margin-bottom: 20px;}
.bestRateBg01{padding:40px 0 40px;font-size: 15px;}
.bestRateBg02{padding:40px 0 40px;font-size: 15px;}
.fs30{font-size: 20px!important;}
.fs25{font-size: 18px!important;}
.fs20{font-size: 16px!important;}
.bestRateImgs ul{font-size: 0;margin:30px 0 20px;}
.bestRateImgs ul li{display: block;margin:0 0 25px;}
.bestRateFooter{padding:60px 0 10px;}
.bestRateFooter ul li{display: block;width: 100%;font-size: 18px;margin:0 0 20px;}
.bestRateFooter ul li a{display: block;background-color: #efefef;transition: all 0.5s;text-align: center;padding:10px;}
.bestRateFooter2{padding:60px 0 10px;}
.bestRateFooter2 ul li{display: block;width: 100%;font-size: 18px;margin:0 0 20px;}
.bestRateFooter2 ul li a{display: block;background-color: #efefef;transition: all 0.5s;text-align: center;padding:10px;}
.bestRateImgs ul li img{width: 100%;}
}
.list3s .title {
    text-align: center;
    font-size: 14px;
    margin: 0 0 5px 0;
}
.list3s .cap {
    font-size: 12px;
}
.list3s li img{width: 100%;height: auto;margin-bottom: 10px;}
@media screen and (min-width: 768px) {
.list3s{font-size: 0;}
.list3s li{width: 23%!important;margin-right: 2%!important;}
.list3s li:last-child{margin-right: 0%;}
}


.presentBox01{
  background-color: #EDEDED;
  padding: 20px;box-sizing: border-box;
  width: 100%;margin-top: 40px;
}
.presentBox01Img{position: relative;}

.presentBoxRaikan,
.presentBoxSeiyaku{
  position: absolute;left: 0;top: 20px;z-index: 5;color: #fff;padding: 5px 20px;
}
.presentBoxRaikan{background-color: #A88150;}
.presentBoxSeiyaku{background-color: #B5232D;}

@media screen and (min-width: 768px) {
.presentBox01Img{width: 291px;float: left;}
.presentBoxTx{min-height: 291px;padding-left: 330px;padding-top:20px;}
.presentBoxTx h2{font-weight: normal;font-size: 24px;line-height: 1.6;}
.presentBox01 p,
.btmTx{font-weight: normal;font-size: 18px;line-height: 1.8;}
.presentBoxRaikan,
.presentBoxSeiyaku{font-size: 22px!important;line-height: 1!important;}
}

@media screen and (max-width: 767px) {
.presentBox01{padding: 10px;margin-top: 20px;}
.presentBoxRaikan,
.presentBoxSeiyaku{
  position: absolute;left: 0;top: 10px;z-index: 5;color: #fff;padding: 5px 10px;
}
.presentBox01Img{width: 100%;}
.presentBox01Img img{width: 100%;}

.presentBoxTx{padding: 10px 10px 0;}
.presentBoxTx h2{font-weight: normal;font-size: 18px;line-height: 1.6;}
.presentBox01 p,
.btmTx{font-weight: normal;font-size: 14px;line-height: 1.8;}
}
@media screen and (min-width: 768px) {
.pickUpPlanTop.fixUp ul li:nth-child(4){
  display: none;
}
}

.bottomTitle{
font-family: 'EB Garamond', serif;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-top: 20px;
}

.bottomTitle span {
    display: block;
    font-size: 14px;
    font-family: 'M PLUS 1p';
    font-weight: 400;
    letter-spacing: 0.07em;
    margin-top: 5px;
}
@media screen and (max-width: 767px) {
.bottomTitle{font-size: 22px;    margin-top: 40px;}
}
@media screen and (min-width: 768px) {
.inner2.pdReset{padding-bottom: 0;}
}
.nuBridalFairBox.pdTopNone{padding-top: 0;}


@media screen and (min-width: 768px) {
.inner{
  width: 1100px;
  margin: 0 auto;
  padding: 0 0 120px 0;
}
.inner.pdReset{padding-bottom: 0;}
}
@media screen and (max-width: 767px) {
.inner{padding: 0 5% 60px}
}
.nuBridalFairBox.pdTopNone{padding-top: 0;}
.bgwhite{background-color: #fff!important;}

.bt2{text-align: center;}
.bt2 span{
  display: inline-block;
  background-color: #000;
  width: 260px;
  font-size: 13px;
  padding: 8px 0;
  border: 1px solid #000;
  transition: all .3s;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.15em;
}
.bt2 span:hover{
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  transition: all .3s;
}
.bt3{text-align: center;}
.bt3 span{
  display: inline-block;
  background-color: #000;
  font-size: 13px;
  padding: 8px 20px;
  border: 1px solid #000;
  transition: all .3s;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.15em;
}
.bt3 span:hover{
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  transition: all .3s;
}
.mincho{line-height: 1.6; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

#title{
  text-align: center;
  font-weight: 500;
  font-size: 38px;
  letter-spacing: 0.1em;
  margin: 0 0 40px 0;
  line-height: 1.6; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#title span{
  display: block;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.06em;
  color: #777;
}
@media screen and (max-width: 767px) {
#title {
    font-size: 25px;
    margin: 25px 0 20px 0;
}
#title span {
  font-size: 14px;
}
}


.pickUpPlanTop{
  padding: 100px 0;
  background-color: #f1f1f1;
  position: relative;
}
.pickUpPlanTop .title {
    margin: 0 0 25px 0!important;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.2em;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, 'YuMincho', '游明朝','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.pickUpPlanTop .title hr{width: 100px;}

.pickUpPlanTop ul{
  width: 1100px;
  margin: 0 auto 20px;
  overflow: hidden;
}
.pickUpPlanTop ul li{
  width: 30%;
  float: left;
  margin: 0 4.5% 40px 0;
  text-align: center;
  overflow: hidden;
}
.pickUpPlanTop ul li:last-child{margin: 0;}


@media screen and (min-width: 801px) {
.pickUpPlanTop ul li:nth-of-type(3n){
  margin: 0 0 40px;
}
}

.pickUpPlanTop ul li .pic img{width: 100%;height: auto;}
.pickUpPlanTop ul li .pic{margin-bottom: 20px;}

.pickUpPlanTop ul li .pic{}

.pickUpPlanTop ul li .pic img{
    display: block;
    height: 330px;
    object-fit: cover;
    width: 100%;
    object-position: center bottom;/*右下*/
}

.pickUpPlanTop ul li .price{
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, 'YuMincho', '游明朝','ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 7px 0 7px 0;
  margin: 12px 0 12px 0;
}
.pickUpPlanTop ul li .price_off{margin-bottom: 10px;font-size: 13px;text-align: left;color: #777;}
.pickUpPlanTop ul li .title{
  font-size: 16px;
}
.pickUpPlanTop ul li .md{
  text-align: left;
  line-height: 170%;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
.pickUpPlanTop ul li {
    width: 48%;
    height: 300px;
    overflow: hidden;
    margin: 0 4% 15px 0;
    height: 330px;
}

.pickUpPlanTop ul li .pic img{width: 100%;height: auto;}
.pickUpPlanTop ul li .pic{margin-bottom: 20px;}

.pickUpPlanTop ul li .pic{}

.pickUpPlanTop ul li .pic img{
    display: block;
    height: 180px;
    object-fit: cover;
    width: 100%;
    object-position: center bottom;/*右下*/
}
.pickUpPlanTop ul {
    width: 100%;
    margin: 0 auto 20px;
}
.pickUpPlanTop ul li:nth-of-type(2n){
    margin: 0 0 15px;
}

.pickUpPlanTop ul li .price {
    font-size: 16px;
}
.pickUpPlanTop ul li .md{
    font-size: 12px;
    text-align: left;
}
.pickUpPlanTop {
    padding: 45px 10px;
}
}

.list3s li img{
    display: block;
    height: 330px;
    object-fit: cover;
    width: 100%;
    object-position: center bottom;/*右下*/
}