@charset "utf-8";

/* *****共通設定***** */
body{
  background-image: url("../img/background.png");
}
a { color: #696969; }
a:hover { color: #a9a9a9; }
.bg-primary,
.btn-primary { background-color: #00008b !important; }
.border-primary { border-color: #00008b !important; }
.bg-maincolor { background-color: #f0f8ff !important; }
.btn-warning:hover {
  color: #212529;
  background-color: #ffa500;
  border-color: #ffa500;
}
.bg-yl-color { background-color: #fffaf0 !important; }
.text-shadow { text-shadow: 1px 1px 3px #000; }
.font-patrick { font-family: 'Fredericka the Great', cursive; }

/* ヘッダー(navbar) */
#nav01 { border-bottom: 3px solid #00008b; }
#nav02 .nav-fill { width: 100%; }
#nav02 .nav-item { border-left: 1px solid #dee2e6; }
#nav02 .last-list-md { border-right: 1px solid #dee2e6; }

/* フッター */
#footer-sns img {
  width: auto;
  margin-right: 25px;
}
#footer-index ul ul {
  padding-left: 0.75rem;
  border-left: 1px solid #6c757d;
}
img{
  padding:0;
  margin:0;
}
/* *****トップページ***** */
.container {
  width: 1000px;
  margin:0 auto;
  padding:0 10px;
}
.margin-center{
  margin:0 auto;
}
.topback{
  background-image: url("../img/fv_bg.png");
  background-size:cover;
  background-position: center center;
}
.topback img.bottle{
  width:80%;
  max-width: 231px;
}
.topback img.apple{
  width:80%;
  max-width: 476px;

}

.bottleback{
  background-image: url("../img/bottlelineback.png");
  background-size:cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
#convinefruite,
#okinawafruite{
  max-width:100%;
  width:100%;
  margin-bottom: 1rem;
}

.fruite{
  max-width: 310px;
  margin:0 auto;
}
img.fruite{
  height:250px;
}

.fruiteback{
  background-image: url("../img/fruiteback.png");

}
img.awamori{
  max-width: 428px;
}
img#awamori{
  max-width:537px;
}
.awamoriback{
  background-image: url("../img/awamoriback.png");
  background-position: center center;
  background-size:cover;

}
img#tansan{
  max-width: 656px;
}
img.tansan{
  max-width: 358px;
}
img.tansan2{
  max-width: 437px;
}
.right0{
  right:0;
  left:auto;
}
.tansanalign{
  text-align:right;
}
.tansanalign2{
  text-align:left;
}
img.bunner{
  width:80%;
}
.bunneralign{
  text-align: right;
}
.bunneralign2{
  text-align: left;
}
.footer{
  background-image: url("../img/footer_bg.png");
  background-position: center center;
  background-size:cover;
  position:relative;
}
.footlogo{
  position:absolute;
  top:30%;
}
img.footlogo {
  width:80%;
  max-width: 386px;
  margin: auto;
}
img.footbottle {
  width:80%;
  max-width: 200px;
}
.pc-only{
	display: block;
	margin: auto;
}
.sp-only{
	display: none;
}
.sticky{
	display: none;
}
/* --------------------------------------------------

レスポンシブ

--------------------------------------------------　*/

@media (max-width: 1000px) {
  /* md タブレット・スマートフォン向け */
  .footlogo{
    max-width: 100%;
    width: 100%;
    position:static;
  }
  .footer div div:nth-child(2){
    text-align:center !important;
  }
  .footer{
    background-size:contain;
    background-repeat:no-repeat;
    background-position: bottom;

  }
  img{
    width:100%;
  }
  img.footbottle {
    width: 30%;
  }
  img.flag{
    width:30%;
  }
  .container {
    width: 100%;
    overflow-x: hidden !important;
    padding: 0;
  }

  img.awamori,
  img#awamori{
    width:70%;
    margin-top:20px;
  }

  .fruite{
    max-width: 310px;
    width:80%;
  }
  img.fruite{
    height:auto;
    margin-bottom: 20px;
  }

  #nav02 .nav-item {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dee2e6;
    letter-spacing: 0.25rem;
  }
  .tansanalign,
  .tansanalign2{
    text-align: left;
  }
  .tansanalign img{
    width:50%;
  }
  .tansanalign2 img{
    width:60%;
  }
  .bunneralign,
  .bunneralign2{
    text-align: center;
    margin-top:20px;
  }
  @media (max-width: 575.98px) {
    /* xs スマートフォン向け */
.pc-only{
	display: none;
}
.sp-only{
	display: block;
}
    /* フッター */
    #footer-sns img {
      height: 29px;
      margin-right: 15px;
    }
    .topback img.bottle {
      width: 30%;
      margin-bottom: 2rem;
    }
    .footer_logo {
	width: 60%;
	margin: auto;
		text-align: center;
    }
    .awamoriback {
    background-image: url(../img/awamoriback.png);
    background-position: center top;
    background-size: 100% auto;
}
.awamori-title{
	width: 80%!important;
	margin: auto;
}
.wrap,
.bottleback {

    padding: 0 10px;
}
.sticky{
	display: block;
	position: fixed;
	bottom:0;
	width: 100%;
	z-index:999;
}
.pb-9{
	padding-bottom: 90px;
}
  }