@charset "utf-8";
/*
Theme Name: money
Theme URI: http://www.○○○○○.com/
Description: サテライトのテーマです。
Author: HRM
Author URI: http://www.---------.com/
Version: 1.1
*/
/* ☆で検索しますと、ページ毎のスタイルにジャンプできます。 */

/* ☆　共通 */
h1,h2,h3,h4,h5,p,li,td{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
}
.row {
    margin: 0 auto;
    max-width: 1200px !important;
    width: 100%;
}
a:hover img{
	opacity: 0.8;
}
ul{
	margin: 0;
}
ul li{
	list-style: none;
}
a{
	color: #656565;
}
a .topnewh2{
	color: #fff;
}
a:hover,a .topnewh2:hover{
	color: #4189c4;
}
.aftmgn{
	margin-bottom: 1em;
}
.clear{
	overflow: hidden;
	margin-bottom: 1em;
	clear: both;
}
.btnbox{
	text-align: center;
}
.borlink{
	background-color: #fff;
	border: 1px solid #595757;
	color: #595757;
	width: 100%;
	margin: 0;
}
.borlink:hover, .borlink:focus {
    background-color: #595757;
    color: white;
}
.maincont{
	clear: both;
	overflow: hidden;
}
.spbnr{
	display: none;
}
/* ☆　トップメニュー */
header{
	border-bottom: 3px solid #ccc;
}
.title{
	overflow: hidden;
	position: relative;
	padding: 0 0 10px 0;
}
.mainbnr{
	position: absolute;
	right: 0;
	top: 20px;
}
.toplogo{
	padding: 5px 0;
	margin: 0;
}
.sitetext{
	color: #595757;
	font-size: 70%;
	margin: 5px 0;
}
.sitelogo img{
	width: 250px;
}
.topbnr img{
	width: 320px;
}
.topbnr .bnrtext{
	font-size: 70%;
	color: #666;
	margin: 0 0 5px 0;
}
.headarea .columns{
	padding: 0;
}
#contbody{
	padding: 2em 0;
}
/* ☆　トップ見出し */
.topnewh2{
	font-size: 140%;
	padding: 0.5em;
	margin: 0;
}
.cath2a{
	font-size: 140%;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 1em;
	border-bottom: 3px solid #f6911d;
}
.cath2b{
	font-size: 140%;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 1em;
	border-bottom: 3px solid #3f8ac4;
}
.cath2c{
	font-size: 140%;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 1em;
	border-bottom: 3px solid #59c3d0;
}
.cath2d{
	font-size: 140%;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 1em;
	border-bottom: 3px solid #71ba09;
}
/* ☆　サイド */
.sideh3{
	font-size: 140%;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 3px solid #4189c4;
}
.sidecat li{
	padding: 1em 0;
	border-bottom: 1px solid #cccccc;
}
.sidecat li:last-child{
	border-bottom: none;
}
.simgbox{
	padding-right: 0;
}
.sideposth4{
	font-size: 120%;
}
/* ☆　トップページ */
.newpost{
	position: relative;
}
.specbox{
	position: absolute;
	bottom: 0;
	background-color: rgba(3,1,41,0.5);
	width: 100%;
	padding: 10px;
}
.newer,.toppostlist,.singlecontent,.archpostlist{
	background-color: #fff;
	margin-bottom: 2em;
}
.postdate{
	margin: 0 0 5px 0;
	display: inline-block;
	background-color: #E6E6E6;
	color: #727171;
	font-size: 80%;
	padding: 3px 10px;
	border-radius: 5px;
}
.postimgbox{
	position: relative;
}
.postcatname{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #f7921e;
	padding: 3px 10px;
}
.postcatname a{
	color: white;
}
.postcatname p{
	margin: 0;
	font-size: 90%;
}
.postsingle{
	overflow: hidden;
	margin-bottom: 1em;
}
.date{
	margin-bottom: 10px;
	color: #666;
	font-size: 90%;
}
.catpostlist ul li{
	padding: 1em 0;
	border-bottom: 2px solid #cccccc;
}
.catpostlist ul li:last-child{
	border-bottom: none;
}
/* カテゴリー１見出しカラー設定 */
.catboxa a .toph3,.catboxa a .regh3{
	color: #f6911d;
}
.catboxa a .toph3{
	font-size: 140%;
}
.catboxa a .regh3{
	font-size: 120%;
}
.catboxa a:hover .toph3,.catboxa a:hover .regh3{
	color: #cd6d02;
}
/* カテゴリー２見出しカラー設定 */
.catboxb a .toph3,.catboxb a .regh3{
	color: #3f8ac4;
}
.catboxb a .toph3{
	font-size: 140%;
}
.catboxb a .regh3{
	font-size: 120%;
}
.catboxb a:hover .toph3,.catboxb a:hover .regh3{
	color: #01749d;
}
/* カテゴリー３見出しカラー設定 */
.catboxc a .toph3,.catboxc a .regh3{
	color: #59c3d0;
}
.catboxc a .toph3{
	font-size: 140%;
}
.catboxc a .regh3{
	font-size: 120%;
}
.catboxc a:hover .toph3,.catboxc a:hover .regh3{
	color: #489fa9;
}
/* カテゴリー４見出しカラー設定 */
.catboxd a .toph3,.catboxd a .regh3{
	color: #71ba09;
}
.catboxd a .toph3{
	font-size: 140%;
}
.catboxd a .regh3{
	font-size: 120%;
}
.catboxd a:hover .toph3,.catboxd a:hover .regh3{
	color: #5b9209;
}
.firstimg{
	margin-bottom: 1em;
}
.regpost .imgbox{
	padding-right: 0;
}
/* ☆　シングルページ */
.single .maincont h2{
	text-align: left !important;
}
.single .maincont h3{
	border-bottom: 5px solid #AAD3C3;
	padding: 5px 0;
	color: #595757;
	font-size: 140%;
}
.single .maincont h4{
	padding: 5px 1em;
	font-size: 130%;
	color: #595757;
	background-color: #F2EEE7;
}
.single .maincont img{
	margin-bottom: 1em;
}
.datebox{
	margin-bottom: 1em;
}
blockquote {
    position: relative;
    padding: 10px 12px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border: solid 3px #AAD3C3;
    border-left-width: 50px;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -55px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
    color: #FFF;
    font-size: 90px;
    line-height: 1;
}
blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
/* ☆　フッター */
footer{
	background-color: #5289bf;
	padding: 1em;
	position: relative;
}
.pagetop{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	padding: 10px;
	background-color: #2d77bf;
	color: #fff;
	font-size: 135%;
}
.copyright{
	text-align: left;
}
.copyright p{
	color: #fff;
	margin: 0;
	font-size: 80%;
}
/*☆ レスポンシブスタイル */
@media screen and (min-width: 641px) and (max-width: 900px) {
	p{
		font-size: 90%;
		line-height: 1.8;
	}
	/*☆ トップメニュー */
	.mainh2, .dch3 {
	    font-size: 140%;
	    text-align: left;
	}

}
@media screen and (min-width: 280px) and (max-width: 640px) {
	p{
		font-size: 90%;
		line-height: 1.8;
	}
	.pricetag {
	    font-size: 100%;
	}
	.pcbnr{
		display: none;
	}
	.spaftmgn{
		margin-bottom: 1em;
	}
	/*☆ トップメニュー */
	.mainh2, .dch3 {
	    font-size: 130%;
	    text-align: left;
	}
	.rankh2 {
	    padding: 10px 10px 13px;
	}
	.c-ttl {
	    padding: 0 3em 1em;
	}
	.mainbnr{
		display: none;
	}
	.sitelogo img {
	    width: 200px;
	}
	/* 	トップページ */
	.newer {
	    margin-bottom: 0em;
	}
	.topnewh2 {
	    font-size: 120%;
	    padding: 5px;
	}
	.catboxa a .toph3,.catboxb a .toph3,.catboxc a .toph3,.catboxd a .toph3{
	    font-size: 120%;
	}
	/*☆ フッター */
	.bnrtext{
		font-size: 70%;
		line-height: 1.8;
		margin: 0 0 5px 0;
	}
	footer{
		position: relative;
		padding-bottom: 7.5em;
	}
	.spbnr{
		display: block;
		position: fixed;
		padding: 0.5em 1em;
		background-color: rgba(255,255,255,0.8);
		bottom: 0;
		width: 100%;
		right: 0;

	}
	.footbnr{
		display: inline-block;
		padding: 0;
		border: none;
	}
	.copyright p {
	    font-size: 65%;
	}
}

#pankuzu{
	width:98%;
	margin:0 auto;
	max-width:1200px;
	padding:0 0 20px;
	font-size:0.9em;
}


.ttl1{
	color:#000;
	font-size:2.2em;
	line-height:1.3em;
	font-weight:normal;
	padding:20px 0;
	margin-bottom:20px;
	border-top:solid 4px #4189c4;
	border-bottom:solid 1px #ddd;
}


.postwrap{
	padding:0 0 20px;
	background-color:#fff;	
}
.post h3{ background-color:#ddd; font-size:2em; color:#000; border-radius:5px; margin-bottom:15px; padding:15px; }
.post h4{
	border-left:solid 7px #4189c4;
	font-size:1.9em;
	line-height:1.3em;
	color:#333;
	margin-bottom:20px;
	padding:5px 15px;
}
.post p{
	font-size:1.2em;
	line-height:1.7em;
	padding-bottom:25px;	
}
.post img{
	max-width:100%;
	height:auto;	
}
.post ul,.post ol{
	font-weight:bold;
	padding-bottom:20px;
	font-size:1.2em;
}
.post ul li{
	list-style:disc;
	padding-bottom:5px;
	margin-left:20px;
}
.post ol li{
	list-style:decimal;
	padding-bottom:5px;
	margin-left:20px;
}


.postwrap .post p .mlmagazine{
	display:block;
	background-image: -webkit-linear-gradient(270deg,rgba(0,172,35,1.00) 0%,rgba(1,140,0,1.00) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(0,172,35,1.00) 0%,rgba(1,140,0,1.00) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(0,172,35,1.00) 0%,rgba(1,140,0,1.00) 99.48%);
	background-image: linear-gradient(180deg,rgba(0,172,35,1.00) 0%,rgba(1,140,0,1.00) 99.48%);	
	color:#fff;
	border-radius:5px;
	padding:15px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	
}
/* 一覧 */

.postlist{
	background-color:#eee;
	padding:25px;
	margin-bottom:25px;
}
.postlist .pic{ float:left; width:32%; overflow:hidden; }
.postlist .pic img{ width:100%; height:auto; }
.postlist .Right{ float:right; width:65%; }
.day{ display:inline; background-color:#4189c4; border-radius:30px; color:#fff; padding:1px 10px; }
.postlist .Right p{ margin-bottom:15px; }
.postlist .Right h3{
	font-size:1.8em;
	line-height:1.4em;
	color:#000;	
	padding-bottom:15px;
}
.postlist .Right h3 a{ color:#000; }
.postlist .Right .cat{ padding-bottom:15px; }
.postlist .Right .cat a{ background-color:#eee; padding:5px 10px; }
.postlist .Right .more{
	text-algin:right;
	float:right;
}
.postlist .Right .more a{
	padding:10px 40px;
	color:#fff;
	text-decoration:none;
	background-color:#313b44;
	text-align:center;
}
blockquote {
position: relative;
margin: 2em 0;
padding: 1.2em;
font-size: 1em;
border-radius:5px;
background: #DFDFDF;
}
blockquote p{ padding-bottom:10px !important; }

.paging{ padding-bottom:30px; }
.paging .next{
	float:right;
	text-align:right;
	width:48%;
}
.paging .prev{
	float:left;
	text-align:left;
	width:48%;
}