abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit
}
a,
button {
    padding: 0;
    border: 0
}
a,
input,
select {
    margin: 0;
    background: 0 0
}
a {
    font: inherit;
    text-decoration: none;
    font-size: 100%;
    vertical-align: baseline;
    color: currentColor
}
#top header .sticky .wrap h2 a,
.expedia_link a,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
html {
    font-size: 10px;
}
img {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote::after,
blockquote::before,
q::after,
q::before {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,
select {
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
button {
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
body {
    line-height: 1;
    font-family: 'Senobi-Gothic',serif;
    -webkit-font-smoothing: antialiased;
    color: #111;
}

@font-face{ 
	font-family: "Senobi-Gothic";
	font-style: "normal";
	font-weight: "normal";
	src: url('font/Senobi-Gothic-Regular_web.ttf.woff') format('woff'), /* モダンブラウザ用 */
		 url('font/Senobi-Gothic-Regular_web.ttf') format('truetype'); /* iOS, Android用 */
}
@font-face{ 
	font-family: "Senobi-Gothic-B";
	src: url('font/Senobi-Gothic-Bold_web.ttf.woff') format('woff'), /* モダンブラウザ用 */
		 url('font/Senobi-Gothic-Bold_web.ttf') format('truetype'); /* iOS, Android用 */
}

html {
}


@media screen and (min-width:961px){

  /*pc用のcssを記述*/

header .left { position: absolute; top: 40px; left: 100px; font-size: 16px; letter-spacing: 1px; text-align: left; }
header .right { position: absolute; top: 40px; right: 100px; font-size: 16px; line-height: 1.75; letter-spacing: 1px; text-align: right; }

h1 {  }
h1.logo { margin-top: 120px; text-align: center; }
h1.logo img { width: 25%; }

main { position: relative; text-align: center; }
main.sp { display: none; }

main .catch { margin-top: 30px; font-size: 22px; letter-spacing: 1px; }
main .lead { margin-top: 20px; font-size: 16px; line-height: 1.75; letter-spacing: 3px; }
main .title { margin-top: 50px; font-size: 40px; color: #1C64B1; letter-spacing: 1px; }
main .sub { margin-top: 20px; font-size: 20px; line-height: 1.75; letter-spacing: 3px; }
main .info { margin-top: 5px; font-size: 14px; line-height: 1.75; letter-spacing: 2px; text-decoration: underline; }

main .textArea { margin: 40px auto 0;  width: 650px; text-align: left; }
main .textArea .text { font-size: 16px; line-height: 2; letter-spacing: 2px; font-family: 'Senobi-Gothic',serif; }
main .textArea .text .blue { font-style: normal; font-family: "Senobi-Gothic-B"; color: #1C64B1; }
main .textArea .text .brown { font-style: normal; font-family: "Senobi-Gothic-B"; color: #792606; }

main .spNumArea { display: none; }

main .backArea {  }
main .backArea .no01 { position: absolute; top: 348px; left: 0; }
main .backArea .no02 { position: absolute; top: 902px; left: 0; }
main .backArea .no01 .caption,
main .backArea .no02 .caption { margin: 15px 0 0 50px; font-size: 14px; color: #285283; line-height: 1.75; letter-spacing: 2px; text-align: left; }
main .backArea .no03 { position: absolute; top: 348px; right: 10px; }
main .backArea .no04 { position: absolute; top: 890px; right: 50px; }
main .backArea .no04 .click { font-size: 20px; text-align: center; text-decoration: underline; }
main .backArea .no04 .imgTable { margin-top: 20px; display: table; width: 100%; vertical-align: top; }
main .backArea .no04 .imgTable .img { display: table-cell; width: 48%%; vertical-align: top; }
main .backArea .no04 .imgTable .img a { cursor: pointer; }
main .backArea .no04 .imgTable .img a:hover { opacity: 0.6; }
main .backArea .no04 .imgTable .empty { display: table-cell; width: 1%; }
main .backArea .no03 .caption,
main .backArea .no04 .caption { margin: 15px 0 0 40px; font-size: 14px; color: #285283; line-height: 1.75; letter-spacing: 2px; text-align: left; }


.copyright { margin-top: 60px; padding-bottom: 100px;  font-size: 14px; text-align: center; }

}



@media only screen and (min-width:480px) and (max-width:960px) {
/*tablet用のcssを記述*/

header { margin-top: 15px; padding: 0 10px; }
header .left { font-size: 12px; letter-spacing: 1px; text-align: left; }
header .right { font-size: 12px; line-height: 1.75; letter-spacing: 1px; text-align: right; }

h1 {  }
h1.logo { margin-top: 25px; text-align: center; }
h1.logo img { width: 70%; }

main { padding: 0 10px; text-align: center; }
main.pc { display: none; }
main .block { display: block; }
main .none { display: none; }

main .catch { margin-top: 25px; font-size: 18px; letter-spacing: 1px; }
main .lead { margin-top: 20px; font-size: 13px; line-height: 2; letter-spacing: 3px; }
main .title { margin-top: 40px; font-size: 18px; color: #1C64B1; letter-spacing: 1px; }
main .sub { margin-top: 10px; font-size: 14px; line-height: 2; letter-spacing: 3px; }
main .info { margin-top: 10px; font-size: 14px; line-height: 2; letter-spacing: 2px; text-decoration: underline; }

main .textArea { margin: 30px auto 0; padding: 0 5px; text-align: left; }
main .textArea .text { font-size: 13px; line-height: 2.25; letter-spacing: 2px; font-family: 'Senobi-Gothic',serif; }
main .textArea .text .blue { font-style: normal; font-family: "Senobi-Gothic-B"; color: #1C64B1; }
main .textArea .text .brown { font-style: normal; font-family: "Senobi-Gothic-B"; color: #792606; }

main .spNumArea { margin-top: 25px; padding-bottom: 30px; display: table; width: 100%; vertical-align: top; }
main .spNumArea .spNo01 { display: table-cell; width: 48%; vertical-align: top; }
main .spNumArea .spNo02 { display: table-cell; width: 48%; vertical-align: top; }
main .spNumArea .spNo01 .caption,
main .spNumArea .spNo02 .caption { margin: 10px 0 0 15px; font-size: 12px; color: #285283; line-height: 1.4; letter-spacing: 2px; }
main .spNumArea .empty { display: table-cell; width: 1%; }
main .spNumArea .click { font-size: 20px; text-align: center; text-decoration: underline; }
main .spNumArea .imgTable { margin-top: 20px; padding-bottom: 40px; display: table; width: 100%; vertical-align: top; }
main .spNumArea .imgTable .img { display: table-cell; width: 48%%; vertical-align: top; }
main .spNumArea .imgTable .img a { cursor: pointer; }
main .spNumArea .imgTable .img a:hover { opacity: 0.6; }
main .spNumArea .imgTable .empty { display: table-cell; width: 1%; }

main .backArea { display: none; }

.copyright { margin-top: 40px; padding-bottom: 60px;  font-size: 14px; text-align: center; }

}



@media screen and (max-width:480px){
  /*スマホ用のcssを記述*/

header { margin-top: 15px; padding: 0 10px; }
header .left { font-size: 12px; letter-spacing: 1px; text-align: left; }
header .right { font-size: 12px; line-height: 1.75; letter-spacing: 1px; text-align: right; }

h1 {  }
h1.logo { margin-top: 25px; text-align: center; }
h1.logo img { width: 70%; }

main { padding: 0 10px; text-align: center; }
main.pc { display: none; }
main .block { display: block; }
main .none { display: none; }

main .catch { margin-top: 25px; font-size: 18px; letter-spacing: 1px; }
main .lead { margin-top: 20px; font-size: 13px; line-height: 2; letter-spacing: 3px; }
main .title { margin-top: 40px; font-size: 18px; color: #1C64B1; letter-spacing: 1px; }
main .sub { margin-top: 10px; font-size: 14px; line-height: 2; letter-spacing: 3px; }
main .info { margin-top: 10px; font-size: 14px; line-height: 2; letter-spacing: 2px; text-decoration: underline; }

main .textArea { margin: 30px auto 0; padding: 0 5px; text-align: left; }
main .textArea .text { font-size: 13px; line-height: 2.25; letter-spacing: 2px; font-family: 'Senobi-Gothic',serif; }
main .textArea .text .blue { font-style: normal; font-family: "Senobi-Gothic-B"; color: #1C64B1; }
main .textArea .text .brown { font-style: normal; font-family: "Senobi-Gothic-B"; color: #792606; }

main .spNumArea { margin-top: 25px; padding-bottom: 30px; display: table; width: 100%; vertical-align: top; }
main .spNumArea .spNo01 { display: table-cell; width: 48%; vertical-align: top; }
main .spNumArea .spNo02 { display: table-cell; width: 48%; vertical-align: top; }
main .spNumArea .spNo01 .caption,
main .spNumArea .spNo02 .caption { margin: 10px 0 0 15px; font-size: 12px; color: #285283; line-height: 1.4; letter-spacing: 2px; }
main .spNumArea .empty { display: table-cell; width: 1%; }
main .spNumArea .click { font-size: 20px; text-align: center; text-decoration: underline; }
main .spNumArea .imgTable { margin-top: 20px; padding-bottom: 40px; display: table; width: 100%; vertical-align: top; }
main .spNumArea .imgTable .img { display: table-cell; width: 48%%; vertical-align: top; }
main .spNumArea .imgTable .img a { cursor: pointer; }
main .spNumArea .imgTable .img a:hover { opacity: 0.6; }
main .spNumArea .imgTable .empty { display: table-cell; width: 1%; }

main .backArea { display: none; }

.copyright { margin-top: 40px; padding-bottom: 60px;  font-size: 14px; text-align: center; }

}