@charset "UTF-8";

@import url(format.css);
@import url(base.css);
@import url(option.css);


/*	レイアウト
------------------------------------------------------------
#suntory_contents{
	color:#333;
	background:url(../../images/common/body-bg.png) repeat-x left top;
	padding:5px 0 0 0;
}*/
#header{
	width:1041px;
	margin:0 auto;
	margin-bottom:30px;
}
/*
#header #mainimg{
	background:url(../../images/common/mainimg.jpg) no-repeat 21px bottom;
	height:472px;
}
*/


#cnts .section{
	margin-bottom:30px;
	padding:0 4px;
}
#cnts .section:after{content:"."; display:block; height:0px;
clear:both; visibility:hidden;}
#cnts .section{display:inline-block;}
* html #cnts .section{height:1px;}
#cnts .section{display:block;}

#cnts .section p{
	margin-bottom:10px;
}



/*	お知らせ
------------------------------------------------------------*/
#cnts .top_news .block{
	background:#f7f7f7;
	padding:15px;
	margin:0 0 15px 0;
	position:relative;
}
#cnts .top_news .block:after{content:"."; display:block; height:0px;
clear:both; visibility:hidden;}
#cnts .top_news .block{display:inline-block;}
* html #cnts .top_news .block{height:1px;}
#cnts .top_news .block{display:block;}

#cnts .top_news .block p.category{
	position:relative;
	top:-18px;
	left:-5px;
	/*background:url(../../images/common/cal-bg.png) no-repeat left top;*/
	width:50px;
	height:58px;
	text-align:center;
	padding:30px 0 0 0;
	margin:0 5px 0 0;
	float:left;
}
#cnts .top_news .block dl{
	float:left;
	width:623px;
}
#cnts .top_news .block dl dt{
	margin-bottom:5px;
	line-height:1.4;
}
#cnts .top_news .block dl dt a{
	color:#34495e;
	font-weight:bold;
	font-size:110%;
}
#cnts .top_news .block dl dt a:hover{
	color:#0090d9;
	text-decoration:none;
}
#cnts .top_news .block p.more{
	background:url(../../images/common/icon-check.png) no-repeat right 3px;
	position:absolute;
	bottom:0;
	right:0;
	margin:0 15px 15px 0;
	padding:0 18px 0 0;
	text-align:right;
	font-size:95%;
}


/*	紹介
------------------------------------------------------------*/
#cnts .top_intro{
	background:#f7f7f7;
	padding:5px;
}
#cnts .top_intro .inner{
	border:1px solid #8acaea;
	background:#fff;
	padding:15px 15px 15px 15px;
	line-height:1.4;
}
#cnts .top_intro .inner:after{content:"."; display:block; height:0px;
clear:both; visibility:hidden;}
#cnts .top_intro .inner{display:inline-block;}
* html #cnts .top_intro .inner{height:1px;}
#cnts .top_intro .inner{display:block;}

#cnts .top_intro .inner .flt_l{
	width:330px;
	float:left;
	padding:0px 10px 0px 0px;
}
#cnts .top_intro .inner .flt_r{
	position:relative;
	width: 100%;
}
#cnts .top_intro .inner .flt_r::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}
#cnts .top_intro .inner .flt_r iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*
#cnts .top_intro .inner .flt_r{
	width:215px;
}
*/

#cnts .top_intro .inner h3{
	font-size:140%;
	font-weight:bold;
	background:url(../../images/common/h3-bg.png) no-repeat left bottom;
	padding:0 15px 2px 0;
	margin:0 0 10px 0;
	color:#6c7178;
}


@media screen and (min-width:768px){
/*=============================================================
	[PC] width 961px - 
============================================================ */
	#cnts .top_intro .inner .flt_r{
		max-width: 400px;
	}
	
}
@media screen and (min-width:1164px){
/*=============================================================
	[PC] width 1164px - 
============================================================ */
}
@media screen and (max-width:767px){
/*=============================================================
	[SP] 
============================================================ */
	#cnts .top_intro .inner .flt_l{
		width:100%;
		float:none;
		padding:0px;
	}


		
	#cnts .section{
		margin-bottom:30px;
		padding:0 4px;
	}
	#cnts .section:after{content:"."; display:block; height:0px;
	clear:both; visibility:hidden;}
	#cnts .section{display:inline-block;}
	* html #cnts .section{height:1px;}
	#cnts .section{display:block;}

	#cnts .section p{
		margin-bottom:10px;
	}



	/*	お知らせ
	------------------------------------------------------------*/
	#cnts .top_news .block{
		background:#f7f7f7;
		padding:15px;
		margin:0 0 15px 0;
		position:relative;
	}
	#cnts .top_news .block:after{content:"."; display:block; height:0px;
	clear:both; visibility:hidden;}
	#cnts .top_news .block{display:inline-block;}
	* html #cnts .top_news .block{height:1px;}
	#cnts .top_news .block{display:block;}
/*
	#cnts .top_news .block p.category{
		position:relative;
		top:-18px;
		left:-5px;
		background:url(../../images/common/cal-bg.png) no-repeat left top;
		width:50px;
		height:58px;
		text-align:center;
		padding:30px 0 0 0;
		margin:0 5px 0 0;
		float:left;
	}
*/
	#cnts .top_news .block p.category{
		position:relative;
		top: 0px;
		left:-5px;
		/* background:url(../../images/common/cal-bg.png) no-repeat left top; */
		width: auto;
		height: auto;
		text-align:center;
		padding: 0;
		margin: 0;
		float:left;
		background: #0090d9;
		border-radius: 20px;
	}
	#cnts .top_news .block p.category:after{
		content:"";
		background: #0090d9;
		width: 0px;
		height: 0px;
		border-top: 3px solid #0090d9;
		border-bottom: 3px solid #FFF;
		border-right: 3px solid #FFF;
		border-left: 3px solid #0090d9;
		display:inline-block;
		position:absolute;
		top: 7px;
		left: 6px;
		transform: rotate(-45deg);
	}
	#cnts .top_news .block p.category img{
		visibility:hidden;
	}
	#cnts .top_news .block dl{
		float:left;
		/*width:623px;*/
		width:90%;
		margin-bottom:20px;
	}
	#cnts .top_news .block dl dt{
		margin-bottom:5px;
		line-height:1.4;
	}
	#cnts .top_news .block dl dt a{
		color:#34495e;
		font-weight:bold;
		font-size:110%;
	}
	#cnts .top_news .block dl dt a:hover{
		color:#0090d9;
		text-decoration:none;
	}
	#cnts .top_news .block p.more{
		background:url(../../images/common/icon-check.png) no-repeat right 3px;
		position:absolute;
		bottom:0;
		right:0;
		margin:0 15px 15px 0;
		padding:0 18px 0 0;
		text-align:right;
		font-size:95%;
	}


	/*	紹介
	------------------------------------------------------------*/
	#cnts .top_intro{
		background:#fff;
		padding:5px;
	}
	#cnts .top_intro .inner{
		border:1px solid #8acaea;
		background:#fff;
		padding:15px 15px 15px 15px;
		line-height:1.4;
	}
	#cnts .top_intro .inner:after{content:"."; display:block; height:0px;
	clear:both; visibility:hidden;}
	#cnts .top_intro .inner{display:inline-block;}
	* html #cnts .top_intro .inner{height:1px;}
	#cnts .top_intro .inner{display:block;}

	/*
	#cnts .top_intro .inner .flt_r{
		width:215px;
	}
	*/

	#cnts .top_intro .inner h3{
		font-size:140%;
		font-weight:bold;
		background:url(../../images/common/h3-bg.png) no-repeat left bottom;
		padding:0 0 2px 0;
		margin:0 0 10px 0;
		color:#6c7178;
	}
	#cnts h2{
		font-size:160%;
	}

}