@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";background-color:#fff;}
/*header{width:100%;height:auto;position:absolute;}*/
a:hover{color:#800000;}
.content-in{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; width:100%;max-width:1240px;}
.main{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; margin: 0 auto;}
h1.entry-title .news{display:none;}
#header-in{width:280px;margin-left:10px;}
.logo-header{margin-top:-20px;}
.site-logo-image{margin-top:0px;}
.logo-image, .header-site-logo-image, .site-name-text{padding:0px;margin-top:0px;}
#navi-in.navi-in{margin-top:0px;float:right;}
.eye-catch-wrap .display-none, .entry-categories-tags{display:none;}
.author-info,
.date-tags,
.archive-title .fa-folder-open {display: none;}
#breadcrumb{margin-top:-20px;}
#breadcrumb a:hover{color:#800000;}
#breadcrumb .fa-file-o,
#breadcrumb .fa-home,
#breadcrumb .fa-folder, #breadcrumb .fa-file{display: none;}
.entry-card-thumb .cat-label, .eye-catch .cat-label{display: none;}
.gazo img:hover, .gazo i:hover{
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity:0.6;
background-color: #ffffff;}
.sp-chosei{}
.sp-yoyaku{}
.entry-content{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#111;}
.entry-card-content {
  margin-left: 230px;/*sdo 330px*/}
.ect-vertical-card .entry-card-wrap {
	width: 29.5% !important;}
.rect-mini-card .related-entry-card-content {
    margin-left: 16% !important;/*32%*/}
.related-entry-card-content {
  margin-left: 70px !important;/*sdo170*/}
.rect-mini-card .related-entry-card-content {
    margin-left: 16% !important;/*32%*/}
.eye-catch-wrap{padding-top:20px;padding-left:30px;}
.entry-content{padding-top:20px;padding-left:30px;}

.news{padding: 1px 4px 1px 4px;margin-bottom:0px;background-color:#ff6666;font-size:70%;color:#FFF;font-weight:400;border-radius:4px;letter-spacing:1px;line-height:90%;}
.fin{padding: 1px 4px 1px 4px;margin-bottom:0px;background-color:#3399ff;font-size:70%;color:#FFF;font-weight:400;border-radius:4px;letter-spacing:1px;line-height:90%;}
.entry-card-content,
.card-content,
.e-card-content{margin-left:10px;width:100%;}
.entry-card-info,
.e-card-info{background:#99CCFF;margin-top:-10px;max-height:32px;padding:10px;}
.entry-card-meta, .card-meta, .e-card-meta{background:#99CCFF;max-height:30px;}
/*.new-entry-card-thumb, .widget-entry-card-thumb, .card-thumb{display:none;}*/
.cat-label, .cat-label-4 {color:#222;background:#99CCFF;margin-top:-15px;margin-left:-13px;border:none;border-radius: 14px;padding:3px 10px;}
.new-entry-card-content .cat-label{color:#222;background:#99CCFF;margin-top:0px;margin-left:0px;border:none;border-radius: 14px;padding:3px 10px;}
.honbun{margin-left:20px;width:99%;font-size:95%;}
.honbun-toko{margin-left:60px;width:90%;font-size:95%;}
.honbun_top{margin-left:0px;width:100%;font-size:100%;}
.line-h90{line-height:90%;}
.font-70{font-size:70%;}
.font-80{font-size:80%;}
.font-90{font-size:90%;}
.font-110{font-size:110%;}
.font-120{font-size:120%;}
.font-130{font-size:130%;}
.font-140{font-size:140%;}
.font-150{font-size:150%;}
.font-180{font-size:180%;}
.font-200{font-size:200%;}
.normal{font-weight:300;}
.aoiro{color:#6699FF;}
.akairo{color:#FF6666;}
.white{color:#ffffff;}
.black{color:#000000;}
.cha{color:#800000;}
.bold{font-weight:600;}
.top-news-t{color:#c00000;font-weight:600;}
.top-slider-rehab{max-width:1240px;width:100%;margin-top:0px;}
.author-info, post-date, .date-tags, .archive-title .fa-folder-open{display:none;}
.widget-page-content-top{width:100%;max-width:1100px;margin: 0 auto;}
.widget-page-content-top-title{color:#6699FF;font-weight:600;margin-left:0px;}
.widget-entry-cards{margin-left:30px;padding-right:30px;}
.widget-entry-card-post-date{display:inline-block;}
.ex-class .cat-label, .ex-class .cat-label-4 {color:#222;background:#99CCFF;margin-top:-5px;margin-left:0px;border:none;border-radius: 14px;padding:3px 10px;}
/*background:#99CCFF;*/
.ex-class .new-entry-card-title{margin-left:90px;font-size:120%;}
.ex-class .display-none{display:inline-block;}
.ex-class .new-entry-card-date .new-entry-card-post-date{margin-top:0px;margin-left:-3px;}
.ex-side a {text-decoration: none;color:#6699FF;}
.eye-catch-wrap .display-none,.widget-entry-card-update-date{display:none;}
.sho-title{font-size:60%;font-weight:400;}
.top-news{font-size:140%;color:#800000;font-weight:600;}
.breadcrumb-area{margin-top:10px;font-size:80%;width:100%;max-width:1100px;margin: 0 auto;}/*1240*/
.breadcrumb-area a:link,
.breadcrumb-area a:visited{text-decoration:none;}

nav{float:right;}
.logo-image img {
    width: 100%;
    height: auto;
}
.matt{
	font-size:70%;
	margin:0 4px 0 4px;
	padding:0 4px 0 4px;
	color:#fff;
    background-color : #ff6666;border-radius:4px;}
.entry-card-thumb,
.card-thumb,
.e-card-thumb{max-width:25%;}

form.sent p{
display:none;
}
.sent .formInner {
    display: none;
}
.complete-display{
    display: none;
}
.sent .complete-display{
    display: block;
}
input.wpcf7-submit {
	width: 100%;
	height: 80px;
	background-color: #660000 !important;
	color: #fff;
	font-size: 150%;
	font-weight: 600;
}
input.wpcf7-submit:hover {
	background-color: #880000 !important;
color:#fff;
  text-decoration:none;
    }
span .wpcf7-list-item{
display : block ;
}
h1 {
position: relative;
margin-left:30px;
	padding: 10px 20px 10px 30px;
	color:#000080;
	/*font-size:20px;
	text-align:center;*/
	border-top: solid 1px #666666;/*#325A8C;*/
	border-bottom: solid 1px #666666;/*#325A8C;*/
}
h1::before{
	content: '';
	position: absolute;
	top: -10px;
	width: 5px;
	height: calc(100% + 20px);
	background-color: #c00000;}
h1::after{
	content: '';
	position: absolute;
	top: -10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #666666;/*#325A8C;*/
}
h1::before{left: 10px;}
h1::after{right: 10px;}
.pc-none{display:none;}
.sm-none{display:inline-block;}
.btn {
    padding: 10px 50px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    border-radius: 5px;
}
.btn03 {
        background-color: #FF9900;
        color: #fff !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
}
.btn03:hover {
        background-color: #FFcc00;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.breadcrumb-area{margin-top:10px;padding:0 15px;}
	.honbun_top{margin-left:-15px;width:100%;font-size:94%;}
	.sp-chosei{padding-left:20px;}
	.sp-yoyaku{width:95%;padding-right:10px;}
	.entry-content{width:100%;margin-left:-5px;}
	.eye-catch-wrap{margin-left:-10px;padding-right:10px;}
	.font-200{font-size:160%;}
.honbun{margin-left:10px;width:99%;font-size:95%;}
.honbun-toko{margin-left:10px;width:98%;font-size:95%;}
.copyright{font-size:90%;}
h1 {
position: relative;
margin-left:30px;
	padding: 10px 20px 10px 30px !important;
	padding-left:30px;
	color:#000080;
	/*font-size:20px;
	text-align:center;*/
	border-top: solid 1px #666666;/*#325A8C;*/
	border-bottom: solid 1px #666666;/*#325A8C;*/
}
.ex-class .new-entry-card-title{margin-left:90px;font-size:90%;}
.widget-entry-cards{margin-left:-20px;padding-right:0px;}
.widget-page-content-top-title{color:#6699FF;font-weight:600;margin-left:-20px;font-size:90%;}
#huge_it_portfolio_content_4{width:100%;max-width: 100%;}
.pc-none{display:inline-block;}
.sm-none{display:none;}
#huge_it_portfolio_content_4.elastic_grid, #huge_it_portfolio_content_4.view-elastic-grid{width:100%;max-width:820px;}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#huge_it_portfolio_content_4.elastic_grid, #huge_it_portfolio_content_4.view-elastic-grid{width:100%;max-width:820px;}
}