@charset "EUC-JP";
/* Block
----------------------------------------------------------------------------- */
.readBox {
  margin-bottom: 2em;
}
.section {
  margin: 2.5em 0 3em 0;
}

/* FAQ
============================================================================= */

/* Movie Tips
----------------------------------------------------------------------------- */
h3.title {
  padding: .5rem 1rem;
  background-color: #F4F4F4;
  font-size: 1.4rem;
}
.movieTips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 2em;
  padding-left: 0;
  list-style: none;
}
.movieTips li {
  width: calc((68rem - 4rem - 4em) / 2);
}
.movieTips li:nth-child(even) {
  margin-left: 4rem;
}
.movieTips li:only-child {
  width: 45rem;
}
.movieTips li > div {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.movieTips li iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.movieTips li p {
  padding: .5rem 1rem;
  background-color: #C9E4EA;
  text-align: center;
}

/* FAQ Nav
----------------------------------------------------------------------------- */
.faqNav {
  margin: 1.5em 2em 0 2em;
  overflow: hidden;
  zoom: 1;
}
.twoClm:after {
  content: " ";
  clear: both;
  display: block;
}
.twoClm ul {
  float: left;
  width: 300px;
  margin: 0;
  list-style: none;
}
ul.faqList {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
ul.faqList:nth-child(even) {
  margin-left: 24px;
}
ul.faqList li {
  position: relative;
  padding-left: 14px;
}
ul.faqList li::after {
    content: '';
    display: block;
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -.5rem;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #999999;
}

/* FAQ Menu
----------------------------------------------------------------------------- */
.faqMenu {
  margin: 1.5em 0;
  padding: 0 2em;
  border-bottom: 2px dotted #cccccc;
}
.faqMenu dt {
  margin-bottom: 0.5em;
  font-weight: bold;
}
.faqMenu dd {
  margin-bottom: 2em;
}
.faqMenu ul {
  margin: 0;
  list-style: none;
}
.faqMenu ul li {
  padding-left: 24px;
  background: url(/faq/image/q.gif) no-repeat left 0.2em;
}

/* QA List
----------------------------------------------------------------------------- */
.qaBlock {
  margin: 2em;
}
.qaBlock h2 {
  margin-bottom: 1em;
}
.qaBox {
  margin: 1em 0;
  border: 1px solid #cccccc;
}
div.qaBox + div.pagetop {
  margin-top: 1em;
}
.qaList {
  margin-bottom: 0;
}
.qaList dt {
  margin-bottom: 0;
  padding: 8px 10px 8px 32px;
  background: #F2F2F2 url(/faq/image/q.gif) no-repeat 10px 0.8em;
  font-weight: bold;
  font-size: 110%;
}
.qaList dd {
  margin-bottom: 0;
  padding: 20px 10px 20px 32px;
  background: url(/faq/image/a.gif) no-repeat 10px 1.6em;
}
.qaList dd :last-child {
  margin-bottom: 0;
}

/* Text
----------------------------------------------------------------------------- */
.textGreen {
  color: #339933;
}
h3.subject span {
  display: block;
  padding-top: 5px;
  font-size: 85.7%;
  font-weight: normal;
}

/* Table
----------------------------------------------------------------------------- */
/* faqTable */ 
.faqTable table {
  width: 100%;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
}
.faqTable table caption {
    margin-bottom: .5em;
    font-weight: bold;
}
.faqTable table thead th {
  padding: 6px;
  border: 1px solid #CCCCCC;
  background-color: #F1F1F1;
  font-size: 90%;
  text-align: center;
}
.faqTable table tbody th,
.faqTable table tbody td {
  padding: 6px;
  border: 1px solid #CCCCCC;
  font-size: 90%;
  text-align: left;
}
.faqTable table tbody th :last-child,
.faqTable table tbody td :last-child {
  margin-bottom: 0;
}
.faqTable table tbody th {
  background-color: #F9F9F3;
  white-space: nowrap;
}
/* Parts */ 
table .nowrap {
  white-space: nowrap;
}

/* NoticeBlock
----------------------------------------------------------------------------- */
.noticeBlock {
  margin-bottom: 2em;
  padding: 10px;
  border: 2px solid #FFEBEB;
  font-size: 85.7%;
}
.noticeBlock :last-child {
  margin-bottom: 0;
}
.noticeBlock h2 {
  margin-bottom: 0.5em;
}

/* StepBlock
----------------------------------------------------------------------------- */
.stepBlock li {
  margin-bottom: 0;
  padding: 20px 0;
  border-bottom: 1px dotted #CCCCCC;
}
.stepBlock li:first-child {
  padding-top: 0;
}
.stepBlock li h3 {
  font-size: 100%;
  font-weight: normal;
}
.stepBlock li .image {
  display: inline-block;
  border: 1px solid #CCCCCC;
}

/* iFrame Footer
----------------------------------------------------------------------------- */
.footer {
  width: 980px;
  margin: 0 auto;
  padding: 10px;
  background-color: #FFFFFF;
}
.footer p {
  margin: 0;
  text-align: right;
}
.footer p.copyright {
  margin-top: 5px;
}

/* Tips (Add class .gdbTips to body)
============================================================================= */
body.gdbTips {
    background: #FFFFFF;
}
body.gdbTips #container {
    width: 700px;
    margin: 0 auto;
    padding: 0;
    background: #FFFFFF;
}

/* Tips Detail
----------------------------------------------------------------------------- */
body.gdbTips .header {
  margin-bottom: 2em;
  padding-top: 1em;
}
body.gdbTips .header .inner {
  border-bottom: 1px solid #808080;
}
body.gdbTips .header .read {
  font-size: 11px;
  text-align: center;
}
body.gdbTips .header h1 {
  margin-bottom: .75em;
  font-size: 171%;
  text-align: center;
}
body.gdbTips .header h1 span {
    display: block;
    margin-top: .2em;
    font-size: 60%;
}
body.gdbTips .navTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1em 0;
  padding: 4px 10px;
  background-color: #2C653C;
  color: #FFFFFF;
}
body.gdbTips .navTitle strong {
  letter-spacing: .1em;
}
body.gdbTips .navTitle strong span {
    font-size: 130%;
}
body.gdbTips .navTitle a {
  position: relative;
  padding-right: 1.5em;
  color: #FFFFFF;
  text-decoration: none;
}
body.gdbTips .navTitle:only-of-type {
  justify-content: flex-end;
}
body.gdbTips .navTitle a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #FFFFFF;
}
body.gdbTips .navTitle a:hover {
  text-decoration: underline;
}
body.gdbTips .section {
  width: 660px;
  margin: 0 20px 4em 20px;
  font-size: 14px;
  line-height: 1.6;
}
body.gdbTips .section :last-child {
  margin-bottom: 0;
}
body.gdbTips .section h2.bg,
body.gdbTips .section h3.line {
  position: relative;
  margin-bottom: 1.5em;
  padding: 10px 15px;
  background-color: #F2F7ED;
  border-bottom: 2px solid #CCCCCC;
}
body.gdbTips .section h2.bg::before,
body.gdbTips .section h3.line::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 2em;
  height: 2px;
  background-color: #2C653C;
}
body.gdbTips .section h3 {
  font-size: 100%;
}
body.gdbTips .section h3.line {
  padding: 0 0 10px 0;
  background-color: transparent;
}
body.gdbTips .section .textBody {
  position: relative;
  margin-bottom: 2.5em;
  overflow: hidden;
  zoom: 1; 
}
body.gdbTips .section .textBody :last-child {
    margin-bottom: 0;
}
body.gdbTips .section .textBody + .textBody {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #CCCCCC;
}
body.gdbTips .section .textBody::before {
  content: '';
  display: block;
  clear: both;
}
body.gdbTips .section .textBody blockquote {
    display: block;
    margin: 2em;
    color: #777777;
    font-size:  120%;
    font-weight: bold;
}
body.gdbTips .section .textBody ul li,
body.gdbTips .section .textBody ol li {
    margin-bottom: 2em;
}
body.gdbTips .section .alignL {
    text-align: left;
}
body.gdbTips .section .alignC {
    text-align: center;
}
body.gdbTips .section .alignR {
    text-align: right;
}
body.gdbTips .section .textR {
    float: right;
    margin: 0 0 20px 20px;
}
body.gdbTips .section .textL {
    float: left;
    margin: 0 20px 20px 0;
}
body.gdbTips .section .image {
    margin: 1.5em 0;
    text-align: center;
}
body.gdbTips .section .image .caption {
    display: block;
    margin-top: 5px;
}
body.gdbTips .section .image .line {
    display: inline-block;
    padding: 10px;
    border: 3px solid #CCCCCC;
    border-radius: 8px;
}
body.gdbTips .section .indent {
    margin: 2em;
}
body.gdbTips .section .point {
    margin: 2em 0;
    padding-left: 44px;
    background: url(/faq/image/tips/tips5_point.gif) no-repeat left 0;
    color: #CC6666;
}
body.gdbTips .section .row {
    display: flex;
    justify-content: space-between;
}
body.gdbTips .section .row > div {
    width: calc((100% - 20px) / 2);
}
body.gdbTips .section .indent.bg {
    padding: 1em;
    background-color: #F5F5F5;
}
body.gdbTips .section .indent.frame {
    padding: 1em;
    border: 1px solid #CCCCCC;
}
body.gdbTips .section .pickup {
  padding-top: 2em;
  border-top: 2px dotted #CCCCCC;
}
body.gdbTips .section .pickup h3 {
  margin-bottom: 1em;
}
body.gdbTips .footer {
  width: 100%;
    margin-top: 20px;
  padding-top: .5rem;
  border-top: 1px solid #808080;
}
body.gdbTips .footer .copyright {
  font-size: 75%;
}