@charset "utf-8";


/*-------------------------------------------------------------------------------------
　#contents_page　固定ページ
-------------------------------------------------------------------------------------*/
main#contents_page{
width:100%;
max-width:1200px;
padding:0 20px ;
text-align: center;
}
main#contents_page article figure {
width:100%;
padding:0 20px;
max-width:800px;
margin:0 auto 60px;
text-align: center;
}


/*------------------------------------------------------
　#contents_page　固定ページ　　タブレット　768以下　ここから
------------------------------------------------------*/

@media screen and (max-width: 768px) {
	#contents_page{
	text-align: left;
}
}

/*------------------------------------------------------
　#contents_page　固定ページ　　スマホ　640以下　ここから
------------------------------------------------------*/

@media screen and (max-width: 639px) {/*スマホの横向きの最小機種幅640以下はスマホレイアウト*/
}







/*-------------------------------------------------------------------------------------
　contents_single　投稿詳細ページ
-------------------------------------------------------------------------------------*/

#contents_single {
width:90%;
max-width:800px;
text-align: left;
}
#contents_single figure{
text-align: center;
margin:0 auto clamp(30px,4.5vw,60px);
}

/*------------------------------------------------------
　contents_single　投稿詳細ページ　　タブレット　768以下　ここから
------------------------------------------------------*/

@media screen and (max-width: 768px) {
}

/*------------------------------------------------------
　contents_single　投稿詳細ページ　　スマホ　640以下　ここから
------------------------------------------------------*/

@media screen and (max-width: 639px) {/*スマホの横向きの最小機種幅640以下はスマホレイアウト*/
}





/*-------------------------------------------------------------------------------------
　contents_search　検索結果　ページ　search.php
-------------------------------------------------------------------------------------*/

#contents_search {
width:90%;
max-width:800px;
}
#contents_search article{
  display: flex;
  justify-content: space-between;
margin-bottom: clamp(30px,4.5vw,60px);
}
#contents_search a {
width:25%;
}
#contents_search a figure img{
width: 100%;
height: 100px;
object-fit: cover;
object-position: top;
}
#contents_search dl{
width:70%;
text-align: left;
}
#contents_search dl dt.post_title{
  margin-top:-5px;
  font-size: clamp(16px,1.7vw,18px);
  padding:5px 10px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
/*------------------------------------------------------
　contents_search　検索結果　ページ　search.php　タブレット　768以下　ここから
------------------------------------------------------*/

@media screen and (max-width: 768px) {
}

/*------------------------------------------------------
　contents_search　検索結果　ページ　search.php　スマホ　640以下　ここから
------------------------------------------------------*/

@media screen and (max-width: 639px) {/*スマホの横向きの最小機種幅640以下はスマホレイアウト*/
}









/*-------------------------------------------------------------------------------------
　contact　お問い合わせフォーム
-------------------------------------------------------------------------------------*/
div#nf-form-1-cont h3{display:none;}
#contents_page .nf-form-layout{
width:80%;
max-width:600px;
margin:0 auto 100px;
text-align:left;
}
#contents_page .nf-before-form-content{
margin-bottom:50px;
}
#contents_page .nf-form-layout input,
#contents_page .nf-form-layout textarea{
padding:10px;
}
#contents_page .label-above .nf-field-element #nf-field-1, 
#contents_page .label-above .nf-field-element #nf-field-2, 
#contents_page .label-above .nf-field-element #nf-field-3, 
#contents_page .label-below .nf-field-element{
background-color:#fff;
border-radius:5px;
}
.nf-field #nf-field-4{
background-color:#ff3372;
margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  width: 200px;
  text-align: center;
  color: #fff;
border-radius:5px;
}
#contents_page .ninja-forms-req-symbol,
#contents_page .nf-error-msg{
color:#ff3372;
}
#contents_page .nf-error-msg{
	font-weight:normal;
	font-size:12px;
}
#contents_page .nf-error.listimage-wrap .nf-field-element ul,
#contents_page .nf-error .ninja-forms-field{
border: 1px solid #ff3372;
}
#contents_page #nf-form-errors-1{
text-align:center;
margin-top:50px;
}

/*------------------------------------------------------
　contact　お問い合わせフォーム　　タブレット　768以下　ここから
------------------------------------------------------*/

@media screen and (max-width: 768px) {
}

/*------------------------------------------------------
　contact　お問い合わせフォームe　ページ名　　スマホ　640以下　ここから
------------------------------------------------------*/

@media screen and (max-width: 639px) {/*スマホの横向きの最小機種幅640以下はスマホレイアウト*/
#contents_page .nf-form-layout{
width:90%;
margin:0 auto 50px;
}
}