@charset "utf-8";


/*==================================================
font
================================================== */
#suntory_contents {
	color: #222;
    box-sizing: border-box;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	font-feature-settings : "palt";
}
#suntory_contents * {
    -webkit-appearance: none;
    border-radius: none;
    box-sizing: border-box;
}


/*==================================================
sp
================================================== */
#suntory_contents .pc_item {
    display: none;
}

/*==================================================
[sp]suntory_contents
================================================== */
#suntory_contents {
    background: url(../img/bg_contents.jpg) repeat-y 0 0;
    background-size: 100vw auto;
}

/*==================================================
[sp]header
================================================== */
#suntory_contents .db_header {
    width: 100vw;
    height: 32vw;
    background: url(../img/sp_bg_header.jpg) no-repeat 0 0;
    background-size: 100vw auto;
    position: relative;
}
.top #suntory_contents .db_header {
    height: 40vw;
}
#suntory_contents .db_header.open,
.top #suntory_contents .db_header.oopen {
    background: url(../img/bg_contents.jpg) repeat-y 0 0;
    background-size: 100vw auto;
    height: auto;
    filter: drop-shadow(0 0.8vw 0.8vw rgba(0,0,0,0.5));
    padding-bottom: 6.6666666666667vw;
}

#suntory_contents .db_header h1 a {
    width: 71.066666666666667vw;
    height: 23.3333333333333vw;
    text-indent: -100vw;
    background: url(../img/sp_title.png) no-repeat 0 0;
    background-size: 71.066666666666667vw auto;
    position: absolute;
    top: 3.0666666666667vw;
    left: 14vw;
    display: block;
}
.top #suntory_contents .db_header h1 a {
    top: 6.9333333333333vw;
}
#suntory_contents .db_header.open h1 a,
#suntory_contents .top .db_header.open h1 a {
    width: 100%;
    height: 14.4vw;
    background: #423614 url(../img/sp_menu_title.png) no-repeat 6.9333333333333vw 2.4vw;
    background-size: 53.2vw auto;
    position: static;
    top: 0;
    left: 0;
    text-indent: -100vw;
}
#suntory_contents .db_menu {
    display: none;
}
#suntory_contents .open .db_menu {
    display: block;
}
#suntory_contents .db_menu ul li a {
    display: flex;
    align-items: center;
    height: 14vw;
    text-decoration: none;
    color: #444;
    font-size: 4.5333333333333vw;
    font-weight: 700;
    padding: 0 0 0 6.6666666666667vw;
    border-bottom: 1px #d7d7d7 solid;
    position: relative;
}
#suntory_contents .db_menu ul li a::after {
    content: '';
    position:absolute;
    top:calc(50% - 0.8vw);
    right: 6.6666666666667vw;
    width:1.6vw;
    height:1.6vw;
    margin:auto;
    border-top:0.5333333333333vw solid #223344;
    border-right:0.5333333333333vw solid #223344;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
#suntory_contents .btn_menu {
    width: 12vw;
    height: 12vw;
    position: absolute;
    top: 0;
    right: 0;
    background: #2e280f url(../img/icon_menu.svg) no-repeat center center;
    background-size:6.6666666666667vw auto;
}
#suntory_contents .open .btn_menu {
    width: 12vw;
    height: 12vw;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff url(../img/icon_menu_close.svg) no-repeat center center;
    background-size:5.6vw auto;
}
#suntory_contents .btn_close {
    display: none;
}
#suntory_contents .open .btn_close {
    margin: 6.6666666666667vw auto 0;
    display: block;
    width:46.6666666666667vw;
    height: 14.6666666666667vw;
    display: flex;
    align-items: center;
    padding: 0 0 0 19.2vw;
    background: #423614 url(../img/icon_close.svg) no-repeat 11.4666666666667vw center;
    background-size: 4.6666666666667vw auto;
    border-radius: 7.3333333333333vw;
    color: #fff;
    font-size:4.6666666666667vw;
    font-weight: 700;
}

/*==================================================
[sp]breadcrumbs
================================================== */
#suntory_contents .breadcrumbs {
    margin: 2.6666666666667vw 4vw 5.3333333333333vw;
}
.article #suntory_contents .breadcrumbs {
    margin: 2.6666666666667vw 4vw 2.6666666666667vw;
}
#suntory_contents .breadcrumbs ul {
}
#suntory_contents .breadcrumbs li {
    margin: 0;
    font-size: 2.9333333333333vw;
    line-height: 1;
    display: inline;
}
#suntory_contents .breadcrumbs li span {
    margin: 0 0.6666666666667vw;
}
#suntory_contents .breadcrumbs li a {
    color: #292309;
    position: relative;
    display: inline;
    margin: 0;
    padding: 0;
}

/*==================================================
[sp]list_title
================================================== */
#suntory_contents .list_title {
    margin: 0 4vw 6.6666666666667vw;
    font-size: 4.5333333333333vw;
    font-weight: 700;
    text-align: left;
}

/*==================================================
[sp]article_list
================================================== */
#suntory_contents .article_list {
    margin: 0 4vw 8vw;
}
.top #suntory_contents .article_list {
    margin: 5.0666666666667vw 4vw 8vw;
}
#suntory_contents .article_list li {
    margin-bottom: 5.3333333333333vw;
}
#suntory_contents .article_list a {
    display: block;
    position: relative;
    filter: drop-shadow(0.5333333333333vw 0.5333333333333vw 0.5333333333333vw rgba(0,0,0,0.5));
    color: #292309;
    text-decoration: none;
}
#suntory_contents .article_list .tag_container {
    position: absolute;
    top: 0;
    left: 0;
    margin: 2.9333333333333vw 2.9333333333333vw 0;
    display: flex;
    flex-wrap: wrap;
}
#suntory_contents .tag_container p.yamazaki {
order:1;
}
#suntory_contents .tag_container p.hakushu {
order:2;
}
#suntory_contents .tag_container p.topics {
order:3;
}
#suntory_contents .article_list .tag_container p {
    font-size: 3.2vw;
    font-weight: 500;
    height: 7.4666666666667vw;
    display: flex;
    align-items: center;
    background: #e9e4d9;
    margin: 0 1.3333333333333vw 0 1.3333333333333vw;
    padding: 0 4vw;
    border-radius: 0.6666666666667vw;
}
#suntory_contents .article_list figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
#suntory_contents .article_list .label {
    background: #fff;
    display: flex;
    padding: 4vw;
}
#suntory_contents .article_list .label .date_wrap {
    margin-right: 6vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#suntory_contents .article_list .label .new {
    margin-bottom: 1.6vw;
    font-size: 2.6666666666667vw;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background: #d92e00;
    width: 10.4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
#suntory_contents .article_list .label .date {
    font-size: 3.4666666666667vw;
    font-weight: 700;
}
#suntory_contents .article_list .label .text {
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: underline;
}

/*==================================================
[sp]page_nav
================================================== */
#suntory_contents .page_nav {
    margin: 0 8.5333333333333vw 13.3333333333333vw;
    display: flex;
    justify-content: center;
}
#suntory_contents #page_num {
    display: flex;
}
#suntory_contents #page_num a {
    text-decoration: none;
}
#suntory_contents .current_page {
    margin: 0 2vw;
    background: #292309;
    width: 9.866666666666667vw;
    height: 9.866666666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 5.3333333333333vw;
    font-weight: 700;
    line-height: 1;
}
#suntory_contents #page_num .page_num {
    display: flex;
}
#suntory_contents #page_num .link_page {
    margin: 0 2vw;
    background: #fff;
    width: 9.866666666666667vw;
    height: 9.866666666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #292309;
    font-size: 5.3333333333333vw;
    font-weight: 700;
    line-height: 1;
}
#suntory_contents .page_nav .btn_prev {
    margin-right: 2vw;
}
#suntory_contents .page_nav .btn_next {
    margin-left: 2vw;
}
#suntory_contents .page_nav .btn_prev a,
#suntory_contents .page_nav .btn_next a {
    width: 9.866666666666667vw;
    height: 9.866666666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    text-indent: -9999px;
}
#suntory_contents .page_nav .btn_prev a::after {
    content: '';
    position:absolute;
    top:calc(50% - 0.8vw);
    left: calc(50% - 0.8vw);
    width:1.6vw;
    height:1.6vw;
    margin:auto;
    border-top:0.6666666666667vw solid #292309;
    border-right:0.6666666666667vw solid #292309;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
}
#suntory_contents .page_nav .btn_next a::after {
    content: '';
    position:absolute;
    top:calc(50% - 0.8vw);
    left: calc(50% - 0.8vw);
    width:1.6vw;
    height:1.6vw;
    margin:auto;
    border-top:0.6666666666667vw solid #292309;
    border-right:0.6666666666667vw solid #292309;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

/*==================================================
[sp]category_label
================================================== */
#suntory_contents .category_label {
    margin: 0 0 13.3333333333333vw 4vw;
    display: flex;
    flex-wrap: wrap;
}
#suntory_contents .category_label a {
    margin: 0 4vw 2.6666666666667vw 0;
    height: 10.6666666666667vw;
    display: flex;
    align-items: center;
    border: 1px #292309 solid;
    padding: 0 6.6666666666667vw;
    font-size: 3.6vw;
    font-weight: 700;
    text-decoration: none;
    color: #292309;
    border-radius: 5.3333333333333vw;
}
#suntory_contents .category_label .cr a {
    background: #292309;
    color: #fff;
}

/*==================================================
[sp]db_footer
================================================== */
#suntory_contents .db_footer {
    background: #292309;
    padding: 5.0666666666667vw 4vw 32vw;
    position: relative;
}
#suntory_contents .related_links {
    margin-bottom: 13.3333333333333vw;
}
#suntory_contents .related_links dt {
    margin-bottom: 6vw;
    font-size: 5.0666666666667vw;
    font-weight: 700;
    color: #fff;
}
#suntory_contents .related_links ul {
    margin: 0 4vw;    
}
#suntory_contents .related_links ul li {
    margin-bottom: 2.6666666666667vw;
}
#suntory_contents .related_links ul li:last-child {
    margin-bottom: 0;
}
#suntory_contents .related_links ul li a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 4.2666666666667vw;
    line-height: 1.5;
}
#suntory_contents .related_links ul li a figure {
    margin-right: 3.3333333333333vw;
    width: 17.3333333333333vw;
    height: 17.3333333333333vw;
    background: #fff;
}
#suntory_contents .related_links ul li a figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
/*==================================================
[sp]editor_container
================================================== */
#suntory_contents .editor_container {
    margin: 0;
}
#suntory_contents .editor_container li {
    margin-bottom: 2.6666666666667vw;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 5.3333333333333vw;
}
#suntory_contents .editor_container li figure {
    width: 21.3333333333333vw;
    height: 21.3333333333333vw;
}
#suntory_contents .editor_container li figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
#suntory_contents .editor_container li dl {
    width: 56vw;
}
#suntory_contents .editor_container li dl dt {
    margin-bottom: 0.666666666666667vw;
    font-size: 3.7333333333333vw;
    font-weight: 700;
}
#suntory_contents .editor_container li dl dd {
    font-size: 3.7333333333333vw;
    line-height: 1.5;
}

/*==================================================
[sp]btn_page_top
================================================== */
#suntory_contents .btn_page_top a {
    width: 17.0666666666667vw;
    height: 17.0666666666667vw;
    background: #d3d0c6;
    border-radius: 50%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    bottom:4vw;
    right: 4vw;
}
#suntory_contents .btn_page_top.fixed a {
    position: fixed;
}
#suntory_contents .btn_page_top a::after {
    content: '';
    position:absolute;
    top:calc(50% - 2vw);
    left: calc(50% - 2vw);
    width:4vw;
    height:4vw;
    margin:auto;
    border-top:1.0666666666667vw solid #292309;
    border-right:1.0666666666667vw solid #292309;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px){
    
    #suntory_contents .sp_item {
        display: none;
    }
    #suntory_contents .pc_item {
        display: block;
    }
    
    /*==================================================
    [pc]suntory_contents
    ================================================== */
    #suntory_contents {
        background: url(../img/bg_contents.jpg) repeat-y 0 0;
        background-size: 100vw auto;
    }
    
    #suntory_contents .d_contents {
        display: flex;
        flex-direction: column;
    }
    .detail #suntory_contents .d_contents {
        display: block;
        width: 1164px;
        margin: 0 auto;
    }
    #suntory_contents .d_contents .breadcrumbs {
        order: 0;
    }
    #suntory_contents .d_contents .article {
        order: 2;
    }
    #suntory_contents .d_contents .category_label {
        order: 1;
    }

    /*==================================================
    [pc]header
    ================================================== */
    #suntory_contents .db_header,
    #suntory_contents .db_header.open{
        width: 100%;
        height: 250px;
        background: #292309 url(../img/bg_header.jpg) no-repeat center -115px;
        background-size: auto 400px;
        filter: drop-shadow(0 0 0 rgba(0,0,0,0));
        padding: 0;
    }
    .top #suntory_contents .db_header,
    .top #suntory_contents .db_header.oopen{
        background: #292309 url(../img/bg_header.jpg) no-repeat center 0;
        background-size: auto 400px;
        height: 400px;
    }
    
    #suntory_contents .db_header h1 {
        margin: 0 auto;
        padding: 22px 0 0;
        width: 713px;
        height: 177px;
    }
    .top #suntory_contents .db_header h1 {
        margin: 0 auto;
        padding: 56px 0 0;
        width: 980px;
        height: 244px;
    }
    #suntory_contents .db_header h1 a,
    #suntory_contents .db_header.open h1 a{
        width: 713px;
        height: 177px;
        text-indent: -9999px;
        background: url(../img/title_secondary.png) no-repeat 0 0;
        background-size: auto 177px;
        display: block;
        position: relative;
        top: 0;
        left: 0;
    }
    .top #suntory_contents .db_header h1 a,
    #suntory_contents .top .db_header.open h1 a
    {
        width: 980px;
        height: 244px;
        background: url(../img/title.png) no-repeat 0 0;
        background-size: auto 244px;
        position: relative;
        top: 0;
        left: 0;
    }
    #suntory_contents .db_menu {
        display: none;
    }
    #suntory_contents .btn_menu,
    #suntory_contents .open .btn_menu {
        display: none;
    }
    
    
    /*==================================================
    [pc]breadcrumbs
    ================================================== */
    #suntory_contents .breadcrumbs {
        margin: 0 auto 0;
        padding: 20px 0 0;
        width: 1164px;
    }
    .detail #suntory_contents .breadcrumbs {
        margin: 20px auto;
        padding: 0;
    }
    #suntory_contents .breadcrumbs ul {
        display: flex;
    }
    #suntory_contents .breadcrumbs li {
        font-size: 14px;
    }
    #suntory_contents .breadcrumbs li span {
        margin: 0 5px;
    }
    #suntory_contents .breadcrumbs li a {
        color: #292309;
        position: relative;
    }
    
    /*==================================================
    [pc]list_title
    ================================================== */
    #suntory_contents .list_title {
        margin: 0 auto 50px;
        width: 1164px;
        font-size: 26px;
        font-weight: 700;
        text-align: center;
    }
    
    /*==================================================
    [pc]category_label
    ================================================== */
    .top #suntory_contents .category_label {
        margin: 40px auto;
    }
    #suntory_contents .category_label {
        margin: 20px auto 40px;
        width: 1164px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #suntory_contents .category_label a {
        margin: 0 12px;
        height: 54px;
        display: flex;
        align-items: center;
        border: 2px #292309 solid;
        padding: 0 30px;
        font-size: 18px;
        line-height: 1;
        font-weight: 700;
        text-decoration: none;
        color: #292309;
        border-radius: 28px;
    }
    #suntory_contents .category_label .cr a {
        background: #292309;
        color: #fff;
    }
    #suntory_contents .category_label a:hover {
        background: #292309;
        color: #fff;
    }
    
    /*IE11対策*/
    _:-ms-lang(x)::-ms-backdrop, #suntory_contents .category_label a {
        height: auto;
        padding: 18px 30px 15px;
    }

    /*==================================================
    [pc]article_list
    ================================================== */
    #suntory_contents .article_list {
        margin: 0 auto 80px;
        width: 1164px;
    }
    .top #suntory_contents .article_list {
        margin: 0 auto 80px;
    }
    #suntory_contents .article_list ul {
        width: 1164px;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .article_list li {
        width: 360px;
        margin: 0 42px 40px 0;
    }
    #suntory_contents .article_list li:nth-child(3n) {
        margin: 0 0 40px;
    }
    #suntory_contents .article_list a {
        display: block;
        position: relative;
        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
        color: #292309;
        text-decoration: none;
    }
    #suntory_contents .article_list a:hover {
        opacity: .75;
    }
    #suntory_contents .article_list .tag_container {
        position: absolute;
        top: 0;
        left: 0;
        margin: 20px 20px 0;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .article_list .tag_container p {
        font-size: 14px;
        font-weight: 500;
        height: 36px;
        display: flex;
        align-items: center;
        background: #e9e4d9;
        margin: 0 10px 10px 0;
        padding: 0 15px;
        border-radius: 4px;
    }
    /*IE11対策*/
    _:-ms-lang(x)::-ms-backdrop, #suntory_contents .article_list .tag_container p {
        height: auto;
        padding: 12px 15px 5px;
    }
    
    #suntory_contents .article_list figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .article_list .label {
        background: #fff;
        display: flex;
        flex-direction: column;
        padding: 30px;
    }
    #suntory_contents .article_list .label .date_wrap {
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    #suntory_contents .article_list .label .new {
        margin-bottom: 14px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        background: #d92e00;
        width: 78px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents .article_list .label .date {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 30px;
        font-weight: 700;
    }
    #suntory_contents .article_list .label .text {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.5;
        text-decoration: underline;
        text-align: center;
    }
    
    /*==================================================
    [pc]page_nav
    ================================================== */
    #suntory_contents .page_nav {
        margin: 0 auto 118px;
        width: 1164px;
        display: flex;
        justify-content: center;
    }
    #suntory_contents #page_num {
        display: flex;
    }
    #suntory_contents #page_num a {
        text-decoration: none;
    }
    #suntory_contents .current_page {
        margin: 0 10px;
        background: #292309;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        line-height: 1;
    }
    /*IE11対策*/
    _:-ms-lang(x)::-ms-backdrop, #suntory_contents .current_page {
        height: auto;
        padding: 14px 0 7px;
    }
    
    #suntory_contents #page_num .page_num {
        display: flex;
    }
    #suntory_contents #page_num .link_page {
        margin: 0 10px;
        background: #fff;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #292309;
        font-size: 26px;
        font-weight: 700;
        line-height: 1;
    }
    /*IE11対策*/
    _:-ms-lang(x)::-ms-backdrop, #suntory_contents #page_num .link_page {
        height: auto;
        padding: 14px 0 7px;
    }
    
    #suntory_contents #page_num .link_page:hover {
        background: #292309;
        color: #fff;
    }
    #suntory_contents .page_nav .btn_prev {
        margin-right: 10px;
    }
    #suntory_contents .page_nav .btn_next {
        margin-left: 10px;
    }
    #suntory_contents .page_nav .btn_prev a,
    #suntory_contents .page_nav .btn_next a {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        text-indent: -9999px;
        background: #fff;
    }
    #suntory_contents .page_nav .btn_prev a::after {
        content: '';
        position:absolute;
        top:calc(50% - 5px);
        left: calc(50% - 5px);
        width:10px;
        height:10px;
        margin:auto;
        border-top:2px solid #292309;
        border-right:2px solid #292309;
        -webkit-transform:rotate(-135deg);
        transform:rotate(-135deg);
    }
    #suntory_contents .page_nav .btn_next a::after {
        content: '';
        position:absolute;
        top:calc(50% - 5px);
        left: calc(50% - 5px);
        width:10px;
        height:10px;
        margin:auto;
        border-top:2px solid #292309;
        border-right:2px solid #292309;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    
    #suntory_contents .page_nav .btn_prev a:hover,
    #suntory_contents .page_nav .btn_next a:hover {
        background: #292309;
    }
    #suntory_contents .page_nav .btn_prev a:hover::after {
        border-top:2px solid #fff;
        border-right:2px solid #fff;
    }
    #suntory_contents .page_nav .btn_next a:hover::after {
        border-top:2px solid #fff;
        border-right:2px solid #fff;
    }
    
    /*==================================================
    [pc]db_footer
    ================================================== */
    #suntory_contents .db_footer {
        background: #292309;
        padding: 0 0 40px;
    }
    #suntory_contents .db_footer .inner {
        margin: 0 auto;
        width: 1164px;
        display: flex;
        justify-content: space-between;
    }    
    #suntory_contents .related_links {
        margin-bottom: 0;
        width: 600px;
    }
    #suntory_contents .related_links dt {
        margin-bottom: 25px;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        height: 60px;
        display: flex;
        align-items:flex-end;
    }
    #suntory_contents .related_links ul {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .related_links ul li {
        margin-bottom: 20px;
        width: 300px;
    }
    #suntory_contents .related_links ul li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents .related_links ul li a {
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 18px;
        line-height: 1.5;
    }
    #suntory_contents .related_links ul li a:hover {
        opacity: .75;
    }
    #suntory_contents .related_links ul li a figure {
        margin-right: 15px;
        width: 65px;
        height: 65px;
        background: #fff;
    }
    #suntory_contents .related_links ul li a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    /*==================================================
    [pc]editor_container
    ================================================== */
    #suntory_contents .editor_container {
        margin: 0;
        padding-top: 60px;
        width: 420px;
    }
    #suntory_contents .editor_container li {
        margin-bottom:20px;
        background: #fff;
        display: flex;
        justify-content: space-between;
        padding: 20px;
    }
    #suntory_contents .editor_container li figure {
        width: 80px;
        height: 80px;
    }
    #suntory_contents .editor_container li figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .editor_container li dl {
        width: 288px;
    }
    #suntory_contents .editor_container li dl dt {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 700;
    }
    #suntory_contents .editor_container li dl dd {
        font-size: 14px;
        line-height: 1.5;
    }

    /*==================================================
    [pc]btn_page_top
    ================================================== */
    #suntory_contents .btn_page_top {
        width: 1164px;
        height: 1px;
        display: block;
        position: relative;
        margin: 0 auto;
    }
    #suntory_contents .btn_page_top.fixed {
        position: fixed;
        bottom: 20px;
        left: calc(50% - 582px);
    }
    #suntory_contents .btn_page_top a {
        width: 77px;
        height: 77px;
        background: #d3d0c6;
        border-radius: 50%;
        display: block;
        text-indent: -9999px;
        position: absolute;
        bottom:20px;
        right: 0;
    }
    #suntory_contents .btn_page_top.fixed a {
        position: absolute;
    }
    #suntory_contents .btn_page_top a:hover {
        opacity: .75;
    }
    #suntory_contents .btn_page_top a::after {
        content: '';
        position:absolute;
        top:calc(50% - 10px);
        left: calc(50% - 10px);
        width:20px;
        height:20px;
        margin:auto;
        border-top:2px solid #292309;
        border-right:2px solid #292309;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
    
    
    
}