@charset "UTF-8";


/*--------------------------------------------------------------
COMMON
--------------------------------------------------------------*/
body { color: #3f2500; font-size: 75%; line-height: 1.6em; /*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/ }
* html body{  overflow: hidden;  }


/*body{
margin: 0;
padding: 0;
height:100%;
}

#header {
height:100%;
min-height:100%; 
background:#FFFF99;
}

body > #header {
height:auto; 
}*/


html,
body,
#header {
  height: 100%; /* min-heightに対応していないブラウザ用 */
}
 
#header {
  min-height: 100%; /* 最小の高さ */
  width: 210px;
  background: #FFFF99;
}
 
body > #header {
  height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
}



.gothic { font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; }

/*twitter & social bookmark*/
#twitter{padding:5px 0;}
.sb{padding:10px 0 0; clear:both;}
.sb img{display:block; }
.sb span{display:inline;  padding:0 5px; height:30px; line-height:30px;}
.sb span a{color:#ff0d9d; text-decoration:none;}
.sb span a:hover{color:#ff0d9d; text-decoration:underline;}
iframe.twitter-share-button { width: 95px!important; }
@media only screen and (max-width: 738px) {
	.sb{ margin-left: 10%; }
}


#hide { display:none !important; }
/*a:link { color:#d13a29; text-decoration:underline; font-weight: normal; }
a:visited { color:#d13a29; text-decoration:underline; font-weight: normal; }
a:hover { color:#d13a29; text-decoration:none; font-weight: normal; }
a:active { color:#d13a29; text-decoration:none; font-weight: normal; }
.clear { clear: both; }*/
#container .content h2 { font-family: "黎ミン B"; font-size: 235%; font-weight: bold; line-height: 1.2em; letter-spacing: 0.1em; color: #ff4646; border-bottom: 4px solid #ff4646; margin-bottom: 0.6em; 
	padding: 0.4em 0 0.4em 0.6em; background: url(/common/images//icon_note.png) 99% 0 no-repeat;  }

@media only screen and (max-width: 738px) {
	#side-nav { display: none; }
	#container .content h2 { font-size: 145%; line-height: 1em; padding: 0.4em 0 0.6em; background-size: 30px 30px;  }
	.sns-wrap { position: absolute; top: 16px; right: 50px; background: #fff; z-index: 1111; }
	.sns-wrap ul { display: table; text-align: center; }
	.sns-wrap ul li { display: table-cell; padding: 0 4px; }
	.sns-wrap ul li img { width: 25px; height: 25px; }
}


#path { width: 100%; }
#path p { font-family: "黎ミン B"; font-size: 12px !important; padding-left: 20px; margin-bottom: 15px; }
#path  a:link { color:#3f2500; text-decoration:underline; }
#path  a:visited { color:#3f2500; text-decoration:underline; }
#path  a:hover { color:#3f2500; text-decoration:none; }
#path  a:active { color:#3f2500; text-decoration:none; }

@media only screen and (max-width: 738px) {
	#path .inner { width:100%; height: 28px; }
	#path .inner p { top:10px; left: 10px; color:#aaa; }
}

/*twitter & social bookmark*/
#path .inner #twitter{padding:5px 0;}
#path .inner .sb{  position: absolute; top:4px; right: 0;  padding:10px 0 0;  }
#path .inner .sb img{display:block; }
#path .inner .sb span{display:inline;  padding:0 5px; height:30px; line-height:30px;}
#path .inner .sb span a{color:#ff0d9d; text-decoration:none;}
#path .inner .sb span a:hover{color:#ff0d9d; text-decoration:underline;}
#path .inner iframe.twitter-share-button { width: 95px!important; }
@media only screen and (max-width: 738px) {
	#path { display: none; }
	#path .inner .sb{  top:28px; right: 10px; }
}


#top #header { position: relative; float: left; display: inline; width: 210px; height: 100%; padding: 20px; background: #fff; box-sizing: border-box; z-index: 1; }
#header { position: relative; float: left; width: 210px; height: 100%; padding: 20px; background: #fff; box-sizing: border-box; z-index: 1; }
#logo { margin: 0 0 54px 14px; text-indent: -9999px; }
#logo a { display: block; width: 150px; height: 140px; background: url(/common/images//logo_home.png) no-repeat; }
ul.gnav { padding: 0 32px 60px; text-align: center; }
ul.gnav li { font-family: "黎ミン B"; display: inline; line-height: 1em; }
ul.gnav li a { width: 106px; height: 106px; font-size: 11px !important;  display: block; text-decoration: none; }
ul.gnav li a span { display: block; line-height: 2em; }
ul.gnav li.recipe a span { color: #ff4646; }
ul.gnav li.product a span { color: #ff7f20; }
ul.gnav li.dictionary a span { color: #51bff2; }
ul.gnav li.factory a span { color: #3c84c8; }
ul.gnav li.history a span { color: #3ba443; }
ul.gnav li.faq a span { color: #a789dc; }
ul.gnav li.special a span { color: #6d4e2c; }
ul.special { text-align: center; }
ul.special li { display: inline; line-height: 0; }
ul.special li a { display: block; margin-bottom: 10px; }


@media only screen and (max-width: 738px) {
	#top #header { float: none; display: block; width: 100%; height: 47px; padding: 0; z-index: 1; }
	#header { float: none; display: block; width: 100%; height: 47px; padding: 0; z-index: 1; }
	#logo { text-align: left; margin: 0; padding: 10px 0 0 10px; }
	#logo a { width: 128px; height: 32px; background: url(/common/images//logo_home_sp.png) no-repeat; background-size: 128px 32px; }
	#header .inner { width:100%; height: 52px; margin:0 auto; }
	#official { display: none; }
	#logo { position:absolute; top:6px; left:10px; z-index: 1001; }
	#logo a { display: block; }
	ul.gnav { display: none; }
	ul.special { display: none; }
	#header { padding: 0;  }
	#header ul.accordion { display: block; width: 100%; float: none; }
	#header ul.accordion li { display: block; border-bottom: 1px solid #eee; padding: 0; letter-spacing: 0.1em; }
	#header ul.accordion li span { font-size: 76%; padding-right: 4px; }
	#header ul.accordion li.title { font-size: 130%; margin-left: -6.4%; }
	#header ul.accordion li p { cursor: pointer; font-size: 150%; padding: 3.2% 1.8%; background: url(/common/images//icon_plus.png) no-repeat 96%; background-size: 11px 11px; }
	#header ul.accordion li p.none { background: none; }
	#header ul.accordion li p.none a { font-weight: normal; padding: 0; }
	#header ul.accordion li p.none span { padding-right: 0; }
	#header ul.accordion li p span.open { display: block; background: url(/common/images//icon_minus.png) no-repeat 98% #fff; background-size: 11px 11px;  }
	#header ul.accordion li p.recipe:before { content: "●"; color: #ff4646; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.product:before { content: "●"; color: #ff7f20; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.dictionary:before { content: "●"; color: #51bff2; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.factory:before { content: "●"; color: #3c84c8; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.history:before { content: "●"; color: #3ba443; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.faq:before { content: "●"; color: #a789dc; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.special:before { content: "●"; color: #6d4e2c; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.special1:before { content: "●"; color: #ff868c; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.special2:before { content: "●"; color: #5cc58d; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li p.campaign:before { content: "●"; color: #ff868c; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#header ul.accordion li a { font-weight: bold; color: #3f2500; text-decoration: none; display: block; }
	#header ul.accordion li ul li { display: block; background: #fefefe; padding: 4px 16px; font-size: 100%; font-weight: normal; }
	#header ul.accordion li ul.rec li { background: #ff4646; }
	#header ul.accordion li ul.pro li { background: #ff7f20; }
	#header ul.accordion li ul.dic li { background: #51bff2; }
	#header ul.accordion li ul.fac li { background: #3c84c8; }
	#header ul.accordion li ul.his li { background: #3ba443; }
	#header ul.accordion li ul.faq li { background: #a789dc; }
	#header ul.accordion li ul.rec li a { color: #fff; font-weight: normal; font-size: 13px; }
	#header ul.accordion li ul.pro li a { color: #fff; font-weight: normal; font-size: 13px; }
	#header ul.accordion li ul.dic li a { color: #fff; font-weight: normal; font-size: 13px; }
	#header ul.accordion li ul.fac li a { color: #fff; font-weight: normal; font-size: 13px; }
	#header ul.accordion li ul.his li a { color: #fff; font-weight: normal; font-size: 13px; }
	#header ul.accordion li ul.faq li a { color: #fff; font-weight: normal; font-size: 13px; }
	/*#header ul.accordion li ul li:last-child { border-bottom: none; }*/
	#header ul.accordion li.search { padding: 3.6%; background: none; margin: 0 auto; }
	#header ul.accordion li input.word { float: left; display: inline; width: 70%; margin: 0 8px 0 8%; }
	#header ul.accordion li input.btn { border: 0px; display: inline; width: 35px; height: 22px; background: url(/common/images/btn_search.png) no-repeat left top; background-size: 35px 22px; cursor: pointer; text-indent: -99999999px; }
}

@media screen and (orientation: landscape) {
	#header { position: relative !important; }
}



#footer { position: relative; width: 100%; background:#ffdd21; }
#footer .inner { position: relative; width:100%; padding: 26px 0 0 230px; overflow: hidden; box-sizing: border-box; }
#footer .inner ul { display: table-cell; width: 17.666666666%; float: none; font-size: 13px !important; }
#footer .inner ul li { font-family: "黎ミン B"; padding-bottom: 2.6%; white-space: nowrap; /*letter-spacing: 0.1em;*/ }
#footer .inner ul li.title { font-size: 13px !important; margin-left: -6.4%; }
#footer .inner ul li.title.special { margin-top: 10.4%; }
#footer .inner ul li span { font-size: 11px !important; padding-right: 4px; }
#footer .inner ul li.recipe span { color: #ff4646; }
#footer .inner ul li.product span { color: #ff7f20; }
#footer .inner ul li.dictionary span { color: #51bff2; }
#footer .inner ul li.factory span { color: #3c84c8; }
#footer .inner ul li.history span { color: #3ba443; }
#footer .inner ul li.faq span { color: #a789dc; }
#footer .inner ul li.special span { color: #6d4e2c; }
#footer .inner ul li.special1 span { color: #ff868c; }
#footer .inner ul li.special2 span { color: #5cc58d; }
#footer .inner ul li.campaign span { color: #fcba2c; }
#footer .inner ul li a { font-weight: bold; color: #3f2500; text-decoration: none; }
#footer .copy { font-family: "TBゴシック M"; text-align: center; padding: 3% 0 1.4%; clear: both; font-size: 11px !important; }
#footer .logo { float: left; padding: 20px 60px 40px 0; }
#footer .logo img { width: 82px; height: 62px; }

@media only screen and (max-width: 1024px) {
	#footer .inner { padding: 26px 0 0 20px; box-sizing: border-box; }
	#footer .inner ul li { font-size: 90%; }
	#footer .inner ul li.title { font-size: 12px; }
	#footer .inner ul li span { font-size: 10px; }
}



@media only screen and (max-width: 738px) {
	#footer .inner { padding: 0;  }
	#footer .inner ul { display: block; width: 100%; float: none; }
	#footer .inner ul li { display: block; border-bottom: 1px solid #eee; padding: 0; letter-spacing: 0.1em; }
	#footer .inner ul li span { font-size: 76%; padding-right: 4px; }
	#footer .inner ul li.title { font-size: 130%; margin-left: -6.4%; }
	#footer .inner ul li p { cursor: pointer; font-size: 150%; padding: 2.4% 1.8%; background: url(/common/images//icon_plus.png) no-repeat 96%; background-size: 11px 11px; }
	#footer .inner ul li p.none { background: none; }
	#footer .inner ul li p span.open { display: block; background: url(/common/images//icon_minus.png) no-repeat 98% #ffda00; background-size: 11px 11px;  }
	#footer .inner ul li p.recipe:before { content: "●"; color: #ff4646; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.product:before { content: "●"; color: #ff7f20; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.dictionary:before { content: "●"; color: #51bff2; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.factory:before { content: "●"; color: #3c84c8; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.history:before { content: "●"; color: #3ba443; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.faq:before { content: "●"; color: #a789dc; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.special:before { content: "●"; color: #6d4e2c; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.special1:before { content: "●"; color: #ff868c; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.special2:before { content: "●"; color: #5cc58d; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li p.campaign:before { content: "●"; color: #ff868c; float: left; padding-left: 10px; position: relative; font-size: 50%; line-height: 2.8; display: block; }
	#footer .inner ul li a { font-weight: bold; color: #3f2500; text-decoration: none; }
	#footer .inner ul li ul li { display: block; background: #ffe763; padding: 8px 26px; font-size: 100%; font-weight: normal; }
	#footer .inner ul li ul li:last-child { border-bottom: none; }
	#footer .copy { text-align: center; padding: 3% 0 1.4%; clear: both; font-size: 11px !important; }
	#footer .logo {  float: none; text-align: center; padding: 16px 0 0; }
	#footer .logo img { width: 70px; height: auto; }
}



@media only screen and (min-width: 738px) {
	.container { display: none; }
	.only_sp { display: none; }
}

@media only screen and (max-width: 738px) {
	.only_pc { display: none; }
}


#wrapper { position:relative; width: 100%; height:auto; margin:0 auto; z-index: 0; background: #ff4646; box-sizing: border-box; }
#top #container { position: relative; display: inline; float: left;  width: 100%; margin: 0; padding: 10px; background: #ff4646; z-index: 0; box-sizing: border-box; }
#container { position: relative; float: right;  width: 100%; margin: 0 0 0 -210px; padding: 10px;  background: url(/common/images/bg_container.png) repeat-y left; z-index: 0; box-sizing: border-box; }
* html #container {   height: 100%;  overflow: auto;  }
#container .content {  position: relative; width: auto; margin-left: 210px; min-height: 910px; padding: 20px; background: #fff; border-radius: 6px; box-sizing: border-box; }
#container .content p.lead { font-family: "黎ミン M"; font-size: 120%; font-weight: bold; padding: 0 0 1em 1.2em; }

@media only screen and (max-width: 738px) {
	#container { float: none; width: 100%; background: #fff; margin: 0; padding: 2%; }
	#container .content {  margin-left: 0; padding: 10px 0 0; width: 99.6%; border-radius: 4px; }
	#container .content p.lead { font-size: 96%; font-weight: bold; padding: 0 0 1em; }
}


/*　BRAND */
.brand-wrap { position: relative; background: #eeeeed; width: 100%; padding: 30px 0 30px 250px; margin: 0 auto; clear: both; box-sizing: border-box; }
.brand-wrap ul { text-align: center; margin: 0 auto; /*margin-left: 20%;*/ overflow: hidden; font-size: 12px !important; }
.brand-wrap ul li { float: left; display: inline-block; margin-right: 16px; font-weight: bold; letter-spacing: 0.1em; }
.brand-wrap ul li a { text-align: left; text-decoration: none; color: #3f2500; }
.brand-wrap ul li p { font-family: "黎ミン M"; display: block; height: 40px; }
.brand-wrap ul li p::after { content: " "; background: url(/common/images//icon_external.png); width: 14px; height: 14px; display:inline-block; background-size:contain; vertical-align:middle; margin-left: 8px; }
.brand-wrap ul li:first-child {padding: 7px 64px 0 0; margin-right: 0; font-size: 84%; }
.brand-wrap ul li:first-child p::after { display: none; }

@media only screen and (max-width: 2080px) {
	.brand-wrap { padding-left: 405px; }
}

@media only screen and (max-width: 1580px) {
	.brand-wrap { padding-left: 240px; }
	.brand-wrap ul li:first-child {padding: 7px 34px 0 0; }
}

@media only screen and (max-width: 1260px) {
	.brand-wrap { padding-left: 155px; }
	.brand-wrap ul li:first-child {padding: 7px 34px 0 0; }
}


@media only screen and (max-width: 920px) {
	.brand-wrap { padding-left: 55px; }
	.brand-wrap ul li:first-child {padding: 7px 34px 0 0; }
}


@media only screen and (max-width: 738px) {
	.brand-wrap { width: 100%; padding: 15px 0; }
	.brand-wrap ul { text-align: center; margin: 0 auto;  }
	.brand-wrap ul li { font-size: 85%; margin: 0 2%; width: 46%; letter-spacing: 0; }
	.brand-wrap ul li p::after { content: " "; background: url(/common/images//icon_external.png); width: 10px; height: 10px; margin-left: 4px; }
	.brand-wrap ul li:first-child { float: none; padding: 7px 0 0; width: 100%; margin: 0 auto; font-size: 84%; }
	.brand-wrap ul li:first-child p::after { display: none; }
	.brand-wrap ul li:first-child img { width: 23%; height: auto; }
	.brand-wrap ul li img { width: 100%; height: auto; }
}



/*@media only screen and (min-width: 1604px) {
	.bnnr-kaori { width: 1384px; text-align: center; }
}*/

/*@media only screen and (max-width: 1252px) {
	.bnnr-kaori { width: 680px; text-align: left; }
}*/



/*@media only screen and (max-width: 738px) {
	.bnnr-kaori { width: 100%; text-align: center; margin-left: 0; }
	.bnnr-kaori img { width: 99.5%; height: auto; }
}*/


/* SEARCH */
#side-nav { position: fixed; bottom:120px; right: 0; width:46px; z-index: 11111; }
#side-nav ul.sns-open { float: left; line-height: 0; width: 45px; }
#side-nav ul.sns-open li { display: block; line-height: 0; }

#side-content {
	position: absolute;
	right: 0;
	top: 46px;
	border: 1px solid #dedede;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	width: 240px;
	height: 180px;
	 background: #fff;
	 float: right;
	 display: none;
	 z-index: 111111111111111111111;
}

#side-content ul li {
	display: inline-block;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	cursor: pointer;
	line-height: 0;
}

#side-content ul li:last-child {
	border-bottom: none;
}

#side-content ul li p {
	padding-top: 20px;
	width: 235px;
}

#side-content ul li.search p {
	padding-top: 11px;
}

#side-content ul li.search input.word {
	float: left;
	width: 126px;
}

#side-content ul li.search input.btn {
    border: 0px;
	float: left;
	width: 35px;
	height: 22px;
	margin-left: 10px;
	background: url(/common/images//btn_search_pc.png) no-repeat;
	cursor: pointer;
	text-indent: -99999999px;
}

#side-content ul li p.middle {
	cursor: pointer;
	display: block;
	float: left;
	padding: 15px 10px;
	text-align: center;
	width: 36px;
	border: 1px solid #ccc;
	margin: 6px 10px 0 0;
	font-size: 13px;
	box-sizing: border-box;
}
#side-content ul li p.large {
	cursor: pointer;
	display: block;
	float: left;
	padding: 15px 10px;
	text-align: center;
	width: 36px;
	border: 1px solid #ccc;
	margin: 6px 90px 0 0;
	font-size: 13px;
	box-sizing: border-box;
}
#side-content ul li p.large.current, #side-content ul li p.middle.current {
	border: 1px solid #f00;
	color: #f00;
}

#side-content ul li img {
	float: left;
}

body #side-content ul li a {
	color: #3f2500;
	font-size: 13px !important;
}

#side-content .search-title {
	float: left;
	text-align: center;
	background: #fff;
	width: 180px;
	height: 180px;
	cursor: pointer;
}

.search-open, .resize-open, .facebook-open, .twitter-open {
     float: right;
     display: block;
     cursor: pointer;
}

#side-content .sns-close{
    position: absolute;
    display: block;
    bottom: -30px;
    right: -1px;
    width: 30px;
    height: 30px;
    background: url(/common/images//btn_close.png) no-repeat;
    cursor: pointer;
	z-index: 111111111111111;
 	text-indent: -9999px;
}

/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
#side-content .sns-close{
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(/common/images//btn_close.png) no-repeat;
    cursor: pointer;
	z-index: 111111111111111;
 	text-indent: -9999px;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
#side-content .sns-close{
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(/common/images//btn_close.png) no-repeat;
    cursor: pointer;
	z-index: 111111111111111;
 	text-indent: -9999px;
}
}*/


/*　NEWS */
#news-content {
	position: absolute;
	right: 0;
	border: 1px solid #dedede;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	 height: 225px;
	 width: 985px;
	 background: #fff;
	 float: right;
	 display: none;
}

#news-content .news-close-pc {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: block;
	background: url(/common/images//btn_close02.png) no-repeat;
	text-indent: -9999px;
}

#news-content .news-title {
	float: left;
	text-align: center;
	background: #3f2500;
	width: 130px;
	height: 225px;
	cursor: pointer;
}

#news-content .news-title img {
	padding: 18px ;

}


.news-open {
     float: right;
     display: block;
     cursor: pointer;
    line-height: 0;
}

#news-content dl { font-family: "TBゴシック M"; position: relative; float: left;  width: 84%; margin:0; padding-top: 22px; }
#news-content dl dt { position: relative; font-size: 13px !important; margin-bottom: -34px; width: 8.5em; padding: 0px 0.5em 14px 60px; color:#e52121; z-index: 0; background: url(/common/images//icon_new_pc.png) no-repeat 18% 0; }
#news-content dl dd { position: relative; margin-left: 130px; line-height:20px; padding: 0 20px 20px 0; z-index: 1; }
#news-content dl dd a { text-decoration: none; padding: 10px 0; font-size: 12px !important; color: #3f2500; }
#news-content dl dt.even { color: #f46902; }

#news-content .news-close{
    position:relative;width:60%;margin:80px auto 0;padding: 3px 5px;border-radius: 4px;border: 1px solid #FFF;color:#FFF;
}
#news-content .news-title:hover .news-close {
    background-color: #FFF; color:#3f2500;
}

.bnnr-kaori { width: 1040px; text-align: center; margin: 20px 0 0; }
/*
.faq .bnnr-kaori img, .history .bnnr-kaori img, .factory .bnnr-kaori img, .dictionary .bnnr-kaori img, .product .bnnr-kaori img, .recipe .bnnr-kaori img { width: 644px; height: auto; margin-left: 4px; }
*/
.bnnr-kaori img { width: 644px; height: auto; margin-left: 4px; }

@media only screen and (min-width: 1604px) {
	.bnnr-kaori { width: 1384px; text-align: center; }
}

@media only screen and (max-width: 1258px) {
	.bnnr-kaori { width: 680px; text-align: left; /*padding-left: 5px;*/ }
}

@media only screen and (max-width: 912px) {
	.bnnr-kaori { width: 100%; text-align: left; margin-left: 0px; }
	/*.bnnr-kaori img { width: 335px; height: auto; }*/
    .bnnr-kaori img { width: 99.5%; height: auto; margin-left: 0px; }
}

@media only screen and (max-width: 738px) {
	.bnnr-kaori { width: 100%; text-align: center; margin-left: 0; }
	.bnnr-kaori img { width: 99.5%; height: auto; margin-left: 0px; }
    /*
	.faq .bnnr-kaori img, .history .bnnr-kaori img, .factory .bnnr-kaori img, .dictionary .bnnr-kaori img, .product .bnnr-kaori img, .recipe .bnnr-kaori img  { width: 99.5%; height: auto; }
	*/
}



/*--------------------------------------------------------------
SEARCH
--------------------------------------------------------------*/
.search .box a:hover { background: #9f9f9f !important; z-index: 0; }
.search #container { background: #fff; }
.search #container h2 { color: #3f2500; border-bottom: 4px solid #3f2500; }
.search h5 { background: #3f2500 !important; }
.search .sub-wrap { background: #f6f6f6 !important; }
.search .content a { color: #3f2500; text-decoration: none; }
.search .content a:hover { color: #3f2500; text-decoration: underline; }
.search .search-box { background: #f6f6f6 !important; }
.search dl.search { border: 1px solid #3f2500; }
.search dl.search dd button span { background: url(/common/images//icon_lenz.png) no-repeat #3f2500; }
.search dl.search dd { background: #3f2500 !important; }
.search #container .content p.number span.small, .search #container .content p.number span { color: #3f2500; }
.search ul.order li a {  color: #3f2500; border: 1px solid #3f2500; }
.search ul.order li a:hover { background: #3f2500; color: #fff; }
.search ul.order .current { background: #3f2500 !important; }
ul.order li:nth-child(2) a.current { background:url(/common/images//icon_neww_o.png) no-repeat 8% #3f2500; background-size: 24px 20px; color:#fff; }
ul.order li:nth-child(3) a.current { background:url(/common/images//icon_time_o.png) no-repeat 8% #3f2500; background-size: 20px 20px; color:#fff; }
ul.order li:nth-child(4) a.current { background:url(/common/images//icon_energy_o.png) no-repeat 8% #3f2500; background-size: 20px 20px; color:#fff; }
ul.order li:nth-child(2) a { padding-left: 26px; background: url(/common/images//icon_neww.png) no-repeat 8%; background-size: 24px 20px; }
ul.order li:nth-child(3) a { padding-left: 26px; background: url(/common/images//icon_time.png) no-repeat 8%; background-size: 20px 20px; }
ul.order li:nth-child(4) a { padding-left: 26px; background: url(/common/images//icon_energy.png) no-repeat 8%; background-size: 20px 20px; }
ul.order li:nth-child(2) a:hover { background: url(/common/images//icon_neww_o.png) no-repeat 8% #3f2500; background-size: 24px 20px; }
ul.order li:nth-child(3) a:hover { background: url(/common/images//icon_time_o.png) no-repeat 8% #3f2500; background-size: 20px 20px; }
ul.order li:nth-child(4) a:hover { background: url(/common/images//icon_energy_o.png) no-repeat 8% #3f2500; background-size: 20px 20px; }
.search ul.pager li a { color: #3f2500; border: 1px solid #3f2500; }
.search ul.pager .current { background: #3f2500 !important:; }
.search ul.pager li a:hover { background: #3f2500; color: #fff; }
.search .box h4 { color: #3f2500; }
.search .box h4 span { font-weight: normal; color: #3f2500 !important; }


/*--------------------------------------------------------------
404 ERROR
--------------------------------------------------------------*/
.error404 #header-area-404 { margin: 20px auto 0; width: 70%; }
.error404 #contents { margin: 0 auto 10px; width: 70%; border: 1px solid #ddd; border-radius: 10px; padding: 30px 30px 20px; }
.error404 #header-area-404 #header { position: relative; float: none; padding: 0 0 20px 10px; }
.error404 #logo { margin: 0; text-indent: -9999px; }
.error404 #logo a { display: block; width: 90px; height: 84px; background: url(/common/images//logo_404.png) no-repeat; }
.error404 #contents p { font-size: 14px; line-height: 2.2em; text-align: center; letter-spacing: 0.1em; }
.error404 #footer { position: relative; text-align: center; font-size: 12px; width: 100%; background: #fff; }
.error404 .btn-top  { margin: 20px auto; text-align: center; }
.error404 .btn-top a { width: auto; display: inline-block; margin-top: 0.7em; font-size: 110%; color: #5a3107; border: 1px solid #5a3107; border-radius: 4px; padding: 6px 20px; background: #fff; text-decoration: none; }
.error404 .btn-top:hover a { color: #fff; border: 1px solid #5a3107; background: #5a3107; text-decoration: none; }
.error404 .btn-top a:before { content: "＜"; font-size: 14px; font-weight: bold; color: #5a3107; position: relative; left: -8px; }

@media only screen and (max-width: 738px) {
	.error404 #header-area-404 { margin: 20px auto 0; width: 86%; }
	.error404 #header-area-404 #header { height: 54px; }
	.error404 #logo { position:relative; top:auto; left:auto; padding: 0; }
	.error404 #logo a { display: block; width: 45px; height: 42px; background: url(/common/images//logo_404.png) no-repeat; background-size: 45px 42px; }
	.error404 #contents p { font-size: 12px; line-height: 2.0em; text-align: left; letter-spacing: 0.1em; }

}