/** ミライスタイル追加CSS
/**************************************/

/** tx
/**************************************/
.tx10 {
  font-size: 1.0em;
}

.tx11 {
  font-size: 1.1em;
}

.tx12 {
  font-size: 1.2em;
}

.tx13 {
  font-size: 1.3em;
}

.tx14, .wpcf7-validation-errors, .wpcf7-mail-sent-ok {
  font-size: 1.4em;
}

.tx16 {
  font-size: 1.6em;
}

.tx17 {
  font-size: 1.7em;
}

.tx18 {
  font-size: 1.8em !important;
}

.tx19 {
  font-size: 1.9em;
}

.tx20 {
  font-size: 2.0em;
}

.tx21 {
  font-size: 2.1em;
}
.tx22 {
  font-size: 2.2em !important;
}
.tx23 {
  font-size: 2.3em !important;
}

.tx24 {
  font-size: 2.4em !important;
}

.tx26 {
  font-size: 2.6em;
}

.tx27 {
  font-size: 2.7em;
}

.tx28 {
  font-size: 2.8em;
}

.tx29 {
  font-size: 2.9em;
}

.tx30 {
  font-size: 3.0em;
}

.tx31 {
  font-size: 3.1em;
}

.tx32 {
  font-size: 3.2em;
}

.tx36 {
  font-size: 3.6em;
}

.tx40 {
  font-size: 4.0em;
}

.tx47 {
  font-size: 4.7em;
}

.tx48 {
  font-size: 4.8em;
}

.tx54 {
  font-size: 5.4em;
}

.tx64 {
  font-size: 6.4em;
}

.tx70 {
  font-size: 7.0em;
}

.tx92 {
  font-size: 9.2em;
}

.tx102 {
  font-size: 10.2em;
}

.tx112 {
  font-size: 11.2em;
}

.tx_bd {
  font-weight: bold;
}

.tx_nr {
  font-weight: normal;
}

.tx_lh12 {
  line-height: 1.2;
}

.tx_lh13 {
  line-height: 1.3;
}

.tx_lh14 {
  line-height: 1.4;
}

.tx_lh15 {
  line-height: 1.5;
}

.tx_lh16 {
  line-height: 1.6;
}

.tx_lh17 {
  line-height: 1.7;
}

.tx_lh18 {
  line-height: 1.8;
}

.tx_lh20 {
  line-height: 2.0;
}

.tx_underline {
  text-decoration: underline;
}


/** parts
/**************************************/
.fl, .sp_fl {
  float: left;
}

.fr, .sp_fr {
  float: right;
}

.sp_fr, .sp_fl {
  display: block;
  float: none;
}

.spml20 {
  margin-left: 0px;
}

.spmb10 {
  margin-bottom: 10px;
}

.ac {
  text-align: center;
}

.ib {
  display: inline-block;
}

.bl {
  display: block;
}

.vm {
  vertical-align: middle;
}

.cl {
  zoom: 1;
}
.cl:after {
  display: block;
  content: "";
  clear: both;
}

/** margin */
/**************************************/
.ma0 {
  margin: 0px !important;
}

.ma5 {
  margin: 5px !important;
}

.ma10 {
  margin: 10px !important;
}

.ma15 {
  margin: 15px !important;
}

.ma20 {
  margin: 20px !important;
}
.ma_auto {
  margin-left: auto;
  margin-right: auto;
}



.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mt50 {
  margin-bottom: 50px !important;
}

.mt60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt90 {
  margin-bottom: 90px !important;
}

.mt100 {
  margin-bottomop: 100px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}
.mb120 {
  margin-bottom: 120px !important;
}
.mb170 {
  margin-bottom: 170px !important;
}

.mb180 {
  margin-bottom: 180px !important;
}

.mb200 {
  margin-bottom: 200px !important;
}




.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt110 {
  margin-top: 110px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mt170 {
  margin-top: 170px !important;
}

.mt180 {
  margin-top: 180px !important;
}

.mt200 {
  margin-top: 200px !important;
}

.spml20 {
  margin-left: 20px;
}

.spmb10 {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .pconly {
    display: none;
  }
}


/** padding */
/**************************************/
.pa0 {
  padding: 0px !important;
}

.pa3 {
  padding: 3px !important;
}

.pa5 {
  padding: 5px !important;
}

.pa10 {
  padding: 10px !important;
}

.pa15 {
  padding: 15px !important;
}

.pa20 {
  padding: 20px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt80 {
  padding-top: 80px !important;
}
.pt120 {
  padding-top: 120px !important;
}
.pt170 {
  padding-top: 170px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}
.pb120 {
  padding-bottom: 120px !important;
}
.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}


.bar img, img.fbar {
 width: 100%;
}
.a_l{
 
text-align:left;

}


.ca_l{
font-size:20px;
border:5px solid #eee;
background-color:#fcfcfc;
position:relative;
padding:30px;
}

.ca_l1{
font-size:18px;
line-height:2.5em;
border:5px solid #eee;
background-color:#fcfcfc;
position:relative;
padding:30px;
}

.ca_r{
border:5px solid #eee;
background-color:#fcfcfc;
position:relative;
padding:30px;
}

.lp1{
font-size:32px;
font-weight:bold;
}

.lp5{
font-size:100px;
font-weight:bold;
}

a:hover img{
 opacity:0.6;
 filter:alpha(opacity=60);
 -ms-filter: “alpha( opacity=60 )”;
}

.post-list a{
 color:#333;
 text-decoration:none;
 display:block;
 overflow:hidden;
 border:1px solid #ddd;
 background:#fff;
 padding:.5em;
 margin-bottom:1em;
}
.post-list .eyecatch{
 width:25%;
 float:left;
 margin:0 1em 0 0;
 padding:0;
}
.post-list .entry-title{
 font-size:1.1em;
 font-weight:bold;
}

.z-s{
position:relative;
z-index:1;
}

.z-u{
position:relative;
margin-right:50px; 
width:30%;
float:right;
z-index:2;
}




@media (max-width: 5000px) {
.bar{margin:-40px -1px 0 -1px;}
.header-ttl{
font-size:14px;
color:gray;
}
.cta{
height:140px;
width:1140px;
border:1px solid #8b8b8b;
background-color:#f4f2f2;
}
.cta1{
float:left;
margin:30px 30px 0 30px;
}
.cta2{
float:left;
margin:30px 20px 0 20px;
}
.cta3{
float:left;
margin:30px 30px 0 30px;
}

}

@media (max-width: 1300px) {
.bar{margin:-28px -1px 0 -1px;}
.header-ttl{
font-size:10px;
color:gray;
}
.cta{
height:240px;
width:100%;
border:1px solid #8b8b8b;
background-color:#f4f2f2;
}
.cta1{
float:left;
padding:0px 30px 0 30px;
}
.cta2{
display:none;
}
.cta3{
float:left;
padding:0px 30px 0 30px;
}

}

@media (max-width: 1000px) {
.tel,.contact,.header-ttl,.social{display:none;}
}

@media (max-width: 767px) {
 .home .carousel-inner {
   width: 100%;
   margin-left: 0;
 }
}



@media (max-width: 480px) {
.bar{margin:-13px -1px 0 -1px;}
.tel,.contact,.header-ttl,.social{display:none;}
.cta{
height:180px;
width:100%;
border:1px solid #8b8b8b;
background-color:#f4f2f2;
}
.cta1{
float:left;
padding:0px 2px;
}
.cta2{
display:none;
}
.cta3{
float:left;
padding:0px 2px;
}
}

.tel{
float:right;
margin:-21px 10px 5px 10px;
}
.contact{
float:right;
margin:-26px 0px 5px 10px;
}

.top-ttl1{
text-align:center;
margin:0px 0px 5px 0px;
font-size:16px;
color:gray;
}

.top-ttl2{
text-align:center;
margin:0px 0px 5px 0px;
font-size:24px;
font-weight:bold;
}

.top-ttl3{
width:400px;
}

.top-ttl4{
clear:both;
}

.th1{
background-color:#002b0e;
font-size:1.2em;
color:white;
width:40%;
}

.td1{
font-size:0.8em;
width:60%;
}

.trimming {
 width: 60px;
 height: 60px;
 overflow: hidden;
 }

.sam3 {
 float:left;
 width:32.5%;
 margin:0 1px 1px 0;
 }

.social{
float:right;
margin:-23px 0px 5px 10px;
width:45px;
}



/* Footer Mobile CTA
================================= */
.footer-cta {
  background-color: #fff;
  position: fixed;
  bottom: 0;  
  width: 100%;
  box-shadow: 0 -1px 8px rgba(0,0,0,0.2);
  padding: 15px 10px;
}
.footer-cta.effect {
  transition: .6s;
}
.footer-cta-title {
  text-align: center;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 7px;
}
.footer-cta-item {
  text-align: center;
  padding-right: 5px;
  padding-left: 0;
}
.footer-cta-item:last-child {
  padding-right: 0;
  padding-left: 5px;
}
.footer-cta-tel a {
  background: url('http://mirai-style-arch.net/wp-content/uploads/2017/08/bg-tel@2x.png') no-repeat -10px center;
  background-size: 65px 65px;
}
.footer-cta-mail a {
  background: url('http://mirai-style-arch.net/wp-content/uploads/2017/08/bg-mail@2x.png') no-repeat -20px center;
  background-size: 90px 65px;
}
.footer-cta-item a {
  display: block;
  background-color: #f49902;
  border-radius: 4px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  font-weight: 600;
  padding: 1em 8px;
}
.footer-cta-item a:hover {
  color: #fff;
  background-color: #f46e02;
}

.bar img, img.fbar {
 width: 100%;
}


.st{
 font-weight:bold;
 color:blue;
}

.ttl_1{
 font-size:1.6em;
 font-weight:bold;
}

.ttl_2{
 font-size:1.6em;
 font-weight:bold;
 color:blue;
}