@charset "UTF-8";
ul.shop_list{
    overflow: hidden;
}
ul.shop_list li{
    width: 310px;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
}

ul.shop_list li h3{
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFF;
    font-weight: bold
}
ul.shop_list li a{
    display: block;
    text-decoration: none;
    font-size: 10px;
    color: #FFF;
}
ul.shop_list li p{

    padding-top: 3px;
    display: inline-block;
}
ul.shop_list li a:hover img{
    opacity: 0.9;
}
.shop_name{
    background-color: #333;

    padding: 10px 10px 2px 10px;
    text-align: center;
}
ul.shop_list li img{
    vertical-align: bottom;
    width: 100%;
    height: auto;
}
.cat1{ background-color: #ED7593 }
.cat2{ background-color: #A94A80 }
.cat3{ background-color: #33AD69 }
.cat4{ background-color: #337CBD }
.cat5{ background-color: #A27756 }
.cat6{ background-color: #EB3342 }
.cat7{ background-color: #33B4ED }
.cat8{ background-color: #F08933 }
.cat9{ background-color: #BF6F73 }

.i_sweets{ background-color: #ED7593 }
.i_liquor{ background-color: #A94A80 }
.i_delicatessen{ background-color: #33AD69 }
.i_chocolate{ background-color: #A27756 }
.i_meat{ background-color: #EB3342 }
.i_fish{ background-color: #33B4ED }
.i_other{ background-color: #666666 }
.i_miso{ background-color:#5B0102}

.zoom{ position: relative}

.zoom p{
    background-image:url(/case-study/assets/images/zoom.png?1);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 71px;
    height: 34px;
    z-index: 2;
    position: absolute;
    right: 5px;
    bottom: 5px;
}


.casestudy_header{
    background: url(../../images/modules/common/bg-metalic_pattern.gif);

}
.casestudy_header{
    margin: 0;
    padding: 50px 0 60px 0;
}
.casestudy_header h1{
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 4px solid #F3CBD5;
    line-height: 1;
}
.txt1{
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 25px;
}
.tit1{
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #0099CC;
    padding: 0 0 8px 0;
    margin-bottom: 22px;
    overflow: hidden;
    color: #0099CC;
}

.cat1_b{ border-color: #ED7593 !important}
.cat2_b{ border-color: #A94A80 !important}
.cat3_b{ border-color: #33AD69 !important}
.cat4_b{ border-color: #337CBD !important}
.cat5_b{ border-color: #A27756 !important}
.cat6_b{ border-color: #EB3342 !important}
.cat7_b{ border-color: #33B4ED !important}
.cat8_b{ border-color: #F08933 !important}
.cat9_b{ border-color: #BF6F73 !important}


.grid1,.grid2,.grid3,.grid4{
    overflow: hidden;
}
.grid2{
    width: 983px;
    padding-bottom: 30px
}
.grid1 .item,
.grid1 .item2{
    width: 455px;
    margin-bottom: 15px;
    position: relative;
    float: left;
    margin: 0 25px 20px 0
}
.grid3 .item1{
    width: 473px;
    margin-bottom: 15px;
    position: relative;
    float: left;
    margin: 0 0 20px 0
}
.grid3 .item2{
    width: 473px;
    margin-bottom: 15px;
    position: relative;
    float: right;
    margin: 0 0 20px 0
}

.grid1 .item:nth-child(2n+1){
    clear: both
}
.grid1 .item2{
    width: 100%;
    margin-bottom: 35px;
}
.grid2 .item3{
    width: 33.3%;
    float: left;

    box-sizing: border-box
}
.grid2 .item3 img{
    width: 305px !important;
    height: auto
}
.grid2 .item{
    width: 455px;
    margin-bottom: 15px;
    position: relative;
    float: left;
    margin: 0 0 20px 0
}
.grid4 .item4{
    width: 25%;
}
.grid4 .item4 img{
    width: 235px !important;
    height: auto
}
.grid1 .item h3,
.grid2 .item h3{
    color: #FFF;
    display: inline-block;
    background: #666;
    line-height: 1;
    padding: 5px 10px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
}

.item .inner{
    padding:0 0 15px 0;
}
.item h5{
    font-size:16px;
    font-weight: bold;
    margin-bottom: 8px;
}
.exp{
    font-size: 15px;
    line-height: 160%;
    padding:10px 10px;
    background: #eee;
    border-radius: 4px;
}
table.tbl1{
    border-top: 1px solid #ccc;
    width: 100%;
}
table.tbl1 th,
table.tbl1 td{
    padding: 8px;
    font-size: 13px;
    line-height: 150%;
    border-bottom: 1px solid #ccc;
}
table.tbl1 th{
    background: #eee;
    padding: 8px 16px;
    vertical-align: middle;
}
.shop_link{
    text-align: right;
    padding-top: 10px;
}
.cat_icon{
    display: inline-block;
    font-size: 13px;
    padding: 4px 6px;
    line-height: 1;
    margin-left: 4px;
    color: #FFF;
}
.icn_box{
    margin:0;
    float: right;
    
}
.center{
    text-align: center
}

/* タブ切り替えボタン
---------------------------------------- */
.tab-nav {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
}
.tab-nav__list {
  text-align: center;
  margin-bottom: 30px;
}
.tab-nav__item {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-right: 10px;
}
.tab-nav__item:first-child {
  padding-left: 0;
}
.tab-nav__item:first-child:before {
  display: none;
}
.tab-nav__item:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 3px;
  margin-top: -9px;
  width: 8px;
  height: 18px;
  background: url(/case-study/assets/images/img-tab-nav_delimiter.gif) no-repeat 0 0;
  content: '';
}
.tab-nav__link {
  position: relative;
  display: block;
  padding: 10px 0;
  font-size: 1.6em;
  border-bottom: 3px solid transparent;
}
.tab-nav__link:link, .tab-nav__link:visited {
  color: #333;
  text-decoration: none;
}
.tab-nav__link.active, .tab-nav__link:hover {
  border-bottom: 3px solid #1954a6;
}
.tab-nav__link.active:before, .tab-nav__link:hover:before {
  position: absolute;
  content: '';
  bottom: -18px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-width: 9px 6px 0;
  border-style: solid;
  border-color: #1954a6 transparent transparent;
}
.tab-nav__link.active {
  font-weight: 700;
}
.contact {
  margin: 40px 0;
  padding: 35px 20px;
  border: 5px solid #1954a6;
}
.contact p {
  font-size: 1.6em;
  margin-bottom: 20px;
  text-align: center;
}

.contact__row {
  background: url(/assets/images/modules/common/vr-gray.gif) repeat-y 50% top;
}

.contact__phone {
  float: left;
  padding-left: 133px;
  min-height: 113px;
  width: 283px;
  background: url(/strength//assets/images/icon-phone.gif) no-repeat left top;
}

.contact__mail {
  float: right;
  padding-left: 133px;
  padding-left: 133px;
  min-height: 113px;
  width: 283px;
  background: url(/strength//assets/images/icon-mail.gif) no-repeat left top;
}

.contact__btn {
  padding-left: 0;
  font-size: 1.385em;
  position: relative;
  display: inline-block;
  width: 283px;
  height: 53px;
  background: url(/strength//assets/images/btn-contact.gif) no-repeat left top;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 53px;
}
.contact__btn:before {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #fff;
  -webkit-transform: rotate(360deg);
}
.contact__btn:hover, .contact__btn:link, .contact__btn:visited {
  color: #fff;
}

.foot-banners {
  margin-left: -27px;
  margin-bottom: 30px;
}
.foot-banners .item {
  float: left;
  margin-right: -1px;
  margin-left: 27px;
}
.img-responsive {
  max-width: 100% !important;
  height: auto;
  display: block;
}

.contact__row, .foot-banners, .thumbs__row {
  zoom: 1;
}

.contact__row:before, .foot-banners:before, .thumbs__row:before {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}

.contact__row:after, .foot-banners:after, .thumbs__row:after {
  clear: both;
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}


ul#ftr-box{
    overflow: hidden;
    border: 5px solid #1B54A4;
    padding: 20px;
    margin-bottom: 30px;
}
ul#ftr-box li{
    float: left;
    width: 33%;
    text-align: center
}
ul#ftr-box li .inner{
    border-right:1px solid #ccc;
}
ul#ftr-box li:last-child .inner{
    border: none
}
ul#ftr-box li p{
    font-size: 15px;
    padding-top: 8px
}
.casestudy_lead{
    font-size: 16px;
    padding-top:15px;
    margin-bottom: -15px;
}


.jirei_txt{
    text-align: center;
    margin-bottom: 40px;
    font-size: 18px;
}
#case_point{
    background: #07A2D8;
    padding: 15px;
    overflow: hidden;
    margin: 30px 0;
}
#txt_point{
    float: left;
    width: 115px;
}
#case_point_contents{
    float: right;
    width: 760px;
    border-radius: 4px;
    padding: 25px;
    background: #FFF;
}
#case_point h3{
    font-size: 18px;
    color: #06A1D8;
    line-height: 1;
    border-top: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    padding: 12px 10px 10px 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
#case_point figure{
    margin-bottom: 10px;
}
.pbox1,.pbox2{
    margin-bottom: 30px;
    overflow: hidden
}
#case_point p{
    font-size: 15px;
}
.pbox2_left{
    float: left;
    width: 485px;
}
.pbox2_right{
    float: right;
    width: 240px;
}