@charset "utf-8";
/*-----------------------------------
CSS information
 file name  :module.css
 author     :T&N netservice
-----------------------------------*/


/* PC・タブレット 769px以上 */
@media screen and (min-width: 769px) {
#news_header_wrap {
	height: 150px;
}
#news_header_wrap #news_logo h1 {
	padding: 20px;
	text-align: center;
}
#news_header_wrap #news_logo h1 img {
	height: 100px;
}
#contents.news_contents {
}
#contents.news_contents article#news h1 {
	margin: 0 0 100px;
	padding-top: 100px;
}
#contents_wrap.news_contents_wrap footer {
	padding-top: 40px;
}



header#top_news {
	background: #fffbed;
}
header#top_news h1 {
	position: relative;
	z-index: 500;
}
header#top_news h1 img {
	width: 190px;
	margin: 20px 0 0 20px;
}
#contents #newslist::before {
}
#contents #newslist {
	position: relative;
	z-index: 100;
}
#contents #newslist_h {
	position: relative;
	z-index: 100;
	background: #fffbed;
}
#contents #newslist_h h1 {
	text-align: center;
	margin-top: -30px;
}
#contents #newslist_h h1 img {
	width: 340px;
}
#contents #newslist #newslist_box::before {
	content: "";
	background-repeat: no-repeat;
	display: block;
	margin-top: 0px;
	height: 250px;
	position: relative;
	width: 100%;
	z-index: 1;
    background: url("/images/parts/separate_shop_img_top.svg");
	min-width: 1024px;
}
#contents #newslist_box {
	position: relative;
	z-index: 105;
}
#contents #newslist_box ul {
	position: relative;
	z-index: 107;
	margin-top: -180px;
}
#contents #newslist_box ul li {
	display: table;
	width: 800px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#contents #newslist_box ul li .newslist_img,
#contents #newslist_box ul li .newslist_ttl {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#contents #newslist_box ul li .newslist_img {
	width: 370px;
}
#contents #newslist_box ul li .newslist_img img {
	width: 100%;
}
#contents #newslist_box ul li .newslist_ttl {
	padding-left: 30px;
}
#contents #newslist_box ul li .newslist_ttl span {
	font-size: 14px;
	display: block;
}
#contents section #back {
	width: 800px;
	margin: 60px auto 0;
	padding-bottom: 50px;
}
#contents section #back a {
	font-weight: bold;
}
#contents section #back::before {
    content: "";
    display: inline-block;
    margin: 0 10px 6px 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    -webkit-transform: rotate(225deg);
    transform: rotate(225vdeg);
    vertical-align: middle;
}


#contents #newspage {
	position: relative;
	z-index: 100;
}
#contents #newspage #newslist_box #newslist_ttl_wrap {
}
#contents #newspage #newslist_box #newslist_ttl_wrap .newslist_ttl {
	width: 800px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}
#contents #newspage #newslist_box #newslist_ttl_wrap .newslist_ttl span {
	font-weight: bold;
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}
#contents #newspage #newslist_box .newslist_img {
	margin: 0 0 20px;
	text-align: center;
	position: relative;
}
#contents #newspage #newslist_box .newslist_txt sup {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
#contents #newspage .newslist_img::before {
	content: "";
	background-repeat: no-repeat;
	display: block;
	margin-top: 0px;
	height: 250px;
	position: absolute;
	width: 100%;
	z-index: 1;
    background: url("/images/parts/separate_shop_img_top.svg");
	min-width: 1024px;
}
#contents #newspage #newslist_box .newslist_img img {
	position: relative;
	z-index: 105;
	margin-top: 15px;
}
#contents #newspage #newslist_box p.newslist_txt {
	width: 800px;
	margin: 0 auto;
	line-height: 1.8em;
}
#contents #newspage #sns_share {
	text-align: center;
	margin-top: 30px;
}
#contents #newspage #sns_share #sns_share_txt {
	margin: 0 0 8px;
	font-weight: bold;
}
#contents #newspage #sns_share #sns_share_btn {
	display: inline-block;
	margin: 0 auto;
}
#contents #newspage #sns_share #sns_share_btn .share_btn {
	display: inline;
}
#contents #newspage #sns_share #sns_share_btn .share_btn img {
	width: 35px;
	height: 35px;
}
#contents #newspage #sns_share #sns_share_btn .share_btn.share_fb {
	padding-right: 10px;
}
}
































/* スマホ */
@media screen and (max-width: 768px) {
#news_header_wrap #news_logo h1 {
	padding: 15px;
	width: 110px;
	margin: 0 auto;
}
#contents.news_contents {
}
#contents.news_contents article#news h1 {
	margin: 0 0 100px;
	padding-top: 100px;
}
#contents_wrap.news_contents_wrap footer {
	padding-top: 40px;
}
header#top_news {
	background: #fffbed;
}
header#top_news h1 {
	position: relative;
	z-index: 500;
	width: 100px;
	padding: 15px 0 0 15px;
}
#contents #newslist {
	position: relative;
	z-index: 100;
	padding: 0;
}
#contents #newslist_h {
	position: relative;
	z-index: 100;
	background: #fffbed;
}
#contents #newslist_h h1 {
	text-align: center;
}
#contents #newslist_h h1 img {
	width: 60%;
}
#contents #newslist #newslist_box::before {
	content: "";
	background-repeat: no-repeat;
	display: block;
	margin-top: 0px;
	height: 250px;
	position: relative;
	width: 100%;
	z-index: 1;
    background: url("/images/parts/separate_shop_img_top.svg");
	min-width: 1024px;
}
#contents #newslist_box {
	position: relative;
	z-index: 105;
	padding: 0;
}
#contents #newslist_box ul {
	position: relative;
	z-index: 107;
	margin: -180px 20px 0;
}
#contents #newslist_box ul li {
	margin: 0 auto;
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
}
#contents #newslist_box ul li .newslist_ttl {
	order: 1;
	margin-bottom: 10px;
	text-align: left;
}
#contents #newslist_box ul li .newslist_ttl span,
#contents #newslist_box ul li .newslist_ttl a{
	font-weight: bold;
}
#contents #newslist_box ul li .newslist_ttl span {
	display: block;
	margin: 0 0 5px;
}
#contents #newslist_box ul li .newslist_ttl a {
	font-size: 20px;
}
#contents #newslist_box ul li .newslist_img {
	order: 2;
}
#contents section #back {
	text-align: center;
	margin: 60px auto 0;
	padding-bottom: 50px;
}
#contents section #back a {
	font-weight: bold;
}
#contents section #back::before {
    content: "";
    display: inline-block;
    margin: 0 10px 6px 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #444;
    border-right: 2px solid #444;
    -webkit-transform: rotate(225deg);
    transform: rotate(225vdeg);
    vertical-align: middle;
}



#contents #newspage {
	position: relative;
	z-index: 100;
}
#contents #newspage #newslist_box #newslist_ttl_wrap {
	padding-top: 20px;
}
#contents #newspage #newslist_box #newslist_ttl_wrap .newslist_ttl {
	margin: 0 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
}
#contents #newspage #newslist_box #newslist_ttl_wrap .newslist_ttl span {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
#contents #newspage #newslist_box .newslist_img {
	margin: 0 0 20px;
	text-align: center;
	position: relative;
}
#contents #newspage #newslist_box .newslist_txt sup {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
#contents #newspage .newslist_img::before {
	content: "";
	background-repeat: no-repeat;
	display: block;
	margin-top: 0px;
	height: 250px;
	position: absolute;
	width: 100%;
	z-index: 1;
    background: url("/images/parts/separate_shop_img_top.svg");
	min-width: 1024px;
}
#contents #newspage #newslist_box .newslist_img img {
	position: relative;
	z-index: 105;
	margin-top: 15px;
}
#contents #newspage #newslist_box p.newslist_txt {
	margin: 0 20px;
	line-height: 1.8em;
}
#contents #newspage #sns_share {
	text-align: center;
	margin-top: 30px;
}
#contents #newspage #sns_share #sns_share_txt {
	margin: 0 0 8px;
	font-weight: bold;
}
#contents #newspage #sns_share #sns_share_btn {
	display: inline-block;
	margin: 0 auto;
}
#contents #newspage #sns_share #sns_share_btn .share_btn {
	display: inline;
}
#contents #newspage #sns_share #sns_share_btn .share_btn img {
	width: 50px;
	height: 50px;
}
#contents #newspage #sns_share #sns_share_btn .share_btn.share_fb {
	padding-right: 10px;
}

}