@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: "ヒラギノ角ゴ 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/01HZM2MGS8XJNTTCBM2291D95V") 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/01HZM2MH9GY9D873S5HW3RS822") 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: 1280px;
}

.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: #2D7DC3;
　 width:100%;  
}

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


.sb_logo img {
  max-width:450px;
}

.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/01HZM2JHKMRB5B6CYMPA756E61") 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/01HZM2JG7APWRA5JCH04NTF140") 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 em {
  margin: 0 0 0 10px;
}

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

#footer .copyright a {
  display: inline-block;
  height: 28px;
  text-decoration: none;
}

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

#footer .copyright span {
  display: inline-block;
  transform: translateY(-3px);
  margin-left: 3px;
  font-family: "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MSPGothic", sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-decoration: none
}

/*--- 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: #2D7DC3;
  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/01HZM2JFXFF1GZAFMT2BC7RVYJ");
  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/01HZM2JF1WTRRF65M7GMXYETFT");
  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/01HZM2JHKMRB5B6CYMPA756E61") 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: 1px solid #ccc;
  float: left;
  margin-left: -1px;
}

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

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

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

.pagination-last {
  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:#2D7DC3;
  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: #2D7DC3;  
}

/*============== 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: 1280px;
}

#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: 100%;
 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: 16px 16px 16px 90px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 23px 50%;
  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.cat360001369974 a { background-image: url("/hc/theming_assets/01HZM2MJ7QZM799934E8PSNF5R");}				/* はじめに */
#home-page .main-menu li.cat360001384513 a { background-image: url("/hc/theming_assets/01HZM2MJCXAP0GDPAJ457BNE8C");}							/* 各種設定 */
#home-page .main-menu li.cat360001394453 a { background-image: url("/hc/theming_assets/01HZM2MJMRGG90XYZT90Z81J5M");}			/* ホームページ作成 */
#home-page .main-menu li.cat360001394413 a { background-image: url("/hc/theming_assets/01HZM2MJT82N5PZ47K5T22NGM8");}		/* プラン・予約の管理 */
#home-page .main-menu li.cat360001972753 a { background-image: url("/hc/theming_assets/01HZM2MJYRF087RGT82YKXED3E");}      /* ブログ・写真などの登録 */
#home-page .main-menu li.cat360001394433 a { background-image: url("/hc/theming_assets/01HZM2MK3E9N553XHP196AZAKJ");}				/* モニタリング */
#home-page .main-menu li.cat360001904394 a { background-image: url("/hc/theming_assets/01HZM2MK84ZTPVA34WW1AKVDHD");}			  /* 宿メール */
#home-page .main-menu li.cat360001388034 a { background-image: url("/hc/theming_assets/01HZM2MKDNCDB2TVYKEPX9KK9N"); }					/* よくあるご質問 */
#home-page .main-menu li.cat360004210793 a { background-image: url("/hc/theming_assets/01HZM2MKJM51QK30E2PG6Y6058"); }					/* リザーブ版はこちら */

/* 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;
}


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

#category-list-page h2.section-title {
  padding: 0 0 8px 0;
  border-bottom: #2D7DC3 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: 30px;
  padding-bottom: 24px;
  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 p {
  line-height: 1.5;
}

#article-page .article-body img {
  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 .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: #2D7DC3;
  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/01HZM2MGZQT8D4FAK5YSQMD3K1") 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: 1280px;
  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/01HZM2JG7APWRA5JCH04NTF140") 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: #2D7DC3;
  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{
	width:5%;
  margin:15px 0;

}
/*============== Error ==============*/

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

#error-page .section p {
  margin-bottom: 8px;
}


/*============================================================================================*/
/*
* 上記ここまで基本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: #2D7DC3;
　  width:100%;
}

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

.sb_logo img {
  max-width:450px;
  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/01HZM2JHKMRB5B6CYMPA756E61") 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 ==============*/  

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

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

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

@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/01HZM2JHKMRB5B6CYMPA756E61") 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;
  }
  
  #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;
 }


/*============== breadcrumbs ==============*/
  
  .sub-nav-inner .backbtn-for-phone {
    display: none;
  }

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

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

 Breakpoint
 【PC】 1280px 〜 


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

/*============== Header ==============*/  
  
#header .header-inner{
   width:1280px;
  }
  
#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/01HZM2JHKMRB5B6CYMPA756E61") 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: 1280px;
    margin: 0 auto;
  }

 
  .footer-inner{
    width:1280px;
    margin:0 auto;
     padding: 0 10px;
    font-size: 1.4rem;
  }  
  
   /*============== breadcrumbs ==============*/ 
  .sub-nav-inner{
    width:1280px;
    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: 940px;
  }

  #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: 940px;
  }

  #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;
  } 
  
}



/*================================================================*/
/*
* 上記ここまでのCSSはレストランボードのを流用
*
* 既存オンラインマニュアルからの移行CSSは下記に追記
*/
/*================================================================*/
/*====== number ======*/
#num01 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JTWJSFQTVS5A5D93S5A0);
}
#num02 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JVGW192G9DZBPP5G7QGE);
}
#num03 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JW4408SY6X9RC70MFJTQ);
}
#num04 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JWR70Z4SFFT9RFES5AM3);
}
#num05 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JXCVHVPQH62VGBDX7W7N);
}
#num06 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JY14GZD2X7B4C5RB988D);
}
#num07 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JYPESXWM3ZAJEPMPZRWH);
}
#num08 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JZA792XN3Y7H2K5ZJRRG);
}
#num09 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2JZETQW82P4MPR4FN2NSH);
}
#num10 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2K01GDG399R2BHHFF1G00);
}
#num11 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2K0NA8190KSAV5KKPTW4F);
}
#num12 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2K19C1J202F2SJ9BJ35RH);
}
#num13 {
  width: 22px;
  height: 22px;
  margin: 5px 5px 0px 0px;
  display: inline-block;
  background: url(/hc/theming_assets/01HZM2K1WNEV2E9H5S76A7FNYP);
}


/*====== 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("$assets-ico_link-png") 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;
}

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

/**** boxlist ****/
.boxlist h2 {
	border-left:#436aa6 5px solid;
	color:#436aa6;
}
.boxlist h3 {
	background-color:#d6daeb;
	color:#436aa6;
}
.boxlist .naviColor {
	background-color:#d6daeb;
}
.boxlist .menuArea {
	border:#d6daeb 10px solid;
}
.boxlist h4 {
	border:#436aa6 1px solid;
}
.boxlist h4 em {
	background-color:#436aa6;
}
.boxlist .menu li {
	background:url(/salonboard_manual/images/ico_square_blue.png) no-repeat left 2px;
}
.boxlist .step dt {
	background-color:#f0f2f7;
	color:#436aa6;
}

.boxlist h5,
.boxlist 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;
}
.boxlist h5 em,
.boxlist 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;
}


.boxlist h5 {
	margin-bottom:20px;
	padding-left:25px;
	background:url("/hc/theming_assets/01HZM2K37MW56A71CG42R0GXBN") no-repeat left 2px;
	font-size:16px;
	font-weight:bold;
}
.boxlist h6 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

/*====== .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 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-size:14px;
	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 .step .point{
  margin: 30px 0 0;
}
.article-body .step .point dt{
	position:static;
	margin-bottom:5px;
	padding:0;
	background-color:#fff;
	color:#a1493f;
	font-size:14px;
}
.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;
	font-size:14px;
}
.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/01HZM2M74CWKEH3JK2HJ541A3Z) 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/01HZM2M93BEB02QDDRYNH4V1BJ) 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 .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 .contentsMargin {
	margin:30px 10px;
}
.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;
}

/*====== .step ======*/
.content_body .step1 {background: url(/hc/theming_assets/01HZM2KQZNBYV9XS2N9YK775FN) #f7ebeb no-repeat 5px center;}
.content_body .step2 {background: url(/hc/theming_assets/01HZM2KRKMMNQJDXNEPPHVTVBF) #f7ebeb no-repeat 5px center;}
.content_body .step3 {background: url(/hc/theming_assets/01HZM2KS7Q1HY5C6NS0ZB8XYS7) #f7ebeb no-repeat 5px center;}
.content_body .step4 {background: url(/hc/theming_assets/01HZM2KSC4817HBCG1QGQHWB1G) #f7ebeb no-repeat 5px center;}
.content_body .step5 {background: url(/hc/theming_assets/01HZM2KSJDFVVWWJT622720DTW) #f7ebeb no-repeat 5px center;}
.content_body .step6 {background: url(/hc/theming_assets/01HZM2KT6CTFJ1C1K4QX4228F3) #f7ebeb no-repeat 5px center;}
.content_body .step7 {background: url(/hc/theming_assets/01HZM2KTWNJ7MVWA6ZSCWGWBDT) #f7ebeb no-repeat 5px center;}
.content_body .step8 {background: url(/hc/theming_assets/01HZM2KV1HQCXX596MRABQ30N4) #f7ebeb no-repeat 5px center;}
.content_body .step9 {background: url(/hc/theming_assets/01HZM2KVN3VGN3GYESVVYDMRS2) #f7ebeb no-repeat 5px center;}
.content_body .step10 {background: url(/hc/theming_assets/01HZM2KW8V10VJNFTY9BJHSXEF) #f7ebeb no-repeat 5px center;}


/*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/01HZM2JTWJSFQTVS5A5D93S5A0) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num2 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2JVGW192G9DZBPP5G7QGE) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num3 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2JW4408SY6X9RC70MFJTQ) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num4 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2JWR70Z4SFFT9RFES5AM3) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num5 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2JXCVHVPQH62VGBDX7W7N) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num6 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2JY14GZD2X7B4C5RB988D) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num7 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2JYPESXWM3ZAJEPMPZRWH) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num8 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2JZA792XN3Y7H2K5ZJRRG) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num9 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2JZETQW82P4MPR4FN2NSH) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num10 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2K01GDG399R2BHHFF1G00) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num11 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2K0NA8190KSAV5KKPTW4F) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num12 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2K19C1J202F2SJ9BJ35RH) no-repeat 0 0;
}
#article-page .article-body ul.numlist li.num13 {
	padding-left: 30px;
	background: url(/hc/theming_assets/01HZM2K1WNEV2E9H5S76A7FNYP) 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_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%;
}

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

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

#article-page .article-body .w20p {
  width: 20%;
}

#article-page .article-body .w25p {
  width: 25%;
}

#article-page .article-body .w30p {
  width: 30%;
}

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

#article-page .article-body .w40p {
  width: 40%;
}

#article-page .article-body .w45p {
  width: 45%;
}

#article-page .article-body .w50p {
  width: 50%;
}

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

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

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

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

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

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

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

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

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


/*======================================================================================================================
新トンマナ（2019～）
==================================================== 新トンマナSP ====================================================*/

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

#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: #2D7DC3;
  background: #d3e0ed;
  padding: 6px 10px;
  margin-bottom: 15px;
}

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

#article-page .article-body .new_wrap .ttl_s{
  font-size: 16px;
  color: #2D7DC3;
  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: #2D7DC3;
  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_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;
}

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

#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 #2D7DC3;
}

#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: #2D7DC3;
  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;
  border-top: 1px solid #ddd;
  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 #2D7DC3;
}

#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: #2D7DC3;
  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 .col_howto {
  border: 1px solid #2D7DC3;
  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: #2D7DC3;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid #2D7DC3;
}

/* 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:14px;
	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;
}

/* 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;
}

#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(//theme.zdassets.com/theme_assets/2196888/ee952468b3cf6dc5c9e6e5ca0174aad772efbf2e.png) 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(//theme.zdassets.com/theme_assets/2196888/ee952468b3cf6dc5c9e6e5ca0174aad772efbf2e.png) 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(//theme.zdassets.com/theme_assets/2196888/708bc0f039f40c5067cb69d7e08859da68b5bd6d.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num2 {
	background: url(//theme.zdassets.com/theme_assets/2196888/b15376ae4a60904d5ca65dc0bddb2d62bfee18de.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num3 {
	background: url(//theme.zdassets.com/theme_assets/2196888/4a1b151daf7044cb21f21a4141327070f2e87631.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num4 {
	background: url(//theme.zdassets.com/theme_assets/2196888/884e7a047f763a6e652f0b1e20ca95e65fd2de0c.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num5 {
	background: url(//theme.zdassets.com/theme_assets/2196888/90e0970c9d3b1b7d4523584f6cb82ff648e64e59.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num6 {
	background: url(//theme.zdassets.com/theme_assets/2196888/ed468df24dc366b303197229d2e9db1ba27dc30b.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num7 {
	background: url(//theme.zdassets.com/theme_assets/2196888/e2addcfd3d2b6f44028e360cfd08b0ae435b41b5.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num8 {
	background: url(//theme.zdassets.com/theme_assets/2196888/82aac859c1710bcfb49afb02583c5a744ab411c2.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num9 {
	background: url(//theme.zdassets.com/theme_assets/2196888/2eaac22be984bfaa292ad9223325b86f3e1f0cad.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num10 {
	background: url(//theme.zdassets.com/theme_assets/2196888/dc94747f7cddeda7b6aa41e4622c20ece5835f06.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num11 {
	background: url(//theme.zdassets.com/theme_assets/2196888/0ad9e476bf0a9865747ebed55e7b54c803725751.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num12 {
	background: url(//theme.zdassets.com/theme_assets/2196888/65b0941a61d8803f80b8698131566ff32086b600.png) no-repeat 0 0;
}

#article-page .article-body .new_wrap .icon_num13 {
	background: url(//theme.zdassets.com/theme_assets/2196888/d93979b531aeee1507a2115c9cf7af6cb75ec237.png) 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: #2D7DC3;
    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;
}

/*============== ★新トンマナ★ カテゴリ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: #2D7DC3 solid 2px;
  color: #2D7DC3;
}

#category-list-page.category-start h2.start-section-title a{
  color: #2D7DC3;
} 

#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: #2D7DC3 solid 2px;
  color: #2D7DC3;
}

#category-list-page.category-practice h2.practice-section-title a{
  color: #2D7DC3;
}

#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: #2D7DC3;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px dotted #2D7DC3;
}

#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%;
}

/*===========================================================================================================================
PC幅 (min-width: 1280px)
===========================================================================================================================*/

  @media screen and (min-width: 1280px) {
    
    /*============== ★新トンマナ★ カテゴリ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;
      padding-top: 24px;
    }
    #category-list-page.category-start .movie-list li {
      width: 450px;
      margin-left: 40px;
    }
    #category-list-page.category-start .movie-list li:first-child {
      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(//theme.zdassets.com/theme_assets/2196888/8f483e4ab6e81e949bc7ad6ca6298abc031376cb.png) 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%;
    }

  }

/*====== common style ======*/
.fcBlack {color:#000 !important;}
.fcRed {color:#df2026 !important;}
.fcLightblue {color:#42b2ce !important;}
.fcBlue {color:#009dd6 !important;}
.fcGray {color:#86888b !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;}



/*===========================================================================================================================
　　HPDS+　css

　　以下CSSを使用。
　　
　　============== HPDS+ ==============
　　以下がHPDS用CSS

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

.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;}
.mT100 {margin-top:100px !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;}
.mB25 {margin-bottom:25px !important;}
.mB30 {margin-bottom:30px !important;}
.mB40 {margin-bottom:40px !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;}

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

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


/*============== HPDS+ ==============*/

#article-page .article-body {
  color: #555;
}
#article-page .article-body p + p {
  margin-top: 10px;
}
#article-page .article-body .cf:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* --- テキスト　青太文字 --- */
.article-body .ttl-primary {
  color: #2D7DC3;
  font-weight: bold;
  font-size: 20px;
}
.article-body .ttl-secondary {
  color: #2D7DC3;
  font-weight: bold;
  font-size: 18px;
}
.article-body .ttl-tertiary {
  color: #2D7DC3;
  font-weight: bold;
  font-size: 16px;
}
.article-body .txt-primary {
  color: #2D7DC3;
  font-weight: bold;
}

/* --- テキスト　黒文字 --- */
.article-body .txt-normal {
  color: #555;
}

/* --- テキスト　赤文字 --- */
.article-body .txt-alert {
  color: #ff7153;
}
.txt-c_ff7153 {
  color: #FF7153;
}

/* --- テキスト　青下線 --- */
/* 20px */
.ttl-underline {
  padding-bottom: 10px;
  border-bottom: 1px solid #2D7DC3;
}
/* 16px */
.ttl-underline_small {
  padding-bottom: 8px;
  border-bottom: 1px solid #2D7DC3;
}

/* --- アイコン　水色の丸 --- */
.article-body .ttl-circle {
  color: #2D7DC3;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  padding-left: 30px;
  margin: 30px 0 10px;
}
.article-body .ttl-circle:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  border: 5px solid #D0E7F5;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 0;
}
.ttl-circle-inner {
  padding-left: 30px;
}
/* --- アイコン　左ボーダー --- */
.article-body .ttl-borderIcn {
  color: #2D7DC3;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding: 8px 0 0 20px;
  min-height: 40px;
}
.article-body .ttl-borderIcn:before {
  content: "";
  width: 6px;
  height: 40px;
  display: block;
  background-color: #2D7DC3;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
}
.ttl-borderIcn-inner {
  padding-left: 20px;
}
.ttl-borderIcn_small {
  color: #2D7DC3;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding: 6px 0 0 15px;
  min-height: 30px;
}
.article-body .ttl-borderIcn_small:before {
  content: "";
  width: 6px;
  height: 30px;
  display: block;
  background-color: #2D7DC3;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
}
/* --- コンテンツブロック --- */
.article-body .cnt-block:not(:first-child),
.article-body .list-block:not(:first-child) {
  margin-top: 50px;
}
.article-body .list-block + .list-block {
  margin-top: 100px;
} 
.article-body .cnt-block .cnt-block-inner {
  margin-top: 20px;
}

/* --- タイトル　水色背景 --- */
.cnt-lightBlue .cnt-header {
  background-color: #D0E7F5;
  padding: 10px 20px;
  border-radius: 30px;
}
.cnt-lightBlue .cnt-header + .cnt-block-inner {
	margin-top: 30px;
  padding: 0 20px; 
}
.bgc-lightBlue {
  position: relative;
	min-height: 24px;
}
.article-body .ttl-primary.bgc-lightBlue + * {
  margin-top: 20px;
}
.bgc-lightBlue-item {
  font-size: 14px;
  display: inline-block;
  background-color: #D0E7F5;
  border-radius: 20px;
  padding: 4px 14px 3px 18px;
  position: absolute;
  top: 0;
  left: 0;
}
/* --- タイトル　青背景 --- */
.article-body .cnt-blue:not(:first-child) {
  margin-top: 100px;
}
.cnt-blue .cnt-header {
  background-color: #2D7DC3;
  padding: 10px 20px;
  border-radius: 30px;
}
.cnt-blue > .cnt-header > .ttl-primary {
  color: #FFF;
}
.article-body .cnt-blue > .cnt-block-inner {
	margin-top: 30px;
  padding: 0 20px; 
}
.bgc-blue {
  position: relative;
	min-height: 24px;
}
.article-body .ttl-primary.bgc-blue + * {
  margin-top: 20px;
}
.bgc-blue-item {
  color: #FFF;
  font-size: 14px;
  display: inline-block;
  background-color: #2D7DC3;
  border-radius: 20px;
  padding: 4px 14px 3px 18px;
  position: absolute;
  top: 0;
  left: 0;
}
.bgc-icn-3em { padding-left: 89px; }
.bgc-icn-4em { padding-left: 103px; }
.bgc-icn-5em { padding-left: 117px; }
.bgc-icn-6em { padding-left: 131px; }
.bgc-icn-7em { padding-left: 145px; }
.bgc-icn-8em { padding-left: 159px; }
.bgc-icn-9em { padding-left: 173px; }
.bgc-icn-10em { padding-left: 187px; }

/* --- タイトル　タブ 青--- */
.cnt-header-tab {
  border-bottom: 1px solid #2D7DC3;
  margin-bottom: 30px;
}
.cnt-header-tab-ttl {
  color: #FFF;
  background-color: #2D7DC3;
  display: inline-block;
	line-height: 42px;
	padding: 0 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.cnt-header-tab-inner {
  padding-left: 20px;
}
/* --- タイトル　タブ 水色--- */
.cnt-header-tab_lightBlue {
  border-bottom: 1px solid #2D7DC3;
  margin-bottom: 30px;
}
.cnt-header-tab-ttl_lightBlue {
  background-color: #D0E7F5;
  display: inline-block;
  line-height: 42px;
	padding: 0 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* --- 画像　中央寄せ --- */
.article-body .article-img {
  width: 600px;
	margin: 40px auto;
}
.article-body .article-img-wrap {
  margin-top: 40px;
}
.article-body .article-img-wrap * + .article-img {
  margin-top: 10px;
}
.article-body .article-img-wrap .article-img:not(:last-child),
.article-body .list-inner-cnt .article-img-wrap .article-img:not(:last-child) {
  margin-top: 10px;
  margin-bottom: 10px;
}
.article-body * + .article-img {
  margin-top: 40px;
}
.article-body *:last-child.article-img {
  margin-bottom: 0;
}
/* --- 画像　右寄せ --- */
.article-body .floatR-img {
  width: 300px;
  float: right;
  margin-left: 30px;
}

/* --- dl　横並び --- */
.dl-horizon:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.dl-horizon dt { float: left; }
.dl-horizon dd { float: left; }
.dl-horizon dd + dt { clear: both; }

.dl-horizon > *:nth-child(n+3) { margin-top: 10px; }
.dl-horizon .dt-w6em { width: 6em; }
.dl-horizon .dt-w8em { width: 8em; }
.dl-horizon .dt-w10em { width: 10em; }
.dl-horizon .dt-w12em { width: 12em; }
.dl-horizon .dt-w14em { width: 14em; }

/* --- table --- */
.article-body table {
	width:100%;
}
.article-body .table-wrap {
  margin-top: 30px;
}
.table-type01 th {
	padding: 5px;
	border-top: #D0E7F5 1px solid;
  border-bottom: #D0E7F5 1px solid;
	text-align: left;
  font-weight: bold;
  vertical-align: middle;
}
.table-type01 td {
	padding: 5px;
	border-top: #D0E7F5 1px solid;
  border-bottom: #D0E7F5 1px solid;
  vertical-align: middle;
}
.table-wrap .table-ttl {
  text-align: center;
  font-weight: bold;
}
.table-type02 th {
	padding: 5px;
	border: #CCC 1px solid;
	text-align: center;
  font-weight: bold;
  background-color: #D0E7F5;
  vertical-align: middle;
}
.table-type02 td {
	padding: 5px;
	border: #CCC 1px solid;
  vertical-align: middle;
}
.table-flowTree {
  border: #CCC 1px dashed;
}
.table-flowTree th {
  padding: 30px;
  border: #CCC 1px dashed;
	text-align: center;
  font-weight: bold;
  background-color: #D0E7F5;
  vertical-align: middle;
}
.table-flowTree td {
	padding: 30px 15px;
  border: #CCC 1px dashed;
  vertical-align: middle;
}
.head-type-blue th {
  color: #FFF;
  background-color: #2D7DC3;
  border-color: #2D7DC3;
}
.article-body .thW150 { width: 150px; }
.article-body .thW4em { width: 4em; }
.article-body .thW7em { width: 7em; }
.article-body .thW10em { width: 10em; }
.article-body .thW12em { width: 12em; }
.article-body .thW14em { width: 14em; }
.article-body .thW16em { width: 16em; }
.article-body .thW18em { width: 18em; }
.article-body .tW50 { width: 50%; }
.article-body .tW33 { width: 33%; }
.article-body .tableCell-wide10 th,
.article-body .tableCell-wide10 td { padding: 10px; }

/* リストマーク　● */
#article-page .article-body .list-icn-disc {
  margin-left: 1em;
}
#article-page .article-body .list-icn-disc > li {
  list-style: disc;
}

/* --- リストマーク　■ --- */
#article-page .article-body .list-icn-square {
  margin-left: 1em;
}
#article-page .article-body .list-icn-square > li {
  list-style-type: square;
}
#article-page .article-body .list-icn-square > li + li {
  margin-top: 5px;
}
#article-page .article-body .list-icn-square > dt {
  display: list-item;
  list-style-type: square;
  list-style-position: inside;
}
/* --- リストマーク　(1) --- */
.list-icn-count-type1 {
  counter-reset: number01;
}
.list-icn-count-type1 li {
  text-indent: -1.7em;
  padding-left: 1.7em;
}
.list-icn-count-type1 li:before {
  counter-increment: number01;
  content: "("counter(number01)")" " ";
}

/* --- リストマーク　1. --- */
#article-page .article-body .list-icn-decimal > li {
  list-style-type: decimal;
  list-style-position: inside;
}
#article-page .article-body .list-icn-decimal > li + li {
  margin-top: 5px;
}
#article-page .article-body .list-icn-decimal > dt {
  display: list-item;
  list-style-type: decimal;
	list-style-position: inside;
  text-indent: -1.3em;
  padding-left: 1.3em;
}
#article-page .article-body .list-icn-decimal > dd {
  padding-left: 1.5em;
}

/* --- 水色背景の数字　枠線　olリスト --- */
.list-type-frameBorder {
  counter-reset: list-number;
  margin-top: 10px;
}
.list-type-frameBorder > li {
	position: relative;
}
.list-type-frameBorder > li + li {
  margin-top: 60px;
}
.list-type-frameBorder > li:not(:first-child):after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 10px 0 10px;
  border-color: #2E7DC3 transparent transparent transparent;
  position: absolute;
  top: -35px;
  left: 17px;
}
.list-type-frameBorder > li:nth-child(n+10):before {
  left: 8px;
}
.list-type-frameBorder > li:before {
  counter-increment: list-number;
  content: counter(list-number);
  color: #2D7DC3;
  font-size: 25px;
  font-weight: bold;
	position: absolute;
	top: 15px;
	left: 17px;
	z-index: 1;
}
.list-type-frameBorder .list-inner-cnt {
	position: relative;
	padding: 22px 30px 25px 80px;
	border: solid 1px #2E7DC3;
	border-radius: 10px;
	overflow: hidden;
}
.list-type-frameBorder .list-inner-cnt:before {
  content: "";
	display: block;
	width: 50px;
	height: 100%;
	background-color: #D0E7F5;
	position: absolute;
	top: 0;
	left: 0;
}
.list-type-frameBorder .list-cnt-example dd {
  border: #cccccc solid 1px;
  padding: 10px;
}
.list-type-frameBorder .list-cnt-example dd + dt {
  margin-top: 20px;
}
/* --- 四角数字　olリスト --- */
.list-type-squareNumber {
  counter-reset: square-number01;
}
.list-type-squareNumber_blue {
  counter-reset: square-number02;
}
.list-type-squareNumber > li,
.list-type-squareNumber_blue > li {
  position: relative;
  padding: 12px 0 0 75px;
  min-height: 50px;
}
.list-type-squareNumber > li:before {
  counter-increment: square-number01;
  content: counter(square-number01);
  color: #2D7DC3;
  font-size: 25px;
  font-weight: bold;
  background-color: #D0E7F5;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 16px;
	border-radius: 5px;
}
.list-type-squareNumber_blue > li:before {
  counter-increment: square-number02;
  content: counter(square-number02);
  color: #FFF;
  font-size: 25px;
  font-weight: bold;
  background-color: #2D7DC3;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 16px;
	border-radius: 5px;
}
.list-type-squareNumber > li + li,
.list-type-squareNumber_blue > li + li {
  margin-top: 50px;
}

/* リスト系共通 */
.article-body .list-cnt-ttl {
  color: #2D7DC3;
  font-size: 16px;
  font-weight: bold;
}
.article-body .cnt-header-variable {
  display: inline-block;
}


/* ------------------------------------ */
.line-indent {
	text-indent: -1em;
	padding-left: 1em;
}
.article-body .cnt-border {
  border: solid 1px #2E7DC3;
  border-radius: 5px;
  padding: 10px;
}

.frame-chevrons:before { content: "＜"; }
.frame-chevrons:after { content: "＞"; }

.icn-green-ab {
  color: #FFF;
  font-size: 18px;
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  background-color: #7CB81B;
  border-radius: 5px;
  padding-top: 2px;
  margin-right: 10px;
}
.sc-anchor {
  padding-top: 30px;
}

/*============== はじめに 01 ==============*/
.p010102 .dl-horizon .adjust-span {
  width: 5em;
  display: inline-block;
  font-weight: bold;
}

/*============== 基本設定 02 ==============*/
.p020103-dl dd {
  margin-top: 10px;
  padding-left: 40px;
}
.p020110 .w600px {
  width: 600px;
}
.p020202 table .dl-horizon > *:nth-child(n+3) {
  margin-top: 0;
}

/*============== よくあるご質問 07 ==============*/
.faq-list-question {
  color: #2D7DC3;
  font-size: 20px;
  font-weight: bold;
  min-height: 44px;
  position: relative;
  padding: 7px 0 0 55px;
}
.faq-list-question:before {
  content: "";
  width: 44px;
  height: 44px;
  display: block;
  background-image: url(/hc/theming_assets/01HZM2MJ1TBVH7GWHCD8J9KK1Q);
  position: absolute;
  top: 0;
  left: 0;
}
.faq-list-answer {
  min-height: 40px;
  position: relative;
  margin: 15px 0 0 35px;
  padding: 8px 0 0 50px;
}
.faq-list-answer:before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(/hc/theming_assets/01HZM2MHWFGH2K3J4HVVZCWM6X);
  position: absolute;
  top: 0;
  left: 0;
}

/*============== SSL .p-ssl ==============*/
.p-ssl .table-wrap {
  margin-top: 30px;
}
.p-ssl .table-wrap table {
  margin-top: 10px;
}
.p-ssl .ssl-list .list-inner-cnt {
  padding-left: 1em;
}
.p-ssl .ssl-list .list-inner-cnt + .list-inner-cnt {
  margin-top: 50px;
}
.p-ssl .ssl-list .ssl-list-ttl {
    text-indent: -1em;
}
.p-ssl .mail-formatScreen {
  margin-top: 20px;
  border: 1px solid;
  padding: 50px;
}
.p-ssl .mail-formatScreen_content {
  border-top: 1px dashed;
  margin-top: 30px;
  padding-top: 30px;
}
.p-ssl .mail-formatScreen_content .dl-horizon > * {
  margin-top: 0;
}