@charset "UTF-8";
* {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #333333;
}
* h1 {
  font-size: 80px;
  padding-bottom: 34px;
}
* h2 {
  font-size: 20px;
}
* h3 {
  font-size: 18px;
}
* p {
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0.04rem;
}
* a {
  color: #333333;
}
* .link {
  color: #333333;
}

img {
  width: 100%;
  height: auto;
}

.content {
  max-width: 920px;
  padding: 90px 0;
  margin: 0 auto;
}

.more {
  display: inline-block;
  font-size: 20px;
  color: #333333;
}
.more img {
  display: inline-block;
  height: 20px;
  width: auto;
}
.more .icon-color {
  display: none;
}

.more:hover {
  text-decoration: none;
  font-weight: bold;
  color: #CCEBC6;
}
.more:hover .icon-color {
  display: inline-block;
}
.more:hover .icon-black {
  display: none;
}

.br-sp {
  display: none;
}

.br-more-sp {
  display: none;
}

.btn-foreigner {
  display: inline-block;
  background-color: #CCEBC6;
  border-radius: 5px;
  padding: 5px 12px;
  color: #333333;
  border: none;
  margin: 15px 0;
}
#btn-foreigner-recruit{
  background-color: #FEAF02;
  FONT-WEIGHT: 900;
}

.btn-foreigner:hover {
  background-color: rgb(101, 139, 93);
  color: white;
}

/*色　関数化 sassコード*/
/*END*/
header {
  background-color: rgba(233, 211, 140, 0.6);
  height: 66px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  padding: 3px 30px;
}
header img {
  height: 100%;
  width: auto;
}
header .menu-bar a.menu-button {
  color: #333333;
}
header .menu-bar a.menu-button .icon-color {
  display: none;
}
header .menu-bar a.menu-button:hover {
  text-decoration: none;
}
header .menu-bar a.menu-button:hover .icon-black {
  display: none;
}
header .menu-bar a.menu-button:hover .icon-color {
  display: inline-block;
}
header #pc-menu-bar {
  float: right;
}
header #pc-menu-bar a {
  font-size: 18px;
  padding-right: 0;
  display: inline-block;
}
header #pc-menu-bar p {
  display: inline-block;
}
header #pc-menu-bar img {
  height: 24px;
  margin-bottom: 13px;
  margin-left: 15px;
}
header #pc-menu-bar .btn-foreigner {
  margin-left: 30px;
  margin-bottom: 10px;
}
header #pc-menu-bar .btn-foreigner-recruit{
  background-color: #FEAF02;
}
header #sp-menu-icon {
  display: none;
}
header #sp-menu-bar {
  display: none;
}
header #sp-menu-bar .btn-foreigner-recruit{
  background-color: #FEAF02;
  FONT-WEIGHT: 900;
}

#slider {
  margin-top: 66px;
  width: 100vw;
  background-position: center;
  background-size: cover;
}

#top #top-1 {
  position: relative;
}
#top #top-1 h4 {
  font-size: 16px;
  line-height: 33px;
  letter-spacing: 0.1rem;
  padding-bottom: 28px;
}
#top #top-1 .more {
  position: absolute;
  bottom: 0;
  right: 0;
}
#top #foreigner {
  margin-top: 20px;
  margin-bottom: 55px;
}
#top #foreigner p {
  display: inline-block;
}
#top #top-pc {
  margin-bottom: 55px;
}
#top #top-pc h5 {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.1rem;
}
#top .news {
  padding-left: 120px;
}
#top .news p {
  display: inline-block;
}
#top .news .news-title {
  margin: 0 20px;
  font-size: 16px;
}
#top #top-news ul li{
  margin-bottom: 8px;
  font-size: 15px;
}

#top-menu {
  background-color: rgba(233, 211, 140, 0.6);
}
#top-menu #link-allergy {
  position: relative;
}
#top-menu #link-allergy p {
  position: absolute;
  bottom: 0;
  right: 42px;
}
#top-menu #menu-img {
  text-align: center;
  margin: 40px 20px 0 20px;
}
#top-menu #menu-img .top-menu {
  padding: 0;
}
#top-menu img {
  margin: 0;
  width: 80%;
  height: auto;
}
#top-menu img:hover {
  opacity: 0.8;
}

#top-season #season-sp {
  display: none;
}
#top-season p:last-child {
  text-align: right;
}
#top-season #season-img {
  text-align: center;
  padding-bottom: 70px;
}
#top-season #season-img img {
  width: 70%;
  height: auto;
}

#top-store {
  background-image: url("images/background-store.png");
  background-size: cover;
  background-position: center;
}
#top-store #kindsOf {
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 50px;
  margin-top: 40px;
  text-align: center;
  padding: 8px 0;
}
#top-store #kindsOf i, #top-store #kindsOf p {
  display: inline-block;
}
#top-store #kindsOf p {
  padding-right: 30px;
  margin-bottom: 0;
}
#top-store #kindsOf p:first-child {
  padding-right: 54px;
}
#top-store #kindsOf i {
  padding-right: 10px;
}
#top-store .store {
  padding: 0;
}
#top-store .store-content {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 20px;
  padding: 20px;
  position: relative;
}
#top-store .store-content a:hover {
  text-decoration: none;
}
#top-store .store-content img {
  margin-bottom: 15px;
}
#top-store .store-content h3 {
  font-size: 20px;
}
#top-store .store-content .top-store-more {
  position: absolute;
  bottom: 20px;
  right: 20px;
  margin: 0;
  padding: 0;
}
#top-store .store-content:hover {
  background-color: rgba(255, 255, 255, 0.75);
}
#top-store .menu-icons i {
  padding-right: 5px;
}
#top-store .icon-drink {
  color: #e25b45;
}
#top-store .icon-parfait {
  color: #ff8357;
}
#top-store .icon-sand {
  color: #fac172;
}
#top-store .icon-crepe {
  color: #89d5c9;
}
#top-store .icon-koori {
  color: #adc965;
}

#top-insta .content {
  padding-top: 60px;
}

footer {
  background-color: rgba(233, 211, 140, 0.6);
  padding: 20px;
  height: 180px;
}
footer p {
  margin: 0;
  font-size: 15px;
}
footer #footer-logo {
  font-size: 23px;
  margin-bottom: 16px;
}
footer a {
  display: block;
  color: #333333;
}
footer #logo-marutome {
  float: right;
  margin-top: 40px;
}
footer #logo-marutome img {
  height: 70px;
  width: auto;
  margin-bottom: 8px;
}
footer #button-contact {
  color: white;
  margin-bottom: 7px;
  padding: 3px 10px;
}
footer #button-contact i {
  font-size: 30px;
  padding-right: 10px;
}
footer #button-contact p, footer #button-contact i {
  display: inline-block;
  color: white;
}
footer #button-contact p {
  font-size: 11px;
}
footer #footer-1 {
  float: left;
}/*# sourceMappingURL=style-pc.css.map */