@charset "UTF-8";
/* CSS Document */
body {
	margin:0px;
	
	
}

header{  
	
	padding:10px;
    background-image: url("images/yuwaogo.png");
    background-repeat: no-repeat;
    background-size: 80px auto;
	background-color: #DDB66D;
    overflow:hidden;
}


h1 {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

h2{
	font-size: 20px;
	margin-left: 43px;
}
h3{
	font-size: 20px;
	margin-left: 43px;
}
h4{
	font-size: 20px;
	margin-left: 43px;
}
h5{
	font-size: 20px;
	margin-left: 43px;
}

.maru {
	margin-top: -47px;
	margin-left: 10px;
}
.maru3{
	margin-top: -50px;
	margin-left: 10px;
}
.maru4{
	margin-top: -56px;
	margin-left: 10px;
}
.maru5{
	margin-top: -70px;
	margin-left: 10px;
}

.hako {
	width:50vw;
	display: inline-block;
	float: left;
	text-align: center;
	
}

.hako2{
	margin-top: -50px;
}

.contents {
	
	text-align:center;
}

.hakotext{
	margin-top: -50px;
	margin-left: 13px;
	margin-right: 13px;
}

.honbun{
	font-size: 16px;
	margin-left: 14px;
	margin-right: 9px;
}


.pink {
	background-color: #F2D9D9;	
}
.kiiro {
	background-color: #EFDCB8;
}
.ao {
	background-color: #BBD7E0;
}

.toppic {
	position: relative;
	z-index: 1;
}

.imgtext {
	position: absolute;
	color: black;
	top: 50px;
	left: 10px;
	font-size: 13px;
	
}




.map {
	width:80vw;
	
}

.mapcontainer {
	
	text-align: center;
}




.zeri {
	width:80vw;
}

.zeriresipi {
	text-align: center;
}

.kuki{
	width: 80vw;
}
.kukiresipi {
	text-align: center;
}

.resipimozi{
	margin-top: -15px;
	margin-left: 145px;
} 



div#first{
	margin: 0px;
}

.hako img {
	width: 100%;
}




footer{
	margin-top:50px;
	width:100vw;
	height:100px;
	background-color:#DDB66D;
    text-align: center;
}


.btn-square {
	margin:30px auto;
  display: inline-block;
  padding: 0.5em 3em;
  text-decoration: none;
  background: white;/*ボタン色*/
  color: black;
  border-bottom: solid 4px #BE8B2C;
  border-radius: 3px;
  
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.kuki2 {
	width: 375px;
}
.zeri2 {
	width: 375px;
}

.image{
	text-align: center;
}

.resipis {
	margin-bottom: -16px;
}

.ma {
	margin-top: 100px;
}

.ma1 {
	margin-top: -20px;
}
.nakami {
	margin-top: -16px;
}
.mozi {
	margin-left: 36px;
	margin-bottom: -20px;
}