@charset "UTF-8";
/*
Theme Name: Emanon Pro child
Theme URI: https://wp-emanon.jp
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Pro の子テーマです。
Template: emanon-pro
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options

Emanon Pro 子テーマ用のスタイルを以下に記述 
カスタマイズ機能のCSS圧縮をオンにしている場合、オフに切り替えてからスタイルを追加し、その後、再度CSS圧縮を
オンにしてください。
*/

/* =====================================================================
 * 全体
 =================================================================== */
/*	margin padding
-----------------------------------------------------------------------------*/
.m_b00 { margin-bottom: 0px !important; }
.m_b05 { margin-bottom: 5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b25 { margin-bottom: 25px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b35 { margin-bottom: 35px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b45 { margin-bottom: 45px !important; }


.m_00 { margin: 0px !important; }
.m_05 { margin: 5px !important; }
.m_10 { margin: 10px !important; }
.m_15 { margin: 15px !important; }
.m_20 { margin: 20px !important; }
.m_25 { margin: 25px !important; }
.m_30 { margin: 30px !important; }
.m_35 { margin: 35px !important; }
.m_40 { margin: 40px !important; }
.m_45 { margin: 45px !important; }

.p_5{padding:5px;}
.p_10{padding:10px;}
.p_15{padding:15px;}
.p_20{padding:20px;}
.p_25{padding:25px;}
.p_30{padding:30px;}

/*  align
-----------------------------------------------------------------------------*/
.al-r { text-align: right; }
.al-c { text-align: center; }
.al-l { text-align: left; }
.val-m { vertical-align: middle; }
.val-t { vertical-align: top; }

/*  float 
-----------------------------------------------------------------------------*/
.fl { float: left; margin-right:15px; }
.fr { float: right; margin-left:15px; }
.cb { overflow: hidden; clear: both; }
.cb:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
/*\*/
* html .cb { height: 1em; overflow: visible; }
/**/

.body p {
	margin-bottom: 1.2em;
}


/* =====================================================================
 * 会社設立ランキング
 =================================================================== */

.ranking{
	margin:40px 0 0 0;
}
.article-body {
    margin: 0 30px 32px 30px;
}

/* ----------------------------------------------------------------
 * ランキング　会社設立費用
 ---------------------------------------------------------------- */
.ranking-img{
	float:left;
}


.ranking-point-box{
	float:right;
	width:35%;
	}

.ranking-point-box span{
	font-size:11px;
	color:#666;
}

.ranking-point {
    /*width: 240px;
    height: 120px; */
    margin: 0 0px 30px 0;
}


.ranking-point .title {
    background: #374252;
    line-height: 46px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    position: relative;
	margin-bottom:0;
}


.ranking-point .answer {
    border-right: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    border-left: 3px solid #ccc;
    text-align: center;
    line-height: 58px;
    font-size: 26px;
    font-weight: bold;
    color: #c30b0b;
	margin-bottom:10px;
}



.ranking-point .appeal {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}




/* ----------------------------------------------------------------
 * ランキング　横ふき出し
 ---------------------------------------------------------------- */

.fukidashi01, .fukidashi02, .fukidashi03 {
    margin:0px 0 20px 0;
	border: 1px solid #DE3737;
}
.fukidashi01 dt {
    position: relative;
    color: #fff;
    font-weight:bold;
    float:left;
    clear:both;
    padding:36px 45px;
    background-color: #DE3737 !important;
}
.fukidashi02 dt {
    position: relative;
    color: #fff;
    font-weight:bold;
    float:left;
    clear:both;
    padding:23px 45px;
    background-color: #DE3737;
}

.fukidashi03 dt {
    position: relative;
    color: #fff;
    font-weight:bold;
    float:left;
    clear:both;
    padding:10px 45px;
    background-color: #DE3737;
}


.fukidashi01 dd, .fukidashi02 dd, .fukidashi03 dd{
    padding:10px 40px 10px 30px;
    display:inline-block;
    background-color:#F8F8F8;
    margin:0;
}
.fukidashi01 dt::after, .fukidashi02 dt::after, .fukidashi03 dt::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-top: -10px;
    border-left-color: #DE3737;
}

/* ----------------------------------------------------------------
 * ランキング　- 会社データ
 ---------------------------------------------------------------- */

 .company-data {  
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    border-bottom: none;
}

.company-data dt {  
    font-weight: bold;
}

 .data {  
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    border-bottom: none;
}

.data dt {  
    font-weight: bold;
}

/* スマホ
-------------------------------------------------- */
@media only screen and (max-width:641px) {
	.ranking-img{
	float:none;
	width:100%;
}

	.ranking-point {
    /*width: 240px;
    height: 120px; */
    margin: 0 0px 10px 0;
	
}
	.ranking-point .title {
    background: #374252;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    position: relative;
	margin-bottom:0;
}

	.ranking-point .answer {
    border-right: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    border-left: 3px solid #ccc;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    font-weight: bold;
    color: #c30b0b;
	margin-bottom:10px;
}
	.fukidashi01 dt, .fukidashi02 dt, .fukidashi03 dt {
		float:none;
		padding:10px 15px !important;
	}
	.fukidashi01 dd, .fukidashi02 dd, .fukidashi03 dd {
		display:block;
	}
	.ranking-img{
		float:none;
		width:100%;
	}	
	.ranking-point-box{
	float:none;
	width:100%;
	}
	
    .company-data {
        background-color: #fff;
    }
    
    .company-data dt, .company-data dd {
        padding: 8px 20px;
    }
    
    .company-data dt {
        float: none;
        background-color: #fff; /* 背景色を指定 */
        border-top:1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }
    
    .company-data dd {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
	
/* 表
-------------------------------------------------- */
　   .data {
        background-color: #fff;
    }
    
    .data dt, .data dd {
        padding: 8px 5px;
    }
    
    .data dt {
        float: none;
        background-color: #fff; /* 背景色を指定 */
        border-top:1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }
    
    .data dd {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}


/* PC
-------------------------------------------------- */
@media only screen and (min-width: 571px) {
    .company-data {
        background: #EEEEEE ;/* url(bg.jpg) repeat-y -150px 0;  dlで背景画像をyリピートし、dtの背景色のように見せる。positionはdtの幅に応じて調整 */
    }
    
    .company-data dt,
    .company-data dd {
        padding: 20px;
    }
    
    .company-data dt {
        clear: both;
        float: left;
        width: 150px; /* 幅を指定 */
        border-top: 1px solid #FFFFFF;
		border-right:1px solid#ccc;
    }
    
    .company-data dd {
        padding-left: 170px; /* dtの分、左にpaddingを取る */
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #FFFFFF;
		background:#FFFFFF;
    }
	
/* 表-PC
-------------------------------------------------- */	
	    .data {
        background: #EEEEEE ;/* url(bg.jpg) repeat-y -150px 0;  dlで背景画像をyリピートし、dtの背景色のように見せる。positionはdtの幅に応じて調整 */
    }
    
    .data dt,
    .data dd {
        padding: 20px;
    }
    
    .data dt {
        clear: both;
        float: left;
        width: 260px; /* 幅を指定 */
        border-top: 1px solid #FFFFFF;
		border-right:1px solid#ccc;
    }
    
    .data dd {
        padding-left: 280px; /* dtの分、左にpaddingを取る */
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #FFFFFF;
		background:#FFFFFF;
    }
}








.ranking-txt-link {
    font-size: 18px;
    text-align: right;
    font-weight: bold;
    line-height: 2.8em;
    /* background: url(/img/link-arrow.png) no-repeat right center; */
    padding: 0 20px 0 0;
}