@charset "utf-8";
/* default */
@import url("common.css");
@import url("top.css");
@import url("shopping.css");
@import url("techo23.css");
@import url("responsive.gs.24col.css");

.container {
max-width: 1200px;
width: inherit;
}
#tedukuriTecho #latest2Books img{
 padding: 0 2%;
}
#tedukuriTecho #latest2Books .booksWrap {
 border-bottom: 1px dashed #dedede;
 padding-bottom: 15px;
 margin-bottom: 20px;
}
#tedukuriTecho #latest2Books .gutters2 .span_12 {
 width: 49.0%;
}
#tedukuriTecho #latest2Books .gutters2 .span_12 .txtSize1 em{
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 color: #fff;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 line-height: 2.5rem;
 padding: 2px 5px;
 text-align: center;
 text-decoration: none;
 background-color: #be1a35;
 display: inline-block;
 margin-right: .5em;
}
#tedukuriTecho .tachiyomi {
 display: none;
}
#tedukuriTecho .latestBook .span_8 {
 width: 32.0%;
}
#tedukuriTecho .latestBook .span_16 {
 width: 66.0%;
}
#tedukuriTecho .latestBox .span_12_dflt {
 width: 49.0%;
}
#tedukuriTecho .latestBook .span_8,
#tedukuriTecho .latestBook .span_16,
#tedukuriTecho .latestBook .span_12{
 margin-left: 1%;
}
#tedukuriTecho .latestBook .span_8:fisrt-child,
#tedukuriTecho .latestBook .span_16:fisrt-child,
#tedukuriTecho .latestBook .span_12_dflt:fisrt-child{
 margin-left: 0;
}
#tedukuriTecho .fukidashi{
 background: #7e709b;
 color: #fff;
 font-size: 12px;
 /*font-size: 1.2rem;*/
 margin: 5px 10px 10px 0;
 padding: 10px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 position: relative;
 height: auto;
 width: 100%;
 text-align: center;
}
#tedukuriTecho .fukidashi:before{
 position: absolute;
 right: 20%;
 top: -20px;
 content:" ";
 border-bottom: 10px solid #7e709b;
 border-right: 5px solid transparent;
 border-top: 10px solid transparent;
 border-left: 5px solid transparent;
}
/*#tedukuriTecho .fukidashi:after{
 position: absolute;
 right: 20%;
 top: -18px;
 content:" ";
 border-bottom: 10px solid #7e709b;
 border-right: 5px solid transparent;
 border-top: 10px solid transparent;
 border-left: 5px solid transparent;
}*/
#tedukuriTecho .indexTokuten {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 background: #ecebf9;
 margin: 1%;
 padding: 2%;
}
#tedukuriTecho .indexTokuten h2 {
 font-size: 16px;
 /*font-size: 1.6rem;*/
 margin-bottom: 1%;
}
#tedukuriTecho .indexTokuten h2:first-letter {
 background: #7e709b;
 -moz-border-radius: 45px;
 -webkit-border-radius: 45px;
 border-radius: 45px;
 color: #fff;
 font-size: 20px;
 /*font-size: 2.0rem;*/
 letter-spacing: 0;
 padding: 5px 8px;
 margin-right: 0.1em;
 line-height: 5.25rem;
}
#tedukuriTecho .indexTokuten .alert {
 font-size: 10px;
 /*font-size: 1.0rem;*/
 line-height: 1.5rem;
}
#tedukuriTecho .latestBox {
 border-bottom: 1px dashed #dedede;
 margin-bottom: 15px;
 padding-bottom: 15px;
}
#tedukuriTecho .latestBox h1{
 font-size: 20px;
 /*font-size: 2.0rem;*/
}
#tedukuriTecho .latestBox dd,
#tedukuriTecho .latestBox li{
 margin-bottom: 10px;
}
#tedukuriTecho .latestBox dd{
 text-align: right;
}
#tedukuriTecho .latestBox li ul li{
 margin-left: 10px;
}
#tedukuriTecho .latestBox .imgPdng{
 padding: 2em 0;
}
/*//////// 次号以降の予告 //////////////////////////*/
#tedukuriTecho #forthcoming .gutters2 .span_11 {
 width: 44.75%;
}
#tedukuriTecho #forthcoming .gutters2 .span_13 {
 width: 53.25%;
 margin-left: 2%;
}
#tedukuriTecho #forthcoming .gutters2 {
 border-bottom: 1px solid #dedede;
 margin-bottom: 10px;
 padding-bottom: 15px
}
#tedukuriTecho #forthcoming h2 span {
 font-size: 14px;
 /*font-size: 1.4rem;*/
 letter-spacing: 0.1rem;
 padding-left: 2%;
}
#tedukuriTecho #forthcoming h3 {
 letter-spacing: 0.1rem;
 margin-bottom: 10px;
}
#tedukuriTecho #forthcoming p {
 margin-bottom: 10px;
}
#tedukuriTecho #forthcoming p span.zairyo {
 font-size: 12px;
 /*font-size: 1.2rem;*/
 letter-spacing: 0.1rem;
}

/*//////// ご購読案内 //////////////////////////*/
#tedukuriTecho #guide .guideArea{
 margin-bottom: 25px;
 padding: 0 1%;
}
#tedukuriTecho #guide .guideArea2{
 margin-bottom: 25px;
 padding-left: 1%;
}
#tedukuriTecho #guide .midashi4 p{
 margin-bottom: 5px;
 text-align: center;
}
#tedukuriTecho #guide .midashi4 p span{
 color:#7e5ebf;
 font-size: 20px;
 /*font-size: 2.0rem;*/
 letter-spacing: 0;
}
#tedukuriTecho #guide .guideInfo h1{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 0px 0px 1px #666666;
 -webkit-box-shadow: 0px 0px 1px #666666;
 box-shadow: 0px 0px 1px #666666;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f3f5f7');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f3f5f7')";
 background-image: -moz-linear-gradient(top, #ffffff, #f3f5f7);
 background-image: -ms-linear-gradient(top, #ffffff, #f3f5f7);
 background-image: -o-linear-gradient(top, #ffffff, #f3f5f7);
 background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f3f5f7));
 background-image: -webkit-linear-gradient(top, #ffffff, #f3f5f7);
 background-image: linear-gradient(top, #ffffff, #f3f5f7);
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 font-size: 17px;
 /*font-size: 1.7rem;*/
 font-weight: bold;
 letter-spacing: 0;
 line-height: 2.5rem;
 margin: 5% 0 2%;
 padding: 1% 2%;
}
#tedukuriTecho #guide .guideInfo p,
#tedukuriTecho #guide .guideInfo ul li{ 
 letter-spacing: 0;
 line-height: 1.9rem;
}
#tedukuriTecho #guide .guideInfo ul li{
 list-style: disc outside;
 margin-left: 5%;
}
#tedukuriTecho #guide .guideInfo ul li ul{
 margin-top: 1%;
}
#tedukuriTecho #guide .guideInfo ul li ul li{
 list-style: circle outside;
 margin-left: 3%;
}
#tedukuriTecho #guide .tokuten{
 border-bottom: 1px dashed #dedede;
 margin-bottom: 15px;
}
#tedukuriTecho #guide .tokuten h1{
 margin-bottom: 25px;
}
#tedukuriTecho #guide .tokuten h1:first-letter{
 background: #7e709b;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 color: #fff;
 font-size: 40px;
 /*font-size: 4.0rem;*/
 letter-spacing: 0;
 padding: 5px 8px;
 margin-right: 0.1em;
 line-height: 5.25rem;
}
#tedukuriTecho #guide .deskArea{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background: #ecebf9;
 margin-bottom: 25px;
 padding: 2% 3%;
}
#tedukuriTecho #guide .deskArea .number{
 color: #100964;
 line-height: 4.0rem;
}
#tedukuriTecho #guide .kyukan li{
list-style: decimal;
list-style: outside;
margin-left: 1em;
}
#tedukuriTecho #guide .kyukan li a{
text-decoration: underline;
}
/*//////// バックナンバー //////////////////////////*/
#tedukuriTecho #archives .archivesWrap{
 margin: 30px 0 15px;
}
#tedukuriTecho #archives .archivesWrap .span_6{
 width: 23%;
 margin: 0 1%;
}
#tedukuriTecho #archives .archivesWrap .span_6:first-child{
 margin-left: 0;
}
#tedukuriTecho #archives .archivesWrap .span_6 p{
 border: 1px solid #dedede;
 padding-top: 1%;
 text-align: center;
}
#tedukuriTecho #archives .archivesWrap .span_6 p span{
 font-family: 'Cinzel', serif;
}
#tedukuriTecho #archives .archivesWrap .span_6 p img.archivesBook{
 margin: 3% 5% 5% 5%;
 width: 84%;
}
#tedukuriTecho #archives .archivesWrap .span_6 p:hover{
 background: #efefef;
 cursor: pointer;
}
#tedukuriTecho 
#tedukuriTecho #archives .archivesWrap .span_12{
 width: 48%;
 margin: 0 1%;
}
#tedukuriTecho #archives .archivesWrap .span_12:nth-child(odd),
#tedukuriTecho #archives .archivesWrap .span_12:first-child{
 margin-left: 0;
}
#tedukuriTecho #archives .archivesWrap .span_12 p{
 border: 1px solid #dedede;
 padding-top: 1%;
 text-align: center;
}
#tedukuriTecho #archives .archivesWrap .span_12 p img.archivesBook{
 margin: 3% 5% 5% 5%;
 width: 84%;
}
#tedukuriTecho #archives .archivesWrap .span_12 p:hover{
 cursor: pointer;
 opacity: 0.8;
}

/*//////// ダウンロード //////////////////////////*/
#tedukuriTecho #download .downloadWrap{
 margin: 30px 0 15px;
}
#tedukuriTecho #download .downloadWrap .span_6{
 width: 23%;
 margin: 0 1%;
}
#tedukuriTecho #download .downloadWrap .span_6:first-child{
 margin-left: 0;
}
#tedukuriTecho #download .downloadWrap .span_6 p{
 border: 1px solid #dedede;
 padding-top: 1%;
 text-align: center;
}
#tedukuriTecho #download .downloadWrap .span_6 p span{
 font-family: 'Cinzel', serif;
}
#tedukuriTecho #download .downloadWrap .span_6 p img.downloadRecipe{
 margin: 3% 5% 5% 5%;
 width: 84%;
}
#tedukuriTecho #download .downloadWrap .span_6 p:hover{
 background: #efefef;
 cursor: pointer;
}
#tedukuriTecho #download .downloadWrap .span_12{
 font-size: 12px;
 /*font-size: 1.2rem;*/
 letter-spacing: 0;
 width: 48%;
 margin: 0 1%;
}
#tedukuriTecho #download .downloadWrap .span_12:nth-child(odd){
 margin-left: 0;
}
#tedukuriTecho #download .downloadWrap .span_12 span.frame{
 border: 1px solid #dedede;
 display: block;
 margin-bottom: 1em;
 padding: .8em 0 .3em 0;
 text-align: center;
}
#tedukuriTecho #download .downloadWrap .span_12 span.frame img.downloadRecipe{
 margin: 3% 5% 5% 5%;
 width: 84%;
}
#tedukuriTecho #download .downloadWrap .span_12 span.frame:hover{
 background: #efefef;
 cursor: pointer;
}
#tedukuriTecho #download .downloadWrap .span_12 span.frame span.new{
 background: #dc7375;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 color: #fff;
 font-size: 12px;
 /*font-size: 1.2rem;*/
 padding: 1px 3px;
 margin-right: 3px;
}
#tedukuriTecho #download .downloadWrap .span_12 span.frame span.nameRecipe{
 display: block;
 text-align: center;
}
#tedukuriTecho #download .downloadWrap #latestRecipe{
 background: url(../images/common/back1.jpg) #edede3 repeat;
 border: 1px solid #dedede;
 padding: 2% 1% 1% 1%;
 margin: 1% 1% 2% 0;
}
#tedukuriTecho #download .downloadWrap #latestRecipe .span_13,
#tedukuriTecho #download .downloadWrap #latestRecipe .span_11{
 padding: 0 2%;
}
#tedukuriTecho #download .downloadWrap #latestRecipe p{
 margin-bottom: 5px;
}
#tedukuriTecho #download .downloadWrap #latestRecipe .latestNew{
 background: #B41E21;
 color: #fff;
 -moz-border-radius: 8px 0 8px 0;
 -webkit-border-radius: 8px 0 8px 0;
 border-radius: 8px 0 8px 0;
 font-size: 12px;
 /*font-size: 1.2rem;*/
 letter-spacing: 0.1rem;
 margin: 1% 2%;
 text-align: center;
 width: 60px;
}
#tedukuriTecho #download .downloadWrap #latestRecipe .latestWork{
 font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
 font-size: 26px;
 /*font-size: 2.6rem;*/
 font-weight: bold;
 padding: 1% 2%;
}
#tedukuriTecho #download .downloadWrap #latestRecipe .latestArtist{
 text-align: right;
 font-size: 14px;
 /*font-size: 1.4rem;*/
 padding-right: 1%;
}
#tedukuriTecho #download .downloadWrap #latestRecipe .latestTxt{
 border-top: 1px dashed #B41E21;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 margin-top: 10px;
 padding-top: 5px;
}
/*//////// 作家・取材店リスト //////////////////////////*/
#tedukuriTecho #shoplist .shoplistWrap{
 word-break : break-all;
 word-wrap : break-word;
 overflow-wrap : break-word;
}
#tedukuriTecho #shoplist .shoplistWrap h2{
 margin-bottom: 15px;
}
#tedukuriTecho #shoplist .shoplistWrap div{
 padding: 0 1em;
}
#tedukuriTecho #shoplist .shoplistWrap dt{
}
#tedukuriTecho #shoplist .shoplistWrap dd{
 font-size: 14px;
 /*font-size: 1.4rem;*/
 margin-bottom: 15px;
 padding-left: 10px;
}

/*//////// 電子ブック版 //////////////////////////*/
#tedukuriTecho #ebook .span_23 .span_15,
#tedukuriTecho #ebook .span_23 .span_9{
 margin-top: 2%;
}
#tedukuriTecho #ebook p.ebookTxt{
 background: url(../images/common/back1.jpg) #edede3 repeat;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 font-size: 15px;
 /*font-size: 1.5rem;*/
 line-height: 2.3rem;
 padding: 8% 4%;
 letter-spacing: 0.1rem;
}
#tedukuriTecho #ebook ol li{
 line-height: 2.6rem;
 list-style: decimal outside;
 margin-left: 12%;
}
/*//////// 年間購読特典 //////////////////////////*/
#nenkantokuten .nenkantokutenWrap{
}
#tedukuriTecho #nenkantokuten .nenkantokutenWrap .howto{
 position: relative;
 margin-bottom: 25px;
}
#tedukuriTecho #nenkantokuten .nenkantokutenWrap .howto:after{
 position: absolute;
 right: 50%;
 bottom: -38px;
 content:" ";
 border-bottom: 18px solid transparent;
 border-right: 8px solid transparent;
 border-top: 15px solid #ff4800;
 border-left: 8px solid transparent;
}
#tedukuriTecho #nenkantokuten .nenkantokutenWrap .attention h3,
#tedukuriTecho #nenkantokuten .nenkantokutenWrap .attention li{
 margin: 1%;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 letter-spacing: 0;
 line-height: 1.9rem;
}
#tedukuriTecho #nenkantokuten .nenkantokutenWrap .attention li{
 list-style: disc;
 margin-left: 3%;
}
#tedukuriTecho #nenkantokuten .nenkantokutenWrap .attention li span{
 border: 0;
 padding-left: 0;
 text-decoration: underline;
}
#tedukuriTecho #nenkantokuten .span_4 {
 margin-left: 0;
 width: 15.0%;
}
#tedukuriTecho #nenkantokuten .span_20 {
 margin-left: 0;
 width: 83.0%;
}
/* ******************************************************** */
/* ******************************************************** */
/* ******************************************************** */
@media print, screen and (min-width: 768px) {
/*//////// ホーム //////////////////////////*/
/* 最新本情報 */
.tachiyomi {
 display: inherit;
}
#tedukuriTecho .fukidashi{
 font-size: 14px;
 /*font-size: 1.4rem;*/
}
#tedukuriTecho .indexTokuten h2 {
 font-size: 23px;
 /*font-size: 2.3rem;*/
 font-weight: bold;
 letter-spacing: 0;
 line-height: 4.5rem;
 padding: 0 1%;
 margin: 0 0 1%;
}
#tedukuriTecho .indexTokuten h2:first-letter {
 background: #7e709b;
 -moz-border-radius: 45px;
 -webkit-border-radius: 45px;
 border-radius: 45px;
 color: #fff;
 font-size: 28px;
 /*font-size: 2.8rem;*/
 letter-spacing: 0;
 padding: 5px 8px;
 margin-right: 0.1em;
 line-height: 5.25rem;
}
#tedukuriTecho .indexTokuten .alert {
 font-size: 13px;
 /*font-size: 1.3rem;*/
 letter-spacing: 0.1em;
 line-height: 1.8rem;
}
#tedukuriTecho .latestBox h1{
 font-size: 35px;
 /*font-size: 3.5rem;*/
}
#tedukuriTecho .latestBox dd,
#tedukuriTecho .latestBox li{
 margin-bottom: 20px;
}
#tedukuriTecho .latestBox .rensai li{
 margin-bottom: 5px;
}
#tedukuriTecho .latestBox .rensai li{
 margin: 0 0 5px 1%;
}

/*//////// 次号以降の予告 //////////////////////////*/
#forthcoming p span.zairyo {
 font-size: 14px;
 /*font-size: 1.4rem;*/
 letter-spacing: 0.1rem;
}

/*//////// ご購読案内 //////////////////////////*/
#guide .guideArea{
 border-right: 1px dashed #ccc;
}
#tedukuriTecho #guide .guideInfo h1{ 
 font-size: 25px;
 /*font-size: 2.5rem;*/
 font-weight: bold;
 letter-spacing: 0;
 line-height: 4.5rem;
 padding: 0 1%;
 margin: 0 0 2%;
}
#tedukuriTecho #guide .midashi4 p span{
 font-size: 32px;
 /*font-size: 3.2rem;*/
 letter-spacing: 0.1rem;
 line-height: 4.5rem;
}
#tedukuriTecho #guide .guideInfo p,
#tedukuriTecho #guide .guideInfo ul li{ 
 letter-spacing: 0.1em;
 line-height: 2.4rem;
}
#tedukuriTecho #guide .guideInfo p.desk{ 
 font-size: 14px;
 /*font-size: 1.4rem;*/
}
#tedukuriTecho #guide .guideInfo ul li{
 margin-left: 4%;
}
#tedukuriTecho #guide .guideInfo ul li ul li{
 margin-left: 2%;
}

/*//////// バックナンバー //////////////////////////*/
#archives .archivesWrap .span_6{
 width: 23.5%;
 margin: 0 0 0 2%;
}

/*//////// ダウンロード //////////////////////////*/
#download .downloadWrap .span_6{
 width: 23.5%;
 margin: 0 0 0 2%;
}
#tedukuriTecho #download .downloadWrap #latestRecipe .span_13,
#tedukuriTecho #download .downloadWrap #latestRecipe .span_11{
 padding: 0;
}
#tedukuriTecho #download .downloadWrap .span_12{
 width: 32%;
 margin: 0 1%;
}
#tedukuriTecho #download .downloadWrap .span_12:nth-child(odd){
 margin: 0;
}
#tedukuriTecho #download .downloadWrap .span_12:nth-child(3n+1){
 margin-left: 0%;
}
/*//////// 作家・取材店リスト //////////////////////////*/
#tedukuriTecho #shoplist .shoplistWrap dt{
}
#tedukuriTecho #shoplist .shoplistWrap dd{
line-height: 1.2;
}

/*//////// 電子ブック版 //////////////////////////*/
#tedukuriTecho #ebook ol li{
 margin: 0 2% 0 4%;
}
#tedukuriTecho #ebook p.ebookTxt{
 font-size: 18px;
 /*font-size: 1.8rem;*/
 line-height: 2.6rem;
 letter-spacing: 0.1rem;
}
/*//////// 年間購読特典 //////////////////////////*/
#tedukuriTecho #nenkantokuten .nenkantokutenWrap .attention h3,
#tedukuriTecho #nenkantokuten .nenkantokutenWrap .attention li{
}
}

@media screen and (min-width : 1024px) {
/* PC */
}