@charset "utf-8";

/******************************
 * スタイルリセット
 ******************************/

html,body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-style : normal;
	font-weight : normal;
}

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	color:#333;
	line-height: 1.5em;
	background-color:#eee;
	margin: 0px auto;
	padding: 0px;
	word-wrap:break-word;
}

/*通常リンク設定*/
a,
a:link,
a:visited,
a:active{ color: #03c; text-decoration: none }
a:hover { color: #c00; text-decoration: underline;}

img { border: none; }

em { 
	color: #c00;
	font-style:normal; 
	font-weight:bold; 
}

.marker{
	font-weight:normal;
	color:#333;
	background: linear-gradient(transparent 80%, #f90 60%);
}

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/* TopBlock ----------*/
#TopBlock {
/*	position: relative;*/
/*	height: 110px;*/
	background: #fff;
	text-align: left;
	padding: 1em 1em 1em 1.5em;
	margin: 0;
}

h1 {
/*	position: absolute;*/
	font-size: 2em;
	padding: 0;
	margin: 0;
/*	top: 42px;
	left:24px;*/
	color:#333;
}

h1 a,
h1 a:link,
h1 a:visited { color:#333; text-decoration: none; }
h1 a:hover { }

h1 img{max-width: 100%;}

#TopExplanation {
	background: #369;
	font-size:0.9em;
	color: #fff;
	margin: 0;
	padding: 12px 12px 12px 24px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#TopExplanation a,
#TopExplanation a:link,
#TopExplanation a:visited{ color: #fff; }
#TopExplanation a:hover{ color: #c00; }

.ad_top {/*トップ告用*/
	position: absolute;
	margin: 0;
	padding: 0;
	top: 30px;
	right:20px;
	width: 468px;
}

.ad_top img{max-width: 100%;}

#search{
	margin:0 0 1em 0;
	padding:1em 0 0 0;
/*	border-top:1px solid #666;*/
}

#cse-search-box input[type="text"] {
	padding: 0;
	margin: 0;
	height: 25px;
	width: 80%;
	font-size:1.2em;
	border:1px solid #ccc;
	font-family:sans-serif;
}

#cse-search-box input[type="submit"] {
	padding: 0;
	margin: 0;
	background-color: #333;
	border: 1px solid #666;
	color: #fff;
	height: 28px;
	width: 15%;
	text-align:center;
}

/********************************
  大ブロックレイアウト
*********************************/
#wrapper{
	margin:0 24px 0 0;
	padding:0;
	overflow: hidden;
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

#container {
	float : left;
	width: 100%;
	margin:0 -325px 0 10px;
}


/*左記事用ボックス*/
#left {
	margin:0 325px 0 10px;
	padding:0 10px;
	background: #fff;
} 

/*右メニュー用ボックス*/
#rmenu { 
	width:300px;
	float:right;
	margin:0 0 15px 0;
	padding:0;
}

/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/* Enyry Block ----------*/
#EntryBlock {
	text-align: left;
	margin: 0px;
	padding:10px 0px 24px 0px;
}

/*アーカイブ、カテゴリ上部タイトル一覧*/
.TitleList_Box{
	font-size:0.9em;
	line-height:1.2em;
	margin:0 20px;
	padding:0.8em 1em;
	border:1px solid #999;
}

.TitleList_Box a,
.TitleList_Box a:link,
.TitleList_Box a:visited,
.TitleList_Box a:active{ color: #333; text-decoration: none }
.TitleList_Box a:hover{ color: #c00; text-decoration: underline }

.TitleList_Box ul{
	list-style-type:none;
	list-style-position: inside;
	margin:0;
	padding:0;
}

.TitleList_Box li{
	margin:0 0 0.5em 0;
	padding-left:8em;
	text-indent:-8em;
}

.EntryInnerBlock {
	text-align: left;
	padding: 0 2em;
	margin: 0;
}

.EntryInnerBlock_ne {
	text-align: left;
	padding: 0 2em;
	margin: 0;
	border-bottom:1px solid #ccc;
}

.EntryInnerBlock h2 {
	margin: 5px 0 0 0;
	padding: 1em 0.5em 0.5em 0.5em;
	font-size: 1.5em;
	line-height:1.5em;
}

.EntryInnerBlock_ne h2 {
	line-height:1.2em;
	margin-top:1.5em;
	font-size: 1.2em;
}

.EntryInnerBlock h2 a,
.EntryInnerBlock h2 a:link,
.EntryInnerBlock h2 a:visited,
.EntryInnerBlock h2 a:active,
.EntryInnerBlock_ne h2 a,
.EntryInnerBlock_ne h2 a:link,
.EntryInnerBlock_ne h2 a:visited,
.EntryInnerBloc_nek h2 a:active{ color: #333; text-decoration:none; }
.EntryInnerBlock h2 a:hover,
.EntryInnerBlock_ne h2 a:hover{ color: #c00; text-decoration:underline; }

.EntryWriteDate {
	position: relative;
	text-align:right;
	margin: 0 0 15px 0;
	padding: 0.3em 1em 0.3em 1em;
	font-size:0.8em;
}

.EntryWriteDate a,
.EntryWriteDate a:link,
.EntryWriteDate a:visited,
.EntryWriteDate a:active{ color: #333; text-decoration:none; }
.EntryWriteDate a:hover{ color: #c00; text-decoration:underline; }

/*詳細記事以外のページ
左に画像、右に記事要約を表示*/
.box-card{ 
	display:flex;
	margin:1em 0;
}

.box-card-left{
	margin:0;
	padding:0;
}

.box-card-left img{
	width:250px;
	height:187px;
	object-fit:cover;
}

.box-card-right{
	margin:0 0 0 1em;
	padding:0;
}

.box-card-right h2 {
	margin:0;
}

.box-card-right .EntryWriteDate{
	text-align:left;
	padding:0;
}

.noimage-box-card{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width:250px;
	height: 187px;
	background-color:#eee;
	border:1px solid #ccc;
}

.noimage-box-card span{
	color:#999;
	font-size:2em;
	font-family:"Times New Roman";
}

/*-- 本文要約 --*/
.entry-des{
	margin:1em 0.5em 1em 0;
	font-size:0.9em;
}

.EntryInnerBlock h3{
	position: relative;
	margin: 2em 0 1em 0;
	padding: 0.5em;
	font-size: 1.2em;
	color:#fff;
	font-weight:normal;
	background: #369;
}

.EntryInnerBlock h4 { 
	margin: 3em 0 1em 0;
	padding: 0.5em 0 0.2em 0;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:5px solid #369;
}

.EntryInnerBlock h5 { 
	font-size:1em;
	padding: 0.5em 0 0.5em 0.5em;
	margin: 12px 0;
	font-weight:bold;
	border-left:6px solid #369;
}

.EntryTextBox { 
	margin: 1.5em 0.5em;
}

.EntryText {
	color: #333; 
	margin: 0; 
	padding: 0; 
	text-align: left;
}

.EntryText ul,
.EntryText ol{
	margin:0.5em 0 2em 2em;
}

/*自動目次_汎用*/
#toc{
	font-size: 0.9em;
	padding:1em;
	margin:2em 3em 0 3em;
	border:1px solid #999;
	background:#eee;
}

#toc:before {
  content: "【 目次 】";
  font-weight:bold;
}

#toc a,
#toc a:link,
#toc a:visited,
#toc a:active{ color: #333; text-decoration:none;}
#toc a:hover{ color: #c00; text-decoration:underline;}

/*自動目次*/
#toc ul,
#toc ol{
	margin:0.5em 0 0 2em;
}

/*自動目次_Blogger用改忍者ブログ*/
.b-toc-container{
	font-size: 0.9em;
	padding:1em 1em 1em 2em;
	margin:2em auto 0 auto;
	border:1px solid #999;
	background:#eee;
	width:auto;
	display:table;
}

.b-toc-container p{
	text-align:center;
	margin:0;
	padding:0
}

.b-toc-container ul{
	margin:0.5em 0 0 2em;
/*	list-style-type:none;
	list-style:none;
	margin:0;
	padding:0*/
}

.b-toc-container>ul{margin:15px 0 0}

.b-toc-container.hide>ul{display:none}

.b-toc-container ul li{
	margin-bottom:0.8em;
}

.b-toc-container ul li:after,
.b-toc-container ul li:before{
	background:0;
	border-radius:0;
	content:""
}

.b-toc-container ul li a{
	text-decoration:none;
	color:#333!important;
/*	font-weight:400;*/
	display:flex;
	align-items:flex-start;
	flex-wrap:nowrap
}

.b-toc-container ul li .toc-number{
/*	margin:0 .5em 0 0;*/
	white-space:nowrap
}

.b-toc-container ul li .toc-text:hover{
	color: #c00;
	text-decoration:underline;
}



.EntryText ul.space li{
	margin-bottom:2em;
}

.EntryText ul.space li li{
	margin-bottom:0;
}

.EntryText dl{}
.EntryText dt{text-decoration:underline;}
.EntryText dd{margin:0 0 24px 0;}

ul.hp_camp li,
ol.hp_camp li{
	margin-bottom:12px;
}
ul.hp_camp p,
ol.hp_camp p{
	margin-left:2em;
}

ul.innr_link a,
ul.innr_link a:link,
ul.innr_link a:visited,
ul.innr_link a:active{ color: #333; text-decoration:none;}
ul.innr_link a:hover{ color: #c00; text-decoration:underline;}

.EntryText img {
	padding: 0px;
	margin: 6px 0;
	max-width: 100%;
}

.EntryText .afi img{ margin: 6px 0px }

.EntryText #mokuji{background:#eee;padding:0.5em 0;}

/*YouTubeの埋め込み動画をレスポンシブにする*/
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-- 追記 --*/
.EntryPsText { padding: 15px 0px; text-align: left; }

.EntryInnerBlock table {
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	margin-bottom: 24px;
	font-size:0.9em;
}

.EntryInnerBlock caption { 
	font-weight:bold; 
	text-align:left; 
}

.EntryInnerBlock th, 
.EntryInnerBlock td {
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	padding: 6px;
	vertical-align:top;
	text-align:left;
}

.EntryInnerBlock th{
	background:#eee; 
	font-weight:bold;
}

.EntryInnerBlock td p{ 
	margin:2px 0 0 0;
	padding: 0 0 0 3px;
	overflow:visible;
}

/*ThinkPad X60s vs VAIO PCG-FR33 ベンチマーク記事に使用*/
table.bench{ }

th.th-top{
	background-color:#333;
	color:#fff;
}

th.th-top-graph{
	background-color:#333;
	color:#fff;
	width:250px;
}

th.koumoku-dai{/*Crystalmarkの大項目*/
	font-weight:bold;
}

th.koumoku-dai-first{/*Crystalmarkの最初の大項目*/
	font-weight:bold;
}

th.koumoku-shou{/*Crystalmarkの小項目*/
	text-indent:3em;
}

th.th-spec{
	background-color:#ccc;
	font-weight:bold;
	text-align:center;
}

td.graph{
	padding:6px 0;
}

p.bar1{/*ThinkPad X60s vs VAIO PCG-FR33 ベンチマーク記事に使用*/
    height: 20px;
    margin:6px 0;
    background-color: #036;
}

p.bar2{/*ThinkPad X60s vs VAIO PCG-FR33 ベンチマーク記事に使用*/
    height: 20px;
    margin:6px 0;
    background-color: #600;
}

th.koumoku-dai-end,
td.koumoku-dai-end {
  border-bottom:2px solid #666;
}
/*ここまで：ThinkPad X60s vs VAIO PCG-FR33 ベンチマーク記事に使用*/

/*「SANYO MZ3の空の色」で使用
MZ3の空の色ー原因発見
シグマ純正Li-ionバッテリー到着*/
.hikaku-table{
	text-align:center;
}

/*文の取り消し線*/
.line-through{ text-decoration:line-through }

.EntryFooter {
	font-weight: normal;
	text-align: right;
	margin: 0 0.5em 0 0;
	padding: 0;  
}

.EntryInnerBlock_ne .EntryFooter{
	margin-bottom:0;
	padding-bottom: 0;  
}

.EntryFooter a,
.EntryFooter a:link,
.EntryFooter a:visited,
.EntryFooter a:active{ color: #333;  text-decoration: underline; }
.EntryFooter a:hover { color: #c00; text-decoration: underline;}

.move-page{
	text-align: center;
	font-weight:bold;
	margin:2em;
	line-height:2em;
}

.move-page span{
	padding: 3px 6px;
	border:1px solid #ccc;
}


.move-page a:link,
.move-page a:visited{
	font-weight:normal;
	padding:3px 6px;
	border:1px solid #ccc;
	background: #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration:none;
	color: #333;
}

.move-page a:hover{
	background: #c00;
	color: #fff;
}

.move-top{
	text-align:right;
	margin: 1.5em 2.5em;
	font-weight:bold;
}

.move-top a{
	padding: 0.8em;
	background: #ccc;
	color: #333;
}

.move-top a,
.move-top a:link,
.move-top a:visited{ color: #333; text-decoration:none; }
.move-top a:hover{ color: #fff; background: #c00;}

hr { 
	margin:1em;
}

input, textarea {
	font-family: Verdana, "Osaka", "MS UI Gothic", sans-serif;
	font-size: 1em;
	color: #333;
}

select {
	font-family: Verdana, "Osaka", "MS UI Gothic", sans-serif;
	font-size: 1em;
	color: #333;
	background-color: #F9F7F2;
	margin: 1px 0px;
	padding: 2px;
}

blockquote{
	background-color: #eee;
	padding: 2em;
	position: relative;
	border: 1px solid #ccc;
	margin: 2em;
}
 
blockquote:before{
	content: "“";
	font-size: 400%;
	line-height: 1em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color: #999;
	position: absolute;
	left: 0.15em;
	top: 0.15em;
}
 
blockquote:after{
	content: "”";
	font-size: 400%;
	line-height: 0em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color: #999;
	position: absolute;
	right: 0.15em;
	bottom: 0.15em;
}

.quotetitle{
	font-weight: bold;
	border-bottom: 1px solid #333;
	padding-bottom: 6px;
	margin-bottom: 12px;
}


pre {
	background: #eee; 
	padding: 6px;
	margin:1em;
}

code{
	font-family: Consolas, Menlo, 'Liberation Mono', Courier, monospace;
}

/* ---------------------------------------------------------
/ PCアフィリンク関連
--------------------------------------------------------- */
/*----------------------
商品紹介用ボックス
---------------------*/
.afbox{
	position: relative;
	font-size:0.9em;
	overflow:  hidden;
	margin:1em auto;
	padding:1.5em 1.5em 1.5em 0.5em;
/*	border:1px solid #999999;*/
}

.afbox-left{
	width:300px;
	float:left;
	margin-bottom:1em;
}

.afbox-right{
	width:420px;
	float:left;
	margin-left:1.5em;
	margin-bottom:2em;
}

/*商品画像がない場合に使用*/
.noimage{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 225px;
	background-color:#eee;
	border:1px solid #ccc;
}

.noimage span{
	color:#999;
	font-size:3em;
	font-family:"Times New Roman";
}
/*スペック表示部*/
ul.spec{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

ul.spec li{
	border-bottom: 1px dashed #999999;
	padding-right:1em;
/*	text-indent:-1em;
	padding-left:1em;*/
}

/*
ul.spec li ::before{
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	color: #192f60;
	padding-right: 6px;
	font-weight: 900;
}
*/

span.kakaku{
	color:#c00;
	font-weight:bold;
	font-size:1.2em;
}

.futoji{ font-weight:bold; }

/*アフィリンクボタン*/
/*PCお買い得情報からコピペしクラス名を変更*/
.afi-bg{
	 clear:both;
}

.afi-bg a{
	margin-top:3em;
	padding:0.6em 1em;
	background-color:#c00;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}

.afi-bg a,
.afi-bg a:link,
.afi-bg a:visited{ color:#fff; }
.afi-bg a:hover{ 
	color:#fff;
	background: #c33;
}

/*アフィリンクボタン*/
/*2021年までに使用していたもの*/
/*
span.afi-bg a{
	padding:0.6em 1em;
	line-height:4em;
	border-radius: 3px;
	color:#fff;
	background: #c00;
	text-decoration: none;
}

span.afi-bg a,
span.afi-bg a:link,
span.afi-bg a:visited{ color:#fff; text-decoration: none; }
span.afi-bg a:hover{ 
	color:#fff;
	text-decoration: none;
	background: #c33;
}
*/
/* ---------------------------------------------------------
/ 『タイトル付きリストボックス』
--------------------------------------------------------- */
.box-blue{
	position: relative;
	margin: 2em 0;
	padding: 0;
	border: solid 2px #aabbcc;
	border-radius: 3px;
}

.box-yellow{
	position: relative;
	margin: 2em 0;
	padding: 0;
	border: solid 2px #a69425;
	border-radius: 3px;
}

/*
.box-title {
	position: absolute;
	display: inline-block;
	top: 0;
	left: -1px;
	padding: 0.25em 0.5em;
	font-size: 1em;
}
*/

.box-title {
	margin: -2px -2px 1em 0;
	padding: 0.5em 0.5em;
	font-size: 1em;
	color: #000;
	background: #aabbcc;
}

.box-yellow .box-title {
	background: #a69425;
	color: #fff;
}

.box-blue ul,
.box-yellow ul{ margin: 1em 0 1em 0; }

.box-blue ul li,
.box-yellow ul li{
  line-height: 1.2em;
  padding: 0.5em 0.5em 0.5em 2.5em;
  list-style-type: none!important;
}

.box-blue ul li:before,
.box-yellow ul li:before{
	position: absolute;
	font-family: "FontAwesome";
	content: "\f00c";/*アイコンの種類*/
	font-size: 1em;
	left : 1em;/*左端からのアイコンまでの距離*/
	color: #aabbcc;/*アイコン色*/
}


.box-yellow ul li:before{
	color: #a69425;/*アイコン色*/
}
/*
.box-blue p{ margin: 0 0 1em 0;}
.box-blue { border: solid 2px #aabbcc; border-radius: 3px;}*/
/*.box-blue .box-title { color: #333; background: #aabbcc; }*/
/*.box-blue ul li:before { color: #aabbcc; }*/

/*G-Tools用*/
div.hreview_outer { margin-bottom:24px;}
div.hreview { overflow: hidden; position: relative; zoom:1; }
div.hreview img.photo { float:left; border:none; margin-right:12px; }
div.hreview2 { width:150px; float:left; }
div.hreview2 img.photo { border:none }
div.book-list dt,
div.book-list dd,
div.hreview dt,
div.hreview dd,
div.hreview2 dt,
div.hreview2 dd { margin:0; padding:0; }
div.hreview dt { font-size:1.2em; }
div.hreview dl { }
p.writer { /*clear:both;*/ margin:0px; }
p.gtools { /*clear:both;*/ margin:0px; font-size:1em; }
div.mokuji dt{ font-weight:bold; }
div.mokuji dd{ margin:0px 0px 12px 24px; }
ul.kanren_link { margin:0; padding:12px 0 0 6px; }
ul.kanren_link li { list-style-type:none; }
span.kanren_title { font-weight:bold; margin:0; padding:0;}
ul.kanren_link li ul { margin:0 0 12px 24px; padding:0; }
ul.kanren_link li ul li{ list-style-type:circle; }

/*ヨメレバ用*/
.booklink-box {
	text-align:left;
	margin:24px 0 0 0;
	padding-bottom:0px;
	zoom: 1;
	overflow: hidden;
}

.booklink-image { 
	float:left;
	margin:0 20px 10px 0;
}

.booklink-info { 
	zoom: 1;
	overflow: hidden;
	line-height:120%;
	margin-top:6px;
}

.booklink-name {
	font-size:1.2em;
	margin-bottom:10px;
	line-height:120%;
}

.booklink-powered-date { 
	font-size:1em;
	margin-top:5px;
	font-family:verdana;
	line-height:120%;
}

.booklink-detail { margin-bottom:5px; }

.booklink-link2 { 
	margin-top:10px;
	position:relative;
}

.booklink-footer{ clear:both; margin:0px; padding:0px; }

/*カエレバ用NEW*/

.kaerebalink-box,
.booklink-box {
	width: 100%;
	margin: 0 0 2rem;
	padding: 1rem;
	background: #ffffff;
	border: 1px solid;
	border-color: #eaeaea #dddddd #d0d0d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	zoom:1;
}
.kaerebalink-box:after,
.booklink-box:after {
	content:"";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.kaerebalink-image, 
.booklink-image {
	float:left;
	width:128px;
	margin:0;
	text-align:center;
}
.kaerebakink-image img,
.booklink-image img { width:128px; height:auto; }

.kaerebalink-info,
.booklink-info { margin: 0 0 0 140px; line-height: 1.6rem; }
.kaerebalink-name,
.booklink-name {
	font-size: 1.0625rem;
	font-weight: bold;
	margin: 0;
}
.kaerebalink-name a,
.booklink-name a { color: #2b2b2b; }

.kaerebalink-name a:hover,
.booklink-name a:hover { text-decoration: underline; }

.kaerebalink-powered-date,
.booklink-powered-date { font-size: 0.75rem; font-weight: normal; color:#333;}

.kaerebalink-detail,
.booklink-detail { font-size: 0.9375rem; margin: 0 0 0.5em; color:#333;}

.kaerebalink-link1,
.booklink-link2 { width:100%; }

.kaerebalink-link1 div,
.booklink-link2 div {
	float: left;
	width: 49.5%;
	margin-bottom: 1%;
	font-size: 0.875rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even),
.booklink-link2 div:nth-child(even) { margin-left: 1%; }

.kaerebalink-link1 div a,
.booklink-link2 div a { display:block; padding:3px 0; text-decoration:none; }

.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkrakukobo a,
.shoplinkyahoo a,
.shoplinkyahooAuc a,
.shoplinkseven a,
.shoplinkbellemaison a,
.shoplinkcecile a,
.shoplinkkakakucom a,
.shoplinkkindle a,
.shoplinkbk1 a,
.shoplinkehon a,
.shoplinkkino a,
.shoplinkjun a,
.shoplinktoshokan a {
	display:block;
	text-decoration:none;
}

.shoplinkamazon a { color:#ffffff; background:#ff9900; }
.shoplinkkindle a { color:#ffffff; background:#1882c9; }
.shoplinkrakuten a { color:#ffffff; background:#bf0000; }
.shoplinkrakukobo a { color:#ffffff; background:#bf0000; }
.shoplinkyahoo a { color:#ffffff; background:#fc1d2f; }
.shoplinkyahooAuc a { color:#252525; background:#ffdb00; }
.shoplinkseven a { color:#ffffff; background:#225093; }
.shoplinkbellemaison a { color:#ffffff; background:#83be00; }
.shoplinkcecile a { color:#ffffff; background:#6b053d; }
.shoplinkkakakucom a { color:#ffffff; background:#00138e; }
.shoplinkbk1 a { color:#ffffff; background:#0484d2; }
.shoplinkehon a { color:#ffffff; background:#00006a; }
.shoplinkkino a { color:#ffffff; background:#003e9d; }
.shoplinkjun a { color:#4b5854; background:#d8c9b7; }
.shoplinktoshokan a { color:#ffffff; background:#29b6e9; }
.booklink-footer { clear:both !important; }

@media only screen and (min-width:460px) and (max-width:640px) {
	.kaerebalink-link1 div,
	.booklink-link2 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even),
	.booklink-link2 div:nth-child(even) { margin-left: 0; }
}

@media only screen and (max-width:459px) {
	.kaerebalink-image,
	.booklink-image {
		float:none;
		width:100%;
		margin:0;
		text-align:center;
	}
	
	.kaerebalink-image img,
	.booklink-image img { width:180px; height:auto; }
	
	.kaerebalink-info,
	.booklink-info { margin: 0; }
	
	.kaerebalink-link1 div,
	.booklink-link2 div { float: none; width: 100%; }
	
	.kaerebalink-link1 div:nth-child(even),
	.booklink-link2 div:nth-child(even) { margin-left: 0; }
}

.shoplinkrakuten img {
	display: inline !important;
}

.kaerebalink-link1 a,
.booklink-link2 a {
	display: inline-block !important;
	width:99%;
}

.imgspace {
	margin-top:100px;

}

.imgwaku{
	border: 3px solid #eeeeee;
}


#footer-widget {
	display:block
}
/*カエレバ用NEW終わり*/

/*VC MyLinkBox用ブロック内色*/
.mlb{background color:#fff;}

/*アフィリエイトリンク用矢印アイコン*/
#EntryBlock img.afi_icon,
.EntryText img.afi_icon{
	vertical-align:middle;
	margin:0;
	padding:0;
}


/*グーグルアドセンス*/
#gad{ margin: 10px 0 0 0; }

/*アドセンス上部リンクユニット*/
.gad_linkunit{
	margin:6px 12px 0 18px;
	padding:0;
}

/*記事上部広告*/
.afi-entry-top ul{
margin: 24px 24px 24px 26px;
}

.afi-entry-top li{

}

.afi-entry-top p{ /*バナー広告用*/
	width:468px;
	padding:0;
	margin: 24px auto;
}

/*リスト用三角マーカー*/
ul.triStyle{
	
}

ul.triStyle li {
	position: relative;
	margin-left: 1em;
	padding-left: 2.5em;
	list-style-type: none;
	line-height:1.5em;
}

ul.triStyle li:before{
	position: absolute;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	left:1em;
	margin: 0.3em 0.5em 0 0.3em;
	border: 0.5em solid transparent;
	border-right: 0 solid transparent;
	border-left: 12px solid #e66;
}

/*三角マーカー*/
.text-arrow::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0.5em -0.15em 0.3em;
	border: 0.5em solid transparent;
	border-right: 0 solid transparent;
	border-left: 12px solid #c00;
/*	border-left: 12px solid #d9333f*//*紅赤べにあか*/;
}

/*アフィリエイトの1px画像のリンクアンダーラインを消す。バリューコマース用*/
.img_px_box{ margin: 0 0 24px 18px }
a:link img.img_px {
	margin:0;
	padding:0;
	border-bottom:1px solid #333;
}

/*アフィリエイトの1px画像のmargin,paddingを0にする。リンクシェア用*/
img.w1-image {
	margin:0;
	padding:0;
}

.kaerebalink-box img{
	margin:0;
	padding:0;
}

/*A8のアフィリエイト画像リンクがスクリプト生成で画像サイズを指定できないとき使用*/
/*<span class="a8ad 2i9fRX7-g7-pge6q3C"></span>の間に画像が生成される。a8ad以降のランダム英数字はリンク取得時によって変わる*/
span.a8ad-l img{
	width:400px;
	vertical-align:bottom;
	margin: 0;
}

/*リンク左の三角の位置*/
img.nomargin{
	margin:0;
	padding:0;
	vertical-align:middle;
}

p.indent-1 {
	margin:1em 0;
	padding-left:16px;
	text-indent:-16px;
}

/*記事下広告*/
.entry_bottom_ad{
	margin:4em 1.5em 1.5em 1.5em;
	text-align:center;
}

/**************************************************************************************
各コメント表示部分の設定
**************************************************************************************/
/* Comment Block ----------*/
.CommentBlock{ 
	margin:0.5em;
	padding: 20px;
/*	margin: 0px 20px 20px 20px;*/
}

.CommentBlock h3{
	margin: 0 0.5em 1em 0.5em;
	padding: 0.5em;
	color:#fff;
	font-weight:normal;
	background: #333;
}

/* (この記事にコメントする) -----*/
.CommentMenuTitle,
.TrackbackMenuTitle {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color: #333;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #606054;
	margin: 15px 0px;
	padding-bottom: 5px;
}

.CommentTextBox {
	border-bottom: 1px #666 dotted;
	padding: 10px 0px;
}

.CommentTitle,
.CommentResTitle,
.TrackbackTitle { 
	text-align: left; 
	border-left:5px solid #9c3; 
	padding: 3px 6px;
}

.CommentText,
.TrackbackText { padding: 10px 0px; color: #333; }

.CommentFooter,
.CommentResFooter,
.TrackbackFooter {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	padding: 5px 0px;
	text-align:right;
}

/* Comment Form Block ----------*/
.CommentFormBlock{ 
	margin-top: 10px;
}

.CommentFormBlock table{
	margin: 0 0.5em;
	padding: 0;
	text-align:left;
}

.CommentFormBlock textarea {
	width:100%;
}

/*コメントフォームTHタグ設定*/
.CommentFormBlock th{
	padding: 6px;
	margin:0;
	color:#fff;
	background: #333;
	white-space: nowrap;
}
.CommentFormBlock td{ 
	padding:6px;
	margin:0;
}

/* (送信ボタン) -----*/
.CommentFormBlock p.form_submit{ text-align:center; }

.CommentFormBlock input[type="submit"] {
	padding: 0.5em;
	margin: 0;
	border:none;
	background-color: #333;
	color: #fff;
	font-weight:bold;
	text-align:center;
}

/* (input, textarea) -----*/
.CommentForms{ }

/**************************************************************************************
プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.plugin_data {
	text-align: left;
	margin: 5px 0;
}

.Plugin_data_archives{
	word-wrap:break-word;
	height:600px;
	overflow: auto;
}

.Plugin_data_archives a{
	line-height:170%;
}

.plugin_data p{
	margin-bottom:1em;
}

.plugin_data ul,
.Plugin_data_archives ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.plugin_data ul li{
	line-height:1.5em;
	margin-bottom:0.5em;
}

.Plugin_data_archives ul li{
	line-height:1em;
}

.plugin_data ul.recentry_comment li p{
	margin: 0.5em 0 2em 1em;
}

/* (各プラグイン処理内基本デザインの下に記載する日付など) -----*/
.Plugin_data_date {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	text-align: right;
}

.PluginInnerBlock,
.PluginInnerBlock_analyze { 
/*	font-size:0.9em;*/
	padding: 0px;
	margin: 0px 0px 24px 0px;
}

.PluginInnerBlock_ad,
.PluginInnerBlock_ninja_ad { /*アドセンス用*/
	font-size:0.9em;
	padding: 0;
	margin: 12px 0;
	background:#fff;
}

.ad_middle {/*中広告用*/
	padding: 0;
	margin: 36px 0 24px 0;
	background:#fff;
}

/*各プラグイン名*/
.PluginInnerBlock h2,
.PluginInnerBlock_ad h2,
.PluginInnerBlock_ninja_ad h2,
.PluginInnerBlock_analyze h2 {
	font-size: 1em;
	color: #fff;
	font-weight: normal;
	text-align: left;
	background: #369;
	padding: 0.5em;
	margin: 0 0 12px 0;
}

.PluginInnerBlock h3 {
	border-left: 5px #666 solid;
	padding: 4px 0px 2px 6px;
	margin: 12px 0px 0px 0px;
}

.PluginInnerBlock h4 {
	margin:24px 0px 0px 0px;
	padding: 0px;
	font-size:1em;
}

/* (プラグインの説明部分の設定) ----------*/
.PluginExplanation { padding: 5px 0px; }

.PluginContents {
	font-family: Verdana, "MS UI Gothic", "Osaka", "MS UI Gothic", sans-serif;
	font-size:0.9em;
	color: #333;
	line-height: 120%;
	margin-bottom: 15px;
	padding: 12px;
}

#commentlist li li{
	margin-left:2em;
	padding-left:0;
}

.PluginContents_ad{/*アドセンス用*/
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	color: #333;
}

.PluginContents_ad p{
	padding:0.9em;
}

.plugin_innrlink a,
.plugin_innrlinka:link,
.plugin_innrlink a:visited,
.plugin_innrlink a:active { color: #333; }
.plugin_innrlink a:hover { color: #c00; text-decoration:underline; }

/*忍者ブログの強制広告*/
.NinjaEntryCommercial{
	margin:0 auto;
}

.PluginContents_ninja_ad{
	margin: 0;
	padding:0;
	overflow: auto;
	background:#eee;
}

.PluginContents p.after_h4{
	margin-top:0px;
	padding-top:0px;
}

/*ブログランキングバナー*/
.branking { 
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.branking li { margin: 5px 0px; } 
.branking li img{ border: none; }

/*テンプレート作者、ブログ会社部*/
.plugin_powerd {
	font-family: Verdana, "Osaka", "MS UI Gothic", sans-serif;
	font-size: 1em;
	line-height: 200%;
	padding: 30px 0px;
}

/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/* Plugin Data ----------*/


/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/* Footer Block ----------*/
#FooterBlock {
	clear:both;
	font-size: 0.9em;
	color: #999;
	line-height: 150%;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 1em 0;
	background: #333;
}

.footer_menu{
	padding: 0;
}

.footer_copy {
	font-family: Verdana, "Osaka", "MS UI Gothic", sans-serif;
	font-size: 1em;
	padding: 0;
	text-align: center; 
}

#FooterBlock a,
#FooterBlock a:link,
#FooterBlock a:visited,
#FooterBlock a:active { color: #ccc; }
#FooterBlock a:hover { color: #c00; text-decoration:underline; }


/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	border-bottom: 1px #606054 dotted;
	padding:15px 0px 15px 20px;
}

.CommentResBox { color: #82816F; }

.CommentResText { padding:10px 0px; }

.CommentResFooter { text-align:right; }
/*-------------------------------------------------------
  ツリー用
-------------------------------------------------------*/
/*「.plugin_data ul」はプラグインブロック用デザインにあり*/

.plugin_data ul.tree li{
	margin: 0;
	padding: 0px 0px 0px 20px;
}

.plugin_data ul.tree li.end {

}

/**************************************************************************************
レスポンシブ (タブレット以下)
**************************************************************************************/
/* 1024px */
@media screen and (max-width:1024px){
	body{ max-width:1024px; }

	#TopBlock{
		position: static;
		width: 90%;
		height:auto;
		margin: 0 auto;
		padding: 20px 5%;
	}

	h1 {
		position: static;
		width: 100%;
		margin:0;
		padding:0;
	}

	h1 img{ max-width: 100%; }

	.EntryText img {
		max-width: 100%;
		padding: 0;
		margin: 6px 0;
	}

	.ad_top{
		position: static;
		width:auto;
		margin:10px auto 0 auto;
	}

}

/* 768px */
@media screen and (max-width:768px){
	body{ max-width:768px }

	#TopBlock{
		position: static;
		width: 90%;
		height:auto;
		margin: 0 auto;
		padding: 20px 5%;
	}

	h1 {
		position: static;
		width: 100%;
		margin:0;
		padding:0;
	}

	h1 img{ max-width: 100%; }

	.EntryText img {
		max-width: 100%;
		padding: 0;
		margin: 6px 0;
	}

	.ad_top{
		position: static;
		width:auto;
		margin:10px auto 0 auto;
	}

	#wrapper{
		margin:0 auto;
		width:98%;
	}

	#container{
		float:none;
		margin:0;
	}

	#left{ margin:0; }

	#rmenu { 
		width:98%;
		float:none;
		margin:24px auto;
	}

	.TitleList_Box{ display:none; }

	.EntryInnerBlock { padding:0 1em; }

	.CommentBlock{ 
		padding:1em 0;
		margin:0 1em;
	}

	.PluginInnerBlock_analyze h2 { margin: 0 0 12px 0; }
	
	.box-card{ 
	display:block;
	}

	.box-card-right{
	margin:1em 0 0 0;
	}
}

/* 384px */
@media screen and (max-width:384px){
	body{ max-width:384px; }

	#TopBlock{
		position: static;
		width: 90%;
		margin: 0 auto;
		padding: 20px 5%;
	}

	h1 {
		position: static;
		width: 100%;
		margin:0 auto;
	}

	h1 img{ max-width: 100%; }

	.EntryText img {
		max-width: 100%;
		padding: 0;
		margin: 6px 0;
	}

	.ad_top{
		position: static;
		width:auto;
		margin:10px auto 0 auto;
	}

	#wrapper{
		margin:0 auto;
		width:98% !important;
	}

	#container{
		float:none;
		margin:0;
	}

	#left{ margin:0; }

	#rmenu { 
		width:98%;
		float:none;
		margin:24px auto;
	}

	.TitleList_Box{ display:none; }

	.EntryInnerBlock { padding:0 1em; }

	.CommentBlock{ 
		padding:1em 0;
		margin:0 1em;
	}

	.PluginInnerBlock_analyze h2 { margin: 0 0 12px 0; }

	.box-card{ 
	display:block;
	}

	.box-card-right{
	margin:1em 0 0 0;
	}
}