@charset "utf-8";
/*--Reset--*/
html,body,h1,h2,p,ul,li{
margin: 0;
padding: 0;
line-height: 1.0;
font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
img{
   vertical-align: bottom;
   border:none;
   max-width:100%; 
   height: auto;	
}
ul{
   list-style: none;
}
a{
   text-decoration: none;
}

body{
   background:	#E6FFE9;
   min-width: 1000px;	
}
/*---ヘッダー---*/
header{
   margin:0 auto;
   background:url(../img/TsukubaMtrokujizo.jpg)no-repeat;
   height: 80vh;
   background-size: cover;
   position: relative;
  
}
h1{
   text-align: center;
   text-shadow:2px 2px 2px #DAA520;
   color:#FFFFF0;
   font-size:80px;
   margin-bottom: 30px;
   padding-top: 50px;
   font-family: "Rounded Mplus 1c";	
}
header p{
   line-height: 1.5;
   color: #fff;
   text-align: center;
   text-shadow: 1px 1px 1px #333;	
   font-size: 28px;
   letter-spacing: 1px;	
   font-weight: bold;
 }
.top{
   position: absolute;
   top:30px;
   right:20px;
}

.container{
   max-width: 1000px;
   margin: 0 auto;
 }
/*-----nav-----*/
ul{
   overflow: hidden;
   width:700px;
   margin: 0 auto;
}
li{
   width:140px;
   float: left;
   text-align: center;
   }
li a{
   display: block;
   height:40px;
   line-height: 40px;
   font-size: 20px;
   font-weight: bold;
   color:#008000;
   border-left:1px solid #008000;
   letter-spacing: 1px;
   
 }
li:last-child a{
   border-right:1px solid #008000; 
}
li a:hover{
   background:#EEE8AA;
   transition: 1s;
}
/*---コンテンツ----*/
.content{
   overflow: hidden;
   margin:50px 0;
}
.content p{
   line-height: 1.7;
 }
.come{
   width:500px;
   float: left;
 }
.come h2{
   color: #006400;
   font-size: 30px;
   padding: 10px 0;
   margin-bottom: 20px;
   text-shadow: 1px 1px 3px #FFD700;
   letter-spacing: 2px;
}
.come .title{
   font-size: 38px;
}
.come p{
   color: #A52A2A;
   font-size: 22px;
 }
.come p:nth-child(2){
    margin-bottom: 30px;
}
.come p:nth-child(3){
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}
.come .adre{
    color: #333;
}
.tel{
    font-size: 28px;
 }

/*-----三橋先生-----*/
.topic{
   width: 460px;
   float: right;
}
.mitu{
   background: #FFD700;
   margin: 70px 10px 30px;
   padding-bottom: 20px;
} 

.mitu p:first-child{
   color: #f00;
   font-size: 26px;
   font-weight: bold;
   margin:10px 0 10px 20px;
 }
.mitu p:nth-child(2){
   font-size: 22px;
   margin-left: 30px;
   letter-spacing: 1px;
}
.mitu img{
   padding: 5px;
   border:1px solid #999;
   background-color: #fff;
   margin: 10px 12px;
}
.mitu img:hover{
   background:#f00;
}
.mitu p:last-child{
   text-align: center;
   font-size: 18px;
}
.stone{
   width:400px;
   height: 250px;
   margin: 60px  auto 10px;
}
.stone img{
   border-radius: 20px;
}
.p{ 
   text-align: center;
 
}

/*-----ほのぼの地蔵・制作実績more----*/

.wrap{
   clear: both;
   overflow: hidden;
 }
.han{
   float: left;
}
.saku{
   float: right;
 }
.saku,.han{
   width:450px;
   height: 750px;
   margin-bottom: 50px;
   background:#F5F5F5;
   margin-left: 10px;
   box-shadow:0 0 0 5px #fff inset ;
}
.saku h2,.han h2{
   width:250px;
   color: #2F4F4F;
   margin: 20px auto;
   text-align: center;
   letter-spacing: 2px;
   text-shadow: 1px 1px 3px #ADFF2F;	
   padding: 10px 0;
   border: 5px solid 	#6B8E23;
}
.saku p,.han p{
   line-height: 1.6;
   margin: 20px;
   font-size: 18px;
   color: #333;
}
.saku span,.han span{
    font-size: 28px;
    }
.saku img{
    padding: 7px;
    
}
.han img{
    margin-left: 50px;
    padding: 7px;
}
.han:hover,.saku:hover{
    opacity: 0.7;
}

.info{
    width:500px;
    clear: both;
    margin:50px auto;
   
}
.info span{
    color:#f00;
    font-size: 26px;
}
.info a{
    display: block;
    color: #333;
    font-size: 20px;
    font-weight:bold;
    background: #ffdbc9;
    border-radius:20px;
    padding: 30px 0;
 　 letter-spacing: 1px;
    line-height: 1.5;
    text-align: center;
 }
.info a:hover{
    background: #F0E68C;
}
/*-----外部リンク--------*/
.link{
    overflow: hidden;
}
section{
    float: left;
 }

.yhstore,.blog{
    width:400px;
    margin: 50px 20px 50px 50px;
    padding: 10px;
    overflow: hidden;
}
.yhstore img,.blog img{
    float: left;
    border-radius: 50%;
}
.yhstore a,.blog a{
    display: block;
    font-size: 19px;
    width: 260px;
    color: #fff;
    font-weight: bold;
    margin:10px 0 10px 110px;
    padding: 15px 5px;
    line-height: 1.3;
    letter-spacing: 1px;
}
.yhstore a:hover,.blog a:hover{
    color: #f00;
    background: #FFF8DC;
    transition: 0.8s;
}
.yhstore{
    background: #FFD700;
    border: 5px solid #FFA500;
}
.blog{
    background: #4169E1;
    border:5px solid #FFA500;
}

footer{
    overflow: hidden;
    background:#8FBC8F; 
    text-align: center; 
    color: 	#800000;
    padding: 20px 0 30px;
}
.adre{
     line-height: 1.5;
     padding:10px 0;
}
.adre p{
      padding: 3px 0 ;
}
.adre p:first-child{
    font-size: 24px;   
 }

.fnav{
    margin-bottom: 10px;
}
.fnav li a{
    color: #000;
    font-weight: normal;
    border-left:none;
    border-radius: 10px;
}
.fnav li:last-child a{
    border-right: none;
}
.fnav li a:hover{
    background:#EEE8AA ;
}
/*-----トップへ戻るボタン-------*/
#page-top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
} 
#page-top a{
    background: #666;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover{
    background: #999;
}

/*-----メディアクエリ--------*/
@media screen and (max-width:1000px){
header{
	background-size:100%;
	height: auto;
	padding-bottom: 270px ;
}
h1{
   font-size:40px;
   margin-bottom: 15px;
   padding-top: 30px;
}
header p{
   line-height: 1.3;
   text-align: center;
   font-size: 20px;
 }
.top{
   top:20px;
   right:10px;
   font-size: 16px;	
}
.container{
   width: 100%;
}

}