@charset "UTF-8";
/* CSS Document */

/*コンテンツページ用CSS*/

/*コンテンツ背景*/
#bg{
	padding:45px 30px;
}

/*ページメインイメージ*/
#image img{
	width:100%;
	height:auto;
	padding:0;
	margin-top:-18px;
}

/*ページタイトル*/
#contents h1{
	background-color:#FFF;
	border-right:solid 10px #039;
	border-left:solid 10px #039;
	margin-top:0;
	margin-bottom:20px;
	padding:60px 0;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 13px 6px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 13px 6px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 13px 6px;
}

/* 記事 */
#kiji h2{
	margin-bottom:20px;
	padding:15px 0;
	border-top:solid 2px #039;
	border-bottom:solid 2px #039;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
}

#kiji p{
	font-size:medium;
	letter-spacing:1px;
	line-height:1.7em;
	margin-top:0;
	margin-bottom:50px;
}

#kiji .lead{
	max-width:100%;
	font-size:15px;
	color:#656565;
}

#kijiimg{
	max-width:100%;
	height:auto;
	margin-bottom:10px;
}

#times:after{
	content:"";
	display:block;
	clear:both;
}

/*NEWS＆アップデートの時刻とカテゴリ*/
#times{margin:20px 0;}

#times time{
	float:left;
	font-size:16px;
	color:#666;
	margin-right:20px;
	display:inline-block;
}

#times #category span{
	background-color:#39C;
	border-radius:3px;
	font-size:12px;
	color:#fff;
	padding:5px;
	margin-right:5px;
}

/*NEWS＆アップデートのシェアメニュー*/
#share{
	display: block;
}

#share ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#share li a{
	float:left;
	display: block;
	width: 25%;
	text-align:center;
}

#share li a:hover{opacity:0.7;}

#share i{
	padding:20px;
	font-size:30px;
	color:#fff;
}

/*NEWS＆アップデートの次へ・戻る*/
#page:after{
	content:"";
	clear:both;
	display:block;
}

#page a{
	color:#000;
	text-decoration:none;
	margin:30px 0 0 0;
	padding:10px;
	border-top:solid 1px #666;
	font-size:12px;
}

.prev{
	display:block;
	float:left;
}

.next{
	display:block;
	float:right;
}

#page a i{
	font-size:14px;
	color:#000;
	margin:0 20px;
}

/*メンバープロフィール*/
#member figure{
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#member figure img{
	width:100%;
	height:auto;
	margin-bottom:-5%;
}

#member figcaption{
	position:absolute;
	bottom:-100%;
	left:0;
	z-index:2;
	width:100%;
	height:40%;
	background: rgba(0,0,0,0.6);
	-webkit-transition:0.3s;
	transition:0.3s;
	opacity:1;
	padding:10px;
	color:#fff;
}

#member figure:hover figcaption {
	bottom:0;
	left: 0;
}

#member figcaption h3{font-size:12px;}

#member figcaption p{font-size:12px;}

#submember{
	border-top:solid 1px #39C;
	margin-top:30px;
	padding-top: 30px;
}

#submember ul{
	padding:0;
	margin:0;
	list-style:none;
}

#submember li{
	color:#666;
	font-size:15px;
	margin-bottom: 20px;
	border-bottom: solid 1px #bdbdbd;
}

#submember span{
	color: #000;
	font-size: 15px;
	float: right;
}

/*かなむすギャラリー*/
#gallery figure{
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}

#gallery figure img{
	width:100%;
	height:auto;
	margin-bottom:-5%;
}

#gallery figcaption{
	position:absolute;
	bottom:-100%;
	left:0;
	z-index:2;
	width:100%;
	height:20%;
	background: rgba(169,0,52,0.7);
	-webkit-transition:0.3s;
	transition:0.3s;
	opacity:1;
	padding:10px;
	color:#fff;
}

#gallery figure:hover figcaption {
	bottom:0;
	left: 0;
}

#gallery figcaption h3{font-size:12px;}

#gallery figcaption p{font-size:12px;}

/*コンタクトフォーム*/
#contact h2{
	margin-bottom:20px;
	padding:15px 0;
	border-top:solid 2px #039;
	border-bottom:solid 2px #039;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
}

/*サイトマップ*/
#sitemap h2{
	font-size:18px;
	border-bottom:solid 1px #39C;
	margin:20px 0;
	padding:5px 0;
}

#sitemap ul{
	margin:0;
	padding:0;
	list-style:none;
}

#sitemap li a{
	font-size:14px;
	display:block;
	padding:5px 15px;
	text-decoration:none;
	color:#39C;
}

#sitemap li a:hover{
	background-color:#39C;
	color:#FFF;
}

/*ページ用フッター*/
#footer{
	clear:both;
	display:block;
	content:"";
	background-color:#fff;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.431373) 0px 0px 8px 6px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.431373) 0px 0px 8px 6px;
	-moz-box-shadow:rgba(113, 135, 164, 0.431373) 0px 0px 8px 6px;
}

/*--------------------768px以上--------------------*/
@media(min-width:768px){

/*メインとサイドメニュー*/
#contents:after{
	content:"";
	display:block;
	clear:both;
}

#main{
	float:left;
	width:70%;
}

#sidemenu{
	float:right;
	width:20%;
}

/* サイドメニュー */
#sidemenu{
	margin-top:20px;
	border:solid 2px #39C;
	border-radius:4px;
	background-color:#fff;
}

#sidemenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#sidemenu li a{
	display:block;
	padding:20px 10px;
	border-top:solid 1px #39C;
	color:#000;
	font-size:13px;
	text-decoration:none;
}

#sidemenu li a:hover{padding-left:17px;}

#sidemenu li a.first{border-top:none;}

#sidemenu li.title{
	padding:15px 0;
	background-image: -moz-linear-gradient(top, #3399cc, #ffffff);
	background-image: -ms-linear-gradient(top, #3399cc, #ffffff);
	background-image: -o-linear-gradient(top, #3399cc, #ffffff);
	background-image: -webkit-linear-gradient(top, #3399cc, #ffffff);
	background-image: linear-gradient(top, #3399cc, #ffffff);
}

#sidemenu li h3{
	margin:0;
	padding:0;
	font-size:14px;
	color:#000;
	text-align:center;
}

#sidemenu i{
	font-size:16px;
	margin-right:10px;
	color:#39C;
}

/*スマホ用サブメニュー非表示*/
#submenu{display:none;}

/*プロフィールを横に3つ並べる*/
#member:after{
	content:"";
	display:block;
	clear:both;
}

#member .list{
	width:33.3333%;
	float:left;
}

/*ギャラリーを横に3つ並べる*/
#gallery:after{
	content:"";
	display:block;
	clear:both;
}

#gallery .list{
	width:33.3333%;
	float:left;
}


/*サイトマップを横に並べる*/
#sitemap:after{
	content:"";
	clear:both;
	display:block;
}

#sitemap .left{
	float:left;
	width:45%;
}

#sitemap .right{
	float:right;
	width:45%;
}

/*フォームボタン非表示*/
#googleform{display:none;}

#footer .footer-contents{height:100px;}

}

/*--------------------767px以下--------------------*/
@media(max-width:767px){
	
/*イメージ画像間隔調整*/
#image img{margin-bottom:-10px;}

/*タイトル文字大調整*/
#contents h1{
	font-size:15px;
	margin-top:-15px;
}

#kiji h2{
	font-size:14px;
	font-weight:bold;
}

/* 右部のサイドメニュー非表示 */
#sidemenu{display:none;}

/* 下部のサブメニュー */
#submenu{
	background-color:#fff;
	border:solid 1px #C8C8C8;
	border-radius:5px;
	margin-top:20px;
	}

#submenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#submenu li a{
	display:block;
	padding:10px;
	border-top:solid 1px #C8C8C8;
	color:#000;
	font-size:14px;
	text-decoration:none;
}

#submenu li a.first{border-top:none;}

#submenu li a:hover{background-color:#BEBEBE;}

#submenu i{
	font-size:16px;
	margin-right:10px;
	color:#999;
}

/*プロフィールを横に2つ並べる*/
#member:after{
	content:"";
	display:block;
	clear:both;
}

#member .list{
	width:50%;
	float:left;
}

#member .list .last{float:right;}

/* サブメンバー文字縮小 */
#submember{margin-bottom: 20px;}

#submember li{font-size: 10px;}

#submember span{font-size: 11px;}

/*フォーム非表示・ボタン表示*/
#contact .googleform{display:none;}

#googleform{
	width:100%;
	display:block;
	padding:5px;
	background-color:#39C;
	border:solid 2px #03C;
	border-radius:5px;
	text-align:center;
	margin-top:5px;
}

#googleform a{
	display: block;
	width:100%;
	margin:0;
	padding:20px 0;
	text-decoration:none;
	color:#fff;
	font-size:17px;
	font-weight:bold;
}

#googleform:hover{
	background-color:#039;
}

/*フッターコンテンツの間隔調整*/
#footer .footer-contents{
	padding-top:20px;
	height:200px;
}

}

/*--------------------1000px以下--------------------*/
@media(max-width:1000px){
#sidemenu{
	border-width:1px;
	border-radius:1px;
}

#sidemenu li a{
	font-size:12px;
	padding:10px 5px;
	border-top:solid 1px #39C;
}

#sidemenu li a:hover{padding-left:7px;}

#sidemenu i{
	font-size:12px;
	margin-right:6px;
	color:#39C;
}

}

/*--------------------1200px以上--------------------*/
@media(min-width:1200px){

/*横幅の上限*/
#contents{
	width:1100px;
	margin:0 auto;
}

}