/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	list-style:none;
	page-break-before:avoid;
	page-break-after:avoid;
	vertical-align: baseline;
	background: transparent;
}

img {
	width:100%;
	border:none;
	vertical-align:top;
}

html {
	font-size:62.5%;
	height: 100%;
    font-family:"HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic ProN";
}

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

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clearfix:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
.clearfix {  
    display: inline-block;  
}
#clear {
	clear:both;
}

.pc {
}

.sp {
	display:none;
}

@media screen and ( max-width:414px ) {
	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
}


/*	link	-----------------------------*/

a {
	color:#000;
	text-decoration:none;
	cursor:pointer;
    transition:0.3s;

}

a:hover,
a:active {
	color:#00b8ee;
	text-decoration:none;
}

a.opacity {
	background-color:#ffffff;
	display:inline-block;
}
a.opacity:hover img,
a.opacity:active img {
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
}