@charset "UTF-8";

/* CSS Document */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.topPittinnlist { width: 100%; max-width: 1080px; margin: 34px auto 55px;}
.topPittinnlist ul { margin-left: -13px; letter-spacing: -0.4em;}
.topPittinnlist ul li { display: table; vertical-align: top; width: calc(33.33333% - 13px); margin-left: 13px; display: inline-block; letter-spacing: normal; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}


.topPittinnlist ul li.pittapt:hover { background-size: 120% 120%;}
.topPittinnlist ul li.pittshare { background: url(../images/home/accom/pittinn.jpg) center center no-repeat; background-size: 100% 100%;}
.topPittinnlist ul li.keyaki { background: url(../images/home/accom/pittinn.jpg) center center no-repeat; background-size: 100% 100%;}

.hotel-block { position: relative; overflow: hidden;}

.hotel-content { }
.hotel-title { font-size: 20px; position: absolute; bottom: 15px; left: 18px; color: #fff;}
.hotel-img img {width: 100%;}
.hotel-img { position: relative; }
.overlay { position: absolute; bottom: 0; height: 100%; width: 100%; right: 0; opacity: 0; transition: .5s ease; background-color: #121113; }
.hotel-img:hover .overlay { opacity: .6; -webkit-box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.8); box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.8); }
.hotel-img:hover .text { opacity: 1; }
.text { opacity: 0; color: #fff; position: absolute; top: 30%; left: 15%; transform: translate(-15%, -15%); -ms-transform: translate(-26%, -26%); font-weight: 400; font-size: 14px; }
.hotel-img:hover .hotel-title { left: 0px; opacity: 0; position: absolute; }

.hotel-img:hover .btn-link { color: #fff; margin:0; font-size:17px; text-decoration: none;
font-weight: 800; text-transform: capitalize; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: absolute;; left:25px;letter-spacing: 0px; }
.hotel-img:hover .btn-link a { color: #fff;}
.hotel-img:hover .btn-link i { color: #fff; margin-left:10px; font-size:17px;}
.hotel-img:hover .btn-link:hover { color: #FED373; font-size:17px;text-decoration: none;}
.hotel-img:hover .btn-link:hover i { color: #FED373; margin-left:10px; font-size:17px;}

.text ul { }
.text ul li:before { color: #fff; }

h3.hotel-name { font-size: 20px; color: #fff; font-weight:600; margin:0 0 25px 5px;}
ul.hotel-list  { margin:0 0 20px 25px;list-style: none; padding: 0;text-align: left;}
ul.hotel-list li { width: 100%;}

.angle { position: relative; }
.angle li { padding-left: 15px; line-height: 30px; }
.angle li:before { font-family: "Font Awesome 5 Free"; display: inline-block; position: absolute; left: 0; font-size: 14px; font-weight: bold; color: #36333c; content: "\f105"; }

.all-hotelsBtn{width:260px;height:48px;text-align: center; margin:2em auto; position: relative; padding: 0; border-top: solid 2px #a18553; border-bottom: solid 2px #a18553;}
.Btn-inner {background-color:#fff;width:240px;line-height: 44px;margin:0 auto;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.Btn-inner:hover{background-color: #a18553;color:#fff;}

.all-hotelsBtn:before, .all-hotelsBtn:after{ content: ''; position: absolute; top: -10px; width: 2px; height: -webkit-calc(100% + 20px); height: calc(100% + 20px); background-color: #a18553;}
.all-hotelsBtn:before {left: 10px;}
.all-hotelsBtn:after {right: 10px;}

.Btn-inner a {letter-spacing: 0.1em; text-decoration: none;color:#a18553;}
.Btn-inner a:hover{color:#fff;}

.paging_hover:link {color: #0071c2;}
.paging_hover:visited {color: #0071c2;}
.paging_hover:active {color: #0071c2;}
.paging_hover:hover {color: white;background-color:#0071c2;}
.recommendpoint_wrap {display: none;}

.recommendpoint_div {
	display: flex;
 	align-items: center;
 	justify-content: center
}
#recommendpoint1 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/1.jpg");
}
#recommendpoint2 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/2.jpg");
}
#recommendpoint3 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/3.jpg");
}
#recommendpoint4 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/4.jpg");
}
#recommendpoint5 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/5.jpg");
}
#recommendpoint6 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/6.jpg");
}
#recommendpoint7 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/7.jpg");
}
#recommendpoint8 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/8.jpg");
}
#recommendpoint9 {
	width: 950px;
    height: 350px;
	background-image: url("../images/home/recommendpoint/9.jpg");
}
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 10em;
    margin-bottom: 8em;
}
.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-top: 10em;
    margin-bottom: 8em;
}

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

.contents_wrap{width : 100% ; text-align : center ; padding-top:40px; margin : 0 ;}
.contents{ clear:both; display: block; width : 100% ; margin : 0 auto ; padding : 0;}

.areaTitle { font-size: 18px; max-width: calc(100% - 60px);  width: 100%; margin: 0 auto 30px; padding: 20px 0;color: #a18553;background-color: #fff;
  border-top: solid 1px #d6cdbe; border-bottom: solid 1px #d6cdbe;text-align: center;
  font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", "MS PMincho", serif;
  }

.topPittinnlist { margin-top: 0; padding: 0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
.topPittinnlist ul li { width: calc(100% - 13px); margin-bottom: 13px;}

.topMainTxt { font-size: 13px; font-weight: 400; line-height: 26px; color: #000;margin:0 10px;}

.insta_mb{ display : block;}
.insta_pc{ display : none;}

iframe.width-ajst {max-width:100%;margin-bottom: -50px;}
.author {font-size:0.6rem;margin: 0 0 50px 0;text-align:right;display:block;}

.paging_hover:link {color: #0071c2;}
.paging_hover:visited {color: #0071c2;}
.paging_hover:active {color: #0071c2;}
.paging_hover:hover {color: white;background-color:#0071c2;}
.recommendpoint_wrap {display: block;}
.recommendpoint_div {margin-bottom: 30px}
#recommendpoint1 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint2 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint3 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint4 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint5 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint6 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint7 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint8 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint9 {
	width: auto;
	height:auto;
	margin-bottom: 50px;
	background: none;
}
#recommendpoint1_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_1.jpg");
}
#recommendpoint2_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_2.jpg");
}
#recommendpoint3_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_3.jpg");
}
#recommendpoint4_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_4.jpg");
}
#recommendpoint5_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_5.jpg");
}
#recommendpoint6_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_6.jpg");
}
#recommendpoint7_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_7.jpg");
}
#recommendpoint8_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_8.jpg");
}
#recommendpoint9_s {
	width: 100%;
    height: 295px;
	background-repeat: no-repeat;
	background: url("../images/home/recommendpoint/s_9.jpg");
}
.recommendpoint_title {margin: 5px;font-size: 1em;font-weight: bold;}
.recommendpoint_h {
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	width: 200px;
	background-color: #DEC8A3;
	border-radius: 0.35em;
	font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", "MS PMincho", "Shippori Mincho", serif;
}
}


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

.contents_wrap{width:100%;text-align:center;padding:40px 0 20px 0;margin:0;}
.contents{ clear:both; display: block; max-width : 1080px ; margin : 0 auto ; padding : 0;}

.areaTitle { border-top: solid 1px #d6cdbe; border-bottom: solid 1px #d6cdbe; width: 400px; color: #a18553;
  text-align: center; font-size: 20px; padding: 15px 0; line-height: 1; letter-spacing: 0.1em; font-weight: normal; margin: 0 auto 40px auto;
  font-family: "????", "YuMincho", "???", "Yu Mincho", "?????? ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "?????? ProN", "Hiragino Mincho ProN", "?????? Pro", "Hiragino Mincho Pro", "HGS??E", "MS P??", "MS PMincho", serif;
}

.topMainTxt { font-size: 13px; font-weight: 400; line-height: 26px; color: #000;}

.insta_pc{ display : block;}
.insta_mb{ display : none;}

.author {font-size:0.8rem;margin:-5px auto 20px auto;color:#2E2D2D ;text-align:right;width:560px;display:block;}

.paging_hover:link {color: #0071c2;}
.paging_hover:visited {color: #0071c2;}
.paging_hover:active {color: #0071c2;}
.paging_hover:hover {color: white;background-color:#0071c2;}


}