/* 全体の左右余白調整 デフォルト15px → 5px */
/*.container {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}*/

@charset "UTF-8";

/*993px以上でも横幅を970pxに固定*/

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}
 
@media (min-width: 1200px) {
  .container {
    max-width: 970px;
  }
}


.panel-body{
	padding: 12px 8px;
}


/* リンクボックス 2020-04-06 薬キャリ */
.embed-html-box{box-sizing:border-box;display:block;width:100%;font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;background-color:#fff}.embed-html-box>p{display:table-cell!important}.embed-html-box p{margin:0;padding:0}.embed-html-box a{position:relative;width:100%;display:table;vertical-align:middle;padding:20px;border:1px solid #ddd}.embed-html-box a:after{content:'';clear:both}.embed-html-box_image{width:150px;display:table-cell}.embed-html-box_image img{width:100%;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center}.embed-html-box_meta{display:table-cell;vertical-align:top;padding:0 0 0 20px;line-height:1.25}.embed-html-box_meta.no-image{padding:0}.embed-html-box_title q{color:#363636;font-size:16px;font-weight:700;line-height:1.6;letter-spacing:0;text-shadow:none;z-index:15;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.embed-html-box_description q{margin-top:8px;color:#363636;font-size:12px;line-height:1.5;letter-spacing:0;text-shadow:none;z-index:15;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.embed-html-box_description q:after,.embed-html-box_description q:before,.embed-html-box_title q:after,.embed-html-box_title q:before{display:none}@media screen and (max-width:480px){.embed-html-box a{padding:10px}.embed-html-box_image{width:80px}.embed-html-box_meta{padding:0 0 0 10px}.embed-html-box_title q{font-size:14px}.embed-html-box_description q{margin-top:4px}}







/* 基本 */
body{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	overflow-x: hidden;
}

.body_bg{
	background-color: #4793D8;
}

.wrap {/* スマホで右側に余白ができることを防ぐ */
	/*overflow: hidden;*/
}


.row-eq-height{ /* boostrapでグリッドスタイルで高さを同じにする(スマホでは解除してdisplay: block;に設定) */
  display: flex;
	flex-wrap:wrap;
}

.a_color{
	color: #337AB7;
	text-decoration: none;
	font-weight: none;
	font-size: 0.8em;
}
/*h2{
	font-size: 24px;
	margin-top:0px;
}*/
h3{
	font-size: 19px;
	margin-top:0px;
}
h4{
	font-size: 1em;
	font-weight: bold;
}
label{
	font-weight: normal;
}
.checkbox{
	margin: 0 0 0 20px;
	padding: 0;
}
.checkbox label{
	margin: 0;
	padding: 0;
}
blockquote{
	font-size: 1em;
}
/* 基本 ここまで */



/* ヘッダー */
.header	{
	padding: 0px 0 0 0;
	background-color: #FFF;
	color: #FFF;
	margin-bottom: 	0;
}
/*.header	{
	padding: 10px 0 0 0;
	color: #FFF;
}

.header .logo	{
	margin: 0 0 15px 0;
}

.header .support>div{
	float: right;
	font-size: 11px;
	padding: 10px;
}

.support a{
	color:#FFF;
}*/
/* ヘッダー　ここまで */


/* メニュー（ナビゲーションバー） */
.menu	{
/*	background-color: #8abc60;
	border: none;*/
	border-top: solid 1px #246AAA;
	border-bottom: solid 1px #246AAA;
	border-radius: 0;
	margin-bottom: 40px;
	padding: 0 10px 0 10px;
	background-color: #fff;
	box-shadow:0px 5px rgba(0, 0, 0, 0.2);
}

.menu li a	{color: #000 !important;}

.menu li a:hover	{
	color: #fff !important;
	background-color: #246AAA !important;
}

.menu .navbar-collapse	{
	border-top-color: #999;
	border-top-style: dashed;
}

.menu .navbar-toggle	{
	border-color: #999;
}

.menu .navbar-toggle:hover,
.menu .navbar-toggle:focus{
	background-color: #fff;
}
.navbar-nav li a{/* メニュー項目幅調整 */
	padding-right:10px;
	padding-left:11px;
}
/* メニュー（ナビゲーションバー）　ここまで */


/* サイドメニュー */
.smn_box01{
	border: solid 3px #FFF;
	padding: 10px;
	border-radius: 8px;
	box-shadow:4px 4px rgba(0, 0, 0, 0.2);
	margin: 0 0 15px 0;
	color: #FFF;
	line-height: 1em;
}
.smn_box02{
	border: solid 3px #FFF;
	border-radius: 8px;
	box-shadow:4px 4px rgba(0, 0, 0, 0.2);
	margin: 0 0 15px 0;
	color: #FFF;
}
.smn_box02 .title{
	padding: 5px 10px;
	margin: 0 0 0 0;
	color: #246AAA;
	font-weight: bold;
	background-color: #fff;
}
.smn_box02 .box{
	padding: 10px 10px 10px 33px;
	border-bottom: dashed 1px #FFF;
	display: block;
	color: #FFF;
	text-decoration: none;
	background-image: url("../img/mark.png");
	background-repeat: no-repeat;
}
.smn_box02 .i_box{ /* サムネイル付 */
	padding: 10px 10px 10px 10px;
	border-bottom: dashed 1px #FFF;
	display: block;
	color: #FFF;
	text-decoration: none;
	/*height: 85px;*/
	overflow:hidden;
}
.smn_box02 .box:last-child ,.smn_box02 .i_box:last-child{
	border: none;
}
.smn_box02 .box a,.smn_box02 .i_box a{
	color: #FFF;
}
.smn_box02 .box img,.smn_box02 .i_box img{
	width: 60px;
	height: 60px;
	float: left;
	border: solid 1px #FFF;
	margin: 0 0 0 4px;
}
.smn_box02 .box .kkm_point,.smn_box02 .i_box .kkm_point{
	width: 60px;
	float: left;
	line-height: 1;
	margin: 0 0 0 4px;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	color: #FFC;
}
.smn_box02 .box .kkm_point .kkmps,.smn_box02 .i_box .kkm_point .kkmps{
	font-size: 10px;
	color: #FFF;
}
.smn_box02 .box p,.smn_box02 .i_box p{
	margin: 0 0 5px 75px;
}
.smn_box02 .box .sub_title,.smn_box02 .i_box .sub_title	{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 3px;
}
.smn_box02 .box .desc,.smn_box02 .i_box .desc{
	font-size: 12px;
}
.smn_box03{ /* 簡易サムネイル付一覧 */
	border: solid 3px #FFF;
	border-radius: 8px;
	box-shadow:4px 4px rgba(0, 0, 0, 0.2);
	margin: 0 0 15px 0;
	color: #FFF;
}
.smn_box03 .title{
	padding: 5px 10px;
	margin: 0 0 0 0;
	color: #246AAA;
	font-weight: bold;
	background-color: #fff;
}
.smn_box03 .i_box{ /* サムネイル付 */
	padding: 7px 7px 7px 7px;
	border-bottom: dashed 1px #FFF;
	display: block;
	color: #FFF;
	text-decoration: none;
	/*height: 85px;*/
	overflow:hidden;
}
.smn_box03 .box:last-child ,.smn_box03 .i_box:last-child{
	border: none;
}
.smn_box03 .box a,.smn_box03 .i_box a{
	color: #FFF;
}
.smn_box03 .box img,.smn_box03 .i_box img{
	width: 36px;
	height: 36px;
	float: left;
	border: solid 1px #FFF;
	margin: 0 0 0 4px;
}
.smn_box03 .box p,.smn_box03 .i_box p{
	margin: 7px 0 0px 50px;
}
.smn_box03 .box .sub_title,.smn_box03 .i_box .sub_title	{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 3px;
}
.smn_box04{ /* 定番バナー */
	border: solid 3px #FFF;
	border-radius: 8px;
	box-shadow:4px 4px rgba(0, 0, 0, 0.2);
	margin: 0 0 15px 0;
	color: #FFF;
	line-height: 1em;
}
.smn_box04 .title{
	padding: 5px 10px;
	margin: 0 0 0 0;
	color: #FFF;
	font-weight: bold;
	background-color: #246AAA;
	border-radius: 8px 8px 0 0;
	text-align: left;
}
.smn_box04 .top_bn {
	padding: 13px 0px 11px 0px;
}
.smn_box04 .top_bn a{
	margin: -1px 0 0 0;
	display: block;
}

/* サイドメニュー　ここまで */


/****** コンテンツ ******/

/* 基本テキストボックス */
.cts_box01,.admn_box01{
	padding: 30px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow:5px 5px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	line-height: 1.8em;
	margin: 0 0 20px 0;
	position: relative;
}
.cts_box01 h1{
	font-size: 24px;
	margin-top:0px;
	margin-left: 58px;
	margin-bottom: 32px;
}
.cts_box01 h2{
	font-size: 24px;
	margin-top:0px;
	margin-left: 58px;
	margin-bottom: 32px;
}
.admn_box01 h2{
	font-size: 24px;
	margin-top:0px;
	margin-left: 0px;
	margin-bottom: 22px;
}
h1.top{
	font-size: 24px;
	margin:0;
	padding:0px;
}
h2.page{
	font-size: 19px;
	margin:0 0 18px 0;
}
h2.detail{
	font-size: 14px;
	margin:0;
}
h3.detail{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 8px 0;
	padding: 8px 0px 8px 0px;
}
h3.detail span{
	color: red;
}
.cts_box01 .title_img01 ,.cts_box02 .title_img02{
	position: absolute;
	top: -15px;
	left: -15px;
	width: 110px;
	height:auto;
}
.lastupdate{
	font-size:12px;
	padding:10px 0 0 0;
	margin-bottom:-20px;
	margin-right: -8px;
	text-align: right;	
}


/* カタログ形式(サムネイルボックス) */
.cts_box02{
	padding: 15px 5px 15px 15px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow:5px 5px rgba(0, 0, 0, 0.2);
	font-size: 16px;
	line-height: 1.2em;
	margin: 0 0 20px 0;
	position: relative;
}	
.cts_box02 h2{
	font-size: 24px;
	margin-top:0px;
	margin-left: 80px;
	margin-right: 15px;
	margin-bottom: 22px;
}
.catalog > .item {
	float: left;
	width: 32%;
	margin-right: 1.3%;
	margin-bottom: 8px;
	padding: 10px 10px 0px 10px;
	border:1px solid #aaa;
	/*height: 230px;*/
	/*overflow: hidden;*/
	font-size: 13px;
	text-decoration: none;
	color: #333;
	position: relative;/* リボン表示用 */
}
.catalog > .item a{
	color: #000;
}
.catalog_hs > a {/* 140627 高さ指定無し */
	float: left;
	width: 32%;
	margin-right: 1.3%;
	margin-bottom: 8px;
	padding: 6px;
	border:1px solid #aaa;
	/*height: 160px;*/
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #333;
	position: relative;/* リボン表示用 */
}
.catalog_menu > .item {
	float: left;
	width: 32%;
	margin-right: 1.3%;
	margin-bottom: 8px;
	padding: 10px;
	border:1px solid #aaa;
	height: 180px;
	overflow: hidden;
	font-size: 13px;
	text-decoration: none;
	color: #333;
	text-align: center;	
	position: relative;/* リボン表示用 */
}
.catalog_cp > .item {
	float: left;
	width: 32%;
	margin-right: 1.3%;
	margin-bottom: 8px;
	padding: 10px;
	border:1px solid #aaa;
	height: 225px;
	overflow: hidden;
	font-size: 13px;
	text-decoration: none;
	color: #333;
	position: relative;/* リボン表示用 */
}
.catalog .date{
	margin: 6px 0 6px 0;
}
.catalog .title{
	height: 48px;
	overflow: hidden;
	line-height: 1.3em;
}
.catalog .c_title{
	/*height: 84px;*/
	/*overflow: hidden;*/
	line-height: 1.3em;
}
.catalog_cp .title{
	text-align: center;
	font-weight: bold;
	margin:6px 0 0 0;
}

/* トップ年収ボックス */
.catalog2 > .item {
	float: left;
	width: 32%;
	margin-right: 1.3%;
	margin-bottom: 8px;
	padding: 10px 10px 0px 10px;
	border:1px solid #aaa;
	/*height: 230px;*/
	/*overflow: hidden;*/
	font-size: 13px;
	text-decoration: none;
	color: #333;
	position: relative;/* リボン表示用 */
}
.catalog2 > .item a {
	color: #000;
}
.catalog2 .date{
	margin: 6px 0 6px 0;
}
.catalog2 .title{
	line-height: 1.3em;
	/*margin: 0 0 6px 0;*/
}
.catalog2 .kingaku{
	text-align: center;
	color: #F00;
	font-size: 1.4em;
	font-weight: bold;
}


/* ランキングリボン設定 */
#no1:after { /* リボン表示 */
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: red;
	content: "No.1";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 12px 5px 6px;
	left: -30px;
	top: 3px;
	transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#no2:after { /* リボン表示 */
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: #F60;
	content: "No.2";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 12px 5px 6px;
	left: -30px;
	top: 3px;
	transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#no3:after { /* リボン表示 */
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: #FC3;
	content: "No.3";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 12px 5px 6px;
	left: -30px;
	top: 3px;
	transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
/*ランキング イメージ＋2ボタン*/
.hikaku_index > div {
	float: left;
	width: 32%;
	margin-right: 1.3%;
	margin-bottom: 8px;
	padding: 10px;
	border:1px solid #aaa;
	/*height: 100px;*/
	overflow: hidden;
	font-size: 13px;
	text-decoration: none;
	color: #333;
	position: relative;/* リボン表示用 */
}
    .hikaku_index a{
    	text-decoration: none;
    } 
    .hikaku_index .box{
    	text-align: center;
    	height: 130px;
    } 
    .hikaku_index .box2{
    	text-align: center;
    	height: 105px;
    } 
    .hikaku_index .s_title{
    	font-size: 10px;
    	color: #000;
    	text-align: center;
    	vertical-align:top;
    	line-height: 1em;
    }
    .hikaku_index .value{
    	font-size: 18px;
    	font-weight: bold;
    	color: #F00;
    	text-align: center;
    	vertical-align:top;
    	line-height: 1em;
    }
    .hikaku_index .tani{
    	font-size: 13px;
    	font-weight: bold;
    }


.rand_index > div {
	float: left;
	width: 32%;
	margin-right: 1.3%;
	margin-bottom: 8px;
	padding: 0px;
	border:1px solid #aaa;
	overflow: hidden;
	text-decoration: none;
	color: #333;
}
/* バナー横並び(年収) */
.banner_index {
	padding: 10px 10px 10px 14px;
	border: dotted 3px #CCC;
	background: #FEFDD3;
}
.banner_index .title{
	font-weight: bold;
	padding: 4px 0;
	text-align: center;
}
.banner_index .title strong{
	background: linear-gradient(transparent 70%, #FD7A99 60%);
}
.banner_index .comment{
	font-size: 0.9em;
	line-height: 1.3em;
	margin-bottom: 10px;
	text-align: center;
}
.banner_index > a {
	float: left;
	width: 32%;
	margin-right: 1.3%;
	margin-bottom: 8px;
	padding: 0px;
	border:1px solid #aaa;
	overflow: hidden;
	text-decoration: none;
	color: #333;
	background: #FFF;
}
/* 口コミ ボックスリスト */
.list_point{
	font-size: 30px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	vertical-align:top;
	line-height: 1em;
}
.list_point_tani{
	font-size: 18px;
	font-weight: bold;
}
.list_text{
	height: 88px;
	overflow: hidden;
	margin:10px 0 10px 0;
	line-height: 1.4em;
}
.avg_point_tani{
	font-size: 30px;
	font-weight: bold;
	color: #F00;
}

/* 目次 */
.list_box_title{
	background-color: #337AB7;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 30px 5px 0 5px;
	padding: 6px 0 0 0;
	border-radius: 5px 5px 0px 0px;
}
.list_box{
	border:3px solid #337AB7;
	display: block;
	margin: 0px 5px 0px 5px;
	padding: 0 16px;
	border-radius: 0px 0px 5px 5px;
}
.lbl_w{
	display: block;
	padding: 4px 0;
	line-height: 1.2em;
	font-size: 11px;
}
.list_box .price{
	color: #F00;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	border-radius: 5px 5px 5px 5px;
	background-color: #FFF;
	display: inline-block;
	padding: 3px 20px 0 0;
}
.mini_link_box{
	margin: 20px 0px 30px 0px;
	text-align: center;	

}
.mini_link_box .link{
	width: 240px;
	margin:5px auto;
	border:3px solid #428BCA;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	font-size: 11px;
	display: inline-block;
}

/*スペックポイント*/
ul.check_point{
	margin: 0 0 0px 0;
	padding: 0 20px 10px 20px;
}
ul.check_point li{
	font-size: 1em;
	line-height: 1.4em;
	border-bottom: dashed 1px;
	margin: 16px 0;
	padding-bottom: 8px;
}
ul.check_point li span{
	color: red;
}
li.check_point_title {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 8px 0;
	padding-bottom: 8px;
}
li.check_point_title span{
	color: red;
}

/* チャートのフォントサイズ */
.chartfont{
	font-size: 13px;
}
/*スペックアイコン*/
.i_spec{
	margin-bottom: 12px;
	text-align: center;
}
.i_spec img{
	margin: 2px 1px;
}

/* 口コミリスト */
.kuchikomi{
	background-color:#FBFCDE;
	margin:0px 5px 5px 5px;
	padding: 25px 25px 25px 25px;
	box-shadow: 1px 1px 1px 0px lightgray;
	font-size: 16px;
	line-height: 1.8em;
	border-radius: 5px 5px 5px 5px;
}
/*.kuchikomi h2.detail{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 8px 0;
	padding-bottom: 8px;
}*/
.kuchikomi h2{
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.kuchikomi h3.detail{
	font-size: 16px;
	padding: 6px 0 10px 36px;
	margin:20px 0 10px 0;
	background-image: url("../img/kuchikomi_check.png");
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
}


.bunseki{
	background-color: #F6FCFF;
	border:3px solid #428BCA;
	margin: 5px 5px 20px 7px;
	padding: 20px 0 0 0;
	border-radius: 10px 10px 10px 10px;
}

.bunseki_title{
	margin:5px 0px;
	text-align: center;
	font-size: 14px;
	padding: 0px 0;
}
.bunseki .kuchikomi_exc,.campaign_exc{
	margin:12px 0px 18px 0px;
	text-align: left;
	font-size: 1em;
	padding: 0px 0;
	line-height: 1.6em;
}
.bunseki .kuchikomi_more,.campaign_more{
	margin:8px 0px 0px 0px;
	text-align: left;
	font-size: 0.9em;
	padding: 0px 0;
	line-height: 1.6em;
}


/* 左吹き出し */
.fukidashi_left {
width: 100%;
margin: 1.5em 0;
overflow: hidden;
}
.fukidashi_left .faceicon {
float: right;
margin-top: 12px;
margin-left: -90px;
width: 80px;
font-size: 13px;
line-height: 1.2em
}
.fukidashi_left .faceicon img{
width: 100%;
height: auto;
/*border: solid 3px #d7ebfe;
border-radius: 50%;*/
}
.fukidashi_left .chatting {
width: 100%;
}
.fukidashi_left .says {
display: inline-block;
position: relative;
margin: 5px 92px 0 4px;
padding: 17px 10px 17px 13px;
border-radius: 12px;
background: #FFE6E6;
}
.fukidashi_left .says:after {
content: "";
display: inline-block;
position: absolute;
top: 36px;
right: -24px;
border: 12px solid transparent;
border-left: 12px solid #FFE6E6;
}
.fukidashi_left .says p {
margin: 0;
padding: 0;
} 

/* 右吹き出し */
.fukidashi_right {
width: 100%;
margin: 1.5em 0;
overflow: hidden;
}
.fukidashi_right .faceicon {
float: left;
margin-top: 12px;
margin-right: -90px;
width: 80px;
font-size: 13px;
line-height: 1.2em
}
.fukidashi_right .faceicon img{
width: 100%;
height: auto;
border: solid 3px #d7ebfe;
border-radius: 50%;
}
.fukidashi_right .chatting {
width: 100%;
}
.fukidashi_right .says {
display: inline-block;
position: relative;
margin: 5px 4px 0 92px;
padding: 17px 13px;
border-radius: 12px;
background: #d7ebfe;
}
.fukidashi_right .says:after {
content: "";
display: inline-block;
position: absolute;
top: 18px;
left: -24px;
border: 12px solid transparent;
border-right: 12px solid #d7ebfe;
}
.fukidashi_right .says p {
margin: 0;
padding: 0;
} 
/* 吹き出し内リンク */
.fukidashi_left a,.fukidashi_right a{
	color: #000;
	background-color: #FFD3D3;
	border-bottom: dotted #F33 2px;
}
.fukidashi_left a:hover,.fukidashi_right a:hover{
	color: #000;
/*	background-color: #FFC;*/
	border-bottom: solid #F00 2px;
	text-decoration: none;
}





/* テーブル */
.table-responsive td{
	/*font-size: 14px;*/
}
.tbl_bg1{
	background-color: #E8F5FF;
}
.tbl_bg2{
	background-color: #FFF3F3;
}
.tbl_bg3{
	background-color: #EDFCED;
}

/* 円グラフ */
.en_graph{

}


/* 検索ボックス*/
table.searchbox{
	width:100%;
	font-size: 13px;
}
table.searchbox th, .searchbox td{
	padding:8px;
	border:1px solid #ddd;
	line-height: 1.2em;
}
table.searchbox th{
	background:#f4f4f4;
}
a.research{
	text-decoration: none;
	border: solid 1px #428BCA;
	padding: 2px 10px;
	border-radius: 20px;
}

/* 一般テーブル2 */
table.type2 {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-collapse: collapse;
  width: 100%;
}
table.type2 th,
table.type2 td {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
  text-align: center;
  padding: 6px 0;
}
table.type2 th {
  text-align: center;
}


/* 年収テーブル1 */
table.type3 th{
  font-weight: normal;
  text-align: center;
  background:#F9F9F9;
  width: 25%;
  white-space:nowrap;
}
table.type3 thead th{
  font-weight: none;
  text-align: center;
  background:#FDEFE9;
  padding-bottom: 4px;
}
table.type3 td{
  text-align: center;
}

.column .line1{
	/*border-bottom: solid 1px #F00;*/
	/*font-weight: 	bold;*/
	/*background-color: #EEE;*/
	/*background: linear-gradient(transparent 60%, #ff66ff 60%);*/
	color: #600;
	background: linear-gradient(transparent 60%, #fBf 60%);
}
.column .mokuji_title{
	padding: 2px;
	border: 1px solid #F94110;
	background: #F96130;
	color: #FFF;
	text-align: center;
	border-radius:8px 8px 0 0;
}
.column .mokuji{
	padding: 10px 10px 2px 10px;
	border: 1px solid #F94110;
	border-radius: 0 0 8px 8px;
}


/* オーダーボタン */
.order_bt1 {
	width: 100%;
  margin: 20px 0px 40px 0;
  padding: 1.2em 1.6em 1.1em 1.6em;
  border: none;
  display: inline-block;
  background-color: #FA6E49;
  box-shadow: 0 6px #F94110;
  font-size: 110%;
  line-height: 1.1em;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.order_bt1:hover{
	text-decoration: none;
	color: #FFF;
}

/* 記事内テキストリンク */
.at_link a{
	color: #000;
	background-color: #FFC;
	border-bottom: dotted #F33 2px;
}
.at_link a:hover{
	color: #000;
	background-color: #FFC;
	border-bottom: solid #F00 2px;
	text-decoration: none;
}



/* コラム */
.column .title{
	margin: 0 0 8px -20px;
	font-weight: bold;
	line-height: 1.4em;
}
.column .text{
	margin: 0 0 0 -20px;
	line-height: 1.4em;
}
.column {
	line-height: 1.9em;
}
.column h2{
	margin: 15px 0 14px 0;
	padding: 12px 0 5px 36px;
	font-weight: 	bold;
	/*display: inline-block;*/
	font-size: 18px;
	background-image: url("../img/column_h2.png");
	background-repeat: no-repeat;
	border-bottom: dotted 1px #009520;
}
.column strong{
	/*border-bottom: solid 1px #F00;*/
	/*font-weight: 	bold;*/
	/*background-color: #EEE;*/
	/*background: linear-gradient(transparent 60%, #ff66ff 60%);*/
	background: linear-gradient(transparent 60%, #FD7A99 60%);
}


.column h3{ /* 後日廃止 */
	margin-top: 15px;
	font-weight: 	bold;
	font-size: 16px;
}
/*.column h3{ 
	margin: 15px 0 14px 0;
	padding: 12px 0 5px 36px;
	font-weight: 	bold;
	font-size: 18px;
	background-image: url("../img/column_h2.png");
	background-repeat: no-repeat;
	border-bottom: dotted 1px #009520;
}*/
.column .line{
	border-bottom: dotted 1px #ccc;
	margin: 8px;
	display: block;
}


.cta{
	/*background-color: #396;*/
	/*background-color: #3DBC9F;*/
	/*background-color: #FF8050;*/
	/*background-color: #4a7;*/
	/*background-color: #5b8;*/
	background-color: #60c090;
	color: #FFF;
	padding: 20px 30px 10px 30px;
	border-radius: 10px;
	border-top: solid 1px #396; 
	border-left: solid 1px #396; 
	border-bottom: solid 3px #396; 
	border-right: solid 3px #396; 
}
.cta .title{
	font-weight: bold;
	text-align: center;
	padding: 0 0 16px 0;
	font-size: 1.15em;
	color: #FFFF99;
	line-height: 1.3em;
}
.cta img{
	border: solid 1px #FFF; 
}
.cta .bttext{
	text-shadow:3px 3px 3px 3px rgba(0, 0, 0, 0.9);
}
.cta .comment1{
	padding: 3px 2px 0 2px;
	font-size: 0.9em;
	line-height: 1.5em;
}
.cta .bt1{
	text-align: center;
	padding: 10px 0 20px 0;
}
.cta a{
	border: solid 1px #FFF;
	background-color: #EC971F;
	/*background-color: #FFF;*/
}
.cta a:hover{
	border: solid 1px #FFF;
	background-color: #F35C0C;
}
.cta .r23{
	padding: 8px;
	font-size: 0.9em;
	margin-bottom: 10px;
}


/*ナビ　次へ*/
.bt_next{
	text-align: center;
	padding: 20px 0 25px 0;
}
.bt_next span{
	background-image: url("../img/bt_next.jpg");
	background-repeat: no-repeat;
	padding: 7px 0 20px 48px;
}


/* デフォルト */
.b_card{
  display: block;
  background: #FFFFFF;
  color: #000000;
  /*width: 95%;*/
  max-width: 100%;
  border-radius:3px;
  border: 1px solid #CCC;
  margin: 15px 0 30px 0;
  padding: 10px;
  font-size: 80%;
  line-height: 17px;
  box-shadow: 6px 6px #EEE;
}

/*.b_card a{
  font-weight:bold;
  font-size: 16px;
  color: #3D3F44;
  text-decoration: none;
}*/

.b_card .title{
  margin: 3px 0 5px 0;

  font-weight:bold;
  font-size: 16px;
  color: #3D3F44;
  text-decoration: none;
}

/*.b_card .copy{
  padding: 0;
  margin: 10px 0 0 0;
}

.b_card .copy a{
  font-size: 70%;
  font-weight: normal;
  color: #9AA5AB;
}*/

/*.b_card a:hover{
  text-decoration: underline;
}
*/
.b_card img{
  float:right;
  margin: 0 0 10px 10px;
}

.b_card .clearfix {
  clear: both;
}

@media only screen and (max-width: 767px) {
	.b_card img{
	  width: 80px;
	  height: 60px;
	  margin: 0 0 7px 7px;
	}

	.b_card{
	  font-size: 12px;
	}
	.b_card .title{
	  font-size: 13px;
	  padding: 0 0 8px 0;
	}
}



/****** コンテンツ ここまで ******/






/* フッター */
.footer{
	border-top: solid 4px #FFF;
	background-color: #246AAA;
	margin: 40px 0 0 0;
	color: #FFF;
	padding: 30px 0;

}
.footer li{
	line-height: 2.2em;
}
.footer a{
	color: #FFF;
}
.copyright{
	text-align: center;
	padding: 40px 5px 10px 5px;
}
/* フッター　ここまで */


/* 微調整 */
.mb8{
	margin-bottom: 8px;
}
.mb-8{
	margin-bottom: -8px;
}
.mb12{
	margin-bottom: 12px;
}
.mb15{
	margin-bottom: 15px;
}
.mt10{
	margin-top: 10px;
}
.mt5{
	margin-top: 5px;
}
.mt15{
	margin-top: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mt20{
	margin-top: 20px;
}
.mb25{
	margin-bottom: 25px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}
.mt30{
	margin-top: 30px;
}
.mt-15mb15{
	margin-top: -15px;
	margin-bottom: 15px;
}
.mt16b24{
	margin: 16px 0 24px 0;;
}
.prl20{
	padding: 0 20px;
}
.mt40{
	margin-top: 40px;
}
.p20{
	padding: 20px;
}
.pt10{
	padding-top: 10px;
}
.pt15{
	padding-top: 15px;
}
.pt20{
	padding-top: 20px;
}
.ptb10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.pb0{
	padding-bottom: 0px;
}
.pb5{
	padding-bottom: 5px;
}
.pr10{
	padding-right: 10px;
}
.pl10{
	padding-left: 10px;
}
.lh120{
	line-height: 1.2em;
}
.lh150{
	line-height: 1.5em;
}
.lh160{
	line-height: 1.6em;
}
.lh180{
	line-height: 1.8em;
}
.nowrap {
	white-space: nowrap;
}
.img-center{
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
}
.ta_center{
	text-align: center;
}
.fs15px{
	font-size: 15px;
}
.fs10px{
	font-size: 10px;
}
/* 赤フォント大太 */
.red_l_b{
	font-size: 24px;
	color: #F00;
	font-weight: bold;
}
.red_m_b{
	font-size: 18px;
	color: #F00;
	font-weight: bold;
}
.black{
	color: #000;
}
.white{
	color: #FFF;
}
.bule_border{
	border: 1px solid #337AB7;
}

/* 微調整 */




/*PC広告*/
.bn-pc-1{
	text-align: center;
	background-color: #FFF;
}
.bn-pc-1 img{
	max-width: 100%;
	border: none;
	height: auto;
}


/* モバイル広告*/
.bn-mobile-1{
	text-align: center;
	margin-bottom: 20px;
}
.bn-mobile-1 img{
	max-width: 100%;
	height: auto;
}


/* オーバーレイ広告*/
.overlay_ad {
	display: none;
}


/*追従バナー 親要素のどれかにoverflow: hidden;があると動かない*/
.set_sticky{
	position:relative;
	width: 100%;

}
.bn_sticky{
	top:0px;
  position:-webkit-sticky; /* Safari */
  position:sticky;
}


/*検索ボックス */
.search_box1{
	background-color: #fff;
	border: solid 1px #ccc;
	display: block;
	padding: 10px;
	line-height: 	1.4em;
	font-size: 	0.94em;
	margin: 10px 0 10px 0;
}
.search_box1 .title{
	font-weight: 	bold;
	text-align: center;
}
.search_box2{
	background-color: #f5f5f5;
	border: solid 1px #ccc;
	display: block;
	padding: 10px;
	margin: 10px 0 0 0;
	font-size: 	0.9em;
	text-align: center;
}


/* スマホサイズ */
@media (max-width: 768px) {

/****** コンテンツ ******/

	.wrap {/* スマホで右側に余白ができることを防ぐ */
		overflow: hidden;
	}
	.row-eq-height{ /* boostrapでグリッドスタイルで高さを同じにするを解除 */
	  display: block;
	}


	/* 基本テキストボックス */
	.cts_box01,.admn_box01{
		padding: 20px 10px;
	}

	.cts_box01 h1,.cts_box02 h1{
		font-size: 20px;
		margin-bottom: 35px;
		padding-top:0px;
		padding-left:2px;
	}
	.cts_box01 h2,.cts_box02 h2{
		font-size: 20px;
		margin-bottom: 35px;
		padding-top:0px;
		padding-left:2px;
	}
	h2.page{
		font-size: 16px;
		margin: 0 0 14px 0;
	}
	h2.detail{
		margin:0;
	}
	.cts_box01 .title_img01 ,.cts_box02 .title_img02{
		position: absolute;
		top: -15px;
		left: -15px;
		width: 90px;
		height:auto;
	}


	/* ヘッダー調整 */
/*	.header{
		text-align: center;
		margin-bottom: 12px;
	}
	.header .logo{
		margin: 10px auto 5px auto;
		text-align: center;
	}
	.logo img{
		margin: auto;
	}

	.header .support>div{
		float: none;
		display: inline;
		font-size: 11px;
	}*/



	.catalog > .item {
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 8px;
		padding: 5px;
		border:1px solid #aaa;
		overflow: hidden;
		font-size: 13px;
		text-decoration: none;
		color: #333;
		position: relative;/* リボン表示用 */
    }
	.catalog_hs > a {/* 140627 高さ指定無し */
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 8px;
		padding: 5px;
		border:1px solid #aaa;
		overflow: hidden;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		color: #333;
		position: relative;/* リボン表示用 */
    }
 	.catalog_menu > .item {
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 8px;
		padding: 5px;
		border:1px solid #aaa;
		overflow: hidden;
		font-size: 13px;
		text-decoration: none;
		color: #333;
		text-align: center;	
		position: relative;/* リボン表示用 */
    }
	.catalog_cp > .item {
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 8px;
		padding: 5px;
		border:1px solid #aaa;
		overflow: hidden;
		font-size: 13px;
		text-decoration: none;
		color: #333;
		position: relative;/* リボン表示用 */
    }

	/* トップ年収ボックス */
	.catalog2 > .item {
		float: left;
		width: 48%;
		margin-right: 1.3%;
		margin-bottom: 8px;
		padding: 10px 10px 0px 10px;
		border:1px solid #aaa;
		/*height: 230px;*/
		/*overflow: hidden;*/
		font-size: 13px;
		text-decoration: none;
		color: #333;
		position: relative;/* リボン表示用 */
	}
	.catalog2 > .item a , .catalog2 > .item2 a{
		color: #000;
	}
	.catalog2 .date{
		margin: 6px 0 6px 0;
	}
	.catalog2 .title{
		line-height: 1.3em;
		/*margin: 0 0 6px 0;*/
	}
	.catalog2 .kingaku{
		text-align: center;
		color: #F00;
		font-size: 1.4em;
		font-weight: bold;
	}

	.hikaku_index > div {
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 8px;
		padding: 5px;
		border:1px solid #aaa;
		overflow: hidden;
		font-size: 13px;
		text-decoration: none;
		color: #333;
		position: relative;/* リボン表示用 */
    }

	.rand_index > div {
		float: left;
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 8px;
		padding: 0px;
		border:1px solid #aaa;
		overflow: hidden;
		text-decoration: none;
		color: #333;
    }

	/*バナー横並び(年収)*/
	.banner_index .comment{
		text-align: left;
	}
	.banner_index > a {
		float: left;
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 8px;
		padding: 0px;
		border:1px solid #aaa;
		overflow: hidden;
		text-decoration: none;
		color: #333;
    }

	/* 検索テーブル */
    table.searchbox th,
    table.searchbox td{
        width: 100%;
        display: block;
        border-top: none;
    }
    table.searchbox tr:first-child th   { border-top: 1px solid #ddd; }

	/* 一般テーブル2 */
	table.type2 {
	border: none;
	}
	table.type2 thead {
	display: none;
	}
	table.type2 tr {
	border-top: 1px solid #ddd;
	display: block;
	/*margin-bottom: 20px;*/
	}
	table.type2 td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 6px;
	text-align: right;
	}
	table.type2 td::before {
	content: attr(data-label);
	float: left;
	font-weight: normal;
	}
	.red_l_b{ /* テーブル内の一部の数値 */
		font-size: 18px;
	}

    /* 目次 */
    .list_box{
    	padding: 15px;
    }
    .list_box .check_point{
    	margin:0;
    	padding: 0;
    }
	.list_box .btn-lg{
		font-size: 13px;
		font-weight: bold;
	}
	.footer{
		padding: 30px 20px;
	}

	/* コラム */
	.column .title{
		margin: 0 0 0 0px;
		font-weight: bold;
		line-height: 1.4em;
	}
	.column .text{
		margin: 0 0 0 00px;
		line-height: 1.4em;
	}
	.column h2{
	margin: 15px 0 16px 0;
	padding: 12px 0 5px 36px;
	font-weight: 	bold;
	font-size: 18px;
	}



	.cta{
		padding: 15px 15px 15px 15px;
	}


	.kuchikomi h2{
		font-size: 16px;
		padding: 0;
		margin: 0;
		font-weight: bold;
		text-align: left;
	}
	.kuchikomi h3.detail{
		font-size: 16px;
		padding: 0px 0 10px 36px;
		margin:20px 0 6px 0;
		background-image: url("../img/kuchikomi_check.png");
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		height: auto;
	}


	/* オーバーレイ広告*/
	.overlay_ad {
		display: block;
		padding: 6px 2px 3px 2px;
		width: 100%;
	  position: fixed;
	  bottom: 0;
	  text-align: center;
	  z-index: 1000;
	  background: #C9302C;
	  border-top: 2px solid #FFF;
	  box-shadow: 0px 0px 2px #999;
	}
	.overlay_ad a{
		display: block;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
	}


}
/* スマホサイズ */



@media (min-width: 768px){ /* smサイズ～　タブレットサイズ以上 */

	br.kaigyou{ /* タブレット以上で改行無効 */
		display: none; 
	}

}

@media (max-width: 992px){ /* 　タブレットサイズ以下(PCのみ) */

	br.kaigyou2{ /* タブレット以下で改行無効 */
		display: none; 
	}

}