@charset "utf-8";
/* お知らせのcss */

.news_wrap { position: relative; }
.news_wrap .bx-wrapper { 
	max-width: calc(100% - 108px) !important;
	margin: 0 auto;
}
.news_wrap .btn .circle-arrow::before {
	top: 35%;
	left: 10px;
}
.news_wrap .btn .circle-arrow::after { 
   /* border-left: 5px solid #65C7EB !important;
	top: 19px !important;
    left: 17px !important;*/	
}
.feed-prev-btn .bx-prev {
	width: 100%;
	display: block;	
}
.feed-next-btn .bx-next {
	width: 100%;
	display: block;	
}
.news_wrap .btn p { margin-left: 15px; }
.news_wrap .inner #btn-prev {
	background: url(../img/carrow-blue_r.png);
	width: 44px;
	height: 44px;
	background-size: contain;
	right: 0;
}
.news_wrap .inner #btn-next {
	background: url(../img/carrow-blue_l.png);
	width: 44px;
	height: 44px;
	background-size: contain;
	left: 0;
}
.news_wrap #news-list { 
	padding-bottom: 0.6rem;
}
.news_wrap .btn:hover {
    opacity: 1;
}

/*=========================================
		お知らせ一覧
=========================================*/
/*商品がないとき*/
.news_wrap #news_list > div > p {
    text-align: center;
    font-size: 20px;
    margin: 5em 0;
    font-weight: 600;
}
/* 一覧 */
.news_wrap #news-list .tab-menu {
    margin-bottom: 5rem;
    display: block;
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news_wrap #news-list .tab-menu li {
    margin: 0.5em;
    border-radius: 0;
}
.news_wrap #news-list .tab-menu li a {
    padding: 0.25em 1em;
    font-size: 18px;
    background: #EFEFEF;
}
.news_wrap #news-list .tab-menu li a.selected, 
.news_wrap #news-list .tab-menu li a:hover, 
.news_wrap #news-list .tab-menu li a.selected:hover {
    background: #1595dc;
    color: #fff !important;
}

#news_list > div > ul li {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}
#news-list .ttl {
    color: #333;
    line-height: 1.3;
    margin-bottom: 1rem;
}
#news-list .ttl:hover {
    text-decoration: underline;
}
#news-list li.cate-important .ttl { color: #9e0909; }
.data {
    color: #828278;
    margin: 0 1rem 0 0;
}
.cate p {
    margin: 0;
    padding: 0 1em;
    border-left: 1px solid #ccc;
    line-height: 1;
}
#news-list li .news-head {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
}
#news-list li .ttl {
    margin: 0.5rem 0 0;
}
#news-list .cate-limi {
	position: relative;
}
#news-list .label-limi {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 80px;
	z-index: 1;
}

#news-list li .txt a { 
	font-weight: 500;
	color: #141414 !important;
}
#news-list ul li ul.table li.td:last-of-type { padding-left: 20px; }

/*=========================================
		お知らせ詳細
=========================================*/
#news-head { margin-bottom: 1rem; }
#news-detail #news-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#news-head .data { margin-right: 20px; }
#news-head > ul > li {
    display: inline-block;
    float: left;
    text-align: center;
    margin-right: 10px;
    padding: 0.2rem 2rem;
    min-width: 102px;
    color: #fff;
    /* border-radius: 30px; */
}
#news-detail #news-head ul li p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
#news-head .cate-important { background: #BF1919; }
#news-head .cate-news { background: #8BD0D9; }
#news-head .cate-limi { background: #A5A5A2; }
#news-head .cate-3 { background: #EBB9AB; }
#news-head .cate-4 { background: #BDD694; }
#news-head .cate-5 { background: #B5A6BF; }
#news-head .cate-6 { background: #92D6B8; }
#news-head .limi { 
	background: #F7F700;
	color: #141414;
	border-radius: 0;
}
#news-detail h2 { 
	margin-bottom: 2rem;
	font-size: 28px !important;
    font-size: 2.8rem !important;
    line-height: 3.6rem
}
#news-content { margin-bottom: 5rem; }
#news-content .news-pic { 
	margin-bottom: 2rem;
	padding-bottom: 61.813%;
}
#news-content .txt { line-height: 1.9; }
#news-content #photo_list li a {
	background: #F8F8F6;
    position: relative;
    padding-bottom: 61.881%;
    border-radius: 5px;
    overflow: hidden;
}
#news-content #photo_list li a img {
	width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}
#news-content #photo_list .bxslider li { margin-bottom: 1.5rem; }

/* ページャー */
#pager-list_wrap {
    border-top: 1px solid #E4E4D4;
    padding-top: 2rem;
}
#pager-list_wrap li { vertical-align: middle; }
#pager-list_wrap li a { line-height: 1; }
#pager-list_wrap .prev {
    padding-right: 20px;
    border-right: 1px solid #E4E4D4;
}
#pager-list_wrap .prev a:after {
    border-right: 4px solid #fff;
    border-left: none;
    left: 5px;
}
.text-link a.circle-arrow::after { border-left: 4px solid #fff; }
#pager-list_wrap .list {
    width: 7em;
    text-align: center;
    box-sizing: content-box;
    padding: 0 70px;
}
#pager-list_wrap .next {
    padding-left: 20px;
    border-left: 1px solid #E4E4D4;
	text-align: right;
}
#pager-list_wrap .next a {
    padding-left: 0;
    padding-right: 21px;
}
#pager-list_wrap .next a:before {
    right: 0;
    left: inherit;
}
#pager-list_wrap .next a:after {
    right: 1px;
    left: inherit;
}

@media screen and (min-width: 1000px) {		
	/*=========================================
			お知らせ一覧
	=========================================*/
	#news ul > li { height: 42rem; }	
	
	/*=========================================
			お知らせ詳細
	=========================================*/
	#news-content #photo_list { padding-right: 20px; }	
}

@media screen and (max-width: 999px) {
	/*=========================================
			お知らせ一覧
	=========================================*/	
	#news-list .col-3 .col {
		margin-bottom: 1.5rem;
	}
	#news .pager_wrap { margin-top: 3rem; }
	
	/*=========================================
			お知らせ詳細
	=========================================*/
	#news-content .td {
		width: 100%;
		display: block;
	}
	#pager-list_wrap ul.pager-list.table.table-full.table-abs.t-14 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
	#pager-list_wrap .list { padding: 0 10px; }
#pager-list_wrap .prev {
    padding-right: 10px;
    width: 50%;
}
	#pager-list_wrap .next {
    padding-left: 10px;
    width: 50%;
    border: none;
}
}

@media screen and (max-width: 999px) and (min-width: 481px) {
	/*=========================================
			お知らせ一覧
	=========================================*/
	#news ul > li { height: 40rem; }
	#news-list .col-3 .col {
		width: calc(33.333% - 8px);
		margin-left: 10px;
	}
}

@media screen and (min-width: 481px) {
	.news_wrap .btn {
		/*width: 124px;
		position: absolute;
		top: 0;
		right: 0;*/
	}
	
	/*=========================================
			お知らせ一覧
	=========================================*/
	#news-list .col-3 .col {
		width: calc(33.333% - 14px);
		margin-left: 20px;
	}
	#news-list .col-3 .col:nth-of-type(3n+1) { margin-left: 0; }
	
	/*=========================================
			お知らせ詳細
	=========================================*/
	#news-detail #news-head .table {
		width: calc(100% - 148px);
		float: left;
	}
	.data {
		display: inline-block;
		float: left;
	}	
}

@media screen and (max-width: 480px) {
	.data {
		display: inline-block;
		float: left;
	}
	.news_wrap .btn {
		width: 80%;
		margin: 3rem auto 0;
	}
	
	/*=========================================
			お知らせ一覧
	=========================================*/
	.news_wrap #news_list > div > p {
    font-size: 4.0vw;
}
	.news_wrap #news-list .tab-menu li a {
    font-size: 3.6vw;
}
	#news-list .slide-parent {
		width: 100%;
		margin: 2rem auto 1rem;
	}
	#news-list .slide-parent a { padding: 1.5rem 1.1rem; }
	#news-list .slide-parent span { width: 10px; }
	#news-list .slide-parent p {
		display: inline-block;
		color: #141414;
		font-size: 16px;
		font-size: 1.6rem;
	}	
	#news { margin-top: 2rem; }
	#news-list .col-3 .col { margin-bottom: 2rem; }

	/*=========================================
			お知らせ詳細
	=========================================*/
	#news-content .news-pic { margin-bottom: 1.5rem; }

	#news-content #photo_list .bxslider li { margin-bottom: 1rem; }
}

/*=========================================
		cssハック
=========================================*/
/* IE9〜11 */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	#news-head > ul > li { padding: 0.6rem 8px 0 !important; }
}
/* Edge12〜14 */
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	#news-head > ul > li { padding: 0.6rem 8px 0 !important; }
}

/*=========================================
		システム組み込みのためにシフトプラスで編集
=========================================*/
.news_wrap #news_list > div#news-cate1 > p{
	text-align: center;
    font-size: 20px;
    margin: 5em 0;
    font-weight: 600;
}