#news{
	font-size: 1.2em;
}
@media screen and (max-width: 1080px) {
  #news{
    font-size: 1.3em;
  }
}
@media screen and (max-width: 768px) {
  #news{
    font-size: 1.2em;
  }
}

#news{
	width: min(88.2%, 1080px);
	margin-inline: auto;
	display: flex;
	column-gap: 50px;
	row-gap: 30px;
}
#news .right {
	width:30%;
}
#news .left {
	width:70%;
}
@media screen and (max-width: 768px) {
	#news {
		flex-direction: column;
	}
	#news .right,
	#news .left {
		width: 100%;
	}
}

/*============================================================================================
↓記事==========================================================================================
============================================================================================*/
#news .left .post {
	
}
#news .left .post .post-meta {
	display: flex;
	column-gap: 20px;
	align-items: center;
	margin-bottom: 20px;
}
#news .left .post .post-meta .cat {
	display: inline-flex;
	align-items: center;
	gap: 1px;
}
#news .left .post .post-meta .cat span {
	color: #fff;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	padding: 0.5em 0.75em;
	background-color:#666;
	flex-shrink: 0;
}
#news .left .post .post-meta .day {
	font-size: 1.2em;
	line-height: 1;
}
#news .left .post .post-title {
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.6;
	border-bottom:1px dotted #b5b5b5;
	padding-bottom:20px;
}
#news .left .post .post-body {
	font-size: 1em;
	line-height: 1.8;
}

#news .left .post .post-body h1,
#news .left .post .post-body h2,
#news .left .post .post-body h3,
#news .left .post .post-body h4,
#news .left .post .post-body h5,
#news .left .post .post-body h6 {
	font-weight: bold;
}
#news .left .post .post-body a {
	text-decoration: underline;
}
#news .left .post .post-body a:hover {
	text-decoration: none;
}


/*============================================================================================
↓一覧==========================================================================================
============================================================================================*/
#news .left .list {
	display: flex;
	flex-direction: column;
}
#news .left .list .article {
	font-size: 1.2em;
	line-height: 1.6;
	display: flex;
	column-gap: 20px;
	align-items: center;
	border-bottom:1px dotted #b5b5b5;
	padding: 20px 0;
}
#news .left .list .article::first-child {
	border-top:1px dotted #b5b5b5;
}
#news .left .list .article .cat {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	flex-shrink: 0;
}
#news .left .list .article .cat span {
	color: #fff;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	padding: 0.5em 0.75em;
	background-color:#666;
	flex-shrink: 0;
}
#news .left .list .article .day {
	font-size: 1em;
	line-height: 1;
}
#news .left .list .article .title {
	font-size: 1em;
	line-height: 1.6;
	flex: 1;
}
#news .left .list .article .title a {
	text-decoration: underline;
}
#news .left .list .article .title a:hover {
	text-decoration: none;
}

#news .left table {
	text-align:left;
	width:100%;
	line-height:1.6em;
	text-align:left;

	}
#news .left td{
	font-size:1.2em;
	padding:20px 0px
	}
	
#news .left table .day{
	width:20%;
	padding:20px;
	}
#news .left table .title{
	width:70%;}
#news .left tr{
	border-bottom:1px dotted #b5b5b5;
	
	} 
#news .left .icon img{
width:63px;
vertical-align:middle;
	}
@media screen and (max-width: 768px) {
#shop-menu .right table td{
	width:60%;
	padding:20px 0px;
	vertical-align:top;
	}
#shop-menu .right .yen{
	width:30%;}
}

/*============================================================================================
↓サイドバー======================================================================================
============================================================================================*/
#news .right .news-list .list {
	background-image:url(../img/back-img.jpg);
	padding:40px;
}
#news .right .news-list .list h5 {
	text-align:center;
	border-bottom:1px solid #000;
	height:25px;
	margin-bottom:10px;
}
#news .right .news-list .list h5 img {
	height:100%;
}
#news .right .news-list .list .cat {
	font-size:1.2em;
	margin-bottom:30px;
	line-height:2em;
}
#news .right .news-list .list .new li {
	line-height:1.6em;
	background-image: url(../img/ico-next-bk.svg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:6px;
	padding:0 10px;
	margin-bottom:10px;
}
#news .right .news-list .list ul li a {
	text-decoration:none;
}
#news .right .news-list .list ul li a:hover {
	text-decoration:underline;
}
#news .right select {
    /*リセット*/
	-webkit-appearance: none;
	appearance: none;
	/*リセット*/
	font-size: 1.2rem;
	line-height: 1;
	color: #000;
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 7px 30px 7px 7px;
	background-image: url(../img/ico-select.svg);
	background-position: right 7px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	#shop-menu .left .inner .news-list .list{
		background-image:none;
		padding:0px 10px;
	}
}