/* style.css */
/* company */
/*--------------------------------------*/

/* title */
#title {
    height:400px;
    background-image:url("../images/shop/main_img.jpg");
}
#title h1 {
    color:#ffffff;
}


/* gray block */
.gray_block {
    width:100%;
    max-width:1200px;
    background:#e6e6e6;
    padding:80px 6%;
}
.gray_block .block {
    float:left;
    width:47%;
    margin-right:6%;
    margin-bottom:4%;
}
.gray_block .block:nth-child(even) {
    margin-right:0;
}

#contents .gray_block .block h3 {
    width:100%;
    background:#cccccc;
    line-height:2.2;
    font-size:1.0em;
    font-weight:normal;
}
#contents .gray_block img {
    display:block;
}

#contents .gray_block .block h4 {
    margin-bottom:0.5em;
    text-align:left;
    font-size:1.2em;
    font-weight:bold;
    color:#b60005;
}

#contents .gray_block .block p {
    padding-bottom:1em;
    border-bottom:1px solid #cccccc;
}
#contents .gray_block .block .address {
    float:left;
    text-align:left;
    width:63%;
}
#contents .gray_block .block .address img {
    display:inline-block;
    width:100%;
    max-width:136px;
    height:auto;
    vertical-align:top;
}
#contents .gray_block .block ul {
    float:right;
    width:36%;
    letter-spacing:-0.5em;
}
#contents .gray_block .block ul li {
    display:inline-block;
    width:48%;
    max-width:100px;
    letter-spacing:normal;
}
#contents .gray_block .block ul li:last-child {
    margin-left:4%;
}
#contents .gray_block .block ul li.contact {
}
#contents .gray_block .block ul li.contact a {
    display:block;
    width:100%;
    max-width:103px;
    height:0;
    background:url("../images/shop/icon_contact.png") no-repeat center center;
    background-size:contain;
    padding-top:100%;
    font-size:0;
}
#contents .gray_block .block ul li.contact a:hover {
    background-image:url("../images/shop/icon_contact_o.png");
}


/* modal */
#lean_overlay {
    display:none;
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#000000;
    z-index:100;
}
.modal_close {
    display:block;
    position:absolute;
    top:-34px;
    right:0;
    width:32px;
    height:32px;
    background: url("../images/shop/close.png");
    z-index:101;
    cursor:pointer;
}
#wechat_qr {
    display:none;
    width:80%;
    max-width:480px;
}



/* - 1200px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1200px) {

/* title */
#title {
    height:0;
    background-size:cover;
    padding-top:32%;
}







}
/* - 1200px end */




/* - 860px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 860px) {


/* gray block */
.gray_block {
    width:100%;
    max-width:1200px;
    background:#e6e6e6;
    padding:80px 6%;
}
.gray_block .block {
    float:none;
    width:100%;
    margin-right:0;
    margin-bottom:4%;
}
.gray_block .block:nth-child(even) {
    margin-right:0;
}
.gray_block .block img {
    width:100%;
}



}
/* - 860px end */




/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {










}
/* - 768px end */




/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {

/* title */
#title {
    background-image:url("../images/shop/main_img_sp.jpg");
    padding-top:52.66%;
}





}
/* - 750px end */




/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {








}
/* - 480px end */