
/* 共通 */
html {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
p{
  margin:4px 0px;
  font-size:14px;
  color:#355462;
}
hr{margin:6px 0px;}
.row:before, .row:after { width:0px; }
.nomargin{margin:0px;}
.nopadding{padding:0px !important;}
.pc-600{width:600px;}
.width100per{width:100% !important;}
.pcOnly{display:block;}
.spOnly{display:none !important;}
.inlineBlock{display:inline-block;}
body{width:100%; box-sizing : border-box !important;}
.width-600{width:600px !important;}
.width-700{width:700px !important;}
.shadow{box-shadow: 0 0 8px gray;}
button{
  -moz-appearance: none;
  -webkit-appearance: none;
}
input{font-size:14px;}
textarea{font-size:14px;}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 20px;
	border: 1px solid 41ADFB;
	background: 41ADFB;
	color:white;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, 41ADFB 0%,41ADFB 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, 41ADFB 0%,41ADFB 100%);
	background-size: 20px, 100%;
}
button{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
textarea{width:100%; border-style:solid; border-width:1px; border-color:#a9a9a9; border-radius:5px;
  text-align:left;}
.blocktitle{font-size:15px; margin:0px 0px 10px 0px; font-weight:normal; float:left; margin-top:10px;}
a:hover{color: #222; text-decoration: none; opacity: 0.25;}
body{overflow-x: hidden;}
h2{font-size:22px; color:#355462; width:100%;}
h4,h2{color:#355462; font-weight:bold;}
.page-item.disabled .page-link {
  color: #6c757d !important;
}
.text-dark{color:#355462 !important;}
html{width:100%; min-height:600px; margin:0px; float:left;}
body{width:100%; min-height:600px; margin:0px; float:left;}
div.main{width:100%; min-height:650px; margin:0px;  float:left; padding:0% 0% 0px 0%; margin:0px; }
div.buttonArea{width:100%; text-align:center; padding-top:10px;}
a.button{display:inline-block; background-color:41ADFB; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px;}
input.button{background-color:41ADFB; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:41ADFB; display:inline-block;}
.event-status p{
  border-radius:90%; border-style:solid; border-color:#898989; border-width:1px; padding:30px 0px;
  margin:auto; text-align:center; font-weight:bold; width:80%;
}
.event-active{background-color:#E8CE46; border-color:#E8CE46 !important;}
.alert{width:100%; margin-top:10px;}
.badge{border-radius:4px !important; vertical-align: text-top; margin-left:4px;}
#alert-block{width:100% !important;}

/* フォーム */
.nodecoration{text-decoration:none;}
.marginAuto{margin:auto;}
#preview > img{max-width:90%; max-height:50px; margin-top:4px;}

div.headerBase{width:100%; height:55px; padding:12px 0px 8px 0px; background-color:white; margin:0px; float:left; border-bottom:1px solid #e9eef1; width:100% !important;}
.headerTitle{margin:0px 0px 0px 0px; font-size:20px; float:left; font-weight:bold; width:100%; text-align:center;}
.contents{width:600px; margin:auto; margin-top:100px; min-height:800px; padding-bottom:50px;}
label{color:#355462;}

@media screen and (max-width:769px)
{
  .event-status p{width:100%;}
  .row.event-status div{padding:0px !important;}
  .pc-600{width:100% !important;}
  .pcOnly{display:none !important;}
  .spOnly{display:block !important;}
  .width-600{width:100% !important;}
  .width-700{width:100% !important;}
  a.button{display:inline-block; background-color:41ADFB; color:white; width:130px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px;}
  input.button{width:130px;  background-color:41ADFB; color:white; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto; margin-top:20px; font-size:14px; border-color:41ADFB; display:inline-block;}
  .back{background-color:#393939 !important; border-color:#393939 !important; margin-right:20px !important;}
  .sp-12{font-size:12px !important;}
  .contents{width:100%;}
}

/* SE */
@media screen and (max-width:300px)
{
  .title{font-size:12px !important;}
  img{max-width:100%;}
}

/* --------------------------------------------
個別ブロックv2
--------------------------------------------*/
button.submit{display:block; background-color:41ADFB; color:white; width:180px; padding:5px 10px; text-align:center; border-radius:25px; text-decoration:none; margin:auto;
margin-top:20px; font-size:14px; border-color:41ADFB;}
button.submit:hover{color: #222; text-decoration: none; opacity: 0.25;}
a:hover{color: #222; text-decoration: none; opacity: 0.25;}
br.sp{display:none;}
div.form{border-style:solid; padding:2%; width:100%; margin-left:0%; min-height:150px; padding-bottom:10px;
background-color:white; border-color:white; border-radius:5px; padding-bottom:20px;}
.form-check-label{margin-left:20px;}
.pcOnlyInline{display:inline-block;}
.payment-btnArea a{
    width: 350px;
    margin-bottom:10px;
}

@media screen and (max-width:769px)
{
	br.sp{display:block;}
  .row{width:100%; margin:0px !important;}
  .pcOnlyInline{display:none !important;}
}

/*---------------------
フォント系
----------------------*/
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
.text-thin{color:#aab8c2 !important;}
.text-blue{color:#337ab7 !important;}
.text-base{color:#355462;}
.text-black{color:#646464 !important;}

/*---------------------
ボタン系
----------------------*/
.baseButton{background-color:#41ADFB; margin-top:20px; color:white;
  border-color:#41ADFB; width:150px; padding:12px 20px; border-radius:35px;}
.baseButtonLg{background-color:#343a40; margin-top:20px; color:white;
  border-color:#343a40; width:200px; padding:12px 20px; border-radius:35px;}
.baseButtonOuter{background-color:white; margin-top:20px; color:#393939;
  border-color:#9B9B9B; width:150px; padding:6px 10px; border-radius:15px;}
.baseButtonInner{background-color:#5bc0de; margin-top:20px; color:white;
  border-color:#5bc0de; width:150px; padding:6px 10px; border-radius:15px;}
.backButton{background-color:#393939; margin-top:20px; color:white !important;
border-color:#393939; width:150px; padding:12px 20px; border-radius:35px;}
.btn-info{color:white !important;}

/* ログイン */
.loginForm{padding:20px;}