@charset "UTF-8";
:root {
	--ui-bottom-tall: 0; 
	--ui-lastscroll-top: 0;
	--cl-theme: #3B6C88;
	--cl-background: #fff;
	--cl-light: #D2DDE3;
	--cl-link: #1B99D2;
	--cl-pageink: #080808;
	--cl-pageink-hover: var(--cl-link);
	--cl-pageink-active: var(--cl-light);
	--header-height-wide: 0px;
	--header-height-smp: 0px;
	--footer-bg-color: #7298AF;
	--share-space: 4rem;
	--share-smp-space: 1.6rem;
	--share-smp-padding: 1.8rem;
	--bindwrap-width: 1024px;
	--contents-width: 720px;
}
@media only screen and (max-width: 640px) {
	:root {
		--share-space: var(--share-smp-space);
	}
}

/**/
* {
	font-weight: inherit;
}
html,body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 1em;
}
body {
	background-color: var(--cl-background);
	color: var(--cl-pageink);
	font-family: var(--font-g3);
	font-weight: 400;
	letter-spacing: 0.04em;
	z-index: 0;
}
a:link,a:visited {
	color: var(--cl-pageink);
}
a:hover {
	color: var(--cl-pageink-hover);
}
a:active {
	color: var(--cl-pageink-active);
}
.im-wide {
	width: 100%;
	height: auto;
}
.align-L {
	text-align: left;
}
.align-C {
	text-align: center;
}
.align-R {
	text-align: right;
}

/**/
h1 {
	font-size: 1.6rem;
	line-height: 1.5em;
	font-weight: 500;
	margin-bottom: 1em;
}
h2 {
	font-size: 1.5rem;
	line-height: 1.5em;
	font-weight: 500;
	margin-bottom: 1em;
}
h3 {
	font-size: 1.4rem;
	line-height: 1.5em;
	font-weight: 600;
	margin-bottom: 1em;
}
h3 {
	font-size: 1.3rem;
	line-height: 1.5em;
	font-weight: 600;
	margin-bottom: 1em;
}
h4 {
	font-size: 1.2rem;
	line-height: 1.5em;
	font-weight: 600;
	margin-bottom: 1em;
}
h5 {
	font-size: 1.1rem;
	line-height: 1.5em;
	font-weight: 600;
	margin-bottom: 1em;
}
h6 {
	font-size: 1.0rem;
	line-height: 1.5em;
	font-weight: 600;
	margin-bottom: 1em;
}
p {
	line-height: 1.8em;
}
.wrap {
	margin-left: auto;
	margin-right: auto;
}

/**/
.wide-bind {
	padding: var(--share-smp-space);
	margin-left: auto;
	margin-right: auto;
}
.contents-bind {
	padding: var(--share-smp-space);
	max-width: var(--contents-width);
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width:1024px) {
	.wide-bind {
		padding: 0;
		max-width: var(--bindwrap-width);
		margin-left: auto;
		margin-right: auto;
	}
	.contents-bind {
		padding: 0;
	}
}
@media only screen and (min-width:800px) {
	.div2colum.cfix-wide .div-L {
		padding-right: 0.8em;
	}
	.div2colum.cfix-wide .div-R {
		padding-left: 0.8em;
	}
}
@media only screen and (max-width:799px) {
	.cfix-wide .div-L {
		margin-bottom: 1.4em;
	}
	.wide-bind .wide-bind {
		padding-left: 0;
		padding-right: 0;
	}
	.wide-bind .contents-bind {
		padding: 0;
	}
}

/**/
.margin-bot-section {
	margin-bottom: var(--share-space);
}
.margin-bot {
	margin-bottom: calc(var(--share-space) *0.5);
}
.margin-bot-large {
	margin-bottom: calc(var(--share-space) *2);
}
.margin-bot-off {
	margin-bottom: 0 !important;
}
.margin-top-large {
	margin-top: calc(var(--share-space) *2);
}
@media only screen and (max-width: 640px) {
	.margin-bot-section {
		margin-bottom: var(--share-smp-space);
	}
	.margin-bot {
		margin-bottom: calc(var(--share-smp-space) *0.5);
	}
	.margin-bot-large {
		margin-bottom: calc(var(--share-smp-space) *1);
	}
	.margin-bot-section.wide-bind {
		margin-bottom: 0;
	}
	.margin-top-large {
		margin-top: calc(var(--share-space) *1);
	}
}
.wrap-pad {
	padding: 1.4em;
}
.pad-bot-off {
	padding-bottom: 0;
}

/**/
.object-fit-parent {
	position: relative;
	z-index: 0;
	display: block;
}
	.object-fit-parent::before {
		content: "";
		display: block;
		padding-top: 68%;
	}
	.object-fit-parent > img {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		top: 0;
		left: 0;
	}

/**/
.section-title {
	font-weight: 300;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.8em;
	letter-spacing: 0.0em;
	text-indent: 0.2em;
	margin-top: -0.2em;
	margin-bottom: var(--share-space);
}

/**/
.section-hgroup {
	border-left: solid 5px var(--cl-pageink);
	padding-left: 0.86em;
	font-size: 1.0em;
	line-height: 1em;
	margin-bottom: calc(var(--share-space) *0.75);
}
@media only screen and (max-width: 640px) {
	.section-hgroup {
		margin-bottom: var(--share-smp-space);
		margin-top: 0.5em;
	}
}
	.section-hgroup i {
		display: inline-block;
		font-size: 1.6em;
		font-weight: 500;
		letter-spacing: 0.18em;
		margin-top: -0.4em;
		margin-bottom: 0.5em;
	}
	.section-hgroup .label {
		font-size: 0.9em;
		line-height: 1.1em;
		letter-spacing: 0.5em;
		opacity: 1.0;
		margin-bottom: 0;
	}

.copytitle {
	font-size: 1.5em;
	font-family: var(--font-min);
	font-weight: 400;
	letter-spacing: 0.16em;
	line-height: 1.5em;
	margin-bottom: 0.6em;
}

/**/
article.c {
	padding: 1.4em;
}
.hgroup h1 {
	margin-bottom: 0.6em;
}
.hgroup .entitle {
	display: block;
	font-size: 36px;
	line-height: 1em;
	font-weight: 600;
	text-transform: uppercase;
}

/**/
.centering-titles {
	text-align: center;
	margin-bottom: var(--share-space);
}
	.centering-titles .mainlabel {
		font-size: 1.6rem;
		letter-spacing: 0.26em;
		font-weight: 400;
		display: block;
	}
	.centering-titles .sublabel {
		font-size: 0.8em;
		letter-spacing: 0.38em;
		margin-top: 1.2em;
		font-weight: 400;
		opacity: 0.6;
	}
@media only screen and (max-width: 640px) {
	.centering-titles {
		margin-bottom: var(--share-smp-space);
	}
	.centering-titles.wide-bind {
		margin-bottom: 0;
	}
	.wide-bind > .centering-titles {
		padding-top: 0;
	}
}

/**/
.nav-central {
	text-align: center;
}
	.nav-central > .bt {
		width: 100%;
		max-width: 340px;
	}

/**/
.vis-face {
	min-height: 9rem;
	background: rgb(110,156,184);
	background: linear-gradient(0deg, rgba(110,156,184,1) 0%, rgba(144,184,208,1) 100%);
	position: relative;
	z-index: 0;
}
.vis-face .im-wrap {
	display: block;
}
.vis-face .bind {
	max-width: 1070px;
	margin-left: auto;
	margin-right: auto;
}
.vis-face .cell {
	display: block;
	position: relative;
	z-index: 0;
	margin-bottom: 0;
}
.vis-face .bgi {
	position: relative;
	z-index: 0;
}
.vis-face .bgi::before {
	content: "\2009";
	display: block;
	padding-top: 260px;
}
.vis-face .bgi img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}
.vis-face .titles {
	color: #fff;
	text-align: center;
	padding-top: 6rem;
	padding-bottom: 2rem;
	text-shadow: 0 0px 3px rgba(0, 0, 0, 0.26);
}
	.vis-face .titles .mainlabel {
		font-size: 3rem;
		font-weight: 500;
		letter-spacing: 0.06em;
		display: block;
	}
	.vis-face .titles .sublabel {
		font-size: 1.3rem;
		font-weight: 500;
		display: block;
		margin-top: 0.6em;
		letter-spacing: 0.1em;
	}
@media only screen and (max-width:1070px) {
	.vis-face .wide-bind {
		padding: 0;
	}
	.vis-face .bgi::before {
		padding-top: 80%;
	}
}
@media only screen and (max-width: 640px) {
	.vis-face {
		min-height: 20vh;
	}
	.vis-face .bind {
		max-width: 100%;
	}
	.vis-face .bgi::before {
		padding-top: 26vh;
	}
	.vis-face .titles {
		padding-top: 12vh;
		padding-bottom: 1rem;
	}
	.vis-face .titles .mainlabel {
		font-size: 7vw;
	}
	.vis-face .titles .sublabel {
		font-size: 3.6vw;
	}
}

main,
.first-section {
	padding-top: 4rem;
	min-height: 16rem;
}
@media only screen and (max-width: 640px) {
	main,
	.first-section {
		padding-top: 0.0rem;
	}
}

.section-last-nav {
	text-align: center;
	margin-top: calc(var(--share-space) *0.75);
}
	.section-last-nav > .bt {
		min-width: 280px;
	}

/**/
.article-texts {
	font-size: 1.0em;
}
	.article-texts li {
		margin-bottom: 0;
		border: solid 1px #ebebeb;
		border-left: none;
		border-right: none;
		border-bottom-width: 0;
	}
	.article-texts li:last-child {
		border-bottom-width: 1px;
	}
	.article-texts li a {
		padding: 1.1em 0;
		align-items: center;
	}
		.article-texts li a > * {
			padding: 0 1em;
		}
		.article-texts li a time {
			width: 20%;
			font-size: 1.0em;
			letter-spacing: 0.12em;
			opacity: 0.7;
		}
		.article-texts li a h3 {
			width: 80%;
			font-size: 1.0em;
			line-height: 1.5em;
			font-weight: 400;
			padding-left: 0em;
			margin-bottom: 0;
		}
@media only screen and (max-width: 640px) {
	.article-texts li {
		font-size: 3.4vw;
	}
	.article-texts li a {
		padding: 0.8em 0;
	}
		.article-texts li a > * {
			padding: 0 0;
		}
		.article-texts li a time {
			width: 100%;
			margin-bottom: 0.5em;
		}
		.article-texts li a h3 {
			width: 100%;
		}
}

/*products-articles*/
.products-articles {
	
}
.products-articles .prodcat01 {
	background-color: var(--cl-light);
}
	.products-articles .prodcat01 .wrap {
		align-items: center;
	}
	.products-articles .prodcat01 .wrap > article {
		width: 42%;
		padding-right: 3rem;
	}
		.products-articles .prodcat01 .wrap > article nav {
			margin-top: 2rem;
		}
	.products-articles .prodcat01 .wrap > figure {
		width: 58%;
	}
	.products-articles .prodcat01 p {
		font-weight: 400;
	}
@media only screen and (max-width: 640px) {
	.products-articles .prodcat01 .wrap > article {
		width: 100%;
		padding-right: 0;
		order: 2;
	}
	.products-articles .prodcat01 .wrap > figure {
		width: 100%;
		order: 1;
		margin-bottom: calc(var(--share-smp-space) *0.9);
	}
}

.products-articles .prodcat01.hoshizaki {
	background-color: #E8F2FB;
	margin-top: 0;
}

.products-articles .prodcatother {
	padding-top: calc(var(--share-space) *1.0);
	padding-bottom: calc(var(--share-space) *1.0);
}
.products-articles .prodcatother .cells {
	margin: 0 -1em;
	justify-content: space-between;
}
	.products-articles .prodcatother .cells > li {
		width: 33.33%;
		padding: 0 1em;
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
	}
		.products-articles .prodcatother .cells > li .cover {
			display: block;
			margin-bottom: 1.4rem;
		}
			.products-articles .prodcatother .cells > li .cover::before {
				padding-top: 68%;
			}
			
		.products-articles .prodcat01 h3,
		.products-articles .prodcatother h3,
		.title-blue {
			color: #1B99D2;
			letter-spacing: 0.2em;
			margin-bottom: 1rem;
		}
		.products-articles .prodcatother .cells > li p {
			font-size: 0.8em;
			font-weight: 400;
			margin-bottom: 1rem;
		}
		.products-articles .prodcatother .cells > li nav {
			margin-top: auto;
		}
		.products-articles .prodcatother .cells > li nav > .bt {
			font-size: 0.8em;
			border-color: #ebebeb;
			border-width: 1px;
			background-color: #f7f7f7;
		}
@media only screen and (max-width: 640px) {
	.products-articles .prodcatother {
		padding-top: calc(var(--share-smp-space) *1.0);
		padding-bottom: calc(var(--share-smp-space) *1.0);
	}
	.products-articles .prodcatother .cells > li {
		width: 50%;
		margin-bottom: var(--share-smp-space);
	}
		.products-articles .prodcatother .cells > li .cover {
			margin-bottom: calc(var(--share-smp-space)*0.5);
		}
		.products-articles .prodcatother h3 {
			font-size: 4vw;
			margin-bottom: 0.5em;
		}
}
	
/**/
.gallery-articles {
	background-color: var(--cl-light);
}	
	.gallery-articles .wrap {
		align-items: center;
	}
	.gallery-articles .wrap > .images {
		width: 45%;
	}
		.gallery-articles .wrap > .images > figure {
			width: 50%;
		}
			.gallery-articles .wrap > .images > figure::before {
				padding-top: 100%;
			}
	.gallery-articles .wrap > article {
		width: 55%;
		padding: 0 3rem;
	}
		.gallery-articles .wrap > article > .section-hgroup {
			font-weight: 400;
		}
		.gallery-articles .wrap > article > .copytitle {
			
		}
		.gallery-articles .wrap > article > p {
			font-size: 0.9em;
		}
		.gallery-articles .wrap > article > nav {
			margin-top: 2rem;
		}
@media only screen and (max-width: 640px) {
	.gallery-articles .wrap {
		padding: 0;
	}
	.gallery-articles .wrap > .images {
		width: 100%;
		order: 2;
	}
	.gallery-articles .wrap > article {
		width: 100%;
		order: 1;
		padding: var(--share-smp-space);
	}
}	
	
/**/
.delivery-articles {
	background-color: var(--cl-light);
	margin-top: var(--share-space);
}
.delivery-articles .wrap {
	align-items: center;
}
	.delivery-articles .wrap > article {
		width: 50%;
	}
	.delivery-articles .wrap > figure {
		width: 50%;
	}
	.delivery-articles .wrap > figure > img {
		width: 100%;
		height: auto;
	}
@media only screen and (max-width: 640px) {
	.delivery-articles {
		margin-top: 0;
	}
	.delivery-articles .wrap > article {
		width: 100%;
		order: 1;
		margin-bottom: var(--share-smp-space);
	}
		.delivery-articles .wrap > article .copytitle {
			font-size: 5.0vw;
			line-height: 1.7em;
			font-weight: 400;
		}
		.delivery-articles .wrap > article p {
			font-size: 3.6vw;
		}
	.delivery-articles .wrap > figure {
		width: 100%;
		order: 2;
	}
}