@charset "UTF-8";
/*レスポンシブ対応-----------------------------------------------------------------------------------------------------------------*/
/* --------------------
タブレット
-------------------- */
@media only screen and (max-width: 750px) {
	img { width:100%; height:auto; }
	.pc { display:none; }
	.sp { display:block; }
    
    .in-pc { display:none; }/*20180604 MARRIOT*/
.in-sp { display:inline-block; }/*20180604 MARRIOT*/
	
	/* ----------------------------------
	サイト共通要素
	---------------------------------- */
	#main {
		max-width: 100%;
		margin:0 auto;
		overflow: hidden;
		position: relative;
	}
	h2 {
		font-size: 8vw;
		line-height: 1.2;
		letter-spacing: 0;
	}
	h3 {
		font-size: 3vw;
	}
	.categoryBlock {
		padding:0 0 10%;
		margin:0 auto;
		max-width: 100%;
	}
	#CP.categoryBlock {
		padding:10% 0;
	}
	
	.categoryBlock p,
	#ScenicSpot p {
		text-align: left;
		line-height: 1.8;
	}
	
	.moreBTN a {
		border:#d1d1d2 1px solid;
		padding:3% 10%;
		text-decoration: none;
		color:#53585a;
		font-size:16px;
	}
	.moreBTN a:hover {
		background:#b7aca7;
		color:#fff;
	}
	
	
	/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	header
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	#header {
		position: fixed;
		/*position: absolute;*/
		width:100%;
		z-index: 999;
		top:0;
		left: 0;
		/*overflow: auto;
		height: 100%;*/
	}
	
			/* 20180926 */
		.spmb {
		position: fixed;
			top: 0;
			right: 0;
			z-index: 100;
	}
	/* /20180926 */

	#header #headerSet {
		position:relative;
	}

	#header #menuB {
		width:50px;
		height:50px;
		position:absolute;
		top:0;
		right:0;
		z-index:10;
	}

	#header p {
		/*border-bottom:#c9c9c9 1px solid;*/
	}

	#header #menu {
		background:#dcd8d6;
		position:inherit;
		width:100%;
		height: 100%;
		z-index:9;
	}
	#header #menu {
		overflow:scroll;
		height:auto;
		padding:5% 10%;
		width:80%;
	}
	#copyright {
		width:100%;
		position:absolute;
		top:0;
		font-size:50%;
}
	@media screen and (orientation:landscape) {
		#header #menu {
			overflow:scroll;
		}
	}

	#menu img.logo {
		width:10%;
		height: auto;
	}
	#menu ul.menuT {
		margin-top:5%;
		/*font-size:14px;*/
		font-size:16px; /* 20180926 */
		border-top: #a9a8ab 2px solid;
		border-bottom: #a9a8ab 2px solid;
	  /*display: none;*/
	}

	#menu ul.menuT li {
		
	}
	#menu ul.menuT li a {
		/*padding-top:5%;*/
		padding-top:6%;/* 20180926 */
		text-decoration: none;
		color: #24272a;
		display: block;
	}
	#menu ul.menuT li:last-child a {
		padding-bottom:5%;
	}
	#menu ul.menuT li a:hover {
		color: #a41e34;
	}
	
	#header #SNS_Icon {
		background:none;
		padding:0;
		margin:5% auto 0;
	}
	#header #SNS_Icon ul {
		margin:0 37.5%;
		width:25%;
	}
	#header #SNS_Icon li {
		width:28%;
		height: auto;
	}
	#SNS_Icon ul li:nth-child(2) {
		margin:0 8%;
	}
	
	/*------------------------------
     20180926 MARRIOT
--------------------------------*/
    /* menu inner */
    
    #menu ul.menuT li.toggle-sw {
            padding-top: 5%;
    }
    
    #menu ul.menuT li.toggle-sw span {
        position: relative;
        display: block;
    }
    
    #menu ul.menuT li.toggle-sw span:after {
        content: "";
        position: absolute;
        right: 3%;
        top: 9%;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top: 5px solid #000;
        transition: transform 0.3s ease-out;
    }
    
    #menu ul.menuT li.active span:after {
        transform: scale(1, -1);
        top: 9%;
    }
    
    #menu ul.menuT li ul {
        display: none;
            margin: 13px 0 0 0;
    }
    
    #menu ul.menuT li ul li {
        background: #ececec;
    }
    
    #menu ul.menuT li ul li a {
        padding-top: 0;
            padding: 3% 0;
    }
    
    #menu ul.menuT li ul li:last-child a {
        padding-bottom: 3%;
    }
/* /20180926 MARRIOT */
	
	
	
	
	/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	MENU ICON
	:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	#panel-btn{
	  display: inline-block;
	  position: relative;
	  /*border-radius: 50%;*//* 20180906 */
	  width:100%;
	  height:100%;
	  background: #FFF;/* 20180906 */
	  filter:alpha(opacity=60);/* 20180906 */
	  -moz-opacity: 0.6;/* 20180906 */
	  opacity: 0.6;/* 20180906 */
	  border-radius: 10px;/* 20180906 */
	  margin-top:12px;
	}
	#panel-btn:hover{

	}
	#panel-btn-icon{
	  display: block;
	  position: absolute;
	  top: 50%;
	  left: 30%;
	  width: 30px;
	  height: 2px;
	  margin: -1px 0 0 -7px;
	  background: #24272a;
	  transition: .2s;
	}
	#panel-btn-icon:before, #panel-btn-icon:after{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  width: 30px;
	  height: 2px;
	  background: #24272a;
	  transition: .3s;
	}
	#panel-btn-icon:before{
	  margin-top: -9px;
	}
	#panel-btn-icon:after{
	  margin-top: 7px;
	}
	#panel-btn .close{
	  background: transparent;
	}
	#panel-btn .close:before, #panel-btn .close:after{
	  margin-top: 0;
	}
	#panel-btn .close:before{
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after{
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	}
	
	/* ----------------------------------
	FOOTER
	---------------------------------- */
	#SNS_Icon {
		padding-top:0;
		padding-bottom:5%;
		margin-top:20px;
		text-align: center;
		border-top: none;
		*/background:#edebea;*/
	}
	#SNS_Icon a.pageTop {
		position:absolute;
		width:25%;
		top:3%;
		right:3%;
		color:#53585a;
	}
	#SNS_Icon ul {
		margin:0 30%;
		width:30%;
	}
	#SNS_Icon ul li {
		float:left;
		width:28%;
	}
	#SNS_Icon ul li:nth-child(2) {
		margin:0 8%;
	}
	
	#Footer {
		width:100%;
		margin:0 auto;
		padding:0 0;
		text-align: center;
		letter-spacing: 0.1em;
		font-size:18px;
		border-top: #dcdada 2px solid;
		font-size: 4vw;
	}
	
	#Footer ul {
		margin:0 auto 3%;
		width:80%;
		text-align: center;
	}
	#Footer li {
		float:left;
		margin-right:0;
		padding:2% 0;
		text-align: left !important;
		width:50%;
	}
	#Footer li:nth-child(even) {
		width:30%;
	}
	
	#Footer a:hover {
		color:#A0072B;
	}
	#Footer .otherLinks {
		text-align:right;
		width:100%;
		margin:0 auto;
		padding-bottom:5%;
		border-bottom: #dcdada 2px solid;
	}
	ul.menu2 li { margin-left:0; list-style:none; text-indent: 0; }
	ul.menu2 li:before { content:""; }
	
	#Footer .otherLinks ul {
		display:block;
		width: 80%;
		margin: 0 auto !important;
	}
	#Footer .otherLinks ul li {
		line-height: 24px;
		float:none;
		width:100%;
		padding:2% 0;
	}
	#Footer .otherLinks .language a {
		display: block;
		margin-top:0;
		padding:1% 0 !important;
		border:#A7A8A9 1px solid;
		text-align: center;
	}
	#Footer .otherLinks .language a:hover {
		border:#A0072B 1px solid;
		background: #A0072B;
		color: #fff;
	}
	#Footer p.logo {
		margin-bottom:30px;
		width: 40%;
		margin:0 auto;
	}
	
	#Footer #HotelName {
		text-align:center;
		font-size: 3vw;
	}
	#Footer #HotelName ul {
		margin:7% auto 0;
		display:inline-block;
	}
	#Footer #HotelName ul li {
		float:none;
		width:100%;
		padding:0 0 1%;
		text-align: center !important;
		display:inline-block;
	}
	
	#Footer #HotelName ul li.hotelN {
		padding-left:0;
		border-left:none;
	}
	
	#Footer p.address {
		margin:7% 0 5%;
		line-height: 1.5;
		font-size: 16px;
		font-size: 3vw;
	}
	
	/* ----------------------------------
	下層ページ共通
	---------------------------------- */
	body.lower .LowerMain {
		padding: 10% 10% 0;
		width:80%;
		margin: 0 auto;
	}
	body.lower .LowerMain p {
		margin:5% 0;
		text-align: left;
		line-height: 1.8;
	}
	body.lower .LowerMain p.copy {
		margin-bottom:5%;
	}
	
	body.lower .w765,
	body.lower .w575 {
		width:100%;
		margin: 0;
		padding: 0;
	}
	body.lower .w1220 {
		width:100%;
		padding:10% 0 5%;
		margin-bottom: 10%;
	}
	body.lower h4 {
		font-size: 4.5vw;
		line-height: 1.5;
		margin:8% 0;
	}
	body.lower .moreBTN2 a,
	body.lower .moreBTN2 a.sp {
		padding:7% 25%;
		font-size:16px;
	}
	body.lower .moreBTN3 a {
		padding:30px 50px;
		font-size:16px;
	}
}
/* --------------------
スマホ
-------------------- */




/* 縦横切り替え */
@media only screen and (orientation: portrait) {/*縦*/
	.cboxPhoto {
		width: 100% !important;
		height: auto !important;
	}
}

@media only screen and (orientation: landscape) {/*横*/
	.cboxPhoto {
		width: auto !important;
		height: 100% !important;
	}
}