@charset "utf-8";

/*
 * "ほのか明朝" licensed under the IPA Font License Agreement v1.0
 * http://font.gloomy.jp/honoka-mincho-dl.html（"ほのか明朝"配布元のURL）
 * http://ipafont.ipa.go.jp/（IPAフォントのURL）
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/

@font-face {
  font-family: 'MyHonoka';
  src: url('../fonts/font_1_honokamin.eot'); /* IE9 Compat Modes */
  src: url('../fonts/font_1_honokamin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/font_1_honokamin.woff') format('woff'), /* Modern Browsers */
       url('../fonts/font_1_honokamin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

.honoka{
	font-family:MyHonoka;
	}

.cardo{
	font-family: 'Cardo', serif;
	}


body{
     font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	 color: #595757;
	 padding-bottom: 80px;
}

html, body{
	font-size: 16px;
	}

table{
	border-collapse:collapse;
	}

a:hover img{
opacity:0.55;
filter:alpha(opacity=55);
-ms-filter: "alpha( opacity=55 )";
border: 0;
}



div.button_on_img{
	position: relative;
	}

div.button_on_img p{
	position: absolute;
	bottom: 3%;
	left: 5%;
	}

div.button_on_img p a{
	background-color: rgba(255,255,255,0.9);
	}


/* リンクボタン */
a.button{
	display: block;
	width: 100%;
	font-size: 24px;
	text-align: center;
	border: 1px solid #999;
	color: #45433f;
	background-color: #fff;
	text-decoration: none;
	padding: 0.5em 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	margin: 0.5em 0;
	line-height: 120%;
	}

a.button:hover{
	border: 1px solid #999;
	color: #999;
	}

.clear{
	clear: both;
	}

.t_center{
	text-align: center;
	}

.t_left{
	text-align: left;
	}

.t_right{
	text-align: right;
	}


/* SNSボタン */
div.sns{
	width: 85%;
	margin: 10% auto;
	text-align: center;
	}

div.sns img{
	width: 19%;
	margin: 0 2%;
	}

/* 入力フォーム ================================================================================== */

form{
	margin: 0 auto;
	}

fieldset{
	border: none;
	width: 96%;
	margin: 0 auto 15px auto;
	}

legend{
	font-size: 20px;
	padding: 0.3em 0;
	width: 100%;
	background-color: #efefef;
	text-align: center;
	margin-bottom: 10px;
	}

label{
	font-size: 20px;
	display: block;
	}

/* 必須・任意表示 */
span.require{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #f2444d;
	padding: 0.25em 0.3em;
	margin-right: 0.2em;
	vertical-align: 25%;
	border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	}

span.no_require{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0000ff;
	padding: 0.25em 0.3em;
	margin-right: 0.2em;
	vertical-align: 25%;
	border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	}

input,
select,
textarea{
	border: 1px solid #cccccc;
	height: 2em;
	font-size: 18px;
	width: 100%;
	margin-bottom: 10px;
	}

textarea{
	height: 4em;
	}


/* チェックボックスボタン化 */
.check-group{
	margin-bottom: 10px;
	}

.check-group input {
	display: none;
	}

.check-group label {
	cursor: pointer;
	padding: 10px 0;
	border: solid 1px #ccc;
	margin-bottom: -1px;
	background: #fff;
	width: 100%;
	text-align: center;
	}

.check-group input:checked+label {
	background: #efefef;
	}

.check-group .top label{
	-webkit-border-top-left-radius: 5px;  
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-topright: 5px;
	}

.check-group .bottom label{
	-webkit-border-bottom-left-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;  
	-moz-border-radius-bottomright: 5px;
	}


/* 送信ボタン */
input[type="submit"]{
	border: 1px solid #999999;
	font-size: 24px;
	margin: 30px auto;
	width: 92%;
	display: block;
	background-color: #efefef;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	}



div.error{
	color: #ff0000;
	}


/* 入力内容の確認 */


form.confirm > div{
	font-size: 18px;
	text-align: center;
	width: 95%;
	margin: 0 auto 1.5em auto;
	}
	

form.confirm > div div{
	font-size: 20px;
	background-color: #e6d4f0;

	}

form.confirm > div p{
	margin: 1% 2%;
	}

form.confirm p.back{
	width: 92%;
	margin: 0 auto;
	}


/* 送信完了 */
div.send{
	text-align: center;
	}


div.send div{
	width: 96%;
	}

div.send p{
	margin: 100px auto;
	}


form img.logo{
	width: 45%;
	margin: 1.5em auto;
	}

form h1{
	font-size: 20px;
	font-weight: normal;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #999;
	}

form div.flow{
	text-align: center;
	margin: 0.2em auto 1em auto;
	}

form div.flow span{
	font-weight: bold;
	}

form p.caution{
	width: 95%;
	line-height: 120%;
	margin: 0 auto;
	}

form .check-group label.media_text{
	border: none;
	text-align: left;
	}


/* 入力フォーム ここまで ================================================================================== */


@media(max-width:599px){ /* スマホ用 */

.for_pc{
	display: none;
	}

div.contents{
	margin-top: 48px;
	}


div.page{
	margin-top: 70px;
	}
}


img{
	width: 100%;
	}


img.logo{
	display: block;
	margin: 15% auto;
	width: 45%;
	}


br.for_s:before{
	content: "\A";
	white-space: pre;
	}

h2,
div.page h1{
	font-weight: normal;
	font-family: 'Cardo', serif;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 1.5em;
	color: #000;
	font-size: 24px;
	}

h2 span,
div.page h1 span{
	display: block;
	font-family:MyHonoka;
	font-size: 17px;
	letter-spacing: 0;
	}


div.div{
	color: #856e5b;
	text-align: center;
	font-size: 22px;
	margin: 1.5em 0;
	}


span.catch{
	display: block;
	width: 90%;
	margin: 0.5em auto 0.5em auto;
	font-family:MyHonoka;
	font-size: 28px;
	line-height: 125%;
	}

span.catch span{
	font-size: 15px;
	}


/* アイコン ======================================= */

div.icon span{
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	padding: 0.05em 0.12em;
    border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px;
	display: inline-block;
	margin: 0.1em;
	}


div.icon span.reserve0,
div.icon span.reserve1,
div.icon span.fee0,
div.icon span.fee1{
	background-color: #fff;
	border: 1px solid #999;
	color: #45433f;
	}


/* コンセプト ==================================================== */

div.concept{
	margin-bottom: 2em;
	}

div.concept h2,
div.concept img,
div.concept p{
	width: 90%;
	margin: 0 auto;
	display: block;
	}

div.concept h2{
	font-family:MyHonoka;
	text-align: left;
	letter-spacing: 0;
	font-size: 30px;
	line-height: 125%;
	}

div.concept img{
	margin-top: 1em;
	margin-bottom: 0.5em;
	}


/* 5つの理由 ==================================================== */

div.reason > div > div{
	width: 95%; 
	margin: 0.2em auto 1em auto;
	}

div.reason > div > div span{
	diplay: block;
	width: 8%;
	font-size: 50px;
	font-family: 'Cardo', serif;
	font-style: italic;
	color: #876e59; 
	float: left;
	margin-top: -0.25em;
	}

div.reason > div > div span.no2,
div.reason > div > div span.no4{
	color: #b39176;
	}

div.reason > div > div p{
	width: 85%;
	float: right;
	line-height: 120%;
	}




/* スタイル ==================================================== */


div.style div.text{
	width: 93%;
	margin: 10px auto;
	margin-bottom: 4em;
	}

div.style div.text h3{
	font-weight: normal;
	font-family: 'Cardo', serif;
	text-align: right;
	margin-bottom: 0.5em;
	color: #000;
	font-size: 20px;
	}

div.style div.text h3 hr{
	border: none;
	border-top: 1px solid #ccc;
	margin: 0.1em 0 0.2em 0;
	}

div.style div.text h3 span{
	display: block;
	font-family:MyHonoka;
	font-size: 17px;
	letter-spacing: 0;
	}


/* スタイルぺージ */

div.style div.text > span.catch{
	margin: 0.5em 0 0 3%;
	width: 97%;
	}

div.style p{
	width: 90%;
	margin: 0 auto 3em auto;
	}
	

div.style span.catch{
	line-height: 150%;
	}

div.style span.catch span.cardo{
	font-size: 28px;
	letter-spacing: 0.2em;
	}


/* フロアマップ */

div.style img.floormap_y{
	display: none;
	}

div.style img.floormap_pc{
	display: none;
	}

/* フロアマップ（フル画面表示） */
div.floormap{
	display: none;
	}

div.floormap{
	width: 100%;
	height: 200%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: #fff;
	}

div.floormap img{
	display: block;
	margin: 0 auto;
	width: 95%;
	}

/* 料理 ==================================================== */

div.cuisine p{
	width: 90%;
	margin: 0 auto 2em auto;
	}

div.cuisine h2{
	font-size: 20px;
	}


/* 料理ぺージ */


/* スタイル・料理下のリンク ==================================================== */

a.link{
	width: 80%;
	margin: 10px auto;
	border-top: 1px solid #b2a172;
	border-bottom: 1px solid #b2a172;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #595757;
	padding: 3% 1%;
	}

a.link img{
	display: block;
	width: 90%;
	margin: 0 auto;
	}

a.link > div > span{
	font-family: 'MyHonoka';
	font-size: 28px;
	display: block;
	margin: 2% auto 3.5% auto;
	}

a.link p{
	text-align: left;
	line-height: 125%;
	margin: 0 auto;
	width: 100%;
	}


/* プラン ==================================================== */


div.plan p{
	width: 90%;
	margin: 1em auto;
	text-align: center;
	}

div.plan span.catch{
	text-align: center;
	}

div.plan span.catch span{
	font-size: 15px;
	display: block;
	}

	
div.plan p.caution{
	font-size: 14px;
	}
	
div.plan hr{
	border: none;
	border-top: 1px solid #ccc;
	width: 75%;
	margin: 0 auto;
	}

div.plan h3{
	width: 95%;
	margin: 0.5em auto;
	background-color: #bb9fc5;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	}
	

div.plan img.top_plan_img{
	display: block;
	width: 85%;
	margin: 0 auto;
	}

/* プランページ */
div.plan_page div.article{
	width: 98%;
	margin: 0 auto 30px auto;
	line-height: 130%;
	text-align: center;
	}

div.plan_page div.this{
	border: 5px solid #e8e3d5;
	padding: 0 0 3em 0;
	}

div.plan_page p.this{
	width: 100%;
	background-color: #e8e3d5;
	margin: 0;
	font-family: 'Cardo', serif;
	font-size: 32px;
	color: #ffffff;
	padding: 6px 0 8px 0;
	}

div.plan_page div.article h2{
	width: 90%;
	margin: 20px auto;
	font-size: 33px;
	letter-spacing: 0;
	border-top: 1px solid #b2b1b1;
	border-bottom: 1px solid #b2b1b1;
	padding: 0.6em 0;
	line-height: 130%;
	}
	
div.plan_page div.article h2 span{
	font-size: 20px;
	}


div.plan_page div.article img{
	display: block;
	width: 85%;
	margin: 0 auto;
	}

div.plan_page div.article div.icon{
	text-align: center;
	margin: 10px auto;
	}

div.plan_page div.article div.icon span{
	margin: 0 0.1em;
	}

div.plan_page div.article p.price{
	margin: 35px auto 20px auto;
	font-size: 30px;
	font-family: MyHonoka;
	}


div.plan_page div.article p.price span{
	font-size: 76px;
	color: #856e5b;
	font-style: italic;
	font-family: 'Cardo', serif;
	margin-right: 4px;
	}

div.plan_page div.article p.price span.sen{
	font-size: 55px;
	}

div.plan_page div.article div.special{
	border: 1px solid #bb9fc5;
	width: 85%;
	margin: 0 auto 25px auto;
	}


div.plan_page div.article div.special h3{
	color: #ffffff;
	background-color: #bb9fc5;
	padding: 1px 0;
	width: 100%;
	margin: 0;
	font-weight: normal;
	}

div.plan_page div.article div.special p{
	margin: 1em 0.5em;
	}

div.plan_page div.article div.include{
	width: 95%;
	margin: 0 auto;
	}

div.plan_page div.article div.include h3{
	color: #ffffff;
	background-color: #bb9fc5;
	padding: 1px 0;
	width: 100%;
	margin: 0;
	font-weight: normal;
	}

div.plan_page div.article div.include p{
	margin: 0.5em;
	}


div.plan_page div.article hr{
	border: none;
	border-top: 1px solid #ccc;
	width: 75%;
	margin: 2.5em auto 1em auto;;
	}

div.plan_page div.article p.caution{
	width: 90%;
	font-size: 14px;
	margin: 0 auto;
	}
	


	
/* フェア ==================================================== */
	
div.fair{
	text-align: center;
	}

div.fair h3{
	margin: 0.5em auto;
	font-family:MyHonoka;
	font-weight: normal;
	font-size: 26px;
	line-height: 120%;
	width: 90%;
	}

div.fair h3 span{
	font-size: 20px;
	display: block;
	}

div.fair p{
	width: 90%;
	margin: 0 auto;
	}


div.fair div.icon span{
	margin: 0 0.1em;
	}

div.fair hr{
	border: none;
	border-top: 1px solid #ccc;
	width: 75%;
	margin: 0.5em auto;
	}
	
div.fair img.top_fair_img{
	width: 85%;
	display: block;
	margin: 0 auto;
	}

	
/* フェアページ */	

div.fair_page h2,
div.fair_detail h2{
	text-align: center;
	font-family: MyHonoka;
	font-size: 18px;
	margin: 0 0 -35px 0;
	}

div.fair_page h2 span,
div.fair_detail h2 span{
	display: inline;
	font-family: 'Cardo', serif;
	font-size: 50px;
	color: #856e5b;
	}

div.fair_page div.navi,
div.fair_detail div.navi{
	width: 98%;
	margin: 0 auto;
	}

div.fair_page div.navi a,
div.fair_detail div.navi a{
	font-family: MyHonoka;
	display: block;
	text-decoration: none;
	font-size: 18px;
	color: #856e5b;
	}

div.fair_page div.navi a:hover,
div.fair_detail div.navi a:hover{
	color: #b8a08c;
	}

div.fair_page div.navi a.prev,
div.fair_detail div.navi a.prev{
	text-align: left;
	float: left;
	width: 4em;
	}

div.fair_page div.navi a.next,
div.fair_detail div.navi a.next{
	text-align: right;
	float: right;
	width: 4em;
	}
	

div.fair_page table{
	width: 100%;
	margin: 5px auto;
	border-top: 1px solid #b2b1b1;
	border-bottom: 1px solid #b2b1b1;
	}

div.fair_page table th{
	vertical-align: top;
	background-color: #ebebeb;
	color: #595757;
	text-align: center;
	font-family: 'Cardo', serif;
	font-size: 27px;
	padding: 0.1em 0.2em;
	font-weight: normal;
	}

div.fair_page table.weekday th{
	font-size: 18px;
	text-align: left;
	font-family: MyHonoka;
	padding: 0.2em;
	}

	div.fair_page table.weekday th span{
		font-size: 14px;
		font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
		border: 1px solid #999999;
		padding: 0.1em 0.2em;
		margin: 0 0.3em;
		background-color: #ffffff;
		}
	
	div.fair_page table.weekend th span{
		display: block;
		font-family: MyHonoka;
		font-size: 16px;
		}

div.fair_page table.weekend th.sat{
	background-color: #7bc6ff;
	color: #ffffff;
	}

div.fair_page table.weekend th.sun{
	background-color: #ff7b7b;
	color: #ffffff;
	}

div.fair_page table td{
	border-bottom: 1px solid #b2b1b1;
	padding: 10px;
	}

div.fair_page table td img{
	width: 25%;
	float: left;
	}

	div.fair_page table.weekday td img{
		width: 23%;
		}

div.fair_page table td a{
	text-decoration: none;
	color: #000000;
	}

div.fair_page table td a:hover{
	color: #999999;
	}

div.fair_page table td div.right_text{
	width: 73%;
	float: right;
	line-height: 120%;
	}

	div.fair_page table.weekday td div.right_text{
		width: 75%;
		}


div.fair_page table td div.right_text div.icon{
	margin-top: 7px;
	width: 95%;
	text-align: left;
	}

div.fair_page table td div.right_text div.icon span{
	margin: 0.1em;
	}

div.fair_page table td div.right_text h2{
	clear: both;
	font-size: 20px;
	text-align: left;
	font-family: MyHonoka;
	margin: 0 0 0.3em 0;
	letter-spacing: 0;
	line-height: 120%;
	}

div.fair_page table td div.right_text h2 span{
	font-size: 16px;
	display: block;
	color: #000;
	font-family: MyHonoka;
	}


div.fair_page table.weekend td div.right_text p{
	}


div.fair_page h3{
	font-family: MyHonoka;
	text-align: center;
	font-size: 24px;
	margin-top: 50px;
	font-weight: normal;
	}


/* フェア詳細ページ */

div.fair_detail img{
	display: block;
	width: 90%;
	margin: 0 auto;
	}

div.fair_detail h1{
	font-family: MyHonoka;
	letter-spacing: 0;
	font-size: 28px;
	margin: 25px auto 8px auto;;
	line-height: 120%;
	width: 95%;
	}


div.fair_detail h1 span{
	font-size: 18px;
	}



div.fair_detail div.icon{
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0 auto;
	}

div.fair_detail div.icon span.inner{
	margin: 0 auto;
	border: 1px solid #0000ff;
	width: auto;
	}

div.fair_detail p.text{
	clear: both;
	text-align: center;
	margin-top: 25px;
	font-size: 18px;
	width: 95%;
	margin: 25px auto;
	}

div.fair_detail p.text2{
	width: 95%;
	margin: 0 auto;
	text-align: left;
	line-height: 120%;
	border-top: 1px solid #b2b1b1;
	padding: 20px 10px;
	}


div.fair_detail div.time{
	width: 95%;
	margin: 10px auto;
	border-top: 1px solid #b2b1b1;
	border-bottom: 1px solid #b2b1b1;
	text-align: center;
	padding: 20px 0;
	}

div.fair_detail div.time p{
	font-weight: bold;
	}

div.fair_detail div.time p.date{
	font-size: 20px;
	}

div.fair_detail div.time table{
	width: 90%;
	margin: 10px auto;
	border: 1px solid #000000;
	border-right: none;
	}

div.fair_detail div.time table th{
	border-right: 1px solid #000000;
	border-bottom: 1px dashed #717171;
	background-color: #f7e8ff;
	padding: 0.3em 0;
	line-height: 120%;
	font-weight: normal;
	}


div.fair_detail div.time table .red{
	color: #ff0000;
	}	

div.fair_detail div.time table td{
	border-right: 1px solid #000000;
	padding: 0.7em 0;
	}

div.fair_detail div.time table th.full,
div.fair_detail div.time table td.full{
	color: #d90000;
	}

div.fair_detail div.time table a{
	display: block;
	text-decoration: none;
	color: #000000;
	}

div.fair_detail div.time table a:hover{
	color: #999999;
	}


div.fair_detail a.button{
	display: block;
	width: 90%;
	margin: 20px auto 0 auto;
	}


/* 平日相談会 */

div.fair_detail div.weekday{
	width: 90%;
	border: none;
	}

div.fair_detail div.weekday table{
	width: 100%;
	}

div.fair_detail div.weekday table td{
	border-bottom: 1px solid #000000;
	}

div.fair_detail div.weekday table td.date{
	background-color: #ebebeb;
	width: 15%;
	}


/* フェア申し込みフォーム */

form.fair div.fair_title{
	text-align: center;
	margin: 30px auto 15px auto;
	font-size: 26px;
	font-family:MyHonoka;
	width: 90%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.3em 0;

	}

form.fair div.fair_title span{
	font-size: 20px;
	}

form.fair div.fair_title p{
	width: 95%;
	margin-top: 0.3em;
	font-size: 20px;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	}


form.fair h1{
	background-color: #e6d4f0;
	border: none;
	}
	
	
p.entry_message{
	margin-top: -40px;
	text-align: center;
	}
	
	
/* トピックス ==================================================== */

div.topix{
	margin-bottom: 4em;
	}

div.topix ul{
	width: 90%;
	margin: 1em auto;
	padding: 0 1em;
	}

div.topix ul li{
	list-style: none;
	margin-bottom: 1em;
	}

div.topix ul li span{
	display: block;
	font-size: 14px;
	}

div.topix ul li a{
	text-decoration: none;
	color: #595757;
	border-bottom: 1px dashed #ab9b7a;
	}

div.topix ul li a:hover{
	color: #ab9b7a;
	}

div.topix hr{
	border: none;
	border-top: 1px solid #876e59;
	width:95%;
	margin: 0 auto;
	}



/* アクセス ==================================================== */


div.access img.map{
	/*display: none;*/
	border: 1px solid #9f9fa0;
	display: block;
	width: 90%;
	margin: 0 auto;
	}


div.access p{
	width: 90%;
	margin: 0.5em auto 1.5em auto;
	}

div.access p.summary{
	font-size: 18px;
	}

div.access div.access_detail{
	width: 90%;
	margin: 50px auto 0 auto;
	text-align: center;
	}

div.access div.access_detail h3{
	font-family: MyHonoka;
	font-weight: normal;
	font-size: 23px;
	background-color: #fff;
	margin: -0.5em auto 0.8em auto;
	width: 11em;
	text-align: center;
	}

div.access div.access_detail h3.car{
	width: 10em;
	}

div.access div.access_detail hr{
	border: none;
	border-top: 1px solid #9f9fa0;
	display: block;
	width: 95%;
	margin: 0 auto;
	z-index: 1;
	}

div.access div.access_detail p{
	margin-bottom: 4em;
	line-height: 125%;
	}



/* フッター ==================================================== */

div.footer{
	text-align: center;
	}

div.footer img.logo{
	width: 55%;
	margin: 3.5em auto 1em auto;
	}



/* TEL =================================================== */

div.tel{
	width: 300px;
	margin: 20px auto;
	border: 1px solid #999;
	text-align: center;
	line-height: 140%;
	padding: 12px 0 5px 0;
	color: #595757; 
	}

div.tel i{
	float: left; 
	font-size: 56px; 
	margin: -10px 0 0 12px;
	}

div.tel div{
	float: left; 
	margin-left: 5px;
	}

div.tel a{
	font-size: 34px;
	text-decoration: none;
	font-family: 'Cardo', serif;
	letter-spacing: 0.05em;
	color: #595757;
	}

div.tel span{
	display: block;
	font-size: 16px;
	}


/* mail ================================================== */

a.mail{
	display: block;
	width: 35px;
	margin: 0 auto;
	text-align: center;
	font-size: 42px;
	color: #888888;
	}



/* コピーライト ================================================= */

p.copy{
	text-align: center;
	margin: 5em auto;
	font-size: 14px;
	}



/* トップメニュー ================================================================================== */

@media(max-width:599px){ /* スマホ用 */

div.top_menu table{
	display: none;
	}


/*.top_menu_s{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	padding-bottom: 2px;
	z-index: 9999;
	}

}
*/

.top_menu_s{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(255,255,255,0.9);
	}

}

.top_menu_s .bar{
	height: 50px;
}


a.site_id{
	float: left;
	text-decoration: none;
	color: #999;
	margin: 0 0 -7px 0;
	}
	
a.site_id span{
	color: #999;
	font-size: 50px;
	}

.top_menu_s a.menu{
	float: right;
	margin-right: 10px;
	}

.top_menu_s span.genericon-menu{
	font-size: 30px;
	margin: 0.3em 0 0.2em 0;
	color: #999;
	}




.top_menu_s div.for_top{
	display: none;
	}
	
.top_menu_s div.for_bottom{
	border: none;
	}


.top_menu_s ul{
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #dedede;
	}

.top_menu_s li{
	display: block;
	width: 50%;
	float: left;
	border-right: 1px solid #dedede;
	background-color: rgba(255,255,255,1.0);
	}


.top_menu_s li a{
	display: block;
	text-align: center;
	border-bottom: 1px solid #dedede;
	padding: 0.8em 0 0.6em 0;
	color: #000;
	font-size: 19px;
	text-decoration: none;
	font-family: 'Cardo', serif;
	letter-spacing: 0.2em;
	line-height: 100%;
	color: #595757;
	}

.top_menu_s li a span{
	display: block;
	font-family: MyHonoka;
	letter-spacing: 0;
	font-size: 17px;
	}

.top_menu_s .line_top{
	margin: 4px 0 2px 0;
	}



/* フットメニュー =============================================== */

table.foot_menu{
	border-collapse:collapse;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	}


table.foot_menu th{
	background-color: #fff;
	padding: 0 10px;
	}

table.foot_menu th a{
	font-size: 40px;
	color: #c39ed6;
	color: #999;
	margin: 0 2px;
	}

table.foot_menu th.t_left,
table.foot_menu th.t_right{
	background-color: rgba(255,255,255,0.9);
	}


table.foot_menu th.t_left a{
	font-size: 36px;
	}


table.foot_menu td{
	width: 33.3%;
	border-right: 1px solid #fff;
	background-color: #c39ed6;
	background-color: #999;
	}

table.foot_menu td a{
	display: block;
	text-align: center;
	padding: 0.8em 0;
	color: #fff;
	text-decoration: none;
	font-family:MyHonoka;
	font-weight: bold;
	font-size: 19px;
	}


	

@media(min-width:600px){ /* 小型タブレット用 */


/* SNSボタン */
div.sns{
	width: 230px;
	margin: 5% auto;
	text-align: center;
	}

div.sns img{
	width: 17%;
	margin: 0 1%;
	}


/* 入力フォーム ================================================================================== */

form{
	max-width: 500px;
	}

legend{
	font-size: 16px;
	font-weight: bold;
	}

label{
	font-size: 16px;
	margin-bottom: 2px;
	}

input,
select,
textarea{
	font-size: 16px;
	}

textarea{
	height: 8em;
	}

input[type="submit"]{
	font-size: 20px;
	cursor: pointer;
	}



form.confirm p.back a,
form.send p a{
	font-size: 18px;
	}

form img.logo{
	width: 45%;
	margin: -1.5em auto 2em auto;
	}



/* 入力フォーム ここまで ================================================================================== */


.for_s{
	display: none;
	}

div.contents{
	margin: 0 auto;
	padding: 53px 0 0 0;
	max-width: 900px;
	font-size: 14px;
	}

div.page{
	padding-top: 100px;
	}

img.logo{
	margin: 8% auto;
	width: 30%;
	}


div.div{
	margin: 3em 0;
	}


h2{
	margin-bottom: 2.5em;
	}


/* コンセプト 600 ==================================================== */

div.concept{
	width: 95%;
	margin: 0 auto 80px auto;;
	}

div.concept h2{
	font-size: 28px;
	}

div.concept h2,
div.concept p{
	width: 56%;
	margin-bottom: 0.5em;
	float: right;
	}

div.concept img{
	width: 39%;
	margin: 0 3% 0 2%;
	float: left;
	}


/* 5つの理由 600 ==================================================== */


div.reason{
	width: 95%;
	margin: 0 auto;
	}

div.reason > div{
	width: 29%; 
	margin: 0 1% 1em 2.5%;
	float: left;
	}

div.reason > div.upper{
	width: 46%;
	margin: 0 2% 1em 2%;
	}

div.reason > div > div{
	width: 100%;
	}

div.reason > div > div span{
	width: 8%;
	font-size: 38px;
	float: left;
	}

div.reason > div > div span.no2,
div.reason > div > div span.no4{
	color: #876e59; 
	}

div.reason > div > div p{
	width: 85%;
	float: right;
	line-height: 120%;
	}

div.reason > div.upper > div p{
	width: 90%;
	}


/* スタイル 600  ==================================================== */

div.top div.style{
	width: 95%;
	margin: 0 auto;
	}

div.top div.style img{
	width: 55%;
	margin: 0.4em 2% 100px 2%;
	}


div.top div.style div.text{
	width: 41%;
	margin: 0 auto;
	padding-top: 0.3em;
	}

div.top div.style .left{
	float: left;
	}

div.top div.style .right{
	float: right;
	}

div.top div.style div.left h3{
	text-align: left;
	}


div.top div.style > span{
	margin-bottom: 0.3em;
	}


div.top div.style a.button{
	width: 50%;
	margin: 0 auto;
	}


/* スタイルページ */

div.style{
	width: 95%;
	margin: 0 auto;
	}

div.style div.photo img{
	width: 46%;
	margin: 2%;
	float: left;
	}

div.style a.button{
	width: 50%;
	margin: 0 auto;
	}


div.style span.catch_main,
div.style p.h1_text{
	text-align: center;
	}

div.style span.catch{
	margin: 1.2em auto 1em auto;
	}


/* フロアマップ */

div.style img.floormap_t{
	display: none;
	}

div.style img.floormap_y{
	display: block;
	width: 100%;
	}



/* 料理 600  ==================================================== */

div.cuisine{
	width: 95%;
	margin: 0 auto;
	}

div.cuisine div.photo img{
	width: 46%;
	margin: 2%;
	float: left;
	}

div.cuisine a.button{
	width: 50%;
	margin: 0 auto;
	}


div.cuisine span.catch_main,
div.cuisine p.h1_text{
	text-align: center;
	}

div.cuisine span.catch{
	margin: 1.2em auto 0.7em auto;
	}


/* スタイル・料理下のリンク 600 ==================================================== */

a.link{
	width: 60%;
	padding: 1%;
	}

a.link img{
	width: 25%;
	float: left;
	margin: 0;
	}

a.link > div{
	width: 73%;
	float: right;
	text-align: left;
	}

a.link > div > span{
	margin: 0 0 2% 0;
	}

a.link p{
	margin: 0 auto 0 0;
	}

a.link br.clear{
	font-size: 1px;
	}



/* プラン 600  ==================================================== */

div.plan{
	width: 95%;
	margin: 0 auto;
	}
	

div.plan hr{
	width: 45%;
	margin: 2em auto;
	}

div.plan div.inner{
	width: 80%;
	margin: 0 auto;
	}


div.plan a.button{
	width: 50%;
	margin: 0 auto;
	}

div.plan img.top_plan_img{
	width: 60%;
	max-width: 360px;
	}



div.plan div.article h2{
	width: 85%;
	margin-top: 25px;
	}

div.plan div.article div.pc_box{
	width: 80%;
	margin: 30px auto;
	}

div.plan div.article img{
	width: 42%;
	float: left;
	}

/* プランページ 600 */
div.plan_page div.article h2{
	width: 85%;
	margin-top: 25px;
	}

div.plan_page div.article div.pc_box{
	width: 80%;
	margin: 30px auto;
	}

div.plan_page div.article img{
	width: 42%;
	float: left;
	}


div.plan_page div.article div.right_text{
	width: 55%;
	float: right;
	}

div.plan_page div.article div.right_text div.icon{
	margin-top: 1em;
	}

div.plan_page div.article div.right_text div.special{
	width: 85%;
	margin: 0 auto;
	}

div.plan_page div.article div.right_text div.special h3{
	padding: 0.2em 0;
	font-size: 18px;
	}

div.plan_page div.article div.include{
	width: 85%;
	}

div.plan_page div.article div.include h3{
	padding: 0.2em 0;
	font-size: 18px;
	}

div.plan_page div.article hr{
	width: 45%;
	}



/* フェア 600  ==================================================== */

div.fair{
	width: 95%;
	margin: 0 auto;
	}

div.button_on_img p{
	position: static;
	width: 50%;
	margin: 30px auto 0 auto;
	}

div.fair hr{
	width: 55%;
	margin: 1em auto;
	}

div.fair a.button{
	width: 50%;
	margin: 0 auto;
	}

div.fair img.top_fair_img{
	width: 60%;
	max-width: 360px;
	}


/* フェアページ 600 */

div.fair_page div.navi,
div.fair_detail div.navi{
	width: 95%;
	}


div.fair_page table{
	width: 95%;
	}


div.fair_page table th{
	padding: 0.3em 0.4em;
	}

	div.fair_page table.weekday th{
		padding: 0.4em;
		}


div.fair_page table td img{
	width: 17%;
	}

	div.fair_page table.weekday td img{
		width: 16%;
		}


div.fair_page table td div.right_text{
	width: 81%;
	}

	div.fair_page table.weekday td div.right_text{
		width: 82%;
		}


/* フェア詳細 600 */

div.fair_detail div.pc_box{
	width: 85%;
	margin: 0 auto 30px auto;
	}

div.fair_detail img{
	width: 42%;
	float: left;
	margin-bottom: 30px;
	}

div.fair_detail div.right_text h1{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	}

div.fair_detail div.right_text{
	width: 58%;
	float: right;
	margin-bottom: 30px;
	}

div.fair_detail div.right_text p.text{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}

div.fair_detail div.time{
	width: 85%;
	}

div.fair_detail a.button{
	width: 50%;
	}




/* 平日相談会 600 */

div.fair_detail div.weekday{
	width: 85%;
	}

div.fair_detail div.weekday table{
	width: 95%;
	}


/* トピックス ==================================================== */

div.topix{
	width: 90%;
	margin: 0 auto 6em auto;
	}



/* アクセス 600  ==================================================== */

div.access{
	width: 95%;
	margin: 0 auto;
	}

div.access p.summary{
	font-size: 16px;
	}


div.access img.main{
	width: 46%;
	margin: 0 2% 60px 2%;
	float: left;
	}

div.access img.map{
	clear: both;
	width: 65%;
	max-width: 500px;
	display: block;
	margin: 0 auto;
	border: 1px solid #999;
	}

div.access a.button{
	width: 50%;
	margin: 20px auto;
	}

div.access div.access_detail{
	margin-top: 50px;
	}
	
	
div.access div.access_detail hr{
	max-width: 500px;
	}


/* フッター 600  ==================================================== */

div.footer{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	}

div.footer img.logo{
	width: 30%;
	margin-top: 5em;
	}


/* トップメニュー 600 ================================================================================== */

.top_menu_s{
	display: none;
	}

div.top_menu{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	}

div.top_menu table{
	border-collapse:collapse;
	width: 98%;
	max-width: 900px;
	margin: 0 auto;
	}


div.top_menu table td{
	width: 14.28%;
	}

div.top_menu table td a{
	display: block;
	text-align: center;
	text-decoration: none;
	font-family:MyHonoka;
	font-size: 14px;
	padding: 0.5em 0;
	color: #000;
	}

div.top_menu table td a:hover{
	color: #999;
	}


div.top_menu table td a span{
	font-family: 'Cardo', serif;
	font-size: 13px;
	letter-spacing: 0.2em;
	margin-left: 0.1em;
	}

div.top_menu table td a hr{
	width: 85%;
	border: none;
	border-top: 1px solid #ccc;
	margin: 0 auto;
	margin-bottom: 0.2em;
	}

/* フットメニュー 600 ================================================================================== */

table.foot_menu{
	display: none;
	}

/* フットナビ 600 ================================================================================== */

div.foot_navi{
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 10px;
	}


div.foot_navi div.inner{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 10px auto;
	}


a.to_top{
	display: block;
	text-align: center;
	line-height: 0.2em;
	font-size: 30px;
	color: #666;
	text-decoration: none;
	background-color: rgba(255,255,255,0.8);
	width: 42px;
	height: 42px;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	float: right;
	margin-right: 5px;
	}

a:hover.to_top{
	color: #999;
	}

a.to_top span{
	font-size: 12px;
	display: block;
	}


div.sns{
	display: block;
	text-align: center;
	line-height: 0.2em;
	background-color: rgba(255,255,255,0.8);
	width: 115px;
	height: 42px;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	margin: 0 0 0 8px;
	padding-top: 5px;
	float: left;
	}

div.sns a{
	font-size: 32px;
	color: #666;
	text-decoration: none;
	letter-spacing: 0.2em;
	}

div.sns a:hover{
	color: #999;
	}



}


@media(min-width:900px){ /* PC用 */

div.style img.floormap_y{
	display: none;
	}

div.style img.floormap_pc{
	display: block;
	width: 100%;
	}


	
}


@media(min-width:960px){ /* PC用 */


	
}



@media(min-width:1280px){ /* 大型ディスプレイ用 */

	
}