@charset "utf-8";
#bread {margin-bottom: 20px;}
#bread ul li {
	color: #000;
	font-size: 1.2em;
	padding-right: 20px;
	margin-right: 5px;
	display: inline-block;
	background: url(images/arrow-bread.gif) 100% 50% no-repeat;
}
#bread ul li:last-child {
	background: none;
	margin-right: 0;
	padding-right: 0;
}
#bread ul li a {color: #000;}
#bread ul li a:hover {text-decoration: none;}

#contents h1 {background: url(images/h-line.gif) 0 50% repeat-x;}
#contents h1 span {
	display: inline-block;
	background-color: #fff;
}

#newsList,
#newsDetail {margin-bottom: 50px;}


#newsList .boxList {
	vertical-align: top;
	display: inline-block;
}
#newsList .boxList:hover {
	cursor: pointer;
	text-decoration: underline;
}
#newsList .boxList.nolink:hover {
	cursor: auto;
	text-decoration: none;
}
#newsList .boxList .date {
	color: #000;
	font-size: 1.6em;
	font-weight: bold;
}
#newsList .boxList .date em {
	color: #f00;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

#newsDetail .cateIcon,
#newsList .boxList .cateIcon span {
	font-size: 1.2em;
	line-height: 1;
	padding: 2px 15px 0px;
}
#newsDetail .category01,
#newsList .boxList  .category01 span{
	color: #00abe4;
	border: 1px solid #00abe4;
}
#newsDetail .category02,
#newsList .boxList  .category02 span{
	color: #f03800;
	border: 1px solid #f03800;
}
#newsDetail .category03,
#newsList .boxList  .category03 span{
	color: #302920;
	border: 1px solid #302920;
}

#newsList .boxList .txt {font-size: 1.4em;}
#newsList .boxList .txt a {color: #000;}
#newsList .boxList .txt a:hover {text-decoration: none;}
#newsList .txt img.external {
	width: 16px;
	vertical-align: middle;
}

/* detail */
#newsDetail .title {margin-bottom: 20px;}
#newsDetail .title h2 {
	color: #000;
	font-size: 1.8em;
	padding: 5px 10px 3px;
	margin-bottom: 10px;
	background-color: #eee8d9;
}
#newsDetail .cateIcon {
	font-size: 1.5em;
	vertical-align: middle;
	display: inline-block;
}
#newsDetail .title .date {
	font-size: 1.3em;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
#newsDetail .title .date span {color: #f00;}

/* button */
#suntory_contents .btn-center {text-align: center;}
#suntory_contents .btn-center li,
#suntory_contents .btn-center p {display: inline-block;}

#newsDetail .btnBack a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 6px 30px;
	min-width: 200px;
	background-color: #dcd3bc;
}
#newsDetail .btnBack a span {
	display: inline-block;
	min-height: 15px;
	padding-left: 17px;
	background: url(images/btn02.png) 0 50% no-repeat;
}
#newsDetail .btnBack a:hover {opacity: 0.7;}


/** min 768px **/
@media screen and (min-width:768px) {
	#bread ul,
	#contents {
		width: 960px;
		margin: auto;
		display: block;
	}
	
	#bread ul {padding: 10px 5px;}
	#contents .section {padding:0 5px;}
	#information {margin: 10px 0 50px;}
	
	#contents h1 {margin-bottom: 35px;}
	#contents h1 span {padding-right: 30px;}
	#contents > .section:first-of-type  h1 img {width: 150px;}

	
	#newsList .boxList {
		display: inline-block;
		vertical-align: top;
		width: 19.5%;
		max-width: 220px;
		margin:0 2.5% 20px;
	}
	#newsList ul li:nth-child(4n+1) {margin-left: 0;}
	#newsList ul li:nth-child(4n) {margin-right: 0;}
	#newsList .boxList img {margin-bottom: 5px;}
	#newsList .boxList:hover .txt {text-decoration: none;}
	#newsList .boxList .wrapInfo {position: relative;}
	#newsList .boxList .cateIcon {
		position: absolute;
		right: 0;
		top: 5px;
	}
	
	#newsDetail .sec {
		font-size: 1.4em;
		margin-bottom:30px;
	}
	#newsDetail .sec p {margin-bottom: 10px;}
	
}/** // min 768px **/

/** min 961x **/
@media screen and (min-width:961px) {
	#bread ul,
	#contents {width: 100%;}
	#contentsvisual {width: 100%;}
}/** // min 961x **/

/** min 1164px **/
@media screen and (min-width:1164px) {
	#bread ul,
	#contents {width: 1164px;}
	#contents .section {padding:0;}
	#newsList ul li {
		width: 220px;
		margin:0 3.5% 10px;
	}
}/** // min 1164px **/
/** min 1164px **/
@media screen and (min-width:1165px) {
	#bread ul {padding: 10px 0px;}
}


/** max 767px **/
@media screen and (max-width:767px) {
	#bread {padding:10px;}
	#contents .section .wrap {padding:0 10px;}
	#contents h1 {
		text-align: center;
		margin-bottom: 25px;
		padding-bottom: 5px;
	}
	#contents h1 span {padding:0 30px;}
	#contents > .section:first-of-type  h1 img {width: 128px;}

	#newsList .boxList {
		width: 100%;
		margin-bottom: 15px;
	}
	#newsList .boxList::after {
		clear: both;
		content: '';
	}
	#newsList .boxList.nolink img,
	#newsList .boxList a img {
		float: left;
		margin-right: 15px;
	}
	#newsList .boxList .cateIcon {padding-top: 5px;padding-bottom: 5px;}
	#newsDetail .sec {
		font-size: 1.3em;
		margin-bottom: 25px;
	}
	#newsDetail .sec p {margin-bottom: 10px;}

}/** // max 767px **/

/** max 610x **/
@media screen and (max-width:610px) {
}

/** max 540x **/
@media screen and (max-width:540px) {
	#contents > .section:first-of-type  h1 img {width: 100px;}
	#newsList .boxList img {width: 40%;margin-right: 0;}
	#newsList .boxList p {padding-left: 43%;}
	#newsList .boxList .txt {font-size: 1.3em;}
}