﻿

body {
	width: 100%;
	margin: 0;
	font-family: "MS P明朝","ヒラギノ明朝",serif;
	font-size: clamp(0.75rem, 0.625rem + 0.63vw, 1rem);
    line-height: 1.6;
}

@media screen and (min-width: 960px){
body {
	width: 100%;
	margin: 0;
	font-family: "MS P明朝","ヒラギノ明朝",serif;
	font-size: clamp(1rem, -2.273rem + 5.45vw, 2.5rem);
}
}

.header {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #7e3759;
	width: 100%;
}

.header_1 {
	color: #ffffff;
    font-size: clamp(0.438rem, 0.281rem + 0.78vw, 0.75rem);
	padding: 0.7% 0% 0.6% 0%;
}

@media screen and (min-width: 960px){
.header_1 {
	color: #ffffff;
    font-size: clamp(0.75rem, 0.205rem + 0.91vw, 1rem);
	padding: 0.7% 0% 0.6% 0%;
}
}

img {
	margin: 0;
}

.main {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.main_img {
	width: 100%;
}

.syabusyabu {
	width: 100%;
}

.text_1 {
	color: #e5b638;
	text-align: center;
	font-size: clamp(0.75rem, 0.375rem + 1.88vw, 1.5rem);
	line-height: 1.7;
	margin: 1% 0% 3% 0%;
}

@media screen and (min-width: 550px){
.text_1 {
	color: #e5b638;
	text-align: center;
	font-size: clamp(1.5rem, -4.5rem + 10vw, 3rem);
	line-height: 1.7;
	margin: 1% 0% 3% 0%;
}
}

.text_2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: clamp(0.75rem, 0.375rem + 1.88vw, 1.5rem);
	width: 86%;
}


@media screen and (min-width: 960px){
.text_2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: clamp(1.5rem, -1.5rem + 5vw, 2.875rem);
	width: 86%;
}
}


.text_2_1 {
	text-align: center;
	width: 6%;
}

.text_2_2 {
	width: 94%;
    text-align: center;
}

.umami {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

@media screen and (min-width: 960px){
.umami {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;

}
}

.umami_1 {
	width: 100%;
	margin: 2% 0% 2% 0%;
}

.umami_2 {
	text-align: left;
	width: 86%;
}

@media screen and (min-width: 960px){
.umami_2 {
	text-align: left;
	width: 80%;
}
}




.umami_3 {
	margin: 5% 0% 7% 0%;
}

.umami_4 {
	text-align: left;
	width: 86%;
	margin: 0% 0% 6% 0%;
}

@media screen and (min-width: 960px){
.umami_4 {
	text-align: left;
	width: 80%;
	margin: 0% 0% 6% 0%;
}
}

.syoukai {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 76%;
}

.syoukai_1 {
	text-align: center;
	width: 42%;
}

.syoukai_2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 58%;
	padding:0% 0% 0% 6%;
}

.syoukai_2_1 {
	text-align: center;
	width: 100%;
	margin: 2% 0% 5% 0%;
}

.syoukai_2_2 {
	width: 100%;
}

span {
	font-size: clamp(0.75rem, 0.375rem + 1.88vw, 1.5rem);
}

.text_3 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: clamp(0.75rem, 0.375rem + 1.88vw, 1.5rem);
	width: 36%;
	margin: 8% 0% 3% 0%;
}

@media screen and (min-width: 550px){
.text_3 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: clamp(1.5rem, -1.5rem + 5vw, 2.875rem);
	width: 50%;
	margin: 8% 0% 3% 0%;
}
}

.text_3_1 {
	text-align: center;
	width: 10%;
}

.text_3_2 {
	width: 90%;
	color: #e5b638;
	text-align: center;
	margin: 0% 0% 1% 0%;
}


.text_4 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 76%;
	margin: 8% 0% 3% 0%;
}

@media screen and (min-width: 550px){
.text_4 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin: 8% 0% 3% 0%;
}
}

.text_4_1 {
	text-align: center;
	width: 10%;

}

.text_4_2 {
	width: 90%;
	color: #e5b638;
	text-align: center;
	margin: 0% 0% 0% 0%;
}

.dashi {
	display: flex;
	flex-direction: row;
	width: 86%;
}

.dashi_1 {
	width: 34%;
}

.dashi_2 {
	width: 66%;
	padding: 0% 0% 0% 3%;
}

@media screen and (min-width: 550px){
.dashi_2 {
	width: 64%;
	padding: 0% 0% 0% 3%;
}
}

.taiken {
	width: 100%;
	margin: 5% 0% 0% 0%;
}

.text_5 {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 64%;
	margin: 2% 0% 3% 0%;
}

@media screen and (min-width: 550px){
.text_5 {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 68%;
	margin: 2% 0% 3% 0%;
}
}

.text_5_1 {
	text-align: center;
	width: 10%;
}

.text_5_2 {
	width: 90%;
	color: #e5b638;
    text-align: center;
	margin: 0% 0% 0% 0%;
}

.otanoshimi {
	display: flex;
	flex-direction: row;
	width: 90%;
}

.otanoshimi_1 {
	width: 44%;
	text-align: center;
}

.otanoshimi_2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 56%;
}

.otanoshimi_2_1 {
	width: 70%;
	text-align: center;
}

.otanoshimi_2_2 {
	width: 100%;
	padding: 1% 0% 0% 4%;

}

@media screen and (min-width: 550px){
.otanoshimi_2_2 {
	width: 100%;
	padding: 1% 0% 0% 4%;
}
}

.kuchi {
	display: flex;
	flex-direction: column;
	width: 86%;
	margin: 11% 0% 0% 0%;
}

.ichi {
	display: flex;
	flex-direction: row;
}

.ichi_1 {
	width: 40%;
}

.ichi_2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 60%;
	padding: 6% 0% 0% 1.5%;
}

.ichi_2_1 {
	display: flex;
	flex-direction: row;
    text-align: center;
	width: 46%;
}

@media screen and (min-width: 550px){
.ichi_2_1 {
	display: flex;
	flex-direction: row;
    text-align: center;
	width: 56%;
}
}

.ichi_2_1_1 {
	width: 24%;
}

.ichi_2_1_2 {
	width: 76%;
	color: #e5b638;
}

.ichi_2_2 {
	display: flex;
	flex-direction: column;
	margin: 8% 0% 0% 0%;
}

.ichi_2_2_1 {
	color: #e5b638;
}

@media screen and (min-width: 550px){
.ichi_2_2_1 {
	color: #e5b638;
}
}

.arrow {
	width: 100%;
	text-align: center;
	margin: 4% 0% 3% 0%;
}

.hachimaruju {
	width: 100%;
	color: #e5b638;
	font-size: 100%;
	text-align: center;
	margin: 0% 0% 3% 0%;
}

.oshinagaki {
	width: 100%;
	text-align: center;
	margin: 0% 0% 0% 0%;
}
.oshinagaki2 {
	width: 100%;
	text-align: center;
	margin: 0% 0% 3% 0%;
}


.henko {
	width: 100%;
	text-align: center;
	margin: 0% 0% 3% 0%;
}

.juu {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.juu_1 {
	width: 100%;
}

.juu_2 {
	width: 100%;
	margin: 3.4% 0% 3.4% 0%;
}

.ippin {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 90%;
	margin: 7% 0% 0% 0%;
}

.ippin_1 {
	width: 7%;
}

.ippin_2 {
	display: flex;
	flex-direction: column;
}

.ippin_2_1 {
	color: #e5b638;
}


.ippin_img {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 80%;
	margin: 5% 0% 8% 0%;
}

.ippin_img_1 {
	display: flex;
	flex-direction: row;
	text-align: center;
	width: 100%;
}

.ippin_img_1_1 {
	width: 100%;
}

.ippin_img_2 {
	display: flex;
	flex-direction: row;
	text-align: center;
	width: 100%;
	margin: 4% 0% 0% 0%;
}

.ippin_img_2_1 {
	width: 100%;
}

.insta {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	width: 90%;
	margin: 0% 5% 0% 5%;
}

@media screen and (min-width: 550px){
.insta {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	width: 76%;
}
}

.insta_1 {
    width: 10%;
}

.insta_2 {
	width: 90%;
	color: #e5b638;
	font-size: 3.4vw;
}

.insta_sozai {
	width: 84%;
    margin: 5% 8% 3% 8%;	
}

.omise {
	width: 100%;
}

.omise_img {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 94%;
	margin: 2% 3% 4% 3%;
}

.omise_img_1 {
	width: 16%
}

.omise_img_2 {
	width: 16%;
}

.omise_img_3 {
	width: 28.5%;
}

.omise_img_4 {
	width: 38%;
}

.joho {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 94%;
	margin: 0% 3% 0% 3%;
}
@media screen and (min-width: 960px){
.joho {
	display: flex;
	flex-direction: row;
	width: 94%;
	margin: 0% 3% 0% 3%;
}
}

#google_map {
    position: relative;
    padding-bottom: 68.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

@media screen and (min-width: 960px){
#google_map {
    position: relative;
    padding-bottom: 70.15%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
}

#google_map iframe,
#google_map object,
#google_map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#google_map2 {
    position: relative;
    padding-bottom: 68.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

@media screen and (min-width: 960px){
#google_map2 {
    position: relative;
    padding-bottom: 65.15%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
}

#google_map2 iframe,
#google_map2 object,
#google_map2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.joho_1 {
	width: 100%;
}

@media screen and (min-width: 960px){
.joho_1 {
	width: 48%;
}
}
.joho_2 {
    display: flex;
    flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 6% 0% 0% 0%;
}
@media screen and (min-width: 960px){
.joho_2 {
    display: flex;
    flex-direction: column;
	width: 49%;
	padding: 0% 0% 0% 3%;
}
}
	
.joho_2_1 {
	width: 80%;
	text-align: center;
}
@media screen and (min-width: 960px){
.joho_2_1 {
	width: 100%;
	text-align: center;
}
}
.joho_2_2 {
	width: 100%;
	text-align: center;
	margin: 4% 0% 4% 0%;
}

.joho_2_3 {
	width: 70%;
	margin: 0% 15% 0% 15%;
}

@media screen and (min-width: 550px){
.joho_2_3 {
	width: 100%;
}
}

.joho_2_4 {
	width: 100%;
	text-align: center;
	margin: 3% 0% 0% 0%;
}
@media screen and (min-width: 550px){
.joho_2_4 {
	width: 92%;
	padding: 0% 0% 0% 8%;
}
}

.goriyou {
    text-align: center;
	width: 72%;
	margin: 3% 14% 4% 14%;
}

@media screen and (min-width: 550px){
.goriyou {
    text-align: center;
	width: 60%;
	margin: 3% 20% 4% 20%;
}
}

.footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background: #000000;
	color: #ffffff;
}
