@charset "UTF-8";

/* ---- base components ---- */
/******************************
 * float clear
 ******************************/
.hpb-clear {
    clear: both;
}

.hpb-clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.hpb-clearfix {
    zoom: 1; /* for IE6 */
}

/******************************
 * レイアウト コンテナ (div)
 ******************************/

/* 飾りなし 幅自動 */
.hpb-parts-cnt-01 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: auto;
    float: none;
    clear: both;
}

/* 飾りなし 幅60px */
.hpb-parts-cnt-01-060 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 60px;
    float: left;
}

/* 飾りなし 幅120px */
.hpb-parts-cnt-01-120 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 120px;
    float: left;
}

/* 飾りなし 幅180px */
.hpb-parts-cnt-01-180 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 180px;
    float: left;
}

/* 飾りなし 幅240px */
.hpb-parts-cnt-01-240 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 240px;
    float: left;
}

/* 飾りなし 幅360px */
.hpb-parts-cnt-01-360 {
    margin: 0px;
    padding: 0px;
    border: none;
    width: 360px;
    float: left;
}

/* 線囲み 幅自動 */
.hpb-parts-cnt-02 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: auto;
    float: none;
    clear: both;
}

/* 線囲み 幅60px */
.hpb-parts-cnt-02-060 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 60px;
    float: left;
}

/* 線囲み 幅120px */
.hpb-parts-cnt-02-120 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 120px;
    float: left;
}

/* 線囲み 幅180px */
.hpb-parts-cnt-02-180 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 180px;
    float: left;
}

/* 線囲み 幅240px */
.hpb-parts-cnt-02-240 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 240px;
    float: left;
}

/* 線囲み 幅360px */
.hpb-parts-cnt-02-360 {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    width: 360px;
    float: left;
}

/******************************
 * 見出し (h1-h6)
 ******************************/

/* 飾りなし */
.hpb-parts-hl-01 {
    margin: 0px;
    padding: 0px 0.2em;
    border: none !important;
    line-height: 1.2em;
}

/* 下線 1 */
.hpb-parts-hl-02 {
    margin: 0px;
    padding: 0px 0.2em;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    line-height: 1.2em;
}

/* 下線 2 (2重線) */
.hpb-parts-hl-03 {
    margin: 0px;
    padding: 0px 0.2em;
    border-bottom-width: 3px !important;
    border-bottom-style: double !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    line-height: 1.2em;
}

/* 線囲み 1 */
.hpb-parts-hl-04 {
    margin: 0px;
    padding: 0px 0.2em;
    border-width: 1px !important;
    border-style: solid !important;
    line-height: 1.2em;
}

/* 線囲み 2 (2重線) */
.hpb-parts-hl-05 {
    margin: 0px;
    padding: 0px 0.2em;
    border-width: 3px !important;
    border-style: double !important;
    line-height: 1.2em;
}

/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06 {
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-left-width: 1.2em !important;
    border-left-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    line-height: 1.2em;
}

/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07 {
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-left-width: 1.2em !important;
    border-left-style: solid !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    border-top-style: none !important;
    border-right-style: none !important;
    line-height: 1.2em;
}

/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-hl-08 {
    margin: 0px;
    padding: 0px 0px 0px 0.2em;
    border-style: solid !important;
    border-width: 2px 2px 2px 1.2em !important;
    line-height: 1.2em;
}

/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-cbox-01 {
    margin: 0px;
    padding: 5px;
    border: none;
}

/* 線囲み 1 (実線) */
.hpb-parts-cbox-02 {
    margin: 0px;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
}

/* 線囲み 2 (点線) */
.hpb-parts-cbox-03 {
    margin: 0px;
    padding: 4px;
    border-width: 1px;
    border-style: dotted;
}

/* 線囲み 3 (2重線) */
.hpb-parts-cbox-04 {
    margin: 0px;
    padding: 2px;
    border-width: 3px;
    border-style: double;
}

/******************************
 * 写真/画像 (img)
 ******************************/

/* 余白なし */
.hpb-parts-img-01 {
    margin: 0px;
    padding: 0px;
    border: none;
    float: left;
}

/* 余白あり */
.hpb-parts-img-02 {
    margin: 0px;
    padding: 5px;
    border: none;
    float: left;
}

/* 写真ボックス 左寄せ配置用 */
.hpb-parts-img-03 {
    margin: 0px 5px 0px 0px !important;
    padding: 5px;
    border: none;
    float: left;
}

/* 写真ボックス 右寄せ配置用 */
.hpb-parts-img-04 {
    margin: 0px 0px 0px 5px !important;
    padding: 5px;
    border: none;
    float: right;
}

/* 複数写真ボックス 左端用 */
.hpb-parts-img-05 {
    margin: 0px;
    padding: 5px;
    border: none;
    float: left;
    clear: both;
}

/* 複数写真ボックス 2列目用 */
.hpb-parts-img-06 {
    margin: 0px;
    padding: 5px 5px 5px 0px;
    border: none;
    float: left;
}

/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-img-07 {
    margin: 0px;
    padding: 0px 5px 5px 5px;
    border: none;
    float: left;
    clear: both;
}

/* 複数写真ボックス 2行目用 */
.hpb-parts-img-08 {
    margin: 0px;
    padding: 0px 5px 5px 0px;
    border: none;
    float: left;
}

/******************************
 * 水平線 (hr)
 ******************************/

/* 水平線 1 (実線・細) */
.hpb-parts-hr-01 {
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px !important;
    border-top-style: solid !important;
}

/* 水平線 2 (実線・太) */
.hpb-parts-hr-02 {
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: solid;
}

/* 水平線 3 (点線・細) */
.hpb-parts-hr-03 {
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px;
    border-top-style: dotted;
    height: 0px;
}

/* 水平線 4 (点線・太) */
.hpb-parts-hr-04 {
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: dotted;
    height: 0px;
}

/* 水平線 5 (破線・細) */
.hpb-parts-hr-05 {
    margin: 0.5em 0px;
    border-width: 1px 0px 0px 0px;
    border-top-style: dashed;
}

/* 水平線 6 (破線・太) */
.hpb-parts-hr-06 {
    margin: 0.5em 0px;
    border-width: 2px 0px 0px 0px;
    border-top-style: dashed;
}

/* 水平線 7 (2重線) */
.hpb-parts-hr-07 {
    margin: 0.5em 0px;
    border-width: 3px 0px 0px 0px;
    border-top-style: double;
}

/******************************
 * 写真ボックス (div)
 ******************************/

/* 飾りなし */
.hpb-parts-pbox-01 {
    margin: 5px;
    padding: 0px;
    border: none;
    text-align: left;
    width: auto;
    float: none;
    clear: both;
}

/* 飾りなし 画像幅60px */
.hpb-parts-pbox-01-060 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 70px;
    float: left;
}

/* 飾りなし 画像幅120px */
.hpb-parts-pbox-01-120 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 130px;
    float: left;
}

/* 飾りなし 画像幅180px */
.hpb-parts-pbox-01-180 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 190px;
    float: left;
}

/* 飾りなし 画像幅240px */
.hpb-parts-pbox-01-240 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 250px;
    float: left;
}

/* 線囲み */
.hpb-parts-pbox-02 {
    margin: 4px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: auto;
    float: none;
}

/* 線囲み 画像幅60px */
.hpb-parts-pbox-02-060 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 70px;
    float: left;
}

/* 線囲み 画像幅120px */
.hpb-parts-pbox-02-120 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 130px;
    float: left;
}

/* 線囲み 画像幅180px */
.hpb-parts-pbox-02-180 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 190px;
    float: left;
}

/* 線囲み 画像幅240px */
.hpb-parts-pbox-02-240 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 250px;
    float: left;
}

/* 写真ボックス用 文章領域 */
.hpb-parts-pbox-desc {
    margin: 0px;
    padding: 5px 5px 0px 5px;
    border: none;
}

/******************************
 * 複数写真ボックス (div)
 ******************************/

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-01-2060 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 135px;
    float: left;
}

/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-01-3060 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 200px;
    float: left;
}

/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-01-4060 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 265px;
    float: left;
}

/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-01-2120 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 255px;
    float: left;
}

/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-01-3120 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 380px;
    float: left;
}

/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-01-4120 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 505px;
    float: left;
}

/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-01-2180 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 375px;
    float: left;
}

/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-01-3180 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 560px;
    float: left;
}

/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-01-4180 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 745px;
    float: left;
}

/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-01-2240 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 495px;
    float: left;
}

/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-01-3240 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 740px;
    float: left;
}

/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-01-4240 {
    margin: 5px;
    padding: 0px 0px 5px 0px;
    border: none;
    text-align: left;
    width: 985px;
    float: left;
}

/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-02-2060 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 135px;
    float: left;
}

/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-02-3060 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 200px;
    float: left;
}

/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-02-4060 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 265px;
    float: left;
}

/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-02-2120 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 255px;
    float: left;
}

/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-02-3120 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 380px;
    float: left;
}

/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-02-4120 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 505px;
    float: left;
}

/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-02-2180 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 375px;
    float: left;
}

/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-02-3180 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 560px;
    float: left;
}

/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-02-4180 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 745px;
    float: left;
}

/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-02-2240 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 495px;
    float: left;
}

/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-02-3240 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 740px;
    float: left;
}

/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-02-4240 {
    margin: 4px;
    padding: 0px 0px 5px 0px;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    width: 985px;
    float: left;
}

/******************************
 * バナーリスト
 ******************************/

/* 文字型 1 */
.hpb-parts-blist-01 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-01 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-blist-01 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-01 li a {
    display: block;
    margin: 0px;
    padding: 5px;
    text-decoration: none;
    border-style: none;
}

/* 文字型 2 */
.hpb-parts-blist-02 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-02 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-blist-02 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-02 li a {
    display: block;
    margin: 0px;
    padding: 5px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
}

/* 文字型 3 */
.hpb-parts-blist-03 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-03 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: center;
}
.hpb-parts-blist-03 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-03 li a {
    display: block;
    margin: 0px auto;
    padding: 5px;
    text-decoration: none;
    border-left-width: 2em;
    border-left-style: solid;
    border-right-width: 2em;
    border-right-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/* 画像付き 1 */
.hpb-parts-blist-04 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-04 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.hpb-parts-blist-04 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-04 li a {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-style: none;
    height: 30px;
}
.hpb-parts-blist-04 li a img {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

/* 画像付き 2 */
.hpb-parts-blist-05 {
    margin: 0px;
    padding: 0px;
}
.hpb-parts-blist-05 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.hpb-parts-blist-05 li {
    padding: 0px 5px 5px 5px;
}
.hpb-parts-blist-05 li a {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    height: 30px;
}
.hpb-parts-blist-05 li a img {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

/******************************
 * デフォルトスタイル設定
 ******************************/

.hpb-parts-cnt-style {
    text-align: left;
}

.hpb-parts-hl-style {
    border-color: #cccccc;
}

.hpb-parts-cbox-style {
    text-align: left;
}

.hpb-parts-hr-style {
    clear: both;
}

.hpb-parts-pbox-style {
    border-color: #cccccc;
}

/* ---- layout ---- */
/* ・ｽv・ｽf・ｽ・ｽ・ｽZ・ｽb・ｽg */
body
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-family: '・ｽ・ｽ・ｽC・ｽ・ｽ・ｽI' ,Meiryo, '・ｽq・ｽ・ｽ・ｽM・ｽm・ｽp・ｽS Pro W3' , 'Hiragino Kaku Gothic Pro' , '・ｽl・ｽr ・ｽo・ｽS・ｽV・ｽb・ｽN' , 'Osaka' ,sans-serif;
    color: #666666; /* ・ｽW・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽF */
}
/* Safari・ｽp・ｽn・ｽb・ｽN ・ｽ・ｽ・ｽ・ｽ・ｽT・ｽC・ｽY・ｽ・ｽ・ｽ・ｽ */
/*\*/
html:\66irst-child body
{
    font-size: 70%;
}
/* end */

img
{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

/*--------------------------------------------------------
  ・ｽ・ｽ・ｽC・ｽA・ｽE・ｽg・ｽﾝ抵ｿｽ
--------------------------------------------------------*/
#hpb-container
{
    width: 900px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    position: relative;
}

#hpb-header
{
    height: 83px;
}

#hpb-inner
{
    position: relative;
    padding-top: 54px;
    width: 100%;
}

#hpb-inner:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-wrapper
{
    width: 590px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    float: left;
}

#hpb-title
{
    width: 590px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#hpb-main
{
    width : 590px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 10px;
    text-align: left;
}

#hpb-aside
{
    width: 300px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    float: right;
    padding-bottom: 20px;
}

#hpb-footer
{
    background-image : url('../img/footerbg_5Ab.png');
    background-position: left top;
    background-repeat: repeat-x;
    padding-bottom: 20px;
    clear: both;
    position: relative;
}

#hpb-nav
{
    width: 900px;
    height: 41px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image : url('../img/mainmenubg_5Ab_01.png');
    background-position: left top;
    background-repeat: repeat-x;
}

/*--------------------------------------------------------
  slide
--------------------------------------------------------*/
.slide-container {
    width: 100%;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-container:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 330px;
    background-image: linear-gradient(180deg, transparent 0 95%, #FFF 98% 100%);
  }
.slide-wrapper {
  display: flex;
  animation: slide-flow 30s infinite linear 1s both;
}
.slide{
  width: 400px;
  object-fit:cover;
  border: 1px solid #ddd;
}
@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}
p.top-comment {
    position: absolute;
    z-index: 9999;
    text-align: center;
    width: 100%;
    font-size: 2em;
    color: #191c80;
    margin-top: 9em;
    font-family: 'M PLUS 1p', sans-serif;
    background: #ffffff96;
}



/*--------------------------------------------------------
  ・ｽf・ｽU・ｽC・ｽ・ｽ・ｽﾝ抵ｿｽ
--------------------------------------------------------*/
/* ・ｽw・ｽi・ｽﾝ抵ｿｽ */

/* ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽz・ｽu・ｽﾌ茨ｿｽ */

/* ・ｽi・ｽr・ｽQ・ｽ[・ｽV・ｽ・ｽ・ｽ・ｽ */
#hpb-nav ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#hpb-nav ul:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-nav li
{
    display: block;
    width: 149px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ffffff;
    float: left;
    height: 40px;
    overflow: hidden;
}

#hpb-nav li a
{
    display: block;
    height: 40px;
}

#hpb-nav li span.en
{
    display: block;
    line-height: 12px;
    padding-top: 7px;
    font-size: 10px;
    font-family: century, serif;
    text-transform: uppercase;
}

#hpb-nav li span.ja
{
    display: block;
    line-height: 12px;
    font-size: 12px;
    padding-top: 5px;
    font-weight: bold;
}


#hpb-nav a:link
{
    color: #6999AD;
    text-decoration: none;
    background-image : url(../gazou/mainmenubg_5Ab_01.png);
    background-position: top left;
    background-repeat: repeat-x;
}
#hpb-nav a:visited
{
    color: #6999AD;
    text-decoration: none;
    background-image : url('../img/mainmenubg_5Ab_01.png');
    background-position: top left;
    background-repeat: repeat-x;
}
#hpb-nav a:hover
{
    background-image : url('../img/mainmenu_5Ab_01_on.png');
    background-position: top left;
    background-repeat: repeat-x;
    color: #ffffff;
    text-decoration: none;
}
#hpb-nav a:active
{
    background-image : url('../img/mainmenu_5Ab_01_on.png');
    background-position: top left;
    background-repeat: repeat-x;
    color: #ffffff;
    text-decoration: none;
}

/*--------------------------------------------------------
  ・ｽ・ｽ・ｽﾊパ・ｽ[・ｽc・ｽf・ｽU・ｽC・ｽ・ｽ・ｽﾝ抵ｿｽ
--------------------------------------------------------*/
/* ・ｽ^・ｽC・ｽ・ｽ・ｽ・ｽ・ｽC・ｽ・ｽ */
.timeline-InformationCircle-widgetParent {
    display: none;
}
.timeline-Header {
    display: none;
}
div#timeline {
    padding: 10px;
    border: 0.1px solid #d6d6d6;
    margin-bottom: 20px;
}

.panfret {
    border: 1px solid #69bdee;
    padding: 5%;
    margin: 3%;
}
.r-b88u0q {
    display: none;
}
.r-qklmqi {
    border-bottom-width: 0px;
}
.r-15zivkp {
    margin-bottom: 4px;
    display: none;
}
.r-17s6mgv {
    -webkit-box-pack: end;
    justify-content: flex-end;
    display: none;
}
.r-kzbkwu {
    padding-bottom: 0px;
}
.r-1q4bek2 {
    flex: 3 1 0%;
}

/* googlemap */
section#facility_access {
    padding: 30px 0;
}
.sec_heading {
    position: relative;
    margin-bottom: 40px;
}
#facility_access .sec_heading .title {
    font-size: 20px;
    font-weight: 200;
    position: relative;
    padding: 20px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.access_map {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.access_map .infotmation {
    padding-left: 30px;
    text-align: left;
    font-size: 1.4em;
    width: 45%;
}
.access_map .infotmation .address .name span {
    background: #fffaed;
    color: #ee7e47;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 6px;
    width: 80px;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
}
p.map{
    text-align: justify;
    margin-bottom: initial;
}
.access_map .infotmation .address .export {
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px #ddd solid;
    border-radius: 5px;
}
.access_map .infotmation .access {
    margin-top: 25px;
}
.top_news img {
    width: 80%;
}

p.top_news {
    width: 100%;
    text-align: center;
}

/* ---- page parts ---- */
/*--------------------------------------------------------
  ・ｽ・ｽ・ｽﾊ・ｿｽ・ｽC・ｽA・ｽE・ｽg・ｽp・ｽ[・ｽc・ｽﾝ抵ｿｽ
--------------------------------------------------------*/
/* ・ｽw・ｽb・ｽ_・ｽ[・ｽ・ｽ・ｽp・ｽ[・ｽc */
#hpb-headerMain
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    width: 530px;
    float: left;
    height: 29px;
}

#hpb-headerMain h1
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-align: left;
    font-weight: normal;
    line-height: 12px;
    font-size: 12px;
}

#hpb-headerLogo
{
    width: 530px;
    float: left;
}

#hpb-headerLogo a
{
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 41px;
    background-image : url(../gazou/toprogo.jpg);
    background-position: center left;
    background-repeat: no-repeat;
}

#hpb-headerExtra1
{
    width: 330px;
    margin-top: -29px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    float: right;
}

#hpb-headerExtra1 p.tel
{
    /* ・ｽd・ｽb・ｽﾔ搾ｿｽ・ｽﾌ包ｿｽ・ｽ・ｽ・ｽﾝ抵ｿｽ */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1em;
    line-height: 19px;
    text-align: right;
}

#hpb-headerExtra1 p.tel span
{
    /* ・ｽd・ｽb・ｽﾔ搾ｿｽ・ｽﾌ「TEL・ｽv・ｽ・ｽ・ｽ・ｽ・ｽﾝ抵ｿｽ */
    display: block;
    text-align: right;
}

#hpb-headerExtra1 p.address
{
    /* ・ｽZ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽﾝ抵ｿｽ */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 19px;
    text-align: right;
}

#hpb-headerExtra2
{
}

/* ・ｽt・ｽb・ｽ^・ｽ[・ｽ・ｽ・ｽp・ｽ[・ｽc */
#hpb-footerMain
{
    padding-top: 60px;
}

#hpb-footerMain p
{
    /* ・ｽR・ｽs・ｽ[・ｽ・ｽ・ｽC・ｽg・ｽ・ｽ・ｽ・ｽ・ｽﾝ抵ｿｽ */
    font-size: 1em;
    text-align: center;
}

#hpb-footerLogo
{
}

#hpb-footerExtra1
{
    position: absolute;
    top: 5px;
    left: 0px;
}

#hpb-footerExtra1 ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    text-align: left;
}

#hpb-footerExtra1 li
{
    /* ・ｽt・ｽb・ｽ^・ｽ[・ｽi・ｽr・ｽﾝ抵ｿｽ */
    display: inline-block;
    line-height: 1.2;
    padding-right: 10px;
}

* html #hpb-footerExtra1 li
{
    display: inline; /* for IE6 */
}

*:first-child + html #hpb-footerExtra1 li
{
    display: inline; /* for IE7 */
}

#hpb-footerExtra1 li a
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d6d6d6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d6d6d6;
    padding-top: 2px;
    padding-right: 20px;
    padding-bottom: 2px;
    padding-left: 20px;
}

#hpb-footerExtra1 a:link
{
    color: #666666;
    text-decoration: none;
}
#hpb-footerExtra1 a:visited
{
    color: #666666;
    text-decoration: none;
}
#hpb-footerExtra1 a:hover
{
    color: #ffffff;
    background-color: #089DED;
    text-decoration: none;
}
#hpb-footerExtra1 a:active
{
    color: #ffffff;
    background-color: #089DED;
    text-decoration: none;
}

#hpb-footerExtra2
{
}

/* ・ｽT・ｽC・ｽh・ｽu・ｽ・ｽ・ｽb・ｽN・ｽ・ｽ・ｽp・ｽ[・ｽc */

/* facebook */
.facebook {
    margin-bottom: 2em;
    padding: 15px 0px;
    border: 1px solid #d6d6d6;
}

/* ・ｽo・ｽi・ｽ[ */
#banner
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
    padding-bottom: 20px;
}

#banner ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#banner li
{
    display: block;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d6d6d6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d6d6d6;
}

#banner li a
{
    display: block;
    width: 292px;
    height: 62px;
    margin-left: auto;
    margin-right: auto;
    text-indent: -9999px;
    overflow: hidden;
}
#banner a#banner-recruit
{
    /* ・ｽV・ｽ・ｽ・ｽﾌ用・ｽo・ｽi・ｽ[ */
    background-image : url(../gazou/recruit.png);
    background-position: top left;
    background-repeat: no-repeat;
}
#banner a#banner-blog
{
    /* ・ｽX・ｽ^・ｽb・ｽt・ｽu・ｽ・ｽ・ｽO・ｽo・ｽi・ｽ[ */
    background-image : url(../gazou/gonyukyo.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#banner a#banner-trip
{
    /* ・ｽ・ｽ・ｽC・ｽ・ｽ・ｽs・ｽL・ｽo・ｽi・ｽ[ */
    background-image : url(../gazou/kengaku.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#banner a#banner-card
{
    /* ・ｽT・ｽ[・ｽr・ｽX・ｽJ・ｽ[・ｽh・ｽo・ｽi・ｽ[ */
    background-image : url(../gazou/oto2.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#banner a#banner-reserve
{
    /* ・ｽ・ｽ・ｽ\・ｽ・ｽo・ｽi・ｽ[ */
    background-image : url(../gazou/kaigo.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

/* ・ｽX・ｽﾜ擾ｿｽ・ｽ */
#shopinfo
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d6d6d6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d6d6d6;
    padding-top: 10px;
    padding-bottom: 10px;
}

#shopinfo:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#shopinfo img.shopinfo-img
{
    float: right;
    margin-top: 26px;
    margin-right: 10px;
    margin-left: 10px;
}

#shopinfo h3
{
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 3px;
    font-size: 1em;
    line-height: 1;
    color: #089DED;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #089DED;
    font-weight: normal;
    text-align: left;
}

#shopinfo span.en
{
    font-family: century, serif;
    padding-right: 10px;
    text-transform: uppercase;
}

#shopinfo h4
{
    font-weight: normal;
    padding-left: 10px;
    font-size: 0.98em;
    padding-top: 0;
    padding-bottom: 0.1em;
    color: #089DED;
}

#shopinfo p
{
    padding-left: 10px;
    margin-bottom: 0.1em;
}

/*--------------------------------------------------------
  ・ｽi・ｽr・ｽQ・ｽ[・ｽV・ｽ・ｽ・ｽ・ｽ・ｽf・ｽU・ｽC・ｽ・ｽ・ｽﾝ抵ｿｽ
--------------------------------------------------------*/

#hpb-nav li a
{
    /* ・ｽi・ｽr・ｽQ・ｽ[・ｽV・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽ・ｽﾝ抵ｿｽ */
}


/*--------------------------------------------------------
  ・ｽ・ｽ{・ｽp・ｽ[・ｽc・ｽf・ｽU・ｽC・ｽ・ｽ・ｽﾝ抵ｿｽ
--------------------------------------------------------*/

/* ・ｽ・ｽ・ｽ・ｽ・ｽN・ｽ・ｽ・ｽ・ｽ・ｽF */
a:link
{
    color: #049BEE;
    text-decoration: underline;
}
a:visited
{
    color: #049BEE;
    text-decoration: underline;
}
a:hover
{
    color: #089DED;
    text-decoration: none;
}
a:active
{
    color: #089DED;
    text-decoration: none;
}

#hpb-skip
{
    /* ・ｽw・ｽb・ｽ_・ｽ[・ｽX・ｽL・ｽb・ｽv・ｽﾌ費ｿｽ\・ｽ・ｽ */
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
}

p
{
    margin-top: 0.5em;
    margin-bottom: 2em;
    padding-right: 0.1em;
    padding-left: 0.1em;
    line-height: 1.4;
    text-align: left;
}

p.large
{
    color: #089DED;
    font-weight: bold;
}
p.indent
{
    padding-left: 15px;
}

.left
{
    float: left;
}
.right
{
    float: right;
}

hr
{
    width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    clear: both;
    border-top-width: 1px;
    border-top-style: none;
    border-right-width: 1px;
    border-right-style: none;
    border-left-width: 1px;
    border-left-style: none;
    color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: none;
}

.hpb-layoutset-02 h2
{
    background-image : url('../img/content_title_5Ab.png');
    background-position: top right;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 0;
    height: 50px;
    text-align: left;
    overflow: hidden;
    line-height: 50px;
}

.hpb-layoutset-02 h2 span.ja
{
    font-size: 1.1em;
    color: #ffffff;
    padding-right: 10px;
    padding-left: 15px;
}

h2 span.en
{
    font-size: 0.9em;
    color: #9FDAFF;
    font-family: century, serif;
    font-weight: normal;
    text-transform: uppercase;
}

.hpb-layoutset-02 #hpb-wrapper h3
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 0;
    padding-left: 2px;
    padding-bottom: 3px;
    font-size: 1.1em;
    line-height: 1;
    color: #089DED;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #089DED;
    font-weight: normal;
    text-align: left;
}

h3.hpb-c-index
{
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
}

h4
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 2px;
    text-align: left;
    font-size: 1em;
    line-height: 1.2;
    color: #089DED;
}

h5
{
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    text-align: left;
    background-image : url('../img/point_5Ab.png');
    background-position: 2px 5px;
    background-repeat: no-repeat;
    font-size: 1.1em;
    line-height: 1.5;
    font-weight: normal;
}

table
{
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: 0;
    border-collapse: collapse;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
}

table th
{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    background-color: #B3ECFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
}

table td
{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
}

/* ・ｽt・ｽH・ｽ[・ｽ・ｽ・ｽp・ｽ[・ｽc・ｽﾝ抵ｿｽ */
input.button
{
    margin-top: 10px;
    margin-bottom: 15px;
}

textarea
{
    width: 380px;
    height: 200px;
}

input.l
{
    width: 380px;
}
input.m
{
    width: 250px;
}
input.s
{
    width: 50px;
}


/* ・ｽ・ｽ・ｽC・ｽ・ｽ・ｽR・ｽ・ｽ・ｽe・ｽ・ｽ・ｽc・ｽ・ｽ・ｽ・ｽ{・ｽp・ｽ[・ｽc */

#hpb-main ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

#hpb-main ul li
{
    text-align: left;
    line-height: 1.4;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    background-image : url('../img/point_5Ab.png');
    background-position: 2px 7px;
    background-repeat: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6d6d6;
}

#hpb-main dl
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#hpb-main dt
{
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 1.4;
    font-weight: normal;
    width: 9em !important;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 10px;
    background-image : url('../img/point_5Ab.png');
    background-position: 2px 8px;
    background-repeat: no-repeat;
}

#hpb-main dd
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 2px;
    text-align: left;
    line-height: 1.4;
    padding-left: 11em;
    color: #089DED;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
}

* html #hpb-main dd
{
    height: 1%; /* for IE6 */
}

#hpb-main dl:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-main img.left
{
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
}

#hpb-main img.right
{
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: right;
}

#pagetop
{
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: right;
}

#pagetop a
{
    /* ・ｽy・ｽ[・ｽW・ｽﾌ先頭・ｽﾖの・ｿｽ・ｽ・ｽ・ｽN・ｽﾝ抵ｿｽ */
    display: block;
    margin-left: 0;
    margin-right: auto;
    width: 113px;
    height: 20px;
    overflow: hidden;
    background-image : url('../img/returnTop_5Ab.png');
    background-position: center left;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -9999px;
}



/* ・ｽg・ｽb・ｽv・ｽy・ｽ[・ｽW ・ｽf・ｽU・ｽC・ｽ・ｽ・ｽ・ｽ` */
.hpb-layoutset-01 #hpb-title h2
{
    margin: 0;
    overflow: hidden;
    text-indent: -9999px;
    height: 280px;
    background-image : url(../gazou/102.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

#toppage-news
{
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #089DED;
    padding-left: 6px;
}


#toppage-news h3
{
    font-size: 1em;
    line-height: 1;
    color: #089DED;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #089DED;
    font-weight: normal;
    text-align: left;
    padding-top: 0;
    padding-left: 2px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    text-align: left;
}

#toppage-news span.en
{
    font-family: century, serif;
    padding-right: 10px;
    text-transform: uppercase;
}

#toppage-news dt
{
    width: 76px !important;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 5px;
    padding-right: 0;
}

#toppage-news dd
{
    padding-left: 77px;
    min-height: 63px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

* html #toppage-news dd
{
    height: 68px; /* for ie6 */
}

*:first-child + html #toppage-news dd
{
    height: 68px; /* for ie7 */
}

#hpb-main dd:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#toppage-news span.date
{
    color: #666666;
    padding-left: 10px;
    background-image : url('../img/point_5Ab.png');
    background-position: 0px 4px;
    background-repeat: no-repeat;
    line-height: 1.5;
}

/* ・ｽ・ｽ・ｽj・ｽ・ｽ・ｽ[・ｽy・ｽ[・ｽW ・ｽf・ｽU・ｽC・ｽ・ｽ・ｽ・ｽ` */
#menu .item
{
    width: 290px;
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d6d6d6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d6d6d6;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 135px;
}

* html #menu .item
{
    height: 135px; /* for ie6 */
}

#menu .item h3
{
    width: 275px;
    margin-left: auto;
    margin-right: auto;
}

#menu .item dl
{
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 0;
    font-size: 0.95em;
}

#menu .item dt
{
    width: 11em !important;
}

#menu .item dd
{
    text-align: right;
    padding-left: 12.5em;
}

/* ・ｽN・ｽ[・ｽ|・ｽ・ｽ ・ｽf・ｽU・ｽC・ｽ・ｽ・ｽ・ｽ` */
#coupon
{
    border-top-width: 4px;
    border-top-style: double;
    border-top-color: #d6d6d6;
    border-right-width: 4px;
    border-right-style: double;
    border-right-color: #d6d6d6;
    border-bottom-width: 4px;
    border-bottom-style: double;
    border-bottom-color: #d6d6d6;
    border-left-width: 4px;
    border-left-style: double;
    border-left-color: #d6d6d6;
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 30px;
    margin-bottom: 30px;
}

#coupon:after
{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#coupon-off
{
    width: 340px;
    float: left;
}

#coupon-limit
{
    width: 130px;
    float: right;
}

#coupon h3
{
    margin-left: 15px;
    margin-right: 15px;
}

#coupon h4
{
    width: 110px;
    margin-right: auto;
    background-color: #089DED;
    color: #ffffff;
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: none;
    text-align: center;
}

#coupon p
{
    margin-bottom: 0;
}

#coupon hr
{
    margin-top: 0;
    margin-bottom: 0;
}


.news-photo
{
    float: left;
    padding-right: 10px;
    padding-bottom: 2px;
}

.news-comment
{
    margin-top: 5px;
}

#toppage-news hr
{
    margin-top: 0;
    margin-bottom: 10px;
    clear: both;
}

p.top_news {
    width: 100%;
}
.top_news img {
    width: 70%;
}
p.osirase img {
    width: 100%;
}

/* ---- theme settings ---- */
/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
    border-color: #d6d6d6;
}

.hpb-parts-hl-style
{
    padding: 3px 0.2em !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border-color: #089DED;
}

.hpb-parts-cbox-style
{
    border-color: #d6d6d6;
}

.hpb-parts-hr-style
{
    border-color: #d6d6d6;
}

.hpb-parts-pbox-style
{
    border-color: #d6d6d6;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
}

.hpb-parts-blist-style
{
    border-color: #f07e42;
}
a.hpb-parts-blist-style:link
{
    color: #666666;
}
a.hpb-parts-blist-style:visited
{
    color: #666666;
}
a.hpb-parts-blist-style:hover
{
    color: #089DED;
}
a.hpb-parts-blist-style:active
{
    color: #089DED;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/* ---- compact legacy pages ---- */
<!--
body,table,tr,th,td {
    font-size : 10pt;
    color : #333333;
    scrollbar-arrow-color : #ffffff;
    scrollbar-base-color : #000000;
    scrollbar-face-color : #87CEFA;
    scrollbar-highlight-color : #ffffff;
    scrollbar-shadow-color : #000000;
    border-color : #0055ff #0055ff #0055ff #0055ff #0055ff;
}
td.saiyou {
    font-size : 12pt;
}

td.01 a {
    width : 124px;
    height : 30px;
    font-size : 10pt;
    color : #000000;
    line-height : 20pt;
    font-weight : bold;
    text-align : center;
    text-decoration : none;
}

td.01 a:link {
    background-color : #77ccff;
}

td.01 a:visited {
    background-color : #77ccff;
}

td.01 a:hover {
    color : #ffffff;
    background-color : #ff77cc;
}

td.01 a:active {
    background-color : #77ccff;
}

th.01 a {
    width : 500px;
    height : 15px;
    font-size : 10pt;
    color : #000000;
    line-height : 15pt;
    font-weight : bold;
    text-align : center;
    text-decoration : none;
}

th.01 a:link {
    background-color : #77ccff;
}

th.01 a:visited {
    background-color : #77ccff;
}

th.01 a:hover {
    color : #ffffff;
    background-color : #ff77cc;
}

th.01 a:active {
    background-color : #77ccff;
}

img{
  border:0;
}
-->


/* ========================================================
   Global Care maintenance layer
   Consolidated from legacy CSS files, then lightly modernized.
   ======================================================== */

html {
  -webkit-text-size-adjust: 100%;
}

body {
  background: #f6fbfd;
  line-height: 1.75;
}

a {
  transition: color .18s ease, opacity .18s ease, background-color .18s ease;
}

a:hover {
  opacity: .82;
}

#hpb-container {
  max-width: 900px;
  width: min(900px, calc(100% - 24px));
  background: #ffffff;
  box-shadow: 0 10px 32px rgba(27, 116, 154, .08);
}

#hpb-header {
  min-height: 83px;
}

#hpb-headerLogo a {
  background-size: contain;
}

#hpb-nav {
  border-top: 1px solid #d7eef8 !important;
  border-bottom: 1px solid #d7eef8;
}

#hpb-nav li a {
  min-height: 44px;
}

#hpb-main,
#hpb-aside,
#shopinfo,
#banner li a {
  box-sizing: border-box;
}

#hpb-main img,
#hpb-aside img,
.slide {
  max-width: 100%;
  height: auto;
}

#hpb-main table {
  max-width: 100%;
}

#banner li a {
  border-radius: 4px;
}

.slide-container {
  overflow: hidden;
}

p.top-comment {
  letter-spacing: 0;
}

#hpb-footer {
  margin-top: 28px;
}

@media (max-width: 760px) {
  body {
    text-align: left;
  }

  #hpb-container,
  #hpb-wrapper,
  #hpb-title,
  #hpb-main,
  #hpb-aside,
  #hpb-nav {
    float: none;
    width: auto;
    max-width: 100%;
  }

  #hpb-container {
    width: calc(100% - 16px);
    margin: 0 auto;
  }

  #hpb-header {
    height: auto;
    padding: 12px 10px 8px;
  }

  #hpb-headerMain,
  #hpb-headerLogo,
  #hpb-headerExtra1 {
    float: none;
    width: auto;
    margin: 0;
  }

  #hpb-headerLogo a {
    height: 48px;
    background-position: left center;
  }

  #hpb-headerExtra1 {
    padding: 8px 0 0;
  }

  #hpb-headerExtra1 p.tel,
  #hpb-headerExtra1 p.tel span,
  #hpb-headerExtra1 p.address {
    text-align: left;
  }

  #hpb-inner {
    padding-top: 16px;
  }

  #hpb-nav ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #hpb-nav li {
    width: auto;
  }

  #hpb-main {
    padding: 0 10px;
  }

  #hpb-aside {
    padding: 16px 10px 0;
  }

  #hpb-main table,
  #hpb-main tbody,
  #hpb-main tr,
  #hpb-main td {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
}

.top-message {
  margin: 0 auto 18px;
  text-align: center;
  color: #4d5f67;
}

.top-section-title {
  margin: 0 0 6px;
  color: #1a1c7f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0;
  text-decoration: none;
  text-align: left;
}

.top-message p {
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
}

.top-message.osirase {
  margin-bottom: 20px;
}

.top-message.osirase img {
  margin-top: 12px;
}

.slide-container {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.slide-container:after {
  top: auto;
  bottom: 0;
  height: 28px;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.slide-wrapper,
.slide {
  position: relative;
  z-index: 0;
}

p.top-comment {
  z-index: 2;
}

body {
  font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  color: #43525a;
}

#hpb-main {
  text-align: center;
}

#hpb-main p,
#hpb-main td,
#hpb-main li,
#shopinfo p,
#shopinfo td {
  line-height: 1.75;
}

#hpb-main a,
#hpb-aside a,
#hpb-footer a {
  text-underline-offset: 3px;
}

#hpb-main a[href^="tel:"],
#hpb-main a[href^="mailto:"],
#shopinfo a[href^="mailto:"] {
  word-break: break-all;
}

#hpb-main table {
  border-collapse: collapse;
}

#hpb-main td {
  vertical-align: top;
}

#hpb-main img {
  vertical-align: middle;
}

#hpb-main iframe {
  max-width: 100%;
}

.hpb-parts-cnt-style,
.hpb-parts-cbox-style,
.hpb-parts-pbox-style {
  box-sizing: border-box;
}

@media (max-width: 760px) {
  .top-message {
    text-align: left;
  }

  .top-message p br {
    display: none;
  }
}