@charset "utf-8"; /*使用する文字コード*/





/* --------------- jQueryMobile 上書き -------------------- */
/* 背景 */
.ui-content{
    margin:0px;
    padding:0px;
    background:#ffffff;
    color:#000000;
    text-shadow:none;
    font-size:13px;
}

/* リンク */
.ui-content .ui-link{
    font-weight:normal;
}
.ui-content .ui-mobile-viewport{
  -webkit-tap-highlight-color: rgba(227, 134, 54, 0.3);
}
.ui-content .ui-link IMG{
    outline:none;
    overflow:hidden;
}
.ui-content A.ui-link,
.ui-content A.ui-link:visited,
.ui-content A.ui-link:hover{
/*    color:#ff0099;*/
}

/*　デザインの角丸解除 */
.ui-corner-top,
.ui-corner-bottom{
    border-radius:0px;
}

/*　ボタン */
.ui-fullsize .ui-btn-inner,
.ui-btn-inner{
    font-size:15px;
    border:none;
}
.ui-shadow{
    box-shadow:none;
}
.ui-btn-corner-all{
    border-radius:0px;
}
A.ui-btn{ /* HOMEへボタン等 */
    background-image:none;
    background-color:#fff001;
    border: 1px solid #082d88;
    border-radius: 8px;
    color:#082d88 !important;
    text-shadow:none;
    margin:10px;
}
h3.ui-collapsible-heading A.ui-btn{ /* エントリータイトル等 */
    background-color:#082d88;
    border: none;
    border-radius: 0;
    color:#fff001 !important;
}
LI.ui-btn{ /* BLOG等一覧 */
    background-image:none;
    background-color:#fff;
    color:#000000 !important;
    text-shadow:none;
    margin:10px;
    border-color: #cccccc;
}
LI.ui-btn A{
    color:#000000 !important;
}
.ui-controlgroup .ui-btn{ /* ブログページ アーカイブ・全て見る等 */
    background-image:none;
    background-color:#ffffff;
    color:#000000 !important;
    text-shadow:none;
    border:1px solid #cccccc;
    margin:0px 10px 10px 10px;
}
.ui-li-divider { /* カテゴリ等のリストのタイトル */
    background:#082d88;
    color:#fff001;
    text-shadow:none;
/*    border-color:#cccccc;*/
}
.top_bloglist .ui-li-divider { /* カテゴリ等のリストのタイトル（トップのみ） */
    margin: 0;
    color:#fff;
    font-size:20px;
    line-height:150%;
    font-weight:bold;
  position: relative;
  padding: .75em 1em .75em 2em;
    background-color:#00a7e3;
    border: none;
    border-bottom: 4px solid #027eaa;
}
.top_bloglist .ui-li-divider::after {
  position: absolute;
  top: 1.1em;
  left: .6em;
  z-index: 2;
  content: '';
  width: 10px;
  height: 10px;
  border: 4px solid #fff001;
  border-radius: 100%
}
.top_bloglist .ui-btn-up-a {
  font-size: medium;
  height: 2.8em;
  line-height: 2.8em;
}

.ui-submit INPUT,
.ui-submit .ui-btn-inner{ /* 送信ボタン等 */
    background:#000000;
    color:#ffffff !important;
    text-shadow:none;
}

/* ページング */
A.link_before,
A.link_next,
A.link_page{
    display:inline-block;
    border:1px solid #cccccc;
    background-color:#fff;
    text-shadow:none;
    color:#000;
    font-size:13px;
    padding:5px 10px;
    border-radius:5px;
    text-decoration:none;
    margin-bottom:5px;
}
SPAN.current_page{
    display:inline-block;
    border:1px solid #cccccc;
    background-color:#fff001;
    font-size:13px;
    padding:5px 10px;
    border-radius:5px;
    color:#000;
    margin-bottom:5px;
}

.ui-li-heading{
    font-size:13px;
}
.ui-field-contain .ui-controlgroup-controls{
    width:100%;
}
.ui-corner-bl,
.ui-corner-tl{
    border-radius:0px;
}
.ui-li-heading,
.ui-li-desc,
.ui-btn-text{
  overflow: visible;
  white-space: normal;
}

/* --------------- 共通設定 --------------- */
.ui-collapsible-content img {
  height: auto;
  margin-bottom: 13px !important;
  width: 100%;
  max-width: 620px;
}
.staffblog_page .ui-collapsible-content img {
  margin-bottom: 0 !important;
  width: initial;
  max-width: 320px;
}
.mt-image-left,
.mt-image-center,
.mt-image-right {
  margin-bottom: 10px !important;
}
IMG{
    vertical-align:bottom;
}
BR.clear{
    clear:both;
}
STRONG.caution{
    color:#ee0000;
}
DIV.imageGroup{
    text-align:center;
}
DIV#catchArea{
    text-align:center;
}
/*DIV#catchArea{
    margin:0px;
    text-align:center;
}*/
#catchArea img {
  max-width: 100%;
}
DIV.telBanner{
    text-align:center;
}
DIV#swipeImage UL,
DIV#swipeImage LI{
    margin:0px;
    padding:0px;
    list-style:none;
}
DIV#swipeImage UL{
    width:100%;
}
SPAN#swipeImagePosition{
    font-size:18px;
    color:#eeeeee;
}
SPAN#swipeImagePosition em.swipeImageOn {
    color:#999999;
}
TABLE{
    border-collapse: collapse;
    border-spacing:0;
    margin-bottom:15px;
}
TH,
TD{
    border-bottom:1px solid #cccccc;
    padding:5px;
    text-align:left;
}
TH{
    background-color:#ffffff;
}
TD{}

.entryBody,
.entryMeta{
    margin:0px 0px 15px 0px;
}
/* clearfix */
.cf:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.cf { min-height: 1px; _height: 1px; }

H2 {
    margin: 0;
    color:#fff;
    font-size:20px;
    line-height:150%;
    font-weight:bold;
  position: relative;
  padding: .75em 1em .75em 2em;
    background-color:#00a7e3;
    border-bottom: 4px solid #027eaa;
}
H2::after {
  position: absolute;
  top: 1em;
  left: .6em;
  z-index: 2;
  content: '';
  width: 10px;
  height: 10px;
  border: 4px solid #fff001;
  border-radius: 100%
}
/*H3{
    margin:0px;
    padding:6px 10px;
    color:#dccfa0;
    font-size:14px;
    line-height:150%;
    font-weight:bold;
    background-image: linear-gradient(bottom, #360e0e 0%, #541d1d 100%);
    background-image: -o-linear-gradient(bottom, #360e0e 0%, #541d1d 100%);
    background-image: -moz-linear-gradient(bottom, #360e0e 0%, #541d1d 100%);
    background-image: -webkit-linear-gradient(bottom, #360e0e 0%, #541d1d 100%);
    background-image: -ms-linear-gradient(bottom, #360e0e 0%, #541d1d 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #360e0e),
        color-stop(1, #541d1d)
    );
    text-shadow:none;
}*/
form H3,
H4{
/*    background:#eeeeee;*/
  border-left: 5px solid #082d88;
    padding:1px 0 1px 10px;
    margin:0;
    font-size:14px;
    line-height:150%;
    font-weight:bold;
    color:#000000;
}
H5{
    border-bottom:2px solid #cccccc;
    background:#ffffff;
    font-size:13px;
    line-height:150%;
    padding:5px;
    margin:0px 0px 10px 0px;
    color:#000000;
}
DIV.entryBody H2,
DIV.entryBody H3,
DIV.entryMore H2,
DIV.entryMore H3{
    margin:-10px 0px 10px -10px;
}
P{
    font-size:13px;
}

/* --------------- header --------------- */
DIV#header{
    overflow:hidden;
    margin:0px;
    padding:10px;
    background-color:#ffffff;
}
H1{
  color:#000;
  font-size:10px;
  font-weight:normal;
  margin:0px;
  padding: 5px 10px 0;
}
H2#logo{
    float:left;
    width:105px;
    margin:0px;
    padding:0px;
    background:none;
    border:none;
}
H2#logo::after {
  display: none;
}
H2#logo IMG{
    width:100%;
}
UL#headerContact{
    float:right;
    overflow: hidden;
    width:130px;
    margin:0px;
}
UL#headerContact LI{
  float:right;
  margin: 0;
  padding: 0;
  list-style:none;
  width: calc(100%/3);
}
UL#headerContact LI:first-child{}
UL#headerContact A{
  display:block;
  padding:5px;
/*  color:#ffffff;*/
  text-decoration:none;
  text-align:center;
/*  background-color:#999999;*/
}
UL#headerContact A img {
  height: auto;
  width: 100%;
  max-width: 90px;
}

/* グローバルメニュー */
UL#mainMenu{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
    width:100%;
    clear:both;
    margin:0px;
    padding:0px;
}
UL#mainMenu LI{
    margin:0px;
    padding:0px;
    float:left;
    width:calc(100%/3);
    list-style:none;
    line-height:150%;
    display:table;
}
UL#mainMenu LI A{
    display:table-cell;
    padding:5px 0px;
    text-align:center;
    vertical-align:middle;
    background-color:#00a7e3;
    height:3em;
    border/*-top*/:1px solid #ffffff;
    text-decoration:none;
    color:#fff !important;
}
UL#mainMenu LI A:active {
    background-color:#fff001;
    color: #000 !important;
}
UL#mainMenu LI.menuCenter A{
/*    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;*/
}
@media screen and (min-width: 480px) { /* ウィンドウ幅480px以上の場合の設定 */
  UL#mainMenu LI{
      width:calc(100%/6);
/*      width:16.7%;*/
  }
  UL#mainMenu LI:first-child{
/*      width:16.5%;*/
  }
  UL#mainMenu LI.menuCenter A{
/*      border-right:none;*/
  }
  UL#mainMenu LI A{
/*      border-left:1px solid #ffffff;*/
  }
  UL#mainMenu LI:first-child A{
/*      border-left:none;*/
  }
}

/* --------------- footer --------------- */
DIV#footer{}

/* フッターお問い合わせ */
UL#footerContact{
    background-color:#eee;
    margin:0px;
    padding:15px 2%;
    overflow:hidden;
}
UL#footerContact LI{
    float:left;
    width:50%;
    margin:0;
    padding:0px;
    list-style:none;
    text-align:center;
    font-size:12px;
    line-height:150%;
    font-weight:bold;
}
UL#footerContact LI A{
    display:block;
    margin:0 2%;
    padding:0;
    text-decoration:none;
}
UL#footerContact LI IMG{
  height: auto;
  width: 100%;
  max-width: 580px;
    vertical-align:middle;
}

/* フッターメニュー */
UL#footerMenu{
    margin:0px;
    padding:0px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    overflow:hidden;
}
UL#footerMenu LI{
    display:table;
  float:left;
    width:50%;
    margin:0px;
    padding:0px;
    list-style:none;
}
UL#footerMenu LI A{
  display:table-cell;
    height:3em;
    padding:2px 5px 2px 14px;
    text-decoration:none;
    color:#082d88;
    font-weight:normal;
    font-size:12px;
    line-height:150%;
    background-image:url(../../images/li_bg.gif);
    background-repeat:no-repeat;
    background-position:7px 50%;
    background-color:#ffffff;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    vertical-align:middle;
}

/* コピーライト */
DIV#copyrightArea {
    padding:10px;
    overflow:hidden;
}
A.btnPc{
    float:right;
    display:inline-block;
    max-width:70px;
    min-width:40px;
    color:#000000 !important;
    text-decoration:none;
}
A.btnPc img {
  height: auto;
  width: 100%;
}
DIV#copyrightArea P#copyright{
    margin:0px;
    padding:5px 0px;
    color:#000000;
    font-size:13px;
}


/* ----- キャッチ画像 ----- */
#jsMainImg,
#jsMainImg .jsMainImgItem,
#jsMainImg .jsMainImgItem img {
  width: 100% !important;
  max-width: 640px !important;
}
#jsMainImg .jsMainImgItem img {
  height: auto !important;
}

DIV.reasonBox{
  background: #dbf0f8;
  padding: 15px;
  margin-bottom: 20px;
}
.bold{font-weight: bold;}
.orange{color: #ec6105;}
.blue{color: #00a7e3;}
.marker {background: linear-gradient(transparent 65%, #ffff66 60%);}

/* ----- トップページ ----- */
.top_rsp {
  border-top: 2px solid #fff;
}
.top_rsp .entryBody {
  padding: 10px 10px 0;
}
.top_rsp .entryBody ul,
.top_rsp .entryBody li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.top_rsp .entryBody p {
  margin-top: 0;
}
/* 痛みや症状でお困りのあなたへ */
#top_rsp_greeting {}
#top_rsp_greeting img {
  float: right;
  height: auto;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 50%;
  max-width: 620px;
}
/* こんなお悩みに対応 */
@font-face {
  font-family: 'FontAwesome';
  src: url('/cmn/css/smart/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/cmn/css/smart/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/cmn/css/smart/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/cmn/css/smart/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/cmn/css/smart/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/cmn/css/smart/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#top_rsp_trouble {}
#top_rsp_trouble .entryBody {
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0 !important;
}
.top_rsp_trouble_symptom {
  margin-right: -10px !important;
  margin-bottom: 13px !important;
  margin-left: -10px !important;
}
.top_rsp_trouble_symptom li {
  background-color: #ffe5ed;
  border-bottom: 2px solid #fff;
  padding: 10px 10px 10px 36px !important;
  position: relative;
}
.top_rsp_trouble_symptom li::before {
  content: "\f046";
  font-family: fontawesome;
  font-size: 18px;
  position: absolute;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  top: 10px;
  left: 10px;
  color: #d50055;
}
.top_rsp_trouble_bnr {
  background-color: #eee;
  margin-right: -10px !important;
  margin-left: -10px !important;
  overflow: hidden;
  padding: 15px 10px 5px !important;
}
.top_rsp_trouble_bnr li {
  float: left;
  margin-right: 4% !important;
  margin-bottom: 10px !important;
  text-align: center;
  width: 48%;
}
.top_rsp_trouble_bnr li:nth-child(even) {
  margin-right: 0 !important;
}
.top_rsp_trouble_bnr li img {
  height: auto;
  width: 100%;
  max-width: 298px;
}
/* 特徴！ */
#top_rsp_feature {}
#top_rsp_feature .entryBody {
  padding-top: 0;
}
#top_rsp_feature h3 {
  background-color: #ec6105;
  margin-top: 0 !important;
  margin-right: -10px !important;
  padding: 15px 10px;
}
#top_rsp_feature h3 img {
  height: auto;
  width: 100%;
  max-width: 606px;
}
/* 不自由のない生活と */
#top_rsp_everyday {}
#top_rsp_everyday img {
  height: auto;
  margin-bottom: 13px;
  width: 100%;
  max-width: 620px;
}
/* 特化したプログラム */
#top_rsp_program {}
#top_rsp_program ul li {
  margin-bottom: 10px;
}
#top_rsp_program ul li:nth-child(even) {
  text-align: right;
}
#top_rsp_program ul li img {
  height: auto;
  width: 75%;
  max-width: 421px;
}

/* ----- アクセス ----- */
.access_img a {
  display: block;
  float: left;
  height: auto !important;
  margin-right: 4% !important;
  text-align: center;
  width: 48% !important;
}
.access_img a:nth-child(2),
.access_img a:nth-child(4),
.access_img a:nth-child(6) {
  float: right;
  margin-right: 0 !important;
}
.access_img a img {
  float: none !important;
  height: auto !important;
  width: 100% !important;
  max-width: 230px;
}
/* ------ margin ------ */
.sp_mb_0 { margin-bottom: 0 !important;}
.sp_mb_5 { margin-bottom: 5px !important;}
.sp_mb_10 { margin-bottom: 10px !important; }
.sp_mb_15 { margin-bottom: 15px !important; }
.sp_mb_20 { margin-bottom: 20px !important; }
.sp_mb_25 { margin-bottom: 25px !important; }
.sp_mb_30 { margin-bottom: 30px !important; }
.sp_mb_35 { margin-bottom: 35px !important; }
.sp_mb_40 { margin-bottom: 40px !important; }
.sp_mb_45 { margin-bottom: 45px !important; }
.sp_mb_50 { margin-bottom: 50px !important; }
.sp_mt_0 { margin-top: 0 !important; }
.sp_mt_5 { margin-top: 5px !important; }
.sp_mt_10 { margin-top: 10px !important; }
.sp_mt_15 { margin-top: 15px !important; }
.sp_mt_20 { margin-top: 20px !important; }
.sp_mt_25 { margin-top: 25px !important; }
.sp_mt_30 { margin-top: 30px !important; }
/* ------ テキスト系 ------ */
.sp_ta_c { text-align: center !important; }
.sp_ta_l { text-align: left !important; }
.sp_ta_r { text-align: right !important; }
.sp_fw_n { font-weight: normal !important; }
.sp_fw_b { font-weight: bold !important; }

/* =============== ウィジウィグで入れた画像のセンタリング ==================== */
.mt-image-none,
.mt-image-left,
.mt-image-right,
.mt-image-center {
  display: block;
  margin: 0 auto 10px;
  max-width: 100%;
}

/* ----- SP Grid ----- */
.sp-row-10 { margin-left: -5px;
  margin-right: -5px;
}
.sp-row-10 > div {
  padding-right: 5px;
  padding-left: 5px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-2-4 {
  float: left;
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.col-xs-2-4 { width: 20%; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }

/* ------ フォントサイズ ------ */
.sp_fs_l { font-size: large; }
.sp_fs_m { font-size: medium; }
.sp_fs_s { font-size: small; }
.sp_fs_xs { font-size: x-small; }
.sp_fs_xxs { font-size: xx-small; }

/*フローティングボタン*/
.bottom_btn {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

.bottom_btn li {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #00a7e3;
}

.bottom_btn li img {
    width: 50%;
    max-width: 120px;
}