* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "游ゴシック", sans-serif;
  overflow-wrap: break-word;
}


.mb ,
.mb-ib {
  display: none  !important;
}


body {
  margin: 0 auto;
  width: 1000px;
  text-align: center;
  color: #000;
  font-size: 1em;
}


/*** common ***/


h1 {
  border-bottom: solid 2px #040;
  margin: 100px auto 2em;
  width: 1000px;
  padding-bottom: 0.3em;
  color: #040;
  font-size: 1.8em;
}


h2 {
  margin: 2em auto;
  font-size: 1.6em;
}


ul.nav {
  margin: 0;
  padding: 0;
}


ul.nav li {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
}


ul.nav li a {
  display: block;
}


a {
  color: #00f;
}


a:hover img {
  opacity: 0.6;
}


img {
  margin: 0;
  border: 0;
  padding: 0;
  vertical-align: middle;
}


strong {
  font-size: 140%;
}


em {
  color: #f00;
  font-style: normal;
}


hr {
  margin: 2em auto;
  border: 0;
  border-top: dotted 1px #668;
  width: 800px;
}


img.icon {
  width: 20px;
  height: 20px;
}


span.label {
  position: relative;
  top: -30vh;
}


p.index_news {
  margin: 2em auto;
  color: #f00;
  font-weight: bold;
  font-size: 1em;
  text-align: left;
}


/*** header ***/


header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  border-bottom: solid 1px #555;
  background-color: rgba( 0 , 64 , 0 , 0.6 );
  text-align: center;
  font-weight: bold;
}


header img.logo {
  width: auto;
  height: 60px;
}


/*** menu ***/


header div {
  margin: 0 auto;
  width: 1000px;
  text-align: left;
}


a.menu {
  position: fixed;
  padding: 3px 20px;
}


a.menu img {
  width: auto;
  height: 54px;
}


a#menu_background {
  display: none;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba( 0 , 0 , 0 , 0.8 );
}


ul#menu {
  display: block;
  position: fixed;
  z-index: 12;
  top: -100vh;
  margin: 0 auto;
  width: 800px;
  max-height: 100vh;
  padding: 30px 0 0;
  background-color: rgba( 255 , 255 , 255 , 0.9 );
  text-align: left;
  overflow: auto;
  transition: 0.4s;
  opacity: 0;
}


ul#menu li {
  display: inline-block;
  width: 400px;
}


ul#menu a {
  display: block;
  padding: 1em 20px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
ul#menu a:hover {
  background-color: rgba( 127 , 127 , 255 , 0.6 );
}


ul#menu li.close {
  width: 800px;
}


ul#menu li.close a {
  padding: 0.4em 0;
  font-size: 0.8em;
  background-color: rgba( 255 , 0 , 0 , 0.3 );
}
ul#menu li.close a:hover {
  background-color: rgba( 255 , 0 , 0 , 0.6 );
}


/*** table-form ***/


table.form {
  margin: 0.5em auto 2em;
  border-collapse: collapse;
  width: 1000px;
}


table.form th {
  border: solid 1px #444;
  padding: 20px 0;
}


table.form td {
  border: solid 1px #444;
  width: 700px;
  padding: 20px;
  text-align: left;
}


span.required {
  color: #f00;
  font-weight: bold;
}


/*** input ***/


input ,
textarea ,
select {
  font-size: 1.1em;
}


input.text ,
input.select ,
select.select ,
textarea.textarea {
  -webkit-appearance: none;
  border: solid 1px #444;
  border-radius: 0;
  width: 100%;
  padding: 0.5em;
}
input.text:hover ,
input.select ,
select.select:hover ,
textarea.textarea:hover {
  border-color: #f00;
  color: #800;
}


input.password {
  font-family: "游明朝","serif";
}


input.select ,
select.select {
  border-color: #080;
  color: #080;
}


textarea.textarea {
  resize: vertical;
}


label {
  display: block;
  margin: 0 auto;
  text-align: left;
  font-size: 1.1em;
}


input.radio {
  margin: 0 0.5em;
}


input.radio + span {
  display: inline-block;
  border-radius: 10em;
  min-width: 50%;
  padding: 0.5em 1em;
}
input.radio:checked + span {
  background-color: #dfd;
}


input.button {
  -webkit-appearance: none;
  margin: 2em auto 3em;
  border: solid 2px #666;
  border-radius: 0.2em;
  width: 600px;
  padding: 1em 0;
  background-color: #fff;
  color: #666;
  font-weight: bold;
  transition: 0.4s;
}
input.button:hover {
  background-color: #666;
  color: #fff;
  cursor: pointer;
}


a.button {
  -webkit-appearance: none;
  border: solid 2px #666;
  border-radius: 0.2em;
  padding: 1em;
  background-color: #fff;
  color: #666;
  font-weight: bold;
  text-decoration: none;
  transition: 0.4s;
}
a.button:hover {
  background-color: #666;
  color: #fff;
  cursor: pointer;
}


input.half ,
select.half {
  width: 45%;
}


input.disabled ,
input.disabled:hover {
  visibility: hidden;
  cursor: auto;
}


input.submit {
  border-color: #800;
  color: #800;
}
input.submit:hover {
  background-color: #800;
}


div.button_half input {
  width: 350px;
}


input.shop_user {
  margin: 2px;
  width: auto;
  padding: 0.3em 1em;
}


input.postcode {
  margin-bottom: 2px;
  width: 200px;
}


input.ajaxzip {
  margin: 2px;
  width: 260px;
  padding: 0.3em 0;
}


input.price {
  width: 120px;
}


div.g-recaptcha div {
  margin: 3em auto;
}


div.g-recaptcha iframe {
  display: block;
}


ul.select_input {
  z-index: 11;
}


/*** error ***/


ul.error {
  display: inline-block;
  margin: 2em auto;
  max-width: 98vw;
  color: #f00;
  text-align: left;
}


ul.error li {
  margin: 1em 0;
}


/*** table-rows ***/


table.rows {
  border-collapse: collapse;
  margin: 0.5em auto 2em;
  width: 1000px;
}


table.rows tr {
  border-top: solid 1px #444;
  border-bottom: solid 1px #444;
}


table.rows td {
  padding: 5px 0;
}


table.rows td.icon {
  width: 50px;
}


table.rows td.icon a {
  display: block;
}


/*** customer ***/


a#estimate_input_background ,
a#file_input_background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba( 0 , 0 , 0 , 0.8 );
}


form#estimate_input ,
form#file_input {
  display: none;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom : 0;
  width: 550px;
  height: 680px;
  padding: 10px 100px;
  background-color: rgba( 255 , 255 , 255 , 0.9 );
}


form#estimate_input div.customer_name ,
form#file_input div.file_name {
  border-bottom: solid 2px #060;
  margin: 1em 0;
}


form#estimate_input div.customer_name span ,
form#file_input div.file_name span {
  font-weight: bold;
}


div.customer_search {
  margin-top: 10px;
}


div.customer_search input.button {
  margin: 0;
  width: 250px;
  padding: 5px 0;
}


span.search {
  color: #f00;
  font-weight: bold;
}


div.customer_result {
  margin: 0 auto;
  width: 1000px;
  border-bottom: solid 1px #000;
  text-align: left;
}


div.customer_insert {
  border-bottom: solid 1px #000;
  background-color: #8b8;
}


ul.customer {
  display: inline-block;
  margin: 0 auto;
  border-bottom: solid 1px #000;
  width: 1000px;
  padding: 1em 0;
  font-size: 0.9em;
}


ul.customer li {
  display: inline-block;
  margin: 0;
  padding: 1em 0;
}


ul.customer li.customer_name {
  width: 280px;
}


ul.customer li.customer_name a {
  color: #f00;
  font-weight: bold;
}


ul.customer li.shop_name {
  width: 120px;
}


ul.customer li.planner_name {
  width: 140px;
  background-color: #bbf;
}


ul.customer li.mycustomer {
  background-color: #f88;
}


ul.customer li.customer_tel {
  width: 140px;
}


ul.customer li.customer_email ,
ul.customer li.customer_line {
  width: 240px;
  text-align: left;
}


ul.customer li.customer_line a {
  color: #080;
}

ul.customer li.icon {
  width: 40px;
}


ul.customer li.estimate_name {
  width: 130px;
  padding: 0;
}


ul.customer li.estimate_name a {
  display: block;
  padding: 1em 0;
}


ul.customer li.estimate_name a.estimate1 {
  background-color: #f00;
  color: #fff;
  font-weight: bold;
}


ul.customer li.estimate_name a.estimate2 {
  background-color: #fbb;
  color: #f00;
}


ul.customer li.estimate_name a.estimate3 {
  background-color: #fd4;
  color: #f00;
  font-weight: bold;
}


ul.customer li.estimate_name a.estimate4 {
  background-color: #aaa;
  color: #000;
}


ul.customer li.estimate_name a.estimate5 {
  background-color: #aaa;
  color: #f00;
}


ul.customer li.estimate_name a.estimate6 {
  background-color: #fd4;
  color: #000;
}


ul.customer li.estimate_name a.estimate7 {
  background-color: #fd4;
  color: #080;
}


ul.customer li.customer_price {
  width: 130px;
}


ul.customer li.customer_address {
  width: 700px;
  text-align: left;
}


ul.customer li.customer_address span.customer_old_address {
  color: #080;
}


/*** customer_detail ***/


span.status0 {
  color: #f00;
  font-size: 80%;
  font-weight: bold;
}


div.file {
  margin: 0 0 1em;
}

/*** customer_cloud ***/


#droparea {
  margin: 0 auto;
  border: dashed 4px #bbb;
  width: 800px;
  padding: 2em 1em;
  text-align: center;
  font-size: 1em;
  background-color: #eee;
}


#droparea:hover {
  background-color: #fdd;
  border: dashed 4px #f88;
  color: #800;
}


#droparea.dropover {
  background-color: #ddf;
  border: dashed 4px #88f;
  color: #008;
}


ul.filegroup {
  margin: 2em auto;
  width: 1000px;
  text-align: left;
}


ul.filegroup li.filegroup_insert {
  width: 300px;
  padding: .5em 0;
  font-size: 1.5em;
  font-weight: bold;
}


ul.filegroup li.filegroup_name {
  width: 650px;
  padding: .5em 0;
  font-size: 1.5em;
  font-weight: bold;
}


ul.filegroup li.filegroup_icon {
  width: 50px;
  padding: .5em 0;
}


ul.filegroup li.file {
  width: 250px;
}


ul.file {
  border: solid 2px #fff;
  width: 250px;
  background-color: #ddd;
  text-align: center;
}


ul.file li.file_thumbnail a img.file_thumbnail {
  padding: 0;
  margin: 0;
  max-width: 244px;
  height: 194px;
  object-fit: contain;
}


ul.file li.file_name {
  width: 244px;
  font-size: 0.9em;
}


ul.file li.file_icon {
  width: 100px;
}


/*** stop ***/


ul.stop li.stop_expire ,
ul.stop li.shop_name {
  padding: 1em 0;
  width: 200px;
  color: #f00;
  font-size: 1.2em;
  font-weight: bold;
}


ul.stop li.stop_expire {
  padding: 1em 0;
  width: 400px;
  color: #f00;
  font-weight: bold;
  text-align: left;
}


div.condition {
  margin: 0 auto;
  border: solid 1px #888;
  width:800px;
  padding: 1em;
  text-align: left;
}


/*** craftsman ***/


div.craftsman_result {
  margin: 0 auto;
  width: 1000px;
  border-bottom: solid 1px #000;
  text-align: left;
}


ul.craftsman {
  display: inline-block;
  margin: 0 auto;
  border-bottom: solid 1px #000;
  width: 1000px;
  padding: 1em 0;
  font-size: 0.9em;
}


ul.craftsman li {
  display: inline-block;
  margin: 0;
  padding: 1em 0;
}


ul.craftsman li.craftsman_company {
  width: 350px;
  background-color: #fdd;
}


ul.craftsman li.craftsman_company a {
  color: #f00;
  font-weight: bold;
}


ul.craftsman li.craftsman_name {
  width: 200px;
}


ul.craftsman li.craftsman_tel {
  width: 120px;
}


ul.craftsman li.craftsman_email {
  width: 330px;
}


ul.craftsman li.craftsman_address ,
ul.craftsman li.craftsman_area ,
ul.craftsman li.craftsman_works ,
ul.craftsman li.craftsman_memo {
  margin: 0 50px;
  width: 900px;
  text-align: left;
}


/*** shop_list ***/


ul.shop_list {
  border-bottom: solid 1px #000;
}


ul.shop_list li {
  padding: 0.2em 0;
}


ul.shop_list li.prefecture_name {
  border-top: solid 1px #000;
  width: 1000px;
  background-color: #ada;
  font-size: 1.3em;
  font-weight: bold;
}


ul.shop_list li.area_name {
  border-top: solid 1px #000;
  width: 1000px;
  background-color: #dfd;
  font-size: 1.2em;
  font-weight: bold;
}


ul.shop_list li.shop_name {
  border-top: solid 1px #000;
  width: 200px;
  background-color: #efe;
  font-weight: bold;
}


ul.shop_list li.shop_post {
  border-top: solid 1px #000;
  width: 100px;
  background-color: #efe;
  text-align: left;
}


ul.shop_list li.shop_address {
  border-top: solid 1px #000;
  width: 440px;
  background-color: #efe;
  text-align: left;
}


ul.shop_list li.shop_tel ,
ul.shop_list li.shop_fax {
  border-top: solid 1px #000;
  width: 130px;
  background-color: #efe;
}


ul.shop_list li.shop_googlereview {
  border-top: solid 1px #000;
  width: 600px;
  background-color: #efe;
  font-weight: bold;
}


ul.shop_list li.googlereview_pdf {
  border-top: solid 1px #000;
  width: 200px;
  background-color: #efe;
  font-weight: bold;
}


ul.shop_list li.company_name {
  border-top: dotted 1px #000;
  width: 240px;
}


ul.shop_list li.user_name {
  border-top: dotted 1px #000;
  width: 200px;
  font-weight: bold;
}


ul.shop_list li.user_email {
  border-top: dotted 1px #000;
  width: 300px;
}


ul.shop_list li.user_mobile {
  border-top: dotted 1px #000;
  width: 200px;
}

ul.shop_list li.user_line_url {
  border-top: dotted 1px #000;
  width: 300px;
}


/*** email_setting ***/


span.password {
  color: #f00;
  font-size: 1.2em;
  font-weight: bold;
  font-family: "游明朝", serif;
}


/*** karte ***/


ul.shop {
  margin: 0 auto 5em;
  width: 800px;
}


ul.shop li {
  width: 200px;
  padding: 5px;
}


ul.shop li a {
  border: solid 2px #060;
  border-radius: 10px;
  padding: 1em 0;
  color: #060;
  font-weight: bold;
  text-decoration: none;
}


input.score_range {
  width: 400px;
}


input.score_amount {
  width: 100px;
  border: none;
  font-size: 1.6em;
  text-align: center;
}


div.supplement {
  margin: 0 auto -2em;
  width: 1000px;
  text-align: left;
}


table.karte {
  margin: 2em auto;
  border-collapse: collapse;
  width: 1000px;
}


table.karte tr:nth-child( even ){
  background-color: #ddd;
}


table.karte .bold {
  font-weight: bold;
}


table.karte td {
  border: solid 1px #000;
  padding: 5px 0;
}


table.karte td.title {
  width: 280px;
}


table.karte td.month {
  width: calc( 720px / 12 );
}


table.karte td.graph_bar {
  width: 420px;
  padding: 0;
  text-align: left;
}


table.karte td.graph_bar div.graph_bar_parent {
  clear: both;
}


table.karte td.graph_bar div.graph_bar {
  position: relative;
  float: left;
  margin: 5px 0;
  height: 1.1em;
  white-space: nowrap;
  overflow: visible;
  font-weight: bold;
  text-align: right;
}


table.karte td.graph_circle {
  border-color: #fff;
}


table.karte td.graph_circle div.graph_circle {
  margin: auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}


table.karte td.description {
  padding: 5px;
  text-align: left;
}


table.karte td.average {
  width: 160px;
}


input.set_month {
  width: 150px;
  text-align: center;
}


input.month_number {
  width: 100%;
  text-align: center;
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}


/********** スマホ ********************************************************************************/

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

  .pc {
    display: none  !important;
  }
  .mb {
    display: block  !important;
  }
  .mb-ib {
    display: inline-block  !important;
  }


  body {
    width: 100vw;
    font-size: 1em;
    background-color: #eee;
  }


  /*** common ***/


  h1 {
    margin: 40px 0 1em;
    border: 0;
    width: 100vw;
    padding: 0.2em 0;
    background-color: #aaa;
    font-size: 1.2em;
  }


  a {
    color: #000;
    text-decoration: none;
  }


  img.img100vw {
    width: 100vw;
  }


  /*** frame ***/


  header {
    width: 100vw;
    height: 40px;
  }


  header img.logo {
    margin: 4px 0;
    height: 32px;
  }


  /*** menu ***/


  header div {
    width: 100vw;
  }


  a.menu {
    padding: 4px 5vw;
  }


  a.menu img {
    height: 32px;
  }


  ul#menu {
    width: 80vw;
    padding-top: 0;
  }


  ul#menu li {
    width: 80vw !important; 
  }


  ul#menu li a ,
  ul#menu li.close a {
    padding: 10px 0 10px 3vw;
    text-align: left;
    font-size: 1em;
    font-weight: normal;
  }
  ul#menu li a:hover {
    background-color: transparent;
  }
  ul#menu li.close a:hover {
    background-color: rgba( 255 , 0 , 0 , 0.3 );
  }


  /*** table-form ***/


  table.form {
    display: inline-block;
    margin: 0;
    width: 100vw;
  }


  table.form th ,
  table.form td {
    display: inline-block;
    border: 0;
    width: 100vw;
  }


  table.form th {
    padding: 0.2em 0;
    background-color: #484;
    color: #eee;
  }


  table.form td {
    padding: 0.5em 2vw 1em;
  }


  /*** input ***/


  input.half ,
  select.half {
    width: 100%;
  }


  input.radio {
    margin: 0;
    width: 10vw;
  }

  input.radio + span {
    width: 86vw;
  }
  input.radio:checked + span {
    background-color: #add;
  }


  input.button {
    border: 0;
    border-radius: 0;
    width: 90vw;
    background-color: #777;
    color: #fff;
    font-size: 0.9em;
    transition: 0s;
  }


  input.submit {
    background-color: #a00;
  }


  div.button_half input {
    width: 45vw;
  }



  input.postcode {
    width: 40vw;
  }


  input.ajaxzip ,
  input.price {
    width: 50vw;
  }


  /*** table-rows ***/


  table.rows ,
  table.rows tr {
    width: 100vw;
    font-size: 1em;
    letter-spacing: -0.4em;
  }

  table.rows tr {
  }

  table.rows td {
    display: inline-block;
    letter-spacing: normal;
  }


  table.rows td.icon {
    padding: 0;
    width: 10vw;
  }


  p.index_news {
    margin: 1em;
  }


  /*** customer ***/


  form#estimate_input ,
  form#file_input {
    width: 90vw;
    height: 80vh;
    padding: 0 5vw;
  }


  form#estimate_input input.radio + span {
    width: 50vw;
  }


  div.customer_search {
    text-align: center;
  }


  div.customer_search input.button {
    width: 40vw;
    padding: 1em 0;
  }


  div.customer_result {
    width: 100vw;
  }


  div.customer_insert {
    width: 100vw;
    margin: 0;
  }


  ul.customer {
    width: 100vw;
    padding: 0;
    font-size: 1em;
  }


  ul.customer li {
    padding: 0;
  }


  ul.customer li.customer_name {
    width: 70vw;
  }


  ul.customer li.customer_name a {
    display: block;
    padding: 1em 0 1em 2vw;
    color: #000;
    font-weight: bold;
    text-align: left;
  }


  ul.customer li.icon {
    width: 10vw;
  }


  ul.customer li.icon a {
    display: block;
    padding: 1em 0 1em 2vw;
  }


  ul.customer li.customer_tel {
    width: 40vw;
    background-color: #d8d8d8;
    font-size: 0.9em
  }


  ul.customer li.customer_tel div ,
  ul.customer li.customer_tel a {
    display: block;
    padding: 1em 0;
    color: #000;
  }


  ul.customer li.estimate_name ,
  ul.customer li.planner_name {
    width: 30vw;
    padding: 0;
    font-size: 0.9em
  }


  ul.customer li.planner_name div ,
  ul.customer li.planner_name a {
    display: block;
    padding: 1em 0;
  }


  ul.customer li.customer_address {
    width: 100vw;
    font-size: 0.8em
  }


  ul.customer li.customer_address div ,
  ul.customer li.customer_address a {
    display: block;
    padding: 1em 0 1em 2vw;
    color: #000;
    text-align: left;
  }


  #droparea {
    width: 100vw;
    padding: 1em 0;
    font-size: 1em;
  }



  ul.filegroup {
    margin: 2em auto;
    width: 100vw;
    font-size: 0.9em;
    text-align: left;
  }


  ul.filegroup li.filegroup_insert {
    width: 100vw;
    padding: .2em 0;
    font-size: 1.5em;
    font-weight: bold;
  }


  ul.filegroup li.filegroup_name {
    width: 90vw;
    padding: .2em 0;
    font-size: 1.5em;
    font-weight: bold;
  }


  ul.filegroup li.filegroup_icon {
    width: 10vw;
  }


  ul.filegroup li.filegroup_icon img.icon {
    width: 7vw;
    height: auto;
  }


  ul.filegroup li.file {
    width: 100vw;
  }


  ul.file {
    border: 0;
    border-bottom: solid 2px #fff;
    width: 100vw;
    height: 25vw;
    line-height: 25vw;
    overflow: hidden;
  }


  ul.file li.file_thumbnail {
    width: 25vw;
    height: 25vw;
  }


  ul.file li.file_thumbnail a img.file_thumbnail {
    max-width: 25vw;
    height: 25vw;
  }


  ul.file li.file_name {
    width: 50vw;
    height: 25vw;
    font-size: 1em;
  }


  ul.file li.file_icon {
    width: 10vw;
  }


  ul.file li.file_icon img.icon {
    width: 7vw;
    height: auto;
  }


  /*** stop ***/


  ul.stop li.shop_name {
    width: 30vw;
    font-size: 1em;
  }


  ul.stop li.stop_expire {
    width: 70vw;
    font-size: 1em;
  }


  div.condition {
     width: 95vw;
  }


  /*** craftsman ***/


  div.craftsman_result {
    width: 100vw;
  }


  ul.craftsman {
    width: 100vw;
    padding: 0;
    font-size: 1em;
  }


  ul.craftsman li {
    padding: 0;
  }


  ul.craftsman li.craftsman_company {
    width: 100vw;
    background-color: transparent;
  }


  ul.craftsman li.craftsman_company a {
    display: block;
    padding: 1em 0 1em 2vw;
    color: #000;
    font-weight: bold;
    text-align: left;
  }


  ul.craftsman li.craftsman_tel {
    width: 33vw;
    background-color: #d8d8d8;
    font-size: 0.9em
 }


  ul.craftsman li.craftsman_address {
    margin: 0;
    width: 67vw;
    font-size: 0.8em
  }


  ul.craftsman li.craftsman_tel div ,
  ul.craftsman li.craftsman_tel a {
    display: block;
    padding: 1em 0;
    color: #000;
  }


  ul.craftsman li.craftsman_address div ,
  ul.craftsman li.craftsman_address a {
    display: block;
    padding: 1em 2vw;
    color: #000;
    text-align: left;
  }


  ul.craftsman li.craftsman_works ,
  ul.craftsman li.craftsman_area ,
  ul.craftsman li.craftsman_memo {
    display: block;
    margin: 1em 2vw;
    width: 96vw;
    font-size: 0.9em;
    text-align: left;
  }


  /*** shop_list ***/


  ul.shop_list li.prefecture_name ,
  ul.shop_list li.area_name ,
  ul.shop_list li.shop_name {
    width: 100vw;
  }


  ul.shop_list li.shop_post {
    width: 20vw;
  }


  ul.shop_list li.shop_address {
    width: 80vw;
  }


  ul.shop_list li.shop_tel ,
  ul.shop_list li.shop_fax {
    width: 50vw;
  }


  ul.shop_list li.shop_googlereview ,
  ul.shop_list li.googlereview_pdf {
    width: 100vw;
  }


  ul.shop_list li.company_name {
    display: none;
  }


  ul.shop_list li.user_name {
    border-top: solid 1px #000;
    width: 100vw;
  }


  ul.shop_list li.user_email {
    width: 70vw;
  }


  ul.shop_list li.user_mobile {
    width: 30vw;
  }


  ul.shop_list li.user_line_url {
    width: 100vw;
  }


  /* googlereview */


  img.googlereview_qrcode {
    width: 30vw;
  }


  /* karte */


  ul.shop {
    margin: 0;
    border-top: dotted 1px #080;
    width: 100vw;
  }


  ul.shop li {
    border-bottom: dotted 1px #080;
    width: 100vw;
  }


  ul.shop li a {
    border: none;
    border-radius: 0;
    padding: .5em 0;
  }


  div.supplement {
    width: 100vw;
  }


  div.statistics {
    width: 100vw;
    overflow-x: scroll;
  }


}



@media print
{
  .no_print {
    display: none;
  }


  header {
    display: none;
  }


  .page_break {
    page-break-after: always;
  }

}