@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page .sns-share,
.page .sns-follow,
.single-faq .sns-share,
.single-faq .sns-follow {
    display: none;
}

.sidebar h3 {
    padding: 16px 16px;
}
.widget_categories > ul > li > a {
    border-bottom: 1px solid #eee;
    margin-top: 15px;
}
.widget_categories ul li ul {
    font-size: 0.8em;
}
.entry-card-title, .related-entry-card-title {
    margin-top: 10px;
}
/*固定ページの関連記事*/
.page-template-default .rect-mini-card .related-entry-card-content {
    margin-left: 0px;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
}
.page-template-default .rect-mini-card .related-entry-card-thumb,
.page-template-default .author-info {
    display: none;
}
.page-template-default .rect-mini-card .related-entry-card-wrap {
    margin-bottom: 0px;
}


/*その他のテンプレートページ追加*/
#guide-wrap.other .data-download-tab .other a,
#guide-wrap.seal .data-download-tab .seal a{
    color: #FFF;
    background: #E60012;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	#guide-wrap.other .data-download-tab .other a,
	#guide-wrap.seal .data-download-tab .seal a{
    background: #201F1F;
    border-color: #201F1F;
	}
	.post-type-archive.post-type-archive-column .entry-card-wrap .entry-card-thumb, .single-column .entry-card-wrap .entry-card-thumb{
		-ms-flex: auto;
    	flex: auto;
	}
	.post-type-archive.post-type-archive-column .entry-card-wrap .entry-card-content, .single-column .entry-card-wrap .entry-card-content{
		-ms-flex: auto;
    	flex: auto;
		width:100%;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.sp-none{
		display: none;
	}
}




/*voice用20190906*/
.voice-list{
border:2px solid #4F4F4F;
padding:10px;
margin-left:0 !important;
margin-right:0 !important;}
.voice-list .ttl{}
.voice-list .ttl .name{
display:block;
border-bottom:2px solid #4F4F4F;
padding-bottom:4px;
font-size:1.1em;
font-weight:bold;}
.voice-list .ttl .month{
display:inline-block;
position:relative;
left:2px;}
.voice-list .p-name{
overflow:hidden;
padding: 0px 0px 0px 100px;
margin-top:0;}
.voice-list .p-name dt{
display:inline-block;
position:absolute;
left:8px;}
.voice-list .p-name dd{
margin-left:0;
display:inline-block;}
.voice-list .voice-txt{}


@media only screen and (min-width: 767px){
.voice-list .p-name dt{
left:16px;}
.global-navi .left-menu .box-list.col-3 a {
    -ms-flex: 0 1 calc(33% - 2rem);
	flex: 0 1 calc(33% - 2rem);}
	.wp-wrapper .hm-phone{font-size:2.5rem;}

}

.go-to-top{
	bottom:10%;
}

/*カテゴリ説明文*/
#cat-description .content-inner{padding:0 10px;}

/*加工の種類を選ぶページ*/
.kakou-link{
	padding-left:10px;
	padding-right:10px;
}
.kakou-link p{
	text-align:center;
	margin-top: 1.0rem;
    margin-bottom: 1.0rem;
}
@media only screen and (min-width: 767px){
	.kakou-link{
		max-width:500px;
	}
	.kakou-link p{
		padding-right:0;
	}
	
	/*カテゴリ説明文*/
	#cat-description{text-align:center;}
}

/*無料デザインサービス*/
@media screen and (min-width:480px) {
.pc-al {
    text-align: center;
}

}
.al-c{
	text-align: center;
}

.red-btn {
    color: #c1272d;
    border: solid 1px #c1272d;
    background-color: #fff;
    padding: 10px 20px;
    display: block;
    font-size: .9em;
    width: 100%;
    font-weight: 600;
}
.red-btn:hover {
    color: #fff;
    border: solid 1px #c1272d;
    background-color: #c1272d;
}

.postid-13124 .wrapper-ttl{
	text-align: center;
}
.postid-13124.single-guide .main h2{
	background-color:#fff;
	    padding: 1rem;
}
.postid-13124.single-guide .main h3{
margin: 4rem 0 0;
    font-size: 1.8rem;
    border-bottom: none;
    padding: 0;
}
.postid-13124.single-guide .main h2.black{
	background-color:#141414;
	color:#fff;
}

.row-blue{
background-color: #d7e8fc;
    padding: 0 20px 0!important;

}
.row-eq-height{
	display: flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.dip, ol.dip {
    list-style: disc;
    padding-left: 20px;
}
.hetitle3 {
    font-weight: 600;
    font-size: 1.2em;
}
.puldk ul.dip li, .puldk .hetitle3{
    color: #a95281;
}
.puldk ul.dip {
    margin-top: 0;
}

ul.dip li {
    margin-bottom: 15px;
		line-height: 1.75;
}
.puldk ul.dip li, .puldk .hetitle3 {
    margin-bottom: 10px;
	line-height: 1.75;
}
.puldk ul.dip.cc li, .puldk .hetitle3.cc{
	color: #4f5cab;
}

.postid-13124 #toc{
	display:none;
}


.postid-13124 #online-1,.postid-13124 #online-2,.postid-13124 #online-3,.postid-13124 #online-4,.postid-13124 #online-5{
padding-top:150px!important;
    margin-top:-150px!important;
}



.post-type-archive-hakuasobi #archive-title {
  border-bottom: none;
  padding-bottom: 0; 
margin-bottom:25px;
}
.post-type-archive-hakuasobi #archive-title img{
  max-width: 280px
}

.post-type-archive-hakuasobi .entry-card-wrap,
.single-column .entry-card-wrap {
  display: block;
  width: 100%; }
  .post-type-archive-hakuasobi .entry-card-wrap .entry-card,
  .single-column .entry-card-wrap .entry-card {
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
  .post-type-archive-hakuasobi .entry-card-wrap .entry-card-thumb,
  .single-column .entry-card-wrap .entry-card-thumb {
    width: 100%;
    height: auto;
    padding-right: 20px;
    flex: 1 0 320px; }
  .post-type-archive-hakuasobi .entry-card-wrap .entry-card-content,
  .single-column .entry-card-wrap .entry-card-content {
    flex: 1 1 auto; }
.post-type-archive-hakuasobi .ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    width: 100%;
}

@media screen and (max-width: 480px) {
.postid-13124 #online-1,.postid-13124 #online-2,.postid-13124 #online-3,.postid-13124 #online-4,.postid-13124 #online-5{
padding-top:50px!important;
    margin-top:-50px!important;
}
.postid-13124.single-guide .main h2{
font-size: 1.8rem;
}
}


/*ボタン
=========================*/


div.w_textbox1{
background-color: #EFF8FB;
padding: 20px 35px;
}

.w_link_grd a {
  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;
  border-radius: 0.5rem;
}

.w_link_grd a {
  font-size: 2rem;
	width: 100%;
  color: #fff!important;
  border-radius: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fa709a),
    to(#fee140)
  );
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}



.w_link_grd a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fee140),
    to(#fee140)
  );
  background: -webkit-linear-gradient(left, #fee140 0%, #fee140 100%);
  background: linear-gradient(to right, #fee140 0%, #fee140 100%);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}


.w_link_red a {
    background: #e60012;
    border-color: #e60012;
    color: #fff;
	font-size: 1.6rem;
    padding: 10px 16px;
	display: block;
    width: 100%;
	text-align: center;
	font-weight: 600;
}
.w_link_red a:hover {
	color:#fff;
	opacity: 0.7;
}
.w_link_red a span.fa.fa-link{
    display: none;
}


/*余白調整css
=========================*/
.m0{ margin: 0!important; }
.m0-t{ margin-top: 0!important; }
.m0-r{ margin-right: 0!important; }
.m0-b{ margin-bottom: 0!important; }
.m0-l{ margin-left: 0!important; }

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }


#guide-wrap.faq .faq-item,
.guide-faq-wrap .faq-item {
	display: block;
}


/*追記_清水口*/
.post-type-archive-hakuasobi #categories-4{
	display:none;
}




/*追記_保浦　ワードプレスフッター用*/
.link-list h3{
		margin-top:0;
		border-bottom:solid 1px #fff;
	}
	.link-list .flex-wrap {
    text-align: left;
	        margin-left: 0!important;
        margin-right: 0!important;
}
    .flex-wrap .footer-item {
        flex-basis: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #foot-link .link-list li {
        display: block;
 
    }
  .dli-mail {
    display: inline-block;
    vertical-align: middle;
    color: white; /* 白色に変更 */
    line-height: 1;
    position: relative;
    width: 1.06667em;
    height: 0.8em;
    border: 0.1em solid currentColor;
    border-radius: 0.1em;
    box-sizing: content-box;
    overflow: hidden;
  }

  .dli-mail::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 0.75425em;
    height: 0.75425em;
    border: 0.1em solid currentColor;
    border-top-color: transparent;
    border-right-color: transparent;
    border-radius: 0 0 0 0.1em;
    box-sizing: content-box;
    transform: translate(-50%, -50%) rotate(-45deg) skew(10deg, 10deg);
  }
    #foot-link .sns-wrap ul{
		text-align: left;
    }
		
	@media (min-width: 768px) {
	#foot-link .company-info {
    flex-basis: 30%!important;
}	
	#foot-link .link-list {
    flex: 1 1 35%!important;
    text-align: left;
}	
}		
#foot-link .wrapper {
    align-items: self-end!important;
}
	@media (max-width: 767px) {
    #foot-link .sns-wrap {
        display: unset!important;
        margin: 2rem 0!important;
    }
    #foot-link .sns-wrap ul{
		text-align: center!important;
		        margin: 2rem 0!important;
    }	
    #foot-link .sns-wrap li {
        padding: 0;
        margin: .65rem;
    }
}
	
#foot-link .company-info dt {
    font-size: 1.5rem!important;
}
#foot-link .company-info dd {
    font-size: 1.3rem!important;
}
#foot-link .link-list h3 {
    font-size: 1.5rem!important;
}
#foot-link .link-list a {
    font-weight: 500!important;
}