@charset "UTF-8";
/* CSS Document */

/* parts, 50s, areas */
.takumi_listtwo_item {
  display: block;
  padding: 9px;
  color: #333;
  background: #fff;
  border: 1px solid #8bb70f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  overflow: hidden;
  *zoom: 1;
  line-height: 1.6;
}
.takumi_listtwo_item:hover {
  color: #333;
	background: #eef7d8;
  text-decoration: none;
}
.takumi_listtwo_item .title {
  margin-bottom: .3em;
  font-size: .8em;
  font-weight: bold;
}
.takumi_listtwo_item .text {
  font-size: .7em;
}
.takumi_listtwo_item .text .label {
  font-weight: bold;
}

.takumi_localnav {
  margin-bottom: 1em;
  font-size: .8em;
  font-weight: bold;
  background: #fff;
  line-height: 1.8;
  letter-spacing: -0.03em;
}
.takumi_localnav.small {
  font-size: .75em;
}
.takumi_localnav li {
  display: inline-block;
  letter-spacing: normal;
}
.takumi_localnav li a {
  display: inline-block;
  padding: .2em .8em;
  color: #0086c9;
}
.takumi_localnav.small a {
  padding: .2em .5em;
}
.takumi_localnav li .current {
  display: inline-block;
  padding: .2em 1em;
  background: #def;
}

.remarks_box {
  padding: 1.5em 2em;
  border: 1px solid #333;
  line-height: 1.8;
  font-size: .7em;
}

.area-ttl {
  margin: 2em 0 .8em 0;
  padding: .3em .8em;
  font-size: .8em;
  font-weight: bold;
  background: #def;
  border-bottom: 1px solid #bad7f2;
}

.takumi_localnav + .area-ttl {
  margin-top: 1em;
}


/*2017.9 改訂*/
#side-menu h4{
   font-size:70%;
   padding-top:1em;
   padding-bottom:1em;
   background-color: #ccc;
   color: #666;
   font-weight:bold;
 }
 .takumi-year{
   text-align:center;
   }
.mincyo{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
.intro{
  
  }
.intro .mincyo{
  font-size:92%;
  letter-spacing:-.04em;
  }

ul.award-company{
  letter-spacing:-.4em;
  width:100%;
  }
ul.award-company li{
  letter-spacing:normal;
  border:1px #f90 solid;
  padding:1em;
  text-align:center;
  background-color:#fff;
  margin:1%;
  position:relative;
  display:inline-block;
  width:98%;
}
ul.award-company li::before,
ul.award-company li::after{
  display:block;
  content:'';
  position:absolute;
  width:30px;
  height:30px;
  background-position:center center;
  background-repeat:no-repeat;
  }
ul.award-company li::before{
  top:0;
  left:0;
  }
ul.award-company li::after{
  bottom:0;
  right:0;
  }
ul.award-company li.No01::before{background-image:url(../../jp/takumi/img/ribon-a-top.png);}
ul.award-company li.No01::after{background-image:url(../../jp/takumi/img/ribon-a-bottom.png);}
ul.award-company li.No02::before{background-image:url(../../jp/takumi/img/ribon-b-top.png);}
ul.award-company li.No02::after{background-image:url(../../jp/takumi/img/ribon-b-bottom.png);}
ul.award-company li.No03::before{background-image:url(../../jp/takumi/img/ribon-c-top.png);}
ul.award-company li.No03::after{background-image:url(../../jp/takumi/img/ribon-c-bottom.png);}
ul.award-company li.No04::before{background-image:url(../../jp/takumi/img/ribon-d-top.png);}
ul.award-company li.No04::after{background-image:url(../../jp/takumi/img/ribon-d-bottom.png);}
ul.award-company li.No05::before{background-image:url(../../jp/takumi/img/ribon-e-top.png);}
ul.award-company li.No05::after{background-image:url(../../jp/takumi/img/ribon-e-bottom.png);}
ul.award-company li p.f-s{
  font-size:90%;
  }

table.other-company{
  border-collapse:collapse;
  width:100%;
  }
table.other-company thead th{
  background-color:#ff9;
  border:1px solid #ccc;
  }
table.other-company thead th:first-child{width:70%;}
table.other-company thead th:last-child{width:30%;}
.detail-delete table.other-company thead th:last-child{
  display: none;
  }
table.other-company tbody th,
table.other-company tbody td{
  padding:.4em;
  background-color:#fff;
  border:1px solid #ccc;
  }
table.other-company tbody th{
  text-align:left;
  }
table.other-company tbody td{
  text-align:center;
  vertical-align: middle;
  }
.detail-delete table.other-company tbody td:last-child {
    display: none;
  }
table.other-company tbody td img{
  vertical-align:middle;
  }
table.other-company tbody .in-block{
  display: inline-block;
  }
  
  
/*匠企業個別ページ*/
.award-detail{
  position:relative;
  background-color:#fff;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.award-detail::before,.award-detail::after{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
} 
.award-detail::after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}
.award-detail .wrap-top,
.award-detail .wrap-bottom{
  position:relative;
  height:20px;
  width:100%;
  display:block;
  z-index:1;
  }
.award-detail .wrap-top::before,
.award-detail .wrap-top::after,
.award-detail .wrap-bottom::before,
.award-detail .wrap-bottom::after{
  position:absolute;
  content:'';
  display:block;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  width:20px;
  height:20px;
  }
.award-detail .wrap-top::before{
  left:10px;
  top:10px;
  background-image:url(../../jp/takumi/img/award_wrap_tl.png);
  }
.award-detail .wrap-top::after{
  right:10px;
  top:10px;
  background-image:url(../../jp/takumi/img/award_wrap_tr.png);
  }
.award-detail .wrap-bottom::before{
  left:10px;
  bottom:10px;
  background-image:url(../../jp/takumi/img/award_wrap_bl.png);
  }
.award-detail .wrap-bottom::after{
  right:10px;
  bottom:10px;
  background-image:url(../../jp/takumi/img/award_wrap_br.png);
  }

.award-detail .vertical-line{
  width:100%;
  position:relative;
  }
.award-detail .vertical-line::before,
.award-detail .vertical-line::after{
position:absolute;
content:'';
display:block;
width:3px;
height:100%;
top:0;
background: rgb(243,213,142);
background: -moz-linear-gradient(top, rgba(243,213,142,1) 0%, rgba(248,222,178,1) 35%, rgba(214,160,16,1) 74%, rgba(248,222,178,1) 100%);
background: -webkit-linear-gradient(top, rgba(243,213,142,1) 0%,rgba(248,222,178,1) 35%,rgba(214,160,16,1) 74%,rgba(248,222,178,1) 100%);
background: linear-gradient(to top, rgba(243,213,142,1) 0%,rgba(248,222,178,1) 35%,rgba(214,160,16,1) 74%,rgba(248,222,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d58e', endColorstr='#f8deb2',GradientType=1 );
  }
.award-detail .vertical-line::before{
  left:5px;
  }
.award-detail .vertical-line::after{
  right:5px;
}


.award-detail .inner{
  position:relative;
  padding:2.4em;
}

.award-detail .inner::before,
.award-detail .inner::after{
content:"";
position:absolute;
height:3px;
background: rgb(243,213,142);
background: -moz-linear-gradient(left, rgba(243,213,142,1) 0%, rgba(255,255,255,1) 35%, rgba(214,160,16,1) 74%, rgba(248,222,178,1) 100%);
background: -webkit-linear-gradient(left, rgba(243,213,142,1) 0%,rgba(255,255,255,1) 35%,rgba(214,160,16,1) 74%,rgba(248,222,178,1) 100%);
background: linear-gradient(to right, rgba(243,213,142,1) 0%,rgba(255,255,255,1) 35%,rgba(214,160,16,1) 74%,rgba(248,222,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d58e', endColorstr='#f8deb2',GradientType=1 );
}
.award-detail .inner::before{
top:-.8em;
left:1em;
right:1em;
}
.award-detail .inner::after{
bottom:-.8em;
left:1em;
right:1em;
}

.indent{
padding-left:-1em;
text-indent:1em;
}

ul.nav-award-detail{
  letter-spacing:-.4em;
  width:100%;
  }
ul.nav-award-detail li{
  letter-spacing:normal;
  width:50%;
  padding:.1em;
  display:inline-block;
}
ul.nav-award-detail li a img{
  width:100%;
  height:auto;
}

.profile{
position: relative;
background: #fff;
border: 1px solid #999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
padding:1em;
}
.profile:before{
    content: "";
    display: block;
    position: absolute;
    top: -.2em;
    left: -.2em;
    border: 1px solid #ccc;
    width: 100%;
    min-height: 100%;
    padding-bottom:.2em;
}
.profile header{
  text-transform:uppercase;
  color:#999;
  font-size:.7em;
  line-height:1;
  letter-spacing:.04em;
  font-family:"Times New Roman", Times, serif;
  }
/*justify-content:space-between*/
.profile .layout{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;
align-items:center;
position:relative;
z-index:1;
}
.profile .layout h2{
  flex-basis:40%;
  font-size:1em;
  text-align:center;
  }
.profile .layout .data{
  display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;
   flex-basis:60%;
   align-items:center;
   }
.profile .layout .data ul{
  width:100%;
  letter-spacing:-.4em;
  line-height:1.1;
  }
.profile .layout .data ul li{
  letter-spacing:normal;
  display:inline-block;
  }
.profile .layout .data ul li.name,
.profile .layout .data ul li.address{
  width:100%;
  }
.profile .layout .data ul li.half{
  font-size:.7em;
  width:50%;
  }
.profile .layout .data ul li.name h3 span{
  font-size:.5em;
  margin-right:1em;
  }
.profile .layout .data ul li.name h3 em{
  font-style:normal;
  font-size:.7em;
  }
.profile .layout .data ul li.address,
.profile .layout .data ul li.website{
   font-size:.7em;
   }

.award-top{
  text-align:center;
  }

@media screen and (max-width: 480px){
  .profile .layout .data{
    display:block;
    }
  .profile .layout .data ul li.half{
    width:100%;
    }
  }
@media screen and (max-width: 640px) {
    .profile header{
    margin-bottom:1em;
    }
  .profile .layout{
    display:block;
    }
}


/*2017.12.25追記*/
/*@page{margin:5mm;}*/
@media print{
  .award-detail::before,
  .award-detail::after,
  .award-detail .wrap-top,
  .award-detail .wrap-bottom,
  .award-detail .vertical-line::before,
  .award-detail .vertical-line::after,
  .award-detail .inner::before,
  .award-detail .inner::after,
  .award-top,
  .profile::before{display: none;}
  body{zoom: 72%;}
  .wraparound::after{
    clear: both;
    content: '';
    display: block;
  }
}



h3.h3-ttl{
  font-size:.96em;
  font-weight:bold;
  }


/*詳細ページ：文章回り込みバージョン*/
.wraparound .photo{
  margin-bottom:1em;
  }
.wraparound .photo img{
  width:100%;
  height:auto;
   display:block;
  }
html.large .wraparound .photo,
html.medium .wraparound .photo{
  float:right;
  width:40%;
  margin-left:1em;
}
html.small .wraparound .photo{
   float:right;
  width:50%;
  margin-left:1em;
  }
html.xsmall .wraparound .photo{
  float:none;
  width:100%;
  }