@charset "Shift_JIS";

/*----------------
PC
----------------*/
@media screen and (min-width: 768px){
	#suntory_contents{
	text-align:center;
	background-image:url("../img/common/bg.jpg");
	}

	#container{
	width:890px;
	margin:0 auto;
	padding-bottom:30px;
	text-align:left;
	background-color:#faf7cf;
	position:relative;
	}

	#container #main_area{
	width:890px;
	background-color:#ffffff;
	}

	#container #main_area #main_img{
	float:left;
	}

	#container #main_area h1{
	float:right;
	}

	#container #main_area #main_text{
	float:right;
	}

	#container #essay{
	height:115px;
	_height:123px;
	clear:both;
	background-color:#ffffff;
	border-top:solid 4px #fb0000;
	border-bottom:solid 4px #fb0000;
	position:relative;
	}

	#container #essay #essay_img{
	top:0;
	left:139px;
	position:absolute;
	}

	#container #essay h2{
	top:29px;
	left:419px;
	position:absolute;
	}

	#container #essay h2 a{
	min-height:52px;
	_height:64px;
	padding:12px 0 0 86px;
	display:block;
	font-size:120%;
	line-height:1.3;
	color:#fb0000;
	text-decoration:none;
	background:url(../img/icon_new_off.gif) left top no-repeat;
	}

	#container #essay h2 a:hover{
	text-decoration:underline;
	background:url(../img/icon_new_on.gif) left top no-repeat;
	}

	#container #essay h2 a span{
	font-size:80%;
	margin-left:4.5em;
	}

	/****************************************バックナンバー****************************************/

	#container #back_number{
	margin-left:51px;
	margin-bottom:0px;
	width:788px;
	}

	#container #back_number #back_number_img{
		text-align:center;
		margin:50px auto 42px;
	}

	#container #back_number dl{
		float:left;
		text-align:center;
		width:197px;
		height:170px;
		margin-bottom:30px;
	}

	#container #back_number dl dt,
	#container #back_number dl dd{
		width:155px;
	padding:3px 0;
	/*display:table-cell;*/
	vertical-align:middle;
	}

	* html #container #back_number dl dt,
	* html #container #back_number dl dd{/* IE 6 */
	display:inline;
	zoom:1;
	}

	*:first-child+html #container #back_number dl dt,
	*:first-child+html #container #back_number dl dd{/* IE 7 */
	display:inline;
	zoom:1;
	}

	#container #back_number dl dd{
	font-size:90%;
	line-height:150%;
	}

	#container #back_number dl dd a{
	color:#323232;
	font-weight:bold;
	text-decoration:none;
	}

	#container #back_number dl dd a:hover{
	color:#e60012;
	text-decoration:underline;
	}

	/****************************************バックナンバーここまで****************************************/

	#container .socialbutton_suntory{
	margin-top:0px;
	}

	.clear:after{
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
	}

	*+html .clear{
	min-height:1%;
	}

	*html .clear{
	height:1%;
	overflow:visible;
	}

	#include{
	padding-left:260px;
	display: inline-block;
	}

	#suntory_contents .sp_item {
		display: none!important;
	}
}


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

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

	#suntory_contents h1 {
		margin-top: 4.8vw;
	}

	#suntory_contents #main_text{
		margin-top: 6vw;
	}

	#suntory_contents #main_text02 {
		margin-top: 7.2vw;
	}

	#suntory_contents #main_area {
		position: relative;
		padding-bottom: 17.4666667vw;
	}

	#suntory_contents #sp_main_img {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 17vw);
		-webkit-transform: translate(-50%, 17vw);
		-ms-transform: translate(-50%, 17vw);
		width: 29.8666667vw;
	}

	#suntory_contents #essay {
		padding-top: 24vw;
		background: #faf6d3;
	}

	#suntory_contents #back_number {
		padding-bottom: 12.8vw;
		background: #faf6d3;
	}

	#suntory_contents #back_number_img {
		width: 32.9333333vw;
		height: 2.66666667vw;
		padding: 0 0 2vw 6.4vw;
	}

	#suntory_contents #back_number dl {
		display: flex;
		padding: 2.13vw 6.4vw 0;
	}

	#suntory_contents #back_number dl > dt {
		width: 19.2vw;
	}

	#suntory_contents #back_number dl > dd {
		width: 63vw;
		padding-left: 4.4vw;
		line-height: 5.5vw;
	}

	#suntory_contents #back_number dl > dd > a {
		width: 100%;
		height: 100%;
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 4vw;
		font-weight: bold;
	}

	#suntory_contents .pc_item {
		display: none!important;
	}

}