@charset "UTF-8";
/*    
Theme Name: メガネの三愛
Theme URI: b-raise.com
Description: 引き算の美学。不要な機能を一切搭載せず、ワードプレスデフォルトの機能のみで実装。テーマはGoogle推奨のレスポンシブ設計。
Author: b-raise
Author URI: b-raise.com
Tags: シンプル, 引き算の美学
Version: 1.0
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

*,
*::before,
*::after {
  box-sizing: border-box; }

/* Scss Document */
html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  color: #021c2a;
  line-height: 1.7; }

table {
  width: 100%;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070; }
  table tr {
    border-bottom: 1px solid #707070; }
  table th {
    padding: .8em 1em;
    font-weight: bold;
    background-color: #F8F6F2;
    border-right: 1px solid #707070;
    vertical-align: middle; }
  table td {
    padding: .8em 1em;
    border-right: 1px solid #707070; }
    table td ul {
      margin-left: 1em; }

@media screen and (max-width: 480px) {
  body {
    position: relative; }

  .container, .container-fluid {
    width: 100%; }

  table {
    font-size: 1.4rem; }

  .table-layout--fixed-sp {
    table-layout: fixed; }

  .table-scroll {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }

  .table-sex table tr {
    display: flex;
    flex-direction: column; }
    .table-sex table tr th {
      border-bottom: 1px solid #707070; }
    .table-sex table tr td {
      border-bottom: 1px dotted #707070; }
    .table-sex table tr td:last-child {
      border-bottom: none; }

  #front-page {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 100px; }

  #under {
    margin-top: 90px; }

  footer {
    width: 100%;
    height: auto;
    padding: 10px 0 7px 0;
    background-color: #1c1c1c;
    position: absolute;
    bottom: 0;
    position: fixed; }
    footer .footer-container {
      display: none; }
    footer .footer-contact {
      display: none; }
    footer #footer-fixed ul {
      list-style: none;
      display: flex;
      justify-content: space-around; }
      footer #footer-fixed ul li.sp-footer-home {
        width: calc( 100% / 4 );
        text-align: center;
        line-height: 1; }
        footer #footer-fixed ul li.sp-footer-home img {
          display: block;
          margin: 0 auto; } }
@media screen and (min-width: 481px) and (max-width: 768px) {
  .container, .container-fluid {
    width: 100%; }

  .btn {
    margin: 0;
    padding: 0; }

  table {
    font-size: 1.4rem; }

  .table-layout--fixed-tab {
    table-layout: fixed; }

  .table-scroll {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }

  #front-page {
    width: 100%;
    margin: 80px 0; }

  #under {
    margin-top: 90px; }

  h3 {
    margin-bottom: 50px;
    font-size: 2.4rem;
    letter-spacing: .3rem;
    position: relative;
    text-align: center; }

  h3::before {
    content: url(images/midashi_h3.svg);
    position: absolute;
    display: block;
    top: -35px;
    left: 0;
    right: 0; }

  footer {
    width: 100%;
    color: white; }
    footer a:link {
      text-decoration: none;
      color: white; }
    footer a:hover {
      color: #a07d3c;
      transition: .3s ease-in-out; }
    footer a:active {
      color: #a07d3c; }
    footer a:visited {
      color: white; }
    footer .footer-contact {
      width: 100%;
      height: 250px;
      padding: 0 30px;
      color: #021c2a;
      text-align: center;
      background: url("images/bg_footer-contact.png") no-repeat center;
      background-size: cover;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      footer .footer-contact h3 {
        margin-top: 27px;
        margin-bottom: 15px; }
      footer .footer-contact p {
        margin-bottom: 20px; }
      footer .footer-contact a.btn-flat-bg {
        display: inline-block;
        padding: 0.3em 1em;
        text-decoration: none;
        color: white;
        background: #312704;
        transition: .3s ease-in-out; }
      footer .footer-contact a.btn-flat-bg:hover {
        background: #503f04;
        color: white; }
    footer .footer-container {
      padding: 70px 20px 50px 20px;
      background-color: #1c1c1c; }
      footer .footer-container .footer-inner {
        width: 100%;
        padding: 0 20px; }
        footer .footer-container .footer-inner .footer-logo {
          margin-bottom: 50px; }
        footer .footer-container .footer-inner .footer-nav {
          margin-bottom: 50px; }
          footer .footer-container .footer-inner .footer-nav ul {
            font-weight: bold;
            list-style: none;
            display: flex; }
            footer .footer-container .footer-inner .footer-nav ul li {
              margin-right: 30px; }
            footer .footer-container .footer-inner .footer-nav ul li:last-child {
              margin: 0; }
        footer .footer-container .footer-inner .footer-shop {
          margin-bottom: 25px;
          padding-bottom: 50px;
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #fff; }
          footer .footer-container .footer-inner .footer-shop p {
            margin-bottom: 30px; }
          footer .footer-container .footer-inner .footer-shop p:last-child {
            margin: 0; }
          footer .footer-container .footer-inner .footer-shop .footer-access {
            width: calc( ( 100% - 100px ) / 3 ); }
          footer .footer-container .footer-inner .footer-shop .footer-work {
            width: calc( ( ( 100% - 100px ) / 3 ) * 2 ); }
      footer .footer-container .footer-privacy-section {
        font-size: 1.4rem;
        display: flex;
        justify-content: space-between; }
        footer .footer-container .footer-privacy-section .footer-nav-secondary ul {
          list-style: none;
          display: flex;
          font-weight: normal; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li {
            margin-right: 30px; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li::before {
            font-family: "Font Awesome 5 Free";
            content: '\f105';
            font-weight: 900;
            margin-right: 1rem; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li:last-child {
            margin: 0; }
      footer .footer-container small {
        color: #9b7b37; }

  #footer-fixed {
    display: none; } }
@media screen and (min-width: 769px) and (max-width: 1099px) {
  .container, .container-fluid {
    width: 100%;
    margin: 0 auto; }

  .btn {
    margin: 0;
    padding: 0; }

  .table-layout--fixed-pc {
    table-layout: fixed; }

  #front-page {
    width: 100%;
    margin: 120px 0; }

  #under {
    margin-top: 175px;
    width: 100%; }

  h3 {
    margin-bottom: 60px;
    font-size: 2.4rem;
    letter-spacing: .3rem;
    position: relative;
    text-align: center; }

  h3::before {
    content: url(images/midashi_h3.svg);
    position: absolute;
    display: block;
    top: -35px;
    left: 0;
    right: 0; }

  footer {
    width: 100%;
    color: white; }
    footer a:link {
      text-decoration: none;
      color: white; }
    footer a:hover {
      color: #a07d3c;
      transition: .3s ease-in-out; }
    footer a:active {
      color: #a07d3c; }
    footer a:visited {
      color: white; }
    footer .footer-contact {
      width: 100%;
      height: 317px;
      padding: 0 30px;
      color: #021c2a;
      text-align: center;
      background: url("images/bg_footer-contact.png") no-repeat center;
      background-size: cover;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      footer .footer-contact h3 {
        margin-top: 27px;
        margin-bottom: 20px; }
      footer .footer-contact p {
        margin-bottom: 30px; }
      footer .footer-contact a.btn-flat-bg {
        display: inline-block;
        padding: 0.3em 1em;
        text-decoration: none;
        color: white;
        background: #312704;
        transition: .3s ease-in-out; }
      footer .footer-contact a.btn-flat-bg:hover {
        background: #503f04;
        color: white; }
    footer .footer-container {
      padding: 70px 20px 50px 20px;
      background-color: #1c1c1c; }
      footer .footer-container .footer-inner {
        width: 100%;
        margin: 0 auto; }
        footer .footer-container .footer-inner .footer-logo {
          margin-bottom: 50px; }
        footer .footer-container .footer-inner .footer-nav {
          margin-bottom: 50px; }
          footer .footer-container .footer-inner .footer-nav ul {
            font-weight: bold;
            list-style: none;
            display: flex; }
            footer .footer-container .footer-inner .footer-nav ul li {
              margin-right: 30px; }
            footer .footer-container .footer-inner .footer-nav ul li:last-child {
              margin: 0; }
        footer .footer-container .footer-inner .footer-shop {
          margin-bottom: 25px;
          padding-bottom: 50px;
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #fff; }
          footer .footer-container .footer-inner .footer-shop p {
            margin-bottom: 30px; }
          footer .footer-container .footer-inner .footer-shop p:last-child {
            margin: 0; }
          footer .footer-container .footer-inner .footer-shop .footer-access {
            width: calc( ( 1100px - 100px ) / 3 ); }
          footer .footer-container .footer-inner .footer-shop .footer-work {
            width: calc( ( ( 1100px - 100px ) / 3 ) * 2 ); }
      footer .footer-container .footer-privacy-section {
        font-size: 1.4rem;
        display: flex;
        justify-content: space-between; }
        footer .footer-container .footer-privacy-section .footer-nav-secondary ul {
          list-style: none;
          display: flex;
          font-weight: normal; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li {
            margin-right: 30px; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li::before {
            font-family: "Font Awesome 5 Free";
            content: '\f105';
            font-weight: 900;
            margin-right: 1rem; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li:last-child {
            margin: 0; }
        footer .footer-container .footer-privacy-section small {
          color: #9b7b37; }

  #footer-fixed {
    display: none; } }
@media screen and (min-width: 1100px) {
  .container {
    width: 1100px;
    margin: 0 auto; }

  .container-fluid {
    width: 100%; }

  .btn {
    margin: 0;
    padding: 0; }

  .table-layout--fixed-hd {
    table-layout: fixed; }

  #front-page {
    margin: 120px 0; }

  #under {
    margin-top: 175px;
    margin-bottom: 120px; }

  h3 {
    margin-bottom: 60px;
    font-size: 2.4rem;
    letter-spacing: .3rem;
    position: relative;
    text-align: center; }

  h3::before {
    content: url(images/midashi_h3.svg);
    position: absolute;
    display: block;
    top: -35px;
    left: 0;
    right: 0; }

  footer {
    width: 100%;
    color: white; }
    footer a:link {
      text-decoration: none;
      color: white; }
    footer a:hover {
      color: #a07d3c;
      transition: .3s ease-in-out; }
    footer a:active {
      color: #a07d3c; }
    footer a:visited {
      color: white; }
    footer .footer-contact {
      width: 100%;
      padding: 0 30px;
      height: 317px;
      color: #021c2a;
      text-align: center;
      background: url("images/bg_footer-contact.png") no-repeat center;
      background-size: cover;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      footer .footer-contact h3 {
        margin-top: 27px;
        margin-bottom: 20px; }
      footer .footer-contact p {
        margin-bottom: 30px; }
      footer .footer-contact a.btn-flat-bg {
        display: inline-block;
        padding: 0.3em 1em;
        text-decoration: none;
        color: white;
        background: #312704;
        transition: .3s ease-in-out; }
      footer .footer-contact a.btn-flat-bg:hover {
        background: #503f04;
        color: white; }
    footer .footer-container {
      padding: 70px 0 50px 0;
      background-color: #1c1c1c; }
      footer .footer-container .footer-inner {
        width: 1100px;
        margin: 0 auto; }
        footer .footer-container .footer-inner .footer-logo {
          margin-bottom: 50px; }
        footer .footer-container .footer-inner .footer-nav {
          margin-bottom: 50px; }
          footer .footer-container .footer-inner .footer-nav ul {
            font-weight: bold;
            list-style: none;
            display: flex; }
            footer .footer-container .footer-inner .footer-nav ul li {
              margin-right: 30px; }
            footer .footer-container .footer-inner .footer-nav ul li:last-child {
              margin: 0; }
        footer .footer-container .footer-inner .footer-shop {
          margin-bottom: 25px;
          padding-bottom: 50px;
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #fff; }
          footer .footer-container .footer-inner .footer-shop p {
            margin-bottom: 30px; }
          footer .footer-container .footer-inner .footer-shop p:last-child {
            margin: 0; }
          footer .footer-container .footer-inner .footer-shop .footer-access {
            width: calc( ( 1100px - 100px ) / 3 ); }
          footer .footer-container .footer-inner .footer-shop .footer-work {
            width: calc( ( ( 1100px - 100px ) / 3 ) * 2 ); }
      footer .footer-container .footer-privacy-section {
        font-size: 1.4rem;
        display: flex;
        justify-content: space-between; }
        footer .footer-container .footer-privacy-section .footer-nav-secondary ul {
          list-style: none;
          display: flex;
          font-weight: normal; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li {
            margin-right: 30px; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li::before {
            font-family: "Font Awesome 5 Free";
            content: '\f105';
            font-weight: 900;
            margin-right: 1rem; }
          footer .footer-container .footer-privacy-section .footer-nav-secondary ul li:last-child {
            margin: 0; }
        footer .footer-container .footer-privacy-section small {
          color: #9b7b37; }

  #footer-fixed {
    display: none; } }