@charset "UTF-8";

/* 記事ブロック内レイアウト */


/* インタビュー Q&Aテキスト */

.block-caption {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.6;
}


/* フォント  */

.font-ss {
    font-size: 0.8em;
}

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

.font-serif {
    font-family: serif;
}

.font-L {
    font-size: 1.7em;
}

.font-LL {
    font-size: 2em;
}

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


/* 色 */

.wm46 {
    color: #94252a;
}

.wm47 {
    color: #0081CC;
}

.wm52 {
    color: #62b0e3;
}

.wm53 {
    color: #ef858c;
}

.wm54 {
    color: #72af2d;
}

.wm56 {
    color: #0068b7;
}

.wm57 {
    color: #e9546b;
}

.wm58 {
    color: #0091FF;
}

.wm59 {
    color: #6fba2c;
}

.wm65 {
    color: #ed6c00;
}

.wm66 {
    color: #aba419;
}

.wm72 {
    color: #ec6d81;
}

.wm73 {
    color: #315933;
}

.wm82 {
    color: #387d39;
}

.wm83 {
    color: #004ea2;
}

.wm84 {
    color: #c8161d;
}

.wm88 {
    color: #45b035;
}

.wm89 {
    color: #004098;
}

.wm91 {
    color: #92a424;
}

.wm96 {
    color: #005e3c;
}

.wm97 {
    color: #113961;
}

.wm102 {
    color: #004ea2;
}

.wm111 {
    color: #e60012;
}

.wm112 {
    color: #E60012;
}

.wm113 {
    color: #b60081;
}

.wm117 {
    color: #898989;
}

.wm120 {
    color: #004098;
}

.wm125 {
    color: #417935;
}

.wm130 {
    color: #004759;
}

.wm131 {
    color: #715094;
}

.wm132 {
    color: #b4a05a;
}

.wm133 {
    color: #ec6d56;
}

.wm134 {
    color: #00655c;
}

.wm135 {
    color: #5185c5;
}
.wm136 {
    color: #ba9f5c;
}
.wm137 {
    color: #ef7f1e;
}
.wm139 {
    color: #bc933a;
}
.wm140 {
    color: #8f1d22;
}
.wm142 {
    color: #7a7874;
}



/* 色 汎用 */

.border-color-gray {
    border-color: #a3a3a3;
}


/* 写真キャプション */

.photo-cap {
    padding: 0;
    margin: 0;
    text-align: right;
    font-size: 0.9em;
}


/* プロフィール */

.profile {
    background-color: #f0e7da;
    padding: 10px 20px;
}

.dis-flex {
    display: flex;
}

.left-name {
    width: 35%;
    margin-right: 20px;
}

.right-text {
    margin-top: 10px;
    width: 65%;
}

.profile-info {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    border-top: 1px solid #000;
}

.profile p {
    padding: 0;
    margin: 0;
}

.profile p.serif {
    font-family: serif;
}

.profile p.font-LL {
    font-size: 1.6rem;
}

.profile p.font-L {
    font-size: 1.3rem;
}

.profile p span.font-s {
    font-size: 1rem;
}

.profile p.color-g {
    color: #c9b05d;
}

.profile p.mb20 {
    margin-bottom: 20px;
}

.profile p.mt20 {
    margin-top: 20px;
}

.profile p.pb20 {
    padding-bottom: 20px;
}

.profile p.pt20 {
    padding-top: 20px;
}

.profile a {
    color: black;
}

.profile .line-g {
    border: 1px solid #c9b05d;
    padding: 25px 40px;
    margin: 0 0 20px 0;
}

.profile .line-b {
    border: 1px solid #000;
    padding: 10px;
}

.background-g {
    background-color: #f0e7da;
}


/* クローズアップ ショップリンク*/

.profile .shop-box {
    margin: 10px 0;
}

.profile .shop-box a.shop-link {
    color: #fff;
    text-decoration: none;
    background-color: #c9b05d;
    padding: 8px;
}

.profile .shop-box .arrow {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    transform: rotate(45deg);
}


/* wm96 ビチェリン */

.wm96-wrapper {
    position: relative;
}

.wm96-wrapper .app {
    z-index: 1;
}

.wm96-wrapper .ig {
    position: absolute;
    z-index: 2;
    right: 23%;
    bottom: 4%;
}

.wm96-wrapper .fb {
    position: absolute;
    z-index: 2;
    right: 8%;
    bottom: 4%;
}


/* wm97 WTW */

.wm97-wrapper {
    position: relative;
}

.wm97-wrapper .bk {
    z-index: 1;
}

.wm97-wrapper .anniversary {
    position: absolute;
    z-index: 2;
    left: 33px;
    right: 33px;
    bottom: 33px;
}

.wm97-wrapper .cplink {
    position: absolute;
    z-index: 2;
    left: 4%;
    right: 4%;
    top: 27%;
    overflow: hidden;
}

.wm97-wrapper .cplink p {
    color: #fff;
}

.wm97-wrapper .cplink a {
    color: #fff;
}


/* wm116 ファッション個店販促 */

.wm116-shopnews {
    color: #f18d02;
}

.wm116-shopnews p {
    margin: 0;
    padding: 0.5em 0;
}

.wm116-shopnews p.day {
    font-weight: bold;
}

.wm116-shopnews p.about {
    border-top: 1px solid #f18d02;
    border-bottom: 1px solid #f18d02;
}


/* wm120 インタビュー プロフィール下 会社概要*/

.wm120-dis-flex {
    display: flex;
}

img.wow-logo {
    width: 50%;
    margin-top: 40px;
}


/* wm126 SDGsグルメ */

img.SDGs-point {
    width: 20%;
    height: 20%;
}

p.SDGs-point-txt {
    font-size: 0.9em;
    width: 80%;
    padding: 0 0.5em;
}

/* -----
 * responsive
----------------------------------------------------------------------------- */

@media screen and (min-width: 944px) {
    /* PC */
}

@media screen and (min-width: 768px) and (max-width: 943px) {
    /* tablet */
}

@media screen and (max-width: 767px) {
    /* smart phone */
    /* プロフィール */
    .profile {
        display: block;
    }
    .left-name {
        width: 100%;
        margin-right: 0;
    }
    .right-text {
        margin-top: 0;
        width: 100%;
    }
    /* wm96 ビチェリン */
    .wm96-wrapper .ig img {
        width: 50px;
        height: 50px;
        right: 23%;
        bottom: 4%;
    }
    .wm96-wrapper .fb img {
        width: 50px;
        height: 50px;
        right: 8%;
        bottom: 4%;
    }
    /* wm97 WTW */
    .wm97-wrapper .anniversary {
        left: 4%;
        right: 4%;
        bottom: 4%;
    }
    .wm97-wrapper .cplink {
        top: 25%;
    }
    /* wm120 インタビュー プロフィール下 会社概要*/
    .wm120-dis-flex {
        display: inline-block;
    }
    img.wow-logo {
        width: 30%;
    }
    /* wm126 SDGsグルメ */
    p.SDGs-point-txt {
        font-size: 1em;
        margin: 1.4em 0;
    }
}