@charset "utf-8";
/*デフォルトのマージンと余白を削除*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
	margin:0;	/* マージン削除 */
	padding:0;	/* 余白削除 */
}
/* フォントデザインを決める */
body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, 
Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	color: #333;
}
/* ボディの背景色 */
body {
	background-color: #FFF;
}
/* 画像 */
img{
	border:0;					/*imgの枠線をなくす*/
	display: block ;			/* 画像をブロック要素に */
	margin: 0 auto ;			/* 画像の中央揃え */
}
/* ページボディ */
#pagebody {
	width: 920px;				/* 横幅 */
	margin: 0 auto ;			/* 中央揃え */
	padding: 5px;				/* 余白 */
	border-style: solid;		/* 枠線 */
	border-width: 0 2px;		/* 枠線幅 */
	border-color: #FCF;			/* 枠線カラー */
}

/* ナビバー */
#navbar  {
	margin: 0 auto ;
	font-size: small;
	overflow: hidden ;			/* float解除 */
}
/* ナビバーリスト */
#navbar ul {
	width: 760px;				/* ulに幅の指定をしないと下の中央揃えがきかない */
	margin: 0 auto ;			/* 画像の中央揃え */
	list-style-type: none;
}
/* ナビバーリスト要素 */
#navbar ul li {
	width: 126px;				/* 横幅 */
	float: left;				/* フロート左 */
	text-align: center;			/* 中央揃え */
}
/* ナビバーリストリンク */
#navbar ul li a {
	display: block;				/* リンクをブロック要素に */
	background: linear-gradient(#FFF, #A1B5FD);	/* リンクの背景色 */
	color: #AA083E;				/* リンクの文字色 */
	padding: 3px;				/* 余白 */
	text-decoration: none;		/* リンクのアンダーラインを消す */
}
/* マウスオーバー */
#navbar a:hover {
	background: #f6c;		/* マウスオーバー色 */
	color: #FFF;				/* リンクの文字色 */
}
/* ラッパー */
#wrapper {
	width: 840px ;				/* 横幅を760px */
	margin: 0 auto ;			/* 中央揃え */
	text-align: center;			/* テキスト中央揃え */
	overflow: hidden ;			/* floatを解除する */
}
/* h1 */
h1 {
	font-size: 16px;			/* フォントサイズ */
	color: #666;				/* フォントカラー */
	font-weight: normal;		/* フォントの太さ */
	margin: 0 0 3px 0 ;			/* マージン */
	padding: 0 0 0 5px;			/* 余白 */
}
/* h2 */
h2 {
	font-size: 100%;			/* フォントサイズ */
	height: 20px;				/* 高さ */
	color: #FFF;				/* フォントカラー */
	margin: 3px auto ;			/* 中央揃え */
	font-weight: bold;			/* フォントの太さ */
	text-align: center;			/* テキスト中央揃え */
	background-color: #F60;		/* 背景色 */
	border-left-style: solid;	/* 左枠線 */
	border-right-style: solid;	/* 右枠線 */
	border-top-style: dotted;	/* 上枠線 */
	border-left-width: 15px;	/* 左枠線幅 */
	border-right-width: 15px;	/* 右枠線幅 */
	border-top-width: 5px;		/* 上枠線幅 */
	border-color: #FFF;			/* 枠線色 */
	padding: 5px;				/* 余白 */
	line-height: 80%;			/* テキストを少し上にずらす */
}
/* 段落 */
p {
	font-size: 90%;				/* フォントサイズ */
	line-height: 80%;			/* 行の高さ */
	margin-bottom: 5px ;		/* マージン */
}
/* 左サイドエリア */
#side_left {
	width: 190px;				/* 幅 */
	float: left;				/* float左 */
}
/* 左サイド段落 */
#side_left p {
	margin: 3px auto;			/* 中央揃え */
	font-size: 80%;				/* フォントサイズ */
	line-height: 120%;			/* 行の高さ */
}

/* センターエリア */
#main3 {
	margin: 0px 0px 0px 0px;
	width: 600px;				/* センターの幅 */
	float: left;				/* float左 */
}
/* 期間限定前撮り特典 */
#gentei {
	display: block
}
/* ストロング */
strong {
	font-size: small;			/* フォントサイズ */
	font-weight: normal;		/* フォント太さ */
}
/* トピック */
.topic_textbox1 {
	padding: 10px;				/* 余白 */
	border: 1px solid #6F6;		/* 枠線 */
	margin-bottom: 7px;			/* マージン */
}
/* トピック段落 */
.topic_textbox1 p {
	line-height: 140%;			/* 行の高さ */
	font-size: 90%;				/* フォントサイズ */
	text-align: left;			/* テキスト左揃え */
}
/* 右サイドエリア */
#side_right {
	margin: 0px 10px 0px 10px;
	width: 190px;				/* 幅 */
	float: left;				/* float右 */
}
.mail {
	display: none;				/* モバイル用のメールアイコン非表示 */
}
.phone {
	display: none;				/* モバイル用の電話アイコン非表示 */
}
/* フッターエリア */
#footer {
	text-align: center;			/* テキスト中央揃え */
	font-size: small;			/* フォントサイズ */
}
/* フッターメニュー */
#footer .menu {
list-style-type: none;			/* リストマークを消す */
overflow: hidden ;				/* floatを解除する */
}
/* フッターリスト */
#footer ul.menu li {
float: left;					/* フリート左 */
width: 8em;						/* 横幅8文字 */
margin: 2px;					/* マージン */
padding: 2px;					/* 余白 */
border: 1px #ffb366 solid;		/* 枠線 */
background-color: #fffdee;		/* 背景色 */
}
/* フッターリンク */
#footer a {
display: block;					/* ブロックレベルでリンク */
text-decoration: none;			/* リンクの下線を消す */
}
/* 店名 */
#footer .tenmei {
	color: #F00;				/* 文字色 */
	margin-top: 5px;			/* マージン */
}
/* 住所 */
#footer address {
	font-style: normal;			/* 斜体をノーマルに */
}




/* スマホに適用するCSS */
@media screen and (max-width:600px)
{
/* ページボディ */
#pagebody {
	border:none;				/* 枠線を非表示 */
	width:100%;					/* 横幅 */
}

	/* ラッパー */
#wrapper {
	width: 100% ;				/* 横幅を760px */
}
	#main3 {
		width: 96%;
	}
	
/* 画像 */
img {
	width:90%;					/* 横幅100％に */
	height:auto;				/* 高さオート */
}
#gentei {						/* 期間限定前撮り特典 */
	width: 100%;
}
	/* 右サイドエリア */
#side_right {

	width: 90%;				/* 幅 */
	float: none;				/* float右 */
}
/* ナビバー */
/* ナビバーリスト */
#navbar ul {
	width: 100%;				/* ulに幅の指定をしないと下の中央揃えがきかない */
}
/* ナビバーリスト要素 */
#navbar ul li {
	width: 33%;					/* 横幅 */
	height: 2.5em;
	font-size: 120%;			/* フォントサイズ */
	transform: scale( 1 , 1.4 ); /* フォント縦長 */
}




/* 成人パック2 */
#seijinpack3 {
	display:block;				/* 表示する */
}
#seijinrental {
	display: none;
}
#kazarirental {
	display: none;
}
#seijinnagare {
	display: none;
}
#sansai5pack {
	display: none;
}
#gosai5pack {
	display: none;
}
#nanasai5pack {
	display: none
}
#sitigosan_nagare {
	display: none;
}
#motikomi_kangei {
	display: none;
}
#sitigosan_motimono1 {
	display: none
}
#motikomi_muryo1 {
	display: none;
}
#sitigosan_uketuke1 {
	display: none;
}
#sitigosan_present {
	display: none;
}
#gokazoku_sonomama1 {
	display: none;
}
#datahanbai {
	display: none;
}
#album {
	display: none;
}
#mutugiri {
	display: none;
}
/* バナー風地図・駐車場画像 */
.tizu {
	width:80%;
	height:auto;
}
/* バナー風地図・駐車場画像 */
.mail {
	display: block;		/* モバイル用のメールアイコン表示 */
	width:80%;
	height:auto;
}
#mail_pc {
		display: none;	/* モバイル用のメールアイコン非表示 */
	}	
/* バナー風地図・駐車場画像 */
.phone {
	display: block;
	width:80%;
	height:auto;
}
/* バナー風地図・駐車場画像 */
.card {
	width:80%;
	height:auto;
}
/* バナー風地図・駐車場画像 */
.kitukekyositu {
	width:80%;
	height:auto;
}
/* バナー風地図・駐車場画像 */
.kurajyuku {
	width:80%;
	height:auto;
}
/* バナー風地図・駐車場画像 */
.company {
	width:80%;
	height:auto;
}
/* トピック段落 */
.topic_textbox1 p {
	font-size: 18px;			/* フォントサイズ */
}
/* フッターリスト */
#footer ul.menu li {
	float: none;				/* 回りこみなし */
	width: 80%;					/* 幅80% */
	margin: 6px auto;			/* マージン＆中央揃え */
	padding: 10px 0 10px 20px ;	/* 余白 */
	border: 1px #ffb366 solid;	/* 枠線 */
	background-color: #fffdee;	/* 背景色 */
	text-align: left;			/* 左揃え */
	font-size: 26px;			/* フォントサイズ */
}
#copyright {
	width:100%;
}
}