/*
Theme Name: auto-ishihara
Author: tomo
*/


/* ------------------------------------------ reset css ------------------------------------------ */
/*
  Made by Elly Loel - https://ellyloel.com/
*/
*{margin:0;padding:0;line-height:calc(0.25rem+1em+0.25rem)}*,::before,::after{box-sizing:border-box}*:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}
html{block-size:100%;-webkit-text-size-adjust:none}
@media(prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}
body{text-rendering:optimizeSpeed;min-block-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(input,button,textarea,select),:where(input[type="file"])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit}:where(textarea){resize:vertical}
@supports(resize:block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}
h1{font-size:2em}:where(ul,ol){list-style-position:inside}:where(ul,ol)[role="list"]{list-style:none}
a:not([class]){text-decoration-skip-ink:auto}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){cursor:pointer;touch-action:manipulation}:where(input[type="file"]){cursor:auto}:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{cursor:pointer}
@media(prefers-reduced-motion:no-preference){:focus-visible{transition:outline-offset 145ms cubic-bezier(0.25,0,0.4,1)}:where(:not(:active)):focus-visible{transition-duration:0.25s}}:where(:not(:active)):focus-visible{outline-offset:5px}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;text-align:center}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])[disabled]{cursor:not-allowed}

/* ------------------------------------------ // ------------------------------------------ */

@keyframes fadeInUp {
	0% {
		opacity:0; 
		transform:translate3d(0,100px, 0)
	}
	
	to {
		opacity:1;
		transform:translateZ(0)
	}
}

.animation {
	opacity:0; 
		transform:translate3d(0,100px,0)
}

.fadeInUp.scrollIn{
	animation: fadeInUp 0.5s ease-in-out 1 forwards;
	transform: translate3d(0, 100px, 0);
}

/* ------------------------------------------ page 共通 ------------------------------------------ */

html {
	font-size: 62.5%;
}

body {
	font-family: "kozuka-gothic-pr6n", sans-serif;
	font-weight: normal;
	position: relative;
    overflow-x: hidden;
	font-size: 62.5%;
	font-size: 1.6rem;
}

main {
	position: relative;
}

.page-wrap {
	overflow: hidden;
	position: relative;
}

.zenhaba {
	position: relative;
	left: 50%;
	width: 100vw;
	transform: translate(-50%, 0);
}

.fot-kozuka {
	font-family: "kozuka-gothic-pr6n", sans-serif;
}

.fot-notoserif {
	font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.fot-notosans {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
	
.mg-t0 {
	margin-top: 0 !important
}

.mg-b0 {
	margin-bottom: 0 !important
}

.lh-1 {
	line-height: 1;
}

.fw-bold {
	font-weight: bold;
}

.fw-semibold {
	font-weight: 600;
}

.fw-medium {
	font-weight: 500;
}

.fw-normal {
	font-weight: normal;
}

.cr-fff {
	color: #fff;
}

.cr-b50e01 {
	color: #b50e01;
}

.bg-fff {
	background-color: #fff;
}

.bg-000 {
	background-color: #000;
}

.bg-ca0404 {
	background-color: #ca0404;
}

.bg-ede8e8 {
	background-color: #ede8e8;
}

.bg-f5f5f5 {
	background-color: #f5f5f5;
}

.bg-e5e1e1 {
	background-color: #e5e1e1;
}

.bg-f8f8f8 {
	background-color: #f8f8f8;
}

.block {
	display: block;
}

.in-block {
	display: inline-block;
}

.flex {
	display: flex;
}

.align-c {
	text-align: center;
}

.align-r {
	text-align: right;
}

.align-l {
	text-align: left;
}

.mg-auto {
	margin-right: auto;
	margin-left: auto;
}

.mg-right {
	margin: 0 0 0 auto;
}

a {
	transition: all 0.5s;
}

a:hover {
	opacity: 0.7;
}

.pc {
	display: block !important;
}

.mb {
	display: none;
}

@media screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}
	
	.mb {
		display: block !important;
	}
}

/* header */
.header {
	padding: 0 0 1rem 0;
    width: 100%;
    z-index: 15;
	/*
	height: 7vw;
	padding: 0 0.2vw 0 0.535vw;*/
}

.header__container {
	max-width: 95%;
	padding: 0 1vw 0 0;
	height: 100%;
	justify-content: space-between;
	padding-bottom: 0.5vw;
}

.header__logo {
	width: 370px;
	width: 18.5vw;
	width: 12vw;
	margin-top: -0.24vw;
	align-items: center;
}

.header__nav {
	flex-wrap: wrap;
}







.headerMenu .menu {
	display: flex;
	list-style-type: none;
	align-items: center;
	position: absolute;
    right: 3.25vw;
	top: 27px;
    top: 1.35vw;
}

.headerMenu .menu .menu-item {
	margin-right: 15px;
	margin-right: 0.75vw;
}

.headerMenu .menu .menu-item:last-child {
	margin-right: 0;
}

.headerMenu .menu .menu-item a{
	color: #000;
    text-decoration: none;
    letter-spacing: 0.05em;
    font-size: 2rem;
	font-size: 1vw;
	font-size: 0.9vw;
    line-height: 1;
    display: block;
	font-weight: bold;
}

.headerContact {
	width: 100%;
	justify-content: flex-end;
	/*margin-top: 112px;
	margin-top: 5.59vw;*/
}

.headerContact__store {
	align-items: flex-end;
    margin-bottom: 0.6vw;
	margin-bottom: 0.3vw;
}

.headerContact__store__item.first {
	margin-right: 53px;
    margin-right: 2.65vw;
	position: relative;
}

.headerContact__store__item.first::after {
	content: "";
	width: 0.2vw;
    height: 3.9vw;
	height: 2.9vw;
    position: absolute;
    top: -0.5vw;
	top: -0.18vw;
    right: -1.5vw;
	background-color: #000;
}

.headerContact__store__item a {
	font-size: 1.2vw;
	font-size: 1vw;
	color: #000;
	line-height: 1;
	text-decoration: none;
}

.headerContact__store__item a span {
	font-size: 1.5vw;
	font-size: 1.2vw;
	display: block;
    margin-top: 10px;
    margin-top: 0.5vw;
}

.headerContact__btn {
	padding-top: 3px;
	background: url(assets/img/btn-bg.png) center top;
	width: 20rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	margin-left: 1.65vw;
	margin-top: 3.2vw;
	border-radius: 100px;
/*    width: 347px;
	height: 56px;
	width: 17.35vw;
    height: 2.8vw;
	line-height: 56px;
	line-height: 2.8vw;
	background-image: url(assets/img/btn-bg.png);
	font-size: 3rem;
	font-size: 1.5vw;
	background-size: cover;
	margin-left: 33px;
    margin-left: 1.65vw;
	margin-top: 5.5vw;
	
    width: 14.7vw;
    height: 2.3vw;
    font-size: 1.1vw;
    margin-top: 3.8vw;*/
}

.headerContact__btn a {
	text-decoration: none;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
	.header {
		height: 15.65vw;
		padding: 0;
	}
	
	.header__container {
		max-width: none;
		padding-left: 0.54vw;
		padding-right: 0;
	}
	
	.header__logo {
    	width: 28.23vw;
    	margin-left: 4vw;
		margin-left: 0;
}
	
	.headerContact {
		margin-top: 4.67vw;
	}
	
	.headerContact__btn {
		width: 32.14vw;
		height: 6.59vw;
		margin-top: 0;
		margin-right: 17.30vw;
		line-height: 6.59vw;
		font-size: 3.5vw;
		background-image: url(assets/img/btn-bg_mb.png);
}
	
	
	
	.gNav{
position: absolute;
z-index: 999;
top: 73px;
right: -180%;
width: 100%;
/* height: 100%; */
background: #d6cdac;
transition: all 0.6s;
}

.gNav {
top: 80px;
}

/*アクティブクラスがついたら位置を0に*/
.gNav.panelactive{
top: 0;
right: 0;
background-color: #fff;
width: 100%;
}

/*ナビゲーションの縦スクロール*/
.gNav__wrap{
/*ナビの数が増えた場合縦スクロール*/
/*position: fixed;*/
padding: 7.5vw 11.72vw 12.814vw 8.125vw;
z-index: 999; 
width: 100%;
height: 100vh;/*表示する高さ*/
overflow: hidden;
-webkit-overflow-scrolling: touch;
border-bottom: solid 2.188vw #019FAE;
border-color: #ca0404;
}

.gNav ul {
/*padding: 5vw;*/
/*height: 50vh;*/
	list-style: none;
}

.gNav ul li {
line-height: 1;
	border-bottom: solid 1px #707070;
}

.gNav ul li a {
	display: block;
	padding-bottom: 8vw;
padding-bottom: 6vw;
	padding-top: 6vw;
font-size: 4.376vw;
/*line-height: calc(40 / 14);*/
color: #000;
	text-decoration: none;
		font-family: "acumin-pro", sans-serif;
	font-weight: 700;
}
	
	.gNav__wrap img {
		width: 60vw;
    margin: auto;
	}
	
.openbtn1{
position: absolute;
z-index: 9999;
top: 3vw;
bottom: 0;
right: 4.39vw;
margin: 0;
cursor: pointer;
width: 7.96vw;
height: 7vw;
}
	
.openbtn1.mb::after {
    content: "MENU";
    font-size: 2.6vw;
    position: absolute;
    bottom: -4.3vw;
    color: #d11402;
    font-weight: 600;
}

  
/*×に変化*/  
.openbtn1 span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 6.874vw;
border-radius: 2px;
/*width: 45%;*/
background: #d11402;
width: 7.96vw;
height: 1.37vw;
left: 0;
right: 0;
top: calc((100% - 0.765vw)/2) !important;
margin: auto;
}

.openbtn1 span:nth-of-type(1) {
/*top:6.874vw;*/
transform: translateY(-2.8vw);
}

.openbtn1 span:nth-of-type(2) {
/*top:10.69vw;*/
transform: translateY(0);
}

.openbtn1 span:nth-of-type(3) {
/*top:14.504vw;*/
transform: translateY(2.8vw);
}

.openbtn1.active span:nth-of-type(1) {
/*top: 9vw;
left: 7vw;
transform: translateY(6px) rotate(-45deg);
/*width: 30%;*/
transform: rotate(45deg);
}

.openbtn1.active span:nth-of-type(2) {
opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
/*top: 12vw;
left: 7vw;
transform: translateY(-6px) rotate(45deg);
/*width: 30%;*/
transform: rotate(-45deg);
}
}
/* // */


/* footer */
.footer__container {
	max-width: 82vw;
	padding: 1.5vw 1vw 0;
}

.footerInfo {
	justify-content: space-between;
}

.footerInfo__company__logo {
	width: 12.15vw;
	margin-bottom: 1.65vw;
}

.footerInfo__company__text__address {
	font-size: 1.2vw;
	font-size: 0.9vw;
	line-height: calc(36 / 24);
	margin-bottom: 2.85vw;
}

.footerInfo__company__text__address.first {
	margin-bottom: 1.8vw;
}

.footerInfo__menu__list {
	margin-top: 3.5vw;
	list-style-type: none;
}

.footerInfo__menu__list.one-row {
	margin-right:2.8vw;
	position: relative;
}

.footerInfo__menu__list.one-row::before {
	content: "";
	width: 1px;
	height: 21.8vw;
	height: 11.8vw;
	position: absolute;
	left: -3.8vw;
    top: -3.35vw;
	top: -0.15vw;
	background-color: #000;
}

.footerInfo__menu__list__item a {
	display: block;
	font-size: 1.2vw;
	font-size: 0.9vw;
    line-height: calc(44 / 24);
    text-decoration: none;
    letter-spacing: 0.05em;
    color: #000;
}

.footer__privacypolicy {
	margin-bottom: 0.25vw;
}

.footer__privacypolicy__link {
	width: 8vw;
	margin: 0 0 0.65vw auto;
	padding-bottom: 0.35vw;
	text-decoration: none;
	font-size: 0.6vw;
	letter-spacing: 0.15em;
	border-bottom: solid 1px #000000;
	text-decoration: none;
	color: #000;
}

.footerCopyright {
	font-size: 1.5vw
    height: 3vw;
    line-height: 3vw;
    text-align: center;
}


@media screen and (max-width: 768px) {
	.footer__container {
		overflow: hidden;
		flex-wrap: wrap;
        max-width: none;
		padding: 0;
	}
	
	.footer__companyInfo {
		flex-wrap: wrap;
	}
	
	.footer__companyInfo__logo {
    width: 44vw;
    margin-right: 0;
}
	
	.footer__companyInfo__text__cname {
    margin: 5vw 0 2vw;
    font-size: 4.4vw;
}

	.footer__companyInfo__text__address {
    font-size: 3.3vw;
}
	
	.footer__privacypolicy {
    margin: 6vw auto 0;
}
	
	.footer__privacypolicy__link {
    width: 45vw;
    margin: 0 auto 2vw auto;
    padding-bottom: 1.8vw;
    font-size: 3vw;
}
	
	
	.footerCopyright {
        font-size: 3.84vw;
        height: 7.96vw;
        line-height: 7.96vw;
    }
}
/* // */

.homeSection {
	position: relative;
}

.home__container {
	max-width: 890px;
}

@media screen and (min-width: 769px) and (max-width: 900px) {
	.home__container {
	max-width: 90% !important;
}
}

@media screen and (max-width: 768px) {
	.home__container {
		max-width: 90%;
	}
}

/* linkBtn */
.pageBtn {
	width: 19.8vw;
    height: 3.45vw;
    line-height: 3.45vw;
	position: relative;
	z-index: 100;
}

.pageBtn__link {
	padding-left: 5.75vw;
	font-size: 1.2vw;
	text-decoration: none;
}

.pageBtn__link::after {
	content: "▼";
	position: absolute;
	right: 4.75vw;
	top: 1.5vw;
	font-size: 0.6vw;
	line-height: 1;
	transform: rotate(-90deg);
}

.pageBtn__link__image{
	vertical-align: middle;
	width: 1.84vw;
	height: 1.84vw;
	margin-right: 0.75vw;
}

/* section title */
.home__heading {
	margin-bottom: 2.1vw;
}

.homeHeading {
	position: relative;
}

.homeHeading__content {
	align-items: baseline;
}

.homeHeading__textMain {
	font-size: 48px;
	font-size: 2.4vw;
	font-size: 2vw;
}

@media screen and (max-width: 768px) {
	.pageBtn {
        width: 39.83vw;
        height: 6.86vw;
	}
	
	.pageBtn__link {
		padding-left: 8.51vw;
		font-size: 3.84vw;
    	line-height: 6.86vw;
		align-items: center;
	}
	
	.pageBtn__link::after {
    	right: 2.74vw;
    	top: 2.19vw;
    	font-size: 2.74vw;
}
}

@media screen and (max-width: 768px) {
	.home__heading {
		margin-bottom: 5.76vw;
	}
	
	.homeHeading__textMain {
		font-size: 6.59vw;
		/*line-height: calc(30 / 24);*/
	}
}
/* // */

/* ------------------------------------------ // ------------------------------------------ */

/* ------------------------------------------ top page ----------------------------------- */
/* mv */
.mv {
	height: 26.25vw;
	position: relative;
	background-size: cover;
    background-position: center;
}

.mv__cp {
    position: relative;
    z-index: 10;
    padding: 5.8vw 0 0 10.08%;
	font-size: 3vw;
	line-height: calc(90 / 60);
	padding: 8.8vw 0 0 10.08%;
    font-size: 2.5vw;
}

@media screen and (max-width: 768px) {
	.mv {
        height: 64.01vw;
		background-image: url(assets/img/mv-mb.jpg) !important;
}
	
	.mv__cp {
        /* top: 68vw; */
        padding-top: 6vw;
		padding-left: 0;
	}
	
	.mv__cp__svg {
    /*width: 52vw;*/
		height: 12.6vw;
}
	
	.mv__cp__text {
		margin-top: 3vw;
        font-size: 5vw;
        height: 10vw;
        line-height: 1.6;
}
}
/* // */

/* about */
.homeAbout {
	background-repeat: repeat;
}

.homeAbout__container {
	max-width: 75%;
    margin: auto;
	padding: 5.85vw 1vw 3.1vw;
	position: relative;
}

.homeAbout__content__cp{
	font-size: 1vw;
    line-height: calc(40 / 24);
    margin-top: 3rem;
	margin-bottom: 3rem;
	letter-spacing: 0.1em;
}

.homeAbout__content__images {
	justify-content: space-between;
	margin-bottom: 6rem;
}

.homeAbout__content__images__item {
	width: 47.2%;
	height: 20.8vw;
	background-size: cover;
	position: relative;
}

.homeAbout__content__images__item::after {
	content: "あま店スタッフ";
	position: absolute;
	bottom: -35px;
	color: #fff;
	font-size: 1vw;
}

.homeAbout__content__images__item--2::after {
	content: "一宮店スタッフ";
}

/* 共通 
.homeSection__content__cp, .pageBlock__content__cp {
	font-size: 24px;
    line-height: calc(40 / 24);
    margin-top: 42px;
}

@media screen and (max-width: 768px) {
.homeSection__content__cp, .pageBlock__content__cp {
	margin-bottom: 6vw;
    font-size: 4.4vw;
    letter-spacing: 0em;
}
}
/* // */




@media screen and (max-width: 768px) {
	.homeAbout {
		background-color: transparent;
	}
	
	.homeAbout::after {
		content: "";
		width: 100%;
        height: 78.29vw;
		background-color: #ca0404;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	
	.homeAbout__container {
		max-width: calc(100% - 4.70vw);
		padding: 6.59vw 0 0;
	}
	
	.homeAbout .homeHeading__textMain {
		text-align: center;
	}
	
	.homeAbout__content__cp {
		margin-bottom: 11.26vw;
		font-size: 3.84vw;
		line-height: calc(24 / 14);
		text-align: center;
}
	
	.homeAbout__content__images__item {
		width: 43.40vw;
		height: 23.90vw;
	}
	
	.homeAbout__content__images__item::after {
		bottom: -6vw;
		color: #000;
		font-size: 2.6vw;
}
	
	.homeAbout__content__images {
    	margin-bottom: 4rem;
	}
	
}

/* news */
.homeNews {
	overflow: hidden;
}

.homeNews__container {
	max-width: 64.8vw;
	position: relative;
	padding: 4.8vw 1vw 4.2vw;
}

.homeNews__heading {
	margin-bottom: 1.7vw;
}

.newsList__item {
	padding: 0.95vw 0.8vw 0.95vw 0.3vw;
    border-bottom: solid 1px #ddd;
}

.newsList__item__link {
	align-items: center;
}

.newsList__item__date  {
	letter-spacing: 0.1em;
    font-size: 1.2vw;
	margin-right: 3.5vw;
}

.newsList__item__title {
	font-size: 1.2vw;
    letter-spacing: 0.1em;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.homeNews .pageBtn {
	margin-top: 1.115vw;
}

@media screen and (max-width: 768px) {
	.homeNews__container {
		max-width: calc(100% - 4.70vw);
		padding: 4.67vw 0 9.04vw;
	}
	
	.newsList {
		flex-wrap: wrap;
	}
	
	.newsList__item {
		width: 100%;
		height: auto;
		padding: 3.02vw
	}
	
	.newsList__item__date {
		font-size: 3.84vw;
		/*margin-left: 10.98vw;*/
		/*margin-right: 10.4vw;*/
}
	
	.newsList__item__title {
    	font-size: 3.84vw;
		line-height: 1;
	}
}

/* service */
.homeService {
	background-size: cover;
    background-position: bottom;
}

.homeService__container {
	position: relative;
	max-width: 82vw;
	padding: 4vw 1vw 6.7vw;
}

.homeService__heading {
	margin-bottom: 3vw;
}

.homeService__content__cp {
	margin-bottom: 4.25vw;
	position: relative;
	z-index: 10;
}

.serviceList {
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
}

.serviceList__item {
	width: 46.8%;
}

.serviceList__item.one-row {
	margin-bottom: 3.65vw;
}

.serviceList__item__title {
	width: 100%;
	height: 9.25vw;
	line-height: 9.25vw;
	background-image: url(assets/img/service-titlebg.jpg);
	background-size: cover;
	font-size: 2.4vw;
	
    height: 8.25vw;
    line-height: 8.25vw;
    font-size: 1.8vw;
}

.serviceList__item__text {
	height: 13.2vw;
	margin-bottom: 2.1vw;
    padding: 1.25vw 2.35vw 1vw 3.5vw;
    font-size: 1.2vw;
    line-height: calc(44 / 24);
    letter-spacing: 0.1em;
    border: solid 1px #070002;
    border-top: none;
	
	font-size: 1vw;
}

.serviceList .pageBtn {
	width: 100%;
}

.serviceList .pageBtn__link {
	padding-left: 38.7%;
}

.serviceList .pageBtn__link::after {
    right: 35.9%;
}




@media screen and (max-width: 768px) {
	.homeService__container {
		max-width: calc(100% - 6.86vw);
		padding-top: 6.86vw;
		padding-bottom: 8.24vw;
	}
	
	.homeService__heading {
    	margin-bottom: 4.12vw;
}
	
	.serviceList {
    	justify-content: center;
	}
	
	.serviceList > .serviceList__item:last-child {
		margin-bottom: 0 !important;
	}
	
	.serviceList__item {
        width: 87.63vw;
    	margin-right: 0;
		margin-bottom: 6.86vw !important;
	}
	
	.serviceList__item__title {
		height: 21.70vw;
		line-height: 21.70vw;
		font-size: 5.60vw;
	}
	
	.serviceList__item__text {
		height: auto;
        margin-bottom: 4.39vw;
        padding: 2.43vw 0 4.67vw 0;
        font-size: 3.5vw;
        line-height: calc(24 / 14);
        letter-spacing: 0.1em;
        border: solid 1px #070002;
        border-top: none;
		text-align: center;
	}
	
	.serviceList .pageBtn {
		width: 39.83vw;
		margin: auto;
}
	
	.serviceList .pageBtn__link {
		padding-left: 8.51vw; 
}
	
	.serviceList .pageBtn__link::after {
		right: 2.74vw;
}
}


/* ------------------------------------------ // ------------------------------------------ */

/* ==========================================
News Archive
========================================== */

.newsArchive {
	padding: 80px 0;
}

.newsArchive__container {
	max-width: 1200px;
	padding: 0 20px;
}

.newsArchiveList {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.newsArchiveItem {
	display: flex;
	gap: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}

.newsArchiveItem__thumb {
	width: 240px;
	flex-shrink: 0;
}

.newsArchiveItem__thumb a {
	display: block;
}

.newsArchiveItem__thumb img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	display: block;
	border-radius: 4px;
}

.newsArchiveItem__body {
	flex: 1;
}

.newsArchiveItem__meta {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 12px;
	font-size: 1.4rem;
	color: #777;
}

.newsArchiveItem__meta span:last-child {
	background: #f5f5f5;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 1.2rem;
}

.newsArchiveItem__title {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 15px;
}

.newsArchiveItem__title a {
	color: inherit;
	text-decoration: none;
}

.newsArchiveItem__title a:hover {
	opacity: .75;
}

.newsArchiveItem__excerpt {
	line-height: 1.8;
	color: #555;
	font-size: 1.1vw
}

.newsArchiveItem__more {
	margin-top: 15px;
}

.newsArchiveItem__more a {
	color: #333;
	text-decoration: none;
	font-size: 1.1vw
}
.newsArchiveItem__more a:hover {
	text-decoration: underline;
}

.newsArchiveItem__more a::after {
	content: " ▶";
	font-size: 0.8em;
}

/* ==========================================
Pagination
========================================== */

.pnavi {
	margin-top: 60px;
}

.nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.nav-links a,
.nav-links span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	padding: 1vw 1vw 0.7vw 1vw;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #333;
	font-size: 1.8rem;
	font-weight: 700;
	transition: .3s;
}

.nav-links {
	gap: 14px;
}

.nav-links a:hover,
.nav-links .current {
	background: #333;
	color: #fff;
	border-color: #333;
}

/* ==========================================
Category
========================================== */

.newsCategoryArea {
	margin-top: 70px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}

.newsCategoryInner {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.newsCategoryTitle {
	display:flex;
	align-items:center;
	font-size:1.8rem;
	font-weight:700;
	margin:0;
	line-height:1;
}

.newsCategoryTitle span{
	margin-left:12px;
	font-weight:400;
	color:#999;
}

.newsCategoryList {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.newsCategoryList li:not(:last-child)::after {
	content: "｜";
	margin: 0 10px;
	color: #999;
}

.newsCategoryList li {
	margin: 0;
}

.newsCategoryList a {
	color: #333;
	text-decoration: none;
}

.newsCategoryList a:hover {
	text-decoration: underline;
}

/* ==========================================
SP
========================================== */

@media screen and (max-width: 768px) {

	.newsArchive {
		padding: 50px 0;
	}

	.newsArchiveItem {
		display: block;
	}

	.newsArchiveItem__thumb {
		width: 100%;
		margin-bottom: 15px;
	}

	.newsArchiveItem__thumb img {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.newsArchiveItem__title {
		font-size: 2rem;
	}
	
	.newsArchiveItem__excerpt {
		font-size: 1.6rem;
	}

	.newsArchiveItem__meta {
		flex-wrap: wrap;
		gap: 8px;
	}
	
	.newsArchiveItem__more a {
		font-size: 1.5rem;
	}
	


	.newsCategoryArea {
		margin-top: 50px;
	}

	.newsCategoryInner {
		align-items: flex-start;
		gap: 12px;
	}

}

/* ==========================================
Category Archive Heading
========================================== */

.newsArchiveHeading {
	margin-bottom: 40px;
	text-align: center;
}

.newsArchiveHeading h3 {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {

	.newsArchiveHeading {
		margin-bottom: 30px;
	}

	.newsArchiveHeading h3 {
		font-size: 2.2rem;
	}

}

/* ==========================================
News Single
========================================== */

.newsSingle {
	padding: 80px 0;
}

.newsSingle__container {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.newsSingleMeta {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 18px;
	font-size: 1.4rem;
	color: #777;
}

.newsSingleMeta span:last-child {
	background: #f5f5f5;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 1.2rem;
}

.newsSingleTitle {
	font-size: 2vw;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 35px;
}

.newsSingleContent {
	font-size: 1.1vw;
	line-height: 2;
}

.newsSingleContent p {
	margin-bottom: 1.8em;
}

.newsSingleContent img {
	max-width: 100%;
	height: auto;
}

.newsSinglePager {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 20px;
	margin-top: 60px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}

.newsSinglePager a {
	color: #333;
	text-decoration: none;
}

.newsSinglePager a:hover {
	text-decoration: underline;
}

.newsSinglePager__prev {
	text-align: left;
}

.newsSinglePager__back {
	text-align: center;
	font-weight: 700;
}

.newsSinglePager__next {
	text-align: right;
}

.newsSinglePager__prev a::before {
	content: "◀ ";
}

.newsSinglePager__next a::after {
	content: " ▶";
}

/* 投稿関連ページ 背景 */

body.blog .pv,
body.single-post .pv,
body.category .pv {
	background-image: url("assets/img/pageNews-bg.jpg");
	background-position: center;
	background-size: cover;
}

@media screen and (max-width: 768px) {

	.newsSingle {
		padding: 50px 0;
	}

	.newsSingleTitle {
		font-size: 2.2rem;
		margin-bottom: 25px;
	}

	.newsSinglePager {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.newsSinglePager__prev,
	.newsSinglePager__back,
	.newsSinglePager__next {
		text-align: center;
	}

}

/* ------------------------------------------ // ------------------------------------------ */



/*--ページ背景--*/
body.page-id-8 .pv {
    background-image: url(assets/img/pageAbout-bg.jpg);
}
body.page-id-37 .pv {
    background-image: url("assets/img/pageCompany-bg.jpg");
}
body.page-id-42 .pv {
    background-image: url("assets/img/pageSyaken-bg.jpg");
}
body.page-id-49 .pv {
    background-image: url("assets/img/pageQuestion-bg.jpg");
}
body.page-id-54 .pv {
    background-image: url("assets/img/pageContact-bg.jpg");
}
body.page-id-58 .pv {
    background-image: url("assets/img/pageKaitori-bg.jpg");
}
body.blog .pv,
body.single-post .pv,
body.category .pv {
	background-image: url("assets/img/pageNews-bg.jpg");
}
body.post-type-archive-store-stock_ama .pv,
body.single-store-stock_ama .pv{
    background-image: url("assets/img/pageZaikoAma-bg.jpg");
}
body.post-type-archive-store-stock_ichi .pv,
body.single-store-stock_ichi .pv{
    background-image: url("assets/img/pageZaikoIchi-bg.jpg");
}

@media screen and (max-width: 768px) {
	body.post-type-archive-store-stock_ama .pv,
	body.single-store-stock_ama .pv{
		background-position: -85vw top;
	}
	body.post-type-archive-store-stock_ichi .pv,
	body.single-store-stock_ichi .pv{
		background-position: right top;
	}
}


/* header Instagram */
.headerInsta__btn {
	width: 4rem;
	height: 4rem;
	margin-top: 3.2vw;
	margin-left: 0.8vw;
	flex-shrink: 0;
}

.headerInsta__btn a,
.headerInsta__btn img {
	display: block;
	width: 100%;
	height: 100%;
}

.headerInsta__btn img {
	object-fit: contain;
}

/* ------------------------------------------
  404 page
------------------------------------------ */

.error404Block {
	padding: 8vw 0 10vw;
}

.error404Block__container {
	width: 80vw;
}

.error404Block__number {
	margin-bottom: 1vw;
	font-size: 6vw;
	line-height: 1;
}

.error404Block__heading {
	margin-bottom: 2vw;
	font-size: 2vw;
}

.error404Block__text {
	font-size: 1.1vw;
	line-height: 2;
}

.error404Block__links {
	display: flex;
	justify-content: center;
	gap: 2.5vw;
	margin-top: 3vw;
}

.error404Block__links a {
	font-size: 1vw;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: .3em;
}