@charset "utf-8";


/* ------------------------------------------------------------------------------------------------
 * RESPONSIVE
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1156px) {
	/* SHOP LP */
	.c-shoplpHeader__name {
		font-size: 2.5rem;
	}
	
	.is-scroll .c-shoplpHeader__name {
		padding: 0 200px;
	}
	
	.c-shoplpHeader__tel {
		font-size: 2.6rem;
		right: 20px;
	}
	
	.c-shoplpFooter .c-shoplpHeader__name {
		font-size: 2rem;
		padding: 0 240px;
	}
	
}


@media screen and (max-width:1023px) {
	
} /* END RESPONSIVE 1079x */


@media screen and (max-width:767px) {
	.g-container {
		font-size: 1.4rem;
		min-width: 0;
		letter-spacing: 0;
		overflow: hidden;
		top: 50px;
		padding-bottom: 50px;
	}
	
	.u-inner {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.u-title__hi {
		padding-top: 100px;
	}
	
	.u-title__hi + * {
		margin-top: 20px;
	}
	
	.u-title__hi:before {
		top: 105px;
		transform: translate(-50%,-100%) scale(.75);
	}
	
	.u-title__hi:after {
		margin-bottom: .6em;
	}
	
	.c-difference .u-title__hi:after,
	.c-after-mainte .u-title__hi:after {
		margin-bottom: 1.15em;
	}
	
	.u-title__hi em {
		font-size: 5.2vw;
		line-height: 1.35;
		display: inline-block;
	}
	
	.u-text {
		line-height: 1.5;
	}
	
	
	.u-flex__mobile-none {
		display: block;
	}
	
	.u-flex__mobile-none .u-flexChild {
		width: 100%;
	}
	
	.u-button {
		padding-right: 5%;
		padding-left: 5%;
	}
	
	.u-button > * {
		font-size: 1.2rem;
		width: 100%;
		min-width: 0;
	}
	
	.u-button--arrow-bottom > *:after,
	.u-button--arrow-bottom > .is-open:after {
		bottom: 5px
	}
	
	.c-actionButton {
		padding-top: 25px;
		padding-bottom: 20px;
	}
	
	.c-actionButton__text {
		font-size: 3vw;
	}
	
	.c-actionButton__button {
		font-size: 4.2vw;
		margin-top: 10px;
	}
	
	.c-actionButton__button a {
		min-width: 0;
		padding-top: 1em;
		padding-bottom: 1em;
		display: block;
	}
	
	.c-actionButton__button a em {
		padding-left: 25px;
	}
	
	.c-actionButton__button a em:before {
		width: 18px;
		height: 18px;
	}
	
	
	
	.c-accordion {
		margin-top: 30px;
	}
	
	.c-accordion__title {
		font-size: 1.3rem;
	}
	
	.c-accordion__title > span {
		max-width: 60px;
		margin-left: -10px;
		padding-right: 10px;
	}
	
	.c-accordion__title > span img {
		margin: -1.35em 0 -.5em;
	}
	
	.c-accordion__toggle {
		width: 13px;
		height: 13px;
		right: 12px;
	}
	
	.c-accordion__toggle:before,
	.c-accordion__toggle:after {
		height: 3px;
	}
	
	.c-accordion__inner {
		padding: 15px 20px;
	}
	
	.c-zoom-image {
		width: calc(100% - 80px);
	}
	
	.c-zoom-image__inner {
		padding: 20px;
	}
	
	.c-zoom-image figcaption {
		font-size: 1.1rem;
		line-height: 1.35;
	}
	
	.c-zoom-image__close {
		width: 50px;
		height: 50px;
	}
	
	.c-kv {
		padding-top: 96.5%;
	}
	
	.c-kv__title {
		text-align: left;
		margin-top: 20.5%;
		margin-left: 6%;
	}
	
	.c-kv__title img {
		width: 82%;
	}
	
	.c-menu-items {
		display: block;
	}
	
	.c-menu-item {
		width: 100%;
		height: auto;
		margin: 5px 0 0;
	}
	
	.c-menu-item a {
		width: 100%;
		height: auto;
		padding: .75em 1em .75em 3em;
		display: block;
		position: relative;
		top: auto;
		left: auto;
	}
	
	.c-menu-item a:after {
		top: 50%;
		left: 12px;
		bottom: auto;
		transform: translate(0,-50%);
	}
	
	.c-menu-item a span {
		font-size: 1.5rem;
		text-align: left;
		display: inline-block;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}
	
	
	.c-prologue:after {
		padding: 100% 0 0;
		height: auto;
	}
	
	
	
	.c-prologue__inner {
		margin-top: 40px;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 30px;
	}
	
	.c-prologue__image figure {
		margin-left: -29%;
	}
	
	.c-prologue__induction {
		padding: 1em 0;
	}
	
	.c-prologue__induction p {
		font-size: 3.6vw;
		line-height: 1.75;
		letter-spacing: 0;
	}
	
	.c-prologue__induction p b {
		font-size: 6.7vw;
	}
	
	.c-difference .u-text {
		font-size: 1.1rem;
	}
	
	.c-difference__image figure {
		width: 50%;
	}
	
	.c-difference__title,
	.c-after-mainte__title {
		margin-top: 30px;
		display: block;
	}
	
	.c-difference__title + *,
	.c-after-mainte__title + * {
		margin-top: 10px;
	}
	
	.c-difference__title span img {
		max-width: 40px;
	}
	
	.c-difference__title em,
	.c-after-mainte__title em {
		font-size: 1.7rem;
		line-height: 1.35;
		margin: 10px 0 0;
		padding-left: 0;
		display: block;
	}
	
	.c-difference__main-image {
		margin-bottom: 0;
	}
	
	.c-difference__main-image + .c-accordion .u-float-right {
		margin-left: 0;
		margin-bottom: 15px;
	}
	
	.c-difference__ideal {
		padding: 15px;
	}
	
	.c-difference__ideal h4 {
		margin-top: 0;
	}
	
	.c-difference__ideal h4 + * {
		margin-top: 10px;
	}
	
	.c-difference__ideal h4 em {
		font-size: 1.2rem;
	}
	
	
	.c-difference__corner--2 .u-flexChild:nth-child(2) {
		margin-top: 15px;
	}
	
	
	.c-pitta__title span {
		width: 85px;
	}
	
	.c-pitta__title h3 {
		width: calc(100% - 85px);
		padding: 20px 10px 0 10px;
	}
	
	.c-pitta__title h3 em i {
		font-size: 1.1rem;
		white-space: nowrap;
	}
	
	.c-pitta__title h3 em i:after {
		width: 9px;
		height: 5px;
	}
	
	.c-pitta__wrap .u-flex > div:nth-child(2) {
		width: 100%;
		margin-left: 0;
	}
	
	.c-pitta__inner {
		padding: 15px;
	}
	
	.c-difference__corner--3 ol {
		margin-top: 20px !important;
	}
	
	.c-difference + .c-actionButton {
		margin-top: 30px !important;
	}
	
	.c-richline-head p {
		font-size: 4.2vw;
		letter-spacing: 0;
		margin-top: .75em;
	}
	
	.c-richline-head ul {
		margin-top: .75em;
	}
	
	.c-richline-head ul li {
		font-size: 3.8vw;
		width: calc(100% / 3 - 4px);
		min-width: 0;
		margin-right: 2px;
		margin-left: 2px;
	}
	
	.c-richline__items {
		margin: 20px 0 0;
	}
	
	.c-richline__item {
		padding: 20px 5px 0;
	}
	
	
	.c-richline-pickup {
		margin-top: 50px !important;
		padding-bottom: 20px;
	}
	
	.c-richline-pickup__title {
		padding: 25px 0 0
	}
	
	#anc-free-1 .c-richline-pickup__title img {
		max-width: 230px;
	}
	
	.c-richline-pickup__title + * {
		margin-top: 20px;
	}
	
	.c-richline-pickup h4 {
		font-size: 2.4rem;
		margin-top: 20px;
	}
	
	.c-richline-pickup p {
		font-size: 1.1rem;
		margin: 15px 0 0;
	}
	
	.c-richline__title {
		margin-top: 40px;
		padding-left: 20px;
	}
	
	.c-richline__title:after {
		width: 26px;
		height: 26px;
	}
	
	.c-richline__title span:before {
		font-size: 1.5rem;
	}
	
	.c-richline__title span img {
		max-width: 35px;
	}
	
	.c-richline__title em {
		padding-left: 15px;
	}
	
	.c-richline__title em b {
		font-size: 1.5rem;
		line-height: 1.25;
	}
	
	.c-richline__title + * {
		margin: 15px 0 0;
	}
	
	.c-richline__title + .u-text {
		font-size: 1.3rem;
	}
	
	.c-richline-ex__items {
		margin-top: 20px;
	}
	
	.c-richline-ex__item {
		padding: 10px 10px 10px 0;
		align-items: flex-start;
	}
	
	.c-richline-ex__item > figure {
		width: 125px;
		padding-right: 12px;
		padding-left: 12px;
	}
	
	.c-richline-ex__item > div {
		width: calc(100% - 125px);
	}
	
	
	.c-richline-ex__item h4 {
		font-size: 1.3rem;
	}
	
	.c-richline-ex__item h5 {
		font-size: 1.2rem;
		line-height: 1.25;
	}
	
	.c-richline-ex__item p {
		font-size: 1.1rem;
		line-height: 1.5;
	}
	
	.c-richline-ex__item:nth-child(2) > figure {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.c-richline-detail--2 .problem:after {
		margin-bottom: -10px;
		border-width: 30px 45px 0 45px
	}
	
	.c-richline-detail--2 .main-photo {
		margin-top: 60px !important;
	}
	
	.c-richline-detail--2 .main-photo + .u-text {
		font-size: 1.1rem;
	}
	
	.c-richline-detail--2 .main-photo + .u-text small {
		font-size: 1rem;
	}
	
	.c-richline-detail--3 .main-photo {
		margin-top: 20px !important;
	}
	
	.c-richline-detail--3 .main-photo p {
		font-size: 1.1rem;
		line-height: 1.35;
		width: 48%;
		border-width: 5px;
	}
	
	.c-product-data {
		margin-top: 30px !important;
	}
	
	.c-product-data__inner {
		padding: 0;
		display: block;
	}
	
	.c-product-data__image {
		width: 100%;
		padding: 20px;
	}
	
	.c-product-data__spec {
		width: 100%;
		padding: 0 20px 20px;
	}
	
	.c-richline-detail--3 .c-product-data__image img {
		width: 100%;
		margin: 0;
	}
	
	.c-product-data__name em {
		font-size: 1.8rem;
	}
	
	.c-product-data__name small {
		font-size: 1.2rem;
	}
	
	.c-product-data p {
		font-size: 1.1rem;
	}
	
	.c-product-data hr {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.c-product-data table th {
		font-size: 1.1rem;
	}
	
	.c-product-data table td {
		font-size: 1.1rem;
	}
	
	.c-product-data table td small {
		font-size: 1rem;
	}
	
	.c-product-data p {
		font-size: 1rem;
	}
	
	.c-product-data + .u-mgt__75 {
		margin-top: 30px !important;
	}
	
	.c-product-data__inner:nth-child(n + 2):after {
		width: calc(100% - 40px);
	}
	
	.c-richline-detail--3 .c-accordion h4 span {
		width: 150px;
	}
	
	.c-richline-detail--3 .c-accordion h4 em {
		font-size: 1.5rem;
		margin-top: 8%;
		margin-left: 100px;
		white-space: normal;
	}
	
	.c-richline-detail--3 .c-accordion h5 {
		font-size: 1.5rem;
	}
	
	.c-richline-detail--3 .c-accordion__inner .u-float-right {
		padding: 15px 30px;
		margin-top: 0 !important;
		margin-left: 0;
		margin-bottom: 10px;
	}
	
	.c-richline-detail--3 .c-accordion__inner .u-text {
		font-size: 1.2rem;
	}
	
	.c-actionButton.u-mgt__115 {
		margin-top: 30px !important;
	}
	
	.c-richline--premium .c-richline-pickup {
		margin-top: 6px !important;
	}
	
	.c-richline--premium .c-richline-pickup__title {
		padding-top: 30px !important;
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.c-richline-parts__items {
		margin-top: 30px;
		padding: 0 20px;
		display: block;
	}
	
	.c-richline-parts__item {
		width: 100%;
		min-height: 115px;
		margin-top: 10px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 135px;
		position: relative;
	}
	
	.c-richline-parts__item figure {
		width: 120px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.c-richline-parts__item em {
		font-size: 1rem;
		width: 120px;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	
	.c-richline-parts__item span {
		font-size: 1rem;
	}
	
	.c-richline-parts__items + .u-button {
		margin-top: 30px !important;
	}
	
	.c-after-mainte .u-text {
		font-size: 1.1rem;
	}
	
	.c-after-mainte__title span img {
		width: 40px;
	}
	
	.c-after-mainte-adjust {
		margin-top: 80px;
		padding-top: 30px;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 15px;
	}
	
	.c-after-mainte-adjust__title span {
		font-size: 1.1rem;
		width: 120px;
		height: 75px;
		padding-top: 2.25em;
		top: -10px;
	}
	
	.c-after-mainte-adjust__title em {
		font-size: 1.5rem;
	}
	
	.c-after-mainte-adjust--1 .u-flex figure {
		padding-top: 10px;
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.c-after-mainte-adjust--1 .u-align-right {
		font-size: 1rem;
		margin-top: 10px;
		padding-right: 20px;
	}
	
	.c-after-mainte-adjust--2 figure {
		margin-top: 10px !important;
	}
	
	.c-after-mainte-adjust--3 .u-flexChild {
		width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	.c-after-mainte-adjust--3 .u-flex__mobile-none {
		padding: 0 30px;
	}
	
	.c-after-mainte-adjust--3 .u-flex > div:nth-child(2) {
		margin-top: 20px;
	}
	
	.c-after-mainte-adjust--3 .u-flex > div:nth-child(2) .u-text {
		font-size: 1.1rem;
	}
	
	.c-after-mainte-adjust--3 small {
		font-size: 1rem;
		text-indent: -1em;
		line-height: 1.35;
		padding-left: 1em;
	}
	
	.c-after-mainte__corner--2 .u-mgt__-20 {
		margin-top: 10px !important;
	}
	
	.c-after-mainte__corner--2 .u-button {
		width: 100%;
	}
	
	.l-other-head {
		font-size: 2rem;
		letter-spacing: 0;
		padding-left: 50px;
	}
	
	.l-other-head:before {
		width: 50px;
		left: -10px;
	}
	
	.l-faq-qa .e-title {
		padding: 15px 0;
	}
	
	.l-faq-qa .e-title p:before {
		line-height: 28px;
		width: 30px;
		height: 30px;
		top: -0.35em;
	}
	
	.l-faq-qa .e-title p {
		padding-left: 45px;
		padding-right: 30px;
	}
	
	.l-faq-qa .e-content {
		padding: 20px 15px;
	}
	
	.l-faq-qa .e-content p {
		font-size: 1.1rem;
		line-height: 1.5;
		padding-left: 40px;
	}
	
	.l-faq-qa .e-content p:before {
		line-height: 28px;
		width: 30px;
		height: 30px;
		top: -0.35em;
	}
	
	.c-prevention {
		padding: 30px 0 20px;
	}
	
	.c-prevention__text {
		font-size: 1.3rem;
		line-height: 1.5;
		letter-spacing: 0;
	}
	
	.c-prevention__items {
		margin: 15px 0 0;
		padding: 0;
	}
	
	.c-prevention__item {
		text-align: center;
		display: block;
	}
	
	.c-prevention__item figure {
		width: 60px;
		margin: 0 auto;
	}
	
	.c-prevention__item em {
		font-size: 1.6rem;
		line-height: 1.35;
		margin: 5px 0 0;
		padding: 0;
	}
	
	/* SHOP LP */
	.is-shoplp_url .c-actionButton__buttonShop {
		font-size: 4.2vw;
		margin-top: 10px;
	}
	
	.c-actionButton__buttonShop a {
		min-width: 0;
		padding-top: 1em;
		padding-bottom: 1em;
		display: block;
	}
	
	.c-actionButton__buttonShop a em {
		padding-left: 25px;
	}
	
	.c-actionButton__buttonShop a em:before {
		width: 18px;
		height: 18px;
	}
	
	.c-shoplpHeader__tel {
		font-size: 1.4rem;
		right: 10px;
	}
	
	.c-shoplpHeader__tel:before {
		display: none;
	}
	
	.c-shoplpHeader__tel a {
		text-indent: -9999px;
		width: 42px;
		height: 42px;
		display: inline-block;
		border-radius: 3px;
		background: #c4aa65 url("/contents/nishikawa-chain/shops/icon-tel.png") no-repeat center / 70% auto;
		overflow: hidden;
	}
	
	.c-shoplpFooter {
		text-align: center;
		padding: 0 0 30px;
		display: block;
	}
	
	.c-shoplpHeader__name {
		font-size: 1.8rem;
		letter-spacing: 0;
		padding: 0 60px;
		top: calc(50% + .1em);
	}
	
	.c-shoplpHeader__name small {
		font-size: 1rem;
		letter-spacing: 0;
		margin-top: .4em;
	}
	
	.c-shoplpFooter .c-shoplpHeader__name {
		font-size: 2.4rem;
		max-width: none;
		padding: 0 20px;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}
	
	.c-shoplpFooter .c-shoplpHeader__name small {
		font-size: 1.4rem;
		margin-top: .5em;
	}
	
	.c-shoplpFooter .c-shoplpHeader__tel {
		font-size: 2.6rem;
		margin: 15px 0 0;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
	}
	
	.c-shoplpFooter .c-shoplpHeader__tel a {
		line-height: 1;
		text-indent: 0;
		width: auto;
		height: auto;
		padding-left: 1.5em;
		background: none;
		overflow: visible;
		position: relative;
	}
	
	.c-shoplpFooter .c-shoplpHeader__tel a: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;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0,-50%);
	}
	
	.c-actionButton__buttonShopTel {
		font-size: 3rem;
	}
	
	.c-actionButton__buttonShopTel a:before {
		font-size: 1.6rem;
		margin: 0 0 5px;
		display: block;
		text-align: center;
	}
	
}