/* ==== Google font ==== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('animate.css');



body {
	font-family :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	color:#111 !important;
	background:url(../img/bg.png) repeat;
	overflow-x:hidden;
}

hi,h2,h3,h4,h5,h6 {
	color:#111;
}

p {
	font-size:14px;
	margin-bottom:0.5em;
	color:#111;
}
a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
	color:#111;
}
a:hover {
	text-decoration: none;
	color:#aaa;	
	}

a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
a:hover,
a:hover img{
	zoom:1;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}
.mask a:hover,
.mask a:hover img{
	zoom:1;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}


.btn {
	border-radius:0;
	margin-top:10px;
	background-color: #65AAF0;
	text-transform:uppercase;
	border-color:#fff;
	font-size:14px;
}

.btn:hover {
	background-color: #fff;
	border-color:#f2f2f2;
	color:#272727;	
}
header{
	position:fixed;
	top:0;
	z-index:100;
	width:100%;
}
ul{
	list-style:none;
}

/*===================================================================
  Menu and Navigation
==================================================================== */
.navbar-brand {
  float: left;
  height: 50px;
  padding: 0;
}

.navbar-brand h2 {
	float: left;	
	text-transform:uppercase;
	z-index:100000;
	margin-top:0;
}
.navbar-brand h2 img {
	max-width:100px;
}

.menu {
	font-size:13px;
	float:right;
	text-transform:uppercase;
	font-weight:600;
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: visible;
}

.menu ul.nav-tabs li {
	color:#333;
}

.nav-tabs {
	border-bottom: 0;
	width:100%;
}
.nav-tabs > li {
	float: left;
	margin-bottom: 0;
	width:19.6%;
	text-align:center;
}
.nav-tabs > li > a {	
	border-radius:0;
	color:#333;
	padding:20px;
}
.nav-tabs > li a.active{
	color: #ac0404;
	cursor: default;
	background-color: #fff;
	border-bottom: 2px solid #ac0404;
	
}
.nav-tabs > li > a:hover {
	color:#272727;
	background:#fff;	
}

.navbar-default {
	
}

/*ナビ、ホバー時にラインを出す*/

.nav a {
	position: relative;
	display: inline-block;
	transition: .3s;
}
.nav a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 2px;
	background-color: #ac0404;
	transition: .3s;
}
.nav a:hover::after {
	width: 100%;
}

.nav a:hover{
	zoom:1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}


/*===================================================================
  slider
==================================================================== */
.slider {
	position: relative;	
	width:100%;
	margin:82px auto 0;
	background:#333;
}
#carousel-slider{
	width:73%;
	float:left;
}
.banner{
	width:26%;
	float:right;
}
.banner p{
	margin-bottom:2px;
}
.banner p.last{
	margin-bottom:0;
}
.banner img{
	width:100%;
}
.banner .bannerLe{
	float:none;
	width:100%;
}
.banner .bannerRi{
	float:none;
	width:100%;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -25px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
	border-radius:50%;
	font-size: 10px;
	height: 30px;
	padding: 10px;
	position: absolute;
	top: 40%;
	width: 30px;
	color:#fff;
	background:rgba(0,0,0,0.4);
}

#carousel-slider a i:hover {
	background:rgba(0,0,0,0.6);
	color:#fff;
	border: 1px solid #aaa;
}

#carousel-slider 
.carousel-control {
	width:inherit;
}

#carousel-slider .carousel-control.left i {
	left:10px;
	top:40%;
}

#carousel-slider .carousel-control.right i {
	right:10px;
	top:40%;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 30%;
	font-size:40px;
	left: 15%;
	z-index: 10;
	padding-bottom: 0px;
	color: #fff;
	text-align: center;
}

.carousel-caption  h2 {
	font-size:40px;
	color: #fff;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+25,000000+50,000000+75&0+1,0.4+16,0.65+50,0.4+84,0+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NyIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NyIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.4) 16%, rgba(0,0,0,0.47) 25%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.47) 75%, rgba(0,0,0,0.4) 84%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 16%,rgba(0,0,0,0.47) 25%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.47) 75%,rgba(0,0,0,0.4) 84%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 16%,rgba(0,0,0,0.47) 25%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.47) 75%,rgba(0,0,0,0.4) 84%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


}

.carousel-caption  h2 span {
	font-size:40px;
	color: #fff;
}

.carousel-caption  p {
	font-size:20px;
	margin-top:30px;
	margin-bottom:0;
	color:#fff;
	padding:10px;
}

.carousel-inner .form-inline .form-group button[type="livedemo"]{
	padding:20px 60px;
	font-size:16px;
	background:#65AAF0;
	color:#fff;
	border-radius:0;
	border-color:#fff;
	text-transform:uppercase;
}

.carousel-inner .form-inline .form-group button[type="livedemo"]:hover {
	color:#272727;
	opacity: 0.8;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.carousel-inner .form-inline .form-group button[type="getnow"]{
	padding:20px 60px;
	font-size:20px;
	background:#fff;
	color:#111;
	border-radius:0;
	text-transform:uppercase;
	border: 1px solid #fff;
}

.carousel-inner .form-inline .form-group button[type="getnow"]:hover {
	color:#fff;
	border-color:#fff;
	background:#65AAF0;
	-webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.form-inline {
	margin-top:50px;	
}

/*===================================================================
 mainCont sideCont　
==================================================================== */

.mainCont{
	float:left;
	width:73%;
}
.sideCont{
	float:right;
	width:24%;
}
.sideCont img{
	width:100%;
}
.banner2{
	width:100%;
}
.banner2 .bannerLe p,
.banner2 .bannerRi p{
	margin:2px auto;
}


/*===================================================================
  text-center
==================================================================== */

.text-center h2 {
	text-transform:uppercase;
	font-weight:550;
	font-size:24px;
}

.text-center p {
	margin-top:20px;
	margin-bottom:40px;
	color:#333;
} 

/*===================================================================
  text-center
==================================================================== */

.btn-gamp a {
  float: right;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #111;
  border: 2px solid #111;
  width: 180px;
  height: 60px;
  text-align: center;
  display: inline-block;
  line-height: 56px;
}

.btn-gamp a:hover {
  opacity: 0.8;
  transition: all 0.5s;
}

.gamp-btn a {
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  background: #111;
  color: #ffffff;
  width: 180px;
  height: 60px;
  text-align: center;
  display: inline-block;
  line-height: 60px;
}
.gamp-btn a:hover {
  color: #ffffff;
  opacity: 0.8;
  transition: all 0.5s;
}

.center span {
	color:#E8CE0E;
}

#about-us {
	margin-bottom:50px;
}



.skill_text {
  display: block;
  margin-bottom: 60px;
  margin-top: 25px;
  overflow: hidden;
}

.sinlge-skill {
  background:#f2f2f2;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
  height: 200px;
  position: relative;
  width: 200px;
  text-transform: uppercase;
  overflow: hidden;
  margin: 30px 0;
}

.sinlge-skill p em {
  color: #FFFFFF;
  font-size: 38px;
}

.sinlge-skill p {
  line-height: 1;
   color: #FFFFFF;
}

.joomla-skill, 
.html-skill, 
.css-skill, 
.wp-skill {
  position: absolute;
  height: 100%;
  bottom: 0;
  width:100%;
  border-radius: 100%;
  padding: 70px 0;
  text-align: center;
}

.joomla-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 28%, rgba(45,125,164,1) 28%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(28%,rgba(242,242,242,1)), color-stop(28%,rgba(45,125,164,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 28%,rgba(45,125,164,1) 28%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2d7da4',GradientType=0 ); /* IE6-9 */    
}

.html-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 9%, rgba(106,164,47,1) 9%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(9%,rgba(242,242,242,1)), color-stop(9%,rgba(106,164,47,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 9%,rgba(106,164,47,1) 9%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f',GradientType=0 ); /* IE6-9 */
}

.css-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 32%, rgba(255,189,32,1) 32%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(32%,rgba(242,242,242,1)), color-stop(32%,rgba(255,189,32,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 32%,rgba(255,189,32,1) 32%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20',GradientType=0 ); /* IE6-9 */
}

.wp-skill {
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 19%, rgba(219,54,21,1) 19%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(19%,rgba(242,242,242,1)), color-stop(19%,rgba(219,54,21,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 19%,rgba(219,54,21,1) 19%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615',GradientType=0 ); /* IE6-9 */
}

.skill-wrap {
  display: block;
  overflow: hidden;
  margin: 60px 0;
}

.team h3 {
  margin-top: 0;
  text-transform: uppercase;
}

.team h5 {
  font-weight: 300;
}

.single-profile-top, 
.single-profile-bottom {
  font-weight: 400;
  line-height: 24px;
}

.single-profile-top, 
.single-profile-bottom  {
  border: 1px solid #ddd;
  padding: 15px;
  position: relative;
}

.media_image {
  margin-bottom: 10px;
}

.team .btn {
  background:transparent;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 3px;
  padding: 1px 5px;
  text-transform: uppercase;
  border:1px solid#ddd;
  margin-right: 3px;
}


ul.social_icons,
ul.tag {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: block;
}

ul.social_icons li,
ul.tag li {
  display: inline-block;
  margin-right: 5px;
}

ul.social_icons li  a i{
  border-radius: 50%;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0;
  text-align: center;
  width: 25px;
  opacity:.8;
}

.team .social_icons .fa-facebook:hover, 
.team .social_icons .fa-twitter:hover, 
.team .social_icons .fa-google-plus:hover {
  transform: rotate(360deg);
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg); 
  transition-duration:2s;
  transition-property: all;
  transition-timing-function: ease;
  opacity:1;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.team .social_icons .fa-facebook {
  background: #0182c4;
}

.team .social_icons .fa-twitter {
  background: #20B8FF
}

.team .social_icons .fa-google-plus {
  background: #D34836
}


.team-bar .first-one-arrow {
  float: left;
  margin-right: 30px;
  width: 2%;
}

.team-bar .first-arrow {
  float: left;
  margin-left: 5px;
  margin-right: 35px;
  width: 22%;
}

.team-bar .second-arrow {
  float: left;
  margin-left: 5px;
  width: 21%;
}

.team-bar .third-arrow {
  float: left;
  margin-left: 40px;
  margin-right: 12px;
  width: 22%;
}

.team-bar .fourth-arrow {
  float: left;
  margin-left: 25px;
  width: 20%;
}

.team-bar .first-one-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .first-arrow hr {
  border-bottom: 1px solid #2D7DA4;
  border-top: 1px solid #2D7DA4;
 }

.team-bar .second-arrow hr {
  border-bottom: 1px solid #6aa42f;
  border-top: 1px solid #6aa42f;
}

.team-bar .third-arrow hr {
  border-bottom: 1px solid #FFBD20;
  border-top: 1px solid #FFBD20;

}

.team-bar .fourth-arrow hr {
  border-bottom: 1px solid #db3615;
  border-top: 1px solid #db3615;
}

.team-bar {
  margin-bottom: 15px;
  margin-top: 30px;
  position: relative;
}

.team-bar i {
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: -32px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 24px;
  position: absolute;
}

.team-bar .first-arrow .fa-angle-up {
  background:#2D7DA4;
  margin-left:-33px
 }

.team-bar .second-arrow .fa-angle-down {
  background:#6AA42F;
  margin-left: -33px;
}

.team-bar .third-arrow .fa-angle-up {
  background:#FFBD20;
  margin-left: -32px;
}

.team-bar .fourth-arrow .fa-angle-down {
  background:#db3615;
  margin-left: -32px;
}

.team .single-profile-top:before, 
.team .single-profile-top:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-top:before {
  left:26px;
  bottom: -20px;
  border-width: 10px;
  border-color:#fff transparent transparent transparent;
  z-index: 1;
}

.team .single-profile-top:after {
  left: 25px;
  bottom: -22px;
  border-style: solid;
  border-width: 11px;
  border-color:#ddd transparent transparent transparent;
  z-index: 0;
}

.team .single-profile-bottom:before,
.team .single-profile-bottom:after {
  position: absolute;
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
}

.team .single-profile-bottom:before {
  left:30px;
  top: -20px;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 1;
}

.team .single-profile-bottom:after {
  left: 29px;
  top: -22px;
  border-style: solid;
  border-width: 11px;
  border-color: transparent transparent #DDD transparent;
  z-index: 0;
}



/*=======================================================================================================================================
  gallery   effect-marley 文字が上に上がる　 effect-julia　画像を大きくする　thumbnailとmask　マウスオーバーで画像の上に文字をだす
======================================================================================================================================== */  

.gallery {
	padding:50px 0 20px;
	clear:both;
	max-width:1170px;
	margin:0 auto;
}

.gallery figure.effect-julia {
	position: relative;	
	margin:5px 0 0;
	text-align: left;
	cursor: pointer;
	padding: 0px 5px 0;
	color: #222;
	/*text-transform: uppercase;*/
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery figure img {
	position: relative;
	display: block;
	opacity: 1;
}

.gallery figure ::before,
.gallery figure ::after {
	pointer-events: none;
}

.galleryArchive{
	padding:60px 0 10px;
	clear:both;
	max-width:1170px;
	margin:0 auto;
}
.galleryArchive h3{
	font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
	text-align:center;
}


/*　effect-marley　********************************************/

.gallery figure figcaption {
	text-shadow:2px 2px 2px ;#000;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery figure figcaption::before,
.gallery figure figcaption::after {
	pointer-events: none;
}

figure.effect-marley figcaption {
	text-align: right;

}

figure.effect-marley h4,
figure.effect-marley p {
	position: absolute;
	right: 0;
	left: 0;
	padding: 10px 20px 10px 10px;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	color: #fff;
	text-shadow:2px 2px 2px #000;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+23,0.8+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 23%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 23%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 23%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


}

figure.effect-marley h4 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	
	color: #000;
	text-shadow:2px 2px 2px #fff;
	font-weight:bold;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.1+19,0.6+40,0.8+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 19%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 19%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 19%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */




}

figure.effect-marley:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h4::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h4::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h4::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*　Photoのページ見出し　********************************************/

.action {
  overflow: visible;
  padding: 0px;
  width: 100;
  background: #f2f2f2;
  position: relative;
}
.action .left-text {
  padding: 50px 20px;
  padding-right: 30px;
  width: 50%;
  float:left;
}
.action .left-text h4 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
}
.action .left-text p {
  padding-top: 20px;
}
.action .left-text em {
  font-size: 16px;
  color: #333;
  font-weight: 300;
  font-style: normal;
}
.action .right-image {
	width: 50%;
	float:right;
}
.action .right-image img{
	width:100%;
}

/*　文字大きさ**********************/

.small{
	font-size:12px;
}
.middle{
	font-size:14px;
}
.large{
	font-size:16px;
}

/*　  **********************/

.contact-page{
  padding-top: 0;
  background:#fff;
  margin-bottom:30px;
}

h1{
	font-size:8px;
	color:#ccc;
	margin:0 auto;
	background:#f7f7f7;
	height:10px;
	padding-bottom:2px;
}
.contact-page h2 {
	text-transform:uppercase;
	font-weight:550;
	font-size:24px;
	margin-bottom:30px;
}

.contact-page p {	
	margin-bottom:30px;
}

.contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#f2f2f2;
  box-shadow: none;
  border-radius:0;
}

textarea#message{
   resize: none;
   padding: 10px;
   border-radius:0;
}

.contact-page .contact-wrap {
  margin-top: 20px;
}

/*===========================
  Footer
============================ */
footer {
	padding:50px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf734a+0,bc693c+11,a3562c+33,a3562c+60,ab5e34+82,af5e31+98 */
background: rgb(191,115,74); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmNzM0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2JjNjkzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2EzNTYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2EzNTYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2FiNWUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2FmNWUzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(191,115,74,1) 0%, rgba(188,105,60,1) 11%, rgba(163,86,44,1) 33%, rgba(163,86,44,1) 60%, rgba(171,94,52,1) 82%, rgba(175,94,49,1) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(191,115,74,1) 0%,rgba(188,105,60,1) 11%,rgba(163,86,44,1) 33%,rgba(163,86,44,1) 60%,rgba(171,94,52,1) 82%,rgba(175,94,49,1) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(191,115,74,1) 0%,rgba(188,105,60,1) 11%,rgba(163,86,44,1) 33%,rgba(163,86,44,1) 60%,rgba(171,94,52,1) 82%,rgba(175,94,49,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf734a', endColorstr='#af5e31',GradientType=0 ); /* IE6-8 */

}

footer p {
	color:#fff;
}
footer ul a{
	color:#fff;
}
footer h4 {
	margin-bottom:30px;
	text-transform:uppercase;
	text-shadow:none;
	font-weight:550;
	color:#111;
}

footer .btn-gamp a {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #fff;
	width: 180px;
	height: 60px;
	text-align: center;
	display: inline-block;
	line-height: 45px;
	margin-right:170px;
	margin-top:20px;
	background:#111;
	border: 1px solid #fff;
	border-radius:0px;
}

footer .btn-gamp a:hover {
	background:#fff;
	color:#272727;
	opacity: 0.8;
	transition: all 0.5s;
}

footer .btn-gamp input {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #111;	
	width: 180px;
	height: 60px;
	text-align: center;
	display: inline-block;
	line-height: 56px;
	border-radius:0px;
	border: 1px solid #fff;
}

footer .col-footer{
	width:48%;
	float:left;
}
.contact-info {
	color:#fff;
}


.contact-info ul li i {
	margin-bottom:20px;
}

.widget {
  padding-left: 0;
}

ul.sidebar-gallery2 {
  list-style: none;
  padding: 0;
  margin: 0;
 
}

.sidebar-gallery2 li {
  display: inline-block;
  margin: 0 10px 10px 0;
   border-radius:0px;
}

.sidebar-gallery2 li a {
  display: inline-block;
}

ul.social-network {
	list-style:none;
	margin-top:20px;	
	padding:10px;
	transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.sub-footer  {
	background:#111;
	padding:30px;
}

ul.social-network li {
	display:inline;
	margin: 0 50px;	
	font-size:25px;	
	margin-left:-10px;
}

ul.social-network li a {
	color:#d0d0d0;	
}
.social-network li:hover .fa-twitter {
  color: #00abf0;
}
.social-network li:hover .fa-facebook {
  color: #39579a;
}
.social-network li:hover .fa-google-plus {
  color: #eb8984;
}
.social-network li:hover .fa-pinterest {
  color: #c9171e; 
}
.social-network li:hover .fa-linkedin {
  color: #0077b5; 
}
.social-network li:hover .fa-youtube-play {
  color: #C84941; 
}
.social-network li:hover .fa-dribbble {
  color: #EA4C89 ; 
}
.social-network li:hover .fa-pinterest-square {
  color: #EA4B49; 
}

.copyright {
	margin:30px 20px 0 0;
	color:#fff;
	text-align:right;
}

.copyright a {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	text-shadow:none;
}

/*トップへ戻る 追加*/
#scrollUp {
    bottom: 0;
    right: 20px;
    width: 60px;
    height: 60px;
	border-radius:2px 2px 0 0;
    margin-bottom: -20px;
    padding: 10px;
    font: 13px/18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
	font-weight:bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
	background: #000000; 
	background: rgba(0, 0, 0, 0.5);
    background-repeat: repeat-x;
    -webkit-transition: margin-bottom 300ms linear;
    -moz-transition: margin-bottom 300ms linear;
    -o-transition: margin-bottom 300ms linear;
    transition: margin-bottom 300ms linear;
}

#scrollUp:hover {
    margin-bottom: 0;
}

.carousel-inner img{
	text-align:center;
	margin:0 auto;
}



/*下のラインを揃える matchHeight CSS*****************************************/

/* test items */

.items-container{
    overflow: hidden;
    margin: 0 auto;
	width:100%;
}

.itemS {
    display: block;
    float: left;
	background:#fff;
	border:solid 1px #eeeeee;
	box-shadow:0 4px 3px hsl(0, 0%, 77%);
	margin:1%;
}
.itemS img {
    max-width: 100%;
	text-align:center;
}

.itemS p:last-child {
    margin-bottom: 0;
}

.itemS a:link{
	text-decoration:underline;
}
.itemS a:hover{
	text-decoration:none;
}


/* test margins */

.test-margin .itemS {
    margin: 1%;
}

/* test a mix of padding amounts */

.test-padding .itemS {
    padding: 20px;
}


/*thumbnail  画像の上にmaskで文字を書く ************************************************************/

.thumbnail {
    width:100%;
    height:100%;
    padding:5px;
    overflow: hidden;
    position: relative;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    background: #ffffff;
	margin-bottom:0;
}
/*mask  ************************************************************/

.thumbnail .mask {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    position:absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	padding:1em;
	text-align:left;
	overflow:auto;
}
.thumbnail:hover .mask,
.thumbnail:hover .maskPhoto {
    top:0;
}

.thumbnail .mask,
.thumbnail .maskPhoto {
    background: #000;
	color:#fff;
}
.thumbnail .mask p{
	color:#fff;
}

.thumbnail:hover{
    color:#fff;
}

.thumbnail .maskPhoto {
    opacity:0.85;
    filter: alpha(opacity=85);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    /*position:absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;*/
	padding:0.5em;
	text-align:left;
	overflow:auto;
}

/*box table ************************************************************/

.box{
	padding:5px;
	color:#333;
	text-align:left;
}
.boxL{
	color:#333;
	text-align:left;
	font-size:13px;
	background:#fff;
	margin:0 5px 5px;
	padding:5px;
	background:#fff;
}
.items-container h2{
	font-size:17px;
	background:#fff;
	color:#a3562c;
	padding:10px 0 0 0;
	margin-bottom:0;
	margin-top:0;
}

.boxL ul{
	margin-left:-1em;
}
.boxL ul.circle{
	list-style:circle;
}
.boxL ul.disc{
	list-style:disc;
}
.boxL ul.none{
	list-style:none;
}
.boxL ul.decimal{
	list-style:decimal;
}
.boxL ul.upper-alpha{
	list-style:upper-alpha;
}

.visible-xs{
	display:block !important;
}

/*.carousel-control,.carousel-control:hover, .carousel-control:focus{
	background:none;
}*/
.carousel-control.left,.carousel-control.left:hover,.carousel-control.left:focus{
	background:none;
}
.carousel-control.right{
	background:none;
}


/*------------------------------------------
    -   アイコン追加 FLAT ICON OVER WRITE -
--------------------------------------------*/

.col-md-3 i:before{
    font-size : 15px;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family    : Flaticon;
    font-size      : 15px;
    font-style     : normal;
    margin-left    : 0;
}
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


.col-md-3 .fa{
    font-size           : 15px;
    color               : #ac0404;
    margin              : 0 auto;
    height              : 40px;
    width               : 40px;
    border-radius       : 50%;
    border              :2px solid #ac0404;
    line-height         : 35px;
    cursor              : pointer;
    -webkit-transition  : all  ease-in-out 0.35s;
    -moz-transition     : all  ease-in-out 0.35s;
    -o-transition       : all  ease-in-out 0.35s;
    -ms-transition      : all  ease-in-out 0.35s;
    transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
	font-family: FontAwesome;
}
.who-we-are .col-md-3 i:before{
    margin-left         : 0px;
    font-size           : 15px;
}


.col-md-3 .fa:hover{
    
    background-color        : #ac0404;
    color                   : #fff;
    border                  : 1px solid #ac0404;
    -moz-box-shadow         : inset 0px 0px 0px 3px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 3px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 3px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 3px #ffffff;
    box-shadow              : inset 0px 0px 0px 3px #ffffff;
    -ms-transform           : scale(1.1,1.1); 
    -webkit-transform       : scale(1.1,1.1);
    -moz-transform          : scale(1.1,1.1); 
    -o-transform            : scale(1.1,1.1); 
    transform               : scale(1.1,1.1);  
}

.fa {
    font-family: FontAwesome;
}

.boxL h2,
.boxL h2 a{
	float:left;
	width:83%;
	line-height:1.5;
	margin-bottom:5px;
	color:#b21717;
	font-weight:bold;
}
.icon-circle{
	float:right;
	width:17%;
	display:block;
}
.col-xs-12,
.col-sm-6,
.col-md-3{
	margin-left:0 !important;
	margin-right:0;
	padding-right:0;
	padding-left:0;
}
.icon-circle2{
	float:none;
	width:100%;
	display:block;
}

.map_all{
	max-width:1000px;
}

.btn_Jp,.btn_En,.btn_Cn,.btn_En2{
	margin:0 0 0 90px;
}


/* フォントの大きさ ************************************************************/

.fontL{
	font-size:17px;
}

/* 画像をPCで並列、SPで縦 ************************************************************/

.imgPhoto{
	width:100%;
	margin:15px 0;
}

.imgPhoto .le{
	float:left;
	width:49%;
	border:solid 1px #ddd;
	padding: 3px;
}
.imgPhoto .ri{
	float:right;
	width:49%;
	border:solid 1px #ddd;
	padding: 3px;
}
.imgPhoto .le img{
	width:100%;
}
.imgPhoto .ri img{
	width:100%;
}
.imgPhoto .imgText{
	margin:0 auto;
	text-align:center;
	padding:3px 0;
}
.indent{
	text-indent:1em;
}




/*********************************全ブラウザCSSここまで********************************************************************************************************************************/



@media only screen and (min-width:1225px)  {

.slider{
	max-width:1170px;
}

#carousel-slider{
	width:71%;
}
.items-container{
	max-width:1170px;
	width:100%;
	margin:0 auto 30px;
}
.itemS{
    width: 31%;
	margin:2% 1%;
}
.nav-tabs > li > a {
	height:80px;
}

}

@media only screen and (min-width:980px){
	
.itemS{
    width: 31%;
	margin:2% 1%;
}

}

@media only screen and (max-width: 979px) {

.itemS {
        width: 48%;
        margin:4% 1%;
}

.action .left-text {
  padding: 30px 10px 20px;
}

}

@media only screen and (min-width:768px) and (max-width:800px) {
.nav-tabs > li > a {	
	border-radius:0;
	color:#333;
	padding:15px;
}

}

@media only screen and (min-width:768px) {

.nav-tabs > li > a {
	height:80px;
}

.btn_En img,.btn_Jp img, .btn_Cn img, .btn_En2 img {
	width:80px;
}

}

@media only screen and (min-width:481px) {

/*　itemSに高さを決める　*/
.height{
	height:360px !important;
}

}


@media only screen and (min-width:980px) and (max-width:1060px) {

/*　itemSに高さを決める　*/
.height{
	height:380px !important;
}

}

@media only screen and (min-width:800px) and (max-width:979px) {

/*　itemSに高さを決める　*/
.height{
	height:380px !important;
}

}

@media only screen and (min-width:481px) and (max-width:640px) {
	
/*　itemSに高さを決める　*/
.height{
	height:360px !important;
}
	
}

@media only screen and (min-width:321px) and (max-width:480px){
	
/*　itemSに高さを決める　*/
.height{
	height:380px !important;
}

.col-xs-12 .col-sm-6 .col-md-3{
	 padding-right: 0;
}
	
}

@media only screen and (max-width: 767px) {
	
.boxL{
	color:#333;
	text-align:left;
	font-size:13px;
	background:#fff;
	margin:0 5px 5px;
	padding:5px;
	background:#fff;
}
	
.navbar-brand h2 {
	margin-top:0;
	padding-top:0;
}

#carousel-slider .carousel-control.left i {
	left:10px;
}

#carousel-slider .carousel-control.right i {
	right: 10px;
}

.carousel-caption  h2 {
	font-size:25px;
}

.carousel-caption  h2 span {
	font-size:25px;
}
.carousel-caption p{
	font-size:15px;
}
.slider {
	margin-top:52px;
}


/*ナビ*/

.nav-tabs > li {
	float: left;
	margin-bottom: 0;
	width:100%;
	text-align:center;
	background:#fff;
}
.nav-tabs > li > a {	
	border-radius:0;
	color:#333;
	padding:14px 10px;
}
.menu{
	float:none;
	font-size:14px;
}
.menu a{
	text-align:left;
}
.dropdown-menu{
	width:100%;
}
.dropdown-menu > li > a{
	padding-left:30px;
	padding-bottom:3px;
	padding:6px 0 6px 30px;
}

.items-container h2{
	font-size:16px;
}

/*ホバー時にラインを出す*/
.nav a::after {
	height: 1px;
}
.btn_En img,.btn_Jp img, .btn_Cn img, .btn_En2 img{
	width:80px;
}

/*------------------------------------------
    -   アイコン追加 FLAT ICON OVER WRITE -
--------------------------------------------*/

.col-md-3 i:before{
    font-size : 12px;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-size      : 12px;
}

.col-md-3 .fa{
    font-size           : 12px;
    height              : 30px;
    width               : 30px;
    line-height         : 26px;
}
.who-we-are .col-md-3 i:before{
    font-size           : 12px;
}

.boxL h2{
	width:85%;
}
.icon-circle{
	width:10%;
}

}

@media only screen and (max-width: 640px) {

.mainCont{
	float:none;
	width:100%;
}
.sideCont{
	float:none;
	width:100%;
}
	

.thumbnail{
	padding:10px;
}

.thumbnail .mask {
	font-size:14px;
}
.boxL ul{
	margin-left:-1.5em;
}
.items-container{
	margin:0 auto;
}
.items-container h2{
	font-size:17px;
	background:#fff;
	color:#a3562c;
	padding:5px;
	margin-bottom:0;
	margin-top:0;
}
.action .left-text {
  width: 100%;
  float:none;
  padding: 20px;
}
.action .right-image {
	width: 100%;
	float:none;
	padding: 0 20px;
}
.action .right-image img{
	text-align:center;
}

#carousel-slider a i {
	border:none;
	height: 30px;
	padding: 5px;
	position: absolute;
	top: 40%;
	color:#000;
	background:none;
	font-size:17px;
}

#carousel-slider a i:hover {
	background:none;
	color:#ccc;
	border: none;
}

#carousel-slider .carousel-control.left i {
	left:0;
}

#carousel-slider .carousel-control.right i {
	right:0;
}


/*------------------------------------------
    -   アイコン追加 FLAT ICON OVER WRITE -
--------------------------------------------*/

.col-md-3 i:before{
    font-size : 12px;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-size      : 12px;
}

.col-md-3 .fa{
    font-size           : 10px;
    height              : 26px;
    width               : 26px;
    line-height         : 20px;
}
.who-we-are .col-md-3 i:before{
    font-size           : 10px;
}

.btn_En img,.btn_Jp img, .btn_Cn img, .btn_En2 img {
	width:80px;
}

.banner2{
	float:none;
	width:100%;
	margin:15px 0;
}
.banner2 .bannerLe{
	float:none;
	width:100%;
}
.banner2 .bannerRi{
	float:none;
	width:100%;
}
.banner2 .bannerLe p img,
.banner2 .bannerRi p img{
	width:50%;
	float:left;
}

footer .col-footer{
	width:100%;
	float:none;
}
footer .col-footer ul{
	margin:0;
	padding:0;
}
footer .col-footer ul li{
	padding:0 0 0 2em;
}
.copyright {
	text-align:center;
}


}

@media screen and (max-width: 480px) {
	
#scrollUp {
    bottom: 0;
    right: 10px;
    width: 50px;
    height: 60px;
	border-radius:2px 2px 0 0;
    margin-bottom: -20px;
    padding: 10px;
    font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

figure.effect-marley p {
	font-size:11px;
}


.carousel-caption {
	bottom: 10%;
}

.carousel-caption  p {
	font-size:16px;
	margin-top:10px;
	margin-bottom:0;
}


.carousel-caption h2 {
	font-size:20px;
	display:block;
}

.carousel-caption  h2 span {
	font-size:16px;
	display:block;
}

.carousel-inner .form-inline .form-group button[type="livedemo"]{
	padding:20px 60px;
	font-size:15px;
}

#carousel-slider{
	position: relative;	
	width:100%;
	float:none;
}
.banner,.banner2{
	float:none;
	width:100%;
	margin:15px 0;
}
.banner .bannerLe,
.banner2 .bannerLe{
	float:left;
	width:50%;
}
.banner .bannerRi,
.banner2 .bannerRi{
	float:left;
	width:50%;
}
.banner2 .bannerLe p img,
.banner2 .bannerRi p img{
	width:100%;
	float:none;
}


#carousel-slider .carousel-control.left i {
	left:3px;
}

#carousel-slider .carousel-control.right i {
	right: 3px;
}

.carousel-caption  h2 {
	font-size:16px;
}

.items-container h2{
	font-size:15px;
}

#carousel-slider a i {
	font-size:15px;
}

.thumbnail{
	padding:10px;
}
.thumbnail .mask {
	font-size:13px;
}

.map {
	width:90%;
	margin:0 auto;
}

figure.effect-marley h4{
	top:50px;
	font-size:20px;
}


/* 画像をPCで並列、SPで縦 ************************************************************/

.imgPhoto{
	width:100%;
}

.imgPhoto .le{
	float:none;
	width:100%;
	margin:15px 0;
}
.imgPhoto .ri{
	float:none;
	width:100%;
	margin:10px 0;
}

}

@media only screen and (max-width: 320px) {
	
.carousel-caption  h2 {
	font-size:15px;
}

.items-container h2{
	font-size:14px;
}

.itemS {
     /*width: 100%;
     margin:4% 1%;*/
}

}




/* clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.cf {
    min-height: 1px;
}
 
* html .cf {
    height: 1px;
}


/*文字のCSS*/
.red{
	color:#b21717;
}
.bold{
	font-weight:bold;
}
.fontS{
	font-size:11px;
}
.fontM{
	font-size:14px;
}
.wiki{
	font-size:11px;
	color:#333;
}