@charset "utf-8";
/*about latest vol*/
/* paintcraft /15/ */

/*about color*/
/* main color #efb1be */
/* main color (239,177,190,) */
/* second color #3dab36 */
/* second color (61,171,54,) */

/* *******************************************************************　*/
/* 各ページ共通 ******************************************************　*/
/* *******************************************************************　*/
a:hover{
 color: #3dab36;
}
.mainContents h1.pageTtl{
 color: #efb1be;
}
.mainColor{
 color:#efb1be;
}
.secondColor{
 color:#3dab36;
}
/* ナビゲーション＆サイドメニュー共通 */
.navPaint ul li a{
 background: rgba(239,177,190,1);
}
.navPaint ul li a:hover{
 background: rgba(239,177,190,.7);
}
.btnNClr a{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: block;
 padding: 1em .5em;
 margin: 1em auto;
 width: 80%;
 text-align: center;
 text-decoration: none;
 background-color: rgba(239,177,190,.5);
 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,177,190,.5)), to(rgba(239,177,190,1)));
 background-image: -webkit-linear-gradient(top, rgba(239,177,190,.5), rgba(239,177,190,1));
 background-image: -moz-linear-gradient(top, rgba(239,177,190,.5), rgba(239,177,190,1));
 background-image: -ms-linear-gradient(top, rgba(239,177,190,.5), rgba(239,177,190,1));
 background-image: -o-linear-gradient(top, rgba(239,177,190,.5), rgba(239,177,190,1));
 background-image: linear-gradient(to bottom, rgba(239,177,190,.5), rgba(239,177,190,1));
}
.btnNClr a:hover{
 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(239,177,190,.5)), to(rgba(239,177,190,.3)));
 background-image: -webkit-linear-gradient(top, rgba(239,177,190,.5), rgba(239,177,190,.3));
 background-image: -moz-linear-gradient(top, rgba(239,177,190,.5), rgba(239,177,190,.3));
 background-image: -ms-linear-gradient(top, rgba(239,177,190,.5), rgba(239,177,190,.3));
 background-image: -o-linear-gradient(top, rgba(239,177,190,.5), rgba(239,177,190,.3));
 background-image: linear-gradient(to bottom, rgba(239,177,190,.5), rgba(239,177,190,.3));
}
.btnNClr a::after{
 content: "\00a0\f0a9";
 font-family: "FontAwesome";
}
/* ヘッダー共通 */
header .headtoLatestInfo a:hover{
 background: #3dab36;
 color: #fff;
}
/* ページTOP共通 */
#pageTop a{
 color: #efb1be;
}
/*サイドメニューボタン共通 */
.mainContents .span_6 .sideMenu li a::before{
 color: #efb1be;
}
.mainContents .span_6 .sideMenu li a:hover{
 color: #3dab36;
}
.mainContents .span_6 .sideMenu li a:hover::before{
 color: #3dab36;
}
.midashi2{
 border-left: 12px solid rgba(239,177,190,1);
 padding-left: 12px;
 margin: 1em 0;
}
.midashi3{
 border-left: 10px solid rgba(61,171,54,1);
 padding-left: 10px;
 margin: 1em 0;
}
/* SNSボタン */
.snsBtn {
 margin: 1em .5em 0 .5em;
}
.snsBtn a{
 background: rgba(239,177,190,.5);
}
.snsBtn a:hover{
 background: rgba(239,177,190,.7);
 color:#fff;
}
/* *******************************************************************　*/
/* デザインズホーム **************************************************　*/
/* *******************************************************************　*/
#indexWrap #latestBook p.index{
 border-left: 8px solid rgba(239,177,190,.5);
 border-bottom: 1px solid rgba(239,177,190,.5);
 padding-left: 5px;
}
#indexWrap section h2 span{
 color: #efb1be;
}
#indexWrap #latestBook ul.contentsList li:before{
 color: #efb1be;
}
#indexWrap #latestBook h1,
#indexWrap #infoArea h1{
 color: #efb1be;
}
/* *******************************************************************　*/
/* 作家リスト ********************************************************　*/
/* *******************************************************************　*/
#listWrap .puPainter{
 background: rgba(61,171,54,.3);
 border-left: 20px double rgba(61,171,54,.6);
}
#listWrap .painterList{
 /*border-top: 15px solid rgba(239,177,190,.2);
 border-left: 8px solid rgba(239,177,190,.2);*/
 padding: .5em;
 margin-bottom: 1em;
}
#listWrap h3.painterName{
 background: rgba(239,177,190,.1);
 border-bottom: 4px double #efb1be;
 font-size: 16px;
 font-size: 1.6rem;
 margin-bottom: .5em;
 padding: .3em .5em;
}
#listWrap h3.painterName::before{
 color: #efb1be;
 content: "\f007\00a0";
 font-family: "FontAwesome";
}
#listWrap .painterList li::before{
 color: rgba(239,177,190,.8);
 display: inline-block;
 font-family: "FontAwesome";
 margin-left: -1.6em;
 width: 1.6em;
}
/* *******************************************************************　*/
/* バックナンバー ****************************************************　*/
/* *******************************************************************　*/
#archivesWrap .archivesContents .span_6 a p span::before{
 color: #3dab36;
}
/* *******************************************************************　*/
/* 動画アーカイブ ****************************************************　*/
/* *******************************************************************　*/
#movieWrap .puMovie{
 background: rgba(61,171,54,0.3);
 border-left: 20px double rgba(61,171,54,.6);
}
#movieWrap .movieArchives li::before{
 color:  rgba(61,171,54,0.5);
 content: "\f04b\00a0";
 font-family: "FontAwesome";
 padding-left: .5em;
}
/* *******************************************************************　*/
/* ショッピング ******************************************************　*/
/* *******************************************************************　*/
#shoppingWrap h2{
 margin-bottom: .5em;
 padding: .1em .5em;
 border-bottom: 2px solid rgba(239,177,190,.5);
}
#shoppingWrap h2::before{
 color:  rgba(239,177,190,0.8);
 content: "\f1fc\00a0";
 font-family: "FontAwesome";
}
#shoppingWrap h3{
 background:  rgba(61,171,54,.05);
 color:  rgba(61,171,54,1.0);
 margin-bottom: .5em;
 padding: .1em .5em;
 border-bottom: 2px solid rgba(61,171,54,.5);
 border-radius: .5em;
}
#shoppingWrap h3::before{
 color:  rgba(61,171,54,0.8);
 content: "\f1fc\00a0";
 font-family: "FontAwesome";
}
#shoppingWrap .shoppingContents .gentei{ 
 background: #3dab36;
}
@media print, screen and (min-width: 600px){
.navPaint ul li a{
 border-right: 1px dashed #fff;
}
.navPaint ul li a.last{
 border-right: 1px solid rgba(239,177,190,0);
}
}
@media screen and (min-width : 1024px){
/* PC */
}



