@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.3
*/

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

/************************************
** Lunacle 追加分
************************************/

/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}

/*独自クラス*/
.copyright {
	margin:1em;
	padding: 1em;
	padding-bottom:1em;
 	/*color: #fff;*/
	font-size:12px;
}

.copyright a {
	font-weight:bold;
}

.font_bold {
	font-weight: bold;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.font_bold2 {
	font-weight: bold;
}

.entry-title {
	border-bottom:5px #ccc dotted;
}

.entry-content a:hover {
	/*記事内リンクのhover設定*/
	text-decoration:none;
	background-color:#ffd700;
}

.alignnone a:hover {
	/*alignnone クラスのa:hover背景色を無効化*/
		background-color:initial;
}

.wp-caption a:hover {
	/*画像リンクのa:hover背景色を無効化*/
	background-color:initial;
}

.wp-caption {
	/*画像を拡大したときにはみ出さない*/
	overflow: hidden;
}

.wp-caption a:hover img{
	/*代わりにopacity処理
	opacity: 0.6;
	transition-duration: 0.3s;*/
	/*画像をゆっくり拡大*/
	transition: transform .6s ease;
	transform: scale(1.1);
	filter: brightness(120%);
}

.vf-form-etc a:hover {
	/*ブログランキングアンケート内リンクのhover背景色を無効化*/
	background-color:initial;
}

.journey_memo {
	/*めぐり旅用*/
	font-size:14px;
	background-color:#F5F6CE;
	color:#3B170B;
	border: 1px solid #3B170B;
	padding:3px;
	margin-bottom:10px;
}

.base_table table tr,th,td {
	text-align:center;
	font-size:12px;
}

.bg_cccccc {
	background: #ccc;	
}

.bg_f8e0f7 {
	background: #f8e0f7;	
}

hr.hr_novel {
	background-color: #fcc;
}

ol.ol_frame {
	/*数字リスト*/
	background: #ffe4b5;
  box-shadow: 0px 0px 0px 5px #ffe4b5;
  border: dashed 2px #ff7f50;
  border-radius: 4px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0.5em 0.5em 0.5em 1em;
	counter-reset: list-count; 
	list-style: none;
}

ol.ol_frame > li::before {
		/*数字リスト*/
  content:counter(list-count) ".";
  counter-increment: list-count;
	margin-right: 0.25rem;
  font-weight: bold;
	color:#ff7f50;
}

.ol_frame li {
		/*数字リスト*/
	text-indent: -1.3em;
  padding-left: 1.3em;
}

ul.ul_frame {
		/*中黒リスト*/
	background: #e6e6fa;
  box-shadow: 0px 0px 0px 5px #e6e6fa;
  border: dashed 2px #4169e1;
  border-radius: 4px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0.5em 0.5em 0.5em 1em;
	counter-reset: list-count; 
	list-style: none;
}

ul.ul_frame > li::before {
			/*中黒リスト*/
	content: "";
	width:  10px;
	height:  10px;
	display:  inline-block;     	background-color: #4169e1;
	border-radius:  50%;
	position:  relative;
	top: -1px;
	margin-right: 5px;
}

.ul_frame li {
			/*中黒リスト*/
	text-indent: -1em;
  padding-left: 1em;
}

ul.ul_frame2 {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
	counter-reset: list-count; 
	list-style: none;
}

ul.ul_frame2 > li::before {
	content: "";
	width:  8px;
	height:  8px;
	display:  inline-block;
	background-color: #5a7be0;
	border-radius:  50%;
	position:  relative;
	top: -1px;
	margin-right: 5px;
}

.ul_frame2 li {
	text-indent: -1em;
}

strong {
	font-weight:bold;
	*background: linear-gradient(transparent 60%, #ffff66 60%);
}

.box_fffacd {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fffacd;
    border: dashed 2px #ffe600;
}
.box_fffacd p {
    margin: 0; 
    padding: 0;
    font-size:90%;
}

.rakuten_ad table, .rakuten_ad th, .rakuten_ad td {
	border: none !important;
}

.rakuten_ad table, .rakuten_ad th, .rakuten_ad td img {
	border: none !important;
}

.rakuten_ad table, .rakuten_ad th, .rakuten_ad td a {
	font-weight:initial;	
}

.rakuten_ad table, .rakuten_ad th, .rakuten_ad td a:hover {
	font-weight:initial;
	color:initial;
	background-color:initial;
}

.rakuten_ad_a8 table {
	margin: 0 auto;
}

.movie_frame {
	margin-bottom:20px;
	padding:5%;
	background-color:#ffffe0;
	border: 2px #d2b48c solid;
	font-size:80%;
}

.blog_ranking {
	margin:20px;
	padding:10px;
	text-align:center;
	background-image:
	radial-gradient(#cbff00 20%, transparent 20%),
	radial-gradient(#cbff00 20%, transparent 20%);
	background-size: 40px 40px;
	background-position: 0 0, 20px 20px;
	}

/*ページ送り（タイトル下）*/

.page-links {
    text-align: center;
}

.nextpage_link {
    text-align: center;
		padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0e68c;
}

.nextpage_link a {
	display: block;
    width: 100%;
    height: 100%;
	color:#111;
}

.page_info {
	margin-bottom:20px;
	text-align: center;
	padding: 0.5em 1em;
	font-size:small;
	background: #f0e68c;
}

.page_info a {
	color:#111;
}

.page_info p {
	display: inline-block;
	margin: 0.3em 0.3em;
	padding:0.3em;
	background: #fff;
}

/*楽天アフィリエイト*/

.ranking_area {
	width:100%;
	font-size:12px;
	border: 1px #ccc solid;
	margin:1em;
	padding:1em;
	text-align:center;
}

.ranking_area a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.ranking_area a:hover {
	text-decoration:underline;
	color:#000;
}

/*A8*/

.a8_ad {
	line-height:1em;
	font-size:80%;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

.a8_ad a {
	font-size:80%;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

.a8_ad a:hover {
	background-color:initial;
	text-decoration:underline;
}

.a8_ad a:hover img {
	background-color:initial;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.card-title {
	font-weight:bold;
}

.bold {
	background: linear-gradient(transparent 60%, #fafaaf 60%);
}

.entry-content a {
	font-weight:bold;
}

.small_font {
	font-size:90%;
}

/*打ち消し線を目立たせる*/
.strike {
	text-decoration: line-through 3px solid #ff0000;
}

/*カテゴリーリンクが複数行になった場合の下マージン*/
.cat-link {
	margin-bottom:5px;
}

/*検索ボックスの横マージン*/
/*.content-top-in {
	padding-left: 10px;
}*/

/*ヘアカラー表示用*/

.dq10_haircolor {
	margin:0px;
	padding:0px;
}

.dq10_haircolor ul {
	margin:0px;
	padding:0px;
}

.dq10_haircolor ul li {
	display:block;
	float:left;
	width:130px;
	margin:5px;
	padding:5px;
	text-align:center;
	font-size:0.8em;
}

.dq10_haircolor ul li img {
	display:block;
	float:left;
	width:110px;
	height:110px;
}

.ad_error {
	font-size:90%;
	color:#333;
}

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

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

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