@charset "utf-8";


/* ================================================================================
	1:Reset CSS
================================================================================ */

/* 1:AllRest
================================================*/

html, body, address, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, iframe, a, b, br, em, i, img, small, span, strong, sub, sup, legend, fieldset, input,
article, aside, figcaption, figure, footer, header, nav, section, main {
	margin: 0;
	padding: 0;
}


/* 2:HTML5 Block Element
================================================*/

article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { 
    display: block;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
}

iframe {
	border: none;
}

ul,ol {
	list-style: none;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: normal;
}

em {
	font-style: normal;
}

form, textarea, fieldset {
	outline:none;
}

fieldset {
	border: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    text-align: left;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

*::-moz-selection {
	background-color: #fc7389;
    color: #FFF;
}


/* 3:A Element
================================================*/

a {
	color: #555;
	text-decoration: none;
	transition: color 0.6s ease 0s;
}

a:hover {
	color: #555;
	text-decoration: underline;
	transition: color 0.6s ease 0s;
}

a img {
	transition: opacity 0.6s ease 0s;
}

a img:hover {
	transition: opacity 0.6s ease 0s;
	opacity:0.8;
}


/* 4:Html,Body Element
================================================*/
body {
	min-width: 320px;
	overflow-x: hidden;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	font: 12px/1.5 "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	color: #555;
}


/* ================================================================================
	1:Module CSS
================================================================================ */

/* 1:LayoutElement
================================================*/
.lb {
	float: left;
}

.rb {
	float: right;
}

.inner {
	width: 1000px;
	margin: 0 auto;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}
 
.cf:after {
    clear: both;
}