@charset"utf-8";

*
{
background-color:transparent;
padding:0;

}

body
{
max-width:900px;
margin:0 auto;
font-family:"Century","Avenir Next",serif;
color:#333333;
}

/*画像をDLできなくする ここから*/
.detail img {
display:block;
  pointer-events: none; 
}

.detail img {
	display:block;
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}
/*画像をDLできなくする　ここまで */

/*
#header ul{
float:right;

}
#header li{
float:right;
margin-top:30px;
margin-right:20px;
font-size:0.9em;
 }
*/
#header{
overflow:hidden;

}

#header img{
	margin:20px 0 -5px 2px;

	}
	
		
.logo{
float:left;
}
 
/*ここからプルダウンメニュー設定*/

#dropdwn{
		overflow:hidden;
		height:160px;
}

.dropdwn{
    max-width: 900px;
    display: flex;
	float:right;

}

.dropdwn ul{
    text-align: center;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    color: gray;
}
.dropdwn li{
	text-align: center;
    max-width: calc(500px/5);
    position: relative;
    padding: 5px;
    display: block;
    cursor: pointer;
	font-size:0.9em;
}

.dropdwn>li{
    width: 900px;
    margin: 1px;
	border-top:solid 10px gray;
    display: inline;
}

.dropdwn_menu{
    width: 100%;
    display: none;
    position: absolute;
    margin-top: 5px;
    padding: 0;
    background: gray;
}

.dropdwn_menu li{
    width: 100%;
}
.dropdwn li a{
    display: block;
	text-decoration:none;

}
.dropdwn_menu li a{

	padding: 5px 0;
    display: block;
	text-decoration:none;
	color:white;
}

.dropdwn li a:hover{
    background: #BDC3C7;
    color: white;
}

/*ここまでプルダウンメニュー設定*/




ul{	list-style-type:none;}
a
{
	text-decoration:none;
	outline: none;

}





h1{
	font-size:0.85em;
}
	


	

 
 .news {
overflow:hidden;}
.icon{
float:right;}
.icon li{
float:left;
margin:0 10px;}

.works {
	max-width:100%;
	margin:0 auto;

	overflow:hidden;
	text-align:center;
	}
	
.works img{
	width:190px;
	height:190px;
	object-fit:cover;


	}
.works ul{
	max-width:850px;
	margin:0 auto;

}

.works li{

	float:left;
	width:190px;
	margin:10px;

	}
	
.works li a
{
	text-decoration:none;
	outline: none;
	width:100%;
}

.detail ul{
	max-width:850px;
	margin:0 auto;

}
.detail img{
	max-width:95%;
}

.profile dd{margin-top:-25px;
margin-left:80px;}


.valign {overflow:hidden;}
.valign img {float:left;
margin:10px;}

.artist {

	overflow:hidden;
	
	}
	
.artist ul{
	max-width:800px;
	margin:0 auto;

}
.artist li{
	width:160px;
	float:left;
	height:40px;

}

.artist dd{
	margin-top:10px;

	}

.interview img {
width:100px;
height:100px;
	object-fit:cover;
	}
#mainImg p{margin:0 auto;
}


#mainImg img{margin:0 auto;
max-width:100%;
}

@media screen and (min-width:481px) {
	/* ここにパソコン版だけの記述 */
#mainImg img{
max-height:600px;}	
}

#subImg {overflow:hidden;}
#subImg img
{width:100%;
}

#subImg li
	{width:21%;
	float:left;
	margin:5px;}


#footer
{
	clear:both;
background-color:#4169e1;
}

#footer p
{
font-size:small;
color:#ffffff;
text-align:center;
}


.method p{
  padding-left:5%;
}
.method dl{margin-left:5px;}
.method dd{margin-top:-24px;}



/*スマートフォンの場合の設定*/

@media screen and (max-width:768px) { 
    /*　画面サイズが768px以下はここを読み込む　*/
	
body
{
max-width:96%;
margin:0 auto;
font-size:0.85em;


}	

.logo{
float:none;
}




/*ここからプルダウンメニュー設定*/

#dropdwn{
		max-width: 100%;
}

.dropdwn{

    display: flex;
	float:none;

}




.dropdwn>li{

    display: block;
}



.dropdwn_menu li{
    width: 100%;
		font-size:0.8em;
		text-align:left;

}



.dropdwn li a:hover{
    background: none;
    color: rgb(65, 65, 65);
}

/*ここまでプルダウンメニュー設定*/

｝	



@media screen and (max-width:480px) { 
    /*　画面サイズが480px以下はここを読み込む　*/
	
body
{
max-width:96%;
margin:0 auto;
font-size:0.85em;


}


.icon{
float:none;
height:20px;}



.works{
	max-width:100%;
/*	text-align:center;*/

}

.works ul{
	max-width:90%;
	margin:0 auto;

}

.works li{width:100%;
	float:none;
	margin:0 auto;
}





.artist{
	text-align:center;
	max-width:100%;

}

.artist ul{
	max-width:100%;
	margin:0 auto;

}
.detail ul{
	max-width:100%;
	text-align:center;

}




.method dd{margin-top:-22px;
margin-left:22px;
}

#header li{

margin-top:-5px;
margin-right:10px;

 }
 #header img{
	 width:70%;
 }
 
}
/*スマートフォン対応　ここまで*/