@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 common
==================================================================================*/
html {
  font-size: .3125vw;
}

.allWrap {
  padding-top: 115rem;
}

.commonTitle01 {
  padding-bottom: 25rem;
  font-size: 16rem;
}

.commonTitle02 {
  margin-bottom: 8rem;
  padding-bottom: 10rem;
  font-size: 16rem;
}

.commonTitle03 {
  margin-bottom: 20rem;
  padding: 10rem;
  font-size: 13rem;
}

.commonCatch01 {
  line-height: 1.7;
  font-size: 14rem;
}

.commonLead01 {
  line-height: 1.7;
  font-size: 12rem;
}

.commonText01 {
  line-height: 1.5;
  font-size: 10rem;
}

.commonText02 {
  line-height: 1.7;
  font-size: 10rem;
}

.commonItems01 {
  flex-direction: column;
  gap: 35rem 0;
  padding: 0 16rem;
}
.commonItems01 li {
  flex: 0 0 auto;
}
.commonItems01 li .icon {
  margin-top: 8rem;
  width: 80rem;
  height: 14rem;
  font-size: 10rem;
}
.commonItems01 li .icon:empty {
  display: none;
}
.commonItems01 li figcaption {
  line-height: 1.5;
  font-size: 10rem;
}
.commonItems01 li .textLink {
  padding-top: 15rem;
  font-size: 13rem;
}
.commonItems01 li.soldOut figure:before {
  top: 120rem;
}

/*==================================================================================
 siteHeader
==================================================================================*/
.siteHeader {
  padding: 14rem;
  height: 115rem;
}
.siteHeader .headerLogo img {
  height: 32rem;
}
.siteHeader .globalNavi {
  flex-direction: column;
  align-items: flex-end;
  justify-content: normal;
  gap: 6rem 0;
}
.siteHeader .globalNavi .links {
  gap: 0 10rem;
}
.siteHeader .globalNavi .links li {
  font-size: 8rem;
}
.siteHeader .globalNavi .fujiyaLogo {
  order: -1;
  display: block;
}
.siteHeader .globalNavi .fujiyaLogo:before {
  display: none;
}
.siteHeader .globalNavi .fujiyaLogo img {
  height: 12rem;
}
.siteHeader .categoryTabs {
  gap: 0 30rem;
  margin-top: 30rem;
}
.siteHeader .categoryTabs li {
  padding: 3rem 15rem;
  border-radius: 3rem;
  font-size: 12rem;
}

/*==================================================================================
 siteFooter
==================================================================================*/
.siteFooter {
  padding: 60rem 0 20rem;
}
.siteFooter .informationArea {
  margin-bottom: 20rem;
  padding: 50rem 0;
}
.siteFooter .informationArea .informations {
  flex-direction: column;
  gap: 40rem 0;
}
.siteFooter .informationArea .informations dt {
  margin-bottom: 8rem;
  padding-bottom: 5rem;
  font-size: 12rem;
}
.siteFooter .informationArea .informations dt .button {
  width: 80rem;
}
.siteFooter .informationArea .informations dd {
  font-size: 9rem;
}
.siteFooter .informationArea .informations dd.annotation {
  font-size: 8rem;
}
.siteFooter .informationArea .informations .information02 dd {
  flex-direction: column;
  gap: 15rem 0;
  padding-top: 5rem;
}
.siteFooter .informationArea .informations .information02 dd .image01 {
  width: 80%;
}
.siteFooter .informationArea .informations .information02 dd .image02 {
  width: 100%;
}
.siteFooter .informationArea .informations .information03 dd img {
  padding-bottom: 5px;
}
.siteFooter .informationArea .informations .contact {
  flex: 0 0 47rem;
  align-self: normal;
  margin: auto;
  padding-bottom: 5rem;
  width: 50%;
}
.siteFooter .informationArea .informations .contact .mail {
  padding-top: 15rem;
  width: 100%;
}
.siteFooter .fujiyaLogo {
  position: static;
  margin: auto;
  padding-bottom: 20rem;
  width: 50rem;
}
.siteFooter .footerNavi .links li {
  font-size: 8rem;
}
.siteFooter .footerNavi .links li:not(:last-child):after {
  padding: 0 5rem;
}
.siteFooter .copyright {
  font-size: 8rem;
}

/*==================================================================================
 top
==================================================================================*/
#top {
  padding-top: 60rem;
}
#top .siteHeader {
  height: 60rem;
}
#top main {
  padding-top: 30rem;
}
#top main .mainVisual {
  padding-bottom: 25rem;
}
#top main .informationArea {
  margin-bottom: 50rem;
}
#top main .informationArea .information.button a {
  border-radius: 8rem;
  padding: 10rem 20rem;
  font-size: 16rem;
}
#top main .informationArea .newsList li a {
  padding: 10px 5px;
}
#top main .informationArea .newsList li a > span {
  line-height: 1.5;
  font-size: 13px;
}
#top section.items .annotation {
  padding-top: 40rem;
  font-size: 10rem;
}

/*==================================================================================
 lower
==================================================================================*/
/*==================================================================================
 lower common
==================================================================================*/
.lower {
  padding-top: 60rem;
}
.lower .siteHeader {
  height: 60rem;
}
.lower main {
  padding-top: 30rem;
}

/*==================================================================================
 guide
==================================================================================*/
#guide article.contents > header {
  padding-bottom: 60rem;
}
#guide article.contents .sectionTabs {
  gap: 15rem .5%;
  padding-top: 10rem;
  letter-spacing: 0;
}
#guide article.contents .sectionTabs li {
  flex: 0 0 33%;
  font-size: 10rem;
}
#guide article.contents .sectionTabs li a {
  gap: 0 15rem;
}
#guide article.contents .sectionTabs li a:before {
  top: 4rem;
  width: 10rem;
  height: 10rem;
}
#guide .sections:not(:last-of-type) {
  padding-bottom: 80rem;
}
#guide .sections .contact {
  margin: auto;
}
#guide .sections .contact .mail {
  padding-top: 10rem;
  width: auto;
}

/*==================================================================================
 sctl
==================================================================================*/
#sctl article.contents > header {
  padding-bottom: 20rem;
  text-align: left;
}
#sctl article.contents > header .catch {
  font-size: 10rem;
}
#sctl article.contents .flexArea {
  gap: 0 0;
}
#sctl article.contents .flexArea dl {
  flex-direction: column;
  gap: 5rem 0;
}
#sctl article.contents .flexArea dl:after {
  content: '';
  display: block;
  margin: 15rem 0 20rem;
  width: 120rem;
  height: 1px;
  background: #4a1b0e;
}
#sctl article.contents .flexArea dt,
#sctl article.contents .flexArea dd {
  line-height: 1.7;
  font-size: 10rem;
}
#sctl article.contents .flexArea dt {
  display: block;
  flex: 0 0 auto;
  text-align: left;
  font-weight: bold;
  background: none;
}

/*==================================================================================
 contact
==================================================================================*/
#contact article.contents > header {
  padding-bottom: 30rem;
}
#contact article.contents > header .catch {
  font-size: 11rem;
}
#contact article.contents h2 {
  margin-bottom: 20rem;
}
#contact form .inputList li.required dt:after {
  top: calc(50% - 7rem);
  right: 8rem;
  width: 34rem;
  height: 16rem;
  font-size: 11rem;
}
#contact form dl {
  flex-direction: column;
  align-items: normal;
  justify-content: normal;
}
#contact form dt,
#contact form dd {
  padding: 10rem 15rem;
}
#contact form dt {
  flex: 0 0 auto;
}
#contact form dd {
  position: relative;
  border-left: none;
  word-break: break-all;
  background: #fff;
}
#contact form dd .annotation {
  padding-top: 10rem;
  font-size: 12rem;
}
#contact form input,
#contact form textarea,
#contact form label,
#contact form dt,
#contact form dd {
  font-size: 14rem;
}
#contact form label + label {
  margin-top: 10rem;
}
#contact form input[type="text"],
#contact form input[type="tel"],
#contact form input[type="email"] {
  padding: 0 8rem;
  height: 30rem;
}
#contact form textarea {
  padding: 8rem;
  height: 120rem;
}
#contact form input[type="checkbox"] {
  margin-right: 8rem;
  width: 14rem;
  height: 14rem;
}
#contact form .error {
  padding-top: 15rem;
}
#contact form input[type="submit"] {
  margin-top: 50rem;
  width: 100%;
  height: 46rem;
  font-size: 15rem;
}
#contact form .privacyArea {
  padding-top: 50rem;
}
#contact form .privacyArea .text {
  padding-bottom: 8rem;
  font-size: 14rem;
}
#contact form .privacyArea .wrapper {
  margin-bottom: 20rem;
  padding: 8rem;
}
#contact .backToTop {
  font-size: 16rem;
}
#contact .backToTop a {
  border-radius: 8rem;
  padding: 10rem 20rem;
}

/*# sourceMappingURL=smartphone.css.map */