/* ------------------------------　　
	ブログ用のcss
------------------------------ */

/*  Lite Editorのカスタム
------------------------------ */
span.center {
  text-align: center; }

span.maxbig {
  font-size: 1.5em; }

span.big {
  font-size: 1.25em; }

span.mini {
  font-size: 0.875em; }

span.bold {
  font-weight: 700; 
  letter-spacing: 0.36px;
}

h2 span.bold, h3 span.bold, h4 span.bold, span.maxbig span.bold, span.bold span.maxbig {
  font-weight: 900; }

span.keikou {
  padding-left: 0.5em;
  padding-right: 0.5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(62%, transparent), color-stop(30%, #FFE757));
  background: -webkit-linear-gradient(transparent 62%, #FFE757 30%);
  background: -o-linear-gradient(transparent 62%, #FFE757 30%);
  background: linear-gradient(transparent 62%, #FFE757 30%);
  padding-bottom: 0.25em; }

span.whiteText {
  color: #fff;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); }

span.textCenter {
  display: block;
  text-align: center; }

.entryFormLiteEditor span.textCenterMobile {
  display: block;
  text-align: center; }

.entryFormLiteEditor span.textCenterMobile:after {
  content: '【！】モバイル版で中央表示';
  font-weight: 700;
  background: #e01e2c;
  color: #fff;
  opacity: 0.5;
  display: block;
  font-size: 18px;
  position: absolute;
  top: 10px;
  left: 10px; }

@media (max-width: 1023px) {
  span.textCenterMobile {
    display: block;
    text-align: center; } }

@media (min-width: 1024px) {
  span.textBrakeMobile br {
    display: none; } }

.entryFormLiteEditor span.textBrakeMobile br {
  display: block; }

.entryFormLiteEditor span.textBrakeMobile:before {
  content: '【！】モバイル版だけ改行';
  font-weight: 700;
  background: #e01e2c;
  color: #fff;
  opacity: 0.5;
  display: block;
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 10px; }

.lite-editor-toolbox .acms-icon-undo {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  margin-left: -2px;
  padding-right: 4px; }

.lite-editor-toolbox .whiteText, .entryFormLiteEditor .whiteText {
  background: #ddd;
  font-weight: 700;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8); }

/* nangokuではないので色を直で指定。後でscssしたい。 */
span.safeColor{
	color: #7B74C7;
}
span.dangerColor{
	color: #DD1717;
}


/*  Lite Editorのカスタム　▲▲▲
------------------------------ */



/*  フォントのまわり　全体
------------------------------ */
.entry-body{
	font-size: 18px;
	letter-spacing: 0.08em;
}
.entry-body p{
	line-height: 36px;
	letter-spacing: 0.18px;
}

.summary-entry-title {
	margin: 0 auto;
	margin-bottom: 8px;
}

@media (max-width: 767px){
	.summary-entry-title {
    font-size: 20px;
	letter-spacing: 0.08em;
}
}

.summary-entry-img-outer {
	margin-right: 30px;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 0;
}

.summary-entry-contents {
	padding: 0;
	margin-top: 30px;
    width: 445px;
}


	
/* ------------------------------　　
	ナビゲーション
------------------------------ */
.nav-wrap {
    display: block;
    background: #3A64AD;
}
.nav-list a:link, .nav-list a:visited {
    color: #fff;
}

@media screen and (max-width: 767px){
.OffcanvasBtn__label{
	font-size: 10px;
	color: #fff;
	top: -2px;
    position: relative;
	font-size: 5px;
	line-height: 2;
	font-weight: 800;
	letter-spacing: 2px;
	}
}

@media screen and (max-width: 767px){
.OffcanvasBtn__label-close {
	font-size: 10px;
	position: relative;
	font-size: 5px;
	line-height: 3;
	color: #3A64AD;
	font-weight: 800;
	letter-spacing: 0.9px;
	margin-left: 2px;
	opacity: 0.8;
 }
}

@media (max-width: 1023px){
	.nav-list a, .nav-list li{
	font-size: 16px;
		padding: 1em 2em;
	}
}
@media (max-width: 599px){
	.nav-list a, .nav-list li{
	font-size: 3.7vw;
		padding: 1em 5.2vw;
	}
}



@media screen and (max-width: 767px){
	.offcanvas-btn{
		padding: 11px 0 16px 0;
		background: #3A64AD;
		position: fixed;
		right: 0px;
		border-radius: 0px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px){
.offcanvas-btn-line{
	width: 30px;
	}
}

@media screen and (max-width: 767px){
button.offcanvas-btn.js-offcanvas-close {
	background: #fff;
	opacity: 0.5px;
	}
}

@media screen and (max-width: 767px){
.offcanvas-btn-line-close {
	position: relative;
	display: inline-block;
	width: 27px;
	height: 3px;
	background: #3A64AD;
	transform: rotate(45deg);
	vertical-align: middle;
	opacity: 1;
	}
}

@media screen and (max-width: 767px){
.offcanvas-btn-line-close::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3A64AD;
  transform: rotate(90deg);
  opacity: 0.8;
  }
}

@media screen and (max-width: 767px){
.js-acms-offcanvas-active .js-acms-offcanvas-sidebar-right.active {
	background: #3A64AD
	}
}


/* ------------------------------　　
	一覧　index
------------------------------ */
.main_img {
	text-align: center;
}

p.header-title-top{
	background-color: #3A64AD;
	height: 30px;
	padding: 6px 0 6px 15px;
	margin: 0;
	color: #fff;
}

a.header-title-top-text{
	color:#fff;
}

.header-nav-wrap{
	margin: 0;
}
 
 .for-sp { 
	 font-size: 3.7vw;
	 display:none;
	 background: rgba(174,186,223,0.2);
	 margin: 0;
	 padding: 40px 12px;
	 text-align: center;
	 line-height: 2;
  }
  
 p.for-sp {
	 font-family: 'Noto Serif JP', serif;
	 font-weight: bold;
	 color: #65626E;
 }
 
@media screen and (max-width: 767px){
 .for-sp { display:block; }
}

@media screen and (max-width: 767px){
 .for-index-pc { display:block; }
}

@media screen and (max-width: 767px){
 .for-pc { display:none; }
}

.EntryHeader__infoWrap{
	align-items: center;
}

.entry-labels-fune{
	color: #3A64AD;
	margin: 0 0 10px 200px;
	text-decoration: underline;
    list-style: none; 
	font-size: 12px;
	text-align: right;
	padding: 0;
}

@media screen and (max-width: 767px){
.entry-labels-fune{
	font-size: 12px;
	margin: 0 0 0 130px;
	padding: 0;
 }
}

.entry-date{
	margin-right: 1em;
	font-size: 12px;
	color:#65626E;
}

.entry-sub{
	display: flex;
	justify-content: space-between;
}

.summary-entry-link{
   align-items: flex-start;
   width: 730px;
   margin: 0;
   padding: 30px 0;
   box-sizing: border-box;
   border-bottom: 2px solid #ccc;
   border-image: linear-gradient(to right, #3A64AD 0%, #C0CAEA 33%, #3A64AD 100%);
   border-image-slice: 1;
   opacity: 5;
   transition: background-color .2
}



.summary-entry-next{
	top: 1000px;
	left: 975px;
	width: 160px;
	height: 40px;
	margin: 45px 0px 0px 285px;
	text-align: center;
	padding: 12px 0;
	border: 1px solid #3A64AD;
	border-radius: 4px;
	opacity: 1;	
}

@media screen and (max-width: 767px){
	.summary-entry-next{
		margin: 0 auto;
		width: 166px;
	}
}

.summary-entry-next{
	color: #3A64AD;
}

.summary-entry-next::after{
	content: '';
	width: 7px;
	height:7px;
	border-top:1px solid #3A64AD;
	border-right:1px solid #3A64AD;
	transform: rotate(45deg);
	display:inline-block;
	position: absolute;
	margin-top: 3px;
	margin-left: 22px;
}

.summary-entry-img {
    width: 255px;
    height: 203px;
    box-sizing: border-box;
	}

@media screen and (max-width: 767px){
	.summary.is-thumbnail-1column .summary-entry-contents {
		width: 100%;
		padding: 0;
	}
}

.main_img img{
	width: 100%;
	margin-bottom: -5px;
}

/*  ユーザープロフィール
------------------------------ */

.UserIcon{
	display: flex;
	background: #eee;
	padding: 5px;
	border-radius: 6px;
}
.UserIcon__icon{
	max-width: 50px;
	max-height: 50px;
}
.UserIcon__icon .profile-img{
	max-width: 100%;
}
.UserIcon__nameWrap{
	display: flex;
	flex-direction: column;
	padding-left: 10px;
}
.UserIcon__copy{
	color: #666;
	font-size: 13px;
	padding-bottom: 2px;
}
.UserIcon__name{
	font-size: 16px;
	font-weight: 600;
}
@media (min-width: 1024px){
	.UserIcon__icon{
		max-width: 60px;
		max-height: 60px;
	}
	.UserIcon__copy{
		color: #888;
	}
	.UserIcon__name{
		font-size: 18px;
	}
}



/* ビフォーアフター */
/* リフォーム後 */

.AfterWrap{
	box-sizing: border-box;
}



/* ------------------------------　　
	11/14川﨑追記　ft03 .AfterWrapの後にすると有効になる
------------------------------ */
.profile-img-miura {
	display: block;
	width: 80px;
	height: auto;
	border-radius: 0%;
}

@media screen and (max-width: 767px){
.profile-img-miura {
	width: 120px;
	height: auto;
 }
}

.profile-miura{
	width: 285px;
	margin: 40px 0px;
	padding: 14px 14px;
	color: #65626E;
	background-color: rgb(239, 241, 249)
}

@media screen and (max-width: 767px){
	.profile-miura{
		width: auto;
	}	
}


.profile-name-miura{
	font-size: 18px;
	font-weight: lighter; 
	margin: 2px 0px;
}

.profile-name-miura,.profile-text-miura{
	color: #65626E;
	padding: 0 12px;
}

@media screen and (max-width: 767px){
.profile-name-miura,.profile-text-miura{
	color: #65626E;
	padding: 0 14px;
	}
}


.profile-text-miura{
	color: #65626E;
	padding: 0 ;
	margin-top: 14px;
	line-height:28px;
	letter-spacing:0.28px;
}

@media screen and (max-width: 767px){
.profile-text-miura {
	margin-top: 12px;
	letter-spacing:0.42px;
	}
}

.profile-position-miura{
    margin-left: 13px;
	letter-spacing: -1.5px;
	margin-top: 8px;
}


@media screen and (max-width: 767px){
.profile-position-miura{
	color: #65626E;
	margin: 14px 0 0 14px;
	font-size: 14px;
  }
}

li.summary-entry:first-child {
	margin-top: 0px;
}

.summary-entry-first,.summary-entry-second,.acms-list-group-item{
  width: 100%;
  height: 40px;
  text-align: center;
  position: relative;
  display: inline-block;
  color: #3A64AD;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1em;
  padding: 9px;
  border: 1px solid #3A64AD;
  border-radius: 4px;
  opacity: 1;
  margin-top: 12px;
  margin-bottom: 0;
}

.summary-entry-first::after,.summary-entry-second::after,.acms-list-group-item::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 13px;
  content: "";
  vertical-align: middle;
  width: 7px;   /* arrow size */
  height: 7px;  /* arrow size */
  border-top: 1px solid #3A64AD;  /* thickness, color */
  border-right: 1px solid #3A64AD;
  display: inline-block;
  transform: rotate(45deg);
}

p.summary-entry-footer {
	color: #fff;
	border: 1px solid #fff;
	width: 166px;
	margin-top: 0;
	margin-top: 20px;
	padding: 11px;
}

.summary-entry-footer::after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}


.summary-entry-first::after{
	margin-left: 80px;
}

@media screen and (max-width: 767px){
   .summary-entry-first,.summary-entry-second,.summary-entry-footer{
   width: 166px;
   margin: 0 ;
  }
}

@media screen and (max-width: 767px){
 .summary-entry-first-second-wrap{
	display: flex;
	justify-content: space-between;
 }
}

.summary-entry-second::after{
	margin-left: 69px;
}

.list-add-amount-menu li a {
	color: #fff;
}

.acms-btn{
	display: block;
}


.list-add-amount{
	margin: 0 0 40px;
}

@media screen and (max-width: 767px){
.list-add-amount{
	margin: 0 0 12px;
 }
}

[class|="list-add-amount"] {
	padding: 0;
}

[class|="list-add-amount"]  ul{
    border:none;
}



[class|="list-add-amount"]  li{
	border-bottom: 1px solid #65626E;
	border-top: 1px solid #65626E;
}

@media screen and (max-width: 767px){
[class|="list-add-amount"] li{
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	display: block;
	list-style-type: none;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.42px;
	padding: 13px 45px 13px 0;
	overflow: hidden;
	}
}

@media screen and (max-width: 767px){
.list-add-amount-menu li a {
	position: relative;
	display: block;
	text-decoration: none;
	margin: -15px -45px -15px 0px;
	padding: 13px 45px 13px 0;
	background-color: transparent;
	transition: background-color .2s;
	color: #fff;
   }
}


.list-add-amount-menu li{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	list-style: none;
	color: #fff;
	}
}



@media screen and (max-width: 767px){
[class|="list-add-amount"]  {
	margin: 0 0 12px;
	padding: 0;
  }
}

 @media screen and (max-width: 767px){
 .list-add-amount-label{
	 top: 0%;
	 }
}

   .list-add-amount-label{
   position: absolute;
   right: 5px;
   top: 50%;
   display: inline-block;
   margin-top: -12px;
   padding: 0 5px;
   min-width: 36px;
   line-height: 25px;
   color: #666;
   text-align: center;
   background: none;
 }
 

	.list-add-amount-label-menu{
	color:#fff;	 
 }

.list-add-amount-label::before {
	content: "（";
}

.list-add-amount-label::after {
	content: "）";
}

 @media screen and (max-width: 767px){
.list-add-amount-label-menu::before {
	content: "（";
	}
}

 @media screen and (max-width: 767px){
.list-add-amount-label-menu::after {
	content: "）";
	}
}

	h2.sub-heading-menu {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	letter-spacing: 0.48px;
	line-height: 28px;
}

	.sub-heading {
	font-size: 16px;
	font-weight: 700;
	color: #65626E;
	letter-spacing: 0.48px;
	line-height: 28px;
}

@media (max-width: 767px){
	.sub-heading {
		text-align: left;
		color: #65626E;
		font-size: 16px;
		border-top: 1px	 solid black;
		padding: 10px 0 12px 0; 
		margin: 0;
		margin-top:50px;
	}
}

@media screen and (max-width: 768px){
.entry-info {
	border-bottom: 2px	 solid #ccc;
	border-image: linear-gradient(to right, #3A64AD 0%, #C0CAEA 33%, #3A64AD 100%);
	border-image-slice: 1;
	padding-bottom: 40px;
 }
}

/* ビフォーアフター */
/* リフォーム後 */

@media (min-width: 1024px){
	.afterCustomWrap{
	padding: 10px;
		display: flex;
		flex-direction: row;
		}
	.beforePhotoWrap,.afterPhotoWrap{
		max-width: 50%;
	}
	.position_right .afterPhotoWrap{
		order: 2;
	}
	.beforePhotoWrap.-mini,.afterPhotoWrap.-mini{max-width: 25%;}
	.beforePhotoWrap.-small,.afterPhotoWrap.-small{max-width: 40%;}
	.afterTextWrap{
		flex-basis: 60%;
		padding: 10px;
		align-self: center;
	}
}


.entry-column .AfterWrap__title{
    font-size: 18px;
    margin: 10px -10px 15px -10px;
}
@media (max-width: 1023px){
	.entry-column .AfterWrap__title{
	    font-size: 4.5vw;
	    letter-spacing: 0;
		}
}


.beforePhotoWrap label,.afterPhotoWrap label{
	background: #E40037;
	padding: 5px 15px;
    color: #fff;
    font-weight: 800;
    position: absolute;
}
.entry-column .afterVoiceWrap h3{
	padding: 0;
	border: 0;
	color: #000;
	margin: 10px;
    font-size: 20px;
	background: none;
}
@media (min-width: 1024px){
	.entry-column .afterVoiceWrap h3{
		font-size: 28px;
    margin-top: -15px;
    }
}


.afterTextWrap .serifWrap p{
	background: #F7F6E4;
	font-size: 16px;
}
@media (min-width: 1024px){
	.afterTextWrap .serifWrap p{
	font-size: 18px;
}
}
.afterTextWrap .serifWrap p:before{
    border-color: transparent transparent transparent #F7F6E4;	
}
@media (min-width: 1024px){
	.afterTextWrap .serifWrap img {
    max-width: 60px;
    max-height: 60px;
}
}
.afterVoiceSerifWrap{
	display: flex;
}
@media (min-width: 1024px){
.afterVoiceSerifWrap{
	margin-left: 10px;
}
}
.afterVoiceSerifWrap img{
	max-width: 60px;
	max-height: 60px;
	background: #fff;
    border-radius: 50%;
}
.afterVoiceSerifWrap p{
	color: rgba(89,129,5,1);
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	position: relative;
	line-height: 1.4;
	font-weight: 600;
}
.afterVoiceSerifWrap p:before{
    content: "";
    position: absolute;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 10px 0 10px 17.32px;
    transform: rotate(45deg);
}
.case table{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}



@media (max-width: 1023px){
	.customBeforeAfter{
		margin: 15px 0 30px 0;
		padding: 10px 10px 30px 10px;
		border-bottom: 1px solid #ddd;
	}
}
@media (min-width: 1024px){
.customBeforeAfter{
	display: flex;
	padding: 10px;
	margin-bottom: 0;
	align-items: center;
}
}
label.beforeLabel{
	background: #666;
}
img.arrow_beforeafter{
	max-width: 50px;
	max-height: 50px;
	align-self: center;
	height: auto;
	text-align: center;
	padding: 5px;
    display: block;
}
@media (max-width: 1023px){
	img.arrow_beforeafter{
		transform: rotate(90deg);
		margin: 0 auto;
}
}
.beforePhotoWrap img,.afterPhotoWrap img{
	max-width: 100%;
}


/* ------------------------------　　
	エントリー　entry
------------------------------ */



.summary-entry-text-text {
	margin: 0px 0px 18px;
	font-size: 14px;
	color: #333;
	line-height: 2;
	letter-spacing: 0.41px;
	overflow: hidden;
}

@media (max-width: 767px){
	.summary-entry-text-text{
		margin: 0px 0px 20px;
	}
}

@media (max-width: 767px){
	.summary-entry-text {
		display: block;
		font-size: 3.7vw;
		color: #333;
	}
}

@media (min-width: 1024px){
	.base-container {
		max-width: 1110px;
	}
}
@media (max-width: 1023px){
	.base-container {
		max-width: auto;
	}
	.base-container-grid{
		display: flex;
		flex-wrap: wrap;
	}
}



@media (max-width: 767px){
	.base-container,.base-container-onecolumn{
		padding: 0 15px;
	}
}


@media screen and (max-width: 767px){
	.summary.is-thumbnail-1column .summary-entry-link{
		padding: 0 0 20px;
		margin-bottom: 22px;
	}
}



body {
	font-family: 'Noto Sans JP',"Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif,
	Noto Serif JP, Bold;
}


.sub-wrap{
	width: 285px
}

@media screen and (max-width: 767px){
	.sub-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0 auto;
	width: auto;
 }
}

@media screen and (max-width: 767px){
	.SubColumn__innerWrap{
		display: flex;
		flex-direction: column;
	}
	.order-1 {
	order: 2;
	}
	.order-2.-mobile {
	order: 1;
	display: flex;
	flex-direction: column;
	margin: 20px 0;
	}
	.order-2.-mobile .summary-entry-first-second-wrap{
		order: 99;
	}
	.order-2.-mobile .profile-miura{
		order: 1;
	}
	.entry-list-for-sp.-mobile{
	order: 2;
	}
	.order-3 {
	order: 3;
	margin-top: 40px;
	}
	
	.order-4 {
	order: 6;
	}
	.order-5 {
	order: 4;
	}
	.order-6 {
	order: 5;
	}
}




.banner{
	padding: 0;
}

.banner img {
   width: 345px;
 }
 
 .banner li {
	margin-bottom: 0;
	margin-top:28px;
	margin-bottom: 40px;	
}

@media screen and (max-width: 767px){
.banner li {
	margin:0;
	margin-top: 10px;
 }
}
 
@media screen and (max-width: 767px){
[class|="list-add-amount"] {
   width: auto;
   }
}


 .topicpath li:first-child{
	color: #65626E; 
 }

.topicpath-wrap{
  margin: 0;
  background: rgba(174,186,223,0.2);
  height: 40px;
 }
 
 @media screen and (max-width: 767px){
 .topicpath-wrap{
 	background: #fff;
 	}
 }
 
 .topicpath{
 margin:0px;
 margin-top: 14px;
 }
  
 @media screen and (max-width: 767px){
.topicpath{
	margin:0px;
	margin-top: 6px;
	padding: 0 0 10px;
	}
}


.base-container-grid {
	 margin-top: 80px;
 }
 
 @media screen and (max-width: 767px){
 .base-container-grid {
	 margin-top: 26px;
	 }
 }
 

.search-form {
	margin-bottom: 0px;
 }	
 
@media screen and (max-width: 767px){
	.search-form {
		margin-bottom: 12px;
	 }	
}

.search-form-btn-navigation-sp{
	display: none;
}

@media screen and (max-width: 767px){
.search-form-btn-navigation-sp{
	display: block;
	margin-left: -4px;
	margin-right: 4px;
	margin-top: 13px;
	}
}

.commmon-link{
	color: #65626E;
	font-size: 16px;
	text-align: center;
	margin: 0;
}

.acms-list-group{
	border: none;
}

.acms-list-group-item {
	color: #3A64AD;
}

a.acms-list-group-item {
	color: #3A64AD;
}



@media screen and (max-width: 767px){
	.acms-list-group{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
}


[class|="order-5-top-border"]{
	border-top: 1px solid #fff;
}


[class|="list-add-amount-menu"] ul{
	margin: 0;
	padding: 0;
}


[class|="order-5-top-border-menu"]{
	margin-top: 0px;
	padding: 10px 12px 12px 0;
}



@media (max-width: 767px){
	.order-5{
	width: 100%;
	}
}

@media (max-width: 767px){
	.SideCommonLinks__li{
		width: 50%;
		display: flex;
		flex-wrap: wrap;
	}
	.SideCommonLinks__li:nth-child(odd){
		padding-right: 7px;
	}	
	.SideCommonLinks__li:nth-child(even){
		padding-left: 7px;
	}
	.SideCommonLinks__link{
		width: 100%;
	}
}

.nav-sp-item {
	padding: 10px 12px 12px 0;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.nav-sp-item:first-child{
	border-top: 1px solid #fff;
	margin-top: 40px;
}

.nav-sp-item:nth-child(2){
	border-bottom: none;
}

.nav-sp-item a:active, .nav-sp-item a:focus, .nav-sp-item a:hover, .nav-sp-item a:link, .nav-sp-item a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.48pt;
	line-height: 28px;
}

.search-result {
	color: #38373B;
	border-bottom: none;
	background:linear-gradient(180deg,#EFF1F9 0%,#EFF1F9 45px,#fff 45px,#fff 40%);
	margin-bottom: 80px;
	padding-bottom: 20px;
}


@media screen and (max-width: 767px){
.search-result {
	color: #38373B;
	border-bottom: 2px	 solid #ccc;
	border-image: linear-gradient(to right, #3A64AD 0%, #C0CAEA 33%, #3A64AD 100%);
	border-image-slice: 1;
	background:linear-gradient(180deg,#EFF1F9 0%,#EFF1F9 45px,#fff 45px,#fff 40%);
	margin-bottom: 80px;
	padding-bottom: 20px;
	}
}


.search-result p{
	line-height: 32px;
	padding: 5px 0 7px 10px;
}

.search-result-heading{
	color:#38373B;
	font-weight: bold;
}

.pager li span{
	background: #AEBADF;
	border: 1px solid #AEBADF;
}

.pager li a>span:hover {
	border-color: #65626E;
}

.pager li a>span {
	color: #65626E;
	background: #fff;
	border: 1px solid #65626E;
	border-color: #65626E;
	transition: border-color .2s;
}


.footer {
	margin-top: 0px;
	padding-top: 0px; 
	padding-bottom: 10px; 
}

.footer-wrap {
	background: #3A64AD;
}

.footer-copyright {
	color: #fff;
}



.summary-entry-footer::after{
	margin: 15px;
}

.footer-form-Wrap{
	text-align: center;
	margin: 0 0 20px 0;
}

p.page-top {
	background: #AEBADF;
	color:#3A64AD;
	width: 94px;	
	border-radius: 5px 5px 0 0;;
	margin-top: 41px;
	margin-bottom: 0px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}

.base-container.page-top-wrap {
	text-align: -webkit-right;
}

@media screen and (max-width: 767px){
.base-container.page-top-wrap {
	text-align: -webkit-left;
	}
}

/* ------------------------------　　
	entry-body.html ここから
------------------------------ */
.entry-list li {
	border-top: 1px solid #ccc;
	border-image: linear-gradient(to right, #3A64AD 0%, #C0CAEA 33%, #3A64AD 100%);
	border-image-slice: 1;
}

.entry-list li:last-child{
	border-bottom: : 2px solid #ccc;
	border-image: linear-gradient(to right, #3A64AD 0%, #C0CAEA 33%, #3A64AD 100%);
	border-image-slice: 1;
}


.entry-date-title-wrap {
	display: flex;
	justify-content: space-between;
}

.entry-labels a:link, .entry-labels a:visited {
	text-decoration: revert;
	color: #3A64AD;
	font-size: 12px;
}

.serial-nav a:link, .serial-nav a:visited{
	color: #3A64AD;
	border-color: #3A64AD;
}

span.serial-nav-next-title-icon{
	top: 2px;
	bottom: 0;
	right: 0px;
	margin: 13px;
	content: "";
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #3A64AD;
	border-right: 1px solid #3A64AD;
	display: inline-block;
	transform: rotate(45deg);
}

span.serial-nav-prev-title-icon{
	top: 20px;
	bottom: 0;
	right: 0px;
	margin: 13px;
	content: "";
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #3A64AD;
	border-right: 1px solid #3A64AD;
	display: inline-block;
	transform: rotate(225deg);
}


@media screen and (max-width: 767px){
	.serial-nav-prev a{
		margin-right: 10px;
		padding: 0;
	}
}

ul.serial-nav-list {
	display: flex;
}

.serial-nav-next a{
	height: 40px;
	justify-content: center;
	padding: 0;
}
.SerialNav__linkSpacer{
	width: 35px;
}
@media (min-width: 768px){
	.serial-nav-prev-title{
		width: auto;
	}

}

a.SerialNav__link{
	height: 40px;
	justify-content: space-between;
	text-align: center;
	padding: 0;
}

.serial-nav-index a{
	height: 40px;
	padding: 11px 0;
	display: block;
}

.tag-relational {
	margin-bottom: -30px;
}

@media screen and (max-width: 766px){
	.entry-list-for-pc {
		display: none;
	}
}

@media screen and (max-width: 766px){
	.sub-entry-heading {
		color: #65626E;
		margin-bottom: 30px;
		text-align: center;
		font-size: 16px;
		letter-spacing: 0.48px;
	}
}

@media screen and (min-width: 767px){
	.entry-list-for-pc {
	 display: block;
	}
}

@media screen and (max-width: 766px){
	.entry-list-for-sp{
		display: block;
	}
}

@media screen and (min-width: 767px){
	.entry-list-for-sp{
	 display: none;
	}
}



@media screen and (min-width: 767px){
.serial-nav-prev {
	float: left;
	width: 50%;
	margin-right: 30px;
	}
}

@media screen and (min-width: 767px){
.serial-nav-next {
	width: 50%;
	}
}

@media screen and (min-width: 767px){
.serial-nav-index {
	display: flex;
	justify-content: center;
	list-style-type: none;
	width: 30%;
	top: 0;
	left: 0%;
	margin-left: 0px;
	position: relative;
	margin-right: 30px;
	height: 40px;
	}
}
   
@media screen and (max-width: 766px){
.serial-nav-prev{
	margin-right: 13px;
	}
}


/* ------------------------------　　
	kando-blog category-list.htmlのcss
------------------------------ */
ul.category-listWrap{
	display: flex;
	flex-wrap: wrap;
	border-top: unset;
}
li.category-list-item{
	width: 45%;
	display: block;
	margin: 0 auto;
}
li.category-list-item:nth-child(1), li.category-list-item:nth-child(2){
	border-top: 1px solid #65626E;
}
li.category-list-item:last-child{
	margin-left: 2.5%;
}
li.category-list-item{
	border-top: unset;
}

/*  TOP左上 ブログ名
------------------------------ */
.BlogTitle__wrap {
	background: #3A64AD;
}

.BlogTitle {
	color: #FFFFFF;
}

.BlogTitle__wrap .BlogTitle {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 3px 10px;
}

/*  TOP左上 ブログ名　ここまで
------------------------------ */