@charset "UTF-8";

/*  -----------------------------------------------------------
	全ページ共通
-----------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,code,em,img,small,strong,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,embed,figure,figcaption,footer,header,nav,section,summary,time,audio,video,fieldset,legend,input,button,textarea,select{border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}html{font-size:10px;overflow-y:scroll;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body,input,button,select,textarea{font-family:"Yu Gothic Medium",YuGothic,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",HelveticaNeue,Arial,Verdana,"游ゴシック体","游ゴシック Medium","游ゴシック","Yu Gothic",Meiryo,sans-serif;color:#323743}body{min-width:320px;height:100%;background:#fff;color:#323743;font-size:1.6rem;line-height:2;-webkit-text-size-adjust:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}h1,h2,h3,h4,h5,h6{line-height:1.3}img{vertical-align:top;max-width:100%;height:auto}input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;outline:none}input,select{line-height:normal}select::-ms-expand{display:none}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}button,label{cursor:pointer}strong{font-weight:700}em{font-style:italic}a{text-decoration:none;color:#0012ff;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}hr{border:none;border-top:1px solid #ddd}

/*  PC/SP表示
-----------------------------------------------------------*/
.pc-only{display:none}.sp-only{display:block}@media print,screen and (min-width:1000px){.pc-only{display:block}.sp-only{display:none}}

/*  アイコン
-----------------------------------------------------------*/
.m-ico{font-style: normal;vertical-align: middle;font-weight:normal;}.m-ico:before{display: inline-flex;align-items: center;font-family:'Material Icons Round';content: attr(data-icon);font-size: 100%;}

/*  リンク
-----------------------------------------------------------*/
@media print,screen and (min-width:1000px){a:hover{opacity:.6}}*{-webkit-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}

/*  簡易ヘッダー
-----------------------------------------------------------*/
@media print,screen and (max-width:999px){#page_header{letter-spacing:.025em;line-height:1.42857;font-family:Meiryo,"\30E1\30A4\30EA\30AA",Arial,sans-serif;font-size:10px;text-align:left;word-break:break-word;color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}#page_header *,#page_header *::before,#page_header *::after{box-sizing:border-box}#page_header p{margin:0;padding:0}#page_header ul{margin:0;padding:0}#page_header ul li{margin:0;padding:0;list-style:none}#page_header a{text-decoration:none;color:#125687;background-color:transparent}#page_header a:hover,#page_header a:focus,#page_header a:active{text-decoration:underline}#page_header a:hover img,#page_header a:focus img,#page_header a:active img{opacity:.7}#page_header a:not([href]):not([tabindex]){text-decoration:none;color:inherit}#page_header a:not([href]):not([tabindex]):hover,#page_header a:not([href]):not([tabindex]):focus,#page_header a:not([href]):not([tabindex]):active{text-decoration:none;color:inherit}#page_header a:not([href]):not([tabindex]):focus{outline:0}#page_header img{max-width:100%;vertical-align:middle}#page_header b{font-weight:700}#page_header em{font-weight:700;font-style:normal}#page_header button{font-family:inherit;font-size:inherit;padding:0;border:0;border-radius:0;background:none}#page_header button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}#page_header button::-moz-focus-inner,#page_header [type="button"]::-moz-focus-inner,#page_header [type="reset"]::-moz-focus-inner,#page_header [type="submit"]::-moz-focus-inner{padding:0;border-style:none}#page_header a,#page_header button{touch-action:manipulation}#page_header [hidden]{display:none}#page_header [tabindex="-1"]:focus{outline:none}#page_header .icon_window{width:13px;height:auto;margin-left:5px;vertical-align:middle;image-rendering:-webkit-optimize-contrast}#page_header div,#page_header p,#page_header ul,#page_header ol{font-size:inherit}#page_header .link::before,#page_header .link_02::before{display:none}#page_header a:hover img,#page_header a:focus img,#page_header a:active img{opacity:1}#page_header .str_segment{min-width:320px;background:#fff}#page_header .str_outer{width:100%;margin:0 auto;padding:0 10px}#page_header .str_segment.-simple_header{border-bottom:1px solid #e5e5e5}#page_header .str_segment.-simple_header .site_id{width:calc(100% - 60px)}#page_header .str_segment.-simple_header .site_id a{display:inline-block}#page_header .str_segment.-simple_header .site_id img{width:100%;max-width:55px;image-rendering:-webkit-optimize-contrast}#page_header .str_segment.-simple_header .str_inner{padding:9px 0}#page_header{position:relative}}@media print,screen and (min-width:1000px){#page_header{letter-spacing:.025em;line-height:1.42857;font-family:Meiryo,"\30E1\30A4\30EA\30AA",Arial,sans-serif;font-size:10px;text-align:left;word-break:break-word;color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}#page_header *,#page_header *::before,#page_header *::after{box-sizing:border-box}#page_header p{margin:0;padding:0}#page_header ul{margin:0;padding:0}#page_header ul li{margin:0;padding:0;list-style:none}#page_header a{text-decoration:none;color:#125687;background-color:transparent}#page_header a:hover,#page_header a:focus,#page_header a:active{text-decoration:underline}#page_header a:hover img,#page_header a:focus img,#page_header a:active img{opacity:.7}#page_header a:not([href]):not([tabindex]){text-decoration:none;color:inherit}#page_header a:not([href]):not([tabindex]):hover,#page_header a:not([href]):not([tabindex]):focus,#page_header a:not([href]):not([tabindex]):active{text-decoration:none;color:inherit}#page_header a:not([href]):not([tabindex]):focus{outline:0}#page_header img{max-width:100%;vertical-align:middle}#page_header b{font-weight:700}#page_header em{font-weight:700;font-style:normal}#page_header button{font-family:inherit;font-size:inherit;padding:0;border:0;border-radius:0;background:none}#page_header button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}#page_header button::-moz-focus-inner,#page_header [type="button"]::-moz-focus-inner,#page_header [type="reset"]::-moz-focus-inner,#page_header [type="submit"]::-moz-focus-inner{padding:0;border-style:none}#page_header a,#page_header button{touch-action:manipulation}#page_header [hidden]{display:none}#page_header [tabindex="-1"]:focus{outline:none}#page_header .icon_window{width:13px;height:auto;margin-left:5px;vertical-align:middle;image-rendering:-webkit-optimize-contrast}#page_header div,#page_header p,#page_header ul,#page_header ol{font-size:inherit}#page_header{margin:0 0 8px 0}#page_header .str_segment{background:#fff;min-width:970px}#page_header .str_outer{max-width:1140px;width:100%;padding:0 10px;margin:0 auto}#page_header>*:only-child{border-bottom:1px solid #e5e5e5}#page_header .str_segment.-simple_header .str_inner{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;padding:10px 0 14px}#page_header .str_segment.-simple_header .site_id a{display:inline-block}#page_header .str_segment.-simple_header .site_id img{width:194px;image-rendering:-webkit-optimize-contrast}}

/*  簡易フッター
-----------------------------------------------------------*/
@media print,screen and (max-width:999px){#page_footer{letter-spacing:.025em;line-height:1.42857;font-family:Meiryo,"\30E1\30A4\30EA\30AA",Arial,sans-serif;font-size:10px;text-align:left;word-break:break-word;color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}#page_footer *,#page_footer *::before,#page_footer *::after{box-sizing:border-box}#page_footer p{margin:0;padding:0}#page_footer div,#page_footer p,#page_footer ul,#page_footer ol{font-size:inherit}#page_footer{margin-top:50px}#page_footer .str_segment{min-width:320px;background:#fff}#page_footer .str_outer{width:100%;margin:0 auto;padding:0 10px}#page_footer .str_segment.-copyright{padding:14px 0;text-align:center;color:#333;border-top:1px solid #e1e1e1;background:#f7f7f7}#page_footer .str_segment.-copyright .site_copyright{font-size:1.3em}#page_footer .str_segment.-copyright .site_copyright small{font-size:inherit}}@media print,screen and (min-width:1000px){#page_footer{letter-spacing:.025em;line-height:1.42857;font-family:Meiryo,"\30E1\30A4\30EA\30AA",Arial,sans-serif;font-size:10px;text-align:left;word-break:break-word;color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}#page_footer *,#page_footer *::before,#page_footer *::after{box-sizing:border-box}#page_footer p{margin:0;padding:0}#page_footer div,#page_footer p,#page_footer ul,#page_footer ol{font-size:inherit}#page_footer{margin-top:100px}#page_footer .str_segment{background:#fff;min-width:970px}#page_footer .str_outer{max-width:1130px;width:100%;padding:0 10px;margin:0 auto}#page_footer .str_segment.-copyright{background:#f7f7f7;text-align:center;border-top:1px solid #e1e1e1;color:#333;padding:14px 0}#page_footer .str_segment.-copyright .site_copyright{font-size:1.3em}#page_footer .str_segment.-copyright .site_copyright small{font-size:inherit}}


/*  レイアウト
-----------------------------------------------------------*/
.main {
	padding-top: 30px;
}
@media print, screen and (min-width: 1000px) {
	.main {
		padding-top: 80px;
	}
}
.inner {
    padding-left: 16px;
    padding-right: 16px;
}
@media print, screen and (min-width: 1000px) {
	.inner{
		max-width: 1290px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
}

.sect{
	margin-top: 40px;
}
@media print, screen and (min-width: 1000px) {
	.sect{
		margin-top: 50px;
	}
}

/*  ※・リストマーク
-----------------------------------------------------------*/
ul.kome li,p.kome{position:relative;padding-left:1.2em;}ul.kome li:before,p.kome:before{position:absolute;left:0;top:0;content:"\203B"}ul.listdot li,p.listdot{position:relative;padding-left:1.2em;}ul.listdot li:before,p.listdot:before{position:absolute;left:0;top:0;content:"\30FB"}


/*  見出し
-----------------------------------------------------------*/
.mainttl{
	margin-bottom: 30px;
	font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.3;
}
@media print, screen and (min-width: 1000px) {
	.mainttl{
	    margin-bottom: 40px;
		font-size: 3rem;
	}
}
.ttl{
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.3;
}
@media print, screen and (min-width: 1000px) {
	.ttl{
		font-size: 2.2rem;
	}
}
.ttl-sub{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;	
}
@media print, screen and (min-width: 1000px) {
	.ttl{
		font-size: 2.0rem;
	}
}

/*  -----------------------------------------------------------
	ホテルグレードとは
-----------------------------------------------------------*/
.grademain{
	margin-top: 30px;
}
.grademain-list{
	border-bottom: solid 1px #BCBDC2;
}
.grademain-list dt, .grademain-list dd{
	padding: 10px;
}
.grademain-list dt{
	text-align: center;
	font-weight: bold;
	border-top: solid 1px #BCBDC2;
	border-right: solid 1px #BCBDC2;
	border-left: solid 1px #BCBDC2;
	background: #F4F5F5;
}
.grademain-list dd{
	border-top: solid 1px #BCBDC2;
	border-right: solid 1px #BCBDC2;
	border-left: solid 1px #BCBDC2;
}
.gradeico{
	margin-left: 10px;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1;
	letter-spacing: -.2em;
}
.star-on{
  color: #e18d52;
}
.star-off{
  color: #bcbdc2;
}

@media print, screen and (min-width: 1000px) {
	.grademain-list{
		display: flex;
		flex-wrap: wrap;
		border-right: solid 1px #BCBDC2;
	}
	.grademain-list dt, .grademain-list dd{
		padding: 20px;
	}
	.grademain-list dt{
		width: 400px;
		border: none;
		border-left: solid 1px #BCBDC2;
		border-top: solid 1px #BCBDC2;
		background: #F4F5F5;
	}
	.grademain-list dd{
		width: calc(100% - 400px);
		border: none;
		border-left: solid 1px #BCBDC2;
		border-top: solid 1px #BCBDC2;
	}
	.gradeico{
		font-size: 2.5rem;
	}
}

/* 各エリアのホテルグレード一覧
-----------------------------------------------------------*/
.areagrade{
	margin-top: 20px;
}

/* ページ内アンカー */
.areagradepagenav{
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
}
.areagradepagenav_item{
	margin-left: 20px;
}
.areagradepagenav_item a{
	font-weight: bold;
}
.areagradepagenav_item .m-ico{
	margin-right: 5px;
}

/* ※印 */
.areagrade-kome{
	margin-top: 20px;
}

/* 各国のリンク */
.areagrade-sect{
	margin-top: 20px;
}
.areagradelist{
	margin-top: 10px;
}
.areagradelist_item a{
	font-weight: bold;
}
.areagradelist_item .m-ico{
	margin-left: 5px;
}

@media print, screen and (min-width: 1000px) {
	.areagrade{
		margin-top: 30px;
	}

	/* ページ内アンカー */
	.areagradepagenav{
		margin: -10px 0 0 -30px;
	}
	.areagradepagenav_item{
		margin: 10px 0 0 30px;
	}

	/* ※印 */
	.areagrade-kome{
		margin-top: 30px;
	}

	/* 各国のリンク */
	.areagrade-sect{
		margin-top: 30px;
	}
}

/*  -----------------------------------------------------------
	各国ホテルグレード一覧
-----------------------------------------------------------*/
.abouttxt{
	margin-top: 10px;
}
.country{
	margin-top: 30px;
}
.country dd{
	margin-top: 10px;
}

.gradehtl-sect{
	margin-top: 30px;
}
.gradehtl{
	padding-top: 7px 0px;
	margin-top: 10px;
	border-right: solid 1px #BCBDC2;
	border-bottom: solid 1px #BCBDC2;
}
.gradehtl dt, .gradehtl dd{
	position: relative;
	padding: 10px;
}
.gradehtl dt{
	text-align: center;
	font-weight: bold;
	border-left: solid 1px #BCBDC2;
	border-top: solid 1px #BCBDC2;
	background: #F4F5F5;
}
.gradehtl dd{
	border-left: solid 1px #BCBDC2;
	border-top: solid 1px #BCBDC2;
}

@media print, screen and (min-width: 1000px) {
	.country{
		margin-top: 50px;
	}
	.gradehtl{
		display: flex;
		flex-wrap: wrap;
		margin-top: 70px;
	}
	.gradehtl dt, .gradehtl dd{
		padding: 20px;
	}
	.gradehtl dt{
		width: 200px;
		text-align: left;
	}
	.gradehtl dt .gradeico{
		display: block;
		margin-left: -5px;
	}
	.gradehtl dd{
		width: calc(50% - 200px);
	}
	.gradehtl dt:nth-of-type(-n + 2):before, .gradehtl dd:nth-of-type(-n + 2):before{
		position: absolute;
		left: 0;
		bottom: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px 20px;
		width: 100%;
		min-height: 50px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		background: #999;
	}
	.gradehtl dt:nth-of-type(-n + 2):before{
		content: "\30B0\30EC\30FC\30C9";
	}
	.gradehtl dd:nth-of-type(-n + 2):before{
		content: "\30DB\30C6\30EB\540D";
	}
}

/*  -----------------------------------------------------------
	スタイルガイド
-----------------------------------------------------------*/
/* Page Back */
.pageback .JTB-el_btn{
	font-size: 100%;
	margin-top: 5px;
	max-width: inherit;
	padding: 7px 0 6px;
	min-width: inherit;
}
.pageback .JTB-el_btn.-back > .JTB-el_btn__inner{
	max-width: inherit;
}
.f-pageback{
	margin-top: 50px;
}
@media print, screen and (min-width: 1000px) {
	.f-pageback{
		margin-top: 100px;
	}
}