/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/

/*--------------------------------------
  サイトバーの目次
--------------------------------------*/
.toc_widget_list li{
　　font-size: 14px;
  　padding: 4px 0 4px 10px;
　　font-family: 'Quicksand', sans-serif;
　　font-weight:bold;
}
.toc_widget .widgettitle.ef {
    margin-bottom: 0px;
    border: none!important;
    border-radius: 0;
}
.toc_widget_list li ul a::before{	
　　content: "\e904";
　　font-family: "jin-icons";
  　font-weight: 900;
  　color:#7A9AD0;
}
.toc_widget ul {
    background: white;
    padding: 20px 0px 20px 20px;
    line-height: 2em;
    max-height: 300px;
    overflow-y: auto;
}
.toc_widget ul li {
    list-style:decimal;
    color: #7A9AD0;
}
.toc_widget ul li ul {
    border: none;
    padding: 2px;
}
.toc_widget ul li ul li{
　　list-style:none;
　　padding-left: 1em;
　　text-indent:-1em;
}

.toc_widget a:hover {
   color:#424242;
   border-bottom:1px solid gray;
   opacity: .7;
}

@media (min-width: 1024px){
   .sidebar_style4 .widget:last-child {
       margin: 0px 0 -15px;
}
}

/*コンバージョンボックス*/

.cbox {
	display: flex;
	justify-content: space-between;
}

.cbox table {
	margin-top: 15px;
}
.cbox img {
	border: 1px solid #ccc;
	margin-right: 15px;
}

/*おすすめ業者ボックス*/
.gyousyamei {
	background-color: #f4f4f4;
	border-left: 10px solid #3A4675;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	box-shadow: 5px 5px #E0E0E0;
	font-size: 22px;
	font-weight: bold;
}

.gbox {
	display: flex;
	justify-content: space-between;
}

.gbox table {
	margin-top: 15px;
}
.gbox a {
	display:block;
	margin-right:10px;
}

.gbox a img {
	margin-right:10px;
}

.gbox img {
	border: 1px solid #ccc;
	margin-right: 15px;
}



/*テーブルカスタマイズ*/

table th {
	background-color: #f0f8ff;
}

.table th {
	background-color: #f0f8ff;
	text-align: left;
}

/*ハイローナビ*/

.widget {
    width: 330px;
    padding: 0;
}

.nav {
    width: 330px;
    position: relative;
	left: -20px;
}

.nav-text {
    margin: 0;
    width: 331px;
    padding: 4px 0 2px 0;
    text-align: center;
    font-size: 20px;
    background: #3A4675;
    font-weight: bold;
    color: #fff;
    
}

#kousiki {
    background: #ffc539;
    flex-basis: calc(100%/2);
}

#kousiki:hover {
    z-index: 2;
    box-shadow: inset 2px 2px 0 0 #ffc539, 2px 2px 0 0 #ffc539, 2px 0 0 0 #ffc539, 0 2px 0 0 #ffc539;
    transition: 0.2s ease-in-out;
    background: #ff0000;
    opacity: 0.7;
}

.nav ul {
    display: flex;
    flex-wrap: wrap;
    border: none;
    padding: 0;
    margin: 0;
}

.nav ul li {
    list-style: none;
    flex-basis: calc(100%/2);
    margin: 0;
    padding: 0;
    text-align: center;
    box-shadow: inset 1px 1px 0 0 #666, 1px 1px 0 0 #666, 1px 0 0 0 #666;
    display: flex;
    flex-direction: column-reverse;
    min-height: 100px;
    cursor: pointer;
    background: #3A4675;
    
}

.nav ul li a {
    display: block;
    padding-bottom: 10px;
    text-decoration: none;
    width: 100%;
}

#kousiki img {
	display: block;
	margin: 0 auto;
	position: relative;
	top: -15px;
}

.nav ul li:hover {
    z-index: 2;
    box-shadow: inset 2px 2px 0 0 #ffc539, 2px 2px 0 0 #ffc539, 2px 0 0 0 #ffc539, 0 2px 0 0 #ffc539;
    transition: 0.2s ease-in-out;
    background: #ff0000;
    opacity: 0.7;
}

.nav ul li a i {
    font-size: 40px;
    color: #ffc539;
    padding: 8px 0;
    display: inline-block;
}

.nav-title {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1;
    display: block;
    font-size: 0.9em;
    padding: 0;
    margin: 0;
}

/*カテゴリーナビ*/

.catecate {
    margin-top: 30px;
    width: 330px;
    position: relative;
	left: -20px;
}

.catecate-text {
    margin: 0;
    width: 331px;
    padding: 4px 0 2px 0;
    text-align: center;
    font-size: 20px;
    background: #adff2f;
    font-weight: bold;
    color: #000000;
    opacity: 0.7;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.catecate ul {
    display: flex;
    flex-wrap: wrap;
    border: none;
    padding: 0;
    margin: 0;
}

.catecate ul li {
    list-style: none;
    flex-basis: calc(100%/2);
    margin: 0;
    padding: 0;
    text-align: center;
    box-shadow: inset 1px 1px 0 0 #3A4675, 1px 1px 0 0 #3A4675, 1px 0 0 0 #3A4675;
    display: flex;
    flex-direction: column-reverse;
    min-height: 100px;
    cursor: pointer;
    background: #e0ffff;
    
}

.catecate ul li a {
    display: block;
    padding-bottom: 10px;
    text-decoration: none;
    width: 100%;
}

.catecate ul li:hover {
    z-index: 2;
    box-shadow: inset 2px 2px 0 0 #ffc539, 2px 2px 0 0 #ffc539, 2px 0 0 0 #ffc539, 0 2px 0 0 #ffc539;
    transition: 0.2s ease-in-out;
    background: #ff0000;
    opacity: 0.7;
}

.catecate ul li a i {
    font-size: 40px;
    color: #ffc539;
    padding: 8px 0;
    display: inline-block;
}

.catecate-title {
    color: #000;
    font-weight: bold;
    letter-spacing: 1;
    display: block;
    font-size: 0.8em;
    padding: 0;
    margin: 0;
}

/*ハイロー流れ*/

.highlowflow {
	background: #ffffe0;
	padding-top: 20px;
	margin-bottom: 40px
}

.highlowflow a {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 10px 0 10px 30px;
}

.highlowflow a:hover {
	text-decoration: underline red;
	opacity: 1.0;
}

/*テーブル文字サイズ*/
.mintable td {
	font-size: 14px; 
}





@media screen and (max-width: 480px) { 
	.highlowflow {
		padding: 10px;
	}
	.highlowflow p {
		font-size: 16px;
	}
	.highlowflow a {
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		padding: 5px;
	}
	
	.cbox {
		display: block;
	}
	
	
	.cbox table {
		margin-top: 0px;
	}
	
	.gyousyamei {
		font-size: 18px;
	}
	
	.gbox {
		display: block;
	}
	
	.gbox img {
		margin: 0px;
	}
	
	.gbox table {
		margin-top: 0px;
	}
	
	
	
	.mintable tr th {
		font-size: 12px;
	}
	
	.mintable tr td {
		font-size: 10px;
	}
	
　
	
}