@charset "UTF-8";
.sprites-sprite, .sprites-c_rank_1, .sprites-c_rank_2, .sprites-c_rank_3, .sprites-icon-cart-s, .sprites-icon-cart, .sprites-icon-recipe-s, .sprites-icon-recipe, .sprites-icon-shop-s, .sprites-icon-shop, .sprites-logo1-mb, .sprites-logo1, .sprites-ranking01, .sprites-ranking02, .sprites-ranking03, .sprites-ranking04, .sprites-ranking05, .sprites-ranking06, .sprites-ranking07, .sprites-ranking08, .sprites-ranking09, .sprites-ranking10, .sprites-souryo_bn, .sprites-stars-0, .sprites-stars-1, .sprites-stars-10, .sprites-stars-2, .sprites-stars-3, .sprites-stars-4, .sprites-stars-5, .sprites-stars-6, .sprites-stars-7, .sprites-stars-8, .sprites-stars-9, .sprites-tabgreen, .sprites-tabline { background-image: url('/../images/sprites-s878ffdd6ad.png'); background-repeat: no-repeat; }

.sprites-c_rank_1 { background-position: 0 0; }

.sprites-c_rank_2 { background-position: 0 -30px; }

.sprites-c_rank_3 { background-position: 0 -60px; }

.sprites-icon-cart-s { background-position: 0 -90px; }

.sprites-icon-cart { background-position: 0 -106px; }

.sprites-icon-recipe-s { background-position: 0 -154px; }

.sprites-icon-recipe { background-position: 0 -170px; }

.sprites-icon-shop-s { background-position: 0 -218px; }

.sprites-icon-shop { background-position: 0 -234px; }

.sprites-logo1-mb { background-position: 0 -282px; }

.sprites-logo1 { background-position: 0 -310px; }

.sprites-ranking01 { background-position: 0 -348px; }

.sprites-ranking02 { background-position: 0 -367px; }

.sprites-ranking03 { background-position: 0 -386px; }

.sprites-ranking04 { background-position: 0 -405px; }

.sprites-ranking05 { background-position: 0 -424px; }

.sprites-ranking06 { background-position: 0 -443px; }

.sprites-ranking07 { background-position: 0 -462px; }

.sprites-ranking08 { background-position: 0 -481px; }

.sprites-ranking09 { background-position: 0 -500px; }

.sprites-ranking10 { background-position: 0 -519px; }

.sprites-souryo_bn { background-position: 0 -538px; }

.sprites-stars-0 { background-position: 0 -584px; }

.sprites-stars-1 { background-position: 0 -596px; }

.sprites-stars-10 { background-position: 0 -608px; }

.sprites-stars-2 { background-position: 0 -620px; }

.sprites-stars-3 { background-position: 0 -632px; }

.sprites-stars-4 { background-position: 0 -644px; }

.sprites-stars-5 { background-position: 0 -656px; }

.sprites-stars-6 { background-position: 0 -668px; }

.sprites-stars-7 { background-position: 0 -680px; }

.sprites-stars-8 { background-position: 0 -692px; }

.sprites-stars-9 { background-position: 0 -704px; }

.sprites-tabgreen { background-position: 0 -716px; }

.sprites-tabline { background-position: 0 -758px; }

/* common css */
/* site style */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { color: black; font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important; font-size: 13px; line-height: 1.4; margin: 0 auto; min-width: 1000px; /* prevents center column from collapsing */ max-width: 1110px; padding: 0 30px; position: relative; /* kangen */ width: expression( document.documentElement.clientWidth < 1001? "1000px" : "auto"); /* for IE6.0 */ }

h1, h2, h3, h4 { font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important; font-weight: normal; line-height: 1.1; }

h1 { font-size: 18px; margin: 10px 5px; }

h2 { font-size: 15.6px; margin: 10px 5px; }

h3 { font-size: 14px; margin: 10px 5px; }

h4 { font-size: 13px; }

img { border: 0; vertical-align: middle; }

ul { margin-top: 0; }

p { padding: 0 10px; margin: 10px; line-height: 140%; }

a { color: mediumblue; text-decoration: underline; }
a:hover { color: orange; text-decoration: underline; }
a .black { color: black; text-decoration: none; }
a .white { color: white; text-decoration: none; }
a .black:hover, a .white:hover { color: orange; text-decoration: underline; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }

hr { border-width: 0px; border-top: 1px dashed #999999; color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; }

dd { margin-bottom: 1em; margin-left: 0; }

input, button, select[multiple], textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* classes */
.indent { text-indent: -1em; }

.left { text-align: left; }

.center { text-align: center; }

.no-display { display: none; }

.img-for-mb { display: none; }

.red { color: red; }

.blue { color: blue; }

.green { color: green; }

.w-060 { width: 60px; }

.w-120 { width: 120px; }

.w-180 { width: 180px; }

.w-240 { width: 240px; }

.w-300 { width: 300px; }

.t-080 { font-size: 0.8em; }

.t-090 { font-size: 0.9em; }

.t-110 { font-size: 1.1em; }

.t-120 { font-size: 1.2em; }

.underline { text-decoration: underline; }

.left-menu-control { display: none; }

.clear { clear: both; line-height: 1px; background-color: transparent; }

.stars-image { display: inline-block; height: 12px; width: 56px; vertical-align: middle; }

.crank-image { display: inline-block; height: 30px; width: 30px; }

.review-string:before { content: "レビュー"; font-size: 0.9em; }

/* header */
#header { text-align: right; }
#header div.login { display: inline-block; line-height: 24px; overflow: visible; margin: 0; z-index: 99; }
#header #soryomuryo { display: none; }
#header #mb-hdr-btns { display: none; }
#header #toplogo { position: absolute; top: 24px; }
#header #toplogo a .sprites-logo1 { display: inline-block; height: 38px; width: 178px; }
#header #toplogo a .sprits-logo1-mb { display: none; }
#header #souryo-top { position: absolute; top: 24px; right: 30px; }
#header #souryo-top a .sprites-souryo_bn { display: block; height: 46px; width: 150px; }
#header .searching { background: whitesmoke; border: 1px solid green; border-radius: 5px; margin: 0 auto; overflow: hidden; padding: 0; text-align: left; width: 560px; }
#header .searching li { border-left: 1px solid white; border-right: 1px solid lightgray; display: inline-block; font-size: 12px; line-height: 30px; vertical-align: middle; width: 18%; }
#header .searching li:first-child { background: green; border: 0; color: white; text-align: center; width: 10%; }
#header .searching li:last-child { border-right: 0; text-align: center; width: 35%; }
#header .searching li a { color: dimgray; display: block; padding-left: 3px; text-decoration: none; }
#header .searching li a :hover { background: lightgray; }
#header .searching form { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#header .searching #searchform { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 0px 0px 30px; position: relative; margin: 0px; }

/* Page Layout */
#content { width: auto; /* add width of sidebox columns to get desired fixed-grow width, or set to 100% for full fluid */ margin: 0; /* width of the side-columns */ padding: 0; }

#floatwrap { float: left; padding-top: 10px; margin-right: -220px; /* width of the col-b */ width: 100%; }

#col-main { float: right; margin-left: -130px; width: 100%; }

#main { margin: 0 220px 0 130px; /* widths of side columns */ background: #fff; padding: 0 10px; border-width: 0 0px 0 0px; border-style: solid; border-color: #ccc; zoom: 1; /* for IE6.0 */ }

/* left bar */
#col-a { float: right; position: relative; width: 130px; }
#col-a #leftmenu { list-style-type: none; margin: 0px; padding: 0px; }
#col-a #leftmenu a { text-decoration: none; }
#col-a #leftmenu .menucate { margin: 3px 0px; }
#col-a #leftmenu .menucate:first-child { margin-top: 0px; }
#col-a #leftmenu .menucate a { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZmJjZCIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZWZmYmNkIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkMmVmN2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmVmN2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #effbcd), color-stop(49%, #effbcd), color-stop(50%, #d2ef7b), color-stop(100%, #d2ef7b)); background-image: -moz-linear-gradient(#effbcd 0%, #effbcd 49%, #d2ef7b 50%, #d2ef7b 100%); background-image: -webkit-linear-gradient(#effbcd 0%, #effbcd 49%, #d2ef7b 50%, #d2ef7b 100%); background-image: linear-gradient(#effbcd 0%, #effbcd 49%, #d2ef7b 50%, #d2ef7b 100%); color: darkgreen; display: block; font-size: 1.1em; font-weight: bold; border: 1px solid yellowgreen; letter-spacing: 1px; padding: 2px 0 1px; text-align: center; }
#col-a #leftmenu .menucate a:hover { color: orange; }
#col-a #leftmenu .index-a, #col-a #leftmenu .index-b { border-bottom: 1px dashed lightgray; display: block; font-size: 12px; margin: 0px; }
#col-a #leftmenu .index-a > a, #col-a #leftmenu .index-b > a { color: darkblue; }
#col-a #leftmenu .index-a > a:hover, #col-a #leftmenu .index-b > a:hover { opacity: 0.5; }
#col-a #leftmenu .index-a > a, #col-a #leftmenu .index-a > span, #col-a #leftmenu .index-b > a, #col-a #leftmenu .index-b > span { display: block; }
#col-a #leftmenu .index-a > a, #col-a #leftmenu .index-b > a, #col-a #leftmenu .index-a > span, #col-a #leftmenu .index-b > span { background: whitesmoke; padding: 4px 0 4px 4px; }
#col-a #leftmenu .index-a > a:before, #col-a #leftmenu .index-b > a:before, #col-a #leftmenu .index-a > span:before, #col-a #leftmenu .index-b > span:before { color: orangered; content: "▸"; font-size: 1.1em; vertical-align: middle; }
#col-a #leftmenu .index-a > a > span, #col-a #leftmenu .index-b > a > span, #col-a #leftmenu .index-a > span > span, #col-a #leftmenu .index-b > span > span { display: inline-block; vertical-align: middle; width: 114px; }
#col-a #leftmenu .index-b > a, #col-a #leftmenu .index-b > span { padding-left: 20px; }
#col-a #leftmenu .index-b > a > span, #col-a #leftmenu .index-b > span > span { width: 98px; }

/* right bar */
#col-b { float: left; width: 220px; }
#col-b p { margin: 5px 10px; padding: 0; }
#col-b .banner-space { text-align: center; }
#col-b .search-lower { display: none; }
#col-b .rightbox { width: 220px; margin-top: 10px; background-color: #ffffff; border: 1px solid yellowgreen; border-collapse: collapse; }
#col-b .rightbox .rightbox-top { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZmJjZCIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZWZmYmNkIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkMmVmN2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmVmN2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #effbcd), color-stop(49%, #effbcd), color-stop(50%, #d2ef7b), color-stop(100%, #d2ef7b)); background-image: -moz-linear-gradient(#effbcd 0%, #effbcd 49%, #d2ef7b 50%, #d2ef7b 100%); background-image: -webkit-linear-gradient(#effbcd 0%, #effbcd 49%, #d2ef7b 50%, #d2ef7b 100%); background-image: linear-gradient(#effbcd 0%, #effbcd 49%, #d2ef7b 50%, #d2ef7b 100%); color: darkgreen; font-size: 1.1em; font-weight: bold; min-height: 22px; letter-spacing: 0.1em; overflow: hidden; padding: 1px; text-align: center; }
#col-b .rightbox .goto-cart-btn { background: orange; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: white; display: inline-block; font-weight: bold; letter-spacing: 1px; padding: 3px 5px; text-decoration: none; }
#col-b .rightbox .goto-cart-btn:hover { color: gold; }
#col-b .nutrition { background: whitesmoke; border-collapse: collapse; margin: 5px auto; width: 90%; }
#col-b .nutrition td { border: 1px Gray solid; width: 40%; }
#col-b #colb-account-info p { line-height: 1.6em; margin: 10px 0 0; }
#col-b #colb-account-info p:first-child { margin: 0; }
#col-b #colb-account-info #account-info-name { font-weight: bold; }
#col-b #colb-account-info #account-info-point #account-info-point-point { font-size: 1.1em; }
#col-b #colb-account-info #account-info-rank { font-size: 0.9em; line-height: 1.2em; }
#col-b #colb-account-info #account-info-rank #account-info-rank-rank { color: orangered; display: inline-block; font-weight: bold; }
#col-b #shop-info ul { list-style-type: none; margin: 5px 10px; padding-left: 0; }
#col-b #shop-info ul li { line-height: 1.6em; }
#col-b #ranking-header { background-color: whitesmoke; padding: 2px 0; text-align: center; }
#col-b .ranking .rank-box p { margin: 5px; }
#col-b .ranking .rank-box .rank-img { background-position: bottom right; background-repeat: no-repeat; background-size: contain; float: left; height: 45px; margin-right: 5px; vertical-align: middle; }
#col-b .ranking .rank-box .rank-img a span { display: inline-block; height: 45px; width: 45px; vertical-align: middle; }
#col-b .ranking .rank-box .crown { display: inline-block; height: 19px; width: 20px; margin-left: 5px; }
#col-b .ranking .rank-box .rank-name { padding-top: 5px !important; }
#col-b .ranking .rank-box .rank-name .crown { display: none; }
#col-b .ranking .rank-box .rank-footer { text-align: center; }
#col-b .ranking .rank-box-low .rank-img a { display: none; }

/* main middle */
#main_middle { min-width: 560px; width: 100%; /* for IE6.0 */ }
#main_middle .breadcrumb { background: whitesmoke; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; padding: 8px 15px; }
#main_middle .shop-notification { border: 2px solid red; padding: 10px; margin-bottom: 10px; }
#main_middle .msg { border: 3px green double; color: green; padding: 5px; }

/* footer */
#footer { padding: 0.7em 0; margin: 0 2.2em 0 2.2em; border-top: 1px solid #BBC3D3; clear: both; }
#footer p { padding: 0 1em 0; margin: 0.5em 0; border: 0px solid #ccc; text-align: left; }
#footer a, #footer a img { text-decoration: none; }
#footer a:hover { text-decoration: underline; color: #053188; }
#footer #down { list-style-type: none; padding: 0; margin: 0; }
#footer #down li { display: inline; padding: 0; margin: 0; }
#footer #down li a:link, #footer #down li a:visited { text-decoration: none; text-align: center; float: left; display: block; margin: 0; padding: 0 0.6em; color: #053188; font-size: 90%; font-variant: small-caps; border-right: solid 1px #000; }
#footer #down li a:hover { text-decoration: underline; color: #053188; }
#footer #down li a:active { color: #053188; border-right: solid 1px #000; }
#footer p.copyright { clear: both; font-size: 90%; line-height: 2em; }
#footer #switch_display { background: lightgray; border: 1px solid dimgray; font-size: 14px; margin: 10px auto; padding: 10px; text-align: center; width: 180px; }
#footer #switch_display a { color: blue; }
#footer #switch_display input[type='submit'] { font-size: 5em; }

/* top menu */
.topmenu { background-repeat: repeat-x; list-style-type: none; margin: 15px 0 0; height: 40px; padding-left: 0; text-align: center; }
.topmenu li { border-color: gray; border-radius: 5px 5px 0 0; border-style: solid; border-width: 1px 1px 0 1px; display: inline-block; *display: inline; height: 30px; margin: 0 1px; text-align: center; vertical-align: top; width: 86px; *zoom: 1; }
.topmenu li:first-child { width: 114px; }
.topmenu li a { color: dimgray; display: block; font-size: 14px; font-weight: bold; height: 100%; padding-top: 5px; text-decoration: none; }
.topmenu li a:hover { color: orange; text-decoration: none; }
.topmenu li a img { margin-right: 3px; }
.topmenu li .icon { display: inline-block; height: 16px; width: 16px; margin-right: 2px; vertical-align: bottom; }
.topmenu .tabgreen { background: forestgreen; border: none; }
.topmenu .tabgreen a, .topmenu .tabcago a { color: white; }
.topmenu .tabgray, .topmenu .tabsonota { background: whitesmoke; }
.topmenu .tabsonota { background: beige; }
.topmenu .tabcago { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDcwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZhNTAwIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmZjhjMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhjMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd700), color-stop(50%, #ffa500), color-stop(51%, #ff8c00), color-stop(100%, #ff8c00)); background-image: -moz-linear-gradient(top, #ffd700 0%, #ffa500 50%, #ff8c00 51%, #ff8c00 100%); background-image: -webkit-linear-gradient(top, #ffd700 0%, #ffa500 50%, #ff8c00 51%, #ff8c00 100%); background-image: linear-gradient(to bottom, #ffd700 0%, #ffa500 50%, #ff8c00 51%, #ff8c00 100%); background-repeat: no-repeat; border-color: darkorange; width: 114px; z-index: 2; }
.topmenu .tabcago a:hover { color: gold; }

/* Search */
#searchtext { width: 320px; height: 20px; border: 1px solid #CCC; padding: 2px; }

#searchbutton { position: relative; top: 5px; margin: 0px; }

div#searchbox2 { background: whitesmoke; margin: 0 auto; overflow: hidden; position: fixed; left: 0; bottom: 0; padding: 0 0 10px; text-align: center; white-space: nowrap; width: 100%; }

.search-pop { background: white; border: 3px solid green; border-radius: 10px; min-height: 100px; width: 400px; }
.search-pop .title { background: green; color: white; font-size: 18px; font-weight: bold; margin: 0 0 5px; padding: 7px 0 10px; text-align: center; }
.search-pop ul { padding: 0; }
.search-pop ul li { background: lightgray; display: inline-block; margin: 10px; }

/* sonota */
div.banner { position: absolute; top: 30px; left: 1120px; overflow: visible; z-index: 1; }

#translate-this { /*margin-top: -20px;*/ width: 100%; text-align: center; }
#translate-this .translate-this-button { position: absolute; float: none !important; margin: auto; width: 220px !important; height: 22px !important; background-size: cover !important; }

#contactus { font-weight: bold; text-decoration: underline; font-size: 20px; }

#loading { background-color: white; border: 1px dashed #999; margin: auto; padding: 15px; position: fixed; height: 150px; width: 130px; top: 0; bottom: 0; left: 0; right: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; }
#loading .loadingMsg { text-align: center; padding-top: 100px; width: 100px; background-image: url("/images/common/loading.gif"); background-position: center top; background-repeat: no-repeat; font-family: "メイリオ" !important; }

.test-mode { background-image: url("/images/common/test.gif"); opacity: 0.1; position: absolute; height: 100%; width: 100%; }

.zipbutton { cursor: pointer; padding: 5px; appearance: button; background: lightgray; /* for IE */ border: 1px solid gray; /* for IE */ -moz-appearance: button; -webkit-appearance: button; }

.link-btn { border: 1px solid #b85f00; color: #ffffff; cursor: pointer; display: inline-block; padding: 5px 10px; text-decoration: none; zoom: 1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjNkYiIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmZmM4MjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjNjMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff3db), color-stop(5%, #ffc821), color-stop(100%, #ff3c00)); background: -moz-linear-gradient(#fff3db, #ffc821 5%, #ff3c00); background: -webkit-linear-gradient(#fff3db, #ffc821 5%, #ff3c00); background: linear-gradient(#fff3db, #ffc821 5%, #ff3c00); }
.link-btn:hover { background: red; color: white; text-decoration: none; }

.link-btn-gray { background: red; }
.link-btn-gray:hover { cursor: inherit; }

.btn-fruitya { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d3d3d3)); background-image: -moz-linear-gradient(#ffffff, #d3d3d3); background-image: -webkit-linear-gradient(#ffffff, #d3d3d3); background-image: linear-gradient(#ffffff, #d3d3d3); border: 1px solid darkgray; border-radius: 3px; color: dimgray; cursor: pointer; display: inline-block; font-weight: bold; padding: 1px 6px; text-decoration: none; text-shadow: 1px 1px 1px white; }
.btn-fruitya:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d3d3d3), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(#d3d3d3, #ffffff); background-image: -webkit-linear-gradient(#d3d3d3, #ffffff); background-image: linear-gradient(#d3d3d3, #ffffff); color: dimgray; text-decoration: none; }

.btn-fruitya-bl { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FkZDhlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #add8e6)); background-image: -moz-linear-gradient(#ffffff, #add8e6); background-image: -webkit-linear-gradient(#ffffff, #add8e6); background-image: linear-gradient(#ffffff, #add8e6); border: 1px solid skyblue; color: royalblue; }
.btn-fruitya-bl:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkZDhlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #add8e6), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(#add8e6, #ffffff); background-image: -webkit-linear-gradient(#add8e6, #ffffff); background-image: linear-gradient(#add8e6, #ffffff); color: royalblue; }

.btn-fruitya-br { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZGViMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5deb3)); background-image: -moz-linear-gradient(#ffffff, #f5deb3); background-image: -webkit-linear-gradient(#ffffff, #f5deb3); background-image: linear-gradient(#ffffff, #f5deb3); border: 1px solid burlywood; color: maroon; }
.btn-fruitya-br:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZGViMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5deb3), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(#f5deb3, #ffffff); background-image: -webkit-linear-gradient(#f5deb3, #ffffff); background-image: linear-gradient(#f5deb3, #ffffff); color: maroon; }

.btn-fruitya-sm { font-size: 11px; }

.btn-fruitya-lg { font-size: 16px; padding: 3px 10px; }

.btn-fruitya-xs { font-size: 11px; padding: 1px 3px; }

/* jQuery plug-in lity */
.lity { background: rgba(0, 0, 0, 0.5) !important; }

/* accordion */
.accordion-block .accordion-ctl .accordion-mark, .accordion-block .accordion-group-ctl .accordion-mark, .accordion-group-block .accordion-ctl .accordion-mark, .accordion-group-block .accordion-group-ctl .accordion-mark { display: none; }

/* slick */
.slick-prev:before, .slick-next:before { color: brown !important; }

#kangen-bnr { position: absolute; right: -128px; top: 105px; }
#kangen-bnr a { background: url("/images/sidemenu/kangen.jpg"); display: block; height: 922px; width: 153px; }