@charset "UTF-8";

/* ====================================
        製品ページ共通スタイル
 ==================================== */
.has-arrow-left {
    padding-left: .75em;
    position: relative;
}

.has-arrow-left .fa-angle-right {
    position: absolute;
    top: .275em;
    left: 0;
}

.ttl .fa-window-restore {
    font-size: 0.8em;
}

/*20190523洗濯機ＳＰＥＣセンター揃え*/
.item-center {
    margin: 0 auto;
}
.item-center img {
    max-width: 100%;
}

/*20190523おすすめポイントホバー設定*/
section.features a {
    text-decoration: none;
}
section.features a {
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
}
section.features a:hover {
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity = 60);
    -ms-filter: "alpha(opacity=60)";
}
.flex-container.column2>.flex-item .hover{
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s;
    -ms-transition: 0.5s ease 0s;
}
.flex-container.column2>.flex-item .hover:hover{
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity = 60);
    -ms-filter: "alpha(opacity=60)";
}

/*20190523エコ表設定*/
.cost_table img, .cost_table_blue img, .cost_table_green img {
    width: auto;
}

.hover-none:hover{
    opacity: 1 !important;
}

.hover-none .fa-angle-right:before{
    content:"";
}
.hover-none .has-arrow-left{
    padding-left: 0;
}

/* ====================================
        スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
    article {
        padding-top: 4.6rem;
        position: relative;
    }
    .mts {
        margin-top: 2rem;
    }
    /* フレックスコンテナ */
    .flex-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .flex-container>.flex-item {
        width: 100%;
        margin-top: 3rem;
    }
    .flex-container>.flex-item:first-of-type {
        margin-top: 0;
    }
    /* フレックスコンテナ：イメージテキスト */
    .flex-container.img-text>.img-container, .flex-container.img-text>.text-container
    {
        width: 48%;
    }
    /* フレックスコンテナ：スマホ2列 */
    .flex-container.sp-column2 {
        font-size: 1.5rem;
    }
    .flex-container.sp-column2 .ttl {
        margin-top: 0.5em;
        font-size: 1.6rem;
        font-weight: 500;
    }
    .flex-container.column4 .text {
        margin-top: 0.5em;
    }
    .flex-container.sp-column2>.flex-item {
        width: 48%;
    }
    .flex-container.sp-column2>.flex-item:nth-of-type(-n+2) {
        margin-top: 0;
    }
    /* スマホイメージテキスト */
    .sp-column-img-text {
        font-size: 1.5rem;
    }
    .sp-column-img-text .ttl {
        font-size: 1.8rem;
        font-weight: 500;
    }
    .sp-column-img-text {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sp-column-img-text>.img-container, .sp-column-img-text>.text-container {
        width: 48%;
    }
    /* ページ製品ナビメニュー：トップ */
    #pageHeaderNavi {
        width: 100%;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 50;
    }
    #pageHeaderNavi.fix {
        position: fixed;
    }
    #pageHeaderNavi a {
        color: inherit;
        text-decoration: none;
    }
    #pageHeaderNavi .page-navi-wrap {
        width: 100%;
        background: rgba(0,0,0,0);
        position: relative;
        transition: all 0.2s ease 0.2s;
    }
    #pageHeaderNavi.menu-open .page-navi-wrap {
        background: rgba(0,0,0,0.2);
    }
    #pageHeaderNavi .page-navi-product-menu-title {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 4.6rem;
        padding-left: 5%;
        font-size: 2.4rem;
        font-weight: 700;
        background: #535353;
        -moz-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 8px -5px 8px rgba(0, 0, 0, 0.35);
        -o-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.35);
        -ms-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.35);
        box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.35);
        position: absolute;
        top: 0;
        z-index: 51;
    }
    #pageHeaderNavi .page-navi-product-menu-title a {
        display: flex;
        align-items: center;
        height: 100%;
    }
    #pageHeaderNavi .page-navi-container {
        width: 100%;
        padding-top: 4.6rem;
        display: none;
    }
    #pageHeaderNavi ul.list-page-navi {
        background: #535353;
        color: #fff;
    }
    #pageHeaderNavi ul.list-page-navi li {
        font-size: 1.6rem;
        border-top: solid 1px #434343;
    }
    #pageHeaderNavi ul.list-page-navi a {
        display: block;
        padding: 0.5em 5%;
        background: #535353;
        text-decoration: none;
        position: relative;
    }
    #pageHeaderNavi ul.list-page-navi a::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f054";
        display: inline-block;
        font-size: 1.4rem;
        line-height: 1;
        position: absolute;
        top: 50%;
        right: 5%;
        margin-top: -0.5em;
    }
    #pageHeaderNavi ul.list-page-navi a.active {
        /*font-weight: 700;*/
        background: #434343;
        color: #a0a0a0;
        pointer-events: none;
    }
    /* MENUボタン */
    .page-navi-product-menu .btn-menu {
        justify-content: center;
        width: 10rem;
        padding-left: 1em;
        font-size: 1.4rem;
        font-weight: normal;
        cursor: pointer;
        position: relative;
    }
    .page-navi-product-menu .btn-menu::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0d7";
        display: inline-block;
        font-size: 2rem;
        line-height: 1;
        position: absolute;
        top: 50%;
        left: 0.8em;
        margin-top: -0.5em;
    }
    .page-navi-product-menu .btn-menu::after {
        content: '';
        display: block;
        height: 80%;
        border-left: solid 1px #a0a0a0;
        position: absolute;
        top:10%;
        left: 0;
    }
    .page-navi-product-menu .btn-menu.menu-open::before {
        content: "\f0d8";
    }
    /* メニューボタン */
    .page-navi-product-menu .btn-close::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00d";
        display: inline-block;
        font-size: 2rem;
        line-height: 1;
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -0.5em;
    }
    .pc {
        display: none;
    }
}

/* ====================================
        PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {
    article {
        padding-top: 60px;
        position: relative;
    }
    .mts {
        margin-top: 4rem;
    }
    /* フレックスコンテナ */
    .flex-container {
        display: flex;
        flex-wrap: wrap;
    }
    /* フレックスコンテナ：ハーフ */
    .flex-container.half {
        justify-content: space-between;
    }
    .flex-container.half>.flex-item {
        width: 48%;
        margin-top: 4rem;
    }
    .flex-container.half>.flex-item:nth-of-type(-n+2) {
        margin-top: 0;
    }
    /* フレックスコンテナ：イメージテキスト */
    .flex-container.img-text {
        justify-content: space-between;
    }
    .flex-container.img-text>.img-container, .flex-container.img-text>.text-container
    {
        width: 48%;
    }
    /* フレックスコンテナ：特長 */
    .flex-container.column2 {
        justify-content: space-between;
    }
    .flex-container.column2>.flex-item {
        width: 48%;
        margin-top: 4rem;
    }

    .flex-container.column2>.flex-item:nth-of-type(-n+2),
    .flex-container.column2.patternC>.flex-item:nth-of-type(-n+2)    {
        margin-top: 0;
    }
    /* フレックスコンテナ：3列 */
    .products-sub-title + .flex-container.column3 {
        margin-top: 5rem;
    }
    .flex-container.column3 {
        font-size: 1.5rem;
    }
    .flex-container.column3 .ttl {
        font-size: 1.8rem;
        font-weight: 500;
    }
    .flex-container.column3>.flex-item {
        width: 31%;
        margin-left: 3.5%;
        margin-top: 2rem;
    }
    .flex-container.column3>.flex-item:nth-of-type(3n-2) {
        margin-left: 0;
    }
    .flex-container.column3>.flex-item:nth-of-type(-n+3) {
        margin-top: 0;
    }
    .column3.sp-column-img-text .ttl {
        margin-top: 1em;
    }
    /* フレックスコンテナ：4列 */
    .flex-container.column4 {
        font-size: 1.5rem;
    }
    .flex-container.column4 .ttl {
        margin-top: 0.5em;
        font-size: 1.6rem;
        font-weight: 500;
    }
    .flex-container.column4 .text {
        margin-top: 0.5em;
    }
    .flex-container.column4>.flex-item {
        width: 23.5%;
        margin-left: 2%;
        margin-top: 2rem;
    }
    .flex-container.column4>.flex-item:nth-of-type(4n-3) {
        margin-left: 0;
    }
    .flex-container.column4>.flex-item:nth-of-type(-n+4) {
        margin-top: 0;
    }
    /* ページ製品ナビメニュー */
    #pageHeaderNavi {
        width: 100%;
        height: 60px;
        background: #535353;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 50;
    }
    #pageHeaderNavi.fix {
        position: fixed;
    }
    .page-navi-product-menu a {
        display: flex;
        align-items: center;
        height: 100%;
        color: inherit;
        text-decoration: none;
    }
    .page-navi-product-menu a.hovering {
        opacity: 0.6;
    }
    .page-navi-product-menu .base-width-pc {
        display: flex;
    }
    .page-navi-product-menu-title {
        margin-right: 0.8em;
        font-size: 3rem;
        line-height: 1;
        font-weight: 700;
    }
    ul.list-page-navi {
        display: flex;
    }
    ul.list-page-navi li {
        font-size: 2rem;
        line-height: 1;
    }
    ul.list-page-navi a {
        padding: 1em 1.2em;
    }
    ul.list-page-navi a.active {
        background: rgba(255,255,255,0.2);
        pointer-events: none;
    }
    .page-navi-product-menu.navi-bottom {
        display: none;
    }
    /* メニューボタン */
    /*	.page-navi-product-menu .btn-close,*/
    .page-navi-product-menu .btn-menu {
        display: none;
    }
    .sp {
        display: none;
    }
}

/* ====================================
        IE印刷専用スタイル
===================================== */
@media print and (-ms-high-contrast: none) {
    .flex-container.column2 {
        display: block;
    }
    .flex-container.column2 .flex-item {
        margin-left: 3.5%;
        display: inline-block;
        vertical-align: top;
    }
    .flex-container.column2 .flex-item:nth-child(odd) {
        margin-left: 0;
    }
}

/* ====================================
        洗濯機専用スタイル20190523
===================================== */
@media print, screen and (min-width: 768px) {
    .iconlist {
        margin: 5px 0;
    }
    .caption {
        line-height: 1.4;
    }
    .iconlist li {
        display: inline-block;
    }
    .iconlist img {
        vertical-align: middle;
        max-width: 100%;
        width: auto;
        margin-right: 0.25em;
    }
    .cost_table, .cost_table_blue, .cost_table_green {
        text-align: center;
    }
    .cost_table .column1 {
        background-color: #f39118;
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .cost_table_blue .column1_blue {
        background-color: #009ddd;
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .cost_table_green .column1_green {
        background-color: #17b4aa;
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .cost_table .column1 .item,
    .cost_table_blue .column1_blue .item,
    .cost_table_green .column1_green .item {
        border-right: solid 2px #fff;
    }
    .cost_table .item, 
    .cost_table_blue .item, 
    .cost_table_green .item {
        display: table-cell;
        padding: 5px;
        vertical-align: middle;
    }
    .cost_table .column1 .item.cost,
    .cost_table_blue .column1_blue .item.cost,
    .cost_table_green .column1_green .item.cost {
        padding: 0;
        border: none;
    }
    .cost_table .column1 .itemcell {
        display: table-cell;
        background-color: #FDB557;
        border-left: dotted 2px #fff;
        padding: 17px;
    }
    .cost_table_blue .column1_blue .itemcell {
        display: table-cell;
        background-color: #5fb4e6;
        border-left: dotted 2px #fff;
        padding: 17px;
    }
    .cost_table_green .column1_green .itemcell {
        display: table-cell;
        background-color: #77c7be;
        border-left: dotted 2px #fff;
        padding: 17px;
    }
    .cost_table .column1 .headitem,
    .cost_table_blue .column1_blue .headitem,
    .cost_table_green .column1_green .headitem {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .cost_table .column2, 
    .cost_table_blue .column2, 
    .cost_table_green .column2 {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .cost_table .item.title {
        background-color: #f6e8d5;
    }
    .cost_table_blue .item.title_blue {
        background-color: #dfeefa;
    }
    .cost_table_green .item.title_green {
        background-color: #e4f2f0;
    }
    .cost_table .column2 .item {
        border-right: solid 2px #FB9918;
        border-bottom: solid 2px #FB9918;
    }
    .cost_table_blue .column2 .itemline_blue {
        border-right: solid 2px #009ddd;
        border-bottom: solid 2px #009ddd;
    }
    .cost_table_green .column2 .itemline_green {
        border-right: solid 2px #17b4aa;
        border-bottom: solid 2px #17b4aa;
    }    
    .cost_table .column2 .item.cost {
        border-left: dotted 2px #FB9918;
        border-bottom: solid 2px #FB9918;
        border-right: none;
    }
    .cost_table_blue .column2 .item.cost_blue {
        border-left: dotted 2px #009ddd;
        border-bottom: solid 2px #009ddd;
        border-right: none;
    } 

    .cost_table_green .column2 .item.cost_green {
        border-left: dotted 2px #17b4aa;
        border-bottom: solid 2px #17b4aa;
        border-right: none;
    }    

    .cost_table .column3,
    .cost_table_blue .column3,
    .cost_table_green .column3 {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .cost_table .column3 .item {
        border-right: solid 2px #FB9918;
        border-bottom: solid 2px #FB9918;
    }
    .cost_table_blue .column3 .itemline_blue {
        border-right: solid 2px #009ddd;
        border-bottom: solid 2px #009ddd;
    }    
    .cost_table_green .column3 .itemline_green {
        border-right: solid 2px #17b4aa;
        border-bottom: solid 2px #17b4aa;
    }    
    .cost_table .column3 .item.cost {
        border-left: dotted 2px #FB9918;
        border-bottom: solid 2px #FB9918;
        border-right: none;
    }
    .cost_table_blue .column3 .item.cost_blue {
        border-left: dotted 2px #009ddd;
        border-bottom: solid 2px #009ddd;
        border-right: none;
    }    
    .cost_table_green .column3 .item.cost_green {
        border-left: dotted 2px #17b4aa;
        border-bottom: solid 2px #17b4aa;
        border-right: none;
    }    
    .cost_table .item.noborder, .cost_table_blue .item.noborder, .cost_table_green .item.noborder{
        border-left: none;
        border-right: none;
    }
    .item .iconlist.caption{
        color:white;
        margin-bottom: 0;
    }
    .flex-item.item-center .img.resize img{
        max-width: 70%;
    }
    .list-product-icons .column2{
        width: 32%;
        margin: 0;
        margin-right: 2rem;
        margin-bottom: 2rem;
    }
    .list-product-icons .column2.crown{
        width: 27.5%;
    }
    .list-product-icons .column2.cocoro-logo{
        width: 31%;
    }
    .list-product-icons .column2.plasma{
        width: 65px;
    }
    .list-product-icons .column2+.column2.cocoro-logo{
        /*margin-left:2rem;*/        
    }
    .list-product-icons .column2+.column2.cocoro-logo.line2first{
        /*margin-left:0;*/ 
    }
}



@media only screen and (max-width: 767px) {
    .costTablewrap .disc.caption {
        margin-top: 1rem;
    }
    ul.disc {
        padding-left: 1.5em;
    }
    ul.disc li {
        text-indent: -1.5em;
    }
    .iconlist li {
        margin-top: 0.5em;
    }
    .iconlist img {
        vertical-align: middle;
        max-width: 100%;
        width: auto;
        margin-right: 0.25em;
    }
    .cost_table {
        display: table;
        table-layout: fixed;
        width: 100%;
        text-align: center;
        border-top: solid 2px #f39118;
        border-bottom: solid 2px #f39118;
        margin-top: 1em;
    }
    .cost_table_blue {
        display: table;
        table-layout: fixed;
        width: 100%;
        text-align: center;
        border-top: solid 2px #009ddd;
        border-bottom: solid 2px #009ddd;
        margin-top: 1em;
    }  
    .mt0{
        margin-top: 0 !important;
    }
    .cost_table_green {
        display: table;
        table-layout: fixed;
        width: 100%;
        text-align: center;
        border-top: solid 2px #17b4aa;
        border-bottom: solid 2px #17b4aa;
        margin-top: 1em;
    }
    .cost_table .column1 {
        vertical-align: top;
        display: table-cell;
        background-color: #f39118;
    }
    .cost_table_blue .column1_blue {
        vertical-align: top;
        display: table-cell;
        background-color: #009ddd;
    }    
    .cost_table_green .column1_green {
        vertical-align: top;
        display: table-cell;
        background-color: #17b4aa;
    }    
    .cost_table .item {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-top: solid 2px #f39118;
    }
    .cost_table_blue .item {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-top: solid 2px #009ddd;
    }
    .cost_table_green .item {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-top: solid 2px #17b4aa;
    }
    .cost_table .column1 .item,
    .cost_table_blue .column1_blue .item,
    .cost_table_green .column1_green .item {
        border-top: solid 2px #fff;
    }
    .cost_table .column1 .sptitle, .cost_table .column1 .cost,
    .cost_table_blue .column1_blue .sptitle, .cost_table_blue .column1_blue .cost,
    .cost_table_green .column1_green .sptitle, .cost_table_green .column1_green .cost {
        border-top: none;
    }
    .cost_table .item,
    .cost_table_blue .item, 
    .cost_table_green .item {
        height: 11rem;
    }
    .cost_table .item span,
    .cost_table_blue .item span,
    .cost_table_green .item span {
        display: table-cell;
        vertical-align: middle;
    }
    .item .iconlist.caption li{
        margin:0.3rem;
        color: white;
    }
    .cost_table .item img,
    .cost_table_blue .item img,
    .cost_table_green .item img {
        vertical-align: middle;
        max-width: 100%;
        width: auto;
    }
    .cost_table .item.title {
        background-color: #f6e8d5;
        border-top: none;
    }
    .cost_table_blue .item.title_blue {
        background-color: #dfeefa;
        border-top: none;
    }
    .cost_table_green .item.title_green {
        background-color: #e4f2f0;
        border-top: none;
    }
    .cost_table .column1 .cost .spheaditem,
    .cost_table_blue .column1_blue .cost .spheaditem,
    .cost_table_green .column1_green .cost .spheaditem {
        display: table-cell;
        width: 2em;
    }
    .cost_table .column1 .cost .headitem {
        display: table-cell;
        background-color: #f5ad57;
        border-top: dotted 2px #fff;
        vertical-align: middle;
    }
    .cost_table_blue .column1_blue .cost .headitem {
        display: table-cell;
        background-color: #5fb4e6;
        border-top: dotted 2px #fff;
        vertical-align: middle;
    }  
    .cost_table_green .column1_green .cost .headitem {
        display: table-cell;
        background-color: #77c7be;
        border-top: dotted 2px #fff;
        vertical-align: middle;
    }
    .cost_table .column2,
    .cost_table_blue .column2,
    .cost_table_green .column2 {
        vertical-align: top;
        display: table-cell;
    }
    .cost_table .column2 .item {
        border-right: solid 2px #f39118;
    }
    .cost_table_blue .column2 .item {
        border-right: solid 2px #009ddd;
    }
    .cost_table_green .column2 .item {
        border-right: solid 2px #17b4aa;
    }
    .cost_table .column2 .item.cost, .cost_table .column3 .item.cost {
        border-top: dotted 2px #f39118;
    }
    .cost_table_blue .column2 .item.cost_blue, .cost_table_blue .column3 .item.cost_blue {
        border-top: dotted 2px #009ddd;
    }  
    .cost_table_green .column2 .item.cost_green, .cost_table_green .column3 .item.cost_green {
        border-top: dotted 2px #17b4aa;
    }
    .cost_table .column3,
    .cost_table_blue .column3,
    .cost_table_green .column3 {
        vertical-align: top;
        display: table-cell;
    }
    .pc-only {
        display: none !important;
    }
    ul.star {
        margin-left: 2em;
    }
    ul.star li {
        text-indent: -2em;
    }

    /*20190523洗濯機ＳＰＥＣセンター揃え*/
    .item-center .img {
        text-align: center;
    }
    .item-center img {
        max-width: 100%;
        width: auto;
    }
    .flex-item.item-center .img.resize img{
        max-width: 100%;
    }
    .list-product-icons{
        flex-wrap: wrap;
    }
    .list-product-icons .column2{
        width: 46%;
        margin-right: 1rem
    }
    .list-product-icons .column2.crown,
    .list-product-icons .column2.cocoro-logo{
        width: 30%;
        min-width: 150px;
    }
    
    .list-product-icons .column2{
        margin-bottom: 1.5rem;
    }
    .list-product-icons .column2.plasma{
        width: 16%;
        min-width: 70px;
    }
}

/* ====================================
        洗濯機専用スタイル20190525
===================================== */

.list-product-icons img{
    max-width: 100%;
    width: auto;
}

.list-product-icons{
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.img.resize{
    text-align: center;
}
.column1_blue sup, .column1 sup, .column1_green sup{
    color: white;
}

/*----------コース一覧 ----------*/

.corselist img {
    width: auto;
}

.corselist-wrap{
    margin-top: 3rem;
}

.corselist sup{
    color: black;
}
.tr-lightblue{
    background-color: #5fb4e6 !important;
}
.tr-lightpink{
    background-color: #FFC8E6 !important;
}
.tr-lightyellow{
    background-color: #FDE896 !important;
}
.toptr{
    border-bottom: solid 2px #fff;
    display: block;
    width:100%;
    text-align: center;
    padding:5px;
    color: white;
}
.toptr-blue{
    background-color: #009ddd;
}
.toptr-pink{
    background-color: #FF98AC;
}
.toptr-yellow{
    background-color: #FB9918;
}
.headitem.ch-cell-sp.pink, 
.headitem.ch-cell-sp.pink .itemcell.ch-cell{
    background-color: #FFC8E6 !important;
}

@media only screen and (max-width: 767px) {
    .corselist {
        display: table;
        table-layout: fixed;
        width: 100%;
        text-align: center;
        border-top: solid 2px #009ddd;
        border-bottom: solid 2px #009ddd;
        margin-top: 1em;
    }  
    .corselist .column1 {
        vertical-align: top;
        display: table-cell;
        background-color: #009ddd;
    }    
    .corselist .item {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-top: solid 2px #009ddd;
    }
    .corselist .column1 .item{
        border-top: solid 2px #fff;
    }
    .corselist .column1 .sptitle, .corselist .column1 .cost{
        border-top: none;
    }
    .corselist .item{
        height: 6rem;
    }
    .corselist .item span{
        display: table-cell;
        vertical-align: middle;
    }
    .corselist .item img {
        vertical-align: middle;
        max-width: 100%;
        width: auto;
    }
    .corselist .item.title_blue {
        background-color: #dfeefa;
        border-top: none;
    }
    .corselist .column1 .cost .spheaditem{
        display: table-cell;
        width: 2em;
    }
    .corselist .column1 .cost .headitem {
        display: table-cell;
        background-color: #5fb4e6;
        border-top: dotted 2px #fff;
        vertical-align: middle;
    }  
    .corselist .column2 {
        vertical-align: top;
        display: table-cell;
    }
    .corselist .column2 .item {
        border-right: solid 2px #009ddd;
    }
    .corselist .column2 .item.cost_blue, 
    .corselist .column3 .item.cost_blue {
        border-top: dotted 2px #009ddd;
    }  
    .corselist .column3 {
        vertical-align: top;
        display: table-cell;
    }
    .border-top-solid-blue{
        border-top: solid 2px #009ddd !important;
    }
    .ch-cell-sp{
        border-top: solid 2px #fff !important;
        border-left: solid 2px #fff !important;
        padding: 5px;
    }
    .pinkline-sp{
        border-top: solid 2px #FF98AC !important;
        border-bottom: solid 2px #FF98AC !important;
    }
    .yellowline-sp{
        border-top: solid 2px #FB9918 !important;
        border-bottom: solid 2px #FB9918 !important;
    }
    .pinkline{
        border-top: solid 2px #FF98AC !important;
    }
    .yellowline{
        border-top: solid 2px #FB9918 !important;
    }
    .border-top-none{
        border-top: none !important;
    }
}

@media print , screen and (min-width: 768px) {
    .corselist{
        text-align: center;
    }
    .corselist .column1 {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .corselist .column1 .item {
        border-right: solid 2px #fff;
    }
    .corselist .item {
        display: table-cell;
        padding: 5px;
        vertical-align: middle;
    }
    .corselist .column1 .item.cost {
        padding: 0;
        border: none;
    }
    .corselist .column1 .itemcell {
        display: table-cell;
        background-color: #5fb4e6;
        border-left: dotted 2px #fff;
        padding: 17px;
    }
    .corselist .column1 .headitem{
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .corselist .column2{
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .corselist .item.title_blue {
        background-color: #dfeefa;
    }
    .corselist .column2 .itemline_blue {
        border-right: solid 2px #009ddd;
        border-bottom: solid 2px #009ddd;
    }
    .corselist .column2 .item.cost_blue {
        border-left: dotted 2px #009ddd;
        border-bottom: solid 2px #009ddd;
        border-right: none;
    } 
    .corselist .column3 {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .corselist .column3 .itemline_blue {
        border-right: solid 2px #009ddd;
        border-bottom: solid 2px #009ddd;
    }    
    .corselist .column3 .item.cost_blue {
        border-left: dotted 2px #009ddd;
        border-bottom: solid 2px #009ddd;
        border-right: none;
    }    
    .corselist .item.noborder{
        border-left: none;
        border-right: none;
    }

    .border-ri-solid-blue{
        border-right: solid 2px #009ddd !important;
    }
    .border-le-solid-blue{
        border-left: solid 2px #009ddd !important;
    }
    .border-le-solid-pink{
        border-left: solid 2px #FF98AC !important;
    }
    .border-ri-solid_title{
        border-right: solid 2px #fff !important;
    }
    .ch-cell{
        border-left:solid 2px #fff !important;
        border-top:solid 2px #fff !important;
        padding: 5px !important;
    }
    .br-pc::after {
        content: "\A" ;
        white-space: pre ;
    }
    .pinkline{
        border-right: solid 2px #FF98AC !important;
        border-bottom: solid 2px #FF98AC !important;
    }
    .yellowline{
        border-right: solid 2px #FB9918 !important;
        border-bottom: solid 2px #FB9918 !important;
    }
    .border-le-none{
        border-left: none !important;
    }
    .border-ri-none{
        border-right: none !important;
    }

}

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


/*has-sub-menu移植スタイル*/
@media only screen and (max-width: 767px) {
    #pageHeaderNavi.page-navi-product-menu ul.list-page-navi > li > a[data-accordion-target]::before {
        content: "\f067";
    }
    #pageHeaderNavi.page-navi-product-menu ul.list-page-navi > li > a.accordion-open[data-accordion-target]::before {
        content: "\f068";
    }
    #pageHeaderNavi .page-navi-accordion > ul li{
        font-size: 1.4rem;
    }
    #pageHeaderNavi .page-navi-accordion > ul > li:first-child {
        border-top: none;
    }
    #pageHeaderNavi .page-navi-accordion > ul > li > a {
        padding: 0.5em 5% 0.5em 8%;
    }
}