@charset "UTF-8";

section > .inner {
	width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22px;
}
@media screen and (max-width: 1023px){
	section > .inner {
		width: 100%;
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 10px;
		padding-bottom: 15px;
	}
}

section.product{
	padding-top: 40px;
    margin-top: 40px;
    padding-bottom: 40px;
	background-color: #f7f7f7;
}

/* #campaign #page_title+:not(#mv) {
    margin-top: 36px; 
} */
/* --------------------------------------------------

見出し

-------------------------------------------------- */
/* H2 */
.h2-default {
	background-color: #efede7;
	padding-top: 37px;
	position: relative;
	padding-bottom: 37px;
	margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
	.h2-default {
		padding-top: 20px;
		padding-bottom: 18px;
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 20px;
	}
}
.h2-default h2 {
	line-height: 1.5;
	display: block;
	text-align: center;
	color: #ab915d;
	font-size: 22px;
	letter-spacing: 2px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	border-bottom: 1px solid #ab915d;
	position: relative;
}
@media screen and (max-width: 1023px) {
	.h2-default h2 {
		font-size: 14px;
		width: auto;
		padding-bottom: 15px;
		letter-spacing: 1px;
	}
}
.h2-default h2:before {
	content: " ";
	display: block;
	position: absolute;
	display: block;
	height: 2px;
	width: 100%;
	bottom: 3px;
	background-color: #ab915d;
}

/* 見出し下のお知らせ */
.attention {
	width: 1000px;
	min-height: 40px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}
@media screen and (max-width: 1023px) {
	.attention {
		width: 100%;
		min-height: 35px;
		margin-top: 10px;
	}
}
.attention .ec {
	display: table-cell;
	width: 117px;
	height: 100%;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	vertical-align: middle;
	padding-left: 17px;
	background: transparent url(/front/img/common/oshirase.svg) 0% 0% no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
@media screen and (max-width: 1023px) {
	.attention .ec {
		width: 75px;
		font-size: 12px;
		line-height: 1;
		padding-left: 7px;
	}
}
.attention .text {
	margin-top: 2px;
	border: 1px solid #e90000;
	display: table-cell;
	width: 881px;
	min-height: 36px;
	line-height: 1.5;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 15px;
	color: #e90000;
	font-size: 14px;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 6px;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 2px #e90000;
	        box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 2px #e90000;
}
@media screen and (max-width: 1023px) {
	.attention .text {
		width: auto;
		font-size: 12px;
		line-height: 1.3;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 3px;
	}
}
.attention .text p + ul {
	margin-top: 2px;
}
.attention .text ul {
	margin-left: .5em;
}
.attention .text li {
	list-style: none;
	position: relative;
}
.attention .text li:before {
	content: "\30FB";
	position: absolute;
	left: -1em;
}

/* H3 */
header h3 {
	color: #ab915d;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.h3-default {
	position: relative;
	margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
	.h3-default {
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 20px;
	}
}
.h3-default h3 {
	line-height: 1.5;
	display: block;
	text-align: center;
	color: #ea0000;
	font-size: 22px;
	letter-spacing: 2px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 14px;
	padding-top: 13px;
	border-top: 1px solid #ea0000;
	border-bottom: 1px solid #ea0000;
	position: relative;
}
@media screen and (max-width: 1023px) {
	.h3-default h3 {
		font-size: 14px;
		width: auto;
		padding-bottom: 15px;
		letter-spacing: 1px;
	}
}
.h3-default h3:before {
	content: " ";
	display: block;
	position: absolute;
	display: block;
	height: 1px;
	width: 100%;
	bottom: 3px;
	background-color: #ea0000;
}

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

テキスト右、画像左

-------------------------------------------------- */
.wrap {
	overflow: hidden;
	*zoom: 1;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

/* .wrap + .wrap {
	margin-top: -44px;
} */

@media screen and (max-width: 1023px) {
	.wrap {
		width: auto;
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 30px;
	}
}

.tr-fl figure {
	width: 500px;
	float: left;
}
.tr-fl figure img {
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
}
.tr-fl figure img ~ img {
	margin-top: 36px;
}

@media screen and (max-width: 1023px) {
	.tr-fl figure img {
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1023px) {
	.tr-fl figure {
		width: auto;
		float: none;
		margin-bottom: 20px;
	}
}
.tr-fl .text {
	color: #595959;
	font-size: 16px;
	line-height: 1.75;
	width: 454px;
	float: right;
}
@media screen and (max-width: 1023px) {
	.tr-fl .text {
		font-size: 13px;
		float: none;
		width: auto;
	}
}

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

テキスト左、画像右

-------------------------------------------------- */
.tl-fr figure {
	width: 500px;
	float: right;
}
.tl-fr figure img {
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
}

.tl-fr figure img ~ img {
	margin-top: 36px;
}

@media screen and (max-width: 1023px) {
	.tl-fr figure img {
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1023px) {
	.tl-fr figure {
		width: auto;
		float: none;
		margin-bottom: 20px;
	}
}
.tl-fr .text {
	color: #595959;
	font-size: 16px;
	line-height: 1.75;
	width: 464px;
	float: left;
}
@media screen and (max-width: 1023px) {
	.tl-fr .text {
		font-size: 13px;
		float: none;
		width: auto;
	}
}

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

ダイナミック画像

-------------------------------------------------- */
.text a, .caption a, .text-box a, .address a, .shop .content p a {
	color: #ab915d;
	text-decoration: none;
}
.text a:hover, .caption a:hover, .text-box a:hover, .address a:hover, .shop .content p a:hover {
	text-decoration: underline;
}

.dyn-img figure {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 36px;
}
.dyn-img figure:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
	.dyn-img figure {

		margin-bottom: 18px;
	}
}
.dyn-img figure img {
	display: block;
	float: left;
	width: 100%;
}

@media screen and (max-width: 1023px) {
	.dyn-img figure img {
		width: auto;
		height: auto;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}

@media screen and (max-width: 1023px) {
	.dyn-img figure img + img {
		margin-left: auto;
		margin-top: 20px;
	}
}
.dyn-img .text {
	color: #595959;
	font-size: 16px;
	line-height: 1.75;
	width: auto;
	margin-bottom: 36px;
}

.dyn-img .text:last-child { 
	margin-bottom: 0; 
}

@media screen and (max-width: 1023px) {
	.dyn-img .text {
		font-size: 13px;
		float: none;
		width: auto;
		margin-bottom: 18px;
	}
}
/* --------------------------------------------------

画像横2段

-------------------------------------------------- */
.fig-2col figure {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 36px;
}

.fig-2col figure:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
	.fig-2col figure {
		margin-bottom: 18px;
	}
}
.fig-2col figure img {
	display: block;
	float: left;
	width: 48%;
}

@media screen and (max-width: 1023px) {
	.fig-2col figure img {
		width: auto;
		height: auto;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}
.fig-2col figure img + img {
	margin-left: 40px;
}
@media screen and (max-width: 1023px) {
	.fig-2col figure img + img {
		margin-left: auto;
		margin-top: 20px;
	}
}
.fig-2col .text {
	color: #595959;
	font-size: 16px;
	line-height: 1.75;
	width: auto;
	margin-bottom: 36px;
}

.fig-2col .text:last-child { 
	margin-bottom: 0; 
}

@media screen and (max-width: 1023px) {
	.fig-2col .text {
		font-size: 13px;
		float: none;
		width: auto;
		margin-bottom: 18px;
	}
}

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

画像横3段 （SP時スライダー）

-------------------------------------------------- */
.fig-3col {
	padding-left: 0;
	padding-right: 0;
}
.fig-3col .slick-list {
	overflow: visible;
}
.fig-3col figure {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 36px;
}
.fig-3col figure:last-child {
	margin-bottom: 0px;
}
@media screen and (max-width: 1023px) {
	.fig-3col figure {
		width: 252px;
		margin-left: auto;
		margin-right: auto;
		overflow: visible;
	}
}
.fig-3col figure img {
	display: block;
	float: left;
	width: 30.6%;
	outline: none;
}
@media screen and (max-width: 1023px) {
	.fig-3col figure img {
		width: 232px;
		margin-left: 10px;
		margin-right: 10px;
	}
}
.fig-3col figure img + img {
	margin-left: 40px;
}
@media screen and (max-width: 1023px) {
	.fig-3col figure img + img {
		margin-left: 10px;
		margin-right: 10px;
	}
}
.fig-3col .text {
	color: #595959;
	font-size: 16px;
	line-height: 1.75;
	width: auto;
	margin-bottom: 36px;
}
.fig-3col .text:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
	.fig-3col .text {
		font-size: 13px;
		float: none;
		width: auto;
		margin-left: 25px;
		margin-right: 25px;
	}
}

/* slider */

/* .fig-slider figure img {
	display: block;
	float: left;
	width: 30.6%;
	outline: none;
} */
.fig-slider .slick-list {
	overflow: visible;
}
@media screen and (max-width: 1023px) {
	.fig-slider figure {
		width: 252px;
		margin-left: auto;
		margin-right: auto;
		overflow: visible;
	}
	.fig-slider figure img {
		width: 232px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.fig-slider figure img + img {
		margin-left: 10px;
		margin-right: 10px;
	}
	.fig-slider .slick-dotted.slick-slider {
		margin-bottom: 50px;
	}
	.fig-slider .slick-dots {
		position: absolute;
		bottom: -42px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.fig-slider .slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 0;
		padding: 0;
		cursor: pointer;
		float: none;
		outline: none;
	}
	.fig-slider .slick-dots li:focus {
		outline: "none";
	}
	.fig-slider .slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 7px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.fig-slider .slick-dots li button:hover,
	.fig-slider .slick-dots li button:focus {
		outline: none;
	}
	.fig-slider .slick-dots li button:hover:before,
	.fig-slider .slick-dots li button:focus:before {
		opacity: 1;
	}
	.fig-slider .slick-dots li button:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: 10px;
		content: '';
		opacity: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #e90000;
		border-radius: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.fig-slider .slick-dots li.slick-active button:before {
		background-color: #e90000;
	}
}

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

アイコン付きリンク

-------------------------------------------------- */
a.pdf:after {
	content: " ";
	display: inline-block;
	width: 23.0px;
	height: 29.0px;
	background: transparent url(/front/img/common/ico-pdf.png) 0% 0% no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	margin-bottom: -10px;
	margin-left: 4px;
	margin-right: 5px;
}
@media screen and (max-width: 1023px) {
	a.pdf:after {
		width: 18px;
		height: 25px;
		margin-bottom: -10px;
	}
}
a.blank:after {
	content: " ";
	display: inline-block;
	width: 16.0px;
	height: 14.0px;
	background: transparent url(/front/img/common/ico-blank.png) 0% 0% no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	margin-bottom: -2px;
	margin-left: 4px;
	margin-right: 5px;
}

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

バナー(横3段＋横1段)

-------------------------------------------------- */
.banner-list {
	overflow: hidden;
	*zoom: 1;
	text-align: center;
	width: auto;
	background-color: #f7f7f7;
	padding-top: 50px;
	padding-bottom: 50px;
}
@media screen and (max-width: 1023px) {
	.banner-list {
        margin-top: 40px;
		padding: 25px 25px 15px;
	}
}
.banner-list li {
	display: inline-block;
	width: 312px;
	height: 100px;
	border: 1px solid #cbcbcb;
	border-radius: 5px;
	background-color: #fff;
	margin-left: 13px;
	margin-right: 13px;
}
@media screen and (max-width: 1023px) {
	.banner-list li {
		width: 100%;
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
		height: 50px;
		margin-bottom: 10px;
		border-radius: 3px;
	}
}
.banner-list li:hover {
	border-color: #CBB17D;
}



.banner-list li.net_reserve {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 1000px;
    border: 1px solid #f34f4f;
}
@media screen and (max-width: 1023px) {
	.banner-list li.net_reserve {
		float: none;
		clear: both;
		width: auto;
		margin-bottom: 10px;
	}
}
.banner-list li.net_reserve a {
    display: block;
    position: relative;
    height: 100%;
    line-height: 30px;
    padding-top: 0;
    text-decoration: none;
    color: #e90000;
    text-align: left;
    font-size: 20px;
    margin-top: 17px;
    margin-left: 342px;
    font-weight: bold;
}

.banner-list li.net_reserve a span{
    font-size: 24px;
}

@media screen and (max-width: 1023px) {
    .banner-list li.net_reserve a {
        padding-top: 0;
        line-height: 18px;
        font-size: 12px;
        margin-top: 6px;
        margin-left:-12px;
        text-align: center;
    }
    
    .banner-list li.net_reserve a span{
        font-size: 16px;
        margin-left: 68px;
    }
}

@media screen and (max-width: 392px) {
    .banner-list li.net_reserve a {
        margin-left:0px;
    }
    .banner-list li.net_reserve a span{
        font-size: 12px;
        margin-left: 12px;
    }
    .banner-list li.net_reserve a:before {
        -webkit-transform: translate(-38px,8px);
        transform: translate(-32px,8px);
    }
}

.banner-list li.net_reserve a:before {
    content: " ";
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 34px;
    background: transparent url(/front/img/common/ico-netreserve.png) 0% 0% no-repeat;
    -webkit-transform: translate(-86px,16px);
    transform: translate(-86px,16px);
    margin-right: 33px;
}

@media screen and (max-width: 1023px) {
    .banner-list li.net_reserve a:before {
        width: 24px;
        height: 24px;
        background-size: 100% auto;
        -webkit-background-size: 100% auto;
        margin-right: 5px;
        -webkit-transform: translate(-38px,8px);
        transform: translate(-38px,8px);
    }
}

.banner-list a {
	display: block;
	padding-top: 18px;
	height: 100%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
@media screen and (max-width: 1023px) {
	.banner-list a {
		padding-top: 9px;
	}
}
.banner-list a:hover {
	opacity: .7;
}
.banner-list img {
	display: block;
	height: 62px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1023px) {
	.banner-list img {
		height: 30px;
	}
}

/* Campaign card 1 */
.card01 {
	overflow: hidden;
	*zoom: 1;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
	margin-bottom: 80px;
}
@media screen and (max-width: 1023px) {
	.card01 {
		width: 248px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.card01.slick-slider, .card01 .slick-list {
		overflow: visible;
	}
}
.card01 li {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: 33.33%;
	max-width: 33.33%;
	background-color: #f7f7f7;
}
.card01 li:nth-child(3n-2){
	max-width: 33.33%;
}
@media screen and (max-width: 1023px) {
	.card01 li {
		width: 232px !important;
		max-width: 100% !important;
		/* height: 345px; */
		margin-left: 8px;
		margin-right: 8px;
	}
}

.card01 li:nth-of-type(2n) {
	background-color: #efece7;
}
.card01 li.new {
	position: relative;
}
.card01 li.new:before {
	position: absolute;
	content: "NEW";
	display: block;
	width: 51px;
	height: 51px;
	border: 1px solid #ab905d;
	border-radius: 100%;
	background-color: #fff;
	z-index: 10;
	text-align: center;
	line-height: 54px;
	color: #ab905d;
	right: 10px;
	top: 10px;
	font-family: 'Myriad Pro', 'PT Sans', sans-serif;
	font-weight: lighter;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 1px;
}
@media screen and (max-width: 1023px) {
	.card01 li.new:before {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 10px;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 2px;
		z-index: 1;
	}
}
.card01 li a {
	display: block;
	text-decoration: none;
}
@media screen and (max-width: 1023px) {
	.card01 li a {
		/* height: 345px; */
	}
}
.card01 .photo {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 88%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.dyn-img .photo {
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
	.card01 .photo {
		background-color: transparent;
	}
}
.card01 .photo .inner, .dyn-img a .photo .inner {
	display: block;
	width: 100%;
	position: absolute;
	-o-object-fit: cover;
    object-fit: cover;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

/*20201116*/
@media all and (-ms-high-contrast: none) {
    .card01 .photo .inner, .dyn-img a .photo .inner {
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        width:auto
        }
    }
/**/

@media screen and (max-width: 1023px) {
	.card01 .photo .inner, .dyn-img a .photo .inner {
		-webkit-transform: none;
		transform: none;
        top:0;
        left:0;
	}
}
.card01 .photo:hover .inner, .dyn-img a .photo:hover .inner {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	opacity: 0.7;
}

/*20201116*/
@media all and (-ms-high-contrast: none) {
  .card01 .photo:hover .inner, .dyn-img a .photo:hover .inner {
        height: 110%;
        transform: translate(-50%, -50%);
  }
}
/**/

@media screen and (max-width: 1023px) {
	.card01 .photo:hover .inner, .dyn-img a .photo:hover .inner {
        -webkit-transform: scale(none, none);
		transform: scale(none, none);
        /*-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);*/
		opacity: 1;
        /*width: 100%;*/
	}
}
@media screen and (max-width: 1023px) {
	.card01 .photo {
		width: 100%;
	}
}
.card01 .inner {
	display: block;
	width: auto;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
.card01 .text {
	display: block;
	line-height: 1.5;
	padding: 40px;
	color: #595959;
}
@media screen and (max-width: 1023px) {
	.card01 .text {
		min-height: initial;
		/* height: 139px; */
		padding: 25px;
	}
}
@media screen and (max-width: 600px) {
	.card01 .text {
    padding: 25px 3vw;
}
}
.card01 .category {
	display: inline-block;
	height: 24px;
	line-height: 26px;
	color: #fff;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 13px;
    background-color: #e90000;
}
@media screen and (max-width: 1023px) {
	.card01 .category {
		height: 19px;
		line-height: 21px;
		font-size: 10px;
		display: table-cell;
	}
}
.card01 .category.sales{
	background-color: #e90000;
}
.card01 .category.campaign {
	background-color: #CBB17D;
}


.card01 .description {
	display: block;
	line-height: 1.75;
	font-size: 16px;
	font-weight: normal;
}
@media screen and (max-width: 1023px) {
	.card01 .description {
		line-height: 1.5;
		font-size: 12px;
		margin-top: 2vw;
	}
}

/* ナビゲーション */
@media screen and (max-width: 1023px) {
	.card01 .slick-dotted.slick-slider {
		margin-bottom: 35px;
	}
	.card01 .slick-dots {
		position: absolute;
		bottom: -34px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.card01 .slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px !important;
		height: 20px;
		margin: 0 0;
		padding: 0;
		cursor: pointer;
		float: none;
		background: none !important;
	}
	.card01 .slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 7px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.card01 .slick-dots li button:hover,
	.card01 .slick-dots li button:focus {
		outline: none;
	}
	.card01 .slick-dots li button:hover:before,
	.card01 .slick-dots li button:focus:before {
		opacity: 1;
	}
	.card01 .slick-dots li button:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: 10px;
		content: '';
		opacity: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #d5000f;
		border-radius: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.card01 .slick-dots li.slick-active button:before {
		background-color: #d5000f;
	}

	.card01:not(.card-slider) {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.card01:not(.card-slider) li{
		max-width: 48% !important;
		margin: 1%;
	}
	.card04:not(.card-slider) .text {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		height: calc(100% - 100px);
		padding: 18px;
		min-height: 0;
	}
	.card04:not(.card-slider) .photo {
		height: 100px;
		padding-bottom: 60%;
	}
}

.card02 li {
	width: 50%;
	max-width: 50% !important;
}

.card03 li {
	width: 25%;
	max-width: 25% !important;
}

.card01.card02 li:nth-of-type(2n) {
	background-color: #f7f7f7;
}
.card01.card02 li:nth-of-type(4n) {
	background-color: #efece7;
}
.card01.card02 li:nth-of-type(4n - 3) {
	background-color: #efece7;
}
.card01.card04 li:nth-of-type(2n) {
	background-color: #f7f7f7;
}
.card01.card04 li:nth-of-type(8n), 
.card01.card04 li:nth-of-type(8n + 1), 
.card01.card04 li:nth-of-type(8n + 3), 
.card01.card04 li:nth-of-type(8n + 6) {
	background-color: #efece7;
}
/* .card01.card04 li:nth-of-type(5n - 4) {
	background-color: #efece7;
} */
@media screen and (max-width: 1023px){
	.card01.card02:not(.card-slider) li:nth-of-type(2n), .card01.card02 li:nth-of-type(4n),
	.card01.card02 li:nth-of-type(4n - 3), .card01.card04 li:nth-of-type(5n - 2),
	.card01.card04 li:nth-of-type(5n - 4) {
		background-color: #f7f7f7;
	}
	.card01.card02.card-slider li:nth-of-type(2n) {
		background-color: #efece7;
	}
	
	.card01.card02:not(.card-slider) li:nth-of-type(4n) {
		background-color: #efece7;
	}
	.card01.card02:not(.card-slider) li:nth-of-type(4n - 1) {
		background-color: #efece7;
	}
	.card01.card04:not(.card-slider) li:nth-of-type(2n) {
		background-color: #f7f7f7;
	}
	.card01.card04:not(.card-slider) li:nth-of-type(4n - 2) {
		background-color: #efece7;
	}
	.card01.card04:not(.card-slider) li:nth-of-type(4n - 1) {
		background-color: #efece7;
	}
}
@media screen and (max-width: 1023px){
	.card02 li {
		width: 100%;
		max-width: 100% !important;
	}
	
	.card03 li {
		width: 100%;
		max-width: 100% !important;
	}
}

.card04 {
	margin-bottom: 40px;
}

.card04 li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* flex-wrap: wrap; */
	/* flex-direction: column; */
	width: 25%;
	max-width: 25% !important;
	/* margin: .5rem .5rem; */
}

.card04 li a{
	display: block;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.card04 .photo {
	/* height: 148px; */
}
.card04 .photo .inner {
	-o-object-fit: cover;
	   object-fit: cover;
}

.card04 .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	height: calc(100% - 148px);
	padding: 25px;
	min-height: 0;
}

.card04 .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.card04 li.slick-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media screen and (max-width: 1023px){
	.card04 li {
		height: auto;
	}
	.card04 .slick-dots {
		bottom: -45px;
	}
}

@media screen and (min-width: 1024px){
	.sidebyside .photo {
		display: inline-block;
		float: left;
		/* margin-bottom: -0.5%; */
	}
	.sidebyside .text {
		padding: 15px;
		float: right;
	}
	.sidebyside .photo.productRatio-w40~.text{
		width: 60%;
	}
	.sidebyside .photo.productRatio-w50~.text{
		width: 50%;
	}
	.sidebyside .photo.productRatio-w33~.text{
		width: 66.5%;
	}
	.sidebyside .photo.campaignRatio-w40~.text{
		width: 60%;
	}
	.sidebyside .photo.campaignRatio-w50~.text{
		width: 50%;
	}
	.sidebyside .photo.campaignRatio-w33~.text{
		width: 66.5%;
	}
}

/* Better cards */
.card-lists {
	font-family: arial;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.card-lists.wrap {
	width: 1000px;
}
.card-lists .card{
	float: left;
	width: 25%;
	/* border: 1px solid #ccc; */
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	/* margin-left: 1.33%; */
	overflow: hidden;
	/* margin-bottom: 15px; */
	background-color: #f7f7f7;
}
.card-lists .card:nth-of-type(5n-2), .card-lists .card:nth-of-type(5n-4){
	background-color: #efece7;
}
.card-lists .card.new {
	position: relative;
}
.card-lists .card.new:before {
	position: absolute;
	content: "NEW";
	display: block;
	width: 51px;
	height: 51px;
	border: 1px solid #ab905d;
	border-radius: 100%;
	background-color: #fff;
	z-index: 10;
	text-align: center;
	line-height: 54px;
	color: #ab905d;
	right: 10px;
	top: 10px;
	font-family: 'Myriad Pro', 'PT Sans', sans-serif;
	font-weight: lighter;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 1px;
}

.card-lists .card:nth-of-type(4n-3){
	margin-left: 0;
}
.card-lists .card figure{
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
}

.card-lists .card figure a:hover,
.card-lists .card figure a:visited,
.card-lists .card figure a {
	display: block;
	text-decoration: none;
}

.card-lists .card figure .image{
	display: block;
	width: auto;
	overflow: hidden;
	display: block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
}
.card-lists .card figure img{
	width: 100%;
	height: 100%;
	display: block;
	/* width: calc(100% + 1px); */
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
}

.card-lists .card figure figcaption{
	padding: 25px;
	margin: 0;
	display: block;	
}

.card-lists .card figure figcaption p {
	color: #595959;
}

.card-lists .card a:hover img {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	opacity: 0.7;
}

@media screen and (max-width: 1023px) {
	.card-lists {
		width: 248px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
	}
	.card-lists .card:nth-of-type(4n-3) {
		margin-left: 8px;
	}
	.card-lists.slick-slider, .card-lists .slick-list {
		overflow: visible;
	}
	.card-lists .card {
		width: 232px !important;
		/* height: 345px; */
		margin-left: 8px;
		margin-right: 8px;
	}
	.card-lists .card.new:before {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 10px;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 2px;
	}

	.card-lists.slick-dotted.slick-slider {
		margin-bottom: 35px;
	}

	.card-lists .card figure .image {
		background-color: transparent;
	}

	.card-lists .card figure img {
		-webkit-transform: none;
		transform: none;
	}

	.card-lists .card a:hover img  {
		-webkit-transform: scale(none, none);
		transform: scale(none, none);
		opacity: 1;
	}

	.card-lists .slick-dotted.slick-slider {
		margin-bottom: 35px;
	}
	.card-lists .slick-dots {
		position: absolute;
		bottom: -8px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.card-lists .slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px !important;
		height: 20px;
		margin: 0 0;
		padding: 0;
		cursor: pointer;
		float: none;
	}
	.card-lists .slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 7px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.card-lists .slick-dots li button:hover,
	.card-lists .slick-dots li button:focus {
		outline: none;
	}
	.card-lists .slick-dots li button:hover:before,
	.card-lists .slick-dots li button:focus:before {
		opacity: 1;
	}
	.card-lists .slick-dots li button:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 10px;
		height: 10px;
		content: '';
		opacity: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		border: 1px solid #d5000f;
		border-radius: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.card-lists .slick-dots li.slick-active button:before {
		background-color: #d5000f;
	}
}

/* NEWS */

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

お知らせ

-------------------------------------------------- */
.news-list-wrap {
	background-color: #f7f7f7;
	padding-top: 50px;
	padding-bottom: 80px;
}
@media screen and (max-width: 1023px) {
	.news-list-wrap {
		padding: 30px;
	}
}

.news-list {
	display: block;
}
.news-list li {
	display: block;
	width: 1000px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
.news-list li + li {
	margin-top: 10px;
}
@media screen and (max-width: 1023px) {
	.news-list li {
		width: auto;
	}
}
.news-list a {
	display: block;
	padding-left: 50px;
	padding-right: 40px;
	padding-top: 25px;
	padding-bottom: 22px;
	font-size: 14px;
	text-decoration: none;
	line-height: 1.5;
	overflow: hidden;
	*zoom: 1;
	vertical-align: middle;
	color: #535353;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (max-width: 1023px) {
	.news-list a {
		padding: 13px 20px;
		font-size: 12px;
		line-height: 1.83;
	}
}
.news-list a:hover {
	color: #ab915d;
}
.news-list a.no_hover:hover {
	color: #535353;
}
.news-list .entry-date {
	display: inline-block;
	float: left;
}
@media screen and (max-width: 1023px) {
	.news-list .entry-date {
		float: none;
	}
}
.news-list .entry-title {
	margin-left: 128px;
}
@media screen and (max-width: 1023px) {
	.news-list .entry-title {
		margin-left: 0;
	}
}

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

検索ボックス

-------------------------------------------------- */
/*フォームリセット*/
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.search-box {
	padding-top: 40px;
	padding-bottom: 50px;
	overflow: hidden;
	*zoom: 1;
}
@media screen and (max-width: 1023px) {
	.search-box {
		padding-top: 20px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 20px;
	}
}
.search-box .inner {
	background-color: #fff;
	background-color: transparent;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1023px) {
	.search-box .inner {
		width: auto;
	}
}
.search-box .heading {
	color: #e90000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
@media screen and (max-width: 1023px) {
	.search-box .heading {
		font-size: 14px;
		text-align: center;
	}
}
.search-box .select-wrap {
	border: 1px solid #cbcbcb;
	width: 300px;
	height: 50px;
	text-align: center;
	position: relative;
	float: left;
	margin-right: 10px;
	background-color: #fff;
}
@media screen and (max-width: 1023px) {
	.search-box .select-wrap {
		width: 60%;
		height: 40px;
		float: left;
		margin-right: 0;
		margin-bottom: 10px;
	}
}
.search-box .select-wrap:hover .label {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	color: #999;
}
.search-box .label {
	color: rgba(71, 71, 71, 0.8);
	position: absolute;
	width: 100%;
	z-index: auto;
	text-align: left;
	letter-spacing: -1px;
	font-size: 13px;
	line-height: 50px;
	vertical-align: middle;
	padding-left: 16px;
}
@media screen and (max-width: 1023px) {
	.search-box .label {
		line-height: 40px;
		padding-left: 0px;
		letter-spacing: -1px;
	}
}
.search-box .label:after {
	display: block;
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: rgba(71, 71, 71, 0.8) transparent transparent transparent;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.search-box select {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 50px;
	border: none;
	padding: 0;
	opacity: 0;
	position: relative;
	z-index: 2;
	font-size: 14px;
}
.search-box option {
	font-size: 14px;
}
.search-box .select::-ms-expand {
	display: none;
}
.search-box .select:focus {
	z-index: -1;
	opacity: 1;
}
.search-box ::-webkit-input-placeholder {
	color: #000;
}
.search-box ::-moz-placeholder {
	color: #000;
}
.search-box :-ms-input-placeholder {
	color: #000;
}
.search-box .search-btn {
	display: block;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	width: 83.0px;
	height: 60.0px;
	background: transparent url(/front/img/common/ico-search-02.png) 25px 50% no-repeat;
	float: left;
	color: #ab905d;
	font-size: 20px;
	letter-spacing: 2px;
	width: 178px;
	height: 50px;
	border: 1px solid #ab905d;
	border-radius: 25px;
	background-color: #fff;
	padding-left: 10px;
}
@media screen and (max-width: 1023px) {
	.search-box .search-btn {
		width: 38%;
		height: 40px;
		font-size: 16px;
		border-radius: 20px;
		float: right;
		background-position: 10px 50%;
		background-size: auto 16px;
		-webkit-background-size: auto 16px;
		margin-bottom: 15px;
		padding-left: 7px;
	}
}
.search-box .search-btn:hover {
	background-color: #ab905d;
	cursor: pointer;
	color: #fff;
	background-image: url(/front/img/common/ico-search-02w.png);
}
.search-box .search-shop {
	width: 238px;
	height: 50px;
	border: 1px solid #ab905d;
	border-radius: 25px;
	background-color: #fff;
	float: right;
	background: transparent url(/front/img/common/ico-shop.png) 25px 50% no-repeat;
}
@media screen and (max-width: 1023px) {
	.search-box .search-shop {
		width: auto;
		float: none;
		height: 40px;
		border-radius: 20px;
		background-position: 20px 50%;
		background-size: auto 16px;
		-webkit-background-size: auto 16px;
		clear: both;
	}
}
.search-box .search-shop a {
	display: block;
	height: 100%;
	text-align: center;
	font-size: 20px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	color: #ab905d;
	line-height: 50px;
	text-decoration: none;
	padding-left: 17px;
}
@media screen and (max-width: 1023px) {
	.search-box .search-shop a {
		font-size: 16px;
		line-height: 40px;
		padding-left: 0px;
	}
}
.search-box .search-shop:hover {
	background-color: #ab905d;
	cursor: pointer;
	background-image: url(/front/img/common/ico-shopw.png);
}
.search-box .search-shop:hover a {
	color: #fff;
}

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

キャンペーン特典

-------------------------------------------------- */
.tokuten {
	background-color: #f7f7f7;
	padding-bottom: 36px;
}
.tokuten > .inner {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}
@media screen and (max-width: 1023px) {
	.tokuten > .inner {
		width: auto;
		-webkit-transform: translateY(-12px);
		transform: translateY(-12px);
		margin-left: 25px;
		margin-right: 25px;
	}
}
.tokuten header {
	padding-left: 50px;
	padding-right: 50px;
	height: 71px;
	background-image: url(/front/img/common/bg-ribbon01-left.png), url(/front/img/common/bg-ribbon01-right.png);
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
	.tokuten header {
		height: 45px;
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
	}
}
.tokuten h2 {
	text-align: center;
	color: #e90000;
	font-size: 22px;
	font-weight: bold;
	height: 100%;
	letter-spacing: 1px;
	line-height: 1.5;
	padding-top: 14px;
	background-image: url(/front/img/common/bg-ribbon01-middle.png);
	background-position: 50% 0;
	background-repeat: repeat-x;
}
@media screen and (max-width: 1023px) {
	.tokuten h2 {
		background-size: auto 100%;
		-webkit-background-size: auto 100%;
		font-size: 14px;
		padding-top: 9px;
	}
}
.tokuten .description {
	width: auto;
	border: 2px solid #e90000;
	background-color: #fff;
	padding: 38px;
	margin-top: 40px;
	overflow: hidden;
	*zoom: 1;
}
@media screen and (max-width: 1023px) {
	.tokuten .description {
		border: 1px solid #e90000;
		padding: 18px;
		margin-top: 15px;
	}
}
.tokuten .text {
	line-height: 2.14286;
	font-size: 14px;
	color: #595959;
}
@media screen and (max-width: 1023px) {
	.tokuten .text {
		font-size: 13px;
	}
}
.tokuten .text a {
	color: #E90000;
	font-weight: bold;
}
.tokuten figure {
	float: right;
	margin-left: 20px;
}
.tokuten figure img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1023px) {
	.tokuten figure {
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
}

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

キャンペーン特典2

-------------------------------------------------- */
.tokuten2 {
	background-color: #eeede8;
    padding: 60px 0 66px 0;
}
.tokuten2+:not(.tokuten) {
    margin-top: -6px;
}
.tokuten2 > .inner {
	padding: 36px;
    border: 4px solid #a49461;
    background: white;
}
@media screen and (max-width: 1023px) {
	.tokuten2 > .inner {
		width: auto;
		margin-left: 25px;
		margin-right: 25px;
	}
}
.tokuten2 header {
	padding-left: 50px;
    padding-right: 50px;
    height: 71px;
}
@media screen and (max-width: 1023px) {
	.tokuten2 header {
		height: 30px;
	}
}
.tokuten2 h2 {
	text-align: center;
    color: #a49461;
    font-size: 22px;
    font-weight: bold;
    height: 100%;
    letter-spacing: 1px;
    line-height: 1;
}
.tokuten2 h2 p,
.tokuten2 h2 span{
	position: relative;
}
.tokuten2 h2 p:after,
.tokuten2 h2 span:after{
	content: " ";
    position: absolute;
    left: 50%;
    bottom: -5px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 3px solid #a49461;
    width: calc(100% + 16px);
}
@media screen and (max-width: 1023px) {
	.tokuten2 h2 {
		font-size: 14px;
		padding-top: 2px;
	}
}
.tokuten2 .description {
	width: auto;
    margin-top: 40px;
    overflow: hidden;
}
@media screen and (max-width: 1023px) {
	.tokuten2 .description {
		padding: 18px;
		margin-top: 15px;
	}
}
.tokuten2 .text {
	line-height: 2.14286;
	font-size: 14px;
	color: #595959;
}
@media screen and (max-width: 1023px) {
	.tokuten2 .text {
		font-size: 13px;
	}
}
.tokuten2 .text a {
	color: #E90000;
	font-weight: bold;
}
.tokuten2 figure {
	float: right;
	margin-left: 20px;
}
.tokuten2 figure img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1023px) {
	.tokuten2 figure {
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
}


/* CSR Report 詳細*/
.dyn-img ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	overflow: hidden;
	padding-bottom: 40px;
	padding-left: 0;
}
.dyn-img .text~ul {
	padding-bottom: 0px;
}
.dyn-img li {
	width: 100%;
	display: block;
}
.dyn-img.col2 li {
	width: 48%;
}
.dyn-img.col3 li {
	width: 31%;
}

.dyn-img.col3+.dyn-img.col1 li,
.dyn-img.col3+.dyn-img.col2 li,
.dyn-img.col3+.dyn-img.col3 li{
	width: 31%;	
	margin-left: 3.5%;
}
.dyn-img.col3+.dyn-img.col1 li:first-child,
.dyn-img.col3+.dyn-img.col2 li:first-child,
.dyn-img.col3+.dyn-img.col3 li:first-child{
	margin-left: 0;
}
.dyn-img.col3+.dyn-img.col1 li:last-child,
.dyn-img.col3+.dyn-img.col2 li:last-child,
.dyn-img.col3+.dyn-img.col3 li:last-child{
	margin-right: auto;
}

.dyn-img .photo {
	display: block;
	position: relative;
	width: 100%;
}
.dyn-img li .caption,
.tl-fr li .caption,
.tr-fl li .caption
{
	padding: 5px 0px;
    color: #595959;
    font-size: 14px;
    line-height: 1.5;
}

.dyn-txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.dyn-txt .text, .dyn-img .text {
	width: 100%;
	color: #595959;
    font-size: 14px;
    line-height: 1.75;
}
.dyn-txt.col2 .text {
	width: 48%;
}
.dyn-txt.col3 .text {
	width: 31%;
}
.dyn-txt .text img {
	width: 100%;
	height: 100%;
}
.dyn-txt .text h1 {
	color: #ea0000;
    font-size: 20px;
    padding: 5px 0px 0px;
}

.dyn-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.dyn-col.col2 .dyn-img {
	width: 48%;
}
.dyn-col.col3 .dyn-img {
	width: 31%;
}
.dyn-col .wrap+.wrap.dyn-img {
	margin-top: 0;
}

.dyn-col.col3+.dyn-col.col1 .dyn-img,
.dyn-col.col3+.dyn-col.col2 .dyn-img,
.dyn-col.col3+.dyn-col.col3 .dyn-img{
	width: 31%;	
	margin-left: 3.5%;
}
.dyn-col.col3+.dyn-col.col1 .dyn-img:first-child,
.dyn-col.col3+.dyn-col.col2 .dyn-img:first-child,
.dyn-col.col3+.dyn-col.col3 .dyn-img:first-child{
	margin-left: 0;
}
.dyn-col.col3+.dyn-col.col1 .dyn-img:last-child,
.dyn-col.col3+.dyn-col.col2 .dyn-img:last-child,
.dyn-col.col3+.dyn-col.col3 .dyn-img:last-child{
	margin-right: auto;
}


.dyn-img ul+.text {
    margin-top: -35px;
}

@media screen and (max-width: 1023px) {
	.dyn-img ul, .dyn-txt, .dyn-col {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.dyn-img ul + .text {
		margin-top: -20px;
	}
	.dyn-img ul li,
	.dyn-img.col2 ul li,
	.dyn-img.col3 ul li,
	.dyn-txt .text, 
	.dyn-txt.col2 .text,
	.dyn-txt.col3 .text,
	.dyn-img.col3+.dyn-img.col1 li,
	.dyn-img.col3+.dyn-img.col2 li,
	.dyn-img.col3+.dyn-img.col3 li,
	.dyn-col.col2 .dyn-img,
	.dyn-col.col3 .dyn-img,
	.dyn-col.col3+.dyn-col.col1 .dyn-img,
	.dyn-col.col3+.dyn-col.col2 .dyn-img,
	.dyn-col.col3+.dyn-col.col3 .dyn-img {
		width: 100%;
		padding-bottom: 10px;
		margin-left: 0;
	}
	.dyn-img li .caption,
	.dyn-txt .text {
		font-size: 13px;
	}
	.dyn-img ul+.text {
		margin-top: -40px;
	}
}

.wrap~.wrap {
	margin-top: -40px;
}
.wrap+.wrap.dyn-txt {
	margin-top: -22px;
}
.wrap+.wrap.dyn-img {
	margin-top: -22px;
}
@media screen and (max-width: 1023px){
	.wrap.tr-fl+.wrap.tl-fr,
	.wrap.tl-fr+.wrap.tr-fl,
	.wrap.tr-fl+.wrap.tr-fl,
	.wrap.tl-fr+.wrap.tl-fr, 
	{
		margin-top: 0;
	}

}


.csrRatio-2-1 {
	padding-bottom: 200%;
}
.csrRatio-5-3 {
	padding-bottom: 166%;
}
.csrRatio-3-2 {
	padding-bottom: 150%;
}
.csrRatio-10-7 {
	padding-bottom: 143%;
}
.csrRatio-4-3 {
	padding-bottom: 133%;
}
.csrRatio-5-4 {
	padding-bottom: 125%;
}
.csrRatio-1-1 {
	padding-bottom: 100%;
}
.csrRatio-4-5 {
	padding-bottom: 80%;
}
.csrRatio-3-4 {
	padding-bottom: 75%;
}
.csrRatio-7-10 {
	padding-bottom: 70%;
}
.csrRatio-3-5 {
	padding-bottom: 60%;
}
.csrRatio-1-2 {
	padding-bottom: 50%;
}
.csrRatio-2-5 {
	padding-bottom: 40%;
}
.csrRatio-3-10 {
	padding-bottom: 30%;
}
.csrColRatio-1-1 ul, .csrColRatio-1-1 .text {
	width: 48%;
}
.csrColRatio-1-1 .text {
	max-width: 52%;
}
.csrColRatio-1-2 ul {
	width: 64%;
} 
.csrColRatio-1-2 .text {
	width: 32%;
	max-width: 36%;
}
.csrColRatio-2-1 ul {
	width: 32%;
} 
.csrColRatio-2-1 .text {
	width: 64%;
	max-width: 68%;
}
.csrColRatio-1-3 ul {
	width: 73%;
} 
.csrColRatio-1-3 .text {
	width: 23%;
	max-width: 27%;
}
.csrColRatio-3-1 ul {
	width: 23%;
} 
.csrColRatio-3-1 .text {
	width: 73%;
	max-width: 77%;
}
.csrColRatio-1-4 ul {
	width: 78%;
} 
.csrColRatio-1-4 .text {
	width: 18%;
	max-width: 22%;
}
.csrColRatio-4-1 ul {
	width: 18%;
} 
.csrColRatio-4-1 .text {
	width: 78%;
	max-width: 82%;
}
.csrColRatio-2-3 ul {
	width: 58%;
} 
.csrColRatio-2-3 .text {
	width: 38%;
	max-width: 42%;
}
.csrColRatio-3-2 ul {
	width: 38%;
} 
.csrColRatio-3-2 .text {
	width: 58%;
	max-width: 62%;
}
@media screen and (max-width: 1023px){
	.csrColRatio-1-1 ul, .csrColRatio-1-1 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-1-1 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-1-2 ul {
		width: 100%;
		max-width: 100%;
	} 
	.csrColRatio-1-2 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-2-1 ul {
		width: 100%;
		max-width: 100%;
	} 
	.csrColRatio-2-1 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-1-3 ul {
		width: 100%;
		max-width: 100%;
	} 
	.csrColRatio-1-3 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-3-1 ul {
		width: 100%;
		max-width: 100%;
	} 
	.csrColRatio-3-1 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-1-4 ul {
		width: 100%;
		max-width: 100%;
	} 
	.csrColRatio-1-4 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-4-1 ul {
		width: 100%;
		max-width: 100%;
	} 
	.csrColRatio-4-1 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-2-3 ul {
		width: 100%;
		max-width: 100%;
	} 
	.csrColRatio-2-3 .text {
		width: 100%;
		max-width: 100%;
	}
	.csrColRatio-3-2 ul {
		width: 100%;
		max-width: 100%;
	} 
	.csrColRatio-3-2 .text {
		width: 100%;
		max-width: 100%;
	}
}
.dyn-img .photo img {
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

@media screen and (max-width: 1023px) {
	.dyn-img .photo img  {
		-webkit-transform: none;
		transform: none;
	}
}
/* .dyn-img .photo:hover img  { */
.dyn-img a .photo:hover img  {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	opacity: 0.7;
}
@media screen and (max-width: 1023px) {
	.dyn-img .photo:hover img  {
		-webkit-transform: scale(none, none);
		transform: scale(none, none);
		opacity: 1;
	}
}

.tr-fl ul {
	float: left;
}
.tl-fr ul {
	float: right;
}
.tr-fl li, .tl-fr li {
	width: 100%;
	display: block;
	padding-bottom: 40px;
}
.tr-fl li:last-child, .tl-fr li:last-child {
	padding-bottom: 0;
}
.tr-fl .photo, .tl-fr .photo {
	display: block;
	position: relative;
	width: 100%;
}
.tr-fl .photo img, .tl-fr .photo img {
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
}

.tr-fl .text {
	color: #595959;
	font-size: 14px;
	line-height: 1.75;
	float: right;
}

.tl-fr .text {
	color: #595959;
	font-size: 14px;
	line-height: 1.75;
}

@media screen and (max-width: 1023px) {
	.tr-fl, .tl-fr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-ms-flex-direction: column;
	}
	.tr-fl ul, .tl-fr ul {
		float: none;
		width: 100%;
	}
	.tr-fl .text {
		font-size: 13px;
		float: none;
		width: 100%;
	}
	.tr-fl ul + .text, .tl-fr ul + .text {
		margin-top: 20px;
	}
	#reports-list .tl-fr.border-gold ul + .text {
		margin-top: 0;
	}
	#reports-list .tl-fr.border-gold ul {
		width: 35%;
	}
}

/* Linkbuttons */
.linkbutton {
	width: 100%;
	border: 1px solid #e90000;
	margin-bottom: 30px;
}
.linkbutton a div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 60%;
}
.linkbutton a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
	padding: 15px;
	color: #e90000;
	text-decoration: none;
	position: relative;
}
.linkbutton a::after {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: -1;
}
.linkbutton a:hover::after {
	background: #e90000;
	width: 100%;
}
.linkbutton a:hover p, .linkbutton a:hover span {
	color: white;
}
.linkbutton a p {
	padding-left: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.linkbutton a p+span {
	padding-left: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.linkbutton2 {
	background: #f7f7f7;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}


.linkbutton2+.linkbutton2 {
	margin-left: 18px;
}
.linkbutton2 a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
    padding: 20px;
    color: #e90000;
    position: relative;
	text-decoration: none;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    /* align-items: center; */
}
.linkbutton2 a p {
    text-align: center;
}
.linkbutton2 a:hover:after {
    top: 18px;
    left: 0;
    width: 98%;
    opacity: 1;
}
.linkbutton2 a:after {
    content: " ";
    position: relative;
    display: block;
    top: 18px;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: #e90000;
    -webkit-transform: translate(0, -13px);
    transform: translate(0, -13px);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
}

.buttonContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.buttonContainer .linkbutton {
	width: 47.5%;
}
.buttonContainer .linkbutton a div {
	width: 90%;
}
@media screen and (max-width: 1023px) {
	.buttonContainer {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.buttonContainer .linkbutton {
		width: 100%;
	}
	.buttonContainer .linkbutton a div, .linkbutton a div {
		width: 90%;
	}
}
section p+.linkbutton {
	margin-top: 36px;
}
section .linkbutton+header, section .buttonContainer+header, #jobInterviews+header {
	margin-top: 36px;
}

table.style01 th, .text table th {
	width: 20% !important;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    background-color: #f7f7f7;
    height: 75px;
    border: 1px solid #d5d1c7;
    border-right: none;
	color: #ab915d;
	line-height: 1.5;
	font-size: 15px;
}
table.style01 td, .text table td {
	width: auto !important;
	height: 1em;
    padding: 18px;
    border: 1px solid #d5d1c7;
    border-left: 1px dotted #d5d1c7;
    line-height: 1.71;
    padding: 30px 30px;
	color: #595959;
	font-size: 14px;
}
table.style01 td:first-child, .text table td:first-child {
    /* border-left: none; */
    border-left: 1px dotted #d5d1c7;
}
.no-csspointerevents table.style01 td:first-child {
    border-left: 1px dotted #d5d1c7;
}
table.style01 ul {
	list-style: none;
}
@media screen and (max-width: 1023px){
	table.style01 th {
		font-size: 15px;
		width: 25% !important;
	}
	table.style01 td {
		font-size: 14px;
		padding: 15px;
	}
}
.wrap.dyn-img + .wrap.dyn-txt {
	margin-top: -120px;
}

.content .dyn-img + .dyn-img {
	margin-top: 0px;
}

@media screen and (max-width: 1023px){
	.wrap.dyn-img + .wrap.dyn-txt {
		margin-top: -70px;
	}
	.dyn-img + .dyn-txt {
		margin-top: -80px;
	}
	.dyn-img + .dyn-img {
		margin-top: 0px;
	}
}
.tokuten2 > .inner + div {
    margin-top: 36px;
}

.content ol {
	list-style: decimal;
	padding-left: 1.5em;
}

.content ul {
	list-style: outside;
	padding-left: 1.5em;
}
.content .dyn-img ul {
	padding-bottom: 0;
}
.content .tl-fr ul, .content .tl-fr ol,
.content .dyn-img ul, .content .dyn-txt ul,
.content .dyn-img ol, .content .dyn-txt ol
{
	padding-left: 0;
}
.content p + .wrap {
	margin-top: 0;
}
.content li {
	padding-bottom: 0.5em;
	color: #595959;
    /* font-size: 14px; */
    line-height: 2em;
}
@media screen and (max-width: 1023px){
	.content li {
		font-size: 13px;
	}
}
.text .depth_1 {
	text-indent: 15px;
}
.text .depth_2 {
	text-indent: 30px;
}
.text .depth_3 {
	text-indent: 45px;
}
.text .depth_4 {
	text-indent: 60px;
}
#sitemap li {
	padding: 5px 0;
}
#sitemap .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
#sitemap .wrap > ul {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	        flex: 0 0 50%;
}
.two-columns {
    width: 1000px;
    height: 100%;
    display: block;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.two-columns .h3-default h3, 
.two-columns .wrap {
	width: 100%;
}
.two-columns .wrap {
	margin-bottom: 36px;
}
.two-columns > section {
	width: 48%;
    float: left;
    display: inline-block;
    margin: 1%;
}
.two-columns:after {
    content: "";
    clear: both;
    display: table;
}
.two-columns .h3-default a {
	text-decoration: none;
    width: 100%;
    position: relative;
    display: block;
}
.two-columns .h3-default a:after {
    content: "";
    height: 9%;
    width: 0;
    display: block;
    background: #EA0000;
    position: absolute;
    bottom: 0;
	z-index: -1;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.two-columns .h3-default a:hover:after {
	width: 100%;
}
.two-columns .h3-default a h3 {
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	border-top: none;
}
.two-columns .h3-default a:hover h3 {
	border-bottom-color: #e90000;
	border-top-color: #e90000;
}
.two-columns .h3-default a h3:before {
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.two-columns .content li > a {
    color: #595959;
    font-size: 15px;
    line-height: 2.14286;
    margin-top: 0px;
    text-decoration: none;
    position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	display: block;
	width: 100%;
}
.two-columns .content li > a:after {
    font-size: 16px;
    position: absolute;
    top: 50%;
    padding-left: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Ionicons";
    content: "\f3d3";
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.two-columns .content li > a:hover:after, .two-columns .content li > a:hover {
    color: #ab915d;
    /* font-weight: bold; */
}
@media screen and (max-width: 1023px){
	.two-columns {
		width: 96%;
		margin-top: 36px;
		margin-bottom: 36px;
	}
	.two-columns > section {
		width: 100%;
		margin: 0;
	}
	.two-columns .content li > a {
		font-size: 14px;
	}
	.two-columns .content .text {
		padding-bottom: 0;
	}
}


.loginCont {
	padding-top: 80px;
	text-align: center;
}
.wrap + .wrap .loginCont {
	padding-top: 0;
}
.loginCont a {
	display: inline-block;
	width: 498px;
	height: 68px;
	line-height: 68px;
	border: 1px solid #ab905d;
	border-radius: 34px;
	text-decoration: none;
	color: #CBB17D;
	font-size: 24px;
	letter-spacing: 2px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.loginCont a:hover {
	background-color: #ab905d;
    color: #fff;
}
.text .loginCont a:hover {
	text-decoration: none;
}
@media screen and (max-width: 1023px){
	.loginCont {
		background: none;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		background: none;
		padding-top: 36px;
	}
	.wrap + .wrap .loginCont {
		padding-top: 36px;
	}
	.loginCont a {
		width: 250px;
		height: 40px;
		border-radius: 20px;
		font-size: 14px;
		line-height: 40px;
		background-color: #fff;
	}
	.loginCont a:hover {
		background-color: #ab905d;
		color: #fff;
	}
	.text .loginCont a:hover {
		text-decoration: none;
	}
}
.list-style01 {
	position: relative;
	padding-left: 25px;
}
.list-style01:before {
	content: "※";
	position: absolute;
	left: 0;
}

/* Company and recruit 用 title styles */
.h2-small {
    padding-top: 20px;
    margin-bottom: 30px;
	padding-bottom: 0px;
	margin-top: 36px;
}
.h2-small h2 {
	line-height: 1.5;
    display: block;
    color: #ab915d;
    letter-spacing: 2px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #ab915d;
	position: relative;
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
    font-size: 20px;
}
.h3-small {
	margin-top: 36px;
	position: relative;
	width: 100%;
    margin-bottom: 18px;
}
.text .h3-small {
	margin-top: 0px;	
}
.h3-small h3 {
	line-height: 1.5;
    display: block;
    color: #ea0000;
    letter-spacing: 2px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 14px;
    padding-top: 13px;
    border-bottom: 1px solid #ea0000;
	position: relative;
	width: 100%;
    text-align: left;
    border-top: 0;
    font-size: 18px;
}
.text .h3-small h3 {
	padding-top: 0px;	
}
.h2-small h2:before {
	content: " ";
    display: block;
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    bottom: 3px;
    background-color: #ab915d;
}
.h3-small h3:before {
    content: " ";
    display: block;
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    bottom: 3px;
    background-color: #ea0000;
}
@media screen and (max-width: 1023px){
	.h3-small h3 {
		font-size: 14px;
	}
}

.two-columns .content ul {
	list-style: none;
}

.release {
	font-size: 16px;
    border: 1px solid #b90000;
    text-decoration: none;
    color: #b90000;
	padding: 0px 5px;
}

.category-list .release {
	font-size: 14px;
}

.release.absolute {
	position: absolute;
	top: 20px;
}
.text .release + .description {
	margin-top: 5px;
}

#paginatorCounter {
	text-align: right;
    padding: 20px 10px;
}
.news-list-wrap #paginatorCounter {
	width: 1000px;
	margin: auto;
}

/* ページャー */
nav.pager {
	width: 100%;
	height: 30px;
	margin-top: 50px;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	overflow: hidden;
	*zoom: 1;
	text-align: center;
	position: relative;
}
.news-list-wrap nav.pager {
	width: 1000px;
	margin: 30px auto 0;
}
@media screen and (max-width: 1023px) {
	nav.pager {
		margin-top: 25px;
		overflow: visible;
	}
	.news-list-wrap #paginatorCounter {
		width: 100%;
		margin: auto;
	}
	.news-list-wrap nav.pager {
		width: 100%;
		margin: 30px auto 0;
	}
}
nav.pager > a {
	display: block;
	text-decoration: none;
	color: #91753C;
	letter-spacing: 1px;
	font-size: 16px;
}
nav.pager > a:hover {
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	color: #e90000;
}
nav.pager > a.prev {
	float: left;
}
@media screen and (max-width: 1023px) {
	nav.pager > a.prev {
		position: absolute;
		left: 0;
		top: 0;
	}
}
nav.pager > a.prev:before {
	display: inline-block;
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f124";
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-color: #91753C;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	margin-right: 10px;
}
nav.pager > a.prev:hover:before {
	background-color: #e90000;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
nav.pager > a.next {
	float: right;
}
nav.pager > a:first-child {
	float: left;
}
nav.pager > a:nth-of-type(3n) {
	float: right;
}
@media screen and (max-width: 1023px) {
	nav.pager > a.next {
		position: absolute;
		right: 0;
		top: 0;
	}
}
nav.pager > a.next:after {
	display: inline-block;
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f125";
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-color: #91753C;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	margin-left: 10px;
}
nav.pager > a.next:hover:after {
	background-color: #e90000;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
nav.pager ul {
	display: inline-block;
	height: 100%;
}
.news-list-wrap nav.pager ul {
	display: block;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media screen and (max-width: 1023px) {
	nav.pager ul {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.news-list-wrap nav.pager ul {
		display: block;
		height: 100%;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}
@media screen and (max-width: 520px) {
	nav.pager ul {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}
}
nav.pager ul li {
	float: left;
	margin-left: 8px;
	margin-right: 8px;
}
@media screen and (max-width: 1023px) {
	nav.pager ul li {
		margin-left: 5px;
		margin-right: 5px;
	}
}
nav.pager ul li.current a {
	color: #e90000;
	cursor: default;
}
nav.pager ul a {
	display: inline-block;
	font-size: 24px;
	color: #91753C;
	text-decoration: none;
	line-height: 30px;
	height: 100%;
	width: 30px;
}
@media screen and (max-width: 1023px) {
	nav.pager ul a {
		font-size: 20px;
	}
}
nav.pager ul a:hover {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	color: #e90000;
}

.forceListPadding {
	padding-left: 1.5em;
}