@charset "utf-8";
/* restaurant css */

.main {
background-image: url("../img/common/bg_blk.jpg");
background-repeat: repeat;
}
.sec_intro {
position: relative;
margin-bottom: 80px;
}
.intro_title {
font-family: "garamond-premier-pro", serif;
font-weight: 400;
font-size: 10.0rem;
letter-spacing: 0.2em;
color: #BCA461;
line-height: 100%;
margin-left: -14.14vw;
padding-bottom: 1em;
}
.content_inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 110px 9% 0 0;
position: relative;
margin-bottom: 100px;
}

.inner_txtbox {
width: 42.1%;
position: relative;
z-index: 10;
}

@media all and (max-width : 980px ){
.intro_title {
font-size: 6.0rem;
letter-spacing: 0.15em;
margin-left: 0;
padding-bottom: 30px;
}
.content_inner {
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
padding: 60px 12.34% 0 12.34%;
}
.inner_txtbox {
width: 100%;
}
.txt_wrap {
margin-bottom: 40px;
}
.sec_mori .content_inner {
flex-direction: column-reverse;
}
}

@media all and (max-width : 767px ){
.sec_intro {
margin-bottom: 0px;
}
.intro_title {
font-size: 3.0rem;
letter-spacing: 0.15em;
padding-bottom: 20px;
}
.content_inner {
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
padding: 40px 30px 0 30px;
margin-bottom: 30px;
}
.txt_wrap {
margin-bottom: 0px;
}
}

.content_copy {
font-size: 2.4rem;
font-weight: 500;
color: #CDC5AF;
letter-spacing: 0.4em;
padding-bottom: 50px;
margin-bottom: 70px;
position: relative;
}

@media all and (max-width : 1260px ){
.content_copy {
font-size: 2.2rem;
}
}

@media all and (max-width : 1024px ){
.content_copy {
font-size: 2.0rem;
margin-bottom: 60px;
}
}

.content_copy::after {
content: "";
display: block;
background-color: #B29458;
width: 100px;
height: 1px;
position: absolute;
left: 0;
bottom: 0px;
}
.content_txt {
font-size: 1.5rem;
color: #fff;
line-height: 200%;
}

@media all and (max-width : 820px ){
.content_txt {
font-size: 1.4rem;
line-height: 180%;
}
}

@media all and (max-width : 767px ){
.content_copy {
font-size: 1.6rem;
padding-bottom: 30px;
margin-bottom: 40px;
letter-spacing: 0.25em;
}
.content_copy::after {
width: 50px;
}
.content_txt {
font-size: 1.3rem;
line-height: 180%;
}
}


/* swiper
-------------------------------------------------- */

.swiper_ex_wrap {
position: relative;
width: 50%;
overflow: hidden;
padding-bottom: 30px;
}

@media all and (max-width : 980px ){
.swiper_ex_wrap {
width: 100%;
}
}

.swiper_ex_wrap .swiper-wrapper {
z-index: 5;
}
.swiper-img {
width: 100%;
display: block;
}
.swiper-img img {
width: 100%;
height: auto;
transform: scale(1.1);
display: block;
}
.img_cap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: block;
background: rgba(0, 0, 0, .7);
padding: 10px 5px;
color: #fff;
font-size: 1.4rem;
text-align: center;
}
.swiper_ex_wrap .swiper-pagination-bullet {
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
background: #ddd;
opacity: .2;
margin-right: 10px;
}
.swiper_ex_wrap .swiper-pagination-bullet:last-child {
margin-right: 0px;
}
.swiper_ex_wrap .swiper-pagination-bullet-active {
opacity: 1;
background: #B29458;
}
.swiper_ex_wrap .swiper-pagination {
position: absolute;
bottom: 0;
text-align: right;
}
.swiper_ex_wrap .swiper-pagination-bullet:hover {
cursor: pointer;
}
.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
animation: imgSlide 7s linear 0s normal both;
}

@keyframes imgSlide {
0% {
transform: translate(0px);
}
100% {
transform: translateX(-30px);
}
}

@media all and (max-width : 820px ){
.swiper_ex_wrap {
width: 100%;
margin-bottom: 30px;
}
.swiper-img img {
transform: scale(1.15);
}
}

@media all and (max-width : 767px ){
.swiper_ex_wrap {
padding-bottom: 25px;
margin-bottom: 10px;
}
.swiper-img img {
transform: scale(1.2);
}
.img_cap {
padding: 8px 5px;
font-size: 1.1rem;
}
}


/*-------------------------------------------------
sec_infomation
-------------------------------------------------*/

.sec_infomation {
margin-bottom: 100px;
}
.info_box {
padding: 40px 20px;
border: solid 1px #8E7742;
display: flex;
flex-direction: column;
align-items: center;
color: #ddd;
}
.info_title {
font-size: 2.2rem;
font-weight: 500;
letter-spacing: 0.4em;
line-height: 100%;
margin-bottom: 30px;
color: #B29458;
display: block;
}
.time_title {
letter-spacing: 0.2em;
font-size: 1.5rem;
margin-bottom: 15px;
}
.time_txt {
font-weight: 1.6rem;
letter-spacing: 0.2em;
margin-bottom: 15px;
}
.tel_txt {
font-size: 1.5rem;
letter-spacing: 0.2em;
}

@media all and (max-width : 767px ){
.sec_infomation {
margin-bottom: 40px;
}
.info_box {
padding: 30px 20px;
}
.info_title {
font-size: 1.8rem;
letter-spacing: 0.3em;
margin-bottom: 20px;
}
.time_title {
letter-spacing: 0.2em;
font-size: 1.5rem;
margin-bottom: 15px;
}
.time_txt {
font-weight: 1.3rem;
letter-spacing: 0.1em;
margin-bottom: 15px;
line-height: 180%;
text-align: center;
}
.tel_txt {
font-size: 1.6rem;
letter-spacing: 0.1em;
}
}


/*-------------------------------------------------
sec_food
-------------------------------------------------*/

.con_title {
font-size: 2.2rem;
font-weight: 500;
letter-spacing: 0.4em;
color: #B29458;
line-height: 100%;
padding-bottom: 50px;
display: block;
text-align: center;
margin-bottom: 50px;
position: relative;
}
.con_title::after {
content: "";
display: block;
background: #C14911;
width: 15px;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

@media all and (max-width : 767px ){
.page_navi {
margin-bottom: 40px;
}
.con_title {
font-size: 1.8rem;
letter-spacing: 0.2em;
padding-bottom: 30px;
margin-bottom: 30px;
}
.con_title::after {
width: 10px;
height: 1px;
}
}

.item_box {
width: calc(33.3333333% - 60px / 3);
margin-right: 30px;
margin-bottom: 50px;
}
.item_box:nth-child(3n) {
margin-right: 0px;
}
.item_img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.item_title {
font-size: 2.0rem;
font-weight: 600;
color: #B29458;
letter-spacing: 0.2em;
margin-bottom: 15px;
}
.item_txt {
font-size: 1.5rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
color: #ddd;
}
.item_price {
font-family: "garamond-premier-pro", serif;
font-weight: 400;
font-size: 1.6rem;
color: #ddd;
}
.child_menu ul {
display: flex;
justify-content: space-between;
}
.item_box_wrap {
display: flex;
flex-wrap: wrap;
}

@media all and (max-width : 1024px ){
.item_title {
font-size: 1.8rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
.item_txt {
font-size: 1.4rem;
margin-bottom: 10px;
}
.item_price {
font-size: 1.5rem;
}
}

@media all and (max-width : 820px ){
.item_box {
width: calc(50% - 30px / 2);
margin-right: 30px;
margin-bottom: 30px;
}
.item_box:nth-child(3n) {
margin-right: 30px;
}
.item_box:nth-child(2n) {
margin-right: 0px;
}
}

@media all and (max-width : 767px ){
.item_box {
width: 100%;
margin-right: 0px;
margin-bottom: 30px;
}
.item_box:nth-child(3n) {
margin-right: 0px;
}
.item_title {
font-size: 1.6rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
.item_txt {
font-size: 1.3rem;
}
}


/*-------------------------------------------------
sec_shishigin
-------------------------------------------------*/

.shishigin_box {
width: 100%;
padding: 10px;
border: solid 1px #826F3A;
display: flex;
justify-content: space-between;
align-items: center;
}
.shishigin_imgbox {
width: 38.78%;
}
.shishigin_txtbox {
width: 57.14%;
display: flex;
flex-direction: column;
align-items: center;
}
.shishigin_txtbox dt {
font-size: 2.0rem;
font-weight: 500;
color: #B29458;
letter-spacing: 0.2em;
line-height: 100%;
white-space: nowrap;
margin-bottom: 20px;
}
.shishigin_txtbox dd {
font-size: 1.5rem;
color: #ddd;
letter-spacing: 0.1em;
}
.sec_shishigin .box_s a {
transition-duration: 0.5s;
}
.sec_shishigin .box_s a:hover {
transition-duration: 0.5s;
opacity: .5;
}

@media all and (max-width : 820px ){
.shishigin_box {
padding: 5px;
}
.shishigin_txtbox dt {
font-size: 1.8rem;
letter-spacing: 0.15em;
margin-bottom: 20px;
}
.shishigin_txtbox dd {
font-size: 1.2rem;
}
}

@media all and (max-width : 767px ){
.shishigin_box {
width: 100%;
padding: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.shishigin_imgbox {
width: 100%;
margin-bottom: 20px;
}
.shishigin_txtbox {
width: 100%;
}
.shishigin_txtbox dt {
font-size: 1.6rem;
margin-bottom: 20px;
}
.shishigin_txtbox dd {
font-size: 1.2rem;
padding: 0 20px 20px;

}
}