@charset "UTF-8";

/*
Theme Name: 婚活パーティーサバイバル術
Auther: motoharu saino
Description: 婚活パーティー歴20年、500戦カップル率75％の男のパーティー成功術
Version: 1.0
*/

body {
  background-color: #fff;
  font-size:62.5%;
  font-family: 'メイリオ','Hiragino Kaku Gothic Pro', sans-serif;
  -webkit-text-size-adjust: 100%;
}
p {
  font-size: 1.4em;
}
li {
  font-size: 1.4em;
}
img {
  max-width: 100%;
  height: auto;
  text-align: center;
}
header,nav, article, aside, section, footer {
  display: block;
}

/*///////////////////////////////////////////////////////////////////*/
/*--RWD--スマホ～共通*/
/*///////////////////////////////////////////////////////////////////*/

/*--------------------ヘッダー--------------------*/

#header {
  position: relative;
  width: 100%;
  height: auto;
  bottom: 0;/*-7px;*/
  margin-top: 0;/*7px;*/
}
#header h1 {
  position: absolute;
  top: 3.5%;
  left: 3.5%;
  padding-right: 70px;
  color: #fff;
  font-size: 2.5vw;
  position: absolute;
}

/*--------------------グローバルメニュー--------------------*/
#g-nav {
  margin-top: -7px;
}
#menu {
  display: none;
  /*padding: 0;
  width: 100%;*/
}
#menu li {
  display: block;
  float: left;
  width: 100%;/*50%*/
  background-color: #000;
}
#menu li a {
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
}
#menu li:first-child a {
  border-top: 1px solid #fff;
  /*border-right: 1px solid #fff;*/
  position: relative;
}
#menu li:nth-child(2) a {
  border-top: 1px solid #fff;
  position: relative;
}
#menu li:nth-child(3) a, #menu li:nth-child(5) a {
  border-top: 1px solid #fff;
  /*border-right: 1px solid #fff;*/
  position: relative;
}
#menu li:nth-child(4) a, #menu li:last-child a {
  border-top: 1px solid #fff;
  position: relative;
}
#menu li a:hover {
  background-color: #eb2839;
}
/*#menu li:first-child a:hover {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #eb2839;
}
#menu li:nth-child(2) a:hover {
  border-top: 1px solid #fff;
  background-color: #eb2839;
}*/

#toggle {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #000;
}
#toggle a {
  display: block;
  position: relative;
  padding-top: 1px;
  /*font-style: italic;*/
  text-align: center;
  text-decoration: none;
  color:#fff;
}
/*.border-white {
  padding: 3px;
  border:1px solid #fff;
  border-radius: 15px;
}*/

/*#toggle:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
}
#toggle a:before, #toggle a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 4px;
  background-color: #000;
}
#toggle a:before {
  margin-top: -6px;
}
#toggle a:after {
  margin-top: 2px;
}*/

/*---コンテナ＝メイン（本文センター＋左サイドバー）＋右サイドバー＋フッターざっくりレイアウト---*/

#container {
  width: 100%;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
#center {
  width: auto;
  margin-bottom: 20px;
}
#left {
  width: auto;
}
#right {
  width: auto;
}
#footer {
  background-color: #000;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
#footer h4 {
  color: #fff;
  padding-top: 15px;
  padding-left: 15px;
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
}
#footer ul {
  color: #fff;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 5px;
  font-size: 0.8em;
}
#footer li {
  display: block;
  text-align: left;
  float: left;
  padding-right: 15px;
  /*font-size: 0.9em;*/
}
#footer li a {
  display: block;
  text-align: left;
  text-decoration: none;
  color: #c6bfbf;
  line-height: 1.5em;
  /*font-size: 0.85em;*/
}
#footer li a:hover {
  color: #eb2839;
}

#footer p {
  color: #fff;
  font-size: 1.3em;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*--------------------本文センター--------------------*/

/*---センターの最上部タイトルバー画像---*/

#title-profile-top {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/profile-top.jpg) right top no-repeat;
}
#title-knowledge-top {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/knowledge-top.jpg) right top no-repeat;
}
#title-prepare-top {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/prepare-top.jpg) right top no-repeat;
}
#title-action-top {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/action-top.jpg) right top no-repeat;
}
#title-attack-top {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/attack-top.jpg) right top no-repeat;
}
#title-route-top {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/route-top.jpg) right top no-repeat;
}
#title-profile-top, #title-knowledge-top, #title-prepare-top, #title-action-top, #title-attack-top, #title-route-top {
  width: auto;
  height: 100px;
  border-bottom: 1px solid #e2dcdc;
  margin-bottom: 2px;
}

/*---センターの最上部パンくず---*/

.bread ol li {
  color: #333;
  display: inline;
  font-size: 1.08em;
  font-weight: bold;
  list-style-type: none;
}
.bread ol li:after {
  content: " > ";
}
.bread ol {
  padding-top: 10px;
  padding-left: 5px;
  padding-bottom: 10px;
}
.bread ol li a{
  color: #0225a1;
  text-decoration: none;
}
.bread ol li a:hover {
  color: #de3737;
}

/*---センターの最上部タイトル文字---*/

#center h2 {
  padding: 0 80px 10px 16px;
  color: #bb0000;
  font-size: 1.52em;
  font-weight: bold;
  line-height: 1.15em;
}

/*---センターの最下部、前の記事・次の記事の画像---*/

#title-profile-bottom {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/profile-bottom.jpg) left top no-repeat;
}
#title-knowledge-bottom {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/knowledge-bottom.jpg) left top no-repeat;
}
#title-prepare-bottom {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/prepare-bottom.jpg) left top no-repeat;
}
#title-action-bottom {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/action-bottom.jpg) left top no-repeat;
}
#title-attack-bottom {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/attack-bottom.jpg) left top no-repeat;
}
#title-route-bottom {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/route-bottom.jpg) left top no-repeat;
}
#title-profile-bottom, #title-knowledge-bottom, #title-prepare-bottom, #title-action-bottom, #title-attack-bottom, #title-route-bottom {
  width: auto;
  height: 100px;
  border-top: 1px solid #e2dcdc;
}

/*---センターの最下部、前の記事・次の記事の文字---*/

.prev-next {
  width: 100%;
}
.hidden {
  float: left;
  width: 28%;
}
.prev {
  float: left;
  width: 36%;
  text-align: left;
}
.next {
  float: left;
  width: 36%;
  text-align: left;
}
#center .prev p {
  font-size: 1.2em;
  line-height: 1.3em;
  padding: 7px 7px 0 0;
}
#center .next p {
  font-size: 1.2em;
  line-height: 1.3em;
  padding: 7px 3px 0 0;
}

/*---センターの記事のタイトル、文字、画像等---*/

#center p {
  /*padding: 0 10px 0 10px;*/
  margin: 0;
  color: #333;
  font-size: 1.25em;
  line-height: 1.6em;
}
#center p.out {
  padding-bottom: 25px;
  margin: 0;
  color: #333;
  font-size: 1.25em;
  line-height: 1.6em;
}
#center p.date {
  text-align: right;
}
#center a {
  color: #0225a1;
  text-decoration: none;
}
#center a:hover {
  color: #de3737;
}
#center h3 {
  margin-bottom: 25px;
  color: #333;
  font-size: 1.36em;
  padding: .5em .75em;
  border: 3px double #c6bfbf;
}
#center h4 {
  color: #333;
  font-size: 1.36em;
  font-weight: bold;
  padding-bottom: 25px;
}
#center h5 {
  color: #333;
  font-size: 1.36em;
  font-weight: bold;
  padding-bottom: 14px;
}
#center ul li {
  color: #333;
  font-size: 1.25em;
  line-height: 1.6em;
}
#center ol li {
  color: #333;
  font-size: 1.25em;
  line-height: 1.6em;
}
ol.num-menu li, ul.num-menu li {
  padding: 0 10px 0 10px;
  margin: 0;
  color: #333;
  /*font-size: 1.4em;*/
  line-height: 1.8em;
}
.out {
  padding-bottom: 25px;
}
.box-out
 {
  padding-bottom: 14px;
}
strong {
  font-weight: bold;
}
.red {
  color: #F00;
}
.mid {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  vertical-align: middle;
  /*padding-left: 20px;
  padding-right: 20px;*/
}
.pict {
  padding: 0px;
  border: 1px solid #c6bfbf;
}
.box-solid {
  padding: 14px 14px 14px 14px;
  border: 1px solid #c6bfbf;
}
.box-dot {
  padding: 14px 14px 14px 14px;
  border: 2px dotted #c6bfbf;
}
.box-font ul li {
  /*font-size: 0.8em;*/
}
.w-space {
  padding: 0 10px 0 10px;
}
.br:before {
  white-space: nowrap;
}


/*---テーブルのレイアウト01(テーブル幅100％、セル幅均等)---*/
.row01-top {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  border-top: 1px solid #c6bfbf;
  border-bottom: 1px solid #c6bfbf;
}
.row01 {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  border-bottom: 1px solid #c6bfbf;
}
.cell01-1st {
  display: table-cell;
  box-sizing: border-box;
  border-left: 1px solid #c6bfbf;
  border-right: 1px solid #c6bfbf;
}
.cell01 {
  display: table-cell;
  box-sizing: border-box;
  border-right: 1px solid #c6bfbf;
}

/*---テーブルのレイアウト02(テーブル幅80％、セル幅均等、左側画像、右側コメント)---*/
.row02-top {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 80%;
  table-layout: fixed;
  box-sizing: border-box;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.row02 {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 80%;
  table-layout: fixed;
  box-sizing: border-box;
  border-bottom: 1px solid #000;
}
.cell02-title {
  display: table-cell;
  box-sizing: border-box;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  text-align: center;
  vertical-align: middle;
}
.cell02-1st {
  display: table-cell;
  box-sizing: border-box;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  text-align: center;
  vertical-align: middle;
}
.cell02 {
  display: table-cell;
  box-sizing: border-box;
  border-right: 1px solid #000;/*#c6bfbf*/
  padding: 8px;
  vertical-align: middle;
}
.cell-noborder {
  display: table-cell;
  box-sizing: border-box;
  border-left: none;
  border-right: none;
  text-align: center;
  vertical-align: middle;
}
/*---テーブルのレイアウト03(テーブル幅100％、セル幅均等、上段コメント、下段画像)---*/
.row03-top {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 98%;
  table-layout: fixed;
  box-sizing: border-box;
  border-top: 1px solid #c6bfbf;
  border-bottom: 1px solid #c6bfbf;
}
.row03 {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 98%;
  table-layout: fixed;
  box-sizing: border-box;
  border-bottom: 1px solid #c6bfbf;
}
.cell03-1st {
  display: table-cell;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cell03-2nd {
  display: table-cell;
  box-sizing: border-box;
  border-left: 1px solid #c6bfbf;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cell03-3rd {
  display: table-cell;
  box-sizing: border-box;
  border-left: 1px solid #c6bfbf;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*---テーブルのレイアウト04(テーブル幅80％、セル幅均等、左側画像、右側コメント)---*/
.row04-top {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
.row04 {
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
.cell04-1st {
  display: table-cell;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}
.cell04 {
  display: table-cell;
  box-sizing: border-box;
  padding-top: 3px;
  padding-left: 8px;
  vertical-align: top;
}

dl {
  font-size: 1.25em;
  line-height: 1.6em;
}
dt {
  font-weight: bold;
}
dd {
  padding-left: 46px;
  padding-bottom: 0px;
}

/*.cell-chart {
  display: table-cell;
  box-sizing: border-box;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}*/

/*.row-chart {
    display: table;
    width: 100%;
    table-layout: fixed;
box-sizing: border-box;
border-bottom: 1px solid #c6bfbf;
　border-collapse:separate;
　border-spacing: 5px;
}
.cell-chart {
    display: table-cell;
    width: 20%;
box-sizing: border-box;
border-right: 1px solid #c6bfbf;
}*/


/*---センターの罫線（トップページには入れない）---*/
#border {
  border: 1px solid #c6bfbf;/*#c6bfbf#ff0000*/
}

/*---トップページのセンターのみ使用のカテゴリ別画像---*/

#toppage-title-profile {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/profile-top.jpg) right top no-repeat;
}
#toppage-title-knowledge {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/knowledge-top.jpg) right top no-repeat;
}
#toppage-title-prepare {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/prepare-top.jpg) right top no-repeat;
}
#toppage-title-action {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/action-top.jpg) right top no-repeat;
}
#toppage-title-attack {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/attack-top.jpg) right top no-repeat;
}
#toppage-title-route {
  background: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/route-top.jpg) right top no-repeat;
}
#toppage-title-profile, #toppage-title-knowledge, #toppage-title-prepare, #toppage-title-action, #toppage-title-attack, #toppage-title-route {
  width: auto;
  height: 100px;
  margin-bottom: 10px;
}

/*---トップページのセンターのレイアウト---*/

#top-center {
  width: 100%;
}

/*---トップページのセンターのタイトル---*/

#top-center h2 {
  padding-top: 35px;
  padding-left: 30px;
  color: #bb0000;
  line-height: 1.05em;
  font-size: 1.6em;
  font-weight: bold;
}

/*---トップページおよびカテゴリトップのセンターのカテゴリ別記事一覧---*/

.toppage-left nav, .toppage-right nav {
  margin-bottom: 10px;
} 
.title-list ul li {
  margin: 0 5px 3px 21px;
  line-height: 1.2em;
  list-style-image: url(http://konkatsu-party.tokyo/wp-content/uploads/images/top/disc.jpg);
  list-style-type: none;
  text-align: left;
  color: #333;
  font-size: 1.3em;
}
.title-list ul li a {
  color: #333;
  text-decoration: none;
}
.title-list ul li a:hover {
  color: #de3737;
}
.title-margin {
  margin-bottom: 25px;
}

#center .title-list ul li a {
  color: #333;
  text-decoration: none;
}

/*---------左右サイドバー（スマホ・タブレットのときは本文センターの下）---------*/

/*---スマホ・タブレットはrelation-list表示、relation-list-left非表示---*/

/*.relation-list {
  display: block;
  margin-top: 20px;
}
.relation-list-left {
  display: none;
}*/

/*---左サイドバータイトル・黒地に白抜き文字---*/

.profile h4, .relation-list-left h4, .category-list h4, .relation-list h4 {
  padding: 10px;
  background-color: #000;
  color: #fff;
  line-height: 1.5em;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
}

/*---右サイドバータイトル---*/

.party-list-top h4, .party-list-bottom h4 {
  padding: 10px 10px 10px 17px;
  border:1px solid #c6bfbf;
  text-align: center;
  line-height: 1.5em;
  font-size: 1.25em;
  font-weight: bold;
}
.party-list-top h4 {
  color: #de3737;
}
.party-list-bottom h4 {
  color: #333;
}

/*---左右サイドバー各ブロックリスト全体---*/

.profile ul, .relation-list ul, .category-list ul, .party-list-top ul, .party-list-bottom ul, .relation-list-left ul {
  margin: 5px;
  padding: 10px 5px 5px 10px;
  font-size: 0.9em;
}

/*---左右サイドバー各ブロック行---*/
.profile ul li, .relation-list ul li, .category-list ul li, .party-list-top ul li, .party-list-bottom ul li, .relation-list-left ul li {
  position: relative;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e6e6e6;

}
/*---左右サイドバー各ブロックテキスト*/
.profile ul li a, #center .relation-list ul li a, .category-list ul li a, .party-list-top ul li a, .party-list-bottom ul li a, .relation-list-left ul li a {
  color: #333;
  line-height: 1.3em;
  text-decoration: none;
}
/*　左サイドバー　右サイドバー　各ブロックホバー*/
.profile a:hover, #center .relation-list ul li a:hover, .category-list a:hover, .party-list-top a:hover, .party-list-bottom a:hover, .relation-list-left a:hover {
  color: #de3737;
}
#center .title-margin li a:hover {
  color: #de3737;
}

/*///////////////////////////////////////////////////////////////////*/
/*--RWD--タブレット特化*/
/*///////////////////////////////////////////////////////////////////*/

@media (min-width: 481px) {

#header {
  position: relative;
  width: 100%;
  height: auto;
  bottom: 0px;/*-4.5px;*/
  margin-top: 0;/*4.5px;*/
}

/*----------------グローバルメニュー----------------*/
#g-nav {
  margin-top: -4.5px;
}


 #toggle {
  display: none;
}
/*.lining {
  background-color: #fff;
}*/
#menu {
  display: block;
  width: 100%;
}
#menu li {
  display: block;
  width: 33.33%;
  /*width: 33.33%;
  width: -webkit-calc(100%/3);
  width: calc(100%/3);*/
  border-bottom: 1px solid #fff;
}
#menu li a {
  display: block;
  padding: 10px 0;
  font-size: 1.1em;
}
#menu li:first-child a {
  border-top: none;
  border-right: 1px solid #fff;
  position: relative;
}
#menu li:nth-child(2) a {
  border-top: none;
  border-right: 1px solid #fff;
  position: relative;
}
#menu li:nth-child(3) a {
  border-top: none;
  border-right: none;
  position: relative;
}
#menu li:nth-child(4) a {
  border-right: 1px solid #fff;
  border-top: none;
  position: relative;
}
#menu li:nth-child(5) a {
  border-top: none;
  border-right: 1px solid #fff;
  position: relative;
}
#menu li:last-child a {
  border-top: none;
  border-bottom: none;
  position: relative;
}
#menu li:first-child a:hover {
  /*border-top: none;*/
  border-right: 1px solid #fff;
  background-color: #eb2839;
  position: relative;
}
#menu li:nth-child(2) a:hover {
  /*border-top: none;*/
  border-right: 1px solid #fff;
  background-color: #eb2839;
  position: relative;
}
#menu li:nth-child(4) a:hover {
  /*border-top: none;*/
  border-right: 1px solid #fff;
  background-color: #eb2839;
  position: relative;
}
#menu li:nth-child(5) a:hover {
  /*border-top: none;*/
  border-right: 1px solid #fff;
  background-color: #eb2839;
  position: relative;
}


/*---センターの最上部タイトルバー画像、サイズ変更---*/

#title-profile-top, #title-knowledge-top, #title-prepare-top, #title-action-top, #title-attack-top, #title-route-top {
  margin-bottom: 2px;
}

/*---センターの最上部パンくず変更---*/

.bread ol li {
  /*font-size: 1.3em;*/
}
.bread ol {
  padding-top: 5px;
  padding-left: 10px;
}

/*---センターの最上部タイトル文字サイズ変更---*/

#center h2 {
  padding: 0 80px 10px 16px;
  font-size: 1.72em;
	}

/*---センターの最下部、前の記事・次の記事の文字の幅変更---*/

.hidden {
  width: 20%;
}
.prev {
  width: 40%;
}
.next {
  width: 40%;
}
#center .prev p {
  font-size: 1.28em;
  padding: 10px 15px 0 0;
}
#center .next p {
  font-size: 1.28em;
  padding: 10px 10px 0 0;
}

/*---センターの記事の文字サイズ変更---*/

#center p {
  /*padding: 0 17px 0 17px;*/
  font-size: 1.4em;
  line-height: 1.7em;
}
#center p.out {
  padding-bottom: 30px;
  font-size: 1.4em;
  line-height: 1.7em;
}
#center ul li {
  font-size: 1.4em;
  line-height: 1.7em;
}
#center ol li {
  font-size: 1.4em;
  line-height: 1.7em;
}
#center h3 {
  margin-bottom: 30px;
  font-size: 1.45em;
  padding: .5em .75em;
}
#center h4 {
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 30px;
}
#center h5 {
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 14px;
}
dl {
  font-size: 1.4em;
  line-height: 1.7em;
}
.out {
  padding-bottom: 30px;
}
.w-space {
  padding: 0 16px 0 16px;
}

/*---トップページのセンターのみ使用のカテゴリ別画像の幅1列→2列に変更---*/

.top-left{
  float: left;
  width: 49.5%;
}
.top-right{
  width: 49.5%;
  float: right;
}

/*---トップページのセンターのタイトル文字サイズ変更---*/

#top-center h2 {
  font-size: 1.72em;
  padding-top: 30px;
}

/*---トップページおよびカテゴリトップのセンターのカテゴリ別記事一覧---*/

.title-list ul li {
  /*font-size: 1.44em;*/
}
.title-margin {
  margin-left: 10px;
  margin-bottom: 30px;
}

}

/*///////////////////////////////////////////////////////////////////*/
/*--RWD--PC特化*/
/*///////////////////////////////////////////////////////////////////*/

@media (min-width: 768px) {

/*------------------ヘッダー変更------------------*/

#header {
  bottom: 0px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 1032px;
  min-height: 300px;
  height: 300px;
}
#header h1 {
  margin: 0;
  top: 10px;
  left: 32px;
  font-size: 2.7em;
  font-weight: bold;
}

/*-------------グローバルメニュー変更-------------*/

#g-nav {
  margin-top: 0;
}
#menu {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 1032px;
}
#menu li {
  padding: 0;
  float: left;
  width: 172px;
}
#menu li a {
  padding: 10px 0;
  border-right: 1px solid #fff;
}
#menu li:first-child a, #menu li:nth-child(2) a, #menu li:nth-child(3) a, #menu li:nth-child(4) a, #menu li:nth-child(5) a, #menu li:last-child a {
  border-top: 1px solid #fff;
  border-bottom: none;
}
#menu li:nth-child(3) a {
  border-right: 1px solid #fff;
}
#menu li:last-child a {
  border-right: none;
}
/*#menu li a:hover {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position:relative;
}*/

/*-----------------コンテナ変更------------------*/

#container {
  width: 1032px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

/*-----メイン（センター＋左サイドバー）、右サイドバー-----*/
#main {
  float: left;
  margin-top: 20px;
  width: 828px;
}
#center {
  float: right;
  margin-left: 16px;
  margin-bottom: 30px;
  width: 624px;
}

#left {
  float: right;
  width: 188px;
}
#right {
  float: left;
  margin-left: 16px;
  margin-top: 20px;
  width: 188px;
}

/*--------------------本文センター--------------------*/

/*---センターの最上部タイトルバー画像、サイズ変更---*/

#title-profile-top, #title-knowledge-top, #title-prepare-top, #title-action-top, #title-attack-top, #title-route-top {
  width: 622px;
}

/*---センターの最下部、前の記事・次の記事の画像、サイズ変更---*/

#title-profile-bottom, #title-knowledge-bottom, #title-prepare-bottom, #title-action-bottom, #title-attack-bottom, #title-route-bottom {
  width: 622px;
}

/*---センターの最下部、前の記事・次の記事の文字変更---*/

.prev-next {
  width: 688px;
}
.hidden {
  width:92px;
}
.prev {
  width:250px;
}
.next {
  width:250px;
}
#center .prev p, #center .prev-title p {
  font-size: 1.28em;
  padding: 10px 15px 0 10px;
}
#center .next p, #center .next-title p {
  font-size: 1.28em;
  padding: 10px 10px 0 0;
}

/*---------左右サイドバー（スマホ・タブレットのときは本文センターの下）---------*/

/*-----PCはrelation-list非表示、relation-list-left表示-----*/

.relation-list {
  display: none;
}
.relation-list-left {
  display: block;
}

/*---左サイドバー、右サイドバー各ブロック全体---*/

.profile, .relation-list-left, .category-list, .party-list-top, .party-list-bottom {
  background-color: #fff;
  margin-bottom: 15px;
}

/*---左サイドバー、右サイドバー各ブロックタイトル変更---*/

.profile h4, .relation-list-left h4, .category-list h4 {
  padding: 10px;
  background-color: #fff;
  text-align: center;
  line-height: 1.5em;
  border: 1px solid #c6bfbf;
  color: #333;
  font-size: 1.28em;
  font-weight: bold;
}

/*----------------改行・他----------------*/

.br:before {
  content: "\A" ;
  white-space: pre;
}

/*---右サイドバータイトル変更---*/

.party-list-top h4, .party-list-bottom h4 {
  padding: 10px 16px 10px 16px;
  font-size: 1.28em;
  text-align: left;
}

/*---フッター変更---*/
#footer {
  clear: both;
  width: 1032px;
  /*padding-top: 10px;*/
}
#footer h4 {
  color: #fff;
  padding-top: 15px;
  padding-left: 45px;
  text-align: left;
  font-size: 1.1em;
  font-weight: bold;
}
#footer ul {
  color: #fff;
  padding-top: 5px;
  padding-left: 45px;
  padding-right: 25px;
  font-size: 0.8em;
}
#footer li {
  display: block;
  text-align: left;
  float: left;
  padding-right: 20px;
  /*font-size: 0.9em;*/
}
#footer li a {
  display: block;
  text-align: left;
  text-decoration: none;
  color: #c6bfbf;
  /*font-size: 0.85em;*/
}
#footer li a:hover {
  color: #eb2839;
}

#footer p {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*---トップページのセンターのみ使用のカテゴリ別画像、サイズ変更---*/

#toppage-title-profile, #toppage-title-knowledge, #toppage-title-prepare, #toppage-title-action, #toppage-title-attack, #toppage-title-route {
  width: 307px;
}

/*---トップページのセンターのレイアウト（左段3ブロック＋右段3ブロック）---*/

#top-center {
  width: 624px;
  float: right;
  margin-left: 16px;
}
.top-left {
  margin-right: 10px;
  float: left;
  width: 307px;
}
.top-right {
  float: left;
  width: 307px;
}
.toppage-left{
  width: 307px;
}
.toppage-right{
  width: 307px;
}

}