@charset 'UTF-8';
.sp_f14 {font-size: 14px;}
.mgtopTypeH{ margin-top: 95px; }
.pdbottomTypeA{ padding-bottom: 155px;}
#tenant .lower{ font-size: 16px; }
.limg_c p, .rimg_c p{ padding-left: 17px; }
#tenant .limg_c .font, #tenant .rimg_c .font,
#shopmap .limg_c .font, #shopmap .rimg_c .font{ padding-top: 45px; }
#tenant .rimg_c .img, #shopmap .rimg_c .img{ float: right; }
#tenant .rimg_c .font, #shopmap .rimg_c .font{ float: left; }
/*-- map --*/
#areamap .btn_red{ margin: 0; }
#areamap .btn_green{ margin: 0; }
#areamap{ position: relative; }
#areamap a{ font-size: 20px; line-height: 40px; font-weight: normal; text-align: left; }
#areamap a span img{ vertical-align: baseline; }
#areamap #area01{ position: absolute; top: 86px; left: 380px; }
#areamap #area02{ position: absolute; top: 187px; left: 590px; }
#areamap #area03{ position: absolute; top: 297px; left: 578px; }
#areamap #area04{ position: absolute; top: 509px; left: 390px; }
#areamap #area05{ position: absolute; top: 367px; left: 302px; }
#areamap #area06{ position: absolute; top: 268px; left: 302px; }
#areamap #area07{ position: absolute; top: 148px; left: 218px; }

#area01 a, #area02 a,#area07 a{ width: 185px; padding: 0 0 0 55px; }
#area01 a span, #area02 a span,#area07 a span{ margin-left: 42px; }
#area03 a{ width: 263px; padding: 0 0 0 19px; }
#area03 a span{ margin-left: 7px; }
#area04 a, #area05 a, #area06 a{ width: 207px; padding: 0 0 0 33px; }
#area04 a span, #area05 a span, #area06 a span{ margin-left: 23px; }
.btn_green {text-align: center; margin: 50px 0;}
.btn_green a {color:#fff;line-height: 100%; vertical-align: middle;background: #1d6c0e;font-weight: bold; display: inline-block; padding: 17px 60px 17px 80px; border-radius: 45px;font-size: 15px;}
.btn_green a:hover {opacity: 1;background: #299e13;}
.btn_green span {margin-left: 20px;}
#content_02 .btn_green {margin:20px 0 0;}

/*-- business --*/
#business .lower{ font-size: 16px; }
#business ul.list_columnType3 { margin-right: -33px; }
#business ul.list_columnType3 li{ width: 348px; margin-right: 23px; }
#business .mgtopTypeD ul.list_columnType3 li.imgWrap{ width: 356px; margin-right: 6px; margin-bottom: 7px;}
#business ul.list_columnType3 li p {min-height: 100px;}
#business .imgWrap p.text{ font-size: 14px; line-height: 20px; padding-top: 15px; min-height: 90px;}
#business .imgWrap p.imgOnTitle { font-size: 30px;  min-height:auto;}

/*#business .columnPtBottom li.imgWrap{padding-bottom: 45px;}*/
.name{
  background-color: #e60012;
  color: #fff;
  text-align: center;
  line-height: 47px;
}
.btnbox{ width: 745px; margin: 0 auto; }x
.btnbox .btpos01{ float: left; }
.btnbox .btpos02{ float: right; }
#business .btnbox{ margin: 40px auto 70px; }
#business .btn_red{ margin: 0;display: inline-block;}
#business .btnbox .btn_red a{
  text-align: left;
  font-size: 20px;
  line-height: 40px;
  padding: 0;
}
#business .btnbox .btstyleA a{ width: 247px; padding-left: 103px;}
#business .btnbox .btstyleA a span{ margin-left: 45px; }
#business .btnbox .btstyleB a{ width: 268px; padding-left: 82px;}
#business .btnbox .btstyleB a span{ margin-left: 25px; }
#business .btnbox .btn_red a span img { vertical-align: baseline; }


@media screen and (max-width : 768px) {
#business ul.list_columnType3 li p {min-height: auto;}
  .pdbottomTypeA{ padding-bottom: 35px;}
  #tenant #main h1 span{ font-size: 14px; }
  .limg_c p, .rimg_c p{ padding-left: 0; }
  #tenant .limg_c .font, #tenant .rimg_c .font,
  #shopmap .limg_c .font, #shopmap .rimg_c .font{ padding: 4% 2%; }
  #tenant .rimg_c .img, #shopmap .rimg_c .img{ float: none; }
  #tenant .rimg_c .font, #shopmap .rimg_c .font{ float: none; }
  /*-- map --*/
  #areamap img#areaimg{ width: 100%; }
  #areamap .btn_red{ line-height: 1; }
  #areamap .btn_green{ line-height: 1; }
  #areamap a{ font-size: 2.0vw; line-height: 4.3vw; font-weight: 600;}
  #areamap #area01{ top: 14%; left: 35%; }
  #areamap #area02{ top: 32%; left: 54%; }
  #areamap #area03{ top: 51%; left: 53%; }
  #areamap #area04{ top: 87%; left: 41%; }
  #areamap #area05{ top: 63%; left: 28%; }
  #areamap #area06{ top: 46%; left: 28%; }
  #areamap #area07{ top: 25%; left: 14%; }

  #areamap a span img.arrow{ width: 10%; }
  #areamap #area03 a span img.arrow{ width: 7%; }
  #area01, #area02,#area07{ width: 24%;}
  #area01 a, #area02 a, #area07 a{ width: 79%; padding: 0 0 0 18%; }
  #area01 a span, #area02 a span, #area07 a span{ margin-left: 12%; }
  #area03{ width: 30%;}
  #area03 a{ width: 102%; padding: 0 0 0 6.7%; }
  #area03 a span{ margin-left: 2%; }
  #area04, #area05, #area06{ width: 21%; }
  #area04 a, #area05 a, #area06 a{ width: 102%; padding: 0 0 0 13%; }
  #area04 a span, #area05 a span, #area06 a span{ margin-left: 7%; }
  .btn_green a {width: auto;padding:5% 30px 5% 42px;font-size: 15px;}
  .btn_green span {margin-left: 10px;}
  #content_02 .btn_green {margin-bottom: 30px;}
	.mgtopTypeH {margin-top:30px;}
  /*-- business --*/
  #business ul.list_columnType3{ margin-right: -2%;}
  #business  ul.list_columnType3 li.showSpA{ width: 32%; margin-right: 1%;}
  .btnbox{ width: 100%;}
  .btnbox .btpos01{ float: none; }
  .btnbox .btpos02{ float: none; }
  #business .btnbox .btpos02{ margin-top: 15px; }
  #business ul.list_columnType3{ margin-right: -1%; }
  #business ul.list_columnType3 li{ width: 49%; margin-right: 1%; }
  .name{ font-size: 2.35vw; line-height: 4.35vw;padding: 5px 0;}
  #business .btnbox .btstyleA a{
    width: auto;
    padding: 5% 30px 5% 54px;
    font-size: 15px;
    line-height: 1;
  }
  #business .btnbox .btstyleA a span{ margin-left: 34px; }
  #business .btnbox .btn_red a span img{ width: 17px; }
  #business .btnbox .btstyleB a{
    width: auto;
    padding: 5% 30px 5% 42px;
    font-size: 15px;
    line-height: 1;
  }
  #business .btnbox .btstyleB a span{ margin-left: 15px; }
 #business .mgtopTypeD .mgtopTypeC ul.list_columnType3 li.imgWrap {width: 49%; margin-right: 1%; }
	#business .mgtopTypeC .imgWrap p.imgOnTitle {font-size: 18px;}
	#business .btnbox {margin: 20px auto 40px; text-align: center;}
	#business .pdbottomTypeA .control_H p {font-size: 0.9em;line-height: 1.8em;min-height: 130px;}
	#business .twoColumnTypeC .box1 {margin-bottom: 10px;}
}

/* Icon Forward */
.btn_green a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.btn_green a span img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn_green a:hover span img, .btn_green a:focus span img, .btn_green:active span img {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
/*味だより*/
/*-- title color --*/

.pink{ background-color: #f06888; }
.greenishYellow{ background-color: #7db81f; }
.yellowGreen{ background-color: #b6b80e; }
.orange{ background-color: #e7a75c; }
.purple{ background-color: #a68bd0; }

.bdTop{
  display: block;
  height: 1px;
  border-top: solid 1px #000;
  margin: 47px 0 33px 0;
}
.bgType01{ background-color: #fff; }
.colorBox{ padding: 0 18px 34.5px 30px; }
.listTypeThreecolumn{ 
  letter-spacing: -1em;
  margin-right: -15px;
}
.listTypeThreecolumn li{
  display: inline-block;
  margin: 0 15px 15px 0;
}
#ajidayori .listTypeThreecolumn li {border:3px solid #D6D8DB;width: 345px;letter-spacing: 0.01em;vertical-align: top;min-height:335px; }
#ajidayori .listTypeThreecolumn li img{ width: auto;height: 170px;padding-top: 6px;}
#ajidayori .listTypeThreecolumn li .box_other {padding: 0 20px;}
#ajidayori .listTypeThreecolumn li .box_other span{background: #e70012; color: #fff; font-weight: bold;display: inline-block;line-height: 100%;padding: 3px 16px;display: inline;}
#ajidayori .listTypeThreecolumn li .box_other p span {color:#e70012;background: #fff;padding: 0;}
#ajidayori .listTypeThreecolumn li .box_other p {font-size: 13px; padding-bottom: 20px; line-height: 22px;}
#ajidayori .listTypeThreecolumn li .box_other p.box_title {font-size: 17px; border-bottom: 1px solid #000; font-weight: 600;padding: 5px 0;margin-bottom: 5px;}
#ajidayori .listTypeThreecolumn li .box_other p.box_title span{font-size: 15px;background: none; color: #000;margin-left: 8px; padding: 0;}

#ajidayori .introTxt{ font-size: 1.7em; }
#ajidayori .comment{ font-size: 1.28em; }
#ajidayori .introMg{ margin: 30px 0 40px 0;}
#ajidayori .introMg2{ margin: 30px 0 8px 0;}
#ajidayori .intropd-1{ padding: 20px 0 12.5px 0;}
#ajidayori .pdT-1{ padding-top: 59.5px; padding-bottom: 47.5px; }
#ajidayori .mgT{ margin-top: 80px; }
#ajidayori .lower .fontColor-01{ color: #1f000b; }
#ajidayori .listTypeThreecolumn{ margin-top: 42px; }
#ajidayori .mgT-02{ margin-top: 20px; }
#ajidayori .lower{ margin-top: 65px; }
#ajidayori #main h1 {margin-top: 90px;}
#ajidayori .lower h3{ 
  color: #FFF;
  font-size: 2.14em;
  line-height: 63px;
  padding: 0 15px; 
}
#ajidayori .lower h3 span{
  float: right;
  font-size: 0.53em;
  line-height: 1;
  padding-top: 35px;
}
#ajidayori .lower .twoColumnTypeB h3{ line-height: 47px; }
#ajidayori .twoColumnTypeB .box1{
  width: 511px;
  text-align: center;
  background-color: #b4de91;
  border: solid 3px #b4de91;
  margin-right: 40px;
}
#ajidayori .twoColumnTypeB .box2{
  width: 511px;
  text-align: center;
  background-color: #e1f893;
  border: solid 3px #e1f893;
}
#ajidayori .twoColumnTypeB .box2,#ajidayori .twoColumnTypeB .box1{ width: 48.1%;}
#ajidayori .twoColumnTypeB .box1 p{ text-align: center; }
.imgList li{ padding: 12.5px 0 ;}
#ajidayori #main h2.obi_red {font-size: 20px;padding: 6px 26px;text-align: center; margin-bottom: 10px;}
#ajidayori #main .aji_top {text-align: center;width: 80%; margin: 0 auto 20px;}
#ajidayori #main .aji_top .left,#ajidayori #main .aji_top .right  {width: 48%;}
#ajidayori .lower h3.obi_red {font-size: 18px; padding: 10px; line-height: 100%;}
#ajidayori #main .aji_top dt,#ajidayori #main .aji_top dd {display: inline-block;line-height: 20px; font-size: 20px; font-weight: bold;}
#ajidayori .aji_tokuten {margin:20px 0; border: 2px solid #514e4a; padding: 13px 26px;}
#ajidayori .aji_tokuten b {border-bottom: 2px solid #514e4a; padding-bottom: 10px;margin-bottom: 10px;font-size: 20px; display: block;}
#ajidayori .aji_tokuten span.red{background: #ff5b35;color: #fff;  font-weight: 600px;padding: 3px 8px;}
#ajidayori .aji_tokuten span.green{background: #52b657;color: #fff;  font-weight: 600px;padding: 3px 8px;}

@media screen and (max-width : 768px) {
  .bdTop{ margin: 4.3% 0 3% 0; }
  #ajidayori .listTypeThreecolumn{ margin-right: 0; }
  #ajidayori .listTypeThreecolumn li{
    width: 100%;
    margin: 8px 0;min-height: auto;
  }
  .listTypeThreecolumn li img{ width: 100%; }
  #ajidayori .lower{ margin-top: 6%; font-size: 8px; line-height: 2em;}
  #ajidayori #main h2 img{ width: 100%; }
  #ajidayori .listTypeThreecolumn{ margin-top: 4%; }
  #ajidayori .twoColumnTypeB .box1,
  #ajidayori .twoColumnTypeB .box2{
    width: 100%;
  }
  #ajidayori .twoColumnTypeB .box2{ margin-top: 5%; }
  #ajidayori .twoColumnTypeB .box1 ul li img,
  #ajidayori .twoColumnTypeB .box2 ul li img{ width: 100%;}
  #ajidayori .lower h3 { line-height: 36px; }
  #ajidayori .lower h3 span{ padding-top: 18px; }
  #ajidayori .lower .twoColumnTypeB h3{ line-height: 25px; }
  #ajidayori .introMg{ margin: 2.7% 0 3.7% 0; }
  #ajidayori .mgT{ margin-top: 7.4%; }
  .colorBox{ padding: 0 2.3% 4.5% 4%; }
  #ajidayori .pdT-1{ padding-top: 4%; padding-bottom: 6%; }
	#ajidayori .introMg2{ margin: 2.7% 0 0.7% 0}
	  #ajidayori #main h2.obi_red {font-size: 16px;}
	#ajidayori #main .aji_top .left, #ajidayori #main .aji_top .right {width: 100%;}
	#ajidayori .aji_tokuten .txt_center span{display: block;}
	#ajidayori .aji_tokuten .txt_center {font-size: 18px;}
	#ajidayori #main h1 {margin-top: 0;}
}