@charset "UTF-8";

/*======================
newslist
=======================*/
#news_box {
width: 90%;
margin: 3em auto 0;
text-align: left;
}

.newslist {
width: 100%;
padding: 2em 1em;
line-height: 1.6em;
display: flex;
flex-wrap: wrap;
flex-direction: column;
border-bottom: solid 1px #EEE;
gap: .5em 3em;
}

.newslist:first-child {
border-top: solid 1px #EEE;
}

.newslist .term {
/*margin: 1em 0 0;*/
}

.newslist .desc {
/*margin: 1em 0 0;*/
}

/*======================
ページャー
=======================*/
#pagination {
margin: 2em 0 0;
}

.pager {
display: flex;
gap: 0 .2em;
width: 50%;
justify-content: center;
margin: 0 auto;
}

.pager a,
.pager a:link,
.pager a:visited,
.pager a:hover,
.pager a:active {
text-decoration: none;
}

.pager a:hover,
.pager a:active,
.is_current a {
background: #CCC;
}

.pager_list {
display: flex;
gap: 0 .2em;
order: 3;
}

.pager_first {
order: 1;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border: solid 1px #CCC;
padding: 0 1em 0 .8em;
}

.pager_prev {
order: 2;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border: solid 1px #CCC;
padding: 0 1em 0 .8em;
}

.pager_next {
order: 4;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border: solid 1px #CCC;
padding: 0 1em 0 .8em;
}

.pager_last {
order: 5;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border: solid 1px #CCC;
padding: 0 1em 0 .8em;
}

.pager_item {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border: solid 1px #CCC;
}

.pager_item a {
display: block;
width: 100%;
height: 100%;
}


/*======================
ニュースページ
=======================*/
.news_title {
width: 80%;
max-width: 800px;
margin: 0 auto 0;
text-align: left;
border-top: solid 3px #DFE2EE;
border-bottom: solid 3px #DFE2EE;
padding: 1.5em 1em;
margin: 0 auto 0;
font-size: 1.6rem;
line-height: 1.4em;
}

.news_article {
text-align: left;
width: 80%;
max-width: 800px;
margin: 2em auto 0;
padding: 0 1em 0;
line-height: 1.6em;
display: flex;
flex-direction: column;
}

.news_article a,
.news_article a:link,
.news_article a:visited {
text-decoration: underline;
color: #E8446D;
}

.news_article a:hover,
.news_article a:active {
text-decoration: none;
color: #E8446D;
}

.btn_newslist {
display: inline-block;
margin: 12em auto 0;
border: solid 1px #DFE2EE;
}

.btn_newslist a {
display: block;
padding: 1em 2em;
text-decoration: none;
}

.btn_newslist a:link,
.btn_newslist a:visited {
text-decoration: none;
}

.btn_newslist a:hover,
.btn_newslist a:active {
opacity: .6;
text-decoration: none;
}

.news_article > h3 {
font-size: 1.6rem;
margin: 2em 0 0;
}

.news_article > h3.margin_1 {
margin: 1em 0 0;
}

.news_article > p {
line-height: 1.6em;
margin: 1em 0 0;
}

.news_article > .no_margin {
margin: 0 0 0;
}

.news_article .bold {
font-weight: bold;
}

.news_article > ul {
margin: 1.5em 0 0;
}

.news_article > h3 + ul {
margin: 0;
}

.news_article > ul > li {
position: relative;
padding-left: 1em;
margin: .5em 0 0;
}

.news_article > ul > li::before {
content: "";
display: block;
width: .6em;
height: .6em;
background: #000;
position: absolute;
top: .5em; left: 0;
border-radius: .2em;
}

.news_article > ul > li.atte::before {
content: "※";
background: none;
top: 0;
}

.news_article > ul > li span {
}

.news_article a.btn {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 14em;
height: 3.2em;
line-height: 1em;
background: #2D3349;
font-size: 1.4rem;
color: #FFF;
text-decoration: none;
border-radius: 100vh;
text-align: center;
}

.news_article a.btn span {
font-size: 1.1rem;
}

.news_article a.btn.pink {
background: #E95399;
}

.news_article a.btn:link,
.news_article a.btn:visited {
text-decoration: none;
color: #FFF;
}

.news_article a.btn:hover,
.news_article a.btn:active {
text-decoration: none;
color: #FFF;
opacity: .8;
}

.news_article .goods_img {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 1em 0 0;
gap: .8em 0;
}

.news_article .goods_img dl {
width: calc(50% - .4em);
text-align: center;
border: solid .1rem #666;
padding: 1em;
}

.news_article .goods_img dl dt img {
width: 100%;
}

.news_article .goods_img dl dd {
font-size: 1.2rem;
line-height: 1.2em;
}

.news_article .goods_img dl dd span {
display: block;
}

.news_article .market_logo {
width: 80%;
max-width: 480px;
margin: 2em 0 2em;
}

.news_article .market_logo img {
width: 100%;
height: auto;
}

.news_article .feature {
font-weight: bold;
}


.news_article p.attention {
color: #c80032;
text-indent: -1em;
padding-left: 1em;
font-weight: bold;
}

.news_article p.attention::before {
content: "※";
}

@media screen and (min-width: 415px) {
/*-- min-width: 415px //--*/

/*--// min-width: 415px --*/
}


@media screen and (min-width: 960px) {
/*-- min-width: 960px //--*/

/*======================
newslist
=======================*/
.article > .inner {
min-width: 800px;
}

#news_box {
width: 800px;
}

.newslist {
flex-direction: row;
}

.newslist:first-child {
border-top: solid 1px #EEE;
}

.newslist .term {
width: 6em;
}

.newslist .desc {
width: calc(100% - 9em);
}
/*======================
ニュースページ
=======================*/
.news_article > p {
font-size: 1.6rem;
}

.news_article > p > span {
display: block;
}

.news_article > ul > li {
font-size: 1.6rem;
}

.news_article > ul > li span {
display: block;
}

.news_article .goods_img {
gap: 1.1em 0;
}

.news_article .goods_img dl {
width: calc(33.33% - .8em);
}

.news_article .goods_img dl dd span {
display: inline;
}


/*--// min-width: 960px //--*/
}