@charset "utf-8";

.sp{display: none;}
header{}
header .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
}
header h1{
    width: 40%;
    margin: 0;
}
header h1 span{font-size: 14px;}
header h1 img{
    width: 100%;
}
header nav{}
header nav ul{
    margin: 14px 0 0 0;
    padding: 0;
    list-style-type: none;
    display: flex;
}
header nav ul li{
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 10px 10px;
    margin: 0 10px;
}
header nav ul li a{}
header nav ul li a span{
    display: block;
    font-size: 12px;
}

#wrapper{}
#content{}
.inner{
	width: 960px;
	margin: auto;
}

#hero{
    background: url("../img/bg_1.jpg") no-repeat center;
    background-size: cover;
    height: 420px;
}
#hero h2{
    margin: 0;
    padding: 200px 0 0 0;
    text-align: right;
    color: #61b91f;
    font-size: 32px;
    text-shadow: 2px 2px 4px #999999;
}

#greeting{
    padding: 60px 0;
}
#greeting h2{
    text-align:center;
    color: #58b218;
    margin: 0;
}
#greeting h2:before{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 20px auto;
    background: url("../img/icon_1.png") no-repeat center;
    background-size: 100% auto;
}
#greeting h2:after{
    content: "";
    display: block;
    width: 100px;
    height: 20px;
    margin:0 auto;
    background: url("../img/line_1.png") no-repeat center;
    background-size: 100% auto;
}
#greeting h3{
    text-align: center;
    margin: 20px 0 0 0;
}
#greeting h4{
    text-align: center;
    margin: 10px 0 0 0;
}

#storeguid{}
#storeguid .bg{
    background: url("../img/bg_2.jpg") no-repeat center;
    background-size: cover;
    padding: 60px 0;
}
#storeguid h2{
    width: 960px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
#storeguid h2:before{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 20px auto;
    background: url("../img/icon_2.png") no-repeat center;
    background-size: 100% auto;
}
#storeguid h2:after{
    content: "";
    display: block;
    width: 100px;
    height: 20px;
    margin:0 auto;
    background: url("../img/line_2.png") no-repeat center;
    background-size: 100% auto;
}
#storeguid .box{
    background: #6EB03A;
    padding: 60px 0;
}
#storeguid h3{
    margin: 0 0 0 0;
    color: #fff;
    text-align: center;
    font-size: 24px;
}
#storeguid ul{
    width: 720px;
    margin: 20px auto;
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
#storeguid ul li{
    width: 240px;
}
#storeguid ul li img{
    width: 100%;
}
#storeguid dl{
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 520px;
}
#storeguid dt{
    width: 30%;
    margin: 0 0 10px 0;
}
#storeguid dd{
    width: 70%;
    margin: 0 0 10px 0;
    font-size: 14px;
}
#storeguid dd.item{display: flex;}
#storeguid dd.item ul{width: 50%;display: inline;margin: 0 0;}
#storeguid dd.item ul li{margin-bottom: 5px;list-style-type: disc;margin-left: 20px;}
#storeguid dd.item ul li:first-child{list-style-type: none;margin-left: 0;}
#storeguid dd.item ul li h4{margin: 0;}
#storeguid dd.item ul li h4:before{
    content: "■";
}

#access{
    padding: 60px 0;
}
#access h2{
    color: #58b218;
    text-align: center;
    margin: 0;
}
#access h2:before{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 20px auto;
    background: url("../img/icon_3.png") no-repeat center;
    background-size: 100% auto;
}
#access h2:after{
    content: "";
    display: block;
    width: 100px;
    height: 20px;
    margin:0 auto;
    background: url("../img/line_1.png") no-repeat center;
    background-size: 100% auto;
}
#access h4{
    text-align: center;
    line-height: 1.4em;
    margin-bottom: 40px;
}
#access #map{
    width: 800px;
    height: 300px;
    margin: 0 auto;
}
#access #map iframe{
    width: 100%;
    height: 100%;
}

#link{
    background: #F6F6F6;
    padding: 60px 0;
}
#link h2{
    text-align: center;
}
#link h2:before{
}
#link h2:after{
    content: "";
    display: block;
    width: 100px;
    height: 20px;
    margin:0 auto;
    background: url("../img/line_3.png") no-repeat center;
    background-size: 100% auto;
}
#link h4{
    text-align: center;
    width: 200px;
    margin: 0 auto;
}
#link h4 a{
    font-size: 18px;
    display: block;
    background: url("../img/icon_4.png") no-repeat center left;
    background-size: 20px auto;
}

footer{
    background: #555559;
    text-align: center;
    color: #fff;
    padding: 60px 0;
}
footer h2{
    margin: 0 0 20px 0;
}
footer h4{
    margin: 0 0 10px 0;
}
footer p{
    margin: 0 0;
}


@media print, screen and (max-width: 767px){
.sp{display: inline;}
img{
    width: 100%;
}
header{}
header .inner{
}
header h1{width: 90%;margin: 0 auto;}
header h1 span{}
header h1 img{
}
header nav{
    width: 100%;
}
header nav ul{margin: 2% 0 0 0;}
header nav ul li{padding: 2% 2%;margin: 0 2%;width: 33%;font-size: 11px;}
header nav ul li a{
}
header nav ul li a span{font-size: 10px;}

#wrapper{}
#content{}
.inner{
	width: 100%;
	padding: 0 2%;
	box-sizing: border-box;
}

#hero{height: 260px;}
#hero h2{font-size: 26px;text-align: center;padding: 26vh 0 0 0;}

#greeting{padding: 10% 0;}
#greeting h2{
}
#greeting h2:before{
}
#greeting h2:after{
}
#greeting h3{font-size: 16px;}
#greeting h4{
}

#storeguid{}
#storeguid .bg{padding: 10% 0;}
#storeguid h2{width: 100%;}
#storeguid h2:before{
}
#storeguid h2:after{
}
#storeguid .box{padding: 10% 0;}
#storeguid h3{
}
#storeguid ul{width: 100%;}
#storeguid ul li{}
#storeguid dl{width: 100%;}
#storeguid dt{width: 100%;margin: 0 0 2% 0;}
#storeguid dd{width: 100%;padding-left: 5%;margin: 0 0 4% 0;}

#storeguid dd.item{}
#storeguid dd.item ul{}
#storeguid dd.item ul li{margin-bottom: 2%;margin-left: 15%;width: auto;}
#storeguid dd.item ul li:first-child{margin-left: 0;}
#storeguid dd.item ul li h4{}
#storeguid dd.item ul li h4:before{
    content: "■";
}

#access{padding: 10% 0;}
#access h2{
}
#access h2:before{
}
#access h2:after{
}
#access h4{font-size: 14px;}
#access #map{width: 100%;}
#access #map iframe{
}

#link{padding: 10% 0;}
#link h2{
}
#link h2:before{
}
#link h2:after{
}
#link h4{
}
#link h4 a{
}

footer{padding: 10% 0;}
footer h2{
}
footer h4{
}
footer p{
}

}