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

* {
	margin: 0;
	padding: 0;
}

html, body, h1, h2, h3, h4, h5, h6, p, a, span, div, table, img, header, footer, nav, article, section, ul, li {
	margin: 0;
	padding: 0;
}

body {
	/*font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    "ＭＳ Ｐゴシック", sans-serif;*/
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	position: relative;
	color: #232323;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }

.pc-only { display: block; }
.ipad-only { display: none; }
.sp-only { display: none; }
.pc-ipad-only { display: block; }
.pc-sp-only { display: block; }

.btn-blue{
	color: #fff;
    background-color: #3C7EDA;
    border-color: #3C7EDA;
}
.btn-blue:hover,
.btn-black:hover,
.btn-gray:hover {
	opacity: .7;
}

.btn-black{
	color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-gray{
	color: #FFF;
    background-color: #909090;
    border-color: #909090;
	}


.l-disable,
.l-disable:hover,
.l-disable:disabled {
	color: #A3A3A3!important;
    background-color: #EDECEB!important;
    border-color: #EDECEB!important;
    opacity: 1.0!important;
    cursor: default!important;
    pointer-events: none!important;
}

.error {
	color: red;
	white-space: nowrap;
}

a {	color: #3C7EDA; }
button:focus,
a:focus { box-shadow: none!important; }

@media only screen and (max-width: 768px) {
	.pc-only { display: none; }
	.ipad-only { display: block; }
	.sp-only { display: none; }
	.pc-ipad-only { display: block; }	
	.pc-sp-only { display: none; }
}

@media only screen and (max-width: 576px) {
	.pc-only { display: none; }
	.ipad-only { display: none; }
	.sp-only { display: block; }
	.pc-ipad-only { display: none; }
	.pc-sp-only { display: block; }
}