header .logo {
    padding: 10px 0 35px 0
}

header.header04 {
    margin-bottom: 0
}

body {
    background-position: 0 480px
}

.topIntroMod {
    margin-top: -15px;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    min-width: 1040px
}

.topIntroMod .introImg {
    width: 1040px;
    margin: 0 auto
}

.topIntroMod .introImg .slide {
    width: 1040px;
    height: 500px;
    position: relative
}

.topIntroMod .introImg .slide .catch {
    position: absolute;
    top: 17px;
    right: 56px
}

.topIntroMod .introImg .slide .contents {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    width: 1040px
}

.topIntroMod .introImg .slide .contents:after {
    content: "";
    clear: both;
    display: block
}

.topIntroMod .introImg .slide .contents .ttl {
    cursor: pointer;
    width: 390px;
    float: left;
    line-height: 1.4
}

.topIntroMod .introImg .slide .contents .ttl .sub {
    padding: 21px 0 0 23px;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem
}

.topIntroMod .introImg .slide .contents .ttl .main {
    padding: 0 0 0 23px;
    color: #ffffff;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.2em
}

.topIntroMod .introImg .slide .contents .ttl .main a {
    color: #ffffff;
    line-height: 1.2
}

.topIntroMod .introImg .slide .contents .ttl .main a:hover {
    text-decoration: none
}

.topIntroMod .introImg .slide .link {
    width: 315px;
    padding: 10px 0 10px 10px;
    float: left;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer
}

.topIntroMod .introImg .slide .link:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    text-decoration: none
}

.topIntroMod .introImg .slide .link .thumb {
    float: left;
    width: 130px
}

.topIntroMod .introImg .slide .link .thumb img {
    vertical-align: bottom
}

.topIntroMod .introImg .slide .link .txt {
    width: 170px;
    float: left;
    line-height: 1.4
}

.topIntroMod .introImg .slide .link .txt .nam {
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 5px;
    line-height: 1.2
}

.topIntroMod .introImg .slide .link .txt p {
    line-height: 1.3
}

.topIntroMod .introImg .slide .link .txt p a {
    color: #ffffff;
    line-height: 1.2
}

.topIntroMod .introImg .slide .link .txt p a:hover {
    text-decoration: none
}

.topIntroMod .introImg .slide .link .txt .price {
    color: #ffffff;
    display: block;
    padding-top: 3px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2
}

.topIntroMod .introImg .slide .link .txt .detail {
    color: #ffffff;
    display: block;
    padding-top: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.3
}

.topIntroMod .introImg {
    width: 1040px;
    height: 500px;
    position: relative
}

.topIntroMod .introImg > .wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 6000px;
    height: 500px
}

.topIntroMod .slide {
    float: left
}

.topIntroMod .slide .elem01 {
    opacity: 0
}

.topIntroMod .slide .colorWhite {
    background-color: white
}

.topIntroMod .slide.on .elem01 {
    opacity: 1;
    transition: all 3s
}

.topIntroMod .slide .elem02 {
    opacity: 0
}

.topIntroMod .slide.on .elem02 {
    opacity: 1;
    transition: all 2s
}

.topIntroMod .slide img {
    opacity: 0.55
}

.topIntroMod .slide.on img {
    opacity: 1
}

.topIntroMod .slide .blue {
    background: #2f779c
}

.topIntroMod .slide .green {
    background: #63734b
}

.topIntroMod .slide .yellow {
    background: #a79a4f
}

.topIntroMod .slide .red {
    background: #9d6257
}

.topIntroMod .slide .purple {
    background: #665c80
}

.topIntroMod .slide .brown {
    background: #72604f
}

.rightArrow {
    position: absolute;
    top: 230px;
    right: 5px;
    z-index: 1;
    background: #FFF;
    display: block;
    width: 38px;
    height: 53px;
    background: url(/images/pc/common/parts/arrow_01.png) 0 -600px no-repeat;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.rightArrow:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    text-decoration: none
}

.leftArrow {
    position: absolute;
    top: 230px;
    left: 5px;
    z-index: 1;
    background: #FFF;
    width: 38px;
    height: 53px;
    background: url(/images/pc/common/parts/arrow_01.png) 0 -500px no-repeat;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.leftArrow:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    text-decoration: none
}

.siteNewsMod .list {
    padding: 20px 25px 5px 25px
}

.siteNewsMod .list li {
    margin-bottom: 15px
}

.siteNewsMod .attention .wrap {
    padding: 5px 0 20px 0;
    text-align: center
}

.siteNewsMod .attention .wrap a {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: inline-block;
    width: 990px;
    position: relative
}

.siteNewsMod .attention .wrap a:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    text-decoration: none
}

.siteNewsMod .attention .wrap a span {
    position: absolute;
    top: 26px;
    right: 105px;
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.7
}

.siteNewsMod .attention .wrap a span.strong {
    color: #d00808
}

body.first {
    background-position: 0 0;
    background-image: url(/images/pc/common/parts/bg_pat_03.png)
}

body.first header .logo {
    padding-bottom: 27px
}

body.first header .menu {
    padding-top: 11px
}

body.first main {
    padding-top: 0
}

.singleTopIntroMod {
    min-width: 1040px;
    height: 460px;
    background: url(/images/pc/common/top/img_introSingle.jpg) no-repeat center top;
    background-size: auto 100%;
    text-align: center
}

.singleTopIntroMod .ttl {
    padding-top: 150px
}

@media screen and (min-width: 1400px) {
    .singleTopIntroMod {
        background-size: cover;
        background-position: 50% 30%
    }
}

.whatsMod .appealList {
    padding-left: 15px
}

.whatsMod .appealList:after {
    content: "";
    clear: both;
    display: block
}

.whatsMod .appealList li {
    width: 290px;
    margin-left: 35px;
    float: left;
    text-align: center
}

.whatsMod .appealList li .image {
    width: 290px;
    height: 290px
}

.whatsMod .appealList li .image .ttl {
    padding-top: 115px;
    font-size: 30px;
    font-size: 3rem;
    color: #ffffff;
    line-height: 1;
    text-shadow: #555555 0px 0px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#555555,offx=1,offy=1)"
}

.whatsMod .appealList li .image .sub {
    padding-top: 15px;
    font-size: 20px;
    font-size: 2rem;
    color: #ffffff;
    line-height: 1;
    text-shadow: #555555 0px 0px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#555555,offx=1,offy=1)"
}

.whatsMod .appealList li .text {
    padding: 16px 0 30px 0;
    font-weight: bold
}

.whatsMod .appealList li.item01 .image {
    background: url(/images/pc/common/info/img_whats_01.jpg)
}

.whatsMod .appealList li.item02 .image {
    background: url(/images/pc/common/info/img_whats_02.jpg)
}

.whatsMod .appealList li.item03 .image {
    background: url(/images/pc/common/info/img_whats_03.jpg)
}

.flowMod .flowImg {
    width: 991px;
    height: 480px;
    position: relative;
    margin-left: 25px;
    background: url(/images/pc/common/info/img_flow.png) no-repeat left top
}

.flowMod .abBox {
    position: absolute;
    padding: 17px 17px 7px 17px;
    border: solid 1px #000000
}

.flowMod .abBox li {
    margin-bottom: 10px;
    padding-left: 27px;
    font-weight: bold
}

.flowMod .abBox li.iconA {
    position: relative
}

.flowMod .abBox li.iconA::before {
    display: block;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/ico_flow.png)
}

.flowMod .abBox li.iconB {
    position: relative
}

.flowMod .abBox li.iconB::before {
    display: block;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -50px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/ico_flow.png)
}

.flowMod .imgTxt dt {
    line-height: 1;
    font-size: 23px;
    font-size: 2.3rem;
    color: white;
    font-weight: bold;
    text-align: center;
    position: absolute;
    width: 154px
}

.flowMod .imgTxt dd {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    position: absolute;
    width: 174px
}

.flowMod .imgTtl01 {
    top: 188px;
    left: 0px
}

.flowMod .imgTtl02 {
    top: 187px;
    left: 194px
}

.flowMod .imgTtl03_1 {
    top: 68px;
    left: 418px
}

.flowMod .imgTtl04_1 {
    top: 68px;
    left: 612px
}

.flowMod .imgTtl03_2 {
    top: 308px;
    left: 417px
}

.flowMod .imgTtl04_2 {
    top: 308px;
    left: 612px
}

.flowMod .imgTtl05 {
    top: 188px;
    left: 837px
}

.flowMod .subTxt01 {
    top: 287px;
    left: -10px
}

.flowMod .subTxt02 {
    top: 285px;
    left: 184px
}

.flowMod .subTxt03_1 {
    top: 166px;
    left: 408px
}

.flowMod .subTxt04_1 {
    top: 166px;
    left: 602px
}

.flowMod .subTxt03_2 {
    top: 406px;
    left: 407px
}

.flowMod .subTxt04_2 {
    top: 406px;
    left: 602px
}

.flowMod .subTxt05 {
    top: 286px;
    left: 827px
}

.productListMod .listBox {
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 20px
}

.productListMod .listBox .ttl.link {
    font-size: 1.9rem;
    padding: 0 0 5px 25px;
    padding-bottom: 0;
    margin-top: 5px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 15px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.productListMod .listBox .ttl.link:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    text-decoration: none
}

.productListMod .listBox .ttl.link a {
    text-decoration: none;
    color: #333333
}

.productListMod .listBox .btn05 {
    clear: both;
    margin: 0 auto;
    text-align: center;
    width: 990px;
    padding: 0 0 40px 0
}

.productListMod .listBox .btn05 a {
    padding: 23px 33px 23px 18px;
    width: 400px;
    font-size: 1.9rem
}

.productListMod .listBox .ttlSide {
    margin-top: 5px;
    float: right;
    padding: 0;
    width: 500px;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    top: 3px;
    text-align: right
}

.productListMod .listBox .ttlSide a {
    color: #333333;
    border: none;
    padding: 0 13px 0 0;
    font-size: 1.5rem;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.productListMod .listBox .ttlSide a::before {
    display: block;
    content: "";
    width: 6px;
    height: 9px;
    position: absolute;
    top: -2px;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    display: block;
    background-position: 0 -800px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/arrow_01.png)
}

.productListMod .listBox .ttlSide a:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    text-decoration: none
}

.productListMod .listBox.end {
    border-bottom: none;
    margin-bottom: 0
}

.snsMod {
    height: 28px;
    width: 1040px;
    background: #ffffff;
    margin: 0 auto 20px auto;
    position: relative;
    padding: 15px 0
}

.snsMod .sns {
    position: absolute;
    top: 15px;
    right: 15px;
    clear: right;
    width: 185px;
    font-size: 0;
    text-align: right
}

.snsMod .sns li {
    display: inline-block;
    text-align: right;
    width: 28px;
    margin-left: 5px;
    font-size: 100%
}

.snsMod .sns li a {
    width: 28px;
    display: block
}

.snsMod .sns li.lnBtn {
    display: none
}

.pickupTagMod {
    width: 1040px;
    background: #f5f5f5;
    margin: 20px auto;
    padding: 20px 20px 10px 25px;
    box-sizing: border-box
}

.pickupTagMod .ttl {
    font-size: 19px;
    font-size: 1.9rem;
    margin-bottom: 10px
}

.siteNewsMod + .pickupTagMod {
    margin-top: -20px
}

.layout03 {
    background: #f7f7f7;
    padding-bottom: 20px !important;

.topLocalNewMod_re {
    background: #333333;
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 0 15px;
    box-sizing: border-box;
    height: 74px
}

.topLocalNewMod_re > .inner:after {
    content: "";
    clear: both;
    display: block
}

.topLocalNewMod_re .ttl {
    width: 9%;
    color: #fff;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 25px 0
}

.topLocalNewMod_re .list {
    float: left;
    display: table;
    width: 80%;
    border-collapse: separate;
    border-spacing: 10px 0;
    margin: 10px;
    margin-right: 5px;
    table-layout: fixed
}

.topLocalNewMod_re .list .pannel {
    display: table-cell;
    background: #000;
    vertical-align: top;
    cursor: pointer
}

.topLocalNewMod_re .list .pannel .inner {
    display: table;
    border-collapse: collapse;
    border-spacing: 0 0
}

.topLocalNewMod_re .list .pannel .inner .img, .topLocalNewMod_re .list .pannel .inner .txt {
    display: table-cell;
    vertical-align: middle
}

.topLocalNewMod_re .list .pannel .inner .img {
    width: 81px
}

.topLocalNewMod_re .list .pannel .inner .img img {
    height: 54px
}

.topLocalNewMod_re .list .pannel .inner .txt a {
    display: block;
    padding: 0 5px 0 8px;
    text-decoration: none
}

.topLocalNewMod_re .list .pannel .inner .txt a span {
    word-break: keep-all
}

.topLocalNewMod_re .list .pannel:hover {
    transition: all 0.3s;
    background: #fff;
    opacity: 0.9
}

.topLocalNewMod_re .btn07 {
    float: right;
    width: 8%;
    text-align: center;
    padding: 20px 0;
    margin-right: 5px;
    text-align: left
}

.topLocalNewMod_re .btn07 a {
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem
}

@media screen and (min-width: 1700px) {
    .topLocalNewMod_re > .inner {
        width: 90%;
        margin: 0 auto
    }
}

.topLocalNewMod {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    padding-right: 5px;
    box-sizing: border-box;
    height: 70px
}

.topLocalNewMod > .inner:after {
    content: "";
    clear: both;
    display: block
}

.topLocalNewMod .ttl {
    width: 8%;
    color: #333333;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 25px 0 25px 10px
}

.topLocalNewMod .list {
    float: right;
    display: table;
    width: 91%;
    border-collapse: separate;
    border-spacing: 10px 0;
    margin: 10px 0;
    table-layout: fixed
}

.topLocalNewMod .list .pannel {
    display: table-cell;
    vertical-align: top;
    cursor: pointer
}

.topLocalNewMod .list .pannel .inner {
    display: table;
    border-spacing: 0 0;
    width: 100%
}

.topLocalNewMod .list .pannel .inner .img, .topLocalNewMod .list .pannel .inner .txt {
    display: table-cell;
    vertical-align: middle
}

.topLocalNewMod .list .pannel .inner .img {
    width: 75px
}

.topLocalNewMod .list .pannel .inner .img img {
    height: 50px
}

.topLocalNewMod .list .pannel .inner .txt {
    width: 100%;
    background: #ebebeb;
    transition: all 0.3s;
    font-size: 15px;
    font-size: 1.5rem
}

.topLocalNewMod .list .pannel .inner .txt:hover {
    background: #333333 !important
}

.topLocalNewMod .list .pannel .inner .txt:hover a {
    color: #fff
}

.topLocalNewMod .list .pannel .inner .txt a {
    display: block;
    padding: 0 5px 0 8px;
    text-decoration: none
}

.topLocalNewMod .list .pannel .inner .txt a span {
    word-break: keep-all
}

.topLocalNewMod .list .pannel.btn {
    width: 220px;
    text-align: center
}

.topLocalNewMod .list .pannel.btn:hover {
    background: #fff
}

.topLocalNewMod .list .pannel.btn .inner {
    height: 50px;
    width: 100%
}

.topLocalNewMod .list .pannel.btn a {
    color: #333333;
    display: table-cell;
    vertical-align: middle;
    border: 1px #ebebeb solid;
    border-radius: 4px;
    background: #fff;
    text-decoration: none;
    transition: all 0.3s
}

.topLocalNewMod .list .pannel.btn a:hover {
    opacity: 1;
    background: #333333 !important;
    color: #fff;
    border: #333333
}

@media screen and (max-width: 1300px) {
    .topLocalNewMod .ttl {
        font-size: 16px;
        font-size: 1.6rem;
        padding-left: 0
    }

    .topLocalNewMod .pannel .inner .txt {
        font-size: 1.3rem !important
    }

    .topLocalNewMod .pannel.btn {
        width: 110px !important
    }
}

@media screen and (min-width: 1600px) {
    .topLocalNewMod .ttl {
        width: 10%
    }

    .topLocalNewMod .list {
        width: 89%
    }

    .topLocalNewMod .list .pannel.btn {
        width: 260px !important
    }
}

.topPromotionMod {
    background: #f7f7f7;
    padding: 15px 0 12px
}

.topPromotionMod ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center;
    padding-right: 15px;
    box-sizing: border-box
}

.topPromotionMod ul .pannel {
    display: inline-block;
    display: table-cell;
    width: 15.5%
}

.topPromotionMod ul .pannel a {
    display: block;
    margin-left: 15px;
    transition: .3s linear
}

.topPromotionMod ul .pannel a img {
    width: 100%;
    height: 100%
}

.topPromotionMod ul .pannel a .txt {
    height: 32px !important;
    background-color: #fff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: .3s linear;
    width: 100%;
    color: #333333;
    display: inline-block;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px;
    box-sizing: border-box
}

.topPromotionMod ul .pannel a:hover .txt {
    background-color: rgba(48, 47, 42, 0.8) !important;
    color: #fff
}

@media screen and (max-width: 1070px) {
    .topPromotionMod ul {
        margin-left: -15px;
        padding: 0 0 0 10px
    }
}

.content {
    width: 100%;
    background: #fff;
    padding-top: 55px;
    padding-bottom: 25px;
}

.content .inner {
    width: 100%;
    margin: 0 auto;
    display: table;
    padding: 0 15px;
    box-sizing: border-box;
    display: table
}

@media screen and (max-width: 1070px) {
    .content .inner {
        width: 1070px;
        padding: 0 10px;
        box-sizing: border-box
    }
}

.content .subColumnMod, .content .mainColumnMod {
    display: table-cell;
    vertical-align: top
}

.content .mainColumnMod .pickupBox + .pickupBox {
    margin-top: -10px
}

.content .mainColumnMod .about {
    margin: 0 30px;
    padding-bottom: 0;
    border-bottom: dotted 1px #ddd;
    margin-bottom: 10px;
    margin-top: -12px;
    margin: 30px 30px 20px;
    padding: 2px 15px 5px;
    border-radius: 6px;
    border: solid 1px #ebebeb
}

.content .mainColumnMod .about .ttl08 {
    margin-bottom: 5px;
    position: relative
}

.content .mainColumnMod .about .ttl08::before {
    display: block;
    content: "";
    width: 22px;
    height: 23px;
    position: absolute;
    top: 8px;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -1300px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.content .mainColumnMod .about p {
    line-height: 1.6;
    padding-bottom: 15px
}

.content .mainColumnMod .about .btn07 {
    margin-top: -20px
}

.content .mainColumnMod .about .btn07 a {
    padding-bottom: 10px
}

.content .mainColumnMod .about .ttl08 {
    margin-bottom: 3px
}

.content .mainColumnMod .pickup {
    margin: 0 20px;
    margin: -15px 20px 0
}

.content .mainColumnMod .pickup .ttl08 {
    position: relative;
    margin: 0 10px;
    border-bottom: solid #333333 2px;
    margin-bottom: 12px;
    padding-bottom: 5px
}

.content .mainColumnMod .pickup .list09 {
    border-collapse: separate;
    border-spacing: 10px 0;
    table-layout: fixed
}

.content .mainColumnMod .pickup .list09.wide {
    margin-top: 30px;
}

.content .mainColumnMod .pickup .list09 li {
    display: table-cell;
    margin: 0;
    width: 18%
}

.content .mainColumnMod .pickup .list09 li .img {
    left: 0;
    margin-left: 0
}

.content .mainColumnMod .pickup .list09 li .img img {
    width: 100%
}

.content .mainColumnMod .pickup .rank {
    position: relative
}

.content .mainColumnMod .pickup .rank::before {
    display: block;
    content: "";
    width: 22px;
    height: 23px;
    position: absolute;
    top: 15px;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -1050px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.content .mainColumnMod .pickup .new {
    position: relative
}

.content .mainColumnMod .pickup .new::before {
    display: block;
    content: "";
    width: 22px;
    height: 23px;
    position: absolute;
    top: 19px;
    right: auto;
    bottom: auto;
    left: 5px;
    margin: auto;
    display: block;
    background-position: 0 -1100px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.content .mainColumnMod .pickup .history {
    position: relative
}

.content .mainColumnMod .pickup .history::before {
    display: block;
    content: "";
    width: 22px;
    height: 23px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 2px;
    margin: auto;
    display: block;
    background-position: 0 -1150px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.content .mainColumnMod .pickup .history::after {
    content: none
}

.content .mainColumnMod .pickup .btn07 {
    margin-right: 10px;
    margin-top: 10px
}

.content .mainColumnMod .attention {
    border: 1px solid #d00808;
    background: #fff;
    margin: 0 30px 20px
}

.content .mainColumnMod .attention .ttl {
    color: #d00808;
    padding: 8px 10px 7px;
    border-bottom: 1px solid #d00808;
    margin-bottom: 0;
    background: #fff6f6
}

.content .mainColumnMod .attention .txt {
    color: #d00808;
    margin: 0 10px;
    padding: 10px 0 20px
}

.content .mainColumnMod .attention .txt + .txt {
    border-top: dotted 1px #ebebeb;
    margin-top: -10px
}

.content .mainColumnMod .attention .btn07 {
    margin-top: -10px;
    padding-right: 10px;
    margin-bottom: 5px
}

.content .mainColumnMod .attention .btn07 a {
    padding-top: 0;
    color: #d00808
}

.content .mainColumnMod .attention .btn07 a::before {
    background-position: 0 -1500px;
    top: -6px
}

.content .mainColumnMod .attention + .pickup {
    margin-top: 0px
}

.content .subColumnMod {
    width: 228px
}

.content .subColumnMod .searchform {
    margin-bottom: 15px;
    position: relative
}

.content .subColumnMod .searchform span.search {
    padding-left: 5px;
    background: white;
    border: solid 1px #d5d5d5;
    border-right: none;
    display: block;
    box-sizing: border-box
}

.content .subColumnMod .searchform span.search input {
    outline: none;
    width: 100%;
    height: 40px;
    background: none;
    border: none
}

.content .subColumnMod .searchform span.btn {
    position: absolute;
    top: 0;
    right: 0
}

.content .subColumnMod .searchform span.btn button {
    cursor: pointer;
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    background: #ab9b20;
    overflow: hidden
}

.content .subColumnMod .searchform span.btn button:hover {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.content .subColumnMod .searchform span.btn button:hover:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    text-decoration: none
}

.content .subColumnMod .searchform span.btn button img {
    display: inline-block;
    position: absolute;
    padding-top: 11px;
    right: -47px;
    top: -450px
}

.content .subColumnMod .list08 {
    margin-bottom: 15px;
    padding: 0;
    width: 228px
}

.content .subColumnMod .list08 dl, .content .subColumnMod .list08 nav {
    margin-bottom: 15px
}

.content .subColumnMod .list08 dl dt, .content .subColumnMod .list08 nav dt {
    border-top: #333333 solid 3px;
    background: #f7f7f7
}

.content .subColumnMod .list08 dl dt span, .content .subColumnMod .list08 nav dt span {
    padding: 8px 0;
    font-size: 14px;
    font-size: 1.4rem
}

.content .subColumnMod .list08 dl dd li a, .content .subColumnMod .list08 nav dd li a {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px 20px 10px 10px
}

.content .subColumnMod .list08 dl dd li a:hover, .content .subColumnMod .list08 nav dd li a:hover {
    color: #333333
}

.content .subColumnMod .list08 dl dd li .nodata, .content .subColumnMod .list08 nav dd li .nodata {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px 20px 10px 10px;
    color: #9d9d9d
}

.content .subColumnMod .list08 dl dd li .nodata::before, .content .subColumnMod .list08 nav dd li .nodata::before {
    content: none
}

.content .subColumnMod .sns {
    padding-top: 2px
}

.content .subColumnMod .sns ul {
    margin-bottom: 15px;
    text-align: center;
    margin-left: -5px
}

.content .subColumnMod .sns ul li {
    display: inline-block;
    margin-left: 5px
}

.content .subColumnMod .snsBox {
    margin-bottom: 12px;
    padding: 11px 9px 16px;
    text-align: center;
    background: #fff;
    border: solid 1px #ebebeb
}

.content .subColumnMod .snsBox .btnWrap {
    display: block;
    margin-bottom: 10px
}

.content .subColumnMod .snsBox .btnWrap .btn {
    padding-left: 36px;
    position: relative;
    background: #fff;
    background: #f7fcff
}

.content .subColumnMod .snsBox .btnWrap .btn::before {
    display: block;
    content: "";
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 20px;
    margin: auto;
    background-position: 0 0;
    background-size: 35px;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/x.svg)
}

.content .subColumnMod .snsBox .btnWrap .btn:hover {
    background: #f5f5f5
}

.content .subColumnMod .snsBox .shareWrap .txt {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 13px
}

.content .subColumnMod .snsBox .shareWrap .sns ul {
    margin: 0 auto
}

.content .subColumnMod .subList01 {
    margin-bottom: 12px
}

.content .subColumnMod .subList01.whatsnew .ttl {
    background: #333333;
    color: #fff
}

.content .subColumnMod .subList01.saigai .ttl {
    position: relative;
    background: #d00808;
    color: #fff;
    padding-left: 45px
}

.content .subColumnMod .subList01.saigai .ttl::before {
    display: block;
    content: "";
    width: 31px;
    height: 20px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 10px;
    margin: auto;
    display: block;
    background-position: 0 -400px;
    background-size: 300px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.svg)
}

.bnrBox {
    margin-bottom: 12px
}

.bnrBox ul {
    width: 228px
}

.bnrBox ul a {
    color: #333333;
    display: block;
    text-align: center;
    font-weight: bold
}

.bnrBox ul a:hover {
    text-decoration: none
}

.bnrBox ul .typeA {
    border: solid 1px #333333;
    border-radius: 4px
}

.bnrBox ul .typeA a {
    padding: 10px 0;
    transition: all 0.3s
}

.bnrBox ul .typeA a:hover {
    background: #333333;
    color: #fff
}

.bnrBox ul .typeA .simulator {
    position: relative;
    padding: 16px 0 16px 28px
}

.bnrBox ul .typeA .simulator::before {
    display: block;
    content: "";
    width: 25px;
    height: 28px;
    position: absolute;
    top: 15px;
    right: auto;
    bottom: auto;
    left: 28px;
    margin: auto;
    display: block;
    background-position: -50px -50px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.bnrBox ul .typeA .simulator:hover {
    position: relative
}

.bnrBox ul .typeA .simulator:hover::before {
    display: block;
    content: "";
    width: 25px;
    height: 28px;
    position: absolute;
    top: 15px;
    right: auto;
    bottom: auto;
    left: 28px;
    margin: auto;
    display: block;
    background-position: 0 -800px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.bnrBox ul .typeA .notice .icon {
    padding-left: 28px;
    display: inline-block;
    position: relative
}

.bnrBox ul .typeA .notice .icon::before {
    display: block;
    content: "";
    width: 25px;
    height: 28px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    background-position: -50px -1150px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.bnrBox ul .typeA .notice:hover .icon {
    position: relative
}

.bnrBox ul .typeA .notice:hover .icon::before {
    display: block;
    content: "";
    width: 25px;
    height: 28px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    background-position: -50px -1200px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.bnrBox ul .item + .item {
    margin-top: 10px
}

.subList02, .subList03 {
    margin-bottom: 12px
}

.whatMod .box {
    width: 1040px;
    margin: 0 auto;
    padding: 30px 25px 25px;
    box-sizing: border-box
}

.whatMod .about {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}

.whatMod .about .ttl08 {
    padding-top: 0;
    margin-bottom: 3px;
    position: relative
}

.whatMod .about .ttl08::before {
    display: block;
    content: "";
    width: 22px;
    height: 23px;
    position: absolute;
    top: -3px;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0px -400px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.whatMod .about p {
    line-height: 1.6;
    padding: 5px 0;
}

.whatMod .about .lead-txt {
  color: #4599b1;
  font-weight: bold;
}

.whatMod .about .btn07 {
    margin-top: -20px
}

.whatMod .about .btn07 a {
    padding-bottom: 10px
}

.whatMod h2 {
    color: #333333;
    padding: 0 0 0 34px;
    position: relative;
    border-bottom: none
}

.whatMod h2::before {
    display: block;
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 5px;
    margin: auto;
    display: block;
    background-position: 0 -1200px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.whatMod .txt01 {
    padding-left: 0;
    padding: 10px 25px 20px 15px
}

.whatMod .appealList {
    padding-left: 5px
}

.whatMod .appealList:after {
    content: "";
    clear: both;
    display: block
}

.whatMod .appealList li {
    width: 280px;
    margin-left: 35px;
    float: left;
    text-align: center
}

.whatMod .appealList li .image {
    width: 240px;
    height: 240px;
    background: linear-gradient(to bottom, #63c1c6, #43c4ae);
    border-radius: 120px;
    margin: 0 auto
}

.whatMod .appealList li .image .ttl {
    padding-top: 130px
}

.whatMod .appealList li .image .ttl.item01 {
    background: url(/images/pc/common/top/renewal/img_what01.png) no-repeat;
    background-position: 50% 25%
}

.whatMod .appealList li .image .ttl.item02 {
    background: url(/images/pc/common/top/renewal/img_what02.png) no-repeat;
    background-position: 50% 25%
}

.whatMod .appealList li .image .ttl.item03 {
    background: url(/images/pc/common/top/renewal/img_what03.png) no-repeat;
    background-position: 50% 32%
}

.whatMod .appealList li .text {
    color: #333;
    margin-top: 20px;
    background: #d9ebf0;
    padding: 15px 10px;
    border-radius: 8px;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatMod .appealList li .text::before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-bottom-color: #d9ebf0;
    position: absolute;
    left: 53%;
    top: -20px;
    margin-left: -16px
}

.whatMod .btn08 {
    margin-top: 25px
}

.howtoMod {
    background: #fff;
    border-bottom: solid 1px #ebebeb
}

.howtoMod .box {
    margin: 0 auto;
    width: 1040px;
    padding: 30px 25px 25px;
    box-sizing: border-box
}

.howtoMod h2 {
    color: #333333;
    padding: 0 0 0 34px;
    position: relative;
    border-bottom: none
}

.howtoMod h2::before {
    display: block;
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 5px;
    margin: auto;
    display: block;
    background-position: 0 -1250px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.howtoMod .txt01, .howtoMod h3 {
    padding-left: 0
}

.howtoMod .flowImg {
    width: 994px;
    height: 480px;
    position: relative;
    top: -10px;
    background: url(/images/pc/common/info/renewal/img_flow_02.png) no-repeat left top
}

.howtoMod .abBox {
    position: absolute;
    padding: 17px 17px 7px 17px;
    border: solid 1px #ebebeb;
    top: 20px
}

.howtoMod .abBox li {
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 27px;
    font-weight: bold
}

.howtoMod .abBox li.iconA {
    position: relative
}

.howtoMod .abBox li.iconA::before {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: -4px;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_howto_A.png)
}

.howtoMod .abBox li.iconB {
    position: relative
}

.howtoMod .abBox li.iconB::before {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: -4px;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_howto_B.png)
}

.howtoMod .abBox li + li {
    margin-left: 10px
}

.howtoMod .imgTxt dt {
    line-height: 1;
    font-size: 23px;
    font-size: 2.3rem;
    color: white;
    font-weight: bold;
    text-align: center;
    position: absolute;
    width: 154px
}

.howtoMod .imgTxt li {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    position: absolute;
    width: 190px
}

.howtoMod .subTxt01 {
    top: 282px;
    left: -10px
}

.howtoMod .subTxt02 {
    top: 282px;
    left: 188px
}

.howtoMod .subTxt03 {
    top: 282px;
    left: 380px
}

.howtoMod .subTxt04_1 {
    top: 162px;
    left: 601px
}

.howtoMod .subTxt04_2 {
    top: 407px;
    left: 601px
}

.howtoMod .subTxt05 {
    top: 282px;
    left: 822px
}

.howtoMod .btn08 {
    margin-top: 0
}

.howtoMod .btn08 span + span {
    margin-left: 15px
}

.howtoMod .btn08 span + span a {
    width: 300px
}

.productListMod.top {
    width: 100%;
    background: #fff;
    width: 100%;
    background: #fff;
    display: table;
    padding-bottom: 30px;
}

.productListMod.top .box {
    margin: 0 auto;
    width: 1040px;
    padding: 30px 0 25px;
    box-sizing: border-box
}

.productListMod.top .box ul.list01:last-child::after {
    border-top: none
}

.productListMod.top .box ul.list01 li {
    height: 330px
}

.productListMod.top h2.ttl01 {
    color: #333333;
    margin-left: 25px;
    padding: 0 0 0 34px;
    position: relative;
    border-bottom: none
}

.productListMod.top h2.ttl01::before {
    display: block;
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 5px;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.productListMod.top h2.ttl01 + .list01 {
    margin-top: 25px
}

.noticeMod .wrap {
    padding: 20px
}