@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* common */
* {font-family:'Noto Sans Japanese',sans-serif;}
body {font-family:'Noto Sans Japanese',sans-serif;}
button:hover {opacity:0.6;}
a:hover {color:#f19149 !important;}

/* breadCrumb */
.top-menu-title p{color:#f19149;}

/* box */
.box   {font-size:16px;line-height:1.5;text-align:left;font-weight:400;}
.box1 {font-size:22px;line-height:1.25;text-align:center;padding:10px;margin-bottom:20px;color:#555;border-bottom:1px solid #888;border-top:2px solid #f19149;}
.box2 {font-size:22px;line-height:1.25;text-align:center;padding:10px 20px;margin-bottom:20px;color:#fff;background:#f19149;}
.box3 {font-size:22px;line-height:1.25;text-align:left;font-weight:bold;padding:5px 20px;margin-bottom:20px;color:#333;border-left:8px solid #f19149;}
.box4 {font-size:16px;line-height:1.25;text-align:center;padding:20px 20px;margin-bottom:20px;border:2px solid #ccc;}
.box5 {font-size:22px;line-height:1.25;text-align:left;left: 500px;padding:13px 25px;margin-bottom:20px;background:#ddd;border-left: 8px solid #f19149;color:#f19149;}

/* text style */
.tit_01 {font-weight:800;font-size:40px;line-height:50px;text-align:center;color:#000;}
.tit_02 {font-weight:800;font-size:30px;line-height:38px;text-align:center;color:#000;}
.tit_03 {font-weight:400;font-size:30px;line-height:42px;text-align:left;color:#000;}
.tit_04 {font-weight:300;font-size:15px;line-height:27px;text-align:left;color:#000;}
.tit_05 {font-weight:300;font-size:20px;line-height:35px;text-align:left;color:#000;}/*font*/
.tit_06 {font-weight:400;font-size:12px;line-height:24px;text-align:left;color:#000;}

/* sub_table */
.s_table01 {width:100%;margin:auto;}
.s_table01 th , .s_table01 td {border-width:1px 0;border-style:solid; border-color:#d0d4d9;}
.s_table01 th {font-size:18px;line-height:28px;padding:15px 25px;text-align:left;font-weight:bold;background:#f5f7f9;}
.s_table01 td {;font-size:16px;line-height:26px;font-weight:300;padding:15px;background:#fff;vertical-align:middle;}
.s_table01 td:nth-child(1) {text-align:center;width:15%;}
.s_table01 td:nth-child(2) {text-align:center;width:10%;}

.s_table02 {width:100%;margin:auto;}
.s_table02 th{font-size:16px;line-height:26px;text-align:center;border:3px solid #fff;padding:12px 3px;background:#333;color:#fff;}
.s_table02 td{font-size:16px;line-height:26px;text-align:center;border:1px solid #f1f1f1;padding:8px 3px;color:#333;}
.s_table02 th a {color:#fff;}

.s_table03 {width:100%;margin:auto;}
.s_table03 th{font-size:18px;line-height:26px;text-align:left;font-weight:900;border-bottom:1px dotted #ccc;padding:15px 10px;vertical-align:top;width:30%;color:#0d3b60;} 
.s_table03 td{font-size:16px;line-height:26px;text-align:left;font-weight:300;border-bottom:1px dotted #ccc;padding:15px 10px;color:#888;}

.s_table04 {width:100%;margin:auto;border-bottom:1px solid #bcbcbc;}
.s_table04 th{font-size:20px;line-height:32px;text-align:left;border-bottom:1px dotted #ccc;padding:15px 10px;vertical-align:top;color:#313131;} 
.s_table04 td{font-size:16px;line-height:28px;text-align:right;border-bottom:1px dotted #ccc;padding:15px 10px;color:#d10000;}

.s_table05 {margin-top:30px;width:100%;border-bottom:solid 1px #fbd4b4;}
.s_table05 th {font-size:16px;padding:10px 12px;border-width:1px 1px 0 1px;border-style:solid;border-color:#fff;background:#fbd4b4;line-height:1;letter-spacing:0.1em;width:200px;}
.s_table05 td {font-size:14px;padding:10px 12px;border-width:1px 1px 0 1px;border-style:solid;border-color:#fbd4b4;}

/* button */
.btn01 {margin:0 auto;padding: 15px 0px;overflow: hidden;}

/*Board*/
.Board .m_titbox-type {width:150px;border-bottom:2px solid #999;}

/*Board mod_article01*/
.mod_article01 .time {color:#fff;background:#7e6b5a;}
.mod_article01 .tit {color:#000;;}

/*Board mod_article02*/
.mod_article02 .time {;color:#fff;background:#7e6b5a;}
.mod_article02 .tit {color:#000;}
.mod_article02 .txt {color:#999;}

/*Board mod_article03*/
.mod_article03 .time {color:#fff;background:#7e6b5a;}
.mod_article03 .tit {color:#000;}
.mod_article03 .txt {color:#999;}

/* etc */
.box01_content {width:100%;overflow:hidden;margin:0 auto 70px auto;}
.box01_left {float:left;margin-right:2%;}
.box01_right {float:right;}

/* PC [ 769px ~ ] */
@media all and (min-width:769px),(max-width:1200px) {

  /* header for nav */
  .P-nav-logo {padding:25px 20px 15px 20px;font-size:30px;line-height:46px;color:#777;z-index:999;}
  .P-nav-logo img {width:210px;}

  /* Nav links */
  .P-nav-item {position:relative;display:inline-block;padding:38px 20px;font-weight:500;color:#111;}
  .P-nav-item:hover,.P-nav-item:focus {color:#000;text-decoration:none;}

  /* main _ slide */
  .main-slider {overflow:hidden;}
  .main-slide-text {position:relative;width:1200px;margin:0 auto;text-align:center;z-index:1;}
  .main-slide-text .visual-text {position:absolute;margin:0;padding-top:220px;left:240px;color:#fff;z-index:5;text-align:left;}
  .main-slide-text .visual-wbox {width:210px;height:500px;background:#fff;position:absolute;opacity:0.5;padding-top:100px;left:150px;z-index:2;display:none;}
  .main-slider {width:100%;overflow:hidden;}
  .main-slider li {position:relative;width:100%;height:751px;overflow:hidden;background-size:100% auto;}

  /* main _ contents */
  .P-contents {width:100%;position:relative;display:block;}
  section {width:100%;margin:0px auto 100px auto;overflow:hidden;}

  .tit_line {width:50px;height:50px;background:#f19149;color:#fff;font-weight:bold;font-size:28px;text-align:center;margin-bottom:15px;}
  .m_titbox {width:100%;margin:50px auto 20px auto;}
  .m_titbox-type {width:150px;text-align:left;font-size:25px;line-height:33px;overflow:hidden;}
  .m_titbox-type_r {width:100%;text-align:center;font-size:25px;line-height:33px;overflow:hidden;}
  .m_titbox-type_w {width:100%;text-align:left;font-size:33px;color:#fff;}
  .m_titbox-type_w span {padding-right:20px;}

  /*section_01*/
  .section_01 {width:100%;margin:0 auto 10px auto;}
  .section_01  p {text-align:center;}

  .welcome_content {width:100%;max-width:1200px;background:#fff;padding:55px;/*position:absolute;*/z-index:2;top:-4%;overflow:hidden;}

  .wel_box {width:30.6%;margin-right:4%;float:left;}
  .wel_box:last-child {margin-right:0;}
  .wel_view {width:100%;height:212px;position:relative;overflow:hidden;}
  .wel_cover {position:relative}
  .wel_cover img {width:100%}
  .wel_bg {position:absolute;top:0;left:0;background-position:center center;width:100%;height:100%;}

  .wel_txt {width:100%;}
  .wel_txt .tit_04 {font-size:25px;font-weight:bold;padding:20px 15px 10px 15px;}
  .wel_txt .tit_05 {font-size:15px;text-align:center;color:#f19149;padding:0px 0px 20px px;}

  /*middle_box*/
  .middle_box {width:100%;margin:100px 0;}   
  .mid_view {width:100%;height:216px;position:relative;overflow:hidden;}
  .mid_cover {position:relative}
  .mid_cover img {width:100%}
  .mid_bg {position:absolute;top:0;left:0;width:100%;height:216px;}

  /*section_02*/
  .section_01 {width:100%;}

  .category_content {width:100%;max-width:1200px;padding:0 20px;}
  .category_content div {float:left;}

  .cate_box:nth-child(1) {width:31.6%;height:427px;background:url(/images/main/room_img_01.png) center no-repeat; background-size: auto 100%;}
  .cate_box:nth-child(3) {width:24.1%;height:425px;background:url(/images/main/cafe_img_01.png) center no-repeat; background-size:auto 100%;}
  .cate_box:nth-child(2) {width:44.1%;height:425px;background:url(/images/main/notice_img_01.png) center no-repeat; background-size:auto 100%;}
  .cate_box p {padding-bottom:20px;}

  .rooms .m_titbox {padding-left:50px;}    
  .rooms:hover {background-size:auto 120%;transition:all .5s;background-position: -50% 0% -50% 0%;}

  .gallery {width:150px;margin:0 auto;}
  .gallery .tit_line {margin:0 auto 15px auto;}
  .gallery .m_titbox {margin-top:100px;}
  .gallery .m_titbox p:last-child {margin-top:50px;}
  .gallery .m_titbox p:last-child:hover {margin-top:45px;}
  .gallery p {text-align:center;}

  .notice {margin:0 auto;}
  .notice .m_titbox {padding-left:50px;padding-right:50px;} 
  .notice:hover {background-size:auto 120%;transition: all .5s;background-position: -50% 0% -50% 0%;}

  .table_01 {width:100%;}
  .table_01 th {width:100%;font-weight:200;font-size:16px;line-height:20px;color:#fff;text-align:left;padding:13px 5px;}
  .table_01 th a {color:#fff;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
  .table_01 a:hover{text-decoration:underline;cursor:pointer;}

  /*SNS_link*/
  .SNS_link {height: 200px;}
  .call_box {width:300px;margin:30px auto;float:left;}
  .call_txt {width:300px;height:70px;margin-bottom:20px;}

  .sns_content .sns_box {width:150px;margin:30px auto 10px auto;float:right;}
  .sns_content .sns_box a {width:55px;height:55px;border-radius:55px;}
  .sns_content .sns_box a img {margin:16px 0 0 15px;}
  .sns_content .sns_box a:nth-child(1) {background:#fff;border:1px solid #009944;}
  .sns_content .sns_box a:nth-child(2) {background:#00479d;margin-right:0;}
  .sns_content .sns_box a:nth-child(3) {width:150px;background:none;margin:20px 0 10px 0;}
  .sns_content .sns_box a:nth-child(3) img {margin:0;}
  
  
  .section_03 .ta_ct:hover {opacity:0.5;}
  
}

/* mobile [0 ~ 768px] */
@media all and (max-width:768px) {

  .s_table01 th {padding:10px 1px;}
  .s_table01 td {padding:10px 1px;}
  .s_table01 td:nth-child(1) {width:10%;}
  .s_table01 td:nth-child(2) {width:16%;}

  /* header for nav */
  .P-nav-logo {padding:18px 0 18px 20px;font-size:24px;line-height:33px;}
  #btn-top-menu {width:38px;float:right;padding-top:30px;margin-right:15px;}

  /* main _ slide */
  .main-slider {width:100%;display:none;}
  .main-slide-text {width:100%;top:0;}
  .main-slide-text .visual-text {width:70%;max-width:400px;margin:0;padding-top:15%;left:20%;}
  .main-slide-text .visual-text img {width:100%;margin:auto;}
  .main-slide-text .visual-wbox {width:200px;height:500px;padding-top:15%;left:10%;}
  .wrap ul.slides{width:100%;overflow:hidden;}
  .wrap ul.slides li{position:relative;width:100%;height:350px;background-position:center center;background-size:100% auto !important;}

  .m_titbox {margin:30px auto 20px auto;}

  /*section_01*/
  .section_01 {margin-top:90px;overflow:hidden;}
  .section_01  p {}

  .welcome_content {padding:10px;position:relative;}

  .wel_box {width:100%;margin-right:0px;margin-bottom:50px;}
  .wel_view {height:212px;}
  .wel_bg {}

  .wel_txt {}
  .wel_txt .tit_04 {}
  .wel_txt .tit_05 {}

  /*middle_box*/
  .middle_box {margin-top:0px;}   
  .mid_view {height:200px;}
  .mid_bg {}

  /*section_02*/
  .section_01 {}

  .category_content {padding:0px;}
  .category_content div {}

  .cate_box:nth-child(1) {width:100%;background-size:cover;}
  .cate_box:nth-child(3) {width:100%;}
  .cate_box:nth-child(2) {width:100%;background-size:cover;}
  .cate_box p {}

  .rooms .m_titbox {padding-left:30px;}    
  .rooms:hover {background-size:cover;}

  .gallery {}
  .gallery .tit_line {}
  .gallery .m_titbox {}
  .gallery .m_titbox p:last-child {}
  .gallery .m_titbox p:last-child:hover {}
  .gallery p {}

  .notice {}
  .notice .m_titbox {padding-left:30px;padding-right:30px;} 
  .notice:hover {background-size:cover;}

  .table_01 {}
  .table_01 th {}

  /*SNS_link*/
  .SNS_link {width:100%;height:300px  !important;}
  .sns_content {width:300px  !important;margin:0 auto;}

  .call_box {width:270px;margin:30px auto;overflow: hidden;float:none;}
  .call_txt {width:270px;height:70px;margin-bottom:20px;}
  .call_txt .ct_02 {width:220px;padding-top:13px;}
  .call_txt .ct_02 .tit_05 {color:#162139;line-height:15px;}
  .call_box .tit_04 {text-align:center;}

  .sns_content .sns_box {margin:30px auto;float:none;}
  .sns_content .sns_box a {float:left;}
}

/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {
  /* sub_table */
  .s_table02 th, .s_table03 th, .s_table04 th, .s_table05  th {width:auto;display:block;padding:10px 13px;}
  .s_table02 td, .s_table03 td, .s_table04 td, .s_table05 td {width:auto;display:block;padding:10px 13px;}

  .s_table01 th {font-size:14px;padding:10px 5px;}
  .s_table01 td {font-size:14px;padding:10px 5px;}
  .s_table01 td:nth-child(1) {width:10%;}
  .s_table01 td:nth-child(2) {width:15%;}

  /* main _ slide */
  .main-slide-text .visual-text {width:70%;max-width:400px;margin:0;padding-top:10%;left:20%;}
  .wrap ul.slides li{height:200px;background-size:100% auto !important;}

  /* etc */
  .box01_left {width:100% !important;float:left;margin-right:0px;margin-bottom:20px;}
  .box01_right {width:100% !important;float:left;}
}