@charset "UTF-8";

@media(max-width:1024px){

.pd{ display:none;}
.sd{ display: block;}

img {
	width: 100%;
	height: auto;
}

/*------------------- ヘッダーロゴ -------------------*/

.header_logo_inner {
	width: 70%;
	text-align: center;
}
.header_logo_inner img {

}
/*------------------- ヘッダー -------------------*/

.main_visual {
    min-width: 100%;
    margin: 0;
		background: none;
		background-color: #f9eddf;
}
.main_visual_inner {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: none;
}
.header {
	width: 100%;
    height: auto;
    margin: 0 auto;
    background: none;
    text-align: center;
}
.header img{
	max-width: 640px;
    height: auto;
    margin: 0;
}
.header_logo_inner img {
	text-align: center;
	width: 50%;
	position: relative;
}

/*------------------- headerの中身 -------------------*/
.search {
  width: 100%;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
}
.search_box {
  box-sizing: border-box;
  background-color: #dcd4c6;
  padding: 10px;
  margin: 0 auto;
}
.search_box ul  {
  text-align: center;
}
.search_box ul li {
  font-weight: bold;
}
.search_box ul li:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  font-weight: 900;/*Solidは900 RegularまたはBrandsは400 Lightは300*/
  padding-right : 5px;
  color: #f89174;
}
.dl_box {
  display: flex;
  margin: 0 auto;
}
.search_box dl  {

}
.search_box dl dt {
  background-color: #755441;
      color: #fff;
      font-weight: bold;
      border-radius: 5px;
      display: inline-block;
      padding: 0 10px;
      margin-bottom: 7px;
}
.search_box dl dd {
  background-color: #fff;
  padding: 5px;
  margin: 5px;
  box-shadow: 2px 2px 4px gray;
  border-radius: 5px;
}
.search_box dl dd:active {
  box-shadow: 2px 2px 4px gray inset;
  transform: translateY(2px);
}
.search_box dl dd a {
  text-decoration: none;
  color: #693908;
  font-weight: bold;
  cursor: pointer;
}
.fb1 {
  width: 96%;
	margin-top: 8px;
	margin-bottom: 8px;
}
.fb2 {
  width: 96%;
	margin-bottom: 8px;
}
.fb3 {
  width: 96%;
	margin-bottom: 8px;
}
.fb4 {
  width: 96%;
	margin-bottom: 8px;
}
/*------------------- canvas -------------------*/
canvas {
	width: 100%;
}
/*------------------- ハンバーガー -------------------*/
.ham_navi {
	position: fixed;
	right: -320px;
	top: 0;
	width: 300px;
	height: 100vh;
	padding-top: 40px;
	background-color: #252525;
	transition: all .6s;
	z-index: 200;
	overflow-y: auto;
}
.ham_navi_list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}
.ham_navi_item {
	text-align: center;
	padding: 0 14px;
}
.ham_navi_item a {
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}
.ham_navi_item a:hover {
	background-color: #eee;
}
.ham {
	position: fixed;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 300;
}
.ham_line {
	position: absolute;
	left: 11px;
	width: 18px;
	height: 1px;
	background-color: #fff;
	transition: all .6s;
}
.ham_line1 {
	top: 14px;
}
.ham_line2 {
	top: 20px;
}
.ham_line3 {
	top: 26px;
}
.cv_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 200vw;
	height: 100vh;
	z-index: 100;
	background-color: #bdbcbc;
	opacity: 0;
	visibility: hidden;
	transition: all .6s;
	cursor: pointer;
}

/* 表示された時用のCSS */
.navi_open .ham_navi {
	right: 0;
}
.navi_open .cv_bg {
	opacity: 1;
	visibility: visible;
}
.navi_open .ham_line1 {
	transform: rotate(45deg);
	top: 20px;
}
.navi_open .ham_line2 {
	width: 0;
	left: 50%;
}
.navi_open .ham_line3 {
	transform: rotate(-45deg);
	top: 20px;
}
/*------------------- セクション、アーティクル -------------------*/
article {
    line-height: 1.8em;
    margin: 10px;
    padding: 5px;
}
article .box {
    width: 100%;
}
article .box .other {
    display: flex;
	width: 100%;
}
article .box .ecblock {
    width: 50%;
    padding: 15px;
}
article .flex-1 {
    width: 100px;
    margin: 0 auto;
}
article .flex-2 {
    flex: 1;
    padding-left: 10px;
}
article .info_box {
  width: 100%;
}
article .info_box .info {
  width: 100%;
}
article .box2 {
  width: 100%;
}
article .info_box .info_room {
	padding: 5px;
}
/* Table
=========================================*/
.table02 .lv01 {
		font-size: 0.9em;
}
.photoarea {
  width: 100%;
}
/*------------------- コンテナ -------------------*/
.container {
  	display: block;
	width: 100%;
	box-sizing: border-box;
}
.container_item {
	width: 100%;
  }
.con_contents {
	width: 100%;
	margin-left: 0;
  }
.bkgc1 {
	display: block;
}
.bkgc2 {
	display: block;
}
/*------------------- ボックス -------------------*/
.box_oya {
	display: block;
	width: 100%;
}
.box1 {
	width: 100%;
	padding: 5px;
}
.box2 {
	width: 100%;
	padding: 5px;
}
.box3 {
	width: 100%;
	padding: 5px;
}

/*------------------------タブ------------------------*/
.iremono {
    max-width: 100%;
    margin: 0 auto;
	padding: 12px;
}
#container {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#container ul {
	margin-bottom: 0px !important;
}
#tab {
	height: 1.8em;
}
#tab li {
    list-style: none;
    display: flex;
}
#tab li a {
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: 0;
	text-decoration: none;
	color: #777;
	text-align: center;
	padding: 3px;
    font-size: 0.8em;
}
#tab li a:hover,
#tab li.present a {
	border-color: #333;
	color: #000;
}
#page1, #page2, #page3, #page4, #page5 {
	height: 100%;
}

/*-------------------EC、カルーセル----------------*/

.multiple {
	padding: 0;
	width: 100%;
}
.multiple img {
	width: 100%;
}
.multiple div {
	margin: 0 10px;
}

/*------------------------フォームお問い合わせ------------------------*/
.contact {
  width: 100%;
}

/*------------------- フッター -------------------*/
footer {
	text-align: center;
	width: 100%;
}
.f_box {
	display: block;
}
/*------------------- スクロールボタン -------------------*/
#page-top {
	position: fixed;
	bottom: 60px;
	right: 10px;
}
/*------------------- 表示拡大、縮小 -------------------*/
#jquery-ui-effect {
    width: 100%;
}
}