@charset "utf-8";


/* Property
================================================== */

h1 {
  font-size: calc(1.5rem + 3vw);
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 25px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 19px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 16px;
  font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600 !important;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  color: #47352d;
}


/* Header
================================================== */

#navbarHeader h3 img {
  width: 64px;
  height: auto;
}

header .navbar a img {
  width: 64px;
  height: 64px;
}

.navbar-toggler i {
  margin-right: 6px;
}

.header-comment h3 {
  margin-left: 1rem;
}

.header-comment p {
  text-indent: 1rem;
}

.sns-box ul li a {
  text-decoration: none;
}

.sns-box ul li {
  line-height: 1.8;
}

.navbar-brand strong {
  color: #a05545;
}

.logo-box {
  width: 340px;
}

/* Language
------------------------------ */
.language img {
  width: 24px !important;
  height: auto !important;
}

.language .btn-group {
  background-color: #f5f1ee;
}


/* Nav
================================================== */

#navbarHeader h2 {
  font-size: 1.5rem;
}

#navbarHeader h3 {
  font-size: 1.2rem;
  color: #FFF;
}

#navbarHeader h4 {
  font-size: 1.2rem;
}

.bg-c6aa9d {
  background-color: #c6aa9d;
}


/* Nav lines
================================================== */

.nav-line1 {
  height: .25rem;
  background-color: #FFF;
}

.nav-line2 {
  height: .25rem;
  background-color: #f98289;
}


/* www/assets/dist/css/bootstrap.min.css
================================================== */

.navbar-toggler:focus {
  box-shadow: 0 0 0 .1rem
}


/* Main
================================================== */

main {
  background-image: url("../images/bg.png");
  background-repeat: repeat;
  background-size: 256px;
}

/* Album
------------------------------ */
.album h2 {
  text-align: center;
  color: #cb8584;
  font-size: 3rem;
}

.album p {
  text-indent: 1rem;
}

/* Album opening-message 
（オープン後は削除のこと）
------------------------------ */

.album .opening-message {
  background-color: rgba(245, 241, 238, .7);
  padding: 1rem;
  border-radius: 12px;
}

/* Feature comment
------------------------------ */
.feature-comment ul li {
  color: #6c757d;
  line-height: 1.8;
}


/* Footer lines
================================================== */

.footer-line1 {
  height: .25rem;
  background-color: #f98289;
}

.footer-line2 {
  height: .25rem;
  background-color: #FFF;
}


/* Footer
================================================== */

.footer .footer-info {
  background-color: #c6aa9d;
}

.footer-logo img {
  width: 200px;
  height: auto;
  margin-left: 1.78rem;
}

.footer h3 {
  color: #FFF;
}

.footer h4,
.footer h5 {
  color: #727272;
  text-shadow: 1px 1px 0 #FFF;
  font-size: 1.3rem;
}

.footer-logo small {
  color: #727272;
  margin-left: 6rem;
}

.footer ul li {
  margin-left: 1.4rem;
}


/* Footer link
------------------------------ */
.footer ul li a:link {
  color: #FFF;
  text-decoration: none;
  line-height: 1.6;
}

.footer ul li a:visited {
  color: #DDD;
}

.footer ul li a:hover {
  color: #777;
  background: #f5e6b9;
  padding: .2rem 1rem;
  border-radius: 12px;
}

.footer ul li a:active {
  color: #FF0;
}


/* Footer copyright
------------------------------ */
.footer-copyright {
  background-color: #e5d3ce;
  padding-top: .5em;
}

.footer-copyright p {
  color: #FFF;
  text-align: right;
  margin-right: 1rem;
}


/* 見出し装飾
================================================== */

/* h-deco-handwriting
------------------------------ */
.h-deco-handwriting {
  position: relative;
  padding-top: 50px;
  padding-left: 30px;
  font-size: 26px;
}

.h-deco-handwriting span {
  position: relative;
  z-index: 2;
  color: #f98289;
}

.h-deco-handwriting::before {
  content: attr(data-en);
  position: absolute;
  transform: rotate(-10deg);
  top: 10px;
  left: 0;
  color: transparent;
  background: repeating-linear-gradient(180deg, #838af7 0, #e2e4fd 100%);
  -webkit-background-clip: text;
  font-size: 3rem;
  font-weight: 400;
  font-family: 'Splash', cursive;
  font-style: italic;
}


/* Hr装飾
================================================== */

/* 背景色つき破線の区切り線
------------------------------ */
.hr-1 {
  height: 3px;
  border-width: 0;
  background-color: #f3ecec;
  background-image: -webkit-linear-gradient(right, #ddd6d6 5px, #855454 5px);
  background-image: linear-gradient(-90deg, #ddd6d6 5px, #855454 5px);
  background-size: 10px 10px;
}


/* JS Anima
================================================== */

/* Bonsai animation
------------------------------ */
/*
盆栽の反射アニメ
https://goworkship.com/magazine/reflection-refraction-effects/
*/


/* www/sitemap.html
================================================== */

.sitemap h5 {
  margin-left: 1rem;
}

.sitemap ul {
  margin-left: 3rem;
}

.sitemap ul li {
  line-height: 1.6;
}

.main-color {
  background-color: #c6aa9d;
}

.heading-color {
  background-color: #47352d;
}


/* www/custom/pret-a-porter.html
================================================== */

.as-for {
  background-color: rgba(245, 245, 245, .5);
}

.as-for p {
  text-indent: 1rem;
}

.as-for p span {
  font-size: 3rem;
  font-weight: 500;
}