.img_width img{
width:100%!important;}


.clear{clear: both;}


#social li .icon-instagram:hover {
	color:#437094;
	-webkit-transition-property:color,  text;
	-webkit-transition-duration: 0.3s,  0.3s;
	-webkit-transition-timing-function: linear,  ease-in;
	-moz-transition-property:color,  text;
	-moz-transition-duration:0.3s;
	-moz-transition-timing-function: linear,  ease-in;
	-o-transition-property:color,  text;
	-o-transition-duration:0.3s;
	-o-transition-timing-function: linear,  ease-in;
}

#social li .icon-linkedin-sign:hover {
	color:#157db5;
	-webkit-transition-property:color,  text;
	-webkit-transition-duration: 0.3s,  0.3s;
	-webkit-transition-timing-function: linear,  ease-in;
	-moz-transition-property:color,  text;
	-moz-transition-duration:0.3s;
	-moz-transition-timing-function: linear,  ease-in;
	-o-transition-property:color,  text;
	-o-transition-duration:0.3s;
	-o-transition-timing-function: linear,  ease-in;
}










.youtube{
position: relative;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
padding-top:0;
overflow: hidden;
}

.youtube iframe {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.youtube object{
position: relative;
top: 0;
left: 0;
width: 100%;
}

#prtfl-list li .mask {
    background-color: rgba(255, 255, 255, 0.5);
}

.prtf-itm .mask {
    background-color: rgba(255, 255, 255, 0.5);
}




.g_map_link{
float:right;
position:relative;
top:30px;}

.g_map_link:after{
clear:both;}


i{
font-style:normal!important;}


#social li .brandico-vimeo:hover {
    color: #4c8ab0;
    transition-duration: 0.3s;
    transition-property: color, text;
    transition-timing-function: linear, ease-in;
}

.contact-social li a:hover {
    color: #228ee1;}
    
    
    
    
    
#responsive-menu-toggle:after {
    background: url("../images/responsive-menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
    
    
    
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}


.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
    



#portfolio img{
max-height:180px !important ;}
    

#main-info .pad20{
height:260px !important ;}

.logo{
max-width:183px;}

.blog-info a{
color:#727272 !important ;}

.blog-info a:hover{
color:#128CE3 !important ;}

.blog-info1 a{
color:#727272 !important ;}

.blog-info1 a:hover{
color:#128CE3 !important ;}

.blog_detail_100 a{
color:#727272 !important ;}

.blog_detail_100 a:hover{
color:#128CE3 !important ;}

.blog_area{
border:1px solid #e5e5e5;
padding:20px;
margin-bottom:30px;
margin-right:30px;}

div.pagenav{
width:96%;}

div.pagenav .previous{
width:50%;
float:left;}

div.pagenav .next{
width:50%;
text-align:right !important;
float:left;}


.top_blog_info{
border:1px solid #e5e5e5;
padding:5px 20px 20px 20px;
margin-bottom:30px;}

h3.list_title{
font-size:120%;
line-height:1.5em;}





.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.copy{
margin-bottom:20px;
text-align:right;
margin-top:20px;}

ul#social{
text-align:right;
position:relative;
top:-20px;}

ul#social li{
margin:0 15px 20px 15px;}

div.footer-info a{
color:#727272;}

div.footer-info a:hover{
color:#727272;
text-decoration:underline;}


ul.sp_img{
display:none;}

div.four_area:nth-of-type(-n+2){
display:none;}

.four_area .sp_no_link{
display:none;}

.blog_info_2 .sp_no_link{
display:none;}

.blog_top_1 .sp_no_link{
display:none;}

.four_area img{
width:50px;
height:auto;}

.form-group .inpt-name{
width:15%;}


/*----------photosのfilltering----------*/
#sort{
width:100%;
margin-bottom:20px;
overflow:hidden;}

#sort:after{
clear:both;
content:'';}

#sort ul{
margin:0;}

#sort li{
border:none;
display:inline-block;
float:left;
margin-right:10px;
margin-bottom:10px;
text-align:center;
padding:10px;
cursor:pointer;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
background-color:#edecec;}

#sort li:hover{
color:#ffffff;
background-color:#228ee1;}
	
#sort li.active {
color:#ffffff;
background-color:#228ee1;
cursor:default;}


#itemList .portfolio-info-box{
margin-bottom:30px;}

.photobody_line{
clear:both;
border-top:1px solid #ececec;
padding:20px 20px 0 20px;}

.photobody_img{
margin:0 0 20px 0;}







/*-----movieの矢印-----*/
.item div.movie_triangle{
background:url("../images/triangle.png");
width:50px;
height:50px;
z-index:9999!important;
display:block;
position:absolute;
top:30%;
left:45%;}

.item a img{
z-index:9988!important;}

.four_area a{
color:#727272;}

.four_area a:hover{
color:#727272;}

.four_area a:hover{
text-decoration:none;}

.four_area a.margint10{
color:#228ee1;}

.sp_no_link a{
color:#228ee1;}


ul#about-carousel li img{
max-width:930px;}

.blog-box{
height:330px;}


.img-thumbnail{
margin:0;
padding:0;
border:0;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;}










/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
             smart_phone
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media(max-width:670px){

/*photosのfilltering*/
#itemList .portfolio-info-box{
margin-bottom:15px;}

.photobody_line{
clear:both;
border-top:none;
padding:0 20px 0 20px;}

.photobody_img{
margin:0;}






.logo{
max-width:65%;}

#main-info .pad20 {
    height:auto !important;
}

.blog-alt-box img{
max-width:100%;}

h3.list_title{
margin:0;
padding:0;}

h3.marginb10{
margin:0;
padding:0;}

.top_blog_info .blog-info {
    margin-left:0;
    padding: 0;
    width: 100%;
}

.blog_area{
margin-right:-20px !important ;}

ul.rslides{
display:none;}

ul.sp_img{
display:block;}

ul.sp_img li img{
max-width:100%;}

ul.sp_img li:nth-of-type(n+2){
display:none;}






.col3-box{
margin:0;
padding:0;
clear:both;}

.info .four_area{
width:100%;}

.info .four_area .pad20 img{
width:20%;
height:auto;
float:left;
margin:0;
padding:26px 10px 20px 0;}

.info .four_area:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.info .four_area{
display: inline-block;
position:relative;} 

.info .four_area .pad20{
margin:0;
padding:0;
border:none;}

.info .four_area .pad20 a{
width:100%;
float:right;}

.info .four_area{
border-bottom:1px solid #ececec;
padding-bottom:10px;
margin-bottom:10px;}

.info .four_area .pad20 p{
text-align:left;
padding-right:25px;}

.info .four_area .pad20:hover{
background:none;}

.info .four_area h4{
text-align:left;
word-break: break-all;}

.info .four_area p{
font-size:80%;
word-break:break-all;}

.info .four_area a.margint10{
display:none;}

.info .four_area .sp_no_link{
float:left;
display:block;
font-size:300%;
width:3%;
position:absolute;
top:20px;
left:95%;}

.info .four_area .sp_no_link a:hover{
text-decoration:none;}

.info .sp_four_area{
width:77%;
float:left;
word-break:break-all;}


/*blog------*/
#latest-blog-posts{
position:relative;}

#latest-blog-posts .col-lg-6{
padding:0;
margin:0;}

.blog_top_1 .blg-img-box img{
width:30%;
height:auto;}

.blog_top_1 .blog-date-box p.blog-date-month{
float:left;
font-size:100%;
position:absolute;
top:13px;
left:33px;}

.blog_top_1 .blog-date-box p.blog-date-day{
float:left;
position:absolute;
top:3px;
left:5px;
font-size:100%;}

.blog_post_1{
height:25px;
width:30%;
position:absolute;
top:47px;}

.blog-info h3{
font-size:110%;
width:100%;
position:absolute;
top:-65px;
left:45%;
font-weight:bold;}

.blog_top_1{
border-bottom:1px solid #ececec;}

.blog_top_1 p{
font-size:90%;
width:50%;
position:absolute;
top:0;
left:35%;}

.blog_top_1 a.sp_no{
display:none;}

.blog_top_1 .sp_no_link{
display:block;
font-size:300%;
position:absolute;
top:10px;
left:95%;}

.blog_top_1 .sp_no_link a:hover{
text-decoration:none;}

.blog-alt-box{
border-bottom:1px solid #ececec;
margin-right:0;
margin-bottom:-50px;
margin-left:0;
height:95px;}


.blog_info_2{
position:relative;}

.blog_info_2 img{
width:33%;
height:auto;
margin-top:10px;
margin-left:-13px;}

.blog_info_2 .alt-date-box{
height:25px;
width:33%;
margin-left:-13px;}

.blog_info_2 .alt-date-box h4{
font-size:100%;
margin-top:-5px;}

.blog_info_2 .col-lg-8 h4{
position:absolute;
top:-90px;
left:37%;
font-size:110%;
font-weight:bold;}

.blog_info_2 p.margint10{
position:absolute;
top:-85px;
left:37%;
width:50%;
font-size:90%;}

.blog_info_2 a.sp_no{
display:none;}

.blog_info_2 .sp_no_link{
display:block;
font-size:300%;
position:absolute;
top:-85px;
left:95%;}

.blog_info_2 .sp_no_link a:hover{
text-decoration:none;}

/*-------contact-------*/
.form-group .inpt-name{
width:100%;}




/*-----top catalog-----*/
ul#prtfl-list li{
margin:0;
padding-right:28px;}


ul#about-carousel li img{
max-width:100%;}


.copy{
margin-bottom:20px;
text-align:center;
margin-top:0;}

ul#social{
margin:0 auto;
text-align:center;
top:0;}






}




/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_yoko
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 980px) and (max-width: 1024px) {

.blog-alt-box img{
max-width:100%;}

.blg-img-box img{
max-width:100%;}

.blog-alt-box{
float:left !important ;
width:48%;
margin:0 2% 0 0 !important ;}

.blog-alt-box:nth-child(2){
margin:0 !important ;}

.logo{
width:130px;
height:auto:
margin:0;
padding:0;
position:relative;
left:-25px;
top:8px;}

ul.site-menu{
margin-right:-40px;}

ul#about-carousel li img{
max-width:100%;}


}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::
             tablet_tate
:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 641px) and (max-width: 979px) {

.logo{
max-width:30%;}

.blog-alt-box img{
max-width:100%;}

.blg-img-box img{
max-width:100%;}

.blog-alt-box{
float:left !important ;
max-width:48%;
margin:0 2% 0 0 !important ;}

.blog-alt-box:nth-child(2){
margin:0 !important ;}

.photobody_line{
clear:both;
border-top:none;
padding:0 20px 0 20px;}

.photobody_img{
margin:0;}

ul#about-carousel li img{
max-width:100%;}

.blog-box{
height:280px;}


}





/*------------------------------------------------------------
icon line 追加 2016_0907
--------------------------------------------------------------*/
ul.contact-social li i.iconline-line{
font-size:120%;}

ul#social li a i.iconline-line{
font-size:110%;
cursor:pointer;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}

ul#social li a:hover i.iconline-line{
color:#53b535;}






.ant {display: none;}







/*-----------------------------------------------------
nicecrollをやめ、windowsタブレットでもタッチできるものに変更
それに伴い、フォームを少し変更 2017_0413
TrackpadScrollEmulator
-------------------------------------------------------*/
.form-button{
height:40px;
border:none;}


.form-control{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.0) inset, 0 0 8px rgba(0, 0, 0, 0);
outline: 0 none;}


.form-control:focus {
border-color:#cdcdcd;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.0) inset, 0 0 8px rgba(0, 0, 0, 0);
outline: 0 none;}






/*----------------------------------------------------------
calendar 2017_0516追加
-------------------------------------------------------------*/

#calendar{
position:relative;}

.calendar_bottom{
clear:both;
margin:100px;}

.custom-month-year{
position:relative;
margin:50px 0 0 0;}

.custom-month-year nav span{
cursor:pointer;}

.custom-month-year nav{
text-align:right;
position:absolute;
top:0;
right:30px;}

.fc-head div{
width:calc(99% / 7);
width:-webkit-calc(99% / 7);
width:-moz-calc(99% / 7);
float:left;
text-align:center;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-right:1px solid #000000;}

.fc-head div:nth-of-type(1){
border-left:1px solid #000000;}

.fc-row div{
width:calc(99% / 7);
width:-webkit-calc(99% / 7);
width:-moz-calc(99% / 7);
float:left;
text-align:center;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
height:100px;}

.fc-row div:nth-of-type(7n+1){
border-left:1px solid #000000;}

.fc-today{
background-color:#ececec;}

.fc-weekday{
display:none;}

.fc-content div:nth-of-type(7n+1){
border-left:none;}

.fc-content div{
border:none;
width:100%;
color:#000000;
line-height:1.3em;}

.fc-head div:nth-of-type(6n),
.fc-row div:nth-of-type(6n){
color:#0c00cc;}

.fc-head div:nth-of-type(7n),
.fc-row div:nth-of-type(7n){
color:#cc0000;}

.fc-head div:nth-of-type(6n){
background-color:#cce2fb;}

.fc-head div:nth-of-type(7n){
background-color:#fde5e4;}












/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone_yoko  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

/*------------------------------------------------
calendars
---------------------------------------------------*/
.custom-month-year nav{
text-align:left;
position:absolute;
display:block;
top:0;
right:0;}

.fc-head div{
display:none;
width:100%;
float:none;
text-align:left;
border-top:none;
border-bottom:none;
border-right:none;}

.fc-head div:nth-of-type(1){
border-left:none;}

.fc-body{
margin-top:30px;}

.fc-row div{
width:100%;
float:none;
text-align:left;
border-right:none;
height:auto;
border-bottom:1px solid #000000;
padding:0;}

.fc-row:nth-of-type(1) div:nth-of-type(1){
border-top:1px solid #000000;}

.fc-row div:nth-of-type(7n+1){
border-left:none;}

.fc-today{
background-color:#ececec;}

.fc-date{
font-size:150%;
display:inline;}

.fc-weekday{
display:block;
display:inline;}

.fc-content div:nth-of-type(7n+1){
border-left:none;}

.fc-content div{
border:none;
color:#000000;
width:80%;
height:auto;
margin:-32px 0 0 50px;
padding:5px 0;}

.fc-row div:empty {
display:none;}

.fc-body .fc-row:nth-of-type(1) .fc-content div{
border:none;}


}





/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone_tate  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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



/*------------------------------------------------
calendars
---------------------------------------------------*/
.custom-month-year nav{
text-align:left;
position:absolute;
display:block;
top:0;
right:0;}

.fc-head div{
display:none;
width:100%;
float:none;
text-align:left;
border-top:none;
border-bottom:none;
border-right:none;}

.fc-head div:nth-of-type(1){
border-left:none;}

.fc-body{
margin-top:30px;}

.fc-row div{
width:100%;
float:none;
text-align:left;
border-right:none;
height:auto;
border-bottom:1px solid #000000;
padding:0;}

.fc-row:nth-of-type(1) div:nth-of-type(1){
border-top:1px solid #000000;}

.fc-row div:nth-of-type(7n+1){
border-left:none;}

.fc-today{
background-color:#ececec;}

.fc-date{
font-size:150%;
display:inline;}

.fc-weekday{
display:block;
display:inline;}

.fc-content div:nth-of-type(7n+1){
border-left:none;}

.fc-content div{
border:none;
color:#000000;
width:80%;
height:auto;
margin:-25px 0 0 50px;
padding:5px 0;}

.fc-row div:empty {
display:none;}

.fc-body .fc-row:nth-of-type(1) .fc-content div{
border:none;}



}