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

html {
	background: #FFF;
}

body {
	color: #111111;
	font-size: 12px;
	line-height: 146%;
	width: 100%;
	background:#4F4A3B ;
}
li{
	list-style:none;
}
a {
  color: #576699;
  text-decoration: none;
}
a:hover{
	opacity:0.6;
}
img{
	vertical-align: bottom;
}





#wrapper {
	height: auto;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	background:url(../img/bg_topmain.jpg) ;
}
#wrapper_bg {
  background: url(../img/bg_top.png) no-repeat scroll center top / 100% auto;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}

#wrapper2 {
  margin: 0 auto;
  width: 1000px;
}

header{
	width: 100%;
	/* background:url(../img/bg_top.png) top center no-repeat ;
	height: 850px; */
	height: auto;
}
header h1 {
  left: 11px;
  position: absolute;
  top: 16px;
}
header .inner {
  height: 495px;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}
header nav {
  position: absolute;
  right: 8px;
  top: 16px;
}
header nav li {
  display: inline-block;
  margin: 0 0 0 15px;
}
.header_banner {
  bottom: 0;
  right:0;
  position: absolute;
}

#main{
	width: 615px;
	float:left;
}
#whatsnew ul, #newrelease .inner {
  background: #ebe9e1 none repeat scroll 0 0;
  border: 1px solid #d6d2c6;
  padding: 15px;
  width: 583px;
  overflow: hidden;
}

#whatsnew, #newrelease {
  overflow: hidden;
}
#whatsnew > h2 {
  background: url(../img/bg_h3.png) repeat scroll 0 0;
  height: 31px;
  margin: 20px 0 10px;
  position: relative;
}
#newrelease > h2 {
  background: url(../img/bg_h3.png) repeat scroll 0 0;
  height: 31px;
  margin: 20px 0 10px;
  position: relative;
}

#whatsnew h2 > img {
  position: relative;
  top: -22px;
}
#whatsnew h2 a {
  position: absolute;
  right: 10px;
  top: 4px;
}
#newrelease h2 a {
  position: absolute;
  right: 10px;
  top: 4px;
}

#whatsnew ul {
  margin: 0 0 15px;
}
#whatsnew li {
  border-bottom: 1px dashed #cecbc3;
  padding: 6px 0;
}
#whatsnew li:first-child {
  padding: 0 0 6px;
}
#whatsnew li:last-child {
  border-bottom: medium none;
  padding: 6px 0 0;
}
#whatsnew li span.date {
  color: #665846;
  display: inline-block;
  width: 70px;
}
#whatsnew li img {
  margin: 0 10px 2px;
}



#newrelease {
  margin: 0 0 72px;
}
#newrelease h2 > img {
  position: relative;
  top: -18px;
}
#newrelease .inner{
	overflow: hidden;
}
#newrelease .img_area {
  float: left;
  margin: 0 21px 0 0;
  width: 171px;
}
.img_area img {
  height: auto;
  margin: 0 0 15px;
  width: 100%;
}
#newrelease dl {
  float: right;
  width: 390px;
}
#newrelease dt {
  background: url(../img/bg_info.png) repeat scroll 0 0;
  color: #fffae5;
  font-size: 20px;
  font-weight: normal !important;
  margin: 0 0 20px;
  padding: 8px 10px;
}
#newrelease dd p {
  font-size: 11px;
  margin: 0 15px 15px;
}
#newrelease p.notes {
  background: url(../img/bg_info.png) repeat scroll 0 0;
  padding: 15px;
  margin: 0;
}

#sidebar {
  float: right;
  margin: 57px 0 72px;
  width: 365px;
}
#index #sidebar {
  float: right;
  margin: 20px 0 72px;
  width: 365px;
}
#sidebar #banner {
  margin: 0 0 30px;
}
#sidebar .anniversary {
  margin: 15px 0 0;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #wrapper {
/* height: 100%;
z-index: 3;
display	:block;
position: absolute; */
  }
}

footer {
	clear: both;
	color: #fffbe6;
	font-size: 11px;
	height: auto;
  min-height: 50px;
	line-height: auto;
	width: 100%;
	text-align: center;
}
footer a {
	color: #fffbe6;
}
footer p {
	text-align: center;
	line-height: 50px;
}
footer span {
	display: block;
	padding: 0 0 15px;
}

.img_area > a {
  display: block;
  margin: 0 0 15px;
}





/* 下層ページ */
#sub header .inner {
  height: 420px;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}

#sub #wrapper2 {
  margin: 0 auto;
  width: 1000px;
}
#sub #wrapper2 h2 {
  display: block;
  margin: 0 0 16px;
}


#sub #main {
  float: left;
  margin: 0 0 62px;
  width: 635px;
}
#main > ul#list {
  margin: 15px 0 0;
}
#sub #main ul#list li {
  border: 0 solid #000;
  float: left;
  margin: 0 10px 10px 0;
  width: 200px;
}
#sub li h3 {
  background: url(../img/bg_h3.png) repeat scroll 0 0;
  color: #fff;
  padding: 15px;
}
#sub li h3 a {
  color: #fff;
}
#sub li .inner {
  background: #ebe9e1 none repeat scroll 0 0;
  border: 1px solid #d6d2c6;
  overflow: hidden;
}
#sub .inner > p {
  font-size: 11px;
  padding: 15px;
}
#sub .inner > p img {
  height: auto;
  width: 100%;
}

#sub #sidebar .anniversary {
  margin: -8px 0 0;
}
#sub li .info {
  background: url(../img/bg_info.png) repeat scroll 0 0;
  color: #fff;
  font-size: 11px;
  padding: 10px 15px;
}
#sub.disco li .info {
  background: url(../img/bg_info2.png) repeat scroll 0 0;
  color: #fff;
  font-size: 11px;
  padding: 10px 15px;
}

.info > img {
  margin: 0 0 2px 0.5em;
}

#sub a.photo {
  margin: 15px 15px 0;
  width: 168px;
  display: block;
}
#sub a.photo img {
  width: 100%;
  height: auto;
}
#sub.disco #wrapper2 h2 {
  display: block;
  margin: 0 0 16px;
}
#sub.disco #sidebar {
  float: right;
  margin: 20px 0 72px;
  width: 365px;
}
#sub.disco #main {
  float: left;
  margin: 20px 0 62px;
  position: relative;
  width: 635px;
}
#sub.disco a.photo {
  display: block;
  margin: 15px;
  width: 168px;
}

#disco_nav {
  background:  url(../img/bg_discopc.png) repeat scroll 0 0 / 100% 100%;
  padding: 5px 15px;
  position: absolute;
  right: 15px;
  text-align: right;
  top: 26px;
  width: 270px;
  z-index: 2;
}
#disco_nav li {
  display: inline-block;
  margin: 0 0 0 2em;
}






/* ページャー */
.wp-pagenavi {
  clear: both;
  margin: 50px 0 0;
  text-align: center;
}

.current {
  background: url(../img/bg_h3.png) repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 10px;
  width: 40px;
}
.page.smaller, .page.larger {
  background: url(../img/bg_info.png) repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 10px;
  width: 40px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last{
  background: url(../img/bg_info.png) repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 10px;
  width: 40px;
}


/* シングルページ */
#single.disco .attachment-1000x1000.wp-post-image {
  display: none;
}
#single header .inner {
  height: 365px;
}
#single #main h2 {
  margin: 0 0 16px;
}
#single #main {
  float: left;
  margin: 0 0 72px;
  position: relative;
  width: 610px;
}
#single #disco_nav {
  position: absolute;
  right: 0;
  top: 26px;
}
#single #main #list li {
  border: 0 solid #000;
  float: left;
  margin: 0 10px 10px 0;
  width: 100%;
}
#single #list li h3 {
  background: url(../img/bg_h3.png) repeat scroll 0 0;
  color: #fff;
  padding: 15px;
}
#single #list li .inner {
  background: #ebe9e1 none repeat scroll 0 0;
  border: 1px solid #d6d2c6;
  overflow: hidden;
  padding: 0 0 15px;
}
#single .inner > p {
  font-size: 11px;
  padding: 15px 15px 0;
}
#single .inner > p img {
  height: auto;
  max-width: 100%;
}
#single #list li .info {
  background:url(../img/bg_info.png) repeat scroll 0 0;
  color: #fff;
  padding: 10px 15px;
}
#single.disco #list li .info {
  background: url(../img/bg_info2.png) repeat scroll 0 0;
  color: #fff;
  padding: 10px 15px;
}

#single #sidebar .anniversary {
  margin: 0;
}
#single .inner > img {
  margin: 15px 15px 0;
  max-width: 100%;
  height: auto;
}

#single blockquote {
  background: #d6d2c6 none repeat scroll 0 0;
  margin: 15px;
  padding: 15px;
}
#single.disco #sidebar .anniversary {
  margin: 0;
}



#single.bio h4 {
  color: #524c3f;
  margin: 0 15px 5px;
}
#single.bio #list li .inner {
  background: #ebe9e1 none repeat scroll 0 0;
  border: 1px solid #d6d2c6;
  overflow: hidden;
  padding: 15px 0;
}
#single.bio .inner > p {
  font-size: 11px;
  padding: 0 15px 15px;
}
#single.bio #list li .inner {
  background: #ebe9e1 none repeat scroll 0 0;
  border: 1px solid #d6d2c6;
  margin: 0 0 15px;
  overflow: hidden;
  padding: 15px 0;
}
#single.bio .inner > p:last-child {
  padding: 0 15px;
}
#single.bio #main {
  float: left;
  margin: 74px 0 72px;
  position: relative;
  width: 610px;
}
#single.bio #sidebar {
  float: right;
  margin: 74px 0 72px;
  width: 365px;
}







/* スマホ */
@media only screen and (max-width: 800px) and (min-width:480px) {
nav ul {
  text-align: center;
}
header nav li {
  margin: 0 2%;
}
header h1 {
  height: 250px !important;
}
nav li img {
  height: 16px;
}
}
@media only screen and (max-width: 480px) {
nav li img {
  height: 11px;
}
}

@media only screen and (max-width: 800px) {
#wrapper_bg {
  background: none repeat scroll 0 0;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
#wrapper2 {
  margin: 0 auto;
  width: 100%;
}

nav ul {
  text-align: center;
}

header nav {
  background: #fff none repeat scroll 0 0;
  padding: 3% 5%;
  position: static;
}
header nav li {
  display: inline-block;
  margin: 0 2.5%;
  text-align: center;
  vertical-align: bottom;
}
header .inner {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
header h1 {
  background: url(../img/bg_top.png) no-repeat scroll 0 0 / 100% auto;
  height: 180px;
  left: 0;
  position: static;
  top: 0;
  width: 100%;
}
h1 img {
  left: 5%;
  position: absolute;
  top: 5%;
  width: 53%;
}
.header_banner {
  bottom: 0;
  position: static;
}
.header_banner > img {
  height: auto;
  width: 100%;
}



#main {
  float: none;
  margin: 0 5% 5%;
  width: 90%;
}



#sidebar {
  float: none;
  margin: 0 5% 5%;
}
#index #sidebar {
  float: none;
  margin: 0 5% 5%;
  width: 90%;
}
#sidebar #banner {
  margin: 0 0 5%;
}
#banner img {
  height: auto;
  width: 100%;
}
#sidebar .anniversary {
  margin: 0;
}

#whatsnew, #newrelease {
  margin: 0 0 5%;
  overflow: visible;
  width: 100%;
}
#whatsnew ul, #newrelease .inner {
  background: #ebe9e1 none repeat scroll 0 0;
  border: 1px solid #d6d2c6;
  overflow: hidden;
  padding: 0 5% 5%;
  width: 90%;
}
#whatsnew > h2 {
  background: url(../img/bg_h3.png) repeat scroll 0 0;
  height: 31px;
  margin: 7% 0 5%;
  position: relative;
}

#whatsnew ul, #newrelease .inner {
  background: #ebe9e1 none repeat scroll 0 0;
  border: 1px solid #d6d2c6;
  overflow: hidden;
  padding: 5%;
  width: 90%;
}
#whatsnew ul {
  margin: 5% 0;
}
#newrelease .inner {
  padding-top: 0 !important;
}
#newrelease > h2 {
  background: url(../img/bg_h3.png) repeat scroll 0 0;
  height: 31px;
  margin: 7% 0 5%;
  position: relative;
}
#newrelease .img_area {
  float: none;
  margin: 5% 0 0;
  width: 100%;
}
.img_area > img {
  height: auto;
  margin: 0 0 5%;
  width: 100%;
}
#newrelease dl {
  float: right;
  width: 100%;
}
#newrelease dt {
  background: url(../img/bg_info.png) repeat scroll 0 0;
  color: #fffae5;
  font-size: 20px;
  font-weight: normal !important;
  margin: 0 0 5%;
  padding: 8px 10px 4px;
}
.img_area a img {
  height: auto;
  width: 100%;
}




/* 一覧ページ */

#sub header .inner {
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
#sub #wrapper2 {
  margin: 0 auto;
  width: 100%;
}
#sub #wrapper2 h2 {
  display: block;
  margin: 0 0 16px;
  text-align: center;
}
#sub.disco #wrapper2 h2 {
  display: block;
  margin: 0 0 16px;
  text-align: center;
}
#sub #wrapper2 h2 img {
  height: 28px;
}
#sub #main {
  float: none;
  margin: 5% 5% 62px;
  position: static !important;
  width: 90% !important;
}

#sub #main ul#list li {
  border: 0 solid #000;
  float: none;
  margin: 0 0 5%;
  position: static !important;
  width: 100%;
}
#disco_nav {
  background: url(../img/bg_discosp.png) repeat scroll 0 0 / 100% 100%;
  padding: 5px 5%;
  position: static;
  right: 15px;
  text-align: center;
  top: 26px;
  width: 90%;
}

#disco_nav li:first-child {
  margin: 0;
}
#disco_nav li img {
  height: 16px;
}
#sub #sidebar {
  float: none;
  margin: 0 5% 5%;
  position: static;
  width: 90%;
}
#sub a.photo {
  margin: 5% 5% 0;
  width: 90%;
  display: block;
}
#sub.disco #main {
  float: left;
  margin: 5% 5% 10%;
  width: 635px;
}
#sub.disco #sidebar {
  float: none;
  margin: 0 5% 5%;
  width: auto;
}



/* シングルページ */
#single #main {
  float: none;
  margin: 5%;
  width: 90%;
}
#single #sidebar .anniversary {
  margin: 0;
}
#single header .inner {
  height: auto;
}
#single #main h2 {
  margin: 0 0 16px;
  text-align: center;
}
#single #wrapper2 h2 img {
  height: 28px;
}
#single li .inner {
  background: #ebe9e1 none repeat scroll 0 0;
  border: 1px solid #d6d2c6;
  overflow: hidden;
  padding: 0 0 5%;
}
#single .inner > img {
  height: auto;
  margin: 5% 5% 0;
  width: 90%;
}

#single #sidebar {
  width: 90%;
}
#single #disco_nav {
  position: static;
  right: 0;
  top: 26px;
}

#single.bio #main {
  float: none;
  margin: 5%;
  position: relative;
  width: 90%;
}
#single.bio #sidebar {
  float: none;
  margin: 5%;
  width: 90%;
}







/* ページャー */
.wp-pagenavi {
  clear: both;
  margin: 0 0 5%;
  text-align: center;
}
.current {
  background: url(../img/bg_h3.png) repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 0 10px 10px;
  width: 40px;
}
.page.smaller, .page.larger {
  background: url(../img/bg_info.png) repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 0 10px 10px;
  width: 40px;
}










/* フッター */
footer {
  clear: both;
  color: #fffbe6;
  font-size: 11px;
  height: auto !important;
  line-height: auto !important;
  padding: 5%;
  width: 90%;
}
footer a {
	color: #fffbe6;
}
footer p {
	text-align: center;
	line-height: 17px !important;
	height: auto !important;
	margin: 0 0 15px;
}
footer span {
    display: block;
    padding: 0 0 15px;
    height: auto !important;
    line-height: auto !important;
    text-align: center;
}

}



#cboxLoadedContent {
  background: #000 none repeat scroll 0 0 !important;
  border: 5px solid #000;
}