/*body*/
body {
  overflow-x: hidden;
}
body[class*="amp"] .content {
  font-size: 1.55rem;
}

/*list checkmark*/
.postContents .content ul:not(.afRank) > li:not(.outline__item)::before {
  font-family: "icomoon";
  content: "\ea1e";
  transform: scale(.8);
}
.postContents .content ul:not(.afRank) li {
  padding-left: 20px;
}
.partsUl-6 ul.red,
.partsUl-6 ol.red,
.box.red {
  border-color: #e74c3c;
  background-color: #ffeeee;
}
.postContents .content ul.red > li::before,
.postContents .content ol.red > li::before {
  color: #e74c3c;
}
.partsUl-6 ul.orange,
.partsUl-6 ol.orange,
.box.orange {
  border-color: #f39c12;
  background-color: #fff8d4;
}
.postContents .content ul.orange > li::before,
.postContents .content ol.orange > li::before {
  color: #f39c12;
}

/*outline*/
.content .outline__switch+.outline__list {
  overflow: hidden;
  width: 0;
  height: 0;
  margin-top: 0;
  margin-left: -20px;
  padding: 0;
  transition: .2s;
  background: #FFF;
  border: 0;
  box-shadow: none;
}

/*div box*/
.box {
  padding: 20px;
  border: 1px dashed #41c9b4;
  background-color: #eef8f7;
}
/*div pre*/
.pre {
  padding: 20px;
  background-color: #F7F9F9;
  border: 1px solid #f2f0f0;
  text-align: left;
  margin-top: 2.5rem;
}

/*dl dt dd*/
.content dl {
  margin-top: 2.5rem;
  border: 1px solid #f2f0f0;
}
.content dt {
  margin-top: 0;
  padding: 10px 20px;
  background-color: #F7F9F9;
  font-weight: bold;
}
.content dd {
  padding: 10px 20px;
  border-top: 1px solid #f2f0f0;
}

/*link icon*/
a[class^="icon-"]:before {
  margin-right: 5px;
}

/*img-shadow*/
.content img {
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
  box-shadow: 0 0 4px rgba(0,0,0,.2);
}
body .content img.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/*balloon*/
.content .balloon {
  margin-top: 2.5rem;
}
.content .balloon .balloon__text {
  margin: 0;
}
.content .balloon .balloon__img-left div {
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
  box-shadow: 0 0 4px rgba(0,0,0,.2); 
}
.content .balloon:not(.man-a):not(.man-b):not(.woman-b):not(.woman) .balloon__img-left div {
  background-image: url('/wp-content/uploads/2022/02/icon_s-shiokawa.png');
}
.content .balloon.man-a .balloon__img-left div {
  background-image: url('/wp-content/uploads/2020/02/beginner-man.jpg');
}
.content .balloon.man-a .balloon__name:before {
  content: "相談者";
}

.content .balloon.man-b .balloon__img-left div {
  background-image: url('/wp-content/uploads/2020/02/beginner-manb.jpg');
}
.content .balloon.man-b .balloon__name:before {
  content: "相談者";
}

.content .balloon.woman-b .balloon__img-left div,
.content .balloon.woman .balloon__img-left div {
  background-image: url('/wp-content/uploads/2024/03/beginner-woman.png');
}
.content .balloon.woman-b .balloon__name:before,
.content .balloon.woman .balloon__name:before {
  content: "相談者";
}

.content .balloon .balloon__name:before {
  content: "著者：しおかわ";
}
.balloon .balloon__text ul,
.balloon .balloon__text ol {
  padding: 0;
  border: none;
  background: none;
}

/*aftag*/
.afTagBox .afTagBox__text  ul,
.afTagBox .afTagBox__text  ol {
  padding: 0;
  border: none;
  background: none;
}

/*a*/
.content a,
.content .sitecard a {
   color: #2196f3;
  font-weight: 700;
}
.content a.outline__link {
  color: #2196f3;
}
.content a:not([class*="btn"]):hover {
  color: #2980b9;
  text-decoration: underline;
}
.content .afTagBox__btnAf,
.content .afTagBox__btnDetail {
  color: #ffffff;   
}

/*heading*/
.content h2 {
  margin-top: 6rem;
}
.content h3, .content h4, .content h5 {
  margin-top: 5rem;
}

/*content margin-top*/
.content div, .content p, .content ol, .content ul {
  margin-top: 2.5rem;
}

/*p.check*/
.content p.check {
  position: relative;
  margin-top: 4rem;
  margin-bottom: -0.8rem;
  padding-left: 24px;
  font-size: 1.6rem;
  font-weight: bold;
}

.content p.check::before {
  display: block;
  position: absolute;
  left: 0;
  font-family: "icomoon";
  content: "\ea12";
  color: #26a69a;
  transform: scale(.9);
}

.content .afTagBox__btnAf, .content .afTagBox__btnDetail {
  padding: 15px 10px 15px 3px;
}

/*アフィタグの枠線と余白と削除*/
.content .afTagBox[class^="afTag"] {
  padding: 0;
  border: none;
}

/*ul ol*/
.content ul,
.content ol {
  padding: 20px;
  position: relative;
  border: dashed 1px #41c9b4;
  background-color: #eef8f7;
}

.content ul.orange,
.content ol.orange {
  border-color: #f39c12;
  background-color: #fff8d4;
}

.content ul.red,
.content ol.red {
  border-color: #e74c3c;
  background-color: #fee;
}

/*アフィボタン*/
body .content .afTagBox__btnAf {
  background-color: #e67e22;
}

@media only screen and (min-width: 768px){
.content p.check {
  font-size: 1.8rem;
}
}

@media only screen and (min-width: 768px){
.afTagBox__btnAf.es-Fbig,
.b.marker-thickGreen {
  font-size: 15px;
}
}

/*custom-html-widget*/
ul.custom-html li a {
  display: block;
  border-bottom: dotted 1px rgba(0,0,0,.1);
  line-height: 1.5;
  padding: 11px 10px;
  transition: .15s;
}

.content .b { font-weight: bold; }

/*youtube埋め込み*/
.youtube-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.icon-new-tab:before {
   content: "\ea7f";
}

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

/*ボタンのフォントサイズ*/
.afTagBox__btnAf {
  font-size: 17px;
}

/*チャートと時価総額*/
.tradingview-widget-copyright {margin-top: 0 !important;}
.tradingview-widget-copyright a {font-weight: normal;}
.coinmarketcap-currency-widget img {box-shadow: none !important;}
.content .wrap-marketcap a {
  font-weight:normal;
}
.content .wrap-marketcap div {
  margin-top: 0;
}

/*コンバージョンボタン*/
.cv-btn {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px){
.cv-btn .marker-thickYellow,
.cv-btn .marker-thickGreen {
  font-size: 0.9em;
}
}

/*クロームの画像のボヤケ防止*/
img {
  image-rendering: -webkit-optimize-contrast;
}

/*アイキャッチ画像エリアを768*404にフィット*/
.eyecatch:before {
  padding-top: 52.6%;
}

/*サイトカードのアイキャッチ*/
.sitecard .eyecatch,
.blogcard .eyecatch {
  height: 100px;
}

/*logoのジャギり防止*/
img.siteTitle__logo {
  image-rendering: auto;
}

.sitecard {
  background-color: #ffffff;
}

/*表組に連番*/
table.table-num {
  counter-reset: ranking;
}
table .num {
  counter-increment: ranking;
}
table .num:before {
  content: counter(ranking) ;
}

/*------------------------------------------------------------
トップページ指定はsingle-amp.phpに追記不要
-------------------------------------------------------------*/
/*メインビジュアル*/
.heading-slider {
  font-size: 2rem;
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

@media only screen and (min-width: 992px){
.heading-slider {
  font-size: 3.5rem;
}
}

/*ピックアップ記事*/
@media only screen and (min-width: 992px){
.pickup3 {
  padding-top: 40px;
  margin-bottom: -20px;
}
}

@media only screen and (min-width: 768px){
.pickup3__item-first {
  width: 31.5%;
  margin-right: 3.5%;
}
.pickup3__box {
  width: 65%;
}
.pickup3__item-second {
  width: 48.4%;
  margin: 0;
}
.pickup3__item-third {
  width: 46%;
  margin: 0;
}
.pickup3__item-first .heading.heading-pickup3, .heading-pickup3 {
  font-size: 100%;
  padding: 10px 20px 20px;
}
.pickup3__item-first .eyecatch__cat a {
  font-size: 1rem;
}
}
.pickup3 {
  text-align: center;
}
.pickup3__bg img {
  display: none;
}
.pickup3__item:before {
  display: none;
}
.pickup3 .pickup3__bg{
  background-color: transparent;
}
.pickup3 h2.heading-main{
  display: none;
}

.pickup3 .heading-main span {
  color: #ccc;
}
h3.heading-pickup3{
  text-align: left;
}

.afTagBox__table {
  display: none;
}

/*------------------------------------------------------------
importantやメディアクエリはsingle-amp.phpには追記できない
-------------------------------------------------------------*/

/*sp pc hidden*/
@media screen and (max-width: 767px) {
  .sp-hidden {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .pc-hidden {
    display: none !important;
  }
}
/*btn font-size*/
@media only screen and (min-width: 768px) {
  .content .afTagBox__btnDetail,
  .content .afTagBox__btnAf {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
.content ol li, .content ul li {
    font-size: 0.95em;
  }
}
@media only screen and (min-width: 992px) {
.heading-secondary  {
    font-size: 1.6rem;
  }
}
/*------------------------------------------------------------
advanced
-------------------------------------------------------------*/

/*--for margin--*/
.m0 { margin: 0 !important; }
.m0-t { margin-top: 0 !important; }
.m0-r { margin-right: 0 !important; }
.m0-b { margin-bottom: 0 !important; }
.m0-l { margin-left: 0 !important; }
.m5-t { margin-top: 5px !important; }
.m5-r { margin-right: 5px !important; }
.m5-b { margin-bottom: 5px !important; }
.m5-l { margin-left: 5px !important; }
.m8-b { margin-bottom: 8px !important; }
.m10 { margin: 10px !important; }
.m10-t { margin-top: 10px !important; }
.m10-r { margin-right: 10px !important; }
.m10-b { margin-bottom: 10px !important; }
.m10-l { margin-left: 10px !important; }
.m20 { margin: 20px !important; }
.m20-t { margin-top: 20px !important; }
.m20-r { margin-right: 20px !important; }
.m20-b { margin-bottom: 20px !important; }
.m20-l { margin-left: 20px !important; }
.m30 { margin: 30px !important; }
.m30-t { margin-top: 30px !important; }
.m30-r { margin-right: 30px !important; }
.m30-b { margin-bottom: 30px !important; }
.m30-l { margin-left: 30px !important; }
.m40 { margin: 40px !important; }
.m40-t { margin-top: 40px !important; }
.m40-r { margin-right: 40px !important; }
.m40-b { margin-bottom: 40px !important; }
.m40-l { margin-left: 40px !important; }
.m50 { margin: 50px !important; }
.m50-t { margin-top: 50px !important; }
.m50-r { margin-right: 50px !important; }
.m50-b { margin-bottom: 50px !important; }
.m50-l { margin-left: 50px !important; }
.m60 { margin: 60px !important; }
.m60-t { margin-top: 60px !important; }
.m60-r { margin-right: 60px !important; }
.m60-b { margin-bottom: 60px !important; }
.m60-l { margin-left: 60px !important; }
.m-auto { margin-left: auto !important; margin-right: auto !important;}

/*--for padding--*/
.p0 { padding: 0 !important; }
.p0-t { padding-top: 0 !important; }
.p0-r { padding-right: 0 !important; }
.p0-b { padding-bottom: 0 !important; }
.p0-l { padding-left: 0 !important; }
.p10 { padding: 10px !important; }
.p10-t { padding-top: 10px !important; }
.p10-r { padding-right: 10px !important; }
.p10-b { padding-bottom: 10px !important; }
.p10-l { padding-left: 10px !important; }
.p20 { padding: 20px !important; }
.p20-t { padding-top: 20px !important; }
.p20-r { padding-right: 20px !important; }
.p20-b { padding-bottom: 20px !important; }
.p20-l { padding-left: 20px !important; }
.p30 { padding: 30px !important; }
.p30-t { padding-top: 30px !important; }
.p30-r { padding-right: 30px !important; }
.p30-b { padding-bottom: 30px !important; }
.p30-l { padding-left: 30px !important; }
.p40 { padding: 40px !important; }
.p40-t { padding-top: 40px !important; }
.p40-r { padding-right: 40px !important; }
.p40-b { padding-bottom: 40px !important; }
.p40-l { padding-left: 40px !important; }
.p50 { padding: 50px !important; }
.p50-t { padding-top: 50px !important; }
.p50-r { padding-right: 50px !important; }
.p50-b { padding-bottom: 50px !important; }
.p50-l { padding-left: 50px !important; }
.p60 { padding: 60px !important; }
.p60-t { padding-top: 60px !important; }
.p60-r { padding-right: 60px !important; }
.p60-b { padding-bottom: 60px !important; }
.p60-l { padding-left: 60px !important; }

/* for font text */
.b { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.big {font-size: 1.2em !important;}
.small {font-size: 0.8em !important;}
.al-c,
.center { text-align: center; }
.al-r { text-align: right; }
.al-l { text-align: left; }
.vl-t { vertical-align: top; }
.vl-m { vertical-align: middle; }
.vl-b { vertical-align: bottom; }

/* for font color */
.text-blue {color:#0068b7 !important;}
.text-red {color:#e60112 !important;}