@charset "utf-8";
/* CSS Document */

@media screen and (max-width:640px){
/* ------------------------------ */
/* ヘッダー */
header{
	z-index:5000;
	position:fixed;
	top:0px;
	width:100%;
	height:46px;
	background:rgba(255,255,255,1.0);
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
}
.title_01{
	float:left;
	padding:0;
	margin:4px 0 4px 8px;
}
nav{
	float:right;
	margin-right:20px;
}
/* ハンバーガーメニュー */
.menu-font{
	color:#000;
	font-size:0.7em;
	text-align:right;
	margin-top:4px;
	margin-right:10px;
}
.drawer-menu li a img{
	width:0;
	height:0;
}
.drawer-menu li a{
	display:block;
	background-color:#FFF;
	border-bottom:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	color:#000;
	font-size:1.0em;
	padding:14px 14px;
	transition-propaty:all;
	transition:0.3s linear;
}
.drawer-menu li ul li a{
	font-size:0.9em;
	text-decoration:underline;
}
/* ハンバーガーメニュー内上部 */
.drawer-menu li.title_nav{
	font-size:1.8em;
	text-align:center;
	padding:10px 0px;
}
.drawer-menu li.title_nav span{
	font-size:0.50em;
}
.drawer-menu li.tel_nav a{
	display:block;
	width:60%;
	border:1px solid #333;
	font-size:1.1em;
	text-align:center;
	padding:14px 0px;
	margin:10px auto 15px;
}
.drawer-menu li i{
	padding-right:10px;
}
/* ------------------------------ */
/* スライダー */
#example1{
	margin-top:46px;
}
/* コンテナー */
#container{
	width:100%;
	margin:0 auto;
}
/* コンテンツ */
.content{
	padding:50px 0;
}
h1{
	text-shadow:
	#FFF 1px 0px 1px,  #FFF -1px 0px 1px,
	#FFF 0px -1px 1px, #FFF 0px 1px 1px,
	#FFF 1px 1px 1px,  #FFF -1px 1px 1px,
	#FFF 1px -1px 1px, #FFF -1px -1px 1px,
	#FFF 1px 1px 1px,  #FFF -1px 1px 1px,
	#FFF 1px -1px 1px, #FFF -1px -1px 1px,
	#FFF 1px 1px 1px,  #FFF -1px 1px 1px,
	#FFF 1px -1px 1px, #FFF -1px -1px 1px;
	color:#000;
	font-size:0.95em;
	font-weight:normal;
	text-align:right;
	line-height:160%;
	padding-top:5px;
	margin:0;
}
.top_title{
	z-index:3000;
	position:absolute;
	top:20%;
	left:0;
	right:0;
	margin:auto;
	width:260px;
}
.top_title h1{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.2em;
	text-align:center;
}
/* 移動フェードイン */
.list{
	margin:10px 20px;
	list-style-type:none;
	overflow:hidden;
}
.list h2{
	transition:.8s;
}
.list p{
	transition:.8s;
}
.list-mv07{
	opacity:0;
	transform:translate(0,60px); 
	-webkit-transform:translate(0,60px); 
}
.mv07{
	opacity:1.0;
	transform:translate(0,0); 
	-webkit-transform:translate(0,0);
}
/* ABOUT */
.box_01{
	background-color:#EFEFEF;
	padding:20px 0 30px;
	margin:0 auto;
}
.box_01 i{
	padding-right:10px;
}
.box_01 .list p{
	font-size:0.85em;
	line-height:180%;
	margin-bottom:20px;
}
.box_01 .list p a{
	float:left;
	display:block;
	border:1px solid #666;
	color:#666;
	font-size:1.2em;
	padding:12px 24px;
	margin-right:5px;
	margin-bottom:5px;
}
.box_01 p.list_title{
	font-size:1.8em;
	font-family:'Ludica Sans Unicode';
	letter-spacing:0.06em;
	margin-bottom:10px;
}
/* LOCATION */
.box_02{
	background-color:#FFF;
	padding:30px 0 30px;
	margin:0 auto;
}
.box_02 .list{
	padding-bottom:20px;
	margin-bottom:30px;
}
.box_02 h2{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.1em;
	font-weight:normal;
	line-height:120%;
	text-align:center;
	padding:0;
	margin:0;
}
.box_02 h2 span{
	color:#F00;
}
.box_02 .list .madori{
	width:80%;
	text-align:center;
	margin:0 auto 30px;
}
.box_02 .list div img{
	width:100%;
}
.box_02 .list .left{
	width:48%;
	height:130px;
	margin:5px 1% 20px;
}
.box_02 .list h3 a{
	color:#000;
	font-size:0.80em;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	line-height:140%;
}
.box_02 .list p{
	font-size:0;
}
.box_02 .list p a{
	color:#000;
	font-size:0.95em;
}
.box_02 .list .thum{
	overflow:hidden;
	width:100%;
	height:100px;
	margin:0 0 5px;
}
.box_02 .list .thum img{
	width:auto;
	height:100%;
	padding-bottom:3px;
}
.box_02 p.list_title{
	float:none;
	width:100%;
	font-size:2.2em;
	font-family:'Ludica Sans Unicode';
	text-align:center;
	letter-spacing:0.06em;
	margin-bottom:20px;
	margin-top:0;
}
/* RESERVE */
.box_03{
	background-color:#EFEFEF;
	padding:20px 0 300px;
	margin:0 auto;
}
.box_03 .list p{
	font-size:0.85em;
	line-height:180%;
	margin-bottom:20px;
}
.box_03 p.list_title{
	font-size:1.8em;
	font-family:'Ludica Sans Unicode';
	letter-spacing:0.06em;
	margin-bottom:20px;
}
/* ------------------------------ */
/* 詳しくはこちら */
.more_01 a{
	display:block;
	width:60%;
	border:1px solid #666;
	color:#333;
	font-size:1.0em;
	text-align:center;
	padding:15px 0;
	margin:0 auto;
}
/* ご予約はこちら */
.online_re a,.tel_re a{
	display:block;
	width:60%;
	height:30px;
	border:1px solid #666;
	color:#333;
	font-size:1.0em;
	text-align:center;
	text-decoration:none;
	padding:15px 0;
	margin:0 auto 5px;
}
.online_re a{
	font-size:1.0em;
	padding:22px 0 8px;
}
.online_re a:hover,.tel_re a:hover{
	background-color:#333;
	border:1px solid #000;
	color:#FFF;
}
/* ------------------------------ */
/* ページトップへ */
#page-top{
	position:fixed;
	bottom:2px;
	right:2px;
	font-size:77%;
}
#page-top a{
	display:block;
	width:60px;
	height:42px;
	background-color:#333;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	color:#FFF;
	font-size:0.95em;
	line-height:130%;
	letter-spacing:0.05em;
	text-align:center;
	padding-top:18px;
}
/* フッター会社案内 */
.under_company{
	max-width:800px;
	padding:30px 20px;
	margin:0 auto;
}
.under_company h3{
	font-size:1.2em;
	font-family:'Ludica Sans Unicode';
	font-weight:normal;
	margin-bottom:10px;
}
.under_company .left img{
	width:100%;
}
.under_company .left{
	float:none;
}
.under_company .right{
	float:none;
}
.under_company section p{
	font-size:0.85em;
	line-height:160%;
}
.under_company a{
	color:#000;
	text-decoration:underline;
}
/* フッター */
footer{
	background-color:#CCC;
	margin-top:60px;
}
footer .title_02{
	margin:10px 20px;
}
footer .title_02 a{
	color:#000;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.6em;
	font-weight:normal;
}
footer .title_02 a span{
	font-size:0.8em;
}
footer .under_nav{
	background-color:#EFEFEF;
	padding-top:10px;
}
footer nav{
	text-align:center;
	padding:10px 10px 40px;
}
footer nav li{
	float:left;
}
footer nav li a{
	color:#000;
	font-size:0.95em;
	text-decoration:underline;
	line-height:180%;
	padding:10px;
}
.copyright{
	background-color:#EFEFEF;
	color:#000;
	font-size:0.65em;
	letter-spacing:0.08em;
	padding:10px 20px;
}
/* ------------------------------ */
/* フォント設定 */
.text_01{
	font-weight:bold;
}
.text_02{
	color:#F33;
	font-weight:bold;
}
/* ------------------------------ */
/* フロート設定 */
.left{
	float:left;
}
.right{
	float:right;
}
/* ------------------------------ */
/* 基本設定 */
html,body{
	background-color:#FFF;
	font-family:'Raleway',"游ゴシック Medium",Arial,sans-serif;
	cursor:default;
}
a{
	text-decoration:none;
	outline:none;
	/*-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	-ms-transition:0.2s;*/
	transition:0.2s;
}
h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
}
/* ------------------------------ */
}