/*html {  
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
background-image:url(../img/zentai_bg.gif);
background-size: 430px;
}
*/
* { margin:0; padding:0; }
input { -webkit-appearance: none; border-radius:2px;}

body {
    margin: 0 auto;
    font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif;
    letter-spacing:0.5px;
    font-size: 16px;
    color:#333;
    position: relative;
    background-color: #fff;
    }
table {	border-collapse:collapse;}
table th {background: url("../img/bg_stripe_gray.gif")}
header {
    border-top: 3px solid #567edb;
    border-bottom: 1px solid #d5d5d5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
    background-image: linear-gradient(top, #fff, #f5f5f5);
    overflow: hidden;
    bottom: 0;
}

* li {
    list-style-type: none;
}

.font-normal { font-weight: normal;}
.bold { font-weight: bold;}
.alignC{ text-align:center;}
.alignR{ text-align:right;}
.red { color:#e95464;font-weight:bold;}
.orange { color:#f38d29;font-weight:bold;}
.blue { color:#3d77db;font-weight:bold;}
/* fontawesomeの色 */
/* .fa_color_green { color:#9fc89f;} */
.fa_color_green { color:#57ae57;}
.fa_color_purple { color:#345fc1;}

/* 全ページ */
.con_title {
    padding: 10px 12px;
    background-color: #f3f3f3;
    margin: 0 0 2px;
    font-size: 20px;
    line-height: 1.4;
    color: #345fc1;
}
.con_title .con_txt {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 10px;
}
.contents_w {
    max-width: 1000px;
    margin: 0 auto;
}
.contents_w h3 {
font-size: 19px;
    margin: 25px auto 10px;
    width: 95%;
    color: #345fc1;
    border-left: 4px solid #345fc1;
    padding-left: 10px;
    box-sizing: border-box;
    }
.contents_w .first_sess {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0;
    color: #00f;
}

/* 次の月系 */
ul.month {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto 5px;
}
ul.month li a { 
    color: #333;
    font-size: 17px;
    text-decoration: none;
    background-color: #f6f6f6;
    padding: 3px 10px;
    display: block;
    border-radius: 2px;
    border: 1px solid #b3b3b3;
}

/* トップページ */
#globalLogo {
    padding-left: 0px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
#globalLogo a {
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    border: none;
    text-align: left;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
#globalLogo img.feel_logo {
    width:200px;
}
#globalMenu {
    position: absolute;
    padding: 16px 12px 0 0;
    right: 0;
    top: 0;
}
#globalMenu a {
    display: block;
    width: 28px;
    overflow: hidden;
    padding: 1px 0 1px 8px;
    text-align: left;
    border-left: 1px solid #c2c2c2;
}
#globalMenu a img.set_icon {    width: 100%;}


#top_display {
    max-width: 650px;
    margin: 0 auto;
}

/* トップの占い師データ2 20220321 */
.teller_data_box {
    border: 1px solid #567edb;
    width: 95%;
    margin: 15px auto 30px;
    border-radius: 20px;
    padding: 5px 0;
    box-sizing: border-box;
}
.teller_data {
    width: 90%;
    margin: 0px auto;
    padding: 10px;
    border-bottom: 1px solid #dce2ef;
    box-sizing: border-box;
}
.teller_data:last-child {     border-bottom: none;}
.teller_data .data_head {
    display: flex;
    justify-content: space-between;
}
.teller_data .data_head h3 {
    font-size: 17px;
    align-items: center;
    display: flex;
    }
.teller_data .data_head .number .number_oy {    font-size: 26px;}
.teller_data .data_head .number .number_yen {    font-size: 13px;}
.teller_data .last_month { text-align: right; font-size: 13px;}



.top_g_menu {
    width: 98%;
    margin: 0 auto;
}
.top_g_menu .menu {
    width: 33.333%;

    text-align: center;
    position: relative;
}
.top_g_menu .menu a {
    display: block;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 35px;
    padding: 44px 0 18px;
    text-decoration: none;
    font-size: 18px;
    background-color: #516fb5;
    width: 96%;
    margin: 0 auto 6px;
    border-radius: 10px;
}
.top_g_menu .menu a .mail_stock {
    font-weight: bold;
    color: #fff;
    background-color: #f00;
    font-size: 15px;
    width: 24px;
    border-radius: 20px;
    letter-spacing: -1px;
    height: 24px;
    display: inline-block;
    padding: 3px 4px 1px 1px;
    position: absolute;
    top: 0px;
    right: 3px;
    border: 1px solid #fff;
}
  
/* /////////////////////////// */
#top_display .blogTitleBox {
    padding: 10px 12px;
    background-color:#f3f3f3;
 }
#top_display .blogTitle {
    margin: 40px auto 0px;
    font-size: 20px;
    line-height: 1.4;
    color:#333;
    width: 95%;
}
#top_display .blogTitle:first-child {
        margin: 20px auto 0px;
}
#top_display .blogAccessCount {
    padding: 2px 0 1px 20px;
    font-size: 13px;
    line-height: 1.4;
    color: #000;
}
#top_display .bac1 {
    background: url("../img/icon/min/clock_icon.gif") left center no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
}
#top_display .bac2 {
    background: url("../img/icon/min/clock_icon.gif") left center no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
}
#top_display .bac3 {
    background: url("../img/icon/min/yen_ico.gif") left center no-repeat;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px 13px;
    background-size: 13px 13px;
}
#top_display .bac4 {
    background: url("../img/icon/min/repeat_icon.gif") left center no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
}
#top_display .blogAccessCount dt {
    font-weight: bold;
}
#top_display .blogAccessCount dt, .blogAccessCount dd, .blogAccessCount ul, .blogAccessCount li {
    display: inline;
}
#top_display .blogAccessCount li {
    margin-right: 5px;
    font-weight: bold;
}
#top_display .blogAccessCount li span {
    font-weight: normal;
    font-size:14px; 
}

/* /////////////////////////// */
#top_display .notice {
    background-color: #fffbfb;
    border: 1px solid #eb5d5d;
    padding: 10px 15px;
    box-sizing: border-box;
    display: block;
    width: 95%;
    color: #333;
    border-radius: 20px;
    margin: 15px auto;
    line-height: 19px;
    font-size: 15px;
}
#top_display .notice dl dt span {
    font-weight: bold;
    color: #ff0000;
}
@keyframes flash {
  0% { opacity: 1;}
  95% { opacity: 0; }
  100% { opacity: 1; }
}

#top_display .oshirase {
}
.notice .taiki_end_sub {
    background-color: #ef4f4f;
    padding: 5px 0;
    display: block;
    width: 80%;
    margin: 0 auto;
    color: #fff;
    border-radius: 30px;
}
#top_display .taiki_line_off {
    font-size: 14px;
    background-color: #4a80c9;
    padding: 5px 7px;
    display: block;
    width: fit-content;
    margin-top: 7px;
    color: #fff;
}

#top_display .notice .info_mado {
    width: 95%;
    margin: 15px auto;
    line-height: 23px;
    font-size:14px;
    font-weight:normal;
}
#top_display .over_time {
    border: 1px solid #ef4f50;
    text-align: center;
    margin: 25px auto;
    width: 95%;
    border-radius: 10px;
    background-color: #fffbfa;
}
#top_display .over_time img {
    display: inline-block;
    width: 43px;
    margin-top: -19px;
    margin-bottom: 5px;
}
#top_display .over_time p {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
}
#top_display .over_time p a {
    color: #ec5b64;
    font-weight: bold;
    font-size: 17px;
}

/* /////////////////////////// */
#top_display .taiki_bt {
    text-align: center;
    padding: 40px 0;
    margin: 0 auto;
}
#top_display .start {
    background-color: #f7f7f7;
    width: 100%;
    margin: 0 auto;
}
#top_display .end {
    background-color: #f7f7f7;
    padding-top: 20px;
    width: 100%;
}
#top_display .ichiri_bg {
    background-color: #ffff80;
}
#top_display .status {
    font-size: 17px;
    font-weight: bold;
    width: 90%;
    max-width: 400px;
    padding: 0;
    margin: 0 auto;
}

#top_display .start .status {
    color: #ff0000;
}
#top_display .status .kuro {
    color: #000;
}
#top_display .end .status {
    color: #ff0000;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}
#top_display .ichiri_bg .status {
        color: #ff0000;
}

/* 鑑定中 */
#top_display .talking {
    width: 95%;
    margin: 10px auto 10px;
    background-color: #fff;
    padding: 10px;
    border: 3px double #ff0000;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
}
#top_display .status_talking {
    font-size: 17px;
    color: #f00;
    font-weight: bold;
}
#top_display .talking .cli_name {
    font-size: 16px;
}
#top_display .talking .cli_name a {
color: #3200e7;
}
#top_display .talking .cli_name .oboe {
    background-color: #ededed;
    color: #333;
    text-decoration: none;
    padding: 3px 10px;
    border: 1px solid #696969;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    box-shadow: 0px 0.5px 0px #a2abaa;
    margin: 0;
}

#top_display .talking table {
    width: 100%;
}
#top_display .talking table td {
    text-align: center;
}
#top_display .talking table td a {
    background-color: #ededed;
    color: #333;
    text-decoration: none;
    padding: 3px 0px;
    border: 1px solid #696969;
    border-radius: 3px;
    width: 90%;
    display: inline-block;
    font-size: 13px;
    box-shadow: 0px 0.5px 0px #a2abaa;
}

#top_display .taiki_bt .bt_def {
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    color: #FFF;
    letter-spacing: 3px;
    border: none;
    font-size: 22px;
}
#top_display .taiki_bt .taiki {
    background-image: linear-gradient(4deg, #2d65b6 16%, #6ca3e2 100%);
    background-color: #2766c2;
    color: #fff;
    margin: 20px auto 10px;
    padding: 1.2em 0;
    width: 90%;
    max-width: 400px;
    border: 1px solid #6b6b6b;
}
#top_display .taiki_bt .taiki_end {
    background-image: linear-gradient(4deg, #f75e5e 16%, #f4957a 110%);
    background-color: #f75e5e;
    color: #fff;
    margin: 15px auto ;
    width: 90%;
    max-width: 600px;
    padding: 1em 0;
}
#top_display .taiki_bt .taiki_ichiri {
    background-color: #ffffff;
    margin: 15px auto;
    width: 90%;
    max-width: 600px;
    padding: 1.1em 0;
    letter-spacing: 1px;
    color: #ef4f50;
    border: 2px solid #ef4f50;
    }

#top_display .taiki_bt .riseki_taiki {
    background-image: linear-gradient(1deg, #ffcf42 16%, #faed84 100%);
    background-color: #ffdb6f;
    display: block;
    margin: 10px auto 0;
    font-size: 18px;
    text-decoration: none;
    border: 1px solid #6b6b6b;
    width: 80%;
    max-width: 350px;
    color: #333;
    border-radius: 2px;
    padding: 20px 0;
    font-weight: bold;
}

#top_display .taiki_bt .taiki_end_sub {
    display: block;
    margin: 0px  auto;
    font-size: 15px;
    background: none;
    border: none;
    color: #333333;
    }
    #top_display .taiki_bt .bt_order {
    display: inline-block;
    margin: 0 auto;
    font-size: 15px;
    text-decoration: underline;
    background: none;
    border: none;
    color: #333333;
}

#top_display .taiki_en_ichiri {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#top_display .taiki_en_ichiri .td {
    width: 47%;
}
#top_display .taiki_en_ichiri .td .ichiri_in {
    background-color: #ededed;
    color: #333;
    text-decoration: none;
    padding: 10px 0px;
    border: 1px solid #696969;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    box-shadow: 0px 0.5px 0px #a2abaa;
    margin: 0 auto;
    text-align: center;
}
#top_display .taiki_en_ichiri .td .ichiri_out {
    background-color: #ededed;
    color: #333;
    text-decoration: none;
    text-align: center;
    padding: 10px 0px;
    border: 1px solid #696969;
    border-radius: 3px;
    width: 90%;
    font-size: 14px;
    box-shadow: 0px 0.5px 0px #a2abaa;
    font-weight: bold;
    display: inline-block;
}



#top_display .taiki_menu_box {
    width: 90%;
    max-width: 600px;
    margin: 5px auto 0;
    display: flex;
    justify-content: space-between;
}

#top_display .taiki_menu_list {   width: 47%; }
#top_display .taiki_menu_box .right { text-align: right;}
#top_display .taiki_menu_box .left { /*text-align: left; position: relative;*/}
#top_display .taiki_end_sub {
    font-size: 15px;
    color: #333333;
    text-decoration: none;
    line-height: 18px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 3px;
    padding: 15px 10px;
    width: 100%;
    box-sizing: border-box;
}
#top_display .left .green {
    border: 1px solid #2a911e;
    background-color: #fff;
    box-shadow: 0 1px 0 #2a911e;
    color: #333;
}
#top_display .left .jn_red {
    border: 1px solid #d55a55;
    background-color: #fff;
    box-shadow: 0 1px 0 #d55a55;
    color: #d55a55;
}

#top_display .left span {
    color: #fff;
    font-size: 13px;
    display: inline-block;
}
#top_display .taiki_menu_list .stop {
    background-color: #d55a55;
display: block;
margin-bottom: 5px;
}
#top_display .taiki_menu_list .open {
    background-color: #2a911e;
display: block;
margin-bottom: 5px;
}

#top_display .taiki_menu_list .taiki_end_sub.line {
    text-align: center;
    box-shadow: 0px 1px 0px #2f57b5;
    border: 1px solid #3f65be;
    color: #3f65be;
    background-color: #fff;
}
#top_display .taiki_menu_list .taiki_end_sub.line .fa-user-group {
        display: block;
        margin-bottom: 5px;
    font-size: 18px;
}
#top_display .taiki_menu_list .taiki_end_sub .line:before {
content: "\f500";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    line-height: 0;
    left: 10px;
}


#top_display .taiki_bt .temp_riseki {
    background-color: #f7f7ef;
    padding: 10px 0 10px 30px;
    color: #fd4949;
    margin: 0 auto;
    text-align: left;
}
#top_display .taiki_bt .temp_riseki .icon_triangle {
    margin-left:5px;
}
#top_display .taiki_bt .temp_riseki span {
    margin-right: 10px;
    font-weight: bold;
}
#top_display .taiki_bt .order_list_popup {
    background-color: #fff;
    width: 90%;
    height: 70%;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: rgb(118, 118, 118) 0px 7px 14px;
}
#top_display figure:target #overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 15px;
    padding: 0 0px;
}
#top_display .order_list_title {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
#top_display .order_list .list {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    line-height: 18px;
    position: relative;
    text-align:left;
}
#top_display .order_list li a {
    position: absolute;
    right: 5px;
    bottom: 9px;
    text-decoration: none;
    padding: 3px 6px;
    color: #fff;
    border-radius: 2px;
}
.reserve_1 { color:green;}
.reserve_2 { color:orange;}
.reserve_3 { color:purple;}
.reserve_4 { color:blue;}
.reserve_5 { color:red;}


#top_display .order_list li a.now_talking {background-color: #5ea758;}
#top_display .order_list li a.al_recep {background-color: #eb9b33;}

#top_display .user_line {
    background-color: #f9ffad;
    padding: 10px;
    font-size: 12px;
    line-height: 17px;
}
#top_display .user_line .caut {
    background-color: #dc1616;
    color: #fff;
    padding: 3px;
}
#top_display .user_line span  {
    font-weight: bold;
    color: #dc1616;
}


/* =============================================================================
    待機のLightbox風 css
========================================================================== */
figure{
  margin: 0;
  display: none;
}
figure:target{
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  animation: fadein .1s;
}
figure:target #overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 15px;
    padding: 0 0px;
}
/* 待機終了時間設定の背景 */
/* 通常待機 */figcaption.settime_bg1 {    background-color: #fff;}
/* 離席待機 */figcaption.settime_bg2 {    background-color: #fff5a2;}
/* 待機延長 */ figcaption.settime_bg3 {    background-color: #fff;}

figcaption.taiki_end_popup {
    width: 90%;
    max-width: 500px;
    border-radius: 10px;
    box-shadow: rgb(118, 118, 118) 0px 7px 14px;
    border: 1px solid #828282;
    padding: 30px 0;
    text-align: center;
}
@keyframes fadein{
  0%{
    transform: scale(0.2);
    opacity: 0.2;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}
/* ここまで */
#top_display .taiki_bt .select_time select {
    font-size: 22px;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
}
#top_display .taiki_bt .select_time {
    margin: 10px auto;
    font-size: 16px;
}
#top_display .taiki_bt .taiki_start {
    display: block;
    margin: 20px auto;
    border: 1px solid #484848;
    padding: 15px 30px;
    border-radius: 3px;
    box-shadow: rgb(63 63 63) 0px 2px 4px;
    font-size: 18px;
    color: #333;
    background-color: #e9e9e9;
}





#top_display .info {
    width: 95%;
    margin: 0 auto;
}
#top_display .info p { margin-top: 3px;}
#top_display .info_T {
    background: url(../img/icon/min/info_icon.png) no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 17px 17px;
    padding: 3px 0 1px 22px;
    color: #1366aa;
    border-bottom: 3px double #1366aa;
    background-position: 1px 5px;
    font-size: 16px;
    font-weight:bold;
}

.top_g_menu .g_icon01 {background-image:url(../img/icon/g_menu1.gif);}
.top_g_menu .g_icon02 {background-image:url(../img/icon/g_menu2.gif);}
.top_g_menu .g_icon03 {background-image:url(../img/icon/g_menu3.gif);}
.top_g_menu .g_icon04 {background-image:url(../img/icon/g_menu4.gif);}
.top_g_menu .g_icon05 {background-image:url(../img/icon/g_menu5.gif);}
.top_g_menu .g_icon06 {background-image:url(../img/icon/g_menu6.gif);}
.top_g_menu .g_icon07 {background-image:url(../img/icon/g_menu7.gif);}

/* /////////////////////////// */

@media print, (min-width: 768px) {
#globalLogo {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
}
#globalLogo img.feel_logo {    width: 250px;}
#globalMenu {    padding: 20px 18px 0 0;}
#globalMenu a {    width: 32px;}
#top_display .notice {    margin: 25px auto;}
#top_display .teller_data_box {
    padding: 20px 0;
}
#top_display .teller_data {    width: 85%;}
#top_display .taiki_bt {    padding: 35px 0; width: 95%;}
#top_display .top_g_menu { width: 95%;}
#top_display .top_g_menu .menu a {
    display: block;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center 18px;
    background-size: 42px;
    padding: 55px 0 25px;
    text-decoration: none;
    font-size: 18px;
    background-color: #4c6fc1;
    width: 95%;
    margin: 0 auto 10px;
    border-radius: 10px;
}
#top_display .top_g_menu .menu a .mail_stock {
    font-size: 17px;
    width: 26px;
    height: 26px;
    right: 10px;
    border: 2px solid #fff;
}
#top_display .taiki_end_sub {
    padding: 25px 10px;
}
}



/* /////////////////////////////// */
/* /////////// 設定 /////////// */
/* /////////////////////////////// */
#setting {

}
#setting dl {
    padding: 10px;
}
#setting dl dt {
    font-size: 18px;
    font-weight: bold;
    clear: both;
    background-color: #f3f3f3;
    margin: 10px auto;
    padding: 5px;
}
#setting dl dd {
    text-align:right;
    margin-bottom: 40px;
}
#setting dl dd p {
    color: #ff0000;
    font-size: 14px;
    letter-spacing: 0px;
    margin-top: 4px;
    font-weight: bold;
    }
#setting #accept_tel_num {
    padding: 6px;
    font-size: 19px;
    border: 1px solid #5b5b5b;
    border-radius: 1px;
    margin-right: 10px;
    width: 50%;
    font-weight: normal;
}

#setting #bt {
    -webkit-appearance: none;
    border-radius: 0px;
    border: 0px;
    background-color: #3282d4;
    color: #fff;
    padding: 4px 10px;
    /* float: right;*/
    font-size: 17px;
}

#setting .talk_ng {
    margin: 0 auto;
}
#setting .talk_ng p {
    color: #333;
    font-weight: normal;
    width: 100%;
    text-align: left;
    margin-top: 0;
    font-size: 13px;
}
#setting .talk_ng_input {
    display: inline-block;
    width: 90%;
    padding: 3px 5px;
    font-size: 16px;
    border: 1px solid #5b5b5b;
    border-radius: 1px;
    margin: 0 0 10px 0;
    font-weight: normal;
}
#setting .talk_ng_submit {
    color: #fff;
    background-color: #333;
    border: none;
    padding: 5px 10px;
    border-radius: 0;
}
#setting .talk_ng .talk_ng_list {
    background-color: #f9dfdf;
    margin-top: 10px;
    padding: 5px 10px;
}
#setting .talk_ng .talk_ng_list dt {
    background: none;
    text-align: left;
    font-size: 13px;
    color: #f00;
    margin: 0 auto;
    padding: 0;
}
#setting .talk_ng .talk_ng_list dd {
    margin: 0;
    font-size: 14px;
}

/* /////////////////////////// */
#sample {    display: flow-root;}
#sample input {
    display: none;
}
#sample label{
    display: block;
    float: right;
    cursor: pointer;
    width: 95px;
    margin: 0;
    padding: 4px 4px;
    background: #efefef;
    color: #989898;
    font-size: 17px;
    text-align: center;
}

#sample input[type="radio"]:checked + .switch-on {
    background-color: #3281d4;
    color: #fff;
}
#sample input[type="radio"]:checked + .switch-off {
    background-color: #de5252;
    color: #fff;
}

/* /////////////////////////// */
#setting ul {    padding: 10px 15px; font-size: 17px; margin-bottom:10px;}
#setting ul .list_yt {
    margin-bottom: 3px;
    background-image: url(../img/icon/yt_icon_mini.png);
    background-repeat: no-repeat;
    background-size: 15px;
    list-style: none;
    padding: 0px 0 0 22px;
    background-position: left center;
}
#setting ul li a {   color: #333;}

/* 窓口連絡先 */
#setting .info ul li {
    text-align: left;
    margin-bottom: 5px;
}
#setting .info ul li a {
    margin-left: 10px;
}

@media print, (min-width: 768px) {
#setting dl dt {    padding: 10px;}
#setting dl dd {    margin-bottom: 65px;}
#setting dl dd p { font-size: 17px; }
#setting ul {    margin-bottom: 65px;}

}


/* /////////////////////////////// */
/*       依頼者情報　　 */
/* /////////////////////////////// */
#user_info { }
#user_info table {
    margin: 10px auto 0;
    font-size: 16px;
    width: 100%;
}
#user_info table tr.date { background-color:#e8f5ff;}
#user_info table td {
    border:1px solid #000;
    padding: 5px;
}
#user_info dl {
    padding: 10px;
}
#user_info dl dt {
    font-size: 18px;
    font-weight: bold;
    clear: both;
    background-color: #f3f3f3;
    margin: 10px auto 5px;
    padding: 6px;
    border-top: 1px solid #ddd;
}
#user_info dl dd {
    margin-bottom: 25px;
    padding-left:3px;
    
}
#user_info dl dd .send_mail {    background-color: #def1ff;}
#user_info dl dd .receive_mail {    background-color: #fff8d1;}

#user_info .talk_start_time {
    text-align: center;
    font-size: 16px;
    line-height: 17px;
    background-color: #f3f3f3;
    margin: 10px 10px 0;
    padding: 5px;
}
#user_info .talk_start_time .start_time {
    display: inline-block;
    width: 48%;
    padding: 3px 0;
}
#user_info .talk_start_time .talk_time {
    background-color: #fff;
    display: inline-block;
    margin: 0px auto 0;
    width: 48%;
    padding: 10px 0px;
}
#user_info .all_talk_hist {
    text-align: right;
    padding: 0 5px;
    margin-top: 5px;
}
#user_info .all_talk_hist a {
    text-decoration: underline;
    color: #3788cc;
}

@media print, (min-width: 768px) {
#user_info dl dd {
    margin-bottom: 50px;
    padding-left: 15px;
}
}

/* ///////////////////////////// */
/* 依頼者情報の覚書 */
/* ///////////////////////////// */
.tomemo {
    text-align: center;
    margin: 15px auto 0;
}
.tomemo a {
    text-decoration: none;
    color: #fff;
    background-color: #1f7ac9;
    padding: 5px 20px;
    border-radius: 2px;
    font-size: 18px;
    width: 50%;
    display: block;
    margin: 0 auto;
}
#user_memo {
}
#user_memo table {
    width: 95%;
    margin: 0 auto;
    font-size: 16px;
}
#user_memo table th {
    border: 1px solid #ccc;
 /*   color:#666; */
    width:26%;
}
#user_memo table td { border: 1px solid #ccc; padding: 5px; }
#user_memo table td span { font-size: 14px;color:#e95464;}
#user_memo table td .key_input { width:100%; padding:5px; border:1px solid #7a7a7a; font-size: 16px;}
#user_memo table td .data_input {
    width: 45%;
    padding: 5px;
    border: 1px solid #7a7a7a;
    font-size: 16px;
}
#user_memo .alignC { width:90%; margin:0 auto;}
#user_memo .btSubmit {
    padding: 5px 15px;
    font-size: 18px;
    background-color: #599bd4;
    margin: 7px auto 0;
    color: #fff;
    border: none;
    border-radius: 2px;
    display: inline-block;
}
#user_memo .search .txt_bx {
    width: 100%;
    padding: 5px;
    border: 1px solid #7a7a7a;
    font-size: 16px;
}



#user_memo h3 {
}

#user_memo .memo_table {
    margin: 10px auto 60px;
    width: 100%;
}
#user_memo .memo_table .ko_moku {
    font-weight: bold;
    width: 95%;
    margin: 0 auto;
}
#user_memo .memo_head {
/*    background-image: url(../img/bg_stripe_gray.gif); 
    border-bottom: 1px solid #ccc; */
    margin-bottom: 6px;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    line-height: 100%;
    background-color: #d2dfff;
    font-size: 18px;
}
#user_memo .memo_table .textarea {
    width: 95%;
    margin: 0 auto 6px;
    display: block;
    border-radius: 2px;
    font-size: 16px;
    padding:5px;
    border: 1px solid #767676;
}
#user_memo .memo_table .memoSubmit {
    margin: 5px auto 10px;
    display: block;
    padding: 3px 25px;
    border: 1px solid #666;
    box-shadow: 0px 1px 0px #7e7e7e;
    font-size: 18px;
    background-color:#f6f6f6;
    color:#000;
}
#user_memo .memo_table .last_update { font-size:13px; padding-right:3px;line-height:100%;margin-top:1px;color:#aa8800;}

@media print, (min-width: 768px) {
#user_memo .memo_table {    width: 95%;}
#user_memo table td { padding: 20px 5px;}
}

/* /////////////////////////////// */
/*         給与明細　 　 */
/* /////////////////////////////// */
#reward {
}
#reward table {
    width: 95%;
    margin: 0 auto;
    font-size: 16px;
    color:#474545;
}
#reward table input {
    font-size: 16px;
    padding: 5px 0;
    line-height: 100%;
    width: 80%;
    background-color: #f6f6f6;
    color: #000;
    border: 1px solid #333;
}
#reward table td {  border:1px solid #ccc; padding: 10px 5px;}
#reward table td.re_detail {  text-align:center; }
#reward .table_head {
    background-color: #f3f3f3;
    text-align:center;
    font-weight:bold;
}
#reward .detail_table td a {     color:#474545;}

#reward h3 {
}
#reward h3 a {    color: #e95563;}


/* 給与詳細ページ（日毎） */
#reward table.detail_table { width:95%;}
#reward table.detail_table td {
    line-height: 100%;
    padding: 9px 5px;
}
#reward table.detail_table .reward_y {
    text-align: right;
    font-weight: bold;
}
#reward .reward_total {
    margin: 20px auto;
    text-align: right;
    width: 95%;
    font-size: 19px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
#reward .reward_total span {
    color: #E95464;
    font-size: 140%;
}


/* ////////////// */
/* ログイン */
/* ////////////// */
#login .login_form h2 {
    background-image: url(../img/login/login_logo.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 280px;
    text-indent: -9999;
    height: 62px;
}
#login .login_form {
    margin: 40px auto;
    width:90%;
    max-width: 600px;
}
#login .login_form dl {
    background-color: #ebebeb;
    border-radius: 7px;
    padding: 30px;
}
#login .login_form dl dt {
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 6px;
    font-weight: bold;
}
#login .login_form dl dd {
    font-size: 18px;
    box-sizing: border-box;
    border: solid 1px #b8b9b6;
    border-radius: 3px;
    background-color: #fff;
    display: block;
    margin-bottom:14px;
}

#login .login_form dl dd input {
    box-sizing: border-box;
    padding: 21px 10px;
    width: 100%;
    height: 21px;
    border: 0;
    font-size: 1.125em;
    box-shadow: 0px 1px 2px #e5e5e5 inset;
    outline: none;
}
#login .login_form dl dd.error_message {
    color: #ff6665;
    border: 1px solid #ff6665;
    padding: 5px;
    font-size: 12px;
}
#login .login_form dl dd.error_message a {
    color: #000;
}

#login .login_form .bt_login {
    display: block;
    margin: 25px auto 0;
    border: none;
    width: 80%;
    height: 50px;
    font-size: 17px;
    background-color: #567edb;
    color: #fff;
}



/* ////////////////////////////////////// */
/* ////// 時間外鑑定依頼 ///// */
/* ////////////////////////////////////// */
#request {
}
#request .req_table {
    margin: 30px auto 0;
    width: 90%;
}
#request .req_table .item { background-color:#f7f7f7; font-weight: bold; text-align: center; }
#request .req_table .item_R { text-align: center;}
#request .req_table td {
    border: 1px solid #ccc;
    padding: 6px;
}
#request ul {
    margin: 0 auto;
    width: 90%;
    border-bottom: 2px dashed #555;
    padding: 20px 0;
}
#request ul li {
    text-align:center;
    display: inline-block;
    width: calc((100% - 20px) / 3);

font-family: 'Glyphicons Halflings';
}
#request ul li button {
    color:#fff;
    width: 90%;
    padding: 5px 0;
    border-radius: 3px;
    font-size: 18px;
}

#request ul li button.reject { background-color: #c85d55;border: 1px solid #c44b42;}
#request ul li button.change { background-color: #ebaf59;border: 1px solid #e2a552;}
#request ul li button.accept { background-color: #70b864;border: 1px solid #67ad57;}


/* ////////////////////////////////////// */
/* ///////// メール鑑定 ///////// */
/* ////////////////////////////////////// */
#mail {
}
#mail .mth td {
    background-color: #f3f3f3;
    text-align: center;
    font-weight: bold;
    line-height: 18px;
    padding: 15px 10px;
}
#mail table {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
}
#mail table tr {
    border-bottom: 1px solid #ccc;
}
#mail table td {
/*    border: 1px solid #ccc; */
    padding: 15px 5px 5px;
    line-height: 15px;
    text-align: center;
}
#mail table td a {
    color: #333;
    font-weight: bold;
}
#mail table .red {
    color: #fff;
    font-weight: bold;
    background-color: #e95464;
    width: 100%;
    display: block;
    line-height: 23px;
}
#mail .mailed {
    font-size: 18px;
}

.pageList {
    text-align: center;
    font-size: 16px;
    margin: 25px auto 5px;
    display: flex;
    justify-content: space-around;
    max-width: 600px;
}
.pageList .num {
    color: #474545;
}
.pageList .now_page {
    color:#E95464;
    font-weight:bold;
}

/* メール送信完了した時用 */
#mail .send_end {
    border: 2px solid #e95563;
    width: 70%;
    margin: 25px auto 0;
    padding: 10px 0;
    text-align: center;
    color: #e95563;
    font-weight: bold;
}

/* 一覧メモ */
#mail table td.m_list_memo {
    padding: 5px 10px 13px;
    text-align: left;
    font-size: 13px;
}
#mail table td.m_list_memo span {
    font-weight:bold;
}

/* ///////////////////////////////////////////// */
/* ///////// メール返信画面 ///////// */
/* ///////////////////////////////////////////// */
#mail_reply {
}
#mail_reply table td a { color:#474545;}
#mail_reply .back {
    width: 95%;
    margin: 15px auto 0;
    padding: 5px;
    box-sizing: border-box;
    font-size: 18px;
}
#mail_reply .back a {
    color:#345fc1;
    font-weight: bold;
}
#mail_reply .left_cell {
    background-color: #f3f3f3;
    text-align: center;
    font-weight: bold;
    line-height: 18px;
}
#mail_reply table {
    width: 95%;
    margin: 0 auto;
    font-size: 18px;
    color: #474545;
}
#mail_reply table td {
    border: 1px solid #ccc;
    padding: 15px 5px;
    line-height: 15px;
}
#mail_reply .show_mail {
    width: 95%;
    margin: 20px auto;
}
#mail_reply .show_mail .mail_title {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding: 0 5px;
    color:#474545;
}
#mail_reply .show_mail .mail_body {
    padding: 5px;
}
#mail_reply .show_mail .mail_body p {
    line-height: 22px;
}
#mail_reply #inq_form dl {
    width: 95%;
    margin: 0 auto;
}
#mail_reply #inq_form .text-input {
    width: 100%;
    box-shadow: 1px 1px 1px 0px #8d8d8d inset;
    border-radius: 2px;
    padding: 5px;
    background-color: #fffdf2;
    border: 1px solid #a2a2a2;
    font-size: 16px;
    height: 40px;
}
#mail_reply #inq_form dt {
    font-weight: bold;
    color: #474545;
    margin-top: 10px;
    font-size: 18px;
}
#mail_reply .rep_title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 4px 0;
    width: 95%;
    margin: 0 auto 10px;
}
#mail_reply .al_send {    background-color: #9e78a3;}
#mail_reply .send_yet {    background-color: #78a37a;}

#mail_reply .mail_send_bt {
    margin-top: 20px;
    text-align: center;
}
#mail_reply .mail_send_bt input {
    padding: 5px 25px;
    border: 1px solid #828282;
    background-color: #9e78a4;
    border-radius: 2px;
    font-size: 18px;
    color: #fff;
}


#mail_reply #inq_form .text-input_yt {
    width: 100%;
    padding: 10px;
    background-color: #f7f7f7;
    border: none;
    font-size: 16px;
}

/* メールメモ */
#mail_reply .mail_memo {
    width: 95%;
    margin: 30px auto 0;
}
#mail_reply .memo_title {
    font-weight: bold;
    background-color: #efefef;
    padding: 0px 5px;
}
#mail_reply .chui {
    color:#ff0000;
    font-size:12px;
}
#mail_reply .memo_con {
    margin: 5px 0;
}
#mail_reply .memo_go input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #333;
}

/* メール鑑定確認画面 ページは異なるが親idは一緒 */
#mail_reply #inq_form dd.chk {
    padding: 5px;
    background-color: #fffdf2;
}
#mail_reply .chk_mes {
    margin: 30px auto;
    text-align: center;
    color: #6a3270;
    font-weight: bold;
}
#mail_reply .mail_rewrite {
    text-align: center;
    margin-top: 30px;
}
#mail_reply .mail_rewrite a { color:#333;}

@media print, (min-width: 768px) {
#mail_reply table td {
    padding: 25px 10px;
}
#mail_reply .show_mail .mail_title {
    font-size: 19px;
}
#mail_reply .show_mail {
    margin: 40px auto;
}
#mail_reply .rep_title {
    font-size: 19px;
    padding: 10px 0;
}
#mail_reply #inq_form dt {
    margin-top: 20px;
    font-size: 19px;
}
#mail_reply #inq_form .text-input_yt {
    padding: 10px;
}
}



/* ///////////////////////// */
/* //// 会員検索 //// */
/* ///////////////////////// */
#user_search h3 {
}
#user_search .search {
    width: 95%;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    background-color: #ebebeb;
}
#user_search .search .search_key {
    width: 100%;
    padding: 8px 5px;
    border: 1px solid #7a7a7a;
}
 #user_search .btSubmit {
    padding: 2px 13px;
    font-size: 14px;
    background-color: #599bd4;
    margin: 5px auto 0;
    color: #fff;
    border: none;
    border-radius: 0;
    width: 100%;
}

/* ///////////////////////// */
/* //// 給与明細 //// */
/* ///////////////////////// */

#talk_data {
}
#talk_data h2 { margin-bottom:  30px;}
#talk_data table {
    width: 90%;
    margin: 0 auto 20px;
}
#talk_data table td {
    background-color: #fbfbfb;
}
#talk_data table .left {
    border: 1px solid #b3b3b3;
    border-right: none;
    padding: 10px 0 10px 9px;
    font-size: 16px;
}
#talk_data table .right {
    border: 1px solid #b3b3b3;
    border-left: none;
    text-align: right;
    font-size: 16px;
    padding: 9px 10px 9px 0;
} 
#talk_data table .paysli_id { font-size: 12px;}
#talk_data h3 {
}
#talk_data h4 {
    margin: 20px auto 0px;
    width: 90%;
    color: #345fc1;
    font-size: 18px;
    padding: 0px 0 0px 6px;
    box-sizing: border-box;
}
#talk_data .term {
    width: 90%;
    margin: 0 auto 15px;
}
#talk_data .term .bt_order {
    text-decoration: underline;
    font-size: 16px;
}
#talk_data .order_list_title {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-bottom: 10px;
}
#talk_data dl { padding:15px 0;}
#talk_data dl dt { 
    border-bottom: 1px dotted #345fc1;
    font-weight: bold;
    color: #345fc1;
}
#talk_data dl dd { margin: 2px auto 20px;}
#talk_data .close { 
    font-weight:bold;
    text-decoration:underline;
}
#talk_data .mess {
    width: 85%;
    margin: 0 auto;
    border: 1px solid #b3b3b3;
    padding: 6px;
    box-sizing: border-box;
}
#talk_data .caut {
    width: 90%;
    margin: 0 auto 15px;
    font-size: 12px;
    line-height: 15px;
}
#talk_data .office_info {
    width: 90%;
    margin: 20px auto;
    font-size: 14px;
    line-height: 17px;
    padding-left: 11px;
    box-sizing: border-box;
    border-left: 3px solid #345fc1;
}

/* 鑑定データ */
#talk_data .data_detail { width: 90%; margin: 0 auto 20px;}
#talk_data .data_detail li {
    background-color: #fbfbfb;
    border-top: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    padding: 10px;
    line-height: 17px;
    font-size: 17px;
}
#talk_data .data_detail li:last-child {
    border-bottom: 1px solid #b3b3b3;
}
#talk_data .data_detail li .this_mth {
    display: flex;
    justify-content: space-between;
}
#talk_data .data_detail li .data_last_month {
    text-align: right;
    font-size: 12px;
}



@media print, (min-width: 768px) {
#talk_data table { margin: 0 auto 40px;}
#talk_data table .right {    padding: 15px 20px 15px 0;}
#talk_data table .left {    padding: 15px 0 15px 20px;}
}


  /* //////////////////////////////////// */
 /* ///////// 鑑定履歴 ////////// */
/* /////////////////////////////////// */
#search {
}
#search h3 {
}
#search .latest_history {
    width:95%;
    margin:0 auto;
}
#search .history_list {
    padding-bottom: 40px;
    line-height: 18px;
}
#search .history_list .left_info {
    margin-bottom: 15px;
}
#search .history_list:nth-child(even) {
/*    background-color:#f7f7f7; */
}
#search .right_actions {
    display: flex;
    justify-content: space-around;
}
#search .right_actions .history_bt {
text-decoration: none;
    color: #333;
    padding: 10px 0px;
    border-radius: 2px;
    display: inline-block;
    width: 40%;
    text-align: center;
}
#search .right_actions .bt_follow {
    border: 1px solid #333;
    background-color: #f6f6f6;
}
#search .right_actions .bt_follow_done {
    color: #fff;
    background-color: #9f9f9f;
}

#search .right_actions .bt_userinfo {
}
#search .left_info .data {
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #e8e8e8;
    padding: 3px 5px;
    border-top: 1px solid #333;
}
#search .left_info .name {
    font-weight: bold;
    font-size: 17px;
    padding-left: 5px;
}
#search .left_info .name a { font-weight:normal; color: #333;}

@media print, (min-width: 768px) {
#search .left_info .data {
    padding: 5px 10px;
}
#search .left_info .name {
    font-size: 18px;
    padding-left: 10px;
}
#search .right_actions .history_bt {
    padding: 15px 0;
    width: 30%;
}
}
/* /////////////////////////////////////////////////////////////// */
/* ///////////////////フォローメール/////////////////// */
/* /////////////////////////////////////////////////////////////// */

#follow_mail {
}
#follow_mail table td a { color:#474545;}
#follow_mail .back {
    width: 95%;
    margin: 15px auto 0;
    padding: 5px;
    box-sizing: border-box;
    font-size: 18px;
}
#follow_mail .back a {
    color:#345fc1;
    font-weight: bold;
}
#follow_mail .left_cell {
    background-color: #f3f3f3;
    text-align: center;
    font-weight: bold;
    line-height: 18px;
    width: 20%;
}
#follow_mail table {
    width: 90%;
    margin: 0px auto 40px;
    color: #474545;
}
#follow_mail table td {
    border: 1px solid #ccc;
    padding: 15px 5px;
    line-height: 15px;
}

#follow_mail #inq_form dl {
    width: 95%;
    margin: 0 auto;
}
#follow_mail #inq_form .text-input {
    width: 100%;
    box-shadow: 1px 1px 1px 0px #8d8d8d inset;
    border-radius: 2px;
    padding: 5px;
    background-color: #fffdf2;
    border: 1px solid #ededed;
    font-size: 16px;
    height: 40px;
}
#follow_mail #inq_form dt {
    font-weight: bold;
    color: #474545;
    margin-top: 10px;
}
#follow_mail .rep_title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #ba1c1c;
    padding: 4px 0;
    width: 90%;
    margin: 30px auto 10px;
}
#follow_mail .mail_send_bt {
    margin-top: 20px;
    text-align: center;
}
#follow_mail .mail_send_bt input {
    padding: 10px 25px;
    border: 1px solid #828282;
    background-color: #efefef;
    border-radius: 2px;
    font-size: 18px;
    color: #333;
}

/* メール鑑定確認画面 ページは異なるが親idは一緒 */
#follow_mail #inq_form dd.chk {
    padding: 5px;
    background-color: #fffdf2;
}
#follow_mail .chk_mes {
    margin: 30px auto;
    text-align: center;
    color: #eb3058;
    font-weight: bold;
    font-size: 18px;
}
#follow_mail .mail_rewrite {
    text-align: center;
    margin-top: 30px;
}
#follow_mail .mail_rewrite a { color:#333;}

@media print, (min-width: 768px) {
#follow_mail #inq_form dd.chk {
    padding: 10px;
}
}

/* /////////////////////////////////////////////////////////// */
/* ///////////////////スケジュール/////////////////// */
/* /////////////////////////////////////////////////////////// */

#schedule select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
}
#schedule h3 {
}
#schedule h3.chng {
    color: #3c8249;
    border-left: 3px solid #3d8249;
    }
#schedule h4 {
    margin: 20px auto 0px;
    width: 85%;
    color: #345fc1;
    font-size: 15px;
    padding: 0px 0 0px 6px;
    box-sizing: border-box;
}
#schedule .fixed_sche {
    width: 100%;
}
#schedule table .yobi {
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    height: 100px;
    }
#schedule table .time {    text-align: right; padding: 5px 5px 5px 0;}
#schedule table tr {    border-bottom: 1px solid #a5a5a5;}
#schedule table .bg_color_odd:nth-child(odd) {    background-color: #eff4ff;}
#schedule table .bg_color_chng:nth-child(odd) {    background-color: #eef5f0;}
#schedule table .bg_color_odd .yobi_padd {     padding: 15px 10px 15px 5px;}
#schedule .no_sche {
    font-size: 13px;
    color: #e53131;
}
#schedule .no_sche a {
    color: #333;
    border: 1px solid #333;
    padding: 5px;
    border-radius: 2px;
    text-decoration: none;
    background-color: #f6f6f6;
}
#schedule .fixed_sche .time_select {
    font-size: 19px;
    border-radius: 2px;
    background-color: #fff;
    color: #000;
    padding: 5px 8px;
    border: 1px solid #000;
}
#schedule .time_box { margin: 5px 0;}
#schedule .sche_delete {
    background-color: #fff;
    border: 1px solid #e53131;
    padding: 2px 4px;
    color: #e53131;
    text-decoration: none;
    border-radius: 2px;
    font-size: 15px;
    margin: 0;
}

button.time_box_noplan_button {
    background-color: #fff;
    display: flex;
    color: #000;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #000;
    padding: 5px 8px;
}

#schedule .icon_add_sche {
    margin-right: 5px;
    font-size: 20px;
}
#schedule .time_box .cnt_cange_time {
    font-size: 15px;
    padding: 0 5px;
    font-weight: bold;
}
#schedule table#tbl_fix {
    width: 100%;
}

#schedule table#tbl_fix tr {
animation-name: fadeInAnime;/*1で解説*/
animation-fill-mode:backwards;/*2で解説*/
animation-duration:1.2s;/*3で解説*/
animation-iteration-count:1;/*4で解説*/
animation-timing-function:ease;/*5で解説*/
animation-delay: 0.2s;/*6で解説*/
animation-direction:normal;/*7で解説*/
}
@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#schedule .apply {
    margin: 0px auto;
    display: block;
    padding: 20px 0px;
    width: 80%;
    max-width: 470px;
    border: none;
    background-color: #139421;
    background: linear-gradient(45deg, #08944a 0%, #19a713 100%);
    background: -moz-linear-gradient(45deg, #08944a 0%, #19a713 100%);
    background: -webkit-linear-gradient(45deg, #08944a 0%, #19a713 100%);

    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 3px;
}
@media print, (min-width: 768px) {
#schedule .fixed_sche .time_select {
    font-size: 24px;
    border-radius: 3px;
    padding: 5px 11px;
}
}


@media print, (min-width: 768px) {
/* ページリスト */
.pageList {
    font-size: 18px;
    margin: 25px auto 10px;
}
}


/* フッター */
#footer_inc {
    border-top: 6px double #345fc1;
    background-color: #f7f7f7;
    padding: 20px;
}
#footer_inc nav {
    max-width: 850px;
    margin: 0 auto;
}
#footer_inc nav dl dt li {
    margin-bottom: 5px;
}
#footer_inc nav a { color:#333;}
#footer_inc nav dl dt li a {
    font-weight: bold;
}

#footer_inc nav dl dd li {
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    display: inline-block;
}
footer#footer_inc p {
    text-align: center;
    margin-top: 30px;
    font-size: 12px;
}
@media print, (min-width: 768px) {
#footer_inc {
    padding: 30px 0 10px;
}
#footer_inc nav dl dt li {
    margin-bottom: 10px;
}
#footer_inc nav dl dd li {
    margin-right: 20px;
    font-size: 16px;
}
footer#footer_inc p {
    margin-top: 60px;
}
}