body {
	background:#fff none repeat scroll 0 0;
	color:#333;
	font-size:18px;
	line-height:1.5;
	margin:0px;
	padding:0;
	font-family:verdana, arial, helvetica, sans-serif;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #330000;
}
a:hover img.trans {
    opacity: 0.8; 
    filter: alpha(opacity=80); 
    -moz-opacity: 0.8;
}
h2 {
	color: #083090;
	font-size: 160%;
}
h2 a{
	color: #083090;
	text-decoration: none;
}
h2 a:hover{
	color: #333;
	text-decoration: none;
}
.hide-header {
	display:none;
	}
#hide-menu {
	background-color:rgba(204,204,0,0.9);
	width: 100%;
	position: absolute;
	left: 0px;
	top: 460px;
	height: 60px;
	z-index: 666;
	margin: 0px;
}
#hide-menu .logo {
opacity:0;
}
#hide-menu .logo {
	background-image: url(../images/logo-ss.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 60px;
	width: 95px;
	position: absolute;
	left: 0px;
	top: 0px;
	
}
#hide-menu .logo a {
	height: 60px;
	width: 250px;
	display: block;	
}
#hide-menu nav {
	position: relative;
	width: 980px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#hide-menu nav ul {
	position: absolute;
	top: 0px;
	right: 0px;
}
#hide-menu nav li {
	float: left;
	margin-left: 20px;
	line-height: 60px;
	height: 60px;
}
#hide-menu nav a {
	color: #000;
	text-decoration: none;
}
#hide-menu nav a:hover, a:focus {
	color: #663300;
	text-decoration: underline;
}

/* header */
#header {
	height: 380px;
	padding-top: 80px;
	margin: 0;
	background-attachment: fixed;
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header h1 {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 280px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#header #main-logo {
opacity:0;
}

/* album */
#album {
	height:60px;
	}
#album-unit {
	margin-top:100px;
	margin-bottom:0px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 100px;
	padding-left: 0px;
}
#album-unit .half-left {
	width: 50%;
	float: left;
}
#album-unit .half-left img {
	border: 1px solid #CCC;
}
#album-unit .half-left .inner {
	width: 400px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 12px;
}
#album-unit .half-right {
	width: 50%;
	float: right;
}
#album-unit .half-right .iframer .iframe {
    width: 420px;
    height: 420px;
  }
#album-unit h3 {
	font-size: 180%;
	text-align: center;
	}
/* comment */
#comment {
	height:30px;
	}
#comment-unit {
	margin-top:0px;
	margin-bottom:0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #333;
	background-color: #fff;
}
#comment-unit .comment-bg {
	width:50%;
	float: left;
	margin-top: 0px;
	overflow: hidden;
}
#comment-unit .comment-bg img {
	max-width:100%;
	max-height:100%;
	margin: 0px;
	padding: 0px;
}
#comment-unit .half-right {
	width: 50%;
	float: right;
	margin-top: 0px;
}
#comment-unit .half-right .inner {
	width:52%;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 30px;
}
#comment-unit h3 {
	font-size: 120%;
	text-align: center;
	}

/* buy */
#buy {
	position: absolute;
	top: -30px;
}
#buy-unit {
	margin-top:-3px;
	margin-bottom:0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #333;
	background-color: #FAF6E1;
}
#buy-unit .buy-bg {
	width:50%;
	float: right;
	margin-top: 0px;
	overflow: hidden;
}
#buy-unit .buy-bg img {
	max-width:100%;
	max-height:100%;
	margin: 0px;
	padding: 0px;
}
#buy-unit .half-left {
	width: 50%;
	float: left;
	margin-top: 0px;
}
#buy-unit .half-left .inner {
	width:52%;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#buy-unit h3 {
	font-size: 120%;
	text-align: center;
	}
#buy-unit .half-left .inner img {
	margin-bottom: 10px;
	border: 1px solid #CCC;
	margin-right: 5px;
	margin-left: 5px;
	}


/* schedule */
#schedule-unit {
	width: 100%;
	margin-top: -3px;
	padding-bottom: 160px;
	color: #fff;
	padding-top: 60px;
}

#schedule-unit h3 {
	font-size: 180%;
	text-align: center;
}
#schedule-unit ul {
	list-style-type: none;
	margin-left: 60px;
	padding-left: 60px;
}
#schedule-unit li {
	margin-bottom: 10px;
}
#schedule-unit .half-left {
	float: left;
	width: 35%;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
}

#schedule-unit .half-right {
	float: right;
	width: 35%;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
}
#schedule-unit strong {
	font-size: 120%;
	font-weight: lighter;
}

section {
	width: 980px;
	margin: 30px auto;
	position: relative;
	border: solid 1px rgba(255, 255, 255, 0.1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
section {
	color: #000;
	text-shadow: 0 1px 5px #fff;
}
section > .blacon {
	padding: 30px;
}
section > ul {
  padding: 30px;
  text-shadow: 0 1px 5px #000;
}
body, section:before {
  background:url(../images/bg.jpg) 50% 0 no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
section:before {
  content: "";
  z-index: -1;
  -webkit-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
section a {
	color: #333;
	text-decoration: none;
}
section a:hover {
	color: #333;
	text-decoration: underline;
}

/* footer */
footer {
	text-align: center;
	clear: both;
	width: 100%;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
	margin-top: -3px;
	color: #FFF;
	background-color: #CC0;
}
.footermeta {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}
.footermeta .half-left {
	float: left;
	width: 50%;
}
.footermeta .half-left h3{
	text-align: left;
	padding-left: 30px;
	padding-bottom: 20px;
	font-size: 120%;
}
.footermeta .half-left p {
	text-align: left;
	padding-left: 30px;
}
.footermeta .half-right {
	float: right;
	width: 50%;
	text-align: right;
	font-size: 300%;
}
.footermeta a {
	color: #FFF;
	text-decoration: none;
}
.footermeta a:hover {
	color: #390;
	text-decoration: none;
}
/* grid */
#grid-unit {
	margin-top:50px;
	margin-bottom:100px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#grid-content {
	list-style-type: none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#grid-content li {
	list-style-type: none;
	width:200px;
	border:1px solid #ccc;
	background:#fff;
	margin:5px;
	padding:5px;
	word-break:break-all;
	box-sizing:content-box;
}
#grid-content li a {
	color:#ff6699;
}
#grid-content li div {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}
#grid-content li span {
	font-size:80%;
	color:#666;
}
#grid-content li span a {
	color:pink;
}

/* box link */
.link_box a {
	color:#666 !important;
}
.link_box {
	position:relative;
}
.link_box a.moveLink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.link_box a.moveLink:hover {
	background-color:#999;
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}
.link_box img {
	display:block;
}
.noLink a {
	pointer-events: none;
}

/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* W3C */
		border: 1px solid #aaa;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #444;
		display: inline-block;
		font-size: 12px;
		text-decoration: none;
		text-shadow: 0 1px rgba(255, 255, 255, .75);
		cursor: pointer;
		margin-bottom: 20px;
		line-height: normal;
		padding: 8px 15px;
		text-transform:uppercase;
	}
	
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
			background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
			background: #ddd -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
			background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
			background: #ddd linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* W3C */
			border: 1px solid #888;
			border-top: 1px solid #aaa;
		border-left: 1px solid #aaa; }
		
		.button:active,
		button:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active {
			border: 1px solid #666;
			background: #ccc; /* Old browsers */
			background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
			background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
				background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
				background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
				background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
			background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
			
			.button.full-width,
			button.full-width,
			input[type="submit"].full-width,
			input[type="reset"].full-width,
			input[type="button"].full-width {
				width: 100%;
				padding-left: 0 !important;
				padding-right: 0 !important;
			text-align: center; }
			
			/* Fix for odd Mozilla border & padding issues */
			button::-moz-focus-inner,
			input::-moz-focus-inner {
				border: 0;
				padding: 0;
			}
a.navbarbutton { display:none; }
div.defaultpage { 
	margin-top:25px;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width: 479px) {
.hide-header {
	display:block;
}
#hide-menu {
display:none;
}
#header {
	display:none;
}
#header h1 {
		display:none;
}
#header nav,#hide-menu {
	display:none;
}
section {
	width: 95%!important;
	margin: 0px auto!important;
}
section > .blacon {
  padding: 5px;
}
section > ul {
  padding: 5px;
}
#album {
	height:0px;
	}
#album-unit {
	margin-top:10px!important;
	width: 100%;
	margin-right:0px;
	margin-left: 0px;
	padding-top: 0px!important;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#album-unit .half-left {
	width: 100%;
	float: none;
}

#album-unit .half-left .inner {
	width: 100%;
	margin: 0px;
}
#album-unit .half-right {
	width: 100%;
	float: none;
}
#buy-unit .buy-bg,#buy-unit .half-left {
	width: 100%;
	float: none;
}

#buy-unit .half-left .inner {
	width:90%;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#comment-unit .comment-bg,#comment-unit .half-right {
	width: 100%;
	float: none;
}

#comment-unit .half-right .inner {
	width:90%;
	margin: 0;;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#schedule-unit {
	width: 100%;
	margin-top: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#schedule-unit ul {
	margin-left: 10px;
	padding-left: 10px;
}
#schedule-unit .half-left,#schedule-unit .half-right {
	width: 100%;
	float: none;
	margin: 0px;
	padding: 10px;
}
footer {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
}
.footermeta {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.footermeta .half-left {
	width: 100%;
	float: none;
}
.footermeta .half-left p {
	padding-left: 5px;
	word-wrap:break-word;
}
.footermeta .half-right {
	width: 100%;
	float: none;
	
	text-align: left;
	font-size: 200%;
}
.columns2,.columns3 { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px;}
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}

}