@charset "UTF-8";
@media print {
  a[href]:after {
    content: "" !important; }

  abbr[title]:after {
    content: "" !important; } }
/*
$grid-breakpoints: (
  xs: 0,		//default:0
  sm: 576px,	//default:576px
  md: 768px,	//default:768px
  lg: 992px,	//default:992px
  xl: 1200px	//default:1200px
) !default;

$container-max-widths: (
  sm: 540px,	//default:540px
  md: 720px,	//default:720px
  lg: 960px,	//default:960px
  xl: 1140px	//default:1140px
) !default;
*/
body {
  font-family: "YuMincho","Yu Mincho","Times New Roman","Hiragino Mincho ProN","MS PMincho",sans-serif;
  font-style: normal;
  color: #212529; }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #ec6d65; }

.navbar-light .navbar-nav .nav-link {
  color: #ec6d65; }

#bodywrap {
  position: relative;
  min-height: 100%;
  height: 100%;
  padding-bottom: 200px; }

@media (max-width: 767px) {
  #bodywrap {
    padding-bottom: 250px; } }
#mainMenu .bg-light {
  background-color: #fff !important; }
#mainMenu .navbar-brand h1 {
  height: 48px;
  margin: 0; }
  #mainMenu .navbar-brand h1 img {
    height: 48px;
    width: auto; }

@media (max-width: 767px) {
  #mainMenu .navbar-brand {
    padding: 0; }
    #mainMenu .navbar-brand h1 {
      height: 38px;
      margin: 0; }
      #mainMenu .navbar-brand h1 img {
        height: 38px;
        width: auto;
        margin-top: -11px; } }
.kvisual {
  margin-top: 74px; }
  .kvisual .titleImage {
    position: relative; }
    .kvisual .titleImage .titleText {
      position: absolute;
      top: 0;
      color: #fff;
      font-weight: bolder;
      margin: 0; }

@media (min-width: 768px) {
  .kvisual {
    background-size: cover;
    background-position: center center; }

  #home .kvisual {
    background-image: url("/images/home-kvisual.jpg"); } }
.signature {
  text-align: right;
  margin-top: 4rem;
  line-height: 2rem; }
  .signature .oner {
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 1rem; }

@media (max-width: 767px) {
  .signature {
    margin-top: 2rem; }
    .signature .oner {
      display: block;
      font-size: 1.6rem; } }
@media (min-width: 768px) {
  .aboutArea {
    background-color: #fbe6e5;
    background-image: url("/images/cloth-background.jpg");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat; } }
@media (max-width: 767px) {
  .aboutArea {
    background-color: #fbe6e5;
    background-image: url("/images/cloth-background_sm.jpg");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat; } }
.aboutContents .acBox {
  padding: 1rem;
  background-color: #fff; }
.aboutContents .acTitle {
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 1rem 0;
  font-size: 1.3rem;
  font-weight: 600; }
  .aboutContents .acTitle span {
    text-align: center;
    display: block;
    margin: 0.5rem auto 0 auto;
    padding-top: 0.5rem;
    border-top: 2px solid #ec6d65;
    font-size: 0.8rem;
    color: #ec6d65; }

.customerVoice .cvBox {
  padding: 1rem;
  background-color: #fff; }
.customerVoice .cvTitle {
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 1rem 0;
  font-size: 1.3rem;
  font-weight: 600; }
  .customerVoice .cvTitle span {
    text-align: center;
    display: block;
    margin: 0.5rem auto 0 auto;
    padding-top: 0.5rem;
    border-top: 2px solid #ec6d65;
    font-size: 0.8rem;
    color: #ec6d65; }
.customerVoice .collectionContents figure {
  display: block;
  margin: 0 auto; }
  .customerVoice .collectionContents figure figcaption {
    margin: 0 auto;
    text-align: center; }

.fcred {
  color: #ec6d65; }

.aboutHead,
.collectionHead {
  text-align: center; }

.cTitle {
  display: block;
  margin: 0 auto;
  padding-bottom: 1rem;
  font-weight: 600; }
  .cTitle span {
    display: block;
    margin: 0 auto;
    font-size: 0.8rem;
    color: #ec6d65; }

.anchor {
  display: inline-block;
  padding-top: 100px;
  margin-top: -100px; }

#ftArea {
  position: absolute;
  width: 100%;
  bottom: 0; }
  #ftArea footer .ftMenu {
    background-color: #fff;
    padding: 1rem 0; }
    #ftArea footer .ftMenu .ftLink a {
      color: #ec6d65; }
      #ftArea footer .ftMenu .ftLink a:hover {
        color: #ec6d65; }
  #ftArea footer .ftCopyright {
    background-color: #ec6d65;
    color: #ffff;
    text-align: center;
    line-height: 2rem;
    font-size: 0.8rem; }

@media (max-width: 767px) {
  #ftArea .ftContact .h2-contact {
    font-size: 1.5rem; }
  #ftArea .ftMenu .ftlist {
    text-align: center; } }
@media (min-width: 768px) {
  .accessHeader {
    background-color: #fbe6e5;
    background-image: url("/images/cloth-background.jpg");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat; } }
@media (max-width: 767px) {
  .accessHeader {
    background-color: #fbe6e5;
    background-image: url("/images/cloth-background_sm.jpg");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat; } }
.accessHeader {
  padding-top: 74px; }
  .accessHeader .acBox {
    padding: 1rem;
    background-color: #fff; }
  .accessHeader .cTitle {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 1rem;
    font-weight: 600; }
    .accessHeader .cTitle span {
      display: block;
      margin: 0 auto;
      font-size: 0.8rem;
      color: #ec6d65; }
  .accessHeader .acTitle {
    text-align: center;
    display: block;
    margin: 0 auto 1rem;
    padding: 1rem 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: #ec6d65;
    border-bottom: 2px solid #ec6d65; }

@media (max-width: 767px) {
  .accessHeader {
    padding-top: 58px; }
    .accessHeader .acTitle {
      margin: 1rem auto;
      padding: 1rem 0;
      fint-size: 0.9rem; } }
.contact .infomation th {
  color: #ec6d65; }

.gmapArea {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  /* 縦横比の指定 */
  overflow: hidden; }

.gmapArea iframe,
.gmapArea object,
.gmapArea embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.floatButton {
  position: fixed;
  z-index: 2000;
  right: 20px;
  bottom: 50px; }
  .floatButton a img {
    width: 100px;
    height: auto;
    opacity: 1; }
    .floatButton a img:hover, .floatButton a img:focus {
      opacity: 0.7;
      transition: 0.2s; }

@media (max-width: 767px) {
  .floatButton {
    right: 10px;
    bottom: 10px; }
    .floatButton a img {
      width: 80px; } }