@charset "utf-8";
/* default */
@import url(https://fonts.googleapis.com/css?family=Cinzel|M+PLUS+1p:700&display=swap);
@import url("/css/usr/shared/responsive/lightbox.min.css");
@import url("/css/usr/nv/bootstrap-grid.css");
/*@import url("normalize.css");*/
@import url("common.css");

/* 共通 ************************************************************/
.block-category-list--header, .block-category-list--promotion-freespace, .block-category-list--promotion-freespace{display: none; height:0;}
.block-category-list--comment{display: none; border-bottom: 0; height:0;}
.ideesLogo{
 min-height: 0%;
}
.ideesLogo img{
 display: block;
 min-height: 0%;
 margin: 1.5em auto;
 text-align: center;
 width: 50%;
 max-width: 250px;
}
/* TOP＆SHOPPING ************************************************************/
.container-fluid.containerIdees .row,
.container-fluid.shoppingWrap .row{
 margin: 0 0 1.5em;
 line-height:0;
}
.container-fluid.containerIdees img,
.container-fluid.shoppingWrap img{
 margin: 0;
}
.container-fluid.containerIdees .picArea,
.container-fluid.shoppingWrap .picArea{
 display: block;
 line-height: 0;
 overflow: hidden;
 position: relative;
}
.container-fluid.containerIdees .picArea p,
.container-fluid.shoppingWrap .picArea p{
 margin: 0;
 padding: 0;
}
.container-fluid.containerIdees .picArea a,
.container-fluid.shoppingWrap .picArea a{
 margin: 0;
 padding: 0;
}
.container-fluid.containerIdees .picArea img,
.container-fluid.shoppingWrap .picArea img{
 margin: 0;
 padding: 0;
}
.container-fluid.containerIdees .col-sm-6.parent,
.container-fluid.shoppingWrap .col-sm-6.parent{
 padding: 0;
}
.container-fluid.containerIdees .col-sm-3,
.container-fluid.containerIdees .col-sm-4,
.container-fluid.containerIdees .col-sm-6,
.container-fluid.containerIdees .col-sm-8,
.container-fluid.containerIdees .col-sm-12,
.container-fluid.shoppingWrap .col-sm-3,
.container-fluid.shoppingWrap .col-sm-4,
.container-fluid.shoppingWrap .col-sm-6,
.container-fluid.shoppingWrap .col-sm-8,
.container-fluid.shoppingWrap .col-sm-12{
 padding: 7px ;
}
.container-fluid.containerIdees .picArea .mask,
.container-fluid.shoppingWrap .picArea .mask{
 display: block;
}
.container-fluid.containerIdees .picArea:hover .mask,
.container-fluid.shoppingWrap .picArea:hover .mask{
 /*background: rgba(255,255,255,.7);*/
 opacity: 1;
 cursor: pointer;
}
.container-fluid.containerIdees .picArea .mask span,
.container-fluid.shoppingWrap .picArea .mask span{
 display: inline-block;
 font-family:'M PLUS 1p','メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 font-size: 12px;
 letter-spacing: .01em;
 line-height:1.4;
 margin-right: 15px;
 padding: 1em;
}
.container-fluid.containerIdees a.btnIdees{
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 display: block;
 font-size: 13px;
 margin: 1.5em auto;
 padding: 1em;
 text-align: center;
 text-decoration: none;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease;
 width: 100%;
}
.container-fluid.containerIdees a.btnIdees:hover{
 color: #fff;
}
/* TOP SNSボタン *************************** */
.container-fluid.containerIdees .snsBtn2 a{
 background: #bbbbbb;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 color: #fff;
 display: inline-block;
 font-size: 14px;
 letter-spacing: 0;
 margin: 2em .3em .5em;
 padding: .3em .8em;
 text-align: center;
 text-decoration: none;
}
.container-fluid.containerIdees .snsBtn2 a.facebook:hover{
 background: #3b5998;
}
.container-fluid.containerIdees .snsBtn2 a.instagram:hover{
 background: #dd2a7b;
}
.container-fluid.containerIdees .snsBtn2 a i{
 font-size: 20px;
}
.container-fluid.containerIdees .spNone{
 display: none;
}
/* SHOPPING ********************************************************/

.container-fluid.shoppingWrap h1.ttl {
 margin: 1em 0;
 position: relative;
 padding: 1em 0;
}
.container-fluid.shoppingWrap h1.ttl small {
 display: block;
 font-size: 18px;
 line-height: 1.3;
 padding-top: .8em;
}
.container-fluid.shoppingWrap h1.ttl::before,
.container-fluid.shoppingWrap h1.ttl::after {
 position: absolute;
 left: 0;
 content: '';
 width: 100%;
 height: 6px;
 box-sizing: border-box;
}
.container-fluid.shoppingWrap h1.ttl::before {
 top: 0;
 border-top: 2px solid #444444;
 border-bottom: 1px solid #444444;
}
.container-fluid.shoppingWrap h1.ttl::after {
 bottom: 0;
 border-top: 1px solid #444444;
 border-bottom: 2px solid #444444;
}
.container-fluid.shoppingWrap .shoppingContents .shoppingLead {
 display: block;
 font-size: 13px;
 text-align: right;
}
.container-fluid.shoppingWrap .shoppingContents .shoppingLead em {
 color: #963;
 font-style: normal;
 font-family: 'Cinzel', serif;
 font-size: 16px;
}
.container-fluid.shoppingWrap .shoppingContents .row{
 margin: 0;
 line-height:0;
}
.container-fluid.shoppingWrap .shoppingContents a.buttonShop{
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 display: block;
 margin: 1.5em auto;
 padding: 1em;
 text-align: center;
 text-decoration: none;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease;
 width: 100%;
}
.container-fluid.shoppingWrap .shoppingContents a.buttonShop:hover{
 color: #fff;
}
.container-fluid .shoppingContents a.buttonShop{
 border: 1px solid #954d86;
 color: #954d86;
 }
.container-fluid .shoppingContents a.buttonShop:hover{
 background: #954d86;
 }
.container-fluid.shoppingWrap .shoppingContents .picArea{
 font-weight: bold;
}

/* *******************************************************************　*/
/* *******************************************************************　*/
/* *******************************************************************　*/
@media print, screen and (min-width: 600px) {
.container-fluid.containerIdees .picArea .mask,
.container-fluid.shoppingWrap .picArea .mask{
 display: block;
 height:  100%;
 position: absolute;
 top:  0;
 margin: 0;
 opacity: 0; 
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
 width:  100%;
}
.container-fluid.containerIdees .picArea:hover .mask,
.container-fluid.shoppingWrap .picArea:hover .mask{
 background: rgba(255,255,255,.7);
 opacity: 1;
 cursor: pointer;
}
/* SHOPPING ********************************************************/
.container-fluid.shoppingWrap .shoppingContents .picArea .mask span {
 display: block;
 letter-spacing: .01em;
 line-height:1.4;
 padding: 1em;
}
.container-fluid.shoppingWrap .shoppingContents .picArea .mask span{
 font-size: 16px;
}
.container-fluid.shoppingWrap .shoppingContents .col-sm-3.picArea .mask span,
.container-fluid.shoppingWrap .shoppingContents .parent .picArea .mask span{
 font-size: 10px;
}
}
/* *******************************************************************　*/
/* *******************************************************************　*/
/* *******************************************************************　*/
@media screen and (min-width : 700px) {
.container-fluid.shoppingWrap .shoppingContents .col-sm-3.picArea .mask span,
.container-fluid.shoppingWrap .shoppingContents .parent .picArea .mask span{
 font-size: 13px;
}
}
/* *******************************************************************　*/
/* *******************************************************************　*/
/* *******************************************************************　*/
@media screen and (min-width : 1024px) {
.ideesLogo img{
 max-width: 300px;
 width: 30%;
}
.container-fluid.containerIdees .picArea .mask span,
.container-fluid.shoppingWrap .picArea .mask span{
 font-size: 16px;
}
/* SHOPPING ********************************************************/
.container-fluid.shoppingWrap .shoppingContents .picArea .mask span {
 font-size: 20px;
 padding: 2em 2em 1em;
}
.container-fluid.shoppingWrap .shoppingContents .col-sm-3.picArea .mask span,
.container-fluid.shoppingWrap .shoppingContents .parent .picArea .mask span {
 font-size: 16px;
 padding: 2em 2em 1em;
}
.container-fluid.shoppingWrap .shoppingContents .picArea .mask span {
 font-size: 20px;
 padding: 2em 2em 1em;
}
.container-fluid.shoppingWrap .shoppingContents .shoppingLead em {
 font-size: 30px;
}
}