@charset "utf-8";

/**
 *
 * Blog
 *
 */

/*===============================================
●Blog.css 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
.widget h2 {
clear: both;
display: block;
line-height: 1.3em;
font-size: 20px;
background: url(/img/bg_h2.png) repeat-x bottom;
margin-bottom: 6px;
padding: 7px 0 7px 12px;
font-weight: normal;
color: #000;
border-top: solid #ccc 1px;
border-left: solid #0A8982 3px;

}
.info_ul {
	list-style-image: none !important;
	margin: 0px !important;
}
.info_ul li {
	
}
.info_ul li .time {
	font-size: 10px;
	text-align: right;
	display: block;
}
.info_ul li h2 {
	margin-top: 0px !important;
}
.info_ul li .storytitle a {
	text-decoration: none;
}
.info_ul li .textbox {
	padding: 0px 15px;
}

.info_item_ul {
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;	
	margin: 30px auto !important;
	list-style-image: none !important;
}
.info_item_ul > li {
	width: 240px;
	min-height: 230px;
	background: #F1ECDF;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 20px;
}
.info_item_ul > li h2 {
	font-size: 16px !important;
	margin: 0 !important;
	padding: 0px !important;
	padding-bottom: 5px !important;
	margin-bottom: 5px !important;
	border-top: none !important;
	border-bottom: solid #AAA 1px !important;
	background: none !important;
	font-weight: bold !important;
}
.info_item_ul > li h2 a {
	color: inherit !important;
	text-decoration: none;
}
.info_item_ul > li h2 a:hover {
	text-decoration: underline;
}
.info_item_ul > li .textbox {
	font-size: 14px !important;
}
.info_item_ul > li .textbox p {
	font-size: 14px !important;
}
.info_item_ul > li .pic {
	text-align: center;
	margin: 10px auto;
	position:relative;
	padding: 7px 7px 0px;
	border:1px solid #ccc;
	background:#fff;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
	
}
.info_item_ul > li .pic img {
	width: 100%;
	line-height: 0;
}


.info_ul .title-main {
	font-size: 32px;
	color: #492007;
	border-bottom: none;
	background: url(/img/title-main.png) left bottom no-repeat !important;
	font-family:"リュウミン R-KL","Ryumin Regular KL";
}
.blog-one {
	border: 1px solid #402000;
	border-radius: 20px;
	padding: 8px;
}
.blog-one .textbox {
	border: 1px solid #FF9326;
	border-radius: 15px;
	padding: 20px 20px 64px !important;
	position: relative;
}
.blog-one .textbox:after {
	content: "";
	visibility: visible;
	background: url(/img/hip.png) 0 0 no-repeat;
	width: 81px;
	height: 64px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}



.side_blog {

}

.info_ul_nav {
	list-style: none !important;
}
.info_ul_nav li {

}
.info_ul_nav li.prev {
	float: left;
}
.info_ul_nav li.next {
	float: right;
}

.widget a {
	color: black !important;
	text-decoration: none !important;
}
.widget a:hover {
	text-decoration: underline !important;	
}
.widget h2 {

}

.widget li {
margin: 0 0 5px 0;
padding: 0;
line-height:1.4em;	
}
.widget ul {
display: block;
list-style-image: url(/img/side-nav-bullet.png);
line-height: 1.7em;
font-size: 16px;
margin-left: 1.5em;
margin-bottom: 35px;
}

#menu {
	width: 230px;
	float: right;
	display:block;
	padding-top: 15px;
	}



#menu ul li {
	color: #5F5F5F;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#menu ul li p {
	font-size: 12px;
	font-weight: bold;
}
#recent-posts-2 {

}



#menu ul li#winamp ul li {
	width: 170px;
}

#menu ul li ul li a {
	color: #5F5F5F;
	text-decoration: none;
}

#menu ul li ul li a:hover {
	text-decoration: underline;

}

.info_ul_nav {
	margin-left: 0px !important;
}

.wd {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
.wd:after {
	content: none;
}
.wd .widget {
	width: 45%;
}

}

/*===============================================
●Blog.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.widget {
	margin: 0 10px;
}
.widget h2 {
clear: both;
display: block;
line-height: 1.3em;
font-size: 20px;
background: url(/img/bg_h2.png) repeat-x bottom;
margin-bottom: 6px;
padding: 7px 0 7px 12px;
font-weight: normal;
color: #000;
border-top: solid #ccc 1px;
border-left: solid #0A8982 3px;
}	
img{
    max-width: 100% !important;

}

.info_ul {
	list-style-image: none !important;
	margin: 10px 0px !important;
	margin-left: 0px !important;
	list-style-image: none !important;
}
.info_ul li {
	
}
.info_ul li a {
	word-break: break-all;
}
.info_ul li h2 {
	margin-top: 0px !important;
}
.info_ul li .storytitle a {
	text-decoration: none;
}
.info_ul li p iframe {
	width: 100%;
}
.info_ul li img {
	max-width: 100%;
	height: auto;
}
.info_ul li .time {
	font-size: 10px;
	text-align: right;
	display: block;
}



.info_item_ul {
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;	
	margin: 30px auto !important;
	list-style-image: none !important;
}
.info_item_ul > li {
	width: 49%;
	background: #F1ECDF;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 20px;
}
.info_item_ul > li h2 {
	font-size: 16px !important;
	margin: 0 !important;
	padding: 0px !important;
	padding-bottom: 5px !important;
	margin-bottom: 5px !important;
	border-top: none !important;
	border-bottom: solid #AAA 1px !important;
	background: none !important;
	font-weight: bold !important;
}
.info_item_ul > li h2 a {
	color: inherit !important;
	text-decoration: none;
}
.info_item_ul > li h2 a:hover {
	text-decoration: underline;
}
.info_item_ul > li .textbox {
	font-size: 14px !important;
}
.info_item_ul > li .textbox p {
	font-size: 14px !important;
}
.info_item_ul > li .pic {
	text-align: center;
	margin: 10px auto;
	position:relative;
	padding: 7px 7px 0px;
	border:1px solid #ccc;
	background:#fff;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
	
}
.info_item_ul > li .pic img {
	width: 100%;
	line-height: 0;
}


.info_ul .title-main {
	font-size: 32px;
	color: #492007;
	border-bottom: none;
	background: url(/img/title-main.png) left bottom no-repeat !important;
	font-family:"リュウミン R-KL","Ryumin Regular KL";
}
.blog-one {
	border: 1px solid #402000;
	border-radius: 20px;
	padding: 8px;
}
.blog-one .textbox {
	border: 1px solid #FF9326;
	border-radius: 15px;
	padding: 20px 20px 80px !important;
	position: relative;
}
.blog-one .textbox:after {
	content: "";
	visibility: visible;
	background: url(/img/hip.png) 0 0 no-repeat;
	width: 81px;
	height: 64px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}





.side_blog {

}
.side_blog ul {
	margin-bottom: 10px;
}
.side_blog a {
	color: #333;
	font-weight: normal;
}
.side_blog li {

	border: 1px solid gray; 
	border-radius: 8px;

	margin: 5px 5px;
}
.side_blog li:nth-last-child(n+6) {
	display: none;	
}
.li_hide {

}
.side_blog li a {
	display: block;
	padding: 10px;
}
.side_blog ul li ul {
	margin: 5px 0 5px 20px;

}
.side_blog h2 {


}
.info_ul_nav {
	list-style: none !important;
}
.info_ul_nav li {
	margin: 0px 5px;
}
.info_ul_nav li.prev {
	float: left;
}
.info_ul_nav li.next {
	float: right;
}


.widget a {
	color: black !important;
	text-decoration: none !important;
	display: block;
}
.widget a:hover {
	text-decoration: underline !important;	
}

.info_ul .textbox {
	padding: 0px 5px;
}


.info_ul_nav {
	margin-left: 0px !important;
}

.wd {
	margin: 0 10px;
}
.wd ul {
	list-style-image: none !important;
	margin: 0px !important;
}



}