@charset "utf-8";
/* =============================================================================
   responsive
   ========================================================================== */
img{max-width: 100%;}
@media (max-width: 1000px) {
.contents-passing{width: 88%; font-size: 10px !important;}
}

@media (max-width: 840px) {
.table-responsive {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
border: 1px solid #ddd;
}
}

@media (max-width: 768px) {
.result-body .span6{width: 100%; margin-left:0;}
.input-address{width:300px;}
.tutorial_pc { display:block !important; }
.tutorial_mobile { display:none !important; }
.search-contents-form-container{width: 100%;}
.search-contents-form-container td{display: block;}
.search-contents-form-container table{width: 100%;}
.search-contents-form-label{width: 100%;}
.search-contents-forms{width: 100%; margin-bottom: 10px;}
.search-contentes-form-br{display: none;}
.search-contents-textbox{width: 90%;}
}
@media (max-width: 600px) {
.table-res-cntlist { width:100%; }
.table-res-cntlist thead {display: none;}
.table-res-cntlist tr { margin-bottom: 20px; padding: 6px; border:2px solid #ddd;}
.table-res-cntlist tr, .table-res-cntlist td { display:block; }
.table-res-cntlist td:nth-child(1) { text-align:center; }
.table-res-cntlist tr td:last-child { display:none; }
.table-res-cntlist tr td { border:0px solid #ddd; }
.contets-category { width:90%; }
.contets-status { width:90%; }
.contets-name { text-align:left; margin:0% 5% 0%;}
.contets-term { text-align:left; margin:0% 5% 0%;}
.table-responsive{border:none;}
.table-res-resultlist{width:100%; border-collapse: collapse; border:none;}
.table-res-resultlist tr{border:1px solid #ddd}
.table-res-resultlist tr:first-child{display: none;}
.table-res-resultlist tr, .table-res-resultlist td{display:block;}
.table-res-resultlist tr{margin-bottom: 20px;}
.table-res-resultlist td{border-bottom: 1px solid #ddd; border-left:none; border-top:none; text-align:right !important; padding:8px 12px;}
.table-res-resultlist td:last-child{text-align: center !important;}
.table-res-resultlist td::before {
content: attr(data-label);
float: left;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;}
.contents-info-tbl-colhead{font-size: 12px; width: 30%;}
.contents-passing{width: 68px; font-size: 12px !important;}
.mobile-text-input{width:125px;}
.mobile-textarea{width:87%;}
.tutorial_pc { display:none !important; }
.tutorial_mobile { display:block !important; }
input[data-tmp-form_type="postal_code_1"]{width:60px;}
input[data-tmp-form_type="postal_code_2"]{width:80px;}
input[name="form[phone_number][0]"]{width:60px;}
input[name="form[phone_number][1]"]{width:60px;}
input[name="form[phone_number][2]"]{width:60px;}


@media (max-width: 530px) {
  .search-contents-forms .checkbox.inline{display: block; margin: 0;}
  .search-contents-forms .checkbox.inline + .checkbox.inline{margin: 0;display: block;}
}

@media (max-width: 480px) {
  .input-address{width:127px;}
  .container{min-width: inherit;}
  select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"]{height: auto;}
  select{width:95%;}
  select[data-tmp-form_type="date_pulldown"]{width:auto;}
  input[data-tmp-form_type="postal_code_1"]{width:60px;}
  input[data-tmp-form_type="postal_code_2"]{width:80px;}
  .login-panel,.login-panel-title{width:auto;}
  .login-panel-info-field{width:auto;}
  .login-panel-input,.login-panel-btn-login{width:100%; box-sizing: border-box;}
  .login-panel-title,.login-panel-hint-extend{margin-left: 0;}
  .login-panel-link-extend{margin-right: 0;}
  #navbar #primary-nav > li > a > span {display: none;}
}

@media (max-width: 450px) {
  input[name="form[phone_number][0]"]{width:30px;}
  input[name="form[phone_number][1]"]{width:30px;}
  input[name="form[phone_number][2]"]{width:30px;}
}

@media (max-width: 400px) {
  select[data-tmp-form_type="date_pulldown"]{width:50%;}
  input[data-tmp-form_type="postal_code_1"]{width:40px;}
  input[data-tmp-form_type="postal_code_2"]{width:50px;}
}

@media (max-width: 350px) {
  input[data-tmp-form_type="postal_code_1"]{width:30px;}
  input[data-tmp-form_type="postal_code_2"]{width:40px;}
  input[name="form[phone_number][0]"]{width:29px;padding-left:3px;padding-right:3px;height: 15px;}
  input[name="form[phone_number][1]"]{width:29px;padding-left:3px;padding-right:3px;height: 15px;}
  input[name="form[phone_number][2]"]{width:29px;padding-left:3px;padding-right:3px;height: 15px;}
}