@charset "UTF-8";
/*
Theme Name: wp_sapporospine
Theme URI: http://www.prime-strategy.co.jp/download/
Description: This is our original theme.
Author: Prime Strategy Co.,Ltd.
Author URI:　http://www.prime-strategy.co.jp/
Version:1.0
*/

/**wordpressの記事内でのみreset.cssの解除**************************/
.wpContent ul li {
    list-style: disc;
    list-style-position: inside;
}
.wpContent ul li {
    list-style: disc;
    list-style-position: inside;
}
.wpContent ul li ul {
    margin-top: 0;
}
.wpContent ul li ul li {
    list-style: circle;
    list-style-position:inside;
    padding-left: 1.8em;
}
.wpContent ol li {
    list-style: decimal;
    list-style-position: inside;
}
.wpContent ol li ul {
    margin-top: 0;
}
.wpContent ol li ul li {
    list-style: circle;
    list-style-position:inside;
    padding-left: 1.8em;
}
.wpContent em {
  font-style: italic;
}
.wpContent em,
.wpContent dfn,
.wpContent cite,
.wpContent i {
  font-style: italic;
}

.wpContent strong,
.wpContent b {
  font-weight: bold;
}

.wpContent u {
  text-decoration: underline;
}

.wpContent del,
.wpContent s {
  text-decoration: line-through;
}

.wpContent mark {
  background-color: yellow;
  color: black;
}

.wpContent abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.wpContent code,
.wpContent kbd,
.wpContent samp {
  font-family: monospace;
}

.wpContent sub {
  vertical-align: sub;
  font-size: smaller;
}

.wpContent sup {
  vertical-align: super;
  font-size: smaller;
}
/********************************************************/

.grecaptcha-badge { visibility: hidden; }

.grecaptcha-badge{
    margin-bottom: 60px;
}
.wpcf7-spinner {
    position: absolute !important ;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
}

.reca_p {
    color: rgba(142,142,142,1.00);
    font-size: 10px;
    text-align: center;
    margin-top: 40px;
}

.n-header {
	border-left:3px solid #1e90ff;
	padding-left:10px;
	margin-bottom:10px;
	font-weight:bold;
	margin-top:10px;
}

.wptime {
	font-size:14px;
}

.wptitle {
	font-size:20px;
	line-height:1.4em;
	margin-top:5px;
}

.wpContent img {
	max-width:100%;
	height:auto;
	margin:40px 0 0;
}
.wpContent iframe {
	max-width:100%;
	height:auto;
}
.wpContent p,
.wpContent ul,
.wpContent ol {
	margin-top: 20px;
}
.wpContent h1,
.wpContent h2,
.wpContent h3,
.wpContent h4,
.wpContent h5 {
	margin-top: 60px;
	font-weight: 700;
	line-height: 1.55;
	color: #3F3F3F;
}
.wpContent h2 {
    font-size: clamp(20px,2.4vw, 26px);
	position: relative;
	padding: 10px 15px;
	border-left: 0.18em solid #988454;
	background: linear-gradient(90deg, rgba(152,132,84,0.13) 0%, rgba(152,132,84,0.04) 72%, rgba(152,132,84,0) 100%);
}
.wpContent h2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.06em;
	background: linear-gradient(90deg, #988454 0%, rgba(152,132,84,0.22) 72%, rgba(152,132,84,0) 100%);
}
.wpContent h3 {
    font-size: clamp(18px,2.4vw, 24px);
	position: relative;
	padding-bottom: 0.45em;
	border-bottom: 0.08em solid rgba(152,132,84,0.25);
}
.wpContent h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.08em;
	width: 3em;
	height: 0.08em;
	background: #988454;
}
.wpContent h4 {
    font-size: clamp(18px,2.1vw, 20px);
	border-bottom: 1px solid #988454;
	color: #988454;
	padding-bottom: 15px;
}
.wpContent h5 {
    font-size: clamp(18px,1.6vw, 20px);
	position: relative;
	padding-left: 0.95em;
	color: #988454;
}
.wpContent h5:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72em;
	width: 0.55em;
	height: 0.08em;
	background: #988454;
}

.wp_time {
	color: #988454;
}
/****/

#n_p_list {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:60px;
	padding-top:40px;
	border-top:2px solid #DBD7D7;
}

	#n_p_list li a {
		position:relative;
	}
	#n_p_list li {
		width:33.33%;
		text-align:center;
	}
	#n_p_list li:nth-child(1) a,
	#n_p_list li:nth-child(3) a {
		color:#1e90ff;
		text-decoration:none;
		font-weight:bold;
		position:relative;
	}
	#n_p_list li:nth-child(1) a:after {
		content:"";
		border-bottom:2px solid #1e90ff;
		position:absolute;
		bottom:-5px;
		right:0;
		width:0;
		transition: 0.3s ease-in-out;
	}
	#n_p_list li:nth-child(3) a:after {
		content:"";
		border-bottom:2px solid #1e90ff;
		position:absolute;
		bottom:-5px;
		left:0;
		width:0;
		transition: 0.3s ease-in-out;

	}

	.wpView {
		text-align:center;
	}
	
	.wpView a {
		text-decoration:none;
		display:block;
		padding:10px 0;
		color:#1e90ff;
		font-weight:bold;
		border:2px solid #1e90ff;
		border-radius:50px;
		transition: 0.3s ease-in-out;
	}
	
	.wpView a:hover {
		background-color:#1e90ff;
		color:#FFF;
	}
	#n_p_list li:nth-child(1) a:hover:after {
		width:100%;
	}
	#n_p_list li:nth-child(3) a:hover:after {
		width:100%;
	}

/*Pagenation*/
.pagenation {
	text-align:center;
    margin: 40px auto 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
	display:inline-block;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

@media only screen and (max-width:740px){
.wptime {
	font-size:14px;
}

.wptitle {
	font-size:22px;
}


/****/

#n_p_list {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:40px;
	padding-top:20px;
	border-top:2px solid #DBD7D7;
}

	#n_p_list li a {
		position:relative;
	}
	#n_p_list li {
		width:28%;
	}
	#n_p_list li:nth-child(2) {
		width:38%;
	}

	.wpView {
		text-align:center;
	}
	
	.wpView a {
		text-decoration:none;
		display:block;
		padding:5px 0;
		font-weight:bold;
		border:1px solid #1e90ff;
		background-color:#1e90ff;
		color:#FFF;
	}
	

}