html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #333333;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
}
input::-webkit-input-placeholder{
	color: #d0d0d0;
}
input:-moz-placeholder {
color: #d0d0d0;
}
/* ---------------------------------------------------------
 base.css

----------------------------------------------------------*/
@media all and (max-width: 1051px) {
  body {
    font-size: 14px;
  }
}
#container {
  margin-top: 0;
  margin-bottom: 60px;
}
/*右上ナビ*/
#topcolumn {
  position: relative;
}
.main_column {
    padding: 0;
}
#undercolumn {
    max-width: 1000px;
    width: 100%;
}
@media all and (max-width: 761px) {
    #undercolumn {
        width: 100%;
    }
}
@media all and (max-width: 480px) {
    #undercolumn {
        width: 100%;
        margin: 6px 0 0 0;
    }
}
#footer_wrap {
  border: 0px; }

/* ---------------------------------------------------------
header
----------------------------------------------------------*/
#header_wrap {
    display: block;
    overflow: inherit;
    z-index: 0;
}
#header_wrap header {
    display: block;
    max-width: 1000px;
    min-width: 320px;
    margin: 0 auto 0px;
    overflow: inherit;
}
#header_wrap header h1 {
    width: 400px;
    float: left;
    line-height: 12px;
    margin: 28px 0 0 9px;
}
#header_wrap header h1 a {
    display: block;
    float: left;
    width: 154px;
}
#header_wrap header h1 a img {
    width: 156px;
}
#header_wrap header h1 .catchcopy {
    display: block;
    float: left;
    margin: 22px 0 0 32px;
}
#header_wrap header .re-headerNav {
    float: right;
    width: 125px;
    margin: 43px 18px 0 0;
    display: table;
}
#header_wrap .block_outer {
    display: table-cell;
}
#header_wrap .block_outer a {
    cursor: pointer;
}
#header_wrap .block_outer #cart_area {
    display: inline-block;
    float: left;
}
#header_wrap .block_outer .block_body {
    display: inline-block;
}
#header_wrap .block_outer a img {
    width: 21px;
}
#header_wrap .block_outer #cart_area a img {
    width: 31px;
}
#header_login_area {
    margin-left: -19px;
}

@media all and (max-width: 609px) {
    #header_wrap header h1 {
        width: 180px;
    }
    #header_wrap header h1 .catchcopy {
        display: none;
    }
    .frame_outer #container {
        margin-top: 6px;
    }
}
@media all and (max-width: 480px) {
    #header_wrap header {
        max-width: 480px;
    }
    #header_wrap header h1 {
        width: 97px;
        margin: 17px 0 0 9px;
    }
    #header_wrap header h1 a {
        width: 96px;
    }
    #header_wrap header h1 a img {
        width: 95px;
        height: 35px;
    }
    #header_wrap header .re-headerNav {
        width: 104px;
        margin: 20px 11px 0 0;
    }
    #header_wrap .block_outer a img {
        width: 18px;
    }
    #header_wrap .block_outer #cart_area a img {
        width: 28px;
    }
    #header_login_area {
        margin-left: -17px;
    }
}

/* ---------------------------------------------------------
 右上ナビ
----------------------------------------------------------*/
#openNav {
    position: absolute;
    top: -4px;
    right: 0;
    z-index: 9999;
    width: 142px;
    background: #f1f1f1;
}
.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9990;
}

nav.nav_frame {
    clear: both;
    margin: 0 auto;
    padding: 2px 15px 2px 13px;
}
nav.nav_frame ul li {
    padding: 3px 0 3px 2px;
    border-top: 1px solid #e2e2e2;
}
nav.nav_frame ul li:first-child {
    border-top: 0;
}
nav.nav_frame ul li a {
    display: block;
}
nav.nav_frame ul li a:hover {
    display: block;
    /*text-decoration: none;*/
}
nav.nav_frame ul li a p {
    color: #333333;
    font-size: 12px;
    padding: 9px 0;
}
/* ---------------------------------------------------------
 Footer -フッター-
----------------------------------------------------------*/
#footWrapper {
    bottom: 0;
    width: 100%;
    text-align: left;
    font-size: 11px;
    padding: 28px 0 5px;
    background-color: #b5b5b6;
    color: #fff;
}
.footerInWrap {
max-width: 1000px;
margin: 0 auto;
}
.footerCol01{
float: left;
width: 35%;
}
.footerCol02 {
    float: left;
    width: 40%;
}
.footerCol03{
    float: right;
    width: 25%;
    text-align: right;
}
.lower_f_link ul li,
.followCol dt,
.footerCol03 .mailMagFooter dt{
padding-bottom: 20px;
}
.followCol dt {
    float: left;
}
.followCol dd {
    float: left;
    width: 265px;
    margin-left: 12px;
}
.lower_f_link ul li{
float: left;
padding-right: 3%;
}
.lower_f_link ul li:first-child {
    margin-left: 8%;
}
.followCol li{
float: left;
}
.followCol dt,
.lower_f_link ul li,
.followCol li,
#copyRight{
    line-height: 1.6;
}

.followCol .fbLink, 
.followCol li.twLink{
border-right: 1px solid #fff;
margin-right: 5%;
padding-right: 5%;
}
@media all and (max-width: 400px){
.lower_f_link ul li {
line-height: 1.4;
}
.followCol dt {
float: none;
}
.followCol dd{
	float: none;
	 margin-left: 0;
}
.followCol .fbLink, 
.followCol li.twLink{
margin-right: 6%;
padding-right: 6%;
}
}

.followCol li.fbLink img,
.followCol li.twLink img,
.followCol li.instaLink img{
    vertical-align: middle;
    padding-left: 4px;
    height: 15px;
    width: auto;
    margin-top: -2px;
}
.followCol li.twLink img{
	height: 18px;
}

.followCol li.instaLink img{
	height: 16px;
}

.footerCol03 .mailMagFooter dt{
font-size: 12px;
padding-bottom: 5px;
}
.footerCol03 .mailMagFooter dd {
line-height: 2.5;
}
.footerCol03 .mailMagFooter dd .box140{
padding: 3px;
width: 75%;
height: 20px;
}
.footerCol03 .mailMagFooter .submitBtn{
background-color: #898989;
padding: 8px 12px;
height: 28px;
font-size: 12px;
}
@media all and (max-width: 1025px){
    #footWrapper{
        max-width: 1025px;
        width: 100%;
    }
    .footerInWrap {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media all and (max-width: 935px){
    #footWrapper{
        padding: 40px 0 ;
        max-width: 935px;
    }
    .footerCol01{
        width: 40%;
    }
    .footerCol03{
        float: none;
        width: 40%;
        text-align: left;
    }
    .lower_f_link ul li:first-child {
        margin-left: 0;
    }
}
@media all and (max-width: 800px) {
    #footWrapper{
        max-width: 800px;
        padding: 30px 0 0;
    }
    .footerCol01,
    .footerCol02,
    .footerCol03 {
        display: block;
        overflow: hidden;
        float: none;
        width: 100%;
        padding-bottom: 20px;
    }
    .lower_f_link ul li, .followCol dt,
    .footerCol03 .mailMagFooter dt{
        padding-bottom: 8px;
    }
    .lower_f_link ul li:first-child {
        margin-left: 0;
    }
}

/*iOSで左に余白ができてしまうのを回避*/
#container,
#header_wrap,
header,
header h1,
header a{
    margin-left: 0;
    padding-left: 0;
}
#center_row{
    margin-left: 0;
    padding-left: 0;
}

@media all and (max-width: 1051px){
    #undercolumn{
        max-width: 1050px;
    }
}

/*フッターとのマージン*/
@media all and (max-width: 680px){
    #container{
        margin-bottom: 20px;
    }
}
@media all and (max-width: 440px){
    #container{
        margin-bottom: 0;
    }
}

/*スペースホルダー*/
.re-mailArea .box140::-webkit-input-placeholder,
.re-mailArea .box140:-ms-input-placeholder,
.re-mailArea .box140:-moz-placeholder,
.re-mailArea .box140::-moz-placeholder {
    font-family: "FOT-筑紫ゴシック Pr5N M",TsukuGoPr5N-M,sans-serif;
}


/*ヘッダーの下に生成されるもの*/
#lineup-font-size-sampler{
    display: none;
}

/*オープン時カート非表示
#cart_area{
    opacity: 0;
    pointer-events:none;
}
*/

/*iOSフォーム角丸対応*/
input[type="tel"],
input[type="email"],
input[type="text"],
input[type="password"],
textarea{
    -webkit-appearance: none;
    border-radius: 0;
}

/*fbブラウザでグレーの背景が表示される対応*/
.frame_outer,
body{
    background: #fff;
}

/* recipe検索追加CSS */
#search_area{
	/* display: none; */
}
#search_area ul li{
	display: block;
}
#search_area .block_body,
#search_area .inputbox{
	width: inherit;
}

#search_area .block_body{
	/* width: 285px; */
	margin-bottom: 20px;
}
#recipeMenu{
	margin-bottom: 10px;
}

#search_area .inputbox{
	margin: 0;
	overflow: hidden;
	width: 100%;
}

#search_area .inputbox .inputBoxInWrap{
	float: left;
	width:100%;
}

#search_area .inputbox .inputboxIn{
margin-right: 35px;
	
}

#search_area .inputbox li{
	text-align: left;
	margin-bottom: 0;
}

#search_area .inputbox li .box240{
width: 98%;
height: 28px;
padding: 5px;
}

#search_area .inputbox .btn_area,
#search_area .inputbox .btn_area ul{
width: 40px;
height: 40px;
}


#search_area .inputbox .btn_area{
	float: left;
	margin: 0;
	margin-left: -40px;
}


#search_area .inputbox .btn_area ul{
	float: none;
}

#search_area .inputbox .btn_area ul li{
	padding: 0;
	margin-bottom: 0;
	text-align: center;
}

#search_area .inputbox .btn_area a{
	width: inherit;
	padding: 0;
	display: block;
	padding: 9px 0 9px;
	background-color: #c8c8c8;
}

#search_area .inputbox .btn_area img{
	width: 20px;
	height: auto;
}

#search_area input#keywords:focus{
	border-color: #cecece;
}