@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*トップページ人気記事用のウィジェット*/
.popular-posts .cardtype__article-info {
    padding-top: 0.5em;
}
.popular-posts .cardtype__link {
    padding-bottom: 10px;
}
.popular-posts.cardtype {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.popular-posts .cardtype__article {
  width: 48%;
  margin: 0 0 25px;
}
.popular-posts .cardtype__article:nth-child(odd){
  margin-right: 4%;
}
.popular-posts .cardtype__article p {
  margin: 0; 
}
.popular-posts.cardtype h2 {
    margin: 0 5px;
    font-size: 15px;
}


/*アフィリエイトボタン用CSS*/
#inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#000}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#000}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#000}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#000}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#000}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#000}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#000}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#000}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#000}.btn2 img{visibility:hidden;display:block;width:0;height:0;}/*END アフィリエイトボタン用CSS*/

/* rinker商品リンクタイトル色変更 */
div.yyi-rinker-title a {
color: #4682b4!important;
}

/* rinker外枠二重線 */
div.yyi-rinker-box {
border:4px double #CCC;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/
	margin: .4em 0;/*上下の余白と左右の余白*/
}

/* rinker ボタン高さを44pxに */
div.yyi-rinker-contents ul.yyi-rinker-links li{
  height:44px;
  line-height:44px;
  font-size: 1em;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a{
  height:44px;
  line-height:44px;
  font-size: 1em;
}

/* rinker サムネイル幅を230pxに */
div.yyi-rinker-contents div.yyi-rinker-image {
width: 230px;
min-width: 140px;
padding: 0;
}
div.yyi-rinker-contents img.yyi-rinker-main-img {
width: auto;
}

/* rinker 商品詳細幅を広げる */
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
  width: calc(100% - 20px);
  padding-left: 0;
  margin-left:auto;
  margin-right:auto;
  display:block;
}


/* スマホサイズのみ適用 */
@media screen and (max-width:767px) {
  div.yyi-rinker-contents div.yyi-rinker-box{
    display:block;
  }
  /* 画像を中央そろえ */
  div.yyi-rinker-contents div.yyi-rinker-image{
    margin-left:auto;
    margin-right:auto
  }
  /* ボタンを縦づみに */
  div.yyi-rinker-contents ul.yyi-rinker-links li{
    text-align:center;
    width: 100%;
  }
}

/* micro clearfix */
.tomarebalink-box,
.tomarebalink-link1 {
	zoom: 1;/* IE6,7の対応しないならいらないです */
}
.tomarebalink-box:after,
.tomarebalink-link1:after {
	content: "";
	display: block;
	clear: both;
}
/* tomarebalink 親ボックス */
.tomarebalink-box {
	position: relative;
	margin-bottom: 14px;
	padding: 8px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
}
.tomarebalink-box:before {
	content: 'Ad';/* 広告ラベル "PR"や"広告"などでもOK */
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 2px 4px;
	font-size: 10px;
	color: #aaa;
}
/* サムネール画像のボックス */
.tomarebalink-image {
	float: left;
	width: 88px;
}
.tomarebalink-image a {
	display: block;
	height: 88px;
}
/* サムネール画像 */
.tomarebalink-image a img {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* 情報ボックス */
.tomarebalink-info {
	margin: 0 4px 0 98px;
}
.tomarebalink-info a {
	/* 情報ボックス内のリンク下線をなくす */
	text-decoration: none;
}
.tomarebalink-name {
	color: #444;
}
/* ホテル名 リンク */
.tomarebalink-name>a {
	border-bottom: 1px dotted #a5a5a5;
	font-size: 16px;
	color: #174E80;
}
/* ホテル名 リンク ホバー時 */
.tomarebalink-name>a:hover {
	color: #722031;
}
/* powered by・住所 の文字サイズ */
.tomarebalink-powered-date,
.tomarebalink-address {
	font-size: 10px;
}
/* powered by */
.tomarebalink-powered-date {
	margin-top: 2px;
	margin-bottom: 2px;
}
/* powered by のリンクカラー */
.tomarebalink-powered-date a {
	color: #406d82;
}
/* 住所 */
.tomarebalink-address {
	margin-bottom: 4px;
}
/* 各サービスへのリンクボックスを横並びに */
.tomarebalink-link1>div {
	float: left;
	width: auto;
	margin: 0 8px 0 0;
}
.tomarebalink-link1 a {
	display: block;
	margin: 0 0 4px;
	padding: 1px 4px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	font-size: 12px;
	color: #fff;
	background-color: #aaa;/* 基本カラー */
}
.tomarebalink-link1 a:hover {
	text-decoration: underline;
}
/*ボタン背景カラー */
.tomarebalink-link1 .shoplinkrakuten a { background-color: #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a { background-color: #ff7a15; }/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a { background-color: #c81528; }/* JTB */
.tomarebalink-link1 .shoplinkknt a { background-color: #0b499d; }/* KNT */
.tomarebalink-link1 .shoplinkikyu a { background-color: #bf9500; }/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a { background-color: #000066; }/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a { background-color: #ff0033; }/* Yahoo!トラベル */
.booklink-footer {
	visibility: hidden;
}