#loader { background-color: #fff; }

.mv { height: 550px; overflow: hidden; font-size: 0; }
.mv h1 { position: absolute; left: 0; top: 0; height: 550px; width: 100%; background: url("/img/top/mv_mask.png") right top no-repeat; z-index: 100; background-size: auto 120%;}
.mv i { display: block; width: 100%; height: 100%; background: url("/img/top/mv_photo.jpg") center center no-repeat; position: relative; z-index: 10; background-size: cover;}

@media screen and (min-width: 1600px) { .mv h1 { position: absolute; left: 0; top: 0; height: 550px; width: 100%; background: url("/img/top/mv_mask.png") right top no-repeat; z-index: 100;  background-size: auto 120%;}
  .mv i { background-size: 100% auto; } }
.swiper-container { width: 100%; height: 100%; overflow: hidden; font-size: 0; padding: 43px 0; }
.swiper-container .swiper-slide { text-align: center; font-size: 0; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: flex-start; }


.gift { text-align: center; padding: 80px 0; background-color: #f1ede6; }
.gift h2 { margin-bottom: 35px;}
.gift .wrap { display: flex; flex-wrap: wrap; justify-content: center; font-size: 16px; line-height: 1.6; align-content: start; align-items: start; margin: 0 auto;}
.gift .wrap div.ph { width: 366px; text-align: center; padding: 0; margin: 0 40px;}
.gift .wrap div.details { width: auto; text-align: left; margin: 0 40px;}
.gift .wrap div.details p.p-name { font-size: 26px; font-weight: bold;}
.gift .wrap div.details p.p-name span { font-size: 16px; font-weight: normal;}
.gift .wrap div.details p.p-price { font-size: 16px; background: url("/img/common/border_dott.png") left bottom repeat-x; padding-bottom: 15px; margin-bottom: 15px;}
.gift .wrap div.details p.p-price em { font-size: 26px; font-weight: bold; color: #a71d25;}
.gift .wrap div.details ul.p-spec { font-size: 16px; margin-bottom: 15px;}
.gift .wrap div.details ul.li {padding: 5px 0;}
.gift .wrap div.details p.p-txt { font-size: 13px;}

.gift .btn a { position: relative; display: block; font-size: 0; width: 170px; height: 43px; margin: 10px auto 0 auto;}
.gift .btn a::before { content: ''; background: url("/img/common/btn_detail02.png") left top no-repeat; width: 170px; height: 43px; position: absolute; left: 0; top: 0; border: 1px solid #000; z-index: 0; background-size: 100% auto; }
.gift .btn a::after { content: ''; background: url("/img/common/btn_detail02.png") left -45px no-repeat #a71d25; width: 170px; height: 43px; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; z-index: 10; background-size: 100% auto; transition: 0.2s; opacity: 0; }
.gift .btn a:hover::after { opacity: 1; transition: 0.4s; }



.shop { padding: 80px 0 60px; }
.shop h2 { text-align: center; font-size: 0; }
.shop nav { text-align: center; font-size: 0; line-height: 1; display: flex; justify-content: center; margin: 70px 0 -15px; }
.shop nav a { width: 187px; height: 39px; display: block; overflow: hidden; position: relative; margin: 0 2px; }
.shop nav a::after, .shop nav a::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #000; background: url("/img/top/btn_shop.png") left top no-repeat; z-index: 0; background-size: 100% auto; transition: 0.2s; }
.shop nav a::before { z-index: 10; background-position: 0 -43px; opacity: 0; background-color: #a71d25; border-color: #a71d25; }
.shop nav a[href*='shop02']::after { background-position: 0 -85px; }
.shop nav a[href*='shop02']::before { background-position: 0 -127px; }
.shop nav a[href*='shop03']::after { background-position: 0 -168px; }
.shop nav a[href*='shop03']::before { background-position: 0 -211px; }
/* .shop nav a:last-child::after { background-position: 0 -252px; } */
/* .shop nav a:last-child::before { background-position: 0 -294px; } */
.shop nav a.active { pointer-events: none; }
.shop nav a.active::before { opacity: 1; transition: 0.4s; }
.shop nav a:hover::before { opacity: 1; transition: 0.4s; }
.shop .swiper-slide { width: 760px; height: 638px; box-shadow: 0 0 43px rgba(0, 0, 0, 0.15); }
.shop .swiper-slide p { font-size: 19px; line-height: 32px; margin: 30px 0 16px; }
.shop .swiper-slide p + a { display: inline-block; width: 294px; height: 57px; position: relative; }
.shop .swiper-slide p + a::after { content: ''; border: 1px solid #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: url("/img/common/btn_detail.png") left top no-repeat; }
.shop .swiper-slide p + a::before { content: ''; border: 1px solid #a71d25; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20; background: url("/img/common/btn_detail.png") left -60px no-repeat #a71d25; transition: 0.2s; opacity: 0; }
.shop .swiper-slide p + a:hover::before { opacity: 1; transition: 0.4s; }

.swiper-pagination-bullets { opacity: 0 !important; position: relative; right: 9999px; transition: none; }

.swiper-button-prev { position: absolute; left: 50%; top: 0; margin: 346px 0 0 -457px; background: url("/img/top/arr_prev.png") left top no-repeat; width: 57px; height: 14px; }

.swiper-button-next { position: absolute; right: 50%; top: 0; margin: 346px -457px 0 0; background: url("/img/top/arr_next.png") left top no-repeat; width: 57px; height: 14px; }

.about { min-height: 767px; padding: 80px 0 0; font-size: 0; line-height: 1; overflow: hidden; width: 100%; }
.about .wrap { text-align: center; }
.about i.bg { display: block; width: 1600px; height: 100%; background: url("/img/top/bg_about.jpg") center center no-repeat; position: absolute; left: 50%; top: 0; margin-left: -800px; }
.about ul { display: flex; justify-content: center; padding: 57px 0 0; }
.about ul li { margin: 0 10px; position: relative; }
.about ul li img { width: 236px; height: auto; }
.about ul li a { position: relative; display: block; }
.about ul li a::before { content: ''; background: url("/img/common/btn_detail02.png") left top no-repeat; width: 170px; height: 43px; position: absolute; left: 31px; bottom: 35px; border: 1px solid #000; z-index: 0; background-size: 100% auto; }
.about ul li a::after { content: ''; background: url("/img/common/btn_detail02.png") left -45px no-repeat #a71d25; width: 170px; height: 43px; position: absolute; left: 31px; bottom: 35px; border: 1px solid #a71d25; z-index: 10; background-size: 100% auto; transition: 0.2s; opacity: 0; }
.about ul li a:hover::after { opacity: 1; transition: 0.4s; }

.info { text-align: center; padding: 0px 0 80px; width: 684px; }
.info h2 { margin-bottom: 35px; }
.info .archives { margin-bottom: 52px; background: url("/img/common/border_dott.png") left bottom repeat-x; }
.info .archives div { display: flex; flex-wrap: wrap; justify-content: center; font-size: 16px; line-height: 1.6; align-content: center; align-items: center; background: url("/img/common/border_dott.png") left top repeat-x; }
.info .archives div time { width: 190px; position: relative; padding: 20px 0 20px 12px; color: #bf1e28; letter-spacing: 0.15em; text-align: left; }
.info .archives div time::after { content: ''; width: 32px; height: 1px; background: #000; position: absolute; right: 15px; top: 33px; }
.info .archives div p { width: 493px; text-align: left; padding: 20px 0; margin-left: 1px; }
.info .archives div p a { text-decoration: underline; }
.info .archives div p a:hover { text-decoration: none; }
.info .btn a { display: block; width: 294px; height: 52px; position: relative; font-size: 0; margin: 0 auto; }
.info .btn a::after { content: ''; background: url("/img/common/btn_archives.png") left top no-repeat; width: 100%; height: 100%; border: 1px solid #000; position: absolute; left: 0; top: 0; z-index: 0; }
.info .btn a::before { content: ''; background: url("/img/common/btn_archives.png") left -60px no-repeat #bf1e28; width: 100%; height: 100%; border: 1px solid #bf1e28; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; transition: 0.2s; }
.info .btn a:hover::before { opacity: 1; transition: 0.4s; }

.onlineshop { overflow: hidden; width: 100%; min-height: 558px; padding: 80px 0 0; font-size: 0; line-height: 1;}
.onlineshop h2 { margin-bottom: 50px; }
.onlineshop .wrap { text-align: center; }
.onlineshop i.bg { display: block; width: 1600px; height: 100%; background: url("/img/top/bg_onlineshop.jpg") center center no-repeat; position: absolute; left: 50%; top: 0; margin-left: -800px; }
.onlineshop p.lead { font-size: 22px; line-height: 47px; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 58px; }
.onlineshop p.lead b { display: block; font-size: 27px; font-weight: bold; }
.onlineshop p.btn a { display: block; width: 410px; height: 72px; position: relative; margin: 0 auto; }
.onlineshop p.btn a::after { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_onlineshop.png") left top no-repeat #a71d25; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; z-index: 0; }
.onlineshop p.btn a::before { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_onlineshop.png") left -72px no-repeat #fff; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; opacity: 0; transition: 0.2s; z-index: 10; }
.onlineshop p.btn a:hover::before { opacity: 1; transition: 0.4s; }


.newyear-sp { overflow: hidden; width: 100%; min-height: 318px; padding: 80px 0 0; font-size: 0; line-height: 1; margin-bottom: -14vw;}
.newyear-sp h2 { margin-bottom: 20px; }
.newyear-sp .wrap { text-align: center;}
.newyear-sp i.bg { display: block; width: 1600px; height: 100%; background: url("/img/top/bg_newyear.jpg") center center no-repeat; position: absolute; left: 50%; top: 0; margin-left: -800px; }
.newyear-sp p.btn a { display: block; width: 320px; height: 52px; position: relative; margin: 0 auto; }
.newyear-sp p.btn a::after { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_newyear.png") left top no-repeat #a71d25; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; z-index: 0; }
.newyear-sp p.btn a::before { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_newyear.png") left -52px no-repeat #fff; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; opacity: 0; transition: 0.2s; z-index: 10; }
.newyear-sp p.btn a:hover::before { opacity: 1; transition: 0.4s; }


.ehomaki-sp { overflow: hidden; width: 100%; min-height: 318px; padding: 80px 0 0; font-size: 0; line-height: 1; margin-bottom: -14vw;}
.ehomaki-sp h2 { margin-bottom: 20px; }
.ehomaki-sp .wrap { text-align: center;}
.ehomaki-sp i.bg { display: block; width: 1600px; height: 100%; background: url("/img/top/bg_ehomaki.jpg") center center no-repeat; position: absolute; left: 50%; top: 0; margin-left: -800px; }
.ehomaki-sp p.btn a { display: block; width: 320px; height: 52px; position: relative; margin: 0 auto; }
.ehomaki-sp p.btn a::after { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_newyear.png") left top no-repeat #a71d25; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; z-index: 0; }
.ehomaki-sp p.btn a::before { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_newyear.png") left -52px no-repeat #fff; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; opacity: 0; transition: 0.2s; z-index: 10; }
.ehomaki-sp p.btn a:hover::before { opacity: 1; transition: 0.4s; }


.chirashisoba-sp { overflow: hidden; width: 100%; min-height: 318px; padding: 80px 0 0; font-size: 0; line-height: 1; margin-bottom: -14vw;}
.chirashisoba-sp h2 { margin-bottom: 20px; }
.chirashisoba-sp .wrap { text-align: center;}
.chirashisoba-sp i.bg { display: block; width: 1600px; height: 100%; background: url("/img/top/bg_chirashisoba.jpg") center center no-repeat; position: absolute; left: 50%; top: 0; margin-left: -800px; }
.chirashisoba-sp p.btn a { display: block; width: 320px; height: 52px; position: relative; margin: 0 auto; }
.chirashisoba-sp p.btn a::after { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_newyear.png") left top no-repeat #a71d25; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; z-index: 0; }
.chirashisoba-sp p.btn a::before { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_newyear.png") left -52px no-repeat #fff; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; opacity: 0; transition: 0.2s; z-index: 10; }
.chirashisoba-sp p.btn a:hover::before { opacity: 1; transition: 0.4s; }


.springsyaon-sp { overflow: hidden; width: 100%; min-height: 318px; padding: 80px 0 0; font-size: 0; line-height: 1; margin-bottom: -14vw;}
.springsyaon-sp h2 { margin-bottom: 20px; }
.springsyaon-sp .wrap { text-align: center;}
.springsyaon-sp i.bg { display: block; width: 1600px; height: 100%; background: url("/img/top/bg_spring-syaon.jpg") center center no-repeat; position: absolute; left: 50%; top: 0; margin-left: -800px; }
.springsyaon-sp p.btn a { display: block; width: 320px; height: 52px; position: relative; margin: 0 auto; }
.springsyaon-sp p.btn a::after { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_newyear.png") left top no-repeat #a71d25; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; z-index: 0; }
.springsyaon-sp p.btn a::before { content: ''; width: 100%; height: 100%; background: url("/img/top/btn_newyear.png") left -52px no-repeat #fff; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; opacity: 0; transition: 0.2s; z-index: 10; }
.springsyaon-sp p.btn a:hover::before { opacity: 1; transition: 0.4s; }




@media screen and (min-width: 1600px) { .about i.bg { background-size: 100% auto; left: 0; margin: 0; width: 100%; }
  .onlineshop i.bg { background-size: 100% auto; left: 0; margin: 0; width: 100%; } 
  .newyear-sp i.bg { background-size: 100% auto; left: 0; margin: 0; width: 100%; }
 .ehomaki-sp i.bg { background-size: 100% auto; left: 0; margin: 0; width: 100%; }}
.ie11 .info .archives div time { padding: 23px 0 17px 12px; }
.ie11 .info .archives div p { padding: 23px 0 17px; }

@media screen and (max-width: 640px) { /*  	SP STYLE  *************************************************************/
  .mv { height: 130.15625vw; width: 100vw; }
  .mv h1 { height: 100%; background: url("/img/top/mv_mask-sp.png") left top no-repeat/100% 100%; }
  .mv i { display: none; }
  .mv .swiper-container { padding: 0; }
  .mv .swiper-container .swiper-slide { background-size: 100% 100%; height: 130.15625vw; }
  .mv .swiper-container .swiper-slide.swiper-slide-active { opacity: 1; z-index: 1; }
  
  
  .gift { padding: 12.5vw 0 5.78125vw;}
	.gift h2 { margin-bottom: 5.46875vw;}
	.gift .wrap { display: block; flex-wrap: wrap; justify-content: start; font-size: 2.5vw; line-height: 1.6; align-content: start; align-items: start; width: 84.375vw; margin: 0 auto;}
	.gift .wrap div.ph { width: auto; text-align: center; padding: 0; margin: 0 0;}
	.gift .wrap div.ph img { width: 100%;}
	.gift .wrap div.details { width: auto; text-align: left; padding: 3.125vw 0 0 0; margin: 0 0;}
	.gift .wrap div.details p.p-name { font-size: 4.0625vw; font-weight: bold;}
	.gift .wrap div.details p.p-name span { font-size: 2.5vw; font-weight: normal;}
	.gift .wrap div.details p.p-price { font-size: 2.5vw; background: url("/img/common/border_dott.png") left bottom repeat-x; padding-bottom: 2.34375vw; margin-bottom: 2.34375vw;}
	.gift .wrap div.details p.p-price em { font-size: 4.0625vw; font-weight: bold; color: #a71d25;}
	.gift .wrap div.details ul.p-spec { font-size: 2.5vw; margin-bottom: 2.34375vw;}
	.gift .wrap div.details ul.li {padding: 0.78125vw 0;}
	.gift .wrap div.details p.p-txt { font-size: 2.5vw;}
	
	.gift .btn a { position: relative; display: block; font-size: 0; width: 29.375vw; height: 7.34375vw; margin: 6.25vw auto 0 auto;}
	.gift .btn a::before { content: ''; background: url("/img/common/btn_detail02.png") left top no-repeat; width: 29.375vw; height: 7.34375vw; position: absolute; left: 0; top: 0; border: 1px solid #000; z-index: 0; background-size: 100% auto; }
	.gift .btn a::after { content: ''; background: url("/img/common/btn_detail02.png") left -7.8125vw no-repeat #a71d25; width: 29.375vw; height: 7.34375vw; position: absolute; left: 0; top: 0; border: 1px solid #a71d25; z-index: 10; background-size: 100% auto; transition: 0.2s; opacity: 0; }
	.gift .btn a:hover::after { opacity: 1; transition: 0.4s; }

  
  .shop { padding: 12.5vw 0 5.78125vw; }
  .shop .swiper-container { padding: 6.71875vw 0; }
  .shop .swiper-container .swiper-wrapper { display: block; }
  .shop .swiper-container .swiper-slide { text-align: center; font-size: 0; display: block; margin: 3.125vw auto; }
  .shop h2 img { height: 12.5vw; width: auto; }
  .shop nav { flex-wrap: wrap; margin: 7.5vw 0 -6.40625vw; }
  .shop nav a { width: 41.25vw; height: 8.4375vw; margin: 0 0.9375vw 1.875vw; }
  .shop nav a::after, .shop nav a::before { background-size: cover; }
  .shop nav a::before { display: none; }
  .shop nav a[href*='shop02']::after { background-position: 0 -18.75vw; }
  .shop nav a[href*='shop03']::after { background-position: 0 -37.5vw; }
  /* .shop nav a:last-child::after { background-position: 0 -55.9375vw; } */
  .shop nav a.active { pointer-events: inherit; }
  .shop nav a.active::before { opacity: 1; transition: 0.4s; }
  .shop nav a:hover::before { opacity: 0; transition: 0.4s; }
  .shop .swiper-slide { display: block; width: 84.375vw; height: auto; padding-bottom: 5.625vw; box-shadow: 0 0 6.71875vw rgba(0, 0, 0, 0.15); overflow: hidden; }
  .shop .swiper-slide img { height: 68.75vw; width: 118.75vw; display: block; max-width: inherit; margin-left: -17.1875vw; }
  .shop .swiper-slide p { font-size: 2.96875vw; line-height: 5vw; margin: 4.6875vw 0 2.5vw; }
  .shop .swiper-slide p + a { width: 45.9375vw; height: 8.90625vw; }
  .shop .swiper-slide p + a::after { background-size: 45.9375vw auto; }
  .shop .swiper-slide p + a::before { display: none; }
  .shop .swiper-pagination-bullets { opacity: 0 !important; position: relative; right: 9999px; transition: none; }
  .shop .swiper-button-prev { position: absolute; left: 50%; top: 0; margin: 346px 0 0 -457px; background: url("/img/top/arr_prev.png") left top no-repeat; width: 57px; height: 14px; }
  .shop .swiper-button-next { position: absolute; right: 50%; top: 0; margin: 346px -457px 0 0; background: url("/img/top/arr_next.png") left top no-repeat; width: 57px; height: 14px; }
  .about { min-height: inherit; padding: 12.5vw 0 10.9375vw; margin-bottom: 12.5vw;}
  .about i.bg { display: block; width: 100%; height: 100%; background: url("/img/top/bg_about-sp.jpg") center top/cover; left: 0; margin: 0; }
  .about ul { display: flex; justify-content: center; padding: 6.25vw 0 0; flex-wrap: wrap; }
  .about ul li { margin: 1.5625vw; }
  .about ul li img { width: 40.625vw; }
  .about ul li a::before { width: 29.375vw; height: 7.34375vw; left: 5.625vw; bottom: 6.25vw; }
  .about ul li a::after { display: none; }
  .info { text-align: center; padding: 0vw 0 12.5vw; width: 100%; }
  .info h2 { margin-bottom: 6.25vw; }
  .info h2 img { height: 11.71875vw; width: auto; }
  .info .archives { margin: 0 4.6875vw 7.8125vw; }
  .info .archives div { font-size: 2.8125vw; margin: 0 0vw; flex-wrap: wrap; line-height: 1.6; }
  .info .archives div time { width: 31.25vw; position: relative; padding: 3.125vw 0 3.4375vw 2.8125vw; color: #bf1e28; text-align: left; }
  .info .archives div time::after { content: ''; width: 4.6875vw; height: 1px; right: 2.34375vw; top: 5.3125vw; }
  .info .archives div p { width: 53.125vw; padding: 3.125vw 0; }
  .info .btn a { width: 45.9375vw; height: 8.125vw; }
  .info .btn a::after { background-size: cover; }
  .info .btn a::before { display: none; }
  .onlineshop { min-height: 87.1875vw; padding: 12.5vw 0 0; font-size: 0; line-height: 1;}
  .onlineshop h2 { margin-bottom: 8.4375vw; }
  .onlineshop h2 img { height: 11.875vw; width: auto; }
  .onlineshop .wrap { text-align: center; }
  .onlineshop i.bg { background: url("/img/top/bg_onlineshop-sp.jpg") center top/cover; left: 0; margin: 0; width: 100%; }
  .onlineshop p.lead { font-size: 3.4375vw; line-height: 7.34375vw; margin-bottom: 9.0625vw; }
  .onlineshop p.lead b { display: block; font-size: 4.21875vw; }
  .onlineshop p.btn a { width: 64.0625vw; height: 11.25vw; }
  .onlineshop p.btn a::after { background-size: cover; }
  .onlineshop p.btn a::before { display: none; } 

  .newyear-sp { min-height: 52.188vw; padding: 16.5vw 0 0; font-size: 0; line-height: 1;}
  .newyear-sp h2 { margin-bottom: 2.438vw; }
  .newyear-sp h2 img { height: 10.875vw; width: auto; }
  .newyear-sp .wrap { text-align: center; }
  .newyear-sp i.bg { background: url("/img/top/bg_newyear-sp.jpg") center top/cover; left: 0; margin: 0; width: 100%; }
  .newyear-sp p.lead { font-size: 3.4375vw; line-height: 7.34375vw; margin-bottom: 9.0625vw; }
  .newyear-sp p.lead b { display: block; font-size: 4.21875vw; }
  .newyear-sp p.btn a { width: 64.0625vw; height: 11.25vw; }
  .newyear-sp p.btn a::after { background-size: cover; }
  .newyear-sp p.btn a::before { display: none; } 
	
  .ehomaki-sp { min-height: 52.188vw; padding: 16.5vw 0 0; font-size: 0; line-height: 1; margin-top: 5vw;}
  .ehomaki-sp h2 { margin-bottom: 2.438vw; }
  .ehomaki-sp h2 img { height: 10.875vw; width: auto; }
  .ehomaki-sp .wrap { text-align: center; }
  .ehomaki-sp i.bg { background: url("/img/top/bg_ehomaki-sp.jpg") center top/cover; left: 0; margin: 0; width: 100%; }
  .ehomaki-sp p.lead { font-size: 3.4375vw; line-height: 7.34375vw; margin-bottom: 9.0625vw; }
  .ehomaki-sp p.lead b { display: block; font-size: 4.21875vw; }
  .ehomaki-sp p.btn a { width: 64.0625vw; height: 11.25vw; }
  .ehomaki-sp p.btn a::after { background-size: cover; }
  .ehomaki-sp p.btn a::before { display: none; } 

  .chirashisoba-sp { min-height: 52.188vw; padding: 16.5vw 0 0; font-size: 0; line-height: 1; margin-top: 5vw;}
  .chirashisoba-sp h2 { margin-bottom: 2.438vw; }
  .chirashisoba-sp h2 img { height: 10.875vw; width: auto; }
  .chirashisoba-sp .wrap { text-align: center; }
  .chirashisoba-sp i.bg { background: url("/img/top/bg_chirashisoba-sp.jpg") center top/cover; left: 0; margin: 0; width: 100%; }
  .chirashisoba-sp p.lead { font-size: 3.4375vw; line-height: 7.34375vw; margin-bottom: 9.0625vw; }
  .chirashisoba-sp p.lead b { display: block; font-size: 4.21875vw; }
  .chirashisoba-sp p.btn a { width: 64.0625vw; height: 11.25vw; }
  .chirashisoba-sp p.btn a::after { background-size: cover; }
  .chirashisoba-sp p.btn a::before { display: none; } 
	
	
  .springsyaon-sp { min-height: 52.188vw; padding: 16.5vw 0 0; font-size: 0; line-height: 1; margin-top: 5vw;}
  .springsyaon-sp h2 { margin-bottom: 2.438vw; }
  .springsyaon-sp h2 img { height: 7.875vw; width: auto; }
  .springsyaon-sp .wrap { text-align: center; }
  .springsyaon-sp i.bg { background: url("/img/top/bg_spring-syaon-sp.jpg") center top/cover; left: 0; margin: 0; width: 100%; }
  .springsyaon-sp p.lead { font-size: 3.4375vw; line-height: 7.34375vw; margin-bottom: 9.0625vw; }
  .springsyaon-sp p.lead b { display: block; font-size: 4.21875vw; }
  .springsyaon-sp p.btn a { width: 64.0625vw; height: 11.25vw; }
  .springsyaon-sp p.btn a::after { background-size: cover; }
  .springsyaon-sp p.btn a::before { display: none; } 


}

/* animation */
.mv i { transition: transform 10s cubic-bezier(0, 0, 1, 1); z-index: 20; }

.imgloaded .mv i { transform: scale(1.1); }

@media screen and (max-width: 640px) { .mv i { transition: transform 5s cubic-bezier(0, 0, 1, 1); z-index: 20; }
  .imgloaded .mv i { transform: scale(1.1); } }
.mv { overflow: hidden; }

#bgmoviewrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20; }

#bgmovie { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 1s ease-out; z-index: 1; }

.youtubeloaded #bgmovie { opacity: 1; }

/* para */
.parabase { position: absolute; left: 0; top: 0; width: 100%; height: 45%; }

#onlinebg { top: 48%; }

#aboutbg { top: 30%; }

@media screen and (max-width: 640px) { .parabase { display: none; } }