@charset "UTF-8";
/*
---------------------------------------
reset
---------------------------------------
*/
html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

div,
p,
span {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    display: block;
}

input,
textarea {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

ol,
ul,
nav {
    list-style: none;
}

ol.clearfix li,
ul.clearfix li {
    float: left;
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

caption {
    text-align: left;
}

a:focus {
    outline: none;
}

select.topdesign {
    height: 28px !important;
    padding: 0 0 0 5px !important;
    font-size: 12px !important;
    line-height: 1.1rem !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    border: 1px solid #999 !important;
    border-radius: 0 !important;
    background: url(../images/common/selecttopdesign-813fdea09612966ae16cef1cb6750f31.jpg) right top no-repeat !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

select.design {
    height: 20px !important;
    padding: 0 0 0 5px !important;
    font-size: 12px !important;
    line-height: 1.1rem !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    border: 1px solid #999 !important;
    border-radius: 5px !important;
    background: url(../images/common/selectdesign.jpg) right top no-repeat !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/*
------------------------------------------------------------------------------
layout - common(base)
------------------------------------------------------------------------------
*/
body {
    height: 100%;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Helvetica, Arial, Sans-Serif;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0;
    color: #222;
    -webkit-text-size-adjust: 100%;
}

#wrap {
    width: 100%;
    margin: 0 auto;
}

section {
    margin: 0 auto;
    clear: both;
    text-align: left;
}

.inner {
    width: 1080px;
    margin: 0 auto;
}

.left-area {
    float: left;
}

.right-area {
    float: right;
}

img {
    vertical-align: bottom;
}

/*
---------------------------------------
link
---------------------------------------
*/
a:link {
    text-decoration: none;
    color: #005fc0;
}

a:visited {
    text-decoration: none;
    color: #005fc0;
}

a:hover {
    text-decoration: underline;
    color: #005fc0;
}

a:active {
    text-decoration: underline;
    color: #005fc0;
}

/*
---------------------------------------
clear
---------------------------------------
*/
.clearfix:after {
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    content: '.';
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
}

.clear,
.both {
    clear: both;
}

*:first-child + html .clearfix {
    zoom: 1;
}

/*
---------------------------------------
header TOPページ用header
---------------------------------------
*/
#header_top {
    background-color: #051539;
}

#header_top .bk-area {
    height: auto;
    min-height: 400px;
    background-image: url(../images/common/header-bk1-4a5e0475c7824cb7b57feb141bdee5aa.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

#header_top .bk-area .inner {
    padding: 9px 0 9px 0;
}

#header_top .bk-area .left-area {
    width: 550px;
}

#header_top .bk-area .right-area {
    width: 525px;
    height: 75px;
    padding-top: 0;
    margin: 10px 0 25px 0;
    box-sizing: border-box;
    overflow: hidden;
}

#header_top .text_box {
    width: 420px;
    font-size: 16px;
    float: left;
    color: #fff;
}

.tokai-pages .bk-area .text_box,
#header_top .text_box h1 {
    color: #fff;
}

#header_top .text_box p.number {
    font-size: 16px;
}

#header_top .text_box span.number_span {
    font-size: 16px;
    font-weight: bold;
    color: red;
}

/*marquee
-----------------------------------------------------------------------*/
header .marquee {
    height: 22px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    text-align: left;
    color: inherit;
}

header .marquee p {
    position: absolute;
    top: 4px;
    left: 2px;
    display: inline-block;
    white-space: nowrap;
}

header .marquee span {
    margin-right: 1px;
}

header .marquee_on {
    padding-left: 100%;
    -webkit-animation-name: marquee;
    -moz-animation-name: marquee;
    -ms-animation-name: marquee;
    -webkit-animation-duration: 15s;
    -moz-animation-duration: 15s;
    -ms-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate(0%);
    }
    99%, 100% {
        -webkit-transform: translate(-100%);
    }
}

@-ms-keyframes marquee {
    0% {
        -ms-transform: translate(0%);
    }
    99%, 100% {
        -ms-transform: translate(-100%);
    }
}

@-moz-keyframes marquee {
    0% {
        -moz-transform: translate(0%);
    }
    99%, 100% {
        -moz-transform: translate(-100%);
    }
}

@keyframes marquee {
    0% {
        transform: translate(0%);
    }
    99%, 100% {
        transform: translate(-100%);
    }
}

/*
---------------------------------------
header 東海・関西ページ用header
---------------------------------------
*/
.bk-area .inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bk-area .left-area {
    width: 550px;
    height: 130px;
}

.bk-area .right-area {
    width: 525px;
    padding-top: 6px;
}

.bk-area .logo {
    width: 120px;
    margin-top: 3px;
    margin-right: 6px;
    float: left;
    text-align: center;
}

.bk-area .logo img {
    margin: auto;
}

.bk-area .inner h1 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: inherit;
}

.bk-area .inner .text_box .number {
    font-size: 16px;
}

.bk-area .text_box p span {
    font-size: 13px;
    font-weight: bold;
    color: red;
}

.bk-area .text_box .number span {
    font-size: 16px;
}

/*
---------------------------------------
footer
---------------------------------------
*/
/*
---------------------------------------
navs
---------------------------------------
*/
.nav-long {
    width: 819px;
    height: 94px;
    margin: 0 0 20px 0;
    float: left;
    background: url(../images/common/nav-page1/nav-long-5e8308092d723a8d7de8412e183cf012.png) left top no-repeat;
}

.nav-long p {
    padding: 1px 8px 0 0;
    float: left;
}

.nav-long ul {
    padding: 5px 0 0 0;
}

.nav-long ul li {
    float: left;
}

.page-nav-long {
    width: 819px;
    height: 94px;
    margin: 0 0 0 0;
    float: left;
    background: url(../images/common/nav-page1/nav-page-long-e1714729d37797bc60fac16ae2e03b21.png) left top no-repeat;
}

footer .navs .page-nav-long {
    margin: 0 0 20px 0;
}

.page-nav-long p {
    padding: 1px 6px 0 0;
    float: left;
}

.page-nav-long ul {
    padding: 5px 0 0 0;
}

.page-nav-long li {
    margin: 0 6px 0 0;
    float: left;
}

.navs .nav-single {
    width: 120px;
    height: 94px;
    margin: 0 0 0 10px;
    float: left;
    background: url(../images/common/nav-page1/nav-single-e51d7bfeef9ba05e4e02f609a461094b.png) left top no-repeat;
}

.navs-sub {
    width: 1060px;
    height: 36px;
    padding: 16px 16px 16px 4px;
    clear: both;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.2);
}

.navs-sub ul li {
    float: left;
}

.navs-sub li a {
    margin: 0 0 0 14px;
}

#navs-line {
    background: url(../images/common/header-bk3-bae1daa847099f94b99366f1d7a973ec.jpg) center top;
}

#navs-line .bk-area {
    height: 74px;
    min-height: 74px;
    background: url(../images/common/header-bk2-1428e22553d75f88c4322fd35b38a51a.jpg) center top no-repeat;
}

#navs-line .inner {
    width: 900px;
    margin: 0 auto;
    padding: 0 !important;
}

.navs-line-text {
    padding: 0 10px 0 50px;
    line-height: 72px;
    display: block;
    float: left;
    color: #fff;
    background: url(../images/top/icon/icon1-90c2d7f6ebfe3a4d77b1600c53cab44f.png) center left no-repeat;
}

.navs-line-link span {
    padding: 0 6px 0 0;
    font-weight: bold;
    line-height: 72px;
    float: left;
    letter-spacing: -0.3em;
    color: #fff;
}

#navs-line .navs-line-link a {
    line-height: 72px;
    color: #fff;
}

#navs-line .navs-line-link a:before {
    content: '>>';
}

/*
---------------------------------------
side_ranking
---------------------------------------
*/
@media screen and (max-width: 1480px) {
    #side_ranking {
        display: none;
    }
}

#side_ranking {
    width: 180px;
    padding-bottom: 10px;
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
    position: absolute;
    top: 0;
    left: 1100px;
    color: #fff;
    background: url(../images/pages/side_rank/side_rank_bg01-66c8eb3e670b98769918220578bd2f55.png) center left;
}

#side_ranking .date {
    height: 38px;
    margin: -38px 0 0;
    text-align: center;
    color: #fff;
}

#side_ranking .button {
    width: 180px;
    height: 33px;
    display: block;
    background: url(../images/pages/side_rank/side_rank_button01-124693b7a0102801ba0aae8422002489.png) no-repeat;
}

#side_ranking #box01:checked ~ .button01,
#side_ranking #box02:checked ~ .button02 {
    background: url(../images/pages/side_rank/side_rank_button02-1b683c880f5023c22b754369e1e9cfdd.png) no-repeat;
}

#side_ranking #box03:checked ~ .button03,
#side_ranking #box04:checked ~ .button04 {
    background: url(../images/pages/side_rank/side_rank_button03-5823bfe91b2481b3843e3497b55d5c99.png) no-repeat;
}

#side_ranking .button label {
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    display: block;
    color: #fff;
    background: url(../images/pages/side_rank/side_rank_icon01-aa04fd9436692e3cb14e7a310d495e41.png) 160px 10px no-repeat;
}

#side_ranking #box01:checked ~ .button01 label,
#side_ranking #box02:checked ~ .button02 label,
#side_ranking #box03:checked ~ .button03 label,
#side_ranking #box04:checked ~ .button04 label {
    background: url(../images/pages/side_rank/side_rank_icon02-eefc053021a275114d190ce54c553022.png) 160px 10px no-repeat;
}

#side_ranking #box01,
#side_ranking #box02,
#side_ranking #box03,
#side_ranking #box04 {
    display: none;
}

#side_ranking #box01 ~ .box01,
#side_ranking #box02 ~ .box02,
#side_ranking #box03 ~ .box03,
#side_ranking #box04 ~ .box04 {
    display: none;
}

#side_ranking #box01:checked ~ .box01,
#side_ranking #box02:checked ~ .box02,
#side_ranking #box03:checked ~ .box03,
#side_ranking #box04:checked ~ .box04 {
    display: block;
}

#side_ranking .box {
    text-align: center;
    font-size: 13px;
    color: #fff;
    padding: 0 10px;
}

#side_ranking .box h3 {
    padding-top: 48px;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    background: url(../images/pages/side_rank/side_rank_icon03-8e0b5fb936c0442a08a935953a1bba9b.png) center 20px no-repeat;
    word-break: keep-all;
}

#side_ranking .box .img {
    width: 136px;
    height: 182px;
    margin: 0 auto;
    padding: 2px;
    position: relative;
    text-align: center;
    background: url(../images/pages/side_rank/side_rank_bg02-2401c927dc26de3b4852203261318054.png) center left no-repeat;
}

#side_ranking .box .img img {
    max-width: 136px;
    max-height: 182px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#side_ranking .box .img + p {
    padding-top: 7px;
    padding-bottom: 4px;
    line-height: 1.2;
}

#side_ranking .box h3,
#side_ranking .box .name,
#side_ranking .img + .store {
    font-size: 15px;
}

#side_ranking .box a {
    color: inherit;
}

#side_ranking .box .name,
#side_ranking .name + .store {
    margin: 0 auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* --------------------------------------- */
.h3-area2 h2 {
    margin: 0 0 10px 0;
    font-size: 24px;
    font-weight: bold;
}

.h3-area2 h2 img {
    padding: 0 10px 0 0;
    vertical-align: middle;
}

.h3-area3 {
    width: 1050px;
    height: 62px;
    padding: 15px 15px 0;
    background: url(../images/top/h3-bk3-5189eb91fa3f830145135f27c53d9a39.png) left top no-repeat;
}

.h3-area3 h2 {
    font-size: 22px;
    line-height: 1;
}

.h3-area3 h2 img {
    padding: 0 6px 0 0;
    vertical-align: middle;
}

.h3-area4 {
    height: 48px;
    margin: 0 0 20px 0;
    line-height: 48px;
    background: url(../images/top/h3-bk4-4bca6d78405bdb9173f6728c6a5df745.png) left top no-repeat;
}

.h3-area4 h2 {
    font-size: 22px;
    text-align: center;
}

/*
---------------------------------------
top
---------------------------------------
*/
.top-sec2 a {
    text-decoration: none;
}

.top-sec2 a:hover {
    text-decoration: underline;
}

.top-sec2 {
    padding: 25px 0 30px 0;
}

.top-sec2 + .top-sec2 {
    margin-bottom: 30px;
}

.top-search1 {
    width: 100%;
    border: 1px solid #d6d6d6;
}

.top-search1 .float_box {
    margin: 0 10px 10px 0;
    float: left;
}

.top-search1-area {
    padding: 10px 10px 0;
    overflow: hidden;
    border: 5px solid #f5f5f5;
}

.top-search1-area h3 {
    width: 66px;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 14px;
    font-weight: normal;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #474747;
}

.top-search1-area ul {
    padding-left: 10px;
    font-size: 0;
    display: table-cell;
    vertical-align: middle;
}

.top-search1-area li {
    font-size: 15px;
    line-height: 1.8em;
    display: inline-block;
    color: #005fc0;
}

.top-search1-area li:not(.area_main):after {
    padding: 0 6px;
    content: '|';
    color: #888;
}

.top-search1-area .area_main a:before {
    content: '【';
}

.top-search1-area .area_main a:after {
    content: '】';
}

.top-search1-area li:last-of-type:after {
    padding: 0;
    content: '';
}

.top-search1-area .color {
    font-weight: bold;
    color: #333;
}

#top-sec4 {
    padding: 30px 0;
}

#top-sec4 .inner {
    overflow: hidden;
    background: #f2f2f2;
}

#top-news-area {
    width: 1040px;
    margin: 0 auto;
    background: #f2f2f2;
}

#top-news-area li {
    width: 510px;
    margin: 0 0 30px 0;
    float: left;
    background: #fff;
    box-shadow: 0 0 6px 3px #e8e8e8;
}

#top-news-area p a:hover {
    text-decoration: underline !important;
}

#top-news-area li:nth-child(even) {
    float: right;
}

#top-news-area h3 {
    padding: 0;
    line-height: 34px;
    background: #404040;
}

#top-news-area h3 span {
    height: 30px;
    padding: 0 0 0 20px;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
}

#top-news-list1 span {
    background: url(../images/top/list1-776b908188b9d8bfea5fa101e06b49b1.gif) left top no-repeat;
}

#top-news-list2 span {
    background: url(../images/top/list2-cc9a8cc52eb103f188dbf3370a8ecd16.gif) left top no-repeat;
}

#top-news-list3 span {
    background: url(../images/top/list3-7487029ad8267777c0ecfa0990a5052f.gif) left top no-repeat;
}

#top-news-list4 span {
    background: url(../images/top/list4-d12cec34bb125020370aabdfd5cacd5f.gif) left top no-repeat;
}

#top-news-list5 span {
    background: url(../images/top/list5-ec7255767e65533e68607673c05f0c62.gif) left top no-repeat;
}

#top-news-list6 span {
    background: url(../images/top/list6-a39f9342dad3bf25132ba82f76415580.gif) left top no-repeat;
}

#top-news-list7 span {
    background: url(../images/top/list7-987ef794cfeccc0af9dc15e978abf685.gif) left top no-repeat;
}

#top-news-list8 span {
    background: url(../images/top/list8-999155e3f4c6a0beff013bc37405c866.gif) left top no-repeat;
}

#top-news-area .top-news-list {
    border: 1px solid #ccc;
    border-top: none;
}

#top-news-area .left-area {
    width: 93px;
    height: 124px;
    position: relative;
    text-align: center;
}

#top-news-area .left-area img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#top-news-area .top-news-list-inner {
    padding: 10px;
    overflow: hidden;
    border: 4px solid #e6e6e6;
    border-top: none;
}

#top-news-area .right-area {
    width: 375px;
}

#top-news-area .right-area .data {
    margin: 0 0 10px 0;
    font-family: Arial, Helvetica, 'sans-serif';
    display: block;
    color: #666;
}

#top-news-area .right-area .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 10px;
    text-decoration: none;
    color: #005fc0;
}

#top-news-area .right-area .title:hover {
    text-decoration: underline;
}

#top-news-area .right-area p {
    font-size: 16px;
    font-weight: bold;
}

#top-news-area .right-area-p a {
    text-decoration: none;
    color: #111 !important;
}

#top-news-area .right-area .place {
    font-size: 14px;
    font-weight: normal;
}

#top-news-area .right-area .store {
    width: 370px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#top-sec5 {
    padding: 0 0 30px 0;
}

#top-sec5 .left-area {
    width: 330px;
    height: 180px;
    margin: 0 0 20px 0;
    position: relative;
    float: left;
    text-align: center;
}

#top-sec5 .right-area {
    width: 730px;
    margin: 0 0 20px 0;
}

#top-sec5 h3 {
    font-size: 18px;
    font-weight: bold;
    display: block;
    clear: both;
}

#header_top .navs-sub {
    margin: 0 auto;
}

#pages-nav-area {
    height: auto;
    min-height: 116px;
    clear: both;
}

#pages-nav-area .inner {
    position: relative;
}

#pages-nav {
    position: absolute;
    top: -36px;
    left: 120px;
}

#pages-nav li {
    margin: 0 10px 0 0;
    float: left;
}

#pages-nav li:last-child {
    margin: 0 0 0 0;
}

/* --------------------------------------- */
/* info */
.info_message + h3 {
    margin-top: 2em;
}

.info_message > p + p {
    margin-top: 2px;
}

.info_message dt {
    margin-top: 8px;
    color: #f00;
}

.info_message dd {
    padding-left: 2em;
}

.info_message .point {
    color: #f00;
}

.info_message .caution {
    font-size: 0.9em;
    color: #888;
}

/* --------------------------------------- */
/* ピックアップスライド */
.pickup_cover {
    margin-top: 26px;
}

.pickup_cover .hl img {
    margin: auto;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -2px;
    left: 0;
}

.frame_slide_cover {
    display: flex;
    overflow: hidden;
}

.frame_slide_cover a {
    display: block;
}

.frame_slide_cover .box_cover,
.pickup_cover .cover {
    width: 536px;
    height: 237px;
}

.frame_slide_cover,
.frame_slide_cover .box_cover {
    box-sizing: border-box;
}

.pickup_cover .bx-wrapper .bx-viewport {
    margin-left: 0;
}

.pickup_cover .frame_slide_cover {
    border: 4px solid #fe067e;
    border-radius: 6px;
}

/* --------------------------------------- */
/* バナー */
.frame_pr {
    margin-bottom: 30px;
    border: 2px solid #fa6094;
}

.frame_pr .lbl {
    margin-bottom: 14px;
    padding: 2px 8px;
    font-weight: bold;
    color: #fff;
    background-color: #fa6094;
}

.frame_pr .box_banner {
    width: 200px;
    height: 110px;
    margin-left: 12px;
    float: left;
    text-align: center;
}

.frame_pr .box_banner:first-child,
.frame_pr .box_banner:nth-child(6) {
    margin-left: 14px;
}

.frame_pr .box_banner .img_bnr {
    width: 200px;
    border: 1px solid #ccc;
}

.frame_pr .box_banner .info {
    margin-top: 2px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* --------------------------------------- */
.entrance {
    min-width: 1080px;
}