@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */



/* 画像に外枠線を付ける 20151124追記 */
img.qwq {
	border:1px solid #999999;
}


/* 見出しh2 2017/06/21 */
.entry-content h2 {
border-left: 6px solid #000000;
border-bottom: 0px solid #000000;
margin: 0px 0px 0px 0px;
padding: 11px 0px 11px 9px;
font-size: 20px;
background-color: #f6f6f6;}


/* 見出しh3 2017/06/21 */
.entry-content h3 {
border-left: 0px solid #000000;
border-bottom: 2px solid #000000;
margin: 0px 0px 0px 0px;
padding: 3px 0px 8px 0px;
font-size: 17px;
background-color: #ffffff;}


/* 見出しh4 2018/03/02 */
.entry-content h4 {
border-left: 0px solid #000000;
border-bottom: 2px solid #000000;
margin: 0px 0px 0px 0px;
padding: 3px 0px 8px 0px;
font-size: 17px;
background-color: #ffffff;}




/* 20160226追記 */
/* サンプル2要素 
----------------------------------------------------------- */  
.sample2 blockquote {
    background-color: #FFFFFF;  
    padding: 15px 20px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    color: #212121;
}
.sample2 p  {
    margin-bottom: 12px;
}
.sample2 .origin    {
    text-align: right;
    margin-bottom:20px;
}
.sample2 .origin a  {
    color: #2D88B3;
}


/* 20160215追記 */
/*--------------------------------------
  ヨメレバ・カエレバ　１
--------------------------------------*/
.booklink-box, .kaerebalink-box {
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 1px 1px 3px 1px #ddd;
	padding: 10px 15px;
}

.booklink-image, .kaerebalink-image {
	margin: 0 0 15px;
}

.booklink-image img, .kaerebalink-image img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.booklink-info, .kaerebalink-info {
	text-align: center;
	line-height: 120%;
	overflow: hidden;
}

.booklink-name, .kaerebalink-name {
	font-size: 16px;
	margin-bottom: 14px;
	line-height: 1.2em;
}

.booklink-powered-date, .kaerebalink-powered-date {
	font-size: 8pt;
	line-height: 120%;
}

.booklink-powered-detail, .kaerebalink-detail {
	margin-bottom: 15px;
}

.booklink-link2, .kaerebalink-link1 {
	margin-top: 20px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkseven {
	width: 90%;
	height: 15px;
	overflow: hidden;
	background: linear-gradient(to bottom,#ffffff 5%,#f6f6f6 100%);
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	margin: 0 auto 5px;
	padding: 10px 0;
	text-align: center;
}

.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkseven:hover {
	background: linear-gradient(to bottom,#f6f6f6 5%,#ffffff 100%);
	background-color: #f6f6f6;
}

.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkseven:active {
	position: relative;
	top: 1px;
}

.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkseven a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-weight: 800;
	text-shadow: 1px 1px 1px #dcdcdc;
	font-size: 12px;
}

.shoplinkamazon a {
	color: #FF9901;
}

.shoplinkrakuten a {
	color: #c20004;
}

.shoplinkkindle a {
	color: #007dcd;
}

.shoplinkyahoo a {
	color: #7b0099;
}

.shoplinkseven a {
	color: #32CD32;
}

.booklink-footer {
	clear: left;
}

/*--------------------------------------
 ヨメレバ・カエレバ　２
--------------------------------------*/
.booklink-box, .kaerebalink-box {
	width: 80%;
	margin: 20px auto;
	padding: 20px;
}

.booklink-image, .kaerebalink-image {
	margin: 0 15px 0 0;
	float: left;
}

.booklink-info, .kaerebalink-info {
	margin: 0;
	text-align: left;
}

.booklink-name, .kaerebalink-name {
	margin-bottom: 24px;
	line-height: 1.5;
}

.booklink-link2, .kaerebalink-link1 {
	margin-top: 10px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkseven {
	float: left;
	width: 30%;
	margin: 15px 1% 0 auto;
	padding: 10px 0;
}

.shoplinkyahoo a {
	font-size: 10px;
}

/*--------------------------------------
  ヨメレバ・カエレバ　３
--------------------------------------*/
@media only screen and (max-width: 480px) {
	.booklink-box, .kaerebalink-box {
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: 1px 1px 3px 1px #ddd;
		padding: 10px 15px;
	}
	
	.booklink-image, .kaerebalink-image {
		margin: 0 0 10px;
		float: none;
	}
	
	.booklink-image img, .kaerebalink-image img {
		margin: 0 auto;
	}
	
	.booklink-info, .kaerebalink-info {
		font-size: 12px;
		margin: 0;
	}
	
	.booklink-name, .kaerebalink-name {
		font-size: 15px;
		margin-top: 2px;
	}
	
	.booklink-detail, .kaerebalink-detail {
		margin-top: 5px;
	}
	
	.booklink-powered-date, .kaerebalink-powered-date {
		font-size: 11px;
		margin-top: 5px;
	}
	
	.booklink-link2, .kaerebalink-link1 {
		font-size: 14px;
	}
	
	.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkseven {
		float: none;
		width: 96%;
		margin: 5px 0;
		padding: 10px 0;
	}
}



/* 広告表示の上下スペースを調整 20160621追記 */
.ad-space {
  margin-top: -10px;
  margin-bottom: 20px;
}

/* 広告表示で「スポンサーリンク」フォントサイズを変える 20160621追記 */
.ad-label {
  font-size: 12px;
}



/* トップページリストのサムネイル画像を元画像アスペクト比で表示 20170211追記 */
#list .entry-thumb img {
  width: auto;
  height: auto;
}




/* YARPP standard 20170430追記 */

	.yarpp-standard dl{
	    clear:both;
	}

	.yarpp-standard img{
	    float:left;
	    margin: 0px 10px 5px 0;
	}

	.yarpp-standard a.title {
	    font-size: 1.0em;
	}

	.yarpp-standard a.title:hover {
	}

	.yarpp-standard .date {
	    font-weight: bold;
	    font-size: 0.7em;
	}





/* ボックスデザイン（PC） 2017/06/21追記 */
.box-a {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 35px 10px 7px 10px;
    border: solid 2px #a9a9a9;
    background: #f9f9f9;
}
.box-a .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-a p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-a ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-a ul {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-a li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.9em;
}


/* ボックスデザイン（スマホ） 2017/06/21追記 */
.box-a-m {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 35px 10px 7px 10px;
    border: solid 2px #a9a9a9;
    background: #f9f9f9;
}
.box-a-m .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-a-m p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-a-m ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 25px;
}
.box-a-m ul {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 10px;
    list-style: none;
}
.box-a-m li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.9em;
}



/* ボックスデザイン-タイトルなし 黄色枠（PC） 2017/10/29追記 */
.box-y {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 7px 10px 7px 10px;
    border: solid 2px #deb887;
    background: #ffffe5;
}
.box-y .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-y p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-y ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-y ul {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-y li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.9em;
}



/* ボックスデザイン-タイトルなし 黄色枠-行間広い（PC） 2017/10/29追記 */
.box-y2 {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 7px 10px 7px 10px;
    border: solid 2px #deb887;
    background: #ffffe5;
}
.box-y2 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-y2 p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-y2 ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-y2 ul {
    margin: 15px 0px 15px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-y2 li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 2.5em;
}



/* ボックスデザイン-タイトルなし 白黒枠-行間広い（PC） 2017/11/1追記 */
.box-h {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 7px 10px 7px 10px;
    border: solid 2px #a9a9a9;
    background: #f9f9f9;
}
.box-h .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-h p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-h ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-h ul {
    margin: 15px 0px 15px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-h li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 2.5em;
}



/* ボックスデザイン-タイトルなし オレンジ枠-行間広い（PC） 2017/11/1追記 */
.box-o {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 7px 10px 7px 10px;
    border: solid 2px #ffbf7f;
    background: #fff4ea;
}
.box-o .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-o p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-o ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-o ul {
    margin: 15px 0px 15px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-o li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 2.5em;
}



/* テーブルデザイン-シンプル-幅300-列4行4 2017/10/29追記 */
table.type300w {
    width: 340px;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
	text-align: center;
    line-height: 1.5;
}
table.type300w th {
    width: 84px;
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
}
table.type300w td {
    width: 84px;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
}
table.type300w .even {
    background: #f9f9f9;
}



/* テーブルデザイン-シンプル-幅340-列2行8 2017/10/29追記 */
table.type340w2 {
    width: 340px;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    line-height: 1.5;
}
table.type340w2 th {
    width: 110px;
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
	text-align: left;
}
table.type340w2 td {
    width: 230px;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
	text-align: left;
}
table.type340w2 .even {
    background: #f9f9f9;
}



/* テーブルデザイン-シンプル-幅300-列2行8 2017/10/29追記 */
table.type300w2 {
    width: 300px;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    line-height: 1.5;
}
table.type300w2 th {
    width: 90px;
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
	text-align: left;
}
table.type300w2 td {
    width: 210px;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
	text-align: left;
}
table.type300w2 .even {
    background: #f9f9f9;
}


/* テーブルデザイン-シンプル-幅300-列2行8 2017/11/29追記 */
table.type300w3 {
    width: 300px;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    line-height: 1.5;
}
table.type300w3 th {
    width: 90px;
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
	text-align: left;
}
table.type300w3 td {
    width: 210px;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
	text-align: left;
}
table.type300w3 .even {
    background: #f9f9f9;
}


/* PCは横並び、スマホは縦並び 2017/10/29追記 */
.layout_left{
float:left;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.layout_right{
float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 640px) {
.layout_left{
float:none;
width:100%!important;
}

.layout_right{
float:none;
width:100%!important;
}
}


/* PCは横並び、スマホは縦並び floatなし 2017/11/29追記 */
.layout_left2{
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.layout_right2{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 640px) {
	.layout_left2{
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.layout_right2{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
}



/* TOCデザイン変更 2017/06/21追記 */
#toc_container {
	display: block !important;
	width: 100% !important;
	background: #f9f9f9;
	border: 1px solid #a9a9a9;
	font-size: 95%;
	box-sizing: border-box;
	line-height: 1.4;
	margin: 15px auto;
	padding: 0px 20px 5px 0px;
}

#toc_container .toc_title {
    display: inline-block;
    top: -1px;
    left: -1px;
    margin: 0px 0px 10px 0px;
    padding: 1px 10px 0px 10px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
	text-align: left;
	border-bottom: 0px solid #a9a9a9;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
	font-size: 90%;
}

#toc_container ul {
    margin: 0px 0px 5px 25px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#toc_container ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: 0;
}

#toc_container ul a {
	display: block;
	text-decoration: none;
	border-bottom: 0px dotted #cccccc;
	font-size: 90%;
}

#toc_container .toc_list > li > a {
	border-bottom: 0px solid #cccccc;
	font-size: 100%;
}

#toc_container ul ul {
    margin: 1px 0px 0px 0px;
    padding: 0em 0em 0em 1em;
}

#toc_container li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


/* header ブログタイトル右側広告---------------------------- 20171120追記 */
.ad-header-widget {
  position: absolute;
  right: 220px;
  width: 500px;
  height: 62px;
  top: 15px;
}
@media screen and (max-width: 1120px){
.ad-header-widget {
	display:none;}
}



/* アプリーチ 新コード用CSS 2018/03/22追記 */
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach-links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}