/*

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
------------------------------------------*/

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_copyright { text-align: center; padding: 30px; font-size: 80%; }


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

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

/* ホテル */
.htl_ttl { font-size: 24px; font-weight: bold; padding: 0.5rem 0 0.5rem 1rem; margin: 2rem 0 1rem 0; border-left: 3px solid #c00; }
ul.htl_addinf { padding: 0 0 20px 2rem; }
ul.htl_addinf li { list-style: disc; }
.htl_name { font-size: 18px; font-weight: bold; padding-top: 1.5rem; margin-bottom: 5px; border-bottom: 1px solid #000; }
.htl_name_add { font-size: 12px; padding-left: 10px; }
@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; }

/* 支払い方法 */
.pay_ttl { font-size: 24px; font-weight: bold; padding: 0.5rem 0 0.5rem 1rem; margin: 2rem 0 1rem 0; border-left: 3px solid #c00; }

/* 追加手配 */
.add_ttl { font-size: 24px; font-weight: bold; padding: 0.5rem 0 0 1rem; margin: 2rem 0 0.5rem; border-left: 3px solid #c00; }
.add_subttl { font-size: 18px; font-weight: bold; padding-top: 1rem; }

/* ボタン */
.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-color: #c00;
  border-radius: 14px;
  color: #fff;
  transition: 0.1s;
}
.goForm a:hover {
  color: #fff;
  box-shadow: none;
  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; }