@charset "UTF-8";

/*子テーマ用「base.css」*/
q {
	background: #FFFFFF;
}

table {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

th,
td {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

th {
	background-color: #FFFFFF;
}

thead th {
	background: #FFFFFF;
}

hr {
	border: 1px solid #89A7DB;
}

.section-in {
	padding: 5px !important;
}

.site-header:after {
	background: #FFFFFF;
}
@media screen and (min-width:600px) {
	.site-header-conts {
		padding: 25px 0;
	}
}
.main-image{
	display: none;
}

.sub-conts .section-wrap .section-in {
	background: #fff;
}
@media screen and (max-width:599px){
	.sub-conts .section-wrap .section-in img {
		margin-right: 7px;
	}
}

.section-wrap .section-title {
    color: #5E5E5E;
    border-top: 3px solid #89A7DB;
    border-bottom: 1px solid #D3E0F4;
}

.sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title {
	border-bottom: 3px solid #89A7DB;
}

.main-body h1{
	background: #89A7DB; /*背景色*/
	padding: 0.5em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.5em;/*角の丸み*/
}
.main-body h2 {
	background: #89A7DB; /*背景色*/
	padding: 0.5em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.5em;/*角の丸み*/
}
.main-body h3 {
	background: #89A7DB; /*背景色*/
	padding: 0.5em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.5em;/*角の丸み*/
}
.main-body h4 {
	margin: 55px 0 25px;
	padding: 0 0 0 9px;
	border-left: 6px solid #D3E0F4;
	border-bottom: 1px dotted #D3E0F4;
	font-weight: bold;
	font-size: 1.2em;
}
/*
.main-body h4:before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #fff;
}*/

.site-footer {
	background: #89A7DB;
}

.copyright {
	background: #89A7DB;
}

/*カテゴリウィジェット ドロップダウンにした場合ラベル表示無し*/
.widget_categories label.screen-reader-text {
	display: none;
}

.widget_categories form {
	margin-top: 15px;
}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
.global-nav {
	border-bottom: none;
	border-left: 1px solid #89A7DB;
	border-right: 1px solid #89A7DB;
	color: #5E5E5E;
}

.global-nav-in li a {
	padding: 0.9em;
}

.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus {
	background-color: #89A7DB;
	color: #FFFFFF;
}

.global-nav #menu li {
	border-right: 2px solid #89A7DB;
}
.global-nav #menu li.first {
	border-left: 2px solid #89A7DB;
}

.ylw2 {
	background: linear-gradient(transparent 60%, #fce89a 60%);
	font-weight: bold;
}

.ylw3 {
	background: linear-gradient(transparent 40%, #FCDF1D 60%);
	font-weight: bold;
}

.lightblue {
	background-color: #d9e6f6;
	font-weight: bold;
	padding: 2px;
	color: #444444;
}

/*---------------------------------------------------
商品情報テーブル
---------------------------------------------------*/
table.infotbl {
	table-layout: fixed;
 	width: 80%;
 	border-collapse: collapse;
 	margin: 10px auto;
}
table.infotbl td {
 	padding: 5px;
 	background: #fff;
 	text-align: center;
}
table.infotbl th {
 	padding: 5px;
 	background: #D3E0F4;
 	font-weight: bold;
 	text-align: center;
}
table.infotbl,table.infotbl th,table.infotbl td {
 	border: 1px solid #c0c0c0;
}

/*---------------------------------------------------
商品タグテーブル
---------------------------------------------------*/
table.tagtbl {
 	table-layout: fixed;
 	width: 90%;
 	border-collapse: collapse;
 	margin: 10px auto;
}
table.tagtbl td {
 	padding: 8px;
 	text-align: center;
}
table.tagtbl img {
  	width: 100%;
}
table.tagtbl,table.tagtbl th,table.tagtbl td {
 	border: none !important;
}
@media screen and (max-width:599px){
	table.tagtbl {
 		width: 100%;
	}
	table.tagtbl td {
 		padding: 2px;
	}
}

/*---------------------------------------------------
角丸ボックス（PCでは２列、スマホでは１列表示）
---------------------------------------------------*/
.ctbox {
    position: relative;
    padding: 15px;
    margin: 15px 4px;
    width: 44%;
    border: 2px solid #89A7DB;
    border-radius: 8px;
    color: #80888D;
    float: left;
    font-size: 0.9em;
	line-height: 1.4em;
}

@media screen and (max-width:599px){
	.ctbox {
    	position: relative;
    	padding: 10px;
    	margin: 10px 3px;
    	width: 87%;
	}
}

/*---------------------------------------------------
フローティングバナー
---------------------------------------------------*/
/* フッターの調整　*/
#footer {
	background-color: #EEE;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	max-width: 544px;
	z-index: 9998;
	transition: .8s;
}
/*ボタン用の画像の設定*/
.btn-pic {
	width: 24%;
	margin: 0 atuo;
	text-align: center;
	background-color: #EEE;
	cursor: pointer;
	float: left;
	border: 1px solid #EEE;
}
/*開閉のためにクリックする場所*/
.triger {
	background-color: #EEE;
	color: #fff;
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 100%;
	z-index: 9999;
	padding-left: 3px;
}

/*PC表示では非表示*/
.display_onoff {
	display: none;
}

/*スマホサイズだと表示*/
@media screen and (max-width: 599px) {
	.display_onoff {
		display: inline;
	}
}

/*---------------------------------------------------
商品比較表
---------------------------------------------------*/
table.hikakutbl {
  	table-layout: fixed;
  	border-collapse: collapse;
}
table.hikakutbl td {
  	padding: 5px;
  	background-color: #FFFFFF;
  	text-align: center;
  	vertical-align: middle;
}
table.hikakutbl th.colh {
  	padding: 5px;
  	background-color: #89A7DB;
  	color: #FFF;
  	text-align: center;
  	vertical-align: middle;
}
table.hikakutbl th.rowh {
  	padding: 5px;
  	background-color: #D3E0F4;
  	color: #000;
  	text-align: center;
  	vertical-align: middle;
}
table.hikakutbl, table.hikakutbl td, table.hikakutbl th {
  	border: solid 1px #C0C0C0;
  	font-size: 0.9em;
  	line-height: 1.4em;
}
@media screen and (max-width: 599px) {
	table.hikakutbl, table.hikakutbl td, table.hikakutbl th {
  		font-size: 60%;
  		padding: 2px;
	}
	.shortcode-star-rating {
 		padding: 0 !important;
	}
}

/*---------------------------------------------------
TOPページの特集用
---------------------------------------------------*/
.tkbox {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.tkbox .box-title {
    font-size: 1.2em;
    background: #89A7DB;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.tkbox .box-title:before {
    font-family: FontAwesome;
	content: "\f00c";
    margin-right: 10px;
}
.tkbox p {
    padding: 5px 15px;
    margin: 10px 0;
}

.tkbox img {
	margin: 0px 15px 15px 10px;
    float: left;
	width: 240px;
	height: 140px;
	object-fit: cover;
	-ms-interpolation-mode: bicubic;
	image-rendering: auto;
}

.tkbox a {
	color: #89A7DB;
/*	text-decoration: none;*/
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em !important;
	padding-top: 15px;
	display:block;
}

.tkbox span {
	margin: 15px 10px 15px 0 !important;
}

.tkbox span#kijitag {
	background: #666666;
	color: #fff;
	border-radius: 4px;
	font-size: 0.6em;
	padding: 4px 10px;
}

.tkbox span#bunshou {
	color: #909090;
	font-size: 90%;
}

.tkbox hr {
	margin: 0 auto 5px auto;
	width: 95%;
}

@media screen and (max-width:599px) {
	.tkbox p {
    	padding: 3px 10px;
	}
	.tkbox img {
		margin: 0px 7px 0 5px;
		width: 120px;
		height: 70px;
		object-fit: cover;
		-ms-interpolation-mode: bicubic;
		image-rendering: auto;
	}
	.tkbox span#kijitag {
		border-radius: 4px;
		font-size: 0.5em;
		line-height: 0.8em;
		padding: 2px;
	}
	.tkbox a {
		clear: both;
		font-size: 1.1em;
		line-height: 1.3em !important;
		padding-top: 8px;
	}
}

/*---------------------------------------------------
スマホ表示でフォントサイズ変更
---------------------------------------------------*/
@media screen and (max-width:599px) {
 	html {
		font-size: 90% !important;	/* 全体文字サイズ */
 	}
 	.float-area {
  		padding-top: 5px !important;
  		padding-bottom: 5px !important;
 	}

 	.section-in {
  		padding-top: 2px !important;
 	}
 	h1 {
  		padding-top: 5px !important;
 	}
 	h1.archive-title {
  		margin-bottom: 5px !important;
 	}

 	h2 {
  		font-size: 1.3em !important;
  		line-height: 1.6em !important;
  		margin-top: 15px !important;
  		margin-bottom: 10px !important;
 	}

 	h3 {
  		font-size: 1.3em !important;
  		line-height: 1.6em !important;
  		margin-top: 15px !important;
 	}

 	h3.section-title {
	  	margin-bottom: 15px !important;
 	}

 	h4 {
  		font-size: 1.3em !important;
  		line-height: 1.6em !important;
 	}

 	h5 {
  		font-size: 1.3em !important;
  		line-height: 1.6em !important;
 	}

 	/* ページタイトル */
 	.section-title {
  		font-size: 1.25em !important;
  		line-height: 1.5em !important;
  		margin-top: 0px !important;
  		margin-bottom: 10px !important;
 	}

 	.main-body-in {
   		padding-top: 5px !important;
 	}

	/* パンくずリスト */
 	.breadcrumbs-in {
  		font-size: .65em;
  		margin-top: -5px !important;
 	}

 	.site-title {
  		padding-top: 0px !important;
  		padding-bottom: 0px !important;
 	}
 	.site-header-conts {
  		padding-bottom: 2px !important;
  		padding-top: 42px !important;
 	}

 	/* タグ */
 	.cat {
  		font-size: .6em !important;
  		margin-top: 7px;
  		margin-bottom: 0px;
 	}
 	.site-header-cont {
  		padding-bottom: 0px !important;
 	}
 	.site-header-in {
  		padding-bottom: 3px !important;
 	}

	/* 更新日、公開日 */
 	.post-date {
   		font-size: .65em !important;
   		margin: 5px 0 0 0 !important;
 	}
}