@charset "UTF-8";

@media screen and (max-width: 768px) {
    body {
        font-size: 3.385vw !important;
    }
}

@media screen and (min-width: 769px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .sp-hide {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    #headerSP {
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    #headerSP .logo img {
        vertical-align: top;
    }
}

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

#main {
    margin: 20px auto 0 auto;
    width: 960px;
    text-align: left;
}

@media screen and (max-width: 768px) {
    #main {
        width: auto;
        padding: 0 3.125vw;
    }
}

@media screen and (max-width: 768px) {
    #titleArea {
        height: 65px !important;
    }
}

@media screen and (max-width: 768px) {
    #titleArea h2 {
        width: auto !important;
        font-size: 25px !important;
        padding: 15px 0 0 15px !important;
    }
}

@media screen and (max-width: 768px) {
    #titleArea .inner {
        background-image: none !important;
        height: 65px !important;
        width: auto !important;
        min-width: auto !important;
    }
}

#side {
    float: right;
    margin: 0 0 40px 0;
    width: 220px;
}

#side h2 {
    margin: 0 0 20px 0;
    font-weight: normal;
    font-size: 16px;
}

#breadcrumb p {
    font-size: 85%;
}

@media screen and (max-width: 768px) {
    #breadcrumb p {
        display: none;
    }
}

#content_support {
    float: left;
    width: 675px;
}

@media screen and (max-width: 768px) {
    #content_support {
        float: none;
        width: auto;
    }
}

#content_support p {
    line-height: 170%;
}

@media screen and (max-width: 768px) {
    #content_support p {
        font-size: 2.995vw;
    }
}

#content_support .fl_l {
    float: left;
}

@media screen and (max-width: 768px) {
    #content_support .fl_l {
        float: none;
    }
}

#content_support .fl_r {
    float: right;
}

@media screen and (max-width: 768px) {
    #content_support .fl_r {
        float: none;
    }
}

#content_support .mt0 {
    margin-top: 0 !important;
}

#content_support .pt0 {
    padding-top: 0 !important;
}

#content_support .pt10 {
    padding-top: 10px !important;
}

#content_support .ml20 {
    margin-left: 20px;
}

#content_support .ml40 {
    margin-left: 40px;
}

#content_support .mt20 {
    margin-top: 20px;
}

#content_support .mb20 {
    margin-bottom: 20px;
}

#content_support .mb40 {
    margin-bottom: 40px;
}

#content_support .mb80 {
    margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
    #content_support .ml20 {
        margin-left: 2.604vw !important;
    }

    #content_support .ml40 {
        margin-left: 5.208vw !important;
    }

    #content_support .mt20 {
        margin-top: 2.604vw !important;
    }

    #content_support .mb20 {
        margin-bottom: 2.604vw !important;
    }

    #content_support .mb40 {
        margin-bottom: 5.208vw !important;
    }

    #content_support .mb80 {
        margin-bottom: 10.417vw !important;
    }
}

#content_support .fs_l {
    font-size: 17px;
}

@media screen and (max-width: 768px) {
    #content_support .fs_l {
        font-size: 3.646vw;
    }
}
#content_support a {
    transition: all 300ms 0s ease;
}
#content_support a img:hover {
    opacity: 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
}

#content_support a.underlink {
    text-decoration: underline;
}

#content_support a.underlink:hover {
    text-decoration: none;
}

#content_support .menubox {
    border: 1px solid #dacfbe;
}

#content_support .menubox h3 {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #dacfbe;
    background: #efeae4;
    text-align: center;
    line-height: 40px;
}

@media screen and (max-width: 768px) {
    #content_support .menubox h3 {
        padding: 3.797% 0;
        line-height: normal;
        font-size: 5vw;
        font-weight: bold;
    }
}

#content_support .menubox .inbox {
    padding: 20px;
}

@media screen and (max-width: 768px) {
    #content_support .menubox .inbox {
        padding: 3.125vw 3.125vw;
    }
    #content_support .menubox .inbox.inbox--pd {
        padding-top: 0;
    }
}
#content_support .menubox .inbox .outer {
    margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
    #content_support .menubox .inbox .outer {
        text-align: left;
        margin-bottom: 3.125vw;
    }
    #content_support .menubox .inbox .outer p {
        font-size: 1em;
    }
}

#content_support .menubox .inbox .txt1 {
    margin-left: 10px;
    width: 250px;
}

@media screen and (max-width: 768px) {
    #content_support .menubox .inbox .txt1 {
        margin-left: 0;
        width: auto;
    }
}

#content_support #smil20 ul.linkbox {
    margin-top: 10px;
}

#content_support #smil20 ul.linkbox li a {
    padding: 0 0 0 19px;
    background: url(../../support/images/arrow_01.gif) no-repeat 0px 8px;
    color: #09853d;
    font-weight: 900;
    line-height: 40px;
}

@media screen and (max-width: 768px) {
    #content_support #smil20 ul.linkbox li a {
        display: block;
        line-height: normal;
        font-size: 3.646vw;
        padding-left: 2.604vw;
        background-size: 1.953vw auto;
        background-position-y: 50%;
        margin-bottom: 1.302vw;
    }
    #content_support #smil20 ul.linkbox li:last-of-type a {
        margin-bottom: 0;
    }
}

#content_support #mokuteki {
    width: 100%;
}

@media screen and (max-width: 768px) {
    #content_support #mokuteki {
        float: none;
        width: auto;
        height: auto;
    }
}

#content_support #touroku {
    width: 100%;
}

@media screen and (max-width: 768px) {
    #content_support #touroku {
        float: none;
        width: auto;
        height: auto;
    }
}

#content_support #mokuteki .linkbox {
    display: inline-block;
    width: 300px;
    height: 134px;
    vertical-align: text-bottom;
}
#content_support #mokuteki .linkbox:nth-child(odd),
#content_support #touroku .linkbox:nth-child(odd) {
    border-right: 1px dashed #cebfa9;
    padding: 0 15px 15px 0;
}
#content_support #mokuteki .linkbox:nth-child(even),
#content_support #touroku .linkbox:nth-child(even) {
    padding: 0 0 15px 0;
    margin: 0 0 0 13px;
}

@media screen and (max-width: 768px) {
    #content_support #mokuteki .linkbox {
        width: auto;
        height: auto;
        padding: 2.125vw !important;
        margin: 0 !important;
    }
    #content_support #mokuteki .linkbox:nth-child(odd),
    #content_support #touroku .linkbox:nth-child(odd) {
        border: none;
    }
}

#content_support #mokuteki .linkbox a {
    display: block;
    padding: 0 0 0 0;
    color: #333;
}

#content_support #mokuteki .linkbox a:hover {
    opacity: 0.6;
}

#content_support #mokuteki .linkbox #qa {
    background: url(../../support/images/icon1_01.gif) no-repeat 0px 35px;
}

#content_support #mokuteki .linkbox #torisetsu {
    background: url(../../support/images/icon1_02.gif) no-repeat 0px 35px;
}
#content_support #mokuteki .linkbox #support_video {
    background: url(../../support/images/icon1_05.gif) no-repeat 0px 35px;
}

#content_support #mokuteki .linkbox a#jouken {
    margin-top: 5px;
    padding: 0 0 0 10px;
    text-decoration: underline;

}

@media screen and (max-width: 768px) {
    #content_support #mokuteki .linkbox a#jouken {
        font-size: 2.995vw;
        background-size: 0.938vw auto;
        background-position-y: 30%;
        padding-left: 2.604vw;
        padding-bottom: 1.302vw;
    }
}

#content_support #mokuteki .linkbox #repair {
    background: url(../../support/images/icon1_03.gif) no-repeat -3px 26px;
}

#content_support #mokuteki .linkbox #contact {
    background: url(../../support/images/icon1_04.gif) no-repeat 0px 35px;
}

@media screen and (max-width: 768px) {
    #content_support #mokuteki .linkbox #qa ,
    #content_support #mokuteki .linkbox #torisetsu ,
    #content_support #mokuteki .linkbox #repair ,
    #content_support #mokuteki .linkbox #support_video,
    #content_support #mokuteki .linkbox #contact {
        padding-left: 17.229vw;
        padding-top: 1.302vw;
        padding-bottom: 3.906vw;
        background-position-y: 30%;
        background-size: 13.021vw auto;
    }
}

#content_support #mokuteki .linkbox .title {
    margin: 0 0 0 70px;
    padding: 15px 0 10px 14px;
    background: url(../../support/images/arrow_02.gif) no-repeat 0px 23px;
    font-weight: 900;
    line-height: 30px;
}
#content_support #mokuteki .linkbox a#support_video .title {
    padding: 0px 0 15px 14px;
    background: url(../../support/images/arrow_02.gif) no-repeat 0px 8px;
}

@media screen and (max-width: 768px) {
    #content_support #mokuteki .linkbox .title {
        line-height: normal;
        font-size: 3.646vw;
        margin-left: 0;
        display: inline-block;
        padding: 0 0 0 2.604vw;
        background-size: 1.953vw auto;
        background-position-y: 50%;
    }
    #content_support #mokuteki .linkbox a#support_video .title {
        background-size: 1.953vw auto;
    }
}

#content_support #touroku .linkbox {
    display: inline-block;
    width: 284px;
    height: 134px;
    vertical-align: text-bottom;
}

@media screen and (max-width: 768px) {
    #content_support #touroku .linkbox {
        padding: 0 3.125vw 3.125vw !important;
        width: auto;
        height: auto;
        margin: 0 !important;
    }
}

#content_support #touroku .linkbox a.fs_l {
    padding: 15px 0 15px 40px;
    color: #333;
    font-weight: 900;
    line-height: 120%;
    display: block;
}
@media screen and (max-width: 768px) {
    #content_support #touroku .linkbox a.fs_l {
        padding: 2vw 0 3vw 0;
    }
}
#content_support #touroku img.priceinfo {
    width: 34px;
    margin-left: 10px;
    vertical-align: middle;
}
#content_support #touroku img.priceinfo:hover {
    opacity: 100;
}
@media screen and (max-width: 768px) {
    #content_support #touroku img.priceinfo {
        margin-left: 1.302vw;
    }
}

#content_support #touroku .linkbox #mypage {
    background: url(../../support/images/icon2_01.gif) no-repeat 0px 7px;
}

#content_support #touroku .linkbox #user {
    background: url(../../support/images/icon2_02.gif) no-repeat 0px 7px;
}

#content_support #touroku .linkbox #cms {
    background: url(../../support/images/icon2_03.gif) no-repeat 0px 7px;
}

#content_support #touroku .linkbox #clsmile {
    background: url(../../support/images/icon2_04.gif) no-repeat 0px 7px;
    letter-spacing: -1px;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    #content_support #touroku .linkbox #mypage ,
    #content_support #touroku .linkbox #user ,
    #content_support #touroku .linkbox #cms ,
    #content_support #touroku .linkbox #clsmile {
        display: inline-block;
        padding: 1.302vw 0 1.302vw 9.115vw !important;
        font-size: 3.646vw;
        background-size: 6.510vw auto;
        background-position-y: 17%;
    }

}

#content_support #touroku .touroku_info {
    margin: 30px 0 0 5px;
}

@media screen and (max-width: 768px) {
    #content_support #touroku .touroku_info {
        width: 100%;
        margin-left: 0;
    }
}

#content_support #search .productsimg {
    display: block;
    margin: 0 auto;
    width: 113px;
}

@media screen and (max-width: 768px) {
    #content_support #search .productsimg {
        width: auto;
        padding-top: 2.604vw;
        padding-bottom: 3.906vw;
    }
    #content_support #search .productsimg img {
        width: 14.714vw;
    }
}

#content_support #search #kitchen {
    float: left;
    padding: 10px 20px 10px 0;
    width: 183px;
    border-right: 1px dashed #cebfa9;
}

@media screen and (max-width: 768px) {
    #content_support #search #kitchen {
        float: none;
        width: auto;
        padding: 3.125vw;
        border-right: none;
        border-bottom: 1px dashed #cebfa9;
    }
}

#content_support #search #bath {
    float: left;
    padding: 10px 20px;
    width: 183px;
    border-right: 1px dashed #cebfa9;
}

@media screen and (max-width: 768px) {
    #content_support #search #bath {
        float: none;
        width: auto;
        padding: 3.125vw;
        border-right: none;
        border-bottom: 1px dashed #cebfa9;
    }
}

#content_support #search #wash {
    float: left;
    padding: 10px 0 10px 20px;
    width: 183px;
}

@media screen and (max-width: 768px) {
    #content_support #search #wash {
        float: none;
        padding: 3.125vw;
        width: auto;
    }
}

#content_support #search h4 {
    padding: 15px 0 15px 14px;
    background: url(../../support/images/arrow_02.gif) no-repeat 0px 23px;
    font-weight: 900;
    line-height: 30px;
}

@media screen and (max-width: 768px) {
    #content_support #search h4 {
        font-size: 3.646vw;
        display: inline-block;
        padding: 0 0 0 2.604vw;
        background-size: 1.953vw auto;
        background-position-y: 50%;
        text-align: center;
        margin-left: 3.906vw;
    }
}

#content_support #search .links {
    padding: 0 0 0 10px;
}

@media screen and (max-width: 768px) {
    #content_support #search .links {
        padding-left: 3.125vw;
    }
}

#content_support #search .links li {
    padding: 0 0 10px 10px;
    font-size: 15px;
}

@media screen and (max-width: 768px) {
    #content_support #search .links li {
        font-size: 3.646vw;
        background-size: 0.938vw auto;
        background-position-y: 30%;
        padding-left: 2.604vw;
        padding-bottom: 1.302vw;
    }
}

#content_support #search .links a {
    color: #333;
}

#content_support #important h3 {
    padding-left: 65px;
    width: 608px;
    background: url(../../support/images/icon6_01.gif) no-repeat 20px 7px #efeae4;
    text-align: left;
}

@media screen and (max-width: 768px) {
    #content_support #important h3 {
        padding-left: 13.021vw;
        width: auto;
        font-size: 5vw;
        font-weight: bold;
        background-position: 5% 50%;
        -webkit-background-size: 3.906vw auto;
        background-size: 3.906vw auto;
    }
}

#content_support #important dt {
    float: left;
    clear: both;
    width: 100px;
    line-height: 200%;
}

@media screen and (max-width: 768px) {
    #content_support #important dt {
        float: none;
        width: auto;
        display: block;
        font-size: 3.75vw;
    }
}

#content_support #important dd {
    float: left;
    width: 500px;
    line-height: 200%;
}

@media screen and (max-width: 768px) {
    #content_support #important dd {
        display: block;
        float: none;
        width: auto;
        margin-bottom: 2.604vw;
        font-size: 3.75vw;
    }
}

#content_support #important .all {
    width: 100%;
}

@media screen and (max-width: 768px) {
    #content_support #important .all {
        text-align: right;
    }
}

#content_support #important .all a {
    display: block;
    float: right;
    padding: 5px 0 0 15px;
    width: 100px;
    background: url(../../support/images/arrow_02.gif) no-repeat 0px 9px;
    line-height: 20px;
}

@media screen and (max-width: 768px) {
    #content_support #important .all a {
        float: none;
        display: inline-block;
        width: auto;
    }
}

/* ---------------------------------------------
*   ?E\i\?\￠\|\E???e
--------------------------------------------- */
.contact #content_support a {
    color: #333;
}

.contact #content_support h3.bar {
    margin-bottom: 30px;
    padding: 10px 10px 10px 30px;
    background: #d2c2ab;
    font-size: 20px;
}

.contact #content_support h4 {
    margin: 0 0 40px 0;
    padding: 10px 10px 10px 10px;
    border-left: solid 4px #d2c2ab;
    font-weight: normal;
    font-size: 18px;
}

.contact #content_support h4.type2 {
    margin: 0 0 20px 0;
}

.contact #content_support .area02 .tllBlock {
    margin-bottom: 40px;
    width: 670px;
}

.contact #content_support .area02 .mailBlock {
    margin-bottom: 40px;
    width: 670px;
}

.contact #content_support .area02 ul li {
    margin: 0 0 10px 0;
}

.contact #content_support .area02 ul li a {
    display: block;
    padding: 10px 0;
    width: 100%;
    background: url(../../support/images/icon_faq.gif) 25px 10px no-repeat #d2c2ab;
    text-align: center;
}

.contact #content_support .area02 .tllBlock div.tel {
    padding: 20px 40px 15px 40px;
    width: 592px;
    border: solid 1px #d2c2ab;
	display: flex;
	flex-wrap: wrap;
}

.contact #content_support .area02 .tllBlock div.tel_n {width: 360px; font-weight: bold; color: #d00c25; margin-bottom: 1em;}
.contact #content_support .area02 .tllBlock div.tel_n span{ margin-top: 1em; display: block;}
.contact #content_support .area02 .tllBlock .tel_t { width: 220px; margin-bottom: 1em;}
.contact #content_support .area02 .tllBlock .tel_t span{font-size: 90%;}
.contact #content_support .area02 .tllBlock .tel_d { width: 100%; border-top: solid 1px #d2c2ab; padding-top: 15px; text-align: center;}

@media screen and (max-width: 768px) {
    .contact #content_support .area02 .tllBlock div.tel_n {width: 100%; margin-bottom: 0; }
	.contact #content_support .area02 .tllBlock div.tel_n img{ width: 90%; padding: 0; margin: 0!important;}
	.contact #content_support .area02 .tllBlock div.tel_t {width: 100%;}
	.contact #content_support .area02 .tllBlock div.tel { width:  calc(100% - 20px); text-align: center; box-sizing: border-box;}
	}


.contact #content_support .area02 .mailBlock ul li.mail a {
    display: block;
    float: left;
    width: 316px;
    border: solid 1px #d2c2ab;
    background: url(../../support/images/icon_mail.gif) 25px 10px no-repeat;
}

.contact #content_support .area02 .mailBlock ul li.other a {
    display: block;
    float: left;
    margin: 0 0 0 35px;
    width: 315px;
    border: solid 1px #d2c2ab;
    background: url(../../support/images/icon_other.gif) 25px 10px no-repeat;
}

.contact #content_support .area02 .mailBlock dl.comment {
    display: block;
    margin: 10px 0 0 0;
}

.contact #content_support .area02 .mailBlock dl.comment dt, .area02 .mailBlock dl.comment dd {
    float: left;
    padding: 2px;
}

.contact #content_support .faq a {
    display: block;
    margin: 0 0 50px 0;
    padding: 10px 0;
    width: 100%;
    border: solid 1px #d2c2ab;
    background: url(../../support/images/icon_faq.gif) 150px 8px no-repeat;
    text-align: center;
}

.contact #content_support h4.type3 {
    margin: 0 0 20px 0;
    padding: 2px 10px 2px 10px;
    border-left: solid 7px #d2c2ab;
}

.contact #content_support #faqbox #kitchen {
    float: left;
    padding: 0 15px 0 0;
    width: 190px;
    border-right: 1px dashed #cebfa9;
    word-break: break-all;
}

.contact #content_support #faqbox #bath {
    float: left;
    padding: 0 15px 0 15px;
    width: 190px;
    border-right: 1px dashed #cebfa9;
    word-break: break-all;
}

.contact #content_support #faqbox #wash {
    float: left;
    padding: 0 0 0 15px;
    width: 190px;
    word-break: break-all;
}

#repair #content_support a {
    text-decoration: underline;
}

#repair #content_support a:hover {
    text-decoration: none;
}

#repair #faqbox .faqlist dt {
    float: left;
    clear: both;
    margin-bottom: 15px;
    width: 20px;
}

#repair #faqbox .faqlist dd {
    float: left;
    margin-bottom: 15px;
    width: 170px;
}

#repair #repairbox {
    padding: 15px;
    background: #f8f4f1;
}

#repair #repairbox h4 {
    margin: -5px 0 10px 0;
    padding: 10px 0 10px 35px;
    border: none;
    background: url(../../support/repair/images/index/icon_repair.png) no-repeat 0px 8px;
    font-size: 16px;
}

#repair table {
    border: #66543e 1px solid;
    border-collapse: collapse;
    font-size: 90%;
}

#repair #repairbox th,
#repair #repairbox td {
    padding: 8px;
    border: #66543e 1px solid;
}

#repair #repairbox th {
    background: #d2c2ab;
    font-weight: normal;
}

#repair #repairbox .inbox {
    margin-top: 20px;
    font-size: 90%;
}

#repair #repairbox .inbox dt {
    float: left;
    clear: both;
    width: 30px;
}

#repair #repairbox .inbox dd {
    float: left;
}

#repair #attentionredline {
    padding: 20px 30px;
    border: 1px #dd0000 solid;
}

#repair #attentionredline h4 {
    padding: 10px 0 10px 40px;
    border: none;
    background: url(../../support/repair/images/index/icon_attention1.gif) no-repeat 0px 6px;
    color: #dd0000;
}

#repair #attentionredline .list {
    float: left;
    margin: 0;
    padding: 0;
    width: 400px;
}

#repair #attentionredline .list li {
    margin-bottom: 10px;
    padding: 0 0 0 17px;
    background: url(../../support/repair/images/index/arrow1_1.gif) no-repeat 0px 5px;
    font-size: 90%;
}

#repair #formlinks .inbox {
    float: left;
    width: 325px;
    border: 1px #d1c2ab solid;
    background: #f8f4f1;
}

#repair #formlinks .inbox a {
    display: block;
    padding: 20px 0px;
    text-align: center;
    text-decoration: none;
    font-weight: 900;
    font-size: 16px;
}

#repair #formlinks .inbox a:hover {
    opacity: 0.6;
}

#repair #formlinks .inbox a img:hover {
    opacity: 1;
}

#repair #formlinks .inbox img {
    margin-top: 20px;
}

/* ---------------------------------------------
*   #side
--------------------------------------------- */
#wrapper #main #content {
    float: left!important;
}

#wrapper #main #side {
    float: right!important;
    width: 220px;
    margin:0 0 40px 0;
}

#wrapper #main #side h2 {
    font-size:16px;
    margin:0 0 20px 0!important;
    font-weight:normal;
}

/* -- \μ\?\E\E\OAU E≪?A\°\ic`IA×O -- */
#side a{
    color:#222;
}

#side ul {
    border-top:solid 1px #dedede;
    font-size:12px;
}

#side ul li{
    border-bottom:solid 1px #dedede;
    padding:10px 5px 10px 15px;
}

#side ul li a{
    color:#222;
}

#side ul.second {
    border-top:solid 1px #dedede;
    font-size:12px;
}

#side ul.second li{
    border-bottom:solid 1px #dedede;
    background:none;
    padding:0;
}

#side ul.second li a{
    border-bottom:solid 1px #dedede;
    padding:5px 5px 5px 15px;
    display:block;
}

#side ul.second li ul{
    border-top:none;
}

#side ul.second li ul li{
    border-bottom:dotted 1px #dedede;
}

#side ul.second li ul li.last{
    border-bottom:none;
}

#side ul.second li ul li a{
    border-bottom:none;
}

/* ---------------------------------------------
*   #side_support
--------------------------------------------- */
#side_support {
    float:right;
    margin:-3px 0 0 23px;
    width:260px;
}

@media screen and (max-width: 768px) {
    #side_support {
        display: none;
    }
}

#side_support h2 {
    height:74px; padding: 0 0 0 75px; line-height:74px;
    margin:0;
    letter-spacing:-1px;
}

#side_support a {
    color:#333;
}


#side_support ul.second {
    padding:0 0 0 30px; margin:0 0 30px 0 ;
}

#side_support ul.second li a{
    padding: 0 0 0 15px;
    line-height:30px;
    border-bottom:none;
}
#side_support ul.second li.indent_1em {
    margin-left: 1em;
}


/* ---------------------------------------------
*   menu-trigger
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .menu-trigger {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        -ms-flex-align: center;
        margin-left: auto;
        top: -4px;
        right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 12px;
        background-color: #fff;
        cursor: pointer;
        width: 13.2%;
        -webkit-box-pack: start;
        justify-content: start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
        margin-right: 3.75%;
    }
    .menu-trigger__txt {
        display: block;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        padding-top: 6.2vw;
        width: 6.73333vw;
        -webkit-background-size: 99% auto;
        background-size: 99% auto;
        height: 0;
        background-image: url(../images/menu.png);
        background-repeat: no-repeat;
    }

    .menu-trigger--opened .menu-trigger__txt {
        padding-top: 6.06667vw;
        width: 6.06667vw;
        background-size: 100% auto;
        background-image: url(../images/close.png);
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) and (orientation: landscape) {
    .menu-trigger {
        width: 11.2%;
    }
}

/* ---------------------------------------------
*   menu
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .menu {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        width: auto;
    }

    .menu__container {
        position: absolute;
        top: -40px;
        right: 0;
        z-index: 10;
        display: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 30px;
        width: 288px;
        background-color: rgba(110, 102, 85, 0.95);
    }

    .menu__inner {
        margin-bottom: 35px;
    }

    .menu__inner:last-child {
        margin-bottom: 0;
    }

    .menu__head {
        display: block;
        padding-bottom: 10px;
        padding-left: 12px;
        border-bottom: 1px solid #fff;
        background-image: url(../images/arrow.png);
        background-position: left top 6px;
        background-size: 8px 12px;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 16px;
    }

    .menu__list {
        padding-top: 10px;
    }

    .menu__list-item {
        margin-top: 5px;
        padding-left: 10px;
        background-image: url(../images/arrow.png);
        background-position: left top 6px;
        background-size: 5px 7px;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 13px;
    }
    .menu__list-item.indent_1em {
        margin-left: 1em;
    }
    .menu__list-item:first-child {
        margin-top: 0;
    }
}

.insta_cp{ margin:0 auto; max-width: 1280px; margin-bottom: 50px; margin-top: -40px;}
.insta_pc{ display: block;}
.insta_sp{ display: none;}
@media screen and (max-width: 768px) {
.insta_cp{ width: 94%; margin-top: -10px;margin-bottom: 30px;}
.insta_sp{ display: block;}
.insta_pc{ display: none;}
    }
    
.smile20_video {
    width: 370px;
    overflow: hidden;
}
.smile20_video iframe {
    border: 1px #c5c5c5 solid;
}
@media screen and (max-width: 768px) {
    .smile20_video iframe {
        width: 86vw;
        height: 48.5vw;
    }
}

.support_program_lbox {
    display: block;
}

#content_support #smil20 ul.linkbox.support_program_lbox li {
    margin-bottom: 0.5em;
}
#content_support #smil20 ul.linkbox.support_program_lbox li a {
    line-height: 1.2em;
}

@media screen and (max-width: 768px) {
    #content_support #smil20 ul.linkbox.support_program_lbox {
        margin-bottom: 2em;
    }
}

.qa_red {
    display: inline-block;
    font-size: 0.8em;
    color:#CC0000;
    padding-left: 1em !important;
    text-indent: -1em;
    margin-top: 0.5em;
    line-height: 1.4em;
}
.smile20_logo {
    margin: 0 auto 1em;
    padding: 0 1em 0 0;
}
@media screen and (max-width: 768px) {
    .qa_red {
        font-size: 1em;
    }
    .smile20_logo {
        padding: 0;
        margin: 0 auto 1em;
    }
}
#content_support #mokuteki p {
    padding: 0 0 0 70px;
}
#content_support #mokuteki .dod_border {
    border-bottom: 1px dashed #cebfa9;
    height: 145px;
}
#content_support #touroku .dod_border {
    border-bottom: 1px dashed #cebfa9;
    height: 145px;
}
@media screen and (max-width: 768px) {
    #content_support #mokuteki p {
        padding: 0;
    }
    #content_support #mokuteki .dod_border {
        height: auto;
        width: 67vw;
    }
    #content_support #touroku .dod_border {
        height: auto;
        width: 73vw;
    }
}

.linkbox_line2 {
    font-size: 0.8em;
}

.toruoku_link {
    display: block;
    width: 580px;
    padding: 0.6em;
    font-size: 1.25em;
    color: #fff;
    margin: 1.5em auto 0;
    text-align: center;
    font-weight: 700;
    background: url(../images/arrow_03.gif);
    background-position: left 33% top 46.5%;
    background-size: 10px 14px;
    background-repeat: no-repeat;
    background-color: #82b862;
}
@media screen and (max-width: 768px) {
    .toruoku_link {
        width: 78vw;
        background-position: left 20% top 46.5%;
    }
    #content_support #touroku p {
        margin-left: -3em;
    }
}

.login_link {
    font-size: 1.25em;
    text-align: center;
    margin-top: 0.5em;
}
.login_link a {
    margin-left: 1em;
    padding-left: 0.8em;
    background: url(../../support/images/arrow_02.gif) no-repeat 0px 8px;
    text-decoration: underline;
    color: #336633;
}
@media screen and (max-width: 768px) {
    .login_link a {
        background: url(../../support/images/arrow_02.gif) no-repeat 0px 0.3em;
        padding-left: 1em;
    }
    #content_support #touroku p.login_link {
        margin-top: 1em;
        margin-left: 0;
    }
}
.login_link a:hover {
    text-decoration: none;
}
#content_support #shopping {
    float: left;
    width: 48%;
    margin-bottom: 0;
}
#content_support #service {
    float: right;
    width: 48%;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    #content_support #shopping,
    #content_support #service {
        width: 100%;
        float: none;
    }
}
#shopping p.text_c,
#service p.text_c {
    display: block;
    text-align: center;
}
#onlineshopping p.text_c img,
#servicemenu p.text_c img {
    margin-bottom: 1em;
}
#onlineshopping p.text_c img:hover,
#servicemenu p.text_c img:hover {
    opacity: 1;
}
#onlineshopping p.text_c a:hover,
#servicemenu p.text_c a:hover {
    opacity: 0.6;
}

#onlineshopping p.text_l,
#servicemenu p.text_l {
    display: block;
    text-align: left;
}
@media screen and (max-width: 768px) {
    #onlineshopping p.text_l,
    #servicemenu p.text_l {
        font-size: 3.5vw;
    }
}
#onlineshopping a.title {
    display: block;
    font-weight: bold;
    margin: 0.7em 0;
    padding: 0 0 10px 14px;
    background: url(../../support/images/arrow_02.gif) no-repeat 8px 80px;
    font-size: 1.1em;
}
#servicemenu a.title {
    display: block;
    font-weight: bold;
    margin: 0.7em 0;
    padding: 0 0 10px 14px;
    background: url(../../support/images/arrow_02.gif) no-repeat 47px 80px;
}
@media screen and (max-width: 768px) {
    #onlineshopping a.title,
    #servicemenu a.title {
        font-size: 4.5vw;
    }
    #onlineshopping a.title {
        background: url(../../support/images/arrow_02.gif) no-repeat 18px 80px;
    }
    #servicemenu a.title {
        background: url(../../support/images/arrow_02.gif) no-repeat 70px 80px;
    }

}

#onlineshopping,
#servicemenu {
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #cebfa9;
}
.kitchen_links li:first-child {
    margin-top: 1.5em;
}
.kitchen_links li {
    border-top: 1px dashed #cebfa9;
}
.kitchen_links li a{
    display: block;
    padding: 35px 0 35px 85px;
}
.kitchen_links li a:hover {
    opacity: 0.6;
}
@media screen and (max-width: 768px) {
    .kitchen_links li a{
        padding: 25px 0 25px 100px;
        font-size: 3.646vw;
    }
}
.kitchen_links li.shopping_cartridge {
    background: url(../../support/images/icon5_1.gif) no-repeat 3px 25px;
}
.kitchen_links li.shopping_option {
    background: url(../../support/images/icon5_2.gif) no-repeat 3px 25px;
}
.kitchen_links li.shopping_accessory {
    background: url(../../support/images/icon5_3.gif) no-repeat 3px 25px;
}
.kitchen_links li.shopping_lid {
    background: url(../../support/images/icon5_4.gif) no-repeat 3px 25px;
}
.kitchen_links li.shopping_cooking {
    background: url(../../support/images/icon5_5.gif) no-repeat 3px 25px;
}
@media screen and (max-width: 768px) {
    .kitchen_links li.shopping_cartridge {
        background: url(../../support/images/icon5_1.gif) no-repeat 18px 15px;
    }
    .kitchen_links li.shopping_option {
        background: url(../../support/images/icon5_2.gif) no-repeat 18px 15px;
    }
    .kitchen_links li.shopping_accessory {
        background: url(../../support/images/icon5_3.gif) no-repeat 18px 15px;
    }
    .kitchen_links li.shopping_lid {
        background: url(../../support/images/icon5_4.gif) no-repeat 18px 15px;
    }
    .kitchen_links li.shopping_cooking {
        background: url(../../support/images/icon5_5.gif) no-repeat 18px 15px;
    }
}


.kitchen_links li.service_cleaning {
    border: none;
    background: url(../../support/images/icon6_1.gif) no-repeat 3px 20px;
}
.kitchen_links li.service_kiki,
.kitchen_links li.service_buzai,
.kitchen_links li.service_atozuke,
.kitchen_links li.service_bath {
    padding: 13px 0;
}
.kitchen_links li.service_kiki {
    background: url(../../support/images/icon6_2.gif) no-repeat 3px 32px;
}
.kitchen_links li.service_buzai {
    background: url(../../support/images/icon6_3.gif) no-repeat 3px 32px;
}
.kitchen_links li.service_atozuke {
    background: url(../../support/images/icon6_4.gif?v=1) no-repeat 3px 32px;
}
.kitchen_links li.service_bath {
    background: url(../../support/images/icon6_5.gif) no-repeat 3px 32px;
}


@media screen and (max-width: 768px) {
    .kitchen_links li.service_kiki,
    .kitchen_links li.service_buzai,
    .kitchen_links li.service_atozuke,
    .kitchen_links li.service_bath {
        padding: 5px 0;
    }
    .kitchen_links li.service_cleaning {
        background: url(../../support/images/icon6_1.gif) no-repeat 18px 10px;
    }
    .kitchen_links li.service_kiki {
        background: url(../../support/images/icon6_2.gif) no-repeat 18px 17px;
    }
    .kitchen_links li.service_buzai {
        background: url(../../support/images/icon6_3.gif) no-repeat 18px 17px;
    }
    .kitchen_links li.service_atozuke {
        background: url(../../support/images/icon6_4.gif) no-repeat 18px 17px;
    }
    .kitchen_links li.service_bath {
        background: url(../../support/images/icon6_5.gif) no-repeat 18px 17px;
    }

}