@charset "utf-8";

/* ==========================================================================
	HTML5
	========================================================================== */

article, aside, canvas, details, figcaption, figure, header,
footer, hgroup, menu, nav, section, summary {
    display: block;
}
section, div,dl,dt,dd,ul,li,table,td,th,input {
	box-sizing: border-box;
}

/* ==========================================================================
	BASE
	========================================================================== */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	font-size: 62.5%;
}

body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
}

address {
	font-style: normal;
}
xli {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
img,a img {
	border: 0;
}
img{
	vertical-align: bottom;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	text-align: left;
}

/*クローム　フォーカスしたときの青い線無くす*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
	outline: none;
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="email"]    {
-webkit-appearance : none;
border-radius: 0;
}
textarea   {
-webkit-appearance : none;
border-radius: 0;	
}

/* ==========================================================================
	CMN
	========================================================================== */

/* TEXT
  -----------------------*/

.txt-center { text-align: center;}
.txt-min { font-size: 80%;}
.txt-red { color: #C00}
.txt-l { text-align: right;}
.txt-r { text-align: right;}
.txt-red { color: #d9151a;}
.txt-blue { color: #156dd9;}
.marker { background: linear-gradient(transparent 60%, #ffff66 60%);}

/* LAYOUT
  -----------------------*/
.float-l { float: left;}
.float-r { float: right;}
.overf { overflow:hidden;}
.clear { clear: both;}

/* IMAGE
  -----------------------*/
.img-l { float: left; margin: 0 30px 10px 0;}
.img-r { float: right; margin: 0 0 10px 30px;}
.img-center { display: block; margin: 0 auto;}

/* OTHERS
  -----------------------*/
.border-none { border: none!important;}

/* MARGIN
  -----------------------*/

.mb0 { margin-bottom: 0px!important;}
.mb5 { margin-bottom: 5px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}


/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {


}
