@charset "utf-8";
/*
Theme Name: 株式会社三丸製作所
Theme URI: https://sanmaru-seisaku.com
Description: 株式会社三丸製作所のテーマです
*/

.single article {
	padding:0 0 4.5rem 0;
}

.single .article-date {
	text-align:right;
	display:block;
	margin-top:4.5rem;
    font-size: clamp(14px, 1vw, 16px);
}

.wp-block-media-text {
	margin-bottom:4.5rem;
}

@media (max-width: 980px){
.single article {
	padding:0 0 3rem 0;
}
}

#prev_next {
    border-bottom: 1px solid #E0E0E0;
	margin-bottom:9rem;
}

#prev_next p {
	margin-bottom:0 !important;
}

#prev_next ul {
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	border-top:1px solid #E0E0E0;
	background:#FFF;
	margin-left:0;
	padding-left:0;
}

#prev_next ul li {
	width:50%;
	margin-bottom:0 !important;
	padding-left:0 !important;
	padding-bottom:0 !important;
}

#prev_next ul li #prev_title,
#prev_next ul li #next_title {
	width:100%;
}

#prev_next ul li #prev_title a:hover,
#prev_next ul li #next_title a:hover {
	text-decoration:underline;
}

#prev_next ul li #prev_title a {
	padding:1rem 2rem;
	background:#F0F0F0;
	display:block;
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:none;
}

#prev_next ul li #prev_title a:before {
    content: "\f0a8";
    font-family: FontAwesome;
    margin-right:0.5rem;
}

#prev_next ul li #next_title a {
	padding:1rem 2rem;
	background:#F0F0F0;
	text-align:right;
	display:block;
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:none;
}

#prev_next ul li #next_title a:after {
    content: "\f0a9";
    font-family: FontAwesome;
    margin-left:0.5rem;
}

#prev_next ul li {
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#prev_next ul li.bktop{
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items:center; /* 縦方向中央揃え */
}

#prev_next ul li figure {
	width:35%;
	padding:2rem;
}

#prev_next ul li p {
	width:100%;
	padding:2rem;
	font-weight:bold;
	font-size:1.5rem;
	line-height:1.3;
}

#prev_next ul li:nth-child(2) p {
	text-align:right;
}

#prev_next ul li p a:hover {
	text-decoration:underline;
}

#prev_next ul li:nth-child(1) {
	border-right:1px solid #E0E0E0;
}

.bktop {
}

.bktop a {
	display:block;
	text-align:center;
	width:100%;
	font-size:1.5rem;
	font-weight:bold;
}

.bktop a:before {
    content: "\f015";
    font-family: FontAwesome;
    margin-right:0.5rem;
}

@media (max-width: 980px){
#prev_next {
	margin-bottom:0;
    border-bottom:none;
}

#prev_next ul {
	padding:0;
	border-bottom:1px solid #E0E0E0;
}

#prev_next ul li {
	-webkit-align-items: flex-start; /* 縦方向中央揃え（Safari用） */
	align-items:flex-start; /* 縦方向中央揃え */
}


#prev_next ul li #prev_title a,
#prev_next ul li #next_title a {
	padding:1rem 10px;
	font-size:1.2rem;
}

#prev_next ul li figure {
	display:none;
}

#prev_next ul li p {
	width:100%;
	padding:10px;
}

#prev_next ul li p a {
	font-size:1.2rem;
}

.bktop a {
	font-size:1.2rem;
}

}

.sns-container {
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.sns-container > div {
	width:25%;
	text-align:center;
}

.sns-container > div > a {
	display:block;
	padding:1.5rem 1rem;
	font-size:1.4rem;
	font-weight:bold;
}

.sns-container > div:nth-child(1) a {
	background:#3b5998;
	color:#FFF;
}

.sns-container > div:nth-child(2) a {
	background:#55acee;
	color:#FFF;
}

.sns-container > div:nth-child(3) a {
	background:#00b900;
	color:#FFF;
}

.sns-container > div:nth-child(4) a {
	background:#008fde;
	color:#FFF;
}

.sns-container > div:nth-child(4) a b {
}

@media (max-width: 980px){
.sns-container > div > a {
	padding:1rem 0.5rem;
	font-size:0.8em;
	letter-spacing:0;
}
}