@charset "UTF-8";

* { box-sizing:border-box }


#web-contents {padding-bottom:50px;}


#link-image {margin-top:30px;}
#siteimage {
	position: relative;
	width:260px;
	object-fit: cover;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:auto;
	margin-right:auto;
	background: rgb(116, 237, 255);
	box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
}

#siteimage img {
	width:100%;
	opacity: 1;
  	-webkit-transition: 0.3s ease-in-out;
  	transition: 0.3s ease-in-out;
}

#siteimage p {height:40px;}
#siteimage a:hover {
	opacity: 0.5;
}



#web-contents h2 {
	font-family: sans-serif;
	margin-top:40px;
	letter-spacing: 0.2em;
}
#web-contents p {
	font-size:0.5em;
	padding-bottom:20px;
	letter-spacing: 0.2em;
}
#web-contents a {color:cornflowerblue;}


#isala-LP {padding-bottom:0px;}

#inprogress {
	display:none;
	margin-top:15%;
	position: relative;
	text-align: center;
	width:260px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
}



#inprogress a {
	position: relative;
	display: block;
	text-decoration: none;
}


#inprogress p {
	position: relative;
	
	height:60px;
	line-height:60px;
	font-size:1.2em;
	font-weight: lighter;
	padding:0%;
	background:#fff;
	border: solid 1px #000;
	color:#000;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
}

#inprogress p:hover {
	background: #000;
	color:#fff;
	transition: .3s;
}


/*　画面サイズが568pxからはここを読み込む　*/  
@media screen and (min-width:568px){ 
#web-contents {padding-bottom:80px;}
    
#siteimage {
	position: relative;
	width:300px;
	object-fit: cover;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:auto;
	margin-right:auto;
	background: rgb(116, 237, 255);
	box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
}	
    
	
	
}	

/*　画面サイズが768pxからはここを読み込む　*/ 	
@media screen and (min-width:768px) { 

#link-image {margin-top:30px;}
#siteimage {
	position: relative;
	width:350px;
	object-fit: cover;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:auto;
	margin-right:auto;
	background: rgb(116, 237, 255);
	box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
}

#siteimage img {
	width:100%;
	opacity: 1;
  	-webkit-transition: 0.3s ease-in-out;
  	transition: 0.3s ease-in-out;
}

#siteimage p {height:40px;}
#siteimage a:hover {
	opacity: 0.5;
}
	
#web-contents h2 {
	margin-top:40px;
	letter-spacing: 1em;
}
#web-contents p {
	font-size:0.7em;
	padding-bottom:20px;
	letter-spacing: 0.2em;
}
	
}
	
/*　画面サイズが980pxからはここを読み込む　*/ 	
@media screen and (min-width:900px) { 
    
#link-image {
	position: relative;
	margin-top:30px;
	margin-left:5%;
	margin-right:5%;
	width:90%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	font-size:0;
}

#siteimage {
	position: relative;
	width:30%;
	object-fit: cover;
    margin-top:50px;
    padding-bottom:0px;
    margin-left:auto;
	margin-right:auto;
	background: rgb(116, 237, 255);
	box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
}
	
#siteimage img {
	width:100%;
	opacity: 1;
  	-webkit-transition: 0.3s ease-in-out;
  	transition: 0.3s ease-in-out;
	
}
		
#siteimage p {height:40px;}

#siteimage a:hover {
	opacity: 0.5;
}

#web-contents h2 {
	margin-top:80px;
	letter-spacing: 1.2em;
}
#web-contents p {
	font-size:1em;
	padding-bottom:20px;
	letter-spacing: 0.2em;
	
}
	
}