/*

Version 1
---------------

*/



/* Setting
------------------------------------------*/

/* Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
    font-weight: normal;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
ul, ol, li { list-style-type: none; }
table { border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; }
input, select { vertical-align:middle; }
img { vertical-align: bottom; }
a img { border:none; max-width:100%; }
a:focus { outline:none; }
p { margin:0; padding:0; }

/* Link */

a {	color: #0093DD; text-decoration: none; }
a:visited {	color: #0093DD; text-decoration: none; }
a:hover { color: #009EEE; text-decoration: underline; }
a:focus { outline: none; }

/* table */

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #ccc;
	margin: 0.5em 0;
}
table td {
	vertical-align: top;
}
table th {
	background: #F2F2F2;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0.2em 0.5em;
	text-align: left;
}
table td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0.2em 0.5em;
}



/* Basic
------------------------------------------*/

html { scroll-behavior: smooth; }
body {
  font: 16px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	-webkit-text-size-adjust: none;
	padding: 0;
	margin: 0;
	background: #fefefe;
  border-top: solid 10px #c00;
}

#contents { width: 800px; margin: 0 auto; padding: 30px 0; }
@media screen and (max-width:960px){
	#contents { width: 100%; box-sizing: border-box; padding: 20px; }
}

/*ページトップに戻る*/
.ftr_pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  margin: 0;
  z-index: 999;
}
.ftr_pagetop a {
  display: block;
  padding: 0.5rem 0.8rem;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #c00, #ff4d4d);
  border-radius: 999px;
  box-shadow: 0px 0px 5px #aaa;
  transition: all 0.25s ease;
}
.ftr_pagetop a:hover {
  box-shadow: none;
}

.ftr_copyright { text-align: center; padding: 30px; font-size: 80%; color: #666; }


/* Top Page
------------------------------------------*/

/* 冒頭 */
.msg_ttl { font-size: 30px; font-weight: bold; padding-bottom: 10px; }
.msg_txt {}
.msg_agency { padding-top: 10px; }

.indexBox { display:flex; justify-content: center; padding-top: 1rem; }
.indexBox li { padding: 0 1rem; position: relative; text-align: center; }
@media screen and (max-width:960px){
	.indexBox li { font-size: 14px; }
}
.indexBox li::after {
  position: absolute;
  content: "▼";
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  color: #aaa;
}


/* ボタン */
.goForm { text-align: center; padding: 30px 0; }
.goForm a {
  display: inline-block;
  padding: 1rem 3rem;
  text-decoration: none;
  text-align: center;
  color: #c00;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 0px 0px 5px #aaa;
  background: linear-gradient(135deg, #c00, #ff4d4d);
  border-radius: 14px;
  color: #fff;
  transition: 0.2s;
}
.goForm a:hover {
  color: #fff;
  box-shadow: none;
  text-decoration: none;
}


/* ホテル */
ul.htl_addinf { padding: 0 0 0 2rem; color: #c00; }
ul.htl_addinf li { list-style: disc; }

.htl_ttl {
  font-size: 24px;
  font-weight: bold;
  margin: 3rem 0 1.5rem;
  padding: 1.5rem 1.5rem;
  background: #f3f3f3;
  border-top: 3px solid #c00;
  border-radius: 0 0 15px 15px;
  line-height: 1;
}
.htl_name { font-size: 24px; font-weight: bold; margin: 2.5rem 0 0 0; padding-left: 1rem; border-left: 5px solid #c00; }
.htl_cateName { font-size: 20px; font-weight: bold; padding: 0 0 0.5rem; margin: 1rem 0 0 0; border-bottom: 1px solid #ccc; } 
.htl_privilege { background-color: rgba(204, 0, 0, 0.082); padding: 1rem; border-radius: 5px; margin: 0.5em 0; color: #c00; }
.htl_cxl { color: #666; font-size: 15px; padding-bottom: 1rem; }
.htl_cxl a { text-decoration: underline; }
.htl_cxl a:hover { text-decoration: none; }

.htl_name_add { font-size: 12px; text-align: right; }
.htl_name_add::before {
  content: ">>";
  margin-right: 0.3em;
  color: #aaa;
}
@media screen and (max-width:960px){
	.htl_name_add { display: block; padding: 0; }
}
.htl_tbl th { font-size: 13px; font-weight: bold; }
.htl_tbl td:first-child { width: 60%; }
.htl_tbl_price { color: #c00; font-weight: bold; text-align: center; }
.htl_tbl_price_normal { color: initial; font-size: 13px; font-weight: normal; }
@media screen and (max-width:960px){
	.htl_tbl_price_normal { display: inline-block; }
}

/* 支払い方法 */
.pay_ttl {
  font-size: 24px;
  font-weight: bold;
  margin: 3rem 0 1.5rem;
  padding: 1.5rem 1.5rem;
  background: #f3f3f3;
  border-top: 3px solid #c00;
  border-radius: 0 0 15px 15px;
  line-height: 1;
}
.pay_card { font-weight: bold; }
.pay_txt { color: #666; font-size: 15px; padding: 0.5rem 0 1.5rem 0; }


/* 追加手配 */
.add_ttl {
  font-size: 24px;
  font-weight: bold;
  margin: 3rem 0 1.5rem;
  padding: 1.5rem 1.5rem;
  background: #f3f3f3;
  border-top: 3px solid #c00;
  border-radius: 0 0 15px 15px;
  line-height: 1;
}
.add_subttl { font-size: 20px; font-weight: bold; padding: 0 0 0.5rem; margin: 1rem 0 0.5rem 0; border-bottom: 1px solid #ccc; } 
.add_price strong { font-weight: bold; color: #c00; }
.add_txt { color: #666; font-size: 15px; padding-bottom: 1rem; }
.add_txt a { text-decoration: underline; }
.add_txt a:hover { text-decoration: none; }



/* Terms
------------------------------------------*/

.terms_ttl { font-size: 30px; font-weight: bold; }
.terms_subttl { font-size: 24px; font-weight: bold; padding-top: 2rem; }

.terms_txt { font-size: 15px; line-height: 2; }
.terms_txt ol { margin-left: 2rem; }
.terms_txt ol li { list-style: decimal; }
.terms_txt ol ol li { list-style: lower-latin; }
.terms_txt ol ol ol li { list-style: lower-roman; }

.terms_date { padding-top: 30px; }