@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: local("NotoSansJP-Regular.otf"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2") format("woff2"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff") format("woff"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf") format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: local("NotoSansJP-Medium.otf"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2") format("woff2"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff") format("woff"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf") format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: local("NotoSansJP-Bold.otf"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2") format("woff2"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff") format("woff"),
		 url("https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf") format("opentype");
}

body {
	font-family: "Noto Sans Japanese",sans-serif;
	word-wrap: break-word;
	overflow-wrap : break-word;
}

/*ポイントを表示*/
.hpg-multilist-form > .form-point {display: block;}
/*一旦ポイントの項目のみ非表示にして*/
.form-point >.hpg-multilist-form-condition-items > form-condition-item{display: none;}
/*お食事券以外を表示*/
.form-point >.hpg-multilist-form-condition-items > form-condition-item[param-name=PTS],.form-point >.hpg-multilist-form-condition-items > form-condition-item[param-name=PTR]{display: inline-block;}

/*こだわり*/
/*こだわり条件を一度項目のみ非表示にして*/
.form-feature > .hpg-multilist-form-condition-items > form-condition-item {display: none;}
/*表示させたい条件のみを表示*/
.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U004],.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U002],.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U003],.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U026],.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U012],.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U036],.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U037] {display: inline-block;}

/*マルチリスト内で登録店舗数が0の場合、都道府県以外は非表示にする*/
hpg-multilist-facet:not([data-name="serviceArea"]) .hpg-multilist-facet-items > facet-item[count="0"] {
	display: none;
}

.hpg-multilist-summary > .alert {
	text-align: center;
	width: 100%;
}

/* PC */
@media (min-width: 641px) {
	.back-to-lp {
		display: none;
	}
/*TOP画像*/
	.contents-header {
	background-image: url(img_jal.png);
	background-size: 844px 322px;
    background-position: center 50px;
    background-repeat: no-repeat;
    height: 340px;
	margin: 1.6em 0;
	margin: 1.6rem 0;
	box-sizing: content-box;
	position: relative;
	}
	.contents-header > h1 {
		position: absolute;
		bottom: 0;
		text-align: center;
		width: 100%;
		max-width: none;
		margin: 0 0 20px;
	}
	/*背景*/
	main {
	background-color: #010510;
    background-image: url(bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
	}

	#searchFormToggle ~ .search-form-toggle-open {
		background-color: rgba(255, 255, 255, 0.7);
	}
	#searchFormToggle:not(:checked) ~ .search-form-toggle-open {
		min-height: 72px;
	}

	.hpg-multilist-summary {
		background-color: rgba(255, 255, 255, 0.7);
	}

	.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U002],
	.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U003],
	.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U036],
	.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U037] 
	{
		display: inline-block;
	}

	.store-cassette-main {
		display: block;
	}
	.store-photos {
		display: flex;
		width: 100%;
		justify-content: space-around;
	}
	.store-photos > div {
		width: 298px;
		height: 298px;
		text-align: center;
	}
	.store-recommended-menu-photo, .store-atmosphere-photo {
		display: block;
	}

	.store-data {
		margin-top: 1em;
	}
	
	.store-name-wrap{background: url(icn_alcard_mile.png) no-repeat left 5px; background-size: 300px 44px; height: 90px;}
	.store-name-wrap > .store-name{padding-top: 55px;}

	.store-pr-text {
		margin: 2em 0;
	}
	.store-pr-text::before {
		top: -12px;
		left: -4px;
		font-size: 12px;
		padding: 0.4em 1.5em;
	}

	.store-calendar-contents {
		margin-bottom: 1em;
	}
	.store-calendar-title {
		font-size: 14px;
	}
	.store-calendar > li {
		line-height: 1.5;
	}
}

/* SP */
@media (max-width: 640px) {
	.page-header {
		display: flex;
	}
	.back-to-lp {
		border-right: solid 1px #BE1C14;
	}
	.back-to-lp > a, .back-to-lp > a:link, .back-to-lp > a:visited {
		display: block;
		width: 56px;
		height: 100%;
		text-decoration: none;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		box-sizing: border-box;
		padding-top: 26px;
	}
	.back-to-lp > a:before {
		position: absolute;
		content: "";
		width: 9px;
		height: 9px;
		display: block;
		background-color: transparent;
		border: solid 0 #FFFFFF;
		border-left-width: 4px;
		border-top-width: 4px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 12px;
		left: 24px;
	}

	main {
	background-color: #010510;
    background-image: url(bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
	}

	.page-header-logo-area {
		width: auto;
	}
	.contents-header {
		background-image: url(img_jal.png);
		background-size: 98%;
		background-position: 5% center;
		background-repeat: no-repeat;
		min-height: 322px;
		min-height: 24vh;
	}
	.hpg-multilist-condition-selected {
		padding: 0 1em;
	}

	.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U002],
	.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U003],
	.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U036],
	.form-feature > .hpg-multilist-form-condition-items > form-condition-item[value=U037] 
	{
		display: block;
	}
	
	.store-name-wrap{background: url(icn_alcard_mile.png) no-repeat 5% 15%; background-size: 75%; min-height: 70px;}
	.store-name-wrap > .store-name{padding: 13% 1% 0;}

	.hpg-multilist-summary-top {
		margin: 0.5em 0 0;
		background-color: rgba(255,255,255,0.6);
	}
	.hpg-multilist-summary-bottom {
		margin: -1em auto 0;
		padding: 1em 0;
		background-color: rgba(255,255,255,0.6);
	}
	hpg-multilist-results {
		background-color: rgba(179,194,173, 0.6);
	}
}