@charset "UTF-8";

/*---------------------------
　　2021以前のニュース
---------------------------*/


#wrapper {
	min-width: 960px;
}


/* パンくず
---------------------------*/
#bread {
	display: block;
	position: relative;
	width: 960px;
	margin: 20px auto 20px;
}

#bread ul > li:first-child:before {
	content: none;
}

#bread ul > li:before {
	content: '\FF1E';
	margin-right: 10px;
}

#bread ul > li {
	display: inline-block;
	font-size: 12px;
	color: #727171;
	/* color: #999; */
}

#main.sub-page #bread ul > li, #main.sub-page #bread ul > li a {
	color: #fff;
	text-decoration: none;
}

#main.sub-page #bread ul > li a:hover {
	color: #ffa2ad;
	transition:all 0.4s ease;
}

#bread ul > li a {
	margin-right: 8px;
	text-decoration: underline;
}

/* 
---------------------------*/

#main .inner {
    position: relative;
    width: 100%;
    min-width: 960px;
    height: auto;
    padding-bottom: 200px;
    font-size: 16px;
    background-size: auto;
}

.contents {
	margin-top: 100px;
}

.box {
    display: block;
    position: relative;
    width: 760px;
    margin: 0 auto;
}

.news .headline h2 {
    margin: 40px 0 45px 0;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}

.news .contents .postlist {
	margin-bottom: 70px;
	margin-left: -100px;
	margin-right: -100px;
}

.news .contents .postlist .year {
	font-size:0;
}

.news .contents .postlist .year li {
	display: inline-block;
}

.news .contents .postlist .year li a {
	display: inline-block;
	background: #9e9e9f;
	padding: 6px 25px;
	font-size: 18px;
	color: #FFF;
	margin-right: 1px;
}

.news .contents .postlist .year li.current a {
	background: #145AB4;
}

.news .contents .postlist .postlist-inner {
	display: flex;
	flex-wrap:wrap;
	background: #dddddd;
	padding: 5px;
}

.news .contents .postlist .postlist-inner li {
	flex-direction: row;
	width: 475px;
	padding: 5px;
}

.news .contents .postlist .postlist-inner li a {
	background: #fff;
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
}

.news .contents .article-header .date {
	text-align: right;
}

.news .contents .article-header .title {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	margin: 30px 0 50px;
}

.news .contents .article-header .title span.sub {
	display: inline-block;
	font-size: 18px;
	margin-bottom: 18px;
	color:#333;

}

.news .contents .article p {
	margin-bottom: 20px;
}

.news .contents .article p.indent-1 {
	padding-left: 1em;
	text-indent: -1em;
}

.news .contents .article img {
	margin-bottom: 20px;
}

.news .contents .article a {
	text-decoration: underline;
	color: #0066CC;
}

.news .contents.mondselect .article-header {
	position: relative;
}

.news .contents.mondselect .article-header::after {
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 71px;
	height: 116px;
	background: url(../images/news/2019/ico_mond.png) no-repeat left bottom;
}

.news .contents .article .img-shop {
	position: relative;
}

.news .contents .article .info-shop {
	position: absolute;
	bottom: 50px;
	right: 15px;
	width: 300px;
	padding: 10px 15px;
	background-color: #FFF;
	font-size: 90%;
}

/* 20221214文一のショップインフォ枠の位置を変える */
.news .contents .article .info-shop.bunichi {
	bottom: 78px;
	right: 125px;
	width: 260px;
	padding: 20px 10px;
}

/* 20240501エム・シーシーのショップインフォ枠の位置を変える */
.news .contents .article .info-shop.mcc {
	right: 160px;
	width: 210px;
}

.news .contents .article .info-shop .tit-shop {
	font-size: 125%;
	font-weight: 600;
	padding-bottom: 6px;
}

.news .contents .article .info-shop dd dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.news .contents .article .info-shop dd dt {
	width: 24%;
}

.news .contents .article .info-shop dd dd {
	width: 76%;
}

/* 20240501エム・シーシー */
.news .contents .article .info-shop.mcc dd dt {	width: 34%; }
.news .contents .article .info-shop.mcc dd dd {	width: 66%; }
.news .contents .article .info-shop.mcc dd dd a { word-break: break-all; }

.news .contents .article .info-sell {
	display: flex;
}

.news .contents .article .info-sell dl {
	width: 245px;
	margin-left: 10px;
}

.news .contents .article .info-sell dl.first {
	margin-left: 0;
}

.news .contents .article .info-sell dt {
	display: grid;
	justify-content: center;
	align-items: center;
	height: 2.6rem;
	background: #ea8628;
	color: #fff;
	font-weight: 500;
}

.news .contents .article .info-sell dd {
	display: grid;
	justify-content: center;
	align-items: center;
	height: 4rem;
	border: solid 1px #ccc;
	border-top: 0;
}