@charset "utf-8";

/*---------------------------------
	CSS 2018.10.10
	CSS 担当者名:玉野
	Last Update 2010.00.00 担当者名
---------------------------------*/

/*レイアウト
---------------------------------*/
body {
	width: 100%;
	min-width: 1080px;
	-webkit-text-size-adjust: 100%;
}
* {
	color: #333;
	font-family: "游ゴシック体", 'YuGothic', "Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	-webkit-appearance: none;
}


/*ヘッダー
---------------------------------*/
/*大枠*/
header {
	position: relative;
	border-bottom: 5px solid #993333;
}
.hd-inr {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}

/*ロゴ・お問い合わせ*/
.hd-logo {
	padding: 10px 0 0;
	width: 270px;
}
.hd-info {
	width: 500px;
}
.hd-tel {
	padding: 10px 20px 0;
	width: 375px;
}
.hd-tel p {
	font-size: 0.8125rem;
	font-weight: bold;
	text-align: right;
}
.hd-tel p.number {
	font-size: 1.875em;
	font-weight: bold;
	letter-spacing: 0;
}
.hd-tel p.number:before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	margin: 0 3px 0 0;
	width: 23px;
	height: 29px;
	background: url(../images/common/icon_tel01.png) no-repeat center bottom;
	background-size: 100%;
}
.hd-contact {
	width: 125px;
}

/*PCナビ*/
.pc-nav {
	margin: 0 auto;
	padding: 15px 0;
	width: 100%; 
	max-width: 1000px;
}
.pc-nav ul{
	text-align: right;
}
.pc-nav ul li {
	display: inline-block;
	padding: 9px 15px;
	width: auto;
	min-width: 125px;
	border-left: 1px solid #333;
}
.pc-nav li:last-child {
	border-right: 1px solid #333;
}
.pc-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}

/*フッター
---------------------------------*/
footer {
	position: relative;
	width: 100%;
}
.ft-info {}
.ft-inr {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;	
}
.ft-nav {
	margin: 0 0 30px;
}
.ft-nav ul{
	text-align: center;
}
.ft-nav ul li {
	display: inline-block;
	padding: 9px 15px;
	width: auto;
	min-width: 125px;
	border-left: 1px solid #333;
}
.ft-nav li:last-child {
	border-right: 1px solid #333;
}
.ft-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}
.ft-nav ul li {
	display: inline-block;
	padding: 9px 15px;
	width: auto;
	min-width: 125px;
	border-left: 1px solid #333;
}
.ft-nav li:last-child {
	border-right: 1px solid #333;
}
.ft-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}
.ft-adress h2 {
	margin: 0 0 25px;
	text-align: center;
}
.ft-adress p {
	margin: 0 0 25px;
	font-size: 0.875rem;
	text-align: center;
}
.copyright {
	padding: 15px 0;
	background: #993333;
}
.copyright p {
	font-size: 0.75rem;
	text-align: center;
	color: #fff;
}

/*コンテンツ共通
---------------------------------*/
/*大枠*/
.cmn-inr {
	margin: 0 auto;
	width: 1000px;
}

/*共通お問い合わせ部分*/
.cmn-contact-area {
	margin: 0 0 30px;
	padding: 60px 0;
	background: url(../images/common/bg_contact.jpg) no-repeat center bottom;
	background-size: cover;
}
.cmn-contact-area .cmn-inr {
	max-width: 900px;
}
.cmn-contact-area h2 {
	margin: 0 0 20px;
	padding: 10px;
	border-bottom: 1px solid #fff;
	font-size: 1.875rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif
}
.cmn-contact-list ul li {
	padding: 20px 0;
	width: 290px;
	border: 1px solid #fff;
}
.cmn-contact-list ul li:last-child {
	margin: 0;
}
.cmn-contact-list ul li h3 {
	margin: 0 0 7px;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.cmn-contact-list ul li p.tel,.cmn-contact-list ul li p.fax {
	margin: 0 0 7px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	letter-spacing: 0;
}
.cmn-contact-list ul li p.tel:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	margin: 0 5px 0 0;
	width: 22px;
	height: 28px;
	background: url(../images/common/icon_tel02.png) no-repeat center center;
}
.cmn-contact-list ul li p.fax:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	margin: 0 5px 0 0;
	width: 27px;
	height: 27px;
	background: url(../images/common/icon_fax.png) no-repeat center center;
}
.cmn-contact-list ul li p.time {
	font-size: 1rem;
	color: #fff;
	text-align: center;
}
.cmn-contact-btn a {
	display: block;
	margin: 0 auto;
	padding: 18px 15px;
	width: 100%;
	max-width: 240px;
	background: #993333;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.cmn-contact-btn a:before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	margin: 0 10px 0 0;
	width: 28px;
	height: 16px;
	background: url(../images/common/icon_mail.png) no-repeat center center;
	background-size: 100%;

}

/*パンくず
---------------------------------*/
.topicpath-otr {
	width: 100%;
	margin: 0 0 40px;
}
.topicpath-inr {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
.topicpath-inr p,.topicpath-inr p span {
	font-size: 0.875rem;
}

/*メインイメージ
---------------------------------*/
/*トップイメージ*/
.main-img {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	background: url(../images/top/img_main.jpg) no-repeat center center;
	background-size: cover;
}
.main-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-8%, -50%);
	transform: translate(-8%, -50%);
}

@media screen and (max-width: 1000px) {
.main-img img {
	width: 53%;
}
}

/*下層イメージ*/
.submain-img {
	position: relative;
	margin: 0 0 15px;
	width: 100%;
	height: 240px;
	background:  url(../images/common/bg_submain.jpg) no-repeat center center;
	background-size: cover;
}
.submain-img h2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	text-align: center;
	font-size: 2.1875rem;
	font-weight: bold;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
  	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*タイトル共通
---------------------------------*/
.cmn-ttl01 {
	font-size: 1.875rem;
	font-weight: bold;
	color: #993333;
	text-align: center;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.cmn-ttl02 {
	margin: 0 0 15px;
	padding: 0 0 8px;
	border-bottom: 1px solid #333;
	font-size: 1.125rem;
	font-weight: bold;
}

/*ボタン共通
---------------------------------*/
.cmn-btn01 {
	text-align: center;
}
.cmn-btn01 a {
	display: inline-block;
	padding: 14px;
	width: 210px;
	background: #333;
	font-size: 0.875rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
}
.cmn-btn01 a:after {
	content: "\0bb";
	margin: 0 0 0 10px;
}

/*テーブル共通
---------------------------------*/
.cmn-tbl01 {
	margin: 0 auto;
	width: 80%;
	max-width: 800px;
}
.cmn-tbl01 table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	background: #fff;
}
.cmn-tbl01 th {
	padding: 15px 20px;
	width: 25%;
	max-width: 200px;
	border-bottom: 1px solid #ccc;
	background: #333;
	font-size: 0.875rem;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}
.cmn-tbl01 td {
	padding: 15px;
	width: 75%;
	max-width: 600px;
	border-bottom: 1px solid #ccc;
}
.cmn-tbl01 th span {
	display: inline-block;
	margin: 0 0 0 6px;
	padding: 1px 5px;
	background: #993333;
	font-size: 0.75rem;
	color: #fff;
}

/*トップページ
---------------------------------*/
/*キャッチコピー*/
.top-catch-area {
	padding: 55px 0 65px;
	margin: 0 0 65px;
	background: url(../images/top/bg_catch.jpg) no-repeat center bottom;
	background-size: 100%;
}
.top-catch-area h2 {
	position: relative;
	margin: 0 auto 25px;
	width: 100%;
	max-width: 900px;
	font-weight: bold;
	font-size: 1.875rem;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}
.top-catch-area h2:before {
	content: "";
	position: absolute;
	top: 45%;
	left: 0;
	display: block;
	width: 12.3%;
	border-top: 1px solid #333;
}
.top-catch-area h2:after {
	content: "";
	position: absolute;
	top: 45%;
	right: 0;
	display: block;
	width: 12.3%;
	border-top: 1px solid #333;
}
.top-catch-area p {
	margin: 0 0 30px;
	font-size: 0.875rem;
	text-align: center;
}

/*当社の強み*/
.top-strong-area {
	margin: 0 0 60px;
}
.top-strong-area h2 {
	margin: 0 0 35px;
}
.top-strong-list ul li {
	margin: 0 35px 0 0;
	width: 310px;
	max-height: 190px;
}
.top-strong-list ul li:last-child {
	margin: 0;
}
.top-strong-list ul li a {
	display: block;
	padding: 33px 0px 33px 33px;
	width: 100%;
	border: 5px solid #e5e5e5;
}
.top-strong-list ul li:nth-child(1) a {
	background: url(../images/top/ph_strong01.jpg) no-repeat center center;
	background-size: cover;
}
.top-strong-list ul li:nth-child(2) a {
	background: url(../images/top/ph_strong02.jpg) no-repeat center center;
	background-size: cover;
}
.top-strong-list ul li:nth-child(3) a {
	background: url(../images/top/ph_strong03.jpg) no-repeat center center;
	background-size: cover;
}
.top-strong-list-inr {
	position: relative;
	top: 0;
	right: 0;
	padding: 15px 0 15px 15px;
	background: #993333;
}
.top-strong-list-inr h3 {
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: 1px solid #b87171;
	font-size: 1.3125rem;
	font-weight: bold;
	color: #fff;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.top-strong-list-inr p.txt {
	margin: 0 0 8px;
	font-size: 0.875rem;
	color: #fff;
	letter-spacing: 0;
}
.top-strong-list-inr p.link {
	margin: 0 auto;
	padding: 5px 45px;
	width: 210px;
	background: #b87171;
	border-radius: 13px;
	font-size: 0.875rem;
	color: #fff;
	text-align: center;
}

/*製品紹介*/
.top-products-area {
	margin: 0 0 55px;
}
.top-products-area h2 {
	margin: 0 0 35px;
}
.top-products-ph {
	width: 55%;
	max-width: 550px;
}
.top-products-txt {
	width: 41%;
	max-width: 410px;
}
.top-products-txt h3 {
	margin: 0 0 20px;
	padding: 10px 20px;
	background: #e5e5e5;
	font-size: 1.3125rem;
	font-weight: bold;
}
.top-products-txt p {
	font-size: 0.875rem;
}
.top-products-list li {
	width: 23%;
	max-width: 230px;
}
.top-products-list-ph {
	margin: 0 auto 15px;
	width: auto;
	height: auto;
	max-width: 180px;
	max-height: 180px;
	border: 5px solid #e5e5e5;
	border-radius: 50%;
	overflow: hidden;
}
.top-products-list li h3 {
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
	font-size: 0.875rem;
	font-weight: bold;
	color: #993333;
	text-align: center;
}
.top-products-list li p {
	font-size: 0.875rem;
}

/*特殊印刷見本帳*/
.top-samplebook-area {
	padding: 60px 0;
	margin: 0 0 60px;
	background: #f4f4f4;
}
.top-samplebook-area .cmn-inr {
	max-width: 900px;
}
.top-samplebook-txt {
	margin: 0 0 45px;
	width: 35%;
	max-width: 315px;
}
.top-samplebook-txt h2 {
	margin: 0 0 15px;
	text-align: left;
}
.top-samplebook-txt p {
	font-size: 0.875rem;
}
.top-samplebook-txt p {
	font-size: 0.875rem;
}
.top-samplebook-ph {
	margin: 40px 0 45px;
	width: 100%;
}
.top-samplebook-ph .ph-box {
	margin: 0 2% 2% 0;
	width: 32%;
	max-width: 288px;
}
.top-samplebook-ph .ph-box:nth-of-type(3n) {
	margin-right: 0;
}

/*お知らせ*/
.top-news-area {
	margin: 0 0 60px;
}
.top-news-area h2 {
	margin: 0 0 15px;
}
.cmn-news-list {
	margin: 0 0 40px;
}
.cmn-news-list ul li {
	padding: 15px;
	border-bottom: 1px solid #333;
}
.cmn-news-list ul li:first-child {
	border-top: 1px solid #333;
}
.cmn-news-list ul li .date{
	display: inline-block;
	margin: 0 15px 0 0;
	font-size: 0.875rem;
	font-weight: bold;
}
.cmn-news-list ul li .post{
	display: inline-block;
	font-size: 0.875rem;
}

/*会社概要
---------------------------------*/
.company-greeding-area {
	margin: 0 0 65px;
}
.company-greeding-area h2 {
	margin: 0 0 40px;
}
.company-greeding-txt {
	width: 80%;
    max-width: 800px;
}
.company-greeding-txt p {
	font-size: 0.875rem;
}
.company-greeding-txt p.name {
	font-size: 1rem;
	font-weight: bold;
	text-align: right;
}
.company-greeding-ph {
	width: 39%;
	max-width: 390px;
}
.company-profile-area {
	margin: 0 0 60px;
}
.company-profile-area h2 {
	margin: 0 0 40px;
}

.company-access-area h2{
	margin: 0 0 40px;
}
.company-access-map {
	width: 100%;
	height: 350px;
}

/*お問い合わせ
---------------------------------*/
/*制作の流れ*/
.contact-flow-area {
	margin: 0 0 65px;
}
.contact-flow-area h2 {
	margin: 0 0 40px;
}
.contact-flow-list ul li {
	position: relative;
	width: 22%;
	max-width: 220px;
}
.contact-flow-list ul li:after {
	content: "";
	position: absolute;
	top: 72px;
	right: -25px;
	display: block;
	width: 11px;
	height: 18px;
	background: url(../images/contact/icon_arrow.png) no-repeat center center;
	background-size: 100%;
}
.contact-flow-list ul li:last-child:after {
	content: none;
}
.contact-flow-ph {
	margin: 0 0 8px;
	width: 100%;
	border: 5px solid #e5e5e5;
	overflow: hidden;
}
.contact-flow-txt h3 {
	margin: 0 0 5px;
	font-size: 0.875rem;
	font-weight: bold;
	text-align: center;
}
.contact-flow-txt p {
	font-size: 0.875rem;
	letter-spacing: 0;
}

/*お問い合わせフォーム*/
.contact-form-area {
	margin: 0 0 55px;
	padding: 55px 0 60px;
	background: #f4f4f4;
}
.contact-form-area h2 {
	margin: 0 0 25px;
}
.contact-form-area p {
	margin: 0 0 15px;
	font-size: 0.875rem;
	text-align: center;
}
.contact-form-area p.tel {
	margin: 0 0 25px;
	font-size: 0.875rem;
	font-weight: bold;
}
.contact-form-area p.tel span {
	font-size: 1.3125rem;
	font-weight: bold;
}
.contact-form-area .cmn-tbl01 {
	margin: 0 auto 35px;
}
.cmn-tbl01 td input {
	font-size: 0.875rem;
	min-height: 30px;
	border: 1px solid #ccc;
	border-radius: 0;
}
.cmn-tbl01 .field-s {
	width: 35%;
}
.cmn-tbl01 .field-m {
	width: 50%;
}
.cmn-tbl01 .field-l {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0;
}
.contact-form-area .cmn-tbl01 td {
	padding: 10px 15px;
}
.cmn-btn01 input.send-btn {
	display: inline-block;
	padding: 14px;
	width: 190px;
	border-radius: 0;
	background: #993333;
	border: none;
	font-size: 0.875rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.cmn-btn01 input.return-btn {
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 14px;
	width: 190px;
	border-radius: 0;
	background: #ccc;
	border: none;
	font-size: 0.875rem;
	font-weight: 500;
	color: #333;
	text-align: center;
	cursor: pointer;
}

/*プライバシーポリシー*/
.contact-privacy-area {
	padding: 0 0 60px;
	margin: 0 0 30px;
	border-bottom: 1px solid #ccc;
}
.contact-privacy-area h2 {
	margin: 0 0 35px;
}
.contact-privacy-box {
	padding: 25px;
	width: 100%;
	height: 300px;
	border: 5px solid #e5e5e5;
	overflow-y: scroll;
}
.contact-privacy-box dl {
	font-size: 0.875rem;
}
.contact-privacy-box dl dt {
	margin: 0 0 8px;
	padding: 0 0 3px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.contact-privacy-box dl dd {
	margin: 0 0 30px;
}

/*製品一覧
---------------------------------*/
.product-samlebook-area {
	margin: 0 0 65px;
}
.product-samlebook-area.bg-gray {
	padding: 55px 0;
	margin: 0 0 65px;
	background: #f4f4f4;
}
.product-samlebook-area h2 {
	margin: 0 0 40px;
}
.product-samlebook-area figure {
	margin: auto;
	max-width: 600px;
}
.product-samlebook-txt {
	width: 57%;
	max-width: 570px;
}
.product-samlebook-txt.full {
	width:100%;
	max-width: 100%;
}
.product-samlebook-txt p {
	margin: 0 0 15px;
	font-size: 0.875rem;
}
.product-samlebook-txt .cmn-btn01 {
	text-align: right;
}
.product-samlebook-ph {
	width: 39%;
	max-width: 390px;
}
.product-list-area {
	margin: 0 0 100px;
}
.product-list-area h2 {
	margin: 0 0 40px;
}
.cmn-product-list ul li {
	margin: 0 0 50px;
}
.product-list-ph {
	position: relative;
	width: 31%;
	max-width: 310px;
	height: auto;
	min-height: 225px; 
	overflow: hidden;
	border: 1px solid #f0f0f0;
}
.product-list-ph img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}
.product-list-about {
	width: 66%;
	max-width: 660px;	
}
.product-list-about p {
	font-size: 0.875rem;
}
.product-samlebook-area ul li {
	margin: 0 0 55px;
}

/*特殊印刷見本帳
---------------------------------*/
.samplebook-catch-area {
	margin: 0 0 65px;
}
.samplebook-catch-area h2 {
	margin: 0 0 40px;
}
.samplebook-catch-img {
	margin: 0 auto 30px;
	width: 100%;
	max-width: 1000px;
}
.samplebook-catch-about {
	margin: 0 auto;
}
.samplebook-catch-circle {
	margin: 0 0 25px;
}
.samplebook-catch-circle ul li {
	margin: 0 25px 0 0;
	padding: 45px 0;
	width: 135px;
	height: 135px;
	border-radius: 50%;
	background: #993333;
	font-size: 1.125rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.samplebook-catch-txt p {
	font-size: 0.875rem;
	text-align: center;
}
.samplebook-list-area {
	margin: 0 0 100px;
}
.samplebook-list-area h2 {
	margin: 0 0 40px;
}

/*お知らせ
---------------------------------*/
/*お知らせ一覧・サイドバー*/
.news-list-area {
	margin: 0 0 100px;
}
.news-list-area h2 {
	margin: 0 0 40px;
}
.news-left-box {
	width: 66%;
	max-width: 660px;
}
.news-right-box {
	width: 25%;
	max-width: 250px;
}
.side-ttl {
	margin: 0!important;
	padding: 15px;
	width: 100%;
	background: #933;
	font-size: 0.875rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.side-list {
	margin: 0 0 40px;
}
.side-list ul li {
	padding: 15px 10px;
	border-bottom: 1px solid #333;
	font-size: 0.875rem;
}

/*お知らせ詳細*/
.post-detail {
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: 1px solid #333;
}
.post-detail p.date {
	margin: 0 0 20px;
	font-size: 0.75rem;
	font-weight: bold;
	text-align: right;
}
.single-pagenav ul li.prev,.single-pagenav ul li.next{
	display: inline-block;
	width: 12%;
	max-width: 120px;
}
.single-pagenav ul li.prev a,.single-pagenav ul li.next a {
	display: block;
	padding: 15px;
	width: 100%;
	background: #333;
	font-size: 0.875rem;
	color: #fff;
	text-align: center;
}
.single-pagenav ul li.list {
	display: inline-block;
	margin: 0 15px;
	width: 20%;
	max-width: 200px;
}
.single-pagenav ul li.list a{
	display: block;
	padding: 15px;
	width: 100%;
	border: 1px solid #333;
	font-size: 0.875rem;
	text-align: center;
}

.products-slider-list {
	padding: 15px 0;
	width: 100%;
}
.products-slider-list h4 {
	margin: 0 0 10px;
	font-size: 1.125rem;
	font-weight: bold;
}
.multiple-item {
	padding: 15px;
	width: 100%;
	background: #f4f4f4;
}
.products-slider-list-item {
	margin: 0 2% 0 0;
	width: 15%;
}
.products-slider-list-item:last-of-type {
	margin-right: 0;
}
.products-slider-list-item figure {
	position: relative;
	padding-top: 75%;
	overflow: hidden;
}
.products-slider-list-item figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}