@charset "UTF-8";
html, body { height: 100%; }

body {
    width: 960px;
    margin: 0 auto;
    font-family: 'Merriweather','メイリオ' serif;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#99f93f),color-stop(.7,#edf8b2),color-stop(.3,#edf8b2),color-stop(0,#99f93f));
    background: -webkit-linear-gradient(top,#99f93f 0%,#edf8b2 30%,#edf8b2 70%,#99f93f 100%);
    background: -moz-linear-gradient(top,#99f93f 0%,#edf8b2 30%,#edf8b2 70%,#99f93f 100%);
    background: -o-linear-gradient(top,#99f93f 0%,#edf8b2 30%,#edf8b2 70%,#99f93f 100%);
    background: -ms-linear-gradient(top,#99f93f 0%,#edf8b2 30%,#edf8b2 70%,#99f93f 100%);
    background: linear-gradient(to bottom,#99f93f 0%,#edf8b2 30%,#edf8b2 70%,#99f93f 100%);
    background: url(../images/background-images-02.svg),linear-gradient(to bottom,#99f93f 0%,#edf8b2 30%,#edf8b2 70%,#99f93f 100%);
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed;
    line-height: 22px;
}
 a:focus{
outline:none;
}
.top-title{font-size: 180%;}
article {
    line-height: 22px;
   
}
article a{
	text-decoration: none;
}
section {
    background-color: rgba(255,255,255,0.8);
    box-shadow: 8px 6px 15px 3px #fff;
    border-radius: 10px;
    margin: 50px 0;
    padding: 20px 0;
} h1 {
    font-size: 10px;
    color: #444;
}
h2{
	font-size:24px;
    padding: 10px 0;
}
header p {
    font-size: 14px;
    margin: 20px 10px;
    line-height: 2em;
}
#head-address {
    height:200px;
}
.add01 {
        float: left;
    }
.add02 {
    float: right;
}

#wapper {
    background-color: #fff;
}
#wapper p{
	text-align: center;
}
.slider-box {
    height: 260px;
}
    .slider-box dl{
        width:90%;
        margin:0 auto;
        margin-top:25px;
        height:180px;
        text-align:center;
        
    }.slider-box dt {
        font-size: 24px;
        padding: 10px 10px;
    }
    .slider-box dd {
        font-size: 16px;
        padding: 10px 10px;
    }

.make-banner, .make-banner2, .make-banner3 {
    font-weight: 600;
    width: 880px;
    margin: 0 auto;
}

.make-banner {
    height: 400px;
}
.make-banner2 {
        height:600px;
    }
.make-banner3 {
    height: 200px;
}


.cow-1{
    display:block;
    float: left;
    margin:30px 2vw;
    height: 80px;
    width: 360px;
    text-align: center;
}

.make-banner dt, .make-banner2 dt,.make-banner3 dt {
    float: left;
    line-height: 80px;
    letter-spacing: 0.8em;
}

.banner-title{
position: absolute;
    display: block;
    width: 360px;
    text-align: center;
    font-size:20x;
}


#yu-pon{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #67d006), color-stop(0.75, #c4e614), color-stop(0.48, #fff), color-stop(0.23, #c4e614), color-stop(0.00, #67d006));
background: -webkit-linear-gradient(top, #67d006 0%, #c4e614 23%, #fff 48%, #c4e614 75%, #67d006 100%);
background:-moz-linear-gradient(top, #67d006 0%, #c4e614 23%, #fff 48%, #c4e614 75%, #67d006 100%);
background: -o-linear-gradient(top, #67d006 0%, #c4e614 23%, #fff 48%, #c4e614 75%, #67d006 100%);
background: -ms-linear-gradient(top, #67d006 0%, #c4e614 23%, #fff 48%, #c4e614 75%, #67d006 100%);
color:#000;
}
#asaka{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f9a035), color-stop(0.70, #fff), color-stop(0.28, #fff), color-stop(0.00, #00b050));
background: -webkit-linear-gradient(top, #00b050 0%, #fff 28%, #fff 70%, #f9a035 100%);
background: -moz-linear-gradient(top, #00b050 0%, #fff 28%, #fff 70%, #f9a035 100%);
background: -o-linear-gradient(top, #00b050 0%, #fff 28%, #fff 70%, #f9a035 100%);
background: -ms-linear-gradient(top, #00b050 0%, #fff 28%, #fff 70%, #f9a035 100%);
background: linear-gradient(to bottom, #00b050 0%, #fff 28%, #fff 70%, #f9a035 100%);
color:#00b050;
}

.yu-pon-size-min{
    width:36px;
}
.size-min{
    width:80px;
}
#megu{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.82, #d1d1ff), color-stop(0.31, #fff), color-stop(0.00, #2e2ee6));
background: -webkit-linear-gradient(top, #2e2ee6 0%, #fff 31%, #d1d1ff 82%, #000 100%);
background: -moz-linear-gradient(top, #2e2ee6 0%, #fff 31%, #d1d1ff 82%, #000 100%);
background: -o-linear-gradient(top, #2e2ee6 0%, #fff 31%, #d1d1ff 82%, #000 100%);
background: -ms-linear-gradient(top, #2e2ee6 0%, #fff 31%, #d1d1ff 82%, #000 100%);
background: linear-gradient(to bottom, #2e2ee6 0%, #fff 31%, #d1d1ff 82%, #000 100%);
color:#00b050;
}
#megu-kaigo {
    background: #e05d7f;
    background: -moz-linear-gradient(top, #e05d7f 0%, #ffffff 30%, #ffffff 70%,#e05d7f 100%);
    background: -webkit-linear-gradient(top, #e05d7f 0%,#ffffff 30%, #ffffff 70%,#e05d7f 100%);
    background: -o-linear-gradient(top, #e05d7f 0%,#ffffff 30%, #ffffff 70%,#e05d7f 100%);
    background: linear-gradient(to bottom, #e05d7f 2%,#ffffff 30%, #ffffff 70%,#e05d7f 100%);
    background: -ms-linear-gradient(top, #e05d7f 0%,#ffffff 30%, #ffffff 70%,#e05d7f 100%);
    color: #00b050;
}
#megu-fuku{
background: rgb(252,198,50); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,198,50,1) 0%, rgba(248,249,194,1) 48%, rgba(214,249,74,1) 100%);
background: -webkit-linear-gradient(top, rgba(252,198,50,1) 0%,rgba(248,249,194,1) 48%,rgba(214,249,74,1) 100%);
background: linear-gradient(to bottom, rgba(252,198,50,1) 0%,rgba(248,249,194,1) 48%,rgba(214,249,74,1) 100%); 
background: -ms-linear-gradient(top, rgba(252,198,50,1) 0%,rgba(248,249,194,1) 48%,rgba(214,249,74,1) 100%);
background: -o-linear-gradient(top, rgba(252,198,50,1) 0%,rgba(248,249,194,1) 48%,rgba(214,249,74,1) 100%);
    background-image: url("../images/megu-fuku-banner-01.jpg")
}



.banner-image-width img {
    width: 100%;
}


.banner-2 p{
    width: 360px;
    height: 88px;
    vertical-align: middle;
    line-height: 88px;
    letter-spacing: 0.8em;
}





footer p {
    text-align:center;
}


@media screen and (max-width:600px) {
    body {
        width: 100%;
    }
    section{max-width:99%;overflow:hidden;}
	nav,.make-banner,.make-banner2{width:90%;}
.cow-1 {
margin: 20px 1vw;
}
    .container {
        height: 40vh;
    }.slider-nav dl {
        height: 30vh
    }
    #head-address {
        height: 40vh;
    }
    .make-banner {
        height: 70vh;
    }

    .make-banner2 {
        height:90vh;
    }

    .make-banner3 {
        height:30vh;
    }
 .make-banner dt,.make-banner2 dt,.make-banner3 dt{
letter-spacing:0;
}
	#address{width:90%;}
    .make-banner li, .make-banner2 li, .make-banner3 li {
        float: none;
    }


    .banner-img {
        width: 100%;
    }

    #shinshindou img {
        display:block;
        width: 90%;
    }



}
@media screen and (min-width: 600px)and (max-width:960px){
    body {
        width: 100%;
    }

    section {
        max-width: 99%;
        overflow: hidden;
    }
	nav,.make-banner,.make-banner2{width:70%;}
.cow-1 {
margin: 20px 1vw;
}


    .slider-nav dl {
        height: 40vh;
    }
    #head-address {
        height: 40vh;
    }
    .make-banner {
        height:60vh;
    }

    .make-banner2 {
        height:40vh;
    }

    .make-banner3 {
        height: 30vh;
    }

 .make-banner dt,.make-banner2 dt,.make-banner3 dt{
letter-spacing:0;
}
	#address{width:60%;}
    .make-banner li, .make-banner2 li, .make-banner3 li {
        float: none;
    }
}


.mascot-in {
 
}

.mascot-in img{
bottom: 0;
    position: absolute;
    margin-left: 180px;
}