@charset "utf-8";
/*<meta content="width=device-width, initial-scale=1, minimum-scale=1" name="viewport">*/

#phonemenuA {
	display: none;
	padding: 0;
	margin: 0;
}
.smartphone img {
	display: none;
}
.w100 {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
}
.map {
	width: 450px;
	height: 450px;
}
/*　facebook */
.facebook {
	background-color: #fff;
	height: auto;
}
#fb-root {
	background-color: #fff;
	height: auto;
}
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style] {
	width: 100% !important;
}

/* menu */
#meanmenu {
	display: none;
}
#menu a {
	float: left;
	text-align: center;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	width: 137px;
	height: 40px;
	text-indent: 100%;
	line-height: 40px;
}
#menu a:hover {
	background-color: #fbf2c7;
}

@media screen and (min-width: 801px) {
	#menu .menu1 a {
		background: url(../img/menu_01.png) no-repeat;
	}
	#menu .menu2 a {
		background: url(../img/menu_02.png) no-repeat;
	}
	#menu .menu3 a {
		background: url(../img/menu_03.png) no-repeat;
	}
	#menu .menu4 a {
		background: url(../img/menu_04.png) no-repeat;
	}
	#menu .menu5 a {
		background: url(../img/menu_05.png) no-repeat;
	}
	#menu .menu6 a {
		background: url(../img/menu_06.png) no-repeat;
	}
	#menu .menu7 a {
		background: url(../img/menu_07.png) no-repeat;
	}
	#menu a:hover {
		opacity: 0.6;
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		-o-transition: 0.2s;
		-ms-transition: 0.2s;
		transition: 0.2s;
	}
}

@media screen and (max-width: 800px) {
	body {
		width: 100%;
		height: auto;
	}
	/* */
	#footer address,
	.copyright {
		text-align: center;
	}
	.logo {
		max-width: 400px;
		width: 100%;
		height: auto;
	}
	.tel {
		max-width: 400px;
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.map {
		width: 100%;
	}

	/* none */
	.none,
	.desktop,
	#nav-f,
	.logo-f,
	#menuA,
	#menu {
		display: none;
	}

	/* width100% */
	#head,
	#footer,
	#wrap,
	#nav,
	#wrapA,
	#seo,
	#title {
		width: 100%;
	}
	#head {
		height: 50px;
	}
	#head h1 {
		display: none;
	}
	#seo h1 {
		font-size: 10px;
	}
	#title {
		/*border:1px solid #443402;*/
		padding: 0px;
		margin: 20px 0;
		background: #dad2b9;
	}
	#containar {
		width: 100%;
		height: auto;
		border-radius: 10px;
		padding: 0 8px;
	}
	#wrap {
		padding: 0 0 50px;
		margin: 0;
	}
	/* flash */
	#flash {
		width: 95%;
		height: auto;
	}
	#swiffycontainer {
		max-width: 800px;
		width: 95%;
		max-height: 253px;
		height: auto;
	}

	#main {
		float: none;
		width: 95%;
		margin: 0 auto 20px;
	}
	#side {
		float: none;
		width: 100%;
		height: auto;
		padding: 0 0 70px;
		background: url(../img/bg-f.jpg);
	}

	/* phonemenu */
	/*link*/
	#phonemenu li a:link,
	#phonemenu li a:visited,
	#phonemenu li a:hover {
		color: #fff;
		text-decoration: none;
	}

	#phonemenuA {
		display: block;
		width: 100%;
		height: 50px;
		box-shadow: rgba(0, 0, 0, 0.2) 0 3px 2px;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		color: #37090c;
		z-index: 9999;
	}
	#phonemenu {
		margin: 0 auto;
	}
	#phonemenu ul {
		position: relative;
	}
	#phonemenu li {
		font-family: "FontAwesome";
		width: 16%;
		float: left;
		padding: 5px 0;
		margin: 0;
		display: inline;
		text-align: center;
		font-size: 20px;
		cursor: pointer;
		vertical-align: middle;
		color: #fff;
	}
	#phonemenu li:hover {
		opacity: 0.5;
	}
	#phonemenu .lg {
		width: 36%;
		padding: 3px 0;
		z-index: 999999;
	}
	#phonemenu .lg img {
		width: 110px;
		height: auto;
		padding: 0px 0;
		position: relative;
		z-index: 99999;
		top: 0;
	}
	#phonemenu li:hover {
		opacity: 0.5;
	}
	/* phonemenu */

	#dmenu1 li a:link,
	#dmenu1 li a:visited,
	#dmenu1 li a:hover {
		color: #fff;
		text-decoration: none;
		text-align: left;
		font-size: 12px;
		padding: 0px 0;
		text-indent: 1em;
	}

	#dmenu1 {
		display: none;
		position: absolute;
		top: 5px;
		width: 100%;
		font-size: 11px;
	}
	#dmenu1 li {
		overflow: hidden;
		width: 100%;
		background: rgba(0, 0, 0, 0.8);
		box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px;
	}
	#dmenu1 li a {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		color: #fff;
	}
	#dmenu1 li a:before {
		font-family: "FontAwesome";
		content: "\f054";
		margin-right: 5px;
	}

	.main-title {
		height: 30px;
		line-height: 30px;
		font-family: "Roboto Slab", serif;
		background: url(../img/bar.png) no-repeat top right;
		color: #3d2b00;
		text-indent: 0.5em;
		font-size: 15px;
	}

	/* flink */
	.flink0,
	.flink1,
	.flink2 {
		width: 100%;
	}
	.flink0 ul {
		margin-right: -11px;
	}
	.flink1 ul {
		margin-left: -11px;
		margin-bottom: -10px;
	}
	.flink2 ul {
		margin-right: -21px;
		margin-bottom: -20px;
	}
	.flink0 li {
		float: none;
	}
	.flink1 li {
		float: left;
		width: 47%;
		margin-bottom: 10px;
		text-align: center;
	}
	.flink1 li img {
		width: 90%;
		border-radius: 5px;
		box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px 2px;
	}
	.flink2 li {
		width: 95%;
		float: none;
		text-align: center;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.flink2 li img {
		width: 95%;
	}

	/* flexbox */
	.flexbox {
		display: flex;
		display: -webkit-flex;
	}
	.flexbox img {
		display: block;
		margin: 0 auto;
	}
	.sidebox {
		width: 100%;
	}

	/*  */
	#main h1 {
		width: 100%;
		height: auto;
	}

	/*  */
	img {
		max-width: 100%;
		height: auto;
	}
	.smartphone img {
		display: block;
		max-width: 100%;
		height: auto;
	}
	/** float style **/
	.fleft0,
	.fleft1,
	.fleft2,
	.fright0,
	.fright1,
	.fright2 {
		float: none;
	}
	.fleft0,
	.fleft1,
	.fleft2,
	.fright0,
	.fright1,
	.fright2,
	img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.news-s {
		font-size: 11px;
	}
	.news-s dt {
		float: none;
		height: 20px;
		line-height: 20px;
		padding-top: 5px;
		line-height: 1.3;
		font-weight: bold;
	}
	.news-s dd {
		padding-left: 0em;
		padding-bottom: 10px;
		padding-top: 5px;
		line-height: 1.3;
		border-bottom: dotted 1px #938041;
	}
	.sp {
		display: block;
	}

	/* /@media screen and (max-width:481px) */
}