@charset "UTF-8";


/*****BASIC*****/
body{
	background: #fff;
}

body,
main *{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
}

main ul, main ol {
	list-style-type: none;
}
main a,
main a:link,
main a:visited,
main a:hover {
	text-decoration: none;
}


/*****COMMON*****/
main {
	font-family: "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Geneva, Arial, Verdana, sans-serif, "YuGothic", "游ゴシック", "meiryo", "ms pgothic", "ms pゴシック", "osaka";
		-webkit-text-size-adjust: none;
	font-size:12px;
	line-height: 1;
	background:#ffffff;
	color:#000000;
}
main{
    width: 100%;
	margin: 0 auto;
}
main span {
	vertical-align: baseline;
}
main img {
	width: 100%;
	height: auto;
	vertical-align:bottom;
}
main .link:hover {
	opacity: 0.6;
}

.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:"";
}

.pc{
	display:block;
}
.sp{
	display:none;
}

.bg01{
	background: url(../img/bg01.png);
}
.bg02{
	background: url(../img/bg02.png) repeat-x;
	background-size: contain;
}

/* main */
.main{
	margin: 0 auto;
	text-align: center;
}
.sp_img{
	width: 100%;
	height: auto;
}

/*******************************************↑↑↑共通↑↑↑*******************************************/


@media screen and (max-width: 640px) {
	
	main{
		font-size:16px;
	}
	
	.pc{
	    display:none;
    }
    .sp{
	    display:block;
    }
	
}