/*  */

body{
background:url(../img/common/bt_bg.jpg) no-repeat center bottom;
color:#002f7b;
	max-width:640px;
	min-width:360px;
	margin:0 auto;
	font-size:110%;
}
.pc{
	display:none !important;
}
a:hover{
text-decoration:none;
}

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

.attention{
color:red;
}

.logo a.rep {
    display: block;
    width: 330px;
    height: 80px;
    background: url(../img/common/logo.png) no-repeat left;
    /* background-size: contain; */
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
/* ページタイトル */
h2{
    font-size:2rem;
    display: block;
    overflow: hidden;
    border-bottom: 2px solid gray;
    /* margin: 1em 3em 0em 3em; */
    /* background: red; */
    padding: 10px 0;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}
h3{
	/*planで利用*/
  font-size: 1em; 
  display: block;
  overflow: hidden; 
  /*margin: 1em 3em 0em 3em; */
  /*background:red;*/
  border-left:10px solid blue;
  margin:10px;
  padding: 10px 10px;
 
}

h4{
	width:100%;
	display: block;
	overflow: hidden; 
   /* color: #FFF;*/
/*	border-bottom: solid 6px #9acd32;*/
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
	border-radius: 9px;
	margin:10px auto;
	padding-top:5px;
 
}
/*************************************
レイアウト関連
*************************************/


.bold {
	font-weight:bold; 
}


/*********************
ヘッダー
**********************/
.header{
	background: url(../img/sp/sp_header_bg.png?160810) left center repeat-x;
    background-size: auto 100%;
    width: 100%;
    background-color: #e2e2e2;
    padding-bottom: 0.8rem;
}

.header .data .tel{
	display:none;
}
.header .data{
	width:22%;
	float:right;
	text-align:right;
	padding-right:16%;
	margin-top:2%;
}
.header .data p{
	/*display:inline-block;
	width:45%;*/
	margin-bottom:5px;
}
.header .data p a{
	display:block;
	height:0;
	overflow:hidden;
	padding-top:25%;
}
.header .data .login a{
	background:url(../img/sp/header_login.png) center no-repeat;
	background-size:100% auto;
}
.header .data .logout a{
	background:url(../img/sp/header_logout.png) center no-repeat;
	background-size:100% auto;
}
.header .data .member a{
	background:url(../img/sp/header_member.png) center no-repeat;
	background-size:100% auto;
}

div.header div.data .s-btn p a {
    background-color: rgb(255, 255, 255);
    display: block;
    /* width: 90px; */
    text-align: center;
    font-weight: bold;
    /* margin-right: 6px; */
    color: rgb(21, 15, 136);
    border-radius: 18px;
    /* padding: 10px 0px; */
    text-decoration: none;
    font-size: 0.85em;
    overflow: inherit;
    padding-top: 4px;
    height: 15px;
}
.header .tel {
    text-align: center;
    font-size: 150%;
    padding: 0.3rem;
    background-color: #f6f6f6;
}
.header .tel_notce{
	font-size:60%;
	padding:5px;

}
.header .menu_mark {
	width:100%;
	text-align:center;
}
.header .menu_mark img{
	height:70px;
	display:inline-block;
	margin:10px;

}
/*********************
ナビ
**********************/
.glovalNavi{
    height: 0;
    z-index: 999;
}
.glovalNavi p{
    display: block;
    position: fixed;
    /* bottom: 0; */
    right: 6px;
    width: 15%;
    height: 60px;
    overflow: hidden;
    /* padding-top: 18%; */
    background: url(../img/common/burger.png) center no-repeat;
    background-size: 80% auto;
    top: 6px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    border-radius: 4px;
    color: #fff;
}
.glovalNavi ul{
	display:none;
}
.glovalNavi ul.open {
    display: block;
    min-width: 200px;
    position: absolute;
    top: 66px;
    right: 0;
    width: 70%;
    background: #fff;
    padding: 5px 3%;
    position: fixed;
	z-index: 500;
}
.glovalNavi ul li a{
display: block;
    border-bottom: dotted 1px #00a0e9;
    padding: 10px;
    /* font-size: 123.2%; */
    color: #002f7b;
    background: left center no-repeat;
    text-decoration: none;
	
}
.glovalNavi ul li:last-child() a{
	border:none;
}
/***　セレクトバー	***/ 
header nav ul.image{
	text-align:center;
    margin: 1.5rem;	
}
header nav ul.image img{
	height:70px;
}
header nav ul.select {
text-align: center;
    margin-top: 1rem;
	padding:0px;
	margin:0px;
}
  
header nav ul.select li {
display: inline-block;
   margin: 0.1rem;
}

header nav ul.select li a {
	font-size:80%;
    text-decoration: none;
    /* width: 100%; */
    border: 1px solid gray;
    display: block;
    border-radius: 20px;
    background: #ffffff;
    font-weight: bold;
   padding: 0.4rem 0.4rem;
 /*   padding: 0.6rem 1rem;*/
    margin: 0 auto;
    text-align: center;
    color: #000000;
}
header nav ul.select li a:hover{
	color:gray;
 }
 
  /*********************
ページトップ
**********************/

#page-top {
text-align:center;
}
#page-top a {
    background: #a0a0a0;
    color: #ffffff;
    padding: 10px;
    /* width: 100px; */
    /* margin: 0 auto; */
    /* display: block; */
    text-decoration: none;
    position: fixed;
    bottom: 6px;
    right: 6px;
    font-size: 80%;
}
/*********************
フッター
**********************/
/***　セレクトバー	***/ 

footer{
	width:100%;
	border-top:1px solid gray;
	margin-top:20px;

}

/**ページリンクレイアウト**/
footer .menulink{
	width:100%;
}
footer .menulink{
	width:100%;
}
footer .companynote{
	width:100%;
}



/***　セレクトリンク***/ 



footer .inner nav .menu,
footer .inner nav .select {
    width: 100%;
}
footer .inner nav .menu li,
footer .inner nav .select li {
      display: block;
      width: 100%;
      margin: 0;
}

footer .inner nav .menu li a,
footer .inner nav .select li a {
        width: 100%;
        display: block;
        padding: 1rem 2rem;
        border-top: 1px solid #989898;
        background: url(../img/common/arrow-d-p.png) no-repeat right 2rem center;
        background-size: 0.8rem;
}


footer .companynote {
 padding: 2rem;
}

/**会社**/
footer .info-office p{
	font-size:120%;
}
footer .info-office p.logo{
	font-weight:bold;
	font-size:150%;
	margin-bottom:10px;
}
footer .info-office p.address{
	
}
footer .info-office p.office{
	font-weight:bold;	
}
footer .info-office p.tel{
		font-weight:bold;
}
footer .copyright {
    text-align: center;
    background-color: #cdcdcd;
    padding: 0.4rem;
}
footer .companynote {
    padding: 2rem;
    border-top: 2px solid #555;
    margin-top: 2rem;
    /* border-bottom: 2px solid #555; */
}
/*********************
ページトップ
**********************/
.pageTop{
	display:none !important;
}

/*************************************
コンテンツページ関連
*************************************/	  
#content {
    padding: 0rem 1rem;
}

/*********共通************/
a{
	text-decoration:none;
}
.to_terms{
	line-height:5em;
	text-align:right;
}
.to_terms_btn{
	/**旅行条件書へのリンク**/
	/*確認、戻る、送信imputボタン*/
	padding:10px 30px;
/*	font-size:120%;*/
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	zoom: 1;
	background: -moz-linear-gradient(top, #90e665, #436b2f);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #90e665, #436b2f);/* Chrome10+, Safari5.1+ */
	background: linear-gradient( #ffff00, #ffd700);/* IE10+, W3C */
	border-radius:10px;
	color:#ffffff;
	font-weight:bold;
	border:none;

}

/*********form***********/
input {
  padding: 10px;
  border: 1px solid gray;
  color: gray;
} 
textarea {
  padding: 10px;
  border: 1px solid gray;
  color: gray;
} 
select{
	background:#f8f8ff;
	padding: 10px;
	border: 1px solid gray;
}
.input{
	/*text*/
	width:100%;
}
.input50{
	/*text*/
	width:50px;
}
.input100{
	/*text*/
	width:100px;
}
.input150{
	/*text*/
	width:150px;
}
}.input200{
	/*text*/
	width:200px;
}
.input300{
	/*text*/
	width:300px;
}
.widthmax{
	/*textarea*/
    width: 100%;
    height: 50px;
  }
.widthmax100{
	/*textarea*/
    width: 100%;
    height: 100px;
  }
.widthmax150{
	/*textarea*/
    width: 100%;
    height: 150px;
 }
.widthmax200{
	/*textarea*/
    width: 100%;
    height: 200px;
  }

.widthmax300{
	/*textarea*/
    width: 100%;
    height: 300px;
 }
.confirmation{
	/*確認、戻る、送信imputボタン*/
	padding:10px 30px;
/*	font-size:120%;*/
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	zoom: 1;
	background: -moz-linear-gradient(top, #d9f3fc, #2d9fc9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #d9f3fc, #2d9fc9);/* Chrome10+, Safari5.1+ */
	background: linear-gradient( #90e665, #436b2f);/* IE10+, W3C */
	border-radius:10px;
	color:#ffffff;
	font-weight:bold;
	border:none;
}
div.button{
	/*imputボタンを囲む*/
	width:70%;
	margin:0 auto;
}

/*レスポンシブ テーブル*/
table.form_table{
	width:100%;
	box-sizing: border-box;
	border-collapse:collapse;
	margin: 0 auto;
	text-align: center;
}
table.form_table th,
table.form_table td{
	text-align:left;
	padding: .5em 1em;

}
table.form_table th{
	background:#f0f8ff;
}
@media (max-width: 650px) {
table.form_table th,
table.form_table td{
      display: block;
    }
}
/*
.form_table th,.form_table td{
	padding:1em;
	text-align:left;
	vertical-align:top;
}
.form_table th{
	width:250px;
	background:#f0f8ff;

}
.form_table td{
	border:3px solid #ffffff;
}
*/
.necessity{
	color:#ffffff;
	background:#cc0000;
	padding:5px;
	font-size:80%;
	border-radius:20%;
}
.error{
	color:red;
}
.notice{
	padding:3px;
	font-size:90%;
	color:teal;
}




/***index(HOME)*****/
.index {
	color:#000000;
	text-align:left;
}
.index h4{
	text-align:center;	
}
.index  p{
	font-weight:bold;
}
.top_header{
	width:100%;
	padding-top:35%;/*画像を表示する位置（下から）*/
	padding-bottom:0%;/*画像を表示する位置（下から）*/
	background:url(../img/index/top2.png) center center no-repeat;
	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-size: cover;
	margin-bottom:22px;
}

.top_header p.title{
	font-size:120%;
	font-weight:bold;
}
/*ニュース情報*/
.index_news{
	width:100%;
	border-bottom:1px solid teal;
	
}
.index_newstitle{
	height:2em;
	border-bottom:1px solid teal;
}

.index_newstitle p.chara {
	float:left;
	padding:0px 0px;
	font-size:150%;
	font-weight:bold;
}
.index_newstitle p.btn {
	float:right;
	width:45%;
	text-align:right;
}

.index_newstitle p.btn a{
	width:100px;
	padding:5px 10px;
	font-size:90%;
	box-shadow: 0 0 15px;
	zoom: 1;
	background: -moz-linear-gradient(top, #d9f3fc, #2d9fc9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #d9f3fc, #2d9fc9);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #d9f3fc, #2d9fc9);/* IE10+, W3C */
	border-radius:10px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.index_news_area {
	clear:both;
	padding:10px;
}
.index_newsdata   {
	padding:10px;
}
.index_newsdata p  {
	text-align:left;
}

dl.index_newsdata  {
	border-bottom:1px dotted silver;
}

dl.index_newsdata dt p.date {
	color:#4682b4;
}
dl.index_newsdata dt p.title {
	font-weight:bold;
}

/*旅行情報*/
.tourimage{
	width:30%;
	float:left;
/*	border:1px solid  red;*/
}

/*旅行情報*/
.tourdata{
	margin-top:10px;
	border-bottom:1px solid  teal;	
}
.tourimage{
	width:30%;
	float:left;
/*	border:1px solid  red;*/
}
.tourimage img{
	width:70%;
}

.tourdetail{
	width:65%;
	float:right;
	font-size:80%;
/*	border:1px solid  red;*/
}
.tourdetail  dl {
/*	border:1px solid  gray;*/
}
.tourdetail dt.title{
	font-weight:bold;
	font-size:120%;
}
.tourdetail dt.course{
	
}
.tourdetail dt.date{
	
}
.tourdetail  dl dd{
	line-height:3em;
}
.tourdetail  dl dd.btn-w {

}
.tourdetail  dl dd.btn-w  a{
	padding:10px;
	font-size:80%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	zoom: 1;
	background: -moz-linear-gradient(top, #d9f3fc, #2d9fc9);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #d9f3fc, #2d9fc9);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #d9f3fc, #2d9fc9);/* IE10+, W3C */
	border-radius:10px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

/**************************/
/***company(会社概要)*****/

.company p{
}
.company p.summary{
}
.company table{
width:100%;
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  text-align: center;
}
.company table th,
.company table td{
text-align:left;
  border-bottom: 1px solid #999;
  padding: .5em 1em;
}
.company table th{
  background: #eee;
}
@media (max-width: 650px) {
.company table th,
.company table td{
      display: block;
    }
}

.company ul.link {
	text-align:right;
}
.company ul.link li{
	display: inline-block; 
	margin:5px;
 }
  
.company ul.link li a {
	text-decoration:none;
      width: 100%;
      border: 1px solid gray;
      display: block;
      border-radius: 20px;
	background: #800000;
      font-weight: bold;
	padding:5px; 
	margin:0 auto;
	text-align:center;
	color:#ffffff;
	
 }
.company ul.link a:hover{
	color:gray;
 }
.company  img.heartmark{
	width:100px;
}
.company  p.markdetail{
	font-size:100%;
}
 
 
/**************************/
/***contents(車両のご案内)****/

.contents p {
    font-size: 130%;
    text-align: left;
}

.contents .counterplan p{
	font-size:120%;
	hont-weight:normal;
	color:teal;
	margin-left:30px;
}
.contents div.counterplanImg{
	margin:30px;
}
.contents  table{
margin: 3px auto;
}
/**除菌**/
.contents div.fungus p.note{
	color:gray;
	font-weight:none;
	font-size:120%;
}
.contents div.fungus .fungusImg{
	text-align:center;
}
/**料金**/
.contents div.fee p{
	font-size:120%;
	font-weight:normal;
}
.contents div.fee p.mes{
	font-weight:bold;
}
.contents div.fee table{
	border:1px solid gray;
	text-align:left;
	
}
.contents div.fee table tr.bgon{
	background:#f5deb3;
}

.contents div.fee table .feename{
	width:200px;
}
.contents div.fee table .feectg{
	width:300px;
}
.contents div.fee table .feeday1{
	width:300px;
}
.contents div.fee table .feeday2{
	width:200px;
}
.contents div.fee table th{
	border-bottom:1px solid gray;
	padding:10px;
}
.contents div.fee table td{
	border-bottom:1px solid gray;
	padding:10px;
}
.contents div.fee table td.bold{
	font-weight:bold;
}
.contents div.fee table td span{
	font-size:70%;
	font-weight:normal;
	color:teal;
}
.contents .movie{
	text-align:center;
}
.contents .movie iframe {
	width:90%;
	height:300px;
 }
/**************************/
/***plan(プラン)*****/
.plan p{

}
ul.plan li{
	width:100%;
	display: block;
	margin:10px;
	border-bottom:1px solid gray;
}

ul.plan li .img{
	width:30%;
	display: block;
	float:left;

}
ul.plan li .img img{
	height:80px;
}

ul.plan li .cap{
	width:68%;
	display: block;
	float:right;
	overflow:hidden;
	height:80px;
	font-weight:bold;
	font-size:120%;
}

ul.plan li a{
color:#000;
}


/*旅行ラン*/
.bus_tour ul.theme{
	padding:5px;
	margin-left:20px;
}
.bus_tour ul.theme li{
	border-bottom:dotted 1px gray;
	padding:5px;
}
.bus_tour ul.theme li:last-child {
	border: none;
}
.bus_tour ul.theme .subject{
	font-weight:bold;
}
.bus_tour ul.theme .note{
		
}
.bus_tour ul.theme .topic{
	font-size:80%;
	color:#8b0000;
}
/*入国プラン*/
.support_title{
font-weight:bold;
	font-size:120%:;
}

.support{
	font-weight:bold;
	
}
.support .imgcap{
	font-size:70%:;
	padding:10px;
	font-weight:normal;
}
.support .important{
	font-size:120%;
	padding:10px;
	font-weight:bold;
}
.support .notes{
	font-size:80%;
	padding:10px;
	font-weight:nomal;
}

/**************************/
/***reserve(予約の流れ)*****/
.reserve{
	
}
.reserve p{
font-size:130%;
font-weight:bold;
}

.reserve p.office{
	text-align:left;	
	font-size:130%;
	font-weight:normal;
	border:1px teal solid;
	border-radius:10px;
	padding:30px;
margin-bottom: 1rem;
}
.reserve p.message{
/*	border:1px teal solid;*/
}

.reserve img.message{
	width:100%;
}

/**************************/
/***contact(お問い合わせ)*****/
.contact {
	margin-top: 10px;
}

/**************************/
/***detail(旅行詳細)*****/

.detail dt.image1{
	padding:10px;
	text-align:center;
}
.detail dd{
	padding:10px;
	text-align:center;
}
.detail dd img{
	display:inline-block;
	width:40%;
	padding:5px;
}


/*レスポンシブ テーブル*/
.detail table{
	width:100%;
	box-sizing: border-box;
	border-collapse:collapse;
	margin: 0 auto;
	text-align: center;
}
.detail table th,
.detail table td{
	text-align:left;
	padding: .5em 1em;

}
.detail table th{
	background:#f0f8ff;
}
@media (max-width: 650px) {
.detail table th,
.detail table td{
      display: block;
    }
}

 .detail tr:last-child{
    border-bottom: solid 1px #ccc;
  }
.detail .booking {
	width:100px;
	padding:10px;
/*	box-shadow: 0 0 15px;*/

 	background: -moz-linear-gradient(top, #8370ff, #483d8b);/*FF3.6+ */
	background: -webkit-linear-gradient(top, #8370ff, #483d8b); /*Chrome10+, Safari5.1+ */
 	background: linear-gradient(to bottom, #8370ff, #483d8b);/*IE10+, W3C */
	border-radius:10px;
	text-align:center;
	margin:0 auto;
}
.detail .booking a{
	font-size:100%;
	font-weight:bold;
	color:#ffffff;
}
.detail .booking a:hover{
	color:#8370ff;
}

/**************************/
/***report(実証報告)*****/
.report{
}
/*ツアーメニューデータ*/
/*メニュー*/
.report  .menu {
	width:100%;
	margin-bottom:30px;
	z-index:- 1;
}
.report  .tour_menu  {
	text-align:center;
	width:100%;
	background:#4682b4;
	color:#fff;
	padding:3px;
	z-index:- 1;
}
.report  .tour_menu a {
	color:#fff;
	font-weight:bold;
}
.report  .menu  li {
	display:inline-block;
	position:relative;
	width:100%;
}
.report  .menu li  .tour{
	display:none;
}
.report  .menu  li:hover .tour{
	display:block;
	width:100%;
	background:#4682b4;
	color:#fff;
}
.report  .menu  li:hover .tour li{
margin:0;
padding:0;
}
.report  .menu  li:hover .tour a{
	color:#fff;
}
/*ツアーデータ*/
.report .tour ul li{
	display:inline-block;
	width:100%;
	overflow: hidden; 
/*border-radius: 9px;*/
	margin:0px auto;
	padding:5px;
	border-bottm: 1px dotted gray;	

}
.report .tour ul li p{
	display:block;
/*	height:3em;*/
	padding:5px;
}
.report .tour ul li a{
	font-size:80%;
	font-weight:bold;
}
.report .tour ul li p.day{
	font-size:90%;
	line-height:1em;
	 color:#e0ffff;
}

/*実証データ*/
.report .actualproof ul li{
	border-bottom:4px double #da70d6;
}
.report .actualproof p.title{
	font-size:110%;
	color:#000;
	font-weight:bold;
	border-bottom:1px solid teal;
}


.report .actualproof .data{
	margin:10px 0px;
	border-left:5px double #cd5c5c;
}
.report .actualproof .start{
	width:100%;
	font-size:110%;
/*	float:left;*/
}
.report .actualproof .detail{
	width:100%;
	font-size:110%;
/*	float:left;*/
}

.report .actualproof p.date{
	font-size:110%;
	line-height:2em;
	color:#000;
	font-weight:bold;
	padding-left:12px;
}

.report .actualproof p.departure{
		padding:3px;
		text-align:right;

}
.report .actualproof p.bustype{
		padding:3px;
}

.report .actualproof p.ap_image{
	width:150px;
	padding:20px;
	float:left;
}
.report .actualproof p.ap_image img{
	width:100%;
}
.report .actualproof p.ap_note{
	font-size:110%;
	line-height:2em;
	padding:10px 20px;
}
.report .actualproof p.images{
	text-align:right;
	margin-bottom:10px;
}
.report .actualproof p.images img{
	width:100px;
}
/**************************/
/***tour(ツアー)*****/
/**tourform**/
.tour{
/*	font-size:120%;*/
}
.tour .titlecoment p{
	line-height:1.8em;
}

.tour .title{
/*	font-size:120%;*/
}
.tour .dataTable{
	text-align:center;
	font-size:120%;
	margin:0 auto;
	width:80%;
}
.tour .entry_title dl{
padding:10px;
}
.tour .entry_title dl dt{
	font-size:150%;
	font-weight:bold;
}
.tour .entry_title dl dd{
	font-size:110%;
	font-weight:bold;
	color:teal;
}

.tour .to_terms{
/*	border:1px teal solid;*/
}

.tour_terms{
	font-size:120%;
	padding:1em;
	font-weight:bold;
	color:#5a76cc;
	text-decoration:underline;
}
.terms_note{

}	
.terms_chara{
	color:teal;
	font-weight:bold;
}