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

figure {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/*-------↓↓015用CSS↓↓-------*/

.pc {
    display: none;
}

figure.right02 {
    width: 78%;
    float: right;
}

.vol015 .content_main .top {
    background: url(../images/top_pc.jpg) top center no-repeat;
    background-size: contain;
    height: 490px;
    width: 700px;
}

.content_main img {
    display: block;
    width: 100%;
}

#food,
#shop {
    margin: 30px 20px 90px;
}

#food .title-field,
#shop .title-field {
    margin-bottom: 30px;
}

#food .title-field div h5 {
    margin: 15px 0;
}

#food .text-field h4 {
    font-size: 130%;
    color: #EA7990;
}

#food .title-field div p {
    color: #000;
    font-size: 100%;
}

#food .photo-field {
    margin-bottom: 30px;
}

#food .photo-field figure,
#food .photo-field02 figure,
#shop figure {
    margin-bottom: 15px;
}

#food .text-field,
#shop .text-field {
    margin-bottom: 20px;
}

#food .people-field {
    border-bottom: #929292 thin solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#food .people-field figure {
    margin-bottom: 10px;
}

#shop .text-field h4 {
    width: 65px;
    float: left;
    font-size: 130%;
    color: #EA5514;
}

#shop .text-field h4 img {
    display: block;
}

#shop .shop-field {
    margin: 20px;
}

#shop .shop-field .shop {
    width: 100%;
    max-width: 230px;
    margin: auto;
}

#shop .shop-field .shop figure {
    margin-bottom: 10px;
}

#shop .shop-field .shop div h5 {
    margin-bottom: 10px;
    font-size: large;
}

#shop .shop-field .shop div ul,
#shop .shop-field .shop div li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#shop .shop-field .shop div ul {
    font-size: 70%;
    line-height: 1.4em;
}

#shop .name {
    font-size: medium !important;
    color: #AF8900;
    font-weight: bold;
    margin: 0;
}

.content_main .infomation div li {
    text-align: left;
    padding: 10px;
}

.content_main .infomation {
    background: none;
    box-shadow: none;
    background-color: #FBE7EB;
    margin: 20px;
    padding: 0;
    border: thin solid #EB7991;
}

.content_main .infomation div {
    margin: 0 20px;
    border: thin solid #DDEADD;
    margin-top: -1px;
    margin-bottom: -1px;
}

.content_main .infomation div h4 {
    border-bottom: thin solid #929292;
    width: 100%;
    max-width: 380px;
    margin: 10px auto 10px;
    font-size: small;
    line-height: 2.5;
    color: #EA7990;
}

.content_main .infomation div ul,
.content_main .infomation div li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content_main .infomation div ul {
    display: inline-block;
    margin: 0 auto 10px;
    line-height: 1.4em;
}

.content_main .infomation div li {
    margin-bottom: 10px;
}

.content_main .infomation div li .shop {
    font-size: 120%;
    font-weight: bold;
}

#content h3 img,
#content h4 img {
    display: block !important;
}

.name {
    font-size: medium !important;
    color: #EA7990;
    font-weight: bold;
    margin: 0;
}

.name02 {
    color: #EA7990;
    font-weight: bold;
    margin: 0;
}

#food .photo-field02 .left {
    float: left;
}

#food .photo-field02 .left h4 {
    width: 30%;
    float: left;
}

#food .photo-field02 .left figure {
    width: 70%;
    float: right;
}

#food .photo-field02.clearfix {
    background-color: rgba(235, 121, 145, 0.2);
    padding: 15px 20px;
    border-radius: 10px;
}

/*-------↓↓PC版CSS↓↓-------*/
@media (min-width:480px) {
    .pc {
        display: block;
    }

    .sp {
        display: none !important;
    }

    figure.right02 {
        width: 100%;
        float: none;
    }

    #food .title-field,
    #shop .title-field {
        display: table;
    }

    #food .title-field h3,
    #shop .title-field h3 {
        display: table-cell;
        vertical-align: bottom;
        padding: 0 20px 0 0;
        margin: auto;
        width: 290px;
    }

    #food .title-field div,
    #shop .title-field div {
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: auto;
    }

    #food .people-field figure {
        float: left;
        width: 50%;
    }

    #food .title-field div p {
        font-size: smaller;
        margin: 0;
        color: #000;
    }

    #food .photo-field02 .left {
        width: 55%;
        float: left;
    }

    #food .photo-field02 .left02 {
        width: calc(55% - 10px);
        float: left;
        margin-right: 10px;
        font-size: smaller;
    }

    #food .photo-field02 .right {
        width: 45%;
        float: right;
    }

    #food .photo-field02 .right .right03 {
        float: right;
        width: 45%;
        margin-top: 10px;
    }

    #shop .text-field h4 {
        width: 71px;
        margin: 0 0 50px;
        float: left;
        font-size: 130%;
        color: #EA5514;
    }

    #food .text-field .right,
    #shop .text-field .right {
        width: calc(60% - 20px);
        float: right;
    }

    #food .text-field .left,
    #shop .text-field .left {
        float: left;
        width: 40%;
    }

    #food .text-field .left {
        float: left;
        width: 65%;
    }

    #food .text-field .left p {
        margin-bottom: 0px;
    }

    #food .people-field {
        width: calc(35% - 20px) !important;
        border-bottom: none;
    }

    #food .people-field figure {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    #shop .shop-field .shop {
        max-width: 420px;
        display: flex;
        margin: 30px auto 50px;
        align-items: flex-end;
        justify-content: space-between;
    }

    #shop .shop-field .shop figure {
        width: 182px;
        margin-bottom: 0px;
    }

    #shop .shop-field .shop div {
        width: calc(100% - 192px);
    }

    #shop .title01 {
        margin: 0 auto 30px;
    }

    .content_main .infomation div ul {
        width: 100%;
        max-width: 400px;
        display: table;
    }

    .content_main .infomation div li {
        display: table-cell;
    }

    figure.right02.clearfix {
        background: url(../images/kajitsu-photo07_pc.png) bottom right no-repeat;
        background-size: contain;
    }

    .profile {
        font-size: smaller;
    }

}