@charset "utf-8";

/***************　共通　***************/
.form_lead {
background-color : rgb(213, 213, 213);
padding: 12px 15px 12px 15px;
font-weight : bold;
}
.hissu {
color : white;
background-color : red;
padding: 1px 3px;
margin: 0 5px;
font-weight : bold;
}
.hr_white {
border: 1px solid white;
margin: 15px 5px;
clear : both;
}
/***************　text　***************/
/* 高さ調整 */
input[type="text"] {
height: 30px;
box-sizing: border-box;
}
/***************　select 　***************/
/* 矢印を消さず、背景白＋黒文字だけを適用 */
select {
background-color: #fff !important;
min-width: 95px;          /* 幅統一（柔軟＋半固定） */
box-sizing: border-box;   /* 内側計算を安定させる */
padding: 6px 28px 6px 6px; /* 右側は矢印分 */
-webkit-appearance: auto;  /* iPhone Safari */
-moz-appearance: auto;     /* Firefox */
border: 1px solid #ccc;
}
/***************　タイトル　***************/
.form_title {
font-size : 13px;
padding: 16px 20px 12px 20px;
margin-top : 25px;
margin-bottom : 4px;
color: white;
font-weight : bold;
background-color: rgb(85, 174, 255);
}
/***************　申込者情報　***************/
.form_bg-color {
	background-color : rgb(239, 239, 239);
padding: 1px 10px 10px 10px;
}
.to-jyo-sya {
	clear : both;
margin-top : 10px;
}
.to-jyo-sya div {
	margin-left : 20px;
}
.to-jyo-sya input {
	margin-bottom : 10px;
}
.sei {
	margin-left : 20px;
margin-right : 7px;
}
.mei {
	margin-left : 10px;
margin-right : 7px;
}
.name_width {
	width : 120px;
}
.phone_kind {
	margin-left : 3px;
}
.input_left {
margin: 0 10px 0 3px;
}
.input_right {
	margin-left : 3px;
}
.mail_tel {
	margin-left : 20px;
}
.katakana {
	margin-top : -5px;
color : red;
}
.bottom_space10 {
	margin-bottom : 10px;
}
.address {
	padding-bottom : 10px;
}
/***************　搭乗人数　***************/
.ninzu_space {
	margin-top : 20px;
}
.width_50 {
	width : 50px;
}
.youji {
	margin-top : 10px;
margin-left : 48px;
}
.caption-youji {
margin-bottom : 15px;
}
/*******　搭乗者欄の初期非表示制御　**********/
.passenger_block {
  margin-top: 10px;
}
.passenger_block[style*="none"] {
  display: none;
}
/***************　送信ボタン　***************/
.btn {
  margin-top: 20px;
}
/* 「送信内容を確認する」ボタン（submit） */
.btn input[type="submit"] {
  background-color: rgb(85, 174, 255);
  color: white;
  border: 1px solid black;
  padding: 8px 20px;
  cursor: pointer;
}
/* 「入力内容をリセット」ボタン（reset） */
.btn input[type="reset"] {
  background-color: rgb(213, 213, 213);
  color: black;
  border: 1px solid black;
  padding: 8px 20px;
  cursor: pointer;
}
/***************　placeholder　***************/
/* Webkit 半調が消えるタイミングをIEに合わせる*/
:focus::-webkit-input-placeholder {
color: transparent;
}
/* Firefox 18 以前 */
:focus:-moz-placeholder {
	color: transparent;
}
/* Firefox 19 以降 */
:focus::-moz-placeholder {
color: transparent;
}

/* Webkit 半調の色を統一*/
::-webkit-input-placeholder {
color : rgba(255, 0, 0, 0.6);
opacity: 1;
}
/* Firefox 18 以前 */
:-moz-placeholder {
	color : rgba(255, 0, 0, 0.6);
}
/* Firefox 19 以降 */
::-moz-placeholder {
color : rgba(255, 0, 0, 0.6);

/* Firefox 19 以降のデフォルトでは */
/* color ではなく opacity で色合いを調整しているため */
/* 文字色を指定する場合、opacity を 1 にする必要がある */
opacity: 1;
}
/* IE 10 以降 */
:-ms-input-placeholder {
	color : rgba(255, 0, 0, 0.6);
}
/***************　ラジオボタンのサイズ　***************/
input[type="radio"] {
transform: scale(1.5);
vertical-align: middle;
margin-right : 5px;
}
/*==========================================================================
●●●tablet.css 画面の横幅が768pxまで●●●
===========================================================================*/
@media screen and (max-width: 768px) {
/***************　text　***************/
/* 高さ調整 */
input[type="text"] {
height: 35px;
box-sizing: border-box;
}
/***************　select 　***************/
/* select 共通色指定 */
select {
-webkit-appearance: none; /* iOS / Safari / Chrome */
-moz-appearance: none;    /* Firefox */
appearance: none;
color: #000000;
border-radius: 4px;
font-size: 14px;          /* iOSの自動拡大防止 */
background-image:   /* selectの▼矢印を残す */
linear-gradient(45deg, transparent 50%, #333 50%),
linear-gradient(135deg, #333 50%, transparent 50%);
background-position:
calc(100% - 18px) 50%,
calc(100% - 12px) 50%;
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
}
/***************　申込者情報　***************/
.name_width {
	width : 110px;
}
/***************　送信ボタン　***************/
  .btn input[type="submit"],
  .btn input[type="reset"] {
    font-size: 18px;
  }
/***************　囲み　***************/
}
/*==========================================================================
●●●smart.css  画面の横幅が570pxまで●●●
===========================================================================*/
@media screen and (max-width:570px) {
/***************　申込者情報　***************/
.form_bg-color {
padding-left : 3%;
padding-right : 3%;
margin-left : -3%;
margin-right : -3%;
}
.name_width {
	width : 90px;
}
/***************　送信ボタン　***************/
/* 「送信内容を確認する」ボタン（submit） */
.btn input[type="submit"],
.btn input[type="reset"] {
padding: 15px 20px;
}
/***************　囲み　***************/
}