@charset "utf-8";
/* CSS Document */



/*======================
*	TOP
======================*/


/*== Slide ==*/

#keyslide {
	/*width: 100%;*/
	max-width: 1542px;
	padding: 0 30px;
	margin: 0 auto 48px;
}

#keyslide ul#mv-slide {
	width: 100%;
}

#keyslide ul#mv-slide li img {
	width: 100%;
	height: auto;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 63px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 10;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
     font-size: 0; 
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 20px;
}

.slick-prev:before {
    content: '';
    width: 36px;
    height: 36px;
    border: 5px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(45deg);
    display: block;
}

.slick-next {
    right: 20px;
}

.slick-next:before {
    content: '→';
    width: 36px;
    height: 36px;
    border: 5px solid;
    border-color: #FFF #FFF transparent transparent;
    transform: rotate(45deg);
    display: block;
}

/*== Read ==*/
h3.opening {
    font-size: 30px;
    text-align: center;
    font-family: JPfontS, sans-serif;
    margin: 20px auto 53px;
	background-color: #ebeced;
	padding: 27px;
	width:22em;
}
h3.opening span{color: #d2972b}
.read {
	max-width: 850px;
	margin: 0 auto 65px;
}

.read p {
	line-height: 1.5;
}

/*== What's New ==*/
.whatsnew {
	margin: 0 0 75px 0;
}

.whatsnew a {
	color: #555759;
}

.whatsnew .img-whatsnew {
	font-size: 0;
	max-width: 850px;
	margin: 0 auto 45px;
}

.whatsnew .img-whatsnew div {
	display: inline-block;
	width: 32%;
	margin: 0 2% 0 0;
}

.whatsnew .img-whatsnew div:last-child {
	margin: 0;
}

.whatsnew .img-whatsnew div a {
	display: block;
	width: 100%;
}

.whatsnew .img-whatsnew div img {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
}

.whatsnew .img-whatsnew div p {
	font-size: 16px;
}

.whatsnew dl {
	width: 600px;
	margin: 0 auto
}

.whatsnew dt {
	float: left;
	clear: both;
	font-family: ENfontB, sans-serif;
	font-size: 16px;
}

.whatsnew dd {
	padding: 0 0 0 110px;
	margin: 0 0 15px;
}
.bnrBox{border: #525759 1px solid;
padding: 10px;
line-height: 1.6;
max-width: 600px; margin: 0 auto 45px;}
.lineBox {
    border: #525759 1px solid;
    padding: 20px 60px;
    line-height: 1.6;
    max-width: 850px;
    margin: 30px auto 45px;
}
.bnrBox h2{
    font-size: 27px;
    font-family: ENfontS, sans-serif;
}
.flL{float: left}
.bnrBox div{margin: 20px auto;font-size: 120%; width:328px;text-align: center; }
.bnrBox:hover{background-color:#ebeced }

.bnrImgBox{width: 800px; margin: 0 auto 40px}
.bnrImgBox ul li { float:left; width:390px;margin:0 20px 10px 0;}

.bnrImgBox ul li:nth-child(2n) { ;margin:0 0 10px 0;}
.bnrImgBox ul li img {width: 390px;}


/*== Img-area ==*/
.img-area {
	max-width: 1200px;
	margin: 0 auto 70px;
	font-size: 0;
}

.img-area li {
	width: 25%;
	height: auto;
	display: inline-block;
}

.img-area li img {
	width: 100%;
	height: auto;
}
.img-area-lfc {
	max-width: 1200px;
	margin: 0 auto 70px;
	font-size: 14px;
}

.img-area-lfc li {
	width: 48%;
	margin-right:1%;
	margin-bottom:1%; 
	height: auto;
	display: inline-block;
}

.img-area-lfc li img {
	width: 100%;
	height: auto;
}

.img-subarea-lfc {
	width: 30%;
    margin-bottom: 70px;
    float: left;
    font-size: 14px;
    margin-right: 3.3%;
}

.img-subarea-lfc img {
	width: 100%;
	height: auto;
}
.img-subarea-lfc p {
	margin:20px 0
}
.img-subarea-lfc p.first {
	color: #0674e2;
}
/*== Summary ==*/
.summary_box {
	width:850px;
	margin:0 auto;
}
.summary,
.summary_d {
	width: 540px;
	margin: 0 auto 80px;
	float:left;"
}

.summary dt,
.summary_d dt {
	float: left;
	clear: both;
	position: relative;
	padding: 0 5px 0 0;
	width: 65px;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.summary dt i,
.summary_d dt i {
	font-style: normal;
}

.summary dt:after {
	content: "：";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 2px;
	line-height: 1.3;
}

.summary dd,
.summary_d dd {
	padding: 0 0 0 80px;
	margin: 0 0 17px;
	line-height: 1.3;
}

.summary_img {
	float:left;
	width:310px;
	text-align:right;
	margin-bottom:30px;
}

/*== intoro ==*/

.intoro {
	max-width: 1200px;
	background-color: #343939;
    background: url(/static/images/patterns_char-char.png) repeat;
    background-size: 50px 86.5px;
    padding: 30px 0;
    margin: 0 0 80px;
}

.intoro div {
	max-width: 560px;
	margin: 0 auto;
	color: #FFF;
}

.intoro div dt {
	float: left;
	clear: both;
	line-height: 1.5;
}

.intoro div dd {
	padding: 0 0 0 70px;
	margin: 0 0 15px;
	line-height: 1.5;
}

.intoro ul li a {
	
	text-decoration:underline;
	color:#ffffff;
}

h3.restrant {
	font-size: 28px;
	text-align: center;
	font-family: ENfontS, sans-serif;
	margin: 0 0 53px;
}

h3.restrant p {
	font-size: 18px;
	margin: 15px 0 0;
	font-family: JPfontS, sans-serif;
}
/*======================
*	sightseeing
======================*/

/*== anchor ==*/

.anchor {
	max-width: 1200px;
	background:url(/static/images/patterns_char-char.png) repeat;
	background-size: 50px 86.5px;
	padding: 30px 0;
	margin: 0 0 60px;
}

.anchor  div {
	max-width: 850px;
	margin: 0 auto;
}

.anchor div ul {
	font-size: 0
}

.anchor div ul li {
	display: inline-block;
	width: 19%;
	margin: 0 1% 0 0;
	vertical-align: top;
}

.anchor div ul li:last-child {
	margin: 0;
}

.anchor div ul li a {
	display: block;
	width: 100%;
}

.anchor div ul li img {
	width: 100%;
	height: auto;
	margin: 0 0 8px 0;
}

.anchor div ul li p {
	color: #FFF;
	font-size: 14px;
}

/*== lr-int ==*/

.lr-int {
	max-width: 1200px;
	margin: 0 auto 62px;
}

.lr-int h3 {
	margin: 75px auto 7px;
	font-family: JPfontS, sans-serif;
}

.lr-int h3:first-child {
	margin: 0 auto 7px;
}

.lr-int article {
	width: 100%;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.lr-int article:nth-of-type(even) {
	width: 100%;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	    flex-flow: row-reverse;
}

.lr-int article > div {
	width: 50%;
}

.lr-int article > div img {
	width: 100%;
	height: auto;
}

.lr-int article > div div {
	padding: 0 50px;
	width: 100%;
}

.lr-int article > div:nth-of-type(2) {
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lr-int article > div dt {
	font-size: 17px;
	margin: 0 0 20px 0;
}

.lr-int article > div dd {
	margin: 0 0 25px;
	line-height: 1.6;
}

.lr-int article > div li,
.special > div > div.txt  li {
	padding: 0 0 0 35px;
	margin: 0 0 15px;
	 overflow-wrap : break-word;
}

.lr-int article > div li a,
.special > div > div.txt  li a {
	color: #555759;
}

.lr-int article > div li.car,
.special > div > div.txt  li.car {
	background: url(/static/images/icon_car_m.png) left top no-repeat;
	background-size: 25px 15px;
}
.lr-int article > div li.place,
.special > div > div.txt  li.place {
	background: url(/static/images/icon_place_m.png) 6px top no-repeat;
    background-size: 15px 22px;
    min-height: 22px;
}
.lr-int article > div li.phone,
.special > div > div.txt  li.phone {
	background: url(/static/images/icon_tel_m.png) 5px top no-repeat;
    background-size: 18px 18px;
    min-height: 18px;
	font-family: ENfontB, sans-serif;

}
.lr-int article > div li.link,
.special > div > div.txt  li.link {
	background: url(/static/images/icon_link_m.png) 5px top no-repeat;
    background-size: 18px 18px;
    min-height: 18px;
	font-family: ENfontB, sans-serif;
}

.lr-int article > div p {
	margin: 0 0 10px 0;
}


/*======================
*	hotspring
======================*/

.equality dt {
	float: left;
    clear: both;
    width: 65px;
	    padding: 0 5px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.equality dt i {
	font-style: normal;
}

.hot-txt {
	max-width: 630px;
	margin: 0 auto 45px;
	line-height: 1.5;
}
.hot-txt2 {
	max-width: 340px;
	margin: 0 auto 45px;
	line-height: 1.5;
}

/*== hot-img ==*/

.hot-img {
	margin: 0 0 37px;
}

.hot-img ul {
	font-size: 0;
}

.hot-img ul li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.hot-img ul li img {
	width: 100%;
	height: auto;
}
.tac{text-align: center}

/*== hot-caution ==*/

.hot-caution {
	margin: 0 auto 96px;
	max-width: 1075px;
}

.hot-caution p {
	line-height: 1.5;
}

.hot-caution p:nth-of-type(1) {
	padding: 0 0 0 14px;
	text-indent: -14px;
	margin: 0 0 13px;
}

.hot-caution p:nth-of-type(2) {
	padding: 0 0 0 14px;
}

/*======================
*	access
======================*/

/*== map-area ==*/

.map-area {
	background: #a7a8aa;
	max-width: 1200px;
	margin: 0 auto 30px;
	padding: 25px 0;
	text-align: center;
	position: relative;
}



.map-area p {
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
}


.map-area p a {
	color: #FFF;
	padding: 0 25px 0 0;
	background: url(/static/images/icon_link_white_m.png) right top no-repeat;
	background-size: 19px 18px;
}

.contact {
	margin: 0 auto 65px;
	max-width: 680px;
	 display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.bus_timetable {
	width:50%;
	margin:30px auto 50px;
	padding:20px!important;
	text-align:center;
	font-size:150%;
	border:#000000 2px solid;
}
.bus_timetable a {
	display:block;
}

/*== access-anchor ==*/

.access-anchor {
	margin: 0 auto 90px;
	 display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
	max-width: 860px;
}

.access-anchor > div {
	width: 30%;
	
}

.access-anchor a {
	display: block;
	border: 1px solid #555759;
	text-align: center;
	width: 100%;
	height: 125px;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	-webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	
}

.access-anchor a img {
	margin: 0 0 15px;
}

.access-anchor a p {
	font-size: 17px;
}

.access-info {
	max-width: 980px;
	margin: 0 auto 100px;
}

h3.access-tit {
	font-size: 25px;
	margin: 0 0 45px;
	text-align: center;
	font-family: JPfontS, sans-serif;
}

h3.access-tit span {
	position: relative;
	padding: 0 0 0 50px;
}

h3.access-tit span img {
	position: absolute;
	left: 0;
	top: 8px;
}

.root {
	margin: 0 0 50px;
}

.root img {
	width: 100%;
	height: auto;
}

.carnav-aution {
    border: 1px solid #555759;
    padding: 27px 15px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 35px;
    line-height: 1.5;
}

.carnav-aution dl dt {
	font-size: 16px;
	margin: 0 0 12px;
}

/*== tex-rout ==*/

.tex-rout {
	max-width: 710px;
	margin: 0 auto 120px;
}

.tex-rout dt {
	font-size: 17px;
	margin: 0 0 15px;
}

.tex-rout dd {
	line-height: 1.6;
	margin: 0 0 30px;
}

.tex-rout dd li {
	margin: 0 0 15px;
}

.tex-rout dd a {
	    background: url(/static/images/icon_link_m.png) right top no-repeat;
    background-size: 18px 18px;
    min-height: 18px;
	padding: 0 20px 0 0;
}

/*======================
*	allergy
======================*/

.allergy-cont {
	max-width: 830px;
	margin: 73px auto 60px;
	padding: 0 30px;
}

h2.allergy {
	font-size: 30px;
	margin: 0 0 40px;
	text-align: center;
	font-family: JPfontS, sans-serif;
}

/*== allergy-read ==*/

.allergy-read {
	margin: 0 0 90px;
}

.allergy-read p {
	margin: 0 0 30px;
	line-height: 1.5;
}

.allergy-read li {
	margin: 0 0 12px;
}

h3.allergen-tit {
	font-size: 25px;
	margin: 0 0 40px;
	text-align: center;
	font-family: JPfontS, sans-serif;
}

.allergen-info {
	margin: 0 0 90px;
	text-align: center;
}

.allergen-info dt {
	font-weight: bold;
	margin: 0 0 11px;
}

.allergy-caution {
	margin: 0 0 70px;
}

.allergy-caution li {
	margin: 0 0 17px;
	line-height: 1.6;
	padding: 0 0 0 14px;
	text-indent: -14px;
}

/*======================
*	press
======================*/
dl.press{ width: 700px; margin: 50px auto 100px}
dl.press dt{width: 100px; float: left; clear: both; margin-bottom: 30px;line-height: 1.6;}
dl.press dd{ float: left; margin-bottom: 30px;width: 600px;line-height: 1.6;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
    *zoom: 1;
}


@media screen and (min-width:750px) and (max-width:1024px){
	.read { width: 85%;}	

	
	
.hot-caution {max-width: 85%;}
	.lr-int h3:first-child,.lr-int h3 {margin-bottom: 20px;}
	.lr-int article {margin-bottom: 40px;}
	
	
}


/*======================
*	special/topics
======================*/

h2.h2-topics {
	font-family: "リュウミン M-KO","Ryumin Medium KO","リュウミン M-KL","Ryumin Medium KL",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 36px;
    line-height: 1.5;
	text-align: center;
	font-weight: bold;
	padding: 20px 0 0;
}

.topics-read {
    max-width: 765px;
    margin: 0 auto 70px;
	line-height: 1.5;
}

/*.topics-person {
	max-width: 850px;
	margin: 0 auto 50px;
	line-height: 1.5;
}

.topics-person > p {
	margin: 0 0 20px;
}

.topics-person div {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-flow: row-reverse;
}

.topics-person div p {
	width: 48%;
}

.topics-person div p img {
	width: 100%;
	height: auto;
}

.topics-person div p span {
	display: block;
	text-align: center;
}*/

.topics-intro {
	margin: 0 auto 50px;
	max-width: 1000px;
}

.topics-intro .topics-intro-tit {
	margin: 0 0 30px;
	text-align: center;
	font-size: 22px;
}

/*.topics-intro .topics-intro-link a {
	text-decoration: underline;
	color: #1EA9E3;
	font-size: 18px;
}
*/
.topics-hmh-main {
	width: 100%;
}

.topics-hmh-main img {
	width: 100%;
	height: atuo;
	margin: 0 0 40px;
}

.topics-intro-cont {
	max-width: 850px;
	margin: 0 auto 20px;
	line-height: 1.5;
}

.intro-cont-read {
	margin: 0 0 40px;
}

.topics-img-info {
	margin: 0 0 40px;
}

.topics-img-info ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin: 0 0 20px;
}

.topics-img-info ul li {
	width: 48%;
}

.topics-img-info ul li img {
	width: 100%;
	height: auto;
}

.topics-infobox {
    background: #edebea;
    padding: 50px 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 140px;
	line-height: 1.5;
}

.topics-infobox dl {
	max-width: 850px;
	margin: 0 auto;
}

.topics-infobox dl dt {
	margin: 0 0 20px;
	font-weight: bold;
}

.topics-infobox dl dt a {
	border-bottom: 1px dotted;
	padding: 0 0 3px;
}

.topics-infobox dl dd li {
	margin: 0 0 10px;
}

.topics-infobox dl dd ul {
	margin: 0 0 30px;
}

.one-photo {
	width: 100%;
	margin: 0 0 20px;
}

.one-photo img {
	width: 100%;
	height: auto;
}

.pb60 {
	padding: 0 0 60px;
}

.und-cou {
	margin: 0 0 50px;
}

@media screen and (max-width:1030px){
	
	.topics-read {
    max-width: 850px;
    margin: 0 auto 20px;
    line-height: 1.5;
    padding: 0 20px;
}
	
	.topics-person {
		max-width: 850px;
		margin: 0 auto 50px;
		line-height: 1.5;
		padding: 0 20px;
	}
	
	.topics-intro-cont {
    max-width: 850px;
    margin: 0 auto 20px;
    line-height: 1.5;
    padding: 0 20px;
}
	
	.topics-infobox {
    background: #edebea;
    padding: 50px 20px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 140px;
    line-height: 1.5;
}
	
}