@charset "UTF-8";
/*-------------------------
・書体
ウェブフォントを使用しない場合は以下の内容で記述してください
　- ゴシック
　　font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
　- 明朝
　　font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif

・濃い色 deep color
・薄い色 light color

・色バリエーション deep color/light color
紫: #a982b9 #f2eef6
青: #1f77af #e5e9f3
緑: #65955a #eff3ed
黄: #eeea51 #fdfdeb
橙: #ea9a3d #fdf2e4
赤: #b63432 #f4e3db
灰: #b7a5a2 #f2eef6
金: #caae4b #f7f2e3

header#mainheader a の文字色が見えづらい場合は変更する
#000 or #fff

・メイン画像
　- PC用 or SP兼用
　- SP用

rgba値変換ジェネレータ：http://www.peko-step.com/tool/tfcolor.html

----------------------------*/





/*---- 書体設定 ----*/

/*全体*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table, tr, th, td,
header, hgroup, nav, section, article, aside, footer, figure, figcaption, address, strong, em, div {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*プロフィールエリアテキスト*/
#pages_profile h3, #pages_profile h4, #pages_profile p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*ブログ新着エリアテキスト*/
#pages_blog h4 , #pages_blog p, #pages_blog span {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*お問い合わせフォームエリアテキスト*/
#pages_contact p input, #pages_contact p textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*---- 配色・メイン画像設定 ----*/
a {
  color: #666666;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #666666;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

header#mainheader {
  background-color:#65955a;/*deep color*/
}

header#mainheader a {
  color: #fff;
}

@media screen and (max-width: 600px) {
  #main {
    background-image:url(../img/photo/bg_main.jpg);/*モバイル向けがある場合はsp_bg_main.jpgに*/
  }
  #main h1 span {
    padding-bottom:20px;
    display:inline-block;
    border-bottom:3px solid #65955a;/*deep color*/
  }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  #main {
    background-image:url(../img/photo/bg_main.jpg);/*モバイル向けがある場合はsp_bg_main.jpgに*/
  }
  #main h1 span {
    padding-bottom:20px;
    display:inline-block;
    border-bottom:3px solid #65955a;/*deep color*/
  }
}

@media screen and (min-width: 801px) {
  #main {
    background-image:url(../img/photo/bg_main.jpg);
  }
  #main h1 span {
    padding-bottom:15px;
    border-bottom:3px solid #65955a;/*deep color*/
  }
}

.common_ttl span {
  border-bottom:3px solid #65955a;/*deep color*/
}

#pages_blog, #pages_takaramono, #pages_gyojigokuyo ,#pages_contact {
  background-color:#eff3ed;/*light color*/
}

#sp_tel a, .mappdf a ,#pages_contact input[type="submit"] {
  background-color:#65955a;/*deep color*/
  color:#000000;
}

footer#pagefooter {
  background-color:#65955a;/*deep color*/
  padding:20px;
  text-align:center;
  color:#ffffff;
}

#sp_nav, .sp_nav_list {
  background-color:#65955a;/*deep color*/
}

/*ブログのみ*/

.navbar-default {
  background-color: #337ab7;
  border-color: rgba(255, 255, 255, 0.1);
}


/*フォームアラートエリア*/

div.wpcf7-validation-errors {
}

/*フォームサンクスエリア*/

div.wpcf7-mail-sent-ok {
  border-radius:4px;
  padding:18px;
    background: rgba(255, 153, 0, 0.2);
  border:none !important;
  line-height:1.4;
  margin:2em 0;
}