@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-card-title, .related-entry-card-title {
  font-size:0.8em;
}
.cat-label-osusume {
    position: absolute;
    top: 2.2em;
    left: 0.3em;
    border: 1px solid #eee;
    font-size: 1em;
    color: #fff;
    background-color: #ff4500;
    padding: 1px 5px;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.glf_osusume_bg{
  background-color:#ffc0cb;
}
.glf_blog_bg{
  background-color:#87cefa;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .cat-label-osusume {
      top: 1.6em;
      font-size: 1em;
      padding: 1px 3px;
  }
}


.jimaku_text{
	color:#505050;
	font-size:0.85em;
}


/* ------------------------------------------------- */
/* sit header                                        */
/* ------------------------------------------------- */
.sit-header{
  background-color:#ffffff;
  position: relative;
}
.sit-header-container{
  display:flex;
  align-items: center;
  color:#505050;
  height:60px;
}
.sit-header-container h1{
  display:inline-box;
}
.sit-header-container img{
  height: 24px;
}
.site-sub-title{
    font-size: 0.75em;
    margin: 0 0 0 1em;
}
@media screen and (min-width: 768px){
    .site-sub-title{
        font-size: 1em;
    }
}

.sit-toggle-bottun{
  padding:0 8px 0 8px !important;
  margin:4px !important;
}
.uk-offcanvas-bar{
  width:100%;
}
.navi {
   background-color: inherit;
}
.uk-accordion-title,.uk-accordion-title:hover{
  font-size:1em !important;
  color:#ffffff !important;
}
.sit-h1{
  color: #207561;
  margin:0;
  font-size: 1.2em;
}
.sit-h1 a,.sit-h1 a:hover{
  color: #207561;
  text-decoration: none;
}
.sit-header-tags-container{
	margin-left:0.5em;
	margin-bottom:4px;
}
.sit-header-tags{
	margin:0;
	padding:0 !important;
	list-style-type:none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 768px){
	.sit-header-tags{
    	white-space: nowrap;
    }
}

.sit-header-tags>li{
    display: inline-block;
	margin:0;
	padding:0;
	font-size:0.7em;
}
.sit-header-tags>li span {
    display: inline-block;
    padding: 4px 8px;
    background-color: #207561;
    color: #ffffff;
    margin-bottom: 2px;
}
.sit-header-tags>li span.osusume {
    background-color: #da4302;
}
.uk-offcanvas-bar{
  width:80% !important;
}
.sit-menu-area{
  margin-top:2em;
}

/* -------------------------------------------------- */
/* sit-ranking-widget style                           */
/* -------------------------------------------------- */
.sit-rankingwidget-table {
	border-collapse: collapse;
}
.sit-rankingwidget-container img{
	width:30px;
	vertical-align:middle;
}
.sit-rankingwidget-container td,th{
	border:solid 1px #f0f0f0;
	padding:4px;
}
.sit-rankingwidget-container th{
	background-color:#f5f5f5;
}
.sit-rankingwidget-table-no{
	display:inline-block;
	width:2em;
	text-align:center;
}
.sit-rankingwidget-table-no1{
	background-color:red;
	color:#ffffff;
}
.sit-rankingwidget-table-no2{
	background-color:orange;
	color:#ffffff;
}
.sit-rankingwidget-table-no3{
	background-color:green;
	color:#ffffff;
}
.sit-rankingwidget-table-c1{
	text-align:center;
}
.sit-rankingwidget-table-c3{
	width:6em;
	text-align:right;
}


/* -------------------------------------------------- */
/* sit-pickup-widget style                            */
/* -------------------------------------------------- */
.sit-pickup-container{
    background-color: #f5f5f5;
    padding: 8px;
    margin-bottom: 1em;
}
.sit-pickup-container-item{
    margin: 0 2em;
}
.sit-pickup-container-item-label{
    display: inline-block;
    background-color: orange;
    margin:4px;
    color:#ffffff;
    padding:2px;
}
.sit-pickup-container-item h3{
    margin: 0;
    font-size: 1.2em;
}
.sit-pickup-container-item-inner{
    display: flex;
    flex-wrap: wrap;
}
.sit-pickup-container-item-img-container{
}
.sit-pickup-container-item-inner img{
    width:250px;
    height:141px;
    margin:0 auto;
}
.sit-pickup-container-item-inner-desc{
    flex:1;
    min-width:200px;
    padding: 0 8px;
}

/* -------------------------------------------------- */
/* list style                                         */
/* -------------------------------------------------- */
.entry-card-title{
    font-size: 0.6em !important;
    height: 2.2em !important;
    overflow-y: hidden;
    font-weight: normal;
    color: #505050;
	margin-top: 2px;
}
.ect-3-columns .entry-card-wrap {
    width: 33%;
	padding: 0 !important;
}
@media screen and (min-width:624px) {
    .ect-3-columns .entry-card-wrap {
        width: 25%;
    }
}
@media screen and (min-width: 769px) {
    .ect-3-columns .entry-card-wrap {
        width: 19%;
    }
}
.entry-card-content{
    padding-bottom: 4px;
}
.ect-vertical-card .entry-card-wrap {
    margin-bottom: 4px;
}