@charset "shift_jis";
/* CSS Document */

img {
    border: 0;
}

#view_smart {
    display: none;
}

#view_pc {
    display: none;
}

body {
    width: 100%;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
    background-image: none;
    margin-top: 35px;
}

a:link {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

H1 {

    font-size: 11px;
    font-weight: normal;
    width: 1000px;
    margin: auto;
    padding: auto;
    margin: 0;
    line-height: normal;
    text-decoration: none;
    text-align: left;
    color: #fff;
}

/*上部メニュー*/

#menu-n ul,
#menu-n li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#menu-n ul {}

#menu-n li {
    width: 125px;
    height: 27px;
    float: left;
    background-image: url('../img/menu.jpg');
    margin-right: 0px;
}

#menu-n a,
#menu-n a:link,
#menu-n a:visited {
    padding-top: 5px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
    text-align: center;
    width: 125px;
    height: 27px;
    display: block;
    font-size: 13px;
    FONT-WEIGHT: bold;
}

#menu-n a:hover {
    color: #FFFFFF;
    background-color: #B9722B;
    background-image: url('../img/menu2.jpg');
    padding-top: 3px;
    font-size: 13px;
    FONT-WEIGHT: bold;
}

div.contents {
    width: 1100px;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
    background: #FFF;
    clear: both;
    height: 5600px;
}

div.c_main {
    width: 740px;
    float: right;
    margin: 0px;
    padding: 0px;
    clear: both;
    margin-right: 30px;

}

div.c_sub {
    width: 235px;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;

}

div.c_sub ul {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

div.c_sub li {
    width: 240px;
    list-style: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

div.c_sub li {
    text-align: center;
    text-decoration: underline;
}

div.c_main2 {
    width: 100%;
    margin: 20px 0px;
    padding: 0px 0px 0px 0px;
}

div.main_menu {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    clear: both;
}

div.main_menu li a span {
    text-decoration: underline;
}

div.main_menu li h3 {
    font-size: 12px;
}

div.m-title {
    width: 600px;
    padding: 15px 0 20px 70px;
    background: url(../img/quick_s.jpg) left top no-repeat;
    display: inline-block;
}

div.m-title h2 {
    width: 250px;
    text-align: left;
    font-size: 15px;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
}

div.m-title span {
    float: right;
    margin-top: -30px;
    font-weight: bold;
}

div.main_menu ul {
    margin: 0;
    padding: 0;
}

div.main_menu li {
    width: 240px;
    height: 90px;
    padding: 5px 0px 5px 6px;
    list-style: none;
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
}

div.main_menu li a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
    text-decoration: underline;
}

div.main_menu li img {
    border: 0;
    float: right;
}

div.main_menu li span {
    position: absolute;
    bottom: 10px;
}

.tokusen {
    clear: both;
    margin-left: 5px;
    margin-top: 10px;
}

.tokusen-t-1 {
    background: url(../img/tokusen_n.jpg) left top no-repeat;
}

.tokusen-t h2,
.tokusen-t h3 {
    text-align: left;
    font-size: 20px;
    color: #FFFFFF;
    padding: 15px;
    margin: 0;
}

.gurumeru {
    height: 140px;
}

.gurumeru a {
    background: url(../img/gurumeru_oizumi.gif) no-repeat;
    width: 233px;
    height: 25px;
    display: block;
    padding-top: 100px;
}

.rss {
    border: 1px solid #CCC;
    width: 231px;
    display: block;
    height: 305px;
    text-align: center;
    padding: 0;
    margin: 5px;
}

.rss h2 {
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
    padding: 10px;
    margin: 0;
    background: url(../img/news.jpg) left top no-repeat;
    font-size: 16px;
    font-weight: bold;
}

.rssin {
    display: block;
    width: 220px;
    height: 256px;
    overflow: auto;
    text-align: left;
    padding: 5px;
    background-color: white;
}

.rss a:link {
    font-weight: bold;
    text-decoration: underline;
}

.rss a:hover {
    font-weight: bold;
    text-decoration: underline;
}

.c_tempo {
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    background-image: url(../img/tenpo.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 20px;
    margin-bottom: 10px;
}

.c_tempo h3 {
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 50px;
    color: #FFF;
}

.c_tempo h2 {
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 50px;
    color: #FFF;
}

.c_tempo span {
    font-size: 12px;
    color: #000;
}

.c_tempo p {
    padding: 5px 0px;
    margin: 0;
}

.c_tempo ul {
    margin: 10px 0px 0px 0px !important;
    padding: 0;
    list-style: none;
}

.c_tempo ul li {
    font-size: 12px;
    color: #000;
    display: block;
    margin: 0;
    text-indent: 20px;
    background: url(../img/icon.gif) left no-repeat;
    text-decoration: underline;
    text-align: left !important;
}

.s-ser_top {
    width: 230px;
    float: left;
    margin: 10px 0px;
    padding: 0px 0px 0px 0px;
}

.s-sear-t_top {
    clear: both;
    display: block;
    width: 227px;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 0 2px 0;
    background-color: #0604E0;
    border: 2px solid #CCC;
    color: #FFF;
    text-align: center;
    margin-top: 5px;
}

.s-ser_top ul {
    margin: 0 !important;
    padding: 5px 0;
    list-style: none;
}

.s-ser_top ul li {
    display: block;
    float: left;
    margin: 0;
    background: url(../img/tri.jpg) left no-repeat;
    text-decoration: underline;
    font-size: 12px;
    margin: 2px 0 2px 2px;
    text-align: left !important;
    padding-left: 15px;
}

ul.sear-toho_top li {
    display: block;
    float: left;
    width: 75px;
    margin: 5px 0 5px 0;
    background: url(../img/tri.jpg) left no-repeat;
    text-decoration: underline;
}

ul.sear-station_top li {
    display: block;
    float: left;
    width: 115px;
    margin: 2px 0 2px 0;
    text-indent: 5px;
    text-decoration: underline;
}

.c_town {
    width: 240px;
}

.c_town img {
    text-align: center;
}

.c_town ul {
    padding: 0 !important;
    margin: 0;
}

.c_town ul li {}

.c_info h2 {
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
    padding: 10px;
    margin: 0;
    background: url(../img/sideinfo.jpg) left top repeat-x;
    font-size: 14px;
    font-weight: bold;
}

.c_town span {
    width: 235px;
    text-align: left !important;
    letter-spacing: 1px;
}

.c_info .infoin {
    display: block;
    width: 225px;
    height: 257px;
    overflow: auto;
    text-align: left;
    padding: 5px;
}

.c_info {
    display: block;
    height: 305px;
    width: 235px;
    text-align: center;
    border: #CCCCCC 1px solid;
    padding: 0;
    margin: 10px 0px;
}

/********************************************
    特集
*********************************************/
.t4_2 {
    width: 732px;
    margin: 0;
    font-size: 0;
}

.t4_2 ul {
    display: inline-block;
    width: 171px;
    height: 310px;
    margin: 10px 0px;
    padding: 5px;
    font-size: 12px;
    list-style: none;
    vertical-align: top;
    position: relative;
    border: 1px solid #CCCCCC;
}

.t4_2 ul:hover {
    background: #CFEAF2;
    /*★マウスオーバー時の背景色*/
}

.t4_2 ul li {
    text-align: left;
    margin: 5px 0;
}

li.t4_2_img {
    text-align: center !important;
    height: 130px;
    /* ★高さ保持(画像の高さ最大値に合わせること)*/
    margin: 0 0 5px 0 !important;
}

li.t4_2_img a {
    position: absolute;
    margin-top: 10px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

li.t4_2_name {
    font-size: 14px;
    font-weight: bold;
}

li.t4_2_yachin span {
    color: #FF0000;
    font-size: 16px;
    font-weight: bold;
}

.t4_2_com {
    border-top: 1px solid #CCCCCC;
}

.t4_2_com p {
    margin: 0 0 10px 0;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.m_blog {
    overflow: hidden;
}

.m_blog h3 {
    width: 700px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #5793f7;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 10px solid #0029ca;
    margin: 7px;
}

.m_blog th {
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    font-size: 12px;
}

.m_blog td {
    font-size: 12px;
}

.foot-img {
    margin-top: 20px;
}

.top_iframe {
    margin-top: 40px;
}

.top_iframe body {
    background-color: #FFF;
}

.footer {
    color: #FFFFFF;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    background-color: white;
    text-align: center;
    clear: both;
}

/*TOP沿線MAP*/
.t_map {
    width: 550px;
    height: 366px;
    padding: 0;
    margin: 0 auto;
    background: url(../img/ensen_map.jpg) no-repeat;
    background-position: top;
    position: relative;
    clear: both;
}

.t_map div {
    position: absolute;
    margin: 0px;
    padding: 0px;
}

.t_map div a {
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    text-indent: 200%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
}

.t_map #s01 {
    width: 100px;
    height: 85px;
    top: 100px;
    left: 80px;
}

.t_map #s01 a {
    background: url(../img/s01_off.png) no-repeat center top;
}

.t_map #s01 a:hover {
    background: url(../img/s01_on.png) no-repeat center top;
}

.t_map #s02 {
    width: 100px;
    height: 85px;
    top: 100px;
    left: 172px;
}

.t_map #s02 a {
    background: url(../img/s02_off.png) no-repeat center top;
}

.t_map #s02 a:hover {
    background: url(../img/s02_on.png) no-repeat center top;
}


.t_map #s03 {
    width: 130px;
    height: 110px;
    top: 70px;
    left: 278px;
}

.t_map #s03 a {
    background: url(../img/s03_off.png) no-repeat center top;
}

.t_map #s03 a:hover {
    background: url(../img/s03_on.png) no-repeat center top;
}

.t_map #s04 {
    width: 100px;
    height: 85px;
    top: 45px;
    left: 400px;
}

.t_map #s04 a {
    background: url(../img/s04_off.png) no-repeat center top;
}

.t_map #s04 a:hover {
    background: url(../img/s04_on.png) no-repeat center top;
}

.t_map #s05 {
    width: 100px;
    height: 85px;
    top: 177px;
    left: 81px;
}

.t_map #s05 a {
    background: url(../img/s05_off.png) no-repeat center top;
}

.t_map #s05 a:hover {
    background: url(../img/s05_on.png) no-repeat center top;
}

.t_map #s06 {
    width: 100px;
    height: 85px;
    top: 176px;
    left: 173px;
}

.t_map #s06 a {
    background: url(../img/s06_off.png) no-repeat center top;
}

.t_map #s06 a:hover {
    background: url(../img/s06_on.png) no-repeat center top;
}

.t_map #s07 {
    width: 100px;
    height: 85px;
    top: 176px;
    left: 278px;
}

.t_map #s07 a {
    background: url(../img/s07_off.png) no-repeat center top;
}

.t_map #s07 a:hover {
    background: url(../img/s07_on.png) no-repeat center top;
}


/*新フッター*/
.f_nav03 {
    width: 100%;
    height: auto;
}

.f_nav03 .f_company {
    width: 1000px;
    margin: 0px auto;
    padding: 25px 0 15px 0;
    text-align: left;
    overflow: hidden;
}

.f_nav03 .f_logo {
    float: left;
    width: 350px;
}

.f_nav03 .f_info {
    float: right;
    width: 600px;
}

.f_nav03 .f_tel,
.f_nav03 .f_tenpo {
    margin-right: 5px;
}

.f_nav03 .f_tel,
.f_nav03 .f_tenpo,
.f_nav03 .f_inq {
    float: left;
}

.f_nav03 .f_infodetail {
    clear: both;
}

.f_nav03 .f_infodetail ul {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

.f_nav03 .f_infodetail ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-indent: 10px;
    background: url(/tool/sample/footer/img/list_icon.png) left 50% no-repeat;
    /*★店舗情報項目のアイコン画像*/
}

.f_nav03 .f_infodetail ul li:first-child {
    width: 200px;
    float: left;
}

.f_nav03 .f_search_wrap {
    width: 1000px;
    padding: 0px;
    ;
    background-color: white;
}

.f_search_wrap {
    background-image: url(/img/f_search_wrap.jpg);
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    left: 0;
}

.f_nav03 .f_search_inner {
    width: 410px;
    height: 299px;
    margin: 0px auto;
    padding-top: 55px;
    padding-left: 100px;
    overflow: hidden;
}

.f_search_inner {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.f_nav03 .f_search {
    float: left;
    padding-top: 20px;
    margin-right: 15px;
}

.f_nav03 .f_search_ti {
    /*★検索タイトル文字指定*/
    color: #f7f7f7;
    background-color: #20A8FC;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.f_nav03 .f_search ul {
    width: 120px;
    margin: 0;
    padding: 0;
    line-height: 25px;
    float: left;
    list-style: none;
}

.f_nav03 .f_search ul li {
    text-align: left;
    margin: 0px;
    text-indent: 15px;
}

.f_nav03 .f_search ul li a {
    text-indent: 10px;
    text-decoration: none;
    background: url(/tool/sample/footer/img/list_icon2.png) left 50% no-repeat;
    /*★項目リストのアイコン画像*/
}

.f_nav03 .f_search ul li a:hover {
    color: #FF6600;
    /*★項目リストのhover文字色*/
    text-decoration: underline;
    background: url(/tool/sample/footer/img/list_icon2_on.png) left 50% no-repeat;
    /*★項目リストのhoverアイコン画像*/
}

.f_nav03 .f_qr {
    float: right;
}

.f_nav03 .f_copyright {
    font-size: 11px;
    text-align: center;
    line-height: 25px;
    background: #20A8FC;
    /*★コピーライト背景色*/
}

/*1010追加リンク*/

div.buy_link {
    color: #333;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    top: 275;
    left: 780;
    z-index: 9999;
    text-align: center;
    background: #FFF;
    padding: 5px;
    border-radius: 5px;
    opacity: 0.9;
}

div.buy_link a {
    font-size: 12px;
}

/*20160803 サイド画像追加*/
#sidecontents {
    position: fixed;
    top: 116px;
    right: 0;
    margin-left: 475px;
    display: inline-block;
    z-index: 150;
    background-color: #FFF;
    box-shadow: 3px 3px 5px 0px rgba(51, 51, 51, 0.5);
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
}

#sidecontents p {
    margin: 0;
    padding: 0;
}


/*----------------------top_mapリニューアル20161107--------------------*/
.m_main {
    width: 1000px;
    height: 385px;
    margin: 0 auto;
    position: relative;
    background: url("/img/m_main_back.jpg") no-repeat;
}

.m_map {
    height: 383px;
    position: relative;
}

.m_main div a {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-indent: 200%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.m_map div {
    position: absolute;
    margin: 0px;
    padding: 0px;
}

.m_map #map_s01 {
    width: 115px;
    height: 85px;
    top: 90px;
    left: 390px;
}

.m_map #map_s02 {
    width: 115px;
    height: 85px;
    top: 90px;
    left: 530px;
}

.m_map #map_s03 {
    width: 161px;
    height: 77px;
    top: 78px;
    left: 670px;
}

.m_map #map_s04 {
    width: 124px;
    height: 60px;
    top: 30px;
    left: 840px;
}

.m_map #map_s05 {
    width: 120px;
    height: 85px;
    top: 160px;
    left: 390px;
}

.m_map #map_s06 {
    width: 120px;
    height: 85px;
    top: 160px;
    left: 550px;
}

.m_map #map_s07 {
    width: 120px;
    height: 60px;
    top: 160px;
    left: 705px;
}



.m_map #map_s01 a {
    background: url(/img/m_map_1_off.png) no-repeat center top;
}

.m_map #map_s02 a {
    background: url(/img/m_map_2_off.png) no-repeat center top;
}

.m_map #map_s03 a {
    background: url(/img/m_map_3_off.png) no-repeat center top;
}

.m_map #map_s04 a {
    background: url(/img/m_map_4_off.png) no-repeat center top;
}

.m_map #map_s05 a {
    background: url(/img/m_map_5_off.png) no-repeat center top;
}

.m_map #map_s06 a {
    background: url(/img/m_map_6_off.png) no-repeat center top;
}

.m_map #map_s07 a {
    background: url(/img/m_map_7_off.png) no-repeat center top;
}

.m_map #map_s01 a:hover {
    background: url(/img/m_map_1_on.png) no-repeat center top;
}

.m_map #map_s02 a:hover {
    background: url(/img/m_map_2_on.png) no-repeat center top;
}

.m_map #map_s03 a:hover {
    background: url(/img/m_map_3_on.png) no-repeat center top;
}

.m_map #map_s04 a:hover {
    background: url(/img/m_map_4_on.png) no-repeat center top;
}

.m_map #map_s05 a:hover {
    background: url(/img/m_map_5_on.png) no-repeat center top;
}

.m_map #map_s06 a:hover {
    background: url(/img/m_map_6_on.png) no-repeat center top;
}

.m_map #map_s07 a:hover {
    background: url(/img/m_map_7_on.png) no-repeat center top;
}



.m_tokusen {
    margin-top: -130px;
    margin-left: 440px;
    position: absolute;
}

.m_tokusen li table td tr {
    font-size: 15px;
}

.m_tokusen li {
    float: left;
    list-style: none;
    margin-right: 15px;
}

.m_tokusen a {
    text-indent: 0px !important;
}

.m_tokusen img {
    max-width: 127px;
    max-height: 95px;
}

.m_station {
    font-size: 18px;
    font-weight: bold;
}

.m_yachin {
    font-size: 14px;
    color: #FF794C;
    . line-height: 30px;
}

.m_kyouekihi {
    font-size: 14px;
}

.m_madori {
    font-size: 14px;
    line-height: 10px;
}

.m_tokusen_c {
    width: 190px;
    height: 85px;
    border: 1px dotted #20A8FC;
    text-align: left;
    padding: 5px;
}

.m_more {
    text-align: right;
    font-weight: bold;
    padding-top: 23px;
}

.square_btn {
    text-align: center;
}

.square_btn a {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #4c4ddd;
    border: solid 2px #4c4ddd;
    font-weight: bold;
    font-size: 16px;
    border-radius: 3px;
    transition: .4s;
}

.square_btn a:hover {
    background: #4c4ddd;
    color: white;
}


.t_raiten {
    margin: 10px 0px 10px 0px;
}

.t_raiten a:hover {
    opacity: 0.7;
}

/*info_corona*/
.info_corona a {
    display: block;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 5px;
    box-shadow: 0 3px 0 #ddd;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 15px;
    transition: 0.2s;
    color: #00F !important;
    text-decoration: underline !important;
}

.info_corona a:hover {
    transform: translateY(3px);
    box-shadow: 0 0 0 #ddd;
}

.reserve_wrap {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}