@charset "utf-8";
/* CSS Document */

/*----------------------ホテル・旅館--------------------------
*/

.g_top{
	text-align: center;
	padding: 0 10px;
}

.g_t1 , .g_t2 {
	width: 550px;
}

.g_t2 {
	margin: 10px auto 40px;
	font-size: 1.4rem;
	line-height: 1.5rem;
	font-weight: bold;
	text-align:left;
}

.g_top{
	margin: 0;
	padding: 20px 20px 0 20px;
}


/*ホテル旅館リスト
-----------------------------------*/
.shopitiran {
	max-width: 600px;
	height: 135px;
	margin: 0 auto 40px;
	padding: 0px;
}

.subt {
	padding: 3px 5px 3px 5px;
	margin: 0 auto;
	text-align: left;
	background-color: #dbac26;
	border-radius: 7px 0 0 0;
	color: white;
	line-height: 1.1em;
}

.itiranGroup {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100%;
	align-content: space-around;
	background: rgba(255,255,255,0.8);
	border-radius: 7px;
	padding: 10px;
	margin: 0 20px;
	box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
}

.br-sp {
	display: none;
}

.itiran_tenmei {
	margin: 5px 5px;
	font-weight: bold;
}

.itiran_tenmei:hover {
	opacity: 0.5;
}

.itiran_tenmei a {
	color: #005377;
}

.yellow {
	color:#c09b0f;
}

.g_small2{
	font-size: 1rem;
}

/*ホテル一覧
-----------------------------------*/
.item {
	background-color: white;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 7px;
	box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
}

.item_t {
	color: white;
	font-weight: bold;
	display: flex;
	background-color:rgba(235,202,27,0.30);
	padding: 0;
	align-items:flex-start;
}

.ue {
	display: flex;	
	margin-bottom: -7px;
	min-height: 0%;
}

.suuji {
	background-color: #005377;
	padding: 5px 0;
	width: 40px;
	text-align: center;
	border: solid #c09b0f;
	border-width: 2px;
}

.tenmei {
	margin: 5px 7px;
	line-height: 1.3em;
	font-size: 1.8rem;
	color: #913b3a;
}

.menuArea {
	padding: 0px 10px;
	margin: 0 auto;
	max-width: 1300px;
}

.menuArea .item {
	margin: 10px 10px 30px;
}

.itemGroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.itemGroup .item {
	width: calc((100% - 6rem)/2);
}

.onsenph img {
	width: 100%;
}

.onsenph {
	position: relative;
}

.onsenph p {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: white;
	font-size: 1.4rem;
	text-align: right;
}

.onsenph7 p {
	color: black;
}

.item {
	width: 100%;
	margin: 5px;
}

.hidari {
	width: 52%;
}

.migi {
	display: block;
	width: 60%;
	line-height: 1.35em;
	margin: 5px 5px 5px 10px;
	text-align: left;
	font-weight: 400;
}

.migi dd {
	margin: 7px 5px;
	line-height: 1.8rem;
}

.migi li img {
	width: 1em;
	vertical-align:middle;
	margin: 0 5px;
}

.sita {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 98%;
	margin: auto 5px 5px 5px;
	padding: 0 5px 5px 5px;
}

.waribiki {
	display: flex;
	background-color: #804121;
	border-radius: 0 7px 7px 7px;
	border: solid #e5c14f;
	border-width: 3px;
	padding: 0;
	align-items: center;
	width: 100%;
	position: relative;
}

/*.waribiki dt {
	writing-mode: vertical-rl;
	width: 30px;
	color: white;
	background-color: #c09b0f;
	padding: 4% 3px;
	font-weight: bold;
}*/

.waribiki dd {
	margin: 5px;
	color: white;
	font-size: 1.6rem;
	text-align: start;
	line-height: 1.3em;
}

.waribiki:before {
	font-size: 15px;
	font-size: 1.5rem;
	position: absolute;
	top: -24px;
	left: -3px;
	height: 24px;
	padding: 0 1em;
	content: '特典';
	color: #fff;
	border-radius: 5px 5px 0 0;
	background: #dbac26;
}

.gaikanyoko {
	display: flex;
	align-items: flex-start;
}

.gaikanyoko ul {
	width: 65%;
}

.gaikan {
	width: 30%;
	margin-left: 5px;
}

.gaikan img{
	width: 100%;
}

.gentei {
	margin: 5px 0 0 5px;

}

.gentei img {
	width: 85%;
	text-align: right;
	
}

.item ul {
	margin-left: 5px;
	font-size: 1.4rem;
}

.mbh {
	display: none;
}

.shadow {
	text-shadow:0 0 2px #000;
	line-height: 1.35;
}

/*ホテル一覧各カテゴリ微調整
-----------------------------------*/
#item1 .ue, #item2 .ue {
	margin-bottom:-5px;
}

#item3 .ue, #item4 .ue {
	margin-bottom: 5px;
}

#item7 .ue, #item8 .ue {
	margin-bottom: 15px;
}
#item8 .hidari {
	width: 55%;
}



/*提示割引施設一覧
-----------------------------------*/
.br-sp2 {
	display: none;
}

.teiji {
	background-color: #772051;
	width: 100%;
	margin: 50px 0;
	padding: 0 10px 30px;
}

.teiji_t {
	padding: 40px 10px 0px 10px;
	margin: 0 auto;
	text-align: center;
}

.teiji_t img {
	max-width: 600px;
}

.waribikiteiji {
	max-width: 1100px;
	/*border: #431f2c solid 2px;*/
	border-collapse: collapse;
	margin: 10px auto;
	border-radius: 10px;
}

.waribikiteiji thead th {
	background:#005377;
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}

.waribikiteiji thead th:last-child {
	border-right:#431f2c solid 1px;
}

.waribikiteiji tbody th {
	background:#f2da71;
	color:#431f2c;
	font-size: 2.2rem;
	padding:10px 15px;
	border-bottom:#431f2c solid 1px;
	border-right:#431f2c solid 2px;
	vertical-align:middle;
}

.waribikiteiji tbody tr:last-child th {
	border-bottom:#431f2c solid 1px;
}

.waribikiteiji tbody td {
	background:#FFF;
	padding:10px 7px;
	border-left:#431f2c solid 1px;
	vertical-align:center;
	text-align: center;
}

.waribikiteiji tbody .guusuuretu td {
	background: #f1ddd2;
}

.hyoutyuui {
	color: white;
	font-size: 1.4rem;
	margin: 5px 10px;
	text-align: center;
}

.sisetumei {
	font-weight:bold;
	color: #431f2c;
}



/* モバイル版
================================================ */

@media screen and (max-width : 1200px ){
	.itemGroup {
		display: block;
		justify-content: center;
		margin: 0 auto;
	}
	
	.menuArea .itemGroup .item {
		width: 650px;
		margin: 25px auto;
	}
	
	#item1 .ue {
		margin-bottom:18px;
	}
	
	#item2 .ue {
		margin-bottom:-28px;
	}

	#item3 .ue {
		margin-bottom: -8px;
	}
	
	#item4 .ue {
		margin-bottom: -8px;
	}
	
	#item5 .ue {
		margin-bottom: -10px;
	}
	
	#item6 .ue {
		margin-bottom: 5px;
	}
	
	#item7 .ue {
		margin-bottom: 12px;
	}
	
	#item7 .hidari {
		width: 45%;
	}
}

@media screen and (max-width : 1093px ){
		.itemGroup {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 10px;
	}
	
	#item2 .ue {
		margin-bottom:-25px;
	}

	#item4 .ue {
		margin-bottom: -10px;
	}

}

@media screen and (max-width: 800px ){
	.shopitiran {
		height: 166px;
	}
	
	.itiran_tenmei {
    margin: 4px 5px 0 5px;
    font-weight: bold;
	}
	
	.item_t, .item_setumei {
		font-size: 1.4rem;
		/*font-weight: bold;*/
	}
	
	.br-sp2 {
		display: block;
	}
	
	.small3 {
		font-size: 1.4rem;
	}
}

@media screen and (max-width:915px ){
	#item8 .hidari {
		width: 50%;
	}
	
	.g_t1 , .g_t2 {
		width: 100%;
	}
	
	.itiran_tenmei {
		font-size: 1.4rem;
		margin-top: 2px;;
	}
	
	.shopitiran {
		height: 121px;
	}
	
	.g_small {
		font-size: 1.2rem;
	}
	
	.g_small2 {
		font-size: 0.8rem;
	}
				
	.waribiki dd {
		font-size: 1.6rem;
	}
	
	.hanbun {
		display: block;
	}
	
	.hanbun dt, .hanbun dd {
		width: 100%;
	}
	
	/*提示割引施設や割引優待施設*/
	.teiji_t img {
    	width: 100%;
	}
	
	
	.teijitable table{
		width:100%;
	}
	.teijitable{
		overflow: auto;/*tableをスクロールさせる*/
		white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
	}
	.teijitable::-webkit-scrollbar{/*tableにスクロールバーを追加*/
	 height: 5px;
	}
	.teijitable::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
	 background: #F1F1F1;
	}
	.teijitable::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
	 background: #BCBCBC;
	}
}


@media screen and (max-width:720px ){
	.item_2 .item_t {
		display: block;
	}
	
	.item_2 .item_Bt dd {
		align-items: center;
	}
	
	#item1 .ue {
		margin-bottom: 15px
	}
	
	#item6 .ue {
		margin-bottom: 6px
	}
}

@media screen and (max-width:620px ){
	#item1 .ue {
		margin-bottom: 0px
	}
}

@media screen and (max-width: 550px ){	
	
	.ue {
		display: block;
		margin-bottom: 20px;
	}
	
	.migi, .hidari, #item7 .migi, #item7 .hidari {
		width: 100%;
	}
	
	.migi, .hidari, #item8 .migi, #item8 .hidari {
		width: 100%;
	}
	
	.migi {
		margin: 5px 0;
	}
	
	.migi dd {
		margin: 10px;
	}
	
	.item ul {
    	margin-left: 10px;
	}
	
	.waribiki dd {
		font-size: 1.4rem;
	}
	
	.gentei {
		position: absolute;
		right: -9px;
		top: 63px;
	}
	
	#item1 .ue {
		margin-bottom: 0px
	}
	
	#item2 .ue, #item3 .ue, #item4 .ue {
		margin-bottom: 0px;
	}

	#item5 .ue {
		margin-bottom: 25px
	}
	
	#item6 .ue {
		margin-bottom: 17px
	}
	
	#item7 .ue {
		margin-bottom: 0px
	}
	
	#item8 .hidari {
		width: 100%;
	}
}

@media screen and (max-width: 500px ){
	.pch {
		display: none;
	}
	
	.mbh {
		display: block;
	}
	
	.gentei img {
		width: 70%;
	}
	
	.waribiki dd {
		margin: 5px 5px;
	}
	
	.onsenph {
		position: relative;
	}
	
	.gentei {
		position: absolute;
		right: -20px;
		top: 5px;
	}

	#item1 .ue {
		margin-bottom: 10px;
	}
	
	#item2 .ue, #item3 .ue {
		margin-bottom: 0px;
	}
	
	#item4 .ue {
		margin-bottom: 10px;
	}
	
	#item5 .ue, #item6 .ue {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 440px ){
	.shopitiran {
		height: 110px;
		width: 300px;
	}
	
	#item1 .ue {
		margin-bottom: 20px;
	}
	
	#item2 .ue, #item3 .ue {
		margin-bottom: 10px;
	}
		
	#item4 .ue {
		margin-bottom: 20px;
	}

	#item7 .ue {
		margin-bottom: 15px
	}
	
}

@media screen and (max-width: 400px ){
	#item2 .ue, #item3 .ue, #item7 .ue {
		margin-bottom: 20px;
	}
}