@charset "utf-8";

.page-story{
	width:1280px;
}

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

.page-story{
	width:94%;
}

}

.page-story .main-box{
	position:relative;
	padding:20px 150px;
	background:url(../img/story/bg.jpg) no-repeat;
	background-size:cover;
}

.page-story .main-box .main-logo,
.page-story .main-box .main-ttl{
	position:absolute;
}

.page-story .main-box .main-logo{
	top:20px;
	right:20px;
}

.page-story .main-box .main-ttl{
	margin-left:150px;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-story .main-box .main-ttl-sp{
	display:none;
}

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

.page-story .main-box{
	padding:20px 70px 20px 20px;
}


.page-story .main-road img{
	width:30%;
	height:auto;
}

.page-story .main-logo img{
	width:50px;
	height:91px;
}


.page-story .main-box .main-ttl{
	margin-left:0;
}

}

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

.page-story .main-box{
	padding:15px;
	text-align:center;
}

.page-story .main-road{
	position:relative;
}

.page-story .main-road img{
	margin:0 auto;
	width:150px;
	height:191px;
}


.page-story .main-box .main-logo{
	top:10px;
	right:10px;
}

.page-story .main-box .main-ttl{
	display:none;
}

.page-story .main-box .main-ttl-sp{
	display:block;
	margin-top:15px;
}

.page-story .main-box .main-ttl-sp img{
	margin:0 auto;
}

}

.page-story:not(.page-story-cultural) h2{
	margin:50px 0 0;
	font-family:'F+UD TsukuMin R';
	font-size:2.2rem;
	text-align:center;
	letter-spacing:.2em;
}

.site-en .page-story h2{
	letter-spacing:0;
}


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

.page-story h2{
	font-size:1.8rem;
}

}

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

.page-story h2{
	margin:20px 0 0;
	font-size:1.6rem;
	text-align:left;
	letter-spacing:0;
}

.page-story h2 br{
	display:none;
}

}

.page-story .inner{
	width:1000px;
	margin:0 auto;
}

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

.page-story .inner{
	width:100%;
}

}

.page-story:not(.page-story-cultural) h3{
	position:relative;
	display:inline-block;
	margin-bottom:60px;
	font-family:'F+UD TsukuMin R';
	font-size:2rem;
	letter-spacing:.2em;
}

.site-en .page-story:not(.page-story-cultural) h3{
	letter-spacing:0;
}

.page-story:not(.page-story-cultural) h3:before{
	content:"";
	position:absolute;
	bottom:-20px;
	display:inline-block;
	width:20px;
	height:1px;
	left:50%;
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	background:#CE1F29;
}

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

.page-story:not(.page-story-cultural) h3{
	margin-bottom:40px;
	font-size:1.6rem;
	letter-spacing:0;
}

}

.page-story .ttl-warp{
	text-align:center;
}




.page-story .sec1 p:nth-of-type(n+2),
.page-story .sec2 p:nth-of-type(n+2),
.page-story .sec3 p:nth-of-type(n+2),
.page-story .sec4 p:nth-of-type(n+2){
	margin-top:40px;
}

.page-story .sec2,
.page-story .sec3,
.page-story .sec4{
	margin-top:80px;
}

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

.page-story .sec1 p:nth-of-type(n+2),
.page-story .sec2 p:nth-of-type(n+2),
.page-story .sec3 p:nth-of-type(n+2),
.page-story .sec4 p:nth-of-type(n+2){
	margin-top:20px;
}

.page-story .sec2,
.page-story .sec3,
.page-story .sec4{
	margin-top:50px;
}


}

.page-story .sec1{
	margin-top:80px;
}

.page-story .sec1 .left{
	float:left;
	width:35%;
}

.page-story .sec1 .left img{
	margin:0 auto;
}

.page-story .sec1 .right{
	float:right;
	width:60%;
	margin-top:60px;
}

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

.page-story .sec1{
	margin-top:30px;
}

.page-story .sec1 h2{
	text-align:center;
}

.page-story .sec1 .left,
.page-story .sec1 .right{
	float:none;
	width:100%;
	margin-top:20px;
}

.page-story .sec1 .right{
	margin-top:20px;
}


}




.page-story .sec3 .left{
	float:left;
	width:60%;
}

.page-story .sec3 .right{
	float:right;
	width:35%;
}

.page-story .sec3 ul.story-photo-list.story-photo-list-vertical{
	margin-top:0;
}

.page-story .sec3 ul.story-photo-list.story-photo-list-vertical li{
	position:relative;
	float:none;
	width:100%;
	margin-right:0;
}

.page-story .sec3 ul.story-photo-list.story-photo-list-vertical li:nth-child(n+2){
	margin-top:20px;
}

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

.page-story .sec3 .left,
.page-story .sec3 .right{
	float:none;
	width:100%;
}

.page-story .sec3 .right{
	margin-top:20px;
}

}














ul.story-photo-list{
	margin-top:40px;
}

ul.story-photo-list li figure{
	position:relative;
	overflow:hidden;
	display:block;
	width:100%;
}

ul.story-photo-list li figure figcaption{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  z-index:2;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.3);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transition:.5s;
  transition:.5s;
  opacity:0;
  color:#fff;
  text-align:center;
}

ul.story-photo-list li figure:hover figcaption {
  -webkit-transform:rotateY(0);
  transform:rotateY(0);
  opacity:1;
}

ul.story-photo-list li figure figcaption p{
	-webkit-transition:opacity 0.5s ease-out, top 0.5s ease-out;
	-moz-transition:opacity 0.5s ease-out, top 0.5s ease-out;
	-o-transition:opacity 0.5s ease-out, top 0.5s ease-out;
	transition:opacity 0.5s ease-out, top 0.5s ease-out;
	opacity:0;
	position:relative;
	top:55%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size:18px;
	font-size:1.8rem;
}

ul.story-photo-list li a:hover p{
	opacity:1;
	top:50%;
}


ul.story-photo-list li figure img{
	width:100%;
	vertical-align:bottom;
	-webkit-transition:all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition:all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition:all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition:all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

ul.story-photo-list li figure:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.15);
    transform: scale(1.1, 1.1);
}

ul.story-photo-list li{
	position:relative;
	float:left;
	width:32%;
	margin-right:2%;
}

ul.story-photo-list li:nth-child(n+4){
	margin-top:7%;
}

ul.story-photo-list li figure img{
}

ul.story-photo-list li .photo-ttl{
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	background:rgba(0,0,0,.7)
}

ul.story-photo-list li .photo-ttl h4{
	padding:.2em;
	color:#fff;
}

ul.story-photo-list li .photo-ttl h3,
ul.story-photo-list li .photo-ttl p{
	margin-top:.5em;
}


@media screen and (min-width:768px) {

ul.story-photo-list li:nth-child(3n){
	margin-right:0;
}

}

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

ul.story-photo-list{
	margin-top:20px;
}

.page-story .sec3 ul.story-photo-list.story-photo-list-vertical li{
	float:left;
}

.page-story .sec3 ul.story-photo-list.story-photo-list-vertical li:nth-child(n+2) {
    margin-top:0;
}

ul.story-photo-list li,
.page-story .sec3 ul.story-photo-list.story-photo-list-vertical li{
	width:47.5%;
	margin-right:5%;
}

ul.story-photo-list li:nth-child(even),
.page-story .sec3 ul.story-photo-list.story-photo-list-vertical li:nth-child(even){
	margin-right:0;
}

ul.story-photo-list li:nth-child(n+3),
.page-story .sec3 ul.story-photo-list.story-photo-list-vertical li:nth-child(n+3){
	margin-top:5%;
}

ul.story-photo-list li .photo-ttl h4{
	font-size:1.1rem;
}

}








/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}


/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding:0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close{
  position:absolute;
  top:-37px;
  left:0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #fff;
  border: 0;
  outline: 0;
  background:#A37E39;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #fff;
  background:#683E0D;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.modal-dtl img{
	margin:0 auto;
}

.modal-dtl h4{
	margin:0;
	padding:.5em;
	font-size:16px;
	font-size:1.6rem;
	text-align:left;
	background:#000;
	color:#fff;
}







/* =====================
  spot
===================== */

.page-story-cultural .tab-box-inner img{
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit: cover; object-position: 50% 50%;';
	width:100%;
	height:200px;
}

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

.page-story-cultural .tab-box-inner img{
	height:150px;
}

}

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

.page-story-cultural .tab-box-inner img{
	height:120px;
}

}

.page-story-cultural .tab-box-inner{
	display:none;
	max-width:980px;
	margin:0 auto;
}

.page-story-cultural #tab-cultural ul li,
.page-story-cultural .area-list li{
	position:relative;
	float:left;
	width:32%;
	margin:40px 2% 10px 0;
	text-align:left;
}

.page-story-cultural #tab-cultural ul li{
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
}

.page-story-cultural #tab-cultural ul li em{
	position:absolute;
	top:-8px;
	left:-8px;
	width:40px;
	height:40px;
	line-height:40px;
	background:#000;
	border-radius:50%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:20px;
	font-size:2rem;
	color:#fff;
	text-align:center;
}

.page-story-cultural #tab-cultural ul li figure{
	box-shadow:0 4px 3px -3px rgba(0,0,0,0.2);
}

.page-story-cultural .tab-box-inner ul li h3{
	margin:10px 0 5px;
	font-family:'F+UD TsukuMin R';
	font-size:16px;
	font-size:1.6rem;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}

.page-story-cultural .tab-box-inner ul li{
	transition:all .4s;
}

.page-story-cultural .tab-box-inner ul li:hover{
    opacity:0.7;
}

.page-story-cultural .tab-box-inner ul li a span{
	display:block;
	margin-top:2px;
	font-size:12px;
	font-size:1.2rem;
}

.page-story-cultural .tab-box-inner#tab-area{
	display:none;
	max-width:980px;
	margin:40px auto 0;
	text-align:left;
}

.page-story-cultural .search-box{
	padding:30px 40px;
	background:#fff;
	border:1px solid #dadada;
	border-radius:3px;
}

.page-story-cultural .search-box dl.search-keyword li:first-child{
	float:left;
	width:75%;
}

.page-story-cultural .search-box dl.search-keyword li:last-child{
	float:right;
	width:23%;
}

.page-story-cultural .search-box dl.search-keyword input[type="text"] {
	width:100%;
	padding:.5em;
	background:#fff;
	border:1px solid #dadada;
	border-radius:.4em;
	text-align:left;
}

.page-story-cultural .search-box dl.search-keyword button,
.page-story-cultural .search-box dl.search-keyword a{
	display:block;
	width:100%;
	background:#111;
	font-family:'Noto Sans Japanese', sans-serif;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	cursor:pointer;
	text-align:center;
}


.page-story-cultural .search-box dl dt{
	float:left;
	clear:left;
	padding-top:5px;
	font-family:'F+UD TsukuMin R';
	font-size:14px;
	font-size:1.4rem;
}

.page-story-cultural .search-box dl dd{
	padding-left:140px;
	text-align:left;
}

.page-story-cultural .search-box dl dd ul{
	position:relative;
}

.page-story-cultural .search-box dl dd ul::before{
    content:":";
    position:absolute;
	top:5px;
    left:-30px;
}

.page-story-cultural .search-box dl.search-area,
.page-story-cultural .search-box dl.search-spec{
	margin-top:40px;
}

.page-story-cultural .search-box dl.search-area ul,
.page-story-cultural .search-box dl.search-spec ul{
	top:-10px;
}

.page-story-cultural .search-box dl.search-area ul::before,
.page-story-cultural .search-box dl.search-spec ul::before{
	top:15px;
}

.page-story-cultural .search-box dl.search-area li,
.page-story-cultural .search-box dl.search-spec li{
	float:left;
	margin-top:15px;
	margin-right:10px;
}

.page-story-cultural .search-box dl dd li a{
	padding:5px;
	border-radius:.4em;
}

.page-story-cultural .search-box dl dd .search-area li a{
	color:#fff;
}

.page-story-cultural .search-box dl dd .search-area li:nth-child(1) a{background:#3FA8BB;}
.page-story-cultural .search-box dl dd .search-area li:nth-child(2) a{background:#E67636;}
.page-story-cultural .search-box dl dd .search-area li:nth-child(3) a{background:#7AA516;}
.page-story-cultural .search-box dl dd .search-area li:nth-child(4) a{background:#E5677F;}
.page-story-cultural .search-box dl dd .search-area li:nth-child(5) a{background:#0F6BB8;}
.page-story-cultural .search-box dl dd .search-area li:nth-child(6) a{background:#CC9900;}
.page-story-cultural .search-box dl dd .search-area li:nth-child(7){display:none;}
/*.page-story-cultural .search-box dl dd .search-area li:nth-child(7) a{background:#888;}*/


.page-story-cultural .search-box dl dd .search-spec li a{
	border:1px solid #dadada;
}



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

.page-story-cultural .tab-box-inner,
.page-story-cultural .tab-box-inner#tab-area{
	max-width:94%;
}

.page-story-cultural .search-box{
	padding:20px;
}

.page-story-cultural .area-list li{
	margin-top:20px;
}

.tab-box-inner ul li p{
	display:none;
}

}

@media screen and (min-width:768px) {

.page-story-cultural .area-list li:nth-child(3n){
	margin-right:0;
}

.page-story-cultural #tab-cultural ul li:nth-child(3n){
	margin-right:0;
}

}

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

.page-story-cultural .search-box{
	padding:10px;
}

.page-story-cultural #spot-tab{
	width:94%;
}

.page-story-cultural #spot-tab li a{
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:0;
}

.page-story-cultural #spot-tab li a::before{
	display:none;
}

.page-story-cultural .tab-box{
	padding-bottom:30px;
}

.page-story-cultural #tab-cultural.tab-box-inner ul{
	margin-top:0;
}

.page-story-cultural #tab-cultural.tab-box-inner ul li{
	padding:5px;
	margin-bottom:0;
}

.page-story-cultural #tab-cultural ul li em{
	top:-8px;
	left:-4px;
	width:30px;
	height:30px;
	line-height:30px;
	font-style:italic;
	font-size:16px;
	font-size:1.6rem;
}

.page-story-cultural h3.search-ttl,
.page-story-cultural .tab-box-inner ul li h3{
	margin:5px 0 0;
	font-size:14px;
	font-size:1.4rem;
}

.page-story-cultural .tab-box-inner#tab-area .area-box{
	display:none;
}

.page-story-cultural .tab-box-inner#tab-area{
	margin-top:20px;
}


.page-story-cultural .area-list li{
	width:48%;
	margin:20px 4% 10px 0;
	text-align:left;
}

.page-story-cultural .area-list li:nth-child(even){
	margin-right:0;
}

.page-story-cultural .search-box dl dt{
	float:none;
	padding-top:0;
	margin-bottom:5px;
}


.page-story-cultural .search-box dl dt::after{
    content:":";
}

.page-story-cultural .search-box dl dd{
	padding-left:0;
}

.page-story-cultural .search-box dl dd ul::before{
	display:none;
}

.page-story-cultural .search-box dl.search-area,
.page-story-cultural .search-box dl.search-spec{
	margin-top:10px;
}

.page-story-cultural #tab-cultural ul li{
	width:48%;
	margin:20px 4% 10px 0;
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
	text-align:left;
}

.page-story-cultural #tab-cultural ul li:nth-child(even){
	margin-right:0;
}

.page-story-cultural .search-box dl dd li a{
	padding:5px;
}

}




.page-story-cultural ul.spot-area{
	margin:1.5em 0;
}

.page-story-cultural .spot-detail-box{
	max-width:980px;
	margin:0 auto;
}

.page-story-cultural .spot-area li.spec{
	border:1px solid #000;
	border-radius:3px;
}

.page-story-cultural .spot-area li.spec::before{
	display:inline-block;
	padding:5px 10px;
	content:"指定状況";
	background:#000;
	font-weight:normal;
	color:#fff;
}
.page-story-cultural .spot-area li.spec.en::before{ content:"Designation"; }
.page-story-cultural .spot-area li.spec.cn::before{ content:"指定等"; }
.page-story-cultural .spot-area li.spec.tw::before{ content:"指定等"; }
.page-story-cultural .spot-area li.spec.kr::before{ content:"지정 등"; }

.page-story-cultural .spot-area li.spec span{
	font-weight:700;
	padding:0 10px;
}

.page-story-cultural .thumb-item-nav{
	margin:10px 0 0 10px;
}

.page-story-cultural .thumb-item .slick-slide{
    position:relative;
}

.page-story-cultural .thumb-item .slick-slide img{
	width:980px;
	height:650px;
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit:cover; object-position:50% 50%;'
}

.page-story-cultural .thumb-item-nav li{
	width:10%;
	padding:0 10px 0 0;
	cursor:pointer;
	height:55px;
}

.page-story-cultural .thumb-item-nav li img{
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit:cover; object-position:50% 50%;'
}

.page-story-cultural .thumb-item-nav li:last-child{
	margin-right:0;
}

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

.page-story-cultural .thumb-item-nav li{
	height:50px;
}

}


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

.page-story-cultural .thumb-item-nav li{
	height:24px;
}

}

.page-story-cultural .spot-free-txt{
	margin-top:3em;
}

.page-story-cultural h3.spot-detail-ttl{
	margin:3.5em 0 1.5em;
	padding:0 0 5px 35px;
	border-bottom:1px dotted #ccc;
	font-family:'F+UD TsukuMin R';
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:.2em;
}

.page-story-cultural h3.spot-detail-ttl span{
	padding-left:10px;
	font-size:10px;
	font-size:1rem;
	letter-spacing:.2em;
}

.page-story-cultural h3.access-ttl{background:url(../img/spot/icon-access.png) no-repeat 0 50%;}
.page-story-cultural h3.spot-ttl{background:url(../img/spot/icon-spot.png) no-repeat 0 50%;}
.page-story-cultural h3.event-ttl{background:url(../img/spot/icon-event.png) no-repeat 0 50%;}

.page-story-cultural h3.search-ttl{
	margin:0 0 1.5em;
	padding:0 0 5px 0;
}

.page-story-cultural .spot-tab{
	width:98%;
	margin:0 auto;
}

.page-story-cultural .spot-tab li a{
	position:relative;
	float:left;
	display:block;
	width:49%;
	padding:15px;
	background:#f3f3f3;
	border-top:1px solid #dadada;
	border-right:1px solid #dadada;
	border-left:1px solid #dadada;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color:#666;
	line-height:1;
	text-align:center;
}


.page-story-cultural .spot-tab li:last-child a:last-child{
	margin-left:2%;
}

.page-story-cultural .spot-tab li.active a{
	background:#000;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	color:#fff;
	font-weight:700;
}

.page-story-cultural .spot-tab-box-inner{
	display:none;
	border-top:1px solid #dadada;
	padding-top:1.5em;
}

.page-story-cultural .related-near-spot,
.page-story-cultural .related-look-spot{
	margin:1.5em 0;
}

.page-story-cultural .related-near-spot li,
.page-story-cultural .related-look-spot li{
	float:left;
	width:32%;
	margin-right:2%;
}

.page-story-cultural .related-near-spot li:nth-child(3n),
.page-story-cultural .related-look-spot li:nth-child(3n){
	margin-right:0;
}

.page-story-cultural .related-near-spot li:nth-child(n+4),
.page-story-cultural .related-look-spot li:nth-child(n+4){
	margin-top:2.5em;
}

.page-story-cultural .related-near-spot li img,
.page-story-cultural .related-look-spot li img{
	object-fit:cover;
	object-position:50% 50%;
	font-family:'object-fit: cover; object-position: 50% 50%;';
	width:100%;
	height:193px;
}

.page-story-cultural .related-near-spot li h4,
.page-story-cultural .related-look-spot li h4{
	margin-top:10px;
	font-family:'F+UD TsukuMin R';
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}





.page-story-cultural .spot-area li.area-yabu{
	background:#3FA8BB;
	border:1px solid #3FA8BB;
}

.page-story-cultural .spot-area li.area-asago{
	background:#E67636;
	border:1px solid #E67636;
}

.page-story-cultural .spot-area li.area-kamikawa{
	background:#7AA516;
	border:1px solid #7AA516;
}

.page-story-cultural .spot-area li.area-ichikawa{
	background:#E5677F;
	border:1px solid #E5677F;
}

.page-story-cultural .spot-area li.area-fukusaki{
	background:#0F6BB8;
	border:1px solid #0F6BB8;
}

.page-story-cultural .spot-area li.area-himeji{
	background:#CC9900;
	border:1px solid #CC9900;
}



.page-story-cultural .spot-area li{
	float:left;
	margin-right:2em;
}

.page-story-cultural .spot-area li.area-yabu,
.page-story-cultural .spot-area li.area-asago,
.page-story-cultural .spot-area li.area-kamikawa,
.page-story-cultural .spot-area li.area-ichikawa,
.page-story-cultural .spot-area li.area-fukusaki,
.page-story-cultural .spot-area li.area-himeji{
	padding:5px 20px;
	border-radius:3px;
	font-weight:700;
	color:#fff;
}


.page-story-cultural .spot-area li.category-list span{
	position:relative;
 display: inline-block;
	padding-left:46px;
	line-height:2.6em;
	font-weight:700;
 height: 36px;
}

.page-story-cultural .spot-area li.category-list span:nth-child(n+2){
	margin-left:10px;
}

.page-story-cultural .spot-area li.category-list span::before{
	content:"";
	position:absolute;
	display:inline-block;
 top: 0;
	left:0;
	width:36px;
	height:36px;
	border-radius:50%;
 vertical-align: middle;
}

.page-story-cultural .spot-area li.category-list span.category-spot::before{
	background:#3FA8BB url(../img/common/icon-spot.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-story-cultural .spot-area li.category-list span.category-experience::before{
	background:#3FA8BB url(../img/common/icon-experience.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-story-cultural .spot-area li.category-list span.category-gourmet::before{
	background:#3FA8BB url(../img/common/icon-gourmet.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-story-cultural .spot-area li.category-list span.category-gift::before{
	background:#3FA8BB url(../img/common/icon-gift.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-story-cultural .spot-area li.category-list span.category-stay::before{
	background:#3FA8BB url(../img/common/icon-stay.png) no-repeat 50% 50%;
	background-size:20px;
}

.page-story-cultural .spot-area li.category-list span.category-course::before{
	background:#3FA8BB url(../img/common/icon-course.png) no-repeat 50% 50%;
	background-size:20px;
}


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

.page-story-cultural .spot-area li.category-list{
	display:block;
	width:100%;
	margin-top:10px;
}

.page-story-cultural .spot-area li.category-list span{
	padding-left:26px;
	line-height:1.8em;
}

.page-story-cultural .spot-area li.category-list span:nth-child(n+2){
	margin-left:5px;
}


.page-story-cultural .spot-area li.category-list span::before{
	content:"";
	position:absolute;
	display:inline-block;
	left:0;
	width:22px;
	height:22px;
	border-radius:50%;
}

.page-story-cultural .spot-area li.category-list span.category-spot::before,
.page-story-cultural .spot-area li.category-list span.category-experience::before,
.page-story-cultural .spot-area li.category-list span.category-gourmet::before,
.page-story-cultural .spot-area li.category-list span.category-gift::before,
.page-story-cultural .spot-area li.category-list span.category-stay::before,
.page-story-cultural .spot-area li.category-list span.category-course::before{
	background-size:14px;
}

}

.page-story-cultural .spot-detail-box #slide-box{
	margin-top:30px;
}




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

.page-story-cultural .spot-detail-box{
	max-width:94%;
}

.page-story-cultural .thumb-item .slick-slide img{
	width:100%;
	height:450px;
}

.page-story-cultural .spot-ttl span,
.page-story-cultural .spot-ttl h2{
	letter-spacing:0;
	line-height:1;
}

.page-story-cultural .spot-ttl h2{
	font-size:18px;
	font-size:1.8rem;
}

.page-story-cultural ul.spot-area{
	margin:10px 0;
}

.page-story-cultural #slide-box{
	margin-top:20px;
}

.page-story-cultural .spot-free-txt{
	margin-top:20px;
}

.page-story-cultural .spot-area li{
	margin-right:10px;
	font-size:12px;
	font-size:1.2rem;
}

.page-story-cultural .spot-area li.area-yabu,
.page-story-cultural .spot-area li.area-asago,
.page-story-cultural .spot-area li.area-kamikawa,
.page-story-cultural .spot-area li.area-ichikawa,
.page-story-cultural .spot-area li.area-fukusaki,
.page-story-cultural .spot-area li.area-himeji{
	padding:5px;
}

}

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

.page-story-cultural h3.spot-detail-ttl{
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0;
}

.page-story-cultural h3.search-ttl{
	margin:0 0 10px;
	padding:0 0 5px 0;
}

.page-story-cultural .thumb-item .slick-slide img{
	height:350px;
}

.page-story-cultural .spot-tab li a{
	padding:10px 5px;
	font-size:12px;
	font-size:1.2rem;
}

.page-story-cultural .related-near-spot li,
.page-story-cultural .related-look-spot li{
	float:left;
	width:49%;
	margin-right:2%;
}

.page-story-cultural .related-near-spot li:nth-child(3n),
.page-story-cultural .related-look-spot li:nth-child(3n){
	margin-right:2%;
}

.page-story-cultural .related-near-spot li:nth-child(even),
.page-story-cultural .related-look-spot li:nth-child(even){
	margin-right:0;
}


.page-story-cultural .related-near-spot li:nth-child(n+3),
.page-story-cultural .related-look-spot li:nth-child(n+3){
	margin-top:20px;
}

.page-story-cultural .related-near-spot li h4,
.page-story-cultural .related-look-spot li h4{
	margin-top:5px;
	font-size:13px;
	font-size:1.3rem;
}

}




.page-story-cultural .event-list{
 margin-top: 25px;
}


/*  spot ttl
----------------------*/

.page-story-cultural .spot-ttl{
	position:relative;
	padding:0 10px 15px 0;
	border-bottom:1px dotted #dadada;
}

.page-story-cultural .spot-ttl.cultural{
	padding:0 10px 15px 50px;
}

.page-story-cultural .spot-ttl em{
	position:absolute;
	top:10px;
	left:0;
	width:40px;
	height:40px;
	line-height:40px;
	background:#000;
	border-radius:50%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:20px;
	font-size:2rem;
	color:#fff;
	text-align:center;
}

.site-en .page-story-cultural .spot-ttl em,
.site-cn .page-story-cultural .spot-ttl em,
.site-tw .page-story-cultural .spot-ttl em,
.site-kr .page-story-cultural .spot-ttl em{
	top:-5px;
}

.page-story-cultural .spot-ttl h2{
	font-family:'F+UD TsukuMin R';
	line-height:1;
	letter-spacing:.2em;
}

.site-en .page-story-cultural .spot-ttl h2{
	letter-spacing:0;
}

.page-story-cultural .spot-ttl span{
	font-size:10px;
	font-size:1rem;
	letter-spacing:.2em;
}

.page-story-cultural .spot-ttl h2{
	font-size:22px;
	font-size:2.2rem;
}

.page-story-cultural .spot-ttl a{
	position:absolute;
	bottom:5px;
	right:0;
	font-size:12px;
	font-size:1.2rem;
}

.page-story-cultural .spot-ttl a::before{
	content:"\f100";
	margin-right:.3em;
	font-family:FontAwesome;
	font-size:16px;
	font-size:1.6rem;
}

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

.page-story-cultural .spot-ttl a{
	bottom:inherit;
	top:-20px;
}

}


/*  表組
----------------------*/
.page-story-cultural table.info-table{
	width:100%;
	margin-top:5em;
	border-collapse:collapse;
	border-top:1px dotted #ccc;
}

.page-story-cultural table.info-table th,
.page-story-cultural table.info-table td{
	padding:1.5em 1em;
	border-bottom:1px dotted #ccc;
}


.page-story-cultural table.info-table td a{
	color:#A37E39;
	text-decoration:underline;
}

.page-story-cultural table.info-table td a:hover{
	text-decoration:none;
}

.page-story-cultural table.info-table th{
	width:18%;
	vertical-align:middle;
}

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

.page-story-cultural table.info-table{
	border-top:none;
}

.page-story-cultural table.info-table th,
.page-story-cultural table.info-table td{
	display:block;
	padding:.75em;
	border-bottom:none;
}

.page-story-cultural table.info-table th{
	background:#f6f6f6;
	border-top:1px dotted #dadada;
	width:100%;
	text-align:left;
}

.page-story-cultural table.info-table td{
	margin-bottom:1em;
}

}


/*  文化財タイトル
----------------------*/
.page-story-cultural .cultural-ttl{
	margin-top:5em;
	padding-left:.8em;
	font-family:'F+UD TsukuMin R';
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	line-height:1;
	letter-spacing:.2em;
}

.page-story-cultural .cultural-ttl + .info-table{
	margin-top:1.5em;
}

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

.page-story-cultural .cultural-ttl{
	margin-top:3em;
	font-size:15px;
	font-size:1.5rem;
}

}



/*  アイコン
----------------------*/

.page-story-cultural .info-list{
	margin-top:5em;
	padding:0 30px 15px;
	border:1px dotted #dadada;
	text-align:center;
}

.page-story-cultural .info-list li{
	position:relative;
	float:left;
	width:20%;
	margin:15px 0 0 0;
	padding-left:40px;
	text-align:left;
	line-height:2.3em;
	letter-spacing:0;
}

.site-en .page-story-cultural .info-list li{
	line-height:2em;
}


.page-story-cultural .info-list li::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	border-radius:50%;
	background-size:24px 24px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#0F6BB8;
}

.page-story-cultural .info-list .parking::before{background-image:url(../img/spot/icon-parking.png);}
.page-story-cultural .info-list .group::before{background-image:url(../img/spot/icon-group.png);}
.page-story-cultural .info-list .nonsmoking::before{background-image:url(../img/spot/icon-nonsmoking.png);}
.page-story-cultural .info-list .eatin::before{background-image:url(../img/spot/icon-eatin.png);}
.page-story-cultural .info-list .card::before{background-image:url(../img/spot/icon-card.png);}
.page-story-cultural .info-list .wifi::before{background-image:url(../img/spot/icon-wifi.png);}
.page-story-cultural .info-list .pet::before{background-image:url(../img/spot/icon-pet.png);}
.page-story-cultural .info-list .toilet::before{background-image:url(../img/spot/icon-toilet.png);}
.page-story-cultural .info-list .warmtoilet::before{background-image:url(../img/spot/icon-warmtoilet.png);}
.page-story-cultural .info-list .multitoilet::before{background-image:url(../img/spot/icon-multitoilet.png);}
.page-story-cultural .info-list .bfree::before{background-image:url(../img/spot/icon-bfree.png);}
.page-story-cultural .info-list .english::before{background-image:url(../img/spot/icon-english.png);}


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

.page-story-cultural .info-list{
	padding:0 15px 15px;
}

.page-story-cultural .info-list li{
	width:25%;
}

}

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

.page-story-cultural .info-list{
	margin-top:3em;
	padding:10px;
}

.page-story-cultural .info-list li{
	width:33.33333333%;
	margin:10px 0 0 0;
	padding-left:29px;
	line-height:1.9em;
}

.page-story-cultural .info-list li::before{
	width:24px;
	height:24px;
	background-size:18px 18px;
}


}

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

.page-story-cultural .info-list li{
	width:50%;
}

}


/*  ページャー
----------------------*/

.page-story-cultural .pager-list{
	margin-top:50px;
	text-align:center;
}

.page-story-cultural .pager-list li{
	position:relative;
	display:inline-block;
}

.page-story-cultural .pager-list li:nth-child(2){
	margin:0 50px;
}

.page-story-cultural .pager-list li a img{
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

.page-story-cultural .pager-list li:nth-child(2) a:hover img{
	-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.page-story-cultural .pager-list li:first-child a:hover img{
	transform:translateX(-10px);
}

.page-story-cultural .pager-list li:last-child a:hover img{
	transform:translateX(10px);
}




.search-number{
	margin-top:40px;
	padding:.5em 0 .7em;
	background:#fff;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	text-align:center;
}

.search-number em{
	padding:0 .3em;
	color:#B97103;
	font-family:'Lato';
	font-size:28px;
	font-size:2.8rem;
}


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

.search-number{
	font-size:14px;
	font-size:1.4rem;
}

.search-number span{
	font-size:20px;
	font-size:2.0rem;
}

}

.page-story-cultural .google-maps{
	position:relative;
	padding-bottom:35.7%;
	height:0;
	overflow:hidden;
	border:1px solid #ddd;
}

.page-story-cultural .google-maps iframe{
	position:absolute;
	padding:5px;
	top:0;
	left:0;
	width:100% !important;
	height:350px !important;
}

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

.page-story-cultural .google-maps{
	padding-bottom:75%;
}

.page-story-cultural .google-maps iframe{
	height:100% !important;
}
 
}


.page-story .j-heritage-bnr-ttl{
 margin: 75px 0 10px;
	display:inline-block;
	font-family:'F+UD TsukuMin R';
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:.2em;
}

.page-story .j-heritage-bnr-ttl span{
	position:relative;
	top:-1px;
	display:inline-block;
	margin-left:15px;
	padding-left:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-size:1rem;
	letter-spacing:.2em;
	vertical-align:middle;
	border-left:1px dotted #676767;
}

@media screen and (min-width:1025px) , print {

 
.page-story  .j-heritage-bnr-box a{
 transition: .7s cubic-bezier(.32,.95,.6,1) .17s;
 }
 
 .page-story  .j-heritage-bnr-box a:hover{
  opacity: .7;
 }
 
}


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

.page-story .j-heritage-bnr-ttl{
 margin: 35px 0 5px;
 }
}