/*--------------------------------------
SNSボタンカスタマイズ
--------------------------------------*/
/*-----ボタンが入る枠の設定です-----*/
.prof-sns{
    text-align: center;/*中央揃え*/
    padding-top: 3%;/*上の余白（内側）*/
    border-top: 1px dotted #42424220;/*上線 太さ 形状 色*/
    font-size: 0.62em;/*文字の大きさ*/
}
/*-----Twitter部分-----*/
.prof-sns .pf-tw {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 43%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 3.5%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px; /*上の余白（内側）アイコンの位置調整用*/
    border-radius: 3px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #6b6b6b;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-tw:hover{/*カーソルをのせたときの変化*/
    background: #1DA1F2;/*背景色*/
    text-decoration: none;/*文字の下線が出ないように*/
    transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}
/*-----Instagram部分-----*/
.prof-sns .pf-pf {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 3.5%;
    padding-top: 6px;
    border-radius: 3px;
    text-align: center;
    letter-spacing: .05em;
    background: #6b6b6b;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-pf:hover{
    background: #990066;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----burogumura 部分-----*/
.prof-sns .pf-fd {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 3.5%;
    padding-top: 6px;
    border-radius: 3px;
    text-align: center;
    letter-spacing: .05em;
    background: #6b6b6b;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-fd:hover{
    background: #2BB24C;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----amazonほしいものリスト部分-----*/

 .prof-sns .pf-amazon {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 3.5%;
    padding-top: 6px;
    border-radius: 3px;
    text-align: center;
    letter-spacing: .05em;
    background: #6b6b6b;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-amazon:hover{
    background: #232F3E;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}

/*-----push7部分-----*/
.prof-sns .pf-push {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 43%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 3.5%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px;/*上の余白（内側）アイコンの位置調整用*/
    border-radius: 3px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #6b6b6b;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-push:hover{/*カーソルをのせたときの変化*/
    background: #ff7f00;/*背景色*/
    text-decoration: none;/*文字の下線が出ないように*/
    transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}

/*-----rank部分-----*/
.prof-sns .pf-rank {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 43%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 3.5%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px;/*上の余白（内側）アイコンの位置調整用*/
    border-radius: 3px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #6b6b6b;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-rank:hover{/*カーソルをのせたときの変化*/
    background: #ff0000;/*背景色*/
    text-decoration: none;/*文字の下線が出ないように*/
    transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}

/*-----SUZURI部分-----*/
.prof-sns .suzuri {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 90%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 3.5%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px;/*上の余白（内側）アイコンの位置調整用*/
    border-radius: 3px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #6b6b6b;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-tw:hover{/*カーソルをのせたときの変化*/
    background: #1DA1F2;/*背景色*/
    text-decoration: none;/*文字の下線が出ないように*/
    transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}


/*-----LINE STAMP部分-----*/
.prof-sns .line-stamp {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 90%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 4%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px;/*上の余白（内側）アイコンの位置調整用*/
    border-radius: 3px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #6b6b6b;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-tw:hover{/*カーソルをのせたときの変化*/
    background: #1DA1F2;/*背景色*/
    text-decoration: none;/*文字の下線が出ないように*/
    transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}




/*-----アイコンの大きさ調整-----*/
.prof-sns i {
    font-size: 3em;/*全部のアイコンの大きさ*/
}


/*--------------------------------------
Rinkerのデザイン変更
--------------------------------------*/
/*-----全体-----*/
div.yyi-rinker-contents {/*内容（全体）*/
    border: solid 1px #42424230;/*枠線の種類・幅・色*/
    border-radius: 10px;/*枠線の丸み（上　右）*/
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);/*影*/
}
div.yyi-rinker-contents div.yyi-rinker-box {/*内容（中身）*/
    padding: 1em 0;/*余白（中）*/
}
/*-----左側（画像）-----*/
div.yyi-rinker-contents div.yyi-rinker-image {/*画像*/
    margin-left: 3%;/*左の余白*/
    width: 30%;/*画像の幅*/
}
/*-----右側（商品名やボタンなど）-----*/
div.yyi-rinker-info {/*右側全体*/
    padding: 0 3%;/*左右の余白*/
    width: 100%;/*右側全体の幅*/
}
.yyi-rinker-title {/*商品名*/
    font-size: .8em;/*文字の大きさ*/
}
div.yyi-rinker-contents div.yyi-rinker-title p {/*タイトル*/
    margin: 0;/*タイトルの余白*/
}
div.yyi-rinker-contents div.yyi-rinker-title a {/*タイトル*/
    color: #42424290;/*タイトルの文字色*/
}
div.yyi-rinker-contents div.yyi-rinker-detail {/*販売者と価格*/
    font-size: .8em;/*文字の大きさ*/
    color: #42424280;/*文字の色*/
    padding-left: 0;/*左側の余白*/
    margin-top: 0;/*上の余白*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {/*価格*/
    margin: .5em 0;/*上下の余白*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格の文字*/
    letter-spacing: 0.1em;/*文字の間隔*/
    font-size: 1.2em;/*文字の大きさ*/
    margin-right: .5em;/*右側の余白*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*すべてのボタン*/
    width: 40%;/*幅（2列になるように）*/
    padding: 0 .7em;/*左右の余白（ボタン内）*/
    margin: .5em 1.5em .4em 0;/*左側の余白だけ0（ボタン外）*/
    box-shadow: 0 2px 3px rgba(0,0,0,.2);/*影*/
    font-size: .9em;/*文字の大きさ*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
    display: none;/*マーク削除*/
}
/*-----ボタンの色-----*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {/*Amazon*/
    background: #FFC266;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
    color: #3A4D66;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {/*楽天*/
    background: #D95656;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {/*Yahoo*/
    background: #FF4D4D;
}
/*-----マウスホバー（ボタン）-----*/
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
    box-shadow: 0 3px 14px rgba(0, 0, 0, .25);/*優しく浮き上がる影*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover {
    box-shadow: none;/*手前のマウスホバー*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
    opacity: 1;/*ホバー時に薄くなるのをオフ*/
}
@media screen and (max-width: 500px){/*スマホ表示用（ブレイクポイント500px）*/
/*-----全体-----*/
div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;/*縦表示になるように*/
}
/*-----画像ー----*/
div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;/*画像を中央表示*/
}
/*-----商品名やボタンなど-----*/
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {/*全体*/
    padding: 0;/*余白削除*/
    margin: auto;/*中央揃え*/
    width: 87%;/*横幅*/
    text-align: center;/*商品名やボタンを中央表示*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格*/
    display: block;/*価格を縦並びにする*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/
    width: 100%;/*横幅いっぱい*/
    margin: .5em 0;/*上下の余白　左右の余白削除*/
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/
    padding: 0;/*文字の余計な余白を削除*/
}}
@media screen and (min-width: 501px) and (max-width: 1239px){/*スマホとPCの中間くらい（ブレイクポイント501～1239px）*/
div.yyi-rinker-contents ul.yyi-rinker-links li{
    width:80%;/*横幅を80％*/
}}

/*--------------------------------------
  ページャーを四角にする
--------------------------------------*/
.pagination span{
    border-radius: 8%;/*角丸*/
}
.pagination a{
    border-radius: 8%;/*角丸*/
    background: #f3f3f3;/*背景薄いグレー*/
}
.pagination li {
    margin: 3.5px 7px;/*ページャー同士の幅*/
}


/*--------------------------------------
  検索欄　枠線ヒュッと出てくるver
--------------------------------------*/
input#s {/*検索欄*/
    border-bottom: none;/*下線削除*/
    box-shadow: none;/*ドロップシャドウ削除*/
    border-radius: 0;/*角丸削除*/
    transition: .1s ease-in-out;/*変化にかかる時間*/
}
input#s:focus {/*入力している時*/
    box-shadow: none;/*影削除*/
    border: 3px solid #797979;/*枠線追加*/
}
#searchsubmit {/*検索欄の虫眼鏡部分*/
    background-color: #6b6b6b;/*背景色*/
    border-radius: 0;/*角丸削除*/
    border-bottom: none;/*下線削除*/
}
input#s:focus+#searchsubmit {/*入力している時の虫眼鏡部分*/
    background-color: #797979;/*背景色*/
}
input#s:focus+#searchsubmit i {/*入力しているときのアイコン*/
    font-size: inherit;/*サイズ引き継ぎ*/
}


/* -------------SHOP-------------*/
.shop{
    text-align: center;/*中央揃え*/
    padding-top: 5%;/*上の余白（内側）*/
    border-top: 2px dotted #42424220;/*上線 太さ 形状 色*/
    font-size: 0.73em;/*文字の大きさ*/
}



/*************************************************
カテゴリーの記事数のデザインを変更
**************************************************/
.entry-count{   
    float:right; /* 記事数の位置を右側に変更 */
    border-radius: 1px; /* 形を角が丸い四角っぽく */
    background: #fff; /* 背景の色 */
    color: #6b6b6b; /* 文字の色 */
	border: solid 1px #b5b5b5;/*枠線*/
	border-radius: initial;
}