@charset "utf-8";




/* ----------------------------------------------------------------------
 * RESET
 * ---------------------------------------------------------------------- */
input,
textarea,
select,
option {
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

a {
 cursor: pointer;
}

img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	/*-ms-interpolation-mode: bicubic;
	-webkit-interpolation-mode: bicubic;
	interpolation-mode: bicubic;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}



/* ----------------------------------------------------------------------
 * GLOBAL - UTILITY
 * ---------------------------------------------------------------------- */
.g-header:after {
	background-size: contain;
}

.u-content {
	margin: 0 0 130px;
	padding: 130px 0 0;
	background-color: transparent;
}

.u-font__serif {
	font-family: 'Noto Serif JP';
}



/* ----------------------------------------------------------------------
 * GLOBAL - Font
 * ---------------------------------------------------------------------- */
.u-font-colorBlue {
	color: #295aa6;
}

.u-font-colorGold2 {
	color: #c4aa65;
}

.u-font-colorGray {
	color: #888;
}

.u-font-small {
 font-size: 78% !important;
}

.u-text-center  {
 text-align: center;
}

.u-text-left  {
 text-align: left;
}

.u-text-right  {
 text-align: right;
}



/* ----------------------------------------------------------------------
 * GLOBAL - Link
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * GLOBAL - Table
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * GLOBAL - Icon
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * GLOBAL - List
 * ---------------------------------------------------------------------- */
.u-flex {
	display: flex;
	flex-wrap: wrap;
}

.u-flex__center {
	justify-content: center;
}

.u-flex__right {
	justify-content: flex-end;
}

.u-flex__middle {
	align-items: center;
}

.u-flex__bottom {
	align-items: flex-end;
}

.u-flex__reverse {
	flex-direction: row-reverse;
}

.u-flex__between {
	justify-content: space-between;
}

.u-flex__column--2 > * {
	width: calc(100% / 2);
}

.u-flex__column--2-1 > *:nth-child(1) {
	width: calc((100% / 3) * 2);
}

.u-flex__column--2-1 > *:nth-child(2) {
	width: calc(100% / 3);
}

.u-flex__column--3 > * {
	width: calc(100% / 3);
}

.u-flex__column--4 > * {
	width: calc(100% / 4);
}

.u-flex__column--5 > * {
	width: calc(100% / 5);
}

.u-flex__column--6 > * {
	width: calc(100% / 6);
}

.u-flex__column--7 > * {
	width: calc(100% / 7);
}

.u-flexChildWrap {
	margin-right: -25px;
	margin-left: -25px;
}

.u-flexChild {
	padding-right: 25px;
	padding-left: 25px;
}

.u-flexChild.u-flexChildWrap {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}


/* ----------------------------------------------------------------------
 * Global Title
 * ---------------------------------------------------------------------- */
.u-content-title {
 text-align: center;
 margin-bottom: 40px;
}

.u-content-head {
 font-size: 2.4rem;
 line-height: 1.25;
 margin-bottom: 20px;
}

.u-content-lead {
 font-size: 1.8rem;
 line-height: 2;
 margin-bottom: 20px;
}

.u-content-note {
 font-size: 1.4rem;
 line-height: 1.8;
}



/* ----------------------------------------------------------------------
 * Global Button
 * ---------------------------------------------------------------------- */
.u-button {
 font-size: 2.0rem;
 line-height: 1.3;
 text-align: center;
 border: 1px solid #427abe;
 border-radius: 30px;
 max-width: 500px;
 margin: 40px auto 0;
}
.u-button.is-bgRed {
 background-color: #df2d32 !important;
 border: none;
}

.u-button.is-iconPop span:after {
 background-image: url(../img/icon-arrow-right.png);
 background-size: contain;
 background-repeat: no-repeat;
 content: "";
 display: block;
 height: 15px;
 width: 9px;
 position: absolute;
 right: 30px;
 top: calc(50% - 7px);
}

.u-button.is-iconPop.is-bgRed span:after {
 background-image: url(../img/icon-arrow-right-white.png);
}

.u-button.is-iconPop span {
 padding: 17px 50px 17px 30px;
}

.u-button a,
.u-button span {
 color: #427abe;
 display: block;
 position: relative;
}
.u-button.is-bgRed a,
.u-button.is-bgRed span {
 color: #fff;
}

.u-button.is-iconBlank a,
.u-button.is-iconSerch a {
 padding: 17px 20px;
}

.u-button.is-iconBlank span {
 display: inline-block;
 padding-left: 39px;
}

.u-button.is-iconBlank span:after {
 background: url(../img/icon_blank_blue.png) no-repeat center left / contain;
 content: "";
 display: block;
 height: 19px;
 width: 24px;
 position: absolute;
 left: 0;
 top: calc(50% - 9px);
}

.u-button.is-iconSerch span {
 display: inline-block;
 padding-left: 37px;
}

.u-button.is-iconSerch span:after {
 background: url(../img/icon_serch_blue.png) no-repeat center left / contain;
 content: "";
 display: block;
 height: 26px;
 width: 22px;
 position: absolute;
 left: 0;
 top: calc(50% - 13px);
}



/* ----------------------------------------------------------------------
 * margin
 * ---------------------------------------------------------------------- */




/* ----------------------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------------------- */
.g-container {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	-webkit-font-feature-settings: 'pkna';
	-moz-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	line-height: 1;
	letter-spacing: .05em;
 
	background-color: #fff;
	position: relative;
	top: 124px;
	padding-bottom: 124px;
}



/* ----------------------------------------------------------------------
 * KEY VISUAL
 * ---------------------------------------------------------------------- */
.c-kv {
	padding: 41.75% 0 0;
	/*padding: 49.75% 0 0;*/
	position: relative;
	overflow: hidden;
}

.c-kv__title {
	text-align: center;
	width: 80%;
	/*width: 68%;*/
	margin: 3% 0 0;
	position: absolute;
	top: 0;
	/*bottom: 20%;*/
	/*left: 0;*/
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.c-kv__title img {
}

.c-kv__image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.c-kv__image img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}



/* ----------------------------------------------------------------------
 * MENU
 * ---------------------------------------------------------------------- */
.c-menu {
	text-align: center;
	background: #fffbeb;
}

.c-menu-items {
	padding: 40px 0;
	display: flex;
}

.c-menu-item {
	width: calc(100% / 5);
	height: 90px;
	position: relative;
}

.c-menu-item a {
	width: calc(100% - 10px);
	height: 100%;
	display: block;
	border-radius: 5px;
	border: 1px solid #ae8f3c;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0);
}

.c-menu-item a:hover {
	opacity: 1;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	transform: translate(0,-2px);
}

.c-menu-item a:after {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #d81626;
	content: "";
	display: block;
	height: 0;
	width: 0;
	margin: 0.3em auto 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,-100%);
}

.c-menu-item a span {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0;
	text-align: center;
	width: 100%;
	display: block;
	position: absolute;
	top: calc(50% - .5em);
	left: 0;
	transform: translate(0,-50%);
}


/* ----------------------------------------------------------------------
 * ABOUTCHAIN
 * ---------------------------------------------------------------------- */
.c-aboutChain {
	padding: 50px 0 70px;
	/*padding: 50px 0 70px;*/
	color: #fff;
	/*background: #d81626;*/
	background: #0f376b;
	text-align: center;
	position: relative;
	z-index: 11;
}

.c-aboutChain__title {
	font-size: 2.6rem;
	margin-bottom: 30px;
	padding-top: 200px;
	/*padding-top: 30px;*/
}

.c-aboutChain__text {
	line-height: 1.75;
	margin-bottom: 30px;
}

.c-aboutChain__point {
	display: flex;
	gap: 40px;
	width: 790px;
	margin: 0 auto;
	position: absolute;
	top: -82px;
	left: 50%;
	transform: translateX(-50%);
}

.c-aboutChain__point li {
	width: calc(100% / 3);
}


/* ----------------------------------------------------------------------
 * CONTENTS1
 * ---------------------------------------------------------------------- */
.c-contents1 {
	padding: 40px 0 100px;
	background: #fffbeb;
}

.c-contents1__title {
	text-align: center;
	border-bottom: 1px solid #efe5c8;
	padding-bottom: 50px;
}

.c-contents1__main {
}

.c-contents1__Point {
	margin-top: 90px;
}

.c-contents1__Point.c-contents1__Point1 {
	margin-top: 60px;
}

.c-contents1__Point h3 {
	margin-bottom: 20px;
}

.c-contents1__Point .e-copy {
	font-size: 2.8rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

.c-contents1__Point .e-text {
	line-height: 2;
	margin-bottom: 20px;
}

.c-contents1__Point .u-flex .e-copy,
.c-contents1__Point .u-flex .e-text {
	padding-right: 25px;
}

.c-contents1__Point .u-flex.u-flex__reverse .e-copy,
.c-contents1__Point .u-flex.u-flex__reverse .e-text {
	padding-right: 0;
	padding-left: 25px;
}

.c-contents1__Point .e-note {
	font-size: 1.3rem;
	display: block;
	margin-top: 0.5em;
}

.c-contents1__Point .e-link {
	color: #ae8f3c;
	font-weight: 700;
	border-bottom: 1px solid #ae8f3c;
	position: relative;
}

.c-contents1__Point .e-link:after {
	content: "";
	width: 8px;
	height: 12px;
	background: url(../img/icon-arrowText.png) no-repeat center / 100% 100%;	
	display: inline-block;
	margin-left: 0.5em;
	position: absolute;
	top: calc(50% - 6px);
}

.c-contents1__Point figure {
	text-align: center;
}

.c-contents1__Point figure img {
	box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.1);
}

.c-contents1__Point figure figcaption {
	font-size: 1.4rem;
	margin-top: 20px;
}


/* ----------------------------------------------------------------------
 * CONTENTS2
 * ---------------------------------------------------------------------- */
.c-contents2 {
	padding: 100px 0 0;
}

.c-contents2__title {
	text-align: center;
}

.c-contents2__title h2 {
	width: 445px;
	margin: 0 auto 30px;
}

.c-contents2__title p {
	font-size: 2.6rem;
}

.c-contents2__title p b {
	font-size: 150%;
}

.c-contents2__title p small {
	font-size: 80%;
}

.c-contents2__title p b,
.c-contents2__title p small,
.c-contents2__title p span {
	vertical-align: baseline !important;
}

.c-contents2__Points {
	display: flex;
	flex-wrap: wrap;
	margin-top: 100px;
	margin-right: -20px;
	margin-left: -20px;
	margin-bottom: 40px;
}

.c-contents2__Points  > * {
	width: calc(100% / 2);
}

.c-contents2__Point {
	text-align: center;
	margin-bottom: 80px;
	padding-right: 20px;
	padding-left: 20px;
}

.c-contents2__Point_inner {
	border: 1px solid #e9464d;
	padding: 30px;
}

.c-contents2__Point h3 {
	font-size: 2.6rem;
	font-weight: 700;
	background: #fff;
	margin-top: -70px;
	padding: 0 1em;
	display: inline-block;
}

.c-contents2__Point h3:before {
	content: "";
	width: 57px;
	height: 70px;
	background: url(../img/contents2__icon_1.png) no-repeat center / 100% 100%;
	display: inline-block;
	margin-right: 1em;
}

.c-contents2__Point.c-contents2__Point2 h3:before {
	background-image: url(../img/contents2__icon_2.png);
}

.c-contents2__Point.c-contents2__Point3 h3:before {
	background-image: url(../img/contents2__icon_3.png);
}

.c-contents2__Point.c-contents2__Point4 h3:before {
	background-image: url(../img/contents2__icon_4.png);
}

.c-contents2__Point h3 span {
	line-height: 80px;
}

.c-contents2__Point p {
	font-size: 1.5rem;
	line-height: 1.75;
}

.c-contents2__Point figure {
	margin-top: 20px;
}

.c-contents2__Memo {
	background: #d81626;
	color: #fff;
}

.c-contents2__Memo_block {
	padding: 30px 0 60px 40px;
	width: calc(100% - 230px - 40px);
}

.c-contents2__Memo h3 {
	font-size: 2.0rem;
	font-weight: 700;
	border: 2px solid #fff;
	display: inline-block;
	margin-bottom: 25px;
	padding: 0.65em 2em;
}

.c-contents2__Memo p {
	line-height: 1.75;
}

.c-contents2__Memo img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 230px;
}


/* ----------------------------------------------------------------------
 * CONTENTS3
 * ---------------------------------------------------------------------- */
.c-contents3 {
	padding: 100px 0 40px;
}

.c-contents3__title {
	margin-bottom: 40px;
	text-align: center;
	position: relative;
}

.c-contents3__title h2 {
	width: 300px;
	margin: 0 auto 20px;
	padding-bottom: 40px;
}

.c-contents3__title .e-text {
	line-height: 1.75;
}

.c-contents3__title .e-img {
	width: 201px;
	position: absolute;
	right: 80px;
	bottom: -40px;
}

.c-contents3__Items {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.c-contents3__Items > * {
	width: calc(100% / 2);
}

.c-contents3__Item {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 60px;
}

.c-contents3__Item figure {
}

.c-contents3__Item figcaption {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	line-height: 60px;
	background: #af804a;
}

.c-contents3__Item.c-contents3__Item_goose figcaption {
	background: #bbaa96;
}

.c-contents3__Item.c-contents3__Item_mgoose figcaption {
	background: #ddb34c;
}

.c-contents3__Item_data {
	
}

.c-contents3__Item_data .e-nama {
	font-size: 2.2rem;
	font-weight: 700;
	margin-top: 20px;
}

.c-contents3__Item_data .e-nama {
}

.c-contents3__Item_data .e-nama:before {
	content: "";
	width: 93px;
	height: 45px;
	background: url(../img/icon-duck.png) no-repeat center / 100% 100%;
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
}

.c-contents3__Item_goose .c-contents3__Item_data .e-nama:before {
	width: 93px;
	height: 45px;
	background-image: url(../img/icon-goose.png);
}

.c-contents3__Item_mgoose .c-contents3__Item_data .e-nama:before {
	width: 123px;
	height: 45px;
	background-image: url(../img/icon-mgoose.png);
}

.c-contents3__Item_data .e-nama span {
	display: inline-block;
	vertical-align: middle;
}

.c-contents3__Item_data .e-copy {
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	background: #d81626;
	margin-top: 10px;
	padding: 0.75em 0 0.5em;
}

.c-contents3__Item_data .e-data {
	margin-top: 20px;
	overflow: hidden;
}

.c-contents3__Item_data .e-size {
	font-size: 1.2rem;
	line-height: 1.75;
	float: left;
}

.c-contents3__Item_data .e-price {
	/*color: #d81626;*/
	font-size: 4.6rem;
	font-weight: 700;
	float: right;
}

.c-contents3__Item_data .e-price span {
	font-size: 2.4rem;
	font-weight: 700;
	vertical-align: middle !important;
	margin-left: 0.15em;
}

.c-contents3__Item_data .e-price small {
	font-size: 45%;
	vertical-align: baseline !important;
}

.c-contents3__Item_data .e-material {
	color: #99928e;
	font-size: 1.2rem;
	line-height: 1.75;
	border: 1px solid #99928e;
	margin-top: 25px;
	padding: 0.85em 1.5em;
}

.c-contents3__Item_data .e-note {
	font-size: 1.2rem;
	text-align: right;
	margin-top: 10px;
}

.c-contents3__Item_data .e-memo {
	font-size: 1.3rem;
	line-height: 1.75;
	margin-top: 20px;
}

.c-contents3__Item_data .e-memo span {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 50px);
	padding-left: 20px;
}
.c-contents3__Item_data .e-memo img {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
}


/* ----------------------------------------------------------------------
 * CONTENTS4
 * ---------------------------------------------------------------------- */
.c-contents4 {
	background: #fffbeb;
	padding: 100px 0;
}

.c-contents4__Items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: -15px;
	margin-left: -15px;
}

.c-contents4__Items > * {
	width: calc(100% / 2);
}

.c-contents4__Item {
	margin-bottom: 30px;
	padding-right: 15px;
	padding-left: 15px;
}

.c-contents4__Item.c-contents4__title h2 {
	width: 460px;
	margin: 60px auto 0;
}

.c-contents4__Item p {
	font-size: 1.5rem;
	line-height: 1.75;
	background: url(../img/contents4-bg-01.png) no-repeat center / 100% 100%;
	min-height: 206px;
	padding: 40px;
}

.c-contents4__Item:nth-child(3) p,
.c-contents4__Item:nth-child(4) p {
	background-image: url(../img/contents4-bg-02.png);
}

.c-contents4__Item p em {
	text-align: right;
	display: block;
	margin-top: 0.25em;
}

.c-contents4__Item p em span {
	color: #fff;
	font-weight: 700;
	line-height: 25px;
	background: #b3923a;
	display: inline-block;
	padding: 0 1em;
}

.c-contents4__note {
	font-size: 1.2rem;
	text-align: right;
}



/* ----------------------------------------------------------------------
 * CONTENTS5
 * ---------------------------------------------------------------------- */
.c-contents5 {
	padding: 100px 0 0;
}

.c-contents5__title {
	width: 50%;
	margin: 0 auto 50px;
}

.c-contents5__main {
	margin-bottom: 100px;
}

.c-contents5__subtitle {
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
	background: #d81626;
	border-radius: 30px 30px 0 0;
	margin-bottom: 30px;
	padding: 0.85em 0;
}

.c-contents5__subtitle span {
	position: relative;
	padding-left: 76px;
}

.c-contents5__subtitle span:before {
	content: "";
	width: 61px;
	height: 61px;
	background: url(../img/icon-contents5.png) no-repeat center / 100% 100%;
	display: inline-block;
	position: absolute;
	top: -25px;
	left: 0;
}

.c-contents5__Items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: -15px;
	margin-left: -15px;
}

.c-contents5__Items > * {
	width: calc(100% / 2);
}

.c-contents5__Item {
	margin-bottom: 30px;
	padding-right: 15px;
	padding-left: 15px;
}

.c-contents5__Item figure {
	position: relative;
	z-index: 0;
}

.c-contents5__Item figcaption {
	margin-top: 15px;
	line-height: 1.75;
}

.c-contents5__Item--arrow a:hover figcaption {
	text-decoration: underline;
}

.c-contents5__Item--arrow figure {
	position: relative;
}

.c-contents5__Item--arrow figure:before {
	content: '';
	width: 7%;
	margin: 45.5% 3% 0 0;
	padding: 7% 0 0;
	background: #d81626 url("/contents/nishikawa-chain/img/arrow-01.png") no-repeat top 50% left 56% / 25% auto;
	display: block;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
}

.c-contents5__Item--arrow figcaption:after {
	content: '';
	width: .5em;
	height: .75em;
	margin: 0 0 0 .5em;
	display: inline-block;
	background: url("/contents/nishikawa-chain/img/arrow-01.png") no-repeat center / 100% 100%;
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-ms-filter: invert(100%);
	filter: invert(100%);
}

.c-shindanshi {
	color: #fff;
	background: #d81626;
	padding: 60px 0 100px;
}

.c-shindanshi__inner {
	padding: 0 50px;
	overflow: hidden;
}

.c-shindanshi figure {
	float: left;
	width: 320px;
	border: 3px solid #fff;
}

.c-shindanshi_box {
	float: right;
	width: calc(100% - 320px - 65px);
}

.c-shindanshi_box .e-text {
	line-height: 2;
	margin-bottom: 30px;
}

.c-shindanshi_box .e-btn {
	color: #d81626;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
	line-height: 60px;
	background: #fff;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
}

.c-shindanshi_box .e-btn span:before {
	content: "";
	width: 8px;
	height: 13px;
	background: url(../../../global/img/arrow-red-right-03.png) no-repeat center / 100% 100%;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

.c-shindanshi_link {
	text-align: center;
	margin-top: 50px;
}

.c-shindanshi_link a {
	color: #fff;
	font-weight: 700;
	border-bottom: 1px solid #fff;
	position: relative;
}

.c-shindanshi_link a:before {
	content: "";
	width: 8px;
	height: 13px;
	background: url(../../../global/img/arrow-white-right-03.png) no-repeat center / 100% 100%;
	display: inline-block;
	position: absolute;
	top: 0.1em;
	right: -1em;
}



/* ----------------------------------------------------------------------
 * ActionButton
 * ---------------------------------------------------------------------- */
.c-actionButton {
	background: #d81626;
	padding: 40px 0;
}

.c-actionButton__button {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
}

.c-actionButton__button a {
	color: #d81626;
	display: inline-block;
	background: #fff;
	border: 1px solid #d81626;
	border-radius: 100px;
	width: 400px;
	padding: 20px 0;
}

.c-actionButton__button a em {
	padding: 0 0 0 60px;
	display: inline-block;
	position: relative;
}

.c-actionButton__button a em:before {
	content: '';
	width: 24px;
	height: 26px;
	display: inline-block;
	background: url("../img/icon-search.png") no-repeat center / 100% 100%;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translate(0,-50%);
}


/* ----------------------------------------------------------------------
 * SHOP LP
 * ---------------------------------------------------------------------- */
.g-header--shop,
.g-footer--shop {
	display: none;
}

.g-footer {
	position: relative;
}

.c-shoplpHeader__name {
	color: #765b3b;
	font-size: 3.4rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .1em;
	width: 100%;
	padding: 0 260px;
	display: none;
	position: absolute;
	top: calc(50% - .1em);
	left: 0;
	transform: translate(0,-50%);
}

.is-scroll .c-shoplpHeader__name {
	font-size: 2.4rem;
	padding: 0 210px;
}

.c-shoplpHeader__name small {
	font-size: 1.6rem;
	letter-spacing: .1em;
	margin: .75em 0 0;
	display: block;
}

.is-scroll .c-shoplpHeader__name small {
	font-size: 1.3rem;
}

.c-shoplpHeader__tel {
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: 0;
	display: none;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-47.5%);
}

.is-scroll .c-shoplpHeader__tel {
	font-size: 2.2rem;
	right: 20px;
}

.c-shoplpHeader__tel:before {
	content: '';
	width: 1.25em;
	height: 1.25em;
	display: inline-block;
	border-radius: 3px;
	background: #c4aa65 url("/contents/nishikawa-chain/shops/icon-tel.png") no-repeat center / 65% auto;
	transform: translate(0,-.15em);
}

.c-actionButton__buttonShop {
	color: #d81626;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	display: none;
}

.is-shoplp_url .c-actionButton__buttonShop {
	display: block;
}

.c-actionButton__buttonShop a {
	color: #d81626;
	min-width: 400px;
	padding: 20px 0;
	display: inline-block;
	background: #fff;
	border: 1px solid #d81626;
	border-radius: 100px;
}

.c-actionButton__buttonShop a em {
	padding: 0 0 0 60px;
	display: inline-block;
	position: relative;
}

.c-actionButton__buttonShop a em:before {
	content: '';
	width: 24px;
	height: 26px;
	display: inline-block;
	background: url("../img/icon-search.png") no-repeat center / 100% 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}

.c-actionButton__buttonShop.js-tel {
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
}

.c-actionButton__buttonShop.js-tel:before {
	content: 'ご予約はこちらの電話番号まで：';
	color: #c19a33;
	font-size: 1.8rem;
}

.c-shoplpFooter {
	padding: 60px 0;
	display: flex;
	justify-content: center;
	position: relative;
	align-items: center;
	z-index: 10;
}

.c-shoplpFooter .c-shoplpHeader__tel {
	color: #000;
}

.c-shoplpFooter .c-shoplpHeader__name {
	font-size: 3rem;
}

.c-actionButton__buttonShopTel {
	color: #fff;
	font-size: 5rem;
	font-weight: 700;
	text-align: center;
	margin: 20px 0 0;
	display: none;
}

.c-actionButton__buttonShopTel a {
	color: #fff;
}

.c-actionButton__buttonShopTel:before {
	content: 'ご予約はこちらの電話番号まで：';
	color: #fff;
	font-size: 2rem;
}

.is-shoplp_name .g-header.inc-header,
.is-shoplp_name .g-footer.inc-footer,
.is-shoplp_name .g-header .g-header-button,
.is-shoplp_name .g-footer-logo,
.is-shoplp_name .g-footer-nav,
.is-shoplp_name .l-copyright,
.is-shoplp_name .c-actionButton__button {
	display: none;
}

.is-shoplp_name .g-header.g-header--shop,
.is-shoplp_name .g-footer.g-footer--shop,
.is-shoplp_name .c-shoplpHeader__name,
.is-shoplp_name .c-shoplpHeader__tel,
.is-shoplp_name .c-actionButton__buttonShopTel {
	display: block;
}

.is-shoplp_name.is-shoplp_url .c-actionButton__buttonShopTel {
	display: none;
}

.is-color--1 .g-footer {
	background-color: #f4e3b4;
}



/* ----------------------------------------------------------------------
 * MODAL
 * ---------------------------------------------------------------------- */
#modal-main {
 background-color: #fff;
 display: none;
 max-width: 800px;
 width: 80%;
 height: auto;
 max-height: 80%;
 margin: 0;
 padding: 0;
 position:fixed;
 z-index: 9999;
 overflow-y: auto;
}

.modal-main-inner {
 padding: 60px 50px;
 position: relative;
}

.modal-main-inner:after {
	background: url(../img/modal-close.png) no-repeat center / contain;
 content: "";
 display: block;
 height: 50px;
 width: 50px;
 position: absolute;
 right: 20px;
 top: 20px;
}

#modal-main h2 {
 color: #295aa6;
 font-size: 2.6rem;
 line-height: 1.2;
 text-align: center;
 margin-bottom: 30px;
}

#modal-main figure {
 overflow: hidden;
}

#modal-main figure p {
 width: 40%;
}

#modal-main figure span {
 display: block;
 margin-top: 10px;
}

#modal-main figure figcaption {
 float: right;
 width: 60%;
 line-height: 1.8;
 padding-left: 40px;
}

#modal-bg {
 display:none;
 width:100%;
 height:100%;
 background-color: rgba(0,0,0,0.85);
 position:fixed;
 top:0;
 left:0;
 z-index: 999;
}




/* ----------------------------------------------------------------------
 * POPUP
 * ---------------------------------------------------------------------- */
/*
.Popup {
	position: relative;
	position: fixed;
	bottom: 30px;
	left: 30px;
	z-index: 999;
}
.Popup-img {
	width: 300px;
  animation: SlideIn 1s;
	animation-fill-mode:forwards;
}

.Popup.is-popHidden .Popup-img,
.Popup.is-popHidden .Popup-img.PopupClose + p.Popup-btn,
.Popup-img.PopupClose {
  animation: SlideOut 0.3s;
	animation-fill-mode:forwards;
}
	
.Popup-img .e-img {
	box-shadow: 20px 20px 20px 0px rgb(0 0 0 / 10%);
}
	
.Popup-img .e-close {
	height: 30px;
	width: 30px;
	position: absolute;
	top: -10px;
	right: -10px;
}

.Popup-btn {
	position: fixed;
}
	
.Popup-img.PopupClose + p.Popup-btn {
	color: #fff;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
	writing-mode: vertical-rl;
	background: #b3923a;
	border-radius: 0 20px 20px 0;
	padding: 0 1.2em 0 0.8em;
	height: 230px;
	box-shadow: 20px 20px 20px 0px rgb(0 0 0 / 10%);
	bottom: 30px;
	left: 0;
  animation: SlideIn 1.6s;
	animation-fill-mode:forwards;
}
	
.Popup-img.PopupClose + p.Popup-btn:after {
	content: "";
	width: 8px;
	height: 12px;
	background: url(../../../global/img/arrow-white-right-03.png) no-repeat center / 100% 100%;
	display: inline-block;
	margin-left: 0.5em;
	position: absolute;
	top: calc(50% - 6px);
	right: 10px;
}

@keyframes SlideIn {
  0% {
    opacity: 1;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes SlideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-330px);
  }
}
*/


/* POPUP */
.Popup {
	position: fixed;
	bottom: 30px;
	left: 30px;
	z-index: 999;
}

.Popup-img {
	width: 300px;
	position: absolute;
	transform: translate(-20px,-100%);
	opacity: 0;
	visibility: hidden;
	transition: .3s cubic-bezier(.8,0,.4,1) .3s;
}

.popup-close .Popup-img {
	transition: .3s cubic-bezier(.8,0,.4,1) 0s;
}

.Popup-img .e-close {
	height: 30px;
	width: 30px;
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
}

.Popup-btn {
	color: #fff;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
	writing-mode: vertical-rl;
	background: #b3923a;
	border-radius: 0 20px 20px 0;
	padding: 0 1.2em 0 0.8em;
	height: 230px;
	box-shadow: 0;
	position: absolute;
	bottom: 0;
	left: -30px;
	transform: translate(-100%,0);
	transition: .3s cubic-bezier(.8,0,.4,1) 0s;
	cursor: pointer;
}


.popup-active .Popup-img {
	opacity: 1;
	visibility: visible;
	transform: translate(0,-100%);
}

.popup-foot-hide .Popup-img,
.popup-close .Popup-img {
	opacity: 0;
	visibility: hidden;
	transform: translate(-20px,-100%);
}

.popup-active.popup-close .Popup-btn {
	box-shadow: 20px 20px 20px 0px rgb(0 0 0 / 10%);
	transform: translate(0,0);
	transition: .3s cubic-bezier(.8,0,.4,1) .3s;
}

.popup-active.popup-close .Popup-btn:after {
	content: "";
	width: 8px;
	height: 12px;
	background: url(../../../global/img/arrow-white-right-03.png) no-repeat center / 100% 100%;
	display: inline-block;
	margin-left: 0.5em;
	position: absolute;
	top: calc(50% - 6px);
	right: 10px;
}

.popup-active.popup-close.popup-foot-hide .Popup-btn {
	transform: translate(-100%,0);
}







.c-prevention {
	padding: 50px 0 40px;
	background: #d9f1db;
}

.c-prevention__text {
	color: #525252;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .15em;
}

.c-prevention__items {
	margin: 20px 0 0;
	padding: 0 100px;
	display: flex;
}

.c-prevention__item {
	width: calc(100% / 3);
	display: flex;
	align-items: center;
}

.c-prevention__item figure {
	width: 80px;
}

.c-prevention__item em {
	color: #48974e;
	font-size: 1.8rem;
	font-weight: 700;
	white-space: nowrap;
	padding: 0 0 0 20px;
	display: inline-block;
}
