@charset "UTF-8";

/*==========================================*/
/* reset */
/*==========================================*/

* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-weight: normal;
  font-style: normal;
  width: 100%;
}

form, fieldset, h1, h2, h3, h4, h5, h6, div, p, address, blockquote, pre, hr, caption, th, td, li, dt, dd, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  font-weight: normal;
  font-size: 100%;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

video, audio, canvas {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

[hidden] {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  padding: 0;
  text-align: left;
}

th, td {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  *line-height: 1.2;
}

hr {
  display: none;
}

ul, ol {
  list-style-type: none;
}

img {
  border: none;
  vertical-align: top;
}

em {
  font-style: normal;
}

iframe {
  border: none;
  margin: 0px;
  padding: 0px;
  display: block;
}

form label {
  cursor: pointer;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-input-placeholder {
  color: #CCC;
}

:-ms-input-placeholder {
  color: #CCC;
}

::-moz-placeholder {
  color: #CCC;
}

input[type=search] {

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius : 0;
  -webkit-appearance : none;
}

/*==========================================*/
/* html / body */
/*==========================================*/
html {
  min-height: 100%;
  position: relative;
  background-color: #fff;
  /*
  基準フォントサイズを10pxにして、コンテンツ内では10px = 1.0rem として指定
  例）16px = 1.6rem
  */
  font-size: 62.5%;

}

body {
  color: #555555;
  font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
  font-size: 62.5%;
  line-height: 1.4;

}


/*==========================================*/
/* link */
/*==========================================*/

a:link, a:visited {
  color: #3874d1;
  text-decoration: none;
  -webkit-transition: 50ms linear;
  -ms-transition: 50ms linear;
  transition: 50ms linear;
  opacity: 1;
}

a:hover, a:active {
  color: #3874d1;
  text-decoration: none;
  opacity: .6;
}

#header .sb_logo a:hover{
  opacity: 1.0;
}

.exLink:after {
  content:"";
  display:inline-block;
  background:url("/hc/theming_assets/01JAEP45B1AWPGDNW9E68H70AR") no-repeat;
  vertical-align: middle;
  background-size: 10px 10px;
  margin-left:3px;
  width:12px;
  height:12px;
}

.exLink_white:after {
  content:"";
  display:inline-block;
  background:url("/hc/theming_assets/01JAEP4S0F1062MNMZYN7T01TH") no-repeat;
  vertical-align: middle;
  background-size: 10px 10px;
  margin-left:3px;
  width:12px;
  height:12px;
}


/*==========================================*/
/* input, textarea */
/*==========================================*/

input, textarea, .btn, .nesty-input {
  width: 100%;
  padding-left: 15px;
  background-color: #fff;
  border: #D3D0C6 solid 1px;
  border-radius: 6px;
/*  -webkit-appearance: none; */
  font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
  line-height: 1.2;
}
input::-ms-clear { display:none; }

textarea {
  line-height: 1.6;
}



/*==========================================*/
/* Helper */
/*==========================================*/

/*============== clearfix ==============*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}


/*==========================================*/
/* Layout */
/*==========================================*/

/*============== Frame ==============*/

main {
  min-height: calc(100vh - 200px);
  width: 100%;
  font-size: 1.6rem;
  padding-bottom: 24px;

}

.header-inner,
.footer-inner,
.sub-nav-inner,
.page-header,
.main-contents {
  margin: 0 auto;
  padding: 0 12px;
  max-width: 1160px;
}

.main-contents > .section {
  margin-top: 40px;
}

#header .header-inner > section,
#footer .footer-inner > section,
.sub-nav-inner > section {
  display: table;
  width: 100%;
}

.main-inner {
  width: 100%;
}


/*============== Header ==============*/

#header {
  background: #6E98C5;
  width:100%;
}

#header .sb_logo {
	display:inline-block;
  float:left;
  margin:18px 0;
 width:30%;
}


.sb_logo img {
 max-width:122px;

}

.sb_logo a:hover{
  opacity: 100%;
}

#header .top-search-area {
  display:inline-block;
  float:right;
  width:60%;
  margin:-8px 0 0 10px;
}

#header  .top-search-area .search input[type="search"] {
  width: 90%;
  height: 28px;
  border-radius: 6px;
  margin : 30px 0 0 15px;
  font-size:1.4rem;
  }

.top-search-area form {
  position: relative;
}

.top-search-area input[type="serach"] {
  position: absolute;
}

.top-search-area input[type="submit"] {
  position: absolute;
  right: -18px;
  top: 25px;
  width: 80px;
  height: 0;
  background: url("/hc/theming_assets/01K3SR6CTPHE2ZVEFGDXTE98RK") no-repeat 50% 50%/ 20px 20px;
  z-index: 1;
  padding: 2.4em 0 0 0;
  border: none;
  text-indent: 100%;
  font-size: 1.6rem;
}


.searchbox-suggestions {
  background-color: #fff;
  border: 1px solid #EEE;
  border-radius: 4px;
  padding: 10px 20px;
}

.searchbox-suggestions li {
  padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url("/hc/theming_assets/01JAEP4F55MSHH1W69EBJEDT7M") 99% 50% no-repeat;
  background-size: 16px 16px;
}

#header .inquiry{
  display:none;
}


/*==============  Footer ==============*/

/*--- inquiry ---*/

#footer {
  width: 100%;
  margin: 0;
  padding: 0 0 14px 0;
  background-color: #727b7f;
  color: #fff;
}


#footer .inquiry {

font-size:1.3rem;
  line-height:1.8rem;
  margin:15px 0;

}




#footer .inquiry .txt  {
  font-weight:bold;
}




#footer .btn_inquiry a {
  color:#FFFFFF;
  text-decoration:underline;
}



/*--- copyright ---*/

#footer .copyright {
  font-size: 1.0rem;
  margin-top:5px;
}

#footer .copyright a {
  display: block;
  color: #fff;
}

#footer .copyright img {
  vertical-align: bottom;
}

#footer .copyright em {
  margin: 0 0 0 10px;
}

#footer .copyright .corporate-group {
  margin: 10px 0 0 0;
  text-decoration: underline;
}

/*--- pagetop ---*/

#pagetop {
  position: fixed;
  bottom: 35px;
  right: 20px;
  opacity: 0;
  z-index: 1;
  overflow: hidden;
 -webkit-transition: 200ms ease-out;
  -ms-transition: 200ms ease-out;
  transition: 200ms ease-out;
}

#pagetop.show {
  opacity: 1;
}

#pagetop .btnPagetop {
  display: block;
  width: 50px;
  height: 50px;
  opacity: 1;
  padding: 50px 0 0 0;
  background-color: #6E98C5;
  border-radius: 100%;
  font-size: 0;
  line-height: 1;
}

#pagetop .btnPagetop:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: -29px 0 0 18px;
}


/*==========================================*/
/* Common styles */
/*==========================================*/

.pcView {
  display: none;
}

.spView {
  display: block;
}

/*============== Buttons ==============*/

button, [role=button], [type=button], [type=submit] {
  border-radius: 4px;
  border: 1px solid #DDD;
  color: #1A74B0;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}

a[role=button]:hover {
  text-decoration: none;
}

input[type=submit]:hover {
  opacity: .6;
}

input[type=submit][disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */
  opacity: 0.4;
}

button img, [role=button] img {
  border-radius: 4px;
  margin: 0 5px 0 0;
  height: 20px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
[dir=rtl] button img, [dir=rtl] [role=button] img {
  margin: 0 0 0 5px;
}

/*============== Sub-nav ==============*/

.sub-nav {
  width: 100%;
  background-color: #EBE8DF;
  border-bottom: #D3D0C6 solid 1px;
}

/*============== Breadcrumbs ==============*/

.sub-nav-inner .breadcrumbs {
 display: none;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 0;
}

.sub-nav-inner .breadcrumbs li {
  color: #555;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
}

.sub-nav-inner .breadcrumbs li:first-child {
  padding-left: 26px;
  background-image: url("/hc/theming_assets/01K3SR6A79B7A3VKP4A7P68AC8");
  background-repeat: no-repeat;
  background-position:  0 50%;
  background-size: 20px 20px;
}

.sub-nav-inner .breadcrumbs li{
  margin-right: 8px;
  display: inline-block;
}

.sub-nav-inner .breadcrumbs li a {
  display: block;
  padding: 16px 24px 16px 0;
  background-image: url("/hc/theming_assets/01JAEP4720V1WZAV7NRAXX97X6");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  line-height: 1;
  line-height: 1.2;
  font-weight: normal;
  color: #555555;
}

.sub-nav-inner .breadcrumbs li a:hover {
  text-decoration: none;
}

.sub-nav-inner .backbtn-for-phone {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
}

.sub-nav-inner .backbtn-for-phone a {
  display: block;
  padding: 16px 24px 16px 0;
  line-height: 1;
  *line-height: 1.2;
  font-size: 1.4rem;
  font-weight: normal;
  color: #555555;
}

.sub-nav-inner .backbtn-for-phone a:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px 0 0;
  border-left: #555555 solid 2px;
  border-top: #555555 solid 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*============== Search ==============*/

.sub-nav-inner .search {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-align: right;
}

.sub-nav-inner .search input[type="search"] {
  display : none;
  background-color: #fff;
  border: #D3D0C6 solid 1px;
  border-radius: 6px;
  padding: 0 0 0 .7em;
  height: 2.4em;
  line-height: 2.4rem;
}

.sub-nav-inner .search input[type="submit"] {
  display : none;
  position: absolute;
  top: 6px;
  right: 0;
  background: url("/hc/theming_assets/01K3SR6CTPHE2ZVEFGDXTE98RK") no-repeat 50% 50%/ 18px 18px;
  z-index: 1;
  width: 48px;
  height: 0;
  /* margin-top: -1.2em; */
  padding: 32px 0 0 0;
  border: transparent solid 1px;
  text-indent: 100%;
}

.sub-nav-inner .search input[type="submit"]:hover {
  opacity: .6;
}

/*============== Pagination ==============*/

.pagination {
  margin: 24px 0;
  text-align: center;
}

.pagination * {
  display: inline-block;
}

.pagination li {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  float: left;
}

.pagination a, .pagination em {
  color: inherit;
  font-size: 1.6rem;
  padding: 8px 16px;
}

.pagination-current {
  background-color: #f9f9f9;
  color: #BEBEBE;
}

.pagination-current span {
    font-size: 1.6rem;
    padding: 8px 16px;
}

.pagination-first {
  border-radius: 6px 0 0 6px;
}

.pagination-last {
	border-right: 1px solid #ccc;
  border-radius: 0 6px 6px 0;
}

/*============== Article list ==============*/

.recent-articles ul,
.related-articles ul,
.article-list,
.search-results-list {
  border-top: #dddddd solid 1px;
}

.section-title-info{
  font-size: 1.2rem;
  font-weight: normal;
  background-color: #f2f2f2;
  float:left;
  height: 45px;
  padding: 15px;
  margin-left: 16px;
}

.article-list-info{
  font-size: 1.2rem;
  font-weight: normal;
  background-color: #f2f2f2;
  float:left;
  height: 45px;
  padding: 14px;
}


.show-more-info{
   background-color: #f2f2f2;
   color: #8e95b3;
   font-size: 1.2rem;
   height: 45px;
   padding: 14px 0 14px 10px;
     float:right;
}

.recent-articles li,
.related-articles li,
.article-list li,
.search-results-list li {
  border-bottom: #dddddd solid 1px;
}

.recent-articles li a,
.related-articles li a,
.article-list li a,
.search-results-list li a {
  position: relative;
  display: block;
  padding: 16px 32px 16px 0;
}

.recent-articles li a:after,
.related-articles li a:after,
.article-list li a:after,
.search-results-list li a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: #b5b5b5 solid 2px;
  border-right: #b5b5b5 solid 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.recent-articles .see-all-articles,
.related-articles .see-all-articles,
.article-list .see-all-articles,
.search-results-list .see-all-articles {
 /*margin-top: 8px;*/
  margin: 8px auto 0 auto;
  width:70%;
  text-align:center;
/*display: inline-block;*/
  display:block;
  padding: 12px 16px;
  background-color: #f0f0f0;
  border: #b5b5b5 solid 1px;
  border-bottom-width: 2px;
  border-radius: 6px;
  color: #555;
}

.list-empty {
  display: inline-block;
  margin-top: 16px;
  color: #888;
  font-style: normal;
}

.errorText {
  /* ajaxでfail時に出る文言 */
  padding: 16px 0;
  color: #888888;
}

/*============== title ==============*/

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  color:#6E98C5;
  font-weight: bold;
}

h3, h4, h5, h6 {
  line-height: 1.4;
}

/*============== Page title ==============*/

h1.page-title {
  display: block;
  margin: 40px 0 0 0;
  font-size:2.0rem;
  line-height:1.3;
  font-weight: normal;
  text-align: left;
}

/*============== Section title ==============*/

h2.section-title {
  display: block;
  font-size: 1.6rem;
  color: #888888;
}
h2.section-title a {
  color:#6E98C5;

}

/*============== Aside title ==============*/

aside h3 {
  /* helperが吐き出すソースなのでclass名付与できず */
  font-size: 1.9rem;
  font-weight: bold;
}
aside h3 a {
  color: #507591;
}

/*============== Notice ==============*/

.notice {
  margin-top: 16px;
  padding: 8px 16px 12px;
  border: #e0e0e0 solid 1px;
  background-color: #f2f2f2;
  border-radius: 6px;
}

.notice li {
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: disc;
  list-style-position: inside;
  line-height: 1.4;
}


/*==========================================*/
/* Pages */
/*==========================================*/

/*============== Home page ==============*/

/*.home-main-visual h1 {
  margin-top:15px;
  font-size: 2.0rem;
  font-weight: normal;
  color: #649bc5;
  text-align:center;
}*/

#home-page .main-menu,
#home-page .pickup-faq,
#home-page .side-contents {
 margin: 24px auto 0;
 padding: 0 10px;
 max-width: 1024px;
}

#home-page .pickup-faq-title {
  font-size:1.4rem;
  color:#888888;
  display:inline-block;
  float:left;
  vertical-align:bottom;
}

#home-page p{
  float:right;
  font-size:1.3rem;
  padding:10px;
}

#home-page-pickup-faq-list li{
  font-size:1.3rem;
  line-height:1.5;
}

#home-page .main-visual{
  text-align: center;
  margin-top:25px;
}

#home-page .main-visual h1{
	font-size:2.2rem;
  font-weight:normal;
}


#home-page .main-menu ul {
  margin-left: -8px;
  font-size: 0;
}

#home-page .main-menu li {
 display: inline-block;
 width: 50%;
 margin: 0 0 8px 0;
 border: transparent solid 0px;
 border-left-width: 8px;
 vertical-align: top;
 line-height: 1.2;
}

#home-page .main-menu li a {
  position: relative;
  display: block;
  min-height: 90px;
  height: 100px;
  padding: 10px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 75%;
  background-size: 46px 46px;
  border: #ccc solid 1px;
  border-bottom-width: 2px;
  border-radius: 8px;
  font-size: 1.4rem;
  text-align: center;
  font-weight: normal;
  color: #649bc5;
}

#home-page .main-menu li a:active {
  top: 1px;
  border-bottom-width: 1px;
}

/* navi_icon */
#home-page .main-menu li.cat360001334594 a { background-image: url("/hc/theming_assets/01JAEP4QA226X4VVE7Z8A1KQ3T");}/* はじめに */
#home-page .main-menu li.cat360000112794 a { background-image: url("/hc/theming_assets/01JAEP4HFR5XFJWJEDNEQJT4Q8");}/* ログイン */
#home-page .main-menu li.cat360000101653 a { background-image: url("/hc/theming_assets/01JAEP4HJTVDD15NHHVJ9PWYF2");}/* 設定 */
#home-page .main-menu li.cat360000095713 a { background-image: url("/hc/theming_assets/01JAEP4M11X6WM08B2FX19BVKB");}	/* 予約管理 */
#home-page .main-menu li.cat360000147814 a { background-image: url("/hc/theming_assets/01JAEP4K4SRQFFM1KW7TGKQFDY"); }/* お客様管理 */
#home-page .main-menu li.cat360000147834 a { background-image: url("/hc/theming_assets/01JAEP4H1A6H0PPP4DXV8VPKH1");}/* メッセージ管理*/
#home-page .main-menu li.cat360000140233 a { background-image: url("/hc/theming_assets/01JAEP4HZBBHJPTGVEBH16T76Z");}/* 掲載管理 */
#home-page .main-menu li.cat360000140253 a { background-image: url("/hc/theming_assets/01JAEP4REMVVD4AEBVPN72QTTJ");}/* 振込・請求管理 */
#home-page .main-menu li.cat360000147854 a { background-image: url("/hc/theming_assets/01JAEP4HWDBZ9S7MAJX6GHZ181");}/* サロンダイレクト */
#home-page .main-menu li.cat360000147874 a { background-image: url("/hc/theming_assets/01JAEP46N00G5XWQHT9RXFR330");}/* 売上管理・レジ機能 */
#home-page .main-menu li.cat360000147894 a { background-image: url("/hc/theming_assets/01JAEP4Q6ZARVMGE6HBH7V79T5");}/* 集計・分析機能 */
#home-page .main-menu li.cat360000140313 a { background-image: url("/hc/theming_assets/01JAEP41KSK42RD3MWF9G8W80M");}/* 記載ルールについて */
#home-page .main-menu li.cat900000008386 a { background-image: url("/hc/theming_assets/01K3SR6CX4B7141ZTWVP4S5W1C");}/* お問合せについて */
#home-page .main-menu li.cat38171695761433 a { background-image: url("/hc/theming_assets/01J8PH0JTCQHBBV9RPRQK2X79B");}/* スマート支払いについて */

/* navi_icon description　*/
#home-page-main-menu-list li a .description{
  display:block;
  color:#888;
  font-size:1.4rem;
  padding:3px;
  line-height:1.4;
}

/* メニューボタン ベストプラクティス */

#home-page .main-menu-practice {
  width: 100%;
  margin: 32px 0 20px;
  padding: 0 10px;
  vertical-align: top;
  text-align: center;
}

#home-page .main-menu-practice p {
  float: none;
  margin: 0;
  padding: 0;
}

#home-page .main-menu-practice a {
  position: relative;
  display: inline-block;
  text-align: left;
  padding: 16px;
  background-color: #fff;
  border: #ccc solid 1px;
  border-bottom-width: 2px;
  border-radius: 8px;
}

#home-page .main-menu-practice a:active {
  top: 1px;
  border-bottom-width: 1px;
}

#home-page .main-menu-practice  .main-menu-practice-ttl {
  font-size: 17px;
  color: #649bc5;
  margin-bottom: 10px;
}

#home-page .main-menu-practice  .main-menu-practice-column {
  display: flex;
  justify-content: space-between;
}

#home-page .main-menu-practice  .main-menu-practice-caption {
  width: 48%;
  font-size: 14px;
  line-height: 21px;
  color: #888;
}

#home-page .main-menu-practice  .main-menu-practice-img {
  width: 48%;
}

#home-page .main-menu-practice  .main-menu-practice-img img {
  width: 100%;
  height: auto;
}

/*============== Category list ==============*/

#category-list-page h2.section-title {
  padding: 0 0 8px 0;
  border-bottom: #6E98C5 solid 2px;
 }


#category-list-page .article-list {
  border-top: none;
}

#category-list-page .see-all-articles{
  display:block;
  width:75%;
}


/*============== Article ==============*/

#article-page {
  margin-bottom: -60px; /* フッタ上部のマージンを削除 */
}

#article-page .page-title {
  padding: 16px 0;
  border-top: #cccccc solid 1px;
  border-bottom: #cccccc solid 1px;
}

#article-page .article-body {
  margin-top: 24px;
  padding-bottom: 24px;
/*  border-bottom: #cccccc solid 1px; */
  line-height: 1.6;
}

#article-page .article-body h1 {
  margin: 25px 0 20px 0;
  padding-top: 15px;
  border-top: #cccccc solid 1px;
  font-size: 2.3rem;
  font-weight: normal;
}

#article-page .article-body h2 {
  margin: 20px 0 20px 0;
  padding: 16px 0;
  padding-top: 0px;
  font-size: 2.0rem;
  border-bottom: #cccccc solid 1px;
}

#article-page .article-body h3 {
  padding-top: 16px;
  font-weight: bold;
  line-height: 1.6;
  font-size: 1.7rem;
}

#article-page .article-body p {
  line-height: 1.5;
}

#article-page .article-body a {
  text-decoration: underline;
}

#article-page .article-body img {
  max-width: 100%;
}

#article-page .article-body .align-left {
  text-align: left;
}

#article-page .article-body .align-center {
  text-align: center;
}

#article-page .article-body .align-right {
  text-align: right;
}


#article-page .article-body ol {
  counter-reset: listcounter;
}

#article-page .article-body li {
  margin-top: 4px;
  list-style-type: disc;
  list-style-position: inside;
  line-height: 1.4;
}

#article-page .article-body li ol,
#article-page .article-body li ul {
  margin-top: 0;
  margin-left: 2em;
}

#article-page .article-body li ul li {
  list-style-type: circle;
}

#article-page .article-body ol > li {
  margin-top: 16px;
  padding-left: 2em;
  text-indent: -2em;
  list-style-type: none;
  line-height: 1.4;
}

#article-page .article-body ol > li:before {
  content: counter(listcounter);
  counter-increment: listcounter;
  display: inline-block;
  margin-right: .5em;
  background: #649bc5;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: #fff;
  text-indent: 0;
  text-align: center;
  line-height: 1.5;
}

#article-page .article-body li ol > li:before {
  content: counter(listcounter) ".";
  width: auto;
  height: auto;
  background: none;
  color: #555555;
}

#article-page .article-body li ol li {
  margin-top: 4px;
}

#article-page .article-body ol ol {
  margin-left: 0;
}

#article-page .article-body .index {
  margin-top: 24px;
  padding: 16px 24px;
  background-color: #fff;
  border: #e0e0e0 solid 1px;
  border-radius: 4px;
}

#article-page .article-body .index h3 {
  padding-top: 0px;
  font-size:18px;
}

#article-page .article-body .index > ul {
  margin-top: 16px;
}

#article-page .article-body .index li {
  padding-left: 0;
  text-indent: 0;
}

#article-page .article-body .box {
  margin-top: 16px;
  padding: 16px;
  border: #ccc solid 1px;
  border-radius: 6px;
}

#article-page .article-body .box1 {
  margin-top: 16px;
  padding: 16px;
  border: #ccc solid 1px;
  border-radius: 6px;
  background-color: #fdb17d;
}

#article-page .article-body .box h3 {
  padding-top: 0;
  padding-bottom: 12px;
}

#article-page .article-body .point:before {
  content: "POINT";
  display: inline-block;
  margin: 0 .5em 0 0;
  padding: 3px 6px;
  background-color: #f29407;
  border-radius: 4px;
  line-height: 1;
  color: #fff;
  font-weight: normal;
}

#article-page .article-body .table01 {
  width: 100%;
	border: #ccc solid 1px;
  border-collapse: collapse;
}

#article-page .article-body .table01 th {
  padding: 1em;
	border: #ccc solid 1px;
  background-color: #ebe8df;
}

#article-page .article-body .table01 td {
  padding: 1em;
	border: #ccc solid 1px;
}

#article-page .article-body .note {
  margin-top: 16px;
  padding: 8px 16px 12px;
  border: #e0e0e0 solid 1px;
  background-color: #f2f2f2;
  border-radius: 6px;
}

#article-page .article-body .note li {
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: none;
}

#article-page .article-body .note li:before {
  content: "※";
  display: inline;
}

#article-page .article-body .caution {
  margin-top: 16px;
  padding: 8px 16px 12px;
  border: #f53816 solid 1px;
  border-radius: 6px;
}

#article-page .article-body .caution li {
  margin-top 8px;
  padding-left: 3em;
  text-indent: -3em;
  list-style-type: none;
  color: #f53816;
}

#article-page .article-body .caution li:before {
  content: "注意：";
  display: inline;
  font-weight: bold;
}

#article-page .article-body .btn_inquiry {
  margin: 60px 0 0 0;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

#article-page .article-body .btn_inquiry a {
  display: inline-block;
  padding: 14px 80px;
  background-color: #6E98C5;
  color: #fff;
  box-shadow: 0 1px 0 0 #5c80a8;
  border: #5c80a8 solid 1px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}

#article-page .btn_inquiry a:before {
  content:"";
  display:inline-block;
  background:url("/hc/theming_assets/01JAEP4AW1MFXCG5T50W7V0RTT") no-repeat;
  vertical-align: middle;
  background-size: 17px 17px;
  width:18px;
  height:18px;
    margin:-2px 2px 0 0;
}

#article-page .article-attachments {
  margin: 16px 0 0 0;
}

#article-page .side-contents {
  width: 100%;
  margin: 40px 0 0 0;
  padding: 0 0 60px 0;
  background-color: #f2f2f2;
}

#article-page .recent-articles,
#article-page .related-articles {
  margin: 0 auto;
  padding: 40px 12px 0;
  max-width: 1024px;
  background-color: #f2f2f2;
}

#article-page .side-contents  h3 {
  padding: 0 0 8px 0;
  border-bottom: #507591 solid 2px;
}

#article-page .side-contents ul {
  border-top: none;
}



/*============== Search results ==============*/

#search-result-page .search-results-list li a {
  font-weight: bold;
}

#search-result-page .search-results-list li a .search-result-description {
  display: block;
  margin-top: 6px;
  color: #888;
  -webkit-transition: 50ms linear;
  -ms-transition: 50ms linear;
  transition: 50ms linear;
  opacity: 1;
  font-weight: normal;
}

/*============== Request forms ==============*/

#post-request-page .notice{
  font-size:1.4rem;
}

#post-request-page h2{
  margin-top:10px;
}

#post-request-page p{
  padding:10px 0;
  line-height:1.7;
}

#post-request-page ol{
  padding:0 0 15px 15px;
}

#post-request-page .main-contents a {
  text-decoration: underline;
}

#post-request-page .side-contents {
  width: 100%;
  margin: 40px 0 0 0;
  padding: 0 0 60px 0;
  background-color: #f2f2f2;
}

#post-request-page .form-field {
  margin-top: 24px;
}

#post-request-page .form-field textarea {
  min-height: 200px;
}

#post-request-page .form-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

#post-request-page .form-field input[type=checkbox] + label {
  margin: 0 0 0 12px;
}

#post-request-page .form-field.required > label:after {
  content: '必須';
  margin-left: 6px;
  top: -1px;
  background: #fff;
  border: 1px solid #f53816;
  border-radius: 2px;
  color: #f53816;
  font-weight: normal;
  font-size: 11px;
  padding: 1px 3px;
  white-space: nowrap;
  position: relative;
}

#post-request-page .form-field p {
  margin-top: 4px;
  color: #888888;
}

#post-request-page .form-field input[type=number],
#post-request-page .form-field input.datepicker {
  width: 150px;
}

#post-request-page .form form + form {
  margin-top: 40px;
}

#post-request-page .form a.nesty-input {
  height: auto;
  text-decoration: none;
}

#post-request-page .form a.nesty-input:hover {
  opacity: 1;
  color: #555555;
}

#post-request-page .form a.nesty-input:after {
  top: 30%;
}

#post-request-page .form .upload-dropzone em {
  color: #888888;
}

#post-request-page .form .upload-dropzone em a {
  color: #3874d1;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url("/hc/theming_assets/01JAEP4F55MSHH1W69EBJEDT7M") 99% 50% no-repeat;
  background-size: 16px 16px;
}

#post-request-page .form footer {
  margin-top: 40px;
}

#post-request-page .form footer input[type=submit] {
  width:70%;
  height: 48px;
  padding: 0 20px;
  background: #6E98C5;
  border: 1px solid #5c80a8;
  border-bottom-width: 2px;
  border-radius: 4px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #FFF;
  min-width: 100px;
  display:block;
  margin:0 auto;
}

.form footer a {
  color: #CCC;
  cursor: pointer;
}

/* 添付ファイル非表示
#post-request-page .form-field:nth-child(11n){
  display:none;
  color:red;
}
*/



/* 各項目注意文 */
#request_custom_fields_360003815454_hint,#request_custom_fields_360003733893_hint,#request_description_hint{
  font-size:1.4rem;
}

/* privacy policy checkbox */
#request_custom_fields_360003615993{
    transform:scale(1.5);
    width:5%;
    margin:15px 0;
}
/*============== Error ==============*/

#error-page .section-title {
  margin-bottom: 16px;
}

#error-page .section p {
  margin-bottom: 8px;
}
/*============== air-inquiry ==============*/
.air_inquiry{
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
}
.air_inquiry li{
  width: 100%;
}
.air_inquiry li:nth-of-type(2){
  margin-top: 40px !important;
}
.air_inquiry li p{
  font-size: 10px;
  text-align: center;
}
.air_inquiry li img{
  display: block;
  height: 43px;
  margin: 0 auto;
}
.air_inquiry li a{
  display: block;
  width: 200px;
  height: 57px;
  padding: 12px 0;
  margin: 20px auto 0;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  background-color: #20aee5;
  border-radius: 10px;
  text-decoration: none !important;
  box-shadow: 0px 3px 0px 0px rgb(25,135,179);
}

/*============================================================================================*/
/*
* 上記ここまで基本Style
* 【SP:縦】　〜479px
*/
/*============================================================================================*/


/*======================================

【スマホ】ランドスケープ

======================================*/
@media screen and (max-width: 480px) and (orientation: portrait) {
  #home-page .main-menu li a span.description{
  	visibility: hidden;
  }
}
@media screen and (max-width: 480px) and (orientation: landscape) {
  #home-page .main-menu li a span.description{
  	visibility: visible;
  }
}


/*================================================================

 【SP：横】 480px 〜 599px

================================================================*/


@media screen and (min-width: 480px) {


  /*============== Header ==============*/

  #header {
  background: #6E98C5;
  width:100%;
}

#header .sb_logo {
	display:inline-block;
  float:left;
  margin:18px 0;
  width:35%;
}

.sb_logo img {
max-width:122px;
  margin-left:10px;
}

  #header .top-search-area {
  display:inline-block;
  float:right;
 /* margin-top:-15px;*/
    width:45%;
}

 #header  .top-search-area .search input[type="search"] {
  width: 90%;
  height: 28px;
  border-radius: 6px;
  margin : 30px 0 0 15px;
  font-size:1.4rem;
 }
#home-page .main-menu li a{
	padding: 16px 16px 16px 90px;
  background-position: 23px 50%;
  font-size: 1.7rem;
  text-align: left;
}

.top-search-area form {
  position: relative;
}

.top-search-area input[type="serach"] {
  position: absolute;
}

.top-search-area input[type="submit"] {
  position: absolute;
  right: -10px;
  top: 25px;
  width: 80px;
  height: 0;
  background: url("/hc/theming_assets/01K3SR6CTPHE2ZVEFGDXTE98RK") no-repeat 50% 50%/ 20px 20px;
  z-index: 1;
  padding: 2.4em 0 0 0;
  border: none;
  text-indent: 100%;
  font-size: 1.6rem;
}

/*============== home_page ==============*/

/*============== air-inquiry ==============*/
.air_inquiry{
  flex-flow: row wrap;
}
.air_inquiry li{
  width: 33%;
}
.air_inquiry li:nth-of-type(2){
  margin-top: 4px !important;
}






}


/*================================================================

 Breakpoint
 【タブレット】 600px 〜 1024px


================================================================*/

@media screen and (min-width: 600px) {

  .pcView {
    display: block;
  }

  .spView {
    display: none;
  }


  .header-inner,
  .footer-inner,
  .sub-nav-inner,
  .page-header,
  .main-inner{
  padding: 0 px;
  }


  /*============== Header ==============*/

  #header .sb_logo {
  float:left;
  margin:18px 0;
  width:140px;
}

.sb_logo img {
margin-left:10px;
}


#header .top-search-area {
  display:inline-block;
  float:right;
  margin-top:10px;
  width:35%;
  margin-right:-10px;
}

 #header  .top-search-area .search input[type="search"] {
  width: 90%;
  height: 28px;
  border-radius: 6px;
  margin : 15px 0 0 3px;
  font-size:1.4rem;
 }

  .top-search-area form {
  position: relative;
}

.top-search-area input[type="serach"] {
  position: absolute;
}

.top-search-area input[type="submit"] {
  position: absolute;
  right:10%;
  top: 10px;
  width: 50px;
  height: 0;
  background: url("/hc/theming_assets/01K3SR6CTPHE2ZVEFGDXTE98RK") no-repeat 50% 50%/ 20px 20px;
  z-index: 1;
  padding: 2.4em 0 0 0;
  border: none;
  text-indent: 100%;
  font-size: 1.6rem;
}



  /*============== Footer ==============*/

  #footer .inquiry{
    width: 55%;
    float: left;
    margin: 2em 0;
  }

  #footer .copyright{
    width:40%;
    float:right;
    text-align:right;
    margin:15px 5px 0 0;
  }



  /*============== Homepage ==============*/

  #home-page .pickup-faq-list{
	height:40px;
  }

  #home-page h2.pickup-faq-title{
  float:left;
}

 #home-page p{
   font-size:1.3rem;
  }

  #home-page-pickup-faq-list li{
   font-size:1.4rem;
  }

 #home-page .main-menu li {
  width: 50%;
 }
#home-page .main-menu li a {
  	padding: 16px 16px 16px 90px;
  	background-position: 23px 50%;
    font-size: 1.7rem;
  	text-align: left;
 }

  /* メニューボタン ベストプラクティス */

  #home-page .main-menu-practice a {
    width: 512px;
  }

  #home-page .main-menu-practice .main-menu-practice-ttl {
    position: absolute;
    top: 16px;
    left: 16px;
    margin-bottom: 5px;
  }

  #home-page .main-menu-practice .main-menu-practice-caption {
    width: 258px;
    margin-top: 30px;
  }

  #home-page .main-menu-practice .main-menu-practice-img {
    width: 150px;
  }


/*============== breadcrumbs ==============*/

  .sub-nav-inner .backbtn-for-phone {
    display: none;
  }

  .sub-nav-inner .breadcrumbs {
    display: table-cell;
  }



  }

/*================================================================

 Breakpoint
 【PC】 1025px 〜


================================================================*/
@media screen and (min-width: 1025px) {

/*============== Header ==============*/

#header .header-inner{
   width:1025px;
  }

#header .sb_logo{
   max-width:100%;
   margin-left:-10px;
  }


#header .top-search-area {
  display:inline-block;
  float:right;
  width:25%;
  margin-top:10px;
}

#header  .top-search-area .search input[type="search"] {
  width: 90%;
  height: 28px;
  border-radius: 6px;
  margin : 15px 0 0 15px;
  font-size:1.4rem;
  }

.top-search-area form {
  position: relative;
}

.top-search-area input[type="serach"] {
  position: absolute;
}

.top-search-area input[type="submit"] {
  position: absolute;
  right: -8px;
  top: 10px;
  width: 80px;
  height: 0;
  background: url("/hc/theming_assets/01K3SR6CTPHE2ZVEFGDXTE98RK") no-repeat 50% 50%/ 20px 20px;
  z-index: 1;
  padding: 2.4em 0 0 0;
  border: none;
  text-indent: 100%;
  font-size: 1.6rem;
}

/*============== Footer ==============*/

  /* pagetop */
  #pagetop {
    bottom: 60px;
    right: 40px;
  }

  .main-inner {
    width: 1025px;
    margin: 0 auto;
  }


  .footer-inner{
    width:1025px;
    margin:0 auto;
     padding: 0 10px;
    font-size: 1.4rem;
  }

   /*============== breadcrumbs ==============*/
  .sub-nav-inner{
    width:1025px;
    margin:0 auto;
  }


  /*============== Article-list ==============*/
  .recent-articles ul,
  .related-articles ul,
  .article-list,
  .search-results-list {
    padding-top: 24px;
    font-size: 1.4rem;
  }

  .recent-articles ul li,
  .related-articles ul li,
  .article-list li,
  .search-results-list li {
    padding-left: 1em;
    border-bottom: none;
    text-indent: -1em;

  }

  .recent-articles ul li + li,
  .related-articles ul li + li,
  .article-list li + li,
  .search-results-list li + li {
    margin: 12px 0 0 0;
  }

  .recent-articles ul li:before,
  .related-articles ul li:before,
  .article-list li:before,
  .search-results-list li:before {
    content: "・";
    display: inline;
  }

  .recent-articles ul li a,
  .related-articles ul li a,
  .article-list li a,
  .search-results-list li a {
    display: inline;
    padding: 0;
  }

  .recent-articles ul li a:after,
  .related-articles ul li a:after,
  .article-list li a:after,
  .search-results-list li a:after {
    display: none;
  }

  /* 記事をもっとみる */
  #category-list-page .article-list > a {
   margin-top: 24px;
    padding: 0;
    background: none;
    border: none;
    color:#649bc5;
    font-weight:bold;
    text-align:left;
    width:100%;

  }


 /* 3点リーダー */

 #category-list-page ul.article-list{
  width: 440px;

  }

 #category-list-page .article-list li{
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

  }


/*============== Page title ==============*/
h1.page-title {
  font-size: 3.0rem;
}

/*============== Section title ==============*/
h2.section-title {
  font-size: 1.7rem;
}

/*============== Aside title ==============*/
aside h3 {
  font-size: 1.7rem;
}

  /*============== Home-page ==============*/

  #home-page .main-menu {
    margin-top: 40px;
  }

  #home-page .main-menu li {
    width: 33.333333%;
  }
  #home-page .main-menu li a {
    padding: 16px 16px 16px 90px !important;
  	background-position: 23px 50%;
    font-size: 1.7rem !important;
  	text-align: left;
  }

  #home-page .main-menu,
  #home-page .pickup-faq,
  #home-page .info {
    padding: 0 24px;
    vertical-align: top;
  }


  #home-page .info {
    width: 300px;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #f2f2f2;
    border: #e0e0e0 solid 1px;
    border-radius: 4px;
  }

  #home-page .info .section-title {
    border-bottom: none;
    padding-bottom: 0;
    border-radius: 4px;
  }

  #home-page .info .article-list {
    padding-top: 24px;
    border-top: none;
  }

  #home-page .info .article-list li {
    margin: 0 0 16px 0;
    padding-left: 0;
    text-indent: 0;
  }

  #home-page .info .article-list li:before {
    display: none;
  }

  #home-page .info .article-list a {
  }

  #home-page .info .article-list time {
    float: none;
    display: block;
    margin-bottom: 6px;
  }

  #home-page .info .article-list em {
    overflow: visible;
  }

  #home-page .info .show-more-info {
    font-size: 1.4rem;
  }

  #home-page .info .show-more-info a {
    margin-top: 16px;
    padding: 0;
  }

  #home-page .banner {
    float: right;
    margin: 24px 0 0 0;
  }

  #home-page .banner li {
    display: block;
    margin: 16px 0 0 0;
  }

/* faq */

  #home-page  .pickup-faq{
    width:95%;
    padding:10px 0px 20px 0px;
    border-radius: 6px;
    border: #e0e0e0 solid 1px;
    background-color:#f5f5f5;
  }

  #home-page .pickup-faq-title{
    margin:10px 0 10px 20px;
  }

#home-page span.moreread{
  font-size:1.3rem;
   display:block;
   padding:5px 20px;
     }

  #home-page p:hover{
     opacity: 0.6;
  }

  #home-page-pickup-faq-list{
    width:96%;
    margin:0 auto;
  }


/*============== Category list ==============*/
#category-list-page .main-contents > .section {
  width: 450px;
  float: left;
  margin-left: 40px;
 height: 275px;

}

#category-list-page .main-contents > .section:nth-child(odd) {
  margin-left: 0;
}

/*============== Section list ==============*/
#section-list-page .article-list > li {
  width: 800px;
  margin-top: 15px !important;
}

#section-list-page .article-list > li:nth-child(even){
  /* margin-left: 40px; */
}

#section-list-page .article-list > li:nth-child(1){
  margin-top: 0;
}

  /*============== Article ==============*/
  #article-page {
    margin-bottom: 0;
  }

  #article-page .main-contents {
    float: left;
    width: 688px;
  }

  #article-page .main-contents_vote {
    width: 1000px;
  }

  #article-page .article-body {
  }

  #article-page .side-contents {
    float: right;
    width: 300px;
    margin-top: 40px;
    margin-right: 24px;
    background: none;
  }

  #article-page .side-contents > section + section {
    margin-top: 24px;
  }

  #article-page .side-contents h3 {
    padding: 0;
    border-bottom: none;
  }

  #article-page .recent-articles,
  #article-page .related-articles {
    padding: 32px 24px;
    border: #e0e0e0 solid 1px;
    border-radius: 4px;
  }

  #article-page .side-contents ul {
    margin-top: 0;
    border-top: none;
  }

  /*============== Search results ==============*/
  #search-result-page .search-results-list li {
    margin-bottom: 24px;
    padding-left: 0;
    text-indent: 0;
  }

  #search-result-page .search-results-list li:before {
    display: none;
  }

  #search-result-page .search-results-list li a {
    display: inline-block;
  }

  #search-result-page .search-results-list li a .search-result-description {
  }

  /*============== Request forms ==============*/
  #post-request-page .main-contents {
    float: left;
    width: 688px;
  }

  #post-request-page .article-body {
  }


  #post-request-page .side-contents {
    float: right;
    width: 300px;
    margin-top: 40px;
    margin-right: 24px;
    background: none;
  }

  #post-request-page p{
    font-size:1.3rem;
  }

}/*-- min-width: 1025px end --*/


/*-- attention css --*/

.attention,
.news_notes{
  width: 95%;
  padding: 5px 20px;
  margin: 20px auto 5px auto;
  border: solid 1px #ff4500;
  border-radius: 5px;
}
.attention p,
.news_notes p{
  width: 100%;
	text-align: center;
  color: #ff4500;
  float: none !important;
	line-height: 2.5rem;
}

.news_notes p:first-child{
  text-align: center;
}
.news_notes p{
  text-align: left;
}

/*-- attention css end --*/

/*-- article-votes --*/

.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
  line-height: 3.5rem;
}

.article-vote {
  background: transparent;
  border: 1px solid #7ba2d5;
  color: #7ba2d5;
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
  line-height: 1.5;
}

.article-vote::before {
  font-size: 8px;
  margin-right: 10px;
}

[dir="rtl"] .article-vote::before {
  margin-right: 0;
  margin-left: 10px;
}

.article-vote::after {
  content: attr(title);
  /* Yes/No label*/
}

.article-vote:focus, .article-vote:active {
  background-color: #7ba2d5;
  color: #fff;
}

.article-vote:hover {
  background-color: #7ba2d5 !important;
  color: #fff !important;
}

.article-vote[aria-selected="true"], .article-vote[aria-selected="true"] {
  background-color: #7ba2d5;
  color: #fff;
}
.article-vote[aria-selected="false"], .article-vote[aria-selected="false"] {
  background-color: #fff;
  color: #7ba2d5;
}

.article-vote-up::before {
  content: "\2713";
}

.article-vote-down::before {
  content: "\2715";
}

/*-- Icons --*/
.article-vote::before{
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

/*-- Buttons --*/
.button, [role="button"] {
  border: 1px solid #7ba2d5;
  border-radius: 4px;
  color: #0072EF;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0 10px;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  -webkit-touch-callout: none;
}

/*-- manual_select --*/
.user_select{
  width: 100%;
  padding: 10px;
  margin: 10px auto 0;
  border-radius: 10px;
}
.osusume_link{
  width: 100%;
  margin-top: 40px;
}
.osusume_link hr{
  display: block;
	width: 100%;
  margin: 10px 0;
  color: #000;
}

/* vote */
table.vote_list,
table.label_list,
table.agents_list{
  width: 100%;
	margin: 20px 0;
  overflow: scroll-x;
}
table.vote_list th,
table.label_list th,
table.agents_list th{
  padding: 5px;
	background-color: #666;
  text-align: center;
	color: #fff;
  border: solid 1px #fff;
}
table.vote_list td,
table.label_list td,
table.agents_list td{
  padding: 5px;
	background-color: #e5dfd8;
	text-align: center;
	color: #666;
	border: solid 1px #fff;
}

input[type='text'].id-check{
  width: 250px;
  height: 40px;
  padding: 0px 15px;
  margin: 20px 10px 10px 10px;;
  border-radius: 5px;
  float: left;
}
input[type='button'].id-check_submit{
  width: 150px;
  height: 40px;
  margin: 20px 10px 10px 10px;
  background-color: #7ba2d5;
  color: #fff;
}
input[type='button'].all-check,
input[type='button'].label-check{
  width: 150px;
  height: 40px;
  margin: 20px 10px 10px 10px;
  background-color: #7ba2d5;
  color: #fff;
  float: right;
}

/* inquiry-info */
.ivr_desc{}
.ivr_desc th{
  text-align: left;
}
.ivr_desc td{
  font-size: 14px;
}
.ivr_desc tr td:nth-child(1){
  text-align: left;
}
.ivr_desc tr td:nth-child(2){
  text-align: center;
}

.inquiry_table{}
.inquiry_table th,
.inquiry_table td{
  text-align: center !important;
}

.txt_red{ color: #dc143c; }
.txt_blue{ color: #1e90ff; }
.txt_orange{ color: #ff8c00; }
.txt_green{ color: #2e8b57; }

.small_txt{ font-size: 10px; clear:both; }

.icon_desc{
	font-size: 10px;
}
.icon_desc dt{
  font-weight: bold;
}
.icon_desc dd{
	margin-bottom: 0px;
  margin-left: 10px;
  float: left;
}

.covid-19_att:before{
  display: block;
  width: 15px;
  content: "※";
  float: left;
}
.covid-19_clear{
  clear: both;
}


/*================================================================*/
/*
* 上記ここまでのCSSはレストランボードのを流用
*
* 既存オンラインマニュアルからの移行CSSは下記に追記
*/
/*================================================================*/
/*====== common style ======*/
.fcBlack {color:#000 !important;}
.fcRed {color:#df2026 !important;}
.fcLightblue {color:#42b2ce !important;}
.fcBlue {color:#009dd6 !important;}
.fcGray {color:#86888b !important;}
.fcLightGray {color:#cbcbcb !important;}
.fcPurple {color:#744c94 !important;}
.fcLightpink {color:#e78682 !important;}
.fcPink {color:#c95789 !important;}
.fcYellow {color:#fac906 !important;}
.fcGreen {color:#47967f !important;}
.fcYG {color:#89bc58 !important;}
.fcGold {color:#9d7a28 !important;}
.fcOrange {color:#f5a461 !important;}
.fcDarkGray {color:#555 !important;}

.fwbold {font-weight:bold !important;}
.fwnormal {font-weight:normal !important;}

.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}

.fl {float:left;}
.fr {float:right;}

.tLeft {text-align:left !important;}
.tRight {text-align:right !important;}
.tCenter {text-align:center !important;}

.textLine {text-decoration:underline !important;}
.nob {border:none !important;}

.m0 {margin:0 !important;}
.m20 {margin:20px !important;}
.mLR0 {margin-left:0 !important; margin-right:0 !important;}
.mLR10 {margin-left:10px !important; margin-right:10px !important;}
.mLR15 {margin-left:15px !important; margin-right:15px !important;}
.mLR20 {margin-left:20px !important; margin-right:20px !important;}
.mL0 {margin-left:0 !important;}
.mL5 {margin-left:5px !important;}
.mL10 {margin-left:10px !important;}
.mL20 {margin-left:20px !important;}
.mL30 {margin-left:30px !important;}
.mL40 {margin-left:40px !important;}
.mL50 {margin-left:50px !important;}
.mL60 {margin-left:60px !important;}
.mL70 {margin-left:70px !important;}
.mR0 {margin-right:0 !important;}
.mR5 {margin-right:5px !important;}
.mR10 {margin-right:10px !important;}
.mT0 {margin-top:0px !important;}
.mT5 {margin-top:5px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mT30 {margin-top:30px !important;}
.mT40 {margin-top:40px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10 {margin-bottom:10px !important;}
.mB15 {margin-bottom:15px !important;}
.mB20 {margin-bottom:20px !important;}
.mB24 {margin-bottom:24px !important;}
.mB30 {margin-bottom:30px !important;}
.mB40 {margin-bottom:40px !important;}
.mB50 {margin-bottom:50px !important;}
.pLR0 {padding-left:0 !important; padding-right:0 !important;}
.p0 {padding:0 !important;}
.pL0 {padding-left:0 !important;}
.pL10 {padding-left:10px !important;}
.pB0 {padding-bottom:0 !important;}
.pB10 {padding-bottom:10px !important;}
.pB15 {padding-bottom:15px !important;}
.pB20 {padding-bottom:20px !important;}
.pT5 {padding-top:5px !important;}

.w250 {width:250px;}
.w440 {width:440px;}

.bdLnone {border-left:none !important;}
.bdRnone {border-right:none !important;}
.bdTnone {border-top:none !important;}
.bdBnone {border-bottom:none !important;}

.bdT {border-top:1px solid #ccc !important; padding-top:20px !important;}
.bdB {border-bottom:1px solid #ccc !important; padding-bottom:20px !important;}

.bgWhite {background-color: #fff !important;}

/*a.blank{
	padding-right: 14px;
  margin-right: 8px;
	background: transparent url(/hc/theming_assets/01JAEP45B1AWPGDNW9E68H70AR) center right no-repeat;
}*/

#article-page .article-body a {
  word-break: break-all;
}

/*================== 既存ページ用の新パーツ ここから ==================*/

/*-- 見出し --*/

#article-page .article-body .common_ttl_l {
	margin-bottom: 10px;
	padding: 6px 10px;
	font-size: 18px;
  line-height: 1.6;
	font-weight: bold;
  border: none;
	background-color: #ebe4db; /*カテゴリごとに変更する*/
  color: #775c40; /*カテゴリごとに変更する*/
}

#article-page .article-body .common_ttl_l_blue {
  margin-bottom: 20px;
  padding: 6px 10px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  border: none;
  background: #d3e0ed;
  color: #6E98C5;
}

#article-page .article-body .common_ttl_m {
	margin: 0 0 10px 0;
	padding: 0 10px;
	font-size: 16px;
  line-height: 22px;
	font-weight: bold;
  color: #775c40; /*カテゴリごとに変更する*/
  border-left: 6px solid #775c40; /*カテゴリごとに変更する*/
  border-top: none;
  border-bottom: none;
  background: transparent;
}
#article-page .article-body .text_ttl {
	margin: 0 0 10px 0;
	font-size: 16px;
  line-height: 22px;
	font-weight: bold;
  border: none;
  color: #555;
  background: transparent;
}
#article-page .article-body .text_ttl_s {
	margin: 0 0 10px 0;
  padding: 0;
	font-size: 14px;
  line-height: 20px;
	font-weight: bold;
  border: none;
  color: #555;
  background: transparent;
}
#article-page .article-body .line_ttl {
	font-size: 16px;
  line-height: 22px;
	font-weight: bold;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #775c40; /*カテゴリごとに変更する*/
  color: #555;
  background: transparent;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
}
#article-page .article-body .num_ttl {
	display: flex;
  display: -webkit-flex;
	font-size: 16px;
  line-height: 22px;
	font-weight: bold;
  border: none;
  color: #775c40;
  background: transparent;
  margin: 0 0 15px 0;
  padding: 0;
}
#article-page .article-body .num_ttl img {
	height: 19px;
  margin: 2px 8px 0 0;
}
#article-page .article-body .num_line_ttl {
	display: flex;
  display: -webkit-flex;
	font-size: 16px;
  line-height: 22px;
	font-weight: bold;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #775c40; /*カテゴリごとに変更する*/
  color: #555;
  background: transparent;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
}
#article-page .article-body .num_line_ttl img {
	height: 19px;
  margin: 2px 8px 0 0;
}
#article-page .article-body .num_link {
	display: flex;
	font-size: 16px;
  line-height: 22px;
	font-weight: normal;
  border: none;
  color: #555;
  background: transparent;
  margin: 0 0 10px 0;
}
#article-page .article-body .num_link a {
	color : #3874d1;
}
#article-page .article-body .num_link img {
	height: 19px;
  margin: 2px 8px 0 0;
}

/*-- テキストアイコン --*/

#article-page .article-body .icon_text {
    display: inline-block;
    background: #ebe4db; /*カテゴリごとに変更する*/
    padding: 0px 7px;
    font-size: 14px;
    color: #775c40; /*カテゴリごとに変更する*/
    margin-bottom: 10px;
    border-radius: 5px;
}

/*-- ボックス --*/

#article-page .article-body .box_bg_gray {
	background: #ececec;
  padding: 12px;
}

/*-- リスト --*/

#article-page .article-body .common_link_list {
  margin-bottom: 20px;
}
#article-page .article-body .common_link_list li {
  padding: 0 0 0 15px;
  margin-top: 20px;
  position: relative;
}
#article-page .article-body .common_link_list li:first-child {
  margin-top: 0;
}
#article-page .article-body .common_link_list li:before {
  content : "\30FB";
  position: absolute;
  top: 0;
  left: 0;
}
#article-page .article-body .common_list li {
	padding-left:1em;
	text-indent:-1em;
}
/*-- 番号アイコン --*/

#article-page .article-body .common_icon_num {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.5;
	padding: 0 0 0 30px;
}
#article-page .article-body .common_icon_num_line {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.5;
  color: #775c40;
	padding: 0 0 3px 30px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #775c40;
}
#article-page .article-body .analysis .common_icon_num1 {
	background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num2 {
	background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num3 {
	background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num4 {
	background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num5 {
	background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num6 {
	background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num7 {
	background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num8 {
	background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num9 {
	background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num10 {
	background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM) no-repeat 0 0;
}

/* ===カテゴリ 掲載管理（keisai）===*/

#article-page .article-body .keisai .common_icon_num {
	color: #C95789;
}
#article-page .article-body .keisai .common_icon_num1 {
	background: url(/hc/theming_assets/01JAEP4614VFNDS1GXR1G47GE5) no-repeat 0 0;
}
#article-page .article-body .keisai .common_icon_num2 {
	background: url(/hc/theming_assets/01JAEP4F6PX1VNGVRTAJCF90GP) no-repeat 0 0;
}
#article-page .article-body .keisai .common_icon_num3 {
	background: url(/hc/theming_assets/01JAEP4D1Y5ZAX6DRXED8W5SVJ) no-repeat 0 0;
}
#article-page .article-body .keisai .common_icon_num4 {
	background: url(/hc/theming_assets/01JAEP4AXE695B33EV2970V0J8) no-repeat 0 0;
}
#article-page .article-body .keisai .common_ttl_l {
    color: #C95789;
    background: #FAEDED;
}
#article-page .article-body .keisai .common_ttl_m {
    color: #C95789;
    border-left: 6px solid #C95789;
}
#article-page .article-body .keisai .common_ttl_underline {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #C95789;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

/* ===カテゴリ 請求（seikyu）===*/

#article-page .article-body .seikyu .common_ttl_l {
	background-color: #ebe4db;
  color: #775c40;
}
#article-page .article-body .seikyu .common_ttl_m {
  color: #775c40;
  border-left: 6px solid #775c40;
}
#article-page .article-body .common_icon_num_line {
  border-bottom: 1px solid #775c40;
  color: #775c40;
}
#article-page .article-body .seikyu .line_ttl {
  border-bottom: 1px solid #775c40;
}
#article-page .article-body .seikyu .num_line_ttl {
  border-bottom: 1px solid #775c40;
}
#article-page .article-body .seikyu .icon_text {
  background: #ebe4db;
  color: #775c40;
}
#article-page .article-body .seikyu .common_icon_num {
	color: #775c40;
}
#article-page .article-body .seikyu .common_icon_num1 {
	background: url(/hc/theming_assets/01JAEP4NH8WVQKEB3QWPNYNMBB) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num2 {
	background: url(/hc/theming_assets/01JAEP4ENBZ83VCW5AK8CYXED3) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num3 {
	background: url(/hc/theming_assets/01JAEP408J07X3CNE69FFJNQ6B) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num4 {
	background: url(/hc/theming_assets/01JAEP4BZJHH9KCQFBS5M9B207) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num5 {
	background: url(/hc/theming_assets/01JAEP3XFD627A099CQ6E50K2D) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num6 {
	background: url(/hc/theming_assets/01JAEP47TFQVAZ06VDW6YZ1F27) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num7 {
	background: url(/hc/theming_assets/01JAEP4AGP75RVR1854X52TXDT) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num8 {
	background: url(/hc/theming_assets/01JAEP4EP9P9Z4MP9ZD8EKH8W9) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num9 {
	background: url(/hc/theming_assets/01JAEP4H7YGP10CQQZMTYP9MQF) no-repeat 0 0;
}
#article-page .article-body .seikyu .common_icon_num10 {
	background: url(/hc/theming_assets/01JAEP4CS0ST5B4XT08Q4BXBDE) no-repeat 0 0;
}

/* ===カテゴリ 集計・分析（analysis）===*/

#article-page .article-body .analysis .common_ttl_l {
	color: #E78682;
	background: #FBE9E8;
}
#article-page .article-body .analysis .common_ttl_m {
	color: #E78682;
	border-left: 6px solid #E78682;
}
#article-page .article-body .analysis .common_icon_num {
	color: #E78682;
}
#article-page .article-body .analysis .common_icon_num1 {
	background: url(/hc/theming_assets/01JAEP49ARHD2DJAJQXVNRKJWQ) no-repeat 0 0;
}
#article-page .article-body .analysis .common_icon_num2 {
	background: url(/hc/theming_assets/01JAEP48A5NWQBD3VQC3J3GNP5) no-repeat 0 0;
}

/*================== /既存ページ用の新パーツ ここまで ==================*/

/*====== number ======*/
#num01 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF);
}
#num02 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0);
}
#num03 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N);
}
#num04 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193);
}
#num05 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30);
}
#num06 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA);
}
#num07 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58);
}
#num08 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM);
}
#num09 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN);
}
#num10 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM);
}
#num11 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP47TGZXSNN4XVAJ8513JP);
}
#num12 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP47J03FMVJFR54CNTRTBG);
}
#num13 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01JAEP4N9S65M912GE3ZXE0AF8);
}


/*====== dt dd ======*/

.itemtop {
	margin:30px 20px;
	padding:10px 15px;
	border:#009dd6 1px solid;
}
.itemtop dt {
	padding:5px 0 5px;
	color:#009dd6;
	font-size:16px;
	font-weight:bold;
}
.itemtop dd {
	margin-bottom:10px;
	padding-left:30px;
	padding-bottom:15px;
	border-bottom:#4d4d4d dotted 1px;
}
.itemtop dd.lastchild {
	margin-bottom:0;
	border-bottom:none;
}

/**** clear ****/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0.1em;
	height:0.1px;
	line-height:0;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
	zoom:1;
}
* html .clearfix {
	height:1px;
}
.clear {
	clear:both;
}

/**** tableColor ****/
.tcPink,
.tcGray {
	margin-bottom: 20px;
}
.tcPink table th.first,
.tcGray table th.first {
	background-color: #BDD7EE;
	color: #4b4b4b;
}
.tcPink .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01JAEP4QMW6M34S0DS5MW8QHY3") no-repeat left center;
}

.tcPink .title {
  margin: 5px 0;
  color: #b74c66;
  font-size: 14px;
  font-weight: bold;
}
.tcPink table th {
	background-color: #b74c66;
	color: #fff;
}
.tcPink table td.first {
  color: #b74c66;
  font-weight: bold;
}
.tcPink table td.on {
	background-color: #fef5f7;
	text-align: center;
	color: #b74c66;
}
.tcPink table td.off {
	background-color: #e9e7e8;
	text-align: center;
}

.tcGray .title {
  margin: 5px 0;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}
.tcGray table th {
	background-color: #666;
	color: #fff;
}
.tcGray table td.on {
	background-color: #e5dfd8;
	text-align: center;
	color: #666;
}
.tcGray table td.off {
	background-color: #eee;
	text-align: center;
}

/**** start ****/
.start h2 {
	border-left:#b74c66 5px solid;
	color:#b74c66;
}
.start h3 {
	padding:10px 10px 0;
	background-color:#ebd4d4;
	color:#b74c66;
}
.start .naviColor {
	background-color:#fff;
}
.start .menuArea {
	border:#ebd4d4 10px solid;
}
.start h4 {
	border:#b74c66 1px solid;
}
.start h4 em {
	background-color:#b74c66;
}
.start .menu li {
	background:url(/salonboard_manual/images/ico_square_redpink.png) no-repeat left 2px;
}
.start h5 {
	padding:5px 10px;
	background-color:#f7ebeb;
	color:#b74c66;
	font-size:16px;
	font-weight:bold;
}
.start ul {
	margin-top:15px;
}
.start ul dt {
	margin-bottom:10px;
	padding:5px 0 0 25px;
	background:url("/hc/theming_assets/01JAEP4EGSJ8WHYH248EXTF9DK") no-repeat left 7px;
}
.start ul dd {
	margin-bottom:20px;
	margin-left:0;
}
.start dt {
	background-color:#f7ebeb;
	color:#b74c66;
	font-size:16px;
	font-weight:bold;
}

/**** login ****/
.article-body .login h2 {
	border-left:#da9e3b 5px solid;
	color:#da9e3b;
}
.article-body .login h3 {
	padding:10px 10px 0;
	background-color:#f5e6d0;
	color:#da9e3b;
}
.article-body .login .naviColor {
	background-color:#fff;
}
.article-body .login .menuArea {
	border:#f5e6d0 10px solid;
}
.article-body .login h4 {
	border:#da9e3b 1px solid;
}
.article-body .login h4 em {
	background-color:#da9e3b;
}
.article-body .login .menu li {
	background:url(/salonboard_manual/images/ico_square_yellow.png) no-repeat left 2px;
}
.article-body .login h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01JAEP4N59HWW8HGQ6F5Q8AMA7") no-repeat left 2px;
	font-size:16px;
	font-weight:bold;
}
.article-body .login .step dt {
	background-color:#fbf2e4;
	color:#da9e3b;
}
.article-body .login .detailcontents {
	margin:0 10px 30px;
}
.article-body .login .itemtop {
	border:1px solid #d99d3a;
}
.article-body .login .itemtop dt {
	color:#d99d3a;
}
.article-body .login .itemtop dd p {
	margin:0 0 10px;
}
.article-body .login .bglineTit {
	padding:3px 10px;
	background-image:none;
	background-color:#fbf2e4;
	color:#da9e3b;
}
.article-body .login .idList dt {
	padding:10px 0;
	color:#d99d3a;
	font-size:14px;
	font-weight:bold;
}
.article-body .login .idList dt:first-child {
	padding-top:0;
}
.article-body .login .idList dd {
	padding:0 0 10px 10px;
}

/**** flow ****/
.flow h2 {
	border-left:#e78682 5px solid;
	color:#e78682;
}
.flow h3 {
	padding:10px 10px 0;
	background-color:#fbe9e8;
	color:#e78682;
}
.flow .naviColor {
	background-color:#fff;
}
.flow .menuArea {
	border:#fbe9e8 10px solid;
}
.flow h4 {
	border:#e78682 1px solid;
}
.flow h4 em {
	background-color:#e78682;
}
.flow .menu li {
	background:url(/salonboard_manual/images/ico_square_lightpink.png) no-repeat left 2px;
}
.flow h5 {
	padding:3px 10px;
	background-color:#fbe9e8;
	color:#e78682;
	font-size:16px;
}
.flow .paraPink {
	padding-left:25px;
	background:url("/hc/theming_assets/01JAEP4NSJ5EHFSFZS8EVE2GJM") no-repeat left 2px;
	color:#e78682;
	font-size:16px;
	font-weight:bold;
}
.flow .detailcontents {
	margin:15px 10px 30px;
}
.flow .flowList dt {
	margin-bottom:10px;
	color:#009dd6;
	font-size:14px;
	font-weight:bold;
}
.flow .flowList dt img {
	margin-right:8px;
}
.flow .flowList dd {
	margin-bottom:30px;
}

/**** settei ****/
.settei h2 {
	border-left:#47967f 5px solid;
	color:#47967f;
}
.settei h3 {
	background-color:#d7e2dc;
	color:#47967f;
}
.settei .naviColor {
	background-color:#d7e2dc;
}
.settei .menuArea {
	border:#d7e2dc 10px solid;
}
.settei h4 {
	border:#47967f 1px solid;
}
.settei h4 em {
	background-color:#47967f;
}
.settei .menu li {
	background:url(/salonboard_manual/images/ico_square_green.png) no-repeat left 2px;
}
.settei .step {
	margin-top:20px;
}
.article-body .settei .panel .step dt {
  color:#47967f;
}
.settei .step dt {
	background-color:#e4f0e9;
	color:#47967f;
}
.settei h5 {
	color:#47967f;
	font-size:16px;
	font-weight:bold;
}
.settei .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01JAEP4QMW6M34S0DS5MW8QHY3") no-repeat left center;
}

/**** uketsuke ****/
.uketsuke h2 {
	border-left:#436aa6 5px solid;
	color:#436aa6;
}
.uketsuke h3 {
	background-color:#d6daeb;
	color:#436aa6;
}
.uketsuke .naviColor {
	background-color:#d6daeb;
}
.uketsuke .menuArea {
	border:#d6daeb 10px solid;
}
.uketsuke h4 {
	border:#436aa6 1px solid;
}
.uketsuke h4 em {
	background-color:#436aa6;
}
.uketsuke .menu li {
	background:url(/salonboard_manual/images/ico_square_blue.png) no-repeat left 2px;
}
.uketsuke .step dt {
	background-color:#f0f2f7;
	color:#436aa6;
}
.uketsuke h5,
.uketsuke h4.hdgGray {
	margin-bottom:20px;
	border:#86888b 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
.uketsuke h5 em,
.uketsuke h4.hdgGray em {
	display:block;
	margin:1px;
	padding:5px 10px;
	background-color:#86888b;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

/**** yoyaku ****/
.yoyaku h2 {
	border-left:#744c94 5px solid;
	color:#744c94;
}
.yoyaku h3 {
	background-color:#d8cfe2;
	color:#744c94;
}
.yoyaku .naviColor {
	background-color:#d8cfe2;
}
.yoyaku .menuArea {
	border:#d8cfe2 10px solid;
}
.yoyaku h4 {
	border:#744c94 1px solid;
}
.yoyaku h4 em {
	background-color:#744c94;
}
.yoyaku .menu li {
	background:url(/salonboard_manual/images/ico_square_purple.png) no-repeat left 2px;
}
.yoyaku .step dt {
	background-color:#ede9f2;
	color:#744c94;
}
.yoyaku h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01JAEP482JW17MDTSNXH89DF5Z") no-repeat left 2px;
	color:#744c94;
	font-size:16px;
	font-weight:bold;
}

/**** menuYoyakuManagement ****/
.menuYoyakuManagement h2 {
	border-left:#744c94 5px solid;
	color:#744c94;
}
.menuYoyakuManagement h3 {
	background-color:#d8cfe2;
	color:#744c94;
}
.menuYoyakuManagement .naviColor {
	background-color:#d8cfe2;
}
.menuYoyakuManagement .menuArea {
	border:#d8cfe2 10px solid;
}
.menuYoyakuManagement h4 {
	border:#744c94 1px solid;
}
.menuYoyakuManagement h4 span {
	background-color:#744c94;
}
.menuYoyakuManagement .menu li {
	background:url(/salonboard_manual_backup/images/ico_square_purple.png) no-repeat left 2px;
}
.menuYoyakuManagement .step dt {
	background-color:#ede9f2;
	color:#744c94;
}
.menuYoyakuManagement h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url(/salonboard_manual_backup/images/yoyaku/listicon.png) #fff no-repeat left 2px;
	color:#744c94;
	font-size:16px;
	font-weight:bold;
}

/**** custom ****/
.custom h2 {
	border-left:#89bc58 5px solid;
	color:#89bc58;
}
.custom h3 {
	background-color:#f0f6e9;
	color:#89bc58;
}
.custom .naviColor {
	background-color:#f0f6e9;
}
.custom .menuArea {
	border:#f0f6e9 10px solid;
}
.custom h4 {
	border:#89bc58 1px solid;
}
.custom h4 em {
	background-color:#89bc58;
}
.custom .menu li {
	background:url(/salonboard_manual/images/ico_square_yellowgreen.png) no-repeat left 2px;
}
.custom .step dt {
	background-color:#f0f6e9;
	color:#89bc58;
}
.custom h5 {
	font-size:14px;
}

/**** keisai ****/
.keisai h2 {
	border-left:#c95789 5px solid;
	color:#c95789;
}
.keisai h3 {
	background-color:#f0d8e0;
	color:#c95789;
}
.keisai .naviColor {
	background-color:#f0d8e0;
}
.keisai .menuArea {
	border:#f0d8e0 10px solid;
}
.keisai h4 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01JAEP437SZ7RRSG2MPG9YKMK7") no-repeat left 2px;
	color: #c95789;
	font-size:16px;
}
.keisai .menu li {
	background:url(/salonboard_manual/images/ico_square_pink.png) no-repeat left 2px;
}
.keisai .step dt {
	background-color:#faeded;
	color:#c95789;
}
.keisai h4 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01JAEP437SZ7RRSG2MPG9YKMK7") no-repeat left 2px;
	color: #c95789;
	font-size:16px;
}
.keisai h5 {
	padding:3px 10px;
	background-color:#faeded;
	color:#c95789;
	font-size:16px;
}
.keisai h6 {
	padding:3px 10px;
	background-color:#86888b;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.keisaiTit {
	padding:3px 10px;
	background-color:#faeded;
	color:#c95789;
	font-size:16px;
	font-weight:bold;
}
.keisai .detailcontents {
	margin:15px 10px 30px;
}
.keisai .couponPoint {
	padding:10px;
	border:#c95789 1px solid;
}
.keisai .couponPoint li {
	margin-bottom:10px;
	color:#c95789;
	font-size:14px;
	font-weight:bold;
	zoom:1;
}
.keisai .couponPoint li.lastchild {
	margin-bottom:0;
}
.keisai .couponPoint li em {
	display:inline-block;
	width:85px;
	margin-right:10px;
	padding:3px 0;
	background-color:#c95789;
	color:#fff;
	font-size:12px;
	text-align:center;
  float: left;
	font-weight:bold;
}
.keisai .couponPoint dt {
	font-weight:bold;
}
.keisai .couponPoint dd {
	margin:3px 0 0 95px;
	color:#4b4b4b;
	font-size:12px;
	font-weight:normal;
}
.keisai .couponPoint p {
	margin:0 0 0 95px;
}
.keisai .detailcontents .itemtop {
	margin:20px 0 30px;
	padding-top:15px;
}
.keisai .detailcontents .itemtop li {
	margin-bottom:13px;
	padding-bottom:15px;
	border-bottom:1px dotted #4D4D4D;
  padding: 5px 5px 15px 0;
}
.keisai .detailcontents .itemtop li.lastchild {
	margin-bottom:0;
	border-bottom:0;
}
.keisai .detailcontents .itemtop li img {
	margin:-3px 8px 0 0;
}
.keisai .rulesList dt {
	margin-bottom:10px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	background-color:#faeded;
	color:#c95789;
}
.keisai .rulesList dd {
	margin-bottom:30px;
}
.keisai .rulesList .grayArea {
	padding: 2px 10px 10px;
	background-color:#ececec;
}
.keisai .rulesList .grayArea p {
	margin:0;
}
.keisai .rulesList .grayArea .leftTxt {
	float:left;
	width:25px;
  margin-top: 3px;
}
.keisai .rulesList .grayArea .rightTxt {
	margin-left:26px;
}
.keisai .chartwrapper {
	display: block;
  margin-bottom: 30px;
}
.keisai .chartdetail {
  width: 100%;
  margin-left: 0;
}
.keisai .chartdetail dt {
	margin:0 0 5px;
	padding:5px 0;
	color:#009dd6;
	font-size:16px;
	font-weight:bold;
  min-height: 30px;
}
.keisai .chartdetail dt.num1 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF) no-repeat 0 5px;
}
.keisai .chartdetail dt.num2 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0) no-repeat 0 5px;
}
.keisai .chartdetail dt.num3 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N) no-repeat 0 5px;
}
.keisai .chartdetail dt.num4 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193) no-repeat 0 5px;
}
.keisai .chartdetail dt.num5 {
  padding-left: 30px;
  background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 5px;
}
.keisai .chartdetail dt img {
	margin-right:8px;
}
.keisai .chartdetail dd {
	margin:0 0 10px;
	padding:0 0 15px;
	border-bottom: 1px dotted #4D4D4D;
}
.keisai .chartdetail dd.lastchild {
	border:none;
}

/**** groupid ****/
.groupid h2 {
	border-left:#c95789 5px solid;
	color:#c95789;
}
.groupid h3 {
	background-color:#f0d8e0;
	color:#c95789;
}
.groupid .naviColor {
	background-color:#f0d8e0;
}
.groupid .menuArea {
	border:#f0d8e0 10px solid;
}
.groupid h4 {
	border:#c95789 1px solid;
}
.groupid h4 em {
	background-color:#c95789;
}
.groupid .menu li {
	background:url(/salonboard_manual/images/ico_square_pink.png) no-repeat left 2px;
}
.groupid .step dt {
	background-color:#faeded;
	color:#c95789;
}

/**** seikyu ****/
.seikyu h2 {
	border-left:#775c40 5px solid;
	color:#775c40;
}
.seikyu h3 {
	padding:10px 10px 0;
	background-color:#ddd4c8;
	color:#775c40;
}
.seikyu .naviColor {
	background-color:#ddd4c8;
}
.seikyu .menuArea {
	border:#ddd4c8 10px solid;
}
.seikyu h4 {
	border:#775c40 1px solid;
}
.seikyu h4 em {
	background-color:#775c40;
}
.seikyu .menu li {
	background:url(/salonboard_manual/images/ico_square_brown.png) no-repeat left 2px;
}
.seikyu .step dt {
	background-color:#ebe4db;
	color:#775c40;
}
.seikyu .circleIconTit {
	margin:30px 0 20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01JAEP4KX8HDD5QZM4ZK2PMK3S") no-repeat left 2px;
	color:#775c40;
	font-size:16px;
	font-weight:bold;
}
#article-page .article-body .seikyu ol.flow > li {
  margin-top: 0;
  padding-left: 0;
  text-indent: 0;
}
#article-page .article-body .seikyu ol.flow > li:before,
#article-page .article-body .seikyu li ol.flow > li:before {
  content: none;
}
#article-page .article-body .seikyu li ol.flow li {
  margin-top: 0;
}
.seikyu .flow .inner {
	padding: 14px 0 70px 20px;
	margin-bottom: 20px;
	background: url("/hc/theming_assets/01JAEP45CSBZQ9VJWBVNBD4GRX") no-repeat center bottom;
}
.seikyu .flow .inner:last-child {
	padding-bottom: 0;
	background-image: none;
}
.seikyu .flow dl {
	text-align: center;
	font-weight: bold;
}
.seikyu .flow dt {
	position: relative;
	padding: 8px 30px 6px;
	font-size: 16px;
	color: #fff;
	background-color: #775c40;
	border-top-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-o-border-top-right-radius: 12px;
	-ms-border-top-right-radius: 12px;
}
.seikyu .flow dt img {
	position: absolute;
	top: -14px;
	left: -1px;
}
.seikyu .flow dd {
	padding: 20px 30px;
	font-size: 14px;
	background-color: #ebe4db;
	border: #775c40 2px solid;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	-o-border-bottom-left-radius: 12px;
	-o-border-bottom-right-radius: 12px;
	-ms-border-bottom-left-radius: 12px;
	-ms-border-bottom-right-radius: 12px;
}
.seikyu .flow .innerPoint {
	position: relative;
	margin: 21px 0 10px 70px;
}
.seikyu .flow .innerPoint em {
	position: absolute;
	top: -1px;
	left: -70px;
	padding: 0 14px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #ff3399;
	color: #fff;
}
.seikyu .boxInner dl {
	padding: 12px;
	margin: 0 0 10px 0;
	background-color: #fcfbda;
}
.seikyu .boxInner dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.seikyu .boxPoint {
	margin: 0;
  clear: both;
}
.seikyu .boxPoint em {
	display: block;
	margin-bottom: 4px;
	width: 60px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #ff3399;
	color: #fff;
}
.seikyu .titlePoint {
	position: relative;
	margin: 20px 0 10px 70px;
	font-size: 14px;
	font-weight: bold;
}
.seikyu .titlePoint em {
	position: absolute;
	left: -70px;
	padding: 0 14px;
	text-align: center;
	background-color: #ff3399;
	color: #fff;
}
#article-page .article-body .seikyu .common_ttl_l {
	background-color: #ebe4db;
  color: #775c40;
}
#article-page .article-body .seikyu .common_ttl_m {
  color: #775c40;
  border-left: 6px solid #775c40;
}
#article-page .article-body .seikyu .line_ttl {
  border-bottom: 1px solid #775c40;
}
#article-page .article-body .seikyu .num_line_ttl {
  border-bottom: 1px solid #775c40;
}
#article-page .article-body .seikyu .icon_text {
  background: #ebe4db;
  color: #775c40;
}

/*-- ポイント・金額修正の入力方法詳細（ID：360019132474） --*/
#article-page .article-body .seikyu .comingapply_point_correct_list:after {
  content: "";
  display: block;
  clear: both;
}
#article-page .article-body .seikyu .comingapply_point_correct_list dt {
  width: 110px;
  float: left;
  margin-bottom: 2px;
}
#article-page .article-body .seikyu .comingapply_point_correct_list dd {
  margin-left: 110px;
}

/*-- ステータス修正の入力方法詳細（ID：360019294773） --*/
#article-page .article-body .seikyu .comingapply_status_list:after {
  content: "";
  display: block;
  clear: both;
}
#article-page .article-body .seikyu .comingapply_status_list dt {
  width: 110px;
  float: left;
  margin-bottom: 2px;
}
#article-page .article-body .seikyu .comingapply_status_list dd {
  margin-left: 110px;
}
#article-page .article-body .seikyu .comingapply_status_img {
  text-align: center;
  margin: 10px 0 40px;
}
#article-page .article-body .seikyu .comingapply_status_img img {
  width: 85%;
}

/**** clm ****/
.clm h2 {
	border-left:#666 5px solid;
	color:#666;
}
.clm h3 {
	background-color:#ddd4c8;
	color:#666;
}
.clm .naviColor {
	background-color:#ddd4c8;
}
.clm .menuArea {
	border:#ddd4c8 10px solid;
}
.clm h4 {
	border:#666 1px solid;
}
.clm h4 em {
	background-color:#666;
}
.clm .menu li {
	background:url(/salonboard_manual/images/ico_square_gray.png) no-repeat left 2px;
}
.clm p {
	margin:0 0 15px;
}
.clm .step dt {
	background-color:#eee;
	color:#666;
}
.clm .step dd img {
	float:left;
}
.clm .step dd div,
.clm .step dd dl {
	float:left;
	width:406px;
	margin-left:20px;
}
.clm .step dd:after {
	clear:both;
	content:".";
	display:block;
	font-size:0.1em;
	height:0.1px;
	line-height:0;
	visibility:hidden;
}
.clm .step dd {
	min-height:1px;
	zoom:1;
}
* html .clm .step dd {
	height:1px;
}
.clm .process dt {
	width:auto;
	padding:5px 10px;
}
.clm .step .itemtop {
	padding:0;
	border:none;
}
.clm .step .itemtop dt {
	width:auto;
	padding:0 0 5px;
	font-size:14px;
}
.clm .step .itemtop dd {
	margin-bottom:0;
	border-bottom:none;
}

/**** cls ****/
.cls h2 {
	border-left:#666 5px solid;
	color:#666;
}
.cls h3 {
	background-color:#ddd4c8;
	color:#666;
}
.cls .naviColor {
	background-color:#ddd4c8;
}
.cls .menuArea {
	border:#ddd4c8 10px solid;
}
.cls h4 {
	border:#666 1px solid;
}
.cls h4 em {
	background-color:#666;
}
.cls .menu li {
	background:url(/salonboard_manual/images/ico_square_gray.png) no-repeat left 2px;
}
.cls h5 {
	margin-bottom:20px;
	padding:3px 10px;
	background-color:#ddd4c8;
	color:#666;
	font-size:16px;
	font-weight:bold;
}
#article-page .article-body .cls .common_ttl_m {
  color: #666;
  border-left: 6px solid #666;
}
.cls .step dt,
.article-body .cls .panel .step dt{
	background-color:#eee;
	color:#666;
}
.cls .beforeList {
	margin-top:15px;
}
.cls .beforeList dt {
	margin-bottom:10px;
	padding:5px 0 0 25px;
	background:url("/hc/theming_assets/01JAEP4D3FHWNCCJC6CVYD55HT") no-repeat left 7px;
	font-size:16px;
	font-weight:bold;
}
.cls .beforeList dd {
	margin-bottom:20px;
	margin-left:0;
}
.cls .beforeList ul {
	margin-left:15px;
}
#article-page .article-body .cls .beforeList li,
.cls .beforeList li {
	padding-bottom:5px;
	list-style-type:disc;
}
.cls .detailcontents {
	margin:15px 0 30px;
}
.cls .howto dt {
	margin-bottom:20px;
	padding:5px;
	background-color:#eee;
	color:#666;
	font-size:16px;
	font-weight:bold;
}
.cls .howto dt img {
	margin-right:10px;
}
.cls .howto dd {
	margin:0 10px 30px;
}
.cls .howto .chui {
	margin:20px 0 30px;
}
.cls .howto .chui dt {
	padding:0 0 0 64px;
	background-color:transparent;
	color:#c43;
	font-size:12px;
}
.cls .howto .chui dd {
	margin:0;
}
.cls .smpDisplay {
	float:left;
	width:406px;
	margin-left:20px;
}
.cls .smpDisplay dt {
	padding-bottom:5px;
	color:#009dd6;
	font-size:14px;
	font-weight:bold;
}
.cls .smpDisplay dt img {
	margin-right:8px;
}
.cls .smpDisplay dd {
	padding:0 0 15px 30px;
}
.cls .processList {
	float:left;
	width:406px;
	margin-left:20px;
}

/**** att ****/
.att h2 {
	border-left:#1a9ebf 5px solid;
	color:#1a9ebf;
}
.att h3 {
	background-color:#c5e6ef;
	color:#1a9ebf;
}
.att .naviColor {
	background-color:#c5e6ef;
}
.att .menuArea {
	border:#c5e6ef 10px solid;
}
.att h4 {
	border:#1a9ebf 1px solid;
}
.att h4 em {
	background-color:#1a9ebf;
}
.att .menu li {
	background:url(/salonboard_manual/images/ico_square_lightblue.png) no-repeat left 2px;
}
.att h5 {
	padding:5px 5px 5px 28px;
	background:url("/hc/theming_assets/01JAEP4MW0QP884SWNRPE6QBN3") #e0f2f7 no-repeat 5px 5px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.att h6 {
	margin-bottom: 5px;
	padding-left: 15px;
	background:url("/hc/theming_assets/01JAEP4G56099PM3PAGAN8YPG3") no-repeat 0 3px;
	font-size: 14px;
	color: #1a9ebf;
}
.article-body .att p {
	margin: 5px 0 10px;
}
.att .detailcontents {
	margin:15px 10px 30px;
}
.att .detailcontents a.link_button{
  display: block;
  width: 250px;
  height: 40px;
  padding: 10px 0;
  background-color: #7ba2d5;
  border-radius: 10px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  color: #fff;
}
.att .grayArea {
	padding:5px 10px 10px 10px;
	margin-bottom: 20px;
	background-color:#ececec;
}
.att .grayArea p {
	margin:0;
}
.att .grayArea .leftTxt {
	float:left;
	width:25px;
  margin-top: 3px;
}
#article-page .article-body .att .grayArea ul.rightTxt,
.att .grayArea .rightTxt {
	margin-left:26px;
  margin-top: 3px;
}
.att dl dt {
	margin-bottom: 5px;
}
.att dl dd {
	margin-bottom: 10px;
}
.att dl dd:last-child {
	margin-bottom: 0;
}
.att dl p {
	margin:0 0 10px;
}
.att table {
	width:100%;
}
.att table th {
	background-color:#f1efeb;
	border:#ccc 1px solid;
	font-weight:bold;
	text-align:left;
}
.att table td {
	border:#ccc 1px solid;
}

/* ID:360001687973 table style*/
.att table.rec_notation tr th:nth-child(1){
  width: 26%;
}
.att table.rec_notation tr th:nth-child(2){
  width: 33%;
}
.att table.rec_notation tr th:nth-child(3){
  width: 27%;
}
.att table.rec_notation tr th:nth-child(4){
  width: 14%;
}
/* -end- */

.att ol {
	margin-bottom:10px;
}
.att ol li {
	margin-left:20px;
	list-style-type:decimal;
}
.att .paraIndent {
	padding-left:0.8em;
	text-indent:-0.5em;
}
.att .paraIndent02 {
	padding-left:1.2em;
	text-indent:-1.2em;
}
.att .borderContainer {
	margin:10px 0;
	padding:10px;
	border:#42b2ce 1px solid;
}
.att .borderContainer dt,
.att .borderContainer li {
	padding-left:14px;
	background:url("/hc/theming_assets/01JAEP4ECWYE0PFEQH9MZ8JB91") no-repeat 0 6px;
	font-weight:bold;
}
.att .borderContainer dd li {
	padding-left:0;
	background:none;
	font-weight:normal;
}
.att .borderContainer .lastchild {
	margin-bottom:0;
}

/**** qa ****/
.qa h2 {
	border-left:#42b2ce 5px solid;
	color:#42b2ce;
}
.qa h3 {
	background-color:#c5e6ef;
	color:#42b2ce;
}
.qa .naviColor {
	background-color:#c5e6ef;
}
.qa .menuArea {
	border:#c5e6ef 10px solid;
}
.qa h4 {
	border:#42b2ce 1px solid;
}
.qa h4 em {
	background-color:#42b2ce;
}
.qa .menu li {
	float:none;
	width:auto;
	background:url(/salonboard_manual/images/ico_square_lightblue.png) no-repeat left 2px;
}
.qa h5 {
	padding:5px 5px 5px 28px;
	background:url("/hc/theming_assets/01JAEP4MW0QP884SWNRPE6QBN3") #e0f2f7 no-repeat 5px 5px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.qa .qaList dt {
	padding-bottom:15px;
	padding-left:30px;
	background:url("/hc/theming_assets/01JAEP4RZ6542BJS56N3ZTKMEJ") no-repeat 0 0;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.qa .qaList dd {
    margin-bottom:20px;
	padding-left:30px;
	background:url("/hc/theming_assets/01JAEP4JTA2YNH1ENWS9DGAS3N") no-repeat 0 0;
    border-bottom:1px dotted #4D4D4D;
}

/**** jhpoint ****/
.jhpoint h5 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01JAEP471X4J3AP9VMYN2111X8") no-repeat left 2px;
	color: #42b2ce;
	font-size:16px;
}
.jhpoint h6 {
	margin-bottom:20px;
	padding:5px 5px 5px 28px;
	background:url("/hc/theming_assets/01JAEP4MW0QP884SWNRPE6QBN3") #e0f2f7 no-repeat 5px 5px;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.jhpoint img {
	margin:0 10px 30px;
}
.jhpoint div {
	padding:0 20px 30px;
}
.jhpoint div img {
	margin:0;
}
.jhpoint dl {
	margin:20px 20px 30px;
}
.jhpoint dl dt {
	margin-bottom:10px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}
.jhpoint dl dd {
	margin-bottom:20px;
}

/**** other ****/
.other h5 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01JAEP471X4J3AP9VMYN2111X8") no-repeat left 2px;
	color: #42b2ce;
	font-size:16px;
}
.other h6 {
	margin-bottom:20px;
	padding:5px 5px 5px 28px;
	background:url("/hc/theming_assets/01JAEP4MW0QP884SWNRPE6QBN3") #e0f2f7 no-repeat 5px 5px;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	color:#1a9ebf;
	font-size:14px;
	font-weight:bold;
}

/**** hpds ****/
.hpds h2 {
	border-left:#f5a461 5px solid;
	color:#f5a461;
}
.hpds h3 {
	padding:10px 10px 0;
	background-color:#fce4d0;
	color:#f5a461;
}
.hpds .naviColor {
	background-color:#fce4d0;
}
.hpds .menuArea {
	border:#fce4d0 10px solid;
}
.hpds h4 {
	border:#f5a461 1px solid;
}
.hpds h4 em {
	background-color:#f5a461;
}
.hpds h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01JAEP47M84E9Y9B0ZQCBZCHHQ") no-repeat left 2px;
	font-size:16px;
	font-weight:bold;
}
.hpds .menu li {
	background:url(/salonboard_manual/images/ico_square_orange.png) no-repeat left 2px;
}
.hpds .step dt {
	background-color:#fdebdb;
	color:#f5a461;
}
.hpds .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01JAEP4QMW6M34S0DS5MW8QHY3") no-repeat left center;
}
.hpds .caseArea {
	padding:10px;
	border:#f5a461 1px solid;
}
.hpds .caseList li {
	position:relative;
	padding:0 0 10px 7em;
}
.hpds .caseList em {
	display:block;
	width:6em;
	position:absolute;
	top:0;
	left:0;
	background-color:#ca6f24;
	color:#fff;
	text-align:center;
}
.darectmembersAbout .contentsTit {
	font-size: 16px;
	font-weight: bold;
	color: #f5a461;
}
.darectmembersAbout .point-title em {
	display: inline-block;
	background-color: #ff3399;
	color: #fff;
	margin-right: 10px;
	padding: 0 10px;
	text-align: center;
}
.darectmembersAbout .point-title {
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
}
.dmFlowList > li {
	margin-bottom: 20px;
	padding-bottom: 70px;
	background: url("/hc/theming_assets/01JAEP45CSBZQ9VJWBVNBD4GRX") no-repeat center bottom;
	overflow: hidden;
  display: block;
}
.dmFlowList > li:last-child {
	margin-bottom: 40px;
	padding-bottom: 0;
	background-image: none;
}
.dmFlowList .flowImgArea {
  min-width: 100%;
  text-align: center;
}
.dmFlowList .flowImgArea img {
  margin-right: 15px;
}
.dmFlowList .flowContents {
	margin-top: 20px;
  margin-left: 0;
}
.flowPoint li {
	margin-bottom: 15px;
}
.flowPoint li .pointIcon {
	display: inline-block;
	background-color: #ff3399;
	color: #fff;
	margin-right: 10px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.flowPoint li p {
	margin: 5px 0;
}
.darectmember {
	margin: 0 5px;
	padding: 3px 5px;
	background-color: #aaa;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.firstimageList li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 27px;
}
.firstimageList li img {
	position: absolute;
	top: 0;
	left: 0;
}
#article-page .article-body .hpds .infomation-shopcard {
	margin-bottom: 20px;
}
#article-page .article-body .hpds .infomation-shopcard .osusume-customer-img {
	min-width: 105px;
}
#article-page .article-body .hpds .infomation-shopcard .osusume-customer-dd {
	text-indent: 0;
}
#article-page .article-body .hpds .infomation-shopcard .osusume-customer p {
	margin: 0;
}
#article-page .article-body .hpds .infomation-shopcard .osusume-customer > dt {
	color: #F5A461;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
}

/**** msg ****/
.msg h2 {
	border-left:#9d7a28 5px solid;
	color:#9d7a28;
}
.msg h3 {
	background-color:#f0e2c3;
	color:#9d7a28;
}
.msg .naviColor {
	background-color:#f0e2c3;
}
.msg .menuArea {
	border:#f0e2c3 10px solid;
}
.msg h4 {
	border:#9d7a28 1px solid;
}
.msg h4 em {
	background-color:#9d7a28;
}
.msg .menu li {
	background:url(/salonboard_manual/images/ico_square_gold.png) no-repeat left 2px;
}
.msg .qaList dt {
	padding-left:23px;
	background:url("/hc/theming_assets/01JAEP45M99GNSKRS88ZTP222E") no-repeat left 2px;
	color:#9d7a28;
	font-size:16px;
	font-weight:bold;
}
.msg .qaList dd {
	margin:20px 20px 30px;
}
.msg .qaList dd p {
	margin:0;
}
.msg .step dt {
	background-color:#faf6ec;
	color:#9d7a28;
}
.msg h5 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01JAEP45M99GNSKRS88ZTP222E") no-repeat left 2px;
	color:#9d7a28;
	font-size:16px;
}
.msg .h_bg {
    padding: 3px 10px;
    background-color: #faf6ec;
    background-image: none;
    color: #9d7a28;
    font-size: 16px;
    border: none;
}

/**** regi ****/
.regi h2 {
	border-left:#47967f 5px solid;
	color:#47967f;
}
.regi h3 {
	background-color:#e4f0e9;
	color:#47967f;
}
.regi .naviColor {
	background-color:#e4f0e9;
}
.regi .menuArea {
	border:#e4f0e9 10px solid;
}
.regi h4 {
	border:#47967f 1px solid;
}
.regi h4 em {
	background-color:#47967f;
}
.regi .menu li {
	background:url(/salonboard_manual/images/ico_square_green.png) no-repeat left 2px;
}
.regi .step dt {
	background-color:#e4f0e9;
	color:#47967f;
}
.regi h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01JAEP492H38J1BVZWYNVNV3A7") no-repeat left 2px;
	font-size:16px;
	font-weight:bold;
}
.regi h6 {
	margin:30px 0;
	padding:3px 10px;
	background-color:#eee;
	font-size:16px;
}
.regi .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01JAEP4QMW6M34S0DS5MW8QHY3") no-repeat left center;
}

/**** analysis ****/
.analysis h2 {
	border-left:#e78682 5px solid;
	color:#e78682;
}
.analysis h3 {
	background-color:#fbe9e8;
	color:#e78682;
}
.analysis .naviColor {
	background-color:#fbe9e8;
}
.analysis .menuArea {
	border:#fbe9e8 10px solid;
}
.analysis h4 {
	border:#e78682 1px solid;
}
.analysis h4 em {
	background-color:#e78682;
}
.analysis .menu li {
	background:url(/salonboard_manual/images/ico_square_lightpink.png) no-repeat left 2px;
}
.analysis .step dt {
	background-color:#fbe9e8;
	color:#e78682;
}
.analysis h5 {
	margin-bottom:20px;
	padding-left:23px;
	background:url("/hc/theming_assets/01JAEP4NSJ5EHFSFZS8EVE2GJM") no-repeat left 2px;
	color: #e78682;
	font-size:16px;
}
.analysis h6 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
  color: #555;
}
.analysis .useOf dt {
	font-size: 16px;
	font-weight: bold;
	color: #e78682;
  line-height: 34px;
}
.analysis .useOf dt em {
	padding: 5px 8px;
	margin-right: 10px;
	background-color: #e78682;
	color: #fff;
}
.analysis .useOf dd {
	margin: 0 10px 30px;
}
.analysis .ability dt {
  font-size: 14px;
  border-bottom: #e78682 1px solid;
}
.analysis .ability dd {
  margin: 5px 0 15px;
}
#article-page .article-body .analysis .box {
  padding: 10px 15px;
  margin-bottom: 30px;
  border: #e78682 solid 1px;
  border-radius: 6px;
}

/**** attention css ****/
.attention {
  width: 95%;
  padding: 5px 0;
  margin: 20px auto 5px auto;
  border: solid 1px #ff4500;
  border-radius: 5px;
}
.attention p {
  width: 100%;
	text-align: center;
  font-weight: normal;
  color: #ff4500;
  float: none !important;
	line-height: 2.5rem;
}

/**** etc ****/
.etc h2 {
	border-left:#f5a461 5px solid;
	color:#f5a461;
}
.etc h3 {
	padding:10px 10px 0;
	background-color:#fce4d0;
	color:#f5a461;
}
.etc .naviColor {
	background-color:#fff;
}
.etc .menuArea {
	border:#fce4d0 10px solid;
}
.etc h4 {
	border:#f5a461 1px solid;
}
.etc h4 em {
	background-color:#f5a461;
}
.etc .menu li {
	background:url(/salonboard_manual/images/ico_square_orange.png) no-repeat left 2px;
}
.etc .step dt {
	background-color:#fdebdb;
	color:#f5a461;
}
.etc .icoLink {
	padding-left:12px;
	background:url("/hc/theming_assets/01JAEP4QMW6M34S0DS5MW8QHY3") no-repeat left center;
}
.etc .caseArea {
	padding:10px;
	border:#f5a461 1px solid;
}
.etc .caseList li {
	position:relative;
	padding:0 0 10px 7em;
}
.etc .caseList em {
	display:block;
	width:6em;
	position:absolute;
	top:0;
	left:0;
	background-color:#ca6f24;
	color:#fff;
	text-align:center;
}

/**** career ****/
.career h2 {
	border-left:#436aa6 5px solid;
	color:#436aa6;
}
.career h3 {
	background-color:#d6daeb;
	color:#436aa6;
}
.career .naviColor {
	background-color:#d6daeb;
}
.career .menuArea {
	border:#d6daeb 10px solid;
}
.career h4 {
	border:#436aa6 1px solid;
}
.career h4 em {
	background-color:#436aa6;
}
.career h5 {
	padding-left: 25px;
	background: url("/hc/theming_assets/01JAEP46HWVEDRARVY7PA2N1R0") transparent no-repeat left 2px;
	color: #436aa6;
	font-size: 16px;
}
.career .menu li {
	background:url(/salonboard_manual/images/ico_square_blue.png) no-repeat left 2px;
}
.career .step dt {
	background-color:#f0f2f7;
	color:#436aa6;
}
.career dt.caption {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	background-color: transparent;
	color: #4b4b4b;
}
.career .rhombus {
	color: #436aa6;
}

/*====== .contents ======*/
#article-page .article-body li ul,
#article-page .article-body li ul{
    margin-left: 0;
}
#article-page .article-body li ul li {
    list-style-type: none;
    margin-left: 0;
}
#article-page .article-body li,ol,ul{
	list-style-type: none;
}
.article-body p{
	margin:15px 0;
}
.article-body img[src$="star.png"] {
	margin-top:2px;
}
.article-body img[src$="check.png"] {
	margin:0 3px;
}
.article-body .menuArea strong,
.article-body  strong{
	color:#df2026;
	font-weight:normal;
}
.article-body .list{
	margin:20px 10px;
}
.article-body .list li{
	padding:5px 0;
}
.article-body .abc_list{
	margin:20px 10px;
}
.article-body .abc_list li{
  padding: 0 0 10px 30px;
}
.article-body .abc_list li.abc_list_a{
	background: url($assets-icon_a-png) no-repeat top left;
}
.article-body .abc_list li.abc_list_b{
	background: url($assets-icon_b-png) no-repeat top left;
}
.article-body .abc_list li.abc_list_c{
	background: url($assets-icon_c-png) no-repeat top left;
}
.article-body .abc_list li.abc_list_d{
	background: url($assets-icon_d-png) no-repeat top left;
}
.article-body .abc_list li.abc_list_e{
	background: url($assets-icon_e-png) no-repeat top left;
}
.article-body .point{
	position:relative;
	margin:20px 10px 30px;
  padding:15px 10px 10px;
	border:#a1493f 2px solid;
}
.article-body .point dt{
	margin-bottom:5px;
	color:#a1493f;
	font-weight:bold;
}
.article-body .point dt img{
	position:absolute;
	top:-10px;
	left:10px;
}
.article-body .point ul{
	margin:20px 0 30px;
}
.article-body .point ul li{
	margin-bottom:10px;
}
.article-body .panel .step .point dt{
	background-color:transparent;
  color: #a1493f;
}
.article-body .step dt {
	position:relative;
	margin-bottom:20px;
	padding:5px 5px 5px 90px;
	font-size:16px;
	font-weight:bold;
}
.article-body .step dt img {
	position:absolute;
	top:4px;
	left:4px;
}
.article-body .step dd {
	margin:0 10px 30px;
}
.article-body .step dd .panel {
	margin: 0 0 30px;
}
.article-body .step .itemtop {
	margin:0;
}
.article-body .step .itemtop dt {
	margin-bottom:0;
	color:#009dd6;
}
.article-body .step .itemtop dt img {
    position:relative;
    left:0;
    top:0;
}
.article-body .step .itemtop dd {
	margin:0 0 10px;
}
.article-body .stepGray dt{
	background-color:#ececec;
	color:#86888b;
}
.article-body .step .point{
  margin: 30px 0 0;
}
.article-body .step .point dt{
	position:static;
	margin-bottom:5px;
	padding:0;
	background-color:#fff;
	color:#a1493f;
}
.article-body .step .point dt img{
	left:10px;
	top:-10px;
}
.article-body .step .point dd{
	margin:0;
}
.article-body .useOf .point{
	margin: 30px 0 0;
}
.article-body .useOf .point dt{
	position:static;
	margin-bottom:5px;
	padding:0;
	background-color:#fff;
	color:#a1493f;
}
.article-body .useOf .point dt img{
	left:10px;
	top:-10px;
}
.article-body .useOf .point dd{
	margin:0;
}
.article-body .step .chui {
	margin:20px 0 30px;
}
.article-body .step .chui dt {
	position:static;
	padding:0;
	background-color:#fff;
	color:#c43;
	/*font-size:12px;*/
  padding-left: 62px !important;
  padding-bottom: 5px;
  min-height: 20px;
  margin-bottom: 0;
}
.article-body .step .chui dt em,
.article-body .chui dt em,
.article-body .step .hosoku dt em,
.article-body .hosoku dt em  {
	display: none;
}
.article-body .step .chui dt img {
	position:static;
}
.article-body .step .chui dd {
	margin:0;
}
.article-body .commonExplain {
	margin:30px 20px;
	padding:10px;
	background-color:#fdf9ee;
	border:#d7cdc3 1px solid;
}
.article-body .commonExplain p {
	margin:0;
}
.article-body .degi,
.article-body .nondegi {
	position:relative;
	margin:40px 10px;
	padding:20px 10px 10px;
}
.article-body .degi dt,
.article-body .nondegi dt {
	color:#fff;
	font-weight:bold;
}
.article-body .degi dt img,
.article-body .nondegi dt img{
	position:absolute;
	top:-10px;
	left:1px;
}
.article-body .degi {
	background-color:#fdf9ee;
	border:#135195 1px solid;
}
.article-body .nondegi {
	background-color:#fdf9ee;
	border:#f47892 1px solid;
}
.article-body .step .nondegi {
	margin:40px 0;
}
.article-body .step .nondegi dt {
	position:static;
	margin-bottom:0;
	padding:0;
	background-color:transparent;
}
.article-body .step .nondegi dd {
	margin:0;
}
.article-body .itemtop {
	margin:30px 10px;
	padding:10px;
	border:#009dd6 1px solid;
}
.article-body .itemtop dt {
	padding:5px 0 5px;
	color:#009dd6;
	font-size:16px;
	font-weight:bold;
}
.article-body .itemtop dt img {
	margin-right:8px;
}
.article-body .itemtop dd {
	margin-bottom:10px;
	padding-left:0;
	padding-bottom:15px;
	border-bottom:#4d4d4d dotted 1px;
}
.article-body .itemtop dd.lastchild {
	margin-bottom:0;
	border-bottom:none;
}
.article-body .itemtop .step dt {
	width:auto;
	padding:5px 5px 5px 90px;
}
.article-body .itemtop .step dd {
	margin-bottom:30px;
	padding:0;
	border:none;
}
.article-body .itemtop .step dd.lastchild {
	margin-bottom:0;
}
.article-body .itemtopGray {
	border:#86888b 1px solid;
}
.article-body .itemtopGray dt {
	color:#86888b;
}
.article-body .itemtopPink {
	border:#c95789 1px solid;
}
.article-body .itemtopPink dt {
	color:#c95789;
}
.article-body .chui {
	margin:20px 10px 30px;
	padding:10px;
	border:#c43 dotted 1px;
}
.article-body .chui dt,
.article-body .itemtop .chui dt{
  color: #c43;
  font-weight: bold;
  font-size: 100%;
  padding: 0 0 5px 64px;
  overflow: visible;
  height: auto;
  width: auto;
  text-indent: 0;
  background: url(/hc/theming_assets/01JAEP4HWDHWBQMFSMKS7DW9RR) no-repeat top left;
  min-height: 20px;
}
.article-body .chui dt img {
	margin-right:10px;
}
.article-body .chui ul {
	margin-left:15px;
}
.article-body .chui li {
	padding-left:0.8em;
	text-indent:-0.5em;
}
.article-body .hosoku {
	margin:20px 10px 30px;
	padding:10px;
	border:#c43 dotted 1px;
}
.article-body .hosoku dt {
  color: #c43;
  font-weight: bold;
  padding: 0 0 5px 64px;
  overflow: visible;
  height: auto;
  width: auto;
  text-indent: 0;
  background: url(/hc/theming_assets/01JAEP42YD5QT3Y9N39R4ZXT54) no-repeat top left;
  min-height: 20px;
}
.article-body .osusume {
	margin:20px 10px 30px;
	padding:10px;
	border:#c95789 dotted 1px;
}
.article-body .osusume dt {
	margin-bottom:12px;
	color:#c95789;
	font-weight:bold;
}
.article-body .osusume dt img {
	margin-right:10px;
}
.article-body .panel {
  margin:0 10px 30px;
	border:#009dd6 1px solid;
}
.article-body .panel ul.panelList {
    padding:10px;
}
.article-body .panel ul.panelList li {
	position:relative;
	margin-bottom:15px;
	padding:0 0 10px 30px;
	border-bottom:1px dotted #4d4d4d;
}
.article-body .panel ul.panelList li:last-child {
	margin-bottom:0;
	border-bottom:none;
}
.article-body .panelNum {
	position:absolute;
	top:0;
	left:0;
}
.article-body .panel dl {
	width:100%;
}
.article-body .panel dt {
	padding-bottom:5px;
	color:#009dd6;
	font-size:14px;
	font-weight:bold;
}
.article-body .panel dt em {
	font-size:12px;
}
.article-body .panel dd {
	padding-bottom:10px;
  margin: 0 0 10px;
}
.article-body .panel .step {
	float:none;
	width:auto;
	margin:10px;
	padding:0;
}
.article-body .panel .step > dl {
	float:none;
	width:auto;
	padding:0 5px;
}
.article-body .panel .step dt {
	width:auto;
}
.article-body .yoyaku .panel .step .point dt {
    color: #a1493f;
}
.article-body .yoyaku .panel .step dt {
    color: #744c94;
}
.article-body .yoyaku .panel .step .chui dt {
	color:#c43;
}
.article-body .panel .step dl.chui {
	padding: 10px 10px 0;
}
.article-body .panel .step dl.chui dt {
	background-color: transparent;
	color: #c43;
}
.article-body .panel .point {
	float:none;
	width:auto;
	padding:10px 10px 0;
}
.article-body .panel .step dl.point {
	float:none;
	width:auto;
	padding: 10px 10px 0;
}
.article-body .hdgPanel {
	padding:3px;
	background-color:#e5f1f5;
	background-image:none;
	color:#009dd6;
	font-size:14px;
	font-weight:bold;
}
.article-body .alert {
	margin:0 10px 30px;
	padding:10px;
	border:#744c94 1px solid;
}
.article-body .alert p {
	margin:0 0 10px;
	color:#744c94;
	font-size:14px;
	font-weight:bold;
}
.article-body .alert dt {
	float:left;
	clear:both;
	width:107px;
	padding:3px 0;
	background-color:#6d7788;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.article-body .alert dd {
	padding:3px 0;
	margin:0 0 10px 117px;
}
.article-body .alert dd.lastchild {
	margin-bottom:0;
}
.article-body #shortSearch dt {
	width:30%;
	background-color:#668dbf;
}
.article-body #shortSearch dd {
	margin-left:32%;
}
.article-body table {
	width:100%;
}
.article-body th {
	padding:3px 5px;
	background-color:#f1efeb;
	border:#ccc 1px solid;
	text-align:left;
  font-weight: bold;
  word-break: break-word;
}
.article-body .thW190 th {
	width:190px;
}
.article-body .thW110 th {
	width:110px;
}
.article-body td {
	padding:3px 5px;
	border:#ccc 1px solid;
  word-break: break-word;
}
/* 求人ポップアップの囲い */
#job-offering-end-message {
    padding: 10px;
    margin-bottom: 10px;
    border: 2px solid #ffa11f;
}
.article-body .contentsMargin {
	margin:30px 10px;
}
#article-page .article-body table li {
	padding-left:0.5em;
	text-indent:-0.5em;
  margin-top: 0;
}
.article-body .processList dt,
.article-body .step .processList dt {
	float:left;
	clear:both;
	width:auto;
	margin-bottom:0;
	padding:0;
	background-color:#fff;
}
.article-body .processList dt img {
	position:static;
}
.article-body .processList dd,
.article-body .step .processList dd {
	margin:0 0 10px 32px;
}

/*====== .point ======*/
.pointLabel {
/*	background: url(/hc/theming_assets/01JAEP47CPM31NEHM8Y9612DY4) no-repeat 10px 0;
	margin-top: -30px;
	padding-top: 30px;
	*/
}

/*====== .chui ======*/
.chui dt {
	width: 56px;
	height: 20px;
	background: url(/hc/theming_assets/01JAEP4HWDHWBQMFSMKS7DW9RR) no-repeat 0;
	text-indent: -9999em;
	overflow: hidden;
}

/*====== .step ======*/
.start .step1 {background: url(/hc/theming_assets/01JAEP4AGP1KVBSFN02X48FAGJ) #f7ebeb no-repeat 5px center;}
.start .step2 {background: url(/hc/theming_assets/01JAEP40R51YG3FZ4XQR4V0CSP) #f7ebeb no-repeat 5px center;}
.start .step3 {background: url(/hc/theming_assets/01JAEP4DMRBPQ5CV6FXDZXHSND) #f7ebeb no-repeat 5px center;}
.start .step4 {background: url(/hc/theming_assets/01JAEP40N1FV7M772QZQHP24NP) #f7ebeb no-repeat 5px center;}

.analysis .step1 {background: url(/hc/theming_assets/01JAEP44KAWH7E993BA16CDPW2) #f7ebeb no-repeat 5px center;}
.analysis .step2 {background: url(/hc/theming_assets/01JAEP45SHZ1C3RZ2RTB8TP71K) #f7ebeb no-repeat 5px center;}
.analysis .step3 {background: url(/hc/theming_assets/01JAEP4B7T8DSPYP93VZVSF3AV) #f7ebeb no-repeat 5px center;}
.analysis .step4 {background: url($assets-analysis_step04-png) #f7ebeb no-repeat 5px center;}

.career .step1 {background: url(/hc/theming_assets/01JAEP4A2TBB8QE127XH2QXETM) #f7ebeb no-repeat 5px center;}
.career .step2 {background: url(/hc/theming_assets/01JAEP441RWVVQX4G1RMZP7ZR9) #f7ebeb no-repeat 5px center;}
.career .step3 {background: url(/hc/theming_assets/01JAEP414PX7Y6JR7TNHNQRCHH) #f7ebeb no-repeat 5px center;}
.career .step4 {background: url(/hc/theming_assets/01JAEP4JDTKBWV73183AYB60BY) #f7ebeb no-repeat 5px center;}
.career .step5 {background: url(/hc/theming_assets/01JAEP4B3DRJQZ1KAWMCQCMNEP) #f7ebeb no-repeat 5px center;}
.career .step6 {background: url(/hc/theming_assets/01JAEP4MP47XNPP13GAB5ZV5G4) #f7ebeb no-repeat 5px center;}

.clm .step1 {background: url(/hc/theming_assets/01JAEP45B2W38TDM7YGVNPEP1E) #f7ebeb no-repeat 5px center;}
.clm .step2 {background: url(/hc/theming_assets/01JAEP417TKPXTRNKE1NCCXJFR) #f7ebeb no-repeat 5px center;}
.clm .step3 {background: url(/hc/theming_assets/01JAEP4APEY00FYD3W54YJ1MW9) #f7ebeb no-repeat 5px center;}
.clm .step4 {background: url(/hc/theming_assets/01JAEP4HHPHKVNT6H52TV9PFVM) #f7ebeb no-repeat 5px center;}
.clm .step5 {background: url(/hc/theming_assets/01JAEP418ZFFKYRBWD134ZVJ7Q) #f7ebeb no-repeat 5px center;}

.custom .step1 {background: url(/hc/theming_assets/01JAEP41AYB4VDJ5X7T217FC25) #f7ebeb no-repeat 5px center;}
.custom .step2 {background: url(/hc/theming_assets/01JAEP49NV9CNFBZ88RNQXBSKP) #f7ebeb no-repeat 5px center;}
.custom .step3 {background: url(/hc/theming_assets/01JAEP4NP92ND28AF237T6QCAJ) #f7ebeb no-repeat 5px center;}
.custom .step4 {background: url(/hc/theming_assets/01JAEP3ZT5KCKWM4WH716W9ARG) #f7ebeb no-repeat 5px center;}
.custom .step5 {background: url(/hc/theming_assets/01JAEP3X2T5E8X8A87Z09WKAQ0) #f7ebeb no-repeat 5px center;}
.custom .step6 {background: url(/hc/theming_assets/01JAEP472Q2WETNYKGZSMMCFPA) #f7ebeb no-repeat 5px center;}

.etc .step1 {background: url(/hc/theming_assets/01JAEP4A337P1HD2D4NE87JGEF) #f7ebeb no-repeat 5px center;}
.etc .step2 {background: url(/hc/theming_assets/01JAEP44ZSVHNKTSMPXVRYBAZS) #f7ebeb no-repeat 5px center;}
.etc .step3 {background: url(/hc/theming_assets/01JAEP4DEEZ4HV6M96VESV8B2D) #f7ebeb no-repeat 5px center;}
.etc .step4 {background: url(/hc/theming_assets/01JAEP4GJMMTY47X4EMYBV4DAA) #f7ebeb no-repeat 5px center;}
.etc .step5 {background: url(/hc/theming_assets/01JAEP420MA19F7XP978HPXPDQ) #f7ebeb no-repeat 5px center;}
.etc .step6 {background: url(/hc/theming_assets/01JAEP44YJMDJZ9H7FC9YDCAHA) #f7ebeb no-repeat 5px center;}
.etc .step7 {background: url(/hc/theming_assets/01JAEP428DYTX4E14MQEQ09MJM) #f7ebeb no-repeat 5px center;}

.keisai .step1 {background: url(/hc/theming_assets/01JAEP46108WETM71W7W51VN18) #f7ebeb no-repeat 5px center;}
.keisai .step2 {background: url(/hc/theming_assets/01JAEP3W642BWNG4MJTV7757PT) #f7ebeb no-repeat 5px center;}
.keisai .step3 {background: url(/hc/theming_assets/01JAEP4N59K6NV5JJ2CWA1VYPE) #f7ebeb no-repeat 5px center;}
.keisai .step4 {background: url(/hc/theming_assets/01JAEP4F6666J3W5C39764YSJG) #f7ebeb no-repeat 5px center;}
.keisai .step5 {background: url(/hc/theming_assets/01JAEP3X2PRVYE2W7V9J1CXEKQ) #f7ebeb no-repeat 5px center;}
.keisai .step6 {background: url(/hc/theming_assets/01JAEP4QSDWPXD2RZZDNESE9P7) #f7ebeb no-repeat 5px center;}
.keisai .step7 {background: url(/hc/theming_assets/01JAEP4GNHC1CXJZ415B9WT0X4) #f7ebeb no-repeat 5px center;}
.keisai .step8 {background: url(/hc/theming_assets/01JAEP4K9YRR6RH33G88SM0P0K) #f7ebeb no-repeat 5px center;}
.keisai .step9 {background: url(/hc/theming_assets/01JAEP43E2X5Q45W0PMNZDQ83W) #f7ebeb no-repeat 5px center;}
.keisai .step10 {background: url(/hc/theming_assets/01JAEP4E4AT2346X37608PDAZX) #f7ebeb no-repeat 5px center;}

.login .step1 {background: url(/hc/theming_assets/01JAEP486Z67FZ049SS78EBXM2) #f7ebeb no-repeat 5px center;}
.login .step2 {background: url(/hc/theming_assets/01JAEP4R32ZNEF4Z980ZHFKJ78) #f7ebeb no-repeat 5px center;}
.login .step3 {background: url(/hc/theming_assets/01JAEP44A9BFYER21PKE07S02C) #f7ebeb no-repeat 5px center;}
.login .step4 {background: url(/hc/theming_assets/01JAEP4BZFZPPYJJ4A2FB1P4DF) #f7ebeb no-repeat 5px center;}
.login .step5 {background: url(/hc/theming_assets/01JAEP40K6E2HQN6AT7YCA3A6Y) #f7ebeb no-repeat 5px center;}

.msg .step1 {background: url(/hc/theming_assets/01JAEP4BH7ZJXYMJMC74DFTVV1) #f7ebeb no-repeat 5px center;}
.msg .step2 {background: url(/hc/theming_assets/01JAEP4GSTPTFR3XGFPTZPQ33F) #f7ebeb no-repeat 5px center;}
.msg .step3 {background: url(/hc/theming_assets/01JAEP431C314NVK328GHP318C) #f7ebeb no-repeat 5px center;}
.msg .step4 {background: url(/hc/theming_assets/01JAEP4CC2479TJ11XBVQKXEWF) #f7ebeb no-repeat 5px center;}
.msg .step5 {background: url(/hc/theming_assets/01JAEP4FPDXK6JJZ2MAKS6K5S7) #f7ebeb no-repeat 5px center;}
.msg .step6 {background: url(/hc/theming_assets/01JAEP4FF7WEWFN4FGAXDC9012) #f7ebeb no-repeat 5px center;}
.msg .step7 {background: url(/hc/theming_assets/01JAEP4CJ9A0A3YEKTPF6R881V) #f7ebeb no-repeat 5px center;}

.regi .step1 {background: url(/hc/theming_assets/01JAEP3WC9DFM5MM7GQPY8H28E) #f7ebeb no-repeat 5px center;}
.regi .step2 {background: url(/hc/theming_assets/01JAEP44VDTFSY82F390W6SR98) #f7ebeb no-repeat 5px center;}
.regi .step3 {background: url(/hc/theming_assets/01JAEP48RE2SSXKCDYSE86DQ9H) #f7ebeb no-repeat 5px center;}
.regi .step4 {background: url(/hc/theming_assets/01JAEP45TTECADVGBA0PXQKJTY) #f7ebeb no-repeat 5px center;}
.regi .step5 {background: url(/hc/theming_assets/01JAEP47CWZ9CMA36179AT4E75) #f7ebeb no-repeat 5px center;}
.regi .step6 {background: url(/hc/theming_assets/01JAEP4QZYRBCCGHBWH831JR9Y) #f7ebeb no-repeat 5px center;}
.regi .step7 {background: url(/hc/theming_assets/01JAEP42JM53NNMHKKDXJG7ZWW) #f7ebeb no-repeat 5px center;}
.regi .step8 {background: url(/hc/theming_assets/01JAEP4BAX52YRH5WT1ZRQXWCN) #f7ebeb no-repeat 5px center;}
.regi .step9 {background: url(/hc/theming_assets/01JAEP3W8EWRXR5CTS818ZEZE3) #f7ebeb no-repeat 5px center;}
.regi .step10 {background: url(/hc/theming_assets/01JAEP40F3GGH2JJ8T5VQ9ABCJ) #f7ebeb no-repeat 5px center;}
.regi .step11 {background: url(/hc/theming_assets/01JAEP4JA9MT9E48SHQPKPXYZ1) #f7ebeb no-repeat 5px center;}
.regi .step12 {background: url(/hc/theming_assets/01JAEP4KPEDRERP1KAVTRY7EAR) #f7ebeb no-repeat 5px center;}

.seikyu .step1 {background: url(/hc/theming_assets/01JAEP42B2C55H513TCWZ4X6VP) #f7ebeb no-repeat 5px center;}
.seikyu .step2 {background: url(/hc/theming_assets/01JAEP4676829F3Q6WP1S34X0D) #f7ebeb no-repeat 5px center;}
.seikyu .step3 {background: url(/hc/theming_assets/01JAEP49XB1K0NSBJ4XRY86GHW) #f7ebeb no-repeat 5px center;}
.seikyu .step4 {background: url(/hc/theming_assets/01JAEP43W47ARSKDXHTFPK3P0A) #f7ebeb no-repeat 5px center;}
.seikyu .step5 {background: url(/hc/theming_assets/01JAEP408JK39D234DA72T0F2J) #f7ebeb no-repeat 5px center;}

.settei .step1 {background: url(/hc/theming_assets/01JAEP3WC9DFM5MM7GQPY8H28E) #f7ebeb no-repeat 5px center;}
.settei .step2 {background: url(/hc/theming_assets/01JAEP44VDTFSY82F390W6SR98) #f7ebeb no-repeat 5px center;}
.settei .step3 {background: url(/hc/theming_assets/01JAEP48RE2SSXKCDYSE86DQ9H) #f7ebeb no-repeat 5px center;}
.settei .step4 {background: url(/hc/theming_assets/01JAEP4NYASBT4C5A4WZNZN9CV) #f7ebeb no-repeat 5px center;}

.uketsuke .step1 {background: url(/hc/theming_assets/01JAEP4A2TBB8QE127XH2QXETM) #f7ebeb no-repeat 5px center;}
.uketsuke .step2 {background: url(/hc/theming_assets/01JAEP441RWVVQX4G1RMZP7ZR9) #f7ebeb no-repeat 5px center;}
.uketsuke .step3 {background: url(/hc/theming_assets/01JAEP414PX7Y6JR7TNHNQRCHH) #f7ebeb no-repeat 5px center;}

.yoyaku .step1 {background: url(/hc/theming_assets/01JAEP4DQTBXD5HNCC05BQ4MSF) #f7ebeb no-repeat 5px center;}
.yoyaku .step2 {background: url(/hc/theming_assets/01JAEP488TN746FSCGS7JNH4X0) #f7ebeb no-repeat 5px center;}
.yoyaku .step3 {background: url(/hc/theming_assets/01JAEP4PGAKFZTHCN32VYKP5VK) #f7ebeb no-repeat 5px center;}
.yoyaku .step4 {background: url(/hc/theming_assets/01JAEP4CM4MGGASAG3YX42EBF9) #f7ebeb no-repeat 5px center;}
.yoyaku .step5 {background: url(/hc/theming_assets/01JAEP4DJS9REN4J2R5VP2D6WC) #f7ebeb no-repeat 5px center;}
.yoyaku .step6 {background: url(/hc/theming_assets/01JAEP49QNGVDNP8D1EF1S4J5M) #f7ebeb no-repeat 5px center;}
.yoyaku .step7 {background: url(/hc/theming_assets/01JAEP4NKXDKEEN01RW4SA3355) #f7ebeb no-repeat 5px center;}

.menuYoyakuManagement .step1 {background: url(/hc/theming_assets/01JAEP4DQTBXD5HNCC05BQ4MSF) #f7ebeb no-repeat 5px center;}
.menuYoyakuManagement .step2 {background: url(/hc/theming_assets/01JAEP488TN746FSCGS7JNH4X0) #f7ebeb no-repeat 5px center;}

.groupid .step1 {background: url(/hc/theming_assets/01JAEP46108WETM71W7W51VN18) #f7ebeb no-repeat 5px center;}
.groupid .step2 {background: url(/hc/theming_assets/01JAEP3W642BWNG4MJTV7757PT) #f7ebeb no-repeat 5px center;}
.groupid .step3 {background: url(/hc/theming_assets/01JAEP4N59K6NV5JJ2CWA1VYPE) #f7ebeb no-repeat 5px center;}
.groupid .step4 {background: url(/hc/theming_assets/01JAEP4F6666J3W5C39764YSJG) #f7ebeb no-repeat 5px center;}
.groupid .step5 {background: url(/hc/theming_assets/01JAEP3X2PRVYE2W7V9J1CXEKQ) #f7ebeb no-repeat 5px center;}
.groupid .step6 {background: url(/hc/theming_assets/01JAEP4QSDWPXD2RZZDNESE9P7) #f7ebeb no-repeat 5px center;}
.groupid .step7 {background: url(/hc/theming_assets/01JAEP4GNHC1CXJZ415B9WT0X4) #f7ebeb no-repeat 5px center;}
.groupid .step8 {background: url(/hc/theming_assets/01JAEP4K9YRR6RH33G88SM0P0K) #f7ebeb no-repeat 5px center;}
.groupid .step9 {background: url(/hc/theming_assets/01JAEP43E2X5Q45W0PMNZDQ83W) #f7ebeb no-repeat 5px center;}
.groupid .step10 {background: url($assets-keisai_step010-png) #f7ebeb no-repeat 5px center;}

.cls .step1 {background: url(/hc/theming_assets/01JAEP45B2W38TDM7YGVNPEP1E) #f7ebeb no-repeat 5px center;}
.cls .step2 {background: url(/hc/theming_assets/01JAEP417TKPXTRNKE1NCCXJFR) #f7ebeb no-repeat 5px center;}
.cls .step3 {background: url(/hc/theming_assets/01JAEP4APEY00FYD3W54YJ1MW9) #f7ebeb no-repeat 5px center;}
.cls .step4 {background: url(/hc/theming_assets/01JAEP4HHPHKVNT6H52TV9PFVM) #f7ebeb no-repeat 5px center;}
.cls .step5 {background: url(/hc/theming_assets/01JAEP418ZFFKYRBWD134ZVJ7Q) #f7ebeb no-repeat 5px center;}
.cls .step6 {background: url(/hc/theming_assets/01JAEP427298SPZJ6M0VSR99BP) #f7ebeb no-repeat 5px center;}
.cls .step7 {background: url($assets-clm_step07-png) #f7ebeb no-repeat 5px center;}

.hpds .step1 {background: url(/hc/theming_assets/01JAEP4A337P1HD2D4NE87JGEF) #f5a461 no-repeat 5px center;}
.hpds .step2 {background: url(/hc/theming_assets/01JAEP44ZSVHNKTSMPXVRYBAZS) #f5a461 no-repeat 5px center;}
.hpds .step3 {background: url(/hc/theming_assets/01JAEP4DEEZ4HV6M96VESV8B2D) #f5a461 no-repeat 5px center;}
.hpds .step4 {background: url(/hc/theming_assets/01JAEP4GJMMTY47X4EMYBV4DAA) #f5a461 no-repeat 5px center;}
.hpds .step5 {background: url(/hc/theming_assets/01JAEP420MA19F7XP978HPXPDQ) #f5a461 no-repeat 5px center;}
.hpds .step6 {background: url(/hc/theming_assets/01JAEP44YJMDJZ9H7FC9YDCAHA) #f5a461 no-repeat 5px center;}
.hpds .step7 {background: url(/hc/theming_assets/01JAEP428DYTX4E14MQEQ09MJM) #f5a461 no-repeat 5px center;}

.stepGray .step1 {background: url(/hc/theming_assets/01JAEP4MVYAJMT7Y3H64Q41FHS) #ececec no-repeat 5px center;}
.stepGray .step2 {background: url(/hc/theming_assets/01JAEP43FTV3T5A1R2KXAXDSEC) #ececec no-repeat 5px center;}
.stepGray .step3 {background: url(/hc/theming_assets/01JAEP4GCE9R7HXD7GBSZZ36HC) #ececec no-repeat 5px center;}

/*====== .star ======*/
.star {
	background: url(/hc/theming_assets/01JAEP48JEHP074CPKX3R393G9) no-repeat left center;
	text-indent: -9999em;
  display: inline-block;
  width: 13px;
}
/*====== .num ======*/
.article-body .itemtop .num1 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF) no-repeat 0 5px;
}
.article-body .itemtop .num2 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0) no-repeat 0 5px;
}
.article-body .itemtop .num3 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N) no-repeat 0 5px;
}
.article-body .itemtop .num4 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193) no-repeat 0 5px;
}
.article-body .itemtop .num5 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 5px;
}
.article-body .itemtop .num5 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 5px;
}
.article-body .itemtop .num6 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA) no-repeat 0 5px;
}
.article-body .itemtop .num7 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58) no-repeat 0 5px;
}
.article-body .itemtop .num8 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM) no-repeat 0 5px;
}
.article-body .itemtop .num9 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN) no-repeat 0 5px;
}
.article-body .itemtop .num10 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM) no-repeat 0 5px;
}
.article-body .itemtop .num11 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP47TGZXSNN4XVAJ8513JP) no-repeat 0 5px;
}
.article-body .itemtop .num12 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP47J03FMVJFR54CNTRTBG) no-repeat 0 5px;
}
.article-body .itemtop .num13 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4N9S65M912GE3ZXE0AF8) no-repeat 0 5px;
}
.article-body .itemtop .num14 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01J0T3X9VHJVBZ7GAMCC1GJPHP) no-repeat 0 5px;
}
.article-body .itemtop .num15 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JCHZK45R0R56QVDWHBZFNMAM) no-repeat 0 5px;
}
.article-body .itemtop .num16 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JCHZK61RWBH242HGC4QH5C3J) no-repeat 0 5px;
}
.article-body .itemtop .num17 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JCHZK7VKQPR99GE1T2K820H6) no-repeat 0 5px;
}
.article-body .itemtop .num18 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JCHZK9QDEQEGRR7ZQWKMZB7E) no-repeat 0 5px;
}
.article-body .itemtop .num19 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JCHZKBFB75P47MAZ3MZVK7Z4) no-repeat 0 5px;
}
.article-body .itemtop .num20 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JCHZK257WN8FMBW1RR1Y0QXP) no-repeat 0 5px;
}

/*itemtop li用*/
#article-page .article-body .itemtop ul.numlist li {
  padding-bottom: 15px;
}
#article-page .article-body .itemtop ul.numlist li:last-child {
  padding-bottom: 8px;
}

/*パディング＆ボーダーつき li用*/
#article-page .article-body ul.numlist.numBorder {
  padding: 10px;
}
#article-page .article-body ul.numlist.numBorder li {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #4d4d4d;
}
#article-page .article-body ul.numlist.numBorder li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/*li用*/
#article-page .article-body ul.numlist li {
  padding-bottom: 10px;
}
#article-page .article-body ul.numlist li.num1 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num2 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num3 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num4 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num5 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num6 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num7 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num8 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num9 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num10 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num11 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP47TGZXSNN4XVAJ8513JP) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num12 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP47J03FMVJFR54CNTRTBG) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num13 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01JAEP4N9S65M912GE3ZXE0AF8) no-repeat 0 0;
}

/* ============== インラインCSSのclass化 ============== */

#article-page .article-body .common_position_r {
  position: relative;
}

#article-page .article-body .common_flex {
  display: block;
}

#article-page .article-body .common_flex > div,
#article-page .article-body .common_flex > dl{
  margin-top:20px;
}

#article-page .article-body .common_dflex {
  display: flex;
}
  
#article-page .article-body .common_dflex_column {
  flex-shrink: 0; 
}

#article-page .article-body .common_bd_dot {
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: #4d4d4d dotted 1px;
}

#article-page .article-body .common_bd_none {
  border: none;
}

#article-page .article-body .common_inline_b {
  display: inline-block;
}

#article-page .article-body .common_va_m {
  vertical-align: middle;
}

#article-page .article-body .common_c_pink {
  color: #c95789;
}

#article-page .article-body .common_mb10 {
  margin: 0 0 10px;
}

#article-page .article-body .common_fs_12 {
  font-size: 12px;
}

#article-page .article-body .common_img_100per {
  width: 100%;
  max-width: auto;
}

#article-page .article-body .common_style_a {
  background-color: transparent;
  color: #009dd6;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

#article-page .article-body .common_style_c {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  background-color: #faf6ec;
  color: #9d7a28;
  padding: 5px 5px 5px 80px;
}

#article-page .article-body .common_style_d {
  background-color: #e5f1f5;
  color: #009dd6;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 10px;
}

#article-page .article-body .common_style_e {
  background-color: #e5f1f5;
  color: #009dd6;
  border: #009cd5 1px solid;
  padding: 2px 5px;
}

#article-page .article-body .common_style_f {
  background-color: #eef6f8;
  margin: 0 15px 15px;
  padding: 10px;
}

#article-page .article-body .common_style_g {
  width: auto;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0 29px;
}

#article-page .article-body .common_style_h {
  display: block;
  width: 100%;
}

#article-page .article-body .common_style_i li {
  display: block;
}

#article-page .article-body .common_style_i li > p {
  margin-top:10px;
  margin-left: 35px;
}

#article-page .article-body .common_style_j {
  display: flex;
  display: -webkit-flex;
  width: 100%;
}

#article-page .article-body .common_style_k {
  display: block;
}

#article-page .article-body .common_style_k > div {
  margin-top: 20px;
}

#article-page .article-body .common_width_auto {
  width: auto;
}

#article-page .article-body .common_width_35 {
  width: 35px;
}

#article-page .article-body .common_width_50 {
  width: 50px;
}

#article-page .article-body .common_width_60 {
  width: 60px;
}

#article-page .article-body .common_width_65 {
  width: 65px;
}

#article-page .article-body .common_width_80 {
  width: 80px;
}

#article-page .article-body .common_width_90 {
  width: 90px;
}

#article-page .article-body .common_width_100 {
  width: 100px;
}

#article-page .article-body .common_width_110 {
  width: 110px;
}

#article-page .article-body .common_width_120 {
  width: 120px;
}

#article-page .article-body .common_width_125 {
  width: 125px;
}

#article-page .article-body .common_width_130 {
  width: 130px;
}

#article-page .article-body .common_width_150 {
  width: 150px;
}

#article-page .article-body .common_width_189 {
  width: 189px;
}

#article-page .article-body .common_width_200 {
  width: 200px;
}

#article-page .article-body .common_width_212 {
  width: 212px;
}

#article-page .article-body .common_width_213 {
  width: 213px;
}

#article-page .article-body .common_width_245 {
  width: 245px;
}

#article-page .article-body .common_width_250 {
  width: 250px;
}

#article-page .article-body .common_width_275 {
  width: 275px;
}

#article-page .article-body .common_width_317 {
  width: 317px;
}

#article-page .article-body .common_width_335 {
  width: 335px;
}

#article-page .article-body .common_width_345 {
  width: 345px;
}

#article-page .article-body .common_width_340 {
  width: 340px;
}

#article-page .article-body .common_width_670 {
  width: 670px;
}

#article-page .article-body .common_width_5per {
  width: 5% !important;
}

#article-page .article-body .common_width_10per {
  width: 10% !important;
}

#article-page .article-body .common_width_15per {
  width: 15% !important;
}

#article-page .article-body .common_width_20per {
  width: 20% !important;
}

#article-page .article-body .common_width_25per {
  width: 25% !important;
}

#article-page .article-body .common_width_30per {
  width: 30% !important;
}

#article-page .article-body .common_width_35per {
  width: 35% !important;
}

#article-page .article-body .common_width_40per {
  width: 40% !important;
}

#article-page .article-body .common_width_45per {
  width: 45% !important;
}

#article-page .article-body .common_width_50per {
  width: 50% !important;
}

#article-page .article-body .common_width_55per {
  width: 55% !important;
}

#article-page .article-body .common_width_60per {
  width: 60% !important;
}

#article-page .article-body .common_width_65per {
  width: 65% !important;
}

#article-page .article-body .common_width_70per {
  width: 70% !important;
}

#article-page .article-body .common_width_75per {
  width: 75% !important;
}

#article-page .article-body .common_width_80per {
  width: 80% !important;
}

#article-page .article-body .common_width_85per {
  width: 85% !important;
}

#article-page .article-body .common_width_90per {
  width: 90% !important;
}

#article-page .article-body .common_width_95per {
  width: 95% !important;
}

#article-page .article-body .common_width_100per {
  width: 100% !important;
}

#article-page .article-body .common_yes {
  background: #fce4d6;
}

/*1901追記*/
#article-page .article-body .common_m_auto {
  margin: 0 auto;
}

@media screen and (min-width: 1025px) {
  /*1901追記*/
  #article-page .article-body .common_col_change {
    display: flex;
    justify-content: space-between;
  }
}

#article-page .article-body .css_before_0007 {
  width: 323px;
  border: #42b2ce 1px solid;
  color: #42b2ce;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px;
}

#article-page .article-body .css_before_0009 {
  width: 323px;
  border: #42b2ce 1px solid;
  margin: 10px auto;
  padding: 10px 40px;
}

#article-page .article-body .css_before_0010 {
  display: block;
  margin-bottom: 5px;
  color: #42b2ce;
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .css_before_0011 {
  margin: 0 8px 0 0;
}

#article-page .article-body .css_before_0012 {
  border: #42b2ce 1px solid;
}

#article-page .article-body .css_before_0015 {
  position: relative;
  border: #42b2ce 1px solid;
}

#article-page .article-body .css_before_0016 {
  padding-right: 130px;
  overflow: hidden;
}

#article-page .article-body .css_before_0017 {
  display: block;
  float: left;
  color: #4b4b4b;
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 10px;
}

#article-page .article-body .css_before_0018 {
  position: absolute;
  top: 15px;
  right: 10px;
  border-bottom: none;
}

#article-page .article-body .css_before_0019 {
  display: block;
  text-align: center;
}

#article-page .article-body .css_before_0019 > div {
  margin-top: 15px;
}

#article-page .article-body .css_before_0019 > div:first-child {
  margin-top: 0;
}


#article-page .article-body .css_biyou_0027 {
  border: #a1493f 1px solid;
  padding: 10px;
}

#article-page .article-body .css_biyou_0037 {
  border: #4d4d4d 1px solid;
  padding: 10px;
}

#article-page .article-body .css_biyou_0047 {
  width: 90%;
}

#article-page .article-body .css_biyou_0060 {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

#article-page .article-body .css_biyou_0079 {
  margin-top: 20px;
}

#article-page .article-body .css_biyou_0123 {
  width: 40px;
}

#article-page .article-body .css_biyou_0132 {
  margin: 10px;
}

#article-page .article-body .css_biyou_0198 {
  background-color: #ececec;
  color: #86888b;
}

#article-page .article-body .css_biyou_0199 {
  border: #86888b 1px solid;
  margin: 20px 10px 30px;
  padding: 0 20px;
}

#article-page .article-body .css_biyou_0238 {
  position: relative;
  padding-bottom: 1em;
}

#article-page .article-body .css_biyou_0239 {
  position: absolute;
  left: 430px;
  top: 265px;
  width: 235px;
}

#article-page .article-body .css_biyou_0241 {
  position: absolute;
  left: 10px;
  top: 220px;
  width: 260px;
}

#article-page .article-body .css_biyou_0242 {
  position: absolute;
  left: 350px;
  top: 130px;
  width: 315px;
}

#article-page .article-body .css_biyou_0248 {
  width: 300px;
}

#article-page .article-body .css_biyou_0249 {
  color: #f5a461;
}

#article-page .article-body .css_biyou_0293 {
  width: 5em;
}

#article-page .article-body .css_biyou_0296 {
  background-color: transparent;
  color: #A1493F;
  font-size: 14px;
  margin-bottom: 5px;
  position: static;
  padding: 0;
}

#article-page .article-body .css_kirei_0085 {
  position: relative;
  padding-bottom: 1.5em;
}

#article-page .article-body .css_kirei_0086 {
  position: absolute;
  left: 430px;
  bottom: 0;
  width: 200px;
}

#article-page .article-body .css_kirei_0088 {
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 300px;
}

#article-page .article-body .css_kirei_0089 {
  position: absolute;
  left: 360px;
  top: 175px;
  width: 310px;
}

#article-page .article-body .css_kirei_0106 {
  width: 26%;
}

#article-page .article-body .css_kirei_0107 {
  width: 24%;
}

#article-page .article-body .css_kirei_0121 {
  width: 40px;
  margin-right: 5px;
}

#article-page .article-body .css_kirei_0122 {
  width: 30px;
}

#article-page .article-body .css_kirei_0214 {
  width: 54px;
}

#article-page .article-body .css_kirei_0268 {
  margin-bottom: 20px;
  background-color: #e5f1f5;
  padding: 10px;
}

#article-page .article-body .css_kirei_0269 {
  color: #009dd6;
  font-weight: bold;
}

#article-page .article-body .css_kirei_0272 {
  background-color: #eef6f8;
  margin: 30px 10px;
  padding: 10px;
}

#article-page .article-body .css_kirei_0273 {
  margin-bottom: 10px;
  color: #009dd6;
  font-weight: bold;
}

#article-page .article-body .css_kirei_0319 {
  color: #c43;
}

#article-page .article-body .css_backup_0000, #article-page .article-body .css_backup_0007, #article-page .article-body .css_biyou_0005, #article-page .article-body .css_kirei_0014 {
  margin: 0 10px;
}

#article-page .article-body .css_backup_0002, #article-page .article-body .css_backup_0009, #article-page .article-body .css_biyou_0007, #article-page .article-body .css_kirei_0016 {
  position: relative;
  margin: 0 10px;
}

#article-page .article-body .css_backup_0004, #article-page .article-body .css_backup_0011, #article-page .article-body .css_biyou_0009, #article-page .article-body .css_kirei_0018 {
  position: absolute;
  top: 266px;
}

#article-page .article-body .css_backup_0005, #article-page .article-body .css_backup_0012, #article-page .article-body .css_biyou_0010, #article-page .article-body .css_kirei_0019 {
  margin: 70px 10px 0;
}

#article-page .article-body .css_before_0004, #article-page .article-body .css_biyou_0073, #article-page .article-body .css_kirei_0054 {
  position: relative;
  padding-bottom: 6em;
}

#article-page .article-body .css_before_0013, #article-page .article-body .css_before_0014, #article-page .article-body .css_before_0020 {
  display: block;
  color: #4b4b4b;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 10px 30px;
}

#article-page .article-body .css_biyou_0001, #article-page .article-body .css_biyou_0003, #article-page .article-body .css_kirei_0363, #article-page .article-body .css_kirei_0365 {
  margin-bottom: 0;
  border: #da9e3b 1px solid;
  font-size: 14px;
  display: inline;
  padding: 2px 10px;
}

#article-page .article-body .css_biyou_0002, #article-page .article-body .css_biyou_0004, #article-page .article-body .css_kirei_0364, #article-page .article-body .css_kirei_0366 {
  margin: 10px 0 15px;
}

#article-page .article-body .css_biyou_0012, #article-page .article-body .css_kirei_0013 {
  width: auto;
}

#article-page .article-body .css_biyou_0018,
#article-page .article-body .css_kirei_0102 {
  display: block;
}

#article-page .article-body .css_biyou_0018 div,
#article-page .article-body .css_kirei_0102 div{
  margin-bottom: 30px;
}

#article-page .article-body .css_biyou_0026, #article-page .article-body .css_kirei_0083 {
  width: 140px;
}

#article-page .article-body .css_biyou_0028, #article-page .article-body .css_kirei_0084 {
  width: 70px;
}

#article-page .article-body .css_biyou_0030, #article-page .article-body .css_biyou_0031, #article-page .article-body .css_kirei_0109, #article-page .article-body .css_kirei_0110 {
  width: 203px;
}

#article-page .article-body .css_biyou_0036, #article-page .article-body .css_kirei_0252 {
  padding-left: 2em;
  text-indent: -2em;
}

#article-page .article-body  .att .grayArea ul.rightTxt.css_biyou_0039,
#article-page .article-body  .att .grayArea ul.rightTxt.css_biyou_0041,
#article-page .article-body  .att .grayArea ul.rightTxt.css_biyou_0043 {
  margin-left: 130px;
}

#article-page .article-body .css_biyou_0045, #article-page .article-body .css_kirei_0097 {
  position: absolute;
  top: 0;
  right: 0;
  width: 420px;
}

#article-page .article-body .css_biyou_0046, #article-page .article-body .css_kirei_0095 {
  width: 60%;
}

#article-page .article-body .css_biyou_0048, #article-page .article-body .css_biyou_0068, #article-page .article-body .css_kirei_0144, #article-page .article-body .css_kirei_0202 {
  width: 25%;
}

#article-page .article-body .css_biyou_0049, #article-page .article-body .css_kirei_0203 {
  width: 84px;
}

#article-page .article-body .css_biyou_0050, #article-page .article-body .css_kirei_0204 {
  width: 230px;
  border-right: none;
}

#article-page .article-body .css_biyou_0051, #article-page .article-body .css_kirei_0205 {
  border-left: none;
}

#article-page .article-body .css_biyou_0053, #article-page .article-body .css_kirei_0207 {
  width: 45%;
}

#article-page .article-body .css_biyou_0054, #article-page .article-body .css_biyou_0117, #article-page .article-body .css_kirei_0111, #article-page .article-body .css_kirei_0208 {
  width: 91px;
}

#article-page .article-body .css_biyou_0055, #article-page .article-body .css_kirei_0209 {
  width: 74px;
}

#article-page .article-body .css_biyou_0056, #article-page .article-body .css_kirei_0210 {
  width: 16%;
}

#article-page .article-body .css_biyou_0057, #article-page .article-body .css_kirei_0103, #article-page .article-body .css_kirei_0211 {
  width: 10%;
}

#article-page .article-body .css_biyou_0058, #article-page .article-body .css_kirei_0212 {
  width: 46%;
}

#article-page .article-body .css_biyou_0059, #article-page .article-body .css_kirei_0213 {
  width: 28%;
}

#article-page .article-body .css_biyou_0062, #article-page .article-body .css_kirei_0000 {
  text-decoration: underline;
}

#article-page .article-body .css_biyou_0067, #article-page .article-body .css_kirei_0143 {
  padding-left: 1em;
  text-indent: -1em;
}

#article-page .article-body .css_biyou_0076, #article-page .article-body .css_kirei_0042 {
  border: #a1493f 2px solid;
  margin: 15px 0;
  padding: 10px;
}

#article-page .article-body .css_biyou_0077, #article-page .article-body .css_kirei_0043 {
  background-color: #ececec;
  width: 160px;
  padding: 5px 10px;
}

#article-page .article-body .css_biyou_0082, #article-page .article-body .css_kirei_0092 {
  position: absolute;
  right: 0;
}

#article-page .article-body .css_biyou_0087, #article-page .article-body .css_biyou_0297, #article-page .article-body .css_kirei_0021, #article-page .article-body .css_kirei_0256, #article-page .article-body .css_kirei_0263 {
  border: 1px solid #009dd6;
}

#article-page .article-body .css_biyou_0092, #article-page .article-body .css_biyou_0302, #article-page .article-body .css_kirei_0023, #article-page .article-body .css_kirei_0258 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
}

#article-page .article-body .css_biyou_0101, #article-page .article-body .css_biyou_0243, #article-page .article-body .css_kirei_0033 {
  background-color: #e5f1f5;
  margin: 0 10px 15px;
  padding: 10px;
}

#article-page .article-body .css_biyou_0103, #article-page .article-body .css_biyou_0245, #article-page .article-body .css_kirei_0035 {
  background-color: #e5f1f5;
  margin: 0 10px 25px;
  padding: 10px;
}

#article-page .article-body .css_biyou_0106, #article-page .article-body .css_biyou_0108 {
  float: none;
  padding-right: 10px;
  width: auto;
  margin: 40px 0 0;
}

#article-page .article-body .css_biyou_0107, #article-page .article-body .css_biyou_0109, #article-page .article-body .css_kirei_0038, #article-page .article-body .css_kirei_0039 {
  float: none;
  width: auto;
}

#article-page .article-body .css_biyou_0110, #article-page .article-body .css_kirei_0040 {
  border: #aaa 1px solid;
  padding: 0 15px;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 12px;
}

#article-page .article-body .css_biyou_0111, #article-page .article-body .css_biyou_0114, #article-page .article-body .css_kirei_0044, #article-page .article-body .css_kirei_0049 {
  display: block;
}

#article-page .article-body .css_biyou_0112, #article-page .article-body .css_biyou_0115, #article-page .article-body .css_kirei_0045, #article-page .article-body .css_kirei_0050 {
  display: block;
  float: left;
}

#article-page .article-body .css_biyou_0113, #article-page .article-body .css_biyou_0116, #article-page .article-body .css_kirei_0046, #article-page .article-body .css_kirei_0051 {
  display: block;
  float: right;
}

#article-page .article-body .css_biyou_0121, #article-page .article-body .css_biyou_0125, #article-page .article-body .css_kirei_0119, #article-page .article-body .css_kirei_0124, #article-page .article-body .css_kirei_0126 {
  width: 35px;
  margin-right: 5px;
}

#article-page .article-body .css_biyou_0141, #article-page .article-body .css_biyou_0142, #article-page .article-body .css_kirei_0245, #article-page .article-body .css_kirei_0246 {
  color: #c95789;
  font-size: 14px;
  font-weight: bold;
}

#article-page .article-body .css_biyou_0194, #article-page .article-body .css_biyou_0292, #article-page .article-body .css_kirei_0194 {
  margin: 0 10px;
}

#article-page .article-body .css_biyou_0196, #article-page .article-body .css_kirei_0238 {
  border: #e78682 1px solid;
  margin: 20px 10px 30px;
  padding: 0 20px;
}

#article-page .article-body .css_biyou_0197, #article-page .article-body .css_biyou_0200, #article-page .article-body .css_kirei_0239 {
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .css_biyou_0203, #article-page .article-body .css_kirei_0221 {
  border: #723a92 1px solid;
  padding: 10px;
}

#article-page .article-body .css_biyou_0203 > div, #article-page .article-body .css_kirei_0221 > div {
  display: block;
}

#article-page .article-body .css_biyou_0203 > div > dl, #article-page .article-body .css_kirei_0221 > div > dl {
  margin-bottom: 15px;
}

#article-page .article-body .css_biyou_0203 > div > dl, #article-page .article-body .css_kirei_0221 > div > dl:first-child {
  margin-left: 0;
}

#article-page .article-body .css_biyou_0209, #article-page .article-body .css_kirei_0227 {
  border: #723a92 1px solid;
  padding: 10px;
}

#article-page .article-body .css_biyou_0204, #article-page .article-body .css_kirei_0222 {
  padding-bottom: 65px;
  background: url no-repeat center bottom;
}

#article-page .article-body .css_biyou_0207, #article-page .article-body .css_kirei_0225 {
  background-color: #fdfaee;
  padding: 10px;
  text-align :center;
}

#article-page .article-body .css_biyou_0208, #article-page .article-body .css_kirei_0226 {
  color: #723a92;
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .css_biyou_0210, #article-page .article-body .css_kirei_0228 {
  display: flex;
  display: -webkit-flex;
}

#article-page .article-body .css_biyou_0210 > dl, #article-page .article-body .css_kirei_0228 > dl {
  flex: 1;
  -webkit-flex: 1;
  border: #723a92 1px solid;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#article-page .article-body .css_biyou_0210 > dl > dt, #article-page .article-body .css_kirei_0228 > dl > dt {
  background: #723a92;
  width: 100%;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 3px;
}

#article-page .article-body .css_biyou_0210 > dl > dd, #article-page .article-body .css_kirei_0228 > dl > dd {
  padding:10px;
}

#article-page .article-body .css_biyou_0211, #article-page .article-body .css_kirei_0229 {
  width: 210px;
}

#article-page .article-body .css_biyou_0213, #article-page .article-body .css_biyou_0215, #article-page .article-body .css_kirei_0231, #article-page .article-body .css_kirei_0233 {
  width: 210px;
  margin-left: 9px;
}

#article-page .article-body .css_biyou_0217, #article-page .article-body .css_kirei_0235 {
  border: #a788b6 1px solid;
  padding: 2px;
}

#article-page .article-body .css_biyou_0218, #article-page .article-body .css_kirei_0236 {
  background-color: #a788b6;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
}

#article-page .article-body .css_biyou_0219, #article-page .article-body .css_kirei_0237 {
  padding: 0 8px;
}

#article-page .article-body .css_biyou_0227 {
  display: flex;
  display: -webkit-flex;
}

#article-page .article-body .css_biyou_0227 div {
  flex :2;
  -webkit-flex: 2;
}

#article-page .article-body .css_biyou_0227 p {
  flex :1;
  -webkit-flex: 1;
}

#article-page .article-body .css_biyou_0235, #article-page .article-body .css_kirei_0253 {
  width: 100%;
}

#article-page .article-body .css_biyou_0236, #article-page .article-body .css_kirei_0254 {
  width: 100%;
}

#article-page .article-body .css_biyou_0240, #article-page .article-body .css_kirei_0087 {
  position: relative;
  padding-bottom: 3em;
}

#article-page .article-body .css_biyou_0311, #article-page .article-body .css_biyou_0312, #article-page .article-body .css_kirei_0284, #article-page .article-body .css_kirei_0285 {
  color: #9d7a28;
  width: 35%;
  text-align: center;
}

#article-page .article-body .css_biyou_0313, #article-page .article-body .css_kirei_0286 {
  text-indent: -1em;
}

#article-page .article-body .css_kirei_0003, #article-page .article-body .css_kirei_0004 {
  border: 1px #47967f solid;
  border-radius: 8px;
  padding: 10px;
}

#article-page .article-body .css_kirei_0011, #article-page .article-body .css_kirei_0012 {
  padding-top: 2px;
  margin-bottom: 10px;
}

#article-page .article-body .css_kirei_0058 {
  display: block;
}

#article-page .article-body .css_kirei_0058 > dl {
  border: #436aa6 1px solid;
  border-radius: 10px;
  margin-bottom: 20px;
}

#article-page .article-body .css_kirei_0059, #article-page .article-body .css_kirei_0065, #article-page .article-body .css_kirei_0072 {
  width: auto;
  padding-left: 83px;
  border-radius: 10px 10px 0 0;
}

#article-page .article-body .css_kirei_0060, #article-page .article-body .css_kirei_0066, #article-page .article-body .css_kirei_0073 {
  top: 7px;
  left: 7px;
}

#article-page .article-body .css_kirei_0061 {
  border-radius:10px 10px 0 0;
}

#article-page .article-body .css_kirei_0062 {
  display:none;
}

#article-page .article-body .css_kirei_0063, #article-page .article-body .css_kirei_0070 {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  left: 9px;
}

#article-page .article-body .css_kirei_0104, #article-page .article-body .css_kirei_0105 {
  width: 20%;
}

#article-page .article-body .css_kirei_0240, #article-page .article-body .css_kirei_0249, #article-page .article-body .css_kirei_0250, #article-page .article-body .css_kirei_0251 {
  font-size: 12px;
  color: #4b4b4b;
  font-weight: normal;
}


/*============== 旧トンマナの一部リセット ==============*/

#article-page .article-body .new_wrap h2,
#article-page .article-body .new_wrap h3,
#article-page .article-body .new_wrap h4,
#article-page .article-body .new_wrap h5,
#article-page .article-body .new_wrap h6,
#article-page .article-body .new_wrap p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  border: none;
}

#article-page .article-body .new_wrap table {
	width:100%;
}
#article-page .article-body .new_wrap th {
  padding: 3px 5px;
	background-color: #eee;
  border: #ccc 1px solid;
  font-weight: bold;
  word-break: break-word;
}

#article-page .article-body .new_wrap td {
  padding: 3px 5px;
	background-color: #fff;
  border: #ccc 1px solid;
  word-break: break-word;
}

/*============== ★新トンマナ★ 共通 ==============*/

/*=== レスポンシブ調整用 ===*/

#article-page .article-body .new_wrap .spOnly{
  display: block;
}

/*=== 見出し ===*/

#article-page .article-body .new_wrap .ttl_l{
  font-size: 18px;
  color: #6E98C5;
  background: #d3e0ed;
  padding: 6px 10px;
  margin-bottom: 15px;
}

#article-page .article-body .new_wrap .ttl_m{
  font-size: 16px;
  color: #6E98C5;
  padding: 0 10px;
  margin-bottom: 10px;
  border-left: 6px solid #6e98c5;
}

#article-page .article-body .new_wrap .ttl_s{
  font-size: 16px;
  color: #6E98C5;
  margin-bottom: 10px;
}

#article-page .article-body .new_wrap .ttl_s_gray{
  font-size: 16px;
  color: #555;
  margin-bottom: 5px;
}

#article-page .article-body .new_wrap .ttl_xs{
  font-size: 14px;
  color: #6E98C5;
  margin-bottom: 10px;
}

#article-page .article-body .new_wrap .ttl_xs_gray{
  font-size: 14px;
  font-weight: normal;
  color: #555;
  margin-bottom: 10px;
}

#article-page .article-body .new_wrap .ttl_blue_circle{
  font-size: 16px;
  color: #1a9ebf;
  font-weight: bold;
}

#article-page .article-body .new_wrap .ttl_blue_circle:before{
  content: "";
  border-radius: 50%;
  background: #1a9ebf;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
}

#article-page .article-body .new_wrap .ttl_num{
  font-size: 16px;
  color: #009dd6;
  padding: 0 0 10px 0;
}

#article-page .article-body .new_wrap .ttl_num em{
  display: inline-block;
  color: #fff;
  border-radius: 100%;
  background: #009dd6;
  width: 24px;
  height: 24px;
  text-align: center;
  margin-right: 8px;
}
/*STEP見出し*/
#article-page .article-body .new_wrap .step_num {
  position: relative;
  margin-bottom: 15px;
  padding: 5px 5px 5px 90px;
  font-size: 16px;
  font-weight: bold;
}
#article-page .article-body .new_wrap .step_num img {
  position: absolute;
  top: 4px;
  left: 4px;
}

/*=== 文章 ===*/

#article-page .article-body .new_wrap .txt{
  font-size: 16px;
  margin: 0 0 20px 0;
}

#article-page .article-body .new_wrap .more_link{
  font-size: 16px;
  margin: 0 0 20px 0;
}

#article-page .article-body .new_wrap .more_link:before{
  content:">>";
  display: inline-block;
  margin-right: 5px;
}

/*=== 枠 ===*/

/* セクション枠 */

#article-page .article-body .new_wrap .new_section {
  margin-bottom: 40px;
}

/* SPで1カラム、PCで2カラムになる枠 */

#article-page .article-body .new_wrap .col_wrap {
  width: 100%;
}

#article-page .article-body .new_wrap .col_contents {
  width: 100%;
}

/* SPで1カラム、PCで2カラムになる枠（間に矢印を入れる用） */

#article-page .article-body .new_wrap .col-arrow_wrap {
  width: 100%;
}

#article-page .article-body .new_wrap .col-arrow_contents {
  width: 100%;
}

/* 見出しがグレーのボックス */

#article-page .article-body .new_wrap .box-a {
  border: 1px solid #ccc;
}

#article-page .article-body .new_wrap .box-a_inner {
  background: #fff;
  padding: 1px;
}

#article-page .article-body .new_wrap .box-a_inner dt {
  padding: 10px 15px;
  color: #555;
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .new_wrap .box-a_inner dd {
  padding: 0 10px 15px;
  font-size: 14px;
  box-sizing: border-box;
}

/* 見出しがブルーのボックス */

#article-page .article-body .new_wrap .box-b {
  border: 1px solid #ccc;
}

#article-page .article-body .new_wrap .box-b_inner {
  background: #fff;
  padding: 1px;
}

#article-page .article-body .new_wrap .box-b_inner dt {
  padding: 10px;
  color: #555;
  font-size: 16px;
  font-weight: bold;
  background: #eee;
}

#article-page .article-body .new_wrap .box-b_inner dd {
  padding: 15px 0;
  margin: 0 15px;
  font-size: 14px;
  box-sizing: border-box;
}

/* 見出し背景がブルーのメニュー */

#article-page .article-body .new_wrap .box_menu {
  border: 1px solid #6e98c5;
}

#article-page .article-body .new_wrap .box_menu:first-child {
  margin-bottom: 20px;
}

#article-page .article-body .new_wrap .box_menu_inner {
  background: #fff;
  padding: 1px;
}

#article-page .article-body .new_wrap .box_menu_inner dt {
  background: #eee;
  padding: 10px;
  color: #6E98C5;
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .new_wrap .box_menu_inner dd {
  padding: 5px 0;
  margin: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
}

#article-page .article-body .new_wrap .box_menu_inner dd:nth-child(2) {
  padding: 15px 0 5px;
}

#article-page .article-body .new_wrap .box_menu_inner dd:last-child {
  padding: 15px 0;
  border-top: 1px solid #ddd;
  text-align: right;
  margin-top: 10px;
}

/* 見出し背景がブルーのメニュー（リンクあり） */

#article-page .article-body .new_wrap .box_menu_link {
  border: 1px solid #6e98c5;
}

#article-page .article-body .new_wrap .box_menu_link_inner {
  background: #fff;
  padding: 1px;
}

#article-page .article-body .new_wrap .box_menu_link_inner dt {
  background: #eee;
  padding: 10px;
  color: #6E98C5;
  font-size: 16px;
  font-weight: bold;
}

#article-page .article-body .new_wrap .box_menu_link_inner dd {
  border-top: 1px solid #ddd;
  padding: 15px 0;
  margin: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
}

#article-page .article-body .new_wrap .box_menu_link_inner dd:nth-child(2) {
  border-top: none;
}

/* 背景グレーの枠 */

#article-page .article-body .new_wrap .gray_area {
  padding: 10px;
  background-color: #ececec;
}

/* 使ってみましょうの枠 */

#article-page .article-body .new_wrap .col_howto {
  border: 1px solid #6e98c5;
  border-radius: 5px;
}

#article-page .article-body .new_wrap .col_howto_inner {
  padding: 10px 15px;
}

#article-page .article-body .new_wrap .col_howto_inner dt {
  color: #6e98c5;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid #6e98c5;
}

/* POINTの枠（新トンマナ用） */

#article-page .article-body .new_wrap .point_area{
	position:relative;
	margin: 0 0 20px;
	padding:15px 10px;
	border:#a1493f 2px solid;
}

#article-page .article-body .new_wrap .point_area dt{
	margin-bottom:5px;
	color:#a1493f;
	font-size:16px;
	font-weight:bold;
}

#article-page .article-body .new_wrap .point_area:before {
  content: "POINT";
  display: inline-block;
  margin: 0 .5em 0 0;
  padding: 3px 6px;
  background-color: #f29407;
  border-radius: 4px;
  line-height: 1;
  color: #fff;
  font-weight: normal;
}

#article-page .article-body .new_wrap .point_area dt img{
	position:absolute;
	top:-10px;
	left:10px;
}
/* 注意の枠（新トンマナ用） */

.article-body .new_wrap .chui_area {
	margin:20px 0 30px;
	padding:10px;
	border:#c43 dotted 1px;
}
.article-body .new_wrap .chui_area dt{
	color: #c43;
	font-weight: bold;
	font-size: 100%;
	padding: 0 0 5px 64px;
	overflow: visible;
	height: auto;
	width: auto;
	text-indent: 0;
	background: url(/hc/theming_assets/01JAEP4HWDHWBQMFSMKS7DW9RR) no-repeat top left;
	min-height: 20px;
	font-size: 16px;
	line-height: 22px;
}
.article-body .new_wrap .chui_area dt img {
	margin-right:10px;
}
.article-body .new_wrap .chui_area dt em {
	display:none;
}

/* PCで画像幅を縮める用 */

#article-page .article-body .new_wrap .width_shrink {
  width: 100%;
}

/*=== リスト、メニュー ===*/

#article-page .article-body .new_wrap .link_list {
  margin-bottom: 20px;
}

#article-page .article-body .new_wrap .link_list li {
  padding: 0 0 0 15px;
  margin-top: 20px;
  position: relative;
  font-size: 16px;
  line-height: 22px;
}

#article-page .article-body .new_wrap .link_list li:first-child {
  margin-top: 0;
}

#article-page .article-body .new_wrap .link_list li:before {
  content : "\30FB";
  position: absolute;
  top: 0;
  left: 0;
}

/*=== パーツ ===*/

#article-page .article-body .new_wrap .arrow-down {
  width: 100%;
  height: 48px;
  background: url(/hc/theming_assets/01JAEP41QEA19QGRJKRT6QXAVP) no-repeat center;
  background-size: 60px auto;
  text-indent: -9999px;
}

/* スマホで下向き、PCで横向きの矢印 */

#article-page .article-body .new_wrap .arrow-change {
  width: 100%;
  height: 48px;
  background: url(/hc/theming_assets/01JAEP41QEA19QGRJKRT6QXAVP) no-repeat center;
  background-size: 60px auto;
  text-indent: -9999px;
}

/* 番号見出し */

#article-page .article-body .new_wrap .icon_num {
	padding-left: 30px;
  margin-bottom: 10px;
  color: #009dd6;
  font-weight: bold;
  font-size: 16px;
}

#article-page .article-body .new_wrap .icon_num1 {
	background: url(/hc/theming_assets/01JAEP46SVASWB840C93KPW3PF) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num2 {
	background: url(/hc/theming_assets/01JAEP48Y7GSTZJV02BD8AQPR0) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num3 {
	background: url(/hc/theming_assets/01JAEP4NAXQFR6VN9R9FQDFC1N) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num4 {
	background: url(/hc/theming_assets/01JAEP4DYRDTKVGMZX4NATN193) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num5 {
	background: url(/hc/theming_assets/01JAEP405E0YAMRDQS39G66H30) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num6 {
	background: url(/hc/theming_assets/01JAEP4AJW0HF225XQGWRPEZQA) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num7 {
	background: url(/hc/theming_assets/01JAEP4CF5K8C2ZAVC2CM4EW58) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num8 {
	background: url(/hc/theming_assets/01JAEP4CZM0Q12JBWM166C4YJM) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num9 {
	background: url(/hc/theming_assets/01JAEP4982GXCGAQYMH2XT0JMN) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num10 {
	background: url(/hc/theming_assets/01JAEP43DV87K5PK4EK5RD7HYM) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num11 {
	background: url(/hc/theming_assets/01JAEP47TGZXSNN4XVAJ8513JP) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num12 {
	background: url(/hc/theming_assets/01JAEP47J03FMVJFR54CNTRTBG) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num13 {
	background: url(/hc/theming_assets/01JAEP4N9S65M912GE3ZXE0AF8) no-repeat 0 0;
}

/* アイコン枠 */

#article-page .article-body .new_wrap .icon_txt_blue {
    border: 1px solid #1e54b0;
    padding: 3px 8px;
    font-size: 14px;
    color: #1e54b0;
    font-weight: bold;
    margin-right: 8px;
}

#article-page .article-body .new_wrap .icon_txt_brown {
    border: 1px solid #b1594e;
    padding: 3px 8px;
    font-size: 14px;
    color: #b1594e;
    font-weight: bold;
    margin-right: 8px;
}

#article-page .article-body .new_wrap .icon_howto {
    display: inline-block;
    background: #6e98c5;
    padding: 0px 7px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
}

/* ボーダー */

#article-page .article-body .new_wrap .bdb {
	border-bottom: 1px solid #ccc;
}

/* 前後ページナビ */

#article-page .article-body .new_wrap .page_navi:after{
  content: "";
  display: block;
  clear: both;
}

#article-page .article-body .new_wrap .page_navi li{
  font-size: 16px;
}

#article-page .article-body .new_wrap .page_navi li.page_navi_prev{
  float: left;
}

#article-page .article-body .new_wrap .page_navi li.page_navi_next{
  float: right;
}

#article-page .article-body .new_wrap .page_navi li.page_navi_prev:before{
  content:"<<";
  display: inline-block;
  margin-right: 5px;
}

#article-page .article-body .new_wrap .page_navi li.page_navi_next:after{
  content:">>";
  display: inline-block;
  margin-left: 5px;
}

/* 連番アイコン説明青枠（新トンマナ用調整） */

#article-page .article-body .new_wrap .itemtop{
  margin: 30px 0;
}

/*============== ★新トンマナ★ SSプラン用==============*/

/*==SSプラン動画ページ==*/
#article-page .article-body .new_wrap .youtube-index {
  margin-bottom: 40px;
}

#article-page .article-body .new_wrap .youtube-index dl {
  margin-top: 24px;
}

#article-page .article-body .new_wrap .youtube-index dt {
  font-weight: bold;
}

#article-page .article-body .new_wrap .youtube-index dd {
  padding-top: 8px;
  padding-left: 1em;
	text-indent: -1em;
}

#article-page .article-body .new_wrap .youtube-index dd:before {
  content:"・";
  color: #3874D1;
}

#article-page .article-body .new_wrap .youtube-list {
  width: 100%;
}

#article-page .article-body .new_wrap .youtube-list li {
  width: 100%;
  margin-top: 0;
}

#article-page .article-body .new_wrap .youtube-list li:nth-child(n+2)  {
  margin-top: 30px;
}

#article-page .article-body .new_wrap .youtube-player {
  /*position: relative;
  padding-top: 56.28%;*/
  width: 100%;
  aspect-ratio: 16 / 9;
}

#article-page .article-body .new_wrap .youtube-player iframe {
  /*position: absolute;
  top: 0;
  left: 0;*/
  width: 100% !important;
  height: 100% !important;
}

#article-page .article-body .new_wrap .youtube-caption {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  padding-top: 10px;
  text-align: center;
}

/*====================================================================================
レシートプリンター
====================================================================================*/
/*== 旧トンマナの一部リセット ==*/
#article-page .article-body .printer_wrap h2,
#article-page .article-body .printer_wrap h3,
#article-page .article-body .printer_wrap h4,
#article-page .article-body .printer_wrap h5,
#article-page .article-body .printer_wrap h6,
#article-page .article-body .printer_wrap p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #555;
  border: none;
}

#article-page .article-body .printer_wrap li ol,
#article-page .article-body .printer_wrap li ul,
#article-page .article-body .printer_wrap li ul li,
#article-page .article-body .printer_wrap li ol li,
#article-page .article-body .printer_wrap ol>li,
#article-page .article-body .printer_wrap ol ol {
  margin: 0;
  list-style-type: none;
  padding: 0;
  text-indent: 0;
}

#article-page .article-body .printer_wrap li ol:before,
#article-page .article-body .printer_wrap li ul li:before,
#article-page .article-body .printer_wrap ol>li:before,
#article-page .article-body .printer_wrap li ol>li:before {
  content: none;
}

#article-page .article-body .printer_wrap ol {
  counter-reset: none;
}

/*===== レシートプリンター コンテンツ =====*/
/*== 見出し ==*/
#article-page .article-body .printer_wrap .navMenu__cap {
  background-color: #EEE;
  color: #6E98C5;
  font-size: 18px;
  font-weight: bold;
  padding: 9px 24px 11px;
  margin: 1px 1px 0 1px;
}

#article-page .article-body .printer_wrap .section__cap {
  font-size: 18px;
  font-weight: bold;
  color: #6E98C5;
  background-color: #D3E0ED;
  padding: 6px 10px;
  margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .section__middleCap {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 40px;
  padding-bottom: 9px;
  border-bottom: 2px solid #6E98C5;
  margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .section__smallCap {
  font-weight: bold;
  color: #6E98C5;
  padding-left: 10px;
  border-left: 6px solid #6E98C5;
  margin-bottom: 20px;
  margin-top: 30px;
}

#article-page .article-body .printer_wrap .detail__cap {
  font-weight: bold;
  color: #6E98C5;
  margin-bottom: 13px;
}

/*== ブロックのスタイル設定 ==*/
#article-page .article-body .printer_wrap .navMenu {
  border: 1px solid #6E98C5;
  padding-bottom: 14px;
  margin-top: 40px;
  margin-bottom: 60px;
}

#article-page .article-body .printer_wrap .section__nav {
  padding: 20px 16px 12px;
  border: 1px solid #6E98C5;
  border-radius: 5px;
}

/* エラー対応 */
#article-page .article-body .printer_wrap .errorBlock {
  border: 1px solid #ccc;
  padding: 1px;
  margin-top: 40px;
}

#article-page .article-body .printer_wrap .errorBlock__cap {
  background-color: #EEE;
  padding: 10px 15px 11px;
  font-weight: bold;
  margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .errorBlock__txt {
  margin-bottom: 15px;
  padding: 0 15px;
}

#article-page .article-body .printer_wrap .errorBlock__unit {
  display: flex;
  padding: 15px 15px;
  border-bottom: 1px solid #ccc;
}

#article-page .article-body .printer_wrap .errorBlock__unit__img {
  flex: 1 0 0;
}

#article-page .article-body .printer_wrap .errorBlock__unit:last-child {
  border-bottom: none;
  padding: 15px 15px 16px;
}

#article-page .article-body .printer_wrap .errorBlock__unit__txt {
  flex: 1 0 0;
  padding-right: 10px;
}

#article-page .article-body .printer_wrap .errorBlock__unit__txt>p {
  font-weight: bold;
}

/* boxGroup */
#article-page .article-body .printer_wrap .boxGroup {
  padding: 15px 15px 20px 15px;
  border: 1px solid #CCC;
  margin-bottom: 15px;
}

#article-page .article-body .printer_wrap .boxGroup__cap {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .boxGroup__txt {
  font-size: 14px;
}

#article-page .article-body .printer_wrap .boxGroup .contact__cap {
  font-size: 14px;
  width: 84px;
}

#article-page .article-body .printer_wrap .boxGroup .contact__txt {
  flex: 1 0 0;
}

#article-page .article-body .printer_wrap .boxGroup .contact__txt>em {
  display: block;
  font-size: 14px;
}

#article-page .article-body .printer_wrap .boxGroup .contact__unit {
  display: flex;
  margin-bottom: 10px;
}

/* 対応環境一覧table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

#article-page .article-body .printer_wrap .common_width_35per {
  width: 35%;
}

#article-page .article-body .printer_wrap .article-body th {
  padding: 3px 5px;
  background-color: #f1efeb;
  border: #ccc 1px solid;
  text-align: left;
  font-weight: bold;
  word-break: break-word;
}

#article-page .article-body .printer_wrap .tcPink table th {
  background-color: #b74c66;
  color: #fff;
}

#article-page .article-body .printer_wrap .tcPink table th.first {
  background-color: #BDD7EE;
  color: #4b4b4b;
}

#article-page .article-body .printer_wrap .article-body td {
  padding: 3px 5px;
  border: #ccc 1px solid;
  word-break: break-word;
}

#article-page .article-body .printer_wrap .tcPink table td.on {
  background-color: #fef5f7;
  text-align: center;
  color: #b74c66;
}

#article-page .article-body .printer_wrap .tcPink table td.off {
  background-color: #e9e7e8;
  text-align: center;
}

#article-page .article-body .printer_wrap .tCenter {
  text-align: center !important;
}

#article-page .article-body .printer_wrap .tcPink {
  margin-bottom: 25px;
}

/*== コンテンツのスペース ==*/
#article-page .article-body .printer_wrap .section {
  margin-bottom: 60px;
}

#article-page .article-body .printer_wrap .section__container {
  margin-bottom: 50px;
}

#article-page .article-body .printer_wrap .section:last-child {
  margin-bottom: 0;
}

#article-page .article-body .printer_wrap .faq__list .boxGroup:last-of-type {
  margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .section__detail:first-of-type {
  margin-bottom: 35px;
}

#article-page .article-body .printer_wrap .stepNum__list {
  margin-top: 30px;
}

#article-page .article-body .printer_wrap .stepNum__item {
  margin-bottom: 40px;
}

/* よくある質問　開閉 */
#article-page .article-body .printer_wrap .faq__list .faq__item {
  margin-bottom: 40px;
}

#article-page .article-body .printer_wrap .faq__list .faq__icon {
  display: none;
}

#article-page .article-body .printer_wrap .faq__list .faq__label {
  font-weight: bold;
  display: block;
  padding: 0 44px 0 30px;
  cursor: pointer;
  background: url(/hc/theming_assets/01JAEP42YDFZEFPXN5ZTM02RTG) left top no-repeat,
    url(/hc/theming_assets/01JAEP4MNE3CD3ZSP6S1RXHFMT) right top no-repeat;
  background-size: 18px 24px, 14px 14px;
}

#article-page .article-body .printer_wrap .faq__list .open{
  background: url(/hc/theming_assets/01JAEP42YDFZEFPXN5ZTM02RTG) left top no-repeat,
    url(/hc/theming_assets/01JAEP4GWYFJKWSS5ZD6WZM8J9) right top no-repeat;
   background-size: 18px 24px, 14px 14px;
}
#article-page .article-body .printer_wrap .faq__list .close{
  background: url(/hc/theming_assets/01JAEP42YDFZEFPXN5ZTM02RTG) left top no-repeat,
    url(/hc/theming_assets/01JAEP4MNE3CD3ZSP6S1RXHFMT) right top no-repeat;
   background-size: 18px 24px, 14px 14px;
}

#article-page .article-body .printer_wrap .faq__list .faq__toggle {
  height: 0;
  opacity: 0;
  padding: 0 30px;
}

#article-page .article-body .printer_wrap .faq__list .faq__toggle {
  height: auto;
  opacity: 1;
  margin-top: 20px;
  background: url(/hc/theming_assets/01JAEP4BQM4HBR8GYEAJ1QPX7T) left top no-repeat;
  background-size: 18px 24px;
}

#article-page .article-body .printer_wrap .faq__list .faq__detail {
  padding-top: 30px;
}

#article-page .article-body .printer_wrap .faq__list .stepNum__flow {
  margin-top: 25px;
  padding-left: 0;
}

#article-page .article-body .printer_wrap .faq__list .faq__toggle .pageLink {
  padding-top: 15px;
}

/*== テキストスタイル ==*/
/* 目次 */
#article-page .article-body .printer_wrap .navMenu__toc {
  margin: 0 10px;
  padding-top: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #DDD;
  text-indent: -1em;
  padding-left: 1em;
}

#article-page .article-body .printer_wrap .navMenu__toc:last-child {
  border-bottom: none;
}

/* 注意書き */
#article-page .article-body .printer_wrap .noteTxt,
#article-page .article-body .printer_wrap .exTxt {
  font-size: 14px;
}

/* セクション内目次 */
#article-page .article-body .printer_wrap .section__nav .nav__info {
  color: #6E98C5;
  font-weight: bold;
  margin-bottom: 18px;
}

#article-page .article-body .printer_wrap .section__nav .pageLink {
  margin-bottom: 16px;
}

/* リンク */
#article-page .article-body .printer_wrap .navMenu__toc::before,
#article-page .article-body .printer_wrap .pageLink::before {
  content: "・";
  color: #333;
}

#article-page .article-body .printer_wrap .pageLink::before {
  padding-right: 2px;
}

#article-page .article-body .printer_wrap .extPage::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  margin-bottom: 2px;
  vertical-align: middle;
  background: url(/hc/theming_assets/01JAEP468HMGS8RXEE28CF08H0) right top no-repeat;
  background-size: 15px 15px;
}

/* 通常テキスト */
#article-page .article-body .printer_wrap .section__txt,
#article-page .article-body .printer_wrap .stepNum__item__txt,
#article-page .article-body .printer_wrap .pageLink,
#article-page .article-body .printer_wrap .flowNum__unit__txt {
  margin-bottom: 20px;
}

/*== リストのアイコン設定 ==*/
/* step */
#article-page .article-body .printer_wrap .stepNum__list {
  counter-reset: item 0;
}

#article-page .article-body .printer_wrap .stepNum__item__cap {
  min-height: 26px;
  color: #009DD6;
  font-weight: bold;
  padding-bottom: 20px;
  display: flex;
  align-items: flex-start;
}

#article-page .article-body .printer_wrap .stepNum__item__cap::before {
  counter-increment: item;
  content: counter(item);
  display: inline-block;
  text-align: center;
  font-size: 16px;
  min-width: 26px;
  line-height: 26px;
  border-radius: 50% 50%;
  background-color: #009DD6;
  font-weight: bold;
  color: #fff;
  margin-right: 10px;
}

/* 連番数字 */
#article-page .article-body .printer_wrap .stepNum__flow {
  padding-left: 20px;
  counter-reset: item 0;
}

#article-page .article-body .printer_wrap .flowNum__unit {
  margin-bottom: 32px;
}

#article-page .article-body .printer_wrap .flowNum__unit:last-of-type {
  margin-bottom: 10px;
}

#article-page .article-body .printer_wrap .flowNum__unit__cap {
  font-weight: bold;
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-bottom: 20px;
}

#article-page .article-body .printer_wrap .flowNum__unit__cap::before {
  counter-increment: item;
  content: counter(item)'.';
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}

/*== 画像サイズ ==*/
#article-page .article-body .printer_wrap .section__img,
#article-page .article-body .printer_wrap .stepNum__item__img,
#article-page .article-body .printer_wrap .flowNum__unit__img,
#article-page .article-body .printer_wrap .faq__detail .detail__img {
  text-align: center;
  margin-bottom: 25px;
}

/*============== ★新トンマナ★ (掲載管理) ==============*/

#article-page .article-body .new_wrap.keisai-cmn .icon_num {
	color: #C95789;
}

#article-page .article-body .new_wrap.keisai-cmn .icon_num1 {
	background: url(/hc/theming_assets/01JAEP4614VFNDS1GXR1G47GE5) no-repeat 0 0;
}

#article-page .article-body .new_wrap.keisai-cmn .icon_num2 {
	background: url(/hc/theming_assets/01JAEP4F6PX1VNGVRTAJCF90GP) no-repeat 0 0;
}

#article-page .article-body .new_wrap.keisai-cmn .icon_num3 {
	background: url(/hc/theming_assets/01JAEP4D1Y5ZAX6DRXED8W5SVJ) no-repeat 0 0;
}

#article-page .article-body .new_wrap.keisai-cmn .icon_num4 {
	background: url(/hc/theming_assets/01JAEP4AXE695B33EV2970V0J8) no-repeat 0 0;
}

#article-page .article-body .new_wrap.keisai-cmn .ttl_l {
    color: #C95789;
    background: #FAEDED;
}

#article-page .article-body .new_wrap.keisai-cmn .ttl_m {
    color: #C95789;
    border-left: 6px solid #C95789;
}

#article-page .article-body .new_wrap.keisai-cmn .ttl_underline {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #C95789;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

/*=========================================
PC幅 (min-width: 1025px)
=========================================*/
@media screen and (min-width: 1025px) {

  /*===== レシートプリンター コンテンツ =====*/
  #article-page .article-body .printer_wrap .section__img,
  #article-page .article-body .printer_wrap .stepNum__item__img,
  #article-page .article-body .printer_wrap .flowNum__unit__img,
  #article-page .article-body .printer_wrap .faq__detail .detail__img {
    text-align: left;
  }
}

/*============== ★新トンマナ★ カテゴリTOP　はじめての方へ（categories/360001334594） ==============*/

#category-list-page.category-start {
  margin-bottom: 40px;
}

#category-list-page.category-start .start-section {
  margin-top: 40px;
}

#category-list-page.category-start h2.start-section-title {
  font-size: 1.7rem;
  line-height: 1.2;
  padding: 0 0 8px 0;
  border-bottom: #6E98C5 solid 2px;
  color: #6E98C5;
}

#category-list-page.category-start h2.start-section-title a{
  color: #6E98C5;
}

#category-list-page.category-start .start-article-list {
  border-top: none;
}

#category-list-page.category-start .start-article-list li {
  font-size: 16px;
  line-height: 24px;
  border-bottom: #dddddd solid 1px;
}

#category-list-page.category-start .start-article-list li a {
  position: relative;
  display: block;
  padding: 16px 32px 16px 0;
}

#category-list-page.category-start .start-article-list li a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: #b5b5b5 solid 2px;
  border-right: #b5b5b5 solid 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#category-list-page.category-start .start-article-list .see-all-articles {
  margin-top: 24px;
  color: #649bc5;
  font-weight: bold;
  font-size: 14px;
}

#category-list-page.category-start .start-lead {
  font-size: 16px;
  line-height: 24px;
  padding: 0 12px;
  margin: 10px 0 40px;
}

#category-list-page.category-start .start-section-lead {
  margin: 15px 0 0;
  padding-bottom: 25px;
  border-bottom: #dddddd solid 1px;
}

#category-list-page.category-start .movie-contents {
    padding: 0 12px;
}

#category-list-page.category-start .movie-contents .start-section-lead {
  margin: 15px 0 0;
  padding-bottom: 0;
  border-bottom: none;
}

#category-list-page.category-start .movie-list {
  width: 100%;
  padding-top: 24px;
}

#category-list-page.category-start .movie-list li {
  width: 100%;
  margin-top: 20px;
}

#category-list-page.category-start .movie-list li:first-child {
  margin-top: 0;
}

#category-list-page.category-start .movie-player {
  position: relative;
  padding-top: 56.28%;
}

#category-list-page.category-start .movie-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*============== ★新トンマナ★ カテゴリTOP　ベストプラクティス（categories/360001373614） ==============*/

#category-list-page.category-practice {
  margin-bottom: 40px;
}

#category-list-page.category-practice .practice-article-section {
  margin-top: 40px;
}

#category-list-page.category-practice h2.practice-section-title {
  font-size: 1.7rem;
  line-height: 1.2;
  padding: 0 0 8px 0;
  border-bottom: #6E98C5 solid 2px;
  color: #6E98C5;
}

#category-list-page.category-practice h2.practice-section-title a{
  color: #6E98C5;
}

#category-list-page.category-practice .practice-lead {
  font-size: 16px;
  line-height: 24px;
  padding: 0 12px;
   margin: 10px 0 0;
}

#category-list-page.category-practice .practice-section-lead {
  margin: 15px 0 0;
  padding-bottom: 20px;
}

#category-list-page.category-practice .practice-article-list li {
  width: 100%;
  margin: 0 0 15px 0;
  border: transparent solid 0px;
  vertical-align: top;
}

#category-list-page.category-practice .practice-article-list li a {
  position: relative;
  display: block;
  padding: 16px;
  background-color: #fff;
  border: #ccc solid 1px;
  border-bottom-width: 2px;
  border-radius: 8px;
}

#category-list-page.category-practice .practice-article-list li a:active {
  top: 1px;
  border-bottom-width: 1px;
}

#category-list-page.category-practice .practice-article-ttl {
  font-size: 16px;
  color: #3874d1;
  margin-bottom: 10px;
}

#category-list-page.category-practice .practice-article-column {
  display: flex;
  justify-content: space-between;
}

#category-list-page.category-practice .practice-article-caption {
  width: 48%;
  font-size: 14px;
  line-height: 21px;
  color: #888;
}

#category-list-page.category-practice .practice-article-img {
  width: 48%;
}

#category-list-page.category-practice .practice-article-img img {
  width: 100%;
  height: auto;
}

#category-list-page.category-practice .practice-example-section {
  margin-top: 40px;
}

#category-list-page.category-practice .practice-example-list li a {
  position: relative;
  padding: 16px 20px 16px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: #ccc solid 1px;
}

#category-list-page.category-practice .practice-example-list li a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: #b5b5b5 solid 2px;
  border-right: #b5b5b5 solid 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#category-list-page.category-practice .practice-example-img {
  width: 23%;
}

#category-list-page.category-practice .practice-example-img img {
  width: 100%;
  height: auto;
}

#category-list-page.category-practice .practice-example-text {
  width: 73%;
}

#category-list-page.category-practice .practice-example-caption {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 5px;
}

#category-list-page.category-practice .practice-example-name {
  font-size: 14px;
  line-height: 21px;
  color: #888;
}

/*============== ★新トンマナ★ STEP1：初期設定する（360015879333） ==============*/

#article-page .article-body .new_wrap .start_step1_help dt {
  font-weight: bold;
  font-size: 16px;
}

#article-page .article-body .new_wrap .start_step1_help dd {
  font-weight: bold;
  font-size: 18px;
}

#article-page .article-body .new_wrap .start_step1_help dd div {
  display: inline;
  font-size: 13px;
  font-weight: bold;
}

/*============== ★新トンマナ★ STEP1：初期設定する（2. レジ設定）（360015910254） ==============*/

#article-page .article-body .new_wrap .start_step1_2_img {
  margin-bottom: 30px;
  text-align: center;
}

/*============== ★新トンマナ★ STEP4：会計する（360015963654） ==============*/

#article-page .article-body .new_wrap .start_step4_tbl {
  font-size: 16px;
  margin-bottom: 15px;
}

#article-page .article-body .new_wrap .start_step4_tbl th {
  vertical-align: middle;
  width: 30%;
  padding: 10px;
	font-weight: normal;
}

#article-page .article-body .new_wrap .start_step4_tbl td {
  vertical-align: middle;
  padding: 10px;
}

#article-page .article-body .new_wrap .start_step4_tbl td.start_step4_tbl_td {
  width: 14%;
  text-align: center;
}

#article-page .article-body .new_wrap .start_step4_tbl td.start_step4_tbl_td.start_step4_tbl_td_circle {
  background: #fce4d6;
}

#article-page .article-body .new_wrap .start_step4_tbl td.start_step4_tbl_td img {
  width: 70%;
  max-width: 30px;
  vertical-align: middle;
}

#article-page .article-body .new_wrap .start_step4_img {
  margin-bottom: 3px;
  text-align: center;
}

#article-page .article-body .new_wrap .start_step4_img_caption {
  font-size: 14px;
  text-align: center;
}

/*============== ★新トンマナ★ STEP5：集客・売上状況を分析する（360015963674） ==============*/

#article-page .article-body .new_wrap .start_step5_list_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#article-page .article-body .new_wrap .start_step5_list {
  width: 47%;
}

#article-page .article-body .new_wrap .start_step5_list dt {
  color: #6e98c5;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px dotted #6e98c5;
}

#article-page .article-body .new_wrap .start_step5_list dd {
  font-size: 14px;
  margin-top: 10px;
}

#article-page .article-body .new_wrap .start_step5_movie {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  /*padding-top: 30px;*/
  height: 0;
  overflow: hidden;
}

#article-page .article-body .new_wrap .start_step5_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*============== ★新トンマナ★ 店舗分析の活用方法（360016344474） ==============*/

#article-page .article-body .new_wrap .practice_salon_col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#article-page .article-body .new_wrap .practice_salon_col_contents{
  width: 35%;
}

#article-page .article-body .new_wrap .practice_salon_col_contents:first-child{
  width: 64%;
}
/*============== ★新トンマナ★ (設定、レジ・売上管理) グリーン ==============*/

#article-page .article-body .new_wrap.setting .icon_num,
#article-page .article-body .new_wrap.regi .icon_num {
  color: #47967F;
}
#article-page .article-body .new_wrap.setting .icon_num1,
#article-page .article-body .new_wrap.regi .icon_num1 {
  background: url(/hc/theming_assets/01JAEP4MEM8PEMBPMEM6CFFNHC) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num2,
#article-page .article-body .new_wrap.regi .icon_num2 {
  background: url(/hc/theming_assets/01JAEP4DB24YX6V9A7A2NERACX) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num3,
#article-page .article-body .new_wrap.regi .icon_num3 {
  background: url(/hc/theming_assets/01JAEP43VM63Q0V8DFW7YKDWN1) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num4,
#article-page .article-body .new_wrap.regi .icon_num4 {
  background: url(/hc/theming_assets/01JAEP444P3T8KVNTR8HX2VPWD) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num5,
#article-page .article-body .new_wrap.regi .icon_num5 {
  background: url(/hc/theming_assets/01JAEP4G464DJXDQ8XXSF7RQ7M) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num6,
#article-page .article-body .new_wrap.regi .icon_num6 {
  background: url(/hc/theming_assets/01JAEP48TY3KEYEWHJ6321JDCD) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num7,
#article-page .article-body .new_wrap.regi .icon_num7 {
  background: url(/hc/theming_assets/01JAEP49P01K0WHTT8H931XVBJ) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num8,
#article-page .article-body .new_wrap.regi .icon_num8 {
  background: url(/hc/theming_assets/01JAEP4AB9MQCSYFXAZJ2G7JTP) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num9,
#article-page .article-body .new_wrap.regi .icon_num9 {
  background: url(/hc/theming_assets/01JAEP45H4TD4CZJJ3Z5A4P8W8) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .icon_num10,
#article-page .article-body .new_wrap.regi .icon_num10 {
  background: url(/hc/theming_assets/01JAEP4MAEWVR940606S5PSERT) no-repeat 0 0;
}
#article-page .article-body .new_wrap.setting .ttl_l,
#article-page .article-body .new_wrap.regi .ttl_l {
  color: #47967F;
  background: #E4F0E9;
}
#article-page .article-body .new_wrap.setting .ttl_m,
#article-page .article-body .new_wrap.regi .ttl_m {
  color: #47967F;
  border-left: 6px solid #47967F;
  background-color: transparent;
}
#article-page .article-body .new_wrap.setting .ttl_underline,
#article-page .article-body .new_wrap.regi .ttl_underline {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #555;
  border-bottom: 1px solid #47967F;
  padding-bottom: 6px;
  margin-bottom: 10px;
}
#article-page .article-body .new_wrap.setting .step_num,
#article-page .article-body .new_wrap.regi .step_num {
  background-color: #E4E0E9;
  color: #47967F;
}
#article-page .article-body .new_wrap.setting .step_num.step_num1,#article-page .article-body .new_wrap.regi .step_num.step_num1 {background: url(/hc/theming_assets/01JAEP3WC9DFM5MM7GQPY8H28E) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num2,#article-page .article-body .new_wrap.regi .step_num.step_num2 {background: url(/hc/theming_assets/01JAEP44VDTFSY82F390W6SR98) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num3,#article-page .article-body .new_wrap.regi .step_num.step_num3 {background: url(/hc/theming_assets/01JAEP48RE2SSXKCDYSE86DQ9H) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num4,#article-page .article-body .new_wrap.regi .step_num.step_num4 {background: url(/hc/theming_assets/01JAEP45TTECADVGBA0PXQKJTY) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num5,#article-page .article-body .new_wrap.regi .step_num.step_num5 {background: url(/hc/theming_assets/01JAEP47CWZ9CMA36179AT4E75) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num6,#article-page .article-body .new_wrap.regi .step_num.step_num6 {background: url(/hc/theming_assets/01JAEP4QZYRBCCGHBWH831JR9Y) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num7,#article-page .article-body .new_wrap.regi .step_num.step_num7 {background: url(/hc/theming_assets/01JAEP42JM53NNMHKKDXJG7ZWW) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num8,#article-page .article-body .new_wrap.regi .step_num.step_num8 {background: url(/hc/theming_assets/01JAEP4BAX52YRH5WT1ZRQXWCN) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num9,#article-page .article-body .new_wrap.regi .step_num.step_num9 {background: url(/hc/theming_assets/01JAEP3W8EWRXR5CTS818ZEZE3) #E4F0E9 no-repeat 5px center;}
#article-page .article-body .new_wrap.setting .step_num.step_num10,#article-page .article-body .new_wrap.regi .step_num.step_num10 {background: url(/hc/theming_assets/01JAEP40F3GGH2JJ8T5VQ9ABCJ) #E4F0E9 no-repeat 5px center;}


/*============== ★新トンマナ★ (予約管理) パープル ==============*/

#article-page .article-body .new_wrap.yoyaku .icon_num {
  color: #744C94;
}
#article-page .article-body .new_wrap.yoyaku .icon_num1 {
  background: url(/hc/theming_assets/01JAEP4FT80QGBAXMQKRRYCVV0) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num2 {
  background: url(/hc/theming_assets/01JAEP44VEAN0VCCDAAGYXC2BD) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num3 {
  background: url(/hc/theming_assets/01JAEP4H56CS581CGBYMDGWFJH) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num4 {
  background: url(/hc/theming_assets/01JAEP4B3DZC1S4E4J86C0PBJM) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num5 {
  background: url(/hc/theming_assets/01JAEP4EYDBPEHX3TNJ7BPJCKJ) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num6 {
  background: url(/hc/theming_assets/01JAEP4G2TSC8YZYNYKP7W1T24) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num7 {
  background: url(/hc/theming_assets/01JAEP44BS8AZR0GX4VQ3HWHH8) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num8 {
  background: url(/hc/theming_assets/01JAEP41TJG613F3ND81NDYK10) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num9 {
  background: url(/hc/theming_assets/01JAEP49EE1KCRE13XMFC63XVV) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .icon_num10 {
  background: url(/hc/theming_assets/01JAEP4D0425B3BZ471ZFPAM8D) no-repeat 0 0;
}
#article-page .article-body .new_wrap.yoyaku .ttl_l {
  color: #744C94;
  background: #EDE9F2;
}
#article-page .article-body .new_wrap.yoyaku .ttl_m {
  color: #744C94;
  border-left: 6px solid #744C94;
  background-color: transparent;
}
#article-page .article-body .new_wrap.yoyaku .ttl_underline {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #555;
  border-bottom: 1px solid #744C94;
  padding-bottom: 6px;
  margin-bottom: 10px;
}
#article-page .article-body .new_wrap.yoyaku .step_num {
  background-color: #EDE9F2;
  color: #744C94;
}
#article-page .article-body .new_wrap.yoyaku .step_num.step_num1 {background: url(/hc/theming_assets/01JAEP4DQTBXD5HNCC05BQ4MSF) #EDE9F2 no-repeat 5px center;}
#article-page .article-body .new_wrap.yoyaku .step_num.step_num2 {background: url(/hc/theming_assets/01JAEP488TN746FSCGS7JNH4X0) #EDE9F2 no-repeat 5px center;}
#article-page .article-body .new_wrap.yoyaku .step_num.step_num3 {background: url(/hc/theming_assets/01JAEP4PGAKFZTHCN32VYKP5VK) #EDE9F2 no-repeat 5px center;}
#article-page .article-body .new_wrap.yoyaku .step_num.step_num4 {background: url(/hc/theming_assets/01JAEP4CM4MGGASAG3YX42EBF9) #EDE9F2 no-repeat 5px center;}
#article-page .article-body .new_wrap.yoyaku .step_num.step_num5 {background: url(/hc/theming_assets/01JAEP4DJS9REN4J2R5VP2D6WC) #EDE9F2 no-repeat 5px center;}
#article-page .article-body .new_wrap.yoyaku .step_num.step_num6 {background: url(/hc/theming_assets/01JAEP49QNGVDNP8D1EF1S4J5M) #EDE9F2 no-repeat 5px center;}
#article-page .article-body .new_wrap.yoyaku .step_num.step_num7 {background: url(/hc/theming_assets/01JAEP4NKXDKEEN01RW4SA3355) #EDE9F2 no-repeat 5px center;}

/*============== ★新トンマナ★ (振込・請求管理) ブラウン ==============*/

#article-page .article-body .new_wrap.seikyu .icon_num {
  color: #775C40;
}
#article-page .article-body .new_wrap.seikyu .icon_num1 {
  background: url(/hc/theming_assets/01JAEP4NH8WVQKEB3QWPNYNMBB) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num2 {
  background: url(/hc/theming_assets/01JAEP4ENBZ83VCW5AK8CYXED3) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num3 {
  background: url(/hc/theming_assets/01JAEP408J07X3CNE69FFJNQ6B) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num4 {
  background: url(/hc/theming_assets/01JAEP4BZJHH9KCQFBS5M9B207) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num5 {
  background: url(/hc/theming_assets/01JAEP3XFD627A099CQ6E50K2D) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num6 {
  background: url(/hc/theming_assets/01JAEP47TFQVAZ06VDW6YZ1F27) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num7 {
  background: url(/hc/theming_assets/01JAEP4AGP75RVR1854X52TXDT) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num8 {
  background: url(/hc/theming_assets/01JAEP4EP9P9Z4MP9ZD8EKH8W9) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num9 {
  background: url(/hc/theming_assets/01JAEP4H7YGP10CQQZMTYP9MQF) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .icon_num10 {
  background: url(/hc/theming_assets/01JAEP4CS0ST5B4XT08Q4BXBDE) no-repeat 0 0;
}
#article-page .article-body .new_wrap.seikyu .ttl_l {
  color: #775C40;
  background: #EBE4DB;
}
#article-page .article-body .new_wrap.seikyu .ttl_m {
  color: #775C40;
  border-left: 6px solid #775C40;
  background-color: transparent;
}
#article-page .article-body .new_wrap.seikyu .ttl_underline {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #555;
  border-bottom: 1px solid #775C40;
  padding-bottom: 6px;
  margin-bottom: 10px;
}
#article-page .article-body .new_wrap.seikyu .step_num {
  background-color: #EBE4DB;
  color: #775C40;
}
#article-page .article-body .new_wrap.seikyu .step_num.step_num1 {background: url(/hc/theming_assets/01JAEP42B2C55H513TCWZ4X6VP) #EBE4DB no-repeat 5px center;}
#article-page .article-body .new_wrap.seikyu .step_num.step_num2 {background: url(/hc/theming_assets/01JAEP4676829F3Q6WP1S34X0D) #EBE4DB no-repeat 5px center;}
#article-page .article-body .new_wrap.seikyu .step_num.step_num3 {background: url(/hc/theming_assets/01JAEP49XB1K0NSBJ4XRY86GHW) #EBE4DB no-repeat 5px center;}
#article-page .article-body .new_wrap.seikyu .step_num.step_num4 {background: url(/hc/theming_assets/01JAEP43W47ARSKDXHTFPK3P0A) #EBE4DB no-repeat 5px center;}
#article-page .article-body .new_wrap.seikyu .step_num.step_num5 {background: url(/hc/theming_assets/01JAEP408JK39D234DA72T0F2J) #EBE4DB no-repeat 5px center;}


/*===========================================================================================================================
PC幅 (min-width: 1025px)
===========================================================================================================================*/

  @media screen and (min-width: 1025px) {
    /*============== ★新トンマナ★ カテゴリTOP　はじめての方へ（categories/360001334594） ==============*/

    #category-list-page.category-start .start-section {
      float: none;
      height: auto;
      display: inline-block;
      vertical-align: top;
      width: 450px;
      margin-left: 40px;
    }
    #category-list-page.category-start .start-section:nth-child(odd) {
      margin-left: 0;
    }

    #category-list-page.category-start .start-article-list {
      width: 440px;
    }
    #category-list-page.category-start .start-article-list li {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-top: 12px;
      padding-left: 1em;
      border-bottom: none;
      text-indent: -1em;
    }
    #category-list-page.category-start .start-article-list li:first-child {
      margin-top: 20px;
    }

    #category-list-page.category-start .start-article-list li a {
      display: inline;
      padding: 0;
    }

    #category-list-page.category-start .start-article-list li a:after {
      display: none;
    }

    #category-list-page.category-start .start-article-list li a:before {
      content: "・";
      display: inline;
    }
    #category-list-page.category-start .start-lead {
      width: 964px;
    }
    #category-list-page.category-start .start-section-lead {
      padding-bottom: 0;
      border-bottom: none;
      min-height: 2em;
    }
    #category-list-page.category-start .movie-contents {
      max-width: 964px;
    }
    #category-list-page.category-start .movie-list {
      width: 100%;
      display:flex;
      flex-wrap:wrap;
      padding-top: 24px;
    }
    #category-list-page.category-start .movie-list li {
      width: 450px;
      margin-left: 40px;
    }
    #category-list-page.category-start .movie-list li:nth-of-type(odd){
      margin-left: 0;
    }
    #category-list-page.category-start .movie-list li:nth-child(2) {
      margin-top: 0;
    }

    /*============== ★新トンマナ★ カテゴリTOP　ベストプラクティス（categories/360001373614） ==============*/

    #category-list-page.category-practice .practice-article-section {
      width: 940px;
    }

		#category-list-page.category-practice .practice-lead {
      width: 964px;
    }

    #category-list-page.category-practice .practice-article-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    #category-list-page.category-practice .practice-article-list li {
      width: 460px;
      margin: 0 0 20px 0;
    }

    #category-list-page.category-practice .practice-article-ttl {
      position: absolute;
      top: 16px;
      left: 16px;
    }

    #category-list-page.category-practice .practice-article-column {
      display: flex;
      justify-content: space-between;
    }

    #category-list-page.category-practice .practice-article-caption {
      width: 258px;
			margin-top: 30px;
    }

    #category-list-page.category-practice .practice-article-img {
      width: 150px;
    }

    #category-list-page.category-practice .practice-example-section {
      width: 940px;
      margin-top: 20px;
    }

    #category-list-page.category-practice .practice-example-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    #category-list-page.category-practice .practice-example-list li {
     	width: 295px;
      padding-top: 24px;
    }

    #category-list-page.category-practice .practice-example-list li:nth-child(-n+3) {
      padding-top: 20px;
    }

    #category-list-page.category-practice .practice-example-list li a {
      padding: 0;
      border-bottom: none;
    }

    #category-list-page.category-practice .practice-example-list li a:after {
      content: none;
    }

    #category-list-page.category-practice .practice-example-img {
      width: 80px;
    }

    #category-list-page.category-practice .practice-example-text {
      width: 203px;
    }

    #category-list-page.category-practice .practice-example-caption {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 5px;
    }

    #category-list-page.category-practice .practice-example-name {
      font-size: 14px;
      line-height: 21px;
      color: #888;
    }

  }

/*===========================================================================================================================
　　PC＆タブレット幅 (min-width: 768px)
===========================================================================================================================*/

  @media screen and (min-width: 768px) {

    /*================== 既存ページ用の新パーツ ここから ==================*/

		/*-- 見出し --*/

    #article-page .article-body .num_link {
      line-height: 26px;
    }

    #article-page .article-body .num_link img {
      height: 26px;
    }

    #article-page .article-body .num_ttl {
      line-height: 26px;
    }

    #article-page .article-body .num_ttl img {
      height: 26px;
    }

    #article-page .article-body .line_ttl {
      line-height: 26px;
    }

    #article-page .article-body .num_line_ttl {
      line-height: 26px;
    }

    #article-page .article-body .num_line_ttl img {
      height: 26px;
    }

    /*================== /既存ページ用の新パーツ ここまで ==================*/

    /*-- ポイント・金額修正の入力方法詳細（ID：360019132474） --*/
    #article-page .article-body .seikyu .comingapply_point_correct_num_wrap {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      -webkit-fjustify-content: space-between;
      max-width: 664px;
    }

    /*-- ステータス修正の入力方法詳細（ID：360019294773） --*/
    #article-page .article-body .seikyu .comingapply_status_img img {
      width: 300px;
    }

		/*============== ★新トンマナ★ 共通 ==============*/

    /*=== レスポンシブ調整用 ===*/

    #article-page .article-body .new_wrap .spOnly{
      display: none;
    }

    /*=== 枠 ===*/

    /* SPで1カラム、PCで2カラムになる枠 */

    #article-page .article-body .new_wrap .col_wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

    #article-page .article-body .new_wrap .col_contents {
      width: 48.5%;
    }

    /* SPで1カラム、PCで2カラムになる枠（間に矢印を入れる用） */

    #article-page .article-body .new_wrap .col-arrow_wrap {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

    #article-page .article-body .new_wrap .col-arrow_contents {
      width: 45.5%;
    }

    /* PCで画像幅を縮める用 */

    #article-page .article-body .new_wrap .width_shrink {
      width: 490px;
    }

    /*=== リスト、メニュー ===*/

    #article-page .article-body .new_wrap .menu:first-child {
      margin-bottom: 0;
    }

    /*=== パーツ ===*/

    /*スマホで下向き、PCで横向きの矢印*/

    #article-page .article-body .new_wrap .arrow-change {
      width: 9%;
      height: 60px;
      background: url(/hc/theming_assets/01JAEP4MFD93V2S4PQ8JYZ0E5H) no-repeat center;
      background-size: 18px auto;
    }

    /*============== ★新トンマナ★ STEP1：初期設定する（360015879333） ==============*/

    #article-page .article-body .new_wrap .start_step1_help dd img {
      width: 535px;
      display: block;
      margin: 0 auto;
    }

    /*============== ★新トンマナ★ STEP1：初期設定する（2. レジ設定）（360015910254） ==============*/

    #article-page .article-body .new_wrap .start_step1_2_img img {
      width: 333px;
    }

    /*============== ★新トンマナ★ STEP4：会計する（360015963654） ==============*/

    #article-page .article-body .new_wrap .start_step4_tbl td.start_step4_tbl_td img {
        width: 90%;
    }

    #article-page .article-body .new_wrap.start_step4 .arrow-change {
      height: 450px;
    }

    /*============== ★新トンマナ★ 店舗分析の活用方法（360016344474） ==============*/

    #article-page .article-body .new_wrap .practice_salon_col_contents{
      width: 25%;
    }

    #article-page .article-body .new_wrap .practice_salon_col_contents:first-child{
      width: 74%;
    }
    
    /*============== ★新トンマナ★ SSプラン用==============*/
    
    /*==SSプラン動画ページ==*/
    #article-page .article-body .new_wrap .youtube-index {
      display: flex;
      flex-wrap: wrap;
    }
    
    #article-page .article-body .new_wrap .youtube-index dl {
      width: 46%;
    }
    
    #article-page .article-body .new_wrap .youtube-index dl:first-child,
    #article-page .article-body .new_wrap .youtube-index dl:nth-child(2){
      margin-top: 0;
    }
    
    #article-page .article-body .new_wrap .youtube-index dl:nth-child(even) {
      margin-left: 24px;
    }
    
    #article-page .article-body .new_wrap .youtube-list {
      width: 664px;
      display:flex;
      flex-wrap:wrap;
      padding-top: 0;
      margin: 0 auto;
    }

    #article-page .article-body .new_wrap .youtube-list li {
      width: 324px;
    }
    
    #article-page .article-body .new_wrap .youtube-list li:nth-child(n+2){
      margin-top: 0;
    }

    #article-page .article-body .new_wrap .youtube-list li:nth-child(n+3){
      margin-top: 30px;
    }

    #article-page .article-body .new_wrap .youtube-list li:nth-child(even)  {
      margin-left: 16px;
    }

  }

/*==========================================*/
/*コロナ文言非表示 */
/*==========================================*/
.news_notes{
  display:none;
}

/*==========================================*/
/* お問い合わせについてアイコンの直下の余白調整 */
/*==========================================*/

.att .icon_desc dd {
	margin-bottom: 10px;
}

 /*==========================================*/
/* 問い合わせフォームの送信直前文言 */
/*==========================================*/
#post-request-page .form-field .anounce-text{
  font-size:1.4rem;
  color:#111111;
}

#post-request-page .form-field .request_red_text p{
    color:red;
    font-size:13px;
}

#post-request-page .form-field .request_orange_title {
    font-size: 16px;
    color: #fd7e00;
    font-weight:bold;
}

.request-anounce-box{
  margin-top: 16px;
  padding: 8px 20px 30px;
  background-color: #ffdbb8;
  border-radius: 6px;
}

.request-anounce-box ul li{
    font-size:13px;
    padding:10px 0 0 0;
    text-indent:-1em
}

/*==========================================*/
/*問合せフォームメールアドレス欄直下赤文字*/
/*==========================================*/
#post-request-page .form-field .request_red_text {
  color: red;
  font-size: 14px;
}

/*==========================================*/
/*問合せフォームカテゴリ選択欄*/
/*==========================================*/
#request_issue_type_select {
    padding-left: 10px;
}

/*==========================================*/
/* 問い合わせフォーム　入力欄の幅変更 */
/*==========================================*/
#request_anonymous_requester_email, #request_custom_fields_360003613053, #request_custom_fields_360005702093, #request_custom_fields_360003815454, #request_custom_fields_360003733893, #request_custom_fields_20120226736281, .request_custom_fields_20305092914969 .nesty-input, .request_custom_fields_20305182808729 .nesty-input, .request_custom_fields_360003615393 .nesty-input, #request_subject, #request_description {
    width: 100%;
    padding-left: 15px;
    background-color: #fff;
    border: #D3D0C6 solid 1px;
    border-radius: 6px;
  /*  -webkit-appearance: none; */
    font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
    line-height: 2;
}

/*==========================================*/
/*ご利用の前にページ用
/*==========================================*/
#recommended_environment{
    color: #b74c66;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
  }
  
  #item_list{
    color: #1f1d19;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
  }
  
  /* ご利用の前にページtable */
  #table_PC{
    width: 612px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px;
  }
  
  #table_iPad_SP_browser{
       width: 496px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px; 
  }
  
  #table_iPad_app{
    width: 264px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px;
  }
  
  #table_function_availability_list{
    border: 2px solid #DADDE0;
    width: 655px;
    table-layout: fixed;
    font-size: 12px;
    margin-top: 8px;
  }
  
  /*ご利用の前にページtable_cell*/
  #table_blank_cell{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    height: 52px;
    width: 148px;
  }
  
  #table_browser_cell{
       background-color: #f7f7f7;
    border-color: #DADDE0;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    height: 52px;
  }
  
  #table_os_cell{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    color: #676d73;
    height: 52px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  
  #table_redmark_cell{
    border-color: #DADDE0;
    color: #b74c66;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #table_redmark_cell2{
    border-color: #DADDE0;
    color: #b74c66;
    height: 34px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #table_redmark_cell3{
    border-color: #DADDE0;
    border-bottom-width: 2px;
    color: #b74c66;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  
  #table_hyphen_or_crossmark_cell{
    border-color: #DADDE0;
    color: #9ca1a6;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #table_hyphen_or_crossmark_cell2{
    border-color: #DADDE0;
    border-bottom-width: 2px;
    color: #9ca1a6;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  
  /*ご利用の前にページtext*/
  #text_black{
    color: #1f1d19;
    font-size: 12px;
    margin-top: 16px;
  }
  #text_red{
    color: #b74c66;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
  }
  #text_functional_category{
    background-color: #f7f7f7;
    border-bottom-width: 2px;
    border-color: #DADDE0;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    width: 117px;
  }
  #text_detail_function{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-width: 0 2px 2px 0;
    color: #676d73;
    height: 85px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    width: 183px;
  }
  #text_device{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    color: #676d73;
    height: 34px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_device_list{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-bottom-width: 2px;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_SP{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-bottom-width: 2px;
    color: #676d73;
    line-height: 1.5;
    padding: 0;
    text-align: center;
    vertical-align: middle;
  }
  #text_1{
    background-color: #f7f7f7;
    border-bottom-width: 2px;
    border-color: #DADDE0;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_2{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-right-width: 2px;
    color: #676d73;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_3{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-right-width: 2px;
    color: #676d73;
    height: 34px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_4{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-width: 0 2px 2px 0;
    color: #676d73;
    height: 34px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  #text_5{
    background-color: #f7f7f7;
    border-color: #DADDE0;
    border-right-width: 2px;
    color: #676d73;
    height: 52px;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
  }
  
  /*ご利用の前にページmargin*/
  #margin32px_0_30px{
       margin: 32px 0 30px; 
  }
  
  #margin-top40px{
    margin-top: 40px;
  }
  
  #margin-top16px{
    margin-top: 16px;
  }