@charset "euc-jp";
/* CSS Document */

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

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

html, body, address, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, map,
a, b, br, em, i, img, small, span, strong, sub, sup, legend, fieldset, input,
article, aside, details, figcaption, figure, footer, header, menu, 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 ,iframe {
	max-width: 100%;
	border: 0;
	vertical-align: top;
}
img:not([src*="googleads"]):not([src*="yahoo.co.jp"]),
iframe:not([name="google_conversion_frame"]) {
    height: auto;
}

p {
	word-break: break-all;
}

ul,ol {
	list-style: none;
}

strong {
	font-weight: normal;
}

em,i {
	font-style: normal;
}

form, textarea {
	outline:none;
}

fieldset {
	border: none;
}

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

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

th, td {
    text-align: left;
}

i {
	font-style: normal;
}

input[type="button"],input[type="text"],input[type="submit"],textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

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


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

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

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

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

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


/* 4:Html And Body Element
================================================*/
html {
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	font-size: 53.8%;/* 1.4rem = 14px -> 12px*/
}

@media screen and (min-width: 640px) {
html {
	font-size: 62.5%;/* 1.4rem = 14px*/
}
}

body {
	overflow-x: hidden;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	font: 1.4rem/1.4  "¥á¥¤¥ê¥ª", Meiryo,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	color: #333;
}


/* ================================================================================
	1:Module Css
================================================================================ */

/* 1:Layout Element
================================================*/
.lb {
	float: none;
}

.rb {
	float: none;
}

.pc {
	display: none;
}

.sp {
	display: block;
}

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

@media screen and (min-width: 768px) {
.lb {
	float: left;
}

.rb {
	float: right;
}

.pc {
	display: block;
}

.sp {
	display: none !important;
}

}

.wrap {
	overflow: hidden;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}
 
.cf:after {
    clear: both;
} 
 
/* 2:Button Element
================================================*/