@charset "UTF-8";
.title{width:100%; margin:0; padding:10px 0 0 0; /*border-bottom:5px solid #ccc;*/}
@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.more{display:none;}
.sp_only{display:none;}
}
/* sp_base */
@media screen and (max-width: 640px){
.grid{width:auto;margin:auto;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:none;display:inline;margin:auto;width:auto;}
.grid12{width:auto;}
.first{margin-left:0;clear:left;}
.pc{display:none;}
img{width: 100%;max-width: 100%;}
.content_inner{ padding: 0 16px;}  
html, body {min-width: 0 !important;  /* 960px固定を解除 */}
}
body{overflow-wrap: break-word;word-break: break-word;}
.content_inner{font-size: 16px;max-width: 940px; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;}
.imp-1151 .bcs_item.grey_btn{background: #777;border-radius: 8px;}
.imp-1151 .bcs_item a span.grey_btn_text_small{color: #fff;font-size: 16px;text-align: center;}
main{font-weight: normal;color: #333;line-height: 1.7;}
.grid12{margin: 0 auto;}
img{max-width: 100%;}
.imp-1151 .bcs_item a{transition: opacity 0.4s ease;}
.imp-1151 .bcs_item a:hover{opacity: .7;}
img{vertical-align: top;}
a{text-decoration: none;}

/*自治体キャンペーンページ*/
div.cmp_breadcrumb { max-width: 1200px; margin-bottom: 10px;}
section.mv{text-align: center; max-width: 1600px; margin: 0 auto;}
footer{margin-top: 80px;}
h1{margin: 0px 0 20px;font-size: 24px;}
.update{ font-size: 12px; text-align: right;} 
.caption {display: flex;justify-content: center;align-items:flex-start;gap:10px;margin: 20px 0 30px;}
.caption img{width: 20px;}
.caption p{display: inline-block;font-size: 14px;text-align: left;}
.area{background: #f5f5f5;text-align: center;padding: 30px 12px 0px 12px;border-radius: 10px 10px 0px 0px;}
.area_bg{background:#f5f5f5 url(../img/town_image.png); background-position: bottom; background-size: 470px;height:80px; background-repeat: repeat-x; border-radius: 0px 0px 10px 10px;}
.area p{color: #E60012;font-size:22px;font-weight: 600;}
.area_list ul{display: flex;justify-content: center; flex-wrap: wrap;gap:10px;max-width: 600px;margin: 0 auto;}
.area_list li{font-size: 24px;font-weight: 600;background: #E60012;padding:3px 0px;border-radius: 10px;}
.area_list li a{text-decoration: none;color: #ffffff;background: url(../img/ico-chervon-bottom_white.png) no-repeat right 10px center; background-size: 16px;padding: 10px 34px 10px 24px;}
.area_ttl{display: flex;align-items: center;justify-content: center;gap:12px;margin-bottom: 20px;}
.area_ttl img{width: 24px;}

/* エリア */
.campaign-area {
  max-width: 940px;
  margin: 0 auto;
  padding-top: 70px;
}
/* 地域タイトル */
.area-title {
 position: relative;
  font-size: 26px;
  font-weight: bold;
  color: #e60012;
  padding-left: 16px;
  margin: 16px 0 20px;
}
#kyusyu{margin-bottom: 70px;}
.area-title::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    border-radius: 5px;
   background:#E60012;
}
/* 施策名 */
.campaign-header h3{
    display: flex;align-items: center;justify-content: flex-start;gap: 16px;margin-bottom: 20px;background: #f5f5f5;padding: 20px 15px;
}
.campaign-card a{transition: 0.3s ease-in-out;}
.campaign-card a:hover .campaign-title{opacity: .7;color: #e60012;}
.campaign-card a:hover{opacity: .7;}
/* tag */
.campaign-card .campaign-tag{font-size: 12px;border-radius: 5px;padding: 2px 8px;font-weight: 600;text-decoration: none;}
.money{background: #fff;color:#E60012;border: solid 2px #E60012;}
.ticket{background: #008CD1;color:#fff;border: solid 2px #008CD1;}
.eco{background: #34951C;color:#fff;border: solid 2px #34951C;}
.other{background: #fff;color:#008CD1;border: solid 2px #008CD1;}
/* 施策名 */
p.campaign-title{
  font-size: 18px;
  font-weight: bold;
  color: #356BB3;
  text-decoration: underline;
}
.campaign-inner{
    padding: 0 16px;
}
.campaign-card:not(:last-child) {
    margin-bottom: 60px;
}
/* 概要 */
.campaign-description {
  text-align: left;
  font-size: 16px;
  margin: 10px 0;
}
/* 期間 */
.campaign-date {
  font-size: 14px;
  color: #666;
 font-weight: 600;
}
.campaign-date::before{
  content: "";
  display: inline-block;  
  background-image: url('../img/date_img.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}

/* 対象店舗 */
.campaign-shops {
  font-size: 14px;
  line-height: 1.8;
  margin: 16px 0 0;
  display: flex;
}
.shops-label {
  font-weight: bold;
  margin-right: 16px;
  width: 70px;
}
.shops-label span{
    font-size: 12px;
    font-weight: 600;
    background: #ccc;
    padding: 4px 8px;
    border-radius: 5px;
}
.shops-list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
    flex-wrap: wrap;
    width: calc(100% - 70px);
}
.campaign-shops a {
  font-size: 14px;
  color: #333;
 text-decoration: underline;
}
.campaign-shops a:hover {color: #E60012;}
.campaign_btn{
    text-align: center;line-height: 1.2;
}
.btn_wrap{
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 640px){
.area_list li{font-size: 22px;}
.area-title{margin: 0 16px 30px;}
.campaign-header h3{flex-flow: column;align-items: flex-start;}
.campaign-shops{flex-flow: column;align-items: flex-start;}
.shops-label{margin-bottom: 10px;}
.shops-list{width: 100%;}
}