@charset "UTF-8";

/*////////////////////////////////////////////////////////////////////

base.css
	
////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	 html, body, a
----------------------------------------------------------------------------- */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,textarea,p,blockquote,address,caption,table,th,td,img {
	margin  : 0;
	padding : 0;
	}

html {
	width: 100%;
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body{
	font : 1.2rem 'Lato', Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color: #000;
	letter-spacing: 0.9px;
	line-height: 1.8em;
}

div:after {
	content: ".";   clear: both;    display: block; line-height: 0; height: 0;  visibility: hidden;
}

@media screen and (max-width: 768px) {
body {
	min-width: 0;
	}
}

a:hover img {
opacity: .8;
-webkit-opacity: .8;
-moz-opacity: .8;
filter: alpha(opacity=80);	/* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}

a,a img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

a:link {
	color: #000;
	text-decoration : none;
	}
a:visited {
	color: #000;
	text-decoration : none;
	}
a:hover {
	color: #A0A0A0;
	text-decoration : none;
	}
a:active {
	color: #A0A0A0;
	}

/*a:link,a:visited,a:hover,a:active {
	text-decoration : none;
	}*/

@media screen and (max-width: 768px) {
.sp_none {
	display: none !important;
}
}
@media screen and (min-width: 769px) {
.pc_none {
	display: none !important;
}
}

/* -----------------------------------------------------------------------------
	inline elements
----------------------------------------------------------------------------- */

img {
	border         : none;
	vertical-align : bottom;
	line-height    : 0;
	}
object {
	vertical-align : middle;
	outline        : none;
	}
address, caption, cite, code, dfn, th, var {
	font-weight    : normal;
	font-style     : normal;
	}
em, strong {
	font-weight    : bold;
	font-style     : normal;
	}
sup {
	vertical-align : text-top;
	}
sub {
	vertical-align : text-bottom;
	}
fieldset {
	border         : none;
	}
input, textarea, select, label {
	font-size      : 100%;
	font-family    : inherit;
	vertical-align : middle;
	}
@media screen and (max-width: 768px) {
	input, textarea, select, label {
		border-color: #CDCDCD;
		border-radius: 0;
		-webkit-appearance: none;
	}
}
label {
	cursor         : pointer;
	}
textarea {
	overflow       : auto;
	}

/* -----------------------------------------------------------------------------
	block elements
----------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-size    : 100%;
	font-weight  : normal;
	line-height  : 1;
	}
q:before, q:after {
	content      : '';
	}
abbr, acronym {
	border       : none;
	font-variant : normal;
	}
ul, ol {
	list-style   : none;
	}
li{
	float: left;
  }
li:last-child{
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

/* -----------------------------------------------------------------------------
	table elements
----------------------------------------------------------------------------- */

table {
	border-collapse : collapse;
	border-spacing  : 0;
	}
caption, th, td {
	text-align      : left;
	vertical-align  : top;
	}

/* -----------------------------------------------------------------------------
 	clear fix
----------------------------------------------------------------------------- */

.cf:before,
.cf:after {
    content:"";
    display:table;
} 
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
	
/* -----------------------------------------------------------------------------
 	margin
----------------------------------------------------------------------------- */
	
/*  TOP
----------------------------- */
.-mt30  { margin-top:-30px !important; }
.-mt20  { margin-top:-20px !important; }
.-mt10  { margin-top:-10px !important; }
.mt0  { margin-top:0 !important; }
.mt5  { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }

/*  BOTTOM
----------------------------- */
.mb0  { margin-bottom:0 !important; }
.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }

/*  LEFT
----------------------------- */
.ml0  { margin-left:0 !important; }
.ml5  { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }

/*  RIGHT
----------------------------- */
.mr0  { margin-right:0 !important; }
.mr5  { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }

/* -----------------------------------------------------------------------------
 	padding
----------------------------------------------------------------------------- */

/*  TOP
----------------------------- */
.pt0  { padding-top:0 !important; }
.pt5  { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }

/*  BOTTOM
----------------------------- */
.pb0  { padding-bottom:0 !important; }
.pb5  { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }

/*  LEFT
----------------------------- */
.pl0  { padding-left:0 !important; }
.pl5  { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }

/*  RIGHT
----------------------------- */
.pr0  { padding-right:0 !important; }
.pr5  { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:40px !important; }
.pr50 { padding-right:50px !important; }