@charset "UTF-8";
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * 汎用ミックスイン
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * 汎用変数
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * ドキュメント
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
html {
  height: 100%; }

body {
  height: 100%; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * コンテンツエリア
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.l_contents {
  clear: both; }
  .l_contents .l_inner {
    width: 980px;
    margin: 0 auto;
    overflow: hidden; }
  .l_contents .section_main {
    width: 680px;
    float: right;
    clear: right; }
  .l_contents .section_sub {
    width: 230px;
    float: left; }
  .l_contents .breadcrumbs {
    width: 680px;
    float: right; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * メイン
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.section_main h1 {
  line-height: 50px;
  font-size: 1.54em;
  font-weight: bold;
  color: #333;
  vertical-align: middle;
  margin: 0 0 1.8em; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * サイドメニュー
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.section_sub ul {
  margin: 0;
  padding: 0; }
  .section_sub ul li {
    padding: 0; }
.section_sub .nav_local ul {
  overflow: hidden; }
.section_sub .nav_local a {
  display: block;
  height: 100%; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * カテゴリー一覧
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.categories {
  margin: 1.8em 0;
  line-height: 1; }
  .categories li {
    display: inline-block;
    margin-right: 15px !important;
    padding: 0 0 0 10px !important;
    background: url("../img/marker_01.png") no-repeat 0 center !important;
    overflow: visible !important; }
    .categories li.current {
      font-weight: bold !important; }
  .categories a:link, .categories a:visited {
    color: inherit; }
  .categories a:hover, .categories a:active, .categories a:focus {
    text-decoration: underline; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * ページネーション
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.pagenation {
  overflow: hidden;
  padding: 5px;
  text-align: center;
  clear: both; }
  .pagenation .pagenation_prev {
    float: left; }
  .pagenation .pagenation_next {
    float: right; }
  .pagenation .pagenation_numbers {
    margin: 0 !important;
    padding: 0 !important; }
    .pagenation .pagenation_numbers li {
      display: inline-block !important;
      border: none !important;
      background: none !important;
      margin: 0 3px !important;
      padding: 0 !important; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * シングルページ
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.meta {
  overflow: hidden;
  clear: both;
  width: 100%;
  margin: 1em 0; }
  .meta:first-child {
    margin-top: 0; }
  .meta .category {
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 10px 3px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .meta time {
    font-weight: bold;
    float: right; }
    .meta time.new:after {
      content: "new";
      color: #000;
      font-size: 0.77em;
      font-weight: normal;
      line-height: 1;
      display: inline-block;
      vertical-align: middle;
      margin: 0 2px;
      padding: 2px 3px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      background: #ccc; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * フォーム
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], input[type=date], input[type=datetime], input[type=time], input[type=color], textarea {
  max-width: 99%;
  margin: 0 1% 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type=radio], input[type=checkbox] {
  margin: 0 1% 0 0; }

.form_table th {
  width: 30%; }
.form_table th,
.form_table td {
  padding: 10px !important; }
.form_table .error-message {
  color: #C30;
  background: url(../../../img/admin/warning.png) no-repeat left center;
  padding-left: 24px;
  font-weight: bold;
  font-size: small; }
.form_table .form-error {
  background-color: #fcf2ff; }
.form_table .message {
  color: #C30;
  font-weight: bold;
  margin: 20px; }
.form_table .error {
  color: #C30; }
  .form_table .error em {
    color: #06C;
    font-style: normal;
    font-weight: bold; }

.from_terms_chack .from_terms_chackbox {
  text-align: center; }
.from_terms_chack .message_error {
  font-size: #C30;
  font-weight: bold;
  text-align: center;
  display: none; }

.form_submit {
  margin: 20px 0;
  text-align: center;
  clear: both; }

.required {
  font-size: 1.23em; }

#flashMessage {
  padding: 10px 20px;
  margin: 15px auto !important;
  color: #C30;
  font-weight: bold;
  border: 5px solid #C30; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * マーク・ラベル
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.new figcaption:before {
  content: "new";
  color: #000;
  font-size: 0.77em;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  padding: 2px 3px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ccc; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * グリッドシステム
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.col1 {
  width: 63.33333px; }

.col2 {
  width: 146.66667px; }

.col3 {
  width: 230px; }

.col4 {
  width: 313.33333px; }

.col5 {
  width: 396.66667px; }

.col6 {
  width: 480px; }

.col7 {
  width: 563.33333px; }

.col8 {
  width: 646.66667px; }

.col9 {
  width: 730px; }

.col10 {
  width: 813.33333px; }

.col11 {
  width: 896.66667px; }

.col12 {
  width: 980px; }

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
  box-sizing: border-box; }

.cols {
  overflow: hidden; }
  .cols .col1,
  .cols .col2,
  .cols .col3,
  .cols .col4,
  .cols .col5,
  .cols .col6,
  .cols .col7,
  .cols .col8,
  .cols .col9,
  .cols .col10,
  .cols .col11,
  .cols .col12 {
    margin-right: 20px;
    float: left; }
    .cols .col1:last-child,
    .cols .col2:last-child,
    .cols .col3:last-child,
    .cols .col4:last-child,
    .cols .col5:last-child,
    .cols .col6:last-child,
    .cols .col7:last-child,
    .cols .col8:last-child,
    .cols .col9:last-child,
    .cols .col10:last-child,
    .cols .col11:last-child,
    .cols .col12:last-child {
      margin-right: 0;
      float: right; }