@charset "UTF-8";
/* ----------------------------------------
   index.css
---------------------------------------- */
html, body {
	font-size: 10px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
body {
	margin: 0;
	padding: 0;
	background: #e4e3d7;
	line-height: 1.5;
	text-align: center;
}
body * {
	box-sizing: border-box;
}

#header-wrap {
	background: url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;
}
#header {
	width: 100%;
	max-width: 1100px;
	height: 62px;
	text-align: left;
	margin: 0 auto;
}

#header table,
#copyright {
	width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

#header table img {
	vertical-align: middle;
}

#container {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
}
main {
	display: block;
	/*max-width: 1100px;*/
	margin: 0 auto;
}

#hero{background: #020203;}

#hero div,
#resut1 div,
#resut2 div,
#resut3 div,
#resut4 div,
#safety div,
#reservation div
{max-width: 1100px; margin: auto;}

#reservation{background: #292450;}
#safety{background: #c8c9ca;}

#menu{position: sticky; top:0; left: 0; background: #28247c;}
#menu div{max-width: 1100px; margin: auto;}

#footer {
    background: #fff url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_footer/bg01.gif) repeat-x;
    padding: 25px 0px 15px 0px;
}

#copyright {
    text-align: right;
    margin: 0 auto;
}






.splite {
	overflow: hidden;
	height: 0;
}

area{border: none; outline: none;}

#gototop{position: fixed; right: 20px; bottom: 20px;  }
#gototop a{font-size: 15px; background: rgb(0,0,0,0.6); color: #fff; display: block; padding: 15px 20px; text-decoration: none;}

/* @media : PC */
@media screen and (min-width: 769px) {
    .sp { display: none; }
	#menu_sp{ display: none; }
}/* /@media */

/* @media : SP */
@media screen and (max-width: 768px) {
    .pc { display: none; }
	
	#menu_sp{display: block;}
	
	#header table,
	#copyright {
		width: 96%;
	}
}/* /@media */


.fadein {
  opacity : 0;
  transform: translateY(100px);
  transition: all 1s;
}

#links {
    padding: 1.5em;
    font-size: 1.5rem;
}
#links ul {
    letter-spacing: -0.38em;
}
#links ul li {
    display: inline-block;
    padding: 0 1em;
    border-left: 1px solid #555;
    letter-spacing: normal;
}
#links ul li:last-child {
    border-right: 1px solid #555;
}
#links ul li a {
    color: #555;
}

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

#links ul li,
#links ul li:last-child{border-left:none; border-right:none;}
}



  /*PCでは電話番号リンクなし*/
@media (min-width: 751px) {
.sp_tell{pointer-events: none;}
}


/**/

#menu_sp{z-index: 99; position: absolute; top: 0; left: 0; background: #28247c;}
#menu_sp.in{ position: fixed; top: 0; left: 0;}
#menu_sp .mbtn{width: 44px; height: 44px; cursor: pointer; margin-top: -100px;}
#menu_sp.in .mbtn{margin-top: 0;}


#menu_sp.in .mbtn{ 
  opacity: 0;
  animation-name:sample01;
  animation-duration:1s; 
  animation-fill-mode: forwards;}
@keyframes sample01 {
0% {
 opacity: 0;
 transform: translateY(-30px);
}
  100%{
    opacity: 1;
     transform: translateY(0);
  }
}