@charset "utf-8";
/*------------------------------------------------------------
  [PC] header_top
------------------------------------------------------------ */
#suntory_contents #header_top .inner {
    padding-bottom: 280px;
}
#suntory_contents .lead {
	margin:0 auto;
	width:1020px;
}
#suntory_contents .lead:after { content :''; display :block; clear :both; }

#suntory_contents .lead .lead_movie_area{
	float:left;
	width:300px;
    padding: 1%;
	text-align:left;
    font-size: 12px;
    line-height: 1.8;
    border: solid 1px #c1c1c1;
    border-radius: 0.5em;
    background-color: #eee;
    box-sizing: border-box;
}

#suntory_contents .lead_movie_area p.text {
	margin-top:10px;
}

#suntory_contents .lead_movie_area a {
    color: #333;
    text-decoration: none;
    display:block;
}
#suntory_contents .lead_movie_area a:hover {
    opacity: .75;
}

#suntory_contents .lead_movie_area p:nth-child(1){
	position: relative;
}

#suntory_contents .lead_movie_area p:nth-child(1) img {
	height: auto;
	vertical-align: top;
	width: 100%;
}

#suntory_contents .movie figure{
	position: relative;
}

#suntory_contents .movie figure:after,
#suntory_contents .lead_movie_area p:nth-child(1) a:after {
	content: '';
	display: inline-block;
	background-image:url(../img/movie_play.png);
	background-size:contain;
	position: absolute;
	display:block;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
}

#suntory_contents .lead_movie_area .bnr_playlist{
	margin:10px auto 2px auto;
}

#suntory_contents .lead_movie_area .bnr_playlist img{
	height: auto;
	vertical-align: top;
	width: 100%;
}

#suntory_contents .lead .lead_text_area{
	float:right;
	margin-left:20px;
	text-align:left;
	width:700px;
}

/*------------------------------------------------------------
  [PC] nav_top
------------------------------------------------------------ */
#suntory_contents .nav_top {
    margin: 20px auto;
}

/*------------------------------------------------------------
  [PC] action
------------------------------------------------------------ */
#suntory_contents #action {
    padding: 0;
}
#suntory_contents #action h2 {
	margin-bottom: 0;
}
#suntory_contents #action li.movie {
    background: #f7deb2;

    box-sizing: border-box;
    border: solid 4px #fff4d0;

    border-radius: 10px;
}
#suntory_contents #action li.movie h3 {
    display:block;
    text-align:center;
    padding: 12px 12px 12px 12px;
    background: #f8b84a;
    background-size: 45px auto;
}

#suntory_contents #action li.movie p.text {
    margin-top:10px;
}

@media screen and (max-width:767px){
    /*=============================================================
      [SP] 
    ============================================================ */
    /*------------------------------------------------------------
      [SP] header_top
    ------------------------------------------------------------ */
    #suntory_contents #header_top .inner {
    padding-bottom: 0;
    }
    
    #suntory_contents .lead {
        width: initial;
    }
    #suntory_contents .lead .lead_movie_area{
    	float:none;
    	width:90%;
    	padding:2%;
    	margin:0 auto;
        font-size: 10px;
        font-size: 3.125vw;
        border:1px solid #c1c1c1;
        border-radius: 0.5em;
    }
    #suntory_contents .lead .lead_text_area{
    	float:none;
    	margin-left:0;
    	margin-bottom:5vw;
    	width:100%;
    	text-align:center;
    }
	#suntory_contents #action h2 {
	    margin-bottom: 20px;
	}
}