@charset "utf-8";
/* 共通
---------------------------------------------- */
/* PC 非表示 */
.pc_none {
 display: none;
}
/* スマホトップバナー　※PCでSPサイトを開いた場合 */
#spBnr {
 display: none;
}
/* .clearfix */
.clearfix {
 *zoom: 1;
}
.clearfix:after {
 content: '';
 display: table;
 clear: both;
}
.clear_left {
 clear: left;
}
.clear_both {
 clear: both;
}
/* 高汎用 */
.centering {
 text-align: center;
}
.font_bold {
 font-weight: 900;
}
.font_bold_110 {
 font-weight: 900;
 font-size: 110%;
}
.font_bold_red {
 font-weight: 900;
 color: #c43008;
}
.font_bold_red_underline {
 font-weight: 900;
 color: #c43008;
 text-decoration: underline;
}
.no_margin {
 margin: 0 !important;
}
/* backtop */
.backtop {
 position: fixed;
 width: 60px;
 right: 5px;
 bottom: 5px;
}
.backtop > a {
 display: block;
}
.backtop img {
 margin: 0;
}
/* リンクチップ */
.linkChip {
 z-index: 3;
 position: fixed;
 width: 100%;
 text-align: center;
 left: 0;
 bottom: 0;
 background-color: #e37a96;
}
.linkChip > a {
 display: block;
 border-top: 4px solid #000;
 color: #fff;
 text-shadow: 2px 2px 0px #000;
 font-size: 200%;
 font-weight: 900;
 padding: 0.2em 1em;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.linkChip span.c_yellow {
 color: #ffff73;
}
.linkChip span.small {
 font-size: 80%;
}
.linkChip img {
 vertical-align: middle !important;
 margin-left: 0.5em;
}
/* パンくず */
#breadCrumb {
 width: 980px;
 margin: 0 auto 10px;
}
#breadCrumb ol li {
 display: inline-block;
 font-size: 12px;
 height: 16px;
 padding: 0 1em 0 2em;
 position: relative;
}
#breadCrumb ol li, #breadCrumb ol li a {
 line-height: 16px;
}
#breadCrumb ol li:first-of-type {
 background: url(/files/img/common/icon_home_01.png) no-repeat left center;
 padding-left: 20px;
}
#breadCrumb ol li:not(:first-of-type)::before {
 content: '';
 display: block;
 width: 1em;
 height: 100%;
 background: url(/files/img/common/icon_arrow_03.png) no-repeat center center;
 position: absolute;
 left: 0;
 bottom: 0;
}
#card_point .infoTitle > .intro p {
 font-size: 14px;
 padding: 1em 2em;
}
/* サービスバナー　※コンテンツ下部
---------------------------------------------- */
#other_service_sp {
 display: none;
 clear: both;
}
img.rakusearch {
 width: 720px !important;
 margin: 0 0 10px 0;
}
#other_service {
 width: 100%;
 margin: 0 0 4em 0;
 padding: 1em 0;
 background-color: #ECECEC;
 border-top: 3px solid #212121;
 border-bottom: 3px solid #212121;
}
#other_service div {
 width: 980px;
 margin: 0 auto;
 height: auto;
 text-align: center;
}
#other_service ul {
 list-style: none;
 display: block;
 width: 980px;
 margin: 0 auto;
}
#other_service ul li {
 display: block;
 float: left;
 width: 19%;
 margin: 0 1% 10px 0;
}
#other_service div.before {
 margin: 0 auto 0.5em auto;
 border-bottom: 1px dotted #333;
}
#other_service img {
 width: 100%;
}
#other_service h3 {
 font-weight: 900;
 font-size: 200%;
 display: block;
 margin: 0 auto 0.5em auto;
 padding: 0;
}
/* コンテンツ全体、MV
---------------------------------------------- */
#card_point {
 padding: 0 0 20px;
 margin: 0 auto;
 transition: ease-in-out 1.4s;
 /*font-size: 16px !important;*/
 line-height: 1.5em !important;
}
#card_point .keyV {
 width: 100%;
}
#card_point .keyV .inner {
 width: 980px;
 height: auto;
 margin: 0 auto;
 padding: 0;
}
#main_theme {
 width: 980px;
 height: 500px;
 margin: 0 auto 1px auto;
 padding: 0;
 /* background-image: url(../img/mv.jpg);*/
 background-repeat: no-repeat;
 background-size: 100%;
 position: relative;
}
.closed {
 position: absolute;
 left: 0;
 top: 0;
 width: 980px;
 height: 300px; /*max360px*/
 padding: 60px 0 0 0;
 background: rgba(0, 0, 0, 0.7);
 font-size: 300%;
 font-weight: 900;
 color: #fff;
 line-height: 1.6em;
 text-align: center;
 text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000;
}
/* .gradation_band, blue_band
---------------------------------------------- */
.gradation_band {
 width: 100%;
 padding: 1.5em 0;
 background: linear-gradient(-135deg, #139243, #2b72b4);
}
.blue_band, .blue_band_f {
 width: 100%;
 padding: 1.5em 0;
 background-color: #2b72b4; /*theme_blue*/
}
.gradation_band p, .blue_band p, .blue_band_f p {
 display: block;
 width: 980px;
 margin: 0 auto;
 color: #fff;
 font-weight: 900;
 font-size: 200%;
 text-align: center;
 line-height: 1.2em;
}
.gradation_band span, .blue_band span {
 font-size: 110%;
 color: #ffd719;
 border: 2px solid #ffd719;
 border-radius: 5px; /* CSS3草案 */
 -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
 -moz-border-radius: 5px; /* Firefox用 */
 padding: 0 0.1em;
 margin: 0 0.1em;
}
.blue_band_f p {
 position: relative;
}
.blue_band_f p span {
 font-size: 14px;
 display: block;
 line-height: 1em;
 margin: 10px 0 0 0 !important;
 padding: 0 !important;
}
.blue_band_f p:before {
 content: '';
 display: block;
 width: 40px;
 height: 54px;
 background-image: url("../img/fingerL.png");
 background-repeat: no-repeat;
 background-size: 40px 54px;
 position: absolute;
 left: 0;
 bottom: -15px;
}
.blue_band_f p:after {
 content: '';
 display: block;
 width: 40px;
 height: 54px;
 background-image: url("../img/fingerR.png");
 background-repeat: no-repeat;
 background-size: 40px 54px;
 position: absolute;
 right: 0;
 bottom: -15px;
}
/* #gaiyou
---------------------------------------------- */
#gaiyou {
 width: 950px;
 margin: 2em auto 6em auto;
 padding: 0;
 position: relative;
}
#gaiyou img.point_bank_sp {
 display: none;
}
#gaiyou img.point_bank {
 margin: 0 0 0 1em;
 position: absolute;
 right: 10px;
 top: 20px;
}
#gaiyou img.gakuman {
 width: 60px !important;
 margin: 0 5px 0 0;
}
.blue_band_f img.gakuman {
 width: 50px !important;
 margin: 0 5px 0 0;
}
.gaiyou1 {
 width: 630px;
 margin: 0 1em 1em 0;
 padding: 20px 30px;
 background-color: #fff8b2;
 border-radius: 20px;
 font-size: 100%;
}
.gaiyou1 p {
 display: block;
 margin: 0 auto 1em auto;
 line-height: 1.7em !important;
 font-size: 120%;
}
.gaiyou1 p span.font60 {
 font-size: 60%;
}
.gaiyou1 p span.hanshin_marker {
 color: #2b72b4; /*theme_blue*/
 text-decoration: underline;
 font-weight: 900;
}
.gaiyou1 p span.kanto_marker {
 color: #139243; /*theme_green*/
 text-decoration: underline;
 font-weight: 900;
}
.chushaku_box {
 clear: both;
 margin: 2em auto 1em auto;
 border: 1px solid #222;
 padding: 16px 20px;
}
.chushaku_box ul, .chushaku_box li {
 display: block;
}
.chushaku_box li {
 margin-bottom: 1em;
 padding: 0 0 0 1.2em;
 background-image: url(/files/img/common/icon_kome_10px.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 font-size: 90%;
}
.chushaku_box li.nomark {
 background-image: none;
}
/*#card
---------------------------------------------- */
#card {
 width: 950px;
 margin: 0 auto 2em auto;
 padding: 0;
}
#card h3 {
 display: block;
 background-image: url("../img/tit_back.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 height: 90px;
 margin: 0 0 1.5em 0;
 position: relative;
 font-size: 230%;
 font-weight: 900;
}
#card h3 img.japan {
 position: absolute;
 left: -50px;
 top: -40px;
}
#card h3 img.logo {
 float: left;
 width: 100px;
 margin: 0 20px 0 220px;
}
#card h3 p {
 display: block;
 float: left;
 background-image: url(../img/marker_white.png);
 background-repeat: no-repeat;
 background-size: 75% 20%;
 background-position: left bottom;
 text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff;
}
#card h3 p span {
 display: block;
 border: 2px solid #222;
 padding: 6px 10px;
 background-color: #fff;
 border-radius: 10px;
 font-size: 60%;
}
#card h2 {
 display: block;
 background-image: url("../img/tit_back.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 height: 100px;
 margin: 0 0 1.5em 0;
 position: relative;
 font-size: 30pt;
 font-weight: 900;
}
#card h2 img.japan {
 position: absolute;
 left: -60px;
 top: -50px;
}
#card h2 img.logo {
 float: left;
 width: 120px;
 margin: 0 20px 0 230px;
}
#card h2 p {
 display: block;
 float: left;
 width: 560px;
 line-height: 1.2em;
 padding: 0;
 background-repeat: no-repeat;
 background-size: 75% 20%;
 background-position: left bottom 10px;
 text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff;
}
ol.taisho_saison {
 background: #f1f8ff;
 box-shadow: 0px 0px 0px 10px #f1f8ff; /*線の外側*/
 border: dashed 2px #214083; /*破線*/
 border-radius: 9px;
 margin: 0 10px 60px 10px;
 padding: 0.5em;
}
ol.taisho_saison li {
 line-height: 1.5;
 padding: 0.5em 0 0.6em 0;
 background: linear-gradient(to bottom right, #f1f8ff, #fff);
 color: #214083;
 float: left;
 width: 19.8%;
 text-align: center;
 font-size: 14pt;
}

.c_text {
 margin: 4em auto 9em auto;
 width: 900px;
}
p.c_tit {
 display: block;
 margin: 0 0 1em 0;
 padding-left: 0.5em;
 font-size: 180%;
 font-weight: 900;
 border-left: 5px solid #2b72b4;
}
.c_text div.l_img {
 float: left;
 width: 18%;
 margin: 0 2% 0 0;
}
.c_text .l_img img {
 width: 100%;
 margin: 0 0 1em 0;
}
.c_text .r_text {
 float: right;
 width: 80%;
}
.c_text .r_text ul li {
 margin: 0 0 1em 0;
 padding: 0 0 0 1.2em;
 font-size: 120%;
 line-height: 1.7em;
 background-image: url(../img/point_pink.png);
 background-repeat: no-repeat;
 background-position: 0 5px;
}
.c_text .r_text ul.text_life li {
 margin: 0 0 1em 0;
 padding: 0 0 0 1.2em;
 font-size: 120%;
 line-height: 1.7em;
 background-image: url(../img/point_orange.png);
 background-repeat: no-repeat;
 background-position: 0 5px;
}
.c_text .r_text ul li.chushaku {
 background-image: url(/files/img/common/icon_kome_10px.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 font-size: 80%;
}
.corporate {
 border: 1px solid #222;
 padding: 16px;
}
.corporate dl dt, .corporate dl dd {
 display: block;
}
.corporate dl dt {
 width: 31%;
 margin-right: 1%;
 float: left;
 font-size: 147%;
 padding-top: 0.7em;
}
.corporate dl dd {
 float: right;
 width: 68%;
 margin: 0;
 line-height: 1.7em;
}
/* エリアメニュー
---------------------------------------------- */
#nav {
 width: 940px;
 margin: 20px auto 5em auto;
 padding: 20px;
 background-color: #fff8b2;
}
#nav ul {
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 column-gap: 10px;
 row-gap: 1em;
}
}
#nav ul li {
 display: block;
 text-align: center;
 border-radius: 10px; /* CSS3草案 */
 -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;
 background: #fff;
 border: #8c8c8c 1px solid;
}
#nav ul li a {
 font-size: 240%;
 font-weight: 900;
 display: block;
 height: 60px; /*90px*/
 padding: 30px 0 0 0;
 line-height: 1.2em;
 text-align: center;
 border-radius: 10px; /* CSS3草案 */
 -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;
 background: #fff;
 border: #8c8c8c 1px solid;
}
#nav ul li.prefectures3 a {
 font-size: 180%;
 font-weight: 900;
 display: block;
 height: 70px; /*90px*/
 padding: 20px 0 0 0;
}
#nav ul li a:hover {
 background-image: none;
 background-color: #E8E8E8;
 position: relative;
 top: 1px;
 border-radius: 10px; /* CSS3草案 */
 -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;
 height: 59px; /*90px*/
 padding: 31px 0 0 0;
}
#nav ul li.prefectures3 a:hover {
 background-image: none;
 background-color: #E8E8E8;
 position: relative;
 top: 1px;
 border-radius: 10px; /* CSS3草案 */
 -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
 -moz-border-radius: 10px;
 height: 69px; /*90px*/
 padding: 21px 0 0 0;
}
/*　固定メニュー
---------------------------------------------- */
.fixed {
 position: fixed;
 top: 0;
 z-index: 100000;
}
#fixedBox {
 width: 100%;
 margin: 0 auto 1em auto;
 opacity: 0.9;
 display: block;
}
.etcArea {
 font-size: 1.2em;
 font-weight: bold;
 text-align: center;
 padding: 5px;
 line-height: 1em;
}
.etcAreaBtn {
 width: 440px;
 /*background: #93fef2;*/
 background: #826565;
 margin: 0 auto;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 color: #fff;
}
.etcAreaBtn a:hover {
 background-image: none;
 background-color: #E8E8E8;
 color: #826565 !important;
 position: relative;
 top: 1px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.etcAreaBtn a {
 background-size: 100%;
 font-size: 120%;
 font-weight: 900;
 padding: 0.5em 0;
 display: block;
 color: #fff;
}
.etcAreaBtn a:link {
 color: #fff;
}
.etcAreaBtn a:visited {
 color: #fff;
}
#nav_2piece, #nav_3piece, #nav_4piece, #nav_5piece {
 width: 980px;
 margin: 0 auto;
 background-color: #8fc752;
}
#nav_2piece h4, #nav_3piece h4, #nav_4piece h4, #nav_5piece h4 {
 width: 150px;
 float: left;
 font-weight: 900;
 color: #000;
 border-right: 1px dashed #000;
 text-align: center;
 display: block;
 padding: 0 0.3em 0 0.3em;
 margin: 0.5em 0;
}
#nav_2piece ul, #nav_3piece ul, #nav_4piece ul, #nav_5piece ul {
 width: 810px;
 float: left;
 display: block;
 padding: 0;
 margin: 10px 0 10px 10px;
 list-style: none;
}
#nav_2piece ul li {
 width: 46%; /*2分割＝46％、3分割＝30％、4分割＝23％、5分割＝18％、6分割＝14％、7分割＝12％、8分割＝10％*/
}
#nav_3piece ul li {
 width: 30%;
}
#nav_4piece ul li {
 width: 23%;
}
#nav_5piece ul li {
 width: 18%;
}
#nav_2piece ul li, #nav_3piece ul li, #nav_4piece ul li, #nav_5piece ul li {
 display: block;
 float: left;
 margin: 0 2% 0 0;
 text-align: center;
 padding: 0;
 background-image: url(../img/button_off.jpg);
 background-repeat: repeat-x;
 background-size: 200% 100%;
 border-radius: 5px; /* CSS3草案 */
 -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;
}
#nav_2piece ul li.otherarea, #nav_3piece ul li.otherarea, #nav_4piece ul li.otherarea, #nav_5piece ul li.otherarea {
 display: block;
 float: left;
 margin: 0 2% 0 0;
 text-align: center;
 padding: 0;
 background-image: url("../img/button_otherarea.png");
 background-repeat: repeat-x;
 border-radius: 5px; /* CSS3草案 */
 -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;
}
#nav_2piece ul li a, #nav_3piece ul li a, #nav_4piece ul li a, #nav_5piece ul li a {
 background-size: 100%;
 font-size: 140%;
 font-weight: 900;
 padding: 0.5em 0;
 display: block;
 border-radius: 5px; /* CSS3草案 */
 -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
 -moz-border-radius: 5px;
}
#nav_2piece ul li a:hover, #nav_3piece ul li a:hover, #nav_4piece ul li a:hover, #nav_3piece ul li a:hover, #nav_5piece ul li a:hover {
 background-image: none;
 background-color: #E8E8E8;
 position: relative;
 top: 1px;
}
#nav_2piece ul li.otherarea a, #nav_3piece ul li.otherarea a, #nav_4piece ul li.otherarea a, #nav_5piece ul li.otherarea a {
 color: #000 !important;
}
#nav_2piece ul li.otherarea a:hover, #nav_3piece ul li.otherarea a:hover, #nav_4piece ul li.otherarea a:hover, #nav_5piece ul li.otherarea a:hover {
 background-image: none;
 background-color: #e4a821;
 position: relative;
 top: 1px;
}
/*　店舗情報
---------------------------------------------- */
.around_shop {
 clear: both;
 border: 3px solid #ff7b00;
 background-color: #fff;
 border-radius: 3px;
 padding: 20px 1em;
 position: relative;
 width: 920px;
 margin: 40px auto 6em;
}
.around_shop p {
 margin: 0 !important;
}
.around_shop a {
 color: #333;
}
.around_shop_tit {
 position: absolute;
 top: -1.2em;
 left: 50%;
 transform: translate(-50%, 0);
 padding: 0 1.5em;
 font-size: 18px;
 font-weight: 700;
 color: #e36d00;
 background: #fff;
 letter-spacing: .03em;
}
.around_shop .img01 {
 float: left;
 width: 44%;
 overflow: hidden;
 border: none;
 height: 240px;
 clear: both;
}
.around_shop .img01 img {
 margin-right: 10px;
 max-width: 100%;
}
.around_shop .img01 p {
 width: calc(50% - 6px);
 margin-right: 4px;
}
.around_shop .txt {
 float: right;
 width: 54%;
 padding-bottom: 5px;
 margin-bottom: 3em;
}
.around_shop .txt .name a {
 font-size: 24px;
 font-weight: 700;
 line-height: 1em;
 margin-bottom: 8px;
 background: url(/files/img/common/icon_logo_01.png) 0 no-repeat;
 padding: 0 0 0 40px;
}
.nearest_station {
 padding-top: 5px;
 min-height: 31px;
 height: auto !important;
 background: url(/files/img/common/icon_nearest_station_01.png) no-repeat scroll 0px 3px transparent;
 line-height: 1.4em;
 font-family: "メイリオ", Arial, Helvetica, sans-serif;
 font-size: 140%;
 font-weight: 700;
 color: #F8450B;
 padding-left: 35px;
}
.around_shop .address {
 margin-bottom: 10px;
 color: #666;
}
.around_shop .tel {
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
 font-family: 'arial', serif;
 font-size: 42px;
 font-weight: 700;
 line-height: 1;
 color: #ff3e17;
 margin-bottom: 5px;
 padding-left: 55px;
 background: url(/files/img/common/icon_tel_03.png) 0 50% no-repeat;
}
.around_shop .tel a {
 color: #ff3e17;
}
.around_shop .tel:before {
 /*content: '';*/
 display: inline-block;
 vertical-align: middle;
 width: 46px;
 height: 34px;
 background: url(/area/images/ico_tel.png) no-repeat;
 -webkit-background-size: 46px auto;
 background-size: 46px auto;
 margin-right: 10px;
 position: relative;
 top: -2px;
}
.around_shop .btn {
 display: inline-block;
 vertical-align: middle;
 margin-bottom: 5px;
}
.around_shop .co {
 padding-left: 3em;
}