@charset "utf-8";
/*
Theme Name: Mendoza and Pangan	
Theme URI: http://mplaw-jp.com/
Description: A DIFFERENT KIND OF LAW FIRM.
Version: 1.0
Author: WEB MAKATI
Author URI: http://www.web-makati.com/
License: GNU General Public License
*/
/* ----------------------------------
              COMMON
---------------------------------- */
body { margin:0px auto 0px auto;
       font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
       background:#fff;}
header,section,article,aside,footer{ 	display: block;}
img{ margin:0;padding:0;border:none;display:block;vertical-align:middle;}
ul,ol{	margin:0;padding:0;list-style:none;list-style-position:outside;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
p{ margin:0;padding:0;}
div{ 	margin:0;padding:0;}
span .red { color:#ff0000; }
  @media screen and (max-width : 480px) { 
     br.sp { display:none; }
  }
/* ----------------------------------
           COMMON LINK
---------------------------------- */
a:link{ color:#333;text-decoration:none;transition: .2s;}
a:visited{ color:#333;text-decoration:none;}
a:hover{ color:#ff0000;	text-decoration:none;}
/* ----------------------------------
          ClearFix
---------------------------------- */
.cf:after {  display:block; height:0;  visibility:hidden;
            clear:both;   content:".";}
/* 追加 MacIE 5 と WinIE 7 向け */
/*MacIE \*/
* html .cf{ height:1em;}
/* ----------------------------------
       CONTAINER --> START
---------------------------------- */
img{ max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;　}
/*-------------------------------------
	    Clear Fix
-------------------------------------*/
.cf { clear:both;}
.cf:after {  content: "";  display: block;   clear: both; }
/*-------------------------------------
	     Header
-------------------------------------*/
body { width:100%;margin:0px;font-size:12px;}
header { width:100%;background-color:#ebebeb; }
#header-inner { margin: 0 auto;   padding: 0 15px;  position: relative;  width: 930px; }
.header-left { padding-top:38px;float:left;width:60%; }
.header-right { float: right;  margin-top: 45px;  width: 40%; }

h1  { color: #d7d7d7;  font-size: 54px; line-height: 78px; 
          margin:40px 80px 30px 0;padding-bottom:30px; }
h1.pages  { font-size: 38px; }
h1.Practis { font-size:42px; line-height:66px; }
h1.Services { font-size:58px; line-height:80px; }
h1.Resouces { font-size:42px; line-height:66px; }
h1.Contact { font-size:34px; line-height:66px; }

  @media screen and (max-width : 768px){ 
    #header-inner { width:calc(100% - 30px); }
    h1{ font-size :40px;width:70%;margin:40px auto;line-height:40px; } 
  }
  @media screen and (max-width : 480px) { 
    #header-inner { padding:0 0; width:100%; }
    .header-left { padding-top:0px;float:none;width:100%; }
    .header-right { float: none;  margin-top: 45px;  width: 100%; }
    h1{ font-size :30px; width:90%;margin:20px auto;line-height:40px; } 
    h1.Practis { font-size:30px; line-height:40px; }
    h1.Services { font-size:30px; line-height:40px; }
    h1.Resouces { font-size:30px; line-height:40px; }
    h1.Contact { font-size:30px; line-height:40px; }
  }

/* ----------------------------------
              NAVI
---------------------------------- */
nav { clear: both;  display: block;  float: left;  margin: 0 auto 20px auto; 
      position:absolute;top:350px;  } 
nav ul  { height:auto;margin:0px auto 0px auto; }
nav li { font-size:16px; float:left; font-weight:bold; }
nav li a:link { padding:0px 20px;}
nav li a:hover { color:#ff0000;font-weight:bold;text-decoration:none;background-color:whitesmoke;}
nav li a:visited{ color:#333;text-decoration:none;}
nav li.active { color: #939699;background-color:whitesmoke; }
nav li.active a:link { color: #939699; }
nav li.active a:visited { color:#939699;text-decoration:none;}


  @media screen and (min-width : 481px){
     nav ul.sub-menu { display:none;}
  }
  @media screen and (max-width : 480px){
     #logo { padding:58px 0 0 27px; }
     nav { position: fixed;  top: 0; right:0; width:100%;height:40px;background:#323333; }
     nav.open { height:40px;-webkit-transition: .5s linear; 	transition: .5s linear; 
                background:#323333 url(/image/menu.png)  no-repeat; background-position: right 3pt top 6pt; }
     nav.close { width:100%;height:100%; -webkit-transition: .5s linear; transition: .5s linear; 
                 background:rgba(51,51,51,0.5) url(/image/menuC.png) no-repeat;background-position: right 3pt top 6pt; }
     nav ul.parent { list-style:none; padding:5px 0 0 0; height:auto; margin:-550px auto 0px auto;width:100%; }
     nav ul.parent:first-child {  }
     nav.close ul.parent { margin-top:0px;background:#323333;-webkit-transition: .5s linear; 	transition: .5s linear;  }
     nav ul.sub-menu { padding-left:20px; }
     nav ul.parent li { color:#fff;font-size: 14px;font-weight: bold;background: #323333 none repeat scroll 0% 0%;
             width: 50%;padding:10px 0px 10px 20px;}
     nav ul.parent li a:link { color:#fff; }
     nav ul.parent li a:visited { color:#fff; }
  }


/*-------------------------------------
	   Main Contents
-------------------------------------*/
main { width:100%;background:whitesmoke; }
article { margin: 0 auto;  padding: 0 15px;  width:930px; }
#main-left { float:left; width:calc(40% - 30px); padding:40px 15px;margin:0px;  }
#main-right { float:right; width:calc(60% - 95px); padding:40px 25px 20px 25px;margin:0 30px 0 15px; background:#e61e31; }
main h2 { font-size:18px;line-height:28px;margin-bottom:6px; }
main h2.mid-right { color:#fff; }
article p { line-height:2em; }
main a.more { background: url(/image/arrow.png) 100% 30% no-repeat; color: #111111; font-weight: bold;
         padding-right: 20px; }
main a.more:hover { color:#ff0000;	text-decoration:none;}

main a.Contact { color: #fff;  }
main a.Contact:hover { color:#ccc;	text-decoration:none;}

  @media screen and (max-width : 768px){
    article { width:calc(100% - 15px);margin:0px;padding-right:0px; }
    #main-right { float:right; width:calc(60% - 80px); margin:0; }
  }
  @media screen and (max-width : 480px){
    article { width:100%;padding:0px; }
    #main-left { float:none; width:92%;padding:20px 4%; }
    #main-right { float:none; width:92%;padding:20px 4%; }
  }


/*-------------------------------------
	     Aside
-------------------------------------*/
aside { width:100%;background-color:#272d32;color:#e1e1e1; }
#mid-con {  margin: 0 auto;  padding: 40px 15px;  width:930px; }
#mid-left { float:left; width:36%; }
#mid-right { float:right; width:58%; }
aside h2.mid-left a { color:#e61e31; }
aside h2.mid-left a:visited { color:#e61e31; }
aside h2.mid-left a:hover { color:#fff; }
aside h2.mid-right a { color:#e1e1e1; }
aside h2.mid-right a:visited { color:#e1e1e1; }
aside h2.mid-right a:hover { color:#fff; }
aside h3 { line-height:40px;margin-left:20px; }
#mid-left ul.mid-d-left {  float:left;width:30%;margin:0 10%; }
#mid-left ul.mid-d-right {  float:right;width:30%;margin:0 10%; }
#mid-left li { line-height:25px; border-bottom:#ccc 1px solid; }
#mid-left li a.more { background: url(/image/arrow.png) 100% 30% no-repeat; color: #e1e1e1; font-weight: bold;
         padding-right: 20px; }
#mid-left li a.more:hover { color:#ff0000;	text-decoration:none;}
aside a.more { background: url(/image/arrow.png) 100% 30% no-repeat; color: #e1e1e1; font-weight: bold;
         padding-right: 20px; }
aside a.more:hover { color:#ff0000;	text-decoration:none;}
aside h4.mid-left { color:#e1e1e1;font-size:16px;line-height:40px; }
aside h4.mid-left a { color:#e1e1e1; }
aside h4.mid-left a:hover { color:#fff; }
aside p { line-height:2em; }

  @media screen and (max-width : 768px){
    #mid-con {   width:calc(100% - 30px); }
  }
  @media screen and (max-width : 480px){
    #mid-left { float:none; width:98%;padding:20px 1%; }
    #mid-right { clear:both;float:none; width:98%;padding:50px 1% 20px; }
  }
/*-------------------------------------
	     Single Post
-------------------------------------*/
#post-left { float:left; width:calc(40% - 30px); padding:40px 15px;margin:0px;font-size:14px;  }
#post-left h2 { border-bottom:1px #fff solid; } 
#post-left p { line-height:40px; border-bottom:1px #fff solid;}
#post-left p a:link { padding:10px 10px; }
#post-left p a:visited{ color:#333;text-decoration:none;}
#post-left p a:hover { color:#333;text-decoration:none; background:#fff; }
#post-left p.contactAddress { font-size:12px;line-height:1.5em; padding:10px 0; }
#post-left p.contactAddress a:link { color:#e61e31; padding-left:0px; }
#post-left p.contactAddress a:hover { color:#333; background:none; }

#post-right { float:right; width:calc(60% - 95px); padding:40px 25px 20px 25px;margin:0 30px 0 15px; }
#post-right h3 { padding:10px 0; font-size:18px; }
#post-right .latestNews h3 { padding:10px 0; font-size:16px; }
#post-right .latestNews p { line-height:1.7em; padding:5px 0; }

#post-right .latestNewsBody { width:90%; margin:10px auto; }
#post-right .latestNewsCon { margin-bottom:7px;padding-bottom:7px;border-bottom:#ccc 1px solid; }

#post-right ul.post-style1 li { line-height:30px;    border-bottom: 1px #ccc solid; }
#post-right .main-post { margin-bottom:40px; }

#team-memberA { clear:both; background:#f5f5f5; padding-top:30px; }
.team-member-left { float:left; width:36%; }
.img-right { margin-left: auto; }
.team-member-right { float:right; width: calc(60% - 95px); padding: 0px 25px 20px 25px; margin: 0 30px 0 15px; }
#team-memberB { clear:both; background:#ebebeb; padding-top:30px; }
.litigation-left { float:left; width:40%; margin:5px 20px; border-bottom:1px #ccc solid; }
.litigation-right { float:left; width:40%; margin:5px 20px; border-bottom:1px #ccc solid;}

  @media screen and (max-width : 768px){
    article { width:calc(100% - 15px);margin:0px;padding-right:0px; }
    #post-right { float:right; width:calc(60% - 80px); margin:0; }
  }
  @media screen and (max-width : 480px){
    article { width:100%;padding:0px; }
    #post-left { float:none; width:92%;padding:20px 4%; }
    #post-right { float:none; width:92%;padding:20px 4%; }
    .team-member-left { float:none; width:90%; }
    .img-right { margin:0 auto;; }
    .team-member-right { float:none; width: calc(100% - 95px); padding: 0px 25px 20px 25px; margin: 0 30px 0 15px; }
    .litigation-left { float:none; width:85%; margin:5px 5%; border-bottom:1px #ccc solid; }
    .litigation-right { float:none; width:85%; margin:5px 5%; border-bottom:1px #ccc solid;}
  }


/*-------------------------------------
	     Page Navi
-------------------------------------*/
#post-right nav.navigation { position:static; font-size:16px; font-weight:bold; }
#post-right .nav-links { padding:0 5px; }
#post-right h2.screen-reader-text { display:none; }
#post-right div a.prev { display:none; }
#post-right div a.next { display:none; }
#post-right span.page-numbers { padding:0 5px; }
#post-right div a.page-numbers { color:#e61e31; padding:0 5px; }
  @media screen and (max-width : 480px){
    #post-right nav.navigation { background:none; font-size:20px; }
    #post-right .nav-links { padding:0 10px; }
    #post-right span.page-numbers { padding:0 10px; }
    #post-right div a.page-numbers { padding:0 10px; }
  }
/*-------------------------------------
	     Contact
-------------------------------------*/
#contactForm { width:100%; }
#contactForm input, #contactForm textarea { border:none; margin:4px 0; padding-left:5px;}
#contactForm input { width:60%; height:30px; }
#contactForm textarea { width:100%; height:180px; }
#contactForm p.send { text-align:right; }
#contactForm input.submit { color:#fff; width:100px; height:40px; background:#323333; cursor:pointer; }
#contactForm input.submit:hover { background:#ff0000; }

.contact-contents { margin-left:50px;line-height:2.8em; }
table.formTable{ width:100%;margin:0 auto;border-collapse:collapse;}
table.formTable td,table.formTable th{	border:1px solid #ccc;	padding:10px;}
table.formTable th{ width:35%;font-weight:normal;background:#efefef;text-align:left;}
.contact-confirm { margin:20px 0px 20px 100px;line-height:40px; }
/*-------------------------------------
	     Footer
-------------------------------------*/
footer { width:100%;padding:32px 0; background:whitesmoke; }
#footer-inner { margin: 0 auto;  padding: 0 15px;  width:930px; }
.footer-left { float:left; width:40%; }
.footer-mid { float:left; width:30%; }
.footer-right { float:right; width:30%; }

  @media screen and (max-width : 768px){
    #footer-inner { width:calc(100% - 30px); }
  }
  @media screen and (max-width : 480px){
    .footer-left { float:none; width:95%;padding:20px 5%; }
    .footer-mid { float:none; width:95%;padding:20px 5%; }
    .footer-right { float:none; width:95%;padding:20px 5%; }
}