@charset "utf-8";
/*
Theme Name:LAW child
Theme URI:http://design-plus1.com/tcd-w/
Description:WordPressテーマ「LAW」の自作子テーマです。
Template:law_tcd031
Author:
Author URI:http://design-plus1.com/tcd-w/
Version:3.1
*/

/* 親テーマのスタイルをインポート */
@import url("../law_tcd031/style.css");

/* 子テーマ用のカスタマイズをここに記述 */
/*------------- share_top2 & share_btm4 button_color -------------*/
/* X */
#share_top2 ul.type2 li.twitter a, #share_btm2 ul.type4 li.twitter a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.twitter a:hover, #share_btm2 ul.type4 li.twitter a:hover { color:#fff !important; background-color:#222 !important; }
/* Facebook */
#share_top2 ul.type2 li.facebook a, #share_btm2 ul.type4 li.facebook a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.facebook a:hover, #share_btm2 ul.type4 li.facebook a:hover { color:#fff !important; background-color:#35629a !important; }
/* Google+ */
#share_top2 ul.type2 li.googleplus a, #share_btm2 ul.type4 li.googleplus a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.googleplus a:hover, #share_btm2 ul.type4 li.googleplus a:hover { color:#fff !important; background-color:#dd4b39 !important;}
#share_top2 ul.type2 li.googleplus a i, #share_btm2 ul.type4 li.googleplus a i { top:4px; }
/* Hatena */
#share_top2 ul.type2 li.hatebu a, #share_btm2 ul.type4 li.hatebu a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.hatebu a:hover, #share_btm2 ul.type4 li.hatebu a:hover { color:#fff !important; background-color:#3c7dd1 !important;}
/* Pocket */
#share_top2 ul.type2 li.pocket a, #share_btm2 ul.type4 li.pocket a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pocket a:hover, #share_btm2 ul.type4 li.pocket a:hover { color:#fff !important; background-color:#ee4056 !important; }
/* rss */
#share_top2 ul.type2 li.rss a, #share_btm2 ul.type4 li.rss a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.rss a:hover, #share_btm2 ul.type4 li.rss a:hover { color:#fff !important; background-color:#ff8c00 !important; }
/* Feedly */
#share_top2 ul.type2 li.feedly a, #share_btm2 ul.type4 li.feedly a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.feedly a:hover, #share_btm2 ul.type4 li.feedly a:hover { color:#fff !important; background-color:#6cc655 !important; }
/* Pinterest */
#share_top2 ul.type2 li.pinterest a, #share_btm2 ul.type4 li.pinterest a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pinterest a:hover, #share_btm2 ul.type4 li.pinterest a:hover { color:#fff !important; background-color:#d4121c !important; }






@media screen and (min-width:0px) and ( max-width:600px){
  /* ****** 追加 ****** */
  /* ----------------------------------------------------------------------
	 ヘッダー
	---------------------------------------------------------------------- */
	#header { position:relative; margin:0 auto; text-align:center; z-index:9; padding:20px 0;  border-bottom:4px solid #000; }


  /* ----------------------------------------------------------------------
	 弁護士
	---------------------------------------------------------------------- */
	#staff_archive .desc_area .desc { margin:0 0 30px 0; }
	#staff_archive .desc_area .desc p { line-height:220%; /*font-size:12px;*/ }
	#archive_staff_list { margin:0; padding:0; position:relative; }
	#archive_staff_list li { margin:0 0 15px 0; }
	#archive_staff_list .link {
	  padding:15px; background:#f4f4f4; display:block; text-decoration:none; color:#333;
	}
	#archive_staff_list .link:hover { background:#1c68b4; color:#fff; }
	#archive_staff_list .image { width:100%; height:auto; display:block; margin:0 0 15px 0; }
	#archive_staff_list .image img { width:100%; height:auto; display:block; }
	#archive_staff_list .title { font-size:18px; margin:0 0 15px 0; display:block; font-weight:bold; }
	#archive_staff_list .desc { }
	#archive_staff_list .desc p { line-height:180%; font-size:11px; }

	#staff_single { }
	#staff_image { margin:0 0 30px 0; }
	#staff_image img {
	  width:100%; height:auto; display:block; border:13px solid #f4f4f4;
	  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	}
	#staff_info {background: #f2f2f2;padding:20px 20px 30px 20px; }
	#staff_name { font-size:18px; margin:0 0 10px 0; font-weight:bold; line-height:160%; border-bottom:1px dotted #ccc; padding:0 0 10px 0; }
	#staff_name span { font-size:16px; padding:0 0 0 30px; }
	#staff_single .post_content { margin:0 0 -30px 0; padding:0; /*font-size: 12px;*/ }
	#staff_info dl{ width: 100%; }
	#staff_info dt{ width: 3em;background: #6c6c6c;font-size:14px;color:#ffffff;float:left;text-align: center;font-weight: 400; }
	#staff_info dd{ margin-left:4em;line-height:1.4;padding-top:0.3em; }


  .font_serif{font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
  #logo_image_mobile img{width: 90%;}
  .btn_big { margin:28px auto;width:100%; }
  .btn_big a{ display:block;font-size:18px;text-align:center;padding:0 10px;line-height: 60px;background:#222439;color: #ffffff; }


  /* 対応実績 */
  #index_map_headline { font-size:15px; font-weight:400; padding:0px 15px; height: 45px; line-height: 45px; margin:0; background:#282c45; color:#fff; position:relative; }
  #index_map_headline span { }
  #index_map { background:#ffffff; padding:20px 15px; overflow:hidden; margin:0 0 10px 0; }
  #index_map_inner { margin:0 auto; }
  #index_map_inner .right_box{ text-align: center;margin-bottom:30px; }
  #index_map_inner .right_box img{ width:80%; }
  .index_map_ttl{font-size:28px;margin-bottom:20px;font-weight:400;text-align: center;}
  .index_map_txt{font-size:16px;color:#003b79;line-height: 1.5em;text-align: center;}
  .index_map_list_dl{margin-top:30px;}
  .index_map_list_dl dt{font-weight:bold;clear:both;float:left;width:80px;text-align:right;color:#003b79;margin:0px 0px 20px 0px;}
  .index_map_list_dl dd{width:auto;margin:0px 0px 20px 100px;}

  /* 会社概要 */
  #index_company_headline { font-size:15px; font-weight:400; padding:0px 15px; height: 45px; line-height: 45px; margin:0; background:#282c45; color:#fff; position:relative; }
  #index_company_headline span { }
  #index_company { background:#eeeeee; padding:20px 15px; overflow:hidden; margin:0; }
  #index_company_inner { margin:0 auto; }
  .index_company_data{background:#ffffff;border:1px solid #dddddd;}
  .index_company_data tr{margin:0;}
  .index_company_data th{line-height:1.4em;text-align:left;border-bottom:1px solid #eeeeee;padding:10px;color:#222439;}
  .index_company_data td{line-height:1.4em;text-align:left;border-bottom:1px solid #eeeeee;padding:10px;}
  .index_company_data td .data_box{margin-bottom:30px;}
  .index_company_data td .data_box .address{font-size:80%;margin:10px 0;}

  /* 系列企業 */
  #index_group_headline { font-size:15px; font-weight:400; padding:0px 15px; height: 45px; line-height: 45px; margin:0; background:#282c45; color:#fff; position:relative; }
  #index_group_headline span { }
  #index_group { background:#ffffff; padding:20px 15px; overflow:hidden; margin:0; }
  #index_group_inner { margin:0 auto; }
  .bn_list { margin:0 auto;padding: 0; }
  .bn_list li{ margin:10px auto; }
  .bn_list li img{ width: 100%; }

  /* スタッフ */
  #staff_single{margin-bottom:50px;}
  #index_staff .link_button_wrap {  display: block; }


  /* お問い合わせ */
  #index_contact_headline { font-size:15px; font-weight:400; padding:0px 15px; height: 45px; line-height: 45px; margin:0; background:#282c45; color:#fff; position:relative; }
  #index_contact_headline span { }
  #index_contact { background:#eeeeee; padding:20px 15px; overflow:hidden; margin:0 0 0px 0; }
  #index_contact_inner { margin:0 auto; }
  #index_contact_inner { width:100%; margin:0 auto; }
  #index_contact_inner .txt{ text-align: center;line-height: 1.4em; }
  .wpcf7{background: none;border: none;}
  .wpcf7 dl {
    overflow:hidden;
    position: relative;
  }

  .wpcf7 dl dt {
    color: white;
    margin: 10px 0 15px;
    color:#212439;
  }

  .wpcf7 dl dd {
    margin: 0 0 15px 0px;

  }

  .wpcf7 dl dd input {
    background: #ffffff;
    border: 1px solid #212439;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    font-size: 110%;
    width: 100%;
  }

  .wpcf7 dl dd textarea {
    background: #ffffff;
    border: 1px solid #212439;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    font-size: 110%;
    width: 100%;
    height: 10em;
  }

  .wpcf7 input[type="submit"] {
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    margin: 0 auto;
    appearance: none;
    background: #212439;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-transition: 0.3s ease-in-out;  
      -o-transition: 0.3s ease-in-out;  
      -ms-transition: 0.3s ease-in-out;  
      transition: 0.3s ease-in-out;  
      -webkit-transition: 0.3s ease-in-out; 
      cursor: pointer; 
  }

  .parts_tel_contact{
    background: #eeeeee;
    padding:10px;
    margin-bottom:50px;
  }
  .parts_tel_contact_inner{
    background: #ffffff;
    padding:10px;
    border: 1px solid #ddd;
  }
  .parts_tel_contact .ttl{font-size:18px;margin:20px auto;text-align: center;font-weight: 400;}
  .parts_tel_contact .tel_list{font-size:14px;margin:20px auto;width: 240px;}
  .parts_tel_contact .tel_list li{margin-bottom:10px;}
  .parts_tel_contact .tel_list .area{float:left;display: block;line-height: 28px;}
  .parts_tel_contact .tel_list .tel{display: block;margin:0 0 0 60px;font-size:28px;}
  .parts_tel_contact .time{text-align: center;}
  .parts_tel_contact .contact a{text-align:center;margin:20px auto;font-size:12px;color:#ffffff;display: block;width: 80%;height: 40px;line-height: 40px;background: #003b7a;  padding:0 20px;border-radius: 3px;-webkit-border-radius: 3px;_}


  #footer_top{height: 250px;}
  .footer_sns{ margin:0px auto 20px auto; }
  .footer_sns .fb a{ width: 32px;height: 32px;display: inline-block;background: #bbbbbb;  }
  .footer_copy{ color:#bbbbbb;font-size:10px;font-weight: 400;  }

  .pt_user{background: #eaeaea;padding:26px;margin:40px 20px;}
  .pt_user .image { width:170px; height:auto; display:block; margin:0 auto;  }

  .pt_layout3 .headline2{border-bottom:1px solid #c0c0c0; }
  .pt_layout3-user{clear: both;margin: 0 15px 30px;}
  .pt_layout3-user .image{width: 100%;height: auto;display: block;margin: 0 0 15px 0;}
  .pt_layout3-user.left .headline2{border-bottom:1px solid #c0c0c0; }
  .pt_layout3-user.right .headline2{border-bottom:1px solid #c0c0c0; }
  .pt_layout3-user .desc{line-height: 220%;margin: 0}
  .profile_box .name{font-size:22px;margin:20px 0;}
  .profile_box .name span{font-size:14px;display: block;margin-top:10px;}
  .profile_box .profile{font-size:12px;line-height: 1.4;}


  .display_pc{display: none;}


}