@charset "utf-8";

body {
  /* padding-top: 50px; */
  padding-top: 70px;
  padding-bottom: 0px;
  background-color: #FEF9F0;
  color: #010101;
  
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.top-screen {
  margin-bottom: 50px;
  background-color: #FFFFFF;
}
label{
    font-weight: normal;
}
body { font-size: 16px;}
.btn{ font-size: 16px; }
h1 { font-size: 19px; } 
h2 { font-size: 18px; } 
h3 { font-size: 17px; } 
h4 { font-size: 16px; } 
h5 { font-size: 14px; } 
p { font-size: 16px;}
@media screen and (max-width:480px) { 
    body { font-size: 15px;} 
    .btn{ font-size: 15px; }
    h1 { font-size: 18px; } 
    h2 { font-size: 17px; } 
    h3 { font-size: 16px; } 
    h4 { font-size: 15px; } 
    h5 { font-size: 14px; }
    p { font-size: 15px;}
}
@media screen and (max-width:360px) { 
    body { font-size: 14px;}
    .btn{ font-size: 14px; }
    h1 { font-size: 17px; } 
    h2 { font-size: 16px; } 
    h3 { font-size: 15px; } 
    h4 { font-size: 14px; } 
    h5 { font-size: 13px; }
    p { font-size: 14px;} 
}
@media screen and (max-width:320px) { 
    body { font-size: 12px;}
    .btn{ font-size: 13px; }
    h1 { font-size: 16px; } 
    h2 { font-size: 15px; } 
    h3 { font-size: 14px; } 
    h4 { font-size: 13px; } 
    h5 { font-size: 12px; }
    p { font-size: 13px;} 
}

@media (max-width: 496px) {
    .resp-table th,
    .resp-table td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .resp-table tr:first-child th { border-top: 1px solid #ddd; }
    .edit-profile-div {padding: 0;}
}

.display_inline {
    display: inline;
}

/* ローディング画面用 */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 10001;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 10002;
}

/* メニュー調整 */
.container-nav {
    /* width: 98%; */
}
.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}
.navbar-toggle {
    margin-top: 20px;
}
.menu-cog-a {
    padding: 21px 10px 18px 10px !important;
}
.menu-cog-i {
    font-size: 180% !important;
}
@media screen and (min-width:992px) and (max-width:1199px) { 
    .navbar-nav > li {
        font-size: 14px;
    }
}
@media screen and (min-width:848px) and (max-width:992px) { 
    .container-nav {
        width: 98%;
    }
    .navbar-nav > li {
        font-size: 12px !important;
    }
    .navbar-nav > li > a {
/*        padding-top: 20px;
        padding-bottom: 10px; */
    }
    .menu-cog-a {
/*        padding: 16px 10px 5px 10px !important; */
    }
    .menu-cog-i {
        font-size: 200% !important;
    }
}
@media screen and (min-width:768px) and (max-width:848px) { 
    .container-nav {
        width: 98%;
    }
    .navbar-nav > li {
        font-size: 11px !important;
    }
    .navbar-nav > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .menu-cog-a {
        padding: 23px 8px 15px 8px !important;
    }
    .menu-cog-i {
        font-size: 200% !important;
    }
}
@media screen and (max-width:767px) { 
    .menu-print {
        display: none !important;
    }
    .navbar-nav > li {
        font-size: 13px !important;
    }
    .navbar-nav > li > a {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .menu-cog-a {
        padding: 3px 10px 3px 8px !important;
    }
    .menu-cog-i {
        font-size: 180% !important;
    }
    .dropdown-menu > li > a {
      padding: 3px 15px 3px 25px !important;
    }
}
/* トップ画面用ナビ */
.top-screen-nav {
    background-color:#C5AC8B !important;
    border-color:#C5AC8B !important;
}
a.menu-top {
	background-color:white !important;
	margin:15px 5px 15px 5px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
 }
a.menu-top:hover {
	background-color:#e28787 !important;
 }
a.menu-top:focus {
	color:#000000 !important;
 }
.img_input_grp{
    display: block;
    /*margin-top: -5px;*/
    float: right;
    text-align: right;
}
.img_filename{
}
.img_upload{
    border-radius:0px;
    margin-top: 5px;
}
.img_upload_lg{
    border-radius:0px;
    margin-top: 5px;
}
.youtube_url{
}
.input-group-btn-center{
    width: 100%;
    float: left;
    text-align: center;
}
@media screen and (max-width:768px) { 
    .img_filename{
        margin-top: 5px;
    }
    .img_upload{
        border-radius:0px;
        margin-top: 5px;
    }
    .img_upload_lg{
        border-radius:0px;
        margin-top: 5px;
    }
    .img_input_grp{
        display: block;
        margin-top: -5px;
    }
    .youtube_url{
    }
    
    .input-group-btn{
        width: 100%;
        float: right;
        text-align: right;
    }
}
@media screen and (max-width:480px) { 
    .img_filename{
        margin-top: 5px;
    }
    .img_upload{
        border-radius:0px;
        margin-top: 5px;
    }
    .img_upload_lg{
        border-radius:0px;
        margin-top: 5px;
    }
    .youtube_url{
    }
    .input-group-btn{
        width: 100%;
        float: right;
        text-align: right;
    }
}
@media screen and (max-width:320px) { 
    .img_filename{
        margin-top: 5px;
    }
    .img_upload{
        border-radius:0px;
        margin-top: 5px;
    }
    .img_upload_lg{
        border-radius:0px;
        margin-top: 5px;
    }
    .youtube_url{
    }
}

/* 管理者画面用 */
.admin_body {
  background-color: #ffffff !important;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.text-vertical-middle {
 vertical-align: middle;
}

.text-vertical-bottom {
 vertical-align: bottom;
}

div.input {
    margin-bottom: 15px;
}

/* 一覧系テーブル action周り */
table td.actions a {
    margin: 0 2px;
    padding: 5px;
}
table td.actions {
    text-align: center;
}
.actions {
    margin-bottom: 10px;
}

/* ページネーション周り */
.pagination {
    margin: 10px 0;
}
.paginator {
    text-align: right;
}
.paginator .counter {
    display: inline-block;
    padding-left: 0;
    margin: 10px 5px 0;
    border-radius: 4px;
    vertical-align: top;
    line-height: 2.2;
}

/* 一覧のソートアイコン */
.index th a.asc:after {
  content: '\e151';
  font-family: 'Glyphicons Halflings';
  color: #876f66;
}

.index th a.desc:after {
  content: '\e152';
  font-family: 'Glyphicons Halflings';
  color: #876f66;
}


/* 必須項目のラベル */
.required > label {
    font-weight: bold;
}
.required > label:after {
    content: ' *';
    color: #C3232D;
}

/* 設定情報（メール）の注釈用 */
.email_message_p {
    color: red;
}

/* view用 */
.view-data {
  color: #000000;
}
.subheader {
  color: #777777;
  width: 20%;
  display: inline-block;
}
.subheader + p {
  width: 80%;
}
.subheader, .subheader + p {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
@media (min-width: 768px) {
  .subheader {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .subheader {
    text-align: right;
    clear: left;
  }
  hr.sln_info_hr {
      display: none;
  }
}
.subheader:after {
  content: '：';
}
.subheader + p:after {
  content: '　';
}
.subheader + p a {
  vertical-align: top;
}

/* navbar 全体の背景色とボーダーカラー */
.navbar-inverse {
    /*background-color: #e28787;
    border-color: #e28787;
    background-image: url(../img/overlay.png);*/
    background-color: #C5AC8B;
    border-color: #C5AC8B;
    font-size: inherit;
}

/* navbar */
.navbar-inverse .navbar-nav > li > a {
    color: #331a1f;
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (max-width:1200px) { 
    .navbar-inverse .navbar-variable > li > a {
        font-size: 12px;
    }
}
@media screen and (max-width:1100px) { 
    .navbar-inverse .navbar-variable > li > a {
        font-size: 11px;
    }
}
@media screen and (max-width:992px) { 
    .navbar-inverse .navbar-variable > li > a {
        font-size: 10px;
    }
}
@media screen and (max-width:900px) { 
    .navbar-inverse .navbar-variable > li > a {
        font-size: 9px;
    }
}
@media screen and (max-width:848px) { 
    .navbar-inverse .navbar-variable > li > a {
        font-size: 8px;
    }
}
@media screen and (max-width:767px) { 
    .navbar-inverse .navbar-variable > li > a {
        font-size: 13px;
    }
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #e28787;
}

.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #e28787;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 440px;
}

.navbar-brand {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 165px;

  background: url("../img/logo_header_02.png") no-repeat 15px center;
  display: block;
  max-width: 100%;
  /* height: auto; */
  height: 70px;
}
/* トップ画面用ナビ */
.navbar-brand-top {
  background: url("../img/logo_header_02.png") no-repeat 15px center;
}

@media screen and (max-width:992px) { 
    .navbar-brand {
/*        padding-right: 100px;
        background-size: 80% !important; */
    }
}
@media screen and (max-width:768px) { 
    .navbar-brand {
/*        padding-right: 100px;
        background-size: 70% !important; */
    }
}

/* headerのナビゲーションバー */
.dropdown-menu > li > a {
    color: #331a1f;  
}
@media screen and (max-width:767px) { 
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #331a1f;  
    }
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #e28787;
}

.header_logonone_title,
.header_logonone_longtitle,
.header_title {
  background:#eee;
  border-left:7px solid #ccc;
  padding-top: 18px;
  height: 50px;
  font-family: inherit;
  font-weight:bold;
}
@media (max-width: 443px) {
    .header_logonone_longtitle{
        padding-top: 10px;/*二行になるので調整*/
        padding-right: 5px;
    }
}

.modal-header {
  background-color: #97CFC1;
}

.modal-dialog {
  width: 440px;
  height: 200px;
  max-width: 95%;
}

.modal-body {
  padding: 10px 15px;
}

/* エラーメッセージ */
.error-message {
  font-size: 14px;
  color: #a94442;
  background-color: #f2dede;
  padding: 2px 7px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: left;
}

/* TOP画面 ------------------ */
.index-content {
    margin-top:10px;
}
.index-margin-left-common {
    margin-left:15px;
}
.index-margin-bottom-common {
    margin-bottom:-10px;
}
.index-subtitle {
    margin-top:35px;
    font-weight:900;
}
.index-decimal-point {
    font-weight:900;
    display:inline;
}

/* 新TOP用 */
.top-img-lg {
    width: 100%;
}
.top-img-sm {
    width: 100%;
    display:none;
}
.top-comment{
    display: inherit;
    text-align: center;
    margin: 10px auto;
    font-size: 18px;
}
.br_sp_lg { 
    display:inline; 
}
.br_sp_smlg { 
    display:inline; 
}
.br_sp_sm { 
    display:none; 
}
.br_sp_vsm{
    display:none;     
}
.top-img-div {
    padding-left:0 !important;
    padding-right:0 !important;
    margin-bottom:10px !important;
}
.top-summary {
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
}
.top-main-row {
    display : -ms-flexbox; /*for IE10*/
    display: flex;
    -ms-flex-wrap : wrap; /*for IE10*/
    flex-wrap: wrap;        
    border: solid 1px #8CC63F;
}
.top-step-main-title-div {
    margin:10px;
    padding-left:0 !important;
    padding-right:0 !important;
}
.top-step-main-title {
    font-weight: bold;
    font-size:24px;
    color:#997041;
}
.top-step1-outer-div,
.top-step2-outer-div,
.top-step3-outer-div {
    padding-left:15px !important;
    padding-right:15px !important;
    padding-bottom:15px !important;
}
.top-step1-inner-div,
.top-step2-inner-div,
.top-step3-inner-div {
    border: solid 1px #EAE1D3;
    background-color:#EAE1D3;
    height:100%;
}
.top-step-title-div {
    text-align:center;
    margin-top:10px;
    margin-bottom:7px;
}
.top-step-title-label {
    color: #FFFFFF;
    background-color:#8CC63F;
    padding-left:10px;
    padding-right:10px;
}
.top-step-question {
    font-weight: bold;
    font-size:20px;
    color:#997041;
}
.top-step-question-label {
    vertical-align:bottom;
    margin-bottom:0;
    font-size:20px;
    font-weight:900;
}
.top-step-note-div {
    margin-top:10px !important;
    padding-left:40px !important;
    padding-right:40px !important;
}
.top-step-note-label {
    font-size:12px;
}
.top-step-note-label_lg {
    font-size:15px;
}
.top-step3-note1-div {
    padding-top:20px!important;
    padding-left:40px!important;
    padding-right:40px!important;
    text-align:center!important;
}
.top-step3-note2-row {
    margin-top:10px;
    margin-bottom:20px;
    padding-left:40px;
    padding-right:40px;
}
.top-step3-note2-div {
    text-align:center;
    border: solid 2px #997041;
}
.top-step3-note2-label {
    color:#997041;
    margin-top:5px;
}
.top-btn-woman,
.top-btn-man {
    color:#FFFFFF;
    font-size:24px;
    width:250px;
    margin-left:15px;
    margin-right:15px;
}
.top-btn-woman {
    background-color:#F97091;    
}
.top-btn-woman:hover {
    color:#FFFFFF;
    background-color:#E75070;    
}
.top-btn-man {
    background-color:#2CA3DC;   
}
.top-btn-man:hover {
    color:#FFFFFF;
    background-color:#0A81BA;   
}
.top-img-copy {
    width: 100%;
}
.top-img-subtile1 {
    padding-left:20px;
    padding-right: 20px;
    width: 100%;
    max-width: 687px;
}
.top-img-subtile2 {
    padding-left:20px;
    padding-right: 20px;
    width: 100%;
    max-width: 870px;
}
.top-copy-image-row {
    margin-top:25px;
    margin-bottom: 20px;
    text-align: center;
}
.top-copy-image-row3 {
    margin-top:35px;
}
.top-copy-title-div {
    padding-left: 5px !important
}
.top-copy-title-row {
    margin-bottom:10px;
}
.top-copy-detail-row {
    display: flex;
    flex-wrap: wrap;
    margin-right:-10px;
}
.top-copy1-title {
    border-left: 0;
    background-color:#C5AC8E;
    color:#FFFFFF;
    background-image:none;
    padding-left:5px;
    height:auto;
    margin: 0;
    padding-bottom: 18px;
}
.top-copy2-title {
    border-left: 0;
    background-color:#F8C7CD;
    color:#FFFFFF;
    background-image:none;
    padding-left:5px;
    height:auto;
    margin: 0;
    padding-bottom: 18px;
}
.top-copy3-title {
    border-left: 0;
    background-color:#F8C7CD;
    color:#FFFFFF;
    background-image:none;
    padding-left:5px;
    height:auto;
    margin: 0;
    padding-bottom: 18px;
}
.top-copy-btn-show-detail {
    font-size:16px;
    width:90%;
}
.top-copy-btn-show-detail2 {
    width:22.5%;
}
.top-copy-btn-bottom {
    position: absolute;
    bottom: 0;
}
.top-copy-btn-margin-top {
    margin-top: 15px;
}
.top-copy-first-limit-square {
    color:#EB6E8C;
    font-size:20px;
}
.top-copy-subtitle {
    font-size:16px;
    font-weight:800;
}
@media (max-width: 440px) {
    .top-subfooter {
        height: 70px !important;
    }
    .top-step1-outer-div,
    .top-step2-outer-div,
    .top-step3-outer-div {
        padding-left:10px !important;
        padding-right:10px !important;
    }
}
@media (max-width: 337px) {
    .top-subfooter {
        height: 80px !important;
    }
    .top-step-note-div,
    .top-step3-note1-div,
    .top-step3-note2-row {
        padding-left:30px !important;
        padding-right:30px !important;
    }
}
@media (max-width: 600px) {
    .top-btn-man,
    .top-btn-woman {
        width: 120px !important;
        margin-left: 5px;
        margin-right: 5px;
    }
}
@media (max-width: 833px) {
    .top-subfooter {
        padding-top: 10px !important;
    }
}
@media (max-width: 1199px) {
    .top-copy-detail-text {
        font-size: 14px !important;
    }
}
@media (max-width: 992px) {
    .top-copy-detail-text {
        font-size: 10.5px !important;
    }
}
@media (max-width: 519px) {
    .top-copy1-title {
        height: 70px !important;
    }
}
@media (max-width: 430px) {
    .top-copy2-title {
        height: 70px !important;
    }
}
/* LINEともだち追加ボタン 調整 start */
.line_add_img_parent_position {
    position: relative;
}
.line_add_img_position_lg {
    position: absolute;
    top: 92%;
    left: 65%;
}
.line_add_img_position_sm {
    margin-top: 10px;
    display: none;
}
.line_add_img_lg {
    width: 100%;
}
.line_add_img_sm {
    width: 30%;
}
/* LINEともだち追加ボタン 調整 end */
@media (max-width: 768px) {
    .top-img-lg {
        display:none;
    }
    .top-img-sm {
        display:inline;
    }
    .br_sp_lg { 
        display:none; 
    }
    .br_sp_sm { 
        display:inline; 
    }
    a.menu-top {
        color:#FFFFFF !important;
        background-color:transparent !important;
    }
    .top-main-row {
        display: -webkit-box;  /* ～iOS6:Safari */
        display: -webkit-flex; /* iOS6.1～:Safari */
        display: flex;    
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        
        margin-left:-5px !important;
        margin-right:-5px !important;
    }
    .top-copy-image-row2 {
        margin-top:10px;
        margin-bottom: 10px;
    }
    .top-copy-image-row3 {
        margin-top:10px;
        margin-bottom: 10px;
    }
    .top-copy-btn-show-detail2 {
        width:45%;
    }
    .top-copy-detail-text {
        font-size: 16px !important;
    }
    .line_add_img_position_lg {
        display:none;
    }
    .line_add_img_position_sm { 
        display:inline; 
    }
}
@media (max-width: 480px) {
    .top-comment{
        font-size: 14px;
    }
    .br_sp_vsm{
        display:inline;     
    }
}
/* TOP画面 ------------------ */

/* 管理画面　メニュー ------------------ */
.mainmenu {
    background-color:#337ab7;
    height:90px;
    text-align:center;
    color:white;
    position:relative;
    border-radius: 20px;
    margin: 5px 10px 5px 10px;
    padding-top: 30px;
}

.mainmenu a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font: bold;
    font-size: 22px;
}

.mainmenu a:link { color: white; text-decoration: none;}
.mainmenu a:visited { color: white; text-decoration: none;}
.mainmenu a:hover { color: white; text-decoration: none;}
.mainmenu a:active { color: white; text-decoration: none;}
/* 管理画面　メニュー ------------------ */

/* プロフィール更新画面 ------------------ */
.resp-table td{
    white-space: normal !important;
}
.profile_border_right_none {
    border-right-style:none;
}
.profile_email2 {
    margin-top:7px;
}
.profile_edit_button_row {
    margin-top:25px;
}
.profile_edit_button {
    margin-top:5px !important;
    width:210px;
    font-size: inherit;
}
.profile_email1, .profile_email2,
.profile_pass1, .profile_pass2,
.profile_reminder, .profile_answer {
    font-size: 16px;
}
.profile_edit_email_use_flg {
    height:30px !important;
    width:30px !important;
    display: inline-block;
}
.profile_edit_email_use_flg_label {
    font-weight: normal;
}
/* プロフィール更新画面 ------------------ */

/* チェックメイトカード一覧表 -----------↓ */
.chkmate_head_grp_selchg{
    margin-bottom:15px;
    text-align:right;
}
.chkmate_head_grp_term{
    margin-bottom:15px;
    text-align:left;
}
@media screen and (max-width:991px) { 
    .chkmate_head_grp_selchg,
    .chkmate_head_grp_term{
        text-align:center;
        margin-left: -15px;
        margin-right: -15px;
    }
}
.select_option_change,
.select_option_dtfrom,
.select_option_dtto {
  display: inline;
  width: auto;
  font-size: 16px;
}
@media screen and (max-width:320px) { 
    .select_option_change{
      width: 160px;
      font-size: 14px;
    }
    .select_option_dtfrom,
    .select_option_dtto {
      width: 130px;
      font-size: 14px;
    }
}
/* チェックメイトカード スマホ表示start (3159行目,3694行目付近に同様のcss有り) */
.srchmesuredate{
    display:inline;
}
.srchmesuredate_sp{
    display:none;
}
.accordionmenu {
    display: none;
}
.un_accordionmenu{
    display: inline;
}
@media screen and (max-width:480px) { 
    .srchmesuredate{
        display:none;
    }
    .srchmesuredate_sp{
        display:inline;
        width:70px;
    }
    .accordionmenu {
        display: inline;
        max-width: 400px;
        margin: 0 auto;
        padding: 0;
    }
    .un_accordionmenu{
        display: none;
    }
}
@media screen and (max-width:320px) { 
    .srchmesuredate_sp{
        margin-bottom:10px;
    }
}

.accordionmenu a {
    display: block;
    text-decoration:underline;
    line-height: 1;
}

label.acordion {
    display: block;
    margin: 0 0 2px 0;
    padding :12px;
    line-height: 1;
    color :#fff;
    background :#D2B48C;
    cursor :pointer;
    text-decoration:underline;
}
label.acordion_date {
    display: block;
    margin: 0 0 2px 0;
    padding :12px;
    line-height: 1;
    color :#fff;
    background :#D2B48C;
    cursor :pointer;
}

.acordionmenu_table{
    width:100%; 
    background :#D2B48C; 
    margin-bottom: 5px;
}
.acordionmenu_table tr{
    height: 45px;
}
.header_times{
    text-align: left;
    font-size: 120%;
}
.header_date{
    text-align: right;
    font-size: 120%;
}

.inputacordion {
    display: none;
}

.accordionmenu ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.accordionmenu li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 95%;
}

#menu_bar1:checked ~ #links1 li,
#menu_bar2:checked ~ #links2 li,
#menu_bar3:checked ~ #links3 li,
#menu_bar4:checked ~ #links4 li,
#menu_bar5:checked ~ #links5 li,
#menu_bar6:checked ~ #links6 li,
#menu_bar7:checked ~ #links7 li,
#menu_bar8:checked ~ #links8 li,
#menu_bar9:checked ~ #links9 li,
#menu_bar10:checked ~ #links10 li {
    list-style:none;
    max-height: 60px;
    opacity: 1;
}
span.dan {
    float:left;
}

span.dan2 {
    display: block;
    margin-left: 120px;
    height: 25px;
}
span.dan2 a,
span.dan2 label{
    display: inline-block;
    width: 45px;
    font-weight: bold; 
    text-align: right;
}
span.dan3 {
    margin-left: 20px;
}
span.dan3x {
    display: inline-block;
    width: 45px;
    margin-left: 5px;
    text-align: right;
}
span.dan4 {
    margin-left: 28px;
}
span.dan4x {
    display: inline-block;
    width: 60px;
    margin-left: 0px;
    text-align: right;
}
span.dan5 {
    margin-left: 18px;
}
span.dan5x {
    display: inline-block;
    width: 45px;
    margin-left: 10px;
    text-align: right;
}
span.dan_img{
    display: inline-block;
    width: 35px;
}
span.dan_img1 {
    display: inline-block;
    width: 35px;
    margin-left: 10px;
}
span.dan_img2 {
    display: inline-block;
    width: 35px;
    margin-left: 10px;
}
span.dan_img3 {
    display: inline-block;
    width: 35px;
    margin-left: 10px;
}
@media screen and (max-width:380px) { 
    span.dan2 {
        margin-left: 100px;
    }
    span.dan3 {
        margin-left: 15px;
    }
    span.dan3x {
        width: 45px;
    }
    span.dan4 {
        margin-left: 22px;
    }
    span.dan4x {
        margin-left: -5px;
    }
    span.dan5 {
        margin-left: 15px;
    }
    span.dan5x {
        width: 45px;
        margin-left: 10px;
    }
}
@media screen and (max-width:360px) { 
    span.dan2 {
        margin-left: 100px;
    }
    span.dan3 {
        margin-left: 20px;
    }
    span.dan3x {
        display: inline-block;
        width: 40px;
        margin-left: 5px;
    }
    span.dan4 {
        margin-left: 25px;
    }
    span.dan4x {
        margin-left: -5px;
    }
    span.dan5 {
        margin-left: 15px;
    }
    span.dan5x {
        display: inline-block;
        width: 30px;
        margin-left: 20px;
    }
}
@media screen and (max-width:320px) { 
    span.dan2 {
        margin-left: 85px;
    }
    span.dan3 {
        margin-left: 15px;
    }
    span.dan3x {
        display: inline-block;
        width: 35px;
        margin-left: 0px;
    }
    span.dan4 {
        margin-left: 20px;
    }
    span.dan4x {
        margin-left: -10px;
    }
    span.dan5 {
        margin-left: 15px;
    }
    span.dan5x {
        display: inline-block;
        width: 30px;
        margin-left: 10px;
    }
}

.img_column {
    height:auto;

    vertical-align: middle;
    font-size: 85%;
}
.a_checkmate_date
{
    color: white;
}
/* チェックメイトカード スマホ表示end */

/* 外枠 */
div.x_data_area {
  width: 100%;
  overflow: hidden; /* floatさせた要素を内包しているため指定 */
  /*border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;*/
}

/* ロック部分 */
div.lock_box {
  float: left;
  width: 350px;
}

/* 横スクロール部分 */
div.x_scroll_box {
  width: 100%;
  height:100%;
  padding-left: 0px;
  overflow:auto;
}
@media screen and (max-width:480px) { 
    div.x_scroll_box {
        display: none;
    }
}
/* ロック部分テーブル */
.lock_table {
  width: 100%;
}
/* パスワード入力画面のOKボタン */
.dialogok{
    width: 100px;
}
/* 横スクロール部分テーブル */
/*.scroll_table {
  width: 100%;
}*/
.table-condensed-chkmate > tbody > tr > th,
.table-condensed-chkmate > tbody > tr > td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 15px;
}

table.data {
  /*table-layout: fixed;  内容を固定 */
  border-collapse: separate;
  border-spacing: 0; /* tableのcellspacing="0"の代わり */
  margin: 0px;
  height:100%;
  background-color: #efece8;
}

table.data th,
table.data td {
  padding: 2px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

table.data th.r_none,
table.data td.r_none {
  border-right: none; /* 右ボーダーの重なりを防止 */
  height:55px;
}

table.data th {
  border-top: 1px solid #CCC;
  background: #EEF1F4;
}

table.data th,
table.data td {
  overflow: hidden; /* データが幅を超えたとき非表示に */
  white-space: nowrap; /* データの折り返しを防止 */
  /*text-align: center;*/
}

table.data td p {
  margin: 0; /* 余分なマージンを消去 */
}

table.data td.measurearea{
    width: 100%;
    display: block;
    white-space: normal !important;
}

table.data_half {
  /*table-layout: fixed;  内容を固定 */
  border-collapse: separate;
  border-spacing: 0; /* tableのcellspacing="0"の代わり */
  margin: 0px;
  /* height:620px; */
}

table.data_half th,
table.data_half td {
  padding: 2px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

table.data_half th.r_none,
table.data td_half.r_none {
  border-right: none; /* 右ボーダーの重なりを防止 */
  height:55px;
}

table.data_half th {
  border-top: 1px solid #CCC;
  background: #EEF1F4;
}

table.data_half th,
table.data_half td {
  overflow: hidden; /* データが幅を超えたとき非表示に */
  white-space: nowrap; /* データの折り返しを防止 */
  /*text-align: center;*/
}

table.data_half th.nowhitespace,
table.data_half td.nowhitespace {
  overflow: hidden; /* データが幅を超えたとき非表示に */
  white-space: normal;
  border-right-style:none;
}

table.data_half td p {
  margin: 0; /* 余分なマージンを消去 */
}

/* 次回までの宿題の画像 */
.img-homework{
    width:  45px;
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:480px) { 
    .img-homework{
        width:  35px;
        height: 35px;
        margin-top: 2px;
    }
}
/* 体型写真の画像 */
.img-picture{
    width:  45px;
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:480px) { 
    .img-picture{
        width:  35px;
        height: 35px;
        margin-top: 2px;
    }
}

table.data td.unit{
    vertical-align: middle; 
    text-align: center;
    border-left-style:none;
}
/*  採寸値入力 */
.measure_btn_measure_method {
    margin-left:19px;
    font-size: inherit;
}
@media screen and (max-width:992px) {
    .measure_btn_measure_method {
        font-size: inherit;
        margin-top: 5px;
        margin-left: 0px;
    }
}
.picture_btn_picture_method {
    margin-left:19px;
    font-size: inherit;
}
@media screen and (max-width:992px) {
    .picture_btn_picture_method {
        font-size: inherit;
        margin-top: 5px;
        margin-left: 0px;
    }
}
.measure_btn_picture_method {
    margin-bottom:10px;
    font-size: inherit;
}
@media screen and (max-width:992px) {
    .measure_btn_picture_method {
        font-size: inherit;
        margin-top: 5px;
        margin-left: 0px;
    }
}

input.input_measureposition
{
    text-align: center;
    font-weight:600; 
    font-size:16px;
    height: auto;
    width: 180px;
}
@media screen and (max-width:768px) {
    input.input_measureposition
    {
        width: 150px;
    }
}
@media screen and (max-width:480px) {
    input.input_measureposition
    {
        width: 100px;
    }    
}
@media screen and (max-width:320px) { 
    input.input_measureposition
    {
        width: 70px;
    }    
}
textarea.input_homework
{
    font-size:16px;
}

.data_number{
  text-align: right;
  color: #000000;
}
.a_checkmate
{
    color: inherit;
    text-decoration:underline;
}
textarea#homework{
    font-size: inherit;    
}
.inputbody_noimg{
    display: block;
    padding-top: 20px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
}
.inputbody_img{
    display: block;
    padding-top: 20px;
    margin: 0 auto;
    width: auto; 
    height: auto;
    max-width: 250px;
    max-height: 450px;
}
/* チェックメイトカード一覧表 -----------↑ */

/* シミュレーション画面 -----------↓ */
.size3d {
    width: 250px;
    height: 368px;
}
@media screen and (max-width:1200px) { 
    .size3d {
        width: 220px;
        height: 324px;
    }
}
@media screen and (max-width:991px) { 
    .size3d {
        width: 220px;
        height: 294px;
    }
}
@media screen and (max-width:767px) { 
    .size3d {
        width: 200px;
        height: 294px;
    }
}
@media screen and (max-width:644px) { 
    .header_title_height2 {
        height: 65px;
    }
}
@media screen and (max-width:479px) { 
    .size3d {
        width: 170px;
        height: 250px;
    }
}
.image3d-parent-position {
    position: relative;
}
.image3d-image-position {
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
}
.image3d-noimage-position {
    position: absolute;
    top:0;
    left: 0;
    z-index: 0;
}
.sim_label_height {
    margin-left:10px;
}
.sim_label_age {
    margin-left:10px;
}
.sim-agelist {
    margin-left:220px;
}
.sim_radar_chart_label {
    /*font-weight:900;*/
    padding-left:10px;
}
.sim_radar_chart_bottom_label {
    padding-left:10px;
}
@media screen and (max-width:480px) { 
    .sim_radar_chart_label
    {
        padding-top: 10px;
    }
}
.sim_radar_chart_canvas {
    background-color:#f5f5f5;
}
.sim_radar_chart_pi_label{
    margin-top:-10px;
}
.sim_radar_chart_bottom_legend {
    background-color:#f5f5f5;
    padding-top: 5px;
    margin-bottom: 0;
}
@media screen and (max-width: 480px) {
    .sim_radar_chart_bottom_legend {
        font-size: 95%;
        margin-top: 3px;
        margin-bottom: 3px;
    }
}
.sim_measure_picture_all_area,
.sim_demo_measure_picture_all_area {
    /* padding-left:0; */
    padding-right:0;
}
.sim_measure_picture_area,
.sim_demo_measure_picture_area {
    width:250px !important;
}
.sim_measure_picture_label,
.sim_demo_measure_picture_label {
    background-color:orange;
    font-weight:900;
    color:white;
    width:150px;
    margin-left:50px;
}
@media screen and (max-width: 991px) {
    .sim_demo_measure_picture_label {
        margin-left:auto;
        margin-right:auto;
    }
}
.sim_measure_picture_canvas {
    border:solid 1px #bbbbbb;
    touch-action: none;
    -ms-touch-action:none;
}
.sim_measure_picture_img {
    display:none;
}
.sim_measure_picture_control_panel {
    background: #fafafa;
    border:solid 1px #bbbbbb;
    width:250px;
}
.sim_measure_picture_control_panel_top_area {
    margin-top:5px;
    margin-bottom:0;
}
.sim_measure_picture_control_panel_top_label {
    width:100%;
    font-size:80%;
    margin-bottom:1px;
}
.sim_measure_picture_control_panel_middle_area {
    margin-bottom:0;
}
.sim_measure_picture_control_panel_middle_label {
    width:100%;
    font-size:80%;
    margin-bottom:1px;
}
.sim_measure_picture_control_panel_bottom_area {
    margin-top:0;
}
.sim_measure_picture_control_panel_bottom_label {
    width:100%;
    font-size:80%;
    margin-bottom:0px;
}
.sim_measure_picture_control_panel_top_bar {
    display:inline !important;
    width:70% !important;
    padding-bottom:0;
}
.sim_link1 {
    margin-left: 10px;
    margin-right: 10px;
}
.sim_link2 {
    page-break-before: always;
    page-break-inside: avoid;
}
.sim_static_content {
    margin-left:20px;
}
.sim_demo_btn_smallsize {
    display: none;
}
.sim_demo_btn_normalsize{
    display: inline;
}
.sim_demo_btn_input,
.sim_demo_btn_judge {
    color:#FFFFFF;
    font-size:24px;
    width:250px;
    margin-left:15px;
    margin-right:15px;
    background-color:#ffa22e;
}
@media screen and (max-width: 480px) {
    .sim_demo_btn_input,
    .sim_demo_btn_judge {
        font-size:18px;
    }
}
.sim_demo_btn_input:hover,
.sim_demo_btn_judge:hover {
    color:#FFFFFF;
    background-color:#ff9005;
}
.sim_demo_btn_judge_back {
    width: 150px;
}
.sim_demo_btn_measure_method {
    /* margin-left:19px; */
    margin-bottom: 19px;
    font-size: inherit;
}
.sim_demo_pi {
    margin-top:-10px;
}
.sim_demo_btn_angle_wrap {
    width:500px !important;
    /*margin-left: 15px;*/
}
.sim_demo_btn_angle {
    /* display:inline-flex; */
    margin-top:10px;
    /* margin-left: -55px; */
}
.sim_demo_background_modal {
    background-color:white;
    margin-bottom: 0 !important;
}
.sim_demo_btn_measure_back_modal {
    margin-top:23px !important;
    width: 90px;
}
.sim_demo_btn_measure_input_modal {
    margin-top:23px !important;
    /*background-color:orange !important;
    color:white;
    font-weight:900;*/
    width: 160px;
}
.sim_demo_btn_measure_input {
    margin-left: 10px;
    margin-right: 10px;
}
.sim_measure_picture_btn_panel {
    padding-top:10px;
    padding-bottom: 10px;
}
.sim_measure_picture_btn_scale {
    font-size: 18px !important;
    margin: 0 5px 0 5px;
}
.sim_measure_picture_btn_clear {
    margin-top: 10px;
}
.sim-step-outer-div {
    padding-left:15px !important;
    padding-right:15px !important;
    padding-bottom:5px !important;
}
.sim-step-inner-div {
    border: solid 15px #EAE1D3;
    background-color:#EAE1D3;
    height:100%;
}
.sim-step-title-div {
    text-align:center;
    margin-bottom:7px;
}
.sim-step-title-label {
    color: #FFFFFF;
    background-color:#8CC63F;
    padding-left:10px;
    padding-right:10px;
}
.sim-step-question {
    font-weight: bold;
    font-size:20px;
    color:#997041;
}
.notice_next_step{
    font-size:20px;
    font-weight: bold;
    border-bottom: 1px solid #997041;
    padding-bottom: 3px;
    color : #997041;
}
@media screen and (max-width: 480px) {
    .sim-step-question {
        font-size:16px;
    }
    .notice_next_step{
        font-size:15px;
    }
}
.sim-step-note-label {
    font-size:12px;
}
.sim-step-note-div {
    margin-top:10px !important;
    padding-left:40px !important;
    padding-right:40px !important;
}
@media (max-width: 600px) {
    .sim_demo_btn_input,
    .sim_demo_btn_judge {
        width: 120px !important;
        margin-left: 5px;
        margin-right: 5px;
    }
}

div#middle {
	margin: 0 auto;
    width: 1200px;
}
div#middle_sub1 {
    width: 20%;
    float: left;
}
div#middle_sub2,
div#middle_sub2_demo {
    width: 220px;
    float: left;
}
div#middle_sub3,
div#middle_sub3_demo{
    width: 220px;
    float: left;
}
@media screen and (max-width:767px) { 
    div#middle_sub2_demo {
        width: 200px;
        float: left;
    }
    div#middle_sub3_demo {
        width: 200px;
        float: left;
    }
}
@media screen and (max-width:479px) {
    div#middle_sub2_demo {
        width: 170px;
        float: left;
    }
    div#middle_sub3_demo {
        width: 170px;
        float: left;
    }
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .sim-chart {
        width: 45% !important;
        float: left !important;
    }
    .sim-chart2 {
        width: 520px !important;
        float: left !important;
    }
}
div#middle_sub4 {
    width: 20%;
    float: left;
}
div#btn_section1 {
	margin: 0 auto;
    width: 1200px;
}
.box {
	/* float: left; */
	display: inline-block;
}

.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}

.boxContainer:after {
    clear: both;
}
p.item {
    font-family: "Century Gothic", sans-serif;
    font-weight: bold;
    font-size: 0.9em;
}
.age select {
  background: white;
  border: 2px solid #D2BA85;
  border-radius: 5px;
  color: #0C2245;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  width: 150px;
  margin-top: 5px;
}
.age{
    margin-top: 5px;
    padding-left: 10px;
}
#frame-color {
  background: white;
  border: 2px solid #D2BA85;
  border-radius: 5px;
  color: #0C2245;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 0;
  vertical-align: middle;
}
span.color {
  width:24px !important;
}
.simplecolorpicker.icon {
  font-size: 16px !important;
  border: 2px solid #D2BA85 !important;
  border-radius: 5px !important;
}

td.name {
	background-color: white;
    font-family: "Century Gothic", sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	color           : black;
	width           : 90px;
        vertical-align: top;
}
td.value {
	background-color: white;
    font-family: "Century Gothic", sans-serif;
	font-weight: bold;
	width: 70px;
}
input#btn_input
{
	background-color: #ff8261; /* #EFC1C4; */
	border-radius: 5px;
	margin  : 0px 0px 0px 25px;
}
input#btn_back, input#btn_save
{
	background-color: #ff8261;
	border-radius: 5px;
	margin  : 0px 0px 0px 0px;
}
input#btn_right, input#btn_left
{
	/*background-color: #ff8261;*/
	border-radius: 5px;
	margin  : 0px 0px 0px 0px;
}

input.input-measure
{
    /*
	background-color: #fad8fd;
	text-align: right;
	width: 80px;
	height: 30px;
        margin-bottom: 10px;
    */
    background-color: transparent;
    text-align: right;
    width: 58px;
    height: 100%;
    display: inline-block;
    line-height: inherit;
    border-radius: 0;
    box-shadow: none;
    transition: none;
    font-size: 16px;
}
.input-measure-table {
     width: 100%;
}

.input-measure-table tr
{
    height: 30px;
}

.input-measure-table .value
{
    padding: 0 0 7px 0;
}
.input-measure-table .ui-widget-content {
    background-color: #fad8fd;
}

.modal-dialog-measure {
    width: 350px;
}

.sim_input_div1 {
    white-space: nowrap;
    padding-top: 15px;
}

@media screen and (max-width: 496px) {
    .modal-dialog-measure {
        width: 95%;
    }
}
@media screen and (min-width: 495px) {
    .sim_input_div1 {
        float: left;
    }
    .sim_input_div2 {
        float: left;
    }
}
.anchor_notice,
.anchor_notice:focus,
.anchor_notice:hover{
   text-decoration: none;    
}
.judge_result_notice {
    text-align:center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.judge_result_sns {
    text-align:center;
    border: solid 2px #997041;
    margin-top: 20px;
    border-radius: 10px;
}
div.sns_demo ul{
    /*float: right !important;
    margin-right: 15px;*/
    padding-top: 15px;
}
div.sns_demo ul span{
    font-size: 20px;
    color: #9e5c00;
}
.judgeresult_cmt{
    margin-top: 20px;
}
.judgeresult_cmt_head{
    color: #9e5c00;
    
}
.judgeresult_cmt_body{
    
}
@media screen and (max-width: 480px) {
    div.sns_demo ul{
        padding-top: 10px;
    }
    div.sns_demo ul span{
        font-size: 16px;
    }
    .judge_result_sns {
        height: 80px;
    }
    .judgeresult_cmt_head{
        font-size: 14px;
    }
    .judgeresult_cmt_body{
        font-size: 12px;
    }
}
@media screen and (max-width: 360px) {
    div.sns_demo ul span{
        font-size: 14px;
    }
    .judge_result_sns {
        height: 100px;
    }
    .judgeresult_cmt_head{
        font-size: 12px;
    }
    .judgeresult_cmt_body{
        font-size: 10px;
    }
}
#iag, #mdate{
    margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
    .sim_measure_picture_all_area {
        display: inline-block;
        margin-top: 10px;
    }
    .sim_demo_measure_picture_area {
        width:220px !important;
    }
    .sim_demo_btn_angle_wrap {
        width:440px !important;
    }
    .sim_demo_measure_picture_label {
        margin-left: 35px;        
    }
}
@media screen and (max-width: 991px) {
    .sim_demo_measure_picture_area {
        width:220px !important;
    }
    .sim_demo_measure_picture_all_area {
        /*padding-left: 0;*/
        display: inline-block;
        margin-top: 10px;
    }
    .sim_demo_btn_angle_wrap{
        display: inline;
    }
    .sim_demo_btn_angle{
        margin-top: -10px;
    }
}
@media screen and (max-width: 767px) {
    .sim_demo_measure_picture_area {
        /*float: none !important;*/
        width:200px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .sim_demo_btn_angle_wrap {
        width:100% !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .sim_demo_btn_angle{
        margin-top: -10px;
    }
    .sim_demo_measure_picture_label {
        margin-top:20px;
        margin-left: 25px;      
    }
    
    .sim_measure_picture_bar_panel {
        display: none !important;
    }
    .sim_measure_picture_btn_panel {
        display: inline-block !important;
    }
}
@media screen and (max-width: 571px) {
    .sim_measure_picture_area {
        float: none !important;
    }
    .sim_measure_picture_label {
        margin-top:10px;      
    }
}
@media screen and (max-width: 479px) {
    .sim_demo_measure_picture_area {
        width:170px !important;
    }
    .sim_demo_btn_angle{
        margin-top: 0px;
    }
    .sim_demo_btn_angle > input{
        margin-top: -10px;
        width: 25%;
    }
    .sim_demo_measure_picture_label {
        margin-left: 10px;      
    }
}
@media screen and (max-width: 400px) {
    .sim_demo_measure_picture_area {
        float: none !important;
    }
    .sim_demo_btn_smallsize {
        display: inline;
        margin: 0 auto;
        padding: 0;
    }
    .sim_demo_btn_angle > input{
        margin-top: 25px;
        width: 25%;
    }
    .sim_demo_btn_normalsize{
        display: none;
    }
}
.sim_position_save_div {
    margin-top: 10px;
    text-align: left;
}
@media screen and (max-width:991px) { 
    .sim_position_save_div {
        text-align: center;
    }    
}
.sim_btn_fit_method {
    font-size: inherit;
}
@media screen and (max-width:530px) {
    .sim_btn_fit_method {
        margin-top: 10px;
    }
}
.sim_demo_page_1_pc{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sim_demo_page_1_tab,
.sim_demo_page_1_sp{
    display: none;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:991px) { 
    .sim_demo_page_1_pc,
    .sim_demo_page_1_sp{
        display: none;
    }
    .sim_demo_page_1_tab{
        display: block;
    }
}
@media screen and (max-width:480px) { 
    .sim_demo_page_1_pc,
    .sim_demo_page_1_tab{
        display: none;
    }
    .sim_demo_page_1_sp{
        display: block;
    }
}
.sim_demo_page_2_pc{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sim_demo_page_2_sp{
    display: none;
    margin-left: auto;
    margin-right: auto;    
}
@media screen and (max-width:480px) { 
    .sim_demo_page_2_pc{
        display: none;
    }
    .sim_demo_page_2_sp{
        display: block;
    }
}
.sim_demo_page_3{
    margin-left: auto;
    margin-right: auto;     
}
.sim_demo_page_4_pc{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sim_demo_page_4_tab,
.sim_demo_page_4_sp{
    display: none;
    margin-left: auto;
    margin-right: auto;    
}
@media screen and (max-width:991px) { 
    .sim_demo_page_4_pc,
    .sim_demo_page_4_sp{
        display: none;
    }
    .sim_demo_page_4_tab{
        display: block;
    }
}
@media screen and (max-width:480px) { 
    .sim_demo_page_4_pc,
    .sim_demo_page_4_tab{
        display: none;
    }
    .sim_demo_page_4_sp{
        display: block;
    }
}
.sim_demo_page_man_1{
    display: block;
    margin-left: auto;
    margin-right: auto;    
}
.sim_demo_page_man_2{
    display: block;
    margin-left: auto;
    margin-right: auto;    
}
.sim_demo_page_man_3{
    display: block;
    margin-left: auto;
    margin-right: auto;    
}
.sim_demo_page_man_4{
    display: block;
    margin-left: auto;
    margin-right: auto;    
}
.static_interview1{
    margin-top: 0px;
}
.static_interview2{
    margin-top: 10px;    
}
.static_interview3{
    margin-top: 30px;    
}
.static_interview4{
    margin-top: 10px;    
}
.sim_demo_page_6_pc{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sim_demo_page_6_sp{
    display: none;
    margin-left: auto;
    margin-right: auto;    
}
@media screen and (max-width:480px) { 
    .sim_demo_page_6_pc{
        display: none;
    }
    .sim_demo_page_6_sp{
        display: block;
    }
}
.sim_demo_page_7_pc{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sim_demo_page_7_sp{
    display: none;
    margin-left: auto;
    margin-right: auto;    
}
@media screen and (max-width:480px) { 
    .sim_demo_page_7_pc{
        display: none;
    }
    .sim_demo_page_7_sp{
        display: block;
    }
}
.sim_demo_page_freedial_pc{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sim_demo_page_freedial_sp{
    display: none;
    margin-left: auto;
    margin-right: auto;
}
.sim_demo_page_webmail_pc{
    display: inline;
    cursor: pointer;
}
.sim_demo_page_webmail_sp{
    display: none;
}
@media screen and (max-width:1199px) {
    .sim_demo_page_webmail_pc{
        margin-top: 10px;
        cursor: pointer;
    }
}
@media screen and (max-width:480px) { 
    .sim_demo_page_freedial_pc{
        display: none;
    }
    .sim_demo_page_freedial_sp{
        display: block;
    }
    .sim_demo_page_webmail_pc{
        display: none;
    }
    .sim_demo_page_webmail_sp{
        margin-top: 5px;
        display: inline;
    }
}
@media screen and (max-width:590px) { 
    .gp-movie-wrap {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .gp-movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.mensitemacordion_table{
    width:100%; 
    background :#bdd7ee; 
    margin-bottom: 5px;
}
.mensitemacordion_table tr{
    height: 45px;
}
label.mensitemacordion {
    display: block;
    margin: 0 0 2px 0;
    padding :12px;
    line-height: 1;
    color :#000;
    background :#bdd7ee;
    cursor :pointer;
    text-decoration:underline;
}
.inputmensitemacordion {
    display: none;
}
.threepda_result_img{
    margin: 0 auto;
}
/* シミュレーション画面 -----------↑ */



/* 採寸記録画面 -----------↓ */

.record_height_age{
    padding-left:1.3em;
    margin-bottom:1.0em;
}
.measure_record_container {
    width: 100%;
    display: inline-block;
}
.measureRecord_tbl {
    width: 100%;
    margin-bottom: 10px;
}
@media screen and (max-width:480px) { 
    .measureRecord_tbl {
        margin-bottom: 0px;
    }
}

.measureRecord_tbl th {
    font-weight:normal;
    white-space: nowrap;
    background-color:whitesmoke;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.measureRecord_tbl td {
    font-weight:normal;
    background-color: #FFF;
    padding-left: 0.5em;
}

.measureRecord_tbl_midashi1 {
    width: 45%;
}

.modal-dialog-pi {
  width: 660px;
  height: 300px;
  max-width: 95%;
}

.margin_clear {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.select_option_box {
    float: left;

}
.barometer_name_mesure {
    /* height: 19px; */
}
.measureunit{
    font-size: 90%;
    margin-left: 3px;
}
.barometer_info {
    font-size: 90%;
    margin-left: 3px;
    font-weight: bold;
}
.barometer_container {
    max-width: 840px;
    margin: auto;
}

.barometer_block {
    margin: auto;
    max-width: 420px;
    float: left;
}

.barometer_box {
    height: 100px;
    margin: auto;
}

@media (max-width: 990px) {
    .barometer_block {
        float:none;
    }
}

.barometer_col{
    float: left;
    width: 210px;
    text-align:left; 
}
@media (min-width: 768px) {
    .measureRecord_pc {
        display: block;
    }
    .measureRecord_sp {
        display: none;
    }
    .barometer_box_des {
        display:block;
    }
}
@media (max-width: 767px) {
    .barometer_container {
        max-width: 480px;
        margin: auto;
    }
    .barometer_block {
        margin: auto;
        max-width: 240px;
        float: left;
    }
    .measureRecord_pc {
        display: none;
    }
    .measureRecord_sp {
        display:block;
        margin: auto;
    }
    .barometer_col {
        float:left;
        width: 240px;
    }
    .barometer_col_men{
        float:left;
        width: 240px;
    }
    .barometer_box_des {
        display:none;
    }
}
@media (max-width: 526px) {
    .barometer_container {
        max-width: 420px;
        margin: auto;
    }
    .barometer_block {
        margin: auto;
        max-width: 210px;
        float: left;
    }
    .barometer_col {
        float:left;
        width: 210px;
    }
    .barometer_col_men{
        float:left;
        width: 210px;
    }
}
@media (max-width: 500px) {
    .barometer_container {
        max-width: 400px;
        margin: auto;
    }
    .barometer_block {
        margin: auto;
        max-width: 180px;
        float: left;
    }
    .barometer_col {
        float:left;
        width: 180px;
    }
    .barometer_col_men{
        float:left;
        width: 180px;
    }
}
@media (max-width: 406px) {
    .barometer_block {
        float: none;
    }
}
.barometer-null {
    text-indent: 0.5em;
    width: 100%;
}
.barometer-text {
    line-height:65px;
}

.parts_barometer_col-1{
/*    min-height:60px;
    min-width: 230px;*/
}
.parts_barometer_col-2{
/*    height:60px;*/
    max-width: 140px;
    min-width:120px;
}
.parts_barometer_col-3{
/*    height:60px; 
    max-width: 170px; 
    min-width: 150px;*/
}
.parts_barometer_col-4{
/*    height:60px;*/
}
@media (max-width: 736px) {
    .parts_barometer_col-2{
        max-width: 130px;
        min-width:110px;
    }
}
@media (max-width: 676px) {
    .parts_barometer_col-2{
        max-width: 125px;
        min-width:105px;
    }
    .parts_barometer_col-3{
        max-width: 140px;
    }
}
.record_chart_canvas{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: auto;
}
/* bootstrap上書き */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}
.carousel-control.btn-enable {
  color: #FFF;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 1);
  /* background-color: rgba(254, 249, 240, 0.4); */
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.carousel-control.btn-disabled {
  color: #CCC;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  /* background-color: rgba(254, 249, 240, 1); */
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(220,220,220,1) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(220,220,220,1) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(220,220,220,1)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(220,220,220,1) 0%, rgba(0, 0, 0, 0) 100%);
}
.carousel-control.right {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(220,220,220,1) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(220,220,220,1) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(220,220,220,1)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(220,220,220,1) 100%);
}
.carousel-control.btn-enable:hover,
.carousel-control.btn-enable:focus {
  color:#B22222;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.carousel-control.btn-disabled:hover,
.carousel-control.btn-disabled:focus {
  color:#CCC;
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.sp_DispNone {
    display:block;
}
.sp_Disp{
    display:none;
}
        
@media screen and (max-width: 767px) {
    .sp_DispNone {
        display:none;
    }
    .sp_Disp{
        display:block;
    }
}

#posi_selectpart {
    float: left;
    width: 120px;
    text-align: right;
}
#posi_selectdate {
    float: left;
    width: 120px;
    text-align: right;
}

.measureRecord_box {
    width: 300px;
    float: left;
}
.measureRecord{
    float: left;
}
@media screen and (max-width: 767px) {
    .measureRecord_box {
        width: 180px;
        margin-top: 5px;
    }
}
@media screen and (max-width:480px) { 
    .measureRecord_box {
        width: 160px;
        margin-top: 5px;
    }
}
@media screen and (max-width:370px) { 
    .measureRecord_box {
        width: 140px;
        margin-top: 5px;
        font-size: 90%;
    }
}

.measurerecord_selectpart {
  font-size: 16px;
  padding: 0px 10px;
  width:180px;
}
.measurerecord_selectdate {
  font-size: 16px;
  padding: 0px 10px;
  width:180px;
}
@media screen and (max-width:480px) { 
    .measurerecord_selectpart {
        width: 155px !important;
    }
    .measurerecord_selectdate {
        width: 155px !important;
    }
}
@media screen and (max-width:370px) { 
    .measurerecord_selectpart {
        width: 135px !important;
        font-size: 15px;
    }
    .measurerecord_selectdate {
        width: 135px !important;
        font-size: 15px;
    }
}
@media screen and (max-width: 767px) {
    .measureRecord{
        width: auto;
        margin-top: 0px;
        padding-top: 0px;
    }
    .measurerecord_selectpart {
        margin-top: 0px;
        padding-top: 0px;
      width:160px;
    }
    .measurerecord_selectdate {
        margin-top: 0px;
        padding-top: 0px;
        width:160px;
      }

}

.picarea_margin_left,
.picarea_margin{
    margin-top:5px;
}
@media screen and (max-width:767px) {
    .picarea_margin{
        margin-top:60px;
    }
}
@media screen and (max-width:480px) {
    .picarea_margin_left{
        margin-top:0px;
    }
}
.measureinput_picture_label {
    background-color:orange;
    font-weight:900;
    color:white;
    text-align: center;
}
.measureinput_picture_img {
    display: block;
    margin: 0 auto;
    width: auto; 
    height: auto;
    max-width: 250px;
    max-height: 368px;
}
.bodypicture_area_front_b,
.bodypicture_area_front_b canvas,
.bodypicture_area_side_b,
.bodypicture_area_side_b canvas,
.bodypicture_area_front,
.bodypicture_area_front canvas,
.bodypicture_area_side,
.bodypicture_area_side canvas{
    margin: 0 auto;
    width: auto; 
    height: auto;
    max-width: 250px;
    max-height: 368px;
    text-align: center;
}
/*@media screen and (max-width:480px) { 
    .bodypicture_area_front,
    .bodypicture_area_front canvas,
    .bodypicture_area_side,
    .bodypicture_area_side canvas{
        height: auto;
    }
}*/

.pi_lank {
    margin-top:5px;
}
/* 採寸記録画面 -----------↑ */



div.text-center {
  text-align:center;
}

#select_height1, #select_height2, #select_height3, #select_height4, #select_age1, #select_age2, 
#selh1, #selh2, #selh3, #selh4, #sela1, #sela2,
#sh1, #sh2, #sh3, #sh4, #sa1, #sa2 {
  display:inline-block;
  padding: 0px 10px;
  width:65px;
  font-size: 16px;
  margin-bottom: 30px;
  font-weight: bold;
}
#sh1, #sh2, #sh3, #sh4, #sa1, #sa2 {
  margin-bottom: 0;
}
@media screen and (max-width:379px) { 
    #sh1, #sh2, #sh3, #sh4, #sa1, #sa2 {
      width: 52px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
      /* font-size: 10px !important; */
    }
    #sa1, #sa2 {
      width: 60px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    #btn_sex01, #btn_sex02 {
      /* width:100px !important; */
    }
    #btn_login {
      width:240px !important;
    }
}

.login_birthday {
    margin-right: -20px;
}
.login_diacd {
    font-size: 16px;
}
.select_year {
    width: 81px;
    display: inline-block;
}
.select_month, .select_day {
    width: 57px;
    display: inline-block;
}

.login_birthday .select_year,
.login_birthday .select_month,
.login_birthday .select_day {
    font-size: 16px;
    padding-left: 0;
}
.login_email, .login_password, .login_reminder {
    font-size: 16px;
}

.select_notes {
    margin-left: 15px;
    margin-bottom: 30px;
}
.select_h3 {
    margin-bottom: 0;
}
.select_p {
    margin: 0 0 5px;
}
#selectRegion {
  padding: 0px 10px;
  width:150px;
}

#btn_sex01, #btn_sex02 {
  /* width:130px;
  font-size: inherit; */
}

#btn_login {
  width:265px;
  font-size: inherit;
}

#btn_input_password, #btn_input_password_accordion, #btn_measure_input, #btn_homework_save, #btn_measure_save, #btn_measure_confirm, #edt_msr_men, #edt_msr_men_accordion, #btn_userdiary_save, #btn_aim_save, #btn_showall, #btn_showfive, #btn_chiefpic_input {
  width:220px;
  font-size: inherit;
}
@media screen and (max-width:768px) {
    #btn_input_password, 
    #edt_msr_men{
        width:220px;
    }
    #btn_input_password_accordion, #btn_measure_input, #btn_homework_save, #btn_measure_save, #btn_measure_confirm, #edt_msr_men_accordion, #btn_userdiary_save, #btn_aim_save, #btn_showall, #btn_showfive, #btn_chiefpic_input {
      width:200px;
    }
}
@media screen and (max-width:480px) {
    #btn_input_password,
    #btn_input_password_accordion, 
    #edt_msr_men, 
    #edt_msr_men_accordion{
      width:200px;
    }
    #btn_measure_input, #btn_homework_save, #btn_measure_confirm, #btn_userdiary_save, #btn_aim_save, #btn_showall, #btn_showfive, #btn_chiefpic_input {
      width:175px;
    }
    #btn_measure_save{
      width:145px;
    }
}
@media screen and (max-width:320px) { 
    #btn_input_password,
    #btn_input_password_accordion, 
    #edt_msr_men, 
    #edt_msr_men_accordion{
      width:180px;
    }
    #btn_measure_input, #btn_homework_save, #btn_measure_confirm, #btn_userdiary_save, #btn_aim_save, #btn_showall, #btn_showfive, #btn_chiefpic_input {
      width:155px;
    }
    #btn_measure_save{
      width:125px;  
    }
}

#footer, #footer2 {
  /*background-image: url(../img/overlay.png);*/
  background-color: #C5AC8B;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color : #fff;
  margin-top:30px;
}
.top-footer {
  background-image: none !important;
  background-color: #C5AC8B !important;
}
.top-subfooter {
    margin-top:35px;
    padding-top:20px;
    text-align:center;
    width:100%;
    height:50px;
    background-color:#E5DACA;
    vertical-align: middle;
}
.top-subfooter-link-li {
  display:inline;
  border-right:1px solid #666666;
  padding:0 5px;
  white-space: nowrap;
}
.top-subfooter-link-li>a:link,
.top-subfooter-link-li>a:visited,
.top-subfooter-link-li>a:hover,
.top-subfooter-link-li>a:active
{
    color:#000000;
}
.top-subfooter-link-li-first {
}
.top-subfooter-link-li-last {
  border-right:0;
}
.top-subfooter-link-ul {
  font-size: 12px;
  margin-bottom: 0;
  
}

.center{
  text-align: center;
}

.data_color_r{
  color: #ff0000;
}

.data_color_b{
  color: #0000ff;
}

table.data th.column,
table.data td.column {
  vertical-align: middle;
  color: #ffffff;
  background-color: #D2B48C;
  /*border: 1px solid #000000;*/
  text-justify:distribute-all-lines;
}

table.data th.column_small,
table.data td.column_small {
  vertical-align: middle;
  color: #ffffff;
  background-color: #D2B48C;
  /*border: 1px solid #000000;*/
  text-justify:distribute-all-lines;
  font-size: 85%;
}

table.data th.columnmiddle,
table.data td.columnmiddle {
  vertical-align: middle;
}

table.data_half th.column,
table.data_half td.column {
  vertical-align: middle;
  color: #ffffff;
  background-color: #D2B48C;
  /*border: 1px solid #000000;*/
  text-justify:distribute-all-lines;
}

table.data_half th.columnmiddle,
table.data_half td.columnmiddle {
  vertical-align: middle;
}


/* 体型変化 start */

/* 体型変化状況確認画面の切り替えボタン start */
.body_shape_change_state_box {
  font-size:inherit;
  height: auto;
}
.shape_fixedcol_grp{
    margin: 0 auto;
}
/* チェックメイトカード スマホ表示start */
.srchstatedate{
    display:inline;
}
@media screen and (max-width:390px) { 
    .srchstatedate{
        margin-top: 10px;
    }
}
.bodyshapechangestate_btn {
    text-align: center;
    height: 2.5em;
    width: 120px;
    line-height: 2.5em;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #7f7f7f;
}
.bodyshapechangestate_btn a {
    display:block;
    width: 100%;
    height: 100%;
    color: #7f7f7f;
    text-decoration: none;
}
.btn_focus a{
    color: #fff;
    background-color: #7f7f7f;
}

@media screen and (max-width: 495px) {
    
    /*.bodyShapeChangeState_col */
    .bodyshapechangestate_btn
    {
        min-width: 80px;
    }
    
    .bodyShapeChangeState_col img {
        max-width: 80px;
    }
}

@media screen and (min-width: 496px) {
    /*.bodyShapeChangeState_col*/
    .bodyshapechangestate_btn
    {
        max-width: 105px;
    }
    
    .bodyShapeChangeState_col img {
        max-width: 115px;
    }
}

div.bodyShapeChangeState_x_scroll_bodyType {
  width: 100%;
  height: 100%;
  padding-left: 0px;
  overflow:auto;
}
.weight_style{
    color:	#B22222;
    font-size:inherit;
}
/* 体型変化 end */


.button_down{
  margin-top: 20px;
}


/* TOPへ戻るボタン start */
#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 75%;
    z-index: 10000;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 90px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 20px;

    -webkit-transition:all 0.3s ;
    -moz-transition:all 0.3s ;
    transition:all 0.3s ;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/* TOPへ戻るボタン end */

/* サロンからのお知らせ start */
.sln_info_viewer_count{
  float: right;
  margin-top:25px;
  margin-left:10px;
}

.sln_info_date {
    border-radius: 5px;
    position: relative;
    background-color: #ffcc66;
    /*background-image:
    linear-gradient(rgba(241,207,164,0.5) .1em, transparent .1em);*/
    background-size: 100% 1.5em;
    line-height:1.5em;
    font-size: inherit;
    text-align:left;
    height: 25px;
    width: 180px;
    margin-top: 20px;
    padding-top: 3px;
    padding-left: 2px;
    word-break: keep-all;
}

.sln_info_edit_btn {
    padding:0 7px 0 7px;
    background-color:#ddd;
    font-size:inherit;
    margin-top:22px;
    margin-left:20px;
}

.sln_info_input_btn {
    margin-top:15px;
    width:150px;
    font-size:inherit;
}
.chiefpic_input_btn{
    margin-top: 15px;
    font-size: inherit;
    width: 150px;
}

.sln_info_edit_div {
    text-align:right;
    vertical-align:bottom;
    margin-top:20px;
    padding-left: 0;
    padding-right: 0;
}

.sln_info_input_btn_div {
    padding-right: 0;
    padding-left: 0;
}

.sln_info_viewer_count_div {
    text-align:right;
    vertical-align:bottom;
    padding-left: 0;
}

.sln_info_information {
    background-color: #f8fd7a;
    border:0;
    margin-bottom:5px;
    min-height:100px;
    max-height: 160px;
    padding-top:3px;
    padding-left:3px;
    font-family: inherit;
    overflow-y: scroll;
    overflow-x: hidden;
    white-space: pre-wrap;
    
    box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);
}

.sln_info_media {
    display:inline-block;
    vertical-align:middle;
}

.sln_info_sln_nm {
    margin-bottom:0px;
}

.sln_info_sln_intro {
    word-break: break-all;
}

.sln_info_cheif_image {
    width: 150px;
}
@media screen and (max-width:768px) { 
    .sln_info_cheif_image {
        width: 130px;
    }
}
@media screen and (max-width:480px) { 
    .sln_info_cheif_image {
        width: 110px;
    }
}

@media screen and (max-width:1536px) { 
    .sln_info_information_image {
        max-width: 100%;
    }
}
@media screen and (max-width:768px) { 
    .sln_info_information_image {
        max-width: 600px;
        margin-bottom: 10px;
        text-align: center;
    }
}
@media screen and (max-width:480px) { 
    .sln_info_information_image {
        max-width: 300px;
        margin-bottom: 10px;
        text-align: center;
    }
}
@media screen and (max-width:320px) { 
    .sln_info_information_image {
        max-width: 250px;
        margin-bottom: 10px;
        text-align: center;    
    }
}

hr.sln_info_hr {
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

.sln_info_date_wrap {
    padding-right: 0;
}
/* サロンからのお知らせ end */

/* ロック部分（スクロールチェンジ用） */
div.lock_bodyType_after {
  float: left;
  width: 340px;
}

/* 横スクロール部分 (スクロールチェンジ用）*/
div.x_scroll_bodyType_after {
  float: left;
  width: 700px;
  border-left: 1px double #CCC;
  overflow-y: hidden; /* 縦スクロール非表示 */
  overflow-x: scroll; /* 横スクロール */
}




/* ユーザ日記 start */
.diarie_selectYM {
    float: left;
}

.aim_input_btn {
    font-size: inherit;
}

.diary_info_date {
    border-radius: 8px;
    position: relative;
    background-color: #ddd;
    /*background-image: linear-gradient(rgba(241,207,164,0.5) .1em, transparent .1em);*/
    background-size: 100% 1.5em;
    line-height:1.5em;
    font-size: inherit;
    text-align:left;
    height: 25px;
    width: 180px;
    margin-top: 20px;
    word-break: keep-all;
}

.diary_input_btn {
    width:200px;
    background-color:#f18d05;
    color:white;
    font-size: inherit;
    margin-bottom: 5px;
    float:left; 
    margin-top:5px; margin-right:20px;
}
@media screen and (max-width:480px) { 
    .diary_input_btn {
        width:140px;
    }
}

.diary_input_btn_div {
    padding-right: 0;
    padding-left: 0;
}

.diary_info_information_image {
    max-width: 300px;
}

label#future {
    border-radius: 8px;
    position: relative;
    border: thin #97CFC1 solid;
    background-color: #fcfef0;
    background-image:
    linear-gradient(rgba(252, 254, 240,0.6) .1em, transparent .1em);
    background-size: 100% 1.5em;
    line-height:1.5em;
    font-size: 1.2em;
    text-align:left;
    color: #503911;

    width: 740px;
    height: 80px;
    overflow:auto;
    margin-top: 5px;
    word-break: break-all;
}

label#homework {
    border-radius: 8px;
    position: relative;
    border: thin #97CFC1 solid;
    background-color: #f9fef0;
    background-image:
    linear-gradient(rgba(249, 254, 240, 0.3) .1em, transparent .1em);
    background-size: 100% 1.5em;
    line-height:1.5em;
    font-size: 1.2em;
    text-align:left;
    color: #503911;

    width:740px;
    height: 130px;
    overflow:auto;
    margin-top: 5px;
    margin-bottom: 30px;
    word-break: break-all;
}

.diary_information{
    border: thin #97CFC1 solid;
    background-color: #fdfff9; 
    padding:0; 
    /*高さ幅は入力画面と極力同じになるように調整*/
    margin-right:40px; 
    margin-bottom:5px; 
    min-height:100px;
    max-height: 160px;
    font-family: inherit;
    overflow-y: scroll;
    overflow-x: hidden;
    white-space: pre-wrap;
}
@media screen and (max-width:1199px) { 
    .diary_information {
        margin-right:20px; 
    }
}

.diary_media {
    display:inline-block;
    vertical-align:middle;
    margin-bottom: 10px;
}


@media screen and (min-width:1537px) { 
    img#homework
    {
        margin  : 0px 0px 0px -10px;
        padding-left: 0px;
        padding-right: 50px;
        width: 200px;
    }
    img#future
    {
        margin  : 5px 0px 0px 0px;
        padding-left: 0px;
        padding-right: 50px;
        width: 200px;
    }
    .diary_image {
        max-width: 100%;
    }
    .diary_youtube{
        width:280px;
        height:157px;
    }
}
@media screen and (max-width:1536px) { 
    img#homework
    {
        margin  : 0px 0px 0px -10px;
        padding-left: 0px;
        padding-right: 50px;
        width: 200px;
    }
    img#future
    {
        margin  : 5px 0px 0px 0px;
        padding-left: 0px;
        padding-right: 50px;
        width: 200px;
    }
    .diary_image {
        max-width: 100%;
    }
    .diary_youtube{
        width:280px;
        height:157px;
    }
}
@media screen and (max-width:768px) { 
    img#homework
    {
        margin  : 0px 0px 0px -10px;
        padding-left: 0px;
        padding-right: 50px;
        width: 175px;
    }
    img#future
    {
        margin  : 5px 0px 0px 0px;
        padding-left: 0px;
        padding-right: 50px;
        width: 175px;
    }
    .diary_image {
        max-width: 600px;
        margin-bottom: 10px;
        text-align: center;
    }
    .diary_youtube{
        width:280px;
        height:157px;
    }
}
@media screen and (max-width:480px) { 
    img#future
    {
        margin  : 5px 0px 0px 0px;
        padding-left: 0px;
        padding-right: 50px;
        width: 150px;
    }
    img#homework
    {
        margin  : 0px 0px 0px -10px;
        padding-left: 0px;
        padding-right: 50px;
        width: 150px;
    }
    .diary_image {
        max-width: 200px;
        margin-bottom: 10px;
        text-align: center;
    }
    .diary_youtube{
        width:280px;
        height:157px;
    }
}
@media screen and (max-width:320px) { 
    .diary_image {
        max-width: 90%;
        margin-bottom: 10px;
        text-align: center;    
    }
    .diary_youtube{
        max-width: 90%;
    }
}

.diary_edit_btn {
    padding:0 7px 0 7px;
    background-color:#ddd;
    font-size:inherit;
}
/* ユーザ日記 end */

/* 管理画面 start */
/* ---会員情報紹介---*/
.NpbTeamTopBgP {
    background-position: 0 -800px;
    height: 50px;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 1px;
}
.NpbTeamTop h1 {
    font-size: large;
    font-weight: bold;
    vertical-align: middle;
    padding: 13px 10px;
}
html>body .yjS {
    font-size: 120%;
}
#NpbProfTxt th {
    background: #f6f6f6;
    border: 1px solid #ccc;
    white-space: nowrap;
}
#NpbProfTxt th.p2 {
    padding-left: 4px;
    width: 180px;
}
#NpbProfTxt td {
    border: 1px solid #ccc;
    padding-left: 4px;
    width: 220px;
}
.NpbTeamTop em {
    background: #eee;
    border: 1px solid #ccc;
    font-size: 100%;
    margin: 5px;
    padding: 2px;
}
/* パスワード答えの空白文字表示対応 */
#NpbProfTxt .reminder-answer-def { 
    white-space: pre-wrap;
}
#NpbProfTxt .reminder-answer { 
    white-space: pre-wrap;
    background-color: #ffdfe6;
    width: fit-content;
}
.attention-area { 
    margin-top: 12px;
    margin-bottom: 15px;
}
/* 管理画面 end*/


/* チェックメイトカード スマホ表示start */
.pc_attention {
    display: inline;
}
.sp_attention {
    display: none;
}
@media screen and (max-width:480px) { 
    .accordionmenu {
        display: inline;
        max-width: 400px;
        margin: 0 auto;
        padding: 0;
    }
    .un_accordionmenu{
        display: none;
    }
    .pc_attention {
        display: none;
    }
    .sp_attention {
        display: inline;
        text-align: left;
        margin-left: 1em;
        text-indent: -1em;
    }
    .sp_attention li {
        margin-bottom :3px;
    }
}
span.dan2 a,
span.dan2 label{
    display: inline-block;
    width: 45px;
    font-weight: bold;
    margin-left: 8px;
    text-align: center;
}
span.dan3 {
    margin-left: 15px;
}
span.dan3x {
    display: inline-block;
    width: 45px;
    margin-left: 25px;
    text-align: right;
}
span.dan4 {
    margin-left: 15px;
}
span.dan4x {
    display: inline-block;
    width: 48px;
    margin-left: 0px;
    text-align: right;
    font-size: 90%;
}
span.dan5 {
    margin-left: 20px;
}
span.dan5x {
    display: inline-block;
    width: 45px;
    margin-left: 0px;
    text-align: right;
}
@media screen and (max-width:380px) { 
    span.dan2 {
        margin-left: 100px;
    }
    span.dan3 {
        margin-left: 15px;
    }
    span.dan3x {
        margin-left: 10px;
    }
    span.dan4 {
        margin-left: 15px;
    }
    span.dan4x {
        margin-left: 0px;
    }
    span.dan5 {
        margin-left: 15px;
    }
    span.dan5x {
        width: 45px;
        margin-left: 10px;
    }
}
@media screen and (max-width:360px) { 
    span.dan2 {
        margin-left: 95px;
        font-size: 90%;
    }
    span.dan3 {
        margin-left: 10px;
    }
    span.dan3x {
        display: inline-block;
        width: 40px;
        margin-left: 12px;
    }
    span.dan4 {
        margin-left: 18px;
    }
    span.dan4x {
        margin-left: 0px;
        width: 32px;
    }
    span.dan5 {
        margin-left: 10%;
    }
    span.dan5x {
        display: inline-block;
        width: 30px;
        margin-left: 10px;
    }
}
@media screen and (max-width:320px) { 
    span.dan2 {
        margin-left: 80px;
        font-size: 100%;
        white-space: nowrap;
    }
    span.dan3 {
        margin-left: 15px;
    }
    span.dan3x {
        display: inline-block;
        width: 35px;
        margin-left: 15px;
    }
    span.dan4 {
        margin-left: 20px;
    }
    span.dan4x {
        margin-left: -5px;
    }
    span.dan5 {
        margin-left: 15px;
    }
    span.dan5x {
        display: inline-block;
        width: 30px;
        margin-left: 10px;
    }
}

/* チェックメイトカード スマホ表示end */

.btn_back_maesureedt,
.btn_back_homework,
.btn_back_picture,
.btn_back_aim,
.btn_back_diary,
.btn_back_slninf,
.btn_back_chiefimg{
    width: 120px;
}

/* ログイン画面レイアウト 調整 start */
.well-login-first {
  background-color: #d2f9d2;
}

.well-login-member {
  background-color: #fde5f0;
}

.login_heading {
   padding-left: 14px;
}

.login_comment {
    color:#F15923;
    font-weight: bold;
    padding-left: 14px;
}

.login_title {
    font-size: 110%;
}
/* ログイン画面レイアウト 調整 end */

/* LINEともだち追加ボタン 調整 start */
.line_add_img_parent_position {
    position: relative;
}
.line_add_img_position_pc {
    position: absolute;
    top: 79%;
    left: 65%;
}
.line_add_img_position_sp {
    margin-top: 10px;
    display: none;
}
.line_add_img_pc {
    width: 90%;
    height: auto;
}
.line_add_img_sp {
    width: 30%;
    height: auto;
}

@media screen and (max-width:1199px) {
    .line_add_img_position_pc {
        left: 63%;
    }
    .line_add_img_pc {
        width: 80%;
    }
}
@media (max-width: 990px) {
    .line_add_img_position_pc {
        left: 59%;
    }
    .line_add_img_pc {
        width: 60%;
    }
}
@media (max-width: 768px) {
    .line_add_img_position_pc {
        display:none;
    }
    .line_add_img_position_sp {
        display:inline;
    }
}
/* LINEともだち追加ボタン 調整 end */