@charset "utf-8";
/* アーカイブ
=============================================================================*/
@media screen and (min-width: 767px) {
	.blog-receive {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: flex-start;
		margin-bottom: 150px
	}
	.blog-a .blog-receive {
		margin-bottom: 0;
		padding-bottom: 0
	}
	.blog-receive.archive {
		padding-right: 50px;
		padding-left: 50px
	}
}
@media screen and (max-width: 767px) {
	.blog-receive {
		margin-bottom: 10vw;
		padding-bottom: 10vw
	}
	.blog-a .blog-receive {
		margin-bottom: 0;
		padding-bottom: 0
	}
}

.blog-receive article {
	width: calc( 50% - 25px);
	margin: 0 0 70px;
	opacity: 1;
	-moz-transform: translate(0, 10px);
	-ms-transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
@media screen and (min-width: 767px) {
	.blog-a .blog-receive article:nth-last-child(1), .blog-a .blog-receive article:nth-last-child(2) {
		margin-bottom: 0
	}
}
.blog-receive article.scl_on {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
@media screen and (max-width: 767px) {
	.blog-receive article {
		width: 93vw;
		/*margin-left: 7vw;*/
		margin-bottom: 10vw
	}
	.blog-receive article a .txt {
		padding: 4vw 4vw 0 0
	}
	.blog-receive article:nth-child(even) {
		margin-left: 0;
		margin-right: 7vw
	}
	.blog-receive article:nth-child(even) a .txt {
		padding: 4vw 0 0 4vw
	}
	.blog-receive article:nth-child(even) a .txt .meta .date_category {
		left: 4vw
	}
}
.blog-receive article a figure {
	width: 100%;
	position: relative
}
.blog-receive article a figure img {
	width: 100%;
	max-width: inherit
}
@media screen and (min-width: 1080px) {
	.blog-receive article a figure::before {
		color: #FFF;
		content: "READ MORE";
		display: flex;
		font-weight: 600;
		font-size: 14px;
		letter-spacing: 0.08em;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 2;
		-moz-transform: translate(0, 5px);
		-ms-transform: translate(0, 5px);
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px);
		-moz-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
		-o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.blog-receive article a figure::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		background-color: #e83228;
		z-index: 1;
		mix-blend-mode: multiply;
		-moz-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
		-o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1)
	}
	.blog-receive article a:hover figure::before {
		opacity: 1;
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.blog-receive article a:hover figure::after {
		opacity: 0.5
	}
	.blog-receive article a:hover .txt h2, .blog-receive article a:hover .txt h3, .blog-receive article a:hover .txt .meta, .blog-receive article a:hover .txt .lead {
		color: #e83228
	}
}
.blog-receive article a .txt {
	width: 100%;
	position: relative;
	text-align: left
}
@media screen and (min-width: 767px) {
	.blog-receive article a .txt {
		padding-top: 15px
	}
}
.blog-receive article a .txt h2 {
	color: #000;
	font-size: 20px;
	font-size: clamp(18px, 20px, 1.4vw);
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.7;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease
}
@media screen and (max-width: 767px) {
	.blog-receive article a .txt h2 {
		width: 100%;
		font-size: 4.2vw;
		line-height: 1.6
	}
}
.blog-receive article a .txt h3 {
	color: #000;
	font-size: 16px;
	font-size: clamp(14px, 17px, 1.2vw);
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.7;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease
}
.en .blog-receive article a .txt h3 {
	letter-spacing: 0.02em
}
@media screen and (max-width: 767px) {
	.blog-receive article a .txt h3 {
		width: 100%;
		font-size: 3.5vw;
		letter-spacing: 0.03em;
		line-height: 1.6
	}
}
.blog-receive article a .txt .lead {
	color: #777;
	font-size: 13px;
	letter-spacing: 0.05em;
	line-height: 1.8;
	margin: 10px 0 0;
	text-align: justify;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease
}
.en .blog-receive article a .txt .lead {
	text-align: left
}
@media screen and (max-width: 767px) {
	.blog-receive article a .txt .lead {
		font-size: 3vw
	}
}
.blog-receive article a .txt .meta {
	color: #999;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin: 10px 0 0;
	-moz-transition: color .4s ease;
	-o-transition: color .4s ease;
	-webkit-transition: color .4s ease;
	transition: color .4s ease
}
@media screen and (max-width: 767px) {
	.blog-receive article a .txt .meta {
		width: 100%;
		font-size: 10px;
		margin: 3px 0 0;
		text-align: left;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap
	}
}
.blog-receive article a .txt .meta .date_category {
	line-height: 1;
	margin: 0 0 5px
}
@media screen and (max-width: 767px) {
	.blog-receive article a .txt .meta .date_category {
		margin: 5px 0 0
	}
}
.blog-receive article a .txt .meta .date_category span {
	display: inline-block;
	margin-right: 6px
}
@media screen and (max-width: 767px) {
	.blog-receive article a .txt .meta .date_category {
		margin-right: 10px
	}
	.blog-receive article a .txt .meta .date_category span {
		margin-right: 6px
	}
}
.blog-receive article a .txt .meta .tag {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center
}
@media screen and (min-width: 767px) {
	.blog-receive article a .txt .meta .tag {
		width: 100%
	}
}
@media screen and (max-width: 767px) {
	.blog-receive article a .txt .meta .tag {
		line-height: 1;
		justify-content: flex-start;
		margin-top: 5px
	}
}
.blog-receive article a .txt .meta .tag li {
	display: inline-block;
	line-height: 1.7
}
@media screen and (min-width: 767px) {
	.blog-receive article a .txt .meta .tag li {
		margin-right: 6px
	}
}
@media screen and (max-width: 767px) {
	.blog-receive article a .txt .meta .tag li {
		line-height: 1;
		margin-right: 6px
	}
}
.tax_meta_info {
	font-weight: 600;
	opacity: 0;
	position: relative;
	z-index: 2;
	text-align: left;
	-moz-transform: translate(0, 10px);
	-ms-transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
@media screen and (min-width: 767px) {
	.tax_meta_info {
		padding-top: 80px;
		padding-bottom: 70px
	}
}
@media screen and (max-width: 767px) {
	.tax_meta_info {
		padding-top: 30px;
		padding-bottom: 40px
	}
}
.load .tax_meta_info {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
.load .tax_meta_info .tax_meta_info_wrap .count, .load .tax_meta_info .tax_meta_info_wrap .tag_list {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
.tax_meta_info .tax_meta_info_wrap {
	width: 100%;
	flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}
@media screen and (min-width: 767px) {
	.tax_meta_info .tax_meta_info_wrap {
		padding-top: 25px;
		justify-content: space-between
	}
}
@media screen and (max-width: 767px) {
	.tax_meta_info .tax_meta_info_wrap {
		padding: 0px 7vw;
		justify-content: center
	}
	.shop_wrap .tax_meta_info .tax_meta_info_wrap {
		padding: 0
	}
}
.tax_meta_info .tax_meta_info_wrap .title_wrap {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap
}
.tax_meta_info .tax_meta_info_wrap h1 {
	display: inline-block;
	font-size: 30px;
	letter-spacing: 0.12em;
	line-height: 1
}
@media screen and (max-width: 767px) {
	.tax_meta_info .tax_meta_info_wrap h1 {
		font-size: 5vw;
		margin: 5px
	}
}
.tax_meta_info .tax_meta_info_wrap .count {
	display: inline-block;
	font-size: 24px;
	letter-spacing: 0.08em;
	line-height: 1;
	margin: 0 0 0 24px;
	opacity: 0;
	-moz-transform: translate(0, 10px);
	-ms-transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-moz-transition: all .5s ease .2s;
	-o-transition: all .5s ease .2s;
	-webkit-transition: all .5s ease;
	-webkit-transition-delay: .2s;
	transition: all .5s ease .2s
}
.tax_meta_info .tax_meta_info_wrap .count span {
	font-size: 36px;
	padding-right: 4px
}
@media screen and (max-width: 767px) {
	.tax_meta_info .tax_meta_info_wrap .count {
		font-size: 4vw;
		margin: 5px
	}
	.tax_meta_info .tax_meta_info_wrap .count span {
		font-size: 5vw;
		padding-right: 0.7vw
	}
}
.tax_meta_info .term_description {
	color: #666;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	margin: 20px 0 0
}
@media screen and (max-width: 767px) {
	.tax_meta_info .term_description {
		font-size: 12px;
		margin: 10px 0 0
	}
}
.tax_meta_info .wp-pagenavi {
	width: 100%;
	margin-top: 50px
}
@media screen and (max-width: 767px) {
	.tax_meta_info .wp-pagenavi {
		margin-top: 0
	}
}











#mainfunction{
	z-index: 1;
	background: #FFF;
	overflow: hidden;
	position: relative;
	margin-top: 40px;
	
}
/*----------------------------------------------------
  #blog-header__item
--------------------------------------------------- */
.articleHead{
	margin-top:40px;
}
@media only screen and (max-width: 1075px){
.articleHead{
	margin-top:80px;
}
	
	
}
.articleHead .states {
    color: #333;
}
.states {
    display: flex;
    align-items: center;
    color: #999;
}
@media only screen and (min-width: 900px){
.states {
    margin-left: 2px;
}
}
.states_date {
    font-size: 14px;
    display: flex;
    align-items: center;
    letter-spacing: .05em;
    font-style: normal;
}
.states_date:after {
    margin: 0 14px;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #999;
    display: block;
}


.states_category {
    font-size: 14px;
    letter-spacing: .05em;
    font-style: normal;
}
.articleHead_title {
    margin: 25px 0 30px;
    font-size: 30px;
    line-height: 1.52941;
	letter-spacing: 0.07em;

}
.states_category a{
	color: #999;
}
/*.articleHead_title {
    letter-spacing: 0.07em;
    font-size: 2.1rem;

	font-family: "FOT-遲醍ｴｫA荳ｸ繧ｴ繧ｷ繝�け Std D", TsukuARdGothicStd-D;
    -webkit-font-smoothing: antialiased;
}*/

@media only screen and (max-width: 900px){
.states_date {
    font-size: 1.2rem;
}	
.states_date:after {
    margin: -1px 8px 0 10px;
    height: 7px;
}
.states_category {
    font-size: 1.2rem;
}
.states {
    margin-left: 1px;
}
.articleHead_title {
    margin: 15px 0;
    font-size: 2.1rem;
    line-height: 1.42857;
}	
}


.blog-header__item {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #dfe1e1;
}

.blog-header__item .head {
    display: flex;
    margin-bottom: 25px;
    line-height: 1;
}

.blog-header__item .head .date {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}
.blog-header__item .head .date {
    letter-spacing: 0.12em;
	background-color: #000;
padding: 0.35em 0.8em 0.35em;
	border-radius: 5px;
}
.blog-header__item .head .date:after {
    content: "";
    position: absolute;
    top: 7px;
    width: 1.3rem;
    height: 1px;
	margin-left: 22px;
	background-color: #e6e6e6
	
}
.blog-header__item .head .category {
    font-size: 12px;
    font-weight: 600;
    color: #727c7c;
}
.blog-header__item .head .category {
    letter-spacing: 0.12em;
	margin-left: 50px;
}


.blog-header__item .name {
    font-size: 22px;
    font-weight: 600;
    color: #222222;
	clear: both;
	
}


.blog-header__item .name {
    line-height: 1.81818;
    letter-spacing: 0.05em;
}




@media only screen and (max-width:768px)
{
.blog-header__item .head .date {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}	
.blog-header__item .head .category {
    font-size: 12px;
    font-weight: 600;
    color: #727c7c;
}	
.blog-header__item .head .category {
    letter-spacing: 0.12em;
}
.blog-header__item .name {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
}
.blog-header__item .head .date:after {
    top: 11px;
	
}
	
}
/*----------------------------------------------------
  .next-pre
--------------------------------------------------- */

.p-entry-nav {
    font-family: sofia-pro, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 2.5;
    max-width: 820px;
    margin: 80px auto 0;
    border-style: solid;
    border-color: #e5e5e5;
    border-width: 1px 0;
}
.p-entry-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0;
}

.p-entry-nav__list--item {
    min-width: 66px;
}
.p-entry-nav__list--item .prev {
    padding-left: 32px;
    background-image: url(../images/p-nav-prev.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
.p-entry-nav__list--item a {
    text-decoration: none;
    display: block;
    color: #999;
    position: relative;
}
.p-entry-nav__list--item .home {
    padding-left: 38px;
    background-image: url(../images/p-nav-home.svg);
    background-repeat: no-repeat;
    background-position: left center;
    color: #000;
	line-height: 3.5;
}
.p-entry-nav__list--item .next {
    padding-right: 32px;
    background-image: url(../images/p-nav-next.svg);
    background-repeat: no-repeat;
    background-position: right center;
}
@media (max-width: 767px) {
.p-entry-nav {
    width: 87%;
}
	
	
	}


@media (max-width: 640px) {
.p-entry-nav {
    margin: 40px auto 0;
    font-size: 12px;
    line-height: 1.25;
}
.p-entry-nav__list--item .home {
    text-indent: -9999px;
    background-position: center center;
}	
.p-entry-nav__list {
    padding: 40px 0;
}
.p-entry-nav__list--item a {
    background-size: contain;
}	
}	
/*----------------------------------------------------
  .sns
--------------------------------------------------- */
.m-de-sns {display: flex;align-items: center;flex-wrap: wrap;}
.m-de-sns__item a {display: block;}



@media screen and (min-width:768px),print {
	.m-de-sns {margin-top: -16px;}
	.m-de-sns__item {width: 25px;margin-top: 16px;}
	.m-de-sns__item:not(:last-child) {margin-right: 16px;}
}


@media screen and (max-width:767px) {
	.m-de-sns {margin-top: -2.93333vw;}
	.m-de-sns__item {width: 12.8vw;margin-top: 2.93333vw;}
	.m-de-sns__item:not(:last-child) {margin-right: 2.93333vw;}
}	



/*----------------------------------------------------
  .lp-blog-top
--------------------------------------------------- */

.lp-blog-top__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}
.lp-blog-top__item {
    width: 33.333333333333336%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.lp-blog-top__item:nth-child(n + 4) {
    margin: 70px 0 0
}
.lp-blog-top__item--meta {
    padding: 24px 0 0
}
.lp-blog-top__item--meta .info {
    display: inline-block
}
.lp-blog-top__item--meta .subject {
    font-size: 18px;
    font-weight: 700
}
.lp-blog-top__item--meta .desc {
    text-transform: uppercase;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 11px;
	margin-bottom: 10px;
    color: #999
}
.blog-tp-img {
	max-width: 100%;
    height: auto;
}

a.hover-effect {
    overflow: hidden
}
a.hover-effect__zoom {
    display: block;
	
}
a.hover-effect__zoom img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    vertical-align: middle;
    -webkit-transition: 0.8s ease all;
    -o-transition: 0.8s ease all;
    transition: 0.8s ease all
}
a.hover-effect__zoom:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}


@media(max-width:768px) {

    .lp-blog-top__grid {
        display: block
    }
	.lp-blog-top__grid a:link, a:visited {
    color: #000;
	}	 
    .lp-blog-top__item {
        width: 100%
    }
    .lp-blog-top__item:nth-child(n + 2) {
        margin: 35px 0 0
    }
    .lp-blog-top__item--meta {
        padding: 20px 0 0
    }
	
	
	
}	



/* CSS Document */
/* シェア・カテゴリ
=============================================================================*/
.detail_text .bottom-area {
	margin-bottom:30px;

}
.detail_text .share .pc-area {
    display: inline;

}
/*share-bottom*/
.detail_text .bottom-area .bottom-share {
	background-color:#f6f6f6;

	padding:20px;

	margin-bottom:2px;

}
.detail_text .bottom-area .bottom-share .txt-area {
	float:left;

	padding:3px 10px 0 0;

}
.detail_text .bottom-area .bottom-share .btn-area-sns {
	float:left;

}
.detail_text .bottom-area .bottom-share .btn-area-sns a {
	vertical-align:bottom;

}
.detail_text .bottom-area .bottom-share .btn-area-sns .share {
	margin:0;

}

/*カテゴリ*/
.detail_text .bottom-area .bottom-category {
	background-color:#ededed;

	padding:20px;

}
.detail_text .bottom-area .bottom-category .txt-area {
	float:left;

	padding:0 10px 0 0;

}
.detail_text .bottom-area .bottom-category .cat-area {
	float:left;

}

@media screen and (max-width: 899px){
/*share-bottom*/
.detail_text .bottom-area .bottom-share {
	padding:10px;

}
.detail_text .bottom-area .bottom-share .txt-area {
	float:none;

	padding:0 0 0 0;

}
.detail_text .bottom-area .bottom-share .btn-area {
	float:none;

	padding-left:20px;

}
/*カテゴリ*/
.detail_text .bottom-area .bottom-category {
	padding:10px;

}
.detail_text .bottom-area .bottom-category .txt-area {
	float:none;

	padding:0 0 0 0;

}
.detail_text .bottom-area .bottom-category .cat-area {
	float:none;

	padding-left:20px;

}	
	
}
/* SNS
=============================================================================*/
.detail_text .share {margin-bottom: 10px;
 }

.detail_text .share .pc-area {
	display:inline;

}
.detail_text .share a {
    display: inline-block;

    padding: .2em 1em;

    color: #fff;

    font-size: small;

    margin: 0 .1em .1em 0;

    opacity: 1;

	text-decoration:none;

}
.detail_text .share a:hover {
	opacity: 0.8;

	color: #fff!important;

	text-decoration: none;
 
}

.detail_text .share_facebook {
  background: #39599F;
 }

.detail_text .share_twitter {
  background: #45B0E3;
 }

.detail_text .share_google {
  background: #DB4437;
 }

.detail_text .share_hatena {
  background: #00A4DE;
 }

.detail_text .headline .sns {
  text-align: right;
 }
.detail_text .headline .sns a {
    font-size: large;

    display: inline-block;

    margin: 0 .2rem;
 }

@media screen and (max-width: 899px){
.detail_text .share .pc-area {
	display:none;

}
.detail_text .share a {
	vertical-align:middle;

}
.detail_text .share i.icon {
	font-size:18px;

	vertical-align:middle;

}
}

/*! #title
=========================================== */
.title--break,.title--nowrap{margin-bottom:25px}
@media (min-width:900px){.title--break,.title--nowrap{margin-bottom:50px}
}
.title--break__key,.title--nowrap__key{font-size:28px;
font-weight:600;
letter-spacing:.04em;
font-family:Oswald,sans-serif!important;
letter-spacing:.05em;
font-weight:400;
line-height:1.4;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-weight:600!important}
@media (min-width:900px){.title--break__key,.title--nowrap__key{font-size:42px;
letter-spacing:.055em}
}
.title--break__val,.title--nowrap__val{font-size:12px;
font-weight:500}
@media (min-width:900px){.title--break__val,.title--nowrap__val{font-size:17px;
margin-left:25px}
}
.title--break__val{display:block;
line-height:1.2}
@media (min-width:900px){.title--break__val{display:inline-block;
line-height:55px}
}

#postWrapper{padding-bottom:40px}
#postWrapper:after{display:block;
clear:both;
content:''}
#postWrapper main{
	padding-top: 0px;
	
}	
@media (min-width:900px){#postWrapper{width:100%;
margin:0 auto;
box-sizing:border-box;
padding:70px 15px 80px}
#postWrapper main{float:left;
width:74%;
box-sizing:border-box}
#postWrapper aside{float:right;
width:24%;
box-sizing:border-box}
}
@media (min-width:1280px){#postWrapper{width:1280px;
margin:0 auto;
padding:0px 0 110px}
#postWrapper main{width:71.875%}
#postWrapper aside{width:21.875%}
}
.wrap--default{padding-left:15px!important;
padding-right:15px!important;
display:block}
.oswald,.oswald--medium{font-family:Oswald,sans-serif!important;
letter-spacing:.05em;
font-weight:400;
line-height:1.4;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
.oswald--medium{font-weight:600!important}

@media (min-width:640px){.wrap--default{width:100%;
box-sizing:border-box}
}
@media (min-width:1280px){.wrap--default{padding-left:0!important;
padding-right:0!important;
width:1280px;
margin-left:auto!important;
margin-right:auto!important}
}

.c_cf:after,.cf:after,.clearfix:after{display:block;
clear:both;
content:''}

/* post-card */
.post-card--archive img{width:100%;
height:auto}
@media (min-width:640px){.post-card--archive{padding:15px 5px 0;
margin:-15px 0 0}
.post-card--archive:after{display:block;
clear:both;
content:''}
}
@media (min-width:900px){.post-card--archive{padding:0;
margin:-25px -20px 0}
}
#mainfunction li{
list-style: none!important}

#mainfunction ul{
padding-inline-start: 0px!important;
}	
.post-card--archive__item,.post-card--archive__item--large,.post-card--archive__item--small{border-bottom:1px solid #f0f0f0}
.post-card--archive__item--small a:hover{text-decoration: none;
}
@media (min-width:640px){.post-card--archive__item,.post-card--archive__item--large,.post-card--archive__item--small{box-sizing:border-box;
border:none;
float:left}
.post-card--archive__item--small{width:33.3333%;
width:calc(100% / 3);
padding:10px;
min-height: 385px;
}
.post-card--archive__item--large{width:50%;
padding:15px}
.post-card--archive__item--large:nth-child(2n-1){padding-left:10px}
.post-card--archive__item--large:nth-child(2n){padding-right:10px}
}
@media (min-width:900px){.post-card--archive__item--small{padding:20px}
.post-card--archive__item--large{padding:25px}
.post-card--archive__item--large:nth-child(2n-1){padding-left:20px}
.post-card--archive__item--large:nth-child(2n){padding-right:20px}
}
.post-card--archive__block,.post-card--archive__block--large,.post-card--archive__block--small{display:block;
text-decoration:none;
padding:15px 15px 11px}
@media (min-width:640px){.post-card--archive__block,.post-card--archive__block--large,.post-card--archive__block--small{padding:0}
.post-card--archive__block img,.post-card--archive__block--large img,.post-card--archive__block--small img{-webkit-transition:all .2s ease;
transition:all .2s ease;
opacity:1}
.post-card--archive__block--large:hover img,.post-card--archive__block--small:hover img,.post-card--archive__block:hover img{opacity:.8}
}
.post-card--archive__thumbnail,.post-card--archive__thumbnail--large,.post-card--archive__thumbnail--small{display:block;
margin-bottom:8px}
.post-card--archive__thumbnail--small{width:33%;
float:left}
.post-card--archive__thumbnail--large{width:100%}
@media (min-width:640px){.post-card--archive__thumbnail--small{float:none;
width:100%;
margin-bottom:-19px}
.post-card--archive__thumbnail--large{margin-bottom:-18px}
}
.post-card--archive__category,.post-card--archive__category--large,.post-card--archive__category--small{color:#fff;
display:block;
padding-top:3px;
box-sizing:border-box;
text-align:center;
font-size:11px;
height:19px;
background-color:#00b5a5;
font-weight:500;
line-height:1.1}
.post-card--archive__category--large{width:33%;
position:relative;
z-index:3;
margin-top:-10px}
@media (min-width:640px){.post-card--archive__category,.post-card--archive__category--large,.post-card--archive__category--small{font-size:13px}
.post-card--archive__category--small{min-width:120px;
width:auto;
position:relative;
z-index:3;
top:-19px;
display:inline-block;
padding:10px 1em 6px;
height:auto}
.post-card--archive__category--large{width:auto;
min-width:120px;
box-sizing:border-box;
display:inline-block;
top:-18px;
padding:8px 1em 9px;
height:auto}
}
.post-card--archive__title,.post-card--archive__title--large,.post-card--archive__title--small{font-weight:500}
.post-card--archive__title--small{padding-left:13px;
box-sizing:border-box;
width:67%;
float:right;
font-size:13px;
line-height:1.35;
margin-top:-6px}
.post-card--archive__title--large{line-height:1.3;
font-size:16px}
@media (min-width:640px){.post-card--archive__title,.post-card--archive__title--large,.post-card--archive__title--small{padding-top:10px}
.post-card--archive__title--small{width:100%;
float:none;
padding-left:0}
}
@media (min-width:900px){.post-card--archive__title,.post-card--archive__title--large,.post-card--archive__title--small{line-height:1.44}
.post-card--archive__title--small{font-size:16px}
.post-card--archive__title--large{font-size:18px}
}
.post-card--archive__detail,.post-card--archive__detail--large,.post-card--archive__detail--small{box-sizing:border-box;
width:67%;
padding-left:13px;
float:right}
.post-card--archive__detail--small{padding-top:6px}
.post-card--archive__detail--large{padding-top:9px;
float:none;
padding-left:0;
width:100%}
@media (min-width:640px){.post-card--archive__detail,.post-card--archive__detail--large,.post-card--archive__detail--small{padding-left:0}
.post-card--archive__detail--small{width:100%;
float:none}
}
@media (min-width:900px){.post-card--archive__detail,.post-card--archive__detail--large,.post-card--archive__detail--small{padding-top:15px}
}
.post-card--archive__time,.post-card--archive__time--large,.post-card--archive__time--small{font-family:Oswald,sans-serif!important;
letter-spacing:.05em;
font-weight:400;
line-height:1.4;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-decoration:none;
font-size:11px;
display:inline-block;
border-right:1px solid #d2d2d2;
vertical-align:baseline}
.post-card--archive__time--small{padding-right:10px;
margin-right:10px;
letter-spacing:.03em}
.post-card--archive__time--large{padding-right:15px;
margin-right:15px;
letter-spacing:.08em}
@media (min-width:900px){.post-card--archive__time,.post-card--archive__time--large,.post-card--archive__time--small{font-size:16px}
.post-card--archive__time--large{padding-right:12px;
margin-right:14px}
}
.post-card--archive__author,.post-card--archive__author--large,.post-card--archive__author--small{text-decoration:none;
font-size:14px;
letter-spacing:.1em;
color:#7d7d7d;
vertical-align:baseline}
@media (min-width:900px){.post-card--archive__author,.post-card--archive__author--large,.post-card--archive__author--small{font-size:13px;
letter-spacing:.05em}
}


/* ページ分割 */


.pager-art{text-align:center;
padding:15px 0;
border-bottom:1px solid #f0f0f0}
.pager-art__item{display:inline-block;
width:35px;
height:35px}
.pager-art__item.next a,.pager-art__item.previous a{position:relative;
color:transparent}
.pager-art__item.next a:before,.pager-art__item.previous a:before{position:absolute;
top:14px;
left:0}
.pager-art__item .previouspostslink:before,.pager-art__item.previous a:before{font-family:iconfont;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal!important;
font-variant:normal;
font-weight:400!important;
speak:none;
text-decoration:none!important;
text-transform:none;
color:#333;
line-height:1;
font-size:1rem;
content:"\EA03"}
.pager-art__item .previouspostslink:before,.pager-art__item.previous a:before{color:#a6a6a6;
font-size:10px;
-webkit-transform:scale(.6) translate(8px,-1px) rotate(180deg);
-ms-transform:scale(.6) translate(8px,-1px) rotate(180deg);
transform:scale(.6) translate(8px,-1px) rotate(180deg)}
.pager-art__item.next a:before{font-family:iconfont;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal!important;
font-variant:normal;
font-weight:400!important;
speak:none;
text-decoration:none!important;
text-transform:none;
color:#333;
line-height:1;
font-size:1rem;
content:"\EA03"}
.pager-art__item.next a:before{color:#a6a6a6;
font-size:10px;
-webkit-transform:scale(.6) translate(8px,-1px);
-ms-transform:scale(.6) translate(8px,-1px);
transform:scale(.6) translate(8px,-1px)}
.pager-art a,.pager-art span{font-family:Oswald,sans-serif!important;
letter-spacing:.05em;
font-weight:400;
line-height:1.4;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
display:block;
height:100%;
text-align:center;
line-height:35px;
font-size:13px}
.pager-art a{text-decoration:none;
background-color:#eee;
color:#a6a6a6}
.pager-art span{background-color:#001e4b;
color:#fff}
@media (min-width:640px){.pager-art{padding:20px 0;
border:none}
}
@media (min-width:640px){.pager-art{padding:33px 0}
.pager-art__item{height:50px;
width:50px}
.pager-art__item.next a:before,.pager-art__item.previous a:before{-webkit-transition:all .2s ease;
transition:all .2s ease}
.pager-art__item.next a:hover:before,.pager-art__item.previous a:hover:before{color:#fff!important}
.pager-art__item.previous a:before{-webkit-transform:scale(.85) translate(11px,6px) rotate(180deg);
-ms-transform:scale(.85) translate(11px,6px) rotate(180deg);
transform:scale(.85) translate(11px,6px) rotate(180deg)}
.pager-art__item.next a:before{-webkit-transform:scale(.85) translate(11px,6px);
-ms-transform:scale(.85) translate(11px,6px);
transform:scale(.85) translate(11px,6px)}
.pager-art a,.pager-art span{font-size:16px;
line-height:50px}
.pager-art a{-webkit-transition:all .2s ease;
transition:all .2s ease}
.pager-art a:hover{background-color:#001e4b;
color:#fff}
}

/* サーチ */

.incSearch{margin-bottom:25px}
.incSearch__form{display:block;
position:relative}
.incSearch__inp{background-color:#eee!important;
display:block!important;
height:40px!important;
padding:.3em 10px!important;
width:100%!important;
box-sizing:border-box!important}
.incSearch__btn{position:absolute;
top:10px;
right:12px;
cursor:pointer}
.incSearch__btn:before{font-size:19px;
color:#a6a6a6;
font-weight:700!important}
@media (min-width:900px){.incSearch{margin-bottom:40px}
.incSearch__btn{top:7px}
.incSearch__btn:before{-webkit-transition:all .2s ease;
transition:all .2s ease;
position:relative;
top:3px}
.incSearch__btn:hover:before{color:#001e4b}
}
/*! #sidebar
=========================================== */
.sideBar{padding:31px 15px 0}
.sideBar__title{font-size:24px;
margin-bottom:2px}
.sideBar-ranking__monthly,.sideBar-ranking__total{margin-bottom:25px}
@media (min-width:900px){.sideBar{padding:0}
.sideBar__title{font-size:22px;
margin-bottom:5px}
.sideBar-ranking__monthly,.sideBar-ranking__total{margin-bottom:33px}
.sideBar-category,.sideBar-ranking__monthly,.sideBar-ranking__total{border-top:1px solid #333;
padding-top:15px}
}
/*! .cmn_pager
=========================================== */
.post-card--simple{counter-reset:rank}
.post-card--simple a{text-decoration:none;
display:block;
padding:10px 0 9px}
.post-card--simple a:after{display:block;
clear:both;
content:''}
.post-card--simple__item{border-bottom:1px solid #f0f0f0;
position:relative}
.post-card--simple__item:before{counter-increment:rank;
content:counter(rank);
position:absolute;
left:0;
top:10px;
width:18px;
height:18px;
font-size:11px;
color:#fff;
text-align:center;
font-weight:500;
background-color:#00b5a5;
font-family:Oswald,sans-serif!important;
letter-spacing:.05em;
font-weight:400;
line-height:1.4;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height:18px;
z-index:2}
.post-card--simple__item:after{display:block;
content:'';
clear:both;
z-index:1}
@media (min-width:900px){.post-card--simple__item{padding:0;
border-bottom:none}
.post-card--simple__item+.post-card--simple__item{border-top:1px solid #f0f0f0}
.post-card--simple__item a{display:block;
padding:17px 0 14px 0;
-webkit-transition:all .2s ease;
transition:all .2s ease;
opacity:1}
.post-card--simple__item a:hover{opacity:.8}
.post-card--simple__item a:after{display:block;
clear:both;
content:''}
.post-card--simple__item:before{height:20px;
width:20px;
top:18px;
font-size:12px;
line-height:20px}
}
.post-card--simple__title{font-weight:500!important;
font-size:12px;
line-height:1.25;
margin-top:-2px;
padding-left:28px;
word-wrap:break-word}
@media (min-width:900px){.post-card--simple__title{font-size:13px;
line-height:1.5;
letter-spacing:.05em}
}
.post-card--simple__thumbnail{width:23%;
float:left}
.post-card--simple__thumbnail img{width:100%;
height:auto}
.post-card--simple__thumbnail+.post-card--simple__title{padding-left:10px;
box-sizing:border-box;
width:76.5%;
float:right}
@media (min-width:900px){.post-card--simple__thumbnail{width:34%}
.post-card--simple__thumbnail+.post-card--simple__title{padding-left:9px;
width:65%;
line-height:1.4}
}
.post-card--archive img{width:100%;
height:auto}
@media (min-width:640px){.post-card--archive{padding:15px 5px 0;
margin:-15px 0 0}
.post-card--archive:after{display:block;
clear:both;
content:''}
}
@media (min-width:900px){.post-card--archive{padding:0;
margin:-25px -20px 0}
}
.post-card--archive__item,.post-card--archive__item--large,.post-card--archive__item--small{border-bottom:1px solid #f0f0f0}
@media (min-width:640px){.post-card--archive__item,.post-card--archive__item--large,.post-card--archive__item--small{box-sizing:border-box;
border:none;
float:left}
.post-card--archive__item--small{width:33.3333%;
width:calc(100% / 3);
padding:10px}
.post-card--archive__item--large{width:50%;
padding:15px}
.post-card--archive__item--large:nth-child(2n-1){padding-left:10px}
.post-card--archive__item--large:nth-child(2n){padding-right:10px}
}
@media (min-width:900px){.post-card--archive__item--small{padding:20px}
.post-card--archive__item--large{padding:25px}
.post-card--archive__item--large:nth-child(2n-1){padding-left:20px}
.post-card--archive__item--large:nth-child(2n){padding-right:20px}
}
.post-card--archive__block,.post-card--archive__block--large,.post-card--archive__block--small{display:block;
text-decoration:none;
padding:15px 15px 11px}
@media (min-width:640px){.post-card--archive__block,.post-card--archive__block--large,.post-card--archive__block--small{padding:0}
.post-card--archive__block img,.post-card--archive__block--large img,.post-card--archive__block--small img{-webkit-transition:all .2s ease;
transition:all .2s ease;
opacity:1}
.post-card--archive__block--large:hover img,.post-card--archive__block--small:hover img,.post-card--archive__block:hover img{opacity:.8}
}
.post-card--archive__thumbnail,.post-card--archive__thumbnail--large,.post-card--archive__thumbnail--small{display:block;
margin-bottom:8px}
.post-card--archive__thumbnail--small{width:33%;
float:left}
.post-card--archive__thumbnail--large{width:100%}
@media (min-width:640px){.post-card--archive__thumbnail--small{float:none;
width:100%;
margin-bottom:-19px}
.post-card--archive__thumbnail--large{margin-bottom:-18px}
}
.post-card--archive__category,.post-card--archive__category--large,.post-card--archive__category--small{color:#fff;
display:block;
padding-top:3px;
box-sizing:border-box;
text-align:center;
font-size:11px;
height:19px;
background-color:#00b5a5;
font-weight:500;
line-height:1.1}
.post-card--archive__category--large{width:33%;
position:relative;
z-index:3;
margin-top:-10px}
@media (min-width:640px){.post-card--archive__category,.post-card--archive__category--large,.post-card--archive__category--small{font-size:13px}
.post-card--archive__category--small{min-width:120px;
width:auto;
position:relative;
z-index:3;
top:-19px;
display:inline-block;
padding:10px 1em 6px;
height:auto}
.post-card--archive__category--large{width:auto;
min-width:120px;
box-sizing:border-box;
display:inline-block;
top:-18px;
padding:8px 1em 9px;
height:auto}
}
.post-card--archive__title,.post-card--archive__title--large,.post-card--archive__title--small{font-weight:500}
.post-card--archive__title--small{padding-left:13px;
box-sizing:border-box;
width:67%;
float:right;
font-size:13px;
line-height:1.35;
margin-top:-6px}
.post-card--archive__title--large{line-height:1.3;
font-size:16px}
@media (min-width:640px){.post-card--archive__title,.post-card--archive__title--large,.post-card--archive__title--small{padding-top:10px}
.post-card--archive__title--small{width:100%;
float:none;
padding-left:0}
}
@media (min-width:900px){.post-card--archive__title,.post-card--archive__title--large,.post-card--archive__title--small{line-height:1.44}
.post-card--archive__title--small{font-size:16px}
.post-card--archive__title--large{font-size:18px}
}
.post-card--archive__detail,.post-card--archive__detail--large,.post-card--archive__detail--small{box-sizing:border-box;
width:67%;
padding-left:13px;
float:right}
.post-card--archive__detail--small{padding-top:6px}
.post-card--archive__detail--large{padding-top:9px;
float:none;
padding-left:0;
width:100%}
@media (min-width:640px){.post-card--archive__detail,.post-card--archive__detail--large,.post-card--archive__detail--small{padding-left:0}
.post-card--archive__detail--small{width:100%;
float:none}
}
@media (min-width:900px){.post-card--archive__detail,.post-card--archive__detail--large,.post-card--archive__detail--small{padding-top:15px}
}
.post-card--archive__time,.post-card--archive__time--large,.post-card--archive__time--small{font-family:Oswald,sans-serif!important;
letter-spacing:.05em;
font-weight:400;
line-height:1.4;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-decoration:none;
font-size:11px;
display:inline-block;
border-right:1px solid #d2d2d2;
vertical-align:baseline}
.post-card--archive__time--small{padding-right:10px;
margin-right:10px;
letter-spacing:.03em}
.post-card--archive__time--large{padding-right:15px;
margin-right:15px;
letter-spacing:.08em}
@media (min-width:900px){.post-card--archive__time,.post-card--archive__time--large,.post-card--archive__time--small{font-size:16px}
.post-card--archive__time--large{padding-right:12px;
margin-right:14px}
}
.post-card--archive__author,.post-card--archive__author--large,.post-card--archive__author--small{text-decoration:none;
font-size:10px;
letter-spacing:.1em;
color:#606f86;
vertical-align:baseline}
@media (min-width:900px){.post-card--archive__author,.post-card--archive__author--large,.post-card--archive__author--small{font-size:13px;
letter-spacing:.05em}
}


/*!
-----------------------------------------------------------
  #blog テクニカルブログ
-----------------------------------------------------------
*/
/*! single
=========================================== */
.blog-single{
/*margin-bottom:60px*/}
@media (min-width:900px){
	.blog-single{
padding:0 49px 49px;
/*margin-bottom:80px*/}
}
.blog-single img{display:block;
/*width:100%;*/
/*width:100%;*/
height:auto;
margin:0 auto}
.blog-single__header{margin-bottom:10px}
@media (min-width:900px){.blog-single__header{/*padding-top:54px;*/
margin-bottom:44px;
position:relative;
    border-bottom: 1px solid #c8c8c8;	}
}
.blog-single__category{background-color:#00b5a5;
color:#fff;
font-size:1.1rem;
padding:2px 20px;
display:inline-block}
@media (min-width:900px){.blog-single__category{position:absolute;
top:-1px;
left:-50px;
font-size:13px;
padding:3px 26px 1px}
}
.blog-single__title{font-size:20px;
line-height:1.31;
	
margin:6px 0 20px}
@media (min-width:640px){.blog-single__title{font-size:21px}
}
@media (min-width:900px){.blog-single__title{font-size:30px;
line-height:1.4;
margin-bottom:15px}
}
.blog-single__detail{margin-bottom:10px}
.blog-single__detail-time{vertical-align:baseline;
color:#c1ab05;
font-size:14px;
display:inline-block;
padding-right:15px;
margin-right:15px;
border-right:1px solid #d2d2d2}
.blog-single__detail-author{vertical-align:baseline;
color:#606f86;
font-size:1.1rem}

@media (min-width:640px){.blog-single__detail{font-size:15px}
}
@media (min-width:900px){.blog-single__detail{margin-bottom:15px}
.blog-single__detail-time{font-size:16px;
padding-right:15px;
margin-right:14px;
line-height:1.2}
.blog-single__detail-author{font-size:13px;
line-height:1.2}
}
.blog-single__body{padding-bottom:40px}
.blog-single__body figure{
	margin-bottom: 50px;
}
.wp-element-caption{
	margin-top: 20px;
	text-align: center;
	font-suze :13px;
}

.blog-single__body a{/*color:#81d8d0*/}
.blog-single__body .btn_arrow_r a {
    color: #ffffff;
}
.blog-single__body .btn_arrow_r a:hover{
    color: #bb3b3e;
}

.blog-single__body p{font-size:14px;
line-height:1.54}
.blog-single__body p+p{margin-top:1.4em}
.blog-single__body h2{margin:25px 0 8px;
font-size:1.8rem;
font-weight:500!important}
.blog-single__body h5{font-weight:500!important}
.blog-single__body h6{font-weight:500!important}
.blog-single__body b{font-weight:500!important}
.blog-single__body strong{font-weight:600!important}
.blog-single__body li{padding-left:12px}
.blog-single__body li+li{margin-top:16px}
.blog-single__body ul{margin:16px 0}
.blog-single__body ul li{position:relative}
.blog-single__body ul li::before{    content: "・";
    position: absolute;
    left: 0;

}
.blog-single__body ol{margin:16px 0;
counter-reset:counter}
.blog-single__body ol li{padding-left:23px;
position:relative}
.blog-single__body ol li:before{position:absolute;
top:-1px;
left:0;
counter-increment:counter;
font-family:Oswald,sans-serif!important;
letter-spacing:.05em;
font-weight:400;
line-height:1.4;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-size:1.5rem;
content:counter(counter) ".";
color:#a6a6a6}
.blog-single__body ol li:nth-child(-n+9):before{content:"0" counter(counter) "."}
.blog-single__body dl{border:1px solid #d2d2d2;
padding:15px 16px 9px;
position:relative}
.blog-single__body dl+dl{margin-top:30px}
.blog-single__body dl dt{position:absolute;
background-color:#fff;
padding:0 6px;
top:-11px;
left:6px;
font-weight:500!important}
.blog-single__body dl dd+dd{margin-top:1em}
@media (min-width:900px){.blog-single__body{padding-bottom:80px}
.blog-single__body p{font-size:14px;
line-height:1.875}
.blog-single__body p+p{margin-top:1.5em}
.blog-single__body h2{margin:57px 0 11px;
font-size:2.8rem;
letter-spacing:.05em}
.blog-single__body li{padding-left:22px;
line-height:1.9}
.blog-single__body li+li{margin-top:22px}
.blog-single__body ul{margin:45px 0 45px}
.blog-single__body ul li::before{/*top:.75em;*/
left:0;
width:7px;
height:7px;
border-radius:50%}
.blog-single__body ol{margin:45px 0 45px}
.blog-single__body ol li{padding-left:33px}
.blog-single__body ol li:before{top:1px;
font-size:1.8rem}
.blog-single__body dl{padding:35px 20px 30px 34px;
margin-top:62px}
.blog-single__body dl+dl{margin-top:45px}
.blog-single__body dl dt{font-size:1.8rem;
padding:0 10px;
top:-19px;
left:25px}
.blog-single__body dl dd+dd{margin-top:2em}
.blog-single__body dl dd{font-size:1.5rem;
line-height:1.8}
}
.blog-single__share-list{text-align:center}
.blog-single__share-item--facebook,.blog-single__share-item--hatena,.blog-single__share-item--twitter{display:inline-block;
width:30%}
.blog-single__share-item--facebook a,.blog-single__share-item--hatena a,.blog-single__share-item--twitter a{text-decoration:none;
display:block;
height:30px;
background-color:#606f86;
color:#fff;
font-family:Oswald,sans-serif!important;
letter-spacing:.05em;
font-weight:400;
line-height:1.4;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-weight:600!important;
line-height:30px;
text-align:center;
font-size:15px;
cursor:pointer}
.blog-single__share-item--facebook a:before,.blog-single__share-item--hatena a:before,.blog-single__share-item--twitter a:before{margin-right:.5em;
color:#fff!important;
font-size:1.4rem!important}
.blog-single__share-item--twitter a:before{font-family:iconfont;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal!important;
font-variant:normal;
font-weight:400!important;
speak:none;
text-decoration:none!important;
text-transform:none;
color:#333;
line-height:1;
font-size:1rem;
content:"\EA21"}
.blog-single__share-item--facebook a:before{font-family:iconfont;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal!important;
font-variant:normal;
font-weight:400!important;
speak:none;
text-decoration:none!important;
text-transform:none;
color:#333;
line-height:1;
font-size:1rem;
content:"\EA0B"}
.blog-single__share-item--hatena a:before{font-family:iconfont;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal!important;
font-variant:normal;
font-weight:400!important;
speak:none;
text-decoration:none!important;
text-transform:none;
color:#333;
line-height:1;
font-size:1rem;
content:"\EA0D"}
.blog-single__share-none{display:none!important}
@media (min-width:900px){.blog-single__share-item--facebook,.blog-single__share-item--hatena,.blog-single__share-item--twitter{width:148px;
margin:0 1px}
.blog-single__share-item--facebook a,.blog-single__share-item--hatena a,.blog-single__share-item--twitter a{height:38px;
font-size:16px;
line-height:40px;
border:1px solid #606f86;
background-color:transparent;
background-image:-webkit-linear-gradient(left,transparent 50%,#606f86 50%);
background-image:linear-gradient(to right,transparent 50%,#606f86 50%);
background-size:200% auto;
background-position:-100% 0;
-webkit-transition:all 750ms cubic-bezier(.165,.84,.44,1);
transition:all 750ms cubic-bezier(.165,.84,.44,1)}
.blog-single__share-item--facebook a:hover,.blog-single__share-item--hatena a:hover,.blog-single__share-item--twitter a:hover{background-position:-200% 0;
color:#606f86}
.blog-single__share-item--facebook a:hover:before,.blog-single__share-item--hatena a:hover:before,.blog-single__share-item--twitter a:hover:before{color:#606f86!important}
.blog-single__share-item--facebook a:before,.blog-single__share-item--hatena a:before,.blog-single__share-item--twitter a:before{color:#606f86;
font-size:1.6rem!important;
-webkit-transition:all 750ms cubic-bezier(.165,.84,.44,1);
transition:all 750ms cubic-bezier(.165,.84,.44,1)}
}
.blog-single__comment{padding:0 15px}
/*! tax
=========================================== */
.blog-tax-title{margin-top:30px}
@media (min-width:900px){.blog-tax-title{margin-top:0}
}
/*! search
=========================================== */
.blog-search-title{margin-top:30px}
@media (min-width:900px){.blog-search-title{margin-top:0}
}

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
        text-align: center;
	margin: 0 auto;
}

.pagination h2{
	
	font-size: 16px;
	font-weight: 600px;
	margin-top: 60px;
	margin-bottom: 20px;
	
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 通常の文字色 */
	background: #282828; /* 通常の背景色 */
}
.pagination a:hover{
	color: #515151; /* マウスホバー時の文字色 */
	background: #b0b0b0; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	color: #515151; /* 現在のページの文字色 */
        background: #b0b0b0; /* 現在のページの背景色 */
}
@media only screen and (max-width: 768px) {
	.nav-links {
    width: 80%;
    margin: 0 auto;
    max-width: 500px;
	padding-top: 50px;	
}
	.screen-reader-text{
	display: none;
		
	}
}

@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;
}
.pagination .current{
	padding: 8px 10px 8px 10px;
}
}
*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #DEE2E7;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}


/* blog-receive
-----------------------------*/
.post_list{
padding:0px 0 30px;
zoom:1;
}
.post_list:before,.post_list:after{
content:"";
display:table;
}
.post_list:after{
clear:both;
}
@media screen and (max-width: 768px){
.post_list{
padding:40px 0 0;
}

}

#nbs-pages .nbs-cts__sec{
padding:43px 0 76px}
@media screen and (min-width:992px){
#nbs-pages .nbs-cts__sec{
padding:90px 0 150px}
}
#nbs-pages .nbs-cts__sec__inner{
margin:0 auto;
padding:0 20px;
max-width:640px}
@media screen and (min-width:768px){
#nbs-pages .nbs-cts__sec__inner{
margin:0 70px;
padding:0;
max-width:none}
}
@media screen and (min-width:992px){
#nbs-pages .nbs-cts__sec__inner{
margin:0 auto;
max-width:1128px}
}
#nbs-pages .nbs-cts__secTitle{
margin-bottom:38px;
letter-spacing:.05em}
@media screen and (min-width:992px){
#nbs-pages .nbs-cts__secTitle{
margin-bottom:40px}
}
#nbs-pages .nbs-cts__secTitleEN{
text-transform:uppercase;
font-size:24px;
font-family:itc_lubalin_graph_demiregular;
line-height:1.29412}
@media screen and (min-width:992px){
#nbs-pages .nbs-cts__secTitleEN{
font-size:46px;
line-height:1.4}
}
#nbs-pages .nbs-cts__secTitleJP{
color:#6c6c6c;
font-size:10px}
@media screen and (min-width:992px){
#nbs-pages .nbs-cts__secTitleJP{
font-size:16px}
}
#nbs-pages .nbs-cts__sec__read{
letter-spacing:.05em;
font-size:16px;
line-height:1.81818}
@media screen and (min-width:992px){
#nbs-pages .nbs-cts__sec__read{
margin-top:6px;
font-size:16px;
line-height:2.14286}
}
@media screen and (min-width:992px){
#nbs-pages .nbs-cts__sec__head{
margin-top:18px;
padding:0 70px}
}
#nbs-pages .nbs-cts__sec__head .nbs-cts__secTitle{
margin-bottom:10px;
letter-spacing:.05em;
font-size:16px;
line-height:1.53846}
@media screen and (min-width:992px){
#nbs-pages .nbs-cts__sec__head .nbs-cts__secTitle{
margin-bottom:26px;
font-size:24px}
}
/* 新着情報トップ
-----------------------------*/
.nbs__item{
border-bottom:1px solid #f3f3f3}
.nbs__item a{
text-decoration: none;}

span.catg {
	vertical-align:top;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	font-weight: 500;
	width:130px;
	text-align:center;
	padding:3px 5px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	letter-spacing:0.05em;
	background-color:#000;
	border:1px solid #000;
	color:#FFFFFF;
	border-radius: 5px;
    font-weight: 600;
	
}

.post__time {
	padding:0 0 0 10px;
	font-size:13px;
	color: #777;
}



@media (max-width:767px){
.nbs__item{
margin-bottom:38px}
}
.nbs__item:last-child{
margin-bottom:0}
.nbs__item-inner{
position:relative;
overflow:hidden}
@media (min-width:768px){
.nbs__item-inner{
display:-ms-flexbox;
display:flex;
-ms-flex-align:start;
align-items:start;
padding:45px 4.03%}
}
@media (max-width:767px){
.nbs__item-inner{
display:block;
padding:0 10px 34px}
}
.nbs__item-inner:before{
content:'';
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:#000;
-webkit-transform:scale(0,1.05);
transform:scale(0,1.05);
-webkit-transform-origin:right;
transform-origin:right;
transition:transform .7s cubic-bezier(.25,.1,0,.99);
transition:transform .7s cubic-bezier(.25,.1,0,.99),-webkit-transform .7s cubic-bezier(.25,.1,0,.99)}
@media (min-width:768px){
.nbs__item-inner:not(.nbs__item-inner--task):hover{
color:#fff;
border-color:transparent}
.nbs__item-inner:not(.nbs__item-inner--task):hover:before{
-webkit-transform:scale(1,1.05);
transform:scale(1,1.05);
-webkit-transform-origin:left;
transform-origin:left}
.nbs__item-inner:not(.nbs__item-inner--task):hover .nbs__content{
color:#fff}
.nbs__item-inner:not(.nbs__item-inner--task):hover .nbs__thumbnail img{
-webkit-transform:scale(1.1);
transform:scale(1.1)}
.nbs__item-inner:not(.nbs__item-inner--task):hover .nbs__category{
border-color:#fff}
.nbs__item-inner:not(.nbs__item-inner--task):hover .blog-category-name::before{
background-image:url(../images/blog/tag_white.png)}
}
.nbs__thumbnail{
position:relative;
overflow:hidden}
@media (min-width:768px){
.nbs__thumbnail{
width:31.25%;
margin-right:4.33%}
.nbs__thumbnail::before{
content:'';
display:block;
padding-top:59%}
}
@media (max-width:767px){
.nbs__thumbnail{
padding-bottom:56.4%;
margin-bottom:17px}
}
.nbs__thumbnail img{
position:absolute;
left:0;
top:0;
width:100%;
height:auto}
@media (min-width:768px){
.nbs__thumbnail img{
transition:transform 1s cubic-bezier(.22,.47,.17,1);
transition:transform 1s cubic-bezier(.22,.47,.17,1),-webkit-transform 1s cubic-bezier(.22,.47,.17,1)}
}
.nbs__content{
position:relative;
color:#000;
font-family: "neuzeit-grotesk","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif;}
@media (min-width:768px){
.nbs__content{
width:64.42%}
}
.nbs__info{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
margin-top: 15px;	
margin-bottom: 23px;}

.nbs__category--product{
width:150px;
margin-bottom:14px}
@media (max-width:767px){
.nbs__category--product{
width:120px;
margin-bottom:9px}
}

.news-top-txt{
text-align:left;	
}
.nbs__title{
font-weight:700;
letter-spacing:.05em;
margin-left:-1px;
text-align:left;
margin-bottom: 23px;
line-height: 1.4;
font-family: "Sawarabi Mincho", YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;		
}
@media (min-width:768px){
.nbs__title{
font-size:20px;
font-family: "Sawarabi Mincho", YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;	
line-height:1.6}
}
.news-top-txt{
font-size:14px;
line-height:1.2;
font-weight: normal;}
}

@media (max-width:767px){
.nbs__title{
font-size:20px;
line-height:1.4}
.news-top-txt{
font-size:14px;
line-height:1.2}
}





.h_menu_search input{
    box-sizing:border-box;
    width:240px;
    font-size:13px;
    border:none;
	font-weight: 400;
	/*border-bottom: 1px solid #3a302d;*/
	background-color: #fafafa;
    padding:14px 0 7px 2px;
    -webkit-appearance: none;
    border-radius: 0;
	margin:0;
	letter-spacing:0.1em;
    -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
}

.h_menu_search{
	display: block;
	/*margin: -12px 0 0 14px;*/
}
.h_menu_search form{
	display:flex;
	justify-content: flex-end;
}
#hs_btn{
	width:20%;
    border:none;
	/*border-bottom: 1px solid #3a302d;*/
	line-height:0;
	-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;
	border-left:none;
	background: none;
	font-size: 12px;
	padding: 2px 2px 0 2px;
	background-color: #fafafa;
	cursor: pointer;
}
.h_menu_search input::placeholder{
	color:#797979;
	font-size:12px;
}
.h_menu_search input:-ms-input-placeholder{
	color:#797979;
	font-size:12px;
}
.h_menu_search input::-ms-input-placeholder{
	color:#797979;
	font-size:12px;
}







/******************************************************************************
 * flame
*******************************************************************************/
#mainfunction{
	z-index: 1;
	background: #FFF;
	overflow: hidden;
	position: relative;
	
}
@media(max-width:768px) {
#mainfunction{
    padding: 0 4.26667vw;
}
}
#postWrapper{padding-bottom:40px}
#postWrapper:after{display:block;
clear:both;
content:''}
#postWrapper main{
	padding-top: 0px;
	
}	
@media (min-width:752px){#postWrapper{width:100%;
margin:0 auto;
box-sizing:border-box;
padding:70px 15px 80px}
#postWrapper main{float:left;
width:74%;
box-sizing:border-box}
#postWrapper aside{float:right;
width:24%;
box-sizing:border-box}
}
@media (min-width:1280px){#postWrapper{width:1280px;
margin:0 auto;
padding:0px 0 110px}
#postWrapper main{width:71.875%}
#postWrapper aside{width:21.875%}
}
/*----------------------------------------------------
  .blog-top
--------------------------------------------------- */

.blog-top__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}
.blog-top__item {
    width: 33.333333333333336%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.blog-top__item:nth-child(n + 4) {
    margin: 70px 0 0
}


/*----------------------------------------------------
  .company-top
--------------------------------------------------- */

.blog-top__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}
.blog-top__item {
    width: 33.333333333333336%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.blog-top__item:nth-child(n + 4) {
    margin: 70px 0 0
}
.blog-top__item--meta {
    padding: 24px 0 0
}
.blog-top__item--meta .info {
    display: inline-block
}
.blog-top__item--meta .subject {
    font-size: 18px;
    font-weight: 700
}
.blog-top__item--meta .desc {
    text-transform: uppercase;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 11px;
	margin-bottom: 10px;
    color: #999
}




a.hover-effect {
    overflow: hidden
}
a.hover-effect__zoom {
    display: block
}
a.hover-effect__zoom img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    vertical-align: middle;
    -webkit-transition: 0.8s ease all;
    -o-transition: 0.8s ease all;
    transition: 0.8s ease all
}
a.hover-effect__zoom:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.blog-top__item--media a {
	    border-radius: 10px;
 }


.blog-top__item--media img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
 }

.m-article__body_ttl {
	margin-top: 15px;
    font-size: 15px;
    margin-bottom: 8px;
	line-height: 1.5;
    font-weight: 600;
}

.m-article__body_date {
    font-size: 13px;
    margin-bottom: 8px;
	color: #8a878a;
    font-family: Open Sans,sans-serif;
    font-weight: 300;
}

.m-article__body_note {
    font-size: 11px;
	color: #8a878a;
    line-height: 1.36364;
}

.m-article__body_note a,
.m-article__body_note a:hover,
.m-article__body_note a:visited
{
	color: #8a878a;
	text-decoration: none;
}
.BlogItem_data {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin: 18px 0 0;
}

.BlogItem_data .__category, .BlogItem_data .__date {
    font-family: Open Sans,sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-style: normal;
}
.BlogItem_data .__date {
    display: block;
}
.BlogItem_data .__category {
    padding: 4px 15px;
    background-color: #81D8D0;
    font-weight: 700;
    color: #fff;
}

@media(max-width:768px) {

    .blog-top__grid {
        display: block
    }
    .blog-top__item {
        width: 100%
    }
    .blog-top__item:nth-child(n + 2) {
        margin: 35px 0 0
    }
    .blog-top__item--meta {
        padding: 20px 0 0
    }
	
	
	
}	

@media(max-width:768px) {

    .blog-top__grid {
        display: block
    }
    .blog-top__item {
        width: 100%
    }
    .blog-top__item:nth-child(n + 2) {
        margin: 35px 0 0
    }

	
	
	
.m-article__body_ttl {
	margin-top: 13px;
    font-size: 4.26667vw;
    margin-bottom: 2.13333vw;
}
.m-article__body_date {
    font-size: 3.46667vw;
    margin-bottom: 2.13333vw;
}
.m-article__body_note {
    font-size: 2.93333vw;
}	
	
	
}

/*! #sidebar
=========================================== */
.sideBar{padding:31px 15px 0}
.sideBar__title{font-size:24px;
margin-bottom:2px}
.sideBar-ranking__monthly,.sideBar-ranking__total{margin-bottom:25px}
@media (min-width:900px){.sideBar{padding:0}
.sideBar__title{font-size:22px;
margin-bottom:5px}
.sideBar-ranking__monthly,.sideBar-ranking__total{margin-bottom:33px}
.sideBar-category,.sideBar-ranking__monthly,.sideBar-ranking__total{border-top:1px solid #333;
padding-top:15px}
}

.l-details__side-inner {
    /*border-top: 3px solid #000;*/
    padding-top: 40px;
}

.m-side__head {
    padding-bottom: 32px;
}
.r-side__title {
    margin-bottom: 1.2rem;
    padding: 0 0 10px;
    border-bottom: 1px solid #cfd0d8;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 110%;
    vertical-align: middle;
}
.m-side__body{
	margin-bottom: 40px;
}

.a-ttl-side {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.a-ttl-side__main {
    font-size: 20px;
	display: block;
    line-height: 1.7;
    font-weight: 600;
}


.a-ttl-side__sub {
    font-size: 13px;
    margin-top: 8px;
    display: block;
    color: #8a878a;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
}

.m-sideArticle__item:not(:last-child) {
    margin-bottom: 40px;
}

.m-article, .m-article--column, .m-article--SpColumn {
    display: block;
    position: relative;
}
.m-article__head {
	position: relative;
	margin-bottom: 18px;
}
.m-article__head img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.m-article__head_imgWrap {
    overflow: hidden;
}

.m-side .m-article__head_img, .m-side .m-article__head_img--search {
    opacity: 1;
    transform: scale(1,1);
}
.m-article__head_img.is-show, .is-show.m-article__head_img--search {
    transform: scale(1,1);
    opacity: 1;
}
.m-article__head_img, .m-article__head_img--search {
    transition: all .5s cubic-bezier(0,0,.58,1);
    transform: scale(1.1,1.1);
    opacity: 0;
}
.m-side:not(:last-child) {
    padding-bottom: 43px;
    margin-bottom: 40px;
}
.m-side {
    position: relative;
    overflow: hidden;
}
.m-side:not(:last-child):before {
    width: 100%;
    height: 1px;
}
.m-side:not(:last-child):before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    /*background-color: #d1d1d1;*/
}



@media (min-width:900px){.cat-list{padding-top:5px}
}
.cat-list__item{/*border-bottom:1px solid #f0f0f0*/}
.cat-list__item a{text-decoration:none;
display:block;
padding:7px 0 11px;
color: #5a5a5a;}
.cat-list__item a:before{display:inline-block;
-webkit-transform:scale(.6) translate(-1px,3px);
-ms-transform:scale(.6) translate(-1px,3px);
transform:scale(.6) translate(-1px,3px);
display:inline-block;
margin-right:-4px}
@media (min-width:640px){.cat-list__item a{padding:6px 0 13px}
}
@media (min-width:900px){.cat-list__item a{padding:6px 0 14px}
.cat-list__item a:before{-webkit-transform:scale(1) translate(0,3px);
-ms-transform:scale(1) translate(0,3px);
transform:scale(1) translate(0,3px);
margin-right:3px;
-webkit-transition:all .2s ease;
transition:all .2s ease}
.cat-list__item a:hover:before{-webkit-transform:scale(1) translate(3px,3px);
-ms-transform:scale(1) translate(3px,3px);
transform:scale(1) translate(3px,3px)}
}
.cat-list__sub{display:inline-block;
font-size:12px;
padding-left:3px;
font-weight:500!important}
@media (min-width:900px){.cat-list__sub{font-size:14px;
line-height:1.5}
}
.cat-list__num{display:inline-block;
margin-top:2px;
float:right;
box-sizing:border-box;
height:18px;
width:30px;
text-align:center;
background-color:#eee;
color:#606f86;
font-size:12px;
line-height:18px}
@media (min-width:640px){.cat-list__num{/*margin-top:8px*/}
}
@media (min-width:900px){.cat-list__num{font-size:14px;
width:40px;
height:20px;
line-height:20px;
/*margin-top:7px*/}
}




.m-sideSNS__btnBox {
    display: flex;
    padding: .5em;
}


.m-sideSNS__btnBox a {
    height: 80px;
}
.m-sideSNS__btnBox a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    text-align: center;
}
.m-sideSNS__btnTw {
    background-color: #00aced;
}
.m-sideSNS__btnFb {
    background-color: #1877f2;
}
.m-sideSNS__btnBox a svg {
    fill: #fff;
}
.m-sideSNS__btnTw_ico {
    width: 26px;
    height: 21px;
}
.m-sideSNS__btnFb_ico {
    width: 24px;
    height: 24px;
}
.m-sideSNS__btnBox a span {
    font-size: 13px;
    margin-top: 10px;
}
.m-sideSNS__btnBox a span {
    display: block;
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
}

@media(max-width:768px) {
.m-sideSNS__btnBox a {
    height: 21.33333vw;
}
.m-sideSNS__btnTw_ico {
    width: 6.93333vw;
    height: 5.6vw;
}	
.m-sideSNS__btnFb_ico {
    width: 6.4vw;
    height: 6.4vw;
}
	
m-sideSNS__btnBox a span {
    font-size: 3.46667vw;
    margin-top: 2.66667vw;
}	
}

.me-article__main-img {
    text-align: center;
    position: relative;
    z-index: 10;
    overflow: hidden;
    background-color: #000;
}

.me-article__main-img>img {
    vertical-align: bottom;
    margin: auto;
    position: relative;
    z-index: 15;
    width: 100%;
    max-width: 100%;
}

.me-article__main-img__bg {
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    z-index: 11;
    opacity: .5;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-filter: blur(10px) grayscale(0);
    filter: blur(10px) grayscale(0);
    background-size: cover;
}
.me-article__head {
    zoom: 1;
    text-align: center;
    padding: 1em;
    font-size: 10rem;
    margin: 0 auto;
    border-bottom: 1px solid rgba(32,0,0,.1);
    padding: 20px 15px 10px;
}
.me-article__head:before {
    display: block;
    height: 0;
    visibility: hidden;
    content: " ";
}
.blog-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 8px;
    padding-right: 8px;
}
.me-article__meta {
    font-weight: 700;
	text-align: center;
}
.me-article__cat, .me-article__date {
    display: inline-block;
    font-family: Avenir next,Open Sans,sans-serif;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}
.me-article__title {
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    clear: both;
    letter-spacing: .05em;
    margin: .2em auto .3em;
    max-width: 900px;
    font-weight: 600;
    line-height: 1.5;
    font-size: 20px;
}

.me-article__head .sns-btn-unit {
    font-size: 12px;
    padding: .5em 0;
}

@media (min-width: 992px){
.blog-container {
    width: 982px;
}
.me-article__head {
    padding: 20px 15px 10px;
}
.me-article__title {
    font-size: 25px;
}	
}	
@media screen and (min-width: 768px){
.me-article__main-img>img {
    max-width: 768px;
    width: auto;
}
.me-article__head {
    padding: 20px 15px 10px;
}	
.blog-container {
    padding-left: 21px;
    padding-right: 21px;
    width: 762px;
}
	}


.blog-single__body p {
    line-height: 1.875;
	font-weight: normal;
}
@media screen and (min-width: 768px){
.blog-single__body p {
    font-size: 16px;
    margin-bottom: 44px;
}	
}
/******************************************************************************
 * h2_under_tit
*******************************************************************************/

.blog-single__body h2 {
    background: #f5f5f5;
    padding: 20px 17px;
    position: relative;
    font-size: 24px	;
    margin-bottom: 20px;
	color : #000;
	font-weight: 600;
}
.blog-single__body h2:nth-child(n + 2){
	
	margin-top: 30px
	
}

.blog-single__body h2::before {
    background: #000;
    top: 15%;
    width: 3px;
    height: 70%;
}
.blog-single__body h2::before {
    content: "";
    position: absolute;
	left: 0;
}
@media screen and (max-width: 768px){
.blog-single__body h2 {
    font-size: 20px	;
	line-height: 1.4
}
	
	
}
/******************************************************************************
 * h3,h4
*******************************************************************************/
.blog-single__body h3 {
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #f3f4f5;
    line-height: 140%;
    font-size: 20px;
	font-weight: 600;
	color : #424242;
}

.blog-single__body h3:nth-child(n + 2){
	
	margin-top: 30px
	
}


.blog-single__body h4 {
    margin-top: 36px;
    padding: 23px 0 40px;
    font-size: 18px;
}

.blog-single__body h4:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-image: url(../images/dot-g.svg);
    background-repeat: repeat-x;
    margin-bottom: 20px;
}

.blog-single__body h4:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-image: url(../images/dot-g.svg);
    background-repeat: repeat-x;
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
	.blog-single__body h3 {
        font-size: 18px;
    }
    .blog-single__body h4 {
        font-size: 16px;
    }
	.blog-single__body h4:before {
        margin-bottom: 15px;
    }
	.blog-single__body h4:after {
        margin-top: 15px;
    }
}

/******************************************************************************
 * tag
*******************************************************************************/

.p-article__tags {
width: 100%;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.p-article__tags ul {
	margin: 25px 0 15px!important;
}

/******************************************************************************
 * sns
*******************************************************************************/


.sns-btn-unit {
    padding: 2em 0;
    font-size: 16px;
    margin: auto;
    width: 100%;
    max-width: 150px
}
.sns-btn-unit__list {
    display: table;
    width: 100%;
    margin-right: -2px;
    color: #333
}
.sns-btn-unit__list__item {
    display: table-cell;
    text-align: center;
    width: 16.5%
}
.sns-btn-unit__list__item__hit {
    margin: 0 2px;
    padding: 5px;
    display: block;
    text-decoration: none;
    position: relative;
    color: #333;
    vertical-align: bottom;
    transition: all, 0.3s, cubic-bezier(0.9, 0.2, 0.2, 0.9)
}
.sns-btn-unit__list__item__title {
    position: absolute;
    font-size: 1em;
    top: 50%;
    left: 0;
    margin-top: -1.3em;
    width: 100%;
    opacity: 0;
    font-weight: 700;
    transition: all, 0.3s, cubic-bezier(0.9, 0.2, 0.2, 0.9);
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}
.sns-btn-unit__list__item__icon {
    font-size: 1.8em;
    opacity: 1;
    transition: all, 0.5s, cubic-bezier(0.9, 0.2, 0.2, 0.9);
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #333
}
@media screen and(min-width:768px) {
    .sns-btn-unit__list__item__icon {
        font-size: 2em
    }
}
.sns-btn-unit__list__item__icon img,
.sns-btn-unit__list__item__icon svg {
    height: 1em;
    width: 100%;
    max-width: 100%
}
.sns-btn-unit__list__item__icon svg {
    fill: #333;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}
.sns-btn-unit__list__item__action {
    position: absolute;
    width: 100%;
    top: 60%;
    left: 0;
    margin-top: -0.4em;
    font-size: 10px;
    opacity: 0;
    transition: all, 0.3s, cubic-bezier(0.9, 0.2, 0.2, 0.9);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}
@media screen and(min-width:768px) {
    .sns-btn-unit__list__item__hit:hover {
        transition: all, 0s, ease
    }
    .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__title {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__icon {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
    .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__action {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@media screen and(min-width:768px) {
    .sns-btn-unit__list__item--twitter .sns-btn-unit__list__item__hit:hover,
    .sns-btn-unit__list__item--twitter .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__icon {
        color: #43a5f0
    }
    .sns-btn-unit__list__item--twitter .sns-btn-unit__list__item__hit:hover:after {
        background-color: #43a5f0
    }
    .sns-btn-unit__list__item--facebook .sns-btn-unit__list__item__hit:hover,
    .sns-btn-unit__list__item--facebook .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__icon {
        color: #5372c1
    }
    .sns-btn-unit__list__item--facebook .sns-btn-unit__list__item__hit:hover:after {
        background-color: #5372c1
    }
    .sns-btn-unit__list__item--google-plus .sns-btn-unit__list__item__hit:hover,
    .sns-btn-unit__list__item--google-plus .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__icon {
        color: #de4b39
    }
    .sns-btn-unit__list__item--google-plus .sns-btn-unit__list__item__hit:hover:after {
        background-color: #de4b39
    }
    .sns-btn-unit__list__item--line .sns-btn-unit__list__item__hit:hover,
    .sns-btn-unit__list__item--line .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__icon {
        color: #29bb0f
    }
    .sns-btn-unit__list__item--line .sns-btn-unit__list__item__hit:hover:after {
        background-color: #29bb0f
    }
    .sns-btn-unit__list__item--line .sns-btn-unit__list__item__hit:hover svg {
        fill: #29bb0f
    }
    .sns-btn-unit__list__item--pocket .sns-btn-unit__list__item__hit:hover,
    .sns-btn-unit__list__item--pocket .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__icon {
        color: #d3505a
    }
    .sns-btn-unit__list__item--pocket .sns-btn-unit__list__item__hit:hover:after {
        background-color: #d3505a
    }
    .sns-btn-unit__list__item--hatena .sns-btn-unit__list__item__hit:hover,
    .sns-btn-unit__list__item--hatena .sns-btn-unit__list__item__hit:hover .sns-btn-unit__list__item__icon {
        color: #008fde
    }
    .sns-btn-unit__list__item--hatena .sns-btn-unit__list__item__hit:hover:after {
        background-color: #008fde
    }
    .sns-btn-unit__list__item--hatena .sns-btn-unit__list__item__hit:hover svg {
        fill: #008fde
    }
}
.sns-btn-unit--type-color .sns-btn-unit__list__item__hit {
    margin: 0
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--twitter {
    border-color: #43a5f0
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--twitter a {
    color: #43a5f0
}

.sns-btn-unit--type-color .sns-btn-unit__list__item--twitter .sns-btn-unit__list__item__icon,
.sns-btn-unit--type-color .sns-btn-unit__list__item--twitter .sns-btn-unit__list__item__icon svg {
    color: #43a5f0;
    fill: #43a5f0
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--twitter .sns-btn-unit--type-color .sns-btn-unit__list__item__hit {
    fill: #43a5f0
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--facebook {
    border-color: #5372c1
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--facebook .sns-btn-unit__list__item__icon,
.sns-btn-unit--type-color .sns-btn-unit__list__item--facebook .sns-btn-unit__list__item__icon svg {
    color: #5372c1;
    fill: #5372c1
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--facebook .sns-btn-unit--type-color .sns-btn-unit__list__item__hit {
    fill: #5372c1
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--google-plus {
    border-color: #de4b39
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--google-plus .sns-btn-unit__list__item__icon,
.sns-btn-unit--type-color .sns-btn-unit__list__item--google-plus .sns-btn-unit__list__item__icon svg {
    color: #de4b39;
    fill: #de4b39
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--google-plus .sns-btn-unit--type-color .sns-btn-unit__list__item__hit {
    fill: #de4b39
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--line {
    border-color: #29bb0f
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--line .sns-btn-unit__list__item__icon,
.sns-btn-unit--type-color .sns-btn-unit__list__item--line .sns-btn-unit__list__item__icon svg {
    color: #29bb0f;
    fill: #29bb0f
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--line .sns-btn-unit--type-color .sns-btn-unit__list__item__hit {
    fill: #29bb0f
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--pocket {
    border-color: #d3505a
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--pocket .sns-btn-unit__list__item__icon,
.sns-btn-unit--type-color .sns-btn-unit__list__item--pocket .sns-btn-unit__list__item__icon svg {
    color: #d3505a;
    fill: #d3505a
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--pocket .sns-btn-unit--type-color .sns-btn-unit__list__item__hit {
    fill: #d3505a
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--hatena {
    border-color: #008fde
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--hatena .sns-btn-unit__list__item__icon,
.sns-btn-unit--type-color .sns-btn-unit__list__item--hatena .sns-btn-unit__list__item__icon svg {
    color: #008fde;
    fill: #008fde
}
.sns-btn-unit--type-color .sns-btn-unit__list__item--hatena .sns-btn-unit--type-color .sns-btn-unit__list__item__hit {
    fill: #008fde
}

/*----------------------------------------------------
  .next-pre
--------------------------------------------------- */

.nex-pre{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
	margin : 0 auto;
	max-width: 350px;
}
.nex-pre a{
	color: #333;
}	
/******************************************************************************
 * recommend
*******************************************************************************/
.recommend{
  margin-top:60px;
  margin-bottom:30px;
}
.recommend a:hover{
  text-decoration: none;}

.recommend .firewood-description>ul>li{
  background-color: #ffffff;
  list-style: none;
  padding:30px;
  box-sizing: border-box;
  width:100%;
  margin-bottom:30px;
  display: flex;
  display: -webkit-flex;
  box-shadow: 0 0 0 1px #f0f0f0;
}

.recommend .firewood-img{
  margin: 0 30px 0 0;
  width:32%;
}
.recommend .firewood-txt{
  width:68%;
  position: relative;
}
.recommend .firewood-txt .firewood-link a{
  text-align: left;
  font-weight: bold;
  color:rgba(0,153,255, 1);!important;
  padding:0rem 1.4rem;
  -webkit-background-size: 1.2rem 1.2rem;
  background-size: 1.2rem 1.2rem;
  text-decoration: none;
}
.recommend .firewood-txt .skill {
  margin-top:1rem;
}
.recommend .firewood-txt .ttl-job{
  font-size:22px;
font-weight: 600;	
  padding:0.8rem 0;
}
.recommend .firewood-txt .ttl-dt{
  font-size:16px;
  padding:0 0 10px 15px;
}

.recommend .firewood-txt .skill dl{
  line-height:1.6;
}
.recommend .firewood-txt .skill dl dt{
  font-weight:bold;
}
.recommend .firewood-txt .skill dl dd{
  padding-left:1.2rem;
  margin-left:0;
}
.recommend .firewood-img img{
  width:100%;
}

@media(max-width: 640px){
  .recommend .firewood-description>ul>li{
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .recommend .firewood-img{
    width:100%;
    margin:0 0 1rem 0;
  }
  .recommend .firewood-txt{
    width:100%;
  }
}

.about-index__sub-title {
	display: -webkit-flex;
	display: flex;
	line-height: 1.6;
	-webkit-align-items: center;
			align-items: center;
}

.about-index__sub-title__number {
	display: -webkit-flex;
	display: flex;
	font-weight: 500;
	color: rgba(0, 0, 0, .3);
	-webkit-align-items: center;
			align-items: center;
}

.about-index__sub-title__number:after {
	content: "";
	width: 1px;
	height: 20px;
	margin: 0 10px;
	display: block;
	background-color: rgba(0, 0, 0, .15);
}

.about-index__sub-title__en {
	color: rgba(129, 216, 208, 1);
}

.about-index__title {
	margin: 10px 0;
	font-weight: 800;
	line-height: 1.6;
	color: rgba(0, 0, 0, 1);
}



.rec__menu__button {
		margin: 30px auto 20px auto;
color: rgba(0, 0, 0, 1);
	}


.rec-button {
	width: 250px;
	display: -webkit-flex;
	display: flex;
	border: 1px solid rgba(0, 0, 0, 1);
	border-radius: 5px;
	font-weight: 800;
	line-height: 1.6;
	text-decoration: none;
	color: rgba(0, 0, 0, 1);
	box-sizing: border-box;
	transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-align-items: center;
			align-items: center;
}
.rec-button:hover,
a:hover .rec-button {
	background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
}
.rec-button:after {
	content: "";
	width: 22px;
	height: 13px;
	display: block;
	background-image: url("../images/icon_arrow.png");
	background-size: 100% auto;
}
.rec-button:hover:after,
a:hover .rec-button:after {
	transform: translateX(3px);
	background-image: url("../images/icon_arrow_w.png");
}


	.rec-button {
		height: 40px;
		padding: 0 20px;
	}
	.rec-button span {
		font-size: 13px;
	}

	.rec-button a:hover {
	color: rgba(255, 255, 255, 1)!important;
		
	}

@media (max-width:560px) {
.wp-block-embed__wrapper iframe{
	width: 98%;
	
}	
}
/*関連記事*/
.heading.heading-primary {
    font-size: 2.2rem;
    line-height: 1.5;
}
.heading {
    display: block;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    font-weight: 700;
}


 /*.related {
	border-top: 1px solid #E5E5E5;
   margin-top: 40px;
    padding-top: 20px;
}
*/

.related .web-h3-02{
	    margin: 0px 0 50px;
	
	
}
.related__list {list-style-type: none;}
.related__item {padding-top:20px;}
.related__item:first-child{padding-top:0;}
.related__item::after {
	content: "";
	display: block;
	clear: both;
}
.related__item p{
	font-weight: normal;
	
}
.related__imgLink{
	display:block;
	float:left;
	width:120px;
	height:90px;
	overflow: hidden;
}
.related__imgLink img{
	width:inherit;
	height:inherit;
	vertical-align:bottom;
	transform: scale(1);
	transition: ease-in-out .2s;	
}
.related__imgLink img:hover {transform: scale(1.2);}
.related__title{
	width:calc(100% - 130px);
	float:right;
	font-size:1rem;
	font-weight:700;
	line-height:1.5;
	margin-bottom:10px;
	color:#222222;
}
.related__title a{color:#222222;}
.related__title a:hover {text-decoration:underline;}
.related__title span{
	display: block;
    font-size: .8rem;
    color: #7F7F7F;
    font-weight: normal;
}
.related__title .icon-calendar::before {
    margin-right: 5px;
    line-height: 1;
}
.related__contents{
	width:calc(100% - 130px);
	float:right;
	font-size:.9rem;
	line-height:1.5;
}
.related__contents.related__contents-max{
	width:100%;
	float:none;
}

/******************************************************************************
 * releted
*******************************************************************************/

@media screen and (min-width: 641px)　{
.point_box {
    margin: 25px 0 0!important;
    padding: 15px;
    position: relative;
    background: #cde0f354;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.point_box span {
    padding: 4px 8px;
    font-size: 13px;
    position: absolute;
    top: -15px;
    left: 10px;
    background: #ff5a40;
    border: 2px solid #fff;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    color: #fff;
    line-height: 1;
}
.blog-single .point_box a:link {
    color: #337ab7;
    font-weight: bold;
    text-decoration: none;
}	
}
@media screen and (max-width: 640px){
.point_box {
    margin: 25px 0 0!important;
    padding: 15px 15px 10px;
    position: relative;
    background: #cde0f354;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}	
.point_box span {
    padding: 4px 8px;
    font-size: 13px;
    position: absolute;
    top: -15px;
    left: 10px;
    background: #ff5a40;
    border: 2px solid #fff;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    color: #fff;
    line-height: 1;
}	
.blog-single .point_box a:link {
    color: #337ab7;
    font-weight: bold;
    text-decoration: none;
}


}





/******************************************************************************
 * tag
*******************************************************************************/
.showcase-tags-chunk-chain {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
	margin-top: 20px;
}
.showcase-tags-chunk-chain li {
	padding-left: 0px!important; 
    margin: 0 10px 10px 0;
	list-style: none!important;
}
.showcase-tags-chunk-chain li::before {
    display: none!important;
}
.showcase-tags-chunk-chain li+li {
    margin-top: 0px!important;
}
.showcase-tags-chunk-chain a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    background-color: #eee;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}
a.opacity, input.opacity {
    transition: opacity ease-in-out 0.2s;
    opacity: 1;
}
/******************************************************************************
 * link-box
*******************************************************************************/
.link-box {
    margin-top: -40px;
}
.link-box {
    border: 1px solid #e1e1e1;
    padding: 10px;
    display: flex;
}
.img-box {
    width: 25%;
    float: left;
}
.img-box div {
    min-height: 170px;
    background-size: cover;
    background-position: center center;
}
.text-box {
    width: 75%;
    float: left;
    padding-left: 20px;
    line-height: 1.7;
    margin: 0;
}
.text-box .title {
    font-size: 18px;
    font-weight: 600;
    color: #428bca;
    padding: 0;
    margin: 0;
}
.text-box .description {
	font-size: 13	px;
    color: #7B7B7B;
}
@media only screen and (max-width: 479px){
.img-box div {
    min-height: 80px;
}	
.text-box {
    margin-left: 10px;
    line-height: 1.5;
    width: 65%;
}

.text-box .title {
    font-size: 13px;
    margin: 0;
}

.text-box .description {
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 1.8;
}


}
/******************************************************************************
 * y-tube
*******************************************************************************/
.wp-block-embed__wrapper {
	text-align: center
}

/******************************************************************************
 * 一覧へもどる
*******************************************************************************/
.artscenter-block-return-to-list a{
	text-decoration:none;
	color:#333;
	
	
}


.artscenter-block-return-to-list {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.5rem;
  margin-top: 2.5rem;
  max-width: 1440px;
}

@media (min-width: 768px) {
  .artscenter-block-return-to-list {
    margin-bottom: 120px;
    margin-top: 6rem;
  }
}
.link-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  border-width: 1px;
  border-style: solid;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .link-box {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.relative {
  position: relative !important;
}

.py-\[6px\] {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.px-\[3px\] {
    padding-left: 3px !important;
    padding-right: 3px !important;
}


@media (min-width: 768px) {

  .md\:py-\[9px\] {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

.md\:px-\[6px\] {
    padding-left: 6px !important;
    padding-right: 6px !important;
}	
.md\:\[\&\>div\]\:w-\[9px\]>div {
    width: 9px !important;
}
.md\:\[\&\>div\]\:h-\[6px\]>div {
    height: 6px !important;
}	
}	
.\[\&\>div\]\:duration-300>div {
    transition-duration: 300ms !important;
}
.\[\&\>div\]\:delay-\[calc\(75ms\*3\)\]>div {
    transition-delay: calc(75ms* 3) !important;
}
.\[\&\>div\]\:transition-all>div {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 450ms !important;
}
.\[\&\>div\]\:bg-gray-300>div {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(211 215 222 / 1 ) !important;
}
.\[\&\>div\]\:w-\[6px\]>div {
    width: 8px !important;
}
.\[\&\>div\]\:h-1>div {
    height: 0.7rem !important;
}

.gap-1 {
    gap: 0.75rem !important;
}
.flex {
    display: flex !important;
}
.flex-col {
    flex-direction: column !important;
}

.font-medium {
    font-weight: 700 !important;
}


.w-full {
    width: 100% !important;
}
.h-full {
    height: 100% !important;
}
.-z-10 {
    z-index: -10 !important;
}
.top-0 {
    top: 0px !important;
}
.left-0 {
    left: 0px !important;
}
.absolute {
    position: absolute !important;
}

.duration-500 {
    transition-duration: 500ms !important;
}
.transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 450ms !important;
}
.bg-gray-10 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(241 244 248 / 1 ) !important;
}
.scale-x-0 {
    --tw-scale-x: 0 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.origin-left {
    transform-origin: left !important;
}

.hover\:text-blue-black:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(42 45 50 / var(--tw-text-opacity)) !important;
}

.hover\:before\:left-0:hover::before {
  content: var(--tw-content) !important;
  left: 0px !important;
}

.hover\:before\:top-0:hover::before {
  content: var(--tw-content) !important;
  top: 0px !important;
}

.hover\:before\:h-full:hover::before {
  content: var(--tw-content) !important;
  height: 100% !important;
}

.hover\:before\:w-full:hover::before {
  content: var(--tw-content) !important;
  width: 100% !important;
}

.group:hover .group-hover\:left-0 {
  left: 0px !important;
}

.group:hover .group-hover\:w-0 {
  width: 0px !important;
}

.group:hover .group-hover\:w-full {
  width: 100% !important;
}

.group:hover .group-hover\:-translate-y-1 {
  --tw-translate-y: -0.25rem !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:translate-x-\[0\%\] {
  --tw-translate-x: 0% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:translate-x-\[150\%\] {
  --tw-translate-x: 150% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:translate-x-\[300\%\] {
  --tw-translate-x: 300% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:translate-x-\[calc\(150\%\+4px\)\] {
  --tw-translate-x: calc(150% + 4px) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:translate-x-\[calc\(24px\*2\+8px\*2\)\] {
  --tw-translate-x: calc(24px * 2 + 8px * 2) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:translate-x-\[calc\(300\%-8px\*1\.5\)\] {
  --tw-translate-x: calc(300% - 8px * 1.5) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:translate-y-6 {
  --tw-translate-y: 1.5rem !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05 !important;
  --tw-scale-y: 1.05 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:scale-x-100 {
  --tw-scale-x: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:scale-y-100 {
  --tw-scale-y: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.group:hover .group-hover\:bg-gray-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(149 152 157 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1 !important;
}
@media (min-width: 640px) {
	
  .group:hover .sm\:group-hover\:-translate-x-1\/2 {
    --tw-translate-x: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .sm\:group-hover\:translate-x-\[100\%\] {
    --tw-translate-x: 100% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .sm\:group-hover\:translate-x-\[calc\(200\%\+14px\)\] {
    --tw-translate-x: calc(200% + 14px) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .sm\:group-hover\:delay-\[calc\(0ms\)\] {
    transition-delay: calc(0ms) !important;
  }

  .group:hover .sm\:group-hover\:delay-\[calc\(60ms\)\] {
    transition-delay: calc(60ms) !important;
  }

  .group:hover .sm\:group-hover\:delay-\[calc\(60ms\+60ms\)\] {
    transition-delay: calc(60ms + 60ms) !important;
  }

  .group:hover .sm\:group-hover\:delay-\[calc\(60ms\+60ms\+60ms\)\] {
    transition-delay: calc(60ms + 60ms + 60ms) !important;
  }

  .group:hover .sm\:group-hover\:delay-\[calc\(60ms\+60ms\+60ms\+60ms\)\] {
    transition-delay: calc(60ms + 60ms + 60ms + 60ms) !important;
  }
	
	
	
}	
.group:hover .group-hover\:opacity-40 {
  opacity: 0.4 !important;
}

.group:hover .group-hover\:delay-\[0ms\] {
  transition-delay: 0ms !important;
}

.group:hover .group-hover\:delay-\[200ms\] {
  transition-delay: 200ms !important;
}

.group:hover .group-hover\:delay-\[calc\(60ms\+60ms\)\] {
  transition-delay: calc(60ms + 60ms) !important;
}

.group:hover .group-hover\:delay-\[calc\(60ms\+60ms\+60ms\)\] {
  transition-delay: calc(60ms + 60ms + 60ms) !important;
}

.group:hover .group-hover\:delay-\[calc\(60ms\+60ms\+60ms\+60ms\)\] {
  transition-delay: calc(60ms + 60ms + 60ms + 60ms) !important;
}

.group:hover .group-hover\:duration-150 {
  transition-duration: 150ms !important;
}

.group:hover .group-hover\:duration-\[1000ms\] {
  transition-duration: 1000ms !important;
}

.group:hover .group-hover\:duration-\[500ms\] {
  transition-duration: 500ms !important;
}

.group:hover .group-hover\:ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.group:hover .group-hover\:ease-out-expo {
  transition-timing-function: cubic-bezier(.16,1,.3,1) !important;
}
@media (min-width: 768px) {
  .group:hover .md\:group-hover\:-translate-y-\[86px\] {
    --tw-translate-y: -86px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .md\:group-hover\:translate-x-\[0\%\] {
    --tw-translate-x: 0% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .md\:group-hover\:translate-x-\[300\%\] {
    --tw-translate-x: 300% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1 !important;
  }
	
	
}	

.group:hover .group-hover\:\[\&\>div\]\:bg-gray-500>div {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(149 152 157 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:\[\&\>div\]\:delay-\[calc\(0ms\)\]>div {
  transition-delay: calc(0ms) !important;
}

.group:hover .group-hover\:\[\&\>div\]\:delay-\[calc\(75ms\)\]>div {
  transition-delay: calc(75ms) !important;
}

.group:hover .group-hover\:\[\&\>div\]\:delay-\[calc\(75ms\*2\)\]>div {
  transition-delay: calc(75ms * 2) !important;
}

.group:hover .group-hover\:\[\&\>div\]\:delay-\[calc\(75ms\*3\)\]>div {
  transition-delay: calc(75ms * 3) !important;
}
.group:hover .group-hover\:\[\&\>img\]\:delay-\[300ms\]>img {
  transition-delay: 300ms !important;
}
.group:hover .group-hover\:\[\&\>span\]\:scale-x-100>span {
  --tw-scale-x: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.group:hover .group-hover\:\[\&\>svg\]\:rotate-\[12deg\]>svg {
  --tw-rotate: 12deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
/*----------------------------------------------------
  #blog-single:tag-share
--------------------------------------------------- */

.unitContentRelation {
    margin: 64px auto 100px;
}

.unitContentRelation .unitInner:first-child {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
}
.unitContentRelation .unitInner:last-child {
    margin-top: 40px;
}
.unitContentRelation .unitInner {
    width: 800px;
    margin: auto;
    text-align: center;
}

.unitContentRelation .unitSortTab.tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 24px 0 32px;
}

.unitContentRelation dt {
    font-family: 'Arial Black', -apple-system, 'BlinkMacSystemFont' ,sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 24px;
}


.unitContentRelation dl {
    width: 500px;
}
.unitContentRelation dd {
    display: inline-block;
    margin-bottom: 16px;
}

.unitContentRelation .unitSortTab.tag a {
    font-family: "GenShinGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0,0,0,0.45);
    line-height: 1.571;
    margin-right: 12px;
}

.unitContentRelation .itemShare p {
    font-family: 'Arial Black', -apple-system, 'BlinkMacSystemFont' ,sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 24px;
}

.unitContentRelation .itemShare ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.unitContentRelation .itemShare li {
    width: 30px;
    margin: 0 8px;
}


@media screen and (max-width: 767px) {
.unitContentRelation .unitInner {
    width: 100%;
}
.unitContentRelation dl {
    width:94%;
}
	
}	

.related h2 {
    font-family: 'Arial Black', -apple-system, 'BlinkMacSystemFont' ,sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 2;
    margin-bottom: 24px;
	text-align: center;
}

/*----------------------------------------------------
  .sns
--------------------------------------------------- */
.m-de-sns {display: flex;align-items: center;flex-wrap: wrap;}
.m-de-sns__item a {display: block;}

.m-de-sns__item img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

@media screen and (min-width:768px),print {
	.m-de-sns {margin-top: -16px;}
	.m-de-sns__item {width: 25px;margin-top: 16px;}
	.m-de-sns__item:not(:last-child) {margin-right: 16px;}
}


@media screen and (max-width:767px) {
	.m-de-sns {margin-top: -2.93333vw;}
	.m-de-sns__item {width: 12.8vw;margin-top: 2.93333vw;}
	.m-de-sns__item:not(:last-child) {margin-right: 2.93333vw;}
}



/*----------------------------------------------------
  .sns
--------------------------------------------------- */
.u-icon-facebook-circle{line-height:1}
.u-icon-facebook-circle::before{display:inline-block;font-family:icon!important;font-style:normal!important;font-weight:400!important;-webkit-font-feature-settings:normal!important;font-feature-settings:normal!important;font-variant:normal!important;line-height:1;text-transform:none!important;letter-spacing:0;content:url("../images/facebook.png");speak:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.u-icon-facebook{line-height:1}
.u-icon-facebook::before{display:inline-block;font-family:icon!important;font-style:normal!important;font-weight:400!important;-webkit-font-feature-settings:normal!important;font-feature-settings:normal!important;font-variant:normal!important;line-height:1;text-transform:none!important;letter-spacing:0;content:url("../images/facebook.png");speak:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.u-icon-twitter{line-height:1}
.u-icon-twitter::before{display:inline-block;font-family:icon!important;font-style:normal!important;font-weight:400!important;-webkit-font-feature-settings:normal!important;font-feature-settings:normal!important;font-variant:normal!important;line-height:1;text-transform:none!important;letter-spacing:0;content:url("../images/x.png");speak:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.u-icon-line{line-height:1}
.u-icon-line::before{display:inline-block;font-family:icon!important;font-style:normal!important;font-weight:400!important;-webkit-font-feature-settings:normal!important;font-feature-settings:normal!important;font-variant:normal!important;line-height:1;text-transform:none!important;letter-spacing:0;content:url("../images/line.png");speak:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}



.s-artist-single-share__inner{border-top:1px solid #e6e6e6}
.s-artist-single-share__inner{width:100%;margin-right:auto;margin-left:auto}
.c-list-share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.c-list-share--btn>li,.c-list-share>li{line-height:1}
.c-list-share--btn>li>a,.c-list-share>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.c-list-share--btn>li>a i::before,.c-list-share>li>a i::before{display:block}
.c-list-share--btn>li>a{position:relative;color:#fff;background-color:#000}
.c-list-share--btn>li>a i{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.c-list-share--btn>li>a span{font-weight:400;font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","メイリオ",sans-serif}

@media only screen and (min-width:769px){
.u-icon-facebook-circle::before{font-size:0.5rem}
.u-icon-facebook::before{font-size:2rem}
.u-icon-twitter::before{font-size:2rem}
.u-icon-line::before{font-size:2rem}
	
	
	
	
.l-section--head__inner,.l-section__inner{max-width:128rem}	
.s-artist-single-share__inner{padding-top:7.5rem;margin-top:7.5rem}
.s-artist-single-share__inner{max-width:112rem}
.s-artist-single-share__btn{margin-top:4rem}
.c-list-share--btn>li>a,.c-list-share>li>a{-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}
.c-list-share--btn>li>a:hover,.c-list-share>li>a:hover{opacity:.7}
.c-list-share>li>a{width:4rem;height:4rem}
.c-list-share--btn>li>a span{font-size:14px}
.c-list-share--btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.c-list-share--btn{margin-right:-.5rem;margin-left:-.5rem}
.c-list-share--btn>*{padding-right:.5rem;padding-left:.5rem}
.c-list-share--btn>li{width:calc(100% / 3)}
.c-list-share--btn>li>a{padding:1rem}
.c-list-share--btn>li>a i{left:2.5rem}
	
}	
	
@media only screen and (max-width:768px){
.u-icon-facebook-circle::before{font-size:2rem}
.u-icon-facebook::before{font-size:2rem}
.u-icon-twitter::before{font-size:2rem}
.u-icon-line::before{font-size:2rem}

	
	
	
.s-artist-single-share__inner{padding-top:4.5rem;margin-top:4.5rem}	
.s-artist-single-share__btn{margin-top:2.5rem}	
.c-list-share--btn{display:block}
.c-list-share--btn>li{width:100%}
.c-list-share--btn>li:not(:first-child){margin-top:.5rem}
.c-list-share--btn>li>a{padding:1.5rem}
.c-list-share--btn>li>a i{left:2rem}
.c-list-share--btn>li>a span{font-size:14px}
	
	
}	



















.c-post_single__bottom__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: calc(2.44898vw + 20.81633px) 0
}
.c-post_single__bottom__prev {
    width: 33%
}
.c-post_single__bottom__prev a {
    color: #777;
    display: block;
    font-family: Work Sans, sans-serif;
    padding-left: 1em;
    position: relative;
    -webkit-transition: 0.25s;
    transition: 0.25s
}
.c-post_single__bottom__prev a:hover {
    color: #0091ff
}
.c-post_single__bottom__prev a:before {
    background: #e5e5e5;
    border-radius: 9999px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px
}
.c-post_single__bottom__view {
    font-family: Work Sans, sans-serif;
    text-align: center;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    width: 33%
}
.c-post_single__bottom__view svg {
    display: block;
    margin: 0 auto 0.5em
}
.c-post_single__bottom__view:hover {
    color: #0091ff
}
.c-post_single__bottom__next {
    width: 33%
}
.c-post_single__bottom__next a {
    display: block;
    font-family: Work Sans, sans-serif;
    font-weight: 400;
    padding-right: 1em;
    position: relative;
    text-align: right;
    -webkit-transition: 0.25s;
    transition: 0.25s
}
.c-post_single__bottom__next a:hover {
    color: #0091ff
}
.c-post_single__bottom__next a:before {
    background: #0091ff;
    border-radius: 9999px;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px
}