@charset "utf-8";
/* CSS Document */

/*----------------------------------------
下層ページ
------------------------------------------*/
/* スタッフブログ一覧 */
#blog{
  margin-top: 60px;
  padding: 15px 4% 35px 4%;
  background: #FAFAFA;
}
#blog .inner{
  margin-bottom: 15px;
  padding-bottom: 10px;
  background: #FFFFFF;
}
#blog ul{
  margin-bottom: 15px;
  padding: 2.2% 2.2% 15px 2.2%;
}
#blog ul li{
  border-bottom: dotted 1px #B3B3B3;
}
#blog ul li a{
  padding: 10px 7% 10px 2.2%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-align-items: center;
  align-items: center;
  background: url(../img/sp/list-bg.png) right 2.2% center no-repeat;
  background-size: 8px;
}
#blog ul li a p.thumb{
  width: 35.2%;
  margin-bottom: 15px;
  text-align: center;
}
#blog ul li a p.thumb img{
  max-width: 100%;
}
#blog ul li a div{
  width: 59.7%;
  padding-right: 2.2%;
}
#blog ul li a p.date{
  margin-bottom: 5px;
  color: #EC6F82;
}
#blog ul li a p.title{
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#blog ul li a p.title a{
  display: inline!important;
}
#blog ul li a p.comment{
  margin-bottom: 5px;
}
#blog ul li a p.more{
  color: #EC6F82;
}
#blog p.btn{
  margin: 0 9.3%;
}
.wp-pagenavi{
  margin-top: 25px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
  font-size: 14px !important;
}
.wp-pagenavi a,
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
  color:#FD6E8C !important;
  background:#FFFFFF !important;
  border:solid 1px #FD6E8C !important;
  padding:6px 9px 6px 9px !important;
  margin-right:3px !important;
  text-decoration:none !important;
  display: inline-block;
}
.wp-pagenavi a:hover{
  color:#FFFFFF !important;
  border:solid 1px #FD6E8C !important;
  background:#FD6E8C !important;
}
.wp-pagenavi span.current{
  margin-right:3px !important;
  padding:6px 9px 6px 9px !important;
  color:#FFFFFF !important;
  border:solid 1px #FD6E8C !important;
  background:#FD6E8C !important;
}



/* スタッフブログ詳細 */
#single{
  margin-top: 30px;
  padding: 15px 4% 35px 4%;
  /*background: #F9F9F9;*/
}
#single #box{
  margin-bottom: 15px;
/*  padding: 15px 4.3% 25px 4.3%;*/
  background: #FFFFFF;
/*  border: solid 1px #E6E6E6;*/
}
#single #box h2.post_title{
  margin-bottom: 10px;
  padding-bottom: 15px;
  color: #c80000;
  font-size: 20px;
  border-bottom: solid 1px #EC7C8D;
}
#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 p.date{
  margin-bottom: 15px;
  color: #EC7C8D;
  font-weight: normal;
  font-size: 12px;
}
#single #box #comment{
  word-break: break-all;
}
#single #box #eyecatch{
  margin-bottom: 25px;
  text-align: center;
}
#single #box #comment img{
  max-width: 100%;
  width: auto;
  height: auto;
}
#single p.btn{
  margin: 0 9.3%;
}
#single #box ul#single_pager{
  margin-top: 15px;
  display:-webkit-flex;
  display: flex;
  justify-content: center;
}
#single #box ul#single_pager li{
  margin-right: 10px;
}
#single #box ul#single_pager li a{
  padding: 10px 20px;
  color: #191970;
  border: solid 1px #FD6E8C;
  display: block;
}
#single #box ul#single_pager li:last-child{
  margin-right: 0;
}



/* お問い合わせ */
#contact{
  margin-top: 60px;
  padding: 0 4% 15px 4%;
  background: #F9F9F9;
}
#contact #form{
  padding: 15px 4.3% 25px 4.3%;
  text-align: center;
  background: #FFFFFF;
}
#contact #form #navigation{
  margin-bottom: 15px;
}
#contact #form table{
  width: 100%;
}
#contact #form table tr th{
  position: relative;
  width: 95.2%;
  padding: 15px 0 15px 4.8%;
  text-align: left;
  color: #534741;
  font-weight: normal;
  font-size: 15px;
  vertical-align: top;
  background: rgba(236,124,141,0.15);
  display: inline-block;
}
#contact #form table tr:last-of-type th{
  border-bottom: solid 0px #FFFFFF;
}
#contact #form table tr th p.required{
  position: absolute;
  right: 4.8%;
  top: 10px;
  padding: 5px 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  border-radius: 4px;
  background: #EC7C8D;
}
#contact #form table tr td{
  position: relative;
  width: 96.8%;
  padding: 15px 1.6%;
  text-align: left;
  color: #333333;
  font-size: 15px;
  display: inline-block;
}
#contact #form table tr td input[type="text"],
#contact #form table tr td input[type="email"]{
  height: 35px;
  width: 99%;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}
#contact #form table tr td .mwform-tel-field input[type="text"]{
  width: 75px;
}
#contact #form table tr td .zip input[type="text"]{
  width: auto;
}
#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: 35px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}
#contact #form table tr td .birth{
  padding-right: 5px;
}
#contact #form table tr td .birth select{
  height: 35px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
  background-color: #fff;
}
#contact #form table tr td .birth select[name="year"]{
  width: 70px;
}
#contact #form table tr td .birth select[name="month"]{
  width: 45px;
}
#contact #form table tr td .birth select[name="day"]{
  width: 45px;
}
#contact #form table tr td .seijin select {
  height: 35px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}
#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: 15px;
  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:nth-of-type(2){
  margin-bottom: 30px;
}
#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 #E2E2E2;
}
#contact #form table tr:last-of-type td{
  border-bottom: solid 0px #FFFFFF;
}
#contact #form p.text2{
  margin: 15px 0 20px 0;
  padding-bottom: 10px;
  text-align: left;
  color: #EC6F82;
  font-size: 21px;
  border-bottom: dotted 1px #EC7C8D;
}
#contact #form input[name="submitBack"],
#contact #form input[name="check"] {
  width: 150px;
  height: 45px;
  margin: 0 5px;
  text-indent:-9999px;
  cursor: pointer;
  border:none;
  background-position:center center;
  background-repeat:no-repeat;
}
#contact #form input[name="submitBack"] {
  background-image:url(../img/sp/btn_back.png);
  background-size: cover;
}
#contact #form input[name="check"] {
  background-image:url(../img/sp/btn_send.png);
  background-size: cover;
}
#contact #form input[name="submitConfirm"]{
  width: 280px;
  height: 45px;
  margin: 0 auto;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background: url(../img/sp/btn_conf.png);
  background-size: cover;
  overflow: hidden;
}
#contact #form p.img1_thanks{
  margin-bottom: 23px;
}
#contact #form p.img2_thanks{
  margin-bottom: 43px;
}



/* お問い合わせ 完了画面 */
#contact2{
  margin-top: 60px;
  padding: 0 4% 30px 4%;
  background: #F9F9F9;
}
#contact2 #form2 div{
  margin-bottom: 15px;
  padding:15px 4.3% 31px 4.3%;
  text-align: center;
  background: #FFFFFF;
}
#contact2 #form2 .btn{
  margin: 0 9.3%;
}
