@media print {
	header,.side_content,footer,.pathnav,.kisotaion_header,.bbt_navigation,.top_pagenation,.advice_box,.bbt_pagenation,.bctop
	{display:none;}
}


img.hide_img{opacity:0; position:absolute;}
.top_blandpanel{display:none!important;}

.icon_description img{width:20px; height:20px; margin-right: 2px;}
.icon_description li{display:inline-block; margin-right: 15px; margin-bottom:10px;}

.clear_data{cursor:pointer;}
.clear_data:hover{background:#E2D7D1;}

#loader_background{/* background:#000; */ z-index:1; width:100%; height:100%; position:relative;}
#loader{z-index:0; position: absolute;background: rgba(255, 255, 255, 0.53);width: 100%;height: 100%;}
#loader:before{display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;}

.icon_loading{fill:#000;display: block;margin: 0 auto;height: 40px;top: 50%;position: relative;}
span.input_t{display:block;font-size: 10px; color:#fff;}

#ui-datepicker-div{box-shadow: 0 0 3px #000;/* border-radius: 20px; */}
.ui-datepicker-prev{float:left;cursor: pointer;display: inline-block;}
.ui-datepicker-next{float:right;cursor: pointer;display: inline-block;}
.ui-datepicker-title{clear:both; text-align:center;position: absolute;left: 35%;right: 50%;width: 100px;}
.ui-datepicker-header{background: #FF8E8E;color: #fff;padding: 10px;/* border-radius: 20px 20px 0 0; */height: 20px;}
.ui-datepicker-calendar{padding:10px;background: #fff;/* border-radius: 0 0 20px 20px; */}
.ui-datepicker-calendar th{color:#FF8E8E;}
.ui-datepicker-calendar a{text-decoration:none; color:#121213; font-family: 'Tenor Sans', sans-serif;display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;font-weight: bold;font-size: 16px;background: #f1f1f1;border-radius: 100%;}
.ui-datepicker-calendar a:hover{color:#FF8E8E!important; background:#f6ede7;}
.ui-datepicker-current-day a{color:#FF8E8E!important; background:#f6ede7;}

h1.bbt_title{display:inline-block;}
.kisotaion_header{position:relative;}
.bbt_description{background:#f6ede7; padding: 0 15px;}
.bbt_description li{background:url(/img/pregnancy__bbt/border.png) repeat-x bottom;}
.bbt_description li:last-child{background:none;}
.bbt_description p{background:url(/img/pregnancy__bbt/dot.png) no-repeat; background-position:5px; padding:10px 0 10px 30px;}
.bbt_table { display: table; width:100%;margin: 10px 0 5px 0;}
.graph_table { display: table; width:100%; margin:15px 0;}
.graph_table img{width:100%;}
.bbt_table a ,.bbt_table div.period{ display: table-row; }
.bbt_table div.bthd { display: table-row; color:#fff; text-align:left; background:#ff8e8e!important;}
.bt_date{font-family: 'Tenor Sans', sans-serif; font-size:18px;font-weight: bold;}
.kiroku_table img{width:30px;}
.advice_box{margin-top:25px;}
.do{font-size:12px;}
.used{cursor:pointer;}
.modal_block1{display:inline-block; width:49%; vertical-align:top;}
.modal_block2{display:inline-block; width:49%; vertical-align:top;}
.used_wrap{display:none;position: relative;top: -1px; z-index:3;}
.header_acordion{ float:right; position: absolute; top: 30px;right: 0;display: block;}
.used{border-radius:10px; text-align:right;}
.use_btn{font-size:16px; background:#f6ede7; padding:10px; border-radius:10px; font-weight:bold; color:#5e3a20;}
.use_btn span{color:#d8cbbc;}
.post{border-radius:10px; text-align:right; float:right;margin-left: 15px;}
.post button{border:none;}
.post_btn{font-size:16px; background:#f6ede7; padding: 10px 15px; border-radius:10px; font-weight:bold; color:#5e3a20;}
.post_btn span{color:#d8cbbc;}
.post button:hover.post_btn{background:#E2D7D1;}


.clear_btn{font-size:16px;background: #BDC3C7; padding: 10px 15px; border-radius:10px; font-weight:bold;color: #FFFFFF;}
.clear_btn span{color: #FFFFFF;}
.post button:hover.clear_btn{background: #BDC3C7;}
a.login {
    /* width: 100%; */
    border: none;
    padding: 15px;
    background: #F18B00;
    box-shadow: 0 3px 0 #955600;
    font-size: 1.5em;
    font-weight: bold;
    border-radius: 3px;
    position: static;
    display: block;
    line-height: 1.5;
    text-align: center;
}

a.login:hover {
  background:#F18B00;
  text-decoration:none;
  color:#fff;
}

a.regist {
    float: none;
    width: auto;
    border: none;
    padding: 15px;
    background: #F36C60;
    box-shadow: 0 3px 0 #955600;
    font-weight: bold;
    color: #fff!important;
    text-align: center;
    margin-top: 15px;
    border-radius: 3px;
    margin: 0;
    display: block;
    font-size: 1.5em;
    line-height: normal;
}

a.regist:hover{text-decoration:none;}


.post button:hover.post_btn span{color:#5e3a20;}
span.yajirusi{font-size:12px;}
.ltbd{-webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px;}
.rtbd{-webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px;}
.bbt_table a:nth-child(odd),.bbt_table div.period:nth-child(odd){background: #EFE4DD;}
.bbt_table a:nth-child(even),.bbt_table div.period:nth-child(even){background: #F7F2EF;}
.bbt_table a:hover{text-decoration:none; color:#121213; background:#E2D7D1;}
.bbt_table div { display: table-cell; padding: 13px 10px;vertical-align: middle;}
.bbt_table a.ninshin_up1:nth-child(odd){background: #F3CFE1;}
.bbt_table a.ninshin_up1:nth-child(even){background: #FBE1EE;}
.bbt_table a:hover.ninshin_up1:nth-child(odd),.bbt_table a:hover.ninshin_up1:nth-child(even){text-decoration:none; color:#121213; background:#EFC8DB;}
.seiri_yotei{background-image:url(/img/pregnancy__bbt/yotei.png); background-repeat:no-repeat; background-position:center; }
.hairan_yotei{background-image:url(/img/pregnancy__bbt/hairan.png); background-repeat:no-repeat; background-position:center;}
span.bt_date{text-align:left; line-height:1.2;}
span.temperature{font-family: 'Tenor Sans', sans-serif;background:#fff; border-radius:5px; padding:5px 10px;font-weight: bold;font-size: 16px;}
span.memo{background:#fff; border-radius:5px; padding:5px 10px;display: block; font-family: 'Tenor Sans', sans-serif;font-size: 16px;font-weight: bold;}
span.hitokotomemo{background:#fff; border-radius:5px; padding:5px 10px;display: block;}
span.b_close{position:absolute; right: -17px;top: -17px;}
.sicle_edit_area{/* margin-left: 10px; */display: inline-block;}
.sicle_edit_area input {width: 90px;border: 4px solid #886E5C;padding: 8px 10px;border-radius: 10px;appearance: none;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;margin-left: 5px;}
.sicle_edit_area select {width:auto;border: 4px solid #886E5C;padding: 8px 10px;border-radius: 10px;appearance: none;-webkit-appearance: none;-moz-appearance: none;margin-left: 5px;}
.sicle_edit_area select:focus { outline:none!important; border: 4px solid #886E5C!important; box-shadow: none!important; }
span.sicle_calender{background:#fff; border-radius:5px; padding:5px 10px;margin-left: 10px;border: 3px solid #8C715E;font-weight: bold;color: #7A3A20;}
img.table1{width:30px;}
img.table2{width:32px;}
img.table3{width:64px;}
img.table3_5{width:33px;}
img.table3_8{width:32px;}
img.table4{width:32px;}
img.next_month{width:120px;}
img.prev_month{width:120px;}
img.nav_icon{width:63px;}
img.nav_text1{width:76px;}
img.nav_text2{width:44px;}
img.nav_text3{width:61px;}
img.kiroku{width:157px;}
.b_close img{width:35px;}
img.start{width: 67px;}
img.end{width: 44px;}
img.c_icon{width: 60px;}
img.kisotaion_title{width:482px;}
.one_icon img{width:30px;}
.delate_table img{width: 22px;}
.average{text-align:center; margin:15px 0; font-family: 'Tenor Sans', sans-serif; position:relative;}
p.average_text{display:inline-block;color: #C18EFF; font-size:20px;}
.average_text img{width: 24px;position: relative;top: -5px;margin-right: 3px;}
span.average_date{line-height:1; font-size:36px; color: #FF8E8E; font-weight:bold;}
.top_pagenation{position:relative;}
.print_btn{font-size:16px; right:0; bottom:0;}
.print_btn a{background:#886e5c; color:#fff; border-radius: 5px; padding:5px 10px; display: inline-block;float: right;position: absolute;right: 0;bottom: 0;}
.print_btn a:hover{text-decoration:none; color:#fff; background:#675344;}
.youbi{font-size:12px;}
/* table status */
.kiroku_table{border-right:1px dashed #AA9C8D;}
.one_icon{width: 30px; border-right:1px dashed #AA9C8D; text-align:center;}
.date_table,.num_table{border-right: 1px dashed #AA9C8D; width:60px; text-align:center; font-weight:bold; color:#5e3a20;}
.tempe_table{border-right: 1px dashed #AA9C8D; width:80px;}
.kiroku_table{width: 120px;}
.memo_table{width: 270px;  }
.syuki_table{text-align:center; font-size:18px;color: #47C8BE;font-weight: bold;font-family: 'Tenor Sans', sans-serif;}
.delate_table{text-align:center;}
.bbt_navigation{background: #EDE2DB; border-radius:10px; margin-top:15px;}
.bbt_navigation li{width:33.3%; float:left; text-align:center;}
.bbt_navigation li.sicle{width:100%; background: #f6ede7!important; text-align:left;-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px;-webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px;}
.bbt_navigation li a{padding:10px; display:block;}
.bbt_navigation li:first-child{-webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px;-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px;}
.bbt_navigation li:nth-child(3n) {-webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px;-webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px;}
.bbt_navigation li.graph_1{-webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px;}
.bbt_navigation li.graph_3{-webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px;}
.bbt_navigation li:nth-child(odd){background: #e1d7cc;}
.bbt_navigation li:nth-child(even){background:#e0d3ca;}
.bbt_navigation li:hover{background:#D6C8BD;}
.bbt_navigation li.sicle:hover{background:#ede2db;}
.bbt_navigation li.active{background: #7e6554; background: -moz-linear-gradient(top,  #7e6554 0%, #947965 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e6554), color-stop(100%,#947965)); background: -webkit-linear-gradient(top,  #7e6554 0%,#947965 100%); background: -o-linear-gradient(top,  #7e6554 0%,#947965 100%); background: -ms-linear-gradient(top,  #7e6554 0%,#947965 100%); background: linear-gradient(to bottom,  #7e6554 0%,#947965 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6554', endColorstr='#947965',GradientType=0 ); }
.sicle_wrap h3,h3.advice_title{background:url(/img/pregnancy__bbt/dot.png) no-repeat center left; padding:0 0 0 25px; color:#5e3a20;display: inline-block;}
.advice_wrap{background:#e7f3f6; padding: 15px; border-radius:10px; position:relative;}
span.bird{position:absolute; right: 20px; top: -41px;}
span.bird img{ width:88px;}
.advice_wrap p{ color:#5e3a20;}
.bbt_pagenation{margin:15px 0 0 0;}
ul.bbt_pagenation{text-align:center;}
ul.bbt_pagenation li{display:inline-block; margin-right:10px;cursor: pointer;}
ul.bbt_pagenation li:last-child{margin:0;}
.sicle_wrap{padding: 15px;}

.modal h2{letter-spacing:1px; background:#d8cbbc;-webkit-border-top-right-radius: 10px; -moz-border-radius-topright:10px;-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px;text-align: center;padding: 5px;color: #633A20;}

.login_submit{float:left; width:50%;}
.regist_box{float:left; width:50%;padding: 0;margin-top: 0;}

h3.form_title{background:url(/img/pregnancy__bbt/dot.png) no-repeat center left; padding: 0 0 0 20px; color:#5e3a20;font-size: 15px;}
.form_cond_area,.form_ans_area,.form_sex_area{margin: 5px 0 15px 15px;}
.form_ans_area select,.form_ans_area input{width:auto; font-size:16px;-moz-appearance: none;   -webkit-appearance: none;   appearance: none;   border-radius: 0;   border: 3px solid #D8CBBC;   border-radius: 5px;margin: 0;   padding: 5px 8px;   background: none transparent;   vertical-align: middle;   font-size: 16px;   font-weight: bold;color: #5f3a20;   box-sizing: content-box;}
.form_ans_area select:focus,.form_ans_area input:focus{outline:none!important; border: 3px solid #D8CBBC!important; box-shadow: none!important;}
.today{color:#0099ff;}

.form_ans_area input{width:70%;}
.hosoku{font-size:12px;color: #7E7974;font-weight: normal;}
.form_wrap{padding:15px;}
.modal { width: 485px; margin: 0 ; background: #fff ; position:absolute;  display: none ; z-index:1001; border-radius: 10px; }  
#modal-overlay { z-index: 4 ; display: none ; position: fixed ; top: 0 ; left: 0 ; width: 100% ; height: 120% ; background-color: rgba( 0,0,0, 0.55 ) ; }
.button-link { color: #00f ; text-decoration: underline ; }
.button-link:hover { cursor: pointer ; color: #f00 ; }
.hidden_btn{display:none;}
.form_cond_area label{ border-radius: 10px; display: block; float: left; cursor: pointer;  margin: 0 15px 0 0; padding: 4px; background: #bdc3c7; color: #869198; font-size: 16px; text-align: center; line-height: 1; }
.form_cond_area label:first-of-type{border-radius: 10px;}
.form_cond_area label:last-of-type{ border-radius: 10px; margin-right:0;}
.form_cond_area input[type="checkbox"]:checked + .switch-on { background-color: #FF8E8E; color: #fff;}
.form_cond_area input[type="checkbox"]:checked + .switch-off { background-color: #ff8484; color: #fff;}
.form_sex_area label{ border-radius: 10px; display: block; float: left; cursor: pointer;  margin: 0 15px 0 0;padding: 4px; background: #bdc3c7; color: #869198; font-size: 16px; text-align: center; line-height: 1;}
.form_sex_area label:first-of-type{ border-radius: 10px;}
.form_sex_area label:last-of-type{ border-radius: 10px; margin-right:0;}
.form_sex_area input[type="checkbox"]:checked + .switch-on { background-color: #FF8E8E; color: #fff;}
.form_sex_area input[type="checkbox"]:checked + .switch-off { background-color: #ff8484; color: #fff; }
.form_ans_area label{ display: block; float: left; cursor: pointer; margin: 0; background: #bdc3c7; color: #869198; font-size: 16px; text-align: center; line-height: 1;}
.form_ans_area label:first-of-type{ border-radius: 3px; margin-right: 15px;padding: 10px;}
.form_ans_area label:last-of-type{ border-radius: 3px;padding: 10px;}
.form_ans_area input[type="checkbox"]:checked + .switch-on { background-color: #3BBE97; color: #fff;}
.form_ans_area input[type="checkbox"]:checked + .switch-off { background-color: #ff8484; color: #fff; }

@media screen and (max-width:836px){
.bbt_table_wrap{margin: 15px 0 0 0;}
.main_wrapper{padding:0;}
.bbt_navigation,.kisotaion_header,.advice_box{margin:0 10px;}
.bbt_navigation li a{padding:5px;}
.bbt_navigation p{line-height:1;}
img.prev_month,img.next_month{width:90px;}
.print_btn{display:none;}
.advice_box{margin-top:30px;}
.bbt_table div{padding:6px 4px;}

/*img*/
img.table1 { width: 25px; margin:5px 0;}
img.table2 { width: 25px; margin:5px 0;}
img.table3{width:50px; margin:5px 0;}
img.table3_8 { width: 25px; margin:5px 0;}
img.table3_5 { width: 25px; margin:5px 0;}
img.table4 { width: 25px; margin:5px 0;}
img.nav_icon{width:40px;}
img.nav_text1{width: 50px;}
img.nav_text2{width: 30px;}
img.nav_text3{width:40px;}
.kiroku_table img,.one_icon img { width: 20px; }
.hairan_yotei,.seiri_yotei{background-size:20px;}

/*font-size*/
span.temperature,.bt_date{font-size:14px;}
span.hitokotomemo{font-size:12px;}
}

@media screen and (max-width:756px){
.nav_under{margin:0 10px;}
.sp_header{position:static!important;}
.grobal_nav{margin-top:0!important;}
}

@media screen and (max-width:670px){




a.login { font-size:14px; }

a.regist { font-size:14px; }


.login_submit{width:100%; float:none; margin-bottom:15px;}
.regist_box{width:100%; float:none;}
.form_sex_area label{width: 50px;height: 50px;}
.form_cond_area label:first-of-type{border-radius: 10px;width: 50px;height: 50px;}
.icon_description li{margin-bottom:5px; margin-right:0;}
.icon_description img{width:15px; height:15px; margin-right:2px;}
.icon_description li,.advice_wrap p{font-size:12px;}
.icon_loading{width:20px; top:40%;}
.post{margin-left:5px;}
.use_btn{padding:10px 20px;}
.modal h2{font-size:12px; padding:9px 0;}
.modal span.youbi{display:inline;}
span.average_date{font-size:24px;}
p.average_text{font-size:14px;}
.rtbd,.ltbd{border-radius:0;}
.bbt_table_wrap{/* margin:0; */}
.bbt_table div{padding:6px 4px;}
.advice_wrap{margin-bottom:15px;}
/*img*/
.average_text img{width:12px;}
img.nav_icon{width:40px;}
img.nav_text1{width: 50px;}
img.nav_text2{width: 30px;}
img.nav_text3{width:40px;}
.kiroku_table img,.one_icon img { width: 20px; }
.hairan_yotei,.seiri_yotei{background-size:20px;}

/*font-size*/
span.temperature,.bt_date{font-size:14px;}
span.hitokotomemo{font-size:12px;}
span.memo{margin:5px 0;}
.bbt_description li{background-size:200%;}
}


@media screen and (max-width:400px){
span.input_t{margin-top:5px;}
.modal h2{line-height:1.4;}
.modal_block1{display:inline-block; width:44%; vertical-align:top;}
.modal_block2{display:inline-block; width:54%; vertical-align:top;margin-left: 20px;}
.form_cond_area, .form_ans_area, .form_sex_area{ margin:2px 0 15px 5px;}
img.kiroku{width:120px;}
h3.form_title{font-size:12px; background-size:12px;padding: 0 0 0 15px;}
h3.advice_title{font-size:16px; padding: 0 0 0 15px;background-size: 12px;}
.form_cond_area label{font-size:8px;}
img.c_icon{width:40px;}
img.start{width:50px;}
img.end{width:32px;}
.form_ans_area label{padding: 5px 10px;}
.form_cond_area label{margin:0 5px 0 0;width: 50px;height: 50px;}
.modal{width:300px;}
/*font-size*/
span.temperature,.bt_date{font-size:12px;}
span.hitokotomemo{font-size:12px;}
.do,.youbi,.hosoku{font-size:8px;}
.bbt_table div{padding:5px;}
.syuki_table{font-size:16px!important;}
.sex_box{float:left;}
.temp_box{float:left;}


.date_table, .num_table,.tempe_table,.kiroku_table,.memo_table{width:auto;}
span.temperature{padding:0; background:transparent;}
span.hitokotomemo{padding:0; background:transparent;}
.post_btn,.clear_btn{padding: 10px 10px; font-size: 12px; margin:10px 0;}
span.b_close{top:5px; right:10px;}
.b_close img{width:20px;}
.form_wrap{padding:10px;}
.form_ans_area label{height:22px; line-height:22px;}
.form_ans_area label:first-of-type{height:22px; line-height:22px; margin-right:5px;}
.form_ans_area input[type="checkbox"]:checked + .switch-on{margin-right:5px;}
.form_ans_area select, .form_ans_area input{font-size:14px;}
.form_ans_area input{width:90%;}
.form_ans_area select, .form_ans_area input{padding: 5px 7px;}
.youbi{display:block;text-align:center;}
.tempe_table,.date_table{text-align:center;}
.kiroku_table{text-align:center;}
.kiroku_table img{width:17px;}
.kiroku_table{width: 40px!important;}
.bbt_table{line-height:1!important;}
.bthd{padding:5px 0;}


.sicle_edit_area{display:block;}
.sicle_wrap h3{margin-bottom:5px; font-size:14px; background-size:10px; padding:0 0 0 15px;}
.bbt_table div{font-size:12px;}
span.memo{font-size:12px; padding:5px;}
.num_table{font-size:12px; width:40px;}
.header_acordion{float:none; position:static;}
.use_btn{display:block; text-align:left;}
.yajirusi{position:relative; left:-5px;}
.post_btn span.yajirusi{left:0;}
.clear_btn span.yajirusi{left:0;}
.bbt_navigation{margin-top:15px;}
.bbt_description{position:relative; top:-7px; padding: 0 15px;}
.bbt_description p{background-size:12px; padding:10px 0 10px 20px; background-position:left 15px;}
span.hitokotomemo{line-height:1.2;}
.average{margin:15px 0 0 0;}
.sicle_wrap{padding:8px 15px 15px 15px;}
}


.overlay{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: none;
}

.modal p{margin-left:10px;}
.headclose{position:absolute; right:5px; top:5px; z-index:2000;}

.form_header{border-bottom:1px dotted #ddd; margin:0; padding:20px; background:#f9f9f9;}
.form_header p{padding-left:5px;}
.form_header input{ width:120px; float:left; margin-left:5px; height:25px; line-height:25px;}
.form_check{padding:20px 20px 10px 20px;}
.form_check1{padding:10px 20px 10px 20px; border-top:1px dotted #ddd; background:#f9f9f9;}
.form_check1 button{margin:0 5px 0 10px; background:#e27270; border-radius:3px; border:none; color:#fff; height:35px; line-height:35px; padding:0; width:70px; text-align:center;}
.form_check1 button:hover{background:#d83d3a;}
.form_header label{top:5px;}


.onregist_wrap{margin-top:15px;}
.login_submit_wrap,.regist_box_wrap{margin:0 10px;}