/* コンテンツ共通高さ管理CSS */



/*　設定テンプレート

@media screen and (min-width:1170px) {
パソコン画面用
CSS:解像度が、1170px以上
}

@media screen and (min-width:768px) and ( max-width:1169px) {
タブレット画面用
CSS:解像度が、768px-1169pxの範囲内
}

@media screen and ( max-width:767px) {
スマートフォン画面用
CSS:解像度が、767以下px以上
}
*/


/* top page */

/* ********************************* content-height01 *************************************** */

@media screen and (min-width:1170px) {
.content-height01{
height:500px;
/* border:solid 1px #f00; */
}
}

@media screen and (min-width:768px) and ( max-width:1169px) {
.content-height01{
height:550px;
/* border:solid 1px #f00; */
}
}

@media screen and ( max-width:767px) {
.content-height01{
height:auto;
}
}

/* ********************************* google-map-wrap *************************************** */
/*
.google-map-wrap{
width:200px;
height:300px;
}
*/

@media screen and (min-width:1170px) {
.google-map-wrap{
margin-bottom:100px;
width:95%;
}
.google-map-wrap iframe{
width:100%;
height:300px;
border:solid 1px #808080;
/* border:solid 1px #f00; */
}
}

@media screen and (min-width:768px) and ( max-width:1169px) {
.google-map-wrap{
margin-bottom:100px;
width:100%;
}
.google-map-wrap iframe{
width:90%;
height:300px;
border:solid 1px #808080;
/* border:solid 1px #f00; */
}
}

@media screen and ( max-width:767px) {
.google-map-wrap{
margin-top:50px;
margin-bottom:100px;
width:100%;
}
.google-map-wrap iframe{
width:90%;
height:300px;
border:solid 1px #808080;
/* border:solid 1px #f00; */
}
}