@charset "utf-8";

.in-illust-box01 {
	bottom: 45%;
}

.in-illust-box02 {
	top: 25%;
}

/*===========================================================

===========================================================*/

.echizenSpotWr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
    width: 100%;
}

.echizenBr01 br {
    display: block;
}


.menuTitLunch {
    font-family: var(--font-family01);
    letter-spacing: 0;
    line-height: 1.1310em;
    color: var(--quaternary);
    text-stroke: 8px var(--white);
    -webkit-text-stroke: 8px var(--white);
    paint-order: stroke;
    font-weight: 400;
}

.menuTitDinner {
    font-weight: 400;
    font-family: var(--font-family01);
    letter-spacing: 0;
    line-height: 1.1310em;
    color: var(--primary);
    text-stroke: 8px var(--white);
    -webkit-text-stroke: 8px var(--white);
    paint-order: stroke;
}

.menuTit {
    font-size: 35px;
}

.inMenuTit02 {
    font-size: 20px;
}


.inEchizenMinTit {
    font-size: 20px;
    font-weight: bold;
}

.inEchizenMinTitBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.inEchizenMinTitBox:before,.inEchizenMinTitBox:after {
    content: "";
    width: 1px;
    height: 28px;
    content: "";
    background-color: var(--base-font-color);
}

.inEchizenMinTitBox:before {
    margin-right: 0.5em;
    transform: rotate(-30deg);
}

.inEchizenMinTitBox:after {
    margin-left: 0.5em;
    transform: rotate(30deg);
}

.dinnerAboutBox {
    -webkit-text-size-adjust: ('none' '100%' 'auto');
    background-color: var(--base-bg-color) !important;
    background-image: url(/system_panel/uploads/images/base_bg.jpg) !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: contain !important;
    background-repeat: repeat !important;
    font-family: var(--base-font-family);
    letter-spacing: 0;
    color: var(--base-font-color);
}

/*---ループスライダー---*/

.loopImgBx01 {
    width: 245px;
    padding-top: 165px;
    position: relative;
    margin: 0 12.5px;
}

.loopWrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: auto;
}

.loopImgBx01>img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
}

.loopImgArea {
  display: flex;
}

.loopImgArea {
	-webkit-animation: loop 100s -50s linear infinite;
	animation: loop 100s -50s linear infinite;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}

.loopWrap .loopImgArea:last-child {
	-webkit-animation: loop2 100s linear infinite;
	animation: loop2 100s linear infinite;
}

.loopImgBx01>img {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*ここまで*/

.loopImgBx img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
}

/*アニメーション*/
@-webkit-keyframes loop {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	}

@keyframes loop {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	to {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	}

@-webkit-keyframes loop2 {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		transform: translateX(-200%);
	}
	}

@keyframes loop2 {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-200%);
		-ms-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}

.gjs-dashed .loopWrap {
    display: block;
    height: auto;
    overflow: auto;
}

.gjs-dashed .loopImgArea {
    -webkit-animation: auto !important;
    animation: auto !important;
    flex-wrap: wrap;
}

.gjs-dashed .loopImgBx01 {
    width: 24%;
    padding-top: 15%;
    height: auto;
    margin: 0.5%;
    border: 3px solid #fff;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


/*===========================================================

===========================================================*/



} /* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


/*===========================================================

===========================================================*/

.inMenuTit02 {
    font-size: 22px;
}

.inEchizenMinTit {
    font-size: 25px;
}

} /* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {

.echizenSpotWr {
    grid-template-columns: repeat(2, 1fr);
}

/*===========================================================
ループスライダー
===========================================================*/

.loopImgBx01 {
    width: 490px;
    padding-top: 330px;
}

} /* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


/*===========================================================

===========================================================*/

.menuTit {
    font-size: 50px;
}

.inMenuTit02 {
    font-size: 28px;
}

.inEchizenMinTit {
    font-size: 33px;
}

.echizenBr01 br {
    display: none;
}
  
} /* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


/*===========================================================

===========================================================*/

.echizenSpotWr {
    gap: 80px;
}

} /* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


/*===========================================================

===========================================================*/



} /* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {




} /* min-width: 1520px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */