@charset "utf-8";
* {
  margin: 0;
  padding: 0
}

html {
  font-size: 62.5%
}

body {
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Helvetica, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #4c2f3f
}

h1 {
  font-size: 0.75em;
  margin: 0;
  padding-top: 0.25em;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

img {
  vertical-align: top;
  max-width: 100%
}

li {
  list-style: none
}

a {
  color: inherit
}

hr {
  margin: 1em 0;
  border: none;
  border-top: #4c2f3f dashed 1px
}

em {
  font-weight: bold
}

input, select, textarea {
  font-size: 16px
}

input[type="submit"], input[type="reset"], select, button, label {
  cursor: pointer
}

table {
  width: 100%;
  margin: 16px 0
}

table caption {
  padding: 12px;
  border: 1px solid #eee;
  border-bottom: none;
  background: #f0e6e6
}

table th, table td {
  padding: 12px;
  border: 1px solid #eee
}

.tac {
  text-align: center
}

.ask {
  font-size: 12px;
  padding: 0
}

.tar {
  text-align: right
}

.vm1 {
  margin-top: 1em;
  margin-bottom: 1em
}

.hm1 {
  margin-left: 1em;
  margin-right: 1em
}

.button_purple {
  background-color: #4c2f3f;
  color: #fff;
  border: #4c2f3f solid 1px
}

.button_lavender {
  background-color: #f2e6e6;
  border: #4c2f3f solid 1px
}

.button_green {
  background-color: #728850;
  color: #fff;
  border-bottom: #5e743c solid 2px
}

.column_2, .column_3 {
  overflow: hidden
}

.column_2 li, .column_3 li {
  float: left
}

.column_2 li {
  width: 50%
}

.column_3 li {
  width: 33.3%
}

.border_box {
  text-align: center;
  margin-top: 2em;
  padding: 0.25em 2em 0;
  border: #dcb3b1 solid 1px
}

.border_box h3 {
  display: inline-block;
  padding: 0 2em !important;
  margin: 0 !important;
  top: -1em;
  background-color: #fff !important;
  position: relative
}

.border_box p {
  margin-top: 0 !important;
  text-align: left
}

.color_red {
  color: #e51c24
}

.arrow_list, #beginner_guide_nav .fleft ul, #beginner_guide_nav .fright ul {
  padding-left: 8px
}

.arrow_list li a:before, #beginner_guide_nav .fleft ul li a:before, #beginner_guide_nav .fright ul li a:before {
  content: "≫"
}

.disc_list {
  padding-left: 30px
}

.disc_list li {
  list-style: disc
}

.inline_list {
  letter-spacing: -0.4em
}

.inline_list li {
  display: inline;
  letter-spacing: normal
}

.inline_list li:after {
  content: "｜"
}

.inline_list li:last-child:after {
  content: none
}

.voice_list li {
  padding: 1em;
  margin-bottom: 0.5em;
  border: #dcb3b1 solid 1px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.voice_list li small {
  display: block;
  text-align: right
}

body {
  background-color: #ffffff
}

#header_wrap {
  background-color: #fff
}

#foot_wrap {
  background-color: #4a2432;
  color: #dcb3b1
}

#main_content #main>div {
  margin-bottom: 20px
}

#main_content #main>div:last-child {
  margin-bottom: 0
}

#main_content h2 {
  padding: 12px 0 12px 16px;
  margin-bottom: 0.75em;
  font-size: 18px;
  font-size: 1.8rem;
  background: #4c2f3f url("../imgs/bg_article_title.png") right top no-repeat;
  -webkit-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  color: #fff
}

#main_content h3 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  padding: 6px 16px;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #d3d3d3;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

#main_content h3 img {
  margin-right: 12px
}

#main_content h4 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  border-left: #4c2f3f solid 8px;
  padding-left: 12px
}

#main_content p {
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: hidden
}

#main_content p>img {
  margin-top: 1.5em;
  margin-bottom: 0.5em
}

#main_content p>img.fleft, #main_content p>img.fright {
  margin-top: 0
}

#main_content dl {
  margin: 1em 0
}

#main_content dl dt {
  padding: 12px 16px;
  padding-bottom: 0;
  font-weight: bold
}

#main_content dl dd {
  padding: 12px 16px;
  padding-top: 0;
  border-bottom: 1px dashed #bf9b99
}

#main_content .button {
  padding-left: 1em;
  padding-right: 1em;
  display: inline-block
}
.embg{
  font-size:18px;
  font-weight:bold
}