@charset "utf-8";

#index_img{
position:absolute;
top:0px;
left:0px;
z-index:-1;
width:100%;
}
#index_img ul{
list-style-type:none;
}
#index_img li{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
}
#index_img li img{
display:none;
}
#index_img li p{
position:absolute;
bottom:170px;
right:30px;
width:100%;
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho","Sawarabi Mincho", serif;
color:#fff;
text-align:right;
font-size:24px;
text-shadow:-1px 0px 2px rgba(0,0,0,0.8),1px 0px 2px rgba(0,0,0,0.8),0px -1px 2px rgba(0,0,0,0.8),0px 1px 2px rgba(0,0,0,0.8);
letter-spacing:0.2em;
}
#index_news{
width:100%;
background:rgba(255,255,255,0.8);
padding:20px 0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
text-align:center;
}
#index_news *{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
#index_news>h2{
display:none;
}
#index_news ul{
display:inline-block;
vertical-align:middle;
width:90%;
max-width:1000px;
margin:0px auto;
height:65px;
list-style-type:none;
overflow:hidden;
border-left:1px solid #999;
border-right:1px solid #999;
position:relative;
}
#index_news li{
width:25%;
overflow:hidden;
zoom:1;
font-size:12px;
font-weight:bold;
position:absolute;
top:0px;
left:0px;
}
#index_news li a{
display:block;
padding:0px 10px;
}
#index_news li img{
float:left;
margin-right:5px;
}
#index_news li h2{
margin-top:5px;
font-size:12px;
font-weight:normal;
}
#index_news #next,#index_news #pre{
width:15px;
height:40px;
display:inline-block;
vertical-align:middle;
cursor:pointer;
}
#sp_bnr,.sp_menu{
display:none;
}
footer{
margin-top:0px;
color:#fff;
}
footer .container{
width:100%;
}
footer a{
color:#fff!important;
border-left:1px solid #fff!important;
border-right:1px solid #fff!important;
}
.sp{
display:none;
}
@media(max-width:900px){
#nav-onlineshop{
margin-left:15px!important;
}
}
@media(max-width:820px){
.sp{
display:block;
}
header{
font-family:"Hiragino Mincho Pro", "HGMinchoB", "MS PMincho","Sawarabi Mincho", serif;
color:#fff;
height:90px;
padding:10px!important;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
position:relative;
}
header#global-header .container{
margin:0px;
}
header#global-header div#logo h1 img{
height:60px!important;
width:auto!important;
}
header:before{
content:'味のみなもと、';
position:absolute;
left:85px;
top:10px;
font-size:21px;
letter-spacing:0.3em;
}
header:after{
content:'人・こころの源';
position:absolute;
left:105px;
bottom:10px;
font-size:21px;
letter-spacing:0.3em;
}
#logo-100year,header nav{
display:none!important;
}
#index_img li p{
font-size:18px;
bottom:10px;
right:10px
}
#index_news{
padding:0px 10px;
}
#index_news>h2{
display:block;
margin:0px 0px 10px 0px;
font-size:16px;
}
#index_news #next,#index_news #pre{
position:relative;
}
#index_news #next:before{
content:'';
width:0;
height:0;
border:8px solid transparent;
border-left:8px solid #999;
position:absolute;
top:50%;
margin-top:-8px;
left:5px;
}
#index_news #pre:before{
content:'';
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid #999;
position:absolute;
top:50%;
margin-top:-8px;
right:5px;
}
#sp_bnr{
display:block;
padding:10px;
}
#sp_bnr:after{
content:'';
width:0;
height:0;
display:block;
clear:both;
}
#sp_bnr ul{
list-style-type:none;
}
#sp_bnr li{
width:49%;
float:right;
margin-top:2%;
}
#sp_bnr li:nth-child(2n+1){
float:left;
clear:both;
}
#sp_bnr li:nth-child(1),#sp_bnr li:nth-child(2){
margin-top:0;
}
#sp_bnr li img{
width:100%;
height:auto;
}
#sp_bnr li a{
display:block;
border:5px solid #fff;
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
.sp_menu{
display:block;
padding:0px 10px 10px 10px;
}
.sp_menu ul{
list-style-type:none;
}
.sp_menu a{
display:block;
text-align:center;
font-size:16px;
line-height:40px;
height:40px;
}
.sp_menu.os{
margin-top:20px;
padding-bottom:0px;
}
.sp_menu.os a{
color:#fff;
text-shadow:2px 2px 2px rgba(0,0,0,0.4);
background: rgb(153,51,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MzMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzgwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTMzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(153,51,0,1) 0%, rgba(128,0,0,1) 90%, rgba(153,51,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(153,51,0,1) 0%,rgba(128,0,0,1) 90%,rgba(153,51,0,1) 100%);
background: linear-gradient(to bottom,  rgba(153,51,0,1) 0%,rgba(128,0,0,1) 90%,rgba(153,51,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993300', endColorstr='#993300',GradientType=0 );
}
.sp_menu.fb a{
background-color:#3a5a98;
}
.sp_menu.fb  img{
height:24px;
width:auto;
}
footer{
width:100%;
background-color:#3b1d2c;
color:#fff;
}
footer .container{
width:100%;
text-align:center;
}
footer nav{
display:none;
}
}