/* style.css produced by koieng_style */
/*           produced at 2019-06-30 17:19:49 */

/* 0000 - s0027 */
/* 管理メニュー */
/* complied at 2018-10-05 22:45:40 */
.adminmenu li {
  margin-top: 5px;
  margin-left: 30px;
  padding-bottom: 5px;
  padding-left: 20px; }

.adminmenu li:before {
  content: '●';
  font-size: 150%;
  color: #bb840a;
  vertical-align: middle; }

/* 0100 - s0001 */
/* body定義 */
/* complied at 2018-08-10 14:58:41 */
body {
  /*background:url(img/bg.jpg) no-repeat top center;*/
  background-color: white;
  font-size: 11px;
  width : 100%;
  text-align: center;
  color: #533b0e;
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif; }

.wrap1 {
  /*background: url(../img/bg-shadow0.gif) right repeat-y;*/
  margin: 0 auto; }

.wrap2 {
  width : 100%;
  /*background: url(../img/bg-shadow.gif) left repeat-y;*/
  /*border: 1px solid red;*/
  margin: 0; }

.wrap3 {
  width : 100%;
  /*border: 1px solid black;*/
  position : relative;
  text-align: left;
  margin: 0px 0 0px 0;
  padding: 0px 0px 0px 0px;
  font-size: 1.2em;
  /**/
  line-height: 1.5em;
  /*background-color:#ffeeee;*/ }

.main {
  max-width: 900px; }

/* 0110 - s0002 */
/* ini.cssオーバーライド */
/* complied at 2018-08-10 18:54:58 */
img {
  vertical-align : middle;
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width: 100%; }

/* s0003 */
/* ページトップへ */
/* 2017-08-20 00:44:56 */
.to_ptop {
  margin-top: 20px;
  font-size: 10px;
  text-align: right; }

/* 0130 - s0004 */
/* スマホヘッダ固定 */
/* complied at 2018-08-01 17:40:36 */
.spheader {
  background-color: white;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
  -webkit-box-shadow: 1px 0px 3px 2px rgba(224, 224, 224, 0.7);
  -moz-box-shadow: 1px 0px 3px 2px rgba(224, 224, 224, 0.7);
  box-shadow: 1px 0px 3px 2px rgba(224, 224, 224, 0.7);
  border-bottom: solid 1px #dacdb0;
  padding: 4px 0 9px 0; }

.wrap2 {
  padding-top: 60px; }

@media screen and (min-width: 480px), print {
  .spheader {
    position: relative; }

  .wrap2 {
    padding-top: 0px; } }

/* 0140 - s0005 */
/* ヘッダ内の配置  */
/* complied at 2018-06-22 18:28:39 */
/* ここに481px以上のCSSを記述*/
/* ホームロゴ（センタートップ） */
.header {
  display: table;
  width : 100%;
  padding: 0px 0 0px 0;
  /* ホームロゴ（センタートップ） */ }

#hometitle {
  display: table-cell;
  width: 88px;
  width: 50%;
  vertical-align: middle;
  margin: 0 auto; }

#hometitle img {
  width: 100%; }

#toptitle {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0 0 5px;
  width: 25%;
  font-size: 10px; }

#subtitle {
  padding: 0 0 0 0;
  display: table-cell;
  width: 25%;
  font-size: 10px;
  vertical-align: middle; }

@media screen and (min-width: 480px), print {
  #hometitle {
    width: 128px; }

  #toptitle {
    padding: 4px 0 0 5px;
    width: 40%;
    font-size: 15px; }

  #subtitle {
    width: 40%;
    font-size: 15px; } }

/* 0150 - s0006 */
/* メニュー枠/メニューボタンの表示 */
/* complied at 2018-11-20 15:58:03 */
/* ここに481px以上のCSSを記述*/
/*  */
#topmenu {
  display: none;
  margin: 0px 0px 0px 0px;
  /*border-top:solid 1px black;
		border-left:solid 1px black;
		border-right:solid 1px black;
		border-bottom:solid 1px black;*/
  text-align: center; }

#spmenu {
  display: block;
  margin: 0px 5px 0 0;
  position: absolute;
  right: 0px;
  top: 0px; }

#btn_spmenu {
  width: 36px;
  height: 32px;
  position: relative;
  top: 14px;
  right: 4px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("style_s0006_001.png");
  background-size: 36px 32px;
  -webkit-background-size: 36px 32px;
  -moz-background-size: 36px 32px;
  background-repeat: none; }

@media screen and (min-width: 480px), print {
  #topmenu {
    display: block; }

  #spmenu {
    display: none; } }

/* 0160 - s0007 */
/* フッタエリア */
/* complied at 2018-08-10 15:58:29 */
#companyname:before {
  content: "koishinri"; }

.footer {
  background-color: #bb840a;
  /**/
  padding: 0.3em 0 0.3em 0;
  line-height: 1em;
  color: white;
  /**/ }

.logout {
  width: 100%;
  padding-top: 2px;
  height: 1em;
  line-height: 100%; }

.logout1 {
  float: left;
  width: 50%;
  text-align: left; }

.logout2 {
  float: right;
  width: 50%;
  text-align: right; }

/* s0008 */
/* メインコンテンツのエリア  */
/* 2017-08-21 04:20:03 */
.main {
  width : 100%;
  margin: 0 auto; }

@media screen and (min-width: 480px), print {
  .main {
    z-index: 10; } }

/* 0175 - s0035 */
/* メインエリアのフォント変更 */
/* complied at 2018-05-12 22:12:29 */


/* 0180 - s0034 */
/* 多言語タグ */
/* complied at 2017-12-22 12:55:30 */
ul.langlist {
  margin-top: -15px;
  text-align: right;
  width: 100%; }
  ul.langlist li {
    display: inline;
    margin-right: 3px; }
  ul.langlist .current {
    color: gray; }
  ul.langlist a, ul.langlist a:link {
    color: orange; }

/* 0210 - s0009 */
/* 管理画面（標準版・PC固定画面）  */
/* complied at 2018-08-10 13:53:59 */
.ttl {
  color: black;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 10px 0px 10px 0px;
  padding: 0px 0 0 5px;
  border-left: 15px solid #bb840a; }

.list th, .form th {
  color: white;
  padding: 2px;
  border: 1px #999 solid;
  border-width: 0 0 1px 1px;
  background: #bb840a;
  font-weight: bold;
  line-height: 200%;
  text-align: center; }

.list td, .form td {
  padding: 2px;
  border: 1px black solid;
  border-width: 0 0 1px 1px; }

/* 0220 - s0010 */
/* 管理画面　テーブル（レスポンシブ版）  */
/* complied at 2019-06-30 17:19:49 */
/* ここに481px以上のCSSを記述*/
/* PC管理メニュー*/
.pc_td {
  display: none; }

.td_name {
  display: block;
  padding-bottom: 25px;
  font-size: 70%; }

.td_value {
  display: block; }

@media screen and (min-width: 480px), print {
  .pc_td {
    display: table-cell; }

  .td_name {
    width: 100px;
    display: table-cell;
    font-size: 100%; }

  .td_value {
    display: table-cell;
    width: 700px; } }

/* 0230 - s0033 */
/* 管理画面　商品受注 */
/* complied at 2017-09-09 18:26:42 */
.form_cart11 p {
  margin: 5px 10px; }
  .form_cart11 h1 {
    width: 760px;
    height: 22px;
    padding: 8px 0px 1px 0px;
    margin: 10px 0px;
    color: #e41c30;
    font-weight: bold;
    text-align: left; }
  .form_cart11 h2 {
    width: 760px;
    padding: 10px 0px 1px 0px;
    margin: 10px 0px;
    color: #e41c30;
    font-weight: bold;
    text-align: left; }
  .form_cart11 .mycart {
    width: 670px;
    margin: 0 20px; }
    .form_cart11 .mycart tr {
      border: 1px #789 solid;
      border-width: 1px 1px 0 0; }
    .form_cart11 .mycart th {
      padding: 2px;
      border: 1px #789 solid;
      border-width: 0 0 1px 1px;
      background: #007747;;
      color: white;
      line-height: 200%;
      text-align: center; }
    .form_cart11 .mycart td {
      padding: 2px;
      border: 1px black solid;
      border-width: 0 0 1px 1px; }
  .form_cart11 .mytable {
    margin: 0 20px; }
    .form_cart11 .mytable tr {
      border: 1px #789 solid;
      border-width: 1px 1px 0 0; }
    .form_cart11 .mytable th {
      width: 150px;
      padding: 2px 4px;
      border: 1px #789 solid;
      border-width: 0 0 1px 1px;
      background: #007747;;
      color: white;
      line-height: 200%; }
    .form_cart11 .mytable td {
      width: 500px;
      padding: 2px 4px;
      border: 1px black solid;
      border-width: 0 0 1px 1px; }
  .form_cart11 .buttons {
    margin: 10px 0px; }
  .form_cart11 td .myradio {
    width: 10px; }

/* 0310 - s0025 */
/* カートメニュー */
/* complied at 2017-09-02 22:59:29 */
/* ここに480px以上のCSSを記述*/
#btn_pccart {
  width: 25px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("style_s0025_001.png"); }

#btn_spcart {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("style_s0025_002.png"); }

#topcart {
  display: none;
  /**/ }

@media screen and (min-width: 480px), print {
  #topcart {
    display: block;
    /**/ }

  #topcart {
    white-space: nowrap;
    float: right; }

  #topcart_in {
    font-size: 16px;
    padding: 9px 9px 5px 8px;
    background-color: #007747;
    /*#b7da6a*/ }

  #topcart_in a {
    color: white; }

  #topcart a:link {
    TEXT-DECORATION: underline; }

  #topcart_in a:link {
    TEXT-DECORATION: none; } }

/* 0320 - s0026 */
/* メンバーメニュー */
/* complied at 2017-09-28 01:03:16 */
/* ここに480px以上のCSSを記述*/
.membermenu ul {
  display: none;
  position: absolute;
  background-color: white;
  color: black; }
  .membermenu li a {
    color: black; }
  .membermenu .menu_on ul {
    display: block; }
  .membermenu li {
    overflow: hidden;
    width: 100%; }
  .membermenu li li {
    margin-left: 10px;
    overflow: hidden;
    width: 100%; }
  .membermenu li li:hover {
    background-color: #007747;
    overflow: none; }
  .membermenu li li:hover a {
    color: white; }

.spmembermenu {
  overflow: hidden;
  text-align: center; }
  .spmembermenu li {
    padding: 10px 0px 10px 0px;
    font-size: 150%;
    font-weight: bold; }
  .spmembermenu li a {
    color: black; }
  .spmembermenu li:hover {
    background-color: #007747; }
  .spmembermenu li:hover a {
    display: block;
    color: white; }

@media screen and (min-width: 480px), print {
  .spmembermenu {
    display: none; } }

/* 0400 - s0011 */
/* メニュー（ホーム） */
/* complied at 2018-08-10 13:56:29 */
/* ここに480px以下のCSSを記述*/
/* ここに480px以上のCSSを記述*/
.showat_h {
  font-size: 30px;
  font-weight: bold;
  padding: 3px 0 3px 0;
  text-align: center;
  color: #bb840a; }

.showat_h li a {
  color: #bb840a; }

.showat_h li:hover a {
  display: block;
  color: #bb840a; }

#hometitle {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif; }

#hometitle #catch {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #bb840a; }

@media screen and (max-width: 480px) {
  .showat_h .reg {
    display: none; } }

@media (min-width: 480px) {
  .showat_h .min {
    display: none; }

  .showat_h li a {
    display: block;
    text-decoration: none; } }

/* 0410 - s0012 */
/* メニュー（トップ） */
/* complied at 2018-11-20 14:20:42 */
/* ここに480px以上のCSSを記述*/
.showat_t {
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
  /*height:50px;*/ }

.showat_t li {
  padding: 0px 0px 0px 0px;
  font-size: 18px;
  background-color: white; }

.showat_t li a {
  display: block;
  padding: 15px 8px 10px 8px;
  text-decoration: none;
  color: #bb840a; }

.showat_t li:hover {
  background-color: #bb840a; }

.showat_t li:hover a {
  display: block;
  color: white; }

#osusume {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif; }

.button-there a {
  display: block;
  text-align: center;
  background: #c68e11;
  color: #fff;
  padding: 10px 5px 10px 5px;
  border-bottom: solid 5px #a47101;
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
  font-size: 20px; }

.button-there a:before {
  content: "\226B";
  font-size: 0.9em; }

@media (min-width: 480px) {
  .showat_t .min {
    display: none; }

  .showat_t {
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    display: table;
    /*height:100%;*/ }

  .showat_t ul {
    display: inline-block; }

  .showat_t li {
    width: 16%;
    /*float: left;*/
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    /*border-left:solid #666 1px;*/ }

  .showat_t li a {
    display: block;
    padding: 10px 4% 8px 4%;
    text-decoration: none;
    /*height:100%;*/ }

  .showat_t li a:hover {
    background-color: #bb840a;
    color: white; } }

/* s0013 */
/* メニュー（パンくず） */
/* 2017-08-21 03:55:54 */
.showat_p {
  color: green;
  margin: 0px 0px;
  padding: 5px 10px;
  font-size: 12px; }

.showat_p a:link, .showat_p a:hover, .showat_p a:visited {
  color: green; }

/* s0014 */
/* メニュー（ユーティリティ） */
/* 2017-08-20 14:06:18 */


/* s0015 */
/* メニュー（サイド） */
/* 2017-08-22 22:59:43 */
/* ここに480px以上のCSSを記述*/
.showat_s {
  display: table; }

.showat_s .s_top {
  border-bottom: solid 2px #9933cc; }

.showat_s .s_top a {
  color: #9933cc; }

.showat_s ul {
  font-size: 1em;
  line-height: 1.2em;
  display: table-cell;
  /**/
  overflow: hidden; }

.showat_s ul {
  display: block;
  text-align: left;
  position: relative;
  padding: 0 7px 0 7px;
  /**/ }

.showat_s li {
  padding: 10px 0 10px 0; }

.showat_s li:hover {
  background-color: #9999ff; }

.showat_s li:hover a {
  color: white;
  text-decoration: none; }

.showat_s li ul.current {
  display: block;
  /* ここに480px以下のCSSを記述*/ }

.showat_s {
  width: 100%;
  background-color: white; }

/* 0450 - s0016 */
/* メニュー（ボトム） */
/* complied at 2018-08-10 16:06:57 */
/* ここに480px以下のCSSを記述*/
.showat_b {
  text-align: center;
  font-size: 15px;
  background-color: white;
  width: 100%; }

.showat_b {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
  color: #bb840a;
  font-weight: bold; }

.showat_b li {
  display: inline; }

.showat_b li a {
  display: ineline;
  line-height: 30px;
  text-decoration: none;
  padding: 0 10px 0 10px;
  background-color: white;
  color: black;
  color: #bb840a; }

.showat_b li a:hover {
  color: #bb840a; }

@media screen and (min-width: 480px), print {
  .showat_b {
    position: relative;
    height: 25px; }

  .showat_b li a {
    line-height: 25px; } }

/* 0500 - s0017 */
/* ストーリー画面レイアウト */
/* complied at 2018-08-10 15:42:58 */
/* ここに768px以上のCSSを記述*/
.story {
  /*.blog */ }
  .story .layout {
    display: block;
    width: 100%;
    /*background:yellow;*/ }

@media (min-width: 768px) {
  .story {
    /* .story */
    /********************/ }
    .story .layout {
      width: 100%; }
    .story .storyside {
      width: 300px;
      float: right;
      display: inine;
      margin: 0 auto;
      padding-top: 0px;
      vertical-align: top; }
    .story .storylist, .story .storymain {
      width: 570px;
      float: left;
      display: inine;
      margin: 0 auto;
      padding-right: 0px;
      vertical-align: top; } }

/* 0510 - s0022 */
/* ストーリー画面デザイン */
/* complied at 2018-06-29 12:05:06 */
.story .toptitle {
  height: 0;
  width: 100%;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 31.25%;
  background: url('style_s0022_001.png') 0 0 no-repeat;
  background-size: contain; }

/* 0520 - s0019 */
/* ストーリー画面サイドバー */
/* complied at 2018-09-25 21:58:59 */
.story .sidelist {
  margin: 10px 0px; }
  .story .sidelist #ttl_latest:before {
    content: 'Latest Story'; }
  .story .sidelist #ttl_past:before {
    content: 'Past Story'; }
  .story .sidelist #ttl_theme:before {
    content: 'Theme'; }
  .story .sidelist .storyttl {
    padding: 4px 5px 1px 5px;
    margin: 0px 0 7px 0;
    text-align: center;
    font-size: 10pt;
    background-color: #bb840a;
    color: white; }
  .story .sidelist .year {
    text-align: center;
    margin: 0px 0px 0px 0px; }
  .story .sidelist ul {
    padding: 0px 5px 5px 0px;
    font-size: 15px;
    padding: 0px 5px 5px 5px;
    text-align: center; }
  .story .sidelist li {
    display: block;
    /**/
    padding: 7px 5px 5px 5px;
    border-bottom: 1px solid #d4bd7e;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    color: #bb840a;
    font-weight: bold;
    font-size: 15px; }
  .story .sidelist a {
    color: #bb840a; }

/* 0530 - s0018 */
/* ストーリー記事一覧（横並び数） */
/* complied at 2018-08-10 16:35:56 */
/* ここに768px以上のCSSを記述*/
.storylist .item {
  display: inline-block;
  position: relative;
  width: 49%;
  box-sizing: border-box;
  padding: 10px 5px 0px 5px;
  text-align: left; }
  .storylist .ttl, .storylist .btitle {
    border: none;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    color: #bb840a;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    padding: 0px 0 1px 0;
    margin: 3px 0 5px 0; }
  .storylist .date {
    color: #c4b38f;
    margin: 5px 0 0 0;
    font-size: 12px; }
  .storylist .page {
    padding: 20px 0 0px 0;
    position: static; }
  .storylist .page a {
    color: #bb840a;
    padding: 0 3px 0 3px; }
  .storylist .page b {
    color: #bb840a;
    padding: 0 3px 0 3px; }

@media (min-width: 768px) {
  .storylist {
    /* @media */ }
    .storylist .item {
      width: 275px;
      float: left;
      display: inline;
      padding: 0;
      margin: 15px 20px 15px 0; }
    .storylist .item a {
      display: block; }
    .storylist .item:nth-child(2n) {
      margin: 15px 0px 15px 0; } }

/* 0540 - s0021 */
/* ストーリー記事一覧用コンテンツ */
/* complied at 2018-08-10 17:39:46 */
.storylist .item .itemheader {
  font-size: 10px;
  position: relative;
  overflow: hidden; }
  .storylist .item .itemheader .btitle {
    margin: 10px 0 0 0; }
  .storylist .item .title {
    padding: 3px 10px 1px 0px;
    font-size: 12px;
    /*background-color:pink;*/ }
  .storylist .item hr {
    display: none; }
  .storylist .item HR {
    margin: 0px; }
  .storylist .item .date {
    padding: 0px 0px 0px 0px;
    /*background-color:yellow;*/ }
  .storylist .item .keyword {
    font-size: 10px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    box-sizing: border-box;
    margin: 0 0 0 0px;
    text-align: right; }
  .storylist .item .text {
    position: relative;
    padding: 30% 0% 0%;
    overflow: hidden; }
  .storylist .item .text-in {
    position: absolute;
    top: 0;
    margin-top: 3px;
    font-size: 15px;
    line-height: 1.5; }

@media screen and (min-width: 0px) and (max-width: 900px) {
  .storylist .item {
    min-height: 360px; }
    .storylist .item .text {
      position: relative;
      padding: 0% 0% 0% 0%;
      overflow: hidden; }
    .storylist .item .text-in {
      position: absolute;
      top: 0;
      margin-top: 3px;
      font-size: 12px;
      line-height: 1.5;
      display: none; }
    .storylist .item .keyword {
      font-size: 10px;
      position: static;
      right: 0px;
      bottom: 0px;
      box-sizing: border-box;
      margin: 0 0 0 0px;
      text-align: right; } }

/* 0545 - s0047 */
/* ストーリー記事一覧（関連記事） */
/* complied at 2018-09-17 18:18:36 */
/* ここに480px以上のCSSを記述*/
/* ここに768px以上のCSSを記述*/
.storyrelated ul {
  display: block; }
  .storyrelated li {
    display: block;
    font-size: 10px;
    line-height: 12px;
    box-sizing: border-box;
    padding-right: 10px;
    padding-top: 10px;
    /*clear:left;*/ }
  .storyrelated li:after, .storyrelated li:before {
    content: "";
    clear: left;
    display: block; }
  .storyrelated .img {
    width: 100px;
    float: left;
    margin-right: 10px; }
  .storyrelated .ttl {
    font-size: 14px;
    font-weight: bold; }

@media (min-width: 480px) {
  .storyrelated {
    /* ここまで*****************/ }
    .storyrelated li {
      font-size: 12px;
      line-height: 14px; }
    .storyrelated .img {
      width: 125px; }
    .storyrelated .ttl {
      font-size: 15px; } }

@media (min-width: 768px) {
  .storyrelated .img {
    /* ここまで*****************/ } }

/* 0550 - s0020 */
/* ストーリー記事本体 */
/* complied at 2018-08-10 17:26:06 */
.storymain .item {
  display: block;
  margin: 10px auto 10px auto;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0px 15px 0px;
  text-align: left; }
  .storymain .item img {
    max-width: 100%;
    margin: 15px 0px 15px 0px; }
  .storymain .item .text {
    position: relative;
    padding: 0% 0% 0%;
    font-size: 16px; }
  .storymain .title {
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    color: #bb840a;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.75; }
  .storymain h2 {
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    color: #bb840a;
    font-size: 22px;
    font-weight: bold;
    padding: 15px 0 15px 0;
    line-height: 1.75; }
  .storymain p {
    padding: 10px 0 10px 0;
    line-height: 1.5; }

.storymain .title a {
  color: #bb840a; }

.storymain .title a:visited {
  color: #bb840a; }

.storymain .title a:hover {
  color: #bb840a; }

.storymain .title a:active {
  color: #bb840a; }

@media screen and (min-width: 0px) and (max-width: 900px) {
  .storymain .title {
    padding: 15px 3% 0 3%; }

  .storymain h2 {
    padding: 10px 3% 10px 3%; }

  .storymain p {
    padding: 10px 3% 10px 3%; } }

/* 0560 - s0023 */
/* ストーリー記事フッタ  */
/* complied at 2018-06-29 12:02:17 */
.story .item .bottom {
  font-size: 10px;
  position: absolute;
  width: 20%;
  bottom: 0px;
  padding: 4px;
  right: 0px;
  background-color: green;
  text-align: right; }

/* 0570 - s0024 */
/* ストーリー記事ページ部品 */
/* complied at 2018-06-29 12:02:33 */
.page {
  margin: 0px 5px 10px 5px;
  padding: 0px 0px 5px 0px; }

/* 0600 - s0036 */
/* 汎用診断　振分 */
/* complied at 2018-12-19 16:06:30 */
/* ここに768px以上のCSSを記述*/
.assess {
  /*.assess */ }
  .assess .assessmain {
    display: block;
    width: 100%; }

@media (min-width: 768px) {
  .assess {
    width: 100%;
    /* .assess */
    /********************/ }
    .assess .assessmain {
      box-sizing: border-box;
      width: 600px;
      float: left;
      display: inine;
      margin: 0 auto;
      padding-right: 0px;
      vertical-align: top; }
    .assess .assessside {
      box-sizing: border-box;
      width: 300px;
      float: right;
      padding-top: 0px;
      vertical-align: top; } }

/* 0610 - s0037 */
/* 汎用診断　レイアウト */
/* complied at 2019-06-30 16:38:56 */
/* ここに768px以上のCSSを記述*/
.assess {
  /*.assess */ }
  .assess .assessmain {
    box-sizing: border-box;
    padding: 0 20px; }
    .assess .assessmain .result {
      font-weight: bold;
      margin-top: 20px;
      font-size: 130%;
      line-height: 160%; }
    .assess .assessmain .title {
      font-weight: bold;
      font-size: 19px;
      line-height: 1.9; }
    .assess .assessmain .text, .assess .assessmain .atitle, .assess .assessmain .atext {
      font-size: 17px;
      line-height: 1.9; }
    .assess .assessmain .qnum {
      margin-top: 10px;
      font-weight: bold;
      font-size: 19px; }
    .assess .assessmain .qtext {
      font-size: 17px;
      line-height: 1.9; }
  .assess .assessmain {
    padding: 0 20px; }
    .assess .assessmain li {
      width: 100%;
      clear: both; }
    .assess .assessmain .icon {
      box-sizing: border-box;
      padding: 10px 10px 10px 0;
      width: 30%;
      float: left; }
    .assess .assessmain .item {
      box-sizing: border-box;
      width: 70%;
      padding: 0 0 10px 0;
      float: right; }

@media (min-width: 768px) {
  .assess {
    /* .assess */
    /********************/ }
    .assess .assessmain {
      padding: 0 10px 0 10px; }
    .assess .assessside {
      padding: 0 10px 0 10px; } }

/* 0615 - s0038 */
/* 汎用診断　サイドの一覧 */
/* complied at 2018-09-25 19:31:24 */
.assessside {
  width: 100%;
  display: block; }
  .assessside .assessttl {
    padding: 4px 5px 1px 5px;
    margin: 0px 0 7px 0;
    text-align: center;
    font-size: 10pt;
    background-color: #bb840a;
    color: white; }
  .assessside li {
    display: table;
    table-layout: fixed;
    margin: 0 0 5px 0; }
  .assessside li .icoimg {
    display: table-cell;
    width: 30%;
    /*float:left;*/ }
  .assessside li .title {
    width: 70%;
    display: table-cell;
    vertical-align: top;
    padding: 0 5px; }

/* 0628 - s0041 */
/* 汎用診断　ボタン */
/* complied at 2018-09-15 15:22:02 */
.qitem .citems {
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f05d3b;
  color: #fff;
  padding: 10px 3% 10px 3%;
  border-bottom: solid 4px #e73c14;
  font-size: 16px;
  width: 100%;
  display: block;
  text-align: center;
  width: 94%;
  margin: 15px auto 15px;
  font-size: 16px; }

.qitem .btn01 {
  background: #f05d3b;
  border-bottom: solid 4px #e73c14; }

.qitem .btn02 {
  background: #686868;
  border-bottom: solid 4px #3f3f3f; }

.qitem .btn03 {
  background: green;
  border-bottom: solid 4px #3f3f3f; }

.qitem .btn04 {
  background: blue;
  border-bottom: solid 4px #3f3f3f; }

/* 0705 - s0028 */
/* お問い合せ */
/* complied at 2018-08-06 11:51:15 */
/* ここに480px以上のCSSを記述*/
.contact_contents {
  text-align: center;
  margin: 0px auto;
  /*background-color:skyblue;*/ }

.contact_title {
  margin: 20px 0 20px 0;
  width: 100%;
  text-align: center; }

.contact_contents .introduction {
  width: 90%;
  text-align: left;
  margin: 10px auto;
  text-hight: 20px;
  font-size: 15px; }

.contact_contents .hissu {
  color: red;
  width: 90%;
  margin: 0px auto;
  text-align: right; }

.contact_contents .ness {
  color: red; }

.contact_contents input {
  font-size: 1.3em; }

dl#table {
  width: 90%;
  margin: 0px auto;
  text-align: left; }

dl#table dt {
  padding: 5px 5px 3px 5px;
  background-color: #bb840a;
  color: white; }

dl#table dd {
  /*background-color:#ffffff;*/
  padding: 1px 5px 10px 20px;
  margin-bottom: 5px;
  overflow: hidden; }

.contact_contents .buttons {
  text-align: center;
  margin: 10px 20px 40px 20px; }

.contact_contents .thankyou {
  text-align: left;
  width: 90%;
  margin: 20px 30px; }

.contact_contents .thankyou dt {
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0; }

.contact_contents .thankyou dd {
  font-size: 14px;
  line-height: 18px;
  margin: 0 20px 0 20px; }

a.sendbtn {
  color: white;
  background-color: #bb840a;
  width: 200px;
  margin: 20px auto;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 8px 0 10px;
  border: 1px solid gray;
  border-radius: 15px; }

a:hover.sendbtn {
  background-color: white;
  color: #bb840a; }

@media (min-width: 481px) {
  .contact_contents {
    width: 470px;
    /*background-color:skyblue;*/
    /* テーブルレイアウト */ }

  dl#table dl, dt, dd {
    margin: 0;
    padding: 0; }

  dl#table {
    background-color: #bb840a;
    width: 480px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px; }

  dl#table dt, dl#table dd {
    padding: 10px 5px 10px 5px; }

  dl#table dt {
    border-top: 1px solid #ccc;
    clear: left;
    float: left;
    width: 150px; }

  dl#table dd {
    background-color: white;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-left: 101px;
    overflow: hidden; }

  dl#table dd span {
    font-size: 80%; }

  dl#table dd .clr {
    clear: both; } }

/* 0710 - s0029 */
/* 相性診断　振分 */
/* complied at 2018-08-10 15:50:40 */
/* ここに768px以上のCSSを記述*/
.session {
  /*.assess */ }
  .session .sessionmain {
    display: block;
    width: 100%; }

@media (min-width: 768px) {
  .session {
    display: table;
    table-layout: fixed;
    width: 100%;
    /* .session */
    /********************/ }
    .session .sessionmain {
      width: 570px;
      float: left;
      display: inline;
      margin: 0 auto; }
    .session .sessionside {
      width: 300px;
      float: right;
      display: inline;
      margin: 0 auto;
      padding-top: 0px;
      vertical-align: top; } }

/* 0715 - s0030 */
/* 相性診断　余白レイアウト */
/* complied at 2018-08-01 17:13:09 */
/* ここに768px以上のCSSを記述*/
.session {
  /*.session */ }
  .session .sessionmain {
    padding: 0 0px; }

@media (min-width: 768px) {
  .session {
    /* .session*/
    /********************/ }
    .session .sessionmain {
      padding: 0 0px 0 0px; }
    .session .sessionside {
      padding: 0 0px 0 0px; } }

/* 0720 - s0031 */
/* 相性診断　サイドの一覧 */
/* complied at 2018-08-03 15:11:00 */
.sessionside {
  width: 100%;
  display: block; }
  .sessionside .ttl {
    padding: 4px 5px 1px 5px;
    margin: 0px 0 7px 0;
    text-align: center;
    font-size: 10pt;
    background-color: #bb840a;
    color: white; }
  .sessionside li {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 5px 0; }
  .sessionside li .icoimg {
    display: table-cell;
    width: 30%;
    /*float:left;*/ }
    .sessionside li .icoimg img {
      width: 100%; }
  .sessionside li .title {
    width: 70%;
    display: table-cell;
    vertical-align: top;
    padding: 0 5px; }

/* 0725 - s0032 */
/* 相性診断　イントロタイトル */
/* complied at 2019-06-28 20:48:48 */
.session .div_start {
  font-size: 17px;
  line-height: 1.9; }
  .session .div_start .ttl01 {
    background: #f5ebdf;
    color: #bb840a;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    margin: 0px 0 10px 0;
    padding: 2px 2px 0 px;
    font-weight: bold; }
  .session .div_start .ttl01:before {
    content: "<"; }
  .session .div_start .ttl01:after {
    content: ">"; }
  .session .div_start .ttl02 {
    font-size: 190%;
    line-height: 150%;
    color: #bb840a;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    font-weight: bold;
    padding: 0 10px; }
  .session .div_start .div_img {
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    height: 0;
    padding-top: 37.7%;
    background: url('style_s0032_001.png') 0 0 no-repeat;
    background-size: contain; }
  .session .div_start .overview {
    padding: 10px 10px 10px 10px; }
  .session .div_start .div_question {
    font-size: 18px;
    padding: 10px 10px 10px 10px; }
  .session .div_start .yourname {
    color: #e29c2b;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 20px; }
  .session .div_start input#myname {
    margin: 0 0px 0 0px;
    padding: 10px 10px 10px 10px;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px #8f8a7e;
    font-size: 15px; }
  .session .div_start input.btn_next {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    text-align: center;
    background: #f05d3b;
    color: #fff;
    padding: 10px 3% 10px 3%;
    border-bottom: solid 4px #e73c14;
    font-size: 16px;
    width: 100%;
    margin: 20px 0 20px 0; }

/* 0726 - s0039 */
/* 相性診断　診断中スタイル */
/* complied at 2018-08-01 20:41:27 */
#div_01 .ttl01 {
  color: #fedf98;
  background: #c17b0b;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
  margin: 20px 0 10px 0;
  padding: 15px 15px 15px 15px;
  font-size: 19px;
  line-height: 1.5;
  font-weight: bold; }
  #div_01 .div_question {
    padding: 10px 10px 10px 10px;
    font-size: 17px;
    color: #c28e3a;
    font-weight: bold; }
  #div_01 .div_question #num {
    background: #bb840a;
    padding: 1px 1px 1px 1px;
    font-weight: bold;
    color: #feefce;
    font-size: 12px;
    display: block;
    width: 20px;
    text-align: center;
    float: left; }
  #div_01 .div_choice .btn_y {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f05d3b;
    color: #fff;
    padding: 10px 3% 10px 3%;
    border-bottom: solid 4px #e73c14;
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: center;
    width: 94%;
    margin: 15px auto 15px;
    font-size: 16px; }
  #div_01 .div_choice .btn_n {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #686868;
    color: #fff;
    padding: 10px 3% 10px 3%;
    border-bottom: solid 4px #3f3f3f;
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: center;
    width: 94%;
    margin: 15px auto 15px;
    font-size: 16px; }
  #div_01 #div_answer {
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    color: #e84f2c;
    font-size: 24px;
    line-height: 1.75;
    text-align: center;
    padding: 20px 20px 20px 20px;
    font-weight: bold; }
  #div_01 #div_answer button {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    text-align: center;
    background: #c68e11;
    color: #fff;
    padding: 15px 3% 15px 3%;
    border-bottom: solid 4px #a47101;
    font-size: 18px;
    width: 100%;
    margin: 20px 0 20px 0; }

.div_03 .ttl01 {
  color: #fedf98;
  background: #c17b0b;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
  margin: 20px 0 10px 0;
  padding: 15px 15px 15px 15px;
  font-size: 19px;
  line-height: 1.5;
  font-weight: bold; }
  .div_03 .div_question {
    padding: 10px 10px 10px 10px;
    font-size: 17px;
    color: #c28e3a;
    font-weight: bold; }
  .div_03 .div_question #num {
    background: #bb840a;
    padding: 1px 1px 1px 1px;
    font-weight: bold;
    color: #feefce;
    font-size: 12px;
    display: block;
    width: 20px;
    text-align: center;
    float: left; }
  .div_03 .div_choice .btn_y {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #2383cb;
    color: #fff;
    padding: 10px 3% 10px 3%;
    border-bottom: solid 4px #0965aa;
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: center;
    width: 94%;
    margin: 15px auto 15px;
    font-size: 16px; }
  .div_03 .div_choice .btn_n {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #686868;
    color: #fff;
    padding: 10px 3% 10px 3%;
    border-bottom: solid 4px #3f3f3f;
    font-size: 16px;
    width: 100%;
    display: block;
    text-align: center;
    width: 94%;
    margin: 15px auto 15px;
    font-size: 16px; }
  .div_03 #div_answer {
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    color: #1a66a0;
    font-size: 24px;
    line-height: 1.75;
    text-align: center;
    padding: 20px 20px 20px 20px;
    font-weight: bold; }
  .div_03 #div_answer button {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    text-align: center;
    background: #c68e11;
    color: #fff;
    padding: 15px 3% 15px 3%;
    border-bottom: solid 4px #a47101;
    font-size: 18px;
    width: 100%;
    margin: 20px 0 20px 0; }

/* 0727 - s0040 */
/* 相性診断　診断結果スタイル */
/* complied at 2018-11-22 12:37:46 */
.div_02 .ttl01, .div_04 .ttl01, .div_05 .ttl01 {
  background: #f5dca6;
  color: #bb840a;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
  margin: 20px 0 10px 0;
  padding: 15px 15px 15px 15px;
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold; }
  .div_02 .answer, .div_04 .answer, .div_05 .answer, .div_02 .div_answer, .div_04 .div_answer, .div_05 .div_answer {
    padding: 10px 0px 10px 0px;
    line-heihgt: 1.75;
    color: #805800; }
  .div_02 p, .div_04 p, .div_05 p {
    color: #704d00;
    line-height: 1.9;
    padding: 14px 10px 14px 10px;
    font-size: 17px;
    letter-spacing: 1px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); }
  .div_02 .ttl02, .div_04 .ttl02, .div_05 .ttl02 {
    color: #e29c2b;
    padding: 40px 10px 10px 10px;
    font-weight: bold;
    line-height: 1.75;
    font-size: 25px;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
    text-align: center; }
  .div_02 .div_question, .div_04 .div_question, .div_05 .div_question {
    padding: 0 10px 0 10px;
    font-size: 18px; }
  .div_02 .hisname, .div_04 .hisname, .div_05 .hisname {
    color: #e29c2b;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    font-size: 20px; }
  .div_02 input#tgtname, .div_04 input#tgtname, .div_05 input#tgtname {
    margin: 0 0px 0 0px;
    padding: 10px 10px 10px 10px;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px #8f8a7e;
    font-size: 15px; }
  .div_02 .div_btn, .div_04 .div_btn, .div_05 .div_btn {
    padding: 10px 10px 10px 10px; }
  .div_02 input#tgtcheck, .div_04 input#tgtcheck, .div_05 input#tgtcheck {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    text-align: center;
    background: #2383cb;
    color: #fff;
    padding: 10px 3% 10px 3%;
    border-bottom: solid 4px #0965aa;
    font-size: 16px;
    width: 100%;
    margin: 20px 0 20px 0; }
  .div_02 .div_question .btn_next, .div_04 .div_question .btn_next, .div_05 .div_question .btn_next {
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    text-align: center;
    background: #f38400;
    color: #fff;
    padding: 10px 3% 10px 3%;
    border-bottom: solid 4px #cf5003;
    font-size: 16px;
    width: 100%;
    margin: 20px 0 20px 0; }
  .div_02 .div_table table, .div_04 .div_table table, .div_05 .div_table table {
    line-height: 1.75;
    width: 100%; }
  .div_02 .div_table table th, .div_04 .div_table table th, .div_05 .div_table table th {
    padding: 10px 10px 10px 10px;
    border-top: solid 1px #f8eac9;
    border-bottom: solid 1px #f8eac9;
    border-left: none;
    border-right: solid 1px #f8eac9;
    color: #bb840a;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
    background: #fff9ea;
    font-weight: bold;
    width: 40%;
    font-size: 17px; }
  .div_02 .div_table table td, .div_04 .div_table table td, .div_05 .div_table table td {
    padding: 10px 10px 10px 10px;
    border-top: solid 1px #f8eac9;
    border-bottom: solid 1px #f8eac9;
    border-left: none;
    border-right: none;
    color: #f05d3b;
    font-weight: bold;
    width: 60%;
    font-size: 22px;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif; }

.div_02 h2, .div_04 h2, .div_05 h2 {
  position: relative;
  font-weight: bold;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
  color: #bb840a;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
  font-size: 1.9em;
  background: #fff9ea;
  line-height: 1.4;
  margin: 25px 0 0 0;
  padding: 13px 20px 6px 20px; }

.div_02 h2:before, .div_04 h2:before, .div_05 h2:before {
  content: "Love Check";
  font-size: 0.6em;
  display: block;
  line-height: 1.3;
  padding: 3px 10px 3px 10px;
  background: #f5dca6;
  color: #bb840a;
  width: 140px;
  text-align: center;
  margin: -25px auto 0; }

.div_02 h3, .div_04 h3, .div_05 h3 {
  font-weight: bold;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
  color: #bb840a;
  font-size: 1.8em;
  line-height: 1.4;
  margin: 15px 0 0 0;
  padding: 0px 10px 6px 10px;
  text-align: center;
  letter-spacing: 1px; }

/* 0729 - s0042 */
/* 固定ページ */
/* complied at 2018-08-10 20:23:43 */
.box_txonly h2 {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho Pro", "MS PMincho", serif;
  color: #bb840a;
  font-size: 22px;
  font-weight: bold;
  padding: 15px 0 15px 0;
  line-height: 1.75; }

.box_txonly p {
  padding: 10px 0 10px 0;
  line-height: 1.5;
  font-size: 16px; }

@media screen and (min-width: 0px) and (max-width: 900px) {
  .box_txonly h2 {
    padding: 10px 3% 10px 3%; }

  .box_txonly p {
    padding: 10px 3% 10px 3%; } }

/* 0730 - s0043 */
/* 新規 */
/* complied at 2018-08-01 19:44:51 */


/* 0731 - s0044 */
/* 新規 */
/* complied at 2018-08-01 19:45:15 */


/* 0732 - s0045 */
/* 新規 */
/* complied at 2018-08-01 19:45:34 */


/* 0733 - s0046 */
/* 新規 */
/* complied at 2018-08-01 19:45:46 */