/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 201711
*/
/* Background pattern Partly from Toptal Subtle Patterns */

/*カテゴリID別に色を指定できます
例）IDが414の場合*/
/*family-finances*/
.catname.st-catid414, .catname.st-catid418, .catname.st-catid164, .catname.st-catid165,  .catname.st-catid419, .catname.st-catid420, .catname.st-catid421,  .catname.st-catid422,  .catname.st-catid423,  .catname.st-catid424,  .catname.st-catid425, .catname.st-catid426, .catname.st-catid427, .catname.st-catid428, .catname.st-catid429, .catname.st-catid430, .catname.st-catid416{
	background:#cc97f1;
	color:#fff;
}
/*business-money*/
.catname.st-catid415, .catname.st-catid417, .catname.st-catid431, .catname.st-catid433, .catname.st-catid434,
.catname.st-catid435, .catname.st-catid439, .catname.st-catid440, .catname.st-catid493{
	background:#88a5ef;
	color:#fff;
}
/*column*/
.catname.st-catid436{
	background:#ff9b70;
	color:#fff;
}
/*news*/
.catname.st-catid437{
	background:#bfbfbf;
	color:#fff;
}
/*media*/
.catname.st-catid454{
	background:#5955A9;
	color:#fff;
}
/*Asset Management*/
.catname.st-catid490, .catname.st-catid487, .catname.st-catid488, .catname.st-catid489, .catname.st-catid491, .catname.st-catid492{
	background:#99d3e0;
	color:#fff;
}
/*OnlineSalon*/
.catname.st-catid497{
	background:#a8e0cb;
	color:#fff;
}
/*BOKI Game, Corporate*/
.catname.st-catid496,.catname.st-catid494{
	background:#c5c5c5;
	color:#fff;
}

/*media Queries タブレットサイズ（961px以上）
----------------------------------------------------*/
@media only screen and (min-width: 961x) {
header .descr.sitenametop, header .sitename.sitenametop {
	padding-left: 5px;}
.fp-title{font-weight:600; font-size:130%; color:#544dab; text-align:center; margin:1.5em 0;}

/*-- ここまで --*/
}
	
	
/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {

h2:not(.st-css-no){margin-top:20px; margin-bottom:25px; }
.fp-title{font-weight:600; font-size:130%; color:#544dab; text-align:center; margin:1.5em 0;}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
.fp-title{font-weight:600; font-size:120%; color:#544dab; text-align:center; margin:1.5em 0;}
.submit-form{width:90%;}

/*-- ここまで --*/
}
/*media Queries タブレットサイズ（590px以下）
----------------------------------------------------*/
@media only screen and (max-width: 590px) {

.submit-form{width:95%;}
.fp-title{font-weight:600; font-size:120%; color:#544dab; text-align:center; margin:1.5em 0;}
/* TOP seminar links */
	
ul.list-family,ul.list-investment, ul.list-business{padding-left:30px !important;}


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

h2:not(.st-css-no){margin-top:20px; margin-bottom:25px; }
.submit-form{width:500px;
}


/*header*/
header .smanone ul.menu li:hover{
 background-color: #d4e1fc;/*マウスオーバー時の背景色*/
}
 
header .smanone ul.menu li a:hover{
color: #222222 !important;/*マウスオーバー時の文字色*/
}
/*追記 1008*/
  	.colum1 #st-menuwide, /*メニュー*/
	.colum1 nav.smanone,
	.colum1 nav.st5,
	.colum1 #st-menuwide div.menu,
	.colum1 #st-menuwide nav.menu,
	.colum1 #st-header, /*ヘッダー*/
	.colum1 #content, /*コンテンツ*/
	.colum1 #footer-in /*フッター*/
	 { 
	/*変更したいサイズ*/
	}

	.colum1 #headbox
	 { 
		/*変更したいサイズから20px引いたもの*/
	}

  	.colum1 main {
		margin: 0 0 20px;
		padding:30px 70px;
	}

        /*アイキャッチ画像設定*/
	.colum1 .st-eyecatch
	{
		margin: -30px -70px 10px;
	}

/*-- ここまで --*/
}

/*PC gnavi*/
header .smanone ul.menu li{
       /* width: 150px !important;*/
 
}

/*追記*/

h2 {
  margin-top:30px;
}

/*ヘッダーリンク　ここから*/
@media print, screen and (min-width: 960px)
header .smanone ul.menu li {
  /*  list-style-type: none;
    float: left;
  width: 150px;
    height: 40px;
    text-align: center;
    border-right: solid 1px #f3f3f3;
    position: relative;*/
}

/*Caption*/
.wp-caption-text a, .wp-caption-text {
    font-size: 14px;
    color: #737373;
   margin-top:10px;
}

/*text style*/
.pink-l{
    font-size: 120%; 
    color: #ff0f6f;
	font-weight:600;
}
.pink-m{
    color: #ff0f6f;
	font-weight:600;
}
.black-l{
    font-size: 120%; 
	font-weight:600;
}
.black-m{
	font-weight:600;
}
/* pink round rectangle*/
.pink-bg{
    background-color:#FCE5F6;
 	border-radius:10px;
	padding:13px;
   margin:20px 0px;
}

.pinkbox{
background-color:#fff2f4;
padding:15px;
margin:20px 0;}

/*round rectangle*/
.r7{border-radius:7px;}
.r5{border-radius:5px;}
.r15{border-radius:15px;}


/* form */
.wpcf7 input[type="text"],input[type="text"],
.wpcf7 input[type="email"],input[type="email"],textarea,
.wpcf7 textarea{
padding:10px !important;
border:2px solid #dddddd;
margin:5px 0 4px 0;
}

.form-subject{
font-size: 18px;
line-height: 26px;}



/* header button */
.square_btn {
    position: relative;
    display: inline-block;
     padding: 0.4em 0.7em  0.3em;
    text-decoration: none;
   font-weight:500;
    background: #5450a9;
    border-radius: 4px;
    transition: .4s;
	 color: #fff !important;
  }

.square_btn:hover {
    background: #ff896b;
   color: #fff !important;
}

#footer a {color: #544dab;}

/*submit button*/
input[type="submit"],input.sow-submit,input[type="button"], div.submit-button{

  background: #fc6894;
  background-image: -webkit-linear-gradient(top, #fc6894, #f2356b);
  background-image: -moz-linear-gradient(top, #fc6894, #f2356b);
  background-image: -ms-linear-gradient(top, #fc6894, #f2356b);
  background-image: -o-linear-gradient(top, #fc6894, #f2356b);
  background-image: linear-gradient(to bottom, #fc6894, #f2356b);
  -webkit-border-radius: 10;
  -moz-border-radius:10;
  border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px #919191;
  -moz-box-shadow: 0px 1px 3px #919191;
  box-shadow: 0px 1px 3px #919191;
  color: #ffffff;
  font-size:110%; 
font-weight:600;
padding: 10px 20px 10px 20px;
  text-decoration: none;
width:100% !important;
border: 0px;}

input[type="submit"]:hover,
input[type="button"]:hover,
div.submit-button:hover
{background: #e6206f;
  text-decoration: none;}

div.submit-button{
	width:250px !important;
	text-align:center;}
.submit-button a:link, 
.submit-button a:visited{  
color: #ffffff;
  font-size:110%; 
font-weight:600; text-decoration:none;  }
	
.must{background-color:#f66464;
color:#fff;
padding:2px 5px; 
margin:0 5px;
border-radius:3px;
font-size:95%;}

/*thankメッセージ*/
div.wpcf7-mail-sent-ok 
{background-color:#FCE5F6; 
border:1px solid #fff;
font-size:120%;
}
.thx-nondisplay{
color:#fff;
border:1px solid #fff;
background-color:#fff;
display:none;
}


/*error*/

div.wpcf7-validation-errors {
  color: #FF0000;
border:1px solid #fff;
}

/* mailchimp*/
#mc_embed_signup{background:#fff; clear:left; font:14px meirio,Helvetica,Arial,sans-serif; }
.validate{width:95%;}

/* Side  
ad h4, #side aside h4, .st-widgets-title {
    background-color: #8badf3 !important;
    padding-left: 15px;}*/

.side-title{font-weight:600; }
a:hover.side-title{text-decoration:none;}

/*Side Title*/
#search {
    margin-bottom: 25px; margin-top:10px;}

.so-widget-sow-button-flat-5eadc2107545 .ow-button-base{
	margin-bottom:20px;}

/*TOP title*/

.fp-title-noicon{font-weight:600; font-size:120%; color:#544dab; text-align:center; }

.fp-title:before {
      content: url(/wp-content/uploads/2018/01/frontpage_icon.png) ;
      position : relative ;
      bottom : -0.4em ;
      margin-right : 0.5em ;
}

.fp-title:after {
      content: url(/wp-content/uploads/2018/01/frontpage_icon.png) ;
      position : relative ;
      bottom : -0.4em ;
      margin-left : 0.5em ;
}

.kigyo-box{background-color:#e7eeff;  border-radius:5px;  padding:2px; margin:20px 0;}
.kakei-box{background-color:#f4edff;  border-radius:5px;  padding:2px; margin:20px 0;}
.txt-center{text-align:center;}


/*Popupar Post Ranking Number*/

.number {
  position:relative;
}
 
dl.number:before {
  counter-increment:ranking;
  content:counter(ranking);
  position:absolute;
  top:0;
  left:0;
  padding:2px 8px;
  background:#fa608d;
  font-size:13px;
  font-weight:bold;
  color:#fff;
	border-radius:50%;
}
 
h4 {
  counter-reset:ranking;
}

/*おすすめ記事のナンバリング*/
.poprank-no{}


/*Side Bar Title*/
#side aside h4 {
  font-size:16px !important;
background-color:#D4E1FC;


	padding-top:10px;
  padding-bottom:7px;
  padding-left:15px;
  margin-bottom:15px;
	border-radius:5px;
	color:#333/*#fff*/;
	 background-image:
    url("");    
  background-repeat:
    no-repeat;
  background-position:
    center;

}
	

#side aside ul li ul li { /* デフォルトのアイコンと余白を削除 */
	background: none;
	padding-left: 0;
}
#side aside li.cat-item a { /* リンク全体の装飾 */
	display: block;
	overflow: hidden;
	font-size: 16px; /* 文字サイズ */
	line-height: 2.4em; /* 行（ボックス）の高さ */
	text-decoration: none;
	vertical-align: middle;
	padding: 0 8px; /* 左右の余白 */
	color: #fff; /* 文字色 */
	background: #47bea0; /* 背景色 */
	margin-bottom: 2px; /* 次のカテゴリーとの余白 */
}
#side aside li.cat-item a:hover { /* マウスオーバー時の設定 */
	background: #f9d635; /* 背景色 */
	color: #278a71; /* 文字色 */
}
#side aside li.cat-item span { /* 記事数部分の装飾 */
	line-height: 1em;
	float: right; /* 右端に寄せる */
	margin: 8px 0 0 8px; /* 位置の調整 */
	padding: 4px 8px; /* 文字周りの余白 */
	border-radius: 4px; /* 角の丸み */
	color: #fff; /* 文字色 */
	background: #278a71; /* 背景色 */
}

/***グローバルナビ マウスオーバ設定***/
#st-menuwide nav ul li:hover,
#st-menuwide nav ul li .sub-menu li a:hover{
	background-color: #aec7fd;	/* メイン、サブメニューのマウスオーバ時の背景色 */
}

/***サイドカテゴリメニュー リンク修正***/

.menu-all-menu-side-container > ul{
	margin: 20px 0;	/* カテゴリメニュー上下の空き */
	border-top: solid #ccc 1px;	/* カテゴリメニュー一番上の線 */
}

.menu-all-menu-side-container ul li .sub-menu {
	padding-left: 0px !important;	/* カテゴリメニューの階層によるデフォルトの空きを消去 */
}

.menu-all-menu-side-container ul li .sub-menu li a{
	text-indent: 1em;	/* 小カテゴリのインデント */
}

.menu-all-menu-side-container ul li .sub-menu .sub-menu li a{
	text-indent: 2.5em;	/* 孫カテゴリのインデント */
}

.menu-all-menu-side-container ul li a {
	padding: 8px 0 8px 7px;	/* リンクの空き */
	font-weight: bold;		/* 親カテゴリのみ太字 */
}

.menu-all-menu-side-container ul li .sub-menu li a{
	font-weight: normal;	/* 子、孫カテゴリは通常 */
}

.menu-all-menu-side-container ul li a{
	text-decoration: none;	/* リンクの下線を消去 */
	color: #4a70d9;			/* リンクの文字色 */
	display: block;			/* リンク範囲を拡張 */
	background: transparent;/* リンク背景色 */
	border-bottom: solid #ccc 1px;/* リンクごとに区切り線 */
}

.menu-all-menu-side-container ul li a:hover,
.menu-all-menu-side-container ul li a:active{
	color: #b22244;		/* リンクのマウスオーバ時の文字色 */
	background: #fff;	/* リンクのマウスオーバ時の背景色 */
}

.menu-all-menu-side-container ul li a:before{
	padding-right: 5px;		/* アイコンとリンクテキストの空き */
	content: "\f138";		/* 親カテゴリに設定するアイコン */
	font-family: FontAwesome;
}

.menu-all-menu-side-container ul li.menu-item-has-children .sub-menu li a:before{
	padding-right: 5px;		/* アイコンとリンクテキストの空き */
	content: "\f105";		/* 子、孫カテゴリに設定するアイコン */
	font-family: FontAwesome;
}

/*home*/
.box-gray{border:1px solid  #ccc; padding:10px 5px;}

.arrow:before {
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f0da';
}

.offgray{color:#666;}


/*rules*/
.note{color:#ff0000; font-size:90%;}
.note-b{color:#ff0000;  font-weight:600;}
.txt-s{font-size:90%;}
.txt-l{font-size:125%; font-weight:600;}
.p15{padding:15px 0;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}

/*Profile*/

.prof-box{
border-radius: 7px; padding: 20px 25px; background-color: #fcf5ed; margin:25px 0;}

.prof-title{ margin-bottom: 15px; 
color: #5a5a5a; 
font-size: 90%; 
font-weight: 600;
text-align: center;}

.prof-jobtitle{color: #544dab;  font-size:85%; }
.prof-name{color:#544dab; font-size:130%; font-weight:600; margin-bottom:20px;}
.sns-ico{color:#4a70d9; font-size:18px;}
.prof-link{padding-top: 8px;  text-align:right;}
.circle-img{border-radius:50%;}

/* 固定ページ見出し用 */
.title{font-size: 2em;margin: 0px;
    padding: 0px;
font-weight:600;}
.title-blue{color:#5952ab;font-size: 2em;margin: 0px;
    padding: 0px;
font-weight:600;}

/*CTA*/

.cta-title{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #5e6fc7; font-size: 156%; font-weight: 600;	}
.cta-sub{color: #5e6fc7; font-weight:600;}
#pl-w5accc6c9280e9{margin-top:3.8em;}

/*TOP*/
ul.top-cat-list {
padding: 0.5em 0 0 0.2em;
/*position: relative;*/
}

ul.top-cat-list,ul.top-cat, ul.list-family,ul.list-investment, ul.list-business {
  line-height: 1.5;
  /*padding: 0.5em 0;*/
	padding-left:0 !important;
  list-style-type: none !important;}

ul.top-cat-list li:before {/*疑似要素*/
	content: " \f138";
    font-family: FontAwesome;
    float: left;
    padding: 0 6px;    
    margin-right: 3px;
    color: #5753ab;}

/* TOP seminar links */
ul.list-family li,ul.list-investment li, ul.list-business li{list-style:none; 	padding-left:0 !important; padding-bottom:5px;}


ul.list-family li a{ color: #e586d2;text-decoration:none; }
ul.list-investment li a{color: #2599b3;text-decoration:none;}
ul.list-business li a{color: #7897e7;text-decoration:none;}

ul.list-family li a:hover,
ul.list-family li a:active,
ul.list-investment li a:hover,
ul.list-investment li a:active,
ul.list-business li a:hover,
ul.list-business li a:active{
	color: #b02428;	
	background: #fff;	
}


ul.list-family li:before {/*疑似要素*/
	content: " \f138";
    font-family: FontAwesome;
    float: left;
    padding: 0 6px;    
    margin-right: 3px;
    color: #e586d2;}

ul.list-investment li:before {/*疑似要素*/
	content: " \f138";
    font-family: FontAwesome;
    float: left;
    padding: 0 6px;    
    margin-right: 3px;
    color: #2599b3;}

ul.list-business li:before {/*疑似要素*/
	content: " \f138";
    font-family: FontAwesome;
    float: left;
    padding: 0 6px;    
    margin-right: 3px;
    color: #7897e7;}

/*Side microcopy*/
div.copy-family p{font-size:80%; color:#e586d2; padding:4px 0 2px 0 !important; margin-bottom:0;}
div.copy-investment p{font-size:80%; color:#2599b3; padding:15px 0px 2px 0 !important;margin-bottom:0;}
div.copy-zemi p{font-size:80%; color:#43a69e; padding:15px 0px 2px 0 !important;margin-bottom:0;}
div.copy-business p{font-size:78%; color:#7d7dc0; padding:15px 0 2px 0 !important;margin-bottom:0;}
div.copy-family img, div.copy-investment img,div.copy-business img{margin-bottom:0px;}

@media only screen and (max-width: 590px) {
	div.copy-family p,div.copy-investment p,div.copy-zemi p,div.copy-business p{margin-left:25px;}
}

div.side-seminar-check{margin:30px 0;}
div.side-seminar-check p{margin-bottom:0 !important;}
div.side-seminar-check ul.top-cat-list li{ line-height: 20px;}
		
/*top menu navi*/

a.top-menu-navi:before {/*疑似要素*/
	content: " \f107";
    font-family: FontAwesome;
    float: left;
    padding: 0 6px;    
    margin-right: 0px;
	font-weight:600;
    color: #5753ab;}

a.top-menu-navi{	font-weight:600;}


/* ボタン */
.rankstlink-r2 p {
    box-shadow: 0 2px 0 #e8570f !important;}

.rankstlink-r2 p a {
    background-color:#fe864b !important; 
	
	
	/* Before After Table*/
table tr td {
    padding: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    border-left-color: #fff;
}
.post table{
border-collapse: collapse;
	 border-top: 1px #fff solid;
  border-right: 1px #fff solid;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    border: solid #fff 0px;
}
.before{color:#3366ff; font-weight:bold;}
.after{color:#ff0000; font-weight:bold;}

/*サイト赤カラー角丸枠*/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #e54875;/*文字色*/
    background: #FFF;
    border: solid 3px #e54875;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}