@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    vertical-align: baseline;
}

body {
    font-family: 游ゴシック, "Yu Gothic", メイリオ, "Meiryo UI", sans-serif;
    max-width: 2200px;
    background: #fff;
    color: #000;
    border-radius: 10px;
}

header,
a.link_btn,
.c_event dl,
.footer_wrap,
.c_participation .c_participation_campany h3,
.c_participation .c_participation_campany .title_underbar span {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

img {
    border: 0px;
    max-width: 100%;
    vertical-align: bottom;
}


/* for modern brouser */

.cf:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


/* IE7,MacIE5 */

.cf {
    display: inline-block;
}


/* WinIE6 below, Exclude MacIE5 \*/

* html .cf {
    height: 1%;
}

.cf {
    display: block;
}


/**/

.pop_wrap {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: auto;
}

.pop_wrap .txt_box {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.pop_wrap .link_area {
    background: #eaeaea;
    padding: 2%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.pop_wrap .link_area img {
    width: 15px;
    margin-right: 5px;
    vertical-align: middle;
}

.pop_wrap .link_area a {
    text-decoration: none;
    color: #4c4298;
    font-size: 0.9rem;
    word-break: break-all;
}

.pop_wrap h3 {
    border: solid 1px #c92544;
    border-left: solid 5px #c92544;
    background: #f9f0f5;
    padding-left: 8px;
    color: #c92544;
    font-size: 0.9rem;
    margin: 10px 0 5px;
}

@media screen and (max-width: 768px) {
    .pop_wrap .txt_box {
        width: 100%;
        float: none;
    }
    .pop_wrap .link_area a {
        width: 100%;
        word-break: break-all;
    }
}


/* ---------------------------------------------------------
 people_pop
----------------------------------------------------------*/

.pop_wrap figure {
    width: 47%;
    margin-right: 2%;
    float: left;
    margin-bottom: 10px;
}

.pop_wrap figure img {
    width: auto;
    height: auto;
}

.pop_wrap dl {
    margin: 10px 0;
}

.pop_wrap dl dt {
    color: #4c4298;
    font-size: 1.2rem;
    font-weight: bold;
}

.pop_wrap dl dd {
    color: #444;
    font-size: 0.9rem;
}

.pop_wrap dl dd.position {
    margin: 5px 0 8px 0;
    font-size: 0.75rem;
    color: #717171;
    line-height: 130%;
}

.pop_wrap dl dd.type {
    display: inline;
    font-size: 0.7rem;
    vertical-align: middle;
    padding: 2px;
    color: #fff;
    border-radius: 3px;
}
.pop_wrap dl dd.type:last-child {
    margin-left: 3px;
}

.pop_wrap dl dd.type.t_brand,
.pop_wrap dl dd.type.Brand {
    background:#5a7c9f
}

.pop_wrap dl dd.type.t_council,
.pop_wrap dl dd.type.Council {
    background: #d2943a;
}

.pop_wrap dl dd.type.t_retail,
.pop_wrap dl dd.type.Retail {
    background: #d9a655;
}

.pop_wrap dl dd.type.t_partner,
.pop_wrap dl dd.type.Partner {
    background: #beca7f;
}

.pop_wrap dl dd.type.t_maker,
.pop_wrap dl dd.type.Maker {
    background: #5c9ad7;
}

.pop_wrap dl dd.type.t_speaker,
.pop_wrap dl dd.type.Speaker {
    background: #de7744;
}

.pop_wrap dl dd.type.t_premium_brand,
.pop_wrap dl dd.type.Premium {
    background: #d7aa2a;;
}

.pop_wrap dl dd.type.t_creator{
    background: #c783b2;
}

.pop_wrap p {
    font-size: 0.9rem;
    line-height: 1.8;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .pop_wrap figure {
        width: 100%;
        text-align: center;
        float: none;
    }
    .pop_wrap dl {
        width: 100%;
        text-align: center;
        float: none;
    }
    .pop_wrap p {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 480px) {}