@charset "utf-8";
/*===================================================================
	#container setting
===================================================================*/
html {
  background-color: #000;
}
body {
  background-color: #000;
  color: #fff;
}
#container {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background-color: #000;
}
/*===================================================================
	#header setting
===================================================================*/
#header {
  top:0;
  padding-top: 30px;
  padding-bottom: 30px;
}
#header div.inner {
  position: relative;
  margin:0 auto;
}
.head-logo {
  width: 313px;
  height: 49px;
  display: block;
  margin:0px auto 10px;
}
.head-logo h1 {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.head-logo h1 a {
  background: url("../images/site_logo.png") 0 0 no-repeat;
  display: block;
  width: 313px;
  height: 49px;
}
.head-icons {
  zoom: 1;
  position: absolute;
  width: 100%;
  top: 0px;
}
.head-icons:after {
  content: '';
  display: block;
  clear: both;
}
.head-icons .nifty-logo {
  position: absolute;
  right: 18px;
}
.head-icons .nifty-30thlogo {
  position: absolute;
  right: 137px;
}
.head-icons-left {
  left:20px;
  position: absolute;
  margin-top: 15px;
}
.head-icons-left ul.main-menu li {
  display: inline-block;
  padding-right: 4px;
}
.head-icons-left ul.main-menu li.sprt-right {
  padding-right: 10px;
  border-right: 1px solid #3c3c3c;
}
.head-icons-left ul.main-menu li.sprt-left {
  padding-left: 10px;
}
.head-icons-left ul.main-menu li .icon-menu {
  background: url("../images/hist_sprites.png") -1px -6px no-repeat;
}
.head-icons-left ul.main-menu li .icon-menu.close {
  background: url("../images/hist_sprites.png") -81px -6px no-repeat;
}
.head-icons-left ul.main-menu li .icon-search {
  background: url("../images/hist_sprites.png") -41px -6px no-repeat;
}
.head-icons-left ul.main-menu li .icon-search.close {
  background: url("../images/hist_sprites.png") -81px -6px no-repeat;
}
.head-icons-left ul.main-menu li .icon-help {
  background: url("../images/hist_sprites.png") -121px -6px no-repeat;
}
.head-icons-left ul.main-menu li .icon-help.close {
  background: url("../images/hist_sprites.png") -81px -6px no-repeat;
}
.head-icons-left ul.main-menu li .icon-info {
  background: url("../images/hist_sprites.png") -161px -6px no-repeat;
}
.head-icons-left ul.main-menu li .icon-info.close {
  background: url("../images/hist_sprites.png") -81px -6px no-repeat;
}
.head-icons-left ul.main-menu li a {
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 36px;
  height: 36px;
}
.head-icons-right {
  position: absolute;
  right: 20px;
  margin-top: 40px;
}
.head-icons-right ul.sub-menu li {
  display: inline-block;
}
.head-icons-right ul.sub-menu.logo{
  margin-top: -60px;
  margin-bottom: 35px;
}
.head-icons-right ul.sub-menu li a.txt-link, .head-icons-right ul.sub-menu li a.txt-link-popup {
  width: 60px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  margin-right: 24px;
}
.head-icons-right ul.sub-menu li a.txt-link.last{
  margin-right: 0px;
}
/*===================================================================
	#headerMenu setting
===================================================================*/
#headerMenu {
  position: absolute;
  width: 100%;
  /* キーワード検索 */
  /* カテゴリ検索 */
}
#headerMenu .search-bar {
  display: none;
  background: #191919;
  position: relative;
  z-index: 1000;
}
#headerMenu .search-bar .search-bar-inner {
  width: 100%;
  margin: 0 auto;
  padding: 19px 0;
}
#headerMenu .search-bar .search-input-wrapper {
  width: 500px;
  float: left;
  padding-left: 50px;
}
#headerMenu .search-bar .search-input-wrapper p {
  float: left;
}
#headerMenu .search-bar input#textKeyword {
  width: 400px;
  max-height: 48px;
  background: #606060;
  border: none;
  color: #fff;
  font-size: 1.53em;
  font-family: 'メイリオ', 'Meiryo', monospace;
  padding: 9px 14px;
}
#headerMenu .search-bar input#btnKeywordSearch {
  border: 0px;
  width: 54px;
  height: 48px;
  background: #606060 url("../images/search_btn.png") 0 0 no-repeat;
  cursor: pointer;
}
#headerMenu .search-bar .to-category-search {
  float: left;
  font-size: 1.53em;
  padding: 10px 0;
}
#headerMenu .search-bar .to-category-search a {
  color: #fff;
  text-decoration: none;
}
#headerMenu .search-bar .to-category-search a:hover {
  opacity: 0.8;
}
#headerMenu .search-bar .to-category-search a span {
  height: 27px;
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}
#headerMenu .search-bar .to-category-search a .arrow {
  width: 14px;
  height: 27px;
  margin-left: 8px;
  display: inline-block;
  background: url("../images/arrow.png") 0 0 no-repeat;
}
#headerMenu .ctgr-search {
  background: #000;
  display: none;
  position: relative;
  z-index: 1000;
}
#headerMenu .ctgr-search .ctgr-search-inner {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 400px;
}
#headerMenu .ctgr-search .ctgr-search-head .main-txt {
  font-size: 2.30em;
  font-weight: bold;
  line-height: 1.0em;
}
#headerMenu .ctgr-search .ctgr-search-head .sub-txt {
  font-family: 'MS PMincho', 'Hiragino Mincho Pro';
  font-style: italic;
  font-size: 0.92em;
}
#headerMenu .ctgr-search .ctgr-section {
  padding-top: 36px;
}
#headerMenu .ctgr-search .ctgr-section div {
  font-size: 1.07em;
  font-weight: bold;
  width: 152px;
  margin:0 auto;
}
#headerMenu .ctgr-search .ctgr-section div p {
  margin: 0 auto;
  width: 152px;
  max-height: 38px;
  background: #222222;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 12px 10px;
  font-size: 1.35em;
}
#headerMenu .ctgr-search .ctgr-section ul.ctgr-list {
  font-size: 1.38em;
  padding-top: 28px;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
}
#headerMenu .ctgr-search .ctgr-section ul.ctgr-list li {
  display: inline-block;
  background: url("../images/arrow_min.png") 100% 12px no-repeat;
  border-bottom: solid #272727 1px;
  width: 31%;
  margin-right: 20px;
  margin-top: 8px;
  float: left;
}
#headerMenu .ctgr-search .ctgr-section ul.ctgr-list li a {
  text-align: left;
  display: block;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
  text-decoration: none;
}
#headerMenu .ctgr-search .ctgr-section ul.ctgr-list li a:hover {
  opacity: 0.8;
  background-color: #333;
}
#headerMenu .ctgr-search .ctgr-section ul.ctgr-list li .num:before {
  content: "(";
}
#headerMenu .ctgr-search .ctgr-section ul.ctgr-list li .num:after {
  content: ")";
}
/*===================================================================
 * #contents setting
===================================================================*/
.contents-inner {

}
.contents-inner.detail-bg {
  background-color: #212121;
}
.fbx-1-bdy .contents-inner {
  min-width: 0;
}
/*===================================================================
	#mainContents setting
===================================================================*/
h2 {
  font-size: 2.77em;
  font-weight: bold;
}
#mainContents {
  margin: 0 auto;
  overflow: hidden;
}
#mainContents.top {
  width: 100%;
}
#mainContents.detail {
  max-width: 800px;
}
#mainContents.search {
  width: 1060px;
}
#mainContents.profile {
  width: 840px;
}
#mainContents.profile.confirm-profile {
  width: 560px;
}
#mainContents.forms {
  max-width: 800px;
}
#mainContents.fbx-1 {
  width: auto;
}
.main-contents-inner {
  min-height: 600px;
}
div.name-plate {
  padding-top: 18px;
}
.user-icon {
  width: 48px;
  height: 48px;
  float: left;
}
.user-icon img {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}
.user-prof {
  float: left;
}
.user-prof .user-name {
  font-size: 1.23em;
}
.user-prof .user-name .user-domain {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 4px;
  margin-bottom: -2px;
}
.user-prof .user-name .user-domain.nifty {
  background: url("../images/hist_sprites.png") -4px -166px no-repeat;
}
.user-prof .user-name .user-id {
  font-size: 75%;
  color: rgba(255, 255, 255, 0.6);
}
.txt-date {
  font-family: 'MS PMincho', 'Hiragino Mincho Pro';
  font-size: 1.49em;
  font-style: italic;
  padding-top: 46px;
}
.txt-date .txt-ymd {
  font-size: 0.72em;
}
.txt-date.post-date {
  font-size: 1em;
  padding-top: 0;
}
ul.badges {
  border-top: 10px;
}
ul.badges li {
  display: inline-block;
  margin-left: 4px;
}
ul.badges li:first-child {
  margin-left: 0;
}
ul.badges li.category p {
  background: #2f2f2f;
  padding: 0.2em 0.6em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}
ul.badges li.cmnt-cnt .cmnt-pop {
  width: 20px;
  height: 15px;
  display: inline-block;
  background: url("../images/hist_sprites.png") -38px -164px no-repeat;
}
p.description {
  margin: 0 0 15px;
}
div.module {
  padding-bottom: 36px;
}
div.module.sns p.sns-share {
  font-weight: normal;
  padding-top: 0;
  margin: 0 auto;
  font-size: 1.53em;
  text-align: center;
  color: #848484;
}
div.module.sns ul {
  width: 55px;
  margin: 0 auto;
  padding-top: 10px;
}
div.module.sns ul li {
  display: inline-block;
}
div.module.action-box {
  padding-bottom: 12px;
  font-size: 1.53em;
  text-align: right;
}
div.module.comment-box, div.module.hist-relative, div.module.facebook-comment-box {
  border-top: solid 1px #3c3c3c;
}
div.module.comment-box h3, div.module.hist-relative h3,
div.module.facebook-comment-box h3 {
  font-weight: normal;
  padding-top: 34px;
  margin: 0 auto;
  font-size: 1.53em;
  text-align: center;
  color: #848484;
}
div.module.hist-relative .hist-relative-ttl{
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 1.53em;
}
.hist-relative{
  display: block;
  margin:0 auto;
}
.hist-relative a{
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.hist-relative .txt-date{
  padding-top: 20px;
  font-size: 1.2em;
}
div.module.comment-box ul {
  padding-top: 24px;
}
div.module.comment-box .comment-list {
  padding-bottom: 52px;
}
div.module.comment-box .comment-list .comment-list-inner {
  display: table;
}
div.module.comment-box .comment-list .user-icon {
  float: none;
  display: table-cell;
}
div.module.comment-box .comment-list .user-comment-wrapper {
  display: table-cell;
  vertical-align: top;
  width: 858px;
}
div.module.comment-box .comment-list .user-comment {
  padding-bottom: 12px;
  font-size: 1.57em;
}
div.module.comment-box .comment-list .user-comment-action {
  text-align: right;
  font-size: 1.38em;
}
div.module.comment-box .comment-list .no-comment {
  width: 858px;
  margin: 0 auto;
  font-size: 1.53em;
}
div.module-inner {
  padding-top: 36px;
}
div.module-inner p {
  padding-bottom: 36px;
  font-size: 1.53em;
}
div.module-inner p.init:first-letter {
  font-size: 5.6em;
  line-height: 1;
  float: left;
  margin: 0 .2em 0 0;
  padding: .1em 0;
}
div.module-inner .detail-imgs {
  padding-bottom: 26px;
}
div.module-inner .detail-imgs .photo {
  width: 467px;
  height: 326px;
  float: left;
  padding-left: 26px;
}
div.module-inner .detail-imgs .photo a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
div.module-inner .detail-imgs .photo:first-child {
  padding-left: 0;
}
.comment-area {
  font-size: 1.38em;
}
.comment-area p {
  width: 862px;
  text-align: right;
  margin: 0 auto;
  padding-top: 16px;
}
.comment-area textarea {
  border-style: none;
  background-color: #2f2f2f;
  width: 830px;
  padding: 14px;
  margin-left: -28px;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'メイリオ', 'Meiryo', monospace;
}
.comment-btn {
  background-color: #0055ac;
  border-style: none;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 1em;
  font-family: 'メイリオ', 'Meiryo', monospace;
}
.comment-btn:hover {
  opacity: 0.8;
}
/*
 * BookBlock
 */
.top h2 {
  font-weight: normal;
}
.top .module-inner {
  padding-top: 36px;
}
.top .module-inner p {
  font-size: 1.07em;
}
.top .module-inner p.init:first-letter {
  font-size: 4.5em;
  line-height: 1;
  float: left;
  margin: 0 .2em 0 0;
  padding: .1em 0;
}
.layout1 {
  position: relative;
}
.layout1.cell1 {
  float: left;
  width: 59.9%;
  height: 800px;
  overflow: hidden;
  border-right: solid 1px #1d1d1d;
}
.layout1.cell1 .cell-wrapper{
 padding:0 18px;
}
.layout1.cell1 .main-img {
  height: 450px;
}
.layout1.cell2 {
  float: left;
  width: 39.9%;
  height: 800px;
  overflow: hidden;
}
.layout1.cell2 .cell-wrapper{
  padding:0 18px;
}
.layout1.cell2 .main-img {
  height: 294px;
}
.layout1 .main-img {
  position: relative;
  overflow: hidden;
}
.layout2 {
  position: relative;
}
.layout2.cell1 {
  width: 100%;
  height: 800px;
  overflow: hidden;
}
.layout2.cell1 .cell-wrapper{
  padding: 0 18px;
}
.layout2 .main-img {
  position: relative;
  height: 590px;
  overflow: hidden;
}
.layout2 .module-wrapper {
  padding-top: 26px;
}
.layout2 .module-wrapper .module-info {
  float: left;
  width: 660px;
  padding-right: 18px;
}
.layout2 .module-wrapper .module-info .txt-date {
  padding-top: 0;
}
.layout2 .module-wrapper .module {
  float: left;
  width: 660px;
  padding-left: 18px;
}
.layout2 .module-wrapper .module .module-inner {
  padding-top: 0;
}
.layout3 {
  position: relative;
}
.layout3.cell1 {
  float: left;
  width: 33.3%;
  height: 800px;
  overflow: hidden;
}
.layout3.cell1 .cell-wrapper{
  padding:0 18px;
}
.layout3.cell1 .txt-date {
  padding-top: 18px;
}
.layout3.cell1 .txt-date.post-date {
  padding-top: 0;
}
.layout3.cell2 {
  float: left;
  width: 33.2%;
  height: 400px;
  overflow: hidden;
  border-left: solid 1px #1d1d1d;
  border-bottom: solid 1px #1d1d1d;
}
.layout3.cell2 .cell-wrapper{
  padding: 0 9px;
}
.layout3.cell2 .main-img {
  display: none;
}
.layout3.cell2 .txt-date {
  padding-top: 8px;
}
.layout3.cell2 .txt-date.post-date {
  padding-top: 0;
}
.layout3 .main-img {
  position: relative;
  height: 294px;
  overflow: hidden;
}
.layout3 .module-inner {
  padding-top: 18px;
}
.layout4 {
  position: relative;
}
.layout4.cell1 {
  float: left;
  width: 59.9%;
  height: 800px;
  overflow: hidden;
  border-right: solid 1px #1d1d1d;
}
.layout4.cell1 .cell-wrapper{
  padding:0 18px;
}
.layout4.cell2 {
  float: left;
  width: 39.9%;
  height: 180px;
  overflow: hidden;
  border-bottom: solid 1px #1d1d1d;
}
.layout4.cell2 .cell-wrapper{
  padding:0 18px;
}
.layout4.cell2 .main-img,
.layout4.cell2 .module {
  display: none;
}
.layout4.cell2 .txt-date {
  padding-top: 8px;
}
.layout4.cell2 .txt-date.post-date {
  padding-top: 0;
}
.layout4.cell2 .fo-deco {
  height: 20px;
}
.layout4 .main-img {
  position: relative;
  height: 400px;
  overflow: hidden;
}
.disp-none {
  display: none;
}
.bb-bookblock {
  width: 100%;
  height: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
  perspective: 2000px;
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  overflow: hidden;
}
.bb-item,
.bb-page {
  background: none;
}
.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner {
  background: #000;
}
.fo-deco {
  content: '';
  position: absolute;
  bottom: 0px;
  height: 40px;
  width: 100%;
  display: block;
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.73) 23%, #000000 91%);
  background: -webkit-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.73) 23%, #000000 91%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.73) 23%, #000000 91%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 22%, rgba(0, 0, 0, 0.73) 23%, #000000 91%);
}
.hvr-zone {
  position: absolute;
  z-index: 200;
  width: 80px;
  height: 780px;
  margin-top: 70px;
}
.hvr-zone .btn {
  display: none;
  top: 300px;
  position: absolute;
  z-index: 210;
}
.hvr-zone a {
  display: block;
  width: 78px;
  height: 103px;
  background-color: #c4c4c4;
  background-image: url("../images/arrow_top.png");
  background-repeat: no-repeat;
  color: #c4c4c4;
}
.hvr-zone a:hover {
  opacity: 0.8;
}
.hvr-zone.hvr-left {
  left: 0;
}
.hvr-zone.hvr-left a {
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
  background-position: 20px 22px;
}
.hvr-zone.hvr-right {
  right: 0;
}
.hvr-zone.hvr-right a {
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  background-position: 30px -66px;
}
/*===================================================================
  #mainContents.detail
===================================================================*/
#mainContents.detail {
  overflow: visible;
}
.detail .main-img-wrapper {
  padding-top: 36px;
}
.detail .main-img {
  height: 674px;
  position: relative;
  overflow: hidden;
}
.detail .main-img img {
  cursor: pointer;
}
.detail .main-contents-inner {
  position: relative;
}
.detail .module-inner p {
  line-height: 1.7;
}
.hvr-zone.hvr-detail {
  top: 0;
  height: 140px;
}
.hvr-zone.hvr-detail .btn {
  top: 0;
}
.back-link {
  position: absolute;
  top: 46px;
  left: -213px;
  z-index: 300;
}
.back-link a {
  background: url("../images/arrow_left_white.png") 0 0 no-repeat;
  display: block;
  width: 21px;
  height: 41px;
}
/*===================================================================
  #mainContents.hist-cover
===================================================================*/
.sprite-cover {
  background-image: url("../images/sprite_cover_text.png");
  background-repeat: no-repeat;
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
}
.sprite-cover.sprite-topics {
  background-position: 0 0;
  width: 60px;
  height: 13px;
  margin: 0 auto;
}
.sprite-cover.sprite-episode {
  background-position: 0 -23px;
  width: 183px;
  height: 30px;
  margin: 0 auto;
}
.sprite-cover.sprite-period {
  background-position: 0 -63px;
  width: 163px;
  height: 30px;
  margin: 0 auto;
}
.sprite-cover.sprite-category {
  background-position: 0 -103px;
  width: 163px;
  height: 30px;
  margin: 0 auto;
}
.sprite-cover.sprite-member {
  background-position: 0 -143px;
  width: 183px;
  height: 30px;
  margin: 0 auto;
}
.sprite-cover.sprite-spthanks {
  background-position: 0 -184px;
  width: 243px;
  height: 30px;
  margin: 0 auto;
}
.sprite-cover-arrow {
  background-image: url("../images/arrow_cover_top.png");
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  vertical-align: middle;
}
.sprite-cover-arrow.btn-arrow {
  background-position: 0 -104px;
  width: 16px;
  height: 30px;
}
.sprite-cover-arrow.btn-prev {
  background-position: 0 0px;
  width: 22px;
  height: 42px;
}
.sprite-cover-arrow.btn-next {
  background-position: 0 -52px;
  width: 22px;
  height: 42px;
}
.sprite-cover-arrow.page-link-down {
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
  background-position: 0 -144px;
  width: 43px;
  height: 22px;
}
.sprite-cover-arrow.page-link-up {
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
  background-position: 0 -176px;
  width: 42px;
  height: 22px;
}
.font-mincho {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-style: italic;
}
.hist-cover {
  animation: fade linear 2.3s;
}
.hist-cover .unit .inner.ui-witdh-fix {
  width: 800px;
  margin: 0 auto;
}
.hist-cover .unit.top-period .inner {
  padding: 185px 0 0;
}
.hist-cover .unit.top-category .inner {
  padding: 185px 0 0;
}
.hist-cover .unit.top-member .inner {
  padding: 110px 0 0 0;
}
.hist-cover .unit.top-thanks-member .inner {
  padding: 42px 0;
}
.hist-cover .top-lead {
  position: relative;
  overflow: hidden;
}
.hist-cover .top-lead .ui-table {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -50%;
  table-layout: fixed;
}
.hist-cover .top-lead .ui-table .cell {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.hist-cover .top-lead .ui-table .cell .cell-box {
  display: block;
  padding: 30px 0 210px;
}
.hist-cover .top-lead .main-lead {
  position: relative;
  z-index: 10;
  background: url("../images/img_cover_text.png") 0 0 no-repeat;
  display: block;
  text-align: left;
  width: 793px;
  height: 283px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 0 auto 37px;
}
.hist-cover .top-lead .read-link {
  position: relative;
  z-index: 10;
  width: 245px;
  margin:0 auto 70px;
}
.hist-cover .top-lead .read-link a {
  background: url("../images/img_read_first.png") 0 0 no-repeat;
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 245px;
  height: 51px;
  margin: 0 auto;
}
.hist-cover .top-lead .read-link a:hover {
  background-position: 0 -53px;
}
.hist-cover .top-lead .topics {
  position: relative;
  z-index: 10;
  background: rgba(30, 30, 30, 0.8);
  padding: 15px;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
}
.hist-cover .top-lead .topics > dt {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #3d3d3d;
}
.hist-cover .top-lead .topics > dd {
  display: table-cell;
  vertical-align: middle;
  padding-left: 25px;
}
.hist-cover .top-lead .topics > dd > ul {
  padding-right: 30px;
}
.hist-cover .top-lead .topics > dd > ul > li {
  text-align: left;
  font-size: 1.08em;
  color: #fff;
  padding-top: 5px;
}
.hist-cover .top-lead .topics > dd > ul > li:first-child {
  padding-top: 0;
}
.hist-cover .top-lead .topics > dd > ul > li > span {
  float: left;
  width: 120px;
  display: inline-block;
  *display: inline;
  *zooom: 1;
}
.hist-cover .top-lead .topics > dd > ul > li > a {
  font-weight: bold;
  font-style: normal;
  color: #e49412;
  text-decoration: none;
}
.hist-cover .top-lead .topics > dd > ul > li > a:hover {
  text-decoration: underline;
}
.hist-cover .top-lead .top-episode {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  width: 100%;
  bottom: 0;
  left: 0;
}
.hist-cover .top-lead .top-episode .episode-link {
  display: block;
  position: relative;
  padding-top: 30px;
  text-decoration: none;
}
.hist-cover .top-lead .top-episode .episode-link:before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 30px;
  top: 0;
  left: 0;
  margin-left: -29px;
  background: #edb11a;
}
.hist-cover .top-lead .top-episode .episode-link:after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 30px;
  top: 0;
  right: 0;
  margin-right: -29px;
  background: #edb11a;
}
.hist-cover .top-lead .top-episode .episode-link .link-inner {
  background: #edb11a;
  padding: 35px 0 50px;
}
.hist-cover .top-lead .top-episode .episode-link .link-inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  border-right: 30px solid #edb11a;
  border-top: 30px solid rgba(0, 0, 0, 0);
}
.hist-cover .top-lead .top-episode .episode-link .link-inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  border-left: 30px solid #edb11a;
  border-top: 30px solid rgba(0, 0, 0, 0);
}
.hist-cover .top-lead .top-episode .episode-link .link-inner .lead {
  margin-bottom: 5px;
}
.hist-cover .top-lead .top-episode .episode-link .link-inner .date {
  color: #fff;
  text-align: center;
  font-size: 1.08em;
  font-weight: 100;
}
.hist-cover .top-lead .top-episode .episode-link .link-inner .title {
  color: #000;
  font-weight: bold;
  font-size: 1.85em;
  text-align: center;
}
.hist-cover .top-lead .top-episode .episode-link:hover:before {
  background: #f3bd1c;
}
.hist-cover .top-lead .top-episode .episode-link:hover:after {
  background: #f3bd1c;
}
.hist-cover .top-lead .top-episode .episode-link:hover .link-inner {
  background: #f3bd1c;
}
.hist-cover .top-lead .top-episode .episode-link:hover .link-inner:before {
  border-right: 30px solid #f3bd1c;
}
.hist-cover .top-lead .top-episode .episode-link:hover .link-inner:after {
  border-left: 30px solid #f3bd1c;
}
.hist-cover .bg-episode {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg_main-cover.png) no-repeat;
  background-size: 100% auto;
  background-position: 0px -140px;
}
.hist-cover .back-episode p {
  position: absolute;
  z-index: 0;
  width: 110%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 65px;
  line-height: 2;
  transform-origin: 50% 50%;
  letter-spacing: 20px;
  transform: translateX(-9999px) rotate(-4deg);
  text-shadow: 9999px 0 15px #fff;
}
.hist-cover .top-period {
  position: relative;
  height: 100vh;
  min-height: 550px;
}
.hist-cover .top-period .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  background-size: cover;
  background-attachment: fixed;
}
.hist-cover .top-period .lead {
  position: relative;
  z-index: 10;
  margin-bottom: 15px;
}
.hist-cover .top-period .slide-area {
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 10;
}
.hist-cover .top-period .slide-area ul {
  width: 1000%;
  position: relative;
}
.hist-cover .top-period .slide-area li {
  float: left;
  display: inline-block;
  *display: inline;
  *zookm: 1;
  vertical-align: middle;
  padding: 11px 35px;
  text-align: center;
  min-height: 48px;
}
.hist-cover .top-period .slide-area li a {
  color: #6d6d6d;
  font-size: 1.85em;
  text-decoration: none;
  text-align: center;
  transform-origin: 50% 50%;
  transition: font-size 0.5s ease 0s, text-shadow 0.2s linear 0s;
}
.hist-cover .top-period .slide-area li.select {
  padding: 2px 25px;
  min-width: 315px;
}
.hist-cover .top-period .slide-area li.select a {
  color: #fff;
  min-width: 315px;
  font-size: 2.8em;
  font-weight: bold;
}
.hist-cover .top-period .slide-area li.select a:hover {
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.9);
}
.hist-cover .top-period .slide-area .slide-btn-area {
  width: 365px;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -182.5px;
}
.hist-cover .top-period .slide-area .slide-btn-area .btn-prev {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -21px;
}
.hist-cover .top-period .slide-area .slide-btn-area .btn-next {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -21px;
}
.hist-cover .top-period .page-link {
  position: absolute;
  display: block;
  z-index: 10;
  bottom: 60px;
  left: 0;
  width: 100%;
}
.hist-cover .top-category {
  position: relative;
  height: 100vh;
  min-height: 550px;
}
.hist-cover .top-category .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  background-size: cover;
  background-attachment: fixed;
}
.hist-cover .top-category .lead {
  position: relative;
  z-index: 10;
  margin-bottom: 15px;
}
.hist-cover .top-category .slide-area {
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 10;
}
.hist-cover .top-category .slide-area ul {
  width: 1000%;
  position: relative;
}
.hist-cover .top-category .slide-area li {
  float: left;
  display: inline-block;
  *display: inline;
  *zookm: 1;
  vertical-align: middle;
  padding: 11px 35px;
  text-align: center;
  min-height: 48px;
  width: 445px;
}
.hist-cover .top-category .slide-area li a {
  color: #6d6d6d;
  font-size: 1.85em;
  text-decoration: none;
  transform-origin: 50% 50%;
  transition: font-size 0.5s ease 0s, text-shadow 0.2s linear 0s;
}
.hist-cover .top-category .slide-area li.select {
  padding: 3px 25px;
  min-width: 315px;
}
.hist-cover .top-category .slide-area li.select a {
  color: #fff;
  font-size: 2.8em;
  font-weight: bold;
}
.hist-cover .top-category .slide-area li.select a:hover {
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.9);
}
.hist-cover .top-category .slide-area .slide-btn-area {
  width: 505px;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -254.5px;
}
.hist-cover .top-category .slide-area .slide-btn-area .btn-prev {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -21px;
}
.hist-cover .top-category .slide-area .slide-btn-area .btn-next {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -21px;
}
.hist-cover .top-category .page-link {
  position: absolute;
  display: block;
  z-index: 10;
  bottom: 60px;
  left: 0;
  width: 100%;
}
.hist-cover .top-member .lead {
  margin-bottom: 50px;
}
.hist-cover .top-member .main-menber li {
  margin-bottom: 60px;
}
.hist-cover .top-member .main-menber li .photo {
  float: left;
  width: 110px;
  height: 110px;
  border-radius: 55px;
  overflow: hidden;
}
.hist-cover .top-member .main-menber li .photo img {
  width: 100%;
}
.hist-cover .top-member .main-menber li dl {
  margin-left: 145px;
  color: #fff;
}
.hist-cover .top-member .main-menber li dl .name-ja {
  display: block;
  font-weight: bold;
  font-size: 1.85em;
  margin-top: 30px;
}
.hist-cover .top-member .main-menber li dl .name-en {
  display: block;
  font-size: 1.08em;
  margin-bottom: 5px;
}
.hist-cover .top-member .main-menber li dl .belong {
  font-size: 1.08em;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.hist-cover .top-member .assist-menber li {
  float: left;
  width: 350px;
  padding: 20px 25px;
}
.hist-cover .top-member .assist-menber li:nth-child(2n-1) {
  clear: left;
}
.hist-cover .top-member .assist-menber li .photo {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
}
.hist-cover .top-member .assist-menber li .photo img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.hist-cover .top-member .assist-menber li .name {
  margin-left: 120px;
  color: #fff;
}
.hist-cover .top-member .assist-menber li .name .name-ja {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}
.hist-cover .top-member .assist-menber li .name .name-en {
  display: block;
  font-size: .93em;
  margin-bottom: 4px;
}
.hist-cover .top-member .assist-menber li .name .belong {
  font-size: 1.08em;
  font-weight: bold;
  display: block;
}
.hist-cover .top-member .page-link {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}
.hist-cover .top-thanks-member {
  background-color: #111;
}
.hist-cover .top-thanks-member .lead {
  margin-bottom: 42px;
}
.hist-cover .top-thanks-member .member-line {
  display: table;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 8px 0;
}
.hist-cover .top-thanks-member .member-line li {
  display: table-cell;
  vertical-align: middle;
}
.hist-cover .top-thanks-member .member-line li .photo {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
}
.hist-cover .top-thanks-member .member-line li .photo a:hover {
  opacity: 0.8;
}
.hist-cover .top-thanks-member .member-line li .photo img {
  width: 100%;
}
.hist-cover .top-thanks-member .page-link {
  display: block;
  width: 100%;
  padding-bottom: 40px;
  background: #000;
}
.hist-cover .top-post {
  background: #1f1f1f;
  padding: 35px 0;
}
.hist-cover .top-post h3 {
  font-size: 1.23em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
}
.hist-cover .top-post .post-btn {
  background: #edb11a;
  color: #000;
  font-weight: bold;
  text-align: center;
  width: 560px;
  font-size: 1.85em;
  border-radius: 10px;
  margin: 0 auto;
  text-decoration: none;
  display: block;
  padding: 13px 0;
  position: relative;
  box-shadow: 0 2px 0 0 #af6f06;
}
.hist-cover .top-post .post-btn .btn-arrow {
  position: absolute;
  margin-top: -15px;
  top: 50%;
  right: 20px;
}
.hist-cover .top-post .post-btn:hover {
  background: #f3bd1c;
  box-shadow: 0 2px 0 0 #bb7606;
}
#thanks-member-profs {
  display: none;
}
.member-prof {
  width: 800px;
  margin: 0 auto;
  padding: 20px 0;
}
.member-prof .photo {
  float: left;
  width: 110px;
  height: 110px;
  border-radius: 55px;
  overflow: hidden;
}
.member-prof .photo img {
  width: 100%;
}
.member-prof dl {
  margin-left: 145px;
  color: #fff;
  text-align: left;
}
.member-prof dl .name-ja {
  display: block;
  font-weight: bold;
  font-size: 1.85em;
}
.member-prof dl .name-en {
  display: block;
  font-size: 1.08em;
  margin-bottom: 5px;
}
.member-prof dl .belong {
  font-size: 1.08em;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
@media (min-width: 1px) {
  .hist-cover .unit.top-period .inner {
    padding: 45vh 0 0;
  }
  .hist-cover .unit.top-category .inner {
    padding: 45vh 0 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes move {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-1200px);
  }
}
/*===================================================================
  masonry setting
===================================================================*/
.masonry-box {
  padding-top: 46px;
}
.masonry-box .box {
  width: 320px;
}
.masonry-box .box h2 {
  font-size: 1.84em;
}
.masonry-box div.module-inner {
  padding-top: 13px;
  border-bottom: #272727 solid 1px;
}
.masonry-box div.module-inner p {
  font-size: 1.07em;
}
.masonry-box div.module-inner p.init:first-letter {
  font-size: 4.84em;
  line-height: 1;
  float: left;
  margin: 0 .2em 0 0;
  padding: .1em 0;
}
/*===================================================================
  fancybox-1 setting
===================================================================*/
.fbx-1 h1 {
  background: url("../images/site_logo.png") 0 0 no-repeat;
  width: 313px;
  height: 49px;
  margin: 0 auto;
  margin-top: 64px;
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
}
.fbx-1 ul {
  padding-top: 54px;
}
.fbx-1 .slide {
  display: none;
}
.fbx-1 .slide.on {
  display: block;
}
.fbx-1 .slide.info-page-1 {
  padding-top: 100px;
}
.fbx-1 .slide.info-page-2 {
  padding-top: 100px;
}
.fbx-1 .slide.help-page-1 {
  padding-top: 36px;
}
.fbx-1 .slide.help-page-2 {
  padding-top: 36px;
}
.fbx-1 .slide p {
  font-size: 1.53em;
  text-align: center;
  line-height: 1.6;
}
.fbx-1 .slide p em {
  font-size: 1.53em;
}
.fbx-1 .slide p.how-to-use {
  text-align: left;
  width: 840px;
  margin: 0 auto;
}
.fbx-1 .hvr-zone {
  margin-top: 0px;
  height: 100%;
  top:0;
}
.fbx-1 .hvr-zone .btn {
  display: block;
  top: 370px;
}
/*===================================================================
	# profile forms setting
===================================================================*/
.page-title {
  padding-top: 52px;
  text-align: center;
}
.page-title .main-txt {
  font-size: 2.30em;
  font-weight: bold;
  line-height: 1.0em;
}
.page-title .sub-txt {
  font-family: 'MS PMincho', 'Hiragino Mincho Pro';
  font-style: italic;
  font-size: 0.92em;
}
.mod-prof-tables,
mod-forms-tables {
  padding-top: 60px;
  font-size: 1.53em;
}
.mod-prof-tables .prof-row,
mod-forms-tables .prof-row,
.mod-prof-tables .forms-row,
mod-forms-tables .forms-row {
  display: table;
  padding: 10px 10px 0 10px;
}
.mod-prof-tables .prof-row.one-col-center,
mod-forms-tables .prof-row.one-col-center,
.mod-prof-tables .forms-row.one-col-center,
mod-forms-tables .forms-row.one-col-center {
  margin: 0 auto;
}
.mod-prof-tables .prof-row.last,
mod-forms-tables .prof-row.last,
.mod-prof-tables .forms-row.last,
mod-forms-tables .forms-row.last {
  padding-bottom: 60px;
  padding-top: 38px;
}
.mod-prof-tables .prof-row div,
mod-forms-tables .prof-row div,
.mod-prof-tables .forms-row div,
mod-forms-tables .forms-row div {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}
.mod-prof-tables .col-name,
mod-forms-tables .col-name {
  width: 150px;
  text-align: right;
}
.mod-prof-tables .row-att,
mod-forms-tables .row-att {
  display: table;
  padding: 6px 10px 10px 10px;
}
.mod-prof-tables .row-att .col-space,
mod-forms-tables .row-att .col-space {
  width: 150px;
  text-align: right;
}
.mod-prof-tables .btn-confirm,
mod-forms-tables .btn-confirm,
.mod-prof-tables .btn-back,
mod-forms-tables .btn-back {
  background-color: #0055ac;
  font-size: 1.1em;
  font-weight: bold;
  padding: 18px 74px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  border-radius: 2px;
}
.mod-prof-tables .btn-confirm:hover,
.mod-prof-tables .btn-back:hover,
mod-forms-tables .btn-confirm:hover,
.mod-prof-tables .btn-back:hover,
mod-forms-tables .btn-back:hover {
  opacity: 0.8;
}

.mod-prof-tables input,
mod-forms-tables input,
.mod-prof-tables textarea,
mod-forms-tables textarea,
.mod-prof-tables select,
mod-forms-tables select {
  font-size: 1em;
  border-style: none;
  background-color: #2f2f2f;
  padding: 14px;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'メイリオ', 'Meiryo', monospace;

}
.mod-prof-tables label,
mod-forms-tables label {
  padding: 0 8px;
}
.mod-prof-tables optgroup,
mod-forms-tables optgroup,
.mod-prof-tables option,
mod-forms-tables option {
  font-style: normal;
  font-family: 'メイリオ', 'Meiryo', monospace;
}
.mod-prof-tables textarea,
mod-forms-tables textarea {
  width: 572px;
  display: block;
}
.mod-prof-tables input[type="text"],
mod-forms-tables input[type="text"] {
  height: 1.4em;
  width: 572px;
}
.mod-prof-tables input[type="text"].ipt-year,
mod-forms-tables input[type="text"].ipt-year {
  width: 56px;
}
.mod-prof-tables input[type="text"].ipt-month,
mod-forms-tables input[type="text"].ipt-month,
.mod-prof-tables input[type="text"].ipt-day,
mod-forms-tables input[type="text"].ipt-day {
  width: 28px;
}
.mod-prof-tables input[type="text"].ipt-related-kwd,
mod-forms-tables input[type="text"].ipt-related-kwd {
  width: 110px;
}
.mod-prof-tables select,
mod-forms-tables select {
  background-color: #2f2f2f;
  border: 2px solid #2f2f2f;
  text-align: left;
  vertical-align: middle;
}
.mod-prof-tables .att,
mod-forms-tables .att {
  font-size: 0.70em;
}
.mod-prof-tables p.vld-err,
mod-forms-tables p.vld-err {
  color: #ff0000;
  font-size: 0.70em;
}
#pictCv {
  width: 200px;
  height: 200px;
}
.image-box {
  position: relative;
  height: 400px;
  width: 400px;
  border: 1px solid #aaa;
  background: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: move;
}
.image-box .thumb-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  box-sizing: border-box;
  border: 1px solid #666666;
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  background: none repeat scroll 0% 0% transparent;
}
.image-box .spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 400px;
  background: rgba(0, 0, 0, 0.7);
}
/*===================================================================
	#footer setting
===================================================================*/
#footer {
  background-color: #0f0f0f;
  margin: 0;
}
#footer .inner {
  width: 100%;
  margin: 0 auto;
}
#footer .inner {
  text-decoration: none;
}
/*===================================================================
	utils setting
===================================================================*/
.icon-facebook,
.icon-twitter {
  white-space: nowrap;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}
.icon-facebook {
  background: url("../images/hist_sprites.png") -5px -114px no-repeat;
  width: 20px;
  height: 20px;
}
.icon-twitter {
  background: url("../images/hist_sprites.png") -40px -114px no-repeat;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.slide-page ul {
  margin: 0 auto;
  padding: 20px 0;
}
.slide-page ul li {
  display: inline-block;
  padding: 0 6px;
}
.slide-page ul li a {
  display: block;
  background-color: #585858;
  width: 12px;
  height: 12px;
  border-radius: 12px;
}
.slide-page ul li a.on {

}
a.cell-wrapper:link,
a.cell-wrapper:hover,
a.cell-wrapper:active {
  display: block;
  color: #fff;
  text-decoration: none;
}
a.cell-wrapper:visited, .hist-relative a:visited{
  color: #818181;
}
.loading {
  min-height: 800px;
  width: 100%;
  position: absolute;
  top: 0;
  background: url("../images/loading.gif") center center no-repeat;
}
.fancybox-skin {
  background: #333;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.no-search-result,
.err-txt,
.info-txt {
  padding-top: 32px;
  font-size: 1.53em;
  text-align: center;
}
/*===================================================================
  # 20160118 追加分　
===================================================================*/
.sub-member li{
  display: inline-block;
  padding-left: 85px;
}
.sub-member li:first-child{
  margin-right: 30px;
}
p.how-to-use a{
  color:#FFF;
  font-weight: bold;
}
.info-member-list{
  padding-top: 0px;
  text-align: center;
}
.info-member-list li{
  display: inline-block;
  font-size: 1.53em;
  line-height: 1.6;
  text-align: left;
}
.info-member-list li:last-child{
  margin-left: 50px;
}
.fbx-1 .slide.help-page-3 p{
  font-size: 1.2em;
}
/*===================================================================
  # 20160219 追加分　
===================================================================*/
.fbx-1.login{
  text-align: center;
  padding-bottom: 100px;
}
.fbx-1.login h2{
  margin-top: 50px;
}
.fbx-1.login a{
  display: block;
  padding: 20px 10px;
  width: 400px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 1.8em;
  margin: 0px auto;
  text-align: center;
  text-decoration: none;
}
.fbx-1.login .login-nifty{
  background-color: #d65c12;
  margin-top: 45px;
}
.fbx-1.login .login-newreg{
  background-color: #e28f11;
}
.fbx-1.login .login-fb{
  background-color: #284e9c;
}
.fbx-1.login .fbx_login-desc{
  text-align: center;
  margin-bottom: 15px;
  margin-top: 40px;
}
.fbx-1.login .fbx_login-desc.fb{
  margin-top:80px;
}
#page-slider{
  margin:10px auto;
  width: 95%
}
.page-slider-box{
  position: relative;
  width: 95%;
  margin:0 auto;
}
.page-slider-box .page-min{
  position: absolute;
  left: 0px;
  bottom: -6px;
}
.page-slider-box .page-max{
  position: absolute;
  right: 0px;
  bottom: -6px;
}
/*===================================================================
  # 20160331 追加分　
===================================================================*/
.facebook-comment-notice{
  color: rgba(255,255,255,0.6);
  text-indent: -1em;
  padding-left: 1em;
  display: block;
}
input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}