@charset "UTF-8";

.text-12 { font-size:86%; }
.text-right{ text-align:right;padding-right:1em; }
.color-white{color:#fffff0;}
.color-crimson{ color:#dc143c; }
.color-gain{ color:#dcdcdc; }
.color-gold{ color:#ffd700; }
.color-blue{ color:#00bfff; }
.color-green{ color:#008b8b; }
.color-orange{ color:#ff8c00; }
.color-tomato{ color:#ff6347; }
.note-11 { color:#dc143c;font-size:79%;padding-left:2px;vertical-align:top;}
.underline{ text-decoration: underline; }
.bold{ font-weight:bold; }
.textIndent{text-indent:1em;}	
.textJustify{text-align: justify;text-justify: inter-ideograph;} 
.letterSpacing-05{letter-spacing: 0.5em;}
.letterSpacing-1{letter-spacing: 1em;}
.letterSpacing-2{letter-spacing: 2em;}
.letterSpacing-3{letter-spacing: 3em;}

h3 i{color: #dda0dd;}/*固定ページのh3ヘッダー*/

/*page*/
#main p{margin:0 1em 0.25em 1em;}
#main dl,#main ol,#main table+ul{margin:1em auto;padding:2em;padding:2rem;width:90%;background: #ffffff;border: 1px #cccccc solid;box-sizing:border-box;  border-radius:7px;}
#main dl dt{color:#000000;font-weight:bold;margin-bottom:0.5em;}
#main dl dd{margin-bottom:0.5em;}
#main ol li{margin:0 0 0.5em 1.5em;}
#main dl dd span,#main ul li span{font-size: 12px;font-size: 1.2rem;color:#dc143c;}
table#server thead th,table#delivery thead th,table#basePrice thead th,table#adminExpenses thead th{width:50%;}
table#server td,table#delivery td,table#basePrice td,table#adminExpenses td{text-align:center;}

/*Home*/
#recommendPlan section h3{margin-bottom: 0.5em;line-height: 1.2;}
#recommendPlan p{margin-bottom:0.3em;}
#recommendPlan .pic{text-align: center;box-sizing:border-box;}
#recommendPlan .pic img{border:7px #ffffff solid;box-shadow:0 0 1px rgba(0,0,0,0.7);margin-bottom:1em;max-width:90%;}
#recommendPlan .more{text-align: right;}

#newsTopics h2 i{
  margin-left:0.5em;
  padding:2px 5px;
  text-shadow:none;
  color:#ff6600;
}
#newsTopics h2 i:hover{
  text-decoration:none;
  background: #ffffff;
}
#newsTopics article time{
  line-height:1.5;
  text-decoration:none;
}
#newsTopics article a{
  display:block;
  border: 1px #ffffff solid;
  border-radius: 5px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
  background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
  background: -o-linear-gradient(top, #ffffff, #e5e5e5);
  background: linear-gradient(to bottom, #ffffff, #e5e5e5);
  box-shadow:0 0 2px rgba(0,0,0,0.5);
  line-height:1.2;
  margin-bottom:0.5em;
  padding:0.5em 0.5em 0.7em;
  color:#333333;
}
#newsTopics article a:hover{
  background: #d9d9d9;
  background: -webkit-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: -moz-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: -o-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: linear-gradient(to bottom, #e5e5e5, #d9d9d9);
  text-decoration:none;
}

@media only screen and (min-width: 31.25em) {  /*500px*/
  #recommendPlan .pic {
    float:left;
    width: 40%;
    margin-right:1em;
  }
  #recommendPlan .pic img {
    border:7px #ffffff solid;
    box-shadow:0 0 1px rgba(0,0,0,0.7);
    box-sizing:border-box;
  }
  #recommendPlan .more {
    clear: left;
  }
}
@media only screen and (min-width: 41.875em) {  /*670px*/
  #recommendPlan section {
    position: relative;
    float: left;
    width: 31.6239%;
    /*370px(4column)/1170px*/
    margin-right: 2.5641%;
    /*30px/1170px*/
    margin-bottom: 2em;
    padding:10px;
    background: #ffffff;
    box-shadow:0 0 1px rgba(0,0,0,0.7);
    border-radius:5px;
    box-sizing:border-box;
  }
  #recommendPlan section:last-child {
    margin-right: 0;
  }
  /*old IE*/
  .ie8 #recommendPlan section{
    margin: 0 0.8547%;
    /*10px/1170px*/
  }
  .ie7 #recommendPlan section{
    margin: 0 0.7800%;
    width: 31.5542%;
  }
 #recommendPlan section h3{
   margin-top: 50%;
   padding-top: 10px;
 }
  #recommendPlan .pic {
    max-width:none;
    position: absolute;
    top: 10px;
    left:4%;
    overflow:visible;
    float: none;
    width: 92.5925%;
    border:none;
    box-shadow:none;
  }
  #recommendPlan .pic img {
    max-width:100%;
    margin-left: 0;
    border:none;
    box-shadow:none;
  }
  #recommendPlan p {
    margin-left: 0;
  }
}

@media only screen and (min-width: 56.25em) {  /*900px*/
  #sliderContainer{
  margin-top:-20px;
  }
  #recommendPlan section {
    width: 31.0344%;
    /*270px/870px*/
    margin-right: 3.4482%;
    /*30px/870px*/
  }
  /*old IE*/
  .ie8 #recommendPlan section{
    margin: 0 1.1494;
    /*10px/870px*/
  }
  .ie7 #recommendPlan section{
    width: 30.9788%;
    margin: 0 1.0938;
  }
  #newsTopics article time{
  line-height:2;
  }
  #newsTopics article a{
    background: transparent;
    box-shadow:none;
    border-radius:0px;
    border: none;
    border-bottom:1px #6cbb5a dotted;
    margin-bottom:0.5em;
    padding-bottom:0.3em;
    color:#333333;
  }
  #newsTopics article a:hover{
    background: transparent;
    color: #6cbb5a ;
  }
}
/* Firefox hack */
 @-moz-document url-prefix() {
 #recommendPlan section{width: 27%;}
}

/*stcl*/
#stcl th{width:20%;text-align: left;}
/*privacy-policy*/
.privacy-policy #main ol{margin:1em auto;padding:0;width:90%;background: transparent;border:none;}

@media only screen and (max-width: 41.87em) {
  h1{margin: 0.5em 0;font-size: 3.2rem;}
  h2{margin:0.5em 0;font-size: 2.2rem;}
  figure{margin:1em 0;}
  table {margin:0 auto;width: 90%;}
  #main dl,#main ol,#main table+ul{margin:0.5em auto;width:90%;padding:1em 0.7em;}
  .ie9 table td,.ie9 table th{float: none;width:100% !important;}
  #main table{border:none;}
  #main table th{text-align:left;}
  table#office th,table#office td{display:block;width:100% !important;border:none;background-image: none;}
  .support table th{font-size:1.1em;font-size:1.1rem;padding:0.5em 0.2em;}
}

/* access */
#accessMap{
  max-width: 100%;
  margin: 0 10px 1em;
  padding: 4px;
  border: 1px solid #cccccc;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#accessMap iframe{
  width: 100%;
  height: 300px;
}
#mapLink{
  text-align: center;
}
@media only screen and (min-width:41.875em) {	/*670px*/
  #accessMap iframe{
    height: 500px;
  }
}

/* single */
.postdate{text-align:right;margin-bottom:1em !important;border-bottom:1px #a9a9a9 solid ;box-shadow: 0 1px 0 #ffffff;}
p.postdate span{color:#093388 !important;}
#singleText{margin:1em auto;padding:1em 0 1em 0.2em;background:#f5f5f5;border: 1px #cccccc solid;box-sizing:border-box;border-radius:7px;}
#singleText h1{background:none;margin: 0 0.5em 0.5em;padding:0;font-size: 24px;font-size: 2.4rem;color:#333333;text-shadow:none;}
#singleText p{text-indent:1em;padding-bottom:0.5em;}
#singleText .postImage{margin:0 10px 1em;}
.social-buttons{clear: both;background:#f5f5f5;border:1px dotted #dcdcdc;margin:1em auto;padding: 0.5em 1em;text-align:center;box-sizing:border-box;}
.social-buttons li{display: inline;list-style: none;padding-left: 2px;vertical-align:middle;}

/* category */
#archiveList article{
  margin-bottom:1em;
  padding:10px;
  box-sizing:border-box;
  border: 1px #ffffff solid;
  border-radius: 5px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
  background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
  background: -o-linear-gradient(top, #ffffff, #e5e5e5);
  background: linear-gradient(to bottom, #ffffff, #e5e5e5);
  box-shadow:0 0 2px rgba(0,0,0,0.5);
}
.leftimg{float:left;width:20%;margin-bottom:10px;text-align:center;}
.rightdeta{float:right;width:76.6666%;}
#archiveList article h1{margin-bottom:0.3em;font-size: 18x;font-size: 1.8rem;color:#484848;text-shadow:none;}
#archiveList article .cat-date{text-align:left;color:#093388;line-height:1.5em;margin:0;padding:0;text-indent:0;}
#archiveList article h1+p{margin:0;padding:0;text-indent:0;}

/* 事務所概要 */
.page-id-20 p, .page-id-26 p{text-indent:1em;}
.page-id-20 table, .page-id-26 table{margin-top:2em;}
.page-id-20 #main img, .page-id-26 #main img, .page-id-28 #main img{float:right;margin:0 0 0.5em 0.5em;border:4px solid #ffffff;box-shadow:0 0 2px rgba(0,0,0,0.5);}
.icon-jpy{color:#dc143c;}

/* 電話番号 */
.page-id-26 #main section{height:200px;margin:1em auto;padding:1em;padding:1rem;width:90%;background:#fdfdfd url(images/phone_lady.jpg) right center no-repeat;border: 8px #ffa055 solid;box-sizing:border-box;}
.page-id-28 #main section{height:200px;margin:1em auto;padding:1em;padding:1rem;width:90%;background:#fdfdfd url(images/phone_lady2.jpg) right bottom no-repeat;border: 8px #ffa055 solid;box-sizing:border-box;}.page-id-20 #main section h3, .page-id-26 #main section h3, .page-id-28 #main section h3{margin:0 0 0.5em;font-size: 20x;font-size: 2.0rem;color:#ff8c00;}
.page-id-20 #main section p, .page-id-26 #main section p, .page-id-28 #main section p{font-size: 18x;font-size: 1.8rem;color:#000000;font-weight:bold;text-indent:0.5em;text-indent:0.5rem;}
.page-id-20 #main section p a, .page-id-26 #main section p a, .page-id-28 #main section p a{color:#000000;}

@media only screen and (min-width: 41.875em) {  /*670px*/
  #archiveList article {background:#ffffff;border: 1px #cccccc solid;box-shadow:none;}
  #archiveList article .leftimg{float:left;width:23.0769%;margin-bottom:0;text-align:left;}
  #archiveList article .rightdeta{float:right;width:71.7948%;}
  #archiveList article h1{font-size: 24x;font-size: 2.4rem;}
  #archiveList article .cat-date{text-align:right;}
 #mobile-phone{font-size:2em;font-weight:bold;}
 }
@media only screen and (min-width: 56.25em) {  /*900px*/
  #archiveList article .leftimg{float:left;width:19.5402%;}
  #archiveList article .rightdeta{float:right;width:77.0114%;}
  #archiveList article h1{font-size: 18x;font-size: 1.8rem;}
 #mobile-phone{font-size:3em;font-weight:bold;}
}

@media only screen and (max-width: 41.87em) {
  #sliderContainer {margin: 0 0 0 -10px;}
  #sliderContainer img{max-width:106.6667%;  box-shadow: 0 3px 3px 0 #808080;}
  #singleText{border-radius:4px;}
 #mobile-phone{font-size:1.5em;font-weight:bold;}
}