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

img { -ms-interpolation-mode: bicubic; }

.sp{
display: none;
}

body{
background: #EDDDA9;
}

.top_fixed{
width: 100%;
background: url("../img/top/ba_01.png");
position: fixed;
z-index: 99;
}

.top_h_section{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
width: 95%;
margin: 0 auto;
padding: 15px 0;
}

.top_h_section div h1{
width: 225px;
margin-right: 40px;
}

.pc_navi > a{
font-family: gryphius-mvb,serif;
font-weight: 400;
font-style: italic;
font-size: 1.8rem;
color: #fff;
margin-right: 1em;
}

.h_right_data{
text-align: right;
font-size: 1.8rem;
color: #fff;
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
letter-spacing: 0.1em;
position: absolute;
right: 2.5%;
top: 10px;
}

.h_right_data a{
font-size: 1.8rem;
color: #fff;
}

.top_main_img{
background: url("../img/top/main_img_01.jpg") no-repeat center center;
background-size: cover;
width: 100%;
height: 100vh;
position: relative;
}

.top_main_img div{
width: 765px;
position: absolute;
top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
}

.top_main_p_01{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 3.5rem;
padding: 15px 0;
}

.top_main_p_02{
font-size: 1.5rem;
line-height: 200%;
}

.shopping_btn{
width: 300px;
position: absolute;
bottom: 5%;
right: 2.5%;
}

.top_main_section_01{
width: 1200px;
margin: 0 auto;
padding: 60px 0;
}

.top_midashi_01{
background: url("../img/top/midashi_ba_01.png") no-repeat center center;
background-size: 100%;
font-family: gryphius-mvb,serif;
font-weight: 400;
font-style: italic;
font-size: 4.0rem;
color: #534741;
text-align: center;
margin-bottom: 20px;
}

.works_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.works_list_01 li{
width: 31%;
height: 366px;
position: relative;
}

.works_list_01 li:hover{
opacity: 0.7;
}

.works_list_01 li:nth-of-type(1){
background: url("../img/top/works_01.png") no-repeat;
background-size: contain;
}

.works_list_01 li:nth-of-type(2){
background: url("../img/top/works_02.png") no-repeat;
background-size: contain;
}

.works_list_01 li:nth-of-type(3){
background: url("../img/top/works_03.png") no-repeat;
background-size: contain;
}

.works_list_01 li a{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.works_list_01 li p{
text-align: center;
font-size: 3.2rem;
color: #fff;
font-family: gryphius-mvb,serif;
font-weight: 400;
font-style: italic;
line-height: 80%;
position: absolute;
top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.works_list_01 li p span{
font-size: 1.1rem;
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
}

.top_main_section_02{
width: 100%;
background: url("../img/top/ba_02.png") no-repeat center center;
background-size: cover;
height: 100vh;
position: relative;
}

.top_main_section_02 div{
width: 1200px;
position: absolute;
top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.white{
color: #fff;
}

.margin_top40{
margin-top: 40px;
}

.margin_bottom40{
margin-bottom: 40px;
}

.margin_bottom20{
margin-bottom: 20px;
}

.top_midashi_02{
font-size: 2.5rem;
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
}

.honbun_01{
font-size: 1.4rem;
line-height: 220%;
}

.btn_01{
font-family: gryphius-mvb, serif;
font-weight: 400;
font-style: normal;
font-size: 1.8rem;
border: #fff 1px solid;
color: #fff;
list-style: 100%;
padding: 5px 40px 5px 5px;
position: relative;
}

.btn_01::after{
font-family: "Font Awesome 5 Free";
content: '\f105';
font-weight: 900;
position: absolute;
    top: 50%;
	right: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.center{
text-align: center;
}

.brown{
color: #534741;
}

.shop_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.shop_list_01 li{
width: 24%;
}

.btn_02{
font-family: gryphius-mvb, serif;
font-weight: 400;
font-style: normal;
font-size: 1.8rem;
border: #534741 1px solid;
color: #534741;
list-style: 100%;
padding: 5px 40px 5px 5px;
position: relative;
}

.btn_02::after{
font-family: "Font Awesome 5 Free";
content: '\f105';
font-weight: 900;
position: absolute;
    top: 50%;
	right: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.news_box{
background: url("../img/top/ba_03.png") no-repeat;
background-size: 100% 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 950px;
padding: 60px 125px;
margin-bottom: 40px;
}

.news_box div:nth-of-type(1){
width: 20%;
}

.news_box div:nth-of-type(2){
width: 75%;
}

.news_midashi_01{
font-family: gryphius-mvb, serif;
font-weight: 400;
font-style: normal;
color: #534741;
font-size: 4.0rem;
line-height: 100%;
margin-top: -20px;
}

.news_midashi_01 span{
font-family: a-otf-gothic-bbb-pr6n,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.1rem;
line-height: 100%;
}

.btn_03{
font-family: a-otf-ryumin-pr6n,serif;
font-weight: 300;
font-style: normal;
font-size: 1.2rem;
border-bottom: #534741 1px solid;
color: #534741;
padding-right: 4em;
position: relative;
}

.btn_03::after{
font-family: "Font Awesome 5 Free";
content: '\f105';
font-weight: 900;
position: absolute;
    top: 50%;
	right: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.news_list_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news_list_01 dt{
font-size: 1.3rem;
width: 13%;
border-bottom: #000000 1px dotted;
padding-bottom: 15px;
margin-bottom: 15px;
}

.news_list_01 dd{
width: 87%;
border-bottom: #000000 1px dotted;
padding-bottom: 15px;
margin-bottom: 15px;
}

.news_list_01 dt:nth-of-type(4){
margin-bottom: 0;
}

.news_list_01 dd:nth-of-type(4){
margin-bottom: 0;
}

.news_list_01 dd a{
font-size: 1.3rem;
text-decoration: underline;
}

.map_section{
width: 100%;
}

.map_section iframe{
width: 100%;
height: 400px;
}

.map_section iframe,
.map_section object,
.map_section embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all  0.7s ease;
}

.map_section iframe:hover,
.map_section object:hover,
.map_section embed:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.f_data_section{
width: 100%;
background: url("../img/top/ba_04.png") no-repeat center center;
background-size: cover;
}


.top_midashi_03{
background: url("../img/top/ba_05.png") no-repeat center center;
background-size: 100%;
font-family: gryphius-mvb,serif;
font-weight: 400;
font-style: italic;
font-size: 4.0rem;
color: #534741;
text-align: center;
margin-bottom: 20px;
color: #fff;
}

.f_data_section_02{
width: 100%;
background: url("../img/top/ba_06.png");
}

.f_data_section_02 img{
width: 272px;
margin-bottom: 20px;
}

.copyright{
font-size: 1.1rem;
}

.pagetop{
background: #fff;
width: 40px;
height: 40px;
position: fixed;
bottom: 0;
right: 0;
font-size: 4.0rem;
z-index: 999999;
}

.pagetop i{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}