@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.ma{margin:auto!important}.m00{margin:0!important}.mt00{margin-top:0!important}.mt05{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mb00{margin-bottom:0!important}.mb05{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.ml00{margin-left:0!important}.ml05{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.mr00{margin-right:0!important}.mr05{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr45{margin-right:45px!important}.mr50{margin-right:50px!important}.p00{padding:0!important}.pt00{padding-top:0!important}.pt05{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt45{padding-top:45px!important}.pt50{padding-top:50px!important}.pb00{padding-bottom:0!important}.pb05{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb45{padding-bottom:45px!important}.pb50{padding-bottom:50px!important}.pl00{padding-left:0!important}.pl05{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl45{padding-left:45px!important}.pl50{padding-left:50px!important}.pr00{padding-right:0!important}.pr05{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr45{padding-right:45px!important}.pr50{padding-right:50px!important}.taC{text-align:center!important}.taR{text-align:right!important}.taL{text-align:left!important}.fwB{font-weight:700}.fwN{font-weight:400}.db{display:block}.di{display:inline}.dib{display:inline-block}

.footer-bottom-logo {
    float: none;
    position: relative;
}
.footer-bottom-content {
   float: none;
	text-align:center;
}
.entry-card-snippet, .related-entry-card-snippet {
	font-size:1em;
	max-height:3.8em;
}
.eye-catch-wrap {
	justify-content:center;
}
.widget-single-content-bottom {
	text-align: center;
}
.widget-single-content-bottom .textwidget p {
	margin: .5em 0;
}
.widget-single-content-bottom .textwidget a:hover {
	opacity: .7;
}
/* 記事内 デザイン */
.article h3.simple-title, .simple-title {
	background: #e8e8e8;
	border: none;
	border-left: 4px solid #c0c6c9;
	padding: 12px 10px;
}
.cmn-simplebox {
  padding: 1.5rem 1rem;
  border: 3px solid #3ac0ea;
  border-radius: 4px;
  margin: 0 0 1.5rem 0;
  box-sizing: border-box;
  width: 100%;
}
.cmn-simplebox.type-red {
  border: 3px solid #ef9b9b;
}
.cmn-simplebox-title {
  font-weight: 700;
  color: #16A6D3;
  border-bottom: 1px solid #bcc8c9;
  padding-bottom: 0.5rem;
  margin: 0 0 1rem;
}
.cmn-simplebox.type-red .cmn-simplebox-title {
  color: #e1394d;
}
.cmn-simplebox ol {
  counter-reset: oLi;
  padding-left: 20px;
  margin: 0;
}
.cmn-simplebox ol>li {
  position: relative;
  display: block;
  padding: 0em 0px 0em 10px;
  margin-bottom: 0.7em;
}
.cmn-simplebox ol>li:last-child {
  margin-bottom: 0;
}
.cmn-simplebox ol>li:before {
  margin-left: -20px;
  display: block;
  position: absolute;
  counter-increment: oLi;
  content: counter(oLi);
  font-size: 0.7rem;
  width: 1.2rem;
  height: 1.2rem;
  top: 4px;
  left: 0;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  background-color: #efab30;
}
.cmn-simplebox ol>li a {
	color: #000;
	text-decoration: none;
}
.cmn-simplebox ol>li a:hover {
	opacity:.7;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.entry-card-snippet, .related-entry-card-snippet {
	font-size:14px;
  }
}

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

/*480px以上*/
@media screen and (min-width: 480px){
  /*必要ならばここにコードを書く*/
	.article h2 {
		padding:20px;
	}
}