@charset "utf-8";

/* トップ「新着情報」スタイル */

#top-content6 {
	/* 背景 */
	margin-top:100px;
	background: url(../../../wp-content/uploads/bg_news.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding:55px 0 30px;
}
.btn-more:hover {
	text-decoration:none;
	color:#ccc;	
}
.news {
	margin:30px 130px 25px;
	color:#6d6d6d;
}
@media (max-width: 1199px) {
	/*幅1199px以下で適用されるスタイル*/
	.news {
		margin:25px 0 25px;
		color:#6d6d6d;
	}
}

.news table {
	border-bottom:1px solid #6d6d6d;
}
.news tr {
	border-top:1px solid #6d6d6d;
}
.news tr:hover a {
	color:#ccc;
}
.news td {
	font-size:150%;
	padding: 20px 10px;
}
@media (max-width: 767px) {
	/*幅767px以下で適用されるスタイル*/
	.news td {
		padding: 10px 10px;
		font-size:130%;
	}
	}
.shop {
	color:#d8dae3;
	font-size:120%;
	width: 125px;
}
.shop span {
	display:block;
	margin-left: 10px;
	text-align:center;
	line-height:25px;
	background:#543f08;
	padding: 2px 5px;
}
.shop2 span {
	background:#0f0a53;
}
.my-date {
	text-align:center;
}
.link {
	width:80px;
	text-align:center;
}

.news-ttls a, .news-ttls2 a, .news-more a {
	display: block;
	text-decoration: none;
	position: relative;
	color:#333;
}
.news-ttls a i.fa, .news-ttls2 a i.fa {
	position: absolute;
	right: 18px;
	top: 18px;
	font-size: 18px;
}
.news-ttls2 a {
	position: relative;
}

.news-more a i.fa {
	font-size: 18px;
}

.td-fa-chevron-right {
	padding-right: 10px;
	text-align: right;
}


/* **************************************************** */
/* メディアクエリ
/* **************************************************** */

@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}

	/* デフォルト：479px以下用（スマートフォン用）の記述 */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}
@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	/* 768px - 979px用（タブレット用）の記述 */
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
}