@charset "UTF-8";

body{
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  background: #fff;
  color: #444;
  font-size: 14px;
  line-height: 1.8;
  text-align: justify;
  margin: 0;
}

a{color: #532600}

@media screen and (min-width: 1281px) {
  #container{width: 1280px;margin:0 auto;}
}
.inner{width:960px;margin:0 auto;box-sizing:border-box;}

.col12 {padding: 0 10px;box-sizing: border-box;width: 100%;clear: both}
.col10, .col9, .col8, .col7, .col6, .col5, .col4, .col3, .col2, .col1 {
  padding: 0 10px;float: left;box-sizing: border-box;
}
.col10 {width: 83.333%;}
.col9 {width: 75%;}
.col8 {width: 66.666%;}
.col7 {width: 100%;}
.col6 {width: 50%;}
.col5 {width: 80%;}
.col4 {width: 33.333%;}
.col3 {width: 25%;}
.col2 {width: 16.666%;}
.col1 {width: 8.333%;}
.col-c{margin: 0 auto;float: none;}
.col-r{float: right;}


/* header */
#header{height: 200px;}
#header a{text-decoration: none;display: inline-block;}
#header #site-name{width:121px;float: left;padding:18px 20px 30px;font-size: 24px;}
/* ロゴ回転 */
#header #site-name {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
#header #site-name:hover, #header #site-name:focus, #header #site-name:active {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

#header-content{float: right;width: 770px;padding-right: 10px;}
#site-description{float: left;width: 300px;padding: 11px 0 0;font-size: 14px;color: #977E6E;}
#header ul{margin:0;padding: 0;}
#header ul li{display: inline-block;list-style: none;}
/* ナビフェード */
#header ul li a {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
#header ul li a:hover, #header ul li a:focus, #header ul li a:active {
  opacity: 0.6;
}
#head-nav ul{float: right;}
#head-nav ul li a{padding:10px 15px 8px;}
#head-nav ul li#nav-shopping a{background: #542600;color: #fff;display: inline-block;position: relative;width: 7.5em}
#head-nav ul li#nav-shopping a:after{
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    right: 0;
    bottom: 0;
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
}
#global-nav{clear: both;}
#global-nav ul li{font-size: 13px;margin: 30px 26px 0 0;text-align: right;}
#global-nav ul li#nav-fb{margin-right: 0;}
#global-nav ul li a{padding:20px 5px 10px;background-size: auto 22px;background-repeat: no-repeat;background-position: top center;}
#global-nav ul li#nav-home a{background-image: url('/share/images/logo-home.png');}
#global-nav ul li#nav-about a{background-image: url('/share/images/logo-about.png');}
#global-nav ul li#nav-lineup a{background-image: url('/share/images/logo-lineup.png');}
#global-nav ul li#nav-message a{background-image: url('/share/images/logo-message.png');}
#global-nav ul li#nav-recipe a{background-image: url('/share/images/logo-recipe.png');}
#global-nav ul li#nav-partner a{background-image: url('/share/images/logo-partner.png');}
#global-nav ul li i{font-size: 24px;}

/* footer */
#footer{padding: 15px 0 10px;margin: 40px 0 20px;}
#footer #copyright{font-size: 11px;text-align: center;color: #5B2800;}
#page-top {
  display:none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  background: #fff;
  background: rgba(255,255,255,0.9);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  box-shadow:0 1px 2px rgba(0,0,0,0.3);
  z-index: 999;
}
#page-top a {
  display: block;
  padding: 17px 0 15px;
  -webkit-background-size: 35%;
  -moz-background-size: 35%;
  background-size: 35%;
  text-decoration: none;
  font-size: 70%;
  text-align: center;
}


/* contents */
h1,h2,h3{font-weight: normal;}
table{border-top:1px solid #E0DED0;width: 100%;}
tr{border-bottom:1px solid #E0DED0}
th,td{padding: 0.6em 0.3em;vertical-align: top;}
th{font-weight: normal;}
#headline h1{margin-top: 0;color: #572600;font-size: 16px;background-size: auto 48px;background-repeat: no-repeat;}
#headline h1 + p{font-size: 13px;}
#contents .section{padding:25px 0;}
#contents hr{border-top:1px solid #E0DED0;}
#contents ul{padding-left: 30px;}
p.note, p.note a{color:#8D6E63 }
.inline{display: inline;}


/* home */
.home #feature{margin-bottom: 10px;position: relative;overflow:hidden;/*background: url("/share/images/loading.gif") no-repeat center 240px;*/}
.home #feature #loading{position: absolute;width: 100%;}
.home #feature #loading img{margin:200px auto 0;width: 30px;display: block;}
.home #feature #slider{position: relative;height: 480px;opacity: 0;}
.home #menu{margin-bottom: 30px;}
.home #menu .menu a{text-align: center;display: block;text-decoration: none;position: relative;}
.home #menu .menu img{display: block;margin-bottom: 5px;}
.home #menu .menu a span.menu-logo{position: absolute;left: 80px;top:100px}
.home #menu .menu a span.menu-logo img{display: block;height: 30px;}

.home #information #partner{border:1px solid #632A00;height: 458px;position: relative;}
.home #information #partner .partner-logo{position: absolute;left: 159px;top:80px}
.home #information #partner .partner-logo img{display: block;height: 40px;}

.home #information #partner h2{background: #632A00;color: #fff;font-size: 15px;text-align: center;margin-top: 0;padding: 12px 0;}
.home #information #partner h2 a{color: #fff;text-decoration: none;display: block;}
.home #information #partner p{padding: 5px 18px;font-size: 13px;}
.home #information #partner p a{color: #632A00;text-decoration: none;text-align: center;padding:5px;display: block;font-size: 14px;/**/position: relative;padding-top:20px;padding-right: 30px;}
.home #information #partner p a i{padding-left:0.2em;color: #957760;font-size: 64px;vertical-align: middle;position: absolute;right: 34px;top:0;}


@media screen and (min-width: 1281px) {
  .home #feature{height: 640px;}
}
@media screen and (max-width: 1280px) and (min-width: 981px) {
  .home #feature{min-height: 480px;}
}
@media screen and (min-width: 981px) {
  .home #feature #slider img{width: 100%;}
  .home #feature #loading img{margin-top:290px;}
}
@media screen and (max-width: 980px) {
  .home #feature, .home #feature img{width: 980px;}
  .home #feature{height: 480px;}
}
/* about */
.about #headline h1{padding-top: 54px;background-image: url('/share/images/logo-about.png');}
.about #headline h2{font-size: 26px;}
.about #outline h2{font-size: 16px;color:#572600;}
.about #contents p + table{margin-top: 50px;}


/* lineup */
.lineup #headline h1{padding-top: 54px;background-image: url('/share/images/logo-lineup.png');}
.lineup #items .col4, .lineup #package .col4{margin-bottom: 15px;text-align: center;font-size: 16px;}
.lineup #items .col4 img, .lineup #package .col4 img{margin-bottom: 7px;}
.lineup #contents #items{display: inline;}
.lineup #contents #items .col12{margin-bottom: 50px;}
.lineup #contents #items h2{font-size: 18px;padding-top: 30px;}
.lineup #contents #items p, .lineup #contents #package p{font-size: 13px;}
.lineup #contents #package .col12{padding-top: 1px;clear: both;}
.lineup .mfp-arrow{z-index:9999;display: block;}
.lineup .mfp-arrow:after, .lineup .mfp-arrow .mfp-a {border:0;}
.lineup .mfp-arrow:before, .lineup .mfp-arrow .mfp-b {border:0;}
.lineup .mfp-arrow-left:after, .lineup .mfp-arrow-left .mfp-a, .lineup .mfp-arrow-left:before, .lineup .mfp-arrow-left .mfp-b {border-right: 0;}
.lineup .mfp-arrow-right:after, .lineup .mfp-arrow-right .mfp-a, .lineup .mfp-arrow-right:before, .lineup .mfp-arrow-right .mfp-b {border-left: 0;}
.lineup .mfp-arrow-left{text-align: left;}
.lineup .mfp-image-holder .mfp-close, .lineup .mfp-iframe-holder .mfp-close{right:0;padding-right:0;}
.lineup .mfp-arrow i{font-size:64px;display:none}
.lineup .mfp-arrow-left{text-align: left;padding-left:40px;}
.lineup .mfp-arrow-left:after {cursor:pointer;content: " \f104";font-family: FontAwesome;font-size:64px;color:#9B806A;padding-left:36px;padding-top: 38px;}
.lineup .mfp-arrow-right{text-align: right;padding-right:40px;}
.lineup .mfp-arrow-right:after{cursor:pointer;content: " \f105";font-family: FontAwesome;font-size:64px;color:#9B806A;padding-left:36px;padding-top: 38px;}
.mfp-arrow-left::after, .mfp-arrow-left .mfp-b, .mfp-arrow-right::after, .mfp-arrow-right .mfp-a{margin:0;}
.mfp-counter{display: none;}
.mfp-title{padding-right: 0;text-align: center; }

/* message */
.message #headline h1{padding-top: 54px;background-image: url('/share/images/logo-message.png');}
.message #contents h2{margin: 0.5em 0 1.1em}
.message #messages > div:nth-child(2n){background-position: top left;padding-left: 180px}
.message .message-block {height: 220px;margin-bottom: 40px;}
.message #message1 {background: url("/uploads/message1.png") no-repeat top right;}
.message #message2 {background: url("/uploads/message2.png") no-repeat top left;padding-left: 240px}
.message #message3 {background: url("/uploads/message3.png") no-repeat top right;}
.message #message4 {background: url("/uploads/message4.png") no-repeat top left;padding-left: 240px}
.message #message5 {background: url("/uploads/message5.png") no-repeat top right;}
.message #message6 {background: url("/uploads/message6.png") no-repeat top left;padding-left: 240px}


/* recipe */
.recipe #headline h1{padding-top: 54px;background-image: url('/share/images/logo-recipe.png');}
.recipe #recipe .col8{margin-bottom: 30px;}
.recipe #recipe .col8 > div{border:1px solid #E0DED0;}
.recipe #recipe h2, .recipe #recipe p{padding:0 20px;}
.recipe #recipe p.ingredients{font-size: 13px;}
.recipe #recipe p.thanks{font-size: 12px;padding-top: 20px;text-align: right;color: #C0A898;}

/* partner */
.partner{position: relative;}
.partner #headline h1{padding-top: 54px;background-image: url('/share/images/logo-partner.png');}
.partner #headline p{margin-bottom: 30px;}
.partner #contents h2{font-size: 16px;color:#572600;}
.partner #contents h3{font-size: 24px;margin: 0;}
.partner #contents h4{margin: 1.8em 0 0.1em;}
.partner #contents li{font-size: 13px;}
.partner #contents .notice{border-left: 5px solid #BEA898;margin: 20px 0;color:#666;}
.partner #contents .notice li{color:#666;line-height: 1.8}
.partner #contents .section{padding-bottom: 0;}
.partner #contents .section+ .section{padding-top: 0;}
.partner #contents .section hr{border-style: dashed;margin:35px 0 25px;}
.partner #contents .section .images{margin-bottom: 40px;}
.partner #contents .section .images .image{width:300px;float: left;font-size: 13px;
line-height: 1.5;}
.partner #contents .section .images .image:nth-child(2n){float: right;}
.partner #contents .section .images .image img{margin-bottom: 6px;display: block;}
.partner #contents #ingredient{padding-top: 20px;}
.partner #contents #processing{padding-bottom: 25px}
.partner #contents #download{padding-bottom: 80px;}
.partner #contents #download li{font-size: 16px;}
.partner #contents #download li a{color:#444;}
.partner #fix-footer{position: fixed;bottom:0;text-align: center;width:100%;background: #572600;padding: 30px 0;color: #fff;font-size: 16px;}
.partner #fix-footer a{color: #fff;}
.partner #fix-footer i{font-size: 20px;}
@media screen and (min-width: 1281px) {
  .partner #fix-footer{width: 100%;left:0;}
}

/* contact */
.contact #headline h1{padding-top: 54px;background-image: url('/share/images/logo-contact.png');}
.contact #contents{min-height: 500px;}
.contact #contents .block + .block{margin-top: 60px;}