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

	#header_img {
		font-size: 0;
	}

	#blog_sp_categorylist_title {
		display:none;
	}

	#blog_sp_bloglist_tilte {
		display:none;
	}

	#blog_category {
		min-width:1000px;
		max-width:1000px;
		margin:0 auto;
		padding-bottom:20px;
		padding-top:20px;
	}

	#blog_categorylist_title {
		width:100%;
		background: url(../img/blog_title_bk.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:100% 100%;
		padding-top:5px;
		padding-bottom:5px;
 	}

	#blog_categorylist_title h3{
		font-size:11pt;
		padding-left:10px;
		padding-right:10px;
 	}


	#blog_categorylist {
		margin:0 auto;
		padding-top:20px;
	}


	#blog_categorylist ul{
		list-style:none;
		font-size:0;
		margin: 0;
		padding: 0;

	}

	#blog_categorylist li{
		width: 235px;
		height: auto;
		display: inline-block;
		margin-right:1%;
		background: url(../img/blog_category_back.jpg) no-repeat;
		text-align:center;
		font-size:11pt;
		-webkit-background-size:100% 100%;
		background-size:100% 100%;
		padding-bottom:2%;
	}
	#blog_categorylist p{
		width:100%;
		font-size:80%;
		font-weight:bold;
		padding-top:8%;
	}
	#blog_categorylist a{
		color:#00429C;
		text-decoration:underline;
	}

	#blog_categorylist a:hover{
		color:#9C0042;
	}

	#blog_bloglist {
		min-width:1000px;
		max-width:1000px;
		margin:0 auto;
		padding-bottom:20px;
		padding-top:20px;
	}

	#blog_bloglist_title {
		width:100%;
		background: url(../img/blog_title_bk.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:100% 100%;
    margin:auto;
		padding-top:5px;
		padding-bottom:5px;
 	}

	#blog_bloglist_title h3{
		font-size:11pt;
		padding-left:10px;
		padding-right:10px;
 	}



	#blog_bloglist {
		width:100%;
		min-width:1000px;
		max-width:1000px;
		padding-top:30px;
		padding-bottom:10px;
    margin:0 auto;
	}

	#blog_bloglist_main {
		margin-top:10px;
	}


	#blog_bloglist_1 {
		width: 85%;
		height: 100%;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#blog_bloglist_2 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#blog_bloglist_3 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#blog_bloglist_4 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#blog_bloglist_5 {
		width: 85%;
		height: 100%;
		position: relative;
		background-size:120% 120%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#blog_bloglist_6 {
		width: 85%;
		height: 100%;
		position: relative;
		padding-top: 5%;
		padding-bottom: 5%;
	}


	.blog_bloglist_in {
		background-color: rgba(255,255,255,0.7);
		padding: 0px;
		margin: 0px auto;
		width: 95%;
		height: 100%;
		padding-top: 15%;
		padding-bottom: 15%;
		min-width: 250px;
		line-height: 1.7;
	}

	.blog_bloglist_in h4{
		font-size:12pt;
		text-align:center;
		padding:10px 30px 0px 30px;
	}

	.blog_bloglist_in h5{
		font-size:8pt;
		text-align:center;
	}

	.blog_bloglist_in hr{
		height: 2px;
		background-color: #000;
	}


	.blog_bloglist_in p{
		font-size:9pt;
		text-align:left;
		padding:10px 20px 0px 20px;
	}

	.blog_bloglist_in img{
		margin:5px;
		width:90px;
	}

	#blog_bloglist_main table {

		width:100%;
		min-width:900px;
		max-width:1000px;
		border-collapse: collapse;
		border-spacing: 30px 30px;
		margin:0 auto;
	}

	#blog_bloglist_main td {
		width:33%;
		padding-top:30px;
	}


	#blog_pageno {
		min-width:900px;
		max-width:900px;
		margin:0 auto;
		padding-bottom:20px;
		padding-top:20px;
	}



	#blog_pageno_link {
		margin:0 auto;
		padding-top:20px;
		text-align:center;
	}

	#blog_pageno_link ul{
		list-style:none;
	}

	#blog_pageno_link li{
		width: 40px;
		height: auto;
		display: inline-block;
		list-style-type:none;
		padding-top:10px;
		text-align:center;
	}

	#blog_pageno_link p{
		font-size:80%;
		font-weight:bold;
	}

	.blog_pageno_link_li1 a{
		display: block;
		width: auto;
		height: 100%;
		position: relative;
		background: url(../img/blog_pageno_bk1.jpg) no-repeat;
		background-size:100% 100%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		color:#fff;
		text-decoration:none;
		padding-left:5%;
		padding-right:5%;
		padding-top:25%;
		padding-bottom:25%;

	}

	.blog_pageno_link_li1 a:hover{
		display: block;
		width: auto;
		height: 100%;
		position: relative;
		background: url(../img/blog_pageno_bk2.jpg) no-repeat;
		background-size:100% 100%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		color:#9C0042;
		text-decoration:none;
		padding-left:5%;
		padding-right:5%;
		padding-top:25%;
		padding-bottom:25%;
	}

	.blog_pageno_link_li2 a{
		display: block;
		width: auto;
		height: 100%;
		position: relative;
		background: url(../img/blog_pageno_bk2.jpg) no-repeat;
		background-size:100% 100%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		color:#00429C;
		text-decoration:none;
		padding-left:5%;
		padding-right:5%;
		padding-top:25%;
		padding-bottom:25%;
	}

	.blog_pageno_link_li2 a:hover{
		display: block;
		width: auto;
		height: 100%;
		position: relative;
		background: url(../img/blog_pageno_bk1.jpg) no-repeat;
		background-size:100% 100%;
		-webkit-background-size:100% 100%;
		background-attachment: scroll;
		background-position: center center;
		color:#00429C;
		text-decoration:none;
		padding-left:5%;
		padding-right:5%;
		padding-top:25%;
		padding-bottom:25%;
		color:#ff0;
	}



}	/*	PC用 END */

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

	#header_img {
		font-size: 0;
	}


	#blog_category {
		max-width:640px;
		margin:0 auto;
		padding-bottom:5%;
		padding-top:5%;
	}

	#blog_categorylist_title {
		width:100%;
		background: url(../img/blog_title_bk.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:100% 100%;
		padding-top:1%;
		padding-bottom:1%;
 	}

	#blog_categorylist_title h3{
		font-size:80%;
		padding-left:1%;
		padding-right:1%;
 	}

	#blog_categorylist {
		margin:0 auto;
		padding-top:5%;
	}

	#blog_categorylist ul{
		list-style:none;
		font-size:100%;
		margin: 0;
		padding: 0;
	}

	#blog_categorylist li{
		width: 180px;
		height: 58px;
		display: inline-block;
		background: url(../img/blog_category_back.jpg) no-repeat;
		margin-top:2%;
		font-size:80%;
		-webkit-background-size:contain;
		background-size:contain;

	}
	#blog_categorylist p{
		width:100%;
		font-size:80%;
		padding-top:8.5%;
		font-weight:bold;
	}
	#blog_categorylist a{
		color:#00429C;
		text-decoration:underline;
	}

	#blog_categorylist a:hover{
		color:#9C0042;
	}

	#blog_bloglist {
		width:100%;
		max-width:640px;
		padding-top:30px;
		padding-bottom:30px;
    display: block;
    margin:auto;
	}

	#blog_bloglist_title {
		width:100%;
		background: url(../img/blog_title_bk.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:100% 100%;
		padding-top:5px;
		padding-bottom:5px;
 	}

	#blog_bloglist_title h3{
		font-size:11pt;
		padding-left:10px;
		padding-right:10px;
 	}

 


	#blog_bloglist_main {
		margin-top:50px;
	}


	#blog_bloglist_1 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		background: url(../img/c0180505_22533920.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:120% 120%;
		background-attachment: scroll;
		background-position: center center; 
		padding: 10px 0;
	}

	#blog_bloglist_2 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		background: url(../img/2008_01_28_usami_yasutaka001.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:120% 120%;
		background-attachment: scroll;
		background-position: center center; 
		padding: 10px 0;
	}

	#blog_bloglist_3 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		background: url(../img/IMG_3905.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:120% 120%;
		background-attachment: scroll;
		background-position: center center; 
		padding: 10px 0;
	}

	#blog_bloglist_4 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		background: url(../img/248302_959838710719834_5728562046970929030_n.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:120% 120%;
		background-attachment: scroll;
		background-position: center center; 
		padding: 10px 0;
	}

	#blog_bloglist_5 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		background: url(../img/outlookgamen.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:120% 120%;
		background-attachment: scroll;
		background-position: center center; 
		padding: 10px 0;
	}

	#blog_bloglist_6 {
		width: 95%;
		height: 100%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		position: relative;
		background: url(../img/CaXLOD4UYAAJyFx.jpg-large.jpg) no-repeat;
		-webkit-background-size:100% 100%;
		background-size:120% 120%;
		background-attachment: scroll;
		background-position: center center; 
		padding: 10px 0;
	}


	.blog_bloglist_in {
		background-color: rgba(255,255,255,0.7);
		padding: 3% 4% 3% 4%;
		margin: 0px auto;
		width: 82%;
		height: 80%;
		min-width:50px;
		min-height: 100px;
		max-width:180px;
		max-height: 250px;
		line-height: 1.7;
	}

	.blog_bloglist_in h4{
		font-size:60%;
		text-align:left;
		padding:0% 5% 0 5%;
	}

	.blog_bloglist_in h5{
		font-size:50%;
		text-align:center;
	}

	.blog_bloglist_in hr{
		height: 0.5px;
		background-color: #000;
	}


	.blog_bloglist_in p{
		font-size:90%;
		text-align:left;
		padding:5% 2% 0px 2%;
	}

	.blog_bloglist_in img{
		margin:5px;
		width:60%;
	}

	#blog_bloglist_main table {
		margin:0 auto;

	}

	#blog_bloglist_main td {
		margin-left:5%;
		margin-right:5%;
	}


	#blog_pageno {
		max-width:480px;
		margin:0 auto;
		padding-bottom:5%;
		padding-top:5%;
	}



	#blog_pageno_link {
		margin:0 auto;
		padding-top:5%;
		text-align:center;
	}

	#blog_pageno_link ul{
		list-style:none;
		margin: 0;
		padding: 0;
	}

	#blog_pageno_link li{
		width: 40px;
		height: 40px;
		display: inline-block;
		padding-top:10px;
		text-align:center;
	}

	#blog_pageno_link p{
		font-size:80%;
		font-weight:bold;
	}

	.blog_pageno_link_li1 a{
		width: 40px;
		height: 40px;
		display: block;
		background: url(../img/blog_pageno_bk1.jpg) no-repeat;
		color:#fff;
		text-decoration:none;
		padding-top:12px;
	}

	.blog_pageno_link_li1 a:hover{
		background: url(../img/blog_pageno_bk2.jpg) no-repeat;
		color:#9C0042;
	}

	.blog_pageno_link_li2 a{
		width: 40px;
		height: 40px;
		display: block;
		background: url(../img/blog_pageno_bk2.jpg) no-repeat;
		color:#00429C;
		padding-top:12px;
		text-decoration:none;
	}

	.blog_pageno_link_li2 a:hover{
		background: url(../img/blog_pageno_bk1.jpg) no-repeat;
		color:#ff0;
	}






}	/*	スマホ用media END */