@charset "utf-8";

/* -----------------------------------------------------------------
 common
----------------------------------------------------------------- */
strong {
	font-weight:bold;
}
.post_cont ul,.post_cont ol {
    padding-left: 1.5em;
}

/* -----------------------------------------------------------------
 box_post
----------------------------------------------------------------- */
.box_post {
	margin:0 4vw;
	text-align: justify;
	text-justify: inter-character;
	font-size:15px;
	font-size:1.07em;
}
.post_cont >* {
	margin-top:1em;
}
.post_cont >* [class] {
	margin-top:0;
}
.post_cont a {
	color:#76b5d5;
	text-decoration:underline;
}
@media screen and (min-width: 768px) {
.box_post {
	font-size:16px;
	font-size:.89em;
}
}

/*---------- post_header ----------*/
.box_post .post_header {
	display: flex;
	align-items: center;
	margin-top:2.07em;
}
.box_post .post_header .date,
.box_post .post_header .sns {
	line-height:1;
}
.box_post .post_header .date {
	margin-right:1.6em;
	padding-right:1.6em;
	border-right:#4b4948 1px solid;
}
.box_post .post_header .sns {
	display: flex;
}
.box_post .post_header .sns >li img {
	width:1.6em;
}
.box_post .post_header .sns >li:nth-last-of-type(n+2) {
	padding:0 .8em 0 0;
}

@media screen and (min-width: 768px) {
.box_post .post_header {
	justify-content: center;
	margin-top:.5em;
}
.box_post .post_header .date {
	margin-right:1em;
	padding-right:1.4em;
}
.box_post .post_header .sns >li:nth-last-of-type(n+2) {
	padding:0 .5em 0 0;
}

}


/*---------- post_ttl ----------*/
.box_post h1 {
	margin:.8em 0;
	line-height:1.2;
	font-weight:bold;
	font-size:25px;
	font-size:1.66em;
}
.box_post h1.post_ttl {
	padding-bottom:.8em;
	border-bottom:#dcdcdc 1px solid;
}
.box_post h2 {
	position:relative;
	margin-top:1.6em;
	margin-left:.5em;
	padding:.3em .4em .3em .8em;
	background:#e6f2f8;
	line-height:1.3;
	font-size:21px;
	font-size:1.4em;
}
.box_post h2::before {
	content:"";
	position:absolute;
	top: calc(50% - .4em);
	left: -.4em;
	display:block;
	width:.8em;
	height:.8em;
	background:url(/special/blog/img/ico_disc_blue.svg) no-repeat center left;
	background-size:contain;
}
.box_post h3 {
	margin-top:1.4em;
	line-height:1.3;
	font-weight:bold;
	font-size:17.5px;
	font-size:1.16em;
	color:#0583bb;
}
.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (min-width: 768px) {
.box_post h1 {
	text-align:center;
	font-size:36px;
	font-size:2.25em;
}
.box_post h1.post_ttl {
	padding-bottom:1.6em;
}
.box_post h2 {
	font-size:26px;
	font-size:1.62em;
}
.box_post h3 {
	border-bottom:#0583bb 1px solid;
	padding-bottom:.2em;
	font-weight:normal;
	font-size:24px;
	font-size:1.5em;
}
}


/*---------- post_footer ----------*/
.box_post .post_footer {
	margin-top:5em;
	border-top:#dcdcdc 1px solid;
}
.box_post .post_footer .ttl {
	display:table;
	height:3.75em;
	margin:1.85em auto 0;
	padding-top:1.375em;
	padding-left:5em;
	background:url(/special/blog/img/ft_share_img.png) no-repeat center left;
	background-size:auto 3.75em;
	font-size:.96em;
}
.box_post .post_footer .sns {
	display: flex;
	justify-content: space-between;
	margin-top:1.4em;
}
.box_post .post_footer .sns li {
	flex-grow: 1;
	line-height:1;
}
.box_post .post_footer .sns a {
	display:block;
	padding:.7em;
	text-align:center;
}
.box_post .post_footer .sns a img {
	display:inline;
	width:1.6em;
}
.box_post .post_footer .sns .fb {
	background:#1877f2;
}
.box_post .post_footer .sns .tw {
	background:#1da1f2;
}
.box_post .post_footer .sns .line {
	background:#00b900;
}

@media screen and (min-width: 768px) {
.box_post .post_footer .ttl {
	height:3.89em;
	margin:1.85em auto 0;
	padding-top:1.445em;
	padding-left:5.3em;
	background:url(/special/blog/img/ft_share_img.png) no-repeat center left;
	background-size:auto 3.89em;
	font-size:18px;
	font-size:1.125em;
}
.box_post .post_footer .sns {
	margin-top:2.5em;
}

.box_post .post_footer .sns li:nth-of-type(2) {
	margin-left:2.5em;
	margin-right:2.5em;
}
.box_post .post_footer .sns a {
	border-radius:4px;
}
.box_post .post_footer .sns a img {
	width:2.2em;
}
}

/*---------- pager ----------*/
.box_post .pager {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:5em;
	border-top:#dcdcdc 1px solid;
	border-bottom:#dcdcdc 1px solid;
}
.box_post .pager .top {
	padding-top:2.9em;
	padding-bottom:.55em;
	background:url(/special/blog/img/pager_list_img.png) no-repeat top 1.2em center;
	background-size:1.32em auto;
}
.box_post .pager .prev,
.box_post .pager .next {
	padding:.5em 0;
}
.box_post .pager .prev {
}
.box_post .pager .next {
}

@media screen and (min-width: 768px) {
.box_post .pager {
	margin-top:6.5em;
}
.box_post .pager .top {
	padding-top:3em;
	padding-bottom:.7em;
	background:url(/special/blog/img/pager_list_img.png) no-repeat top 1.4em center;
	background-size:1.33em auto;
	font-size:1.125em;
}
.box_post .pager .prev,
.box_post .pager .next {
	letter-spacing:.15em;
	font-size:.93em;
}
.box_post .pager a.prev::before {
	content:"";
	display:inline-block;
	width:.8em;
	height:.8em;
	margin-bottom:-.07em;
	margin-right:1em;
	background:url(/common/img/arrow_standard_black.svg) no-repeat center center;
	background-size:auto .8em;
	transform:rotate(180deg);
}
.box_post .pager a.next::after {
	content:"";
	display:inline-block;
	width:.8em;
	height:.8em;
	margin-bottom:-.07em;
	margin-left:1em;
	background:url(/common/img/arrow_standard_black.svg) no-repeat center center;
	background-size:auto .8em;
}
}

/*---------- box_archive(css_special_blog.css上書き) ----------*/
.box_archive {
	display:none;
	margin:0 4vw;
}
.box_archive .ttl {
	margin-top:3.6em;
	text-align:center;
	font-size:1.55em;
}
.box_archive .post ul.post_list {
	margin:.5em -1vw 0;
}
.box_archive .post ul.post_list li.item {
	margin-left:1vw;
	margin-right:1vw;
}
.box_archive .post ul.post_list li.item a .img {
	height:calc(((100vw - 240px - 80px) / 4 - 2vw) * .75);
}
.box_archive .post ul.post_list li.item .new {
	top:calc(((100vw - 240px - 80px) / 4 - 2vw) * -0.06 + 3em);
}
.box_archive .post ul.post_list li.item .view {
	display:flex;
	top:calc(((100vw - 240px - 80px) / 4 - 2vw) * -0.02 + 3em);
	margin-left:calc(((100vw - 240px - 80px) / 4 - 2vw) * .5 - 1.5em);
}


@media screen and (min-width: 768px) {
.box_archive {
	display:block;
}
}
@media screen and (min-width: 1024px) {
.box_archive .post ul.post_list li.item a .img {
	height:calc(((100vw - 280px - 80px) / 4 - 2vw) * .75);
}
.box_archive .post ul.post_list li.item .new {
	top:calc(((100vw - 280px - 80px) / 4 - 2vw) * -0.06 + 3em);
}
.box_archive .post ul.post_list li.item .view {
	display:flex;
	top:calc(((100vw - 280px - 80px) / 4 - 2vw) * -0.02 + 3em);
	margin-left:calc(((100vw - 280px - 80px) / 4 - 2vw) * .5 - 1.5em);
}
}

/*-- arrow_prev/arrow_next --*/
.box_archive .post ul.post_list .arrow_prev,
.box_archive .post ul.post_list .arrow_next {
	position:absolute;
	top:calc(((100vw - 280px - 100px) / 4 - 2vw) * .25 + 3em);
	width:calc(((100vw - 280px - 100px) / 4 - 2vw) * .28);
	height:calc(((100vw - 280px - 100px) / 4 - 2vw) * .28);
	background:rgba(147,197,219,.75);
	border-radius:50%;
    cursor: pointer;
	transition:all .3s ease;
	z-index:1;
}
.box_archive .post ul.post_list .arrow_prev {
	left:-1vw;
}
.box_archive .post ul.post_list .arrow_next {
	right:-1vw;
}
.box_archive .post ul.post_list .arrow_prev:hover,
.box_archive .post ul.post_list .arrow_next:hover {
	background:rgba(147,197,219,.9);
}
.box_archive .post ul.post_list .arrow_prev::before,
.box_archive .post ul.post_list .arrow_next::before {
	content:"";
	display:block;
	position:absolute;
	width:calc(((100vw - 280px - 100px) / 4 - 2vw) * .28);
	height:calc(((100vw - 280px - 100px) / 4 - 2vw) * .28);
	background:url(/common/img/arrow_standard_white_large.svg) no-repeat center center;
	background-size: 28% auto;
}
.box_archive .post ul.post_list .arrow_prev::before {
	transform:rotate(180deg);
}