@charset"utf-8";
*
{
background-color:transparent;
padding:0;
margin:0;
}

body
{
margin:0;
padding:0;
font-family:"メイリオ","meiryo","Avenir Next",sans-serif;
color:#333333;
background-color:#ffffff;

}

#header {
	position:fixed;
	z-index:100;
	width:100%;
	background-color:deeppink;
	clear:both;
}

#contents{
	max-width:900px;
	margin:0 auto;
}

#contents ul{
	list-style-type:none;
}

#contents img{
	max-width:100%;
}

h1 {
	font-size:1.2em;
	color:#ffffff;
	padding-top:8px;
	padding-left:40px;
	float:left;
}

h3{
	font-size:1.3em;
	text-align: center;
}
h4{
	color:deeppink;
}

p {text-align:center;}


hr {
	margin-top:50px;
	margin-bottom:30px;
}
a{
	text-decoration:none;
}

.contents{
  margin-top : -70px;
  padding-top : 90px;
}
.access{
	  margin-top : -70px;
  padding-top : 90px;
}	

/*ページ上部のpinkの帯　*/
.site{

	height:40px;
	position:relative;
}

.navi{
	position:absolute;
	left:250px;
	top:0;
	width:70%;
	text-align:center;
	height:30px;
  background-color:transparent;
	padding-top:5px;

}

.navi ul{
	list-style-type:none;


}



.navi li{

	display:inline;
	padding:5px 5px 1px 5px;
/*	background-color: rgba( 255, 255, 255, 0.5 );*/
    color: #ffffff;
	border-bottom:solid 5px pink;
}
.navi a:visited  { 
	color : #ffffff; 
	}
.navi a { 
	color : #ffffff;
	width:100%;}
	
.icon {
	background-color:#deeppink;
}
	
.icon ul{
	list-style-type:none;
}

.icon li{
	margin:6px;
	display:inline;
	background-color:#deeppink;
	border:0.5px solid gray; 
	padding:2px 5px;

}




.logo{
	text-align:center;
}
.logo img{width:100%;}

	p {
		margin-bottom:20px;
		margin-top:20px;
	}
.ul-koubo a{
	text-decoration: underline;
}


.taoyaka{
	max-width:35%;
	margin:10px auto;
}
.contents2 img{
	width:30%;
	margin-left:1%;

}

/*	
.ul-koubo {
	width:75%;
	margin:40px auto;
}

.ul-livepaint{
	width:50%;
	margin:40px auto;
}

.ul-livepaint2{
	width:25%;
	margin:40px auto;
}


.contents3{
	max-width:82%;
	margin:0 auto;
	text-align:center;
}

.contents3 img{
	width:30%;
	height:200px;
	margin-left:1%;
	object-fit: cover;
    object-position: center center;
}

.contents3 dd{
	margin-left:20px;
	text-align:left;
}

.sketcher{
		width:58%;
	margin:40px auto;
}


.dl-expo{
	width:40%;
	margin:40px auto;
}

.dl-expo dl{
	margin-top:20px;
}
.dl-expo dd{
	margin-left:20px;
}

.ul-expo{
	width:55%;
	margin:40px auto;
}
.ul-expo dl{
	margin-top:20px;
}
.ul-expo dd{
	margin-left:20px;
}

.ul-expo ul{margin-top:30px;}
	
	
.ul-lab {
	width:40%;
	margin:40px auto;
}

.ul-ide{
		width:40%;
	margin:40px auto;
}	

.ul-kita{
		width:40%;
	margin:40px auto;
}

.ul-work{
		width:40%;
	margin:40px auto;
}

.ul-shika{
		width:40%;
	margin:40px auto;

	}

.ul-tea{
		width:30%;
	margin:40px auto;
}
.ul-access{
	width:70%;
	margin:40px auto;
}

.dl-access{
	width:75%;
	margin:40px auto;
}
.dl-access dt{
	margin-top:10px;
	font-weight:bold;
}
.dl-access dd{
	margin-left:50px;
}

*/
/*ページトップへの固定ボタン*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: deeppink;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.contents4{
	max-width:82%;
	margin:0 auto;
	text-align:center;
}

.contents4 img{
	width:18%;
	height:120px;
	margin-left:1%;
	object-fit: cover;
    object-position: center center;
}


@media screen and (min-width:780px) { 
    /*　画面サイズが780px以上はここを読み込む　*/
.ul-koubo {
	width:40%;
	margin:40px auto;
}

.ul-livepaint{
	width:50%;
	margin:40px auto;
}

.ul-livepaint2{
	width:40%;
	margin:40px auto;
}


.contents3{
	max-width:82%;
	margin:0 auto;
	text-align:center;
}

.contents3 img{
	width:30%;
	height:200px;
	margin-left:1%;
	object-fit: cover;
    object-position: center center;
}

.contents3 dd{
	margin-left:20px;
	text-align:left;
}




.sketcher{
		width:58%;
	margin:40px auto;
}


.dl-expo{
	width:40%;
	margin:40px auto;
}

.dl-expo dl{
	margin-top:20px;
}
.dl-expo dd{
	margin-left:20px;
}

.ul-expo{
	width:55%;
	margin:40px auto;
}
.ul-expo dl{
	margin-top:20px;
}
.ul-expo dd{
	margin-left:20px;
}

.ul-expo ul{margin-top:30px;}
	
	
.ul-lab {
	width:40%;
	margin:40px auto;
}
.ul-lab-img {
	width:75%;
	margin:40px auto;
	text-align:center;
}



.ul-ide{
		width:40%;
	margin:40px auto;
}	

.ul-kita{
		width:40%;
	margin:40px auto;
}

.ul-work{
		width:40%;
	margin:40px auto;
}

.ul-shika{
		width:40%;
	margin:40px auto;

	}

.ul-tea{
		width:40%;
	margin:40px auto;
}
.ul-access{
	width:70%;
	margin:40px auto;
}

.dl-access{
	width:75%;
	margin:40px auto;
}
.dl-access dt{
	margin-top:10px;
	font-weight:bold;
}
.dl-access dd{
	margin-left:50px;
}
	
	
.ul-expo dl{
	overflow:hidden;
	
}

.ul-expo dt{
	float:left;
	}
	
.ul-expo dd{
	margin-left:120px;
}

.koubo-img{
	max-width:45%;
	margin:10px auto;
}

}



@media screen and (max-width:779px) { 
    /*　画面サイズが779px以下はここを読み込む　*/
body{
	margin-left:2px;
	margin-right:2px;
}
	
#header {
	position:static;

}

.logo p{
	margin-left:10px;
	margin-right:10px;
}

.contents3 img{
	width:60%;
	height:auto;
	margin:0 auto;
	object-fit: cover;
    object-position: center center;
}

.contents3{
	max-width:82%;
	margin:0 auto;
	text-align:center;
}

.contents4 img{
	width:18%;
	height:90px;
	margin-left:1%;
	object-fit: cover;
    object-position: center center;
}
.navi{
	position:static;
	width:100%;
	text-align:center;
	height:195px;
/*  background-color:transparent;*/

	padding-top:5px;

}

.navi li{

	display:block;
	padding:5px 5px 1px 5px;
/*	background-color: rgba( 255, 255, 255, 0.5 );*/
	background-color:hotpink;
    color: #ffffff;
	border-bottom:solid 2px pink;
}
.navi li a{display:block;}

.ul-expo{
	width:90%;
	text-align:left;
}
.ul-expo dd{
	margin-left:20px;
}
.ul-expo ul{
	margin-top:20px;
}
.ul-koubo {
	width:90%;
	margin:40px auto;
}

.ul-livepaint2{
	width:90%;
	margin:10px auto;
}

.ul-livepaint{
	width:85%;
	margin:10px auto;
}

.sketcher{
	width:85%;
	margin:10px auto;
}
.ul-lab {
	width:91%;
	margin:10px auto;
}

.ul-kita{
		width:85%;
	margin:10px auto;
}

.ul-tea{
	width:85%;
	margin:10px auto;
}

.dl-access{
	width:85%;
	margin:10px auto;
}
.dl-access dt{
	margin-top:10px;
	font-weight:bold;
}
.dl-access dd{
	margin-left:20px;
}

.aboutus p{
	margin-left:10px;
	margin-right:10px;
}
}

/*ここまで*/

/*
h3 {
	background-color:#008000;
	height:25px;
	padding:13px;
	color:white;
}
*/

/*
.detail  img{
	max-width:100%;
	height:auto;
	
}

.detail {
	text-align:center;
}

.detail  ul {
	padding:10px 20px;
}

.detail p{
	padding:10px 20px;
}

.news {
	padding-bottom:10px;
	background-color:white;
}


.koubo {
	padding-bottom:10px;
	background-color:white;
}

.koubo p{
	text-align:center;
}
.paint {
	padding-bottom:10px;

	background-color:white;
}

.live {
	padding-bottom:10px;

	background-color:white;
}


.kazuya {
	background-image:url("../img/kazuya_bk.jpg");
	padding-bottom:1px;

}

.kazuya p{
	color:white;
}
.kazuya a {
	color:yellow;
}

.kitani {
		padding-bottom:10px;

	background-color:white;
}


.work {
	background-color:white;
	padding-bottom:10px;

	}


.machi {
	padding-bottom:10px;

	background-color:white;
}


.access {
	padding-bottom:10px;

	background-color:white;
}

.aboutus {
	padding-bottom:10px;

	background-color:white;
}
*/
/*フッターの設定　*/
#footer
{
	clear:both;
background-color:hotpink;
}

#footer p
{
font-size:small;
color:#ffffff;
text-align:center;
}
/*フッターの設定ここまで　*/