/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

.statementBox {
	font-size:1.05em;
	line-height: 1.5;
	padding-bottom:30px;
}

.statementTitle {
	font-size:1.25em;
	font-weight:bold;
	padding-bottom:20px;
}

/* サイドメニューカラム設定 */

.simple-columns {
  display: flex;
  flex-wrap: wrap;
}

.simple-columns .column-item {
  width: 50%;
  padding: 5px;
  box-sizing: border-box;
}

.simple-columns img {
  width: 100%;
  height: auto;
  display: block;
}

/************************************
****　もしも　かんたんリンク
************************************/
/* 枠 */
div.easyLink-box{
margin: 0 auto !important;
padding: 1em 1.5em !important;
background-color: #fafafa!important;
border:none!important;
border-radius: 4px;
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
line-height: 1.5;
max-width:90%!important;
}
@media screen and (max-width: 703px){
div.easyLink-box {
text-align:center;
max-height:none!important;
padding: 10px!important;
}}
@media screen and (max-width: 620px){
div.easyLink-box{
display:block!important;	
}
}
@media screen and (max-width: 480px){
div.easyLink-box{
max-width:100%!important;
}
}
/* 商品名 */
div.easyLink-box div.easyLink-info p.easyLink-info-name{
text-align:center;
}
div.easyLink-box div.easyLink-info p.easyLink-info-name a {
font-weight: bold !important;
font-size:15px;
color: #565656!important;
}
div.easyLink-box div.easyLink-info p.easyLink-info-name a:hover {
color:#337AB7!important; 
}
@media screen and (max-width: 703px){
div.easyLink-box div.easyLink-info p.easyLink-info-name a {
font-size:15px;
}
}
/* 画像 */
@media screen and (min-width: 704px){
div.easyLink-box div.easyLink-img {
margin-top: 1em;
}
div.easyLink-box div.easyLink-img p.easyLink-img-box {
align-items: start!important;
}}
@media screen and (min-width:481px) and (max-width: 620px){
div.easyLink-box div.easyLink-img{   
display:inline-block!important;
}
}
div.easyLink-box div.easyLink-img a.easyLink-arrow-left img, 
div.easyLink-box div.easyLink-img a.easyLink-arrow-right img {/*左右矢印の影非表示*/
box-shadow:none;
}

/* 各アフィリエイトボタン色 */
.easyLink-info-btn-amazon {
    background: #ffb442 !important;
}
.easyLink-info-btn-rakuten {
    background: #f76d65 !important;
}
.easyLink-info-btn-yahoo {
    background: #34a3c2 !important;
}

/* ボタン */
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
color:#fff !important;
font-weight:normal !important;
border-radius: 5px !important;	
line-height:40px!important;
width:90%!important;
font-size:.9em!important;
font-weight:bold!important;
}
@media screen and (min-width: 704px){
div.easyLink-box div.easyLink-info p.easyLink-info-btn {
margin-top: .5em!important;
justify-content: center!important;
}
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
color:#333;
margin: 5px !important;
}
}
@media screen and (max-width: 703px){
div.easyLink-box div.easyLink-info p.easyLink-info-btn {
margin-top: .2em!important;
}
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
display: inline-block!important;
margin-top: .5em!important;
margin-bottom: 0!important;
}}
@media screen and (max-width: 620px){
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
width:95%!important;
}}
p.easyLink-info-maker{/*メーカーを非表示にしたい場合*/
display:none;
}
p.easyLink-info-model{/*モデルを非表示にしたい場合*/
display:none;
}



/*=======================================
記事一覧追加css
=======================================*/
table {
  font-size: 0.7em;
}
table th, table td {
  font-size: 0.7em;
}

.borders {
	border: 1px solid #999;
	padding: 10px;
}

/* ヘッダーメニュー文字サイズ*/
header .smanone ul.menu li a{
		font-size: 14px;
	}

/* タグクラウド文字サイズ*/
.tagcloud a {
	font-size: 10px!important;
	background-color:#fff;
}

/* おすすめ記事のタイトル*/
.kanren.pop-box dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2),
#side .kanren.pop-box dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) {
	font-size: 14px;
	font-weight: bold;
	line-height:130%;
	padding: 0px;
	margin-bottom: 5px;
}

.kanren dl:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-style: none;
}

/*=======================================
記事の装飾
=======================================*/

/* google アドセンスボックス */
.adBox {
	background-color: #fff;
}

/* 楽天 ウィジェットボックス */
.adBox2 {
	background-color: #fff;
	text-align: center;
	padding-top:8px;
}

/* google recapcha非表示 */
.grecaptcha-badge { visibility: hidden; }

/* ボーダー / ここがポイントなど */
.has-st-border {
	border: 2px #eee solid;
	padding: 0.8em;
}

ol.has-st-border,
ul.has-st-border {
	padding: 0.8em;
}

.is-style-st-circle.has-st-border,
.is-style-st-circle-border.has-st-border,
.is-style-st-square-checkbox-no-border.has-st-border,
.is-style-st-square-checkbox.has-st-border,
.is-style-st-maruck.has-st-border,
.is-style-st-maruno.has-st-border,
.is-style-st-no.has-st-border,
.is-style-st-no-border.has-st-border {
	padding: 0.8em;
}

/* アンダーライン*/
.uline {
	font-weight: bold;
  background: linear-gradient(transparent 70%, yellow 70%);
}

/* まとめタイトル 吹き出し風*/
.conclude {
  position: relative;
  padding: 10px 10px 10px 20px;
  background: #333;
  font-size:1.1em;
  font-weight:bold;
 margin-bottom:30px;
	border-radius: 5px;
    color: #ffffff;
}

.conclude:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #333;
  width: 0;
  height: 0;
}

/*  ブランド説明 */
.brand {
    position: relative;
    padding: 15px 20px;
    border: solid 3px #333;
	margin-top:45px;
}

.brand .brand-title {
    position: absolute;
    display: inline-block;
	top:-43px;
    left: -3px;
    padding: 13px;
    line-height: 80%;
    font-size: 19px;
    background: #333;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.brand p {
    margin: 0; 
	line-height:180%;
	margin-top:15px; /*  調整 */
}

/*  memo 背景グレー */
.memo_bg {
	background-color: #ededed;
	padding: 10px;
	font-size: 0.9em;
	border-radius: 5px;
	line-height: 130%;
	}

/*  memo 黒枠 */
.memo_line {
	border: 5px solid #999;
	padding: 10px;
	font-size: 0.9em;
}

/*  キーワード */
.keyword {
	background-color:#ededed;
	padding: 10px;
	font-size: 0.8em;
	line-height:150%;
  border-radius: 5px;
}

/*  こんな人におすすめ */
.recommend {
	border: 5px solid #999;
	padding: 10px;
	line-height: 180%;
	font-size: 1em;
	margin-bottom:10px;
}

/* 会話風吹き出し */
.balloon {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
  text-align: center;
  font-size: 0.8em;
}

.balloon .faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.balloon .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #ededed;
 font-size:0.9em;
 line-height:160%;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #ededed;
}

.says p {
  margin: 0;
  padding: 0;
}

/*----------------------
　サウンドハウス ボタン
-----------------------*/
.soundhouse {
	padding:10px;
  	background: #ededed;
	width:100%;
	text-align: center;
	margin:15px 0;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}