@charset "utf-8";

/* ============================================================

style.css

============================================================ */

* {
  box-sizing: border-box;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	font-size:62.5%;
}

body {
	margin:0;
	padding:0;
	background:#fcfcfc;
	font-size:1.4rem;
	line-height:1.8;
	color: #111111;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	-webkit-backface-visibility: hidden;
}
@media screen and (max-width:559px) {
	body {
		font-size:1.2rem;
	}
}

body::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#fcfcfc;
	z-index: 9999;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .8s ease;
	transition: opacity .8s ease;
}
body.fadeout::after {
	opacity: 1;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address { margin:0px; padding:0px; list-style-type:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
img { vertical-align:middle; border:0; }
em { text-decoration:none; font-style:normal; }


/* margin top
------------------------------------------------------------ */
.mt0 { margin-top:0px!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }
.mt55 { margin-top:55px!important; }
.mt60 { margin-top:60px!important; }
.mt65 { margin-top:65px!important; }
.mt70 { margin-top:70px!important; }
.mt75 { margin-top:75px!important; }
.mt80 { margin-top:80px!important; }
.mt85 { margin-top:85px!important; }
.mt90 { margin-top:90px!important; }
.mt95 { margin-top:95px!important; }
.mt100 { margin-top:100px!important; }

@media screen and (min-width: 560px) {
	.mt0pc { margin-top:0px!important; }
	.mt5pc { margin-top:5px!important; }
	.mt10pc { margin-top:10px!important; }
	.mt15pc { margin-top:15px!important; }
	.mt20pc { margin-top:20px!important; }
	.mt25pc { margin-top:25px!important; }
	.mt30pc { margin-top:30px!important; }
	.mt35pc { margin-top:35px!important; }
	.mt40pc { margin-top:40px!important; }
	.mt45pc { margin-top:45px!important; }
	.mt50pc { margin-top:50px!important; }
	.mt60pc { margin-top:60px!important; }
	.mt70pc { margin-top:70px!important; }
	.mt80pc { margin-top:80px!important; }
}
@media screen and (max-width: 559px) {
	.mt0sp { margin-top:0px!important; }
	.mt5sp { margin-top:5px!important; }
	.mt10sp { margin-top:10px!important; }
	.mt15sp { margin-top:15px!important; }
	.mt20sp { margin-top:20px!important; }
	.mt25sp { margin-top:25px!important; }
	.mt30sp { margin-top:30px!important; }
	.mt35sp { margin-top:35px!important; }
	.mt40sp { margin-top:40px!important; }
	.mt45sp { margin-top:45px!important; }
	.mt50sp { margin-top:50px!important; }
}


/* nagative margin
------------------------------------------------------------ */
.nmt5 { margin-top:-5px!important; }
.nmt10 { margin-top:-10px!important; }
.nmt15 { margin-top:-15px!important; }
.nmt20 { margin-top:-20px!important; }
.nmt25 { margin-top:-25px!important; }
.nmt30 { margin-top:-30px!important; }
.nmt35 { margin-top:-35px!important; }
.nmt40 { margin-top:-40px!important; }
.nmt45 { margin-top:-45px!important; }
.nmt50 { margin-top:-50px!important; }
.nmt55 { margin-top:-55px!important; }
.nmt60 { margin-top:-60px!important; }
.nmt65 { margin-top:-65px!important; }
.nmt70 { margin-top:-70px!important; }
.nmt75 { margin-top:-75px!important; }
.nmt80 { margin-top:-80px!important; }
.nmt85 { margin-top:-85px!important; }
.nmt90 { margin-top:-90px!important; }
.nmt95 { margin-top:-95px!important; }
.nmt100 { margin-top:-100px!important; }



/* margin bottom
------------------------------------------------------------ */
.mb0 { margin-bottom:0px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb55 { margin-bottom:55px!important; }
.mb60 { margin-bottom:60px!important; }
.mb65 { margin-bottom:65px!important; }
.mb70 { margin-bottom:70px!important; }
.mb75 { margin-bottom:75px!important; }
.mb80 { margin-bottom:80px!important; }
.mb85 { margin-bottom:85px!important; }
.mb90 { margin-bottom:90px!important; }
.mb95 { margin-bottom:95px!important; }
.mb100 { margin-bottom:100px!important; }

@media screen and (min-width: 560px) {
	.mb0pc { margin-bottom:0px!important; }
	.mb5pc { margin-bottom:5px!important; }
	.mb10pc { margin-bottom:10px!important; }
	.mb15pc { margin-bottom:15px!important; }
	.mb20pc { margin-bottom:20px!important; }
	.mb25pc { margin-bottom:25px!important; }
	.mb30pc { margin-bottom:30px!important; }
	.mb35pc { margin-bottom:35px!important; }
	.mb40pc { margin-bottom:40px!important; }
	.mb45pc { margin-bottom:45px!important; }
	.mb50pc { margin-bottom:50px!important; }
}

@media screen and (max-width: 559px) {
	.mb0sp { margin-bottom:0px!important; }
	.mb5sp { margin-bottom:5px!important; }
	.mb10sp { margin-bottom:10px!important; }
	.mb15sp { margin-bottom:15px!important; }
	.mb20sp { margin-bottom:20px!important; }
	.mb25sp { margin-bottom:25px!important; }
	.mb30sp { margin-bottom:30px!important; }
	.mb35sp { margin-bottom:35px!important; }
	.mb40sp { margin-bottom:40px!important; }
	.mb45sp { margin-bottom:45px!important; }
	.mb50sp { margin-bottom:50px!important; }
}



/* margin right
------------------------------------------------------------ */
.mr0 { margin-right:0px!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }
.mr55 { margin-right:55px!important; }
.mr60 { margin-right:60px!important; }
.mr65 { margin-right:65px!important; }
.mr70 { margin-right:70px!important; }
.mr75 { margin-right:75px!important; }
.mr80 { margin-right:80px!important; }
.mr85 { margin-right:85px!important; }
.mr90 { margin-right:90px!important; }
.mr95 { margin-right:95px!important; }
.mr100 { margin-right:100px!important; }

@media screen and (min-width: 560px) {
	.mr0pc { margin-right:0px!important; }
	.mr5pc { margin-right:5px!important; }
	.mr10pc { margin-right:10px!important; }
	.mr15pc { margin-right:15px!important; }
	.mr20pc { margin-right:20px!important; }
	.mr25pc { margin-right:25px!important; }
	.mr30pc { margin-right:30px!important; }
	.mr35pc { margin-right:35px!important; }
	.mr40pc { margin-right:40px!important; }
	.mr45pc { margin-right:45px!important; }
	.mr50pc { margin-right:50px!important; }
}
@media screen and (max-width: 559px) {
	.mr0sp { margin-right:0px!important; }
	.mr5sp { margin-right:5px!important; }
	.mr10sp { margin-right:10px!important; }
	.mr15sp { margin-right:15px!important; }
	.mr20sp { margin-right:20px!important; }
	.mr25sp { margin-right:25px!important; }
	.mr30sp { margin-right:30px!important; }
	.mr35sp { margin-right:35px!important; }
	.mr40sp { margin-right:40px!important; }
	.mr45sp { margin-right:45px!important; }
	.mr50sp { margin-right:50px!important; }
}



/* margin left
------------------------------------------------------------ */
.nml5 { margin-left:-5px!important; }
.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }
.ml55 { margin-left:55px!important; }
.ml60 { margin-left:60px!important; }
.ml65 { margin-left:65px!important; }
.ml70 { margin-left:70px!important; }
.ml75 { margin-left:75px!important; }
.ml80 { margin-left:80px!important; }
.ml85 { margin-left:85px!important; }
.ml90 { margin-left:90px!important; }
.ml95 { margin-left:95px!important; }
.ml100 { margin-left:100px!important; }

@media screen and (min-width: 560px) {
	.ml0pc { margin-left:0px!important; }
	.ml5pc { margin-left:5px!important; }
	.ml10pc { margin-left:10px!important; }
	.ml15pc { margin-left:15px!important; }
	.ml20pc { margin-left:20px!important; }
	.ml25pc { margin-left:25px!important; }
	.ml30pc { margin-left:30px!important; }
	.ml35pc { margin-left:35px!important; }
	.ml40pc { margin-left:40px!important; }
	.ml45pc { margin-left:45px!important; }
	.ml50pc { margin-left:50px!important; }
}

@media screen and (max-width: 559px) {
	.ml0sp { margin-left:0px!important; }
	.ml5sp { margin-left:5px!important; }
	.ml10sp { margin-left:10px!important; }
	.ml15sp { margin-left:15px!important; }
	.ml20sp { margin-left:20px!important; }
	.ml25sp { margin-left:25px!important; }
	.ml30sp { margin-left:30px!important; }
	.ml35sp { margin-left:35px!important; }
	.ml40sp { margin-left:40px!important; }
	.ml45sp { margin-left:45px!important; }
	.ml50sp { margin-left:50px!important; }
}




/* margin all
------------------------------------------------------------ */
.ma0 { margin:0px!important; }
.ma5 { margin:5px!important; }
.ma10 { margin:10px!important; }
.ma15 { margin:15px!important; }
.ma20 { margin:20px!important; }
.ma25 { margin:25px!important; }
.ma30 { margin:30px!important; }
.ma35 { margin:35px!important; }
.ma40 { margin:40px!important; }
.ma45 { margin:45px!important; }
.ma50 { margin:50px!important; }



/* padding top
------------------------------------------------------------ */
.pt0 { padding-top:0px!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt45 { padding-top:45px!important; }
.pt50 { padding-top:50px!important; }
.pt55 { padding-top:55px!important; }
.pt60 { padding-top:60px!important; }
.pt65 { padding-top:65px!important; }
.pt70 { padding-top:70px!important; }
.pt75 { padding-top:75px!important; }
.pt80 { padding-top:80px!important; }
.pt85 { padding-top:85px!important; }
.pt90 { padding-top:90px!important; }
.pt95 { padding-top:95px!important; }
.pt100 { padding-top:100px!important; }

@media screen and (min-width: 560px) {
	.pt0pc { padding-top:0px!important; }
	.pt10pc { padding-top:10px!important; }
	.pt20pc { padding-top:20px!important; }
	.pt30pc { padding-top:30px!important; }
	.pt40pc { padding-top:40px!important; }
	.pt50pc { padding-top:50px!important; }
	.pt120pc { padding-top:120px!important; }
}
@media screen and (max-width: 559px) {
	.pt10sp { padding-top:10px!important; }
	.pt20sp { padding-top:20px!important; }
	.pt30sp { padding-top:30px!important; }
	.pt40sp { padding-top:40px!important; }
	.pt50sp { padding-top:50px!important; }
}



/* padding bottom
------------------------------------------------------------ */
.pb0 { padding-bottom:0px!important; }
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }
.pb55 { padding-bottom:55px!important; }
.pb60 { padding-bottom:60px!important; }
.pb65 { padding-bottom:65px!important; }
.pb70 { padding-bottom:70px!important; }
.pb75 { padding-bottom:75px!important; }
.pb80 { padding-bottom:80px!important; }
.pb85 { padding-bottom:85px!important; }
.pb90 { padding-bottom:90px!important; }
.pb95 { padding-bottom:95px!important; }
.pb100 { padding-bottom:100px!important; }

@media screen and (min-width: 560px) {
	.pb10pc { padding-bottom:10px!important; }
	.pb20pc { padding-bottom:20px!important; }
	.pb30pc { padding-bottom:30px!important; }
	.pb40pc { padding-bottom:40px!important; }
	.pb50pc { padding-bottom:50px!important; }
}
@media screen and (max-width: 559px) {
	.pb10sp { padding-bottom:10px!important; }
	.pb20sp { padding-bottom:20px!important; }
	.pb30sp { padding-bottom:30px!important; }
	.pb40sp { padding-bottom:40px!important; }
	.pb50sp { padding-bottom:50px!important; }
}



/* padding right
------------------------------------------------------------ */
.pr0 { padding-right:0px!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }
.pr50 { padding-right:50px!important; }
.pr55 { padding-right:55px!important; }
.pr60 { padding-right:60px!important; }
.pr65 { padding-right:65px!important; }
.pr70 { padding-right:70px!important; }
.pr75 { padding-right:75px!important; }
.pr80 { padding-right:80px!important; }
.pr85 { padding-right:85px!important; }
.pr90 { padding-right:90px!important; }
.pr95 { padding-right:95px!important; }
.pr100 { padding-right:100px!important; }



/* padding left
------------------------------------------------------------ */
.pl0 { padding-left:0px!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl45 { padding-left:45px!important; }
.pl50 { padding-left:50px!important; }
.pl55 { padding-left:55px!important; }
.pl60 { padding-left:60px!important; }
.pl65 { padding-left:65px!important; }
.pl70 { padding-left:70px!important; }
.pl75 { padding-left:75px!important; }
.pl80 { padding-left:80px!important; }
.pl85 { padding-left:85px!important; }
.pl90 { padding-left:90px!important; }
.pl95 { padding-left:95px!important; }
.pl100 { padding-left:100px!important; }



/* padding all
------------------------------------------------------------ */
.pa0 { padding:0px!important; }
.pa5 { padding:5px!important; }
.pa10 { padding:10px!important; }
.pa15 { padding:15px!important; }
.pa20 { padding:20px!important; }
.pa25 { padding:25px!important; }
.pa30 { padding:30px!important; }
.pa35 { padding:35px!important; }
.pa40 { padding:40px!important; }
.pa45 { padding:45px!important; }
.pa50 { padding:50px!important; }

/* width
------------------------------------------------------------ */
.w50 { width:50%!important; }
.w100 { width:100%!important; }



/* layout style
------------------------------------------------------------ */
.left { float:left; display: inline; }
.right { float:right; display: inline; }
.clear { clear:both; display: inline; }

.taL { text-align: left!important; }
.taC { text-align: center!important; }
.taR { text-align: right!important; }

@media screen and (max-width: 559px) {
	.taCsp { text-align: center; }
}
@media screen and (min-width: 560px) {
	.taCpc { text-align: center; }
}



/* font style
------------------------------------------------------------ */
@font-face {
  font-family:'SourceHanSerifJP';
  src: url("/-/media/hotel/hh/senrihh/contents/50th_anniversary/font/SourceHanSerifJP-Regular-woff2.woff2") format('woff2'),
       url("/-/media/hotel/hh/senrihh/contents/50th_anniversary/font/SourceHanSerifJP-Regular-woff.woff") format('woff');
}
@font-face {
  font-family:'EBGaramond';
  src: url("/-/media/hotel/hh/senrihh/contents/50th_anniversary/font/EBGaramond-woff2.woff2") format('woff2'),
       url("/-/media/hotel/hh/senrihh/contents/50th_anniversary/font/EBGaramond-woff.woff") format('woff');
}

.fsMincho { font-family:'SourceHanSerifJP'; letter-spacing:0.05em; }

.fcRed { color:#c40813!important; }
.fcBlue {color:#3e89c2!important;}

.fsSS { font-size:1.0rem; line-height:1;}
.fsS { font-size:1.2rem; line-height:1.8;}

.fsU1 { font-size:1.15em; line-height:1.8;}
.fsU2 { font-size:1.29em; line-height:1.8;}
.fsU3 { font-size:1.43em; line-height:1.8;}
.fsU4 { font-size:1.58em; line-height:1.8;}
.fsU5 { font-size:1.72em; line-height:1.8;}
.fsD1 { font-size:0.86em; line-height:1.6;}
.fsD2 { font-size:0.72em; line-height:1.6;}
.fsD3 { font-size:0.58em; line-height:1.6;}

.em3 { width:3em; display:inline-block; text-align:left; }
.em4 { width:4em; display:inline-block; text-align:left; }
.em5 { width:5em; display:inline-block; text-align:left; }
.em6 { width:6em; display:inline-block; text-align:left; }
.em7 { width:7em; display:inline-block; text-align:left; }
.em8 { width:8em; display:inline-block; text-align:left; }
.em9 { width:9em; display:inline-block; text-align:left; }

.bold { font-weight:bold; }
.arrTxt { font-size:1rem; line-height:1.5em; }

.text-indent05{ text-indent:-0.5em; }

/* -- ルビ -- */
.ruby {
	display:inline-block;
	position:relative;
	line-height:1;
}
.ruby .rt{
	font-size:8px;
	letter-spacing:-0.05em;
	position:absolute;
	top:-1.2em;
	left:-50%;
	text-align:center;
	width:200%;
	display:block;
	text-indent:0;
}
.ruby .rt2{
	font-size:8px;
	letter-spacing:-0.05em;
	position:absolute;
	top:-1.8em;
	left:-50%;
	text-align:center;
	width:200%;
	display:block;
	text-indent:0;
}
.ruby .rt3{
	font-size:10px;
	letter-spacing:-0.05em;
	position:absolute;
	top:-1.0em;
	left:-50%;
	text-align:center;
	width:200%;
	display:block;
	text-indent:0;
}
.ruby .rt4{
	font-size:12px;
	letter-spacing:-0.05em;
	position:absolute;
	top:-0.6em;
	left:-50%;
	text-align:center;
	width:200%;
	display:block;
	text-indent:0;
}
.ruby .rt5{
	font-size:12px;
	letter-spacing:-0.05em;
	position:absolute;
	top:-0.9em;
	left:-50%;
	text-align:center;
	width:200%;
	display:block;
	text-indent:0;
}
@media screen and (max-width: 559px) {
	.ruby .rt4{
		font-size:10px;
	}
}

/* link
------------------------------------------------------------ */
a:hover { 
	-webkit-transition: all 0.5s ease;
	transition:all 0.5s ease;
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	opacity:0.6; 
	zoom:1; /*IE*/
}

/* list
------------------------------------------------------------ */
.clist li { margin:0; padding:0; } 
.clist li { margin:0; padding:0 0 0 1em; text-indent:-1em; } 

/* overflow
------------------------------------------------------------ */
.ofh { overflow: hidden;}



/* br
------------------------------------------------------------ */

.diib { display:inline-block; }

@media screen and (min-width: 560px) {
	.pc { display:block!important; }
	.sp { display:none!important; }
	.diib-pc { display:inline-block; }
	.diib-sp { display:none; }
	.sp_br { display:none; }
}
@media screen and (max-width: 559px) {
	.sp { display:block!important; }
	.pc { display:none!important; }
	.diib-pc { display:none; }
	.diib-sp { display:inline-block; }
	.pc_br { display:none; }
}
@media screen and (max-width: 959px) {
	.pc_tab_br { display:none; }
}


/* clearfix
------------------------------------------------------------ */
.cf:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
* html .cf { zoom:1; } /* IE6 */
*:first-child+html .cf { zoom:1; } /* IE7 */