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

/*about color*/
/* main color #00B1BB */
/* main color rgba(0,177,187,1.00) */
/* darker color #008890 */
/* lighter color #31c0c8 */
/* lightest color #4cc8cf */

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

#tedukuriTechoHeader .headerContent header,
#tedukuriTecho .headerContent header {
 background: url(/img/usr/category/techo/13/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: #31c0c8;
 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: #00B1BB;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#00B1BB), to(#008890));
 background-image: -webkit-linear-gradient(top, #00B1BB, #008890);
 background-image: -moz-linear-gradient(top, #00B1BB, #008890);
 background-image: -ms-linear-gradient(top, #00B1BB, #008890);
 background-image: -o-linear-gradient(top, #00B1BB, #008890);
 background-image: linear-gradient(to bottom, #00B1BB, #008890);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00B1BB, endColorstr=#008890);
}
#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: #31c0c8;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#31c0c8), to(#00B1BB));
 background-image: -webkit-linear-gradient(top, #31c0c8, #00B1BB);
 background-image: -moz-linear-gradient(top, #31c0c8, #00B1BB);
 background-image: -ms-linear-gradient(top, #31c0c8, #00B1BB);
 background-image: -o-linear-gradient(top, #31c0c8, #00B1BB);
 background-image: linear-gradient(to bottom, #31c0c8, #00B1BB);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#31c0c8, endColorstr=#00B1BB);
 opacity: 1.0;
}
/*//////// ショッピング //////////////////////////*/
#tedukuriTecho #shopping .shoppingContent h2{
 color: #00B1BB;
}
#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,177,187,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: #31c0c8;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#31c0c8), to(#00B1BB));
 background-image: -webkit-linear-gradient(top, #31c0c8, #00B1BB);
 background-image: -moz-linear-gradient(top, #31c0c8, #00B1BB);
 background-image: -ms-linear-gradient(top, #31c0c8, #00B1BB);
 background-image: -o-linear-gradient(top, #31c0c8, #00B1BB);
 background-image: linear-gradient(to bottom, #31c0c8, #00B1BB);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#31c0c8, endColorstr=#00B1BB);
}
#tedukuriTecho .btnLatest a:hover{
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 background-color: #4cc8cf;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#31c0c8), to(#4cc8cf));
 background-image: -webkit-linear-gradient(top, #31c0c8, #4cc8cf);
 background-image: -moz-linear-gradient(top, #31c0c8, #4cc8cf);
 background-image: -ms-linear-gradient(top, #31c0c8, #4cc8cf);
 background-image: -o-linear-gradient(top, #31c0c8, #4cc8cf);
 background-image: linear-gradient(to bottom, #31c0c8, #4cc8cf);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#31c0c8, endColorstr=#4cc8cf);
}
/*//////// ショップリスト //////////////////////////*/
#shoplist .shoplistWrap dt{
 padding-left: 5px;
 border-left: #00B1BB 5px solid;
}
#tedukuriTecho #shoplist .shoplistWrap dd a{
 color: #999999;
}
#tedukuriTecho #shoplist .shoplistWrap dd a:hover {
 color: #00B1BB;
}
#tedukuriTecho #shoplist .shoplistWrap dd span.school::before{
 color:#4cc8cf;
 content:"●"
}
@media print, screen and (min-width: 768px) {
}