@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*H1*/
.article h1{clear:both;}/*パンくずfloatクリア*/
/* H2 */
.article h2 {
padding: 0.5em;/*文字周りの余白*/
 color: #494949;/*文字色*/
background: #FEF7F4;/*帯の背景色*/
border-left: solid 7px #EB5A24;/*帯の左線（実線 太さ 色）*/
	padding-left: 15px;
}
 

/* H3 */
.article h3 {
	border-top:none;
  border-bottom:none;
  border-left:none;
  border-right:none;
  padding: 0;
  position: relative;
  padding-left: 25px;
}

.article h3:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #EB5A24;
}
.article h3:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px #EB5A24;
}
/*パンくず追加CSS*/
.breadcrumb-home{text-decoration:none;float:left;}
.breadcrumb-home:hover{color:#777;}
.breadcrumb-home0{font-size:13px;}
.breadcrumb-home0:before{content:"\f105";font-family: FontAwesome;}
.breadcrumb-clone{float:left;}
.clearfix::after{content:"";display:block;clear:both;}

/* 吹き出しアイコン */
div.speech-balloon {
  height: 100%;
  position: relative;
  padding: 10px;
  background-color: #fff;
  border: 2px solid #EB5A24;
  border-radius: 6px;
  word-break: break-all;
}

.sbp-r:not(.not-nested-style) .speech-balloon::before{
  right: -12px;
  left: auto;
  border-left: 12px solid #EB5A24;
  border-right: none;
}
.sbp-r .speech-balloon::after {
  right: -9px;
  left: auto;
  border-left: 12px solid #fff;
  border-right: none;
}

/*吹き出しアイコンのボーダー色*/
.speech-icon img,
.speech-icon amp-img {
  border-radius: 50%;
  border: 2px solid #EB5A24;
  width: 100%;
}

/*bycocoon消去 観覧数消去*/
.admin-pv {
    display: none;
}


/*サイドバー*/
.sidebar .wp-block-image img{display:inline;}
.sidebar h3 {
  background-color: #083057;
  padding: 5px;
  padding-left: 10px;
  margin: 16px 0;
  border-radius: 2px;
  color: #fff;
}
.sidetop-banner{text-align:center;margin-top:0;}
/*人気記事一覧調整*/
.popular-entry-card.widget-entry-card.e-card.cf{display:flex;align-items:center;justify-content:space-between;}
.popular-entry-card.widget-entry-card.e-card.cf>.widget-entry-card-content{margin-left:2%;font-weight:bold;font-size:1.2em;}
/*フッターナビの仕切り*/
.navi-footer-in > .menu-footer li {
  width: 120px;
  border-left: 1px solid #fff;
}
.navi-footer-in > .menu-footer li:last-child {
  border-right: 1px solid #fff;
}

/*投稿タイトルエントリーカード*/
.entry-card-title, .related-entry-card-title {
  font-size: 22px;
  margin-top: 5px;
  margin-bottom: 3px;
}


/*投稿サムネイル文章*/
.entry-card-snippet, .related-entry-card-snippet {
 line-height: 1.4;
 font-size: 1.0em;
}

/*アイキャッチカテゴリ非表示*/ 
.eye-catch .cat-label {
    display: none;
}

/*EC 用リストデザイン変更CSS*/ 

ol { list-style: none; }

ol li {
	position: relative;
	padding-left: 0.3em;
	margin: 1em 0;
}

ol li:before {
	content: url( https://www.well-corp.jp/solution/wp-content/uploads/2020/11/ec_linkbutton2.png );
	position: absolute;
	left: -15px;
	top: 1px;
}

ol li a {color: #083057;}

ol li a:hover {color:#EB5A24;}

/*WDヘッダー*/
	.wd-header{
		width:100%;
		background-color:#fff;
		display:flex;
		justify-content:space-between;
		align-items: center;
		margin:0 10px 0 0;
	}

.wd-header .left-area{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin-left:2.5%;
}
.wd-header .logo-area a:hover{
	opacity:0.8;
}
.wd-header .left-area .logo-area,.wd-header .left-area .tel-area{
	margin-right:1%;
}
.wd-header .right-area{
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin-right:2.5%;
}
.wd-header .right-area .tel-area,.wd-header .right-area .copy-area{
	margin:0 2% 0 0;
}
.wd-header .button-area a:hover{
	opacity:0.8;
}
/*220201賢者ヘッダー*/
.factory-header{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0.3% 2%;}
.factory-header h1{width:236px;margin-right:2%;padding:18px 0 0 0;box-sizing:border-box;}
.sns-block{display:none;}
/*.factory-header h1 img{width:78%;}*/
.header-button{display:flex;width:50%;}
.header-right-button{justify-content:flex-end;}
.header-c-button a{
width: 184px;
 height: 39px;
 display: block;
float:left;
 background-image: url(https://www.well-corp.jp/factory/wp-content/uploads/2019/07/header01.png);
 margin-top: 18%;
}
.header-k-button a {
 width: 184px;
 height: 39px;
 margin-left: -1%;
 display: block;
 float: left;
 background-image: url(https://www.well-corp.jp/factory/wp-content/uploads/2019/07/header02.png);
 margin-top: 18%;
 clear:both;
}
.header-c-button a:hover,.header-k-button a:hover{
background-position: 0 -38px;
}
.header-cvbutton{
width: 155px;
height: 37px;
display: block;
margin-left: 2%;
border-radius: 7px;
text-align: center;
padding-top: 9px;
}
.header-sample{
background: linear-gradient(180deg, #2E9ED7 78%, #036EAF 100%);
}
.header-contact{
background: linear-gradient(180deg, #00C186 78%, #00966F 100%);
}
/*用語集ロゴまわり*/
.header-in{display:flex;align-items:center;justify-content:center;flex-direction:column;}
/*検索窓*/
.serch-area{max-width:600px;}
.serch-area>.search-title{font-size:1.1em;padding-left:1em;}
.serch-area>.search-box{margin-top:0.1em;width:500px;}
.serch-area>.search-box>.search-edit{border:1px solid #383332;}
.serch-area>.search-box>.search-edit::placeholder{color:#383332;}
.search-submit{font-size:30px;padding:8px;color:#383332;top:0;}
/*グロナビ*/
.navi-in > ul{flex-wrap:nowrap!important;}
/*更新情報*/
#newarrival-title{
	margin-top:1.5em;
}
/*資料DLページアーカイブ・投稿*/
.dmbanner-box{margin:1.5% 0 3%;}
body.post-type-archive-download .tab_content,body.tax-download_cat .tab_content{margin:0 7%;}
body.post-type-archive-download .ect-vertical-card,body.tax-download_cat .ect-vertical-card{justify-content:flex-start;}
body.post-type-archive-download .sidebar.nwa.cf,body.post-type-archive-download .navi.cf,body.single-download .sidebar.nwa.cf,body.single-download .navi.cf,body.tax-download_cat .sidebar.nwa.cf,body.tax-download_cat .navi.cf{display:none;}
body.post-type-archive-download .main,body.single-download .main,body.tax-download_cat .main{width:100%;}
body.post-type-archive-download .tabs,body.tax-download_cat .tabs{text-align:center;margin:2% 0;}
body.post-type-archive-download .tabs .button,body.tax-download_cat .tabs .button{padding:0.5% 1%;cursor:pointer;border-radius:50px;margin-bottom:1%;background-color:#f7f7f7;color:#083057;border:solid 1px #083057;font-weight:bold;text-decoration:none;font-size:13px;display:inline-block;}
body.post-type-archive-download .tabs .button:nth-of-type(2),body.tax-download_cat .tabs .button:nth-of-child(2){height:2.3em;}
body.post-type-archive-download .archive-main,body.tax-download_cat .archive-main{display:flex;justify-content:space-around;flex-wrap:wrap;}
body.post-type-archive-download .archive_card,body.tax-download_cat .archive_card{padding:1%;box-sizing:border-box;margin:0 0.3% 1.5% 0.3%;width:250px;border:solid 1px #cecece;}
body.post-type-archive-download .archive_card>a,body.tax-download_cat .archive_card>a{text-decoration:none;}
body.post-type-archive-download .archive_card:hover,body.tax-download_cat .archive_card:hover{background-color:#f5f8fa;opacity:0.9;}
body.post-type-archive-download .archive_card>a .thumbnail_c,body.tax-download_cat .archive_card>a .thumbnail_c{margin:0 auto;width:200px;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8%;margin-top:2%;}
body.post-type-archive-download .archive_card>a .thumbnail_c>img,body.tax-download_cat .archive_card>a .thumbnail_c>img{object-fit: contain;}
body.post-type-archive-download .card_title,body.tax-download_cat .card_title{margin:4% 0 0 0;color:#333;font-size:16px;line-height:150%;height:45px;overflow:hidden;}
body.post-type-archive-download .card_text,body.tax-download_cat .card_text{margin:0;color:#333;}
body.post-type-archive-download .tag-text,body.tax-download_cat .tag-text{margin:0 1%;color:#083057;font-size:12px;padding:1.4% 5%;border-radius:50px;display:inline-block;background:#f7f7f7;border:solid 1px #083057;font-weight:bold;}
body.post-type-archive-download .tag-text:nth-of-type(1),body.tax-download_cat .tag-text:nth-of-type(1){margin-left:0;}
body.post-type-archive-download .dlbutton,body.tax-download_cat .dlbutton{background-color:#083057;text-align:center;color:#fff;font-weight:bold;margin:5% 10% 2% 10%;border-radius:50px;padding:2.5% 0;}
body.post-type-archive-download .dlbutton:before,body.tax-download_cat .dlbutton:before{content:url(https://www.well-corp.jp/solution/wp-content/uploads/2022/09/dl-icon.png);padding-right:3%;vertical-align:middle;}
body.post-type-archive-download .text-center,.single-download .text-center,body.post-template-default .text-center,body.tax-download_cat .text-center{text-align:center;}
.button_top{display:block;padding:1% 2%;border:solid 1px #083057;text-align:center;width:40%;margin:0 auto;}
.button_top:after{content:"▶";padding-left:2%;}
body.single-download .button-area{display:flex;justify-content:space-around;flex-wrap:wrap;}
body.single-download .breadcrumb-download{margin:1.1% 0;}
body.single-download h2{padding: 0.5em;color: #494949;background: #FEF7F4;border-left: solid 7px #EB5A24;padding-left: 15px;}
body.single-download .sns-share{display:none;}
body.single-download .eye-catch-wrap{margin:3% 0 2% 0;}
/*投稿ページ広告バナー上賢者CVボタン*/
.kenja-cv{display:flex;padding:2% 0;}
.kenja-cv a{margin:0.5%;}
/*広告バナーエリア*/
.ad-area{
	width:100%;
	display:flex;
}
.under-ad1{
		margin-left:40px;
	}
.under-ad2{
	margin-left:20px;
}
/*CTA用アニメーション*/
.animation-box{overflow:hidden;}
.animation-box .kira-img{position:relative;overflow:hidden;display:block;text-align:center;}
.kira-img::before{
	content: '';
    /*絶対配置でキラッと光るの位置を決める*/
  position: absolute;
  top: 0;
  left: -75%;
    /*キラッと光る形状*/
    width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform: skewX(-25deg);
  animation:kiran 1.5s infinite;
}
@keyframes kiran {
	0%{left:-75%;}
	100% {left: 125%;}
}
/*.animation-box .kira-img{position:relative;overflow:hidden;}
.kira-img::before{position:absolute;content:'';display:inline-block;top:-99px;left:-30%;width:50%;height:140%;background-color:#fff;animation:kiran 2.5s ease-in-out infinite;}
@keyframes kiran {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
tesuto	
0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  82% {transform: scale(0) rotate(45deg); opacity: 0.5;}
  84% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}*/
/*WDフッター*/
   .f-area201026{
		width:100%;
		background-image:url(https://well-direct.com/potal/img/190617/footer-back.png);
		padding-top:40px;
		font-size:0px;
	}
	.f-area201026 .logoside{
		border:medium solid #fff;
		font-size:16px;
		margin:0 3%;
	}
	.f-area201026 .logoside span{
		font-size:11px;
	}
	.f-area201026 .itemservice-list{
		width:100%;
		padding-bottom:30px;
		font-size:14px;
		margin-top:30px;
		padding:0 3%;
	}
	.f-area201026 .itemservice-list table{
		margin-top:0px;
		width:100%;
		border-collapse: collapse;
		border:0;
	}
	.f-area201026 .itemservice-list th{
		font-size:14px;
		border-bottom:medium solid #535353;
		border-top:0px;
		border-right:0px;
		border-left:0px;
		text-align:left;
		background-image:url(https://well-direct.com/potal/img/190617/footer-back.png);
	}
	.f-area201026 .itemservice-list .midasi1{
		width:20%;
	}
	.f-area201026 .itemservice-list .midasi2{
		width:17.5%;
	}
	.f-area201026 .itemservice-list .midasi3{
		width:17.5%;
	}
	.f-area201026 .itemservice-list .midasi4{
		width:14%;
	}
	.f-area201026 .itemservice-list .midasi5{
		width:17.5%;
	}
	.f-area201026 .itemservice-list .midasi6{
		width:17.5%;
	}
	.f-area201026 .itemservice-list td{
		font-size:12px;
		background-image:url(https://well-direct.com/potal/img/190617/footer-back.png);
		border:0;
	}
.f-area201026 .itemservice-list td a{
	background-image:url(https://well-direct.com/potal/img/180423/little-tri-pointer.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	color:#444;	
}
.f-area201026 .itemservice-list td a:hover{
	color:#686868;
	text-decoration:none;
}
.f-area201026 .footer-info{
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap: wrap;	    
}
.f-area201026 .footer-info .f-logoarea,.f-area201026 .footer-info .f-middlearea,.f-area201026 .footer-info .f-leftarea,.f-area201026 .footer-info .f-icon-area{
display:block;	
clear:both;
}
.f-area201026 .footer-info .f-middlearea p{
font-size:17px;
font-weight:bold;
}
.f-area201026 .footer-info .f-middlearea p span{
font-size:16px;
font-weight:normal;
}
.f-area201026 .footer-info .f-middlearea .footer-info-comp{
	    padding-top:1px;
		font-size:14px;
		background-image: url(https://well-direct.com/template/default/img/top/kuro-pointer.png);
		background-repeat:no-repeat;
		background-position:left 3px;
		text-align:left;
		font-weight:bold;
		padding-left:30px;
		margin:0 4% 0 1.5%;
	    float:left;
}
.f-area201026 .footer-info .f-middlearea .footer-info-comp a{
	    color:#444;
}
.f-area201026 .footer-info .f-middlearea .footer-info-comp a:hover{
	color:#686868;
	text-decoration:none;
}
.f-area201026 .footer-info .f-leftarea ul{
	    font-size:14px;
		list-style:none;
	    display:block;
	    padding:0;
}
.f-area201026 .footer-info .f-leftarea ul li{
		padding-left:30px;
		background-image: url(https://well-direct.com/template/default/img/top/kuro-pointer.png);
		background-repeat:no-repeat;
		background-position:left center;
}
.f-area201026 .footer-info .f-leftarea ul li a{
	    color:#444;
}
.f-area201026 .footer-info .f-leftarea ul li a:hover{
	color:68686868;
	text-decoration:none;
}
.f-area201026 .f-text{
	text-align:center;
	background-color:#083057;
	color:#fff;
	width:100%;
	font-size:14px;
	padding:0.5% 0;
}
/*賢者フッター*/
.f-text{background-color:#777;color:rgba(255,255,255,.5);padding:0.5% 4%;font-size:12px;}
.f-text a{color:rgba(255,255,255,.7);text-decoration:none;}
.f-text a:hover{color:#fff;text-decoration-line:underline;}
.footerfix_sp_ad{display:none;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	.header-tel{display:none;}
	.header-button{width:auto;}
	.header-cvbutton{margin-top:0;}
	body.post-type-archive-download .tab_content,body.tax-download_cat .tab_content{margin:0 2%;}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
.sidetop-banner{display:none;}
body.single-download .breadcrumb-download{margin:1.3% 0;}
body.single-post .serch-area{margin:0 auto;}
}

/*1000px以下*/
@media screen and (max-width: 1000px){
  /*必要ならばここにコードを書く*/
	.header-right-button{display:none;}
	.footerfix_sp_ad{display:block;text-align:center;position:fixed;bottom:0;left:calc(50% - 100%/2);z-index:100;width:100%;display:flex;justify-content:center;align-items:center;}
	/*.f-text{margin-bottom:90px;}footer SP固定広告用*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	.header-c-button{display:none;}
	.header-k-button{display:none;}
	.serch-area>.search-box{max-width:300px;}
	.kenja-cv{flex-wrap:wrap;justify-content:center;}
	body.single-download .breadcrumb-download{margin:1.9% 0;}
/*資料DLページ*/
	body.post-type-archive-download .tab_content,body.tax-download_cat .tab_content{margin:0;}
	body.post-type-archive-download .ect-vertical-card,body.tax-download_cat .ect-vertical-card{justify-content:center;}
/*資料DLページタグボタン*/
body.post-type-archive-download .tabs .button:nth-of-type(2){height:1.8em;}
	
/*フッターナビの仕切り右*/
.navi-footer-in > .menu-footer li:last-child {
  display: none;
}
	/*投稿タイトル*/
.entry-card-title, .related-entry-card-title {
  font-size: 15px;
}
	/*投稿サムネイル文章*/
.entry-card-snippet, .related-entry-card-snippet {
 line-height: 1.4;
 font-size: 0.8em;
}
	
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.sns-block{display:flex;}
.sns-block>a{margin-left:1.8%;}
.wd-header{
		width:100%;
		background-color:#fff;
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
	    flex-wrap:wrap;
		
	}
	.wd-header .logo-area,.wd-header .copy-area,.wd-header .tell-area,.wd-header .button-area{
		padding:0.8% 0;
	}
	.wd-header .right-area{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	width:100%;
	margin:0;
	}
	.wd-header .left-area{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-around;
	flex-wrap:wrap;
	width:100%;
	margin:0;
	}
	h1.logo.logo-header.logo-image,div.logo.logo-header.logo-image{background-image:url(https://www.well-corp.jp/solution/wp-content/uploads/2022/11/y-top-logo_mobile.png);background-size:100%;background-position:center;background-repeat:no-repeat;margin-bottom:2%;}
	img.site-logo-image.header-site-logo-image{opacity:0;}
	h1>a>img{max-width:80%;}
	/*カスタム投稿*/
	body.single-download .breadcrumb-download{margin:3% 0;}	
	.f-area201026 .footer-info .f-right-area{
	width:100%;
	display:flex;
	flex-direction:column;
	margin:3% 0;
	}
	.f-area201026 .footer-info .f-right-area{
	width:100%;
	display:flex;
	flex-direction:column;
	margin:3% 0;
	}
	.f-area201026 .footer-info .f-logoarea{
		margin:3% 0 0 0;
	}
	.f-area201026 .itemservice-list{
		display:none;
	}
	/*広告部分スマホ表示*/
	.ad-area{
	width:100%;
	display:flex;
	flex-direction:column;
	}
	.under-ad1,.under-ad2{
		margin-left:0;
		margin-top:10px;
	}
	/*フッター運営会社、問い合わせリンク*/
	.f-area201026 .footer-info .f-middlearea .footer-info-comp{
	    padding-top:1px;
		font-size:14px;
		background-image: url(https://well-direct.com/template/default/img/top/kuro-pointer.png);
		background-repeat:no-repeat;
		background-position:left 3px;
		text-align:left;
		font-weight:bold;
		padding-left:30px;
		margin:0 4% 0 11%;
	    clear:both;
}
/*フッターリンクリスト*/
.f-area201026 .footer-info .f-leftarea ul{
	    font-size:14px;
		list-style:none;
	    display:block;
	    padding:0;
	    margin:3px 0;
}
.f-area201026 .footer-info .f-icon-area{
margin-bottom:3%;		
		
	}
}