@charset "UTF-8";
:root {
  background-color: #5e360e; }

/*====================================================================================================
html
====================================================================================================*/
html {
  background: #5e360e; }

body {
  color: #333;
  font: 14px/100% "Arial", "Verdana", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica";
  -webkit-font-smoothing: antialiased; }

a {
  color: #0b6aff;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

strong {
  font-weight: bold; }

/*====================================================================================================
common
====================================================================================================*/
.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

/*====================================================================================================
clearfix
====================================================================================================*/
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

* html .clearfix {
  height: 1%; }

*:first-child + html .clearfix {
  min-height: 1px; }

/*====================================================================================================
header
====================================================================================================*/
.ui-header {
  border-bottom: 4px solid #fc9727;
  background: #fff; }

.ui-header .ui-title {
  padding: 30px 0; }

.ui-header .ui-title a {
  display: inline-block; }

.ui-header .ui-title img {
  display: block; }

.ui-navi {
  position: absolute;
  bottom: 20px;
  right: 0; }

.ui-navi li {
  float: left;
  border-left: 1px solid #333;
  padding: 0 20px;
  text-align: right; }

.ui-navi li:last-child {
  padding-right: 0; }

.ui-navi li.ponta-play {
  float: none;
  position: absolute;
  top: -44px;
  right: 0;
  width: 150px;
  border: none;
  padding: 0;
  text-align: center; }

.ui-navi li.ponta-play a {
  display: block;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  background: #fc9727;
  padding: 8px 10px;
  color: #fff;
  font-weight: bold;
  line-height: 1; }

.ui-navi li.ponta-play a:hover {
  background: #fdb35e;
  text-decoration: none; }

.ui-navi li.faq {
  border: none;
  padding-left: 0; }

.ui-navi a {
  color: #333; }

/*====================================================================================================
contents
====================================================================================================*/
.ui-content {
  min-width: 1072px;
  background: url("/kanji/assets/media/ponta/pc/img/bg_img.png") no-repeat center top; }

.ui-main-body {
  position: relative; }

.ui-item_error {
  position: absolute;
  bottom: 0;
  border: 6px solid #000;
  padding: 40px 50px; }
  .ui-item_error p {
    text-align: left; }

.ui-footer #copyright small {
  color: #fff; }

.ui-main-upper .ui-logo {
  position: relative;
  padding-top: 14px; }
  .ui-main-upper .ui-logo::after {
    position: absolute;
    content: "";
    width: 176px;
    height: 191px;
    display: block;
    background: url("/kanji/assets/media/ponta/pc/img/kanji_ponta.png") no-repeat center top;
    top: 190px;
    right: -120px; }

.ui-frame .ui-item-header .ui-item-title {
  margin-top: 0; }