@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");
@import url("contest.css");
/* *******************************************************************　*/
/* 各ページ共通 ******************************************************　*/
/* *******************************************************************　*/
.qjLogo{
 min-height: 0%;
}
.qjLogo img{
 display: block;
 min-height: 0%;
 margin: 1.5em auto;
 text-align: center;
 max-width: 30vw;
}


.mainContents{
 padding: .5em;
 background: #fff;
 color: #333;
 font-size: 16px;
 font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 letter-spacing: .1em;
 /*line-height: 2.0rem;*/
 word-wrap: break-word;
}
/* ナビゲーション共通 */
#headerWrap nav {
 display: block;
}
#headerWrap nav li{
 line-height: 0;
 /*width: 16.6666666667%; 6つメニュー用*/
 /*width: 14.2857142857%; /*7つメニュー用*/
 /*width: 12.5%; /*8つメニュー用*/
  width: 25%; /*4つメニュー用*/
  padding: 0.3%;
}
/* ヘッダー共通 */
#headerWrap h1{
 margin: 0;
 line-height: 0;
}
#headerWrap h1 img{
 margin: 0;
 padding: 0;
}
/* ページ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;
}
/* ページ共通 */
.spNone {
 display: none;
}
h1.pageTtl{
 font-weight: bold;
 margin: .8em 0 1.5em;
}
h1.pageTtl span{
 color: #333;
 display: block;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 font-weight: normal;
 text-align: right;
}
h1.pageTtl span.txtSize2{
 display: block;
 font-size: 18px;
 /*font-size: 1.8rem;*/
 font-weight: normal;
 /*line-height: 2.7rem;*/
 text-align: left;
}
/* SNSボタン */
.snsBtn {
 margin: 1em .5em ;
}
.snsBtn a{
 /*background: #bbbbbb;*/
 color: #fff;
 display: inline-block;
 text-align: center;
 width: 35px;
 height: 35px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
.snsBtn i{
 padding: 23%;
}
.snsBtn a.facebook{
 background: #265a96;
}
.snsBtn a.twitter{
 background: #00acec;
}
.snsBtn a.googleplus{
 background: #dd4b39;
}
.snsBtn a .fa{
 font-size: 20px;
 /*font-size: 2.0rem;*/
}
/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 600px) {
/* ナビゲーション＆サイドメニュー共通 */
#headerWrap nav {
 display: block;
}
#headerWrap nav li{
 line-height: 0;
 /*width: 16.6666666667%; 6つメニュー用*/
 /*width: 14.2857142857%; /*7つメニュー用*/
 width: 12.5%; /*8つメニュー用*/
 padding: 0%;
}
/* ヘッダー共通 */
 #headerWrap .headerContent {
 text-align: left;
}
 #headerWrap h1{
 text-align: left;
}
/* ページ共通 */
.spNone {
 display: block;
}
h1.pageTtl span{
 display: inline-block;
 font-size: 16px;
 /*font-size: 1.6rem;*/
 margin-left: .3em;
}
h1.pageTtl span.txtSize2{
 font-size: 25px;
 /*font-size: 2.5rem;*/
 font-weight: normal;
 margin-left: 0em;
}
/* SNSボタン */
.snsBtn {
 text-align: right;
}
}
/* *******************************************************************　*/
/* 針休め ************************************************************　*/
/* *******************************************************************　*/
#hariyasume{
}
#hariyasume h1.pageTtl{
 color: #9c65b6;
}
#hariyasume #harishigotoNew{
 border-left: 1px dashed #999;
 border-right: 1px dashed #999;
 border-top: 1px dashed #999;
 padding: 1.5em;
}
#hariyasume #harishigotoNew h2{
 font-size: 18px;
 /*font-size: 1.8rem;*/
 font-weight: bold;
 letter-spacing: .1em;
 /*line-height: 2.7rem;*/
 margin-bottom: 1em;
}
#hariyasume #harishigotoNew em{
 color: #8a29b8;
 display: block;
 float: left;
 font-style: normal;
 letter-spacing: 0;
 padding: 0 .5em 2em 0;
}
#hariyasume #harishigotoNew .source{
 border-bottom: 1px solid #ccc;
 color: #9c65b6;
 font-weight: bold;
 text-align: right;
 margin-bottom: 10px;
 padding-bottom: 10px;
}
#hariyasume #harishigotoNew .artist{
 text-align: right;
}
#hariyasume #harishigotoNew .artist strong{
 display: inline-block;
 margin-left: .5em;
}
#hariyasume #harishigotoNew .span_12:last-child a {
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 border: 1px solid #c53665;
 color: #c53665;
 display: block;
 padding: 2%;
 margin: 2em;
 text-align: center;
 text-decoration: none;
}
#hariyasume #harishigotoNew .span_12:last-child a:hover {
 background: #c53665;
 color: #fff;
}
#hariyasume #harishigotoNew .span_12:last-child a::after{
 content: "\00a0\f054";
 font-family: "FontAwesome";
}
#hariyasume #harishigotoNew {
}
#hariyasume #harishigotoArchive{
}
#hariyasume #harishigotoArchive .lnkBox:hover{
 cursor: pointer;
 opacity: .7;
}
#hariyasume #harishigotoArchive .span_6{
 border-left: 1px dashed #999;
 border-top: 1px dashed #999;
 padding: 0;
 width: 50%;
}
#hariyasume #harishigotoArchive .span_6:nth-last-child(-n+2){
 border-bottom: 1px dashed #999;
}
#hariyasume #harishigotoArchive .span_6:nth-child(odd){
 margin-left: 0;
}
#hariyasume #harishigotoArchive .span_6:nth-child(even),
#hariyasume #harishigotoArchive .span_6:last-child{
 border-right: 1px dashed #999;
}
#hariyasume #harishigotoArchive .span_6 .span_5{
 background: rgba(156,101,182,.1);
 border-bottom: 1px dashed #999;
 border-right: 1px dashed #999;
 color: #8a29b8;
 -moz-border-radius: 0 0 20px 0;
 -webkit-border-radius: 0 0 20px 0;
 border-radius: 0 0 20px 0;
 display: inline-block;
 letter-spacing: 0;
 padding: .8em 0;
 text-align: center;
 width: 20.8333333333%;
}
#hariyasume #harishigotoArchive .span_6 .span_19{
 font-size: 14px;
 /*font-size: 1.4rem;*/
 letter-spacing: .05em;
 line-height: 1.8rem;
 padding: 1em 1em 0 .3em;
 width: 79.1666666667%;
}
#hariyasume #harishigotoArchive .span_6 .span_19 span{
 display: block;
}
#hariyasume #harishigotoArchive .span_6 img{
 display: block;
 margin: 0 auto;
 padding: 0 .5em 1em;
 text-align: center;
}
/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 600px) {
#hariyasume #harishigotoArchive .span_6{
 width: 25%;
}
#hariyasume #harishigotoArchive .span_6:nth-child(even){
 border-right: 0;
}
 
/*レイアウト崩れのためコメントアウトします。　前田*/
/*#hariyasume #harishigotoArchive .span_6:last-child,
#hariyasume #harishigotoArchive .span_6:nth-child(4n+4){
 border-right: 1px dashed #999;
}*/
 
#hariyasume #harishigotoArchive .span_6:nth-last-child(-n+2){
 border-bottom: 0;
}
#hariyasume #harishigotoArchive .span_6:nth-last-child(-n+4){
 border-bottom: 1px dashed #999;
}
}
/* *******************************************************************　*/
/* 作家データベース **************************************************　*/
/* *******************************************************************　*/
#artists{
}
#artists h1.pageTtl{
 color: #83921e;
}
#artists .artistsList{
 margin-top: 2em;
}
#artists .artistsList li.span_6 h3{
 display: block;
 text-align: center;
}
#artists .artistsList h3 em{
 color: #83921e;
 display: inline;
 font-size: 14px;
 /*font-size: 1.4rem;*/
 font-style: normal;
 font-weight: bold;
 vertical-align: top;
}
#artists .artistsList h3 img{
}
#artists .artistsList li{
 border-bottom: 1px dashed #999;
 border-right: 1px dashed #999;
 padding: 1.3em;
}
#artists .artistsList li.span_6{
 width: 50%;
}
#artists .artistsList li:nth-child(-n+2){
 border-top: 1px dashed #999;
}
#artists .artistsList li:nth-last-child(-n+2){
 border-bottom: 1px dashed #999;
}
#artists .artistsList li:nth-child(odd){
 border-left: 1px dashed #999;
 margin-left: 0;
}
#artists .span_11{
 background: #fcf7ec;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 margin-bottom: 1.5em;
 padding: 1.5em 1em;
}
#artists .span_13{
 padding: 0 1em 1.5em;
}
#artists .artistNote span{
 display: block;
}
#artists .artistNote span{
 text-indent: 1em;
}
#artists span.profile{
 font-size: 14px;
 /*font-size: 1.4rem;*/
 padding: 0 1em;
 text-indent: 0;
}
#artists span.books{
 display: block;
 font-size: 14px;
 /*font-size: 1.4rem;*/
 padding: .5em 0;
 text-indent: 0;
}
#artists span.books span{
 color: #83921e;
 display: block;
 font-weight: bold;
 line-height: 1;
 padding: .5em 0;
}
#artists span.books .span_6{
 width: 23.5%;
 padding-right: 2%;
}
#artists .span_11 img{
 display: block;
 margin: 0 auto 1.5em;
 max-width: 80%;
}
#artists h3.artistsName {
 border-top: 2px solid #999;
 padding: .8em 0 0 .5em;
 margin-top: 2em;
}
#artists h3.artistsName {
 font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
 font-size: 25px;
 /*font-size: 2.5rem;*/
 font-weight: bold;
}
#artists h3.artistsName span{
 display: inline-block;
 font-size: 30px;
 /*font-size: 3.0rem;*/
 margin: 0 .1em .2em 0;
}
#artists h3 + h4 {
 border-bottom: 1px solid #999;
 color: #83921e;
 margin-bottom: 1.5em;
 padding: 0 .5em .8em 0;
 text-align: right;
}
#artists .artistNote{
 background: url(../../artists/images/common/back_note.png) repeat;
 line-height: 30px;
}
#artists .artistGallery li{
 border-bottom: 1px dashed #999;
 padding: 1em;
}
#artists .artistGallery img{
 display: block;
 margin: 1em auto 1.5em;
 max-width: 80%;
}
#artists .artistsIndex {
 clear: both;
 background: #f3f3f3;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 margin: 1em;
 padding: 1.5em 2em;
}
#artists .artistsIndex h5 {
 color: #83921e;
 font-weight: bold;
 margin-bottom: 10px;
}
#artists .artistsIndex li {
 display: inline;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 margin-right: .5em;
 white-space: nowrap;
}
#artists .artistsIndex li::before {
 color:#5649a6;
 content: "\f0da\00a0";
 font-family: "FontAwesome";
}
/* *******************************************************************　*/
/* ギャラリー /*******************************************************　*/
/* *******************************************************************　*/
#gallery h2.themeTtl {
 color: #a87e16;
 font-weight: bold;
}
#gallery .caption{
 font-weight: bold;
}
#gallery .caption::before{
 content: "\f111\00a0";
 color: #a87e16;
 font-family: "FontAwesome";
}

/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 600px) {
#artists span.profile{
 /*line-height: 2.4rem;*/
}
#artists .artistsList li.span_6{
 width: 25%;
}
#artists .artistsList li:nth-child(odd){
 border-left: 0;
}
#artists .artistsList li:nth-child(4n+1){
 border-left: 1px dashed #999;
 margin-left: 0;
}
#artists .artistsList li:nth-child(-n+4){
 border-top: 1px dashed #999;
}
#artists .artistGallery{
 margin: 2em 0
}
#artists .artistGallery li{
 border-right: 1px dashed #999;
}
#artists .artistGallery li:nth-child(even){
 border-right: 0;
}
#artists .artistGallery li:nth-last-child(-n+2){
 border-bottom: 0;
}
#artists .artistGallery li.span_12 span{
 display: block;
}
#artists .artistsIndex h5 {
 margin-bottom: 10px;
 position: relative;
 text-align: center;
}
#artists .artistsIndex h5 span {
 font-size: 18px;
 /*font-size: 1.8rem;*/
 position: relative;
 z-index: 2;
 display: inline-block;
 margin: 0 2em;
 padding: 0 1em;
 background-color: #f3f3f3;
}
#artists .artistsIndex h5::before {
 position: absolute;
 top: 50%;
 z-index: 1;
 content: '';
 display: block;
 width: 100%;
 height: 1px;
 background: #83921e;
}
#artists h3.artistsName span{
 font-size: 40px;
 /*font-size: 4.0rem;*/
 margin: 0 .1em .2em 0;
}
}
/* *******************************************************************　*/
/* アーカイブ ********************************************************　*/
/* *******************************************************************　*/
#archives{
}
#archives h1.pageTtl{
 color: #055c57;
}
#archives .btnBN a {
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 border: 1px solid #c53665;
 color: #c53665;
 display: inline-block;
 padding: .4em .8em;
 margin-bottom: .3em;
 text-align: center;
 text-decoration: none;
}
#archives .btnBN a:hover {
 background: #c53665;
 color: #fff;
}
#archives .btnBN a::after{
 content: "\00a0\f054";
 font-family: "FontAwesome";
}
#archives .lnkBox:hover{
 cursor: pointer;
 opacity: .7;
}
#archives .line5{
 border-right: 1px dashed #999;
 border-top: 1px dashed #999;
 padding: 0;
 width: 50%;
}
#archives .line5:nth-last-child(-n+2){
 border-bottom: 1px dashed #999;
}
#archives .line5:nth-child(odd){
 border-left: 1px dashed #999;
 margin-left: 0;
}
#archives .line5 .span_5{
 background: rgba(5,92,87,.1);
 border-bottom: 1px dashed #999;
 border-right: 1px dashed #999;
 color: #055c57;
 -moz-border-radius: 0 0 20px 0;
 -webkit-border-radius: 0 0 20px 0;
 border-radius: 0 0 20px 0;
 display: inline-block;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 letter-spacing: 0;
 padding: .6em 0;
 text-align: center;
 width: 20.8333333333%;
}
#archives .line5 .span_19{
 font-size: 12px;
 /*font-size: 1.2rem;*/
 letter-spacing: .05em;
 /*line-height: 1.8rem;*/
 padding: 1em 1em 1em .3em;
 text-align: center;
 width: 79.1666666667%;
}
#archives .line5 .span_19 span{
 display: block;
}
#archives .line5 .archivesPic{
 padding: 1em;
 text-align: center;
}
#archives .line5 .topics{
 display: block;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 /*line-height: 1.6rem;*/
 margin-bottom: 2.5em;
 padding: 0 .5em;
}
#archives a.tachiyomiBtn{
 background: #999;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 color: #fff;
 display: inline-block;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 margin-left: .2em;
 padding: .3em .5em;
 text-align: center;
}
#archives a.tachiyomiBtn.spNone{
 display:none;
}
#archives a:hover.tachiyomiBtn{
 background: #5649a6;
}

/*高さ揃えのため追記　前田*/
.containerquiltjp .row{
  display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
 }
 
/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 600px) {
#archives .line5{
 border-left: 0;
 width: 20%;
}
#archives .line5 span:first-child{
 font-size: 15px;
 /*font-size: 1.5rem;*/
}
#archives .line5:nth-child(odd){
 border-left: 0;
}
#archives .line5:nth-last-child(-n+5){
 border-bottom: 1px dashed #999;
}
#archives .line5:nth-child(5n+1){
 border-left: 1px dashed #999;
 margin-left: 0;
}
#archives a.tachiyomiBtn.spNone{
 background: #999;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 color: #fff;
 display: inline-block;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 margin-left: .2em;
 padding: .3em .5em;
 text-align: center;
}

/*高さ揃えのため追記　前田*/
.containerquiltjp .row{
  display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
 }
 
 
}
/* *******************************************************************　*/
/* ダウンロード ******************************************************　*/
/* *******************************************************************　*/
#download h1.pageTtl{
 color: #7d0c0c;
}
#download .nenkantokuten{
 /*background: rgba(125,12,12,.05);*/
 border: 1px dashed #7d0c0c;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin: 1em;
 padding: 2em;
}
#download .nenkantokuten .gentei{
 border-left: 10px solid #7d0c0c;
 color: #7d0c0c;
 display: block;
 margin-bottom: .5em;
 padding-left: .3em;
}
#download .nenkantokuten .gutters2{
 border-bottom: 1px solid #ccc;
 margin: 1em 0 1.5em;
 padding: 1em 0 1.5em;
}
#download .nenkantokuten a{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background:#fff;
 border: 1px solid #7b70a1;
 color: #7b70a1;
 display: block;
 padding: .5em;
 letter-spacing: .05em;
 margin: .5em;
 text-align: center;
 text-decoration: none;
}
#download .nenkantokuten a:hover{
 background-color: rgba(123,112,161,1);
 color:#fff;
}
#download .nenkantokuten a span{
 border-left: none;
 display: inline;
 font-size: 12px;
 /*font-size: 1.2rem;*/
}
#download .nenkantokuten ol.tokutenList{
 counter-reset: item;
}
#download .nenkantokuten ol.tokutenList li:before{
 counter-increment: item;
 content: counter(item)'.';
 padding-right: .5em;
 font-weight: bold;
 color: #7d0c0c;
}
#download .recipe,
#download .wallpaper,
#download .postcard,
#download .movie{
 background: #fff7ea;
 margin-bottom: 2em;
 padding: 1.5em 2em;
}
#download .recipe h2,
#download .wallpaper h2,
#download .postcard h2,
#download .movie h2{
 border-bottom: 1px dashed #999;
 margin-bottom: 1em;
 padding-bottom: .5em;
}
#download .recipe h2::before,
#download .wallpaper h2::before,
#download .postcard h2::before,
#download .movie h2::before{
 color: #7d0c0c;
 content: "\f06b\00a0";
 font-family: "FontAwesome";
 font-size: 23px;
 /*font-size: 2.3rem;*/
}
#download .recipe h3,
#download .wallpaper h3,
#download .postcard h3,
#download .movie h3{
 color: #7d0c0c;
 font-weight: bold;
 padding-left: .5em;
}
#download .recipe ul.row,
#download .wallpaper ul.row,
#download .postcard ul.row,
#download .movie ul.row{
 border-bottom: 1px dashed #ccc;
 margin: 2em 0;
 padding-bottom: 1em;
}
#download .recipe ul.row.brdrNone,
#download .wallpaper ul.row.brdrNone,
#download .postcard ul.row.brdrNone,
#download .movie ul.row.brdrNone{
 border-bottom: none;
 margin: 2em 0;
}
#download .postcard .picArea{
 display: block;
 overflow: hidden;
 position: relative;
 text-align: center;
}
#download .postcard .picArea .mask {
 display: block;
 height:  100%;
 position: absolute;
 top:  35%;
 margin: 0 .5em .2em .2em;
 opacity: 0; 
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
 width:  100%;
}
#download .postcard .picArea:hover .mask {
 opacity: 1;
 cursor: pointer;
}
#download .postcard .picArea .mask span {
 background: rgba(0,0,0,.9);
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color:  #fff;
 display: inline-block;
 letter-spacing: .01em;
 padding: .5em;
 text-align:  center;
}
#download .wallpaper dt{
 border-left: 10px solid #7b70a1;
 margin-left: 1.5em;
 padding-left: .5em;
}
#download .wallpaper dd
#download .wallpaper img,
#download .postcard img{
 padding: 1em;
}
#download .wallpaper dd{
 font-size: 13px;
 /*font-size: 1.3rem;*/
 padding: 1em;
}
#download .wallpaper dd a{
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 background:#fff;
 border: 1px solid #7b70a1;
 color: #7b70a1;
 display: block;
 padding: 2%;
 margin: 2% 3%;
 text-align: center;
 text-decoration: none;
}
#download .wallpaper dd a::after{
 content: "\00a0\f054";
 font-family: "FontAwesome";
}
#download .wallpaper dd a:hover{
 background-color: rgba(123,112,161,1);
 color: #fff;
}
#download .movie .span_9{
 margin-top: 1em;
}
#download .movie .span_9 h4{
 border-bottom: 1px solid #ccc;
 font-weight: bold;
 margin: .5em 0;
 padding-bottom: .5em;
}
#download .movie .span_15{
 position: relative;
 padding-top: 56.33%; /* h338/w600*/
}
#download .movie .span_15 iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 max-height: 100%;
}
/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 600px) {
#download .nenkantokuten a{
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 margin: .5em 15%;
 width: 70%;
}
#download .nenkantokuten a.tel{
 -moz-border-radius: none;
 -webkit-border-radius: none;
 border-radius: none;
 border: none;
 color: #333;
 display: inline;
 padding: .5em;
 letter-spacing: .05em;
 margin: .5em;
 text-align: center;
 text-decoration: none;
}
#download .nenkantokuten a.tel:hover{
 background-color: #fff;
 color: #333;
}
#download .recipe h2::before,
#download .wallpaper h2::before,
#download .postcard h2::before,
#download .movie h2::before{
 font-size: 40px;
 /*font-size: 4.0rem;*/
}
#download .movie .span_9{
 margin-top: 0;
}
#download .movie .span_15{
 padding-top: 34.99%; /* h338/w600*span_15の.62125％*/
}
#download .postcard .picArea .mask span {
 letter-spacing: .1em;
}
}
/* *******************************************************************　*/
/* 年間購読特典 ******************************************************　*/
/* *******************************************************************　*/

#privilege h1.pageTtl{
 color: #d75757;
}
#privilege .recipe,
#privilege .wallpaper,
#privilege .postcard,
#privilege .movie{
 background: #fff7ea;
 margin-bottom: 2em;
 padding: 1.5em 2em;
}
#privilege .recipe h2,
#privilege .wallpaper h2,
#privilege .postcard h2,
#privilege .movie h2{
 border-bottom: 1px dashed #999;
 margin-bottom: 1em;
 padding-bottom: .5em;
}
#privilege .recipe h2::before,
#privilege .wallpaper h2::before,
#privilege .postcard h2::before,
#privilege .movie h2::before{
 color: #d75757;
 content: "\f06b\00a0";
 font-family: "FontAwesome";
 font-size: 23px;
 /*font-size: 2.3rem;*/
}
#privilege .recipe h4{
 color: #d75757;
 font-weight: bold;
 margin-bottom: .5em;
}
#privilege .wallpaper h3,
#privilege .postcard h3{
 color: #d75757;
 font-weight: bold;
 padding-left: .5em;
}
#privilege .movie h3{
 color: #d75757;
 font-weight: bold;
 font-size: 16px;
}
#privilege .recipe div.row,
#privilege .wallpaper ul.row,
#privilege .postcard ul.row,
#privilege .movie ul.row{
 border-bottom: 1px dashed #ccc;
 margin: 2em 0;
 padding-bottom: 1em;
}
#privilege .recipe div.row.brdrNone,
#privilege .wallpaper ul.row.brdrNone,
#privilege .postcard ul.row.brdrNone,
#privilege .movie ul.row.brdrNone{
 border-bottom: none;
 margin: 2em 0;
}
#privilege .postcard .picArea{
 display: block;
 overflow: hidden;
 position: relative;
 text-align: center;
}
#privilege .postcard .picArea .mask {
 display: block;
 height: 100%;
 position: absolute;
 top: 35%;
 margin: 0 .5em .2em .2em;
 opacity: 0; 
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
 width: 100%;
}
#privilege .postcard .picArea:hover .mask {
 opacity: 1;
 cursor: pointer;
}
#privilege .postcard .picArea .mask span {
 background: rgba(0,0,0,.9);
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color:  #fff;
 display: inline-block;
 letter-spacing: .01em;
 padding: .5em;
 text-align:  center;
}
#privilege .wallpaper dt{
 border-left: 10px solid #7b70a1;
 margin-left: 1.5em;
 padding-left: .5em;
}
#privilege .wallpaper dd
#privilege .wallpaper img,
#privilege .postcard img{
 padding: 1em;
}
#privilege .wallpaper dd{
 font-size: 13px;
 /*font-size: 1.3rem;*/
 padding: 1em;
}
#privilege .wallpaper dd a{
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 background:#fff;
 border: 1px solid #7b70a1;
 color: #7b70a1;
 display: block;
 padding: 2%;
 margin: 2% 3%;
 text-align: center;
 text-decoration: none;
}
#privilege .wallpaper dd a::after{
 content: "\00a0\f054";
 font-family: "FontAwesome";
}
#privilege .wallpaper dd a:hover{
 background-color: rgba(123,112,161,1);
 color: #fff;
}
#privilege .movie .span_9{
 margin-top: 1em;
}
#privilege .new{
 background: #d75757;
 color: #fff;
 display: inline-block;
 margin-right: .5em;
 padding: .2em .5em;
}
#privilege .movie .info{
 color: #d75757;
 margin-top: 1em;
}
#privilege .movie .info a{
 color: #d75757;
 text-decoration: underline;
}
#privilege .movie .span_9 h4{
 border-bottom: 1px solid #ccc;
 font-weight: bold;
 margin: .5em 0;
 padding-bottom: .5em;
}
#privilege .movie .span_15{
 position: relative;
 padding-top: 56.33%; /* h338/w600*/
}
#privilege .movie .span_15 iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 max-height: 100%;
}
#privilege .recipe .wsArea{
 padding: 1em;
 margin-bottom: 1em;
}
/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 600px) {
#privilege .recipe h2::before,
#privilege .wallpaper h2::before,
#privilege .postcard h2::before,
#privilege .movie h2::before{
 font-size: 40px;
 /*font-size: 4.0rem;*/
}
#privilege .movie .span_9{
 margin-top: 0;
}
#privilege .movie .span_15{
 padding-top: 34.99%; /* h338/w600*span_15の.62125％*/
}
}
/* *******************************************************************　*/
/* コンテスト *********************************************************　*/
/* ********************************************************************　*/
#contest{
}
#contest .pcNo{
 display: block;
}
#contest h3.pageTtl{
 color: rgba(189,97,52,1);
 margin-bottom: 1.5em;
}
#contest section{
 border: 1px dashed #999;
 padding: 1.5em;
 margin-bottom: 1.5em;
}
#contest #contestRequired{
}
#contest #contestRequired img,
#contest #contestRequired h5{
 display: block;
 letter-spacing: 0;
 margin: 0 auto .3em;
 text-align: center;}
#contest #contestRequired ul p{
 font-size: 10px;
 /*font-size: 1.0rem;*/
 letter-spacing: .1em;
 /*line-height: 1.5rem;*/
}
#contest #contestDetail dl{
 background: url(/img/usr/category/quiltjp/back_worksbox.gif) repeat;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin-bottom: 1.5em;
 padding: 1em 2em;
}
#contest #tatamisozai li em{
 color:#885027;
 font-weight: bold;
}
#contest #tatamisozai li em::before,
#contest #gamaguchi li em::before{
 content:"●";
}
#contest #tatamisozai li{
}
#contest #contestDetail dl dt{
 color:#c00;
 font-weight: bold;
}
#contest #contestDetail dl.tatamiberi dt{
 color:#885027;
 font-weight: bold;
}
#contest #gamaguchi li em{
 color:#9a6668;
 font-weight: bold;
}
#contest #contestDetail dl dt{
 color:#c00;
 font-weight: bold;
}
#contest #contestDetail dl.tatamiberi dt{
 color:#885027;
 font-weight: bold;
}
#contest #contestDetail dl.gamaguchiDtl dt{
 color:#9a6668;
 font-weight: bold;
}
#contest #contestDetail dl dt:first-child{
 padding-top: 1em;
}
#contest #contestDetail dl dt::before{
 content:"◆";
}
#contest #contestDetail dl dd{
 padding: 0 .5em 1.2em;
}
#contest #contestDetail dl dd ol li{
 list-style: decimal inside;
}
#contest section.lineNo{
 border: 0;
 padding: 1.5em;
 margin-bottom: 1.5em;
}
#contest section.lineNo .sakuhin{
 padding: 1.5em;
}
#contest .contestArcivesList h2{
 background: rgba(189,97,52,.1);
 border-left: 8px solid rgba(189,97,52,1);
 border-right: 8px solid rgba(189,97,52,1);
 -moz-border-radius: 0 0 20px 0;
 -webkit-border-radius: 0 0 20px 0;
 border-radius: 30px 0 30px 0;
 margin-bottom: 1.2em;
 padding: .5em;
 text-align: left;
}
#contest .relativeTxt{
 background: #fff;
 display: inline-block;
 font-weight: bold;
 margin: -2.5em 0 0 0;
 padding: .05em .5em;
 position: relative;
 top: -1em;
}
#contest .relativeTxt::before{
 font-family: "Font Awesome 5 Free";
 content: "\f521";
}
#contest .prizeBlock1{
 border-bottom: 0;
 border-left: 5px solid #990;
 border-right: 0;
 border-top: 2px solid #990;
 margin: .5em .5em 3em;
 padding: 0 2em 1em;
}
#contest .prizeBlock1 .relativeTxt{
 color:#990;
}
#contest .prizeBlock1 .caption{
 display: block;
 font-size: 13px;
 /*font-size: 1.3rem;*/
 letter-spacing: .1rem;
 /*line-height: 1.1;*/
 margin: 0;
 text-align: right;
}
#contest .prizeBlock2{
 border-bottom: 0;
 border-left: 5px solid #c00;
 border-right: 0;
 border-top: 2px solid #c00;
 margin: .5em .5em 3em;
 padding: 0 2em 1em;
}
#contest .prizeBlock2 .relativeTxt{
 color:#c00;
}
#contest .prizeBlock1 h3,
#contest .prizeBlock2 h3{
 font-weight: bold;
 margin: .5em 0;
}
#contest .prizeBlock1 h3 span,
#contest .prizeBlock2 h3 span{
 display: block;
 font-size: 16px;
 /*font-size: 1.6rem;*/
 font-weight: normal;
 margin: .4em .5em;
}
#contest .prizeBlock1 h4,
#contest .prizeBlock2 h4{
 margin: .5em;
 text-align: right;
}
#contest .prizeBlock1 dt,
#contest .prizeBlock2 dt{
 color:#c00;
 font-weight: bold;
 margin: .5em 0;
}
#contest .prizeBlock1 dd,
#contest .prizeBlock2 dd{
 line-height: 1.4;
}
#contest ul.works3,
#contest ul.works4,
#contest ul.works6,
#contest ul.works8{
 margin-bottom: 1em;
 padding: 1em;
}
#contest .prizeBlock1 div.prizeArea,
#contest .prizeBlock2 div.prizeArea{
 background: url(/img/usr/category/quiltjp/back_worksbox.gif) repeat;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin-bottom: 1.5em;
 padding: 1em;
}
#contest h2,
#contest .prizeBlock1 a,
#contest .prizeBlock2 a{
 display: block;
 text-align: center;
}
#contest h2{
 margin:1em 0;
}
#contest .prizeBlock1 div.heigher,
#contest .prizeBlock2 div.heigher{
 padding: .5em 2em;
}
#contest ul.archivesList li{
 font-size: 14px;
 letter-spacing: 0;
}
#contest ul.archivesList li,
#contest ul.works3 li,
#contest ul.works4 li,
#contest ul.works6 li,
#contest ul.works8 li{
 background: url(/img/usr/category/quiltjp/back_worksbox.gif) repeat;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 display: block;
 padding: .5em;
 margin-bottom: .5em;
}
#contest ul.archivesList li:nth-child(odd),
#contest ul.works4 li:nth-child(4n+1),
#contest ul.works6 li:nth-child(6n+1),
#contest ul.works8 li:nth-child(8n+1){
 margin-left: 0;
}
#contest ul.works3 li.span_8,
#contest ul.works4 li.span_6,
#contest ul.works6 li.span_4,
#contest ul.works8 li.span_3{
 width: 49%;
}
#contest ul.works3 li.span_8 span,
#contest ul.works4 li.span_6 span,
#contest ul.works6 li.span_4 span,
#contest ul.works8 li.span_3 span{
 display: block;
 font-size: 12px;
 /*font-size: 1.2rem;*/
 letter-spacing: .1;
 /*line-height: 1.2;*/
}
#contest ul.works3 li.span_8:nth-child(even),
#contest ul.works4 li.span_6:nth-child(even),
#contest ul.works6 li.span_4:nth-child(even),
#contest ul.works8 li.span_3:nth-child(even){
 margin-left: 2%;
}
#contest ul.archivesList li:hover{
 background: url(/img/usr/category/quiltjp/back_worksbox.gif) repeat;
 cursor: pointer;
}
#contest ul.archivesList li img{
 display: none;
}
#contest #sohyo{
 background: url(/img/usr/category/quiltjp/back_worksbox.gif) repeat;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin: .5em;
 padding: 1em;
}
#contest #sohyo h2{
 border-left: 10px solid #ce2e1d;
 margin: .4em 0;
 padding-left: .4em;
 text-align: left;
}
#contest .prizeBlock2 .toiawase{
 /*background: url(../../images/common/back_worksbox.gif) repeat;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;*/
 border-top: 1px solid #ccc;
 margin: .5em;
 padding: 1em 1em 0;
}
#contest .toGallery{
 background: url(/img/usr/category/quiltjp/back_worksbox.gif) repeat;
 border: 3px solid #b18928;
 margin: 1.5em 1em 2em;
 padding: 0 1em 1em;
}
#contest .toGallery h2{
 border-bottom: 2px dashed #b18928;
 color: #c00;
 padding-bottom: .5em;
}
#contest .toGallery a {
 background: rgba(177,137,40,.8);
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 color: #fff;
 display: block;
 margin: 1em auto;
 padding: .5em;
 text-align: center;
}
#contest .toGallery a:hover {
 background: #c00;
 color: #fff;
}
/******************************************************************/
/******************************************************************/
/******************************************************************/
@media print, screen and (min-width: 600px) {
#contest{
}
#contest .pcNo{
 display: none;
}
#contest .leadTxt{
 margin: 2em;
}
#contest #contestRequired ul p{
 font-size: 12px;
 /*font-size: 1.2rem;*/
 /*line-height: 1.8rem;*/
}
#contest ul.archivesList li{
 font-size: 13px;
 letter-spacing: 0;
}
#contest ul.archivesList li img{
 display: block;
}
#contest .prizeBlock1 div.heigher,
#contest .prizeBlock2 div.heigher{
 padding: 1em 4em;
}
#contest .prizeBlock1 dt,
#contest .prizeBlock2 dt{
 margin: .5em 0;
}
#contest .prizeBlock1 dd,
#contest .prizeBlock2 dd{
 margin: 0 1em;
}
#contest ul.works3 li,
#contest ul.works4 li,
#contest ul.works6 li,
#contest ul.works8 li{
 padding: .5em;
}
#contest ul.works3 li:nth-child(3n+1),
#contest ul.works3 li:nth-child(3n+1):nth-child(even){
 margin-left: 0;
}
#contest ul.works3 li.span_8{
 width: 32.0%;
}
#contest ul.works4 li.span_6{
 width: 23.5%;
}
#contest ul.works6 li.span_4{
 width: 15%;
}
#contest ul.works8 li.span_3{
 width: 10.75%;
}
 
/*新タウン移行　画像サイズ調整のため追記　前田*/
 
.gutters2 .qjcon_pic { 
 width: 15.0%; 
 height: 15.0%;
}
}
@media print, screen and (min-width: 768px) {
#contest ul.archivesList li{
 font-size: 14px;
 letter-spacing: .1;
}
.qjLogo img{
 width: 20vw;
}
}
@media screen and (min-width : 992px) {
.qjLogo img{
 max-width: 200px;
}
}
@media print, screen and (min-width: 1024px) {
#contest ul.archivesList li{
 font-size: 16px;
 letter-spacing: .1;
}
}

/* bootstrap-grid.cssナビゲーション幅調整用 */
.row {
  margin-right: 0;
  margin-left: 0;
}