/* PCのみ　画面の横幅が768px以上 */
@media screen and (min-width:1025px){
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/
.sp{display:none;}
.pc{display:block;}

/*blog_header.php
===========================*/
#blog_header {
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 999;
}
.head_1_in {
	width: 1024px;
	margin: 0 auto;
}
#blog_header .blog_head_l {
	margin: 20px auto;
	text-align: center;
}
#blog_header .blog_head_r {
	float: right;
	margin-top: -60px;
}
#blog_header .head_2_in ul li {
	float: left;
	border-left: 1px #fff solid;
	margin: 5px 0;
	padding: 0 8.9%;
}

.blog_in {
	max-width: 1024px;
	width: 98%;
	margin: 50px auto;
}
.blog_center {
	float: left;
	width: 760px;
	margin: 0 auto;
}
.sp-slide .cate {
	float: left;
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.sp-slide .cate a {
/*
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
*/
}
.sp-slide .date {
	float: left;
	margin-left: 10px;
}
.sp-slide .title {
	margin: 7px auto 0;
	font-size: 16px;
	line-height: 1.5em;
}
.sp-slide .title a {
	color: #333333;
}
.sp-slide .overflow {
	overflow-y: hidden;
	height: 45px;
}

.blog_top_list {
	margin: 30px auto;
}
.blog_top_box {
	width: 230px;
	float: left;
	margin-right: 34px;
	margin-bottom: 30px;
}
.blog_top_box:nth-child(3n) {
	margin-right: 0;
}
.blog_top_box .img a {
	display: block;
	width: 230px;
	height: 172px;
}
.blog_top_box .cate {
	display: block;
	float: left;
	margin-top: 10px;
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	line-height: 1.7em;
	color: #fff;
	text-decoration: none;
}
.blog_top_box .cate a {
/*
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
*/
}
.blog_top_box .date {
	margin-top: 5px;
}
.blog_top_box .title {
	margin-top: 10px;
}

.blog_right {
	float: right;
	width: 230px;
	margin: 0 auto;
}

.keyword {
	margin: 0 auto 30px;
	border-top: 2px #003399 solid;
}
.keyword h3 {
	text-align: center;
	margin: 10px auto;
}
.keyword ul li {
	float:left;
	margin: 10px 10px 0 0;
}
.keyword ul li a {
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.ranking {
	margin: 0 auto 30px;
	border-top: 2px #003399 solid;
}
.ranking h3 {
	text-align: center;
	margin: 10px auto;
}
.ranking ul li {
	border-bottom: 1px #dcdcdc solid;
	padding: 20px 0;
}
.ranking ul li:nth-child(1) .rankno:after {
	content: "01";
	display: block;
}
.ranking ul li:nth-child(2) .rankno:after {
	content: "02";
	display: block;
}
.ranking ul li:nth-child(3) .rankno:after {
	content: "03";
	display: block;
}
.rank_l {
	float: left;
	width: 90px;
}
.rank_l p a {
	display: block;
	width: 90px;
	height: 68px;
}
.rank_r {
	float: right;
	width: 130px;
}
.rank_r .rankno {
	color: #003399;
	font-weight: bold;
}
.rank_r .title {
	color: #333333;
}
.blog_caregory {
	margin: 0 auto 30px;
	border-top: 2px #003399 solid;
}
.blog_caregory h3 {
	text-align: center;
	margin: 10px auto;
}
.blog_caregory ul {
	margin-top: 20px;
}
.blog_caregory ul li {
	margin: 10px 0 10px 10px;
	font-weight: bold;
}
.blog_caregory ul li span {
	color: #0562c2;
}

.blog_detail .cate {
	float: left;
	margin-right: 5px;
}
.blog_detail .cate a {
	padding: 5px 7px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
}
.blog_detail .date {
	float: left;
	font-size: 12px;
	font-weight: bold;
}
.blog_detail .title {
	font-size: 16px;
	line-height: 1.5em;
	margin: 10px auto;
	border-bottom: 2px #003399 solid;
	padding-bottom: 10px;
}
.blog_detail .blog_text {
	line-height: 2em;
	margin: 20px auto 60px;
}
.blog_navi　{
	margin: 90px auto;
}
.blog_navi .prev {
	float: left;
}
.blog_navi .next {
	float: right;
}
.blog_navi .list_btn {
	text-align: center;
	margin-top: 30px;
}
.blog_navi .list_btn a {
	border: 1px #0562c2 solid;
	border-radius: 2px;
	padding: 15px 30px 12px;
	color: #0562c2;
}
.blog_recommend {
	margin: 40px auto;
	border-top: 1px #e9e9e9 solid;
	padding-top: 20px;
}
.blog_recommend h5 {
	text-align: center;
	margin-bottom: 20px;
}
.blog_reco_box {
	width: 230px;
	float: left;
	margin-right: 34px;
	margin-bottom: 30px;
}
.blog_reco_box:nth-child(3n) {
	margin-right: 0;
}
.blog_reco_box .img a {
	display: block;
	width: 230px;
	height: 172px;
}
.blog_reco_box .cate {
	margin-top: 10px;
}
.blog_reco_box .cate a {
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.blog_reco_box .date {
	margin-top: 5px;
}
.blog_reco_box .title {
	margin-top: 10px;
}

/*ーーーーーーーーーーースタイルここまでーーーーーーーーーーーーー*/		
}

/* PCのみ　画面の横幅が768px以上 */
@media (max-width: 1024px) and (min-width: 768px) { 
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/
.sp{display:none;}
.pc{display:block;}

/*blog_header.php
===========================*/
#blog_header {
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 999;
}
#blog_header .blog_head_l {
	margin: 20px auto;
	text-align: center;
}
#blog_header .blog_head_r {
	float: right;
	margin-top: -60px;
}
#blog_header .head_2_in ul li {
	float: left;
	border-left: 1px #fff solid;
	margin: 5px 0;
	padding: 0 7.5%;
}

.blog_in {
	width: 98%;
	margin: 50px auto;
}
.blog_center {
	width: 80%;
	margin: 0 auto;
}
.sp-slide .cate {
	float: left;
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.sp-slide .cate a {
/*
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
*/
}
.sp-slide .date {
	float: left;
	margin-left: 10px;
}
.sp-slide .title {
	margin: 7px auto 0;
	font-size: 16px;
	line-height: 1.5em;
}
.sp-slide .title a {
	color: #333333;
}
.sp-slide .overflow {
	overflow-y: hidden;
	height: 45px;
}
.blog_top_list {
	max-width: 760px;
	width: 100%;
	margin: 30px auto;
}
.blog_top_box {
	width: 47%;
	float: left;
	margin-right: 6%;
	margin-bottom: 3%;
}
.blog_top_box:nth-child(2n) {
	margin-right: 0;
}
.blog_top_box .img a {
	display: block;
	width: 100%;
	height: 200px;
}
.blog_top_box .cate {
	float: left;
	margin-top: 10px;
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.blog_top_box .cate a {
/*
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
*/
}
.blog_top_box .date {
	margin-top: 5px;
}
.blog_top_box .title {
	margin-top: 10px;
}

.blog_right {
	width: 80%;
	margin: 0 auto;
}
.keyword {
	margin: 40px auto;
	border-top: 2px #003399 solid;
}
.keyword h3 {
	text-align: center;
	margin: 20px auto;
	font-size: 17px;
}
.keyword ul li {
	float:left;
	margin: 10px 10px 0 0;
}
.keyword ul li a {
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.ranking {
	margin: 40px auto;
	border-top: 2px #003399 solid;
}
.ranking h3 {
	text-align: center;
	margin: 20px auto;
	font-size: 17px;
}
.ranking ul li {
	border-bottom: 1px #dcdcdc solid;
	padding: 20px 0;
}
.ranking ul li:nth-child(1) .rankno:after {
	content: "01";
	display: block;
}
.ranking ul li:nth-child(2) .rankno:after {
	content: "02";
	display: block;
}
.ranking ul li:nth-child(3) .rankno:after {
	content: "03";
	display: block;
}
.rank_l {
	float: left;
	width: 190px;
}
.rank_l p a {
	display: block;
	width: 190px;
	height: 100px;
}
.rank_r {
	float: left;
	margin-left: 30px;
}
.rank_r .rankno {
	color: #003399;
	font-weight: bold;
}
.rank_r .title {
	color: #333333;
}
.blog_caregory {
	margin: 40px auto;
	border-top: 2px #003399 solid;
}
.blog_caregory h3 {
	text-align: center;
	margin: 20px auto;
	font-size: 17px;
}
.blog_caregory ul {
	margin-top: 20px;
}
.blog_caregory ul li {
	margin: 10px 0 10px 10px;
	font-weight: bold;
}
.blog_caregory ul li span {
	color: #0562c2;
}

.blog_detail .cate {
	float: left;
	margin-right: 5px;
}
.blog_detail .cate a {
	padding: 5px 7px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
}
.blog_detail .date {
	float: left;
	font-size: 12px;
	font-weight: bold;
}
.blog_detail .title {
	font-size: 16px;
	line-height: 1.5em;
	margin: 10px auto;
	border-bottom: 2px #003399 solid;
	padding-bottom: 10px;
}
.blog_detail .blog_text {
	line-height: 2em;
	margin: 20px auto 60px;
}
.blog_navi　{
	margin: 90px auto;
}
.blog_navi .prev {
	float: left;
}
.blog_navi .next {
	float: right;
}
.blog_navi .list_btn {
	text-align: center;
	margin-top: 30px;
}
.blog_navi .list_btn a {
	border: 1px #0562c2 solid;
	border-radius: 2px;
	padding: 15px 30px 12px;
	color: #0562c2;
}
.blog_recommend {
	margin: 40px auto;
	border-top: 1px #e9e9e9 solid;
	padding-top: 20px;
}
.blog_recommend h5 {
	text-align: center;
	margin-bottom: 20px;
}
.blog_reco_box {
	width: 47%;
	float: left;
	margin-right: 6%;
	margin-bottom: 3%;
}
.blog_reco_box:nth-child(2n) {
	margin-right: 0;
}
.blog_reco_box .img a {
	display: block;
	width: 100%;
	height: 200px;
}
.blog_reco_box .cate {
	margin-top: 10px;
}
.blog_reco_box .cate a {
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.blog_reco_box .date {
	margin-top: 5px;
}
.blog_reco_box .title {
	margin-top: 10px;
}

/*ーーーーーーーーーーースタイルここまでーーーーーーーーーーーーー*/		
}

/* スマフォ用 画面の横幅が767pxまで */
@media (max-width: 767px) { 
/*ーーーーーーーーーーースタイルここからーーーーーーーーーーーーー*/
img{
max-width: 100%;
height: auto;
vertical-align: top;
width /***/:auto;　
}
.sp{display:block;}
.pc{display:none;}

/*blog_header.php
===========================*/
#blog_header {
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 999;
}
#blog_header .blog_head_l {
	width: 94.6%;
	margin: 22px auto;
	text-align: center;
}
#blog_header .blog_head_l .logo {
	width: 280px;
}
.about_btn a {
	display: block;
	padding: 25px 20px 20px;
	border-bottom: 1px #003399 solid;
	border-top: 1px #003399 solid;
	font-size: 17px;
	color: #003399;
	font-weight: bold;
	background: url(../sp/icon_about_arrow.png) no-repeat 95% center;
	background-size: 14px;
	text-decoration: none;
}
.about_btn a span {
	font-size: 14px;
	margin-left: 12px;
}

.blog_in {
	width: 100%;
	margin: 10px auto;
}
.blog_center {
	width: 100%;
	margin: 0 auto;
}
.sp-layer {
	height: 35%;
}
.sp-slide .cate {
	float: left;
	padding: 5px 10px 5px;
	background: #0562c2;
	border-radius: 2px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
.sp-slide .cate a {
/*
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
*/
}
.sp-slide .date {
	float: left;
	margin-left: 10px;
	font-size: 13px;
}
.sp-slide .title {
	margin: 3px auto 0;
	font-size: 14px;
	line-height: 1.5em;
}
.sp-slide .title a {
	color: #333333;
}
.sp-slide .overflow {
	overflow-y: hidden;
	height: 40px;
}
.blog_top_list {
	width: 94.6%;
	margin: 30px auto;
}
.blog_top_box {
	width: 47%;
	float: left;
	margin-right: 6%;
	margin-bottom: 3%;
}
.blog_top_box:nth-child(2n) {
	margin-right: 0;
}
.blog_top_box .img a {
	display: block;
	width: 100%;
	height: 150px;
}
.blog_top_box .cate {
	float: left;
	margin-top: 10px;
	padding: 5px 10px 5px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.blog_top_box .cate a {
/*
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
*/
}
.blog_top_box .date {
	margin-top: 5px;
}
.blog_top_box .title {
	margin-top: 10px;
}

.blog_right {
	width: 94.6%;
	margin: 0 auto;
}
.keyword {
	margin: 40px auto;
	border-top: 2px #003399 solid;
}
.keyword h3 {
	text-align: center;
	margin: 20px auto 10px;
	font-size: 17px;
}
.keyword ul li {
	float:left;
	margin: 10px 10px 2px 0;
}
.keyword ul li a {
	padding: 5px 10px 5px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.ranking {
	margin: 40px auto;
	border-top: 2px #003399 solid;
}
.ranking h3 {
	text-align: center;
	margin: 20px auto;
	font-size: 17px;
}
.ranking ul li {
	border-bottom: 1px #dcdcdc solid;
	padding: 20px 0;
}
.ranking ul li:nth-child(1) .rankno:after {
	content: "01";
	display: block;
}
.ranking ul li:nth-child(2) .rankno:after {
	content: "02";
	display: block;
}
.ranking ul li:nth-child(3) .rankno:after {
	content: "03";
	display: block;
}
.rank_l {
	float: left;
	width: 45%;
}
.rank_l p a {
	display: block;
	width: 100%;
	height: 150px;
}
.rank_r {
	float: right;
	width: 50%;
}
.rank_r .rankno {
	color: #003399;
	font-weight: bold;
	font-size: 17px;
}
.rank_r .title {
	color: #333333;
}
.blog_caregory {
	margin: 40px auto;
	border-top: 2px #003399 solid;
}
.blog_caregory h3 {
	text-align: center;
	margin: 20px auto;
	font-size: 17px;
}
.blog_caregory ul {
	margin-top: 20px;
}
.blog_caregory ul li {
	margin: 10px 0 10px 10px;
	font-weight: bold;
}
.blog_caregory ul li span {
	color: #0562c2;
}

.blog_detail {
	width: 94.6%;
	margin: 50px auto;
}
.blog_detail .cate {
	float: left;
	margin-right: 5px;
}
.blog_detail .cate a {
	padding: 5px 7px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
}
.blog_detail .date {
	float: left;
	font-size: 12px;
	font-weight: bold;
}
.blog_detail .title {
	font-size: 16px;
	line-height: 1.5em;
	margin: 10px auto;
	border-bottom: 2px #003399 solid;
	padding-bottom: 10px;
}
.blog_detail .blog_text {
	line-height: 2em;
	margin: 20px auto 50px;
}
.blog_navi　{
	margin: 40px auto;
}
.blog_navi .prev {
	float: left;
	width: 40%;
	font-size: 13px;
}
.blog_navi .next {
	float: right;
	width: 40%;
	font-size: 13px;
	text-align: right;
}
.blog_navi .list_btn {
	width: 77.4%;
	margin: 30px auto 0;
}
.blog_navi .list_btn a {
	width: 100%;
	display: block;
	border: 2px #0562c2 solid;
	border-radius: 2px;
	text-align: center;
	color: #0562c2;
	padding: 10px 0;
	box-sizing: border-box;
}
.blog_recommend {
	width: 94.6%;
	margin: 40px auto;
	border-top: 3px #e9e9e9 solid;
	padding-top: 10px;
}
.blog_recommend h5 {
	text-align: center;
	font-size: 17px;
}
.blog_reco_box {
	width: 100%;
	float: left;
	margin-right: 6%;
	border-bottom: 1px #dcdcdc solid;
	padding: 7% 0;
}
.blog_reco_box:nth-child(2n) {
	margin-right: 0;
}
.blog_reco_l {
	float: left;
	width: 45%;
}
.blog_reco_l p a {
	display: block;
	width: 100%;
	height: 150px;
}
.blog_reco_r {
	float: right;
	width: 50%;
}
.blog_reco_box .cate {
	float: left;
	margin-top: 10px;
}
.blog_reco_box .cate a {
	padding: 5px 10px 2px;
	background: #0562c2;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}
.blog_reco_box .date {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	font-weight: bold;
}
.blog_reco_box .title {
	margin-top: 10px;
	color: #333333;
}

.drawer_about {
	width: 89.3%;
	margin: 0 auto;
}
.drawer_about a {
	display: block;
	width: 100%;
	background: #fff;
	padding: 25px 30px;
	border-radius: 5px;
	font-size: 19px;
	font-weight: bold;
	color: #003399;
	box-sizing: border-box;
	text-decoration: none;
	background-image: url(../sp/icon_about_arrow.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: 10px;
}
.drawer_about a span {
	font-size: 11px;
	margin-left: 10px;
}

/*ーーーーーーーーーーースタイルここまでーーーーーーーーーーーーー*/		
}