/*
Theme Name: Trip-izu
Theme URI: https://trip-izu.com/
Description: 伊豆・熱海の隠れ里のWordpressテーマです
Version:　1.0
Author: kiuchi-design
Author URI: https://kiuchi-design.jp
*/


/*観光情報のコンテンツ内画像のスタイルkiji_photoと合わせる*/
.wp-block-image{
	width: 650px;
	height: 400px;
	margin: 30px auto;
	background-color: #999999;
	border-radius: 25px;
	overflow:hidden;
}
.wp-block-image img{
	width: 100%;
	height: auto;
	border-radius: 25px;
}

/*記事の中のブロック編集での「見出し」にcssを*/
.wp-block-heading{
	font-size: 1.2em;
	font-weight: bold;
	margin: 3em 0 1em 0;
	text-align: center;
	line-height: 1.6em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #be272c;
}


/*------------------------------------------------------------
ページネーション
------------------------------------------------------------*/
.pagenavi{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.wp-pagenavi {/* 全体 */
	display: flex;
  align-items: center;
	justify-content: center;
	margin-top: 2em;
   font-size: 12px;
}
.wp-pagenavi a {/* フォント色 */
   color: #b5945f;/*ベージュ*/
}
.pages {/* 左の表記 */
 display:none;
}
.wp-pagenavi .current,
.wp-pagenavi a.page {/* ボタン */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
    width: 2em;
    height: 2em;
    border-radius: 25px;
  background: #f2f2f2;
  border: solid 2px #b5945f;/*ベージュ*/
  font-size: 14px;
  color:  #b5945f;/*ベージュ*/
  font-weight: bold;
  transition: all 0.15s linear;
	margin-right:0.7em;
}
.wp-pagenavi .current {/* カレント数字 */
  background: #b5945f;/*ベージュ*/
  color: #f2f2f2;
  pointer-events: none;
}
.wp-pagenavi a.page:hover {/* マウスオーバー */
  background: #b5945f;/*ベージュ*/
  color: #f2f2f2
}
.wp-pagenavi .first,
.wp-pagenavi .extend {/* ... */
    margin-left: 12px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {/* 記号>> */
	font-size:1.5em;
	margin-left:1em;
	margin-right:1em;
	color:  #b5945f;/*ベージュ*/
}




/*------------------------------------------------------------
ページネーション-2
------------------------------------------------------------*/
/* ページ中央に設置 */
.pnavi {
	display: flex;
  	align-items: center;
	justify-content: center;
	margin-top: 2em;
	font-size: 14px;
}

/* 現在開いている以外のページのボタン */
.pnavi .page-numbers {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border-radius: 25px;
	border: solid 2px #b5945f;/*ベージュ*/
    color:  #b5945f;/*ベージュ*/
	margin-right:0.7em;
	box-sizing:border-box;

}
a.page-numbers{
	background-color:#ffffff!important;/*グレー*/
}

/* マウスが乗った時の、ボタンの背景の色と文字の色 */
.pnavi a.page-numbers:hover {
    background-color: #b5945f!important;/*ベージュ*/
  	color: #ffffff;
	border: solid 2px #b5945f!important;/*ベージュ*/
	box-sizing:border-box;	
}

.pnavi .current{/* ボタン */
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	flex-wrap: wrap;
    width: 2em;
    height: 2em;
    border-radius: 25px;
    background-color: #b5945f!important;/*ベージュ*/
  	border: solid 2px #b5945f;/*ベージュ*/
  	font-size: 14px;
  	color: #ffffff;/*白*/
 	font-weight: bold;
  	transition: all 0.15s linear;
	margin-right:0.7em;
	box-sizing:border-box;
	pointer-events: none;
}
/* 前へ、次へ */
.pnavi .prev,
.pnavi .next {
	margin-left:1em;
	margin-right:1em;
	color: #b5945f;/*ベージュ*/
}

.pnavi a.next.page-numbers {
    margin-right: 0;
}

/*  縦線の共通CSS　*/
.pnavi .next::before,
.pnavi .prev::after {
    content: "";
    display: inline-block;
    width: 0.5px;
    height: 40px;
   	background: #f2f2f2;/*グレー*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

// 「次へ」の前の線
.pnavi .next::before {
    left: -300px;
}

// 「前へ」の後の線
.pnavi .prev::after {
    right: -15px;
}

/* 数字の間のドット */
.pnavi .dots {
    background: transparent;
    border: none;
}

/*------------------------------------------------
youtube追加　レスポンシブ
--------------------------------------------------*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
	margin: 40px auto;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


/*------------------------------------------------
コンタクトフォームの追加
--------------------------------------------------*/
input[type="submit"]{
	width: 100%;
	height: 75px;
	background-color: #fffec5;
	border: dotted 2px #fbc848;
	box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	line-height: 75px;
	margin-top: 10px;
	color: #333333;
	transition: .3s;
	font-size:20px;
	font-weight:bold;
}

input[type="submit"]:hover{
	color: #bb1b21;
	background-color:rgba(253,216,85,1.00);
	color: #333333;
}
input
/*コンタクトフォームで送信ボタンが中央にこない原因spanが入っている*/
span.wpcf7-spinner {
    display: none;
}
.btn_sendmail:hover{
transform: scale(1.1);
}

/*コンタクトフォーム7でreCAPTCHAのマーク消してPポリシー入れる　ここから*/
.googlepp{
	font-size: 0.6em;
	line-height: 1.5em;
	text-align: center;
	color:#888888;
	margin-top:2em;
	font-weight:normal;
}
.googlepp a{
	font-size: 0.6em;
	line-height: 1.5em;
	text-align: center;
	color:#888888;
	margin-top:2em;
	font-weight:normal;
}
.grecaptcha-badge { visibility: hidden; }

/*コンタクトフォーム7でreCAPTCHAのマーク消してPポリシー入れる　ここまで*/
	


@media screen and (max-width:620px) {
	
.wp-block-image{
	width: 100%;
	height: auto;
	margin: 30px auto;
	background-color: #fff;
	border-radius: 25px;

}
.wp-block-image img{
	width: 100%;
	height: auto;
	border-radius: 25px;
}
	
.wp-block-heading{
	font-size: 1.2em;
	font-weight: bold;
	margin: 3em 0 1em 0;
	text-align: center;
	line-height: 1.6em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #be272c;
}
	
	.w450btnbox{
		padding-bottom:30px;
		margin-top:-20px;
		color:#333333;
	}
	

	
	
	
	
}