/* テーマ追加用style-add.css */

html {}
body {}
a { color: #e01514; transition: all 0.1s; }
a:hover { color: #ee9f00; text-decoration: none; }
a img { transition: all 0.2s; }
a:hover img { opacity: 0.6; }
img { max-width: 100%; height: auto; }
b, strong {
	color: #de3e61;
	font-weight: bold;
	font-size: 1.4;
}


/* basic structure */

.header-wrap {
	background: url(img/header-wrap-top.svg) repeat-x top, url(img/header-wrap-bottom.svg) repeat-x bottom;
}
.header-wrap .header { max-width: 1000px; margin: 0 auto; padding: 8px 0; position: relative; }

.body-wrap { padding: 15px 0 40px; }
.body-wrap .body { max-width: 1000px; margin: 0 auto; position: relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.body-wrap .body .body-main { max-width: 680px; width: 100%; margin: 0 auto 0 0; float: left; padding: 20px; }
.body-wrap .body .page-side { max-width: 300px; width: 100%; margin: 0 0 0 auto; float: right; position: relative; }

.footer-wrap { color: #ffffff; }
.footer-wrap .footer { max-width: 1000px; margin: 0 auto; position: relative; }

.copyright-wrap { background: #ee9f00; color: #ffffff; }
.copyright-wrap .copyright { font-size: 12px; max-width: 1000px; margin: 0 auto; padding: 8px 0; text-align: center; }

@media (max-width: 640px) {
	.header-wrap .header { padding: 8px 6px 70px 6px; }
	.body-wrap { padding: 0 0 60px; }
	.body-wrap .body .body-main { width: calc( 100% - 12px ); margin: 0 auto; float: none; padding: 10px 0; }
	.body-wrap .body .page-side { max-width: initial; width: calc( 100% - 12px ); margin: 20px auto 0 auto; float: none; }
	.copyright-wrap .copyright { padding: 13px 0 8px 0; }
}


/* bxslider */

/* header */


@media (max-width: 640px) {
}

/* navi */


/* pagenation */


@media (max-width: 640px) {
}


/* side */


/* footer */


/* facebook */

/* mobile-menu */

.mobile-menu label {
	right: 4px;
}

.mobile-menu-button-body { margin: 10px auto 0 auto; }

.mobile-menu-header {
	background: url(img/header-wrap-top.svg) repeat-x top, url(img/header-wrap-bottom.svg) repeat-x bottom;
	margin: 0 auto 0 auto;
	width: 100%;
	padding: 8px 30px 8px 6px;
}
.mobile-menu-footer { font-size: 10px; text-align: center; }


/* page */



/* single */


/* category.php */



/* contact form */


/* 広告用 */