﻿/*
-------------------------------------------------------

 initialization

-------------------------------------------------------
*/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
	display: block;}
li { list-style: none;}
table,tr,th,td {border-collapse: collapse;}
img { vertical-align: top;border: none;}

/*
-------------------------------------------------------

 basic

-------------------------------------------------------
*/
html { overflow-y: scroll;}
body {
	color: #1f1f1f;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.0;
	*font-size: 100%;
	word-break: break-all;
	 -webkit-text-size-adjust: 100%;}
@media all and (-ms-high-contrast:none)
{ body
	{ font-family: 'メイリオ', 'Meiryo', sans-serif;}
}
html.osMac body, body.osMac {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;}
body.en {
	word-break: normal;}
a, a img {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all  0.1s ease;
	outline: none;}
a:link, a:visited { text-decoration: none;}
a:hover, a:active  { text-decoration: none;}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);}
.fix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;}
.fix{
	display: inline-block;}
* html .fix{
	height: 1%;}
.fix{
	display:block;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}
.fl { float: left;}
.fr { float: right;}
p { background-image: url("../img/touka.gif");}
img {
	max-width: 100%;
	height: auto;}
em,i { font-style: normal;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
/* 改行 */
.pcVer { display:block;}
.spVer { display:none;}
@media only screen and (max-width:767px){
	.pcVer { display: none;}
	.spVer { display: block;}
}
.flex-c{
	display: flex;
	justify-content: center;
}