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

body{
	width:100%;
	/*height:auto;*/
	font-size:16px;
	font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
	/*overflow-x:hidden;*/
	overflow-x: hidden;
	}
	
.wrap{
		overflow:hidden;
	}
	
#main_contents{
	width:100%;
	height:auto;
	margin:0 0 2em;
	clear:both;
	
}

#sub_contents{
	margin:4em 0 6em;
}
	
h1,h2,h3,h4,h5,p,ol,ul,li,th,tr,td{
	margin:0;
	padding:0;
}

ul,li{
		list-style:none;
}



img{
	border:0;
}

/* ヘッダー
----------------------------------------*/
#header{
	width:100%;
	min-height:170px;
	background-color:#6699ff;
	margin:0 0 1em;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header a{
	text-decoration:none;
	color:#fff;
}

#header a:hover{
	text-decoration:none;
	filter:alpha(opacity=60);/* forIE */
    -moz-opacity: 0.6;/* forFireFox*/
    opacity: 0.6;/* for Safari Opera */
}

#hd_h1_area{
	width:100%;
	height:auto;
	background-color:#333;
}

#hd_h1_area-inner{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:4px;
}

#hd-inner{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:1em;
}

.hd_logo_area{
	width:100%;
	display:inline-block;
	color:#fff;
	font-size:28px;
	font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
//	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	line-height:1.2;
	float: left;
}

#hd_contact_area{
	width:100%;
	max-height:140px;
	display:inline-block;
	float:right;
	position:relative;	
}

#hd_contact_tel_area{
	width:100%;
	max-width:232px;
	height:auto;
	max-height:45px;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	background:url(image/icon_tel.png) no-repeat;
	text-indent:1.5em;
	line-height:1.2;
	display:block;
	position:absolute;
	top: -60px;
	right:0;
	
}

#hd_contact_mail_area{
	margin: auto;
	width:230px;
	max-height:45px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	background:url(image/btn_contact.png) no-repeat;
	text-align:center;
	padding:8px 0;
	display:block;
	position:static;
	top: 40px;
	right: 0;
}

.inquiry_area ul {
    display: block;
}

.inquiry_button {
    margin:1em auto;
    width:230px;
    height:29px;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    padding:8px 0 8px 10px;
}

#inquiry_mail{
    background:url(image/btn_contact.png) no-repeat;
    background-color: #FF6600;
    background-position:5% 35%;
}

#inquiry_line{
    background:url(image/LINE32.png) no-repeat;
    background-color:#00b900;
    background-position:2% 35%;
}

/* コンテナ
----------------------------------------*/	
#container{
	width:96%;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:0;
	overflow: hidden;
}

/* パンくず
----------------------------------------*/
#pankuzu{
	width:630px;
	display:none;
	padding:0 0 2em;
	font-size:14px;
	vertical-align:top;
}

#pankuzu a{
	color:#000;
}

#breadcrumb_sp {
        list-style: none;
        overflow: hidden;
        color: #fff;
        font-size: 11px;
        margin:0 0 20px;
        background: #264b94;
        display: block;
}

#breadcrumb_sp li {
        float: left;
        line-height: 40px;
}
#breadcrumb_sp li a {
        color: black;
        text-decoration: none;
        padding: 0 10px 0 15px;
        background: #f2f2f2;
        display: block;
        float: left;
        font-weight: 500;
}
#breadcrumb_sp li a::after {
        position: relative;
        display: block;
        margin-top: -20px;
        margin-left: auto;
        margin-right: -15px;
        height: 20px;
        width: 20px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background: #f2f2f2;
        border-right: 4px solid white;
        -moz-transform: skew(-30deg);
        -o-transform: skew(-30deg);
         transform: skew(-30deg);
}
#breadcrumb_sp li a::before {
        float: right;
        display: block;
        margin-bottom: -20px;
        margin-left: auto;
        margin-right: -15px;
        height: 20px;
        width: 20px;
        content: " ";
        -webkit-transform: skew(30deg);
         background: #f2f2f2;
         border-right: 4px solid white;
         -moz-transform: skew(30deg);
         -o-transform: skew(30deg);
         transform: skew(30deg);
}

#breadcrumb_sp li:first-child a {
        font-weight: 500;
        padding-left: 10px;
        background: #f2f2f2;
}
#breadcrumb_sp li:first-child a::before,
#breadcrumb_sp li:first-child a::after {background: #f2f2f2;}
#breadcrumb_sp li:last-child {
        padding-left: 15px;
        background: transparent !important;
        color: #fff;
        font-weight: 500;
}

#update{
	width:100%;
	display:inline-block;
	padding:0;
	color:#6699FF;
	font-size:17px;
	text-align:center;
}

.updatebox{
	display:inline-block;
}

.updatebox p span{
	font-size:12px;
}

/* ナビゲーション
----------------------------------------*/
#gnav{
	width:100%;
	height:100%;
	max-width:959px;
	max-height:959px;
	float:right;
	margin:20px 0;
}

.mod_nav p.navtitle{
	cursor:pointer;
	display:block;
	line-height:45px;
	color:#FFF;
	padding:0 0 0 4px;
	font-size:110%;
	font-weight:bold;
	background-color:#333;
}

.mod_nav p.navtitle img{
	width:32px;
	height:32px;
	vertical-align:middle;
	margin-right:10px;
}

.mod_nav ul{width:100%; display:none;}
.mod_nav ul li{float:none;}
.mod_nav ul li{
	width:100%;
	height:45px;
	text-indent:10px;
	text-align:left;
	background-color:#999999;
	border-bottom:solid 1px #ffffff;
	line-height:45px;
	display:inline-block;
}

.mod_nav ul li a{
	display:block;
	color:#FFF;
}

.mod_nav ul li.current a{
	font-weight:bold;
}

.mod_nav ul li a:link    {color:#FFF; text-decoration:none;}
.mod_nav ul li a:visited {color:#FFF; text-decoration:none;}
.mod_nav ul li a:hover   {color:#FFF; text-decoration:none; background-color:#666666;}
.mod_nav ul li a:active  {color:#FFF; text-decoration:none; background-color:#666666;}

.gnav{
	text-align:left;
	}

.gnav li{
	position: relative;
	display:block;
    *zoom: 1;/*IE*/
}

/* 詳細
----------------------------------------*/
.detail_2clm{
	margin:2em 0 1em;
}

.detail_2clmBox{
	width: 100%;
	max-width:100%;
	height: auto;
	display:inline-block;
	vertical-align:top;
	margin:1em 0 0;
}

.detail_2clmBox_innerImg{
	width:auto;
	max-width:100px;
	height:auto;
	display:inline-block;
}

.iframe-content{
	position: relative;
    width: 100%;
    padding: 75% 0 0 0;
	margin-top:1em;
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.float_left{
	float:left;
	margin:.5em;
}


#slider{
	width:100%;
	max-width:100%;
	height:auto;
	display:inline-block;
	vertical-align:top;
}

#slider h5{
	margin:1em 0 0;	
}

#slider img{
	width:100%;
	height:auto;
}

.bx-pager{
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
	margin:1em 0;
}

.cut { /* サムネイルの表示範囲を調整 */     
	position:relative;
	float:left;
	overflow:hidden;
	height:100px;
	width:100px;
	display:inline-block;
	margin:0 0 12px 12px;
}

.cut_image {
	diaplay:block;
	height:150px;
	position:absolute;
	left:-50px;
	top:-20px;
}

.bukken_detail_tbl{
	width:100%;
	max-width:100%;
	height:auto;
	display:inline-block;
	vertical-align:top;
}

.bukken_detail_tbl table,tr{
	border:none; 
}

.bukken_detail_tbl th{
	width:30%;
	background-color:#ffcc66;
	text-align:left;
	padding:4px;
	border:dotted 1px #fff;
	border-left:none;
	border-right:none;
}

.bukken_detail_tbl td{
	padding:4px;
	border:dotted 1px #ccc;
	border-left:none;
	border-right:none;
}

.hyouka{
	color:red;
	font-size:150%;
	font-weight:bold;
}

/* 駅別一覧
----------------------------------------*/
#bukken_count p{
	text-align:center;
}

#bukken_count p span.bukken_total{
	font-weight:bold;
	font-size: 150%;
	color:#6699FF;	
}

#bukken_count p span.bukken_current_page{
	color:#6699FF;
	border:solid 1px #6699FF;
	padding:.5em;
	margin:0 1em 0 0;
}

#bukken_count p span.bukken_page{
	color:#999;
	border:solid 1px #ccc;
	padding:.5em;
	margin:0 1em 0 0;
}

#bukken_count p span.bukken_page a{
	color:#999;
}

.ekibetsu_bukken{
	margin-bottom: 50px;
	border-bottom: 1px solid #6699ff;
}

.ekibetsu_bukken_inner{
	margin:1em 0;
}

.ekibetsu_bukken_fig{
	width:100%;
	height:auto;
	max-width:100%;
	display:inline-block;
	margin:0 30px 0 0;
	vertical-align:top;
}

.ekibetsu_bukken_fig img{
	width:100%;
	height:auto;
}

.ekibetsu_bukken_fig p{
	text-align:center;
}

.more_detail_btn{
	width:100%;
	max-width:100%;
	height:32px;
	display:block;
	margin:10px 0 20px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#66cccc;
	font-size:113%;
	position:relative;
}

.more_detail_btn a{
	width:100%;
	height:100%;
	position:absolute;
    top:1;
    left:0;
}

.more_detail_btn a:hover{
	filter:alpha(opacity=60);/* forIE */
    -moz-opacity: 0.6;/* forFireFox*/
    opacity: 0.6;/* for Safari Opera */
}

.ekibetsu_bukken_detail{
	width:100%;
	max-width:100%;
	height:auto;
	display:inline-block;	
}

.ekibetsu_bukken_detail table,tr{
	border:none; 
}

.ekibetsu_bukken_detail th{
	background-color:#ffcc66;
	text-align:left;
	padding:4px;
	border:dotted 1px #fff;
	border-left:none;
	border-right:none;
}

.ekibetsu_bukken_detail td{
	padding:4px;
	border:dotted 1px #ccc;
	border-left:none;
	border-right:none;
}

.bukken_price{
	color:red;
	font-size:150%;
	font-weight:bold;
}

.icon{
	width:100%;
	height:auto;
	margin:0 0 0 1em;
}

.icon img{
	width:95px;
	vertical-align:middle;
}

/* 見出し
----------------------------------------*/
h1{
	height:30px;
	color:#FFFFFF;
	font-size:80%;
	font-weight:normal;
	line-height:1.2;
	padding:0 .25em;
}

h2 {
	width:100%;
	max-width:960px;
	/*height:100px;*/
	font-size:24px;
	position: relative;
	padding: .5em 1.25em;
	border: 1px solid #ccc;
	margin:0 0 1em;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #6699ff;
	border-radius: 4px;
}

h3 {
	width:100%;
	max-width:960px;
	/*height:auto;*/
	font-size:20px;
	color:#ffffff;
	padding: .5em .75em;
	background-color: #6699ff;
	margin:0 0 2em;
	display:block;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

h4 {
	width:100%;
	font-size:20px;
	padding-bottom: .25em;
	border-bottom: 1px solid #6699ff;
	margin:2em 0 1em
}

h5 {
	font-size:16px;
	position: relative;
	padding: 0 .5em .5em 1.7em;
}

h5::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 14px;
	height: 14px;
	background-color: #6699ff;
}

/* セクション
----------------------------------------*/
.starea{
	width:100%;
	height:auto;
	display:inline-block;
	margin:1em 0;
	
}

.stbox{
	width:31%;
	height:31%;
	display:inline-block;
	text-align:center;
}

.stItem{
	width:100%;
	height:100%;
	position:relative;
	display:inline-block;
}

.stItem img{
	width:90%;
	height:90%;
}

.stText2{
	width:100%;
	color: #fff;
	font-size:75%;
	font-weight:bold;
	position:absolute;
	display:block;
	bottom:10px;
	text-align:center;
}

.mgn10{
margin-left:0;
}

.mgn40{
margin-left:0;
}


#search_ensen{
	margin:0 0 4em;	
}

.search_area{
	width:210px;
	display:inline-block;
	vertical-align:top;

}

.search_area li{
//	list-style-image:url(image/check%20box1.png);
	margin:0 0 1em 1.5em;	
}

.search_area li a{
	color:#000;	
}

/* ボタン
----------------------------------------*/
.btn_box{
	width:100%;
	display:block;
	text-align:center;
	margin:0 0 1em;
}

/* マージン
----------------------------------------*/

/*----- 左マージン -----*/
.mgn10L{
margin-left:0;
}

.mgn20L{
margin-left:0;
}

.mgn40L{
margin-left:0;
}

.mgn32L{
	margin-left:0;
}
	

/*----- 上マージン -----*/
.mgnT40{
	margin-top:40px;
}

.mgnT60{
	margin-top:60px;
}

/* フッター
----------------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right:10px;
	width:50px;
	height:50px;
}

.pagetop a span{
	display:none;
}

.pagetop a {
	display: block;
	width:50px;
	height:50px;
}

#footer{
	width:100%;
	/*height:auto;*/
	background-color:#6699ff;
	border-top:4px solid #0066cc;
	margin:2em 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

#ft-inner{
	width:100%;
	max-height:360px;
	margin:0 auto;
	padding:1em;
}

.ftbox{
	width:100%;
	height:auto;
	color:#fff;
	display:block;
	vertical-align:top;
}

#ft_info{
	font-size:80%;
	margin:1em 0 0;
}

#ft_info p span{
	text-indent:1em;
}

.ft_menu1,.ft_menu2{
	width:145px;
	height:auto;
	display:none;	
}

#ft_sns ul{
	margin:1em 0;
}

#ft_sns li{
	display:inline-block;
	margin-right:3px;
}

#copyright{
	height:30px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	background-color:#333;
	
}

#copyright-inner{
	width:100%;
	margin:0 auto;
	padding:6px 0;
	
}

#copyright-inner p{
	text-align:center;
}


/*==================== 479px以下 ====================*/
@media screen and (max-width: 479px) {

/* ヘッダー
----------------------------------------*/
#header{
	width:100%;
	background-color:#6699ff;
	height:auto;
	margin:0 0 1em;
}

#hd_h1_area{
	height:auto;
	background-color:#333;
}

#hd_h1_area-inner{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:4px;
}

#hd-inner{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:1em;
}

.hd_logo_area{
	width:100%;
	display:block;
	color:#fff;
	font-size:24px;
	font-family:"游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
//	font-family:"游明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	line-height:1.2;
	float:none;
	margin:0 auto 1em;
}

#hd_contact_area{
	width:232px;
	max-height:140px;
	display:block;
	float:none;
	/*position:absolute;*/
}

#hd_contact_tel_area{
	width:100%;
	max-width:232px;
	height:auto;
	max-height:45px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	background:url(image/icon_tel.png) no-repeat;
	text-indent:2em;
	line-height:1.2;
	display:block;
	position:relative;
	top: 0;
	right:0;
}

h2{
	font-size:120%;
	margin-top:1em;
}

h3{
	font-size:100%;
	line-height:1.6;	
}

p,td{
	font-size:100%;
	line-height:1.5;
}

/* セクション
----------------------------------------*/
.station{
	width:100%;
	max-width:479px;
	height:auto;
	display:block;
}

.stItem1{
	width:140px;
	height:140px;
	background:url(image/stItem1.png) ;
	display:block;
	position:relative;
	margin:1em auto;
	
}

.stItem2{
	width:140px;
	height:140px;
	background:url(image/stItem2.png);
	display:block;
	position:relative;
	margin:1em auto;
}

.stItem3{
	width:140px;
	height:140px;
	background:url(image/stItem3.png);
	display:block;
	position:relative;
	margin:1em auto;
}

.stText{
	width:100%;
	color: #fff;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	bottom:0;
	text-align:center;
}

#search_ensen{
	margin:0 0 4em;	
}

.search_area{
	width:100%;
	display:block;
	vertical-align:top;
}

.search_area li{
//	list-style-image:url(image/check%20box1.png);
	margin:0 0 1em 2em;
}

.search_area li a{
	color:#000;	
}

/* フォーム
----------------------------------------*/
#contactform_inner th{
	width:96%;
	vertical-align:middle;	
	background-color:none;
	text-align:left;
	padding:4px;
	border:none;
	border-left:none;
	border-right:none;
	height:auto;
	width:100%;
	display:block;
}

#contactform_inner td{
	width:96%;	
	padding:4px;
	border:none;
	border-left:none;
	border-right:none;
	width:100%;
	display:block;
	margin-bottom:.5em;
}

input[type="text"],input[type="email"],input[type="tel"]{
  width: 98%;
}

textarea{
	width: 98%;
}

/* thumslider
---------------------------------------*/
#thumb_slider{
	width:100%;
	max-width:479px;
	height:auto;
	display:block;
}

#thumb_slider ul.mgnT20{
	margin-top:.5em;
}

ul.thumb-item img{
	width: 100%;
	height: auto;
}

ul.thumb-item-nav li.thumb_cut{ /* サムネイルの表示範囲を調整 */
	width:100px;
	height:60px;
	overflow: hidden;
	cursor:pointer;
	margin: 0 0 .5em .5em;
	display:block;
}


img.thumb_cut_image{ /* サムネイルの表示位置を調整 */
	height: 60px;
	diaplay: block;
	left: -50px;
	top: -20px;
}


}
/*==================== /479px以下 ====================*/

#search_cost{
  display: none;
}
#search_cost_s{
  display: block;
}

#search_cost_s h4 {
  color: blue;
}

#search_feature {
  display: none;
}
#search_feature_s{
  display: block;
}

#search_feature_s h4 {
  color: blue;
}

.search_area {
  display: none;
}