@charset "utf-8";


/*------------------------------------------------------------
[SP] 
------------------------------------------------------------ */
@media screen and (max-width:767px){
    
    /*------------------------------------------------------------
    [SP] contents_wrap
    ------------------------------------------------------------ */
    #suntory_contents .contents_wrap {
        display: flex;
        flex-direction: column;
    }

   /*------------------------------------------------------------
    [SP] breadcrumbs
    ------------------------------------------------------------ */
    #suntory_contents .breadcrumbs {
        margin: 0 4vw 4vw;
        width: auto;
        max-width: auto;
        min-width: auto;
        order: 2;
    }
    #suntory_contents .breadcrumbs ol {
        display: flex;
        list-style: none;
        flex-wrap: wrap;
        font-size: 2.666666666666667vw;
    }
    #suntory_contents .breadcrumbs ol li {
        margin-right: 2.133333333333333vw;
        line-height: 1.8;
    }
    #suntory_contents .breadcrumbs ol li a {
        color: #000;
        text-decoration: none;
        position: relative;
        margin-right: 4.266666666666667vw;
        padding-bottom: 0;
    }
    #suntory_contents .breadcrumbs ol li a::after {
        content: '＞';
        font-size: 2.133333333333333vw;
        position: absolute;
        top: -.125em;
        right: -4.266666666666667vw;
    }

    
    /*------------------------------------------------------------
    [SP] sma_contents
    ------------------------------------------------------------ */
    #suntory_contents #sma_contents {
        margin: 0;
        width: auto;
        order: 1;
    }


    /*------------------------------------------------------------
    [SP] event_nav
    ------------------------------------------------------------ */
    #suntory_contents .event_nav ul {
      flex-wrap: wrap;
    }
    #suntory_contents .event_nav li {
      width: calc(100% / 3);
      box-sizing: border-box;
    }
    #suntory_contents .event_nav li:nth-child(4) {
      border-left: 1px #666 solid;
    }
    #suntory_contents .event_nav li:nth-child(n + 4) {
      margin-top: 2.667vw;
    }

}
/*------------------------------------------------------------
[PC] 
------------------------------------------------------------ */
@media print, screen and (min-width:768px) { 
    
    
    /*------------------------------------------------------------
    [PC] breadcrumbs
    ------------------------------------------------------------ */
    #suntory_contents .breadcrumbs {
        margin: 15px auto 50px;
        width: 100%;
    }
    #suntory_contents .breadcrumbs ol {
        display: flex;
        list-style: none;
        flex-wrap: wrap;
        font-size: 12px;
        margin: 0 40px;
    }
    #suntory_contents .breadcrumbs ol li {
        margin-right: 10px;
        line-height: 1.8;
    }
    #suntory_contents .breadcrumbs ol li a {
        color: #000;
        text-decoration: none;
        position: relative;
        margin-right: 22px;
        padding-bottom: 3px;
    }
    #suntory_contents .breadcrumbs ol li a:hover {
        border-bottom: 1px #666 solid;
    }
    #suntory_contents .breadcrumbs ol li a::after {
        content: '＞';
        font-size: 12px;
        position: absolute;
        top: -.25em;
        right: -22px;
    }

    
    /*------------------------------------------------------------
    [PC] sma_contents
    ------------------------------------------------------------ */
    #suntory_contents #sma_contents {
        margin: 0 auto;
        width: 960px;
    }
    #suntory_contents #sma_contents.sma_contents_double {
        width: 1160px;
    }
    #suntory_contents #sma_contents.sma_contents_wide {
        width: 100%;
    }

}


/*------------------------------------------------------------
   collection
------------------------------------------------------------ */
#suntory_contents #index h1 a,
#suntory_contents #data h1 a{
    text-decoration: none;
}