@charset "utf-8";
/* CSS Document */




*{
	margin: 0;
	padding: 0;
}
	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:100%;
   }

.in02{margin-left:auto;
margin-right:auto;
width:100%;
   }	


a{text-decoration:none;}
		
img{border:0;
    width:100%;}		


#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;} 	
	

/* --------------------------------
 フォントサイズ基本
--------------------------------- */

html {
  font-size: 14px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  overflow-y:auto;
	color: #816658;
	line-height:1.9em;
	overflow-x: hidden;
}

body{word-wrap: break-word;}

.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	


	.e-book p{width:95%;
	margin: 2% auto;
	padding: 0%;
	border: solid 1px #D1D1D1;}





/*contact*/

input::-webkit-input-placeholder {
	color: #FF0000;
}
input:-ms-input-placeholder {
	color: #FF0000;
}
input::-moz-placeholder {
	color: #FF0000;
}


::placeholder{
  color:#C3C3C3;
}

.form dt{background:#997a69;
color:#fff;
padding:1% 2%;}

.form dd{margin:2% 0%;}

input[type="text"]{width:99%;
height:1.5em;}
textarea{width:100%;

}

.btn{width:60%;
margin-left:20%;
margin-top:5%;}

#contact span{color:red;}

#contact{width:95%;
margin: 5% auto;}


@media only screen and (min-width: 640px) {
	

	
html {
    font-size: 18px;
    overflow-y: scroll;
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}	
		
	

.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:980px;
	padding: 0% 0%;
	}		

	

.in02{margin-left:auto;
    margin-right:auto;
    max-width:980px;
	padding: 0% 0%;
	border-left: solid 1px #B1B1B1;
	border-right: solid 1px #B1B1B1;}		
	
	
	
/*contact*/
	
	
.form dl{margin-bottom:2%;}
	
.form dt{width:30%;
float:left;
padding:1% 2%;
background:#fff;
color: #997a69;
}

.form dd{width:66%;
float:left;
margin:0% 0%;}

#contact{width:70%;
margin: 5% auto;
padding: 3%;
border: solid 1px #997a69;
background: #fff;}		
	
.btn{width:30%;
margin-left:34%;
margin-top:5%;}	

}

	
	

}