/*
	Theme Name: Digital Magazine ver.2.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;
}

/* テーブル */
table {
	margin: 0 0 16px 0;
	width: 98%;
}

table th,td {
	padding: 5px 10px;
	border:1px solid #ccc;
	text-align:left;
}

table th{
	background:#eee;
}


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

embed, object, iframe {
	max-width: 100%;
}


/*** base.css ***/

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


/*** header.css ***/

/* ヘッダー */
.header {
	text-align: center;
}

/* ヘッダーナビゲーション */
.header-navi {
	background-color: #007566;
	clear: both;
	margin: 0 0 8px 0;
}

.header-navi li {
	float: left;
	font-size: 0.88em;
	font-weight: bold;
	list-style: none;
}

.header-navi li a {
	border-right: 1px solid #ccc;
	color: #fff;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

.header-navi li a:hover {
	background: #00B7A0;
	color: #232323;
}

.header-navi p {
	background-color: #fff;
	clear: both;
	font-size: 0.31em;
	margin: 0;
	width: 100%;
}


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

.content {
}


/* トップページ */
.entry .topthm h2 {
	border-left: 3px solid #007566;
	padding: 0 0 0 5px;
}

.entry .topthm p {
	margin: 0 0 5px;
}

.entry .topthm img {
	margin: 0 0 5px;
}

.entry .topthm .thmresponse {
	float: right;
}

.entry .topthm .topdate {
	float: left;
	color: #999;
	font-size: 0.75em;
	margin: 0;
}

.entry .topthm .clear-space {
	clear: both;
	font-size: 0.31em;
	margin: 0;
}

.entry .topthm .topthmbox img {
	float: left;
}

.entry .topthm .topthmbox a img {
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	padding: 3px;
}

.entry .topthm .topthmbox a:hover img {
	border: 1px solid #666;
}

.thminfo {
	border-top: 1px solid #627aad;
	padding: 10px 0 0 0;
}

.textright {
	clear: both;
	text-align: right;
}

.more-link {
	text-align: right;
}

/* エントリー */
.entry {
	border-bottom: 1px solid #627aad;
	clear: both;
	margin: 5px 0 40px 0;
}

.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 p {
	margin: 0 0 16px 0;
}

.entry .thumbnail {
	margin: 0 0 14px 0;
}

.entry .imageright {
	color: #999;
	font-size: 0.75em;
	margin: 3px 0 0 0;
	text-align: center;
}

.entry .article .imageright {
	margin: 0 0 16px 0;
}

.entry .date {
	border-bottom: 1px solid #393;
	color: #999;
	font-size: 0.75em;
	margin: 0 0 10px 0;
	text-align: right;
}

.entry .tags {
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 0 8px 0;
}

.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.copyright {
	font-size: 0.66em;
	margin: -10px 0 10px 0;
}

.entry blockquote {
	background-color: #e8e8e8;
	clear: both;
	margin: 0 0 10px 0;
	padding: 5px 10px 0 10px;
}

.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;
}


/* フォローボタン */
.sharebutton {
	clear: both;
}

.pocket-btn {
	display: inline;
}


/* 関連投稿 */
.related-posts {
	clear: both;
	margin: 10px 0 0 0;
}

.entry .related-posts h3, .related-posts h3 {
	border: none;
	color: #f60;
	font-size: 0.88em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.entry .related-posts ul, .related-posts ul {
	margin: 10px 0 5px 30px;
}

.entry .related-posts ul li, .related-posts ul li {
	color: #232323;
	font-size: 0.88em;
	list-style: disc;
	line-height: 1.4;
	margin: 0 0 2px 0;
}


/* 前後ナビ */
.postnavi {
	clear: both;
}

.postnavi p {
	font-size: 0.88em;
}


/* 記事下アフィリエイトリンク */
.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;
}


/*** footer.css ***/

/* フッター */
.footer-wrap {
	background-color: #B3DE69;
	clear: both;
	padding: 10px 0;
}

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

.footer a {
	color: #232323;
}


/* 検索 */
.search {
}

.search p {
	margin: 0 0 8px 0;
	font-size: 0.88em;
}

.search p input.s {
	margin: 0;
	padding: 0;
	width: 190px;
}

.search p input.searchsubmit {
	background-color: #007566;
	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 ***/

/* サイドバー */
.sidebar-right {
}

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

.widget h5 {
	font-size: 0.88em;
	font-weight: bold;
}

.widget ol {
	list-style-type: decimal;
	margin: 0 0 0 24px;
}

.widget ol li {
	border-bottom: 1px dotted #ccc;
	font-size: 0.75em;
	list-style-type: decimal;
	margin: 0 0 5px 0;
	padding: 3px 0;
}

.widget ul li {
	border-bottom: 1px dotted #ccc;
	font-size: 0.75em;
	margin: 0 0 5px 0;
	padding: 3px 0;
}

.widgetthm {
	clear: both;
}

.widgetthm img {
	float: left;
}

.widgetthm a img {
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
	padding: 3px;
}

.widgetthm a:hover img {
	border: 1px solid #666;
}

.widgetthm p {
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 0 5px 0;
}


/* プロフィール */
.profile {
	clear: both;
	background-color: #fff;
	border: 1px solid #627aad;
	border-radius: 6px;         /* CSS3 */
	-webkit-border-radius: 6px; /* Webkit */
	-moz-border-radius: 6px;    /* Mozilla */
	margin: 0 0 10px 0;
}

.profile h4 {
	background-color: #d8dfea;
	border-top: 3px solid #627aad;
	font-size: 0.88em;
	font-weight: bold;
	padding: 2px 0 5px 5px;
}

.profile img {
	float: left;
	margin: 5px;
}

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

.profile p.protwi {
	clear: both;
}


/* 装飾 */
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;
}

.name1 {
	color: #FF4C93;
	font-weight: bold;
}

.name2 {
	color: #40C2EE;
	font-weight: bold;
}

.name3 {
	color: #37FF69;
	font-weight: bold;
}

.name4 {
	color: #FF9933;
	font-weight: bold;
}


/* clearfix */
.cf {
    *zoom: 1;
}

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

.cf:after {
    clear: both;
}


/* スマホ限定の設定 */
@media only screen and (max-width: 480px) {
	iframe {
		height: auto;
	}
}

/* タブレット以上の設定 */
@media only screen and (min-width: 481px) {
	/* 大枠 */
	body {
		background-color: #e8e8e8;
	}
	
	.wrap {
		background-color: #fff;
		clear: both;
		margin: 0 auto;
		padding: 5px 15px;
		width: 970px;
	}
	
	.main {
		float: left;
		width: 670px;
	}
	
	.content {
		border-right: 1px solid #dfdfdf;
		margin: 0 15px 0 0;
		padding: 0 14px 0 0;
		width: 640px;
	}
	
	/* 記事下アフィリエイトリンク */
	.aditem {
		float: left;
		margin: 0 5px 0 0;
		width: 315px;
	}
	
	/* サイドバー */
	.sidebar-right {
		float: right;
		width: 300px;
	}
}