@charset "utf-8";
@import url("./recommend.css");
/* --------------
 reset
-------------- */
input[type="submit"],label {
	cursor: pointer;
}

/* --------------
 base
-------------- */
.ifsp {display: none !important;}
.ifpcalc { text-align: center; }

a img,
li,
a .inner,
a:before,
a:after {
	-webkit-transition: ease 0.1s ;
	transition: ease 0.1s ;
}
a:hover img,
a:hover:before,
a:hover:after,
li:hover,
a:hover .inner{
	-webkit-transition: ease 0.4s ;
	transition: ease 0.4s ;
}

a {
	-webkit-transition: ease 0.1s ;
	transition: ease 0.1s ;
}
a:hover{
	-webkit-transition: ease 0.4s ;
	transition: ease 0.4s ;
}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}
.flc { margin-left: auto; margin-right: auto;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd48 {width: 48% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd69 {width: 69% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}



.wdx500p { max-width: 500px; }
.wdx600p { max-width: 600px;}
.wdx640p { max-width: 640px;}
.wdx800p { max-width: 800px; }
.wdx960p { max-width: 960px; }
.wdx1200p { max-width: 1200px; }


/* ----- images */
.imgL {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.imgR {
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
}

/* ----- base width */
#siteHeader, #siteFooter {
}
body,
#header,
#footer,
#container,
.fixed{
	width: 100%;
	min-width: 768px;
}

.in {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.flexwrap {
  display: flex;
}
.flexwrap:after {
  display: none;
}

.flex_wrap{
  display: flex;
  flex-wrap: wrap;
}

.as-start { align-self: flex-start;}
.as-end { align-self: flex-end;}
.as-center { align-self: center;}


/* --------------
 common
-------------- */

/* =header
-------------------------------------------------------------- **/
#header {
}

#header aside {
	padding: 5px 0;
}
#header aside .flexwrap {
  justify-content: space-between;
  align-items: center;
}
#header aside .sitetxt {
}
#header aside .header-aside-menu {
  margin: 5px;
	text-align: right;
}
/* =siteHeader
---------------------------------------------------- */
#siteHeader {
}
#siteHeader .flexwrap {
  padding: 5px 0;
  position: relative;
}

.fixed#siteHeader .flexwrap{
  padding: 0;
}

#siteHeader .logo {
  align-self: center;
}

.fixed#siteHeader .logo img{
  width: 80%;
}

.fixed#siteHeader h1{
  text-align: right;
}


/* =globalNav
---------------------------------------------------- */

#globalNav {
  width: 70%;
  margin: 10px;
  padding: 10px 0;
  padding-top: 0;
  background: #fff;
  border-radius: 10px;
  font-size: .8em;
  text-align: center;
}
#globalNav ul {
  justify-content: space-between;
}
/*#globalNav li {
  width: 100%;
}*/
#globalNav a {
	padding: .25em;
}
#globalNav .menu-header-icon {
  font-size: 3em;
}

#globalNav li.menu-header-machiaruki .menu-header-txt {
  letter-spacing: -.1em;
}

.fixed #globalNav .menu-header-icon {
  font-size: 1.5em;
}



#subNav {
  align-self: center;
	position: relative;
	z-index: 100;
	color: #222;
	white-space: nowrap;
}
#subNav a {
	color: #222 !important ;
}
#subNav dl {
  position: relative;
  background: #fff;
	text-align: left;
}
#subNav dt {
  cursor: pointer;
  padding: .5em 1em;
  line-height: 1;
  width: 8em;
  box-shadow: 1px 1px 0 #ccc inset, -1px -1px 0 #ccc inset;
}
#subNav dd {
  position: absolute;
  top: 2em;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  border: #ccc solid 1px;
  border-top: 0;
  -webkit-transition: ease .1s;
  transition: ease .1s;
  background: #fff;
  opacity: 0;
}
#subNav dl:hover dd {
  -webkit-transition: ease .4s;
  transition: ease .4s;
  opacity: 1;
  height: auto;
}
#subNav a {
  display: block;
  padding: .25em .5em;
  border-top: #ccc solid 1px;
}

@media screen and (max-width: 1024px) { /*以下の時*/
/*  #siteHeader .logo {
    padding-bottom: 2rem;
    width: 30%;
  }
  #subNav {
    position: absolute;
    top: 70%;
    left: 10%;
  }*/
}

/* =container
-------------------------------------------------------------- **/
#container {
}
.contents {
	width: 100%;
	position: relative;
}

.clm2, .clm3, .clm4, .clm5, .clm6,
.clm1-2 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px;
}
.clmnosp {
	margin-left: 0;
}
.clm2 > * {
	width: calc((100% / 2) - 10px );
}
*::-ms-backdrop, .clm2 > * {
  width: calc(50% - 10px); /* IE11 */
}
.clm3 > * {
	width: calc((100% / 3) - 10px );
}
*::-ms-backdrop, .clm3 > * {
  width: calc(33.33% - 10px); /* IE11 */
}
.clm4 > * {
	width: calc((100% / 4) - 10px );
}
*::-ms-backdrop, .clm4 > * {
  width: calc(25% - 10px); /* IE11 */
}
.clm5 > * {
	width: calc((100% / 5) - 10px );
}
*::-ms-backdrop, .clm5 > * {
  width: calc(20% - 10px); /* IE11 */
}
.clm6 > * {
	width: calc((100% / 6) - 10px );
}
*::-ms-backdrop, .clm6 > * {
  width: calc(16.66% - 10px); /* IE11 */
}
.clm10 > * {
	width: calc((100% / 10) - 10px );
}
*::-ms-backdrop, .clm10 > * {
  width: calc(10% - 10px); /* IE11 */
}

.clm2.clmnosp > * {
	width: calc((100% / 2) );
}
*::-ms-backdrop, .clm2.clmnosp > * {
  width: calc(50%); /* IE11 */
}
.clm3.clmnosp > * {
	width: calc((100% / 3));
}
*::-ms-backdrop, .clm3.clmnosp > * {
  width: calc(33.33%); /* IE11 */
}
.clm4.clmnosp > * {
	width: calc((100% / 4));
}
*::-ms-backdrop, .clm4.clmnosp > * {
  width: calc(25%); /* IE11 */
}
.clm5.clmnosp > * {
	width: calc((100% / 5));
}
*::-ms-backdrop, .clm5.clmnosp > * {
  width: calc(20%); /* IE11 */
}
.clm6.clmnosp > * {
	width: calc((100% / 6));
}
*::-ms-backdrop, .clm6.clmnosp > * {
  width: calc(16.66%); /* IE11 */
}



.clm2 > *, .clm3 > *, .clm4 > *, .clm5 > *, .clm6 > *, .clm10 > * {
	margin-left: 10px;
}
.clm2.clmnosp > *, .clm3.clmnosp > *, .clm4.clmnosp > *, .clm5.clmnosp > *, .clm6.clmnosp > * {
	margin-left: 0;
}

.clm2 > * >a, .clm3 > * >a, .clm4 > * >a, .clm5 > * >a, .clm6 > * >a, .clm10 > * >a {
	position: relative;
	display: block;
	height: 100%;
}

.mainSlide {
  max-height: 70vh;
  overflow: hidden;
}


/* =sidebar
---------------------------------------------------- */

/* =aside
------------------------------------------ */



/* =bnrarea
-------------------------------------------------------------- **/

/* =footer
-------------------------------------------------------------- **/

#footerInfo {
}

#footerInfo h2 {
  float: left;
  margin-right: 20px;
}
#footerInfo p {
  float: left;
}

.footmenu {
	text-align: center;
}
.footmenu li {
	display: inline-block;
	padding: 5px 20px;
}

/* =siteFooter
---------------------------------------------------- */

/* =copyright
---------------------------------------------------- */

#copyright {
}

/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
}



/* --------------
 page contents
-------------- */

.card a figure .centerPhoto {
	-webkit-transition: ease 0.1s ;
	transition: ease 0.1s ;
}
.card a:hover figure .centerPhoto {
/*	-webkit-transition: ease 0.4s ;
	transition: ease 0.4s ;
  transform: scale(1.1) rotate(3deg);*/
	opacity: .7;
}

.card-circle a:hover figure .centerPhoto {
	-webkit-transition: ease 0.4s ;
	transition: ease 0.4s ;
  transform: rotateY(360deg);

}

/* =home
---------------------------------------------------- */

.home-contents-header h2 {
  display: inline-block;
  font-size: 2rem;
  margin-left: .5em;
  margin-right: .5em;
}
.home-contents-header p {
  display: inline-block;
}

.home-event-cont1 .card ,
.home-event-cont1 .card a {
  height: 100%;
}




.list-ranking {
  text-align: center;
}
.list-ranking li {
  display: inline-block;
  width: 150px;
	vertical-align: top;
}

@media screen and (min-width: 1201px) { /*以上の時*/
	.home .mainSlide .slick-slide {
		width: 100%;
		max-width: 1000px;
	}

	.mainSlide .slide-arrow.prev-arrow {
		left: 10%;
	}
	.mainSlide .slide-arrow.next-arrow {
		right: 10%;
	}
}



/* 下層ページ
--------------------------------------------------- */


.lower.photo2018 .awardList li:nth-of-type(2),
.lower.photo2018 .awardList li:nth-of-type(3),
.lower.photo2017 .awardList li:nth-of-type(2),
.lower.photo2017 .awardList li:nth-of-type(3),
.lower.photo2016 .awardList li:nth-of-type(2),
.lower.photo2016 .awardList li:nth-of-type(3),
.lower.photo2015 .awardList li:nth-of-type(2),
.lower.photo2015 .awardList li:nth-of-type(3),
.lower.photo2014 .awardList li:nth-of-type(2),
.lower.photo2014 .awardList li:nth-of-type(3){
  width: calc((100% / 2) - 10px );
  margin-left: 10px;
}

.lower.photo2018 .awardList li:nth-of-type(n+4),
.lower.photo2017 .awardList li:nth-of-type(n+4),
.lower.photo2016 .awardList li:nth-of-type(n+4),
.lower.photo2015 .awardList li:nth-of-type(n+4),
.lower.photo2014 .awardList li:nth-of-type(n+4){
  width: calc((100% / 3) - 10px );
  margin-left: 10px;
}

/*------travel-------*/
.gridwrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
/*-------------------*/

/*----- fukagawameshi -----*/


/*矢印の設定*/
.fm_slider .slick-prev,
.fm_slider .slick-next {
  position: absolute;
  z-index: 12;
  top: 42%;
  cursor: pointer;/*マウスカーソルを指マークに*/
  outline: none;/*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #fff;/*矢印の色*/
  border-right: 2px solid #fff;/*矢印の色*/
  height: 25px;
  width: 25px;
}
.fm_slider .slick-prev {/*戻る矢印の位置と形状*/
  left:25%;
  transform: rotate(-135deg);
}
.fm_slider .slick-next {/*次へ矢印の位置と形状*/
  right:2.5%;
  transform: rotate(45deg);
}


.fm_slider .slick-list.draggable {
  width: 77%;
  margin-left: auto;
}
.mvSideCont {
  width: 23%;
  min-width: 180px;
}


#fukagawaMv {
  padding: 10vw 0;
}
#fukagawaMv h1{
  width: 140px;
  margin: 0 auto 1.5em;
 }
 #fukagawaMv nav{
  width: 250px;
  margin-left: 1%;
  margin-bottom: 2em;
 }
 .fukagawameshi .credit {
  top: 88%;
}

    @media screen and (max-width:960px){
      #fukagawaMv  nav {
        width: 20vw;
        font-size: 1.4vw;
      }
      #fukagawaSub_nav .nav_wrap {
        padding: 0 30px;
      }
      /*introduction*/
      #introduction-kiyosumi .cont-in,#introduction-monzennaka .cont-in,#introduction-kiba .cont-in {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
      }


    }


    #fukagawaMv  nav ul li{
  margin-bottom: 22px;
  }
  #fukagawaMv nav ul li:last-child{
    margin-bottom: 0;
  }


  /* 2/29add fukagawam  detail */
    /*detail*/
    .detail-container .img-box img {
      width: 350px;
    }
    .detail-container .slider-container{
      width:50%;
      margin:0 auto;
    }
    .detail-container #slider img{
      height: 400px;
    }
    .detail-container #thumbs img{
      height: 100px;
    }
  /* ------------------------- */

.fukagawameshi .cont-in {
  padding-left: 7em;
  padding-right: 7em;
}


#fukagawameshi-about {
  writing-mode:vertical-rl;
}
#fukagawameshi-about .aboutImg {
  margin-left: 40px;
}
#fukagawameshi-about .aboutTxt {
  margin-left: 40px;
}
#fukagawameshi-about .aboutTtl {
  margin-left: 20px;
}
#fukagawameshi-about .aboutBtn {
  text-align: end;
}
#fukagawameshi-about .aboutBtn a{
  padding: 22px 9px;
}
#fukagawameshi-about .aboutBtn span {
  display: inline-block;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}

.cont-in2 {
  padding-left: 1em;
  padding-right: 1em;
}
#fukagawameshi-shop ul li{
  margin: 1em 1em 1em 40px;

}
#fukagawameshi-shop ul li:first-of-type {
  margin-left: 0;
}
#fukagawameshi-shop .shopRandomCont .shopMore {
  margin-top: 3em;
}

#fukagawameshi-map h2{
  margin-bottom: 1em;
}

/* ---------------------------- */




/* =sitemap
---------------------------------------------------- */
.sitemapmenu {
  columns: 15em;
  column-gap: 1em;
}

.sitemapmenu li a {
	color: #222;
}
.sitemapmenu > li {
  page-break-inside: avoid;
  break-inside: avoid;
	margin: 10px 0;
}
.sitemapmenu .sitemapmenu-small {
  margin-left: 1em;
}

.sitemapmenu .sitemapmenu-small li:before {
  content: '- ';
}

.bnrBtn {
	width: 800px !important;
}



/* = top insta
---------------------------------------------------- */

.list-instagram {
  display: flex;
  flex-wrap: wrap;
}
.list-instagram li {
  width: 16.66%;
  width: calc(100% / 6);
}

.list-instagram li figure {
  margin: 0;
}

.machiaruki-contents {
  display: grid;
  grid-template-columns: 7fr 3fr;
}

/* add2025 */
.pc_none{
  display: none;
}