@charset "UTF-8";
/*
Theme Name: Hanagaki
Author: Nambu Shuzojo
Author URI: http://www.hanagaki.co.jp/
Description: A theme for Nambu Shuzojo official website.
Version: 0.1.0
Template: habakiri
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hanagaki
*/
/*
 imports
*/
/*
 variables
*/
/*
 type face
*/
body {
  font-family: "FontAwesome", Hiragino Sans, "ヒラギノ角ゴシック", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif; }

h2 {
  font-family: "FontAwesome", YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Kozuka Mincho Pro", "小塚明朝 Pro R", "Kozuka Mincho Std", "小塚明朝 Std R", "HGP明朝E", Serif !important; }

.entry__title {
  font-family: "FontAwesome", YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Kozuka Mincho Pro", "小塚明朝 Pro R", "Kozuka Mincho Std", "小塚明朝 Std R", "HGP明朝E", Serif !important; }

.archive__title {
  font-family: "FontAwesome", YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Kozuka Mincho Pro", "小塚明朝 Pro R", "Kozuka Mincho Std", "小塚明朝 Std R", "HGP明朝E", Serif !important; }

.entry__content {
  font-family: "FontAwesome", YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Kozuka Mincho Pro", "小塚明朝 Pro R", "Kozuka Mincho Std", "小塚明朝 Std R", "HGP明朝E", Serif !important; }

.wp-caption-text {
  font-family: "FontAwesome", Hiragino Sans, "ヒラギノ角ゴシック", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif !important; }

i[class~="fa"] {
  font-style: normal !important; }

/*
 font size / line height
*/
html {
  font-size: 62.5%; }

.entry p, .entry li, .entry th, .entry td, .entry dt, .entry dd, .entry blockquote {
  font-size: 17px !important;
  font-size: 1.7rem !important;
  line-height: 1.9 !important; }

.wp-caption-text {
  font-size: 15px !important;
  font-size: 1.5rem !important; }

/*
 text color
*/
a {
  color: #ea99bc; }

/*
 global settings
*/
img.photo, img[class*="wp-image"], img[class*="wp-post-image"] {
  border: 1px solid #e0e0e0; }

#header {
  background: #03004c; }

#responsive-btn {
  background-color: #f0f0f0 !important; }

#contents {
  background: #f0f0f0 url("../images/bkgd-sandpaper.png"); }

#skiplink {
  background: #f0f0f0 url("../images/bkgd-sandpaper.png");
  text-align: right;
  font-family: "FontAwesome", Hiragino Sans, "ヒラギノ角ゴシック", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif; }
  #skiplink a {
    color: #999;
    text-decoration: none; }
  #skiplink i {
    padding-left: 5px;
    padding-left: 0.5rem; }

.responsive-nav-contents {
  box-shadow: none !important; }

#footer {
  background: #03004c url(../images/footer-sakura_03.png) no-repeat left bottom !important;
  padding-top: 30px;
  padding-top: 3rem;
  color: #f0f0f0 !important; }
  #footer a {
    color: #f0f0f0 !important; }

.footer-widget-area {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  padding: 0 !important; }

.copyright {
  color: #f0f0f0 !important;
  background: transparent !important;
  text-align: right; }

.entry__title,
.archive__title {
  margin-bottom: 30px !important;
  border-bottom: 1px solid #03004c; }

.entry h2:nth-child(1) {
  margin-top: 0; }

.entry h3 {
  margin-top: 40px;
  margin-top: 4rem; }

.entry table {
  width: 100%;
  border-collapse: collapse; }

.entry tr:last-of-type th, .entry tr:last-of-type td {
  border: none; }

.entry th {
  width: 20%;
  vertical-align: top;
  padding: 12px 10px;
  padding: 1.2rem 1rem;
  background: rgba(3, 0, 76, 0.1);
  border-bottom: 1px solid #c7c7c7; }

.entry td {
  width: 80%;
  padding: 12px 10px;
  padding: 1.2rem 1rem;
  border-bottom: 1px solid #c7c7c7; }

.entry .apdx {
  border: 3px double #03004c;
  padding: 15px;
  padding: 1.5rem; }
  .entry .apdx *:last-of-type {
    margin-bottom: 0; }

.btn-primary {
  border: #03004c !important;
  background: #05007f !important; }
  .btn-primary:hover {
    background: rgba(3, 0, 76, 0.8) !important; }

/*
 page oriented settings
*/
.home .entry {
  margin-bottom: 30px;
  margin-bottom: 3rem; }

.home #information {
  margin-top: 20px;
  margin-top: 2rem;
  margin-bottom: 30px;
  margin-bottom: 3rem; }
  .home #information h2 {
    margin-top: 0; }
  .home #information h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    font-size: 1.7rem; }
  .home #information p {
    margin-left: 30px;
    margin-left: 3rem; }

.home #recommendation {
  background: #f2e2d0 url("../images/bkgd-sandpaper.png");
  padding: 30px 0;
  padding: 3rem 0; }
  .home #recommendation h2 {
    margin-top: 0; }
  .home #recommendation h3 {
    margin-top: 10px;
    margin-top: 1rem;
    font-size: 20px;
    font-size: 2rem; }
  .home #recommendation p {
    margin-bottom: 0; }

.home #sns {
  margin-top: 30px;
  margin-top: 3rem; }
  .home #sns h2 {
    margin-top: 0; }

.single-product .spec th, .page-category-item.page-child .spec th, .page-category-store.page-child .spec th {
  padding: 5px 7px;
  padding: 0.5rem 0.7rem;
  width: 30%;
  font-size: 15px !important;
  font-size: 1.5rem !important; }
  @media only screen and (max-width: 728px) {
    .single-product .spec th, .page-category-item.page-child .spec th, .page-category-store.page-child .spec th {
      width: 40%;
      font-size: 1.2rem !important; } }

.single-product .spec td, .page-category-item.page-child .spec td, .page-category-store.page-child .spec td {
  padding: 5px 7px;
  padding: 0.5rem 0.7rem;
  width: 70%;
  font-size: 15px !important;
  font-size: 1.5rem !important; }
  @media only screen and (max-width: 728px) {
    .single-product .spec td, .page-category-item.page-child .spec td, .page-category-store.page-child .spec td {
      width: 60%;
      font-size: 12px !important;
      font-size: 1.2rem !important; } }

@media only screen and (min-width: 728px) {
  .post-type-archive-product .entry__title, .page-category-item .entry__title, .page-category-store .entry__title {
    margin-top: 5px;
    margin-top: 0.5rem;
    font-size: 17px;
    font-size: 1.7rem; } }

.page-category-store #header {
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0F0F0', endColorstr='#FFE8E8E8', GradientType=0);
  height: auto;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); }
  .page-category-store #header a {
    color: #7c70a4; }
    .page-category-store #header a:hover {
      color: #03004c; }

.page-category-store #footer {
  background: #f0f0f0 url("../images/footer-sakura_03.png") left bottom no-repeat !important; }
  .page-category-store #footer p {
    color: #333; }
  .page-category-store #footer a {
    color: #7c70a4 !important; }
    .page-category-store #footer a:hover {
      color: #03004c !important; }

.page-category-dealer i[class~='fa'] {
  padding-right: 5px;
  padding-right: 0.5rem; }

.page-category-dealer .pref_list {
  margin-left: 15px;
  margin-left: 1.5rem; }

.page-category-dealer .pref_name {
  padding-right: 5px; }
  .page-category-dealer .pref_name:after {
    content: "|";
    padding-left: 5px; }
  .page-category-dealer .pref_name:last-of-type:after {
    content: ""; }

.page-category-dealer .list-block th {
  width: 30%; }

.page-category-dealer .list-block td {
  width: 70%; }

.page-category-dealer .goto-area-nav {
  margin-bottom: 40px;
  margin-bottom: 4rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e0e0e0;
  font-family: "FontAwesome", Hiragino Sans, "ヒラギノ角ゴシック", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif;
  text-align: right; }
  .page-category-dealer .goto-area-nav p {
    font-size: 14px !important;
    font-size: 1.4rem !important; }
  .page-category-dealer .goto-area-nav a {
    color: #999;
    text-decoration: none; }
  .page-category-dealer .goto-area-nav i {
    padding-right: 5px;
    padding-right: 0.5rem; }

.page-category-dealer .btn.areanav {
  width: 100%;
  font-family: "FontAwesome", Hiragino Sans, "ヒラギノ角ゴシック", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif;
  margin-bottom: 5px;
  margin-bottom: 0.5rem; }

.page-category-dealer .map.btn {
  font-family: "FontAwesome", Hiragino Sans, "ヒラギノ角ゴシック", YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif;
  margin-left: 3px;
  margin-left: 0.3rem;
  font-size: 12px;
  font-size: 1.2rem; }
