/* 関連記事 */

.kanren {

	margin:2em auto;

}


.kanren a{

	font-size:1.3em;
	color:#000000;

}


.kanren a:hover{
	
	text-decoration:none;
}


.kanren img{
	vertical-align:middle;
	margin:5px 10px;
	max-height:1.6em;
}


.kanren p{
	color:#777;
	margin-left:20px;
}


.view{

	font-size:0.7em;
	text-align:right;

}




h4 {
	margin:0 0 20px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#7EBA03;
	border-style:solid;
	background:#fff;
	line-height:140%;
        font-size:1.2em;
	font-weight:bold;
}

/* 画像 */
.kiji_img{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

/* 手動目次 */
.toc{
	background-color:#eee;
	width:50%;
	padding:1em;
	position:relative;
	border:solid 1px #aaa;
	margin:1em;
	line-height:2em;
}

.toc a{
	color:#333;
}

/* 引用文 */

blockquote{
background-color:#eee;
padding:1em 1em 1em 3em;
position:relative;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before{
content:open-quote;
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}

blockquote a{
color:#999
}


/* ボタン */

.article-b a {
  width: 70%;
  background-color: #40BFFF;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(136,136,136,1);
  color: #ffffff;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 10px 0;
}
.article-b a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 12px auto 8px;
}

/* 自動ナンバリングつき見出し */

section {
    counter-reset:number; /* この要素ごとに数字をリセットする */
}

.num {
    position:relative;
    margin-left:40px;
    padding:8px 10px 6px;
    border-bottom:solid 2px #7EBA03;
}

.num:before {
    counter-increment:number;
    content:counter(number);
    position:absolute;
    top:0;
    left:-40px;
    padding:6px 10px;
    border:solid 2px #7EBA03;
    color:#7EBA03;
    font-weight: bold;
}

/* クロス比較レスポンシブ対応 */
@media screen and (max-width: 480px) {
.kiji_table .kobetu_hikaku table {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .kiji_table .kobetu_hikaku table tbody {
    white-space: nowrap;
  }
  .kiji_table .kobetu_hikaku table * {
    white-space: normal;
  }
  .kiji_table .kobetu_hikaku table tr, .kiji_table .kobetu_hikaku table th, .kiji_table .kobetu_hikaku table td {
    font-size: .85em;
    line-height: 1.25em;
width: 8.5em;
  }
  .kiji_table .kobetu_hikaku table th {
    padding: .25em .5em !important;
height: 7em; /* th部分の縦幅 */
  }
  .kiji_table .kobetu_hikaku table td {
    padding: .25em !important;
  }
  .kiji_table .kobetu_hikaku th:first-child,
  .kiji_table .kobetu_hikaku td:first-child {
height: 7em !important; /* 商品画像部分の縦幅 */
  }
  .kiji_table .kobetu_hikaku th:not(:last-child), .kiji_table .kobetu_hikaku td:not(:last-child) {
height: 7em; /* td部分の縦幅 */
  }
  .kiji_table .kobetu_hikaku .k_h_btn_s a {
    -webkit-background-size: auto 43px;
    -moz-background-size: auto 43px;
    -o-background-size: auto 43px;
    background-size: auto 43px;
    width: 54px;
    height: 22px;
  }
  .kiji_table .kobetu_hikaku .col2 img,
  .kiji_table .kobetu_hikaku .col3 img {
    height: 1.5em; /* ○×画像の大きさ */
    width: auto;
  }
  .kiji_table .kobetu_hikaku .col2:last-child img,
  .kiji_table .kobetu_hikaku .col3:last-child img {
height: 2.4em; /* 点数画像の大きさ */
  }

}