@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	overflow: auto;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	overflow: hidden;
  position: relative;
  min-width: 100%;
	-webkit-text-size-adjust: 100%;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク
----------------------------------------------------*/
a {
}

a:link {
	color: #5D615F;
	text-decoration: none;
}

a:visited {
	color: #5D615F;
}

a:hover {
	#5D615F;
	text-decoration: underline;
}

a:active {
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用*/
.alpha a:hover img {
  	opacity: 0.7;
  	filter: alpha(opacity=70);
  	-ms-filter: "alpha(opacity=70)";
}
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}

.top5{
	margin-top: 5px;
}
.top10{
	margin-top: 10px;
}
.top15{
	margin-top: 15px;
}
.top20{
	margin-top: 20px;
}
.top25{
	margin-top: 25px;
}
.top30{
	margin-top: 30px;
}
.top35{
	margin-top: 35px;
}
.top40{
	margin-top: 40px;
}
.top45{
	margin-top: 45px;
}
.top50{
	margin-top: 50px;
}
.top70{
	margin-top: 70px;
}
.top90{
	margin-top: 90px;
}
.top95{
	margin-top: 95px;
}
.top100{
	margin-top: 100px;
}


/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#page {
	font-size: 100%;
	line-height: 160%;
	color: #5D615F;
	background-color: #F8F6F1;
}


/*----------------------------------------------------
	.head_inner（ヘッダー）
----------------------------------------------------*/
.head_inner {
	position:absolute;
	height: 100px;
	width: 96%;
	margin:auto 2%;
	text-align:center;
	background-color:#ffffff;
}
.head_rogo{
}
.head_rogo img {
	width:75%;
	height:auto;
}
.head_tel{
	position: absolute;
	right: 0;
	bottom: 10px;
	top:56px;
}
.head_tel img{
	width:80%;
	height:auto;
}

/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/

#contents {
	/zoom: 1;
	margin-bottom: 10px;
	width: 100%;
	margin: 0 auto;
	padding-top: 12px;
}


/*----------------------------------------------------
	#main（メインコンテンツ）
----------------------------------------------------*/
#main {
	width: 100%;
	text-align: center;
}

#main table,
#main ol,
#main ul,
#main dl,
#main blockquote,
#main pre,
#main p {
	margin-bottom: 10px;
}

.pageTop {
	position: relative;
	right: 10px;
	top: -12px;
	text-align: right;
}


/*----------------------------------------------------
	#side（サイドバー）
----------------------------------------------------*/
#side {
	float: right;
	width: 250px;
}
nav.side_bn ul{
	_zoom: 1;
    overflow: hidden;
}
nav.side_bn ul li img{
	vertical-align:bottom;
	border-bottom: 1px solid #ea5576;
}
nav.side_bn ul li.none img{
	border-bottom: none;
}

.side_bn li{
	list-style: none;
}
.side_bn ul li img{
	vertical-align:bottom;
}

/*----------------------------------------------------
	#top（メインコンテンツ）
----------------------------------------------------*/
.main_pic_wrap{
	position: relative;
	margin: 0px 3% 0 5%;
}
.topCopy{
	margin-top: 100px;
    position: relative;
}
.point{
	position: absolute;
	top: 310px;
	left: 0px;
}
.point img{
	width:100%;
	height:auto;
}
.pointSp {
	position: absolute;
	top: 380px;
}
.pointSp ul li {
	list-style:none;
	text-align:left;
}
.pointSp ul li img {
	width:90%;
	height:auto;
}
.yoyaku_btn{
	padding-top: 470px;
}
.yoyaku_btn img{
	width:92%;
	height:auto;
}
.title_02{
	margin-top: 50px;
}
.title_02 img{
	width:auto;
	height:35px;
}
.title_03{
	margin-top: 40px;
}
.title_03 img{
	width:auto;
	height:40px;
}
.ryoukin_box{
	width: 94%;
	background-color: #fff;
	padding: 20px 3%;
	margin-top: 30px;
}
.title_04{
	margin-top: 40px;
}
.title_04 img{
	width:auto;
	height:35px;
}
.yoyaku_btn2{
	padding-top: 30px;
}
.yoyaku_btn2 img{
    width:92%;
    height:auto;
}
.koe_box{
	width:100%;
	margin: 0 -500%;
    padding: 0 500%;
    background-image: url(https://www.tsubame-taxi.net/kanko_new/images/koe_bg.png);
	background-size:13% auto;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #fff;
    margin-top: 30px;
}
.title_05{
	padding-top: 40px;
}
.title_05 img{
	width:auto;
	height:35px;
}
.koe{
	width: 100%;
	margin: -40px auto 0;
	padding-bottom: 100px;
}
.koe1_left{
	float: none;
	width: 90%;
	margin:0 auto;
}
.koe1_right{
	float: none;
}
.koe1_right img{
	width:90%;
	height:auto;
}
.koe2_left{
	float: left;
}
.koe2_right{
	float: right;
	width: 400px;
}
.koe_title{
	line-height: 140%;
	margin-top: 10px;
	text-align: center;
	font-size: 165%;
	color: #4CA69C;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho";
	font-weight: bold;
}
.koe_naiyou{
	text-align: left;
	margin-top: 20px;
	line-height: 180%;
}
.koe3{
    text-align: left;
	width:90%;
	margin:0 auto;
}
.koe3 ul{
	padding-left: 20px;
}
.title_06{
	margin-top: 35px;
}
.title_06 img{
	width:auto;
	height:35px;
}
.qa_box{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
}
.qa_wrap{
	margin: 20px 5% 0;
}
.q_title{
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	color: #F7931E;
  background-image:url(https://www.tsubame-taxi.net/kanko_new/images/q_sp.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding: 5px 0 5px 35px;
}
.a_box{
	margin-top: 5px;
	text-align: left;
	margin-left: 5px;
}
.a_icon{
	width: 30px;
	float: left;
}
.a_icon img{
	width: 25px;
	height:auto;
}
.a_naiyou{
	width: 89%;
	float: right;
}
.yoyaku_btn3{
	margin-top: 20px;
	margin-bottom: 50px;
}
.yoyaku_btn3 img{
    width:92%;
    height:auto;
}

.course_wrap{
	position: relative;
}
.course01{
	position: absolute;
	width: 235px;
	top: 740px;
	left: 373px;
	text-align: left;
}
.course02{
	position: absolute;
	width: 235px;
	top: 950px;
	left: 380px;
	text-align: left;
}
.course03{
	position: absolute;
	width: 235px;
	top: 1193px;
	left: 373px;
	text-align: left;
}
.course04{
	position: absolute;
	width: 235px;
	top: 1413px;
	left: 380px;
	text-align: left;
}
.course05{
	position: absolute;
	width: 470px;
	top: 1680px;
	left: 373px;
	text-align: left;
}
.courseBtn {
	margin-top:10px;
}
.courseBtn img{
	width:90%;
	height:auto;
}
.courseTxt {
	padding:0 5%;
	margin-top:0px;
}
table.ryokin td,th{
	padding: 10px;
}
table.ryokin th{
	background-color: #4CA69C;
	color: #fff;
	border: 1px solid #ccc;
	text-align: center;
}
table.ryokin td{
	text-align: left;
	border: 1px solid #ccc;
}
table.ryokin td.kakaku{
	text-align: right;
}


.scroll{
	
overflow: auto;
white-space:nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
overflow: auto;　　　　/*tableをスクロールさせる*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
.houmen{
	text-align: left;
}
p.houmen span{
	color: #4CA69C;
}


/*----------------------------------------------------
	おすすめ観光コース
----------------------------------------------------*/
p.course01, p.course02, p.course03, p.course04, p.course05, .coursePic, .spOff {
	display:none;
}
#main .courseBox {
	display:block;
	margin-bottom:0px;
	padding: 3px 0 12px;
}
.courseArrow {
	background-image:url(https://www.tsubame-taxi.net/kanko_new/images/arrow_01.png);
	background-position: 20% bottom;
	background-size: auto 13px;
	background-repeat:no-repeat;
}
.courseBox dt {
	float:left;
	width:45%;
}
.courseBox dd {
	float:right;
	width:50%;
	text-align:left;
	font-size:95%;
	line-height:140%;
}


/*----------------------------------------------------
	画像
----------------------------------------------------*/
img.widthSp {
	width:90%;
	height:auto;
	margin:0 auto;
}


/*----------------------------------------------------
	下層ページ
----------------------------------------------------*/

/*===============================================
●画面の横幅が480px以上
===============================================*/
@media screen and (min-width: 480px){


body {
  min-width: 1000px;
	-webkit-text-size-adjust: 100%;
}

/*----------------------------------------------------
	.head_inner（ヘッダー）
----------------------------------------------------*/
.head_inner {
	height: 348px;
	text-align:left;
	background-color:inherit;
}
.head_rogo{
	left: 15px;
	position: absolute;
}
.head_rogo img {
	width:auto;
	height:auto;
	margin:0;
}
.head_tel{
	position: absolute;
	right: 0;
	bottom: 35px;
}
.head_tel img{
	width:269px;
	height:auto;
}

/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/

#contents {
	/zoom: 1;
	margin-bottom: 10px;
	width: 100%;
	margin: 0 auto;
	padding-top: 45px;
}

/*----------------------------------------------------
	#main（メインコンテンツ）
----------------------------------------------------*/
#main {
	width: 980px;
	text-align: center;
	margin:0 auto;
}

/*----------------------------------------------------
	#top（メインコンテンツ）
----------------------------------------------------*/
.main_pic_wrap{
	margin: 45px 0 0;
}
.topCopy{
	margin-top: 0px;
}
.point{
	position: absolute;
	top: 250px;
	left: 80px;
}
.pointSp {
	display:none;
}
.yoyaku_btn{
	padding-top: 350px;
}
.yoyaku_btn img{
	width:auto;
}
.title_02{
	margin-top: 160px;
}
.title_02 img{
	height:70px;
}
.title_03{
    margin-top: 140px;
}
.title_03 img{
	height:58px;
}
.ryoukin_box{
    margin-top: 60px;
}
.scroll{
	
overflow: auto;
white-space:normal;
}
.title_04{
    margin-top: 100px;
}
.title_04 img{
	height:58px;
}
.title_05{
    padding-top: 90px;
}
.title_05 img{
	height:58px;
}
.koe_box{
    width:auto;
    background-size: auto;
    margin-top: 120px;
}
.koe{
    width: 850px;
    margin: 0 auto;
    padding-bottom: 230px;
}
.koe1_left{
	float: left;
	width: 400px;
}
.koe1_right{
	float: right;
}
.koe2_left{
	float: left;
}
.koe2_right{
	float: right;
	width: 400px;
}
.koe_title{
	line-height: 160%;
	margin-top: 10px;
	text-align: left;
	font-size: 232%;
	color: #4CA69C;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho";
	font-weight: bold;
}
.koe_naiyou{
	text-align: left;
	margin-top: 20px;
	line-height: 180%;
}
.koe3{
    text-align: left;
}
.koe3 ul{
	padding-left: 20px;
}
.yoyaku_btn2{
    padding-top: 110px;
}
.yoyaku_btn2 img{
    width:auto;
}
.yoyaku_btn3{
    margin-top: 20px;
    margin-bottom: 50px;
}
.yoyaku_btn3 img{
    width:auto;
}
.title_06{
    margin-top: 95px;
}
.title_06 img{
	height:58px;
}
.qa_box{
	width: 765px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.qa_wrap{
	margin: 40px 0 0;
}
.q_title{
	text-align: left;
	font-size: 182%;
	font-weight: bold;
	color: #F7931E;
	background-image:none;
}
.q_title:before {
  content: url("https://www.tsubame-taxi.net/kanko_new/images/q_pc.png");
  position: relative;
  top: 20px;
}
.a_box{
	margin-top: 30px;
	text-align: left;
	margin-left: 50px;
}
.a_icon{
	width: 50px;
	float: left;
}
.a_icon img{
	width: auto;
}
.a_naiyou{
	width: 640px;
	float: right;
}


.courseBtn {
	margin-top:40px;
}
.courseBtn img{
	width:auto;
}
.courseTxt {
	margin-top:20px;
}
.ryoukin_box{
	width: 938px;
	border: 1px solid #808080;
	background-color: #fff;
	padding: 20px;
	margin-top: 60px;
}

/*----------------------------------------------------
	.head_inner（ヘッダー）
----------------------------------------------------*/
.head_inner {
	position: relative;
	height: 348px;
	width: 960px;
}
.head_rogo{
	position: absolute;
	left: 15px;
}
.head_tel{
	position: absolute;
	right: 0;
	bottom: 35px;
	top:inherit;
}
/*----------------------------------------------------
	おすすめ観光コース
----------------------------------------------------*/
p.course01, p.course02, p.course03, p.course04, p.course05, .coursePic, .spOff {
	display:block;
}
#main .courseBox {
	display:none;
}
/*----------------------------------------------------
	画像
----------------------------------------------------*/
img.widthSp {
	width:auto;
	margin:auto;
}

}