@charset "utf-8";
/*about latest vol*/
/* techo /08/ */

/*about color*/
/* main color #00c8aa */
/* main color rgba(0,200,170,1.00) */
/* darker color #009983 */
/* lighter color #30d2bb */
/* lightest color #4dd8c4 */

/*//////// ヘッダ ナビ //////////////////////////*/

#tedukuriTechoHeader .headerContent header,
#tedukuriTecho .headerContent header {
 background: url(/img/usr/category/techo/08/h1Bg.jpg) no-repeat;
 background-size: cover;
}
#tedukuriTechoHeader header .headMoushikomi a,
#tedukuriTecho header .headMoushikomi a{
 background: #fff;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 color: #000;
 display: block;
 opacity: 0.9;
 padding: 10px;
 margin: 10px auto;
 text-align: center;
 text-decoration: none;
}
#tedukuriTechoHeader header .headMoushikomi a:hover,
#tedukuriTecho header .headMoushikomi a:hover{
 background: #30d2bb;
 color: #fff;
 display: block;
 padding: 10px;
 margin: 10px auto;
 text-align: center;
}
#tedukuriTechoHeader nav ul li a img,
#tedukuriTecho nav ul li a img{
 /*max-width: 80%;*/
}
#tedukuriTechoHeader nav ul li a,
#tedukuriTecho nav ul li a{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 display: block;
 margin: 2% auto;
 padding: 5px 0 2px;
 text-align: center;
 text-decoration: none;
 background-color: #00c8aa;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#00c8aa), to(#009983));
 background-image: -webkit-linear-gradient(top, #00c8aa, #009983);
 background-image: -moz-linear-gradient(top, #00c8aa, #009983);
 background-image: -ms-linear-gradient(top, #00c8aa, #009983);
 background-image: -o-linear-gradient(top, #00c8aa, #009983);
 background-image: linear-gradient(to bottom, #00c8aa, #009983);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00c8aa, endColorstr=#009983);
}
#tedukuriTechoHeader nav ul li a:hover,
#tedukuriTecho nav ul li a:hover{
 color: #fff;
 display: block;
 padding: 5px 0 2px;
 text-align: center;
 background-color: #30d2bb;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#30d2bb), to(#00c8aa));
 background-image: -webkit-linear-gradient(top, #30d2bb, #00c8aa);
 background-image: -moz-linear-gradient(top, #30d2bb, #00c8aa);
 background-image: -ms-linear-gradient(top, #30d2bb, #00c8aa);
 background-image: -o-linear-gradient(top, #30d2bb, #00c8aa);
 background-image: linear-gradient(to bottom, #30d2bb, #00c8aa);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#30d2bb, endColorstr=#00c8aa);
 opacity: 1.0;
}
/*//////// ショッピング //////////////////////////*/
#tedukuriTecho #shopping .shoppingContent h2{
 color: #00c8aa;
}
#tedukuriTecho #shopping .shoppingContent .captionWrap strong{
 display: block;
 font-weight: bold;
}
#tedukuriTecho #shopping .shoppingContent .captionWrap2 strong{
 font-weight: bold;
}
#tedukuriTecho #shopping .shoppingContent .captionWrap{
 background: rgba(196,13,47,0.05);
 border: 1px solid rgba(196,13,47,0.5);
 margin-bottom: 1em;
 padding: 1em;
}
#tedukuriTecho #shopping .shoppingContent .captionWrap2{
 border: 1px solid rgba(0,200,170,0.5);
 margin-bottom: 1em;
 padding: 1em;
}
/*//////// レシピダウンロード //////////////////////////*/
#tedukuriTecho .btnLatest a{
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 color: #fff;
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 text-decoration: none;
 background-color: #30d2bb;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#30d2bb), to(#00c8aa));
 background-image: -webkit-linear-gradient(top, #30d2bb, #00c8aa);
 background-image: -moz-linear-gradient(top, #30d2bb, #00c8aa);
 background-image: -ms-linear-gradient(top, #30d2bb, #00c8aa);
 background-image: -o-linear-gradient(top, #30d2bb, #00c8aa);
 background-image: linear-gradient(to bottom, #30d2bb, #00c8aa);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#30d2bb, endColorstr=#00c8aa);
}
#tedukuriTecho .btnLatest a:hover{
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 background-color: #4dd8c4;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#30d2bb), to(#4dd8c4));
 background-image: -webkit-linear-gradient(top, #30d2bb, #4dd8c4);
 background-image: -moz-linear-gradient(top, #30d2bb, #4dd8c4);
 background-image: -ms-linear-gradient(top, #30d2bb, #4dd8c4);
 background-image: -o-linear-gradient(top, #30d2bb, #4dd8c4);
 background-image: linear-gradient(to bottom, #30d2bb, #4dd8c4);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#30d2bb, endColorstr=#4dd8c4);
}
/*//////// ショップリスト //////////////////////////*/
#shoplist .shoplistWrap dt{
 padding-left: 5px;
 border-left: #00c8aa 5px solid;
}
#tedukuriTecho #shoplist .shoplistWrap dd a{
 color: #999999;
}
#tedukuriTecho #shoplist .shoplistWrap dd a:hover {
 color: #00c8aa;
}
#tedukuriTecho #shoplist .shoplistWrap dd span.school::before{
 color:#4dd8c4;
 content:"●"
}
@media print, screen and (min-width: 768px) {
}