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

/*
Theme Name:49
Description:49オリジナルテンプレート
Author:ｍａ∞
*/

/* icon */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);

@media screen and (min-width:820px){
/* ------------------------------ */
/* ヘッダー */
header{
	z-index:5000;
	position:fixed;
	top:0px;
	width:100%;
	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:8px 0 0 10px;
}
nav{
	float:right;
	margin-right:20px;
}
/* ドロップダウンメニュー */
#dropmenu li{
	float:left;
	padding:0;
	margin:0;
}
#dropmenu li a{
	display:block;
	width:116px;
	color:#000;
	font-size:0.85em;
	text-decoration:none;
	text-align:center;
	line-height:1;
	padding:18px 0px 16px;
	margin:0;
}
#dropmenu li.title_nav,#dropmenu li.tel_nav{
	display:none;
	width:0;
	height:0;
	font-size:0;
}
/* ホバーアニメーション */
.snip1135{
	text-align:center;
	text-transform:uppercase;
	font-weight:500;
}
.snip1135 *{
	box-sizing:border-box;
}
.snip1135 li{
	display:inline-block;
}
.snip1135 a{
	position:relative;
}
.snip1135 a:before,
.snip1135 a:after{
	position:absolute;
	-webkit-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.snip1135 a:before{
	bottom:0;
	display:block;
	height:3px;
	width:0%;
	content:"";
	background-color:#000;
}
.snip1135 a:after{
	left:0;
	top:0;
	padding:0.5em 0;
	position:absolute;
	content:attr(data-hover);
	color:#ffffff;
	white-space:nowrap;
	max-width:0%;
	overflow:hidden;
}
.snip1135 a:hover:before,
.snip1135 .current a:before{
	opacity:1;
	width:100%;
}
.snip1135 a:hover:after,
.snip1135 .current a:after{
	max-width:100%;
}
/* ハンバーガーメニュー消 */
.menu-font{
	font-size:0px;
}
header button.drawer-toggle{
	width:0;
	height:0;
	border:none;
	padding:0;
	margin:0;
}
/* ------------------------------ */
/* スライダー */
#example1{
	margin-top:46px;
}
/* コンテナー */
#container{
	width:100%;
	margin:46px auto 0;
}
/* コンテンツ */
.content{
	padding:30px 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:1.30em;
	font-weight:normal;
	text-align:right;
	line-height:160%;
	padding-top:20px;
	margin:0;
}
.top_title{
	z-index:3000;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:520px;
	height:320px;
}
.top_title h1{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.8em;
	text-align:center;
}
/* 移動フェードイン */
.list{
	margin:30px 50px;
	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 .list p a:hover{
	background-color:#FFF;
	border:1px solid #000;
	color:#000;
}
.box_01 p.list_title{
	font-family:'Ludica Sans Unicode';
	font-size:1.8em;
	letter-spacing:0.06em;
	margin-bottom:20px;
}
/* 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.6em;
	font-weight:normal;
	line-height:120%;
	text-align:center;
	padding:0;
	margin:0;
}
.box_02 h2 span{
	color:#F00;
}
.box_02 .list .madori{
	width:50%;
	text-align:center;
	margin:0 auto 30px;
}
.box_02 .list div img{
	width:100%;
}
.box_02 .list .left{
	float:left;
	width:31%;
	height:260px;
	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.80em;
	text-align:left;
	line-height:120%;
}
.box_02 .list p a{
	color:#000;
	font-size:0.95em;
}
.box_02 .list .thum{
	overflow:hidden;
	width:auto;
	height:210px;
	margin-bottom: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;
	background-size:cover;
	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:40%;
	border:1px solid #666;
	color:#333;
	font-size:1.0em;
	text-align:center;
	padding:15px 0;
	margin:0 auto;
}
.more_01 a:hover{
	background-color:#333;
	border:1px solid #000;
	color:#FFF;
}
/* ご予約はこちら */
.online_re a{
	float:left;
}
.tel_re a{
	float:right;
}
.online_re a,.tel_re a{
	display:block;
	width:42%;
	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.2em;
	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:12px;
	right:12px;
	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;
}
#page-top a:hover{
	background-color:#069;
}
/* フッター会社案内 */
.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{
	width:48%;
}
.under_company .right{
	width:48%;
}
.under_company section p{
	font-size:0.85em;
	line-height:160%;
}
.under_company a{
	color:#000;
	text-decoration:underline;
}
.under_company a:hover{
	color:#666;
}
/* フッター */
footer{
	background-color:#CCC;
	margin-top:60px;
}
footer .title_02{
	float:left;
	margin:15px 20px;
}
footer .title_02 a{
	color:#000;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.8em;
	font-weight:normal;
}
footer .title_02 a span{
	font-size:0.85em;
}
footer .title_02 a:hover{
	color:#069;
}
footer .under_nav{
	background-color:#EFEFEF;
}
footer nav{
	padding:20px 65px 20px 20px;
}
footer nav li{
	float:left;
}
footer nav li a{
	color:#000;
	font-size:0.80em;
	text-decoration:underline;
	padding:10px;
}
footer nav li a:hover{
	color:#069;
}
.copyright{
	background-color:#EFEFEF;
	color:#000;
	font-size:0.65em;
	text-align:center;
	letter-spacing:0.08em;
	padding:10px 0px;
}
/* ------------------------------ */
/* フォント設定 */
.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;
}
/* 画像リンクをフェードさせる */
.fade{
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
.fade:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* ------------------------------ */
}