@charset "utf-8";

/*
This file make sure : common.css
Description : 株式会社アイデムコーポレーション for コーポレートサイト
Author : 株式会社アイデムコーポレーション
Author URI : http://aidem-cp.co.jp/recruit
Last Renew : 更新履歴を記載　2016/08/16
*/


/*------------------------------------------
/
/ 0■common　　　 　基本
/ 1■header　　　 　共通ヘッダー
/ 2■main-visual　　共通トップ＋サブビジュアル
/ 3■main-contents　共通コンテンツ
/ 4■main-contents　各ページコンテンツ
/ 5■footer　　　　 共通フッター
/
-------------------------------------------*/

/* Global Header
--------------------------------------*/

#globalheader {
	position: fixed;
	display: block;
	width: 100%;
	background: #000;
	color: #aa8d88;
	z-index: 999;
	letter-spacing: 0;
}
#globalheader .obj1 {
	margin-left: 4px;
	margin-right: 4px;
	font-size: 12px;
}
#globalheader a {
	color: #aa8d88;
}
#globalheader .obj2 {
	position: absolute;
	font-size: 14px;
	padding: 1.5px 16px;
	right: 0;
	background: #85ad33;
}
#globalheader .obj2 a {
	color: #fff;
}

/* Main Contents
--------------------------------------*/


/* --- mvisual --- */
#mvisual {
	position: relative;
}
#mvisual .deco {
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 101%;
	z-index: 10;
}
#mvisual .ibox {
	position: relative;
}
/*
.slider > li[aria-hidden="false"] {
    animation: anime_zoom 8s linear;
  animation-fill-mode: forwards;
}
.slider > li[aria-hidden="true"] {
    transform: scale(1.1);
}

@keyframes anime_zoom {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
    }
}
*/
.bx-wrapper {
	position: relative;
	width: 100%;
  margin-bottom: 24px;
	box-shadow: none;
	border: 0;
	background: none;
	z-index: 5;
}
.bx-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-102%);
  -webkit-transform: translate(-50%,-102%);
  transform: translate(-50%,-102%);
  margin:0;
  padding:0;
}
.bx-viewport {
	width: 100%;
	max-height: 500px !important;
	padding-top: 72%;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 4px;
  height: 8px;
	background: #cabbbb;
}
@media (max-width: 800px) { }
@media (max-width: 512px) { }

/* sub visual
--------------------------------------*/
#svisual {
	position: relative;
}

#svisual h1 {
	position: absolute;
  top: 50%;
  left: 50%;
	width: 80%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
  font-family: "游明朝","Yu Mincho",YuMincho, Georgia,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif ;
}
@media (max-width: 512px) {
#svisual h1 {
	font-size: 16px;
}	
}

/* bnrセクション
--------------------------------------*/

.bnr {
	position: relative;
}

.bnr .bnr1 {
	display: block;
	margin-bottom: 40px;
	background: url(../img/bnr-goyoyaku-on.jpg) no-repeat;
	background-size: 100%;
}
.bnr .bnr1 img {
  transition: .5s;
}
.bnr:hover .bnr1 img {
	opacity: 0;
}


@media (max-width: 800px) { }
@media (max-width: 512px) { }


#reservation {
   margin: 0 auto 60px;
   text-align: center;
}
#reservation p {
	font-size: 14px;
}
#reservation .tbox {
	margin-bottom: 28px; 
	font-size: 28px;
}
#reservation .tbox a {
	color: #1a0dab;
  	vertical-align: middle;
    border-bottom: 1px solid;
}
#reservation .tbox .tel{
	font-size: 20px;
	padding-right: 12px;
}
#reservation .tbox .time{
	font-size: 14px;
	padding-top: 10px;
	line-height: 16px;
}

/* Worksページ
--------------------------------------*/
/*ボックス１個あたりの設定*/
#mcol .list {
	width: 16%;
	float: left;
	text-align: center;
	margin-left: 3%;
	margin-bottom: 20px;
}
/*ボックス内の画像*/
#mcol .list figure img {
	border-radius: 200px;
}
/*ボックス内のh3タグ*/
#mcol .list h3 {
	font-weight: normal;
	font-size: 11px;
	padding: 0px 10px;
}

@media (max-width: 800px) { }
@media (max-width: 512px) { }



/*ロゴ画像*/
#scol .logo {
  margin-bottom: 8px;
  text-align: center;
}

#scol .logo a {
  display: inline-block;
}

/*
	border-top: 5px solid #f4dc84;
	border-bottom: 5px solid #f4dc84;
*/

@media (max-width: 800px) {
#scol .logo {
  margin-bottom: 4px;
}
}
@media (max-width: 512px) { }



/* グローバルメニュー
--------------------------------------*/

#gnavi {
	text-align: center;
	font-size: 14px;
}
#gnavi li span {
	position: relative;
}
#gnavi li {
	display: block;
	text-decoration: none;
	padding: 16px 10px 0;
}
/* 2025/01/19
#gnavi li:first-child {
	padding: 10px 10px 8px;
}
*/
#gnavi li a {
	color: #f4dc84;
}

@media (max-width: 800px) { 
#gnavi li a {
	color: #7e6b5b;
}
}
@media (max-width: 512px) { }

/* HOVER */
#gnavi li span::after {
  position: absolute;
  top: 1.4em;
  left: 0;
  content: "";
  width: 0;
  height: 3px;
  background: #753f46;
  background: #ccad93;
  background: #7d5a6d;
  transition: .8s;
	border-radius: 4px;
}
#gnavi ul li span:hover::after {
  width: 100%;
}

/* scroll bar */
ul.gml::-webkit-scrollbar {
  width: 5px;
}
ul.gml::-webkit-scrollbar-track{
   background-color: #ccc;
}
ul.gml::-webkit-scrollbar-thumb{
   background-color: #17585d;
}
/* info
--------------------------------------*/

/* news */

#news ul {
	padding-left: 20px;
	margin-bottom: 15px;
}



/* service
--------------------------------------*/
/* reset */
#service h3::before,
#service h3::after {
	content: none;
}


#service ul li h3 {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}
#service ul li h3 span {
	position: absolute;
  top: 50%;
  left: 50%;
	width: 172px;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding: 2px 0;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	text-align: center;
	font-size: 90%;
	font-weight: normal;
	background: rgba(255, 255, 255, 0.3);
}
#service ul li {
	width: 48%;
	float: left;
	margin: 0 0 6% 4%;
}
#service ul li:nth-child(2n+1){
	margin-left: 0;
}
@media (max-width: 800px) { }
@media (max-width: 512px) {
#service ul li {
	width: 100%;
	float: none;
	margin: 0 0 6% 0;
}
}

/* HOVER */

#service ul li a:hover h3 {
	opacity: .8;
}


/* message
--------------------------------------*/
#message h3 {
  margin-top:32px;
}
#message .mod__text_left {
  float: left;
  width: 62%;
  margin-right:4%;
}
#message .mod__image_right {
  float: right;
  width: 32%;
  max-width: 224px;
}
@media (max-width: 512px) {
#message .mod__text_left {
  float: none;
  width: 100%;
  margin-right:0;
}
#message .mod__image_right {
  float: none;
  width: 56%;
  margin: 12px auto 24px;

}
}

/*PAGINATION設定
---------------------------------------------------------------------------*/
.pagination {
  margin-bottom: 24px;
}
.pagination ul {
  text-align: center;
}
.pagination li{
  display: inline-block;
  margin: 0 24px;  
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	padding-top: 16px;
	padding-bottom: 54px;
}
#pagetop a {
	color: #fff;
	font-size: 10px;
	line-height: 50px;
	background: url(../img/cmn-icon-totop.png) no-repeat right center/40px;
	text-decoration: none;
	display: block;
	float: right;
	margin-right: 7%;
	padding-right: 40px;
	border: none;
}

/* HOVER */
#pagetop a:hover {
	transform: translateY(-4px);
}
@media (max-width: 512px) {
#pagetop a {
	color: #7e6b5b;
	background: url(../img/cmn-icon-totop2.png) no-repeat right center/40px;
}
}



/*画面左上の画像装飾
---------------------------------------------------------------------------*/
#deco {
	position:fixed;
	left:-40px;
	top:28px;
	width:240px;
	
	/* TYPE 1 */
  left:-40px;
	top:28px;
	width:272px;
	
	/* TYPE 2 */
  left: -140px;
	top: -36px;
	width:272px;
	
	display: none;
}

/*その他
---------------------------------------------------------------------------*/
/*
.look {background: #dcdcdc;background:rgba(0,0,0,0.15);display:inline-block;padding:0px 5px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color: #7e6b5b;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 30px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;}
*/

/* アクセスページ
---------------------------------------------------------------------------*/

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin-bottom: 40px;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* 料金案内ページ
---------------------------------------------------------------------------*/
#menulist {
  position: relative;
}
#menulist .headline3 {
  text-align: left;
  margin-bottom: 0;
  padding-top:40px;
}
#menulist .tax-info {
  margin-bottom: 16px;
  font-size: 12px;
  color: #000;
}
#menulist .dwl {
	font-size: 14px;
}
#menulist .dwl a:hover {
	text-decoration: underline;
}
#menulist .offprice {
    margin-bottom: 8px;
	font-size: 15px;
	color: #F00;
	text-align: left;
	font-weight: bold;
}
#menulist .offprice span {
	font-size: 12px;
}

#menulist .dwl span {
	letter-spacing: -2px;
	margin-right: 4px;
 	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#menulist .mod {
	margin-bottom: 24px;
}
#menulist .mod dl dt {
	clear: both;
	float: left;
  display: list-item;
  list-style: none;												/* なし */
  margin-left: 0;
	padding-left: 21px;
  background-position: 0 4px;
}
#menulist .mod dl dd {
	float: right;
	margin-bottom: 16px;
  text-align: right;
}
#menulist .mod .tbox {
	margin-bottom: 12px;
	font-size: 12px;
	text-align: center;
}

#jump_btn {
  position:relative;
  z-index: 10;
}
#jump_btn ul {
  position: fixed;
  left: 0;
  right: 8px;
  bottom: 8px;
  text-align: right;
}
#jump_btn li {
  display: inline-block;
}
#jump_btn li a {
  margin: -2px;
  padding: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #dd944b;
  color: #fff;
}


/* 予約ページ
---------------------------------------------------------------------------*/
#lcal,
#scal {
	margin-bottom: 40px;
}
#scal img {
	border: 1px solid #777777;
	border-radius: 8px;
}
#scal a img {
	padding: 8px;
}
#scal .mod {
	margin-bottom: 32px;
}
#scal .ibox.fl {
	width: 27%;
	margin: 0 3% 0 0;
}
#scal .tbox.fl {
	width: 70%;
}
/* HOVER */
#scal a:hover img {
	opacity: .8;
}
@media (max-width: 800px) { }
@media (max-width: 512px) {
#scal .ibox.fl {
	width: 148px;
	margin: 0 auto 20px;
}
#scal .tbox.fl {
	width: 100%;
}
}

.calendar html {
  overflow:hidden;
}

/* よもぎ蒸しページ
---------------------------------------------------------------------------*/
blockquote ul li {
	display: inline-block;
	font-size: 14px;
}
blockquote ul.normal li {
	display: block;
	line-height: 1.8;
}
blockquote ul li::before {
	content: '◆';
	margin-right: 2px;
}

blockquote ul.normal li::before {
	content: '・';
	margin-right: 2px;
}
#recommand h2 {
  border-radius: 25px;
  padding: 6px 0 6px 30px;
  margin-bottom: 32px;
}

/* コンタクトページ
---------------------------------------------------------------------------*/
/* mailform */
.tb-cell {
  display: table;
/*  width: 300px; */
	width: 100%;
  margin: 20px auto 40px auto;
  text-align: left;
}
.tb-cell .row {
  display: table-row;
}
.tb-cell .row .cell {
  display: table-cell;
  border: 1px solid #ddd;
  padding: 10px;
  vertical-align: middle;
  color:  #666 /* #fff */;
}
.tb-cell .row .cell:nth-child(odd) {
/*  width: 100px; */
	width: 30%;
}
.tb-cell .row .cell:nth-child(even) {
/*  width: 200px; */
	width: 70%;
}
.mail-form .row .cell {
  padding: 5px;
}
.mail-form .row .cell:nth-child(1) {
  background: none /* #9fb7d4 */;
}
.mail-form .row .cell:nth-child(2) {
  background: none /* #ccc */;
}
select,
input[type="text"],
input[type="email"] {
  height: 30px;
  font-size: 16px;
}
input[type="text"],
input[type="email"] {
	width: 99%;
}
@media (max-width: 512px) {
select {
	width: 99%;
}
}

textarea {
	width: 99%;
  height: 100px;
  font-size: 16px;
}
button {
  color: #666;
  border: none;
  padding: 5px 32px;
  font-size: 16px;
  cursor: pointer;
	margin: 24px;
}
/* 更新 */
button[type="button"] {
	width: 22px;
	padding: 0;
	background: none;
	vertical-align: middle;
}
button#que {
	margin: 0;
}
button[type="button"]:hover {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

	
/* 確認 */
button[type="submit"] {
	background: #7e6b5b;
	color: #fff;
  padding: 5px 48px;
	transition: .8s;
}
button[type="submit"]:hover {
  background: #ddd;
	color: #7e6b5b;
}
/* リセット */
button[type="reset"] {
	color: #fff;
  background:#ad9f94;
	transition: .8s;
}
button[type="reset"]:hover {
  background: #ddd;
	color:#7e6b5b;
}
.msg {
  margin: 50px 0;
  font-weight: normal;
  color: red;
}
label {
  margin-right: 10px;
}
#output {
	border: none;
	background: transparent;
	resize: none;
	color: #666 /* #fff */;
	width: 70px;
	height: 20px;
	margin: 0;
  text-align:center;
/*	overflow: hidden; */
	vertical-align: middle;
}
#output2 {
  color: #666 /* #fff */;
}
#output3 {
  color: #666 /* #f00 */;
}
.laybtn {
	text-align: center;
}