@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  font-weight: normal;
  text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
a img {
  border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font: 12px/1.5 "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #333;
  -webkit-text-size-adjust: none;
  background-color: #fbfedc;
  background-image:url(images/back.png);
}
/* リンク設定
------------------------------------------------------------*/

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
  color: #313131;
}
a:hover, a:active {
  outline: none;
  color: #f96da0;
}

#header h2 a {
	color: #f96da0;
}

/**** Clearfix ****/

nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after, .post:after, ul.post li:after, nav#mainNav .inner:after {
  content: "";
  display: table;
  clear: both;
}
nav .panel, nav#mainNav, .newsTitle, .bg, .post, ul.post li, nav#mainNav .inner {
  zoom: 1;
}
/*SNS
------------------------------------------------------------*/
/* フォーム
------------------------------------------------------------*/

input[type="text"], textarea {
  vertical-align: middle;
  max-width: 90%;
  line-height: 30px;
  height: 30px;
  padding: 1px 5px;
  border: 1px solid #d4d4d7;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 100%;
  color: #555;
  background: #fcfcfc;
}
textarea {
  height: auto;
  line-height: 1.5;
}
input[type="submit"], input[type="reset"], input[type="button"] {
  padding: 3px 10px;
  background: #878787;
  background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #878787), color-stop(100%, #6f6f6f));
  background: -webkit-linear-gradient(top, #878787 0%, #6f6f6f 100%);
  background: -o-linear-gradient(top, #878787 0%, #6f6f6f 100%);
  background: linear-gradient(to bottom, #878787 0%, #6f6f6f 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f', GradientType=0);
  border: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  line-height: 1.5;
  font-size: 120%;
  color: #fff;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  background: #878787;
  background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6f6f6f), color-stop(100%, #878787));
  background: -webkit-linear-gradient(top, #6f6f6f 0%, #878787 100%);
  background: -o-linear-gradient(top, #6f6f6f 0%, #878787 100%);
  background: linear-gradient(to bottom, #6f6f6f 0%, #878787 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787', GradientType=0);
  cursor: pointer;
}
*:first-child+html input[type="submit"] {
  padding: 3px;
}
/* レイアウト
------------------------------------------------------------*/

#header {
  margin-top: 0;
  background-color: ;
  background-image:url(images/head_back.png);
  background-position: top;
  background-repeat: repeat-x;
  background-size: contain;
}

#wrapper, .inner {
  margin: 0 auto;
  width: 950px;
  margin-top: 40px;
}

#content {
  float: right;
  width: 700px;
  padding: 22px 0 50px;
}

#index_contents {
	text-align: center;
	width: 700px;
}

#sidebar {
  float: left;
  width: 233px;
  padding: 52px 0 50px;
}

#footer {
  clear: both;
  width: 100%;
}

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

#header > .inner {
  margin-top: 0;
  padding: 20px 0;
  display: table;
}

#header > .inner > h1 {
  display: table-cell;
  min-width: 314px;
  /*あとで変更するかもロゴ画像横はば*/
}
#header > .inner > nav {
  display: table-cell;
}
#header > .inner > h1 img {
  top: 5px;
  /*position: absolute;*/
  position: relative;
  z-index: 99;
}

#header h2 {
	display: none;
}

/* サイト説明文
----------------------------------*/
/* コンタクト
----------------------------------*/

.contact {
  float: right;
  padding: 10px 0 0;
  text-align: right;
  color: #000;
  font-size: 90%;
}
.contact .tel {
  margin-bottom: -3px;
  font-size: 180%;
  font-family: Arial, Helvetica, sans-serif;
}
/* トップページ　メイン画像
----------------------------------*/

#mainImg {
  clear: both;
  line-height: 0;
  text-align: center;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.7);
  /*background: #fff url(images/mainImgBg.png) repeat-x 0 100%;*/
}

.post {
  margin: 0 0 20px 0;
  padding: 20px 10px 20px 10px;
}

.toppage h4 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}
.toppage {
  padding: 10px 10px 20px 20px;
}
/* パンくずリスト
*****************************************************/

p#bread_crumbs {
  font-size: 0.8em;
}

h2.bread {
  clear: both;
  margin: 0;
  font-size: 100%;
  color: #000;
  border-bottom: 0;
  text-align: left;
}

/* 記事ループ
*****************************************************/

.list {
  padding: 10px 0;
  border-bottom: 1px dashed #dcdcdc;
}
.list:last-child {
  border: 0;
}
.post .list p {
  padding: 0;
}
.list span {
  padding-left: 10px;
}
/* タイポグラフィ
*****************************************************/

h2.title {
  /*background-image: url("./images/banners/titlelineb.png");*/
  clear: both;
  margin: 0;
  /*padding: 7px 10px 7px 10px;*/
  font-size: 100%;
  color: #000;
  border-bottom: 0;
  text-align: center;
}
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

.dateLabel {
  text-align: right;
  font-weight: bold;
  color: #858585;
}
.post p {
  padding-bottom: 15px;
}
.post ul {
  margin: 0 0 10px 10px;
}
.post ul li {
  margin-bottom: 5px;
  padding-left: 10px;
  /*background: url(images/bullet.png) no-repeat 0 8px;*/
}
.post ol {
  margin: 0 0 10px 30px;
}
.post ol li {
  list-style: decimal;
}
.post h1 {
  margin: 20px 0;
  padding: 5px 0;
  font-size: 150%;
  color: #000;
  border-bottom: 3px solid #000;
}
.post h2 {
  margin: 10px 0;
  padding-bottom: 2px;
  font-size: 130%;
  font-weight: normal;
  color: #333;
  border-bottom: 2px solid #515151;
}
.post h3 {
  margin: 10px 0;
  font-size: 100%;
  font-weight: normal;
  color: #2e2c2c;
  border-bottom: 1px solid #515151;
}
.post blockquote {
  clear: both;
  padding: 10px 0 10px 15px;
  margin: 10px 0 25px 30px;
  border-left: 5px solid #ccc;
}
.post blockquote p {
  padding: 5px 0;
}
.post table {
  border: 1px #ccc solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0 20px;
}
.post table th {
  padding: 10px;
  border: #ccc solid;
  border-width: 0 0 1px 1px;
  background: #efede7;
}
.post table td {
  padding: 10px;
  border: 1px #ccc solid;
  border-width: 0 0 1px 1px;
  background: #fff;
}
.post dt {
  font-weight: bold;
}
.post dd {
  padding-bottom: 10px;
}
.post img {
  max-width: 100%;
  height: auto;
}
.reviewstar {
  color: orange;
  vertical-align: top;
}

img.aligncenter {
  display: block;
  margin: 5px auto;
}
img.alignright, img.alignleft {
  margin: 10px 10px 15px 15px;
  display: inline;
}
img.alignleft {
  margin: 0px 15px 15px 10px;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
#gallery-1 img {
  border: 1px solid #eaeaea !important;
  padding: 5px;
  background: #fff;
}
#gallery-1 img:hover {
  background: #fffaef;
}
.align_center {
  text-align: center;
}
/* メイン記事　スタイル
*****************************************************/

div#content > section > * {
  background-color: #fff;
}
div#content > section > h2 {
  background-color: transparent;
  font-size: 100%;
}
div#content ul.post {
  margin-bottom: 0px;
  padding-bottom: 20px;
}
div#content ul.post > li > a > * {
  float: none;
}
div#content ul.post > li > a {
  display: table;
}
div#content ul.post > li > a > header {
  display: table-cell;
  vertical-align: middle;
  width: 100px;
}
div#content ul.post > li > a * {
  margin: 0;
  padding: 0;
}
div#content ul.post > li > a > header > h3 > img {
  margin-left: 10px;
}
div#content ul.post > li > a * {
  float: none;
}
div#content ul.post > li > a > p {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 10px 10px 30px;
}
div#content ul.post > li > a > p > strong {
  font-size: 0.9rem;
}
div#content > section > div:last-child {
  background-image: URL(images/titleline_under.png);
  background-repeat: repeat-x;
  height: 10px;
}

/*indexページ　タイトル一覧
********************************************************/
.post_index{
	margin: 0 auto;
    padding: 10px 5px 5px 10px;
	display: table;
	text-align: center;
}

.index_title {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

/*タイトル一覧_ピンク*/
.index_title_p {
	width: 100%;
	border-collapse: collapse;
	border: none;
	background-color: #fdd9d9;
	margin: 0;
}

.index_title_p th {
	width: 50%;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0 0 0;
}


.index_title_p td {
	width: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 0 15px;
}

/*タイトル一覧_白*/
.index_title_w {
	width: 100%;
	border-collapse: collapse;
	border: none;
	background-color: #FFF;
	margin: 0;
}

.index_title_w th {
	width: 50%;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0 0 0;
}


.index_title_w td {
	width: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 0 15px;
}


.post_index h3{
    margin: 0;
    font-size: 100%;
    font-weight: normal;
    /*color: #2e2c2c;*/
	border-bottom: 1px dashed #515151;
}

section.post_index span.to_store {
  text-align: center;
  display: table-row;
  padding: 0;
}

section.index_title span.to_store img {
	width:15%;
	padding: 0;
}

section.index_title span.title {
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	display: block;
	color:#F3C;
}

section.index_title span.category {
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	display: block;
	color:#F3C;
}

section.index_title span.to_category {
  text-align: center;
  display: block;
  padding: 0;
}

section.index_title span.to_category img {
	width: 90px;
    padding: 0 15px;
}

section.index_title span.karepet {
  text-align: center;
  display: block;
  padding: 0;
}

section.index_title span.karepet img {
	width: 400px;
    padding: 0 15px;
}

section.index_title span.category:before{
	content:" ";
	background: url(images/icon_menu.png);
	background-size: contain;
	vertical-align: top;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
  }




/*ゲーム詳細ページのコンテント
*************************************************************/
.game_post {
  margin: 0 0 20px 0;
  padding: 20px 10px 20px 10px;
  /*background-color: #ffe0e4;*/
}

.game_post img {
  max-width: 100%;
  height: auto;
}

.game_content {
  display: table;
  margin-top: 18px;
  margin: 0 auto;
}

.game_title	{
	width: 100%;
	border-collapse: collapse;
	border: none;
}

section.game_detail > * {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}

section.game_detail p.game_text {
	text-align: left;
	padding: 0 0 0 10px;
}

section.game_detail span.to_store {
  text-align: center;
  display: block;
  padding: 0;
}

.game_post h3{
    margin: 0;
    font-size: 100%;
    font-weight: normal;
    /*color: #2e2c2c;*/
	border-bottom: 1px dashed #515151;
}

.text_align_right {
  text-align: right;
}
.margin_right20px {
  margin-right: 20px;
}
.padding_right20px {
  padding-right: 20px;
}

.padding_right-20px {
  padding-right: -20px;
}

.padding_bottom10px {
  padding-bottom: 10px;
}
.padding_bottom20px {
  padding-bottom: 20px;
}
.padding_bottom30px {
  padding-bottom: 30px;
}

.youtube {
	text-align: center;
	padding: 0 0 10px 0;
}

.youtube span.title{
	font-size: 20px;
	font-weight: bold;
	vertical-align: text-bottom;
	text-align: center;
	display: block;
	color:#F3C;
	padding-top: 20px;
}

.thumbs {
	display: table;
	text-align: center;
	width: 720px;
	margin: 0 auto;
}

.largeImage{
    border: none;
    position: relative;
    text-align: center;
    width: 100%;
}

.thumbs img{
    border: none;
    position: relative;
    width: 120px;
    padding: 5px 4px;
}

.chara {
	position: relative;
	padding: 0;
	text-align: center;
}

/*契約王子キャラ紹介用
*************************************************/
.ouji_thumbs {
	display: table;
	text-align: center;
	width: 720px;
	margin: 0 auto;
}

.ouji_thumbs img {
    border: none;
    position: relative;
    width: 240px;
    padding: 0 4px;
}

section.game_detail span.title {
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	display: block;
	color:#F3C;
}

section.game_detail span.bl_title {
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	display: block;
	color:#404A84;
}

/*シェアボタン
************************************************/

ul.sns-content-btm {
    list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

ul.sns-content-btm li {
	float: left;
	/*display: block;*/
	width: 68px;
	text-align: center;
	padding: 0 auto;
}

/*iphoneのみ*/
.iphone ul.sns-content-btm li.line{
	margin-top: 5px;
}


/*タイトル一覧ページ
***********************************************/
ul.title {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

ul.title li {
	width: 320px;
	display: inline-block;
}

ul.title dl {
	font-size: 12px;
	margin: 0 auto;
}

ul.title dt {
	margin: 0 auto;
	text-align: center;
}

ul.title dt img {
	border: none;
	text-align: center;
}

ul.title dd {
	margin: 0 auto;
	height: 5em;
	float: left;
	font-size:12px;
	padding: 5px 0 0 5px;
}
/*遊び方用
****************************************************/
ul.play {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	text-align: center;
}

ul.play li {
	display: inline-block;
}

/*お知らせページ用
***************************************************/
.news ul {
	margin: 0 auto;
	list-style-type: none;
	width: 95%;
}

.news ul li {
	float: left;
	width: 100%;
	/*border-bottom: dotted 2px #CCC;*/
}

.news ul li dl {
	font-size: 12px;
	margin: 0 auto;
}

.news ul li dl dt {
	margin: 0 auto;
}

.news ul li dl dd {
	height: 3em;
	float: left;
	font-size:12px;
	padding: 3px 0 0 5px;
}


/*サイトマップ用
*****************************************************/
.sitemap{
	margin: 0 auto;
	width: 100%;
}

.sitemap_table{
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.sitemap_table th {
	width: 100%;
	text-align: left;
	vertical-align: middle;
	background-color: #fdd9d9;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
}

.sitemap_table td {
	width: 50%;
	text-align: left;
	vertical-align: middle;
	padding: 5px 15px;
}

.sitemap_table dd{
	width: 30%;
	text-align: left;
	vertical-align: middle;
	margin: 2px 0;
	padding: 2px 5px;
	background-color: #FFFDD5;
}

.sitemap_table dt{
	width: 100%;
	text-align: left;
	vertical-align: middle;
	margin: 5px 0;
	padding: 2px 10px 0 0;
	border-bottom: dashed thin #CCC;
}

.sitemap_table dt:before{
	content: "●";
}

/* サイドバー　ウィジェット
*****************************************************/

section.widget ul, .widget_search, #calendar_wrap, .textwidget {
  margin: 0 0 20px 0;
  padding: 10px 10px 10px 17px;
  background: #fff;
}
section.widget ul ul {
  border: 0;
  margin: 0;
  padding: 0 0 0 10px;
}
p.banner {
  padding-bottom: 15px;
}
p.banner img {
  max-width: 233px;
  height: auto;
}
p.banner img:hover {
  cursor: pointer;
  opacity: .8;
}
section.widget h3 {
  clear: both;
  margin: 0;
  padding: 7px 10px 7px 10px;
  font-size: 110%;
  border-bottom: 0;
  color: #000;
  background: #fff;
}
section.widget li a {
  display: block;
  padding: 7px 0 7px 12px;
  background: url(images/arrow.gif) no-repeat 0 12px;
  border-bottom: 1px dashed #dcdcdc;
}
section.widget li:last-child a {
  border: 0;
}
#searchform input[type="text"] {
  line-height: 1.7;
  height: 24px;
  width: 90px;
  vertical-align: bottom;
}

section.widgetInfo {
  background-color: #fff;
}

section.widgetTwitter {
  padding: 10px 0;
  text-align: center;
}

.sp_facebook {
	  display: none;
}

/* フッター
*****************************************************/

#footer {
  background-color: #c8fdea;
}
#footer ul {
  padding: 15px 0;
  text-align: center;
}
#footer li {
  display: inline-block;
  padding: 5px 16px;
  border-left: 1px dotted #d5d5d5;
}
*:first-child+html #footer li {
  display: inline;
}
#footer li:first-child {
  border: 0;
}
#footer li a {
  text-decoration: none;
  color: #000;
}
#footer li a:hover {
  color: #999;
}
#footer ul ul {
  display: none;
}
#copyright {
  clear: both;
  padding: 10px 0 17px;
  text-align: center;
  color: #000;
  font-size: 10px;
}
/* page navigation
------------------------------------------------------------*/

.pagenav {
  clear: both;
  width: 100%;
  height: 30px;
  margin: 5px 0 20px;
}
.prev {
  float: left;
}
.next {
  float: right;
}
#pageLinks {
  clear: both;
  color: #4f4d4d;
  text-align: center;
}
/* トップページ 最新記事4件
------------------------------------------------------------*/

ul.post {
  padding: 0;
}
ul.post li {
  padding: 20px 10px 15px;
  border-bottom: 1px dashed #bfbfbf;
}
ul.post li:last-child {
  border: 0;
}
ul.post img {
  float: left;
  margin: 0 15px 5px 10px;
}
ul.post h3 {
  margin: 0 0 10px 10px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  border: 0;
}
/* メインメニュー　PC用
------------------------------------------------------------*/

@media only screen and (min-width: 601px) {
  nav#mainNav {
    clear: both;
    position: relative;
    z-index: 200;
    width: 100%;
  }
  nav#mainNav .inner {
    padding-left: 1px;
    /*border-left: 1px dotted #ded8cb;*/
  }
  nav#mainNav ul li {
    float: left;
    position: relative;
    /*border-right: 1px dotted #ded8cb;*/
  }
  nav#mainNav ul li a {
    display: block;
    text-align: center;
    _float: left;
    color: #252525;
    height: 34px;
    line-height: 45px;
    font-size: 110%;
    margin-right: 1px;
    padding: 10px 3px 5px;
  }
  nav#mainNav ul li a span, nav#mainNav ul li a strong {
    display: none;
    font-size: 90%;
    line-height: 1.4;
  }
  nav#mainNav ul li a span {
    font-size: 70%;
    color: #ac9c7b;
    font-weight: normal;
  }
  nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a {
    color: #ac9c7b;
  }
  nav#mainNav ul ul {
    width: 160px;
    border-top: 0;
  }
  nav#mainNav ul li ul {
    display: none;
  }
  nav#mainNav ul li:hover ul {
    display: block;
    position: absolute;
    top: 49px;
    left: -1px;
    z-index: 500;
    border-bottom: 2px solid #ded8cb;
  }
  nav#mainNav ul li li {
    margin: 0;
    float: none;
    height: 40px;
    line-height: 40px;
    width: 160px;
    background: #fcf7f7;
    border: none;
    border-bottom: 1px dotted #ded8cb;
  }
  nav#mainNav ul li li:last-child {
    border: 0;
  }
  nav#mainNav ul li li a {
    width: 100%;
    height: 40px;
    padding: 0 0 0 10px;
    line-height: 40px;
    font-size: 95%;
    text-align: left;
  }
  nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li li a:hover {
    color: #ac9c7b;
  }
  nav div.panel {
    display: block !important;
    float: left;
  }
  a#menu {
    display: none;
  }
}
/* メインメニュー 600px以下から
------------------------------------------------------------*/

@media only screen and (max-width: 600px) {
  nav#mainNav {
    clear: both;
    width: 880px;
    margin: 0 auto 10px;
    background: #ffffff url(images/mainnavBg.png) repeat-x 0 -5px;
    border: 1px solid #e8e5e0;
    border-radius: 6px;
  }
  nav#mainNav > .inner {
    margin-top: 0;
  }
  nav#mainNav a.menu {
    width: 100%;
    display: block;
    height: 37px;
    line-height: 37px;
    font-weight: bold;
    text-align: left;
    background: url(images/menuOpen.png) no-repeat 5px 8px;
  }
  nav#mainNav a#menu span {
    padding-left: 35px;
  }
  nav#mainNav a.menuOpen {
    border-radius: 6px 6px 0 0;
    background: url(images/menuOpen.png) no-repeat 5px -34px;
  }
  nav#mainNav a#menu:hover {
    cursor: pointer;
  }
  nav .panel {
    display: none;
    width: 100%;
    position: relative;
    right: 0;
    top: 0;
    z-index: 1;
  }
  nav#mainNav ul {
    margin: 0;
    padding: 0;
  }
  nav#mainNav ul li {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    line-height: 1.2;
  }
  
  nav#mainNav ul li a:before{
	content:" ";
	background: url(images/icon_menu.png);
	background-size: contain;
	vertical-align: top;
	display: inline-block;
	width: 10px;
	height: 10px;
  }
  
  nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
    display: block;
    padding: 15px 10px;
    text-align: left;
    border-bottom: 1px dashed #ff8a99;
    background: #ffffff;
  }
  nav#mainNav ul li:last-child a {
    border: 0;
    border-radius: 0 0 6px 6px;
  }
  nav#mainNav ul li li:last-child a {
    border: 0;
    border-radius: 0;
  }
  nav#mainNav ul li li:last-child a {
    border-bottom: 1px dashed #ff8a99;
  }
  
  nav#mainNav ul li a img {
    display: none;
  }
  
  nav#mainNav ul li a span {
    display: none;
  }
  nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active {
    background: #fff;
  }
  nav#mainNav ul li.current-menu-item li a {
    color: #777
  }
  nav#mainNav ul li li {
    float: left;
    border: 0;
  }
  nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a {
    padding-left: 40px;
    background: #ffffff url(images/sub1.png) no-repeat 20px 18px;
  }
  nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover {
    background: #fff url(images/sub1.png) no-repeat 20px -62px;
  }
  nav#mainNav ul li li:last-child a {
    background: #ffffff url(images/subLast.png) no-repeat 20px 20px;
  }
  nav#mainNav ul li li:last-child.current-menu-item a, nav#mainNav ul li li:last-child a:hover, nav#mainNav ul li.current-menu-item li:last-child a:hover {
    background: #fff url(images/subLast.png) no-repeat 20px -65px;
  }
  nav div.panel {
    float: none;
  }
  #mainImg {
    margin-bottom: 20px;
  }
}
/* 600px以下から 1カラム表示
------------------------------------------------------------*/

@media only screen and (max-width: 600px) {
  #wrapper, .inner {
    width: 100%;
  }
  
  #header {
    width: 96%;
    padding: 0.1% 2%;
  }
  
  #header h2 {
	font-size: 12px;
	font-weight: bold;
	float: left;
	color:#F3C;
	padding: 20px 5px 5px 5px;
	display: block;
  }

  #header > .inner {
    display: block;
	padding: 5px 0;
  }
  #header > .inner > h1 {
    display: none;
  }
  #header > .inner > nav {
    display: block;
  }
  
  .contact {
    padding: 10px 0 10px;
  }
  nav#mainNav {
    width: 95%;
  }
  nav#mainNav ul {
    margin: 0 auto;
  }
  nav#mainNav ul ul {
    padding: 0;
  }
  nav div.panel {
    float: none;
  }
  #mainImg img {
    width: 98%;
    height: auto;
  }
  #content, #sidebar {
    clear: both;
    width: 95%;
    float: none;
    margin: 0 auto;
    padding: 2px 0 0 0;
  }
  .banner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  p.banner img {
    width: 100%;
    height: auto;
  }
  section.widget_search {
    text-align: center;
  }
  #footer li {
    margin-bottom: 10px;
  }
  
  body.not_indexpage #sidebar {
    display: none;
  }
  
  body.blpage #sidebar {
    display: none;
  }
}
/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width: 600px) {
  body {
    background-position: 0 -5px;
  }
  #header > .inner {
    display: block;
  }
  #header > .inner > h1 {
    display: none;
  }
  #header > .inner > nav {
    display: block;
  }
  #header h2 img {
    max-width: 90%;
  }
  
  nav#mainNav {
    width: 98%;
  }
  #header {
    text-align: center;
  }
  #header h2, .contact {
    float: none;
  }

  .contact {
    padding: 0 0 20px;
  }
  .contact p {
    text-align: center;
  }
  #headerInfo {
    width: 250px;
    margin: 0 auto;
  }
  img.alignright, img.alignleft {
    display: block;
    margin: 5px auto;
  }
  .alignright, .alignleft {
    float: none;
  }
  h2.title > img {
    max-width: 100%;
  }
  article.content iframe.youtube {
    width: 100%;
  }
  section.game_detail {
    display:block;
  }
  section.game_detail > * {
    display:block;
  }
  section.game_detail > header {
    text-align:center;
  }
  
  #content {
	  margin-top: -40px;
	  padding: 15px 0;
  }
}


@media only screen and (max-width: 600px) {
.thumbs {
	display: table;
	text-align: center;
	width: 420px;
	margin: 0 auto;
}

.thumbs img{
    border: none;
	padding: 0;
    position: relative;
    width: 80px;
}

ul.title li {
	width: 200px;
	display: inline-block;
}

ul.title dt img{
	height: 320px;
	border: none;
	text-align: center;
}

.sp_facebook {
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

}

@media only screen and (max-width: 480px) {
.thumbs {
	display: table;
	text-align: center;
	width: 250px;
	margin: 0 auto;
}

.thumbs img{
    border: none;
	padding: 0 5px;
    position: relative;
	width: 50px;
}

/*契約王子キャラ紹介用*/
.ouji_thumbs {
	display: table;
	text-align: center;
	width: 250px;
	margin: 0 auto;
}

.ouji_thumbs img {
    border: none;
    position: relative;
    width: 47%;
    padding: 0 3px;
}

ul.title li {
	width: 200px;
	display: inline-block;
}

ul.title dt img{
	height: 230px;
	border: none;
}

section.game_detail span.title {
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	display: block;
	color:#F3C;
}

section.game_detail span.bl_title {
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	display: block;
	color:#404A84;
}

.post_blgame header img{
	width:250px;
}

section.index_title span.title {
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	display: block;
	color:#F3C;
}

.youtube span.title {
	font-size: 15px;
	font-weight: bold;
	vertical-align: text-bottom;
	text-align: center;
	display: block;
	color:#F3C;
}


section.index_title span.to_store img {
	width:35%;
	padding: 0;
}

section.index_title span.category {
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	display: block;
	color:#F3C;
}

section.index_title span.to_category img {
	width: 30%;
    padding: 0 3px;
}

section.index_title span.karepet img {
	width: 95%;
    padding: 0;
}

section.index_title span.title_ban img {
	width: 95%;
    padding: 0;
}

.post {
  margin: 0 0 15px 0;
  padding: 20px 5px;
}


}