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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 釣行記 */
table.report_table{
	width:85%;
	margin:20px auto;
}
table.report_table td{
	padding-left:15px;
}
.report_article{
	margin-left:30px;
	margin-right:10px;
}
/* 楽天API AD */
.raku_box{
	width:150px;
	height:200px;
	overflow:hidden;
	float:left;
	margin:10px 4px;
	font-size:12px;
	line-height:17px;
	border:1px solid #ccc;
}
.raku_img{
	width:128px;
	margin:0 auto;
	text-align:center;
}
.clearboth{
	clear:both;
}
.hr-nami {
    height: 10px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'20\' height=\'10\'  viewBox=\'0 0 20 10\' xmlns=\'http://www.w3.org/2000/svg\' fill-rule=\'evenodd\' clip-rule=\'evenodd\' stroke-miterlimit=\'10\'%3e%3cpath fill=\'none\' d=\'M0 0h20v10H0z\'/%3e%3cclipPath id=\'a\'%3e%3cpath d=\'M0 0h20v10H0z\'/%3e%3c/clipPath%3e%3cg clip-path=\'url(%23a)\'%3e%3cpath d=\'M20 7.384c-4.999-.001-5-4.768-9.999-4.768C5 2.616 5 7.384 0 7.384\' fill=\'none\' stroke=\'%23000\'/%3e%3c/g%3e%3c/svg%3e');
	  border:none;
}
hr.hr_gra {
	background: linear-gradient(to right, white, black);  height: 5px;
	width: 98%;
	border: solid 1px black;
}
.item-price{
	color: ##ffc0cb;
}
.article h2,
.sidebar h2,
.sidebar h3 {
	background-color: #1a1a1a;
	color:#FFF;
}
/*
.article h3 {
	border-left: 10px solid #008080;
	border-right: 1px solid #008080;
	border-top: 1px solid #008080;
	border-bottom: 1px solid #008080;
	padding: 0.5rem 2rem;
}
.article h4 {
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	margin-left:20px;
	border-left: 4px dashed #757575;
}
*/
.toc{
	width:70%;
}
.entry-card-info > * {
    font-size: 1em;
}
.new-icon{
	padding: 1px 5px;
	margin-top: 8px;
	margin-left: 4px;
	border: 2px solid #ffb6c1;
	color: #ffd700;
	font-weight:bold;
/* 点滅 */
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.vc-yado {
	width:98%;
	height:auto;
	margin:36px auto;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
	border:2px solid #fff;
}
.vc-yado a {
	transition: 0.8s ;
	color:#FFF; /* テキストリンクカラー */
}
.vc-yado a:hover {
	color:#EFF; /* テキストリンクカラー(マウスオーバー時) */
}
.vcyado-box {
	width: 100%;
	background-color: rgba(36, 37, 41, 1); /* 背景 */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.vcyado-image {
	width:200px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
}
.vcyado-image a {
	width:100%;
	display:block;
}
.vcyado-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
}
.vcyado-info {
	overflow:hidden;
	line-height:150%;
	color: #FFF;
}
/* infoボックス内リンク下線非表示 */
.vcyado-info a {
	text-decoration: none;
}
/* ホテル名 リンク */
.vcyado-name>a {
	font-size:20px;
	font-weight:bold;
}
/* desc */
.vcyado-desc {
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	line-height:140%;
	color: #EEE;
}
.vcyado-link1>div {
	float:left;
	width:24%;
	min-width:128px;
	margin:0.5%;
}
.vcyado-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 0;
	padding:3% 0.5%;
	border-radius: 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
.vcyado-link1 .vcsite-rakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.vcyado-link1 .vcsite-jalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.vcyado-link1 .vcsite-jtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.vcyado-link1 .vcsite-knt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.vcyado-link1 .vcsite-ikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.vcyado-link1 .vcsite-rurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.vcyado-link1 .vcsite-yahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.vcyado-link1 .vcsite-stayjapan a { background: #111; border: 2px solid #111;}/* stayjapan */

.vcyado-link1 a:hover {
	background: #fff;
}
.vcyado-link1 .vcsite-rakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.vcyado-link1 .vcsite-jalan a:hover { color: #ff7a15; }/* じゃらん */
.vcyado-link1 .vcsite-jtb a:hover { color: #c81528; }/* JTB */
.vcyado-link1 .vcsite-knt a:hover { color: #0b499d; }/* KNT */
.vcyado-link1 .vcsite-ikyu a:hover { color: #bf9500; }/* 一休 */
.vcyado-link1 .vcsite-rurubu a:hover { color: #000066; }/* るるぶ */
.vcyado-link1 .vcsite-yahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.vcyado-link1 .vcsite-stayjapan a:hover { color: #111; }/* stayjapan */
.vcsite-footer {
	clear:both;
}
/* 透過 */
.header-container{
	background-color: rgba(36, 37, 41, 0.9);
}
.main,
.sidebar,
.footer{
 	background-color: rgba(36, 37, 41, 0.9);
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.vcyado-image {
		width:100%;
		float:none;
	}
	.vcyado-link1>div {
		width: 32.33%;
		margin: 0.5%;
	}
	.vcyado-info {
	  text-align:left;
	  padding-bottom: 1px;
	}
	.vcyado-name{
		text-align:left;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.vcyado-link1>div {
		width: 49%;
		margin: 0.5%;
	}
	table.report_table td{
		padding-left:5px;
	}
	.report_article{
		margin-left:5px;
		margin-right:5px;
	}

}