@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------------
fulcnt.com
------------------------------------------------------------------------------ */

/* TabL+PC */
#wrap {}
/* /TabL+PC */

/* ------------------------------------------------------------------------------
TOP
------------------------------------------------------------------------------ */
.topCont {
    display: flex;
    padding: 0 2%;
}
.topTxtL {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 360px;
    padding: 10% 0;
}
.topTxtL01 {
    margin-bottom: 30px;
}


.topTxtR {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 370px;
    padding: 10% 0;
}
.topTxtC {
    width: 1000px;
    height: 1080px;
    background-color: rgba(255,255,255,0.85);
    margin: 0 2%;
    text-align: center;
    display: flex;
    align-items: center;

}
.topLogo {
    width: 880px;
    margin: 80px auto;
}
.topBtn {
    width: 460px;
    margin-left: auto;
    margin-right: auto;
}
.topTxtR01Btn {
    background-image: url("../img/btn_bg.png");
    background-position: center center;
    background-size: 100% auto;
}



/* ------------------------------------------------------------------------------
点滅アニメーション
------------------------------------------------------------------------------ */
.blink{
  animation: flash 2.5s linear infinite;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}


.blink2{
  animation: flash2 2.5s linear infinite;
}
@keyframes flash2 {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }
}

/* ------------------------------------------------------------------------------
店舗案内
------------------------------------------------------------------------------ */

/* ------店舗案内　一覧------- */

.shopLiCont {
    display: flex;
    justify-content: space-between;
}
.shopLiMapArea {
    margin-top: 50px;
    background-color: rgba(255,255,255,0.85);
    width: 1440px;
    height: 980px;
    margin-left: 50px;
}
.shopLiArtArea {
    background-color: #231815;
    display: block;
    width: 375px;
    height: 1080px;
    padding: 40px;
}
.shopLiArtTxt {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2em;
}
.shopLiArtPhLi {
    list-style: none;
    margin-bottom: 30px;
}
.shopLiArtPhLi li {
    margin-bottom: 18px;
}
.shopLiArtPhLi li:last-child {
    margin-bottom: 0;
}
.shopLiArtBtnLi {
    margin-bottom: 30px;
    list-style: none;
}
.shopLiArtBtnLi li {
    margin-bottom: 15px;
    background-image: url("../shop/img/art_btn01_off.jpg?20220627");
    background-size: 100%;
    height: auto;
    background-position: top center;
}
.shopLiArtBtnLi li:last-child {
    margin-bottom: 0;
    background-image: url("../shop/img/art_btn02_off.jpg?20220627");
}

.shopLiMapArea{
    display: flex;
    position: relative;
    justify-content: space-between;
}
.shopLiMapCont {
    position: relative;
    z-index: 1;
    margin-left: 40px;
    margin-top: 10px;
}
.shopLiMapLogo {
    margin-right: 50px;
}
.shopLiMapTit {
    width: 400px;
}
.shopLiMapTxtAreaDtl01 {
    position: relative;
    z-index: 2;
    width: 700px;
    display: flex;
    margin-top: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.shopLiMapTxtAreaDtl02 {
    position: absolute;
    z-index: 3;
    width: 940px;
    right: 0;
    margin-right: 30px;
}
.shopLi01 {
    width: 460px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: 20px;
    float: left;
}
.shopLi01Li {
    list-style: none;
    width: 230px;
}
.shopLi02 {
    width: 460px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.shopLi02Li {
    list-style: none;
    width: 230px;
}
.shopLi01Dtl {
    width: 230px;
    height: 115px;
    display: flex;
    background-image: url("../shop/img/btn_r_off.png");
}
.active .shopLi01Dtl {
    width: 230px;
    height: 115px;
    display: flex;
    background-image: url("../shop/img/btn_r_on.png?20220627");
}
.shopLi02Dtl {
    width: 230px;
    height: 115px;
    display: flex;
    background-image: url("../shop/img/btn_g_off.png");
}
.active .shopLi02Dtl {
    width: 230px;
    height: 115px;
    display: flex;
    background-image: url("../shop/img/btn_g_on.png?20220627");
}
.shopLiPh {
    margin-top: 5px;
    margin-left: 6px;
}
.shopLiNum {
    background-color: #231815;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 25px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    float: left;
    margin-right: 3px;
    padding-right: 2px;
    margin-bottom: 15px;
    line-height: 0;
    font-size: 15px;
    letter-spacing: -0.05em;
}
.shopLiTxt {
    width: 90px;
    margin-left: 6px;
    margin-top: 8px;
}
.shopLiTxtDtl01 {
    width: 65px;
    line-height: 0;
    float: left;
}
.shopLiMapBtn01 {
    width: 447px;
    /*margin-top: 15px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}


/* ------店舗案内------- */

.facSlide01 {
    width: 730px;
    position: relative;
    z-index: 5;
    height: 100%;
}
.facSlideLi {
    display: flex;
    list-style: none;
}
.facSlideLi li {
    width: 24%;
    margin-right: 10px;
}
.facSlideLi li:last-child {
    margin-right: 0;
}
.facSlideImg {
    margin-bottom: 30px;
    position: relative;
}
.facSlideImgTxt {
    position: absolute;
    z-index: 90;
    right: 0;
    top: 0;
    width: 200px;
}

.facSlide01 ul.swiper-wrapper {
    list-style: none;
}
.facSlide01 ul.facSlideLi li {
    margin-right: 0;
}

.facSlide01 .swiper {
width: 100%;
height: 100%;
}

.facSlide01 .swiper-slide {
text-align: center;
background: #fff;
}

.facSlide01 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.facSlide01 .swiper {
margin-left: auto;
margin-right: auto;
}

.facSlide01 .swiper-slide {
background-size: cover;
background-position: center;
}

.facSlide01 .swiperImg {
height: 80%;
width: 100%;
}

.facSlide01 .swiperThumb {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}

.facSlide01 .swiperThumb .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}

.facSlide01 .swiperThumb .swiper-slide-thumb-active {
opacity: 1;
}

.facSlide01 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.facTxtArea01 {
    width: 880px;
}
.facTxtAreaDtl01 {
    width: 800px;
    height: 200px;
    margin-bottom: 10px;
}
.facTxt01 {
    font-size: 35px;
    line-height: 1.2em;
    font-feature-settings: "palt" 1, "trad" 1;
    margin-bottom: 10px;
}
.facTxt02 {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.facTxt02Num {
    background-color: #cf8f53;
    font-size: 34px;
    color: #231815;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.facTxt02Img {
    width: 732px;
}
.facTxt03 {
    font-size: 21px;
    line-height: 1.6em;
    margin-bottom: 20px;
}

.facTxtAreaDtl02 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.facTxtAreaDtl02Box:first-child {
    border-right: 1px solid #231815;
    padding-right: 2%;
    width:  50%;
}
.facTxtAreaDtl02Box {
    width: 48%;
    
}
.facTxtAreaDtl02Mtit {
    font-size: 30px;
    margin-bottom: 15px;
}
.facTxtAreaDtl02.noCou .facTxtAreaDtl02Iframe {
    height: 400px;
}
.facTxtAreaDtl02Iframe {
    width: 430px;
    height: 240px;
    background-color: #fff;
    box-shadow: 2px 2px 4px #c9caca inset;
    padding: 12px 15px;
    overflow-y: scroll;
}
.facTxtAreaDtl02Iframe table {
    width: 100%;
    border: none;
}
.facTxtAreaDtl02Iframe table th,.facTxtAreaDtl02Iframe table td {
    background-color: inherit;
    border: none;
    font-weight: normal;
}
.facTxtAreaDtl02.noCou .facTxtAreaDtl02Txt01 {
    font-size: 20px;
    line-height: 1.5em;
    
}
.facTxtAreaDtl02Txt01 {
    font-size: 16px;
    line-height: 1.5em;
}
.facTxtAreaDtl02Ph {
    width: 146px;
    float: left;
    margin: 0px 10px 10px 0;
}

/* ------クーポン------- */

.couContArea {
    background-color: inherit;
}
.couContDtlArea {
    width: 1660px;
}
.couTitArea {
    background-color: #ffd800;
    display: flex;
    padding: 20px 40px;
    margin-bottom: 14px;
}
.couTit {
    margin-right: 120px;
    width: 690px;
}
.couShopTit {
    width: 770px;
}
.couContDtl {
    background-color: #ffd800;
    position: relative;
    z-index: 10;
}
.couContImg {
    position: relative;
    z-index: 11;
}
.couContTxtArea {
    position: absolute;
    width: 960px;
    z-index: 12;
    display: flex;
    flex-wrap: wrap;
    right: 20px;
    bottom: 15px;
}
.couQrTxt01 {
    width: 100%;
    text-align: right;
}
.couQrImg01 {
    width: 383px;
    margin-right: 10px;
}
.couQrImg02 {
    width: 270px;
    margin-right: 40px;
}
.couQrTxtBox {
    width: 250px;
}
.couTxt01,.couTxt02 {
    font-size: 25px;
    line-height: 1.4em;
}
.couTxt02 {
    padding-left: 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.couTxt03 {
    font-size: 23px;
    line-height: 1.4em;
    margin-bottom: 50px;
}
.couTxt04 {
    font-size: 21px;
    margin-bottom: 45px;
}



/* ------------------------------------------------------------------------------
観光記事
------------------------------------------------------------------------------ */
.touContArea {
    padding-bottom: 60px;
    position: relative;
}
.touArea01 {
    width: 1580px;
}
.touArea02 {
    width: 100%;
}
.touMtit01 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
    margin-top: -10px;
}
.touMtit02 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    margin-top: 15px;
}
.touMtitImg01 {
    width: 303px;
    margin-right: 10px;
}

.touTagLi {
    overflow: visible;
}
.flickOsusumeArea {
    position: relative;
}
.flickOsusume {
    overflow: hidden;
    border-bottom: 4px dotted #000;
}
.flickTag {
    overflow: hidden;
}

.touSlideLi01 {
    list-style: none;
    display: flex;
    width: 100%;
    overflow: visible;
}
.touArrow01 {
    width: 26px;
    margin-right: -30px;
    position: absolute;
    right: -20px;
    top: 35%;
}
.touArrow01 img {
    
}

.touSlideLi01 li {
    width: 630px;
    margin-bottom: 15px;
    margin-right: 50px;
}
.touSlideLi01 li a {
    text-decoration: none;
    color: #000;
    width: 630px;
    display: flex;
    justify-content: space-between;
}
.touSlideLiImg01 {
    width: 313px;
    padding: 5px 0 0 5px;
    margin-right: 30px;
    position: relative;
}
.touSlideLiTxtBox {
    width: 300px;
}
.touSlideLiIcon01 {
    width: 68px;
    position: absolute;
    left: 0;
    top: 0;
}
.touSlideLiTxt01 {
    font-size: 25px;
    margin-bottom: 10px;
}
.touSlideLiTxt02 {
    font-size: 15px;
    line-height: 1.8em;
}
.touPhLi01 {
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.touPhLi01 li {
    width: 300px;
}
.touPhLiImg {
    position: relative;
    margin-bottom: 2px;
}
.touPhLiNum {
    position: absolute;
    font-size: 40px;
    color: #fff;
    background-color: #956134;
    width: 62px;
    height: 62px;
    top: -10px;
    left: -10px;
    border-radius: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}
.touPhLiTxt01 {
    font-size: 20px;
    font-weight: bold;
}
.touPhLiTxt02 {
    font-size: 15px;
}
.touTagArea {
    background-color: #231815;
    width: 100%;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    height: 60px;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.touTagTit {
    margin-left: 20px;
    width: 150px;
}
.touTagLi {
    list-style: none;
    display: flex;
    width: 1550px;
    align-items: center;
    justify-content: flex-start;
}
.touTagLi li {
    margin: 0 15px;
    white-space: nowrap
}
.touTagLi li a {
    color: #fff;
}
.touTagLi li:first-child {
    margin-left: 0;
}
.touTagLi li:last-child {
    margin-right: 0;
}
.arrowLeft{
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-right: 18px solid #fff;
  border-bottom: 18px solid transparent;
    margin: 3px 20px 0;
}
.arrowRight{
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
    margin: 3px 20px 0;
}

/* ------------------------------------------------------------------------------
観光記事　タグ検索結果
------------------------------------------------------------------------------ */
.touSlideLi02Box {
    list-style: none;
    width: 100%;
    display: flex;
    overflow: visible;
}

.touTagLi {
    overflow: visible;
}
.flickKekka {
    overflow: hidden;
}
.flickTag {
    overflow: hidden;
}

.touSlideLi02 {
    list-style: none;
    
}
.touSlideLi02 li {
    width: 630px;
    margin-bottom: 40px;
    margin-right: 50px;
}
.touSlideLi02 li a {
    display: flex;
    justify-content: space-between;
}
.touTagLiTitArea {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    border-bottom: 2px solid #231815;
    margin-bottom: 20px;
}
.touTagLiTit {
    font-size: 40px;
    font-weight: bold;
    margin-right: 10px;
}
.touTagLiTxt {
    font-size: 20px;
    padding-bottom: 5px;
}

/* ------------------------------------------------------------------------------
観光記事　詳細画面
------------------------------------------------------------------------------ */

.touDtlContArea {
    display: flex;
    justify-content: space-between;
}
.touDtlLcont {
    width: 1068px;
}
.touDtlRcont {
    width: 480px;
}
.touDtlPhLiArea {
    width: 940px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.touDtlPh {
    width: 556px;
}
.touDtlPhLi {
    width: 363px;
    list-style: none;
    display: flex!important;
    justify-content: space-between!important;
    flex-wrap: wrap;
}
.touDtlPhLi li {
    width: 48%!important;
    margin-bottom: 9px;   
}
.touDtlPhLi {
      margin: 0;
      justify-content: flex-start;
      /*width: 300px;*/
  }
.touDtlPhLiArea .swiper-slide {
    aspect-ratio: 557/409;
}
.touDtlPhLiArea .swiper-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.touDtlLcont .swiperThumb .swiper-slide {
    height: auto;
    opacity: 0.4;
}
.touDtlLcont .swiperThumb .swiper-slide-thumb-active {
  opacity: 1;
}

.touDtlMtit01 {
    font-size: 40px;
    margin-bottom: 10px;
}
.touDtlTxtBox01 {
    width: 1065px;
    height: 230px;
    background-color: #fff;
    box-shadow: 2px 2px 4px #c9caca inset;
    padding: 12px 15px;
    overflow-y: scroll;
}
.touDtlInfoBox {
    width: 477px;
    height: 560px;
    background-color: #fff;
    box-shadow: 2px 2px 4px #c9caca inset;
    padding: 12px 0px 0;
    overflow-y: scroll;
    margin-bottom: 50px;
}
.touDtlInfoBoxTxt {
    padding: 0 15px;
    margin-bottom: 20px;
}
.touDtlInfoTit {
    font-size: 28px;
    margin-bottom: 10px;
}
.touDtlTxt {
    font-size: 16px;
    margin-bottom: 6px;
}
.touDtlTxt02 {
    font-size: 16px;
}
.touDtlTxt03 {
    font-size: 12px;
    margin-bottom: 6px;
}
.touDtlTxt04 {
    font-size: 14px;
    margin-bottom: 20px;
}
.touDtlTxt04 span {
    font-size: 9px;
}
.touDtlQrArea {
    display: flex;
    justify-content: space-between;
}
.touDtlQrTit {
    width: 214px;
}
.touDtlQr {
    width: 109px;
}

/* ------------------------------------------------------------------------------
観光案内
------------------------------------------------------------------------------ */
.guiContArea {
    padding-bottom: 115px;
    position: relative;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.guiGenContArrow01 {
    padding: 10px;
    line-height: 0;
    background-image: url("../guide/img/arrow02_off.png");
    background-position: center center;
    background-size: 60px auto;
}
.guiGenContArrow01 img {
    width: 60px;
    height: 158px;
}
.guiGenContL {
    width: 1100px;
}
.guiGenContR {
    width: 440px;
    margin-top: 150px;
}
.guiSearchBox {
    background-color: #004093;
    height: 115px;
    width: 100%;
    position: absolute;
    bottom: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.guiSearchTit {
    font-size: 30px;
    font-weight: bold;
    margin-right: 40px;
}
.guiSearchDtl {
    font-size: 15px;
    position: relative;
    width: 480px;
}

.guiSearchBox form {
    display: flex;
    justify-content: center;
    align-items: center;
}
.guiSearchSel {
    background-color: #fff;
    border:2px solid #000;
    width: 480px;
    padding: 10px;
    position: relative;
  padding: 10px;
  width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    font-size: 25px;
}
/*IE用*/
.guiSearchSel::-ms-expand {
    display: block;
}
.guiSearchDtl:after {
  content: "";
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 52px;
    height: 53px;
    border:2px solid #000;
    background-image: url("../guide/img/arrow01.png");
    background-size: 49px auto;
    pointer-events: none;
}
.guiSearchDtlTxt02 {
    font-size: 60px;
    margin: 0 20px;
}
.guiSearchBtn {
    margin-left: 30px;
    display: inline-block;
  border-radius : 11px;
  font-size: 30px;
  text-align: center;
  
    border: 2px solid #000;
  background: rgb(137,137,137); /* Old browsers */
background: -moz-linear-gradient(top, rgba(137,137,137,1) 0%, rgba(239,239,239,1) 50%, rgba(137,137,137,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(137,137,137,1) 0%,rgba(239,239,239,1) 50%,rgba(137,137,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(137,137,137,1) 0%,rgba(239,239,239,1) 50%,rgba(137,137,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
}
.guiSearchBtn input {
    font-weight: bold;
    text-shadow: 2px 2px 0px #ffffff;
  padding: 10px 30px;
}
.guiGenContBox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.guiGenIconImg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin-left: -70px;
    margin-top: -70px;
}
.guiGenPh01,.guiGenPh02,.guiGenPh03,.guiGenPh04 {
    width: 540px;
    line-height: 0;
    box-shadow: 5px 5px 8px gray;
    overflow: hidden;
    background-position: center center;
    background-size: 550px auto;
    position: relative;
}
.guiGenPh01 a,.guiGenPh02 a,.guiGenPh03 a,.guiGenPh04 a {
    display: block;
    width: 100%;
    height: 370px;
}
.guiGenPh01 img,.guiGenPh03 img {
    width: 494px;
    position: absolute;
    top: 10px;
    left: 20px;
}
.guiGenPh02 img,.guiGenPh04 img {
    width: 145px;
    position: absolute;
    top: 10px;
    right: 20px;
}
.guiGenPh01 {
    margin-bottom: 20px;
    border-top-left-radius: 40px;
-webkit-border-top-left-radius: 40px;
-moz-border-radius-topleft: 40px;
    background-image: url("../guide/img/img01.jpg");
}
.guiGenPh02 {
    margin-bottom: 20px;
    background-image: url("../guide/img/img02.jpg");
    border-top-right-radius: 40px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topright: 40px;
}
.guiGenPh03 {
border-bottom-left-radius: 40px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomleft: 40px;
    background-image: url("../guide/img/img03.jpg");
}
.guiGenPh04 {
    background-image: url("../guide/img/img04.jpg");
border-bottom-right-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius-bottomright: 40px;
}
.guiGenTxt01 {
    font-size: 30px;
    border: 1px solid #000;
    display: inline-block;
    padding: 5px 10px;
}
.guiGenTxt02 {
    font-size: 60px;
    margin-bottom: 20px;
}
.guiGenTxt03 {
    font-size: 20px;
    margin-bottom: 10px;
}
.guiGenTxt04 {
    margin-bottom: 100px;
}


/* ------観光案内　検索結果一覧------- */
.guiSerCont {
    padding-top: 25px;
    padding-left: 40px;
    
}
.guiSerTitArea {
    display: flex;
    align-items: center;
}
.guiSerTit {
    font-size: 30px;
    border: 1px solid #000;
    padding: 10px 15px;
    margin-right: 15px;
    font-weight: bold;
}
.guiSerTitTxt {
    font-size: 20px;
}
.guiSerTitTxt span {
    color: red;
    font-weight: bold;
    font-size: 26px;
}
.guiSerSlideCont {
    width: 100%;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.guiSerSlideArea {
    list-style: none;
    display: flex;
    width: 1500px!important;
    margin: 0 30px;
    overflow: visible;
    background-color: inherit;
    padding-left: 140px;
}
.guiSerSlideArea li {
    margin-right: 20px;
}
.guiSerSlideDtl {
    list-style: none;
}
.guiSerSlideDtl li {
    width: 310px;
    margin-bottom: 40px;
    font-size: 16px;
    height: 300px;
    text-align: left;
}
.guiSerSlideDtl li div {
    margin-bottom: 5px;
}
.guiSerSlideDtl li span {
    font-size: 9px;
}

.guiSerSlideCont {
    width: 1700px;
}

.guiSerContArea .swiper {
    height: auto;
    background-color: inherit;
}

.swiper-button-next,
.swiper-button-prev,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    width: 128px;
    height: 263px;
    background-size: 128px 263px;
    margin-top: -132px;
}
.swiper-button-next {
background-image: url(../guide/img/serch/slide_arrow_r_on.png);
}
.swiper-button-next.swiper-button-disabled {
background-image: url(../guide/img/serch/slide_arrow_r_off.png);

}
.swiper-button-prev {
background-image: url(../guide/img/serch/slide_arrow_l_on.png);
}
.swiper-button-prev.swiper-button-disabled {
background-image: url(../guide/img/serch/slide_arrow_l_off.png);
opacity:1;
}
.swiper-button-prev:after,
.swiper-button-next:after {
display:none;
}


/* ------観光案内　詳細画面------- */

.guiDtlContArea {
   padding: 40px;
}

.guiDtlContArea01 {
    width: 100%;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.guiDtlContL {
    width: 608px;
}

.guiDtlSlideImg {
    /*margin-bottom: 20px;*/
}
.guiDtlSlideLi {
    display: flex;
    list-style: none;
    justify-content: flex-start;
}
.guiDtlSlideLi li {
    width: 23%;
    margin-right: 20px;
}
.guiDtlSlideLi li:last-child {
    margin-right: 0
}
.guiDtlContR {
    width: 1072px;
}
.guiDtlContR02 {
    width: 930px;
}
.guiDtlContR03 {
    width: 100%;
    display: flex;
}
.guiDtlTxt01 {
    font-size: 60px;
    line-height: 1em;
    margin-bottom: 10px;
    font-weight: bold;
}
.guiDtlGenTxt01 {
    background-color: #fff;
    border: 1px solid #000;
    display: inline-block;
    width: 300px;
    padding: 5px 10px;
    float: right;
    margin-bottom: 10px;
}
.guiDtlTxt02Box {
    clear: both;
    width: 930px;
    height: 300px;
    background-color: #fff;
    box-shadow: 2px 2px 4px #c9caca inset;
    padding: 12px 15px;
    margin-bottom: 20px;
    overflow-y: scroll;
}
.guiDtlTxt02Dtl01 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.guiDtlTxt02Dtl02 {
    font-size: 25px;
}
.guiDtlContR03 {
    display: flex;
    justify-content: space-between;
}
.guiDtlMap {
    margin-right: 30px;
}
.guiDtlMap iframe {
    width: 356px;
    height: 181px;
    box-shadow: 2px 2px 4px #c9caca inset;
}
.guiDtlMapTxtBox {
    display: flex;
    background-color: #fff;
    box-shadow: 2px 2px 4px #c9caca inset;
    width: 690px;
    height: 180px;
    padding: 15px;
    justify-content: space-between;
    overflow-y: scroll;
}
.guiDtlMapTxt {
    list-style: none;
}
.guiDtlMapTxt li {
    margin-bottom: 5px;
}
.guiDtlMapQr {
    width: 120px;
    font-size: 12px;
    line-height: 1.2em;
}
.guiDtlMapQr img {
    border: 1px solid #000;
    margin-bottom: 5px;
}
.guiDtlMtit01 {
    font-size: 23px;
    font-weight: bold;
    margin: 10px 0 20px;
}
.guiDtlSpotLi {
    list-style: none;
    display: flex;
    justify-content: flex-start;
}
.guiDtlSpotLi li {
    width: 410px;
    margin-right: 35px;
    display: flex;
    justify-content: space-between;
}
.guiDtlSpotLi li:last-child {
    margin-right: 0;
}
.guiDtlSpotPh {
    width: 185px;
}
.guiDtlSpotTxtBox {
    width: 214px;
    height: 185px;
    background-color: #fff;
    box-shadow: 2px 2px 4px #c9caca inset;
    padding: 5px;
    overflow-y: scroll;
}
.guiDtlSpotTxt01 {
    font-size: 20px;
    font-weight: bold;
}

/* ------観光案内　エリア選択------- */

.guiAreContArea {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.guiAreContL {
    width: 1195px;
    position: relative;
}
.guiAreContR {
    width: 530px;
    position: absolute;
    right: 50px;
}
.guiAreTxtBox01 {
   margin-left: 77px;
    margin-top: 160px;
    margin-bottom: 40px;
}
.guiAreTxtBox02 {
    display: flex;
}
.guiAreaMtit01 {
    padding-left: 15px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.guiAreaMtit02 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.guiAreaTxt01 {
    font-size: 30px;
    border: 1pX solid #000;
    display: inline-block;
    padding: 2px 10px;
    margin-bottom: 20px;
}
.guiAreaTxt02 {
    font-size: 55px;
    margin-bottom: 15px;
    display: flex;
}
.guiAreIcon {
    width: 63px;
    margin-right: 15px;
}
.guiAreBtnLiArea {
    display: flex;
}
.guiAreLiBox {
    
}
.guiAreLi01 {
    list-style: none;
    margin-right: 15px;
}
.guiAreLi01 li {
    margin-bottom: 15px;
}
.guiAreLi01 li a {
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    width: 214px;
    display: block;
    border: 1px solid #000;
    background-color: #b0afd7;
    text-align: center;
    padding: 12px 0;
    box-shadow: 2px 2px 4px;
}
.guiAreLi01 li a.col01 {
    background-color: #f1d8e1;
}
.guiAreLi01 li a.col02 {
    background-color: #d5e3d4;
}
.guiAreLi01 li a.col03 {
    background-color: #fbd8b5;
}
.guiAreLi01 li a.col04 {
    background-color: #fff5d7;
}
.guiAreLi01 li a.col05 {
    background-color: #bbdcf4;
}

/* ------イベントスケジュール------- */

.sdgsContArea {
    background-color: inherit;
}
.sdgsContDtlArea {
    width: 1660px;
}
.sdgsTitArea {
    background-color: rgba(255,255,255,0.85);
    display: flex;
    padding: 20px 40px;
    margin-bottom: 16px;
    justify-content: space-between;
    align-items: center;
    height: 110px;
}
.sdgsTit {
    font-size: 35px;
}
.sdgsShopTit {
    width: 770px;
}
.sdgsContDtl {
    background-color: rgba(255,255,255,0.85);
    position: relative;
    padding-top: 20px;
    padding-bottom: 50px;
}
.sdgsLogo {
    width: 670px;
}
.sdgsLogo img {
    width: 100%;
    height: auto;
}
.sdgsCalTxt {
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sdgsCalTxt01 {
    font-size: 40px;
    font-weight: bold;
    color: #B43949;
}
.sdgsCalTxt02 {
    font-size: 15px;
}
.sdgsCalImg {
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
}


/* TABP+SPL */
@media screen and (max-width: 959px) {
    #wrap {}
}/* /TABP+SPL */

/* SPP */
@media screen and (max-width: 599px) {
    #wrap {}
}/* /SPP */

/* IEonly */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	#wrap {}
}/* /IEonly */