@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/* 基本HTMLCSS */
html, body {
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
}
img {
  border: none;
}
ul, ol {
  list-style: none;
}
table {
  border-collapse: collapse;
}
body {
  font-size: 100%;
  overflow-x: hidden;
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
    font-weight:300;

word-wrap: break-word;
overflow-wrap: break-word;

}
a {
  color: #19A2E6;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: underline;
  opacity: 0.6;
}
hr {
  clear: both;
}






/* エラーメッセージ */
.message {
  /*	font-weight:bold;*/
  color: #f00;
}
/*共通*/
h2.sectt {
  color: #19A2E6;
  font-size: 123%;
  font-weight: 500;
  padding: 0 0 0 0;
  margin: 0 0 0.25em 0;
  border: none;
}
h2.sectt.narrow {
  letter-spacing: -0.1em;
  font-size: 120%;
}


/*
h2.sectt:before {
  content: "\25CF";
}
*/



h2 {
  font-weight: normal;
  font-size: 175%;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border-bottom: 2px solid #19A2E6;
}
h2.sectt a:hover {
  text-decoration: none;
  text-decoration: underline;
}
h3 {
  margin: 2em 0 0.5em 0;
}
#subtitle {
  display: none;
}
#centerside h3 {
  font-weight: normal;
  font-size: 145%;
  margin: 0 0 0.5em 0;
}
h4 {
  font-size: 135%;
  font-weight: 500;
  padding: 0 0 0 0;
  margin: 0 0 0.5em 0; /*border-bottom:1px dotted #19A2E6;*/
}
h5 {
  font-size: 135%;
  margin: 0 0 0.5em 0;
}
h6 {
  font-size: 123%;
  margin: 0 0 0.5em 0;
}
hr {
  margin: 10px 0;
  border: none;
  border-top: 1px solid #ccc;
}
.center {
  text-align: center;
}
a.btn {
  display: inline-block;
  background: #288dc5;
  color: #fff;
  padding: 1em;
  border-radius: 0.25em;
}
a.btn:hover {
  text-decoration: none;
}
.lfont {
  font-size: 111%;
}
.llfont {
  font-size: 123%;
}
.sfont {
  font-size: 90%;
}
.ssfont {
  font-size: 80%;
}
.center {
  text-align: center
}
.right {
  text-align: right
}
.ss {
  margin: 0 0 2em 0;
}

.dblue {
  color: #365496;
}
span.br {
  display: block;
}
/* アスタリスク　注釈用 */
ul.ast {
  list-style: none;
  font-size: 100%;
  margin: 0 0 2em 0;
}
ul.ast li {
  margin: 0;
  padding-left: 1.1em;
  text-indent: -1.1em;
}
ul.ast li:before {
  content: "\203b";
  color: #000;
}
/* バー　リスト */
ul.listbar {
  list-style: none;
  font-size: 100%;
  margin: 0 0 2em 0;
}
ul.listbar li {
  margin: 0;
  padding-left: 1.6em;
  text-indent: -1.6em;
}
ul.listbar li:before {
  content: "\2500";
  color: #000;
  margin: 0 0.5em 0 0;
}
p {
  margin: 0 0 1em 0;
}

.pc{display:none;}
.sp{display:block;}

#spmember,
.spmemberregist{display:none;}

/* メニュー */
/* 三本線ボタン-*/
.spmenubtn {
  position: absolute;
  top: 0.25em;
  right: 5px;
  width: 30px;
  height: 30px;
  z-index: 500;
}
#panel-btn:hover {
  background: #fafafa;
}
#panel-btn-icon {
  display: block;
  position: absolute;
  top: 45%;
  left: 50%;
  width: 24px;
  height: 2px;
  margin: 0 0 0 -12px;
  background: #fff;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 2px;
  background: #fff;
  transition: .3s;
}
#panel-btn-icon:before {
  margin-top: -11px;
}
#panel-btn-icon:after {
  margin-top: 10px;
}
#panel-btn .close {
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after {
  margin-top: 0;
  background: #000;
}
#panel-btn .close:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
/* メニューパネル */
#panel {
  display: none;
  position: absolute;
  top:-50px;
  z-index: 400;
  width: 100%;
  padding:48px 0 0 0;
  background-color: rgba(255, 255, 255, 1); /* 440125*/
}
#panel ul#menu-nav {
  list-style: none;
  margin: 0;
}
/* 第1階層 */
#panel ul li {
  position: relative; /*z-indexの指定や子要素の基準とするために指定*/
  z-index: 1; /*ドロップダウンしたメニューが隠れないように*/
  text-align: center;
  /*background-color: rgba(78,2,20,0.9); 4e0214*/
  border-top: 1px solid #eee;
}
#panel ul li a {
  display: block;
  color: #000;
  font-size: 120%;
  padding: 12px 0;
}
/* ------------------------------------------------------------------- */

  /* description 最上部のサイト説明文*/
  #description {

    background: #19A2E6;
    margin: 0 0 0 0;
    padding:0.25em 3.5em 0.25em 0.5em;
      font-size:90%;
    color: #fff;
  }
  /* ヘッダ */
  header {

    margin: 0 0 5em 0;
    background: #f0f0f0;


    background: url(../img/bg_header.jpg) no-repeat center bottom;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
  }


  header #headerinner {
    text-align: center;
    margin: 0 auto;
position: relative;
  }
  header h1 {
    width:80%;

    margin: 0.25em auto 1em auto;;
    background: url(../img/logo.png) no-repeat center center;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    z-index: 100;
    text-indent: -9999px;
    display: inline-block;
  }
  header h1 a {
    display: block;
    height: 66px;
  }
  header .searchbox {
position: absolute;
      bottom:-75px;
      left:0;right:0;
      margin:auto;
  }
  .searchbox input[type=text] {
    padding: 0.5em;
    margin: 0 1px 0.5em 0;
    background: #fff;
    border: 1px solid #036eb8;
    width: 14em;
  }
  .searchbox input[type=submit] {
    padding: 0.15em 0.75em;
    display: inline-block;
    background: #036eb8;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 100%;
    position: relative;
    top: 0.1em;
    border: 1px solid #036eb8;
  }
  #header_pr {

      position: absolute;

      left:0;right:0;
    background: #e85298;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 111%;
  }
  #header_pr span {
    color: #fff106;
    font-size: 123%;
    font-weight: 500;
  }



/*------------------------------- 2025 April*/

#header{
    background: url(../img/renew/bg_mie.jpg) no-repeat center bottom;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;    
    
    height:240vw;
    margin:0 0 1em 0;
    
}


@media screen and (max-width:425px) { 
    #header{ height:210vw; }
}

@media screen and (max-width:375px) { 
    #header{ height:240vw; }
}

@media screen and (max-width:320px) { 
    #header{ height:280vw; }
}


.flex{display:flex;justify-content: space-between;flex-flow:row nowrap;}



#header img{width:100%;height:auto;}
#header .header_upper{padding:1em;flex-flow: column;}
#header .header_upper .otoku{width: 55%;margin:0 2em 0 0;}
#header .header_upper .description{text-align: left;font-size:80%;}

#header .headerinner{margin:0 1em;position: relative;flex-flow:column;}
#header .headerinner .header_left{margin:0 0 1em 0;}
#header .headerinner .header_right{}
#header .headerinner .kensakubox{}
#header .headerinner .kensakubox .kensaklu{}
#header .headerinner .kensakubox .searchbox{}
#header .headerinner h1{}
#header .headerinner .header_copy{margin:0 0 1em 0;text-align: left;font-size: 111%;font-weight:700;}
#header .headerinner .service_info{margin:0 0 0 0;}
#header .headerinner .service_info .item.hikaku{flex-basis: 35%;}
#header .headerinner .service_info .item.support{flex-basis: 55%;}
#header .headerinner .service_info .item .item_tt{ background: rgba(0,111,188,0.5);padding:0.25em;border-radius:0.5em;text-align:center;margin:0 0 0.5em 0;}
#header .headerinner .service_info .item .item_tt img{width:auto;height:4.5vw;}
#header .headerinner .chara{position: absolute;left:0;bottom:0;width:19%;}
#header .headerinner .memberbox{}
#header .headerinner .memberbox .member{padding:0 0 1em 0;}
#header .headerinner .memberbox .memberregist{}
#header .kensakubox{text-align: left;margin:0 0 1em 0;}
#header .kensakubox .kensaku{width:33%;margin:0 0 0.25em 0;border:none;}
#header .memberbox{ background:rgba(62,97,173,0.8);padding:0 7%;text-align: left;}
#header .memberbox strong{display: block;background:#625a58;width:100%;margin:0 auto 0 auto;color:#fff; padding:0.25em 0;text-align: center;font-size:100%;}
#header .memberbox input{display:block;}
#header .memberbox input[type="text"]{width:96%;padding:2%;font-size:100%;}
#header .memberbox input[type="password"]{width:96%;padding:2%;font-size:100%;}
#header .memberbox p{text-align: center;margin:0 0 0.25em 0;}

#header .memberbox p input[type="submit"]{text-align: center;width:33%;margin:1em auto;background: #f00;color:#fff;padding: 0.125em 0.25em;border:none;box-shadow: 3px 3px 3px rgba(0,0,0,0.5)}

#header .memberbox a{color:#fff;}
#header .memberbox a[href="send/logout.php"]{margin:0 0 2em 0;}
#header .memberbox a.repassword{color:#fff!important;font-size:80%;margin:0 0 1.25em 0;display:block;}
#header .memberbox .memberregist #regist a{ background:#625a58;}

.uppermenu{display:none;}  

@media screen and (min-width:768px) { 
    
    
    .uppermenu{display:block; padding:0.5em;}    
    .uppermenu ul{display:flex;align-items: center;justify-content: center; flex-flow:row nowrap;}    
    .uppermenu ul li{margin:0 1vw;}
    .uppermenu ul li a{color:#000;}

    
    
    #header{ height:600px;}    
#header .header_wrap{position: absolute;top:40px;left:0;right:0; margin:0 1em; z-index:1;}
#header .header_upper{padding:1em;justify-content: flex-start;flex-flow:row nowrap;}
#header .header_upper .otoku{width: 300px;margin:0 2em 0 0;}
#header .header_upper .description{text-align: left;font-size:90%;}
#header .headerinner{max-width:1200px;margin:2em auto 0 auto; display:flex;justify-content:space-between;align-items: flex-start;position: relative;flex-flow:row nowrap;}
#header .headerinner .header_left{flex-basis: 70%;margin:0;}
#header .headerinner .header_right{flex-basis: 23%;}
#header .headerinner .kensakubox{}
#header .headerinner .kensakubox .kensaklu{}
#header .headerinner .kensakubox .searchbox{}
#header .headerinner h1{}
#header .headerinner .header_copy{margin:0 0 1em 28%;text-align: left;font-size: 122%;font-weight:700;}
#header .headerinner .service_info{margin:0 0 0 28%;}
#header .headerinner .service_info .item.hikaku{flex-basis: 35%;}
#header .headerinner .service_info .item.support{flex-basis: 55%;}
#header .headerinner .service_info .item .item_tt{ background: rgba(0,111,188,0.5);padding:0.25em;border-radius:0.5em;text-align:center;margin:0 0 0.5em 0;}
#header .headerinner .service_info .item .item_tt img{width:auto;height:2.22vw;}
#header .headerinner .chara{position: absolute;left:0;bottom:0;width:19%;}
#header .headerinner .memberbox{}
#header .headerinner .memberbox .member{}
#header .headerinner .memberbox .memberregist{}
#header .kensakubox{text-align: left;margin:0 0 1em 0;}
#header .kensakubox .kensaku{width:55%;margin:0 0 0.25em 0;border:none;}
#header .memberbox{ background:rgba(62,97,173,0.8);padding:0 7%;text-align: left;}
#header .memberbox strong{display: block;background:#625a58;width:100%;margin:0 auto 0 auto;color:#fff; padding:0.3em 0;text-align: center;font-size:122%;}
#header .memberbox input{display:block;}
#header .memberbox input[type="text"]{width:96%;padding:2%;font-size:111%;}
#header .memberbox input[type="password"]{width:96%;padding:2%;font-size:111%;}
#header .memberbox p{text-align: center;margin:0 0 0.5em 0;}
#header .memberbox p input[type="submit"]{text-align: center;width:33%;margin:1em auto;background: #f00;color:#fff;padding: 0.125em 0.25em;border:none;box-shadow: 3px 3px 3px rgba(0,0,0,0.5)}
#header .memberbox a.repassword{color:#fff!important;font-size:80%;margin:0 0 1.25em 0;display:block;}
#header .memberbox .memberregist #regist a{ background:#625a58;}

}


@media screen and (max-width:1400px) { 
.uppermenu ul li a{font-size:1vw;}
}


@media screen and (min-width:1200px) { 
 #header .headerinner .service_info .item .item_tt img{width:auto;height:30px;}   
}

  /*トップページの冒頭*/
  #top_info {
    margin: 0 0.5em 1em 0.5em;
    text-align: left;
  }
  #top_info .leftbox {

  }
  #top_info #maincopy {
    color: #009fe6;
    font-size: 140%;
    font-weight: 700;
    margin: 0 0.5em 0.75em 0.5em;
  }
  #top_info #maincopy span {
    display: block;
    color: #000;
  }
 #service_info {
    font-size: 115%;
    font-weight: 500;
    text-align: center;
  }
 #service_info .item{width:75%;margin: 0.5em auto}
  #top_info .leftbox .item .item_tt {
    font-size: 115%;
    font-weight: 700;
  }
 #service_info a.telnum{display:block;}


  #top_info .leftbox .item img {
    width: 90%;
    height: auto;
  }
  #top_info .rightbox {
margin:0 0 1em 0;
  }
  #top_info .rightbox #howto {
    margin: 0 0 0.5em 0;
    font-size: 90%;
  }
  /*コロナ　・ 　特集*/
  #corona, #tokusyu {
    margin: 0 0 1em 0
  }
  #corona a, #tokusyu a {
    display: block;
    color: #000;
    font-weight: 700;
    font-size: 155%;
    padding: 0.75em;
    border: 1px solid #f08000;
    margin: 0 0 0.25em 0
  }
  #corona a:hover, #tokusyu a:hover {
    background: #f0f0f0;
    text-decoration: none;
  }
  /*三重なんでも・・*/
  #mie_info {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  #mie_info .item {
    flex-basis: 100%;
    margin: 0 0 1em 0;
  }


/*三重みんなのQ&A*/
#mie_info .item a + span{font-size:80%;margin:0 0 0 1em;}


  .boxborder {
    border: 1px solid #f08000;
    margin: 0;
    padding: 0.5em;
    height: 15em;
    overflow: scroll;
  }
  /* 三重なんでもニュース */
  #rss ul {
    margin: 0;
    padding: 0;
    position: relative;
  }
  #rss li {
    font-size: 95%;
    margin: 0 0 5px 0;
    padding: 0 0 0 1em;
    list-style: none;
  }
  #rss li:before {
    content: "\30FB";
    color: #005bac;
    position: absolute;
    left: 0;
    margin: 2px 0 0 0;
  }
  /*アンケート*/
  .answer_num_g {
    display: block;
    background-color: #f69;
    height: 12px;
    margin: 5px 3px 0 5px;
    float: left;
  }
  /*口コミ*/
  #kuchikomi {}
  #kuchikomi dl {
    margin: 0 0 1em 0;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
  }
  #kuchikomi dt {
    flex-basis: 100%;
    position: relative;
  }
  #kuchikomi dt span {
    position: absolute;
      right:3em;
      top:0;
  }
 #kuchikomi dt span img{
    width:35px;height:auto;
  }
  #kuchikomi dt small {
 display:none;


  }

  #kuchikomi dd {
    flex-basis: 88%;
    padding: 0.75em;
    background: #fbf2df;
    border-radius: 1em;
    position: relative;
    font-size: 95%;
    border-bottom: 1px solid #f1c361;
    border-right: 1px solid #f1c361;
    margin: 0.5em 0 0 0;
  }
  #kuchikomi dd:before {
    content: "\25B2";
    color: #fdecc7;
    position: absolute;
    top: -1em;
    right: 12%;
    margin: auto;
  }




    /*売ります・買います・譲ります・欲しい特集*/
  #salebuy {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  #salebuy .item {
    flex-basis: 49%;
    margin: 0 0 0.5em 0;
  }
    #salebuy .item .item_photo{height:40%;overflow: hidden;}
  #salebuy .item .item_post_tt {}
  #gyosya_info .item .item_post_tt span {
    font-size: 80%;
    font-weight: 400;
    margin: 0 0 0 1em;
  }


  /*業者情報　業者からのお知らせ*/
  #shop_news {
    margin: 0 0 4em 0;
  }


#shop_news h2{color:#2d949c;border:none;font-weight:500; background: none;}  
#shop_news h2 span{font-size:55%;}  


#gyosya_info {display: flex;flex-flow:column; height:310px;overflow: scroll;}

#gyosya_info .item {margin: 0 0 0 0;padding:0.5em 0;border-bottom:1px solid #000;display: flex;align-items: center;justify-content: space-between}
#gyosya_info .item:first-child {border-top:1px solid #000;}
#gyosya_info .item .item_post_tt {display: flex;flex-flow: column;order:1;flex-basis: 73%;}
#gyosya_info .item .item_post_tt a{order:2;flex-basis: 80%;color:#000;font-weight:500;}  
#gyosya_info .item .item_post_tt span {order:1;flex-basis: 15%;color:#2d949c;font-weight:700;
font-size: 80%;font-weight: 400;margin: 0 0 0 0;}
#gyosya_info .item .item_photo{order:2;flex-basis: 25%;}   






    .mainarea h2{ background: #355396;border:none;font-weight:500;color:#fff;padding:0.25em 0.5em;}  
    .mainarea h2 span{font-size:66%;}  

 /*カテゴリーから探す*/   
    
    #search_box{} 
    .searchbox{position:relative;margin:0 0 3em 0;}    
 
    
    .searchbox ul{display:flex; justify-content: space-between;flex-flow:row wrap;align-items: center;}
    .searchbox ul li{flex-basis: 49%;margin:0 0 0.5em 0;}
    .searchbox ul li a{display: flex; align-items: center;position: relative;
        background:#b5def6;border-radius:0.5em; color:#000;font-weight:bold;font-size:80%;height:35px;padding:0.25em 2em 0.25em 1em;line-height: 111%;box-shadow: 2px 2px 2px #999}
    .searchbox ul li a:after{content:"▲";position: absolute;right:5px;top:12px;color:#fff;transform: rotate( 90deg); }
    
    .searchbox ul li a:hover{text-decoration: none}
    .searchbox .ill{position:absolute;top:-30px;right:10px;width:133px;}
    .searchbox .ill img{width:100%;height:auto;}
    
    
    #search_area .areabox{}
    #search_area .areabox ul{}
    #search_area .areabox .area_mie{display:none;}
    
    .searchbox.area ul li{flex-basis: 32%;margin:0 0 0.5em 0;}
    .searchbox.area ul li a{height:30px;padding:0.25em 2em 0.25em 1em;line-height: 111%;box-shadow: 2px 2px 2px #999}


/*最新の投稿*/
    #newposts{border:1px solid #355396;padding:0 0.25em 0.25em 0.25em;
    height:500px;overflow: scroll;margin:0 0 2em 0;

    }
    #newposts img{width:100%;height:auto;}
    h2.newposts{ background: #355396;border:none;font-weight:500;color:#fff;padding:0.25em;font-size:122%;text-align: center;margin:0;}


    /*最新フォトアルバム*/
    #photo_album {
    display: flex;
    flex-flow: column;
    }
    #photo_album a{color:#000;font-size:90%;font-weight:500;} 
    #photo_album .item {
    flex-basis: 24.5%;
    margin: 0 0 1em 0;
    }
    #photo_album .item .item_tt {
    color: #355396;
    font-weight: bold;
    font-size: 90%;
    margin: 1em 0 0.5em 0; }

    #photo_album .item .item_tt:before {content:"●";}    

    #photo_album .item .item_photo {
    height: 125px;
    background: #f0f0f0;
    margin: 0 0 0.5em 0;
    overflow: hidden
    }




    /*見えなんでもおもしろ情報*/
    #mie_omoshiro{margin:0 0 2em 0;}
    #mie_omoshiro h3{font-weight:500;color:#00a0e9;font-size:122%;}  
    #mie_omoshiro .miebox{border:2px solid #00a0e9;border-radius:1em;padding:1em;margin:0 0 0.5em 0;}  
    #mie_omoshiro .miebox .inner{height:155px;overflow: scroll}  

#mie_omoshiro .mieboxwrap{flex-flow:column;}
    #mie_omoshiro .mieboxwrap .miebox .inner{height:200px;overflow: scroll}




  /*ログインボックス*/
  #member {
    border: 1px solid #64c0ab;
    margin: 0 0 0.5em 0;
    padding: 0 0.5em 0.5em 0.5em;
    background: rgb(100, 192, 171);
    background: -moz-linear-gradient(left, rgba(100, 192, 171, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(100, 192, 171, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(100, 192, 171, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(100, 192, 171, 1) 100%);
    background: linear-gradient(to right, rgba(100, 192, 171, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(100, 192, 171, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64c0ab', endColorstr='#64c0ab', GradientType=1);
  }
  #member strong {
    display: block;
    background: #70c4b0;
    color: #fff;
    padding: 0.5em
  }
  #member > strong + br {
    display: none;
  }
#member a{font-size:90%;}


  #member form {
    padding: 0.5em;
  }
  #member input[type="text"], #member input[type="password"] {
    padding: 0.25em;
    background: #fff !important;
    border: 1px solid #ccc;
    width: 95%;
  }
  #member input + p {
    text-align: center;
  }
  #member input[type="submit"] {
    width: 75%;
    text-align: center;
    background: #19A2E6;
    border: none;
    padding: 0.25em;
    color: #fff;
    border-radius: 0.25em;
    cursor: pointer;
    margin: 1em 0 0 0
  }





  /* 会員登録ボタン */
  #regist {
      width:62.5%;
    margin: 0 auto 1em auto;
  }
  #regist a {
    display: block;
    color: #fff;
    text-align: center;
    font-weight: 500;
    background: #19A2E6;
    padding: 0.5em;
    border-radius: 0.25em;
  }
  #regist a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
  /* slider */
  .slide {
    margin: auto;
    margin-bottom: 30px;
  }
  .slider {
    margin: 0px auto;
    /*    width: 80%;*/
    width: 100%;
  }
  .slider img {
    /*height: auto;*/
    display: block;
    width: 100%;
  }
  /*slick setting*/
  .slick-prev:before, .slick-next:before {
    color: #000;
  }
  /* 総合 */
  #content {
    display: flex;
    flex-flow: column;
    margin: 0 1em;
    text-align: left;
  }
  #leftside {
    order:2;
  }
  #centerside {
    order:1;
  }
  #centerside img {
    max-width: 100%;
    height: auto;
  }
  #page_upper {
    background: #dff2fc;
    padding: 1em;
    margin: 0 0 2em 0;
  }




    .jimukyoku{font-weight:500;font-size:100%;margin:0 0 0.5em 0;}   
    .jimukyoku_contact {margin:0 0 2em 0;}
    .jimukyoku_contact dl{margin:0 0 0.125em 0;display:flex;justify-content: flex-start; flex-flow: row nowrap;}
    .jimukyoku_contact dt{flex-basis:47%;}
    .unei{font-weight:500;font-size:100%;margin:0 0 0.5em 0;}








  /*カテゴリ表示*/
  #s_cate {
    margin: 0 0 1em 0;
  }
  #s_cate a {
    color: #000;
    font-weight: 300;
  }
  #s_cate ul {
    list-style: none;
    font-size: 90%;
    padding: 0.5em;
  }
  #s_cate ul li {
    margin: 0 0 0.5em 0;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 120%;
  }
  #s_cate ul li:before {
    font-size: 100%;
    margin: 0 0.1em 0 0;
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: relative;
    top: -0.175em;
    margin: 0 0.5em 0 0;
    border-right: 1px solid #ef8200;
    border-bottom: 1px solid #ef8200;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*地域から検索*/
  #s_area {
    margin: 0 0 1em 0;
  }
  #s_area a {
    color: #666;
    font-weight: 300;
  }
  #s_area ul {
    list-style: none;
    font-size: 85%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 0.5em;
  }
  #s_area ul li {
    flex-basis: 31%;
  }
  .cat_tt {
    background: #19A2E6;
    color: #fff;
    font-size: 111%;
    padding: 0.25em;
    text-align: center;
  }
  .kensaku {
    border: 1px solid #19A2E6;
  }
  /*サイドバーのメニュー #topics*/
  #topics {
    margin: 0 0 1em 0;
  }
    #topics ul{display:flex;justify-content: flex-start; flex-flow: row wrap;}
    #topics ul li{flex-basis:24%;margin:0 0.5% 0.5em 0.5%;position: relative;}
 
    
    #topics ul li a {  }
    #topics img{width:100%;height:auto;}
    
  #topics li a:hover {
    text-decoration: none;
  }

  /*枠なしボックス　*/
  .box {
    margin: 0 0 10px 0;
    padding: 0;
  }
  .top_shopnewsimage img {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    margin-right: 1px;
  }
  .shopnewsimage {
    max-width: 480px;
    height: auto;
  }
  .top_comnewsimage img {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    margin-right: 1px;
  }
  .comnewsimage {
    max-width: 480px;
    height: auto;
  }
  /* 掲示板 */
  #postformlink {
    margin: 0 0 1em 0;
    text-align: right;
  }
  #postformlink a {
    background: #19A2E6;
    color: #fff;
    padding: 0.5em 1em;
    display: inline-block;
    border-radius: 0.25em
  }
  #postformlink a:hover {
    text-decoration: none;
  }
  .bbs {
    clear: both;
    background-color: #fff;
    border: 1px solid #19A2E6;
    margin: 1em 0 3em 0;
    padding: 1em;
    overflow: auto;
    border-radius: 0.25em;
word-wrap: break-word;
overflow-wrap: break-word;
}
  .bbsdelform {
    float: right;
    width: 180px;
    font-size: 90%;
  }
  .bbsdel {
    width: 60px;
  }
  .bbsimage {
    max-width: 480px;
    height: auto;
  }
  .top_bbsimage img {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    margin-right: 1px;
  }
  /*
  .imgright {
    float: right;
  }
  .imgright img {
    max-width: 120px;
    max-height: 120px;
  }*/

  /*掲示板投稿フォーム*/
  #bbsform {}
  #bbsform input[name="bbs_title"] {
    width: 90%;
    margin: 0 0 1em 0;
    padding: 0.5em
  }
  #bbsform textarea[name="bbs_content"] {
    width: 90%;
    height: 10em;
    margin: 0 0 1em 0;
    padding: 0.5em;
  }
  /*　新規会員登録　regist.html */
  #registbox .regtr {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    border-bottom: 1px solid #fff;
    padding: 0.75em 0
  }
  #registbox .regleft {
    flex-basis: 100%
  }
  #registbox .regright {
    flex-basis: 100%
  }

  #registbox .regright input[type="text"] {
    width: 75%;
  }
  #registbox .regright textarea[name="shop_news_detail"] {
    width: 90%;
    padding: 0.5em;
  }
  #registbox .regtr + p {
    margin: 2em 0;
  }
  /*　自治体情報の登録　member_edit.html*/
  #registbox .regupper {
    display: block
  }
  #registbox .regupper:before {
    content: "\25cf";
    color: #19A2E6;
    font-size: 120%;
  }
  #registbox .regright {
    display: block
  }
  /* お店詳細 detail.html */
  .shopimage_coupon_area, .shop_map_area, .shop_video_area {
    margin: 15px 0;
  }
  .shopimage_coupon_area strong:before, .shop_map_area strong:before, .shop_video_area strong:before {
    content: "\25cf";
    color: #19A2E6;
    font-size: 120%;
  }
  /*検索条件フォーム*/
  #search_if {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    align-items: center;
    margin: 0 0 3em 0;
  }
  #search_if .search_if_cate {
    flex-basis: 100%
  }
  #search_if .search_if_area {
    flex-basis: 100%
  }
  #search_if .search_submit {
    flex-basis: 100%;
      margin:1em 0 0 0;
      text-align: center;
  }
  #search_if .search_submit input.shopsearch[type="submit"] {
    padding: 0 2em;
    color: #fff;
    border-radius: 0.25em;
    cursor: pointer;
    font-size: 100%;
      margin:auto;
    border: 2px solid #d6280c;
    background: rgb(222, 48, 16);
    background: -moz-linear-gradient(left, rgba(222, 48, 16, 1) 0%, rgba(236, 90, 18, 1) 50%, rgba(222, 48, 16, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(222, 48, 16, 1) 0%, rgba(236, 90, 18, 1) 50%, rgba(222, 48, 16, 1) 100%);
    background: linear-gradient(to right, rgba(222, 48, 16, 1) 0%, rgba(236, 90, 18, 1) 50%, rgba(222, 48, 16, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de3010', endColorstr='#de3010', GradientType=1);
  }
  #search_if .search_submit input.shopsearch[type="submit"]:hover {
    opacity: 0.5;
  }
  #search_if .search_if_cate, #search_if .search_if_area {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    align-items: center;
      margin:0 0 0.5em 0;
  }
  #search_if .search_if_cate .iflabel, #search_if .search_if_area .iflabel {
    margin: 0 0.5em 0 0;
    width:35%;
  }
  #search_if .search_if_cate .iflabel:before, #search_if .search_if_area .iflabel:before {
    content: "\25CF";
    margin: 0 0.25em 0 0;
  }
  .order_button {
    margin: 2em 0 3em 0;
    text-align: center;
  }
  .order_button a {
    width: 80%;
    margin: auto;
    padding: 0.5em;
    border-radius: 2em;
    color: #fff;
    display: block;
    font-size: 111%;
    font-weight: 500;
    box-shadow: 0 3px 0 #ccc;
    border: 3px solid #365496;
    background: #2b61ae;
    background: -moz-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: -webkit-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: linear-gradient(to right, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b61ae', endColorstr='#2b61ae', GradientType=1);
  }
  .order_button a:hover {
    text-decoration: none;
  }
  /* 店舗検索結果一覧 */

/*検索設定*/
.search_header{margin:0 0 2em 0;}
.search_header > p:first-child{color:#f00;font-size:111%;font-weight:700;}
.search_header > p.red{color:#f00;font-size:111%;font-weight:700;}
.search_header h4{font-size:111%;margin:0 0 0.25em 0;}


.search_footer{margin:3em 0 0 0}
.search_footer h4{font-size:111%;margin:0 0 0.25em 0;}

.search_footer .red{color:#f00;}






    .listitem{border:1px solid #ccc;border-radius:0.5em; padding:1em;margin:0 0 1.5em 0;box-shadow: 0 3px 3px #ccc;
     background: #f9f9f9;
    }









form label[for="s_serial_desc"],
form label[for="s_serial_asc"],
form label[for="price_asc"]{cursor: pointer;}

form label[for="s_serial_desc"]:hover,
form label[for="s_serial_asc"]:hover,
form label[for="price_asc"]:hover{cursor: pointer;color:#f60;}



  .shoptitle {
    clear: both;
    font-size: 14pt;
    font-weight: bold;
    margin-top: 15px;
  }

.shop_img{width:100%;height:200px;position: relative;overflow: hidden;margin:0.5em 0}
.shop_img img{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:auto;}




  .shoptitle a {
    color: #f60;
  }
  .shopimage {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
  }
  .shopcontent {
    margin: 10px 0 10px 0;
    padding: 0 0 10px 0;
  }
  .shopcontent .shoppoint {
    font-size: 80%;
    padding: 0 0.1em;
    border-radius: 0.25em;
    background: #f60;
    color: #fff;
    margin: 0 0.5em 0 0;
  }
  .shopcontent .detail_button {
    margin: 0.5em 0 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .shopcontent .detail_button .shopprice {
    color: #c00;
    font-size: 75%;
  }
  .shopcontent .detail_button .shopprice span {
    font-size: 222%;
    font-weight: 500;
  }
  .shopcontent .detail_button input.shopbutton {
    border-radius: 0.25em;
    padding: 0 1em;
    color: #fff;
    border: 3px solid #365496;
    background: #2b61ae;
    background: -moz-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: -webkit-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: linear-gradient(to right, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b61ae', endColorstr='#2b61ae', GradientType=1);
  }
  .shopcontent .detail_button input.shopbutton:hover {
    cursor: pointer;
    opacity: 0.6;
  }
  /* 業者詳細ページ */
  #shop {}
  #shop h2 {
    color: #000;
    padding: 0 0 0.25em 0;
    margin: 0 0 0.5em 0;
    font-size: 200%;
    font-weight: 500;
    border-bottom: 1px solid #000;
  }
  #shop h3 {
    font-size: 123%;
    padding: 0 0 0 0.5em;
    margin: 0 0 1.5em 0;
    font-weight: 500;
    border-bottom: 2px solid #999;
  }
  #shop h4 {
    font-size: 111%;
    font-weight: 700;
  }
  #shop .textbox {
    padding: 0 0.75em;
    margin: 0 0 3em 0;
  }
  #hentou img {
    width: 30px;
    height: auto
  }
  /*1行PR文 */
 #shop h2#shop_pr {
    margin: 0 0 1em 0;
    font-size: 123%;
    font-weight: 700;
    color: #f60;
     border:none;
  }
  /*サービス概要*/
  #shop_outline_box {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 0 0 1em 0;
  }
  #shop_outline_box #shopimage_detail {
    flex-basis: 100%;
      margin:0 0 1em 0;
  }
  #shop_outline_box #shop_outline {
    flex-basis: 100%;
  }
  #shop_outline_box #shop_outline #shop_category {
    border: 1px solid #c00;
    padding: 0.5em;
  }
  #shop_outline_box #shop_outline dl {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 1em 0 0.5em 0;
  }
  #shop_outline_box #shop_outline dt {
    flex-basis: 44%;
    margin: 0 0 0.75em 0;
    font-size: 90%
  }
  #shop_outline_box #shop_outline dd {
    flex-basis: 55%;
    margin: 0 0 0.75em 0;
    font-size: 123%
  }
  #shop_outline_box #shop_outline dd .shop_staff_img {
    width: 77px;
  }
  /*サブ画像*/
  #shop_subimage {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  #shop_subimage a {
    flex-basis: 32%;
    margin: 0 0 0.25em 0;
     position: relative;overflow: hidden;
      height:80px;
  }
  #shop_subimage a  img{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:auto;}


  /*サービスメニュー*/
  #service_menu {
    margin: 2em 0;
  }
  #service_menu ul {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  #service_menu ul li {
    flex-basis: 48%;
    padding:0 0 0.5em 0;
  }
  #service_menu ul li a {
    background: #000;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 0.25em;
    padding: 0.25em 0;
    font-size: 85%;
    position: relative;
  }
  #service_menu ul li a:hover {
    text-decoration: none;
  }
  #service_menu ul li a:after {
    content: '\251b'; /*細字250c*/
    position: relative;
    top: 0.25em;
    margin: 0 0 0 0.25em;
    display: inline-block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /*担当者*/
  #shop_staff_box {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin: 0 0 0.25em 0;
  }
  #shop_staff_box #shop_staff {
    flex-basis: 77%;
  }
  #shop_staff_box .shop_staff_img {
      flex-basis: 18%}
  #shop_sheet {margin:0 0 3em 0}
  #shop_sheet dl {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 0 0 0.5em 0;
  }
  #shop_sheet dt {
    flex-basis: 22%;
    margin: 0 0 0.25em 0;
  }
  #shop_sheet dd {
    flex-basis: 77%;
    margin: 0 0 0.25em 0;
  }
  /*見積依頼のボタン*/
  #shop .mitsumori_irai {}
  #shop .mitsumori_irai.full {
    width: 100%;
    margin: 0;
  }
  #shop .mitsumori_irai.btm {
    margin: 4em auto;
  }
  #shop .mitsumori_irai.full input {
    width: 100%;
  }
  #shop .mitsumori_irai.btm input {
    width: 77%;
  }
  #shop .mitsumori_irai input {
    margin: auto;
    padding: 0.5em;
    border-radius: 0.25em;
    color: #fff;
    display: block;
    font-size: 111%;
    font-weight: 500;
    box-shadow: 0 3px 0 #ccc;
    border: 3px solid #365496;
    background: #2b61ae;
    background: -moz-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: -webkit-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: linear-gradient(to right, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b61ae', endColorstr='#2b61ae', GradientType=1);
  }
  #shop .mitsumori_irai input:hover {
    cursor: pointer;
    opacity: 0.6;
    }
/* ポイント交換 member_present.html */
#presentbox {
margin: 10px 0;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
    }
  .present_o {
    background-color: #feecec;
    border: 1px solid #c00;
    padding: 5px;
    margin: 0 0 15px 0;
      width:100%;
    }
  .present_x {

    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 0 15px 0;
    color: #999;
      width:100%;
  }
  .pretd {
    padding: 0.5em;
  }
  table.present_o td {
    padding: 0.5em;
  }
  table.present_x td {
    padding: 0.5em;
  }
  .present_o input {
    padding: 5px 20px;
    display: inline-block;
    margin: 10px 0;
    background: #f90;
    color: #fff;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 100%;
  }
  .present_o input:hover {
    opacity: 0.6;
  }
  .present_thumbnail {
    width: 200px;
    margin-right: 10px;
  }
  /* 店舗設定 */
  .y_plan_str {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 15px;
    margin: 0 0 15px 0;
  }
  /* 右  210px*/
  #rightside {
    width: 260px;
    float: right;
    text-align: left;
    margin: 0;
    display: none;
  }
  /* 広告バナーサイズ */
.banner1 {  margin: 0 auto 0.5em auto;    text-align: center;  }
.banner1 img {    width: 100%;    height: auto;  }
.banner2, .banner3 {display:flex;justify-content: space-between;flex-flow: row wrap;  }
.banner4 { display:flex;justify-content: center;flex-flow: row wrap;  }
.banner2 a, .banner3 a ,.banner4 a{flex-basis:48%;margin:0 0 0.5em 0;}
.banner1 img, .banner2 img, .banner3 img, .banner4 img {    width: 100%;    height: auto;  }

  /*はじめての方へ*/
  #centerside h3.copy {
    font-size: 150%;
    font-weight: 500;
    margin: 1em 0 1em 0;
  }
  .icontt {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
  }
  .icontt.num .icon {
    flex-basis: 18%;
  }
  .icontt.num h4 {
    flex-basis: 75%;
    margin: 0 0 0.5em 0;
    color: #00a0e9;
    font-size: 135%;
    font-weight: 500;
  }
  .icontt.step .icon {
    flex-basis: 18%;
  }
  .icontt.step h4 {
    flex-basis: 75%;
    margin: 0;
    color: #000;
    font-size: 135%;
    font-weight: 500;
  }
  .flow {
    margin: 0 0 4em 0;
    display: block;
  }
  #centerside .flow p {
    margin: 0 0 2em 0;
  }
  h5.arr {
    color: #00a0e9;
  }
  h5.arr img {
    width: 10%;
    vertical-align: middle;
    margin: 0 1em 0 0;
  }
  .ill01 {
    width: 30%;
    float: right;
    padding: 0 0 0 2em;
  }
  .box_blue {
    padding: 1em;
    border-radius: 0.25em;
    background: #bfe7f9;
    margin: 0 0 1em 0;
  }
  .box_gr {
    padding: 1em;
    border-radius: 0.25em;
    background: #f0f0f0;
    margin: 0 0 1em 0;
  }
  /*サイト利用方法*/
  /*個人*/
  #centerside h3.copy span {
    font-size: 150%
  }
  #centerside h3.border_btm {
    border-bottom: 2px solid #000;
    padding-bottom: 0.25em;
  }
  #centerside p.anzen {
    color: #00a0e9;
    font-size: 135%;
  }
  h5.bg_bk {
    color: #fff;
    background: #000;
    padding: 0.25em 1em;
    border-radius: 0.25em;
    display: inline-block;
    margin: 1em 0 1em 0;
    font-weight: 300;
  }
  /*業者*/
  .fbox_ryokin {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0 0 1.5em 0;
    border-bottom: 1px solid #000;
    padding: 0 0 1.5em 0;
  }
  .fbox_ryokin .item_tt {
    flex-basis: 25%;
  }
  .fbox_ryokin .item_txt {
    flex-basis: 75%;
    font-size: 222%;
    font-weight: 300;
  }
  .fbox_ryokin .item_txt span {
    display: block;
    font-size: 45%;
  }
  .flow_gyosya h4 {
    font-size: 135%;
    font-weight: 300;
    margin: 1em 0 0.25em 0;
  }
  .flow_gyosya h4 span {
    color: #00a0e9
  }
  #centerside .flow_gyosya p {
    margin: 0 0 0 1.5em
  }
  #qabox {}
  #qabox .qq {
    background: #54c3f1;
    padding: 0.25em;
    color: #fff;
    font-size: 123%;
    font-weight: 300;
    margin: 0 0 0.75em 0;
  }
  #qabox .aa {
    margin: 0 0 2em 2.5em
  }
  /*損害賠償補償制度*/
  #comingsoon {
    padding: 3em 1em;
    font-size: 222%;
    font-weight: 200;
    text-align: center;
    color: #ccc;
  }
  /*利用規約*/
  #terms {
    font-size: 90%;
    font-weight: 300;
  }
  #terms h3 {
    font-size: 123%;
  }
  #terms ul {
    margin: 0 0 1.5em 0
  }
  #terms ul li {
    margin: 0 0 0.25em 0;
  }
  /*特派員募集*/
  #sp_flow {}
  #sp_flow h3 {
    border-bottom: 2px solid #4978b1;
    padding: 0 0 0.5em 0;
    margin: 0 0 1em 0;
  }
  #sp_flow_box {
    margin: 0 0 2em 0;
  }
  #sp_flow_box .item {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
      align-items: center;
  }
  #sp_flow_box .item .stepicon {
    flex-basis: 14%;
  }
  #sp_flow_box .item .stepicon span {
    display: block;
    background: #ee7800;
    color: #fff;
    font-size: 123%;
    text-align: center;
    padding: 0.5em 0.5em;
    border-radius: 50%;
  }
  #sp_flow_box .item .spreg_tt {
    flex-basis: 70%;
    font-size: 135%;
    font-weight: 700;
  }
  #sp_flow_box .item .spreg_text {
    flex-basis: 100%;
      margin:1em 0 0 0;
  }
  #sp_flow_box .downarr {
    font-size: 200%;
    color: #4978b1;

text-align: center;
    margin: 0.5em 0;
  }
  /*ごみ曜日一覧*/
  #gomiyoubi {
    margin: 0;
  }
  #gomiyoubi .item {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;

  }
  #gomiyoubi .item .city {
    flex-basis: 100%;
    font-size: 123%;
  }
  #gomiyoubi .item .city:before {
    content: "\25CE";
    margin: 0 0.25em 0 0;
  }
  #gomiyoubi .item a.detail, #gomiyoubi .item a.list {
    flex-basis: 49%;
    border: 1px solid #ccc;
    display: block;
    border-radius: 0.25em;
    text-align: center;
    font-size: 90%;
    margin: 0.5em 0 0 0;
  }
  #gomiyoubi .item a:hover {
    text-decoration: none;
    background: #f0f0f0;
  }
  #gomiyoubi .item a.detail:before, #gomiyoubi .item a.list:before {
    content: "\25B2";
    margin: 0 0.75em 0 0;
    display: inline-block;
    font-size: 60%;
    position: relative;
    top: -0.2em;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

 /*複数行*/
  #gomiyoubi .item.multi {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;
    align-items: flex-start;
  }

  #gomiyoubi .item.multi  div.detail, #gomiyoubi .item.multi  div.list {
    flex-basis: 49%;
    display: block;
    border-radius: 0.25em;
    text-align: center;
    font-size: 111%;
    margin: 0.5em 0 0 0;
  }


#gomiyoubi .item.multi a.list {
    margin: 0 0 0.25em 0;

  }


  /*ポイント交換景品一覧*/
  #point {}
  #point h3 {
    font-size: 199%;
    margin: 0 0 1em 0;
    font-weight: 500;
  }
  #point h3 span {
    font-size: 55%;
    margin: 0 0 0 2em;
    font-weight: 300;
  }
  #point h4 {
    padding: 0 0 0.5em 0;
    margin: 0 0 0.25em 0;
    border-bottom: 2px solid #c00;
  }
  #point_sheet {
    margin: 0 0 4em 0
  }



#point_sheet_wrap{border:1px solid #ccc;}
#point_sheet_wrap .item{display:flex; justify-content: space-between;flex-flow: row nowrap;font-size:90%;}
#point_sheet_wrap .item > div{ background: #fff;border-bottom:1px solid #ccc;padding:0.5em;}
#point_sheet_wrap .item:last-child > div{border: none;}
#point_sheet_wrap .item.header >div {font-weight:700;border-bottom:1px solid #ccc;}
#point_sheet_wrap .item .item_cap{flex-basis:50%;}
#point_sheet_wrap .item .item_mb{flex-basis:25%;text-align: center;  background: #f6f6f6;font-weight:500;}
#point_sheet_wrap .item .item_mb_sp{flex-basis:25%;text-align: center; background: #fcefc4;font-weight:500;}
#point_sheet_wrap .item.header .item_mb_sp span{display:block;}


    #point_howto{margin:0 0 2em 0}
    #point_howto ul{list-style: disc;margin:0 0 0 1.5em }


    #keihin{margin:0 0 2em 0;}
    #keihin .itemwrap{display:flex; flex-flow:column;margin:2em 0 0 0;}
    #keihin .itemwrap .item{margin:0 0 1em 0;display:flex; flex-flow:column; border-bottom:1px solid #ccc;padding:0 0 1em 0}
    #keihin .itemwrap .item .item_photo{width:55%;margin:auto;}
    #keihin .itemwrap .item .item_text{}
    #keihin .itemwrap .item .item_text .item_text_tt{font-size:123%;font-weight:700;}
    #keihin .itemwrap .item .item_text .item_text_point span{font-size:133%;font-weight:700;margin:0 0.25em 0 0;color:#c00;}


/*損害賠償保証制*/

#compensation{}
#compensation_header{ background: #d3edfb;padding:1em;margin:0 0 1em 0;position: relative;}
#compensation_header h3{margin:1em 0 0 0;}
#compensation_header #compensation_illust{position: relative;width:44%;margin:2em auto;}


#compensation_tt{color:#00a0ea;font-size:180%;margin:0 0 0.25em 0;}
#compensation_tt span{display: block;font-size:70%;}
#compensation .section{border-top:1px solid #000;margin:2em 0;padding:2em 0 0 0;}


#compensation h3{font-weight:500;}
#compensation h4{font-weight:700;font-size:100%;margin :1em 0 0 0}
#compensation p{margin:0;}

#compensation ol{list-style: decimal;margin:0 0 0 1.25em;}
#compensation ul{list-style:disc ;margin:0 0 0 1.25em;}
#compensation ul.ast{font-size:90%;font-weight:300;list-style:none;margin:1em 0 0 0;}

#compensation dl.step{}
#compensation dl.step dt{font-weight:700;}
#compensation dl.step dt span{ background: #eb6100;color:#fff;font-size:95%;padding:0 0.25em;margin:0 0.5em 0 0;}
#compensation dl.step dd{margin:0 0 0.5em 4em}

#compensation dl.qa{}
#compensation dl.qa dt span.qa_q{ color:#e60012;margin:0 0.5em 0 0;}
#compensation dl.qa dd span.qa_a{ color:#0068b7;margin:0 0.5em 0 0}
#compensation dl.qa dt{padding-left: 1.25em;  text-indent: -1.25em;}
#compensation dl.qa dd{margin:0 0 1.5em 0;  padding-left: 1.25em;  text-indent: -1.25em;}

  /*広告募集*/
  #banner {}
  #banner h4 {
    margin: 1em 0;
  }
  #banner h5 {
    font-size: 111%;
  }
  #banner .bnr_keisai {
    margin: 0 auto 1em;
    width: 35%;
  }
  #banner dl {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  #banner dl dt {
    flex-basis: 15%;
  }
  #banner dl dd {
    flex-basis: 80%;
  }
  #banner .box_gr {
    margin-top: 5em;
  }

  /* フッター */
  #footer {padding:1em 0.5em;  margin:auto;}





/* ------------------------------------------------------------------- */
/*FB*/
.fb-page {
  margin: 0 0 20px 0;
}
/* アンケート */
/* 検索結果 */
.resultbox {
  margin: 0 0 30px 0;
}
.resultbox dt {
  font-size: 125%;
}
.resultbox dd {
  margin: 0 0 20px 0
}
/*　フォーム共通　　　*/
#registbox {}
#registbox_inner {
  background: #EFEFEF;
  margin: 0 0 2em 0;
  padding: 1em;
}
#registbox input[type="text"] {
  padding: 5px;
}
#registbox input[type="submit"] {
  padding: 1em 0.5em;
  display: block;
  margin:1em auto 3em auto;;
  background: #f90;
  color: #fff;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-size: 95%;
}
#registbox input[type="submit"] + a {
  display: block;
}
#registbox input[type="submit"] + a:before {
  content: "\FF1C\FF1C";
}
#registbox input[type="button"] {
  clear: both;
  padding: 15px 30px;
  display: inline-block;
  margin: 20px auto;
  background: #f90;
  color: #fff;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-size: 120%;
}
#registbox input:hover {
  opacity: 0.6;
}
span.req {
  color: #f00;
}
/* 各お知らせ、掲示板の長いタイトルの調整 */
/*
.boxborder li,
.box li{padding-left: 7em;  text-indent: -7em;}
*/




    #btm_pr{ background: #f6f6f6;padding:1em;margin:2em auto 0.5em auto;}

    #btm_pr h2{font-weight:700;margin:0 0 1em 0;}
    #btm_pr h3{margin:0 0 1em 0; color:#19A2E6;font-size:100%;}

    #btm_pr .item{padding:1.5%; background: #fff;border-radius:1em; margin:0 0 1em 0;
    display:flex;align-items: center;
        justify-content: center;
        flex-flow: column;	}
    #btm_pr .item h3 span.red{color:#f00;font-size:122%;}

    #btm_pr .item img{width:100%;height:auto;}

    #btm_pr .item a{width:100%; background:#19A2E6;color:#fff;font-weight:500;margin:0 0 0.5em 0;border-radius:0.25em; display:block;}
    #btm_pr .item a:hover{text-decoration: none;}






/* フッターメニュー・コピーライト */
#btm {
  color: #fff;
  background: #355396;
  padding: 2em 1em 5em 1em;
  position: relative;
}
#btminner {
  display: block;
  margin: 0 auto 1em auto;
  position: relative;
}
#btminner ul {
  list-style: none;
  text-align: center;
}
#btminner li {
  display: inline-block;
  margin: 0 1em 1em 0;
  font-size: 90%
}
#btminner .searchbox {
  display: none;
}
#btminner a {
  color: #FFFFFF;
}
/*To TOP*/
#page-top {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 30px;
  right: 10px;
}
#page-top {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
#page-top a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 102, 204, 0.7); /* #06c*/ position: relative;
}
#page-top a:after {
  position: absolute;
  left: 15px;
  top: 17px;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  transform: rotate(-45deg);
}
#page-top a:hover {
  opacity: 0.6;
}
#copyright {
  text-align: center;
  margin: 1em 0;
  font-size: 90%;
  font-weight: 200;
}



  /*--------------  */
  /*--------------  */
  /*見積もりフォーム*/
  #form_wrap {
    margin: 1em 1em 4em 1em;
    line-height: 100%;

  }
  #form_wrap h2 {
    padding: 0 0 0.5em 0;
    margin: 0 0 0.5em 0;
    color: #000;
    border-bottom: 1px solid #000;
    font-size: 180%;
  }


  #form_wrap h2 span{
display:block;
      margin:0 0 0.75em 0;
      text-align: left;
  }

#form_wrap .mitsumori_chart{display:flex;justify-content: space-between; flex-flow: row nowrap;}
#form_wrap .mitsumori_chart .item{flex-basis:26%; background: #faf1d7;color:#f60;padding:2%;text-align: left;line-height: 135%;position: relative;}
#form_wrap .mitsumori_chart .item:after {position: absolute;top:35%;;margin:auto;right:-1em;font-size:132%; content:"\2513";color:#f60;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)

    }
    #form_wrap .mitsumori_chart .item:last-child:after {content:none;}

  #form_wrap p {
    margin: 0 0 2em 0;
  }
  #form_wrap small.btm {
    display: block;
    margin: 0.5em 0 0 0;
  }
  #form_wrap small.side {
    display: inline-block;
    margin: 0 0 0 0.5em;
  }



  /*formの設定*/
  .formbox {
    text-align: left;
    margin: 0 auto 3em auto;
  }
  .form {
    border: 1px solid #ccc;
  }
  .formbox .formtr {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
    border-bottom: 1px solid #ccc;
  }

  .formbox .formtr:last-child {
    border-bottom: none;
  }
  .formbox .formtr .formdt {
    padding: 0.5em;
    flex-basis: 100%;
  }
  .formbox .formtr .formdd {
    padding: 0.5em;
    text-align: left;
       flex-basis: 100%;
  }
  .formbox input {
    padding: 1%;
    background: #f3f3f3;
    border: none;
    font-size: 123%
  }
  .formbox input.sst {
    width: 5%;
  }
.formbox input.st10p {
    width: 10%;
  }
  .formbox input.st {
    width: 50%;
  }
  .formbox input.lg {
    width: 90%;
  }
  .formbox .ml1em {
    margin-left: 1em;
  }
  .formbox select {
    font-size: 100%;
    padding: 0.25em;
  }
  .formbox textarea {
    font-size: 100%;
    padding: 1%;
    background: #f3f3f3;
    border: none;
    width:98%;
  }
  .formbox input::placeholder {
    font-size: 80%;
  }
  .formbox .item_detail {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    margin: 0.5em 0;
    align-items: center;
  }
  .formbox .item_detail .item_detail_tt {
    flex-basis: 20%;
    margin: 0 1em 0 0
  }
  .formbox .item_detail select {
    flex-basis: 55%;
  }



 .formbox .item_detail_hc {
  }
  .formbox .item_detail_hc .item_detail_tt {
   font-size: 123%;
    margin: 0 0 0.5em 0
  }
  .formbox .item_detail_sub {
margin:0 0 1em 0;
padding:0 0 1em 0;
border-bottom:1px dotted #ccc;
}
    .formbox .item_detail_sub input{margin:0 0.5em 0 0.5em;}
    .formbox .item_detail_sub .suryo{display:block;margin:0.5em 0 0 0}


  .form-submit {
    text-align: center; margin:0 0 3em 0;
  }
  .form-submit input {
    font-size: 100%;
    cursor: pointer;
    border: 1px solid #ccc;
    text-align: center;
    width: 40%;
    padding: 1em;
    border-radius: 0.25em;
  }
  .form-submit input[disabled] {
    opacity: 0.5;
  }
  .form-submit input[disabled]:hover {
    pointer-events: none;
  }
  span.rq {
    color: #fff;
    background: #f00;
    font-size: 60%;
    padding: 0.15em 0.5em;
    border-radius: 0.25em;
    display: inline-block;
    margin: 0 0 0 0.5em;
  }
  .conf-text {
    clear: both;
    margin: 20px 0 0 0;
    text-align: left;
    font-size: 100%;
  }
  #conf {
    text-align: center;
    margin: 2em 0;
    font-size: 123%;
  }
  #conf input {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0.15em;
  }
  #conf input, #conf label:hover {
    cursor: pointer;
    }




/*ごみ曜日を登録*/
#gomiyoubi_wrap{}
#gomiyoubi_wrap .section{margin:0 0 3em 0;}
#gomiyoubi_wrap .section .ttwrap{display:flex;justify-content: flex-start;align-items: center;margin:0 0 1em 0;}
#gomiyoubi_wrap .section .ttwrap .gstep{background: #ee7800;color:#fff;padding:0 1em;margin:0 0.5em 0 0;


font-size:123%;
    text-align: center;
    padding: 0.5em 1em;
    border-radius: 50%;
}


/*#gomiyoubi_wrap .section .ttwrap .gstep span {font-size:177%;margin:0 0 0 0.25em;font-weight:700;}*/


#gomiyoubi_wrap .section .ttwrap h3{margin:0;font-weight:700;font-size:166%;}
#gomiyoubi_wrap .section p.setteigamen{margin:0 auto 2em auto;width:66%;}



/*フッター追従型メニュー*/
#btmmenu{ /*background: rgba(0,0,0,0.2);*/padding:0.5em;width:100%;z-index:999;height:3em;display:block;}

#btmmenu.position{padding:2em 0; }
#btmmenu a{font-size:80%;}





/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
/* PC ///////////////////////////////////////////////////////////////////////////////////////////  */
@media screen and (min-width:48em) { /*ipad以上768px  */

.pc{display:block;}
.sp{display:none;}
 .telnum {
  pointer-events: none;
}


  /* PCでは非表示 */
  .spmenubtn, /*三本線メニュー*/ .spnone, .spmemberregist, #spmember /*グロナビの閉じるボタン*/ {
    display: none;
  }
  /* description 最上部のサイト説明文*/
  #description {
    height: 25px;
    line-height: 25px;
    background: #19A2E6;
    margin: 0 0 0 0;
    color: #fff;
  }
  /* ヘッダ */
  header {
    position: relative;
    margin: 0 0 1em 0;
    background: #f0f0f0;
    text-align: left;


     height:170px;


    background: #DCF1F7 url(../img/bg_header.jpg) no-repeat bottom center;
    -moz-background-size: 1000px auto;
    -webkit-background-size: 1000px auto;
    -o-background-size: 1000px auto;
    -ms-background-size: 1000px auto;
    background-size: 1000px auto;




  }
  header #headerinner {
    width: 1000px;
    text-align: left;
    margin: 0 auto;
    position: relative;
  }
  header h1 {
    width: 333px;
    height: 90px;
    margin: 0.25em 0;
    background: url(../img/logo.png) no-repeat top left;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    z-index: 100;
    text-indent: -9999px;
    display: inline-block;
  }
  header h1 a {
    display: block;
    height: 100%;
  }
  header .searchbox {
    position: absolute;
    top: 0.25em;
    right: 0;
      left:inherit;
      bottom:inherit;
  }
  .searchbox input[type=text] {
    padding: 0.5em;
    margin: 0 1px 0 0;
    background: #fff;
    border: 1px solid #036eb8;
    width: 15em;
  }
  .searchbox input[type=submit] {
    padding: 0.15em 0.75em;
    display: inline-block;
    background: #036eb8;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 100%;
    position: relative;
    top: 0.1em;
    border: 1px solid #036eb8;
  }
  #header_pr {
    position: absolute;
    top: 2.5em;
    right: 0;
      bottom: inherit;
      left:inherit;
    background: #e85298;
    color: #fff;
    border-radius: 2em;
    width: 274px;
    text-align: center;
    font-size: 111%;
  }
  #header_pr span {
    color: #fff106;
    font-size: 123%;
    font-weight: 500;
  }
  #panel {
    display: none;
  }
  /* グローバルナビ */
  #navi {
    clear: both;
    font-size: 12pt;
    margin: 30px auto 0px auto;
    background: #19A2E6;
    padding: 4px 10px;
  }
  #navi ul {
    width: auto;
    list-style: none;
    text-align: center;
    margin: 0 auto 0 auto;
  }
  #navi ul li {
    display: inline-block;
    margin-right: 20px;
  }
  #navi a {
    color: #fff;
  }
  #navi .menu-item {
    display: none;
  }
  /*閉じる*/
  /*fbox*/
  .fbox {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  .fbox .item {
    flex-basis: 49%;
  }
  .fbox .item25 {
    flex-basis: 25%;
  }
  .fbox .item75 {
    flex-basis: 75%;
  }
  /*トップページの冒頭*/
  #top_info {
    margin: 0 auto 1em auto;
    width: 1000px;
    text-align: left;
    border-bottom: 8px solid #009fe6;
  }
  #top_info .leftbox {
    flex-basis: 73%;
  }
  #top_info #maincopy {
    color: #009fe6;
    font-size: 205%;
    font-weight: 700;
    margin: 0 0 0.75em 0;
  }
  #top_info #maincopy span {
    display: block;
    color: #000;
  }
 #service_info {
    font-size: 123%;
    font-weight: 500;
  }
 #service_info .item{width:100%;margin: 0}
  #top_info .leftbox .item .item_tt {
    font-size: 123%;
    font-weight: 700;
  }
  #top_info .leftbox .item img {
    width: 90%;
    height: auto;
  }
  #top_info .rightbox {
    flex-basis: 25%;
  }
  #top_info .rightbox #howto {
    margin: 0 0 0.5em 0;
    font-size: 90%;
  }
  /*コロナ　・ 　特集*/
  #corona, #tokusyu {
    margin: 0 0 1em 0
  }
  #corona a, #tokusyu a {
    display: block;
    color: #000;
    font-weight: 700;
    font-size: 155%;
    padding: 0.75em;
    border: 1px solid #f08000;
    margin: 0 0 0.25em 0
  }
  #corona a:hover, #tokusyu a:hover {
    background: #f0f0f0;
    text-decoration: none;
  }
  /*三重なんでも・・*/
  #mie_info {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  #mie_info .item {
    flex-basis: 49%;
    margin: 0 0 1em 0;
  }
  .boxborder {
    border: 1px solid #f08000;
    margin: 0;
    padding: 0.5em;
    height: 15em;
    overflow: scroll;
  }
  /* 三重なんでもニュース */
  #rss ul {
    margin: 0;
    padding: 0;
    position: relative;
  }
  #rss li {
    font-size: 95%;
    margin: 0 0 5px 0;
    padding: 0 0 0 1em;
    list-style: none;
  }
  #rss li:before {
    content: "\30FB";
    color: #005bac;
    position: absolute;
    left: 0;
    margin: 2px 0 0 0;
  }
  /*アンケート*/
  .answer_num_g {
    display: block;
    background-color: #f69;
    height: 12px;
    margin: 5px 3px 0 5px;
    float: left;
  }
  /*口コミ*/
  #kuchikomi {}
  #kuchikomi dl {
    margin: 0 0 1em 0;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
  }
  #kuchikomi dt {
    flex-basis: 33%;
    position: relative;
  }
  #kuchikomi dt span {
    position: absolute;
      right:1.75em;
      top:0.5em;
  }
  #kuchikomi dt small {

  }
  #kuchikomi dd {
    flex-basis: 66%;
    padding: 0.75em;
  }
  #kuchikomi dd:before {
    content: "\25B2";
    color: #fdecc7;
    position: absolute;
    top: 0.8em;
    left: -0.9em;
      right:inherit;
    margin: auto;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }




/*業者情報　業者からのお知らせ*/
#shop_news {margin: 0 0 4em 0;}
#shop_news h2{color:#2d949c;border:none;font-weight:500; background: none;}  
#shop_news h2 span{font-size:66%;}  
#gyosya_info {display: flex;flex-flow:column; height:379px;overflow: scroll;}

#gyosya_info .item {margin: 0 0 0 0;padding:0.5em 0;border-bottom:1px solid #000;display: flex;align-items: center;justify-content: space-between}
#gyosya_info .item:first-child {border-top:1px solid #000;}
#gyosya_info .item .item_post_tt {display: flex;flex-flow: row nowrap; order:1;flex-basis: 77%;}
#gyosya_info .item .item_post_tt a{order:2;flex-basis: 80%;color:#000;font-weight:500;}  
#gyosya_info .item .item_post_tt span {order:1;flex-basis: 15%;color:#2d949c;font-weight:700;
font-size: 80%;font-weight: 400;margin: 0 0 0 1em;}
#gyosya_info .item .item_photo{order:2;flex-basis: 20%;}    

/*
#gyosya_info .item {
flex-basis: 32%;
margin: 0 0 0.5em 0;
}
#gyosya_info .item .item_photo{height:160px;}

#gyosya_info .item .item_post_tt {}
#gyosya_info .item .item_post_tt span {
font-size: 80%;
font-weight: 400;
margin: 0 0 0 1em;
}
*/
  
    .mainarea h2{ background: #355396;border:none;font-weight:500;color:#fff;padding:0.25em 0.5em;}  
    .mainarea h2 span{font-size:66%;} 
  
 /*カテゴリーから探す*/   
    
    #search_box{} 
    .searchbox{position:relative;margin:0 0 3em 0;}
    
    .searchbox ul{display:flex; justify-content: space-between;flex-flow:row wrap;align-items: center;}
    .searchbox ul li{flex-basis: 32.5%;margin:0 0 0.5em 0;}
    .searchbox ul li a{display: flex; align-items: center;position: relative;
        background:#b5def6;border-radius:0.5em; color:#000;font-weight:bold;font-size:90%;height:35px;padding:0.25em 2em 0.25em 1em;line-height: 111%;box-shadow: 2px 2px 2px #999}
    .searchbox ul li a:after{content:"▲";position: absolute;right:5px;top:12px;color:#fff;transform: rotate( 90deg); }
    
    .searchbox ul li a:hover{text-decoration: none}
    .searchbox .ill{position:absolute;top:-44px;right:10px;width:190px;}
    .searchbox .ill img{width:100%;height:auto;}
    
    
    #search_area .areabox{}
    #search_area .areabox ul{flex-basis: 50%}
    #search_area .areabox .area_mie{flex-basis: 48%;display:block;}
    
    .searchbox.area ul li{flex-basis: 49%;margin:0 0 0.5em 0;}
    .searchbox.area ul li a{height:20px;padding:0.25em 2em 0.25em 1em;line-height: 111%;box-shadow: 2px 2px 2px #999}
    .searchbox.area ul li a:after{top:7px;}
    
/*最新の投稿*/
    
    #newposts{border:1px solid #355396;padding:0 0.25em 0.25em 0.25em;
    height:940px;overflow: scroll;margin:0 0 2em 0;

    }
    #newposts img{width:100%;height:auto;}
    h2.newposts{ background: #355396;border:none;font-weight:500;color:#fff;padding:0.25em ;font-size:122%;text-align: center;margin:0;}


    /*最新フォトアルバム*/
    #photo_album {
    display: flex;
    flex-flow: column;
    }
    #photo_album a{color:#000;font-size:90%;font-weight:500;} 
    #photo_album .item {
    flex-basis: 24.5%;
    margin: 0 0 1em 0;
    }
    #photo_album .item .item_tt {
    color: #355396;
    font-weight: bold;
    font-size: 90%;
    margin: 1em 0 0.5em 0; }

    #photo_album .item .item_tt:before {content:"●";}    

    #photo_album .item .item_photo {
    height: 125px;
    background: #f0f0f0;
    margin: 0 0 0.5em 0;
    overflow: hidden
    }

    
    
    /*見えなんでもおもしろ情報*/
    #mie_omoshiro{margin:0 0 2em 0;}
    #mie_omoshiro h3{font-weight:500;color:#00a0e9;font-size:122%;}  
    #mie_omoshiro .miebox{border:2px solid #00a0e9;border-radius:1em;padding:1em;margin:0 0 0.5em 0;}  
    #mie_omoshiro .miebox .inner{height:155px;overflow: scroll} 
    
    #mie_omoshiro .mieboxwrap{flex-flow:row nowrap;}
    #mie_omoshiro .mieboxwrap .miebox {flex-basis:44.5%;}
    #mie_omoshiro .mieboxwrap .miebox .inner{height:255px;overflow: scroll}
    
    
    
    
    
    
    
    
    
  /*ログインボックス*/
  #member {
    border: 1px solid #64c0ab;
    margin: 0 0 0.5em 0;
    padding: 0 0.5em 0.5em 0.5em;
    background: rgb(100, 192, 171);
    background: -moz-linear-gradient(left, rgba(100, 192, 171, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(100, 192, 171, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(100, 192, 171, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(100, 192, 171, 1) 100%);
    background: linear-gradient(to right, rgba(100, 192, 171, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(100, 192, 171, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64c0ab', endColorstr='#64c0ab', GradientType=1);
  }
  #member strong {
    display: block;
    background: #70c4b0;
    color: #fff;
    padding: 0.5em
  }
  #member > strong + br {
    display: none;
  }
  #member form {
    padding: 0.5em;
  }
  #member input[type="text"], #member input[type="password"] {
    padding: 0.25em;
    background: #fff !important;
    border: 1px solid #ccc;
    width: 95%;
  }
  #member input + p {
    text-align: center;
  }
  #member input[type="submit"] {
    width: 75%;
    text-align: center;
    background: #19A2E6;
    border: none;
    padding: 0.25em;
    color: #fff;
    border-radius: 0.25em;
    cursor: pointer;
    margin: 1em 0 0 0
  }
  /* 会員登録ボタン */
  #regist {
    margin: 0 auto 1em auto;
    width:  100%;
  }
  #regist a {
    display: block;
    color: #fff;
    text-align: center;
    font-weight: 500;
    background: #19A2E6;
    padding: 0.5em;
    border-radius: 0.25em;
  }
  #regist a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
  /* slider */
  .slide {
    width: 1000px;
    margin: auto;
    margin-bottom: 30px;
  }
  .slider {
    margin: 0px auto;
    /*    width: 80%;*/
    width: 100%;
  }
  .slider img {
    /*height: auto;*/
    display: block;
    width: 100%;
  }
  /*slick setting*/
  .slick-prev:before, .slick-next:before {
    color: #000;
  }
  /* 総合 */
  #content {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
  }
  #leftside {
    order:2;
    flex-basis: 24%;
  }
  #centerside {
    order:1;
    flex-basis: 74%;
  }
  #centerside img {
    max-width: 100%;
    height: auto;
  }
  #page_upper {
    background: #dff2fc;
    padding: 2em;
    margin: 0 0 2em 0;
  }
    
    
    .jimukyoku{font-weight:500;font-size:111%;margin:0 0 0.5em 0;}   
    .jimukyoku_contact {margin:0 0 2em 0;}
    .jimukyoku_contact dl{margin:0 0 0.125em 0;display:flex;justify-content: flex-start; flex-flow: row nowrap;}
    .jimukyoku_contact dt{flex-basis:22%;}
    .unei{font-weight:500;font-size:111%;margin:0 0 0.5em 0;}
    
    
    
    
    
    
  /*カテゴリ表示*/
  #s_cate {
    margin: 0 0 1em 0;
  }
  #s_cate a {
    color: #000;
    font-weight: 300;
  }
  #s_cate ul {
    list-style: none;
    font-size: 90%;
    padding: 0.5em;
  }
  #s_cate ul li {
    margin: 0 0 0.5em 0;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 120%;
  }
  #s_cate ul li:before {
    font-size: 100%;
    margin: 0 0.1em 0 0;
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: relative;
    top: -0.175em;
    margin: 0 0.5em 0 0;
    border-right: 1px solid #ef8200;
    border-bottom: 1px solid #ef8200;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*地域から検索*/
  #s_area {
    margin: 0 0 1em 0;
  }
  #s_area a {
    color: #666;
    font-weight: 300;
  }
  #s_area ul {
    list-style: none;
    font-size: 85%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 0.5em;
  }
  #s_area ul li {
    flex-basis: 48%;
  }
  .cat_tt {
    background: #19A2E6;
    color: #fff;
    font-size: 111%;
    padding: 0.25em;
    text-align: center;
    border-radius: 0.5em 0.5em 0 0
  }
  .kensaku {
    border: 1px solid #19A2E6;
  }
  /*サイドバーのメニュー #topics*/
  #topics {
    margin: 0 0 1em 0;
  }

    #topics ul{display:flex;justify-content: space-between; flex-flow: row wrap;}
    #topics ul li{flex-basis:47%;margin:0 0 0.5em 0;position: relative;}
    #topics ul li:nth-child(even){top:4em;}
    
    #topics ul li a {  }
    #topics img{width:100%;height:auto;}
    
    
    
    
  /*枠なしボックス　*/
  .box {
    margin: 0 0 10px 0;
    padding: 0;
  }
  .top_shopnewsimage img {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    margin-right: 1px;
  }
  .shopnewsimage {
    max-width: 480px;
    height: auto;
  }
  .top_comnewsimage img {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    margin-right: 1px;
  }
  .comnewsimage {
    max-width: 480px;
    height: auto;
  }
  /* 掲示板 */
  #postformlink {
    margin: 0 0 1em 0;
    text-align: right;
  }
  #postformlink a {
    background: #19A2E6;
    color: #fff;
    padding: 0.5em 1em;
    display: inline-block;
    border-radius: 0.25em
  }
  #postformlink a:hover {
    text-decoration: none;
  }
  .bbs {
    clear: both;
    background-color: #fff;
    border: 1px solid #19A2E6;
    margin: 1em 0 3em 0;
    padding: 1em;
    overflow: auto;
    border-radius: 0.25em;

word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-all;

  }
  .bbsdelform {
    float: right;
    width: 180px;
    font-size: 90%;
  }
  .bbsdel {
    width: 60px;
  }
  .bbsimage {
    max-width: 480px;
    height: auto;
  }
  .top_bbsimage img {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    margin-right: 1px;
  }
  /*
  .imgright {
    float: right;
  }
  .imgright img {
    max-width: 120px;
    max-height: 120px;
  }
  */
  /*掲示板投稿フォーム*/
  #bbsform {}
  #bbsform input[name="bbs_title"] {
    width: 65%;
    margin: 0 0 1em 0;
    padding: 0.5em
  }
  #bbsform textarea[name="bbs_content"] {
    width: 67%;
    height: 10em;
    margin: 0 0 1em 0;
    padding: 0.5em;
  }
  /*　新規会員登録　regist.html */
  #registbox .regtr {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    border-bottom: 1px solid #fff;
    padding: 0.75em 0
  }
  #registbox .regleft {
    flex-basis: 30%
  }
  #registbox .regright {
    flex-basis: 70%
  }
  #registbox .regright input[type="text"] {
    width: 75%;
  }
  #registbox .regright textarea[name="shop_news_detail"] {
    width: 90%;
    padding: 0.5em;
  }
  #registbox .regtr + p {
    margin: 2em 0;
  }
  /*　自治体情報の登録　member_edit.html*/
  #registbox .regupper {
    display: block
  }
  #registbox .regupper:before {
    content: "\25cf";
    color: #19A2E6;
    font-size: 120%;
  }
  #registbox .regright {
    display: block
  }
  /* お店詳細 detail.html */
  .shopimage_coupon_area, .shop_map_area, .shop_video_area {
    margin: 15px 0;
  }
  .shopimage_coupon_area strong:before, .shop_map_area strong:before, .shop_video_area strong:before {
    content: "\25cf";
    color: #19A2E6;
    font-size: 120%;
  }
  /*検索条件フォーム*/
  #search_if {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
    margin: 0 0 3em 0;
  }
  #search_if .search_if_cate {
    flex-basis: 100%;padding:0 0 0.5em 0;
  }
  #search_if .search_if_area {
    flex-basis: 100%;padding:0 0 0.5em 0;
  }
  #search_if .search_submit {
    flex-basis: 100%;
      margin:0;
  }
  #search_if .search_submit input.shopsearch[type="submit"] {
    padding: 0.5em 1em;
    color: #fff;
    border-radius: 0.25em;
    cursor: pointer;
    font-size: 90%;
    border: 2px solid #d6280c;
    background: rgb(222, 48, 16);
    background: -moz-linear-gradient(left, rgba(222, 48, 16, 1) 0%, rgba(236, 90, 18, 1) 50%, rgba(222, 48, 16, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(222, 48, 16, 1) 0%, rgba(236, 90, 18, 1) 50%, rgba(222, 48, 16, 1) 100%);
    background: linear-gradient(to right, rgba(222, 48, 16, 1) 0%, rgba(236, 90, 18, 1) 50%, rgba(222, 48, 16, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de3010', endColorstr='#de3010', GradientType=1);
  }
  #search_if .search_submit input.shopsearch[type="submit"]:hover {
    opacity: 0.5;
  }
  #search_if .search_if_cate, #search_if .search_if_area {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    align-items: center;
      margin:0;
  }
  #search_if .search_if_cate .iflabel, #search_if .search_if_area .iflabel {
    margin: 0 0.5em 0 0;
      width:inherit;
  }
  #search_if .search_if_cate .iflabel:before, #search_if .search_if_area .iflabel:before {
    content: "\25CF";
    margin: 0 0.25em 0 0;
  }
  .order_button {
    margin: 2em 0 3em 0;
    text-align: center;
  }
  .order_button a {
    width: 55%;
    margin: auto;
    padding: 0.5em;
    border-radius: 2em;
    color: #fff;
    display: block;
    font-size: 111%;
    font-weight: 500;
    box-shadow: 0 3px 0 #ccc;
    border: 3px solid #365496;
    background: #2b61ae;
    background: -moz-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: -webkit-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: linear-gradient(to right, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b61ae', endColorstr='#2b61ae', GradientType=1);
  }
  .order_button a:hover {
    text-decoration: none;
  }
  /* 店舗検索結果一覧 */


    .listitem{border:1px solid #ccc;border-radius:0.5em; padding:1em;margin:0 0 1.5em 0;box-shadow: 0 3px 3px #ccc;
     background: #f9f9f9;
    }



  .shoptitle {
    clear: both;
    font-size: 14pt;
    font-weight: bold;
    margin-top: 15px;
  }


.listitem .shop_img{width:77%;height:300px;position: relative;overflow: hidden;margin:0.5em auto}
.listitem .shop_img img{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:auto;}


  .shoptitle a {
    color: #f60;
  }
  .shopimage {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
  }
  .shopcontent {
    margin: 10px 0 10px 0;
    padding: 0 0 10px 0;
  }
  .shopcontent .shoppoint {
    font-size: 80%;
    padding: 0 0.1em;
    border-radius: 0.25em;
    background: #f60;
    color: #fff;
    margin: 0 0.5em 1em 0;
  }
  .shopcontent .detail_button {
    margin:1.5em 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .shopcontent .detail_button .shopprice {
     flex-basis:45%;
    color: #c00;
    font-size: 75%;
      text-align: right;
  }
  .shopcontent .detail_button .shopprice span {
    font-size: 222%;
    font-weight: 500;
  }
  .shopcontent .detail_button input.shopbutton {
     flex-basis: 45%;
    border-radius: 0.25em;
    padding: 0.5em 1em;
    color: #fff;
    border: 1px solid #2b61ae;
    background: #2b61ae;
     font-size:122%;
  }
  .shopcontent .detail_button input.shopbutton:hover {
    cursor: pointer;
    opacity: 0.6;
  }







  /* 業者詳細ページ */
  #shop {}
  #shop h2 {
    color: #000;
    padding: 0 0 0.25em 0;
    margin: 0 0 0.5em 0;
    font-size: 200%;
    font-weight: 500;
    border-bottom: 1px solid #000;
  }
  #shop h3 {
    font-size: 123%;
    padding: 0 0 0 0.5em;
    margin: 0 0 1.5em 0;
    font-weight: 500;
    border-bottom: 2px solid #999;
  }
  #shop h4 {
    font-size: 111%;
    font-weight: 700;
  }
  #shop .textbox {
    padding: 0 0.75em;
    margin: 0 0 3em 0;
  }
  #hentou img {
    width: 30px;
    height: auto
  }
  /*1行PR文 */
  #shop_pr {
    margin: 0 0 1em 0;
    font-size: 155%;
    font-weight: 700;
    color: #f60;
  }
  /*サービス概要*/
  #shop_outline_box {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin: 0 0 1em 0;
  }
  #shop_outline_box #shopimage_detail {
    flex-basis: 47%;
  }
  #shop_outline_box #shop_outline {
    flex-basis: 50%;
  }
  #shop_outline_box #shop_outline #shop_category {
    border: 1px solid #c00;
    padding: 0.5em;
  }
  #shop_outline_box #shop_outline dl {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 1em 0 0.5em 0;
  }
  #shop_outline_box #shop_outline dt {
    flex-basis: 44%;
    margin: 0 0 0.75em 0;
    font-size: 90%
  }
  #shop_outline_box #shop_outline dd {
    flex-basis: 55%;
    margin: 0 0 0.75em 0;
    font-size: 123%
  }
  #shop_outline_box #shop_outline dd .shop_staff_img {
    width: 77px;
  }
  /*サブ画像*/
  #shop_subimage {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  #shop_subimage a {
    flex-basis: 32%;
    margin: 0 0 0.25em 0;
  }
  /*サービスメニュー*/
  #service_menu {
    margin: 2em 0;
  }
  #service_menu ul {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
  }
  #service_menu ul li {
    flex-basis: 16.2%;
  }
  #service_menu ul li a {
    background: #000;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 0.25em;
    padding: 0.25em 0;
    font-size: 85%;
    position: relative;
  }
  #service_menu ul li a:hover {
    text-decoration: none;
  }
  #service_menu ul li a:after {
    content: '\251b'; /*細字250c*/
    position: relative;
    top: 0.25em;
    margin: 0 0 0 0.25em;
    display: inline-block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }


  /*担当者*/
  #shop_staff_box {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin: 0 0 1em 0;
  }
  #shop_staff_box #shop_staff {
    flex-basis: 83%;
  }
  #shop_staff_box .shop_staff_img {
    width: 77px;
    flex-basis: 12%;
  }
  #shop_sheet {}
  #shop_sheet dl {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 0 0 0.5em 0;
  }
  #shop_sheet dt {
    flex-basis: 14%;
    margin: 0 0 0.75em 0;
  }
  #shop_sheet dd {
    flex-basis: 83%;
    margin: 0 0 0.75em 0;
  }
  /*見積依頼のボタン*/
  #shop .mitsumori_irai {}
  #shop .mitsumori_irai.full {
    width: 100%;
    margin: 0;
  }
  #shop .mitsumori_irai.btm {
    margin: 4em auto;
  }
  #shop .mitsumori_irai.full input {
    width: 100%;
  }
  #shop .mitsumori_irai.btm input {
    width: 55%;
  }
  #shop .mitsumori_irai input {
    margin: auto;
    padding: 0.5em;
    border-radius: 0.25em;
    color: #fff;
    display: block;
    font-size: 111%;
    font-weight: 500;
    box-shadow: 0 3px 0 #ccc;
    border: 3px solid #365496;
    background: #2b61ae;
    background: -moz-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: -webkit-linear-gradient(left, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    background: linear-gradient(to right, #2b61ae 0%, #3e76bc 50%, #2b61ae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b61ae', endColorstr='#2b61ae', GradientType=1);
  }
  #shop .mitsumori_irai input:hover {
    cursor: pointer;
    opacity: 0.6;
    }
/* ポイント交換 member_present.html */
#presentbox {
margin: 10px 0;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
    }
  .present_o {
    background-color: #feecec;
    border: 1px solid #c00;
    padding: 5px;
    margin: 0 0 15px 0;
    }
  .present_x {

    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 0 15px 0;
    color: #999;
  }
  .pretd {
    padding: 0.5em;
  }
  table.present_o td {
    padding: 0.5em;
  }
  table.present_x td {
    padding: 0.5em;
  }
  .present_o input {
    padding: 5px 20px;
    display: inline-block;
    margin: 10px 0;
    background: #f90;
    color: #fff;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 100%;
  }
  .present_o input:hover {
    opacity: 0.6;
  }
  .present_thumbnail {
    width: 200px;
    margin-right: 10px;
  }
  /* 店舗設定 */
  .y_plan_str {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 15px;
    margin: 0 0 15px 0;
  }
  /* 右  210px*/
  #rightside {
    width: 260px;
    float: right;
    text-align: left;
    margin: 0;
    display: none;
  }

  /* 広告バナーサイズ */
.banner1 { width:100%; margin: 0 auto 0.5em auto;    text-align: center;  }
.banner2, .banner3 {display:block; }
.banner4 { display:flex;justify-content: center;flex-flow: row wrap;  }
.banner2 a, .banner3 a {margin:0 0 0.5em 0;display:block;}
.banner4 a{flex-basis:48%;margin:0 0 0.5em 0;}

  /*はじめての方へ*/
  #centerside h3.copy {
    font-size: 199%;
    font-weight: 500;
    margin: 1em 0 1em 0;
  }
  .icontt {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
  }
  .icontt.num .icon {
    flex-basis: 10%;
  }
  .icontt.num h4 {
    flex-basis: 88%;
    margin: 0 0 0.5em 0;
    color: #00a0e9;
    font-size: 165%;
    font-weight: 500;
  }
  .icontt.step .icon {
    flex-basis: 10%;
  }
  .icontt.step h4 {
    flex-basis: 88%;
    margin: 0;
    color: #000;
    font-size: 165%;
    font-weight: 500;
  }
  .flow {
    margin: 0 0 4em 0;
    display: block;
  }
  #centerside .flow p {
    margin: 0 0 2em 12%;
  }
  h5.arr {
    color: #00a0e9;
  }
  h5.arr img {
    width: 10%;
    vertical-align: middle;
    margin: 0 1em 0 0;
  }
  .ill01 {
    width: 30%;
    float: right;
    padding: 0 0 0 2em;
  }
  .box_blue {
    padding: 1em;
    border-radius: 0.25em;
    background: #bfe7f9;
    margin: 0 0 1em 0;
  }
  .box_gr {
    padding: 1em;
    border-radius: 0.25em;
    background: #f0f0f0;
    margin: 0 0 1em 0;
  }
  /*サイト利用方法*/
  /*個人*/
  #centerside h3.copy span {
    font-size: 150%
  }
  #centerside h3.border_btm {
    border-bottom: 2px solid #000;
    padding-bottom: 0.25em;
  }
  #centerside p.anzen {
    color: #00a0e9;
    font-size: 135%;
  }
  h5.bg_bk {
    color: #fff;
    background: #000;
    padding: 0.25em 1em;
    border-radius: 0.25em;
    display: inline-block;
    margin: 1em 0 1em 0;
    font-weight: 300;
  }
  /*業者*/
  .fbox_ryokin {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
    margin: 0 0 1.5em 0;
    border-bottom: 1px solid #000;
    padding: 0 0 1.5em 0;
  }
  .fbox_ryokin .item_tt {
    flex-basis: 25%;
  }
  .fbox_ryokin .item_txt {
    flex-basis: 75%;
    font-size: 222%;
    font-weight: 300;
  }
  .fbox_ryokin .item_txt span {
    display: block;
    font-size: 45%;
  }
  .flow_gyosya h4 {
    font-size: 135%;
    font-weight: 300;
    margin: 1em 0 0.25em 0;
  }
  .flow_gyosya h4 span {
    color: #00a0e9
  }
  #centerside .flow_gyosya p {
    margin: 0 0 0 1.5em
  }
  #qabox {}
  #qabox .qq {
    background: #54c3f1;
    width: 65%;
    padding: 0.25em;
    color: #fff;
    font-size: 135%;
    font-weight: 300;
    margin: 0 0 0.75em 0;
  }
  #qabox .aa {
    margin: 0 0 2em 2.5em
  }
  /*損害賠償補償制度*/
  #comingsoon {
    padding: 3em;
    font-size: 333%;
    font-weight: 200;
    text-align: center;
    color: #ccc;
  }

  /*特派員募集*/
  #sp_flow {}
  #sp_flow h3 {
    border-bottom: 2px solid #4978b1;
    padding: 0 0 0.5em 0;
    margin: 0 0 1em 0;
  }
  #sp_flow_box {
    margin: 0 0 2em 0;
  }
  #sp_flow_box .item {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
  }
  #sp_flow_box .item .stepicon {
    flex-basis: 14%;
  }
  #sp_flow_box .item .stepicon span {
    display: block;
    background: #ee7800;
    color: #fff;
    font-size: 123%;
    text-align: center;
    padding: 0.5em 0;
    border-radius: 50%;
  }
  #sp_flow_box .item .spreg_tt {
    flex-basis: 30%;
    font-size: 135%;
    font-weight: 700;
  }
  #sp_flow_box .item .spreg_text {
    flex-basis: 48%;
        margin:0;
  }
  #sp_flow_box .downarr {
    font-size: 200%;
    color: #4978b1;
    padding: 0.5em 0;
    margin: 0 0 0 1.15em;
      text-align: left;
  }
  /*ごみ曜日一覧*/
  #gomiyoubi {
    margin: 0 3em;
  }
  #gomiyoubi .item {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #ccc;
  }
  #gomiyoubi .item .city {
    flex-basis: 30%;
    font-size: 111%;
  }
  #gomiyoubi .item .city:before {
    content: "\25CE";
    margin: 0 0.25em 0 0;
  }

  #gomiyoubi .item a.detail, #gomiyoubi .item a.list {
    flex-basis: 34%;
    border: 1px solid #ccc;
    display: block;
    border-radius: 0.25em;
    text-align: center;
    font-size: 100%;
    margin: 0 1em 0 0;
  }

 /*複数行*/
  #gomiyoubi .item.multi {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #ccc;
    align-items: flex-start;
  }

  #gomiyoubi .item.multi  div.detail, #gomiyoubi .item.multi  div.list {
    flex-basis: 34%;
    display: block;
    border-radius: 0.25em;
    text-align: center;
    font-size: 100%;
    margin: 0 1em 0 0;
  }


#gomiyoubi .item.multi a.list {
    margin: 0 0 0.5em 0;

  }


  #gomiyoubi .item a:hover {
    text-decoration: none;
    background: #f0f0f0;
  }
  #gomiyoubi .item a.detail:before, #gomiyoubi .item a.list:before {
    content: "\25B2";
    margin: 0 0.75em 0 0;
    display: inline-block;
    font-size: 60%;
    position: relative;
    top: -0.2em;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }





  /*ポイント交換景品一覧*/
  #point {}
  #point h3 {
    font-size: 199%;
    margin: 0 0 1em 0;
    font-weight: 500;
  }
  #point h3 span {
    font-size: 55%;
    margin: 0 0 0 2em;
    font-weight: 300;
  }
  #point h4 {
    padding: 0 0 0.5em 0;
    margin: 0 0 0.25em 0;
    border-bottom: 2px solid #c00;
  }
  #point_sheet {
    margin: 0 0 4em 0
  }



#point_sheet_wrap{border:1px solid #ccc;}
#point_sheet_wrap .item{display:flex; justify-content: space-between;flex-flow: row nowrap;font-size:100%;}
#point_sheet_wrap .item > div{ background: #fff;border-bottom:1px solid #ccc;padding:0.5em;}
#point_sheet_wrap .item:last-child > div{border: none;}
#point_sheet_wrap .item.header >div {font-weight:700;border-bottom:1px solid #ccc;}
#point_sheet_wrap .item .item_cap{flex-basis:50%;}
#point_sheet_wrap .item .item_mb{flex-basis:25%;text-align: center;  background: #f6f6f6;font-weight:500;}
#point_sheet_wrap .item .item_mb_sp{flex-basis:25%;text-align: center; background: #fcefc4;font-weight:500;}
#point_sheet_wrap .item.header .item_mb_sp span{display:inline-block;}


#point_howto{margin:0 0 2em 0}
#point_howto ul{list-style: disc;margin:0 0 0 1.5em }

#keihin{margin:0 0 2em 0;}
#keihin .itemwrap{display:flex; flex-flow:column;}
#keihin .itemwrap .item{margin:0 0 1em 0;display:flex; justify-content: space-between; flex-flow:row nowrap;}
#keihin .itemwrap .item .item_photo{flex-basis: 15%;margin:0;}
#keihin .itemwrap .item .item_text{flex-basis: 80%;}
#keihin .itemwrap .item .item_text .item_text_tt{font-size:123%;font-weight:700;}



    #keihin .itemwrap .item .item_photo img:hover{transform:scale(2,2); cursor: pointer; border:2px solid #fff;box-shadow: 0 0 5px #666;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;


    }




/*損害賠償保証制*/

#compensation_tt{color:#00a0ea;font-size:222%;}
#compensation_header #compensation_illust{position: absolute;width:22%;right:4em;bottom:0;}




  /*広告募集*/
  #banner {}
  #banner h4 {
    margin: 1em 0;
  }
  #banner h5 {
    font-size: 111%;
  }
  #banner .bnr_keisai {
    margin: 0 auto 1em;
    width: 35%;
  }
  #banner dl {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  #banner dl dt {
    flex-basis: 15%;
  }
  #banner dl dd {
    flex-basis: 80%;
  }
  #banner .box_gr {
    margin-top: 5em;
  }




    #btm_pr{width:1000px; background: #f6f6f6;border-radius:0.5em;padding:2em;margin:2em auto;}

    #btm_pr h2{font-weight:700;margin:0 0 1em 0;}
    #btm_pr h3{margin:0 0 1em 0; color:#19A2E6;font-size:100%;}
    #btm_pr .item{flex-basis:30%;padding:1.5%; background: #fff;border-radius:1em;
    display:flex;align-items: center;
        justify-content: center;
        flex-flow: column;	}
    #btm_pr .item h3 span.red{color:#f00;font-size:122%;}

    #btm_pr .item img{width:100%;height:auto;}

    #btm_pr .item a{width:100%; background:#19A2E6;color:#fff;font-weight:500;margin:0 0 0.5em 0;border-radius:0.25em; display:block;}
    #btm_pr .item a:hover{text-decoration: none;}








/*フッター追従型メニュー*/
#btmmenu{ /*background: rgba(0,0,0,0.2);*/padding:0.5em;width:100%;z-index:999;height:3em;display:block;}

#btmmenu.position{padding:2em 0; }
    #btmmenu a{font-size:122%;}







  /* フッター */
  #footer {
    width: 1000px;
    padding:0;
      margin:1em auto;
  }


  /* フッターメニュー・コピーライト */
  #btminner {
    width: 1000px;
    display: block;
    margin: 0 auto 20px auto;
    position: relative;
  }
  #btminner .searchbox {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
  }
  #btminner a {
    color: #FFF;
  }
  #page-top {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 100px;
    right: 50px;
  }
  #page-top a {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
  }
  #page-top a:after {
    position: absolute;
    left: 15px;
    top: 17px;
    content: "";
    width: 15px;
    height: 15px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: rotate(-45deg);
  }
  #page-top a:hover {
    opacity: 0.6;
  }





  /*--------------  */
  /*--------------  */
  /*見積もりフォーム*/
  #form_wrap {
    width: 777px;
    margin: 4em auto;
    line-height: 100%;
  }
  #form_wrap h2 {
    padding: 0 0 0.5em 0;
    margin: 0 0 1em 0;
    color: #000;
    border-bottom: 1px solid #000;
    font-size: 234%;
  }

  #form_wrap h2 span{
display:block;
      margin:0 0 0.75em 0;
      text-align: left;
  }

#form_wrap .mitsumori_chart{display:flex;justify-content: space-between; flex-flow: row nowrap;}
#form_wrap .mitsumori_chart .item{flex-basis:28%; background: #faf1d7;color:#f60;padding:1%;text-align: left;line-height: 135%;position: relative;}
#form_wrap .mitsumori_chart .item:after {position: absolute;top:35%;;margin:auto;right:-1.25em;font-size:200%; content:"\2513";color:#f60;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)

    }
    #form_wrap .mitsumori_chart .item:last-child:after {content:none;}

  #form_wrap p {
    margin: 0 0 2em 0;
  }
  #form_wrap small.btm {
    display: block;
    margin: 0.5em 0 0 0;
  }
  #form_wrap small.side {
    display: inline-block;
    margin: 0 0 0 0.5em;
  }



  /*formの設定*/
  .formbox {
    text-align: left;
    margin: 0 auto 3em auto;
      padding:0 0 3em 0;
  }
  .form {
    border: 1px solid #ccc;
  }
  .formbox .formtr {
    border-bottom: 1px solid #ccc;
  }
  .formbox .formtr:last-child {
    border-bottom: none;
  }
  .formbox .formtr .formdt {
    padding: 1em;
  }
  .formbox .formtr .formdd {
    padding: 1em;
    text-align: left;
  }
  .formbox input {
    padding: 1%;
    background: #f3f3f3;
    border: none;
    font-size: 123%
  }
  .formbox input.sst {
    width: 5%;
  }
.formbox input.st10p {
    width: 10%;
  }
  .formbox input.st {
    width: 50%;
  }
  .formbox input.lg {
    width: 90%;
  }
  .formbox .ml1em {
    margin-left: 1em;
  }
  .formbox select {
    font-size: 100%;
    padding: 0.25em;
  }
  .formbox textarea {
    font-size: 100%;
    padding: 1%;
    background: #f3f3f3;
    border: none;
  }
  .formbox input::placeholder {
    font-size: 80%;
  }
  .formbox .item_detail {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    margin: 0.5em 0;
    align-items: center;
  }
  .formbox .item_detail .item_detail_tt {
    flex-basis: 20%;
    margin: 0 1em 0 0
  }
  .formbox .item_detail select {
    flex-basis: 55%;
  }



 .formbox .item_detail_hc {
  }
  .formbox .item_detail_hc .item_detail_tt {
   font-size: 123%;
    margin: 0 0 0.5em 0
  }
  .formbox .item_detail_sub {
margin:0 0 1em 0;
padding:0 0 1em 0;
border-bottom:1px dotted #ccc;
}
    .formbox .item_detail_sub input{margin:0 0.5em 0 0.5em;}
    .formbox .item_detail_sub .suryo{display:block;margin:0.5em 0 0 0}





  .formbox .formtr {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
  }
  .formbox .formtr .formdt {
    flex-basis: 25%;
  }
  .formbox .formtr .formdd {
    flex-basis: 65%;
    border-left: 1px solid #ccc;
    padding: 0.5em;
  }
  .form-submit {
    text-align: center; margin:0 0 3em 0;
  }
  .form-submit input {
    font-size: 100%;
    cursor: pointer;
    border: 1px solid #ccc;
    text-align: center;
    width: 25%;
    padding: 1em;
    border-radius: 0.25em;
  }
  .form-submit input[disabled] {
    opacity: 0.5;
  }
  .form-submit input[disabled]:hover {
    pointer-events: none;
  }
  span.rq {
    color: #fff;
    background: #f00;
    font-size: 60%;
    padding: 0.15em 0.5em;
    border-radius: 0.25em;
    display: inline-block;
    margin: 0 0 0 0.5em;
  }
  .conf-text {
    clear: both;
    margin: 20px 0 0 0;
    text-align: left;
    font-size: 100%;
  }
  #conf {
    text-align: center;
    margin: 2em 0;
    font-size: 123%;
  }
  #conf input {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0.15em;
  }
  #conf input, #conf label:hover {
    cursor: pointer;
    }

}



.imgright {width:100% !important;text-align:center;padding-bottom:20px;}
.imgright img {width:auto;max-width:100%;text-align:center;}