@charset "shift_jis";

/*---------- ページ全体の指定 ----------*/

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #666666;
    background-repeat: repeat-x;
background-color: #fff3ff;
}

ol,
ul,
li {
    list-style: none;
}

img,
img a {
    border: none;
max-width:100%;
}


/* IE7 用 */

*:first-child+html * {
    font-family: "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-Serif;
}


/* IE6 用 */

* html * {
    font-family: "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-Serif;
}

a:link {
    color: #715c1f;
}

a:hover {
    color: #765c47;
}

a:visited {
    color: #715c1f;
}


/*---------- メイン ----------*/

#main {
    width: 100%;
    margin: auto;
    padding: 0;
    text-align: center;
}


/*---------- ヘッダー ----------*/

#head {
    width: 100%;
    margin: auto;
    padding: 0;
    text-align: center;
  /*  height: 100px; */
}

#header {
    margin: 0 auto;
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
}

#header h1 {
    margin: 0 auto;
    padding: 2px 0 0 5px;
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    color: #9d896c;
}

#header h2 {
    margin: 0;
    padding: 15px 0 0 6px;
    text-align: left;
    font-size: 20px;
    color: #444444;
    letter-spacing: 1px;
}

#header p {
    margin: 0;
    padding: 4px 0 0 10px;
    text-align: left;
    color: #444444;
    letter-spacing: 1px;
}

#rogo {
    float: left;
}

#head-right {
    text-align: right;
    margin: 20px 0 0 0;
    padding: 2px 12px 2px 0px;
    font-size: 16px;
    color: #00a4cc;
    line-height: 190%;
    text-decoration: none;
}

#head-right b {
    color: #00a4cc;
    font-size: 36px;
    font-size: bold
}

#head-right span {
    margin: 0 95px 0 0;
}

#head-right a {
    font-size: 12px;
    color: #9D896C;
    text-decoration: none;
}

#head-right a:hover {
    font-size: 12px;
    color: #9D896C;
    text-decoration: underline;
}

#header-menu {
    width: auto;
    height: 45px;
    text-align: left;
    border-top: solid 2px #dddddd;
    border-bottom: solid 2px #A87A10;
    background-image: url(/image/pc/head_menu_back_base.gif);
    background-repeat: repeat-x;
}

#header-menu ul {
    width: 900px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    background-image: url(/image/pc/head_menu_back_base.gif);
    background-repeat: repeat-x;
}

#header-menu li {
    display: inline;
    list-style-type: none;
    float: left;
    color: #ffffff;
}

#header-menu li a {
    font-size: 12px;
    line-height: 20px;
    color: #765c47;
    background-image: url(/image/pc/head_menu_back_abase.gif);
    text-align: center;
    display: block;
    line-height: 150%;
    letter-spacing: 1px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d6c6af;
    text-decoration: none;
    padding: 6px 28px 2px 28px;
}

#header-menu li a:hover {
    color: #765c47;
    background-image: url(/image/pc/head_menu_back_hover.gif);
}

#header-menu li .act {
    color: #765c47;
    background-image: url(/image/pc/head_menu_back_hover.gif);
}

#header-menu #home a {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d6c6af;
    padding: 6px 28px 2px 28px;
}

#header-menu span.sub {
    color: #777777;
}

#header-img-top {
    width: 100%;
    margin: 0;
    text-align: center;
}

#header-img-top-sub {
    width: 1060px;
    margin: 0 auto;
    text-align: center;
    height: 300px;
}

#header-img {
    width: 100%;
    margin: 0;
    text-align: center;
    background-color: #dcd3b2;
}

#header-img a {
    text-decoration: underline;
}

#header-img a:hover {
    text-decoration: none;
}

#header-img-slim {
    width: 100%;
    margin: 0;
    text-align: center;
    background-color: #dcd3b2;
}


/*---------- コンテンツ ----------*/


/*
.contents_tit {
    margin: 10px 0 20px 0;
    padding: 15px 0 0 40px;
    width: 680px;
    height: 35px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    border-radius: 10px;
    background: url(/image/pc/titl_back.png)!important;
}
*/
/*
h2 {
    background-image: url(/image/pc/tit_Star.png);
    background-repeat: no-repeat;
    background-position: 10px 13px;
}

#contents h2 {
    background-image: url(/image/pc/tit_Star.png);
    background-repeat: no-repeat;
    background-position: 10px 13px;
}

*/

h2 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #e7a326;

}






#news dl {
    clear: both;
    /* border-style: none none dotted; */
    /* border-color: #ababab; */
    /* border-width: 2px; */
    width: 705px;
}

#news dt {
font-weight: bold;
    font-size: 12px;
    width: 160px;
    padding: 10px 0 0 0;
    float: left;
    /* clear: both; */
    border-style: 1px solid #e3e3e3;
    /* border-color: #f3f3f3; */
    /* border-width: 2px; */
    border-bottom: 1px solid #e3e3e3;
}

.news_titl {
    font-weight: bold;
    font-size: 12px;
}

#news dd {
font-weight: normal;
    font-size: 12px;
    width: 545px;
    margin: 0 0 0 160px;
    padding: 10px 0 0 0;
    /* border-style: dotted none none; */
    /* border-color: #ababab; */
    /* border-width: 2px; */
    border-bottom: 1px solid #e3e3e3;
}

*:first-child+html #news dd {
    margin: 0 0 0 150px;
    width: 540px;
}

.news_b {
    width: 705px;
    height: 5px;
    background: #989898;
}

.more {
    margin: 20px 0 20px;
    padding: 5px 0 0 0;
    width: 120px;
    height: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_blue_S.png);
}

.more_w {
    width: 120px;
    margin: 0 auto;
}

.more_w a {
    text-decoration: none;
}

.all_look {
    margin: 20px 0 20px;
    padding: 5px 0 0 0;
    width: 180px;
    height: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_blue_M.png);
}

.all_look_w {
    width: 180px;
    margin: 0 auto;
}

.all_look_w a {
    text-decoration: none;
}

.banner_top {
    margin: 20px auto 20px;
}

#container {
    width: 1060px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    padding: 11px 10px 6px 5px;
    background:#fff3ff;
    background-repeat: repeat-y;
}

.box_a {
    margin: 0 2px 20px 0;
    padding: 13px 15px;
    width: 196px;
    min-height: 210px;
    border: solid 1px #CCCCCC;
    background-color: white;
    border-radius: 5px;
text-align: center;
}

.box_a_odd {
    margin: 0 2px 20px 0;
    padding: 13px 15px;
    width: 196px;
    min-height: 210px;
    border: solid 1px #CCCCCC;
    background-color: white;
    border-radius: 5px;
text-align: center;
}

.box_a_even {
    margin: 0 2px 20px 0;
    padding: 13px 15px;
    width: 196px;
    min-height: 210px;
    border: solid 1px #CCCCCC;
    background-color: white;
    border-radius: 5px;
text-align: center;
}

.cb {
    clear: both;
}

.reserv {
    margin: 10px 0 7px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
       background-image: url(/image/pc/btn_reserv.png);
}
.reserv_taiki {
    margin: 10px 0 7px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_reserv_M.png);
}
.talk_p_w {
    width: 200px;
    margin: 0 auto;
}

.talk_p_w a {
    text-decoration: none;
}

.talk_p {
    margin: 10px 0 7px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_pink01.png);
}

.now_talk_w {
    width: 200px;
    margin: 0 auto;
}

.now_talk_w a {
    text-decoration: none;
}

.now_talk {
    margin: 10px 0 7px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_green_M.png);
}

.now_break {
    margin: 10px 0 7px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_gray.png);
}

.reserv_w {
    width: 200px;
    margin: 0 auto;
}

.reserv_w a {
    text-decoration: none;
}

.price {
    text-align: center;
    font-size: 15px;
}

.f_name {
    text-decoration: underline;
    font-size: 18px;
}

.f_name a {
    color: #3f3050 !important;
}


/*---------- メインコンテンツ ----------*/

#contents {
    float: right;
    margin: 0 0 0 40px;
    padding: 5px 0 5px 0;
    width: 720px;
    letter-spacing: 1px;
    text-align: left;
    line-height: 180%;
    clear: both;
}

#contents #pannavi {
    margin: 0 0 5px 0;
    padding: 0 0 8px 0;
    font-size: 12px;
}

#contents p {
    margin: 18px 0 18px 0;
    padding: 0 3px 0 3px;
    line-height: 190%;
}

#contents a {
    color: #715c1f;
    text-decoration: none;
}

#contents a:hover {
    color: #765c47;
    text-decoration: none;
}

#contents .gray_bg {
    margin: 18px 2px 18px 2px;
    padding: 2px 8px 2px 18px;
    line-height: 180%;
    letter-spacing: 1px;
    border-top: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    background-color: #eeeeee;
}

#contents .gray_bg_contact {
    margin: 18px 2px 18px 2px;
    padding: 2px 8px 2px 18px;
    line-height: 180%;
    letter-spacing: 1px;
    border-top: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    background-image: url(/image/pc/contact_btn_bg.gif);
    background-repeat: repeat-x;
}

#contents .voice_bg {
    margin: 18px 2px 18px 2px;
    padding: 2px 8px 2px 18px;
    line-height: 180%;
    letter-spacing: 1px;
    border-top: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    background-color: #f8f4e6;
}

#contents span.big {
    font-size: 16px;
}

#contents span.b_big {
    font-weight: bold;
    font-size: 16px;
}

#contents span.red {
    color: #e60033;
}

#contents span.red_b {
    color: #e60033;
    font-weight: bold;
}

#contents span.red_big {
    color: #e60033;
    font-weight: bold;
    font-size: 15px;
}

#contents span.red_big_x {
    color: #e60033;
    font-weight: bold;
    font-size: 20px;
}

#contents span.blue {
    color: #007bbb;
}

#contents span.blue_b {
    color: #007bbb;
    font-weight: bold;
}

#contents span.blue_big {
    color: #007bbb;
    font-weight: bold;
    font-size: 15px;
}

#contents span.brown {
    color: #993300;
}

#contents span.brown_b {
    color: #993300;
    font-weight: bold;
}

#contents span.brown_big {
    color: #993300;
    font-weight: bold;
    font-size: 15px;
}

#contents span.brown_big_x {
    color: #993300;
    font-weight: bold;
    font-size: 20px;
}

#contents span.green {
    color: #69821b;
}

#contents span.green_b {
    color: #69821b;
    font-weight: bold;
}

#contents span.green_big {
    color: #69821b;
    font-weight: bold;
    font-size: 15px;
}

#contents span.pink {
    color: #c53d43;
}

#contents span.pink_b {
    color: #c53d43;
    font-weight: bold;
}

#contents span.pink_big {
    color: #c53d43;
    font-weight: bold;
    font-size: 15px;
}

#contents img.head_photo {
    margin: 0 0 10px 0;
}

#contents img.photo {
    float: left;
    margin: 10px 20px 0 0;
}

#contents img.picture {
    margin: 0 10px 10px 0;
    float: left;
}

#contents img.picture_r {
    margin: 0 5px 10px 10px;
    float: right;
}

#contents p.photo {
    margin: 0 0 20px 0;
    padding: 0;
}

#contents p.back {
    margin: 0;
    padding: 0 5px 0 0;
    text-align: right;
}

table#t01 {
    border: solid 1px #cccccc;
    border-collapse: collapse;
}

td#t01 {
    border: solid 1px #cccccc;
    border-collapse: collapse;
}

td#head {
    padding: 9px 6px 6px 15px;
    border: solid 1px #cccccc;
    border-collapse: collapse;
    background-image: url(/image/pc/main_block_bg.gif);
}

table.table_line {
    border-collapse: collapse;
    border: solid 1px #999999;
}

td.table_line {
    border-collapse: collapse;
    border: solid 1px #999999;
    padding: 8px 14px 8px 14px;
}


/*---------- topページ ----------*/


/* clear
------------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    line-height: 180%;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
    margin: 10px 0 0 0;
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End hide from IE-mac */

-->#header-img {
    width: 100%;
    margin: 0;
    background-color: #dcd3b2;
}

.header-all {
    width: 900px;
    margin: 0 auto;
    background: #EFE4CB;
    overflow: hidden;
}

.l-head {
    width: 630px;
    margin: 0 auto;
    background: url(/image/pc/l-head_img.jpg) no-repeat;
    min-height: 300px;
    float: right;
}

.l-head img {
    top: 58px;
    left: 180px;
    position: relative;
}

.r-head {
    width: 300px;
    min-height: 295px;
    margin: 0 auto;
    float: left;
}

.r-head a {
    text-decoration: none;
}

.r-head h2 {
    margin-top: 5px;
    font-size: 1.1em;
    color: #583822;
}

.logbtn {
    margin: 10px auto 5px;
}

ul.uralist {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.uralist li {
    margin: 0 3px 10px;
    float: left;
}

ul.ranklist {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.ranklist li {
    margin: 0 3px 10px;
    float: left;
}

ul.nowlist {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.nowlist li {
    margin: 0 3px 10px;
    float: left;
}

.palmist {
    width: 296px;
    min-height: 232px;
    background: url(/image/pc/pframe-wbg.png) no-repeat 0 0;
    overflow: hidden;
}

.palmist h4 {
    margin: 20px 0 7px 0;
    font-size: 1.2em;
    text-align: center;
}

.palmist-part {
    width: 250px;
    margin: 0 auto;
    overflow: hidden;
}

.palmist-part img {
    float: left;
    border: 3px solid #FFF;
    margin-right: 10px;
}

.palmist-part dl {
    color: #c34794;
    font-size: 0.9em;
    line-height: 1.4em;
}

.palmist-part dt {
    margin: 0;
    font-weight: bold;
}

.palmist-part dd {
    margin: 0 0 10px 0;
}

ul.tarot {
    margin: 20px 0;
    list-style: none;
}

ul.tarot li {
    margin: 0 20px 30px 0;
    text-align: center;
    float: left;
}


/*---------- メニュー ----------*/

#menu {
    float: left;
    margin: 0 0 15px 0;
    padding: 0;
    width: 300px;
    text-align: left;
    letter-spacing: 1px;
}

#menu a {
    color: #666666;
}

#new_user_bot {
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
    width: 300px;
    height: 90px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_green_L.png);
/* -webkit-text-stroke: 1px #e1be31;　*/
}

#new_user_bot2 {
    margin: 20px 0 0 0;
    padding: 25px 0 0 0;
    width: 300px;
    height: 75px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_green_L.png);
}

#tel_f_bot {
    margin: 15px 0 0 0;
    padding: 35px 0 0 0;
    width: 300px;
    height: 65px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_green_L.png);
}

.new_user_bot {
    text-decoration: none;
}

.new_user_bot:hover {
    text-decoration: none;
}

#login {
    margin: 10px 0 0 0;
    padding: 60px 0 0 20px;
    width: 280px;
    height: 220px;
    color: #666666;
    font-size: 12px;
    background-image: url(/image/pc/bg_login.png);
}

.clearfix dt {
    width: 45px;
    padding: 7px 0 0 0;
    float: left;
    /* 左に寄せる */
    clear: both;
    /* フロートの解除 */
}

.clearfix dd {
    min-width: 245px;
}

*:first-child+html .clearfix dd {
    margin: -20px 0 0 25px;
}

#menu_tit {
margin: 20px 0 0 0;
    padding: 10px 0 0 20px;
    width: 280px;
    height: 40px;
    color: #666666;
    font-size: 20px;
/*    font-weight: bold; */
    text-align: left;
    border-bottom: solid 3px #e7a326;
}

.menulist {
    margin: 2px 0 0 0;
}

*:first-child+html .menulist {
    margin: 2px 0 0 40px;
}

.menulist li {
    margin: 2px 0px 0px -40px;
    padding: 13px 0px 0px 20px;
    width: 280px;
    height: 30px;
    font-size: 16px;
    border-bottom: solid 1px #e7a326;
/*    font-weight: bold; */
}

.menulist li a {
    color: #ffffff!important;
}

.menul_img {
    margin: 20px 0 0 0;
}

.menu_free {
    margin: 0 0 20px 5px;
    padding: 0;
    width: 210px;
    text-align: left;
    background-image: url(/image/pc/menu_back.gif);
}

.menu_free h2 {
    height: 23px;
    margin: 0;
    padding: 9px 0 4px 14px;
    font-size: 1.1em;
    color: #fffffc;
    background-image: url(/image/pc/sidebar.gif);
    background-repeat: no-repeat;
}

.menu_free a {
    color: #715c1f;
    width: 198px;
    padding: 6px 0 5px 0;
}

.menu_free a:hover {
    color: #765c47;
}

.menu_free p {
    margin: 0;
    padding: 8px 8px 14px 8px;
    line-height: 180%;
}

.menu_free span.red {
    color: #e60033;
}

.menu_free span.red_b {
    color: #e60033;
    font-weight: bold;
}

.menu_free span.blue {
    color: #007bbb;
}

.menu_free span.blue_b {
    color: #007bbb;
    font-weight: bold;
}

.menu_free span.brown {
    color: #993300;
}

.menu_free span.brown_b {
    color: #993300;
    font-weight: bold;
}

.menu_btn {
    margin: 0 0 10px 0;
    padding: 0 2px 0px 5px;
    width: 210px;
    text-align: left;
}

.menu_btn a {
    margin: 0 0 8px 0;
    color: #715c1f;
    display: block;
    border: solid 1px #dddddd;
    padding: 8px 4px 4px 30px;
    line-height: 210%;
    text-decoration: none;
    background-image: url(/image/pc/side_menu_btn_bg.gif);
    background-repeat: no-repeat;
}

.menu_btn a:hover {
    color: #765c47;
    background-image: url(/image/pc/side_menu_btn_bg_hover.gif);
    background-repeat: no-repeat;
}

.menu_btn_under {
    margin: 0 0 10px 0;
    padding: 0 2px 0px 5px;
    width: 210px;
    text-align: left;
}

.menu_btn_under a {
    margin: 0 0 8px 0;
    color: #715c1f;
    display: block;
    border: solid 1px #dddddd;
    padding: 8px 4px 4px 12px;
    line-height: 210%;
    text-decoration: none;
    background-image: url(/image/pc/side_menu_btn_under_bg.gif);
    background-repeat: no-repeat;
}

.menu_btn_under a:hover {
    color: #765c47;
}


/*---------- フッター ----------*/

#footer {
    clear: both;
    width: 100%;
    height: 50px;
    margin: 15px 0 0 0;
    padding: 20px 10px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #e7ca7c;
}

#footer_l {
    float: left;
   margin: 0 0 0 15px;
}

#footer_r {
    float: right;
margin: 0 50px 0 0;
}

#footer a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}

#footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

div.list table {
    width: 100%;
    border: 1px solid lightgray;
    margin-bottom: 10px;
}

div.list table table {
    border: none;
    border-top: 2px dotted lightgray;
    margin-bottom: 0px !important;
}

div.list td {
    background-image: none;
    padding: 3px 0 1px 4px;
    vertical-align: top;
}

div.list table img {
    display: none;
    margin-right: 5px;
}

div.list table.contents_table {
    border: none !important;
    text-align: left;
}

div.list table table td {}

div.list table.contents_table th {
    vertical-align: top;
}

div.list table.contents_table th span.contents_text {
    float: left;
    white-space: nowrap;
}

div.list table.contents_table img,
div.list td.contents_title img,
div.list table table img {
    display: inline !important;
}

div.list table.contents_table img {}

div.list span.contents_link {
    white-space: nowrap;
    text-align: left;
}

div.list td.contents_title {
    font-weight: bold;
    padding: 8px 0 0 0 !important;
}

div.list textarea {
    width: 95%;
    margin: 15px 0;
}

div.pager {
    text-align: right;
}

div.list table.layout th {
    padding: 6px;
}

div.list table.layout td {
    width: 100%;
}

div#photo_up table.layout img {
    width: 100%;
}

.palmist-part-mailok dt {
    width: 100%;
    line-height: 20px;
    list-style: none;
    text-decoration: none;
}

.palmist-part-mailok dt a {
    text-decoration: none;
    color: #ffffff;
}

.palmist-part-mailok dt a:link {
    background-image: url(/image/top/mail_ok.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
}

.palmist-part-telok dt {
    width: 100%;
    line-height: 20px;
    list-style: none;
    text-decoration: none;
}

.palmist-part-telok dt a {
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    text-decoration: none;
}

.palmist-part-telok dt a:link {
    background-image: url(/image/top/tel_ok.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
}

.palmist-part-permit_tel dt {
    width: 100%;
    line-height: 20px;
    list-style: none;
    text-decoration: none;
}

.palmist-part-permit_tel dt a {
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

.palmist-part-permit_tel dt a:link {
    background-image: url(/image/login/permit_tel.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
}

.palmist-part-deny_tel dt {
    width: 100%;
    line-height: 20px;
    list-style: none;
    text-decoration: none;
}

.palmist-part-deny_tel dt a {
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

.palmist-part-deny_tel dt a:link {
    background-image: url(/image/login/deny_tel.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
}

.palmist-part-reserv_tel dt {
    width: 100%;
    line-height: 20px;
    list-style: none;
    text-decoration: none;
}

.palmist-part-reserv_tel dt a {
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

.palmist-part-reserv_tel dt a:link {
    background-image: url(/image/login/reserv_ok.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
}

.palmist-part-reserv_tel dt a:link {
    background-image: url(/image/login/reserv_ok.gif);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
}

td.uranai_reserv {
    float: right;
    height: 35px;
}

td.uranai_reserv a:link {
    background-image: url(/image/top/uranai_reserv.gif);
    background-repeat: no-repeat;
    height: 35px;
    text-decoration: none;
    display: block;
    padding: 10px 200px 10px 0px;
}

tr.土 {
    background: #e0ffff none repeat scroll 0 0!important;
}

tr.日 {
    background: #ffeaf4 none repeat scroll 0 0!important;
}

td.sche_title,
td.sche_title_r {
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
}

td.ura_name {
    font-size: 11px;
    background: #fafad2;
}

td.now_time {
    font-size: 11px;
    background: #ffeaf4;
    width: 4%;
    table-layout: fixed;
}

td.sche_time,
td.sche_time_r,
td.sche_time_r_am,
td.sche_time_r_pm {
text-align: center;
    font-size: 11px;
    width: 4%;
    table-layout: fixed;
background-color: #ffffff;
    color: #4b3b3b;
    border: 1px solid #d3d3d3;
}

td.sche_day,
td.sche_day_r {
    font-size: 11px;
    width: 4%;
    table-layout: fixed;
    white-space: nowrap;
background-color: #ffffff;
    color: #4b3b3b;
    border: 1px solid #d3d3d3;
}

td.sche_input,
td.sche_input_r,
td.sche_input_r_am,
td.sche_input_r_pm {
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    width: 4%;
    table-layout: fixed;
    border: 1px solid lightgray;
}

.sche_form,
.sche_form_r {
    font-size: 11px;
}

tr.sche_weekday,
tr.sche_weekday_r {
    background: #ffffff;
}

tr.sche_saturday,
tr.sche_saturday_r {
    background: #e0ffff;
}

tr.sche_sunday,
tr.sche_sunday_r {
    background: #ffeaf4;
}

div.uranai_box {
    height: 40px;
}

ul.uranai_box {
    margin: 0px;
}

.uranai_list_on,
.uranai_list_off,
.uranai_rank_on,
.uranai_rank_off,
.uranai_now_on,
.uranai_now_off {
    float: left;
    display: block;
    margin: 0px;
}

.uranai_list_on a,
.uranai_list_off a {
    width: 200px;
}

.uranai_rank_on a,
.uranai_rank_off a {
    width: 200px;
}

.uranai_now_on a,
.uranai_now_off a {
    width: 200px;
}

.uranai_list_on a,
.uranai_list_off a,
.uranai_rank_on a,
.uranai_rank_off a,
.uranai_now_on a,
.uranai_now_off a {
    display: block;
    height: 40px;
    margin: 0px;
    text-indent: -1000en;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center top;
}

.uranai_list_on a {
    background-image: url(/image/login/list_uranai_on.gif);
}

.uranai_list_off a {
    background-image: url(/image/login/list_uranai_off.gif);
}

.uranai_rank_on a {
    background-image: url(/image/login/list_uranai_rank_on.gif);
}

.uranai_rank_off a {
    background-image: url(/image/login/list_uranai_rank_off.gif);
}

.uranai_now_on a {
    background-image: url(/image/login/list_uranai_now_on.gif);
}

.uranai_now_off a {
    background-image: url(/image/login/list_uranai_now_off.gif);
}

.uranai_box_detail {
    clear: both;
    border-top: solid 10px #F0C368;
    border-bottom: solid 1px #F0C368;
    border-left: solid 1px #F0C368;
    border-right: solid 1px #F0C368;
}


/*　再生・停止ボタンの高さ、幅、パディングの指定　*/

.audiojs {
    height: 22px;
    background: #404040;
    width: 240px;
}


/*　再生・停止ボタンの高さ、幅、パディングの指定　*/

.audiojs .play-pause {
    width: 25px;
    height: 20px;
    padding: 0px 8px 0px 0px;
}


/*　再生・停止ボタンなどの p 要素　*/

.audiojs p {
    width: 25px;
    height: 20px;
    margin: -3px 0px 0px -1px;
}


/*　進行状態・ロードの状態を表示する部分　*/

.audiojs .scrubber {
    background: #5a5a5a;
    width: 150px;
    height: 10px;
    margin: 5px;
}


/*　進行状態を表示するバーの部分　*/

.audiojs .progress {
    height: 10px;
    width: 0px;
    background: #ccc;
}


/*　ロード状態を表示するバーの部分　*/

.audiojs .loaded {
    height: 10px;
    background: #000;
}


/*　再生時間の部分　*/

.audiojs .time {
    float: left;
    height: 25px;
    line-height: 25px;
}

.audiojs .error-message {
    height: 24px;
    line-height: 24px;
}

.kinou_ichiran_topics_l {
    background: url(/image/top/kinou_ichiran_topics_m.png);
    background-size: 50% auto;
    height: 125px;
    width: 600px;
    padding: 18px 0 0 20px;
}

.topics_title {
    float: left;
    width: 180px;
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 5px;
}

.topics_title_con_l {
    overflow: auto;
    height: 90px;
    color: #000000;
    width: 590px;
}


/*
.new_arrived_dt{
color:#ffffff;
text-align:right;
margin: 10px 0 0 0;
padding: 0px 20px 0 0;
width: 140px;
position:relative; top:-5px;
float: left;
clear:both;
}

.new_arrived_dd{
background: url('/image/top/footer_point.png') no-repeat;
background-position:0 8px;
margin: 5px 0 0 170px;
padding: 5px 0 0 10px;
}
.new_arrived_dd a {
    color: #1d2fb2;
    text-decoration: none;
}
.new_arrived_dd a:hover {
    text-decoration: underline;
}
*/


/*----------ラジオボタンチェックボックス装飾 ----------*/

.box_b {
    padding: 6px;
}

.box_b input[type=radio],
.box_b input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

.box_b input[type=radio]+label,
.box_b input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

@media (min-width: 1px) {
    .box_b input[type=radio],
    .box_b input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .box_b input[type=radio]+label,
    .box_b input[type=checkbox]+label {
        padding: 0 0 0 24px;
    }
    .box_b input[type=radio]+label::before,
    .box_b input[type=checkbox]+label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }
    .box_b input[type=radio]+label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .box_b input[type=checkbox]+label::before {
        border: 2px solid #ccc;
    }
    .box_b input[type=radio]:checked+label::after,
    .box_b input[type=checkbox]:checked+label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .box_b input[type=radio]:checked+label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #E71063;
        border-radius: 8px;
    }
    .box_b input[type=checkbox]:checked+label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


/*----------アイコンコーディング ----------*/

@font-face {
    font-family: 'icomoon';
    src: url('/image/app/icomoon.eot?-6qdgfw');
    src: url('/image/app/icomoon.eot?#iefix-6qdgfw') format('embedded-opentype'), url('/image/app/icomoon.ttf?-6qdgfw') format('truetype'), url('/image/app/icomoon.woff?-6qdgfw') format('woff'), url('/image/app/icomoon.svg?-6qdgfw#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-star:before {
    content: "\e600";
}

.icon-yen .path1:before {
    content: "\e601";
    color: rgb(0, 0, 0);
}

.icon-yen .path2:before {
    content: "\e602";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-tel:before {
    content: "\e603";
}

.icon-menu:before {
    content: "\e604";
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon";
}

.icon-menu {
    vertical-align: middle;
}


/*----------ページャー装飾 ----------*/

.lf_r {
    color: #00a4cc;
    margin: 0 55px 0 0;
    float: right;
    border: solid 1px #CCCCCC;
    -moz-border-radius: 5px;
    /* gecko */
    -webkit-border-radius: 5px;
    /* webkit */
    border-radius: 5px;
    /* CSS3 standard */
    -khtml-border-radius: 5px;
    /* old konkeror */
    border-radius: 5px;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

.pj_c {
    font-size: 11px;
    padding: 5px 10px;
}

.pj_c_on {
    color: #ffffff;
    background: #00a4cc;
    font-size: 11px;
    padding: 5px 10px;
}

.pj_l,
.pj_r {
    font-size: 10px;
    padding: 2px 5px;
}

.lf_r td {
    border: solid 1px #e6e6e6;
    border-top-style: hidden;
    border-bottom-style: hidden;
    border-right-style: hidden;
}


/*----------ページャー装飾 2 ----------*/

.pager_r {
    float: right;
    margin: 0 55px 0 0;
}

.pager_fl li {
    float: left
}

.pager_pl {
    font-size: 10px;
    padding: 5px;
    color: #00a4cc;
    border: solid 1px #e4e4e4 !important;
    -moz-border-radius: 5px 0 0 5px;
    /* gecko */
    -webkit-border-radius: 5px 0 0 5px;
    /* webkit */
    border-radius: 5px 0 0 5px;
    /* CSS3 standard */
    -khtml-border-radius: 5px 0 0 5px;
    /* old konkeror */
    border-radius: 5px 0 0 5px;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

.pager_pr {
    font-size: 10px;
    padding: 5px;
    color: #00a4cc !important;
    border: solid 1px #e4e4e4;
    -moz-border-radius: 0 5px 5px 0;
    /* gecko */
    -webkit-border-radius: 0 5px 5px 0;
    /* webkit */
    border-radius: 0 5px 5px 0;
    /* CSS3 standard */
    -khtml-border-radius: 0 5px 5px 0;
    /* old konkeror */
    border-radius: 0 5px 5px 0;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

.pager_pc {
    float: left;
    font-size: 11px;
    padding: 5px 10px;
    color:#666666 !important;
    border: solid 1px #e4e4e4;
}

.pager_pc_on {
    float: left;
    color: #ffffff;
    background: #e7ca7c;
    font-size: 11px;
    padding: 5px 10px;
    border: solid 1px #e4e4e4;
}


/*---------- 占い師紹介ページ ----------*/

h3 {
    color: #3f3050;
    font-size: 23px;
    margin: 13px 0px;
}

*:first-child+html h3 {
    margin: 20px 0 20px;
}

h4 {
    border-style: double hidden;
    border-color: #cbcbcb;
    color: #3f3050;
    font-size: 19px;
    padding: 9px 20px 5px;
    /*width: 660px;*/
    max-width:660px;
}

h5 {
    color: #3f3050;
    font-size: 14px;
margin: -10px 1px;
}

#contents_in {
    width: 660px;
    margin: 20px 20px 0 20px;
}

.img_fl {
    float: left;
}

.talk_p_p {
    margin: 10px 11px 53px 0px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_green_M.png);
    float: right;
}

.talk_p_p_o {
    margin: 10px 11px 53px 0px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_green_M.png);
    float: right;
}

.talk_p_p_g {
    margin: 10px 11px 53px 0px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: #cccccc;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_gray.png);
    float: right;
}

.talk_p_p_line {
    margin: 5px 11px 5px 0px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 30px;
    color: #7BC318;
    font-size: 14px;
    font-size: bold;
    text-align: center;
    background-image: url(/image/pc/btn_green_M_line.png);
    float: right;
}

.now_talk_w_p {
    width: 200px;
    margin: 0 auto;
}

.now_talk_w_p a {
    text-decoration: none;
}

#touroku_s_s_box {
    font-size: 15px;
    width: 198px;
    height: 128px;
    padding: 11px;
    border: 1px solid #62b100;
    background-color: #ededed;
    float: right;
    -moz-border-radius: 5px;
    /* gecko */
    -webkit-border-radius: 5px;
    /* webkit */
    border-radius: 5px;
    /* CSS3 standard */
    -khtml-border-radius: 5px;
    /* old konkeror */
    border-radius: 5px;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

.orange {
    color: #ff8a1f;
}

#shousai_list {
    margin: 350px 0 0 0;
    position: relative;
}

*:first-child+html #shousai_list {
    margin: 205px 0 0 0;
}

#shousai_list dt {
    margin: 10px 0;
    padding: 0 0 0 5px;
    float: left;
    clear: left;
    width: 100px;
    color: #ffffff;
    background-color: #989898;
    -moz-border-radius: 5px;
    /* gecko */
    -webkit-border-radius: 5px;
    /* webkit */
    border-radius: 5px;
    /* CSS3 standard */
    -khtml-border-radius: 5px;
    /* old konkeror */
    border-radius: 5px;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

#shousai_list dd {
    float: left;
    margin: 10px 0;
    padding: 0 0 0 5px;
    width: 530px;
}

.text_c {
    font-size: 12px;
    width: 620px;
    margin: 0px 20px 30px;
}

.Schedule img {
    vertical-align: middle;
}

.time_top {
    width: 19px;
}

.Schedule {
    text-align: center;
}

.waku,
.top_side {
    background-color: #ffffff;
}

.time_top_m,
.time_top,
.day_side {
    font-size: 9px;
    background-color: #01a4cd;
    color: #ffffff;
    text-align: center;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}

.vice_box {
    width: 665px;
    margin: 0 0 10px;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #e4d2f9;
    border-radius: 10px;
}


.vice_titl {
    float: left;
    color: #3f3050;
    font-size: 16px;
    font-size: bold
}

.vice_time {
    float: right;
    color: #3f3050;
    font-size: 14px;
    font-size: bold
}

.wait_num_area {
    background-color: #EEF0FF;
    color: #00a4cc;
    padding: 3px 10px;
    border-radius: 15px;
    margin: 5px 0px
}


/*---------- 新規会員登録 ----------*/

.layout {
    width: 705px;
    margin: 20px 0 0;
}

.layout td,
.layout th {
    background: #ededed;
    padding: 8px
}

.layout th {
    text-align: left;
}

.contents_footer {
    background-color: #ffffff !important;
}

select {
    font-size: 11px;
    color: #666666;
    background: #ffffff;
    height: 25px;
    margin: 0 0 0 10px;
}


.layout input {
    height: 25px;
}


/*----------ラジオボタンチェックボックス装飾 ----------*/

.boxx {
    padding: 6px;
}

.boxx input[type=radio],
.boxx input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

.boxx input[type=radio]+label,
.boxx input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

@media (min-width: 1px) {
    .boxx input[type=radio],
    .boxx input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .boxx input[type=radio]+label,
    .boxx input[type=checkbox]+label {
        padding: 0 0 0 24px;
    }
    .boxx input[type=radio]+label::before,
    .boxx input[type=checkbox]+label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }
    .boxx input[type=radio]+label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .boxx input[type=checkbox]+label::before {
        border: 2px solid #ccc;
    }
    .boxx input[type=radio]:checked+label::after,
    .boxx input[type=checkbox]:checked+label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .boxx input[type=radio]:checked+label::after {
        left: 5px;
        #foote width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #E71063;
        border-radius: 8px;
    }
    .boxx input[type=checkbox]:checked+label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


/*----------ラジオボタンチェックボックス装飾 ----------*/

.boxxx {
    padding: 3px;
}

.boxxx input[type=radio],
.boxxx input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

.boxxx input[type=radio]+label,
.boxxx input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

@media (min-width: 1px) {
    .boxxx input[type=radio],
    .boxxx input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .boxxx input[type=radio]+label,
    .boxxx input[type=checkbox]+label {
        padding: 0 0 0 24px;
    }
    .boxxx input[type=radio]+label::before,
    .boxxx input[type=checkbox]+label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }
    .boxxx input[type=radio]+label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .boxxx input[type=checkbox]+label::before {
        border: 2px solid #ccc;
    }
    .boxxx input[type=radio]:checked+label::after,
    .boxxx input[type=checkbox]:checked+label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .boxxx input[type=radio]:checked+label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #E71063;
        border-radius: 8px;
    }
    .boxxx input[type=checkbox]:checked+label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


/*----------運営者情報 ----------*/

#contents_in_co {
    margin: 20px 20px 0;
    width: 660px;
}

.co_titl {
    font-size: 20px;
}

.co_table th {
    background: #ffffff;
    width: 100px;
}

.co_table td {
    background: #ffffff;
}


/*----------個人情報----------*/

#p_waku {
    width: 645px;
    height: 85px;
    padding: 20px;
    margin: 10px 0 0 0;
    border: solid 1px #00a4ca;
    -moz-border-radius: 10px;
    /* gecko */
    -webkit-border-radius: 10px;
    /* webkit */
    border-radius: 10px;
    /* CSS3 standard */
    -khtml-border-radius: 10px;
    /* old konkeror */
    border-radius: 10px;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

#p_waku img {
    float: left;
    margin: 0 40px 0 0;
    max-width: 119px;
    max-height: 140px;
}

#p_waku dt {
    float: left;
    width: 120px;
    margin: 3px 0;
    text-align: left;
}

#p_waku dd {
    color: #666666;
    float: left;
    width: 330px;
    margin: 3px 0;
    text-align: left;
}

#name_p {
    color: #00a4cc;
    font-size: 16px;
}

#ds {
    width: 485px;
    height: 100px;
    float: right;
}

#ds_s {
    width: 190px;
    height: 100px;
    float: right;
}

.logout {
    padding: 5px 0 0 0;
    width: 120px;
    height: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_green_S.png);
}

.logout_w {
    float: right;
}

.logout_w a {
    text-decoration: none;
}


/*----------スマフォ----------*/

#rogo {
    width: 150px;
    float: left;
}

#toplogo_m {
    width: 100%;
    padding: 0 0;
    margin: 8px 0;
}

#close_m {
    width: 30px;
}

.close_m {
    width: 95%;
    margin: 0 auto
}

#topmenu_m_b {
    width: 25px
}

#topmenu_m {
    padding: 8px 15px 0 0;
    float: right;
}

#cr a {
    font-size: 10px;
    margin: 0 0 15px;
}

.button_b {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #5b5b5b;
    padding: 10px 20px;
    background: -ms-linear-gradient( top, #05aeeb 0%, #0266bd);
    background: -moz-linear-gradient( top, #05aeeb 0%, #0266bd);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffccb6));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #859094;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
}

.button_b_m {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 10px;
    background: -ms-linear-gradient( top, #05aeeb 0%, #0266bd);
    background: -moz-linear-gradient( top, #05aeeb 0%, #0266bd);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffbba0), to(#e25921));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    margin: -10px auto 10px;
    width: 100px;
}

.button_g {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 10px;
    background: -ms-linear-gradient( top, #85e051 0%, #1ea123);
    background: -moz-linear-gradient( top, #85e051 0%, #1ea123);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9aa7), to(#dd485c));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    width: 120px;
}

.button_pink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 10px;
    background: #db6bb6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    width: 120px;
}

.button_orange {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 10px;
    background: #fdad72;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    width: 120px;
}


.button_m_g {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 10px 20px;
    background: -ms-linear-gradient( top, #85e051 0%, #1ea123);
    background: -moz-linear-gradient( top, #85e051 0%, #1ea123);
    background: -webkit-gradient( linear, left top, left bottom, from(#85e051), to(#1ea123));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #859094;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 0px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
}

.button_g_m {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 10px;
    margin: 0 0 0 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9aa7), to(#dd485c));
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    margin: -10px auto 10px;
}
.button_o {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 10px;
    margin: 0 0 0 3px;
    background: #b69ffd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    width: 110px;
}

.button_o2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 10px;
    margin: 0 0 0 3px;
    background:-webkit-gradient(linear, left top, left bottom, from(#d58cf5), to(#9651b5));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    width: 110px;
}

.button_nowtalk {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 10px;
    margin: 0 0 0 3px;
    background: #6fc0dc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    width: 110px;
}


.button_gr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #bdbdbd;
    padding: 5px 10px;
    margin: 0 0 0 3px;
    background: -ms-linear-gradient( top, #757575 0%, #6e6e6e);
    background: -moz-linear-gradient( top, #757575 0%, #6e6e6e);
    background: -webkit-gradient( linear, left top, left bottom, from(#757575), to(#6e6e6e));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    width: 110px;
}

.button_break {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    padding: 5px 10px;
    margin: 0 0 0 3px;
    background: #a9e778;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    width: 110px;
}

.sph_prof_btn {
    width: 150px !important;
    margin: 10px auto  !important;
}

.sph_ura_btn {
    width: 150px;
    margin: 0 auto
}

.photo_img {
    width: 60%;
    margin: 5px 20% 0 20%;
}


#tel_m {
    clear: both;
    width: 100%;
    height: 60%;
    margin: 0 0 -5px 0;
    padding: 4px 0 8px 0;
    text-align: center;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #49dad1;
    font-size: bold
}

#time_m {
    font-size: 12px;
}

#top_bot li {
    float: left;
    font-size: 12px;
    width: 45%;
}

.width_m {
    width: 100%;
    text-align: center;
}

.top_bot_l {
    font-size: 12px;
    margin: 3px 10px 5px 0;
    width: 110px;
}

.top_bot_r {
    font-size: 12px;
    margin: 3px 10px 0 0;
}

.center_bt {
    font-size: 12px;
    margin: 2px auto 1px;
    width: 130px;
}

.title_m {
margin: 6px 0 15px 0;
    padding: 5px 0 0px 10px;
    height: 20px;
    /* background: #989898; */
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    /* background: url(/image/pc/titl_back.png) !important; */
    background-repeat: no-repeat;
    background-position: 20px 3px;
}

.title_m_ul {
    margin: 17px 0 0 0;
    height: 3px;
    background: #989898;
}

.new_m dd {
    clear: both;
    /* border-style: none none dotted; */
    border-color: #ababab;
    border-width: 1px;
    line-height: 25px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}

.new_m {
    padding: 5px;
}

div#box_c_m {
    margin: 0 auto;
    max-width: 360px;
}

@media screen and (max-width: 320px) {
    /* 表示領域が320px以下の場合に適用するスタイル */
    div#box_c_m {
        margin: 0 auto;
        max-width: 320px;
    }
}

@media screen and (min-width: 480px) {
    /* 表示領域が480px以上の場合に適用するスタイル */
    div#box_c_m {
        margin: 0 auto;
        min-width: 480px;
    }
}

.m_box {
font-size: 13px;
    width: 137px;
    padding: 5px;
    margin: 3px 0px 0px 5px;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
}

.f_name_m a {
    color: #3f3050!important;
    text-decoration: underline;
}

.price_m {
    font-size: 11px;
    font-family: MS P Gothic;
    text-align: center;
    padding: 0 3px
}

#footer_m {
    width: 100%;
    margin: 0 0 0 -40px;
}

#footer_m li {
    width: 50%;
    float: left;
}

.subtitle_m_s {
    color: #00a4cc;
    font-size: 10px;
    margin: 5px 0 5px 5px;
}

.title_m_s {
color: #3f3050;
    font-size: 18px;
    margin: 0 0 5px 10px;
font-weight: bold;
}

.prof_m {
    padding: 5px 25%;
}

#touroku_s_s_box_m {
    font-size: 12px;
    width: 230px;
    height: 80px;
    padding: 11px;
    border: 1px solid #62b100;
    background-color: #ededed;
    margin: 5px auto;
    text-align: center;
    -moz-border-radius: 5px;
    /* gecko */
    -webkit-border-radius: 5px;
    /* webkit */
    border-radius: 5px;
    /* CSS3 standard */
    -khtml-border-radius: 5px;
    /* old konkeror */
    border-radius: 5px;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

#shousai_list_m {
    margin: 15px 5px 5px;
}

#shousai_list_m dt {
    margin: 0;
    padding: 0 0 0 5px;
    float: left;
    clear: left;
    width: 100px;
    color: #ffffff;
    background-color: #989898;
    -moz-border-radius: 5px;
    /* gecko */
    -webkit-border-radius: 5px;
    /* webkit */
    border-radius: 5px;
    /* CSS3 standard */
    -khtml-border-radius: 5px;
    /* old konkeror */
    border-radius: 5px;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

#shousai_list_m dd {
    float: left;
    margin: 5px 0;
    padding: 0 0 0 5px;
    width: 98%;
}

.text_c_m {
    font-size: 12px;
    width: 98%;
    padding: 0 0 0 5px;
}

.title_m_ss {
    width: 92%;
    margin: 2%;
    border-style: double hidden;
    border-color: #cbcbcb;
    color: #3f3050;
    font-size: 15px;
    padding: 5px 10px 2px 10px;
}

.time_top_m {
    width: 15px;
    font-size: 10px;
    background-color: #01a4cd;
    color: #ffffff;
    text-align: center;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
}

.waku_m {
    background-color: #ffffff;
    border-right: solid 1px #cbcbcb;
    border-bottom: solid 1px #cbcbcb;
    text-align: center;
}

.day_side_m {
    font-size: 10px;
    background-color: #01a4cd;
    color: #ffffff;
    text-align: center;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    width: 20%;
}

.pager_c {
    margin: 0 auto 0;
    text-align: center;
    width: 250px
}

.vice_box_m {
    font-size: 12px;
    /* width: 95%; */
    margin: 10px 5px;
    padding: 10px;
    border-radius: 10px;
   /* border: 1px solid #c1bfbf; */
}

.vice_titl_m {
    float: left;
    color: #3f3050;
    font-size: 12px;
    font-weight: bold;
    font-family: MS P Gothic
}

.vice_time_m {
    float: right;
    color: #3f3050;
    font-size: 11px;
    font-weight: bold;
    font-family: MS P Gothic
}


/*----------運営者情報 ----------*/

#contents_in_co_m {
    margin: 2%;
    width: 96%;
}

.co_titl_m {
    font-size: 15px;
    font-weight: bold;
}

.co_table_m th {
    width: 100px;
}

.co_table_m,
.co_table_m th,
.co_table_m td {
    background-color: #ffffff;
    border: solid 1px #cbcbcb;
    padding: 3px;
}


/*----------ログイン後個人情報----------*/

#p_waku_m {
    height: 80px;
    padding: 5px;
    margin: 10px 2% 10px;
    border: solid 1px #00a4ca;
    -moz-border-radius: 10px;
    /* gecko */
    -webkit-border-radius: 10px;
    /* webkit */
    border-radius: 10px;
    /* CSS3 standard */
    -khtml-border-radius: 10px;
    /* old konkeror */
    border-radius: 10px;
    /* CSS3 standard */
    behavior: url(http://inoru.co.jp/image/app/border-radius-.htc);
    /* IE6 7 8 */
}

#p_waku_m img {
    width: 80px;
    float: left;
    margin: 10px;
}

#p_waku_m dt {
    float: left;
    font-family: MS P Gothic;
    font-size: 12px;
    width: 90px;
    text-align: left;
}

#p_waku_m dd {
    color: #00a4ca;
    float: left;
    width: 100px;
    text-align: left;
}

.logout_w_m {
    margin: 5px auto;
    width: 100px;
}

.line hr {
    float: left;
    width: 95%;
}

#sph table {
    width: 100%;
}

#sph table input {
    width: 95%
}

#sph table textarea {
    width: 95%
}

#sph table th {
    font-size: 11px;
    width: 50px
}

#sph_b table {
    width: 100%;
}

#sph_b table th {
    padding: 10px;
}

#divlist table {
    width: 345px;
}

#uranai_content_sny input,
.list_sny input,
.button,
.buy_button_sny input,
.buy_button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #ffffff;
    padding: 0px 10px;
    margin: 10px 0px;
    width: 95%;
    background: -ms-linear-gradient(top, #85e051, #1ea123);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#85e051', EndColorStr='#1ea123');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85e051', EndColorStr='#1ea123')";
    background: -moz-linear-gradient( top, #85e051 0%, #1ea123);
    background:-webkit-gradient(linear, left top, left bottom, from(#ffbba0), to(#e25921));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-shadow: 0px -1px 1px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);
    text-align: center;
    border-style: none;
    height: 30px;
}

.buy_button {
    margin: 10px
}

.input_area_border2 {
    width: 80%;
}

.detailbox h3 {
    line-height: 50px;
}

.detailbox {
    margin: 10px;
    line-height: 30px;
}

#ichiran_back_gl_siteinfo {
    height: auto;
    padding: 10px 10px 10px;
    font-size: 12px;
    color: #3a3689;
    text-shadow: 0 0 15px #ffffff, 0 0 10px #ffffff, 0 0 0.20px #ffffff;
    float: left;
}

#ichiran_back_gl_siteinfo_pc {
    width: 705px;
    height: auto;
    background: url(/image/top/ichiran_back_gl.png) repeat;
    padding: 10px 10px 10px;
    font-size: 12px;
    color: #3a3689;
    text-shadow: 0 0 15px #ffffff, 0 0 10px #ffffff, 0 0 0.20px #ffffff;
    float: left;
}

#ichiran_back_gl_siteinfo dl dt {
    color: #3a3689;
}

.back-month ul li {
    float: left;
    list-style-type: none;
}

.back-month ul li a {
    text-decoration: underline;
}

#ichiran_back_gl_siteinfo dd a {
    text-decoration: underline;
}

.new_m dd a {
    text-decoration: underline!important;
}

.back-month ul {
    margin: 10px auto;
}

.img_top {
    width: 96%;
    margin: 2%;
}

.centered {
    margin: 0 auto;
}

#containera {
    width: 100%;
    margin: 10px auto;
}

.col2 {
    width: 135px;
}

.box {
    float: left;
}

.m_box img {
    width: 96%;
    margin: 2%;
    height: 165px;
    object-fit: cover;
}

.d_list table table img {
    width: 10px;
}

div.d_list table {
    width: 100%;
}

.list_scroll {
    overflow: scroll;
    /* スクロール表示 */
    overflow-x: hidden;
    width: 750px;
    height: 450px;
}

.diary_list_scroll {
    overflow: scroll;
    /* スクロール表示 */
    overflow-x: hidden;
    width: 750px;
    height: 200px;
}

.diary_list_scroll2 {
    overflow: scroll;
    /* スクロール表示 */
    overflow-x: hidden;
    width: 750px;
    height: 350px;
}

.diary_list_scroll_m {
    overflow: scroll;
    /* スクロール表示 */
    overflow-x: hidden;
    width: 100%;
    height: 150px;
}

.diary_list_scroll_m2 {
    overflow: scroll;
    /* スクロール表示 */
    overflow-x: hidden;
    width: 100%;
    height: 400px;
}

.qr_code {
    margin: 17px 0 0 0;
    padding: 15px 0 15px 0;
    color: #000000;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
    background-color: #F3F5F7;
}

.topic_left {
    margin: 5px 0 0 0;
    padding: 15px 0 15px 0;
    color: #000000;
    border-radius: 10px;
    background-color: #FBFBFB;
}

.topic_scroll {
    overflow: scroll;
    /* スクロール表示 */
    overflow-x: hidden;
    overflow-y: scroll;
    width: 300px;
}

.topic_title {
    font-size: 16px;
    font-weight: bold;
    color: #4256CC;
}

.uranai_disp_font {
font-size: 12px;
    color: #3f3050;
    background: #fff1cc;
    text-align: center;
max-height:6em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.uranai_disp_font2 {
font-size: 12px;
    text-align: center;
}

.box_a_odd img {
    width: 150px;
    height: 190px;
    object-fit: cover;
    margin: 7px 0 5px;
}

.box_a_even img {
    width: 150px;
    height: 190px;
    object-fit: cover;
    margin: 7px 0 5px;
}

.box_a img {
    width: 150px;
    height: 190px;
    object-fit: cover;
    margin: 7px 0 5px;
}
.pagetop {
    position: fixed;
    bottom: 30px;
    right: 55px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pagetop a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #3EB7B0;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    text-decoration: none;
    line-height: 50px;
}

.pagetop.show {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

tr.日 {
    background: #ffeaf4;
}

tr.土 {
    background: #e0ffff;
}

#ampm_select {
    margin: 0 auto 5px!important;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 4px 20px!important;
    background: -ms-linear-gradient( top, #089bd1 0%, #0e09ad);
    background: -moz-linear-gradient( top, #089bd1 0%, #0e09ad);
    background: -webkit-gradient( linear, left top, left bottom, from(#089bd1), to(#0e09ad));
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    border: 2px solid #fafafa;
    background-color: #0e09ad;
}

.sche_btn {
    border: 0;
    width: auto;
    max-width: 20px;
    max-height: 50px;
    vertical-align: middle;
}

.sche_btn_left {
    border: 0;
    width: auto;
    max-width: 20px;
    max-height: 50px;
    margin-left: 0px;
}

.sche_btn_right {
    border: 0;
    width: auto;
    max-width: 20px;
    max-height: 50px;
    margin-right: 0px;
}

.btn_div img {
    width: 44%;
    height: 18px
}

.btn_div {
    line-height: 1
}

.sche_btn_left {
    float: left
}

.sche_btn_right {
    float: right
}


/*---------- ページ先頭へ移動ボタン ----------*/

#page-top {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 0px;
    font-size: 20px;
    background: #e7ca7c!important;
    border-radius: 5px;
}

#page-top a {
    text-decoration: none;
    color: #fff;
    padding: 12px 16px;
    text-align: center;
    display: block;
    -moz-opacity: 0.6;
    opacity: 0.6;
}


/*---------- FAQ ----------*/

.faq dl {
    width: 650px;
    margin-left: 40px;
}

.faq dt {
font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e7a326;
    border-left-width: 7px;
    border-left-style: solid;
    border-left-color: #e7a326;
    padding-top: 2px;
    padding-left: 8px;
    padding-bottom: 2px;
}

.faq dd {
    font-size: 100%;
    line-height: 1.8;
    margin-bottom: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    padding-right: 15px;
}

/*---------- FAQ ----------*/

.faq2 dl {
    width: 98%;
    margin-left: 5px;
}

.faq2 dt {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e7a326;
    border-left-width: 7px;
    border-left-style: solid;
    border-left-color: #e7a326;
    padding-top: 2px;
    padding-left: 8px;
    padding-bottom: 2px;
}

.faq2 dd {
    font-size: 100%;
    line-height: 1.8;
    margin-bottom: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    padding-right: 15px;
}


/*---------- sitemap ----------*/

.sitemap-box h4 {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    color: #ccc;
    font-size: 120%;
    font-weight: bold;
    border-style: none;
}

#main p {
    background: url(/image/pc/sitemap_img_arrow.gif) no-repeat;
    padding: 0 0 0 10px;
    margin: 0 0 5px 15px;
}

.sitemap-box {
    border-top: dotted 1px #999999;
    margin: 15px 15px 0 15px;
    padding: 6px 0 0 0;
}

.sitemap-box ul {
    padding: 0 0 0 30px;
}

.sitemap-box li {
    background: url(/image/pc/sitemap_img_arrow.gif) no-repeat;
    padding: 0 0 0 10px;
    margin: 0 0 5px;
}
/*---------- 占い師スケジュール ----------*/
.panel {
    padding: 8px;
}
/*待機スケジュールの説明*/
.schedule_description{
	padding: 4px;
}

.schedule_description p{
	font-size: 1.3rem;
}

/*スケジュール表*/
.schedule_table{
	width: 100%;
	font-size: 1.3rem;
	text-align: center;
	border-collapse: collapse;
    border-spacing: 0;
    overflow-wrap: break-word;
    color: #4a4b4d;
}
@media screen and (max-width: 320px) {
.schedule_table{
    width: 95%;
    font-size: 1.3rem;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    overflow-wrap: break-word;
    color: #4a4b4d;
    display: table;
    margin: auto;
}
}

/*時間帯*/
.schedule_table tr.time_zone{
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	background: lightblue;
}

/*時間*/
.schedule_table tr.time{
	font-size: 1.4rem;
}

.schedule_table tr.time th,
.schedule_table tr.time td{
	padding: .6em 0;
	text-align: center;
}

@media screen and (max-width: 320px) {
.schedule_table tr.time th,
.schedule_table tr.time td{
	padding: .6em 0;
	text-align: center;
	width: 20px;
}

}

.schedule_table th,
.schedule_table td{
	padding: .4em 0;
	border: 1px solid #c3c3c3;
	text-align: center;
}

.schedule_table th{
	font-weight: normal;
	text-align: center;
}

/*日曜*/
.schedule_table th.sun{
	background: #ffeff1;
}

/*土曜*/
.schedule_table th.sat{
	background: #dff3fb;
}

/*曜日表示部分*/
.schedule_table th span{
	display: block;
	font-size: 1.2rem;
}

.time th {
background-color: #ffffff;
    color: #4A4B4C;
    font-size: 1.2rem;
}

.time .sche_btn {
    border: 0;
    width: 47%;
    max-width: 100%;
    max-height: 25px;
}

.time .sche_btn_right {
    border: 0;
    width: 47%;
    max-width: 100%;
    max-height: 25px;
    /*margin-left: 50%;*/
}
.time .sche_btn_left {
    border: 0;
    width: 47%;
    max-width: 100%;
    max-height: 25px;
    /*margin-right: 50%;*/
}

#login_btn {
    /* margin: 0 0 0 0; */
    padding: 30px 0 0 0;
    width: 220px;
    height: 50px;
    /* color: #635349;*/
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-image: url(/image/pc/btn_M01.png);
}
#uranai_content {
    width: 100%;
    margin: 0 0 0 8px;
}

#uranai_content_m {
    width: 98%;
    margin: 0 0 0 7px;
}

#uranai_content_m1 {
    margin: 0;
padding:0 1em;
}

#uranai_content2 {
    width: 98%;
    margin: 0 0 20px 8px;
}

.top_bot_l2 {
    font-size: 12px;
    margin: 3px 10px 3px 0;
    width: 110px;
}

.header-top {
/*    font-size: 15px; */
    margin: 0;
    padding: 0;
    background: #e7ca7c;
    line-height: 1;
    color: #666666;
    text-align: center;
    /* font-weight: bold; */
}

#mainArea {
    margin: 10px 10px;
    padding: 2px;
}


    .text-ellipsis {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .text-multiline-ellipsis {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }

.uranaibox img {
    width: 150px;
    height: 190px;
    object-fit: cover;
    margin: 7px 0 5px;
}

.title_m2 {
        margin: 5px 0 5px 10px;
}

.img_detail {
    float: left;
    object-fit: cover;
    width: 350px;
    height: 350px;
}


.sns-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

.sns-icons img {
  width: 50px; 
  height: 50px;
}


@media (min-width: 1024px) {
  .sns-icons {
    gap: 100px; 
  }
}


.table_org {
    border-collapse: collapse;  /* セルの線を重ねる */
    padding: 0 0 0 10px;
    margin: 1.5em;
}

.table_org th,.table_org td {
    padding: 5px 10px;          /* 余白指定 */
}

.table_org th {
    background-color:#ffa2cf;  /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    font-weight:  normal;       /* 文字の太さ指定 */
    position:  relative;        /* 位置指定 */
    z-index: 10;                /* 重なり調整 */
}

.table_org td {
    background-color: #f7e6ee; /* 背景色指定 */
    padding-left: 25px;         /* 余白指定 */
}

.table_org th::after {
    content:'';                 /* 空の要素を作る */
    position:  absolute;        /* 位置指定 */
    height: 24px;               /* 高さ指定 */
    width: 24px;                /* 幅指定 */
    background-color: #ffa2cf;  /* 背景色指定 */
    transform:  rotate(45deg);  /* 要素を回転 */
    top: 5px;                   /* 位置指定 */
    right: -12px;               /* 位置指定 */
    z-index:  -1;               /* 重なり調整 */
}

.table_org tr {
    border-bottom:  solid #fff; /* 線指定 */
}

/*----------------------------------------------------
 table
----------------------------------------------------*/
.rwd_table {
	width: 100%;
}
.rwd_table th, .rwd_table td {
	padding: 10px;
	border: 1px solid #ddd;
box-sizing: border-box;
}
.rwd_table th {
	background: #ffa2cf;
}
.rwd_table th {
	width: 30%;
	text-align: left;
}
@media only screen and (max-width:480px) {
	.rwd_table {}
	.rwd_table th, .rwd_table td {
		width: 100%;
		display: block;
		border-top: none;
	}
	.rwd_table tr:first-child th {
		border-top: 1px solid #ddd;
	}
}





