@charset "UTF-8";


/*--------------------

CSS　リセット

--------------------*/

* {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

ul, ol {
	list-style-type: none;
}
strong{
	font-style:inherit;
	font-weight:inherit;
}

img{
	border:none;
}
/*--------------------

基本レイアウト

--------------------*/
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
body{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	background-color: #ffffff;
	line-height: 1.2em;
	font-size:1em;
}

a {
	border-style:none;
	text-decoration:none;
	color:#000;
}

a:hover {
	opacity: 0.7;
}
.coloredLink {
	color:#3d1c53;
}


a:link {
	color:inherit;
}
a:visited {
	color:#000;
}
.coloredLink:visited{
	color:#7C628E;
}

.coloredLink a:visited{
	color:#7C628E;
}

.linkActive{
	color:#737373;
}

.sansSerif{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
}

.doubleMob{
	display:block;
	padding-left:1em;
	text-indent:-1em;
}

em{
	font-style:inherit;
	font-weight:inherit;
}
#contentsWrap {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

h3{
	font-size:1em;
}

.caption{
	font-size:0.8em;
	color:#777;
}
.font_s{
	font-size:0.8em;
}
.lineheight25{
	line-height: 2.5em;
}
article{
	padding-bottom:50px;
}

.bannerTop {
	background-image:url(../img/frame02_tl.png),
	url(../img/frame02_tr.png),
	url(../img/frame02_br.png),
	url(../img/frame02_bl.png);
	background-repeat:no-repeat,
	no-repeat,
	no-repeat,
	no-repeat;
	background-position:top left,
	top right,
	bottom right,
	bottom left;
	background-size:30%;
	height: 250px;
	background-color:#fff;
}
#mainSection.bg_wh {
	background-color: #fff;
	border-top: #ddd solid 1px;
	border-bottom: #ddd solid 1px;
	
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE),color-stop(0.5%,#F8F8F8), color-stop(20%,#FFF), color-stop(80%,#FFF),color-stop(99.5%,#F8F8F8),color-stop(100%,#EEEEEE));
    background: -moz-linear-gradient(top, #EEE 0%, #F8F8F8 0.5%, #FFF 20%,  #F8F8F8 99.5%, #FFF 100%);
		color: #000;
}

.bg_bk {
	background-color: #000;
}

.upper {
	text-transform: uppercase;
}


 .listIcon{
 background-image: url("../img/icon_hand.png");
 background-position: left top;
 background-repeat: no-repeat;
 background-size:50px;
 padding:0 0 5px 60px;
 line-height:2em;
 
}

.title02{
	background:url(../img/banner_title02.png) no-repeat center;
	background-size:contain;
	height:3em;
	line-height:3em;
	margin:20px 0;
}
.underLine{
	text-decoration: underline;
}
.align_left{
	text-align:left;
}
/*----------ページトップリンク*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 0px;
}
.pagetop a img{
	display: block;
	width: 80px;
	text-align: center;
}

/*----------ヘッダー（スマホ）*/

header {
	background-color: #ffffff;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

header figure {
	margin-bottom: 20px;
}

header figure img {
	max-width: 177px;
	padding-top: 25px;
	width: 30%;
}

header figure a:hover {
	opacity: 1;
}

h1 {
	font-size: 1.3em;
	font-weight: 400;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 0.2em;
}

h2 {
	color: #aaa;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 50%;
}
h2 span {
	display: block;
}
.movileHidden {
	display: none;
}
/*header nav {
	background-color: #fff;
	clear: both;
}*/
#topMenu {
	margin-top: 15px;
	clear:both;
}
.point {
	color: #bbb;
	padding-left: 1em;
}

/*----------メイン（スマホ）*/

#mainSection {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	color: #ffffff;
	text-align: center;
}
#mainSection .contents{
	padding:15px;
}
.localNav {
	font-size: 0.85em;
	text-align:center;
	padding: 30px 0;
}
.localNav a{
	color:#888888;
}

#tophtml #mainSection figure img {
	padding-bottom: 5%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5%;
	width: 80%;
}
#mainSection main {
	width: 100%;
}
#tophtml #mainSection main {
	background-color: #fff;
}
#mainSection main div {
	color: #000;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	position: relative;
	top: 10px;
}
#mainSection main div dl {
	color: #777;
	padding-top: 60px;
}
#mainSection .pickUp {
	background-image:url(../img/icon_pickup.png);
	background-repeat:no-repeat;
	background-position:center 55px;
	margin:0 auto;
}
#mainSection .pickUp .coloredLink {
	font-size:0.9em;
}


#mainSection .pickUp dt{
	padding:2em 0 0.6em 0;
	font-weight:700;
	font-size:90%;
}

#mainSection .pickUp dd{
	line-height:1.5em;
}

#mainSection main .banner02 img {
 width:95%;
}


/*----------RSS */
.rssStyle article{
	width: 95%;
	margin: 0 auto;
	padding:10% 10px 10px 10px;
	background-image:
	url(../img/frame02_tl.png),
	url(../img/frame02_tr.png),
	url(../img/frame02_br.png),
	url(../img/frame02_bl.png);
	background-repeat:no-repeat,
	no-repeat,
	no-repeat,
	no-repeat;
	background-position:top left,
	top right,
	bottom right,
	bottom left;
	background-size:30%;
	height: 250px;
	background-color:#fff;
	margin-bottom:10px;
}
.rssStyle h3{
	padding:5px 0 20px 0;
	font-size:90%;
}
.rssStyle article iframe{
    width: 85%;
    margin: 0 auto;
}
.feed_item{
	margin-bottom:10px;
	border-bottom: 1px dotted #DDD;
	font-family:"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:85%;
}
.feed_item_title a{
	color:#840AA9;
}
.feed_item_title a:visited{
	color:#4D1D5C;
}
.feed_title{
	display:none;
}
.feed_item_description{
	display:none;
}
.feed_item_date{
	font-size:80%;
	color:#999;
}
/*----------フルサイズRSS */
.fullRss article{
	width: 95%;
	margin: 0 auto;
	padding:6% 10px 10px 10px;
	background-image:
	url(../img/frame02_tl.png),
	url(../img/frame02_tr.png),
	url(../img/frame02_br.png),
	url(../img/frame02_bl.png);
	background-repeat:no-repeat,
	no-repeat,
	no-repeat,
	no-repeat;
	background-position:top left,
	top right,
	bottom right,
	bottom left;
	background-size:30%;
	height: 250px;
	background-color:#fff;
	margin-bottom:10px;
}
.fullRss h3{
	padding:5px 0 20px 0;
	font-size:90%;
}
.fullRss article iframe{
    width: 85%;
    margin: 0 auto;
}

/*----------メイン／works（スマホ）*/

#works #contentsWrap #mainSection {
	width: 100%;
}

#works .listIcon{
 background-image:none;
 padding-left: 0%;
}

#works #contentsWrap #mainSection .mainList {
	clear: both;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
	text-align: left;
}
#works #contentsWrap #mainSection .mainList li {
	height: 100px;
	margin-bottom: 10px;
	padding-left: 23%;
	padding-top: 5%;
	width: 77%;
}
#works #contentsWrap #mainSection .mainList #insect {
	background-image: url("../works/img/glass_insects.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#works #contentsWrap #mainSection .mainList #mithology {
	background-image: url("../works/img/glass_venus.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#works #contentsWrap #mainSection .mainList #movie {
	background-image: url("../works/img/glass_movie.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#works #contentsWrap #mainSection .mainList #circus {
	background-image: url("../works/img/glass_lulu.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#works #contentsWrap #mainSection .mainList #graphic {
	background-image: url("../works/img/glass_girl.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#works #contentsWrap #mainSection .mainList #other {
	background-image: url("../works/img/glass_necklace.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#works #contentsWrap #mainSection .contents main dl {
	width: 100%;
}
#works #contentsWrap #mainSection .contents main dl dt {
	clear: both;
	height: 20px;
	margin-bottom: 0.5em;
	margin-top: 1.2em;
	font-weight:700;
}
#works #contentsWrap #mainSection .contents main dl dt a {
	font-size: 1em;
	line-height:1em;
}
#works #contentsWrap #mainSection .contents main dl dd {
	color: #777;
	font-size: 0.9em;
	width: 100%;
}


/*----------メイン／works_insects（スマホ）*/


#works_gallery h4{
	background-image:url(../img/banner_title01.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	height:55px;
	width:75%;
	padding-top:35px;
	margin:0 auto 0.5em auto;
	font-weight:normal;
	font-size:1em;
}
#works_gallery .titlew{
	background-image:url(../img/banner_title01w.png);
	height:95px;
	padding-top: 45px;
}

#works_gallery #mainSection .contents dl dt{
	text-align:center;
}

#works_gallery #mainSection .contents dl dd{
	margin-top:20px;
	text-align:left;
	font-size:0.95em;
}

#works_gallery .demonstrations{
	margin-top:20px;
	margin-bottom:50px;
}
#works_gallery #mainSection .contents dl .center{
	text-align:center;
}
/*----------メイン／猫と男と（スマホ）*/

#mainSection main .iframe_box div{
	position:relative;
	height:0;
	overflow:hidden;
	padding-bottom: 56.25%;
}
 .iframe_box div iframe{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#necoto main p,
#necoto main dl{
	margin-top:20px;
}
#necoto main p a img{
	width:90%;
}
/*----------メイン／news（スマホ）*/


#news #mainSection ul{
	text-align:left;
	margin-top:40px;
}

#news #mainSection ul li{
	margin-bottom:20px;
}

#news #mainSection ul li dl dt{
	font-weight:700;
	font-size:0.85em;
}

#news #mainSection ul li dl dd{
	margin-left:1em;
	font-size:0.85em;
	text-align:right;
	color:#777;
}

/*----------メイン／newsPickup（スマホ）*/


#newsPickup main .newsText dt{
	font-weight:700;
	margin-bottom:20px;
}
#newsPickup main .newsText dd{
	text-align:left;
	padding-top:130px;
	font-size:1em;
	background-image:url(../img/icon_circo1.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100px;
	line-height:1.3em;
	
}

#newsPickup main .details{
	text-align:left;
	margin-top:20px;
	font-size:0.9em;
	padding-left:1em;
	text-indent:-1em;
}

#newsPickup main .details dd{
	padding-bottom:0.3em;
}

#newsPickup .bgcolor{
	background-color:#DDD;
	width:96%;
	border-radius:10px 10px;
	padding:2%;
}

#newsPickup #cosmo{
	padding-bottom:20px;
}

#newsPickup #cosmo img{
	width:80%;
}


/*----------メイン／about（スマホ）*/
#about #mainSection .contents figure img{
	width:90%;
	padding-bottom:20px;
}

#about #mainSection dl {
	text-align:left;
}
#about #mainSection dl dt{
	padding-bottom:0.3em;
	font-weight:700;
}

#about #mainSection dl dd {
	margin-bottom:20px;
	color:#555;
	font-size:0.95em;
}
	
/*----------メイン／map（スマホ）*/

#map #mainSection {
	text-align:left;
}

#map #mainSection .point{
	font-size:1em;
	padding:0 0.5em 0 0;
}

#map .listIcon{
	display:block;
	line-height:normal;
}

#map #mainSection .contents main ul li{
	margin-bottom:15px;
}

#map #mainSection .contents main ul li dt{
	font-weight:700;
	margin-bottom:0.4em;
}
#map #mainSection .contents main ul li dd{
	font-size:0.9em;
}
#map #mainSection .contents main ul li dl dd dl{
	padding-left:60px;
}
#map #mainSection .contents main ul li dl dd dl dt{
	padding-top:1em;
}
#map #mainSection .contents main ul li dl dd dl dd{
	padding-left:1em;
}


/*----------メイン／contact（スマホ）*/

/*装飾*/

.formTable{
	margin-top:50px;
	text-align:left;
}

#formWrap h3{
	margin-bottom:30px;
}

#formWrap th{
	margin-bottom:10px;
	color:#666;
}
#formWrap {
	padding-bottom:30px;
}

#formWrap .input{
	border:0;
	padding:10px;
	font-size:medium;
	font-family:Arial, sans-serif;
	color:#000;
	border:solid 1px #ccc;
	margin:0 0 20px;
	width:92%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);

	behavior: url(border-radius.htc);　/*for IE ←　この１行を追加*/

}

#formWrap .input:focus{
	border:solid 1px #EEA34A;
}

#formWrap .must{
	font-size:small;
	color:#F00;
}

.input_button{
	margin-bottom:40px;
}
.input_button input{
	font-size:0.7em;
	background-color:#FFF;
	width:70px;
	padding:2px;
	border:none;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#DDD');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#DDD')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #DDD);
background-image: -ms-linear-gradient(top, #ffffff, #DDD);
background-image: -o-linear-gradient(top, #ffffff, #DDD);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#DDD));
background-image: -webkit-linear-gradient(top, #ffffff, #DDD);
background-image: linear-gradient(top, #ffffff, #DDD);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

.input_button input:hover{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFF', endColorstr = '#CCC');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFF', endColorstr = '#CCC')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #FFF, #CCC);
background-image: -ms-linear-gradient(top, #FFF, #CCC);
background-image: -o-linear-gradient(top, #FFF, #CCC);
background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
background-image: -webkit-linear-gradient(top, #FFF, #CCC);
background-image: linear-gradient(top, #FFF, #CCC);
}

/*スマホレイアウト*/
#formWrap tr{
	display: block;
	margin-bottom: 1.5em;
}
#formWrap th,
#formWrap td{
	display: list-item;
	list-style:none;
	border: none;
	float:left;
}



/*----------メイン／underConstruction（スマホ）*/

.underConstruction #contentsWrap #mainSection .contents main h4 img{
	width:100%;
}
.underConstruction #contentsWrap #mainSection .contents main p:nth-child(1){
	padding:20px 0 85% 0;
	background:url(../img/icon_construction.gif) no-repeat center bottom;
	background-size:90%;
	margin-bottom:30px;
}
/*----------メイン／notFound（スマホ）*/
#notFound main figure img{
	width:60%;
	padding:20px 10%;
}
	
/*----------フッター（スマホ）*/

footer {
	background-color: #ffffff;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding-top:20px;
	border-top: 1px solid #CCC;
}
footer .contents aside {
	margin-bottom: 30px;
}
#link {
	padding-top: 15px;
	width: 100%;
}
#link li {
	padding-bottom: 15px;
	width: 100%;
}
#sns {
	clear: both;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 250px;
}
#sns li {
	float: left;
	padding-left: 10px;
}
#sns li:after {
	clear: both;
	content: "";
	display: block;
}
#copyright {
	clear: both;
	color: #666;
	font-size: 0.8em;
	padding: 15px 0 20px 0;
}

/*--------------------

タブレット用レイアウト

--------------------*/


@media screen and (min-width: 600px) {
	
/*----------タブレット基本レイアウト*/
.double{
	display:block;
}
.doubleMob{
	display:inline;
	padding-left:0;
	text-indent:0;
}

.doubleTab{
	display:block;
}
	
/*----------ヘッダー（タブレット）*/
	
h1 {
 font-size: 2em;
 padding-top: 7px;
}
h2 span {
 display: inline;
 font-size: 1em;
}
/*header nav {
 height: 41px;
}*/

header .contents #topMenu{
	height:41px;
}

header .contents #topMenu .menu {
 position: absolute;
 width: 100%;
}

/*----------メイン（タブレット）*/
	
#mainSection {
 clear: both;
 height: 50%;
 position: relative;
}
#mainSection:after {
 clear: both;
 content: "";
 display: block;
}
#tophtml #mainSection figure {
 float: left;
 width: 50%;
}
#tophtml #mainSection figure img {
 padding-left: 20%;
 width: 80%;
}
#tophtml mainSection main {
 padding: 0 10px;
 width: 100%;
}
#tophtml #mainSection main {
 background-color: #000;
 float: right;
width: 46%;
padding:2% 4% 2% 0%;
}
#mainSection main div {
 color: #000;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 padding: 0 5%;
 position: relative;
 text-align: center;
}
#mainSection main .banner01 {
 margin-top: 25%;
}
#mainSection main .banner02 {
margin-top: 20px;
width:70%;
}

#mainSection main .banner02 img {
 width:95%;
}

#mainSection .pickUp {
	width:35%;
}

#topMenu .menu .drop-down-menu .drop-down a .double{
	display:block;
}

.bannerTop {
	background-image: url("../img/banner_top.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 250px;
	background-color:inherit;
}
/*----------RSS（タブレット）*/
.rssStyle article{
	width:87%;
	font-size:90%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rssStyle article iframe{
	width:85%;
}
.feed_item{
	padding-bottom:5px;
}
.feed_item_title a{
	font-size:80%;
}
.feed_title{
	display:none;
}
.feed_item_description{
	display:none;
}
.feed_item_date{
	font-size:small;
}
/*----------フルサイズRSS（タブレット）*/
.fullRss article{
	width:87%;
	font-size:90%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.fullRss article iframe{
	width:85%;
}
/*----------メイン/works（タブレット）*/
#works .listIcon{
 background-image: url("../img/icon_hand.png");
 background-position: left top;
 background-repeat: no-repeat;
 background-size:50px;
 padding-left: 60px;
 min-height:20px;
 display:block;
}
	
#icon_show {
 margin-bottom: 40px;
 margin-left: 0;
 margin-right: 0;
 margin-top: 40px;
}
#icon_show img {
}

#works #contentsWrap #mainSection #galleryImageList {
 display: block;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 width: 90%;
}
#contentsWrap #mainSection #galleryImageList li {
 float: left;
 font-size: 0.85em;
 width: 20%;
}
#works #contentsWrap #mainSection #galleryImageList li img {
 width: 90%;
}
#works #contentsWrap #mainSection #galleryImageList:after {
 clear: both;
 content: "";
 display: block;
}
#works #contentsWrap #mainSection .mainList {
 clear: both;
 padding: 0 10px 50px 10px;
 text-align: left;
 width: 100%;
}
#works #contentsWrap #mainSection .mainList:after {
 clear: both;
 content: "";
 display: block;
}
#works #contentsWrap #mainSection .mainList li {
 float: left;
 height: 40px;
 margin-bottom: 0;
 padding-left: 5%;
 padding-top: 30px;
 width: 45%;
}
#works #contentsWrap #mainSection .mainList {
 clear: both;
 margin-bottom: 0;
 margin-left: 10%;
 margin-right: 5%;
 margin-top: 30px;
 text-align: left;
 width: 85%;
}
#works #contentsWrap #mainSection .mainList #insect {
 background-image: none;
}
#works #contentsWrap #mainSection .mainList #mithology {
 background-image: none;
}
#works #contentsWrap #mainSection .mainList #movie {
 background-image: none;
}
#works #contentsWrap #mainSection .mainList #circus {
 background-image: none;
}
#works #contentsWrap #mainSection .mainList #graphic {
 background-image: none;
}
#works #contentsWrap #mainSection .mainList #other {
 background-image: none;
}
#works #contentsWrap #mainSection .contents main dl dt {
 clear: both;
 height: 13px;
 margin-top: 1.5em;
 font-size: 0.95em;
}
#works #contentsWrap #mainSection .contents main dl dd {
 clear: both;
 color: #777;
 font-size: 0.9em;
 padding-left: 60px;
 padding-right: 5%;
 width: 80%;
}
#works #mainSection .mainList:nth-child(4n+1), #works #mainSection .mainList:nth-child(4n+2) {
 float: left;
}
#works #mainSection .mainList:nth-child(4n+3), #works #mainSection .mainList:nth-child(4n+4) {
 color: #f00;
 float: right;
}
#works #mainSection .mainList:after {
 clear: both;
 content: "";
 display: block;
}


/*----------メイン/works_insects（タブレット）*/

#works_gallery #mainSection .contents dl dd{
	width:90%;
	margin: 20px auto 0 auto;
	text-align:center;
	line-height:1.5em;
}

/*----------メイン／猫と男と（タブレット）*/

#necoto .iframe_box{
	width:50%;
}
#necoto main p a img{
	width:40%;
}
/*----------メイン/news（タブレット）*/
#news #mainSection main .banner01 {
 margin-top: 10px;
}

#news #mainSection main ul {
	width:75%;
	margin-left: auto;
	margin-right: auto;
	padding-top:20px;
	height: 230px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#news #mainSection main ul li{
	margin-bottom:20px;
}

#news #mainSection main ul li dl:after{
	content:"";
	display:block;
	clear:both;
}

#news #mainSection main ul li dl  dt{
	float:left;
	width:85%;
}

#news #mainSection main ul li dl dd{
	float:left;
	width:10%;
	margin-left:2%;
}
	
/*----------メイン／newsPickup（タブレット）*/

#newsPickup main{
	width:90%;
	margin:0 auto;
}
#newsPickup main .newsText dt{
	font-weight:700;
}
#newsPickup main .newsText dd{
	text-align:center;
}


#newsPickup .bgcolor{
	width:85%;
}

#newsPickup #cosmo img{
	width:50%;
}
/*----------メイン/about（タブレット）*/

#about #mainSection .contents figure{
	float:left;
	width:40%;
	margin:-20px 0 20px 0;
}
#about #mainSection .contents figure img{
	float:left;
	width:90%;
}
#about #mainSection .contents main{
	float:right;
	width:60%;
}

/*----------メイン/map（タブレット）*/


#map #mainSection .contents main{
	width:80%;
	margin:0 auto;
	display:block;
}
#map #mainSection .contents main ul{
	float:left;
	width:45%;
	margin:100px 0 0 5%;
	padding-bottom:20px;
}
#map #mainSection .contents main .right{
	float:right;
}


/*----------メイン／contact（タブレット）*/

/*タブレットレイアウト*/

.formTable{
	width:75%;
	float:none;
	margin:0 auto;
	margin-top:50px;
}
.formTable tbody{
	width:100%;
}
#formWrap tr{
	display:table;
	margin-bottom: 1.5em;
	width:100%;
}

#formWrap th{
	display:table;
	border: none;
	float:left;
	width:30%;
}

#formWrap td{
	display:table;
	border: none;
	float:left;
	width:70%;
}
#contact .align_left{
	width:75%;
	margin:0 auto;
	font-size:0.9em;
	line-height:1.5em;
	padding:30px 0;
}
/*----------メイン／underConstruction（タブレット）*/

.underConstruction #contentsWrap #mainSection .contents main p:nth-child(1){
	padding-bottom:43%;
	background-size:50%;
}

.underConstruction #contentsWrap #mainSection .contents main p:nth-child(2){
	padding-bottom:30px;
}

/*----------フッター（タブレット）*/
	
footer {
 clear: both;
 padding-top:0;
}
footer .contents aside {
 margin-bottom: 0;
}
#link {
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 padding: 30px 0;
/* width: 75%;*/
}
#link li {
 background-image: url("../img/banner_link.png");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 float: left;
 height: 94px;
 line-height: 94px;
 margin-bottom: 1.6%;
 margin-left: 1.6%;
 margin-right: 1.6%;
 margin-top: 1.6%;
 padding-bottom: 0;
 text-align: center;
 width: 30%;
}
#link li .double {
 font-size: 0.8em;
 line-height: 1.4em;
 padding-top: 2.4em;
}
#link li .double a span {
 display: block;
}
#link li .double a span:nth-child(2) {
 font-size: 1.2em;
}
#link:after {
 clear: both;
 content: "";
 display: block;
}
}

/*--------------------

PC用レイアウト

--------------------*/

@media screen and (min-width: 1024px) {
	
/*----------PC基本レイアウト*/	

.doublePc
{
	display:block;
}
	
	
/*----------ヘッダー（PC）*/
	
header {
 height: 100px;
 position: relative;
 text-align: left;
 top: 0;
 width: 100%;
 z-index: 100;
}
header .menu{
	background:none !important;
}

header figure {
 float: left;
 padding-left: 10px;
 padding-right: 10px;
 position: absolute;
 z-index: 150;
}
header figure img {
 max-width: 100%;
 min-width: 100%;
}

h1 {
 bottom: 20px;
 font-size: 2em;
 padding-left: 220px;
 padding-top: 7px;
 position: absolute;
 width: 35%;
}
h2 {
 bottom: 4.5em;
 padding-left: 220px;
 position: absolute;
}
header .contents #topMenu {
 float: right;
 height: 100px;
 margin-top: 0;
 position: relative;
 width: 50%;
}

#topMenu:after {
 clear: both;
 content: "";
 display: block;
}


header .contents #topMenu .menu {
 height: 41px;
 position:absolute;
 bottom:0;
}
.movileHidden {
 display: block;
}
.pcHidden {
 visibility: hidden;
}
#language {
 clear: both;
 color: #C5C5C5;
 float: right;
 font-size: 0.8em;
 padding-right: 1em;
 position: relative;
 top: -0.6em;
}
#tophtml #mainSection figure img {
 padding-left: 40%;
 width: 60%;
}
#mainSection main .banner01 {
 margin-top: 30%;
}
#mainSection main .banner02 img{
	width:auto;
}

/*----------RSS（PC）*/
.rssStyle article{
	width:85%;
	font-size:100%;
}
/*----------フルサイズRSS（PC）*/
.fullRss article{
	width:80%;
	font-size:100%;
}


/*----------メイン/works（PC）*/

#works #contentsWrap #mainSection #galleryImageList {
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 width: 835px;
}
#works #contentsWrap #mainSection #galleryImageList li {
 float: left;
}
#works #contentsWrap #mainSection #galleryImageList:after {
 clear: both;
 content: "";
 display: block;
}


/*----------メイン/works_insects（PC）*/

#works_gallery div.demonstrations{
	margin:30px 0 70px 0;
}


/*----------メイン/about（PC）*/
#about #mainSection .contents figure{
	float:right;
	width:35%;
}

#about #mainSection .contents figure img{
	width:80%;
	max-width:350px;
	margin:20px 0 40px 15%;
}

#about #contentsWrap #mainSection .contents main{
	width:48%;
	margin-top:30px;
	margin-left:17%;
	float:left;
}

/*----------メイン/news（PC）*/
#newsPickup main .newsText{
	margin:0 auto;
}
/*----------メイン/newsPickup（PC）*/
#newsPickup main{
	width:70%;
	margin:0 auto;
}

/*----------フッター（PC）*/

#sns ul {
 clear: both;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 width: 125px;
}
#sns li {
	width:20px;
 padding-left:5px;
}
#sns li img {
	width:100%;
}

}

/*--------------------

1000px オーバー用レイアウト

--------------------*/

@media screen and (min-width: 1001px) {
.contents {
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 width: 1000px;
}
}


/* IE */

.ie8 .drop-down-menu:hover .drop-down { display: block; } 
.ie8 .drop-down { position: absolute; }