@charset "UTF-8";
/*黄色*/
/*赤*/
/*茶色*/
/*赤2*/
/*赤*/
/*オレンジ*/
section { margin-bottom: 100px; }

#moviebox img { width: 100%; }
#moviebox video { width: 100%; }

h2 { font-weight: normal; margin-bottom: 40px; }
h2 span { display: block; font-size: 0.7em; margin-top: 10px; }

.btnbox { margin: 60px 0; }
.btnbox a { background-color: #efefef; padding: 20px 40px; }
.btnbox a span:after { content: ''; width: 12px; height: 12px; background: url(../images/common/linkicon.svg) 0 0 no-repeat; display: inline-block; margin-left: 10px; }
.btnbox a span i { margin-left: 10px; font-size: 1.2em; }

#greeting .messagebox { background: url(../images/top/contents01bg.jpg) top center no-repeat; padding: 40px 0; height: 999px; }
#greeting .messagebox .messageboxinner { width: 660px; margin: 0 auto; }
#greeting .messagebox .messageboxinner p { color: #fff; margin-bottom: 40px; text-align: center; line-height: 1.8; font-size: 1.1em; }
#greeting .messagebox .logobox { text-align: right; }
#greeting .messagebox .logobox img { width: 162px; }

#garden .infobox { margin-top: 40px; }
#garden .infobox .imgbox { width: 500px; }
#garden .infobox .commentsbox { width: calc(100% - 530px); }
#garden .infobox .commentsbox .strongtext { margin-bottom: 20px; font-size: 1.8em; line-height: 1.2; }
#garden .infobox .commentsbox .strongtext img { width: 409px; }
#garden .infobox .commentsbox .readtext { margin-bottom: 20px; font-size: 1.4em; }
#garden .infobox .commentsbox .textbox p { margin-bottom: 20px; }
#garden .infobox .commentsbox .textbox p:last-child { margin-bottom: 0px; }

#room .roomphotobox { margin-bottom: 60px; }
#room .roombox .roominner { height: 400px; position: relative; }
#room .roombox .roominner .h3box { background-color: rgba(0, 0, 0, 0.8); text-align: center; position: absolute; top: 50px; left: 0; width: 100%; }
#room .roombox .roominner .h3box h3 { color: #fff; padding: 10px; font-weight: normal; }
#room .roombox .roominner .roomborderbox { border: 2px #fff solid; height: 360px; position: absolute; top: 20px; left: 20px; width: 90%; }
#room .roombox .room01 { background: url(../images/top/contents03img01.jpg) 0 0 no-repeat; background-size: cover; }
#room .roombox .room02 { background: url(../images/top/contents03img02.jpg) 0 0 no-repeat; background-size: cover; }
#room .roombox .room03 { background: url(../images/top/contents03img03.jpg) 0 0 no-repeat; background-size: cover; }
#room .roombox .room04 { background: url(../images/top/contents03img04.jpg) 0 0 no-repeat; background-size: cover; }
#room .roombox .room05 { background: url(../images/top/contents03img05.jpg) 0 0 no-repeat; background-size: cover; }
#room .roombox .room06 { background: url(../images/top/contents03img06.jpg) 0 0 no-repeat; background-size: cover; }
#room .roombox .room07 { background: url(../images/top/contents03img07.jpg) 0 0 no-repeat; background-size: cover; }
#room .roombox .room08 { background: url(../images/top/contents03img08.jpg) 0 0 no-repeat; background-size: cover; }
#room .roombox .room09 { background: url(../images/top/contents03img09.jpg) 0 0 no-repeat; background-size: cover; }
#room .roominfobox { margin-bottom: 60px; }
#room .roominfobox h3 { text-align: left; margin-bottom: 20px; border-bottom: 1px #000 solid; font-weight: normal; padding-left: 20px; padding-bottom: 10px; }
#room .roominfobox h4 { text-align: left; margin-bottom: 20px; font-weight: normal; font-size: 1em; margin-left: 20px; }
#room .roominfobox .roominfoboxinner { margin-left: 65px; }
#room .roominfobox .roominfoboxinner .col3box { border: 1px #000 solid; }
#room .roominfobox .roominfoboxinner .col3box .col3boxinner { padding: 20px 20px 40px 20px; }
#room .roominfobox .roominfoboxinner .col3box .col3boxinner h4 { margin-bottom: 20px; font-weight: normal; font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; }
#room .roominfobox .roominfoboxinner .col3box .col3boxinner ul { margin-left: 20px; margin-top: 20px; }
#room .roominfobox .roominfoboxinner .col3box .col3boxinner li { text-align: left; }
#room .roominfobox .amenitiesbox_info { margin-left: 65px; margin-bottom: 40px; text-align: left; background: url(../images/top/contents03ameicon10.jpg) left top no-repeat; padding-left: 40px; }
#room .roominfobox ul.amenitieslist { display: flex; justify-content: space-between; flex-wrap: wrap; }
#room .roominfobox ul.amenitieslist li { width: 48%; list-style: none; text-align: left; }
#room .roominfobox ul.amenitieslist li img { vertical-align: middle; margin-right: 10px; }
#room .pricebox dl { text-align: left; }
#room .pricebox dl dt { font-size: 1.3em; line-height: 1.2; margin-bottom: 5px; }
#room .pricebox dl dt span { font-size: 1.8em; }
#room .pricebox dl dd { font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; }
#room .marklist { margin-top: 40px; }
#room .marklist li { text-align: left; list-style: none; padding-left: 1em; text-indent: -1em; margin-bottom: 20px; font-size: 1.1em; }

#cuisine .mainimg { margin-bottom: 60px; }
#cuisine h3 { text-align: left; padding-left: 20px; font-weight: normal; margin-bottom: 40px; }
#cuisine .dinnerinfo { margin-top: 40px; }
#cuisine .dinnerinfo dl { margin-bottom: 20px; }
#cuisine .dinnerinfo dl dt { margin-bottom: 20px; }
#cuisine .dinnerinfo dl dt img { width: 281px; }
#cuisine .dinnerinfo dl dd { font-size: 1.3em; }
#cuisine .dinnerinfo p { text-align: center; line-height: 1.8; font-size: 1.1em; }
#cuisine .photobox { margin-top: 100px; }
#cuisine .photobox .col3box { position: relative; }
#cuisine .photobox .col3box .bottomprice { position: absolute; bottom: 0; right: 0; }
#cuisine .photobox dl { margin-top: 10px; text-align: left; }
#cuisine .photobox dl dt { font-size: 1.2em; margin-bottom: 10px; }
#cuisine .photobox dl dt span { font-size: 0.8em; }
#cuisine .photobox dl dd { font-size: 1em; }
#cuisine .photobox .pricebox { text-align: right; }
#cuisine p.priceinfo01 { background-color: #e60012; color: #fff; padding: 3px 10px; border-radius: 40px; line-height: 1; margin-top: 10px; }
#cuisine p.priceinfo02 { background-color: #fff; border: 1px #000 solid; padding: 3px 10px; border-radius: 40px; line-height: 1; margin-top: 10px; }

#voice .voicebox { position: relative; }
#voice .voicebox.voice01 { width: 570px; margin: 0 auto 40px 0; background: url(../images/top/contents05voicebg01.jpg) bottom left no-repeat; padding-bottom: 60px; padding-left: 120px; }
#voice .voicebox.voice01 .namebox { position: absolute; bottom: -40px; left: 0; line-height: 1.2; }
#voice .voicebox.voice02 { width: 570px; margin: 0 0 40px auto; background: url(../images/top/contents05voicebg02.jpg) bottom left no-repeat; padding-bottom: 80px; padding-right: 130px; }
#voice .voicebox.voice02 .namebox { position: absolute; bottom: -40px; right: 20px; line-height: 1.2; }
#voice .voicebox.voice03 { width: 430px; margin: 0 auto 40px 0; background: url(../images/top/contents05voicebg03.jpg) bottom left no-repeat; padding-bottom: 60px; padding-left: 120px; }
#voice .voicebox.voice03 .namebox { position: absolute; bottom: -40px; left: 0; line-height: 1.2; }
#voice .voicebox.voice04 { width: 460px; margin: 0 0 40px auto; background: url(../images/top/contents05voicebg04.jpg) bottom left no-repeat; padding-bottom: 90px; padding-right: 130px; }
#voice .voicebox.voice04 .namebox { position: absolute; bottom: -40px; right: 20px; line-height: 1.2; }
#voice .voicebox.voice05 { width: 430px; margin: 0 auto 40px 0; background: url(../images/top/contents05voicebg05.jpg) bottom left no-repeat; padding-bottom: 60px; padding-left: 120px; }
#voice .voicebox.voice05 .namebox { position: absolute; bottom: -40px; left: 0; line-height: 1.2; }

#access .mapbox { width: 100%; margin-bottom: 65px; }
#access .mapbox iframe { width: 100%; height: 490px; }
#access h3 { text-align: left; margin-bottom: 20px; border-bottom: 1px #000 solid; font-weight: normal; padding-left: 20px; padding-bottom: 10px; }
#access .accessinner { margin-left: 65px; }
#access .accessinner dl { text-align: left; }
#access .accessinner dl dd { margin-bottom: 10px; }
#access .accessinner dl dd ul { margin-left: 20px; }