@charset "utf-8";

@import '/ginza-square/common/css/all.css';
@import '/ginza-square/common/css/styles.css';


/* アテニアショップ -------------------------------------------*/

#service{
     margin-top: 40px;
}
#attenir .btn a {
	background-color: #a50319;
}

#attenir p{
    font-size: 1.8rem;
}


#advice,
#floorservice,
#shopping {
    text-align: center;
}

h4{
    font-size: 140%;
    margin: 20px 0;
}

.ttl{
    margin-top: 60px;
    position: relative;
    display: inline-block;
}
.ttl .pop{
    position: absolute;
    top:-100px;
    left:-100px;
}

.free-pop{
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #7E7F80;
  border-radius: 50%;
  box-sizing: border-box;
}

.free-pop:before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: -8px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #7E7F80;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}



/*ショッピング*/
#shopping .sub-section{
    background-image: url("/ginza-square/attenir/img/2f_pic_shop_01.jpg");
    background-repeat: no-repeat;
    background-position: right;
    height: 360px;
    position: relative;
}

#shopping h4{
    font-size: 2.4rem;
    line-height: 1.6em;
    font-weight: 400;
}

#shopping .discr{
    text-align: left;
    position: absolute;
    top:30px;
    left:60px;
}

#shopping .item-img{
    position: absolute;
    bottom:20px;
    left:90px;
}

/*フロアサービス　全商品取扱*/
#floorservice .sub-section{
    position: relative;
    display: block;
    height: 440px;
}

#floorservice .sub-section .pic{
    position: absolute;
    right:80px;
}

#floorservice .article{
    background-color: #6D0E0F;
    text-align: left;
    color: #fff;
    width: 400px;
    padding: 10px 30px 30px;
    z-index: 3;
    position: absolute;
    left:70px;
    bottom:30px;
}


/*アドバイス*/
#advice h4{
    font-size: 1.8rem;
}
#advice .tow-sq-col{
    width: 390px;
    margin-right: 40px;
    display: inline-block;
    vertical-align: top;
}
#advice .tow-sq-col:nth-child(2){
    margin-right: 0px;
}

#advice .article p{
    text-align: left;
    margin-top: 20px;
line-height: 1.6em;
}
@media (max-width: 580px) {
    #attenir{
        width: 100%;
    }
    #attenir p{
        font-size: 1.4rem;
        text-align: left;
    }
        #shopping .sub-section {
        background-image: url(/ginza-square/attenir/img/2f_pic_shop_01.jpg);
        background-repeat: no-repeat;
        background-position: right;
        height: 300px;
        position: relative;
        overflow: hidden;
    }
        #shopping .sub-section .discr {
        height: 80px;
       text-align: left;
        position: absolute;
        top:220px;
        bottom: 0px;
        right: 0px;
        padding: 0px 15px;
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 70%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    }
#shopping h4 {
font-size: 1.6rem;
}
#shopping .item-img {
display: none;
}
#floorservice{
margin-top: 60px;
}
#advice img{
max-width: 100%;
border: 0 none;
vertical-align: middle;
}
#advice .tow-sq-col {
width: 100%; 
margin-right: 0px;
display: block; 
vertical-align: top;
}
#advice h4{
font-size: 1.6rem;
font-weight: 400;
}
    }