@charset "UTF-8";
/* CSS Document */

/*----------------------
共通設定
----------------------*/

body {
font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
color: #333333;
line-height: 160%;
margin: 0;
padding: 0;
background-image: url(images/common/bg_img.gif);
}
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
a img { 
border: none;
}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
p {
margin: 0;
}
li {
list-style-type: none;
}
#container {
width: 960px;
margin: 0 auto; 
background-image: url(images/common/navi_bg.gif);
background-repeat: repeat-y;
}
#container_s {
width: 960px;
margin: 0 auto; 
background-image: url(images/common/s_bg.gif);
background-repeat: repeat-y;
}
#navi {
float: left;
width: 190px;
}
#main_top {
width: 750px;
float: right;
}
#main {
width: 750px;
float: right;
background-image: url(images/common/main_bg_img.gif);
}
#foot {
width: 946px;
clear:both;
padding: 32px 0 5px 16px;
margin-bottom:0;
background-image: url(images/common/footer.gif);
}
#foot li {
float: left;
margin-right: 20px;
}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}
.clearfix{
  zoom:1;
}
.clear{
clear:both;
}
.page_top {
float: right;
margin-top: 5px;
}
.txt10 {
font-size:10px;
}
.txt11 {
font-size:11px;
}
.mt5 {
margin-top: 5px;
}
.mt8 {
margin-top: 8px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt30 {
margin-top: 30px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}

/*----------------------
00 top
----------------------*/

.main-l {
float: left;
width: 495px;
background-image: url(images/common/main_bg_img.gif);
padding-bottom: 15px;
}
#main-r {
float: right;
width: 240px;
}
#main-r a:link {
color:#333;
text-decoration: none;
}
#main-r a:visited {
color:#333;
text-decoration: none;
}
#main-r a:hover {
color:#333;
text-decoration: underline;
}

.plan_ttl {
position: relative;
}
.plan_btn {
position: absolute;
top: 8px;
right: 14px;
}

.main-plan_img {
float: left;
width: 114px;
background-color:#B89666;
padding: 3px;
}
.main-plan_txt {
float: right;
width: 330px;
font-size: 11px;
}
.p_ttl {
font-size: 12px;
font-weight:bold;
margin-top: 2px;
margin-bottom: 2px;
}
.p_ttl a:link {
color: #B2391F;
text-decoration: none;
}
.p_ttl a:visited {
color: #B2391F;
text-decoration: none;
}
.p_ttl a:hover {
color: #09C; 
text-decoration: none;
}
.main-plan_box {
width: 465px;
background-image: url(images/top/main_line.gif);
background-repeat: repeat-x;
background-position: bottom;
margin: 0 0 0 15px;
padding: 10px 0;
}
#main-news {
width: 240px;
margin-bottom: 15px;
background-image: url(images/common/main_bg_img.gif);
padding-bottom: 10px;
position: relative;
}
#main-event {
width: 240px;
background-image: url(images/common/main_bg_img.gif);
padding-bottom: 10px;
position: relative;
}
.ttl_btn {
position: absolute; 
top: 15px; 
right: 20px;
}
.main-news_box, .main-event_box {
width: 216px;
background-image: url(images/top/main_line.gif);
background-repeat: repeat-x;
background-position: bottom;
margin-left: 12px;
font-size: 11px;
}
.main-news_box {
padding-bottom: 8px;
}
.main-event_box {
padding: 5px 0;
}
#main-event_txt{
width: 146px;
}
#main-event .sum {
float: right;
width: 50px;
margin-left: 10px;
}

.plan_news {
width: 450px;
padding: 6px 8px;
margin: 2px 15px 5px 15px;
background-color:#F4CDB0;
color: #B2391F;
}

/*----------------------
02 news
----------------------*/
#news_main {
float: left;
width: 495px;
padding: 20px 0 0 25px;
}
#news_navi {
float: right;
width: 180px;
padding: 20px 25px 20px 0;
}
.news_foot {
clear: both;
width: 700px;
padding: 20px 25px 10px 25px;
}
.news_cate {
float: right;
}
.entry_date {
margin-bottom: 6px;
padding: 0 6px;
}
.entry_head {
margin-bottom: 10px;
padding: 12px 0;
background-image: url(images/common/line1.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.entry_point {
float: left;
margin-right: 8px;
}
.entry_ttl {
font-size:14px;
color:#900;
font-weight:bold;
}
.entry {
padding: 0 6px 0 6px;
margin-top: 15px;
}
.entry a:link {
color: #663300;
text-decoration: underline;
}
.entry a:visited {
color: #663300;
text-decoration: underline;
}
.entry a:hover {
color: #09C;
text-decoration: underline;
}
.news_category_box {
margin-bottom: 20px;
}
#news_navi ul {
list-style-image: url(images/news/dot_img.gif);
margin: 10px 0;
}
.news_dot {
width: 165px;
font-size:11px;
margin-left: 15px;
margin-bottom: 3px;
}
.cate_box {
margin-bottom: 20px;
}
.news_cat_ttl {
font-size:14px;
color: #630;
font-weight:bold;
margin-bottom: 10px;
}
#news_navi a:link, a:visited {
color:#333;
text-decoration: none;
}
#news_navi a:hover {
color:#333;
text-decoration: underline;
}

/*----------------------
03 rooms
----------------------*/
.room_ttl {
position:relative;
}
.room_link {
position: absolute; 
top: 35px; 
right: 35px;
}
#rooms_main {
padding: 0 25px 0 25px;
}
.room-type_box {
padding: 15px 0;
background-image: url(images/common/line2.gif);
background-repeat: repeat-x;
background-position: bottom;
position: relative;
}
.room_point {
float: left;
margin-right: 8px;
}
.room-type {
font-size:13px;
font-weight:bold;
margin-bottom: 5px;
margin-left: 3px;
}
.room-type_img {
float: right;
}
.room-type_txt {
width: 380px;
}
.room-other_box {
position: absolute;
top: 145px;
}
.room-other_img {
float:left;
margin-right: 5px;
}
.room_subttl {
margin: 20px 0 10px;
}
.room-info_box {
padding: 8px 5px 8px 10px;
background-image: url(images/common/line_dot2.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.room-info_box a:link {
text-decoration: underline;
}
.room-info_box2 {
padding: 8px 5px 20px 10px;
background-image: url(images/common/line2.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.room-item {
float:left;
width:170px;
}
.room-info {
float:right;
width:510px;
}
.room-service_box {
padding: 8px 5px 5px 10px;
}
.room_foot {
clear: both;
padding: 0 25px 10px 25px;
}

/*----------------------
05 event
----------------------*/
.event_bnr {
float: right;
margin-right: 24px;
}
.event_copy {
width: 440px;
margin-left: 25px;
}
#event_main {
padding: 20px 25px;
}
.event_date {
font-size:13px;
font-weight:bold;
margin-bottom: 5px;
margin-left: 3px;
}

/*----------------------
06 rental space
----------------------*/

/*貸切利用のご案内
.rental_ttl {
background-image: url(images/rental/cafetop.gif);
background-repeat: no-repeat;
background-position: top;
}
*/

.rental_ttl {
padding: 32px 0 0 28px;
}

.rental_copy {
margin-top:45px;
width: 435px;
}
.rental_copy p {
margin-bottom: 10px;
}
.rental_main {
padding: 20px 25px 0 25px;
}
.rental_box {
padding-top: 10px;
padding-left: 50px;
}
.rental_box p {
margin-bottom: 10px;
}
.rental_box img {
margin-top: 10px;
}
.rental_top {
padding bottom: 10px;
}

/*----------------------
08 reserve
----------------------*/
#reserve_main {
padding: 20px 25px 10px;
}
.reserve_btn {
margin-left: 223px;
}
.reserve_box {
padding: 8px 5px 8px 0px;
}
.reserve_line {
margin: 15px 0;
}
.reserve-subttl {
float:left;
}
.reserve-info {
float:right;
width:472px;
}
.reserve-info p {
line-height: 180%;
}
.reserve_qr img {
float:left;
margin-bottom: 15px;
}

/*----------------------
01 about
----------------------*/

#about_main {
padding: 10px 25px;
}
.about_txt_box {
padding-left: 3px;
}
.about_catch {
font-size:12px;
color: #630;
font-weight:bold;
margin-top: 15px;
}
.main_box {
padding: 10px 30px 0 30px;
}
.txt_b_ttl {
font-weight:bold;
margin-top: 10px;
}
.about_sum {
width: 283px;
float:left;
padding: 30px 0px 70px 30px;
}
.about_sum_box {
width: 283px;
}
.about_sum_box li {
width: 65px;
float:left;
margin-right: 5px;
padding-bottom: 5px;
}
.about_photo {
width: 360px;
float:right;
margin-top: 30px;
}
.photo {
display: table-cell;  
    text-align: center;  
    vertical-align: middle;  
    width: 350px !important;  
    width: auto;  
    height: 350px !important;  
    height: auto;
}
.photo_txt {
width: 350px;
clear: both;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#630;
}
.gallery {
margin-top: 10px;
height: 450px;
background-image: url(images/about/photo_bg.jpg);
background-repeat:no-repeat;
}

/*----------------------
07 access
----------------------*/

.access_txt p {
margin-top: 5px;
}
#access_main {
padding: 10px 25px 0 25px;
}

/*----------------------
09 links
----------------------*/

.link_txt {
color: #630;
font-weight: bold;
}
.link_bnr {
width: 210px;
float: left;
margin-right: 20px;
}

/*----------------------
FAQ
----------------------*/

.faq_box {
background-image: url(images/common/line2.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 10px;
}

.faq_index {
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}

.faq_ttl {
font-size:15px;
color:#900;
font-weight:bold;
margin-bottom:10px;
}

.faq_q {
color: #630;
font-weight:bold;
}

.faq_a {
margin-bottom:10px;
}

.faq_box a:link {
text-decoration: underline;
}

.faq_index, .faq_a a:hover {
color: #06C;
}

.faq_top {
float: right;
}

/*----------------------
cafe
----------------------*/

#cafe_main {
padding: 0 25px;
}

.cafe_box {
padding: 0px 0px 0px 0px;
}
.cafe_line {
margin: 15px 0;
}
.cafe-subttl {
float:left;
}
.cafe-info {
float:right;
width:530px;
margin-top: 5px;
}
.cafe-info p {
line-height: 180%;
}

.cafe-photo{
margin-right: 5px;
}
.cafe-l {
float:left;
}
.cafe-r {
float:right;
}

/*----------------------
The Bell
----------------------*/
#bell_main {
padding: 20px 25px 10px;
}

.movie_btn {
margin-left: 270px;
}

.makuake_btn {
margin: 20px;
}

.bell_line {
margin: 15px 0;
}

h2.bell_ttl {
  font-weight: bold;
  font-size: 1.25em;
}

.bell_img {
  float: right;
}

.bell_txt {
  width: 436px;
}

.view_list {
  display: flex;
  justify-content: space-between;
}

.view_list li {
  margin-bottom: 12px;
}

.view_list li img {
  width: 100%;
  vertical-align: bottom;
}

.actor_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.actor_list li {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.actor_list li img {
  width: 110px;
  margin-bottom: 12px;
}

.actor_list li:first-child p:first-of-type {
  font-size: 10px;
}