@charset "UTF-8";
/* CSS Document */

/*  sp */

/*.heroheader {
    background-size: cover;
	background-position: center;
    width: 100%;
	height:700px;
	background-image:url(http://export.grandg.com/en/wp/wp-content/uploads/2020/02/0W8A8469.jpg);
}*/


.showroom_top {
	/*background-image:url(http://stage.grandg.com/showroom2/images/mainimg_shopinfo.jpg);*/
    background-image: linear-gradient(to right, rgba(67, 67, 67, .5) 0%, rgba(0, 0, 0, .5) 100%), url(../showroom/images/apple02.jpg);
}


.mainimage {
	width: 82%;
	margin:0 auto;
	/*padding-top:100px;*/
}

  .main_copy {
	/*width:80%;*/
	height:auto;
	text-align: center;
}

.main_copy p { 
	font-size: 17px;
	line-height: 1.4;
	margin-top:15px;
}


.text_white {
	color: #FFFFFF;
}

.largeicon {
    font-size:5em!important;
}

/*
.text_black {
	color: #000000;
}

.mt60 {
	margin-top: 60px;
}
*/
/*
.value_div {
	color:#C6A013;
	font-size: 30px;
}
.value {
	font-size: 80px;
	font-family: 'Questrial', sans-serif;
	
}
.text_value {
	font-size: 35px;
	font-weight: 500;
	font-family: 'Questrial', sans-serif;
	
}


.caption_p {
	width:100%;
}
.item-text-only img {
  width: 100%;
}

*/
.item-text, .item-text-only {
	/*
	width:80%;
	margin:0 auto;
	padding:60px 0;
	*/
	/*background: */
}
/*
.item2 .item-text-only:nth-child(2n) {
	background:#eee;
}

.main_copy h2 { 
	font-size: 25px;
	}


.text_inner {
	width:80%;
	margin:0 auto;
	padding:60px 0;
}

.item-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.item-text h2 {
	font-size: 17px;
}

.item-text h3, .item-text-only h3 {
	font-size:22px;
	margin-top:16px; 
	padding-bottom:20px;
}

.item-text p + p, .item-text-only p + p {
	margin-top: 1em;
}
*/


.item-showroom-text h3 {
    font-size: 30px;
    font-feature-settings: "palt";
    margin-bottom: 28px;
}

.item-showroom-text p {
    font-size: 14px;
    line-height: 1.71;
}

.item-showroom-text p +p {
    margin-top: 14px;
}

.showroom_detail {
    margin-top: 33px;
}

.showroom_detail a, .item-webshop a {
    color: #0070c9;
    text-decoration: none;
}
.showroom_detail a:hover, .item-webshop a:hover {
    text-decoration: underline;
}


/* showroom_subcopy */

.showroom_subcopy h2 {
    font-size: 36px;
    line-height: 1.33;
    margin-bottom:30px;
}

/*
.showroom_subcopy {
    width:60%;
    margin:127px auto 100px auto;
    text-align: center;
}
*/

.showroom_subcopy p {
    font-size: 16px;
}



/* showroom_subcopy */

.showroom_store h2 {
    font-size: 36px;
    line-height: 1.33;
    margin-bottom:30px;
    text-align: center;
}
.showroom_store {
    width:60%;
    margin:127px auto 50px auto;
}
.showroom_store p {
    font-size: 16px;
}





.google-map {
position: relative;
/*padding-bottom: 30%; // これが縦横比
height: 0;*/
    width: 100% !important;
    height: 350px !important;
overflow: hidden;
    /*margin-bottom: 110px;*/
    margin-bottom: 50px;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 350px !important;
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
}

.google-map iframe:hover{
 　transition: filter 0.8s ease;
　-webkit-filter: grayscale(0) saturate(2);
　filter: grayscale(0) saturate(2);
}

@media only screen and (max-width: 768px) {
    
    
		.mainimage {
			  height: 500px;
			  width:100%;
			 margin:0 auto;
			overflow: hidden;
			position: relative;

		}
    
    #heroheader {
        box-sizing: border-box;
        background-size: cover;
        background-position: center;
        width: 100%;
        height:500px;
        /* padding-top:40px; */
    }
    
    
      .main_copy h2 { 
          font-size: 41px;
          /*color: #FFFFFF;*/
      }
    
      .main_copy {
        z-index:4;
        position: absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:80%;
        height:auto;
        text-align: center;
    }
    
    
    
    .item-showroom, .item-webshop {
		width:100%;
		margin-bottom: 3em;
	}

    
    .showroom_subcopy {
    width:95%;
   margin:50px auto 30px auto;
    text-align: center;
}
    
    
    .item-showroom-text h3 {
    font-size: 24px;
    font-feature-settings: "palt";
    margin-top:15px;
    margin-bottom: 28px;
}

    
    
	#showroom_content {
        box-sizing: border-box;
        padding:5%;
    }
  .item-showroom-image img {
        width:100%;
    }

    
    .item-webshop img {
        width:100%;
    }
    .item-webshop h3 {
        font-size: 25px;
        margin-top:29px;
        margin-bottom: 18px;
    }
    .item-webshop p {
        font-size: 13px;
        line-height: 2;
    }
    
    
    
    /*  acccess table SP用 */
    
    .access-table {
         box-sizing: border-box;
        width:100%;
        padding:2%;
    }
    .access-table table {
        width:100%;
        border-top: 2px solid #878787;
        margin-bottom: 100px;
        font-size: 18px;
    }
    
    .access-table table tr {
      /*  border-bottom: 1px solid #878787; */
    }
    .access-table table th, .access-table table td {
                box-sizing: border-box;

        display:block;
        padding:1em;
        /*padding-top: 20px;
        padding-bottom: 20px;*/
        width:100%;
    }
    
    /*  // acccess table  */
    
    
}
    




@media only screen and (min-width: 768px) {
    
        .showroom_subcopy {
            width:60%;
            margin:127px auto 100px auto;
            text-align: center;
        }
    
    
    

		.item-showroom {
		width:1000px;
		  display: flex;
		  flex-wrap: wrap;
		  margin-bottom: 67px;
		}
    
		.item-showroom-main {
		width:1000px;
		  display: flex;
		  flex-wrap: wrap;
		  margin-bottom: 67px;
		  flex-direction: row-reverse;
        }

    
    .item-showroom-image {
        width:40%;
        box-sizing: border-box;
        background-color: #fff;
    }
    .item-showroom-image img {
        width:100%;
    }
    
    /*  map  */
    .howto-access {
        /*width:75%;
        margin:0 auto 90px auto;*/
        /*width: 90%;*/
        width: 100%;
        margin: 0 auto;
    }
    
    .howto-access h2 {
        font-size: 36px;
        margin-bottom: 36px;
    }
    .howto-access h3 {
        font-size: 24px;
        margin-bottom: 22px;
    }
    .howto-access p {
        font-size: 16px;
        line-height: 1.8;
    }
    .howto-access p +p {
        /*margin-top: 30px;*/
        margin: 30px 0;
    }
    .mt42 {
        margin-top:40px;
    }
    
    /* //map */
    
    /*  acccess table PC用 */
    
    .access-table {
        width:85%;
        margin:0 auto;
    }
    .access-table table {
        width:100%;
        border-top: 2px solid #878787;
        margin-bottom: 100px;
        font-size: 18px;
    }
    
    .access-table table tr {
        border-bottom: 1px solid #878787;
    }
    .access-table table th, .access-table table td {
            padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .access-table table th {
        width:20%;
    }
    
    
    /*  // acccess table  */
    
    .item-showroom-text {
        width:60%;
        box-sizing: border-box;
        /* background-color:#B5D0DB; */
        padding-left:5%;
    }

    .item-webshop {
        width:30%;
        box-sizing: border-box;
       /* background-color: #D6FFEE; */
        margin-right: 5%;
        margin-bottom: 30px;
    }
    .item-webshop:nth-of-type(3n) {
        margin-right: 0;
    }

    .item-webshop img {
        width:100%;
    }
    
    .item-webshop h3, .item-webshop p {
       /* width:77%;
        margin:0 auto; */
    }
    
    .item-webshop h3 {
        font-size: 25px;
        margin-top:29px;
        margin-bottom: 18px;
    }
    .item-webshop p {
        font-size: 13px;
        line-height: 2;
    }
    
    
    
    
	#showroom_content {
			float: none;
			width: 1000px;
			margin-top: 10px;
			margin:0 auto;
		}
    
    .item-showroom-indiv {
        width:65%;
        background-color:lightpink;
    }
    .item-showroom-indiv img {
        width: 100%;
    }
    
    .item-showroom-concept {
        width:35%;
         background-color:#F4F4F4;
		  display: flex;
		  flex-wrap: wrap;
		  flex: 1;
		 /* justify-content: center;*/
		  align-content: center;
		  align-items: center;        
    }
    .text_inner {
        width:85%;
        margin:0 auto;
    }
    .text_inner p,.text_inner h3 {
        font-size: 16px;
        line-height: 1.8;
    }
    

		.mainimage {
			  height: 500px;
			  /*width:1000px;*/
			 margin:0 auto;
			overflow: hidden;
			position: relative;

		}
    
    #heroheader {
        box-sizing: border-box;
        background-size: cover;
        background-position: center;
        width: 100%;
        height:500px;
        /* padding-top:40px; */
    }
    
		
		  .main_copy {
			z-index:4;
			position: absolute;
			top:50%;
			left:50%;
			transform:translate(-50%,-50%);
			width:80%;
			height:auto;
			text-align: center;
		}
		.main_copy h2 { 
			font-size: 41px;
			/*color: #FFFFFF;*/
		}
		.main_copy p { 
			font-size: 20px;
			line-height: 1.4;
			/*color: #FFFFFF;*/
			margin-top:35px;
		}

		.item {
		width:1100px;
		  display: flex;
		  flex-wrap: wrap;
		  margin-bottom: 2em;
		}
		.item2 {
		width:1100px;
		  display: flex;
		  flex-wrap: wrap;
		  margin-bottom: 2em;
		  flex-direction: row;
		}
		
		
		

		.item:nth-child(odd) {
		  flex-direction: row-reverse;
		}


		.item-image {
		  width: 50%;
		}
		.item-image img {
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		}
		.item-text {
		  display: flex;
		  flex-wrap: wrap;
		  flex: 1;
		 /* justify-content: center;*/
		  align-content: center;
		  align-items: center;
		  padding: 3em;
		  background:#eee;
		}
		
		.item-text h3, .item-text-only h3 {
			font-size:28px;
			line-height: 1.2;
			font-weight: 600;
			padding-bottom:20px;
		}
		.item-text p, .item-text-only p {
		line-height: 1.5;
		font-size: 14px;
		}
		
		.item-text-only {
		  display: flex;
		  width:40%;
		  flex-wrap: wrap;
		 /* flex: 1;*/
		 /* justify-content: center;*/
		  /*align-content: center;
		  align-items: center;*/
		  padding: 3em;
		  background: #eee;
		  margin-bottom: 40px;
		}
		.mr20 {
		margin-right: 21px;
		}
		
		.item-text p + p, .item-text-only p + p {
		  margin-top: 1em;
		}
		
		.item-text-only:nth-child(odd) {
			margin-right: 5%;
		}
		
		.mt20 {
			margin-top:0.5em;
		}




}


.strongbold {
    font-weight: bold;
    font-size: 15px;
}