body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',  'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;	
	font-size: 17px;
	line-height: 1.7;
}

/* h4をおしゃれに */
.entry-content h4 {
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
}

.entry-content h4:before{  
	font-family: "Font Awesome 5 Free";
content: "\f138";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.25em;/*アイコンの位置*/
top: 0.5em;/*アイコンの位置*/
color: #00a2a3; /*アイコン色*/
}

.entry-content ul li:before {
	top: 11px;
}

.entry-content ol > li:before {
	top: 4px;	
}

.entry-content p {
	margin: 0 0 40px;
	line-height: 2;
}


/* カテゴリ */
.widget_categories .widgettitle span:before {
  content: " \f07b";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* 最近の投稿 */
.widget_recent_entries .widgettitle span:before {
  content: " \f304";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* 人気記事 */
.popular-posts .widgettitle span:before {
  content: " \f201";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}


/* カテゴリ つみたてNISA対象商品 */
.cat-item-75 a:before {
  content: " \f022";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ つみたてNISA採用指数 */
.cat-item-213 a:before {
  content: " \f201";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
	font-weight: 900;
}

/* カテゴリ つみたてNISA */
.cat-item-21 a:before {
  content: " \f012";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
	font-weight: 900;
}

/* アイコンなし */
.cat-item-75 a:before,
.cat-item-109 a:before,
.cat-item-213 a:before{
  content: "";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
	font-weight: 900;
}


/* カテゴリの人気記事 */
.wpp-plus-widget .widgettitle span:before {
  content: " \f201";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* プロフィール */
#text-3 .widgettitle span:before {
  content: " \f2c2";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ お金 */
.cat-item-8 a:before {
  content: " \f157";
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 仮想通貨 */
.cat-item-9 a:before {
  content: " \f15a";
  font-family: "Font Awesome 5 Brands";
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 投資 */
.cat-item-14 a:before {
  content: " \f200";
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 支出 */
.cat-item-13 a:before {
  content: " \f09d";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 節税 */
.cat-item-12 a:before {
  content: " \f1ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ ウォレット */
.cat-item-10 a:before {
  content: " \f555";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 取引所 */
.cat-item-4 a:before {
  content: " \f362";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 基礎知識 */
.cat-item-7 a:before {
  content: " \f05a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 投資記録 */
.cat-item-2 a:before {
  content: " \f15c";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ ふるさと納税 */
.cat-item-25 a:before {
  content: " \f578";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 資産運用初心者 */
.cat-item-24 a:before {
  content: " \f599";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* カテゴリ 証券会社・銀行 */
.cat-item-23 a:before {
  content: " \f19c";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
	font-weight: 900;
}

/* カテゴリ ウェルスナビ */
.cat-item-17 a:before {
  content: " \f544";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}



/* つみたてNISAの資産クラスから商品を探す */
#nav_menu-11 .widgettitle span:before,
#nav_menu-13 .widgettitle span:before,
#nav_menu-47 .widgettitle span:before,
#nav_menu-53 .widgettitle span:before{
  content: " \f002";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* つみたてNISAの基礎知識 */
#nav_menu-6 .widgettitle span:before,
#nav_menu-16 .widgettitle span:before,
#nav_menu-33 .widgettitle span:before,
#nav_menu-38 .widgettitle span:before,
#nav_menu-46 .widgettitle span:before,
#nav_menu-54 .widgettitle span:before{
  content: " \f599";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* つみたてNISAのシミュレータ */
#nav_menu-7 .widgettitle span:before,
#nav_menu-12 .widgettitle span:before,
#nav_menu-19 .widgettitle span:before,
#nav_menu-26 .widgettitle span:before,
#nav_menu-34 .widgettitle span:before,
#nav_menu-39 .widgettitle span:before,
#nav_menu-44 .widgettitle span:before,
#nav_menu-51 .widgettitle span:before{
  content: " \f1ec";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* つみたてNISAのおすすめ商品を選ぶ */
#nav_menu-8 .widgettitle span:before,
#nav_menu-14 .widgettitle span:before,
#nav_menu-45 .widgettitle span:before,
#nav_menu-52 .widgettitle span:before{
  content: " \f0eb";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* つみたてNISAの証券会社 */
#nav_menu-9 .widgettitle span:before,
#nav_menu-15 .widgettitle span:before,
#nav_menu-35 .widgettitle span:before,
#nav_menu-40 .widgettitle span:before,
#nav_menu-43 .widgettitle span:before,
#nav_menu-50 .widgettitle span:before{
  content: " \f19c";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* つみたてNISAの運用のポイント */
#nav_menu-10 .widgettitle span:before,
#nav_menu-17 .widgettitle span:before,
#nav_menu-36 .widgettitle span:before,
#nav_menu-41 .widgettitle span:before{
  content: " \f200";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

/* 節税・iDeCoまとめ */
#nav_menu-24 .widgettitle span:before,
#nav_menu-31 .widgettitle span:before,
#nav_menu-37 .widgettitle span:before,
#nav_menu-42 .widgettitle span:before,
#nav_menu-48 .widgettitle span:before,
#nav_menu-55 .widgettitle span:before {
  content: " \f00c";
  font-family: "Font Awesome 5 Free";
  margin-right:10px;/*右側に少し余白*/
}

.pbox {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #68CFC3;
		background: #eafff4;
		border-radius: 0px 4px 4px 4px;	
}
.pbox .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #68CFC3;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;	
}
.pbox p {
    margin: 0; 
    padding: 0;
}

.pbox ol li:before, .pbox ul li:before{
    background: #68CFC3;
}

/* グレーの囲み枠 */
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #eee;/*グレー*/
    border-radius: 4px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/* ちょっとした四角枠 */
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
/*    background: #F7F7F7;/*背景色*/
		background: #F4F4F4;
}
.box3 p {
    margin: 0; 
    padding: 0;
}

.nbox {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #EE817B;
		background: #FCECEA;
		border-radius: 0px 4px 4px 4px;
}
.nbox .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #EE817B;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
}
.nbox p {
    margin: 0; 
    padding: 0;
}

.nbox ol li:before, .nbox ul li:before{
    background: #EE817B;
}

/* 緑ボタン */
.btn-wrap.original-btn a {
background: #00a2a3;
border-color: #00a2a3;
    color: #ffffff;
}
.btn-wrap.original-btn a:hover {
background: #E69B9B;
border-color: #E69B9B;
    color: #ffffff;
}

/* 白ボタン */
.btn-wrap.original-detail-btn a {
border: 1px solid #00a2a3;
background: none;
color: #00a2a3;
}
.btn-wrap.original-detail-btn a:hover {
border-color: #00a2a3;
background: #ffffff;
color: #E69B9B;
}

/* 吹き出し */
.balloon-top {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #eee;
 	box-sizing: border-box;
 	border-radius: 15px;
}

.balloon-top:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

.balloon-top:after{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #eee;
 	z-index: 1;
}

.balloon-top p {
	margin: 0;
	padding: 0;
}

/*アプリーチ*/
 .appreach{ border:3px solid #eee;/*ボーダー色*/ } .appreach{ text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding:0; } .appreach a:after { display: none; } .appreach__icon { float: left; border-radius: 10%; overflow: hidden; margin: 0 3% 0 0 !important; width: 25% !important; height: auto !important; max-width: 120px !important; } .appreach__detail { display: inline-block; font-size: 20px; line-height: 1.5; width: 72%; max-width: 72%; } .appreach__detail:after { content: ""; display: block; clear: both; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;}} 

/* ==========================================================================
リンク記事枠
========================================================================== */

.recommend:before{
content:"\f0a9";/*アイコンの種類*/
padding-right:10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
animation: horizontal 3s ease infinite;
-webkit-animation:horizontal 3s ease infinite;
}

/* ==========================================================================
強調リンク記事
========================================================================== */
/* マーク1 */
.mark1 {
position: relative;
margin: 0 10px 0 3px;
padding: 3px 8px 3px 5px;
color: #fff;/*文字の色*/
background: #ea4747;/*背景色*/
font-weight: bold;/*文字の太さ*/
font-size: 0.8em;/*文字の大きさ*/
border-radius: 3px;/*角の丸み*/
}

.mark1:before{
margin: 0 3px 0 0;
content: "\f00c";/*アイコンの種類*/
font-family: FontAwesome;
color: #fff;
}

/* 合わせて読みたいテスト */
/* ラベルBOX1 */
.label-box1 {
    position: relative;
    margin: 2em 0;
    padding: 15px 20px;
    border-radius: 0px 4px 4px 4px;
    border: solid 3px #ea4747;
    background-color: #fffef7;/*背景色*/
    font-size: 18px;/*文字の大きさ*/
}
.label-box1-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -3px;
    padding: 1px 10px 0px 10px;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 14px;
    background: #ea4747;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px 4px 0px 0px;
}
.label-box1 p {
    margin: 0; 
    padding: 0;
}

/* トップページのピックアップ */
.top h2{
	text-align:center;
	color:#393e46;
	background-color: transparent;
}

.top h2 {
    overflow: hidden;
    text-align: center;
}
 
.top h2 span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}
 
.top h2 span:before,
.top h2 span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}
 
.top h2 span:before {
    right: 100%;
}
 
.top h2 span:after {
    left: 100%;
}

.top h2 {
	margin:0;
	padding: 0 0.1em 0.8em;
}

/*トップページおすすめ*/
#pickup{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:0.5em;

}
#pickup .pickup_post{
  width:24%;
}
@media only screen and (max-width: 767px) {
  #pickup .pickup_post{
    width:48%;
    margin-bottom:1em;
  }
}
#pickup .pickup_post a img{
  box-shadow: 0 2px 5px rgba(0, 0, 0, .13);
  border-radius:2px;
  transition: .3s ease-in-out;
	margin-bottom:0px;
}
#pickup .pickup_post a img:hover{
  transform: scale(1.1);
}

/* トップページのスペースを削除 */
#post-3475 header.article-header,
.page-id-5915 .breadcrumb {
  display:none;	
}


/* 記事一覧の抜粋を削除 */
/*タイトルの文字サイズ調整*/
.home h1.h2.entry-title,
.archive h1.h2.entry-title,
.search h1.h2.entry-title {
  font-size:1em!important;
}
/*カードの高さを揃える*/
.post-list-card {
    display: flex;
    flex-wrap: wrap;
}
.post-list-card .post-list {
  height:auto!important;
}
/*日にちを右寄せ*/
.post-list-card .post-list .entry-content p {
  text-align:right;
}
/*透明な背景を削除*/
.post-list-card .post-list a:after {
  background:none;
}

/*スマホのカードも２列にしたいなら…*/
@media only screen and (max-width: 480px){
    /*透明な背景を削除*/
    .post-list-card .post-list {
      width: 46.8%!important;
      margin: 0 1.5% 10px 1.5%!important;
    }
    /*文字サイズの調整*/
    .post-list h1.h2.entry-title,.archive h1.h2.entry-title,.search h1.h2.entry-title{
    font-size: 0.7em!important;
    }
    /*カードの余白調整*/
    .post-list-card .post-list a{
      padding:.4em;
    }
    /*カテゴリータグの調整*/
    .eyecatch .cat-name {
      padding: 0.4em 0.5em 0.1em!important;
      font-size:0.5em!important;
    }
}

/*サイドバープロフィール*/

.prof-img {
    width: 150px;
    height: 150px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    margin: 20px auto;
    border-radius: 100%;
    overflow: hidden;
}
.prof-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.prof-name {
    font-size:1.4em;
    text-align:center;
}
.prof-job {
    font-size:0.6em;
    text-align:center;
    font-weight:300;
}
.prof-info {
    margin:20px;
}
.prof-sns {
    padding-top:0.75em;
    margin-top:20px;
    text-align:center;
    background-color:#1bb4d3; /*好きな色を適用させてください*/
    color:white;
}
.prof-sns li{
    display: inline-block;
    border: 1px solid white;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    position: relative;
    margin: 10px 3px;
}
.prof-sns li i {
    position: absolute;
    top: 7px;
    left: 7px;
    color: white;
    font-size: 1.2em;
}
.prof-sns .fa-facebook-f:before {
    content: "\f39e"!important;
    left: 3px;
    position: absolute;
  }
.prof-sns .fa-instagram:before {
	font-size:1.15em;
}
.prof-sns li,.prof-img {
    transition: transform 0.3s linear;
}
.prof-sns li:hover,.prof-img:hover{
    transform: scale(1.1);
}

/*Rinker変更*/
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 {
	content: "";/*ボタンのアイコンを消す*/
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
	background: #51a7e8;/*Yahoo!ボタンをブルーに*/
}

@media screen and (max-width:767px){/*スマホ表示用*/
/*-----全体-----*/
div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;/*縦表示になるように*/
}
/*-----商品名やボタンなど-----*/
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;/*上下の余白　左右の余白削除*/
    line-height:44px;
    height: 44px;
    font-size: 0.95em;
    padding: 0 14px 0 10px;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/
    padding: 0;/*文字の余計な余白を削除*/
    height:44px;
    line-height:44px;
    font-size: 0.95em;
}
/* rinker 商品詳細幅を広げる */
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    width: calc(100% - 20px);
    display:block;
}
/* rinker サムネイル幅を230pxに */
div.yyi-rinker-contents div.yyi-rinker-image {
    width: 230px;
    min-width: 140px;
    padding: 0;
    margin-left:auto;
    margin-right:auto
}
div.yyi-rinker-contents img.yyi-rinker-main-img {
    width: auto;
}}
/*Rinker自由ボタンのマウスオーバー時*/
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 a:hover {
    box-shadow: 0 12px 15px -5px rgba(0,0,0,.25);
}

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 {
    content: "";
}

/* フッターリンクのいろ */
.footerwidget li a:after {
	color:#f7f7f7	
}

/* 独自テーブル */
@media only screen and (max-width: 767px) {

	.jstable > tbody > tr > td,
	.jstable > tbody > tr > th{
		font-size: 70% !important;
	}

}

/*赤い光るボタン*/
.shinybutton-red {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.shinybutton-red a {
 display: block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 100%;
 font-weight: bold ;
 border-bottom: solid 5px #e53935 ;
border-radius: 5px;
 background-color: #ef5350 ;
 color: #ffffff !important;
 padding: 12px 0;
 text-align: center;
 text-decoration: none;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
}
.shinybutton-red a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.shinybutton-red a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
}

/*青い光るボタン*/
.shinybutton-blue {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.shinybutton-blue a {
 display: block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 100%;
 font-weight: bold ;
 border-bottom: solid 5px #2E64FE;
border-radius: 5px;
 background-color: #5882FA;
 color: #ffffff !important;
 padding: 12px 0;
 text-align: center;
 text-decoration: none;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
}
.shinybutton-blue a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.shinybutton-blue a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}

/*緑の光るボタン*/
.shinybutton-green {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.shinybutton-green a {
 display: block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 100%;
 font-weight: bold ;
 border-bottom: solid 5px #00CC99;
border-radius: 5px;
 background-color: #66CC99;
 color: #ffffff !important;
 padding: 12px 0;
 text-align: center;
 text-decoration: none;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
}
.shinybutton-green a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.shinybutton-green a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}

/*オレンジの光るボタン*/
.shinybutton-orange {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.shinybutton-orange a {
 display: block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 100%;
 font-weight: bold ;
 border-bottom: solid 5px #FF9922;
border-radius: 5px;
 background-color: #FF9966;
 color: #ffffff !important;
 padding: 12px 0;
 text-align: center;
 text-decoration: none;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
}
.shinybutton-orange a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.shinybutton-orange a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}

/* つみたてNISAトップはアイキャッチ非表示 */
#post-5915 .eyecatch{display:none;}
#post-5915 .page-title{text-align:center;
display:none;}

.green-button {
    margin: 15px;
    text-align: center;
}

.green-button a {
    display: inline-block;
    padding: 12px 25px;
    background: #17b987;
    border-radius: 5px;
    box-shadow: 0 5px 0 0 #018c62;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
		text-decoration: none;
}

.orange-button {
    margin: 15px;
    text-align: center;
}

.orange-button a {
    display: inline-block;
    padding: 12px 25px;
    background: #F9AC02;
    border-radius: 5px;
    box-shadow: 0 5px 0 0 #B38318;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    text-decoration: none;
}

.red-button {
    margin: 15px;
    text-align: center;
}

.red-button a {
    display: inline-block;
    padding: 12px 25px;
    background: #EA4847;
    border-radius: 5px;
    box-shadow: 0 5px 0 0 #A44746;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    text-decoration: none;
}


.ribbon17-wrapper {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px 0;
  width: 300px;
  height: 150px;
  background: #f1f1f1;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
}

.ribbon17-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon17 {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 18px;
  line-height: 16px;
  background: #ffa520;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon17:before, .ribbon17:after {
  position: absolute;
  content: "";
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon17:before {
  left: 14px;
}

.ribbon17:after {
  right: 18px;
}

/* 濃緑 */
.p-td {
	background-color: #00a2a3 !important;
	color: #FFF;
	border: solid 1px #ddd;
	font-weight: bold;
	text-align: center;
}

/* 薄緑 */
.p2-td {
	background-color: #EAFFF4;
	color: #393E46;
	border: solid 1px #ddd;
	font-weight: bold;
	text-align: center;
}

/* 濃ピンク */
.n-td {
	background-color: #e85a70 !important;
	color: #FFF;
	border: solid 1px #ddd;
	font-weight: bold;
	text-align: center;
}

/* 薄いピンク */
.n2-td {
	background-color: #F094A3 !important;
	color: #FFF;
	border: solid 1px #ddd;
	font-weight: bold;
	text-align: center;
}

blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}


/* ナビ */
.cp_ipradio {
	width: 90%;
	margin: 2em auto;
	text-align: left;
}
@keyframes click-wave {
	0% {
		position: relative;
		width: 30px;
		height: 30px;
		opacity: 0.35;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-top: -80px;
		margin-left: -80px;
		opacity: 0;
	}
}
.cp_ipradio .option-input {
	position: relative;
	top: 8px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	margin-right: 0.5rem;
	cursor: pointer;
	transition: all 0.15s ease-out 0s;
	color: #ffffff;
	border: none;
	outline: none;
	background: #d7cbcb;
	-webkit-appearance: none;
	        appearance: none;
}
.cp_ipradio .option-input:hover {
	background: #d6a9a9;
}
.cp_ipradio .option-input:checked {
	background: #00a2a3;
}
.cp_ipradio .option-input:checked::before {
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	content:'\02714';
	text-align: center;
}
.cp_ipradio .option-input:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	        animation: click-wave 0.65s;
	background: #00a2a3;
}
.cp_ipradio .option-input.radio {
	border-radius: 50%;
}
.cp_ipradio .option-input.radio::after {
	border-radius: 50%;
}
.cp_ipradio label {
	line-height: 40px;
	display: block;
}
.cp_ipradio .option-input:disabled {
	cursor: not-allowed;
	background: #b8b7b7;
}
.cp_ipradio .option-input:disabled::before {
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '✖︎';
	text-align: center;
}
.cp_ipradio .disabled {
	color: #9e9e9e;
}

/* youtube */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}