@charset "UTF-8";

/*
font-family: fontAwesome;
*/
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");



.forpc { display: block!important; }
.forsp { display: none!important; }
.forpcinline { display: inline!important; }
.forspinline { display: none!important; }

body {
	background: url(./images/common/body_bg_01_pc.jpg) no-repeat center top, url(./images/common/body_bg_02_pc.jpg) no-repeat center bottom;
	padding-top: 50px;
}

header {
	background: rgba(255,255,255,0.8);
}
header #headerInner {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding: 15px 0;
	position: relative;
}
header #headerInner #menuBtn {
	display: none;
}
header #headerInner #officialBtn {
	width: 150px;
	position: absolute;
	bottom: -220px;
	right: 20px;
}
header #headerInner #officialBtn img {
	width: 100%;
}
/*　石居追加　*/
header #headerInner #officialBtn2 {
	width: 150px;
	position: absolute;
	bottom: -220px;
	right: 200px;
}
header #headerInner #officialBtn2 img {
	width: 100%;
}
/*　　ここまで　　*/

header #headerInner .logo {
}
header #headerInner .hnav {
	position: absolute;
	top: 15px;
	right: 0;
}
header #headerInner .hnav li {
	font-size: 13px;
	background: url(./images/common/s_glass_01.png) no-repeat left center;
	margin: 0 0 0 30px;
	padding: 0 0 0 35px;
	display: inline;
}
header #headerInner .hsns {
	position: absolute;
	top: 55px;
	right: 0;
}
header #headerInner .hsns li {
	margin: 0 0 0 15px;
	display: inline;
}

#gnavi {
	text-align: center;
	margin: 310px auto 50px;
}

#gnavi > li {
	margin: 0 15px;
	display: inline;
}
#gnavi > li > a {
	color: #FFF;
	font-family: "Likurei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	background: rgba(204,110,154,0.7);
	border-left: 2px dotted rgba(0,0,0,0.1);
	border-right: 2px dotted rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-transform: rotate(-3deg);
	padding: 5px 50px;
	display: inline-block;
}
#book #gnavi li.book a,
#staff #gnavi li.staff a,
#news #gnavi li.news a,
#supporter #gnavi li.supporter a,
#mailmagazine #gnavi li.mailmagazine a,
#kyosan #gnavi li.kyosan a,
#gnavi li a:hover {
	background: rgba(129,164,182,0.7);
}

#contents {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
}
#contents #mainColumn {
	width: 710px;
	float: left;
}
#contents #sidebar {
	width: 250px;
	float: right;
}


/* ----------------- ブログリスト -------- */
#mainColumn article {
	margin: 0 0 60px;
}
#mainColumn article .thumbnail {
	width: 200px;
	float: left;
}
#mainColumn article .post-header {
	margin: 0 0 15px;
	padding: 0 0 0 220px;
}
#mainColumn article .post-header h2.post-title {
	font-size: 20px;
}
#mainColumn article .post-header .time {
	color: #CE7A98;
	font-size: 14px;
}
#mainColumn article .post-contents {
	padding: 0 0 0 220px;
}
#mainColumn .moreBtn {
	text-align: right;
}

.side-sp {
	margin: 0 0 15px;
}
.side-sp img {
	width: 250px;
}
#sidebar .bnrs {
	margin: 20px 0 0 0;
}
#sidebar .bnrs li {
	margin: 0 0 10px;
}

#bottomCont {
	width: 840px;
	margin: 120px auto 0;
}
#bottomCont > div {
	width: 250px;
	margin: 0 15px;
	float: left;
}
#bottomCont .bnrs li {
	margin: 0 0 15px;
}

footer {
	margin: 50px 0 0 0;
	padding: 30px 0;
}
#footer1 {
	background: rgba(255,255,255,0.8);
}
#footer1 #footer1Inner {
	width: 1000px;
	text-align: left;
	margin: 0 auto 30px;
	padding: 20px 0;
	position: relative;
}
#footer1 #footer1Inner #totop {
	position: absolute;
	top: -40px;
	right: 20px;
}
#footer1 #footer1Inner #totop a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	line-height: 40px;
	background: rgba(255,255,255,0.8);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0 30px;
	display: block;
}
#footer1 #footer1Inner #totop a:hover,
#footer1 #footer1Inner #totop a i {
	color: #D492AC;
}
#footer1 #footer1Inner .logo {
	width: 201px;
	float: left;
}
#footer1 #footer1Inner .right {
	width: 720px;
	float: right;
	text-align: right;
}
#footer1 #footer1Inner .right li {
	margin: 0 20px 0 0;
	display: inline;
}

#footer1 #footer1Inner .right .fnav {
	font-size: 14px;
	border-bottom: solid 1px #DDD;
	margin: 0 0 15px;
	padding: 0 0 15px;
}

#footer1 #footer1Inner .right .fnav li::before {
	content: "\f0da　";
	color: #2F7FC1;
	font-family: fontAwesome;
}

footer .copy {
	color: #2F80C2;
	font-size: 12px;
}


/* ----------- パーツ -------- */
h1.common,
h2.common {
	color: #774916;
	font-family: "Likurei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 42px;
	text-align: center;
	margin: 0 auto 60px;
}

.boxshadow {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(204,204,204,0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(204,204,204,0.75);
	box-shadow: 0px 0px 10px 1px rgba(204,204,204,0.75);
}


.button {
	text-align: center!important;
	margin: 0 auto;
}
.button a {
	color: #FFF;
	font-family: "Likurei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	text-decoration: none;
	background: rgba(204,110,154,0.7);
	border-left: 2px dotted rgba(0,0,0,0.1);
	border-right: 2px dotted rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	margin: 0 0 10px;
	padding: 5px 50px;
	display: inline-block;
}
.button a:hover {
	background: rgba(129,164,182,0.7);
}

.button2 {
	text-align: center!important;
	margin: 10px auto 0!important;
}
.button2 a {
	color: #fff;
	font-family: "Likurei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	text-decoration: none;
	background: rgba(22,129,197,0.7);
	border-left: 2px dotted rgba(0,0,0,0.1);
	border-right: 2px dotted rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	margin: 0 0 10px;
	padding: 5px 50px;
	display: inline-block;
}
.button2 a:hover {
	background: rgba(129,164,182,0.7);
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:700px) {

	img { width: 100%; }
	.forpc { display: none!important; }
	.forsp { display: block!important; }
	.forpcinline { display: none!important; }
	.forspinline { display: inline!important; }


	body {
		background: url(./images/common/body_bg_01_sp.jpg) no-repeat center top, url(./images/common/body_bg_02_sp.jpg) no-repeat center bottom;
		background-size: 100% auto, 100% auto;
		padding-top: 15px;
	}

	header {
		background: rgba(255,255,255,0.8);
		margin: 0 0 30vw;
	}
	header #headerInner {
		width: 100%;
		padding: 10px 0;
		position: relative;
	}
	header #headerInner #menuBtn {
		width: 38px;
		height: 32px;
		background: url(./images/common/header_menu.png);
		background-size: 38px 32px;
		position: absolute;
		top: 10px;
		right: 2.5%;
		display: block;
	}
	header #headerInner #menuBtn.on {
		background-image: url(./images/common/header_menu_close.png);
	}

	header #headerInner #officialBtn {
		width: 80px;
		position: absolute;
		bottom: -90px;
		right: 10px;
	}

/*　石居追加　*/
	header #headerInner #officialBtn2 {
		width: 80px;
		position: absolute;
		bottom: -90px;
		right: 110px;
	}
/*　　ここまで　　*/

	header #headerInner .logo {
		width: 232px;
		margin: 0 0 0 2.5%;
	}
	header #headerInner .hnav {
		display: none;
	}
	header #headerInner .hsns {
		display: none;
	}
	#gnavi {
		width: 100%;
		text-align: center;
		background: #2F7FC1;
		margin: 0 auto 50px;
		padding: 0 0 10px;
		position: absolute;
		top: 67px;
		display: none;
		z-index: 2;
	}
	#gnavi > li {
		margin: 0;
		display: block;
	}
	#gnavi > li > a {
		color: #FFF;
		font-family: "Likurei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-decoration: none;
		background: none;
		border-left: none;
		border-right: none;
		box-shadow: none;
		-webkit-transform: none;
		padding: 10px 0;
		display: block;
	}
	#book #gnavi li.book a,
	#staff #gnavi li.staff a,
	#news #gnavi li.news a,
	#supporter #gnavi li.supporter a,
	#gnavi li a:hover {
		background: none;
	}
	#gnavi > li.snsbtns {
		background: #FFF;
		padding: 15px;
	}
	#gnavi > li.snsbtns li {
		width: 50px;
		margin: 0 15px;
		display: inline-block;
	}

	#contents {
		width: 95%;
		text-align: left;
		margin: 0 auto;
	}
	#contents #mainColumn {
		width: 100%;
		float: none;
	}
	#contents #sidebar,
	#bottomCont {
		width: 100%;
		margin: 40px auto 0;
		float: none;
	}


	/* ----------------- ブログリスト -------- */
	#mainColumn article {
		margin: 0 0 40px;
	}
	#mainColumn article .thumbnail {
		width: 80px;
		float: left;
	}
	#mainColumn article .post-header {
		margin: 0 0 5px;
		padding: 0 0 0 90px;
	}
	#mainColumn article .post-header h2.post-title {
		font-size: 16px;
		line-height: 1.4;
	}
	#mainColumn article .post-header .time {
		font-size: 12px;
	}
	#mainColumn article .post-contents {
		padding: 0 0 0 90px;
	}
	#mainColumn .moreBtn img {
		width: 150px;
	}

	#sidebar .side-sp {
		display: none;
	}

	#sidebar div,
	#bottomCont > div {
		width: 250px;
		text-align: center;
		margin: 0 auto;
		float: none;
	}

	#sidebar .bnrs,
	#bottomCont .bnrs {
		width: 270px;
		margin: 15px auto 0;
	}
	#sidebar .bnrs li,
	#bottomCont .bnrs li {
		width: 125px;
		margin: 0 5px 10px;
		float: left;
	}


	footer {
		margin: 50px 0 0 0;
		padding: 0 0 15px;
	}
	#footer1 {
		background: rgba(255,255,255,0.8);
	}
	#footer1 #footer1Inner {
		width: 100%;
		text-align: left;
		margin: 0 auto 20px;
		padding: 10px 0;
		position: relative;
	}
	#footer1 #footer1Inner #totop {
		display: none;
	}
	#footer1 #footer1Inner .logo {
		width: 150px;
		text-align: center;
		margin: 0 auto;
		float: none;
	}
	#footer1 #footer1Inner .right {
		display: none;
	}



	/* ----------- パーツ -------- */
	h1.common,
	h2.common {
		font-size: 20px;
		margin: 0 auto 30px;
	}

	.boxshadow {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}


}