@charset "utf-8";

/*
Thema Name: 
Thema URI: 
Description: 
*/


/* CSS Document */
@import url("css/common.css?20200401");


/* ++++++++++++++++
+ 初期のスタイル
++++++++++++++++ */
*,
*::before,
*::after {
    box-sizing: border-box
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

input,button,textarea,select {
    font: inherit;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
}

img {
   vertical-align: bottom;
}
ul,ol {
   list-style: none;
}

img {
    max-width: 100%;
    display: block
}
/* ++++++++++++++++
+
+ ページナビ
+
++++++++++++++++ */
.wp-pagenavi {
	position: relative;
	width:100%;
	clear:both;
	text-align:center;
	font-size:1.8rem;
	background-color: #002B5C;
	margin-top: 160px;
	margin-bottom: 160px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
.wp-pagenavi {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: -5px;
	margin-bottom: 100px;
	width: auto;
}
}
@media screen and (min-width: 639px) and (max-width: 983px) {
.wp-pagenavi {
	padding-top: 10px;
	padding-bottom: 10px;
}
}
@media screen and (min-width: 984px) and (max-width: 1199px) {
.wp-pagenavi {
	padding-top: 10px;
	padding-bottom: 10px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
.wp-pagenavi {
	padding-top: 10px;
	padding-bottom: 10px;
}
}
@media print, screen and (min-width: 1500px)  {
.wp-pagenavi {
	padding-top: 10px;
	padding-bottom: 10px;
}
}

.wp-pagenavi .first {
	display:none;
}
.wp-pagenavi span {
	margin-bottom:10px;
}
@media screen and (min-width: 0px) and (max-width: 599px) {
	/*次へ*/
	.wp-pagenavi .nextpostslink {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 22px;
		right: 5%;
		text-indent: -9999px;
		border: 0;
	}
	.wp-pagenavi .nextpostslink::after {
		content: "";
		position: absolute;
		top: 9px;
		right: 10px;
		width: 10px;
		height: 10px;
		display:inline-block;
		text-indent: -9999px;
		border-right: 2px solid #FFFFFF;
		border-top: 2px solid #FFFFFF;
		border-left: none;
		border-bottom: none;
		transform: rotate(45deg);
		padding: 0;
	}
	/*戻る*/
	.wp-pagenavi .previouspostslink {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 22px;
		left: 5%;
		text-indent: -9999px;
		border: 0;
	}
	.wp-pagenavi .previouspostslink::after {
		content: "";
		position: absolute;
		top: 9px;
		left: 10px;
		width: 10px;
		height: 10px;
		border-left: 2px solid #FFFFFF;
		border-top: 2px solid #FFFFFF;
		border-bottom: none;
		border-right: none;
		transform: rotate(-45deg);
		padding: 0;
	}
}
@media print, screen and (min-width: 600px)  {
	/*次へ*/
	.wp-pagenavi .nextpostslink {
		width: 10px;
		height: 10px;
		position: absolute;
		top: 32px;
		display:inline-block;
		text-indent: -9999px;
		border-right: 3px solid #FFFFFF;
		border-top: 3px solid #FFFFFF;
		transform: rotate(45deg);
		margin-left:22px;
		border-bottom: none;
		border-left: none;
		padding: 0;
	}
	/*戻る*/
	.wp-pagenavi .previouspostslink {
		width: 10px;
		height: 10px;
		position: absolute;
		top: 32px;
		display:inline-block;
		text-indent: -9999px;
		border-left: 3px solid #FFFFFF;
		border-top: 3px solid #FFFFFF;
		transform: rotate(-45deg);
		margin-left:-32px;
		border-bottom: none;
		border-right: none;
	}
	.wp-pagenavi .previouspostslink:hover {
		margin-left:-37px;
	}
	.wp-pagenavi .nextpostslink:hover {
		margin-left:27px;
	}
}
.wp-pagenavi a, .wp-pagenavi a:link {
	text-decoration: none;
}
.wp-pagenavi a:visited {
	text-decoration: none;
}
.wp-pagenavi a:hover {
	opacity:0.5;
}
.wp-pagenavi a:active {
	text-decoration: none;
}
.wp-pagenavi span.pages {
	display:none;
}



@media screen and (min-width: 0px) and (max-width: 599px) {
	/*見ている*/
	.wp-pagenavi span.current {
		width: 33px;
		height: 33px;
		line-height: 33px;
		color: #000000;
		text-align:center;
		display:inline-block;
		margin-left:6px;
		margin-right:6px;
		text-indent:0;
		color: #FFFFFF;
		border-radius: 50%;
		padding: 0;
		line-height: 1.8;
		border: thin solid #FFFFFF;
	}
	.wp-pagenavi span.extend {
		display:none;
	}
	.wp-pagenavi .page {
		width: 33px;
		height: 33px;
		line-height: 33px;
		text-align:center;
		display:inline-block;
		color: #FFFFFF;
		margin-left:6px;
		margin-right:6px;
		text-indent:0;
		border-radius: 50%;
		padding: 0;
		border: none;
	}
}
@media print, screen and (min-width: 600px)  {
	/*見ている*/
	.wp-pagenavi span.current {
		width: 50px;
		height: 50px;
		line-height: 50px;
		color: #000000;
		text-align:center;
		display:inline-block;
		margin-left:10px;
		margin-right:10px;
		text-indent:0;
		border: thin solid #FFFFFF;
		color: #FFFFFF;
		border-radius: 50%;
		padding: 0;
		line-height: 2.6;
	}
	.wp-pagenavi span.extend {
		display:none;
	}
	.wp-pagenavi .page {
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align:center;
		display:inline-block;
		color: #FFFFFF;
		margin-left:10px;
		margin-right:10px;
		text-indent:0;
		border-radius: 50%;
		padding: 0;
		border: none;
	}
}

.wp-pagenavi .page:hover {
	border: thin solid #FFFFFF;
	color: #FFFFFF;
	-moz-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
}
.wp-pagenavi .last {
		display:none;
}

div.wpcf7-mail-sent-ok {
	display: none  !important;
border: 2px solid #FFFFFF !important;
}