/**/


.pc{
	display: block;
}
.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}
.mt20{ margin-top:20px; }
.mt10{ margin-bottom:10px; }
.mt20{ margin-bottom:20px; }

.mb0{ margin-bottom: 0px !important; }
.mb5{ margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb55{ margin-bottom: 55px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb66{ margin-bottom: 66px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb75{ margin-bottom: 75px !important; }
.mb80{ margin-bottom: 80px !important; }
.mb85{ margin-bottom: 85px !important; }
.mb90{ margin-bottom: 10px !important; }
.mb95{ margin-bottom: 15px !important; }
.mb100{ margin-bottom: 100px !important; }

.mt0{ margin-top: 0px !important; }
.mt5{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt35{ margin-top: 35px !important; }
.mt40{ margin-top: 40px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }
.mt55{ margin-top: 55px !important; }
.mt60{ margin-top: 60px !important; }
.mt66{ margin-top: 66px !important; }
.mt70{ margin-top: 70px !important; }
.mt75{ margin-top: 75px !important; }
.mt80{ margin-top: 80px !important; }
.mt85{ margin-top: 85px !important; }
.mt90{ margin-top: 10px !important; }
.mt95{ margin-top: 15px !important; }
.mt100{ margin-top: 100px !important; }



.f_small{ font-size:68%; }
.f_bold{ font-weight:bold; }

.caution{
	background:#FFC2C0;
	padding:10px;
}
.caution p{
	margin:0;
	padding:0;
}
.caution .title{
	color:red;
	font-weight:bold;
}
/**/
a{
	text-decoration: none;;
}
li{
	list-style:none;
}
p,dt,dd,li{
	font-size:80%;
	line-height:1.8;
}

hr.style1{
	border: 0;
    height: 0;
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.8);
}

dt,dd,dl{margin:0;padding:0;}

h1{ margin:0;padding:0;}


header{
	/*background:url(../img/mainimage.jpg) repeat center top #fff;*/
	position:fixed;
	width:100%;
	min-width:960px;
	z-index:100;
	/*height:500px;*/
}
header h1{
	margin:0;
	padding:3px 0 0 0;
	font-size:74%;
	color:#fff;
	height:19px;
	text-align:center;
	font-weight:normal;
	background:#f39700;
}
header #logo{
	position:absolute;
	left:50%;
	top:9px;
	width:221px;
	height:160px;
	margin-left:-138px;
	background:url(../img/logo_bg.png) no-repeat center top;
	padding:10px 0 0 55px;
}

header nav{
	background:url(../img/bg_menu.png) repeat-x left top;
	height:73px;
}
header nav ul{
	width:960px;
	margin:0 auto;
	padding-top: 10px;

}
header nav ul li{
	width:113px;
	float:left;
}
header nav ul li.rightside{
	margin-left:276px;
}

/* メインビジュアル */
section#mainimage{
	width:100%;
	height:540px;
	overflow:hidden;
	text-align:center;
	background:url(../img/mainimage.jpg) center top no-repeat;
}
section#mainimage p.openTxt{
	margin-top:270px;
	font-size:260%;
	font-weight:bold;
	color:#F60;
	text-shadow:0 0 10px #FFF;
}
section#mainimage p.openBtn{
	width:200px;
	margin:270px auto 0 auto;
	padding:10px;
	background:#000;
	color:#fff;
	font-size:130%;
}
section#mainimage p.openBtn a{
    color:#fff;
}
section#mainimage p.openBtn a:link {
    color:#fff;
}
section#mainimage p.openBtn a:visited {
    color:#fff;
}
section#mainimage p.openBtn a:hover {
    color:#fff;
}
section#mainimage p.openBtn a:active {
}


/* コンテンツ共通 */
h1.contentTitle{
	margin-bottom:60px;
	text-align:center;
}
section .all{
	width:960px;
	margin:0 auto;
}

/* Facebook */
section#fb{
	text-align:center;
	margin:0 auto 10px auto;
}

/* facebook likebox */
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{
	width: 98%!important;
	margin:0 auto;
}

/* ツナグについて */
section#about{
	background:url(../img/a2_bg.jpg) repeat center top;
	padding:60px 0;
}
section#about .wrap .left{
	width:648px;
	margin-right:60px;
	float:left;
}
section#about .wrap .right{
	width:252px;
	float:right;
}

/* 想い */
section#omoi{
	background:#f3e8db;
	padding:60px 0;
}
section#omoi .wrap .left{
	width:494px;
	margin-right:60px;
	float:left;
}
section#omoi .wrap .right{
	width:406px;
	float:right;
}

/* メニュー */
section#menu{
	background:#fff;
	padding:60px 0;
}
section#menu .all dl{
	width:200px;
	margin-right:50px;
}
section#menu .all dl dt{
	float:left;
	width:100px;
	font-weight:bold;
	margin-bottom:10px;
}
section#menu .all dl dd{
	float:right;
	width:100px;
	text-align:right;
	margin-bottom:10px;
}
section#menu .all .wrap dl.left{
	float:left;
}
section#menu .all .wrap dl.center{
	float:left;
}
section#menu .all .wrap dl.right{
	float:left;
}
section#menu .all .wrap ul{
	margin-top:20px;
}

/* スタッフ */
section#staff{
	background:#f3e8db;
	padding:60px 0;
}
section#staff .t1{
	font-weight:bold;
}
section#staff dl.profile{
	margin-bottom:10px;
}
section#staff dl.profile dl{
	width:560px;
}
section#staff .wrap .left{
	width:560px;
	float:left;
	margin-right:40px;
}
section#staff .wrap .right{
	width:360px;
	float:right;
	text-align:center;
	padding-top:30px;
}
section#staff dl.profile dt{
	float:left;
	width:100px;
}
section#staff dl.profile dd{
	float:left;
	width:460px;
}
section#staff dl.profile li{
	font-size:100%;
}
section#staff .career{
	font-size:94%;
}

/* アクセス */
section#access{
	background:#fff;
	padding:60px 0 0;
}
section#access #map_canvas{
	width:100%;
	height:500px;
}
section#access dl#address{
	margin-bottom:10px;
}
section#access dl#address dt{
	background:#f39700;
	padding:4px 3px 2px 3px;
	float:left;
	width:66px;
	margin-bottom:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
section#access dl#address dd{
	padding:3px 3px 3px 10px;
	float:left;
	width:370px;
	margin-bottom:5px;
}
section#access #googlemaps_btn{
	width:400px;
	background:#eee;
	border:1px dotted #ccc;
	padding:10px;
	margin:10px auto;
	text-align:center;
	font-weight:bold;
}
section#access #googlemaps_btn a{
	display:block;
}
/* ご予約・お問い合わせ */
section#contact{
	background:#fafafa;
	padding:60px 0;
}
section#contact ul{
	background:#eee;
	padding:10px;
	margin:0 0 10px 0;
}
section#contact .wrap #tel{
	float:left;
	width:450px;
	text-align:center;
}
section#contact .wrap #mail{
	float:right;
	width:450px;
	text-align:center;
}

section#contact .mailArea{
	padding:20px;
	background:#eee;
}
section#contact .wrap .mail_text{
	float:left;
	width:45%;
}
section#contact .wrap .mail2{
	width:50%;
	float:left;
	text-align:center;
	height: 290px;
    background: #FFF;
    box-sizing: border-box;
    padding-top: 85px;
}
section#contact .wrap .mail2 span{
	padding:45px 0;
	display:block;
	background:#fff;
}
section#contact .txt1{
	text-align: center;
	margin-bottom: 30px;
}
section#contact .attention{
    box-sizing: border-box;
    border: 2px solid #f39700;
    padding: 15px;
    text-align: center;
    margin: 0 auto 15px;
    width: 100%;
    background: #fff;
    font-size: 18px;
}
section#contact .attention a{
    display: inline-block;
    margin: 15px auto 0;
}
section#contact .attention__title{
    color: #f39700;
    font-weight: bold;
}

/* footer */
footer{
	width:100%;
	background:#f39700;
	padding:20px 0;
}
footer .all{
	width:960px;
	margin:0 auto;
	text-align:center;
}
footer #footerlogo{
}
footer #copyright{
	color:#fff;
	font-size:76%;
}



@media screen and (max-width: 768px) {
	/*section{ padding:0 20px; }*/
    img{ max-width : 100%; }
	header{
		min-width:100%;
		position:relative;
	}
	header h1{
		margin:0;
		padding:3px 0 0 0;
		font-size:74%;
		color:#fff;
		height:19px;
		text-align:center;
		font-weight:normal;
		background:#f39700;
	}
	header #logo{
		width:100%;
		height:auto;
		background-image:none;
		background-color:#fff;
		position:relative;
		left:auto;
		top:auto;
		padding:0;
		margin:0;
		text-align:center;
	}

	header #logo img{
		background:none;
		width:30%;
		margin:10px auto;
	}

	section#mainimage{
		height:280px;
	}
	section#mainimage p.openBtn{
		width:50%;
		margin:200px auto 0 auto;
		padding:10px;
	}

	header nav{
		background:url(../img/bg_menu.png) repeat-x left bottom #fff;
		height:133px;
	}

	header nav ul li a:before {
		content: attr(data-label);
	}
	header nav ul{
		background:#fff;
		width:100%;
	}
	header nav ul li{
		width:50%;
		float:left;
		text-align:center;
		padding:2%;
		background:#F90;
		color:#fff;
		border:solid 1px #fff;
		box-sizing:border-box;
	}
	header nav ul li.rightside{
		margin-left:0;
	}
	header nav ul li img {
		display: none;
	}
	header nav ul li a{
    	color:#fff;
	}
	header nav ul li a:link {
		color:#fff;
	}
	header nav ul li a:visited {
		color:#fff;
	}
	header nav ul li a:hover {
		color:#fff;
	}
	header nav ul li a:active {
	}


	/* コンテンツ共通 */
	h1.contentTitle{
		margin-bottom:30px;
		text-align:center;
	}
	section .all{
		width:100%;
		margin:0 auto;
	}

	/* ツナグについて */
	section#about{
		background:url(../img/a2_bg.jpg) repeat center top;
	}
	section#about .wrap .left{
		width:90%;
		margin-right:0;
		margin:0 auto;
		float:none;
	}
	section#about .wrap .right{
		width:40%;
		text-align:center;
		float:none;
		margin:0 auto;
	}

	/* 想い */
	section#omoi{
		background:#f3e8db;
		padding-top:30px;
	}
	section#omoi .wrap .left{
		width:90%;
		margin-right:0;
		margin:0 auto;
		float:none;
	}
	section#omoi .wrap .right{
		width:70%;
		margin:0 auto;
		float:none;
	}

	/* メニュー */
	section#menu{
		background:#fff;
	}
	section#menu .all dl{
		width:90%;
		margin:0 5%;
	}
	section#menu .all dl dt{
		float:left;
		width:30%;
		font-weight:bold;
		margin-bottom:10px;
	}
	section#menu .all dl dd{
		float:right;
		width:70%;
		text-align:right;
		margin-bottom:10px;
	}
	section#menu .all .wrap dl.left{
		float:left;
	}
	section#menu .all .wrap dl.center{
		float:left;
	}
	section#menu .all .wrap .right{
		float:none;
		width:90%;
		margin:10px auto;
		line-height:1.2;
	}
	section#menu #notes{
		width:85%;
		margin:0 auto;
		padding:10px;
		background:#fff5c8;
	}
	section#menu .all .wrap ul{
		margin-top:20px;
	}

	/* スタッフ */
	section#staff{
		background:#f3e8db;
	}
	section#staff .all{
		width:90%;
		margin:0 auto;
	}
	section#staff .t1{
		font-weight:bold;
	}
	section#staff .t1 span{
		font-size:120%;
	}
	section#staff dl.profile{
		margin-bottom:10px;
	}
	section#staff dl.profile dl{
		width:100%;
	}
	section#staff .wrap .left{
		width:100%;
		float:none;
		margin-right:40px;
	}
	section#staff .wrap .right{
		width:100%;
		float:none;
		text-align:center;
		padding-top:30px;
	}
	section#staff dl.profile dt{
		float:none;
		width:90%;
		border-bottom:doted 1px #ddd;
		padding:5px 8px;
		margin:0 0 8px 0;
		font-weight:bold;
		background:#fff;
	}
	section#staff dl.profile dd{
		float:none;
		width:95%;
		padding:0 5px;
		margin-bottom:1em;
	}
	section#staff dl.profile li{
		font-size:100%;
	}
	section#staff .career{
		font-size:94%;
	}

	/* アクセス */
	section#access{
		background:#fff;
		padding-top:20px;
	}
	section#access #map_canvas{
		width:100%;
		height:240px;
	}
	section#access dl#address{
		margin-bottom:10px;
	}
	section#access dl#address dt{
		background:#f39700;
		padding:4px 3px 2px 3px;
		float:left;
		width:100%;
		margin-bottom:5px;
		text-align:center;
		color:#fff;
		font-weight:bold;
	}
	section#access dl#address dd{
		padding:3px 3px 3px 10px;
		float:left;
		width:90%;
		margin-bottom:5px;
	}
	section#access #googlemaps_btn{
		width:80%;
		background:#eee;
		border:1px dotted #ccc;
		padding:10px;
		margin:10px auto;
		text-align:center;
		font-weight:bold;
	}

	/* ご予約・お問い合わせ */
	section#contact{
		background:#fafafa;
	}
	section#contact .all{
		width:90%;
		margin:0 auto;
	}
	section#contact ul{
		background:#eee;
		padding:10px;
	}
	section#contact .wrap #tel{
		float:none;
		width:100%;
		text-align:center;
	}
	section#contact .wrap #mail{
		float:none;
		width:100%;
		text-align:center;
	}

	section#contact .txt1{
		text-align: left;
	}
	section#contact .mailArea{
		padding: 20px;
	}
	section#contact .wrap .mail_text{
		float: none;
		width: 100%;
	}
	section#contact .wrap .mail2{
		width: 95%;
		float: none;
		margin: 0 auto;
	}
	section#contact .wrap .mail2{
		height: auto;
		padding: 30px 20px;
	}

	section#contact .wrap .mail2 span{
		padding: 0;
	}
	section#contact .wrap .example{
		background: #fff;
	    display: block;
	    margin: 0 0 10px 13px;
	    padding: 10px 10px 10px 2px;
    }
    section#contact .attention{
        width: 100%;
    }
    

	/* footer */
	footer{
		width:100%;
		background:#f39700;
		padding:10px 0;
	}
	footer .all{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	footer #footerlogo{
	}
	footer #copyright{
		color:#fff;
		font-size:76%;
	}
}