/* #91d3e7 */
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500&display=swap');
html, body { font-family:'Noto Sans JP', sans-serif !important; font-weight:300; letter-spacing:0.1em; }*/

/* material-icons */
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../font/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/MaterialIcons-Regular.woff2) format('woff2'), url(../font/MaterialIcons-Regular.woff) format('woff'), url(../font/MaterialIcons-Regular.ttf) format('truetype'); }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px;  display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }


/* header */
.menuBtn__link.menuBtn__link-text.icon-menu { color:inherit; background:transparent; }
.menuBtn__link { background:transparent; }
.siteTitle { font-size:20px; font-weight:inherit;
/* ==5/18追加== */
display: flex; 
/* ======== */
}
.siteTitle__link { min-height:32px; 
/* 	padding-left:140px;  */
	line-height:32px;
/* 	background:url('https://nav.secual-inc.com/wp-content/uploads/2021/04/logo.png') no-repeat left center; background-size:120px auto; */
}

.siteTitle .logoSecual_link { display:inline-block;
/* 	position:relative;  */
	top:13px; 
	z-index:5; width:140px; height:32px; font-size:0; background:url('https://demo-secual.getsecual.com/navi/wp-content/themes/the-thor/img/logo.svg') no-repeat; background-size:auto 100%; }

.siteTitle__link { display:inline-block;
	position:relative; 
/* 	top:-16px; */
margin-left:1.0em; font-weight:bolder; line-height:1;}

.l-header .searchBtn {
		padding-top: 4px;
		padding-right: 14px;
}

@media screen and (max-width:728px) {
.widget.widget_categories ul li a, .widget.widget_nav_menu ul.menu li a { background-color:transparent !important; color:inherit !important; border-bottom:0; }
.widget.widget_categories ul li, .widget.widget_nav_menu ul.menu li { border-top:0; }
.logoSecual_link { top:-18px !important;
	}

/* 	====5/17変更==== */
/* .siteTitle__link { position:absolute; top:25px; left:0; width:calc(100% - 30px); padding:0; text-align:center; } */
	
/* 	=========== */

}
@media screen and (max-width:414px) {
	.siteTitle .logoSecual_link {
		width: 105px;
		height: 24px;
	}
	.siteTitle__link {
		font-size: 16px;
		min-height: 24px;
		line-height: 24px;
	}
}

@media screen and (max-width:320px) {
	.siteTitle .logoSecual_link {
		width: 70px;
		height: 16px;
	}
	.siteTitle__link {
		font-size: 14px;
		min-height: 16px;
		line-height: 16px;
	}
	.l-header .searchBtn {
    padding-top: 0;
    padding-right: 14px;
	}
}

/* swiper */
.swiper-container.swiper-slider.swiper-container-horizontal { margin-bottom:60px; padding:0 0 60px; border-bottom:#ddd 1px solid; }
.swiper-container.swiper-slider.swiper-container-horizontal:after {  padding:35px !important; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 55%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 55%,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 55%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.swiper-content { position:absolute; left:0; bottom:0; margin-bottom:5px !important; padding:35px 35px 0 35px !important; }
.swiper-content .heading.heading-slider { color:inherit;font-size:2.0em; text-align:left; text-shadow:0 0 3px rgba(255,255,255,1),0 0 6px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1); overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.swiper-content .heading-primary, .swiper-content .heading-slider, .swiper-content .heading-sub { margin-bottom:0; }
.swiper-content .phrase.phrase-slider { margin-bottom:20px; color:inherit;font-size:1.4em; text-align:left; text-shadow:0 0 5px rgba(255,255,255,1);
}
.swiper-container .swiper-content .btn { text-align:left;
/* ==5/14追加== */
display: none; 
/* ======== */
}


.swiper-container .swiper-content .btn__link btn__link-primary,
.swiper-container .swiper-content .btn__link-primary { padding:12px 50px !important; background:#7d97c6; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:25px;}
/* ====5/18追加==== */
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 8px 8px; }
/* ============ */

@media screen and (max-width:728px) { 
.swiper-container.swiper-slider.swiper-container-horizontal { margin-bottom:40px; padding:0 0 50px 0; border-bottom:#ddd 1px solid; }
.swiper-content .phrase.phrase-slider { width:100%; margin-bottom:10px; color:inherit;font-size:1.2em; text-align:left; text-shadow:0 0 5px rgba(255,255,255,1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:none; }
.swiper-container .swiper-content .btn__link-primary { padding:9px 30px !important; background:#7d97c6; }
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction { bottom:18px; }
}

/* ==5/14追加== */
.swiper-slider .swiper-slide {
	cursor: pointer;
}

.swiper-slider .swiper-button-prev,.swiper-slider .swiper-button-next {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	.swiper-content {
		width: 90%;
		padding: 30px 12px 30px 12px !important
	}
	
	.swiper-content .heading.heading-slider {
		max-width: 100%;
		font-size: 1.4em;
	}
}
/* ========== */

/* top */
.eyecatch__cat { background:#8BD3E6; }
#top .phrase.phrase-secondary {  }
.pickup3 h2 { color:#fff; text-shadow:0 0 8px rgba(0,0,0,0.3); }
#top .phrase.phrase-secondary {  }
.pickup3__bg.mask::after { background:rgba(105,171,191,1.0); 
mix-blend-mode:multiply;/* filter: grayscale(100%);*/
 }
.pickup3__item.pickup3__item-first.cc-bg3::before, .pickup3__item.pickup3__item-second.cc-bg3::before,
.pickup3__item.pickup3__item-third.cc-bg3::before{ background:rgba(0,50,160,1); }
.pager__item.pager__item-next a { position:relative; overflow:hidden; width:1.0em; text-indent:-4000%; }
.pager__item-next::before { right:15px; }
.pager__item.pager__item-prev a { position:relative; overflow:hidden; width:1.0em; text-indent:-4000%; }
.pager__item-prev::before { left:15px; }
@media screen and (max-width: 768px) {
.eyecatch__cat { display:none; }

.archive .eyecatch { float:left; width:45%; margin-right:5%; }
.archive .archive__contents { float:left; width:50%; }
.archive .archive__contents .heading-secondary { font-size:1.3rem; }
.archive .archive__contents .phrase-secondary { display:none; }

}

/* aside / widget */
.heading-widget { padding:5px 15px; border-radius:0; }
.widget-side .heading.heading-widget { color:inherit; background:transparent; }
.widget-side h2 { color:inherit;  border-radius:0 !important; border-left:#8BD3E6 3px solid; background:transparent; }

.widget.widget_categories ul{border:0; }
.widget.widget_nav_menu ul.menu .current-menu-item>a { color:inherit; background:transparent; }
.widget.widget_categories ul li { border-top:0; }
.widget.widget_categories ul li a,.widget.widget_categories ul li a,.widget.widget_categories ul li a:hover { color:inherit; background-color:transparent; background:transparent; }
.widget.widget_categories ul li a, .widget.widget_nav_menu ul.menu li a { margin-bottom:6px; padding:0 0 6px 10px; border-bottom:#f3f3f3 1px dotted  !important; background:transaprent; }
.widget.widget_categories ul li a::before, .widget.widget_nav_menu ul.menu li a::before { color:#8BD3E6; }

.tagcloud a, .tagcloud a:hover { color:inherit; padding:6px 9px; background:transaprent; }
.widget.widget_tag_cloud a { padding:6px 9px;border-color:#8BD3E6; color:#8BD3E6; }.widget.widget_tag_cloud a:hover { background:#8BD3E6; }
.tagcloud a::before, .tagcloud a::before:hover, .widget.widget_tag_cloud a::before { color:#8BD3E6 !important; }

.widget-side h2 { color:inherit; border-radius:0 !important; border-left:#8BD3E6 3px solid; background:transparent; }
.phrase-tertiary { display:none; }

/* Foot */
.bottomFooter { font-size:0.8em; background:#fff !important; }
.bottomFooter li { font-weight:400; }
.bottomFooter__list li { font-size:1.3rem; }
.bottomFooter a { color:#191919 !important; font-weight:400; }

.bottomFooter__topBtn {
	display: block;
  position: fixed;
	bottom: calc(15% + 20px);
	right: 28px;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	opacity: 0.75;
	transition: transform 0.8s;
}

.bottomFooter__topBtn.hidden {
	transform: translate(0, 100px);
}

.bottomFooter__topBtn:before { top:52.5%; 
right: 53%;
width:8px; height:8px; border-top:#fff 1px solid; border-right:#fff 1px solid;  }
@media screen and (max-width: 768px) {
.bottomFooter { font-size:0.8em; background:#fff !important; }
.bottomFooter li { font-weight:400; }
.bottomFooter__list li { font-size:1.3rem; }
.bottomFooter a { color:#191919 !important; font-weight:400;
	}
	.bottomFooter__topBtn {
		bottom: calc(20% + 20px);
	}
.bottomFooter__topBtn:before { top:52.5%; width:8px; height:8px; border-top:#fff 1px solid; border-right:#fff 1px solid;  }
}

/*投稿エリア*/
.postContents .content h2 { /*padding-left:1.0em; border-left:#91d3e7 3px solid;*/ }
.postContents .content h3 { /*padding-bottom:0.5em; border-bottom:#bbb 1px solid; color:#8BD3E6;*/ }
.postContents .content h4 { /*padding:0.35em 1.0em 0.25em; border-radius:5px; color:#8BD3E6; background:#fff; */}
.postContents .content h5 { /*padding:0.45em 1.0em 0.4em; border-radius:5px; color:#666; background:#e9e9e9;*/ }
.postContents .content .notice { font-size:0.85em; text-align:right; }
.postContents .content li::before { /*color:#8BD3E6 !important;
border-color: #8BD3E6;
background: rgba(0,0,0,0);*/ }
.postContents .content img { border-radius:10px; box-shadow:0 0 10px 0 rgba(0,0,0,0.05); }

/*色調整 2025.4.16*/
body {
	background-color:#ffffff;
	color:#4a4745;
}

.postContents .content {
	color:#4a4745;
}

.postContents .content a {
	color:#64a6c2;
	font-weight:800;
	margin:0 0.2em;
}

.postContents .content h2 {
	position: relative;
  	color: #4b4743;
  	text-shadow: 0 0 2px white;
	margin:4em 0em 1em;
	line-height:1.6em;
	padding-left:1.0em;
}
.postContents .content h2:before {
  	content: "";
	position: absolute;
	background: #d4e8ef;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	top: 50%;
	left:0.3em;
	top:0.6em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}

.postContents .content h3 {
	position: relative;
	font-weight: 900;
	color: #5a554f;
	padding:0.1em 0.5em;
	line-height:1.8em;
	margin:1.6em 1em 2em;
	font-size:2.0rem;
}

.postContents .content h3:after {
	content: "";
	position: absolute;
	background: #ffffff;
	width: 100%;
	height: 110%;
	border-radius: 0%;
	top: 50%;
	padding-bottom:0.1em;
	border-bottom: solid 3px #8b9bac;
	left:-0.2em;
	top:0;
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
	z-index: -1;
	box-shadow:0 0 0 0.5em #ffffff;
}

.postContents .content h4 {
	position: relative;
	font-weight: 900;
	color: #68625a;
	padding:0.3em 0.8em 0.5em 0.8em;
	line-height:1.8em;
	margin:1em 1.6em 2em;
	font-size:1.6rem;
	border-top:solid 1px #f8f8f8;
	border-bottom: solid 1px #5c95b5;
}

.postContents .content h4:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1em;
	border-radius: 0%;
	padding-bottom:0.1em;
	display: inline-block;
	border-bottom: double 4px #5c95b5;
	top:auto;
	left:0em;
	bottom:0.08em;
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
	z-index: -1;
}

.postContents .content h5 {
	position: relative;
	font-weight: 900;
	color: #827a6e;
	padding:0.1em 1em 0.3em 2em;
	line-height:1.8em;
	margin:2em 2em 2.5em;
	font-size:1.6rem;
}

.postContents .content h5:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color:#d4e8ef;
	border-radius: 1.2em;
	top:0;
	left:-0.2em;
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
	z-index: -1;
}

.postContents .content h5:after {
	content: "";
	position: absolute;
	width: 1.2em;
	height: 1.2em;
	background-color:#f7f5e9;
	border-radius: 50%;
	top:0.4em;
	left:0.4em;
	-webkit-transform: translateY(-5%);
	transform: translateY(-5%);
	z-index: -1;
	box-shadow:0.05em 0em 0.1em 0px rgba(0, 0, 0, 0.2);
}

.postContents .content  p {
	margin:1.4em;
}

.postContents .content .outline a {
	color:#4a4745;
}

.postContents .content ol {
	margin:1.4em 2em;
}

.postContents .content ol li:before{
	background-color:#445465;
	color:#f7f5e9  !important;
	font-weight:900;
	border:#445465 2px solid;
}

.postContents .content ol li ol {
	margin:0.8em 0em;
}

.postContents .content ol li ol li:before{
	background-color:#d4e8ef;
	color:#445465  !important;
	font-weight:900;
	border:#d4e8ef 2px solid;
}

.postContents .content ul {
	margin:1.4em 2em;
}

.postContents .content ul li:before{
	color:#445465  !important;
	font-weight:900;
}

.postContents .content ul li ul {
	margin:0.8em 0em;
}

.postContents .content table {
	margin:0.8em;
	width:auto;
}

/*CTAエリア*//*有田追記_221116*/
.ctaArea {
	padding:3.0em 3.0em; 
	border-radius:1.0em; 
	background:#fff;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.05); }
.products---x3 { display:flex; flex-flow:row wrap; justify-content: space-between; align-items:flex-start; }
.cover { display:flex; flex-flow:row nowrap; }
.products---x3 > li { display:block !important; width:31.5%; margin:0 !important; padding:0 !important; list-style:none !important; }
.products---x3 > li::before { content:none !important; }

@media screen and (max-width: 768px) {
.ctaArea { padding:2.0em; }
.products---x3 { flex-flow:column wrap; }
.products---x3 > li { width:100%; margin-bottom:1.5em !important; padding:0 !important; list-style:none !important; }
.products---x3 > li img { width:100%; height:100%; }
}

.products---x2 { display:flex; flex-flow:row wrap; justify-content: space-between; align-items:flex-start; }
.cover { display:flex; flex-flow:row nowrap; }
.products---x2 > li { display:block !important; width:48.5%; margin:0 !important; padding:0 !important; list-style:none !important; }
.products---x2 > li::before { content:none !important; }

@media screen and (max-width: 768px) {
.products---x2 { flex-flow:column wrap; }
.products---x2 > li { width:100%; margin-bottom:1.5em !important; padding:0 !important; list-style:none !important; }
.products---x2 > li img { width:100%; height:100%; }
}

/* pager */
.pager {
	display: flex;
	justify-content: center;
}

.page-numbers, .pager__item  {
		height: 34px;
		font-family: inherit;
}

/* 画像拡大 */
.view-pop {
	position: fixed;
	top: 0;
	bottom :0;
	right: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease-out;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}

.view-pop-flex {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.view-pop-image {
	display: block;
	margin: 0 auto;
	max-width: 90%;
	max-height: 90%;
	border-radius: 10px;
}

.visible {
	opacity: 1;
	visibility: visible;
}

/*タグ管理の枠を消す-宇田川*/
.content .afTagBox{
	display : inline-block;
  cursor       : pointer;
  transition   : .3s;
	background-color: #f5f5f5;
	border: none;
	padding: 0px;
	border-radius:10px;
}
.content .afTagBox:hover{
	box-shadow   :1px 3px 8px #dddddd;
	opacity      : 0.8;
	border-radius:10px;
	transform: translateY(-4px);
}



/*フッターリンクボタン-宇田川*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-c {
  font-size: 1.8rem;

  position: relative;

  padding: 2rem 4rem 2rem 2rem;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#007adf),
    to(#00ecbc)
  );
  background-image: -webkit-linear-gradient(left, #007adf 0%, #00ecbc 100%);
  background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

a.btn-c:before {
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;

  margin: 0;
  padding: 0;
}

a.btn-c:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);

  color: #fff;
}

/*CTAに使うボタン_宇田川*/
a.btn_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  position: relative;
  background: #29c6db;
  border: 1px solid #29c6db;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_03:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.btn_03:hover {
  background: #fff;
  color: #29c6db;
}
a.btn_03:hover:before {
  border-top: 2px solid #29c6db;
  border-right: 2px solid #29c6db;
}

/*画像に文字*/
.img-back-text {
  position: relative;
  }

.img-back-text span {
  position: absolute;
  color: black;/*文字色*/
  top: 50%;
  left: 30%;
  -ms-transform: translate(-50%,-30%);
  -webkit-transform: translate(-50%,-30%);
  transform: translate(-50%,-30%);
  margin:0;
  padding:0;
  }
.img-back-text text {
  position: absolute;/*絶対配置*/
  color: black;/*文字色*/
  margin:0;
  padding:0;
  }
.img-back-text img {
  width: 100%;
  }

/*CTAデザイン変更221116_有田*/
.ctaArea-bottom__img{
	border: 1px solid #707070;
	margin-bottom: 0 !important
}
.ctaArea-bottom__title{
	border-bottom: 4px solid #6EF3FF;  border-image: linear-gradient(to right, #6EF3FF 0%, #28C48C 100%); 
	border-image-slice: 1;
	font-size: 2.0rem;
	display: inline-block;
}
.ctaArea-bottom__text{
	margin-bottom: 3.2rem;
}

/*サイト内リンク240319ふ*/
.content .sitecard{
	position:relative;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.20);
}
.content .sitecard__contents .heading ::after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: transparent;
}

/*Tips!*/
/*トップページ上・投稿ページ下用*/
/*縦横設定*/
.dividerBottom .widget_fit_recommend_post_widget .eyecatch{
	width:100%;
	height:auto;
	aspect-ratio:16/6;
}
/*タイトル非表示*/
.dividerBottom .widget_fit_recommend_post_widget h2{
	display: none;
}
/*マウスオーバー時のエフェクト解除*/
.dividerBottom .widget_fit_recommend_post_widget .eyecatch:hover img{
	transform:initial;
	transition-duration:initial;
}
/*内容非表示*/
.dividerBottom .widget_fit_recommend_post_widget .widgetArchive__contents{
	display: none;
}
/*記事本体の内部リンク*/
.information .sitecard{
	width:30%;
	margin:1.5%;
	float:left;
}
.information .sitecard .sitecard__contents {
	width:96%;
	max-width:96%;
	margin:0 2%;
	float:none;
}
.information .sitecard .eyecatch {
	width:96%;
	height:auto;
	aspect-ratio:16/6;
	margin:2% 2% 0 2%;
	float:none;
}
.information .sitecard .sitecard__contents .heading a {
	/*記事タイトル*/
	margin-top:7%;
	font-size:clamp(7pt,3vw,10pt);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.information .sitecard .sitecard__contents .phrase {
	/*記事内容*/
	display:none;
}


/*目次デフォルト*/
.content .outline {
	width:80%;
	margin:10%;
	padding:5% 7%;
}

.content .outline .outline__title {
	margin:10%;
}

.content .outline ul {
	padding-bottom:20px;
}

.content li ul li .outline__number{
	width:7em;
	height:7em;
	padding:0;
	line-height:14em;
	text-align:center;
	background:#cfcfcf;
	color:#cfcfcf;
	padding-right:0.5em;
	font-size:0.1em;
	border-radius:30%;
}

.content .outline__number{
	width:2em;
	height:2em;
	padding:0;
	line-height:3em;
	text-align:center;
	background:#8bd3e6;
	color:#8bd3e6;
	font-size:0.5em;
	border-radius:50%;
}

.content dl dt {
	text-align:right;
	padding-right:10%;
	border-radius:10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.20);
}

.content dl dt::after {
	padding-right:2%;
	color:#555555;
}

/*フッターSNSボタン*/
/*Follow*/
.snsFooter__item {
	margin:10px;
}
.snsFooter__link {
	font-size:2.4rem;
}
.snsFooter__item .icon-twitter::before {
	content: "𝕏";
	font-size:3rem;
}

/*記事内SNSボタン*/
/*Follow*/
.l-main .widget_block .wp-block-buttons::before {
	content:"Follow us...";
	color:#8bd3e6;
	padding-top:3%;
}
.l-main .widget_block .insta_link a::before {
	color:#fff;
	content: "\ea93";
	font-family: icomoon;
}
.l-main .widget_block .insta_link a {
	padding:9px 10px;
}
.l-main .widget_block .x_link a::before {
	color:#fff;
	content: "𝕏";
}
.l-main .widget_block .x_link a {
	padding:9.5px 12px;
}
.l-main .widget_block .facebook_link a::before {
	color:#fff;
	content: "\ea91";
	font-family: icomoon;
}
.l-main .widget_block .facebook_link a {
	padding:9px 10px;
}
/*Share*/
.postContents .social-bottom::before {
	content:"Share me!";
	color:#8bd3e6;
	line-height:2em;
}
.postContents .social-bottom ul li {
	margin-top:10px;
}
.postContents .social-bottom .socialList__item a {
	padding:3px 10px;
	border-radius:50%;
}
.postContents .social-bottom .socialList__item a::after {
	display:none;
}
.postContents .social-bottom .socialList__item .icon-twitter::before {
	content:"𝕏";
}
.postContents .social-bottom .socialList__item .icon-twitter {
	padding:3px 12px;
	background:#000;
}

/*長文調整*/
/*<div class="long_len">を記事に個別指定している*/
/*画像の並び*/
.tateyoko_img img {
	width:90%;
	margin:5%;
}

/*行間*/
.long_len {
	line-height:220%;
}

.long_len p {
	margin:10px;
	padding:10px 0;
}

/*目次用設定*/
.long_len .outline {
	width:80%;
	margin:0 10% 20% 10%;
	padding:5%;
}

.long_len .outline .outline__title {
	margin:10%;
}

.long_len .outline ul {
	padding-bottom:20px;
}

.long_len li ul li .outline__number{
	width:1em;
	height:1em;
	line-height:1em;
	font-weight:bold;
	background:transparent;
	color:#cfcfcf;
	width:auto;
	font-size:1em;
	padding-right:0.5em;
}

.long_len .outline__number{
	width:2em;
	height:2em;
	padding:0;
	line-height:2em;
	text-align:center;
	background:#8bd3e6;
	color:#fff;
	border-radius:50%;
}

.long_len dl dt {
	text-align:right;
	padding-right:10%;
	border-radius:10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.20);
}

.long_len dl dt::after {
	padding-right:2%;
	color:#555555;
}

/*横幅768以上では*/
@media only screen and (min-width: 768px){
	/*画像の基本設定*/
	.long_len img {
		width:90%;
		margin:0 5%;
	}
	
	/*アイキャッチが崩れることを補正*/
	.long_len .eyecatch img {
		width:100%;
		margin:0 0;
	}
	
	/*画像の並びを横にする*/
	.tateyoko_img {
		float:left;
	}
	.tateyoko_img img {
		width:48%;
		margin:1%;
	}
	
	/*行間*/
	.long_len {
		line-height:180%;
	}

	.long_len p {
		margin:5px;
		padding:5px 0;
	}
}

/*女性＆スマホ向け*/
/*<div class="anshin-navi">を記事に個別指定している*/
/*本文の<p>*/
.postContents .content .anshin-navi p {
	margin:0.8em;
	font-size:clamp(9pt,4vw,14pt)
}

/*安心ポイント部分*/
.anshin-point {
	width:84%;
	margin:auto auto;
}
.postContents .content .anshin-point p {
	font-size:14pt;
	margin:0;
}
.postContents .content .anshin-point ul {
	margin:1em 0;
}
.postContents .content .anshin-point ul li {
	font-size:clamp(9pt,3.6vw,14pt);
	margin:1em 0;
}

/*吹き出し部分*/
.anshin-navi .balloon__text p {
	font-size:clamp(9pt,3.4vw,14pt);
	margin:0.5em 0.3em;
}

/*見出し*/
.postContents .content .anshin-navi h2 {
	font-size:clamp(16pt,6vw,20pt);
	background-color:rgba(255, 225, 234, 0.7);
	border-radius:50% 50% 50% 70%/50% 50% 70% 60%;
	box-shadow: 1px 1px 5px rgba(255, 225, 234, 1);
}
.postContents .content .anshin-navi h2 .anshin-sub {
	font-size:clamp(12pt,4.8vw,16pt);
}
.postContents .content .anshin-navi h3 {
	font-size:clamp(14pt,5.2vw,18pt);
}

/*サイト内カード*/
.anshin-navi .sitecard {
	/*白いぼかし枠背景*/
	margin:5%;
	padding:3%;
	background-color:#ffffff;
	box-shadow:0px 0px 5px 5px #ffffff;
	border:dashed 1px #8bd3e6;
	border-radius:0%;
	display:flex;
}
.anshin-navi .sitecard .sitecard__subtitle {
	width:100%;
	background-color:rgba(255, 255, 255, 0.50);
	box-shadow: 1px 1px 3px rgba(139, 211, 230, 0.50);
	font-size:clamp(7pt,3vw,12pt);
}
.anshin-navi .sitecard .sitecard__contents {
	width:auto;
	max-width:55%;
}
.anshin-navi .sitecard .sitecard__contents .heading a {
	/*記事タイトル*/
	margin-top:5%;
	font-size:clamp(10pt,3.4vw,14pt);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.anshin-navi .sitecard .sitecard__contents .phrase {
	/*記事内容*/
	margin-top:5%;
	padding-top:5%;
	border-top:solid 1px #8bd3e6;
	font-size:clamp(7pt,3vw,12pt);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.anshin-navi .sitecard .eyecatch {
	width:30vw;
	height:180px;
	margin:8% 2% 0% 5%;
	display:flex;
}

/*横幅768以下では*/
@media only screen and (max-width: 768px){
	.anshin-navi .sitecard {
		flex-direction:column-reverse;
	}
	.anshin-navi .sitecard .sitecard__contents {
		width:96%;
		max-width:96%;
		margin:0 2%;
		float:none;
	}
	.anshin-navi .sitecard .eyecatch {
		width:96%;
		height:auto;
		aspect-ratio:16/6;
		margin:12% 2% 0 2%;
		float:none;
	}
	.anshin-navi .sitecard .sitecard__contents .heading a {
		/*記事タイトル*/
		-webkit-line-clamp: 1;
	}
	.anshin-navi .sitecard .sitecard__contents .phrase {
		/*記事内容*/
		margin-top:3%;
		padding-top:3%;
		-webkit-line-clamp: 2;
	}
}

/*サイト外カード*/
.anshin-navi .blogcard {
	/*白いぼかし枠背景*/
	margin:5%;
	padding:3%;
	background-color:#ffffff;
	box-shadow:0px 0px 5px 5px #ffffff;
	border:dashed 1px #e68bd3;
	border-radius:0%;
	display:flex;
}
.anshin-navi .blogcard .blogcard__subtitle::before {
	content:"参考サイト💡";
	padding-left:1%;
}
.anshin-navi .blogcard .blogcard__subtitle {
	width:100%;
	max-width:100%;
	background-color:rgba(255, 255, 255, 0.50);
	box-shadow: 1px 1px 3px rgba(230, 139, 211, 0.50);
	font-size:clamp(7pt,3vw,12pt);
}
.anshin-navi .blogcard .blogcard__contents {
	width:auto;
	max-width:55%;
}
.anshin-navi .blogcard .blogcard__contents .heading a {
	/*記事タイトル*/
	margin-top:5%;
	font-size:clamp(10pt,3.4vw,14pt);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.anshin-navi .blogcard .blogcard__contents .phrase {
	/*記事内容*/
	margin-top:5%;
	padding-top:5%;
	border-top:solid 1px #e68bd3;
	font-size:clamp(7pt,3vw,12pt);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.anshin-navi .blogcard .eyecatch {
	width:30vw;
	height:180px;
	margin:8% 2% 0% 5%;
	display:flex;
}

/*横幅768以下では*/
@media only screen and (max-width: 768px){
	.anshin-navi .blogcard {
		flex-direction:column-reverse;
	}
	.anshin-navi .blogcard .blogcard__contents {
		width:96%;
		max-width:96%;
		margin:0 2%;
		float:none;
	}
	.anshin-navi .blogcard .eyecatch {
		width:96%;
		height:auto;
		aspect-ratio:16/4;
		margin:12% 2% 0 2%;
		float:none;
	}
	.anshin-navi .blogcard .blogcard__contents .heading a {
		/*記事タイトル*/
		-webkit-line-clamp: 1;
	}
	.anshin-navi .blogcard .blogcard__contents .phrase {
		/*記事内容*/
		margin-top:3%;
		padding-top:3%;
		-webkit-line-clamp: 2;
	}
}

/*カテゴリ記事一覧*/
.anshin-navi .archiveScode__item {
	/*白いぼかし枠背景*/
	margin:5%;
	padding:3%;
	background-color:#ffffff;
	box-shadow:0px 0px 5px 5px #ffffff;
	border:dashed 1px #8bd3e6;
}
.anshin-navi .archiveScode__item img {
	/*画像を丸に*/
	border-radius:50%;
}
.anshin-navi .archiveScode__item .the__category {
	width:100%;
	background-color:#ffffff;
}
.anshin-navi .archiveScode__item .the__category a::before {
	/*フォルダマーク*/
	color:#8bd3e6;
}
.anshin-navi .archiveScode__item .the__category a {
	/*フォルダ名*/
	font-size:clamp(7pt,3vw,12pt);
	color:#aaaaaa;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.anshin-navi .archiveScode__contents .heading {
	/*記事タイトル*/
	padding-top:5%;
	border-top:solid 1px #8bd3e6;
	font-size:clamp(10pt,3.4vw,14pt);
}
.anshin-navi .archiveScode__contents .heading a {
	/*記事タイトル*/
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}