@charset "UTF-8";



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
*{margin:0;padding:0;text-decoration:none}fieldset{border:0}body{line-height:1.8}body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{margin:0;padding:0}img{border:0;vertical-align:top}a{text-decoration:none}em{font-style:normal}ul li{list-style-type:none;list-style-image:none}address{font-style:normal}
html{font-size: 62.5%;}
body{font-size: 1.6em;}

.fs-p-searchForm__button::before ,
#fs_preview_header {
	display: none !important;
}


/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }

/* 文字揃え */
.center {
	text-align: center;
}

/* 文字装飾 */
strong {
	font-weight: bold;
}


ul li {
	list-style:none;	
}


/* box-sizing */ 
* {
	box-sizing: border-box;
}


/* sp */ 
.sp {
	display: none;
}


/* img */ 
img {
	width: 100%;
	height: auto;
}



/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #383430;
	text-decoration: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
a:hover {
	color: #383430;
	opacity: 0.7;
	text-decoration: none;
}
a:visited,
a:link {
	color: #383430;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}

.red {
	color: #DC000C;
}



/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 500;
	color: #383430;
	padding: 0;
	margin: 0;
	letter-spacing: 0.1em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}



/* フォント */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.en {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}




/* flex */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.flex {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-start {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.flex-end {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
}
.flex-center {
	display: flex;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
}
#header .area {
	background: #fff;
	height: 80px;
}
	#header .catch {
		font-size: 1.0rem;
		line-height: 1.6em;
		padding-top: 15px;
		padding-left: 15px;
	}


	#header h1 {
		width: 240px;
		position: absolute;
		top: 15px;
		left: 50%;
		margin-left: -120px;
	}


	#header ul.infolist {
		padding-top: 20px;
		padding-right: 5px;
	}
		#header ul.infolist li {
			width: 40px;
			margin-right: 10px;
		}
	
	#header ul li.search .searchbox {
		display: none;
		width: 170px;
		position: absolute;
		top: 17px;
		right: 210px;
	}
		#header ul li.search .searchbox .header__searchform {
			width: 100%;
			height: 46px;
			overflow: hidden;
			background: #e9e9e9;
			border: none;
			border-radius: 0;
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
		}
		#header ul li.search .searchbox .header__searchform .fs-p-searchForm__input {
			width: -webkit-calc(100% - 40px);
			width: calc(100% - 30px);
			border: none;
			background: #e9e9e9;
			font-size: 1.2rem;
			padding: 15px;
		}
		#header ul li.search .searchbox input {
			font-size: 1.2rem;
		}
		#header ul li.search .searchbox .header__searchform .fs-p-searchForm__button {
			width: 40px;
			height: 100%;
			text-indent: 0;
			border: none;
			background: #e9e9e9;
		}
			#header ul li.search .searchbox .header__searchform .fs-p-searchForm__button img {
				width: 40%;
				padding-top: 5px;
			}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* グローバルナビ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#globalnav {
	width: 100%;
	background: #fff;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	left: 0;
	top: 80px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#globalnav.m_fixed {
	position: fixed;
	left: 0;
	top: 80px;
	z-index: 101;
}
	#globalnav ul {
		position: relative;
	}
	#globalnav ul li {
		width: 20%;
	}
		#globalnav ul li a {
			display: block;
			height: 80px;
			font-size: 1.6rem;
			line-height: 1;
			text-align: center;
			color: #383430;
			padding-top: 23px;
			position: relative;
		}
		#globalnav ul li.item a {
			background: #fff url("https://hikarimiso.itembox.design/item/img/list_arrow_bottom.png?d=20210401184157") no-repeat 95% center;
		}
		#globalnav ul li a.active {
			background: #FFAF00 url("https://hikarimiso.itembox.design/item/img/list_arrow_bottom_white.png") no-repeat 95% center;
			color: #fff;
		}
		#globalnav ul li a.active:hover {
			opacity: 1.0;
		}
		#globalnav ul li a:before {
			content: "";
			width: 1px;
			height: 40px;
			background: #ddd;
			position: absolute;
			top: 20px;
			right: 0;
		}
		#globalnav ul li a.active:before {
			display: none;
		}
		#globalnav ul li:nth-last-child(1) a:before {
			display: none;
		}
			#globalnav ul li a .en {
				display: block;
				font-size: 1.0rem;
				font-weight: 500;
				color: #FFAF00;
				padding-top: 8px;
			}
			#globalnav ul li a.active .en {
				color: #fff;
			}

		#globalnav ul li .catlist {
			display: none;
			background: #FFAF00;
			width: 100%;
			position: absolute;
			top: 80px;
			left: 0;
			z-index: 100;
			padding-top: 1%;
		}
			#globalnav ul li .catlist ul {
				max-width: 1200px;
				margin: auto;
			}
				#globalnav ul li .catlist ul li {
					width: 24.2%;
					margin-right: 1%;
					margin-bottom: 1%;
					background: #fff url("https://hikarimiso.itembox.design/item/img/list_arrow.png?d=20210309150412") no-repeat 95% center;
				}
				#globalnav ul li .catlist ul li:nth-child(4n) {
					margin-right: 0;
				}
					#globalnav ul li .catlist ul li a {
						display: block;
						height: 50px;
						border-radius: 6px;
						padding: 0 0 0 45px;
						line-height: 50px;
						font-size: 1.4rem;
						text-align: left;
					}
					#globalnav ul li .catlist ul li.n01 a {
						background: url("https://hikarimiso.itembox.design/item/img/miso.jpg?d=20210409201629") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n02 a {
						background: url("https://hikarimiso.itembox.design/item/img/misosoup.jpg?d=20210409201629") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n03 a {
						background: url("https://hikarimiso.itembox.design/item/img/soup.jpg?d=20210409201629") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n04 a {
						background: url("https://hikarimiso.itembox.design/item/img/koji.jpg?d=20210409201629") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n05 a {
						background: url("https://hikarimiso.itembox.design/item/img/misoseasoning.jpg?d=20210409201629") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n06 a {
						background: url("https://hikarimiso.itembox.design/item/img/dryvege.jpg?d=2025031240") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n07 a {
						background: url("https://hikarimiso.itembox.design/item/img/sweets.jpg?d=20210409201629") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n08 a {
						background: url("https://hikarimiso.itembox.design/item/img/online-exclusive.jpg?d=20210414140011") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n09 a {
						background: url("https://hikarimiso.itembox.design/item/img/gift.jpg?d=20210414140011") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n10 a {
						background: url("https://hikarimiso.itembox.design/item/img/pro-use.jpg?d=20210414140011") no-repeat 10px center / 30px;
					}
					#globalnav ul li .catlist ul li.n11 a {
						background: url("https://hikarimiso.itembox.design/item/img/outlet-sale.svg?d=20210414171639") no-repeat 14px center / 22px;
					}
					#globalnav ul li .catlist ul li.n13 a {
						background: url("https://hikarimiso.itembox.design/item/img/new-item.svg") no-repeat 14px center / 22px;
					}
					#globalnav ul li .catlist ul li.n12 a {
						padding: 0 15px;
						background: none;
					}
					#globalnav ul li .catlist ul li a:before {
						display: none;
					}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* メニュー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#menuarea {
	width: 100% !important;
	height: 100vh;
	background: #FFF1D3;
	overflow-y: scroll;
	padding: 140px 5% 80px 5%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	transform: translatex(-100%);
	transition: all 0.6s;
	padding-bottom: 0;
}
#menuarea.active {
	transform: translateY(0%) !important;
}
#menuarea.is-animation {
	padding: 100px 5% 80px 5% !important;
}
	#menuarea .box {
		margin-bottom: 40px;
	}
		#menuarea .searchbox .header__searchform {
			width: 100%;
			height: 46px;
			overflow: hidden;
			background: #fff;
			border: none;
			border-radius: 0;
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
		}
		#menuarea .searchbox .header__searchform .fs-p-searchForm__input {
			width: -webkit-calc(100% - 40px);
			width: calc(100% - 30px);
			border: none;
			background: #fff;
			font-size: 16px;
			padding: 15px;
		}
		#menuarea .searchbox .header__searchform .fs-p-searchForm__button {
			width: 40px;
			height: 100%;
			text-indent: 0;
			border: none;
			background: #fff;
		}
			#menuarea .searchbox .header__searchform .fs-p-searchForm__button img {
				width: 40%;
				padding-top: 5px;
			}


		#menuarea .productbox ul li {
			width: 32%;
		}
			#menuarea .productbox ul li a {
				display: block;
				height: 62px;
				background: #fff;
				border-radius: 6px;
				font-size: 1.4rem;
				text-align: center;
				color: #383430;
				line-height: 1.1em;
				padding: 15px 0 0 0;
			}
			#menuarea .productbox ul li:nth-last-child(1) a {
				padding: 22px 0 0 0;
			}
				#menuarea .productbox ul li a span {
					font-size: 1.0rem;
					letter-spacing: 0;
				}


		#menuarea .btnarea .itembox {
			padding: 15px;
			background: #fff;
			border-radius: 6px;
		}
			#menuarea .btnarea .itembox .head {
				font-size: 1.8rem;
				padding-bottom: 12px;
			}

			#menuarea .btnarea .itembox ul.pickup li {
				width: 48%;
				margin-right: 4%;
				margin-bottom: 4%;
				border: solid 1px #ddd;
				border-radius: 6px;
			}
			#menuarea .btnarea .itembox ul.pickup li:nth-child(2n) {
				margin-right: 0;
			}
				#menuarea .btnarea .itembox ul.pickup li a {
					display: block;
					padding: 20px;
					text-align: center;
					color: #383430;
				}
					#menuarea .btnarea .itembox ul.pickup li a img {
						width: 50px;
					}
					#menuarea .btnarea .itembox ul.pickup li a span {
						padding-top: 10px;
						display: block;
						font-size: 1.4rem;
						line-height: 1;
					}

			#menuarea .btnarea .itembox ul.sublist {
				display: none;
			}
				#menuarea .btnarea .itembox ul.sublist li {
					border: solid 1px #ddd;
					border-radius: 6px;
					margin-bottom: 15px;
				}
					#menuarea .btnarea .itembox ul.sublist li a {
						display: block;
						padding: 10px;
						font-size: 1.4rem;
						color: #383430;
						background: url("https://hikarimiso.itembox.design/item/img/list_arrow.png?d=20210309150412") no-repeat 96% center;
					}

			#menuarea .btnarea .itembox .subbtn {
				width: 120px;
				margin: auto;
			}
				#menuarea .btnarea .itembox .subbtn .close {
					display: none;
				}
					#menuarea .btnarea .itembox .subbtn a {
						display: block;
						font-size: 1.4rem;
						text-align: center;
						position: relative;
					}
					#menuarea .btnarea .itembox .subbtn a:before {
						content: "";
						width: 14px;
						height: 1px;
						background: #FFAF00;
						position: absolute;
						top: 50%;
						right: 0;
						margin-top: -0.5px;
					}
					#menuarea .btnarea .itembox .subbtn a:after {
						content: "";
						width: 1px;
						height: 14px;
						background: #FFAF00;
						position: absolute;
						top: 50%;
						right: 7px;
						margin-top: -7px;
					}
					#menuarea .btnarea .itembox .subbtn .close a:after {
						display: none;
					}


		#menuarea .btnarea ul.globallink li {
			margin-top: 10px;
		}
			#menuarea .btnarea ul.globallink li a {
				display: block;
				height: 60px;
				background: #fff url("https://hikarimiso.itembox.design/item/img/list_arrow.png?d=20210309150412") no-repeat 96% center;
				padding: 0 15px;
				font-size: 1.8rem;
				color: #383430;
				line-height: 60px;
				border-radius: 6px;
			}


		#menuarea .aboutbox ul li {
			width: 32%;
		}
			#menuarea .aboutbox ul li a {
				display: block;
				height: 90px;
				background: #FFAF00;
				color: #fff;
				font-size: 1.0rem;
				text-align: center;
				line-height: 1.4em;
				letter-spacing: 0;
				border-radius: 6px;
				padding-top: 32px;
			}
				#menuarea .aboutbox ul li a span {
					font-size: 1.2rem;
				}


		#menuarea .bnrbox {
			padding-bottom: 60px;
		}
		#menuarea .bnrbox ul li {
			width: 48%;
			margin-right: 4%;
			margin-bottom: 20px;
		}
		#menuarea .bnrbox ul li:nth-child(2n) {
			margin-right: 0;
		}

	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


/* .fs-l-main
----------------- */
.fs-l-main {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
	/*.fs-l-main .fs-c-panelContainer {
		display: none;
	}*/


/* inner */
.inner {
	width: 1200px;
	margin: auto;
	position: relative;
}
.inner_max {
	width: 100%;
	margin: auto;
	position: relative;
}


/* txt */
.txt {
	font-size: 1.5rem;
	line-height: 30px;
}


/* btn */
.btn {
	width: 270px;
	margin: auto;
}
	.btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 66px;
		font-size: 1.5rem;
		text-align: center;
		color: #fff;
		border-radius: 33px;
		background: #FFAF00 url("https://hikarimiso.itembox.design/item/img/icon_arrow_white.png") no-repeat 92% 47%;
	}
	.btn a:hover {
		background: #FFAF00 url("https://hikarimiso.itembox.design/item/img/icon_arrow_white.png") no-repeat 93% 47%;
	}

	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* aboutパーツ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#about {
	width: 100%;
}
	#about .box {
		width: 33.3333333%;
	}
	#about .concept {
		background: url("https://hikarimiso.itembox.design/item/img/concept_pht.png") no-repeat center / cover;
	}
	#about .sustainable {
		background: url("https://hikarimiso.itembox.design/item/img/sustainable_pht.png") no-repeat center / cover;
	}
	#about .safety {
		background: url("https://hikarimiso.itembox.design/item/img/safety_pht.png") no-repeat center / cover;
	}
		#about .box a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 450px;
			background: url("https://hikarimiso.itembox.design/item/img/box_arrow.png") no-repeat right bottom;
		}
			#about .box a .headtitle {
				width: 80%;
				background: rgba(255,175,0,0.9);
				color: #fff;
				text-align: center;
				padding: 15px 0;
			}
				#about .box a .headtitle h2 {
					font-size: 2.4rem;
					line-height: 1;
					padding-bottom: 7px;
				}
				#about .box a .headtitle .en {
					font-size: 1.4rem;
					line-height: 1;
				}

	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* brandパーツ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#brand {
	width: 100%;
	padding-bottom: 100px;
}
	#brand .list .box {
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 50px;
	}
	#brand .list .box:nth-child(3n) {
		margin-right: 0;
	}
		#brand .list .box a {
			display: block;
		}
			#brand .list .box a .pht {
				overflow: hidden;
				border-radius: 0 0 50px 0;
				border: solid 1px #ddd;
			}
				#brand .list .box a .pht img {
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#brand .list .box a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}

			#brand .list .box a h3 {
				font-size: 2.0rem;
				color: #3E3A39;
				text-align: center;
				padding: 18px 0 10px 0;
			}

			#brand .list .box a .txt {
				color: #3E3A39;
			}


	#brand .btn {
		position: absolute;
		top: 10px;
		right: 0;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* pagetitle */
#pagetitle {
	width: 100%;
	height: 400px;
	margin-top: 80px;
}
	#pagetitle .en {
		font-size: 2.0rem;
		line-height: 1;
		letter-spacing: 0.1em;
		color: #fff;
	}

	#pagetitle h1 {
		padding-top: 155px;
		font-size: 5.0rem;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 0.1em;
		color: #fff;
		padding-bottom: 20px;
	}


/* title */
.title {
	padding-bottom: 70px;
	padding-left: 20px;
	background: url("https://hikarimiso.itembox.design/item/img/icon_title.png") no-repeat left 15px;
}
	.title h2 {
		font-size: 5.0rem;
		line-height: 1;
		letter-spacing: 0.12em;
		padding-bottom: 5px;
	}

	.title .jp {
		font-size: 1.8rem;
		line-height: 1;
	}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくず */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.fs-c-breadcrumb {
	width: 1200px;
	margin: auto;
	padding: 20px 0 18px 0;
}
	.fs-c-breadcrumb .fs-c-breadcrumb__list {
		padding: 0;
		margin: auto;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap;
	}
		.fs-c-breadcrumb .fs-c-breadcrumb__list .fs-c-breadcrumb__listItem.last {
			font-size: 1.2rem;
			letter-spacing: 0.1em;
			color: #383430;
		}
		.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
			content: "-";
			color: #B9B9B9;
		}
			.fs-c-breadcrumb .fs-c-breadcrumb__list .fs-c-breadcrumb__listItem a {
				font-size: 1.2rem;
				color: #B9B9B9;
				letter-spacing: 0.1em;
			}






	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	width: 100%;
}
	#footer .calendar_area {
		width: 440px;
		background: #F2F2F2;
		padding: 60px;
	}
		#footer .calendar_area #calendar {
		}
			#footer .calendar_area #calendar table {
				width: 100%;
				border-collapse: collapse;
				background: #fff;
				margin-bottom: 15px;
			}
				#footer .calendar_area #calendar table th {
					font-size: 1.4rem;
					text-align: center;
					padding-top: 10px;
					padding-bottom: 8px;
				}
				#footer .calendar_area #calendar table td {
					padding: 5px;
					font-size: 1.2rem;
					text-align: center;
					letter-spacing: 0;
					padding: 10px;
				}
				#footer .calendar_area #calendar table td.closed,
				#footer .calendar_area #calendar table td.undefined,
                #footer .calendar_area #calendar table td:nth-last-child(1).other {
					position: relative;
					z-index: 2;
					color: #DC000C;
				}
				#footer .calendar_area #calendar table td.closed:before,
				#footer .calendar_area #calendar table td.undefined:before {
					content: "";
					width: 22px;
					height: 22px;
					border-radius: 50%;
					background: #DFE4EB;
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: -11px;
					margin-left: -11px;
					z-index: -1;
				}
				#footer .calendar_area #calendar table td:nth-last-child(1) {
					color: #0E75D1;
				}
                #footer .calendar_area #calendar table td.other {
					position: relative;
					z-index: 2;
				}
                #footer .calendar_area #calendar table td.other:before {
					content: "";
					width: 22px;
					height: 22px;
					border-radius: 50%;
					background: #EBDFDF;
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: -11px;
					margin-left: -11px;
					z-index: -1;
				}

				#footer .calendar_area #calendar table .headline {
					border-top: solid 1px #ddd;
					border-bottom: solid 1px #ddd;
				}
				#footer .calendar_area #calendar table .headline td {
					padding: 5px 0;
					text-align: center;
				}
				#footer .calendar_area #calendar table .headline td:nth-child(1) {
					color: #DC000C;
				}

			#footer .calendar_area ul li {
				font-size: 1.2rem;
				letter-spacing: 0.06em;
				position: relative;
				padding-left: 12px;
				margin-right: 15px;
				line-height: 1;
			}
			#footer .calendar_area ul li:nth-last-child(1) {
				margin-right: 0;
			}
			#footer .calendar_area ul li:before {
				content: "";
				width: 8px;
				height: 8px;
				background: #DFE4EB;
				border: solid 1px #707070;
				border-radius: 50%;
				position: absolute;
				top: 2px;
				left: 0;
			}
			#footer .calendar_area ul li:nth-last-child(1):before {
				background: #EBDFDF;
			}


	#footer .info_area {
		width: -webkit-calc(100% - 440px);
		width: calc(100% - 440px);
		padding: 60px;
		position: relative;
	}
		#footer .info_area .linklist {
			padding-bottom: 40px;
		}
		#footer .info_area .linklist.sp {
			display: none;
		}
			#footer .info_area .linklist ul.linkbox {
			}
				#footer .info_area .linklist ul.linkbox li {
					margin-bottom: 20px;
				}
					#footer .info_area .linklist ul.linkbox li a {
						display: block;
						font-size: 1.6rem;
						padding-left: 15px;
						background: url("https://hikarimiso.itembox.design/item/img/list_arrow.png") no-repeat left center;
					}

			#footer .info_area ul.btnlist li {
				width: 49%;
				margin-right: 2%;
				margin-bottom: 30px;
			}
			#footer .info_area ul.btnlist li:nth-child(2n) {
				margin-right: 0;
			}
				#footer .info_area ul.btnlist li a {
					display: block;
					height: 70px;
					font-size: 1.6rem;
					color: #fff;
					line-height: 70px;
					text-align: center;
					border-radius: 35px;
					background: #FFAF00 url("https://hikarimiso.itembox.design/item/img/icon_blank.png") no-repeat 93% center;
				}

		#footer .info_area .copyright {
			width: 100%;
			padding: 60px 0;
			border-top: solid 1px #ddd;
			font-size: 1.0rem;
			font-weight: 500;
			text-align: center;
			color: #9B9B9B;
			position: absolute;
			bottom: 0;
			left: 0;
		}




.fs-c-registerSuccessMessage {
    margin: 24px auto;
    padding-bottom: 24px;
    border-bottom: none;
    text-align: left;
}





/* 1260px */
@media screen and (max-width: 1260px) {
	

input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* グローバルナビ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#globalnav ul li .catlist ul {
	max-width: 100%;
	padding: 0 1%;
}






	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
	

/* inner */
.inner {
	width: 100%;
	padding: 0 5%;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくず */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.fs-c-breadcrumb {
	width: 100%;
}
.fs-c-breadcrumb .fs-c-breadcrumb__list {
	padding: 0 5%;
}

	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* aboutパーツ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#about .box a {
	height: 350px;
}

	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* brandパーツ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#brand .btn {
	right: 5%;
}






	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer .calendar_area {
	width: 350px;
	padding: 30px;
}


#footer .info_area {
	width: -webkit-calc(100% - 350px);
	width: calc(100% - 350px);
	padding: 30px;
}
	#footer .info_area .linklist ul.linkbox li a {
		font-size: 1.4rem;
	}



	
	


}
	







/* max 1023px */
@media screen and (max-width: 1023px) {
	
.pc {
	display: none;
}
	
.sp {
	display: block;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
	display: block;
	background: #fff;
	height: 100px;
	border-bottom: solid 1px #ddd;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#header.is-animation {
	height: 60px !important;
}
#header .area {
	display: block;
	height: auto;
}
	#header .catch {
		width: 100%;
		height: 40px;
		background: #F7F7F7;
		font-size: 1.0rem;
		line-height: 1.2em;
		text-align: center;
		padding: 7px 0 0 0;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	.is-animation .catch {
		background: #fff !important;
		overflow: hidden !important;
		height: 0 !important;
	}


	#header h1 {
		width: 160px;
		margin: auto;
		position: static;
		padding: 14px 0 0 0;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	.is-animation h1 {
		padding: 7px 0 0 0 !important;
	}


	#header ul.infolist {
		display: none;
	}
	
	#menuarea .searchbox .header__searchform .fs-p-searchForm__input {
		font-size: 16px;
	}


	#header .menubox {
		width: 60px;
		height: 60px;
		background: #FFAF00;
		position: absolute;
		top: 40px;
		right: 0;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	.is-animation .menubox {
		top: 0 !important;
	}
		#header .menubox .menu {
			width: 60px;
			height: 60px;
		}
		#header .menubox .menu span {
			display: block;
			position: absolute;
			width: 26px;
			border-bottom: solid 1px #fff;
			-webkit-transition: .35s ease-in-out;
			-moz-transition: .35s ease-in-out;
			transition: .35s ease-in-out;
			left: 50%;
			margin-left: -12px;
		}
		#header .menubox .menu span:nth-child(1) {
			top: 20px;
		}
		#header .menubox .menu span:nth-child(2) {
			top: 29px;
		}
		#header .menubox .menu span:nth-child(3) {
			top: 38px;
		}

		/* 最初のspanをマイナス45度に */
		#header .menubox .menu.active span:nth-child(1) {
			top: 29px;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		/* 2番目と3番目のspanを45度に */
		#header .menubox .menu.active span:nth-child(2),
		#header .menubox .menu.active span:nth-child(3) {
			top: 29px;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* グローバルナビ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#globalnav {
	display: none;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
	
/* txt */
.txt {
	font-size: 1.3rem;
	line-height: 2em;
}
	
	
/* btn */
.btn {
	width: 70%;
	margin: auto;
}
	.btn a {
		height: 60px;
		font-size: 1.4rem;
		border-radius: 30px;
	}

	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* aboutパーツ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#about {
	display: block;
	width: 100%;
}
	#about .box {
		width: 100%;
	}
		#about .box a {
			height: 220px;
			background: url("https://hikarimiso.itembox.design/item/img/box_arrow.png") no-repeat right bottom / 30px;
		}
			#about .box a .headtitle h2 {
				font-size: 2.0rem;
			}
			#about .box a .headtitle .en {
				font-size: 1.2rem;
			}

	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* brandパーツ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#brand {
	padding-bottom: 80px;
}
	#brand .list .box {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}
	#brand .list .box:nth-child(2n) {
		margin-right: 0;
	}
	#brand .list .box:nth-child(3),
	#brand .list .box:nth-child(9),
	#brand .list .box:nth-child(15),
	#brand .list .box:nth-child(21),
	#brand .list .box:nth-child(21),
	#brand .list .box:nth-child(27) {
		margin-right: 4%;
	}
		#brand .list .box a .pht {
			border-radius: 0 0 20px 0;
		}

		#brand .list .box a h3 {
			font-size: 1.6rem;
			line-height: 1.4em;
			padding: 12px 0 6px 0;
		}


	#brand .btn {
		position: static;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* pagetitle */
#pagetitle {
	height: 210px;
	margin-top: 100px;
}
	#pagetitle .en {
		font-size: 1.6rem;
	}

	#pagetitle h1 {
		padding-top: 73px;
		font-size: 3.0rem;
		padding-bottom: 15px;
	}

/* title */
.title {
	padding-bottom: 40px;
	background: url("https://hikarimiso.itembox.design/item/img/icon_title.png") no-repeat left 10px;
}
	.title h2 {
		font-size: 3.8rem;
	}

	.title .jp {
		font-size: 1.6rem;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくず */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.fs-c-breadcrumb {
	padding-top: 20px !important;
}
	.fs-c-breadcrumb .fs-c-breadcrumb__list {
		padding: 0 5%;
	}
		.fs-c-breadcrumb .fs-c-breadcrumb__list .fs-c-breadcrumb__listItem.last {
			font-size: 1.0rem;
		}
			.fs-c-breadcrumb .fs-c-breadcrumb__list .fs-c-breadcrumb__listItem a {
				font-size: 1.0rem;
			}








	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* SP ナビ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#spnav {
	width: 100%;
	background: #FFAF00;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}
	#spnav ul li {
		width: 20%;
		border-right: solid 1px rgba(255,255,255,0.3);
	}
	#spnav ul li:nth-last-child(1) {
		border-right: none;
	}
		#spnav ul li a {
			display: block;
			height: 70px;
			text-align: center;
			padding: 17px 0 0 0;
		}
			#spnav ul li a img {
				width: 20px;
			}
	
			#spnav ul li a span {
				display: block;
				font-size: 1.0rem;
				letter-spacing: 0;
				line-height: 1;
				color: #fff;
			}
	
	#spnav ul li.search .searchbox {
		display: none;
		width: 100%;
		position: absolute;
		bottom: 70px;
		left: 0;
	}
		#spnav ul li.search .searchbox .header__searchform {
			width: 100%;
			height: 46px;
			overflow: hidden;
			background: #e9e9e9;
			border: none;
			border-radius: 0;
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
		}
		#spnav ul li.search .searchbox .header__searchform .fs-p-searchForm__input {
			width: -webkit-calc(100% - 40px);
			width: calc(100% - 30px);
			border: none;
			background: #e9e9e9;
			font-size: 16px;
			padding: 15px;
		}
		#spnav ul li.search .searchbox .header__searchform .fs-p-searchForm__button {
			width: 40px;
			height: 100%;
			text-indent: 0;
			border: none;
			background: #e9e9e9;
		}
			#spnav ul li.search .searchbox .header__searchform .fs-p-searchForm__button img {
				width: 60%;
				padding-top: 5px;
			}







	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	padding-bottom: 70px;
}
#footer .inner_max {
	display: block;
}
	#footer .calendar_area {
		width: 100%;
		padding: 40px 0;
	}
		#footer .calendar_area .swiper-container {
			padding: 0 40px;
		}
		#footer .calendar_area #calendar {
		}
			#footer .calendar_area #calendar table {
				width: 100%;
				border-collapse: collapse;
				background: #fff;
				margin-bottom: 15px;
			}
	
		#footer .swiper-button-prev {
			left: 5px;
		}
		#footer .swiper-button-next {
			right: 5px;
		}
		#footer .calendar_area .swiper-button-next:after,
		#footer .calendar_area .swiper-button-prev:after {
			color: #FFAF00;
		}

		#footer .calendar_area ul {
			padding-left: 40px;
		}
			#footer .calendar_area ul li {
				font-size: 1.0rem;
			}
			#footer .calendar_area ul li:before {
				width: 6px;
				height: 6px;
			}


	#footer .info_area {
		width: 100%;
		padding: 0;
		position: relative;
	}
			#footer .info_area ul.linklist {
				display: flex !important;
				display: -webkit-flex;
				justify-content: space-between;
				padding-bottom: 0;
			}
				#footer .info_area ul.linklist li {
					width: 50%;
					margin-bottom: 0;
					border-right: solid 1px #ddd;
					border-top: solid 1px #ddd;
				}
					#footer .info_area ul.linklist li a {
						display: block;
						font-size: 1.2rem;
						letter-spacing: 0.02em;
						padding: 15px 0 15px 10%;
						background: url("https://hikarimiso.itembox.design/item/img/list_arrow.png") no-repeat 5% center / 5px;
					}

			#footer .info_area ul.btnlist li {
				width: 50%;
				border-right: solid 1px rgba(255,255,2550.3);
				border-bottom: solid 1px rgba(255,255,2550.3);
				margin-right: 0;
				margin-bottom: 0;
			}
			#footer .info_area ul.btnlist li:nth-child(2n) {
				border-right: none;
			}
				#footer .info_area ul.btnlist li a {
					height: 60px;
					font-size: 1.3rem;
					letter-spacing: 0.02em;
					line-height: 60px;
					border-radius: 0;
					background: #FFAF00 url("https://hikarimiso.itembox.design/item/img/icon_blank.png") no-repeat 95% center;
				}

		#footer .info_area .copyright {
			padding: 20px 0;
			border-top: none;
			font-size: 1.0rem;
			position: static;
		}










}





/* 1024px */
@media screen and (min-width: 1024px) {







/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */	
#footer .swiper-container {
	margin-left: 0;
	margin-right: 0;
	position: static;
	overflow: visible;
	list-style: none;
}
	#footer .swiper-container .swiper-wrapper {
		position: static;
		width: auto;
		height: auto;
		display: block;
		transition-property: transform;
		transform: translate3d(0px, 0px, 0px) !important;
		box-sizing: content-box;
	}
	#footer .swiper-button-next:after,
	#footer .swiper-button-prev:after {
		display: none;
	}
}


	
