@charset "UTF-8";


/* Global
 -------------------------------- */
html {
	overflow-y:scroll;
}
ul.disc {
	list-style-type: disc;
	margin-left:1.5em;
}
ul.decimal {
	list-style-type: decimal;
	margin-left:1.5em;
}





/* Flex
 -------------------------------- */
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.flex.virtical {
  -webkit-flex-direction: column;
  flex-direction:         column;
}
.flex.stretch {
  -webkit-align-items: stretch;
  align-items: stretch;
}
.flex.center {
  -webkit-justify-content: center;
  justify-content: center;
}
.flex.wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
}

.grow {
  -webkit-flex-grow: 1;
  flex-grow:         1;
}
.shrink {
  -webkit-flex-shrink: 0;
  flex-shrink:         0;
}



/* Customize
 -------------------------------- */
html.touch-device body {
  min-width: auto;
  min-height: auto;
}


/* Header */
#globalheader {
border-bottom: 1px solid #362f2f;
}


/* Contents */
#contents {

}
#browsebar-wrapper {
	height:0;
}
.section {
  width: 976px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 40px;
}
.title_block + .section {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
  border-top: 1px solid transparent;
/*  min-height:480px;*/
}
#contents:not(.kiyaku) .title_block + .section .column-one_default:first-child .column-one_text:first-child {
  padding-top: 0;
}
.column-one_default .column-one_text {
  color: inherit;
}
#contents.kiyaku .column-one_default .column-one_text {
	padding: 20px 0;
  border-top: 1px solid #ccc;
}
.kiyaku-adapter {
	line-height:2;
}

.section .fs-18 {
  font-size:18px;
}


.section .img_bnr .lftimg,
.section .img_bnr .rgtimg{
	display:inline-block;
}

.section .img_bnr .lftimg img{
	max-width:160px;
	padding:20px 20px 30px 20px;
	vertical-align: middle;
}

.section .img_bnr .rgtimg{
	magin-top:20px;
	vertical-align: middle;
}

.bnr_app{
	width: 220px;
	height: 65px;
	margin-left:16px;
	overflow: hidden;
	display: inline-block;
}

.bnr_goo{
	width:250px;
}


/* 追加_石橋_2018/07/14 */
.text {
  display: inline-block;
}


/* Footer */
#globalfooter {
/*  padding-bottom:100px;
  padding-bottom:75px;*/
  padding-bottom:10px;
}
#globalfooter-terms {

}


/* Float Button */
#float-button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;

  height:90px;

/*  position:fixed;
  bottom:0;
  width:100%;
  max-width: 1200px;
  height:65px;*/

  background-color: #fff;
  border-top:#cccccc solid 1px;
  z-index:100;
}
#float-button > button {
  margin:0 10px;
}


/* Input Text */
.form-area input {
  min-width: 280px;
  padding: 15px 7px;
  border: 1px solid #adadad;
/*  color: #aaaaaa;*/
  border-radius: 0;
}
.form-area input {
  width: 350px;
}

/* ボタン */
.common-button {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;

  box-sizing:border-box;
  height:50px;
  width:122px;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
  background: linear-gradient(to bottom, #fefefe 0%,#f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0);
  border:#cccccc solid 1px;
  font-weight:bold;
}
.common-button.large {
  width:200px;
}
.common-button:hover {
  color:#999;
}
.common-button:active, 
.common-button:hover > span {
  opacity:0.7;
}


/* Loading */
#loading {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;

  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(0,0,0, 0.4);
  z-index:9999;
}
#loading-panel {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;

  width:214px;
  height:90px;
  background:#fff;
  font-size:17px;
  font-weight:bold;
  box-shadow:3px 3px 6px rgba(0,0,0, 0.16);
}
#loading-panel > img {
  width:66px;
}


/* Adapter List */
.adapter-list {
  padding-top:38px;
}
.adapter-title {
  padding-left:20px;
  padding-bottom:8px;
  font-size:16px;
  font-weight:bold;
  border-bottom:#cccccc solid 1px;
}
.adapter-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;

  padding-left:20px;
  height:85px;
  border-bottom:#cccccc solid 1px;
}
.adapter-id-wrapper {
  -webkit-flex-grow: 1;
  flex-grow:         1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;

}
.adapter-id {
  -webkit-flex-grow: 1;
  flex-grow:         1;

  font-size:14px;
  font-weight:bold;
}
.adapter-id.noregist {
  color:#888;
  font-weight:normal;
}
.adapter-info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;

	margin-left:1em;
  font-size:13px;
  font-weight:bold;
	line-height:1.1;
}
.adapter-id + .adapter-info {
	margin-left:0;
}
.adapter-info > img {
  width:20px;
  margin-right:4px;
}
.adapter-button {
  -webkit-flex-shrink: 0;
  flex-shrink:         0;

  width:80px !important;
  margin-left:10px;
}
.adapter-button.delete {
  color:#f00;
}
.adapter-button.delete:hover {
  color:#f99;
}


/* Login Form */
.login-form {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;

  margin-top:20px;
  padding:20px 0;
  border-top:#cccccc solid 1px;
}
.login-form .form-area {
  -webkit-flex-grow: 1;
  flex-grow:         1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;

  -webkit-flex-direction: column;
  flex-direction:         column;

  max-width:488px;
  width:100%;
}

.login-form .form-area input[type="text"], 
.login-form .form-area input[type="password"] {
  display:block;
  margin-bottom:20px;
}
.login-form .form-area form {
  width:100%;
/*   padding:30px 0 20px;*/
 padding:30px 0 0;
  border-right:#cccccc solid 1px;
}
#button-link {
  margin-top:100px;
}
#button-login {
  margin-bottom:5px;
}
#error-message {
	font-size:13px;
	line-height:20px;
}

.login-form .form-area.full {
  max-width:100%;
}
.login-form .form-area.full form {
  border-right:none;
}
.k_text{
	width:100%;
}
/*.login-form .form-area.full #error-message {
  margin:0;
}*/



/* スマホ用 */
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
/*  .common-button {
    width:106px;
  }
  .common-button.large {
    width:176px;
  }*/

/*	#globalfooter {
	  padding-bottom:75px;
	}*/
	#globalfooter-terms {
		padding-top: 10px;
	}

	#float-button {
	  height:65px;
	}

.section .img_bnr{
	text-align:center;
}

.section .img_bnr .lftimg,
.section .img_bnr .rgtimg{
	display:inline-block;
}

.section .img_bnr .lftimg img{
	max-width:110px;
	padding:8px 0px 10px 3px;
	vertical-align: middle;
}

.section .img_bnr .rgtimg{
	magin-top:20px;
	vertical-align: middle;
}

.bnr_app{
	width: 158px;
	height: 50px;
	margin-left:0px;
	overflow: hidden;
	display: inline-block;
}

.bnr_goo{
	width:180px;
	margin-left:0px;
}

  .adapter-list {
    padding-top:20px;
  }

  .adapter-title {
    padding-left:10px;
  }
  .adapter-item {
    padding-left:0;
    height:71px;
  }
/*	.adapter-info {
		margin-left:0;
	}*/
	.form-area input {
	  width: 280px;
	}

  .login-form {
    margin-top:0;
    border-top:none;
  }
  .login-form .form-area {

  }
  .login-form .form-area form {
    padding:0;
    border-right:none;
  }
  .login-form .form-area input[type="text"] {
    margin-bottom:10px;
  }
  #button-link {
    margin-top:20px;
  }


}