@charset "utf-8";
/***********画面の横幅が761pxから860pxまで***********/
@media screen and (min-width: 761px) and (max-width: 860px) {
#index-content .post {
	width:50%;
	padding:10px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align:top;
	float:left;
}
#index-banner .banner {
	width:50%;
	text-align:center;
	padding:10px;
	display: inline-block;
	box-sizing: border-box;
	float:left;
}
#navi ul > li > a{
	padding: 13px 20px;
	display: block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
}
/***********画面の横幅が760pxまで***********/
@media screen and (max-width:760px){
#top-navi > #navi .blogtitle {
	display:block;
}
.content-conteiner {
	width:100%;
	padding-right:0;
}
#sidebar {
	width:100%;
}
#index-content .post {
	width:100%;
}
#index-banner .banner {
	width:100%;
	text-align:center;
}
#topimage {
	display:none;
}
/***シェアボタンまわり***/
#post-content .addtoany_header {
	float:none;
	display:block;
	padding-bottom:5px;
}
#post-content .addtoany_content {
	padding:10px;
}
#sidebar h2 {
	clear:both;
}
#sidebar li {
	width:50%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}
#sidebar .wpp-list li {
	width:50%;
	float:left;
	clear:none;
	padding:10px;
	box-sizing:border-box;
}
/***ギャラリーページ***/
#gallerypage-contents .gallery-item {
	padding:3px;
	box-sizing:border-box;
	
}
#gallery-1 dl.gallery-item ,
#gallery-2 dl.gallery-item ,
#gallery-3 dl.gallery-item ,
#gallery-4 dl.gallery-item ,
#gallery-5 dl.gallery-item {
	width:50%;
}
/***フッター***/
#footer-contents .footer-menu ,
#footer-contents .footer-title {
	display:none;
}
#footer-contents .footer-link {
	padding:0;
	width:100%;
}
#footer .copyright {
	padding:10px;
	font-size:10px;
}

}
/***********画面の横幅が480pxまで***********/
@media screen and (max-width:480px){			

/*========================*/
/*=======ヘッダータイトル=======*/
/*========================*/
#header a {
	color:#ffffff;
}
/*=======================*/
/*=======コンテンツ共通=======*/
/*=======================*/
#relation .relate {
	width:100%;
}
.content h1 {
	font-size:18px;
}
.content h2 {
	font-size:18px;
	background-color:#9CBC4C;
}
.content h3 {
	font-size:16px;
}
/*====================*/
/*=======フッター========*/
/*====================*/

}



/************960(PC用画面幅)以下************/

@media screen and (max-width:960px){
/************************************************/

}