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

/*-----------------column settings-----------------*/

body.html{
	height:100%;
}
.footerInner{
	max-width: 640px;
	margin: 0 auto;
}
section{
    margin: 0 auto;
    max-width: 640px;
}
#header{
    z-index: 1010;
    border-bottom:1px solid #d8d7dd;
    width: 100%;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
}
.padding{
	padding:0 10px;
	margin: 0 10px;
	font-size: 13px;
}
.paddingSide{
	padding:10px;
}
table.w_border td{
	border-bottom: #eee 1px solid;
}
td p {
    margin-bottom: 0;
}
.w_border h2 {
    margin-top: 0;
    margin-bottom: 5px;
}

/*----------------- ヘッダ -----------------*/
.headerInner{
	max-width: 640px;
	margin: 0 auto;
}
#header_upper{}
#header_upper p{
	padding:0;
	margin:0;
}
#header_upper p a{
	display:block;
	padding: 16px 0;
}
#header_upper p img{
	display:block;
}
.headerBox{
    display:table;
	text-align:center;
	width:100%;
	margin:0;
}
.headerBox .slidermenuleft{
	display:table-cell;
	width:24px;
	padding:13px;
}
.sb-active .slidermenuleft img {
	display:none !important;
}
.sb-active .slidermenuleft {
	background:url(../images/header/upper_close.png) no-repeat left center;
	background-size:24px;
	background-position:13px;
}
.headerBox .logo{
	display:table-cell;
	vertical-align:middle;
}
.headerBox .logo a{
	display:block;
	max-width:200px;
	margin:0 auto;
}
.headerBox .logo img{
	vertical-align: bottom;
}
.headerBox .slidermenuright{
	display:table-cell;
	width:24px;
	padding:13px;
}

/*------------------- 分割されたヘッダ -----------------*/
.sep h1,
.sep p.headerlike{
	background:none;
	padding:10px;
	color:#359390;
	border:none;
	text-align:left;
	display:table-cell;
	margin:0;
	vertical-align:top;
	font-size:1.4em;
}

/*------------------- テキストアイコン -----------------*/

ul.text_icon{}
ul.text_icon li{
	background:#91939E;
	font-size:0.7em;
	font-weight:bold;
	padding:0.3em;
	text-align:center;
	line-height:100%;
	color:#FFFFFF;
	border-radius:3px;
}
ul.text_icon.vertical li{
	margin-bottom:5px;
}

/*アイコンカラー*/
.text_icon .canceled { background-color:#ff6366; }/*キャンセル済*/
.text_icon .monthly { background-color:#D88B7A; }/*月極OK*/
.text_icon .appear { background-color:#00b893; }/*掲載中*/
.text_icon .saving { background-color:#f0f0f2; color:#d8d7dd; }/*一時保存中*/
.text_icon .checking { background-color:#30b1c6; }/*審査中*/
.text_icon .no_date { background-color:#f0f0f2; color:#d8d7dd; }/*日時未設定*/
.text_icon .stop { background-color:#f0f0f2; color:#d8d7dd; }/*掲載停止中*/
.text_icon .reserved { background-color:#00b893; }/*予約済*/
.text_icon .notCalendar { background-color:#ff6366; }/*貸出予定未設定*/
.text_icon .notPhoto { background-color:#ff6366; }/*写真未設定*/

/*幅調整*/
.text_icon .canceled{ width:70px; }

.text_rabel_pink {
    font-size:10px;
	line-height:1;
	font-weight:900;
	color:#fff;
	background:#ff6366;
	padding:3px 5px;
	border-radius:3px;
	display:inline-block;
	margin:0;
	vertical-align:top;
}


/*------------------- 駐車場　基本情報 -----------------*/

/* 駐車場詳細その他の情報 */
.parkinginfo >tbody >tr> td{
	padding:20px;
	vertical-align:top;
}
.parkinginfo >tbody >tr> td.tag{
	padding-right:0;
}
.parkinginfo.basic tr td:first-child{
	white-space:nowrap;
}
.parkinginfo >tbody >tr> td.data{
	font-size:12px;
	vertical-align:middle;
}
.parkinginfo >tbody >tr> td.data .block:not(:last-child){
    margin-bottom:15px;
}
table.parkinginfo p{
	font-size: 13px;
}
table.parkinginfo{
	width:100%;
}
table.parkinginfo>tbody>tr>td{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.parkinginfo >tbody >tr> td.tag,
.parkinginfo >tbody >tr> td p.tag{
	color:#359390;
	vertical-align: middle;
	white-space: nowrap;
}
.parkinginfo >tbody >tr> td.tag{
	text-align: center;
	border-right: 1px solid #EEE;
	padding: 10px;
	font-size:18px;
	min-width:50px;
}
.parkinginfo >tbody >tr> td.textTag {
	padding:15px 5px;
}
.parkinginfo >tbody >tr> td.textTag p{
	text-align: center;
	padding: 5px;
	margin:0;
	vertical-align:middle;
}
@media screen and (max-width:370px) {
	.parkinginfo >tbody >tr> td.textTag {
		width:90px;
	}
}
@media screen and (min-width:640px) {
	.parkinginfo tbody tr {
		border-left:1px solid #eee;
		border-right:1px solid #eee;
	}
}

/*------------------- 価格や距離の表示 -----------------*/

.exp_large .title{
	font-size:80%;
	margin-left:0.1em;
}
.exp_large .value{
	font-size:20px;
	font-weight:bold;
	margin-left:0.1em;
}
.exp_large .unit{
	font-weight:bold;
	margin-left:0.1em;
}
.distance .value{
	color:#359390;
	font-size: 20px;
}
.price .value{color:#ff827d;}

/*------------------- 駐車場単体マップ -----------------*/

.parking_map{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.parking_map p.main_img{
	margin:0;
}

ul.parking_address{
	padding:10px 0;
}
ul.parking_address li.address{
}
ul.parking_address li.button{
	padding-right:10px;
	width:7em;
}
ul.parking_address li.button a{
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	font-size:0.9em;
	display:block;
	padding:0.5em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#DF6285;
}

/*------------------- 入力フォーム -----------------*/

/*common*/
form.inputform p{
	margin-top:0.4em;
	margin-bottom:0.4em;
}
form.inputform h2{
	margin-top:0.3em;
	margin-bottom:0.8em;
}
form.inputform ul{
	margin-bottom:1em;
}
form.inputform table p.button a,
p.button.small a{
	font-size:0.9em;
	padding:0.7em 0.3em;
}
form.inputform table p.button{
	white-space:nowrap;
}
form.inputform table.w_border td{
	padding:10px;
}

.inputform label.title,
td.title {
    color: #359390;
}



/*------------------- 確認画面データ表示 -----------------*/

form.confirm{}
table.confirm{}
table.small {
 	font-size:0.9em;
}
form#reservation_confirm{}
form#register_parking_confirm{}
.confirm{}
.noborder{}
table.parkinginfo.confirm>tbody>tr.noborder>td{
	border-bottom:none;
	padding-bottom:0;
}
table.parkinginfo.confirm{
	border-bottom: #D3D4D8 1px solid;
}
.confirm h2{
	font-size:1.1em;
}
.confirm .images p{
	margin:0;
}
.confirm .images img{
	margin:0 10px 10px 0;
}
form.confirm ul{
	margin-bottom:0.3em;
}
form.confirm li{
	margin-bottom:0;
}

/*
汎用リスト
*/
/* タイトル部分 */
.listTitle {
	font-size:16px;
	line-height:16px;
	background:#f0f0f2;
	margin:0;
	padding: 16px;
	color:#565c59;
}
/* <a>のスタイルクリア */
.listStyle a {
	text-decoration:none;
}
/* リストのスタイル */
.list {
	margin:0;
	border-top: 1px solid #d8d7dd;
}
.borderNone{
	border: none !important;
}
/* リストの項目部分 */
.listContentsTitle {
	border-bottom:1px solid #d8d7dd;
	background:url(../images/common_styles/linearrow_right_gray_for-bandlist.png) no-repeat right;
	background-size: 32px auto;
	-webkit-transition: background-color 0.1s linear 0;
	-moz-transition: background-color 0.1s linear 0;
	-o-transition: background-color 0.1s linear 0;
	-ms-transition:background-color 0.1s linear 0;
	transition:background-color 0.1s linear 0;
	font-size: 13px;
}
.listContentsTitle a{
	font-size:16px;
	line-height:16px;
	padding:16px 24px 16px 16px;
	display: block;
	color: #383850;
	text-decoration: none;
}
.listContentsTitle:hover {
	background:#fafafa url(../images/common_styles/linearrow_right_gray_for-bandlist.png) no-repeat right;
	background-size: 32px auto;
}
.listContentsBody {
	padding:16px;
    margin:0;
    background:#f5f5f5;
    border-bottom:1px solid #dee0df;
    font-size:12px;
	line-height:18px;
}
.listContentsBox {
	margin:0;
}
.listContentsBox dt {
	padding:16px 16px 0 16px;
	font-size:16px;
	line-height:24px;
	font-weight:900;
}
.listContentsBox dd {
	margin:0;
	padding:16px;
	border-bottom:1px solid #dee0df;
	font-size:12px;
	line-height:18px;
}
/* ガイドとよくある質問「上記で解決しない場合」の部分 */
.listSkipSection {
	font-size:16px;
	line-height:16px;
	margin:0;
	padding:32px 16px 16px 16px;
	color:#565c59;
}
/* ガイドとよくある質問タイトル下のキャプション部分 */
.helpCaption {
	margin:0;
	padding:16px;
	font-size:12px;
	line-height:18px;
}

/*
汎用写真付き駐車場リスト
*/
.parkingCard {
	width:100%;
	padding:16px 0;
	border-bottom:1px solid #dee0df;
	background:url(../images/common_styles/linearrow_right_gray_for-bandlist.png) no-repeat right;
	background-size: 22px auto;
	min-height:80px;
}
.parkingCardTitle {
    padding:0 15px;
    margin-bottom:10px;
}
.parkingCardTitle h2 {
    color:#565c59;
}
.parkingCardImg {
	float:left;
	margin-left:16px;
}
.parkingCardImg img {
	display:block;
	width:80px;
}
.parkingCardText {
	margin-left:112px;
	width:65%;	
}
.parkingCardText h2,
.parkingCardText p {
	margin:0;
	color:#565c59;
	line-height:1.2;
}
.parkingCardText h2 {
	margin-bottom:8px;
	font-size:13px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 評価 */
.parkingCardReview {
    margin-top:5px;
}
/* 営業時間 */
.parkingCardTime {
    display:table;
    margin-top:5px;
}
.parkingCardTimeLabel {
    display:table-cell;
    width:18px;
    vertical-align:top;
}
.parkingCardTimeContents {
    display:table-cell;
}
/* 駐車料金 */
.parkingCardPrice {
    display:table;
    margin-top:5px;
}
.parkingCardPriceLabel {
    display:table-cell;
    width:18px;
    vertical-align:top;
}
.parkingCardReviewContents {
}
/* 住所 */
.parkingCardAddress {
    display:table;
    margin-top:5px;
    width:100%;
}
.parkingCardAddressLabel {
    display:table-cell;
    width:18px;
    vertical-align:top;
    padding-left:2px;
}
.parkingCardAddressContents {
    display:table-cell;
}
@media screen and (max-width:350px) {
    .parkingCardText {
        width:58%;
    }
}
@media screen and (min-width:400px) {
    .parkingCardText { width:65%; }
}
@media screen and (min-width:540px) {
	.parkingCard { min-height:120px; }
	.parkingCardImg img { width:120px; }
	.parkingCardText { margin-left:152px; width:55%; }
}
/* owner/parkinglist用ステータスラベルのスタイル */
.parkingCardText .exp_icon {
	margin:8px 0 0 0;
	max-width:90px;
}
/* driver/reservationlist用本日予約ラベルのスタイル */
.reserveActive {
	width:80px;
	margin-top:-8px;
    position:absolute;
    z-index:2;
}
/* driver/searchparking_list用ラベル周りのスタイル */
.parkingCardText .rabelB,
.parkingCardText .rabelG,
.parkingCardText .rabelO,
.parkingCardText .rabelP {
	padding:0 10px;
	border-radius:1px;
	display:inline-block;
	font-size:10px;
}
.parkingCardText .rabelB {
	border:1px solid #55c1ff;
	color:#55c1ff;
}
.parkingCardText .rabelG {
	border:1px solid #61ccc9;
	color:#61ccc9;	
}
.parkingCardText .rabelO {
	border:1px solid #f0b513;
	color:#f0b513;	
}
.parkingCardText .rabelP {
	border:1px solid #ff827d;
	color:#ff827d;
}

/*
汎用アコーディオン
*/
dl.accordion dt {
	text-align:left;
	background: transparent url("../images/dropdownmenu/accordion_under_green.png") no-repeat scroll 97% center / 24px auto;
	cursor:pointer;
	font-size:16px;
	line-height:16px;
	padding:16px 32px 16px 16px;
}
dl.accordion dt:hover {
	background:#fafafa url("../images/dropdownmenu/accordion_under_green.png") no-repeat scroll 97% center / 24px auto;
}
dl.accordion dt.open {
	background: transparent url("../images/dropdownmenu/accordion_upper_green.png") no-repeat scroll 97% center / 24px auto;
}
dl.accordion dd {
	padding:16px;
	margin:0;
	font-size:12px;
	line-height:18px;
	display:none;
}
/* 汎用アコーディオンを設置したことで崩れた部分をリカバリー */
.cartype_info .accordion dt,
.reserveBoxCap .accordion dt {
	padding:0;
	background:rgba(0,0,0,0);
}
.cartype_info .accordion dt:hover,
.reserveBoxCap .accordion dt:hover {
	background:rgba(0,0,0,0);
}
.cartype_info .accordion dt.open,
.reserveBoxCap .accordion dt.open {
	background:rgba(0,0,0,0);
}
.cartype_info .accordion dd,
.reserveBoxCap .accordion dd {
	background:rgba(0,0,0,0);
}
/* 格納したgooglemapの表示・非表示スタイル */
.googlemap .hidden {
	display:block;
	height:0;
	padding:0;
	overflow:hidden;
	border:none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.googlemap .visible {
	height:auto;
	display:block;
	padding:0;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.googlemap .visible .address {
	margin-top:0;
	margin-bottom:20px;
}
.googlemap .visible .gotomapordl {
	display:none;
}
.googlemap .visible .gotomapordl .moremapbtn {
	width:100%
}

/*
汎用タブ
*/
/* セクションが2つの場合 */
.tab2col {
  background: #f0f0f2;
  border-bottom: 4px solid #30b1c6;
  margin:0;
  display:table;
  width:100%;
}
.tab2col li {
  display:table-cell;
  text-align:center;
  font-size:16px;
  line-height:16px;
  padding:15px 0;
  color:#383850;
  width:50%;
  cursor: pointer;
  background:#f0ff2;
  border-radius:3px 3px 0 0;
  transition:.2s;
  vertical-align: middle;
}
.tab2col li:hover {
  background:#d6d8d7;
}
.tab2col li.current {
  color: #fff;
  font-weight:900;
  background:#30b1c6;
}
/* セクションが3つの場合 */
.tab3col {
  background: #f0f0f2;
  border-bottom: 4px solid #30b1c6;
  margin:0;
  display:table;
  width:100%;
}
.tab3col li {
  border-radius:4px 4px 0 0;
  display:table-cell;
  text-align:center;
  font-size:16px;
  line-height:16px;
  transition:.2s;
  padding:15px 0;
  vertical-align: middle;
  width:33%;
  cursor: pointer;
}
.tab3col li:hover {
  background:#d6d8d7;
}
.tab3col li a {
  color: #30b1c6;
  display: block;
  padding:16px 0;
}
.tab3col li.current {
  background: #30b1c6;
  color: #fff;
  font-weight:900;
}
.tab3col li.current a {
  color: #fff;
}

/*
汎用駐車場情報欄
*/
.parkingDetailTable {
	width:auto;
	padding:15px;
	display:block;
	word-break:break-all;
}
.parkingDetailTable td {
	vertical-align:top;
}
.parkingDetailTable .address-note {
	font-size: 12px;
	margin-top: 8px;
}
.parkingDetailRabel {
	width:100px;
}
/* 駐車場ステータス */
.parking_status_items {
    display:inline-block;
    width:145px;
    vertical-align:middle;
}
.parking_status_items img {
    float:left;
    width:35px;
    display:block;
    margin-right:5px;
}
.parking_status_items p {
    font-size:13px;
    line-height:13px;
    padding:11px 0;
}
@media screen and (max-width:450px) {
    .parking_status_items {
        width:45%;
    }
}
@media screen and (max-width:350px) {
    .parking_status_items {
        width:140px;
    }
}
/* 駐車場サイズ */
.parking_size_item {
    display:inline-block;
    width:120px;
    vertical-align:middle;
}
.parking_size_item .icon_box {
    float:left;
    width:44px;
    display:block;
    text-align:center;
}
.parking_size_item .icon_box img {
    width:35px;
    display:block;
    margin:0 auto;
}
.parking_size_item .icon_box p {
    font-size:10px;
}
.parking_size_item .rabel_box {
    font-size:13px;
    line-height:13px;
    padding:11px 0;
}

/*
汎用入力フォーム
*/
.inputSection tr{
}
.inputSection td {
	width:50%;
}
.inputTitle{
	text-align:left;
	margin:0 10px 0 0;
    font-size: 16px;
    line-height:1;
    float:left;
}
.requiredRabel {
	font-size:10px;
	line-height:1;
	font-weight:900;
	color:#fff;
	background:#ff827d;
	padding:3px 5px;
	border-radius:3px;
	display:inline-block;
	margin:0;
	float:left;
}
.inputSection td select,
.inputSection td input {
	width: 100%;
}
.disable {
	background:#f5f5f5;
}
/* 時間貸し関連入力フォームのカレンダーセレクターのトリガー部分 */
.start_date_trigger,
.end_date_trigger {
    font-size:13px;
    line-height:16px;
    padding:16px 10px;
    border:1px solid #dee0df;
    margin:0;
    background:url(/images/icons/ic_calendar.png) no-repeat center left;
    background-size:28px;
    background-position:95%;
}

/*
汎用カレンダーピッカー
*/
.start_date_picker.dialog,
.end_date_picker.dialog {
    top:20%;
}
.calendar_picker table,
.calendar_picker_second table {
    width:100%;
    text-align:center;
    border-top:1px solid #d8d7dd;
    border-left:1px solid #d8d7dd;
}
.calendar_picker tr,
.calendar_picker_second tr {
    border-bottom:1px solid #d8d7dd;
}
.calendar_picker td,
.calendar_picker_second td {
    width:14%;
    border-right:1px solid #d8d7dd;
    cursor: pointer;
}
/* デフォルトセル */
.calendar_picker td p,
.calendar_picker_second td p {
    margin:0 !important;
    padding:10px 0;
    height:20px;
}
/* 月が入って2行になるセル */
.calendar_picker td p.with_month,
.calendar_picker_second td p.width_month_second {
    padding:10px 0;
    height:40px;
}
/* 土曜日 */
.calendar_picker_saturday,
.calendar_picker_second_saturday {
    color:#1836ed !important;
}
/* 日曜日 */
.calendar_picker_sunday,
.calendar_picker_second_sunday {
    color:#ed3118 !important;
}
/* 予約可能期間外 */
.calendar_picker td.calendar_picker_blank,
.calendar_picker_second td.calendar_picker_second_blank {
    background:#f0f0f2 !important;
    border-right:1px solid #d8d7dd;
    color: #d8d7dd;
}
/* 予約不可日 */
.calendar_picker_disabled,
.calendar_picker_second_disabled {
    background:#fff url(../images/icons/ic_schedule_full.png) no-repeat center center !important;
    background-size:40px !important;
}
/* 予約可能期間外の予約不可日はbackgroudを上書きする */
.calendar_picker_blank .calendar_picker_disabled,
.calendar_picker_second_blank .calendar_picker_second_disabled {
    background:#f0f0f2 !important;
    color: #d8d7dd;
}
/* 選択日 */
.calendar_picker_checked,
.calendar_picker_second_checked {
    background:#30b1c6 !important;
    color:#fff !important;
}
@media screen and (min-width:500px) {
    .calendar_picker td p,
    .calendar_picker_second td p {
        padding:20px 0;
    }
    .calendar_picker td p.with_month,
    .calendar_picker_second td p.with_month_second {
        padding:10px 0;
    }
}

/*
汎用ローダー
*/
#loader {
	position:fixed;
	background:rgba(255,255,255,0.8);
	width:100%;
	height:100%;
	z-index:9999;
	top:0;
	left:0;
}
#loader img {
	display:block;
	position:fixed;
	left:50%;
	top:50%;
	margin:-24px 0 0 -24px;
}

/*
汎用ダイアログ
*/
.dialogBg {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:0.7;
	z-index:101;
}
.dialog {
	width:300px;
	background:#fff;
	border-radius:3px;
	position:fixed;
	top:30%;
	left:50%;
	margin-left:-150px;
	z-index:102;
	overflow:hidden;
}
.dialogClose {
    cursor: pointer;
    float:right;
    width:32px;
    height:32px;
    display:block;
    margin-top:-8px;
}
@media screen and (min-width:500px) {
    .dialog {
        width:400px;
        margin-left:-200px;
    }
}

/*
汎用スクローラブルダイアログ
*/
.scrollableDialogBg {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	opacity:0.8;
	z-index:101;
}
.scrollableDialog {
	width:90%;
	height:80%;
	background:#fff;
	border-radius:3px;
	position:fixed;
	top:10%;
	left:5%;
	z-index:102;
	overflow:hidden;
}
.scrollableDialogHeader {
    border-bottom:1px solid #dee0df;
    top:0;
    position:absolute;
    width:100%;
}
.scrollableDialogContents {
    background:#fff;
    overflow-y:scroll;
    position:absolute;
    width:100%;
    top:47px;
    bottom:54px;
}
.scrollableDialogFooter {
    border-top:1px solid #dee0df;
    bottom:0;
    position:absolute;
    width:100%;
}
.scrollableDialogClose {
    background:url(/../images/icons/ic_close_gray.png);
    background-size:32px;
    cursor: pointer;
    display:block;
    float:right;
    height:32px;
    position:absolute;
    right:7px;
    top:7px;
    width:32px;
}
@media screen and (min-width:500px) {
    .scrollableDialog {
        width:460px;
        margin-left:-230px;
        top:15%;
        left:50%;
        height:70%;
        max-height:500px;
    }
}
@media screen and(max-width:350px) {
    .scrollableDialog {
        height:90%;
        top:5%;
    }
}

.counterBalloon {
	position: relative;
	display: inline-block;
	padding: 0 8px;
	width: auto;
	min-width: 34px;
	line-height: 34px;
	color: #19283C;
	text-align: center;
	background: #fff;
	border: 1px solid #dee0df;
	border-radius:3px;
	z-index: 0;
}
.counterBalloon:before {
	content: "";
	position: absolute;
	top: 50%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.counterBalloon:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #dee0df transparent transparent;
	z-index: -1;
}

/*
汎用レスポンシブ3セクション
*/
.col3_box {
    display:table;
    padding:0 15px 15px;
}
.col3_img {
    display:table-cell;
    vertical-align:top;
}
.col3_text {
    display:table-cell;
    vertical-align:middle;
    padding-left:15px;
}
@media screen and (min-width:500px) {
    .col3_box {
        width:33%;
        float:left;
        display:block;
        padding:0;
    }
    .col3_img {
        display:block;
    }
    .col3_img img {
        display:block;
        margin:0 auto;
    }
    .col3_text {
        display:block;
        padding:15px;
        text-align:center;
    }
}


/*----------------- ボタン各種 -----------------*/
.required {
	display:none;
}
.requiredtext {
	background: #ff827d;
	color: #fff;
	font-size: 10px;
	padding: 5px;
	margin-left: 10px;
	font-weight:900;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.importantBtn {
	padding:5px 10px;
	background:#ff827d;
	color:#fff;
	text-decoration:none;
	font-weight:900;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
a.importantBtn {
	padding:5px 10px;
	background:#ff827d;
	color:#fff;
	text-decoration:none;
	font-weight:900;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	transition: 1s;
	-webkit-transition: 1s;
    -moz-transition: 1s;
}
a.importantBtn:hover {
	opacity:0.8;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
}

/*----------------- フォーム入力ミス等の警告のスタイル(予約ページ/会員登録ページ/ログインページ/ログイン・登録ページ) -----------------*/
table.out td {
	border:1px solid #ff827d !important;
	background-color:#ffdad9 !important;
}
.registAndLoginCautionEmail,
.registAndLoginCautionEmailorPassword,
.registAndLoginCautionEmailAlready,
.registAndLoginCautionPassword,
.reserveBoxCautionCalendar,
.reserveBoxCautionCartype,
.reserveBoxCautionPhoneNumber,
.reserveBoxCautionEmail,
.reserveBoxCautionCarNumber {
	display:none;
}
input.out,
select.out {
	border:1px solid #ff827d !important;
	background:#ffdad9 !important;
}
.modalLoginFailed,
.modalLoginEmail,
.modalLoginPassword,
.modalSignupFailed,
.modalSignupEmail,
.modalSignupPassword {
	font-size:10px;
	color:#ff827d;
	font-weight:900;
	margin-bottom:5px;
}


/*
footer
*/
#footer{
	padding:15px 0;
}
p#copyright{
	text-align:center;
	font-size:70%;
	padding:5px;
	color: #b6b6b6;
}



/*
SPOTサジェスト forPC
*/
.spot_container_pc {
    margin:15px auto 0;
    width:700px;
}
.spot_container_pc td {
    padding:10px;
}
.spot_container_pc h4 {
    padding:0 10px;
}
.spot_container h4 a {
    float:right;
    font-size:14px;
    font-weight:400;
    margin-top:3px;
}
.spot_container_pc td a {
	display: table-cell;
	height:120px;
	margin:10px;
	text-decoration:none;
	transition:.2s;
	vertical-align:middle;
	width:120px;
}
.spot_container_pc td a:hover {
    opacity:0.8;
}
.spot_container_pc td a span {
    background:rgba(42,47,45,0.6);
	color:#fff;
	display:block;
	font-size:18px;
	font-weight:900;
	padding:15px 0;
	text-align:center;
	text-shadow: 1px 1px 3px #000;
	vertical-align:middle;
}
@media screen and (min-width:1300px) {
    .spot_container_pc {
        width:800px;
    }
    .spot_container_pc td a {
        height:140px;
        width:140px;
    }
}

/*
SPOTサジェスト forSP
*/
.spot_container_sp {
	margin:10px auto;
	width:640px;
}
.spot_suggest_box {
	width:320px;
	float:left;
}
.spot_suggest_box a{
	width:140px;
	height:140px;
	display:table;
	float:left;
	margin:10px;
	text-decoration:none;
}
.spot_suggest_box a span{
	display:table-cell;
	height:100px;
	vertical-align:middle;
	color:#fff;
	font-size:21px;
	font-weight:900;
	text-align:center;
	text-shadow: 1px 1px 3px #000;
}
.spot_suggest_box a span.overlay {
    padding:15px 0;
    background:rgba(42,47,45,0.6);
    width: 100%;
    display: block;
    height: auto;
}
.indexSpot p {
	font-size:16px;
	margin:0;
}
@media screen and (max-width:640px) {
	.spot_container_sp {
		margin:10px auto;
		width:560px;
	}
	.spot_suggest_box {
		width:280px;
		margin:0;
		float:left;
	}
	.spot_suggest_box a{
		width:120px;
		height:120px;
	}
	.spot_suggest_box a span{
		font-size:18px;
	}
}
@media screen and (max-width:580px) {
	.spot_container_sp {
		width:480px;
	}
	.spot_suggest_box {
		width:480px;
		margin:0 auto;
	}
	.spot_suggest_box a{
		width:220px;
		height:180px;
		display:table;
		float:left;
		margin:10px;
		text-decoration:none;
	}
	.spot_suggest_box a span{
		font-size:24px;
	}
}
@media screen and (max-width:500px) {
	.spot_container_sp {
		width:440px;
	}
	.spot_suggest_box a{
		width:200px;
		height:165px;
	}
	.spot_suggest_box a span{
		font-size:24px;
	}
}
@media screen and (max-width:450px) {
	.spot_container_sp {
		width:380px;
	}
	.spot_suggest_box a{
		width:170px;
		height:140px;
	}
	.spot_suggest_box a span{
		font-size:21px;
	}
}
@media screen and (max-width:400px) {
	.spot_container_sp {
		width:340px;
	}
	.spot_suggest_box a{
		width:150px;
		height:125px;
	}
}
@media screen and (max-width:350px) {
	.spot_container_sp {
		width:300px;
	}
	.spot_suggest_box a{
		width:130px;
		height:110px;
	}
}

/*
SPOT画像
*/
/* 関東 */
.yoyogiarena {
	background:url(/images/spot/yoyogiarena.png) no-repeat center center;
	background-size:cover;
}
.ajinomotostadium {
	background:url(/images/spot/ajinomotostadium.png) no-repeat center center;
	background-size:cover;
}
.roppongi {
	background:url(/images/spot/roppongi.png) no-repeat center center;
	background-size:cover;
}
.sibuya {
	background:url(/images/spot/sibuya.png) no-repeat center center;
	background-size:cover;
}
.saitamaarena {
	background:url(/images/spot/saitamaarena.png) no-repeat center center;
	background-size:cover;
}
.saitamastadium {
	background:url(/images/spot/saitamastadium.png) no-repeat center center;
	background-size:cover;
}
.nissanstadium {
	background:url(/images/spot/nissanstadium.png) no-repeat center center;
	background-size:cover;
}
.tokyodome {
	background:url(/images/spot/tokyodome.png) no-repeat center center;
	background-size:cover;
}
.tokyoskytree {
	background:url(/images/spot/tokyoskytree.png) no-repeat center center;
	background-size:cover;
}
.hanedaairport {
	background:url(/images/spot/hanedaairport.png) no-repeat center center;
	background-size:cover;
}
.tokyodisneyresort {
	background:url(/images/spot/tokyodisneyresort.png) no-repeat center center;
	background-size:cover;
}
.seibudome {
	background:url(/images/spot/seibudome.png) no-repeat center center;
	background-size:cover;
}
.ginza {
	background:url(/images/spot/ginza.png) no-repeat center center;
	background-size:cover;
}

/* 近畿 */
.kyoceradome {
	background:url(/images/spot/kyoceradome.png) no-repeat center center;
	background-size:cover;
}
.nagaistadium {
	background:url(/images/spot/nagaistadium.png) no-repeat center center;
	background-size:cover;
}
.koshien {
	background:url(/images/spot/koshien.png) no-repeat center center;
	background-size:cover;
}
.osakajohall {
	background:url(/images/spot/osakajohall.png) no-repeat center bottom;
	background-size:cover;
}
.itamiairport {
	background:url(/images/spot/itamiairport.png) no-repeat center center;
	background-size:cover;
}
.arashiyama {
	background:url(/images/spot/arashiyama.png) no-repeat center center;
	background-size:cover;
}
.namba {
	background:url(/images/spot/namba.png) no-repeat center center;
	background-size:cover;
}
.nijojo {
	background:url(/images/spot/nijojo.png) no-repeat center center;
	background-size:cover;
}
.shinsaibashi {
	background:url(/images/spot/shinsaibashi.png) no-repeat center center;
	background-size:cover;
}
.kobeluminarie {
	background:url(/images/spot/kobeluminarie.png) no-repeat center center;
	background-size:cover;
}
.osakaeki {
	background:url(/images/spot/umeda.png) no-repeat center center;
	background-size:cover;
}
.nagaipark {
	background:url(/images/spot/nagaistadium.png) no-repeat center center;
	background-size:cover;
}
.umeda {
	background:url(/images/spot/umeda.png) no-repeat center center;
	background-size:cover;
}
.osakamunicipalcentralgymnasium {
	background:url(/images/spot/osakamunicipalcentralgymnasium.png) no-repeat center center;
	background-size:cover;
}
.expocity {
	background:url(/images/spot/expocity.png) no-repeat center center;
	background-size:cover;
}
/* その他 */
.nagoyadome {
	background:url(/images/spot/nagoyadome.png) no-repeat center center;
	background-size:cover;
}
.sapporodome {
	background:url(/images/spot/sapporodome.png) no-repeat center top;
	background-size:cover;
}
.kobostadium {
	background:url(/images/spot/kobostadium.png) no-repeat center center;
	background-size:cover;
}
.mazdastadium {
	background:url(/images/spot/mazdastadium.png) no-repeat center center;
	background-size:cover;
}
.yahoodome {
	background:url(/images/spot/yahoodome.png) no-repeat center center;
	background-size:cover;
}
.nihongaishihall {
	background:url(/images/spot/nihongaishihall.png) no-repeat center center;
	background-size:cover;
}
.uenogakuenhall {
	background:url(/images/spot/uenogakuenhall.png) no-repeat center center;
	background-size:cover;
}
.xebioarenasendai {
	background:url(/images/spot/xebioarenasendai.png) no-repeat center center;
	background-size:cover;
}
.otsukistation {
	background:url(/images/spot/otsukistation.png) no-repeat center center;
	background-size:cover;
}