/* ----------------------------------------
all
----------------------------------------*/
.pc{ display: none !important;}

* {
	/* color: #333; */
	font-family: sans-serif;
	font-size: inherit;
	line-height: inherit;}

body {
	min-width: inherit;}
body.fix{
	width: 100%;
	position: fixed;
	/*height: 100vh;*/}


.underLine:after,
ul.underLineWrap > li > a:after {
	display: none;}

.accordion-wrap {
	display: none;}
.accordion-btn:before, .accordion-btn:after {
	height: 1px;}

	/*search*/
		/* categoryLocalNav
		------------------------------*/
		.categoryLocalNav {
			width: auto;
			margin-bottom: 40px;
			margin-right: 15px;
			margin-left: 15px;
			padding-bottom: 60px;
			flex-direction: column;}

.searchArea {
	width: 100%;
	padding: 0;}
	.searchArea .localNav-search:after {
		/*margin-top: -20px;*/
		margin-top: calc(-25px + 10px);
		margin-bottom: 20px;
		margin-right: -0.4rem;
		font-size: 1rem;
		text-align: left;}
	#Business .searchArea .localNav-search:after {
		height: 0;}
	#Support .searchForm .localNav-search:after {
		width: 100%;
		text-align: left;}
		#Support.SearchResult .searchForm .localNav-search:after {
			width: 100%;}
	#Products .searchForm .localNav-search:after {}
		#Products.SearchResult .searchForm .localNav-search:after {
			text-align: left;}
	.localNav .localNav-search:after {
		margin-right: -0.4rem;
		font-size: 1rem;}
.searchArea .localNav-search form {
	padding: 15px 0 25px 0;}

		/*注目ワード*/
.pickupWord {
	padding: 0;}
.pickupHead {
	font-size: 1.4rem;}
.pickupWordWrap > li {
	margin-right: 10px;
	margin-top: 10px;}
.pickupWordWrap > li > a {
	display: inline-block;
	/*margin-right: 8px;*/
	padding: 10px;
	font-size: 1rem;
	background: #f3f5f7;
	border: 1px solid #e9ecee;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.pickupWordWrap > li > a.hover {
	color: #fff;
	background: #e60012;}
.pickupWordWrap > li > a .redArrowS {
	display: none;}
	/*search*/

/*figure.new*/
figure.new:before {
	padding: 4px 8px;
	font-size: 0.8rem;}

/*figureの中のラベル*/
.itemImgWrap {}
.labelWrap {}
.itemImgWrap .label {}
.itemImgWrap .label:before {
	padding: 4px 8px;
	font-size: 0.8rem;}

/* ----------------------------------------
Header
----------------------------------------*/
header {
	width: 100%;
	min-width: 100%;
	z-index: 10;
	overflow-x: unset;}
	header.fix {
		z-index: 20;}
	body.active .header {
		position: absolute;
			top: 0;
			bottom: 0;
		width: 100%;}

.headerWrap {
	min-width: 100%;}

.logo {
	position: relative;
	display: block;
	width: 100%;
	padding: 17px 0;
	background-color: #111727;
	z-index: 200;}

.logo a {
	position: static;
	/* width: 70px; */
	/* height: 38px; */
	width: 130px;
	height: 30px;
	margin: 0 0 0 15px;
	background-size: contain;}

/*burger-menu*/
.burger-btn {
	position: absolute;
		top: 6px;
		right: 0;
	display: flex;
		align-items: center;
	width: 62px;
	height: 62px;
	/* margin: 5px 0 0 0; */
	vertical-align: top;
	z-index: 300;}
	.burger-btn:before  {
		content: "";
		position: absolute;
			left: -1px;
		display: block;
		width: 1px;
		height: 28px;
		background:#d0d5da;}
.burger-btn span {
	position: relative;
	display: block;
	width: 22px;
	height: 2px;
	margin: 0 auto;
	/* background: #e60012; */
	background: #d0d5da;
	transition-duration: 0.2s;}
	.burger-btn span:before,
	.burger-btn span:after {
		content: "";
		position: absolute;
		display: inherit;
		width: inherit;
		height: inherit;
		/* background-color: #e60012; */
		background: #d0d5da;
		transition-duration: 0.2s;}
		.burger-btn span:before {top: 6px;}
		.burger-btn span:after {bottom: 6px;}
	/*active*/
	.burger-btn.active span {
		background: rgba(230,0,18,0);}
		.burger-btn.active span:before {top: 0; transform: rotate(45deg);}
		.burger-btn.active span:after {bottom: 0; transform: rotate(-45deg);}

/* modal
------------------------------*/
/*OnlineShop*/
.shop-icon + div .modal-box {}
.shop-icon + div .modal-box ul {
	display: flex;
	width: 100%;
	margin: 0 auto;
	text-align: center;}
.shop-icon + div .modal-box li {
	width: calc(50% - 10px / 2);
	margin: 0;
	margin-bottom: 10px;}
	.shop-icon + div .modal-box li:first-child {
		margin-right: 10px;}
	.shop-icon + div .modal-box li:nth-child(2n) {
		margin-right: 0;}
	.shop-icon + div .modal-box li:nth-last-child(-n+2) {
		margin-bottom: 0;}
/* 手機版：只有一個項目時自動置中 */
.shop-icon + div .modal-box li:only-child {
  width: 100%;
  margin-right: 0 !important;
}
.shop-icon + div .modal-box li a {
	/*display: inline-block;*/
	width: 100%;
	padding: 15px;
	color: #666;
	font-size: 1.3rem;
	line-height: 1.4;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	/* border: 1px solid #e9edee; */
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.2s;
	transition-property: border-color, opacity;}
		.img-soft99shop a:before {display: none;}
		.img-cocotorico a:before {display: none;}
	.shop-icon + div .modal-box li a:before {display: none;}
		.shop-icon + div .modal-box li a.hover {
			/* border-color: #e60012; */
			/* border-color: #e6b333; */
			opacity: 0.8;}
		.img-soft99shop a {
			background-image: url(../images/common/img-onlineShop.jpg);
			background-size: 90px;}
		/* .img-cocotorico a {
			background-image: url(../images/common/bnr-cocotorico.gif);
			background-size: 103px;} */

/*Language*/
.lang-icon + div .modal-box {
/*	height: 580px;*/
}
.lang-icon + div .modal-box ul {
	display: flex;
	flex-wrap:wrap;
		/*justify-content: space-between;*/
	padding: 0 10px;}
.lang-icon + div .modal-box li {
	width: auto;
	margin: 0 30px 20px 0;}
.lang-icon + div .modal-box li:nth-child(3n) {
		margin: 0 30px 20px 0;}
.lang-icon + div .modal-box li:nth-last-child(-n+3) {
		margin: 0 30px 20px 0;}
.lang-icon + div .modal-box li a {
	display: inline;
	padding: 0;
	color: #555;
	font-size: 1.3rem;
	border: 0;
	/* background: #fff; */
	transition: color 0.12s;}
	.lang-icon + div .modal-box li a:before {display: none;}
	.lang-icon + div .modal-box li a span:after {display: none;}
		.lang-icon + div .modal-box li a.hover {
			/* color: #e60012; */
			color: #e6b333;
			/* background: #fff; */
			transition-duration: 0.12s;}
		.lang-icon + div .modal-box li a.active {
			/* color: #e60012; */
			color: #e6b333;
			font-weight: bold;}

.globalNav-subNav .modal-btn {
	position: relative;
	padding-right: 20px;}
.modal-btn .redArrowS {
	display: block;
	top: calc(50% - 5.5px);
	right: 0;
	transform: rotate(45deg);}
	.modal-btn.open .redArrowS {
		top: calc(50% - 2px);
		transform: rotate(-135deg);
		border-right: 1px solid #e6b333;
		border-bottom: 1px solid #e6b333;
	}
.modal-box ul {
	display: block;}
.modal-box h2 {display: none;}
.modal-box h3 {display: none;}

.modal-wrap {
	position: static;
		display: none;
		width: 100%;
		height: 100%;
	margin: 0 0 30px 0;
	background-color: #111727;
	overflow: inherit;
	z-index: 100;}
.modal-box {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #111727;
		z-index: 105;}
.modal-cancel {display: none;}
	.modal-cancel:before {display: none;}
.modal-cancel-badge {display: none;}
	.modal-cancel-badge:before,
	.modal-cancel-badge:after {display: none;}

.overlay-cancel-modal {display: none;}
.modal-wrap.active .overlay-cancel-modal {display: none;}



/* megaMenu
------------------------------*/
.globalNav {
	position: fixed;
	width: 100%;
	padding: 0 15px;
	background-color: #111727;
	letter-spacing: normal;
	-webkit-transition: 0.3s ease;
	transition: transform 0.3s ease;
	transform: translateY(-120%);
	opacity: 1;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;/*iOS*/}
	.active + .globalNav {
		transform: translateY(0);}
	.globalNav.hidden {
		opacity: 0;}
.globalNav-wrap {
	display: flex;
		flex-direction: column-reverse;
	padding: 0 0 40px 0;}

.globalNav-megaMenu {
	display: block;
		/* flex-direction: column; */
	width: 100%;
	height: auto;
	margin: 0 0 40px 0;
	/*border-top: 1px solid #e9ecee;*/
	padding: 0;}
.globalNav-megaMenu > li:not(:last-child) {
	border-bottom: 1px solid #e9ecee;}
	.globalNav-megaMenu li:not(:last-child) {margin-right: 0px;}
	.globalNav-megaMenu > li:last-child {
	margin-top: 20px;}
.globalNav-megaMenu li:not(:last-child) {
	margin-right: 0;}
.globalNav-megaMenu a.nav-link::after{
	display: none;
}

.megaMenu-btn {}
[class*="megaMenu-btn"] {
	font-size: 1.8rem;
	font-weight: normal;}
	.megaMenu-btn span:after,
	.megaMenu-btn span:before {
		content: "";
		position: absolute;
			top: 50%;
			right: 10px;
		display: inline-block;
		width: 15px;
		height: 1px;
		background-color: #333;
		border: 0;
		opacity: 1;}
	[class*="megaMenu-btn"]:hover {
		color: inherit;}
	.megaMenu-btn span:before {
		transform: rotate(90deg);
		transition: 0.2s;}
.megaMenu-btn.open {}
	.megaMenu-btn.open span:before {transform: rotate(180deg);}

.megaMenu-content {
	position: static;
	padding: 38px 5px 0 0px;
	border-top: 1px solid #e9ecee;}
.megaMenu-area {
	padding: 0;}
.megaMenuHead {
    margin: 0 0 38px 0;}
.megaMenuHead a {
	padding-right: 24px;
	font-size: 1.6rem;
	color: #333;}
.megaMenuHead .redArrowL {
	display: none;}
	/*consumer*/
.megaMenuWrap-Popen {
	width: calc(100% - 15px * 2);
	margin: 0 auto;}
.megaMenuWrap-Popen li {
	width: calc(100% / 2 - 15px / 2);
	margin: 0 0 20px 0;}
.megaMenuWrap-Popen li:not(:nth-child(4n)) {
	margin-right: 0;}
.megaMenuWrap-Popen li:not(:nth-child(2n)) {
	margin-right: 15px;}
	.megaMenuWrap-Other li:nth-child(-n+4) {
		margin: 0;
		border-top: 0;}
	.megaMenuWrap-Other li:last-child {
			border-bottom: 0;}
.megaMenuWrap-Popen figcaption {
	padding-top: 10px;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: left;
	line-height: 140%;}
.megaMenuWrap-Popen a figcaption .redArrowS {
		left: 0;
		top: calc(50%);}
	.megaMenuWrap-Popen > li > figcaption > p > a > .redArrowS {
			left: 0;
			top: 50%;}
	/*other*/
.megaMenuWrap-Other {
	width: calc(100% - 15px * 2);
	margin: 0 auto;
	border-top: 1px solid #e9ecee;}
ul.megaMenuWrap-Other li {
	width: 100%;
	border-top: 0;
	border-bottom: 1px solid #e9ecee;}
.megaMenuWrap-Other a {
	font-size: 1.6rem;
	padding: 18px 0;
	text-indent: 0;}
.megaMenuWrap-Other .redArrowS {
	display: none;}

.megaMenu-close {
	display: none;}


.globalNav-megaMenu a[class*="switchBtn"] {
	display: block;
	width: 100%;
	padding: 20px 0px;
	font-size: 1.6rem;
	text-align: center;
	line-height: 100%;
	border-width: 1px;}
	.globalNav-megaMenu a[class$="switchBtn"]:hover {}

.globalNav-megaMenu a.nav-link{
  display:block;
  padding:24px 10px;
  font-size:2rem;
  font-weight:500;
  border-bottom:1px solid #e9ecee;
  transition:0.3s;
}
.globalNav-megaMenu a.nav-link.active{
  color:#e6b333;
  background:rgba(230,179,51,0.08);
}

.globalNav-subNav {
	display: block;
	height: auto;
	padding: 0;}
.globalNav-subNav > li:nth-child(2) {
	margin: 0;
	padding: 0;
	border-right: 0;}
/* .globalNav-subNav > li:nth-child(2):after {
	content: "";
	display: block;
	width: 22px;
	height: 1px;
	margin: 0 0 20px 0;
	background: #8b8b8b;} */
.globalNav-subNav > li > a {
	margin: 0 0 20px 0;}


/* localNav
------------------------------*/
.localNavWrap {}
.localNav {
	position: relative;
		z-index: 6;
	padding-left: 0;}

.pankuzu {
	margin: 0 0 0 13px;
	z-index: 100;}
.pankuzu li:not(:last-child):after {
	display: none;}
.localNav .pankuzu li {
	font-size: 1.6rem;
	font-weight: bold;}
	.pankuzu li a{
		color: #333;}

.localNav .pankuzu li:first-child,
.localNav .pankuzu li:nth-child(n+3) {
	display: none;}
.localNav.fix .pankuzu li:nth-child(2) {
	display: flex;}

.localNav.open {
	position: fixed;
		top: 0;
		left: 0;
	z-index: 10;}


.localNav-search button {
	flex-shrink: 1;}
	.localNav-search button:hover {opacity: 1;}

.nav:before  {display: none;}
	.nav.open:before {
		content: "";
		position: fixed;
			left: 0;
		display: block;
		width: 100vw;
		height: 48px;
		background: #fafafa;
		z-index: 16;}

[class*="nav-button"] {
	position: relative;
	display: block;
	width: 62px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
[class*="nav-button"] .arrow {
	position: absolute;
		top: 50%;
		left: 50%;
	padding: 0;
	transform: translate(-50%, -60%);}
	[class*="nav-button"] .arrow:after {
		display: block;
		margin: 0;}
	.nav-button:before {top: 0;}
	.nav-button-cancel {
		display: none;
		z-index: 16;}
	.nav.open .nav-button-cancel {
		display: block;}
		.nav.active [class*="nav-button"] .arrow {transform: translate(-50%, -20%);}
		.nav.open [class*="nav-button"] .arrow:after {transform: rotate(135deg);}
		.nav.active [class*="nav-button"] .arrow:after {transform: rotate(-45deg);}


.nav-content {
	width: 100%;
	padding: 160px 15px 60px 15px;
	transform: translateY(-100%);
	transition: transform 0.5s ease-in-out;
	z-index: 5;
	-webkit-overflow-scrolling: touch;/*iOS*/}
	.localNav.fix .nav-content {
		padding-top: 100px;}

.nav.active .nav-content {transform: translateY(0);}
.nav-cancel {display: none;}

.overlay-cancel {z-index: 3;}


/* ----------------------------------------
Footer
----------------------------------------*/

.fatFooter {
	display: block;
	width: 100%;
	padding: 0;}
.fatFooter ul {margin: 0;}
.fatFooter > li {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #e9ecee;}
.fatFooter > li:not(:last-child) {
	padding: 0;}
.fatFooter > li.colLast-sns {
	border-bottom: 0;}
.fatFooter li > a.hover {
	text-decoration: none;}
.fatFooter > li > h3 {
	width: 100%;
	margin: 0 15px;}
.fatFooter > li > h3 {color: #333;}
.fatFooter li h3 a {
	position: relative;
		z-index: 1;
	margin: 0;
	padding: 10px 0;
	font-size: 1.6rem;
	font-weight: normal;}
	.fatFooter li h3 a.hover {
		text-decoration: none;}
	/*accordion-btn*/
.fatFooter .accordion-btn {
	position: absolute;
			z-index: 1;
	width: 100%;
	height: 10%;
	max-height: 52px;}
.fatFooter .accordion-btn:before, .fatFooter .accordion-btn:after {
	right: 20px;
	background-color: #e60012;}
.fatFooter .accordion-wrap {
	width: 100%;}
.fatFooter .accordion-wrap > ul {
	margin: 0 15px;
	/*margin-left: 15px;*/
	/*margin-right: 15px;*/}
.fatFooter .accordion-wrap > ul > li {
	/*margin: 0 0 0 15px;*/
	border-bottom: 1px solid #e9ecee;}
	.fatFooter .accordion-wrap > ul > li:last-child {
		border-bottom: 0;}
/*.fatFooter .accordion-wrap > ul > li > a*/
.fatFooter .accordion-wrap ul li a {
	display: block;
	margin: 0 0 0 15px;
	padding: 15px 0;
	font-size: 1.4rem;}
	.fatFooter .accordion-wrap ul li.sp a {
		margin-left: 0;}
.fatFooter li ul li.blank > a {
	padding-top: 15px;
	padding-bottom: 15px;}
.fatFooter-menu-wrap {
	margin: 0 15px;
	padding: 0 0 0 15px;}
.fatFooter-menu-wrap h3 {
	padding-top: 20px;
	font-size: 1.4rem;
	text-indent: 0;
	border-top: 1px solid #e9ecee;}
.fatFooter-menu-wrap > ul > li:not(:last-child) {
	border-bottom: 1px solid #e9ecee;}

.fatFooter li h3.onlineShopTit {
	color: #666;
	font-size: 0.9rem;
	margin: 15px 0 6px 0;}
.fatFooter li h3.onlineShopTit + ul {
	display: flex;
		justify-content: center;}
.fatFooter li h3.onlineShopTit + ul li {
	/*display: inline-block;*/
	margin: 0 20px;}
.fatFooter li h3.onlineShopTit + ul li.blank a {
	display: block;
	position: relative;
	z-index: 1;
	/*width: 100px;*/
	/*height: 27px;*/
	margin: 0;
	padding: 0;}
.fatFooter li h3.onlineShopTit + ul li a:after {
	display: none;}
.fatFooter li h3.onlineShopTit + ul li a img[src*="online"] {
	width: 93px;
	height: 28px;}
.fatFooter li h3.onlineShopTit + ul li a img[src*="cocotorico"] {
	width: 108px;
	height: 26px;}

.SNS {
	margin: 0 0 1px 0;}

.snsWrap {
	flex-wrap: nowrap;
	margin: 0;}
.snsWrap li {
	width: 52px;
	/* height: 40px; */
	min-width: 40px;
	margin-top: 10;}
	.snsWrap li.icon-99blog a:after {background-size: 41%;}
	.snsWrap li.icon-facebook a:after {background-size: 40%;}
	.snsWrap li.icon-twitter a:after {background-size: 41%;}
	.snsWrap li.icon-youtube a:after {background-size: 42%;}
	.snsWrap li.icon-line a:after {background-size: 70%;}
	.snsWrap li.icon-instagram a:after {background-size: 45%;}
	.snsWrap li.icon-tiktok a:after {background-size: 41%;}

.fatFooter .colLast-sns > h3 {
	margin: 0;
	border-bottom: 1px solid #e9ecee;}
.fatFooter .colLast-sns > h3 a {
	width: calc(100% - 30px);
	margin: 0 15px;}
/* .fatFooter .colLast-sns h3.blank:last-of-type {
    margin-bottom: 40px;} */
.fatFooter .colLast-sns > h3.blank > a {
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: left 80px center;}
	.fatFooter .colLast-sns > h3 a:after {
		content: "";
		position: absolute;
			top: 0;
			right: 10px;
			bottom: 0;
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: auto 0;
		border: 1px solid #e60012;
		border-bottom: 0;
		border-left: 0;
		transform: rotate(45deg);}
	.fatFooter .colLast-sns > h3 a:hover:after {width: 8px;}

.footer-subNav {
	display: block;
	width: 100%;
	margin: 40px 0;
	text-align: center;}
	.colLast-sns .footer-subNav .blank a {
		padding-top: 10px;
		padding-bottom: 10px;}
.footer-subNav > h3 {color: #333;}
	.fatFooter li .footer-subNav h3 a {
		font-size: 1.4rem;}
.colLast-sns > h3:last-of-type {
	margin-bottom: 0;}

.footer-legal {
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 0.9rem;
	border-color: #e9ecee;}
.footer-legal li {
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #e9ecee;
	border-color: #e9ecee;}
	.footer-legal li:nth-child(2n) {
		border-right: 0;}
.footer-legal li a {
	display: block;
	padding: 16px 0;}

.pageTop {
	width: 40px;
	height: 40px;}
.pageTop button span::before {top: 18px; width: 10px; height: 10px;}
.copyright {
	margin: 25px 0 25px 0;
	font-size: 0.9rem;}

/* -------- クッキー使用についての同意 -------- */
.cookieBanner {
	display: block;
	min-width: 100%;
	min-height: 243px;
	padding: 30px 15px;}
.cookieBanner-wrap {
	display: block;
	width: 100%;}
.cookie-message {
	width: 100%;
	margin: 0 0 25px 0;
	font-size: 1.3rem;
	line-height: 2rem;}
.cookie-btn {
	width: calc(100% - 15px * 2);
	margin: 0 15px;}

/* ----------------------------------------
共通CSS
----------------------------------------*/
/*各ページのタイトル部分*/
.pageTitle{
	padding: 25px 15px calc(25px + 20px) 15px;
	font-size: 2.1rem;
	line-height: 100%;
}
	.pageTitle::after{
		left: calc(50% - 20px);
		bottom: 25px;
		width: 40px;}
	.middleCategory {
		height: auto;
		margin: 0 0 10px 0;
		font-size: 1.2rem;
		line-height: 100%;
		transform: translateY(0);}

/*フローティングバナー*/
.floatingBnrWrap {
	display: block;
	width: calc(100% - 30px);
	margin: 0 15px;
	padding: 10px 15px;
	font-size: 1.6rem;}
	.floatingBnrWrap.fix {
		position: fixed;
			left: calc(50% - 100% / 2);}
.floatingBnrWrap > p {
	width: 100%;
	margin-bottom: 20px;
	font-size: 1.4rem;}
.floatingBnrWrap > .floatingBnrBtn {
	width: 100%;
	padding: 26px 0;}
.floatingBnrWrap > .floatingBnrBtn .redArrowS {
	display: none;}


/* ----------------------------------------
画像のホバーエフェクト-figure.captionOver
----------------------------------------*/
.captionOver .thumb {
	margin-bottom: 10px;}
	.captionOver .thumb:after {
		margin: 4px;}
	.captionOver .thumb.clip:after {
		width: calc(100% - 4px * 2);
		padding: calc(56.25% / 2 - 4px) 0;}
.captionOver .figureTitle > h3 {
	font-size: 1.6rem;}
/* ----------------------------------------
/画像のホバーエフェクト-figure.captionOver
----------------------------------------*/



/* ----------------------------------------
タブ ハッシュ付き 設定
----------------------------------------*/
.tab-content {}
	/*アンカーの位置調整*/
	.Index .tab-content,
	.List .tab-content {
		margin-top: -130px !important;
		padding-top: 130px !important;}




/* ----------------------------------------
include-こちらもご覧ください
----------------------------------------*/
.otherContent {
	width: calc(100% - 30px);
	margin: 0 15px;}
.otherContent > h4 {
	margin-bottom: 40px;
	font-size: 2rem;}
.otherContentWrap {
	margin-bottom: 16px;}
.otherContentWrap > li {
	width: calc(50% - (15px / 2));
	margin: 0 15px 36px 0;}
	.otherContentWrap > li:nth-child(2n) {margin-right: 0;}
.otherContentWrap figure {
	margin-bottom: 12px;}
.otherContentWrap figcaption > p {
	color: #555;
	font-size: 1.1rem;
	line-height: 1.6rem;}
.otherContent .moreBtn button {
	width: calc(100% + 15px * 2 - 60px * 2);
	padding: 22px 20px 22px 20px;
	margin-bottom: 100px;}
.otherContent .moreBtn button.is-close-btn {
	width: auto;
	min-width: 160px;
	padding: 10px 10px 10px 20px;
	font-size: 1.2rem;}

.productOtherLink {
	width: calc(100% - 30px);
	margin: 0 15px 20px 15px;}
.productOtherLinkWrap > li {
	width: 100%;
	margin: 0;
	border-color: #e8ecef;
	border-right: 0;
	border-left: 0;}
	.productOtherLinkWrap > li:not(:last-child) {
		border-bottom: 0;}
	.productOtherLinkWrap > li:nth-child(2n) {margin-right: 0;}
.cateUseBtn > a {
	justify-content: left;
	padding: 20px 0;
	text-indent: 1rem;
	background: none;
	transition-property: box-shadow;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.cateUseBtn > a.hover {
		color: #e60012;
		background: none;
		box-shadow: 0 10px 10px -4px rgba(0,0,0,0.1);}
.cateUseBtn > a .redArrowS {
		top: calc(50% - 6px);
	width: 12px;
	height: 12px;
	border-width: 2px;}
	.cateUseBtn > a.hover .redArrowS {
		border-color: #e60012;
		transform: translateX(0) rotate(-45deg);}




/*よく出てくるsectionやタイトルなどのスタイル*/
.mainSections section{ padding-bottom: 55px;}
.mainSections h2{
 font-size: 2rem;
 margin-bottom: 35px;
}

/*下側各ページへのリンク*/
.bottomLinks{ padding: 40px 0 50px;}
.bottomLinks > div{
 width: calc(100% - 30px);
 margin: 0 15px;
}
.bottomLinks h2 a{ font-size: 1.6rem;}
.bottomLinks h2 .redArrowL{
 width: 10px;
 height: 10px;
 top: calc(50% - 6px);
}
.bottomLinks ul{ justify-content: space-between;}
.bottomLinks ul li{
 margin-right: 0;
 width: calc(50% - 5px);
}
.bottomLinks ul li:nth-child(n+3),
.bottomLinks ul li:nth-child(n+5){ margin-top: 10px;}
.bottomLinks ul a{
 font-size: 1.2rem;
 padding: 15px 0;
}


/*アンカーリンク*/
.anchorLink{
 flex-wrap: wrap;
 justify-content: space-between;
}
.anchorLink li{ width: 50%;}
.anchorLink li:nth-child(n+3){ margin-top: 10px;}
.anchorLink li:nth-child(2n){ border-right: none;}



/* ----------------------------------------
ニュース
----------------------------------------*/
/*セレクトボックス*/
.selectWrap{ display: block;}
.selectWrap select{
 min-width: inherit;
 width: 100%;
 padding: 9px 30px 8px 10px;
}

/*ニュースリスト*/
.newsList dt,
.newsList dd{
 padding: 0;
 display: block;
 padding-right: 10px;
 padding-left: 10px;
}
.newsList dt{
 width: 100%;
 padding-top: 20px;
 font-size: 1.2rem;
}
.newsList dt span{ margin-left: 15px;}
.newsList dd{
 width: 100%;
 align-items: flex-start;
 line-height: 2.1rem;
 padding-top: 10px;
 padding-bottom: 20px;
}
.icon-pdf{
 margin-left: 8px;
 margin-right: 5px;
}
.newsThumb{
 margin-left: 0;
 margin-top: 10px;
 display: block;
}
/*.newsList dl > a {
	padding: 0 10px;}*/

.newsError{
	margin: 0 0 60px 0;}

/*ページネーション*/
.pagination{
 height: inherit;
 flex-wrap: wrap;
 margin-top: 60px;
}
.pagination a.prev,
.pagination a.next{
 order: 2;
 height: 50px;
}
.pagination a.prev{ margin-right: 1px;}
.pagination a.next{ margin-left: 0;}
.pagination ol{
 width: 100%;
 order: 1;
 justify-content: center;
 margin-bottom: 40px;
}

/*ニュース上部のタブ*/
.newsTab{
 margin-bottom: 40px;
 flex-wrap: wrap;
}
.newsTab li{ flex: 1 1 50%;}
/*IE ハック*/
@media screen\0 {
 .newsTab li{
  flex: inherit;
  width: 50%;
 }
}
.newsTab li:nth-child(2n+1){ border-right: 1px solid #fff;}
.newsTab li:nth-child(n+3){ margin-top: 1px;}
.newsTab li a{
 font-size: 1.2rem;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 40px;
 padding: 0;
 line-height: 1.4rem;
}
.newsTab li a > span{
 display: block;
 width: 100%;
}
.newsTab li a .redArrowS{ left: 13px;}
.newsTab li a.active .redArrowS{ left: 15px;}
.newsTab li a.active::after{ content: none;}