@charset "utf-8";

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

#latest{
 margin-top: 1.5em;
}
/* メイン ************************************ */
/* 本情報 */
#latest .latestBookArea{
 /*background: #fcf7ec;*/
 background: #F3F2F0;
}
.latestBookArea .span_12 img{
 padding: .5em 1em;
}

#latest .latestBookArea .picCover{
 text-align: center;
 margin-bottom: 1.5em;
}

#latest .latestBookArea .bookPrice{
 font-weight: bold;
 font-size: 14px;
 /*font-size: 1.4rem;*/
 letter-spacing: .1em;
 text-align: right;
}
#latest .latestBookArea .feature{
 border-bottom: 1px dashed #999;
 margin-bottom: 1em;
 padding-bottom: .5em;

}
#latest .latestBookArea .feature2{
 border-bottom: 0;
 margin-bottom: 0;
 padding-bottom: 0;
}
#latest .latestBookArea .feature span{
 display: inline-block;
 float: left;
 /*padding: 0 .5em 4em 0;*/
 font-weight: bold;
}
#latest .latestBookArea .feature2 span{
 display: block;
 float: left;
 padding: 0 .5em .5em 0;
 font-weight: bold;
}
#latest .latestBookArea .feature p,
#latest .latestBookArea .feature2 p{
 display: block;
 font-size: 14px;
 /*font-size: 1.4rem;*/
 /*line-height: 2rem;*/
}
#latest .latestBookArea .feature p.spNone{
 display: none;
}
#latest .latestBookArea  ul.contents li{
 font-size: 13px;
 /*font-size: 1.3rem;*/
 /*line-height: 1.8rem;*/
 list-style: none;
 margin: 0 0 .5em 1.4rem;
}
#latest .latestBookArea  ul.contents li::before{
 content: "\f111\00a0";
 font-family: "FontAwesome";
 width: 1.3rem;
 margin-left: -1.4rem;
}
/* 訂正・お詫び文*/
#latest .teiseiArea{
 background:#fcf3f6;
 border: 1px dashed #5649a6;
 color: #5649a6;
 margin: 1em;
}
/* 変更*/
#latest .henkoArea{
 background:#efefef;
 border: 1px dashed #999;
 color: #333;
 margin: 1em;
}
/* 重要なお知らせ*/
#latest #infoImportant{
 background:#fcf3f6;
 border: 1px dashed #5649a6;
 margin: 1em;
}
#latest #infoImportant h3{
 margin: 1em 0;
}
#latest #infoImportant span.mark{
 display: inline-block;
 margin: .5em 0 .5em 1em;
}
/* 過去のコンテスト*/
#latest #contestArea ul{
 background: url(/img/usr/category/quiltjp/back_worksbox.gif) repeat;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding: 1em .8em 0;
}

/* インフォメーション・スペシャルインフォメーション*/
#latest #infoArea h3,
#latest #infoArea2 h3{
 border-left: 10px solid #b1537a;
 font-weight: bold;
 margin: .5em 0;
 padding-left: .3em;
}
#latest #infoArea li.infoDetail,
#latest #infoArea2 li.infoDetail{
 border-bottom: 1px solid #999;
 margin-bottom: 1.5em;
 padding: 0 .8em 1em;
}
#latest #infoArea li.infoDetail:last-child,
#latest #infoArea2 li.infoDetail:last-child{
 border-bottom: 1px solid #999;
 margin-bottom: 0;
 padding-bottom: 1em;
}
#latest #infoArea p.crcl{
font-weight: bold;
}
#latest #infoArea p.crcl::before{
 content: "\f111\00a0";
 color: #b1537a;
 font-family: "FontAwesome";
}
#latest #infoArea .wsArea,
#latest #infoArea2 .wsArea{
 background: #efefef;
 padding: 1em;
 margin-bottom: 1em;
}
#latest #infoArea .wsArea em,
#latest #infoArea2 .wsArea em{
 font-weight: bold;
}
#latest #infoArea .txtRed,
#latest #infoArea2 .txtRed{
 color:#b1537a;
 font-weight: bold;
}
#latest #infoArea .txtRedLine,
#latest #infoArea2 .txtRedLine{
 background: linear-gradient(transparent 60%, #E7C7D4 60%);
 color:#b1537a;
 font-weight: bold;
}
/*年間購読*/
#latest #nenkankoudokuArea{
 border: 1px solid #eb7b68;
 margin: 1em;
}
#latest #nenkankoudokuArea h2{
 border-left: 0;
 position: static;
}
#nenkankoudokuArea .picCover{
 text-align:center;
}

#latest #nenkankoudokuArea h2::before {
 background:#fff;
 position: static;
}
#latest #nenkankoudokuArea h2::after {
 border-bottom: 0;
 position: static;
}
#latest #nenkankoudokuArea dl dt{
 background:#eb7b68;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 color:#fff;
 display: inline-block;
 line-height: 1;
 margin: .5em 0;
 padding: .3em;
}
/*動画*/
#latest #minimovieBox h3{
 border-left: 10px solid #b1537a;
 font-weight: bold;
 margin: .5em 0;
 padding-left: .3em;
}
#latest #minimovieBox ul{
 margin-bottom: 1.5em;
}
#latest .youtubeBox{
 border-bottom: 1px dashed #999;
 margin-top: 1em;
 padding: 1.5em;
}
#latest .youtubeBox.brdrNo{
 border-bottom: 0;
}
#latest .youtubeBox:last-child{
 border-bottom: 0;
}
#latest .youtubeBox .span_15{
 position: relative;
 padding-top: 56.33%; /* h338/w600*/
}
#latest .youtubeBox .span_24{
 position: relative;
 padding-top: 56.16%; /* h674/w1200*/
}
#latest .youtubeBox .span_15 iframe,
#latest .youtubeBox .span_24 iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 max-height: 100%;
}
#latest .youtubeBox .span_9{
 padding-left: .5em;
}
#latest .youtubeBox .span_9::before{
 color: #b1537a;
 content: "\f0da\00a0";
 font-family: "FontAwesome";
}
/*ページ共通*/
#latest section{
 padding: 1em;
}
#latest section h2{
 font-family: 'Roboto Condensed', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 'Roboto Condensed';
 font-weight: bold;
 line-height: 1;
 margin-bottom: 1em;
 padding: .25em 0 .5em .45em;
 position: relative;
}
#latest section h2::before {
 position: absolute;
 left: -15px;
 bottom: 0;
 content: '';
 width: 15px;
 height: 50%;
}
#latest section h2::after {
 position: absolute;
 left: 0;
 bottom: 0;
 content: '';
 width: 100%;
 height: 0;
}
#latest .frame{
 border: 1px solid #b1537a;
 padding: 1em;
}
#latest p.frame{
 background: rgba(177,83,122,.2);
 border: 1px solid #b1537a;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 margin-bottom: 2.5em;
 padding: 1em;
}
#latest p.frame a{
 text-decoration: underline;
 font-weight: bold;
}
#latest dl dt{
 color:#b1537a;
 font-weight: bold;
 margin: .5em 0;
}
#latest dl dt:first-child{
 margin: 0 0 .5em;
}
#latest dl dd{
 margin-left: .5em;
 margin-bottom: .5em;
}
#latest h2{
 text-align: left;
}
#latest h4{
 font-weight: bold;
}
#latest ul li ul li{
 list-style: outside disc;
 margin-left:  2.3rem;
}
#latest ul li ol{
 margin-bottom:  1em;
}
#latest ul li ol li{
 list-style: outside decimal;
 margin-left:  2.3rem;
}
#latest .main .caption2{
 font-size: 12px;
 /*font-size: 1.2rem;*/
 line-height: 0rem;
}
#latest .new{
 background: #c53665;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 display: inline-block;
 font-weight: bold;
 margin-right: .5em;
 padding: .1em .4em;
}
/* サイド ************************************ */
#latest .side.span_5{
}
#latest .side.span_5 .nowOnSale{
 background: #c53665;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 color: #fff;
 display: inline-block;
 font-size: 11px;
 /*font-size: 1.1rem;*/
 font-weight: bold;
 line-height: 1;
 margin-bottom: .5em;
 padding: .4em;
}
#latest .side.span_5 ul{
 border: 1px solid #999;
 margin-bottom: 1em;
 padding: 1.5em 1em .5em;
}
#latest .side.span_5 ul li{
 border-bottom: 1px solid #999;
 margin-bottom: 1em;
 padding-bottom: .3em;
}
#latest .side.span_5 ul li:last-child{
 border-bottom: 0;
 margin-bottom: 0;
 padding-bottom: 0;
}
#latest .side.span_5 ul li img{
 margin: 0 10%;
 width: 80%;
}
#latest .side.span_5 .caption{
 font-weight: bold;
 letter-spacing: .03em;
 /*line-height: 1.5rem;*/
 text-align: center;
}
#latest .side.span_5 .spNone + .caption{
 text-align: left;
}
#latest .side.span_5 .spNone + .caption::before{
 color: #b1537a;
 content: "\f0da\00a0";
 font-family: "FontAwesome";
}
#latest .side.span_5 .fb-page{
 border: 1px solid #999;
 margin-bottom: 1em;
}

/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 600px) {
/* メイン ************************************ */
/* 本情報 */
#latest .latestBookArea .span_12 img{
 padding: 0;
}

#latest .latestBookArea .span_12 .picCover{
 text-align: center;
}

#latest .latestBookArea .bookPrice{
 font-size: 14px;
 /*font-size: 1.4rem;*/
}
#latest .latestBookArea .feature p.spNone{
 display: block;
}
/* ギャラリー*/
#latest #galleryArea ul li img{
 border: 10px solid #fff;
}
#latest #galleryArea .span_4 {
 width: 15%;
}
#latest #galleryArea .span_4:nth-child(3n+1) {
 margin-left: 2%;
}
#latest #galleryArea .span_4:first-child {
 margin-left: 0;
}
/*動画*/
#latest .youtubeBox .span_15{
 padding-top: 34.99%; /* h338/w600*span_15の.62125％*/
}
/*ページ共通*/
#latest section{
 padding: 1.5em;
}
#latest section h2{
 font-size: 28px;
 /*font-size: 2.8rem;*/
}
#latest {
}
/* サイド ************************************ */
#latest .side.span_5 ul{
 padding: .5em;
}
#latest .side.span_5 ul li img{
 margin: 0 auto;
 width: 100%;
}
#latest .side.span_5 .caption{
 font-size: 12px;
 /*font-size: 1.2rem;*/
 padding-top: .3em;
}
#latest .side.span_5 .spNone + .caption{
 text-align: center;
}
#latest .side.span_5 .spNone + .caption::before{
 content: "";
}
}
/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 1024px) {
/* メイン ************************************ */
/* 本情報 */
#latest .latestBookArea .bookPrice{
 font-size: 16px;
 /*font-size: 1.6rem;*/
}
}