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

/*about color*/
/* main color #ffca00 */
/* main color rgba(255,202,0,1.00) */
/* darker color #c49b00 */
/* lighter color #ffd432 */
/* lightest color #ffda4d */

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

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