@charset "UTF-8";

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

  基本設計

  base.css

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

/* リセット
------------------------------------------- */
*{
  margin:0;
  padding:0;
}
@media screen and (max-width: 768px) {
  *{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption, main {
  display: block;
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th  {
  text-align: left;
}
q:before ,q:after {
  content: '';
}
object, embed {
  vertical-align: top;
}
hr, legend {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img, abbr, acronym, fieldset {
  border: 0;
  vertical-align: bottom;
}
li {
  list-style-type: none;
}

/* clearfix
------------------------------------------- */
.clearfix{ zoom:1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

/* テキストスタイル
------------------------------------------- */
html { font-size: 62.5%; } /* base 10px */

body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color:#333;
  -webkit-text-size-adjust:100%;
}
a,a:link {
  color:#333;
  text-decoration:none;
}
a:hover {
  text-decoration:none;
}
a.a_under {
  text-decoration: underline;
}
.mont {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
.shingo_db {
  font-family: 'M PLUS 1', sans-serif;
  font-weight: 700;
  line-height: 1.4;
}
.shingo_b {
  font-family: 'M PLUS 1', sans-serif;
  font-weight: 800;
  line-height: 1.4;
}
::selection {background: #9ce6c8;}
::-moz-selection {background: #9ce6c8;}

.after_discount { color: #f84747;}

/* css organize
------------------------------------------- */
.mb5 {  margin-bottom: 5px;}
.mb10 {  margin-bottom: 10px;}
.mb15 {  margin-bottom: 15px;}
.mb20 {  margin-bottom: 20px;}
.mb30 {  margin-bottom: 30px;}
.mb40 {  margin-bottom: 40px;}
.mb50 {  margin-bottom: 50px;}
.mb60 {  margin-bottom: 60px;}
.mb80 {  margin-bottom: 80px;}
.mb100 {  margin-bottom: 100px;}

.fz10 { font-size: 1rem;}
.fz11 { font-size: 1.1rem;}
.fz12 { font-size: 1.2rem;}
.fz13 { font-size: 1.3rem;}
.fz14 { font-size: 1.4rem;}
.fz15 { font-size: 1.5rem;}
.fz16 { font-size: 1.6rem;}
.fz17 { font-size: 1.7rem;}
.fz18 { font-size: 1.8rem;}
.fz19 { font-size: 1.9rem;}
.fz20 { font-size: 2rem;}
.fz22 { font-size: 2.2rem;}
.fz24 { font-size: 2.4rem;}
.fz26 { font-size: 2.6rem;}
.fz28 { font-size: 2.8rem;}
.fz30 { font-size: 3rem;}
.fz36 { font-size: 3.6rem;}

.tac { text-align: center; }
.tar { text-align: right; }

.fwb { font-weight: bold; }

.uline { text-decoration: underline;}

.fas.front { padding-right: .6em;}
.fas.rear { padding-left: .6em;}
.far.front { padding-right: .6em;}
.far.rear { padding-left: .6em;}
.fab.front { padding-right: .6em;}
.fab.rear { padding-left: .6em;}

.fc-main { color: #f5be00;}
.fc-em { color: #e33764;}
.fc-up { color: #e86e56;}
.fc-turq { color: #3bb2c6;}
.fc-gray { color: #9d9d9d;}
.fc-ash { color: #666;}
.fc-light { color: #fff;}
.fc-my { color: #f9527e;}

.fc-pink { color: #ff7297;}

.fc-nc { color: #03a9f4;}
.fc-en { color: #96d228;}
.fc-card { color: #fa8200;}
.fc-pam { color: #fa463c;}
.fc-web { color: #fa3296;}

.fc-set { color: #f57c00;}

.xtn {
  display: inline-block;
  padding-top: .6em;
  padding-bottom: .6em;
  border-radius: 3px;
  box-sizing: border-box;
}
.xtn.wide {
  display: block;
  width: 100%;
}

.xtn.x-small {
  padding-right: .6em;
  padding-left: .6em;
}
.xtn.small {
  padding-right: 1em;
  padding-left: 1em;
}
.xtn.medium {
  padding-right: 1.6em;
  padding-left: 1.6em;
}
.xtn.large {
  padding-top: .8em;
  padding-bottom: .8em;
  padding-right: 3em;
  padding-left: 3em;
}
.xtn.x-small.wide,
.xtn.small.wide,
.xtn.medium.wide,
.xtn.large.wide {
  padding-right: .6em;
  padding-left: .6em;
}

.xtn.basic {
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}
.xtn.order {
  color: #fff;
  background-color: #f84747;
}
.xtn.logo {
  color: #fff;
  background-color: #f5be00;
}
.xtn.fude {
  color: #fff;
  background-color: #449cce;
}
.xtn.chara {
  color: #fff;
  background-color: #00c686;
}
.xtn.green {
  color: #fff;
  background-color: #5fba3b;
}
.xtn.turquoise {
  color: #fff;
  background-color: #6f969d;
}
.xtn.pink {
  color: #fff;
  background-color: #fe81a1;
}
.xtn.my {
  color: #fff;
  background-color: #f9527e;
}

.xtn.nc {
  color: #fff;
  background-color: #03a9f4;
}
.xtn.en {
  color: #fff;
  background-color: #96d228;
}

.xtn.white {
  border: 1px solid #ccc;
  background-color: #fff;
}
.xtn.ocean {
  color: #fff;
  background-color: #3bb2c6;
}
.xtn.dim {
  color: #fff;
  background-color: #aaa;
}

.xtn:disabled {
  cursor: default;
  background: #ccc;
}
.xtn.fade:disabled:hover {
  opacity: 1;
}

/* 角丸
------------------------------------------- */
.res_img,
.res-img {
  height: auto;
  width: 100%;
}
.cnr3 { border-radius: 3px; }
.cnr6 { border-radius: 6px; }

.write { line-height: 1.8;}
.write > *:not(:last-child) { margin-bottom: .6em;}

.fade { transition: opacity .3s;}
.fade:hover { opacity: .8;}

/* ボタン
------------------------------------------- */
.sink {
  position: relative;
  top: 0;
  -webkit-transition: all .1s;
     -moz-transition: all .1s;
      -ms-transition: all .1s;
          transition: all .1s;

}
.sink:hover {
  top: 2px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
          box-shadow: none;
}
.btn a {
  border-radius: 3px;
}
.basic_btn a {
  display: inline-block;
  padding: 6px 22px;
  border: 1px solid #ccc;
  background: #f8f8f8;
}
.login_btn a {
  display: block;
  padding: 8px 24px;
  color: #fff;
  font-weight: bold;
  background: #5fba3b;
}
.login_btn span {
  padding: 2px 0 2px 23px;
  background: url(../img/i_login.png) no-repeat 0 50%;
}
.hm_contact_btn a {
  display: block;
  padding: 8px 24px;
  color: #fff;
  font-weight: bold;
  background: #3bb2c6;
}
.hm_contact_btn span {
  padding: 2px 0 2px 23px;
  background: url(../img/i_hm_contact.png) no-repeat 0 50%;
}
.order_btn a {
  background: #f84747;
  display: block;
  padding: 12px 0;
}
.order_btn span {
  background: url(../img/arw_wc_cut.png) no-repeat scroll 100% 50%;
  color: #fff;
  padding-right: 24px;
}

/* ロゴデザイン */
.logo_basic_btn span {
  padding: 0 20px 0 0;
  background: url(../img/logo_c_arw.png) no-repeat 100% 50%;
}
.sort_btn {
  background: #5db93e;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 1.6rem;
  padding: 10px 30px;
}

/* 見出し
------------------------------------------- */
.page_heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  margin: 0 0 30px;
  border-top: 4px solid #ecd200;
  border-bottom: 1px solid #ccc;
  background: #fafafa;
}

/* 名刺 */
#namecard .page_heading {
  border-top: 4px solid #03a9f4;
}
/* 封筒 */
#envelope .page_heading {
  border-top: 4px solid #96d228;
}
/* パンフレット */
#pamphlet .page_heading {
  border-top: 4px solid #fa463c;
}
/* ショップカード診察券 */
#shopcard .page_heading {
  border-top: 4px solid #fa8200;
}
/* ポケットホルダー */
#folder .page_heading {
  border-top: 4px solid #a064fa;
}
/* モーションロゴ */
#motion .page_heading {
  border-top: 4px solid #6bbf2e;
}
/* WEB */
#web .page_heading {
  border-top: 4px solid #fa3296;
}

.page_ttl {
  font-size: 2.4rem;
}
.page_option {
  margin-left: auto;
  font-size: 1.4rem;
}
.rec_numer,
.rec_denom {
  padding: 0 5px;
  letter-spacing: -0.1rem;
}
.rec_numer {
  font-size: 3rem;
}
.rec_denom {
  font-size: 2rem;
}
.post_denom {
  padding: 0 6px;
  font-size: 3.2rem;
}
.sub_ttl {
  padding: 0 0 15px;
  margin: 0 0 15px;
  font-size: 1.7rem;
  background: url(../img/sub_line.png) repeat-x 0 100%;
}
.sub_ttl span,
.act_ttl span {
  padding: 2px 0 2px 30px;
}
.act_ttl .num {
  font-size: 3rem;
  padding: 0 0.2em;
}
.yen_ico { background: url(../img/i_yen.png) no-repeat 0 50%;}
.bag_ico { background: url(../img/i_bag.png) no-repeat 0 50%;}
.search_ico { background: url(../img/icon_search.png) no-repeat 0 50%;}
.grid_ico { background: url(../img/i_grid.png) no-repeat 0 50%;}
.client_ico { background: url(../img/i_client.png) no-repeat 0 50%;}
.trade_ico { background: url(../img/i_trademark.png) no-repeat 0 50%;}
.brush_ico { background: url(../img/i_brush.png) no-repeat 0 50%;}
.vari_ico { background: url(../img/i_variation.png) no-repeat 0 50%;}
.nc_ico { background: url(../img/i_namecard.png) no-repeat 0 50%;}
.en_ico { background: url(../img/i_envelope.png) no-repeat 0 50%;}
.sizing_ico { background: url(../img/i_sizing.png) no-repeat 0 50%;}
.shopcard_ico { background: url(../img/i_shopcard.png) no-repeat 0 50%;}
.pam_ico { background: url(../img/i_shopcard.png) no-repeat 0 50%;}
.pam_ico { background: url(../img/i_pamphlet.png) no-repeat 0 50%;}
.folder_ico { background: url(../img/i_poketfolder.png) no-repeat 0 50%;}
.web_ico { background: url(../img/i_web.png) no-repeat 0 50%;}
.motion_ico { background: url(../img/i_motion.png) no-repeat 0 50%;}
.talk_ico { background: url(../img/i_talk.png) no-repeat 0 50%;}
.wallet_ico { background: url(../img/i_wallet.png) no-repeat 0 50%;}
.letter_ico { background: url(../img/i_letter.png) no-repeat 0 50%;}
.option_ico { background: url(../img/i_clip.png) no-repeat 0 50%;}
.cart_ico { background: url(../img/i_cart.png) no-repeat 0 50%;}
.truck_ico { background: url(../img/i_truck.png) no-repeat 0 50%;}
.estimate_ico { background: url(../img/i_estimate.png) no-repeat 0 50%;}
.play_ico { background: url(../img/i_play.png) no-repeat 0 50%;}
.note_ico { background: url(../img/i_note.png) no-repeat 0 50%;}
.results_ico { background: url(../img/i_results.png) no-repeat 0 50%;}
.config_ico { background: url(../img/i_config.png) no-repeat 0 50%;}
.manage_ico { background: url(../img/i_manage.png) no-repeat 0 50%;}
.question_ico { background: url(../img/i_question.png) no-repeat 0 50%;}
.rank_ico { background: url(../img/i_rank.png) no-repeat 0 50%;}
.entry_ico { background: url(../img/i_entry.png) no-repeat 0 50%;}
.knack_ico { background: url(../img/i_knack.png) no-repeat 0 50%;}
.knowledge_ico { background: url(../img/i_knowledge.png) no-repeat 0 50%;}

.act_ttl {
  margin: 0 0 14px;
  font-size: 1.7rem;
}
.std_ttl {
  border-left: 5px solid #f5be00;
  font-size: 1.6rem;
  line-height: 1;
  margin: 0 0 16px;
  padding: 0 0 0 8px;
}

.std_ttl.set { border-left: 5px solid #f57c00;}

/* ロゴデザイン */
.logo_std_ttl { border-left: 5px solid #f5be00;}

/* 名刺 */
.namecard_std_ttl { border-left: 5px solid #03a9f4;}

/* 封筒 */
.envelope_std_ttl { border-left: 5px solid #96d228;}

/* パンフレット */
.pamphlet_std_ttl { border-left: 5px solid #fa463c;}

/* ショップカード・診察券 */
.card_std_ttl { border-left: 5px solid #fa8200;}

/* ポケットホルダー */
.folder_std_ttl { border-left: 5px solid #a064fa;}

/* WEB */
.web_std_ttl { border-left: 5px solid #fa3296;}

/* セットプラン */
.set_std_ttl { border-left: 5px solid #f84747;}

/* モーションロゴ */
.motion_std_ttl { border-left: 5px solid #6bbf2e;}

/* ストア */
.store_std_ttl { border-left: 5px solid #3399cc;}

.notification {
  padding: 1.4em;
  font-size: 93%;
  border: 3px double #f9527e;
  background: #f5f5f5;
}
.notification ul li {
  position: relative;
  padding-left: 1.4em;
}
.notification ul li:not(:last-child) {
  margin-bottom: .3em;
}
.notification ul li::before {
  position: absolute;
  content: "※";
  left: 0;
}
.notification.rising {
  margin-bottom: 20px;
}
.notification.rising .ttl {
  display: inline-block;
  padding: .2em .6em;
  margin-bottom: 8px;
  color: #fff;
  font-size: 116%;
  background-color: #f9527e;
}

.notification.rising {
  margin-bottom: 20px;
}
.notification.rising .ttl {
  display: inline-block;
  padding: .2em .6em;
  margin-bottom: 8px;
  color: #fff;
  font-size: 116%;
  background-color: #f9527e;
}

.contents_lede {
  margin-bottom: 15px;
  line-height: 1.8;
}

/* フォーム
------------------------------------------- */
input,
textarea,
select {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 1.3rem;
  padding: 4px 8px;
  border: 1px solid #d4d4d4;
  background: #fff;
  border-radius: 0;
  vertical-align: middle;
}
.unit {
  padding: 0 0 0 8px;
}

textarea{
  resize: vertical;
}

/* ヘッダー
------------------------------------------- */
#header {
  border-bottom: 1px solid #ccc;
}
#header header {
  padding: 22px 0 0;
}
.simple_header #header header {
  padding: 25px 0;
}
#header .logo {
  float: left;
  width: 142px;
  height: 44px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image : url(../img/header/head_logo.png);
  background-repeat: no-repeat;
}
#header .logo a {
  display: block;
  height: 44px;
}

/* 名刺 */
#namecard #header .logo {
  width: 200px;
  background-image : url(../../../namecard/pc/img/common/head_logo.png);
}

/* 封筒 */
#envelope #header .logo {
  width: 200px;
  background-image : url(../../../envelope/pc/img/common/head_logo.png);
}

/* パンフレット */
#pamphlet #header .logo {
  width: 200px;
  background-image : url(../../../pamphlet/pc/img/common/head_logo.png);
}

/* ショップカード診察券 */
#shopcard #header .logo {
  width: 200px;
  background-image : url(../../../shopcard/pc/img/common/head_logo.png);
}

/* ポケットホルダー */
#folder #header .logo {
  width: 200px;
  background-image : url(../../../folder/pc/img/common/head_logo.png);
}

/* モーションロゴ */
#motion #header .logo {
  width: 200px;
  background-image : url(../../../motion/pc/img/common/head_logo.png);
}

/* WEB */
#web #header .logo {
  width: 200px;
  background-image : url(../../../web/pc/img/common/head_logo.png);
}

.head_menu {
  padding: 8px 0 0;
}
.head_menu p {
  float: right;
  margin: 0 0 0 17px;
}
.head_menu .login_btn a {
  padding: 8px 24px;
}
.login_hear_header .head_menu {
  padding: 0;
}
.logined_menu {
  float: right;
}
.logined_menu li {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
.logined_menu .hello {
  font-weight: bold;
}
#my .logined_menu .xtn.my { background-color: #aaa;}

#header.login_hear_header header {
  padding: 25px 0;
}
.people_img {
  border-radius: 22px;
  width: 44px;
}
.people {
  position: relative;
}
.dmenu_btn {
  display: block;
  padding-right: 23px;
  background: url(../img/mypage/people_arw.png) no-repeat 100% 50%;
}
.drop_menu {
  position: absolute;
  top: 58px;
  left: -120px;
  width: 200px;
  background: #fff;
  z-index: 9999;
}
.drop_menu ul {
  position: relative;
}
.drop_menu ul:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 80%;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #2b2b2b transparent;
}
.drop_menu li {
  display: block;
  margin: 0;
}
.drop_menu li:not(:last-child) {
  border-bottom: 1px solid #4b4b4b;
}
.drop_menu li a {
  display: block;
  color: #fff;
  padding: 15px 20px;
  background: #2b2b2b;
}

/* グローバルナビゲーション
------------------------------------------- */
.login_hear_header .gnavi {
  margin: -15px 0 -1px;
}
.gnavi {
  margin: 13px 0 -1px;
}
.gnavi ul {
  background: url(../img/header/separator.png) no-repeat 0 100%;
}
.gnavi li {
  float: left;
  width: calc(100% / 7);
  text-align: center;
  background: url(../img/header/separator.png) no-repeat 100% 100%;
}
.gnavi.pamphlet li {
  width: 163px;
}
#logo .gnavi li{
  width: calc(100% / 6);
}
.gnavi li a {
  display: block;
  padding: 50px 0 16px;
  background-repeat: no-repeat;
  background-position: 50% 20px;
}
.gnavi li a:hover {
  padding: 50px 0 12px;
  border-bottom: 4px solid #f583a1;
}
.gnavi .nav_order a:hover {
  border-bottom: 4px solid #d51d1d;
}
.gnavi .nav_home a { background-image: url(../img/header/i_home.png);}
.gnavi .nav_about a { background-image: url(../img/header/i_about.png);}
.gnavi .nav_records a { background-image: url(../img/header/i_records.png);}
.gnavi .nav_price a { background-image: url(../img/header/i_price.png);}
.gnavi .nav_book a { background-image: url(../img/header/i_book.png);}
.gnavi .nav_flow a { background-image: url(../img/header/i_flow.png);}
.gnavi .nav_guide a { background-image: url(../img/header/i_guide.png);}
.gnavi .nav_contact a { background-image: url(../img/header/i_contact.png);}
.gnavi .nav_estimate a { background-image: url(../img/header/i_estimate.png);}
.gnavi .nav_domain a { background-image: url(../img/header/i_domain.png);}
.gnavi .nav_voice a { background-image: url(../img/header/i_voice.png);}
.gnavi .nav_order a { color: #fff; background-color: #f84747; background-image: url(../img/header/i_order.png); }

.gnavi .nav_order.logofree a { background-position: 50% 10px; padding: 40px 0 8px; }
.gnavi .nav_order.logofree a:hover { padding: 40px 0 4px; }

.gnavi .sub {
  background-image: none;
  position: absolute;
  z-index: 55;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
          transition: all .3s;
}
.gnavi .nav_price:hover .sub {
  opacity: 1;
  visibility: visible;
}
.gnavi .sub li {
  float: none;
  width:140px;
}
.gnavi .sub li a {
  display: block;
  border-right: 1px solid #ddd;
  border-left:  1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  box-sizing: border-box;
}
.gnavi .sub li a:hover {
  color: #fff;
}
.gnavi .nav_price .sub a {
  padding: 1em 0;
  background-image: none;
}
.gnavi .nav_price .sub a:hover {
  color: #fff;
}

.gnavi .sub li .ico {
  padding-right: 1.3em;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.gnavi .sub li:hover .ico {
  background-size: 12px 12px;
}

/* ロゴデザイン */
#logo.home .gnavi .nav_home a,
#logo.about .gnavi .nav_about a,
#logo.records .gnavi .nav_records a,
#logo.price .gnavi .nav_price a,
#logo.flow .gnavi .nav_flow a,
#logo.contact .gnavi .nav_contact a,
#logo.order .gnavi .nav_order a,
#logo.guide .gnavi .nav_guide a {
  padding: 50px 0 12px;
  border-bottom: 4px solid #f583a1;
}

/* 名刺 */
.gnavi .nav_namecard a {
  background-image: url(../../../namecard/pc/img/common/i_namecard.png);
}
#namecard .gnavi li a:hover {
  border-color: #03a9f4;
}
#namecard .gnavi .nav_home a:hover {
  border-color: #f583a1;
}
#namecard .gnavi .nav_order a:hover {
  border-bottom: 4px solid #d51d1d;
}
#namecard.home .gnavi .nav_namecard > a,
#namecard.records .gnavi .nav_records > a,
#namecard.price .gnavi .nav_price > a,
#namecard.paper .gnavi .nav_price > a,
#namecard.flow .gnavi .nav_flow > a,
#namecard.contact .gnavi .nav_contact > a,
#namecard.order .gnavi .nav_order > a {
  border-bottom: 4px solid #03a9f4;
  padding-bottom: 12px;
}

/* sub */
#namecard .gnavi .sub a:hover {
  border-color: #03a9f4;
  background-color: #03a9f4;
}
#namecard .gnavi .sub li .ico {
  background-image: url(../img/nc_c_arw.png);
}
#namecard  .gnavi .sub li:hover .ico {
  background-image: url(../img/arw_wc_cut.png);
}

/* 封筒 */
.gnavi .nav_envelope a {
  background-image: url(../../../envelope/pc/img/common/i_envelope.png);
}
#envelope .gnavi li a:hover {
  border-color: #96d228;
}
#envelope .gnavi .nav_home a:hover {
  border-color: #f583a1;
}
#envelope .gnavi .nav_order a:hover {
  border-bottom: 4px solid #d51d1d;
}
#envelope.home .gnavi .nav_envelope > a,
#envelope.records .gnavi .nav_records > a,
#envelope.price .gnavi .nav_price > a,
#envelope.flow .gnavi .nav_flow > a,
#envelope.contact .gnavi .nav_contact > a,
#envelope.order .gnavi .nav_order > a {
  border-bottom: 4px solid #96d228;
  padding-bottom: 12px;
}

/* sub */
#envelope .gnavi .sub a:hover {
  border-color: #96d228;
  background-color: #96d228;
}
#envelope .gnavi .sub li .ico {
  background-image: url(../img/en_c_arw.png);
}
#envelope  .gnavi .sub li:hover .ico {
  background-image: url(../img/arw_wc_cut.png);
}

/* ウェブサイト */
.gnavi .nav_web a {
  background-image: url(../../../web/pc/img/common/i_web.png);
}
#web .gnavi li a:hover {
  border-color: #fa3296;
}
#web .gnavi .nav_home a:hover {
  border-color: #f583a1;
}
#web .gnavi .nav_order a:hover {
  border-bottom: 4px solid #d51d1d;
}
#web .gnavi .nav_home a,
#web .gnavi .nav_flow a,
#web .gnavi .nav_contact a,
#web .gnavi .nav_domain a,
#web .gnavi .nav_order a {
  padding: 60px 0 23px;
}
#web .gnavi .nav_home a:hover,
#web .gnavi .nav_flow a:hover,
#web .gnavi .nav_contact a:hover,
#web .gnavi .nav_domain a:hover,
#web .gnavi .nav_order a:hover {
  padding-bottom: 19px;
}
#web.home .gnavi .nav_web > a,
#web.records .gnavi .nav_records > a,
#web.price .gnavi .nav_price > a {
  border-bottom: 4px solid #fa3296;
  padding-bottom: 12px;
}
/*#web.home .gnavi .nav_home a,*/
#web.flow .gnavi .nav_flow > a,
#web.contact .gnavi .nav_contact > a,
#web.order .gnavi .nav_order > a {
  border-bottom: 4px solid #fa3296;
  padding-bottom: 19px;
}

/* sub */
#web .gnavi .sub a:hover {
  border-color: #fa3296;
  background-color: #fa3296;
}
#web .gnavi .sub li .ico {
  background-image: url(../img/web_c_arw.png);
}
#web  .gnavi .sub li:hover .ico {
  background-image: url(../img/arw_wc_cut.png);
}

/* パンフレット */
.gnavi .nav_pamphlet a {
  background-image: url(../../../pamphlet/pc/img/common/i_pamphlet.png);
}
#pamphlet .gnavi li a:hover {
  border-color: #fa463c;
}
#pamphlet .gnavi .nav_home a:hover {
  border-color: #f583a1;
}
#pamphlet .gnavi .nav_order a:hover {
  border-bottom: 4px solid #d51d1d;
}
#pamphlet .gnavi .nav_home a,
#pamphlet .gnavi .nav_flow a,
#pamphlet .gnavi .nav_estimate a,
#pamphlet .gnavi .nav_contact a,
#pamphlet .gnavi .nav_order a {
  padding: 60px 0 23px;
}
#pamphlet .gnavi .nav_home a:hover,
#pamphlet .gnavi .nav_flow a:hover,
#pamphlet .gnavi .nav_contact a:hover,
#pamphlet .gnavi .nav_estimate a:hover,
#pamphlet .gnavi .nav_order a:hover {
  padding-bottom: 19px;
}
#pamphlet.home .gnavi .nav_pamphlet > a,
#pamphlet.records .gnavi .nav_records > a,
#pamphlet.price .gnavi .nav_price > a {
  border-bottom: 4px solid #fa463c;
  padding-bottom: 12px;
}
/*#pamphlet.home .gnavi .nav_home a,*/
#pamphlet.flow .gnavi .nav_flow > a,
#pamphlet.contact .gnavi .nav_contact > a,
#pamphlet.order .gnavi .nav_order > a {
  border-bottom: 4px solid #fa463c;
  padding-bottom: 19px;
}

/* sub */
#pamphlet .gnavi .sub a:hover {
  border-color: #fa463c;
  background-color: #fa463c;
}
#pamphlet .gnavi .sub li .ico {
  background-image: url(../img/pam_c_arw.png);
}
#pamphlet  .gnavi .sub li:hover .ico {
  background-image: url(../img/arw_wc_cut.png);
}

/* ショップカード診察券 */
.gnavi .nav_shopcard a {
  background-image: url(../../../shopcard/pc/img/common/i_shopcard.png);
}
#shopcard .gnavi li a:hover {
  border-color: #fa8200;
}
#shopcard .gnavi .nav_home a:hover {
  border-color: #f583a1;
}
#shopcard .gnavi .nav_order a:hover {
  border-bottom: 4px solid #d51d1d;
}
#shopcard.home .gnavi .nav_shopcard > a,
#shopcard.records .gnavi .nav_records > a,
#shopcard.price .gnavi .nav_price > a,
#shopcard.flow .gnavi .nav_flow > a,
#shopcard.contact .gnavi .nav_contact > a,
#shopcard.order .gnavi .nav_order > a {
  border-bottom: 4px solid #fa8200;
  padding-bottom: 12px;
}

/* sub */
#shopcard .gnavi .sub a:hover {
  border-color: #fa8200;
  background-color: #fa8200;
}
#shopcard .gnavi .sub li .ico {
  background-image: url(../img/card_c_arw.png);
}
#shopcard  .gnavi .sub li:hover .ico {
  background-image: url(../img/arw_wc_cut.png);
}

/* ポケットホルダー */
.gnavi .nav_folder a {
  background-image: url(../../../folder/pc/img/common/i_folder.png);
}
#folder .gnavi li a:hover {
  border-color: #a064fa;
}
#folder .gnavi .nav_home a:hover {
  border-color: #f583a1;
}
#folder .gnavi .nav_order a:hover {
  border-bottom: 4px solid #d51d1d;
}
#folder .gnavi .nav_home a,
#folder .gnavi .nav_flow a,
#folder .gnavi .nav_contact a,
#folder .gnavi .nav_estimate a,
#folder .gnavi .nav_order a {
  padding: 60px 0 23px;
}
#folder .gnavi .nav_home a:hover,
#folder .gnavi .nav_flow a:hover,
#folder .gnavi .nav_contact a:hover,
#folder .gnavi .nav_estimate a:hover,
#folder .gnavi .nav_order a:hover {
  padding-bottom: 19px;
}
#folder.home .gnavi .nav_folder > a,
#folder.records .gnavi .nav_records > a,
#folder.price .gnavi .nav_price > a {
  border-bottom: 4px solid #a064fa;
  padding-bottom: 12px;
}
/*#folder.home .gnavi .nav_home a,*/
#folder.flow .gnavi .nav_flow > a,
#folder.contact .gnavi .nav_contact > a,
#folder.order .gnavi .nav_order > a {
  border-bottom: 4px solid #a064fa;
  padding-bottom: 19px;
}

/* sub */
#folder .gnavi .sub a:hover {
  border-color: #a064fa;
  background-color: #a064fa;
}
#folder .gnavi .sub li .ico {
  background-image: url(../img/folder_c_arw.png);
}
#folder  .gnavi .sub li:hover .ico {
  background-image: url(../img/arw_wc_cut.png);
}

/* モーションロゴ */
.gnavi .nav_motion a {
  background-image: url(../../../motion/pc/img/common/i_motion.png);
}
.gnavi .nav_sample a {
  background-image: url(../../../motion/pc/img/common/i_sample.png);
}
#motion .gnavi li a:hover {
  border-color: #6bbf2e;
}
#motion .gnavi .nav_home a:hover {
  border-color: #f583a1;
}
#motion .gnavi .nav_order a:hover {
  border-bottom: 4px solid #d51d1d;
}
#motion .gnavi .nav_home a,
#motion .gnavi .nav_flow a,
#motion .gnavi .nav_contact a,
#motion .gnavi .nav_estimate a,
#motion .gnavi .nav_order a {
  padding: 60px 0 23px;
}
#motion .gnavi .nav_home a:hover,
#motion .gnavi .nav_flow a:hover,
#motion .gnavi .nav_contact a:hover,
#motion .gnavi .nav_estimate a:hover,
#motion .gnavi .nav_order a:hover {
  padding-bottom: 19px;
}
#motion.home .gnavi .nav_motion a,
#motion.sample .gnavi .nav_sample a,
#motion.price .gnavi .nav_price a {
  border-bottom: 4px solid #6bbf2e;
  padding-bottom: 12px;
}
/*#motion.home .gnavi .nav_home a,*/
#motion.flow .gnavi .nav_flow a,
#motion.contact .gnavi .nav_contact a,
#motion.order .gnavi .nav_order a {
  border-bottom: 4px solid #6bbf2e;
  padding-bottom: 19px;
}

/* パンくず
------------------------------------------- */
#breadcrumbs {
  padding: 18px 0;
  background: #f7f7f7;
}
#breadcrumbs li {
  display: inline-block;
  font-size: 1.2rem;
}
#breadcrumbs li a {
  padding: 0 17px 0 0;
  margin: 0 10px 0 0;
  background: url(../img/bc_arw.png) no-repeat 100% 50%;
}
#breadcrumbs li a:hover {
  text-decoration: underline;
}
#breadcrumbs li a {
  text-decoration: underline;
}

/* ロゴデザイン */
#logo #breadcrumbs li a {
  color: #cf9701;
}
/* 名刺 */
#namecard #breadcrumbs li a {
  color: #03a9f4;
}
/* 封筒 */
#envelope #breadcrumbs li a {
  color: #89be28;
}
/* パンフレット */
#pamphlet #breadcrumbs li a {
  color: #fa463c;
}
/* ショップカード診察券 */
#shopcard #breadcrumbs li a {
  color: #fa8200;
}
/* ポケットホルダー */
#folder #breadcrumbs li a {
  color: #a064fa;
}
/* WEB */
#web #breadcrumbs li a {
  color: #fa3296;
}

/* コンテンツ
------------------------------------------- */
.wrap {
  margin: 0 auto;
  width: 980px;
}
#container {
  padding: 30px 0 60px;
}
#main {
  float: right;
  width: 710px;
}
.content {
  margin: 0 0 40px;
}
.sentence {
  font-size: 1.4rem;
  line-height: 1.7;
}

.order_gate {
  padding: 24px 0;
  width: 100%;
  text-align: center;
  background-color: #fffcf2;
}
.order_gate.price {
  padding: 26px 30px;
  box-sizing: border-box;
}
.order_gate.frame {
  border-top: 3px solid #f5be00;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.order_gate.casing {
  border: 1px solid #f5be00;
}
.order_gate.specific {
  padding: 0;
  margin: 30px 0 40px;
  background-color: transparent;
}
.order_gate .ttl {
  display: block;
}
.order_gate .ttl .em {
  font-size: 120%;
}
.order_gate .cancel {
  color: #e86e56;
}
.order_gate.price .btn {
  margin-bottom: 0;
}
.order_gate.price .btn a {
  display: inline-block;
}
.order_gate .btn .arw {
  display: inline-block;
  padding-right: 1.4em;
  line-height: 2.2rem;
  background-image: url(../img/c_arw_l.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: auto 2.2rem;
}
.order_gate .txt_link .arw {
  display: inline-block;
  text-decoration: underline;
  padding-right: 1.4em;
  line-height: 1.3rem;
  background-image: url(../img/logo_c_arw.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: auto 1.3rem;
}

/* タイトルテキスト省略 */
.abridge {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
          overflow: hidden;
}

/* ご注意ください（横） */
.essential_col {
  display: table;
  width: 100%;
  border-top: 1px solid #ff6f64;
  border-right: 1px solid #ff6f64;
  border-bottom: 1px solid #ff6f64;
}
.essential_head {
  display: table-cell;
  width: 28%;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  background: #ff6f64;
}
.essential_head .essential_inner {
  padding: 20px;
}
.essential_main {
  display: table-cell;
  width: 72%;
  vertical-align: middle;
  font-size: 1.2rem;
  background: #f6f6f6;
}
.essential_main .essential_inner {
  padding: 20px;
}
.essential_ttl {
  padding: 30px 0 0;
  font-size: 1.6rem;
  background: url(../img/i_essential.png) no-repeat 50% 0;
}
.essential_sub {
  font-size: 1.2rem;
}
.essential_main li {
  padding: 0 0 0 18px;
  margin: 0 0 10px;
  background: url(../img/i_cross.png) no-repeat 0 .4rem;
}
.essential_main li:last-child {
  margin: 0;
}
.essential_main .essential_atc li {
  background: url(../img/i_e_check.png) no-repeat 0 .4rem;
}
.essential_head .essential_sub {
  margin: 10px 0 0;
}
.essential_main .essential_sub {
  margin: 10px 0;
  font-weight: bold;
}

/* フォーム完了 */
.mail_complete .essential_col {
  margin: 0 0 20px;
}
.mail_complete .essential_head {
  width: 22%;
}
.mail_complete .essential_main {
  width: 78%;
}
.mail_complete .basic_btn .logo_c_arw {
  padding: 0 20px 0 0;
  background: url(../img/logo_c_arw.png) no-repeat 100% 50%;
}

/* 商標プランバナー */
.trade_big .act_ttl {
  margin: 0 0 10px;
}

/* LOGO市Storeバナー */
.store_big {
  margin: 0 0 50px;
}
.store_big .act_ttl {
  margin: 0 0 10px;
}

/* その他デザインバナー */
.other_design {
  margin: 0 0 20px;
}
.other_design_ttl {
  font-size: 1.7rem;
}
.other_design_list li {
  float: left;
  margin-right: 19px;
  margin-bottom: 18px;
  width: 224px;
}
.other_design_list li:nth-of-type(1) {
  margin-right: 18px;
  width: 346px;
}
.other_design_list li:nth-of-type(2) {
  width: 346px;
  margin-right: 0;
}
.other_design_list li:nth-child(3n+2) {
  margin-right: 0;
}
.other_design_set {
  margin: 0 0 20px;
}


/* ステップ */
.home_step {
  border: 1px solid #ddd;
  background: #fffbf3;
}
.home_step_ttl {
  margin: -1px 0 0;
}
.home_step_ttl span {
  display: inline-block;
  padding-top: 20px;
}
.home_step_block {
  padding: 150px 20px 30px;
  background: url(../img/contents/step_bg.png) no-repeat 50% 43px;
}
.home_step_box {
  float: left;
  width: 205px;
}
.home_step_box:not(:last-child) {
  margin: 0 25px 0 0;
}
.step_box_ttl {
  height: 63px;
}
.step_box_ttl span {
  display: table-cell;
  vertical-align: middle;
  height: 63px;
}
.step_box_btn {
  padding: 0 10px;
  text-align: center;
}
.step_box_btn a {
  display: block;
  padding: 10px 0;
  border: 1px solid #ccc;
  background: #fff;
}

/* プラン
------------------------------------------- */
.service_plan .sub_ttl span {
  padding: 2px 0 2px 34px;
}
.service_plan_desc {
  margin: 0 0 14px;
}
.service_plan_box {
  float: left;
  cursor: pointer;
  text-align: center;
}
.plan_box_ttl {
  display: table;
  width: 100%;
  color: #fff;
  line-height: 1;
  border-radius: 3px 3px 0px 0px;
  background: #333;
}
.plan_box_ttl a {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
.plan_box_ttl .re_fs {
  font-size: 83%;
}
.plan_box_main {
  padding: 0 3px 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius:  0px 0px 3px 3px;
  background: #f8f8f8;
}
.plan_box_item {
  background: #fff;
}
.plan_box_item li {
  padding: 10px 0;
  line-height: 2.4rem;
}
.plan_box_item li:nth-child(odd){
  background: #f8f8f8;
}
.plan_draft {
  font-size: 1.5rem;
}
.plan_price {
  font-size: 1.8rem;
}
.plan_price span {
  font-size: 3rem;
}
.plan_day {
  font-size: 1.4rem;
}
.plan_pay {
  color: #797979;
  font-size: 1.4rem;
}
.plan_emp {
  color: #e4597a;
  font-size: 1.7rem;
}
.service_plan_atc {
  margin: 0 0 10px;
  text-align: right;
  font-size: 1.2rem;
  line-height: 2;
}
.service_plan_link {
  text-align: right;
}
.service_plan_link li {
  display: inline-block;
}
.service_plan_link li:not(:last-child) {
  margin-right: 10px;
}
.service_plan_link .basic_btn a {
  padding: 8px 33px;
}
.essential_col {
  margin: 0 0 40px;
}

/* プラン */
#logo .service_plan_box {
  width: 220px;
}
#logo .service_plan_box:not(:last-child) {
  margin: 0 25px 0 0;
}
#logo .plan_box_ttl {
  height: 65px;
}
#logo .plan_box_ttl span {
  height: 65px;
}
.home_logo_plan .plan_box_ttl {
  background: #f5be00;
}
.home_brush_plan .plan_box_ttl {
  background: #449cce;
}
.home_chara_plan .plan_box_ttl {
  background: #00c686;
}
#logo .plan_box_item {
  padding: 105px 0 0;
}
.home_logo_plan .plan_box_item {
  background: #fff url(../../../main/pc/img/contents/logo_plan.png) no-repeat 50% 17px;
}
.home_brush_plan .plan_box_item {
  background: #fff url(../../../main/pc/img/contents/brush_plan.png) no-repeat 50% 17px;
}
.home_chara_plan .plan_box_item {
  background: #fff url(../../../main/pc/img/contents/chara_plan.png) no-repeat 50% 17px;
}
#logo #home_records .height_fix {
  min-height: 94px;
}

/* 速報共通
------------------------------------------- */
.feed_box_main {
  padding: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius:  0px 0px 3px 3px;
}
.feed_box .feed_heading {
  padding: 10px 20px;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 3px 3px 0px 0px;
  background: #000;
}
.feed_box_ttl {
  float: left;
}
.feed_box_subttl {
  float: right;
  font-size: 1.4rem;
}
.feed_icon {
  padding: 2px 0 2px 30px;
  background: url(../../../_common/pc/img/i_feed.png) no-repeat 0 50%;
}
.voice_icon {
  padding: 2px 0 2px 30px;
  background: url(../../../_common/pc/img/i_comment.png) no-repeat 0 50%;
}
.feed_btn {
  margin: 15px 0 0;
  text-align: right;
}
.feed_btn a {
  padding: 10px 22px 8px 47px;
}
.feed_btn a span {
  position: relative;
}
.feed_btn a span::after {
  background: url(../../../_common/pc/img/i_grid_gray.png) no-repeat 100% 50%;
  content: "";
  height: 16px;
  position: absolute;
  left: -25px;
  top: 1px;
  width: 16px;
}
.service_plan_link li .logo_c_arw {
  padding: 0 20px 0 0;
  background: url(../../../_common/pc/img/logo_c_arw.png) no-repeat 100% 50%;
}

/* お客様の声速報 */
.voice_feed .feed_heading {
  background: #fe81a1;
}
.feed_btn .voice_c_arw {
  padding: 0 22px 0 0;
  display: inline-block;
  background: url(../../../_common/pc/img/voice_c_arw.png) no-repeat 100% 50%;
}

/* ロゴデザイン速報 */
.logo_feed {
  margin: 0 0 40px;
}
.logo_feed .feed_heading {
  background: #f5be00;
}
.logo_feed .logo_c_arw {
  padding: 0 22px 0 0;
  display: inline-block;
  background: url(../../../_common/pc/img/logo_c_arw.png) no-repeat 100% 50%;
}
.logo_feed .feed_box_main {
  padding: 20px 20px 0;
}
.logo_feed_box {
  float: left;
  margin: 0 0 10px 0;
  width: 208px;
  height: 215px;
  font-size: 1.2rem;
}
.logo_feed_box:not(:nth-child(3n)) {
  margin: 0 22px 20px 0;
}
.logo_feed_thumb a {
  display: block;
  border: 1px solid #d7d7d7;
}
.logo_feed_thumb img {
  width: 206px;
}

/* インフォメーション
------------------------------------------- */
.news_imp {
  display: inline-block;
  padding: 3px 10px;
  margin: 0 0 15px;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  background: #f9527e;
}
.home-news {
  margin-bottom: 30px;
}
.news_list .item:not(:last-child) {
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px dotted #ccc;
}
.news_list .item p {
  text-align: left;
}
.news_list .item .news_date {
  width: 12%;
  color: #848484;
  font-size: 1.2rem;
}
.news_list .item .news_cat {
  width: 10%;
}
.news_label {
  display: block;
  padding: 3px 0;
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  border-radius: 3px;
}
.news_label.information { background: #666;}
.news_label.new { background: #666;}
.news_label.important { background: #f5af09;}

.news_list .item .news_txt {
  padding-left: 20px;
}

.basic_btn.information .logo_c_arw {
  background: url(../../../_common/pc/img/logo_c_arw.png) no-repeat scroll 100% 50%;
  padding: 0 20px 0 0;
}

.news_list .item .news_txt a {
  cursor: pointer;
  text-decoration: underline;
}

.notice_heading ul li {
  display: inline-block;
}
.notice_heading ul li:not(:last-child) {
  margin-right: 16px;
}
.notice_heading .news_label {
  padding-right: 8px;
  padding-left: 8px;
}
.notice_heading .news_date {
  color: #848484;
}

/* フォーム共通
------------------------------------------- */
.base_table {
  margin: 0 0 30px;
  width: 100%;
  border-top: 1px solid #ddd;
}
.base_table th,
.base_table td {
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}
.base_table th {
  padding: 20px 15px;
  font-weight: bold;
  background: #f7f7f7;
}
.base_table td {
  padding: 15px;
}
.heading_line {
  padding: 0 0 0 4rem;
}
.main_table th {
  width: 205px;
}

.size_xs { width: 88px; }
.size_s { width: 200px; }
.size_m { width: 300px; }
.size_l { width: 400px; }

.main_form .form_edit_btn input {
  font-size: 1.5rem;
}
.form_next_btn input,
.form_next_btn button {
  padding: 10px 36px;
  font-size: 1.8rem;
  background-color: #f84747;
}
.main_form .form_next_btn input,
.main_form .rows_btn .form_next_btn input {
  padding: 10px 36px;
  font-size: 1.5rem;
}

.estimate_btn {
  text-align: center;
}
.estimate_btn a {
  display: block;
  padding: 0.8em 0;
  font-size: 1.3rem;
  color: #fff;
  border: 1px solid #3bc69a;
  background-color: #3bc69a;
}
.white_c_arw {
  padding-right: 1.6em;
  line-height: 15px;
  background-image: url(../../../_common/pc/img/arw_wc_cut.png);
  background-repeat: no-repeat;
  background-size: auto 15px;
  background-position: 100% 50%;
}
.branch_row {
  display: flex;
  justify-content: center;
}
.branch_row li + li {
  margin-left: 24px;
}

/* オプション
------------------------------------------- */
.table {
  display: table;
  width: 100%;
}
.table .cell {
  display: table-cell;
}
.srv_bar {
  padding: 15px;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  background-color: #fafafa;
}
.srv_bar:not(:last-child) {
  margin: 0 0 20px;
}
.srv_bar.no1 {
  border: 1px solid #ba9e1f;
  background-color: #fffcf1;
}
.srv_bar_clip {
  vertical-align: top;
  width: 13%;
}
.srv_bar_info {
  box-sizing: border-box;
}
.srv_bar.col2 .srv_bar_info {
  padding-left: 15px;
  width: 80%;
}
.srv_bar.col3 .srv_bar_info {
  padding: 0 15px;
  width: 58%;
}
.srv_bar_select {
  vertical-align: middle;
  text-align: center;
  width: 16%;
  box-sizing: border-box;
}
.pop_label {
  display: inline-block;
  vertical-align: middle;
  padding-left: 43px;
  margin-bottom: 3px;
  color: #ba9e1f;
  font-size: 1.8rem;
  font-weight: bold;
  background-image: url(../img/contents/crown.png);
  background-repeat: no-repeat;
}
.srv_bar_head {
  display: table;
}
.srv_bar_head {
  padding: 0 0 4px;
  margin: 0 0 10px;
  border-bottom: 1px solid #d7d7d7;
}
.srv_bar_head.row {
  display: flex;
}
.srv_bar_ttl {
  width: 50%;
  font-size: 1.4rem;
  font-weight: bold;
}
.srv_bar_ttl.variable {
  width: auto;
  flex: 1;
}
.srv_bar_ttl .arw {
  display: inline-block;
  padding-right: 1.4em;
  background-image: url(../../../_common/pc/img/logo_c_arw.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.srv_bar_ttl .arw:hover {
  text-decoration: underline;
}
.srv_bar_price {
  text-align: right;
  width: 50%;
}
.srv_bar_price.variable {
  width: auto;
  width: 70px;
}
.srv_price_num {
  color: #e33764;
  font-weight: bold;
}
.srv_bar_desc {
  font-size: 1.2rem;
}
.delivery_option .srv_bar_clip {
  width: 20%;
}
.delivery_option .srv_bar_info {
  padding-left: 20px;
  padding-right: 0;
  width: 80%;
}
.deli_opt_btn .btn {
  font-size: 1.2rem;
  font-weight: bold;
}
.deli_opt_btn .btn a {
  display: block;
}
.deli_opt_btn li:not(:last-child) {
  margin-bottom: 1rem;
}
.deli_opt_btn .basic_btn a {
  background-color: #fff;
}

/* ロゴ画像高さ揃え
------------------------------------------- */

/* 共通 */
.logo_fix {
  display: table;
  width: 100%;
}
.logo_fix_in {
  display: table-cell;
  vertical-align: middle;
}

/* TOP実績 */
#logo .records_block .logo_fix_in {
  height: 100px;
}
.logo_feed .logo_fix_in {
  height: 130px;
}

/* ABOUT */
.about_records_list a {
  display: block;
  border: 1px solid #d7d7d7;
}
.about_records_list .logo_fix_in {
  height: 106px;
}

/* 実績一覧 */
#logo .records_list_thumb_logo .logo_fix_in {
  height: 133px;
}

/* 流れ */
#logo .flow_rec_list a {
  display: block;
  border: 1px solid #d7d7d7;
}
#logo .flow_rec_list .logo_fix_in {
  height: 106px;
}
/* お申し込み */
#logo.order .records_list_item .logo_fix_in {
  height: 114px;
}

/* ページャー
------------------------------------------- */
.pager_area {
  text-align: center;
  margin: 20px 0;
  font-size: 0;
}
.pager_top,
.pager_prev,
.pager_next,
.pager_last,
.pager_num_item {
  background-color: #f9f9f9;
  border: #cacaca 1px solid;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 12px;
  text-align: center;
  padding: 10px 0;
  vertical-align: middle;
  width: 35px;
}
.pager_top { margin-left: 0; }
.pager_num {
  display: inline-block;
  margin-left: 11px;
}
.pager_num_item {
  border-left: 0;
  border-radius: 0;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0;
  padding: 8px 0;
  width: 58px;
}
.pager_num_item:first-child { border-radius: 3px 0 0 3px; border-left: #cacaca 1px solid; }
.pager_num_item:last-child { border-radius: 0 3px 3px 0; }

/* ページカウント */
.records_list_note {
  margin: 10px 0;
}
.records_list_count {
  font-size: 1.6rem;
  font-weight: bold;
}
.clearfix > .records_list_count { float: left; padding-top: 16px; }
.records_list_num {
  padding-right: 0.5em;
}

.sort_plan_item.all.current { background-color: #f9527e; border-color: #f9527e; }

/* 次のページ */
.records_list_nextpage {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 30px;
}
.records_list_nextpage a {
  padding: 10px 80px!important;
}
.records_list_nextpage span {
  background: url(../../../main/pc/img/records/logo_c_arw16.png) no-repeat 100% 50%;
  padding-right: 30px;
}

/* ロゴデザイン
------------------------------------------- */
.pager_num_item.logo.current {
  background-color: #f4bd15;
  border-color: #f4bd15;
  color: #fff;
}
.sort_plan_item.logo.current { background-color: #f4bd15; border-color: #f4bd15; }
.fix_order_bnr.logo,
.fix_order_data_ttl.logo { background: #f4bd15; }
.voice_archive .voice_bal .meta .cat.logo { background: #f5be00; }

/* 筆文字ロゴ
------------------------------------------- */
.sort_plan_item.fude.current { background-color: #449bcd; border-color: #449bcd; }
.fix_order_bnr.fude,
.fix_order_data_ttl.fude { background: #449bcd; }
.voice_archive .voice_bal .meta .cat.fude { background: #449bcd; }

/* キャラクター
------------------------------------------- */
.sort_plan_item.charactor.current { background-color: #00c586; border-color: #00c586; }
.fix_order_bnr.charactor,
.fix_order_data_ttl.charactor { background: #00c586; }
.voice_archive .voice_bal .meta .cat.charactor { background: #00c586; }

/* 名刺
------------------------------------------- */
.pager_num_item.namecard.current {
  background-color: #03a9f4;
  border-color: #03a9f4;
  color: #fff;
}

/* 封筒
------------------------------------------- */
.pager_num_item.envelope.current {
  background-color: #96d228;
  border-color: #96d228;
  color: #fff;
}

/* パンフレット
------------------------------------------- */
.pager_num_item.pamphlet.current {
  background-color: #fa463c;
  border-color: #fa463c;
  color: #fff;
}

/* ショップカード・診察券
------------------------------------------- */
.pager_num_item.shopcard.current {
  background-color: #fa8200;
  border-color: #fa8200;
  color: #fff;
}

/* ポケットホルダー
------------------------------------------- */
.pager_num_item.folder.current {
  background-color: #a064fa;
  border-color: #a064fa;
  color: #fff;
}

/* WEB
------------------------------------------- */
.pager_num_item.web.current {
  background-color: #fa3296;
  border-color: #fa3296;
  color: #fff;
}

/* マイページ
------------------------------------------- */
.pager_num_item.my.current {
  background-color: #f9527e;
  border-color: #f9527e;
  color: #fff;
}

/* サイド
------------------------------------------- */
#sidebar {
  float: left;
  width: 230px;
}
.labo_page.detail #sidebar {
  position: sticky;
  top: 20px;
}
.svc_menu.labo {
  margin: 0 0 30px;
}
.svc_ttl {
  position: relative;
  display: inline-block;
  padding: 12px 0;
  width: 230px;
  color: #fff;
  line-height: 1;
  text-align: center;
  background: #000;
  z-index: 0;
}
.svc_ttl:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #f5be00 transparent transparent transparent;
  z-index: 0;
}

/* ロゴデザイン */
#logo .svc_ttl {
  background: #f5be00;
}

/* 名刺 */
#namecard .svc_ttl {
  background-color: #03a9f4;
}
#namecard .svc_ttl:before {
  border-color: #03a9f4 transparent transparent;
}
.svc_box_namecard { border-top: 4px solid #03a9f4;}
.svc_box_namecard .price .pricing { background-image: url(../../../namecard/pc/img/common/namecard-ico.png);}
.svc_box_namecard .print .pricing { background-image: url(../../../namecard/pc/img/common/print-ico.png);}
.svc_box_namecard .set .more .ico { background-image: url(../img/nc_c_arw.png);}

/* 封筒 */
#envelope .svc_ttl {
  background-color: #96d228;
}
#envelope .svc_ttl:before {
  border-color: #96d228 transparent transparent;
}
.svc_box_envelope { border-top: 4px solid #96d228;}
.svc_box_envelope .price .pricing { background-image: url(../../../envelope/pc/img/common/envelope-ico.png);}
.svc_box_envelope .print .pricing { background-image: url(../../../envelope/pc/img/common/print-ico.png);}
.svc_box_envelope .set .more .ico { background-image: url(../img/en_c_arw.png);}

/* パンフレット */
#pamphlet .svc_ttl {
  background-color: #fa463c;
}
#pamphlet .svc_ttl:before {
  border-color: #fa463c transparent transparent;
}
.svc_box_ttl.svc_box_pamphlet {
  background: url(../../../pamphlet/pc/img/common/pamphlet-ico.png) no-repeat 0 50% / 24px 26px;
  padding-left: 36px;
}
.svc_copy.pamphlet {
  background-image: url(../../../pamphlet/pc/img/common/svc_box_notice_pamphlet.png);
  color: #fa463c;
}
.svc_box_pamphlet { border-top: 4px solid #fa463c;}
.svc_box_pamphlet .price .pricing { background-image: url(../../../pamphlet/pc/img/common/pamphlet-ico.png);}
.svc_box_pamphlet .print .pricing { background-image: url(../../../pamphlet/pc/img/common/print-ico.png);}
.svc_box_pamphlet .set .more .ico { background-image: url(../img/pam_c_arw.png);}

/* ショップカード診察券 */
#shopcard .svc_ttl {
  background-color: #fa8200;
}
#shopcard .svc_ttl:before {
  border-color: #fa8200 transparent transparent;
}
.svc_box_shopcard { border-top: 4px solid #fa8200;}
.svc_box_shopcard .price .pricing { background-image: url(../../../shopcard/pc/img/common/shopcard-ico.png);}
.svc_box_shopcard .print .pricing { background-image: url(../../../shopcard/pc/img/common/print-ico.png);}
.svc_box_shopcard .set .more .ico { background-image: url(../img/card_c_arw.png);}

/* ポケットホルダー */
#folder .svc_ttl {
  background-color: #a064fa;
  font-size: 1.3rem;
}
#folder .svc_ttl:before {
  border-color: #a064fa transparent transparent;
}
.svc_box_folder { border-top: 4px solid #a064fa;}
.svc_box_folder .price .pricing { background-image: url(../../../folder/pc/img/common/folder-ico.png);}
.svc_box_folder .print .pricing { background-image: url(../../../folder/pc/img/common/print-ico.png);}
.svc_box_folder .set .more .ico { background-image: url(../img/folder_c_arw.png);}

/* モーションロゴ */
#motion .svc_ttl {
  background-color: #6bbf2e;
  font-size: 1.3rem;
}
#motion .svc_ttl:before {
  border-color: #6bbf2e transparent transparent;
}
.svc_box_motion {
  background: url(../../../motion/pc/img/common/svc_box_motion.png) no-repeat 10px 50%;
  border-top: 4px solid #6bbf2e;
  padding-left: 65px;
}
.svc_copy.motion {
  background-image: url(../../../motion/pc/img/common/svc_box_notice_motion.png);
  color: #6bbf2e;
}

/* WEB */
#web .svc_ttl {
  background-color: #fa3296;
  font-size: 1.3rem;
}
#web .svc_ttl:before {
  border-color: #fa3296 transparent transparent;
}
.svc_box_web {
  background: url(../../../web/pc/img/common/svc_box_web.png) no-repeat 0 50%;
  border-top: 4px solid #fa3296;
  padding-left: 65px;
}
.svc_copy.web {
  background-image: url(../../../web/pc/img/common/svc_box_notice_web.png);
}
.svc_box {
  /*cursor: pointer;*/
  border: 1px solid #ccc;
}
.svc_box .inner {
  padding: 0 12px 10px;
  border: 3px solid #eee;
}
.svc_box_main {
  padding: 12px 0 0;
  margin: -4px 0 0;
}
.svc_box_main .set {
  margin-bottom: 1.2rem;
}
.svc_box_main .pricing {
  padding-left: 46px;
  margin-bottom: .6rem;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.svc_box_main .set .pricing_h {
  display: block;
}
.svc_box_main .set .num {
  margin-right: 4px;
  line-height: 1;
}
.svc_box_main .set .more .ico {
  padding-right: 1.4em;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.svc_box_ttl {
  padding: 10px 0 12px 52px;
  margin: -4px 0 6px;
  border-bottom: 1px solid #e0e0e0;
}
.svc_box_logo {
  border-top: 4px solid #f5be00;
  background: url(../img/side/svc_box_logo.png) no-repeat 4px 50%;
}
.svc_box_logo.svc_box_ttl.logofree { margin-bottom: 10px; }
.svc_box_brush {
  border-top: 4px solid #449cce;
  background: url(../img/side/svc_box_brush.png) no-repeat 4px 50%;
}
.svc_box_chara {
  border-top: 4px solid #00c686;
  background: url(../img/side/svc_box_chara.png) no-repeat 4px 50%;
}
.svc_box_trade {
  border-top: 4px solid #1dadde;
  background: url(../img/side/svc_box_trade.png) no-repeat 4px 50%;
}
.svc_box_logo span {
  letter-spacing: 1px;
}
.svc_price {
  line-height: 1;
}
.svc_row .svc_price {
  margin-right: 8px;
  width: 48%;
}
.svc_copy {
  text-align: center;
  letter-spacing: 1px;
  background: url(../img/side/svc_box_notice.png) no-repeat 50% 100%
}
.svc_btn {
  flex: 1;
}
.large_svc_box .svc_price.estimate {
  margin-top: 10px;
}
.large_svc_box .svc_price .ex {
  font-size: 1rem;
}
.large_svc_box .svc_btn {
  display: block;
}
.tel_svc_box {
  border: 1px solid #ffafaf;
  font-size: 1.6rem;
  margin: 0 0 20px;
  background-color: #fff7f7;
}
.tel_svc_box .inner {
  border: 3px solid #ffd8d8;
  padding: 16px 0 16px 14px;
}
.tel_svc_txt a {
  display: block;
  color: #f84747;
}
.tel_svc_txt {
  padding-left: 60px;
  background: url(../img/side/telephone.png) no-repeat 0 50%
}
.tel_svc_txt span {
  padding-right: 20px;
  background: url(../img/side/tel_arw.png) no-repeat 100% 50%
}
.svc_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0 0;
}
.svc_price .unit {
  padding-left: .1em;
  font-size: 66%;
}
.svc_option ul {
  padding: 0 0 0 35px;
}
.svc_option ul li {
  padding: 0 0 0 20px;
  margin: 0 0 2px;
  font-size: 1rem;
  background: url(../img/side/sb_star.png) no-repeat 0 50%;
}
.sb_info_ttl {
  padding: 10px 0;
  color: #fff;
  border-radius: 6px 6px 0px 0px;
  background: #3bb2c6;
}
.sb_info_frame {
  padding: 12px 10px;
  border-radius: 0px 0px 6px 6px;
  background: #ebebeb;
}
.sb_dial {
  margin: 0 0 8px;
}
.sb_dial_box {
  padding: 10px 7px;
  background: #fff;
}
.info_b_dial {
  padding: 0 0 8px;
  margin: 0 0 5px;
  border-bottom: 1px solid #dadada;
}
.sb_dial_box:nth-child(2n) {
  padding: 10px 7px;
  background: #fff url(../img/two_dotted.png) repeat-x 0 0;
}
.sb_info_bnr li:not(:last-child) {
  margin-bottom: 8px;
}
.sb_banner li {
  margin: 0 0 15px;
}
.other_svc li {
  margin: 0 0 10px;
}
#sidebar .sb_bnr {
  margin-bottom: 15px;
}
.in_session_ttl {
  padding: 0 0 0 24px;
  margin: 0 0 10px;
  font-size: 1.5rem;
  line-height: 18px;
  background: url(../img/side/i_star.png) no-repeat 0 50%;
}

/* 動画 */
#movie {
  padding-top: 10px;
}
.video-target {
  cursor: pointer;
}
.video-wrapper {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  display: none;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 21000;
}
.video-frame {
  left: 50%;
  position: absolute;
  top: 50%;
}
.video-close {
  background: #605f61 none repeat scroll 0 0;
  border: 1px solid #aeaeae;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 31px;
  font-weight: bold;
  line-height: 0;
  margin-right: -30px;
  margin-top: -30px;
  padding: 11px 3px;
}
.video-close::before {
  content: "";
}
.between_btn {
  margin: 0 0 40px;
}

/* お客様の声
------------------------------------------- */
.voice_archive .voice_block {
  display: table;
  width: 100%;
}
.voice_archive li {
  clear: both;
}
.voice_archive li {
  margin-bottom: 20px;
}
.voice_archive.home li:last-child {
  margin-bottom: 0;
}
.voice_archive li:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.voice_archive li.records_list_item {
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
}
.voice_archive .voice_bal {
  position: relative;
  display: table-cell;
  padding: 15px;
  width: 76%;
  vertical-align: top;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fffbfc;
}
.voice_archive .voice_bal::before {
  content: "";
  position: absolute;
  top: 25px;
  right: -9px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 9px;
  border-color: transparent transparent transparent #fffbfc;
  z-index: 0;
}
.voice_archive .voice_bal::after {
  content: "";
  position: absolute;
  top: 24px;
  right: -10px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ccc;
  z-index: -1;
}
.voice_archive .voice_bal .voice_msg {
  line-height: 1.8;
  font-size: 1.3rem;
}
.voice_archive .voice_bal .meta .date {
  color: #666;
}
.voice_archive .voice_bal .meta .cat {
  display: inline-block;
  vertical-align: middle;
  padding: .2em .6em;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}
.voice_archive .voice_people {
  display: table-cell;
  padding-left: 4%;
  width: 24%;
  text-align: center;
}
.voice_archive .voice_people .thumb {
  border: 1px solid #ddd;
}
.voice_archive .voice_people .thumb img {
  width: 100%;
  height: auto;
}

/* フッター
------------------------------------------- */
#footer{
  margin: 0 0 -20px;
  font-size: 1.2rem;
  background: url(../img/footer/foot_line.png) repeat-x;
}
#foot_info {
  padding: 35px 0;
}
.foot_col {
  float: left;
}
.foot_col:not(:last-child) {
  margin: 0 40px 0 0;
}
#foot_pay {
  width: 310px;
}
.foot_way:not(:last-child) {
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px solid #ddd;
}
.foot_way_ttl {
  margin: 0 0 5px;
  font-size: 1.4rem;
  font-weight: bold;
}
.foot_way .context p {
  margin: 0 0 10px;
}
#foot_day {
  width: 250px;
}
.foot_day_ttl {
  background: url(../img/footer/i_cal.png) no-repeat 0 50%;
}
.foot_day_guide {
  margin: 0 0 25px;
}
#foot_contact {
  width: 340px;
}
.foot_contact_ttl {
  background: url(../img/footer/i_chat.png) no-repeat 0 50%;
}

/* カレンダー */
#cal0 {
  margin: 0 0 10px;
}
#calendar {
  padding: 4px;
  margin-bottom: 20px;
  background:url(/img/side/calendar_bg.gif);
}
#calendar_in {
  padding: 13px 0;
  background: #fff;
}
#calendar h5 {
  margin-bottom: 15px;
  text-align: center;
}
.cal {
  width: 100%;
}
.cal_ui {
  padding: 6px 17px;
  text-align: center;
  background: #878787;
}
.holiday_time {
  font-weight:bold;
}
span.Today {
  cursor: pointer;
  font-weight: bolder;
  display: block;
}
.deli {
  background-color: #009900;
  color: #FFFFFF;
}
li.openingsale {
  color: #FFFFFF;
  font-weight: bolder;
  background-color: #FF0000;
}
li.holyday {
  color: #fff;
  background:#ff0060;
}
li.Sun {
  color: #fff;
  background:#ff0060;
}
li.Sat {
  color: #fff;
  background:#ff0060;
}
.schedule_wrapper {
  padding: 10px 0px;
  width: 310px;
  border: solid 1px #CCC;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #666;
}
.schedule_wrapper h3 {
  padding: 0px 10px;
  font-weight: normal;
  margin: 0px;
  font-size: 12px;
  color: #666;
}
.schedule_wrapper .schedule_list {
  padding: 0px 10px;
  margin: 0px;
}
.schedule_wrapper .schedule_list ol {
  padding: 0px;
  margin: 5px auto;
  border-top: solid 1px #CCC;
}
.schedule_wrapper .schedule_list ol li {
  padding: 5px 10px 0px 0px;
  margin: 0px 0px 0px 30px;
  font-size: 12px;
  line-height: 1.5em;
}
.schedule_wrapper .schedule_list ol li:hover {
  text-decoration: underline;
}
.cal_wrapper table.cal tr th p {
  padding: 2px 0;
  margin-bottom: 15px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #e96d5a;
}
/* .cal_wrapper table.cal tr th .cal_ui {
} */
.cal_ui input {
  border: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: none;
}
.cal_arrow {
  width: 20px;
  height: 20px;
  text-indent: -9999em;
}
.cal_ui .cal_prev {
  float: left;
  background: url(../img/footer/foot_cal_prev.png) no-repeat 50% 50%;
}
.cal_ui .cal_current {
  cursor: default;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
}
.cal_ui .cal_next {
  float: right;
  background: url(../img/footer/foot_cal_next.png) no-repeat 50% 50%;
}
.cal_wrapper table.cal tr td {
  border-top: solid 1px #EEE;
}
.cal_wrapper table.cal tr td {
  font-size: 1.3rem;
  text-align: center;
  padding: 3px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.cal_wrapper table.cal tr.headline td {
 color: #b3b3b3;
  font-weight: bold;
  padding: 8px 0;
}
/* .cal_wrapper table.cal tr.headline {
} */
.cal_wrapper table.cal tr td div {
  position: relative;
  padding: 4px 3px;
  font-size: 1.3rem;
  text-align: center;
  background-color: #FFF;
}
.cal_wrapper table.cal tr td div span {
  position: absolute;
  top: 20px;
  left: 0px;
  display: none;
  width: 180px;
  border: solid 1px #EEE;
  background-color: #FFF;
  text-align: left;
  padding: 5px;
  z-index: 10;
  color: #000;
  font-weight: normal;
  line-height: 1.5em;
  box-shadow: 1px 1px 3px #666;
}
.cal_wrapper table.cal tr.headline td {
  border: medium none;
}
.cal_wrapper table.cal tr td .Sat {
  background: #f4c9c2;
}
.cal_wrapper table.cal tr td .Sun {
  background: #f4c9c2;
}
.cal_wrapper table.cal tr td .Today {
  color: #6976ae;
}
.cal_wrapper table.cal tr td .Deli {
  background-color: #EFE;
}
.cal_wrapper table.cal tr td .Holyday {
  background: #f4c9c2;
}
.cal_wrapper table.cal tr td .Birthday {
  font-weight: bolder;
  background-color: #EEF;
  color: #090;
  border-radius: 3px;
}
.cal_wrapper table.cal tr td .backward {
  color: #CCC;
  font-weight: normal;
  background-color: #FFF;
  border-radius: 3px;
}
.cal_wrapper table.cal tr td .pointer {
  cursor: pointer;
}
.cal_wrapper table.cal tr td .pointer:hover {
  background-color: #EEE;
}
.holiday_desc {
  font-weight: bold;
  padding: 0 0 0 25px;
  position: relative;
}
.holiday_desc:before {
  color: #f4c9c2;
  content: "■";
  font-size: 3rem;
  left: -0.5rem;
  position: absolute;
  top: -1.3rem;
}
.foot_dial_box {
  padding: 20px 0;
  border: 1px solid #ddd;
  background: #fafafa;
}
.foot_f_dial {
  margin: 0 0 16px;
}
.foot_b_dial {
  margin: 0 0 12px;
}
#foot_contact .basic_btn {
  text-align: center;
}
#foot_map {
  padding: 30px 0;
  background: #3f3e3d;
}
.fmap_ttl {
  color: #b8b8b8;
  font-size: 1.4rem;
}
.fmap_col {
  float: left;
}
.fmap_col:not(:last-child) {
  padding: 0 50px 0 0;
  margin: 0 40px 0 0;
  border-right: 1px solid #5f5f5f;
}
.fmap_menu {
  float: left;
  width: 158px;
}

/* サービス名調整 */
.affluence .fmap_menu:first-child {
  width: 255px;
}
.affluence .fmap_col:not(:last-child) {
  padding: 0 15px 0 0;
  margin: 0 28px 0 0;
}
.fmap_menu ul {
  margin: 20px 0 0;
}
.fmap_menu li {
  margin: 0 0 4px;
}
.fmap_menu li a {
  color: #fff;
}
.fmap_menu li a:hover {
  text-decoration: underline;
}
#foot_copy {
  padding: 10px 0;
  background: #2b2a29;
}

/* キャンペーン固定バナー
------------------------------------------- */
.fix_bnr {
  position: fixed;
  left: 0;
  top: 30px;
}
@media screen and (max-width: 1176px) {
  .fix_bnr {
    position: static;
    display: none;
  }
}

/* 電話申し込み固定バナー
------------------------------------------- */
.tel_bnr {
  bottom: -10px;
  cursor: pointer;
  position: fixed;
  right: 2%;
  z-index: 99999999;
}
.tel_bnr a {
  display: block;
}
.tel_bnr:hover {
  -webkit-animation: loader 1s alternate;
     -moz-animation: loader 1s alternate;
      -ms-animation: loader 1s alternate;
          animation: loader 1s alternate;
}
@keyframes loader {
  0% {
    bottom: -10px;
  }
  20% {
    bottom: 0;
  }
  100% {
    bottom: -10px;
  }
}

.labo_page .tel_bnr {
  display: none;
}

/* お見積もりバナー
------------------------------------------- */
.fix_estimate_bnr {
  position: fixed;
  bottom: 0;
  cursor: pointer;
  right: 2%;
  z-index: 99999999;
}
.fix_estimate_bnr a {
  display: block;
  padding: 1.2em 1.6em;
  color: #fff;
  background-color: #39c196;
}
.fix_estimate_bnr .inside {
  padding-left: 64px;
  background-image: url(../img/contents/calculator.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.fix_estimate_bnr .heading {
  font-size: 1.6rem;
}
.fix_estimate_bnr .heading .ico {
  padding-right: 1.4em;
  background-image: url(../img/contents/estimate-arw.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.fix_estimate_bnr .txt {
  font-size: 1.2rem;
}


/* プライスダウン用
------------------------------------------- */
.svc_box .origin-price {
  text-align: center;
  text-decoration: line-through;
}
.svc_box .origin-price .mont {
  font-size: 1.6rem;
}
.svc_box .svc_price.cam_price {
  color: #f84747;
}
#logo .plan_box_ttl .plan_box_cam {
  margin-bottom: 4px;
  background: #f84747;
  display: inline-block;
  font-size: 1.3rem;
  height: auto;
  padding: 4px 8px;
}
.plan_price.cam_plan_price {
  color: #f84747;
}
.fix_order_bnr.logo .cam_price {
  color: #f84747;
}
.cam_pm_price_txt {
  margin-top: 15px;
  text-align: center;
}
.cam_pm_price_txt span {
  background: #f84747;
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
}
.cam_pm_price.pm_price {
  color: #f84747;
  padding: 0 0 10px;
}

/* メッセージ
------------------------------------------- */
.error-block {
  background: #ff3333 none repeat scroll 0 0;
  color: #fff;
  display: block;
  padding: 8px;
  margin: 5px 0 0;
  position: relative;
  z-index: 0;
  border-radius: 3px;
}
.error-block::after {
  border-color: transparent transparent #ff3333;
  border-style: solid;
  border-width: 0 5px 5px;
  content: "";
  left: 15%;
  position: absolute;
  top: -5px;
}
.error_box {
  margin-bottom: 30px;
  padding: 10px;
  text-align: left;
  border: 2px solid #ff3333;
  background: #f7f7f7;
}
.error_box p.msg {
  padding: 6px 0 3px 10px;
  font-size: 100%;
  color: #ff3333;
  font-weight: bold;
  margin: 0;
  background-color: transparent;
  border: 0;
}
.info_box {
  margin-bottom: 30px;
  padding: 10px;
  text-align: left;
  border: 2px solid #3399ff;
  background: #f7f7f7;
}
.info_box p.msg {
  padding: 6px 0 3px 10px;
  font-size: 100%;
  color: #3399ff;
  font-weight: bold;
}

.inq-box {
  padding: 1.6em 0;
  margin-top: 2em;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
}
.inq-box .ttl {
  margin-bottom: .8em;
  text-align: center;
}
.inq-box .means {
  display: flex;
  justify-content: center;
}
.inq-box .means .btn a {
  padding: 12px 24px;
}
.inq-box .means li:nth-child(2n) {
  margin-left: 2em;
}

/* 利用規約
------------------------------------------- */
.terms_ttl {
  font-weight: bold;
  margin-bottom: 1em;
}
.terms_list {
  list-style: decimal inside;
  margin: 1em auto;
}
.terms_date {
  margin: 3em 0;
  text-align: right;
}

.terms_mt2 { margin-top: 2em; }
.terms_m1 { margin-top: 1em; margin-bottom: 1em; }

/* 内容修正… */
.terms_box {
  margin: 20px 0 0;
}
.terms_box_ttl {
  font-weight: bold;
}
.terms_box ol {
  margin: 0 0 0 10px;
}
.terms_box ol li {
  margin: 16px 0 0 0;
  list-style: decimal inside;
}
.terms_box ol li ol li {
  margin: 8px 0 0 0;
  list-style-type: none;
}


/* プライバシーポリシー
------------------------------------------- */
.privacy_ttl {
  font-weight: bold;
  margin: 2em auto 1em;
}

.privacy_list {
  margin: 1em auto;
}
.privacy_list_item {
  list-style: disc outside;
  margin: 0.3em auto 0.3em 1em;
}

.flow_block_phone {
  border: #ccc 1px solid;
  margin-top: 10px;
  padding: 10px 15px;
  background-color: #fff;
}
.flow_block_phone.thanks {
  width: 396px;
}
.flow_block_free {
  float: left;
}
.flow_block_mobile {
  float: right;
}
.flow_block_mobile p {
  font-size: 1rem;
  margin-top: 2px;  
}