@charset "utf-8";

/* シェア・カテゴリ
=============================================================================*/
.bloglist {
    display: block
}
.bloglist-item {
    border-bottom: 1px solid #ddd
}
.bloglist-item-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 0;
    color: inherit
}
@media screen and (max-width:768px) {
    .bloglist-item-inner {
        padding: 12px 10px 0
    }
	.bloglist-item a {
    color: #000;
}

}
.bloglist-media {
    -webkit-flex-basis: 240px;
    -ms-flex-preferred-size: 240px;
    flex-basis: 240px
}
@media screen and (max-width:768px) {
    .bloglist-media {
        -webkit-flex-basis: 105px;
        -ms-flex-preferred-size: 105px;
        flex-basis: 105px;
        padding-bottom: 45px
    }
}
.bloglist-content {
    -webkit-flex-basis: 591px;
    -ms-flex-preferred-size: 591px;
    flex-basis: 591px;
    position: relative;
    margin: 0 0 0 30px;
    padding: 0 0 56px
}
@media screen and (max-width:768px) {
    .bloglist-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: initial;
        margin-left: 14px;
        padding: 0 0 33px
    }
}
.bloglist-date {
    display: block;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.17em;
    color: #666;
	margin-bottom: 15px;
}
@media screen and (max-width:768px) {
    .bloglist-date {
        font-size: 10px;
		margin-bottom: 0px;
    }
}
.bloglist-title {
    margin-top: 7px;
	font-size: 24px;
    line-height: 1.4;	
}
@media screen and (max-width:768px) {
    .bloglist-title {
        margin-top: 3px;
        font-size: 12px
    }
}
.bloglist-group a,
.bloglist-title a {
    color: inherit
}
.bloglist-group {
    margin: 10px 0 0;
    font-size: 13px;
    letter-spacing: 0.07em;
    color: #005ca7
}
@media screen and (max-width:768px) {
    .bloglist-group {
        display: none
    }
}
.bloglist-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%
}
@media screen and (max-width:768px) {
    .bloglist-footer {
        bottom: 10px;
        padding: 0 10px
    }
}
.bloglist-footer .author {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.bloglist-footer .like {
    margin: 0 0 0 18px
}
.bloglist-button {
    margin-top: 42px
}
@media screen and (max-width:768px) {
    .bloglist-button {
        margin-top: 20px;
        padding: 0 20px
    }
}



a:hover .media-inner:after {
    opacity: .25
}
.media,
.media-inner {
    position: relative;
    display: block
}
.media-inner {
    overflow: hidden
}
.media-inner:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #181818;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease
}
.media-image {
    width: 100%;
    height: auto;
    padding-top: 66.67%;
    background-color: #ddd;
    background-size: cover;
    background-position: center;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease
}
@media screen and (max-width:768px) {
    .media-image {
        height: auto;
        padding-top: 67%
    }
}
a:hover .media-image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.media-list {
    width: 100%;
    height: auto;
    padding-top: 66.67%;
	border-radius: 10px;
}
@media screen and (max-width:768px) {
    .media-list {
        width: 100%;
        height: auto;
        padding-top: 66.7%
    }
}
.author {
    display: inline-block
}
.author,
.author a {
    color: inherit
}
.author-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.author-line .author-image {
    margin: 0;
    -webkit-flex-basis: 46px;
    -ms-flex-preferred-size: 46px;
    flex-basis: 46px;
    max-width: 46px
}
@media screen and (max-width:768px) {
    .author-line .author-image {
        -webkit-flex-basis: 22.5px;
        -ms-flex-preferred-size: 22.5px;
        flex-basis: 22.5px;
        max-width: 22.5px;
        width: 22.5px;
        height: 22.5px;
        border-width: 1px
    }
}
.author-line .author-name {
    margin: 0 0 0 10px
}
@media screen and (max-width:768px) {
    .author-line-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .author-line-mobile .author-image {
        margin: 0;
        -webkit-flex-basis: 22.5px;
        -ms-flex-preferred-size: 22.5px;
        flex-basis: 22.5px;
        max-width: 22.5px;
        width: 22.5px;
        height: 22.5px;
        border-width: 1px
    }
    .author-line-mobile .author-name {
        margin: 0 0 0 10px
    }
}
.author-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (max-width:768px) {
    .author-single {
        margin-left: 0
    }
}














#mainfunction{
	z-index: 1;
	background: #FFF;
	overflow: hidden;
	position: relative;
	margin-top: 40px;
	
}
/*----------------------------------------------------
  #blog-header__item
--------------------------------------------------- */


.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: #00a0e9;
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}
}
@media (min-width:900px){
	.cat-list{padding-top:5px}
	.month-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}
.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}


.month-list li{border-bottom:1px solid #f0f0f0}
.month-list li{
	font-size: 14px;
    line-height: 1.5;
	padding-left: 3px;
    font-weight: 500!important;
}
.month-list li a{text-decoration:none;
display:block;
padding:7px 0 11px}
.month-list li 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}
}

/* ページ分割 */


.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;}
.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:5px}
.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:5px}
.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;
}
}