@charset "utf-8";
/* default */
@import url("/css/usr/shared/responsive/responsive.gs.24col2.css");
@import url("/css/usr/shared/responsive/lightbox.min.css");
@import url("normalize.css");
@import url("common.css");

/* 最新号CSS ******************************************************　*/

@import url("idees30.css");

/* *******************************************************************　*/
/* 各ページ共通 ******************************************************　*/
/* *******************************************************************　*/
.pdfBtn::before{
 content: "\f1c1\00a0";
 font-family: "FontAwesome";
}
/* ナビゲーション＆サイドメニュー共通 */
nav{
 margin: 10px auto;
 display: block;
 width: 100%;
}

nav ul li{
 text-align: center;
}
nav ul li a{
 display: block;
 padding: 10px 5px;
}
nav ul li a:hover{
}
nav .span_4 {
 border-right: 1px dashed #666666;
 width: 20%;
 /*width: 16.6666666667%;*/
 margin: 0;
 letter-spacing: 0;
}
nav .span_4:nth-child(3) {
 border-right: 1px dashed #666666;
}
nav .span_4:last-child {
 border-right: none;
}
nav .span_4:nth-child(4),
nav .span_4:nth-child(5),
nav .span_4:last-child{
 border-bottom: none;
}
/* ページ共通 */
#contentWrap {
 padding: 1em;
}
#contentWrap h2{
 margin: .5em 0;
 text-align: left;
}
#contentWrap .span_18 {
 margin-top: 5px 0;
 padding-left: .5em;
}
#contentWrap .span_18 h1 {
 margin-bottom: 1%;
 padding: .3em;
}
#contentWrap .span_6 {
 border-top: 1px solid #dddddd;
 margin-top: 20px;
 padding-top: 20px;
}
#contentWrap .span_6 .book {
 margin: 0 auto;
 text-align: center;
 width: 80%;
}
#contentWrap .span_6 .btnSide {
 margin: 20px 0;
}
/*サイドメニューボタン共通 */
#contentWrap .span_6 .sideMenu ul{
 display: none;
}

.forPc {
 display: none;
}
/*******************************************************************/
/* ホーム **********************************************************/
/*******************************************************************/
#indexWrap section{
 margin-bottom: 4em;
}
#indexWrap h2{
 color: #909;
 margin-bottom: .8em;
}
#indexWrap h2 span{
 color: #333;
 display: inline-block;
 font-size: 16px;
 /*font-size: 1.6rem;*/
 /*line-height: 2rem;*/
 padding-left: .5em;
}
#indexWrap .shosaiWrap {
 background: #fcfcfc;
 border: 1px dashed #d20075;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 margin: 1em 0;
 padding: .5em 1em;
}/* トピックス */
#topics{/*878*/
 display: none;
}
/* 最新本情報 */
#latestBookInfo{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background: #f6f6f6;
 margin: 3% 0;
 padding: 2%;
}
#latestBookInfo h3{
 text-align: center;
 margin-bottom: 3%;
}
#latestBookInfo h3 img{
 width: 65%;
}
#latestBookInfo .releaseInfo{
 text-align: right;
 margin: 2%;
}
#latestBookInfo .span_9 img{
 padding-right: 2%;
}
#latestBookInfo .span_9 {
 width: 36.25%;
}
#latestBookInfo .span_15 {
 width: 61.75%;
}
#latestBookInfo .span_9,
#latestBookInfo .span_15{
 margin-left: 1%;
}
#latestBookInfo .present .btnBlue{
 margin-top: 0; 
}
#latestBookInfo .present img{
}
/* お詫び */
#apology{
 background: rgba(153,0,153,.05);
 border: 1px dashed #909;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 padding: 1.5em;
}
/* スペシャルコンテンツ＆info  */
#spinfo .infoArea,
#info .infoArea{
 border-bottom: 1px dashed #999;
 margin-bottom: 2em;
 padding-bottom: 2em; 
}
#specialContents .span_8 {
 margin-left: 1%;
 width: 32.0%;
}
#specialContents .span_8 img{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#special1 img,
#special2 img{
 padding: .5em 2.5em;
}
#info .infoArea .newBook .span_6 {
 width: 49%;
}
#info .infoArea .newBook li {
}
#info .infoArea .newBook .span_6:nth-child(odd) {
 margin-left: 0;
}
#info .infoArea .newBook .span_6 span{
 display: block;
 line-height: 1.4;
}
/* ギャラリー・ハンドメイドひろば  */
.galleryWrap .span_4 {
 margin-left: 1%;
 width: 32.0%;
}
.galleryWrap .span_4 p {
 margin-bottom: 0;
}
.galleryWrap .span_4:nth-child(odd) {
 margin-left: 0;
}
/* ハンドメイドひろば  */
#handmadeWrap ol li{
 display: inline-block;
}
/* コンテンツ  */
#contentWrap .contentsArea{
 margin-bottom: 1em;
}
#contentWrap .span_6 .span_12{
 width: 49%;
}
#contentWrap .span_6 .span_12:first-child{
 padding-right: .5em;
}
#contentWrap .brdrR{
 border-right: 0;
 padding-right: 0;
}
#contentWrap .span_18 li{
 margin-bottom: .4em;
}
#contentWrap .contentsArea .span_2{
 width: 10%;
}
#contentWrap .contentsArea .span_22{
 width: 88%;
}
#contentWrap .contentsArea .mokuji1{
 color: #090;
 font-family: 'Cinzel', serif;
}
#contentWrap .contentsArea .mokuji2{
 color: #909;
 font-family: 'Cinzel', serif;
}
/*メールショッピング案内 */
#mailShopping {
	/*text-align: center;*/
}
#contentWrap #mailShopping .shoppingNavi li img{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
#contentWrap #mailShopping .shoppingNavi li.span_6{
 border-top: 0;
 width: 49%;
}
#contentWrap #mailShopping .shoppingNavi li.span_4{
 width: 32.0%;
padding: 0 0 0.1em 0.1em;
}
#contentWrap #mailShopping .shoppingNavi li.span_6:nth-child(even){
 margin-left: 2%;
}
#contentWrap #mailShopping .shoppingNavi li.span_4:nth-child(3n+1){
 margin-left: 0;
}
/*サイドメニュー　snsBtn */
.snsSideBtn a{
 color: #fff;
 display: inline-block;
 text-align: center;
 width: 40px;
 height: 40px;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
}
/* *******************************************************************　*/
@media print, screen and (min-width: 600px) {
/* ナビゲーション＆サイドメニュー共通 */
nav{
 margin: 10px auto;
 display: block;
 width: 100%;
}
nav ul li img{
 /*max-width: 95%;*/
}
nav ul li{
 text-align: center;
}
nav ul li a{
 display: block;
 padding: 10px 5px;
}
nav ul li a:hover{
}
nav .span_4 {
 border-right: 1px dashed #666666;
 width: 20%;
 /*width: 16.6666666667%;*/
 margin: 0;
 letter-spacing: 0;
}
nav .span_4:nth-child(3) {
 border-right: 1px dashed #666666;
}
nav .span_4:last-child {
 border-right: none;
}
nav .span_4:nth-child(4),
nav .span_4:nth-child(5),
nav .span_4:last-child{
 border-bottom: none;
}
nav ul li p.noLnk{
 display: block;
 margin: 0 auto;
 padding: 10px 0;
 text-align: center;
 text-decoration: none;
 background-color: #dedede;
}
nav ul li a{
 padding: 5px 0;
}
nav ul li a:hover{
 padding: 5px 0;
}
#menuButton {
 display: none;
}
/* ヘッダー共通 */
.headerContent header {
 text-align: left;
}
header .headtoLatestInfo a{
 padding: 10px;
 margin: 10px auto;
}
header .headtoLatestInfo a:hover{
}
header h1 img{
 padding-top: 0;
 max-width: 600px;
 width: 70%;
}
header .headImg{
 padding-top: 20%;
}
header .headImg img{
 padding: 0;
}
header .headtoLatestInfo{
 padding: 23% 2% 0 2%;
}
/* ページTOP共通 */
#pageTop {
 font-size: 13px;
 /*font-size: 1.3rem;*/
}
#pageTop a:hover {
}
/* ページ共通 */
#contentWrap {
 padding: .5em;
}
#contentWrap .span_18 {
 margin-top: 10px;
 padding-right: 15px;
}
#contentWrap .span_6 {
 border-top: 0;
 margin-top: 10px;
 padding-top: 0;
}
#contentWrap .span_6 .book{
 width: 100%;
}
#contentWrap .span_6 .btnSide {
 margin: 0;
}
/*サイドメニューボタン共通 */
#contentWrap .span_6 .sideMenu ul{
 display: block;
 margin: 10% 0;
}
#contentWrap .span_6 .sideMenu ul li{
 border-bottom: 1px solid #dcdcdc;
 list-style: none;
 padding: 0 0 0 1.6em;
 margin: 0 auto;
 width: 100%;
}
#contentWrap .span_6 .sideMenu ul li:first-child{
 border-top: 1px solid #dcdcdc;
}
#contentWrap .span_6 .sideMenu ul li a{
 color: #333;
 display: block;
 margin: 0;
 padding: 10px;
}
#contentWrap .span_6 .sideMenu li a::before{
 content: "\f0a9";
 display: inline-block;
 font-family: "FontAwesome";
 margin-top: -5px;
 margin-left: -1.6em;
 width: 1.6em;
}
#contentWrap .span_6 .sideMenu li a:hover{
}
.forPc {
 display: block;
}
/* *******************************************************************　*/
/* ホーム ************************************************************　*/
/* *******************************************************************　*/
#special1 img,
#special2 img{
 padding: 0;
}
/* トピックス */
#topics{
 border-bottom: 1px dashed #666666;
 display: block;
 padding-bottom: 2%;
}
#topics h3{
 margin-bottom: 2%;
}
#topics ul{
 height: 350px;
 overflow: auto;
}
#topics ul li{
 letter-spacing: 0;
}
#topics ul li:after {
 content:".";
 display:block;
 visibility:hidden;
 height:0.1px;
 font-size:0.1em;
 line-height:0;
 clear: both;
}
#topics ul li strong {
 float: left;
 display: block;
 width: 12%;
 color: #666;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
}
#topics ul li span {
 float: right;
 display: block;
 width: 85%;
 padding-right: 1%;
}
#topics ul li span .link {
 padding-left: 1%;
}
#topics ul li span .link::before {
 content: "\f054\00a0";
 font-family: "FontAwesome";
}
#topics ul li a {
 color: #38c;
}
#topics ul li a:hover {
 color: #38c;
 text-decoration: underline;
}
#latestBookInfo .present .btnBlue{
 margin-top: 3em; 
}
#latestBookInfo .present img{
 padding: 0 .5em 1em; 
}
/* スペシャルコンテンツ＆info  */
#info .infoArea .newBook .span_6{
 width: 23.5%;
}
#info .infoArea .newBook .span_6:nth-child(3n+1) {
 margin-left: 0;
}
#info .infoArea .newBook .span_6:nth-child(odd) {
 margin-left: 1%;
}
/* ギャラリー・ハンドメイドひろば */
.galleryWrap{
 display: block;
 margin-bottom: 2%;
}
.galleryWrap .span_24{
 padding-right: 1%;
}
.galleryWrap .span_4 {
 width: 15.5%;
}
.galleryWrap .span_4:nth-child(6n+1) {
 margin-left: 0;
}
.galleryWrap .span_4:nth-child(odd) {
 margin-left: 1%;
}
/*コンテンツ */
#contentWrap .span_6 .span_12{
 width: 100%;
}
#contentWrap .span_6 .span_12:first-child{
 padding-right: 0;
}
#contentWrap .brdrR{
 border-right: 1px dashed #dddddd;
 padding-right: .5em;
}
#contentWrap .span_8 li,
#contentWrap .span_9 li{
 padding-bottom: .3em;
}
#contentWrap .span_9{
 font-size: 14px;
 /*font-size: 1.4rem;*/
}
/*メールショッピング案内 */
#contentWrap #mailShopping .shoppingNavi li.span_6{
 width: 23.5%;
}
#contentWrap #mailShopping .shoppingNavi li.col:first-child{
 margin-left: 0;
}
}
@media screen and (min-width : 1024px) {
/* PC */
}