@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

/*全てをまとめて非表示*/
.page .entry-title,
.page .sns-share,
.page .sns-follow,
.page .date-tags,
.page .author-info{
  display: none;
}
.footer-bottom-logo .logo-image {
	max-width: 50%;
}
.footer-bottom-logo img {
	height: auto;
}
.navi-in>ul li {
min-height: 115px; /*メニューの高さ（縦幅）*/
line-height: 115px; /*ナビ全体の高さ（縦幅）*/
max-width: 115px;
}
.footer {
	margin-top: 0;
	padding-top: 0;
}
.footer-bottom {
	margin-top: 0;
	padding-top:0;
}

.sidebar .lcp_catlist ul{
margin: 0px;
	padding:0px;
	text-align:center;
}
.sidebar .lcp_catlist ul li{
margin: 0;
		text-align:center;
}
.sidebar .lcp_catlist li{
	list-style-type:none;
     width: 100%;
	min-height:100px;
		border-bottom: 1px solid #CCCCCC;
		  padding: 10px 0 10px 100px;
  position: relative;
	font-size:14px;
}
.sidebar .lcp_catlist img{
	  position: absolute;
  left: 10px;
  top: 10px;
}
.lcp_catlist a{
	text-decoration:none;
}
.su-list-custom ul{
margin-top: 0px;
margin-left: 0px;
padding:0;
}
.su-list-custom ul li{
margin-left: 2px;
}
.su-list-custom li{
     width: 49%;
	height:120px;
	display: inline-block;
	overflow: hidden;
     vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 10px 0px 120px;
  position: relative;
}
.su-list-custom img{
	  position: absolute;
  left: 10px;
  top: 10px;
}
.su-list-twokakoi ul{
margin-top: 0px;
margin-left: 0px;
	padding:0px;
}
.su-list-twokakoi ul li{
margin: 0;
}
.su-list-twokakoi li{
     width: 50%;
	height:200px;
	display: inline-block;
	overflow: hidden;
     vertical-align: top;
	border: 1px solid #CCCCCC;
	padding: 10px 10px 0px 170px;
  position: relative;
}
.su-list-twokakoi img{
	  position: absolute;
  left: 10px;
  top: 10px;
	border-radius: 30px;
}
.tate ul{
margin: 0px;
padding:0;
}
.tate ul li{
margin: 2px;
}
.tate li{
     width: 24%;
	height: 200px;
	display: inline-block;
	overflow: hidden;
     vertical-align: top;
	border: 1px solid #CCCCCC;
	padding: 100px 10px 10px 10px;
  position: relative;
}
.tate img{
	  position: absolute;
  left: 0px;
  top: 0px;
}
.wakunasi ul{
margin: 0px;
padding:0;
	text-align:center;
}
.wakunasi ul li{
margin: 20px;
}
.wakunasi li{
     width: 28%;
	height: 200px;
	display: inline-block;
	overflow: hidden;
     vertical-align: top;
	padding: 120px 10px 10px 10px;
  position: relative;
}
.wakunasi img{
	  position: absolute;
  left: 0px;
  top: 0px;
		border-radius: 10px;
}
.rain3 ul{
margin: 0px;
padding:0;
	text-align:center;
}
.rain3 ul li{
margin: 20px;
}
.rain3 li{
     width: 28%;
	height: 200px;
	display: inline-block;
	overflow: hidden;
     vertical-align: top;
	padding: 120px 10px 10px 10px;
  position: relative;
}
.rain3 img{
	  position: absolute;
  left: 0px;
  top: 0px;
		border-radius: 10px;
}
@media only screen and (max-width : 950px){
.su-list-custom li{
      width: 100%;
}
.su-list-twokakoi li{
      width: 100%;
	height:130px;
	padding:10px 10px 10px 120px;
	border: none;
	border-bottom: 1px solid #CCCCCC;
}
.tate li{
     width: 48%;
	}
.wakunasi ul li{
	margin:0px;	
	}
.wakunasi li{
     width: 100%;
	height:auto;
		padding: 200px 10px 10px 10px;
	}
.rain3 ul li{
margin: 2px;
}
.rain3 li{
     width: 100%;
		padding: 100px 10px 10px 10px;
	}
	
}


a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline;
}
.share-button{ /*シェアボタン装飾無し*/
  text-decoration: none!important;
}
.follow-button{ /*フォローボタン装飾無し*/
  text-decoration: none!important;
}
.cat-link{ /*カテゴリーラベル装飾無し*/
  text-decoration: none!important;
}
.tag-link{ /*タグラベル装飾無し*/
  text-decoration: none!important;
}
div.imagebox {
   border: 1px dashed #0000cc; /* 1.枠線 */
   background-color: #eeeeff;  /* 2.背景色 */
	width: 130px; /* 横幅 */
	float: left; /* 左に配置 */
	margin: 5px; /* 周囲の余白 */
}
p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 80%;  /* 5.文字サイズ */
   color: darkblue; /* 6.文字色 */
}
/* ▼リスト全体の装飾 */
ul.simplemenu {
   margin: 0px;           /* 外側の余白を消す */
   padding: 0px;          /* 内側の余白を消す */
   list-style-type: none; /* リストの先頭記号を消す */
}

/* ▼各リスト項目の装飾 */
ul.simplemenu li {
   display: inline-block;      /* 横方向に並べる指定 */
   margin: 0px 0.25em 0.25em 0px; /* 外側の余白の調整 */
   padding: 0px;                  /* 内側の余白を消す */
}

/* ▼各リスト項目内のリンクの装飾 */
ul.simplemenu li a {
   display: block;          /* 全体をクリック可能に */
   padding: 0.3em 0.5em;      /* 内側の余白を調整 */
   text-decoration: none;     /* リンクの下線を消す */
   border: 1px solid #cccccc; /* 枠線の指定 */
   border-radius: 9px;        /* 角を丸くする */
}

/* ▼リンクの上にマウスが載った際の装飾 */
ul.simplemenu li a:hover {
   background-color: #ddffff;  /* 背景色を指定 */
   text-decoration: underline; /* 下線を付加 */
}

.mo ul{
margin: 0px;
padding:0;
}
.mo ul li{
   margin: 0px 0.25em 0.25em 0px; /* 外側の余白の調整 */
   padding: 0px;                  /* 内側の余白を消す */
}

.mo li{
	width:150px;
			text-align:center;
	display: inline-block;
	overflow: hidden;
     vertical-align: top;
	padding: 2px;
	   border: 1px solid #cccccc; /* 枠線の指定 */
   border-radius: 9px;        /* 角を丸くする */
}

.mo ul li a{
   display: block;          /* 全体をクリック可能に */
	padding: 0.3em 0.5em;      /* 内側の余白を調整 */
   text-decoration: none;     /* リンクの下線を消す */

}
.mo ul li a:hover {
   background-color: #ddffff;  /* 背景色を指定 */
   text-decoration: underline; /* 下線を付加 */
}
.lcp_paginator ul{
  text-align:center;
}
.sidebar .lcp_paginator li{
  display: inline-block;
	border:none;
  padding: 0 5px;
  margin: 2px;
}