/*■■■■■■■■ 全体 ■■■■■■■■*/

/*メインカラー　#ea2c5f Pink*/
/*サブカラー　#82cddd　sky*/
/*サブカラー　#00afcc　turquoise*/

body {
font-family: 'Noto Sans JP', sans-serif;
/*background-image:url(https://super-supplement-review.jp/wp-content/uploads/2019/11/super-supplement-review-body04.jpg);
background-size:100%;*/
} 

/*【背景】透明に設定*/
.bgfull .header, .header.bg, .header #inner-header, .menu-sp{
background-color:transparent;
}

#inner-content,
 #breadcrumb,
 #inner-header,
 #footer-top .inner,
 .footer .inner,
 #custom_header{
background-color:transparent;
 }

.bgfull .footer, .footer.bg, .footer .inner {
background-color:transparent;
}


/*【幅】投稿記事の幅を指定する*/
@media only screen and (min-width: 700px) {
.single-post #main .article {
width: 600px;
margin-left: auto;
margin-right: auto;
}
}

/*【幅】トップページに指定した固定ページの記事幅を調整する*/
@media only screen and (min-width: 700px){
.post-1319 {
max-width: 100%;
margin:0 auto;
} 
}

/*【余白】トップに指定した固定ページのタイトル部分のスペースを詰める*/
#post-1319.article header{
margin-bottom:-5em;
}

@media only screen and (max-width: 500px) {
#post-1319.article header{
margin-bottom:-3em;
}
}

/*【画像】右クリックで画像コピー不可*/
img {
pointer-events: none;
}

/*【リンク】*/
a{
text-decoration-style:solid;
}

/*【ロゴ】*/
.header.headercenter #logo img{
min-height:80px;
}

/*【ラベル】記事上部やアイキャッチのlabel*/
.post-list-card .post-list .eyecatch .cat-name, .top-post-list .post-list .eyecatch .cat-name, .byline .cat-name, .single .authorbox .author-newpost li .cat-name, .related-box li .cat-name, .carouselwrap .cat-name, .eyecatch .cat-name {
background-color:#e9967a;
border-radius:10px;
border:0.5px solid;
color: #fff;
padding:0 15px;
}

/*【トップへ戻るボタン】*/
#page-top a {
background-repeat: no-repeat;
text-decoration: none;
width: 55px;
height: 55px;
border-radius: 50%;
border:1px solid #82cddd;
text-align: center;
line-height: 55px;
background: rgba(154, 203, 219, 0.5);
padding: 0;
display: block;
color: #fff;
}

/*【カテゴリ】記事下のカテゴリ表示■*/
.article-footer .post-categories li a, .article-footer .tags a {
background: #82cddd!important;
border: 0.5px solid #111111!important;
color:#111111;
padding:5px 10px;
}

/*【フォーム】入力エリア*/
#main input[type="text"]{
background-color:#e5f2ff;
}

#main input[type="email"]{
background-color:#e5f2ff;
}

#main textarea {
background-color:#e5f2ff;
}

input[type="submit"] {
background: #ea5549!important;
}

/*■■■■■■■■■ヘッダー ■■■■■■■■*/

#custom_header .btn-wrap a{
width:35%;
font-size:0.7em;
font-family: 'Kosugi Maru', sans-serif;
font-weight:normal;
border:0.5px solid #333333;
}

@media only screen and (min-width: 700px){
#custom_header .btn-wrap a{
width:25%;
} 
}

#custom_header .ja{
display: inline-block;
font-weight:normal;
font-size:1.2em;
padding:20px;
line-height:1.2;
}

/*■■■■■■■■ アイキャッチ ■■■■■■*/
#main .article .eyecatch img{
border-radius:5px;
width:98%;
}

/*■■■■■■■■■■■ SNS ■■■■■■■■■■■*/
/*SNSシェアアイコンの変更*/

.sns li a{
font-family: 'Noto Sans JP', sans-serif;	
font-size: 1em;
position: relative;
display: block;
padding: 5px;
color: #fff;
border-radius: 100px;
text-align: center;
text-decoration: none;
text-shadow: none;
}

.sns li a:hover{
-webkit-transform: none;
-moz-transform: none;
transform: none;
box-shadow: none;
}

.sns li a .text{
font-weight: bold;
}

/*ツイッター*/
.sns .twitter a{
color: #22b8ff !important;
border: solid 0.5px #ea2c5f!important;
background: #fff !important;
box-shadow: none;
}

.sns .twitter a:hover{
color: #fff !important;
border: solid 1px #22b8ff !important;
background: #22b8ff !important;
}

/*Facebook*/
.sns .facebook a{
color: #6680d8 !important;
border: solid 0.5px #ea2c5f!important;
background: #fff !important;
box-shadow: none;
}

.sns .facebook a:hover{
color: #fff !important;
border: solid 1px #6680d8 !important;
background: #6680d8 !important;
}

/*はてブ*/
.sns .hatebu a{
color: #5d8ac1 !important;
border: solid 0.5px #ea2c5f!important;
background: #fff !important;
box-shadow: none;
}

.sns .hatebu a:hover{
color: #fff !important;
border: solid 1px #5d8ac1 !important;
background: #5d8ac1 !important;
}

/*Pocket*/
.sns .pocket a{
color: #ff6d82 !important;
border: solid 0.5px #ea2c5f!important;
background: #fff !important;
box-shadow: none;
}

.sns .pocket a:hover{
color: #fff !important;
border: solid 1px #ff6d82 !important;
background: #ff6d82 !important;
}

/*Feedly*/
.sns .feedly a{
color: #6cc655 !important;
border: solid 0.5px #ea2c5f!important;
background: #fff !important;
box-shadow: none;
}

.sns .feedly a:hover{
color: #fff !important;
border: solid 1px #6cc655 !important;
background: #6cc655 !important;
}

/*Line*/
.sns .line a{
color: #25af00 !important;
border: solid 0.5px #ea2c5f!important;
background: #fff !important;
box-shadow: none;
}

.sns .line a:hover{
color: #fff !important;
border: solid 1px #25af00 !important;
background: #25af00 !important;
}


/*Feedly*/
.article-footer .post-categories li a, .article-footer .tags a {
    background: #000044;
    border: 1px solid #4d2f16;
}

/*■ RECOMMEND ■*/
.single .authorbox .author-newpost li .ttl, .related-box li .ttl {
color: #ea2c5f;
font-weight: normal;
}

/*■■■■■■■■ ウィジェット ■■■■■■■*/

/*【見出し】*/
.widgettitle span {
background-image:url(https://super-supplement-review.jp/wp-content/uploads/2019/11/super-supplement-review-back05.png);
}

/*【記事タイトル】*/
.widget.widget_categories li a, .widget.widget_recent_entries li a, .widget.widget_nav_menu li a, .widget.widget_pages li a, .widget.widget_archive li a, .widget.widget_mycategoryorder li a {
font-size:0.9em;
}


/*■■■■■■■■■ 見出し ■■■■■■■■■■*/

/*【h1】*/
h1{
font-size:1.4em!important;
font-weight:normal;
}

@media only screen and (max-width: 500px){
h1{
font-size:1.1em!important;
font-weight:normal;
}
}

/*【h2】*/
.entry-content h2{
background-image:url(https://super-supplement-review.jp/wp-content/uploads/2019/11/super-supplement-review-back05.png);
border-radius:10px;
padding:10px 20px;
font-size:1.1em;
}

@media only screen and (max-width: 500px){
.entry-content h2{
font-size: 1em!important;
}
}

/*【h3】*/
.entry-content h3{
border-left: 3px solid #e6c0c0;
border-bottom: 2px solid #e6c0c0;
padding:10px 20px;
font-size:1.05em;
}

@media only screen and (max-width: 500px){
.entry-content h3{
font-size: 1em!important;
}
}


/*■■■■■ 記事一覧 ■■■■■*/

/*【タイトル】*/
.top-post-list .post-list .entry-content .entry-title {
font-size: 1.2em!important;
font-weight:normal;
color:#333333;
}

@media only screen and (max-width: 500px){
.top-post-list .post-list .entry-content .entry-title {
font-size: 1.1em!important;
}
}

/*【アイキャッチ】*/
.top-post-list .post-list .eyecatch {
max-width: 150px;
}

/*■■■■■ 吹き出し ■■■■■*/

/*【左】画像が左にある*/

.image-box-left {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
margin-bottom:-30px;
}

.image-box-left .faceicon {
float: left;
margin-right: -90px;
width: 120px;
}

.image-box-left .faceicon img{
width: 100%;
height: auto;
border-bottom: solid 0px #82cddd;
/*border-radius: 50%;*/
}

.name {
display: inline-block;
font-size:0.9em;
margin: 5px 0 -10px 90px;
padding:5px 8px;
background-color:#82cddd;
min-width: 80px;
min-height:30px;
text-align:center;
color:#000;
border-radius:10px;
}

.image-box-left .chatting {
width: 100%;
}

.says {
position: relative; 
margin: 0 0 0 115px;
padding: 17px 10px 10px 10px;
border-radius: 12px;
background: #fff;
border: solid 2px #82cddd;
}

.says p {
font-size:0.9em;
line-height:20px;
margin-bottom:5px;
}

/*■■■■■ ボックス ■■■■■*/

/*【動画や画像の枠】*/
.movie01{
border:10px solid #82cddd;
border-radius:10px;
margin:0 0 20px 0;
}

/*【トップページ】最大画像用*/

.box-top-max{
position: relative;
}

.box-top-max img{
width:100%;
border-radius:5px;
}

.box-top-max-p{
position: absolute;
margin:0;
padding:0;
font-size:1.2em;

/* アニメーション設定 */
animation-name:fade-in3;
animation-duration:3s; /*アニメーション時間*/
animation-timing-function: ease-out; /*アニメーションさせるイージング */
animation-delay:0s; /* アニメーション開始させる時間*/
animation-iteration-count:1; /* 繰り返し回数*/
animation-direction:normal; /* 往復処理をするかどうか*/
animation-fill-mode: forwards; /* アニメーション後のスタイルをどうするか*/
}
/* アニメーション */
@keyframes fade-in3 {
  0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.box-top-max-b{
position: absolute;
font-size: 1.5em;
border-radius:100%;
padding:5px 15px;
box-shadow: 1px 2px 4px gray;
background-color:#00afcc;
color:#fff;
	
-webkit-animation: 3s float ease-in-out infinite;
  animation: 3s float ease-in-out infinite;
}

@-webkit-keyframes float {
 50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes float {
  50% {
    transform: translateY(-5px);
  }
}
@-webkit-keyframes shadow {
  50% {
    width: 70%;
    height: 18px;
  }
}
@keyframes shadow {
  50% {
    width: 70%;
    height: 18px;
  }
}

.box-top-max-b a:hover{
background: rgba(255, 0, 0, 0.3);
}

@media only screen and (min-width: 300px){
.box-top-max-p {
left: 38%; 
top: 15%;
font-size: 0.8em;
} 
}

@media only screen and (min-width: 480px){
.box-top-max-p {
left: 40%; 
top: 23%;
font-size: 0.9em;
} 
}

@media only screen and (min-width: 700px){
.box-top-max-p {
left: 40%; 
top: 21%;
font-size: 1.5em;
} 
}

@media only screen and (min-width: 900px){
.box-top-max-p {
left: 42%; 
top: 29%;
font-size: 1.5em;
} 
}


@media only screen and (min-width: 300px){
.box-top-max-b {
left: 60%; 
top:20%; 
} 
}

@media only screen and (min-width: 480px){
.box-top-max-b {
left: 60%; 
top:30%; 
} 
}

@media only screen and (min-width: 700px){
.box-top-max-b {
left:60%; 
top: 40%; 
} 
}

/*【トップページ】最新記事一覧*/

/*★専用★画像の角丸*/
.new-posts-border-radius img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin-bottom:-30px;
}

.new-posts{
display: inline-block; 
vertical-align: top;
max-width:200px;
margin:0 auto;
}

.new-posts a{
text-decoration:none;
}

@media only screen and (min-width: 300px){
.new-posts{
max-width:49%;
} 
}

@media only screen and (min-width: 700px){
.new-posts{
max-width:24%
} 
}

.new-posts-date{
display: inline-block;
font-size:0.7em;
color:gray;
}

.new-posts-title{
display: inline-block;
font-size:0.9em;
line-height:1.3em;
}


/*【トップページ】h2風*/
.h2-top{
position:relative;
margin:10px auto;
padding:5px 0;
font-size:1.2em;
border-bottom:2px dotted #c0c0c0;
}

.h2-top:before{
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image: url(https://super-supplement-review.jp/wp-content/uploads/2019/11/super-supplement-review-icon5.png);
background-size: contain;
vertical-align: bottom;
}

/*【トップページ】ミニ画像用*/

/*なぜか.box-top-mini imgのために前に書く必要があるやつ*/
.img{}
/*ここまで*/

.box-top-mini{
display: inline-block; 
vertical-align: top;
}

.box-top-mini img {
border-radius: 5px;
margin:0;
}

.box-top-mini-b {
position:relative;
font-size:1.7em;
margin:-50px 89px 0 89px;
text-align:center;
color:#00afcc;
}

@media only screen and (min-width: 300px){
.box-top-mini {
max-width:49%;
} 
}

@media only screen and (min-width: 700px){
.box-top-mini {
max-width:24%;
} 
}

/*【記事用】基本となるボックス(グレーの点線枠で白背景*/

.box-default{
font-size:0.9em;
border:2px dashed #999999;
border-radius:8px;
padding:10px;
margin:15px 10px;
line-height:1.3;
}

/*【記事用】リンク用ボックス*/

.box-link-title{
display: inline-block;
margin:10px 0 -1px 20px;
padding:3px 5px;
border: 1px solid #1638bf;
border-radius: 5px 5px 0 0;
font-size:0.8em;
color:#fff;
background-color:#1638bf;
}
.box-link{
position: relative;
border: 1px solid #1638bf;
border-radius: 5px;
padding:10px 20px 10px 10px;
margin:0 0.2em 1.2em 0.2em;
font-size:0.95em;
}

.box-link{
position: relative;
border: 1px solid #1638bf;
border-radius: 5px;
padding:10px 20px 10px 10px;
margin:0 0.2em 1.2em 0.2em;
font-size:0.95em;
}

.box-link:before{
font-family: "Font Awesome 5 Free";
content: "\f02e";
font-weight:bold;
padding-right:5px;
color:#ff1493;
}

.box-link:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 10px;
height:10px;
margin: -6px 0 0 0;
border-top: solid 3px #1638bf;
border-right: solid 3px #1638bf;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*【記事用】丸囲み文字*/

.maru1{
display: inline-block;
background-color:#ea2c5f;
padding:2px 10px;
border-radius:50%;
color:#fff;
float:left;
margin-right:7px;
}

.maru-sky{
display: inline-block;
font-size:0.7em;
font-weight:bold;
background-color:#82cddd;
padding:2px 7px;
border-radius:50%;
color:#fff;
margin:0 5px;
vertical-align: middle;
}

/*【記事用】まとメモ*/

.box-memo{
border-right:3px solid #dcdcdc;
border-bottom:3px solid #dcdcdc;
border-radius:5px;
font-size:0.95em;
}

.box-memo-note-kakomi{
border:1px solid #000;
border-radius:5px;
padding:5px 10px;
background-color:#ffffe0;
}

.box-memo-title-kakomi{
display:inline-block;
border:1px solid #000;
}

.box-memo-title{
font-family: 'Noto Sans JP', sans-serif;
font-weight:bold;
display:inline-block;
border-left:10px solid #00afcc;
padding:5px 10px;
margin:1px;
background-color:#fff;
}

.box-memo-note{
font-family: 'Kosugi Maru', sans-serif;
margin:10px 0 10px 5px;
padding:0 0 0 10px;
border-left:12px dotted #dcdcdc;
}

.box-memo-ul{
line-height:1.1em;
}
	
.entry-content ul.box-memo-ul {
padding: 0em 1em 0em 1.3em;
position: relative;
}

.entry-content ul.box-memo-ul li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
margin:-0.4em  0;
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f024"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.4em; /*アイコンのサイズ*/
left: -0.6em; /*左端からのアイコンまで*/
line-height:1.3; /*行間*/
color: #ea2c5f; /*アイコンの色*/
}

/*【記事用】2段組みで価格表示*/

.box-2col{
margin:5px;
}

.box-2col-l{
display: inline-block;
max-width:65%;
min-width:65%;
border:1px solid #b0c4de;
border-radius:5px;
padding:5px;
font-size:0.9em;
background-color:#cedced;
}

.box-2col-r{
display: inline-block;
max-width:33%;
min-width:33%;
border-bottom:1px dashed #b0c4de
;
padding:0 0 0 20px;
vertical-align: bottom
}

.box-2col-r:before{
content:"￥";
padding:0 10px 0 0;
}

.box-2col-p{
display: inline-block;
font-size:0.8em;
color:gray;
border-left:2px solid #b0c4de;
border-right:2px solid #b0c4de;
border-radius:5px;
padding:3px;
}

/*【記事用】olの説明用*/
.ol1-kakomi{
border:1px solid #fdd35c;
border-radius:10px;
margin:0 10px 20px;
padding:3px;
}

.ol1{
background-color:#f5e5ba;
padding:10px;
border-radius:10px;
}

/*【記事用】付箋*/

/*箇条書き風に使いたいときの付箋*/
.fusen-kaigyo{
margin-left:20px;
margin-bottom:10px;
}

.fusen-kakomi{
position: relative;
font-size:0.9em;
display:inline-block;
border:0.5px solid #00afcc;
margin-right:5px;
padding:1px;
}

.fusen{
position: relative;
display:inline-block;
padding:5px;
border-left:10px solid #afeeee;
background:#d7fcf7;
}

/*文中に使いたいときの付箋*/

.fusen-kakomi1{
position: relative;
font-size:0.9em;
display:inline-block;
border:0.5px solid #00afcc;
margin-right:5px;
padding:1px;
}

.fusen1{
position: relative;
display:inline-block;
padding:0 5px;
border-left:10px solid #afeeee;
}

/*【タイムライン】*/

.tl-border{
border:1px dashed;
height:30px;
width:1px;
margin:auto;
}

.tl-kakomi{
border:1px solid;
border-radius:10px;
width:70%;
margin:auto;
padding:10px;
background-color:#c0db7f;
}

.tl-num{
display:inline-block;
width:30px;
border-radius:5px;
text-align:center;
margin-right:20px;
background-color:#ed6d35;
color:#fff;
font-weight:bold;
}

.tl{
display:inline-block;
border-radius:5px;
text-align:center;
font-size:0.9em;
padding:0 20px;
width:70%;
background-color:#fff;
}

/*■■■■■ ボタン ■■■■■*/

.button-sky{
font-family: 'Noto Sans JP', sans-serif;
font-size:0.8em;
margin:0 0 0 auto;
padding:3px 19px;
background:#a1d8e2;
border-bottom:1px solid #00afcc;
border-right:1px solid #00afcc;
border-radius:30px;
max-width:150px;
text-align:center;
}


/*■■■■■ 文字装飾 ■■■■■*/

/*aaa*/
/*蛍光ペン*/
.under1{
background: linear-gradient(transparent 50%, #ffbacc 0%);
font-weight:bold;
}

/*縁取り文字*/
.fuchidori{
text-shadow: 
        black 1px 1px 0, black -1px -1px 0,/*右下、左上*/
        black -1px 1px 0, black 1px -1px 0,/*右上、左下*/
        black 0px 1px 0, black  0-1px 0,/*右、左*/
        black -1px 0 0, black 1px 0 0;/*上、下*/
}

/*【記事用】文字に下線*/

.kasen{
display: inline-block;
vertical-align: middle;
border-bottom:1px dashed gray;
}

/*■■ 箇条書き ■■*/
.ul-default{
border:1px solid #fdd35c;
border-radius:10px;
line-height:1.1em;
padding:1;
}

/*チェックマーク*/
.entry-content ul.ul-default {
padding: 0em 1em 0em 1.3em;
position: relative;
}

.entry-content ul.ul-default li:before{
width: 0; /*リストマークを消す*/
height: 0; /*リストマークを消す*/
margin:-0.4em  0;
font-family: fontawesome; /*Webアイコンフォント*/
content:"\f058"; /*Webアイコンフォントのコード*/
position: absolute;
font-size: 1.2em; /*アイコンのサイズ*/
left: -0.4em; /*左端からのアイコンまで*/
line-height:0.8; /*行間*/
color: #82cddd; /*アイコンの色*/
}


/*箇条書き(番号あり)*/
.entry-content ol{
border:1px solid #fdd35c;
padding:0px 15px;
border-radius:10px;
line-height:1.1em;
margin:0 10px 20px 10px;
}

.entry-content ol li{
border-bottom:1px dashed #fdd35c;
padding:0 0 8px 30px;
}

.entry-content ol li:before{
background:#82cddd;
}

/*■■■■■■■■■■ リスト ■■■■■■■■■■*/

/*点線・gray*/
.li-dashed{
padding-bottom:5px;
border-bottom:1px dashed gray;
}

/*点線・sky*/
.li-dashed-sky{
padding-bottom:5px;
border-bottom:1px dashed #82cddd;
}

/*■■■■■■■■■■ 目次 ■■■■■■■■■■■*/
#toc_container{
border-color:#fff;
}

#toc_container p.toc_title {
margin: 0;
background-image:url(https://super-supplement-review.jp/wp-content/uploads/2019/11/super-supplement-review-back09.png);
line-height:2.3;
}

#toc_container li a {
padding: 10px 10px;
border-top: none;
border-bottom: 1px dashed gray;
line-height:1.3;
}

/*■■■■■■■■ アーカイブ ■■■■■■■■*/

.archivettl h1 {
border-bottom: none;
font-size:1.3em!important;
font-weight:normal;
background-image:url(https://super-supplement-review.jp/wp-content/uploads/2019/11/super-supplement-review-back05.png);
background-repeat: no-repeat;
background-size:100% auto;/*この場合は高さが自動設定*/
border-radius:10px;
padding:10px 20px;
}

.post-list-card .post-list .entry-content .entry-title{
font-size:1em!important;
font-weight:normal;
}

/*■■■■■■■■ フッター ■■■■■■■■*/

.bgfull .footer, .footer.bg, .footer .inner {
border-top:0.1pt solid #333333;
margin:auto;
}

/*フッターのタイトル*/

#footer-top .widgettitle span {
padding:10px;
border-radius:5px;
}