:root{
    --color1:#475c85;
    --color2:#dee3ed
}
#W-recommend{
    text-align:center;
    line-height:1.5
}
#W-recommend img{
    width:100%
}
#W-recommend .W-rec-center{
    text-align:center
}
#W-recommend .W-rec-que-wrap{
    padding:40px 0;
    margin:40px 0;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc
}
#W-recommend .W-rec-que-wrap+.W-rec-que-wrap{
    margin-top:0;
    padding-top:0;
    border-top:none
}
#W-recommend .W-rec-ttl-que{
	position: relative;
    margin-bottom:24px;
	padding-left: 100px;
	min-height: 100px;
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 22px;
}
#W-recommend .W-rec-ttl-que span {
	position: absolute;
	left: 0px;
	top: 0px;
	color: var(--color1);
    font-size: 40px;
    line-height: 1;
    font-weight: normal;
}
#W-recommend .W-rec-ttl-que span::after {
	position: absolute;
    top: 50px;
    left: 0px;
    display: block;
    content: '';
    width: 120px;
    border-bottom: solid 1px var(--color1);
    transform: rotate(-45deg);
}

#W-recommend .W-rec-select{
    display:none
}
#W-recommend .W-rec-list1{
    display:flex;
    justify-content:center;
    gap:24px
}
#W-recommend .W-rec-list1 input[type=radio]{
    position:absolute;
    appearance:none
}
#W-recommend .W-rec-list1 label{
    cursor:pointer;
    border:1px solid #333;
    color:#333;
    align-items:center;
    display:flex;
    font-size:1.125rem;
    justify-content:center;
    line-height:1.5;
    min-height:56px;
    padding:8px 20px;
    transition:background-color .3s;
    max-width:100%;
    width:calc(var(--unit-width)* 4 - var(--gutter-width)* -3) /*ミニファイ化対応で＋が使えない*/
}
#W-recommend .W-rec-list1 label:hover{
    background-color:#CCC
}
#W-recommend .W-rec-list1 input[type=radio]:checked+label{
    background-color:var(--color1);
    border-color:var(--color1);
    color:#FFF
}
#W-recommend .W-rec-bg{
    display:flex;
    flex-flow:row-reverse;
    gap:24px
}
#W-recommend .W-rec-bg .W-rec-bgimg{
    max-width:580px
}
#W-recommend .W-rec-list2{
    flex-grow:1;
    padding-left:100px;
    text-align:left;
    font-size:18px
}
#W-recommend .W-rec-list2 li{
    margin-bottom:16px
}
#W-recommend .W-rec-list2 input[type=radio],
#W-recommend .W-rec-list2 input[type=checkbox]{
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    height:1px;
    overflow:hidden;
    position:absolute;
    white-space:nowrap;
    width:1px
}
#W-recommend .W-rec-list2 input[type=radio]+label,
#W-recommend .W-rec-list2 input[type=checkbox]+label{
    position:relative;
    display:inline-block;
    padding-left:40px
}
#W-recommend .W-rec-list2 input[type=radio]+label::before,
#W-recommend .W-rec-list2 input[type=checkbox]+label::before{
    border:1px solid #333;
    pointer-events:none;
    content:"";
    display:block;
    height:24px;
    left:0;
    position:absolute;
    top:0;
    width:24px
}
#W-recommend .W-rec-list2 input[type=radio]:checked+label::before,
#W-recommend .W-rec-list2 input[type=checkbox]:checked+label::before{
    border:1px solid var(--color1)
}
#W-recommend .W-rec-list2 input[type=radio]:checked+label::after,
#W-recommend .W-rec-list2 input[type=checkbox]:checked+label::after{
    content:"";
    display:block;
    height:24px;
    left:0;
    position:absolute;
    top:0;
    width:24px;
    background:var(--color1) url(/etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_check.svg) no-repeat 50%
}
#W-recommend .W-rec-list2 input[type=checkbox]:disabled+label{
    color:#ccc
}
#W-recommend .W-rec-list2 input[type=checkbox]:disabled+label::before{
    border:1px solid #ccc
}
#W-rec-btn-restart,
#W-rec-btn-result{
    cursor:pointer;
    border:1px solid var(--color1);
    background-color:var(--color1);
    color:#fff;
    align-items:center;
    display:flex;
    font-size:1.125rem;
    text-decoration:none;
    justify-content:center;
    line-height:1.5;
    min-height:56px;
    margin:0 auto 32px;
    padding:8px 20px;
    transition:background-color .3s;
    max-width:100%;
    width:calc(var(--unit-width)* 4 - var(--gutter-width)* -3) /*ミニファイ化対応で＋が使えない*/
}
#W-rec-btn-restart:hover,#W-rec-btn-result:hover{
    background-color:#5973a6
}
#W-rec-btn-result.disable{
    text-decoration:none;
    cursor:default;
    border:1px solid #ccc;
    background-color:#ccc
}
#W-recommend .W-rec-continue{
    display:none;
    padding-top:60px;
    margin-bottom:40px;
    background:url(/content/dam/panasonic/jp/ja/wash/recommend/img/arrow.svg) no-repeat center top;
    background-size:80px auto;
    font-size:18px
}
#W-rec-result-wrap{
    display:none
}
#W-recommend .W-rec-result-txt1{
    padding-top:40px;
    margin-bottom:24px;
    background:url(/content/dam/panasonic/jp/ja/wash/recommend/img/arrow.svg) no-repeat center top;
    background-size:80px auto;
    font-size:36px
}
#W-recommend .W-rec-result-txt1 span{
    font-size:72px;
    line-height:60px
}
#W-recommend .W-rec-result-txt2{
    margin-bottom:24px;
    font-size:32px;
    font-weight:700;
    color:var(--color1)
}
#W-recommend .W-rec-result-txt3{
    font-size:16px!important;
    line-height:1.5!important;
    text-align:center!important;
    margin-bottom:16px
}
#W-recommend .W-rec-resultbox2 .W-rec-result-txt4{
	width: 100%;
    font-size:18px!important;
    line-height:1.5!important;
    text-align:center!important;
    margin-bottom:32px;
}

#W-recommend .W-rec-resultbox,
#W-recommend .W-rec-resultbox2{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    background-color:#fff;
    padding:48px
}
#W-recommend .W-rec-resultbox2{
	margin-top: 24px;
}
#W-recommend .W-rec-secondary .W-rec-resultbox{
    display:block
}
#W-recommend .W-rec-resultbox .W-rec-result-spec{
    max-width:675px;
    width:57%;
    overflow:hidden;
}
#W-recommend .W-rec-resultbox2 .W-rec-result-spec{
    max-width:710px;
    width:60%;
    overflow:hidden;
}
#W-recommend .W-rec-resultbox .W-rec-result-spec.W-rec-result-spec-l{
    max-width:722px;
    width:61%
}
#W-recommend .W-rec-resultbox .W-rec-result-spec .W-rec-result-model,
#W-recommend .W-rec-resultbox2 .W-rec-result-spec .W-rec-result-model{
    float:right;
    max-width:365px;
    width:54%;
    font-size:36px;
    font-weight:700;
    text-align:left;
    line-height:1;
    margin-bottom:16px
}
#W-recommend .W-rec-resultbox .W-rec-result-model span{
    font-size:16px;
    line-height:1;
    display:block
}
#W-recommend .W-rec-resultbox .W-rec-result-spec .W-rec-result-prodimg,
#W-recommend .W-rec-resultbox2 .W-rec-result-spec .W-rec-result-prodimg{
    float:left;
    max-width:294px;
    width:43.5%
}
#W-recommend .W-rec-resultbox .W-rec-result-spec-l .W-rec-result-prodimg{
    max-width:335px!important;
    width:46.4%!important
}
#W-recommend .W-rec-resultbox .W-rec-result-pict,
#W-recommend .W-rec-resultbox2 .W-rec-result-pict{
    float:right;
    max-width:365px;
    width:54%;
    margin-bottom:32px
}
#W-recommend .W-rec-resultbox2 .W-rec-result-pict{
    margin-bottom:24px;
}
#W-recommend .W-rec-resultbox .W-rec-result-spec-l .W-rec-result-model,
#W-recommend .W-rec-resultbox .W-rec-result-spec-l .W-rec-result-pict,
#W-recommend .W-rec-resultbox .W-rec-result-spec-l ul{
    width:50.5%!important
}
#W-recommend .W-rec-resultbox .W-rec-result-spec ul,
#W-recommend .W-rec-resultbox2 .W-rec-result-spec ul{
    float:right;
    max-width:365px;
    width:54%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:4px
}
#W-recommend .W-rec-resultbox .W-rec-result-spec ul li,
#W-recommend .W-rec-resultbox2 .W-rec-result-spec ul li{
    display:flex;
	flex-wrap: wrap;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    background-color:var(--color1);
    color:#fff;
    font-size:16px;
    line-height:1.25;
    font-weight:700;
    width:calc(50% - 2px);
    min-height:50px;
    padding:4px
}
#W-recommend .W-rec-resultbox .W-rec-result-spec ul li span,
#W-recommend .W-rec-resultbox2 .W-rec-result-spec ul li span {
    font-size:11px;
}
#W-recommend .W-rec-resultbox .W-rec-result-spec ul li.disable,
#W-recommend .W-rec-resultbox2 .W-rec-result-spec ul li.disable{
    background-color:#e6e6e6
}
#W-recommend .W-rec-resultbox .W-rec-result-feature,
#W-recommend .W-rec-resultbox2 .W-rec-result-feature{
    max-width:414px;
    width:35%;
    text-align:left
}
#W-recommend .W-rec-resultbox2 .W-rec-result-feature{
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
#W-recommend .W-rec-resultbox .W-rec-reason,
#W-recommend .W-rec-resultbox .W-rec-feature,
#W-recommend .W-rec-resultbox2 .W-rec-reason,
#W-recommend .W-rec-resultbox2 .W-rec-feature{
    padding-bottom:16px;
    border-bottom:dashed 1px #ccc;
    margin-bottom:16px
}
#W-recommend .W-rec-resultbox .W-rec-feature-fixed{
	display: block !important;
}
#W-recommend .W-rec-resultbox.W-rec-primary{
    margin-bottom:40px
}
#W-recommend .W-rec-resultbox.W-rec-primary .W-rec-result-feature>p{
    font-size:16px;
    font-weight:700;
    margin-bottom:16px
}
#W-recommend .W-rec-resultbox .W-rec-result-feature .W-rec-feature-ttl{
    display:inline-block;
    font-size:20px;
    line-height:1;
    padding-left:8px;
    margin-bottom:16px;
    color:var(--color1);
    border-left:solid 8px var(--color1)
}
#W-recommend .W-rec-resultbox .W-rec-result-feature .W-rec-feature-note{
    font-size:14px;
    margin-top:16px
}
#W-recommend .W-rec-resultbox .W-rec-result-feature .W-rec-feature-note a{
    text-decoration:none
}
#W-recommend .W-rec-resultbox .W-rec-result-feature .W-rec-feature-note a::after{
    display:inline-block;
    margin-left:8px;
    content:'';
    background:url(/etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_arrow.svg) no-repeat center center;
    background-size:contain;
    width:14px;
    height:14px
}
#W-recommend .W-rec-resultbox .W-rec-result-feature .W-rec-feature-note a:hover{
    text-decoration:underline dotted
}
#W-recommend .W-rec-pattern{
 /*   display:none;*/
    margin-bottom:60px
}
#W-recommend .W-rec-resultbox .W-rec-btn-prodlink,
#W-recommend .W-rec-resultbox2 .W-rec-btn-prodlink{
    width:100%;
    text-align:center;
    margin:40px auto 0
}
#W-recommend .W-rec-resultbox .W-rec-btn-prodlink a,
#W-recommend .W-rec-resultbox2 .W-rec-btn-prodlink a{
    cursor:pointer;
    border:1px solid #333;
    border-radius:112px;
    background-color:#333;
    color:#fff;
    align-items:center;
    display:flex;
    font-size:1.125rem;
    text-decoration:none;
    justify-content:center;
    line-height:1.5;
    min-height:56px;
    margin:0 auto;
    padding:8px 20px;
    transition:background-color .3s;
    max-width:100%;
    width:calc(var(--unit-width)* 4 - var(--gutter-width)* -3) /*ミニファイ化対応で＋が使えない*/
}
#W-recommend .W-rec-resultbox .W-rec-btn-prodlink a:hover,
#W-recommend .W-rec-resultbox2 .W-rec-btn-prodlink a:hover{
    background-color:#666;
    border-color:#666
}
#W-recommend .W-rec-root{
    border:solid 1px #333;
    padding:32px;
    margin:24px 0 60px;
    text-align:center
}
#W-recommend .W-rec-root>p:first-child{
    font-size:26px;
    margin-bottom:16px
}
#W-recommend .W-rec-root>p{
    font-size:20px
}
#W-recommend .W-rec-secondary{
    display:flex;
    justify-content:space-between;
    gap:48px
}
#W-recommend .W-rec-secondary .W-rec-resultbox{
    width:calc(50% - 24px);
    padding:40px
}
#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec{
    width:100%;
    margin-bottom:32px
}
#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-model{
    max-width:332px;
    width:62%;
    font-size:32px;
    margin-bottom:8px
}
#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-prodimg{
    max-width:188px;
    width:35%
}
#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-pict{
    max-width:332px;
    width:62%;
    margin-bottom:24px
}
#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec ul{
    max-width:332px;
    width:62%
}
#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec ul li{
    font-size:15px;
    line-height:1.25;
    min-height:45px
}
#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec ul li span{
	font-size: 10px;
}
#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-feature{
    max-width:100%;
    width:100%
}
#W-recommend .W-rec-primary.W-rec-resultbox .W-rec-feature2,#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-feature{
    font-size:18px;
    text-align:left
}
#W-recommend .W-rec-primary.W-rec-resultbox .W-rec-feature2 li,#W-recommend .W-rec-resultbox .W-rec-result-feature li{
    margin-top:8px
}
#W-recommend .W-rec-primary.W-rec-resultbox .W-rec-feature2 li::before,#W-recommend .W-rec-resultbox .W-rec-result-feature li::before{
    content:'';
    width:14px;
    height:14px;
    display:inline-block;
    border-radius:8px;
    background-color:var(--color1);
}
#W-recommend .W-rec-bnarea {
	margin-top: 40px;
}

@media screen and (max-width:1199px){
    #W-recommend .W-rec-bg .W-rec-bgimg{
        max-width:515px;
        width:calc(50% - 12px)
    }
    #W-recommend .W-rec-list2{
        padding-left:0
    }
    #W-recommend .W-rec-resultbox,
    #W-recommend .W-rec-resultbox2{
        padding:32px
    }
    #W-recommend .W-rec-resultbox .W-rec-secondary{
        display:flex;
        justify-content:space-between;
        gap:48px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-pict{
        margin-bottom:24px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec{
        width:60%
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec ul li{
        font-size:14px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec ul li{
        font-size:13px
    }
}
@media screen and (max-width:992px){
    #W-recommend .W-rec-resultbox,
    #W-recommend .W-rec-resultbox2{
        padding:24px
    }
    #W-recommend .W-rec-secondary{
        flex-wrap:wrap;
        gap:24px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox{
        width:calc(50% - 12px);
        padding:24px
    }
    #W-recommend .W-rec-secondary .W-rec-result-spec{
        width:100%;
        margin-bottom:24px;
        text-align:center
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec ul li{
        font-size:13px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-model{
        max-width:100%;
        width:100%;
        font-size:28px;
        margin-bottom:16px;
        text-align:center
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-prodimg{
        float:none;
        max-width:60%;
        width:60%;
        margin:0 auto 16px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-pict{
        max-width:100%;
        width:100%;
        margin-bottom:16px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec ul{
        max-width:100%;
        width:100%
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec ul li{
        line-height:1.25;
        height:42px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-feature{
        max-width:100%;
        width:100%
    }
    #W-recommend .W-rec-primary.W-rec-resultbox .W-rec-feature2,
	#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-feature{
        font-size:16px
    }
    #W-recommend .W-rec-resultbox .W-rec-btn-prodlink a,
    #W-recommend .W-rec-resultbox2 .W-rec-btn-prodlink a{
        width:calc(var(--unit-width)* 8 - var(--gutter-width)* -7) /*ミニファイ化対応で＋が使えない*/
    }
    #W-recommend .W-rec-secondary .W-rec-btn-prodlink a{
        width:100%
    }
}
@media screen and (max-width:767.9px){
    #W-recommend .W-rec-que-wrap{
        padding:32px 0;
        margin:32px 0
    }
    #W-recommend .W-rec-ttl-que{
        font-size:18px;
		padding: 16px 0 0 60px;
    }
	#W-recommend .W-rec-ttl-que span {
		font-size: 30px;
	}
	#W-recommend .W-rec-ttl-que span::after {
		top: 30px;
		left: 0px;
		width: 90px;

	}
    #W-recommend .W-rec-list1{
        gap:16px
    }
    #W-recommend .W-rec-list1 label{
        width:calc(var(--unit-width)* 6 - var(--gutter-width)* -5) /*ミニファイ化対応で＋が使えない*/
    }
    #W-recommend .W-rec-bg{
        flex-flow:column;
        gap:16px
    }
    #W-recommend .W-rec-bg .W-rec-bgimg{
        max-width:70%;
        width:70%;
        margin-left:auto;
        margin-right:auto
    }
    #W-recommend .W-rec-list2{
        padding-left:0;
        font-size:16px
    }
    #W-recommend .W-rec-list2 li{
        margin-bottom:12px
    }
    #W-recommend .W-rec-list2 input[type=checkbox]+label{
        padding-left:28px
    }
    #W-recommend .W-rec-list2 input[type=checkbox]+label::before{
        height:20px;
        width:20px
    }
    #W-recommend .W-rec-list2 input[type=checkbox]:checked+label::after{
        height:20px;
        width:20px
    }
    #W-rec-btn-result,#W-rec-btn-restart{
        margin-bottom:24px;
        width:calc(var(--unit-width)* 8 - var(--gutter-width)* -7) /*ミニファイ化対応で＋が使えない*/
    }
    #W-recommend .W-rec-resultbox2 .W-rec-result-txt4{
        font-size:16px!important;
        line-height:1.5!important;
        text-align:left!important;
        margin-bottom:16px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec,
    #W-recommend .W-rec-resultbox2 .W-rec-result-spec{
        max-width:100%;
        width:100%;
        margin-bottom:32px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec.W-rec-result-spec-l{
        max-width:100%;
        width:100%
    }
    #W-recommend .W-rec-resultbox .W-rec-result-feature,
    #W-recommend .W-rec-resultbox2 .W-rec-result-feature{
        max-width:100%;
        width:100%
    }
}
@media screen and (max-width:575px){
    #W-recommend .W-rec-bg .W-rec-bgimg{
        max-width:100%;
        width:100%
    }
    #W-rec-btn-result,#W-rec-btn-restart{
        width:100%
    }
    #W-recommend .W-rec-continue{
        padding-top:40px;
        background:url(/content/dam/panasonic/jp/ja/wash/recommend/img/arrow.svg) no-repeat center top;
        background-size:60px auto;
        font-size:16px
    }
    #W-recommend .W-rec-result-txt1{
        padding-top:40px;
        margin-bottom:24px;
        background:url(/content/dam/panasonic/jp/ja/wash/recommend/img/arrow.svg) no-repeat center top;
        background-size:60px auto;
        font-size:22px;
        letter-spacing:-1px
    }
    #W-recommend .W-rec-result-txt1 span{
        font-size:50px;
        line-height:50px
    }
    #W-recommend .W-rec-result-txt2{
        margin-bottom:16px;
        font-size:20px
    }
    #W-recommend .W-rec-result-txt3{
        font-size:14px!important;
        line-height:1.5!important;
        text-align:center!important;
        margin-bottom:16px
    }
    #W-recommend .W-rec-resultbox,
    #W-recommend .W-rec-resultbox2{
        display:block;
        padding:24px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec .W-rec-result-model,
    #W-recommend .W-rec-resultbox2 .W-rec-result-spec .W-rec-result-model{
        float:none;
        max-width:100%;
        width:100%;
        font-size:28px;
        text-align:center
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec-l .W-rec-result-model,
    #W-recommend .W-rec-resultbox2 .W-rec-result-spec-l .W-rec-result-model{
        width:100%!important
    }
    #W-recommend .W-rec-resultbox .W-rec-result-model span{
        font-size:14px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec .W-rec-result-prodimg,
    #W-recommend .W-rec-resultbox2 .W-rec-result-spec .W-rec-result-prodimg{
        float:none;
        max-width:60%;
        width:60%;
        margin:0 auto 24px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec-l .W-rec-result-prodimg,
    #W-recommend .W-rec-resultbox2 .W-rec-result-spec-l .W-rec-result-prodimg{
        max-width:85%!important;
        width:85%!important
    }
    #W-recommend .W-rec-resultbox .W-rec-result-pict,
    #W-recommend .W-rec-resultbox2 .W-rec-result-pict{
        float:none;
        max-width:100%;
        width:100%;
        margin-bottom:16px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec ul,
    #W-recommend .W-rec-resultbox2 .W-rec-result-spec ul{
        float:none;
        max-width:100%;
        width:100%
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec ul li,
    #W-recommend .W-rec-resultbox2 .W-rec-result-spec ul li{
        font-size:13px;
        min-height:42px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-spec-l .W-rec-result-model,
	#W-recommend .W-rec-resultbox .W-rec-result-spec-l .W-rec-result-pict,
	#W-recommend .W-rec-resultbox .W-rec-result-spec-l ul{
        width:100%!important
    }
    #W-recommend .W-rec-resultbox.W-rec-primary .W-rec-result-feature>p{
        font-size:14px;
        margin-bottom:8px
    }
    #W-recommend .W-rec-resultbox .W-rec-result-feature .W-rec-feature-ttl{
        font-size:18px;
        margin-bottom:8px
    }
    #W-recommend .W-rec-pattern{
        margin-bottom:40px
    }
    #W-recommend .W-rec-btn-prodlink{
        margin:32px auto 0
    }
    #W-recommend .W-rec-resultbox .W-rec-btn-prodlink a,
    #W-recommend .W-rec-resultbox2 .W-rec-btn-prodlink a{
        min-height:48px;
        padding:10px 16px;
        font-size:16px;
        width:100%
    }
    #W-recommend .W-rec-root{
        padding:24px;
        margin:24px 0 40px
    }
    #W-recommend .W-rec-root>p:first-child{
        font-size:20px;
        margin-bottom:8px
    }
    #W-recommend .W-rec-root>p{
        font-size:16px
    }
    #W-recommend .W-rec-secondary{
        flex-wrap:wrap;
        gap:24px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox{
        width:100%;
        padding:24px
    }
    #W-recommend .W-rec-secondary .W-rec-result-spec{
        width:100%;
        margin-bottom:24px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-model{
        max-width:100%;
        width:100%;
        font-size:28px;
        margin-bottom:16px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-prodimg{
        max-width:60%;
        width:60%;
        margin-right:auto
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-pict{
        max-width:100%;
        width:100%;
        margin-bottom:16px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec ul{
        max-width:100%;
        width:100%
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-spec ul li{
        font-size:13px;
        line-height:1.25;
        height:42px
    }
    #W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-feature{
        max-width:100%;
        width:100%
    }
    #W-recommend .W-rec-primary.W-rec-resultbox .W-rec-feature2,
	#W-recommend .W-rec-secondary .W-rec-resultbox .W-rec-result-feature{
        font-size:16px
    }
}