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




/* --------------- jQueryMobile 上書き -------------------- */
/* 背景 */
.ui-content{
    margin:0px;
    padding:0px;
    color:#000000;
    text-shadow:none;
    font-size:13px;
    background:url(../../images/smart/smart_bg.jpg) left top repeat-x #ffffff;
}

/* リンク */
.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:#B49571;
}

/*　デザインの角丸解除 */
.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:#58310C;
    color:#ffffff !important;
    text-shadow:none;
    margin:10px;
    border:none;
}
LI.ui-btn{ /* BLOG等一覧 */
    background-image:none;
    background-color:#f9f6ef;
    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:#58310C;
    color:#ffffff !important;
    text-shadow:none;
    border-color:#cccccc;
}
.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:#E2D5BD;
    text-shadow:none;
    color:#000000;
    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:#92794A;
    font-size:13px;
    padding:5px 10px;
    border-radius:5px;
    color:#ffffff;
    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;
}

/* --------------- 共通設定 --------------- */
IMG{
    vertical-align:bottom;
}
BR.clear{
    clear:both;
}
STRONG.caution{
    color:#ee0000;
}
DIV.imageGroup{
    text-align:center;
}
/*DIV#catchArea{
    margin:0px;
    text-align:center;
}*/
DIV#catchArea DIV#jsMainImg,
DIV#catchArea DIV#slider_smart {
    width:100% !important;
    max-width:320px !important;
    margin:0 auto !important;
    text-align:center;
}
DIV.jsMainImgItem img{
    width:100% !important;
    max-width:320px !important;
}
.sls-pagination {
  bottom: -20px;
}

/*2018/08/29追記*/
DIV#catchArea {
    max-width: 640px;
    margin: 0 auto;
}
DIV#catchArea img {
    width: 100%;
    max-width: 640px;
}
/*2018/08/29追記ここまで*/

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;
    width:100%;
    max-width:640px;
}
TH,
TD{
    border-bottom:1px solid #cccccc;
    padding:5px;
    text-align:left;
}
TH{
    background-color:#ffffff;
}
TD{}

.entryBody,
.entryMeta{
    /*margin:0px auto -30px;*/
    margin:0px auto;
    width:100%;
    max-width:640px;
}
/* clearfix */
.cf:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.cf { min-height: 1px; _height: 1px; }

H2{
    margin:0px;
    padding:20px 10px 10px;
    color:#4f4024;
    font-size:20px;
    line-height:150%;
    font-weight:bold;
    background:url(../../images/h2_bg.gif)repeat-x left top #ffffff;
    border-bottom:1px solid #dedacd;
}
/*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;
}*/
DIV.entryBody H3{
    background:#eee4c8;
    padding:5px;
    margin:5px 0 !important;
}
form H3,
H4{
    background:#eeeeee;
    padding:5px 10px;
    margin:0px 0px 5px 0px;
    font-size:14px;
    line-height:150%;
    font-weight:bold;
    color:#000000;
}
H5{
    position:relative;
    background:#eee4c8;
    font-size:14px;
    line-height:150%;
    padding:10px;
    margin:0px 0px 10px 0px;
    color:#333333;
}
H5:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 16px 16px 0 0;
    border-style: solid;
    border-color: #fff;
    border-top-color: #CBB18F;
}
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:5px 10px 10px;
}
H1{
  text-align:center;
  color:#000000;
  font-size:10px;
  font-weight:normal;
  margin:0px;
  padding:3px 5px 0;
}
H2#logo{
    width:170px;
    margin:0px auto;
    padding:0px;
    background:none;
    border:none;
}
H2#logo IMG{
    width:100%;
}
UL#headerContact{
    float:right;
    width:130px;
    margin:0px;
}
UL#headerContact LI{
  margin:5px 0px 0px 0px;
  padding:0px;
  list-style:none;
}
UL#headerContact LI:first-child{
  margin:0px;
}
UL#headerContact A{
  display:block;
  padding:5px;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  background-color:#999999;
}

/* グローバルメニュー */
UL#mainMenu{
    width:100%;
    clear:both;
    margin:0px;
    padding:0px;
}
UL#mainMenu LI{
    margin:0px;
    padding:0px;
    float:left;
    width:33.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;
    height:3em;
    border-top:1px solid #ffffff;
    border-bottom:3px solid #CFB88B;
    text-decoration:none;
    color:#1a1a1a !important;
    background-image: linear-gradient(bottom, #F2F2F2 0%, #ffffff 100%);
    background-image: -o-linear-gradient(bottom, #F2F2F2 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(bottom, #F2F2F2 0%, #ffffff 100%);
    background-image: -webkit-linear-gradient(bottom, #F2F2F2 0%, #ffffff 100%);
    background-image: -ms-linear-gradient(bottom, #F2F2F2 0%, #ffffff 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #F2F2F2),
        color-stop(1, #ffffff)
    );
}
UL#mainMenu LI A:active{
    background-image: linear-gradient(bottom, #FFFFFE 0%, #FCF4E6 100%);
    background-image: -o-linear-gradient(bottom, #FFFFFE 0%, #FCF4E6 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFE 0%, #FCF4E6 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFE 0%, #FCF4E6 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFE 0%, #FCF4E6 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #FFFFFE),
        color-stop(1, #FCF4E6)
    );
}
UL#mainMenu LI.menuCenter A,
UL#mainMenu LI.separate A{
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
}
@media screen and (min-width: 480px) { /* ウィンドウ幅480px以上の場合の設定 */
  UL#mainMenu LI{
      /* width:16.7%; */
      width: 25%;
  }
  /* 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{
}

/* フッターお問い合わせ */
DIV#footerContactArea{
  background:url(../../images/smart/smart_bg.jpg) left top repeat-x;
  padding-top:10px;
}
DIV#footerContactMain img,
DIV#footerContactIwaya img{
  width:100%;
}
DIV#footerContactMain{
    text-align: center;
  width:45%;
  background:#ffffff;
  border-radius:10px;
  padding:5px;
  margin:0 auto 10px;
}
DIV#footerContactIwaya{
  float:right;
  width:45%;
  border-radius:10px;
  background:#ffffff;
  padding:5px;
  margin:0 5px 10px 0;
}
DIV.telArea{
  border-radius:10px;
  background:#f2eee2;
  text-align:center;
  padding:30px 5px;
  margin-top:5px;
}
DIV.telArea img{
  width:100%;
}
UL#footerContact{
    margin:0px 10px;
    padding:1px 0px 0px 0px;
    overflow:hidden;
}
UL#footerContact LI{
    float:left;
    width:50%;
    margin:0px;
    padding:0px;
    list-style:none;
    text-align:center;
    font-size:12px;
    line-height:150%;
    font-weight:bold;
}
UL#footerContact LI A{
    display:block;
    margin:0px 5px 10px 5px;
    padding:8px 5px;
    background-color:#999999;
    color:#ffffff;
    text-decoration:none;
}
UL#footerContact LI IMG{
    vertical-align:middle;
    margin-right:5px;
}

/* フッターメニュー */
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 20px;
    text-decoration:none;
    color:#040404;
    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;
    background:#f5f4f0;
}
A.btnPc{
    float:right;
    display:inline-block;
    padding:5px 15px;
    background-color:#eeeeee;
    border:1px solid #cccccc;
    border-radius:5px;
    color:#000000 !important;
    text-decoration:none;
}
DIV#copyrightArea P#copyright{
    margin:0px;
    padding:5px 0px;
    color:#000000;
    font-size:13px;
}

BODY#topPage DIV.entryBody img{
  max-width:640px;
  width:100%;
}
.topArrow{
  margin:20px 0;
}

#methodArea{
  background:url(../../images/smart/method_bg.jpg) right top no-repeat;
  background-size:340px 320px;
  margin:0 -20px 20px;
  padding:20px;
  border-top:1px solid #dedacd;
  border-bottom:1px solid #dedacd;
}
#methodArea P{
  background:#451B02;
  opacity:0.7;
  padding:10px;
  margin:10px 0;
  color:#ffffff;
}
#methodArea UL{
  width:100%;
  margin:0 0 10px;
  padding:0;
}
#methodArea UL LI{
  max-width:620px;
  width:33.333%;
  float:left;
  list-style:none;
}
#methodArea UL LI img{
  width:100%;
}
#topBnrArea  {
  margin-top: -110px;
}
#topBnrArea img{
  margin-bottom:10px;
}
#topVoiceArea{
  background:url(../../images/smart/hr_bg.gif) left top repeat-x;
  padding:25px 20px 0;
  margin:10px -20px 0;
}
#topVoiceArea img{
  margin:0 auto 10px;
}
#topEkitenArea {
  margin: 0 auto;
  width: 240px;
}
.mt-image-right,
.mt-image-left,
.mt-image-center,
.mt-image-none{
  display:block !important;
  float:none !important;
  margin:0 auto 10px !important;
  text-align:center !important;
  height: auto;
}
.full{
  display:block !important;
  float:none !important;
  margin:0 auto 10px !important;
  text-align:center !important;
  height:auto !important;
  width:100% !important;
}
P.methodTx{
  text-align:center;
}
P.methodTx SPAN{
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
P.methodTx STRONG{
  font-size:20px;
}

/* ==================== PCで使ったCSSの効果打消し ==================== */
.mt-image-left,
.mt-image-center,
.mt-image-right,
.mt-image-none {
    display: block !important;
    float: none !important;
    height: auto !important;
    margin: 0 auto 10px !important;
    text-align: center !important;
    max-width:100%;
}
IMG.fRimg,
IMG.fLimg,
IMG.imgL,
IMG.imgR,
IMG.imgC,
IMG.mt-image-center,
IMG.mt-image-left,
IMG.mt-image-right,
IMG.mt-image-none,
IMG.fL,
IMG.fR{
  display:block;
  margin:0px auto 10px !important;
  float:none !important;
}
.last {
  width: 100% !important;
}
/* .separate {
  width: 50% !important;
  width: 33.33333333% !important;
} */
.sp_img img{
  width: 100%;
  max-width: 640px;
  float: none;
  margin: 0 auto 10px;
  display:block;
  height: auto !important;
  text-align: center !important;
}
.cap{
  color: #cf582e;
}

.map_intro{
  overflow: hidden;
}
.map_detail{
  margin-bottom:30px;
}
.map_detail img{
  margin: 0 auto 20px;
  display: block;
  max-width: 640px;
  width: 100%;
}
.bottom_arrow:after{
  content:url(../../images/img_arrow_bottom.png);
  display: block;
  margin: 40px auto;
  text-align: center;
}
.map_list{
  padding:0;
  margin:0 0 30px;
  overflow: hidden;
  text-align: center;
}
.map_list li{
  text-align: center;
  list-style: none;
  margin: 0 10px 10px;
}
.map_list li span{
  padding: 15px 30px;
  width: 40%;
  margin: 0 10px;
  background: #f9f2ce;
  font-weight: bold;
  display: inline-block;
}
.map_list li:after{
  content:url(../../images/img_arrow_bottom_smart.png);
  display: block;
  padding: 0 10px;
  margin: 10px auto;
  vertical-align: middle;
  text-align:center;
}
.map_list li:last-child:after{
  content:"";
}
/* ------ 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; }

.sp_mb20 { margin-bottom: 20px !important; }

.top_merit {
  background: url(../../images/top_intro_bg_sp.png) no-repeat;
  background-size: 100%;
  margin: 0 0 20px;
}
.top_merit .top_merit_inner {
  padding: 50px 20px 20px;
  border-bottom: 1px solid #dcdbdb; 
  margin:0 2px;
  box-shadow: 0 2px #eaeaea;
}
DIV.entryBody .top_merit H3 {
  background-color: rgba(238, 228, 200, 0.6);
}
.top_merit ul {
  list-style: outside none circle;
}
DIV.content_center{
  margin:10px auto;
  text-align:center;
}
DIV#top_voice {
  margin-top: -30px;
}
DIV#top_voice a {
  text-decoration: none;
}
DIV#top_voice P {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #4f4024;
  margin-top: -2px;
}
DIV#top_voice P SPAN.number {
  font-family: 'Georgia',serif;
  font-size: x-large;
  color: #D45232;
}
.sp_dp_n { display: none !important; }
/* ==================== フィットネス ==================== */
div.entryBody p.sp_fitness_img img {
    max-width: 640px;
    width: 100%;
}

div#customPartsCategory div#fitness_estheticp p.sp_fitness_img img.image-center{
    max-width: 640px;
    width: 100%;
}


/* 18/08/27追記 クーポン */
.coupon_sp{
  text-align: center;
}

.link_box{
  padding: 20px 10px 10px;
  border: 1px solid #dccf97;
  text-align: center;
}
.link_box a{
  text-decoration: none;
}
.sp_ta_r{
  text-align: right!important;
}
/*
#contents .link_box h3{
  background: none;
  border-bottom: 3px double #4c220c;
}
#contents .link_box a{
  text-decoration: none;
}
*/
.sp_mt_20{
  margin-top: 20px!important;
}

/* 19/02/01 追記 */
.menu_btn_inqfm {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.menu_btn_inqfm img {
  height: auto;
  width: 100%;
  max-width: 320px;
}
.price_table02 td:last-of-type {
  text-align: right;
}

.top_news{
  text-align: center;
}
.img_t{
  width: 100%;
  display: table;
}
.img_t img{
  display: table-cell;
  width: 33.333% !important;
  padding: 10px;
  box-sizing: border-box;
}
/* ------ 画像幅の調整 ------ */
.sp_img_w_l img {
  height: auto;
  width: 100%;
}


#swipeImage {
  overflow: hidden;
  visibility: visible;
  position: relative;
}

#swipeImage ul {
  list-style: outside none none;
  margin: 0px;
  width: 51783px;
  transition-duration: 0ms;
  transform: translate3d(0px, 0px, 0px);
}

#swipeImage img {
  width: 100%;
  vertical-align: bottom;
}