@charset "UTF-8";
/*
Theme Name:	  ムーンギャラリー
Template:	  responsive_064
Version:	  1.0b-1
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0
}

ol, ul {
	list-style: none
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: ""
}

blockquote, q {
	quotes: "" ""
}

a img {
	border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

body {
	font: 12px/1.5 "Lucida Sans Unicode", "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #333;
	background: #ffffff;
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(236,236,236) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(236,236,236)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(236,236,236) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(236,236,236) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(236,236,236) 100%);
	background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(236,236,236) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffececec,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffececec,GradientType=0);
	-webkit-text-size-adjust: none;
}


/* リンク設定
------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #003d6f;
}

a:hover, a:active {
	outline: none;
	color: #4374ab;
}

a img:hover {
	opacity: .8
}

/**** Clearfix ****/

nav#mainNav ul:after, nav#mainNav .inner:after, .newsTitle:after, .post:after, .inner:after, ul.news:after, #footer .inner:after, ul#banners:after {
	content: "";
	display: table;
	clear: both;
}

nav#mainNav ul, .newsTitle, .post, nav#mainNav .inner, ul.news, #footer .inner, ul#banners:after {
	zoom: 1
}


/* フォーム
------------------------------------------------------------*/

input[type="text"], textarea {
	vertical-align: middle;
	max-width: 90%;
	line-height: 30px;
	height: 30px;
	padding: 1px 5px;
	border: 1px solid #d4d4d7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 100%;
	color: #555;
	background: #fcfcfc;
}

textarea {
	height: auto;
	line-height: 1.5;
}

input[type="submit"], input[type="reset"], input[type="button"], p.readon a {
	padding: 3px 10px;
	background: #4374ab;
	background: -moz-linear-gradient(top, #4374ab 0%, #003d6f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4374ab), color-stop(100%,#003d6f));
	background: -webkit-linear-gradient(top, #4374ab 0%,#003d6f 100%);
	background: -o-linear-gradient(top, #4374ab 0%,#003d6f 100%);
	background: linear-gradient(to bottom, #4374ab 0%,#003d6f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4374ab', endColorstr='#003d6f',GradientType=0 );
	border: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 1.5;
	font-size: 120%;
	color: #fff;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, p.readon a:hover {
	background: #003d6f;
	background: -moz-linear-gradient(top, #003d6f 0%, #4374ab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003d6f), color-stop(100%,#4374ab));
	background: -webkit-linear-gradient(top, #003d6f 0%,#4374ab 100%);
	background: -o-linear-gradient(top, #003d6f 0%,#4374ab 100%);
	background: linear-gradient(to bottom, #003d6f 0%,#4374ab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d6f', endColorstr='#4374ab',GradientType=0 );
	cursor: pointer;
}

*:first-child+html input[type="submit"] {
	padding: 3px
}

/* レイアウト
------------------------------------------------------------*/

#wrapper, #header, .inner {
	margin: 0 auto;
	width: 940px;
}

#content {
	float: right;
	width: 710px;
	padding: 20px 0 50px;
}

#content > section {
	padding-left: 25px;
	border-left: 3px double #999999;
}

#toppage #content {
	width: 100%
}

#toppage #content > section {
	padding-left: 0;
	border-left: none;
}

#sidebar {
	float: left;
	width: 200px;
	padding: 20px 0 50px;
}

#footer {
	clear: both;
	padding: 20px 0;
	background: #dddddd;
}

/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/

#header .description {
	padding: 5px 0;
	font-size: 80%;
	font-weight: normal;
}

/* ロゴ (サイトタイトル)
----------------------------------*/

#header h1 {
	clear: both;
	float: left;
	padding: 5px 0 0px;
	color: #333333;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 25px;
}

#header h1 img {
	margin-top: 10px;
}

#header p {
	font-size: 17px;
	float: left;
	display: block;
	margin-top: 2em;
    margin-left: 1em;
}

#header h1 a {
	color: inherit;
}

.cmn-inquiry{
	display: block;
	text-align: right;
	margin-bottom: 1em;
}

.cmn-inquiry a{
	margin: 0px 1em 1em 1em;
}

.cmn-inquiry a:nth-child(2){
	margin: 0px 0px 1em 1em;
}

@media only screen and (max-width: 620px) {
	#header h1 {
		padding: 0 0 10px;
	}
}


/* ブランドロゴ
----------------------------------*/

#header .logo {
	float: right;
	padding: 10px 0 30px;
}

@media only screen and (max-width: 620px) {
	#header .logo {
		padding: 10px 0 10px;
	}
	
	#header .logo img {
		width: 100px;
		height: auto;
	}
}

/* トップページ　メイン画像
----------------------------------*/

#mainImg {
	clear: both;
	margin: 20px 0px 2em 0px;
	line-height: 0;
	text-align: center;
	z-index: 0;
}

.post {
	margin: 0 0 20px 0;
	line-height: 2.0;
	font-size: 14px;
}

.category-post {
	margin: 0 0 20px 0;
	font-size: 17px;
}

.toppage h4 {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}

/* 記事ループ
*****************************************************/

.list {
	padding: 10px 0;
	border-bottom: 1px dashed #e4e4e4;
}

.list:last-child {
	border: 0
}

.post .list p {
	padding: 0
}

.list span {
	padding-left: 10px
}

/* タイポグラフィ
*****************************************************/

h2.title {
	clear: both;
	margin: 0 0 25px;;
	padding: 7px 0 10px;
	font-size: 17px;
	font-weight: bold;
	border-bottom: 1px solid #333333;
}

	h2.title span {
		padding-left: 20px;
		background: url(../responsive_064/images/headingBg.png) no-repeat 3px 50%;
	}
	
	h2.title.title-pickup {
		padding-left: 10px;
		padding-bottom: 0;
		border-bottom-color: #bdbdae;
	}
	
.dateLabel {
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post p:first-child, .post h1:first-child, .post h2:first-child, .post h3:first-child {
	margin-top: 10px;
}

.post p {
	margin-top: 25px;
}

.post ul {
	margin: 10px 0 0 10px;
}

	.post ul li {
		margin-bottom: 5px;
		padding-left: 15px;
		background: url(../responsive_064/images/bullet.png) no-repeat 0 8px;
	}

.post ol {
	margin: 10px 0 0 30px;
}

	.post ol li {
		list-style: decimal
	}

.post h1 {
	margin-top: 30px;
	line-height: 1.4;
	font-size: 21px;
	font-weight: bold;
}

.post h2 {
	margin-top: 30px;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
}

.post h3 {
	margin-top: 30px;
	line-height: 1.4;
	font-size: 15px;
	font-weight: bold;
}

.post h1 + p, .post h2 + p, .post h3 + p {
	margin-top: 10px;
}

.post .heading-bar {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	border: 1px solid #cccccc;
}

.post blockquote {
	clear: both;
	padding: 10px 0 10px 15px;
	margin: 10px 0 25px 30px;
	border-left: 5px solid #ccc;
}

	.post blockquote p {
		padding: 5px 0
	}

.post table {
	border: 1px #003d6f solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 20px;
}

	.post table th {
		padding: 10px;
		color: #fff;
		border: 1px #000 solid;
		border-width: 0 0 1px 1px;
		background: #003d6f;
	}

	.post table td {
		padding: 10px;
		border: 1px #003d6f solid;
		border-width: 0 0 1px 1px;
		background: #fff;
	}

.post .border-dotted-right {
	border-right-style: dotted;
}

.post .border-dotted-left {
	border-left-style: dotted;
}

.post dt {
	font-weight: bold
}

.post dd {
	padding-bottom: 10px
}

.post img {
	max-width: 100%;
	height: auto;
}

.post strong {
	font-weight: bold;
}

img.aligncenter {
	display: block;
	margin: 5px auto;
}

img.alignright, img.alignleft {
	margin: 0 10px 15px 15px;
	display: inline;
}

img.alignleft {
	margin: 10px 15px 15px 10px
}

.alignright {
	float: right
}

.alignleft {
	float: left
}

.post .text-align-center {
	text-align: center;
}

#gallery-1 img {
	border: 1px solid #eaeaea !important;
	padding: 5px;
	background: #fff;
}

#gallery-1 img:hover {
	background: #fffaef
}

/* レスポンシブ グリッド
*****************************************************/
.responsive-row {
	clear: both;
	margin-top: 10px;
	zoom: 1;
}

.responsive-row:after {
    content: ""; 
    display: block; 
    clear: both;
}

.col-2, .col-3, .col-4, .col-4-3, .col-5 {
	box-sizing: border-box;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.col-2 {
	width: 50%;
}

.col-3 {
	width: 33.3%;
}

.col-4 {
	width: 25%;
}

.col-4-3 {
	width: 75%;
}

.col-5 {
	width: 20%;
}

@media only screen and (max-width: 620px) {
	.col-2, .col-3, .col-4, .col-4-3, .col-5 {
		width: 100%;
		margin-bottom: 10px;
	}
}

.col-2 p, .col-3 p, .col-4 p, .col-4-3 p, .col-5 p {
	margin-top: 10px;
}

/* サイドバー　ウィジェット
*****************************************************/

#sidebar .title {
	margin-bottom: 20px;
	font-size: 14px;
	border-bottom: 5px solid #666666;
}

.widgetWrap, section.widget ul {
	margin: 10px 0 20px 0;
	padding: 10px 10px 0 10px;
	background: #f8f8f8;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: 0 0 1px #d5d5d5;
}

	section.widget ul ul {
		border: 0;
		margin: 0;
		padding: 0 0 0 10px;
		box-shadow: none;
	}

#sidebar ul#banners {
	width: 220px;
	margin: 10px 0;
}

	#sidebar ul#banners li {
		float: none;
		margin: 0 0 10px;
	}

section.widget h3 {
	clear: both;
	margin: 0 0 -5px;
	padding: 5px 5px 5px 17px;
	font-size: 110%;
	background: url(../responsive_064/images/headingBg.png) no-repeat 0 50%;
}

section.widget li a {
	display: block;
	padding: 7px 0 7px 12px;
	background: url(../responsive_064/images/arrow2.png) no-repeat 0 12px;
	border-bottom: 1px dashed #e4e4e4;
}

section.widget li:last-child a {
	border: 0
}

#searchform input[type="text"] {
	line-height: 1.7;
	height: 24px;
	width: 90px;
	vertical-align: bottom;
}

#searchform {
	padding: 20px 0
}

/* カレンダー */

#calendar_wrap table {
	margin: 0 auto;
	width: 90%;
}

	#calendar_wrap table caption {
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
	}

	#calendar_wrap table th, #calendar_wrap table td {
		padding: 3px;
		text-align: center;
	}

	#calendar_wrap table th:nth-child(6), #calendar_wrap table td:nth-child(6) {
		color: #0034af
	}

	#calendar_wrap table th:nth-child(7), #calendar_wrap table td:nth-child(7) {
		color: #950000
	}

	#calendar_wrap table td#prev {
		text-align: left
	}

	#calendar_wrap table td#next {
		text-align: right
	}

#calendar_wrap a {
	color: #4374ab;
	font-weight: bold;
}

/* お知らせ　
-------------*/

.newsTitle {
	clear: both;
	margin: 0 0 -10px;
	padding: 7px 10px 7px 17px;
	font-size: 110%;
	background: url(../responsive_064/images/headingBg.png) no-repeat 0 50%;
}

	.newsTitle h3 {
		float: left;
		font-weight: normal;
	}

	.newsTitle p {
		float: right;
		padding: 0 0 0 10px;
		font-size: 80%;
		background: url(../responsive_064/images/arrow2.png) no-repeat 0 5px;
	}

.news p {
	clear: both;
	padding-bottom: 2px;
	border-bottom: 1px dashed #e4e4e4;
}

.news p:last-child {
	border: 0
}

.news p a {
	display: block;
	padding: 5px 0;
	color: #333;
	font-style: italic;
	font: italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span {
	color: #515151;
	font: normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span {
	padding-left: 10px
}

.news a:hover span {
	color: #4374ab
}

/* トップページ */

#content .newsTitle h3 {
	font-size: 120%
}

/* フッター
*****************************************************/

#footer .logo {
	float: left;
	margin-right: 30px;
}

#footer .nav {
	float: left;
	margin-top: 15px;
}

#footer .nav li {
	display: inline-block;
	margin-right: 7px;
}

#footer .nav li:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 7px;
	margin-right: 5px;
	background-image: url(images/arrow-red.png);
}

#copyright {
	clear: both;
	padding: 15px 0 10px;
	font-size: 90%;
}

@media only screen and (max-width: 620px) {
	#footer .nav {
		clear: both;
		margin-top: 12px;
	}
}

/* page navigation
------------------------------------------------------------*/

.pagenav {
	clear: both;
	width: 100%;
	height: 30px;
	margin: 5px 0 20px;
}

.prev {
	float: left
}

.next {
	float: right
}

#pageLinks {
	clear: both;
	color: #4f4d4d;
	text-align: center;
}

/* トップページ 最新記事4件
------------------------------------------------------------*/

ul#banners, ul.posts {
	width: 960px;
	margin-right: -20px;
	padding-bottom: 20px;
}

	ul#banners li, ul.posts li {
		float: left;
		width: 220px;
		margin-right: 20px;
	}
	
		ul#banners li .description {
			margin-top: 5px;
			padding-left: 11px;
			line-height: 1.7;
			font-size: 13px;
			text-indent: -11px;
		}
	
		ul#banners li .description:before {
			content: "";
			display: inline-block;
			width: 6px;
			height: 7px;
			margin-right: 5px;
			background-image: url(images/arrow-red.png);
		}

ul#banners {
	width: 955px;
	margin-right: -15px;
}

	ul#banners li {
		float: left;
		width: 200px;
		margin-right: 15px;
	}
	
	#toppage ul#banners li {
		float: left;
		width: 176px;
		margin-right: 15px;
	}
		ul#banners li img {
			max-width: 100%;
			height: auto;
		}
ul.posts {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

	ul.posts img {
		max-width: 220px;
		height: auto;
	}

	ul.posts h3 {
		margin: 10px 0;
		padding-bottom: 5px;
		font-size: 14px;
		font-weight: normal;
		color: #333;
		border: 0;
		background: url(../responsive_064/images/border.png) repeat-x 0 100%;
	}

p.readon {
	font-size: 90%
}

/* メインメニュー　PC用
------------------------------------------------------------*/

@media only screen and (min-width: 1025px) { 
	div.panel {
		display: block !important
	}

	a#menu {
		display: none
	}

	nav#mainNav ul {
		clear: both;
		position: relative;
		z-index: 200;
		width: 940px;
		margin: 0 auto;
		border: 1px solid #e6e6e6;
		background-color: #ffffff;
	}

		nav#mainNav ul li {
			box-sizing: border-box;
			float: left;
			position: relative;
			width: 20%;
			background-color: #ffffff;
		}

		nav#mainNav ul li + li {
			border-left: 1px solid #e6e6e6;
		}

		nav#mainNav ul ul li + li {
			border-left: none;
		}
		
			nav#mainNav ul li a {
				box-sizing: border-box;
				display: block;
				_float: left;
				height: 50px;
				background-color: #ffffff;
			}

		nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a {
			
		}
		
		nav#mainNav ul li.home > a, nav#mainNav ul li.kan > a, nav#mainNav ul li.kon > a, nav#mainNav ul li.sou > a, nav#mainNav ul li.sai > a {
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
		}
		
		nav#mainNav ul li.home > a {
			background: url(images/menu-care.png) center center no-repeat;
		}
		
		nav#mainNav ul li.kan > a {
			background: url(images/menu-gathering.png) center center no-repeat;
		}
		
		nav#mainNav ul li.kon > a {
			background: url(images/menu-learning.png) center center no-repeat;
		}
		
		nav#mainNav ul li.sou > a {
			background: url(images/menu-play.png) center center no-repeat;
		}
		
		nav#mainNav ul li.sai > a {
			background: url(images/menu-cafe.png) center center no-repeat;
		}
		
		nav#mainNav ul ul {
			width: 100%;
			border-bottom: none;
		}

		nav#mainNav ul li ul {
			display: none
		}

		nav#mainNav ul li:hover ul {
			display: block;
			position: absolute;
			top: 50px;
			left: -1px;
			z-index: 500;
		}

		nav#mainNav ul li li {
			margin: 0;
			float: none;
			width: auto;
			background: none;
		}

			nav#mainNav ul li li a, nav#mainNav ul li.current-menu-parent li a, nav#mainNav ul li.current-menu-item li a {
				width: 100%;
				padding: 13px 10px 13px 10px;
				height: auto;
				line-height: 20px;
				color: #4d4d4d;
				font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				font-size: 13px;
				text-align: left;
				border-bottom: 1px solid #e6e6e6;
			}

		nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li.current-menu-parent li a {
			color: #666666;
			text-shadow: 1px 1px 1px #fbfbfb;
		}

		nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li li a:hover {
			color: #333333;
			text-shadow: 0 -1px 1px #d9d9d9;
			background-position: 0 100%;
		}

	ul#banners:after {
		content: "";
		display: table;
		clear: both;
	}

	ul#banners {
		zoom: 1
	}
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/

@media only screen and (max-width:1024px) { 
	nav#mainNav {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
	}

		nav#mainNav a.menu {
			width: 100%;
			display: block;
			height: 40px;
			line-height: 40px;
			font-weight: bold;
			text-align: left;
			color: #fff;
			background: #003d6f url(../responsive_064/images/menuOpen.png) no-repeat 5px 8px;
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px 8px, -moz-linear-gradient(top, #4374ab 0%, #003d6f 100%);
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4374ab), color-stop(100%,#003d6f));
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px 8px, -webkit-linear-gradient(top, #4374ab 0%,#003d6f 100%);
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px 8px, -o-linear-gradient(top, #4374ab 0%,#003d6f 100%);
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px 8px, -ms-linear-gradient(top, #4374ab 0%,#003d6f 100%);
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px 8px, linear-gradient(to bottom, #4374ab 0%,#003d6f 100%);
		}

		nav#mainNav a#menu span {
			padding-left: 40px
		}

		nav#mainNav a.menuOpen {
			color: #fff;
			background: #003d6f url(../responsive_064/images/menuOpen.png) no-repeat 5px -34px;
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px -34px, -moz-linear-gradient(top, #4374ab 0%, #003d6f 100%);
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4374ab), color-stop(100%,#003d6f));
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px -34px, -webkit-linear-gradient(top, #4374ab 0%,#003d6f 100%);
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px -34px, -o-linear-gradient(top, #4374ab 0%,#003d6f 100%);
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px -34px, -ms-linear-gradient(top, #4374ab 0%,#003d6f 100%);
			background: url(../responsive_064/images/menuOpen.png) no-repeat 5px -34px, linear-gradient(to bottom, #4374ab 0%,#003d6f 100%);
		}

		nav#mainNav a#menu:hover {
			cursor: pointer
		}

	nav .panel {
		display: none;
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
		z-index: 1;
	}

	nav#mainNav ul {
		margin: 0 0 20px;
		padding: 0;
	}

		nav#mainNav ul ul {
			margin: 0
		}

		nav#mainNav ul li {
			float: none;
			clear: both;
			width: 100%;
			height: auto;
			line-height: 1.2;
		}

			nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
				display: block;
				padding: 15px 10px;
				text-align: left;
				border-bottom: 1px solid #ccc;
				background: url(../responsive_064/images/arrow.png) no-repeat 97% 50%;
			}

			nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active {
				background: #fff url(../responsive_064/images/arrow.png) no-repeat 98% 50%
			}

			nav#mainNav ul li li {
				float: left;
				border: 0;
			}

				nav#mainNav ul li li span a {
					padding-left: 20px;
					font-size: 90%;
				}

	nav div.panel {
		float: none
	}

	#mainImg {
		margin-bottom: 20px
	}
}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/

@media only screen and (max-width: 959px) { 
	#wrapper, .inner, #header, #footer .boxWrap {
		width: 98%
	}

	#mainImg img {
		width: 98%;
		height: auto;
	}

	#content, #sidebar {
		clear: both;
		width: 95%;
		float: none;
		margin: 0 auto;
		padding: 10px 0;
	}
	
	#content > section {
		padding-left: 0;
		border-left: none;
	}
	
	#sidebar {
		background: url(../responsive_064/images/border.png) repeat-x;
		padding-top: 30px;
	}

	ul.posts, ul#banners, #sidebar ul#banners {
		width: 100%;
/* 		display: table-row; */
		margin: 0;
	}

	ul.posts li, ul#banners li, #sidebar ul#banners li {
		float: left;
		width: 23%;
		margin: 0 1%;
		padding: 0 0 20px;
	}
	
	ul.posts img, ul#banners li img, #sidebar ul#banners img {
		max-width: 98%;
		height: auto;
	}

	#calendar_wrap table {
		width: 260px;
		margin: 0;
	}

	#footer .boxWrap {
		margin: 0;
		padding: 0;
	}

	#footer .box {
		float: none;
		width: 100%;
		margin: 10px 0;
	}
}

/* 幅620px以下から
------------------------------------------------------------*/

@media only screen and (max-width: 620px) { 
	#header h2, .sns {
		padding: 0
	}

	ul.post li, ul#banners li, #sidebar ul#banners li {
		width: 42%;
		margin: 0 0 0 6%;
	}

	ul.post li:nth-child(2n+1), ul#banners li:nth-child(2n+1), #sidebar ul#banners li:nth-child(2n+1) {
		clear: both;
	}

	img.alignright, img.alignleft {
		display: block;
		margin: 5px auto;
	}

	.alignright, .alignleft {
		float: none
	}
}

/* 中央バナー
------------------------------------------------------------*/
#center-banner {
	margin-top: 15px;
	margin-bottom: 60px;
	text-align: center;
	display: flex;
	justify-content: space-around;
}

#center-banner img {
	max-width: 100%;
	height: auto;
}


@media screen and (max-width:640px){
	#center-banner {
		flex-direction: column;
	}	
}


/* パンくず
------------------------------------------------------------*/
.breadcrumb {
	margin-bottom: 20px;
}

.breadcrumb li {
	display: inline-block;
}

.breadcrumb li + li:before {
	content: "＞";
	margin-right: 5px;
	font-size: 10px;
}

/* 目次
------------------------------------------------------------*/
.page-contents .heading {
	padding-bottom: 8px;
	font-size: 14px;
	border-bottom: 1px solid #333333;
}

.page-contents .section-list > li {
	padding-top: 15px;
	padding-bottom: 15px;
}

.page-contents .section-list > li + li {
	border-top: 2px dotted #666666;
}

.page-contents .section-title {
	font-size: 14px;
	font-weight: bold;
}

.page-contents .section-title .description {
	font-weight: normal;
}

.page-contents .section-title .description:before {
	content: "—";
	margin-right: 0.5em;
}

.page-contents .child-list {
	margin-top: 10px;
}

.page-contents .child-list li {
	margin-top: 5px;
	font-size: 14px;
}

.page-contents .child-list li:before {
	content: "▶";
	color: #ba0202;
	margin-left: 2px;
	margin-right: 5px;
}

/* レスポンシブテーブル
------------------------------------------------------------*/
.post .table-responsive th, .post .table-responsive td {
	min-width: 50px;
}

.post .table-responsive .table-header-sp {
	display: none;
}

@media only screen and (max-width: 620px) {
	.post .table-responsive, .post .table-responsive thead, .post .table-responsive tbody, .post .table-responsive tr, .post .table-responsive th, .post .table-responsive td {
		display: block;
	}
	
	.post .table-responsive {
		border-bottom: none;
	}
	
	.post .table-responsive thead, .post .table-responsive .cell-blank {
		display: none;
	}
	
	.post .table-responsive th, .post .table-responsive td {
		border-top: none;
		border-left: none;
		border-right: none;
	}
	
	.post .table-responsive .table-header-sp {
		display: block;
		margin-top: -10px;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 10px;
		padding: 10px;
		padding-bottom: 10px;
		text-align: center;
		background-color: #b7d3e9;
		border-bottom: 1px #003d6f solid;
	}
}

.post .table-responsive .th-second {
	color: #333;
	background-color: #b7d3e9;
}

.post .table-responsive .th-third {
	color: #333;
	background-color: #e9f3fd;
}

.post .table-schedule th:first-child {
	width: 90px;
	text-align: center;
	vertical-align: middle;
}

@media only screen and (max-width: 620px) {
	.post .table-schedule th:first-child {
		width: auto;
	}
}

.post .table-timing th:first-child {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

@media only screen and (max-width: 620px) {
	.post .table-timing th:first-child {
		width: auto;
	}
}

.post .table-manner-konrei-family .th-first {
	width: 90px;
	text-align: center;
	vertical-align: middle;
}

@media only screen and (max-width: 620px) {
	.post .table-manner-konrei-family .th-first {
		width: auto;
	}
}

.post .table-manner-konrei-guest .th-first {
	text-align: center;
	vertical-align: middle;
}

.post .table-manner-konrei-guest .th-female {
	background-color: #e00048;
}

.post .table-manner-mofuku th {
	vertical-align: middle;
}

.post .table-manner-mofuku .th-female {
	background-color: #f6c3de;
}

.post .table-manner-mofuku .th-first {
	width: 90px;
	text-align: center;
}

@media only screen and (max-width: 620px) {
	.post .table-manner-mofuku .th-first {
		width: auto;
	}
}

/* 固定ページ
------------------------------------------------------------*/
.row-mizuhiki .col-4-3 {
	padding-left: 0;
	padding-right: 0;
}

.row-mizuhiki .col-4 img {
	margin-top: 42px;
}

@media only screen and (max-width: 620px) {
	.row-mizuhiki .col-4 img {
		margin-top: 10px;
	}
}

.br_sp { display: none; }
@media only screen and (max-width: 620px) {
	.br_sp { display: block; }
}