/* book_sp.css */
/* SP側にのみ  */

.bookStepList > li {
    font-size: 10px;
}

.bookStepList {
    min-width: 300px;
}

header #logo_area img {
    width: 195px;
    height: 30px;
}

.button.mini {
    width: 90px;
}

.headerYM {
    background-color: #FDECBE;
    height: 30px;
    width : 75px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

.header {
    width : 75px;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
}

.time {
    width : 75px;
    font-size: 80%;
    font-weight: bold;
}

.dd {
    width: 35px;
    font-size: 80%;
    font-weight: bold;
    padding-top: 3px;
}

.schedule {
    width :320px;
}

.week {
    background-color: #ecf5ff;
    height: 25px;
    width :320px;
    text-align: center;
    padding   : 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.cal {
    height: 30px;
    text-align: center;
    background-color: #FDECBE;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 80%;
    font-weight: bold;
}

.cal2 {
    height: 30px;
    text-align: center;
    background-color: #FFCC66;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 80%;
    font-weight: bold;
}


.cel1 {
    width: 35px;
}

.cel2 {
    width: 70px;
}

.cel3 {
    width: 105px;
}

.cel4 {
    width: 140px;
}

.cel5 {
    width: 175px;
}

.cel6 {
    width: 210px;
}

.cel7 {
    width: 245px;
}

.cel8 {
    width: 280px;
}

.cel9 {
    width: 315px;
}

.cel10 {
    width: 350px;
}


.menu-th {
    width: 30%;
    background-color:#eee;
}

.menu-td {
    width: 70%;
}

.menu-time {
    width:  100%;
}

.menu-tag {
    width:  100%;
    padding-bottom: 30px;
}


.menu-list-box {
    width:  100%;
    height: 100%;
    border: none;
    margin-top: 0px;
}

.menu-left {
    width:  100%;
    height: 100%;
    border: 1px solid #cef0f4;
    box-sizing: border-box;
    margin-top: 5px;
}

.menu-right {
    background-color: #ecf5ff;
    padding: 10px;
    width:  100%;
    height: 100%;
    text-align: center;
    border-left: 1px solid #cef0f4;
    border-right: 1px solid #cef0f4;
    border-bottom: 1px solid #cef0f4;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.menu-name {
    width:  100%;
    height: 100%;
    padding-bottom: 3px;
}

.menu-price {
    width:  100%;
    padding-bottom: 3px;
}

.menu-comment {
    width:  100%;
    height: 100%;
}



.book-list {
    font-size: 100%;
    padding-top: 3px;
    width : 35px;
}

.staff-box {
    width: 140px;
    padding: 2px;
}

.staff-box-schedule {
    width : 97%;
    height: 170px;
    margin: 5px;
}

.staff-picture {
    width: 100%;
}

.staff-right {
    height: 160px;
}

.staff-comment {
    width:  100%;
}

.staff-list-comment {
    width:  200px;
    height: 120px;
}

.staff-other {
    width: 100%;
}

.link_box a {
    padding-top: 3px;
}

a:link:hover, a[href]:hover {
    color: #f60;
    text-decoration: underline;
}

h3, h4, h5 {
    font-size: 100%;
    font-weight: bold;
}

table {
    margin: 15px auto 20px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

table th {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    background-color: #f0f0f0;
    font-weight: normal;
}

table td {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*	○ 両サイドナビゲーション背景：単色カラー
===============================================================■■■■■*/
#Side_wrap, #rSide_wrap {
    background-color: #efe8f1 !important;
}
#Side_wrap .sub-menu, #rSide_wrap .sub-menu {
    width: auto;
    height: auto;
}




/*追記分*/
/*ロゴ上部の隙間消す*/
.global_header:before{height: 0;}

/*メニュー選択の枠線色--------------------------------*/
.bookStepList{
    border: 1px solid #a274b0;
}
/*現在地の文字色*/
.bookStepList > .active{
    color: #a274b0;
}
/*選択外の文字色*/
.bookStepList > li {
    color: #c0c0c0;
}
/*矢印色*/
.bookStepList > li > span:after {
    border-color: transparent transparent transparent #a274b0;
}

/*メニュー背景色--------------------------------*/
.menu-name,.menu-left,.menu-tag,.menu-price,.menu-comment,.menu-time,.menu-right{
background-color:#fff;
}
/*枠線色*/
.menu-left,.menu-right {border: none;}

/*メニュータグ背景色*/
.MenuIcon {
    background-color: #a274b0;
}
/*メニュー内下線色*/
.menu-name,.menu-price{
    border-bottom: 2px solid #bd9a39;
}
/*ボタン色*/
.button {
    background-color: #efe8f1!important;
    color: #584f5d !important;
    box-shadow: 0 3px 0 transparent !important;
}

/*スケジュール表　真ん中寄せ--------------------------------*/
.schedule ,.week {margin: 0 auto;}

/*フッターナビ--------------------------------*/
.guide_area a {
    background: url(/files/easys/menu_icon.png) no-repeat right center transparent;
    border-top: 1px solid #3C3C3C;
    border-bottom: none transparent;
    color: #3C3C3C!important;
}
/*ナビの文字色*/
.ui-link:visited {
    color: #3C3C3C;
}

/*コピーライト*/
footer.global_footer p.copyright {
    background: url(/files/sp_footer_bg.png) no-repeat center top /100%;
    color: #bd9a39;
    height: 29vw;
    position: relative;
}
footer.global_footer p.copyright small{
    position: absolute;
    bottom: 2vw;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.global_header:before {
display:none;
}


.ui-mobile .ui-page-active {min-height: 0px!important;}