@charset "UTF-8";

@media only screen and (max-width:999px){
.listWorkThumbs li{width:33.33333%;}
}

@media all and (-webkit-min-device-pixel-ratio : 1.5), only screen and (max-width: 979px){
}
@media only screen and (max-width: 939px){
	#GlobalNav .listInlineBlock li{margin-left:30px;}
	#LocalNav{font-size:1.2em;}
	#LocalNav li{margin-right:25px;}
}
@media only screen and (max-width: 899px){
	#GlobalHeader h1{width:260px; margin-top:-2px;}
	#GlobalNav .listInlineBlock li{margin-top:-5px; margin-left:27px;  font-size:1.3em;}
	#LocalNav{font-size:1.15em;}
	#LocalNav li{margin-right:17px;}
	
	#HomeFooterNav{}
	#SingleFooterNav{position:relative; bottom:30px; right:inherit; width:100%; text-align:center;}
	/*#HomeFooterNav{bottom:0;}*/
	/*#HomeFooterNav .navInner,
	#SingleFooterNav .navInner{float:none; letter-spacing:-.4em;}
	#HomeFooterNav .navInner div,
	#SingleFooterNav .navInner div{float:none; display:inline-block; letter-spacing:0;}*/
}
@media only screen and (max-width: 767px){
	
/* -------------------------------------------------------------------------------*/
/* GLOBA-HEADER
/* -------------------------------------------------------------------------------*/

#GlobalHeader{height:100px; margin-bottom:30px;}
#Page-home #GlobalHeader,
#Page-work #GlobalHeader{margin-bottom:20px;}
#Page-home #GlobalHeader{margin-bottom:0;}

#GlobalHeader h1{margin-right:0; margin-top:3px;}


#GlobalNav{float:right;}
#GlobalNav ul{display:none;}
#BtnOpenNav{display:inherit;}

#LocalNav{width:100%;}
#LocalNav .navPC{display:none; position:fixed; top:0; left:0; width:100%; padding:81px 20px 0; z-index:500;}
#LocalNav .navPC li{float:none; margin:0; text-align:center; padding:.75em 0; display:block; border-bottom:2px solid #D5D5D5; line-height:1.2;}
#LocalNav .navPC li a{color:#000; display:block;}
#LocalNav .navPC li a:hover{color:#ff4200;}
#LocalNav #CurrentLocalNav{display:block;}
#BtnLnavClose{}

	
/* -------------------------------------------------------------------------------*/
/* GLOBAL-FOOTER
/* -------------------------------------------------------------------------------*/

#GlobalFooter.innerWrap{padding-right:20px; padding-left:20px;}
#GlobalFooter .flt-R{float:none;}
#GlobalFooter ul{float:none; text-align:center; letter-spacing:-.4em;}
#GlobalFooter ul li{float:none; letter-spacing:normal; display:inline-block;}
#GlobalFooter ul li:last-child{border-right:none;}
#GlobalFooter .copyright{float:none; margin-left:0; text-align:center; margin-top:5px;}

/* -------------------------------------------------------------------------------*/
/* CONTENT
/* 
/* 
/* -------------------------------------------------------------------------------*/

#BtnPageTop{}

.wrapAll{padding-left:20px; padding-right:20px;}
#TitleJP,
#InfoBar{display:none; width:0; height:0; overflow:hidden;}
#Page-home #InfoBar{display:block; position:fixed; top:60px; right:20px; width:auto; height:auto;}
.wrapMain{}

.halfW{position:relative; width:100%;}
.halfW.left,
.halfW.right{float:none; padding-left:0; padding-right:0;}

.wrapMain{padding-top:20px; background-position:left 15px;
/*background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto; -o-background-size:100% auto;*/}
.wrapMain{-webkit-background-size:auto 110px; -moz-background-size:auto 110px; -ms-background-size:auto 110px; -o-background-size:auto 110px; background-size:auto 110px;}

 #HomeMainVis{margin-top:0;}
.homeimg-pc{display:none;}
.homeimg-smp{display:block;}
 
/* -------------------------------------------------------------------------------*/
/* ABOUT
/* -------------------------------------------------------------------------------*/

.scnProfile.blockJP{margin-bottom:5em;}
#GoogleMap{padding-bottom:60%;}

/* ------------------------------------------------------------------------ */
/* CONTACT
/* ------------------------------------------------------------------------ */

.atlPage .dlContact dt{float:none; width:inherit; margin-bottom:5px; padding:5px 0 0;}
.atlPage .dlContact dt .mention{position:absolute; top:165px; left:0; font-size:92%; line-height:1; letter-spacing:0;}
.atlPage .dlContact dt .asterisk{padding-left:5px; font-size:120%; line-height:1; color:#111;}
.atlPage .dlContact dd{margin-left:0; margin-bottom:15px;}

.atlPage .dlContact .iptName,
.atlPage .dlContact .iptCom,
.atlPage .dlContact .iptDiv,
.atlPage .dlContact .iptMail,
.atlPage .dlContact .iptTel{width:100%;}
.atlPage .dlContact textarea{width:100%;}
.dropSubject{min-width:inherit; width:100%;}

/* ------------------------------------------------------------------------ */
/* WORK
/* ------------------------------------------------------------------------ */

#SingleFooterNav .navInner{margin:0 auto;}

.listWorkThumbs{margin-left:-10px; margin-right:-10px;}
.listWorkThumbs li{padding:0 10px 20px; width:50%;}

#Page-work .clmL,
#Page-work .clmR{float:none; width:100%; padding-left:0; padding-right:0;}

/* ------------------------------------------------------------------------ */
/* NOTE
/* ------------------------------------------------------------------------ */
.atlPost .halfW.left,
.atlPost .halfW.right{float:none; width:inherit;}
.atlPost .postImg{text-align:center;}
}

@media all and (-webkit-min-device-pixel-ratio : 1.5), only screen and (max-width: 767px){
}

@media only screen and (max-width:479px){	
.only480{display:inherit;}
.no480{display:none;}

#GlobalHeader{height:95px; margin-bottom:20px;}
#GlobalHeader h1{width:240px;}

#LocalNav .navPC{padding-top:76px;}
/*
.listWorkThumbs{margin-left:0; margin-right:0;}
.listWorkThumbs li{width:100%; padding-left:0; padding-right:0;}
*/
}
@media only screen and (max-width:370px){
#GlobalHeader h1{width:200px;}
}