/* Enter Your Custom CSS Here */

/*サイドバー背景*/
#sub-contents,
#sidebar,
#sidebar-in,
#sub-contents-in{
	margin: 0;
	padding: 0;
background-color:#F5F5F5
}

/*サイドバー　枠線*/
#sidebar {
border: solid  1px #000;/*線の太さ、色*/
box-shadow: 3px 3px 6px rgba(0,0,0,0.4);/*影の大きさ、位置*/
padding: 0.5em;
margin-bottom: 1.0em;/*サイドバー下の間隔*/
border-radius: 5px;
-webkit-border-radius: 7px;/*角丸の半径大きさ*/
-moz-border-radius: 5px;
}


/*投稿部分　枠線*/
#main-contents .post{
    border: solid 1px #000;
    padding: 0.5em;
    box-shadow: 0 0 7px #666;
    margin-bottom: 1.0em;
}

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #000080; }
a:hover,
a:active{ color: #f60; }


/*記事を読むボタンの装飾*/
.read-more a{
 color:#fff;
 font-size:18px;
 background-color:#82a7c0;
 border:1px solid #82a7c0;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 

/* 文字の大きさ */
#main-contents{ font-size: 1.6em; }


.read-more{ text-align: right; }

.read-more a{
	border: solid 1px #ccc;
	background: #f5f5f5;
	text-decoration: none;
	padding: 2px 5px;
	color: #666;
}

.read-more a:hover,
.read-more a:active{ color: #f60; }

/* サイトマップを消す */
#container{
    position: relative;
}


/* カエレバ用 */
.kaerebalink-box { /*一番外側の枠 */
    border: 1px solid #000000; /* 実線の枠 */
    border-radius: 5px; /* 角を丸める */
    padding: 10px; /* 中身と外枠の間にスペース */
    overflow: hidden; /* 画像が外枠からはみ出るの防ぐ */
    margin-bottom: 20px; /* カエレバの外枠の下側に余白 */
}

.kaerebalink-image { /*商品画像の枠 */
    float: left; /* 左寄せ */
    margin: 0 10px 10px 0 /* 画像の右と下に余白 */
}

.kaerebalink-image img { /*商品画像 */
    display: block; /* 画像をブロック化 */
}

.kaerebalink-info { /*商品説明全体の外枠 */
    overflow: hidden;
}

.kaerebalink-name { /*商品説明テキストと「posted with カエレバ」の枠*/
    font-size: 105%;
}

.kaerebalink-powered-date { /*日付と「カエレバ」*/
    font-size: 70%;
}

.kaerebalink-detail { /*商品の会社名*/
}

.kaerebalink-link1 { /*ショップリンクの外枠*/
    font-size: 140%;
    margin-top: 10px;
}

.shoplinkamazon, .shoplinkrakuten {
    float: left; /* ボタンを横に並べるために左寄せ */
    width: 35%; /* ボタンの大きさを全幅の35%にする */
    text-align: center; /* ボタン内部のテキストを中央寄せ */
    border: 1px solid #000000; /* 実線の枠 */
    border-radius: 5px; /* 枠の角を丸める */
    padding: 5px 0; /* ボタンの枠と内部テキストの間に余白 */
    margin: 0 10px; /* ボタンの左右（ボタンの外側）に余白 */
    background-color: #1e90ff;
}

.shoplinkamazon a, .shoplinkrakuten a {
    color: #ffffff;
    display: block; /* ボタン全体をクリックできるように */
}

/* タブレットよりも小さくなったら */
@media only screen and (max-width: 767px) {
    .kaerebalink-image { /*商品画像の枠*/
        float: none;
        margin: 10px 0 /* 画像の上と下に余白 */
    }

    .shoplinkamazon, .shoplinkrakuten {
        float: none;
        width: 90%; /* ボタンの大きさを全幅の90%にする */
        padding: 10px 0; /* ボタンの枠と内部テキストの間に余白 */
        background-color: #1e90ff;
        margin: 10px 0
    }

    /* 全部中央寄せ */
    .kaerebalink-image img, .shoplinkamazon, .shoplinkrakuten {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}