@charset "UTF-8";@charset "utf-8";img{vertical-align:text-bottom;-ms-interpolation-mode:bicubic;}
strong{font-weight:bold;}
ol, ul{list-style:none;padding:0px;margin:0px;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;vertical-align:top;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a:focus{overflow:hidden;/**/}
option{padding-right:10px;}
h1, h2{margin:0;padding:0;}
ul, menu, dir{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-start:0px;}
html,body{-webkit-text-size-adjust:100%;word-wrap:break-word;}
html,body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin:0px;padding:0px;height:100%;}
body > #wrapper{height:auto;}
.clearfix:after{content:".";display:block;visibility:hidden;height:0px;font-size:0.1em;line-height:0;clear:both;}
.clearfix{zoom:1;}
li{list-style:none}
html*.box{display:inline;zoom:1;}
input[type="button"],input[type="submit"],input[type="reset"] ,input[type="text"],textarea{-webkit-appearance:none;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:none;-webkit-box-shadow:2px 2px 3px 0 rgba(200,200,200,0.4) inset;-moz-box-shadow:2px 2px 3px 0 rgba(200,200,200,0.4) inset;box-shadow:2px 2px 3px 0 rgba(200,200,200,0.4) inset;}
html{font-size:62.5%;}
body{position:relative;overflow-x:hidden;color:#2a2a2a;font-size:16px;font-size:1.6rem;line-height:26px;line-height:2.6rem;background-image:url(../images/index/bg/body.png);background-size:20% auto;background-position:center center;background-repeat:no-repeat;background-color:#c6c6c6;left:0;overflow-y:scroll;animation:bg-color 1.0s forwards;-webkit-animation:bg-color 1.5s forwards;-webkit-text-size-adjust:100%;}
@-webkit-keyframes bg-color{0%{background-color:#c2c2c2;}
100%{background-color:#FFF;}
}
@keyframes bg-color{0%{background-color:#c2c2c2;}
100%{background-color:#FFF;}
}
a:link, a:visited, a:active{color:#000;text-decoration:}
a:hover{color:#e9e9e9;}
#wrapper{width:100%;height:100%;margin:0px;padding:0px;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;}
#bg{background-attachment:fixed;height:auto;min-height:100%;margin:0px;padding:0px;background-repeat:no-repeat;background-size:100%;background-position:center top;display:none;z-index:1;background-color:#000;}
.bg0{background-image:url(../images/index/bg/img1.jpg);}
.bg1{background-image:url(../images/index/bg/img2.jpg);}
.bg2{background-image:url(../images/index/bg/img3.jpg);}
.line_top{width:100%;position:fixed;left:0px;top:0px;background-color:rgba(254,254,254,1);z-index:100;}
#contents{height:auto;width:100%;background:-moz-linear-gradient(top, rgba(254,254,254,0.5) 0%, rgba(254,254,254,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,0.5)), color-stop(100%,rgba(254,254,254,1)));background:-webkit-linear-gradient(top, rgba(254,254,254,0.5) 0%,rgba(254,254,254,1) 100%);background:-o-linear-gradient(top, rgba(254,254,254,0.5) 0%,rgba(254,254,254,1) 100%);background:-ms-linear-gradient(top, rgba(254,254,254,0.5) 0%,rgba(254,254,254,1) 100%);background:linear-gradient(to bottom, rgba(254,254,254,0.5) 0%,rgba(254,254,254,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3fefefe', endColorstr='#fefefe',GradientType=0);display:block;padding-top:0px;margin-top:37%;}
.logo{width:100%;display:block;height:200px;text-align:center;padding-top:200px;}
.logo logo_img{width:70px;height:70px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
.top_gallery{width:100%;height:auto;position:relative;padding-top:0px;padding-bottom:70px;margin-right:auto;margin-left:auto;clear:left;}
#tabMenu{width:100%;padding:0;clear:left;float:left;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;}
ul{margin:0;padding:0;}
#tabMenu li{float:left;width:14.286%;display:block;}
#tabMenu #tile_box_main{float:left;width:28.57%;display:block;}
#tabMenu li img{width:100%;height:auto;vertical-align:bottom;}
#tabMenu li a{display:block;}
.tile_box{position:relative;overflow:hidden;width:100%;}
.tile_box_cap{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-transition:.5s;transition:.5s;opacity:0;}
.tile_box:hover .tile_box_cap{opacity:1;}
.tile_box_cap h2{font-size:2rem;font-weight:normal;padding:10px;}
.tile_box_cap p{border-top-width:2px;border-top-style:solid;border-top-color:rgba(255,255,255,0.5);margin:10px;padding-top:10px;font-weight:normal;}
#tabBox1,#tabBox2,#tabBox4,#tabBox5{height:auto;position:relative;padding:4% 15% 4% 15%;}
#tabBoxes{width:100%;clear:left;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;}
#tabBox1{display:none;background:rgba(238,230,188,0.9);clear:left;position:relative;}
#tabBox1 p{height:90px;width:100%;margin:0px 0px 20px 0px;display:block;text-align:center;background:url(../images/profile/aboutme_img.png) no-repeat center center;background-size:contain;}
#tabBox1 li{float:left;height:auto;width:45%;padding-right:5%;color:#545554;}
#tabBox1 li:nth-child(1){position:relative;}
#tabBox1 li span{padding-top:30px;display:block;}
#tabBox1 ul{height:auto;width:100%;clear:left;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;}
#tabBox1 .prof_img{width:300px;height:300px;display:block;margin:0 auto;padding-bottom:15px;}
#tabBox1 .prof_img img{width:100%;height:auto;}
#tabBox1 #photo{height:auto;width:300px;position:absolute;left:100px;bottom:50px;display:none;}
.sns1 img , .sns2 img{height:auto;width:100%;}
#tabBox2{display:none;background-color:rgba(240,176,151,0.9);background-image:url(../images/catalog/bg.png);background-repeat:no-repeat;background-size:15% auto;background-position:top left;}
/*#tabBox3{display:block;background:rgba(255,255,255,0.8);}*/
#tabBox4{display:none;background:rgba(166,225,202,0.9);}
#tabBox5{display:none;background:rgba(235,194,206,0.9);background-image:url(../images/contact/illust.png);background-position:left bottom;background-repeat:no-repeat;background-size:220px auto;}
#tabBox1 p span{color:#545554;}
.active{background-image:url(../images/index/tile/active.png);background-size:contain;background-position:center bottom;background-repeat:no-repeat;}
.tab_close{display:block;height:50px;width:50px;right:20px;top:20px;position:absolute;}
.tab_close img{width:100%;height:auto;}
#bottom_area{height:auto;width:100%;margin-right:auto;margin-left:auto;margin-top:0px;margin-bottom:50px;clear:left;}
#bottom_area div{float:left;}
.banner1{width:20%;position:relative;background-color:rgba(255,255,255,0.5);}
.banner1 li{list-style-type:none;position:relative;height:50%;overflow:hidden;}
.banner1 li img{list-style-type:none;height:100%;}
.banner1 ul{margin:0px;padding:0px;}
.bottom_news_area{width:20%;position:relative;background-color:rgba(255,255,255,0.5);background:url(../images/index/illust.png) no-repeat center bottom;background-size:65%;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.twitter{width:20%;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:rgba(86,178,225,0.5);position:relative;}
.twitter div{width:90%;margin:5%;overflow:hidden;}
div.stream{height:auto!important;}
.bottom_news_area:after , .banner1:after , .twitter:after , .footer_menu:after{padding-top:100%;display:block;content:"";}
.bottom_news_area > * , .banner1 > * , .twitter > * , .footer_menu > *{position:absolute;top:0;left:0;bottom:0;right:0;}
.footer_menu{width:20%;background-color:rgba(0,0,0,0.1);position:relative;overflow:hidden;}
.footer_menu ul{padding-top:8%;}
.footer_menu ul li{height:12%;padding-left:10%;}
.footer_menu ul li a{text-decoration:underline;}
.gototop{height:155px;width:63px;display:block;position:fixed;right:-63px;bottom:5px;background-image:url(../images/index/bt_top.png);background-size:contain;background-position:right bottom;}
.copy {
    height: auto;
    min-height: 110px;
    width: 100%;
    padding-top: 80px;
    font-size: 1.2rem;
    color: #6E696B;
    text-align: center;
    background-image: url(../images/index/footer_illust.png);
    background-size: auto 60%;
    background-position: 16px bottom;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    border-bottom: 10px #000 solid;
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.copy p{color:#969696}
.fixed{position:fixed;top:16px;}
.hidden{visibility:hidden;}
#tabBox1 li span.bold{font-weight:bold;font-size:2.2rem;padding:5px 0px 5px 0px;margin:0;}
.bold{font-weight:bold;font-size:120%;padding:5px 0px 5px 0px;margin:0;}
.catalog{width:100%;height:auto;margin-top:30px;vertical-align:top;display:table;border-collapse:separate;border-spacing:15px 0;}
.catalog_ttl{text-align:center;height:auto;width:100%;padding-bottom:10px;display:block;}
.catalog_ttl img{width:35%;height:auto;padding-bottom:15px;}
.catalog li{height:auto;width:33.3333333%;display:table-cell;clear:right;position:relative;vertical-align:top;background-color:rgba(255,255,255,0.6);padding-bottom:30px;}
.catalog li img{width:100%;vertical-align:bottom;}
.catalog li p{height:auto;width:90%;display:block;color:#595959;margin:0px;padding:0px 5%;}
.catalog li span{margin:0px;padding:0 5px 0 5px;text-align:right;font-size:0.9em;background-color:rgba(255,255,255,0.4);position:absolute;bottom:0;right:0;}
.catalog li h3{margin:0;width:auto;color:#2a2a2a;font-size:1.8rem;font-weight:normal;padding: 20px 5% 15px 5%;}
.catalog_bottom{width:100%;padding-top:20px;margin-top:30px;margin-left:auto;margin-right:auto;background-image:url(../images/catalog/border.png);background-repeat:repeat-x;background-position:left top;background-size:auto 10px;display:table;}
.catalog_bottom li{width:100%;list-style-type:disc;list-style-position:outside;margin:0 auto;}
.catalog_banner{width:100%;display:table;margin:0 auto;}
.catalog_atten{padding-top:20px;}
.catalog_banner li{width:50%;vertical-align:bottom;display:table-cell;}
.catalog_banner li img{width:95%;}
.news_area{width:100%;height:auto;margin:0 auto;font-size:0;}
.news_area li{width:50%;height:100%;display:inline-block;vertical-align:top;}
.recent_post{padding-left:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.news_pickup_tx{width:100%;min-height:200px;height:auto;}
.news_pickup{width:100%;min-height:400px;height:100%;background-image:url(../images/news/blog_img.png);background-repeat:no-repeat;background-position:center center;background-size:auto 90%;display:block;}
.news_pickup a{width:100%;min-height:400px;height:100%;display:block;}
.news_pickup_img a{width:200px;height:200px;position:absolute;top:20px;right:20px;display:block;opacity:0.9;}
.news_pickup_img a:hover , .news_pickup_img a:active{opacity:1.0;}
.news_pickup_img img{width:100%;height:auto;}
.news_ttl{display:block;height:100px;width:100%;background-image:url(../images/news/ttl.png);background-size:contain;background-position:left center;background-repeat:no-repeat;margin-bottom:20px;}
.contact{width:100%;height:auto;margin:0 auto;display:table;}
.contact .contact_right{height:auto;width:55%;position:relative;display:table-cell;}
.contact .contact_left{height:auto;width:45%;position:relative;display:table-cell;}
.contact_form{width:80%;height:auto;margin-left:10%;max-width:550px;}
.contact_right table td{width:80%;}
.form_line{width:100%;height:40px;margin-bottom:12px;font-size:1.4rem;line-height:2.0rem;}
.form_tx{width:100%;height:230px;font-size:1.4rem;line-height:2.0rem;padding:10px;}
.contact_right table th{min-width:130px;line-height:40px;text-align:right;display:block;padding-right:10px;}
input.form_bt_submit{width:47%;height:50px;font-size:1.6rem;background-color:#e4839f;color:#fff;border-style:none;margin:20px 3% 0px 0px;float:left;cursor:pointer;}
input.form_bt_cancel{width:47%;height:50px;font-size:1.6rem;background-color:#6a6566;color:#fff;border-style:none;margin:20px 0px 0px 3%;cursor:pointer;}
.form_radio{height:40px;line-height:40px;padding-bottom:10px;}
.contact_left p{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#FFF;margin-top:30px;padding-bottom:10px;}
.contact_left .contact_banner{width:70%;height:auto;position:absolute;bottom:0;right:0;}
.atten{font-size:2.2rem;padding-bottom:20px;display:block;}
.illust{height:250px;width:250px;margin-right:auto;margin-left:auto;background:url(../images/index/illust.png) no-repeat;background-size:contain;margin-top:50px;margin-bottom:50px;}
.prof_concept{width:100%;height:40px;text-align:center;padding-top:60px;}
.none{display:none;}
.listCover{width:100%;text-align:left;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding-left:10%;padding-right:10%;}
.listCover .listItem{text-align:center;display:inline-block;*display:inline;*zoom:1;cursor:pointer;width:12%;padding:1.142%;}
.listCover .listItem img{width:100%;height:auto;vertical-align:bottom;}
.listCover .active{background:url(../images/gallery/activeArrow.png) no-repeat bottom center;background-size:20px 10px;}
.listCover .listItem .selfRep{display:none;}
.expandField{width:143%;text-align:left;display:block;background:rgba(255,255,255,0.9);float:left;position:relative;overflow:hidden;margin-left:-21.5%;margin-right:-21.5%;}
.expandField .btnClose{top:8%;right:8%;width:80px;height:80px;display:block;background:url(../images/gallery/close.png) no-repeat center center;background-size:50px 50px;position:absolute;overflow:hidden;cursor:pointer;}
.expandField .btnPrev{top:8%;right:16%;width:80px;height:80px;display:block;background:url(../images/gallery/gallery_arrow_preview.png) no-repeat center center;background-size:25px auto;position:absolute;overflow:hidden;cursor:pointer;}
.expandField .btnNext{top:8%;right:12%;width:80px;height:80px;display:block;background:url(../images/gallery/gallery_arrow_next.png) no-repeat center center;background-size:25px auto;position:absolute;overflow:hidden;cursor:pointer;}
.expandField .selfRepInner{padding:40px;text-align:center;position:relative;height:600px;}
.expandField .selfRepInner .secLeft{text-align:center;width:65%;float:left;height:600px;display:block;position:relative;}
.expandField .selfRepInner .secRight{text-align:left;color:#2a2a2a;width:35%;padding:250px 50px 0px 0px;height:600px;float:left;font-size:1.6rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.expandField .selfRepInner .secRight h3{font-size:2.2rem;line-height:3.5rem;}
.expandField .selfRepInner .secLeft img{max-width:100%;max-height:600px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.listCover:before,
.listCover:after,
.expandField .selfRepInner:before,
.expandField .selfRepInner:after{content:" ";display:table;}
.listCover:after,
.expandField .selfRepInner:after{clear:both;}
.listCover,
.expandField .selfRepInner{*zoom:1;}
.catalog_bottom ul{height:auto;width:50%;display:table-cell;vertical-align:top;font-size:1.4rem;}
.active_no{background-image:none;}
.catalog li .catalog_loupe{height:40px;width:40px;position:absolute;left:5px;top:5px;}
#feed{font-size:1.6rem;color:#2A2A2A;}
#feed ul li{font-size:1.8rem;font-weight:bold;padding-left:1em;text-indent:-1em;padding-bottom:20px;width:100%;}
ul#filter{float:left;font-size:16px;list-style:none;margin-left:0;width:100%;}
ul#filter li{border-right:1px solid #dedede;float:left;line-height:16px;margin-right:10px;padding-right:10px;}
ul#filter li:last-child{border-right:none;margin-right:0;padding-right:0;}
ul#filter a{color:#999;text-decoration:none;}
ul#filter li.current a, ul#filter a:hover{text-decoration:underline;}
ul#filter li.current a{color:#333;font-weight:bold;}
.first_view_img span{visibility:hidden;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0);}
#cboxWrapper{max-width:none;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{background-color:#C6C6C6}
#colorbox{outline:0;}
#cboxContent{background:rgba(255,255,255,0.9);overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:50px;}
#cboxTitle{position:absolute;bottom:10px;left:0;text-align:center;width:100%;color:#949494;}
#cboxCurrent{position:absolute;bottom:8px;left:20px;color:#949494;font-size:20px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;}
#cboxPrevious{position:absolute;bottom:5px;right:160px;background:url(../images/colorbox/controls.png) no-repeat -80px 0;width:40px;height:40px;text-indent:-9999px;background-size:120px 80px}
#cboxPrevious:hover{background-position:-80px -40px;}
#cboxNext{position:absolute;bottom:5px;right:100px;background:url(../images/colorbox/controls.png) no-repeat -40px 0;width:40px;height:40px;text-indent:-9999px;background-size:120px 80px}
#cboxNext:hover{background-position:-40px -40px;}
#cboxClose{position:absolute;bottom:5px;right:10px;background:url(../images/colorbox/controls.png) no-repeat 0 0;width:40px;height:40px;text-indent:-9999px;background-size:120px 80px}
#cboxClose:hover, #cboxClose:active{background-position:0px -40px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}.bottom_news_area img {width:100%;height:auto;}
#top_gallery_works{
    padding-top:70px;padding-bottom:0px;	
}
#top_gallery_works .listCover .listItem{
	width: 31.6%;
	padding: 0.825%;
}
.top_gallery_ttl{
	text-align:center;
	border-bottom: solid 1px #000;
	display:block;
	width:100%;
}


@media only screen and (min-width: 767px) and (max-width: 1280px) {
	tbody {
    -webkit-text-size-adjust: 100%;
	} 
	body{font-size:75%;}
	
	#tabBox1,#tabBox2,#tabBox4,#tabBox5{height:auto;position:relative;padding:4% 8% 4% 8%;font-size: 1.2rem}
	
	.tile_box_cap h2{font-size:1.4rem;font-weight:normal;padding:10px;}

	.top_gallery {
    	width: 100%;
    	height: auto;
    	position: relative;
    	padding-top: 30px;
    	padding-bottom: 30px;
    	margin-right: auto;
    	margin-left: auto;
    	clear: left;
	}
	.listCover {
    	width: 100%;
    	text-align: left;
    	font-size: 0;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-o-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box;
    	padding-left: 5%;
    	padding-right: 5%;
	}
	.listCover .listItem{text-align:center;display:inline-block;*display:inline;*zoom:1;cursor:pointer;width:25%;padding-top:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:6px;}
	.expandField .btnClose{top:4%;right:12%;width:80px;height:80px}
	.expandField .btnPrev{top:4%;right:32%;width:80px;height:80px;display:block;background:url(../images/gallery/gallery_arrow_preview.png) no-repeat center center;background-size:25px auto;position:absolute;overflow:hidden;cursor:pointer;}
	.expandField .btnNext{top:4%;right:22%;width:80px;height:80px;display:block;background:url(../images/gallery/gallery_arrow_next.png) no-repeat center center;background-size:25px auto;position:absolute;overflow:hidden;cursor:pointer;}
	.expandField .selfRepInner{padding:40px;text-align:center;position:relative;height:600px;}
	.expandField .selfRepInner .secRight{text-align:left;color:#2a2a2a;width:32%;padding:250px 60px 0px 0px;height:600px;float:left;font-size:1.4rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}	
	.expandField .selfRepInner .secLeft{text-align:center;width:32%;min-width:600px;float:left;height:600px;display:block;position:relative;margin-left: 80px;}
	.expandField .selfRepInner .secLeft img{max-width:550px;max-height:550px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
	.expandField .selfRepInner .secRight h3{font-size:2.0rem;line-height:3.0rem;}

	#top_gallery_works .listCover .listItem{
		width: 30%;
		padding: 1.6%;
	}
	.top_gallery_ttl{
		text-align:center;
		border-bottom: solid 1px #000;
		display:block;
		width:100%;
	}
	.catalog{width:100%;height:auto;margin-top:30px;vertical-align:top;display:table;border-collapse:separate;border-spacing:10px 0;}
	
	.news_pickup{width:100%;min-height:400px;height:100%;background-image:url(../images/news/blog_img.png);background-repeat:no-repeat;background-position:center center;background-size:contain;display:block;}
	#feed ul li{font-size:1.4rem;font-weight:bold;padding-left:1em;text-indent:-1em;padding-bottom:20px;width:100%;}
	
	#tabBox5{display:none;background:rgba(235,194,206,0.9);background-image:url(../images/contact/illust.png);background-position:left bottom;background-repeat:no-repeat;background-size:100px auto;}
	.contact .contact_right{height:auto;width:60%;position:relative;display:table-cell;}
	.contact .contact_left{height:auto;width:40%;position:relative;display:table-cell;}
	.contact_form{width:90%;height:auto;margin-left:10%;max-width:550px;}
	
}

@media screen and (max-width: 767px) {
html{font-size:50%;}
body {
    position: relative;
    overflow-x: hidden;
    color: #2a2a2a;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    background-image: url(../images/index/bg/body.png);
    background-size: 50% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #c6c6c6;
    left: 0;
    overflow-y: scroll;
    animation: bg-color 0.5s forwards;
    -webkit-animation: bg-color 1.0s forwards;
    -webkit-text-size-adjust: 100%;
}
#bg {
    background-size: auto 500px;
}
#contents {
    height:auto;width:100%;background:-moz-linear-gradient(top, rgba(254,254,254,0.1) 0%, rgba(254,254,254,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,0.1)), color-stop(100%,rgba(254,254,254,1)));background:-webkit-linear-gradient(top, rgba(254,254,254,0.1) 0%,rgba(254,254,254,1) 100%);background:-o-linear-gradient(top, rgba(254,254,254,0.1) 0%,rgba(254,254,254,1) 100%);background:-ms-linear-gradient(top, rgba(254,254,254,0.5) 0%,rgba(254,254,254,1) 100%);background:linear-gradient(to bottom, rgba(254,254,254,0.1) 0%,rgba(254,254,254,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3fefefe', endColorstr='#fefefe',GradientType=0);display:block;padding-top:0px;margin-top:200px;
}
#tabMenu #tile_box_main {
    float: none;
    width: 100%;
	height: 100px;
	text-align: center;
}
#tile_box_main a img {
    height: 100px;
    width: auto;
}
#tabMenu li {
    float: left;
    width: 25%;
    display: block;
}
#tabBox5 {
    background-size: 100px auto;
}
#tabMenu .tabBox4{
    display: none;
}
#tabBox1 .prof_img {
    width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
}
.top_gallery {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
    clear: left;
}
#tabBox1 li {
    float: left;
    height: auto;
    width: 100%;
    padding-right: 0%;
    color: #545554;
}
.catalog li .catalog_loupe {
    height: 40px;
    width: 40px;
    position: absolute;
    left: 5px;
    top: 5px;
    display: none;
}
.catalog_banner li {
    width: 100%;
    vertical-align: bottom;
    display: block;
}
.news_area li {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.recent_post {
    padding-left: 0px;
}
.news_area .news_pickup {
    width: 100%;
    min-height: 250px;
    height: 250px;
    background-image: url(../images/news/blog_img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 80%;
}
.news_pickup_img a {
    width: 120px;
    height: 200px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    opacity: 0.9;
}
.contact .contact_left {
    height: auto;
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 70px;
}
.contact .contact_right {
    height: auto;
    width: 100%;
    position: relative;
    display: block;
	margin-top: 30px;
}
.contact_form {
    width: 100%;
    height: auto;
    margin-left: 0;
    max-width: 100%;
}
.contact_right table th {
    min-width: 100px;
    line-height: 40px;
    text-align: right;
    display: block;
    padding-right: 10px;
}
.banner1 {
    width: 50%;
    position: relative;
    background-color: rgba(255,255,255,0.5);
}
.bottom_news_area {
    width: 50%;
    position: relative;
    background-color: rgba(255,255,255,0.5);
    background: url(../images/index/illust.png) no-repeat center bottom;
        background-size: auto auto;
    background-size: 65%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.twitter {
    width: 50%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(86,178,225,0.5);
    position: relative;
}
.footer_menu {
    width: 100%;
    background-color: rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
	height: 300px;
}
#tabBox1, #tabBox2, #tabBox4, #tabBox5 {
    height: auto;
    position: relative;
    padding: 30px;
}
.tab_close {
    display: block;
    height: 40px;
    width: 40px;
    right: 10px;
    top: 10px;
    position: absolute;
}
.catalog li {
    height: auto;
    width: 100%;
    display: block;
    clear: right;
    position: relative;
    vertical-align: top;
    background-color: rgba(255,255,255,0.6);
    padding-bottom: 30px;
    margin-bottom: 20px;
}
.tile_box_cap {
    display: none;
}
.footer_menu ul li {
    height: 30px;
    padding-left: 5%;
}
.gototop {
    height: 119px;
    width: 48px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 5px;
    background-image: url(../images/index/bt_top.png);
    background-size: contain;
    background-position: right bottom;
}
.copy {
    height: auto;
    min-height: 110px;
    width: 100%;
    padding-top: 0px;
    font-size: 1.2rem;
    color: #6E696B;
    text-align: center;
    background-image: url(../images/index/footer_illust.png);
    background-size: auto 60%;
    background-position: 16px bottom;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    padding-left: 12%;
    padding-right: 12%;
}

.listCover{width:100%;text-align:left;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding-left:5%;padding-right:5%;}
.listCover .listItem{text-align:center;display:inline-block;*display:inline;*zoom:1;cursor:pointer;width:33.3333333%;padding-top:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:6px;}
.listCover .listItem img{width:100%;height:auto;vertical-align:bottom;}
.listCover .active{background:url(../images/gallery/activeArrow.png) no-repeat bottom center;background-size:10px 6px;}
.listCover .listItem .selfRep{display:none;}
.expandField{width:117%;text-align:left;display:block;background:rgba(255,255,255,0.7);float:left;position:relative;overflow:hidden;margin-left:-8.5%;margin-right:-8.5%;}
.expandField .btnClose{top:10px;right:15px;width:34px;height:34px;display:block;background:url(../images/gallery/close.png) no-repeat;background-size:contain;position:absolute;overflow:hidden;cursor:pointer;}
.expandField .btnPrev{top:81%;left:10px;width:30px;height:60px;display:block;background:url(../images/gallery/gallery_arrow_preview.png) no-repeat left center;background-size:auto 70%;position:absolute;overflow:hidden;cursor:pointer;background-color:rgba(255,255,255,0.5);border-bottom-right-radius:30px;border-top-right-radius:30px;}
.expandField .btnNext{top:81%;right:10px;width:30px;height:60px;display:block;background:url(../images/gallery/gallery_arrow_next.png) no-repeat right center;background-size:auto 70%;position:absolute;overflow:hidden;cursor:pointer;background-color:rgba(255,255,255,0.5);border-bottom-left-radius:30px;border-top-left-radius:30px;}
.expandField .selfRepInner{text-align:center;height:100%;}
.expandField .selfRepInner .secLeft{text-align:center;width:100%;height:auto;display:block;height:380px;margin:30px auto 30px auto;position:relative;}
.expandField .selfRepInner .secRight{text-align:center;color:#2a2a2a;width:100%;height:120px;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:0px;background-color:rgba(255,255,255,0.3);padding: 20px 0px 0px 0px;}
.expandField .selfRepInner .secRight h3{margin:20px 0 0 0;}
.expandField .selfRepInner .secRight p{padding-top:5px;padding-bottom:10px;margin:0;font-size:0.8em;line-height:1.5em;}
.expandField .selfRepInner .secLeft img{max-width:100%;max-height:380px;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
.listCover:before,
.listCover:after,
.expandField .selfRepInner:before,
.expandField .selfRepInner:after{content:" ";display:table;}
.listCover:after,
.expandField .selfRepInner:after{clear:both;}
.listCover,
.expandField .selfRepInner{*zoom:1;}
#list{display:block;}
.expandField .selfRepInner {
    padding: 0px;
}
.top_gallery_ttl{
	text-align:center;
	border-bottom: solid 1px #000;
	display:block;
	width:100%;
}
}