@charset "UTF-8";

/* all */
body {height: auto;}

body, .site-body {background: #f9f9f9;}
a {text-decoration: none;}
p a {word-break: break-all;}
.site-footer { background: #000;}
.site-body { width: 98%; max-width: 1200px; margin: 0 auto; vertical-align: top; display: table; padding: 20px 1% 0!important;}
article {vertical-align: top;border: solid 1px #DDD;background: #FFF;padding: 36px 45px 0;margin-bottom: 0; display: table-cell;}

.site-header {width: 100%; z-index: 3}

.site-footer { margin-top: 20px;}

/* only pc*/
@media only screen and (min-width: 769px) {
	section, .article-header,html,.bg-gray{ background: #fff;}
}

@media only screen and (max-width: 768px){
	body, .site-body {background: #eee;}
	.site-header {margin-bottom: 0;}
	.site-body { width: 100%;padding:0!important;}

	article {display: block;margin:0;border: none;border-bottom: solid 1px #ddd;padding-top: 10px;padding: 0 0 20px;}

	.fixed-footer { z-index: 2;}
	.site-footer { margin-top: 0;}
}
/* btn */
@media only screen and (max-width: 1056px) and (min-width: 769px) {
	a.btn.w60p {width: auto !important;}
}
/* 広告 */
@media only screen and (min-width: 1200px) {.adbanner{ width: auto;}}

/* 記事の余白・見出し部分 */
@media only screen and (min-width: 1057px) {
	section .textbox, .article-header .textbox {padding:40px 10px 10px;}
}
@media only screen and (max-width: 1056px) and (min-width: 769px){
	article { padding-top: 10px;padding: 20px 0 20px;}
}

a.top-logo { position: fixed;height: 50px; width: 100%; background: #000;		z-index: 10;}
a.top-logo img {width: 150px;position: fixed;top: 16px;left: 20px;height: auto;		z-index: 10;}

/*drower ここまで */

@media only screen and (min-width: 769px) {
	.drawer_right .side_contents .side_post ul li a{padding: 0 20px;}
}

[off-canvas] {background:#333!important;}

div#all-inner {background: #f8f8f8;}

/* go back all*/
.go_all {text-align:center;padding-bottom:20px;display: block;padding-top: 30px;}
.go_all a {padding:5px 30px;background:#b41a1b;color:#fff;border-radius:2px;letter-spacing:1px;display: inline-block;}

@media only screen and (max-width: 768px){
	.go_all {background: #eeeeee;padding-top:0;}
}

/* 追加 */
@media only screen and (max-width: 768px) {
	.pt30smp{ padding-top: 30px!important;}
	.brand-clear .pt30 {padding-top: 0px!important; }
	.textbox p.ac.mt10 {margin-top: 0!important; padding-top: 10px; }
	.brand-img > a {display: block; height: auto; }
	.drawer_right .side_contents .side_ranking li:before{left:0; top: 2px;}
}

/* IE7 {
	display: inline-block;
}
/* WinIE6 below {
	height: 1%;
}

/**/