/* CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* main.css */

body {
	text-align:center;
	font-family: 'Radley', sans-serif;
	font-size:150%;
	line-height:180%;
	background: #9d6e12; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #9d6e12 1%, #eae081 21%, #9d6e12 50%, #eae081 77%, #9d6e12 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%,#9d6e12), color-stop(21%,#eae081), color-stop(50%,#9d6e12), color-stop(77%,#eae081), color-stop(100%,#9d6e12)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #9d6e12 1%,#eae081 21%,#9d6e12 50%,#eae081 77%,#9d6e12 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #9d6e12 1%,#eae081 21%,#9d6e12 50%,#eae081 77%,#9d6e12 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #9d6e12 1%,#eae081 21%,#9d6e12 50%,#eae081 77%,#9d6e12 100%); /* IE10+ */
	background: linear-gradient(45deg,  #9d6e12 1%,#eae081 21%,#9d6e12 50%,#eae081 77%,#9d6e12 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d6e12', endColorstr='#9d6e12',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin:80px 0;
	padding: 0;
}

.clearfix {zoom:1;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

#gm{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #FFF;
	z-index: 1;
}

#wrapper{width:90%;margin:0 auto ;}


a{color:#000;text-decoration:none;}
a:hover{
filter: alpha(opacity=70) !important;
opacity: 0.7 !important;
}

i{margin:0 10px 0 ;}
.icon-1{font-size:0.8em}
.icon-2{font-size:1em;}


.screen-reader-text {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

img{ max-width : 100%}
.shadow {
	box-shadow: 2px 2px 20px #000; /*CSS3*/
	-moz-box-shadow: 2px 2px 20px #000; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 20px #000; /* Google Chrome, Safari用*/
	}
h2{font-size:150%;border-bottom:1px solid #000;padding-bottom:10px;margin:20px 0;}

/* head nav */


nav {
	background: #000;
	color: #FFF;
	display: inline-block;
	margin: 0;
	padding: 10px 0 5px;
	width: 100%;
	position: fixed !important;  
	position: absolute;  
	top: 0;  
	left: 0; 
	z-index:9999;

}
nav a {color: #FFF;}
nav p.home{float:left;font-size: 110%;}
nav ul{float:right;font-size: 80%;display:block;}
nav ul li{float:left;margin-right:20px;display:block;}


section {
    padding-top:70px;
    margin-top:-70px;
}


/* about */
#about h1{font-size:300%;margin:150px 0;}


/* サムネイル枠サイズ */
.thmub_mm_square{
	width: 200px!important;
	height: 200px!important;
	overflow: hidden!important;
	position: relative!important;
	float: left;
	margin: 0 10px 10px 0;
	display:inline-block;
}

.thmub_nodsp{
	display:none;
}

/* 画像の位置 */
.thmub_mm_square img,.thmub_mm_v img,.thmub_mm_h img{
	position: absolute!important;
	z-index: 1!important;
	top: 0px!important;

}

.mr0{
	margin-right:0px!important;
}

.slideBox a:hover {
	filter :alpha(opacity=70) !important;
	opacity :0.7 !important;
}

.nopc {display:none;}

#backToTop {
	position: fixed;
	right: 2%;
	bottom: 10px;
}
#backToTop a {
	font-size:60%;
	background:#000;
	color:#FFF;
	padding:10px 10px 10px 0;
}


#menu ul li:first-letter{

font-size:130%;
}
.price{font-style:oblique;font-size:80%;font-weight:bold;}

@media screen and (max-width: 480px){

	/* about */
	#about h1{font-size:200%;margin:80px 0;}

	.nopc {display:inline-block;}
	.nosp {display:none;}
	nav {
		background: #000;
		color: #FFF;
		display: inline-block;
		margin: 0;
		padding: 0;
		width: 100%;
		position: fixed !important;  
		position: absolute;  
		top: 0;  
		left: 0; 
		z-index:9999;
		line-height:60%;
	}
	nav a {color: #FFF;}

	nav p.home{float:left;width: 100%;font-size: 100%;display:inline-block;}
	nav ul{float:left;width: 100%;font-size: 100%;}
	nav ul li{float:left;width: 100%;padding:1% 0;display:none;}

	.accordion_head{
		cursor:pointer;

	}
	.thmub_mm_square{
		width: 100%!important;
		height: 400px!important;
		overflow: hidden!important;
		position: relative!important;
		float: left;
		margin: 10px 0;
		display:inline-block;
	}
}