@charset "utf-8";

* {
  box-sizing: border-box;
}


html {
  	/* フォントサイズ */
font-size: 62.5%;
font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%;
color: #441412;
}
body {
max-width: 1920px;
margin: 0 auto;
font-size: 1.4rem; /*14px*/
font-weight: 300;
}

main {
  max-width: 1000px;
  margin: 0 auto;
}
img {
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
  /* display: block; */
  transition: 0.5s;
}
a:hover {
    opacity: 0.8;
}
a :hover img {
    opacity: 0.7;
}
.flex {
display: flex;
}


/* スクロールCSS */
/* スクロールでふわっとフェードイン */
.fade-in {
  opacity: 0;
  transition-duration: 1s;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}


.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}







/* 見出し */
h1 {
  font-family: 'Abril Fatface', cursive;
  font-size: 4rem;

} 
h1 span {
  font-size: 2rem;
}
/* ｈ２ */
h2 {
  width: 80%;
  font-size: 7.2rem;
  font-family: 'Playfair Display', serif;
  color: #881E1A;
 /* 文字色を透過色にする */
 /* color: rgba(136, 30, 26, .4); */
  color: rgba(136, 30, 26, 0.9);
  text-shadow: 0px 4px 6px #eee, 0 0 #000;
  font-weight: bold;
  letter-spacing: 0.05rem;
  margin: 10rem 0 5rem;

}

h2 p {
  font-size: 2rem;
  margin: 0;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
}

.heading{
  font-size: 7.2rem;
  font-family: 'Playfair Display', serif;
  color: #881E1A;
 /* 文字色を透過色にする */
 /* color: rgba(136, 30, 26, .4); */
  color: rgba(136, 30, 26, 0.9);
  text-shadow: 0px 4px 6px #eee, 0 0 #000;
  font-weight: bold;
  letter-spacing: 0.05rem;
  margin: 10rem 0 5rem;
}

.heading span {
	display: flex;
	align-items: center;
	color: #881E1A;
	font-size: 1.4rem;
	text-transform: uppercase;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.heading span::before {
	content: '';
	display: inline-block;
	margin-right: 2rem;
	width: 4rem;
	height: 1px;
	background-color: rgba(136, 30, 26, 0.5)
}
.heading span::after {
	content: '';
	display: inline-block;
	margin-left: 2rem;
	width: 4rem;
	height: 1px;
	background-color: rgba(136, 30, 26, 0.5)
}

/* h3 */
h3 {
  font-size: 3rem;
  line-height: 0.7;
  /* letter-spacing: 0.05em; */
  color: #E6B422;
  font-weight: lighter;
  border-left: #E6B422 4px solid;
  padding: 1.5rem 2rem;
  margin-bottom: 2.5rem;

}
/* h4 */
h4 {
  font-size: 3rem;
  letter-spacing: 0.05em;
  color: #E6B422;
  font-weight: lighter;
}

/* h5 */

  /* font-family: 'Noto Sans JP', sans-serif;
  font-family: 'Noto Serif JP', serif;
  font-family: 'Playfair Display', serif; */
/* h5 {
  width: 99%;
  height: 7rem;
  font-size: 2.5rem;
  text-shadow: -3px 2px 0 #000;
  letter-spacing: 0.3em;
  padding: 1.8rem 3rem;
  color: #FFF;
  background-color: #881E1A;
  position: relative;
  line-height: 1.3;
  z-index:-2;
}
h5::before {
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
} */
/* 共通　margin-bottom 100px */
.margin{
  margin-bottom: 10rem;
}


/*--------------------------------------------------------------
   HEADER
--------------------------------------------------------------*/

/* header{
  height: 100vh;
  position: relative;
} */
header{
  height: 100vh;
}
.header{
  width: 100%;
  height: 78px;
  margin: 0 auto;
  /* padding-left: 2.1rem; */
  padding: 0 2.2rem;
  background: #E6B422;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  z-index: 200000;

}
.openbtn {
  display: none;
}
.nav-nav {
  align-items: center;

}
/* .nav{
  display: flex;
  align-items: center;
} */
.radius {
  padding-left: 1.4rem;
}
.logo a {
  display: block;
  /* height: 5rem; */
}

.sns .flex{
  justify-content: end;
}
.sns p {
  margin: 0;
  padding-bottom: 0.4rem;
}
.gnav__link{
  font-size: 1.6rem;
  font-family: 'Playfair Display', serif;
  display: inline-block;
  padding: 0 3rem;
}
.sns__link2{
  display: inline-block;
  /* padding: 0 1rem 0 2rem; */
}

.napole {
  display: flex;
  align-items: center;
}

 /* ナポリピッツ
 ア職人協会認定職人の店logo */
 .sns img {
  padding-left: 1.5rem;

 }


.gnav__link a{
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  color: #441412;
  letter-spacing: 0.1rem;
  /* padding: .4em .8em; */

}
/* li {
  height: 3rem;
  border-left: 2px #441412 solid;
  border-right: 2px #441412 solid;
}
li + li {
  border-left: 0;
  border-right: 2px #441412 solid;
} */


.burger-btn {
  display: none;
}






/* <-- メインビジュアル --> */
.main_imgBox {
 width: 100%;
 height: 100%;
 /* height: calc(100vh - 130px); */
 overflow: hidden;
 position: relative; 
 /* margin: 0 auto; */
}

.main_img {
  z-index:10;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  animation: anime 36s 0s infinite; 
  }


.benvenuti {
  position: absolute;
    z-index: 100000;
    font-size: 6rem;
    bottom: 5rem;
    left: 5rem;
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    line-height: 1;
}
.benvenuti p {
  font-size: 3.5rem;
  margin: 0;
}
#rubi {
  font-size: 1.6rem;
  font-family: 'Noto Sans JP';
  margin: 0;
  margin-top: 1.5rem;
}
/* CONSEPUT */
#consept {
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
  background-image: url(/img/18364358.jpg);
  background-size: cover;
  padding: 8px calc(50vw - 50% + 8px);
  margin: 0 calc(50% - 50vw);
  width: 100vw;

}
.wrap {
    /* height: 300px; */
    margin-bottom: 70px;
    background-color: rgb(255, 255, 255, 0.63);
}
.wrap img {
  /* height: 300px; */
  display: block;
  width: 56%;
}

.box{
  padding: 4.2rem;
  width: 44%;

  align-items: center;
}
.box-p1 {
  font-size: 2.4rem;
  font-weight: 600 ;
  line-height: 1.4;
  margin: 0 auto 2rem;
}

.box-p2 {
  font-size: 1.4rem;
  line-height: 1.6;
}
.col {
  margin-bottom: 135px;
}



/* <!-- ページトップへ戻るボタン --> */


/* #page-top{
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;

} */
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
}
#page-top a {
  text-decoration: none;
  /* width: 60px; */
  display: block;
  opacity: 0.9;
  transition: all .3s ease;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}


/* MENU */

/* メニュータブ切り替え */
.img-wrap {
  height: 330px;

}


.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  /* margin:20px 0; */
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #FFF;
  display: block;
  order: -1;
}
.tab-label {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  font-size: 2rem;
  padding: .25rem;
  border: #E6B422 2px solid;
  color: #E6B422;
  background: #FFF;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;

  display: flex;
  justify-content: center;
  align-items: center;
}






.tab-switch:checked+.tab-label {
  color: #FFF;
  background: #E6B422;
  border: 0;
  position: relative;
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  padding: .25em;
  line-height: 1.5;
  z-index: 1;
}
.tab-label:not(:last-of-type)
{
  margin-right: 3.2rem
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  /* overflow: auto; */
  /* padding: 15px; */
  opacity: 1;
  /* transition: .5s opacity; */
  /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); */
}
.tab-switch {
  display: none;
}

.tab-switch:checked+.tab-label:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #E6B422;
  border-width: 14px;
  margin-left: -14px;
}


/* tab-画像 */
.tab-img{
  width: 100%;
  height: 330px;
  margin-top: 3rem;
  object-fit: cover;

}
/* ランチ */
/* ランチセット　テーブル */


.name {
  width: 80%;
  text-align: start;
  padding-bottom: 2.2rem;
  padding-top: 2.2rem;
  /* font-weight: 400; */
}
/* tab2 メニュー　料理　肉料理 */
.content-table5 .name,  .content-table6 .name{
  padding-bottom: 3.2rem;
}
.name span {
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: lighter;

}
.price {
  width: 20%;
  text-align: end;
  /* padding-bottom: 2.2rem; */
  font-weight: 300;
}
.menu-price {
  border-bottom: 2px solid rgb(230, 230, 230) !important;
}

/* ランチ　メインメニューの一例 */
table {
  width: 100%;
}
.point {
  background:  rgb(68, 20, 18, 0.1) ;
  padding: 4rem;
  margin-bottom: 5rem;
  display: inline-block;
  margin-top: 3rem;

}

.point .kome {
  padding-bottom: 1rem;
}

.point-1 .kome-p span {
  padding: 0;
}
.point-p22{
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
  letter-spacing: 0.05rem;

}
.pizza-img img {
  position: relative;
}
.rotate1 {
  position: absolute;
    top: 82px;
    right: -26rem;
    transform: rotate(332deg );
}
.rotate2 {
  top: 104px;
  right: -30rem;
  transform: rotate(84deg );
  transition: transform 0.3s ease-out;
}
.rotate2:hover {
  transform: rotate(10deg);
}

.point-1 {
  padding: 2rem 10rem 2rem 0;
  margin-bottom: 10rem;
}
.p{
  font-size: 1.6rem;
  padding-bottom: 1rem;
  font-weight: 400;
}

.kome-p span {
  display: inline-block;
  padding: 0 0 2.2rem 0;

}


/* 料理　tab02 */
.cook-margin {
  margin: 0;
}


/* コースtab03 */
.free {
  background-color: rgb(68, 20, 18, 0.1);
  /* padding: 3rem 2rem;
  margin: 3rem 0 7rem; */
  padding: 5rem 4rem;
   margin: 4rem 0 7rem;
}
.free .kome {
  margin: 0;
  font-size: 1.5rem;
  letter-spacing: 0.05rem;
}
.free-p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 1rem;
  padding-bottom: 2.2rem;
  font-weight: 400;

}
.pb-22 {
  padding-bottom: 2.2rem;
}
.free-drink {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 1rem;
  /* padding-bottom: 0; */
}

.free span {
  font-weight: 300;
  display: block;
}


.course {
  font-family: 'Noto Sans JP', sans-serif;
  font-family: 'Playfair Display', serif;
  font-size: 2rem;
  font-weight: 700;
  color: #441412;
  padding: 0 0 0 1rem;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}


/* ドリンクtab4 */
.drink {
  margin-bottom: 10rem;
}
.content h4 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.tometo {
  /* color: #441412; */
  font-size: 1.6rem;
  font-weight: 700;
}
.drink-p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 2.2rem;
}
.drink-p span {
  font-weight: 300;
}
.drink-ps {
  font-size: 1.3rem;
  line-height: 1.5;
 padding: 2.2rem 0;
 border-bottom: 2px solid rgb(230, 230, 230);
}
/* 本日のおすすめスパークリングワイン */
.s-wine {
  /* width: calc(100% / 3); */
  width: 100%;
  padding-top: 2.2rem;
}
.drink-p0 {
  width: 30%;
  /* margin: 0 0 0.5rem 0; */
}
.price-g {
  width: 70%;
  align-items: center;

  justify-content: end;
}
.drink-p1 {
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  padding-left: 3rem;
  margin: 0.1rem 0;
}
/* ボトルワイン */


.content .wine-p {
 padding-bottom: 2.1rem;
}
.wine-p span {
  display: inline;
  font-weight: 300;
  float: right;
}
/* ビール */
.beer {
  padding-top: 2.2rem;
  margin-bottom: 2.2rem;
  border-bottom: 2px solid rgb(230, 230, 230);

}
.drink .drink-ps.margin {
  padding-top: 0;
}



/* テイクアウトtab05 */
.tekeout-h3.flex {
  justify-content: space-between;
  align-items: center;
}
.tekeout-h3.flex .price {
  padding-bottom: 0;
}
.drink-p span {
  float: right;
}
.set {
  padding-left: 4rem;
}
.set .kome {
  padding-bottom: 1rem;
}
.time {
  margin: 1rem auto ;
}
.point-s {
  margin: 0 0 1.2rem 0;
}
.poin {
  margin: 1rem 0 0.3rem 0;
}
.takeout .point {
  width: 100%;
  width: 100%;
  padding: 1rem 1rem 1rem 4rem;
}
/* 期間限定ディナーテイクアウト */


.takeout h5 {
  font-weight: 700;
  margin: 2rem auto;
  font-size: 2rem;
  font-weight: 700;
}

.tekeout-h3 {
  color: #441412;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  font-weight: 500;
  border-left: #E6B422 4px solid;
  padding: 0.1rem 1rem;
  margin: 2rem auto 0;
}

/* ご注文はコチラbtn　*/
.button {
  font-size: 2.5rem;
  font-family: 源ノ角ゴシック;
  text-align: center;
  /* cursor: pointer; */
  padding: 22px 50px;
  background: #e6b422;
  color: #ffffff;
  letter-spacing: 0.1rem;
  line-height: 1.5rem;
  transition: .3s;
  border: 2px solid #e6b422;
  width: 40rem;
  margin: 10rem auto;
  justify-content: center;
  display: block;
}
.button:hover {
color         : #e6b422;     /* 背景色     */
background    : #ffffff;     /* 文字色     */
}

.fa-chevron-right:before {
content: "\f054";
padding-left: 1rem;
}

.Orde{
  margin: 2.2rem 0 10rem;
}



/* ABOUT  */
#about{
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
  background-image: url(/img/18364358.jpg);
  background-size: cover;
  padding: 1px calc(50vw - 50%);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.adress{
  width: 100%;
  color: #707070;
  display: inline-block;
  padding: 4rem;
  /* padding: 10rem auto 13rem; */
  font-size: 1.7rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
  font-weight: lighter;
  border-collapse: collapse;
  background-color: #fff;
  vertical-align: top;
  /* font-family: 'Noto Sans JP', sans-serif; */
  font-family: 'Playfair Display', serif;
}



.adress th{
  position: relative;
  text-align: left;
  width: 30%;
  /* padding: 1rem 0 1rem 4rem; */
  /* padding-left: 4rem; */
  font-weight: lighter;
  vertical-align: top;

}


.adress td{
  text-align: left;
  width: 70%;
  text-align: left;
}
.padding-top {
  padding-top: 2.2rem;
}
.padding-b{
  padding-bottom: 2.2rem;
}
.inline {
  display: inline-block;
  width: 7.9rem;
}
dd, dt {
  display: inline-block;
}
dt {
  vertical-align: top;
  width: 14%;
}
dd {
  width: 80%;
}

.padding-b {
  padding-bottom: 2rem;
}


/* お席のご予約 */


/* ネットで予約する btn */
.button12 a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 22rem;
  color: rgb(255, 255, 255);
  /* font-size: 1.6rem; */
  font-weight: 700;
  background-color: #441412;
  transition: 0.3s;
}
.fff {
  background-color: #fff;
  padding-bottom: 4rem;
}

.button12 a::before {
  content: '';
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 100%;
  height: 2px;
  background-color: #881E1A;
  transition: 0.2s ease 0s;
}

.button12 a::after {
  content: '';
  position: absolute;
  top: 7px;
  right: -7px;
  width: 2px;
  height: 100%;
  background-color: #881E1A;
  transition: 0.2s ease 0.2s;
}

.button12 a:hover::before {
  width: 0%;
}

.button12 a:hover::after {
  height: 0%;
}

.button12 a:hover {
  text-decoration: none;
  color: #441412;
  background: rgb(68, 20, 18, 0.3)
}










/* GoogleMap */

.gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 10rem auto;

  }

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





/* footer */
.footer {
  width: 100%;
  padding: 2.2rem 0 1.2rem;
  background-color: #E6B422;
  text-align: center;
}
.footer p, .header p {
  padding-left: .5rem;
}
.logo-footer {
  display: inline-block;
  /* padding-top: 1rem; */
  /* margin: 0 auto; */
}
footer .sns__link {
  display: inline-block;
  padding-right: 3rem;
  padding-left: 3rem;
}
footer .gnav__link {
  /* padding: 0 3rem; */
  padding: 0 2rem;
}
.footer-sns {
  justify-content: center;
  padding-bottom: 1rem;
}
footer .flex{
  justify-content: center;
  align-items: center;
  padding: 2.2rem;
}
footer .nav {
  padding-top: 0;
}














/*=============== メディアクエリ =================*/
/* 画面幅960px"以下"の時に読み込むスタイル */
@media screen and (max-width:960px) {

main {
    max-width: 80%;
  }
  /* h2 */
.heading {
    font-size: 5.2rem;
    margin-top: 4rem;
}
.heading span::after {
  margin-left: 1.5rem;
  width: 3rem;
}
.heading span::before {
  margin-right: 1.5rem;
  width: 3rem;
}

.napole {
  display: none;
}
.openbtn {
  display: block;
}
  /* ランチドリンク */
.point-1 {
  padding: 0;
}

.db {
    display: block;
  }
  	/* スマホ版非表示 */
.sp {
  display: none;
}
  /* .pc {
    display: none;
  } */

.point{
  width: 100%;
}
/* concept */

.wrap {
  flex-direction: column;

}
.col {
  flex-direction: column-reverse;
}


/* tab */
.box, .wrap img {
  width: 100%;
}
.tab-label {
  font-size: 1.8rem;
}
.tab-switch:checked+.tab-label {
  font-size: 1.8rem;
}
.eng {
  top: -17%;
  left: 45%;

}

.tab-label:not(:last-of-type) {
    margin-right: 1.5rem;
}

  /* <!-- メインビジュアルの --　文字> */

.benvenuti{
  font-size: 5.2rem;
}
.benvenuti p {
  font-size: 3.5rem;
}


/*テイクアウト */
.takeout .point {
  padding: 1rem;
}







/* about font-size: ; */


.adress th {
  width: 23%;
}
.adress dd {
  padding-left: 2rem;
}

.reserve p {
  padding: 0 4rem 6rem;
  text-align: center;
}

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	/*ボタン内側の基点となるためrelativeを指定。
追従するナビゲーションの場合はfixed＋top、rightといった位置をセットで指定*/
	position: relative;
  /* right: 4em; */
	width: 5rem;
  height:5rem;
	cursor: pointer;
	background:#E6B422;
  z-index: 20;
}

/*ボタン内側*/

.openbtn span{
    display: inline-block;
    transition: all .6s;/*アニメーションの設定*/
    position: absolute;
    left: 13px;
    height: 2px;
	  background-color: #441412;
  }


.openbtn span:nth-of-type(1) {
	top:22px;
  	width: 50%;
}

.openbtn span:nth-of-type(2) {
	top:29px;
  width:30%;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.click span:nth-of-type(1) {
    top: 20px;
    left: 16px;
    transform: translateY(6px) rotate(-45deg);
    width: 35%;
}

.openbtn.click span:nth-of-type(2) {
    top: 32px;
    left: 16px;
    transform: translateY(-6px) rotate(45deg);
    width: 35%;
}


#globalMenuSp {
  position: absolute;
  z-index : 20;
  top  : 7.8rem;
  left : 60%;
  /* background: rgb(230, 180, 37, 0.9); */
  background: #e6b522f6;
  transform: translateX(100%);
  transition: all 1s;
  width: 100%;
  align-items: flex-start;
  /* padding-top: 6rem; */
}



#globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  /* padding: 0 2rem; */
  width: 100%;
}


#globalMenuSp ul li {
  list-style-type: none;
  padding: 0 0 0 2rem;
  width: 100%;
  transition: .4s all;
}
#globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
#globalMenuSp ul li:hover{
  /* background :#ddd; */
 background: #e6b522f6;

 
}

#globalMenuSp ul li a {
  display: block;
  font-family: 'Playfair Display', serif;

  padding: 3rem 1rem;
  text-decoration :none;
}
/* このクラスを、jQueryで付与・削除する */
#globalMenuSp.active {
  transform: translateX(0%);
}

footer .sns__link {
  padding-left: 0;
}







/* 画面幅520px"以下"の時に読み込むスタイル */
@media screen and (max-width:520px) {

  main {
    max-width: 92%;
  }
.sp-n {
  display: none;
}

#globalMenuSp {
  left: 50%;
}
#globalMenuSp ul {
  margin: 0;
}


 /* <!-- メインビジュアルの --　文字> */

 .benvenuti{
  font-family: 'Playfair Display', serif;
  font-size: 3.2rem;
}
.benvenuti p {
  font-size: 2.5rem;

}

/* 見出しh2 */
.heading {
  font-size: 4rem;
}
.heading span::before {
  margin-right: 1rem;
  width: 2rem;
}
.heading span::after {
  margin-left: 1rem;
  width: 2rem;
}
/* tab */
.tab-label {
  font-size: 1.4rem;
}
.tab-switch:checked+.tab-label {
  font-size: 1.4rem;
}
.eng {
  font-size: 1.8rem;
  top: 17%;
  left: 50%;
}
.tab-label:not(:last-of-type) {
  margin-right: 1rem;
}

.set {
  padding-left: 0;

}
/* about font-size: ; */
.adress {
  font-size: 1.4rem;

}

/* footer */


.footer .flex {
  display: block;

}
.footer .footer-napole {
  display: flex;
  padding: 2.2rem 0 0;
}
footer .gnav__link {
  padding: 0 2rem 2.2rem;
}
footer .gnav {
  display: flex;
  padding-left: 0;
  justify-content: center;

}

}















}