body.gashoan:before {
  content: "";
  background: url(../img/common/bg1.jpg);
  width: 100%;
  height: 100vh;
  background-size: cover;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.7;
}
body.gashoan h2 {
  font-size: 2.5vw;
  margin-bottom: 2.7777777778vw;
  line-height: 1;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.gashoan h2 {
    font-size: 4.1720990874vw;
    margin-bottom: 4.5632333768vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  body.gashoan h2 {
    font-size: 4.6936114733vw;
    margin-bottom: 5.2151238592vw;
  }
}
body.gashoan section {
  margin-bottom: 3.4722222222vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.gashoan section {
    margin-bottom: 5.2151238592vw;
  }
  body.gashoan section:first-of-type {
    margin-bottom: 0;
  }
}
body.gashoan section .container1160 {
  padding-bottom: 3.4722222222vw;
  border-bottom: solid 0.0694444444vw #ccc;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.gashoan section .container1160 {
    padding-bottom: 5.2151238592vw;
    border-bottom: solid 0.1303780965vw #ccc;
  }
}
body.gashoan .lead_msg .catch {
  margin-bottom: 2.4305555556vw;
  font-size: 1.8055555556vw;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.gashoan .lead_msg .catch {
    margin-bottom: 3.259452412vw;
    font-size: 3.3898305085vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  body.gashoan .lead_msg .catch {
    margin-bottom: 4.5632333768vw;
    font-size: 3.9113428944vw;
  }
}
body.gashoan .lead_msg .msg {
  font-size: 1.3194444444vw;
  margin-bottom: 1.9444444444vw;
  line-height: 1.8;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.gashoan .lead_msg .msg {
    font-size: 2.4771838331vw;
    margin-bottom: 2.8683181226vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  body.gashoan .lead_msg .msg {
    margin-bottom: 3.6505867014vw;
    font-size: 3.1290743155vw;
  }
}

/*--------------------
.news
--------------------*/
.gashoan .news_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.gashoan .news_flex:first-of-type {
  margin-bottom: 2.7777777778vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .news_flex {
    display: block;
  }
  .gashoan .news_flex:first-of-type {
    margin-bottom: 8vw;
  }
}
.gashoan .news_flex__left {
  width: 76.724137931%;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .news_flex__left {
    width: 100%;
  }
}
.gashoan .news_flex__left .news_box {
  width: 100%;
  background: #fff;
  border: solid 0.0694444444vw #ddd;
  padding: 2.0833333333vw 2.2222222222vw;
  margin-bottom: 1.0416666667vw;
  font-size: 1.25vw;
}
.gashoan .news_flex__left .archives_link {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  font-size: 1.25vw;
  padding-top: 0.3em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .news_flex__left .archives_link {
    font-size: 2.4771838331vw;
  }
}
.gashoan .news_flex__right {
  width: 20.8620689655%;
  background: #f8f4e1;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .news_flex__right {
    width: 100%;
    margin-top: 4vw;
    background: transparent;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .news_flex__right ul {
    display: flex;
    justify-content: space-between;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .news_flex__right ul li {
    flex-shrink: 0;
    width: 35%;
    margin: 0 5% 0 0;
    background: #f8f4e1;
  }
  .gashoan .news_flex__right ul li:nth-of-type(3n) {
    margin: 0 0 0 0;
  }
  .gashoan .news_flex__right ul li:nth-of-type(n + 4) {
    margin-top: 5%;
  }
}
.gashoan .news_flex__right ul li a {
  display: block;
  width: 100%;
  aspect-ratio: 100/110;
  position: relative;
}
.gashoan .news_flex__right ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/*--------------------
.stores
--------------------*/
.gashoan .stores .container1160 {
  padding-bottom: 13.8888888889vw;
}
.gashoan .stores_flex {
  width: 76.3888888889vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .stores_flex {
    width: 100%;
    display: block;
  }
}
.gashoan .stores_flex__item {
  width: 36.8055555556vw;
  margin-bottom: 2.5vw;
  transition-duration: 0.3s;
  transition-property: opacity;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .stores_flex__item {
    width: 85%;
    margin-bottom: 6vw;
  }
  .gashoan .stores_flex__item:nth-of-type(even) {
    margin-left: auto;
  }
}
.gashoan .stores_flex__item:hover {
  opacity: 0.7;
}
.gashoan .stores_flex__item:nth-of-type(even) {
  transform: translateY(9.7222222222vw);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .stores_flex__item:nth-of-type(even) {
    transform: none;
  }
}
.gashoan .stores_flex__item .pic {
  margin-bottom: 1.3888888889vw;
}
.gashoan .stores_flex__item .pic img {
  border-radius: 0 3.4722222222vw 0 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .stores_flex__item .pic {
    margin-bottom: 1.9556714472vw;
  }
  .gashoan .stores_flex__item .pic img {
    border-radius: 0 5.2151238592vw 0 0;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .stores_flex__item .pic {
    margin-bottom: 2.6075619296vw;
  }
}
.gashoan .stores_flex__item .txt {
  position: relative;
}
.gashoan .stores_flex__item .txt .name {
  font-size: 1.9444444444vw;
  line-height: 1;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .stores_flex__item .txt .name {
    font-size: 3.1290743155vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .stores_flex__item .txt .name {
    font-size: 3.6505867014vw;
  }
}
.gashoan .stores_flex__item .txt .prop {
  font-size: 1.4583333333vw;
  line-height: 1.6;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .stores_flex__item .txt .prop {
    font-size: 2.4771838331vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .stores_flex__item .txt .prop {
    font-size: 3.1290743155vw;
  }
}
.gashoan .stores_flex__item a.i_map {
  width: 3.4722222222vw;
  aspect-ratio: 1/1;
  position: absolute;
  display: block;
  right: 0;
  top: 17.3611111111vw;
  padding: 0.5555555556vw 0.5555555556vw;
  background: #eee;
  border-radius: 0.2777777778vw;
  transition-duration: 0.3s;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .stores_flex__item a.i_map {
    width: 6.518904824vw;
    padding: 0.7822685789vw;
    border-radius: 0.7822685789vw;
    top: 35.2020860495vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .stores_flex__item a.i_map {
    width: 6.518904824vw;
    padding: 1.0430247718vw;
    border-radius: 1.0430247718vw;
    top: 35.9843546284vw;
  }
}
.gashoan .stores_flex__item a.i_map:hover {
  background: #cef1fa;
}
.gashoan .stores_flex__item a.i_map img {
  width: 100%;
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .stores_flex__item a.i_map img {
    width: 7.8226857888vw;
  }
}

/*--------------------
.products
--------------------*/
.gashoan .products_flex {
  width: 76.3888888889vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 2.7777777778vw;
  margin-bottom: 2.7777777778vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex {
    display: block;
    width: 90%;
    padding-bottom: 3.9113428944vw;
    margin-bottom: 3.9113428944vw;
  }
}
.gashoan .products_flex:after {
  content: "";
  display: block;
  background: #ddd;
  height: 0.0694444444vw;
  width: 41.6666666667vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex:after {
    height: 0.1303780965vw;
    width: 60vw;
  }
}
.gashoan .products_flex:nth-of-type(2) {
  flex-direction: row-reverse;
}
.gashoan .products_flex:nth-of-type(2) .pic img {
  border-radius: 0 0 0 2.7777777778vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex:nth-of-type(2) .pic img {
    border-radius: 0 0 0 3.9113428944vw;
  }
}
.gashoan .products_flex:last-of-type {
  padding-bottom: 0;
  margin-bottom: 3.4722222222vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex:last-of-type {
    margin-bottom: 5.2151238592vw;
  }
}
.gashoan .products_flex:last-of-type:after {
  display: none;
}
.gashoan .products_flex .pic {
  width: 67.2727272727%;
}
.gashoan .products_flex .pic a {
  transition-duration: 0.3s;
}
.gashoan .products_flex .pic a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex .pic {
    width: 100%;
  }
}
.gashoan .products_flex .pic img {
  width: 100%;
  border-radius: 0 0 2.7777777778vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex .pic img {
    border-radius: 0 0 3.9113428944vw;
  }
}
.gashoan .products_flex .txt {
  width: 29.0909090909%;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex .txt {
    width: 100%;
    margin-bottom: 2.6075619296vw;
  }
}
.gashoan .products_flex .txt h3 {
  font-size: 1.7361111111vw;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex .txt h3 {
    font-size: 3.259452412vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .products_flex .txt h3 {
    font-size: 3.6505867014vw;
  }
}
.gashoan .products_flex .txt p {
  line-height: 1.7;
  font-size: 1.3888888889vw;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex .txt p {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .products_flex .txt p {
    font-size: 3.1290743155vw;
  }
}
.gashoan .products_flex .txt p .small {
  font-size: 90%;
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
.gashoan .products_flex .txt a {
  font-size: 1.25vw;
  transition-duration: 0.3s;
  padding: 0.7em 2em;
}
.gashoan .products_flex .txt a:hover {
  background: #eee;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products_flex .txt a {
    font-size: 2.4771838331vw;
    width: 18em;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .products_flex .txt a {
    font-size: 2.998696219vw;
  }
}
.gashoan .products .btn_wrapper {
  width: 32.5vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .products .btn_wrapper {
    width: 49.5436766623vw;
  }
}
.gashoan .products .btn_wrapper a {
  font-size: 1.25vw;
  background: #fff;
}
.gashoan .products .btn_wrapper a:hover {
  background-color: #eee;
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .gashoan .products .btn_wrapper a {
    font-size: 2.998696219vw;
  }
}

/*--------------------
.instagram
--------------------*/
.gashoan .instagram h2 {
  display: flex;
  align-items: center;
}
.gashoan .instagram h2 img {
  width: 3.1944444444vw;
  margin-right: 0.5555555556vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .gashoan .instagram h2 img {
    width: 5.7366362451vw;
    margin-right: 1.0430247718vw;
  }
}
.gashoan .instagram .container1160 {
  border: none;
  padding: 0;
}
.gashoan .instagram .lead {
  text-align: center;
  font-size: 1.25vw;
  line-height: 1.8;
  margin: 0 0 5.5555555556vw;
}
.gashoan .instagram .instagram__plugin_wrapper {
  width: 90%;
  margin: 0 auto;
}/*# sourceMappingURL=gashoan.css.map */