@charset "utf-8";

/*  
Theme Name: Style-C
Theme URI: https://www.style-c1.com/blog/
Description: A theme by Style-C.
Version: 1.0
Author: Style-C
Author URI: https://www.style-c1.com/
*/

/******************

 Reset

******************/

html {font-size: 62.5%; color: #000; background: #fff;}
body { font-size: 15px; font-size: 1.5rem;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,
p,blockquote,th,td {margin: 0;padding: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-style: inherit;font-weight:inherit;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;	font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
hr {margin:0;}
img {vertical-align: bottom;}
a { outline: none; }

img[src$=".svg"] {
    width: 100%;
}

/*because legend doesn't inherit in IE */
legend {color: #000;}
input,button,textarea,select,optgroup,option {font-family: inherit;font-size:inherit;font-style:inherit;font-weight: inherit;}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select {*font-size: 100%;}

/******************************/
/* Clearfix */
.clearfix:after,.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {}
.clearfix {display: block;}
/* End hide from IE-Mac */
/**tag**************************/
.clearfix {overflow:hidden;}

a {
	text-decoration: none;
}

a:hover {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
 
a {
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}

a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}

img {
	vertical-align: bottom;
	line-height: 0;
	max-width: 100%;
	height: auto;
}

html{
	width: 100%;
	height: 100%;
	background: #fff;
	scroll-behavior: smooth;
}

body{
	width: 100%;
	min-width: 1000px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #2a2a2a;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

a{text-decoration:none;}
a:hover{text-decoration:none;}

a:link { color: #3333ff;}
a:visited { color: #3333ff;}
a:hover { color: #3333ff;}
a:active { color: #3333ff;}

img{ border: 0px; vertical-align: bottom;}



/**********************

 Header

***********************/

header#pc{
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border-top: 8px #1f225f solid;
	border-bottom: 1px #1f225f solid;
}

header#pc .h-area{
	width: 980px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

header#pc .h-area .site-t{
	font-size: 1.3rem;
	line-height: 1.1;
	font-weight: 900;
	color: #1a1a1a;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 34px;
	left: 202px;
}

header#pc .h-area #logo{
	width: 168px;
	margin: 0;
	padding: 12px 0;
}


header#pc .h-area #logo img{
	width: 100%;
}

header#pc .h-area #mailmag{
	width: 214px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	right: 4px;
}

header#pc .h-area #mailmag img{
	width: 100%;
	margin: 0;
	padding: 1px;
	border: 1px #131879 solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius-ie8.htc);
}

header#pc .h-area #gnav{
	width: 564px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 68px;
	left: 202px;
}

header#pc .h-area #gnav ul.nav-list{
	width: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

header#pc .h-area #gnav ul.nav-list li{
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.1;
	font-weight: 900;
	margin: 0 0 0 34px;
	padding: 0;
}

header#pc .h-area #gnav ul.nav-list li:first-child{
	margin: 0 0 0 0;
}

header#pc .h-area #gnav ul.nav-list li a{
	color: #5a5a5a;
	margin: 0;
	padding: 0 0 0 1em;
	background: url(/img/common/arrow.svg) 0 .15rem no-repeat;
	background-size: auto auto;
	background-size: 10px;
}

header#sp{
	display: none;
}



/**********************

 Footer

***********************/


footer#pc-f{
	width: 100%;
	min-width: 980px;
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
	color: #fff;
	background: #1f225f;
	margin: 55px 0 0;
	padding: 34px 0 24px;
}

footer#pc-f .logo{
	width: 168px;
	margin: 0 auto;
	padding: 0;
}

footer#pc-f .logo img{
	width: 100%;
}

footer#pc-f .company{
	text-align: center;
	font-size: 13px;
	line-height: 1.1;
	font-weight: 100;
	color: #fff;
	margin: 21px 0 0;
	padding: 0;
}

footer#pc-f .company span{
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

footer#pc-f .copy{
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
	color: #9297bb;
	margin: 34px 0 0;
	padding: 0;
}

footer#sp-f{
	display: none;
}


/**********************

 Blog

***********************/

#contents-blog{
	width: 100%;
	text-align: left;
	background: #f3f4f8;
	margin: 0;
	border-bottom: 1px #1f225f solid;
}

#contents-blog #blogtitle-wrap{
	width: 980px;
	height: 143px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background-image: url(/img/blog/ttl-bg.png);
	background-position: 100% center;
	background-size: 44rem auto;
	background-repeat: no-repeat;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

#contents-blog #blogtitle-wrap h1, #contents-blog #blogtitle-wrap .blog-title{
	font-size: 3.4rem;
	line-height: 1;
	font-weight: 900;
	color: #1b2b78;
	letter-spacing: .024em;
	margin: 0;
}

#contents-blog #blogtitle-wrap h1 span.eng, #contents-blog #blogtitle-wrap .blog-title span.eng{
	display: block;
	font-family: 'Cabin', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3rem;
	line-height: 1.3;
	font-weight: 400;
	color: #5a5a5a;
	letter-spacing: .15em;
	margin: .5rem 0 0 .24em;
}

#contents-blog #blogtitle-wrap h1 a, #contents-blog #blogtitle-wrap .blog-title a{
	display: inline-block;
	color: #1b2b78;
}

.fv-bn{
	width: 980px;
	margin: 0 auto;
	padding: 1.95rem 0 0;
}

.fv-bn ul.fvbn-list{
	margin: 0;
}

.fv-bn ul.fvbn-list li{
	width: 100%;
	margin: 0;
}

.fv-bn ul.fvbn-list li + li{
	width: 100%;
	margin: 1.95rem 0 0;
}

.path{
	width: 100%;
	text-align: left;
	margin: 0;
}

.path .path-inner{
	width: 980px;
	margin: 0 auto;
	padding: 1.5em 0 .78em;
}

.path .path-inner ol.path-list{
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-startr;
	justify-content: flex-start;
}

.path .path-inner ol.path-list li{
	font-size: 1.1rem;
	line-height: 1;
	padding: 0 .75em 0 0;
}

.path .path-inner ol.path-list li a{
	color: #2a2a2a;
	padding: 0 1.25em 0 0;
	background-image: url(/img/blog/arrow.svg);
	background-position: right .13rem;
	background-size: .52rem auto;
	background-repeat: no-repeat;
}

#blog-top{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 3.95rem 0 7.8rem;
	font-weight: 100;
	letter-spacing: .032em;
}

#blog-top h2{
	position: relative;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .052em;
	padding: 0 0 3.9rem;
	margin: 0;
}

#blog-top h2::before{
	content: "";
	display: block;
	height: 0.15rem;
	max-width: 5.46rem;
	background: #2a2a2a;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#blog-top ol.newpost-list{
	margin: 0 0 0 -34px;
	padding: 5.2rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#blog-top ol.newpost-list li{
	width: 304px;
	letter-spacing: .032em;
	margin: 34px 0 0 34px;
}

#blog-top ol.newpost-list li a{
	display: block;
	color: #2a2a2a;
}

#blog-top ol.newpost-list li .newpost-thumb{
	width: 304px;
	height: auto;
	text-align: center;
}

#blog-top ol.newpost-list li .newpost-thumb figure{
	margin: 0 auto;
}

#blog-top ol.newpost-list li .newpost-thumb figure img{
	max-height: 161px;
	width: auto;
}

#blog-top ol.newpost-list li .newpost-category{
	text-align: left;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.3;
	font-weight: 400;
	padding: 1.4rem 0 .54rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#blog-top ol.newpost-list li .newpost-category i{
	font-size: 1.2rem;
	line-height: 1.3;
	margin: 0 .5em 0 0;
}

#blog-top ol.newpost-list li .newpost-category .select-category{
	width: 284px;
	margin: 0;
}

#blog-top ol.newpost-list li .newpost-category .select-category ul.select-category-list{
	margin: 0 0 0 -.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#blog-top ol.newpost-list li .newpost-category .select-category ul.select-category-list li{
	display: inline-block;
	width: auto;
	margin: 0 0 0 .5em;
}

#blog-top ol.newpost-list li .newpost-title{
	text-align: left;
	width: 100%;
	font-size: 1.55rem;
	line-height: 1.4;
	font-weight: 600;
	padding: 0;
}

#blog-top ol.newpost-list li:nth-child(1){
	width: 473px;
	letter-spacing: .032em;
	margin: 0 0 0 34px;
}

#blog-top ol.newpost-list li:nth-child(2){
	width: 473px;
	letter-spacing: .032em;
	margin: 0 0 0 34px;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-thumb, #blog-top ol.newpost-list li:nth-child(2) .newpost-thumb{
	width: 473px;
	height: auto;
	text-align: center;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-thumb figure, #blog-top ol.newpost-list li:nth-child(2) .newpost-thumb figure{
	margin: 0 auto;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-thumb figure img, #blog-top ol.newpost-list li:nth-child(2) .newpost-thumb figure img{
	max-height: 250px;
	width: auto;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-category, #blog-top ol.newpost-list li:nth-child(2) .newpost-category{
	text-align: left;
	width: 100%;
	font-size: 1.45rem;
	line-height: 1.3;
	font-weight: 400;
	padding: 1.6rem 0 .63rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-category i, #blog-top ol.newpost-list li:nth-child(2) .newpost-category i{
	font-size: 1.45rem;
	line-height: 1.3;
	margin: 0 .5em 0 0;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-category .select-category, #blog-top ol.newpost-list li:nth-child(2) .newpost-category .select-category{
	margin: 0;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-category .select-category ul.select-category-list, #blog-top ol.newpost-list li:nth-child(2) .newpost-category .select-category ul.select-category-list{
	margin: 0 0 0 -.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-category .select-category ul.select-category-list li, #blog-top ol.newpost-list li:nth-child(2) .newpost-category .select-category ul.select-category-list li{
	display: inline-block;
	width: auto;
	margin: 0 0 0 .5em;
}

#blog-top ol.newpost-list li:nth-child(1) .newpost-title, #blog-top ol.newpost-list li:nth-child(2) .newpost-title{
	text-align: left;
	width: 100%;
	font-size: 1.93rem;
	line-height: 1.4;
	font-weight: 600;
	padding: 0 0 1.6rem;
}

.all-articles{
	width: 980px;
	margin: 0 auto;
	padding: 0 0 7.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.all-articles a{
	display: inline-block;
	font-size: 2.0rem;
	line-height: 1;
	font-weight: 600;
	color: #1f225f;
	border: .1rem #1f225f solid;
	padding: .75em 3em;
	margin: 0;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
}

.all-articles i{
	margin: 0 .5em 0 0;
}



.post{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 3.95rem 0 0;
	font-weight: 100;
	letter-spacing: .032em;
}

.post .edit{
	font-size: 1.3rem;
	line-height: 1.3;
	margin: 0;
	padding: 0 0 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.post .edit i{
	font-size: 1.3rem;
	line-height: 1.3;
	margin: 0 .5em 0 0;
}

.post .edit .select-category{
	width: 95.8rem;
	margin: 0;
}

.post .edit .select-category ul.select-category-list{
	margin: 0 0 0 -.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.post .edit .select-category ul.select-category-list li{
	display: inline-block;
	width: auto;
	margin: 0 0 0 .5em;
}

.post .edit a{
	display: inline-block;
	color: #2a2a2a;
}

.post h1{
	font-size: 36px;
	line-height: 1.3;
	font-weight: 900;
	margin: 0;
	padding: 0 0 5.2rem;
}

.post .post-image{
	width: 90%;
	text-align: center;
	margin: 0 auto;
}

.post .post-image img{
	width: auto;
	max-height: 466px;
}

.post .post-read{
	width: 980px;
	letter-spacing: .028em;
	margin: 0 auto;
	padding: 6.4rem 0 0;
}

.post .post-read p{
	font-size: 1.6rem;
	line-height: 2;
	margin: 0;
	padding: 0 0 2.44rem;
}

.post .post-read p strong{
	font-weight: bold;
}

.post .post-read p img{
	display: block;
	margin: 0 auto;
}

.post .post-read h2{
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: 700;
	background: #f1f3f5;
	border-left: 5px solid #1b2b78;
	padding: 2.0rem 2.0rem 2.0rem 3.2rem;
	margin: 3.2em 0 1.9em;
}

.post .post-read h3{
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: 700;
	border-bottom: 2px solid #1b2b78;
	padding: 1.0rem 0;
	margin: 2.5em 0 1.9em;
}

.post .post-read h4{
	display: inline-block;
	font-size: 2.0rem;
	line-height: 1.5;
	font-weight: 700;
	color: #1b2b78;
	background: #f1f3f5;
	border-radius: .32rem;
	margin: 2.5em 0 .95em;
	padding: .5em 1.25em .35em;
}

.post .post-read h5{
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 700;
	margin: 2.5em 0 .95em;
}

.post .post-read h6{
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 700;
	margin: 2.5em 0 .95em;
}

.post .post-read pre{
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 2.5em 0;
	padding: 1em 1.5em;
	background: #f1f3f5;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
}

.post .post-read a{
	font-weight: 600;
}

.post .edit-category{
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 3.9rem 0 2.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.post .edit-category i{
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0 .5em 0 0;
}

.post .edit-category .select-category{
	width: 95.2rem;
	margin: 0;
}

.post .edit-category .select-category ul.select-category-list{
	margin: 0 0 0 -.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.post .edit-category .select-category ul.select-category-list li{
	display: inline-block;
	width: auto;
	margin: 0 0 0 .5em;
}

.post .edit-category a{
	display: inline-block;
	color: #2a2a2a;
}

.post .edit-days{
	font-size: 1.1rem;
	line-height: 1;
	padding: 0 0 6.9rem;
}

.post .err-404{
	text-align: center;
	font-size: 3.2rem;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: .052em;
	padding: 0;
}

.post .err{
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: .052em;
	padding: 0 0 6.9rem;
}

.bv-bn{
	width: 980px;
	margin: 0 auto;
	padding: 0 0 7.4rem;
}

.bv-bn ul.bvbn-list{
	margin: 0;
}

.bv-bn ul.bvbn-list li{
	width: 100%;
	margin: 0;
}

.bv-bn ul.bvbn-list li + li{
	width: 100%;
	margin: 1.95rem 0 0;
}

.related-post, .popular-post{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	background: #f1f3f5;
	margin: 0;
}

.related-post .related-inner, .popular-post .popular-inner{
	width: 980px;
	margin: 0 auto;
	padding: 5.4rem 0;
}

.related-post h2, .popular-post h2{
	position: relative;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .052em;
	padding: 0 0 3.9rem;
	margin: 0;
}

.related-post h2::before, .popular-post h2::before{
	content: "";
	display: block;
	height: 0.15rem;
	max-width: 5.46rem;
	background: #2a2a2a;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.related-post .related-contents, .popular-post .popular-contents{
	padding: 5.2rem 0 0;
	margin: 0;
}

.related-post .related-contents ul.related-contents-list, .popular-post .popular-contents ul.popular-contents-list{
	margin: -34px 0 0 -34px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.related-post .related-contents ul.related-contents-list li, .popular-post .popular-contents ul.popular-contents-list li{
	width: 304px;
	letter-spacing: .032em;
	margin: 34px 0 0 34px;
}

.related-post .related-contents ul.related-contents-list li a, .popular-post .popular-contents ul.popular-contents-list li a{
	display: block;
	color: #2a2a2a;
}

.related-post .related-contents ul.related-contents-list li .related-thumb, .popular-post .popular-contents ul.popular-contents-list li .popular-thumb{
	width: 304px;
	height: auto;
}

.related-post .related-contents ul.related-contents-list li .related-thumb figure, .popular-post .popular-contents ul.popular-contents-list li .popular-thumb figure{
	margin: 0 auto;
}

.related-post .related-contents ul.related-contents-list li .related-thumb figure img, .popular-post .popular-contents ul.popular-contents-list li .popular-thumb figure img{
	max-height: 161px;
	width: auto;
}

.related-post .related-contents ul.related-contents-list li .related-post-category, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category{
	text-align: left;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.3;
	font-weight: 200;
	padding: 1.4rem 0 .54rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.related-post .related-contents ul.related-contents-list li .related-post-category i, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category i{
	font-size: 1.2rem;
	line-height: 1.3;
	margin: 0 .5em 0 0;
}

.related-post .related-contents ul.related-contents-list li .related-post-category .select-category, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category .select-category{
	width: 28.4rem;
	margin: 0;
}

.related-post .related-contents ul.related-contents-list li .related-post-category .select-category ul.select-category-list, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category .select-category ul.select-category-list{
	margin: 0 0 0 -.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.related-post .related-contents ul.related-contents-list li .related-post-category .select-category ul.select-category-list li, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category .select-category ul.select-category-list li{
	display: inline-block;
	width: auto;
	margin: 0 0 0 .5em;
}

.related-post .related-contents ul.related-contents-list li .related-post-title, .popular-post .popular-contents ul.popular-contents-list li .popular-post-title{
	text-align: left;
	width: 100%;
	font-size: 1.55rem;
	line-height: 1.4;
	font-weight: 600;
	padding: 0;
}

.all-category{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 5.4rem 0 0;
}

.all-category h3{
	position: relative;
	display: inline-block;
	text-align: left;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .024em;
	padding: .15em .75em 0;
	margin: 0;
}

.all-category h3:before, .all-category h3:after{ 
	position: absolute;
	top: 0;
	content:'';
	width: 5px;
	height: 100%;
	display: inline-block;
}

.all-category h3:before{
	border-left: solid 1px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	left: 0;
}

.all-category h3:after{
	content: '';
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	right: 0;
}

.all-category .all-category-contents{
	margin: 0;
}

.all-category .all-category-contents ul.all-category-list{
	margin: 0 0 0 -21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.all-category .all-category-contents ul.all-category-list li{
	margin: 21px 0 0 21px;
}

.all-category .all-category-contents ul.all-category-list li a{
	display: block;
	font-size: 1.4rem;
	line-height: 1.3;
	font-weight: 600;
	color: #2a2a2a;
	background: #f1f3f5;
	padding: .5em 1.5em;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
}

.all-category .archive{
	margin: 5.4rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.all-category .archive a{
	display: inline-block;
	font-size: 1.55rem;
	line-height: 1.3;
	font-weight: 600;
	color: #1f225f;
	border: .1rem #1f225f solid;
	padding: .5em 1.5em;
	margin: 0;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
}

.all-category .archive i{
	margin: 0 .5em 0 0;
}

#articles{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 3.95rem 0 7.8rem;
	font-weight: 100;
	letter-spacing: .032em;
}

#articles h1{
	position: relative;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .052em;
	padding: 0 0 9.0rem;
	margin: 0;
}

#articles h1::before{
	content: "";
	display: block;
	height: 0.15rem;
	max-width: 5.46rem;
	background: #2a2a2a;
	position: absolute;
	bottom: 5.2rem;
	left: 0;
	right: 0;
	margin: auto;
}


#articles ol.articles-list{
	margin: -34px 0 0 -34px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#articles ol.articles-list li{
	width: 304px;
	letter-spacing: .032em;
	margin: 34px 0 0 34px;
}

#articles ol.articles-list li a{
	display: block;
	color: #2a2a2a;
}

#articles ol.articles-list li .articles-thumb{
	width: 304px;
	height: auto;
	text-align: center;
}

#articles ol.articles-list li .articles-thumb figure{
	margin: 0 auto;
}

#articles ol.articles-list li .articles-thumb figure img{
	max-height: 161px;
	width: auto;
}

#articles ol.articles-list li .articles-category{
	text-align: left;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.3;
	font-weight: 200;
	padding: 1.4rem 0 .54rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#articles ol.articles-list li .articles-category i{
	font-size: 1.2rem;
	line-height: 1.3;
	margin: 0 .5em 0 0;
}

#articles ol.articles-list li .articles-category .select-category{
	width: 284px;
	margin: 0;
}

#articles ol.articles-list li .articles-category .select-category ul.select-category-list{
	margin: 0 0 0 -.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#articles ol.articles-list li .articles-category .select-category ul.select-category-list li{
	display: inline-block;
	width: auto;
	margin: 0 0 0 .5em;
}

#articles ol.articles-list li .articles-title{
	text-align: left;
	width: 100%;
	font-size: 1.55rem;
	line-height: 1.4;
	font-weight: 600;
	padding: 0;
}

#archives{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 3.95rem 0 7.8rem;
	font-weight: 100;
	letter-spacing: .032em;
}

#archives h1{
	position: relative;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .052em;
	padding: 0 0 9.0rem;
	margin: 0;
}

#archives h1::before{
	content: "";
	display: block;
	height: 0.15rem;
	max-width: 5.46rem;
	background: #2a2a2a;
	position: absolute;
	bottom: 5.2rem;
	left: 0;
	right: 0;
	margin: auto;
}

#archives .archive-category{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 0 0 5.4rem;
}

#archives h2{
	position: relative;
	display: inline-block;
	text-align: left;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .024em;
	padding: .15em .75em 0;
	margin: 0;
}

#archives h2:before, #archives h2:after{ 
	position: absolute;
	top: 0;
	content:'';
	width: 5px;
	height: 100%;
	display: inline-block;
}

#archives h2:before{
	border-left: solid 1px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	left: 0;
}

#archives h2:after{
	content: '';
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	right: 0;
}

#archives .archive-category .archive-category-contents{
	margin: 0;
}

#archives .archive-category .archive-category-contents ul.archive-category-list{
	margin: 0 0 0 -21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#archives .archive-category .archive-category-contents ul.archive-category-list li{
	margin: 21px 0 0 21px;
}

#archives .archive-category .archive-category-contents ul.archive-category-list li a{
	display: block;
	font-size: 1.4rem;
	line-height: 1.3;
	font-weight: 600;
	color: #2a2a2a;
	background: #f1f3f5;
	padding: .5em 1.5em;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
}

#archives .archive-date{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#archives .archive-date .archive-date-contents{
	margin: 0;
}

#archives .archive-date .archive-date-contents ul.archive-date-list{
	margin: 0 0 0 -21px;
}

#archives .archive-date .archive-date-contents ul.archive-date-list li{
	margin: 21px 0 0 21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

#archives .archive-date .archive-date-contents ul.archive-date-list li ul{
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#archives .archive-date .archive-date-contents ul.archive-date-list li ul li{
	margin: 0 0 0 18px;
}

#archives .archive-date .archive-date-contents ul.archive-date-list li a{
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.3;
	font-weight: 600;
	color: #2a2a2a;
	background: #f1f3f5;
	padding: .5em 1.5em;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
}

#archives .archive-date .archive-date-contents ul.archive-date-list li ul li a{
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.3;
	font-weight: 600;
	color: #2a2a2a;
	background: #f1f3f5;
	padding: .5em 1em;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
}

#archives .archive-search{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 0 0 5.4rem;
}

#archives .archive-search #search-form{
	width: 374px;
	display: block;
	position: relative;
	margin: 21px 0 0;
}

#archives .archive-search #s{
	width: 100%;
	font-size: 1.8rem;
	line-height: 1.1;
	font-weight: 600;
	padding: .5em 2em .5em .5em;
	border-top: none;
	border-bottom: 1px #8a8a8a solid;
	border-right: none;
	border-left: none;
}

::-webkit-input-placeholder {
	color: #737477;
}
:-ms-input-placeholder {
	color: #737477;
}
::placeholder{
	color: #737477;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus:-ms-input-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}

#archives .archive-search #search-B{
	width: 21px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	behavior: url(border-radius-ie8.htc);
	position: absolute;
	top: .9rem;
	right: -2.8em;
}

#archives .archive-search #search-B:hover{
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
 
#archives .archive-search #search-B{
	-webkit-transition: opacity 0.15s ease-out;
	-moz-transition: opacity 0.15s ease-out;
	-ms-transition: opacity 0.15s ease-out;
	transition: opacity 0.15s ease-out;
}

.pagelink-sp{
	display: none;
}

.st-pagelink{
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.st-pagelink ul.page-numbers{
	margin: 7.8rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.st-pagelink ul.page-numbers li{
	margin: 0;
}

.st-pagelink ul.page-numbers li + li{
	margin: 0 0 0 .75rem;
}

.st-pagelink ul.page-numbers li a{
	display: inline-block;
	width: 4.0rem;
	height: 4.0rem;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3rem;
	line-height: 1;
	font-weight: 400;
	letter-spacing: -.05em;
	color: #2a2a2a;
	background: #f1f3f5;
	-moz-border-radius: 2.0rem;
	-webkit-border-radius: 2.0rem;
	border-radius: 2.0rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

.st-pagelink ul.page-numbers li span{
	display: inline-block;
	width: 4.0rem;
	height: 4.0rem;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3rem;
	line-height: 1;
	font-weight: 400;
	color: #2a2a2a;
	background: #fff;
	-moz-border-radius: 2.0rem;
	-webkit-border-radius: 2.0rem;
	border-radius: 2.0rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

#f-page{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	padding: 3.95rem 0 7.8rem;
	font-weight: 100;
	letter-spacing: .032em;
}

#f-page h1{
	position: relative;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 500;
	letter-spacing: .052em;
	padding: 0 0 9.0rem;
	margin: 0;
}

#f-page h1::before{
	content: "";
	display: block;
	height: 0.15rem;
	max-width: 5.46rem;
	background: #2a2a2a;
	position: absolute;
	top: 6.1rem;
	left: 0;
	right: 0;
	margin: auto;
}

#f-page .fpage-contents{
	width: 100%;
	letter-spacing: .028em;
	margin: 0 auto;
	padding: 0;
}

#f-page .fpage-contents p{
	font-size: 1.6rem;
	line-height: 2;
	margin: 0;
	padding: 0 0 2.44rem;
}

#f-page .fpage-contents p img{
	display: block;
	margin: 0 auto;
}

#f-page .fpage-contents h2{
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: 700;
	background: #f1f3f5;
	border-left: 5px solid #1b2b78;
	padding: 2.0rem 2.0rem 2.0rem 3.2rem;
	margin: 3.2em 0;
}

#f-page .fpage-contents h3{
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: 700;
	border-bottom: 2px solid #1b2b78;
	padding: 1.0rem 0;
	margin: 2.5em 0;
}

#f-page .fpage-contents h4{
	font-size: 2.0rem;
	line-height: 1.5;
	font-weight: 700;
	color: #1b2b78;
	margin: 2.5em 0;
}

#f-page .fpage-contents h5{
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 700;
	margin: 2.5em 0;
}

#f-page .fpage-contents h6{
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 700;
	margin: 2.5em 0;
}

#f-page .fpage-contents pre{
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 2.5em 0;
	padding: 1em 1.5em;
	background: #f1f3f5;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
}



/**************************************************************************************************************

 Smart Phone

***************************************************************************************************************/

@media screen and ( max-width:769px )
{

	html{
		width: 100%;
		background: #fff;
	}

	body{
		width: 100%;
		min-width: 100%;
		color: #2a2a2a;
		text-align: left;
		line-height: 1.5;
		padding: 0;
		margin: 0;
		background: #fff;
		-webkit-text-size-adjust: none;
		-webkit-font-smoothing: antialiased;
	}

	img{
		max-width: 100%;
		border: 0px;
		vertical-align: bottom;
	}

	a:hover {
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	}

	a:hover img {
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	}

	header#pc{
		display: none;
	}

	header#sp{
		display: block;
		width: 100%;
		background: #fff;
		margin: 0;
		padding: 0;
	}

	header#sp{
		width: 100%;
		margin: 0;
		padding: 3% 0;
		border-top: 0.8vw #1f225f solid;
		border-bottom: 0.4vw #1f225f solid;
	}

	header#sp #h_container{
		width: 98%;
		margin: 0 auto;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: space-between;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}

	header#sp #h_container #sp-logo{
		width: 54%;
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: space-between;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}

	header#sp #h_container #sp-logo .logo-m{
		width: 45%;
		margin: 0;
		padding: 0;
	}

	header#sp #h_container #sp-logo .logo-m img{
		width: 100%;
	}

	header#sp #h_container #sp-logo .site-h1{
		width: 52%;
		margin: 0;
		padding: 0;
	}

	header#sp #h_container #sp-logo .site-h1 .site-t{
		width: 100%;
		font-size: 2.25vw;
		line-height: 1.5;
		font-weight: 900;
		color: #1a1a1a;
		margin: 0;
		padding: 0;
	}

	header#sp #h_container #app{
		width: 45%;
		margin: 0;
		padding: 0;
	}


/**********************

 Blog

***********************/

	#contents-blog{
		width: 100%;
		text-align: left;
		background: #f3f4f8;
		margin: 0;
		border-bottom: 0.3vw #1f225f solid;
	}

	#contents-blog #blogtitle-wrap{
		width: 100%;
		height: 24vw;
		text-align: left;
		margin: 0 auto;
		padding: 0;
		background-image: url(/img/blog/ttl-bg-sp.png);
		background-position: 180% -11vw;
		background-size: 78vw auto;
		background-repeat: no-repeat;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}

	#contents-blog #blogtitle-wrap h1, #contents-blog #blogtitle-wrap .blog-title{
		width: 92%;
		font-size: 5.6vw;
		line-height: 1.3;
		font-weight: 900;
		color: #1b2b78;
		letter-spacing: .024em;
		margin: 0 auto;
	}

	#contents-blog #blogtitle-wrap h1 span.eng, #contents-blog #blogtitle-wrap .blog-title span.eng{
		display: block;
		font-family: 'Cabin', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 2.2vw;
		line-height: 1;
		font-weight: 400;
		color: #5a5a5a;
		letter-spacing: .15em;
		margin: .5rem 0 0 .24em;
	}

	#contents-blog #blogtitle-wrap h1 a, #contents-blog #blogtitle-wrap .blog-title a{
		display: inline-block;
		color: #1b2b78;
	}

	.fv-bn{
		width: 92%;
		margin: 0 auto;
		padding: 2.4vw 0 0;
	}

	.fv-bn ul.fvbn-list{
		margin: 0;
	}

	.fv-bn ul.fvbn-list li{
		width: 100%;
		margin: 0;
	}

	.fv-bn ul.fvbn-list li + li{
		width: 100%;
		margin: 2.4vw 0 0;
	}

	.path{
		width: 100%;
		text-align: left;
		margin: 0;
	}

	.path .path-inner{
		width: 92%;
		margin: 0 auto;
		padding: 3.2vw 0 0;
	}

	.path .path-inner ol.path-list{
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-startr;
		justify-content: flex-start;
	}

	.path .path-inner ol.path-list li{
		font-size: 2.4vw;
		line-height: 1.5;
		padding: 0 .75em 0 0;
	}

	.path .path-inner ol.path-list li a{
		color: #2a2a2a;
		padding: 0 1.25em 0 0;
		background-image: url(/img/blog/arrow.svg);
		background-position: right .25vw;
		background-size: 1.15vw auto;
		background-repeat: no-repeat;
	}

	#blog-top{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 92%;
		margin: 0 auto;
		padding: 8.2vw 0 12.2vw;
		font-weight: 100;
		letter-spacing: .032em;
	}

	#blog-top h2{
		position: relative;
		text-align: center;
		font-size: 5.0vw;
		line-height: 1;
		font-weight: 600;
		letter-spacing: .052em;
		padding: 0 0 14.8vw;
		margin: 0;
	}

	#blog-top h2::before{
		content: "";
		display: block;
		height: 0.15rem;
		max-width: 5.46rem;
		background: #2a2a2a;
		position: absolute;
		bottom: 8.7vw;
		left: 0;
		right: 0;
		margin: auto;
	}

	#blog-top ol.newpost-list{
		margin: 0 0 0 -6%;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#blog-top ol.newpost-list li{
		width: 44%;
		letter-spacing: .032em;
		margin: 8.2vw 0 0 6%;
	}

	#blog-top ol.newpost-list li a{
		display: block;
		color: #2a2a2a;
	}

	#blog-top ol.newpost-list li .newpost-thumb{
		width: 100%;
		height: atuo;
		text-align: center;
	}

	#blog-top ol.newpost-list li .newpost-thumb figure{
		margin: 0 auto;
	}

	#blog-top ol.newpost-list li .newpost-thumb figure img{
		max-height: 22.67vw;
		width: auto;
	}

	#blog-top ol.newpost-list li .newpost-category{
		text-align: left;
		width: 100%;
		font-size: 2.8vw;
		line-height: 1.3;
		font-weight: 200;
		padding: 2.0vw 0 1vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#blog-top ol.newpost-list li .newpost-category i{
		font-size: 2.8vw;
		line-height: 1.3;
		margin: 0 .5em 0 0;
	}

	#blog-top ol.newpost-list li .newpost-category .select-category{
		width: 38vw;
		margin: 0;
	}

	#blog-top ol.newpost-list li .newpost-category .select-category ul.select-category-list{
		margin: 0 0 0 -.5em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#blog-top ol.newpost-list li .newpost-category .select-category ul.select-category-list li{
		display: inline-block;
		width: auto;
		margin: 0 0 0 .5em;
		padding: 0;
		border: none;
	}

	#blog-top ol.newpost-list li .newpost-title{
		text-align: left;
		width: 100%;
		font-size: 3.45vw;
		line-height: 1.4;
		font-weight: 600;
		padding: 0;
	}

	#blog-top ol.newpost-list li:nth-child(1){
		width: 100%;
		letter-spacing: .032em;
		margin: 0 0 0 6%;
		padding: 0 0 8.2vw 0;
		border-bottom: 1px #dbdada solid;
	}

	#blog-top ol.newpost-list li:nth-child(2){
		width: 100%;
		letter-spacing: .032em;
		margin: 8.2vw 0 0 6%;
		padding: 0 0 8.2vw 0;
		border-bottom: 1px #dbdada solid;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-thumb, #blog-top ol.newpost-list li:nth-child(2) .newpost-thumb{
		width: 100%;
		height: auto;
		text-align: center;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-thumb figure, #blog-top ol.newpost-list li:nth-child(2) .newpost-thumb figure{
		margin: 0 auto;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-thumb figure img, #blog-top ol.newpost-list li:nth-child(2) .newpost-thumb figure img{
		max-height: 48.67vw;
		width: auto;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-category, #blog-top ol.newpost-list li:nth-child(2) .newpost-category{
		text-align: left;
		width: 100%;
		font-size: 3.2vw;
		line-height: 1.3;
		font-weight: 200;
		padding: 2.4vw 0 1.2vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-category i, #blog-top ol.newpost-list li:nth-child(2) .newpost-category i{
		font-size: 3.2vw;
		line-height: 1.3;
		margin: 0 .5em 0 0;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-category .select-category, #blog-top ol.newpost-list li:nth-child(2) .newpost-category .select-category{
		width: 86.3vw;
		margin: 0;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-category .select-category ul.select-category-list, #blog-top ol.newpost-list li:nth-child(2) .newpost-category .select-category ul.select-category-list{
		margin: 0 0 0 -.5em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-category .select-category ul.select-category-list li, #blog-top ol.newpost-list li:nth-child(2) .newpost-category .select-category ul.select-category-list li{
		display: inline-block;
		width: auto;
		margin: 0 0 0 .5em;
		padding: 0;
		border: none;
	}

	#blog-top ol.newpost-list li:nth-child(1) .newpost-title, #blog-top ol.newpost-list li:nth-child(2) .newpost-title{
		text-align: left;
		width: 100%;
		font-size: 4.3vw;
		line-height: 1.4;
		font-weight: 600;
		padding: 0;
	}

	.all-articles{
		width: 92%;
		margin: 0 auto;
		padding: 0 0 12.2vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.all-articles a{
		display: inline-block;
		font-size: 4.1vw;
		line-height: 1;
		font-weight: 600;
		color: #1f225f;
		border: .1rem #1f225f solid;
		padding: .75em 3em;
		margin: 0;
		-moz-border-radius: .5rem;
		-webkit-border-radius: .5rem;
		border-radius: .5rem;
	}

	.all-articles i{
		margin: 0 .5em 0 0;
	}


	.post{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 100%;
		margin: 0;
		padding: 8vw 0 0;
		font-weight: 100;
		letter-spacing: .032em;
	}

	.post .edit{
		width: 92%;
		font-size: 2.4vw;
		line-height: 1.3;
		margin: 0 auto;
		padding: 0 0 3.2vw .2em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.post .edit i{
		font-size: 2.4vw;
		line-height: 1.3;
		margin: 0 .5em 0 0;
	}
	
	.post .edit .select-category{
		width: 87.9vw;
		margin: 0;
	}

	.post .edit .select-category ul.select-category-list{
		margin: 0 0 0 -.5em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.post .edit .select-category ul.select-category-list li{
		display: inline-block;
		width: auto;
		margin: 0 0 0 .5em;
	}

	.post .edit a{
		display: inline-block;
		color: #2a2a2a;
	}

	.post h1{
		width: 92%;
		font-size: 5.8vw;
		line-height: 1.3;
		font-weight: 900;
		margin: 0 auto;
		padding: 0 0 8.7vw;
	}

	.post .post-image{
		width: 100%;
		height: 52.9vw;
	}

	.post .post-image img{
		width: auto;
		max-height: 52.9vw;
	}

	.post .post-read{
		width: 90%;
		letter-spacing: .028em;
		margin: 0 auto;
		padding: 10.5vw 0 0;
	}

	.post .post-read p{
		font-size: 3.6vw;
		line-height: 2;
		margin: 0;
		padding: 0 0 5.2vw;
	}

	.post .post-read p img{
		display: block;
		margin: 0 auto;
	}

	.post .post-read h2{
		font-size: 5.0vw;
		line-height: 1.5;
		font-weight: 700;
		background: #f1f3f5;
		border-left: 1.24vw solid #1b2b78;
		padding: 3.0vw 3.2vw 3.0vw 3.6vw;
		margin: 10.2vw 0 8.7vw;
	}

	.post .post-read h3{
		font-size: 4.65vw;
		line-height: 1.5;
		font-weight: 700;
		border-bottom: .5vw solid #1b2b78;
		padding: 0 0 .5em;
		margin: 8.0vw 0 8.7vw;
	}

	.post .post-read h4{
		display: inline-block;
		font-size: 4.0vw;
		line-height: 1.5;
		font-weight: 700;
		color: #1b2b78;
		background: #f1f3f5;
		border-radius: .32rem;
		margin: 8.0vw 0 3.84vw;
		padding: .5em 1em .35em;
	}

	.post .post-read h5{
		font-size: 3.74vw;
		line-height: 1.5;
		font-weight: 700;
		margin: 8.0vw 0 3.84vw;
	}

	.post .post-read h6{
		font-size: 3.35vw;
		line-height: 1.5;
		font-weight: 700;
		margin: 8.0vw 0 3.84vw;
	}

	.post .post-read pre{
		font-size: 2.9vw;
		line-height: 1.6;
		margin: 2.5em 0;
		padding: 1em 1.5em;
		background: #f1f3f5;
		-moz-border-radius: .5rem;
		-webkit-border-radius: .5rem;
		border-radius: .5rem;
	}

	.post .post-read a{
		font-weight: 600;
	}

	.post .edit-category{
		width: 90%;
		font-size: 3.35vw;
		line-height: 1.5;
		padding: 5.2vw 0 5.2vw;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.post .edit-category i{
		font-size: 3.35vw;
		line-height: 1.5;
		margin: 0 .5em 0 0;
	}

	.post .edit-category .select-category{
		width: 84.4vw;
		margin: 0;
	}

	.post .edit-category .select-category ul.select-category-list{
		margin: 0 0 0 -.5em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.post .edit-category .select-category ul.select-category-list li{
		display: inline-block;
		width: auto;
		margin: 0 0 0 .5em;
	}

	.post .edit-days{
		width: 90%;
		font-size: 2.4vw;
		line-height: 1;
		padding: 0 0 12.2vw;
		margin: 0 auto;
	}

	.post .err-404{
		text-align: center;
		font-size: 7.2vw;
		line-height: 1.5;
		font-weight: 500;
		letter-spacing: .052em;
		padding: 0;
	}

	.post .err{
		text-align: center;
		font-size: 3.2vw;
		line-height: 1.5;
		font-weight: 500;
		letter-spacing: .052em;
		padding: 0 0 5.0vw;
	}

	.post .youtube{
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}

	.post .youtube iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.bv-bn{
		width: 92%;
		margin: 0 auto;
		padding: 0 0 12.2vw;
	}

	.bv-bn ul.bvbn-list{
		margin: 0;
	}

	.bv-bn ul.bvbn-list li{
		width: 100%;
		margin: 0;
	}

	.bv-bn ul.bvbn-list li + li{
		width: 100%;
		margin: 2.4vw 0 0;
	}

	.related-post, .popular-post{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		width: 100%;
		background: #f1f3f5;
		margin: 0;
	}

	.related-post .related-inner, .popular-post .popular-inner{
		width: 80%;
		margin: 0 auto;
		padding: 10.2vw 0;
	}

	.related-post h2, .popular-post h2{
		position: relative;
		text-align: center;
		font-size: 5.0vw;
		line-height: 1;
		font-weight: 600;
		letter-spacing: .052em;
		padding: 0 0 5.0vw;
		margin: 0;
	}

	.related-post h2::before, .popular-post h2::before{
		content: "";
		display: block;
		height: 0.15rem;
		max-width: 5.46rem;
		background: #2a2a2a;
		position: absolute;
		bottom: -1.5vw;
		left: 0;
		right: 0;
		margin: auto;
	}

	.related-post .related-contents, .popular-post .popular-contents{
		padding: 9.8vw 0 0;
		margin: 0;
	}

	.related-post .related-contents ul.related-contents-list, .popular-post .popular-contents ul.popular-contents-list{
		margin: -8vw 0 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.related-post .related-contents ul.related-contents-list li, .popular-post .popular-contents ul.popular-contents-list li{
		width: 100%;
		letter-spacing: .032em;
		margin: 8vw 0 0 0;
	}

	.related-post .related-contents ul.related-contents-list li a, .popular-post .popular-contents ul.popular-contents-list li a{
		display: block;
		color: #2a2a2a;
	}

	.related-post .related-contents ul.related-contents-list li .related-thumb, .popular-post .popular-contents ul.popular-contents-list li .popular-thumb{
		width: 100%;
		height: auto;
	}

	.related-post .related-contents ul.related-contents-list li .related-thumb figure, .popular-post .popular-contents ul.popular-contents-list li .popular-thumb figure{
		text-align: center;
		margin: 0 auto;
	}

	.related-post .related-contents ul.related-contents-list li .related-thumb figure img, .popular-post .popular-contents ul.popular-contents-list li .popular-thumb figure img{
		max-height: 42.44vw;
		width: auto;
	}

	.related-post .related-contents ul.related-contents-list li .related-post-category, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category{
		text-align: left;
		width: 100%;
		font-size: 2.8vw;
		line-height: 1.3;
		font-weight: 200;
		padding: 2.4vw 0 .85vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.related-post .related-contents ul.related-contents-list li .related-post-category i, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category i{
		font-size: 2.8vw;
		line-height: 1.3;
		margin: 0 .5em 0 0;
	}

	.related-post .related-contents ul.related-contents-list li .related-post-category .select-category, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category .select-category{
		width: 75.2vw;
		margin: 0;
	}

	.related-post .related-contents ul.related-contents-list li .related-post-category .select-category ul.select-category-list, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category .select-category ul.select-category-list{
		margin: 0 0 0 -.5em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.related-post .related-contents ul.related-contents-list li .related-post-category .select-category ul.select-category-list li, .popular-post .popular-contents ul.popular-contents-list li .popular-post-category .select-category ul.select-category-list li{
		display: inline-block;
		width: auto;
		margin: 0 0 0 .5em;
	}

	.related-post .related-contents ul.related-contents-list li .related-post-title, .popular-post .popular-contents ul.popular-contents-list li .popular-post-title{
		text-align: left;
		width: 100%;
		font-size: 3.9vw;
		line-height: 1.4;
		font-weight: 600;
		padding: 0;
	}

	.all-category{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 80%;
		margin: 0 auto;
		padding: 8.2vw 0 0;
	}

	.all-category h3{
		position: relative;
		display: inline-block;
		text-align: left;
		font-size: 4.1vw;
		line-height: 1;
		font-weight: 600;
		letter-spacing: .024em;
		padding: .15em .75em 0;
		margin: 0;
	}

	.all-category h3:before, .all-category h3:after{
		position: absolute;
		top: 0;
		content:'';
		width: 5px;
		height: 100%;
		display: inline-block;
	}

	.all-category h3:before{
		border-left: solid 1px black;
		border-top: solid 1px black;
		border-bottom: solid 1px black;
		left: 0;
	}

	.all-category h3:after{
		content: '';
		border-top: solid 1px black;
		border-right: solid 1px black;
		border-bottom: solid 1px black;
		right: 0;
	}

	.all-category .all-category-contents{
		margin: 5.2vw 0 0;
	}

	.all-category .all-category-contents ul.all-category-list{
		margin: -3.2% 0 0 -3.2%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.all-category .all-category-contents ul.all-category-list li{
		margin: 3.2% 0 0 3.2%;
	}

	.all-category .all-category-contents ul.all-category-list li a{
		display: block;
		font-size: 2.9vw;
		line-height: 1.3;
		font-weight: 600;
		color: #2a2a2a;
		background: #f1f3f5;
		padding: .8em 1.5em;
		-moz-border-radius: .5rem;
		-webkit-border-radius: .5rem;
		border-radius: .5rem;
	}

	.all-category .archive{
		margin: 8.2vw 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: space-between;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.all-category .archive a{
		display: inline-block;
		font-size: 2.9vw;
		line-height: 1.3;
		font-weight: 600;
		color: #1f225f;
		border: .1rem #1f225f solid;
		padding: .8em 1.5em;
		margin: 0;
		-moz-border-radius: .5rem;
		-webkit-border-radius: .5rem;
		border-radius: .5rem;
	}

	.all-category .archive i{
		margin: 0 .5em 0 0;
	}

	#articles{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 92%;
		margin: 0 auto;
		padding: 10.2vw 0 12.2vw;
		font-weight: 100;
		letter-spacing: .032em;
	}

	#articles h1{
		position: relative;
		text-align: center;
		font-size: 5.0vw;
		line-height: 1;
		font-weight: 600;
		letter-spacing: .052em;
		padding: 0 0 14.8vw;
		margin: 0;
	}

	#articles h1::before{
		content: "";
		display: block;
		height: 0.15rem;
		max-width: 5.46rem;
		background: #2a2a2a;
		position: absolute;
		bottom: 8.7vw;
		left: 0;
		right: 0;
		margin: auto;
	}

	#articles ol.articles-list{
		margin: -8.2vw 0 0 -6%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#articles ol.articles-list li{
		width: 44%;
		letter-spacing: .032em;
		margin: 8.2vw 0 0 6%;
	}

	#articles ol.articles-list li a{
		display: block;
		color: #2a2a2a;
	}

	#articles ol.articles-list li .articles-thumb{
		width: 100%;
		height: auto;
		text-align: center;
	}

	#articles ol.articles-list li .articles-thumb figure{
		margin: 0 auto;
	}

	#articles ol.articles-list li .articles-thumb figure img{
		max-height: 22.67vw;
		width: auto;
	}

	#articles ol.articles-list li .articles-category{
		text-align: left;
		width: 100%;
		font-size: 2.8vw;
		line-height: 1.3;
		font-weight: 200;
		padding: 2.0vw 0 1vw;
	}

	#articles ol.articles-list li .articles-category i{
		font-size: 2.8vw;
		line-height: 1.3;
		margin: 0 .5em 0 0;
	}

	#articles ol.articles-list li .articles-category .select-category{
		width: 38.0vw;
		margin: 0;
	}

	#articles ol.articles-list li .articles-category .select-category ul.select-category-list{
		margin: 0 0 0 -.5em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#articles ol.articles-list li .articles-category .select-category ul.select-category-list li{
		display: inline-block;
		width: auto;
		margin: 0 0 0 .5em;
	}

	#articles ol.articles-list li .articles-title{
		text-align: left;
		width: 100%;
		font-size: 3.45vw;
		line-height: 1.4;
		font-weight: 600;
		padding: 0;
	}

	#archives{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 92%;
		margin: 0 auto;
		padding: 10.2vw 0 12.2vw;
		font-weight: 100;
		letter-spacing: .032em;
	}

	#archives h1{
		position: relative;
		text-align: center;
		font-size: 5.0vw;
		line-height: 1;
		font-weight: 600;
		letter-spacing: .052em;
		padding: 0 0 14.8vw;
		margin: 0;
	}

	#archives h1::before{
		content: "";
		display: block;
		height: 0.15rem;
		max-width: 5.46rem;
		background: #2a2a2a;
		position: absolute;
		bottom: 8.7vw;
		left: 0;
		right: 0;
		margin: auto;
	}

	#archives .archive-category{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 10.2vw;
	}

	#archives h2{
		position: relative;
		display: inline-block;
		text-align: left;
		font-size: 4.1vw;
		line-height: 1;
		font-weight: 600;
		letter-spacing: .024em;
		padding: .15em .75em 0;
		margin: 0;
	}

	#archives h2:before, #archives h2:after{
		position: absolute;
		top: 0;
		content:'';
		width: 5px;
		height: 100%;
		display: inline-block;
	}

	#archives h2:before{
		border-left: solid 1px black;
		border-top: solid 1px black;
		border-bottom: solid 1px black;
		left: 0;
	}

	#archives h2:after{
		content: '';
		border-top: solid 1px black;
		border-right: solid 1px black;
		border-bottom: solid 1px black;
		right: 0;
	}

	#archives .archive-category .archive-category-contents{
		margin: 0;
	}

	#archives .archive-category .archive-category-contents ul.archive-category-list{
		margin: 0 0 0 -3.2%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#archives .archive-category .archive-category-contents ul.archive-category-list li{
		margin: 3.2vw 0 0 3.2%;
	}

	#archives .archive-category .archive-category-contents ul.archive-category-list li a{
		display: block;
		font-size: 2.9vw;
		line-height: 1.3;
		font-weight: 600;
		color: #2a2a2a;
		background: #f1f3f5;
		padding: .8em 1.5em;
		-moz-border-radius: .5rem;
		-webkit-border-radius: .5rem;
		border-radius: .5rem;
	}

	#archives .archive-date{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#archives .archive-date .archive-date-contents{
		margin: 0;
	}

	#archives .archive-date .archive-date-contents ul.archive-date-list{
		margin: 0;
	}

	#archives .archive-date .archive-date-contents ul.archive-date-list li{
		margin: 3.2vw 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-ms-align-items: flex-start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	#archives .archive-date .archive-date-contents ul.archive-date-list li ul{
		width: 76.8%;
		margin: -3.2vw 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#archives .archive-date .archive-date-contents ul.archive-date-list li ul li{
		margin: 3.2vw 0 0 3.2%;
		width: 21.8%;
	}

	#archives .archive-date .archive-date-contents ul.archive-date-list li a{
		display: inline-block;
		width: 23.2%;
		text-align: center;
		font-size: 2.9vw;
		line-height: 1.3;
		font-weight: 600;
		color: #2a2a2a;
		background: #f1f3f5;
		padding: .8em 0;
		-moz-border-radius: .5rem;
		-webkit-border-radius: .5rem;
		border-radius: .5rem;
	}

	#archives .archive-date .archive-date-contents ul.archive-date-list li ul li a{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 2.9vw;
		line-height: 1.3;
		font-weight: 600;
		color: #2a2a2a;
		background: #f1f3f5;
		padding: .8em 0;
		-moz-border-radius: .5rem;
		-webkit-border-radius: .5rem;
		border-radius: .5rem;
	}

	#archives .archive-search{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 10.2vw;
	}

	#archives .archive-search #search-form{
		width: 100%;
		display: block;
		position: relative;
		margin: 3.2vw 0 0;
	}

	#archives .archive-search #s{
		width: 88%;
		font-size: 3.9vw;
		line-height: 1.1;
		font-weight: 400;
		padding: .5em 10% .15em 2%;
		border-top: none;
		border-bottom: 1px #8a8a8a solid;
		border-right: none;
		border-left: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		behavior: url(border-radius-ie8.htc);
	}

	::-webkit-input-placeholder {
		color: #737477;
	}
	:-ms-input-placeholder {
		color: #737477;
	}
	::placeholder{
		color: #737477;
	}

	input:focus::-webkit-input-placeholder {
		color: transparent;
	}
	input:focus::-moz-placeholder {
		color: transparent;
	}
	input:focus:-ms-input-placeholder {
		color: transparent;
	}
	input:focus::-ms-input-placeholder {
		color: transparent;
	}

	#archives .archive-search #search-B{
		width: 4.1vw;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		behavior: url(border-radius-ie8.htc);
		position: absolute;
		top: 2.1vw;
		right: 2%;
	}

	#archives .archive-search #search-B:hover{
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
 
	#archives .archive-search #search-B{
		-webkit-transition: opacity 0.15s ease-out;
		-moz-transition: opacity 0.15s ease-out;
		-ms-transition: opacity 0.15s ease-out;
		transition: opacity 0.15s ease-out;
	}

	.pagelink-pc{
		display: none;
	}

	.pagelink-sp{
		display: block;
	}

	.st-pagelink{
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.st-pagelink ul.page-numbers{
		margin: 12.2vw 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.st-pagelink ul.page-numbers li{
		margin: 0;
	}

	.st-pagelink ul.page-numbers li + li{
		margin: 0 0 0 1.0vw;
	}

	.st-pagelink ul.page-numbers li a{
		display: inline-block;
		width: 8.8vw;
		height: 8.8vw;
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 2.8vw;
		line-height: 1;
		font-weight: 400;
		letter-spacing: -.05em;
		color: #2a2a2a;
		background: #f1f3f5;
		-moz-border-radius: 4.4vw;
		-webkit-border-radius: 4.4vw;
		border-radius: 4.4vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.st-pagelink ul.page-numbers li span{
		display: inline-block;
		width: 8.8vw;
		height: 8.8vw;
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 2.8vw;
		line-height: 1;
		font-weight: 400;
		color: #2a2a2a;
		background: #fff;
		-moz-border-radius: 4.4vw;
		-webkit-border-radius: 4.4vw;
		border-radius: 4.4vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}

	#f-page{
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: left;
		width: 92%;
		margin: 0 auto;
		padding: 10.2vw 0 12.2vw;
		font-weight: 100;
		letter-spacing: .032em;
	}

	#f-page h1{
		position: relative;
		text-align: center;
		font-size: 5.0vw;
		line-height: 1;
		font-weight: 500;
		letter-spacing: .052em;
		padding: 0 0 14.8vw;
		margin: 0;
	}

	#f-page h1::before{
		content: "";
		display: block;
		height: 0.15rem;
		max-width: 5.46rem;
		background: #2a2a2a;
		position: absolute;
		top: 9.6vw;
		left: 0;
		right: 0;
		margin: auto;
	}

	#f-page .fpage-contents{
		width: 100%;
		letter-spacing: .028em;
		margin: 0 auto;
		padding: 0;
	}

	#f-page .fpage-contents p{
		font-size: 3.35vw;
		line-height: 2;
		margin: 0;
		padding: 0 0 5.2vw;
	}

	#f-page .fpage-contents p img{
		display: block;
		margin: 0 auto;
	}

	#f-page .fpage-contents h2{
		font-size: 5.0vw;
		line-height: 1.5;
		font-weight: 700;
		background: #f1f3f5;
		border-left: 1.24vw solid #1b2b78;
		padding: 3.0vw 3.2vw 3.0vw 3.6vw;
		margin: 10.2vw 0;
	}

	#f-page .fpage-contents h3{
		font-size: 4.65vw;
		line-height: 1.5;
		font-weight: 700;
		border-bottom: .5vw solid #1b2b78;
		padding: 0 0 .5em;
		margin: 8.0vw 0;
	}

	#f-page .fpage-contents h4{
		font-size: 4.3vw;
		line-height: 1.5;
		font-weight: 700;
		color: #1b2b78;
		margin: 8.0vw 0;
	}

	#f-page .fpage-contents h5{
		font-size: 3.74vw;
		line-height: 1.5;
		font-weight: 700;
		margin: 8.0vw 0;
	}

	#f-page .fpage-contents h6{
		font-size: 3.35vw;
		line-height: 1.5;
		font-weight: 700;
		margin: 8.0vw 0;
	}

	#f-page .fpage-contents pre{
		font-size: 2.9vw;
		line-height: 1.6;
		margin: 2.5em 0;
		padding: 1em 1.5em;
		background: #f1f3f5;
		-moz-border-radius: .5rem;
		-webkit-border-radius: .5rem;
		border-radius: .5rem;
	}

	footer#pc-f{
		display: none;
	}

	footer#sp-f{
		display: block;
		width: 100%;
		text-align: center;
		background: #1f225f;
		margin: 8.2vw 0 0;
		padding: 5% 0;
	}

	footer#sp-f #copy{
		width: 92%;
		font-size: 2.8vw;
		line-height: 1.1;
		font-weight: 300;
		color: #fff;
		padding: 0 4%;
	}

}