@charset "utf-8";

/* ====================================
	common
===================================== */
/* マウスオーバー：フェード */
.hover-fade a,
a.hover-fade {
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
}

.hover-fade a.hovering,
a.hover-fade.hovering {
    opacity: 0.6;
}

/* マウスオーバー：テキストアンダーライン＆フェード */
a.hover-parent {
    display: block;
    pointer-events: none;
    text-decoration: none;
}

a.hover-parent .hover-trigger {
    pointer-events: auto;
}

a.hover-parent span.hover-trigger {
    display: inline-block;
    /* IE, Edge 対応 */
}

a.hover-parent.hovering .hover-trigger {
    text-decoration: underline;
}

a.hover-parent.hovering h4.hover-trigger span {
    text-decoration: none !important;
    display: inline-block;
}

a.hover-parent.hovering .hover-trigger.fade {
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
}

a.hover-parent.hovering .hover-trigger.fade {
    opacity: 0.6;
}


#contents__business {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

#contents__business--top {
    width: 100%;
}

#contents__main--wrap {
    margin: 0 auto;
    padding-top: 1.5em;
    /*	padding-bottom: 3em;*/
}

.downA {
    margin-right: 1em;
}

.oldmodel-wrap {
    margin-top: 100px;
}

/*::::::::::::: Line Up :::::::::::::*/


.closeBtnL {
    z-index: 999;
    background: #b3b2a4;
    position: fixed;
    bottom: 0;
    display: none;
    opacity: 0.9;
}

.closeBtnL a {
    display: block;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}

.closeBtnL:hover {
    opacity: 1;
}

.closeBtnL a:hover {
    color: #fff;
}

.lineupWrap h3.ttlBar {
    width: 100%;
    background-color: #dedede;
    color: #000;
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 36px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.actCate {
    background: #b3b2a4 !important;
    color: #FFF !important;
    font-weight: 600 !important;
}

#lineupArea .itemLayer {
    /*    position: relative;*/
}

#lineupArea .topItems {}

#lineupArea .newItems {}

#lineupArea .lineupItem a,
#lineupArea .lineupItemL a {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
}

#lineupArea .lineupItem div.luImg img {
    max-width: 185px;
    width: 100%;
}

#lineupArea .lineupItemL div.luImg img {
    /*    max-width: 655px;*/
    width: auto;
}

div.luSpec h4.luName {
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 700;
    padding-left: 0.5rem;
}

/*div.luSpec h4.luName span.names{
    color: #000!important;
}*/
div.luSpec h4.luName span {
    color: #FF0000;
    font-size: 1rem;
    padding-left: 0.5rem;
    /*    text-decoration: none!important;*/
}

div.luSpec div.luMaisu {
    padding-left: 1rem;
    padding-top: 0.8rem;
    border-top: 1px solid #CCC;
    margin-bottom: 0.8rem;
}

div.luSpec div.luMaisu span.luColor {
    line-height: 20px;
    background: url("/business/sentaku/images/top/lineup/lu_color_icn.png") no-repeat 0;
    font-weight: 700;
}

div.luSpec div.luMaisu span.luMono {
    line-height: 20px;
    background: url("/business/sentaku/images/top/lineup/lu_mono_icn.png") no-repeat 0;
    font-weight: 700;
}

div.luSpec div.luMaisu span.luMim {
    line-height: 20px;
    font-weight: 500;
    margin-right: 0.5rem;
}

div.luSpec div.luMaisu img {
    width: auto;
    margin: 5px 0;
}

div.luSpec div.luCatch {
    
    padding: 5px 2px 0 5px;
    border-top: 1px solid #ccc;
    font-size: 1rem;
    line-height: 1.4;
    margin: 5px 0;
    font-weight: 500;
}

div.luSpec div.luPriceBlock {
    padding-left: 1rem;
    padding-top: 5px;
    border-top: 1px solid #CCC;
}

div.luSpec div.luPriceBlock p.luOpen {
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 500;
}

div.luSpec div.luPriceBlock p.luPrice {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 500;
}

div.luSpec div.luPriceBlock span {
    font-size: 0.9rem;
}

/*::::::::::::: Contents Etc :::::::::::::*/

.contEtcArea {
    background-color: #eae9d8;
    margin: 5rem 0;
}

.btnArea ul {
    display: flex;
    flex-wrap: wrap;
}


/*::::::::::::: NewsScroll :::::::::::::*/

.flexcroll {
    position: relative;
    overflow: auto;
}

.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.vscrollerbase {
    width: 10px;
    background-color: #f9f9f9;
}

.vscrollerbar {
    width: 8px;
    background-color: #b4b4b4;
    border-radius: 8px
}


.oldModel-ac {
    margin-top: 8rem;
}

.oldmodel-ttl {
    text-align: center;
}

.oldmodel-wrap {
    display: none;
}


.oldModel-btn-open.opened {
    display: none;
}

.oldModel-btn-close {
    display: none;
}

.oldModel-btn-close.show {
    display: block;
}

.cmn_tbl01 a {
    color: #000099;
}

.cmn_tbl01 a:hover {
    text-decoration: none;
}




/* ====================================
        PC style
===================================== */
@media print,
screen and (min-width: 768px) {
    #contents__main--wrap {
        max-width: 1200px;
        min-width: 960px;
    }

    /*::::::::::::: Line Up :::::::::::::*/
    .btnAll,
    .closeBtn {
        width: 100%;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 4rem;
    }

    .btnAll a,
    .closeBtn a {
        padding: 0.4em 1em;
        width: auto;
        margin: 10px auto;
        cursor: pointer;
        border: 1px solid #CCC;
        border-radius: 3px;
        text-decoration: none;
    }

    .btnAll span,
    .closeBtn span,
    .closeBtnL span {
        font-size: 1rem;
        margin-right: 0.5em;
    }

    .btnAll i,
    .closeBtn i,
    .closeBtnL i {
        font-size: 1.2rem;
    }

    .btnAll,
    .closeBtn {}

    .closeBtnL {
        width: 100%;
        max-width: 1200px;
        height: 50px;
    }

    .closeBtnL a {
        line-height: 50px;
    }

    .closeBtnL a i.ml5rem {
        margin-left: 5px !important;
    }

    #lineupArea h2 {
        margin: 2rem auto 0;
        font-size: 1.8em;
        text-align: left;
    }

    #lineupArea .lineupWrap {}

    #lineupArea .topItems,
    #lineupArea .allItems {
        padding: 0 7rem;
    }

    #lineupArea .allItems {
        display: none;
    }

    #lineupArea .topItems,
    #lineupArea .allItems .lineupFlex {
        display: flex;
        flex-wrap: wrap;
    }

    #lineupArea .lineupItem {
        box-sizing: border-box;
        width: 49%;
        min-height: 210px;
        margin-bottom: 2rem;
        padding-left: 1rem;
        padding-top: 1rem;
    }

    #lineupArea .lineupItem:nth-child(odd) {
        margin: 0 auto;
    }

    #lineupArea .lineupItem div.luSpec {
        max-width: 250px;
        width: 49%;
        padding-left: 0.5rem;
    }

    #lineupArea .lineupItemL {
        box-sizing: border-box;
        width: 100%;
        min-height: 210px;
        margin-bottom: 2rem;
        padding-left: 1rem;
        padding-top: 1rem;
    }

    #lineupArea .lineupItem div.luImg {
        width: 47%;
    }

    #lineupArea .lineupItemL div.luImg {
        width: 70%;
        text-align: center;
    }

    #lineupArea .lineupItemL div.luSpec {
        max-width: 250px;
        width: 25%;
        padding-left: 0.5rem;
    }

    div.luSpec p.luNameCap {
        display: block;
        padding-left: 1rem;
        font-size: 0.8rem;
    }

    div.luSpec div.luMaisu span.luColor {
        padding-left: 25px;
        font-size: 1.4rem;
    }

    div.luSpec div.luMaisu span.luMono {
        padding-left: 25px;
        font-size: 1.4rem;
    }

    div.luSpec div.luMaisu span.luMim {
        font-size: 1rem;
    }

    /*::::::::::::: LaterProduct :::::::::::::*/
    .laterProductArea {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .laterProductArea a {
        text-decoration: none;
    }

    .laterProductArea a:hover {
        text-decoration: underline;
    }

    .laterProductArea .laterProductLink {
        text-align: right;
    }

    /*::::::::::::: Contents Etc :::::::::::::*/
    #contentsEtc h2 {
        font-size: 1.8em;
        text-align: center;
    }

    .contEtcArea {
        padding: 3rem 7rem;
    }

    .contEtcArea .btnArea {
        /*        width: 969px;*/
        margin: 3rem auto 1rem;
    }

    .btnArea ul li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 1rem;
    }

    .btnArea ul li img {
        max-width: 315px;
        margin: 0 auto;
    }

    .btnArea ul li:nth-child(3n) {

        margin-right: 0;
    }

    .btnArea ul.spBtn {
        display: none;
    }


    /*::::::::::::: News Buntton :::::::::::::*/
    .newsBtnArea {
        padding: 2rem 7rem;
    }

    #downloadBtn h2 {
        font-size: 1.8em;
        text-align: center;
    }

    /*::::::::::::: NewsArea :::::::::::::*/
    #newsTopic h2 {
        font-size: 1.8em;
        text-align: left;
        line-height: 1.8;
        border-bottom: 1px solid #ccc;
        margin-bottom: 1em;
    }

    .newsTopicArea {
        margin-top: 120px;
        margin-bottom: 5rem;
    }

    .newsTopicArea a {
        text-decoration: none;
    }

    .newsTopicArea a:hover {
        text-decoration: underline;
    }

    .newsTp {
        margin-bottom: 1rem;
        height: 160px;
        border-bottom: 1px solid #ccc;
    }

    .newsTp ul li {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        margin-left: 1rem;
    }

    .newsTp ul li div.newsDate {
        width: 11%;
    }

    .newsTp ul li div.newsText {
        box-sizing: border-box;
        width: 85%;
        padding-right: 2rem;
        padding-left: 110px;
    }

    .newsTp ul li div.newsText a {
        /* margin-left: 1rem; *** modified by nii [2020/11/13] */
    }

    .newsTp ul li .newsProd {
        background: url("/business/sentaku/images/top/label_newproducts.png") no-repeat left top;
    }

    .newsTp ul li .newsSupport {
        background: url("/business/sentaku/images/top/label_support.png") no-repeat left top;
    }

    .newsTp ul li .newsTopic {
        background: url("/business/sentaku/images/top/label_newsTp.png") no-repeat left top;
    }

    .newsTp ul li .newsInform {
        background: url("/business/sentaku/images/top/label_newsInform.png") no-repeat left top;
    }

    .newsTopicArea .newsPageLink {
        text-align: right;
    }


    /*[add 2021/08/27]*/

    #remoteoperation_privacy_wrap #privacyPolicy {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2rem;
        padding-bottom: 3rem;
    }


    #remoteoperation_privacy_wrap #privacyPolicy h2 {
        font-size: 2.8rem;
        font-weight: 200;
        color: #535353;
        margin-bottom: 1.5rem;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .aboutTxt {
        font-size: 1.1rem;
        line-height: 1.6;
        text-align: left;
    }

    #remoteoperation_privacy_wrap #privacyPolicy h4 {
        padding-top: 1rem;
        font-size: 2rem;
        font-weight: 200;
        color: #535353;
        margin-bottom: 1rem;
    }


    #remoteoperation_privacy_wrap #privacyPolicy .itemTxt {
        margin-top: 30pt;
        margin-bottom: 30pt;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .itemTxt li {
        font-size: 1.1rem;
        line-height: 1.6;
        text-align: left;
        padding: 3px;
        margin: 3px 5px 3px 35px;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .itemTxt ol {
        font-size: 1.1rem;
        line-height: 1.6;
        text-align: left;
        padding: 10px;
        margin: 10px;
    }




    #remoteoperation_privacy_wrap #privacyPolicy table {
        border-collapse: collapse;
        margin: 1rem auto;
        width: 98%;
        text-align: left;
        line-height: 1;
        border: 1px solid #ccc;
    }

    #remoteoperation_privacy_wrap #privacyPolicy th {
        padding: 10px;
        font-weight: bold;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #eeeeee;
        text-align: center;
    }

    #remoteoperation_privacy_wrap #privacyPolicy td {
        padding: 6px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: left;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .dateTxt {
        text-align: right;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    /* メインビジュアル下お知らせリンク：黒 */
    .info-link-bk {
        margin: 2rem 0;
        font-size: 1.4rem;
    }

    /* メインビジュアル下お知らせリンク：黒 */
    .info-link-bk {
        padding: 0.5em;
        border: solid 1px #000;
        color: #000;
        text-align: center;
    }

    .info-link-bk a {
        color: inherit;
    }

}


/* ====================================
        SP Style
===================================== */
@media only screen and (max-width: 767px) {
    #contents__main--wrap {
        width: 100%;
    }

    .spNavBdPlus {
        border-top: 2px solid #d9d9d9 !important;
    }

    #global__tablinknavigation>li a>span {
        font-size: 0.9rem;
    }

    /* Line Up */
    .btnAll,
    .closeBtn {
        width: 100%;
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .btnAll a,
    .closeBtn a {
        padding: 0.8em 1.4em;
        width: auto;
        margin: 10px auto;
        cursor: pointer;
        border: 1px solid #CCC;
        border-radius: 5px;
        text-decoration: none;
    }

    .btnAll span,
    .closeBtn span {
        font-size: 1rem;
        margin-right: 0.5em;
    }

    .btnAll i,
    .closeBtn i {
        font-size: 1.2rem;
    }

    .closeBtnL {
        width: 100%;
        height: 70px;
    }

    .closeBtnL a {
        line-height: 70px;
    }

    .closeBtnL a i.ml5rem {
        margin-left: 0.5rem !important;
    }

    #lineupArea h2 {
        width: 96%;
        font-size: 1.8em;
        text-align: center;
        margin: 2rem auto 1.5rem;
    }

    #lineupArea .lineupWrap {
        width: 100%;
        margin: 0 auto;
    }

    #lineupArea .topItems,
    #lineupArea .newItems,
    #lineupArea .allItems .lineupFlex {
        display: block;
    }

    #lineupArea .allItems {
        display: none;
    }

    #lineupArea .lineupItem {
        box-sizing: border-box;
        min-height: 210px;
        width: 100%;
        margin-bottom: 1.5rem;
        padding-left: 1rem;
        padding-top: 1rem;
    }

    #lineupArea .lineupItem div.luImg {
        width: 40%;
    }

    #lineupArea .lineupItemL div.luImg {
        width: 100%;
        text-align: center;
    }

    #lineupArea .lineupItem div.luSpec {
        width: 51%;
        padding-left: 0.5rem;
    }

    /*    #lineupArea .lineupItemL div.luSpec{
        max-width: 250px;
        width: 51%;
        padding-left: 0.5rem;
        margin-left: 40%;
        margin-bottom: 1.2rem;
    }
    div.luSpec div.luMaisu span.luMim{
        font-size: 0.8rem;
    }*/
    #lineupArea .lineupItemL div.luSpec {
        width: 90%;
        padding-left: 0.5rem;
        margin: 1.2rem 5%;
    }

    div.luSpec p.luNameCap {
        display: block;
        padding-left: 1rem;
        font-size: 0.72rem;
    }

    div.luSpec div.luMaisu span.luColor {
        padding-left: 23px;
        font-size: 1.3rem;
    }

    div.luSpec div.luMaisu span.luMono {
        padding-left: 23px;
        font-size: 1.3rem;
    }

    div.luSpec div.luMaisu span.luMim {
        font-size: 0.8rem;
    }

    #lineupArea .lineupItemL div.luSpec div.luPriceBlock p.luPrice br {
        display: none;
    }


    /*::::::::::::: LaterProduct :::::::::::::*/
    .laterProductArea {
        margin: 0 2% 1em;
    }

    .laterProductArea .laterProductLink {
        text-align: right;
        margin-bottom: 1.5rem;
    }

    .laterProductArea a {
        text-decoration: none;
    }

    .laterProductArea a:hover {
        text-decoration: underline;
    }


    /*::::::::::::: Contents Etc :::::::::::::*/
    #contentsEtc h2,
    #downloadBtn h2 {
        font-size: 1.4em;
        text-align: center;
    }

    .contEtcArea {
        padding: 2rem 1rem;
    }

    .contEtcArea .btnArea {
        width: 100%;
        margin: 2rem auto;
    }

    .btnArea ul li {
        width: 48%;
        margin: 0 1% 1rem;
    }

    .btnArea ul.pcBtn {
        display: none;
    }

    /*::::::::::::: NewsArea :::::::::::::*/
    #newsTopic {
        margin: 0 2% 1em;
    }

    #newsTopic h2 {
        font-size: 1.8em;
        text-align: left;
        line-height: 1.8;
        border-bottom: 1px solid #ccc;
        margin-bottom: 1em;
    }

    .newsTp {
        margin-bottom: 1rem;
        height: 300px;
        border-bottom: 1px solid #ccc;
    }

    .newsTp ul li {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.5rem;
        margin-left: 1rem;
    }

    .newsTp ul li div.newsDate {
        width: 25%;
        font-size: 0.8em;
    }

    .newsTp ul li div.newsText {
        box-sizing: border-box;
        font-size: 0.8em;
        width: 75%;
        padding-left: 55px;
        padding-right: 1em;
        padding-bottom: 1em;
    }

    .newsTp ul li div.newsText a {
        /* margin-left: 1rem; *** modified by nii [2020/11/13] */
    }

    .newsTp ul li .newsProd {
        background: url("/business/sentaku/images/top/label_newproducts.png") no-repeat left top;
        background-size: 50px;
    }

    .newsTp ul li .newsSupport {
        background: url("/business/sentaku/images/top/label_support.png") no-repeat left top;
        background-size: 50px;
    }

    .newsTp ul li .newsTopic {
        background: url("/business/sentaku/images/top/label_newsTp.png") no-repeat left top;
        background-size: 50px;
    }

    .newsTopicArea .newsPageLink {
        text-align: right;
        margin-bottom: 1.5rem;
    }

    .newsBtnArea {
        padding: 2rem 1rem;
    }

    .newsTopicArea a {
        text-decoration: none;
    }

    .newsTopicArea a:hover {
        text-decoration: underline;
    }

    /*[add 2021/08/27]*/

    #remoteoperation_privacy_wrap #privacyPolicy {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 2rem;
        padding-bottom: 3rem;
    }


    #remoteoperation_privacy_wrap #privacyPolicy h2 {
        font-size: 2rem;
        font-weight: 200;
        color: #535353;
        margin-bottom: 1.5rem;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .aboutTxt {
        font-size: 1rem;
        line-height: 1.6;
        text-align: left;
    }

    #remoteoperation_privacy_wrap #privacyPolicy h4 {
        padding-top: 1rem;
        font-size: 1.6rem;
        font-weight: 200;
        color: #535353;
        margin-bottom: 1.5rem;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .itemTxt {
        margin-top: 20pt;
        margin-bottom: 20pt;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .itemTxt li {
        font-size: 1rem;
        line-height: 1.6;
        text-align: left;
        padding: 4px;
        margin: 4px;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .itemTxt ol {
        font-size: 1rem;
        line-height: 1.6;
        text-align: left;
        padding: 4px;
        /* 0px; */
        margin: 10 30 10 30;
    }

    #remoteoperation_privacy_wrap #privacyPolicy table {
        border-collapse: collapse;
        margin: 1rem auto;
        width: 98%;
        text-align: left;
        line-height: 1;
        border: 1px solid #ccc;
    }

    #remoteoperation_privacy_wrap #privacyPolicy th {
        padding: 10px;
        font-weight: bold;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #eeeeee;
        text-align: center;
    }

    #remoteoperation_privacy_wrap #privacyPolicy td {
        padding: 6px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: left;
    }

    #remoteoperation_privacy_wrap #privacyPolicy .dateTxt {
        text-align: right;
        font-size: 1rem;
        line-height: 1.6;
    }

    /* メインビジュアル下お知らせリンク：黒 */
    .info-link-bk {
        margin: 1rem 0 2rem;
        font-size: 1.2rem;
    }

    /* メインビジュアル下お知らせリンク：黒 */
    .info-link-bk {
        padding: 0.5em;
        border: solid 1px #000;
        color: #000;
        text-align: center;
    }

    .info-link-bk a {
        color: inherit;
    }

    .oldModel-ac {
        margin-top: 3rem;
    }

}

.ast {
	color: #2e98d0;
}