@charset "utf-8";
/* reset */
html {
	font-size: 62.5%;
}
#header .clearfix {
	overflow: visible;
}
body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 14 px;
	font-size: 1.4 rem;
	vertical-align: baseline;
	text-decoration: none;
}
body {
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
img {
	max-width: 100%;
}
a {
	color: #333;
}
a:hover {
	text-decoration: underline;
}
.sp {
/*overflow: hidden;*/
}
.sp .w960 {
	width: 100%;
}
ul.breadnav {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
ul.breadnav li {
	display: inline;
	padding: 3px;
	text-indent: 5px;
	color: #000;
}
ul.breadnav li a {
	text-decoration: none;
	color: #000;
}
ul.breadnav li a:after {
	content: ">";
	color: #000;
}
h1 {
	font-size: 100%;
}
/** common **/
.w960 {
	width: 960px;
}
.ma {
	margin: 0 auto;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.tal {
	text-align: left;
}
.bold {
	font-weight: bold;
}
.clearfix {
	clear: both;
}
.mb15 {
	margin-bottom: 15px;
}
/*** main_container ***/
#main_container > .bg_visible.count01 {
	background: url(https://www.his-j.com/kokunai/railHotel/images/title_bg.jpg) no-repeat;
	padding: 25px 0;
	background-attachment: fixed;
	background-size: cover;
	/*background-position-y: -218px;*/
	background-position-y: -100px;
}
#main_container > .bg_visible.count02 {
	background: #fff;
	padding: 25px 0;
	box-shadow: #ddd 0 -2px 2px;
}
#main_container > .bg_visible.count03 {
	background: #eee;
	box-shadow: #ddd 0 -2px 2px;
	padding: 25px 0;
}
#main_container > .bg_visible.count04 {
	background: #fff;
	box-shadow: #ddd 0 -2px 2px;
	 padding: 25px 0;
}
/** search_area **/
#search_area > #search_module > h2 {
	border-left: 7px solid #004098;
	text-indent: 5px;
	font-size: 200%;
	margin-bottom: 2%;
	color: #fff;
	text-shadow: #000 1px 1px 1px;
}
#search_area > #search_module > .moduleIner, #search_area > #search_module > .favoriteArea {
	border: 1px solid #004098;
	padding: 20px;
	border-radius: 4px;
	background: rgba(255,255,255,0.8);
	box-shadow: #004098 1px 1px 5px;
}
#search_area > #search_module > .tableSpace {
	width: 30px;
}
#search_area > #search_module > .favoriteArea {
	width: 205px;
}
#search_area > #search_module > .moduleIner, #search_area > #search_module > .tableSpace, #search_area > #search_module > .favoriteArea {
	display: table-cell;
}
#search_area > #search_module > .moduleIner > .map {
	display: table-cell;
	width: 312px;
}
#search_area > #search_module > .moduleIner > .map h3, #search_area > #search_module > .moduleIner > .data h3, #search_area > #search_module > .favoriteArea h3 {
	margin-bottom: 15px;
	font-weight: bold;
}
#search_area > #search_module > .moduleIner > .data {
	display: table-cell;
	width: 300px;
	padding: 0 12px;
}
#search_area > #search_module > .moduleIner > .data > div > select {
	width: 40%;
}
#search_area > #search_module > .moduleIner > .data > div > select, #search_area > #search_module > .moduleIner > .data > dl > dd > select {
	padding: 6px 0;
}
a#NTA_JR2_popup_calendar_button {
	display: inline-block;
	vertical-align: bottom;
}
#search_area > #search_module > .moduleIner > .data > dl {
	clear: both;
	display: inline-block;
}
#search_area > #search_module > .moduleIner > .data > dl > dt {
	display: table-cell;
	width: 100px;
}
#search_area > #search_module > .moduleIner > .data > dl > dd {
	display: table-cell;
	width: 200px;
}
#search_area > #search_module > .moduleIner > .data > dl > dd > select {
	width: 100%;
}
#search_area > #search_module > .favoriteArea > ul > li > a {
	background: url(../images/icon_list.png) no-repeat 3% 45%;
	background-size: 18px;
	font-size: 120%;
	padding: 5px;
	display: block;
	text-align: center;
	color: #000;
	font-weight: bold;
}
#search_area > #search_module > .favoriteArea > ul > li > a:hover {
	text-decoration: none !important;
}
#search_area > #search_module > .favoriteArea > ul > li {
	margin-bottom: 5px;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #eeeeee), color-stop(0.5, #e2e2e2));
	background: -moz-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
	background: -o-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
	background: -ms-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
	background: linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eeeeee 50%', endColorstr='#e2e2e2 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee 50%', endColorstr='#e2e2e2 50%')";
	display: block;
}
#search_area > #search_module > .favoriteArea > ul > li:hover {
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #e2e2e2), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #e2e2e2 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #e2e2e2 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #e2e2e2 50%, #eeeeee 50%);
	background: linear-gradient(top, #e2e2e2 50%, #eeeeee 50%);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e2e2e2 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e2e2e2 50%', endColorstr='#eeeeee 50%')";
}
#search_area > #search_module > .favoriteArea > ul > li:active {  /* クリックした時 */
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}
#search_area > #search_module > .moduleIner > .data .btn_search {
	width: 100%;
	margin: 0 auto;
}
#NTA_JR2_go {
	height: 45px;
	width: 100%;
	margin: 0 auto;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	color: #172302;
	border: 1px solid #98b85b;
	border-bottom: 1px solid #799545;
	text-shadow: 0px 1px 0px #d5e8aa;
	-webkit-box-shadow: 1px 1px 0 #cce3a1 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 1px 1px 0 #cce3a1 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 1px 1px 0 #cce3a1 inset, 1px 1px 1px #e9e9e9;
	background: #cae285;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #cae285), color-stop(0.5, #a3cd5a));
	background: -moz-linear-gradient(top, #cae285 50%, #a3cd5a 50%);
	background: -o-linear-gradient(top, #cae285 50%, #a3cd5a 50%);
	background: -ms-linear-gradient(top, #cae285 50%, #a3cd5a 50%);
	background: linear-gradient(top, #cae285 50%, #a3cd5a 50%);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cae285 50%', endColorstr='#a3cd5a 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cae285 50%', endColorstr='#a3cd5a 50%')";
	cursor: pointer;
}
#NTA_JR2_go:active {
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}
/*** recommend_area ***/
#recommend_area > h3 {
	border-left: 7px solid #0099CC;
	text-indent: 5px;
	font-size: 180%;
	margin-bottom: 2%;
    margin-top: 2%;
}
#recommend_area > div > ul:first-child {
	margin-bottom: 20px;
}
#recommend_area > div > ul > li {
	float: left;
	border: 1px solid #0099CC;
	border-radius: 3px;
	background: #fff;
	box-shadow: #0099CC 1px 1px 5px;
	width: 32%;
	margin-bottom: 15px;
}
#recommend_area > div > ul > li.space {
	width: 15px;
	border: none !important;
	background-color: transparent !important;
	box-shadow: none;
}
#recommend_area > div > ul > li > a {
	display: block;
	padding: 10px 0;
}
#recommend_area > div > ul > li > a:hover {
	background: #fff3ef;
	text-decoration: none !important;
}
#recommend_area p.Himage {
    position: relative;
}
#recommend_area p.Himage > span {
    position: absolute;
    top:0;
    left: 0;
    color: #fff;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.6);
    padding: 3px 0;
}
#recommend_area > div > ul > li > a > h4, #recommend_area > div > ul > li > a > div > .HpName {
	font-size: 120%;
	margin-bottom: 5px;
}
#recommend_area > div > ul > li > a > h4, #recommend_area > div > ul > li > a > div > .HpName, #recommend_area > div > ul > li > a > div > .HpPrice {
	padding: 0 8px;
}
#recommend_area > div > ul > li > a > div > .HpPrice {
	color: #c00;
	font-size: 150%;
	text-align: right;
	line-height: 100%;
	margin-top: 10px;
}
#recommend_area > div > ul > li > a > div > .HpPrice > span {
	font-size: 80%;
}
#recommend_area > div > ul > li > a > div > p > img {
	background: #fff;
}
#recommend_area > div > ul > li > a:hover > div > p > img {
	opacity: 0.6;
}
/*** otherJR***/
#otherJR {
	width: 960px;
	margin: 0 auto;
}
#otherJR > h3 {
	border-left: 7px solid #389723;
	text-indent: 5px;
	font-size: 180%;
	margin-bottom: 2%;
}
#otherJR > .bnr_jrtour {
	width: 100%;
	margin: 0 auto;
	background: url(https://www.his-j.com/kokunai/kanto/jr_tour/slides/109.jpg);
	height: 200px;
	border-radius: 5px;
	position: relative;
	border: 1px solid #389723;
}
#otherJR > .bnr_jrtour:hover {
	opacity: 0.6;
}
#otherJR > .bnr_jrtour > a {
	display: block;
	width: inherit;
	height: inherit;
}
#otherJR > .bnr_jrtour > a > img {
	position: absolute;
	top: 35%;
	left: 0;
}
#otherJR > .bnr_jrtour > a > span {
	position: absolute;
	top: 14%;
	left: 2%;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 5px #000;
}
#otherJR > .wrapper, .bg_visible.count04 > .wrapper:first-child, .bg_visible.count04 > .wrapper > div {
	border: 1px solid #389723;
	overflow: hidden;
	padding-bottom: 10px;
	border-radius: 5px;
	margin-top: 15px;
	background: #fff;
}
#otherJR > .wrapper > h4, .bg_visible.count04 > .wrapper h4 {
	background: #389723;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 125%;
}
/*** innercontents ***/
.bg_visible.count04 > .wrapper:nth-child(1) {
	border: 1px solid #FF5A36;
}
.bg_visible.count04 > .wrapper > div {
	border: 1px solid #4B0082;
}
.bg_visible.count04 > .wrapper > div:last-child {
	border: 1px solid #000;
}
.bg_visible.count04 > .wrapper.wrapper:nth-child(1) h4 {
	background: #FF5A36;
}
.bg_visible.count04 > .wrapper > div > h4 {
	background: #4B0082;
}
.bg_visible.count04 > .wrapper > div:last-child h4 {
	background: #000;
}
#innerCnt, #innerCnt02 {
	padding: 10px;
	border: none;
}
#innerCnt > ul > li, #innerCnt02 > ul > li {
	display: inline-block;
	width: 170px;
	height: auto;
	float: left;
	margin: 5px 5px 5px 0;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: 02px 4px rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 80%;
	background: #fff;
}
#innerCnt > ul > li:nth-child(5n+1), #innerCnt02 > ul > li:nth-child(5n+1) {
	margin-left: 3px;
}
#innerCnt02 > ul > li {
	height: 165px;
}
.bg_visible.count04 > div {
	width: 960px;
	margin: 0 auto;
}
#areaOP, #menuOP {
	padding: 10px 5px;
}
.bg_visible.count04 > .wrapper > div > ul > li {
	display: inline-block;
	margin-left: 10px;
	width: 175px;
	vertical-align: middle;
}
#menuOP li {
	font-size: 100%;
	width: 305px;
}

/* 新幹線・JRを利用した旅行のおすすめ理由 */
.inner{
  width:960px;
  margin: 0 auto 30px;
  padding:20px 0;
  box-sizing: border-box
}
.inner h2.head_point{
  border-bottom: 3px solid #385bcb;
  padding:5px;
  position: relative;
  text-align: center
}
.inner h2.head_point:before,section.inner h2.head_point:after{
  position: absolute;
  left: 50%;
  top: 100%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  margin: 0 0 0 -14px;
}
.inner h2.head_point:before{
  border-top-color:#385bcb;
  border-width: 20px;
}
.inner h2.head_point:after{
  border-top-color:#F3F3F3;
  margin: 0 0 0 -10px;
  border-width: 16px;
}

section.inner h2.head_point span{
  display: inline-block;
  font-size:24px;
  text-align: center;
  color:#385bcb;
}
section.inner h2.head_point span:before{
  content:"";
  display: inline-block;
  background:url("../images/icon_point.png") no-repeat;
  width:30px;
  height:36px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

section.inner h2.head_hotel{
  border-bottom: 3px solid #C41A41;
  padding:5px;
  position: relative;
  text-align: center
}
section.inner h2.head_hotel:before,section.inner h2.head_hotel:after{
  position: absolute;
  left: 50%;
  top: 100%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  margin: 0 0 0 -14px;
}
section.inner h2.head_hotel:before{
  border-top-color:#C41A41;
  border-width: 20px;
}
section.inner h2.head_hotel:after{
  border-top-color:#F3F3F3;
  margin: 0 0 0 -10px;
  border-width: 16px;
}

section.inner h2.head_hotel span{
  display: inline-block;
  font-size:24px;
  text-align: center;
  color:#C41A41;
}
section.inner h2.head_hotel span:before{
  content:"";
  display: inline-block;
  background:url("../images/icon_hotel.png") no-repeat;
  width:30px;
  height:36px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}
ul.point_item{
  margin:30px auto;
  padding: 0;
  display: flex;
  justify-content: space-around;
}
ul.point_item li{
  flex-basis:24%;
  border:1px solid #eee;
  box-shadow: 1px 1px 3px rgba(102,102,102,0.6);
  background: #FFF;
  border-radius: 6px;
}
ul.point_item li dl.point dt{
  background:#faff7b;
  padding:5px 0 5px 5px;
  font-size:16px;
  font-weight:bold;
}
ul.point_item li dl.point dt p.circle{
  display: inline-block;
  width:60px;
  height:60px;
  border-radius: 50%;
  background:#FFF;
  position: relative;
  vertical-align: middle;
}
ul.point_item li dl.point dt p.circle span{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width :60px;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  line-height: 1.2;
}

ul.point_item li dl.point dt p.circle span small{
  display: block;
  font-size:60%;
}
ul.point_item li dl.point dt p.sub{
  display: inline-block;
  width:165px;
  padding:3px 3px 0 5px;
  font-size:15px;
  font-weight:bold;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 1.2
}
ul.point_item li dl.point dt p.sub span{
  color:#d61518;
  font-weight:bold;
}
ul.point_item li dl.point dd.point_txt{
  padding:5px;
}
ul.point_item li dl.point dd.point_txt span{
  color:#0000ff;
  font-weight: bold;
}
ul.point_item li dl.point dd.point_img{
  text-align: center
}

ul.recbnr{
  margin: 0;
  padding:0;
  display: flex;
  justify-content: space-around;
}
ul.recbnr li{
  flex-basis: 32%;
  border:1px solid #0066ff;
  background: #FFF;
}
ul.recbnr li a{
  display: block;
}
ul.recbnr li a p.rec_txt{
  padding: 5px;
}
ul.recbnr li a p.rec_txt>span{
  display: block;
  font-size:16px;
  font-weight:bold;
  margin-bottom: 5px;
}
ul.recbnr li a:hover{
  opacity: 0.8;
  text-decoration: none;
}

ul.rechtl{
  margin:30px auto;
  padding:0;
  overflow:hidden
}
ul.rechtl li{
  width:310px;
  float:left;
  margin-right: 15px;
  margin-bottom: 15px;
  background:#FFF;
}
ul.rechtl li:nth-child(3n){
  margin-right: 0;
}
ul.rechtl li img{
  display: block;
}
ul.rechtl li .htl{
  padding:10px;
}
ul.rechtl li .htl p+p{
  margin-bottom: 5px
}
ul.rechtl li .htl p.htl_name{
  font-size:18px;
  font-weight:bold
}
ul.rechtl li .htl p.htl_link{
  text-align: right;
}
ul.rechtl li .htl p.htl_link a{
  display: block;
  padding-right: 10px;
  color: #009;
  font-size: 14px;
  background-size: 6px 12px;
  position: relative;
  text-decoration: underline;
}
ul.rechtl li .htl p.htl_link a:hover{
  text-decoration: none;
}
ul.rechtl li .htl p.htl_link a:after{
  content: "";
  position: absolute;
  right: 0;
  top:28%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #009;
  border-right: 2px solid #009;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.attention{
  margin: 0 auto 20px;
  background: #ffeeee;
  border-radius: 5px;
}
.attention p.title {
  display: inline-block;
  font-size: 14px;
  margin-left: 20px;
  padding: 5px;
  border-radius: 0 0 5px 5px;
  background: #FFF;
}
.attention>ul{
  padding:10px;
}
.attention>ul li{
  font-size:14px;
}
/* パンフレット*/
ul.tourlist {
    z-index: 0;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
ul.tourlist::after {
	content: '';
	width: 49%;
	height: 1px;
}
ul.tourlist > li {
	width: 48%;
	margin-bottom: 10px;
}
ul.tourlist li.triple {
    border: 1px solid #0099cc;
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding: 0px 1% 25px 15%;
    width: 33%;
    background: #ffffff;
}
ul.tourlist li.triple .photo {
    position: absolute;
    left: 2%;
    top: 7px;
    overflow: hidden;
    z-index: 0;
    float: left;
}
ul.tourlist li.triple .photo img {
	/*position:relative;*/
	border:none;
    width: 33%;
}
.triple h5 {
    background-color: #0099cc;
    color: #FFF;
    display: block;
    text-decoration: none;
    padding: 5px;
    position: static;
    font-weight: bold;
    margin: 7px 0 0;
}
p.period {
    background-color: #dcdcdc;
    padding: 6px;
    font-size: 11px;
    margin: 0 0 20px 0;
    overflow: hidden;
    color: #333;
}
.price {
    color: red;
    font-weight: bold;
    margin: 5px 0 5px 5%;
}
div.point {
    font-size: 11px;
    line-height: 1.3em;
    margin: 5px;
    background: url(/kokunai/theme/train-tour/kyushu/img/li_star.png) no-repeat;
    background-size: 10px;
    text-indent: 14px;
    color: #333;
}
li.pf_btn {
    font-size: 14px;
    line-height: 115%;
    border: none;
    top: -50%;
}
.jrtour {
    width: 91%;
    float: right;
}
.pf_btn {
    margin-top: 55px;
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #01248c;
    border-radius: 30px;
    text-align: center;
    transition: all 0.5s ease;
}
a.panel:hover {
    opacity: 0.7;
}
.deji_title {
	border-left: 7px solid #0099CC;
	text-indent: 5px;
	font-size: 180%;
	margin-bottom: 2%;
    margin-top: 2%;
}
img.nofix {
    margin-left: -45%;
    max-width: 48% !important;
    margin-top: 2%;
}
.mediatel {
    max-width: 992px;
    margin: 0 auto;
    margin-top: 45px;
    background:rgba(247,245,245,.68);
    border: double 5px #01248c;
    height: 115px;
}
.contact-box {
    background: #01248c;
    text-align: center;
    color: #fff;
    width: 300px;
    margin: -15px auto 2%;
    padding: 0.3%;
    font-weight: bold;
}
.contact-area {
    float: left;
    font-size: 2.0em;
    margin: 10px 2%;
    font-weight: bold;
}
.contact-tel {
    width: 310px;
    float: right;
    font-size: 13px;
    margin-right: 2%;
    text-align: left;
    overflow: hidden;
}
.ic-tel {
    float: left;
    background: #CE0000;
    border-radius: 5px;
    margin: 0 10px 0 0;
    padding: 0;
    display: block;
}
.ic-tel img {
    vertical-align: bottom;
    width: 50px;
    height: 50px;
}
.titletel {
    font-size: 30px;
    color: #CE0000;
    font-weight: bold;
    line-height: 120%;
    text-align: right;
    word-break: break-word;
    white-space: nowrap;
}
.titleeigyo {
    font-size: 12px;
    line-height: normal;
    text-align: right;
    list-style: none;
}

/* sp **********************************************************************************/
.sp #main_container {
	overflow: hidden;
}
/* reset */
.sp #search_area > #search_module > .moduleIner,
.sp #search_area > #search_module > .tableSpace,
.sp #search_area > #search_module > .favoriteArea,
.sp #search_area > #search_module > .moduleIner > .map {
	display: block;
}
.sp .breadnav {
	display: block;
	width: 100%;
	top: 3px;
	left: 0;
	margin: 0;
	list-style-type: none;
	padding: 2px 9px;
	background: #333;
	position: static;
	font-size: 10px;
	letter-spacing: -1px;
}
.sp .breadnav:after {
	content: "";
	display: block;
	clear: both;
}
.sp .breadnav li {
	display: inline;
	color: #fff;
}
.sp .breadnav li a {
	color: #fff;
}
.sp .breadnav li:after {
	content: ">";
	color: #999;
}
.sp .breadnav li:last-child:after {
	content: ""
}
.sp h1 {
	font-size: 12px;
	text-align: right;
}
.sp #main_container > .bg_visible.count01 {
	padding: 25px 0;
	background-attachment: fixed;
	background-size: auto ;
	background-position-y: -218px;
}
/**  search **/
.sp #search_area > #search_module > .moduleIner,
.sp #search_area > #search_module > .favoriteArea {
	border: 1px solid #004098;
	padding: 10px;
	/*margin: 0 0 10px 0;*/
	margin: 0 5px 10px;
	border-radius: 4px;
	background: rgba(255,255,255,0.8);
	box-shadow: #004098 1px 1px 5px;
}
.sp #search_area > #search_module > .tableSpace {
	display: none;
}
/*.sp #search_area > #search_module > .moduleIner > .map {
	width: 100%;
}*/
.sp #search_area > #search_module > .favoriteArea {
	width: 95%;
	padding: 5px 3px;
}
.sp #search_area > #search_module > .favoriteArea > ul > li {
	/*width: 90%;*/
	padding: 10px;
	margin: 3px;
}
.sp #search_area > #search_module > .moduleIner > .map h3,
.sp #search_area > #search_module > .moduleIner > .data h3,
.sp #search_area > #search_module > .favoriteArea h3 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 120%;
}
.sp #search_area > #search_module > .moduleIner > .data {
	display: table-cell;
	width: 100%;
	padding: 0 12px;
}
.sp #search_area > #search_module > .moduleIner > .data > div > select {
	width: 40%;
}
.sp #search_area > #search_module > .moduleIner > .data > div > select, 
.sp #search_area > #search_module > .moduleIner > .data > dl > dd > select {
	padding: 6px 0;
}
.sp #search_area > #search_module > h2,
.sp #recommend_area > h3,
.sp #otherJR > h3 {
	font-size: 160%;
}
/*** redommend ***/
.sp #recommend_area > div > ul {
	padding: 3px;
}
.sp #recommend_area > div > ul > li {
	display: block;
	width: 95%;
	margin: 0 3px;
	padding: 3px;
}

/*** otherJR***/
.sp #otherJR {
	width: 100%;
	margin: 0 auto;
}
.sp #otherJR > .bnr_jrtour {
	width: 100%;
	height: 100px;
	background-size: cover;
}
.sp #otherJR > .bnr_jrtour > a > span {
	position: absolute;
	top: 49%;
	left: 2%;
	font-size: 115%;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 5px #000;
	line-height: 115%;
}
.sp #otherJR > .bnr_jrtour > a > img {
	position: absolute;
	top: 7%;
	left: 0;
}
.sp #innerCnt > ul > li,
.sp #innerCnt02 > ul > li {
	display: block;
	width: 95%;
	height: auto;
	float: left;
	margin: 0 auto 8px;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: none;
	text-align: center;
	font-size: 80%;
	background: #fff;
}
.sp #innerCnt > ul > li a {
    display: inline-grid;
}
.sp #innerCnt > ul > li span,
.sp #innerCnt02 > ul > li span {
	display: block;
}
.sp #innerCnt > ul > li:nth-child(5n+1),
.sp #innerCnt02 > ul > li:nth-child(5n+1) {
	margin-left: 0;
}
.sp #innerCnt02 > ul > li {
	height: auto;
}
.sp .bg_visible.count04 > div {
	width: 99%;
	margin: 0 auto;
}
.sp #areaOP, 
.sp #menuOP {
	padding: 10px 5px;
}
.sp .bg_visible.count04 > .wrapper > div > ul > li {
	display: inline-block;
	margin-left: 10px;
	width: 100%;
	vertical-align: middle;
}
.sp #menuOP li {
	font-size: 100%;
	width: 100%;
}
/*** おすすめ理由 ***/
.sp section.inner{
  width:100%;
  margin: 0 auto 10px;
  padding:1.2vw;
  box-sizing: border-box
}
.sp ul.point_item{
  margin:30px auto;
  padding: 0;
  display: block;
}
.sp ul.point_item li{
  border:1px solid #eee;
  box-shadow: 1px 1px 3px rgba(102,102,102,0.6);
  background: #FFF;
  border-radius: 6px;
  margin:5px 5px 10px;
}
.sp ul.point_item li dl.point dt{
  background:#faff7b;
  padding:1vw 0 1vw 1vw;
  font-size:1.6rem;
  font-weight:bold;
}
.sp ul.point_item li dl.point dt p.circle{
  display: inline-block;
  width:18vw;
  height:18vw;
  border-radius: 50%;
  background:#FFF;
  position: relative;
  vertical-align: middle;
}
.sp ul.point_item li dl.point dt p.circle span{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width :18vw;
  font-size:6.0vw;
  font-weight:bold;
  text-align:center;
  line-height: 1.2
}
.sp ul.point_item li dl.point dt p.circle span small{
  display: block;
  font-size:60%;
}
.sp ul.point_item li dl.point dt p.sub{
  display: inline-block;
  width:74vw;
  padding-left:1vw;
  font-size:1.6rem;
  font-weight:bold;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 1.2
}
.sp ul.point_item li dl.point dt p.sub span{
  color:#d61518;
  font-weight:bold;
}
.sp ul.point_item li dl.point dd.point_txt{
  padding:5px;
}
.sp ul.point_item li dl.point dd.point_txt span{
  color:#0000ff;
  font-weight: bold;
}
.sp ul.point_item li dl.point dd.point_img{
  text-align: center
}
.sp ul.recbnr{
　display: block;
  margin: 0;
  padding:0;
}
.sp ul.recbnr li{
  background: #FFF;
  overflow: hidden;
  margin-bottom: 10px;
}
.sp ul.recbnr li a{
  display: block;
}
.sp ul.recbnr li a img{
  display: block;
  float:left;
  margin-right: 5px
}
.sp ul.recbnr li a p.rec_txt{
  padding: 5px;
  font-size:1.2rem
}
.sp ul.recbnr li a p.rec_txt>span{
  display: block;
  font-size:1.4rem;
  font-weight:bold;
  margin-bottom: 5px;
}
.sp ul.recbnr li a:hover{
  opacity: 0.8;
  text-decoration: none;
}
.sp ul.rechtl{
  margin:30px auto;
  padding:0;
  overflow:hidden
}
.sp ul.rechtl li{
  margin:5px 5px 10px;
  background:#FFF;
  width: 97%;
  float: none;
}
.sp ul.rechtl li img{
  display: block;
}
.sp ul.rechtl li .htl{
  padding:10px;
}
.sp ul.rechtl li .htl p+p{
  margin-bottom: 5px
}
.sp ul.rechtl li .htl p.htl_name{
  font-size:1.6rem;
  font-weight:bold
}
.sp ul.rechtl li .htl p.htl_link{
  text-align: right;
}
.sp ul.rechtl li .htl p.htl_link a{
  display: block;
  padding-right: 10px;
  color: #009;
  font-size:1.4rem;
  background-size: 6px 12px;
  position: relative;
  text-decoration: underline;
}
.sp ul.rechtl li .htl p.htl_link a:hover{
  text-decoration: none;
}
.sp ul.rechtl li .htl p.htl_link a:after{
  content: "";
  position: absolute;
  right: 0;
  top:28%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #009;
  border-right: 2px solid #009;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*** パンフレット ***/
.sp #infoWrap {
    width: 100%;
}
.sp .jrtour {
    width: 63%;
    float: right;
}
.sp #infoWrap h4 {
    margin-bottom: -15px;
}
.sp ul.tourlist {
    box-shadow: none;
}
.sp ul.tourlist li.triple {
    margin: 3px 5px 10px 5px;
    padding: 5px 2% 10px;
    position: relative;
    width: 100%;
    background: #ffffff;
}
.sp .pf_btn {
    margin-top: 10px;
}
.sp img.nofix {
    max-width: 33% !important;
    margin-top: 2%;
    margin-left: 0;
}
/*** 日旅 GOTOバナー ***/
.goto_bnr{
  margin: 20px auto;
  text-align: center
}
.goto_bnr a{
  display: block
}
.goto_bnr a:hover{
  opacity: 0.8
}
/*** メンテナンスインフォメーション欄 ***/
.information-wrap{
  width: 100%;
  padding: 20px 0
}
.information-inbox{
  width: 94vw;
  margin: auto;
  border: 1px solid #888;
  padding: 16px;
  box-sizing: border-box
}
.infomation-title{
  font-weight: bold;
  margin-bottom: 0.3em
}