@charset "utf-8";
/********************************************************************************************
 要素の初期化
********************************************************************************************/
html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
table,
ul,
dd,
dt,
li,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset {
	margin: 0;
	padding: 0;
}
img,
fieldset {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
figure {
	margin: 0;
}
/*===========================================================================================
 主なセクショニング・コンテンツ要素の初期化 
===========================================================================================*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
section,
footer {
	display: block;
}
/*===========================================================================================
 インライン等要素の初期化 
===========================================================================================*/
a {
	text-decoration: none;
}
table {
	border-spacing: 0;
}
fieldset,
img {
	border: 0;
}
em,
address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
}
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
caption {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border: 0;
}
/********************************************************************************************
 汎用クラス
********************************************************************************************/
/*===========================================================================================
 幅指定クラス 
===========================================================================================*/
.theme_wrapper .width-1 {
	width: 10% !important;
	max-width: 10% !important;
}
.theme_wrapper .width-2 {
	width: 20% !important;
	max-width: 20% !important;
}
.theme_wrapper .width-3 {
	width: 30% !important;
	max-width: 30% !important;
	height: 100%;
}
.theme_wrapper .width-4 {
	width: 40% !important;
	max-width: 40% !important;
}
.theme_wrapper .width-5 {
	width: 50% !important;
	max-width: 50% !important;
}
.theme_wrapper .width-6 {
	width: 60% !important;
	max-width: 60% !important;
}
.theme_wrapper .width-7 {
	width: 70% !important;
	max-width: 70% !important;
}
.theme_wrapper .width-8 {
	width: 80% !important;
	max-width: 80% !important;
}
.theme_wrapper .width-9 {
	width: 90% !important;
	max-width: 90% !important;
}
/********************************************************************************************
 メディア・クエリ　ブレークポイント：1600,1280,1024,800,640,510,480,400
********************************************************************************************/
@media screen and (max-width:812px) {
/*===========================================================================================
 幅指定クラス 
===========================================================================================*/
.theme_wrapper .width-1,
.theme_wrapper .width-2,
.theme_wrapper .width-3,
.theme_wrapper .width-4,
.theme_wrapper .width-5,
.theme_wrapper .width-6,
.theme_wrapper .width-7,
.theme_wrapper .width-8,
.theme_wrapper .width-9 {
	width: 100% !important;
	max-width: 100% !important;
}
}