@charset "utf-8";

/*------------------------------------------------------------
  common
------------------------------------------------------------ */
@import url(/sun_common/contents_alias/top2nd_2016/css/reset.css);
/*@import url(/sun_common/contents_alias/top2nd_2016/css/common.css);*/
@import url(/sun_common/suntoryid/css/common.css);

/*=============================================================
  [PC] width 960px
============================================================ */

.sp_only {
	display: none;
}

/*------------------------------------------------------------
  [PC] overlay
------------------------------------------------------------ */
#suntory_contents #overlay {
    display: none;
}

/*------------------------------------------------------------
  [PC] container
------------------------------------------------------------ */
#suntory_contents #container {
    margin: 0 auto;
    width: 960px;
}
#suntory_contents #container:after { content :''; display :block; clear :both; }


/*------------------------------------------------------------
  [PC] announcement
------------------------------------------------------------ */
#suntory_contents #announcement {
    width: auto;
    background: #eef3f7;
    margin: 0 20px 47px;
    padding: 20px;
    box-sizing: border-box;
}
#suntory_contents #announcement dl {
    display: table;
}
#suntory_contents #announcement dt {
    display: table-cell;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    padding-right: 30px;
}
#suntory_contents #announcement dd {
    display: table-cell;
    vertical-align: middle;
}

#suntory_contents #announcement dd p {
    margin-bottom: .5em;
    font-size: 14px;
    line-height: 1.5;
    color: #2f4756;
}
#suntory_contents #announcement dd p:last-child {
    margin-bottom: 0;
}

#suntory_contents #announcement dd p a {
    display: inline-block;
    position: relative;
    padding-right:.5em;
    color: #2f4756;
}
#suntory_contents #announcement dd p a:after{
content:"";
vertical-align:middle;
position:absolute;
top:.375em;
right:-.5em;
width:.5em;
height:.5em;
margin:auto;
border-top:3px solid #2f4756;
border-right:3px solid #2f4756;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/*------------------------------------------------------------
  [PC] campaign_container
------------------------------------------------------------ */
#campagin_block {
    width: 100%;
    position: relative;
}
#suntory_contents #campaign_container {
    padding-left: 20px;
    padding-bottom: 50px;
    width: 75.945017182%;
    box-sizing: border-box;
}
#suntory_contents #campaign_container .title_bar {
    margin:0 0 15px 0;
    display: table;
}
#suntory_contents #campaign_container h1 {
    padding-right: 15px;
    font-size: 28px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#suntory_contents #campaign_container .btn_list {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

#suntory_contents #campaign_container .title_wrap {
    width: 100%;
}

#suntory_contents #campaign_container .select_wrap {
    vertical-align: middle;
    text-align: right;
    position: relative;
    width: 16em;
    height: 34px;
    border:2px #5bc2dc solid;
    display: table-cell;
    padding: 0;
}
#suntory_contents #campaign_container .select_wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    padding:0;
    overflow: hidden;
}
#suntory_contents #campaign_container .select_wrap:after{
    content:"";
    vertical-align:middle;
    position:absolute;
    top:calc(50% - 6px);
    right:10px;
    width:6px;
    height:6px;
    margin:auto;
    color: #fff;
    border-top:3px solid #5bc2dc;
    border-right:3px solid #5bc2dc;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    z-index: 10;
}
#suntory_contents #campaign_container select {
    margin: 0;
    padding: 0 5px;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-size: 14px;
    color: #46555e;
    border:none;
    z-index: 1000;
    box-sizing: border-box;
    background: transparent;
}
::-ms-expand {
    display: none;
}


#suntory_contents #campaign_container ul {
    margin-bottom: 3.047404063%;
}
#suntory_contents #campaign_container ul:after { content :''; display :block; clear :both; }

#suntory_contents #campaign_container ul #campain_area_msg {
    width: 100%;
    list-style: none;
    float: left;
    margin-bottom: 0px;
    margin-right: 3.047404063%;
    margin-top: 40px;
    color: #46555e;
}

#suntory_contents #campaign_container ul li {
    width: 30.47404063%;
    list-style: none;
    float: left;
    margin-bottom: 3.047404063%;
    margin-right: 3.047404063%;
}
#suntory_contents #campaign_container ul li a {
    color: #46555e;
}

#suntory_contents #campaign_container ul li:nth-child(3),
#suntory_contents #campaign_container ul li:nth-child(6),
#suntory_contents #campaign_container ul li:nth-child(9){
    margin-right: 0;
}
#suntory_contents #campaign_container ul li img {
    width: 100%;
    vertical-align: bottom;
}
#suntory_contents #campaign_container ul li a:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}
#suntory_contents #campaign_container .caption {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.5;
    color: #46555e;
}

#suntory_contents #campaign_container ul li.done {
    position: relative;
}

#suntory_contents #campaign_container ul li.done:before {
    content:"応募済み";
    color: #fff;
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: top;
    font-size: 28px;
    line-height: 1;
    font-weight: bold;
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    padding-top: 25%;
    box-sizing: border-box;
}

/*------------------------------------------------------------
  [PC] movie_container
------------------------------------------------------------ */
#suntory_contents #movie_container {
    width: 100%;
    margin-bottom: 60px;
    padding: 70px 0 40px;
    /*background: #81cfe9;*/
    box-sizing: border-box;
}
#suntory_contents #movie_container .inner {
    margin: 0;
    /*padding: 0 20px;
    width: 960px;*/
    box-sizing: border-box;
}
#suntory_contents #movie_container .title_bar {
    margin:0 0 30px 0;
    display: table;
}
#suntory_contents #movie_container h1 {
    padding-right: 15px;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#suntory_contents #movie_container .btn_list {
    display: table-cell;
    vertical-align: middle;
}

#suntory_contents #movie_container ul {
    list-style: none;
    width: 74.226804123%;
}
#suntory_contents #movie_container ul:after { content :''; display :block; clear :both; }

#suntory_contents #movie_container li {
    width: 47.685185185%;
    float: left;
}
#suntory_contents #movie_container li:nth-child(1) {
    margin: 0 4.629629629% 0 0;
}
#suntory_contents #movie_container li img {
    width: 100%;
}

#suntory_contents #movie_container li a:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}

#suntory_contents #movie_container li li {
    width: auto;
}


#suntory_contents .schVideoDetail {
    display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-flex-direction:column;
	flex-direction:column;
}
#suntory_contents .schTtl {
    -webkit-order: 3;
	    order: 3;
}
#suntory_contents .schTtl a {
     font-size: 12px;
    line-height: 1.5;
    color: #000;
}

#suntory_contents .schImage {
    -webkit-order: 1;
	    order: 1;
	    overflow: hidden;
}
#suntory_contents .schImage img {
    margin-bottom: 20px;
    vertical-align: bottom;
}

#suntory_contents .schShn {
    -webkit-order: 2;
	    order: 2;
}

#suntory_contents .schBrand {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}

#suntory_contents #movie_container li .brdurl {
    display:none;
}

#suntory_contents #movie_container .caption {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #46555e;
}
#suntory_contents #movie_container .caption span {
    font-size: 12px;
}

/*------------------------------------------------------------
 [PC] harenavi_container
------------------------------------------------------------ */
#suntory_contents #harenavi_container {
    margin: 0 auto 60px;
    padding: 0 20px;
    width: 960px;
    box-sizing: border-box;
}
#suntory_contents #harenavi_container .title_bar {
    margin:0 0 10px 0;
    display: table;
}
#suntory_contents #harenavi_container h1 {
    padding-right: 15px;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#suntory_contents #harenavi_container .btn_list {
    display: table-cell;
    vertical-align: middle;
}

#suntory_contents #harenavi_container .lead {
    margin-bottom: 20px;
    font-size: 13px;
}

#suntory_contents #harenavi_container ul {
    width: 74.226804123%;
}
#suntory_contents #harenavi_container ul:after { content :''; display :block; clear :both; }

#suntory_contents #harenavi_container ul li {
    list-style: none;
}
#suntory_contents #harenavi_container ul li img {
    width: 100%;
}

#suntory_contents #harenavi_container ul li a {
    color: #46555e;
}

#suntory_contents #harenavi_container ul li a:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}

/*
#suntory_contents #harenavi_container ul .feature {
    float: left;
    width: 70.446735395%;
}
#suntory_contents #harenavi_container ul .feature .caption {
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.5;
}
*/
#suntory_contents #harenavi_container ul .article {
    width: 30.47404063%;
    list-style: none;
    float: left;
    margin-bottom: 3.047404063%;
    margin-right: 3.047404063%;
}
#suntory_contents #harenavi_container ul .article:nth-child(3),
#suntory_contents #harenavi_container ul .article:nth-child(6),
#suntory_contents #harenavi_container ul .article:nth-child(9){
    margin-right: 0;
}
#suntory_contents #harenavi_container ul .article .caption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
}


/*------------------------------------------------------------
      [PC] extra_container
------------------------------------------------------------ */
#suntory_contents #extra_container {
     margin: 0 auto;
    width: 960px;
}
#suntory_contents #extra_container figure {
    width: 74.226804123%;
}
#suntory_contents #extra_container figure img {
    width: 100%;
    vertical-align: bottom;
}

#suntory_contents #extra_container a {
    color: #46555e;
}
#suntory_contents #extra_container a:hover img {
    opacity: 0.8;
}
#suntory_contents #extra_container figcaption {
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.5;
}

/*------------------------------------------------------------
  [PC] water_container
------------------------------------------------------------ */
#suntory_contents #water_container {
    width: 100%;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#suntory_contents #wave {
    width: 100%;
    height: 100px;
}
#suntory_contents #water_container .inner{
    margin-top: -10px;
    background: #bde8f4;
    padding: 0 20px 40px 20px;
}




/*------------------------------------------------------------
  [PC] point
------------------------------------------------------------ */
#suntory_contents #point {
    margin: 0 auto 60px;
    width: 960px;
}

#suntory_contents #point .title_bar {
    margin:0 0 10px 0;
    display: table;
}
#suntory_contents #point h1 {
    padding-right: 15px;
    font-size: 28px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#suntory_contents #point .btn_list {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

#suntory_contents #point .lead {
    margin-bottom: 30px;
    font-size: 13px;
    color: #4b4b4b;
}

#suntory_contents #point .title_bar_secondary {
    margin:0 0 15px 0;
    display: table;
}

	#suntory_contents #point_prize .title_bar_secondary {
		width: 100%;
		margin: 0;		
	}

#suntory_contents #point .title_bar_secondary h2 {
    padding-right: 15px;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#suntory_contents #point .title_bar_secondary .btn_list {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

#suntory_contents #point ul {
    margin-bottom: 40px;
    list-style: none;
    width: 74.226804123%;
}
#suntory_contents #point ul:after { content :''; display :block; clear :both; }


#suntory_contents #point li {
    width: 22.569444444%;
    float: left;
    margin-right: 3.240740742%
}

#suntory_contents #point li a {
    color: #3a4850;
	display: block;
}

#suntory_contents #point #point02 li img {
    margin-top: 10px;
}


#suntory_contents #point li:nth-child(4) {
    margin-right: 0px;
}

#suntory_contents #point li img {
    margin-bottom: 12px;
    width: 100%;
    vertical-align: bottom;
}
#suntory_contents #point li .caption {
    font-size: 14px;
    line-height: 1.5;
    color: #3a4850;
}

#suntory_contents #point li a:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}

/*------------------------------------------------------------
    [PC] btn_list_full_width
------------------------------------------------------------ */
#suntory_contents #point .btn_list_full_width a {
    font-size: 14px;
    line-height:12px;
    display: block;
    color: #46555e;
    background: #fff;
    border: 2px #5bc2dc solid;
    padding: 8px 17px 8px 10px;
    border-radius: 25px;
}

#suntory_contents #point .btn_list_full_width a span.arrow {
    display: block;
    position: relative;
    padding-right:.5em;
}
#suntory_contents #point .btn_list_full_width a span.arrow:after{
content:"";
vertical-align:middle;
position:absolute;
top:calc(50% - 3px);
right:-6px;
width:6px;
height:6px;
margin:auto;
border-top:3px solid #5bc2dc;
border-right:3px solid #5bc2dc;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

#suntory_contents #point .btn_list_full_width a:hover {
    color: #fff;
    background: #5bc2dc;
    border: 2px #5bc2dc solid;
    text-decoration: none;
}
#suntory_contents #point .btn_list_full_width a:hover span.arrow:after{
border-top:3px solid #fff;
border-right:3px solid #fff;
}

/*------------------------------------------------------------
    [PC] btn_list_full_width_square
------------------------------------------------------------ */
#suntory_contents #point .btn_list_full_width_square a {
    font-size: 14px;
    line-height:12px;
    display: block;
    color: #46555e;
    background: #fff;
    border: 2px #5bc2dc solid;
    padding: 8px 10px;
    text-align: center;
}

#suntory_contents #point .btn_list_full_width_square a:hover {
    color: #fff;
    background: #5bc2dc;
    border: 2px #5bc2dc solid;
    text-decoration: none;
}

/*------------------------------------------------------------
  [PC] article_link
------------------------------------------------------------ */
#suntory_contents .article_img { 
    position: relative;  
    width: 100%;
    overflow: hidden;
}
#suntory_contents .article_img figure {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
#suntory_contents .article_img figure:before {
    content:"";
    display: block;
    padding-top: 83.333333333%;
}
#suntory_contents #point .article_img img {
    margin: 0;
    vertical-align: top;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#suntory_contents #point #point02a li .article_img img {
    margin-top: 0px!important;
}

#suntory_contents .article_img .article_text {
    padding: 5px;
    background-color: rgba(0,0,0,0.6);		
    position: absolute;		
    bottom: 0;
    left:0;		
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
 	overflow: hidden;
    width:100%;
    box-sizing: border-box;
}
#suntory_contents .article_site {
    text-align: right;
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 1.5;
}



/*------------------------------------------------------------
  読んでためる　表示変更　201704
------------------------------------------------------------ */

#suntory_contents #point02 .article_img .article_text {
	display: none;
}

#suntory_contents #point02 ul li h3 {
	width: 100%;
	padding-bottom: 16.4%;
	margin-bottom: 10px;
	background-size: 100% auto;
	background-position: left top;
	background-repeat: no-repeat;
}

	#suntory_contents #point02 ul li#point02_recipe h3 {
		background-image: url(/ec/suntoryid/read/environment/img/recipe_pc_title.png);
	}

	#suntory_contents #point02 ul li#article_area h3 {
		background-image: url(/ec/suntoryid/read/environment/img/area_pc_title.png);
	}
	
	#suntory_contents #point02 ul li#point02_harenavi h3 {
		background-image: url(/ec/suntoryid/read/environment/img/harenavi_pc_title.png);
	}
	#suntory_contents #point02 ul li#point02_s-comic h3 {
		background-image: url(/ec/suntoryid/read/environment/img/s-comic_pc_title.png);
	}

#suntory_contents #point02 ul li h3:hover {
	cursor: pointer;
	opacity: 0.7;
}

#suntory_contents #point02 ul li h3:hover img {
	opacity: 0.7;
}

#suntory_contents #point02 .sp_only {
	display: none;
}

#suntory_contents #point02 ul li p.article_text2 {
    margin: 5px 0 0 0;
	text-align: left;
}

#suntory_contents #point02 ul li p.article_text2 a {
    font-size: 12px;
    line-height: 1.5;
	text-decoration: none;
}

#suntory_contents #point02 ul li p.article_text2 a:hover {
	text-decoration: underline;
	cursor: pointer;
}







/*------------------------------------------------------------
  [PC] point_use
------------------------------------------------------------ */
#suntory_contents #point_use {
    margin: 0 auto;
    width: 960px;
}

#suntory_contents #point_use .title_bar {
    margin:0 0 10px 0;
    display: table;
}
#suntory_contents #point_use h1 {
    padding-right: 15px;
    font-size: 28px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#suntory_contents #point_use .btn_list {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

#suntory_contents #point_use .lead {
    margin-bottom: 30px;
    font-size: 13px;
    color: #4b4b4b;
}

#suntory_contents #point_use .title_bar_secondary {
    margin:0 0 15px 0;
    display: table;
}
#suntory_contents #point_use .title_bar_secondary h2 {
    padding-right: 15px;
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#suntory_contents #point_use .title_bar_secondary .btn_list {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

#suntory_contents #point_use ul {
    margin-bottom: 40px;
    list-style: none;
    width: 74.226804123%;
}
#suntory_contents #point_use ul:after { content :''; display :block; clear :both; }


#suntory_contents #point_use li {
    width: 22.569444444%;
    float: left;
    margin-right: 3.240740742%
}

#suntory_contents #point_use li a {
    color: #3a4850;
}


#suntory_contents #point_use li:nth-child(4) {
    margin-right: 0px;
}

#suntory_contents #point_use li img {
    margin-bottom: 12px;
    width: 100%;
    vertical-align: bottom;
}
#suntory_contents #point_use li .caption {
    font-size: 14px;
    line-height: 1.5;
    color: #3a4850;
}

#suntory_contents #point_use li a:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}


/*------------------------------------------------------------
  [PC] point_prize
------------------------------------------------------------ */
#suntory_contents #point_prize {
    background: #fff;
    padding: 30px;
    width: 74.226804123%;
    border: 3px #fff solid;
      -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#suntory_contents #point_prize:hover {
    border: 3px #81cfe9 solid;
}

#suntory_contents #point_prize a {
    display: block;
}
#suntory_contents #point_prize a:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
    text-decoration: none;
}
#suntory_contents #point_use #point_prize .title_bar_secondary {
    margin: 0;
}
#suntory_contents #point_use #point_prize .title_bar_secondary h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
    /*display: block;*/
    vertical-align: top;	
	display: inline-block;
    margin-right: 10px;
}
#suntory_contents #point_use #point_prize .title_bar_secondary h3 {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    vertical-align: top;
}
#suntory_contents #point_use #point_prize .title_bar_secondary .btn_list_small {
	display: inline-block;
}
#suntory_contents #point_prize a h2,
#suntory_contents #point_prize a h3,
#suntory_contents #point_prize a p {
    color: #000;
}
#suntory_contents #point_prize .lead {
    margin: 0 0 30px;
    font-size: 13px;
    color: #000;
}


#suntory_contents #point_use #point_prize ul {
    margin-bottom: 0;
    width: 100%;
}
#suntory_contents #point_use #point_prize li {
    /*width: 17.412935323%;*/
    width: 21.7661692%;	
    float: left;
    margin-right: 3.2338308455%
}
#suntory_contents #point_use #point_prize li:nth-child(5) {
    margin-right: 0px;
}

#suntory_contents #point_use #point_prize li img {
    margin-bottom: 20px;
    width: 100%;
}
#suntory_contents #point_use #point_prize li .caption {
    font-size: 14px;
    line-height: 1.5;
    color: #1f4a64;
}
#suntory_contents #point_use #point_prize li .numbers {
    font-size: 14px;
    line-height: 1.5;
    color: #f37d00;
}

/*------------------------------------------------------------
  [PC] event bnr
------------------------------------------------------------ */
#suntory_contents #event_bnr {
	margin-top: 30px;
	width: 74.226804123%;
}

	#suntory_contents #event_bnr p {
		width: 100%;
		margin: 0 auto;
	}

	#suntory_contents #event_bnr p img {
		width: 100%;
		height: auto;
	}


	#suntory_contents #event_bnr p a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}

@media screen and (min-width:1030px){
    /*------------------------------------------------------------
      [PC] event bnr
    ------------------------------------------------------------ */
        #suntory_contents #event_bnr p {
            width: 728px;
            height: 90px;
        }
}


/*------------------------------------------------------------
  [PC] recommend_event_container
------------------------------------------------------------ */
#suntory_contents #recommend_event_container {
    margin-top: 30px;
}
#suntory_contents #recommend_event_container h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    vertical-align: top;
}
#suntory_contents #recommend_event_container p {
    margin: 10px 0 20px;
}

#suntory_contents #recommend_event_container ul:after { content :''; display :block; clear :both; }

#suntory_contents #recommend_event_container ul li {
    /*width: 23.195876288%;*/
    list-style: none;
    float: left;
    /*margin-bottom: 2.405498281%;*/
    /*margin-right: 2.405498281%;*/
    background: #e5f9ff;
    /*position: relative;*/
    overflow: hidden;
	
	/*width: 97%;*/
	/*margin: 0 1.5%;*/
	width: 22.75%;
	margin-right: 3%;
	margin-bottom: 3%;
}
#suntory_contents #recommend_event_container ul li:nth-child(4n) {
		margin-right: 0;
}
#suntory_contents #recommend_event_container ul li a {
    color: #3a4850;
}

#suntory_contents #recommend_event_container ul li .img_block {
    position: relative;
}

#suntory_contents #recommend_event_container ul li .members_only {
  /*left: 8.8%;*/
  top: -8.8%;
  position: absolute;
  /*width: 100%;*/
  /*height: 100%;*/ 
  -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
  /*z-index: 100;*/
  
  left: 13.8%;
  width: 16%;  
  z-index: 14;
  
  left: 40%;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 100;
}
#suntory_contents #recommend_event_container ul li .members_only span {
  text-align: center;
  display: block;
  width: 100%;
  height: 30px; 
  line-height: 30px; 
  background: #f52020;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
}
#suntory_contents #recommend_event_container ul li:nth-child(4n){
    margin-right: 0;
}

#suntory_contents #recommend_event_container ul li img {
    /*width: 100%;*/
    vertical-align: bottom;
	
	float: left;
	margin-bottom: 0;
	/*width: 25%;*/
	height: auto;
	width: 100%;
}


#suntory_contents #recommend_event_container ul li a:hover img {
    opacity: 0.8;
}
#suntory_contents #recommend_event_container .text_block {
    /*padding: 10px 15px;*/
	
	padding: 15px 10px;
	float: left;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 25%;*/
	background: #e5f9ff;
	z-index: 15;
}

#suntory_contents #recommend_event_container .label p {
    margin: 0 10px 10px 0;
    font-size: 12px;
    line-height: 1.5;
    color: #3a4850;
    display: inline-block;
    background: #fff;
    padding:5px;
}
#suntory_contents #recommend_event_container .label p.no_application_required {
    background: #0097de;
    color: #fff;
}
#suntory_contents #recommend_event_container .label p.accepting {
    background: #ff8400;
    color: #fff;
    margin-right: 10px;
}
#suntory_contents #recommend_event_container .label p.report {
    background: #369704;
    color: #fff;
}
#suntory_contents #recommend_event_container .label p.area {
    background: #fff;
    color: #3a4850;
    margin-right: 0;
}
#suntory_contents #recommend_event_container .label p.pay {
    background: #f8dfdf;
    color: #f52020;
}
#suntory_contents #recommend_event_container .label p.free {
    background: #cae6bb;
    color: #369704;
}

#suntory_contents #recommend_event_container .text {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: #3a4850;
}
#suntory_contents #recommend_event_container .date {
    font-size: 14px;
    line-height: 1.5;
    color: #3a4850;
}
#suntory_contents #recommend_event_container .place {
    font-size: 14px;
    line-height: 1.5;
    color: #3a4850;
	
	margin-bottom: 0;
}　


#suntory_contents #recommend_event_container #past_events {
	width: 400px;
	height: 60px;
	margin: 20px 0 0 0;
}

#suntory_contents #recommend_event_container #past_events a {
	width: 400px;
	height: 60px;
	display: block;
}

#suntory_contents #recommend_event_container #past_events a img {
	width: 100%;
	height: auto;
}


/*------------------------------------------------------------
  [PC] coupon_container
------------------------------------------------------------ */
#suntory_contents #coupon_container {
    margin: 60px auto;
    padding: 0 20px;
    width: 960px;
    box-sizing: border-box;
}

#suntory_contents #coupon_container .title_bar {
    margin:0 0 10px 0;
    display: table;
}
#suntory_contents #coupon_container h1 {
    padding-right: 15px;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
#suntory_contents #coupon_container .btn_list {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

#suntory_contents #coupon_container .lead {
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 1.5;
    width: 74.226804123%;
}

#suntory_contents #coupon_container ul {
    list-style: none;
    /*width: 74.226804123%;*/
	width: 77%;
}
#suntory_contents #coupon_container ul:after { content :''; display :block; clear :both; }

#suntory_contents #coupon_container li {
    /*width: 17.592592592%;*/
    float: left;
    /*margin-right:3.009259259%;*/
	
    /*width: 22.75%;*/
    margin-right: 3%;
	height: 170px;
	margin-bottom: 6%;
    width: 22%;
}
#suntory_contents #coupon_container li:nth-child(4) {
    /*margin-right: 0;*/
}
/*
#suntory_contents #coupon_container li:nth-child(5) {
    margin-right:0;
}
*/
#suntory_contents #coupon_container li img {
    width: 100%;
    vertical-align: top;
}

#suntory_contents #coupon_container li a:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}

#suntory_contents #coupon_container li a .caption {
    font-size: 14px;
    line-height: 1.5;
    color: #3a4850;
}

#suntory_contents #coupon_container li a:hover .caption {
    color: #3a4850;
	text-decoration: underline;
}


@media screen and (max-width:1100px){ #suntory_contents #coupon_container li { margin-bottom: 5%; }}
@media screen and (max-width:1000px){ #suntory_contents #coupon_container li { margin-bottom: 4%; }}
@media screen and (max-width:900px){  #suntory_contents #coupon_container li { margin-bottom: 3%; }}
@media screen and (max-width:800px){  #suntory_contents #coupon_container li { margin-bottom: 2%; }}

#suntory_contents #coupon_container h2 {
	margin: 30px 0 20px 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    display: block;
    vertical-align: top;
}

#suntory_contents #coupon_container p#bnr_catalina img {
	display: none;
}

#suntory_contents #coupon_container p#bnr_catalina {
	width: 74.69%;
}

#suntory_contents #coupon_container p#bnr_catalina a {
	padding-bottom: 14.94%;
	display: block;
	background: url(/ec/suntoryid/top/img/bnr_catalina_pc.png) left top no-repeat;
	background-size: 100% auto;
}

#suntory_contents #coupon_container p#bnr_catalina a:hover {
	opacity: 0.7;
}

@media screen and (min-width:961px){
/*=============================================================
  [PC] width 961px -
============================================================ */

    /*------------------------------------------------------------
      [PC] container
    ------------------------------------------------------------ */
    #suntory_contents #container {
        margin: 0 auto;
        width: 100%;
        max-width: 1164px;
    }


    /*------------------------------------------------------------
      [PC] movie_container
    ------------------------------------------------------------ */
    #suntory_contents #movie_container .inner {
        margin: 0 auto;
        width: 100%;
        max-width: 1164px;
    }

    /*------------------------------------------------------------
      [PC] harenavi_container
    ------------------------------------------------------------ */
    #suntory_contents #harenavi_container {
        margin: 0 auto 60px;
        width: 100%;
        max-width: 1164px;
    }

    /*------------------------------------------------------------
      [PC] extra_container
    ------------------------------------------------------------ */
    #suntory_contents #extra_container {
        margin: 0 auto;
        width: 100%;
        max-width: 1164px;
    }

    /*------------------------------------------------------------
      [PC] point
    ------------------------------------------------------------ */
    #suntory_contents #point {
        margin: 0 auto 60px;
        width: 100%;
        max-width: 1164px;
    }

    /*------------------------------------------------------------
      [PC] point_use
    ------------------------------------------------------------ */
    #suntory_contents #point_use {
        margin: 0 auto;
        width: 100%;
        max-width: 1164px;
    }

    /*------------------------------------------------------------
      [PC] coupon_container
    ------------------------------------------------------------ */
    #suntory_contents #coupon_container {
        margin: 60px auto;
        width: 100%;
        max-width: 1164px;
    }
    

}


@media screen and (min-width:1164px){
/*=============================================================
  [PC] width 1164px - 
============================================================ */
    
    /*------------------------------------------------------------
      [PC] announcement
    ------------------------------------------------------------ */
    #suntory_contents #announcement {
    margin: 0 0 47px;
    }
    
    /*------------------------------------------------------------
      [PC] campaign_container
    ------------------------------------------------------------ */
    #suntory_contents #campaign_container {
        padding-left: 0;
    }
    
    /*------------------------------------------------------------
      [PC] movie_container
    ------------------------------------------------------------ */
    #suntory_contents #movie_container .inner {
    padding: 0;
    }
    
    /*------------------------------------------------------------
     [PC] harenavi_container
    ------------------------------------------------------------ */
    #suntory_contents #harenavi_container {
    padding: 0;
    }
    
    /*------------------------------------------------------------
      [PC] coupon_container
    ------------------------------------------------------------ */
    #suntory_contents #coupon_container {
    padding: 0;
    }
    
}


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

    /*=============================================================
      [SP]
    ============================================================ */

    /*------------------------------------------------------------
      [SP] overlay
    ------------------------------------------------------------ */
    #suntory_contents #overlay {
        width: 100%;
        height: 100%;
        display: block;
        z-index: 1000;
        position: fixed;
        top: 0px;
        left: 0px;
        background: rgba(0,0,0,.5);
    }

    /*------------------------------------------------------------
      [SP] container
    ------------------------------------------------------------ */
    #suntory_contents #container {
        margin: 0 auto;
        padding-bottom: 10px;
        width: 100%;
    }

    /*------------------------------------------------------------
      [sp] announcement
    ------------------------------------------------------------ */
    #suntory_contents #announcement {
    width: auto;
    background: #eef3f7;
    margin: 0 10px 20px;
    padding: 10px;
    }
    #suntory_contents #announcement dl {
        display: block;
    }
    #suntory_contents #announcement dt {
        display: none;
    }
    #suntory_contents #announcement dd {
        display: block;
        padding: 0 10px;
    }
    #suntory_contents #announcement dd p {
        margin-bottom: .5em;
        font-size: 12px;
    }
    #suntory_contents #announcement dd p a {
    display: inline-block;
    position: relative;
    padding-right:.5em;
    }
    #suntory_contents #announcement dd p a:after{
    content:"";
    vertical-align:middle;
    position:absolute;
    top:.375em;
    right:-.5em;
    width:.5em;
    height:.5em;
    margin:auto;
    border-top:3px solid #2f4756;
    border-right:3px solid #2f4756;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    }

    /*------------------------------------------------------------
      [SP] campaign_container
    ------------------------------------------------------------ */
    #suntory_contents #campaign_container {
        width: auto;
        padding: 0 13px;
    }

    #suntory_contents #campaign_regular .title_bar {
        margin: 0 10px 15px 0;
        width: auto;
        display: table;
    }

    #suntory_contents #campaign_regular h1 {
        padding-right: 5px;
        font-size: 20px;
        line-height: 1;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }

    #suntory_contents #campaign_regular .btn_list {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    #suntory_contents #campaign_area .title_bar {
        margin:0 5px 15px 0;
        width: auto;
        display: block;
        position: relative;
    }
    #suntory_contents #campaign_area h1 {
        padding-right: 5px;
        font-size: 18px;
        line-height: 32px;
        font-weight: bold;
        display: block;
        vertical-align: middle;
    }
    #suntory_contents #campaign_area .btn_list {
        display: block;
        vertical-align: middle;
        text-align: left;
        position: absolute;
        top: 0px;
        left:11em;
    }
    #suntory_contents #campaign_area .select_wrap {
    margin: 10px 0 0;
    vertical-align: middle;
    text-align: left;
    position: relative;
    width: 100%;
    border:2px #5bc2dc solid;
    display: block;
    }
    #suntory_contents #campaign_area .select_wrap:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 40px;
        height: 40px;
        margin: 0;
        padding:0;
        overflow: hidden;
    }
    #suntory_contents #campaign_area .select_wrap:after{
        content:"";
        vertical-align:middle;
        position:absolute;
        top:calc(50% - 6px);
        right:10px;
        width:6px;
        height:6px;
        margin:auto;
        color: #fff;
        border-top:3px solid #5bc2dc;
        border-right:3px solid #5bc2dc;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg);
        z-index: 10;
    }
    #suntory_contents #campaign_area select {
        margin: 0;
        padding: 0 5px;
        cursor: pointer;
        position: relative;
        -webkit-appearance: none;
        appearance: none;
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 0;
        font-size: 16px;
        color: #46555e;
        border:none;
        z-index: 1000;
        background: transparent;
        outline: none;
    }

   #suntory_contents #campaign_container ul li {
        width: 47.457627118%;
        list-style: none;
        float: left;
        margin-bottom:5.084745762%;
        margin-right: 0;
    }

    #suntory_contents #campaign_container ul #campain_area_msg {
        width: 100%;
        list-style: none;
        float: left;
        margin-bottom: 20px;
        margin-right: 0;
        margin-top: 35px;
        color: #46555e;
        font-size: 14px;
    }

    #suntory_contents #campaign_container ul li:nth-child(3),
    #suntory_contents #campaign_container ul li:nth-child(6),
    #suntory_contents #campaign_container ul li:nth-child(9){
        margin-right: 0;
    }

    #suntory_contents #campaign_container ul li:nth-child(odd) {
        margin-right: 5.084745762%;
    }
    #suntory_contents #campaign_container ul li:nth-child(even) {
        margin-right: 0;
    }
    #suntory_contents #campaign_container .caption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #46555e;
    }
    
    /*------------------------------------------------------------
      [SP] movie_container
    ------------------------------------------------------------ */
    #suntory_contents #movie_container {
        width: 100%;
        margin: 0 0 30px;
        padding: 20px 0;
    }
    #suntory_contents #movie_container .inner {
        margin: 0 auto;
        padding: 0 10px;
        width: auto;
    }

     #suntory_contents #movie_container .title_bar {
        margin:0 0 15px 0;
        display: table;
        width:100%;
        }
        #suntory_contents #movie_container h1 {
            padding-right: 15px;
            font-size: 18px;
            line-height: 1;
            font-weight: bold;
            display: table-cell;
            vertical-align: middle;
            text-align: left;

        }
        #suntory_contents #movie_container .btn_list {
            display: table-cell;
            vertical-align: middle;
            text-align: right;
        }
        #suntory_contents #movie_container ul {
        list-style: none;
        width: 100%;
        }
        #suntory_contents #movie_container li {
        width: 100%;
        float: none;
        }
        #suntory_contents #movie_container li:nth-child(1) {
            margin: 0;
        }

        #suntory_contents .schImage img {
        margin-bottom: 10px;
        vertical-align: bottom;
        }
        #suntory_contents .schBrand {
            margin-top: 0;
            font-size: 13px;
            line-height: 1.5;
            color: #000;
        }
        #suntory_contents #movie_container .caption {
        margin-top: 0;
        font-size: 13px;
        line-height: 1.5;
        color: #000;
        }
        #suntory_contents #movie_container .caption span {
            font-size: 13px;
        }

    /*------------------------------------------------------------
      [SP] harenavi_container
    ------------------------------------------------------------ */
    #suntory_contents #harenavi_container {
        margin: 20px 0;
        padding: 0 10px;
        width: auto;
    }
    #suntory_contents #harenavi_container .title_bar {
        margin:0 0 10px 0;
        display: table;
        width: 100%;
    }
    #suntory_contents #harenavi_container h1 {
        padding-right: 15px;
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }
    #suntory_contents #harenavi_container .btn_list {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

    #suntory_contents #harenavi_container .lead {
        margin-bottom: 20px;
        font-size: 10px;
    }

    #suntory_contents #harenavi_container ul {
        width: 100%;
    }

    #suntory_contents #harenavi_container ul li {
        list-style: none;
    }
    #suntory_contents #harenavi_container ul li img {
        width: 100%;
    }

    #suntory_contents #harenavi_container ul li a {
        color: #46555e;
    }

/*
    #suntory_contents #harenavi_container ul .feature {
        margin-bottom: 15px;
        float: none;
        width: 100%;
    }
    #suntory_contents #harenavi_container ul .feature .caption {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.5;
    }
*/
  #suntory_contents #harenavi_container ul .article {
        width: 47.457627118%;
        list-style: none;
        float: left;
        margin-bottom:5.084745762%;
        margin-right: 0;
    }

    #suntory_contents #harenavi_container ul .article:nth-child(3),
    #suntory_contents #harenavi_container ul .article:nth-child(6),
    #suntory_contents #harenavi_container ul .article:nth-child(9){
        margin-right: 0;
    }

    #suntory_contents #harenavi_container ul .article:nth-child(odd) {
        margin-right: 5.084745762%;
    }
    #suntory_contents #harenavi_container ul .article:nth-child(even) {
        margin-right: 0;
    }
    #suntory_contents #harenavi_container ul .article .caption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #46555e;
    }


    /*------------------------------------------------------------
      [SP] extra_container
    ------------------------------------------------------------ */
    #suntory_contents #extra_container {
        margin: 0 13px 40px;
        width: auto;
    }
    #suntory_contents #extra_container figure {
        width: 100%;
    }
    #suntory_contents #extra_container figure img {
        width: 100%;
    }

    #suntory_contents #extra_container a {
        color: #46555e;
    }
    #suntory_contents #extra_container a:hover img {
        opacity: 0.8;
    }
    #suntory_contents #extra_container figcaption {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.5;
    }

    /*------------------------------------------------------------
      [SP] water_container
    ------------------------------------------------------------ */
    #suntory_contents #water_container {
        width: 100%;
    }
    #suntory_contents #wave {
        margin: 0;
        padding: 0;
        width: 0;
        height: 0;
        display: none;
    }
    #suntory_contents #water_container .inner{
        margin-top: 0;
        background: #bde8f4;
        padding: 20px 10px;
    }

    /*------------------------------------------------------------
      [SP] point
    ------------------------------------------------------------ */
    #suntory_contents #point {
        margin: 0 0 20px;
        width: auto;
    }

    #suntory_contents #point .title_bar {
        margin:0 0 10px 0;
        display: table;
    }
    #suntory_contents #point h1 {
        padding-right: 15px;
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: -.1em;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }
    #suntory_contents #point .title_bar .btn_list {
        display: none;
    }

    #suntory_contents #point .lead {
        margin-bottom: 30px;
        font-size: 10px;
        line-height: 1.5;
        color: #4b4b4b;
    }

    #suntory_contents #point .title_bar_secondary {
        margin:0 0 15px 0;
        display: table;
        width: 100%;
    }
    #suntory_contents #point .title_bar_secondary h2 {
        padding-right: 15px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }
    #suntory_contents #point .title_bar_secondary .btn_list_small {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        padding-right: 0;
    }

    #suntory_contents #point ul {
        margin-bottom: 20px;
        list-style: none;
        width: 100%;
    }
    #suntory_contents #point ul:after { content :''; display :block; clear :both; }


    #suntory_contents #point li {
        margin: 0 0 15px;
        width: 47.457627118%;
        float: left;
        margin-right:0;
    }
    #suntory_contents #point li a {
        color: #3a4850;
    }
    #suntory_contents #point li:nth-child(4) {
        margin-right: 0px;
    }

    #suntory_contents #point li:nth-child(odd){
        clear: both;
        float:left;
    }
    #suntory_contents #point li:nth-child(even){
        float:right;
    }
    #suntory_contents #point li img {
        margin-bottom: 5px;
        width: 100%;
    }
    #suntory_contents #point li .caption {
        font-size: 10px;
        line-height: 1.5;
        color: #3a4850;
    }
    
    /*------------------------------------------------------------
      [SP] article_link
    ------------------------------------------------------------ */
    #suntory_contents .article_img {
        position: relative;
        padding: 0;
        vertical-align: top;
        overflow: visible;
    }
    #suntory_contents .article_img figure {
        margin: 0;
        padding: 0;
        height: 106px;
        vertical-align: top;
        position: relative;
    }
	
    	#suntory_contents #point02 .article_img figure {
        	height: auto;
    	}	
	
    #suntory_contents #point .article_img img {
        margin: 0;
        padding: 0;
        vertical-align: top;
        width: 100%;
        height: auto;
    }
	
    	#suntory_contents #point #point02 .article_img img {
       		width: auto;
        	height: 100%;		
		}
	
    #suntory_contents .article_img .article_text {
        padding: 10px;
        position: static;
        background: #fff;
        color: #000;
        font-size: 10px;
        line-height: 1.5;
    }
    #suntory_contents .article_site {
        text-align: right;
        margin: 5px 0 0;
        font-size: 12px;
        line-height: 1.5;
    }
    
    
    
    /*------------------------------------------------------------
      [SP] point_use
    ------------------------------------------------------------ */
    #suntory_contents #point_use {
        margin: 0 0 20px;
        width: auto;
    }

    #suntory_contents #point_use .title_bar {
        margin:0 0 10px 0;
        display: table;
    }
    #suntory_contents #point_use h1 {
        padding-right: 15px;
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: -.1em;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }
    #suntory_contents #point_use .title_bar .btn_list {
        display: none;
    }

    #suntory_contents #point_use .lead {
        margin-bottom: 30px;
        font-size: 10px;
        line-height: 1.5;
        color: #4b4b4b;
		margin-top: 10px;
    }

    #suntory_contents #point_use .title_bar_secondary {
        margin:0 0 15px 0;
        display: table;
        width: 100%;
    }
    #suntory_contents #point_use .title_bar_secondary h2 {
        padding-right: 15px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }
    #suntory_contents #point_use .title_bar_secondary .btn_list_small {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        padding-right: 0;
    }

    #suntory_contents #point_use ul {
        margin-bottom: 20px;
        list-style: none;
        width: 100%;
    }
    #suntory_contents #point ul:after { content :''; display :block; clear :both; }


    #suntory_contents #point li {
        margin-bottom: 15px;
        width: 47.457627118%;
        float: left;
        margin-right:0;
    }
    #suntory_contents #point li a {
        color: #3a4850;
		display: block;
    }
    #suntory_contents #point li:nth-child(4) {
        margin-right: 0px;
    }

    #suntory_contents #point li:nth-child(odd){
        clear: both;
        float:left;
    }
    #suntory_contents #point li:nth-child(even){
        float:right;
    }
    #suntory_contents #point li img {
        margin-bottom: 5px;
        width: 100%;
    }
    #suntory_contents #point li .caption {
        font-size: 10px;
        line-height: 1.5;
        color: #3a4850;
    }


    /*------------------------------------------------------------
      [SP] point_prize
    ------------------------------------------------------------ */
    #suntory_contents #point_prize {
        background: #fff;
        padding: 15px 10px 15px;
        width: 100%;
        border: 3px #fff solid;
    }
    #suntory_contents #point_prize:hover {
        border: 3px #81cfe9 solid;
    }

    #suntory_contents #point_prize a {
        display: block;
    }
	
		#suntory_contents #point_use #point_prize .title_bar_secondary {
  			display: block;
		}	
	
    #suntory_contents #point_use #point_prize .title_bar_secondary h2 {
        font-size: 16px;
		margin-bottom: 5px;
    }
    #suntory_contents #point_use #point_prize .title_bar_secondary h3 {
        font-size: 12px;
    }




    #suntory_contents #point_prize a h2 {
        color: #000;
    }

    #suntory_contents #point_use #point_prize ul {
        margin-bottom: 0;
        width: 100%;
    }
    #suntory_contents #point_use #point_prize li {
        width: 48.076923076%;
        float: left;
        margin-right:0;
    }
    #suntory_contents #point_use #point_prize li:nth-child(5) {
        margin-right: 0px;
    }
    #suntory_contents #point_use #point_prize li:nth-child(odd) {
        clear:both;
        float:left;
    }
    #suntory_contents #point_use #point_prize li:nth-child(even) {
        float:right;
    }

    #suntory_contents #point_use #point_prize li img {
        margin-bottom: 0;
        width: 100%;
    }
    #suntory_contents #point_use #point_prize li .caption {
        font-size: 12px;
        line-height: 1.5;
        color: #1f4a64;
    }
    #suntory_contents #point_use #point_prize li .numbers {
        font-size: 10px;
        line-height: 1.5;
        color: #f37d00;
    }
    /*------------------------------------------------------------
 	 [SP] event bnr
	------------------------------------------------------------ */
	#suntory_contents #event_bnr {
		margin-top: 20px;
		width: 100%;
	}

		#suntory_contents #event_bnr p {
			width: 100%;
		}

		#suntory_contents #event_bnr p img {
			width: 100%;
			height: auto;
		}
    
    /*------------------------------------------------------------
      [SP] recommend_event_container
    ------------------------------------------------------------ */
    #suntory_contents #recommend_event_container {
    margin-top: 30px;
    }
    #suntory_contents #recommend_event_container h2 {
        font-size: 16px;
    }
    #suntory_contents #recommend_event_container p {
        margin: 10px 0 15px;
        font-size: 12px;
    }

    #suntory_contents #recommend_event_container ul li {
        width: 100%;
        list-style: none;
        float: none;
        margin-bottom: 0;
        margin-right: 0;
        background: none;
        position: relative;
    }
    #suntory_contents #recommend_event_container ul li a {
        color: #3a4850;
    }
    #suntory_contents #recommend_event_container ul li .img_block {
        position: relative;
    }
    #suntory_contents #recommend_event_container ul li .members_only {
      position: absolute;
      width: 100%;
      height: 100%; 
      -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
      z-index: 100;
      left: 8.3333333333%;
	  top: -8.8%;
    }
    #suntory_contents #recommend_event_container ul li .members_only span {
      text-align: center;
      display: block;
      width: 100%;
      height: 30px; 
      line-height: 30px; 
      background: #f52020;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
    }
    #suntory_contents #recommend_event_container ul li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #recommend_event_container ul li a:hover img {
        opacity: 0.8;
    }
    #suntory_contents #recommend_event_container .text_block {
        padding: 0 0 10px;
    }

    #suntory_contents #recommend_event_container .label p {
        margin: 0 10px 0 0;
        font-size: 12px;
        line-height: 1.5;
        color: #3a4850;
        display: inline-block;
        background: #fff;
        padding:5px;
    }
    #suntory_contents #recommend_event_container .label p.no_application_required {
        background: #0097de;
        color: #fff;
    }
    #suntory_contents #recommend_event_container .label p.accepting {
        background: #ff8400;
        color: #fff;
    }
    #suntory_contents #recommend_event_container .label p.report {
        background: #369704;
        color: #fff;
    }
    #suntory_contents #recommend_event_container .label p.area {
        background: #fff;
        color: #3a4850;
    }

    #suntory_contents #recommend_event_container .text {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.5;
        color: #3a4850;
    }
    #suntory_contents #recommend_event_container .date {
        font-size: 14px;
        line-height: 1.5;
        color: #3a4850;
    }
    #suntory_contents #recommend_event_container .place {
        font-size: 14px;
        line-height: 1.5;
        color: #3a4850;
    }
	
	
	
#suntory_contents #recommend_event_container #past_events {
	width: 85.34%;
	height: auto;
	margin: 20px auto 0 auto;
}

#suntory_contents #recommend_event_container #past_events a {
	width: 100%;
	height: auto;
	display: block;
}

#suntory_contents #recommend_event_container #past_events a img {
	width: 100%;
	height: auto;
}

    /*------------------------------------------------------------
      [SP] coupon_container
    ------------------------------------------------------------ */
    #suntory_contents #coupon_container {
        margin: 30px 0;
        padding: 0 5px;
        width: auto;
    }

    #suntory_contents #coupon_container .title_bar {
        margin:0 0 10px 0;
        display: table;
    }
    #suntory_contents #coupon_container h1 {
        padding-right: 15px;
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }
    #suntory_contents #coupon_container .btn_list {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
    }

    #suntory_contents #coupon_container .lead {
        margin-bottom: 30px;
        font-size: 10px;
        line-height: 1.5;
        width: auto;
    }

    #suntory_contents #coupon_container ul {
        list-style: none;
        width: 100%;
    }
    #suntory_contents #coupon_container ul:after { content :''; display :block; clear :both; }

    #suntory_contents #coupon_container li {
        /*width: 28.813559322%;*/
        float: left;
        /*margin-right:6.779661016%;*/
        /*margin-bottom:6.779661016%;*/
		
    	width: 47%;
   		/*margin-right: 6%;*/
   		/*margin-bottom: 6%;*/
		height: 360px;
		margin-right: 1.5%;
		margin-left: 1.5%;
		margin-bottom: 0%;			
    }
	
    	#suntory_contents #coupon_container li.coupon_nologin {
			height: 260px;
    	}	
	
	#suntory_contents #coupon_container li:nth-child(even) {
  	  /*margin-right: 0;*/
	}
    #suntory_contents #coupon_container li:nth-child(3) {
        /*margin-right:6%*/
    }
    #suntory_contents #coupon_container li img {
        width: 100%;
        vertical-align: top;
    }

    #suntory_contents #coupon_container li a:hover img {
        -ms-filter: "alpha( opacity=80 )";
        filter: alpha( opacity=80 );
        opacity: 0.8;
    }
    
    #suntory_contents #coupon_container h2 {
		margin: 20px 0 10px 0;
	    padding: 0;
	    font-size: 14px;
	    line-height: 1.5;
	    font-weight: bold;
	    display: block;
	    vertical-align: top;
	}
	#suntory_contents #coupon_container p#bnr_catalina {
		width: 97%;
		margin: 0 auto;
	

	#suntory_contents #coupon_container p#bnr_catalina a {
		width: 100%;
		display: block;
		background: none;	
	}

	#suntory_contents #coupon_container p#bnr_catalina a img {
		display: block;
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width:750px){ #suntory_contents #coupon_container li { height: 350px;} }
@media screen and (max-width:730px){ #suntory_contents #coupon_container li { height: 340px;} }		
@media screen and (max-width:710px){ #suntory_contents #coupon_container li { height: 330px;} }	
	
@media screen and (max-width:690px){ #suntory_contents #coupon_container li { height: 320px;} }			
@media screen and (max-width:670px){ #suntory_contents #coupon_container li { height: 310px;} }		
@media screen and (max-width:650px){ #suntory_contents #coupon_container li { height: 300px;} }
@media screen and (max-width:630px){ #suntory_contents #coupon_container li { height: 290px;} }		
@media screen and (max-width:600px){ #suntory_contents #coupon_container li { height: 280px;} }			

@media screen and (max-width:570px){ #suntory_contents #coupon_container li { height: 270px;} }
@media screen and (max-width:540px){ #suntory_contents #coupon_container li { height: 260px;} }		
@media screen and (max-width:510px){ #suntory_contents #coupon_container li { height: 250px;} }	
		
@media screen and (max-width:480px){ #suntory_contents #coupon_container li { height: 240px;} }		
@media screen and (max-width:450px){ #suntory_contents #coupon_container li { height: 230px;} }
@media screen and (max-width:420px){ #suntory_contents #coupon_container li { height: 210px;} }	
	
@media screen and (max-width:390px){ #suntory_contents #coupon_container li { height: 180px;} }			
@media screen and (max-width:360px){ #suntory_contents #coupon_container li { height: 170px;} }		
@media screen and (max-width:330px){ #suntory_contents #coupon_container li { height: 160px;} }		
@media screen and (max-width:310px){ #suntory_contents #coupon_container li { height: 150px;} }		



@media screen and (max-width:750px){ #suntory_contents #coupon_container li.coupon_nologin { height: 250px;} }
@media screen and (max-width:730px){ #suntory_contents #coupon_container li.coupon_nologin { height: 245px;} }		
@media screen and (max-width:710px){ #suntory_contents #coupon_container li.coupon_nologin { height: 240px;} }	
	
@media screen and (max-width:690px){ #suntory_contents #coupon_container li.coupon_nologin { height: 235px;} }			
@media screen and (max-width:670px){ #suntory_contents #coupon_container li.coupon_nologin { height: 230px;} }		
@media screen and (max-width:650px){ #suntory_contents #coupon_container li.coupon_nologin { height: 225px;} }
@media screen and (max-width:630px){ #suntory_contents #coupon_container li.coupon_nologin { height: 220px;} }		
@media screen and (max-width:600px){ #suntory_contents #coupon_container li.coupon_nologin { height: 210px;} }			

@media screen and (max-width:570px){ #suntory_contents #coupon_container li.coupon_nologin { height: 200px;} }
@media screen and (max-width:540px){ #suntory_contents #coupon_container li.coupon_nologin { height: 190px;} }		
@media screen and (max-width:510px){ #suntory_contents #coupon_container li.coupon_nologin { height: 180px;} }	
		
@media screen and (max-width:480px){ #suntory_contents #coupon_container li.coupon_nologin { height: 170px;} }		
@media screen and (max-width:450px){ #suntory_contents #coupon_container li.coupon_nologin { height: 160px;} }
@media screen and (max-width:420px){ #suntory_contents #coupon_container li.coupon_nologin { height: 160px;} }	
	
@media screen and (max-width:390px){ #suntory_contents #coupon_container li.coupon_nologin { height: 150px;} }			
@media screen and (max-width:360px){ #suntory_contents #coupon_container li.coupon_nologin { height: 140px;} }		
@media screen and (max-width:330px){ #suntory_contents #coupon_container li.coupon_nologin { height: 130px;} }		
@media screen and (max-width:310px){ #suntory_contents #coupon_container li.coupon_nologin { height: 120px;} }		
   
/*  限定イベント表示１件化　*/   
@media screen and (max-width:1200px){
	#suntory_contents #recommend_event_container .text_block {
		/*padding-right: 15px;*/
	}	 
	#suntory_contents #recommend_event_container .text {
	    margin: 0 0 5px 0;
	}
	#suntory_contents #recommend_event_container .date {
	 	margin: 0;
	}
	#suntory_contents #recommend_event_container .place {
	 	margin: 0;
	}	
	}

	@media screen and (max-width:1050px){ 
	#suntory_contents #recommend_event_container .text {
	    margin: 0;
	}
	#suntory_contents #recommend_event_container .label p {
	    margin-bottom: 5px;
	}
	}

	@media screen and (max-width:767px){
	#suntory_contents #recommend_event_container .text_block {
		float:none;
	    position: static;
		background-color: transparent;
	}

	#suntory_contents #recommend_event_container ul li img {
		float: none;
		margin-bottom: 12px;
	}

	#suntory_contents #recommend_event_container ul li {
		margin: 0;
		margin-bottom: 5%;
	}

}