.pc {
  display: none;
}

#content.page {
  margin-top: 100px;
}

.midashi-style-3 {
  font-size: 28px;
}

.midashi-style-6 {
  margin-top: 32px;
}

.midashi-style-7 {
  font-size: 28px;
}

.img-full-sp {
  transform: scale(1.042);/*100÷96*/
}

/*ヘッダー*/

.nav-flex {
  margin-bottom: 64px;
  height: 80vw;
}

#home .nav-flex {
  margin-bottom: 0;
  height: 100vh;
}

.nav-flex h1 {
  padding: 18px 0 0 16px;
}

.logo {
  width: 70%;
}
  
#btn-nav {
  display: block;
  width: 40px;
  height: 40px;
  position: fixed;
  top: 32px;
  right: 16px;
  z-index: 3;
  background-color: black;
  opacity: 0.6;
}
  
#btn-nav div {
  background-color: white;
  height: 2px;
  position: absolute;
  width: 72%;
  left: 14%;
  border-radius: 2px;
  transition: all 0.2s;
}
  
#btn-nav div:nth-child(1) {
  top: 30%;
}
  
#btn-nav div:nth-child(2) {
  top: 50%;
}
  
#btn-nav div:nth-child(3) {
  top: 70%;
}
 
#btn-nav.active div:nth-child(1){
  top: 50%;
  transform: rotate(225deg);
}
  
#btn-nav.active div:nth-child(2){
  visibility: hidden;
}
  
#btn-nav.active div:nth-child(3){
  top: 50%;
  transform: rotate(-225deg);
}
  
#page-header {
  width: 100%;
  background-color: white;
  z-index: 1;
}
  
#page-header #nav-main {
  background-color: white;
  padding: 24px;
  padding-top: 60px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transform: translateX(100vw);
  transition: transform 1s ease;
  z-index: 3;
}
 
#page-header #nav-main.active {
  transform: translateX(0);
}
  
#nav-main ul li {
  width: 80%;
  border-bottom: solid 1px #d1d1d1;
}
  
#nav-main ul li a {
  padding: .8em 0 .8em 2em;
  font-size: 20px;
  font-weight: 500;
  color: #222;
}

#nav-main ul {
position: relative;
}

#nav-main li.shop-nav {
        position: absolute;
        top: calc(100% + 32px);
        left: 50%;
        transform: translateX(-50%);
        border-bottom: none;
}

#nav-main li.shop-nav a {
  background-color: black;
  color: white;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 1.5em;
  width: 100%;
  text-align: center;
}

/*トップページ*/

.bk-snow {
  background-image: url(images/mv-bg-sp.jpg);
  background-size: cover;
  background-position: right top;
}

.bk-snow::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FBFBFB 70%);
}

/*トップスライド*/

.slide-mv {
  margin-top: 13vh;
  margin-bottom: 48px;
}

.slide-txt {
  margin-top: 2em;
  font-size: 32px;
  padding-right: 20vw;
}

/*私たちについて*/

.box-style-2 {
  margin-bottom: 72px;
}

#aboutus2 {
  margin-bottom: 48px;
}

/*テーブル*/

table.sp-block,
table.sp-block > tbody,
table.sp-block > tbody > tr,
table.sp-block > tbody > tr > th,
table.sp-block > tbody > tr > td {
  display: block;
}

table.sp-block > tbody > tr {
  border-bottom: none;
}

table.sp-block > tbody > tr > th {
  background-color: #eee;
  text-align: left;
  padding: 1em;
}

table.sp-block > tbody > tr > td {
  padding: 2em 1em;
}

/*見出し*/

.midashi-style-1 {
  padding-right: 1em;
  padding-left: 1em;
  text-align: center;
  margin-bottom: 1em;
}

/*.midashi-style-1::before {
  left: 2.7em;
  width: 3.5em;
  height: 3.5em;
}*/

.midashi-style-4 {
  margin-bottom: 64px;
}

#home .midashi-style-4 {
  margin-bottom: 32px;
}

/*フルーツ一覧*/

#fruits {
  padding-bottom: 64px;
}

#fruits ol li {
  margin-bottom: 80px;
}

/*香港*/

.hongkong-right {
  padding-top: 71.7%;/*高さがないので画像が映らない。高さを指定する 横930px 縦667px 667÷930=0.717*/
}

.hongkong-left {
  padding: 3em 2em;
}

/*トップブログ一覧*/

#news {
  padding: 6em 0 16em 0;
}

.date {
  margin: 24px 0 8px 0;
}

/*ショッピング*/

.sold-out {
  font-size: 6vw;
}

.midashi-style-5 {
  font-size: 20px;
}

/*フッター*/

footer {
  padding-top: 1px;
}

#nav-footer {
  text-align: center;
}

#nav-footer > div {
  display: inline-block;
  text-align: left;
}

.footer-logo {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.footer-main .logo-add {
  text-align: center;
}

.footer-main address {
  display: inline-block;
  text-align: left;
}

#nav-footer ul li a {
  display: block;/*縦方向のpaddingはblockかinline-blockしか効かない*/
  padding: 8px 0;
}

.footer-btn-margin {
  margin: 2em 0;
}

/*下層ページ*/
/*About Us*/

.midashi-style-8 {
  font-size: 10vw;
  margin-bottom: 24px;
}

.sub-3 {
  font-size: 3vw;
}

.lower-fruits-more {
  font-size: 3vw;
}

/*スタッフ紹介*/

#staff .greetings-right {
  padding: 3em 1em;
}

#staff-greetings {
  margin-bottom: 80px;
}

#staff-detail {
  margin-bottom: 32px;
}

.incharge {
  font-size: 14px;
}

/*果物下層ページ*/

#watermelon .nav-flex,
#persimmon .nav-flex,
#fig .nav-flex {
  margin-bottom: 64px;
  height: 80vw;
}

/*Blog記事一覧*/

.post-date {
  padding-top: .7em;
}

/*お問い合わせ*/

table.sp-block,
table.sp-block > tbody,
table.sp-block > tbody > tr,
table.sp-block > tbody > tr > th,
table.sp-block > tbody > tr > td {
  display: block;
}

.inquiry th {
  padding: 1em;
}
	
　/*メインビジュアル非表示*/
#main-visual {
  display: none;
} 
  
  /*パンくずリスト非表示*/
#breadcrumb {
  display: none;
} 
  
/*サイドバーを下に落とす*/
#content,
aside {
  width: 100%;
}

#content {
  margin-bottom: 64px;
}

aside {
  margin-bottom: 144px;
}
	
/*コンテント*/
#content {
  padding: 10px;
  margin-top: 15px;
}
  
#single #content {
  padding: 10px;
}
  
/*見出し*/
#content h1{
  font-size: 28px;
}