@charset "utf-8";
/* ----------------------------------------------------------------------------
*DESIGN2_ORANGE
*01-BASE/共通
    01-body
	02-globalStyles
	03-link
	04-buttons
	05-forms
	06-table
    07-list
    08-content
	09-box
    10-footer
	11-header
	12-Navigation
	13-title
	
*02-TOP/トップページ
    //A-共通スタイルをトップページのみスタイル変更したい場合　id="index"　を親にして変更する//
    ----------------------------------------------------
    A-01-content
	A-02-footer
	A-03-header
	A-04-Navigation
    ----------------------------------------------------
    //B-TOP PAGE専用スタイル
    B-01-content
    B-02-box
	B-03-title
	B-04-info//お知らせ
	B-05-listLink//リンク設定
	B-06-login//ログイン
	----------------------------------------------------

*03-FREE/トップページ用自由項目
	01-title
	02-other//管理画面データ入力時に使用スタイル

*04-MYPAGE/マイページ
	01-buttons
	02-box
	03-title
	04-info//お知らせ
	05-listLink//リンク設定


*05-CONTACT/お問い合わせ

*06-JQUERY CUSTOM/jquery ui使用箇所にカスタマイズスタイルをあてる


*07-OTHER/システムで使用されているその他のページ

*08-REG/登録ページ
	01-buttons
	02-forms
	03-table
	04-content
    05-box
*
*09-支払い
    01-支払い選択画面
	02-銀行決済画面
	03-クレジット決済画面

*10-FREE SPACE
    //上記に用意していないスタイルを記述
    //任意のスタイルを追加してください --author nameをクラス名に使うなど差別化のおすすめ
*---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
*
*01-BASE
*
*---------------------------------------------------------------------------- */
/* ==========================================================================
01-01
========================================================================== */
body {
	color: #444;
	background: linear-gradient(-175deg, rgba(255,81,47,.8), rgba(221,36,118, .5)) fixed;
	background-color: #fff
}

/* ==========================================================================
01-02
========================================================================== */


/* ========================================================================
01-03
========================================================================== */
a {
	color: #4db643
}
a:hover {
	color: #74d56b
}
/* ========================================================================
01-04
========================================================================== */

.btn a {
	background-color: #364F6B;
	color: #fff;
}
.btn a:hover {
	background-color: #1D4A77;
}
.btn i {
	color: #111
}
/* ==========================================================================
01-05
========================================================================== */

input[type="text"], input[type="password"], textarea {
	background-color: #fff;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.5);
	box-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
/* ==========================================================================
01-06
========================================================================== */
/* ==========================================================================
01-07
========================================================================== */
/* --定義つきリスト横並び-- */
.dl-horizontal dd {
	border-bottom: solid 1px #ccc;
}

/* ==========================================================================
01-08
========================================================================== */
.container {
	background-color: #fff
}
/* ==========================================================================
01-09
========================================================================== */

/* ==========================================================================
01-10
========================================================================== */
/* --スクロール-- */
.btn-scroll-top {
	background-color: #FF512F;
}
.scroll a {
	color: #fff;
}

/* --フッターテキスト-- */
.footer-copy {
	background-color: #f2f2f2;
}
/* ==========================================================================
01-11
========================================================================== */
.header {
}

/* --ヘッダー画像エリア-- */
.title-head {

}
.title-head:before {

}

/* ----------------------------------------------------- */
/* --ヘッダーナビ/言語切替/ユーザーネーム/ログイン履歴/ログアウト-- */
.nav-head a {
	color: #fff;
}
.nav-head a:hover {
	color: #fff;
}

/* --ログアウト-- */
.logout a {
	color: #FF512F;
}
.logout a:hover {
	color: #FF512F;
}
/* ↓↓1023px 以下responsive color change↓↓ */
@media (max-width: 1023px) {
    .logout a { border:solid 1px #FF512F
    }
}
/* ↑↑end↑↑ */

/* --言語切替-- */

label.custom-select:after {
	color: #fff
}
.nav-head select.select-language {
	background-color: #FF512F;
	color: #fff;
}

/* --ログイン履歴-- */
.nav-head ul>li.li-history .history a {
	background-color: #fff;
    color: #222;
    border: solid 1px #555;}
.nav-head ul>li.li-history .history a:hover{ background-color:#ccc; color:#333}	

/* ==========================================================================
01-12
========================================================================== */

.nav ul {
}
.nav li:before {
}
.nav li a {
	color: #232323;
}
.nav li a:hover {
	color: #888;
}
.nav-ul_02 {
	border-top: solid 1px #222;
}
/* ------------------------------------------------------- */
/* --Toggle Button-- */
#nav-toggle span {
	background: #fff;
}
#nav-toggle {
	background-color: #FF512F
}
.nav.open {
	background-color: #222
}
.nav.open ul {
	background-color: transparent
}
.nav.open a {
	color: #fff
}
.nav.open #nav-toggle {
	background-color: #222
}

/* ↓↓1024px 以上responsive color change↓↓ */
@media (min-width: 1024px) {
.nav.open {
	background-color: transparent !important;
}
.nav.open a {
	color: #222 !important
}
}
/* ↑↑end↑↑ */

/* ==========================================================================
01-13
========================================================================== */
h1, h2, h3 {
	color: #232323
}
h2 {
}
h3 {
}
h3>span {
}
h3:before {
	background-color: #FF512F;
}
h4 {
	color: #FF512F;
	font-weight: 600
}

/* ----------------------------------------------------------------------------
*
*02-TOP
*
*---------------------------------------------------------------------------- */
/*
//A-共通スタイルをトップページのみスタイルを変更したい場合は　id="index"　を親にして変更
*/


/* ==========================================================================
02-A-01
========================================================================== */
#index .container {
}
/* ==========================================================================
02-A-02
========================================================================== */
#index footer {
}
#index .inner-footer {
}
#index .footer-copy {
}
#index footer img.img-footer {
}



/* ==========================================================================
02-A-03
========================================================================== */
#index .header {
	background-color: transparent
}
/* ==========================================================================
02-A-04
========================================================================== */
#index .nav {
}
#index .nav ul {
}
#index .nav li {
}
#index .nav li:first-child {
}
#index .nav li a {
}
#index .nav li a:hover {
}

/* ==========================================================================
02-B-01
========================================================================== */
/* --背景-- */
#bg-body {
}
#bg-body:before {
}
/* --main-- */
#main-index {
	
}
/* ==========================================================================
02-B-02
========================================================================== */

/* ==========================================================================
02-B-03
========================================================================== */
h3.title-link {/* --リンク設定タイトル-- */
}
h3.title-info{/* --お知らせ設定タイトル-- */
}
h3.title-acount {/* --ログイン・新規登録タイトル-- */
}
h3.title-link:before {
}
h3.title-info:before {
}
h3.title-acount:before {
}


/* ==========================================================================
02-B-04
========================================================================== */
.li-info_index li {
	background-color: #fff;
	border-bottom: dotted 1px #ababab
}
.li-info_index li a {
	color: #232323;
}
.li-info_index li a:hover {
	background-color: #f2f2f2;
}

/* --区分.日付-- */
.li-info_index span {
	color: #fff;
}
.li-info_index .info-id {
	color: #fff;
}

/* --区分-- */
.li-info_index .info-id.id-organizer {
	background-color: #FF512F;
}
.li-info_index .info-id.id-all {
	background-color: #ef91b8;
}
.li-info_index .info-id.id-kindadmin {
	background-color: #67bb41;
}

/* --日付-- */
.li-info_index .info-day {
	color: #3c3c3c
}

/* --arrow-- */
.li-info_index li:after {
	color: #232323;
}
/* ==========================================================================
02-B-05
========================================================================== */
.li-link_index {
}
.li-btn_index a {
	color: #ff512f;
	background-color: #ffe5e0;
}
.li-btn_index a:hover {
	color: #fff;
	background-color: #ff512f
}

/* --arrow-- */
.li-btn_index a:before {
	color: #ff512f;
}
.li-btn_index a:hover:before {
	color: #fff
}
/* ==========================================================================
02-B-06
========================================================================== */
/* --title-- */
h4.title-login, h4.title-userplus {
	color: #232323
}
h4.title-login span, h4.title-userplus span {
}

/* --form-- */
.inner-login {
}

/* --btn-- */
.btn.btn-login a {
	background: linear-gradient(-135deg, rgba(255,81,47, .8), rgba(221,36,118,.6));
	background-color:#FF512F;
	color: #FFFFFF
}
.btn.btn-login a:hover {
	background: linear-gradient(-135deg, rgba(255,81,47, .8), rgba(221,36,118,.6));
background-color:#ffe5e0
}
.btn.btn-reg a {
	background: linear-gradient(-135deg, rgba(240,203,53, .8), rgba(46,178,68,.6));
		background-color: #43ff62;

}
.btn.btn-reg a:hover {
	background: linear-gradient(-135deg, rgba(22,160,133, .6), rgba(35,87,165,.2));
		background-color:#8cffab;
	color: #FFFFFF
}
/* ----------------------------------------------------------------------------
*
*03-FREE//トップページ用自由項目専用
*
*---------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------
*
*04-MYPAGE//マイページ専用のスタイル// 
*
*---------------------------------------------------------------------------- */

/* ==========================================================================
04-01
========================================================================== */
/* --download-- */
.btn.btn-file a {
	background-color: #fff;
	color: #222;
	border: solid 1px #ababab
}
.btn.btn-file a:before {
}
.btn.btn-file a:hover {
	background-color: #ccc;
	color: #555
}
.btn.btn-file a:hover:before {

}
/* --編集-- */
.btn.btn-edit a {
	background: linear-gradient(135deg, rgba(255,81,47,.8), rgba(221,36,118, .5));
	
	background-color: #ff512f;
	color: #fff;
	font-weight: 600
}
.btn.btn-edit a:hover {
	background: linear-gradient(135deg, rgba(255,81,47,.8), rgba(221,36,118, .5));
	
	background-color: #ff917c;
}
.btn.btn-edit a[disabled] ,.btn.btn-edit a[disabled]:hover{ 
         background: linear-gradient(-45deg, rgba(221,221,221,.6), rgba(194,194,194, .9));
         background-color:#ccc
   }
.btn.btn-edit a:before,.btn.btn-edit a:after { color:#eee
    }
/* --支払い-- */
.btn.btn-jpy a {
	background: linear-gradient(135deg, rgba(255,81,47,.8), rgba(221,36,118, .5));
	
	background-color: #ff512f;
	color: #fff;
	font-weight: 600
}
.btn.btn-jpy a:hover {
	background: linear-gradient(135deg, rgba(255,81,47,.8), rgba(221,36,118, .5));
	
	background-color: #ff917c;
}
.btn.btn-jpy a[disabled] ,.btn.btn-jpy a[disabled]:hover{ 
     background: linear-gradient(-45deg, rgba(221,221,221,.6), rgba(194,194,194, .9));
         background-color:#ccc
}
.btn.btn-jpy a:before,.btn.btn-edit a:after { 
    color:#eee
}
/* ==========================================================================
04-02
========================================================================== */
/* --種別ファイルダウンロードエリア-- */
.area-btn_download {
}

/* --種別の区切り線-- */
.content.content_my > .inner + .inner { border-top: dotted 1px #222
}

/* ==========================================================================
04-03
========================================================================== */
h3.title-info_my{/* --お知らせ-- */}
h3.title-user_my {/* --代表者情報-- */}
h3.title-delegate_my {}
h3.title-edit_my {}
h3.title-link_my {}


h3.title-info_my:before {
}
h3.title-user_my:before {
}
h3.title-delegate_my:before {
}
h3.title-edit_my:before {
}
h3.title-link_my:before {
}

/* ==========================================================================
04-04
========================================================================== */
.li-info_my li {
	background-color: #fff;
	border-bottom: dotted 1px #ababab
}
.li-info_my li a {
	color: #232323;
}
.li-info_my li a:hover {
	background-color: #f2f2f2;
}

 /* --区分.日付-- */
.li-info_my span {
	color: #fff;
}

 /* --区分-- */
.li-info_my .info-id {
	color: #fff;
}
.li-info_my .info-id.id-organizer {
	background-color: #FF512F;
}
.li-info_my .info-id.id-all {
	background-color: #ef91b8;
}
.li-info_my .info-id.id-kindadmin {
	background-color: #67bb41;
}

 /* --日付-- */
.li-info_my .info-day {
	color: #3c3c3c
}

/* --arrow-- */
.li-info_my li:after {
	color: #232323;
}
/* ==========================================================================
04-05
========================================================================== */
.li-link_my {
}
.li-btn_my a {
	color: #ff512f;
	background-color: #ffe5e0;
}
.li-btn_my a:hover {
	color: #fff;
	background-color: #ff512f
}
.li-btn_my a:before {
	color: #ff512f;
}
.li-btn_my a:hover:before {
	color: #fff
}


/* ----------------------------------------------------------------------------
*
*05-CONTACT//
*
*---------------------------------------------------------------------------- */
/* --title-- */
h4.title-contact {
	color: #3c3c3c
}
/* --content-- */
.inner-contact {
	background-color: #ddd;
}
section.contact {
}
/* ----------------------------------------------------------------------------
*
*06-JQUERY CUSTOM//jquery ui使用箇所にカスタマイズスタイルをあてる
*
*---------------------------------------------------------------------------- */

/* ==========================================================================
06-01/02
========================================================================== */
/* ----------------------------------------------------------------------------
*
*07-OTHER
*
*---------------------------------------------------------------------------- */
/* --forget-- */
/* --ApllyHistory-- */
.applyhistory-number {  background-color:#FF512F; color:#fff
}
.content-apply {  background-color:#fff
}
/* ----------------------------------------------------------------------------
*
*08-REG
*
*---------------------------------------------------------------------------- */

/* ==========================================================================
08-01
========================================================================== */
/* ==========================================================================
08-02
========================================================================== */
.btnarea-footer input[type="button"].ui-state-default, .btnarea-footer input[type="submit"].ui-state-default {
	background-color: #fff;
    
}
.btnarea-footer input[type="button"].ui-state-default:hover, .btnarea-footer input[type="submit"].ui-state-default:hover {
	background-color: #ccc;
    color: #555;
	border: solid 1px #888;
}

/* --次へ-- */
.btnarea-footer input[type="button"].ui-state-default.btn-next,.btnarea-footer input[type="submit"].ui-state-default.btn-next {
	background-color:#FF512F ;
    color: #fff;
    border: none;
    
}

.btnarea-footer input[type="button"].ui-state-default.btn-next:hover,.btnarea-footer input[type="submit"].ui-state-default.btn-next:hover {
	background-color: #fc795f;
   
    
}

/* --保存-- */
.btnarea-footer input[type="button"].ui-state-default.btn-decision,.btnarea-footer input[type="submit"].ui-state-default.btn-decision {
	background-color:#ef91b8;
    color: #fff;
    border: none;

   
    
}
.btnarea-footer input[type="button"].ui-state-default.btn-decision:hover,.btnarea-footer input[type="submit"].ui-state-default.btn-decision:hover {
	background-color:#fcb3d1;
   
    
}

/* --追加-- */
input[type="button"].btn-add {
    color: #fff;
    border:solid 1px #514031;
    background-color:#514031
   
}
input[type="button"].btn-add:hover {   
   background-color: #6d5641;
}

/* ==========================================================================
08-03
========================================================================== */

table.newuser_table {
	

}
table.newuser_table td {
	

}
table.newuser_table td table td {
}
table.newuser_table td table tr:last-child td, table.newuser_table td table tr:only-child td {

}
table.newuser_table td.title {
	background-color: #FF512F;
	color: #fff;
}
table.newuser_table td.subtitle {
	background-color: #f2f2f2;
}
table.newuser_table td.input_head {
	color:#33281e;
    background-color: #ffe5e0;

}

/*----------------------------------------------*/
table.input_table_type {
	

}
table.input_table_type th {
	color:#33281e;
	background-color: #ffe5e0;

}
table.newuser_table table.input_table_type tbody td{

	background-color: White;

}

/*----------------------------------------------*/
table.table-inner-r>tbody>tr>th,table.table-inner-r>thead>tr>th {   color: #33281e;
    background-color: #ffe5e0;
}
/* ==========================================================================
08-04
========================================================================== */
.regentry {
	border: solid 6px #ddd;

}
/* ----------------------------------------------------------------------------
*
*09-支払い
*
*---------------------------------------------------------------------------- */
/*請求額合計内訳*/
.area-payment-detail{ background: linear-gradient(-135deg, #FF512F, #928DAB); color:#fff}
.col-payment-detail.kigou{ background-color:transparent;}
.col-payment-detail span.txt{border:solid 1px #fff }
.col-payment-detail span.txt-disabled{ background-color:#fce5e0; color:#4f4491}
.col-payment-detail span.txt-not{ background-color:#4f4491; color:#fff}

/*合計金額*/
.box-total{color:#FF512F; background-color:#eeedf4 }

/*未手続額*/
.box-notprocedure{  background-color:#fce5e0; color:#FF512F; border:solid 1px #FF512F}
.box-notprocedure:before{border-color:#FF512F transparent transparent transparent;}

/*今回決済額*/
.box-amount{  background-color:#fce5e0; color:#FF512F; border:solid 1px #FF512F}
.box-amount:before{border-color:transparent transparent transparent #FF512F;}
.txt-amout{color:#FF512F}

/*支払い方法選択*/



/*決済履歴ボタン*/
input[type="button"].btn-settlement{ background-color:#FF512F; color:#fff; border:solid 1px #FF512F}
input[type="button"].btn-settlement:hover{ background-color: #fc795f; color:#fff; border:solid 1px #FF512F;}

/*決済履歴dialog*/
.ui-state-default.btn-search, .ui-widget-content .ui-state-default.btn-search{border:solid 1px #FF512F; color:#fff; background-color:#FF512F}
.box-dialog-search{ border:solid 1px #FF512F; background-color:#fce5e0 }

/* ==========================================================================
09-02 銀行決済画面
========================================================================== */
.msg {
	color: #17729b
}
/* ==========================================================================
09-03 クレジット決済画面
========================================================================== */

/*--↓↓フェーズ2*宿泊関連*2017/12/04*hiro↓↓--*/

/* ----------------------------------------------------------------------------
*
*11-宿泊
*
*---------------------------------------------------------------------------- */

/*確認ボタン*/
input[type="submit"].btn-stayconfirm{ background-color:#FF512F; color:#fff; border:solid 1px #FF512F}/*確認*/
input[type="submit"].btn-stayconfirm:hover{ background-color: #fc795f; color:#fff; border:solid 1px #fc795f;}
input[type="submit"].btn-stayedit{background-color:#948CA9; color:#fff; border:solid 1px #948CA9}/*変更*/
input[type="submit"].btn-stayedit:hover{ background-color:#776d91; color:#fff; border:solid 1px #776d91}
input[type="submit"].btn-staydell{border:solid 1px #4A4A4A; color:#4A4A4A;background-color:#fff}/*取消*/
input[type="submit"].btn-staydell:hover{border:solid 1px #4A4A4A;background-color:#eee;}

/*ネームイン画面--->部屋タイプ・宿泊日*/
.box-namein-roomname{color:#FF512F; background-color:#f2f2f2}
/*確認画面　宿泊日*/
.box-date-stay-comfirm{color:#FF512F; background-color:#f2f2f2}
/*--↑↑フェーズ2*宿泊関連*2017/12/04*hiro↑↑--*/

/* ----------------------------------------------------------------------------
*
*10-FREE SPACE
    //上記に用意していないスタイルを記述
    //任意のスタイルを追加してください --author nameをクラス名に使うなど差別化のおすすめ
*
*---------------------------------------------------------------------------- */