@charset "utf-8";

#mainfunction{
	z-index: 1;
	background: #FFF;
	overflow: hidden;
	position: relative;
	
}

/*----------------------------------------------------
  .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}
}
.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}
@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;
max-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:#006AB8;
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 p{font-size:14px;
line-height:1.54}
.blog-single__body p+p{margin-top:1.4em}
font-size:1.8rem;
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:500!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{top:.5em;
left:0;
position:absolute;
content:'';
display:inline-block;
}
.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 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;
}
.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: #47BEA0; /* 通常の背景色 */
}
.pagination a:hover{
	color: #47BEA0; /* マウスホバー時の文字色 */
	background: #F9D635; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	color: #47BEA0; /* 現在のページの文字色 */
        background: #F9D635; /* 現在のページの背景色 */
}
@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;
}
}