@charset "UTF-8";



/* 投稿
-------------------------------------------------------*/
.left-contents {
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
}

.right-contents {
	width: 100%;
	padding-left: 0;
}

.blog-sec {
	margin-top: var(--space-xl);
}

.post-content {
	padding-bottom: 30px;
}

.post-content {
	margin-top: 2em;
	margin-bottom: 2em;
}

.sidebar {
	margin-bottom: 3em;
}

.sidebar h3 {
	font-size: clamp(1.6rem, 1.4rem + 0.6vw, 2.0rem); 
    color: var(--color-text-heading);
    text-align: center;
    border-bottom: 1px dashed var(--color-text-heading);
}

.sidebar li {
	font-size: clamp(1rem, 1.1rem + 0.2vw, 1.3rem);
	margin-bottom: 6px;
	padding-left: 10px;
}

.sidebar li a {
	color: var(--color-text);
	text-decoration: underline;
}

.post {
    margin: 0 auto 25px;
    background: #fff;
    padding: 2em;
}

.post h2.post-ttl {
    margin-bottom: 1em;
    color: var(--color-primary);
    text-align: left;
    border-bottom: 1px dashed var(--color-primary);
}

.post .data {
	font-size: var(--size-xs);
	color: #777;
	margin-bottom: 4px;
	display: block;
}

.post-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.post-inner .t-block {
    width: 100%;;
}

.post-inner .p-block {
    width: 100%;;
}

.post-inner .p-block img {
    width: 100%;;
}


.post p {
	font-size: clamp(1.2rem, 1.2rem + 0.5vw, 1.4rem);
	margin-bottom: var(--space-xs);
}

.post .thum-mainimg img {
	width: 100%;
}

.posts-btn{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 50px;
}
.posts-btn li{
	display: inline;
}
.posts-btn li:first-child:after{
	content:"|";
	margin-left: 30px;
}
.posts-btn li:first-child{
	margin-right: 30px;
}
.posts-btn a {
	color: var(--color-tertiary);
	text-decoration: underline;
	vertical-align: middle;
}
.posts-btn a i {
	margin: 0 3px;
	font-size: 90%;
	vertical-align: middle;
}
.post iframe, .post img {
	max-width: 100%;
	height: auto;
}
.case-records-cms {
	background: url(../img/common/arrow01.png) no-repeat center 52%;
	width: 100%;
	margin: 15px auto;
}
.case-records-cms td {
	text-align: center;
	vertical-align: middle;
}
.case-records-cms .before img {
	float: left;
	background: url(../img/common/before_s.png) no-repeat left top;
	padding-top: 14px;
	width: 98px;
	height: auto;
}
.case-records-cms .after img {
	float: right;
	background: url(../img/common/after_s.png) no-repeat left top;
	padding-top: 14px;
	width: 98px;
	height: auto;
}

.pagination .nav-links {
	text-align: center;
}
.pagination .nav-links .current {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 8px;
    border: 1px solid var(--color-secondary);
    border-radius: 50%;
    background: var(--color-secondary);
    color: #fff;
    font-size: 1.4rem;
    line-height: 30px;
}
.pagination .nav-links .dots {
	display: inline-block;
	margin: 8px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 30px;
}
.pagination .nav-links a.page-numbers {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 8px;
    border: 1px solid var(--color-secondary);
    border-radius: 50%;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 30px;
}
.pagination .nav-links a.page-numbers:hover {
	background: #005bac;
	color: #fff;
	transition: all .3s;
}
.pagination .nav-links a.prev.page-numbers,
.pagination .nav-links a.next.page-numbers {
	width: auto;
	padding-right: 6px;
	padding-left: 6px;
	border: 0;
	border-bottom: 1px solid #005bac;
	border-radius: 0;
	background: transparent;
}
.pagination .nav-links a.prev.page-numbers:hover,
.pagination .nav-links a.next.page-numbers:hover {
	background: #005bac;
	color: #fff;
}

@media only screen and (min-width: 768px) {
.left-contents {
    width: 23%;
    float: left;
    padding-top: 2em;
    padding-bottom: 2em;
}

.right-contents {
	width: 77%;
	float: right;
	padding-left: 2em;
}

.post .title a{
	color: #7fc3d0 !important;
}
.post .date{
	margin-bottom: 1em;
}
.post-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.post-inner .t-block {
    width: 68%;
}

.post-inner .p-block {
    width: 28%;
}
.post .p-link{
	color: var(--color-tertiary);
	text-align: right;
}
.posts-btn{
	text-align: center;
	margin-top: 2em;
}
.posts-btn li{
	display: inline;
	margin-right: 2em;
}
.posts-btn li:first-child:after{
	content:"|";
	margin-left: 2em;
}
.posts-btn a {
	color: var(--color-tertiary);
	text-decoration: underline;
	vertical-align: middle;
}
.posts-btn a i {
	margin: 0 3px;
	font-size: 90%;
	vertical-align: middle;
}
.post .size-full {
	width: 100%;
	max-width: 700px;
	height: auto;
}
.post iframe{
	max-width: 600px;
}
.case-records-cms {
	background: url(../img/common/arrow02.png) no-repeat center center;
	width: 640px;
	margin: 20px auto;
}
.case-records-cms td{
	text-align: center;
	width: 320px;
	vertical-align: middle;
}
.case-records-cms .before img {
	background: url(../img/common/before.png) no-repeat left top;
	padding-top: 20px;
	width: 254px;
	height: auto;
}
.case-records-cms .after img {
	background: url(../img/common/after.png) no-repeat left top;
	padding-top: 20px;
	width: 254px;
	height: auto;
}
.ttl-low{
	font-size: var(--size-md)!important;
}
.data{
	font-size: 1.2rem;
	color: var(--color-gray);
	margin-bottom: 1em;
}
.more{
	text-align: right;
	margin-top: 4em;
}
/*サイドバー*/
.sidebar {
	margin-bottom: 2em;
	padding-top: 1em;
}

.sidebar h3 {
    color: var(--color-primary);
    text-align: center;
    border-bottom: 1px dashed #ae9373;
}

.sidebar li {
	padding: 0 10px 0 16px;
	background: url(../img/common/icon_h_sidebar.gif) no-repeat 4px 6px;
	margin-bottom: 3px;
}

.sidebar a{
	text-decoration: underline;
}

#s{
	width: 200px;
	padding: 2px 5px;
	margin: 0 auto ;
	display: block;
}

#searchsubmit {
	display: block;
	margin: 10px auto 30px;
	width: 100px;
	text-align: center;
	padding: 2px 4px ;
	font-size: 14px;
	border: 1px solid #ccc;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
	color: #444;
}
}