@charset "UTF-8";
/* CSS Document */
/* ここからスタイル開始
------------------------------------------------------------*/
/* 通常のスタイルはここに
------------------------------------------------------------*/


/* 全ページ共通
-------------------*/
#footer {
color:#fff;
}

#footer-inner a {
color:#fff;

}

#Logo {
  width: 100%;
  top: 25%;
}



#header h1 {
  color: #fff;
}

.footer-info-wrap #footer-info p {
display:block;
}


h2.first {

  text-align: left;
}


/* 下層
-------------------*/

#Logo .u_logo {
display:block;
} 

#Logo .u_logo img {
width:25% !important;
} 

.post table th {
color:#fff;
}

h2.title {
  clear: both;
  margin: 0 0 20px;
  padding: 7px 0 7px 8px;
  font-size: 110%;
background: url("/wp-content/uploads/line.png");
  background-repeat: no-repeat;
background-position: right bottom;
}


/* TOP
-------------------*/

#top-greeting-wrap {
color:#fff;
}

#box_Tel {
color:#fff;
}

#box_Tel a {
color:#fff;
}

#box_Tel a:hover {
 color: #d00018;
}
 
.only-top-content-bottom {
  margin-top: 0px;
}


.right-bg {
  height: 100%;
  width: 50%;
  background-repeat: no-repeat;
  right: 0px;
  position: absolute;
  top: 0px;
  background-position: right top;
 background-size:auto 100%;
}

.left-bg {

 background-size:auto 100%;
}


#top-btn-wrap h3 {
text-shadow:1px 1px 1px #fff;

}


/* 　for PC
------------------------------------------------------------*/



@media only screen and (min-width: 1400px) {

#Logo .u_logo img {
width:23% !important;
} 


}

@media only screen and (max-width: 1180px) {

#Logo {
  width: 100%;
  top: 15%;
}
#Logo .u_logo img {
width:35% !important;
} 


}



/* MainMenu iPad size 以下
------------------------------------------------------------*/
@media only screen and (min-width: 480px) {
#mainImg {background: transparent url("http://www.mendokoro--marika.com/wp-content/uploads/sv.jpg") no-repeat scroll center top;
background-size:100%;
height: 60px;
}
}


@media only screen and (max-width: 648px) {
#mainImg {
background: transparent url("http://www.mendokoro--marika.com/wp-content/uploads/sv.jpg") no-repeat scroll center top;
height:80px;
background-size:100%;
}
}



/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (min-width: 649px) {
#mainImg {
background: transparent url("http://www.mendokoro--marika.com/wp-content/uploads/sv.jpg") no-repeat scroll center top;
background-size:cover;
height:250px;
}

}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {





#header #Logo img {
  width: 40%;
margin:0 auto;

}




}

/* width 648px 以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 648px) {

.left65per li {
 color:#313131;

}

#header #Logo img {
  width: 60%;
margin:0 auto;

}

#Logo .u_logo img {
width:60% !important;
} 


}


/* メインメニュー + 検索ボックス iPadサイズ以下から
------------------------------------------------------------*/