@charset "Shift_JIS";

body{
	background-color:#fff;
	color:#323743;
	font-family: "Work Sans","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
	font-size:14px;
	font-weight:400;
	margin:0;
	paddding:0 1rem;
}

html{font-size:62.5%;}

.contents{width:1064px; margin:0 auto;}
h1{font-size:2.4rem; font-weight:700; margin:2.4rem 0; padding-top:48px;}
h2{font-size:2.2rem; font-weight:700; margin:0.5rem 0; padding-top:48px;}
h3{font-size:2.0rem; font-weight:700; margin:0.5rem 0; padding-top:48px;}

p{font-size:16px; margin:1rem; font-weight:400;}

table{
	width:100%; 
	margin:0 auto; 
	border-spacing:unset; 
	text-align:center;
	border-collapse: unset;
	}

/*アンカー
#anchor_text{
	}

#anchor_text ul.city_anc li{
    display: inline-block;
    vertical-align: middle;
    padding: 9px;
    margin: 5px 0;
    background: #ececec;
    border-bottom: solid #969798 2px;
    /* border-radius: 10px; */
    color: #000;
    font-size: 12px;
    width: 190px;
    height: 20px;
    text-align: center;
}
*/

/*アンカー*/

#anchor_text{line-height:100px;}


.city_anc{margin-bottom:15px; padding:0;}

.city_anc a:link li.item,
.city_anc a:visited li.item, 
.city_anc a:active li.item{
	color:#3498DB !important;
} 


.city_anc a:hover li.item{
	color:#3498DB !important;
	text-decoration: underline;
} 

.item {
    display: inline-block;
    vertical-align: middle;
    /*padding: 9px;*/
    /*margin: 5px 0;*/
    /*background: #ececec;
    border-bottom: solid #969798 2px;
    border-radius: 10px; 
    color: #969798;*/
    font-size: 12px;
    width:calc(18% - 1px);
    height: 5px;
    /*text-align: center;*/
    line-height:100%;
}

.item:before {content:"▼";}


h3 span{font-size:16px;}



/*表*/
#tax_idTable{border-bottom:solid #bcbdc2 1px; }
#tax_idTable th{background:rgb(50,55,67,0.15); text-align:center;}

#tax_idTable th,	
#tax_idTable td
	{
	border-right:solid #bcbdc2 1px; 
	border-top:solid #bcbdc2 1px; 
	padding:5px; 
	}

#tax_idTable th:first-of-type,	
#tax_idTable td:first-of-type
	{
	border-left:solid #bcbdc2 1px;
	}

#tax_idTable th:nth-of-type(2),
#tax_idTable th:nth-of-type(3){width:25%;}

/*4カラム用*/
.hwi{width: calc(50% / 3) !important;}


#tax_idTable .hotel_name,
#tax_idTable .tour_name,
#tax_idTable .city_name
{text-align:center; width:50%;}

.conditions{text-align:right; margin-top:-20px;}
.city_name{text-align:center; width:30%;}


.grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  width:1064px;
}

/* pagetopボタン */
.dom__btn-page-top {
  bottom: 30px;
  right: 25px;
  position: fixed;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
.dom__btn-page-top a {
  text-decoration: none;
  display: block;
  width: 80px;
  height: 50px;
  transition: opacity .2s;
  position: relative;
}
.dom__btn-page-top a:hover {
  opacity: .8;
}
.dom__btn-page-top a:before {
  font-family: 'jtb-dom' !important;
  text-decoration: none;
  content: url(../images/top.png);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dom__btn-page-top a:before {
  display: inline-block;
  text-align: center;
  font-size: 3rem;
  line-height: 50px;
  width: 100%;
  text-align: center;
  color: #333;
}




/*スマホ*/

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

	.contents{width:95% !important; margin:0 auto; padding:0;}
	h1{font-size:20px;}
	p{font-size:16px;}
	ul{padding-inline-start:5px;}
	.grid {grid-template-columns: 1fr; width:375px;}
	table{width:100%; margin:0 auto;}
	.dom__btn-page-top a:before{display:none;}
	.jtb-nav-breadcrumb{display:none;}
	#tax_idTable .hotel_name{width:40%;}
	#tax_idTable .price_name{width:30%;}
	#tax_idTable .price{width:20%;}
	#tax_idTable .conditions{text-align:right; margin-top:-10px;}
.item {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0;
    font-size: 14px;
    width:calc(50% - 3px);
    height: 35px;
    line-height:150%;
}
.conditions{text-align:right; margin-top:-10px; font-size:90%;}

}


/* pagetopボタン スマホ・PC共通 */
.dom__btn-page-top {
  bottom: 30px;
  right: 25px;
  position: fixed;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
.dom__btn-page-top a {
  text-decoration: none;
  display: block;
  width: 80px;
  height: 50px;
  transition: opacity .2s;
  position: relative;
}
.dom__btn-page-top a:hover {
  opacity: .8;
}
.dom__btn-page-top a:before {
  font-family: 'jtb-dom' !important;
  text-decoration: none;
  content: url(../images/top.png);
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dom__btn-page-top a:before {
  display: inline-block;
  text-align: center;
  font-size: 3rem;
  line-height: 50px;
  width: 100%;
  text-align: center;
  color: #333;
}

.last {
    font-size: 16px;
    padding: 2px 10px 9px;
    text-align: right;
}