@charset "UTF-8";
@import
	url(https://fonts.googleapis.com/css?family=Leckerli+One);

/* ===============================
	utility
=============================== */
.lecker {
	font-family: 'Leckerli One', cursive;
}
/*
.mincho {
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,
		メイリオ, Meiryo, serif;
}
 */
.bgGray {
	background: #f1eeec;
}

hr.bdrGray {
	border: none;
}

hr.bdrWhite {
	border: none;
}

.arrow {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 1em;
}



.arrow::before, .arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: '';
	vertical-align: middle;
}

.arrow::before {
	left: 0;
	width: 0.5em;
	height: 0.5em;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ===============================
	common style
=============================== */
article {
	color: #000;
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #a40000;
}

.fa.fa-angle-right {
	font-size: 1.4em;
	margin-right: 0.4em;
}

.arrowLink {
	padding-left: 46px;
	background: url(../images/arrow-right.png) no-repeat left center;
}

.arrowLink:HOVER {
	background-position: left 2px center;
}

/* ===============================
	PC / Tab
=============================== */
@media print , screen and (min-width: 481px) {
	/* utility */
	.flexBox {
		display: flex;
		flex-wrap: wrap;
	}
	.mts {
		margin-top: 40px;
	}
	hr.bdrGray {
		width: 960px;
		border-top: solid 2px #a0a0a0;
	}

	hr.bdrWhite {
		width: 960px;
		border-top: solid 2px #fff;
		margin-top: 60px;
	}

	/* header */
	#siteInfo {
		display: none;
	}
	#topHeader ul.sns {
		position: absolute;
		top: 18px;
		right: 0;
	}
	#topHeader ul.sns li {
		float: left;
		margin-left: 6px;
	}
	#slicknavGlobal {
		display: none;
	}
	/* Product */
	#products {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.spWidth {
		width: 360px;
		margin: 0 auto;
	}
	ul.prodList {
		display: flex;
		justify-content: center;
		margin-top: 40px;
	}
	ul.prodList li {
		width: 25%;
	}
	ul.prodList li a {
		text-decoration: none;
		font-size: 1.4rem;
	}
	ul.prodList li a .products {
		padding: 0 30px;
	}
	ul.prodList .name {
		margin-top: 0.4em;
		text-align: center;
	}
	ul.prodList .name em {
		font-size: 1.2em;
	}
	ul.prodList .prodBtn {
		width: 200px;
		margin: 1em auto 0;
	}
	/* Pick up */
	#pickup {
		padding-top: 60px;
	}
	#pickup .subTtl {
		width: 480px;
		margin: 0 auto;
		background: url(../images/icon-flag.png) no-repeat left top;
		background-size: 70px auto;
		text-align: center;
	}
	#pickup .subTtl h3 {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	#pickup .subTtl .lecker {
		font-size: 2.8rem;
		line-height: 1.6;
	}
	#pickup_seasons p{
		padding-top: 45px;
	}

	#pickup ul.flexBox a:hover {
		text-decoration: none;
		color: #666;
	}#pickup {
		padding-top: 60px;
	}
	#pickup .subTtl {
		width: 480px;
		margin: 0 auto;
		background: url(../images/icon-flag.png) no-repeat left top;
		background-size: 70px auto;
		text-align: center;
	}
	#pickup .subTtl h3 {
		font-size: 2.4rem;
		line-height: 1.4;
	}
	#pickup .subTtl .lecker {
		font-size: 2.8rem;
		line-height: 1.6;
	}
	#pickup_seasons p{
		padding-top: 45px;
    padding-bottom: 40px;
	}

	#pickup ul.flexBox a:hover {
		text-decoration: none;
		color: #666;
	}
	#pickup ul.flexBox .arrow {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 1em;
		font-size : 1.8rem;
		font-weight: 500;
		line-height: 1.4;
	}

	#pickup ul.flexBox li {
		width: 300px;
		line-height: 1.6;
	}

	#pickup ul.flexBox li img {
		border: solid 2px #fff;
	}


	#pickup ul.flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    }



	#pickup_seasons{
		padding-bottom: 40px;
	}


	#pickup_seasons .subTtl h3 {
		width: 960px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 80px;
		margin-top: 100px;
	}

	#pickup_seasons .subTtl h3 {
		background: url(../images/navi-h.jpg) no-repeat;
	}



	/*#pickup_seasons ul.flexBox li .springParts {
		width: 226px;
		margin-right: 18px;
		position: absolute;
		top:-41px;
		left:1px;
	}*/

	#pickup_seasons .seasonNavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	#pickup_seasons .seasonNavi li{
		width: 226px;
	}


	.pageNavi a {
	display: block;
	width: 360px;
	padding: 10px 0;
	margin:0 auto;
	font-size: 1.8rem;
	box-shadow:0px 0px 6px 1px #ebebeb;
    border:1px dashed #cccccc;
	text-align: center;
}
	.pageNavi{
		padding-top: 6rem;
	}
  .bgGray-lineup {
    background: #ebebeb;
}


}

/* ===============================
	mobile
=============================== */
@media screen and (max-width: 480px) {
	article img {
		width: 100%;
	}
	/* utility */
	.mts {
		margin-top: 3rem;
	}
	hr.bdrGray {
		margin: 0 5%;
		border-top: solid 1px #000;
	}

	hr.bdrWhite {
		border-top: solid 1px #fff;
	}

	/* 季節のヘルシオメニュー */
	#prodNaviBtn {
		background: #fff;
	}
	#siteInfo .slicknav_menu {
		background: #fff;
		color: #000;
		box-shadow: none;
	}
  #siteInfo .baseWidth {
    padding-top: 1rem;
    padding-bottom: 0.85rem;
}
	#siteInfo .slicknav_nav {
		border-top: solid 1px #626262;
	}
	#siteInfo .slicknav_nav li {
		padding: 2%;
		border-bottom: solid 1px #e6000d;
	}
	#siteInfo .slicknav_nav a {
		padding-left: 0;
		color: #000;
		font-size: 1.6rem;
		background: url(../images/navi-arrow.png) no-repeat right center;
		background-size: 3rem auto;
	}
	#siteInfo .slicknav_nav a:HOVER {
		color: #e6000d;
	}
	#siteInfo .slicknav_nav a span {
		margin-left: 0.5em;
	}
	#siteInfo .slicknav_nav a img {
		width: 6rem;
		vertical-align: middle;
	}

	.slicknav_nav li {
    display: block;
    border-top: none;
	}

	/* Product */
	#products {
		padding-bottom: 3rem;
	}
	#products .spWidth {
		padding-top: 4rem;
	}
	ul.prodList {
		padding-bottom: 4rem;
	}


	ul.prodList li {
		padding-top: 5%;
	}
	ul.prodList li:NTH-CHILD(1) {
		padding-top: 10%;
	}
	ul.prodList li:NTH-CHILD(3) {
		padding-top: 0;
	}
	ul.prodList li a {
		display: flex;
		flex-wrap: wrap;
		line-height: 1.4;
		text-decoration: none;
	}
	ul.prodList li a .products {
		width: 42%;
	}
	ul.prodList li a .spec {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		width: 58%;
		padding-left: 2%;
	}
	ul.prodList li a .spec .pciLogo {
		padding-top: 2%;
		padding-right: 30%;
		padding-bottom: 2%;
	}
	ul.prodList .name {
		text-align: center;
	}
	ul.prodList .name em {
		font-size: 1.2em;
	}
	ul.prodList .prodBtn {
		padding: 0 4%;
		margin-top: 0.5em;
	}
	/* Pick up */


	#pickup_seasons .subTtl {
		background-size: 4rem auto;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 30px;
	}



	#pickup_seasons .seasonNavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

	#pickup_seasons .seasonNavi li{
		width: 48%;
		margin-top: 4%;

	}

	#pickup_seasons .seasonNavi li:nth-child(-n+2){
		margin-top: 0;
	}

	#pickup_seasons ul.flexBox li .springParts {
		width: 96%;
		margin-top: 2rem;
		font-size: 1.2rem;
		position: absolute;
		top:-48px;
		left:3px;
	}

	#pickup_seasons p{
		padding-bottom: 4rem;
		padding-top: 2rem;
	}

	#pickup ul li img{
		margin-top: 4rem;
	}



	.pageNavi a {
	display: block;
	padding: 10px 0;
	box-shadow:0px 0px 6px 1px #ebebeb;
    border:1px dashed #cccccc;
	text-align: center;
	margin: 0 auto;
	width: 270px;
	font-size: 80%;
	margin-top: 2rem;
}
}

/* ===============================
	screen setting
=============================== */
@media screen {
	/* pageTop */
	a#pageTop {
		height: 60px;
		background-image: url(../images/pagetop.png);
		right: 1rem;
	}
}