@charset "UTF-8";
/*
unit(percentage(275px/@spdesignSize), vw)
マイナスの値の場合は
calc(-1 * unit(percentage(200px/@spdesignSize), vw))

SP時に両サイドに15pxの空きがあるので、768pxのデザインを738pxにして測定
*/
/*--------------------------------------------------------------------------------
common
--------------------------------------------------------------------------------*/
.visibilittyHidden {
	position: absolute !important;
	display: block !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	margin: -1px !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	border: 0 !important;
}

img {
	width: 100%;
}

/*--------------------------------------------------------------------------------
app-header
--------------------------------------------------------------------------------*/
.app-header {
	width: 100%;
}

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

/*--------------------------------------------------------------------------------
area-footer
--------------------------------------------------------------------------------*/
/* .area-footer ._btn-pagetop {
	display: none !important;
} */
.pagetop {
	position: fixed;
	margin: 0;
	padding: 0;
	z-index: 100;
	width: 153px;
	height: 152px;
	bottom: 20px;
	right: calc(50% - 528px);
}
.pagetop img {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.pagetop {
		right: 15px;
		width: 20%;
		height: auto;
	}
}

/*--------------------------------------------------------------------------------
module.css（上書き）
--------------------------------------------------------------------------------*/
@media (max-width: 767px) {
    .mod-wrap-sp {
        padding-right: 0;
        padding-left: 0;
    }
}

/*--------------------------------------------------------------------------------
common.css（上書き）
--------------------------------------------------------------------------------*/
@media (max-width: 767px) {
	h1.mod-heading {
		width: 90%;
        margin-left: 15px;
	}
}


/*--------------------------------------------------------------------------------
wrapper
--------------------------------------------------------------------------------*/
.app-wrapper {
	width: 100%;
	margin: 0 auto;
}

.app-wrapper .app-nav {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	margin-bottom: -1.5px;
	/* padding: 0 1px 0 0; */
	padding: 0;
	background: url(../images/nav_bg.webp) no-repeat;
	background-size: cover;
}

.app-wrapper .app-nav.typeA {
	justify-content: center;
}

.app-wrapper .app-nav.typeB {}

/* .app-wrapper .lead {
	width: 83.2%;
	margin: 5% auto 2%;
} */
.app-wrapper a img {
	transition: 1s;
}
.app-wrapper a img:hover {
	transition: 0.5s;
	opacity: 0.6;
}
.app-wrapper .app-nav li {
	width: 25%;
	list-style: none;
	line-height: 1;
}

.app-wrapper .app-nav.typeA li {
	width: 20%;
}

.app-wrapper .app-nav.typeB li {
	width: 20%;
}

.app-wrapper .app-nav li button {
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	display: grid;
	place-items: center;
	grid-template-areas: a;
}

.app-wrapper .app-nav li img {
	vertical-align: bottom;
	grid-area: a;
}
.app-wrapper .app-nav li button.is-active img {
	transition: opacity 0.3s;
}

.app-wrapper .app-nav li button img:nth-child(1) {
	opacity: 1;
}
.app-wrapper .app-nav li button img:nth-child(2) {
	opacity: 0;
}
.app-wrapper .app-nav li button.is-active img:nth-child(1) {
	opacity: 0;
}
.app-wrapper .app-nav li button.is-active img:nth-child(2) {
	opacity: 1;
}
.app-wrapper .app-item-outer {
	display: none;
	/* padding-right: 1px; */
	margin-top: -1px;
}
.app-wrapper .app-item-outer.active {
	display: block;
}
.app-wrapper .app-item-outer .app-item {
	position: relative;
}
.app-wrapper .app-item-outer .bt,
.app-wrapper .app-item-outer figure {
	position: absolute;
	width: 85%;
	left: 7.5%;
}
.app-wrapper .app-item-outer .app-item.takeout,
.app-wrapper .app-item-outer .app-item.delivery,
.app-wrapper .app-item-outer .app-item.shop,
.app-wrapper .app-item-outer .point {
	position: relative;
}
.app-wrapper .app-item-outer .bt {
	bottom: 12rem;
}
.app-wrapper .app-item-outer figure {
	bottom: 3rem;
}
.app-wrapper .app-item-outer figure p {
	margin: 0 0 0.6em 0;
}
.app-wrapper .app-item-outer .app-item img {
	/* display: block; */
	width: 100%;
	height: auto;
}
.app-wrapper .app-item-outer .app-item a {
	display: block;
	position: absolute;
}
.app-wrapper .app-item-outer .app-item a img {
	display: block;
	width: 100%;
	height: auto;
}
.bland_list {
	position: relative;
}
.bland_list ul {
	width: 800px;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	z-index: 50;
	margin: 0;
	padding: 0;
	top: 30px;
	left: 12.1%;
}
.bland_list ul li {
	list-style-type: none;
}
.bland_list ul li a img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.app-wrapper .app-item-outer .bt {
		bottom: 4.5rem;
	}
	.app-wrapper .app-item-outer figure {
		bottom: 1rem;
	}
	.app-wrapper .app-item-outer figure p {
		margin: 0 0 0.3em 0;
	}
	.bland_list ul {
		width: 80%;
		left: 10%;
		top: 1%;
	}
	.bland_list ul li {
		width: 17%;
		align-items: center;
		justify-content: center;
		display: flex;
		margin: 0 0.5rem;
	}
}

.mv .heading {
	width: 870px;
	max-width: 100%;
	z-index: 10;
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
}

.mv .mv-contentsA {
	position: relative;
	margin-top: 20px;
	margin-bottom: 140px;
}

.mv .mv-contentsA .fade-in {
	width: 82%;
	margin: 0 auto;
	opacity: 0;
	transform: translateY(50px);
	animation: fadeUp 1s ease forwards;
}

@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.mv .mv-contentsA .mv-txtA {
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;
}

.mv .mv-contentsA .area_anchor-link {
	display: flex;
	justify-content: center;
	align-items: end;
	margin-top: 50px;
}

.mv .mv-contentsA .area_anchor-link a {
	display: block;
	width: 170px;
	margin: 0 20px;
}

.mv .mv-contentsA .area_anchor-link a:hover {
	opacity: 0.8;
}

.mv .mv-contentsA .video-area {
	max-width: 774px;
	margin: 0 auto;
	width: 100%;
	margin-top: 90px;
}

.mv .mv-contentsA .video-area .video-txtA {
	width: 51.2%;
	margin: 0 auto;
}

.mv .mv-contentsA .video-area .video-wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	margin-top: 30px;
	padding-top: 56.25%;
}

.mv .mv-contentsA .video-area .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mv .mv-contentsA .icon-area .icon {
	width: 25px;
	position: absolute;
}

.mv .mv-contentsA .icon-area .icon.icon--01 {
	top: 20px;
	left: 40px;
}

.mv .mv-contentsA .icon-area .icon.icon--02 {
	top: 50px;
	right: 270px;
}

.mv .mv-contentsA .icon-area .icon.icon--03 {
	top: 390px;
	left: 30px;
}

.mv .mv-contentsA .icon-area .icon.icon--04 {
	top: 310px;
	left: 430px;
}

.mv .mv-contentsA .icon-area .icon.icon--05 {
	top: 330px;
	right: 70px;
}

.mv .mv-contentsA .icon-area .icon.icon--06 {
	top: 620px;
	left: 120px;
}

.mv .mv-contentsA .icon-area .icon.icon--07 {
	top: 630px;
	right: 120px;
}

.mv .mv-contentsA .icon-area .icon.icon--08 {
	top: 930px;
	left: 40px;
}

.mv .mv-contentsA .icon-area .icon.icon--09 {
	top: 980px;
	left: 280px;
}

.mv .mv-contentsA .icon-area .icon.icon--10 {
	top: 980px;
	right: 260px;
}

.mv .mv-contentsA .icon-area .icon.icon--11 {
	top: 920px;
	right: 60px;
}

.mv .mv-contentsA .icon-area .icon.icon--12 {
	top: 1200px;
	left: 60px;
}

.mv .mv-contentsA .icon-area .icon.icon--13 {
	top: 1200px;
	right: 80px;
}

.mv .mv-contentsA .icon-area .icon.icon--14 {
	top: 1390px;
	right: 10px;
}

.mv .mv-contentsA .icon-area .icon.icon--15 {
	top: 1570px;
	left: 190px;
}

.mv .mv-contentsA .icon-area .icon.icon--16 {
	top: 1540px;
	left: 500px;
}

.mv .mv-contentsA .icon-area .icon.icon--17 {
	top: 1580px;
	right: 250px;
}
.mv .mv-contentsA .icon-area .icon.icon--18 {
	display: none;
}

.mv .mv-contentsA .mv-copyright {
	display: none;
}

.bg-boxA {
	background: #fff;
	padding: 120px 0;
}

.bg-boxA .logo {
	display: block;
	width: 240px;
	margin: 0 auto;
}

.app-wrapper .app-item-outer .app-item .bg-boxA a.link {
	display: block;
	width: 430px;
	margin: 70px auto 0;
	position: relative;
}

.img11-iconA,
.img11-iconB {
	position: absolute;
}

.img11-iconA {
	width: 89px;
	top: 640px;
	left: 430px;
}

.img11-iconB {
	width: 97px;
	bottom: 150px;
	right: 430px;
}

@media screen and (max-width: 767px) {
	.mv .heading {
		width: 95%;
		top: 80px;
	}
	.mv .mv-contentsA {
		margin-bottom: 60px;
	}
	.mv .mv-contentsA .area_anchor-link {
		width: 96%;
		margin: 10px auto 0;
	}
	.mv .mv-contentsA .area_anchor-link a {
		width: 100%;
		margin: 0 6px;
	}
	.mv .mv-contentsA .fade-in {
		width: 95%;
	}
	@keyframes fadeUp {
		to {
			opacity: 1;
			transform: translateY(-10px);
		}
	}
	.mv .mv-contentsA .mv-txtA {
		margin-top: 10px;
	}
	.mv .mv-contentsA .icon-area .icon {
		display: none;
		width: 14px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--01 {
		display: block;
		top: 15px;
		left: 50px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--02 {
		display: block;
		top: 160px;
		right: 60px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--07 {
		display: block;
		top: 220px;
		left: 10px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--08 {
		display: block;
		top: auto;
		bottom: -5%;
		left: 80px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--10 {
		display: block;
		top: auto;
		bottom: -5%;
		right: 70px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--11 {
		display: block;
		top: 250px;
		right: 20px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--12 {
		display: block;
		top: 160px;
		left: 130px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--13 {
		display: block;
		top: 560px;
		right: 40px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--14 {
		display: block;
		top: 63%;
		left: 40px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--16 {
		display: block;
		top: auto;
		bottom: -7%;
		left: 170px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--17 {
		display: block;
		top: 300px;
		left: 40px;
	}
	.mv .mv-contentsA .icon-area .icon.icon--18 {
		display: block;
		top: 330px;
		left: 320px;
	}
	.mv .mv-contentsA .mv-copyright {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.mv .mv-contentsA .video-area {
		width: 90%;
		margin-top: 40px;
	}
	.mv .mv-contentsA .video-area .video-txtA {
		width: 70%;
	}
	.bg-boxA {
		padding: 60px 0;
	}
	.bg-boxA .logo {
		width: 40%;
	}
	.app-wrapper .app-item-outer .app-item .bg-boxA a.link {
		width: 70%;
		margin: 40px auto 0;
	}
	.img11-iconA {
		width: 15%;
		top: 31%;
		left: 20px;
	}
	.img11-iconB {
		width: 15%;
		bottom: 20px;
		right: 0;
		left: 30px;
	}
}

/*--------------------------------------------------------------------------------
PCとSP切り替え
--------------------------------------------------------------------------------*/
.pc_only {display: block;}
.sp_only {display: none;}

@media screen and (max-width: 768px) {
	.pc_only {display: none;}
	.sp_only {display: block;}
}

/*--------------------------------------------------------------------------------
area-app-nav
--------------------------------------------------------------------------------*/
/* .area-app-nav {
	background: url(../images/bg01.webp) no-repeat;
	background-size: cover;
} */

/*--------------------------------------------------------------------------------
動き
--------------------------------------------------------------------------------*/
.rel {
	position: relative;
}

.abs {
	position: absolute;
	display: block;
}

/* メニュー（吹き出し＋キャラ） ----------------------------------------------------*/
.fade-in-A01,
.fade-in-A02,
.fade-in-B01,
.fade-in-B02,
.fade-in-C01,
.fade-in-C02,
.fade-in-D01,
.fade-in-D02,
.fade-in-D03,
.fade-in-D04 {
	position: absolute;
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.4s ease, transform 0.4s ease;
	z-index: 10;
}

/* 発火後 */
.js-scroll.is-active .fade-in-A01,
.js-scroll.is-active .fade-in-A02,
.js-scroll.is-active .fade-in-B01,
.js-scroll.is-active .fade-in-B02,
.js-scroll.is-active .fade-in-C01,
.js-scroll.is-active .fade-in-C02,
.js-scroll.is-active .fade-in-D01,
.js-scroll.is-active .fade-in-D02,
.js-scroll.is-active .fade-in-D03,
.js-scroll.is-active .fade-in-D04 {
  opacity: 1;
  transform: translateY(0);
}

/* 順番制御 */
.js-scroll.is-active .fade-in-A02,
.js-scroll.is-active .fade-in-B02,
.js-scroll.is-active .fade-in-C02,
.js-scroll.is-active .fade-in-D02 {
  transition-delay: 0.3s;
}

.js-scroll.is-active .fade-in-D03 {
  transition-delay: 0.5s;
}

.js-scroll.is-active .fade-in-D04 {
  transition-delay: 0.6s;
}

.fade-in-A01 {
	width: 290px;
	top: 30px;
	left: 60px;
}

.fade-in-A02 {
	width: 143px;
	top: 70px;
	left: 310px;
}

.fade-in-B01 {
	width: 320px;
	top: 30px;
	left: 150px;
}

.fade-in-B02 {
	width: 200px;
	top: 180px;
	left: 110px;
}

.fade-in-C01 {
	width: 303px;
	top: -30px;
	right: 70px;
}

.fade-in-C02 {
	width: 137px;
	top: 120px;
	right: 150px;
}

.fade-in-D01 {
	width: 264px;
	top: 80px;
	left: 340px;
}

.fade-in-D02 {
	width: 174px;
	top: 0;
	left: 380px;
}

.fade-in-D03 {
	width: 63px;
	top: 110px;
	right: 400px;
}

.fade-in-D04 {
	width: 81px;
	top: 220px;
	right: 60px;
}

@media screen and (max-width: 768px) {
	.fade-in-A01 {
		width: 42%;
		top: -47px;
		left: 50px;
	}
	.fade-in-A02 {
		width: 22%;
		top: -9px;
		left: 187px;
	}
	.fade-in-B01 {
		width: 43%;
		top: 8px;
		left: 10px;
	}
	.fade-in-B02 {
		width: 29%;
		top: 310px;
		left: 15px;
	}
	.fade-in-C01 {
		width: 47%;
		top: 10px;
		right: 170px;
	}
	.fade-in-C02 {
		width: 20%;
		top: 5px;
		right: 65px;
	}
	.fade-in-D01 {
		width: 39%;
		top: 40px;
		left: 57px;
	}
	.fade-in-D02 {
		width: 23%;
		top: 5px;
		left: 89px;
	}
	.fade-in-D03 {
		width: 8%;
		top: 53px;
		right: 147px;
	}
	.fade-in-D04 {
		width: 9%;
		top: 37px;
		right: 126px;
	}
	.fade-in-D04 img {
		transform: rotate(-45deg);
	}
}

/* メニュー（吹き出し＋キャラ） end-------------------------------------------------*/

/* アクリススタンド（ゆらゆら） ----------------------------------------------------*/
.anim-sway {
	animation: sway 2s ease-in-out infinite;
	transform-origin: center bottom;
}

@keyframes sway {
	0% {transform: rotate(5deg);}
	50% {transform: rotate(-5deg);}
	100% {transform: rotate(5deg);}
}

.iconE01 {
	width: 470px;
	top: 270px;
	left: 90px;
}

.iconE02 {
	width: 290px;
	top: 380px;
	right: 160px;
}

@media screen and (max-width: 768px) {
	.iconE01 {
		width: 58%;
		top: 41%;
		left: 1%;
	}
	.iconE02 {
		width: 38%;
		top: 62%;
		right: 5%;
	}
}

/* アクリススタンド（ゆらゆら） end-------------------------------------------------*/

/* 店舗体験（動き） --------------------------------------------------------------*/
.fade-in-F01,
.fade-in-F02,
.fade-in-F03,
.fade-in-F04 {
	position: absolute;
	opacity: 0;
	transition: opacity 0.8s ease, transform 0.8s ease;	
}

.fade-in-F01,
.fade-in-F03 {
	transform: translateX(-50px);
}

.fade-in-F02,
.fade-in-F04 {
	transform: translateX(50px);
}

/* 発火後 */
.fade-in-F01.is-active,
.fade-in-F02.is-active,
.fade-in-F03.is-active,
.fade-in-F04.is-active {
  opacity: 1;
  transform: translateX(0);
}

/* 順番制御 */
.fade-in-F02.is-active {
  transition-delay: 0.3s;
}

.fade-in-F03.is-active {
  transition-delay: 0.5s;
}

.fade-in-F04.is-active {
  transition-delay: 0.7s;
}


.fade-in-F01 {
	width: 456px;
    top: 280px;
    left: 70px;
}

.fade-in-F02 {
	width: 408px;
	top: 300px;
	right: 70px;
}

.fade-in-F03 {
	width: 400px;
	top: 860px;
	left: 70px;
}

.fade-in-F04 {
	width: 378px;
	top: 895px;
	right: 70px;
}

@media screen and (max-width: 768px) {
	.fade-in-F01,
	.fade-in-F03 {
		transform: translateX(-20px);
	}
	.fade-in-F02,
	.fade-in-F04 {
		transform: translateX(20px);
	}
	.fade-in-F01 {
		width: 80%;
		top: 190px;
		left: 60px;
	}
	.fade-in-F02 {
		width: 80%;
		top: 520px;
		right: 25px;
	}
	.fade-in-F03 {
		width: 68%;
		top: 820px;
		left: 60px;
	}
	.fade-in-F04 {
		width: 62%;
		top: 1155px;
		right: 70px;
	}
}
/* 店舗体験（動き） end-----------------------------------------------------------*/

/* 湯気共通 --------------------------------------------------------------------*/
.steam {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	opacity: 0;
	animation: steamFloat 3s cubic-bezier(.36, 0, .62, 1)  infinite;
}

.steam img {
	display: block;
	width: 100%;
	height: auto;
}

/* 湯気1 */
.steam01 {
	width: 350px;
	left: 17%;
	top: 12%;
	animation-delay: 0s;
}

/* 湯気2 */
.steam02 {
	width: 300px;
	left: 40%;
	top: 8%;
	animation-delay: 1.2s;
}

/* 湯気3 */
.steam03 {
	width: 666px;
	left: 35%;
	top: 6%;
	animation-delay: 0s;
}

/* 湯気4 */
.steam04 {
	width: 471px;
	left: 13%;
	top: 6%;
	animation-delay: 1.2s;
}

@keyframes steamFloat {
	0% {
		transform: translate(0, 20px) scale(1);
		opacity: 0;
	}
	20% {
		opacity: 0.6;
	}
	50% {
		transform: translate(0, -10px) scale(1);
		opacity: 0.7;
	}
	100% {
		transform: translate(0, -40px) scale(1);
		opacity: 0.3;
	}
}

@media screen and (max-width: 768px) {
	.steam01 {
		width: 50%;
		left: 8%;
		top: 4%;
	}
	.steam02 {
		width: 50%;
		left: 35%;
		top: 0;
	}
	.steam03 {
		width: 50%;
		left: 50%;
		top: 27%;
	}
	.steam04 {
		width: 50%;
		left: 5%;
		top: 23%;
	}
}

/* 湯気共通 end-----------------------------------------------------------------*/

/* 左から右に画像移動 -----------------------------------------------------------*/
.bg-boxB {
	background: #ffe100;
	padding: 40px;
	position: relative;
	overflow: hidden;
}

.char-wrap {
	position: relative;
	width: 100%;
}

.char-row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
}

.row-top {
	margin-bottom: 40px;
}

.char {
	flex: 0 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	opacity: 0;
	transform: translateX(-120px);
}

.char img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 120px;
	object-fit: contain;
}

/* 画面に入った時だけアニメーション開始 */
.bg-boxB.is-show .c01 { animation: charIn 1s ease-out 0s forwards; }
.bg-boxB.is-show .c02 { animation: charIn 1s ease-out 0.15s forwards; }
.bg-boxB.is-show .c03 { animation: charIn 1s ease-out 0.3s forwards; }
.bg-boxB.is-show .c04 { animation: charIn 1s ease-out 0.45s forwards; }
.bg-boxB.is-show .c05 { animation: charIn 1s ease-out 0.6s forwards; }
.bg-boxB.is-show .c06 { animation: charIn 1s ease-out 0.75s forwards; }
.bg-boxB.is-show .c07 { animation: charIn 1s ease-out 0.9s forwards; }
.bg-boxB.is-show .c08 { animation: charIn 1s ease-out 1.05s forwards; }
.bg-boxB.is-show .c09 { animation: charIn 1s ease-out 1.2s forwards; }

@keyframes charIn {
	0% {
		opacity: 0;
		transform: translateX(-120px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 268px;
	margin: 0 auto;
	margin-top: 45px;
}

@media screen and (max-width: 768px) {
	.bg-boxB {
		padding: 50px 10px 30px;
	}

	.char-row {
		display: contents;
	}

	.char-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 6px;
		margin-bottom: 30px;
	}

	.char {
		width: calc(33.333% - 6px);
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.char img {
		max-height: 70px;
		width: auto;
	}

	.c01 { order: 3; }
	.c02 { order: 2; }
	.c03 { order: 1; }

	.c04 { order: 6; }
	.c05 { order: 5; }
	.c06 { order: 4; }

	.c07 { order: 9; }
	.c08 { order: 8; }
	.c09 { order: 7; }

	.copyright {
		position: relative;
		width: 60%;
		bottom: 0;
		left: 0;
		transform: none;
		margin: 0 auto;
	}
}
/* 左から右に画像移動 end--------------------------------------------------------*/