@charset "UTF-8";
* {
  outline: none !important; }

:focus {
  outline: 1px #0d4ea7 solid; }

button {
  transition: all 0.4s ease; }
  button.disabled {
    background: #ccc; }
    button.disabled:hover {
      cursor: auto;
      background: #ccc;
      opacity: 1; }

a {
  text-decoration: none;
  transition: all 0.4s ease; }
  a:hover {
    opacity: 0.8; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important; }

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #e6e6e6;
  font-family: 'メイリオ', 'M PLUS 1p', sans-serif;
  font-size: 16px; }
  html.fixed, body.fixed {
    position: fixed;
    left: 0; }

#bg_img {
  background: #0b3568;
  width: 100%;
  height: 50%;
  position: absolute;
  z-index: 5; }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  min-width: 1280px; }
  header #greeting {
    color: #fff;
    position: absolute;
    top: 12px;
    left: 200px;
    font-size: 12px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 30px;
    padding: 6px 20px;
    box-sizing: border-box; }
  header .btn {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 100%;
    padding: 7px 17px;
    margin: 0px 0 0 17px;
    cursor: pointer; }
    header .btn.goto_top {
      margin: 0px -20px 0 17px; }
    header .btn.logout {
      margin: 0 0 0 17px; }

#price table {
  max-width: none;
  width: auto; }
  #price table th {
    padding: 10px;
    color: #fff;
    background: rgba(11, 53, 104, 0.5); }

table.no-line.td tr {
  border: none; }
  table.no-line.td tr th {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

td.price {
  text-align: right; }

.wrapper {
  width: calc(100% - 80px);
  margin: 30px auto; }
  .wrapper.what_time {
    margin: 0;
    width: auto;
    margin: 0 0 5px; }
    .wrapper.what_time button.remove_timeline {
      display: inline-block; }

button.remove_timeline {
  padding: 5px 10px; }

#btn_account_area button {
  float: left;
  margin: 0 20px 0 0;
  padding: 10px 30px; }

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7); }
  footer p {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #ccc; }

.loggedin footer {
  position: static; }

div#logo {
  width: 185px;
  position: absolute;
  top: 10px;
  left: 10px; }

.modal {
  position: absolute;
  width: 400px;
  left: calc(50% - (400px / 2));
  top: calc(50% - (337px / 2));
  padding: 50px 0;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  z-index: 100;
  max-height: calc(100% - 150px);
  overflow: auto; }
  .modal.login {
    height: 200px; }
  .modal p {
    width: 300px;
    margin: 10px auto; }
  .modal .text_s {
    font-size: 12px; }
  .modal .form_edit input {
    width: 300px;
    height: 50px;
    top: 0;
    z-index: 20;
    padding: 10px;
    background: transparent;
    border-radius: 3px;
    border: 1px solid #666; }
    .modal .form_edit input#edit_zip {
      width: 7em; }
    .modal .form_edit input#edit_adr {
      width: 35em; }
  .modal button#btn_send {
    display: inline;
    padding: 15px 30px;
    position: relative;
    top: -1px; }
  .modal .form-item {
    width: 300px;
    height: 50px;
    margin: 0 auto 30px;
    position: relative;
    z-index: 10; }
    .modal .form-item input {
      position: absolute;
      width: 300px;
      height: 50px;
      top: 0;
      z-index: 20;
      padding: 10px;
      background: transparent;
      border-radius: 3px;
      border: 1px solid #666; }
    .modal .form-item .formLabel {
      margin: 0;
      position: absolute;
      top: 13px;
      left: 10px;
      z-index: 15;
      padding: 5px;
      font-size: 12px;
      background: #fff;
      color: #ccc;
      transition: all 0.4s ease;
      display: inline;
      border-radius: 100%;
      width: auto; }
      .modal .form-item .formLabel.active {
        top: -12px;
        left: 7px;
        color: #0b3568;
        font-weight: bold;
        z-index: 25; }
  .modal button#btn_login {
    width: 300px;
    margin: 0 auto;
    padding-left: 30px; }
    .modal button#btn_login svg {
      width: 25px;
      height: 25px;
      fill: #fff;
      position: absolute;
      margin: -3px 0 0 -29px; }

button {
  border: none;
  background: #0d4ea7;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  display: block;
  margin-bottom: 5px; }
  button:hover {
    opacity: 0.8;
    cursor: pointer; }
  button.large {
    width: 150px; }

a.button {
  border: none;
  background: #0d4ea7;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  display: block;
  margin-bottom: 5px;
  text-align: center; }
  a.button.large {
    width: 150px; }

p.right {
  text-align: right; }

body.loggedin {
  padding: 60px 0 0 0;
  box-sizing: border-box; }
  body.loggedin #bg_img {
    height: 53px;
    position: fixed;
    top: 0; }

.c_color {
  color: #fff;
  font-size: 14px;
  padding: 0 25px 0 0;
  position: absolute;
  white-space: nowrap;
  right: 0;
  top: 0;
  text-align: right; }
  .c_color .icon_pulldown {
    fill: #fff; }

.active .c_color {
  color: #333; }
  .active .c_color .icon_pulldown {
    fill: #333; }

.honorific {
  font-size: 12px; }

#account {
  position: absolute;
  top: 16px;
  right: 20px;
  padding: 10px 0 0 0; }

.btn_icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: -5px;
  right: 0px;
  transition: all 0.4s ease; }
  .btn_icon:hover {
    background-color: rgba(255, 255, 255, 0.2); }

.active .btn_icon:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.active.office .interactive_block {
  right: 10px; }
.active .interactive_block {
  display: block; }

#keisyutu h4 {
  font-size: 16px;
  padding: 0;
  border: none;
  margin: 0; }
#keisyutu table table {
  width: calc(100% + 30px);
  margin: 10px 0 10px 0;
  font-size: 12px; }
  #keisyutu table table th {
    width: 8em;
    text-align: left; }
  #keisyutu table table th, #keisyutu table table td {
    padding: 5px 10px; }
  #keisyutu table table.course {
    width: auto;
    margin: 10px 0; }
    #keisyutu table table.course tr:hover {
      background: transparent; }
    #keisyutu table table.course th, #keisyutu table table.course td {
      border: 1px solid #ccc;
      padding: 5px 15px; }

.interactive_block {
  background: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 10px;
  right: 20px;
  display: none; }
  .interactive_block .header {
    width: 100%;
    height: 53px; }
  .interactive_block table {
    max-height: 500px;
    overflow: auto;
    display: block;
    margin-right: 0; }
    .interactive_block table th {
      font-weight: normal;
      font-size: 12px;
      text-align: left;
      padding: 10px; }
    .interactive_block table td {
      position: relative;
      padding: 10px 5px; }
      .interactive_block table td.action {
        width: 30px;
        padding-right: 0; }
        .interactive_block table td.action .btn_icon {
          position: static;
          top: auto;
          right: auto; }
          .interactive_block table td.action .btn_icon:hover {
            background: rgba(0, 0, 0, 0.1); }
      .interactive_block table td h4 {
        margin: 0 0 5px; }
      .interactive_block table td ul {
        margin: 0;
        padding: 0 0 0 20px; }
  .interactive_block .belong {
    font-size: 16px; }
  .interactive_block .authority {
    font-size: 16px; }
  .interactive_block #logout {
    width: 100%;
    background: transparent;
    color: #333;
    vertical-align: middle;
    padding-left: 36px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #ccc; }
    .interactive_block #logout:hover {
      background: #ddd; }
    .interactive_block #logout .btn_icon {
      position: absolute;
      top: auto;
      right: auto;
      margin: -6px 0 0 -29px; }
      .interactive_block #logout .btn_icon .icon_logout {
        fill: #333; }
  .interactive_block #button_area {
    border-top: 1px solid #ccc;
    display: flex; }
    .interactive_block #button_area #bt_mypage, .interactive_block #button_area #logout {
      width: calc(50%);
      background: transparent;
      color: #333;
      vertical-align: middle;
      padding-left: 36px; }
      .interactive_block #button_area #bt_mypage .btn_icon, .interactive_block #button_area #logout .btn_icon {
        position: absolute;
        top: auto;
        right: auto;
        margin: -6px 0 0 -29px; }
        .interactive_block #button_area #bt_mypage .btn_icon .icon_logout, .interactive_block #button_area #logout .btn_icon .icon_logout {
          fill: #333; }
    .interactive_block #button_area #bt_mypage {
      background: #0d4ea7;
      color: #FFF;
      border-radius: 0 0 0 4px;
      padding-left: 0px; }
    .interactive_block #button_area #logout {
      border-radius: 0 0 4px 0; }
      .interactive_block #button_area #logout:hover {
        background: #ddd; }

.changed {
  display: inline-block;
  font-size: 12px;
  margin: 0 0 0 15px; }

.attention {
  color: #c40000;
  font-weight: bold; }

.wrapper_flex {
  display: flex; }
  .wrapper_flex .flex_item {
    margin: 10px 10px 0 0; }

div#office {
  position: absolute;
  top: 16px;
  right: 10px; }

.interactive_block .header {
  border-bottom: 1px solid #ccc;
  height: 35px; }
.interactive_block .icon_next {
  fill: #333; }

table#paper, table#price_insert {
  max-width: none;
  font-size: 12px;
  width: auto; }
  table#paper td, table#price_insert td {
    text-align: center; }
table#paper tbody {
  height: 1170px; }
  table#paper tbody td, table#paper tbody th {
    padding: 5px 10px; }
table#paper.fixed_header tbody {
  height: 400px;
  transition: all 0.4s ease; }

#price_insert thead th {
  width: 300px; }
#price_insert tbody {
  height: auto; }
  #price_insert tbody td {
    box-sizing: border-box; }

.fixed_header {
  position: relative;
  margin: 0 40px 60px; }
  .fixed_header thead {
    overflow-y: scroll; }
  .fixed_header thead, .fixed_header tbody {
    display: block;
    transition: all 0.4s ease; }
  .fixed_header tbody {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 400px; }
  .fixed_header th, .fixed_header td {
    width: 300px;
    box-sizing: border-box; }
  .fixed_header .view_all,
  .fixed_header .view_close {
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box; }

.sticky_table {
  display: block;
  position: relative;
  overflow: scroll;
  width: calc(100% - 50px);
  height: calc(75vh);
  border-collapse: collapse;
  font-size: 0; }
  .sticky_table thead,
  .sticky_table tbody {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .sticky_table th,
  .sticky_table td {
    display: inline-block;
    width: 8.0rem;
    font-size: 1.0rem; }
  .sticky_table tbody th {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1; }
  .sticky_table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2; }
    .sticky_table thead th.blank {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 3; }

#price thead th, #price thead td {
  box-sizing: border-box;
  width: 300px; }
  #price thead th.cross, #price thead td.cross {
    width: 150px !important; }
#price tbody th {
  width: 150px;
  box-sizing: border-box; }

.wrapper_checkbox {
  font-size: 12px;
  margin: 30px 40px 10px; }

section[id^='busu_'],
#tenpo,
#keisyutu,
#view_account,
#edit_address,
#edit_tell,
#add_course,
#add_area {
  position: fixed;
  z-index: 10;
  top: 100px;
  display: inline-block;
  display: none; }
  section[id^='busu_'].active,
  #tenpo.active,
  #keisyutu.active,
  #view_account.active,
  #edit_address.active,
  #edit_tell.active,
  #add_course.active,
  #add_area.active {
    display: block;
    z-index: 20;
    position: fixed; }
  section[id^='busu_'] table,
  #tenpo table,
  #keisyutu table,
  #view_account table,
  #edit_address table,
  #edit_tell table,
  #add_course table,
  #add_area table {
    margin: 30px; }
    section[id^='busu_'] table table ul,
    #tenpo table table ul,
    #keisyutu table table ul,
    #view_account table table ul,
    #edit_address table table ul,
    #edit_tell table table ul,
    #add_course table table ul,
    #add_area table table ul {
      padding: 0; }
  section[id^='busu_'] li,
  #tenpo li,
  #keisyutu li,
  #view_account li,
  #edit_address li,
  #edit_tell li,
  #add_course li,
  #add_area li {
    list-style: none; }

section#edit_tell {
  width: auto; }

#view_account td {
  padding: 8px 10px; }

#add_course,
#add_area {
  width: 950px; }
  #add_course button,
  #add_area button {
    margin: auto; }
  #add_course select,
  #add_area select {
    height: 2.4em; }
  #add_course .wrapper table,
  #add_area .wrapper table {
    width: 100%;
    margin: 0 0 30px; }

table.fixed {
  table-layout: fixed; }

section[id^='busu_'] {
  min-height: calc(50% - 200px);
  height: 600px;
  max-height: calc(100% - 200px); }
  section[id^='busu_'] table {
    height: calc(100% - 175px); }
    section[id^='busu_'] table thead, section[id^='busu_'] table tbody {
      display: block;
      width: 100%; }
    section[id^='busu_'] table th, section[id^='busu_'] table td {
      width: calc(100% / 6); }

#tenpo {
  width: 100px; }

#overlay,
#overlay_black {
  display: none;
  position: fixed;
  top: 0;
  left: 0; }
  #overlay.active,
  #overlay_black.active {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0; }

#overlay_black {
  background: rgba(0, 0, 0, 0.7); }

.alt_overlay_black {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  background: rgba(0, 0, 0, 0.7); }

section.block {
  background: #fff;
  padding: 10px 0 5px;
  width: calc(100% - 60px);
  margin: 30px auto;
  position: relative;
  z-index: 0;
  max-width: 1260px;
  min-width: 1258px; }
  section.block .ab {
    position: absolute;
    font-size: 12px; }
    section.block .ab.right {
      right: 30px; }
    section.block .ab.top {
      top: 30px; }
      section.block .ab.top a {
        background: #fff;
        opacity: 0.8;
        padding: 5px;
        border-radius: 3px; }
  section.block h3 {
    border-left: 5px solid #333;
    padding: 0 0 0 30px;
    color: #333;
    font-size: 26px;
    margin: 15px 0 30px 0; }
  section.block h4 {
    border-left: 2px solid #333;
    padding: 0 0 0 33px;
    color: #333;
    font-size: 20px; }
    section.block h4 .text_s {
      font-size: 12px; }
  section.block .title_paper {
    width: calc(100% - 80px);
    margin: auto; }
    section.block .title_paper h4, section.block .title_paper p {
      display: inline-block;
      border: none;
      padding-left: 0; }
    section.block .title_paper p {
      font-size: 12px;
      background: #999;
      color: #fff;
      padding: 2px 4px;
      margin: 0 0 0 3px;
      position: relative;
      top: -2px; }

.wrapper_right {
  width: calc(100% - 80px); }

section label table tr {
  border-bottom: 1px dotted #ccc; }
section table {
  width: calc(100% - 80px);
  border-collapse: collapse;
  margin: 0 40px 30px;
  box-sizing: border-box; }
  section table td, section table th {
    border: 0 none; }
  section table tr {
    cursor: pointer;
    border-bottom: 1px solid #ccc; }
    section table tr:hover {
      background: rgba(0, 0, 0, 0.05); }
    section table tr:last-child {
      border: none; }
  section table td {
    padding: 15px 10px;
    background: transparent; }
    section table td ul {
      margin: 0; }
  section table.area {
    max-width: 360px;
    margin: -15px 0; }
section .title {
  color: #0d4ea7; }
section .date {
  font-size: 12px; }

section.float3,
section.float2 {
  max-height: 80%;
  overflow: auto; }

.tab {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 25px; }
  .tab:after {
    content: '';
    display: block;
    clear: both; }
  .tab li {
    float: left;
    margin: 0 30px 0 0;
    list-style: none;
    padding: 2px 3px;
    cursor: pointer; }
    .tab li:hover {
      color: #0d4ea7; }
    .tab li.active {
      border-bottom: 3px solid #0d4ea7;
      color: #0d4ea7; }

.btn_card:after {
  content: '';
  display: block;
  clear: both; }
.btn_card li {
  cursor: pointer;
  list-style: none;
  float: left;
  min-width: 200px;
  background: #0d4ea7;
  padding: 10px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  transition: all 0.4s ease;
  margin: 0 20px 20px 0; }
  .btn_card li:hover {
    opacity: 0.8; }
  .btn_card li .bland {
    font-size: 12px; }
  .btn_card li .name_shop {
    font-size: 20px; }

#orders .btn_icon {
  position: absolute;
  top: -6px;
  right: auto;
  left: -27px; }

#icon_block {
  fill: #333; }

.switch_toggle {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer; }
  .switch_toggle:hover {
    color: #0d4ea7; }
    .switch_toggle:hover rect {
      fill: #0d4ea7; }

.btn_list {
  margin: 0 0 40px 30px; }
  .btn_list li {
    margin: 0 0 10px 0;
    cursor: pointer; }
    .btn_list li div {
      display: inline-block;
      margin-right: 5px;
      color: #0d4ea7; }
  .btn_list .bland {
    font-size: 12px; }
    .btn_list .bland:before {
      content: '('; }
    .btn_list .bland:after {
      content: ')'; }

.tag {
  display: inline-block;
  background: rgba(11, 53, 104, 0.5);
  color: #fff;
  font-size: 12px;
  padding: 3px 5px;
  border-radius: 3px; }

#catalog a {
  color: #fff; }
#catalog .disabled {
  background: #aaa; }
  #catalog .disabled:hover {
    opacity: 1; }
  #catalog .disabled a {
    cursor: default; }

table.description {
  border-bottom: 1px solid #ccc; }
  table.description th {
    vertical-align: top;
    text-align: left;
    padding: 15px 5px;
    min-width: 11em;
    white-space: nowrap; }
  table.description table {
    margin: -16px 0;
    font-size: 12px; }

label {
  cursor: pointer; }

td#newspaper_insert_plun table {
  margin: -15 0 10px 0; }
  td#newspaper_insert_plun table th {
    padding-top: 30px;
    padding-bottom: 10px; }

.insert table {
  margin-left: 45px;
  margin-bottom: 40px;
  width: calc(100% - 45px); }

button.btn#add_plan {
  width: 150px; }

table.schedule {
  width: auto;
  border-bottom: 1px solid #ccc;
  margin: -16px 0; }
  table.schedule.decision {
    border-bottom: none;
    margin: 0; }
  table.schedule tr:hover {
    background: transparent; }
  table.schedule td, table.schedule th {
    padding: 5px 10px; }
  table.schedule th {
    text-align: left;
    vertical-align: top; }
  table.schedule td:hover {
    background: #faff98; }

td#for_posting {
  display: table-cell; }

#for_posting {
  margin: 0; }
  #for_posting ul {
    padding: 0; }
    #for_posting ul li {
      list-style: none; }
  #for_posting textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100px;
    margin: 10px 0 0 0; }

.lineup.desc .commerce {
  margin: 10px 0 0 0;
  width: 50%; }
  .lineup.desc .commerce .preview {
    width: 100%;
    height: 735px;
    max-width: none;
    min-width: 300px; }
.lineup.desc .description {
  font-size: 12px;
  margin: 0 30px 0 0;
  min-width: 300px; }

.lineup,
.commerce_wrapper {
  display: flex;
  padding: 0px 10px 40px; }
  .lineup .commerce,
  .commerce_wrapper .commerce {
    width: calc(33.3% - 20px);
    padding: 0 30px; }
    .lineup .commerce .thumb,
    .commerce_wrapper .commerce .thumb {
      background-size: contain !important;
      background-position: center center !important;
      background-repeat: no-repeat !important; }
    .lineup .commerce h4, .lineup .commerce p.type_paper,
    .commerce_wrapper .commerce h4,
    .commerce_wrapper .commerce p.type_paper {
      display: inline-block;
      border: none;
      padding-left: 0; }
    .lineup .commerce p.type_paper,
    .commerce_wrapper .commerce p.type_paper {
      font-size: 12px;
      background: #999;
      color: #fff;
      padding: 2px 4px;
      margin: 0 0 0 3px;
      position: relative;
      top: -2px; }
  .lineup .preview,
  .commerce_wrapper .preview {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    z-index: 0;
    max-width: 340px; }
    .lineup .preview .ura, .lineup .preview .omote,
    .commerce_wrapper .preview .ura,
    .commerce_wrapper .preview .omote {
      width: 180px;
      height: 134px;
      background: #e6e6e6;
      border: 1px solid #ccc;
      display: block;
      position: absolute; }
      .lineup .preview .ura .btn_icon, .lineup .preview .omote .btn_icon,
      .commerce_wrapper .preview .ura .btn_icon,
      .commerce_wrapper .preview .omote .btn_icon {
        position: absolute;
        bottom: 5px;
        top: auto; }
    .lineup .preview .tate,
    .commerce_wrapper .preview .tate {
      width: calc(210px * 1.5);
      height: calc(297px * 1.5); }
    .lineup .preview .yoko,
    .commerce_wrapper .preview .yoko {
      width: calc(297px * 1.34);
      height: calc(210px * 1.34); }
    .lineup .preview .omote,
    .commerce_wrapper .preview .omote {
      top: 0;
      left: 0;
      z-index: 2; }
      .lineup .preview .omote.yoko .btn_icon,
      .commerce_wrapper .preview .omote.yoko .btn_icon {
        left: auto;
        right: 5px; }
      .lineup .preview .omote .btn_icon,
      .commerce_wrapper .preview .omote .btn_icon {
        left: 5px; }
    .lineup .preview .ura,
    .commerce_wrapper .preview .ura {
      bottom: 0;
      left: 0;
      z-index: 1; }
      .lineup .preview .ura.yoko,
      .commerce_wrapper .preview .ura.yoko {
        bottom: 150px; }
      .lineup .preview .ura.tate,
      .commerce_wrapper .preview .ura.tate {
        left: auto;
        right: 0; }
      .lineup .preview .ura .btn_icon,
      .commerce_wrapper .preview .ura .btn_icon {
        right: 5px; }
    .lineup .preview .btn_icon,
    .commerce_wrapper .preview .btn_icon {
      background: rgba(0, 0, 0, 0.2); }
      .lineup .preview .btn_icon svg,
      .commerce_wrapper .preview .btn_icon svg {
        fill: #fff; }
  .lineup button,
  .commerce_wrapper button {
    width: 100%; }

section#for_posting {
  padding: 30px;
  box-sizing: border-box;
  width: 500px;
  position: fixed; }
  section#for_posting h3 {
    margin: 0 -30px; }
  section#for_posting textarea {
    margin: 0 0 2px; }
  section#for_posting button {
    margin: 0 auto; }
  section#for_posting p {
      margin: 0 0 20px;
      width:auto;
  }

#for_posting {
  display: none; }
  #for_posting.active {
    display: block;
    z-index: 100; }

.kome {
  font-size: 12px;
  font-weight: normal;
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block; }
  .kome:before {
    content: '※'; }

.set_date {
  color: #0d4ea7;
  cursor: pointer; }

section table.description tr {
  cursor: auto; }

.checkbox-input {
  display: none; }

.checkbox-parts {
  padding-left: 22px;
  position: relative;
  margin-right: 20px; }

.checkbox-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px; }

.checkbox-input:checked + .checkbox-parts {
  color: #0d4ea7; }

.checkbox-input:checked + .checkbox-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #0d4ea7;
  border-right: 3px solid #0d4ea7; }

.btn_order.selected {
  min-width: 360px;
  margin: 0px auto 30px; }

p.creative_title, p.type_paper {
  display: inline-block;
  margin: 0 20px 0 0; }

table.head_left th {
  text-align: left; }

.cp_ipselect {
  position: relative;
  width: 360px;
  margin: 0 40px 30px;
  text-align: center; }

.cp_sl06 {
  position: relative;
  font-family: inherit;
  background-color: transparent;
  width: 100%;
  padding: 10px 10px 10px 0;
  font-size: 18px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.cp_sl06:focus {
  outline: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0); }

.cp_ipselect .cp_sl06 {
  appearance: none;
  -webkit-appearance: none; }

.cp_ipselect select::-ms-expand {
  display: none; }

.cp_ipselect:after {
  position: absolute;
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.3);
  pointer-events: none; }

.cp_sl06_selectlabel {
  color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 10px;
  transition: 0.2s ease all; }

.cp_sl06:focus ~ .cp_sl06_selectlabel, .cp_sl06:valid ~ .cp_sl06_selectlabel {
  color: #0d4ea7;
  top: -20px;
  transition: 0.2s ease all;
  font-size: 14px; }

.cp_sl06_selectbar {
  position: relative;
  display: block;
  width: 100%; }

.cp_sl06_selectbar:before, .cp_sl06_selectbar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #0d4ea7;
  transition: 0.2s ease all; }

.cp_sl06_selectbar:before {
  left: 50%; }

.cp_sl06_selectbar:after {
  right: 50%; }

.cp_sl06:focus ~ .cp_sl06_selectbar:before, .cp_sl06:focus ~ .cp_sl06_selectbar:after {
  width: 50%; }

.cp_sl06_highlight {
  position: absolute;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5; }

.btn_area {
  margin: 20px 40px; }
  .btn_area button {
    margin: 0 20px 0 0;
    display: inline-block;
    min-width: 250px; }

#area table tr {
  cursor: auto; }
  #area table tr input {
    padding: 5 10px; }

section table .negative_m {
  margin: -15px 0; }
section table .intable {
  width: auto; }
  section table .intable thead {
    font-size: 12px; }
    section table .intable thead td {
      padding: 10px 0 0 0;
      text-align: center; }

div.other {
  margin: 30px 40px; }
  div.other textarea {
    min-width: 100%;
    min-height: 200px;
    max-width: 100%; }
  div.other input[type="text"] {
    width: 500px;
    padding: 5px 10px; }

#thumbs_area {
  margin: 0 0 20px; }
  #thumbs_area table {
    margin: 0 0 5px;
    width: 100%;
    font-size: 12px; }
    #thumbs_area table tr {
      border-bottom: 1px solid #fff; }
    #thumbs_area table th, #thumbs_area table td {
      padding: 5px 10px; }
    #thumbs_area table th {
      white-space: nowrap;
      font-size: 10px;
      min-height: 2em;
      background: rgba(11, 53, 104, 0.4);
      color: #fff;
      line-height: 1.2;
      height: 4em;
      padding: 0 10px;
      border-bottom: 10px solid #fff; }

.data_other {
  font-size: 12px; }

.thumbnails {
  list-style: none;
  width: calc(100% / 3 - 30px);
  display: inline-block;
  margin: 0 20px 30px 0;
  position: relative;
  padding: 240px 0 0 0; }
  .thumbnails .thumb {
    width: calc(210px / 1.3);
    height: calc(297px / 1.3);
    background: #ebebeb;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
    position: absolute;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important; }
    .thumbnails .thumb.omote {
      top: 0;
      left: 0;
      z-index: 20; }
    .thumbnails .thumb.ura {
      top: 0;
      left: calc(100% - 190px);
      z-index: 10; }
      .thumbnails .thumb.ura.yoko {
        left: calc(100% - 230px);
        top: 64px; }
    .thumbnails .thumb.yoko {
      width: calc(297px / 1.3);
      height: calc(210px / 1.3); }
    .thumbnails .thumb .btn_icon {
      position: absolute;
      bottom: 7px;
      right: 7px;
      top: auto;
      background: rgba(255, 255, 255, 0.7); }
  .thumbnails:after {
    content: '';
    clear: both;
    display: block;
    width: 0;
    height: 0; }
  .thumbnails .data {
    clear: both;
    font-size: 12px;
    padding: 0;
    margin: 0 0 10px; }
    .thumbnails .data li {
      list-style: none;
      margin: 0 0 5px 0;
      font-size: 12px; }
      .thumbnails .data li .mid {
        background: rgba(11, 53, 104, 0.4);
        font-size: 10px;
        color: #fff;
        padding: 1px 5px;
        min-width: 9em;
        display: inline-block;
        text-align: center;
        margin: 0 5px 0 0; }
  .thumbnails button {
    width: 100%; }

#hansoku .ab .btn {
  margin: 0 0 0 20px; }

#filter_hansoku {
  width: 100%; }
  #filter_hansoku .cp_ipselect {
    width: 300px;
    float: left; }
  #filter_hansoku li {
    list-style: none; }
  #filter_hansoku .datepicker {
    float: left;
    margin: 0 40px 30px;
    height: 50px;
    position: relative;
    padding: 4px 0 0 0;
    border-radius: 3px;
    border: 1px solid #9a9a9a; }
    #filter_hansoku .datepicker input {
      padding: 10px;
      position: relative; }
    #filter_hansoku .datepicker p.caption {
      position: absolute;
      top: -30px;
      left: 0px;
      font-size: 12px; }

.datepicker {
  border-radius: 3px;
  border: 1px solid #9a9a9a; }

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #0d4ea7 !important;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  box-sizing: border-box; }

a.btn {
  color: #0d4ea7; }
  a.btn:visited {
    color: #0d4ea7; }

.clear:after {
  content: '';
  display: block;
  clear: both;
  width: 0;
  height: 0; }

.wrapper_btnarea {
  margin: 30px; }
  .wrapper_btnarea button {
    min-width: 250px;
    margin: 0 auto; }

.wrapper_checkbox {
  padding: 0; }
  .wrapper_checkbox li {
    list-style: none; }

.busu {
  cursor: pointer;
  color: #0d4ea7; }

td.date {
  position: relative; }

.datepicker_box {
  position: absolute;
  top: -30px;
  left: 4em;
  padding: 10px;
  z-index: 30;
  background: #fff;
  border-radius: 4px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); }
  .datepicker_box img {
    cursor: pointer; }

span.datepicker {
  cursor: pointer;
  color: #0d4ea7; }

.wrapper_tenpo {
  position: relative;
  left: 90px;
  top: -22px; }

.math_total td {
  font-weight: bold; }

#tenpo table th {
  vertical-align: top;
  padding-top: 23px;
  text-align: left; }
#tenpo table table {
  margin: 0;
  font-size: 12px;
  width: auto;
  min-width: 300px; }
  #tenpo table table tr {
    border: none; }
  #tenpo table table td, #tenpo table table th {
    padding: 5px 10px;
    text-align: left; }
    #tenpo table table td select, #tenpo table table th select {
      padding: 4px 5px 7px; }
  #tenpo table table th {
    vertical-align: middle;
    text-align: left; }
#tenpo table input {
  padding: 5px 10px;
  margin: 0 0 3px;
  min-width: 300px; }

input[type='submit'] {
  border: none;
  background: #0d4ea7;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  display: block;
  min-width: 150px;
  margin: 10px auto;
  cursor: pointer;
  transition: all 0.4s ease; }
  input[type='submit']:hover {
    opacity: 0.8; }

.sample {
  width: calc(210px * 5);
  height: calc(297px * 5);
  max-width: 960px;
  max-height: 80%;
  background: #fff;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px 50px;
  font-size: 12px;
  line-height: 1.2;
  display: none;
  border-radius: 0; }
  .sample.active {
    display: block; }
  .sample .destination {
    font-size: 16px; }
  .sample p {
    width: auto;
    margin: 0;
    cursor: default; }
  .sample .right {
    float: right; }
  .sample h3 {
    font-size: 1.8em;
    cursor: default;
    text-align: center; }
  .sample .destination {
    line-height: 1.5; }
  .sample .all_tax {
    margin: 70px 0 30px;
    font-size: 16px;
    float: left;
    border-bottom: 1px solid #000;
    padding: 5px 0px; }
    .sample .all_tax span {
      font-size: 120%; }
  .sample .clearfix:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both; }
  .sample table {
    font-size: 12px;
    width: 100%;
    margin: 0; }
    .sample table tr {
      cursor: default; }
      .sample table tr:hover {
        background: transparent; }
      .sample table tr td {
        position: relative;
        padding: 9px 10px; }
        .sample table tr td.right {
          text-align: right;
          float: none; }
      .sample table tr th {
        font-weight: normal;
        text-align: left;
        padding-left: 0; }
    .sample table.company, .sample table.statement {
      width: auto;
      margin: 30px 0 0 0;
      font-size: 16px; }
      .sample table.company tr, .sample table.statement tr {
        border: none; }
      .sample table.company th, .sample table.statement th {
        text-align: left;
        font-weight: normal;
        text-align: left;
        padding: 0px;
        vertical-align: top;
        padding: 2px 0px 0 0;
        white-space: nowrap; }
      .sample table.company td, .sample table.statement td {
        padding: 2px 0px 0 7px;
        text-align: left; }
    .sample table.statement {
      clear: both;
      margin: 30px 0 20px 0; }
    .sample table .tips_error {
      position: absolute;
      background: rgba(255, 0, 0, 0.9);
      padding: 5px 10px;
      left: -46px;
      top: 33px;
      white-space: nowrap;
      z-index: 100;
      color: #fff; }
      .sample table .tips_error:before {
        position: absolute;
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-right: 5px solid transparent;
        border-bottom: 9px solid rgba(255, 0, 0, 0.9);
        border-left: 5px solid transparent;
        top: -9px; }
  .sample .create_day {
    float: right;
    font-size: 16px;
    border-bottom: 1px solid #000;
    display: block;
    padding: 5px 10px;
    width: auto; }

.inner {
  margin: 0 30px 30px; }

#edit_account th {
  border: 0 none;
  vertical-align: top;
  padding: 15px 0;
  width: 5em; }
#edit_account textarea {
  width: 100%;
  max-width: 100%;
  min-width: 10%;
  height: 200px;
  min-height: 60px;
  padding: 15px;
  font-size: 16px; }
#edit_account table tr {
  cursor: default;
  border: none; }
  #edit_account table tr:hover {
    background: transparent; }

ul.text_m li {
  font-size: 12px; }

.block_line {
  border: 1px solid #ccc;
  display: block;
  margin: 0 auto 30px;
  padding: 10px 30px; }
  .block_line.description {
    width: 500px; }

section table#shop_send td {
  vertical-align: top; }
  section table#shop_send td label {
    position: relative;
    top: 8px; }

.offer_list tr {
  cursor: default; }
.offer_list .sender span {
  font-size: 11px;
  display: inline-block;
  margin: 0 0 0 30px; }
  .offer_list .sender span:first-child {
    margin: 0; }
.offer_list .sender td {
  padding: 3px; }
.offer_list .history_title {
  background: rgba(11, 53, 104, 0.5);
  border: none;
  color: #FFF;
  font-weight: bold; }
  .offer_list .history_title .tag {
    padding: 2px 7px;
    position: relative;
    top: -1px; }
.offer_list th {
  background: #ccc;
  color: #666;
  text-align: left;
  border: none;
  padding: 2px 0 0 10px; }
.offer_list tr.reply_tr {
  border: none; }
  .offer_list tr.reply_tr:hover {
    background: transparent; }
  .offer_list tr.reply_tr td {
    padding: 0 0 40px 50px; }
  .offer_list tr.reply_tr table {
    margin: 0;
    width: 100%; }
    .offer_list tr.reply_tr table td {
      padding: 15px; }

tr tr:hover {
  background: transparent; }

#keisyutu table td table {
  width: 100%; }
  #keisyutu table td table table.course table tr, #keisyutu table td table table.course table td {
    border: none; }

section table thead tr {
  background: #859ab3;
  color: #FFF; }
  section table thead tr:hover {
    background: #859ab3; }
  section table thead tr th {
    padding: 5px 10px; }
section table.width100 {
  width: 100%;
  margin: 0; }
  section table.width100 td {
    vertical-align: top; }
    section table.width100 td:first-child {
      width: 3em; }

.ttl {
  font-size: 12px; }

.base-data th {
  text-align: left;
  vertical-align: top;
  padding: 15px 10px;
  width: 12em; }
.base-data td input {
  margin: 0; }
.base-data tr.midashi {
  background: rgba(11, 53, 104, 0.2); }
  .base-data tr.midashi th {
    padding: 1px 5px 2px;
    font-weight: normal;
    font-size: 12px; }

.error {
  width: calc(100% - 80px);
  margin: 10px auto 30px;
  background: #c40000;
  padding: 10px 30px;
  box-sizing: border-box;
  color: #fff;
  position: relative; }
  .error:before {
    content: 'ERROR';
    display: inline-block;
    position: absolute;
    top: -7px;
    right: -3px;
    font-family: impact;
    opacity: 0.2;
    font-size: 70px;
    line-height: 1; }

section table table {
  margin: 0;
  width: 100%; }
section table .detail_other td {
  padding: 0; }
section table .detail_other table th {
  width: 5em; }

#account_data th {
  vertical-align: top;
  padding-top: 13px; }

p.success {
  position: absolute;
  top: 0;
  background: #a7efa2;
  margin: -32px 0 0 0;
  height: 32px;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box; }

.big_image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  width: 100%;
  height: calc(100% - 80px);
  margin: 60px auto 0; }

section[id^="busu"] table thead tr,
section[id^="busu"] table tbody tr {
  display: block; }
  section[id^="busu"] table thead tr th, section[id^="busu"] table thead tr td,
  section[id^="busu"] table tbody tr th,
  section[id^="busu"] table tbody tr td {
    width: calc(100% / 6); }
section[id^="busu"] table thead tr {
  width: 100%; }
  section[id^="busu"] table thead tr th {
    text-align: left;
    color: #fff; }

.faq_box .question p:first-letter {
  color: #f00; }
.faq_box .answer p:first-letter {
  color: #0d4ea7; }
.faq_box p::first-letter {
  font-size: 200%; }

#price_paper_checkbox,
#price_insert_checkbox {
  display: none; }

.datepicker-days th.datepicker-switch {
  pointer-events: none; }

/*# sourceMappingURL=content.css.map */