/*
Theme Name:     twentyfifteen_child
Template:       twentyfifteen
*/

/*===============================================
●共通
===============================================*/
body {
    word-wrap: break-word;
    overflow-wrap: break-word;
	position: relative;
}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

b{
	font-weight: bold;
	}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0px;
	clear: both;
}
.clearfix{
	zoom: 1;
}

.caption {
  text-align: center;
  margin: 5px auto 20px auto;
  padding: 5px 0;
  font-size: 80%;
  height:auto;
  color: #707070;
}

blockquote{
    margin: 0px 0px 30px 5px;
    padding: 32px 15px 3px 20px;
	margin-top: 20px;
    font-style: normal;
    border-left: 5px solid #ccc;
	background-color: #f2f2f2;
	position:relative;
	font-size: 95%;
	line-height: 165%;
    }

blockquote p{
    position: relative;
    z-index: 3;
}

blockquote:before{
    content: "“";
    font-size:400%;
	font-weight:bold;
    line-height: 0.8em;
    font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
    color: #CCCCCC;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
  
#kanren{
	font-size: 12px; 
	color: #33cccc;
	margin: 20px 0;
	}  
#kanren a {
	color: #33cccc;
    text-decoration-line: none;
}
#kanren a:hover {
	color: #02368C;
    border-bottom: 1px solid #02368C;
}
.li_number {
	list-style: decimal;
	margin-left: 2em;
}

.kyocho {
	/*color: #dd7a08;*/
	border-bottom: dotted 2px #F7931E;
}
.list-01 {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.list-02 {
	text-indent: 0;
	margin-left: 2em;
	list-style-type: disc;
}
.list-03 {
	text-indent: 0;
	margin-left: 1em;
}
.list-04 {
	text-indent: -21px;
	margin-left: 2em;
	list-style-type: none;
}
.list-05 {
	text-indent: -1em;
	padding-left: 1.5em;
}
.list-num {
	text-indent: 0em;
	margin-left: 2em;
	list-style-type: decimal;
}
.kyakuchu {
    font-size: 85%;
    margin-top: 25px;
}
strong {
    font-weight: bold !important;
}


/*===============================================
●PC 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){

body {
	text-align: center;
	font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", sans-serif;
	color: #7a7a7a;
	background-color: #f5f5f5;
}

h1 {
	margin: 15px 0 0 0;
	font-size: 13.5px;
	font-weight: bold;
	color: #000;
	letter-spacing: 2px;
}
h1#ttl-post {
	font-size: 11px;
	color: #7a7a7a;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0 10px 0;
}
h2.ttl-lv2 img {
	width: 15%;
}
h2.ttl02 img {
	width: 30%;
}
h3 {
    background: #f2f2f2 none repeat scroll 0 0;
    border-bottom-right-radius: 3px;
    border-left: 6px solid #02368c;
    border-top-right-radius: 3px;
    font-size: 20px;
    margin: 50px 0 20px 0;
    padding:10px 15px  5px 15px;
    width: 95%;
	font-weight: bold;
	color: #02368c;
	border-bottom: 1px solid #f2f2f2;
}

h4 {
    font-size: 19px;
    margin: 15px 0 5px 0;
    width: 95%;
	font-weight: bold;
	color: #02368c;
}

h5{
	font-size: 18px;
	color:#7fbeee; 
	font-weight: bold;
	margin-top: 10px;
	}
h6 {
	margin-top: 10px;
	font-weight: bold;
}

.logo img {
	width: 250px;
	height: 35px;
}
.pc {
	display: none;
}
.totop a {
	text-align: right;
	font-size: 90%;
	padding: 0 15px 20px 0;
	color: #6A6666;
}
/* header */
#header {
	width: 100%;
	background-color: #f5f5f5;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#header .inside {
	width: 1050px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#header .inside .logo {
	margin: 23px 0 0 0;
}
#header .menu {
	width: 100%;
	margin-top: 32px;
	background-color: #012563;
	height: 55px;
}
#header .menu ul {
	font-size: 0;
	width: 1050px;
	margin: 0 auto;
}
#header .menu li {
	display: inline-block;
}
#header .menu li a:hover {
	background-color: #02368c;
}

#container {
	width: 1050px;
	margin: 8px auto 0 auto;
	height: auto;
	overflow: hidden;
	padding-bottom: 210px;
}

/* パンくずリスト */
.pankuzu {
	text-align: left;
	font-size: 90%;
	margin: 10px auto 50px auto;
	width: 1050px;
}
.pankuzu a {
	color: #1F519F;
}
.pankuzu a:hover {
	text-decoration: underline;
}
.pankuzu li {
	list-style: none;
	float: left;
	line-height: 1.2;
	white-space: normal;
	word-wrap: break-word;
}

/* GlobalNavi
-----------------------------------------*/
.mod_Gnavi{
	background-color: #012563;
}
.mod_Gnavi ul{
	font-size: 0;
	width: 1050px;
	margin: 0 auto;
}
.mod_Gnavi ul li {
	display: inline-block;
	height: 54px;
	overflow: hidden;
}
.mod_Gnavi ul li:nth-child(1) {
	width: 163px;
}
.mod_Gnavi ul li:nth-child(2) {
	width: 125px;
}
.mod_Gnavi ul li:nth-child(3) {
	width: 123px;
}
.mod_Gnavi ul li:nth-child(4) {
	width: 112.5px;
}
.mod_Gnavi ul li:nth-child(5) {
	width: 112.5px;
}
.mod_Gnavi ul li:nth-child(6) {
	width: 197px;
}
.mod_Gnavi ul li:nth-child(7) {
	width: 89px;
}
.mod_Gnavi ul li:nth-child(8) {
	width: 126px;
}
.mod_Gnavi ul li a.current img{
    margin-top:-54px;
    display:block; /* IE6隙間防止 */
}
.mod_Gnavi ul li a{
    display:block;
}
.mod_Gnavi ul li a:link    {}
.mod_Gnavi ul li a:visited {}
.mod_Gnavi ul li a:hover   {margin-top:-54px;}
.mod_Gnavi ul li a:active  {margin-top:-54px;}



/* main */
#main {
	width: 725px;
	float: left;
	text-align: left;
}
#main .news-area {
	width: 355px;
	float: left;
	position: relative;
}
#main .news-area .new {
	width: 40px;
	color: #002563;
	font-size: 85%;
	text-align: center;
	background-color: #ffd751;
	padding: 5px;
	position: absolute;
	top: 14px;
	left: 83%;
}
#main .news-area .date {
	position: absolute;
	top: 20px;
	left: 25px;
	color: #fff;
	font-weight: bold;
	z-index: 1000;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.41);
}
.recommend-area-sp {
	display: none;
}
#main .recommend-area {
	width: 355px;
	float: right;
	position: relative;
}
#main .recommend-area .date {
	position: absolute;
	top: 20px;
	left: 25px;
	color: #fff;
	font-weight: bold;
	z-index: 1000;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.41);
}
.recommend-list {
	border-bottom: 1px solid #ccc7c5;
	padding-top: 10px;
}
.photo-reco {
	width: 100%;
	height: 206px;
	overflow: hidden;
}
.slider li {
	height: 245px;
	width: auto;
	overflow: hidden;
}
.slider li a {
	display: block;	
	}
.slider li .newtopimg {
	width: 355px;
	height: 243px;
	overflow: hidden;
}
.slider li img {
	height: 245px;
}
.ttl, .ttl-reco {
	margin: 5px 0 16px 0;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

.photo .new02 {
	width: 40px;
	color: #002563;
	font-size: 85%;
	text-align: center;
	background-color: #ffd751;
	padding: 5px;
	position: absolute;
	top: 9px;
	left: 78%;
}
#main .article li {
	height: 180px;
	margin-bottom: 10px;
}
#main .article li a {
	display: block;
	color: #7a7a7a;
}
#main .article li a:hover {
	opacity: 0.7;
}

#main .article li .text_wrap {
	height: 180px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	border-top: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0 0 0;
	background-color: #fff;
	position: relative;
}

#main .article li .text_wrap .photo {
	height: 180px;
	width: 270px;
	overflow: hidden;
	float: left;
	position: relative;
}
#main .article li .text_wrap .photo img {
	height: 180px;
	width: 100%;
}
#main .article li .text_wrap .photo .date {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #18304b;
	background-color: rgba(24, 48, 75, 0.8);
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 8px 10px;
}

#main .article li .text_wrap .ttl-art {
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	color: #012563;
	position: relative;
	width: 60%;
	max-width: 440px;
	padding-left: 10px;
	float: left;
	padding-top: 10px;
}
#main .article li .text_wrap .ttl-art a {
	color: #012563;
}
#main .article li .text_wrap .ttl-art a:hover {
	color: #013183;
}
#main .article li .text_wrap .text {
	height: 105px;
	overflow: hidden;
	padding: 13px 15px 0 15px;
}

#main .article li .text_wrap .more {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	font-weight: bold;
	width: 85px;
	text-align: center;
	border-radius: 3px 3px 0 0;
	background-color: #ffd750;
	padding: 14px 0;
	color: #012563;
}
#main .article li .text_wrap .more a {
	color: #012563;
}
#main .article li .text_wrap .text .catlist {
    height: auto;
    overflow: hidden;
    width: 345px;
}
#main .article li .text_wrap .text .catlist li {
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	background-color: #eeeeee;
	padding: 6px 8px 0px 12px;
	background-image: url('../img/mark-category.gif');
	background-position: 2px center;
	background-repeat: no-repeat;
	background-size: 8px 10px;
	height: 17px;
	float: left;
	font-size: 11px;
	margin: 7px 9px 0 0;
}
#main .article li .text .discription {
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 1px;
}

#main .article li .text .discription a {
	color: #7a7a7a;
}
#main .article .tolist {
	text-align: right;
	margin-top: 30px;
}
#main .article .tolist a {
	font-size: 18px;
	color: #012563;
	font-weight: bold;
}
.inside .post {
	line-height: 2;
	text-align: left;
	color: #333;
}
/*
.inside .post p{
    color: #333;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 15px;
}
*/
.aligncenter {
	margin: 0 auto;
}
.aligncenterimg {
	text-align: center;
}

.pagetop {
	font-size: 110%;
}

/* side */
#side {
	width: 300px;
	box-sizing: border-box;
	float: right;
	text-align: left;
	padding: 14px;
	margin-top: 52px;
	background-color: #fff;
}

#side-lv2 {
	width: 300px;
	box-sizing: border-box;
	float: right;
	text-align: left;
	margin-top: 0;
	padding: 0px 14px 14px 14px;
	background-color: #fff;
}
#side-lv2 .imginfo {
	padding-top: 19px;
}
#side-archive {
	width: 300px;
	box-sizing: border-box;
	float: right;
	text-align: left;
	margin-top: 53px;
	padding: 0px 14px 14px 14px;
	background-color: #fff;
}
#side-archive .imginfo {
	padding-top: 19px;
}
#side-search {
	width: 300px;
	box-sizing: border-box;
	float: right;
	text-align: left;
	margin-top: 30px;
	padding: 12px 14px 14px 14px;
	background-color: #fff;
}
.intro {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 10px 0;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
}
.intro img {
	vertical-align: middle;
}
.ttl-side {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #ffd750;
	padding-bottom: 8px;
	margin: 23px 0 17px 0;
}
.ttl-cat {
	display: none;
}
.ttl-ranking {
	display: none;
}
input {
	border-top: 3px solid #dbdbdb;
	border-right: none;
	border-bottom: 3px solid #dbdbdb;
	border-left: 3px solid #dbdbdb;
	padding: 7px 3px;
	float: left;
	width: 80%;
}
@-moz-document url-prefix() {
	input {
		padding: 6px 3px;
		width: 83%;
	}
}
input.search-submit {
	padding: 0;
	border: none;
}
.search {
	float: left;
	border: 3px solid #dbdbdb;
	background-color: #ccc;
}
.search input {
	width: 37px;
	height: 28px;
}
.catlist-side {
	margin-top: -10px;
}
.catlist-side li a {
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	background-color: #eeeeee;
	padding: 8px 15px 2px 24px;
	background-image: url('../img/mark-category.gif');
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 8px 10px;
	height: 17px;
	float: left;
	font-size: 11px;
	margin: 10px 5px 0 0;
	color: #7a7a7a;
	display: block;
}
.tocategory {
	font-size: 80%;
	padding: 10px 0;
	float: right;
}
.tocategory a {
	color: #444;
	font-weight: bold;
}
.tocategory a:hover {
	color: #888;
}

/* footer */
#footer {
	height: 157px;
	width: 100%;
	min-width: 1050px;
	background-color: #012563;
	text-align: center;
	font-size: 11px;
	clear: both;
	margin-top: 75px;
	position: absolute;
	bottom: 0;
}
#footer .inside {
	width: 1050px;
	margin: 0 auto;
	color: #fff;
}
.menu-footer {
	padding-top: 75px;
}
.menu-footer li {
	display: inline-block;
}
.menu-footer li a {
	color: #fff;
}
.menu-footer li br {
	display: none;
}
.copyright {
	margin-top: 14px;
}
.sitename {
	display: none;
}

/* マネーイズムについて */
.ttl-aboutus {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #333;
	padding-top: 30px;
}
.text-aboutus {
	color: #333;
	line-height: 1.6;
	padding-top: 50px;
}



/* 詳細ページ */
.tp_subtitle {
	color: #333;
}
.post-area {
	border-top: 3px solid #02368c;
	background-color: #fff;
	margin-top: 3px;
}
.post-area .inside {
	padding: 0 20px 20px 20px;
}
.post-area .inside .ttl {
	font-size: 27px;
	color: #565656;
	line-height: 32px;
	margin-top: 20px;
}
.post-area .inside .cap {
	font-size: 90%;
	line-height: 1.7;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 8px;
}
.post-area .inside .cap2 {
	font-size: 90%;
	line-height: 1.7;
	padding-left: 2em;
	text-indent: -2em;
	margin-bottom: 8px;
}
.cattag {
	margin-top: 7px;
	float: left;
}
.cattag li {
	display: inline-block;
    background-color: #eeeeee;
    background-image: url("../img/mark-category.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    font-size: 11px;
    height: 17px;
    margin: 10px 2px 0 0;
    padding: 8px 15px 2px 24px;
}
.cattag li a {
	color: #7a7a7a;
}
.post-area .inside .date {
	font-size: 18px;
	color: #7a7a7a;
	border: none;
	margin: 23px 0 0 10px;
	float: left;
	background-image: none;
	background-color: transparent;
}
.post-line {
	border-bottom: 2px dotted #cccccc;
	margin: 50px -20px 5px;
}
.lead {
    background-color: #f7f7f7;
    border: 1px solid #e7e7e7;
    color: #777777;
    font-size: 110%;
    line-height: 160%;
    margin: 30px 0;
    padding: 20px;
    text-align: left;
}
.sns-area {
	margin: 55px 0 60px 0;
}
.sns-area li {
	display: inline-block;
	font-size: 0;
}
.sns-area .pc {
	display: none;
}

.sns-area-up {
	margin: 17px 0 20px 0;
}
.sns-area-up li {
	display: inline-block;
	font-size: 0;
	width: 11%;
}
.sns-area-up .pc {
	display: none;
}

h2.single-name {
	font-size: 25px;
	font-weight: bold;
	color: #02368c;
	padding-top: 10px;
	margin-bottom: 15px;
	line-height: 1.2;
}
h2.single {
	font-size: 25px;
	font-weight: bold;
	color: #02368c;
	margin-top: 30px;
	line-height: 1.2;
}
h2.single a {
	text-decoration: underline;
}
h3.single {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 25px 0;
	line-height: 1.2;
	background: none;
    border-bottom: 1px dotted #333;
	border-left: none;
    padding: 10px 15px 5px 10px;
	width: 95%;
}
h3.single a {
	text-decoration: underline;
}
.post-text {
	font-size: 16px;
	color: #333;
	line-height: 2.0;
	margin: 13px 0 30px 0;
}
.post-text .b {
	color: #023A96;
	font-weight: bold;
}
.post-text a {
    color: #DC6D17;
}
.post-text a:hover {
	border-bottom: 1px solid #DC6D17;
}
.img-in {
	width: 685px;
	height: 300px;
	overflow: hidden;
}
.tp_subtitle a {
	text-decoration: underline;
	line-height: 1.5;
}

.relate-area {
	background-color: #fff;
}
.relate-area .inside {
	padding: 13px 15px 20px 15px;
	margin-top: 50px;
}
.relate-area .inside .ttl {
	border-bottom: 2px solid #cccccc;
	padding-bottom: 8px;
}
.relate-area .inside li {
	width: 48.5%;
	box-sizing: border-box;
	float: left;
	padding: 14px 18px 17px 18px;
	margin-bottom: 10px;
	border-top: 2px solid #00217f;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	background-color: #fff;
}
.relate-area .inside li a {
	display: block;
}
.relate-area .inside li:nth-child(even) {
	float: right;
}
.relate-area .inside li .ttl-post {
	font-size: 16px;
	color: #535353;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 12px;
}
.relate-area .inside li .catlist {
	margin-top: 0;
}
.relate-area .inside li .catlist li {
    background-color: #eeeeee;
    background-image: url("../img/mark-category.gif");
    background-position: 4px center;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    float: left;
    font-size: 11px;
    margin: 5px 9px 0 0;
    padding: 6px 8px 0 14px;
	height: 25px;
	width: auto;
	color: #7a7a7a;
}
.relate-area .inside li .catlist li a {
	color: #7a7a7a;
}

#single_navi {
	margin-top: 30px;
}
.previous {
	float: left;
	width: 325px;
	height: 65px;
	box-sizing: border-box;
	position: relative;
	font-size: 75%;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	padding: 10px;
	line-height: 1.3;
}
.previous p {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.previous p a, .previous01 p a {
	color: #555;
	font-weight: bold;
}
.previous p a:hover, .previous01 p a:hover {
	color: #888;
}
.previous01 {
	float: left;
	width: 45%;
	font-size: 75%;
	padding: 10px;
	line-height: 1.3;
}
.next {
	float: right;
	width: 325px;
	height: 65px;
	box-sizing: border-box;
	position: relative;
	text-align: right;
	font-size: 75%;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	padding: 10px 10px 10px 20px;
	line-height: 1.3;
}
.next p {
	position: absolute;
	top: 50%;
	right: 2%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.next p a, .next01 p a {
	color: #555;
	font-weight: bold;
}
.next p a:hover, .next01 p a:hover {
	color: #888;
}
.next01 {
	float: right;
	width: 45%;
	text-align: right;
	font-size: 75%;
	padding: 10px;
	line-height: 1.3;
}

.figure{
	max-width: 100%;
	margin: 10px auto;
	text-align: center;
	}
.figure80{
	width: 80%;
	margin: 10px auto;
	text-align: center;
	}
	

.post a {
    color: #DC6D17;
}
.post a:hover {
	border-bottom: 1px solid #DC6D17;
}
.post table{
	border: 2px solid #cccccc;
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
	font-size: 95%;
	margin: 20px 0;
	}

.post table tr{
	border: 1px solid #cccccc;
	padding: 10px;
	background-color: #f2f2f2;
	}

.post table tr th{
	padding: 10px;
	background-color: #f2f2f2;
	vertical-align: middle;
	font-weight: bold;
	color: #777777;
	border: 1px solid #cccccc;
	}
		
.post table  tr td{
	border: 1px solid #cccccc;
	padding: 6px;
	background-color: #ffffff;
	}
.post-area table  tr .td01{
	border-top: 1px solid #cccccc;
	border-right: none;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 10px 0px 10px 10px;
	background-color: #ffffff;
	}
.post-area table  tr .td02{
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	padding: 10px 10px 10px 0;
	background-color: #ffffff;
	}

.post-area table.p962 {
	width: 670px;
}
.ttl01 {
	width: 142px;
}
.ttl02 {
	width: 342px;
}

	
.hint_h{
	padding: 6px 10px; 
	margin-top: 20px;
	color: #ffffff; 
	font-weight: bold; 
	background: #7fbeee;
	}
	
.hint_in{
	padding: 10px; 
	border: 1px solid #7fbeee; 
	margin-bottom: 20px;
	line-height: 1.8;
	}

/* ランキング順位 */
.wpp-list02 {
	counter-reset: posts-rank;
}
.wpp-list02 li {
	position: relative;
	padding: 0 0 10px 0;
}
.wpp-list02 li a {
	color: #333;
}
.wpp-list02 li a:hover {
	opacity: 0.7;
}
.ranking li {
	border-bottom: 1px solid #ccc7c5;
}
.ranking li a {
	display: block;
	padding: 10px 0 0 0;
}
.photo-rank {
	width: 80px;
	height: 65px;
	overflow: hidden;
	float: left;
	position: relative;
}
.ttl-rank {
	font-size: 13px;
	line-height: 17px;
	color: #333;
	font-weight: bold;
	padding-left: 87px;
}
.facebook {
	margin: 27px 0 8px 0;
}
.twitter {
    margin-top: 11px;
}
.ranking-area-sp li {
	border-bottom: 1px solid #ccc7c5;
}
.ranking-area-sp li a {
	display: block;
	padding: 10px 0 0 0;
}
.wpp-list02 .number {
	position: absolute;
	top: 10px;
	left: 0;
	content: counter(posts-rank);
	counter-increment: posts-rank;
	z-index: 1;
	background:#FFD750;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 4px 6px;
}
.wpp-list02 li:nth-child(1) .number {
	background: #D9BC21;
}
.wpp-list02 li:nth-child(2) .number {
	background: #BBB9B8;
}
.wpp-list02 li:nth-child(3) .number {
	background: #C07726;
}
.wpp-list02 li:nth-child(6) .number, .wpp-list02 li:nth-child(7) .number, .wpp-list02 li:nth-child(8) .number, .wpp-list02 li:nth-child(9) .number, .wpp-list02 li:nth-child(10) .number {
	background: #ddd;
	color: #888;
}


/* 投稿画面 */
#pest {
	font-size: 80%;
	width: 99%;
}
#pest tr {
	height: 25px;
}
#pest .cell01 {
	height: 25px;
	text-align: center;
	background-color: #eee;
}
#pest .cell02 {
	height: 25px;
	text-align: center;
	background-color: #eee;
}
#pest .cell03 {
	height: 25px;
	width: 35%;
	text-align: center;
	background-color: #f5ebe9;
}
#pest .cell04 {
	height: 28px;
	text-align: center;
	background-color: #e0ecf3;
}

.notfound {
	font-size: 16px;
	padding: 70px 5px 5px 5px;
}

.post-text table{
	border: 2px solid #cccccc;
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
	font-size: 95%;
	margin: 20px 0;
	}

.post-text table tr{
	border: 1px solid #cccccc;
	padding: 10px;
	background-color: #f2f2f2;
	}

.post-text table tr th{
	padding: 10px;
	background-color: #f2f2f2;
	vertical-align: middle;
	font-weight: bold;
	color: #777777;
	border: 1px solid #cccccc;
	}
		
.post-text table  tr td{
	border: 1px solid #cccccc;
	padding: 6px;
	background-color: #ffffff;
	}

/* ライター */
.author {
	border: 4px solid #eee;
	padding: 10px 20px;
	margin: 30px 0 60px 0;
	font-size: 12px;
	position: relative;
}
.author .name {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	font-weight: bold;
}
.author .profile {
	padding-top: 8px;
}

/*　数式　*/
.calc {
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.calc02 {
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: -15px 0 15px 15px;
	padding: 0;
	line-height: 2.5;
}
.calc03 {
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0 0 15px 0;
	border: 1px dotted #999;
	padding: 5px;
}
.calc04 {
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 10px 0 15px 0;
}


.banner-souzoku {
	margin-top: 30px;
}
.banner-jinzai {
	display: block;
	margin-top: 30px;
}

/* 運営・協業サイト */
.sitelistttl {
	font-size: 18px;
	text-align: left;
	background: none;
	border-bottom: 1px dotted #02368c;
	border-left: none;
}
.sitelist, .sitelist2 {
	width: 920px;
	margin: 0 auto;
}
.sitelist li {
	width: 215px;
	height: 65px;
	float: left;
	margin: 0 20px 10px 0;
}
.sitelist2 li {
	width: 192px;
	height: 140px;
	float: left;
	margin: 0 50px 10px 0;
}
.sitelist li:nth-child(4n), .sitelist2 li:nth-child(4n) {
	margin-right: 0;
}

/* 参考文献 */
.sankou {
	background-color: #F1F5FE;
	padding: 20px;
	margin: 30px 0 60px 0;
	font-size: 13px;
}
.sankou a:hover {
	color: #02368C;
    border-bottom: 1px solid #02368C;
}
.ttl-sankou {
	border-bottom: 1px dotted #575757;
	margin-bottom: 10px;
}
.sankou ul {
	list-style: disc;
	padding-left: 13px;
}
/*------------------------------------------------------------
 ライン風の吹き出し
-------------------------------------------------------------*/
/*
.balloon {
	margin-bottom: 40px;
}
*/
.balloon figure {
	width: 60px;
	height: 60px;
}
.balloon-img-left {
	float: left;
	height: 60px;
}
.balloon-img-right {
	float: right;
	height: 60px;
}
.balloon-img-left figure {
	margin: 0 auto 0 0;
}
.balloon-img-right figure {
	margin: 0 0 0 auto;
}
.balloon img {
	height: 100%;
	margin: 0;
}
.balloon-img-caption {
	padding: 5px 0 0;
	white-space: nowrap;
	font-size: 12px;
}
div[class^="balloon-"] {
	padding: 20px;
	position: relative;
	border-radius: 12px;
}
div[class^="balloon-img"] {
	padding: 0;
	text-align: center;
}
div[class^="balloon-left"] {
	margin-left: 80px;
	margin-bottom: 30px;
}
div[class^="balloon-right"] {
	margin-right: 80px;
	margin-bottom: 30px;
}
.balloon p {
	margin: 0 0 20px;
}
.balloon p:last-child {
	margin-bottom: 0;
}
div[class^="balloon-left-"]::before,
div[class^="balloon-right-"]::before,
div[class^="balloon-left-"]::after,
div[class^="balloon-right-"]::after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	top: 12px;
}
div[class^="balloon-left-"]::before,
div[class^="balloon-left-"]::after {
	left: -20px;
}
div[class^="balloon-right-"]::before,
div[class^="balloon-right-"]::after {
	right: -20px;
}
div.balloon::after, div.balloon::before {
	clear: both;
	content: '';
	display: block;
}

/* 吹き出しの背景色 (左) */
div.balloon-left-line {
	background: #fff8f0;
}
div.balloon-left-line::before,
div.balloon-left-line::after {
	border-right: 12px solid #fff8f0;
}

/* 吹き出しの背景色 (右) */
div.balloon-right-line {
	background: #f2f7ff;
}
div.balloon-right-line::before,
div.balloon-right-line::after {
	border-left: 12px solid #f2f7ff;
}
/* form */
.form2{
	border:thin;
	margin-bottom: 30px;
	}
.td_l{
	padding-top: 15px;
	padding-bottom: 15px;
    vertical-align: middle;
	width: 25%;
	height: 40px;
    font-family: "Noto Sans Japanese","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: bold;
	color: #666666;
    border: none;
	}
.td_l img {
    width: 45px;
}
.td_r{
	width: 70%;
	padding-left: 30px;
	font-family: "Meiryo","Helvetica","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3",sans-serif;
	font-size: 13px;
    vertical-align: middle;
	}
input.formin {
    width: 440px;
    height: 20px;
	border: 3px solid #dbdbdb;
	padding: 7px 3px;
	float: left;
}
input#zip {
    width: 150px;
    height: 20px;
	border: 3px solid #dbdbdb;
	padding: 7px 3px;
	float: left;
}
input#zip_search {
	width: 180px;
    border: 3px solid #dbdbdb;
	padding: 7px 3px;
	float: left;
}
.submit_button {
    text-align: center;
}
input#Submit {
    float: none;
    border: 3px solid #dbdbdb;
}
.formin {
    border: 3px solid #dbdbdb;
    width: 95%;
    height: 100px;
}
#perfecuture {
    border: 3px solid #dbdbdb;
}
.yuubin_a{
	float: left;
	width: 160px;
}
.yuubin_b{
	float: left;
	margin-left: 20px;
	height: 30px;
}
.error{
	margin-top: 5px;
	line-height: 140%;
	color: #ff0000;
	padding-left: 10px;
}
.form{
	padding-top: 30px;
    padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
}



}


/*===============================================
●SP  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px) {

body {
	text-align: center;
	font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", sans-serif;
	color: #333;
}

.sp {
	display: none;
}
body {
	width: 100%;
	text-align: center;
	position: relative;
}

#container {
	position: relative;
	padding-bottom: 200px;
}
#container .search-area {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 39px;
	box-sizing: border-box;
	background-color: #013a93;
	padding-top: 3px;
}

/*
#container .search-area input {
	background-color: #013a93;
	border: 1px solid #013a93;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 100%;
	width: 80%;
}
*/

.search {
	float: right;
	margin-right: 2%;
}
label {
	float: left;
	width: 85%;
}
label input {
	background-color: #013a93;
	border: none;
	color: #fff;
	font-size: 105%;
	margin-top: 4px;
	padding: 0 3px;
}

/* 検索バー　タップで白背景 */
input[type="search"] {
	background-color: #013a93;
	width: 85%;
}
input[type="search"]:focus {
	background-color: #fff;
	color: #013a93;
	outline: 0;
	width: 85%;
}

#header {
	background-color: #f5f5f5;
}
h1 {
	display: none;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 45px;
	text-align: left;
}
.logo {
	margin: 0 auto;
	padding: 10px 0;
	width: 50%;
}

h2.ttl {
	display: none;
}
h2.ttl02 {
	display: none;
}
h3 {
    background: #f2f2f2 none repeat scroll 0 0;
    border-bottom-right-radius: 3px;
    border-left: 6px solid #02368c;
    border-top-right-radius: 3px;
    font-size: 120%;
    margin: 40px 0 20px 0;
    padding: 2% 3%;
    width: 93%;
	font-weight: bold;
	color: #02368c;
	border-bottom: 1px solid #f2f2f2;
}

h4 {
    font-size: 110%;
    margin:15px 0;
    padding: 2% 0%;
	font-weight: bold;
	color: #02368c;
	}

h5{
	color:#7fbeee; 
	font-weight: bold; 
	font-size: 110%;
	margin-top: 10px;
	}
h6 {
    margin-top: 10px;
    font-weight: bold;
	}

.mod_Gnavi {
	display: none;
}
.intro {
	display: none;
}

#main{
	height: auto;
}

.scroll {
    overflow: auto;
    white-space: nowrap;
	width: 100%;
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 		height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 		background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 		background: #BCBCBC;
}

.post-area table.p962 {
	width: 500px;
}
.post-area table tr th.ttl01 {
	width: 20%;
}
.post-area table tr th.ttl02 {
	width: 50%;
}
.post-area table tr th.ttl03 {
	width: 30%;
}

/* recommend */
#main .recommend-area {
	display: none;
}
.recommend-area-sp {
	margin: 0 auto;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}
.ttl-reco {
	border-top: 5px solid #fdd750;
	padding: 15px 0 20px 0;
	margin-top: 50px;
	background-color: #f5f5f5;
	text-align: center;
}
.ttl-reco img {
	width: 60%;
}
.subttl {
	margin: 12px 0;
	color: #000;
	font-weight: bold;
}
.subttl-aboutus {
	font-size: 18px;
	font-weight: bold;
	margin-top: 50px;
}

.recommend-area-sp li {
	width: 49%;
	box-sizing: border-box;
	margin-bottom: 2%;
	margin-right: 2%;
	float: left;
	text-align: left;
	background-color: #fff;
}
.recommend-area-sp li a {
	display: block;
	padding: 10px 4%;
	color: #333;
	font-weight: bold;
}
.recommend-area-sp li:nth-child(even) {
	margin-right: 0;
}
.recommend-area-sp li a .ttl {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.4;
}
.recommend-area-sp li a .date {
	color: #bbb;
	font-size: 90%;
	padding-top: 15px;
}

/* news */
#main .news-area {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 30px;
}
.bx-wrapper .bx-caption {
	text-align: left;
}
#main .news-area .new {
	width: 50px;
	color: #002563;
	font-weight: bold;
	text-align: center;
	background-color: #ffd751;
	padding: 5px;
	position: absolute;
	top: 10px;
	right: 10px;
}
#main .news-area .date {
	position: absolute;
	bottom: 49px;
	left: 6px;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
	z-index: 1000;
}
.bx-viewport {
	height: 190px;
}

#main .article li {
	border-bottom: 1px solid #bbbbbb;
	position: relative;
	padding-bottom: 2%;
	clear: both;
	background-color: #f5f5f5;
}
#main .article li a {
	display: block;
	color: #7a7a7a;
	padding: 5px 0;
}
#main .article li .text_wrap .photo {
	width: 35%;
	overflow: hidden;
	float: left;
	margin-left: 2%;
	margin-right: 10px;
	position: relative;
}
.photo .new02 {
	width: 40px;
	color: #002563;
	font-size: 70%;
	text-align: center;
	background-color: #ffd751;
	padding: 3px;
	position: absolute;
	top: 9px;
	right: 5px;
}

#main .article li .text_wrap .photo .date {
	display: none;
}

#main .article li .text_wrap {

}

#main .article li .text_wrap .ttl-art {
	font-size: 15.5px;
	text-align: left;
	line-height: 1.3;
	font-weight: bold;
	color: #02368c;
	margin-top: 0;
	padding-top: 0;
    padding: 1% 2%;
	width: 55%;
	float: left;
}
#main .article li .text_wrap .ttl-art a {
	color: #02368C;
}

#main .article li .text_wrap .text {
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 10px;
	position: relative;
	clear:both;
}
#main .article li .text_wrap .text a {
	padding: 0;
}
#main .article li .text_wrap .text .more {
	display: none;
}

#main .article li .text_wrap .text .catlist {
	display: none;
}
#main .article li .text_wrap .text .discription {
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 1px;
	margin-top: 5px;
	text-align: left;
}
#main .article li .text .text_wrap .discription a {
	color: #7a7a7a;
}
#main .article .tolist {
	margin: 40px auto 35px auto;
}
#main .article .tolist a {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	background-color: #02358e;
	padding: 20px 50px;
	display: block;
	width: 49%;
	margin: 0 auto;
}
#main .article .tolist a .txt {
	margin-left: -30px;
}
#main .article .tolist a .txt .arrow {
	color: #02358e;
}
.imginfo {
	display: none;
}
#kanren a {
	color: #33cccc;
    border-bottom: none;
}

/* category */
.ttl-cat {
	font-weight: bold;
	border-top: 5px solid #02358e;
	padding: 15px 0 20px 0;
}
.ttl-cat img {
	width: 40%;
	margin: 5px auto 10px auto;
}
.catlist-side {
	padding: 0 2% 20px 2%;
}
.catlist-side li a {
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	background-color: #eeeeee;
	padding: 18px 30px 11px 43px;
	background-image: url('../img/mark-category.gif');
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 17px 20px;
	height: 17px;
	float: left;
	font-size: 13px;
	margin: 10px 5px 0 0;
	color: #7a7a7a;
	display: block;
}
.tocategory {
	font-size: 80%;
	padding: 20px 10px 0 0;
	float: right;
}
.tocategory a {
	color: #444;
	font-weight: bold;
}
.tocategory a:hover {
	color: #888;
}

/* ランキング */
.ttl-ranking {
	font-weight: bold;
	border-top: 5px solid #fdd750;
	padding: 15px 10px 20px 0;
	margin: 15% 0 0 0;
	background-color: #f5f5f5;
}
.ttl-ranking img {
	width: 40%;
	margin: 5px auto 10px auto;
}
.ranking-area-sp {
	background-color: #f5f5f5;
}
.ranking-area-sp li {
	border-bottom: 1px solid #ccc7c5;
}
.ranking-area-sp li a {
	display: block;
	padding: 10px 0 0 0;
}
.photo-rank {
	width: 80px;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	padding-bottom:0;
}
.photo-rank img {
	width: 100%;
}
.ttl-rank {
	font-size: 13px;
	line-height: 21px;
	color: #333;
	font-weight: bold;
	padding-left: 85px;
	text-align: left;
}

.facebook, .twitter {
	display: none;
}

/* footer */
#footer {
	height: 157px;
	width: 100%;
	background-color: #012563;
	text-align: center;
	font-size: 11px;
	clear: both;
	margin-top: 75px;
	padding-bottom: 20px;
	position: absolute;
	bottom: 0;
}
#footer .inside {
	width: 100%;
	margin: 0 auto;
	color: #fff;
}
.sitename {
	font-size: 150%;
	font-weight: bold;
	padding-top: 10%
}
.menu-footer {
	padding-top: 20px;
}
.menu-footer li {
	display: inline-block;
	line-height: 1.8;
}
.menu-footer li a {
	color: #fff;
}
.copyright {
	margin-top: 14px;
	padding-bottom: 15px;
}

/* マネー塾について */
.ttl-aboutus {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #333;
	padding-top: 60px;
}
.text-aboutus {
	color: #333;
	line-height: 1.5;
	padding-top: 50px;
	text-align: left;
	padding: 15px 2%;
}

/* list */
#container {
	padding-top: 1.5%;
}
.ttl-list {
	margin-top: 55px;
}
.ttl-list img {
	width: 40%;
}
.pager {
	margin: 50px 0;
	text-align: center;
	width: 100%;
}
.pager p {
	display: inline-block;
}
.pager .active {
	border-radius: 50%;
	width: 8%;
	height: 8%;
	box-sizing: border-box;
	background-color: #02368c;
}
.pager .active a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 23% 0;
}
.pager .static {
	border-radius: 50%;
	width: 8%;
	height: 8%;
	box-sizing: border-box;
	background-color: #ebebeb;
}
.pager .static a {
	display: block;
	color: #000;
	text-align: center;
	padding: 23% 0;
}

/* 詳細ページ */
.lead p {
    background-color: #f7f7f7;
    border: 1px solid #e7e7e7;
    color: #777777;
    font-size: 16px;
    line-height: 160%;
    margin: 30px 0 10px 0;
    padding: 20px;
    text-align: left;
}
.post-area {
	margin-top: 50px;
	background-color: #fff;

}
.post-area .inside {
	padding: 0 15px 20px 15px;
	position: relative;
	line-height: 1.8;
	text-align: left;
	color: #333;
}
.post-area .inside .cap {
	font-size: 90%;
	line-height: 1.7;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 8px;
}
.post-area .inside .cap2 {
	font-size: 90%;
	line-height: 1.7;
	padding-left: 2em;
	text-indent: -2em;
	margin-bottom: 8px;
}
.post-area .inside .cattag {
	width: 100%;
	margin: 0 0 7px 0;
	border-bottom: 1px dotted #888;
	padding-bottom: 10px;
}
.post-area .inside .cattag li {
	display: inline-block;
    background-color: #eeeeee;
    background-image: url("../img/mark-category.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    font-size: 11px;
    height: 17px;
    margin: 10px 2px 0 0;
    padding: 8px 15px 2px 24px;
}
.post-area .inside .cattag li a {
	color: #7a7a7a;
}
.post-area .inside .sns-area {
	padding: 50px 0;
}
.post-area .inside .sns-area li {
	display: inline-block;
	font-size: 0;
	width: 32%;
}

#single_navi {
	padding: 20px 0 0 0;
}

.post-area .inside .ttl {
	font-size: 20px;
	color: #565656;
	line-height: 1.3;
	margin-top: 20px;
	padding-bottom: 7px;
	text-align: left;
	font-weight: bold;
}
.post-area .inside .date {
	color: #bbbbbb;
	font-size: 14px;
	margin-bottom: 10px;
}
h2.single-name {
	font-size: 20px;
	font-weight: bold;
	color: #02368c;
	padding-top: 10px;
	margin-bottom: 15px;
	line-height: 1.2;
}
h2.single a {
	text-decoration: underline;
}
h2.single {
	text-align: left;
	color: #013a93;
	font-size: 19px;
	font-weight: bold;
	padding: 30px 0 10px 0;
	line-height: 1.2;
}
h3.single {
	color: #333;
	font-size: 19px;
	font-weight: bold;
	margin: 10px 0 25px 0;
	line-height: 1.2;
	background: none;
    border-bottom: 1px dotted #333;
	border-left: none;
    padding: 10px 5px 5px 0px;
	width: 95%;
}
h3.single a {
	text-decoration: underline;
}
.post-text {
	text-align: left;
	font-size: 16px;
	line-height: 1.7;
}

/*
.post-area .post p{
    color: #333;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 30px;
}
*/

.post-text .b {
	color: #023A96;
	font-weight: bold;
}
.post-text a {
    color: #DC6D17;
	border-bottom: 1px solid #DC6D17;
}

.figure{
	max-width: 100%;
	margin: 10px auto;
	}

.post a {
    color: #DC6D17;
	border-bottom: 1px solid #DC6D17;
}

.post-area table{
	border: 2px solid #cccccc;
	border-collapse: collapse;
    border-spacing: 0;
	width: 99%;
	font-size: 95%;
	margin-bottom: 20px;
	}

.post-area table tr{
	border: 1px solid #cccccc;
	padding: 10px;
	background-color: #f2f2f2;
	}			

.post-area table tr th{
	padding: 10px;
	background-color: #f2f2f2;
	vertical-align: middle;
	font-weight: bold;
	color: #777777;
	border: 1px solid #cccccc;
	}
		
.post-area table  tr td{
	border: 1px solid #cccccc;
	padding: 10px;
	background-color: #ffffff;
	}
.post-area table  tr .td01{
	border-top: 1px solid #cccccc;
	border-right: none;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 10px 0 10px 10px;
	background-color: #ffffff;
	}
.post-area table  tr .td02{
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	padding: 10px 10px 10px 0;
	background-color: #ffffff;
	}

.img-in {
	margin-bottom: 15px;
}

.aligncenter {
	margin: 0 auto;
}
.aligncenterimg {
	text-align: center;
}

.hint_h{
	width: auto;
	padding: 6px 10px; 
	color: #ffffff; 
	font-weight: bold; 
	background: #7fbeee;
	margin-top: 20px;
	}
	
.hint_in{
	padding: 10px; 
	border: 1px solid #7fbeee; 
	margin-bottom: 20px;
	}	

	
/* related area */
.relate-area {
	margin-top: 60px;
	background-color: #fff;
}
.relate-area .inside {
	background-color: #f5f5f5;
}
.relate-area .inside .ttl {
	border-bottom: 2px solid #cccccc;
	padding-bottom: 8px;
}
.relate-area .inside ul {
	padding: 0 2%;
	text-align: left;
}
.relate-area .inside li {
	width: 49%;
	box-sizing: border-box;
	float: left;
	padding: 2%;
	margin-bottom: 10px;
	background-color: #fff;
}
.relate-area .inside li a {
	display: block;
}

.relate-area .inside li .catlist li {
	float: left;
	width: auto;
    background-color: #eeeeee;
    background-image: url("../img/mark-category.gif");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    font-size: 11px;
    height: 27px;
    margin: 10px 2px 0 0;
    padding: 8px 15px 2px 24px;
}
.relate-area .inside li .catlist li a {
	color: #7a7a7a;
}

.relate-area .inside li:nth-child(even) {
	float: right;
}
.relate-area .inside li .ttl-post {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 12px;
}
.relate-area .inside li .date {
	font-size: 12px;
	padding-top: 20px;
	color: #bbb;
	font-weight: bold;
}
.relate-area .inside li a .catlist {
	display: none;
}
.photo-reco {
	width: 100%;
	height: 20%;
	overflow: hidden;
}

/* 注目カテゴリ */
.tocategory {
	font-size: 16px;
	padding: 20px 10px 0 0;
	float: right;
}
.tocategory a {
	color: #444;
	font-weight: bold;
}

/* ランキング順位 */
.wpp-list02 {
	counter-reset: posts-rank;
}
.wpp-list02 li {
	position: relative;
	padding: 0 0 10px 0;
}
.wpp-list02 li a {
	color: #333;
}
.wpp-list02 li a:hover {
	opacity: 0.7;
}
.ranking li {
	border-bottom: 1px solid #ccc7c5;
}
.ranking li a {
	display: block;
	padding: 10px 0 0 0;
}
.photo-rank {
	width: 80px;
	height: 65px;
	overflow: hidden;
	float: left;
	position: relative;
}
.ttl-rank {
	font-size: 13px;
	line-height: 17px;
	color: #333;
	font-weight: bold;
	padding-left: 87px;
}
.facebook {
	margin: 27px 0 8px 0;
}
.twitter {
    margin-top: 11px;
}
.ranking-area-sp li {
	border-bottom: 1px solid #ccc7c5;
}
.ranking-area-sp li a {
	display: block;
	padding: 10px 0 0 0;
}
.wpp-list02 .number {
	position: absolute;
	top: 10px;
	left: 0;
	content: counter(posts-rank);
	counter-increment: posts-rank;
	z-index: 1;
	background:#FFD750;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 4px 6px;
}
.wpp-list02 li:nth-child(1) .number {
	background: #D9BC21;
}
.wpp-list02 li:nth-child(2) .number {
	background: #BBB9B8;
}
.wpp-list02 li:nth-child(3) .number {
	background: #C07726;
}
.wpp-list02 li:nth-child(6) .number, .wpp-list02 li:nth-child(7) .number, .wpp-list02 li:nth-child(8) .number, .wpp-list02 li:nth-child(9) .number, .wpp-list02 li:nth-child(10) .number {
	background: #ddd;
	color: #888;
}



.previous {
	float: left;
	width: 42%;
	height: 68px;
	position: relative;
	font-size: 70%;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	padding: 5px 8px 5px 8px;
	line-height: 1.3;
}
.previous p {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.previous p a {
	color: #555;
	font-weight: bold;
}
.previous p a:hover {
	color: #888;
}
.previous01 {
	float: right;
	text-align: right;
	font-size: 75%;
	padding: 10px;
	line-height: 1.3;
}
.next {
	float: right;
	width: 42%;
	height: 68px;
	position: relative;
	text-align: right;
	font-size: 65%;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	padding: 5px 5px 5px 10px;
	line-height: 1.3;
}
.next p {
	position: absolute;
	top: 50%;
	right: 2%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.next p a {
	color: #555;
	font-weight: bold;
}
.next p a:hover {
	color: #888;
}
.next01 {
	float: right;
	width: 45%;
	text-align: right;
	font-size: 75%;
	padding: 10px;
	line-height: 1.3;
}


/* 投稿画面 */
#scroll {
	overflow-x:auto;
}
#pest {
	font-size: 80%;
	width: 150%;
}
#pest tr {
	height: 25px;
}
#pest .cell01 {
	height: 25px;
	width: 30px;
	text-align: center;
	background-color: #eee;
	padding: 5px;
}
#pest .cell02 {
	height: 25px;
	width: 140px;
	text-align: center;
	background-color: #eee;
	padding: 5px;
}
#pest .cell03 {
	height: 25px;
	width: 190px;
	text-align: center;
	background-color: #f5ebe9;
	padding: 5px;
}
#pest .cell04 {
	height: 28px;
	width: 140px;
	text-align: center;
	background-color: #e0ecf3;
	padding: 5px;
}
#pest td {
	padding: 5px;
}

.pankuzu {
	display: none;
}

/* ライター */
.author {
	border: 4px solid #eee;
	padding: 10px 20px;
	margin: 30px 0 60px 0;
	font-size: 100%;
	position: relative;
}
.author .name {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	font-weight: bold;
}
.author .profile {
	padding-top: 8px;
}

/*　数式　*/
.calc {
	font-style: italic;
	font-size: 19px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.calc br {
	display: none;
}
.calc02 {
	font-style: italic;
	font-size: 19px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: -15px 0 15px 15px;
	padding: 0;
	line-height: 2.5;
}
.calc03 {
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 10px 0 15px 0;
	border: 1px dotted #999;
	padding: 5px;
}
.calc04 {
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 10px 0 15px 0;
}

.banner-souzoku {
	margin-top: 30px;
}
.banner-jinzai {
	display: block;
    height: 0;
	margin-top: 30px;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 46.45%;
    background: url('../img/banner-jinzai02-sp.gif') 0 0 no-repeat;
    background-size: contain;
}
.banner-jinzai img {
	display: none;
}
.banner-jinzai-link {
}

/* 運営・協業サイト */
.sitelistttl {
	font-size: 18px;
	text-align: left;
	background: none;
	border: none;
}
.sitelist, .sitelist2 {
	width: 96%;
	margin: 2% auto;
}
.sitelist li{
	width: 32%;
	height: auto;
	float: left;
	margin: 0 0.5% 10px 0;
}
.sitelist2 li {
	width: 24%;
	height: auto;
	float: left;
	margin: 0 0.5% 10px 0;
}
.sitelist li:nth-child(3n){
	margin-right: 0;
}
.sitelist2 li:last-child {
	margin-right: 0;
}

/* 参考文献 */
.sankou {
	background-color: #F1F5FE;
	padding: 20px;
	margin: 30px 0 60px 0;
	font-size: 14px;
}
.ttl-sankou {
	font-weight: bold;
	border-bottom: 1px dotted #575757;
	margin-bottom: 10px;
}
.sankou ul {
	list-style: disc;
	padding-left: 13px;
    display: block;
    width: 280px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/*------------------------------------------------------------
 ライン風の吹き出し
-------------------------------------------------------------*/
/*
.balloon {
	margin-bottom: 40px;
}
*/
.balloon figure {
	width: 60px;
	height: 60px;
}
.balloon-img-left {
	height: 60px;
    margin-bottom: 5px;
}
.balloon-img-right {
	height: 60px;
    margin-bottom: 5px;
}
.balloon-img-left figure {
	margin: 0 auto 0 0;
}
.balloon-img-right figure {
	margin: 0 0 0 auto;
}
.balloon img {
	height: 100%;
	margin: 0;
}
.balloon-img-caption {
	padding: 5px 0 0;
	white-space: nowrap;
	font-size: 12px;
}
div[class^="balloon-"] {
	padding: 20px;
	position: relative;
	border-radius: 12px;
}
div[class^="balloon-img"] {
	padding: 0;
	text-align: center;
}
div[class^="balloon-left"] {
	/*margin-left: 80px;*/
	margin-bottom: 15px;
}
div[class^="balloon-right"] {
	/*margin-right: 80px;*/
	margin-bottom: 15px;
}
.balloon p {
	margin: 0 0 20px;
}
.balloon p:last-child {
	margin-bottom: 0;
}
div[class^="balloon-left-"]::before,
div[class^="balloon-right-"]::before,
div[class^="balloon-left-"]::after,
div[class^="balloon-right-"]::after {
	position: absolute;
	content: '';
	/*border: 10px solid transparent;
	top: 12px;*/
}
div[class^="balloon-left-"]::before,
div[class^="balloon-left-"]::after {
	/*left: -20px;*/
}
div[class^="balloon-right-"]::before,
div[class^="balloon-right-"]::after {
	/*right: -20px;*/
}
div.balloon::after, div.balloon::before {
	clear: both;
	content: '';
	display: block;
}

/* 吹き出しの背景色 (左) */
div.balloon-left-line {
	background: #fff8f0;
	font-size: 90%;
}
div.balloon-left-line::before,
div.balloon-left-line::after {
	border-right: 12px solid #fff8f0;
}

/* totop */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 90%;
}
#page-top a {
	background-color: rgba(51,51,51,0.6);
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
	line-height: 1.2;
}
#page-top a:hover {
    text-decoration: none;
    background: #888;
}


/* 吹き出しの背景色 (右) */
div.balloon-right-line {
	background: #f2f7ff;
	font-size: 90%;
}
div.balloon-right-line::before,
div.balloon-right-line::after {
	border-left: 12px solid #f2f7ff;
}


