/*
news free1
shopList free2
about free3
faq free4
recipe free12
recipe free14
recipe free15
terms free21
*/

/*
ニュース
*/

div.news .rightArea {
  width: 705px;
  padding-top: 60px;
  padding-bottom: 60px;
  float: right;
}
div.news .rightArea h2 {
  margin-bottom: 25px;
}
div.news .rightArea ul.newsList li {
  padding: 30px 0;
  overflow: hidden;
  *zoom: 1;
  background: url(../images/common/dotline.gif) repeat-x 0 bottom;
}
div.news .rightArea ul.newsList li a {
  display: block;
}
div.news .rightArea ul.newsList li a:hover h3, div.news .rightArea ul.newsList li a:hover p {
  text-decoration: underline;
}
div.news .rightArea ul.newsList li p.pic {
  float: left;
  padding-right: 20px;
/* 20150525 chrome対応 */
  font-size: 0;
}
div.news .rightArea ul.newsList li div {
  float: left;
  width: 425px;
}
div.news .rightArea ul.newsList li div h3 {
  font-size: 116%;
  margin: 20px 0 15px;
  font-weight: bold;
  line-height: 1.8em;
}
div.news .rightArea ul.newsList li a div p.textR {
  margin-top: 20px;
}
div.news .rightArea ul.newsList li div a:hover{
  text-decoration:underline;
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: “alpha( opacity=80 )”;
}
div.newsDetail .rightArea {
  width: 705px;
  padding-top: 60px;
  padding-bottom: 60px;
  float: right;
}
div.newsDetail .rightArea h2 {
  margin-bottom: 55px;
}
div.newsDetail .rightArea div.newsHead {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 20px;
}
div.newsDetail .rightArea div.newsHead p.date {
  float: left;
  font-size: 92%;
}
div.newsDetail .rightArea div.newsHead ul.socialButton {
  float: right;
}
div.newsDetail .rightArea div.newsHead ul.socialButton li {
  float: left;
}
div.newsDetail .rightArea div.newsHead ul.socialButton li.facebook {
  padding-right: 15px;
}
div.newsDetail .rightArea div.newsHead ul.socialButton li.twitter {
  width: 95px;
}
div.newsDetail .rightArea h1 {
  font-size: 116%;
  font-weight: bold;
  line-height: 1.8em;
}
div.newsDetail .rightArea p.img {
  margin: 20px 0 30px;
}
div.newsDetail .rightArea .inner {
  padding: 0 15px;
}
div.newsDetail .rightArea .inner p {
  margin-bottom: 30px;
}
div.newsDetail .rightArea .inner p.note {
  background: #f8f5ed;
  padding: 10px;
}
div.newsDetail .rightArea .inner hr {
  border: none;
  border-top: dotted 1px #503715;
  height: 1px;
}
div.newsDetail .rightArea .inner div.info {
  background: url(../images/common/dotline02.gif) repeat-x 0 0;
}
div.newsDetail .rightArea .inner div.info p {
  padding: 15px 0;
  margin-bottom: 0;
  background: url(../images/common/dotline02.gif) repeat-x 0 bottom;
}
div.newsDetail .rightArea .inner ul.navi {
  background-color: #f8f5ed;
  text-align: center;
  padding: 5px 0 2px;
  margin-top: 60px;
}
div.newsDetail .rightArea .inner ul.navi li {
  display: inline-block;
  vertical-align: middle;
}
div.newsDetail .rightArea .inner ul.navi li.list {
  padding: 0 50px;
}
div.newsDetail .rightArea .inner ul.navi li img {
  line-height: 0;
}
div.newsDetail .rightArea .inner a {
  text-decoration: underline;
}
div.newsDetail .rightArea .inner a:hover {
  text-decoration: none;
}
div.newsDetail .rightArea .inner ul.navi a,
div.newsDetail .rightArea .inner ul.navi a:hover {
  text-decoration: none;
}


/*
サンフードについて
*/

div.contents.about {
  padding-bottom: 200px;
}
div.contents.about h1 {
  font-size: 150%;
  text-align: center;
  padding: 140px 0 60px;
  letter-spacing: 0.2em;
}
div.contents.about div.inner {
  width: 840px;
  margin: 0 auto;
}
div.contents.about div.inner h2 {
  font-size: 116%;
  font-weight: bold;
  background-color: #f7f4ed;
  padding: 6px 0 6px 10px;
}
div.contents.about div.inner h3 {
  padding-bottom: 15px;
  margin-bottom: 40px;
  background: url(https://static.arieltrading.co.jp/sunfood1501/images/common/dotline.gif) repeat-x 0 bottom;
}
div.contents.about div.inner p {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.8em;
}
div.contents.about div.inner ul {
  overflow: hidden;
  *zoom: 1;
  padding: 0 10px;
  margin-bottom: 110px;
  background: url(https://static.arieltrading.co.jp/sunfood1501//images/about/img_vegetable.gif) no-repeat right bottom;
}
div.contents.about div.inner ul li {
  float: left;
  width: 240px;
  padding-right: 50px;
}
div.contents.about div.inner ul li.side {
  padding-right: 0;
}
div.contents.about div.inner ul li dl {
  line-height: 1.8em;
}
div.contents.about div.inner ul li dl dt {
  font-weight: bold;
  margin-bottom: 20px;
}
div.contents.about div.inner dl.mission {
  border: solid 1px #503715;
  padding: 25px 0;
  margin-bottom: 35px;
  text-align: center;
}
div.contents.about div.inner dl.mission dt {
  margin-bottom: 10px;
}
div.contents.about div.inner dl.mission dd {
  font-weight: bold;
  font-size: 116%;
}
div.contents.about div.inner p.icon {
  text-align: center;
  padding: 50px 0;
}
div.contents.about div.inner p.icon img {
  padding: 0 8px;
  vertical-align: middle;
}
div.contents.about div.inner dl.founder {
  background-color: #f8f5ed;
  padding: 30px;
}
div.contents.about div.inner dl.founder dt {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

/*
取り扱い店舗一覧
*/

div.contents.storeList div.rightArea {
  width: 705px;
  padding-top: 60px;
  float: right;
}
div.contents.storeList div.rightArea h1 {
  margin-bottom: 55px;
}
div.contents.storeList div.rightArea p span {
  text-decoration: underline;
}
div.contents.storeList div.rightArea p span.note {
  font-weight: bold;
}
div.contents.storeList div.rightArea ul.place {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 50px;
}
div.contents.storeList div.rightArea ul.place li {
  float: left;
  width: 175px;
  padding-right: 2px;
  padding-bottom: 2px;
}
div.contents.storeList div.rightArea ul.place li.side {
  width: 174px;
  padding-right: 0;
}
div.contents.storeList div.rightArea ul.place li a {
  display: block;
  width: 175px;
  padding: 10px 0;
  background-color: #f8f5ed;
  text-align: center;
}
div.contents.storeList div.rightArea ul.place li a:hover, div.contents.storeList div.rightArea ul.place li a.on {
  background-color: #503715;
  color: #fff;
  text-decoration: none;
}
div.contents.storeList div.rightArea p.result {
  font-size: 116%;
  margin-bottom: 15px;
}
div.contents.storeList div.rightArea p.result span {
  font-size: 133%;
  font-weight: bold;
}
div.contents.storeList div.rightArea div.titleBlock {
  border: solid 5px #f8f5ed;
  padding: 20px 0;
  overflow: hidden;
  *zoom: 1;
}
div.contents.storeList div.rightArea div.titleBlock h2 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 320px;
  padding: 0 0 0 20px;
  font-size: 133%;
  font-weight: bold;
}
div.contents.storeList div.rightArea div.titleBlock ul {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background: url(https://static.arieltrading.co.jp/sunfood1501/images/common/dotline_v.gif) repeat-y 0 0;
}
div.contents.storeList div.rightArea div.titleBlock ul li {
  padding: 5px 0 5px 40px;
}
div.contents.storeList div.rightArea div.titleBlock ul li span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  line-height: 1.4em;
}
div.contents.storeList div.rightArea div.titleBlock ul li span.img {
  width: 60px;
}
div.contents.storeList div.rightArea ul.list {
  margin-bottom: 80px;
}
div.contents.storeList div.rightArea ul.list li {
  width: 100%;
  background: url(https://static.arieltrading.co.jp/sunfood1501/images/common/dotline.gif) repeat-x 0 bottom;
  padding: 18px 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
div.contents.storeList div.rightArea ul.list li div.info {
  float: left;
  padding-top: 10px;
  padding-left: 30px;
  max-width: 490px;
}
div.contents.storeList div.rightArea ul.list li div.info p.all_lineup {
  display: inline-block;
  background: #aebd00;
  margin-bottom: 5px;
  padding: 0 5px;
  height: 20px;
  color: #ffffff;
}
div.contents.storeList div.rightArea ul.list li div.info p {
  margin-bottom: 10px;
}
div.contents.storeList div.rightArea ul.list li div.info p span.tel {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  color: #fff;
  background-color: #503715;
  padding: 0 2px;
  margin-right: 4px;
}
div.contents.storeList div.rightArea ul.list li img {
  float: right;
}

/*
faq
*/

div.contents.faq div.leftArea {
  padding-top: 135px;
}
div.contents.faq div.rightArea {
  width: 695px;
  padding-top: 60px;
  float: right;
}
div.contents.faq div.rightArea h2 {
  padding-top: 65px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 142%;
  font-weight: bold;
  background: url(https://static.arieltrading.co.jp/sunfood1501/images/common/dotline.gif) repeat-x 0 bottom;
}
div.contents.faq div.rightArea h3 {
  font-size: 108%;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 20px;
}
div.contents.faq div.rightArea ul li {
  background-color: #f8f5ed;
}
div.contents.faq div.rightArea ul li.even {
  background: none;
}
div.contents.faq div.rightArea ul li dl {
  font-size: 108%;
}
div.contents.faq div.rightArea ul li dl dt {
  font-weight: bold;
}
div.contents.faq div.rightArea ul li dl dt a {
  display: block;
  background: url(https://static.arieltrading.co.jp/sunfood1501/images/faq/icon_q.png) no-repeat 20px center;
}
div.contents.faq div.rightArea ul li dl dt a span {
  display: block;
  padding: 20px 0 20px 60px;
  background: url(https://static.arieltrading.co.jp/sunfood1501/images/faq/icon_plus.png) no-repeat 97% center;
}
div.contents.faq div.rightArea ul li dl dt a span.open {
  background: url(https://static.arieltrading.co.jp/sunfood1501/images/faq/icon_minus.png) no-repeat 97% center;
}
div.contents.faq div.rightArea ul li dl dd {
  padding: 10px 65px 20px 115px;
  background: url(https://static.arieltrading.co.jp/sunfood1501/images/faq/icon_a.png) no-repeat 65px 20px;
  display: none;
  min-height: 38px;
}
div.contents.faq div.rightArea ul li dl dd a{
  text-decoration: underline;
}
div.contents.faq div.rightArea ul.nav {
  overflow: hidden;
  *zoom: 1;
}
div.contents.faq div.rightArea ul.nav li {
  background: none;
  float: left;
  font-size: 108%;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-right: solid 1px #503715;
}
div.contents.faq div.rightArea ul.nav li.last {
  border-right: none;
}



/*recipe*/
div.recipeDetail .leftArea {
  padding-top:135px;
}
div.rightArea {
  width: 705px;
  padding-top: 60px;
  padding-bottom: 60px;
  float: right;
}
div.recipe h2 {
  font-size:0px;
  background-image: url(https://static.arieltrading.co.jp/sunfood1501/images/recipe/title_recipe.png);
  background-repeat:no-repeat;
  background-size:705px 80px;
  line-height:80px;
}
div.outer {
  padding-left:10px;
}

div.rightArea h2 {
  margin-bottom: 55px;
}
div.rightArea div.recipeHead {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 20px;
}
div.rightArea div.recipeHead .socialButton {
  float:right;
  padding-top:30px;
}
div.rightArea div.recipeHead p.date {
  float:left;
  font-size: 92%;
  padding-left:20px;
  padding-top:30px;
}
div.recipe .inner {
  padding: 0 20px;
}

div.rightArea div.recipeHead ul.socialButton li {
  float: left;
}
div.rightArea div.recipeHead ul.socialButton li.facebook {
  padding-right: 15px;
}
div.rightArea div.recipeHead ul.socialButton li.twitter {
  width: 95px;
}
div.rightArea h1 {
  font-size: 1.6rem;
  line-height: 1.8em;
}

div.rightArea .line{
  padding-bottom:20px;
}

div.rightArea .inner p {
  margin-bottom: 65px;
}

div.rightArea .inner ul{
  width:250px;
  display:inline-block;
  padding-bottom:60px;
}
div.rightArea .inner h4{
  font-weight:bold;
  font-size:1.2rem;
  padding-bottom:12px;
}
div.rightArea .inner li{
  padding-bottom:2px;
}
div.rightArea .inner ul.second {
  float:right;
  width:260px;
  display:inline-block;
  padding-bottom:60px;
  padding-right: 130px;
}
div.rightArea .inner p.text {
  padding-top:20px;
  width:480px;
}
div.rightArea h3 {
  font-size:1.4rem;
  font-weight:bold;
  padding-bottom:15px;
}
div.rightArea .inner ul.recomend li {
  float:left;
  width:209px;
  padding-right:10px;
}

/*recipe一覧*/
div.recipe_list.rightArea {
  width: 705px;
  padding-top: 60px;
  padding-bottom: 60px;
  float: right;
}

div.recipe_list .rightArea ul.recipeList li {
  padding: 30px 0;
  overflow: hidden;
  *zoom: 1;
  background: url(../images/common/dotline.gif) repeat-x 0 bottom;
}
div.recipe_list .rightArea ul.recipeList li a {
  display: block;
}

div.recipe_list .rightArea ul.recipeList li a:hover h3, div.recipe_list .rightArea ul.recipeList li a:hover p {
  text-decoration: underline;
}
div.recipe_list .rightArea ul.recipeList li p.pic {
  float: left;
  padding-right: 20px;
/* 20150525 chrome対応 */
  font-size: 0;
}

div.recipe_list .rightArea ul.recipeList li a div p.textR {
  margin-top: 20px;
}
div.recipe_list .rightArea ul.recipeList li div a:hover{
  text-decoration:underline;
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: “alpha( opacity=80 )”;
}
div.contents.recipelists {
  width: 705px;
}

div.contents.recipelists h1 {
  border: solid 1px #d1cbbc;
  margin: 0 15px;
  padding: 30px 0 30px 26px;
  font-weight: bold;
  font-size: 1.4rem;
}

div.contents.recipelists ul.recipeList {
  margin: 15px 15px 80px 15px;
}

div.contents.recipelists ul.recipeList li {
  background: url(https://static.arieltrading.co.jp/sunfood1501/sp/images/common/dotline.png) repeat-x 0 bottom;
  -webkit-background-size: auto 1px;
  -moz-background-size: auto 1px;
  -o-background-size: auto 1px;
  background-size: auto 1px;
  padding: 30px 0;
  overflow: hidden;
  *zoom: 1;
}

div.contents.recipelists ul.recipeList li a {
  display: block;
}

div.contents.recipelists ul.recipeList li p.pic {
  float: left;
}

div.contents.recipelists ul.recipeList li p.pic img {
  width: 208px;
  height: auto;
}
div.contents.recipelists ul.recipeList li div {
  padding-left: 230px;
}
div.contents.recipelists ul.recipeList li div p {
  font-size: 100%;
  line-height: 1.4em;
  margin-bottom: 5px;
}
div.contents.recipelists ul.recipeList li div h3 {
  line-height: 1.4em;
  margin-bottom: 5px;
}
div#header div.panel div.inner.product dl.tool{
  padding-left: 0px !important;
}
div#header div.panel div.inner.product dl dd ul li a{
  padding-right: 5px !important;
}
.media .leftArea{
  padding-top: 135px;
}
.media div.rightArea h2{
  margin-bottom: 0px;
}
.media:after{
  content:"";
  display:block;
  clear:both;
}
.mediaListTitle{
  border: 1px solid #ccc;
  padding: 30px 20px;
  margin-bottom: 20px;
}
.mediaListTitle h2{
  font-size: 18px;
  color: #503715;
}
.mediaList li{
  padding: 40px 0;
  border-bottom: 1px #d3cbc3 dashed;
  overflow: hidden;
}
.mediaList li:after{
  content:"";
  display:block;
  clear:both;
}
.mediaList li .pic{
  float: left;
  padding-right: 20px;
  font-size: 0;
}
.mediaList li .pic img{
  max-width: 260px;
}
.rightText{
  float: left;
  width: 425px;
}

.mb 20{
  margin-bottom:20px;
}

/*
利用規約
*/
.contents.terms {
  padding-top: 80px;
}
.contents.terms h1 {
  font-size: 166%;
  padding-bottom: 25px;
  margin-bottom: 50px;
  border-bottom: solid 1px #503715;
}
.contents.terms .term-title {
  font-size: 116%;
  margin-bottom: 15px;
}
.contents.terms .term-box {
  margin-bottom: 50px;
  padding: 0 60px;
}
.contents.terms .term-box p + p {
  margin-top: 1em;
}
.contents.terms a {
  color: #503715;
  text-decoration: underline;
}
.contents.terms a:hover {
  text-decoration: none;
}

/*
ヘッダー プロダクトメニュー
*/
#header .panel .inner.product .product-menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  line-height: 1;
}

#header .panel .inner.product .product-menu li {
  padding: 5px 10px;
}

#header .panel .inner.product .product-menu a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75em 1em;
  text-decoration: none;
}

#header .panel .inner.product .product-menu a:hover {
  background-color: #f8f5ed;
}

/*
フッター 改修
*/
div#footer div.inner {
  display: flex;
}

div#footer div.inner .col {
  box-sizing: border-box;
  width: 260px;
  padding: 0 60px 0 40px;
}

div#footer div.inner p.logo {
  float: none !important;
  padding: 0 !important;
  margin: 0 0 10px;
}

div#footer div.inner .social {
  display: flex;
  max-width: 141px;
  justify-content: flex-end;
}

div#footer div.inner .social p {
  margin-left: 5px;
}

div#footer div.inner ul li.information {
  box-sizing: border-box;
  width: 320px !important;
}

div#footer div.inner ul li.contact {
  box-sizing: border-box;
  width: 400px !important;
}

/*
フッター バナー
*/
#footer .shoplist {
  text-align: center;
}

#footer .shoplist img {
  max-width: 100%;
}

#footer .privilege {
  text-align: center;
}

#footer .privilege img {
  max-width: 100%;
}