@charset "UTF-8";

/* フリーページ */
.p-guide__detail-item {
	display: block;
    padding-top: 70px;
    margin-top: -70px;
}

#side_menu {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
}
@media (max-width: 567px) {
	#side_menu{
		position: static;
	}
}

.lp_tab ul {
  display: table;
  width: 100%;
}

.lp_tab ul.ui-tabs-nav li {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: none;
  margin: 0;
  vertical-align: bottom;
}

.lp_tab ul.ui-tabs-nav li a {
  display: block;
  width: auto;
  height: 40px;
  white-space: normal;
  overflow: visible;
  text-indent: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #fff;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  padding-top: 12px;
  color: #333;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
}

.lp_tab ul li.ui-state-active a {
  background: #fe6400;
  color: #fff;
}

.lp_tab_contents {
  border: solid 1px #ccc;
  padding: 20px;
}

/* 会社概要
--------------------------------------------------------- */
.static.company {
}
.contents .company_section .section_body {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 10px;
}
.company_section .h-type6 {
  font-size: 1em;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0 10px;
  padding: 5px;
  border-left: 5px solid #ccc;
}
.static.company a[rel="nofollow"] {
  text-decoration: none;
  color: #333;
}
/* ----- 会社概要　表 ----- */
.company_table {
  width: 100%;
  margin: 0 auto;
}
.company_table th,
.company_table td {
  border-collapse: collapse;
  border: 0;
  border-bottom: 1px dotted #ccc;
  padding: 10px 20px 10px 10px;
  background: #fff;
  text-align: left;
}
.company_table th {
  font-weight: bold;
  background-color: #fff;
  white-space: nowrap;
}
.company_table td {
  font-size: 0.9em;
}

@media screen and (max-width: 600px) {
  .contents .company_section .section_body {
    padding: 0;
  }
  /* ----- 会社概要　表 ----- */
  .company_table {
    width: 100%;
    margin: 0 auto;
  }
  .company_table th,
  .company_table td {
    display: block;
    border-collapse: collapse;
    border: 0;
    border-bottom: 1px dotted #ccc;
    padding: 6px 10px 2px;
    background: #fff;
    text-align: left;
  }
  .company_table th {
    font-weight: bold;
    background-color: #fff;
    white-space: nowrap;
    margin-top: 1em;
  }
  .company_table tr:first-child th {
    margin-top: 0;
  }
  .company_table td {
    border-bottom: 0;
    font-size: 0.9em;
  }
}

/* サイトポリシー
--------------------------------------------------------- */
.guide_about_section .h-type6 {
  font-size: 1em;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0 10px;
  padding: 5px;
  border-left: 5px solid #ccc;
}
.guide_about_section .section_body {
  width: 95%;
  margin: 20px auto;
}

/* 当サイトについて
--------------------------------------------------------- */
#browser_table .left_wrap {
  width: 35%;
  padding-right: 5px;
}
#browser_table .right_wrap {
  width: 65%;
  padding-left: 5px;
}
.browser_table {
  margin: 20px auto 10px;
}
.browser_table th {
  height: 1em;
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  .browser_table {
    margin: 10px auto;
  }
  #browser_table .left_wrap,
  #browser_table .right_wrap {
    display: block;
    width: 100%;
    padding: 0;
  }
}

/* 規約
--------------------------------------------------------- */
.static .privacy_section h2,
.static .terms_section h2 {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.static .terms_section section + section,
.static .privacy_section section {
  margin-top: 40px;
}
/* 箇条書きリスト
--------------------------------------------------------- */
ol.decimal li {
  list-style-position: outside;
  margin-left: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
ol.decimal > li {
  list-style-type: decimal !important;
}

/* =========================================================
静的ページ共通レイアウト
========================================================= */
.static .contents h1 {
  font-size: 140%;
  margin: 4px 10px 12px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .static .contents h1 {
    font-size: 16px;
    margin: 0;
  }
}
.static .contents .section_body {
  line-height: 150%;
}
.static .contents .side_column,
.static.guide-index .contents .section_body,
.static.sitemap .contents .section_body {
  line-height: 120%;
}
@media screen and (max-width: 600px) {
  .static .contents .section_body {
    line-height: 130%;
  }
}
.static .main_column section,
.privacy .contents section,
.terms .contents section,
.link .contents section {
  margin-top: 40px;
}
.static .main_column section:first-child,
.privacy .contents section:first-child,
.terms .contents section:first-child,
.link .contents section:first-child {
  margin-top: 0;
}
.static .main_column section:last-child,
.privacy .contents section:last-child,
.terms .contents section:last-child {
  margin-bottom: 0;
}
.section_narrow_wrap {
  width: 95%;
  margin: 20px auto;
}
@media screen and (max-width: 600px) {
  .section_narrow_wrap {
    width: 100%;
    margin: 0 auto;
  }
}
.static .contents .static_image {
  margin: 20px auto;
}
@media screen and (max-width: 600px) {
  .static .contents .static_image {
    margin: 10px auto;
  }
}
/* table
--------------------------------------------------------- */
th,
td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  padding: 4px 10px;
  background: #fff;
  text-align: left;
}
th {
  font-weight: bold;
  background-color: #f6f6f6;
}
.sprite tr:nth-child(even) td {
  background-color: #f6f6f6;
}
@media screen and (max-width: 641px) {
  .table.th_30 .th,
  .table.th_30 th {
    width: 100%;
  }
  .table.th_30 .td,
  .table.th_30 td {
    width: 100%;
  }
}

/* amazonPayログインボタン
--------------------------------------------------------- */
#AmazonPayButton {
  margin-top: 10px;
}

/* 生年月日 */
.birthdayYear_itemLabel .required_condition:after {
  display: none;
}
/* tel */
.required_condition:after {
  content: "どちらか必須";
}
/* readonly表示 */
.readonly {
  background-color: #f0f0f0;
}