@charset "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　common　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
html {
	color: #000;
/*	font-size:14px;*/
	font-size:120%;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, html { font-size: 12px } /* IE11 */
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header,footer, blockquote {
	margin: 0;
	padding: 0;
	word-break: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0 none;
}
li {
	list-style: outside none none;
}
caption, th {
	text-align: left;
}
q::before, q::after {
	content: "";
}
abbr, acronym {
	border: 0 none;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input, textarea, select {
}
legend {
	color: #fff;
}
a {
	text-decoration: none;
}
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
}
:first-child + html .clearfix {
}

.forceMargin {
	margin-bottom: 30px;
}

/* link style
----------------------------*/
a:link {
	color: #1643b5;	/* ★ */
	text-decoration: none;
}
a:visited {
	color: #1643b5;	/* ★ */
	text-decoration: none;
}
a:hover {
	color: #a32737;	/* ★ */
	text-decoration:none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

.album a:link {
	color: #1643b5;	/* ★ */
	text-decoration: none;
}
.album a:visited {
	color: #1643b5;	/* ★ */
	text-decoration: none;
}
.album a:hover {
	color: #a32737;	/* ★ */
	text-decoration:none;
}
.album a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

/* img style
----------------------------*/
img  a:active, {
	text-decoration:none;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*{
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

img{
	vertical-align: middle;
}

.clear {
clear:both;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ページレイアウト　＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	padding: 0px 0px;
	margin: 0px auto;
	background-color: #ffffff;	/* ★ */
	color: #333333;	/* ★ */
}
Wrapper {
	margin: 0;
	padding: 0;
	word-break: break-all;
}

#container {
	max-width:1000px;
	margin-left: auto;
	margin-right: auto;
}


#header{
	max-width:1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

#main {
	width:100%;
	margin:40px 0px;
	padding: 0px 0px;
}

#main section{
	margin-bottom: 40px;
}

footer {
	max-width:1000px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1001px) {
	#albumContents {
		width:800px;
		float:left;
	}
	aside {
		width:180px;
		float:right;
	}
}

@media screen and (min-width: 651px) and (max-width: 1000px) {
	#container {
		width:100%;
	}
	#albumContents {
		width:70%;
		float:left;
	}
	aside {
		width:30%;
		float:right;
		padding:0 0 0 10px;
	}
}

@media screen and (max-width: 650px) {
	#container {
		width:100%;
	}
	#albumContents {
		width:100%;
		float:none;
	}
	aside {
		width:250px;
		float:none;
		margin:auto;
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝ サブメニュー ＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.albumSubmenu {
	margin-bottom: 20px;
}

.albumSubmenu ol {
	margin: 0;
	padding: 0;
	list-style: none;
/*	font-size:9px;*/
	font-size:90%;
}

.albumSubmenu li a {
	display: inline-block;
	padding: 5px;
	color: #333333;		/* ★サブメニュー文字色 */
	text-decoration: none;
}

.albumSubmenu li a:hover {
	background-color: #CFEADE;	/* ★サブメニューhover色 */
}

.albumSubmenu ol:before {
	content: "";
	display: block;
	clear: both;
}

.albumSubmenu li {
	float: left;
	width: auto;
}

.albumSubmenu li:before	{
	content: '▶';
	margin-left: 5px;
	margin-right: 5px;
	color: #888888;	/* ★サブメニュー▲の色 */
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　グリッドシステム　＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.grid {
	margin: 10px 10px;
}
.grid2 {
	margin: 20px 5px;
}

.grid :after{
	content: "";
	display: inline-block;
	clear: both;
}

.grid2 :after{
	content: "";
	display: block;
	clear: both;
}

.sm-1-div, .sm-2-div, .sm-3-div, .sm-4-div, .bg-71-div, .bg-72-div, .bg-71x-div, .bg-72x-div, .bg-72left-div ,.bg-2-div {
	display: block;
	float: left;
	/*padding: 0px 10px;*/
	padding: 5px 10px;
}

.bg-2-div, .bg-6-div, .bg-81-div, .bg-82-div, .bg-91-div, .bg-92-div {
	display: block;
	float: left;
	padding: 0 3px 0 18px;
}

.sm-1-div{width: 100%;}
.sm-2-div{width:  50%;}
.sm-3-div{width:  33.33333333%;}
.sm-4-div{width:  25%;}
@media only screen and (min-width:801px) {
	.bg-1-div{width: 100%;}
	.bg-2-div{width:  50%;}
	.bg-3-div{width:  33.33333333%;}
	.bg-4-div{width:  25%;}
	.bg-6-div{width:  16.6%;}
	.bg-61-div {width: 60%;}
	.bg-62-div {width: 40%;}
	.bg-71-div {width: 70%;}
	.bg-72-div {width: 30%;}
	.bg-71x-div {width: 65%;float:right;}
	.bg-72x-div {width: 35%;float:right;}
	.bg-81-div {width: 80%;}
	.bg-82-div {width: 20%;}
	.bg-91-div {width: 90%;}
	.bg-92-div {width: 10%;}

}
@media only screen and (max-width:500px) {
	.bg-2x-div {width:  50%;}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　メイン用　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.topimg2 {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom:15px;
}

.topimg3 {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom:0px;
}

.slideshowimg {
	max-width: 100%;
	height: auto;
	margin-bottom:15px;
}

.logo {
	width: 100%;
	height: auto;
}

h2.album {
/*	font-size: 18px;*/
	font-size: 130%;
	padding: .5em .75em;
	background-color: #009966;	/* ★ サブタイトル帯の色 */
	color: #ffffff;	/* ★ サブタイトル文字の色 */
	margin-bottom:15px;
}
.albumText{
	text-align: justify;
/*	font-size: 14px;*/
	font-size: 100%;
	line-height: 1.5;
	padding:0 15px;
	margin-bottom:5px;
}
p.albumPictc {
	text-align: center;
}
.albumCaption {
/*	font-size: 8px;*/
	font-size: 85%;
	padding:0;
	margin-top:0;
	margin-bottom:10px;
	border-top: 1px solid #999;
	text-align:center;
}
.albumKijiText{
	text-align: justify;
	font-size: 90%;
	line-height: 1.5;
	padding:5px;
}

@media screen and (max-width: 500px) {
	.albumNewkiji {
		display: block;
	}
	.albumKijinakami {
		display: block;
		width: 100%;
		margin:0px 0;
	}
}

/* accordion */
.accordion {
	width:100%;
	margin:auto;
}
.accordion > li {
	text-align:left;
	padding:5px;
	color:#ffffff;		/* ★ アコーディオン文字の色 */
	background:#009966;	/* ★ アコーディオンbg色 */
	border-bottom:1px #fff solid;
}
.accordion > li a {
	color:#ffffff;		/* ★ アコーディオン文字のリンク色 */
	text-decoration: none;
	cursor: pointer;
}

.accordion > li:last-child {
	border-bottom:none;
}
.accordion > li.open {
	color:#e7f725;	/* ★ アコーディオン開いたときの文字色 */
	background-color:#CFEADE;	/* ★ アコーディオン開いたときのbg色 */
}
.accordion > li a:hover {
	color:#ffffff;	/* ★ アコーディオンのhover文字色 */
	text-decoration: none;
}
ul li ul {
	color:#333333;	/* ★ アコーディオン開いたものの文字色 */
	background:#CFEADE;	/* ★ アコーディオン開いたもののbg色 */
	margin:5px -5px -5px;
}
ul li ul li {
	padding:8px 20px;
	border-bottom:1px #fff solid;
}

/* pager */
.pager {
	overflow: hidden;
	margin:15px 0;
}

.pager ul {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}

.pager ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
}

.pager ul li span,
.pager ul li a {
	display: block;
	font-size: 100%;
	padding: 0.5em 1em;
	border-radius: 3px;
}

.pager ul li a {
	background: #009966;	/* ★ ページ移動ボタンbg色 */
	color: #ffffff;	/* ★ ページ移動ボタン文字色 */
	text-decoration: none;
}

.pager ul li a:hover {
	background: #666666;	/* ★ ページ移動ボタンhover bg色 */
	color: #ffffff;	/* ★ ページ移動ボタンhover文字色 */
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　album_サロン内　photoGallery　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

grid.ul {
	padding:0;
	margin:10px;
}
grid.ul li {
	list-style:none;
	margin-bottom:25px;
}
grid.ul li img {
	cursor: pointer;
}