@charset "utf-8";

/* CSS Document */


/*==================================================================

どひくんCSS

================================================================== */


/*171119-----------------------------*/

.no22 .ab,
.no23 .ab,
.no24 .ab,
.no29 .ab {
    position: absolute;
}

.no23 .re {
    position: relative;
}

.no23 .pc_elm,
.no25 .pc_elm,
.no27 .pc_elm,
.no29 .pc_elm,
.no32 .pc_elm {
    display: none;
}

.no22 .center {
    text-align: center;
}

.no22 .p_1 {
    font-weight: 700;
    padding-bottom: 20px;
}

.no22 .mt_1 {
    margin-top: -55px;
}

.no22 .mt_2,
.no22 .mt_3 {
    margin-top: -95px;
}

.no22 .mt_4 {
    margin-top: 110px;
}

.no22 .img_1 {
    right: 0;
    margin-right: -25px;
}

.no22 .img_2 {
    left: 0;
    margin-left: -25px;
}

.no22 .bg {
    position: relative;
    background: #f0f3f8;
    margin: 0 30px;
    min-height: 1200px;
    margin-bottom: 80px;
}

.no22 .pat2 {
    background: #f6f0eb!important;
    padding-top: 40px;
    min-height: 1180px;
}

.no22 .pat3 {
    background: #f8eef1!important;
    padding-top: 40px;
    min-height: 1306px;
}

.no22 .pat4 {
    background: #f2f0f7!important;
    padding-top: 40px;
    min-height: 1276px;
}

.no22 .pat5 {
    background: #f5f0ed!important;
    padding-top: 40px;
    min-height: 1176px;
}

.no22 .pat6 {
    background: #faefe5!important;
    padding-top: 40px;
    min-height: 1200px;
}

.no22 .box_wrap {
    position: absolute;
    left: 450px;
    width: 293px;
}

.no22 .pat2 .box_wrap,
.no22 .pat4 .box_wrap,
.no22 .pat6 .box_wrap {
    left: 150px;
    top: 80px;
}

.no22 .box_wrap .box {
    margin-bottom: 20px;
}

.no22 .box_wrap .box p {
    padding-left: 90px;
    padding-top: 15px;
    font-size: 80%;
    line-height: 1.2em;
}

.no22 .pat2 .box_wrap .box p,
.no22 .pat4 .box_wrap .box p,
.no22 .pat6 .box_wrap .box p {
    padding-right: 90px;
    padding-left: 10px;
}

.no22 .textbox {
    padding: 30px 45px;
    position: absolute;
    top: 915px;
}

.no23 .wrap_1 {
    position: relative;
    height: 710px;
    margin-bottom: 50px;
}

.no23 .wrap_1 .textArea {
    position: absolute;
    background: #f0ebe5;
    width: 910px;
    right: 0;
    margin-top: 40px;
}

.no23 .wrap_1.pat2 {
    height: 687px;
}

.no23 .wrap_1 .textArea p {
    margin-top: 560px;
    padding: 0 50px;
}

.no23 .wrap_1.pat2 .textArea {
    left: 0;
    margin-top: 40px;
    margin-right: 40px;
    right: auto;
}

.no23 .img_1 {
    left: 0;
    top: 0;
    z-index: 100;
}

.no23 .img_2 {
    right: 0;
    top: 0;
    z-index: 100;
}

.no23 .p_1 {
    padding: 20px 0 30px 0;
}

.no23 .p_2 {
    position: absolute;
    left: 15px;
    bottom: 0;
    height: 48px;
    width: 340px;
}

.no23 .p_3 {
    padding: 0 40px;
}

.no23 .p_4 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 120%;
}

.no23 .div_1 {
    border-bottom: 3px solid #000;
    padding-bottom: 50px;
    text-align: center;
    line-height: 2em;
    margin-bottom: 77px;
}

.no23 .div_2 {
    background: #f1ede8;
}

.no23 .div_3 {
    background: #fff;
    padding: 0 0 30px 0!important;
    margin-bottom: 30px;
}

.no23 .div_3.mb_1 {
    margin-bottom: 80px;
}

.no23 .div_3 div {
    text-align: center;
}

.no23 .h_1 {
    height: 666px;
}

.no23 .h_2 {
    height: 636px;
}

.no23 .txc {
    text-align: center;
}

.no24 .wrap_1 {
    position: relative;
    height: 836px;
    margin-bottom: 50px;
}

.no24 .wrap_1 .div_1 {
    position: absolute;
    top: 100px;
    right: 0;
    width: 360px;
    text-align: right;
}

.no24 .wrap_1 .mb_1 {
    margin-bottom: 50px;
}

.no24 .wrap_1 .mb_2 {
    margin-bottom: 30px!important;
}

.no24 .p_1 {
    font-weight: 700;
    margin-bottom: 30px;
}

.no24 .wrap_2 {
    background: #efe8f5;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.no24 .wrap_2 .inner {
    padding: 0 30px;
}

.no24 .wrap_2 .tit img {
    max-width: 100%;
    margin-bottom: 10px;
}

.no24 .wrap_2 ul {
    list-style: none;
    letter-spacing: -0.4em;
    text-align: center;
    padding-bottom: 60px;
}

.no24 .wrap_2 ul li {
    display: inline-block;
    letter-spacing: normal;
    width: 33%;
    padding: 0 10px;
    vertical-align: top;
}

.no24 .wrap_2 ul li img {
    margin-bottom: 15px;
}

.no24 .wrap_2 dl {
    padding: 0 10px;
    overflow: hidden;
}

.no24 .wrap_2 dl dt,
.no24 .wrap_2 dl dd {
    float: left;
    width: 50%;
}

.no24 .wrap_2 dl dt {
    text-align: center;
}

.no24 .wrap_2 dl dd {
    padding-top: 30px;
}

.no24 .wrap_2 .inner_2 {
    padding-top: 40px;
}

.no24 .wrap_2 .inner_2 .ab {
    left: -5px;
    top: 30px;
}

.no24 .wrap_2 .inner_2 .box {
    display: inline-block;
    vertical-align: top;
    width: 410px;
    text-align: center;
    position: relative;
    background: white;
    min-height: 545px;
}

.no24 .wrap_2 .inner_2 .box .cont {
    padding: 0 40px;
    text-align: center;
    padding-top: 45px;
}

.no24 .wrap_2 .inner_2 .box .cont div {
    text-align: left;
}

.no24 .wrap_2 .inner_2 .box.left {
    margin-left: 25px;
}

.no24 .wrap_2 .inner_2 .box.right {
    margin-left: 30px;
}

.no25 .wrap_1 {
    border: 3px solid #000;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.no25 .p_1 {
    margin-bottom: 50px;
    font-weight: 700;
}

.no25 .wrap_1 .div_1 {
    margin-top: -80px;
    margin-bottom: 10px;
}

.no25 .wrap_1 .inner {
    padding: 0 50px 40px 50px;
}

.no25 .wrap_1 .inner .name_1 {
    font-size: 130%;
    font-weight: 700;
}

.no25 .wrap_1 .bold {
    margin-bottom: 20px;
}

.no25 .wrap_2,
.no25 .wrap_3 {
    overflow: hidden;
}

.no25 .wrap_3 {
    margin-bottom: 110px;
}

.no25 .wrap_2 .left,
.no25 .wrap_2 .right,
.no25 .wrap_3 .left,
.no25 .wrap_3 .right {
    float: left;
}

.no25 .wrap_2 .left,
.no25 .wrap_3 .right {
    width: 47%;
}

.no25 .wrap_2 .right,
.no25 .wrap_3 .left {
    width: 53%;
    background: #008070;
    color: white;
    margin-top: 40px;
}

.no25 .wrap_3 .left {
    background: #ae2c5a;
}

.no25 .wrap_2 .right .inner_2,
.no25 .wrap_3 .left .inner_2 {
    padding: 50px;
    min-height: 520px;
}

.no27 {
    background-color: #fffcf2;
}

.no27 .wrap_1 {
    display: table;
    padding: 30px;
    background: white;
    margin-bottom: 90px;
}

.no27 .wrap_1 .left,
.no27 .wrap_1 .right {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.no27 .wrap_1 .left {
    text-align: center;
}

.no27 .wrap_1 .right {
    background: black;
    color: white;
}

.no27 .wrap_2,
.no27 .wrap_3 {
    position: relative;
    height: 716px;
    margin-bottom: 50px;
}

.no27 .wrap_2 img,
.no27 .wrap_2 p,
.no27 .wrap_3 img,
.no27 .wrap_3 p {
    position: absolute;
}

.no27 .wrap_2 .img_1 {
    right: 0;
    top: 0;
    z-index: 90;
    width: 88%;
}

.no27 .wrap_2 .img_2 {
    left: 0;
    bottom: 0;
    width: 88%;
}

.no27 .wrap_2 .img_3 {
    left: 33px;
    top: 70px;
    z-index: 100;
}

.no27 .wrap_2 p {
    left: 123px;
    bottom: 60px;
    z-index: 100;
}

.no27 .wrap_2.pat2 p {
    left: 123px;
    bottom: 50px;
    z-index: 100;
}

.no27 .wrap_3 .img_1 {
    left: 0;
    top: 0;
    z-index: 90;
    width: 88%;
}

.no27 .wrap_3 .img_2 {
    right: 0;
    bottom: 0;
    width: 88%;
}

.no27 .wrap_3 .img_3 {
    right: 33px;
    top: 70px;
    z-index: 100;
}

.no27 .wrap_3 p {
    left: 143px;
    bottom: 60px;
    z-index: 100;
}

.no27 .wrap_3.mb_1 {
    margin-bottom: 100px;
}

.no27 .mb_2 {
    margin-bottom: 60px;
}

.no27 .mb_3 div {
    margin-bottom: 60px!important;
}

.no27 .txr {
    text-align: right;
}

.no27 .wrap_4 {
    overflow: hidden;
    position: relative;
    min-height: 540px;
    margin-bottom: 40px;
}

.no27 .wrap_4 img,
.no27 .wrap_4 p {
    float: left;
}

.no27 .wrap_4 .p_1 {
    padding: 20px;
    width: 519px;
}

.no27 .wrap_4 .p_2 {
    width: 620px;
    position: absolute;
    left: 20px;
    top: 345px;
}

.no27 .wrap_4 .ma20 {
    margin: 0 20px 20px 20px;
}

.no27 .ma_1 {
    margin: 20px 0 20px -60px;
}

.no29 .wrap_1 {
    background: #f2e6e6;
    position: relative;
    margin-right: 30px;
    margin-bottom: 50px;
    padding: 40px 205px 60px 50px;
}

.no29 .wrap_1.pat2 {
    background: #e6eef1;
}

.no29 .wrap_1.pat2 .right {
    padding-top: 30px;
}

.no29 .wrap_2 {
    background: #f4ede3;
    position: relative;
    margin-right: 30px;
    margin-bottom: 50px;
    padding: 40px 40px 40px 205px;
}

.no29 .wrap_3 {
    padding: 55px 130px 40px 130px;
    background: url(../upload/2017winter/29/29_24.jpg);
}

.no29 .wrap_3 ul {
    text-align: center;
    overflow: hidden;
}

.no29 .wrap_3 ul li {
    width: 220px;
    float: left;
}

.no29 .wrap_3 ul li:nth-child(2) {
    margin: 0 20px;
}

.no29 .div_1 {
    text-align: right;
}

.no29 .img_1 {
    right: -30px;
    top: -10px;
}

.no29 .img_2 {
    left: -30px;
    top: -10px;
}

.no29 .inner {
    overflow: hidden;
}

.no29 .wrap_1 .inner .left {
    float: left;
    width: 400px;
}

.no29 .wrap_2 .inner .left {
    float: left;
    display: inline-block;
    margin-left: 40px;
}

.no29 .wrap_1 .inner .left p {
    font-weight: 700;
    margin-bottom: 15px;
}

.no29 .wrap_1 .inner .right {
    float: right;
    display: inline-block;
}

.no29 .wrap_2 .inner .right {
    float: right;
    width: 370px;
}

.no29 .wrap_2 .tx_l {
    text-align: left;
}

.no29 .txc {
    text-align: center;
    margin-bottom: 50px;
}

.no29 .txc_2 {
    text-align: center;
}

.no29 .q {
    font-weight: 700;
    margin-bottom: 30px;
}

.no29 .hoso {
    color: #ffa866;
}

.no29 .noka {
    color: #cf5456;
}

.no29 .riri {
    color: #4471b4;
}

.no29 .shopname {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 110%;
}

.no30 {
    background: url(../upload/2017winter/30/30_01.jpg);
}

.no30 .cont {
    background: url(../upload/2017winter/30/30_02.jpg) bottom center no-repeat #fff;
    margin: 0 40px 80px 40px;
    padding-bottom: 40px;
}

.no30 .box,
.no30 .box2 {
    display: table;
    min-height: 445px;
}

.no30 .box .left,
.no30 .box .right,
.no30 .box2 .left,
.no30 .box2 .right {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    position: relative;
}

.no30 .box .right img {
    position: absolute;
    right: -40px;
    top: 0;
}

.no30 .box2 .left img {
    position: absolute;
    left: -40px;
    top: 0;
}

.no30 .box .left .pa {
    padding: 60px;
}

.no30 .box2 .right .pa {
    padding: 60px;
}

.no30 .box .left p,
.no30 .box2 .right p {
    margin-bottom: 30px;
    font-weight: 700;
}

.no30 .mt_1 {
    margin-top: -50px;
}

.no30 .mb_1 {
    margin-bottom: 50px;
}

.no31 .div_1 {
    padding: 20px;
    font-weight: 700;
    margin-bottom: 60px;
}

.no31 .div_1 p {
    padding-top: 20px;
    font-weight: 300;
}

.no31 .txarea {
    padding: 30px;
    background: #f6f6f6;
    margin-bottom: 60px;
}

.no31 .txarea p {
    font-weight: 700;
}

.no32 .wrap_1 {
    position: relative;
    height: 570px;
}

.no32 .wrap_1 .img_1 {
    position: absolute;
    left: 0;
    top: 0;
}

.no32 .wrap_1 .div_1 {
    position: absolute;
    right: 0;
    top: 40px;
    background: rgba(245, 245, 245, 0.8);
    width: 440px;
    height: 440px;
    padding: 60px;
}

.no32 .div_2 {
    padding-bottom: 70px;
}

.no32 .txc {
    text-align: center;
}

.no32 .proname {
    font-weight: 700;
    font-size: 110%;
}

.no32 .price {
    padding-bottom: 20px;
}

.no32 .exp {
    text-align: left;
}

.no32 .shop {
    padding: 60px 90px;
    border: 3px #000 solid;
    position: relative;
}

.no32 .shop .p_1 {
    position: absolute;
    top: -30px;
    width: 100%;
    text-align: center;
    margin-left: -90px;
}

.no32 .shop ul {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.no32 .shop ul li {
    height: 110px;
}


/******************************************************************************

 * RESPONSIVE
 
*******************************************************************************/

@media (max-width: 1279px) {}

@media (max-width: 1019px) {}

@media (max-width: 767px) {
    /*171119-----------------------------*/
    .no23 .pc_elm,
    .no25 .pc_elm,
    .no27 .pc_elm,
    .no29 .pc_elm,
    .no32 .pc_elm {
        display: block;
    }
    .no23 .sp_elm,
    .no25 .sp_elm,
    .no27 .sp_elm,
    .no29 .sp_elm,
    .no32 .sp_elm {
        display: none;
    }
    .no22 .center {
        text-align: center;
    }
    .no22 .ab {
        position: relative;
    }
    .no22 .p_1 {
        font-weight: 700;
        padding-bottom: 20px;
    }
    .no22 .mt_1,
    .no22 .mt_2,
    .no22 .mt_3,
    .no22 .mt_4 {
        margin-top: 0;
    }
    .no22 .img_1 {
        right: 0;
        margin-right: 0;
        height: 460px;
        margin-bottom: 15px;
    }
    .no22 .img_2 {
        left: 0;
        margin-left: 0;
        margin: 0 0 20px 0;
    }
    .no22 .bg {
        position: relative;
        background: #f0f3f8;
        margin: 0 0 30px 0;
        min-height: 0;
        padding-bottom: 20px;
        text-align: center;
    }
    .no22 .box_wrap {
        position: relative;
        left: auto;
        width: auto;
        text-align: right;
    }
    .no22 .box_wrap .box {
        margin-bottom: 20px;
        text-align: center;
    }
    .no22 .box_wrap .box p {
        padding: 15px 20px;
        font-size: 80%;
        line-height: 1.2em;
        text-align: left;
    }
    .no22 .textbox {
        padding: 0 10px;
        position: relative;
        top: auto;
        text-align: left;
    }
    .no22 .sp_bg {
        background: #fff!important;
        margin-bottom: 15px;
    }
    .no22 .pat2 .box_wrap,
    .no22 .pat4 .box_wrap,
    .no22 .pat6 .box_wrap {
        left: 0;
        top: 0;
    }
    .no22 .pat3,
    .no22 .pat5 {
        padding-top: 0;
    }
    .no22 .pat2 .box_wrap .box p,
    .no22 .pat4 .box_wrap .box p,
    .no22 .pat6 .box_wrap .box p {
        padding: 10px 25px 0 25px;
    }
    .no23 .wrap_1 {
        position: relative;
        height: auto;
        margin-bottom: 50px;
    }
    .no23 .wrap_1 .textArea {
        position: relative;
        background: #f0ebe5;
        width: auto;
        height: auto;
        right: 0;
        margin-top: 0;
    }
    .no23 .wrap_1.pat2 {
        height: auto;
    }
    .no23 .wrap_1 .textArea p {
        margin-top: 0;
        padding: 20px 20px;
    }
    .no23 .wrap_1.pat2 .textArea {
        left: 0;
        margin-top: 0;
        margin-right: 0;
        right: auto;
        height: auto;
    }
    .no23 .img_1 {
        left: 0;
        top: 0;
        z-index: 100;
        position: relative!important;
    }
    .no23 .img_2 {
        right: 0;
        top: 0;
        z-index: 100;
        position: relative!important;
    }
    .no23 .p_1 {
        padding: 20px 0 30px 0;
    }
    .no23 .p_2 {
        position: relative;
        left: 0;
        bottom: 0;
        height: auto;
        width: auto;
        padding: 20px 10px 0 10px;
    }
    .no23 .p_3 {
        padding: 0 40px;
    }
    .no23 .p_4 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 120%;
    }
    .no23 .div_1 {
        border-bottom: 1px solid #000;
        padding-bottom: 30px;
        text-align: center;
        line-height: 2em;
        margin-bottom: 77px;
    }
    .no23 .div_2 {
        background: #f1ede8;
    }
    .no23 .div_3 {
        background: #f1ede8;
        padding: 0 10px 30px 10px!important;
        margin-bottom: 0px;
    }
    .no23 .div_3.mb_1 {
        margin-bottom: 80px;
    }
    .no23 .div_3 div {
        text-align: center;
        background: #fff;
        padding: 20px 10px;
    }
    .no23 .div_3 .mb20 {
        margin: 0!important;
    }
    .no23 .mb_1 {
        margin-bottom: 20px;
    }
    .no23 .mb_2 {
        margin-bottom: 30px!important;
    }
    .no23 .mb_3 {
        margin-bottom: 20px!important;
    }
    .no23 .h_1 {
        height: auto;
    }
    .no23 .h_2 {
        height: auto;
    }
    .no24 .wrap_1 {
        position: relative;
        height: auto;
        margin-bottom: 50px;
    }
    .no24 .wrap_1 .ab {
        position: relative;
    }
    .no24 .wrap_1 .img_1 {
        margin-bottom: 20px;
    }
    .no24 .wrap_1 .div_1 {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        text-align: center;
    }
    .no24 .wrap_1 .div_1 div {
        text-align: left;
    }
    .no24 .wrap_2 {
        background: #efe8f5;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .no24 .wrap_2 .inner {
        padding: 0 30px;
    }
    .no24 .wrap_2 .tit img {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .no24 .wrap_2 ul {
        list-style: none;
        letter-spacing: -0.4em;
        text-align: center;
        padding-bottom: 60px;
    }
    .no24 .wrap_2 ul li {
        display: inline-block;
        letter-spacing: normal;
        width: auto;
        padding: 0 10px;
        margin-bottom: 20px;
        vertical-align: top;
    }
    .no24 .wrap_2 dl dt,
    .no24 .wrap_2 dl dd {
        float: none;
        width: auto;
    }
    .no24 .wrap_2 dl dt {
        text-align: center;
    }
    .no24 .wrap_2 dl dd {
        padding-top: 30px;
    }
    .no24 .wrap_2 .inner_2 {
        padding-top: 40px;
    }
    .no24 .wrap_2 .inner_2 .ab {
        left: -5px;
        top: 30px;
    }
    .no24 .wrap_2 .inner_2 .box {
        display: inline-block;
        vertical-align: top;
        width: auto;
        text-align: center;
        position: relative;
        background: white;
        min-height: 0;
        padding-bottom: 20px;
    }
    .no24 .wrap_2 .inner_2 .box .cont {
        padding: 0 40px;
        text-align: center;
        padding-top: 45px;
    }
    .no24 .wrap_2 .inner_2 .box .cont div {
        text-align: left;
    }
    .no24 .wrap_2 .inner_2 .box.left {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .no24 .wrap_2 .inner_2 .box.right {
        margin-left: 0;
    }
    .no25 .wrap_1 {
        border: 3px solid #000;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
    .no25 .p_1 {
        margin-bottom: 50px;
        font-weight: 700;
    }
    .no25 .wrap_1 .div_1 {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .no25 .wrap_1 .inner {
        padding: 0 30px 30px 30px;
    }
    .no25 .wrap_1 .inner .name_1 {
        font-size: 130%;
        font-weight: 700;
    }
    .no25 .wrap_1 .bold {
        margin-bottom: 20px;
    }
    .no25 .wrap_2,
    .no25 .wrap_3 {
        overflow: hidden;
    }
    .no25 .wrap_3 {
        margin-bottom: 50px;
    }
    .no25 .wrap_2 .left,
    .no25 .wrap_2 .right,
    .no25 .wrap_3 .left,
    .no25 .wrap_3 .right {
        float: none;
        margin-bottom: 20px;
    }
    .no25 .wrap_2 .left,
    .no25 .wrap_3 .right {
        width: auto;
    }
    .no25 .wrap_2 .right,
    .no25 .wrap_3 .left {
        width: auto;
        background: #008070;
        color: white;
        margin-top: 0px;
    }
    .no25 .wrap_3 .left {
        background: #ae2c5a;
    }
    .no25 .wrap_2 .right .inner_2,
    .no25 .wrap_3 .left .inner_2 {
        padding: 50px;
        min-height: 0;
    }
    .no27 .wrap_1 {
        display: block;
        padding: 30px;
        margin-bottom: 40px;
    }
    .no27 .wrap_1 .left {
        margin-bottom: 30px;
    }
    .no27 .wrap_1 .left,
    .no27 .wrap_1 .right {
        display: block;
        width: auto;
    }
    .no27 .wrap_2,
    .no27 .wrap_3 {
        position: relative;
        height: auto;
        margin-bottom: 50px;
        text-align: center;
    }
    .no27 .wrap_2 img,
    .no27 .wrap_2 p,
    .no27 .wrap_3 img,
    .no27 .wrap_3 p {
        position: relative;
        text-align: left;
    }
    .no27 .wrap_2 .img_1 {
        right: auto;
        top: auto;
        z-index: 90;
        width: auto;
    }
    .no27 .wrap_2 .img_2 {
        left: auto;
        bottom: auto;
        width: auto;
    }
    .no27 .wrap_2 .img_3 {
        left: auto;
        top: auto;
    }
    .no27 .wrap_2 p {
        left: auto;
        bottom: auto;
    }
    .no27 .wrap_2.pat2 p {
        left: auto;
        bottom: auto;
    }
    .no27 .wrap_3 .img_1 {
        left: auto;
        top: auto;
        width: auto;
    }
    .no27 .wrap_3 .img_2 {
        right: auto;
        bottom: auto;
        width: auto;
    }
    .no27 .wrap_3 .img_3 {
        right: auto;
        top: auto;
    }
    .no27 .wrap_3 p {
        left: auto;
        bottom: auto;
    }
    .no27 .wrap_3.mb_1 {
        margin-bottom: 100px;
    }
    .no27 .mb_2 {
        margin-bottom: 20px!important;
    }
    .no27 .mb_3 div {
        margin-bottom: 60px!important;
    }
    .no27 .txr {
        text-align: right;
    }
    .no27 .wrap_4 {
        overflow: hidden;
        position: relative;
        margin-bottom: 40px;
        text-align: center;
    }
    .no27 .wrap_4 img,
    .no27 .wrap_4 p {
        float: none;
    }
    .no27 .wrap_4 .p_1 {
        padding: 20px 0;
        width: auto;
        text-align: left;
    }
    .no27 .wrap_4 .p_2 {
        width: auto;
        position: relative;
        left: auto;
        top: auto;
        padding-top: 20px;
        text-align: left;
    }
    .no27 .wrap_4 .ma20 {
        margin: 0 20px 20px 20px;
    }
    .no27 .ma_1 {
        margin: 20px 0 20px 0;
    }
    .no27 .mbsp_1 {
        margin-bottom: 20px;
    }
    .no27 .img_3 {
        height: 300px;
    }
    .no27 .wrap_5 {
        margin-bottom: 40px;
    }
    .no27 .wrap_6 {
        text-align: center;
    }
    .no27 .wrap_6 p {
        text-align: left;
    }
    .no29 .wrap_1 {
        margin-right: 0px;
        margin-bottom: 50px;
        padding: 10px;
    }
    .no29 .wrap_1.pat2 {
        background: #e6eef1;
    }
    .no29 .wrap_1.pat2 .right {
        padding-top: 30px;
    }
    .no29 .wrap_2 {
        background: #f4ede3;
        position: relative;
        margin-right: 30px;
        margin-bottom: 50px;
        padding: 10px;
    }
    .no29 .wrap_3 {
        padding: 30px;
    }
    .no29 .wrap_3 ul {
        text-align: center;
        overflow: hidden;
    }
    .no29 .wrap_3 ul li {
        width: auto;
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }
    .no29 .wrap_3 ul li:nth-child(2) {
        margin: 0 0 30px 0;
    }
    .no29 .wrap_3 ul li:nth-child(3) {
        margin: 0;
    }
    .no29 .div_1 {
        text-align: right;
    }
    .no29 .inner {
        overflow: hidden;
    }
    .no29 .wrap_1 .inner .left {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
    .no29 .wrap_2 .inner .left {
        float: none;
        display: block;
        margin-left: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .no29 .wrap_1 .inner .left p {
        font-weight: 700;
        margin-bottom: 15px;
    }
    .no29 .wrap_1 .inner .right {
        float: none;
        display: block;
        text-align: center;
        padding-bottom: 30px;
    }
    .no29 .wrap_2 .inner .right {
        float: none;
        width: auto;
        padding-bottom: 30px;
    }
    .no29 .wrap_2 .tx_l {
        text-align: left;
    }
    .no29 .txc {
        text-align: center;
        margin-bottom: 50px;
    }
    .no29 .q {
        font-weight: 700;
        margin-bottom: 30px;
    }
    .no29 .ab {
        position: relative;
    }
    .no29 .p_1 {
        text-align: center;
        margin-bottom: 30px;
    }
    .no29 .p_1 img {
        height: 300px;
    }
    .no29 .mb_1 {
        margin-bottom: 30px;
    }
    .no30 .cont {
        margin: 0 0 40px 0;
        padding-bottom: 40px;
    }
    .no30 .box,
    .no30 .box2 {
        display: block;
        min-height: 0;
        margin-bottom: 30px;
    }
    .no30 .box .left,
    .no30 .box .right,
    .no30 .box2 .left,
    .no30 .box2 .right {
        display: block;
        vertical-align: middle;
        width: auto;
        position: relative;
    }
    .no30 .box .right img {
        position: relative;
        right: auto;
        top: 0;
    }
    .no30 .box2 .left img {
        position: relative;
        left: auto;
        top: 0;
    }
    .no30 .box .left .pa {
        padding: 30px;
    }
    .no30 .box2 .right .pa {
        padding: 30px;
    }
    .no30 .box .left p,
    .no30 .box2 .right p {
        margin-bottom: 30px;
        font-weight: 700;
    }
    .no30 .mt_1 {
        margin-top: 0px;
    }
    .no30 .mb_1 {
        margin-bottom: 0px;
    }
    .no30 .box img,
    .no30 .box2 img {
        max-width: 100%;
    }
    .no30 .box .right,
    .no30 .box2 .left {
        margin: 0 10px;
    }
    .no32 .wrap_1 {
        position: relative;
        height: auto;
        margin-bottom: 0;
    }
    .no32 .wrap_1 .img_1 {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 10px;
    }
    .no32 .wrap_1 .div_1 {
        position: relative;
        right: auto;
        top: auto;
        background: rgba(245, 245, 245, 0.8);
        width: auto;
        height: auto;
        padding: 30px;
        margin-bottom: 40px;
    }
    .no32 .exp {
        margin-bottom: 30px;
    }
    .no32 .shop {
        padding: 30px;
        border: 3px #000 solid;
        position: relative;
    }
    .no32 .shop .p_1 {
        position: relative;
        top: auto;
        width: 100%;
        text-align: center;
        margin-left: 0px;
        margin-bottom: 30px;
    }
    .no32 .shop ul {
        width: auto;
        display: inline-block;
        vertical-align: top;
    }
    .no32 .shop ul li {
        margin-bottom: 20px;
        height: auto;
    }
}