/* ここからdefault.cssの設定を変更する */
#wrap{
	width: 100%;
	margin: auto;
	padding-top: 0;
}
h2{
	padding: 15px 0 30px;
	text-align: left;
}
h3{
    font-size: 20px;
    border-bottom: none;
	margin-top: 0;
	margin-bottom: 0;
    padding: 10px 0;
}
h4{
    font-size: 18px;
    color:  #4fad1c;
    text-align: center;
}
/* ここまでdefault.cssの設定を変更する */

/*スライドショー*/
.slide{
    width: 100%;
    padding-top: 108px;
}

#contents-top{
    width: 940px;
    margin: auto;
    text-align: left;
    line-height: 160%;
}
.wideslider{
    position: relative;
}
.banner1{
    position: absolute;
	opacity: 0.9;
}
.banner2{
	position: absolute;
}
.banner2:hover{
	opacity: 0.7;
}


/*おすすめブロック*/
#note1{
    width: 900px;
    height: auto;
	border: 1px #00561f solid;
	background: #F1EED0;
	margin:20px auto 20px;
	padding: 20px;
}
#note1 img{
    border: 3px #ffcc77 solid;
    border-radius: 100px;
}
.oshirase1{
    float: left;
    width: 180px;
    padding: 22px;
}
.oshirase2{
    float: left;
    width: 180px;
    padding: 22px;
}
.oshirase3{
    float: left;
    width: 180px;
    padding: 22px;
}
.oshirase4{
    float: left;
    width: 180px;
    padding: 22px;
}
.osusume-text1{
    text-align: center;
}
.osusume-text2{
    text-align: center;
    color: #ff0000;
    padding-top: 10px;
}


#note2{
	width: 900px;
    height: auto;
	border: 1px #00561f solid;
	background: #F1EED0;
	margin:0 auto 20px;
	padding: 20px;
    position: relative;
}

#animation {
    margin: 50px 0;
    position: absolute;
    bottom: -110px;
    right: -70px;
    z-index: 800;
    opacity: 0;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



.shopping-flow{
    margin: 0 auto 10px;
    padding: 10px;
    border: 3px solid #d2c1ac;
}

#top-img-s{
    width: 100%;
    padding-bottom:20px;
}
#top-img-s img{
    width: 940px;
}

.arrow-guide{
    text-align: center;
    padding-bottom: 10px;
}

.tyuui{
    color: #4fad1c;
    font-weight: bold;
}

.mushi{
    color: #fc8939;
    font-weight: bold;
}

#note3{
	width: 900px;
    height: auto;
	border: 1px #00561f solid;
	background: #F1EED0;
	margin:0 auto 20px;
	padding: 20px;
}
.housya{
    color: #4fad1c;
}