@charset "utf-8";
/* CSS Document */

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

   Sub-visual-wrap

--------------------------------------------------------------------------------------------- */
.sub-visual-wrap{
	width: 100%;
    height: 650px;
	position: relative;
}

.sub-visual-wrap .sub-mountain{
	position: absolute;
    bottom: -2px;
    width: 100%;
    height: auto;
        z-index: 1;/*z-index*/ 
}

@media screen and (max-width:900px) {
    
.sub-visual-wrap{
    height: 500px;
}
}
@media screen and (max-width:700px) {
    
.sub-visual-wrap{
    height: 400px;
}
}
@media screen and (max-width:500px) {
    
.sub-visual-wrap{
    height: 300px;
}
}


/* visual画像指定（共通）
--------------------------------------------------------------------------------------*/
.sub-visual{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Eat-visual画像指定
-------------------------------------*/
.eat-visual{
    background-image: url("../eat/images/eat-visual.webp");
}

/* Japanese food-visual画像指定
-------------------------------------*/
.japanese-food-visual{
    background-image: url("../eat/images/japanese-food-visual.webp");
}

/* Kaiseki cuisine-visual画像指定
-------------------------------------*/
.kaiseki-cuisine-visual{
    background-image: url("../eat/images/kaiseki-cuisine-visual.webp");
}

/* Western-food-visual画像指定
-------------------------------------*/
.western-food-visual{
    background-image: url("../eat/images/western-food-visual.webp");
}

/* Chinese-food-visual画像指定
-------------------------------------*/
.chinese-food-visual{
    background-image: url("../eat/images/chinese-food-visual.webp");
}

/* Grilledmeat and yakitori-visual画像指定
-------------------------------------*/
.grilledmeat-yakitori-visual{
    background-image: url("../eat/images/grilledmeat-yakitori-visual.webp");
}

/* Sushi and seafood-visual画像指定
-------------------------------------*/
.sushi-seafood-visual{
    background-image: url("../eat/images/sushi-seafood-visual.webp");
}

/* Buffet-visual画像指定
-------------------------------------*/
.buffet-visual{
    background-image: url("../eat/images/buffet-visual.webp");
}

/* Sweets and bakery-visual画像指定
-------------------------------------*/
.sweets-bakery-visual{
    background-image: url("../eat/images/sweets-bakery-visual.webp");
}

/* Takeout-visual画像指定
-------------------------------------*/
.takeout-visual{
    background-image: url("../eat/images/takeout-visual.webp");
}

/* Cafe-visual画像指定
-------------------------------------*/
.cafe-visual{
    background-image: url("../eat/images/cafe-visual.webp");
}

/* Asian-visual画像指定
-------------------------------------*/
.asian-visual{
    background-image: url("../eat/images/asian-visual.webp");
    background-position: 70% center;
}

/* Izakaya-bar-visual画像指定
-------------------------------------*/
.izakaya-bar-visual{
    background-image: url("../eat/images/izakaya-bar-visual.webp");
}



/* Shopping-visual画像指定
-------------------------------------*/
.shopping-visual{
    background-image: url("../shopping/images/shopping-visual.webp");
}

/* Souvenir-shop-visual画像指定
-------------------------------------*/
.souvenir-shop-visual{
    background-image: url("../shopping/images/souvenir-shop-visual.webp");
}

/* Fresh-food-visual画像指定
-------------------------------------*/
.fresh-food-visual{
    background-image: url("../shopping/images/fresh-food-visual.webp");
}

/* Supermarket-visual画像指定
-------------------------------------*/
.supermarket-visual{
    background-image: url("../shopping/images/supermarket-visual.webp");
}

/* Convenience-store-visual画像指定
-------------------------------------*/
.convenience-store-visual{
    background-image: url("../shopping/images/convenience-store-visual.webp");
}

/* Fashion-goods-visual画像指定
-------------------------------------*/
.fashion-goods-visual{
    background-image: url("../shopping/images/fashion-goods-visual.webp");
}

/* Flower-shop-visual画像指定
-------------------------------------*/
.flower-shop-visual{
    background-image: url("../shopping/images/flower-shop-visual.webp");
}

/* Cars-bikes-visual画像指定
-------------------------------------*/
.cars-bikes-visual{
    background-image: url("../shopping/images/cars-bikes-visual.webp");
}

/* Other-stores-visual画像指定
-------------------------------------*/
.other-stores-visual{
    background-image: url("../shopping/images/other-stores-visual.webp");
}

/* Furniture-interior-visual画像指定
-------------------------------------*/
.furniture-interior-visual{
    background-image: url("../shopping/images/furniture-interior-visual.webp");
}

/* Appliance-visual画像指定
-------------------------------------*/
.appliance-visual{
    background-image: url("../shopping/images/appliance-visual.webp");
}

/* Diy-tool-visual画像指定
-------------------------------------*/
.diy-tool-visual{
    background-image: url("../shopping/images/diy-tool-visual.webp");
}

/* Stationery-visual画像指定
-------------------------------------*/
.stationery-visual{
    background-image: url("../shopping/images/stationery-visual.webp");
}

/* Medicine-visual画像指定
-------------------------------------*/
.medicine-visual{
    background-image: url("../shopping/images/medicine-visual.webp");
}



/* Watch-visual画像指定
-------------------------------------*/
.watch-visual{
    background-image: url("../watch/images/watch-visual.webp");
}



/* Experience-visual画像指定
-------------------------------------*/
.experience-visual{
    background-image: url("../experience/images/experience-visual.webp");
}



/* Stay-visual画像指定
-------------------------------------*/
.stay-visual{
    background-image: url("../stay/images/stay-visual.webp");
}



/* Event-visual画像指定
-------------------------------------*/
.event-visual{
    background-image: url("../event/images/event-visual.webp");
}



/* Feeling-quiet-visual画像指定
-------------------------------------*/
.feeling-quiet-visual{
    background-image: url("../feeling/images/feeling-quiet-visual.webp");
    background-position: right top;
}
/* Feeling-walk画像指定
-------------------------------------*/
.feeling-walk-visual{
    background-image: url("../feeling/images/feeling-walk-visual.webp");
}
/* Feeling-child画像指定
-------------------------------------*/
.feeling-child-visual{
    background-image: url("../feeling/images/feeling-child-visual.webp");
}
/* Feeling-scenery画像指定
-------------------------------------*/
.feeling-scenery-visual{
    background-image: url("../feeling/images/feeling-scenery-visual.webp");
}
/* Feeling-arrangement-visual画像指定
-------------------------------------*/
.feeling-arrangement-visual{
    background-image: url("../feeling/images/feeling-arrangement-visual.webp");
}
/* Feeling-soak-visual画像指定
-------------------------------------*/
.feeling-soak-visual{
    background-image: url("../feeling/images/feeling-soak-visual.webp");
    background-position: left top;
}


/* This-month-eat-visual画像指定
-------------------------------------*/
.this-month-eat-visual{
    background-image: url("../this-month/images/this-month-eat-visual.webp");
}
/* This-month-night-visual画像指定
-------------------------------------*/
.this-month-night-visual{
    background-image: url("../this-month/images/this-month-night-visual.webp");
    background-position: right top;
}
/* This-month-family-visual画像指定
-------------------------------------*/
.this-month-family-visual{
    background-image: url("../this-month/images/this-month-family-visual.webp");
    background-position: 65% top;
}
/* This-month-quickly-visual画像指定
-------------------------------------*/
.this-month-quickly-visual{
    background-image: url("../this-month/images/this-month-quickly-visual.webp");
    background-position: 75% top;
}
/* This-month-stay-visual画像指定
-------------------------------------*/
.this-month-stay-visual{
    background-image: url("../this-month/images/this-month-stay-visual.webp");
    background-position: 25% top;
}



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

   H1(subページ)

--------------------------------------------------------------------------------------------- */
.sub-h1{/*日本語*/
    text-align: center;
    font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 36px;
    line-height: 1.75;
    margin: 0 auto 75px auto;
    width: 95%;
    font-weight: 700;
    /*font-weight: normal;*/
    position: relative;
        z-index: 20;
}

.sub-h1 span.orange-text{/*英語*/
    font-family: "Agu Display", serif;
	font-size: 48px;
    font-weight: normal;
    line-height: 1;
}

.sub-h1 span.annotation{/*注釈*/
    font-weight: normal;
    text-align: center;
    line-height: 1;
}

.sub-h1 span.text-18{
	font-size: clamp(14px, 3vw, 18px);
    font-family: 'Zen Maru Gothic', sans-serif;
    border-bottom: 2px dotted #999;
    font-weight: normal;
}


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

.sub-h1{
	font-size: 30px;
}
.sub-h1 span.orange-text{
	font-size: 40px;
}
}
@media screen and (max-width:700px) {

.sub-h1{
	font-size: 30px;
    margin: 0 auto 50px auto;
}
.sub-h1 span.orange-text{
	font-size: 36px;
}
}
@media screen and (max-width:500px) {

.sub-h1{
	font-size: 24px;
}
.sub-h1 span.orange-text{
	font-size: 30px;
}
}


/* まわる円画像背景03
------------------------------------------------------------*/
.discover-circle03{/*右上*/
	position: absolute;
	top: -200px;
	right: 2.5%;
	width: 400px;
    z-index: 1;
}
.discover-circle03 img{/*右上*/
	width: 100%;
	height: auto;
	animation: rotate-anime 15s linear infinite;
}
.discover-circle04{/*左下*/
	position: absolute;
	bottom: 1%;
	left: 2.5%;
	width: 400px;
}
.discover-circle04 img{/*左下*/
	width: 100%;
	height: auto;
	animation: rotate-anime 15s linear infinite;
}
@keyframes rotate-anime {
  0%  {transform: rotate(0);
  }
  100%  {transform: rotate(-360deg);
  }
}

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

.discover-circle03{/*右上*/
	right: -5%;
	width: 350px;
}
.discover-circle04{/*左下*/
	left: -5%;
	width: 350px;
}
}
@media screen and (max-width:900px) {

.discover-circle03{/*右上*/
	right: -10%;
	width: 250px;
}
.discover-circle04{/*左下*/
	left: -5%;
	width: 250px;
}
}
@media screen and (max-width:700px) {

.discover-circle03{/*右上*/
	top: -125px;
	right: -5%;
	width: 200px;
}
.discover-circle04{/*左下*/
	width: 200px;
}
}
@media screen and (max-width:500px) {

.discover-circle03{/*右上*/
	width: 175px;
}
.discover-circle04{/*左下*/
	width: 175px;
}
}