@charset "utf-8";
/*about latest vol*/
/* paintcraft /17/ */

/*about color*/
/* main color #00937d */
/* main color (0,147,125,) */
/* second color #997d4e */
/* second color (200,232,222,) */

/* *******************************************************************　*/
/* 各ページ共通 ******************************************************　*/
/* *******************************************************************　*/
a:hover{
 color: #997d4e;
}
.mainContents h1.pageTtl{
 color: #00937d;
}
.mainColor{
 color:#00937d;
}
.secondColor{
 color:#997d4e;
}
/* ナビゲーション＆サイドメニュー共通 */
.navPaint ul li a{
 background: rgba(0,147,125,1);
}
.navPaint ul li a:hover{
 background: rgba(0,147,125,.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(0,147,125,.5);
 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,147,125,.5)), to(rgba(0,147,125,1)));
 background-image: -webkit-linear-gradient(top, rgba(0,147,125,.5), rgba(0,147,125,1));
 background-image: -moz-linear-gradient(top, rgba(0,147,125,.5), rgba(0,147,125,1));
 background-image: -ms-linear-gradient(top, rgba(0,147,125,.5), rgba(0,147,125,1));
 background-image: -o-linear-gradient(top, rgba(0,147,125,.5), rgba(0,147,125,1));
 background-image: linear-gradient(to bottom, rgba(0,147,125,.5), rgba(0,147,125,1));
}
.btnNClr a:hover{
 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,147,125,.5)), to(rgba(0,147,125,.3)));
 background-image: -webkit-linear-gradient(top, rgba(0,147,125,.5), rgba(0,147,125,.3));
 background-image: -moz-linear-gradient(top, rgba(0,147,125,.5), rgba(0,147,125,.3));
 background-image: -ms-linear-gradient(top, rgba(0,147,125,.5), rgba(0,147,125,.3));
 background-image: -o-linear-gradient(top, rgba(0,147,125,.5), rgba(0,147,125,.3));
 background-image: linear-gradient(to bottom, rgba(0,147,125,.5), rgba(0,147,125,.3));
}
.btnNClr a::after{
 content: "\00a0\f0a9";
 font-family: "FontAwesome";
}
/* ヘッダー共通 */
header .headtoLatestInfo a:hover{
 background: #997d4e;
 color: #fff;
}
/* ページTOP共通 */
#pageTop a{
 color: #00937d;
}
/*サイドメニューボタン共通 */
.mainContents .span_6 .sideMenu li a::before{
 color: #00937d;
}
.mainContents .span_6 .sideMenu li a:hover{
 color: #997d4e;
}
.mainContents .span_6 .sideMenu li a:hover::before{
 color: #997d4e;
}
.midashi2{
 border-left: 12px solid rgba(0,147,125,1);
 padding-left: 12px;
 margin: 1em 0;
}
.midashi3{
 border-left: 10px solid rgba(200,232,222,1);
 padding-left: 10px;
 margin: 1em 0;
}
/* SNSボタン */
.snsBtn {
 margin: 1em .5em 0 .5em;
}
.snsBtn a{
 background: rgba(0,147,125,.5);
}
.snsBtn a:hover{
 background: rgba(0,147,125,.7);
 color:#fff;
}
/* *******************************************************************　*/
/* デザインズホーム **************************************************　*/
/* *******************************************************************　*/
#indexWrap #latestBook p.index{
 border-left: 8px solid rgba(0,147,125,.5);
 border-bottom: 1px solid rgba(0,147,125,.5);
 padding-left: 5px;
}
#indexWrap section h2 span{
 color: #00937d;
}
#indexWrap #latestBook ul.contentsList li:before{
 color: #00937d;
}
#indexWrap #latestBook h1,
#indexWrap #infoArea h1{
 color: #00937d;
}
/* *******************************************************************　*/
/* 作家リスト ********************************************************　*/
/* *******************************************************************　*/
#listWrap .puPainter{
 background: rgba(200,232,222,.3);
 border-left: 20px double rgba(200,232,222,.6);
}
#listWrap .painterList{
 /*border-top: 15px solid rgba(0,147,125,.2);
 border-left: 8px solid rgba(0,147,125,.2);*/
 padding: .5em;
 margin-bottom: 1em;
}
#listWrap h3.painterName{
 background: rgba(0,147,125,.1);
 border-bottom: 4px double #00937d;
 font-size: 16px;
 font-size: 1.6rem;
 margin-bottom: .5em;
 padding: .3em .5em;
}
#listWrap h3.painterName::before{
 color: #00937d;
 content: "\f007\00a0";
 font-family: "FontAwesome";
}
#listWrap .painterList li::before{
 color: rgba(0,147,125,.8);
 display: inline-block;
 font-family: "FontAwesome";
 margin-left: -1.6em;
 width: 1.6em;
}
/* *******************************************************************　*/
/* バックナンバー ****************************************************　*/
/* *******************************************************************　*/
#archivesWrap .archivesContents .span_6 a p span::before{
 color: #997d4e;
}
/* *******************************************************************　*/
/* 動画アーカイブ ****************************************************　*/
/* *******************************************************************　*/
#movieWrap .puMovie{
 background: rgba(200,232,222,0.3);
 border-left: 20px double rgba(200,232,222,.6);
}
#movieWrap .movieArchives li::before{
 color:  rgba(200,232,222,0.5);
 content: "\f04b\00a0";
 font-family: "FontAwesome";
 padding-left: .5em;
}
/* *******************************************************************　*/
/* ショッピング ******************************************************　*/
/* *******************************************************************　*/
#shoppingWrap h2{
 margin-bottom: .5em;
 padding: .1em .5em;
 border-bottom: 2px solid rgba(0,147,125,.5);
}
#shoppingWrap h2::before{
 color:  rgba(0,147,125,0.8);
 content: "\f1fc\00a0";
 font-family: "FontAwesome";
}
#shoppingWrap h3{
 background:  rgba(200,232,222,.5);
 color:  rgba(0,147,125,1.0);
 margin-bottom: .5em;
 padding: .1em .5em;
 border-bottom: 2px solid rgba(0,147,125,.5);
 border-radius: .5em;
}
#shoppingWrap h3::before{
 color:  rgba(0,147,125,0.8);
 content: "\f1fc\00a0";
 font-family: "FontAwesome";
}
#shoppingWrap .shoppingContents .gentei{ 
 background: #997d4e;
}
@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(0,147,125,0);
}
}

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