@charset "UTF-8";


/* reset
   =================================================================== */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td,article,section,aside,header,nav{
	margin:0;
	padding:0;
}

address,caption,cite,code,dfn,var{
	font-style:normal;
}

table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

object,embed{
	vertical-align:top;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
h1{
	line-height:1.5em;
}
img,abbr,acronym,fieldset,hr{
	border:0;
}

li{
	list-style-type:none;
}

p{
	margin:0;
	padding:0;
}

/* form */  
button,fieldset,form,input,label,legend,select,textarea{
	font-size:100%;
}
input{
	vertical-align: bottom;
}

* {
    -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,body
   =================================================================== */
html,body{
	magin:0;
	padding:0;	
}
body{
	font-size:12px;
	line-height:2;
	font-family:"ＭＳ Ｐゴシック","Hiragino Gothic Pro","Osaka",arial,helvetica,verdana,sans-serif;
	text-align:left;
	color:#8c8c8c;
	background:#fff;
	 -webkit-text-size-adjust: none;
	 border:none;
	 height:auto !important;
	 overflow-x:hidden !important;
}
.preloader {
	background:url(/assets/img/common/loading_common.gif) no-repeat center center;
	background-size:30px auto;
	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;
}
@font-face{ 
	font-family: 'MyWebFont';
	src: url('/webfonts/texgyreadventor-regular-webfont.eot');
	src: url('/webfonts/texgyreadventor-regular-webfont.eot?iefix') format('eot'),
	     url('/webfonts/texgyreadventor-regular-webfont.woff') format('woff'),
	     url('/webfonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
	     url('/webfonts/texgyreadventor-regular-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'MyWebFontBold';
	src: url('/webfonts/texgyreadventor-bold-webfont.eot');
	src: url('/webfonts/texgyreadventor-bold-webfont.eot?iefix') format('eot'),
	     url('/webfonts/texgyreadventor-bold-webfont.woff') format('woff'),
	     url('/webfonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
	     url('/webfonts/texgyreadventor-bold-webfont.svg#webfont') format('svg');
}
body .font {
	font-family: 'MyWebFont';
	letter-spacing:0.1em;	
}
body .fontB {
	font-family: 'MyWebFontBold';
	letter-spacing:0.1em;	
}
 @media only screen and (max-width: 768px) {
body{
	line-height:1.8;
}
 }

/* リンク設定
   =================================================================== */
a{
/*\*/
   overflow: hidden;
/**/
}

a:link {
	color:#00b7ed;
	text-decoration:none;
}

a:visited {
	color:#00b7ed;
	text-decoration:none;
}

a:hover {
	color:#00b7ed;
	text-decoration:none;
}


/* clear
   =================================================================== */
/* float */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */