@charset "UTF-8";
/*Kayoko Matsudate webサイトのCSS*/
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700);
/*01.全体的な設定*/
* {
	margin : 0;
	padding : 0;
	color : #333;
	font-size:12px;
	font-style : normal;
	font-weight : normal;
	font-family : 'Raleway', Helvetica, Verdana, Arial, sans-serif, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", "Osaka", "Hiragino Kaku Gothic Pro", "lroSVbN";
	line-height : 180%;
	text-decoration : none;
}

body {
	width:100%;
	min-width:960px;
	height:auto;
	min-height:100%;
	margin:0px;
	border:0px;
	padding:0px;
}

body.top {
	height:100%;
	min-height:100%;
	overflow:hidden;
}

html {
	width:100%;
	height:auto;
	min-height:100%;
	margin:0;
	padding:0;
	border:0;
	background:#FFF;
}
/*HTML5*/
article, aside, dialog, figure, footer,
header,hgroup, nav, section { display: block; }
/*HTML5*/

a, a img {
	outline:0;
	border:0;
}

a,a:link {
	color:#999;/*リンク*/
	text-decoration:none;
}

a:visited {
	color:#999;/*リンク*/
	text-decoration:none;
}

a:hover {
	color:#F00;/*リンク*/
	text-decoration:none;
}

a:active {
	color:#F00;/*リンク*/
	text-decoration:none;
}

object em {
	visibility:hidden;
}

/*clearfix*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
	
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*clearfix*/

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

h1 {
	font-size:200%;
}

h2 {
	font-size:200%;
	font-weight:bold;
}

h3 {
	font-size:150%;
}

h4 {
	font-size:120%;
}

h5 {
}

h6 {
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-size:100%;
	text-decoration:none;
}

/*layout*/
#wrap_body {
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	border:none;
	text-align:center;
}

#wrap_header {
	position:fixed;
	top:0;
	width:100%;
	height:auto;
	margin:0;
	padding:0px;
	background:rgba(255,255,255,0.5);
	border:none;
	text-align:center;
	z-index:3;
}

#wrap_header:before {
	content:" ";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: -1;
	width:100%;
	height:100%;
	-webkit-filter: blur(20px) saturate(2);
	-moz-filter: blur(20px) saturate(2);
	filter: blur(20px) saturate(2);
	filter: url(../img/filters.xml#blur_saturate);
}

#wrap_gn {
	position:fixed;
	width:100%;
	height:50px;
	overflow:hidden;
	margin:0;
	padding:100px 0 0 0;
	border:none;
	text-align:center;
	z-index:2;
}

#wrap_flash {
	display:none;
}

#wrap_container {
	position:relative;
	width:100%;
	height:auto;
	min-height:100%;
	margin:0;
	padding:80px 0 0 0;
	border:none;
	text-align:center;
	z-index:2;
}

.top #wrap_container,
.page-body-gallery #wrap_container {
	height:100%;
	padding:0 0 0 0;
}

#wrap_footer {
	position:absolute;
	bottom:0;
	z-index:4;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	text-align:center;
}

#fade {
    position:absolute; /* ie6 */
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background:#FFF;
	z-index:9999;
}

.bg-image {
	position:fixed !important;
	display:none;
	width:100%;
}

.loader {
	display:none;
	position:absolute;
	z-index:9999;
	width:39px;
	height:39px;
	top:90%;
	left:49%
}

#qLpercentage {
	left:50% !important;
	top:45%;
	text-align:right !important;
	margin-top:16px !important;
	filter: alpha(opacity=99);
	-moz-opacity:0.95;
	opacity:0.95;
	font-family: 'Raleway', sans-serif !important;
	font-weight:500;
	font-size:12px !important;
}

/*反転時の文字色・背景色 */
::selection {
	background: #666;
	color:#FFFFFF;
}
/* Firefox対応*/
*::-moz-selection {
	background: #666;
	color:#FFFFFF;
}
/*02.header*/
#header {
	width:98%;
	height:auto;
	padding:0;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header #header-hgroup {
	display:block;
	float:left;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border:none;
}

#header #header-hgroup h1 {
	width:auto;
	height::auto;
	margin:0;
	padding:0;
	border:none;
}

#header h1 a#top {
	display:block;
	width:auto;
	height:32px;
	margin:0 0 0 0;
	padding:16px 0 8px 48px;
	background:url(../img/common/logo.png) left center no-repeat;
	background-size:40px;
	line-height:100%;
	font-size:24px;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#header h1 a#top:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#header h1 a#top em {
	color:#000;
	font:inherit;
}

#header #header-hgroup h2 {
	display:none;
}

#header #status {
	display:none;
}
/*03.menu*/
#global_navi {
	width:auto;
	height:auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	float:right;
}

#global_navi ul.global_navi {
	display:block;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

#global_navi ul.global_navi li {
	display:block;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	float:left;
}

#global_navi ul.global_navi .gn a {
	position:relative;
	display:block;
	width:auto;
	height:24px;
	margin:0;
	padding:16px;
	color:#000;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	font-weight:500;
	text-transform:capitalize;
	//text-transform:uppercase;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

#global_navi ul.global_navi .gn a:hover {
	color:#FFF;
	background:rgba(0,0,0,0.8);
}

#global_navi ul.global_navi li:hover a:after {
	display:none !important;
}

.button-toggle {
	display:none;
	width:16px;
	height:16px;
	padding:8px;
	margin:8px;
	border:#333 solid 1px;
	float:right;
	text-align:center;
	line-height:100%;
	font-size:20px;
}

#local_navi {
	width:100%;
	height:auto;
	margin:0 0 24px 0;
	padding:0 0 0 0;
}

#local_navi .header,
#local_navi .footer {
	display:none;
}

#local_navi .section {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#local_navi .section ul {
	display:block;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}

#local_navi .section ul li,
#local_navi .section ol li {
	display:block;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	font-weight:500;
	font-family: 'Raleway', sans-serif;
	color:#000;
}

#local_navi .section ol ol {
	margin:0 0 0 8px;
}

#local_navi .section ul li a,
#local_navi .section ol li a,
#local_navi .section dl dt a {
	display:block;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:500;
	font-family: 'Raleway', sans-serif;
	color:#000;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

#local_navi .section ul li a:hover,
#local_navi .section ol li a:hover,
#local_navi .section dl dt a:hover {
	color:#999;
}

#local_navi .section ul li a span,
#local_navi .section ol li a span {
	display:none;
	color:#999;
}
/*04.container*/
#container {
	position:relative;
	width:100%;
	height:auto;
	min-height:100%;
	margin:0px auto;
	padding:0;
	border:none;
	clear:both;
	text-align:left;
}

.blog #container {
	width:1200px;
}

#main {
	position:relative;
	width:75%;
	height:auto;
	margin:0px 0 0 0;
	padding:0;
	float:right;
}

#side {
	width:23%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

.top #main  {
	position:absolute;
	left:5%;
	top:45%;
	width:100%;
	float:none;
}

.page-body-gallery #main {
	width:100%;
	float:none;
}

.topics #side {
	width:22%;
	padding:0 0 0 1%;
}

.blog #main {
	width:800px;
}

.blog #side {
	width:360px;
}

.page-body-contact #side,
.page-body-sitemap #side {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

#pan {
	width:98%;
	height:auto;
	margin:0 auto 24px auto;
	padding:0 0 0 0;
}

.blog #pan {
	width:100%;
}

.gallery #pan {
	display:none;
}

.page-body-gallery #side,
.page-body-gallery #pan {
	display:none;
}

#container_foot {
	width:100%;
	bottom:45px;
	margin:0 0 0 0px;
	padding:0;
	clear:both;
}

.gallery #container_foot {
	position:fixed;
	bottom:45px;
	width:98%;
}

.index .schedule #container_foot,
.index .contact #container_foot {
	display:none;
}
/*05.contents*/
/*pan*/
#pan .topicpath {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0px 0 0 0;
}

#pan .topicpath li {
	display:block;
	margin:0px 0.5em 0 0;
	float:left;
}

#pan .topicpath a {
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
}

#pan .topicpath a:hover {
	color:#999;/*リンク*/
}

#pan .topicpath span {
	color:#333;
	font-family:inherit;
	font-weight:inherit;
	text-transform:capitalize;
}

#pan .topicpath span.allow {
	font-size:90%;
}

#pan .topicpath a:hover span {
	color:inherit;
}

/*flash*/
.top #flash {
	width:950px;
	height:400px;
	margin:0 auto;
	padding:0;
	border:none;
	background:#000;
}

.top #flash #image {
	width:950px;
	height:400px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	z-index:1;
}

.top #flash #image .cover {
	width:936px;
	height:393px;
	border-bottom:#000 solid 7px;
	border-left:#000 solid 7px;
	border-right:#000 solid 7px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.top #flash #image .cover h2 {
	text-indent:-9999px;
}
/*共通設定*/
.contents {
	width:auto;
	height:auto;
	margin:0 0 56px 0;
	padding:0 0 0 0;
}

.website .contents,
.topics .contents {
	width:800px;
}

.contents .header {
	width:100%;
	height:auto;
}

.contents .header h2 {
	font-weight:500;
	line-height:120%;
}

.contents .header .links {
	width:auto;
	height:auto;
	float:left;
	clear:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.contents .header .links .meta-data {
	color:#999;
	font-size:100%;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
}

.entry .contents .header .links .meta-data {
	font-size:140%;
}

.contents .header .links .meta-data span {
	color:inherit;
	font:inherit;
	font-size:90%;
}

.contents .header .links a {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.contents .header .links a span,
.contents .footer .footer-inner a span {
	display:none;
}

.contents .header .links a.rss {
	margin:0 3px 0 0;
	padding:0 0 0 0;
}

.contents .section {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:24px 0;
}

.contents .section .section-inner .entries,
.contents .section .section-inner .pages {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

.contents .section .section-inner .pagebute {
	width:auto;
	height:20px;
	clear:both;
	margin:0 auto;
	padding:0px 0 0 0;
	text-align:center;
}

.contents .section .section-inner .pagebute a {
	text-decoration:none;
}

.contents .section .section-inner .pagebute #results-previous-link {
	display:inline;
}

.contents .section .section-inner .pagebute .results-pages {
	display:inline;
	margin:0 2px;
}

.contents .section .section-inner .pagebute #results-next-link {
	display:inline;
}

.contents .footer {
	width:100%;
	height:auto;
	clear:both;
}

.contents .footer .footer-inner .footer-prev-link {
	float:left;
	width:auto;
	max-width:30%;
	height:auto;
	margin:0 0 0 0;
	padding:4px 8px 4px 8px;
	border-radius:4px;
	overflow:hidden;
	background:#CCC;
	color:#FFF;
	font-size:90%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.contents .footer .footer-inner .footer-prev-link:hover {
	background:#000;
	text-decoration:none;
}

.contents .footer .footer-inner .footer-next-link {
	float:right;
	width:auto;
	max-width:30%;
	height:auto;
	margin:0 0 0 0;
	padding:4px 8px 4px 8px;
	border-radius:4px;
	overflow:hidden;
	background:#CCC;
	color:#FFF;
	font-size:90%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.contents .footer .footer-inner .footer-next-link:hover {
	background:#000;
	text-decoration:none;
}

.contents .footer .snsshare,
.contents .footer .footer-link {
	position:relative;
	margin:24px 0;
	clear:both;
}

.contents .footer .snsshare a,
.contents .footer .footer-entry-link {
	position:relative;
	display:block;
	width:50%;
	height:auto;
	padding:16px 0;
	float:right;
	text-align:center;
	font-size:150%;
	color:#FFF;
	background:#333;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.contents .footer .snsshare a:first-child,
.contents .footer .footer-entry-link:first-child {
	float:left;
}

#share_fb:hover {
	background:#3B5998;
}

#share_tw:hover {
	background:#168dd9;
}

.contents .footer .snsshare a:hover {
}

.contents .footer .footer-api,
.contents .section .header-api {
	width:auto;
	height:32px;
	margin:4px 8px 4px 0;
	padding:0 0 4px 0;
	float:left;
}

.mainbox {
	position:absolute;
	overflow:hidden;
	text-align:center;
}

.mainbox a {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.mainbox a img {
	display:block;
	width:100%;
	height:auto;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.mainbox a span {
	color:#FFF;
	font-size:inherit;
	font-weight:bold;
	font-family: 'Raleway', sans-serif;
}

.mainbox-s {
	/*top:0;
	left:0;*/
	width:88px;
	height:88px;
	/*animation: boxvisible 1s ease 2s 1 normal;
	-webkit-animation: boxvisible 1s ease 2s 1 normal;*/
}

.mainbox-s a {
	display:block;
	width:auto;
	height:72px;
	padding:16px;
	background:rgba(0,0,0,0.8);
	color:#FFF;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.mainbox-s a:hover {
	background:rgba(255,255,255,0.8);
	color:#333;
}

.mainbox-s a.fa-music:before {
	display:block;
	padding-bottom:8px;
	font-size:40px;
	color:#FFF;
}

.mainbox-s:hover a.fa-music:before,
.mainbox-s:hover a span {
	color:#000;
}

.mainbox-m {
	/*top:192px;
	left:24px;*/
	width:120px;
	height:120px;
}

.mainbox-m .text {
	position:absolute;
	top:0;
	width:64px;
	height:64px;
	padding:32px;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.mainbox-m:hover .text {
	color:#FFF;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.mainbox-m a.fa-picture-o:before {
	display:block;
	padding-bottom:8px;
	font-size:40px;
	color:#FFF;
}

.mainbox-l {
	/*top:64px;
	left:72px;*/
	width:144px;
	height:144px;
	background:rgba(255,255,255,0.8);
	text-align:left;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.mainbox-l:hover {
	width:480px;
}

.mainbox-l .mainbox-inner {
	width:480px;
}

.mainbox-l .image {
	position:relative;
	width:144px;
	height:144px;
	margin:0 16px 0 0;
	float:left;
}

/*.mainbox-l .image:after {
	position:absolute;
	top:0;
	left:0;
	content:"Topics";
}*/

.mainbox-l .image img {
}

.mainbox-m:hover .image img,
.mainbox-l:hover .image img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

.mainbox-l .title {
	width:auto;
	padding:24px 16px 16px 0;
	line-height:120%;
	color:#333;
	font-weight:bold;
	font-size:150%;
}

.mainbox-l .date {
	line-height:120%;
	color:#333;
	font-size:130%;
	font-family: 'Raleway', sans-serif;
}

.mainbox-l .date .day {
	margin-left:8px;
	font-size:90%;
}

/*@keyframes boxvisible {
	0% {
		transform:scale(0);
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		filter: alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
	}
	
	100% {
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
}

@-webkit-keyframes boxvisible {
	0% {
		transform:scale(0);
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		filter: alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
	}
	
	100% {
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
}*/
/*---------*/
.type-01 .entry {
	width:100%;
	height:160px;
	margin:0 0 24px 0;
	padding:0 0 0 0;
	background:#FFF;
	overflow:hidden;
	cursor:pointer;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.type-01 .entry:hover {
	background:#ECECEC;
}

.type-01 .entry .image {
	position:relative;
	width:240px;
	height:160px;
	margin:0 16px 0 0;
	padding:0 0 0 0;
	float:left;
}

.type-01 .entry .no-image {
	background:#ECECEC;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.type-01 .entry:hover .no-image {
	background:#000;
}

.type-01 .entry .no-image:after {
	content:"No Image";
	position:absolute;
	top:45%;
	display:block;
	width:100%;
	text-align:center;
	line-height:120%;
	color:#FFF;
	font-size:16px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
}

.type-01 .entry .image a {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.type-01 .entry .image a:hover,
.type-01 .entry:hover .image a {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

.index .type-01 .entry .image a:after {
	content:attr(title);
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	padding:2px 4px;
	background:rgba(0,0,0,0.8);
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
}

.type-01 .entry .image a img {
	display:block;
	width:100%;
	height:auto;
}

.type-01 .entry .text {
	padding:8px 16px 8px 0;
}

.type-03 .entry .title {
	padding:0 0 8px 0;
}

.type-01 .entry .text h3 a,
.type-03 .entry .title h3 a {
	color:#333;
	font-weight:500;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.type-01 .entry .text h3 a:hover,
.type-03 .entry .title h3 a:hover {
	color:#999;
}

.type-01 .entry .text .date,
.type-03 .entry .title .date {
	color:#666;
	font-size:150%;
}

.type-01 .entry .text .date .day,
.type-03 .entry .title .date .day {
	margin-left:4px;
	color:inherit;
	font-size:80%;
}

.type-01 .entry .text .excerpt {
	margin:8px 0 0 0;
	color:#999;
}

.type-05 .entry {
	width:100%;
	height:50px;
	clear:both;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	position:relative;
	z-index:1;
}

.type-05 .entry .image {
	float:left;
	width:48px;
	height:48px;
	margin:0 7px 0 0;
	padding:0 0 0 0;
}

.type-05 .entry .image a {
	display:block;
	width:48px;
	height:48px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:rgba(0,0,0,0) solid 1px;
	overflow:hidden;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.type-05 .entry .image a:hover {
	border:#FFD700 solid 1px;
}

.type-05 .entry .image a img {
	width:48px;
	height:48px;
}

.type-05 .entry .text {
	float:left;
	width:230px;
	height:50px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
}

.type-05 .entry .text p {
	line-height:120%;
}

.type-05 .entry .only-text {
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.type-05 .entry .text .date,
.type-05 .entry .only-text .date {
	width:100%;
	font-size:120%;
	margin-top:-3px;
	color:#FFF;
}

.type-05 .entry .text p a,
.type-05 .entry .only-text p a {
	color:#FFF;
	cursor:pointer;
}

.type-05 .entry .text p .day,
.type-05 .entry .only-text p .day {
	color:#FFF;
	margin:0 0 0 4px;
}

.type-05 .entry .text p a:hover {
	color:#ffd700;/*リンク*/
}

.type-05 .entry .text p span,
.type-05 .entry .only-text p span {
	color:#FFF;
	margin:0 0 0 4px;
	cursor:pointer;
}

.type-05 .entry .text .category {
	position:absolute;
	bottom:0;
}

.type-05 .entry .text p a:hover span {
	color:inherit;
}

.type-05 .entry .text h3,
.type-05 .entry .only-text h3 {
	width:100%;
	height:auto;
}

.type-05 .entry .text h3 a,
.type-05 .entry .only-text h3 a {
	display:block;
	font-size:75%;
	text-decoration: none;
}

.type-05 .entry .text .permalink,
.type-05 .entry .only-text .permalink {
	width:100%;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.type-05 .entry .text .permalink a,
.type-05 .entry .only-text .permalink a {
	display:block;
	width:265px;
	height:40px;
	text-indent:-9999px;
	background:none;
}

#information {
	width:290px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
}

#gallery-entries {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

.top .contents h2 a {
	color:inherit;
}

.top .contents h2 a:hover {
}

#gallery-entries .section {
}

#gallery-entries .section .type-02 {
}

#gallery-entries .section .type-02 .entry {
	width:50px;
	height:50px;
	margin:0 5px 0 0;
	padding:0 0 0 0;
	float:left;
}

#gallery-entries .section .type-02 .entry .image {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#gallery-entries .section .type-02 .entry .image a {
	display:block;
	width:48px;
	height:48px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:rgba(0,0,0,0) solid 1px;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#gallery-entries .section .type-02 .entry .image a:hover {
	border:#FFD700 solid 1px;
}

#gallery-entries .section .type-02 .entry .image a img {
	width:48px;
	height:48px;
}

.page-body-gallery #main a {
	display:block;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
    float:left;
    position:relative;
    overflow:hidden;
	filter: alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	opacity:1 !important;
}

.page-body-gallery #main a img {
    position:absolute;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
    outline:none;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.page-body-gallery #main a:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

.page-body-gallery #main a:last-child img {
	width:auto !important;
	height:auto !important;
	top:0 !important;
	left:0 !important;
}

div#colorbox,
#cboxOverlay {
	z-index:9999;
}

.index-content {
	position:absolute;
	bottom:0px;
	right:2%;
	width:70%;
	height:auto;
	color:#FFF;
}

.index-content p,
.index-content div {
	font-family :Helvetica, Verdana, Arial, sans-serif, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", "Osaka", "Hiragino Kaku Gothic Pro", "lroSVbN";
	font-size:200%;
	font-weight:normal;
	color:#FFF;
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}

.index-content p span,
.index-content div span {
	font-family:inherit;
	color:inherit;
}

#schedule-entries .section .entries {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:10px 0;
}

#schedule-entries .section .entries .entry {
	width:100%;
	height:120px;
	margin:0px 0 10px 0;
	padding:10px 0;
	border-bottom:#000 dotted 1px;
}

#schedule-entries .section .entries .entry .image {
	width:120px;
	height:120px;
	margin:0 10px 0 0;
	padding:0 0 0 0;
	float:left;
}

#schedule-entries .section .entries .entry .image a {
	display:block;
	width:120px;
	height:120px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#schedule-entries .section .entries .entry .image a img {
	width:120px;
	height:120px;
}

#schedule-entries .section .entries .entry .text {
	width:auto;
	height:150px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#schedule-entries .section .entries .entry .text h3 {
	font-size:180%;
}

#schedule-entries .section .entries .entry .text h4 {
	font-size:150%;
}

#schedule-entries .section .entries .entry .text h4 a {
	font-size:inherit;
	color:#FFF;
}
/*banner*/
#banner {
	width:160px;
	height:auto;
	margin:0 0 20px 0;
	border:#EEE solid 5px;
}

#banner .header {
	display:none;
}

#banner .section {
	width:100%;
	height:auto;
	margin:5px 0 0 0;
}

#banner .section .section-inner {
	width:150px;
	height:auto;
	margin:0 auto;
}

#banner .section .section-inner a {
	display:block;
	width:150px;
	height:50px;
	padding:0 0 0 0;
	margin:0 0px 6px 0;
	overflow:hidden;
}

#banner .section .section-inner a:hover {
	display:block;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#banner .section .section-inner a img {
	max-width:150px;
	width:150px;
	height:50px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#banner-slide {
	width:234px;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
}

#banner-slide .header {
	display:none;
	width:auto;
	height:5px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
}

#banner-slide .header h3 {
	display:none;
}

#banner-slide .section {
	width:234px;
	height:60px;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	overflow:hidden;
}

#banner-slide .section a {
	display:block;
	width:234px;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#banner-slide .section a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

/*メールフォーム*/
#contact-form .links,
#contact-form .footer {
	display:none;
}

#ajax_mail,
#mail_preview,
#mail_error,
#mail_post {
}

form fieldset,
.comments-open-content {
	width:100%;
	margin:0px;
	border:none;
}

fieldset dl,
fieldset dt,
fieldset dd,
.comments-open-content dl,
.comments-open-content dt,
.comments-open-content dd {
	margin:16px auto 0 auto;
	padding:0;
	font-size:100%;
}

fieldset dt,
.comments-open-content dt {
	margin:8px 0 0 0;
	width:20%;
	float:left;
}

fieldset dt.heading,
.comments-open-content dt.heading {
	margin:8px 0 0 0;
	width:20%;
	float:left;
	clear:left;
	font-size:130%;
	font-weight:bold;
}

fieldset dd.heading,
.comments-open-content dd.heading {
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	clear:left;
}

fieldset dd,
.comments-open-content dd {
	width:auto;
	height:auto;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
}

fieldset dd p,
.comments-open-content dd p {
	text-align:left;
	margin:0 0 16px 0;
}

fieldset form {
	padding:0;
}

fieldset fieldset,
.comments-open-content {
	margin:24px auto;
	border:none;
}

fieldset input,
fieldset textarea {
	padding:0.2em;
	border:1px solid #DDDDDD;
	border-radius:2px;
	color:#333;
}

fieldset input {
	width:35%;
}

fieldset .menu-name input {
	width:20%;
}

fieldset .menu-name select {
	width:auto;
	height:auto;
	margin:0 10px 0 0;
	padding:0 0 0 0;
}

fieldset .menu-name .supply {
	margin:0 3px 0 0px;
	padding:0 0 0 0;
}

fieldset .menu-set input,
fieldset .checkbox-button input,
fieldset .radio-button input {
	width:auto;
	height:auto;
	margin:0 3px 0 0 ;
	padding:0 0 0 0;
}

fieldset .menu-set .mail_gnname {
	width:20%;
	padding:2px;
}

fieldset .menu-set .supply {
	margin:0 0 0 10px;
}

fieldset .menu-set .radio-supply {
	margin:0 7px 0 0;
	font-size:90%;
}

fieldset .radio-button span,
fieldset .checkbox-button span {
	width:auto;
	height:auto;
	margin:0 10px 0 0;
	padding:0 0 0 0;
}

fieldset textarea {
	width:75%;
	height:200px;
}

fieldset p {
	text-align:center;
	margin:0 auto;
	width:300px;
}

p.supply {
	text-align:center;
	margin:10px auto;
	width:auto;
}

fieldset #mail_preview,
fieldset #mail_post {
	width:75px;
	height:25px;
	border:none;
	margin:0 10px 0 0;
	background:#FFF;
	cursor:pointer;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

fieldset #mail_preview:hover,
fieldset #mail_post:hover {
	background:#FFD700;
}

#mail_preview .comments-open-content .errormassage {
	width:auto;
	background:#F2F2F2;
	padding:5px;
}

#mail_preview .comments-open-content .errormassage p {
	color:#F00 !important;
}

#thanks h3 {
	text-align:center;
}

#mail_progress,
#mail_error_code {
	text-align:center;
}

#mail_progress {
	margin:30px 0;
}
/*---------------------*/
/*.article-section*/
.page #main .contents .article-section,
.entry #main .contents .article-section {
	padding:16px 0;
	clear:both;
}

.entry #main .contents .entry-image {
	padding:0 0 0 0;
}

.entry #main .contents .entry-image img {
	width:100%;
	height:auto;
}

#main .contents .article-section p {
	text-indent:0em;
	margin:0 0 0.75em 0;
}

#main .contents .article-section ul,
#main .contents .article-section ol,
#main .contents .article-section dl {
	margin:10px 0px 10px 10px;
	list-style:none;
}

#main .contents .article-section h1 {
}

#main .contents .article-section h2 {
}

#main .contents .article-section h3 {
	margin:0 0 0.5em 0;
}

#main .contents .article-section h4 {
	font-size:125%;
	margin:0 0 0.5em 0;
}

#main .contents .article-section h5 {
	margin:0 0 0.5em 0;
}

#main .contents .article-section h6 {
	margin:0 0 0.5em 0;
}

#main .contents .article-section img {
	max-width:100%;
	height:auto;
}

#main .contents .article-section a img {
	display:block;
	max-width:100%;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

#main .contents .article-section a:hover img {
	display:block;
	max-width:100%;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#main .contents .article-section strong {
	font-weight:bold;
}

#main .contents .article-section i {
	font-style:italic;
}

#main .contents .article-section em {
	font-weight:bold;
	font-style:italic;
}

#main .contents .article-section u {
	text-decoration:underline;
}

#main .contents .article-section ins {
	text-decoration:underline;
}

#main .contents .article-section del {
	text-decoration:line-through;
}

#main .contents .article-section s {
	text-decoration:line-through;
}

#main .contents .article-section sub {
	font-size:0.8em;
	position:relative;
	top:0.4em;
}

#main .contents .article-section sup {
	font-size:0.8em;
	position:relative;
	top:-0.6em;
}

#main .contents .article-section blockquote {
	background:#F5F5F5;
	width:98%;
	padding:5px 1%;
}

#main .contents .article-section hr {
	color:#CCCCCC;
	background:#CCCCCC;
	border:none;
	height:1px;
	visibility:visible;
}

#main .contents .article-section table {
	width:auto;
	height:auto;
	border-collapse:collapse;
	border:#CCCCCC solid 1px;
}

#main .contents .article-section table th {
	background:#F5F5F5;
	text-align:center;
	padding:5px;
	font-size:105%;
	font-weight:bold;
	border:#CCCCCC solid 1px;
}

#main .contents .article-section table td {
	padding:5px;
	border:#CCCCCC solid 1px;
}
/*container_foot*/
#container_foot .scroll {
	width:auto;
	height:45px;
	float:right;
	clear:right;
}

.top #container_foot .scroll {
	display:none;
}

#container_foot .scroll a#scroll {
	display:block;
	width:65px;
	height:45px;
	color:#FFF;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#container_foot .scroll a#scroll:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	color:#FFD700;
}

#container_foot .scroll a#scroll span {
	color:inherit;
	font:inherit;
}
/*その他*/
.red {
	color:#F00;
}
/*サイトマップ*/
#sitemap .sitemap {
	padding:16px 0;
}

#sitemap h3 a {
	text-transform:capitalize;
	color:#333;
	font-weight:500;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#sitemap h3 a:hover {
	color:#999;
}

#sitemap ul {
	margin:0 0 0 8px;
}

#sitemap li {
	list-style:none;
}

#sitemap li a {
	color:#333;
}

#sitemap li a:hover {
	color:#999;
}
/*06.footer*/
#footer {
	width:98%;
	height:auto;
	margin:8px auto;
	padding:0;
	text-align:left;
}

#footer .extra {
	width:100%;
	height::auto;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	clear:both;
}

#footer .extra #footer_navi {
	float:left;
	list-style:none;
	display:block;
	width:auto;
	height:auto;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
}

#footer .extra #footer_navi li {
	display:block;
	width:auto;
	height:20px;
	float:left;
	margin: 0 9px 0 0;
	padding:0 0 0 0;
}

#footer .extra #footer_navi li a {
	margin:5px 0 0 0;
	padding:0 0 0 0;
	text-decoration:none;
	text-transform:capitalize;
	color:#333;
	font-family: 'Raleway', sans-serif;
}

#footer .extra #footer_navi li a:hover {
	color:#999;
}

.top #footer .extra #footer_navi li a {
	color:#FFF;
}

#footer .extra #copyright {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	float:right;
}

#footer .extra #copyright small {
	color:#333;
	font-family: 'Raleway', sans-serif;
}

.top #footer .extra #copyright small {
	color:#FFF;
}
/*コネクトフリー対策*/
#cfbar_root {
	display:none !important;
}