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

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

@import url("../27/idees27.css");

/* *******************************************************************　*/
/* 各ページ共通 ******************************************************　*/
/* *******************************************************************　*/

.pdfBtn::before{
 content: "\f1c1\00a0";
 font-family: "FontAwesome";
}
/* ナビゲーション＆サイドメニュー共通 */
main {
 position: relative;
 z-index: 0;
}
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;
}
aside{
 display: none;
 box-sizing: border-box;
 width: 50%;
 height: 100%;
 padding: 60px 0 15px;
 text-align: center;
 position: fixed;
 top: 0;
 left: 100%;
 z-index: 2;
}
aside li{
 display: block;
 padding: 0;
 border-bottom: 1px solid #dddddd;
}
aside li img{
 max-width: 65%;
}
/*トグルメニューボタン共通 */
#menuButton {
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 display: block;
 width: 42px;
 height:42px;
 position: fixed;
 top: 10px;
 right: 10px;
 z-index: 3;
}
#menuButton span {
 display: block;
 background: #fff;
 width: 24px;
 height: 4px;
 position: absolute;
 left: 9px;
 transition: all 0.4s;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
}
#menuButton span:first-child {
 top: 11px;
}
#menuButton span:nth-child(2) {
 margin-top: -1px;
 top: 50%;
}
#menuButton span:last-child {
 bottom: 9px;
}
#menuButton.active span:first-child {
 -webkit-transform: translateY(9px) rotate(45deg);
 -moz-transform: translateY(9px) rotate(45deg);
 -ms-transform: translateY(9px) rotate(45deg);
 transform: translateY(9px) rotate(45deg);
}
#menuButton.active span:nth-child(2) {
 opacity: 0;
}
#menuButton.active span:last-child {
 -webkit-transform: translateY(-9px) rotate(-45deg);
 -moz-transform: translateY(-9px) rotate(-45deg);
 -ms-transform: translateY(-9px) rotate(-45deg);
 transform: translateY(-9px) rotate(-45deg);
}
/* ページTOP共通 */
#pageTop {
 position: fixed;
 bottom: 0;
 font-size: 10px;
 font-size: 1.0rem;
 right: 10px;
}
#pageTop a {
 display: block;
 opacity: 0.6;
 text-align: center;
}
#pageTop a:active {
 opacity: 0.4;
}
#pageTop a:hover {
 opacity: 0.9;
}
/* ページ共通 */
#contentWrap {
 padding: 1em;
}
#contentWrap h2{
 margin: .5em 0;
}
#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;
}
/* 講座情報 */
.courseInfo{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background: #f6f6f6;
 margin: 3% 0;
 padding: 2%;
}
.courseInfo h3{
 text-align: center;
 margin-bottom: 3%;
}
.courseInfo h3 img{
 width: 65%;
}
.courseInfo .releaseInfo{
 text-align: right;
 margin: 2%;
}
.courseInfo .span_9 img{
 padding-right: 2%;
}
.courseInfo .span_9 {
 width: 36.25%;
}
.courseInfo .span_15 {
 width: 61.75%;
}
.courseInfo .span_9,
.courseInfo .span_15{
 margin-left: 1%;
}
/* お詫び */
#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;
}
/* ギャラリー・ハンドメイドひろば  */
.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;
}
/* ギャラリー・ハンドメイドひろば */
.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 */
}