@charset "utf-8";


/*--------------------------------------------------

 * 

--------------------------------------------------*/
@media (min-width: 769px){}
@media (max-width: 768px){}






/* page frame */
.blog-grid{}
.blog-grid__main{}
.blog-grid__side{}

@media (min-width: 769px){
	.blog-grid{
		/* display: flex; */
	}
	.blog-grid__main,
	.blog-grid__side{
		box-sizing: border-box;
	}
	.blog-grid__main{
		flex: 1 1 auto;
		/* margin-left: 250px; */
	}
	.blog-grid__side{
		flex: 0 0 27%;
		/* margin-left: 3%; */
	}
}
@media (max-width: 768px){
	.blog-grid__main + .blog-grid__side{
		margin-top: 3.75em;
	}
}






/* blog nav */
.blog-nav{
	margin: 0;
	padding: 0;
	list-style: none;
	
	position: relative;
}
.blog-nav--main{
	margin-bottom: 3.75em;
}
.blog-nav--sub{
	font-size: .875em;
}
.blog-nav__item{}
.blog-nav__button{
	display: block;
	
	color: #146293;
	
	text-align: center;
	text-decoration: none;
	
	padding: .5em 1em;
	
	border: 2px solid;
}
.blog-nav__button:hover,
.blog-nav__button.is-active{
	color: #fff;
	background-color: #146293;
	border-color: transparent;
}
.blog-nav__button.is-active{
	pointer-events: none;
}

.blog-nav--sub .blog-nav__button{
	padding: .5em;
}

@media (min-width: 769px){
	.blog-nav{
		display: flex;
	}
	.blog-nav__item{
		box-sizing: border-box;
		flex: 1 1;
	}
	.blog-nav__item:not(:first-child){
		margin-left: .625em;
	}
}
@media (max-width: 768px){
	.blog-nav__item:not(:last-child){
		margin-bottom: .5em;
	}
}





/* blog header*/
.page-header{
	margin-bottom: 1.875em;
}
.title2--archive{
	font-size: 1.5625em;
	margin-bottom: 1.25em;
}







/* entry category group */
.i-entry-category{
	
}
.i-entry-category + .i-entry-category{
	margin-top: 7.5em;
}
.title2--entry-category{
	font-size: 1.5625em;
}






/* entry list */
.entry-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.entry-list--recommend{}
.entry-list__item{
	/* border-bottom: 1px solid #ccc; */
}
/* .entry-list__item:first-child{
	border-top: 1px solid #ccc;
} */
/* .entry-list__item:nth-child(2n){
	background-color: #f9f9f9;
} */



/* entry summary */
.entry-summary{}
.entry-summary__more{
	box-sizing: border-box;
	padding: 1.875em 1.25em;
	
	color: inherit;
	text-decoration: inherit;
}
.entry-summary__thumb{
	width: 100%;
}
.entry-summary__date,
.entry-summary__view{
	margin: 0;
	padding: 0;
	
	font-size: .75em
}
.entry-summary__title{
	margin: 0;
	padding: 0;
	
	line-height: 1.33;
	font-size: 1.25em;
	font-weight: normal;
}
.entry-summary__more:hover .entry-summary__title{
	text-decoration: underline;
}




/* entry media */
.entry-grid{
	/* display: flex; */
	align-items: center;
}
.entry-grid__photo{
	flex: 0 0 35%;
}
.entry-grid__body{
	flex: 1 1 56%;
}



/* entry tag */
.entry-tag{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: flex;
	flex-wrap: wrap;
	margin-left: -1em;
	
	color: #0071b0;
	font-size: .75em;
}
.entry-tag__item{
	padding: .5em 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	border: 1px solid;
}



/* entry pager */
.entry-pgaer{
	margin-top: 2.5em;
}

/* wp pager */
.entry-pgaer{
	border: 0 none;
}
.pagination .screen-reader-text{
	display: none;
}

.pagination .screen-reader-text{}
.pagination .nav-links{
	display: flex;
	justify-content: center;
	
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
}
.pagination .page-numbers{
	flex: 0 0 auto;
	
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	
	width: 2em;
	height: 2em;
	padding: .5em;
	
	color: #0071b0;
	text-decoration: none;
}
.pagination .page-numbers:not(:first-child){
	border-left: 1px solid #ccc;
}
.pagination .page-numbers.current{
	color: #fff;
	background-color: #0071b0;
}







/* side menu */
.side-menu{
	
}
.side-menu + .side-menu{
	margin-top: 3.75em;
}






/* category list */
.category-list{}
.category-list__title{
	margin: 0;
	padding: 0;
	
	margin-bottom: .5em;
	padding-bottom: .5em;
	
	font-size: 1.25em;
	font-weight: bold;
	
	color: #0071b0;
	border-bottom: 1px solid;
}
.category-list__items{
	margin: 0;
	padding: 0;
	list-style: none;
}
.category-list__item{
	border-bottom: 1px dotted #ccc;
}
.category-list__more{
	display: block;
	padding: .75em;
	
	color: inherit;
	text-decoration: inherit;
	
	transition: background-color 180ms ease-out;
}
.category-list__more:hover{
	background-color: #f1f1f1;
	transition-duration: 0ms;
}







/* entry meta */
.entry-meta{
	display: flex;
	align-items: center;
	
}
.entry-category{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #0071b0;
	font-size: .875em;
	display: flex;
	flex-wrap: wrap;
	/* margin-left: -1em;
	margin-bottom: -1em; */
	width: 52%;
}
.entry-category2{
	margin: 0;
    padding: 0;
    list-style: none;
    color: #0071b0;
    font-size: 0.8vw;
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.17em;
    margin-bottom: 1em;
    /* width: 52%; */
    column-gap: 2%;
}
.entry-category__item2 {
    color: white;
    background-color: #1f2c5c;
    padding: 0% 5% 0% 5%;
    font-weight: 500;
    width: 20%;
	margin-top: 2%;
	text-align: center;
}

.entry-category__item{
	color: white;
    background-color: #EF8019;
    padding: 0% 5% 0% 5%;
    font-weight: 500;
	margin-left: 1%;
}
.entry-date{
	margin: 0;
	padding: 0;
	margin-left: 1em;
}
@media screen and (max-width: 768px){
    .title_share{
		display: inline-block;
		background: #EF8019;
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		padding: 2px 10px;
		border-radius: 999px; 
		margin-bottom: 12px;
	}
	ul.share{
		display: flex;
		column-gap: 12px;
		flex-wrap: wrap;
		padding: 0 5% 5%;
		margin-top: 0;
	}
	ul.share li{
		width: 40px;
		height: 40px;
		margin: 0;
		background: #ffffff;
		border-radius: 50%;
		flex: none;
		border: 1px solid #d3c8c8;
		min-width: auto;
		margin: 0;
	}
	ul.share li a{
		display: block;
		width: 100%;
	}
	ul.share li a img{
		display: block;
		width: 25px;
		margin: 7px auto;
	}
}
@media (max-width: 768px) {
.entry-category2{
	margin-left: 2.17em;
	column-gap: 2%;
	font-size: 1.8vw;
}
.entry-category__item2 {
    color: white;
    background-color: #1f2c5c;
    padding: 0% 5% 0% 5%;
    font-weight: 500;
    width: 12%;
	margin-top: 2%;
}
}


/* lead */
.entry-lead{}
.entry-lead__title{
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
	
	font-size: 1.75em;
	font-weight: bold;
}
.entry-lead__photo{
	margin-bottom: 1.875em;
}
.entry-lead__thumb{
	width: 100%;
}



/* share */
.share{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 1.875em;
	margin-bottom: 1.875em;
	display: flex;
	
	margin-left: -.625em;
	margin-bottom: -.625em;
}
.share__item{
	margin-left: .625em;
	margin-bottom: .625em;
}
@media (min-width: 769px){
	.share{}
	.share__item{
		flex: 1 1;
	}
}
@media (max-width: 768px){
	.share{
		flex-wrap: wrap;
	}
	.share__item{
		flex: 0 0 auto;
		min-width: calc(50% - .625em);
	}
}

.share__button{
	display: flex;
	align-items: center;
	justify-content: center;
	
	padding: 0.875em;
	border-radius: .25em;
	
	text-align: center;
	text-decoration: inherit;
	
	color: #fff;
	background-color: #ccc;
	
	transition: transform 280ms cubic-bezier(.18,.89,.32,1.28);
}
.share__button:hover{
	transform: scale(1.075);
}
.share__button:active{
	transform: scale(1.0375);
	transition-duration: 0ms;
}
.share__icon{
	margin-right: 1em;
}
.share__button--twitter		{ background-color: #55acee; }
.share__button--facebook	{ background-color: #3b5998; }
.share__button--pocket		{ background-color: #ed4055; }
.share__button--hatena		{ background-color: #008fde; }

/* event button */
.join-event{
	margin-top: 3.75em;
	margin-bottom: 3.75em;
}
.join-event__more{
	display: block;
	padding: 1.875em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #f90;
	border-radius: .1875em;
	position: relative;
	z-index: 0;
	border-radius: 100vh;
	box-shadow: 0 10px 10px #ADADAD;
}
.join-event__more:before{
	content: "";
	display: block;
	border: 2px solid;
	border-radius: 100vh;	
	position: absolute;
	top: .625em;
	left: .625em;
	right: .625em;
	bottom: .625em;
}
.join-event__more02{
	display: block;
	padding: 1.875em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #c3d600;
	border-radius: .1875em;
	position: relative;
	z-index: 0;
	border-radius: 100vh;
	box-shadow: 0 10px 10px #ADADAD;
}
.join-event__more02:before{
	content: "";
	display: block;
	border: 2px solid;
	border-radius: 100vh;	
	position: absolute;
	top: .625em;
	left: .625em;
	right: .625em;
	bottom: .625em;
}
.join-event__note{
	display: inline-flex;
	line-height: 1;
}
.join-event__note:before,
.join-event__note:after{
	content: "";
	border-left: 1px solid;
}
.join-event__note:before{
	margin-right: 1.5em;
	transform: rotate(-22.5deg);
}
.join-event__note:after{
	margin-left: 1.5em;
	transform: rotate(22.5deg);
}
.join-event__catch{
	line-height: 1.25;
	font-size: 1.875em;
	font-weight: bold;
}

.join-event__more{
	transition: transform 280ms cubic-bezier(.18,.89,.32,1.28);
}
.join-event__more:hover{
	transform: scale(1.075);
}
.join-event__more:active{
	transform: scale(1.0375);
	transition-duration: 0ms;
}
.join-event__more02{
	transition: transform 280ms cubic-bezier(.18,.89,.32,1.28);
}
.join-event__more02:hover{
	transform: scale(1.075);
}
.join-event__more02:active{
	transform: scale(1.0375);
	transition-duration: 0ms;
}

/*
.button1{
	transition: transform 280ms cubic-bezier(.18,.89,.32,1.28);
}
.button1:hover{
	transform: scale(1.075);
}
.button1:active{
	transform: scale(1.0375);
	transition-duration: 0ms;
}
*/




/* index */
.entry-index{
	margin-top: 3.75em;
	margin-bottom: 3.75em;
}
.index__title{
	margin: 0;
	padding: 0;
	
	font-size: 1em;
	font-weight: normal;
}
.index{
	margin: 0;
	padding: 0;
	margin-left: 1.25em;
}
.index__item{}
.index__jump{
	color: black;
    text-decoration: none;
}
.index__jump:hover{
	text-decoration: none;
}



/* entry */
.entry-section{}
.entry-section + .entry-section{
	margin-top: 5em;
}
.entry-section img{
	max-width: 100%;
	height: auto;
}
.entry__title{
	margin: 0;
	margin-bottom: 1.5em;
	line-height: 1.25;
	font-size: 1.25em;
	font-weight: bold;
	padding-left: .5em;
	border-bottom: 0.08em solid black;
	border-top: 0.08em solid black;
	padding-bottom: 0.6em;
	padding-top: 0.6em;
}
.entry__body{}
.entry__photo{
	margin-top: 2em;
	margin-bottom: 2em;
}
.entry__thumb{
	width: 100%;
}
.entry__note{
	margin-top: 1em;
	margin-bottom: 1em;
}

.note00{
	background-color: #e8fcff;
	font-weight: 500;
	padding: 5%;
}

/* wordpress style */
.entry__note{
	
}
.entry__note h1,
.entry__note h2,
.entry__note h3,
.entry__note h4,
.entry__note h5,
.entry__note h6{
	/*
		h2: 20px
		h3: 18px
		h4: 16px
		h5: 14px
		h6: 12px
	*/
}
.entry__note p{
	
}
.entry__note blockquote{
	margin: 0;
	padding: 2.5em;
	border: 1px solid;
}
.entry__note blockquote:not(:last-child){
	margin-bottom: 2.5em;
}



/* sequence navi */
.entry-sequence{
	margin-top: 3.75em;
	margin-bottom: 3.75em;
}
.entry-sequence__items{
	margin: 0;
	padding: 0;
	list-style: none;
}
.entry-sequence__item{}

@media (min-width: 769px){
	.entry-sequence__items{
		display: flex;
	}
	.entry-sequence__item{
		flex: 1 1;
		display: flex;
	}
	.entry-sequence__item:not(:first-child){
		border-left: 1px solid #ccc;
	}
	.entry-sequence__more{
		flex: 1 1 auto;
	}
}
@media (max-width: 768px){
	.entry-sequence__item:not(:first-child){
		border-top: 1px solid #ccc;
	}
}

.entry-sequence__more{
	display: block;
	
	position: relative;
	z-index: 0;
	
	padding: 1.5em;
	
	font-size: .75em;
	color: inherit;
	text-decoration:  inherit;
	background-color: #f1f1f1;
}
.entry-sequence__more--prev{
	padding-left: 3em;
}
.entry-sequence__more--next{
	padding-right: 3em;
}
.entry-sequence__more:before{
	display: block;
	margin-bottom: .75em;
	font-size: 1.25em;
}
.entry-sequence__more--prev:before{
	content: "前の記事";
}
.entry-sequence__more--next:before{
	content: "次の記事";
	text-align: right;
}
.entry-sequence__more:after{
	content: "";
	display: block;
	
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	
	width: 1em;
	height: 1em;
	border-style: solid;
	border-width: 0 0 1px 1px;
}
.entry-sequence__more--prev:after{
	left: 1em;
	transform: rotate(45deg);
}
.entry-sequence__more--next:after{
	right: 1em;
	transform: rotate(225deg);
}
.entry-sequence__media{
	display: flex;
	align-items: center;
}
@media (min-width: 769px){
	.entry-sequence__photo{
		flex: 0 0 35%;
		max-width: 120px;
	}
}
@media (max-width: 768px){
	.entry-sequence__photo{
		flex: 0 0 17.5%;
	}
}
.entry-sequence__more--prev .entry-sequence__photo{
	margin-right: 1.5em;
}
.entry-sequence__more--next .entry-sequence__photo{
	order: 1;
	margin-left: 1.5em;
}
.entry-sequence__thumb{
	width: 100%;
}
.entry-sequence__note{
	flex: 1 1 auto;
}


.entry-sequence__more:hover{
	background-color: #f8f8f8;
}
.entry-sequence__more--prev:after{
	transition: left 90ms ease-out;
}
.entry-sequence__more--prev:hover:after{
	left: .5em;
}
.entry-sequence__more--next:after{
	transition: right 90ms ease-out;
}
.entry-sequence__more--next:hover:after{
	right: .5em;
}






/* recommend */
.recommend{}
.title2--recommend{
	color: #000;
	border-left-color: #0071b0;
}

.midashiwidth{

}


@media (max-width: 768px){
	.blog-grid__main {
		width: 80%;
		background-color: white;
		padding: 5%;
		margin: auto;
	}
}




@media (min-width: 769px){}
@media (max-width: 768px){}


@media (max-width: 769px) {
    .g-header__inner {
        height: 80px;
    }
	.g-breadcrumb{
		display: none;
	}
	.g-container {
        padding-top: 0px;
    }
	.syukatsu{
		padding: 0% 10% 0% 10%;
	}
	.entry-list{
		display: block;
	}
	.f-logo__data {
        width: 250px;
        padding-bottom: 15px;
    }
	.fn-list__item {
border-bottom: none;
    }
}

/* LINEのポップアップ */
.pop_line{
	position: fixed;
	right: 5px;
	bottom: -305px;
	transition: bottom 1s ease;
}
.pop_line div .spbtn{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	z-index: 1000;
}
.pop_line img{
	width: 250px;
	height: auto;
	transition: transform 0.3s ease, filter 0.3s ease;
}
.pop_line img:hover{
	transform: scale(1.05);
	filter: brightness(0.8);
}
.visible{
	bottom: 5px;
}
@media (max-width: 768px){
	.pop_line{
		left: 0;
		bottom: -280px;
	}
  .pop_line div{
		position: relative;
		width: 230px;
	}
  .pop_line div .spbtn{
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
	}
	.pop_line img{
		width: 230px;
	}
	.visible{
		bottom: 0;
	}
}

/*  監修者追加  */
#supervisor .box{
	border: 3px solid #646464;
	display: flex;
	padding: 20px 16px;
	align-items: center;
	justify-content: space-between;
}
#supervisor .box picture{
	width: 30%;
	display: flex;
	align-items: center;
}
#supervisor .box picture img{
	border-radius: 50%;
	width: 90%;
	margin: auto;
}
#supervisor .box .txt{
	width: 68%;
}
#supervisor .box .txt .ttl,
#supervisor .box .head .ttl{
	border-bottom: 2.6px solid #bdbbd2;
	font-weight: 600;
	padding-bottom: 10px;
	margin-top: 0;
	color: #646464;
}
#supervisor .box .txt .ttl span,
#supervisor .box .head .ttl span{
	background-color: #646464;
	color: white;
	padding: 8px;
	margin-right: 10px;
}
#supervisor .box .txt p{
	color: #4d4d4d;
	margin-bottom: 0;
}
#supervisor .box .txt p a{
	color: #90a8ad !important;
}
@media (max-width: 768px){
	#supervisor .box{
		display: block;
	}
	#supervisor .box .head{
		display: flex; 
		justify-content: space-evenly;
		align-items: center;
		border-bottom: 2.6px solid #bdbbd2;
		padding-bottom: 10px;
	}
	#supervisor .box .head .ttl{
		margin: 0;
		border-bottom: none;
	}
	#supervisor .box .head .ttl span{
		padding: 4px;
	}
	#supervisor .box picture{
		width: 40%;
	}
	#supervisor .box .txt{
		width: 100%;
	}
}