/* clear & clearfix
------------------------------------------------*/
.clear{
    clear: both;
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    overflow:hidden;
}
.clearfix {
    zoom: 1;
}
.alignC{
  text-align:center;
}
.mReset{margin:0px !important;}
.mCenter{margin:0 auto !important;}
.mt0{margin-top:0px !important;}
.mr0{margin-right:0px !important;}
.mb0{margin-bottom:0px !important;}
.ml0{margin-left: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;}
.mt40{margin-top:40px !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;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !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;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

.pReset{padding:0px !important;}
.pt0{padding-top:0px !important;}
.pr0{padding-right:0px !important;}
.pb0{padding-bottom:0px !important;}
.pl0{padding-left: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;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !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;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !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;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !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;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}


/*
common
------------------------------------------*/
body {
  color:#333;
  font:14px/1.6 Verdana,arial,helvetica,clean,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',HIragino Kaku Gothic Pro W3,HIragino Kaku Gothic Pro,'ＭＳ Ｐゴシック',sans-serif;
}
body p{
  color:#333;
}

.home-services h6,
.home-content h6,
.home-news h6,
.home-team h6,
.home-skills h6,
.footer-contact h6{
  font-size:18px;
  font-weight:bold;
  text-transform: none;
}

.entry-title{
  text-shadow: 0 0 6px rgba(0,0,0,.80);
}

/*
header
------------------------------------------*/
.entry-header .entry-title,
.featured-img-header .entry-title{
  font-size:32px;
}

.site-branding{
  width:95px;
  height:119px;
}

@media screen and (max-width: 768px) {
  .site-branding{
    width:75px;
    height:auto;
  }
}


.main-navigation a{
  text-shadow: 0 0 5px rgba(0,0,0,0.8);
  font-weight:normal;
  padding:35px 10px 28px;
}
.site-header .grid-pad{
  padding-top:43px;
}

.entry-header{
    padding:150px 0 60px;
}
.featured-img-header{
  padding:290px 0 0;
}
@media screen and (max-width: 768px) {
  .entry-header{
  }
  .featured-img-header{
    padding:150px 0 80px;
  }
}


/*
navigation 
------------------------------------------*/
.main-navigation a{
  text-shadow: 0 0 5px rgba(0,0,0,0.8);
  padding:20px 18px;
}
.navigation-container{

}
@media screen and (max-width: 1280px) {
  .main-navigation a{
    padding:15px 18px;
  }
  .navigation-container{
    width:500px;
  }
}
@media screen and (max-width: 1280px) {
  .navigation-container{
    width:auto;    
  }
}

@media screen and (max-width: 1280px) {
	.menu-toggle {
  text-shadow: 0 0 6px rgba(0,0,0,.80);
	}

}

@media screen and (max-width: 1280px) {
	.main-navigation ul {
		display: none;
	}
  	.menu-toggle {
		display: block;
	}
  	.menu-toggle {
		background: none;
		border: none;
		padding: 1em 1.5em 1em 0;
	}

	.main-navigation ul {
		display: none;
	}
}



/*
footer
------------------------------------------*/
.site-footer{
  text-align:center;
  padding:0 0 85px;
}
.site-footer .grid-pad{
  text-align:center;
  padding-top:50px;
}
.site-footer #copyright{
  line-height:28px;
}

.fotter-utility{
}
.fotter-utility ul{
  list-style:none;
  margin:0;
  margin:0 auto 38px;
}
.fotter-utility li{
  display:inline-block;
  border-left:1px solid #fff;
  padding:0 0 0 20px;
  margin:0 0 0 20px;
  line-height:1em;
}
.fotter-utility li:first-child{
  border-left:none;
  margin:0;
  padding:0;
}
.fotter-utility li a{
  color:#fff;
}
.fotter-utility li a:hover{
  color:#4e6b8e;
}

/*
full-screen ( slider )
------------------------------------------*/
.slide-content span h2{
  font-size:30px;
  text-shadow: 0 0 7px rgba(0,0,0,.4);
}
@media screen and (max-width: 768px) {
  .slide-content span h2{
    font-size:24px;
    line-height:28px;
    margin-bottom:20px;
  }
}


.full-screen-flex,
.full-screen-flex .slides > li,
.full-screen-flex #hero-header{
  height:100% !important;
  min-height:720px;
  /*background-size:auto 720px !important;*/
}

@media screen and (max-width: 768px) {
  .full-screen-flex,
  .full-screen-flex .slides > li,
  .full-screen-flex #hero-header{
    min-height:350px;
    /*background-size:auto 350px !important;*/
  }
  .flexslider .slides > li {
    height: 350px !important;
  }
  .flexslider {
    min-height:350px;
    height: 350px !important;
  }
}

#hero-header button{
  font-size:28px;
  font-weight:normal;
  line-height:30px;
  padding:24px 65px;
}

#hero-header .slide-content a:hover{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
#hero-header .slide-content a:hover{
  -webkit-opacity:0.75;
  -moz-opacity:0.75;
  opacity:0.75;
  filter: alpha(opacity=75);
}

@media screen and (max-width: 768px) {
  #hero-header button{
    font-size:24px;
    padding:15px 30px;    
  }
}





/*
home-content
------------------------------------------*/
.home-content h6{
  background:none;
  padding-bottom:0;
  font-size:20px;
  margin:0 0 60px;
  color:#95bb29;
  font-weight:bold;
}
.home-content p{
  font-size:16px;
  color:#999;
  max-width:inherit;
  line-height:30px;
}
.home-content p.text2{
  margin:30px 0 0;
}
@media screen and (max-width: 768px) {
  .home-content p{
    text-align:left;
  }

}


/*
subvisual-bar [new] 
------------------------------------------*/
.subvisual-bar {
  background: #fff;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 0;
  text-align: center;
  line-height:0;
}
.subvisual-bar .grid-pad{
  padding:53px 0;
}


/*
home-services
------------------------------------------*/
.home-services h6{
  font-size:25px;
}

.home-services p{
  text-align:left;
  line-height:1.85;
}

.home-services .service .fa{
  width:121px;
  height:121px;
  border-radius:0;
  margin:0 0 37px;
}

.home-services .service a{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.home-services .service a:hover{
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.sbox-1 .fa{
  background:url(/wp-content/themes/sensible_pro/img/home/icon01.png) no-repeat 0 0 !important;
}
.sbox-2 .fa{
  background:url(/wp-content/themes/sensible_pro/img/home/icon02.png) no-repeat 0 0 !important;
}
.sbox-3 .fa{
  background:url(/wp-content/themes/sensible_pro/img/home/icon03.png) no-repeat 0 0 !important;
}
.sbox-4 .fa{
  background:url(/wp-content/themes/sensible_pro/img/home/icon04.png) no-repeat 0 0 !important;
}
.sbox-5 .fa{
  background:url(/wp-content/themes/sensible_pro/img/home/icon05.png) no-repeat 0 0 !important;
}
.home-services .service h5{
  font-size:24px;
  line-height:26px;
  margin:0 0 23px;
}
.home-services .service h5 span{
  font-size:75%;
}
.home-services .service ul{
  list-style:none;
  text-align:left;
  margin:0;
  padding:0;
}
.home-services .service ul li{
  list-style:none;
  overflow:hidden;
    line-height:1.4;
  margin-bottom:10px;
}
.home-services .service ul li span{
  display:inline-block;
  min-width:100px;
  float:left;
  clear:left;
  color:#666666;
}
.home-services .service ul li a{
  display:block;
  margin:0 0 0 100px;
}

/*
home-concept
------------------------------------------*/
.home-concept{
  background:url(/wp-content/themes/sensible_pro/img/home/home_concept.jpg) no-repeat  50% 0 fixed;
  background-size:cover !important;
  text-align:center;
  min-height:617px;
}
.home-concept .grid-pad{
  padding-top:114px;
  padding-left:0;
  max-width:1280px;
}
.home-concept .col-1-1{
  padding-right:0;
}


.home-concept h3{
  font-size:36px;
  font-weight:bold;
  line-height:40px;
  margin:0 0 44px;
  color:#fff;
}
.home-concept p{
  font-size:16px;
  line-height:30px;
  margin:0 0 33px;
  color:#fff;
}



.home-concept button{
  font-size:28px;
  padding:0.7em 2em;
  background-color:rgba(255,255,255,0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border:3px solid #fff;
}
.home-concept a:hover button{
  background-color:rgba(255,255,255,0.2);
  border-color:#fff;
}
@media screen and (max-width: 768px) {
  .home-concept{
      background-size: cover;
      min-height: inherit;
  }
  .home-concept .col-1-1{
  	padding:0 10px;
  }
  .home-concept .grid-pad{
    padding:20px 0;
  }
  .home-concept p{
    text-align:left;
  
  }

}


/*
home-products
------------------------------------------*/
.home-products{
  background:#fafafa;
}
.home-products{
}
.home-products img{
  margin:0 auto 40px;
  
}
.home-products h6{
  margin-bottom:52px;
}

.home-products h5{
  color:#464646;
  line-height:26px;
  margin-bottom:26px;
}
.home-products p{
  font-size:16px;
  line-height:26px;
  color:#787878;
}
@media screen and (max-width: 768px) {
  .home-products p{
    text-align:left;
  }

}



/*
home-business
------------------------------------------*/
.home-business{
  background:url(/wp-content/uploads/2015/03/business.jpg) no-repeat  50% 0 fixed;
  background-size:cover !important;
  min-height:614px;
  text-align:center;
}
.home-business .grid-pad{
  padding-top:149px;
  padding-left:0;
  max-width:1280px;
}
.home-business .col-1-1{
  padding-right:0;
}


.home-business h3{
  font-size:30px;
  font-weight:normal;
  line-height:40px;
  margin:0 0 45px;
  color:#fff;
}
.home-business p{
  font-size:16px;
  line-height:30px;
  margin:0 0 72px;
  color:#fff;
}

.home-business button{
  font-size:px;
  padding:2em 4em;
  background-color:rgba(255,255,255,0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border:3px solid #fff;
}
.home-business a:hover button{
  background-color:rgba(255,255,255,0.2);
  border-color:#fff;
}
@media screen and (max-width: 768px) {
  .home-business{
      background-size: cover;
      min-height: inherit;
  }
  .home-business .col-1-1{
  	padding:0 10px;
  }
  .home-business .grid-pad{
    padding:20px 0;
  }
  .home-business p{
    text-align:left; 
  }

}

/*
contact
------------------------------------------*/
.caution{
  color:#B70000;
}
#submitBtn{
  text-align:center;

}
#submitBtn input{
  width:60%;
  max-width:300px;
}

.columnL{
  float:left;
  width:49%;
  margin-bottom: 1.5em;
}
.columnR{
  float:left;
  width:49%;
  margin-bottom: 1.5em;
}
.columnB{
  float:left;
  width:100%;
  margin-bottom: 1.5em;
}
.columnS{
  float:left;
  width: 10%;
  margin-bottom: 1.5em;
  white-space: nowrap;
}

@media screen and (max-width: 480px) {
  .columnR,
  .columnL,
  .columnB{
    float:none;
    width:100%;
  }
  .columnS{
    float:none;
    width:30%;
  }
}



.mw_wp_form_input{
  color:#8c9398;
}


.mw_wp_form_input input[type="text"]{
  width:90% !important;
}


/*
company
------------------------------------------*/
.campany-bg{
  background:rgba(0,0,0,0.2) url(/wp-content/uploads/2015/03/stripe.png);
}


/*
featured-img-header
------------------------------------------*/
.featured-img-header {
  min-height:700px;
  background-size: auto 700px !important;
}
@media screen and (max-width: 768px) {
  .featured-img-header {
    min-height:350px;
    background-size: auto 350px !important;
  }
}



/*
home-content
------------------------------------------*/
.cf-content{
  text-align:center;
  border-bottom:1px solid #b3b3b3;
}
.cf-content .grid-pad{
  padding-top:50px;
  padding-bottom:50px;
  max-width:1054px;
}
.cf-content h2{
  background:none;
  padding-bottom:0;
  font-size:30px;
  font-weight:bold;
  text-transform:none;
}
.cf-content h2 .subtext{
  font-size:75%;
}
.cf-content h3{
  background:none;
  padding-bottom:0;
  font-size:16px;
  font-weight:bold;
  text-transform:none;
}

.cf-content h4{
  background:none;
  padding-bottom:15px;
  font-size:24px;
  color:#95bb29;
  font-weight:bold;
  text-align:left;
}
.cf-content h5{
  background:none;
  padding-bottom:0;
  font-size:20px;
  font-weight:bold;
  text-align:left;
}
.cf-content p{
  font-size:16px;
  color:#666;
  max-width:inherit;
  line-height:30px;
  text-align:left;
}
.cf-content table{
  max-width:680px;
  margin:0 auto;
}
.cf-content table td{
  border-top:1px solid #b3b3b3;
  padding:10px 0 10px 30px;
  font-size:16px;
  line-height:40px;
}
.cf-content table th{
  border-top:1px solid #b3b3b3;
  padding:10px 0 10px 30px;
  font-size:16px;
  line-height:40px;
}
.cf-content table tr:first-child td,
.cf-content table tr:first-child th{
  border-top:none;
}
.cf-content table.tableStyle2 td{
  line-height:25px;
}


/*
cf-photobg
------------------------------------------*/
.cf-photobg{
  background:url(/wp-content/uploads/2015/03/home_concept.jpg) no-repeat  50% 0 fixed;
  background-size:cover !important;
  text-align:center;
  min-height:617px;
  border-bottom:1px solid #b3b3b3;
}
.cf-photobg .grid-pad{
  padding-top:50px;
  padding-bottom:50px;
  max-width:1024px;
}

.cf-photobg h2{
  background:none;
  padding-bottom:0;
  font-size:30px;
  font-weight:bold;
}
.cf-photobg h3{
  background:none;
  padding-bottom:0;
  font-size:16px;
  font-weight:bold;
}
.cf-photobg p{
  font-size:16px;
  line-height:30px;
  margin:0 0 33px;
  text-align:left;
}

.column2a{
  width:1005px;
  overflow:hidden;
}
.column2a .column-child1{
  width:318px;
  float:left;
  text-align:right;
  overflow:hidden;
}
.column2a .column-child2{
  width:675px;
  float:right;
}
.column2a .column-child2 h4,
.column2a .column-child2 h5,
.column2a .column-child2 p{
  margin-left:15px;
  margin-right:15px;
}
.column2a .column-child2 table{
  max-width:675px;
}

@media screen and (max-width: 1053px) {
  .column2a{
    width:auto;
    overflow:hidden;
  }
  .column2a .column-child1{
    width:auto;
    max-width:675px;
    float:none;
    text-align:center;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
  }
  .column2a .column-child2{
    width:auto;
    max-width:675px;
    float:none;
    margin-left:auto;
    margin-right:auto;
  }
}

/*
dhistributors column
------------------------------------------*/
/*
cf-services
------------------------------------------*/
.cf-services{
  text-align:center;
  padding:0 0 60px;
}
.cf-services h6{
  font-size:25px;
  background: url("/wp-content/themes/sensible_pro/img/h1-bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  color: #353535;
  font-weight: bold;
  letter-spacing: 0;
  padding-bottom: 30px;
  margin-bottom: 40px;
  text-transform: none;
}
.cf-services p{
  text-align:left;
  line-height:1.85;
}
.cf-services .service .fa{
  width:121px;
  height:121px;
  border-radius:0;
  margin:0 0 37px;
}
.cf-services .service a{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.cf-services .service a:hover{
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.cf-services h3{
  font-size:16px;
  line-height:30px;
  font-weight:bold;
}
.cf-services .service h5{
  font-size:20px;
  line-height:26px;
}
.cf-services .alignC{
  text-align:center;
}

.cf-services input[type="password"],
.cf-services input[type="text"]{
  margin-left:20px;
  width:205px;
}
.cf-services input[type="submit"]{
    line-height: 38px;
    padding: 0;
    display: inline-block;
    width: 255px;
    height: 38px;
    font-size: 14px;
    font-weight: normal;
}
@media screen and (max-width: 1024px) {
  .cf-services input[type="password"],
  .cf-services input[type="text"]{
    margin-left:0px;
    width:255px;
  }

}



.columnsWrap{
  overflow:hidden;
  
}
.columnsWrap .column-child1{
  display:inline-block;
  margin-bottom: 1.5em;
  margin-right:2%;
}
.columnsWrap .column-child2{
  display:inline-block;
  margin-bottom: 1.5em;
  margin-right:2%;
}
.columnsWrap .column-child3{
  display:inline-block;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 1024px) {
  .cf-services label{
    display:block;
  }
  .columnsWrap .column-child1{
    display:block;
    margin-right:0;
  }
  .columnsWrap .column-child2{
    display:block;
    margin-right:0;
  }
  .columnsWrap .column-child3{
    display:block;
  }
}

.cf-services ul{
  list-style:none;
  text-align:left;
  padding:0;
  max-width: 680px;
  margin: 0 auto;
  
}
.cf-services ul li{
  list-style:none;
  overflow:hidden;
    line-height:1.4;
  margin-bottom:10px;
}
.cf-services ul li span{
  display:inline-block;
  min-width:100px;
  float:left;
  clear:left;
  color:#666666;
}
.cf-services ul li a{
  display:block;
  margin:0 0 0 100px;
}


/*
custom post types
------------------------------------------*/
.blog-archive article{
  margin-bottom:25px;
}
.blog-entry-header{
  background:none;
  padding:15px;
}
.blog-entry-header h1{
  font-size:24px;
  margin:0;
}
.entry-meta h1{
    font-size:24px;
  line-height:1.3;
}

@media screen and (max-width: 768px) {
  .entry-meta .grid-pad{
    padding:0;
  }
  .entry-meta{
    text-align:left;
  }
}

.member .fa{
    line-height: inherit;
    color: inherit;
    background: inherit;
    width: inherit;
    height: inherit;
}


/*
wp-pagenavi
------------------------------------------*/
.wp-pagenavi{
  text-align:center;
  padding:20px 0 40px 0;
  font-size:16px;
}
.wp-pagenavi span{
  display:inline-block;
  border:1px solid #dadada;
  border-radius:3px;
  min-width:24px;
  line-height:24px;
  margin:0 3px;
  background-color: #95BB29;
  color: #fff;
}

.wp-pagenavi a{
  display:inline-block;
  border:1px solid #dadada;
  border-radius:3px;
  min-width:24px;
  line-height:24px;
  background:#fafafa;
  margin:0 3px;
}

/*
widget
------------------------------------------*/
.widget-title{
  font-size: 18px;
  font-weight: bold;
}
.widget ul{

}
.widget ul li{
  line-height:1.2;
  margin-bottom:10px;
}

.widget .moreLink{
  border-top:1px solid #dadada;
  margin-top:5px;
  padding-top:5px;
  text-align:right;
}

/*
title-holder
------------------------------------------*/
.title-holder{
}
.title-holder td{
  vertical-align:top;
    border-top:1px solid #b3b3b3;
  padding:10px 0 10px 30px;
}
.title-holder th{
  font-size:20px;
}
@media screen and (max-width: 540px) {
  .title-holder td{
    display:block;
  }
  .title-holder th{
    display:block;
  }
  img{
    margin: 0 auto;
    display: block;
  }
}


/*
totop
------------------------------------------*/
.totop {
  width: 50px;
  height: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.totop.scroll {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.totop.end {
  bottom: 130px;
}
.totop a {
  display: block;
  width: 50px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAoCAMAAACLrFl+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZTFlZDhlZC0yZWMxLTQyMTktYTA2OS0wNzIwNDMwZjFkMGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVFMjkxQjBBNjYyMTFFNDk0RDJDQzdFQzcyRjNCNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVFMjkxQUZBNjYyMTFFNDk0RDJDQzdFQzcyRjNCNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MmQ3NWQxOS05ZGY3LTQ2MTgtOGFhMi0xOTkxYTQ2NTYxZmUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOWJlY2I3OC1jNmRlLTExNzctYjE2Yy1iYTkwMWRmYTgxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4WVE9zAAAAM1BMVEXz8/NXV1cFBQUAAAAQEBAgICAwMDBAQEBQUFBgYGBwcHCAgICwsLDAwMDQ0NDw8PD////4HbI+AAAAA3RSTlMMqfumxhGOAAAAe0lEQVQ4y+3VzQqAIBAE4PEnzWpr3/9psw4lqNV2qItzEcEPdBEGUNoIohWgjDAKWko0jDiNNPIXCcyLE5FN1AxqgmzNFEnPPFvjoukekng2inO9J+64keeSwYXY35QbFAT7dA6ZychEFJLtQDS2n9zI1+RF8b2oV3mJr1lOGgfNdlgtAAAAAElFTkSuQmCC) no-repeat 0 center;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.totop a:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

@media screen and (max-width: 540px) {
  .totop {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0px, 0px, 1px);
  }
  .totop.scroll {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .totop.end {
    bottom: 180px;
  }
  .totop a {
    display: block;
    width: 35px;
    height: 35px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAAAAABURb1YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI1JREFUWMPt1LEJgDAQheFAQEglCKlsUzmqeziGILhBwMpWcIwYowhqIjGX8v0DfNxdcYwhhBBCKFuqzqE065zBkdqYUWRQpoXsWEVLRXWcYo9Mc06F6FyKcwZBVgjOTUl2Hkqi81KSHI+S4HgV5/SCrPx0qpByOEUkw7uQsjtt9FK8/BgVfxwhhBAitQFqjVH9KX0AegAAAABJRU5ErkJggg==) no-repeat 0 center;
    background-size: 35px 35px;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .totop a:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}