/*** august ***/

#section-top,#section-hot,#section-news,#section-products,#section-topics,#section-date {
	box-sizing: border-box;
	width: 100%;
	max-width: 1512px;
	margin: 0 auto;
}

#section-hot>h1,#section-news>h1,#section-products>h1,#section-topics>h1,#section-date>h1 {
	box-sizing: border-box;
	position: relative;
	border-radius: 18px;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 36px;
	color: #ffffff; /*color: transparent;*/
	font-size:15px;		/*font-size: 0;*/
	margin: 48px 0 24px 0;
	background-repeat: no-repeat;
	background-position: 36px 11px;
	padding: 5.1px 0 0 33px
}

#section-hot>h1:before,#section-news>h1:before,#section-products>h1:before,#section-topics>h1:before,#section-date>h1:before {
	position: absolute;
	top: 11px;
	left: 17px;
}

#section-news>h1 {
	/*background-image: url(../img/header-news.png);*/
	background-color: #2277cc;
}

#section-news>h1:before {
	content: url(../img/arrow-news.png);
}

/** #section-news **/
#section-news {
	position: relative;
}

#section-news h3 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 6px; /*11px*/
	right: 25px;
	font-size: 15px; /*0*/
	color: #ffffff; /*transparent*/
	/*background-repeat: no-repeat;
	background-image: url(../img/news-old.png);
	background-position: 0 0;
	width: 87px;
	height: 12px;*/
}

#section-news h3 a {
	display: block;
	width: 100%;
	height: 100%;
	/*background-repeat: no-repeat;
	background-image: url(../img/news-old.png);
	background-position: -87px 0;*/
	opacity: 1; 
	color: #ffffff;text-decoration:none;
}

#section-news h3:hover {
	/*background-position: -90px 0;*/	
}

#section-news>div {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	letter-spacing: -0.4em;
}

#section-news>div article {
	box-sizing: border-box;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 230px;
	/*height: 576px;*/
	background-color: #fff;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
	border-radius: 16px;
	margin: 0 0 12px 0;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

#section-news>div article.news-latest:after {
	position: absolute;
	content: '';
	background-image: url(../img/news-latestmark.png);
	width: 62px;
	height: 62px;
	top: -22px;
	right: -22px;
	z-index: 2;
}

#section-news>div article.news-music:after {
	position: absolute;
	content: '';
	background-image: url(../img/news-musicmark.png);
	width: 62px;
	height: 62px;
	top: -22px;
	right: -22px;
	z-index: 2;
}

#section-news>div article.news-movie:after {
	position: absolute;
	content: '';
	background-image: url(../img/news-moviemark.png);
	width: 62px;
	height: 62px;
	top: -22px;
	right: -22px;
	z-index: 2;
}

#section-news>div article.news-latest.news-music:after {
	position: absolute;
	content: '';
	background-image: url(../img/news-latest-musicmark.png);
	width: 62px;
	height: 122px;
	top: -22px;
	right: -22px;
	z-index: 2;
}

#section-news>div article.news-movie.news-music:after {
	position: absolute;
	content: '';
	background-image: url(../img/news-movie-musicmark.png);
	width: 62px;
	height: 122px;
	top: -22px;
	right: -22px;
	z-index: 2;
}

#section-news>div article.news-latest.news-movie:after {
	position: absolute;
	content: '';
	background-image: url(../img/news-latest-moviemark.png);
	width: 62px;
	height: 122px;
	top: -22px;
	right: -22px;
	z-index: 2;
}

#section-news>div article.news-latest.news-movie.news-music:after {
	position: absolute;
	content: '';
	background-image: url(../img/news-latest-movie-musicmark.png);
	width: 62px;
	height: 182px;
	top: -22px;
	right: -22px;
	z-index: 2;
}

#section-news>div article .news-thumbnail {
	width: 100%;
	height: 194px;
	background-size: cover;
	box-sizing: border-box;
	padding: 174px 0 0 0;
	border-radius: 16px;
	background-position: center center;
	position: relative;
}
/* リンク用に追加 */
#section-news>div article .news-thumbnail a {
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	position: absolute;
	z-index: 1;
	border-radius: 16px;
	background-color: #fff;
	opacity: 0;
}

#section-news>div article .news-thumbnail:after {
	content: attr(data-date);
	display: block;
	width: 100%;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #f9f6f3;
	background-color: #2277cc;
	z-index: 2;
	position: relative;
}

#section-news>div article.news-latest .news-thumbnail:after {
	background-color: #0099dd;
	color: #ffff00;
}

#section-news>div article h1,#section-news>div article p,#section-news>div article ul,#section-news>div article .section-news-sns {
	box-sizing: border-box;
	width: 196px;
	padding: 0;
	border-bottom: 1px solid #f3f0ec;
	margin: 11px auto 0;
}

#section-news>div article h1 {
	height: 56px; /*height: 62px;*/
	font-size: 14px;
	color: #0099dd;
	line-height: 18px;
}

#section-news>div article p {
	height: 196px;
	color: #556677;
	font-size: 12px;
	/*line-height: 20px;*/
	line-height: 17px;
}

#section-news>div article p a {
	color: #3355aa;
}

#section-news>div article ul {
	list-style: none;
	height: 33px; /*44px;*/
}

#section-news>div article ul li {
	display: block;
	font-size: 12px;
	font-weight: bold;
	/*line-height: 18px;*/
	line-height: 1;
}

#section-news>div article ul li a {
	color: #3355aa;
	/*letter-spacing: 0.4em;*/
}

#section-news>div article ul li a:before {
	content: '';
	display: inline-block;
	margin-right: 6px;
	width: 14px;
	height: 10px;
	background-image: url(../img/news-exlink.png);
	background-repeat: no-repeat;
}

#section-news>div article .section-news-sns {
	border-style: none;
}

#section-news>div article .section-news-sns a {
	margin: 0 10px 0 0;
}
/** /#section-news **/

#section-topics>h1 {
	/*background-image: url(../img/header-topics.png);*/
	background-color: #112244;
}

#section-topics>h1:before {
	content: url(../img/arrow-topics.png);
}

/** #section-topics **/
#section-topics div {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto;
}

#section-topics div>div,#section-topics div>ul {
	box-sizing: border-box;
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 50%;
	vertical-align: top;
}

#section-topics div>ul {
	list-style: none;
	letter-spacing: -0.4em;
}

#section-topics div>ul li {
	box-sizing: border-box;
	width: 232px;
	height: 232px;
	margin: 0;
	padding: 0;
	display: inline-block;
	letter-spacing: normal;
	background-image: url(../img/topics-bg2.png);
	background-repeat: no-repeat;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
	border-radius: 16px;
	vertical-align: top;
	position: relative;
}

#section-topics div>ul li img {
	width: 216px;
	height: 180px;
	margin: 8px 10px 10px 8px;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

#section-topics div>ul li:before {
	position: absolute;
	bottom: 8px;
	left: -4px;
	display: block;
	content: '';
	width: 100%;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

#section-topics div>ul li:after {
	position: absolute;
	top: -1px;
	right: 1px;
	content: '';
	display: block;
	width: 57px;
	height: 61px;
	background-size: contain;
	background-repeat: no-repeat;
}
/** /#section-topics **/

#section-hot>h1 {
	/*margin: 0 0 24px 0;
	background-image: url(../img/hot/header-hot.png);*/
	background-color: #0099dd;
}

#section-hot>h1:before {
	content: url(../img/arrow-hot.png);
}

/** #section-hot **/
#section-hot ul {
	box-sizing: border-box;
	list-style: none;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
}

#section-hot ul li {
	box-sizing: border-box;
	display: table-cell;
	width: 33.333%;
	vertical-align: middle;
}

#section-hot ul li a {
	width: 100%;
	height: 100%;
	display: inline-block;
	max-width: 500px;
	max-height: 760px;
	background-color: #fff;
	border-radius: 16px;
}

#section-hot ul li img {
	width: 100%;
	height: auto;
	max-width: 500px;
	max-height: 760px;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.2);
	border-radius: 16px;
}

#section-hot ul li:nth-of-type(2) {
	text-align: center;
}

#section-hot ul li:last-of-type {
	text-align: right;
}

#section-hot {
	position: relative;
}

#section-hot h3 {
	position: absolute;
	margin: 0; padding: 0;
	top: 6px; 
	right: 25px;
	font-size: 15px;
	color: #ffffff;
}

#section-hot h3 a {
	

	color: #ffffff;
	text-decoration:none;
}
/** /#section-hot **/
/*** august ***/