#customize.dyfResult div.mainContents.notExNav.migration article{
    width: 100%;
}

.search-customize{
	clear:both;
}
@media screen and (max-width: 909px) {
    #customize.dyfResult div.mainContents.notExNav.migration article {
        width: auto;
    }
}
div.mainContents.migration article {
    padding-bottom: 0;
}

.migration article .newContents.rwd {
    padding: 0 ;
    margin: 0 auto 60px;
    width: calc(100% - 80px);
}

@media screen and (max-width: 909px) {
    .migration article .newContents.rwd {
        max-width: 630px;
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 599px) {
    .migration article .newContents.rwd {
        width: 100%;
        padding: 0;
    }
    #customize .productInfoMain{
        padding: 0 15px;
        width: calc(100% - 30px);
    }
    #customize .newContents .productdetail .withImgCol{
        padding: 0 16px;
        width: calc(100% - 30px);
    }
}



.comment-wrap {
    display: flex;
}

.search-customize {
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}

@media screen and (max-width: 909px) {
    .search-customize {
        display: block;
    }
}


.newContents .search-customize {
    border: none;
}
.newContents .search-customize li {
    border: solid 1px #e2e2e2;
    border-right: 0;
    border-left: 0;
    margin: 0;
}
.newContents .search-customize li:first-child {
    border-bottom: none;
}
.newContents .search-customize li:last-child {
    border-top: none;
}

.newContents .search-customize li {
    margin: 0 10px;
}

.newContents .search-customize li a {
    text-decoration: none;
    padding: 20px 20px 20px 0px;
    position: relative;
    display: block;
}

@media screen and (max-width: 909px) {
    .newContents .search-customize li a {
        padding: 15px 50px 15px 10px;
    }
}

.newContents .search-customize li a:after {
    content: '';
    background: url(/common/images/arrow-normal.gif) no-repeat;
    display: inline-block;
    position: absolute;
    width: 7px;
    height: 12px;
    top: 52%;
    right: 0%;
    transform: translateY(-50%);
}
@media screen and (max-width: 909px) {
    .newContents .search-customize li a:after {
        right: 5%;
    }
}

#customize .newContents .productdetail a.arrow {
    background: none;
}

#customize .newContents .productdetail a.arrow:hover {
    background: none;
}

.productInfo-wrap {
    display: flex;
}
.commentList{
    white-space:pre-wrap;
}
@media screen and (max-width: 909px) {
    .commentWrap {
        display: block;
    }
}

@media screen and (max-width: 909px) {
    .productInfo-wrap {
        display: block;
    }
    #customize .newContents .productdetail h1 {
        margin: 0 15px 25px 15px;
        font-size: 18px;
    }
    #customize .newContents .productdetail .productInfo .imgS img {
        margin: 0 !important;
    }
    #customize .newContents .productdetail .productImg {
        margin: 0 auto;
        text-align: center;
    }
    div.withImgCol .txtR {
        margin: 0 0px;
    }
    .popupElement.commentOverlay {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2em;
    }
    .popupElement.commentOverlay .productInfo.rwd {
        min-height: initial;
        width: auto;
    }
    .annotation.rwd {
        margin: 0 10px 2em;
		width:330px;
    }
    article .newContents .withImgCol p img {
        display: inline;
        vertical-align: middle;
        max-width: 330px;
    }
    .popupElement.commentOverlay .item {
        width: 100%;
    }
    .popupElement.commentOverlay .item .productInfo{
        width: 90%
    }
    .popupElement.commentOverlay .item .productInfo .productImg{
        width: 90%
    }
}

@media screen and (max-width: 909px) {
    #customize .newContents .productdetail .withImgCol {
        width: 100%;
    }
}

.newContents .withImgCol .imgL {
    float: none;
}

#customize .newContents .productdetail .withImgCol .commentArea {
    overflow: hidden;
    overflow-y: hidden;
    height: auto;
    width: auto;
}

.newContents ul.annotation.rwd li {
    text-align: left;
    padding: 5px;
}

#customize .popupElement.commentOverlay .productInfo.rwd {
    width: calc(100% - 30px);
    background: #f4f2ef;
    padding: 15px;
    min-height: auto;
}

.acMenu-text {
    text-align: right;
    font-size: 100%;
    margin-bottom: 0;
    padding: 12px 0;
    background: url(/common/images/border-bg.gif) repeat-x scroll left bottom transparent;
    cursor: pointer;
}

.acMenu-text span {
    position: relative;
    padding-right: 10px;
}

.acMenu-text:after {
    content: '';
    background: url(/common/images/bg-arrow-utility-down.png) no-repeat 0;
    background-size: 12px 11px;
    padding-left: 22px;
}

.js-hiddenComment {
    display: none;
}

#customize .newContents .productdetail .withImgCol .commentArea ul li {
    margin-right: 0;
}

.favorite-text-link{
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
    -webkit-font-smoothing: antialiased;
}

#customize header.local h1{
    padding: 0;
}

#customize .newContents .productdetail .productInfo dl dt span{
    margin: 0;
    font-weight: 400;
    font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
    -webkit-font-smoothing: antialiased;
}

.popupElement .productInfo textarea{
    width: calc(100% - 6px);
    margin-bottom: 20px;
}


#customize .commentNotLogin .commentBtn li{
    max-width: calc(50% - 10px);
}

#customize .commentArea p{
    margin-bottom: 11px;
}

.snsChoice input.snsCheck{
    margin: 0 5px 0 0;
}

#customize input[type="checkbox"]{
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

#customize #customizeOverlay05 .productImg{
    padding-right: 0;
    width: 100%;
    text-align: center;
}

article .newContents a:hover{
    opacity: 0.9;
}


@media screen and (min-width: 910px) {
    /* #customize .mainContents{
        width: calc(100% - 240px);
    } */
    #customize #customizeOverlay05{
        margin: auto;
        width: 400px;
    }
}

@media screen and (max-width: 909px) {
    .popupElement .productInfo textarea{
        width: calc(100% - 8px);
    }
    .sp-static-share ul.sns{
        padding-left: 10px;
        border-left: 1px dotted #A8A8A8;
        right: calc(50vw - 290px);
        top: 11px;
    }
    .sp-static-share ul.sns li{
        padding: 5px 0;
    }
    .sp-static-share .refine.is-opened{
        position: absolute;
        top: 4.0em;
        right: -25px;
        background-color: #f4f2ef;
        padding: 15px;
        width: 205px;
    }
    .sp-static-share .refine.is-opened li{
        float: left;
        margin: 0;
        padding: 15px;
        text-align: center;
    }
    .sp-static-share .refine.is-opened li.close{
        position: absolute;
        top: 0;
        right: 0;
        background: none;
        text-indent: 0;
        cursor: pointer;
    }
    #customize .mainContents header.local{
        pointer-events: none;
    }
    #customize .header.sp-static-share{
        display: block;
    }
    #customize .newContents .productdetail .productInfo dl{
        padding-right: 0;
        font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
    }
}



@media screen and (max-width: 599px) {
    .popupElement .productInfo textarea{
        width: calc(100vw - 43px);
    }
    #customize .newContents .productdetail .withImgCol{
        width: calc(100% - 32px);
    }
    #customize .newContents .productdetail .withImgCol h4{
        color: #3d3935;
        font-size: 14px;
    }
    #customize .newContents .search-customize li{
        margin: 0;
    }
    .sp-static-share ul.sns{
        right: 15px;
        top: 30px;
    }
    #customize .newContents .productdetail h1 {
        margin: 0 15px 25px 15px;
    }
}

@media screen and (min-width: 1230px) {
    #customize .productInfo-wrap .productInfo{
        width: 70%;
    }
    
    .annotation.rwd {
        margin: 0 10px;
		width:340px;
		float:left;
		background:#FFF;
    }
}

@media screen and (min-width: 910px) and (max-width: 1275px) {
    #customize .productInfoMain{
        width: calc(100vw - 650px);
    }
    #customize .newContents .productdetail .withImgCol{
        width: 100%;
    }
    #customize .popupElement.commentOverlay{
        width: 100%;
    }
    .annotation.rwd {
        margin: 0px;
		width:360px;
		float:left;
		background:#FFF;
    }
}

.lwaLink{
    background-color: #006241;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 2em;
}
.lwaLink img{
    max-width: 385px;
    width: 85%;
    padding-bottom: 15px;
}
.lwaLink button{
    min-width: 35px;
    min-height: 35px;
    border-style: solid;
    border-width: 1px;
    border-radius: 50px;
    padding: 7px 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease;
    color: #ffffff;
}
.lwaLink button:hover{ background-color: rgba(255, 255, 255, 0.12); }
.lwaLink button:active{ transform: scale(.95); }
.commentLogin .error{
    position: relative;
}

/* Fav message */
#chgFavoriteDetail{
    position: relative;
}
#favoriteCompDetail {
    position: absolute;
    top: 50%;
    width: 190px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 10px;
    line-height: 20px;
    background-color: #ffffff;
    padding: 32px 36px;
    text-align: center;
    font-size: 13px;
    color: #000;
    box-shadow: 1px 1px 5px #707070;
    font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
}

/* Fav Button PC */

@media screen and (max-width: 910px) {
    .favArea {
        flex-direction: row-reverse;
        margin-bottom: 12px;
    }
}

/* Fav Button SP */
.favArea {
    display: flex;
    justify-content: flex-end;
    margin: auto 0;
}
article .newContents .withImgCol .imgL.productImg .addFavButton {
    display: inline-block;
}
.addFavButton {
    display:inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    border-radius: 50px;
    padding: 6px 10px;
    font-weight: 500;
    transition: all 0.2s ease;
    color: #00754a;
    background: #fff;
    border: solid 1px #00754a;
    cursor: pointer;
    font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
    -webkit-font-smoothing: antialiased;
}
.addFavButton.disabled {
    cursor: auto;
    color: #ccc;
    border-color: #ccc;
}
.addFavButton:not(.disabled):hover {
    background: rgba(0, 117, 74, 0.08);
}

/* QR Link Button SP */
.orderQrButton {
    display: block;
    font-size: 15px;
    border-radius: 50px;
    background: #02A963;
    font-weight: bold;
    padding: 16px 24px;
    text-align: center;
    transition: all .2s ease;
    color: #fff;
    width: 200px;
    box-shadow: 0 8px 8px rgb(0 0 0 / 12%), 0 0 4px rgb(0 0 0 / 24%);
    /* fixed */
    position:
    fixed;
    right:10px;
    bottom:70px;
    z-index:2;
}

/* QR Link Button PC */
@media screen and (min-width: 910px) {
    .qrArea {
        display: flex;
        flex-direction: row-reverse;
    }
    .orderQrButton{
        position:unset;
    }
}

#contentsMain{
    max-width: 1184px;
    margin: auto;
}

#customize .newContents .productdetail .withImgCol{
    padding-right: 0;
}

/* Fav Button & QR Link Button Wrap PC */
@media screen and (min-width: 910px) {
  .productInfoBtnWrap {
    display: flex;
    justify-content: flex-end;
  }
}