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

@media screen and (max-width:736px) {
html, body {
	min-width: 0;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust : 100%;
}

img {
	max-width: 100% !important;
	height: auto;
}

.sp_only {
	display: inherit;
}

.sp_none {
	display: none;
}

#wrapper{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}


/*-----sns fixed area----*/


.sp_nav {
	z-index: 99999;
	height: 54px;
	width:100%;
	top: 5px;
	margin: 0 0 5px;
	padding: 5%;
	box-sizing: border-box;
}

.menu1{
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background: url('../images/common/menu_bt.png');
  background-size: 100%;
  width: 127px;
  height: 28px;
  z-index: 999;
  cursor: pointer;
  /*margin: 30px;*/
}

.close1{
  position: fixed;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background: url('../images/common/sns_img5_pc_off.png') #fff;
  background-size: 100%;
  width: 36px;
  height: 54px;
  /*margin: 30px;*/
}


#fixed-area ul.sp_list {
	overflow: hidden;
}
#fixed-area ul.sp_list li{
	float: left;
	width: 33.333%;
	text-align: center;
}

#fixed-area ul.sp_list li a {
	display: block;
	padding: 10% 0;
}
#fixed-area li img {
	padding: 0;
}
#fixed-area ul.sp_list li:nth-child(1) {
	background: #ca8700;
	
}
#fixed-area li:nth-child(2) {
	display: none;
}
#fixed-area li:nth-child(3) {
	display: none;
}
#fixed-area ul.sp_list li#pageTop {
	background: #860012;
}



p.index-bnr{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0;
}

p.index-bnr img{}

.lang-btn p{position: absolute; top:33px; right:0px;}


/*----------------------------

		　contents
		
----------------------------*/

.top_img {
	margin-bottom: 8%;
}

h1.top_logo {
	position: absolute;
	top: 0.3%;
	left: 0;
	width: 50%;
}

.cont1000 {
	width: 95%;
	margin: 0 auto;
}

.cont1000 h2 {
	text-align: center;
	margin-bottom: 6%;
}

.cont1000 h2 img.jed {
	float: right;
	margin: 0 auto;
	width: 30%;
}

.cont1000 .txt01 {
	font-size: 12px;
	text-align: center;
	margin-bottom: 6%;
}

.cont1000 .txt01 img {
	display: none;
}
	
ul.title_box {
	flex-wrap: wrap;
	margin-bottom: 37px;
}

ul.title_box li.title01,
ul.title_box li.title02{
	  width: 100%;
}

ul.title_box li.title01 h2 {
	margin-bottom: 1%;
}


ul.title_box li.title01 img.jed {
		width: 30%;
}

ul.title_box li.title01 img.bti {
		padding-left: 0;
    width: inherit;
}

ul.title_box li.title01 .txt01 {
		font-size: 12px;
		text-align: center;
}

a.link-btn-b{
		font-size: 6vw;
    padding: 0 0 3%;
	  margin: 2em auto;
}

ul.select_box {
	width: 100%;
	overflow: hidden;
	margin: 0  0 20px;
	text-align: left;
}

ul.select_box li {
	width: 100%;
	height: 100%;
	margin: 0 0 10px;
}

/*ul.select_box li:nth-child(even) {
	width: 48%;
	float: right;
	margin: 0 0 7%;
	position: relative;
}*/

/*
ul.select_box li:nth-child(3n) {
	width: 48%;
	float: left;
	margin: 0 0 7%;
	position: relative;
}
*/

ul.select_box li.tours_last {
	width: 48%;
	float: right;
	margin: 0 0 7%;
}
#tour-list a.link-btn-b{
	padding: 0 0 3%;
}
.top_announce{
	font-size: 16px;
	text-align: left;
	margin-bottom:0;
}

.sb_img {
	width: 100%;
	margin-bottom: 4%;
}

.sb_ttl {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

hr.sb_hr {
	width: 100%;
	border: 1.2px solid #000;
	margin: 2% 0;
}

.sb_schedule {
	width: 100%;
	font-size: 11px;
	line-height: 23px;
	font-weight: bold;
	margin-bottom: 2%;
	word-wrap: break-word;
}

ul.more_box {
	width: 100%;
	overflow: hidden;
}

ul.more_box li:nth-child(1) {
	width: 48%;
	float: left;
	font-size: 16px;
	font-weight: bolder;
	letter-spacing: 0;
	margin:0 0 0 0;
}

ul.more_box li:nth-child(2) {
	width: 48%;
	float: right;
	margin: 0 0 0 0;
	text-align: right;
}

.blue_ttl,
.blue_ttl_a {
	width: 100%;
	padding: 5% 0 3%;
	background: #00086e;
}

.blue_ttl ul,
.blue_ttl_a ul {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

.blue_ttl ul li,
.blue_ttl_a ul li {
	float: left;
	text-align: center;
}

.blue_ttl ul li:nth-child(1),
.blue_ttl_a ul li:nth-child(1) {
	margin-right: 5%;
}

.blue_ttl ul li:nth-child(2) {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding: 0 0 1%;
	margin-right: 0;
	width: 65%;
}

.blue_ttl ul li:nth-child(3) {
	width: 65%;
	padding: 2% 0;
	box-sizing: border-box;
	background: #fff;
	color: #172a80;
	font-size: 16px;
	font-weight: bold;
	margin-top: 2%;
}

.blue_ttl_a ul li:nth-child(2) {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding: 0 0 1%;
	margin-right: 0;
	width: 65%;
}

.blue_ttl_a ul li:nth-child(3) {
	width: 65%;
	padding: 2% 0;
	box-sizing: border-box;
	background: #fff;
	color: #172a80;
	font-size: 15px;
	font-weight: bold;
	margin-top: 2%;
}

.gray {
	width: 100%;
	background: #f5f5f5;
}

.gray_inner {
	width: 95%;
	margin: 0 auto;
}

.timetable {
	width: 100%;
	height: 47vh;
	background: url(../images/page/top/img06.png) no-repeat top center;
	background-size: contain;
	position: relative;
}

.ch.timetable {
	width: 100%;
	height: 47vh;
	background: url(../images/page/top/chinese/img06.png) no-repeat top center;
	background-size: contain;
	position: relative;
}

.timetable ul {
	position: absolute;
	bottom: 1%;
	left: 3%;
	overflow: hidden;
}

.timetable ul li {
	float: none;
}

.timetable ul li:nth-child(1) {
	text-align: center;
}

.timetable ul li:nth-child(2) {
	margin: 0 0 1% 0;
	line-height: 30px;
	font-size: 16px;
}

.bus_center {
	text-align: center;
	padding-bottom: 32px;
}

.map {
	text-align: center;
	padding-top: -50px;
}

.benefits {
	text-align: center;
	margin: 10% auto;
	width: 80%;
}

.benefits_ttl {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10%;
	letter-spacing: 0.5px;
}

.cont100 {
	width: 100%;
	height: 35vh;
}

#hotel {
	position: relative;
    overflow: hidden;
    text-align: center;
}

#shopping {
	position: relative;
    overflow: hidden;
    text-align: center;
}

#food {
	position: relative;
    overflow: hidden;
    text-align: center;
}

#hotel a,
#shopping a,
#food a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
}

.cont100_inner {
	width: 95%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}

#hotel:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/page/top/img10.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#hotel:hover:after {
    opacity: .9;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#shopping:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/page/top/img11.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#shopping:hover:after {
    opacity: .9;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#food:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/page/top/img12.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#food:hover:after {
    opacity: .9;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


#pick_up:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/page/top/img12_1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#pick_up:hover:after {
    opacity: .9;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hotel_box {
	width: 100%;
	height: auto;
	float: right;
	margin-top: 15%;
}

.shopping_box {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 7%;
}

.one_year_box {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 7%;
}

.hotel_ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4%;
	color: #fff;
	letter-spacing: 0.5px;
}

.hotel_hr {
	text-align: center;
	margin-bottom: 10%;
}

ul.view_box {
	width: 180px;
	overflow: hidden;
	margin: 0 auto;
}

ul.view_box li {
	float: left;
	font-size: 17px;
	font-weight: bolder;
	color: #fff;
	margin-right: 12px;
}

ul.view_box li:nth-child(2) {
	margin-right: 0;
}

.shopping_ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5%;
	color: #171c61;
	letter-spacing: 0.5px;
}

.shopping_hr {
	text-align: center;
	margin-bottom: 3%;
}

.shopping_txt {
	font-size: 16px;
	font-weight: bold;
	color: #171c61;
	text-align: center;
	margin-bottom: 3%;
}

.shopping_txt span {
	font-size: 35px;
	vertical-align: middle;
}

ul.view_box_a {
	width: 180px;
	overflow: hidden;
	margin: 0 auto;
}

ul.view_box_a li {
	float: left;
	font-size: 17px;
	font-weight: bolder;
	color: #171c61;
	margin-right: 6%;
}

ul.view_box_a li:nth-child(2) {
	margin-right: 0;
}

#event {
	width: 100%;
	height: 100%;
	/*background: url(../images/page/top/img22.png) no-repeat top center;*/
	background-size: cover;
	padding: 0;
}

.event_inner {
	width: 95%;
	margin: 0 auto;
}

h3.event_ttl {
	font-size: 20px;
	font-weight: bolder;
	color: #000;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 12%;
}

.event_img {
	margin-bottom: 5%;
}

.event_txt {
	height: 68px;
	font-size: 12px;
	line-height: 21px;
	color: #fff;
}

.event_txt br {
	display: none;
}

.to_event {
	font-size: 16px;
	color: #fff;
	padding: 2% 0 2%;
	box-sizing: border-box;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	margin-bottom: 10%;
}

.event_btn {
	text-align: center;
}

#news {
	width: 100%;
	height: 100%;
	background: url(../images/page/top/img23.png) no-repeat top center;
	background-size: cover;
	padding: 12% 0;
}

.news_inner {
	width: 95%;
	margin: 0 auto;
}

.news_inner h3.news_ttl {
	font-size: 20px;
	font-weight: bolder;
	color: #000;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 12%;
}

.news_box {
	width: 100%;
	margin: 12% 0 14%;
}

.news_box dl {
	width: 100%;
	overflow: hidden;
	margin-bottom: 2%;
}

.news_box dl dt {
	width: 50%;
	background: #4070ae;
	padding: 2% 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	float: none;
	margin-bottom: 2%;
}

.news_box dl dd {
	float: none;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}

.news_box .news_txt {
	font-size: 14px;
	line-height: 22px;
}

hr.news_hr {
	border: 1px dashed #000;
}

.news_btn {
	text-align: center;
	margin-top: 15%;
}

#relax {
	width: 100%;
	height: 50vh;
	background: url(../images/page/top/img16.jpg) no-repeat top center;
	background-size: cover;
	padding: 30% 0;
	box-sizing: border-box;
}

.relax_inner {
	width: 100%;
	height: 50vh;
	background: url(../images/page/top/img24.png) no-repeat top center;
	background-size: auto;
}

.relax_intro {
	width: 95%;
	margin: 0 auto;
	font-size: 20px;
	line-height: 40px;
	color: #231815;
	text-align: center;
	padding-top: 15%;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#black {
	width: 100%;
	height: auto;
	background: #000;
	padding: 7% 0;
}

.black_inner {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

.black_inner .bi_left {
	float: left;
	width: 20%;
}

.black_inner .bi_left img {
	width: 80%;
}

.black_inner .bi_right {
	float: right;
	width: 80%;
}

.wifi_ttl {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin: 5% 0;
	letter-spacing: -0.5px;
}

#service {
}

ul.popup_br li {
	width: 50%;
	float: left;
	text-align: center;
}

#purple {
	width: 100%;
	height: auto;
	background: #d7d4de;
	padding: 10% 0;
	margin-top: -7.7%;
}

.purple_inner {
	width: 95%;
	margin: 5% auto 0;
	overflow: hidden;
}

.purple_txt01 {
	font-size: 18px;
	color: #171C61;
	margin-bottom: 7%;
}

ul.purple_txt02 {
	overflow: hidden;
}

ul.purple_txt02 li {
	font-size: 15px;
	color: #000;
	float: none;
	margin-left: 0;
}

#safety {
	width: 100%;
	height: 50vh;
	background: url(../images/page/top/img25_off.jpg) no-repeat top center;
	background-size: cover;
	padding: 12% 0;
	box-sizing: border-box;
}

.safety_inner {
	width: 99%;
	height: 180px;
	margin: 0 auto;
	overflow: hidden;
}

.safety_inner h3.safety_ttl {
	font-size: 16px;
	line-height: 29px;
	font-weight: bold;
	color: #231815;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 5%;
}

.safety_inner .safety_txt {
	width: 98%;
	font-size: 15px;
	line-height: 24px;
	margin: 0 auto 5%;
}

.safety_inner .safety_img {
	text-align: center;
}

.safety_inner p.safety_more {
	text-align: center;
}

.safety_inner p.safety_more a {
	width: 100%;
	height: 50px;
	display: block;
	text-align: center;
	margin: 0;
}

.safety_inner p.safety_more img {
	width: 80%;
}

footer{
	width:100%;
	height:30px;
	padding-top:25px;
	padding-bottom:55px;
	background: #000;
}

.fot_area{
	width: 100%;
	margin:0 auto;
}

.copyright{
	color:#fff;
	text-align: center;
	font-size: 8px;
}












/*---------------------------

	追加CSS

----------------------------*/

/*-----header------*/

header {
	width: 96%;
	overflow:hidden;
	margin:0 auto;
	padding: 20px 0;
	font-family: Adobe Caslon Pro;
}

header h1.travel_ttl {
	font-size: 20px;
	margin: 0 0 10px;
}

header .travel_txt_top {
	font-size: 14px;
}

.single header{
		margin-top: 30px;
	}
	
/*-----main_img------*/
#main_img {
	width: 100%;
	margin:0 auto 40px;
}

/*-----travel_inner------*/
.travel_inner {
	width: 96%;
	overflow:hidden;
	margin: 0 auto;
}

.travel_inner p.travel_day {
	margin: 0 0 20px;
	text-align:center;
	color:#40220F;
	font-size: 15px;
	padding:20px;
	background-color:#FFBE00;
	box-sizing:border-box;
}

table.travel_table {
    width: 640px;
    border-spacing: 0;
    margin: 0 auto 5%;
}

#travel_table_sp {
    box-sizing: border-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#travel_table_sp table.travel_table{
    width: 100%;
}
 
#travel_table_sp table.travel_table{
    width: 100%;
}

#travel_table_sp table.travel_table td.travel_1 {
    font-size: 14px;
    width: 21%;
}

#travel_table_sp table.travel_table td.travel_2 {
    font-size: 16px;
}

#travel_table_sp table.travel_table td.travel_1.pa1 {
    padding: 5px 10px !important;
    text-align: center;
}

#travel_table_sp table.travel_table td.travel_3 {
    padding: 5px 13px !important;
}
 
 

table.travel_table .travel_3 {
	padding: 5px 20px !important;
	font-size: 14px;
	font-weight:bold;
	color:#000;
}

p.travel_price {
	text-align: center;
	font-size: 24px;
	color: #E00034;
	font-weight:bold;
	margin: 0 0 20px;
}

p.travel_price span {
	font-size:18px;
	margin: 0 0 0 10px;
}

h2.travel_ttl2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align:center;
	font-size: 20px;
	padding: 20px 0;
	margin: 50px 0 20px;
}





.travel_area {
	width:96%;
	overflow:hidden;
	margin: 0 auto 40px;
}  

.travel_area .travel_box {
	width: 100%;
	overflow:hidden;
	float: none;
	margin: 0 0 50px;
}

.travel_area .travel_box:nth-child(even){
	float: none;
}

.travel_area .travel_box p.travel_area_img {
	width: 100%;
	float: none;
	text-align:center;
}

.travel_area .travel_box p.travel_area_img img {
	height: 180px;
	object-fit: cover;
}

.travel_area .travel_box .travel_area_info {
	width: 100%;
	float: none;
}

.travel_area .box_1 {
	width: 100% !important;
	overflow:hidden;
	clear:both;
	float: none;
	margin: 0 0 50px;
}

.travel_area .column1 {
	width: 100% !important;
	float: none !important;
}

.travel_txt1 {
	text-align:center;
	font-size: 18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border: 1px solid #3E3A39;
	padding: 15px;
	margin: 0 0 30px;
}

.travel_txt2 {
	text-align:center;
	font-size: 14px;
	margin: 0 0 30px;
	color:#FFB500;
}

ul.travel_img_list {
	overflow:hidden;
}

ul.travel_img_list li {
	float: none;
	margin: 0 0 30px 0;
	font-size: 26px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
}

p.travel_info_txt {
	font-size:12px;
	line-height: 1.6em;
}

p.travel_info_txt br {
	display:none;
}

/*-----tour_area------*/
.tour_area {
	clear:both;
	background-color: #DBDBDB;
	padding: 60px 0 40px;
}

.tour_area .tour_inner {
	width: 96%;
	overflow:hidden;
	margin: 0 auto;
}

.tour_area .tour_inner dl.tour_time {
	overflow:hidden;
	margin: 0 0 10px;
}

.tour_area .tour_inner dl.tour_time dt {
	width: 100%;
	height: 65px;
	line-height: 65px;
	padding: 2% 0;
	background-color: #000;
	text-align:center;
	color:#fff;
	font-size: 19px;
	font-weight:bold;
	float: none;
	margin:0 0 10px;
}

.tour_area .tour_inner dl.tour_time dd {
	width: 100%;
	float: none;
	line-height: inherit;
	margin: 0;
	font-size: 18px;
	font-weight:bold;
}

ul.tour_img_list {
	overflow:hidden;
}

ul.tour_img_list li {
	float: none;
	margin: 5% 0;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

ul.tour_img_list li img {
	max-width: 100%;
	height: 219px;
	overflow: hidden;
    object-fit: cover;
}

.tour_area dl.travel_tips {
	overflow:hidden;
	margin: 0 0 5%;
}

.tour_area dl.travel_tips dt {
	float: none;
	text-align:center;
}

.tour_area dl.travel_tips dd {
	float: none;
	margin: 0px;
	font-size: 14px;
	font-weight:bold;
	padding: 2% 0 0;
}

ul.travel_img_list2 li {
	float: none;
	margin: 0 0 30px 0;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

ul.travel_img_list2 li:nth-child(3n) {
	margin: 0 0 30px;
}

/*-----tour_info------*/
.tour_info {
	background: url(../images/page/single/tour_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 60px 0;
}

.tour_info_inner {
	width: 96%;
	overflow:hidden;
	margin: 0 auto;
}

table.tour_info_table th {
	background-color:#171C61;
	padding: 10px;
	width: 100%;
	font-size: 14px;
	text-align:left;
	font-weight:normal;
	color:#fff;
	box-sizing:border-box;
	display:block;
	margin: 0 0 3px;
}

table.tour_info_table td {
	background-color:#231815;
	padding: 10px;
	font-size: 14px;
	text-align:left;
	font-weight:normal;
	color:#fff;
	box-sizing:border-box;
	display:block;
}

ul.tour_info_bt {
	overflow:hidden;
}

ul.tour_info_bt li {
	float: none;
	margin: 0 0 3%;
	text-align:center;
}

ul.tour_info_bt li:first-child{
	margin: 0 0 3%;
}

.tour_info2 p.tour_info_bt2 {
	text-align: center;
	margin: 0 0 40px;
}

.tour_info2 h3.tour_need {
    position: relative;
	color:#fff;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 30px;
	text-align:center;
}

.tour_info2 h3.tour_need:before {
	display: none;
}

/*---------追加--------------*/

p.travel_img img {
    max-width: 100%;
    height: auto;
    overflow: hidden;
    object-fit: cover;
}

.sb_img {
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;   
}
.sb_img img {
	object-fit: cover;
	width: 100%;
	height: 250px;
    overflow: hidden;   
    text-align: center;
}

.page_top_bt {
	width: 100%;
	margin: 0 auto;
	padding: 4% 0 0;
	text-align: center;
}

.page-footer {
	clear: both;
	border-top: 1px solid #fff;
	margin: -5px 0 0;
	color: #fff;
	padding: 0;
}

.inner_area {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 20%;
}

.copyright2 {
	float: none;
	text-align: center;
	width: 100% !important;
	clear: both;
	font-size: 10px;
	padding: 4% 0 0;
}

.footer_nav {
	clear: both;
	float: none;
	border-right: none;
}

.footer_nav li {
	font-size: 16px;
	float: none;
	width: 100%;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #fff;
	border-left: none;
	padding: 20px 0; 
}

.footer_nav li a {
	display: block;
}


.nav-item {
  font-size: 12px;
  font-weight: bold;
  width: 96%;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.nav-item a{
  display: block;
  color: #fff;
  line-height: 3.8em;
  text-decoration: none;
  transition: all 0.3s;
}










#fixed-area{
	width: 100%;
	height: 50px;
    float: none;
    position: fixed;
    bottom: 0%;
	left: 0;
	z-index: 100000;
	border-top: 1px solid #000;
	background: #fff;
	/*padding: 4% 0 0;*/
}


.sp_nav1 {
	z-index: 99999;
	height: 50px;
	width: 100%;
	position: fixed;
	bottom:0;
}


.menu2{
  position: fixed;
  bottom: 0%;
  top: auto;
  right: 0%;
  background: url('../images/common/sns_img5_pc.png') #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 33.333%;
  height:50px;
  cursor: pointer;
  /*margin: 30px;*/
}
	
.menu2.ch{
  position: fixed;
  bottom: 0%;
  top: auto;
  right: 0%;
  background: url('../images/common/chinese/sns_img5_pc.png') #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 33.333%;
  height:50px;
  cursor: pointer;
  /*margin: 30px;*/
}

.close2{
  position: fixed;
  top: auto;
  bottom: 0%;
  right: 0%;
  background: url('../images/common/sns_img5_pc_off.png') #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 33.333%;
  height:50px;
  /*margin: 30px;*/
}
	
.ch div.close2{
  position: fixed;
  top: auto;
  bottom: 0%;
  right: 0%;
  background: url('../images/common/chinese/sns_img5_pc_off.png') #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 33.333%;
  height:50px;
  /*margin: 30px;*/
}

/*-----------------------

  FAQ

----------------------*/
header#page-header{margin:0 0 0 0;}

.inner{
	width: 94%;
	margin:0 auto;
}
.faq-contents{font-size: 14px; line-height: 26px; margin-bottom: 100px;}
.faq-contents a{ color: #840012; text-decoration: underline !important;}
.faq-contents a:hover{ color: #a8293f; text-decoration: none;}

.faq-top{
	background: url(../images/page/faq/bg-faq.png) right top no-repeat;
	background-size: 60%;
	}
.faq-top h2{
	padding-top: 30px;
	margin-bottom: 50px;
	width: 160px;
}

.faq-top h2 img{
	width: 100%;
}

.faq-top>div{width: 100%;}

div.faq-unit{margin-bottom: 40px;}
div.faq-unit h3 span{
	display: block;
}

table.faq-table th,
table.faq-table td{
	border:  1px solid #999;
	padding: 10px 2%;
	text-align: center;
}

table.faq-table{width: 100%;}

	
/*-----------------------

  about

----------------------*/
.about-contents{
	background:url(../images/page/about/bg-about.png)left top no-repeat;
	background-size: 100%;
	padding: 30px 0 ;
}


.about-contents h2{margin-bottom: 20px; text-align: center;}
.about-contents div.about-unit{
	background:url(../images/page/about/img-bus.png)center bottom no-repeat;
	background-size: 64%;
	padding-bottom: 240px;

}
.about-contents div.about-unit dl {border-bottom:none; width: 94%; padding: 10px 0;}
.about-contents div.about-unit dl dt,
.about-contents div.about-unit dl dd{
	display: inline-table;
	font-size: 14px;
	line-height: 26px;
}

.about-contents div.about-unit dl dt{
	width: 100%;
	background:#5480d9;
	color: #fff;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
}
.about-contents div.about-unit dl dd{
	width: 100%;
	padding-left:0;
}
/*-----------------------

  safety

----------------------*/
.safety-contents{
	background:#90b4e8 url(../images/page/safety/bg-safe_sp.jpg) center bottom no-repeat;
	background-size:100%;
	padding: 30px 0 200px;
}

.safety-contents .bg-white{
	width: 100%;
	padding:30px 5% 20px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.8);
	font-size: 14px;
	box-sizing: border-box;
}

.safety-contents h2{
	font-size: 24px;
	font-weight: 500;
}

.safety-contents .safety-top{margin-bottom: 40px;}

.safety-contents .safety-top p{
	font-size: 16px;
	margin-top: 20px;
}


.safety-contents .bg-white div.seafty-left{
	float: none;
	width: 100%;
}

.safety-contents .bg-white div.seafty-right{
	float: none;
	width: 100%;
}

.safety-contents .bg-white div.seafty-left>div,
.safety-contents .bg-white div.seafty-right>div{
	margin-bottom: 40px;
}

.safety-contents .bg-white div.seafty-left h3,
.safety-contents .bg-white div.seafty-right h3{
	font-size: 20px;
	margin-bottom: 20px;
}

.safety-contents .bg-white div.seafty-left h4,
.safety-contents .bg-white div.seafty-right h4{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.safety-contents .bg-white div.seafty-left h5,
.safety-contents .bg-white div.seafty-right h5{
	font-size: 14px;
	margin-bottom: 5px;
}


.safety-contents .bg-white div.seafty-left ul,
.safety-contents .bg-white div.seafty-right ul{
	margin: 20px 0;
}

.safety-contents .bg-white div.seafty-left ul li,
.safety-contents .bg-white div.seafty-right ul li{
	float:none;
	margin-right:0;
	margin-bottom: 10px;
	text-align: center;
}

.safety-contents .bg-white div.seafty-left>div>div.sample001{
	background: url(../images/page/safety/img-safe-001_sp.png) center top no-repeat;
	background-size: 100%;
	margin-top: 20px;
	padding: 150px 0 100px;
}

.safety-contents .bg-white div.seafty-left>div>div.sample001.ch{
	background: url(../images/page/safety/img-ch-safe-001_sp.png) center top no-repeat;
	background-size: 100%;
	margin-top: 20px;
	padding: 160px 0 100px;
}
	
	.sp-tac{text-align: center; margin: 10px 0;}
	
	/*--------------------------
	
	      contact

	--------------------------*/
    
    p.contact_txt.thanks{
    text-align: left;}

	#cont_box5{
		width: 96%;
		margin: 0 auto;
		padding: 50px 0;
	}

	#cont_box5 h3{
		text-align: center;
		font-weight: bold;
		font-size: 6vw;
		line-height: 1.5em;
		color: #00086e;
	}

	#cont_box5 h3.error{
		color: #a60000;
	}
	
	#cont_box5 h3 span{
		display: block;
	}

	p.error-text{
		background: #fff5f8;
		padding: 10px;
		color: #ca1543;
	}

	.mw_wp_form .error {
		font-size: 93%;
		color: #B70000;
		display: block;
		padding: 0 0 20px;
	}

	.formTable {
		width: 100%;
		text-align: left;
	}

	table.formTable th{
		font-weight:normal;
		text-align:left;
	}

	table.formTable td,table.formTable th{width: 96%; display: block; box-sizing: border-box; letter-spacing:0;}
	.conf table.formTable th{padding: 20px 0;}
	.conf table.formTable td{border: 1px solid #ddd; padding: 20px;}

	table.formTable td{
		letter-spacing:0;
		font-size:14px;
		padding: 15px 0;
	}


	table.formTable th span{
		font-weight:bold;
		text-align:left;
		color:#C10D23;
		line-height: 1.8em;
		font-size: 13px;
	}

	table.formTable td .cont_inputb{
		width:40%;
		border: none;
		margin-bottom: 5px;
		font-size:14px;
	}

	table.formTable td .cont_inputc{
		width:20%;
		border: none;
		margin-bottom: 5px;
		font-size:14px;
	}

	table.formTable td .cont_input{
		width:90%;
		border: none;
		margin-bottom: 10px;
		font-size:14px;
		border: 2px solid #ccc;
	}

	table.formTable td .cont_input_name{
		width:48%;
		border: none;
		margin-bottom: 10px;
		font-size:14px;
		border: 2px solid #ccc;
		box-sizing: border-box;
	}

	textarea.cont_input3 {
		width:90%;
		height:200px;
		border: none;
		margin-bottom: 10px !important;
		border: 2px solid #ccc;
	}

	table.formTable span.f_s {
		font-size: 12px;
		letter-spacing: -0.05em;
		color: #000;
	}

	#submit-button{
		text-align: center;
		margin: 30px auto;
	}

	#submit-button input.send_btn{
		padding: 20px 30px;
		background: #fff;
	}

	#submit-button input.send_btn:hover {
		cursor: pointer;
	}

	#comp {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	#comptxt {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}

	.tac a {
		font-size: 20px;
		font-weight: bold;
		color: #666;
	}

	#submit-button input.send_btn,
	#submit-button input.back_btn,
	p.back_btn a{
		text-align: center;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */  
		font-weight: bold;
	}
	
	p.back_btn a{
	padding: 20px 0;
	display: block;
	width: 90%;
	margin: 30px auto;
	font-size: 16px;
	}

	#submit-button input.send_btn{
		border: 2px solid  #ffa100;
		background: #ffa100;
	}
	#submit-button input.back_btn,
	p.back_btn a{
		border: 2px solid  #4070ae;
		background: #4070ae;
		color: #fff;
	}

	#submit-button input.send_btn:hover,
	#submit-button input.back_btn:hover,
	p.back_btn a:hover{
		background: #fff;
		color: #000;
	}
	
	div.contact-about{
	text-align: center;	
	border-top:1px solid #ddd;
	padding-top: 20px;
	margin-top: 40px;
	font-size: 14px;
	}

	div.contact-about div.c-en,
	div.contact-about div.c-ch{
		display:block;
		margin:0 0 30px 0;
		width: 100%;
		box-sizing: border-box;
	}

	div.contact-about div.c-en h3,
	div.contact-about div.c-ch h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
    
    /*--------------------------
	
	      reserve
	      
    --------------------------*/

    table.formTable.reservetbl th,
    table.formTable.reservetbl td{
        padding: 10px 1%;
        width:100%;
        display: block;
        box-sizing: border-box;
    }
    
    table.formTable.reservetbl th{border-top:2px solid #333; font-weight: bold;}
    table.formTable.reservetbl td{border-top:1px dotted #666;}
    table.formTable.reservetbl td.nametd input{display: block;}
    
    table.formTable.reservetbl tr:last-child th{border-bottom: none;}
    table.formTable.reservetbl tr:last-child td{border-bottom:2px solid #333;}
    
    table.formTable.reservetbl td input,
    table.formTable.reservetbl td textarea{padding: 12px 5px; box-sizing: border-box;}
    
    table.formTable.reservetbl td input[type="text"],
    table.formTable.reservetbl td textarea{
        width:100%;
        box-sizing: border-box;
    }

    table.formTable.reservetbl td select{
        padding: 8px 10px;
        margin-bottom: 10px;
    }


    p.re_tac{text-align:left;}


}