@charset "utf-8";
/*
Temp_StyleSheetIN と Temp_StyleSheetOUTの間をCGIが書換えます。
この間は変更しないで下さい。この部分に「その他の設定」の値が反映されます。
不要な場合は、コメントごと削除して下さい。但し、「その他の設定」の値は反映されなくなります。
その他の部分は加筆・変更可能です。
*/

div, table{padding:0;margin:0;border-spacing:0;}
body,select,option,input,textarea,td{ font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; }
body{line-height:1.3;margin:0;  -webkit-text-size-adjust: 100%; }
select,option,input,textarea{margin-bottom:1px;border:1px solid #949494;color:#000000;}
td,big{line-height:1.4;}
strong{line-height:1.4;font-weight:bold;}
small{line-height:1.2;}
.top{vertical-align:top;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.nobr{white-space:nowrap;} 
.b{font-weight:bold;}
.red{color:#ff0000;}
.clear{clear:both;}

/* ************↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓************ */
/*Temp_StyleSheetIN*/
body{font-size:14px; color:#333333; background-color:#f8f8f8; }
select,option,input,textarea,td{ font-size:14px; }
strong{ font-size:16px; }
big{ font-size:15px; }
small{ font-size:13px; }
a{ color:#0000ff; }
a:visited{ color:#0000bc; }
a:hover { color:#f7657b; }
/* 表組み枠色 */
.table_border{ border: 1px solid #a9a9a9; }
/* フォームの 項目用 TDタグ */
.formTD1{ border-left:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-top:1px solid #a9a9a9; }
/* フォームの 入力部用 TDタグ */
.formTD2{ border-right:1px solid #a9a9a9; border-top:1px solid #a9a9a9; }
/* 最下段の下線 */
.bottom_line{ border-top: 1px solid #a9a9a9; }
/* 料金・オプションの項目名 背景色&文字色 */
.table_titlebg{ background-color:#e8ffe8;color:#333333; }
/* 料金・オプションの項目名 文字色 */
.table_titlecol{ color:#333333; }
/* 表組み背景色 */
.table_tdbg, .er_msg, .cate_table li{ background-color:#ffffff; }
/* 宿泊料金・連泊割引の背景色 */
.plantable_td1{ background-color:#ffd700; }
/* 夕食・朝食・チェックインなどの背景色 */
.plantable_td2{ background-color:#fbf1cb; }
/* 申込フォーム項目名 背景色 */
.form_titlebg{ background-color:#ede8d4; }

/* カレンダーデザイン */
#calen_area {width:790px}
#calen_area table{margin:0;padding:0;border:0;border-spacing:0;}
#calen_area td{margin:0;padding:0;border:0;text-align:center;line-height:1.1;}
/* 月名 */
#calen_area .textMnt{ font-size:14px; color: #ffffff; font-weight:bold;background-color:#6b8e63; border-bottom:1px solid #849ece; }
/* 日にち */
#calen_area .textDay{ font-family:'メイリオ','Meiryo';font-size:13px; font-weight:bold; }
/* 曜日 */
#calen_area .textWekn{ font-size:13px; color: #505152;background-color:#f0ffff;padding:3px; border-right:1px solid #849ece; }
#calen_area .textWekn2{ font-size:13px; color: #505152;background-color:#f0ffff;padding:3px; }
/* マーク○△ */
#calen_area .textMrk{ font-size:14px; font-weight:normal;padding:3px; }
/* 日付デフォ */
#calen_area .daytd{ background-color:#dfdfdf;padding:3px; border-top:1px solid #849ece; border-right:1px solid #849ece; }
#calen_area .daytd2{ background-color:#dfdfdf;padding:3px; border-top:1px solid #849ece; }
/* カレンダー フロート */
#calen_area .core{float:left; margin:0 5px 10px;width:250px;}
/*詳細ページ画像の横幅*/
 .gallery02 .swiper,  .gallery02 .thumb-wrapper {  max-width: 600px;  }
/*詳細ページ画像下の1行に表示するサムの数*/
 .gallery02 .thumb-wrapper { grid-template-columns: repeat(10, 1fr); }
/* 入力フォーム, プラン一覧、詳細ページ 幅 */
.form_width, .main_width{width:900px;}
/* 一覧画像枠 */
.listimg{width:250px;}
/* 一覧画像*/
.list_image{max-width:250px; width:100%;height:auto; }
/* レスポンシブ */
#calen_area .ymd{ margin-right:17px;}
@media screen and (min-width:801px){ .c04, .c07, .c10{clear:both;}}
@media screen and (max-width:800px){ 
#calen_area{width:530px;} 
.c03, .c05, .c07, .c09, .c11{clear:both;}
}
@media screen and (max-width:540px){ 
#calen_area{width:100%;}  
#calen_area .core{width:100%;}
}
@media screen and (max-width:910px){ 
#calen_area, .main_width, .form_width{width:97%;}  
}

/*Temp_StyleSheetOUT*/
/* ************↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑************ */


/***************ここから下は追加のCSSです***************/
input,textarea,select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
input,textarea{ padding:1px 2px 1px; margin:1px;}
select{ padding:1px; margin:1px;}
textarea{ line-height:1.3; }

/* ヘッダ下 下げ幅 */
.content{margin:85px auto 0;}

a{ text-decoration:none; }
a:hover { text-decoration: underline;}

/* 表組み枠 */
.table_border{margin:1px 0 15px; text-align:left;}
/* 表組みの項目名*/
.table_titlecol{text-align:left;}
/* 表組み背景色 */
.table_tdbg{text-align:left;vertical-align:top;}

/* ヘッダ */
.heder0{
	border:1px solid #d3d3d3;background-color:#ffffff;
	margin:0 auto 15px;width:100%;
  position: fixed;  
  top: 0px;  
  z-index: 100;
}
/* 初期メール入力エラーメッセージ */
.errormsg{
 border:1px solid #ff0000;width:100%;
 padding:7px; margin:10px 0 10px; box-sizing:border-box;
 text-align:center;font-weight:bold;
}

/* いらっしゃいませ 〇〇様 */
.WelcomMSG{font-weight:bold;color:#1a10ff;}

/* タイトル文字 */
.heder1{
	color:#4695f9;
	text-shadow: 1px 1px 0 #b8bfcf,2px 2px 2px #e6e6e6;
	font-size:20px;letter-spacing:0.15em;
	text-align:center;margin:10px 0 15px;
}
/* ページリンク 該当No */
.page_link{margin:2px auto 2px; border-spacing:0;}
.page_link a{ 
	width:100%; height: 100%;
	display: flex;justify-content: center;align-items: center;
}
.Plink_area{font-size:14px;font-weight: bold;margin:0 auto 0; padding:0; }
.Plink_area ul{ margin:0;padding:0;list-style-type:none; position: relative;}
.Plink_area li{ 
	float:left; margin:0 2px 0px; padding:0; text-align:center;
}
.Alink{ border:1px solid #61b5ff;}
/* 該当No */
.Plink{ border:1px solid #ff0000;}
.Alink , .Plink {width:20px;height:20px;border-radius: 3px;}
.next_btn{width:30px;height:20px;}

/* 表示しているページ */
.atP{ background: #cdffb0; }
/** ローディング画像 **/
.loading_img {text-align:center;margin:10px 0 0;border:0; width:auto; height:auto;}
/* ページ番号 */
.Page_Number{
	text-align:center;font-weight:bold; font-size:15px; font-family: 'Times New Roman'; font-style: italic; 
	background-color:#ddf4f4;padding:3px 0 3px;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.Page_Number span{font-size:20px;}

/* リンク */
.heder2{border-top:1px solid #dadde5;background-color:#f4f4f4;}
.heder3{font-size:13px;text-align:right;margin:0 auto 0;padding:2px 0 2px;border-right:1px solid #dadde5;}
.heder3 a{border-left:1px solid #dadde5;padding:0 15px 0;}
/* フッタ */
.footer{
	text-align:center;vertical-align:middle;font-size:15px;padding-top:15px;
	margin:20px 0 0; width:100%;height:110px;box-sizing:border-box; 
	border:1px solid #d3d3d3; background-color:#ffffff;
}

/* QR */
.QRcord{margin:-35px 0 -20px;float:right;}

/* カテゴリ一覧table */
.cate_table{width:101%;margin:0;padding:0;list-style-type:none;}
.cate_table li{width:49%;text-align:center;margin:2px;float:left;font-weight: bold;}
.cate_table a{display: block;padding:6px 0 6px;}
.cate_table li:hover{ background-color:#ffd1af;color:#0000ff; }
/* 該当プラン○件*/
.hit_txt1{font-weight:bold; text-align:center;padding:0 0 5px;}
/* 該当プラン○件 件数多い時 上部空き追加 */
.hit_txt2{font-weight:bold; text-align:center;padding:40px 0 0;}
/* << 前 次>> */
.next_area{font-weight:bold;width:250px;text-align:right;float:right;}

/* 宿泊条件で検索 */
.SearchTable{ width:100%;border-spacing:0; padding:8px;}
.SearchTable .dot{width:3px;padding-top:3px;}
.SearchTable .stitle{width:90px;}
.SearchTable td{vertical-align:top; padding:2px;}
/* 語句入力 */
.word{width:250px;}

/* 一覧 プラン名 */
.planhead{padding:5px 6px 4px 10px;box-sizing:border-box;}
/* 一覧 プラン内容 */
.plantable{ margin:0 10px 10px 0;border-spacing:1px;box-sizing:border-box;}
.plantable td{padding:3px 5px 3px;}
/* 宿泊料金,連泊割引,ご利用料金*/
.plantable_td1{width:130px;white-space:nowrap;border-radius: 4px;}
/* 夕食・朝食・チェックイン */
.plantable_td2{width:130px;white-space:nowrap;border-radius: 4px;}
/* 一覧画像枠 */
.listimg{float:left;margin:0 10px 10px 10px;text-align:center; }
/*詳細データTable*/
.plantable2{width:98%; margin:7px;}
.plantable2 td{ padding:3px; }
/*画像表示延滞*/
.slide-media img{display:none;} 
/* [詳細・ご予約はこちらへ] ボタン */
.syosai_btn{ background-color:#ff6b00;border:1px solid #ff6b00;float:right; padding:2px 7px 2px; color:#ffffff;}
.syosai_btn:link{ color:#ffffff;} 
.syosai_btn:visited{ color:#ffffff;}
.syosai_btn:hover{ background-color:#fdad72; text-decoration:none;}
/* 送信ボタン */
.submit{padding:3px 20px 3px;}
/* リセット,戻るボタン */
.reset{padding:3px 10px 3px;margin:0 3px 0;}
.submit, .reset{appearance: none;background-color:#f3f4f4;color:#0000ff;border:1px solid #a9b7c7;font-weight:bold;}

/* ボタン マウスオーバー */
.btn:hover{
    cursor:pointer;
    opacity:0.6;
}

/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],textarea{ appearance: none; }

/* 大人料金 */
#RateTable table{border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
#RateTable table .table_titlebg{text-align:center;width:100px;}
#RateTable table .kubun{width:200px;}
#RateTable tr:first-child td:first-child{ border-radius: 3px 0 0 0; }
#RateTable tr:first-child td:last-child{ border-radius: 0 3px 0 0; }
#RateTable tr:last-child td:first-child{ border-radius: 0 0 0 3px; }
#RateTable tr:last-child td:last-child{ border-radius: 0 0 3px 0; }
/* 子供料金 */
#RateTable2 table{border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
#RateTable2 table .table_titlebg{text-align:center;}
#RateTable2 table .table_tdbg{text-align:center;vertical-align:middle;}
#RateTable2 tr:first-child td:first-child{ border-radius: 3px 0 0 0; }
#RateTable2 tr:first-child td:last-child{ border-radius: 0 3px 0 0; }
#RateTable2 tr:last-child td:first-child{ border-radius: 0 0 0 3px; }
#RateTable2 tr:last-child td:last-child{ border-radius: 0 0 3px 0; }

/* BOX影 */
.shadow{box-shadow:1px 1px 2px 1px rgba(150,150,150,0.1);}
/* 角丸 4辺 */
.round{border-radius: 4px;}
/* 角丸 上2辺 */
.round2{ border-radius: 4px 4px 0 0 / 4px 4px 0 0;}
/* 角丸 下2辺 */
.round3{ border-radius: 0 0 4px 4px / 0 0 4px 4px;}
/* 角丸 下左右 */
.dwn_L{border-radius: 0 0 0 4px;}
.dwn_R{border-radius: 0 0 4px 0;}

/* 点線 */
.underline{
background-image: url(../img/dot.gif);
background-repeat: repeat-x;
}

/* カレンダー 月名 */
#calen_area{margin:0 auto 0;}
#calen_area .textMnt{ padding:3px 0 3px;}
/* 外枠 */
#calen_area .core{border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);}
/* ○年○月○日現在, サービス料込み 税別 */
.float_r{float:right;}
/* マーク説明,大人料金 */
.float_l{float:left;}
/* スクロール説明文 */
.hiddentxt2{text-align:center;font-size:12px;display:none;}
/*追加オプション項目先頭の■*/
.opSquare{color:#ff0080;}

/* キャンセル料金表 */
.Ptable{display:block;margin-bottom:5px;}/* PC */
.Stable{display:none;margin-bottom:5px;}/* スマホ */

/* 追加オプションTable */
.option_table{width:100%;border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);}
.option_table .table_titlebg{ border-radius: 3px 3px 0 0;}
.option_table tr:last-child td:first-child{ border-radius: 0 0 0 3px; }
.option_table tr:last-child td:last-child{ border-radius: 0 0 3px 0; }

/* 郵便番号検索用 */
.addframe{position:static;}
.seltable{
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}

/* フォーム */
.yform{ 
	width:100%; 
    display: table;
    border-collapse: collapse;
}

/* フォームの 項目用 TDタグ */
.formTD1{
	width:20%;
	padding:8px 5px 8px;border-spacing:0;font-weight:bold;
	display:table-cell; box-sizing:border-box;
}
/* フォームの 入力部用 TDタグ */
.formTD2{
	width:80%;
	padding:8px 5px 8px;border-spacing:0;
	display:table-cell; box-sizing:border-box;
}

/* ご宿泊料金(確認用) */
.table_tdbg pre{line-height:1.4;}
/*市区郡*/
#cty{width:97%;max-width:240px;}
/*町村番地*/
#twn_add{width:97%;max-width:240px;}
/*建物名*/
#bild{width:97%;max-width:240px;}
/* E-Mail */
#mail, #maC{ime-mode:disabled;width:100%;max-width:282px}
.mail{font-weight:bold;font-size:15px;}
/* textarea */
.textarea{width:100%;max-width:400px;}
/* input */
.form1{width:100%;max-width:300px;}
/* ID,Pass */
#EID{ width:190px;ime-mode:disabled;}
#EPAS{ font-size:12px;width:100px;ime-mode:disabled;}
#pas{ime-mode:disabled;width:180px;}
#name,#furigana,#tel,#Ctime,#Rtime{width:100%;max-width:250px;}
/* 入力エラーメッセージ */
.er_msg{ border:1px solid #ff0000;margin:5px auto 10px;border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
.er_msg td{padding:10px;}
/* リスト*/
.formlist{margin:15px auto 5px;padding:0 5px 0 15px;}
.formlist td{line-height:1.5;}
.formlist ul{ padding:0; margin:0}
/* デポジット金額 */
.depo{
	color: #ff0000;
	font-size:130%;
}
/* 送信後のメッセージ*/
.credit_msg{
	margin:8px 0 0; padding:15px; 
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}

/* クレジット決済移行説明 */
.credit_msg{
	margin:8px 0 0; padding:15px; 
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
/* クレジット決済移行用ボタン*/
.cr_submit{
	width:200px;height:30px;
	font-size:16px;
}

/* 現在位置ナビ */
.head_navi{ width:100%; margin: 0 0 7px;border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
.head_navi td{font-size:12px;padding:8px 1px 8px;border-radius: 4px;vertical-align:top;}

/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:10px;right:10px; 
    opacity:0.8;
}
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}

/* 会員パス入力の目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 5px 0 1px; } 


/********** レスポンシブ ***********/
/******** 700未満 ******/
@media screen and (max-width:700px){ 
.heder1{ font-size:18px;}
.plantable{width:96%;margin-left:10px; float:left;}
.listimg{width:95%;text-align:center;}
.cate_table{width:99%;}
.cate_table li{width:100%;margin:1px;}
#form .main_width{width:100%;}
.next_area{width:100%;text-align:center;margin:8px 0 8px;}
.Plink_area li{ width:25px;height:25px; }
.next_btn{
background-color:#f3f4f4;color:#0000ff;border:1px solid #a9b7c7;
border-radius: 4px; 
}
.formTD1{ width:100%; display:block;}
.formTD2{ width:100%; display:block; margin-bottom:10px;border-right:0; }
.bottom_line{border:0;}
#calen_area{width:100%;}
#calen_area .en{display:none;}
}
/******** 600未満 ******/
@media screen and (max-width:600px){ 
body,select,option,input,textarea,td{font-size:15px; }
}
/******** 500未満 ******/
@media screen and (max-width:500px){ 
.main_width, .form_width{width:95%;}  
.heder1{ font-size:15px;}
.plantable_td1, .plantable_td2{width:100px;}
.hit_txt2{padding:30px 0 10px;}
.hiddentxt1{display:none;}
.hiddentxt2{display:block;}
#calen_area .core{width:100%;margin-left:0;margin-right:0;}
#calen_area{overflow:auto;width:100%;height:400px;padding:0;} 
#RateTable{overflow:auto;width:100%;height:auto;}
.listp{white-space:nowrap;}
.heder3 a{padding:0 5px 0;}
.heder3 {width:100%;}
.footer{height:80px;}
.Ptable{display:none;}
.Stable{display:block;}
#calen_area .daytd,#calen_area .daytd2{font-size:12px;}
#calen_area .Pset{font-size:85%;}
.word{width:220px;}/*語句*/
}