@charset "utf-8";
/* CSS Document */

/* にぎわいツール_サイド用 */

/* ---- タイトル、更新日時 サイドバー用表示 ---- */

.titleArea {
    display: block!important;
    margin-bottom: 5px;
    /*罫線　初期値：無し*/
}

.titleText {
    margin-bottom: 10px;
    /* タイトルの幅 */
    width: 100%;
    /* 中央寄せ */
    text-align: center;
}

.updateDate {
    overflow: hidden;
    white-space: nowrap;
    /* 更新日時の幅 */
    width: 100%;
    text-align: right;
    /* フォントカラー */
    color: #555;
}


/* 画像のみ */
.titleBack05 .titleArea{
    display: block !important;
    width: 100%;
    margin: 5px 0 10px 0;
}
.titleBack05 .titleImgWrapper{
    margin-bottom: 5px;
}

.titleBack05 .titleImg{
    display: block;
    width: 100%;
}

.titleBack05 .titleText{
    display: none;
}

/* ---- title ここまで ---- */

/* ---- tile ---- */
/* -- 共通項目 -- */

.tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    background: #ffeea6;
    padding: 10px;
    height: 205px;
    overflow: hidden;
}

#sp .tile{
    height: 140px;
}

a {
    color: #2388da;
}

.leftWrapper{
    width: 75px;
    height: 75px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.rightWrapper{
    width: calc(100% - 85px);
    height: 75px;
    margin-bottom: 5px;
}


#sp .leftWrapper{
    width: 100px;
    height: 140px;
}

#sp .rightWrapper{
    width: calc(100% - 110px);
    height: auto;
    margin-bottom: 0;
}

/* SP 520px以下 */
@media screen and (max-width: 520px) {

    #sp .leftWrapper{
        width: 80px;
        height: 140px;
    }

    #sp .rightWrapper{
        width: calc(100% - 90px);
        height: auto;
        margin-bottom: 0;
    }
}

/* SP 370px以下 */
@media screen and (max-width: 370px) {
    
    #sp .leftWrapper{
        width: 60px;
        height: 140px;
    }

    #sp .rightWrapper{
        width: calc(100% - 70px);
        height: auto;
        margin-bottom: 0;
    }
}

/* 左画像 */

.order img,
.new img,
.review img {
    display: block;
    width: 75px;
    height: 75px;
    object-fit: cover;
}

#sp .order img,
#sp .new img,
#sp .review img {
    width: 100px;
    height: 100px;
    padding-top: 20px;
}

/* SP 520px以下 */
@media screen and (max-width: 520px) {
    #sp .order img,
    #sp .new img,
    #sp .review img{
        width: 80px;
        height: 80px;
        padding-top: 30px;
    }
}

/* SP 370px以下 */
@media screen and (max-width: 370px) {
    #sp .order img,
    #sp .new img,
    #sp .review img{
        width: 60px;
        height: 60px;
        padding-top: 40px;
    }
}

/* アイコン */

.info .icon_info01,
.order .icon_order01,
.new .icon_new01,
.review .icon_review01 {
    position: relative;
    padding-top: 15px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #676767;
    z-index: 0;
}

#sp .info .icon_info01,
#sp .order .icon_order01,
#sp .new .icon_new01,
#sp .review .icon_review01 {
    padding-top: 0;
    font-size: 16px;
    font-weight: 500;
}

#pc.nigiwai_icon02 .info .icon_info01:before,
#pc.nigiwai_icon02 .order .icon_order01:before,
#pc.nigiwai_icon02 .new .icon_new01:before,
#pc.nigiwai_icon02 .review .icon_review01:before{
    position: absolute;
    left: calc(50% - 35px);
    top: 0;
    content: '';
    display: inline-block;
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: -1;
}

/* テキストエリア */

.textArea{
    overflow: hidden;
    width: 100%;
}

#sp .textArea{
    width: calc(100% - 130px);
    position: absolute;
    top: 40px;
    right: 10px;
}

/* SP 520px以下 */
@media screen and (max-width: 520px) {
    #sp .textArea{
        width: calc(100% - 110px);
    }
}

/* SP 370px以下 */
@media screen and (max-width: 370px) {
    #sp .textArea{
        width: calc(100% - 90px);
    }
}

/* -- 共通項目ここまで -- */

/* ---- info ---- */

.info .textArea{
    height: 117px;
}

/* info左 */

.info .icon_info02:before {
    display: block;
    font-family: 'icomoon';
    color: #4b4b4b;
    width: 75px;
    text-align: center;
    padding-top: 0;
    font-size: 50px;

}

.info_icon08 .info .icon_info02:before,
.info_icon12 .info .icon_info02:before{
    padding-top: 5px;
    font-size: 45px;
}

.info_icon14 .info .icon_info02:before{
    padding-top: 10px;
    font-size: 40px;
}

#sp .info .icon_info02:before {
    width: 100px;
    padding-top: 20px;
    margin: 0 auto;
    font-size: 60px;
}


#sp.info_icon08 .info .icon_info02:before,
#sp.info_icon12 .info .icon_info02:before{
    padding-top: 30px;
    font-size: 50px;
}

#sp.info_icon14 .info .icon_info02:before{
    padding-top: 40px;
    font-size: 40px;
}

/* SP 520px以下 */
@media screen and (max-width: 520px) {

    #sp .info .icon_info02:before {
        width: 80px;
        padding-top: 30px;
        font-size: 50px;
    }


    #sp.info_icon08 .info .icon_info02:before,
    #sp.info_icon12 .info .icon_info02:before{
        padding-top: 40px;
        font-size: 40px;
    }

    #sp.info_icon14 .info .icon_info02:before{
        padding-top: 45px;
        font-size: 35px;
    }
}

/* SP 370px以下 */
@media screen and (max-width: 370px) {

    #sp .info .icon_info02:before {
        width: 60px;
        padding-top: 35px;
        font-size: 45px;
    }


    #sp.info_icon08 .info .icon_info02:before,
    #sp.info_icon12 .info .icon_info02:before{
        padding-top: 45px;
        font-size: 35px;
    }

    #sp.info_icon14 .info .icon_info02:before{
        padding-top: 50px;
        font-size: 30px;
    }
}



.info_icon01 .icon_info02:before{
    content: "\e904";
}

.info_icon02 .icon_info02:before{
    content: "\e900";
}

.info_icon03 .icon_info02:before{
    content: "\e901";
}

.info_icon04 .icon_info02:before{
    content: "\e908";
}

.info_icon05 .icon_info02:before{
    content: "\e924";
}

.info_icon06 .icon_info02:before{
    content: "\e925";
}

.info_icon07 .icon_info02:before{
    content: "\e909";
}

.info_icon08 .icon_info02:before{
    content: "\e90a";
}

.info_icon09 .icon_info02:before{
    content: "\e923";
}

.info_icon10 .icon_info02:before{
    content: "\e922";
}

.info_icon11 .icon_info02:before{
    content: "\e921";
}

.info_icon12 .icon_info02:before{
    content: "\e91d";
}

.info_icon13 .icon_info02:before{
    content: "\e91f";
}

.info_icon14 .icon_info02:before{
    content: "\e920";
}

.info_icon15 .icon_info02{
    background: url('./info_image01.png') no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px;
    transform: rotateY(180deg);
}

#sp.info_icon15 .icon_info02 {
    width: 100px;
    height: 100px;
    padding-top: 20px;
    background-position: 0 20px;
}

/* SP 520px以下 */
@media screen and (max-width: 520px) {

    #sp.info_icon15 .icon_info02{
        width: 80px;
        height: 80px;
        padding-top: 30px;
        background-position: 0 30px;
    }
}

/* SP 370px以下 */
@media screen and (max-width: 370px) {

    #sp.info_icon15 .icon_info02{
        width: 60px;
        height: 60px;
        padding-top: 40px;
        background-position: 0 40px;
    }
}

/* info右 */

.info .icon_info01:after {
    position: absolute;
    top: 19px;
    left: 0;
    width: 100%;
    content: "\e905";
    font-family: 'icomoon';
    font-size: 35px;
    font-weight: normal;
    color: #676767;
    transform: rotateY(180deg);
}

#sp .info .icon_info01:after {
    top: -12px;
    left: -42px;
    font-size: 30px;
    transform: rotateY(180deg);
}

#pc.nigiwai_icon03 .info .icon_info01{
    background: url(./info4.png) no-repeat 50% 0;
    background-size: contain;
    height: 30px;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: calc(100% + 10px);
}

#pc.nigiwai_icon03 .info .icon_info01:after{
    display: none;
}

/* info下 */

.info .date{
    text-align: right;
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 10px;
}

.info .main_text{
    font-size: 12px;
    line-height: 16px;
}

/* ---- info ここまで ---- */

/* ---- order ---- */

.order .textArea{
    height: 128px;
}

#sp .order .textArea{
    height: 120px;
}

/* order 右*/

.order .icon_order01:after {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    content: "\e906";
    font-family: 'icomoon';
    color: #676767;
    font-size: 28px;
    font-weight: normal;
}

#sp .order .icon_order01:after {
    top: -7px;
    left: -46px;
    font-size: 25px;
}

#pc.nigiwai_icon03 .order .icon_order01{
    background: url(./order4.png) no-repeat 50% 0;
    background-size: contain;
    height: 30px;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: calc(100% + 10px);
}

#pc.nigiwai_icon03 .order .icon_order01:after{
    display: none;
}

/* order 下*/

.order .date{
    text-align: right;
    font-size: 10px;
    line-height: 11px;
    margin-bottom: 5px;
}

.order .area{
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 5px;
}

.order .main_text{
    font-size: 12px;
    line-height: 16px;
}

.order .order_name {
    font-weight: bold;
    line-height: 16px;
}

.order .order_price:before {
    content: '（';
}

.order .order_price:after {
    content: '）';
}

.order .orderNumber{
    padding-top: 3px;
    font-size: 10px;
    line-height: 14px;
    word-break: break-all;
}

/* ---- order ここまで ---- */

/* ---- new ---- */

.new .textArea{
    height: 124px;
}

#sp .new .textArea{
    height: 95px;
}

/* new 右*/

.new .icon_new01:after {
    position: absolute;
    top: 2px;
    left: 1px;
    width: 100%;
    content: "\e903";
    font-family: 'icomoon';
    font-size: 45px;
    font-weight: normal;
    color: #676767;
}

#sp .new .icon_new01:after {
    top: -15px;
    left: 0;
    font-size: 50px;
}


#pc.nigiwai_icon03 .new .icon_new01{
    background: url(./new4.png) no-repeat 50% 0;
    background-size: contain;
    height: 30px;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: calc(100% + 10px);
}

#pc.nigiwai_icon03 .new .icon_new01:after{
    display: none;
}

/* new 下*/

.new .date{
    text-align: right;
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 10px;
}

.new .main_text{
    font-size: 12px;
    line-height: 16px;
}

.new .name{
    font-weight: bold;
}

.new .price:before {
    content: '（';
}

.new .price:after {
    content: '）';
}

#sp .new .textArea{
    top: 65px;
}

/* ---- new ここまで ---- */

/* review */

.review .textArea{
    height: 117px;
}

#sp .review .textArea{
    height: 105px;
}

.review .icon_review01{
    margin-bottom: 50px;
}

.review .icon_review01:after {
    position: absolute;
    top: 27px;
    left: 3px;
    width: 100%;
    content: "\e907";
    font-family: 'icomoon';
    color: #676767;
    font-size: 28px;
    font-weight: normal;
}

#sp .review .icon_review01:after {
    top: -5px;
    left: -49px;
    font-size: 20px;
}

#pc.nigiwai_icon03 .review .icon_review01{
    background: url(./review4.png) no-repeat 50% 0;
    background-size: contain;
    height: 30px;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: calc(100% + 10px);
}

#pc.nigiwai_icon03 .review .icon_review01:after{
    display: none;
}

.review .date{
    text-align: right;
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 5px;
}

/* star */
.review .star{
    margin-bottom: 10px;
}

.review .star .full:before,
.review .star .half:before,
.review .star .off:before {
    font-family: 'icomoon';
    color: orange;
    font-size: 12px;
    line-height: 12px;
    vertical-align: baseline;
}

#sp .review .star .full:before,
#sp .review .star .half:before,
#sp .review .star .off:before {
    font-size: 16px;
    line-height: 16px;
}

.review .star .full:before {
    content: "\e9d9";
}

.review .star .half:before {
    content: "\e9d8";
}

.review .star .off:before {
    content: "\e9d7";
}

.review .point{
    display: inline-block;
    padding-left: 5px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: text-top;
}

.review .main_text{
    font-size: 12px;
    line-height: 15px;
}