@charset "UTF-8";

/*
Theme Name:Twenty Twelve Child
Description:Twenty Twelve を利用した子テーマです。
Template:twentytwelve
Version:1.0
*/
.ib{
	display:inline-block;
}
.entry-content li{
	flex-wrap:wrap;
}
.updateList .new {
	margin-bottom: 1.5em;
}
.rating-container {
	float: none;
}
#pageHistory {
	display: none;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 0;
}
#pageHistory #historyTitle {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 4px;
}
#pageHistory #historyText {
	display: block;
	font-size: 12px;
	color: #5E5E5E;
	margin-bottom: 10px;
}
#pageHistory #historySend {
	display: inline-block;
	float: right;
	padding: 6px 15px;
	margin: -10px 2px 0 0;
	background-color: #DDDDDD;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 14px;
}
#pageHistory #historySend.compareReady {
	background-color: #FFBB68;
	background: -moz-linear-gradient(top, #FFBB68, #F58B4B);
	background: -webkit-linear-gradient(top, #FFBB68, #F58B4B);
	background: linear-gradient(to bottom, #FFBB68, #F58B4B);
	color: #FFFFFF;
}
#pageHistory #historySend.compareReady:hover {
	opacity: 0.8;
}
#pageHistory #historySend.compareStart {
	opacity: 1;
	background-color: #FFCC79;
	background: -moz-linear-gradient(top, #FFBB68, #FFCC79);
	background: -webkit-linear-gradient(top, #FFBB68, #FFCC79);
	background: linear-gradient(to bottom, #FFBB68, #FFCC79);
	color: #EC6A00;
}
#pageHistory .history {
	float: left;
	display: block;
	width: 112px;
	border: 1px solid #CCCCCC;
	padding: 8px;
	margin-right: 7px;
	margin-bottom: 25px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#pageHistory .historySide {
	margin-right: 0;
}
#pageHistory .historyName {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	overflow-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#pageHistory .historyImage {
	display: block;
	width: 112px;
	height: 80px;
	overflow: hidden;
}
#pageHistory .historyImage img {
	width: 112px;
}
#pageHistory .historyLink a,
.compareClose {
	display: block;
	padding: 2px;
	margin-top: 5px;
	background-color: #e6e6e6;
	background: -moz-linear-gradient(top, #F4F4F4, #E6E6E6);
	background: -webkit-linear-gradient(top, #F4F4F4, #E6E6E6);
	background: linear-gradient(to bottom, #F4F4F4, #E6E6E6);
	border: 1px solid #D2D2D2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	-webkit-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	color: #7C7C7C;
	text-align: center;
	font-size: 11px;
	line-height: 12px;
	text-decoration: none;
}
#pageHistory .historyLink a:hover,
.compareClose:hover {
	background: -moz-linear-gradient(top, #F9F9F9, #EBEBEB);
	background: -webkit-linear-gradient(top, #F9F9F9, #EBEBEB);
	background: linear-gradient(to bottom, #F9F9F9, #EBEBEB);
	color: #5E5E5E;
}
#pageHistory .compareClick {
	border: 1px solid #D96D6F;
	box-shadow:0px 0px 3px 0px #D96D6F inset;
	-moz-box-shadow:0px 0px 3px 0px #D96D6F inset;
	-webkit-box-shadow:0px 0px 3px 0px #D96D6F inset;
}
#compareBox {
	display: table;
	position: absolute;
	top: 0px;
	z-index: 2000;
	padding: 25px;
}
#compareBox dfn abbr {
	border-bottom: 1px dotted #666;
}
.compareClose {
	position: relative;
	display: table;
	margin: 12px auto;
	padding: 12px 16px 13px 40px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.compareClose:before,
.compareClose:after {
	content: "";
	position: absolute;
	top: 9px;
	left: 20px;
	display: block;
	width: 5px;
	height: 21px;
	background-color: #888888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.compareClose:before {
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.compareClose:after {
	transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.compareClose:hover:before,
.compareClose:hover:after {
	background-color: #6E3435;
}
#compareWindow,
#compareHeader {
	border-collapse: separate;
	border: 1px solid #AAAAAA;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#compareHeader tr {
	display: table;
	position: fixed;
	top: 0;
	z-index: 3001;
}
#compareWindow td,
#compareHeader td {
	padding: 8px 12px;
	color: #666666;
	font-size: 12px;
	line-height: 1.5;
	border-right: 1px solid #DDDDDD;
}
#compareWindow td:last-child {
	border-right: none;
}
#compareWindow tr:first-child td,
#compareHeader tr td {
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	border-right: 1px solid #666666;
	vertical-align: middle;
	padding-top: 12px;
	padding-bottom: 8px;
}
#compareWindow tr:last-child td {
	padding-bottom: 15px;
}
#compareWindow tr:nth-child(even) {
	background-color: #FFFFFF;
}
#compareWindow tr:nth-child(odd) {
	background-color: #EEEEEE;
}
#compareWindow tr td:first-child {
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
}
#compareWindow tr:nth-child(2n+2) td:first-child {
	background-color: #EEEEEE;
	color: #555555;
}
#compareWindow tr:nth-child(2n+3) td:first-child {
	background-color: #DDDDDD;
	color: #555555;
}
#compareWindow tr:first-child td:first-child {
	color: #AAAAAA;
	border-radius: 6px 0 0 0;
	-moz-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
}
#compareHeader tr td:first-child {
	text-align: right;
	color: #AAAAAA;
}
#compareWindow tr:first-child td:last-child {
	border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
}
#compareWindow tr:last-child td:first-child {
	border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
}
#compareWindow tr:last-child td:last-child {
	border-radius: 0 0 6px 0;
	-moz-border-radius: 0 0 6px 0;
	-webkit-border-radius: 0 0 6px 0;
}
#compareBG {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1999;
	background-color: #FFFFFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

.clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
a {
	color: #FF6A06;
}
a:hover {
	color: #FF9751;
}
a img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}



.hgroup a:hover img{
	opacity:1;
	filter: alpha(opacity=10);
	-ms-filter: "alpha(opacity=10)";
}


a:focus {
	outline:none;
}
a.noIndex {
	text-decoration: none;
	color: #444444;
	cursor: text;
}
.sideBox a.noIndex {
	font-weight: normal;
	color: #666666;
}

/*フォームリセット*/
input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.fa-search {
	margin-right: 5px;
}

/*全体レイアウト*/
body {
	background-color: #FFFFFF;
	border-top: 5px solid #F58B4B;
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",Verdana,"メイリオ",Meiryo,sans-serif;
}
body .site {
	box-shadow: none;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}
body .wrapper {
	margin: 0 auto;
}
body .site-content {
	margin: 0;
	float: right;
	max-width: 680px;
	width: 100%;
}
body .site-content.other100 {
	max-width: 100%;
}
body .widget-area .widget {
	margin-bottom: 0;
}
body .widget-area {
	margin: 0;
	float: left;
	width: 260px;
}
#main {
	position: relative;
}

/* フッター */
footer[role="contentinfo"] {
	clear: both;
	background-color: #F1F1EF;
	background-color: rgba(230,230,230,0.6);
	font-size: 12px;
	margin: 1em auto 0 auto;
	padding: 2em 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}
footer .link {
	text-align: center;
	margin-bottom: 20px;
}
footer .link a {
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	padding: 5px 10px 7px 30px;
	border-radius: 4px;
	transition: 0.2s ease-in-out;
}
footer .link a:hover {
	color: #FFFFFF;
	background-color: #AAAAAA;
	transition: 0.2s ease-in-out;
}

/*ヘッダー*/
header.site-header {
	padding: 0;
	background-image: url('images/header_base.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
header .hgroup {
	margin: 0 auto;
	padding : 0; 
	position: relative;
	height: 190px;
	overflow: hidden;
}
.site-header h1,
.site-header h2,
.site-header .headerLogo {
	display: inline-block;
	margin: 0;
	padding : 0;
}
.site-header .headerLogo {
	max-width: 100%;
	margin: 0;
}
.site-header h2 {
	vertical-align: bottom;
	margin: 0 0 5px 20px;
}
.site-header h1 {
	position: absolute;
	display: block;
	/*margin-right: 263px;*/
	top: 4px;
	right: 0;
	font-size: 11px;
	line-height: 1.4;
	font-weight: bold;
	text-align: right;
	text-shadow: 0 0 1px #FFFFFF,0 0 1px #FFFFFF,0 0 2px #FFFFFF,0 0 2px #FFFFFF
}
.site-header .headerLogo {
	position: absolute;
	bottom: 0;
	max-width: 100%;
}
header #buttonRanking {
	position: absolute;
	top: 0px;
	right: 5px;
	z-index: 100;
	background: url("images/buttonRankingHover.png") no-repeat;
	background-size: contain;
	display:none;
}
header #buttonRanking a {
	display: inline-block;
}
header #buttonRanking a:hover {
	background-color: transparent;
}
header #buttonRanking a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}

/*
	メインメニュー
*/
/* １段・ロゴあり */
#mainMenu {
	font-size: 0;
}
#mainMenu div {
	position: static;
	z-index: 499;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	background: #F58B4B;
	background: linear-gradient(to bottom, #FFBB68 0%,#F58B4B 21%,#EA672A 88%,#F58B4B 100%);
	text-shadow: 0px 1px 2px #DC5E0A;
}
#mainMenu ul {
	/*display: block;*/
	display:flex;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#mainMenu ul li.hp_product {
	width: 120px;
}
#mainMenu ul li.estheProduct {
	width: 140px;
}
#mainMenu ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	/*width: calc((100% - 142px) / 7);*/
	width: calc((100% - 402px) / 5);
	font-size: 14px;
}
/*
#mainMenu li:not(.miniLogo) a:hover,
#mainMenu li.current-menu-item:not(.miniLogo) a {
*/
#mainMenu li a:hover,
#mainMenu li.current-menu-item a {
	color: #FF0;
	background-color: rgba(255,255,200,0.2);
	transition: all 0.3s ease;
}
/*
#mainMenu ul li.miniLogo {
	vertical-align: top;
	width: 142px;
}
*/
#mainMenu ul li a {
	display: block;
	border-left: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	/*line-height: 44px;*/
	line-height:1;
	height:44px;
	box-sizing:border-box;
	padding:15px 5px;
	transition: all 0.3s ease;
}
#mainMenu ul li.estheProduct a {
	padding: 8px 5px;
	/*
	background: #50b442;
	background: linear-gradient(to bottom, #aaff68 0%,#3cdc4e 21%,#50b442 88%,#3cdc4e 100%);
	text-shadow: 0px 1px 2px #3b952e;
	*/
}
#mainMenu ul li:nth-child(n+5) a {
	/*border-bottom: none;*/
}
#mainMenu ul li:last-child a {
	border-right: 1px solid #FFF;
}
@media screen and (max-width:959px){
	#mainMenu ul li.miniLogo a {
		padding: 1px 0 0;
		border: none;
		text-align: left;
		line-height: 0;
	}
}
#mainMenu ul li.hp_product a {
	background-image: url(https://hp-hkk.com/wp-content/uploads/2017/02/08/menuFlash.gif);
	background-position: center;
}
/* １段・ロゴなし */
#mainMenu.headerMenu ul li {
	/*width: calc(100% / 6);*/
	min-width:calc(100% / 7);
}
#mainMenu.headerMenu ul li.miniLogo {
	/*display: none;*/
}
/* 検索アイコン */
#hp_product #buttonSearch {
	position: absolute;
	display: none;
	float: right;
	width: 40px;
	height: 39px;
	padding: 50px 0 0;
	background: #F58B4B;
	background: linear-gradient(to bottom, #F58B4B 0%, #EA672A 21%, #F58B4B 88%, #FFBB68 100%);
	border-left: 1px solid #FFEEDD;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
/*
	transition: all .3s;
*/
}
#hp_product #buttonSearch::after {
	content: '';
	position: absolute;
	top: 36px;
	left: 26px;
	width: 5px;
	height: 14px;
	background: #FFFFFF;
	border-radius: 2px;
	transform: rotate(-45deg);
}
#hp_product #buttonSearch::before {
	content: '';
	position: absolute;
	top: 22px;
	left: 7px;
	width: 13px;
	height: 13px;
	border-radius: 50px;
	border: 4px solid #FFF;
}
#hp_product #buttonSearch:hover {
	opacity: 0.7;
/*
	transition: all .3s;
*/
}
@media screen and (min-width:641px) and (max-width:960px) {
	/* ２段・ロゴあり */
	#mainMenu ul {
		width: 100%;
		margin: 0;
		flex-wrap:wrap;
		height:88px;
		box-sizing:border-box;
	}
	#mainMenu ul {
		display:block;
	}
	#mainMenu .headerMenu ul{
		display:flex;
	}
	#mainMenu ul li {
		/*width: calc((100% - 142px) / 3 - 0.01px);*/
		font-size: 2.4vw;
	}
	#mainMenu ul li a,
	#mainMenu ul li.estheProduct  a{
		padding: 11px 5px;
	}
	/*
	#mainMenu ul li.miniLogo {
		float: left;
		display: table;
		width: 135px !important;
		height: 89px;
		margin-left: 7px;
	}
	*/
	#mainMenu ul li a {
		border-bottom: 1px solid #FFF;
		font-size:2.2vw;
	}
	#mainMenu ul li:last-child a {
		border-right: none;
	}
	/*
	#mainMenu ul li.miniLogo a {
		display: table-cell;
		vertical-align: middle;
		border: none;
	}
	*/
	#mainMenu ul li.miniLogo{
		width:unset;
	}
	#mainMenu ul li.miniLogo a {
		border-bottom: 1px solid #FFF;
		text-align:center;
	}
	#mainMenu ul li.miniLogo a img{
		width:auto;
		max-width:100%;
		margin:0 -10px 0 1px;
	}
	/* ２段・ロゴなし */
	#mainMenu.headerMenu ul li {
		/*width: calc(100% / 3 - 0.01px);*/
	}
	#mainMenu ul li:nth-child(2) {
		min-width: calc(100% / 5);
	}
	#mainMenu ul li:nth-child(3) ,
	#mainMenu ul li:nth-child(4) {
		/*min-width:calc((100% - 142px) / 2);*/
		min-width: calc((100% / 5) * 2);
	}
	#mainMenu ul li:nth-child(5) ,
	#mainMenu ul li:nth-child(6) ,
	#mainMenu ul li:nth-child(7) ,
	#mainMenu ul li:nth-child(8) ,
	#mainMenu ul li:nth-child(9) {
		/*min-width:calc((100% - 142px) / 5);*/
		min-width:calc(100% / 5);
	}
	#mainMenu.headerMenu ul li:nth-child(3) ,
	#mainMenu.headerMenu ul li:nth-child(4) {
		/*min-width:calc(100% / 2);*/
		min-width:calc((100% / 5) * 2);
	}
	#mainMenu.headerMenu ul li:nth-child(5) ,
	#mainMenu.headerMenu ul li:nth-child(6) ,
	#mainMenu.headerMenu ul li:nth-child(7) ,
	#mainMenu.headerMenu ul li:nth-child(8) ,
	#mainMenu.headerMenu ul li:nth-child(9) {
		min-width:calc(100% / 5);
	}
	#mainMenu.headerMenu ul li:nth-child(3) a,
	#mainMenu.headerMenu ul li:nth-child(6) a {
		/*border-left: none;*/
	}
	/* ２段・検索あり */
	#hp_product.archive #mainMenu ul {
		width: calc(100% - 41px);
	}
	#hp_product #buttonSearch {
		display: block;
		z-index: 500;
		top: 0;
		right: 0;
	}
}

@media screen and (max-width:640px) {
	/* ハンバーガーメニュー */
	#mainMenu::before {
		content: '';
		position: fixed;
		z-index: 499;
		top: 0;
		right: 0;
		display: block;
		width: 71px;
		height: 42px;
		background: #FFF;
	}
	#mainMenu div {
		position: fixed;
		display: block;
		width: 100%;
		top: 0;
		background: none;
		box-shadow: none;
	}
	#mainMenu ul {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #FFF !important;
		flex-wrap:wrap;
	}
	#mainMenu ul li.hp_product,
	#mainMenu ul li.estheProduct,
	#mainMenu ul li {
		display: none;
		width: 100%;
		background: #f3792f;
	}
	#mainMenu ul li.slideMenu {
		display: block;
		width: 100%;
		background: linear-gradient(to bottom, #FFBB68 0%,#F58B4B 21%,#EA672A 88%,#F58B4B 100%);
	}
	/*
	#mainMenu ul li.miniLogo {
		display: block;
		width: 100%;
		background: linear-gradient(to bottom, #FFBB68 0%,#F58B4B 21%,#EA672A 88%,#F58B4B 100%);
	}
	*/
	#mainMenu ul li a,
	#mainMenu ul li.miniLogo a {
		border: none !important;
		border-top: 1px solid #FFF !important;
		font-size: 14px;
		text-align: center;
		/*line-height: 46px;*/
	}
	#mainMenu ul li:first-child a{
		border-top: 0px solid #FFF !important;
		font-size: 20px;
		color: #FFF;
		line-height: 0.5;
	}
	#mainMenu ul li.miniLogo a {
		border-top: none !important;
		/*
		font-size: 20px;
		line-height: 40px;
		*/
		font-size: 100%;
		line-height: 1;
		padding: 15px 5px;
		text-align: center;
	}
	#mainMenu ul li.estheProduct a{
		padding:15px 5px;
	}
	#mainMenu ul li.miniLogo a:hover {
		color: #FFF;
		background: none !important;
		transition: none !important;
	}
	/*
	#mainMenu ul li.miniLogo::before,
	#mainMenu ul li.miniLogo::after,
	#mainMenu ul li.miniLogo a::before {
		content: '';
		position: absolute;
		top: 18px;
		left: 10px;
		display: block;
		width: 26px;
		height: 4px;
		background: #FFF;
		border-radius: 2px;
	}
	*/
	#mainMenu ul li.miniLogo::after {
		top: 8px;
	}
	#mainMenu ul li.miniLogo a::before {
		top: 28px;
	}
	#mainMenu ul li.miniLogo a img {
		display: none;
	}
	/*
	#mainMenu ul li.miniLogo a::after {
		content: 'MENU';
		display: block;
		text-align: center;
	}
	*/
	#mainMenu ul li:last-child {
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	}
	/* ハンバーガーメニュー・検索あり */
	#hp_product.archive #mainMenu ul {
		width: calc(100% - 71px);
	}
	#hp_product #buttonSearch {
		position: fixed;
		z-index: 500;
		top: 0;
		right: 0;
		display: block;
		width: 43px;
		height: auto;
		padding: 0 0 0 27px;
		border-bottom: 1px solid #FFF !important;
		line-height: 44px;
	}
	#hp_product #buttonSearch::before {
		top: 7px;
	}
	#hp_product #buttonSearch::after {
		top: 21px;
	}
}

/*メインコンテンツ*/
.site-content article {
	margin-bottom: 10px;
	padding: 0;
	box-shadow:0px 3px 22px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 3px 22px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 3px 22px 0px rgba(0,0,0,0.2);
	background-color: #ffffff;
	border: none;
}
.archive-header {
	padding: 0;
	margin-bottom: 10px;
	border: none;
}
.archive-title {
	position: relative;
	margin-bottom: 0px;
	/*padding: 12px 15px 12px 25px;*/
	padding: 8px 15px 8px 25px;
	height:40px;
	line-height: 1.2;
	font-size: large;
	border: 1px solid #CCCCCC;
	background: -moz-linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%);
	background: -webkit-linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 );
	color: #000000;
	-moz-text-shadow: 1px 1px 1px #FFFFFF, -1px -1px 1px #CCCCCC;
	-webkit-text-shadow: 1px 1px 1px #FFFFFF, -1px -1px 1px #CCCCCC;
	-ms-text-shadow: 1px 1px 1px #FFFFFF, -1px -1px 1px #CCCCCC;
	text-shadow: 1px 1px 1px #FFFFFF, -1px -1px 1px #CCCCCC;
	box-sizing:border-box;
}
.archive-title:before {
	content: "";
	position: absolute;
	top: 0;
	bottom:0;
	left: 5px;
	margin: auto;
	height: 80%;
	width: 8px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: -moz-linear-gradient(to bottom, #883300 0%, #550000 100%);
	background: -webkit-linear-gradient(to bottom, #883300 0%, #550000 100%);
	background: linear-gradient(to bottom, #883300 0%, #550000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#883300', endColorstr='#550000',GradientType=0 );
	box-shadow:0px 1px 4px 0px #3b0909 inset,1px 1px 1px #FFFFFF, -1px -1px 1px #CCCCCC;
	-moz-box-shadow:0px 1px 4px 0px #3b0909 inset,1px 1px 1px #FFFFFF, -1px -1px 1px #CCCCCC;
	-webkit-box-shadow:0px 1px 4px 0px #3b0909 inset,1px 1px 1px #FFFFFF, -1px -1px 1px #CCCCCC;
}
.nav-previous a,
.nav-next a {
	position: relative;
	display: inline-block;
	max-width: 36%;
	min-width: 25%;
	margin-top: -9px;
	padding: 12px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #999999;
	font-size: 11px;
	box-shadow: 0 8px 8px 0 #E0E0E0;
}
.nav-previous a {
	float: left;
	padding-left: 25px;
	border-radius: 0px 0px 10px 4px;
}
.nav-next a {
	float: right;
	padding-right: 25px;
	text-align: right;
	border-radius: 0px 0px 4px 10px;
}
.nav-previous a:before,
.nav-previous a:after,
.nav-next a:before,
.nav-next a:after {
	position: absolute;
	content: "";
	top: 15px;
	width: 4px;
	height: 4px;
	border: solid #AAAAAA;
	border-width: 3px 3px 0 0;
}
.nav-previous a:before,
.nav-previous a:after {
	left: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.nav-next a:before,
.nav-next a:after {
	right: 12px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-previous a:hover,
.nav-next a:hover {
	background-color: #F8F8F8;
	color: #777777;
}
.nav-previous a,
.nav-next a,
.nav-previous a:hover,
.nav-next a:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*サイドコンテンツ*/
#searchform {
	display: block;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget,
.widget_search label,
#formArea {
	font-size: 12px;
	line-height: 1.2;
}
.entry-content {
	width: 100%;
	/*padding: 15px;*/
	padding: 5px 15px 15px 15px;
	box-sizing: border-box;
}
.entry-content .modiDay {
	text-align: right;
	font-size: 12px;
	color: #888888;
	margin: -13px 0 9px;
	border-bottom: 1px solid #CCCCCC;
}
body.single-whatsnew .entry-content {
	min-height: 400px;
}
.entry-content:after {
	content: "";
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
.entry-content #formArea {
	display: none;
}
#formArea {
	display: inherit;
}
footer.entry-meta {
	margin-top: 0;
	padding: 15px;
}
.widget_search label {
	display: table;
	cursor: pointer;
}
.widget_search label select{
	cursor: pointer;
}
.serachTitle {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;

	background: linear-gradient(to bottom, #333333 0%, #666666 100%);
	color: #FFF;
	padding: 11.5px 8px;
	border-radius:6px;
}
.priceTitle {
	color: #F58B4B;
	font-weight: bold;
}
.functionTitle {
	color: #F58B4B;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
}
.selectBox {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
}
.checkBox,
.selectBox.last {
	margin-bottom: 20px;
}
.selectBox dt,
.selectBox dd {
	float: left;
}
.selectBox dt {
	margin-right: 10px;
	padding: 8px 0;
	width: 7em;
}
.selectBox dd select {
	padding: 5px;
	font-size: 12px;
	width: 13em;
}
@media screen and (max-width:640px){
	.selectBox dd select{
		width:100%;
	}
}
.checkBox dt {
	color: #999999;
	margin-bottom: 10px;
}
.checkBox dt div {
	cursor: pointer;

	display: inline-block;
}
.checkBox dt span {
	display: inline-block;
	font-size: 10px;
	margin-right: 3px;
	line-height: 1;
	vertical-align: 1px;
}
.checkBox dt span.toggleSpan {
	transform: rotate(-90deg);
	color: #999999;
	background-color: #FFFFFF;
}
.checkBox dd {
	margin-bottom: 15px;
	display: block;
}
.checkBox dd ul {
	margin: 0 0 0 15px;
	padding: 0;
}
.checkBox dd ul li {
	margin: 0 0 10px 0;
	padding: 0;
}
.checkBox dd ul li span {
	font-size: x-small;
	color: #999999;
	padding-left: 3px;
}
.checkBox dd ul li span:before {
	content: "(";
}
.checkBox dd ul li span:after {
	content: "件)";
}
.checkControl {
	margin-bottom: 12px;
}
#checkAll {
	display: inline-block;
	float:left;
	width: 49%;
	box-sizing: border-box;
	color: #7c7c7c;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	padding: 8px;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #EEEEEE;
	background-color: #F2F2F2;
}
#searchDelete {
	float:right;
	width: 50%;
	box-sizing: border-box;
	color: #7c7c7c;
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
	padding: 8px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	border: 1px solid #EEEEEE;
	background-color: #F2F2F2;
}
#checkAll:hover,
#searchDelete:hover,
#searchClose:hover {
	color: #5E5E5E;
}
#searchClose {
	display: none;
	width: 100%;
}

#searchButton {
	position: fixed;
	bottom: 0px;
	width: 100%;
	padding: 20px;
	margin-bottom: 11px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#searchButton.fixedBox {
	width: 260px;
	z-index: 1200;
}
.searchCount {
	color: #FFFFFF;
	text-align: center;
}
.searchCount span {
	font-weight: bold;
	font-size: x-large;
}
.searchCount span img {
	box-shadow: none;
}
#searchSubmit {
	width: 100%;
	box-sizing: border-box;
}
input[type="checkbox"] {
	border: 1px solid #aaaaaa;
	vertical-align: middle;
	-webkit-appearance: none;
	position: relative;
	margin: 0 5px 0 0;
	-webkit-box-sizing: border-box;
	width: 17px;

	height: 17px;
	/*Other Browser*/
	background: #e2e2e2;
	/*For Old WebKit*/
	background: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0.00, #ffffff),
		color-stop(1.00, #e2e2e2)
	);
	/*For Modern Browser*/
	background: linear-gradient(
		to bottom,
		#ffffff 0%,
		#e2e2e2 100%
	);
}
input[type="checkbox"]:checked {
	/*Other Browser*/
	background: #99cc00;
	/*For Old WebKit*/
	background: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0.00, #CCCCCC),
		color-stop(1.00, #999999)
	);
	/*For Modern Browser*/
	background: linear-gradient(
		to bottom,
		#CCCCCC 0%,
		#999999 100%
	);
	border: 1px solid #333333;
}
input[type="checkbox"]:checked:before {
	position: absolute;
	left: 0px;
	top: 14px;
	display: block;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	content: "";
	width: 10px;
	height: 4px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}
input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 8px;
	top: 14px;
	content: "";
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	width: 16px;
	height: 4px;
	background: #ffffff;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}
.select-wrap{
	position: relative;
	overflow: hidden;
	display: inline-block;
	min-width: 192px;
	min-width: 12em;
	background: #FFFFFF;
	/*For Old WebKit*/
	background: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0.00, #FFFFFF),
		color-stop(1.00, #dfe0d9)
	);
	/*For Modern Browser*/
	background: linear-gradient(
		to bottom,
		#FFFFFF 0%,
		#dfe0d9 100%
	);
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
	background-image: linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
	border: 1px solid #c0c0c0;
	box-sizing: border-box;
	color: #333;
}
.select-wrap select{
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;/* fallback non calc support */
	width: -webkit-calc(100%);
	margin: 0;
	padding: 11px 35px 11px 11px;
	padding: .6875rem 2.1875rem .6875rem .6875rem;
	background: transparent;
	border: 0;
	outline: none;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.2;
}
.entypo-down-open-mini:before{
	content: '▼';
	font-family: 'entypo',sans-serif;
	position: absolute;
	z-index: 1;
	top: 60%;
	right: 12px;


	right: .75rem;
	margin-top: -8px;
	margin-top: -.5rem;
	font-size: 9px;
	font-size: .60rem;
	line-height: 1;
	color: #CCCCCC;
}
#searchSubmit input[type="submit"] {
	width: 100%;
	padding: 8px;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-shadow: #FB900A 1px 1px 5px;
	border: none;
	background: -moz-linear-gradient(top, #FFBB68 0%, #F58B4B 100%);
	background: -webkit-linear-gradient(top, #FFBB68 0%, #F58B4B 100%);
	background: linear-gradient(to bottom, #FFBB68 0%, #F58B4B 100%);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 18px;
}
#searchSubmit input[type="submit"]:hover {
	color: #EC6A00;
	text-shadow: #FEEFE7 0 1px 0;
	background: -moz-linear-gradient(top, #FFBB68 0%, #FFCC79 100%);
	background: -webkit-linear-gradient(top, #FFBB68 0%, #FFCC79 100%);
	background: linear-gradient(to bottom, #FFBB68 0%, #FFCC79 100%);
}

/* 検索結果のスタイル */
#searchConditionsArea {
	display: none;
}
.nav-links {
	text-align: center;
	margin-bottom: 10px;
}

/*お問合せ*/
.wpcf7 textarea[name="your-message"] {
	width: 80%;
}

/*フッター*/
.site-info {
	text-align: center;
}

/* ページトップボタンのスタイル */
#page-top {
	z-index: 999;
	position: fixed;
	width: 80px;
	height: 80px;
	bottom: -100px;
	right: 20px;
	background-color: #666666;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	transition: all .3s;
}
#page-top a {
	position: absolute;
	margin-top: 60px;
	width: 80px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}
#page-top a:after,
#page-top:after,
#page-top:before {
	position: absolute;
	background-color: #FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 10px;
	height: 40px;
	content: "";
}
#page-top a:after {
	height: 45px;
	top: -50px;
	left: 35px;
}
#page-top:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 5px;
	left: 24px;
}
#page-top:before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 5px;
	left: 46px;
}
#page-top:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: all .3s;
}

/* オススメ度 */
.recommendArea {
	display: inline-block;
	font-size: 12px;
	padding: 0px 10px;
	line-height: 18px;
	background-color: #FFFFFF;
	border-radius: 10px;
	vertical-align: middle;
}
.recommendStar {
	color: #FFBF00;
}

/* エントリー一覧のまるごとのテーブルスタイル */
.post .entry-summary .marugotoTable {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 5px;
	border-collapse: separate;
}
.post .entry-summary .marugotoTable th,
.post .entry-summary .marugotoTable td {
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.post .entry-summary .marugotoTable,
.post .entry-summary .customTable {
}
.post .entry-summary .marugotoTable th,
.post .entry-summary .marugotoTable td,
.post .entry-summary .customTable th,
.post .entry-summary .customTable td {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.post .entry-summary .marugotoTable th,
.post .entry-summary .customTable th,
.entry-content dt {
	background-color: #FFF8F0;
	color: #F58B4B;
	border: 2px solid #FFFFFF;
	border-bottom: none;
	box-shadow: 0px 0px 1px 0px #F58B4B inset;
	-webkit-box-shadow: 0px 0px 1px 0px #F58B4B inset;
	-moz-box-shadow: 0px 0px 1px 0px #F58B4B inset;
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
}
.entry-content dt {
	border: 2px solid #FFFFFF;
	border-right: none;
	border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
}
.post .entry-summary .marugotoTable td,
.post .entry-summary .customTable td,
.tableLayoutArea dd {
	background-color: #FFFFFF;
	color: #333333;
	border: 2px solid #FFFFFF;
	border-top: none;
	box-shadow: 0px -1px 1px 0px #AAAAAA inset;
	-webkit-box-shadow: 0px -1px 1px 0px #AAAAAA inset;
	-moz-box-shadow: 0px -1px 1px 0px #AAAAAA inset;
	border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	word-break: break-all;
}
.tableLayoutArea dd {
	border: 2px solid #FFFFFF;
	border-left: none;
	box-shadow: -1px 0px 1px 0px #AAAAAA inset;
	-webkit-box-shadow: -1px 0px 1px 0px #AAAAAA inset;
	-moz-box-shadow: -1px 0px 1px 0px #AAAAAA inset;
	border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
}
.tableLayoutArea .index {
	color: #666;
	padding: 2px 10px;
	background-color: #F5F5F5;
	margin: 16px 2px 2px;
	border-radius: 10px 10px 3px 3px;
	font-size: 12px;
}

/* エントリー一覧のスタイル */
.entry-header {
	margin-bottom: 0;
	background: #555555;
	background: -moz-linear-gradient(top, #333333 0%, #666666 100%);
	background: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
	background: linear-gradient(to bottom, #333333 0%, #666666 100%);
	position: relative;
}
.entry-header.update-history {
	margin-bottom: 0;
	background: #555555;
	background: -moz-linear-gradient(top, #f28041 0%, #ec6c2f 100%);
	background: -webkit-linear-gradient(top, #f28041 0%, #ec6c2f 100%);
	background: linear-gradient(to bottom, #f28041 0%, #ec6c2f 100%);
	position: relative;
}
.entry-header .entry-title {
	padding: 8px 20px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.entry-header .entry-title .date {
	display: inline-block;
	vertical-align: top;
	padding: 1px 7px;
	margin: 4px 0 0 3px; 
	color: #555555;
	background-color: #FFFFFF;
	font-size: 12px;
	border-radius: 6px;
}
.entry-header a {
	color: #FFFFFF;
}
.entry-header a:hover {
	color: #999999;
}
.searchHit .entry-title {
	width: 90%;
	float:left;
	font-size: 20px;
	color: #F58B4B;
}
.searchHit .conpareCheck {
	position: absolute;
	right: 33px;
	top: 25px;
	margin: 0;
}
.post .entry-summary {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.post .entry-images {
	width: 30%;
	float: left;
	margin-right: 2%;
}
.entry-summary p {
	float: none;
	margin: 0px 15px 1em 15px;
}
.entry-content p {
	margin: 0px 15px 1em 15px;
}
.post .entry-summary .customTable {
	width: 68%;
	float: right;
	border-collapse: separate;
}
.post .entry-summary .customTable th,
.post .entry-summary .customTable td {
	box-sizing: border-box;
	padding: 0;
	width: 33%;
	text-align: center;
}
.post .entry-summary .customTable th {
	padding: 2px;
	font-size: 12px;
}
.post .entry-summary .customTable td {
	padding: 6px 4px 6px 4px;
	font-size: 12px;
	line-height: 120%;
}

/* エントリー詳細のスタイル */
.site-content article.post:after {
	content: "";
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
.entry-content dl{
	margin: 0;
}
.entry-content dl {
	border-width: 1px solid #969696;
	display: table;
	margin: 0;
	width: 100%;
}
.entry-content dt {
	display: table-cell;
	min-height: 1.5em;
	padding: 2px 0.5em;
	text-align: right;
	vertical-align: middle;
	width: 20%;
}
body.single .entry-content dt {
	width: 46%;
}
.entry-content dd {
	padding: 0 0 0.5em 3px;
}
.tableLayoutArea dd {
	display: table-cell;
	min-height: 1.5em;
	padding: 2px 0.5em;
	vertical-align: middle;
}
.entry-content .postLeftContents {
	width: 100%;
}
.entry-content .postLeftContents:after {
	content: "";
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
.entry-content .entryImage {
	width: 50%;
	float:left;
	margin: 0 15px 5px 0;
}
.entry-content .entryImage img {
	max-width: 100%;
	margin: 0 auto;
}
.entry-content .postTextArea {}
.entry-content .tableLayoutArea {
	width: 100%;
}

/*ランキング用スタイル*/
body#ranking .entry-content {
	padding-top: 0px;
}
.entry-content ul.diy_posts_slimstat2 {
	margin: 0;
}
.diy_posts_slimstat2 li {
	position: relative;
	list-style: none;
	width: 32%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin: 80px 2% 20px 0;
	padding: 16px 7px;
	background-color: #FF9326;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	box-shadow:0px 2px 5px 0px #D8D8D8;
	-moz-box-shadow:0px 2px 5px 0px #D8D8D8;
	-webkit-box-shadow:0px 2px 5px 0px #D8D8D8;
}
.diy_posts_slimstat2 li {
	margin-top: 100px;
}
/*
.diy_posts_slimstat2 li:nth-child(3n) {
	margin-right: 0;
}
.diy_posts_slimstat2 li:nth-child(3n+1) {
	clear: left;
}*/
.diy_posts_slimstat2 li:nth-child(5) ,
.diy_posts_slimstat2 li:nth-child(8){
	margin-right: 0;
}

.diy_posts_slimstat2 li:after {
	content: '';
	position: absolute;
	width: 98%;
	height: 130px;
	top: -83px;
	left: 0px;
	background-image:url(/wp-content/uploads/2019/05/20/rank1.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.diy_posts_slimstat2 li:nth-child(1){
	width:49%;
	margin-right: 2%;
	margin-top: 115px;
	/**/background-color: #FFD248;
}
.diy_posts_slimstat2 li:nth-child(2){
	width: 49%;
	margin-right: 0;
	margin-top: 115px;
	background-color: #CCCCCC;
}

.diy_posts_slimstat2 li:nth-child(1):after {
	background-image:url(/wp-content/uploads/2019/05/20/rank2.png);
}
.diy_posts_slimstat2 li:nth-child(2):after {
	background-image:url(/wp-content/uploads/2019/05/20/rank3.png);
}
.diy_posts_slimstat2 li:nth-child(3):after {
	background-image:url(/wp-content/uploads/2019/05/20/rank4.png);
}
.diy_posts_slimstat2 li:nth-child(4):after {
	background-image:url(/wp-content/uploads/2019/05/20/rank5.png);
}
.diy_posts_slimstat2 li:nth-child(5):after {
	background-image:url(/wp-content/uploads/2019/05/20/rank6.png);
}
.diy_posts_slimstat2 li:nth-child(6):after {
	background-image:url(/wp-content/uploads/2019/05/20/rank7.png);
}
.diy_posts_slimstat2 li:nth-child(7):after {
	background-image:url(/wp-content/uploads/2019/05/20/rank8.png);
}
.diy_posts_slimstat2 li:nth-child(8):after {
	background-image:url(/wp-content/uploads/2019/05/20/rank9.png);
}
.diy_posts_slimstat2 li a:nth-child(1) {
	display: block;
}/**/
.diy_posts_slimstat2 li a:nth-child(2) {
	display: table;
	height:48px;
}
.diy_posts_slimstat2 li a:nth-child(1) {
	height: 120px;
	width: 100%;
	overflow: hidden;
}
.diy_posts_slimstat2 li div {
	background-color: #FFFFFF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 14px 8px;
}
.diy_posts_slimstat2 li img {
	width: 100%;
	border-radius : 0;
	box-shadow: none;
}
#topRanking.diy_posts_slimstat2 li:nth-child(1) {
	width: 100%;
	margin-right: 2%;
	margin-top: 115px;
	/*background-color: #FFD248;*/
	background: rgb(100,172,238);
background: linear-gradient(90deg, rgba(100,172,238,1) 8%, rgba(79,253,29,1) 38%, rgba(233,244,101,1) 65%, rgba(252,69,69,1) 100%);
}
/*
#topRanking.diy_posts_slimstat2 li:nth-child(2) {
	width: 49%;
	margin-right: 0;
	margin-top: 115px;
	background-color: #CCCCCC
}*/
#topRanking.diy_posts_slimstat2 li:nth-child(1):after {
	top: -102px;
	background-image:url(/wp-content/uploads/2019/05/20/rank1.png);
}
/*
#topRanking.diy_posts_slimstat2 li:nth-child(2):after {
	top: -102px;
	background-image:url(images/rank2.png);
}*/
#topRanking.diy_posts_slimstat2 li a:nth-child(1) {
	height: 230px;
	width: 100%;
	overflow: hidden;
}





/*比較用スタイル*/
#conpare {
	width: 100%;
}
#conpare header {
	width: 100%;
	padding: 10px 0;
	background-color: #F58B4B;
}
#conpare header .logo {
	max-width: 1000px;
	margin: 0 auto;
}
#conpare section {
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}
#conpare footer {
	width: 100%;
	padding: 30px 0;
	background-color: #F1F1EF;
}
#conpare footer .text {
	text-align: center;
}

#conpare .text {
	margin: 0 0 20px 0;
}
#conpare .conpareTable {
	display: flex;
	flex-wrap: nowrap;
}
#conpare .conpareTable .itemNameList {
	flex-basis: 20%;
	border-bottom: 1px solid #DDDDDD;
}
#conpare .conpareTable .company {
	flex-grow: 1;
	border-bottom: 1px solid #DDDDDD;
}
#conpare .conpareTable .itemNameList li {
	padding: 8px;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	background-color: #F1F1EF;
}
#conpare .conpareTable .company li {
	padding: 8px;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	border-left: none;
	background-color: #FFFFFF;

}
#conpare .conpareTable .marugoto li {
	background-color: #FFFFDF;
}
#conpare .conpareTable .company li.companyHeader {
	padding: 0px;
}
#conpare .conpareTable .company li .buttons {
	padding: 8px;
	border-bottom: 1px solid #DDDDDD;
	background-color: #F1F1EF;
}
#conpare .conpareTable .company li .buttons img {
	vertical-align: text-bottom;
	padding: 0 3px;
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#conpare .conpareTable .company li .buttons img:hover {
	opacity: 0.1;
	filter: alpha(opacity=10);
	-ms-filter: "alpha(opacity=10)";
}
#conpare .conpareTable .company li .buttons span{
	float: right;
}
#conpare .conpareTable .company li .companyName {
	padding: 8px;
}

/*検索結果ソート*/
#sortCopare {
	margin-bottom: 15px;
}
#sortCopare .sortBlock {
	display: inline-block;
	border-bottom: 1px solid #E1E1DD;
}
#sortCopare .sortBlock li {
	display: inline-block;
	font-size: 12px;
	float: left;
	padding: 12px;
	position: relative;
}
#sortCopare .sortBlock li.title {
	background-color: #E1E1DD;
	border-radius: 4px 4px 0 0;
}
#sortCopare .sortBlock li:after {
	content:"|";
	color: #A4A497;
	position: absolute;
	right: 0;
}
#sortCopare .sortBlock li a {
	color: #ff6a06;
	text-decoration: none;
}
#sortCopare .sortBlock li a:hover {
	color: #ff9751;
}
#sortCopare .sortBlock li a.current {
	font-weight: bold;
	color: #ff6a06;
}
#sortCopare .sortBlock li.title:after,
#sortCopare .sortBlock li:last-child:after {
	content: none;
}
#sortCopare .conpareButton {
	display: inline-block;
	float: right;
	position: relative;
}
#sortCopare .conpareButton input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: bold;
	color: #666666;
	border: 1px solid #E1E1DD;
	padding: 10px;
	border-radius: 4px;
	background-color: #E1E1DD;
	cursor: pointer;
}
#sortCopare .conpareButton:after {
	content: '';
	position: absolute;
	border-top: 9px solid #E1E1DD;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	bottom: -9px;
	right: 40px;
}
#sortCopare .conpareButton input:hover {
	color: #FFFFFF;
	border: 1px solid #F58B4B;
	background-color: #F26B1A;
}

/* モーダル用 */
#colorbox #cboxWrapper {
	margin-top: -10px;
}
body#modal {
	border-top: none;
}
body#modal .entry-header {
	position: fixed;
	top: 0;
	width: 100%;
}
body#modal .entry-header .entry-title {
	padding: 14px 20px;
}
body#modal .entry-content {
	margin-top: 3.5em;
}
body#modal .entry-content .postTextArea,
body#modal .entry-content .tableLayoutArea,
body#modal .entry-content .compareData {
	display: block;
	float: right;
	width: 48%;
	margin: 0px 0px 2em 0px;
}
body#modal .entry-content .postTextArea {
	clear: right;
}
body#modal .entry-content .compareData {
	margin: -28px 0 1em;
}
body#modal .entry-content .entryImage {
	float: left;
	width: 50%;
	margin: 5px 2% 2em 0px;
}
body#modal .entry-content .entryImage img {
	max-width: 100%;
	margin: 0 auto;
	position: fixed;
	width: 48%;
}
body#modal .entry-content .entryImage:after {
	position: fixed;
	display: block;
	content: "";
	bottom: 0;
	left: 10px;
	width: 50%;
	height: 100%;
	background: linear-gradient(top, rgba(255, 255, 255, 0) 80%, #FFFFFF 98%, #FFFFFF 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 80%, #FFFFFF 98%, #FFFFFF 100%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 80%, #FFFFFF 98%, #FFFFFF 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 80%, #FFFFFF 98%, #FFFFFF 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 80%, #FFFFFF 98%, #FFFFFF 100%);
}
body#modal .entry-content .postLeftContents:after {
	clear: right;
}
body#modal #direct {
	position: fixed;
	top: 0px;
	left: 0px;
	display: inline-block; 
	background: #000000;
	border-radius: 90px;
	width: 90px;
	height: 90px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
body#modal #arrow {
	display: block; 
	position: absolute; 
	height: 0; 
	width: 0; 
	top: 25px; 
	left: -3px;
	border-top: 20px solid transparent;
	border-right: 30px solid #FFFFFF;
	border-bottom: 20px solid transparent;
	border-left: 30px solid transparent;
}

/* about_menu */
#about_menu ul,
#about_menu li {
	display: block;
	width: 260px;
	padding: 0;
	margin: 0;
	list-style-type:none;
}
#about_menu {
	font-size: 16px;
	margin-bottom: 20px;
}
#about_menu li a {
	display: block;
	width: 240px;
	margin-bottom: 8px;
	padding: 8px 10px 11px;
	text-decoration: none;
	font-size: 18px;
	color: #FFFFFF;
	background: #AAAAAA;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#about_menu li a:hover,
#about_menu li a.current {
	color: #FFFFFF;
	text-shadow: 0px 1px 2px #AD5A00;
	-moz-text-shadow: 0px 1px 2px #AD5A00;
	-webkit-text-shadow: 0px 1px 2px #AD5A00;
	background: #FCA95D;
	background: -moz-linear-gradient(left, #F28643 0%, #FCA95D 40%, #F28643 100%);
	background: -webkit-linear-gradient(left, #F28643 0%,#FCA95D 40%,#F28643 100%);
	background: linear-gradient(to right, #F28643 0%,#FCA95D 40%,#F28643 100%);
	transition: all .3s;
}
#about_menu li a span {
	float: right;
	margin-top: -3px;
	font-size: 11px;
	line-height: 13px;
	text-align: right;
}

/* About */
body#about .entry-content,
body#contact .entry-content,
body#history .entry-content {
	padding-top: 33%;
	background-image: url('images/bg_about.jpg');
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}
body#history .entry-content,
body#about #history .entry-content {
	background-image: url('images/bg_whatsnew.jpg');
}
#history dt,
#history dd {
	display: block;
	text-align: left;
	border: none;
	width: auto;
}
#history dt {
	float: left;
	clear: both;
	white-space: nowrap;
	padding: 0 0.5em;
	margin-left: 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #C0C0C0;
	color: #FFFFFF;
	font-weight: bold;
	box-shadow:0px 1px 3px 0px #d6d6d6;
	-moz-box-shadow:0px 1px 3px 0px #d6d6d6;
	-webkit-box-shadow:0px 1px 3px 0px #d6d6d6;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#history dd {
	margin: -0.2em 0.2em 1em 7.4em;
	background-color: transparent;
}
body#faq .entry-content h2,
body#glossary .entry-content h2 {
	margin: 1em 15px;
}
body#faq .entry-content dl,
body#glossary .entry-content dl {

	margin: 0 15px;
}
body#faq .entry-content dt,
body#glossary .entry-content dt {
	position: relative;
	display: block;
	clear: both;
	width: auto;
	border: none;
	text-align: left;
	padding: 0 0 5px 21px;
	margin: 0.5em 30px 0 0;
	color: #444444;
	font-size: 18px;
	line-height: 110%;
	background-color: transparent;
	border-bottom: 1px dotted #CCCCCC;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
body#faq .entry-content dt:before,
body#glossary .entry-content dt:before {
	content: '';
	position: absolute;
	display: block;
	top: 3px;
	left: 0px;
	width: 12px;
	height: 12px;
	border: 2px solid #666666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align: text-bottom;
}
body#faq .entry-content dt:after,
body#glossary .entry-content dt:after {
	content: '';
	position: absolute;
	display: block;
	top: 8px;
	left: 4px;
	width: 4px;
	height: 4px;
	border-radius: 1px;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: text-bottom;
}
body#faq .entry-content dd {
	margin: 0.5em 30px 2em 0;
}
body#glossary .entry-content dd {
	margin: 0.5em 30px 0 0;
}
body#glossary .entry-content dd.star {
	float: right;
	margin-top: 0.5em;
	margin-bottom: 2em;
	padding: 3px 8px 8px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 22px;
	line-height: 19px;
	color: #FFE474;
	background: linear-gradient(top, #FCA95D 0%, #F28643 100%);
	background: -webkit-linear-gradient(top, #FCA95D 0%, #F28643 100%);
	background: -moz-linear-gradient(top, #FCA95D 0%, #F28643 100%);
	background: -ms-linear-gradient(top, #FCA95D 0%, #F28643 100%);
	text-shadow: 0 1px 2px #AD5A00;
	-webkit-text-shadow: 0 1px 2px #AD5A00;

	-moz-text-shadow: 0 1px 2px #AD5A00;
	-ms-text-shadow: 0 1px 2px #AD5A00;
	vertical-align: bottom;
}
body#glossary .entry-content dd.star:before {
	content: "重要度 ";
	color: #FFFFFF;
	font-size: 11px;
	line-height: 16px;
	vertical-align: bottom;
}

/* お問い合わせ */
body#contact .entry-content {
	background-image: url('images/bg_contact.jpg');
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
	width: 100%;
	box-sizing: border-box;
}

/* sideBox */
.sideBox {
	display: block;
	width: 260px;
	background-color: #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 1em;
	box-shadow:0px 1px 3px 0px #d6d6d6;
	-moz-box-shadow:0px 1px 3px 0px #d6d6d6;
	-webkit-box-shadow:0px 1px 3px 0px #d6d6d6;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sideBox a {
	text-decoration: none;
	font-weight: bold;
}
.sideBox .category {
	width: 100%;
	padding: 5px 0;
	text-align: center;
	background-color: #AAAAAA;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
}
.sideBox .category a,
.sideBox .category > span {
	padding: 3% 0;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0px 1px 2px #666666;
	-moz-text-shadow: 0px 1px 2px #666666;
	-webkit-text-shadow: 0px 1px 2px #666666;
}
.sideBox .title {
	width: 100%;
	padding: 4px 0 5px 0;
	text-align: center;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	word-wrap: normal;
}
.sideBox .title a {
	padding: 0 5%;
	font-size: 12px;
	color: #333333;
}
.sideBox .images,
.sideBox .images a {
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.sideBox .images a {
	display: inline-block;
	position: relative;
}
.sideBox .images a:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(top, rgba(255, 255, 255, 0) 70%, #CCCCCC 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #CCCCCC 100%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #CCCCCC 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #CCCCCC 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 70%, #CCCCCC 100%);
}
.sideBox .images img {
	display: inline;
	position: absolute;
	width: 94%;
	margin: 0 3%;
	clip: rect(0px 400px 200px 0px);
}
.sideBox .content {
	width: 100%;
	padding: 10px 0;
}
.sideBox .content p {
	padding: 0 5%;
	font-size: 11px;
	color: #666666;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	word-wrap: normal;
}
.sideBox a.noIndex p {
	color: #666666;
}
/*詳細ページ評価表*/
.compareData {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
.compareData .starData {
	width: 100%;
	background-color: #00A3D9;
}
.compareData .starLeft {
	width: calc(100% - 70px);
	float: left;
	background-color: #FFFFFF;
}
.compareData .starLeft p {
	padding: 0 10px;
	margin: 0;
	line-height: 33px;
}
.compareData .starLeft p .comment {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	color: #00A3D9;
	font-size: 14px;
	font-weight: normal;
}
.compareData .starLeft p .company {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 20px;
	font-weight: bold;
}
.compareData .starLeft p a {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	padding: 0 5px;
	color: #FFFFFF;
	font-size: 10px;
	background-color: #00A3D9;
	border-radius: 4px;
	text-decoration: none;
}
.compareData .starLeft p a:hover {
	opacity: 0.7;
}
.compareData .stars {
	line-height: 20px;
	padding: 5px 10px;
	margin: 0;
}
.compareData .stars li {
	display: inline-block;
	float: left;
	margin: 0;
	font-size: 12px;
}
.compareData .stars li:after {
	content: "｜";
	color: #999999;
}
.compareData .stars li:last-child:after {
	content: none;
}
.compareData .stars li span {
	color: #FF8000;
}
.compareData .starRight {
	position: relative;
	float: right;
	display: inline-block;
	width: 70px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.compareData .starRight span {
	position: absolute;
	top: 26px;
	left: 0;
	right: 0;
}
.compareData .starRight:after {
	position: absolute;
	content: "合計★数";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	top: -2px;
	left: 0;
	right: 0;
}
.compareData .starRight:before {
	position: absolute;
	content: "★";
	color: #D9D900;
	font-size: 50px;
	top: -4px;
	left: 0;
	right: 0;
}
.compareData .detailData {
	padding: 0 10px;
	margin: 0;
	line-height: 30px;
	background-color: #F2F2F2;
}
.compareData .detailData li {
	display: inline-block;
	margin: 0;
	font-size: 12px;
	vertical-align: middle;
	float: left;
}
.compareData .detailData li span {
	color: #00A3D9;
	font-weight: bold;
	margin-left: 3px;
}
.compareData .detailData li:after {
	content: "｜";
	color: #999999;
}
.compareData .detailData li:last-child:after {
	content: none;
}

/* 風俗情報サイト の一覧ページ */
body.category#fuzoku_info .site-content article {
	padding: 5px 12px 15px;
}
article .table_fuzokuInfo {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 2px 7px;
}
article .table_fuzokuInfo ul {
	line-height: 1.2;
}
article .table_fuzokuInfo .thumb {
	display: block;
	float: left;
	padding-right: 12px;
}
article .table_fuzokuInfo .thumb a {
	display: block;
	width: 50px;
}
article .table_fuzokuInfo .thumb img {
	width: 100%;
	height: auto;
}
article .table_fuzokuInfo .name {
	display: inline-block;
	width: calc(100% - 110px);
	padding: 0 6px 6px 0;
}
article .table_fuzokuInfo .name a {
	font-size: 16px;
	color: #444;
	font-weight: bold;
	text-decoration: none;
	transition: 0.2s ease-in-out;
}
article .table_fuzokuInfo .name a:hover {
	color: #777;
	transition: 0.2s ease-in-out;
}
article .table_fuzokuInfo .info {
	display: block;
}
article .table_fuzokuInfo .info p {
	display: inline-block;
	width: calc(100% - 10.5em);
	overflow: hidden;
	overflow-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}
article .table_fuzokuInfo .info span {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}
article .table_fuzokuInfo .info span a {
	color: #21759B;
}
article .table_fuzokuInfo .info span a:hover {
	color: #50A2C7;
}
article .table_fuzokuInfo .url {
	display: inline-block;
}
article .table_fuzokuInfo .url a {
	background-color: #FF6A06;
	color: #FFFFFF;
	border-radius: 6px;
	text-decoration: none;
	padding: 1px 6px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	transition: 0.2s ease-in-out;
}
article .table_fuzokuInfo .url a:hover {
	opacity: 0.6;
	transition: 0.2s ease-in-out;
}
/* 風俗情報サイト、風俗求人サイト の詳細ページ */
body.single#fuzoku_info .entry-content .postLeftContents:after,
body.single#fuzoku_job .entry-content .postLeftContents:after {
	clear: none;
}
body.single#fuzoku_info .entry-content .tableLayoutArea,
body.single#fuzoku_job .entry-content .tableLayoutArea {
	width: 100%;
	width: calc(50% - 15px);
	float: right;
}

/* 行政書士・税理士・広告代理店 の一覧ページ */
body.category#gyosei .site-content article,
body.category#zeirishi .site-content article,
body.category#adagency .site-content article{
	padding: 5px 12px 15px;
}
article .tableLayoutList {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #CCCCCC;
	padding: 1em 2px;
}
article .tableLayoutList dl {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
}
article .tableLayoutList dl dt {
	display: none;
}
article .tableLayoutList dl:nth-child(1) {
	width: 40%;
	font-size: 16px;
	font-weight: bold;
}
article .tableLayoutList dl:nth-child(2) {
	width: 5%;
	padding: 0 6px;
	white-space: nowrap;
}
article .tableLayoutList dl:nth-child(2) a {
	background-color: #FF6A06;
	padding: 1px 7px;
	color: #FFFFFF;
	border-radius: 6px;
	text-decoration: none;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	transition: 0.2s ease-in-out;
}
article .tableLayoutList dl:nth-child(2) a:hover {
	opacity: 0.6;
	transition: 0.2s ease-in-out;	
}
article .tableLayoutList dl:nth-child(3) {
	width: 35%;
	font-size: 11px;
}
article .tableLayoutList dl:nth-child(4) {
	width: 20%;
	white-space: nowrap;
	padding-left: 6px;
}
article .tableLayoutList dl:nth-child(4) dt {
	display: inline-block;
	background-color: #CCCCCC;
	color: #FFFFFF;
	border-radius: 6px;
	text-decoration: none;
	padding: 2px 8px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;

}
article .tableLayoutList dl:nth-child(4) dd {
	display: inline-block;
}

/* 行政書士・税理士 の一覧ページ：CSV用 */
body.category#gyosei .site-content article,
body.category#zeirishi .site-content article,
body.category#adagency .site-content article{
	padding: 5px 12px 15px;
}
body.category#gyosei:before,
body.category#zeirishi:before,
body.category#adagency:before{
	content: "";
	display: none;
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: bottom center;
}
body.category#gyosei .site-content article,
body.category#zeirishi .site-content article,
body.category#adagency .site-content article{
	background-size: 960px auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom center;
}
body#gyosei .entry-header,
body#zeirishi .entry-header,
body#adagency .entry-header{
	margin: 15px -12px 0;
}
body#gyosei .entry-header:first-child,
body#zeirishi .entry-header:first-child,
body#adagency .entry-header:first-child{
	margin-top: -5px;
}
body#gyosei .entry-header .entry-title,
body#zeirishi .entry-header .entry-title,
body#adagency .entry-header .entry-title{
	padding: 8px 14px;
}
body#gyosei .areaSelect,
body#zeirishi .areaSelect,
body#fuzoku_info .areaSelect,
body#fuzoku_job .areaSelect,
body#adagency .areaSelect{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	margin: 0 -2px 4px;
}
body#gyosei .areaSelect a,
body#zeirishi .areaSelect a,
body#fuzoku_info .areaSelect a,
body#fuzoku_job .areaSelect a,
body#adagency .areaSelect a{
	color: #444;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 6px 3px;
	margin: 0 2px 4px;
	white-space: nowrap;
	transition: 0.2s ease-in-out;
	display:-webkit-flex;
	display: flex;
	-webkit-flex-basis: auto;
	-ms-flex-basis: auto;
	flex-basis: auto;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
body#gyosei .areaSelect a:hover,
body#zeirishi .areaSelect a:hover,
body#fuzoku_info .areaSelect a:hover,
body#fuzoku_job .areaSelect a:hover,
body#adagency .areaSelect a:hover{
	background-color: #EEE;
	transition: 0.2s ease-in-out;
}
article .table_layout1 ul {
	display: table;
	width: 100%;
	border-bottom: 1px dotted #CCCCCC;
	padding: 1em 2px;
}



/*「広告代理店」の場合*/
article .table_layout1 .ada_ul {
	display: table;
	width: 100%;
	border-bottom: 0px dotted #CCCCCC;
	padding: 1em 2px 6px;
}
article .table_layout1 .ada_p{

border-bottom: 1px dotted #CCCCCC;


}
article .table_layout1 .ada_p span{
color: #6f6f6f;
font-size: 12px;
padding: 0 2px 1em 2px;
width:80%;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display:block;}
/*「広告代理店」ここまで*/





article .table_layout1 li {
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
}
article .table_layout1 .name {
	width: 40%;
	font-size: 16px;
	font-weight: bold;
}
article .table_layout1 .name a {
	color: #444;
	text-decoration: none;
	transition: 0.2s ease-in-out;
}
article .table_layout1 .name a:hover {
	color: #777;
	transition: 0.2s ease-in-out;
}
article .table_layout1 .name .url {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 7px;
	white-space: nowrap;
	background-color: #CCCCCC;
	color: #FFFFFF;
	border-radius: 6px;
	text-decoration: none;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	transition: 0.2s ease-in-out;
	vertical-align: 2px;
}
article .table_layout1 .name .url:hover {
	color: #FFFFFF;
	opacity: 0.6;
	transition: 0.2s ease-in-out;	
}
article .table_layout1 .address,
article .table_layout1 .tel {
	position: relative;
	padding-left: 25px;
	min-height: 24px;
}
article .table_layout1 .address {
	width: 45%;
	padding-right: 10px;
	font-size: 11px;
	line-height: 17px;
}
article .table_layout1 .tel {
	width: 15%;
	white-space: nowrap;
}
/* アイコン */
article .table_layout1 .icon {
	position: absolute;
	display: inline-block;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: #FFFFFF;
	border: 1px solid #FF6A06;
	border-radius: 4px;
	vertical-align: middle;
	margin-right: 5px;
}
/* 広告代理店ページ除外 */
article .table_layout1 ul:not(.ada_ul) .icon {
	top:0;
}
article .table_layout1 .icon:before,
article .table_layout1 .icon:after {
	margin: -8px 0 0;
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
}
article .table_layout1 .address .icon:after {
	left: 3px;
	width: 4px;
	height: 4px;
	border-style: solid;
	border-color: #FF6A06 #FF6A06 transparent;
	border-width: 3px 4px 0;
	margin-top: 0;
	background: transparent;
}
article .table_layout1 .address .icon:before {
	left: 1px;
	border-style: solid;
	border-color: transparent;
	border-width: 8px;
	border-bottom-color: #FF6A06;
	margin-top: -16px;
	background: transparent;
}
article .table_layout1 .tel .icon:before {
	left: 5px;
	width: 4px;
	height: 8px;
	border-width: 5px 0 5px 2px;
	border-style: solid;
	border-color: #FF6A06;
	background: transparent;
	-webkit-border-top-left-radius: 4px 6px;
	-webkit-border-bottom-left-radius: 4px 6px;
	-moz-border-radius-topleft: 4px 6px;
	-moz-border-radius-bottomleft: 4px 6px;
	border-top-left-radius: 4px 6px;
	border-bottom-left-radius: 4px 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/************************************
** レスポンシブページネーション
************************************/
.pagination{
	list-style-type: none;
	padding-left: 0;
	margin: 30px 0;
}

.pagination,
.pagination li a,
.pagination .dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.pagination a,
.pagination .dots {
	font-weight: 300;
	font-size: 12px;
	padding: 10px;
	text-decoration:none;
	color: #333;
}
.pagination a {
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination .dots {
	border-right: 1px solid #ddd;
	margin-right: -1px;
}

.pagination li:not([class*="current"]) a:hover {
	background-color: #eee;
}

.pagination li:first-of-type a {
	border-left-width: 1px;
}

.pagination li.current a {
	background-color: #ddd;
	cursor: default;
	pointer-events: none;
}

.pagination > li:first-child > a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.page-numbers {
	padding: 3px 7px 5px 7px;
	text-decoration: none;
}
.page-numbers:hover {
	color: #FFFFFF;
	background-color: #F58B4B;
}

.page-numbers.current {
	border: 1px solid #AAAAAA;
	color: #AAAAAA;
	background-color: #DDDDDD;
}
.page-numbers.current:hover {
	background-color: #DDDDDD;
}
#respond {
	margin-top: 100px;
}

.icon_tip {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 19px;
	height: 12px;
	border-radius: 3px;
	margin: -9px 0 0 5px;
	background-color: #DDDDDD;
}
.icon_tip:before {
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: -2px;
	left: 6px;
	background-color: #DDDDDD;
}
.icon_mail {
	color: #FFFFFF;
	position: absolute;
	left: 8px;
	top: 8px;
	width: 15px;
	height: 10px;
	border-radius: 1px;
	border: solid 1px currentColor;	
}
.icon_mail:before {
	content: '';
	position: absolute;
	left: 7px;
	top: -4px;
	width: 1px;
	height: 10px;
	background-color: currentColor;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transform: rotate(-54deg);
	transform: rotate(-54deg);
}
.icon_mail:after {
	content: '';
	position: absolute;
	left: 7px;
	top: -4px;
	width: 1px;
	height: 10px;
	background-color: currentColor;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transform: rotate(54deg);
	transform: rotate(54deg);
}

/* 960px以下の表示 */
@media screen and (max-width: 960px) {
	#main {
		padding: 0 5px;
	}
	body .site-content {
		margin: 0;
		float: none;
		max-width: none;
		width: 100%;
	}
	body .widget-area {
		margin: 0;
		float: none;
		width: 100%;
	}
	footer[role="contentinfo"] {
		box-shadow:0px 3px 7px 0px rgba(0,0,0,0.75);
		-moz-box-shadow:0px 3px 7px 0px rgba(0,0,0,0.75);
		-webkit-box-shadow:0px 3px 7px 0px rgba(0,0,0,0.75);
	}
	
	/* 検索部分のスタイル */
	#formArea {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		padding: 10px 3% 20px 3%;
		width: 100%;
		box-sizing: border-box;
		background-color: #FFFFFF;
		z-index: 1000;
	}
	#searchButton.fixedBox {
		bottom: 0;
		width: 94%;
		box-sizing: border-box;
	}
	.formAreaBg {
		background-color: #000000;
		width: 100%;
		position: fixed;
		top:0;
		z-index:999;
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";

		background-color: #FFFFFF;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	/* 検索結果のスタイル */
	#searchConditionsArea {
		display: block;
		padding: 15px 15px 10px 15px;
		margin-bottom: 10px;
		line-height: 1.4;
		border-radius: 5px;
		background-color: #F2F2F2;
	}
	#searchConditionsArea .searchConditionsTitle {
		cursor: pointer;
		font-weight: bold;
		margin-bottom: 5px;
		position: relative;
	}
	#searchConditionsArea .searchConditionsTitle:after {
		content: '▼';
		color: #CCCCCC;
		position: absolute;
		right: 10px;
	}
	#searchConditionsArea .searchConditionsTitle.toggleArrow:after {
		content: '▲';
	}
	#searchConditionsArea .searchResultTitle {
		font-weight: bold;
		margin-bottom: 10px;	
	}
	#searchConditionsArea .toggleArea {
		display: none;
	}

	/* エントリー一覧のスタイル */
	.entry-header .entry-title {
		font-size: 20px;
	}
	.post .entry-images {
		width: 50%;
		margin-bottom: 10px;
	}
	.post .entry-images img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}	
	.post .entry-summary {
		width: 100%;
		float: none;
	}
	.post .entry-summary .customTable {
		width: 100%;
	}
	body.archive .entry-summary .entry-images {
		float: left;
		width: 40%;
		margin: 0 0 1.5em 0;
	}
	body.archive .entry-summary p,
	body.archive .customTable {
		float: right;
		max-width: 57%;
		margin: 0 0 1em 0;
	}
	body.archive .tableLayoutArea {
		float: right;
		width: 57%;
		padding: 15px 0;
	}

	/* エントリー詳細のスタイル */
	.entry-content dl {
		display: block;
		width: 100%;
		margin: 0;
		font-size: 13px;
	}

	.entry-content dt {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		border: 2px solid #FFFFFF;
		border-bottom: none;
		border-radius: 6px 6px 0px 0px;
		-webkit-border-radius: 6px 6px 0px 0px;
		-moz-border-radius: 6px 6px 0px 0px;
	}
	body.single .entry-content dt {
		width: 100%;
	}
	.tableLayoutArea dd {
		display: block;
		text-align: center;
		margin: 0;
		padding-bottom: 5px;
		border: 2px solid #FFFFFF;
		border-top: none;
		box-shadow: 0px -1px 1px 0px #AAAAAA inset;
		-webkit-box-shadow: 0px -1px 1px 0px #AAAAAA inset;
		-moz-box-shadow: 0px -1px 1px 0px #AAAAAA inset;
		border-radius: 0px 0px 6px 6px;
		-webkit-border-radius: 0px 0px 6px 6px;
		-moz-border-radius: 0px 0px 6px 6px;
	}
	.tableLayoutArea .index {
		text-align: center;
	}

	/* サイドコンテンツのスタイル */
	.widget-area .widget p,
	.widget-area .widget li,
	.widget-area .widget .textwidget,
	.widget_search label,
	.serachTitle,
	#formArea {
		font-size: 16px;
	}
	.checkBox dt div {
		font-size: 14px;
	}
	.checkBox dt span {
		font-size: 12px;
	}
	#searchClose {
		display: block;
		box-sizing: border-box;
		font-size: 12px;
		color: #7c7c7c;
		display: inline-block;
		cursor: pointer;
		padding: 8px;
		margin-top: 10px;
		border-radius: 4px;
		text-align: center;
		border: 1px solid #EEEEEE;
		background-color: #F2F2F2;
		border: none;
	}

	/* about_menu */
	#about_menu li {
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	#about_menu li:nth-child(3n) {
		margin-right: 0;
	}
	#about_menu li a {
		max-width: 100%;
		width: auto;
	}
	#about_menu:after {
		content: "";
		display: table;
		border-collapse: collapse;
		border-spacing: 0;
		clear: both;
	}

	/* sideBox */
	.sideBox:first-child {

	}
	.sideBox {
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	.sideBox:nth-child(3n) {
		margin-right: 0;
	}
	.sideBox .images,
	.sideBox .images a {
		height: 150px;
	}
	.sideBox .images img {
		clip: rect(0px 500px 150px 0px);
	}
	.side-contents:before {
		display: block;
		padding: 8px 20px;
		margin: 20px 0 10px 0;
		content: "コンテンツ";
		font-size: 20px;
		color: #AAAAAA;
		font-weight: bold;
		line-height: 1.2;
		background: #DDDDDD;
		background: -moz-linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%);
		background: -webkit-linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%);
		background: linear-gradient(to bottom, #CCCCCC 0%, #FFFFFF 100%);
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-text-shadow: 0px 0px 2px #FFFFFF;
		-webkit-text-shadow: 0px 0px 2px #FFFFFF;
		-ms-text-shadow: 0px 0px 2px #FFFFFF;
		text-shadow: 0px 0px 2px #FFFFFF;
	}
	
	/* history */
	#history {
		padding-left: 0px;
		padding-right: 0px;
		width: auto;
	}
	#history dt {
		font-size: 110%;
	}
	#history dd {
		font-size: 110%;
		margin: 0 12px 1em 8.5em;
	}
	
	#pageHistory {
	}
	#pageHistory .flexBox {
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	#pageHistory .history {
		width: 17%;
		margin: 0 0 10px;
	}
	#pageHistory .historyImage {
		width: 100%;
	}
	#pageHistory .historyImage img {
		width: 100%;
	}
	#pageHistory #historyText span:first-child {
		margin-right: 90px;
		display: inline-block;
	}
	#pageHistory #historyText #historySend {
		margin-top: -2em;
	}

	/* ページトップボタンのスタイル */
	#page-top {
		width: 105px;
		height: 30px;
	}
	#page-top a {
		margin-top: 9px;
		width: 98px;
		text-align: right;
		font-size: 12px;
	}
	#page-top a:after,
	#page-top:after,
	#page-top:before {
		width: 4px;
		height: 15px;
	}
	#page-top a:after {
		height: 19px;
		top: -3px;
		left: 13px;

	}
	#page-top:after {
		top: 3px;
		left: 9px;
	}
	#page-top:before {
		top: 3px;
		left: 17px;
	}

	/* 風俗情報サイト、風俗求人サイト の詳細ページ max960px */
	body.single#fuzoku_info .entry-content .entryImage,
	body.single#fuzoku_job .entry-content .entryImage {
		width: 40%;
	}
	body.single#fuzoku_info .entry-content .tableLayoutArea,
	body.single#fuzoku_job .entry-content .tableLayoutArea {
		width: 100%;
		width: calc(60% - 15px);
	}

	/* 行政書士・税理士 の一覧ページ max960px */
	article .tableLayoutList {
		padding: 0;
	}
	article .tableLayoutList dl {
		line-height: 1.5;
		vertical-align: top;
	}
	article .tableLayoutList dl:nth-child(1) {
		display: table-caption;
		width: 100%;
		padding-top: 9px;
	}

	article .tableLayoutList dl:nth-child(2) {
		width: 6%;
		padding: 0 6px 0 0;
	}
	article .tableLayoutList dl:nth-child(3) {
		width: 60%;
		font-size: 100%;
		padding-bottom: 12px;
	}
	article .tableLayoutList dl:nth-child(4) {
		width: 30%;
	}

	/* 行政書士・税理士・広告代理店 の一覧ページ：CSV用 max960px */
	body.category#gyosei:before,
	body.category#zeirishi:before,
	body.category#adagency:before{
		display: block;
	}
	body.category#gyosei .site,
	body.category#zeirishi .site,
	body.category#adagency .site{
		background-color: transparent;
	}
	body.category#gyosei .site-content article,
	body.category#zeirishi .site-content article,
	body.category#adagency .site-content article{
		box-shadow:0px 3px 22px 0px rgba(0,0,0,0.75);
		-moz-box-shadow:0px 3px 22px 0px rgba(0,0,0,0.75);
		-webkit-box-shadow:0px 3px 22px 0px rgba(0,0,0,0.75);
		background-size: 0;
		background-image: none;
		background-color: transparent;
	}

	article .table_layout1 ul {
		padding: 0;
	}
	article .table_layout1 li {
		line-height: 1.5;
		vertical-align: top;
	}
	article .table_layout1 .name {
		display: block;
		display: table-caption;
		width: 100%;
		padding-top: 6px;
	}
	article .table_layout1 .address {
		width: 75%;
		font-size: 100%;
		padding-bottom: 12px;
		line-height: 19px;
	}
	article .table_layout1 .tel {
		width: 25%;
		line-height: 19px;
	}
}


/* 680px以下の表示 */
@media only screen and ( max-width: 680px ) {
	body.archive .customTable {
		float: none;
		max-width: 100%;
	}
	footer[role="contentinfo"] {
		padding: 1.5em 0;
	}
	.site-header .headerLogo {
		max-height: 154px;
	}
	.site-header h1 {
		font-size: 2.2vw;
		margin-right: 38vw;
	}
	header #buttonRanking a img {
		width: 36vw;
	}

	/* モーダル用 */
	body#modal .entry-content .postTextArea,
	body#modal .entry-content .tableLayoutArea,
	body#modal .entry-content .compareData {
		float: none;
		width: auto;
		margin: 0px 0px 2em 0px;
	}
	body#modal .entry-content .tableLayoutArea {
		clear: both;
	}
	body#modal .entry-content .compareData {
		margin: 0 0 1em;
	}
	body#modal .entry-content .entryImage {
		float: left;
		width: 40%;
		margin: 0 1em 1em 0;
	}
	body#modal .entry-content .entryImage img {
		position: static;
		width: 100%;
	}
	body#modal .entry-content .entryImage:after {
		display: none;
	}

	/* about_menu */
	#about_menu li {
		width: 49%;
	}
	#about_menu li:nth-child(odd) {
		margin-right: 2%;
	}
	#about_menu li:nth-child(even) {
		margin-right: 0;
	}

	/* history 比較 */
	#compareBG {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	/*詳細ページ評価表*/
	.compareData .starLeft {
		width: calc(100% - 50px);
	}
	.compareData .starLeft p {
		padding: 5px 5px 0 5px;
		line-height: 20px;
	}
	.compareData .starLeft p .comment {
		margin-right: 2px;
		font-size: 10px;
	}
	.compareData .starLeft p .company {
		display: inline-block;
		vertical-align: middle;
		margin-right: 2px;
		font-size: 12px;
		font-weight: bold;
	}
	.compareData .starLeft p a {
		color: #FFFFFF;
		font-size: 10px;
		padding: 0 2px;
	}
	.compareData .stars {
		line-height: 16px;
		padding: 5px 5px 3px 5px;
	}
	.compareData .stars li,
	.compareData .detailData li {
		font-size: 10px;
	}
	.compareData .starRight {
		width: 50px;
		font-size: 14px;
	}
	.compareData .starRight span {
		top: 20px;
	}
	.compareData .starRight:after {
		font-size: 10px;
	}
	.compareData .starRight:before {
		font-size: 40px;
	}
	.compareData .detailData {
		padding: 0 5px;
	}
	
	#pageHistory .history {
		width: 27%;
	}

	/* 行政書士・税理士・広告代理店 の一覧ページ：CSV用 max680px */
	body#gyosei .areaSelect a,
	body#zeirishi .areaSelect a,
	body#adagency .areaSelect a{
		-webkit-flex-basis: 20%;
		-ms-flex-basis: 20%;
		flex-basis: 20%;
	}
}

/* 640px以下の表示 */
@media only screen and (max-width: 640) {
	.site-header h1 {
		margin-right: 2px;
		font-size: 2.8vw;
	}
	.site-header h2 {
		text-align: left;
	}
	.site-header .headerLogo {
		max-width: 95%;

		max-height: 100%;
		margin-left: 2%;
	}
	.entry-content .postLeftContents {
		float:none;
		width: 100%;
	}
	.entry-content .tableLayoutArea {
		float:none;
		width: 100%;
	}
	.entry-content dl {
		font-size: 11px;
	}
	.entry-content .entryImage img {
		max-width: 100%;
		max-height: 400px;
	}
	.entry-content .postTextArea {
		margin: 0 0 1em;
	}
	.diy_posts_slimstat2 li {
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
	}
	.diy_posts_slimstat2 li:nth-child(1){
		width:100%;
		margin-right: 2%;
		margin-top: 115px;
		background-color: #FFD248;
	}
	.diy_posts_slimstat2 li:nth-child(2){
		width: 100%;
		margin-right: 0;
		margin-top: 115px;
		background-color: #CCCCCC;
	}
	#topRanking.diy_posts_slimstat2 li:nth-child(1) {
		width: 100%;
		margin-right: 0;
	}
	#topRanking.diy_posts_slimstat2 li:nth-child(2) {
		width: 100%;
		margin-right: 0;
	}
	.diy_posts_slimstat2 li img {
		width: 100%;
		border-radius : 0;
		box-shadow: none;
	}
/*
	.diy_posts_slimstat2 li:nth-child(3n) {
		margin-right: 6%;
	}
	.diy_posts_slimstat2 li:nth-child(3n+1) {
		clear: none;
	}
	.diy_posts_slimstat2 li:nth-child(2n) {
		margin-right: 0;
	}
	.diy_posts_slimstat2 li:nth-child(2n+1) {
		clear: left;
	}
*/
	body.archive .tableLayoutArea {
		float: right;
		width: 100%;
		padding: 15px 0;
	}

	/* about_menu */
	#about_menu li {
		width: 100%;
	}
	#about_menu li {
		margin-right: 0;
	}

	/* About用 */
	#history dt {
		margin-bottom: 0.3em;
	}
	#history dd {
		clear: both;
		margin-left: 15px;
	}

	/* sideBox */
	.sideBox {
		float: left;
		width: 49%;
	}
	.sideBox:nth-child(odd) {
		margin-right: 2%;
	}
	.sideBox:nth-child(even) {
		margin-right: 0;
	}
	.sideBox .category a {
		font-size: 15px;
	}
	.sideBox .title a {
		font-size: 11px;
	}
	.sideBox .images,
	.sideBox .images a {
		height: 100px;
	}
	.sideBox .images img {
		clip: rect(0px 200px 100px 0px);
	}

	/* ランキング用 */
	.diy_posts_slimstat2 li {
		float: none;
		margin-top: 100px;
	}
	.diy_posts_slimstat2 li {
		float: none;
		margin-top: 100px;
	}
	.diy_posts_slimstat2:nth-child(2) li:first-child {
		margin-top: 90px;
	}
	#topRanking.diy_posts_slimstat2 li a:nth-child(1),
	.diy_posts_slimstat2 li a:nth-child(1) {
		height: 190px;
	}
	
	/* 風俗情報サイト、風俗求人サイト の詳細ページ max640px */
	body.single#fuzoku_info .entry-content .tableLayoutArea,
	body.single#fuzoku_job .entry-content .tableLayoutArea {
		width: 100%;
	}

	/* 行政書士・税理士 の一覧ページ max640px */
	article .tableLayoutList {
		display: block;
	}
	article .tableLayoutList dl:nth-child(1) {
	}
	article .tableLayoutList dl:nth-child(3) {
		width: 90%;
		padding-bottom: 0;
	}
	article .tableLayoutList dl:nth-child(4) {
		display: inline-block;
		width: 100%;
		padding: 0 0 12px;
	}
	
	/* 行政書士・税理士・広告代理店 の一覧ページ：CSV用 max640px */
	body.category#gyosei:before,
	body.category#zeirishi:before,
	body.category#adagency:before{
		background-size: 150% auto;
	}
	article .table_layout1 ul {
		display: block;
		padding-bottom: 5px;
	}
	article .table_layout1 .name {
		display: block;
	}
	article .table_layout1 .address {
		display: block;
		width: calc(100% - 20px);
		padding-bottom: 0;
		padding-right: 0;
	}
	article .table_layout1 .tel {
		display: block;
		width: calc(100% - 20px);
	}
}


/* 960px以上の表示 */
@media screen and (min-width: 960px) {
	body .wrapper,
	header .hgroup {
		max-width: 960px;
	}
	body.home .wrapper,
	header.home .hgroup {
		max-width: 90%;
	}
	body.archive .tableLayoutArea {
		float: right;
		width: 630px;
		padding: 15px 15px 15px 0;
	}
}


/* パンくずリスト */
.breadcrumbs {
	/*margin: 15px;*/
	margin: 0 0 27px 0;
	line-height: 1.3;
}
@media screen and (max-width:960px){
	.breadcrumbs {
		margin: 10px 0 20px 0;
	}
}

/* コメントの星 */
#respond form label,
.star-rating-control {
	float: left;
}

/* コメント */
.entry-author {
	padding:20px;
	margin-bottom:20px;
	background:#FCFCFC;
	border-bottom:#EEE 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	font-size:13px;
	line-height:1.62em;
}

.entry-author .avatar {
	float:left;
	padding:5px;
	border-bottom:#DDD 1px solid;
	background:#fff;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.entry-author .author {
	margin-bottom:10px;
	font-size:15px;
	letter-spacing:normal;
}

.entry-author .author,
.author-bio,
.entry-author .author-meta {
	margin-left:126px;
}

.author-bio {
	margin-bottom:10px;
}

.entry-author .author-website,
.entry-author .author-twitter {
	float:left;
	width:50%;
	text-align:center;
}

.nocomments {
	margin:0;
	color:#999;
	font-size:18px;
	line-height:1.62em;
	text-align:center;
}

#comments {
	background: none;
	border: none;
	box-shadow: none;
}

#comments-title,
#reply-title {
	margin-bottom:18px;
	font-size:24px;
	line-height:1.62em;
}

#comments-title {
	margin:35px 0;
}

.navigation {
	margin:35px 0;
}

.commentlist {
	margin:0 0 20px 0;
	list-style:none;
}

.commentlist .children {
	margin:20px 0 0 40px;
	list-style:none;
}


.comment {
	margin:0;
}

.comment-body {
	padding:20px;
	margin-bottom:35px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#fff;
	border-bottom:#DDD 1px solid;
	overflow: hidden;
}

.commentlist .comment:first-child .comment-body {
	margin-top:0;
}

.comment .avatar {
	float:right;
	padding:5px;
	margin:0 0 20px 20px;
	background:#fff;
	border-bottom:#DDD 1px solid;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
}

.comment .fn {
	font-size:15px;
	font-style:normal;
	font-weight:600;
	line-height:1.62em;
}

.comment-meta {
	margin-bottom:18px;
	font-size:12px;
}

a.comment-reply-link {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border-bottom:#DDD 1px solid;
	color:#333;
	text-decoration:none;
}

a.comment-reply-link:hover {
	box-shadow:#CCC 0 0 5px;
}

a.comment-reply-link:focus {
	box-shadow:0 0 5px rgba(0, 0, 0, .4);
	background:-moz-linear-gradient(#F3F3F3, #FCFCFC);
	background:-webkit-linear-gradient(#F3F3F3, #FCFCFC);
	background:-o-linear-gradient(#F3F3F3, #FCFCFC);
	background:-ms-linear-gradient(#F3F3F3, #FCFCFC);
	background:linear-gradient(#F3F3F3, #FCFCFC);
}

#respond {
	width:auto;
}

.commentlist #respond {
	margin: 0 0 5.1% 0;
}

.comment-notes,
.form-allowed-tags {
	color:#aaa;
	font-size:12px;
	line-height:16px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	position:relative;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	display:inline-block;
	position:absolute;
	top:13px;
	left:10px;
	z-index:1;
	width:9.5em;
	color:#444;
}

.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-comment .required {
	position:absolute;
	top:2px;
	right:0;
	z-index:2;
	color:#FF0000;
	font-size:11px;
}

#author,

#email,
#url,
#comment {
	position:relative;
	width:97%;
	text-indent:12em;
}

input#author:focus,
input#email:focus,
input#url:focus,
textarea#comment:focus {
	position:relative;
	z-index:1;
	text-indent:0;
}

#comment {
	font-size:15px;
}

.form-allowed-tags code {
	padding: 0;
	background: none;
	box-shadow: none;
}

#infscr-loading {
	text-align: center;
}

#infscr-loading img {
	margin-right: 10px;
	vertical-align: middle;
}

#infscr-loading div {
	display: inline;
}

#post-nav,
#posts-nav {
	clear:both;
	margin:0;
	font-size:16px;
	font-weight:300;
	letter-spacing:1px;
}

#posts-nav {
	position: relative;
	padding:2.9%;
	margin:2.46%;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#fff;
	border-bottom:#DDD 1px solid;
	border-bottom:rgba(0, 0, 0, .13) 1px solid;
}

.onecol #posts-nav {
	padding:1.95%;
	margin:1.7%;
}

.nav-prev,
.nav-previous {
	float:left;
	width:50%;
}

.nav-next {
	float:right;
	width:50%;
	text-align:right;
}

/*TOPランキングバナー*/
.topranking_bana img{width:100%; display:none;}
.topranking_bana {margin-bottom:0px;}

/* 詳細ページ ツールチップ */
.dark-tooltip{ display:none; position:absolute; z-index:3000; text-decoration:none; font-weight:normal; height:auto; top:0; left:0;}
.dark-tooltip.medium{ padding:10px; font-size:16px; max-width:288px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; line-height: 24px;}
.dark-tooltip .tip{ transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); content: ""; position: absolute; width:0; height:0; border-style: solid; line-height: 0px; }
.dark-tooltip.south .tip{ left:50%; top:100%;}
.dark-tooltip.south.medium .tip{ border-width: 8px 6px 0 6px; margin-left:-6px;}
.dark-tooltip.west .tip{ left:0; top:50%;}
.dark-tooltip.west.medium .tip{ border-width: 6px 8px 6px 0; margin-left: -8px; margin-top: -6px;}
.dark-tooltip.dark{ background-color:#1B1E24; color:#fff; }
.dark-tooltip.dark.south .tip{ border-color: #1B1E24 transparent transparent transparent; _border-color: #1B1E24 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.dark-tooltip.dark.west .tip{ border-color: transparent #1B1E24 transparent transparent; _border-color: #000000 #1B1E24 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.animated{
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;
}
@-webkit-keyframes flipInUp {
	0% { -webkit-transform: perspective(400px) rotateX(-90deg); opacity: 0;}
	40% { -webkit-transform: perspective(400px) rotateX(5deg);}
	70% { -webkit-transform: perspective(400px) rotateX(-5deg);}
	100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1;}
}
@-moz-keyframes flipInUp {
	0% {transform: perspective(400px) rotateX(-90deg);opacity: 0;}
	40% {transform: perspective(400px) rotateX(5deg);}
	70% {transform: perspective(400px) rotateX(-5deg);}
	100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-o-keyframes flipInUp {
	0% {-o-transform: perspective(400px) rotateX(-90deg);opacity: 0;}
	40% {-o-transform: perspective(400px) rotateX(5deg);}
	70% {-o-transform: perspective(400px) rotateX(-5deg);}
	100% {-o-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@keyframes flipInUp {
	0% {transform: perspective(400px) rotateX(-90deg);opacity: 0;}
	40% {transform: perspective(400px) rotateX(5deg);}
	70% {transform: perspective(400px) rotateX(-5deg);}
	100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-webkit-keyframes flipInRight {
	0% { -webkit-transform: perspective(400px) rotateY(-90deg); opacity: 0;}
	40% { -webkit-transform: perspective(400px) rotateY(5deg);}
	70% { -webkit-transform: perspective(400px) rotateY(-5deg);}
	100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1;}
}
@-moz-keyframes flipInRight {
	0% {transform: perspective(400px) rotateY(-90deg);opacity: 0;}
	40% {transform: perspective(400px) rotateY(5deg);}
	70% {transform: perspective(400px) rotateY(-5deg);}
	100% {transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-o-keyframes flipInRight {
	0% {-o-transform: perspective(400px) rotateY(-90deg);opacity: 0;}
	40% {-o-transform: perspective(400px) rotateY(5deg);}
	70% {-o-transform: perspective(400px) rotateY(-5deg);}
	100% {-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipInRight {
	0% {transform: perspective(400px) rotateY(-90deg);opacity: 0;}
	40% {transform: perspective(400px) rotateY(5deg);}
	70% {transform: perspective(400px) rotateY(-5deg);}
	100% {transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
.flipIn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important}
.flipIn.south, .flipIn.north { -webkit-animation-name: flipInUp; -moz-animation-name: flipInUp; -o-animation-name: flipInUp; animation-name: flipInUp; }
.flipIn.west, .flipIn.east { -webkit-animation-name: flipInRight; -moz-animation-name: flipInRight; -o-animation-name: flipInRight; animation-name: flipInRight;}
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn{-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;}
ins br { margin-bottom:0.5em; }


.flexWrap.detailPageBanner {
	margin:30px auto 0 auto;
	width:85%;
}
.flexWrap {
	display:flex;
	justify-content: space-between;
	width:100%;
	text-align:center;
}
.detailPageBanner img{
	width:auto;
	max-width:95%;
}
@media screen and (max-width:680px) {
	.flexWrap.detailPageBanner {
		width:100%;
	}
	.flexWrap {
		flex-wrap: wrap;
	}
	.flexWrap > div{
		width:100%;
		text-align:center;
	}
	.detailPageBanner img{
		max-width:100%;
	}
}





/**
 * PC layout menu 
 */
#mainMenu ul li.miniLogo a .textLabel {
	display:none;
}
#mainMenu.headerMenu ul li.miniLogo a .textLabel {
	display:block;
	line-height:1;
}
#mainMenu ul li.miniLogo a img{
	display:block;
}
#mainMenu.headerMenu ul li.miniLogo a img{
	display:none;
}
#mainMenu ul li.slideMenu {
	display:none;
}
@media screen and (min-width:960px){
	#mainMenu ul li.miniLogo a {
		padding:unset;
	}
	#mainMenu.headerMenu ul li.miniLogo a {
		padding: 15px 5px;
	}
	#mainMenu ul li:nth-child(2){
		width:calc(100% / 8 + 10px);
	}
	#mainMenu ul li:nth-child(3),
	#mainMenu ul li:nth-child(4){
		width:calc(100% / 8 + 20px);
	}
	#mainMenu ul li:nth-child(n + 5){
		width:calc(100% / 8 - 10px);
	}
	#mainMenu.headerMenu ul li,
	#mainMenu ul li{
		min-width:unset;
	}
}
@media screen and (max-width:959px){
	#mainMenu.headerMenu ul li.miniLogo a {
		padding: 11px 5px;
	}
}
@media screen and (max-width:640px){
	#mainMenu ul li.miniLogo a .textLabel{
		display:block;
	}
	#mainMenu ul li.miniLogo a img{
		display:none;
	}
	#mainMenu ul li.slideMenu {
	display:block;
}
}
/**
 * humburger menu btn
 */
button.hamburger {
	display:none;
}
button.hamburger:hover,
button.hamburger:focus,
button.hamburger:visited,
button.hamburger:active
{
	background-color: transparent;
	background-image: unset;
	box-shadow: unset;
	outline: none;
}
@media screen and (max-width:640px){
	button.hamburger {
		display:flex;
		flex-direction:column;
		align-items:stretch;
		position:fixed;
		z-index: 500;
		border-width: 0px;
		top: 0px;
		left:0;
		width: 50px;
		height: 45px;
		background-color: transparent;
		padding: 9px 10px 9px 10px;
		pointer-events:none;
	}
	button.hamburger > span{
		display:block;
		background-color:#FFF;
		width: 26px;
		height: 4px;
		box-sizing:border-box;
		position:relative;
		border-radius:10px;
	}
	button.hamburger > span:nth-child(1){
		top:0;
	}
	button.hamburger > span:nth-child(2){
		top: 6px;
	}
	button.hamburger > span:nth-child(3){
		top: 12px;
	}
}


/* header over ride */
.headerBox {
	position: relative;
	display:flex;
	align-items: flex-end;
	height:120px;
	top: 48px;
}
@media screen and (min-width:641px){
	.headerBox {
		height: 100%;
		height: 131px;
		top: 35px;
	}
	.headerBox a{
		position: relative;
		display:block;
		align-items:center;
		width:100%;
	}
	.site-header .headerBox .headerLogo{
		position:static;
	}
	.site-header .headerBox .headerLogoCopy{
		position:absolute;
		bottom: 40px;
		margin-left: -50px;
	}
	.site-header .headerBox h1{
		position: absolute;
		text-align:center;
		font-size: 14px;
		bottom: 75px;
		left: 40%;
		color: #000;
		top: unset;
	}
	header .hgroup{
		height: 140px;
	}
	header.site-header{
		height:140px;
		margin-bottom:70px;
	}
}
@media screen and (min-width:641px) and (max-width:960px){
	.headerBox{
		top: 10px;
	}
	.site-header .headerBox .headerLogo{
		margin-bottom:20px;
	}
	.headerBox a{
		width:40%;
	}
	.site-header .headerBox h1{
		width:60%;
		left: 35%;
		font-size:12px;
		padding-top: 20px;
	}
	.site-header .headerBox .headerLogoCopy{
		width: 140%;
		/*margin-left:-10%;*/
		left:110%;
	}
	header .hgroup{
		height: 110px;
	}
	header.site-header{
		height:180px;
		margin-bottom:30px;
	}
	@media screen and (min-width:641px) and (max-width:900px){
		.site-header .headerBox h1{
			padding-top: 22px;
		}
	}
	@media screen and (min-width:641px) and (max-width:800px){
		.site-header .headerBox h1{
			padding-top: 25px;
			top: 5px;
		}
	}
	@media screen and (min-width:641px) and (max-width:700px){
		.site-header .headerBox h1{
			padding-top: 28px;
		}
	}
}
@media screen and (max-width:640px){
	.headerBox{
		display:flex;
		align-items: center;
		height: 100%;
		/* top: 80px; */
		margin-top: -10px;
	}
	.headerLogoCopy {
		position: relative;
	}
	.site-header .headerBox h1{
		position: absolute;
		text-align:left;
		font-size: 14px;
		top: -100px;
		left: 0%;
		color: #000;
		line-height:1;
	}
	.headerBox a{
		/* display:block; */
		width: 65%;
		min-width: 390px;
		/* height: 100%; */
		justify-content:left;
		flex-direction:row;
		/* margin-top:-20px; */
	}
	.site-header .headerBox .headerLogo{
		width:auto;
		max-width:100%;
		position: relative;
	}
	.site-header .headerBox .headerLogoCopy{
		width:auto;
		max-width:100%;
		position: relative;
		top: -20px;
	}
}
@media screen and (max-width:390px){
	.headerBox a{
		width: 100%;
		min-width: unset;
	}
}
body.home .topHpBanner {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}
.update_day {
	margin-bottom:7px;
	padding:10px 0 10px 15px;
	background: #EEE;
}
.single-topitem .update_day {
	padding:10px 20px;
	margin-bottom:0;
	background: #666;
	color: #FFF;
	border-top: 1px solid #888;
}
@media screen and (max-width:640px){
	.single-topitem .update_day {
		padding:10px 12px;
	}
}
.esthe_product-template-default .update_day {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -5px;
}
.update_day .tit{
	background-color:#ec7230;
	color:#FFF;
	border-radius:4px;
	padding:2px 5px;
	margin-right:5px;
	font-size:12px;
}
.update_day .published_day{
	margin-right:5px;
}
.update_day .published_day,
.update_day .modified_day{
	display:inline-block;
}
@media screen and (max-width:390px){
	body.home .topHpBanner {
			display: block;
	}
	.update_day {
		font-size:3.5vw;
	}
}