@charset "utf-8"; 
/* ========================================
common
======================================== */
* {box-sizing : border-box; }
html, body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;margin: 0; padding: 0; }
body {background: #fff; }

table {border-collapse: collapse; border-spacing: 0; }
div, p, img, fieldset{margin:0; padding:0; border:0;}
ul, ul li {margin: 0; padding: 0; list-style: none; }
a {text-decoration: underline; color: inherit; border: 0; display: inline!important;}
a:hover{text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: 1.0;margin: 0; }
strong {font-weight: bold; }
em {font-style: italic; }

/*----- HTML5の要素 -----*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }

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

/*------ text ------*/
.t-bold{font-weight: 700;}
.t-center {text-align: center;}
.t-right {text-align: right;}

/*------ margin ------*/
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !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;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.mt60 {margin-top: 60px;}