@charset "UTF-8";
/*
Theme Name: Citail Desktop
Description: This is with_entertainment original theme.
Author: Prime Strategy Co.,Ltd.
Version:1.0
*/

/*-----------------------------------------
 *
 * reset start
 *
 * ----------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	padding: 0;
	margin: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}
/*-----------------------------------------
 *
 * reset end
 *
 * ----------------------------------------*/
   /*-----------------------------------------
    *
    * common start
    *
    * ----------------------------------------*/
   
   html {
     overflow-y: scroll;
   }
   
   body {
     width: 100%;
     min-width: 980px;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1.57;
     color: #404040;/* 22px */
   }
   
   #personal-information {
     min-width: auto;
     line-height: 1.42;
     color: #222222;
   }
   
   #personal-information h3 {
     margin-top: 1.2em;
     margin-bottom: 0.5em;
     font-size: 14px;
     font-weight: normal;
     color: #222222;
   }
   
   strong {
     font-weight: bold;
   }
   
   em {
     font-style: italic;
   }
   
   blockquote {
     display: block;
   }
   
   h2 img {
     vertical-align: middle;
   }
   
   body h2:first-child {
     margin-top: 60px;
     margin-bottom: 33px;
   }
   
   #aboutsite h2:first-child,
   #privacypolicy h2:first-child {
     margin-top: 30px;
   }
   
   h3 {
     font-size: 18px;
     line-height: 1.94;
     color: #7c7c7c;
   }
   
   a {
     color: #efa50c;
   }
   
   a:hover {
     text-decoration: none;
   }
   
   /*-- class set start --*/
   /* width: 980px */
   .center {
     width: 940px;
     margin-right: auto;
     margin-left: auto;
   }
   /* clearfix */
   .clearfix:before {
     display: table;
     content: " ";
   }
   
   .clearfix {
     *zoom: 1;
   }
   
   .clearfix:after {
     clear: both;
     display: table;
     content: " ";
   }
   /* contribution align */
   .alignleft, img.alignleft {
     float: left;
     clear: both;
     display: inline;
     margin: 0 30px 30px 0;
     overflow: hidden;
   }
   
   .alignright, img.alignright {
     float: right;
     clear: both;
     display: inline;
     margin: 0 0 30px 30px;
     overflow: hidden;
   }
   
   .aligncenter, img.aligncenter {
     clear: both;
     display: block;
     margin-right: auto;
     margin-bottom: 30px;
     margin-left: auto;
   }
   /*-- class set end --*/
   
   /*-- header start --*/
   #container {
     padding-top: 132px;
   }
   
   .page #container,
   .blog #container,
   #contact #container,
   .archive #container,
   .single #container,
   .single-archive #container,
   #post-200 #container,
   #aboutsite #container,
   #privacypolicy #container,
   .error404 #container {
     background: url("/corp_pc/images/single-bg.jpg") repeat-x left 80px;
   }
   
   #home #container {
     background: none;
   }
   /*
   .page #container {
     background-color: #f8f8f8;
   }
   */
   
   #header {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1000;
     width: 100%;
     padding-bottom: 20px;
     background-color: #ffffff;
   }
   
   #header-inner {
     width: 940px;
     margin: 0 auto;
   }
   
   #header #brand {
     float: left;
     margin-top: 18px;
   }
   
   #header #brand img {
     vertical-align: middle;
   }
   /*-- header end --*/
   
   /*-- global-nav start --*/
   #global-nav {
     float: right;
     height: 10px;
     margin-top: 100px;
     margin-right: 52px;
   }
   
   #menu-global li {
     float: left;
   }
   
   #menu-global li a {
     display: block;
     height: 10px;
     text-indent: -9999px;
     background-repeat: no-repeat;
     background-position: left bottom;
   }
   
   #menu-global li a:hover,
   #menu-global .current-menu-item a {
     background-position: left top;
   }
   
   #menu-global li.menu-item-type-top a {
     width: 97px;
     background-image: url("/corp_pc/images/menu-home.png?20210407");
   }
   
   #menu-global li.menu-item-type-news a {
     width: 94px;
     background-image: url("/corp_pc/images/menu-news.png?20210407");
   }
   
   #menu-global li.menu-item-type-contents a {
     width: 126px;
     background-image: url("/corp_pc/images/menu-contents.png?20210407");
   }
   
   #menu-global li.menu-item-type-about a {
     width: 102px;
     background-image: url("/corp_pc/images/menu-about.png?20210407");
   }
   
   #menu-global li.menu-item-type-recruit a {
     width: 110px;
     background-image: url("/corp_pc/images/menu-recruit.png?20210407");
   }
   
   #menu-global li.menu-item-type-access a {
     width: 112px;
     background-image: url("/corp_pc/images/menu-access.png?20210407");
   }
   
   #menu-global li.menu-item-type-contact a {
     width: 117px;
     background-image: url("/corp_pc/images/menu-contact.png?20210407");
   }
   /*-- global-nav end --*/
   
   .error404 #content {
     min-height: 580px;
   }
   /*-- footer start --*/
   #footer {
     height: 100px;
     padding-top: 27px;
     font-size: 12px;
     color: #696969;
     background-color: #f8f8f8;
   }
   
   #footer-inner {
     width: 940px;
     margin-right: auto;
     margin-left: auto;
   }
   
   #footer .footer-address {
     padding: 0 20px 10px;
   }
   
   #copyright {
     float: left;
   }
   
   #footer .footer-utility {
     float: right;
     font-size: 10px;
     line-height: 22px;
   }
   
   #footer .footer-utility li {
     float: left;
     padding-left: 12px;
     margin-left: 12px;
     border-left: 1px solid #696969;
   }
   
   #footer .footer-utility li:first-child {
     border-left: none;
   }
   
   #footer a {
     font-size: 12px;
     color: #696969;
     text-decoration: none;
   }
   /* pagetop */
   #pagetop-button {
     position: fixed;
     bottom: 150px;
     left: 50%;
     width: 40px;
     height: 42px;
     margin-left: 450px;
   }
   
   #pagetop-button img {
     vertical-align: middle;
   }
   
   #pagetop-button a:hover {
     background: none;
   }
   /*-- footer end --*/
   
   /*-- bread_crumb start --*/
   #breadwrap {
     margin-top: 80px;
     margin-bottom: 24px;
     font-size: 12px;
     line-height: 24px;
     color: #555555;
   }
   
   ul.bread_crumb li {
     position: relative;
     float: left;
     margin-right: 35px;
     line-height: 1.8;
   }
   
   ul.bread_crumb li.sub:before {
     position: absolute;
     top: 0;
     left: -21px;
     display: block;
     width: 9px;
     height: 20px;
     content: "";
     background: url("/corp_pc/images/bread-list.gif") no-repeat;
   }
   
   ul.bread_crumb a {
     color: #555;
     text-decoration: none;
   }
   
   ul.bread_crumb a:hover {
     text-decoration: underline;
   }
   
   ul.bread_crumb li.current {
     color: #555;
   }
   /*-- bread_crumb end --*/
   
   /*-----------------------------------------
    *
    * common end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * home start
    *
    * ----------------------------------------*/
   
   /*-- signage start --*/
   #signage {
     position: relative;
     width: 940px;
     height: 410px;
     padding: 0px 0 30px;
     margin: 0 auto 40px;
     overflow: hidden;
     line-height: 1;
   }
   
   #signage .slides > li {
     display: none;
   }
   
   #signage .flex-viewport {
     height: 410px;
   }
   
   #signage .flex-control-nav {
     position: relative;
     bottom: -10px;
     left: 0;
   }
   
   #signage .flex-control-nav li {
     margin: 0 5px;
   }
   
   #signage .flex-control-paging li a {
     width: 8px;
     height: 8px;
     background-color: #b8b8b8;
     box-shadow: none;
   }
   
   #signage .flex-control-paging li a.flex-active {
     background-color: #7c7c7c;
   }
   
   #signage .flex-direction-nav {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     margin-top: -54px;
   }
   
   #signage .flex-direction-nav a {
     top: 0;
     width: 50px;
     height: 80px;
     margin: 0;
     text-shadow: none;
     opacity: 0.7;
   }
   
   #signage .flex-direction-nav a:hover {
     opacity: 1;
   }
   
   #signage .flex-direction-nav a:before {
     display: none;
   }
   
   #signage .flex-direction-nav .flex-prev {
     left: 10px;
     text-indent: -9999px;
     background: url("/corp_pc/images/btn_signageslide_prev.png") no-repeat left center;
   }
   
   #signage .flex-direction-nav .flex-next {
     right: 10px;
     text-indent: 9999px;
     background: url("/corp_pc/images/btn_signageslide_next.png") no-repeat right center;
   }
   
   /*-- signage end --*/
   
   /*-- banner area start --*/
   #home .banners {
     width: 940px;
     margin: 0 auto 80px;
     display: flex;
     justify-content: center;
   }
   
   #home .banners ul.banner-list li {
     float: left;
     margin-right: 20px;
   }
   
   #home .banners ul.banner-list li:last-child {
     margin-right: 0;
   }
   /*-- banner area end --*/
   
   
   /*-- news start --*/
   #home #news {
     width: 940px;
     padding-top: 165px;
     margin-top: -165px;
     margin-right: auto;
     margin-bottom: 100px;
     margin-left: auto;
   }
   
   #home h2:first-child {
     margin-top: 0;
   }
   
   #home #news h2 {
     display: inline-block;
     margin-bottom: 27px;
   }
   
   #home #news ul {
     /* margin: 0 0 29px;*/
     padding: 0;
   }
   
   #home #news li {
     padding: 16px 0;
   }
   
   #home #news li p {
     float: left;
     margin-right: 8px;
     font-size: 14px;
     line-height: 14px;
   }
   
   #home #news li p.date {
     color: #555;
   }
   
   #home #news li img {
     vertical-align: top;
   }
   
   #home #news li .information img {
     height: 12px;
   }
   
   #home #news h3 {
     margin-top: 8px;
     font-size: 14px;
     line-height: 20px;
   }
   
   #home #news a {
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   #home #news a:hover {
     color: #efa50c;
   }
   /* 一覧へ */
   #home #news p.more {
     display: inline-block;
     margin-bottom: 27px;
     margin-left: 30px;
     line-height: 1;
     vertical-align: bottom;
     text-align: left;
   }
   
   #home #news p.more a {
     display: inline-block;
     color: #555;
     text-decoration: none;
   }
   
   #home #news p.more a:hover {
     color: #efa50c;
   }
   
   #home #news p.more:after {
     display: inline-block;
     width: 12px;
     height: 15px;
     content: "";
     background: url("/corp_pc/images/icon-arrow.gif") no-repeat right 4px;
   }
   
   #home #news ul li a[target="_blank"]:after {
     position: absolute;
     bottom: 5px;
     display: inline-block;
     width: 11px;
     height: 22px;
     margin-left: 3px;
     content: "";
     background: url("/corp_pc/images/target_blank.gif") no-repeat right bottom;
     border-bottom: none;
   }
   
   #home #news ul li h3 {
     position: relative;
   }
   
   #home #news ul li a[class="pdf"]:after {
     position: absolute;
     bottom: 5px;
     display: inline-block;
     width: 9px;
     height: 10px;
     margin-left: 3px;
     content: "";
     background: url("/corp_pc/images/icon-pdf.gif") no-repeat right bottom;
     border-bottom: none;
   }
   /*-- news end --*/
   
   /*-- contents start --*/
   #home .wrapper {
     background: url("/corp_pc/images/top-bg.jpg") repeat-x left 60px;
   }
   
   #contents {
     width: 940px;
     padding-top: 150px;
     margin-top: -91px;
     margin-right: auto;
     margin-bottom: 66px;
     margin-left: auto;
   }
   
   #contents h2 {
     margin-bottom: 47px;
   }
   
   #contents h3 {
     text-align: center;
   }
   
   #contents h4 {
     text-align: center;
   }
   
   #contents p {
     text-align: center;
   }
   /* instance */
   #contents .instance h3 {
     margin-bottom: 20px;
   }
   
   #contents .instance-list {
     margin-bottom: 39px;
   }
   
   #contents .instance-list .alignleft {
     margin-right: 37px;
     margin-bottom: 0;
   }
   
   #contents .instance-list h4 {
     margin-bottom: 27px;
     font-size: 16px;
     font-weight: bold;
     text-align: left;
   }
   
   #contents .instance-list a {
     color: #f3981e;
     text-decoration: none;
   }
   
   #contents .instance-list p {
     text-align: left;
   }
   
   #contents .instance-list li {
     margin-bottom: 40px;
   }
   
   #home #contents p.more {
     margin-top: 36px;
     text-align: right;
   }
   
   #home #contents p.more a {
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   #home #contents p.more a:hover {
     color: #efa50c;
   }
   
   #home #contents p.more:after {
     display: inline-block;
     width: 12px;
     height: 15px;
     content: "";
     background: url("/corp_pc/images/icon-arrow.gif") no-repeat right 4px;
   }
   
   /*-- contents end --*/
   
   /* about start */
   #about {
     width: 940px;
     padding-top: 140px;
     margin-top: -100px;
     margin-right: auto;
     margin-bottom: 114px;
     margin-left: auto;
   }
   
   #about h3 {
     margin-bottom: 48px;
   }
   
   #about h3 img {
     vertical-align: middle;
   }
   
   #about table.tablepress {
     width: 100%;
     font-size: 14px;
     line-height: 24px;
   }
   
   #about table.tablepress th {
     width: 320px;
     padding-bottom: 27px;
     /*padding: 0.7em 15px 0.7em 20px;*/
     text-align: left;
   }
   
   #about table.tablepress td {
     position: relative;
     padding-bottom: 27px;
     /*padding: 0.7em 20px 0.7em 0;*/
   }
   
   #about table.tablepress a img {
     position: absolute;
     top: 0;
     left: 240px;
   }
   
   #about table.tablepress a:hover img {
     opacity: 0.8;
   }
   
   #about table.tablepress a[target="_blank"] {
     position: relative;
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   #about table.tablepress a[target="_blank"]:after {
     position: absolute;
     bottom: 5px;
     display: inline-block;
     width: 11px;
     height: 22px;
     margin-left: 3px;
     content: "";
     background: url("/corp_pc/images/target_blank.gif") no-repeat right bottom;
     border-bottom: none;
   }
   
   #about table.tablepress a[target="_blank"]:hover {
     color: #f8b62d;
   }
   
   
   /*-- about end --*/
   
   /*-- recruit start --*/
   #recruit {
     width: 940px;
     padding-top: 150px;
     margin-top: -150px;
     margin-right: auto;
     margin-bottom: 150px;
     margin-left: auto;
   }
   
   #recruit h2 {
     margin-bottom: 58px;
   }
   
   #recruit .rec-image {
     margin-bottom: 20px;
     text-align: center;
   }
   
   #recruit .rec-image img {
     vertical-align: middle;
   }
   
   #recruit h3 {
     text-align: center;
   }
   
   #recruit h3 img {
     vertical-align: middle;
   }
   
   #recruit .recruit-list {
     width: 900px;
     padding: 0 20px;
     margin: 40px auto 0;
   }
   
   #recruit .recruit-list li {
     float: left;
     width: 50%;
     margin-bottom: 30px;
   }
   
   #recruit .recruit-list li:before {
     color: #efa50c;
     content: "・";
   }
   
   #recruit .recruit-list a {
     font-weight: bold;
   }
   
   #recruit .recruit-text {
     padding: 0 20px;
     margin: 30px 0 0;
   }
   
   #recruit .top-inquiry-button {
     margin-top: 100px;
     margin-bottom: 120px;
   }
   
   #recruit .top-inquiry-button a {
     width: 340px;
     height: 60px;
     background: url("/corp_pc/images/button-inquiry-top-recruit.jpg") no-repeat left bottom;
   }
   
   #recruit .top-inquiry-button a:hover {
     background-position: left top;
   }
   /*-- recruit end --*/
   
   /*-- access start --*/
   #access {
     padding-top: 150px;
     margin-top: -150px;
     margin-bottom: 120px;
   }
   
   #access h2 {
     width: 940px;
     margin-right: auto;
     margin-bottom: 50px;
     margin-left: auto;
   }
   
   #map {/* 高さや幅がないとマップが消えます */
     width: 100%;
     height: 480px;
     margin-bottom: 44px;
   }
   
   #map div div {/* マップクリック不可 */
     cursor: default!important;
   }
   
   #access .access-txt {
     width: 940px;
     margin-right: auto;
     margin-left: auto;
   }
   
   #access .access-txt p {
     float: left;
   }
   
   #access .access-txt p + p {/* 大きな地図へのリンク */
     float: right;
     font-size: 12px;
   }
   
   #access .access-txt p + p a {
     position: relative;
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   #access .access-txt p + p a:hover {
     color: #f8b62d;
   }
   
   #access .access-txt p + p:after {
     position: relative;
     top: 0px;
     right: 0;
     display: inline-block;
     width: 11px;
     height: 19px;
     margin-left: 3px;
     content: "";
     background: url("/corp_pc/images/target_blank.gif") no-repeat scroll right bottom;
   }
   
   /*-- access end --*/
   
   /*-- inquiry start --*/
   #inquiry {
     width: 940px;
     padding-top: 150px;
     margin-top: -150px;
     margin-right: auto;
     margin-left: auto;
   }
   
   #inquiry h2 {
     margin-bottom: 44px;
   }
   
   #inquiry p a {
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   #inquiry p a:hover {
     color: #f8b62d;
   }
   
   .top-inquiry-button,
   .game-inquiry-button {
     width: 100%;
     margin: 100px auto;
     text-align: center;
   }
   
   .top-inquiry-button a {
     display: inline-block;
     width: 260px;
     height: 60px;
     text-indent: -9999px;
     background: url("/corp_pc/images/button-inquiry-top.jpg") no-repeat;
     background-position: left bottom;
   }
   
   .top-inquiry-button a:hover {
     background-position: left top;
   }
   
   #inquiry .top-inquiry-button a {
     border: none;
   }
   /* sns */
   #inquiry .sns {
     width: 98px;
     margin: 0 auto;
     margin-bottom: 93px;
   }
   
   #inquiry .sns li {
     float: left;
   }
   
   #inquiry .sns li.twitter {
     margin-right: 0px;
     margin-left: 40px;
   }
   
   #inquiry .sns li a {
     display: block;
     height: 29px;
     text-indent: -9999px;
     background-repeat: no-repeat;
   }
   
   #inquiry .sns li.facebook a {
     width: 29px;
     background: url("/corp_pc/images/icon-facebook.png");
     background-position: left bottom;
   }
   
   #inquiry .sns li.twitter a {
     width: 29px;
     background: url("/corp_pc/images/icon-twitter.png");
     background-position: left bottom;
   }
   
   #inquiry .sns li.google a {
     width: 29px;
     background: url("/corp_pc/images/icon-google.png");
     background-position: left bottom;
   }
   
   #inquiry .sns li.facebook a:hover,
   #inquiry .sns li.twitter a:hover,
   #inquiry .sns li.google a:hover {
     background-position: left top;
   }
   
   #inquiry div {
     width: 633px;
     margin-bottom: 100px;
     margin-left: 199px;
   }
   
   #inquiry div p {
     display: inline-block;
     font-size: 12px;
     line-height: 1.83;
     color: #696969;
   }
   
   #inquiry div p:first-child {
     margin-right: 40px;
   }
   /*-- inquiry end --*/
   
   /*-----------------------------------------
    *
    * home end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * contact start
    *
    * ----------------------------------------*/
   
   #contact #contentarea .contactarea {
     /* min-height: 334px; */
     padding: 52px 94px 0;
   }
   
   #contact #contentarea .contactarea .sub-adoption-button {
     float: left;
     width: 239px;
     margin: 65px 0 100px 115px;
   }
   
   .sub-adoption-button a {
     display: block;
     width: 239px;
     height: 50px;
     text-indent: -9999px;
     background: url("/corp_pc/images/button-inquiry-sub.jpg") no-repeat;
     background-position: left top;
   }
   
   .sub-adoption-button a:hover {
     background-position: left bottom;
   }
   
   #contact #contentarea .contactarea .sub-inquiry-button {
     width: 239px;
     margin: 100px auto 50px auto;
   }
   
   .sub-inquiry-button a {
     display: block;
     width: 340px;
     height: 60px;
     text-indent: -9999px;
     background: url("/corp_pc/images/button-inquiry-sub.jpg") no-repeat;
     background-position: left top;
   }
   
   .sub-inquiry-button a:hover {
     background-position: left bottom;
   }
   
   /*-----------------------------------------
    *
    * contact end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * instance start
    *
    * ----------------------------------------*/
   
   .page-template-page-instance h2:first-child {
     margin-bottom: 10px;
   }
   
   .page-template-page-instance #contentarea h1 {
     padding-left: 0.3em;
     margin: 20px 0;
     font-size: 32px;
     color: #f3981e;
     border-left: 6px solid #f3981e;
   }
   
   .page-template-page-instance .mainimg-area {
     margin: 0 -25px;
     text-align: center;
   }
   
   .page-template-page-instance .mainimg-area img {
     vertical-align: middle;
   }
   
   .page-template-page-instance .game-overview {
     margin: 30px 0 64px;
   }
   
   .page-template-page-instance #contentarea .game-icon {
     float: left;
     margin: 0 12px 0 0;
   }
   
   .page-template-page-instance .game-icon img {
     vertical-align: top;
   }
   
   .page-template-page-instance .game-summary {
     float: left;
     font-size: 12px;
   }
   
   .page-template-page-instance .game-summary dt {
     float: left;
     width: 70px;
   }
   
   .page-template-page-instance .game-summary dd {
     width: 420px;	
   }
   
   .page-template-page-instance .game-summary dd:before {
     display: inline-block;
     margin-right: 10px;
     content: ":";
    }

    .page-template-page-instance #contentarea .game-summary dd p,
    .page-template-page-instance #contentarea .game-summary dt p {
      display: inline-block;
      margin-top: 0px;
      margin-bottom: 0px;
    }
    
   .page-template-page-instance .game-title {
     font-size: 20px;
     color: #555;
   }
   
   .page-template-page-instance .game-download-link {
     float: right;
     margin-top: 18px;
   }
   
   .page-template-page-instance .game-download-link .link-item {
     float: left;	
   }
   
   #contentarea .game-download-link .link-item:before {
     display: none;
   }
   
   .page-template-page-instance #contentarea .more {
     float: right;
     display: inline-block;
     margin-top: .5em;
     line-height: 1;
     vertical-align: bottom;
     text-align: left;
   }
   
   .page-template-page-instance .more a {
     display: inline-block;
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   .page-template-page-instance .more a:hover {
     color: #efa50c;
   }
   
   .page-template-page-instance .more a:after {
     display: inline-block;
     width: 12px;
     height: 15px;
     content: "";
     background: url("/corp_pc/images/icon-arrow-gray.gif") no-repeat right 4px;
   }
   
   .page-template-page-instance .more a:hover:after {
     background: url("/corp_pc/images/icon-arrow.gif") no-repeat right 4px;
   }
   
   .page-template-page-instance #contentarea h3 {
     padding-left: 0.3em;
     margin: 20px 0;
     font-size: 32px;
     color: #f3981e;
     border-left: 6px solid #f3981e;
   }
   
   .page-template-page-instance #contentarea p + p {
     margin-top: 1.5em;
   }
   
   .page-template-page-instance .game-movie {
     margin: 50px 0;
   }
   
   .page-template-page-instance .game-movie iframe {
     display: block;
     margin: 0 auto;
   }
   
   .page-template-page-instance .horizontally-area {
     margin: 50px 0;
     text-align: center;
   }
   
   .page-template-page-instance .horizontally-area img {
     vertical-align: middle;
   }
   
   .game-inquiry-button a {
     float: right;
     display: block;
     width: 285px;
     height: 60px;
     font-size: 0;
     background: url("/corp_pc/images/button-inquiry-game.jpg") no-repeat left bottom;
   }
   
   .game-inquiry-button a:hover {
     background-position: left top;
   }
   
   .page-template-page-instance table {
     width: 100%;
   }
   
   .page-template-page-instance th {
     width: 16%;
     padding: 1em;
     color: #ffffff;
     text-align: left;
     background-color: #f3981e;
     border-top: 1px solid #ffffff;
   }
   
   .page-template-page-instance tr:first-child th {
     border-top: 1px solid #f3981e;
   }
   
   .page-template-page-instance td {
     padding: 1em 1em 1em 1.5em;
     border-top: 1px solid #f3981e;
     border-right: 1px solid #f3981e;
     border-bottom: 1px solid #f3981e;
   }
   /*-----------------------------------------
    *
    * instance end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * recruit start
    *
    * ----------------------------------------*/
   
   .single-recruit #contentarea h3.recruit-title {
     padding-left: 15px;
     margin-bottom: 30px;
     font-size: 18px;
     font-weight: bold;
     line-height: 38px;
     color: #218bc1;
     border-left: 8px solid #218bc1;
   }
   
   table.recruit-table th,
   table.recruit-table td {
     box-sizing: border-box;
     padding-bottom: 22px;
     line-height: 1.42;
   }
   
   table.recruit-table th {
     width: 13%;
     font-weight: bold;
     color: #218bc1;
     text-align: left;
   }
   
   table.recruit-table td {
     width: 87%;
     padding-left: 20px;
   }
   
   #contentarea table.recruit-table td p {
     margin: 0;
   }
   
   #contentarea table.recruit-table td p + p {
     margin-top: 24px;
     margin-bottom: 24px;
   }
   
   #contentarea .sub-recruit-button {
     width: 239px;
     margin: 20px auto 0;
   }
   
   .sub-recruit-button a {
     display: block;
     width: 239px;
     height: 50px;
     text-indent: -9999px;
     background: url("/corp_pc/images/button-recruit-sub.jpg") no-repeat;
     background-position: left top;
   }
   
   .sub-recruit-button a:hover {
     background-position: left bottom;
   }
   /*-----------------------------------------
    *
    * recruet end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * contentarea 固定ページ本文 start
    *
    * ----------------------------------------*/
   
   #content #breadwrap + h2 {
     margin-top: 57px;
   }
   
   #contentarea {
     padding: 0;
   }
   
   #contentarea h1,
   #contentarea h2,
   #contentarea h3,
   #contentarea h4,
   #contentarea h5,
   #contentarea h6,
   #contentarea hr {/* alignクラスのクリア用 */
     clear: both;
   }
   
   #contentarea h3 {
     margin-top: 47px;
   }
   
   #contentarea h3:first-child {
     margin-top: 58px;
   }
   
   #contentarea h3 + p {
     margin: 3px 0;
   }
   
   #contentarea p {
     margin-top: 8px;
     margin-bottom: 8px;
   }
   
   #contentarea ul li {
     position: relative;
     padding-left: 15px;
   }
   
   #contentarea ul li:before {
     position: absolute;
     top: 0;
     left: 2px;
     display: block;
     width: 15px;
     height: 100%;
     content: "・";
   }
   
   #contentarea ol > li {
     position: relative;
     padding-left: 25px;
     counter-increment: cnt;
   }
   
   #contentarea ol > li:before {
     position: absolute;
     top: 0;
     left: 0;
     display: marker;
     width: 20px;
     height: 100%;
     content: "(" counter(cnt) ")";
   }
   
   #contentarea ul ol {
     margin-left: 15px;
     list-style-type: lower-alpha;
     counter-reset: cnt;
   }
   
   #contentarea ul ol li {
     padding-left: 10px;
     margin-left: 10px;
   }
   
   #contentarea ul ol li:before {
     display: none;
   }
   
   
   /*-----------------------------------------
    *
    * contentarea 固定ページ本文end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * 投稿ページ start
    *
    * ----------------------------------------*/
   
   .single a {
     color: #efa50c;
   }
   
   .newsList-link {
     float:left;
     width: 120px;
     margin-top: 30px;
     margin-bottom: 32px;
     margin-left: 10px;
     font-size: 12px;
     text-align: left;
   }
   
   .newsList-link a:before {
     position: absolute;
     top: 4px;
     left: -10px;
     display: block;
     width: 5px;
     height: 9px;
     content: "";
     background: url("/corp_pc/images/news-arrow-left.gif") no-repeat;
   }
   
   .newsList-link a {
     position: relative;
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   .newsList-link a:hover {
     color: #efa50c;
   }
   
   .singleSns-area ul {
     float: right;
     margin: 10px 0 20px;
   }
   
   .singleSns-area ul li {
     float: left;
     margin-left: 10px;
   }
   
   .single h2:first-child,
   body[class*="post-type-"] h2:first-child {
     margin-bottom: 0;
   }
   
   .single #contentarea .content-head,
   body[class*="post-type-"] .content-head {
     padding-bottom: 30px;
     margin-bottom: 27px;
     font-size: 14px;
     line-height: 1.57;
     border-bottom: 1px solid #e5e0dc;
   }
   
   .single .content-head h1,
   body[class*="post-type-"] .content-head h1 {
     margin-bottom: 20px;
     font-size: 18px;
     font-weight: bold;
     line-height: 1.4;
     color: #404040;
   }
   
   .single #contentarea .content-head p.date,
   body[class*="post-type-"] .content-head p.date {
     display: inline-block;
     margin-left: 8px;
     font-size: 12px;
     color: #7c7c7c;
   }
   
   .single #contentarea .content-head p,
   body[class*="post-type-"] .content-head p {
     display: inline-block;
     margin-bottom: 8px;
   }
   
   .single #contentarea .content-head p img,
   body[class*="post-type-"] .content-head p img {
     vertical-align: middle;
   }
   
   .single .content-head .head-cat-link,
   body[class*="post-type-"] .head-cat-link {
     display: inline-block;
     font-size: 12px;
   }
   
   .single #contentarea,
   body[class*="post-type-"] {
     font-size: 14px;
     line-height: 1.8;
   }
   
   .single #contentarea p,
   body[class*="post-type-"] p {
     margin-top: 15px;
     margin-bottom: 15px;
   }
   
   .single #contentarea p.attention,
   body[class*="post-type-"] p.attention {
     color: #f82d2d;
   }
   
   .single #contentarea h2,
   body[class*="post-type-"] h2 {
     font-size: 16px;
     font-weight: bold;
     line-height: 1.5;
     color: #555555;
   }
   
   .single #contentarea p + h2,
   body[class*="post-type-"] p + h2 {
     margin: 56px 0 30px;
   }
   
   .single #contentarea h3,
   body[class*="post-type-"] h3 {
     margin: 35px 0 20px;
     margin-bottom: 10px;
     font-size: 14px;
     font-weight: bold;
     line-height: 1.71;
     color: #555555;
   }
   
   .single #contentarea h4,
   body[class*="post-type-"] h4 {
     margin: 35px 0 10px;
     font-size: 12px;
     font-weight: bold;
   }
   
   .single #contentarea a[href*="uploads"],
   body[class*="post-type-"] a[href*="uploads"] {
     background: none;
   }
   
   .single #contentarea ul,
   body[class*="post-type-"] ul,
   .single #contentarea ol,
   body[class*="post-type-"] ol {
     margin: 10px 0;
   }
   
   .single .tagArea,
   body[class*="post-type-"] .tagArea {
     margin: 60px 0 0;
   }
   
   .single .tagList,
   body[class*="post-type-"] .tagList {
     float: right;
     display: table;
     max-width: 680px;
     font-size: 12px;
     color: #efa50c;
   }
   
   .single .tagList dt,
   body[class*="post-type-"] .tagList dt {
     display: table-cell;
     padding-right: 15px;
   }
   
   .single .tagList dd,
   body[class*="post-type-"] .tagList dd {
     display: table-cell;
     padding-left: 15px;
     text-align: right;
     border-left: 1px solid #ced0d5;
   }
   
   .single .tagList dd ul,
   body[class*="post-type-"] .tagList dd ul {
     display: inline;
   }
   
   .single #contentarea .tagList dd li,
   body[class*="post-type-"] .tagList dd li {
     display: inline-block;
     padding-left: 0;
   }
   
   .single .tagList dd li a,
   body[class*="post-type-"] .tagList dd li a {
     color: #efa50c;
     text-decoration: none;
   }
   
   .single .tagList dd li a:hover,
   body[class*="post-type-"] .tagList dd li a:hover {
     text-decoration: underline;
   }
   
   .single #contentarea .tagList dd li:before,
   body[class*="post-type-"] .tagList dd li:before {
     display: none;
   }
   
   /*-----------------------------------------
    *
    * 投稿ページ end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * アーカイブページ start
    *
    * ----------------------------------------*/
   /* 共通 */
   div.post-area {
     margin-bottom: 102px;
   }
   
   div.post-area div.post-month {
     float: left;
     width: 122px;
     font-size: 26px;
     text-align: left;
   }
   
   div.post-area ul.post-list {
     float: left;
     width: 774px;
   }
   
   #contentarea div.post-area ul.post-list li {
     padding: 10px 20px 10px;
     border-bottom: 1px solid #e3e3e3;
   }
   
   #contentarea div.post-area ul.post-list li:first-child {
     padding-top: 0;
   }
   
   #contentarea div.post-area ul.post-list li:before {
     display: none;
   }
   
   #contentarea div.post-area ul.post-list li:last-child {
     border-bottom: none;
   }
   
   div.post-area ul.post-list li > * {
     display: inline-block;
     vertical-align: top;
   }
   
   div.post-area ul.post-list li .date {
     font-size: 12px;
     vertical-align: middle;
   }
   
   div.post-area ul.post-list li p + p {
     margin-right: 30px;
     margin-left: 8px;
     line-height: 12px;
     vertical-align: middle;
   }
   
   div.post-area ul.post-list li img {
     vertical-align: middle;
   }
   
   div.post-area ul.post-list li h4 {
     max-width: 546px;
     margin-top: 8px;
     margin-bottom: 8px;
   }
   
   div.post-area ul.post-list li h4 a {
     color: #404040;
     text-decoration: none;
   }
   
   div.post-area ul.post-list li h4 a:hover {
     text-decoration: underline;
   }
   
   h3.year-title {
     margin-bottom: 20px;
     font-size: 26px;
     color: #555555;
     text-align: center;
   }
   /* アーカイブページでアイコン表示 */
   .blog #contentarea ul li a[target="_blank"]:after {
     display: inline-block;
     width: 10px;
     height: 8px;
     margin-left: 3px;
     content: "";
     background: url("/corp_pc/images/target_blank.gif") no-repeat left bottom;
     background-size: 10px 8px;
     border-bottom: none;
   }
   
   .blog #contentarea ul li a[class="pdf"]:after {
     display: inline-block;
     width: 9px;
     height: 10px;
     margin-left: 3px;
     content: "";
     background: url("/corp_pc/images/icon-pdf.gif") no-repeat right bottom;
     border-bottom: none;
   }
   
   
   /* home */
   .blog h2:first-child {
     margin-bottom: 0;
   }
   
   ul.year-list-link {
     margin-top: 100px;
     margin-bottom: 60px;
     font-size: 0;
     text-align: center;
   }
   
   #contentarea ul.year-list-link li {
     display: inline-block;
     padding-right: 25px;
     padding-left: 25px;
     margin-bottom: 13px;
     font-size: 14px;
     color: #404040;
     border-left: 1px solid #ced0d5;
   }
   
   #contentarea ul.year-list-link li:last-child {
     border-right: 1px solid #ced0d5;
   }
   
   #contentarea ul.year-list-link li:before {
     display: none;
   }
   
   ul.year-list-link li a,
   ul.year-list-link li span {
     position: relative;
     /*padding-left: 10px;*/
   }
   
   ul.year-list-link li a {
     color: #8f8f8f;
     text-decoration: none;
   }
   
   ul.year-list-link li span {
     border-bottom: 1px dotted #f8b62d;
   }
   
   ul.year-list-link li a:before,
   ul.year-list-link li span:before {
     display: inline-block;
     width: 13px;
     height: 13px;
     vertical-align: middle;
     content: "";
   }
   
   ul.year-list-link li a:before {
     background: url("/corp_pc/images/news-arrow.gif") no-repeat left center;
   }
   
   ul.year-list-link li span:before {
     background: url("/corp_pc/images/icon-arrow.gif") no-repeat left center;
   }
   
   ul.year-list-link li a:hover {
     text-decoration: underline;
   }
   
   /* tag */
   h3.tag-title {
     margin-bottom: 50px;
     font-weight: bold;
     color: #f68211;
   }
   
   h3.tag-title span {
     font-size: 14px;
     font-weight: normal;
     color: #555555;
   }
   
   .archive h2:first-child {
     margin-bottom: 0;
   }
   /*-----------------------------------------
    *
    * アーカイブページ end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * form start
    *
    * ----------------------------------------*/
   
   .formGroup {
     margin-left: 109px;
   }
   
   #formBody{
       margin-left: 84px;
   }
   
   #formBody h2{
     font-weight: bold;
   }
   
   #formWp h3{
     padding-left: 23px;
       margin-bottom: 30px;
       margin-left: 20px;
     font-size: 18px;
     font-weight: bold;
     color: #218bc1;
     border-left: 8px solid #218bc1;
   }
   
   #formBody h3,
   #formBody dl{
     color: #404040;
   }
   
   #formBody h4 {
     margin-top: 67px;
     margin-bottom: 20px;
     font-size: 18px;
     font-weight: bold;
     color: #218bc1;
   }
   
   #formBody iframe {
     border: 1px solid #74a0e7;
   }
   
   #formBody dl{
       margin-bottom: 40px;
       overflow: hidden;
     *zoom: 1;
   }
   
   #formBody dl:before {
     display: table;
     content: " ";
   }
   
   #formBody dl:after {
     clear: both;
     display: table;
     content: " ";
   }
   
   #formBody dt{
       float: left;
       width: 168px;
       line-height: 1.3;
   }
   
   #formBody dd{
       margin-left: 167px;
   }
   
   #formBody .sub_tit{
     display: block;
     margin-top: -2px;
       font-size: 12px;
     line-height: 1.25;
       color: #999;
   }
   
   #formBody .required{
       color: #dd1c1c;
   }
   
   input[type="text"],
   textarea{
       width: 390px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
   }
   
   .formnotice{
     font-size: 12px;
   }
   
   select {
       width: 395px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
   }
   
   input[type="text"]{
       height: 24px;
   }
   
   input#entry_birth_y {
     width: 90px;
   }
   
   input#entry_birth_m,
   input#entry_birth_d {
     width: 70px;
   }
   
   input#entry_email {
     width: 390px;
   }
   
   input#entry_tel,
   input#entry_cell {
     width: 170px;
   }
   
   input[type="text"][id^="entry_zip"] {
     width: 80px;
   }
     
   #formBody .contact-info {
     margin: 55px 0 45px;
   }
   
   #formBody.contact-thanks .contact-info {
     margin-bottom: 14px;
   }
   
   #formBody.contact-thanks .contact-info + .contact-info {
     margin-top: 14px;
     margin-bottom: 23px;
   }
   
   #formFoot button {
     color: #1ba2d0;
     text-decoration: underline;
     background: none;
   }
   
   #formBody a:hover,
   #formFoot button:hover {
     text-decoration: none;
   }
   
   #formBody .form_privacy{
       margin-left: 167px;
   }
   
   #formBody .form_privacy a {
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   #formBody .form_privacy a:hover {
     color: #f8b62d;
   }
   
   #formBody .form_privacy input {
     vertical-align: top;
   }
   
   #formFoot{
       margin: 30px 0 0 360px;
       overflow: hidden;
   }
   
   #formFoot button{
       display: block;
       width: 221px;
       height: 47px;
       cursor: pointer;
       border: none;
   }
   
   #formFoot button span{
      display: none;
   }
   
   #formFoot .confirm_btn{
       background: url("/corp_pc/images/button-confirm.jpg") no-repeat 0 bottom;
   }
   
   #entry-input #formFoot .confirm_btn{
       background: url("/corp_pc/images/button-confirm-entry.png") no-repeat;
   }
   
   #formFoot .back_btn{
       background: url("/corp_pc/images/button-back.jpg") no-repeat;
   }
   
   #formFoot .submit_btn{
       background: url("/corp_pc/images/button-submit.jpg") no-repeat;
   }
   
   #formFoot button:hover {
       background-position: left bottom;
   }
   
   #entry-input #formFoot button:hover {
       background-position: left bottom;
   }
   
   #entry-confirm #formFoot button:hover {
       background-position: left top;
   }
   
   #formFoot.confirmPage p{
       float: left;
       margin-right: 20px;
   }
   
   #formFoot.confirmPage{
       margin: 30px 0 0 240px;
   }
   
   #ssl {
     margin-top: 27px;
     text-align: center;
   }
   
   #formHead {
     margin-top: 55px;
   }
   
   .contact-thanks #formHead {
     min-height: 259px;
   }
   
   #formHead p {
       margin-bottom: 10px;
       line-height: 1.1;
   }
   /*エラーメッセージ*/
   #error-message.add-error{
     width: 924px;
       padding: 8px;
     margin: 0 auto;
       color: #cc3300;
       border: 1px solid #cc3300;
   }
   /*SSLシール*/
   #ssl table {
     margin: 30px auto 0;
   }
   
   #ssl table td {
     clear: both;
   }
   
   #ssl td a {
     bottom: 10px;
     padding-left: 10px;
     font-size: 12px;
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   #ssl td a:hover {
     color: #f8b62d
   }
   
   #entry-input #formBody .form_privacy {
     display: block;
     width: 734px;
     padding-top: 17px;
     margin-left: 0;
     text-align: center;
   }
   
   #entry-input #formFoot {
     margin: 30px 0 0;
   }
   
   #entry-input #formFoot button {
     margin: 0 auto;
   }
   
   .contact-thanks p a {
     color: #555;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;
   }
   
   .contact-thanks p a:hover {
     color: #f8b62d
   }
   /*-----------------------------------------
    *
    * form end
    *
    * ----------------------------------------*/
   
   
   
   /*-----------------------------------------
    *
    * 404 File not found. start
    *
    * ----------------------------------------*/
   
   .error404 #container #contentarea {
     padding-left: 85px;
     color: #404040;
   }
   
   .error404 #container #contentarea img {
     padding: 0 33px;
     margin-top: 104px;
   }
   
   .error404 #container #contentarea h2 {
     margin-top: 92px;
     margin-bottom: 0;
     font-size: 24px;
     font-weight: bold;
     color: #7c7c7c;
   }
   
   .error404 #container #contentarea p {
     margin-top: 5px;
     margin-bottom: 46px;
   }
   
   .error404 #container #contentarea a {
     color: #404040;
     text-decoration: none;
     border-bottom: 1px dotted #f8b62d;	
   }
   
   .error404 #container #contentarea a:hover {
     color: #f8b62d;
   }
   /*-----------------------------------------
    *
    * 404 File not found. end
    *
    * ----------------------------------------*/