@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------*/
/* ２カラムを右サイドバーに変更しコンテンツ幅拡大調整（レスポンシブチェック済み） */
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
	width:1169px;
/* ページ全体の幅1169px ストーク仕様*/
}

.right_sidebar #main {
float: right;
margin-right:0;
/* 数字を変えても変化なし */
margin-left: -32%;
}
.right_sidebar .main-inner {
margin-right: 0;
/*メインを左に拡大 */
margin-left: 31%;
}
.right_sidebar #sidebar1 {
float: left;
/*サブを250サイズに縮小 */
width: 31.36%;
}
.right_sidebar #sidebar2 {
float: left;
clear: left;
width: 31.36%;
}


@media(max-width: 1169px)
	 {.right_sidebar .main-inner{max-width:65%
		}}
@media(max-width: 1125px)
	 {.right_sidebar .main-inner{max-width:60%
		}}
@media(max-width: 1068px)
	 {.right_sidebar .main-inner{max-width:54%
		}}
@media(max-width: 1000px)
	 {.right_sidebar .main-inner{max-width:100%
		}}





/*サイドの背景をなし　左に寄せる　スマホ　ＰＣで左に動かしたので中央寄せして戻す　margin:0 auto !important;*/
.sub{
margin:-15px 0px 0px -15px !important;
background:none;
box-shadow:none;
}
/*日付非表示*/
.entry-meta .date{
display:none;}

/* ヘッダー横に色*/
.banner {
background:none;
}

/* スマホ左寄せ-13　レスポンシブＣＳＳをpadding-right: 5px;
        padding-left: 5px;*/

.ads300 {
margin-left: -15px;
}
/* サイド広告調整*/
.ads301 {
margin-left: -5px;
}
/*728.90広告調整*/
.ads302 {
margin: -18px -0px -25px -21px;
}
/*kiziuesumaho広告調整*/
.kiziuesumaho {
margin: 13px 0px 0px -20px;
}
.nirenads{
margin:-20px 0px -20px -22.5px;
}
.kizisitatop{
background:rgba(128,128,128,0.1);
margin:-5px 0px -5px 0px;
padding:0px 0px 0px 10px;
}



/* 記事本文サイズ 本文幅拡大*/
.main p {
     
    font-size: 1.2rem;
 margin-left: 15px;
margin-right: 12px;
}
/* ＴＯＰ右アイキャッチを非表示 */

.img-right .entry-img {
display:none;
}

/*メイン新着カテＮＰＣ調整 wp minify導入により2カラム分けはshrtcodealitimateを使えなくなったのでルレアのコードを使う。
pc2カラムは左調整が1.右側が1-2、モバイルは1-3　ｐｃ1カラムは0モバイル1-3*/
.npc0 {
text-decoration: underline;
margin:0px -10px 0px 34px;
}
.npc1 {
font-weight:bold;
margin:0px -10px 0px 19px;
}
.npc1-2 {
font-weight:bold;
margin:0px -26px 0px 43px;
}
.npc1-3{font-weight:bold;
margin:0px -21px 0px 25px;}

.npc0 #npcatch li{
height:88.5px;
	}
.npc1 #npcatch li{
height:88.5px;
	}
.npc1-2 #npcatch li{
height:88.5px;
	}
.npc1-3 #npcatch li{
height:88.5px;
	}
.npc0 #npcatch img{
margin: 0px 5px 0px 12px;！important;
padding:0px 0px 0px 0px;！important;
border-radius: 3px;
	-webkit-border-radius: ;
	-moz-border-radius: ;
	box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-moz-box-shadow: rgba(0,0,0,0.65)3px 3px 8px 1px;
}
.npc1 #npcatch img{
margin: 0px 5px 0px 12px;！important;
padding:0px 0px 0px 0px;！important;
border-radius: 3px;
	-webkit-border-radius: ;
	-moz-border-radius: ;
	box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-moz-box-shadow: rgba(0,0,0,0.65)3px 3px 8px 1px;
}
.npc1-2 #npcatch img{
margin: 0px 5px 0px 12px;！important;
padding:0px 0px 0px 0px;！important;
border-radius: 3px;
	-webkit-border-radius: ;
	-moz-border-radius: ;
	box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-moz-box-shadow: rgba(0,0,0,0.65)3px 3px 8px 1px;
}
.npc1-3 #npcatch img{
margin: 0px 5px 0px 12px;！important;
padding:0px 0px 0px 0px;！important;
border-radius: 3px;
	-webkit-border-radius: ;
	-moz-border-radius: ;
	box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-moz-box-shadow: rgba(0,0,0,0.65)3px 3px 8px 1px;
}
.npc0 #npcatch .title a{
display:block;
overflow:hidden;
margin:0px 9px 0px 0px;
padding:0px 2px 0px 5px;
}
.npc1 #npcatch .title a{
display:block;
overflow:hidden;
margin:0px 9px 0px 0px;
padding:0px 2px 0px 5px;
}
.npc1-2 #npcatch .title a{
display:block;
overflow:hidden;
margin:0px 9px 0px 0px;
padding:0px 2px 0px 5px;
}
.npc1-3 #npcatch .title a{
display:block;
overflow:hidden;
margin:0px 9px 0px 0px;
padding:0px 2px 0px 5px;
}
/*メイン新着カテマウスオーバーアクション */
.npc0 #npcatch li:hover{
opacity:0.7;
background:rgba(128,128,128,0.4);
}
.npc0 #npcatch li:hover .title a{
color:red;
}
.npc1 #npcatch li:hover{
opacity:0.7;
background:rgba(128,128,128,0.4);
}
.npc1 #npcatch li:hover .title a{
color:red;
}
.npc1-2 #npcatch li:hover{
opacity:0.7;
background:rgba(128,128,128,0.4);
}
.npc1-2 #npcatch li:hover .title a{
color:red;
}
.npc1-3 #npcatch li:hover{
opacity:0.7;
background:rgba(128,128,128,0.4);
}
.npc1-3 #npcatch li:hover .title a{
color:red;
}

/* gushの真似版*/

.npc2 {

margin:0px -10px 0px 35px;

}
.npc2 #npcatch li{
max-height:105px;
font-size:14px;
line-height:19.5px;

	}
.npc2 #npcatch img{
/*画像左右15％カット*/
-webkit-clip-path: polygon(15% 0, 85% 0, 85% 100%, 15% 100%);
clip-path: polygon(15% 0, 85% 0, 85% 100%, 15% 100%);
width:143px;height:100px;

margin: 0px -16.5px;
padding:0px 0px 0px 0px;
float:right
	
	}
.npc2 #npcatch .title a{
 display:block;
overflow:hidden;
 margin:0px 0px 0px 10px !important;
padding:0px 2.5px 0px 0px !important;
color:#1122cc;

text-decoration:none;
}
/*マウスオーバーアクション */
.npc2 #npcatch img:hover{

opacity:0.7;

}
.npc2 #npcatch  .title a:hover{
color:rgba(207,0,51,1.0);
text-decoration:underline;
}
/*マウスオーバーアクション */
.npc2 #npcatch img:hover{

opacity:0.7;

}
.npc2 #npcatch  .title a:hover{
color:rgba(207,0,51,1.0);
text-decoration:underline;
}
/*サイドnpc 三角マーク左にずらす（ストークの真似）*/
.npc2 #npcatch li {position: relative;
}
.npc2 #npcatch li::after {
position: absolute;
	top: 55%;
	left: 1.1em;
	content: url(https://fr-nature.com/wp-content/uploads/2017/04/33.png);
transition: all 0.15s;
}
.npc2 #npcatch li:hover::after {
left: 0.7em;
}

/* 記事内カテゴリーＮＰＣ右の文字との間隔10ＰＸ*/
.npc3 {
font-weight:bold;
margin:0px -20px 0px -14px;
}
.npc3 #npcatch li{
max-height:93.5px;
border-bottom: 1px solid silver;
	}

.npc3 #npcatch img{
margin: -18.5px 0px 0px 12px;
padding:0px 0px 0px 0px;
border-style:none !important;
outline:none !important;
border-radius: 3px;
	}
.npc3 #npcatch .title a{
 display:block;
overflow:hidden;
position:relative; top:-50px; 
margin:0px 1.75px 0px 0px;
padding:0px 8px 0px 9px;
}


/*マウスオーバーアクション */
.npc3 #npcatch li:hover{
opacity:0.7;
background:rgba(128,128,128,0.4);
}
.npc3 #npcatch li:hover .title a{
color:red;
}

/*解除　全体リストマウスオーバーアクション */
.hovernone li:hover {
opacity:1;
background:none;
color:#0066cc;
}

.hovernone li:hover a{
color:#0066cc;
}
.hovernone a:hover{
color:#0066cc;
}



/*最新記事ウイジェット　左まわりこみ画像サイズＮＥＷＰＯＳＴと同じ　画像はスマホに合わせた　背景があると周りが白なので× */

.main .rewg .entry-img {
    float: left;
clear: both;
    width: 290px;
    height:165.7px;
border-radius:3px;
margin: -6px 25px 0px -8px;
}
.main .rewg .entry-img img {
    max-width: 290px;
    max-height: 165.7px;

   }
/*最新記事ウイジェット記事部分 */
.main .rewg p {
margin: 0px 5px 0px 0px;
    }
.main .rewg li:hover{
opacity:0.7;
background:rgba(128,128,128,0.3);
    }
.sub .rewg .entry-img {
    float: right;
clear:both;
    overflow: hidden;
    margin-bottom: .5em;
    margin-left: 1em;
    width: 100px;
    height: 70.1px;
margin: 5px 0px 0px 0px;
box-shadow:none !important;
border-radius:0px !important;
}
.sub .rewg .entry-img img {
float: right;
clear:both;
    max-width: 100px;
    max-height: 70.1px;
    margin: 0;
}
/*サイド最新記事ウイジェット */
.sub .entry-title{
/*タイトル右に余白を作る場合 */
padding: 0px 2px 0px 0px;
}
.sub .rewg p {
text-indent:1em;
margin: 0px 0px 0px 1.5px;
    }

/*サイド最新マウスオーバーアクション */
.sub .rewg ul li a:hover{
/*なぜか必要*/
}
.sub .rewg ul li:hover{
opacity:0.7;
background:rgba(128,128,128,0.3);
color:red;
}
.sub .rewg li:hover a{
color:red;
}

.headslider{
margin:-20px -50px -19px -50px;
}

/*人気記事リスト番号　デザインブック5-5 デフォルトの番号無効 */
 ol {margin: 0;
	padding: 0;
list-style-type: none
	}

 ol li a:before	{content: counter(mycount);
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-size: larger;
	color: #ffffff;
	background-color: #f3b62f;
	padding: 2px 7px 2px 7px;
	margin:10px 2px 15px 0px;
overflow:hidden;
	vertical-align: -2px}

 ol li	{counter-increment: mycount}

/*リスト番号　人気記事と一緒は無理だったのでclassで設定　li:beforeでできた (mycount)は必要なのか分からないが念のため記述*/
.bangoulist ol {margin: 0;
	padding: 0;
list-style-type: none
	}
.bangoulist ol li:before	{content: counter(mycount);
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-size: larger;
	color: #ffffff;
	background-color: #f3b62f;
	padding: 2px 7px 2px 7px;
	margin:10px 2px 15px 0px;
overflow:hidden;
	vertical-align: -2px}

.bangoulist　ol li	{counter-increment: mycount}
/*自由リスト番号　リストではないが同じデザインになる*/
.ziyuubangoulist{
font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-size: larger;
	color: #ffffff;
	background-color: #f3b62f;
	padding: 2px 7px 2px 7px;
	margin:10px 2px 15px 0px;
overflow:hidden;
	vertical-align: -2px
	}

/*赤チェックリスト*/
.akacheck ul li{margin: 0;
	padding-left: 30px;
list-style-type: none;
background:url('https://cosmetic-beauty1.net/wp-content/uploads/2017/03/3ca7bc0fb6086a4ceea5cf855ea8ec3a.png') no-repeat;
font-weight:bold;
margin-left:-40px;
}
/*？枠*/
.question ul li{
	padding:10px 10px 10px 90px;
list-style-type: none;
background:url('https://cosmetic-beauty1.net/wp-content/uploads/2017/03/f4388a5c2203056cc487db0438aa104b.png') no-repeat;
background-position:center left 10px;
margin-left:-50px;
margin-bottom:-17px;
box-shadow: 30px 30px 3 yerrow inset !important;
min-height:62px;
}
.question li:hover{
color:black;
opacity:1;
}

/*囲[注意]*/
.tyuui ul li{
	padding:10px 10px 10px 90px;
list-style-type: none;
background:url('https://cosmetic-beauty1.net/wp-content/uploads/2017/03/87b1934e3b14efb9b8fec4a383a2379a.png') no-repeat;
background-position:center left 22px;
margin-left:-50px;
margin-bottom:-17px;
box-shadow: 30px 30px 3 yerrow inset !important;
min-height:60px;
}
.tyuui li:hover{
color:black;
opacity:1;
}

/*囲[メモ]*/
.memokakoi ul li{
	padding:10px 10px 10px 90px;
list-style-type: none;
background:url('https://cosmetic-beauty1.net/wp-content/uploads/2017/03/2400295b080b153be59c94e051787ad2.png') no-repeat;
background-position:center left 25px;
margin-left:-50px;
margin-bottom:-17px;
box-shadow: 30px 30px 3 yerrow inset !important;
min-height:66px;
}
.memokakoi li:hover{
color:black;
opacity:1;
}

/*囲[鍵]*/
.kagikakoi ul li{
list-style-type: none;
background:url('https://cosmetic-beauty1.net/wp-content/uploads/2017/03/0f47fd2b360a104f9e4f4a2aae16f7be.png') no-repeat;
background-position:center left 25px;
margin-left:-50px;
margin-bottom:-17px;
padding:10px 10px 10px 90px;
box-shadow: 30px 30px 3 yerrow inset !important;
min-height:67px;
}
.kagikakoi li:hover{
color:black;
opacity:1;
}

/*囲[電球]*/
.denkyuu ul li{
	padding:10px 10px 10px 90px;
list-style-type: none;
background:url('https://cosmetic-beauty1.net/wp-content/uploads/2017/03/denkyu.png') no-repeat;
background-position:center left 25px;
margin-left:-50px;
margin-bottom:-17px;
box-shadow: 30px 30px 3 yerrow inset !important;
min-height:63px;
}
.denkyuu li:hover{
color:black;
opacity:1;
}

.main blockquote {
    margin: 10px 0px;}



/*http://klutche.org/archives/460/　http://www.klutche.org/demo/change_pic/
★ダムサンプルからの変更点
0.javascript読み込みは必要ない模様
1.＜ＳＣＲＩＰＴ＞で囲う　
2.htmlから高さと幅の記載があると大きな画像がぼけるので削除した
3.class名を任意に変更
4.複数設置する場合はjavascriptの番号を変えないと一緒にきりかわってしまう
5.javascriptはheadに記載しても効果がなく、記事中に配置する必要がある
*/

/*全体*//*中央寄せなし*/
.dum400228 {
    width:403px;
border-radius: 10px;
           padding:10px;
margin-top:-50px;
}


/*大きな画像*/
.dum400228 p {
    height:403px;
margin:23px 0px 0px 0px;

}
/*小さな画像全体*/
.dum400228 ul {
    display:block;
    overflow:hidden;
       clear:both;
margin:-162px -5px -5px -5px
}

/*小さな画像*/
.dum400228 li {
    display:block;
    float:left;
        argin-right:10px;
margin:3px;
}

/*大きな画像のサイズ*/
.dum400228 img {
height:228.6px;
width:403px;
border-radius:5px;
}
/*小さな画像のサイズ*/
.dum400228 li img {
width:71.6px;
height:71.6px;
    cursor:pointer;
}



/*ダムギャラリー*/
/*全体*/
.dum400290 {
    width:403px;
            padding:10px;
border-radius:10px;
margin-top:-50px;
}

/*大きな画像*/
.dum400290 p {
    height:403px;
margin:23px 0px 0px 0px;
}
/*小さな画像全体*/
.dum400290 ul {
    display:block;
    overflow:hidden;
   margin:-100px -5px -5px -5px;
    clear:both;
}

/*小さな画像*/
.dum400290 li {
    display:block;
    float:left;
        argin-right:10px;
margin:3px;
}

/*大きな画像のサイズ*/
.dum400290 img {
height:290px;
width:403px;
border-radius:5px;
}
/*小さな画像のサイズ*/
.dum400290 li img {
width:71.6px;
height:71.6px;
    cursor:pointer;
}


/*全体*/
.dum560320 {
    width:560px;
          padding:10px;
border-radius:10px;
margin-top:-50px;
}
/*大きな画像*/
.dum560320 p {
    height:560px;
margin:-6px 0px -230px 0px;
}
/*小さな画像全体*/
.dum560320 ul {
    display:block;
    overflow:hidden;
    margin:-20px -5px -7px -5px;
        clear:both;
}
/*小さな画像*/
.dum560320 li {
    display:block;
    float:left;
        argin-right:10px;
margin:5px;

}
/*大きな画像のサイズ*/
.dum560320 img {
width:565px;
height:320px;
border-radius:5px;
}
/*小さな画像のサイズ*/
.dum560320 li img {
width:98.5px;
height:98.5px;
    cursor:pointer;
}

/*画像サイズ640　480*/
/*全体*/
.dum640480 {
    max-width:666px;
          padding:10px;
border-radius:10px;
margin-top:-50px;
}
/*大きな画像*/
.dum640480 p {
    height:720px;
margin:-6px 0px -230px 0px;
}
/*小さな画像全体*/
.dum640480 ul {
    display:block;
    overflow:hidden;
    margin:-20px -5px -7px -5px;
        clear:both;
}
/*小さな画像*/
.dum640480 li {
    display:block;
    float:left;
        argin-right:10px;
margin:5px;

}
/*大きな画像のサイズ*/
.dum640480 img {
width:640px;
height:480px;
border-radius:5px;
}
/*小さな画像のサイズ*/
.dum640480 li img {
width:98.5px;
height:98.5px;
    cursor:pointer;
}






/*画像のcaption*/
 .wp-caption {
       background:none;
}

.wp-caption .wp-caption-text, 
.gallery-caption {
        font-size: 1.23rem;
    }
.wp-caption .wp-caption-text:before {
      content:none;
    }



/*カスタムタブ　ショートコード　ＵＬＩTEMATE*/
.su-tabs.my-custom-tabs { background-color: #84ADEA }
  .su-tabs.my-custom-tabs .su-tabs-nav span { font-size: 1.3em }
  .su-tabs.my-custom-tabs .su-tabs-nav span.su-tabs-current { background-color: #EDFAFF }
  .su-tabs.my-custom-tabs .su-tabs-pane {
    padding: 1em;
    font-size: 1.3em;
    background-color: #EDFAFF;}



/*人気記事ベストの装飾ポピュラーポスト*/
.ninki li {margin: 0;
	padding: 5px 0px;
list-style-type: none;
margin-left:-60px;
border-bottom:solid 1px gray;

overflow:hidden;
}

.ninki a{
text-decoration:none;
overflow:hidden;
	}
.ninki img{border-radius:3px;}

.ninki   ol li:before	{content: counter(mycount);
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-size: larger;
	color: #ffffff;
	background-color: #f3b62f;
	padding: 2px 7px 2px 7px;
	margin:10px 2px 15px 0px;
overflow:hidden;
	vertical-align: -2px}

.ninki ol li{counter-increment: mycount}
.ninki  a:before {
	content: none;
}

 /*スマホ枠の調節　youtube*/
.sumawrap {
max-width:640px;
max-width:94%;
max-height:370px
}

.glovalnavi ul li a:before,
.glovalnavi ul li ul li a:before {content: none;
}
.glovalnavi ul li {padding-left: 10px}


/* サイドバーのリンクの矢印を消す */
.sub ul li a:before,
.sub ul li ul li a:before {content: none}
.sub ul li {padding-left: 0}

 .glovalnavi ul{ 
        display: none;
    }



/*記事下キーワード商品検索*/
.kensaku{
margin-bottom:5px;
width:100%;
height:40px !important;}

a:hover .kensaku{
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
		}

/*動画ポップ枠*/

#fancybox-outer {
	border-radius: 15px;
box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-moz-box-shadow: rgba(0,0,0,0.65)3px 3px 8px 1px;
}

#fancybox-content {
	border-radius: 15px;	
box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-moz-box-shadow: rgba(0,0,0,0.65)3px 3px 8px 1px;
}
/*SNSボタン*/
.snsb1{position:fixed;right:118px;top:25px;z-index:9902;}
.snsb2{position:fixed;right:156px;top:25px;z-index:9902;}
.snsb3{position:fixed;right:227px;top:23px;z-index:9902;opacity: 0.9}
.snsb4{position:fixed;right:193px;top:21px;z-index:9901;opacity: 0.7}

.snsb1 img:hover{opacity: 0.7;/*要素の透明度を指定*/}
.snsb2 img:hover{opacity: 0.7;/*要素の透明度を指定*/}

/*snsb3検索窓*/
.spoiler{width:30px;font-family: FontAwesome;z-index:9901;}

  .spoiler .su-spoiler-icon{display:none;}
.spoiler .su-spoiler-content{
	background:none;
margin-left:-50px;
width:300px;
	}
	.spoiler .su-spoiler-title {
font-size: 31px;
text-decoration:none;
font-weight: bold;
color:#999999;
}

.spoiler :hover{
color: red;
}
/*snsb3 4の検索窓、ボタン*/
.spoiler input[type="text"] {
height:35px;
}
.spoiler input[type="submit"] {
font-family: FontAwesome;
height:35px;
width:105px;
font-size:20px;
position:relative;top:2px;
background:#4070ff;
font-weight:bold;
color:white;
padding:o;
}

.snssharezentai {margin:0 -19px 0 -10px !important;}
.snsshare{display:inline-block;width:24.3%;border:none !important;}
 .snsshare3{display:inline-block;width:24.3%;border:none !important;}
/*TOPのミニスライダー*/
.tkslider{margin:-21px;}
.tksliderkizi{margin:-21px -21px -40px;}

/*postsnipetを使った単一・グループ広告*/
.Snippets0{
margin:15px -10px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px 15px 5px;box-shadow:rgba(0, 0, 0, 0.5098) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5098) 0px 0px 6px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.5098) 0px 0px 6px 3px;
}
.Snippets1
{float:left;margin-bottom:10px;margin-right:10px;
}

.Snippets2
{position:relative;top:-5px;font-weight:bold;}
.Snippets3{padding:5px 0px !important;margin-top:-4px !important;overflow:hidden !important;font-size:12pt !important;}

.Snippets4{margin:0 0 5px 35px;}
.Snippets5{
margin:0px;padding:0px;}
.Snippets6{
border-collapse: collapse;border:1px solid #DED9D0;background-color:#FFFFFF;color:#000000;text-align:left;font-size:16px;}
.Snippets7{
box-shadow: 0 1px 2px 1px rgba(000,000,000,.2);box-shadow: 0 1px 2px 1px rgba(000,000,000,.2);border:1px solid #DED9D0;background-color:#E9E5DC;color:#000000;text-align:center;font-size:16px;}
.Snippets9{
color:transparent;display:none;}
.Snippets10{
border:1px solid #DED9D0;}


.navibo1{text-decoration:none !important;display:inline-block;margin:2.5px;font-size:14px;padding:0px 5px 0px 0px;color:#ffffff !important;background:linear-gradient(#ff6376, #ff1935);border-radius:5px;cursor: pointer;}
a.navibo1:hover{opacity:0.7;}
.navibotton a:before{font-family: 'FontAwesome'; content:"　\f041　";}
  
.navibo2{text-decoration:none !important;display:inline-block;margin:2.5px;font-size:14px;padding:0px 5px 0px 0px;color:#ffffff !important;background:linear-gradient(#00d000, #008000);border-radius:5px;cursor: pointer;}
a.navibo2:hover{opacity:0.7;}
.navibotton2 a:before{font-family: 'FontAwesome'; content:"　\f184　";}

.navibo3{text-decoration:none !important;display:inline-block;margin:2.5px;font-size:14px;padding:0px 5px 0px 0px;color:#ffffff !important;background:linear-gradient(#3c92ef, blue);border-radius:5px;cursor: pointer;}
a.navibo3:hover{opacity:0.7;}
.navibotton3 a:before{font-family: 'FontAwesome'; content:"　\f0d0　";}


/* new-post TOP PC3/スマホ3記事メディアサムネイルサイズも変更*/
#new-posttop3 {
	margin: -15px -15px 0 -15px;
}


#new-posttop3 li {
	width:31.6%;
	display: inline-block;
	overflow: hidden;
	margin: 5px;
	vertical-align: top;
}
/*小さくなるとはみ出すのでワイドを狭くする*/
@media (max-width:995px) { 
#new-posttop3 li{width:31.5%;}
}
@media (max-width:786px) { #new-posttop3 li {
	width:31%;
		}}
#new-posttop3 img:hover {
	opacity: 0.7;
	}
/*new-post　W線 hover*/
#new-posttop3 li:hover {background:#f3f3f3 !important;border-bottom:double 3px green;/*マージンではみ出しを修正する*/margin-bottom:3px !important}
/*new-post下線が伸びる*/
#new-posttop3 li {position: relative; /*W線のトランデｼｮﾝありだとマウスオーバー時の背景ぶよつきがおさまらない*/}
#new-posttop3 li::after { position: absolute; bottom: 0;left: 50%;content: '';	 width: 0;height: 0.9px;background-color:green ;transition: .4s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#new-posttop3 li:hover::after { width: 100%;}

#new-posttop3 img {
/*サムネイルのスタイル*/
	background: none !important;
	float: none;
	width:100%;
	max-height:168px;
	border-radius: 10px;
	box-shadow: none;
}

#new-posttop3 .title {
/*記事タイトルのスタイル*/
display:block;
	float: none;
margin-bottom:-5px;
	}


#new-posttop3 .title a {
	font-weight: bold;
	color: #4b4b4b;
	background: #fae8e8;
	text-decoration: none;
}

#new-posttop3 .title a:hover {
	color: red;
	background: none;
text-decoration:underline;
}

 /*記事内NEWPOST3つ*/
#new-post3 {
	margin: -60px -15px 0 -15px;
}



#new-post3 li {
	width:32%;
	display: inline-block;
	overflow: hidden;
	margin: 5px;
	vertical-align: top;
}
/*小さくなるとはみ出すのでワイドを狭くする*/
@media (max-width:995px) { 
#new-post3 li{width:31.5%;}
}
@media (max-width:786px) { #new-post3 li {
	width:31%;
		}}
#new-post3 img:hover {
	opacity:0.7;
	}
/*new-post　W線 hover*/
#new-post3 li:hover {background:#f3f3f3 !important;border-bottom:double 3px  #ea158a;/*マージンではみ出しを修正する*/margin-bottom:3px !important}
/*new-post下線が伸びる*/
#new-post3 li {position: relative; /*W線のトランデｼｮﾝありだとマウスオーバー時の背景ぶよつきがおさまらない*/}
#new-post3 li::after { position: absolute; bottom: 0;left: 50%;content: '';	 width: 0;height: 0.9px;background-color: #ea158a ;transition: .4s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#new-post3 li:hover::after { width: 100%;}
#new-post3 img {
/*サムネイルのスタイル*/
	background: none !important;
	float: none;
	width:100%;
	max-height:168px;
	border-radius: 15px;
	box-shadow: none;margin-top:-20px;}

#new-post3 .title {
/*記事タイトルのスタイル*/
display:block;
	float: none;
border-bottom: 1px solid rgba(128,128,128,0.3);
	}


#new-post3 .title a {
	font-weight: bold;
	color: #4b4b4b;
	background: #fae8e8;
	text-decoration: none;
}

#new-post3 .title a:hover {
	color: red;
	background: none;
text-decoration:underline;
}

/*NEWPOST 記事内PC2/スマホ1*/

#new-post {
	margin: -60px -15px 0 -10px;
}



#new-post li {
	width:48%;
	display: inline-block;
	overflow: hidden;
	margin: 5px;
	vertical-align: top;
}
/*小さくなるとはみ出すのでワイドを狭くする*/
@media (max-width:995px) { 
#new-post li{width:47.25%;}
}
@media (max-width:786px) { #new-post3 li {
	width:46.5%;
		}}
#new-post li:hover {
	opacity: .7;
	background: rgba(250,232,232,0.4);
}

#new-post img {
/*サムネイルのスタイル*/
	background: none !important;
	float: none;
	width:100%;
	max-height:168px;
	border-radius: 15px;
	box-shadow: none;margin-top:-20px;}

#new-post .title {
/*記事タイトルのスタイル*/
display:block;
	float: none;
border-bottom: 1px solid rgba(128,128,128,0.3);
	}

#new-post .title a {
	font-weight: bold;
	color: #4b4b4b;
	background: #fae8e8;
	text-decoration: none;
}

#new-post .title a:hover {
	color: red;
	background: none;
}






/*閉じる×背景*/
#sb-nav-close{background:gray;}

/*tubepressに白い枠台 */
#sb-wrapper {
	border-left: solid 12.8px white;
	border-right: solid 12.8px white;
	background: #ffffff !important;

	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 3px 3px 8px 1px;
	-moz-box-shadow: rgba(0,0,0,0.65)3px 3px 8px 1px;
}

/*tubepressに白い枠台 */
@media (max-width:740px) { #sb-wrapper {
max-width:100% !important;
	border-left: solid 8px white !important;
	border-right: solid 8px white !important;
	}}




/*tubepressウイジェット全体位置*/
.tubepress_container {
	margin: 0 0 -45px;
}

/*小さいサムネイルのタイトル部分*/
.tubepress_meta {
	margin-top: -33px;
	position: relative;
	left: -10px;
	width: 140px !important;
}

/*小さいサムネイルのタイトルマウスホバー*/
.tubepress_meta a:hover {
	background: rgba(128,128,128,0.4);
}

/*小さいサムネイル反転*/
.tubepress_thumb img:hover {
	opacity: .7;
}

.tubepress_thumb .tubepress_embed,
.tubepress_thumb img {
	height: 105px;
	width: 140px;
	margin: 0 auto;
	-ms-interpolation-mode: bicubic;
	border-radius: 10px;
}

/*小さいサムネイル＋タイトル*/
.tubepress_thumb {
/*ワイドは画像より大きめにより間隔をキープ.
	なぜか一定以上広くならない*/
	width: 215px;
	height: 184px;
	line-height: 1.1em;
	font-size: 11px;
}

@media (max-width:465px) {
	.tubepress_thumb .tubepress_embed,.tubepress_thumb img {
		height: 120px;
		width: 160px;
		margin: 0 auto;
		-ms-interpolation-mode: bicubic;
		border-radius: 10px;
	}
	
	/*小さいサムネイル＋タイトル*/
	.tubepress_thumb {
	/*ワイドは画像より大きめにより間隔をキープ.なぜか一定以上広くならない*/
		width: 215px;
		height: 200px;
		line-height: 1.1em;
		font-size: 11px;
	}
	
	/*小さいサムネイルのタイトル部分*/
	.tubepress_meta {
		margin-top: -33px !important;
		position: relative;
		left: -20px;
		width: 160px !important;
	}
}

@media (max-width:360px) {
	.tubepress_thumb .tubepress_embed,
																																																																																																				.tubepress_thumb img {
		height: 105px;
		width: 140px;
		margin: 0 auto;
		-ms-interpolation-mode: bicubic;
	}
	
	/*小さいサムネイル＋タイトル*/
	.tubepress_thumb {
	/*ワイドは画像より大きめにより間隔をキープ.
																																																																																																					なぜか一定以上広くならない*/
		width: 215px;
		height: 184px;
		line-height: 1.1em;
		font-size: 11px;
	}
	
	/*小さいサムネイルのタイトル部分*/
	.tubepress_meta {
		margin-top: -33px !important;
		position: relative;
		left: -10px;
		width: 140px !important;
	}
}

/*tubepressウイジェットタイトル位置*/
.wigettube .tubepress_meta {
	margin-top: -33px !important;
/*タイトル位置を戻す場合はmargin-top: 2px !important;*/
	background-color: rgba(0,0,255,0.7);
	height: 70px;
	border-radius: 10px;
}

/*tubepressウイジェットタイトル位置*/
.wigettube .tubepress_meta a {
	color: white;
}

/*小さいサムネイル＋タイトル*/
.wigettube .tubepress_thumb {
/*ワイドは画像より大きめにより間隔をキープ.
																																								なぜか一定以上広くならない*/
	height: 150px;
/*タイトル位置を戻す場合はheight: 181.5px;*/
}

/*小さいサムネイルのタイトルマウスホバー*/
.wigettube .tubepress_meta a:hover {
	background: rgba(0,0,255,1.0);
	height: 70px;
	border-radius: 10px;
	color: white;
}

@media (max-width:465px) {
	.wigettube .tubepress_thumb {
	/*ワイドは画像より大きめにより間隔をキープ.
																																													なぜか一定以上広くならない*/
		height: 165px;
	}
}

@media (max-width:360px) {
	.wigettube .tubepress_thumb {
	/*ワイドは画像より大きめにより間隔をキープ.
																																													なぜか一定以上広くならない*/
		height: 150px;
	}
}



/* サイドのWordPress Popular Posts ＣＳＳ*/
/* WordPress Popular Postsウイジェット タイトル色変更できない
 カスタムHTMLマークアップ　Before / after Popular Posts: <ol></ol>
{thumb}<li>{title}<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{stats}</li>
*/
.popular-posts ul li{
    max-height:67.1px;
    overflow: hidden;
padding:10px 0 0em 0;
}
.popular-posts ol li{
display:block;
padding-left:2em;
text-indent:-2em;
 font-weight:bold;
border-bottom: 1px solid silver;
margin: 0px 0px -1px 0px;
padding:0px 0px 0px -50px;
 display:block;
overflow:hidden;
height:120px;
}

.popular-posts 
.popular-posts .post-stats{
  }
 .popular-posts .wpp-post-title,
.popular-posts .post-stats　a{
  }

.popular-posts img{
       float:right;
display:block;

border-radius:3px;

margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}


/*マウスオーバー*/
.popular-posts ol li:hover a{
color:red;
  }

.popular-posts img:hover{
opacity:0.7;
background:rgba(240,128,0,0.5);
  }

/*ＶＩＥＷの色・背景色・全体の上下線（10位の画像下には線がないため）　タイトル色は変更できず*/
.popular-posts  ol li{
color:#0072bd;
  }
.popular-posts  ol {
background:white;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
  }



/* TOPの Popular Posts*/
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list{	margin:-20px -25px -20px -10px !important;
}
.wpp-list img{width:45%;min-height:100px;float:right;margin:2px 1.5px 2px 2px;-moz-transform: scalex(1.4);
	-webkit-transform: scalex(1.4);
	-o-transform: scalex(1.4);
	-ms-transform: scalex(1.4);-webkit-clip-path: polygon(14.5% 0, 85.5% 0, 85.5% 100%, 14.5% 100%);
clip-path: polygon(14.5% 0, 85.5% 0, 85.5% 100%, 14.5% 100%);
}

.wpp-list img:hover{opacity:0.7;}
.wpp-list a:hover{color: rgba(207,0,51,1.0);text-decoration:underline;}
	/* LI - Post container styles */
	.wpp-list li {border-right:solid 1px #dddddd;line-height:21.5px; font-size:16px;
	margin-bottom:-5px;
		max-height:172px !important;
		counter-increment: mycount;
	display:inline-block;width:49%;}

.wpp-list	li:before	{content: counter(mycount);font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-size: larger;
	color: #ffffff;
	background-color: #f3b62f;
	padding: 0px 7px 0px 7px;
	margin:10px 2px 15px px;
overflow:hidden;
	vertical-align: -2px;}
	
		

		/* Title styles */
		.wpp-post-title {text-decoration:none;
		}

		/* Excerpt styles */
		.wpp-excerpt {font-size:12px;display:block;
		}
		@media (max-width:740px) { 
.wpp-excerpt {display:none;
	}}

		/* Stats tag styles */
		.post-stats {
			display:block;
			font-size:14px !important;
			font-weight:bold !important;
		}
		/*改行したい場合	.post-stats :before{
	content: "\A";
	white-space: pre;}*/
			/* Comments count styles */	

/*TOP人気記事左右に広がる下線と背景（ストーク）*/
.wpp-list li:hover {background:#f3f3f3 !important;/*W線ありだとランク毎にマージンが違うので一律数字でマウスオーバー時の背景ぶよつきがおさまらない*/}
.wpp-list li {position: relative;}
.wpp-list li::after { position: absolute; bottom: 0;left: 50%;content: '';	 width: 0;height: 3px;background-color:orange ;transition: .4s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.wpp-list li:hover::after { width: 100%;}

/*サイド人気記事三角マーク。ウイジェツトにクラス指定必要*/
.yazirushi li {position: relative;
}
.yazirushi li::after {
position: absolute;
	top: 55%;
	left: 2.4em;
	content: url(https://fr-nature.com/wp-content/uploads/2017/04/330.png);
transition: all 0.15s;
}
.yazirushi li:hover::after {
left: 2em;
}
.snipetdiscripution{font-size:15px ;line-height:20px;display:inline-block;}

/*cs.shop*/



/*商品画像 高さ制限しないと説明欄整わない時がある*/
.csshop-item div.image {height:125px}

/*金額*/
div.csshop-item div.price {
background:#FFFFCC;
overflow:hidden;
margin-top:0px;
}

/*楽天ＳＨＯＰ領域*/
div.csshop-item div.shop {
background:#FFFFCC;
overflow:hidden;
}
/*記事中CSランク楽天ＳＨＯＰ領域*/
.csrank div.csshop-item div.shop{margin-top:-5px;}
/*記事下CSランク楽天ＳＨＯＰ領域*/
.cswiget div.csshop-item div.shop{margin-top:0px;}
/*記事中CSランクol*/
.csrankichi{margin:-30px -16px -33px -16px !important;}
/*楽天ＳＨＯＰ領域*/
div.csshop-item div.shop a {
font-size:14px;
font-weight: bold;
margin-top:15px;
}
/*楽天Ｒ画像*/
div.csshop-item div.shop img {
 }


/*評価*/
div.csshop-item div.score {
margin-top:-3px;
font-weight:bold;
font-size:14px;
}
/*CSウイジェットランク評価欄*/
.cswiget div.csshop-item div.score {
margin-top:3px;}
/*記事中CS評価欄*/
.cskizityuu div.csshop-item div.score {
margin-top:-3px;}
div.csshop-item div.score a{

}
div.csshop-item div.score img {
}
/*1広告全体背景*/
.csrank div.csshop-item{background:#FAFBFC}
/*CS記事中ランク説明欄*/
.csrank div.csshop-item div.description {
margin-top:0px;
overflow:hidden;
font-size:15px;
line-height:21px;
}
/*CS記事下説明欄*/
.cskizisita div.csshop-item div.description {
margin-top:0px;
overflow:hidden;
font-size:15px;line-height:21px;
}
/*CS記事中説明欄*/
.cskizityuu div.csshop-item div.description {
margin-top:-5px;
overflow:hidden;
font-size:15px;
line-height:20px;
}
/*ウイジェットCSランク説明欄*/
.cswiget div.csshop-item div.description {
margin-top:2px;font-size:15px;
line-height:23px;
overflow:hidden;
}
/*楽天クレジット画像表示領域*/
div.csshop-service-credits {
display:none;
}
/*クレジット画像*/
div.csshop-service-credits img {
 display:none;
}
/*自己挿入クレジット画像位置*/
.cspccredit{
margin-top:-70px;
}
.cspccredit2{
margin-top:-20px;
}
.cspccredit3{
/*必要ないが後で調整できるようそのままにしておく*/
}
/*日付位置*/
.cspcdate{
float:right;
margin-top:-20px;
}
.cspcdate2{
float:right;
margin-top:-20px;
}





/*search-form全体*/
div.csshop-search-form {
height:90px;
position:relative;top:30px;
margin-top:-50px;
}
/*search-form中身？*/
div.csshop-search-form form {
height:90px;
position:relative;top:-100px;
}
/*textのおもて*/
div.csshop-search-form form input[type="text"] {
height:30px;
max-width:180px;
position:relative;top:128px;left:15px;background: #FFCFCF;
   }
/*textの検索ボタン*/
div.csshop-search-form form input[type="submit"] {
font-family: FontAwesome;
max-width:180px;
position:relative;top:131px;left:-32px;
 -webkit-appearance: none;
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	width: 50px;
	height: 30px;
	font-size: 20px;
	vertical-align: top;
	border: none;
	border-radius: 0 5px 5px 0;
	background: #1f76e2; 
 }


/*selectのおもて*/
div.csshop-search-form form select[name="sort"] {
position:relative;top:-6px;left:240px;background: #FFCFCF
   }
/*selectのおもて*/
div.csshop-search-form form select[name="category"] {
position:relative;top:23px;left:420px;background: #FFCFCF
   }
/*selectの中身*/
div.csshop-search-form form select option {}
/*page-navi全体*/
div.csshop-page-navi {
display:none;
    }
/*page-naviの数字の周り*/
div.csshop-page-navi a.page {
   }
/*page-naviの数字*/
div.csshop-page-navi span.current {
   }
/*全体見出し+説明欄*/
div.csshop-item {margin-top:0px;}


.csrank ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
.csrank li {
   padding-left: 10px;
  position: relative;
}
.csrank li:before {content: counter(my-counter);
  counter-increment: my-counter;
  font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-size:32px;
	color: #ffffff;
	background-color: #f3b62f;
	padding: 0px 7px 0px 7px;
	margin:5px 7px 0px -7px;
overflow:hidden;
	vertical-align: -5px;
border-radius:50%
}
.csrank a:before{display:none}
/*タイトル*/
.csshop-item li{
 line-height:28px;padding-top:10px;}
.csrank .csshop-item h3 {
	border-left:none;
border-bottom:solid 5px #EAF6FD

}
.csshop-item h3 a {
	color: #0066cc;
	text-decoration: underline;
font-size:18px;

}
.csshop-item h3 a:hover{
	color:#FF0000;
	}


/*ＣＳＳＨＯＰ値段なし窓なし*/
.cspricenone .price {
display:none;
}
.cspricenone .csshop-search-form{
display:none;
}
.cspricenone .csshop-item .shop  {
margin-top:10px;
}
.cspricenone .csshop-item .shop a {
font-size:16px;
margin-top:15px;
}
.cspricenone .csshop-item .score {
margin-top:3px;
}
.cspricenone .csshop-item .description{
margin-top:8px;
}

.su-spoiler-icon{display:none !important}
.my-custom-spoiler2 .su-spoiler-title:before{
	content: url("https://xn--eckim2ax9bxab7bc1s0bh9irmn022c.com/wp-content/uploads/2013/01/58423a138f502841025c165f7174354b_w-1.png");
	position: relative;
	top: 6px;left:0px;
margin-left:-23px
}
.su-spoiler.my-custom-spoiler2 .su-spoiler-title {
	background-color: #F0F0F0;
	padding-top: 0px;
	font-size: 16px;
	font-weight: bold;
	border:solid 1px gray;
	border-radius: 10px;
	
}
.su-spoiler.my-custom-spoiler2 .su-spoiler-title a{position:relative;left:-30px;}


.su-spoiler.my-custom-spoiler2 .su-spoiler-content {
	background-color: #ffffff;
	margin-left: -20px;margin-right:5px;

}
.column1 .contents, .column1 .main { width: 100%; }

/*スピーチバブルの画像2倍、スマホ画面いっぱい*/
.ln-flatl .sb-icon { height:90px !important;width:90px !important;margin-top:12px;margin-left:-10px}
@media (max-width: 740px) {.ln-flatl{margin:0px -26px 0px -20px}.ln-flatl .sb-speech-bubble{margin-right:-12px}}
.ln-flatr .sb-icon { height:90px !important;width:90px !important;margin-top:12px;margin-left:0px}
@media (max-width: 740px) {.ln-flatr{margin:0px -20px 0px -35px}}
.lnl .sb-icon { height:90px !important;width:90px !important;margin-top:12px;margin-left:-10px}
@media (max-width: 740px) {.lnl{margin:0px -26px 0px -20px}.lnl .sb-speech-bubble{margin-right:-12px}}
.lnr .sb-icon { height:90px !important;width:90px !important;margin-top:12px;margin-left:0px}
@media (max-width: 740px) {.lnr{margin:0px -20px 0px -35px}}
.dropl .sb-icon { height:90px !important;width:90px !important;margin-top:12px;margin-left:-8px}
@media (max-width: 740px) {.dropl{margin:0px -25px 0px -10px}}
.dropr .sb-icon { height:90px !important;width:90px !important;margin-top:12px;margin-left:-3px}
@media (max-width: 740px) {.dropr{margin:0px -10px 0px -25px}}
.fbl .sb-icon { height:90px !important;width:90px !important;margin-top:2px;margin-left:-10px}
@media (max-width: 740px) {.fbl{margin:0px -26px 0px -20px}.fbl .sb-speech-bubble{margin-right:-12px}}
.fbr .sb-icon { height:90px !important;width:90px !important;margin-top:2px;margin-left:-1px}
@media (max-width: 740px) {.fbr{margin:0px -20px 0px -38px}}
.fb-flatl .sb-icon { height:90px !important;width:90px !important;margin-top:12px;margin-left:-10px}
@media (max-width: 740px) {.fb-flatl{margin:0px -26px 0px -20px}.fb-flatl .sb-speech-bubble{margin-right:-12px}}
.fb-flatr .sb-icon { height:90px !important;width:90px !important;margin-top:12px;margin-left:-3px}
@media (max-width: 740px) {.fb-flatr{margin:0px -20px 0px -35px}}
.fbr .sb-name, .fb-flatr .sb-name{margin-top:15px;margin-left:11px}
.fbl .sb-name, .fb-flatl .sb-name{margin-top:15px;margin-right:10px}  

/*2021.10.29*/