@charset "utf-8";
/* CSS Document */

/*----------------------------------------
下層ページ
------------------------------------------*/
/* スタッフブログ一覧 */
#blog{
  width: 1000px;
  margin: 77px auto 80px auto;
}
#blog h2{
  margin-bottom: 47px;
}
#blog ul{
  margin-bottom: 34px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}
#blog ul li{
  width: 318px;
  margin: 0 20px 20px 0;
  border: solid 1px #E6E6E6;
}
#blog ul li a{
  padding: 20px;
  display: block;
}
#blog ul li a p.thumb{
  margin-bottom: 15px;
  text-align: center;
}
#blog ul li a p.thumb img{
  max-width: 280px;
  height: auto;
}
#blog ul li a p.date{
  margin-bottom: 10px;
  color: #EC6F82;
}
#blog ul li a p.title{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #B3B3B3;
}
#blog ul li a p.comment{
  margin-bottom: 50px;
}
#blog ul li:nth-child(3n){
  margin: 0 0 20px 0;
}
/* ページナビ */
.wp-pagenavi{
  text-align: center;
  color: #EC6F82;
}
.wp-pagenavi a,
.wp-pagenavi span{
  margin: 2px 5px !important;
  padding: 3px 10px !important;
  color: #EC6F82;
  border: solid 1px #EC6F82 !important;
}
.wp-pagenavi span.current{
  color: #FFFFFF;
  background: #EC6F82;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
  border: solid 1px #EC6F82;
}



/* スタッフブログ詳細 */
#single{
  width: 1000px;
  margin: 50px auto 52px auto;
}
#single #box{
  padding: 50px;
  border: solid 1px #000;
  overflow: hidden;
}
#single #box h2.post_title{
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  color: #c80000;
  font-size: 23px;
  border-bottom: solid 1px #B3B3B3;
}
#single #box h2 span{
  position: absolute;
  right: 0;
  top: 5px;
  color: #333333;
  font-weight: normal;
  font-size: 12px;
}
#single span.category{
  background-color: #191970;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
}
#single span.area{
  background-color: #cf020c;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
}
#single #box #comment{
  margin-bottom: 35px;
  word-break: break-all;
}
#single #box #eyecatch{
  margin-bottom: 25px;
  text-align: center;
}
#single #box #eyecatch img{
  max-width: 100%;
  height: auto;
}
#single #box ul#single_pager{
  display: -webkit-box;
  display: flex;
  justify-content: center;
}
#single #box ul#single_pager li{
  margin-right: 10px;
  border: solid 1px #EC6F82;
}
#single #box ul#single_pager li:last-child{
  margin-right: 0;
}
#single #box ul#single_pager li a{
  padding: 10px 20px;
  color: #191970;
  display: block;
}
#single #box ul#single_pager li a:hover{
  color: #FFFFFF;
  text-decoration: none;
  background: #EC6F82;
}



/* お問い合わせ */
#contact{
  width: 1000px;
  margin: 73px auto 116px auto;
}
#contact h2{
  margin-bottom: 53px;
}
#contact #form{
  margin: 0 50px;
  text-align: center;
}
#contact #form #navigation{
  margin-bottom: 50px;
}
#contact #form table{
  width: 100%;
  border: solid 1px #EC7C8B;
}
#contact #form table tr th{
  position: relative;
  width: 195px;
  padding: 35px 0 35px 55px;
  text-align: left;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 15px;
  vertical-align: top;
  border-bottom: solid 1px #FFFFFF;
  background: #EC7C8B;
}
#contact #form table tr:last-of-type th{
  border-bottom: solid 0px #FFFFFF;
}
#contact #form table tr th p.required{
  position: absolute;
  right: 33px;
  top: 31px;
  padding: 5px 10px;
  text-align: center;
  color: #FD6E8C;
  font-size: 12px;
  border-radius: 4px;
  background: #FFFFFF;
}
#contact #form table tr td{
  position: relative;
  padding: 30px;
  text-align: left;
  color: #333333;
  font-size: 15px;
  border-bottom: solid 1px #CCCCCC;
}
#contact #form table tr td input[type="text"],
#contact #form table tr td input[type="email"]{
  height: 28px;
  max-width: 80%;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}
#contact #form table tr td.store{
  padding-right: 5px;
}
#contact #form table tr td select{
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contact #form table tr td.store select{
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}
#contact #form table tr td .birth{
  padding-right: 5px;
}
#contact #form table tr td .birth select{
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}
#contact #form table tr td .seijin select {
    width: 60%;
    height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}
#contact #form table tr td .zip input:first-child{
  margin-right: 5px;
}
#contact #form table tr td .zip input:last-child{
  margin-left: 5px;
}
#contact #form table tr td p.text1{
  margin-top: 10px;
}
#contact #form table tr td p.text3{
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #CCCCCC;
}
#contact #form table tr td p.required{
  position: absolute;
  right: 4.8%;
  top: 25px;
  padding: 5px 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  border-radius: 4px;
  background: #EC7C8B;
}
#contact #form table tr td .hope:nth-child(5){
  margin-bottom: 50px;
}
#contact #form table tr td p.text4{
  margin: 20px 0 50px 0;
}
#contact #form table tr td p.text5{
  margin: 10px 0;
}
#contact #form table tr td .hope{
  margin-bottom: 30px;
}
#contact #form table tr td .hope:last-of-type{
  margin-bottom: 0px;
}
#contact #form table tr td textarea{
  width: 100%;
  height: 170px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}
#contact #form table tr:last-of-type td{
  border-bottom: solid 0px #FFFFFF;
}
#contact #form p.text2{
  margin: 60px 0 30px 0;
  color: #EC6F82;
  font-size: 21px;
}
#contact #form input[name="submitBack"],
#contact #form input[name="check"] {
  width: 280px;
  height: 60px;
  margin: 55px 10px 0 10px;
  text-indent:-9999px;
  cursor: pointer;
  border:none;
  background-position:center center;
  background-repeat:no-repeat;
}
#contact #form input[name="submitBack"] {
  background-image:url(../img/btn_back.png);
}
#contact #form input[name="check"] {
  background-image:url(../img/btn_send.png);
}
#contact #form input[name="submitConfirm"]{
  width: 500px;
  height: 62px;
  margin: 55px auto 0 auto;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background: url(../img/btn_conf.png);
  overflow: hidden;
}
#contact #form p.img1_thanks{
  margin-bottom: 23px;
}
#contact #form p.img2_thanks{
  margin-bottom: 43px;
}



/* お問い合わせ 完了画面 */
#contact2{
  width: 1000px;
  margin: 73px auto 116px auto;
}
#contact2 h2{
  margin-bottom: 53px;
}
#contact2 #form2{
  padding: 58px 49px 66px 49px;
  text-align: center;
  border: solid 1px #E6E6E6;
}
#contact2 #form2 #navigation{
  margin-bottom: 72px;
}
#contact2 #form2 .img1{
  width: 411px;
  margin: 0 auto 48px auto;
}
#contact2 #form2 .img2{
  width: 489px;
  margin:0 auto  43px auto;
}
#contact2 #form2 .btn{
  width: 500px;
  margin:0 auto;
}