﻿@charset "utf-8";
*{
	word-break:break-all;
}

*, 
*:before, 
*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

html{
	color:#000;
	background:#FFF;
}

html, body{
	width:100%;
}

html, body, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, figure, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub,sup, textarea, tfoot tt, ul, var, menu{
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
}

h1, h2, h3, h4, h5, h6{
	font-size:12px;
	font-weight:normal;
}

img{
	height:auto;
	-ms-interpolation-mode:bicubic;
	border:none;
	vertical-align:bottom;
}

iframe{
	background:none;
	display:block;
	position:relative;
}

main{
	display:block;
}

fieldset{
	display:inline-block;
	text-align:left;
}

legend{
	margin:0 4px;
	padding:0 2px;
}

th, 
strong{
	font-weight:normal;
}

address{
	font-style:normal;
}

li{
	list-style:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill{
	background:#FFF;
}

input:focus{
	outline:none;
}

input, 
select, 
textarea{
	color:#000;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}

input[type=text], 
input[type=search], 
input[type=tel], 
input[type=url], 
input[type=email], 
input[type=password], 
input[type=datetime], 
input[type=date], 
input[type=month], 
input[type=week], 
input[type=time], 
input[type=datetime-local], 
input[type=number]{
	height:30px;
	line-height:30px;
	text-indent:4px;
	padding:0 !important;
	border:1px solid #000;
	-webkit-appearance:none;
}

input[type=button], 
input[type=submit]{
	text-indent:0;
	line-height:30px;
	padding:0 10px;
	-webkit-appearance:none;
}

select{
	height:30px;
	line-height:30px;
	text-indent:4px;
	padding:0 !important;
	border:1px solid #000;
}

input[type=text]::placeholder, 
input[type=search]::placeholder, 
input[type=tel]::placeholder, 
input[type=url]::placeholder, 
input[type=email]::placeholder, 
input[type=password]::placeholder, 
input[type=datetime]::placeholder, 
input[type=date]::placeholder, 
input[type=month]::placeholder, 
input[type=week]::placeholder, 
input[type=time]::placeholder, 
input[type=datetime-local]::placeholder, 
input[type=number]::placeholder, 
textarea::placeholder{
	font-size:14px;
}

button{
	text-indent:0;
	-webkit-appearance:none;
	border:none;
	cursor:pointer;
}

body{
	color:#000;
	font-size:70%;
	text-align:center;
	background:#FFF;
	font-family:"ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "メイリオ", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust:100% !important;
	overscroll-behavior:none;
}

a:link, 
a:visited, 
a:active{
	color:#000;
	text-decoration:none;
}

.clearfix::after{
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

@-webkit-keyframes blink{
	0%{
		opacity:0.5;
	}
	50%{
		opacity:1;
	}
	100%{
		opacity:0.5;
	}
}

@-moz-keyframes blink{
	0%{
		opacity:0.5;
	}
	50%{
		opacity:1;
	}
	100%{
		opacity:0.5;
	}
}

@-webkit-keyframes blink-high{
	0%{
		opacity:0.1;
	}
	50%{
		opacity:1;
	}
	100%{
		opacity:0.1;
	}
}

@-moz-keyframes blink-high{
	0%{
		opacity:0.1;
	}
	50%{
		opacity:1;
	}
	100%{
		opacity:0.1;
	}
}

@-webkit-keyframes spin{
	0%{
		-webkit-transform:rotate(0deg);
		opacity:0.4;
	}
	50%{
		-webkit-transform:rotate(180deg);
		opacity:1;
	}
	100%{
		-webkit-transform:rotate(360deg);
		opacity:0.4;
	}
}

@-moz-keyframes spin{
	0%{
		-moz-transform:rotate(0deg);
		opacity:0.4;
	}
	50%{
		-moz-transform:rotate(180deg);
		opacity:1;
	}
	100%{
		-moz-transform:rotate(360deg);
		opacity:0.4;
	}
}

@font-face{
	font-family:"fontello";
	src:url("../font/fontello.eot?88692703");
	src:url("../font/fontello.eot?88692703#iefix") format("embedded-opentype"), 
	url("../font/fontello.woff?88692703") format("woff"), 
	url("../font/fontello.ttf?88692703") format("truetype"), 
	url("../font/fontello.svg?88692703#fontello") format("svg");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"Antro_Vectra";
	src:url("../font/Antro_Vectra.otf");
	src:url("../font/Antro_Vectra.eot");
	src:url("../font/Antro_Vectra.eot?#iefix") format("embedded-opentype"),
	url("../font/Antro_Vectra.woff2") format("woff2"),
	url("../font/Antro_Vectra.woff") format("woff");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

.font_antro_vectra{
	font-family:"Antro_Vectra";
}

.font_min{
	 font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pr6 W6", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho ProN W3", "Times New Roman", HiraMinProN-W3, Georgia, "NotoSerifCJKjp-Regular";
}

.font_kozuka{
	font-family:'小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}

@media screen and (min-width:950px){
	a:hover{
		color:#000;
		text-decoration:none;
		outline:none;
	}
	
	a:hover img{
		opacity:0.7;
		filter:alpha(opacity=70);
	}
	
	main.pc, 
	article.pc, 
	section.pc, 
	div.pc, 
	nav.pc, 
	ul.pc{
		display:block;
	}
	
	br.pc, 
	span.pc, 
	a.pc{
		display:inline;
	}
	
	li.pc{
		display:list-item;
	}
	
	.sp{
		display:none;
	}
}
@media screen and (max-width:950px){
	input[type=text]::placeholder, 
	input[type=search]::placeholder, 
	input[type=tel]::placeholder, 
	input[type=url]::placeholder, 
	input[type=email]::placeholder, 
	input[type=password]::placeholder, 
	input[type=datetime]::placeholder, 
	input[type=date]::placeholder, 
	input[type=month]::placeholder, 
	input[type=week]::placeholder, 
	input[type=time]::placeholder, 
	input[type=datetime-local]::placeholder, 
	input[type=number]::placeholder, 
	textarea::placeholder{
		font-size:12px;
	}
	
	.pc{
		display:none;
	}
	
	main.sp, 
	article.sp, 
	section.sp, 
	div.sp, 
	nav.sp, 
	ul.sp{
		display:block;
	}
	
	br.sp, 
	span.sp, 
	a.sp{
		display:inline;
	}
	
	li.sp{
		display:list-item;
	}
}