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

#header-wrap {
	background: url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;
}
#header {
	width: 100%;
	max-width: 1000px;
	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;
}

#navi{position: sticky; top: 0; z-index: 99; background: rgba(31,31,31,0.8); }
#navi ul{display: flex; justify-content: center; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#navi li{width: 280px; padding: 0 50px 0; border-left: 1px solid #fff;}
#navi li:last-child{border-right: 1px solid #fff;}

@media screen and (max-width: 480px){
#navi li{padding: 0;}
}


section div{max-width: 1100px; margin: auto;}



#hero{background: url("../img/img01_bg.jpg") repeat-x; background-size:auto 467px; background-position: center top;}


#plan{background: #0f1820;}





/*#safety{background: #d9dada;}*/



#notice{background: #0f1820; padding: 120px 0 0;}

footer{background: #0f1820;}


#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(199,22,36,1); color: #fff; display: block; 
width: 50px; line-height: 50px;
text-decoration: none; border-radius: 25px; }

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

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


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

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

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

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

#fukubukuro div{max-width: 80%; margin: auto;}

}






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



/*youtube*/

#notice div.mvwrap{max-width: 850px; margin: auto;}
#notice div.mv{
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    height: 0;
    overflow: hidden;
	}
#notice div.mv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 0;}

#notice h2{width: 444px; margin: 0 auto 30px;}
#notice .btn{margin: 30px auto 50px; width: 850px;}
#notice .btn p{width: 259px;}


@media screen and (max-width: 480px){
#notice div.mvwrap{max-width: 85%; margin: auto;}

#notice h2{width: 62%; margin: 0 auto 7px;}
#notice .btn{margin: 7px auto 0px; width: 85%;}
#notice .btn p{width: 59%;}

}


/**/


.days{font-size: 44px; color: #fff; text-align: center; margin: 30px auto 70px; font-family: 'Bree Serif', serif;}

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

.days{font-size: 22px; color: #fff; text-align: center; margin: 0px auto 15px;}

}