@media screen and (max-width : 767px) {

*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:#008;
}
ul, ol{
	list-style:none;
}
img{
	vertical-align:middle;
	max-width:100%;
	height:auto;
	border:0;
}
html{
	font-family:verdana, sans-serif;
	line-height:1.5;
}

body {

}

#wrapper{
	text-align:left;
	width:100%;
	margin:0 auto;
}

a img {
	border: none;
}

.right_text{
}

h1{
	background:url(./img/logo.gif) no-repeat;
	font-size:1px;
	text-indent:-300000px;
	height:50px;
	width:300px;
	margin:8px 0 3px 0;
}

.top{
	display:none;
}

.search{
	display:none;
}

#cse-search-box{
	display:none;
}

.menu{
	background:#339 url(./img/back03.png) repeat;
	padding:5px 20px 6px 20px;
	height:24px;
	border-bottom:1px solid #aaa;
}

.menu a{
	color:#fff;
	font-size:12px;
}

.menu li{
	display:inline;
	margin-right:12px;
}
.pic_news{
	padding:0px;
}
.pic_news li{
	display:inline;
}
.pic_news img{
	margin-right:2%;
}
.pic_news_home{
	text-align:center;
}

#container{
}

.post{
	margin:0 10px;
}

#contents{
}

#sidebar{
}

.meta,.day{
	font-size:10px;
	color:#888;
}

.category a{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	background:#3c3 url(./img/back04.png) repeat;
	padding:4px 30px 4px 30px;
	text-decoration:none;
	margin-bottom:12px;
}

h2{
	font-size:24px;
	padding:12px 0 4px 0;
	border-top:1px solid #ccc;
	line-height:120%;
}

h2 a{
	font-size:24px;
	text-decoration:none;
	border-bottom:1px solid #33f;
	line-height:150%;
}

.storycontent{
	padding-bottom:8px;
}

.storycontent p{
	font-size:16px;
	margin:15px 0;
	padding:0;
	line-height:24px;
}

.storycontent a{
	font-size:16px;
	font-weight:bold;
}

.storycontent h4{
	border-top:1px solid #bbb;
	background:#f5f5f5 url(./img/back01.png) repeat;
	font-size:16px;
	margin:15px 0 0 0;
	padding:10px 10px 10px 10px;
}

#footer{
	padding-top:20px;
}

address,cite{
	font-style:normal;
	margin:10px;
	padding-top:5px;
	padding-bottom:8px;
	line-height:18px;
}
address,cite a{
	font-size:12px;
	color:#333
}

.post{
	margin-top:12px;
}

h4{
	border-top:1px solid #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	font-size:17px;
	margin:30px 0 -10px 0;
	padding:15px 10px 15px 10px;
	text-shadow: 1px 1px 3px #fff;
	line-height:120%;
}

h4 a{
	display:block;
}

#contents ul{
	margin:10px 5px 30px 20px;
}
#contents ol{
	margin:10px 5px 30px 35px;
}
#contents li{
	margin:6px 0 6px 0;
	line-height:20px;
}
#contents li a{
	display:block;
	padding:15px 10px 30px 10px;
	border-top:1px solid #ccc;
	list-style : none;
	line-height:110%;
	margin:5px -5px -30px -20px;
	background:#f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
	font-weight:bold;
}

.single_link_area a{
	font-size:16px;
}


.sidebox{
	border:1px solid #fb4;
	margin-top:20px;
	background:#fff;
}

.sidebox h3{
	font-size:16px;
	background:#fe5 url(./img/back05.png) repeat;
	padding:10px 10px 10px 10px;
	text-shadow: 1px 1px 3px #fff;
}

.sidebox ul{
	margin:12px 20px 12px 18px;
}
.sidebox ol{
	margin:12px 20px 12px 18px;
}
.sidebox li{
	margin:8px 0 8px 0;
}
.sidebox a,abbr{
}

.sidebox p{
	display:none;
}
.home_cat_link h4{
	border-top:1px solid #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	font-size:16px;
	margin:5px 0 -10px 0;
	padding:10px 10px 10px 10px;
}
.tmkm-amazon-view{
	margin:10px 0 -10px 0;
}
.tmkm-amazon-view p{
	line-height:18px;
	font-size:12px;
}
.tmkm-amazon-view a{
	line-height:25px;
}
strong{
	font-size:16px;	
}
.nm{
	color:#f33;
	font-size:8px;
}
.sp_ad{
	text-align:center;
}
.sp_so_icon{
	display:none;
}
.ad{
	margin:10px 0 0 0;
}
.headlines{
	margin:20px 0 0 0;
}
.headlines h4{
	display:none;
}
}

@media screen and (min-width : 768px) {


*{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Verdana,Tahoma,"ＭＳ Ｐゴシック",Arial,sans-serif;
	color:#333;
}
html{
	-webkit-text-size-adjust:none;
}
body {
	font-size:12px;
	line-height:23px;
	background:#fff;
	margin:0 18px 0 18px;
 	min-width:800px;
}

#wrapper{
	text-align:left;
	width:100%;
	margin:0 auto;
}


a {
	font-size:16px;
	color:#33f;
	text-decoration:underline;
}

a img {
	border: none;
}

.right_text{
	text-align:right;
	margin:-33px 10px 20px 0;
}

h1{
	background:url(./img/logo.gif) no-repeat;
	font-size:1px;
	text-indent:-300000px;
	height:50px;
	width:300px;
	margin:8px 0 3px 0;
}

.top{
	background:#f3f3f3 url(./img/back01.png) repeat;
	padding:3px 13px 3px 5px;
	font-size:12px;
	border-bottom:1px solid #888;
}


.search{
	background:#e0e0e0 url(./img/back02.png) repeat;
	padding:8px 13px 8px 13px;
	font-size:12px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
}

.menu{
	background:#339 url(./img/back03.png) repeat;
	padding:5px 20px 6px 20px;
	border-bottom:1px solid #aaa;
}

.menu a{
	color:#fff;
	font-size:12px;
}

.menu li{
	display:inline;
	margin-right:12px;
}
.pic_news{
	padding:0px;
}
.pic_news li{
	display:inline;
}
.pic_news img{
	margin-right:2%;
}
.pic_news_home{
	text-align:center;
}

#container{
	width:100%;
	float:left;
	margin-right:-336px;

}



#contents{
	max-width:1300px;
	margin:15px 349px 0 0;
}

#sidebar{
	width:336px;
	float:right;
	margin-top:12px;
}

.category a{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	background:#3c3 url(./img/back04.png) repeat;
	padding:4px 30px 4px 30px;
	text-decoration:none;
	margin-bottom:12px;
}

h2{
	font-size:20px;
	padding:12px 0 4px 0;
	border-top:1px solid #ccc;
}

h2 a{
	font-size:20px;
	text-decoration:none;
	border-bottom:1px solid #33f;
}

.storycontent p{
	font-size:16px;
	margin-top:8px;
	padding:5px 0 6px 0;
	line-height:28px;
}

.storycontent a{
	font-size:16px;
}

#footer{
	clear:both;
	padding-top:20px;
}

address,cite{
	font-style:normal;
	clear:both;
	text-align:center;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:8px;
	line-height:18px;
}
address,cite a{
	font-size:12px;
	color:#333
}

.post{
	margin-top:12px;
}

h4{
	border-top:1px dashed #888;
	font-size:16px;
	margin:15px 0 0 0;
	padding:5px 0 0 0;
}

#contents ul{
	margin:10px 5px 10px 20px;
}
#contents ol{
	margin:10px 5px 10px 35px;
}
#contents li{
	margin:6px 0 6px 0;
	line-height:20px;
}

.single_link_area a{
	font-size:16px;
}


.sidebox{
	border:1px solid #fb4;
	margin-top:10px;
	background:#fff;
}

.sidebox h3{
	background:#fe5 url(./img/back05.png) repeat;
	font-size:12px;
	padding:10px 10px 10px 10px;
}

.sidebox ul{
	font-size:12px;
	margin:12px 10px 12px 28px;
}
.sidebox ol{
	font-size:12px;
	margin:12px 13px 12px 35px;
}
.sidebox li{
	line-height:16px;
	margin:8px 0 8px 0;
}
.sidebox a,abbr{
	font-size:12px;
}

.sidebox .sm{
	display:none;
}
.home_cat_link h4{
	border-top:1px solid #bbb;
	background:#f5f5f5 url(./img/back01.png) repeat;
	font-size:16px;
	margin:13px 0 0 0;
	padding:3px 10px 1px 10px;
}
.tmkm-amazon-view p{
	line-height:8px;
	font-size:12px;
}
.tmkm-amazon-view a{
	line-height:25px;
}
strong{
	font-size:16px;	
}
.nm{
	color:#f33;
	font-size:8px;
}

}