@charset "shift_jis";

/*------------------------------------------------------------
  container
------------------------------------------------------------ */
#suntory_contents #container{
	max-width:1160px;
	min-width:960px;
	margin:0 auto;
	padding:205px 0 50px;
	position:relative;
}

@media screen and (max-width: 767px) {
	#suntory_contents #container{
		max-width:100%;
		min-width:100%;
		margin:0;
		padding: 22% 0 2px;
	}
}
@media screen and (max-width: 700px) {
	#suntory_contents #container{
		padding: 23% 0 2px;
	}
}
@media screen and (max-width: 600px) {
	#suntory_contents #container{
		padding: 24% 0 2px;
	}
}
@media screen and (max-width: 500px) {
	#suntory_contents #container{
		padding: 26% 0 10px;
	}
}
@media screen and (max-width: 420px) {
	#suntory_contents #container{
		padding: 28% 0 2px;
	}
}
@media screen and (max-width: 350px) {
	#suntory_contents #container{
		padding: 30% 0 2px;
	}
}
/*------------------------------------------------------------
  contents
------------------------------------------------------------ */
#suntory_contents #container #contents{
	width:93.1034%;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#suntory_contents #container #contents h2{
	margin-bottom:54px;
}
#suntory_contents #container #contents section{
	margin-bottom:60px;
	clear:both;
}
#suntory_contents #container #contents section:after{
	content:"";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}
#suntory_contents #container #contents section .left_area{
	width:75%;
	float:left;
}
#suntory_contents #container #contents section .left_area .title_area{
	width:100%;
	height:60px;
	margin-bottom:15px;
	background-color:#eee;
	display:table;
}
#suntory_contents #container #contents section .left_area .title_area h3{
	padding:0 0 0 90px;
	font-size:100%;
	line-height:140%;
	transform:rotate(0.001deg);
	display:table-cell;
	vertical-align:middle;
}

#suntory_contents #container #contents section:nth-of-type(1) .left_area .title_area h3{background:url(../img/no01.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(2) .left_area .title_area h3{background:url(../img/no02.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(3) .left_area .title_area h3{background:url(../img/no03.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(4) .left_area .title_area h3{background:url(../img/no04.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(5) .left_area .title_area h3{background:url(../img/no05.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(6) .left_area .title_area h3{background:url(../img/no06.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(7) .left_area .title_area h3{background:url(../img/no07.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(8) .left_area .title_area h3{background:url(../img/no08.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(9) .left_area .title_area h3{background:url(../img/no09.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(10) .left_area .title_area h3{background:url(../img/no10.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(11) .left_area .title_area h3{background:url(../img/no11.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(12) .left_area .title_area h3{background:url(../img/no12.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(13) .left_area .title_area h3{background:url(../img/no13.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(14) .left_area .title_area h3{background:url(../img/no14.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(15) .left_area .title_area h3{background:url(../img/no15.gif) left center no-repeat #eee;}
#suntory_contents #container #contents section:nth-of-type(16) .left_area .title_area h3{background:url(../img/no16.gif) left center no-repeat #eee;}

#suntory_contents #container #contents section .left_area .title_area h3 a{
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
}
#suntory_contents #container #contents section .left_area .title_area h3 a:hover,
#suntory_contents #container #contents section .left_area .title_area h3 a:hover span{
	color:#ee4499;
}
#suntory_contents #container #contents section .left_area .title_area h3 a span{
	font-size:80%;
	transform:rotate(0.001deg);
}
#suntory_contents #container #contents section .left_area .title_area time{
	padding-right:15px;
	font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©","serif";
	font-size:90%;
	text-align:right;
	transform:rotate(0.001deg);
	display:table-cell;
	vertical-align:middle;
}
#suntory_contents #container #contents section .left_area .text_area{
	margin:0 0 10px 90px;
	font-size:90%;
	line-height:160%;
	transform:rotate(0.001deg);
	color:#333;
}
#suntory_contents #container #contents section .left_area .to_detail{
	font-size:90%;
	transform:rotate(0.001deg);
	text-align:right;
}

#suntory_contents #container #contents section .right_area{
	width:21.296%;
	float:right;
}

@media screen and (max-width: 767px) {
	#suntory_contents #container #contents{
		width:100%;
	}
	#suntory_contents #container #contents h2{
		margin-bottom:27px;
	}
	#suntory_contents #container #contents section{
		margin:0 20px 40px;
	}
	#suntory_contents #container #contents section .left_area{
		width:100%;
		float:none;
	}
	#suntory_contents #container #contents section .left_area .title_area{
		height:auto;
		display:block;
		background:none;
	}
	#suntory_contents #container #contents section .left_area .title_area h3{
		margin:0 0 15px;
		padding:13px 0 13px 65px;
		display:block;
	}
	#suntory_contents #container #contents section:nth-of-type(1) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(2) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(3) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(4) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(5) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(6) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(7) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(8) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(9) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(10) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(11) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(12) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(13) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(14) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(15) .left_area .title_area h3,
	#suntory_contents #container #contents section:nth-of-type(16) .left_area .title_area h3{
		background-size:55px 47px;
		-webkit-background-size:55px 47px;
	}
	#suntory_contents #container #contents section .left_area .title_area time{
		margin:0 0 10px;
		padding:0;
		text-align:left;
		display:block;
	}
	#suntory_contents #container #contents section .left_area .text_area{
		margin:0 0 15px;
		line-height:180%;
	}
	#suntory_contents #container #contents section .left_area .to_detail{
		margin:0 0 15px;
	}
	
	#suntory_contents #container #contents section .right_area{
		width:auto;
		margin:0 10px;
		float:none;
	}
}