@charset "UTF-8";
/* CSS Document */

*{line-height:1.5;}

html,body{width:100%; height:auto; margin:0;padding:0; background: #FFF;}
html{font-size: 62.5%;}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div{margin: 0;padding: 0;}
h3, h4{ font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku GothicPro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴPro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳＰゴシック","Helvetica","Verdana",sans-serif;}
ul li, ol li{list-style: none;}
table{margin: 0;padding: 0;font-size: 100%;}
caption{text-align: left;}
table, pre, code, select, textarea, kbd, var, ins, del, samp{font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}
img{border:none;}
a, a:visited{text-decoration:none; outline:none;}
hr.separation{display: none;}
fieldset{border: none;}
header,section,nav,aside,footer,article{display: block;}

body{
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku GothicPro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴPro","メイリオ","Meiryo",メイリオ,Meiryo,Osaka,"ＭＳＰゴシック","Helvetica","Verdana",sans-serif;
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}




.pc{
	display:block;
}
.sp{
	display:none !important;
}
@media(max-device-width: 768px){
	.pc{
	display:none !important;
	}
	.sp{
		display:block !important;
	}
}
/* ------------
  common Style
--------------- */
.clearfix{ clear:both;}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/*　古いClearfix
.clearfix {
overflow: hidden;
}
*/

.mb0 {margin-bottom: 0px !important; }
.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; }

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.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;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.pb10 {padding-bottom: 10px !important; }
.pb20 {padding-bottom: 20px !important; }
.pb30 {padding-bottom: 30px !important; }
.pb40 {padding-bottom: 40px !important; }
.pb50 {padding-bottom: 50px !important; }
.pb60 {padding-bottom: 60px !important; }
.pb70 {padding-bottom: 70px !important; }

.tac { text-align: center !important; }
.tar { text-align: right !important; }
.tal { text-align: left !important; }

.fs_L{ font-size:140%;}

.fL{ float:left;}
.fR{ float:right;}
.underline{ text-decoration:underline;}


/* Material icons */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  vertical-align: middle;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}
/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }