@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
padding:0;
margin:0;
    position: relative;
    font-size: 14px;
    font-family: Myriad, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', sans-serif;
    position:relative;
    background-color: #222;
    }
body {
  -webkit-text-size-adjust: 100%;
}

i{
    font-size: 120%;
}
.txt_red{
    color: #f00;
}
.wrapform{
    padding: 5px 0;
}
.ui-body-c, .ui-overlay-c{
text-shadow:0 /*{c-body-shadow-x}*/ 0px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
}

/* 左から出てくるメニュー */
html{
overflow-x : hidden;
overflow-y : hidden;
overflow: hidden;
}

body::-webkit-scrollbar{ /* スクロールバー本体 */
    opacity: 0;
    width: 0px;
}
body::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
    opacity: 0;
    width: 0px;
}
body::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
    opacity: 0;
    width: 0px;
}
body::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
    opacity: 0;
    width: 0px;
}
body::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
    opacity: 0;
    width: 0px;
}
body::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
    opacity: 0;
    width: 0px;
}
body::-webkit-scrollbar-corner{ /* スクロールバー角 */
    opacity: 0;
    width: 0px;
}



.pages  {
   /* background-color: #F7F7F7; */
}

#menu {
   /* position: fixed;*/
    color:#fff;
    width:280px;


}

#menu a{
    color:#fff;
    text-decoration: none;
    line-height: 2;
    display: block;
}
#menu li a .fa-chevron-right{
    /*フラットデザインのメニューの＞のスタイル*/
    float: right;
    line-height: 1.5;
}
#menu h3{
    font-weight: bold;
    padding: 10px 10px;
    border-bottom: 1px solid #000;
    color: #bbb;
}
#menu ul{
width: inherit;
list-style: none;
}
#menu li{
    padding: 10px 10px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #000;
    position: relative;
    clear: both;
}
#menu li i{
    /*float: right;*/
    line-height: 1;
    color: #666;
}
#menu li i.fa-exclamation{
    color: #fff;
}

#menu li .arrow {
	line-height: 1;
	color: #666;
	position: absolute;
	right: 6px;
	top: 0;
	bottom: 0;
	height: 1em;
	width: 1em;
	margin: auto;
}

.navi {
position:fixed;
bottom:0;
left:0;
width:100%;
/* background-color:#F29D9B; テーマカラー*/
z-index:99;
opacity:0.9;



}

.navi img{
width:15%;

}


img{
padding:0;
margin:0;
}
.txtcenter{
    text-align: center;
}

/*へっだー*/
header {
/* background-color:#F29D9B; テーマカラー*/
height:auto;
width:98%;
z-index:999;
padding:2% 1% 1%;
color:#FFFFFF;
float:left;
position:fixed;
opacity:0.9;
box-shadow:0 1px 2px #666;
/*-moz-box-shadow: 0px 1px 2px #666;　 Firefox用 */
/*-webkit-box-shadow: 0px 1px 2px #666;　 Safari,Google Chrome用 */


}
.menubutton{
font-weight:bold;
width:9%;
float:left;
}

.menubutton img{
width:32px;
}

.midashi{
width:80%;
display:block;
float:left;
text-align:center;
font-size:1.5em;
line-height:1.4;
}
.closebuttom {
font-weight:bold;
float:right;
width:9%;
}
.closebuttom img{
width:32px;
}
.hd_btn{
    padding: 8px 5px;
    font-size: 11px;
    border: 1px solid ;
    border-color: #fff;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    line-height: 1.5;
}
.toArea{
    float:right;
    width:20%;
    position: absolute;
    top:12px;
    right: 10px;
    text-align: right;
}
.toArea a{
    color:#fff;
    font-weight: 100 !important;
    text-decoration: none;
}
.toArea a:hover{
    color:#fff;
}

.ui-content {
                                padding:0;

}

        .headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
        .headroom--unpinned {top: -100px;}
        .headroom--pinned {top: 0;}

div[data-role="page"]{
/*padding-top:13%;*/

}
html body #top {

padding-top:0;
}

.noslider{
    margin-right: 10px !important;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    border: 4px solid #ffffff;
}
.noslider img {
    vertical-align: top;
}


/*フォトギャラリー*/
#photo_gallery .p_cate_img{
width:30%;
float:left;
}
.photobutton {
border:#ECE9D8 1px solid;
padding:10px;
background:url(../img/map_arrow.gif) no-repeat 97% 50%;
margin:4px;
background-color:#FFFFFF;
}
.photobutton a{
    text-decoration: none;
    display: block;
}
.cat_name {
display:block;
color:#666666;
font-size:18px;
font-weight:bold;
line-height:1;
width:60%;
padding-left:3%;
margin-left:30%;
}
.cat_name a{
color:#666666;
text-decoration:none;
}
.cat_txt{
padding-left:3%;
display:block;
color:#333333;
font-size:12px;
line-height:1.4;
width:60%;
margin-left:30%;
padding-top:3px;
font-weight: 100;
}
/*
#photo,#Gallery {
background-color:#222222;
}*/
div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 33.33333333%; }
div.gallery-item a { display: block; border: 1px solid #FFF; }
div.gallery-item img { display: block; width: 100%; height: auto; }


.gallery-item .title{
    display: block;
    font-size: 10px;
    background-color: #fff;
    padding: 3%;
    width: 88%;
    margin: 0 3%;

}
.bg_photo{
    background-size:cover;
    background-position: center center;
    margin: 5px 5px 0 5px;
}



/*newslist*/

.newslist {
position:absolute;
bottom:25%;
left:10%;
z-index:99;
width:80%;
line-height:1.4;

}
.newslist li{

padding:5px 10px;
background:#FFFFFF;
list-style:none;
margin-bottom:1px;
filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;



}

.clear{
        clear:both;
}
.newslist span{


margin-right:10px;
display:block;
float:left;
width:20%;

}
.newslist li a{
color:#333333;
display:block;
width:70%;
float:right;

}
/*クーポン*/

#pullupwrap section,
#pullupwrap #reserve_search,
#pullupwrap .reserve_menu_freetxt,
#pullupwrap .btn_next,
#selectmenu {
width:94%;
margin:auto;
margin-top:2.5%;
}

#pullupwrap section img{
/* width:100%;*/
}



/*MAP*/

.storebutton {
border:#ECE9D8 1px solid;
padding:10px 50px 10px 10px;
background:url(../img/map_arrow.gif) no-repeat 97% 50%;
margin:4px;
background-color:#FFFFFF;

position: relative;
overflow: hidden;
}

.storename {
display:block;
color:#666666;
font-size:18px;
font-weight:bold;
line-height:1.2;
}
.storename a,
.storebutton a{
color:#666666;
text-decoration:none;
display: block;
}
.tel{
display:block;
color:#333333;
font-size:12px;
line-height:2;
}

#map_canvas {
margin:4px;
/*width:100%;*/
}
.gm-style-mtc {
line-height:1.5;
}

.gm-style-iw div{
line-height:1.5;

}
.storebutton a{
    position: relative;
    overflow: hidden;
}
.storebutton .storeimg {
    float: left;
    width:20%;
    margin-right: 3%;
    position: relative;
}
.storebutton .storeimg img {
    width: 100%;
}
.storebutton .txtbox{
    float: right;
    width:77%;

}

.storebutton .badge{
    text-align: center;
    top: 0;
    font-size: 12px;
}

.nomatch{
    border:#ECE9D8 1px solid;
    padding:10px 50px 10px 10px;
    margin:4px;
    background-color:#FFFFFF;
}

.yellow{
    color: #FFCC00;
}


.storeArea {
    border:#ECE9D8 1px solid;
    padding:20px 50px 20px 10px;
    background:url(../img/map_arrow.gif) no-repeat 97% 50%;
    margin:4px;
    background-color:#FFFFFF;

position: relative;
overflow: hidden;
}

.storeArea a{
display:block;
color:#666666;
font-size:18px;
font-weight:bold;
line-height:1.2;
        color:#666666;
text-decoration:none;
display: block;
}
.mapsearch{
    margin: 4px 4px 0 4px;
}
.mapsearch .txtbox,
.root_form .txtbox,
.root_to .txtbox {
border-radius: .3em !important;
box-sizing:border-box !important;
width: 100% !important;
}

.favorit {
    position: absolute;
    top:2%;
    left: 2%;
    color: #f00;
    font-size: 1.2em;

}

/*お知らせ*/
#news_list #pullupwrap a{
    display:block;
}
html,body {
            margin: 0;
            padding: 0;
            height: 100%;
}

#contents {
            /*background: rgba(255,255,255,.5);*/
            clear: both;
            display: block;

            z-index: 1;
            position: relative;

}
/*#reserve #contents,
#map #contents,
#mypage #contents{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
} */

#contents .iscroll-scroller{
    padding-top: 48px !important;
    padding-bottom: 85px !important;
    width: 100%;
}


.fluid_container {
            bottom: 0;
            height: 100%;
            width: 100%;/*追加*/
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            z-index: 0;
}
#camera_wrap_full {
            bottom: 0;
            height: 100%;
            width:100%;
            left: 0;
            margin-bottom: 0!important;
            /*position: fixed;*/
            right: 0;
            top: 0;
}
.camera_bar {
            z-index: 2;
        }
.camera_overlayer {
            opacity: .1;
}

.newswrap,
.newswrap_even {
  position: relative;
}


.newswrap .aspectwrapper,
.newswrap_even .aspectwrapper{
    position: relative;
    width: 50%;     /* desired width */

}
.newswrap .aspectwrapper:before,
.newswrap_even .aspectwrapper:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
}

.newswrap .newbox,
.newswrap_even .newbox
{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px;
    margin: 5px;
}



.newswrap .f_l,
.newswrap_even .f_l{
     float: left;
}
.newswrap .f_r,
.newswrap_even .f_r{
    float: right;
}

/* ビジュアル設定で変更する箇所ｈｔｍｌ側へ移動必須 */
.newswrap .on{/* 奇数行　左ボックス */
  /*  background-color: #F29D9B;
    color: #fff;*/

}
.newswrap .off{/* 奇数行　右ボックス */
  /*  background-color: #FFF;
    color: #F29D9B;*/
    border: 1px solid #ddd;
}

.newswrap_even .on{/* 偶数行　左ボックス */
  /*  background-color: #FFF;
    color: #F29D9B;*/
    border: 1px solid #ddd;
}

.newswrap_even .off{/* 偶数行　右ボックス */
  /* background-color: #F29D9B;
    color: #fff;*/
}

.newswrap .newbox .title,
.newswrap_even .newbox .title{
    font-weight: bold;
    font-size: 14px;
}
.newswrap a,
.newswrap_even a
{
    text-decoration: none;
}
.newswrap .on .title ,
.newswrap_even .off .title  {
    color: #FFF;
    text-decoration: none;

}

.newswrap .off .title ,
.newswrap_even .on .title  {
   /* color: #F29D9B; */
    text-decoration: none;
}

.newswrap .newbox .date,
.newswrap_even .newbox .date {
    line-height: 2;
    font-size: 14px;
    color: #FFF;
    font-weight: 100;
}

.newswrap .on .youbi,
.newswrap_even .off .youbi {/* newboxが背景色ありの曜日 */
   /* background-color: #fff;
    color: #F29D9B;*/
    padding: 1px 3px;
    -moz-border-radius: 10px;/*for Firefox*/
    -webkit-border-radius: 10px;/*for Safari and chrome*/
    border-radius: 10px;
    margin-left: 5px;
    font-size: 12px;
}

.newswrap .off .youbi,
.newswrap_even .on .youbi {/* newboxが背景色なしの曜日 */
  /*  background-color: #F29D9B;
    color: #FFF;*/
    padding: 1px 3px;
    -moz-border-radius: 10px;/*for Firefox*/
    -webkit-border-radius: 10px;/*for Safari and chrome*/
    border-radius: 10px;
    margin-left: 5px;
    font-size: 12px;

}
.icn_new{
    position: absolute;
    top: -1px;
    right: -1px;
}


/*お知らせの四角全体をタップできるように*/
.newbox .title {
    height: 100%;
}
.newbox .title a{
    display: block;
    height: 100%;
}
.newbox{
    position: relative;
}
.newbox .date{
        position: absolute;
    bottom: 0;
}
/* ビジュアル設定で変更する箇所ｈｔｍｌ側へ移動必須 */


/* お知らせ　詳細 */
.newsdetail{
    border: 3px #ECE9D8 solid;
}
.newsdetail .title{
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #F8F8F5;
    border: 1px solid #E6E6E6;
}
.newsdetail .newsbody{
    padding: 15px;
    background-color: #fff;

}
.newsdetail .newsbody img{
    width: 100%;
}
.newsdetail p{
    text-align: left;
    padding-top: 5px;

}
.newsdetail .btnbox{
    text-align: center;
}

.btn {
  /*  background-color: #F29D9B;*/
    padding: 10px;
    -moz-border-radius: 5px;/*for Firefox*/
    -webkit-border-radius: 5px;/*for Safari and chrome*/
    border-radius: 10px;

}
a.btn {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background-size: cover;
}

/* クーポン */
.coupon{
    border: 3px #ECE9D8 solid;
    position: relative;
}
.coupon .title{
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    /* color: #F29D9B; */
    line-height: 1.3;

}
.coupon .name {
	padding: 1px 15px 15px 15px;
	font-size: 11px;
}
.coupon .couponbody {
    padding: 15px;
    background-color: #fff;
}

.coupon .coupon-use {
	padding: 1px 15px 15px 15px;
	background-color: #F8F8F5;
}

.coupon .coupon-remain {
	text-align: right;
	margin-right: 5px;
	font-size: 12px;
}
.coupon img{
    width: 100%;
    vertical-align: bottom;
}
.coupon p{
    text-align: left;
    padding: 10px;
    background-color: #F8F8F5;
    font-size: 10px;
    clear: both;
    margin-top: 5px;
    line-height: 1.4;
}
.limitday{
    font-size: 24px;
    color: #666;
    float: left;
}
.limitday .ttl{
    width: 2em;
    display: block;
    float: left;

    font-weight: bold;
    padding-right: 5px;
    font-size: 12px;

}
.limitday .youbi{
    font-size: 10px;
}
.merit{
   /* color: #F29D9B; */
    font-weight: bold;
    font-size: 20px;
    width: 10em;
    text-align: right;
    float: right;

}

/* map */

.mapdetail{
    border: 3px #ECE9D8 solid;
    background-color: #fff;
}
.mapdetail img{
    /*width: 100%;*/
    vertical-align: bottom;
}
.mapdetail .title{
    padding: 10px;
    font-size: 16px;
    font-weight: bold;

    background-color: #F8F8F5;
    border-bottom: 1px solid #E6E6E6;
    line-height: 1.3;
    margin-top: 0;
    color: #555;
}
.wrap{
    padding: 10px;
}
.mapdetail .wrap h4,
.reserve label
{
    color: #aaa;
    font-size: 14px;
    font-weight: bold;
}
.mapdetail .wrap p{
    padding: 5px 0;
}
.mapdetail .wrap h4,
.reserve label
{
    color: #aaa;
    font-size: 14px;
    font-weight: bold;
}
.mapdetail .wrap p{
    padding: 5px 0;
}
.mapdetail .btnbox{
    padding: 15px 0 5px;
    text-align: center;
    font-size: 16px;
}
.mapdetail .btnbox{
    padding: 15px;
    text-align: center;
    font-size: 16px;
    background-color: #F8F8F5;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.mapdetail div.btnbox a.btn_map {

    display: block;
    padding: 10px;

    -moz-border-radius: 5px;/*for Firefox*/
    -webkit-border-radius: 5px;/*for Safari and chrome*/
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    background-color: #fff;
    text-align: left;
    color: #333;
    text-decoration: none;
    overflow: hidden;
}

.mapdetail div.btnbox a.btn_map img {
    float: left;
    width:45px;
   /* min-height: 100%;*/
}
.mapdetail div.btnbox a span {
    line-height: 2.5;
    vertical-align: middle;
    padding-left: 10px;
    float: left;

}

.mapdetail div.btnbox div.couponbox {
    background-color: #F9CCCC;
    padding:10px 10px 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.mapdetail div.btnbox div.couponbox img {
    position: absolute;
    top:-2px;
    left: 20px;
    width: 35px;
}

.mapdetail div.btnbox div.couponbox a.btn_map {
    border-color: #D2A6A6;
    padding-left: 50px;
}

.width100{
    width:100%;
}
.mapsearchbox {

}
.mapsearchbox #searchInput{
    width: 80% !important;
    padding: 2% !important;
    display: inline;
}
.mapsearchbox .btn{
    width: 12%;
    padding:2.5% 2%  !important;
    display: inline;

}
input.ui-input-text{
    margin: 0;
}

.favorite{
    background-color: #FFCC00 !important;
    text-align: center !important;
    color: #FFF !important;
    border: 1px solid #FFFF00 !important;
    padding: 15px !important;
}
.favorite i{

}
.favorite_off{
    background-color: #E0E0E0 !important;
    text-align: center !important;
    color: #666 !important;
    border: 1px solid #ccc !important;
    padding: 15px !important;
}






/*道先案内*/
#map input.ui-input-text, textarea.ui-input-text {
padding:2%;
width:96%;
}
.ui-shadow-inset {
  -moz-box-shadow: none  !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}
.wrap_canvas{

}
.root_form{
    margin: 0 4%;

}
.root_form label{
    font-size: 11px;
}
.root_to{
    margin: 0 4%;
}
.root_to label{
    font-size: 11px;
}
.root_submit{
     margin: 0 4%;
}


.ttl_junro{
    background-color: #ddd;
    padding: 10px;
}
.adp{
    padding: 4%;
    background-color: #fff;
}
.adp-legal{
    font-size: 10px;
}

/* 予約 */

.ui-datebox-flipcenter{
    top:-63px;
}
.reserve label{
    font-size: 14px;
}
.reserve .ui-field-contain input.ui-input-text,
.reserve .ui-field-contain textarea.ui-input-text,
.reserve .ui-field-contain .ui-input-search,
.reserve .ui-field-contain div.ui-input-text{
    width: 97%;
}
.reserve .inputbox{

}

.reserve .inputbox input{

}
.ui-body-b, .ui-overlay-b{
    background-color: #fff !important;
}
.ui-datebox-container{
    border-color: #ddd !important;
}
.ui-datebox-controls{
    margin: 0 10px;
}
.ui-datebox-flipcontent{
    margin-top: 10px;
}
.reserve,
.reserve_menu_wrap {
    border: 3px #ECE9D8 solid;
    background-color: #fff;
    width: 94%;
    margin: auto;
    }
    .reserve_menu_wrap .error{
    padding: 10px;
}
.reserve .title{
    padding: 10px;
    font-size: 16px;
    font-weight: bold;

    background-color: #F8F8F5;
    border-bottom: 1px solid #E6E6E6;
    line-height: 1.3;
    margin-top: 0;
    color: #555;
}
.reservedetail{
    border: 3px #ECE9D8 solid;
}
.reservedetail .title{
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #F8F8F5;
    border: 1px solid #E6E6E6;
}
.reservedetail .reservebody{
    padding: 15px;
    background-color: #fff;

}
.reservedetail .reservebody img{
    width: 100%;
}
.reservedetail p{
    text-align: left;
    padding-top: 5px;

}
.reserve input,
.reserve select {
    font-size: 16px;

}
.error{
    color: #FF0033;
    padding-top: 3px;
    height: auto !important;
}

/*マイページ*/
.mypage label{
    font-size: 14px;
}
#map_area #contents .iscroll-scroller,
#map_prefectural #contents .iscroll-scroller,
#map_root #contents .iscroll-scroller,
#map #contents .iscroll-scroller,
#reserve #contents .iscroll-scroller,
#mypage #contents .iscroll-scroller{
    padding-top: 0 !important;
}
#reserve_form_input .ui-field-contain input.ui-input-text,

#reserve_form_input .ui-field-contain .ui-input-search,
#reserve_form_input .ui-field-contain div.ui-input-text,
.mypage .ui-field-contain input.ui-input-text,
.mypage .ui-field-contain textarea.ui-input-text,
.mypage .ui-field-contain .ui-input-search,
.mypage .ui-field-contain div.ui-input-text{

width:97%;
}
#reserve_form_input .ui-field-contain textarea.ui-input-text{
    width:100%
}
.mypage {
    border: 3px #ECE9D8 solid;
    background-color: #fff;
    width: 94%;
    margin: auto;
    margin-bottom: 1em;
    }
.mypage .title{
    padding: 10px;
    font-size: 16px;
    font-weight: bold;

    background-color: #F8F8F5;
    border-bottom: 1px solid #E6E6E6;
    line-height: 1.3;
    margin-top: 0;
    color: #555;
}

.mypage input,
.mypage select {
    font-size: 16px;

}
.birthtxt{
    font-size: 0.8em;
    padding: 0 0 0.5em 0;
}

.successbox{
    text-align: center;
    font-size: 11px;
    padding: 0.5em;
    background-color: #FFFFE1;
   color: #996600;
    border:1px #FFF1B0 solid;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

.mypage .label{
    font-weight: bold;
}
.mypage .ui-btn-up-c,
.mypage .ui-btn-hover-c{

font-weight: 100;
  color: #222 /*{c-bup-color}*/;
}

.ui-btn-icon-notext .ui-btn-inner .ui-icon {
    margin: 0 !important;
}
/*性別*/

.ui-corner-top {
  -moz-border-radius-topleft: .6em;
  -webkit-border-top-left-radius: .6em;
  -moz-border-radius-topright: .6em;
  -webkit-border-top-right-radius: .6em;
  border-top-right-radius: .6em;
  border-top-left-radius: .6em;
}
.ui-corner-bottom {
  -moz-border-radius-bottomleft: .6em;
  -webkit-border-bottom-left-radius: .6em;
  border-bottom-left-radius: .6em;
  -moz-border-radius-bottomright: .6em;
  -webkit-border-bottom-right-radius: .6em;
  border-bottom-right-radius: .6em;
  border-bottom: 1px solid #cdcdcd;;
}

.mypage .ui-field-contain{
      border-bottom-width: 0px;
      padding: 0.5em 0;
      margin: 0;
}
.fv_store{

}
.odd{

}
.even{
    background-color: #efefef;
}
.fv_storebox,
#mypage .reservebox
{
    overflow: hidden;
    padding: 3%;
}
.fv_nothing,
#mypage .reservebox .rs_nothing
{
    width: 85%;
    float: left;
    color: #aaa;
}
.fv_name{
    width: 80%;
    float: left;
}
.fv_name a{
    color: #0099FF;
    text-decoration: none;
}
.fv_btnbox{
    width: 14%;
    float: right;
    text-align: right;
}
.fv_btn{
    padding: 5px;
   background-color: #fff;
   color: #999;
    border:1px #bbb solid;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    font-weight: 100;
}

#app_info .wrap_app{
    padding: 5px 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -1px;
}
#app_info .ttl{
    display: inline-block;
    width: 49%;
    font-weight: bold;
}
#app_info .app_id{
    display: inline-block;
    width: 49%;
    text-align: right;
    font-weight: bold;
}
#app_info  .app_pass{
    display: inline-block;
    width: 49%;
    text-align: right;
    font-weight: bold;
}
.pt10{
    padding-top: 10px;
}
.ui-btn-icon-left .ui-icon{
        position: static !important;
        left: auto !important;
}

.ui-btn-icon-left .ui-icon{

    position: absolute !important;

    top: 8px;

    left: 10px !important;

}
/*マイページ　アコーディオン　h3 a*/
.ui-btn-icon-right .ui-icon{

    position: absolute !important;

    right: 10px !important;


}
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner{
    padding-left: 0px !important;
}


.ui-collapsible-heading a .ui-btn-inner{
    padding-left: 0px !important;
    color: #555;

}
.ui-collapsible-heading a {
    text-decoration: none !important;
}
.ui-collapsible-set{
    margin: 0;
}
.ui-collapsible-heading{
    margin: 0;
}
h3 .ui-btn-inner{
    padding: 0;
}

.accordion h3 .ui-icon-plus {
    background-position: -108px -1px !important;
}


.accordion h3 .ui-icon-minus{
    background-position: -216px -1px !important;
}
.ui-collapsible-set .ui-collapsible{
    margin: 0 !important;
}


.accordion .ui-corner-top{

}

/*////////////////////////////////////

スタンプ

//////////////////////////////////////////*/

.stampcard,
.keihin,
.stamp_coupon,
.howto,
.invite{
    border: 3px #ECE9D8 solid;
    background-color: #fff;
    width: 94%;
    margin: auto;
    margin-bottom: 1em !important;
    background:url("../img/bg_stamp.jpg");
}
.stampcard {
}

.stampcard .card_head {
    position: relative;
}

.stampcard .card_head .card_title {
    float: left;
    width: 50%;
    line-height: 2;
    color: #AB8A6B;
    font-weight: bold;
}

.stampcard .card_head .member_no {
    float: right;
    width: 50%;
    line-height: 2;
    text-align: right;
        color: #AB8A6B;
    font-weight: bold;
}

.stampcard .tbl_bg_clr {
    clear:both;
}
.stampcard table{
    width: 100%;
    color: #AB8A6B;
}
.stampcard table,
.stampcard table td,
.stampcard table th{
    border-collapse: collapse !important;
    border:1px solid #AB8A6B !important;
    }

.stampcard .tbl_bg_clr table tbody {
}

.stampcard .tbl_bg_clr table tbody tr {
}

.stampcard .tbl_bg_clr table tbody tr td {
    padding: 3px;
    width: 20%;
    vertical-align: top;
}

.stampcard .tbl_bg_clr table tbody tr td .number {
    font-size: 85%;
}

.stampcard .tbl_bg_clr table tbody tr td .stamp_icn {
    text-align: center;

}

.stampcard .tbl_bg_clr table tbody tr td .stamp_icn .fa {
    color: #cc0000 !important;
    font-size: 250%;
}

.stampcard .tbl_bg_clr table tbody tr td .stamp_date {
    text-align: center;
    font-size: 85%;
}

.stampcard .tbl_bg_clr table tbody tr .none {
    background: url("../img/bg_shasen.gif");
}
.stampcard .tbl_bg_clr table tbody tr .kara {
    min-height: 4em;
}
.keihin {
    color: #666;
}

.keihin p {
    font-size: 90%;
}

.keihin .stmp_coupon_list {
    position: relative;
    overflow: hidden;
    zoom:1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom:1px dotted #996633;
    color: #663300;
}

.keihin .stmp_coupon_list .maisu {
    width: 15%;
    float: left;
    font-weight: bold;
}

.keihin .stmp_coupon_list .coupon_info {
    width: 50%;
    float: left;
}

.keihin .stmp_coupon_list .coupon_info .c_title {
    display: block;
}

.keihin .stmp_coupon_list .coupon_info .c_joken {
    font-size: 80%;
    display: block;
}

.keihin .stmp_coupon_list .button {
    width: 35%;
    float: left;
    text-align: right;
    vertical-align: middle;
}

.keihin .stmp_coupon_list .button .btn_coupon {
    color: #fff;
    background-color: #996633;
    border-radius: 6px;
    font-size: 85%;
    padding: 5px 13px;
    margin-top: 5px;
    display: inline-block;
    text-decoration: none;

}

.keihin .stmp_coupon_list .b_countdown {
    width: 35%;
    float: left;
    text-align: right;
}

.keihin .stmp_coupon_list .b_countdown .ato {
    font-size: 70%;
    text-align: left;
}

.keihin .stmp_coupon_list .b_countdown .countdown {
    font-weight: bold;
    display: inline-block;
    border-radius: 6px;
    border:2px dotted #996633;
    padding: 5px 7px;
}

.keihin .stmp_coupon_list .b_countdown .countdown span {
    font-size: 80%;
    font-weight: 100;
}

.stamp_coupon {
    background-color: #996633 !important;
    background-image: none;
    color: #E2CEB0;
    position: relative;
    overflow: hidden;
    zoom:1;
}
.stamp_coupon .icn{

    width: 20%;
    float: left;

}
.stamp_coupon .icn i{
    font-size: 350%;
}
.stamp_coupon .coupon_txt {

    width: 80%;
     float: left;
}

.stamp_coupon .coupon_txt .comp {
    font-weight: bold;
    font-size: 130%;
}

.stamp_coupon .coupon_txt .ken_title {
    color: #fff;
}

.stamp_coupon .coupon_txt .ken_jouken {
    color: #fff;
    font-size: 70%;
    padding-bottom: 5px;
}

.stamp_coupon .coupon_bottom {
    clear: both;
    border-top:1px solid #E2CEB0;
    padding: 5px 0;
}

.stamp_coupon .coupon_bottom .txt {
    font-size: 70%;
    line-height: 1.5;
}

.stamp_coupon .coupon_bottom .use_btn {
    background-color: #E4D2B6;
        text-align: center;
}

.stamp_coupon .coupon_bottom .use_btn a {
    color: #996633;
    font-size: 80%;
    text-decoration: none;

}

h2 {
    display: block;
    width: 94%;
    margin: auto;
    color: #663300;
    font-size: 110%;
    line-height: 2;
}

.howto {
}

.howto .howto_list {
    list-style: none;
    color: #663300;
}

.howto .howto_list li {
    font-size: 90%;
}

.howto .howto_list li .fa {
    text-align: center;
    width: 30px;
    font-size: 160%;
}

.stmp_count{
    width: 2em;
    text-align: right;
    display: inline-block;
    font-weight: bold;
    margin-right: 1em;
}
.em2{
    width: 1.5em;
    text-align: right;
    display: inline-block;
    font-weight: bold;
    white-space:nowrap;
    margin: 0 0.2em;
}

.invite .wrap,
#my_invite .wrap{
    position: relative;
    overflow: hidden;
    zoom:1;
}

.invite .col3,
#my_invite .col3 {
    width: 30%;
    float:left;
    padding: 1.5%;
}

.invite .col3 a,
#my_invite .col3 a {
    display: block;
}

.invite .col3 a img,
#my_invite .col3 a img {
    width: 100%;
}

.staff_btn {
     color: #999;
}

.staff_btn form {
}

.staff_btn .btn_staff {
    color: #fff;
    background-color: #AAA;
    text-align: center;
    padding: 10px;
    display: block;
    border-radius: 6px;
    text-decoration: none;
}
#cboxContent{
    position: relative;
}
#cboxClose{
    background-color: #666;
    padding: 2px 5px 3px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    top:0px;
    right: 0px;
    display: block;


}

.ui-btn-hidden{
    line-height: 1 !important;
}

#inline_content label,
#fuyo label{
    font-size: 11px;
}
#inline_content input[type='password'],
#fuyo input[type='number']{
    padding: 0.4em 1.5%;
}
#inline_content form .ui-btn,
#fuyo form .ui-btn{
    margin:5px 0;
}
#inline_content .error,
#fuyo .error{
    color: #f00;
}

#fb_iphone_modal textarea{
    width: 100%;
    font-size: 12px;
}
#fb_iphone_modal .modal_txt{
    font-size: 12px;
    padding-top: 5px;
}
.success_mg{
    width: 93%;
    margin: auto;
    background-color: #D9EDF2;
    border-radius: 6px;
    border:1px solid #ACCBEA;
    padding: 1%;
    text-align: center;
    font-size: 12px;
    color: #006699;
    margin-bottom: 10px;
}

.limit_day{
    font-size: 12px;
    color: #AB8A6B;

}

.zumi{
    width: 93%;
    margin: auto;
    border:1px solid #F8A3A5;
    background-color: #F7E6EA;
    border-radius: 6px;
    font-size: 12px;
    padding: 1%;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #CC0000;
    text-align: center;
}

.wrap_total{
    background-color:#996633;
    padding:5px 10px;
}

.card_total_head{
    font-weight:bold;
    color:#ECE9D8;
}

.card_total{
    font-weight:bold;
    font-size:30px;
    text-align:right;
    line-height:1;
    color:#ECE9D8;
}










.navi{
    padding: 4px 0 0;
}
.box_8,
.box_7,
.box_6,
.box_5,
.box_4,
.box_3,
.box_2,
.box_1
{
    float: left;
    text-align: center;
    position: relative;
    }
.box_8 {
    width: 12.5%;
}
.box_7 {
    width: 14.28%;
}
.box_6 {
    width: 16.6666666666%;
}
.box_5 {
    width: 20%;
}
.box_4 {
    width: 25%;
}
.box_3 {
    width: 33.3333333333%;
    /*text-align: left;*/
    text-align: center;
}
.box_3 a{
    /*margin: 0 !important;*/
    text-align: center;
}
.box_3 span{
    display: block;
    /*width:40px;*/
    text-align: center;
    padding-top: 2%;
}
.box_2 {
    width: 50%;
    text-align: left;
}
.box_2 a{
    margin: 0 !important;
    text-align: center;
}
.box_2 span{
    display: inline !important;

    text-align: center;
    padding: 0px 0.5em !important;
}
.box_1 {
    width: 100%;
}

.box_7 img,
.box_6 img,
.box_5 img,
.box_4 img,
.box_3 img,
.box_2 img,
.box_1 img
{
    width: 32px;
    vertical-align: top;
    }
.box_8 img{
    width: 75%;
    vertical-align: top;

}
.box_8 span,
.box_7 span{
    display: block;
    text-align: center;
    font-size: 7px;
    color:#fff;
}
.box_8 span{
    font-size: 5px;
    white-space: nowrap;
}
.box_6 span,
.box_5 span,
.box_4 span,
.box_3 span,
.box_2 span,
.box_1 span
{
    display: block;
    text-align: center;
    font-size: 9px;
    color:#fff;
    }


.navi a{
    display: block;
    position: relative;
    width: 40px;
    margin: 0 auto;
}

.badge{
    background-color: #f00;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top:  5px;
    right: -5px;
    width: 1.2em;
    padding: 1px;
    z-index: 2;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

.ui-icon, .ui-icon-searchfield:after {
background-image:url("images/icons-18-white.png");
}

/* このアプリについて */
.about{
    border: 3px #ECE9D8 solid;
}
.about .title{
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #F8F8F5;
    border-bottom: 1px solid #E6E6E6;
}
.about .aboutbody{
    padding: 15px;
    background-color: #fff;

}

/* =========================================================
属性入力
========================================================= */
#property img {
    vertical-align: top;
}
#property {
    background-color: #333;
    padding-top: 10%;
    height: 90%;


}
#property .ui-input-datebox{
    width: 97% !important;
}
.txtright{
    text-align: right;
}
#property .del{
    position: absolute;
    top: 10px;
    right: 10px;

}

#property .ui-datebox-flipcenter{
    top:-62px !important;
}
#property .del a{
    color: #ddd;
}
#property .ui-btn-up-c{
    font-weight: 100;
}
#property .btn_submit{
    font-weight: bold !important;
}
#property .label{
    font-weight: bold !important;
}
#property .propertybox {
    background-color: #fff;
    margin: 15px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

#property .propertybox .propertyhead {
    padding: 20px 10%;
    position: relative;

}

#property .propertybox .propertyhead img {
    width: 100%;
}

#property .propertybox .propertybody {
    background-color: #E6E6E6;
    padding: 15px 10%;

}

#property .propertybox .propertybody label {
    display: block;
    padding: 3px;
    font-size: 12px;
}

#property .propertybox .propertybody input[type="email"],
#property .propertybox .propertybody input[type="password"] {
    padding: 8px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

}

#property .propertybox .propertyfoot {
    padding: 20px;
    text-align: center;
}

#property .propertybox .propertyfoot .btn_submit {
    background-color:#FF0033;
    border: none;
    color: #FFF;
    padding: 10px 30px;
    font-weight:bold;
}

/* =========================================================
初回起動　機種変更
========================================================= */
#phone_change img {
    vertical-align: top;
}

#phone_change .ui-input-datebox{
    width: 97% !important;
}
.txtright{
    text-align: right;
}
#phone_change .del{
    position: absolute;
    top: 10px;
    right: 10px;

}
#phone_change h1,
#first_invite h1{
    font-size: 1.5em;
}
#phone_change .ui-datebox-flipcenter{
    top:-62px !important;
}
#phone_change .del a{
    color: #999;
}
#phone_change .ui-btn-up-c{
    font-weight: 100;
}
#phone_change .btn_submit{
    font-weight: bold !important;
}
#phone_change .label{
    font-weight: bold !important;
}
#phone_change .phone_changebox {
    background-color: #fff;
    margin: 15px 15px 5px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

#phone_change .phone_changebox .phone_changehead {
    padding: 20px 10%;
    position: relative;

}

#phone_change .phone_changebox .phone_changehead img {
    width: 100%;
}

#phone_change .phone_changebox .phone_changebody {
    background-color: #E6E6E6;
    padding: 15px 10%;

}

#phone_change .phone_changebox .phone_changebody label {
    display: block;
    padding: 3px;
    font-size: 12px;
}

#phone_change .phone_changebox .phone_changebody input[type="email"],
#phone_change .phone_changebox .phone_changebody input[type="password"] {
    padding: 8px;
    margin-bottom: 10px;

    font-size: 14px;
    border: 1px solid #ccc;
       /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

}

#phone_change .phone_changebox .phone_changefoot {
    padding: 20px;
    text-align: center;
}

#phone_change .phone_changebox .phone_changefoot .btn_submit {
    background-color:#FF0033;
    border: none;
    color: #FFF;
    padding: 10px 30px;
    font-weight:bold;
}

/* =========================================================
初回起動　お友達紹介
========================================================= */
#first_invite img {
    vertical-align: top;
}
#first_invite {




}
#first_invite .ui-input-datebox{
    width: 97% !important;
}
.txtright{
    text-align: right;
}
#first_invite .del{
    position: absolute;
    top: 10px;
    right: 10px;

}

#first_invite .back{
    position: absolute;
    top: 10px;
    left: 10px;

}

#first_invite .ui-datebox-flipcenter{
    top:-62px !important;
}
#first_invite .del a,
#first_invite .back a
{
    color: #999;
}
#first_invite .ui-btn-up-c{
    font-weight: 100;
}
#first_invite .btn_submit{
    font-weight: bold !important;
}
#first_invite .label{
    font-weight: bold !important;
}
#first_invite .first_invitebox {
    background-color: #fff;
    margin: 15px 15px 5px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

#first_invite .first_invitebox .first_invitehead {
    padding: 20px 10%;
    position: relative;

}

#first_invite .first_invitebox .first_invitehead img {
    width: 100%;
}

#first_invite .first_invitebox .first_invitebody {
    background-color: #E6E6E6;
    padding: 15px 10%;

}

#first_invite .first_invitebox .first_invitebody label {
    display: block;
    padding: 3px;
    font-size: 12px;
}


#first_invite .first_invitebox .first_invitebody input[type="text"] {
    padding: 8px;
    margin-bottom: 10px;

    font-size: 14px;
    border: 1px solid #ccc;
       /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

}

#first_invite .first_invitebox .first_invitefoot {
    padding: 20px;
    text-align: center;
}

#first_invite .first_invitebox .first_invitefoot .btn_submit {
    background-color:#FF0033;
    border: none;
    color: #FFF;
    padding: 10px 30px;
    font-weight:bold;
}
.nowposition {
    text-align: center;
}
.nowposition i{
    padding-right: 5px;
    font-size: 12px;
    color: #999;
}



/* =========================================================
起動スタンプ
========================================================= */
#daily_stamp .wrap_stamp{
    text-align: center;
    padding: 10px;
}

#daily_stamp .box_stamp{
    background-color: #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    padding: 30px;
    margin: 30% auto 5%;
    text-align: center;
    border: 1px solid #ddd;

}

#daily_stamp .box_stamp i{
    font-size: 160px;
    color: #f00;
    line-height: 1;
}

#daily_stamp .daily_txt{
    font-weight: bold;
    color: #333;
}

#daily_stamp .btn_daily{
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px 15px;
    line-height: 1.2;
    text-decoration: none;
    display: inline-block;
}


/* =========================================================
プレビューアプリ用　ログイン、アプリ選択
========================================================= */
#preview img {
    vertical-align: top;
}
#preview {
    background-color: #333;
    padding-top: 10%;
    height: 90%;


}

#preview .previewbox {
    background-color: #fff;
    margin: 15px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

#preview .previewbox .previewhead {
    padding: 20px 10%;

}

#preview .previewbox .previewhead img {
    width: 80%;
}

#preview .previewbox .previewbody {
    background-color: #E6E6E6;
    padding: 15px 10%;

}

#preview .previewbox .previewbody label {
    display: block;
    padding: 3px;
    font-size: 12px;
}

#preview .previewbox .previewbody input[type="email"],
#preview .previewbox .previewbody input[type="password"] {
    padding: 8px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */


}

#preview .previewbox .previewfoot {
    padding: 20px;
    text-align: center;
}

#preview .previewbox .previewfoot .btn_submit {
    background-color: #006699;
    border: none;
    color: #FFF;
    padding: 10px 30px;
    font-weight:bold;
}

.checkbox{

}
.checkbox input{


}

#preview .previewbox .previewbody dl{}

#preview .previewbox .previewbody dt{
    margin-top: 15px;
    clear: both;
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

#preview .previewbox .previewbody dd{
    padding: 15px 20px;
    float: left;
    margin-top: 10px;

}

#preview .previewbox .previewbody dd a{
    color: #333;
    text-decoration: none;
}
.txt_blue {
    color:#006699;
}





/* 読み込み中　デザイン　 */
.ui-loader{

    background-color: transparent;
    padding: 2%;
    margin: auto 3%;
    width: 90%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50% !important;
}

.ui-loader h1{
font-size:14px;
 color: #333;
    width: inherit !important;
    height: inherit !important;
    margin: auto;
}
.ui-loader-default {
 opacity:1 !important;
}

.ui-body-a{
    background: none;

color: #333 /*{a-body-color}*/;
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #fff /*{a-body-shadow-color}*/;

}
.ui-loader .ui-icon{
    background-image: none;
    background-color: transparent;
    margin: 0 auto;
}
.ui-icon-loading {
  margin: 10% auto;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 2px solid #333;
    border-top: 2px solid #333;
    border-radius: 100%;
    height: 125px;
    width: 125px;
    -webkit-animation: spin .6s infinite linear;
    -moz-animation: spin .6s infinite linear;
    -ms-animation: spin .6s infinite linear;
    -o-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
}

@keyframes "spin" {
 from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
 }
 to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
 }

}

@-moz-keyframes spin {
 from {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -moz-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-webkit-keyframes "spin" {
 from {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-ms-keyframes "spin" {
 from {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -ms-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-o-keyframes "spin" {
 from {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -o-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}


.iscroll-pulldown .iscroll-pull-icon,
.iscroll-pullup .iscroll-pull-icon {
    float: none;
    margin: 0 auto;
}

.iscroll-pulldown, .iscroll-pullup {
background: #fff;
height: 40px;
line-height: 1;
font-weight: 100;
font-size: 10px;
color: #888;
text-align: center;
opacity: 0.8;
}



/* /////////////////////////////////

エラー画面　利用停止

////////////////////////////////// */

#error img {
    vertical-align: top;
}
#error {
    background-color: #333;
    padding-top: 10%;
    height: 90%;


}

#error .errorbox {
    background-color: #fff;
    margin: 15px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

#error .errorbox .errorhead {
    padding: 20px 10%;
    font-size: 24px;

}

#error .errorbox .errorhead img {
    width: 80%;
}

#error .errorbox .errorbody {
    background-color:#efefef;
    padding: 15px 10%;

}

#error .errorbox .errorbody label {
    display: block;
    padding: 3px;
    font-size: 12px;
}

#error .errorbox .errorbody input[type="email"],
#error .errorbox .errorbody input[type="password"] {
    padding: 8px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

}

#error .errorbox .errorfoot {
    padding: 20px;
    text-align: center;
}

#error .errorbox .errorfoot .btn_submit {
    background-color: #006699;
    border: none;
    color: #FFF;
    padding: 10px 30px;
    font-weight:bold;
}

.text-aqua {
  color: #00c0ef !important;
}

.text-red {
  color: #f56954 !important;
}

/* =========================================================
reserve_menu_list
========================================================= */
#reserve_menu_list {
}
#reserve_form_confirm .reserve_head,
#reserve_form_input .reserve_head,
#reserve_menu_list .reserve_head,
#reserve_staff_list .reserve_head,
#reserve_calendar_list .reserve_head{
    background-color: #fff;
}
#reserve_form_confirm .reserve_head .shop_name,
#reserve_form_input .reserve_head .shop_name,
#reserve_menu_list .reserve_head .shop_name,
#reserve_staff_list .reserve_head .shop_name,
#reserve_calendar_list .reserve_head .shop_name{
font-weight:bold;
padding:10px 15px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
font-size:1.2em;
color:#666;

}
#reserve_form_confirm .reserve_head .page_navi,
#reserve_form_input .reserve_head .page_navi,
#reserve_menu_list .reserve_head .page_navi,
#reserve_staff_list .reserve_head .page_navi,
#reserve_calendar_list .reserve_head .page_navi{
    border-bottom:  1px solid #ddd;
    padding: 10px;
    text-align: center;
}

#reserve_form_confirm .reserve_head .page_navi img,
#reserve_form_input .reserve_head .page_navi img,
#reserve_menu_list .reserve_head .page_navi img,
#reserve_staff_list .reserve_head .page_navi img,
#reserve_calendar_list .reserve_head .page_navi img
 {
    width: 94%;
}

#reserve_menu_list #reserve_search {
}

#reserve_menu_list #reserve_search h3.title a{
    padding: 5px 10px;
    border-top-right-radius: .6em;
    border-top-left-radius: .6em;
    text-align: center;
}
html #reserve_menu_list #reserve_search h3{
    font-weight: 100px !important;
    border-bottom: 3px solid #cdcdcd;
}

#reserve_menu_list #reserve_search form {
}

#reserve_menu_list #reserve_search .btn {
}

#reserve_menu_list #reserve_search .btn button {
}

#reserve_menu_list #reserve_search #reserve_search_wap {
    border-right: 2px solid #cdcdcd;
    border-left: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
    background-color:#fff;
}



#reserve_menu_list .reserve_menu_freetxt {
}

#reserve_menu_list .reserve {
}

#reserve_menu_list .reserve .title {
}

#reserve_menu_list form {
}

#reserve_menu_list form .reserve_menu_wrap {
        position: relative;
}

#reserve_menu_list form .reserve_menu_wrap .icn_new {
    top:-3px;
    right: -3px;
}

#reserve_menu_list form .reserve_menu_wrap .icn_new img {
}
#reserve_menu_list form .reserve_menu_wrap .wrap{
    overflow: hidden;


}
#reserve_menu_list form .reserve_menu_wrap .reserve_box_l {
    width: 85%;
    display: inline-block;
    vertical-align: middle;
}

#reserve_menu_list form .reserve_menu_wrap .reserve_box_l .tag {
    padding: 3px 5px;
    font-size: 10px;
    margin-right: 2px;
    white-space: nowrap;
    line-height: 2;
}

#reserve_menu_list form .reserve_menu_wrap .reserve_box_l .title {
    display: block;
    font-size: 1.1em;
    line-height: 1.5;
    font-weight: bold;
    color: #666;
    padding-top: 5px;
}

#reserve_menu_list form .reserve_menu_wrap .reserve_box_l .price_gray {
    font-weight: bold;
    color: #999;
    float: right;
}

#reserve_menu_list form .reserve_menu_wrap .reserve_box_l .price_red {
    font-weight: bold;
    color: #ff0000;
    font-size: 1.5em;
    float: right;
    line-height: 1.1;
    padding-right: 0.5em;
}

#reserve_menu_list form .reserve_menu_wrap .reserve_box_l .txt {
     display: block;
     clear: both;
     line-height: 1.4;
     padding-top: 5px;
     font-size: 11px;

}

#reserve_menu_list form .reserve_menu_wrap .reserve_box_r {
    width: 10%;

   display: inline-block;
   vertical-align: middle;
   position: relative;


}
#reserve_menu_list form .reserve_menu_wrap .reserve_box_r .ui-checkbox{
}
#reserve_menu_list form .reserve_menu_wrap .reserve_box_r input {
    margin-top: -15px;
    height: 1.7em;
    width: 1.7em;
    margin-left: auto;
    margin-right: auto;
    margin-left: -15px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin: -5px 0 0 0;
    outline: 0 !important;
    z-index: 1;
    left: 50%;

}

#reserve_menu_list form .btn_next {
}

#reserve_menu_list form .btn_next button {
}

/*メニュー予約　スタッフリスト*/

@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////


/////////////////////////////////////////////////////////////////// */

.reserve_form_wrap,
.reserve_staff_wrap,
.reserve_calendar_wrap,
#selectmenu
  {
    border-top:3px #ECE9D8 solid;
    border-bottom:3px #ECE9D8 solid;
    background-color: #fff;
}

.reserve_form_wrap .form_wrap,
.reserve_form_wrap .form_topbox,
.reserve_staff_wrap .staff_topbox,
.reserve_calendar_wrap .calendar_topbox,
.calendar_btnbox,
.selectmenubox{
padding:15px 10px;
}

.reserve_form_wrap .form_wrap,
.reserve_form_wrap .form_topbox,
.reserve_staff_wrap .staff_topbox,
.reserve_calendar_wrap .calendar_topbox,
.calendar_btnbox,
.selectmenubox{
padding:15px 10px;
}
.reserve_staff_wrap .staff_freetxt {
    color: #333;
    line-height: 1.4;
    padding-bottom: 1em;
}
.reserve_staff_wrap .btn_nextbox,
.reserve_form_wrap .btn_nextbox{
    text-align: center;
}
.reserve_staff_wrap .btn_nextbox a,
.reserve_form_wrap .btn_nextbox a{
    padding: 5px 15px;
    background-color:#aaa;
    color: #fff;
    display: inline-block;
    border-radius: 6px;
    text-decoration: none;
}
.reserve_staff_wrap .btn_nextbox a,
.reserve_form_wrap .btn_nextbox a{
padding:5px 15px;
background-color:#aaa;
color:#fff;
display:inline-block;
border-radius:6px;
text-decoration:none;
}
.reserve_staff_wrap .staff_wrap,
.reserve_form_wrap .button_wrap{
    clear: both;
    overflow: hidden;
    border-top: 1px solid #ECE9D8;
    padding:15px 10px;
}
.reserve_staff_wrap .staff_wrap .staff_img{
    float: left;
    width: 30%;
}
.reserve_staff_wrap .staff_wrap .staff_img img{
    width: 100%;
}
.reserve_staff_wrap .staff_wrap .staff_txt{
    width: 65%;
    margin-left: 5%;
    float: left;
}
.reserve_staff_wrap .staff_wrap .staff_txt span{
    display: block;
}
.reserve_staff_wrap .staff_wrap .staff_txt .staff_name{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    color: #555;
}
.reserve_staff_wrap .staff_wrap .staff_txt .staff_katagaki {
    font-size: 0.8em;
    line-height: 2;
}
.reserve_staff_wrap .staff_wrap .staff_txt .staff_read {
    padding-bottom: 0.8em
    line-height:1.2;
    padding: 8px 0 12px;
    color: #666;
}

.reserve_staff_wrap .staff_wrap a.btn_back,
.reserve_form_wrap .button_wrap a.btn_back
{
    width: 40%;
    background-color: #ccc !important;
}



/* ///////////////////////////////////////////////////////////////////


/////////////////////////////////////////////////////////////////// */


.reserve_calendar_wrap {
}

.reserve_calendar_wrap div.calendar_topbox {
}

.reserve_calendar_wrap div.calendar_topbox div.staff_img {
    float: left;
    width: 30%;
    margin-right: 5%;
}

.reserve_calendar_wrap div.calendar_topbox div.staff_img img {
    width: 100%;
}

.reserve_calendar_wrap div.calendar_topbox div.staff_info {
    float: left;
    width: 65%;
    font-size: 0.8em;
}

.reserve_calendar_wrap div.calendar_topbox div.staff_info span {
    font-size:1.2em;
    font-weight: bold;
    padding-right: 5px;
}

.reserve_calendar_wrap div.calendar_topbox div.staff_info a {

}

.reserve_calendar_wrap div.calendar_wrap {
    clear: both;
}
.btn_otherstaff{
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 0.8em;
    display: inline-block;
    color: #666;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
}
.calendar_btnbox{
clear: both;
padding-bottom: 0px;
overflow: hidden;
}
.btn_backmonth,
.btn_nextmonth{
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 0.9em;
    display: block;
    color: #666;
}
.btn_backmonth{
    display: inline-block;
    float: left;
}
.btn_nextmonth{
    display: inline-block;
    float: right;

}

.reserve_calendar_wrap div.calendar_wrap table.layout {
    margin: 5px auto;
    height: 100%;
border-collapse:collapse;
    border: 1px solid #fff;

}

.reserve_calendar_wrap div.calendar_wrap table.layout tbody {
}

.reserve_calendar_wrap div.calendar_wrap table.layout tbody tr {
}

.reserve_calendar_wrap div.calendar_wrap table.layout tbody tr th.timeschedule {
    vertical-align: top;
}

.reserve_calendar_wrap div.calendar_wrap table.layout tbody tr th.headmonth {
    border: 1px solid #fff;
    padding: 3px;
    background-color: #F5F3EF;
}

.reserve_calendar_wrap div.calendar_wrap table.layout tbody tr td.timeschedule {
    vertical-align: top;
}

.reserve_calendar_wrap div.calendar_wrap table tbody tr td.timeschedule table {
border-collapse:collapse;
}

.reserve_calendar_wrap div.calendar_wrap table tbody tr td.timeschedule table tbody {
}

.reserve_calendar_wrap div.calendar_wrap table tbody tr td.timeschedule table tbody tr {
}

.reserve_calendar_wrap div.calendar_wrap .timeschedule table tbody tr td .one_day td {

}

.reserve_calendar_wrap div.calendar_wrap table tbody tr td.dayschedule {
    vertical-align: top;
    height: 100%;
}

.reserve_calendar_wrap div.calendar_wrap .dayschedule table.one_day {
    float: left;
    border-collapse:collapse;

}
.reserve_calendar_wrap div.calendar_wrap .dayschedule table.one_day th,
.reserve_calendar_wrap div.calendar_wrap .dayschedule table.one_day td,
.reserve_calendar_wrap div.calendar_wrap .timeschedule table.one_day th{
    width: 3em;
    text-align: center;
    padding: 3px;
    border: 1px solid #fff;
}

.reserve_calendar_wrap div.calendar_wrap .dayschedule table.one_day th,
.reserve_calendar_wrap div.calendar_wrap .timeschedule table.timeline th{
    height: 3em;
    padding: 3px;
}
.reserve_calendar_wrap div.calendar_wrap .dayschedule table.one_day td{
    height: 2em;
    vertical-align: middle;
    background-color: #F7F0C8;
}
/*日時のth*/
.reserve_calendar_wrap div.calendar_wrap .timeschedule table.timeline th{
    background-color: #F5F3EF;
    border: 1px solid #fff;
}

.reserve_calendar_wrap div.calendar_wrap .timeschedule table .timeline td{
    height: 2em;
    vertical-align: middle;
    border: 1px solid #fff;
    padding: 3px;
    width: 3em;
    white-space: nowrap;
    background-color: #F5F3EF;
}
.reserve_calendar_wrap div.calendar_wrap .dayschedule td.reserved,
.reserve_calendar_wrap div.calendar_wrap .dayschedule td.nowork{
    background-color: #ddd !important;
}
.reserve_calendar_wrap div.calendar_wrap .dayschedule td.nowork{
    background-image: url("../img/nowork.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.reserve_calendar_wrap div.calendar_wrap .dayschedule .saturday{
    background-color: #DBE9F4 !important;
}
.reserve_calendar_wrap div.calendar_wrap .dayschedule .sunday,
.reserve_calendar_wrap div.calendar_wrap .dayschedule .holiday
{
    background-color: #EEDDDD !important;
}

.dayschedule .day_list{
border-collapse:collapse;
height: 100%;
}
.dayschedule .day_list td{
    vertical-align: top;
    background-color: #F5F3EF;
}

#selectmenu{
    border:3px #ECE9D8 solid;

}
#selectmenu .pricetitle{
    font-weight: bold;
    display: block;
}
#selectmenu .menuname{
    display: block;
    font-size: 0.85em;
}
#selectmenu .sum_price{
display: block;
text-align: right;
font-weight: bold;
}
#selectmenu .sum_price span{

    font-size: 1.4em;
    text-align: right;
}
#selectmenu .chushaku{
    display: block;
    text-align: right;
    font-size: 0.7em;
    color: #666;
}
#selectmenu .pricebox{
    background-color: #F5F3EF;
}

.nowork-td{

    background-color: transparent !important;
    border-bottom:  0 !important;
    border-top:  0 !important;
     border-right: 0 !important;
}
.nowork table{
    border-spacing:0 1px;
    border-collapse:separate !important;
}
.nowork table th{
    border-bottom:  0 !important;
    border-top:  0 !important;
    border-right: 0 !important;

}




/*メニュー予約フォーム*/
.reserve_form_wrap .form_topbox{
    padding-top: 0;
    padding-bottom: 0;
}
.reserve_form_wrap .form_topbox table{
    width: 100%;
    border-collapse:collapse;
border:0px;
}
.reserve_form_wrap .form_topbox th{
text-align: left;
vertical-align: top;
border-bottom: 1px solid #dedede;
white-space: nowrap;
}
.reserve_form_wrap .form_topbox th,
.reserve_form_wrap .form_topbox td{
padding: 10px;
}
.reserve_form_wrap .form_topbox td{
text-align: left;
padding-left: 10px;
border-bottom: 1px solid #dedede;
}
.reserve_form_wrap .form_topbox ul{
    list-style: none;
}
.reserve_form_wrap .form_topbox td.price{
    font-weight: bold;
    font-size: 16px;
}
.reserve_form_wrap .form_wrap label{
    font-weight: bold;
    color: #666;
}
.reserve_form_wrap .form_wrap .labelfontsmall .ui-btn-text{
font-size: 12px;
}
.reserve_form_wrap .form_wrap .labelfont .ui-btn-text{
font-size: 14px;
}


/*予約フォーム確認画面*/
#reserve_form_confirm .alert{
    border:1px solid #FFCCD0;
    background-color: #FFF4F4;
    color:#990000;
    padding: 10px;
    font-size: 0.88em;
    border-radius: 6px;
}
#reserve_form_confirm .attention{
    border:1px solid #cccccc;
    background-color: #efefef;
    color:#333333;
    padding: 10px;
    font-size: 0.88em;
    border-radius: 6px;
    margin-bottom: 1em;
}


/*予約完了画面*/
#reserve_form_complete .txt_big{
    font-size: 20px;
    font-weight: bold;
}
#reserve_form_complete .txt_small{
    font-size: 11px;
    padding: 25px 0;


}
#reserve_form_complete .form_wrap{
    text-align: center;
}



/*マイページ 予約*/
#mypage .reservebox{

}
#mypage .reservebox .date{
    font-size: 1.1em;
    font-weight: bold;
}
#mypage .reservebox .allow{
margin-left: 3px;
background: #ccc ;
color: #fff;
border-radius: 4px;
font-size: 10px;
padding: 3px 5px;
}
#mypage .reservebox .notallow{
margin-left: 3px;
background: #f00 ;
color: #fff;
border-radius: 4px;
font-size: 10px;
padding: 3px 5px;
display: inline-block;
}
#mypage .reservebox .s_name{
font-size: 0.8em
font-weight: bold;
}
#mypage .reservebox .n_name{
font-size: 0.6em
}
#mypage .reservebox .btn_cancel{
    background: #ccc ;
color: #fff;
border-radius: 4px;
font-size: 10px;
padding: 5px 10px;
}

/*0921 top*/

.btn_w20{
    width:20%;
}

.leftbox .t3_sns_box{
    position: relative;
}
.leftbox .t3_sns_box .snsbutton{
    width: 48%;
    display:box;
    float: left;
    background-color: #fff;
    text-align: center;
    font-size: 1.6em;
    padding: 5% 0;
    color:#666;
    margin-top: 2%;
}
.leftbox .t3_sns_box a.even{
    margin-left: 2%;
}
.leftbox .t3_sns_box .btn_link{
    width: 92%;
    background-color: #fff;
    padding: 4%;
    position: relative;
    margin-bottom: 5%;
    display: block;
    color: #666;
    text-decoration: none;
}
.leftbox .t3_sns_box .btn_link i{
    font-size: 1.4em;
}

/* 時間割 */
#timetable_box #contents .iscroll-scroller{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	width: 100%;
	height: 100%;
}
#timetable_box #contents .iscroll-content {
	height: 100%;
}
body#timetable,
div#timetable_box {
  height: 100%;
}
div#contents {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.timetable_list {
  height: 100%;
  box-sizing: border-box;
}

.timetable_list table {
  background: #fff;
  border-collapse: collapse;
  /*border: 1px solid #ece9d8;*/
  width: 100%;
  height: 100%;
  font-size: 0.85em;
  box-sizing: border-box;
  table-layout: fixed;
}
.timetable_list table thead th {
  border: none;
  background: #333;
  color: #fff;
}
.timetable_list table thead th:first-child {
 width: 4%;
}
.timetable_list table th,
.timetable_list table td {
  padding: 0;
  text-align: center;
  word-wrap:break-word;
}
.timetable_list table th {
  border: 1px solid #ffffff;
  background: #ece9d8;
  padding: 0 2px;
}
.timetable_list table td {
  border: 1px solid #ece9d8;
  height: 16%;
}
.timetable_list table td span {
  display: block;
  padding: 3px 0 0;
  font-size: 0.8em;
}
.timetable_list table td a.btn_timetable {
  display: table;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #333;
  line-height: 1;
}
.timetable_list table td a.btn_timetable div {
  display: table-cell;
  vertical-align: middle;
  word-break: break-all;
}
#lesson label{
    font-size: 11px;
}
#lesson input[type='text']{
  padding: 0.4em 1.5%;
  margin: 5px 0;
  width: 100%;
  box-sizing: border-box;
}
#lesson form .ui-btn{
    margin:5px 0;
}
#lesson .error{
    color: #f00;
}



/**/
#confirm_dialog{
    margin: 1em;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #666;
    padding: 0 1em;

    }
#confirm_dialog p{
        font-size: 11px;
    }
#confirm_dialog a{
    color:#2489ce !important;
}

/*個人情報*/
.pre_kaigyou{
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
line-height: 1.7;
font-size:0.85em;
    }

.pre_kaigyou a{

    color:#0099FF;
}



/*履歴　予約*/


.h_reserve_box{
  position: relative;
}

.h_reserve_box .h_day{
  font-weight: bold;
  width: 70%;
  float: left;
}
.h_reserve_box .h_who{
  width:25%;
  float: right;
  text-align: right;
}
.h_reserve_box .h_name{
  clear: both;
  line-height: 1.6;
  padding: 0.5em;
}
.h_reserve_box .even{

background-color: #efefef;
}
.h_status {
    clear: both;
}

.h_status .nega {
    background-color:#efefef;
    color:#fff;
    padding: 3px 5px;
    font-size: 0.8em;
    margin-right: 3px;
}
.h_store{
    clear: both;
}



/*チャット*/
.taiou_time{
	border-radius: 10px;
	background-color: #fff;
	width: 60%;
	margin: 10px auto 0;
	padding: 10px 15px;
	font-size: 0.8em;
	text-align: center;
	color: #666;
}
div.user {
    max-width: 80%;
    float: right;
    clear: both;
    padding-top: 1.5em;
    text-align: right;
}

div.user span.voice {
    background-color: #BEF18C;
    border-radius: 20px;
    padding: 10px 15px;
    display: inline-block;
    position: relative;
    margin-right: 15px;
    text-align: left;
}

div.user span.voice:before {
transform: rotate(155deg);
    -webkit-transform: rotate(115deg);
    position: absolute;
    content: "";
    top: 4px;
    right:-8px;

    width: 30px;
    height: 30px;
    background: #19283C;
    border-radius: 0 30px 0 30px;
    background-color:#BEF18C;
    z-index: -2;

}

div.user span.voice:after {
    content: "";
    position: absolute;
    top: -10px;
    right:-8px;
    margin-left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: #F9F9F9;
    border-radius: 30px 0 30px 0;
    z-index: -1;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}

div.user span.voice_status {
    display: block;
    text-align: right;
    color: #999;
    font-size: 11px;
    padding-right: 40px;
}
div.user span.voice_status a.dele_m{
	font-weight: 100;
	color: #999;
	text-decoration: none;
}
/*店舗側*/

div.store {
        max-width: 80%;
    float: left;
    clear: both;
    position: relative;
    padding-top: 1.5em;
}

div.store img {

    width: 58px;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top:1em;
}

div.store span.voice {
    background-color: #E4E8EB;
    border-radius: 20px;
    padding: 10px 15px;
    display: inline-block;
 position: relative;
    margin-left: 80px;

}
div.store span.voice:before {
transform: rotate(155deg);
    -webkit-transform: rotate(155deg);
    position: absolute;
    content: "";
    top: 4px;
    left:-8px;

    width: 30px;
    height: 30px;
    background: #19283C;
    border-radius: 0 30px 0 30px;
    background-color:#E4E8EB;
    z-index: -2;

}

div.store span.voice:after {
    content: "";
    position: absolute;
    top: -11px;
    left:-8px;
    margin-left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: #F9F9F9;
    border-radius: 30px 0 30px 0;
    z-index: -1;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
}

div.store span.voice_status {
        display: block;
        clear: both;
        margin-left: 100px;
        color: #999;
    font-size: 11px;
}

.speech{
	position: fixed;
	bottom: 30px;
	left:0;
	padding:0px 2% 20px;
	background-color: #fff;
	width: 96%;
	border-top:4px double #ddd;

}
.speech .ui-input-text{
	width: 82%;
	margin: 0.6em 0 !important;
}

.speech .ui-btn{

color:#3498DB;
border:none;

	width: 12%;
	position: absolute;
    right: 0;
    top: 0;

	padding: 2px 1%;
	background-color: #fff;
	border-radius: 10px;
	font-size: 1.7em;
	text-align: left;
}


.speech .ui-body-c{
	border-color: #ddd;
}