/*
	Theme Name: Digital Magazine ver.3.00
	Theme URI: http://digimaga.net/
	Author: Shuji Shinohara
	Author URI: http://digimaga.net/
	Description: Digital Magazine
*/

/*** reset-min.css ***/

/*
YUI 3.16.0 (build 76f0e08)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*** allclear.css ***/

body, table, tr, th, td {
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

p {
	color: #232323;
	font-size: 100%;
	line-height: 1.6;
	margin: 0 0 18px 0;
	padding: 0;
}

/* リンク */
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a:link, a:active, a:visited {
	text-decoration: none;
}

a:link {
	color: #03c;
}

a:active {
	color: #03c;
}

a:visited {
	color: #639;
}

a:hover {
	color: #03c;
	text-decoration: underline;
}


/* メディア */
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.embed-youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
} 

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*** base.css ***/

/* 大枠 */
.wrap {
	background-color: #fff;
	clear: both;
	margin: 0;
	padding: 0;
}


/*** header.css ***/

/* ヘッダー */
.header {
	vertical-align: baseline;
}

.header h1 {
	font-size: 1.88em;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

.header h1 img {
	vertical-align: middle;
}

.header h1 a {
	text-decoration: none;
	color: #232323;
}

.header-navi ul {
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.header-navi ul li {
	background-color: #f90;
	border-right: 1px solid #fff;
	float: left;
	position: relative;
	text-align: center;
	width: 24.6%;
}

.header-navi ul li a {
	color: #fff;
	display: block;
	font-size: 0.75em;
	padding: 10px 0;
}

.header-navi ul li a:hover {
	text-decoration: none;
	background-color: #232323;
}

/* コンテンツ */
.main {
}

.content {
}

.thm-article h2 a{
	display: block;
	height: 100%;
	width: 100%;
}


/* パンくずリスト */

#breadcrumb {
}

#breadcrumb div {
	margin-right: 0.5em;
	list-style: none;
	float: left;
}

/* エントリー */
.entry {
	clear: both;
	margin: 5px 0 0 0;
}

.entry .date {
	border-bottom: 1px solid #ccc;
	color: #999;
	clear: both;
	font-size: 0.75em;
	margin: 0 0 5px 0;
	padding: 0 5px 3px 5px;
}

.entry h2 {
	font-weight: bold;
}

.entry h2.title {
	font-size: 1.38em;
	line-height: 1.25;
	margin: 0 0 6px 0;
}

.entry h2 a {
	color: #232323;
	text-decoration: none;
}

.entry h2 a:hover {
	text-decoration: underline;
}

.entry h3 {
	border-top: 1px solid #bfbfbf;
	clear: both;
	color: #f60;
	font-size: 1.38em;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 3px 10px 0 5px;
}

.entry p {
	font-size: 1.13em;
	margin: 0 0 16px 0;
}

.entry ul, .entry ol {
	margin: 0 0 18px 26px;
}

.entry ul li {
	line-height: 1.6;
	list-style-type: circle;
}

.entry ol li {
	line-height: 1.6;
	list-style-type: decimal;
}

/* ページナビゲーション */
p.page-navi {
	clear: both;
	font-weight: bold;
	text-align: center;
}

p.page-navi a {
	background-color: #3b5998;
	color: #fff;
	padding: 5px;
}

p.page-navi a:hover {
	background-color: #d8dfea;
	color: #232323;
}


/* SNSフォロー */

.snsfollow {
	text-align: center;
}


/*** ad.css ***/
/* 記事内広告 */
.ad-entry {
	clear: both;
	margin: 10px auto 40px auto;
}

.ad-entry p {
	font-size: 0.75em;
	margin: 10px 0 5px 0;
}

.gadtext {
	font-size: 0.75em;
	margin: 0 0 5px 5px;
}


/*** footer.css ***/

/* フッター */
.footer-topnavi {
	clear: both;
	font-size: 0.88em;
	margin: 10px auto;
	text-align: center;
}

.footer-topnavi a {
	color: #999;
}

.footer-wrap {
	background-color: #FFF0E1;
	clear: both;
	padding: 10px 0;
}

.footer p.footer-description {
	clear: both;
	font-size: 0.75em;
	text-align: center;
	margin: 0;
}

.footer a {
	color: #232323;
}


/* 検索 */
.searchform input#s {
	margin: 0;
	padding: 1px 0;
	width: 190px;
}

.searchform input#searchsubmit {
	background-color: #f90;
	border: 0;
	color: #fff;
	font-size: 0.88em;
	margin: 0 0 0 5px;
	padding: 1px 0;
	width: 98px;
}


/*** plugin.css ***/

/* WP-Pagenavi */
div.wp-pagenavi {
	clear: both;
	text-align: center;
	margin: 5px 0 15px 0;
}


/*** sidebar.css ***/

/* サイドバー */


/* ウィジェット */
.widget {
	clear: both;
	margin: 0 0 20px 0;
}

.widget ul {
}

.widget iframe {
	margin: 0 auto;
	text-align: center;
}


/* 装飾 */
p.clear-space {
	clear: both;
	font-size: 0.31em;
	margin: 0;
}

a:hover img {
	filter: alpha(opacity=90); /* IE用 */
	-moz-opacity: 0.90; /* Mozilla用 */
	opacity: 0.90;
}

.right {
	text-align: right;
}


/* ソーシャルボタン */
.socialwrap {
	padding: 10px 0;
}
 
.socialwrap div.swdiv {
	display: inline-block;
}
 
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}


/* 記事内アフィリエイトリンク */
.amazonitem {
	border: 1px solid #ddd;
	clear: both;
	margin: 0 0 14px 0;
	padding: 5px 10px;
}

.amazonitem img {
	float: left;
	margin-right: 15px;
}

.amazonitem-foot {
	clear: both;
}


/* 記事下アフィリエイトリンク */
.aditemtop {
	clear: both;
}

.aditem {
}

.aditem img.itemimg {
	float: left;
}

.aditem a img.itemimg {
	margin: 0 5px 20px 0;
}

.entry .aditem p {
	font-size: 0.88em;
	font-weight: bold;
	margin: 0 0 3px 0;
}

.aditem p a {
	text-decoration: none;
}

.aditem p a:hover {
	text-decoration: underline;
}


/* clearfix */
.cf, .wpp-list {
    *zoom: 1;
}

.cf:before, .cf:after, .wpp-list:before, .wpp-list:after {
    content: " ";
    display: table;
}

.cf:after, .wpp-list:after {
    clear: both;
}



/* スマホ限定の設定 */
@media only screen and (max-width: 640px) {
	.sidebar-right {
		margin: 8px 0;
	}
	
	.main {
		clear: both;
		margin: 0 0 10px 0;
	}
	
	/* トップページナビゲーション */
	.thm-article {
		border-bottom: 1px solid #ccc;
		clear: both;
		height: 80px;
	}
	
	.thm-article img {
		float: left;
		margin: 0 5px 0 0;
	}
	
	.thm-article h2 {
		font-size: 1em;
		font-weight: bold;
		padding: 3px 5px 0 0;
	}
	
	.thm-article h2 a {
		color: #232323;
	}
	
	/* 記事内 */
	.article {
		margin: 0 10px;
	}
	
	/* 記事内広告 */
	.ad-entry, .fb-page {
		text-align: center;
	}
	
	/* 前後ナビ */
	.postnavi {
		clear: both;
	}
	
	.postnavi p {
		border-bottom: 1px dotted #ccc;
		margin: 0 0 5px 0;
		padding: 3px 5px;
	}
	
	.postnavi-l {
		width: 100%;
	}
	
	.postnavi-r {
		clear: both;
		width: 100%;
	}
	
	.postnavi img {
		float: left;
		margin: 0 5px 5px 5px;
	}
	
	
	/* 関連投稿 */
	.related-posts {
		clear: both;
		margin: 0;
	}
	
	.related-posts h3 {
		background-color: #FFF0E1;
		border-top: 1px solid #FFCD9B;
		border-bottom: 1px solid #FFCD9B;
		font-size: 0.88em;
		font-weight: bold;
		color: #666;
		padding: 7px 5px 7px 15px;
	}
	
	.related-posts ul {
	}
	
	.related-posts ul li {
		border-bottom: 1px solid #ccc;
		clear: both;
		height: 80px;
		list-style: none;
	}
	
	.related-posts ul li a {
		color: #232323;
		font-weight: bold;
	}
	
	.related-posts ul li img {
		float: left;
		margin: 0 5px 0 0;
	}
	
	
	/* 記事下アフィリエイトリンク */
	.aditem {
		clear: both;
	}
	
	/* サイドバー */
	.widget h5 {
		background-color: #FFF0E1;
		border-top: 1px solid #FFCD9B;
		border-bottom: 1px solid #FFCD9B;
		font-size: 0.88em;
		font-weight: bold;
		color: #666;
		padding: 7px 5px 7px 15px;
	}
	
	.widget ul {
	}
	
	.widget ul li {
		border-bottom: 1px solid #ccc;
		clear: both;
		height: 80px;
		list-style: none;
	}
	
	.widget ul li a {
		color: #232323;
		font-weight: bold;
	}
	
	.widget ul li img {
		float: left;
		margin: 0 5px 0 0;
	}

	/* contact  form 7*/
	.wpcf7-form input {
		margin: 0 0 0 5px;
		width: 80% !important;
	}  /*名前orメールor題名*/
	
	.wpcf7-form textarea {
		margin: 0 0 0 5px;
		width: 80% !important;
	} /*本文*/
	
	.wpcf7-form .wpcf7-submit {
		width: 80px !important;
	} /*送信ボタン*/
	
}


/* タブレット以上の設定 */
@media only screen and (min-width: 641px) {
	/* 大枠 */
	.wrap {
		background-color: #fff;
		clear: both;
		margin: 0 auto;
		padding: 0 15px;
		width: 1006px;
	}
	
	/* トップページナビゲーション */
	.thm-article {
		border-bottom: 1px dotted #ccc;
		clear: both;
		height: 80px;
		padding: 8px 0;
	}
	
	.thm-article img {
		float: left;
		margin: 0 5px 0 0;
	}
	
	.thm-article h2 {
		font-size: 1.25em;
		font-weight: normal;
		padding: 3px 5px 0 0;
	}
	
	.thm-article h2 a {
		color: #232323;
	}
	
	/* コンテンツ */
	.main {
		float: left;
		width: 66.600397614%;
	}
	
	.content {
		border-right: 1px solid #dfdfdf;
		margin: 0 15px 0 0;
		padding: 0 14px 0 0;
		width: 95.522388059%;
	}
	
	.entry h3 {
		border-top: 1px solid #bfbfbf;
		clear: both;
		color: #f60;
		font-size: 1.38em;
		font-weight: bold;
		margin: 0 0 20px 0;
		padding: 3px 10px 0 5px;
	}
	
	
	/* 前後ナビ */
	.postnavi {
		clear: both;
	}
	
	.postnavi p {
		border-bottom: 1px dotted #ccc;
		margin: 0 0 5px 0;
	}
	
	.postnavi-l {
		float: left;
		width: 300px;
	}
	
	.postnavi-r {
		float: right;
		width: 300px;
	}
	
	.postnavi .postnavi-r p {
		text-align: right;
	}
	
	.postnavi img {
		float: left;
		margin: 0 5px 0 0;
	}
	
	
	/* 関連投稿 */
	.related-posts {
		clear: both;
		margin: 10px 0 0 0;
	}
	
	.related-posts h3 {
		border: none;
		color: #f60;
		font-size: 1.25em;
		font-weight: bold;
		margin: 10px 0;
		padding: 0;
	}
	
	.related-posts ul li {
		border-bottom: 1px dotted #ccc;
		clear: both;
		font-size: 1.25em;
		height: 80px;
		list-style: none;
		line-height: 1.4;
		padding: 8px 0;
	}
	
	.related-posts ul li img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	.related-posts ul li a {
		color: #232323;
	}
	
	/* 記事下アフィリエイトリンク */
	.aditem {
		float: left;
		margin: 0 5px 0 0;
		width: 315px;
	}
	
	
	/* サイドバー */
	.sidebar-right {
		float: right;
		margin: 8px 0 0 0;
		width: 33.399602385%;
	}
	
	.widget h5 {
		border-left: 3px solid #f90;
		border-bottom: 1px solid #ccc;
		font-size: 0.88em;
		font-weight: bold;
		padding: 3px 0 3px 7px
	}
	
	.widget ul li {
		border-bottom: 1px dotted #ccc;
		clear: both;
		color: #232323;
		height: 80px;
		list-style: none;
		line-height: 1.4;
		padding: 8px 0;
	}
	
	.widget ul li img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	.widget ul li a {
		color: #232323;
	}
}