@charset "UTF-8";
/* ### mixin.scss ### */
/* ### setting.scss ### */
/* "フォント名" licensed under the IPA Font License Agreement v1.0 http://www.fontsample.com/（配布元のURL） http://ipafont.ipa.go.jp/（IPAフォントのURL） http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL） */
@font-face {
  font-family: "hannari";
  src: url("./fonts/hannari.eot");
  src: url("./fonts/hannari.eot?#iefix") format("embedded-opentype"), url("./fonts/hannari.otf") format("opentype");
}
.menu .section-title,
.news .section-title,
.company-pkg .section-title,
.top .section-title,
.menu .section-page-top,
.menu-local-nav,
.menu.archive-page .archive-entry-list02 .archive-entry02 article .entry-title,
.item .page-title .txt,
.item .item-section-title,
.business .results .results-title,
.business .mark-section .mark-title,
.magokoro-index .section-title,
.company-index .company-nav > ul .company-nav-title {
  font-family: hannari, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.footer-nav .collapse,
.global-nav .collapse,
.header-container,
.header-container .header-cont,
.footer-nav,
.introductArea .thumb,
.pickUpArea .cont,
.productArea .cont,
.newsArea .menu,
.companyArea ul,
.item .item-sub-info .allergy .icon-list {
  *zoom: 1;
}

.footer-nav .collapse:after,
.global-nav .collapse:after,
.header-container:after,
.header-container .header-cont:after,
.footer-nav:after,
.introductArea .thumb:after,
.pickUpArea .cont:after,
.productArea .cont:after,
.newsArea .menu:after,
.companyArea ul:after,
.item .item-sub-info .allergy .icon-list:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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-color: transparent; /* custom */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline; /* custom */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; /* custom */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

input,
textarea {
  /* custom */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent; /* custom */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/*
YUI 3.11.0 (build d549e5c)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/** Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
body {
  font: 15px arial, helvetica, clean, sans-serif;
  *font-size: small; /* for IE */
  *font: x-small; /* for IE in quirks mode */
}

/** Nudge down to get to 13px equivalent for these form elements */
select,
input,
button,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

/** To help tables remember to inherit */
table {
  font-size: inherit;
  font: 100%;
}

/** Bump up IE to get to 13px equivalent for these fixed-width elements */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssfonts {
  display: none;
}

@font-face {
  font-family: "iconset";
  src: url("fonts/iconset.eot");
}
@font-face {
  font-family: "iconset";
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/MUAAAC8AAAAYGNtYXAaVcxmAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZnF10QoAAAFwAAAH3GhlYWQBDJ67AAAJTAAAADZoaGVhA+IB9QAACYQAAAAkaG10eCEAA3EAAAmoAAAAUGxvY2ETjBGmAAAJ+AAAACptYXhwABwAUAAACiQAAAAgbmFtZW79mwMAAApEAAABRXBvc3QAAwAAAAALjAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmDwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYP//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAl/+ABwAHgAAcAACUVJTUlFQ0BAcD+ZQGb/vsBBVNz6ivrc46MAAEASQAQAbcBpwAuAAABJy4BIgYPAQ4BFBYXHgEyNj8BERQeAjMyPgI1ERceAzMyPgI3PgE0JicBt6AFDAwMBaAEBQUEBQwMDAVpBQkLBwcLCQVpAwUGBgMDBgYFAwQFBQQBB6AEBQUEoAUMDAwFBAUFBGr+7QcLCQUFCQsHARNqAgMDAQEDAwIFDAwMBQAAAAEAgABgAYIBYgAEAAATIREhEYABAf7+AWH+/gEBAAAABAACAC4CAAGSAA0AMQA/AE0AABMXHgMzMj4CPwEhBQcOAyMiLgIvAQcGMCIGIx4CMjMhOgE+ATciNCImIyclLgE0JjEOAxURNychBxcRNC4CJzAGIhQHJckCBAUFAgMFBAQCyf5KASgoBAgJCgUFCgkIBCmoAQEBAQIEBQUDAcoDBQUEAgEBAQGn/sABAQECAwIBoJUB6JahAgICAgEBAQGSygIDAgEBAwMCybUoBAUEAgIEBQQpqAEBAgICAgICAQGnqAEBAQECBAUFA/7ZoZWWoAEnAwUFBAEBAQEAAAAHAAT/4wH+Ad0ABAAJABYAGwAwAEUASgAANzM1IxU3MzUjFTcjFSMVMxUzNTM1IzUnFTM1IyciDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAiMDFTM1I+wqKioqKlQq09MqKipUKioVNF1EKChEXTQ0XEUoKEVcNCxMOiEhOkwsK005IiI5TSsVKipMKysrKiqoKioqKioqKioqlChFXDQ0XUQoKERdNDRcRSj+MCE6TCwsTDkiIjlMLCxMOiEBZioqAAEArgAsAXUBjwAoAAA3Ii4CJy4BNDY/AScuATQ2Nz4BMhYfAR4DFTEUDgIPAQ4DI8ACBQUEAgMEBAOLiwMEBAMECQoJBJwBAwIBAQIDAZwCBAUFAiwBAgMBBAkKCQSKiwMKCQkEBAMDBJwCBAQFAwIFBQQCnAEDAgEAAAABAEkAGQG3AbAALgAANxceATI2PwE+ATQmJy4BIgYPARE0LgIjIg4CFREnLgMjIg4CBw4BFBYXSaAFDAwMBaAEBQUEBQwMDAVpBQkLBwcLCQVpAwUGBgMDBgYFAwQFBQS5oAQFBQSgBQwMDAUEBQUEagETBwsJBQUJCwf+7WoCAwMBAQMDAgUMDAwFAAcABP/jAf4B3QAEAAkAHgAzAEAARQBKAAAlMzUjFSczNSMVNyIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CIxM1IxUjFTMVMzUzNSMXFTM1IwczNSMVAWoqKtIqKmk0XUQoKERdNDRcRSgoRVw0LEw6ISE6TCwrTTkiIjlNKxUqKioqKioqKirTKyvLKioqKiroKEVcNDRdRCgoRF00NFxFKP4wITpMLCxMOSIiOUwsLEw6IQE8Kioq09MqKioqVCoqAAAAAAcABP/jAf4B3QAEAAkAHgAzAEAARQBKAAA3IwczJxcjFzM3BzI+AjcuAyMiDgIXBh4CMxMyHgIHFg4CIyIuAic+AzMDFzM3MzcjNyMXIxczLwEjBzM3IwczJ5gqASwB0ysBKQFqNVtGJwEBJ0ZbNTRdQykBASlDXTQBKk44IwEBIzhOKi1LOyABASA7Sy0WASkBKQErASsBKwEpKQEpASvRKQErAfUqKioqKugoRF00NFxFKChFXDQ0XUQoAdAiOUwsLEw6ISE6TCwsTDki/sQrKyrS0ioqKipUKioAAAAAAQCgACkBdwGXACkAACU+AiYvAi4CNjc+ATIWHwEeAgYPAQ4BIiYnLgI0JzY0PgE/AgEbBgUBBwQKaQUEAQYDBgsNCwafBQQBBgOhBA0LDQQDAgQBAQQCA2kKyQYLCwwGCWkFDAwMBQQFBQSgBQwMDAWgBAUFBAMFBgYDAwYGBQNpCQAAAgAO/+4CAAHgAB4AMwAAASMiDgIPAQ4BFBYfAR4BMjY/AT4DPQE0LgIjByIuAjU0PgIzMh4CFRQOAiMB0JAKFxYUB+AHBwcHrAcSExEH4AcMCgUIDREKQAoRDQgIDREKChENCAgNEQoB4AUKDAfgBxETEgesBwcHB+AHFBYXCpAKEQ0IoAgNEQoKEQ0ICA0RCgoRDQgAAAABAID/+wHAAcUAAwAAJQUDBQHA/sEBAUHh5gHK5AAAAAcABP/jAf4B3QAEAAkADgAbADAARQBKAAATIxUzNTcjFTM1BzUjFTMnIxUjFTMVMzUzNSM1NyIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CIzc1IxUz7CoqKioqKioqKiorKyrS0j81XEQoKERcNTRcRSgoRVw0LEw6ISE6TCwrTTkiIjlNKxUqKgFJKioqKir8KiqoKioqKioqvihFXDQ0XUQoKERdNDRcRSj+MCE6TCwsTDkiIjlMLCxMOiE/KysAAQAg/+ABuwHgAAcAABM1BRUFNS0BIAGb/mUBBf77AW1z6yvqc42NAAEAFgBgAeABoAADAAAbAQUT+ub+NuQBoP7BAQFBAAAAAQAWACAB4AFgAAMAADcDJQP85gHK5CABPwH+vwAAAAABAAAAAQAAxSoM8F8PPPUACwIAAAAAAM/2rv8AAAAAz/au/wAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAIAAAEAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAQAAAAIAACUCAABJAgAAgAIAAAICAAAEAgAArgIAAEkCAAAEAgAABAIAAKACAAAOAgAAgAIAAAQCAAAgAgAAFgIAABYAAAAAAAoAFAAeADIAegCKAPoBXgGcAeICSAK4AvoDRgNWA7oDzgPeA+4AAAABAAAAFABOAAcAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG4AcwBlAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AcwBlAHRpY29uc2V0AGkAYwBvAG4AcwBlAHQAUgBlAGcAdQBsAGEAcgBpAGMAbwBuAHMAZQB0AEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAocAAoAAAAACdQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAABlcAAAZX98DzXE9TLzIAAAdMAAAAYAAAAGAIIvzFY21hcAAAB6wAAABMAAAATBpVzGZnYXNwAAAH+AAAAAgAAAAIAAAAEGhlYWQAAAgAAAAANgAAADYBDJ67aGhlYQAACDgAAAAkAAAAJAPiAfVobXR4AAAIXAAAAFAAAABQIQADcW1heHAAAAisAAAABgAAAAYAFFAAbmFtZQAACLQAAAFFAAABRW79mwNwb3N0AAAJ/AAAACAAAAAgAAMAAAEABAQAAQEBCGljb25zZXQAAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAADQDx0AAADVER0AAAAJHQAABk4SABUBAQgPERMWGyAlKi80OT5DSE1SV1xhZmljb25zZXRpY29uc2V0dTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzdUU2MDR1RTYwNXVFNjA2dUU2MDd1RTYwOHVFNjA5dUU2MEF1RTYwQnVFNjBDdUU2MER1RTYwRXVFNjBGAAACAYkAEgAUAgABAAQABwAKAA0AKwB7AI4BJwHLAhUCZAMKA7AD+ARVBGcFDAUqBTwFTfyUDvyUDvyUDvuUDvhU3hWL+wf8L/d+i7b4L/d/i/sH+5n7IveZ+yAFDvhL95sV+zT3NAV+l3eLfn8I+zT7NAV/fot3l36Yf5+LmJcI9PWL+6cFi3mZfZ2LnYuZmYudCIv3p/QhBZKFk4iTi5OLk46SkZeYi59/mAgO9xT39hX3louL+5b7louL95YFDrD4JhX3XfteBZCGkYiSi5KLkY+QkAj3Xfdd/EqLBfe8+0kVY2MFgYF+hn6Lfot+kIGVCGK0+zz7PAWKioqLiYqQhpKKkosI+F6LBZOLkYyQkIqMiouJjAj7O/c7BfvU9zwViY2LjIqMhoeIhIuDCIv7u/c09zX7KfcpBfh8ixX7Kvsq9zX7NIv3uwWLkoiSho+KioqKiooIDveA1xW1i4u2YYuLYAW1thW1i4u1YYuLYQXf9zwVYYuLYftni4th92eLi2G1i4u1tYuLtWGLi7UFN7UVi2G1i4u1YYsFdvcoFfsgi/sF+wWL+yCL+yD3BfsF9yCL9yCL9wX3BYv3IIv3IPsF9wX7IIsIi/xkFfsIiyzqi/cIi/cI6ur3CIv3CIvqLIv7CIv7CCws+wiLCHb3+hWLYbWLi7VhiwUO91S3FYWLhI2GkIKVi5uUlQj3H/ce+x/3HwWClYualJWVlZuLlYEI9zD7MAWPho6Fi4QIi4sFi4SIhYeGCPsw+zAFhoaEiYWLCA7U900V9zT7NAWYf5+LmJcI9zT3NAWXmIuff5h+l3eLfn8IIiGL96cFi519mXmLeYt9fYt5CIv7pyL1BYSRg46Di4OLg4iEhX9+i3eXfggO9/73XxW1i4u1YYuLYQX7ZrUVtYuLtWGLi2EF9Pd8Ffsgi/sF+wWL+yCL+yD3BfsF9yCL9yCL9wX3BYv3IIv3IPsF9wX7IIsIi/xkFfsIiyzqi/cIi/cI6ur3CIv3CIvqLIv7CIv7CCws+wiLCKD30BWLtWGLi2Fhi4thtYuL+2e1i4v3Z7WLi7VhiwW1YRWLYbWLi7VhiwX7ZzcVtouLtWCLi2EFDvcs94kVYIuLYbaLi7UF92ZhFWGLi2G1i4u1BSL7fBX3IIv3BfcFi/cgi/cg+wX3Bfsgi/sgi/sF+wWL+yCL+yD3BfsF9yCLCIv4ZBX3CIvqLIv7CIv7CCws+wiL+wiLLOqL9wiL9wjq6vcIiwh2+9AVi2C1i4u2tYuLtWGLi/dmYYuL+2Zhi4thtYsFYbUVi7Vhi4thtYsF92bfFWGLi2G1i4u1BQ73sPddFZqai5p8mwiClCH0BX+Yi5+XmJiXn4uYfwj3NPs0BZd+i3d/fgj7NPs0BX5/d4t+l4WSiJOLk4uTjpORkgj19JSUBQ74ZPh0FfskiwVwi2Z8eXgI+3T7dAV4eYtsnngI90D7QAWeeKqLnZ4I93T3dAWenZqwi6YIi/ckBYuldaFxiwhL+zQVcIt2oIumi6agoKaLpougdotwi3B2dnCLCA74VPd1FfvU+3qL+F731Pt4BQ73gPfdFWGLi2G1i4u1BbW1FWGLi2G1i4u1BWH7kBWLtWGLi2G1iwVh9zwVYYuLYWCLi2G2i4thtYuLtfdmi4u1+2aLi7UFyvdSFfsgi/sF+wWL+yCL+yD3BfsF9yCL9yCL9wX3BYv3IIv3IPsF9wX7IIsIi/xkFfsIiyzqi/cIi/cI6ur3CIv3CIvqLIv7CIv7CCws+wiLCKDKFYu2YYuLYLWLBQ6r+AEVi/cH+C/7f4tg/C/7fov3B/eZ9yH7mfchBQ73jvg0Ffd6+9T8Xov3ePfUBQ73kKsV+3r31Phei/t4+9QFDviUFPiUFYsMCgAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmDwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYP//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAACD+knlfDzz1AAsCAAAAAADP9q7/AAAAAM/2rv8AAP/gAgAB4AAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAEAAAACAAAlAgAASQIAAIACAAACAgAABAIAAK4CAABJAgAABAIAAAQCAACgAgAADgIAAIACAAAEAgAAIAIAABYCAAAWAABQAAAUAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbgBzAGUAdABWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbgBzAGUAdGljb25zZXQAaQBjAG8AbgBzAGUAdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AcwBlAHQARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "iconset";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tag:before {
  content: "\e60a";
}

.icon-square:before {
  content: "\e602";
}

.icon-mail:before {
  content: "\e603";
}

.icon-arrow-right2:before {
  content: "\e609";
}

.icon-arrow-right3:before {
  content: "\e605";
}

.icon-arrow-right4:before {
  content: "\e60d";
}

.icon-arrow-right5:before {
  content: "\e60b";
}

.icon-arrow-right:before {
  content: "\e604";
}

.icon-arrow-left:before {
  content: "\e60c";
}

.icon-arrow-left4:before {
  content: "\e600";
}

.icon-arrow-up:before {
  content: "\e607";
}

.icon-arrow-up5:before {
  content: "\e60e";
}

.icon-arrow-up4:before {
  content: "\e601";
}

.icon-arrow-down:before {
  content: "\e608";
}

.icon-arrow-down5:before {
  content: "\e60f";
}

.icon-arrow-down2:before {
  content: "\e606";
}

/* movie */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/* ============================================================================= layout set
============================================================================= */
/* margin
----------------------------------------------------*/
.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

@media screen and (max-width: 760px) {
  .mt10 {
    margin-top: 5px !important;
  }
  .mt15 {
    margin-top: 8px !important;
  }
  .mt20 {
    margin-top: 10px !important;
  }
  .mt25 {
    margin-top: 13px !important;
  }
  .mt30 {
    margin-top: 15px !important;
  }
  .mt35 {
    margin-top: 18px !important;
  }
  .mt40 {
    margin-top: 20px !important;
  }
  .mt45 {
    margin-top: 23px !important;
  }
  .mt50 {
    margin-top: 25px !important;
  }
  .mt100 {
    margin-top: 50px !important;
  }
  .mr10 {
    margin-right: 5px !important;
  }
  .mr15 {
    margin-right: 8px !important;
  }
  .mr20 {
    margin-right: 10px !important;
  }
  .mr25 {
    margin-right: 13px !important;
  }
  .mr30 {
    margin-right: 15px !important;
  }
  .mr35 {
    margin-right: 18px !important;
  }
  .mr40 {
    margin-right: 20px !important;
  }
  .mr45 {
    margin-right: 23px !important;
  }
  .mr50 {
    margin-right: 25px !important;
  }
  .mb10 {
    margin-bottom: 5px !important;
  }
  .mb15 {
    margin-bottom: 8px !important;
  }
  .mb20 {
    margin-bottom: 10px !important;
  }
  .mb25 {
    margin-bottom: 13px !important;
  }
  .mb30 {
    margin-bottom: 15px !important;
  }
  .mb35 {
    margin-bottom: 18px !important;
  }
  .mb40 {
    margin-bottom: 20px !important;
  }
  .mb45 {
    margin-bottom: 23px !important;
  }
  .mb50 {
    margin-bottom: 25px !important;
  }
  .mb60 {
    margin-bottom: 30px !important;
  }
  .ml10 {
    margin-left: 5px !important;
  }
  .ml15 {
    margin-left: 8px !important;
  }
  .ml20 {
    margin-left: 10px !important;
  }
  .ml25 {
    margin-left: 13px !important;
  }
  .ml30 {
    margin-left: 15px !important;
  }
  .ml35 {
    margin-left: 18px !important;
  }
  .ml40 {
    margin-left: 20px !important;
  }
  .ml45 {
    margin-left: 23px !important;
  }
  .ml50 {
    margin-left: 25px !important;
  }
}
/* padding
----------------------------------------------------*/
.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

@media screen and (max-width: 760px) {
  .pt10 {
    padding-top: 5px !important;
  }
  .pt15 {
    padding-top: 8px !important;
  }
  .pt20 {
    padding-top: 10px !important;
  }
  .pt25 {
    padding-top: 13px !important;
  }
  .pt30 {
    padding-top: 15px !important;
  }
  .pt35 {
    padding-top: 18px !important;
  }
  .pt40 {
    padding-top: 20px !important;
  }
  .pt45 {
    padding-top: 23px !important;
  }
  .pt50 {
    padding-top: 25px !important;
  }
  .pr10 {
    padding-right: 5px !important;
  }
  .pr15 {
    padding-right: 8px !important;
  }
  .pr20 {
    padding-right: 10px !important;
  }
  .pr25 {
    padding-right: 13px !important;
  }
  .pr30 {
    padding-right: 15px !important;
  }
  .pr35 {
    padding-right: 18px !important;
  }
  .pr40 {
    padding-right: 20px !important;
  }
  .pr45 {
    padding-right: 23px !important;
  }
  .pr50 {
    padding-right: 25px !important;
  }
  .pb10 {
    padding-bottom: 5px !important;
  }
  .pb15 {
    padding-bottom: 8px !important;
  }
  .pb20 {
    padding-bottom: 10px !important;
  }
  .pb25 {
    padding-bottom: 13px !important;
  }
  .pb30 {
    padding-bottom: 15px !important;
  }
  .pb35 {
    padding-bottom: 18px !important;
  }
  .pb40 {
    padding-bottom: 20px !important;
  }
  .pb45 {
    padding-bottom: 23px !important;
  }
  .pb50 {
    padding-bottom: 25px !important;
  }
  .pl10 {
    padding-left: 5px !important;
  }
  .pl15 {
    padding-left: 8px !important;
  }
  .pl20 {
    padding-left: 10px !important;
  }
  .pl25 {
    padding-left: 13px !important;
  }
  .pl30 {
    padding-left: 15px !important;
  }
  .pl35 {
    padding-left: 18px !important;
  }
  .pl40 {
    padding-left: 20px !important;
  }
  .pl45 {
    padding-left: 23px !important;
  }
  .pl50 {
    padding-left: 25px !important;
  }
}
/* font-size
----------------------------------------------------*/
.fz12 {
  font-size: 85% !important;
}

.fz13 {
  font-size: 100% !important;
}

.fz14 {
  font-size: 108% !important;
}

.fz15 {
  font-size: 116% !important;
}

.fz16 {
  font-size: 123.1% !important;
}

.fz17 {
  font-size: 131% !important;
}

.fz18 {
  font-size: 138.5% !important;
}

.fz19 {
  font-size: 146.5% !important;
}

.fz20 {
  font-size: 153.9% !important;
}

.fz21 {
  font-size: 161.6% !important;
}

.fz22 {
  font-size: 167% !important;
}

.fz23 {
  font-size: 177% !important;
}

.fz24 {
  font-size: 185% !important;
}

.fz25 {
  font-size: 185% !important;
}

.fz26 {
  font-size: 197% !important;
}

.fz27 {
  font-size: 207% !important;
}

.fz28 {
  font-size: 215% !important;
}

.fz29 {
  font-size: 223% !important;
}

.fz30 {
  font-size: 230% !important;
}

@media screen and (max-width: 760px) {
  .fz12 {
    font-size: 77% !important;
  }
  .fz13 {
    font-size: 85% !important;
  }
  .fz14 {
    font-size: 93% !important;
  }
  .fz15 {
    font-size: 100% !important;
  }
  .fz16 {
    font-size: 108% !important;
  }
  .fz17 {
    font-size: 116% !important;
  }
  .fz18 {
    font-size: 123.1% !important;
  }
  .fz19 {
    font-size: 131% !important;
  }
  .fz20 {
    font-size: 138.5% !important;
  }
  .fz21 {
    font-size: 146.5% !important;
  }
  .fz22 {
    font-size: 153.9% !important;
  }
  .fz23 {
    font-size: 161.6% !important;
  }
  .fz24 {
    font-size: 167% !important;
  }
  .fz25 {
    font-size: 177% !important;
  }
  .fz26 {
    font-size: 185% !important;
  }
  .fz27 {
    font-size: 185% !important;
  }
  .fz28 {
    font-size: 197% !important;
  }
  .fz29 {
    font-size: 207% !important;
  }
  .fz30 {
    font-size: 215% !important;
  }
}
/* align
----------------------------------------------------*/
.tar {
  text-align: right !important;
}

.tac {
  text-align: center !important;
}

.tal {
  text-align: left !important;
}

/* border
----------------------------------------------------*/
.bdt1 {
  border-top: 1px solid #444 !important;
}

/* ============================================================================= parts
============================================================================= */
/* font icon set
----------------------------------------------------*/
.icon {
  margin: 0 3px;
  vertical-align: middle;
}

/* color setting
----------------------------------------------------*/
.bg-gold {
  background: #e4e2d2;
}

.green {
  color: #006934;
}

.red {
  color: #ff0000;
}

#header#re-header:not(.header_white) nav > ul.header_pc-only > li .p-head_link a {
  color: #fff;
}

/* ============================================================================= global-nav
============================================================================= */
/* button(sp) */
.global-nav-button {
  overflow: hidden;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 57px;
  height: 57px;
}

@media screen and (max-width: 760px) {
  .global-nav-button {
    display: block;
    cursor: pointer;
  }
}
.global-nav-button-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 2px;
  margin: -10px 0 0 -15.5px;
  width: 31px;
  height: 6px;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.global-nav-button-icon:before,
.global-nav-button-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 6px;
  border-radius: 2px;
  background: #fff;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.global-nav-button-icon:before {
  margin-top: -11px;
}

.global-nav-button-icon:after {
  margin-top: 11px;
}

.global-nav-button-text {
  display: block;
  position: absolute;
  top: 39px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 69%;
}

.in .global-nav-button-icon {
  background: transparent;
}

.in .global-nav-button-icon:before,
.in .global-nav-button-icon:after {
  margin-top: 0;
}

.in .global-nav-button-icon:before {
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.in .global-nav-button-icon:after {
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.global-nav {
  background: url(/common/img/common/bg_menu_line.png) no-repeat 100% 50%;
}

@media screen and (max-width: 760px) {
  .global-nav {
    border-bottom: 1px solid #938b4b;
    padding: 0;
  }
}
.global-nav > ul > li {
  float: left;
  padding: 0;
  background: url(/common/img/common/bg_menu_line.png) no-repeat 0 50%;
}

@media screen and (max-width: 760px) {
  .global-nav > ul > li {
    float: none;
    width: 100%;
    background: none;
  }
}
@media screen and (max-width: 760px) {
  .global-nav > ul > li > a span {
    border: none;
  }
}
@media screen and (max-width: 760px) {
  .global-nav > ul > li > a .last {
    border: none;
  }
}
.global-nav > ul > li > a {
  display: block;
  text-align: center;
  padding: 24px 30px;
  color: #59493f;
  font-size: 108%;
  letter-spacing: 1px;
  line-height: 1;
  position: relative;
}

@media screen and (max-width: 760px) {
  .global-nav > ul > li > a {
    text-align: left;
    border-top: 1px solid #938b4b;
    padding: 9px 10px;
    font-size: 123.1%;
  }
}
.global-nav > ul > li.active > a,
.global-nav > ul > li > a:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}

.global-nav > ul > li.active > a:after,
.global-nav > ul > li > a:hover:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 10px;
  right: 0;
  margin: auto;
  display: block;
  width: 90px;
  height: 5px;
  background: url(/common/img/common/menu_line.png) no-repeat 50% 95%/100% auto;
}

@media screen and (max-width: 760px) {
  .global-nav > ul > li > a:hover {
    background: none;
  }
  .global-nav > ul > li > a:hover:after {
    display: none;
  }
}
.global-nav a span {
  display: block;
  text-shadow: 0px 0px 5px #96969f;
}

@media screen and (max-width: 760px) {
  .global-nav .collapse-btn.collapsed {
    background-image: url(../img/common/icon_arrow_down02@2x.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px 17px;
  }
}
@media screen and (max-width: 760px) {
  .global-nav .collapse-btn.in {
    background-image: url(../img/common/icon_arrow_up02@2x.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px 17px;
  }
}
.global-nav .cont {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 65px;
  z-index: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+63,000000+100&1+0,1+61,0+100 */
  background: -moz-linear-gradient(left, black 0%, black 61%, rgba(0, 0, 0, 0.95) 69%, transparent 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, black 0%, black 61%, rgba(0, 0, 0, 0.95) 69%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, black 0%, black 61%, rgba(0, 0, 0, 0.95) 69%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=1 ); /* IE6-9 */
}

@media screen and (max-width: 760px) {
  .global-nav .cont {
    position: static;
  }
}
.global-nav .inner {
  display: none;
  margin: 0 auto;
  width: 1000px;
}

@media screen and (max-width: 760px) {
  .global-nav .inner {
    display: block;
    width: auto;
    height: auto;
  }
}
.global-nav .global-link02 {
  float: right;
  background: url(/common/img/common/bg_menu_line_02.png) no-repeat 100% 0;
}

.global-nav .global-link02 li {
  float: left;
  background: url(/common/img/common/bg_menu_line_02.png) no-repeat 0 0;
}

.global-nav .global-link02 a[href="/news/cat75/"] {
  display: none;
}

@media screen and (max-width: 760px) {
  .global-nav .global-link02 {
    position: relative;
    left: auto;
    float: none;
    width: auto;
    border-bottom: none;
    padding-top: 0;
    background: #000;
  }
  .global-nav .global-link02 li {
    float: none;
    background: none;
  }
}
.global-nav .global-link02 a {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  padding: 20px 15px;
  background: url(/common/img/common/menu_arrow.png) no-repeat 50% 90%;
}

@media screen and (max-width: 760px) {
  .global-nav .global-link02 a {
    padding: 10px;
    border-bottom: 1px #555 solid;
    display: block;
    background: none;
  }
}
@media screen and (max-width: 760px) {
  .global-nav .global-link02 a:hover {
    background-color: transparent;
  }
}
@media screen and (max-width: 760px) {
  .global-nav .global-link02 a:before {
    display: block;
    content: "";
    position: absolute;
    top: 18px;
    left: 10px;
    width: 10px;
    height: 1px;
    background: #59493f;
  }
}
.otoriyose .global-nav .num2,
.magokoro .global-nav .num1,
.howto .global-nav .num1,
.-gallery .global-nav .num2,
.menu .global-nav .num2,
.company .global-nav .num4 {
  z-index: 0;
}

.otoriyose .global-nav .num2 .inner,
.magokoro .global-nav .num1 .inner,
.howto .global-nav .num1 .inner,
.-gallery .global-nav .num2 .inner,
.menu .global-nav .num2 .inner,
.company .global-nav .num4 .inner {
  display: block !important;
}

/* ============================================================================= common style
============================================================================= */
html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  line-height: 1.69 !important;
  color: #444;
  -webkit-text-size-adjust: 100%;
  background: #fff url(https://www.kinrei.com/common/img/common/bg_01.jpg);
  min-width: 1200px;
}

@media screen and (max-width: 760px) {
  body {
    min-width: 0;
  }
}
.lt-ie9 body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
  vertical-align: top;
  height: auto;
  max-width: 100%;
  *width: 100%;
}

.ie7 img {
  max-width: none;
  width: auto;
}

ul {
  list-style: none;
}

@media screen and (max-width: 760px) {
  .grid-container {
    padding: 0;
  }
}
/* stickey footer setting */
body,
html {
  height: 100%;
}

#wrapper {
  position: relative;
  min-height: 100%;
  padding-bottom: 120px;
}

@media screen and (max-width: 760px) {
  #wrapper {
    min-height: inherit;
    padding-bottom: 0;
  }
  .otoriyose #wrapper {
    padding-bottom: 0;
  }
}
#container {
  display: block;
  overflow: auto;
  padding-bottom: 480px;
}

@media screen and (min-width: 760px) and (max-width: 860px) {
  #container {
    padding-bottom: 363px;
  }
}
@media screen and (max-width: 760px) {
  #container {
    padding-bottom: 0;
  }
}
#site-footer {
  position: relative;
  margin-top: -480px; /* negative value of footer height */
  height: 480px;
  clear: both;
  font-size: 13px;
}

@media screen and (min-width: 760px) and (max-width: 860px) {
  #site-footer {
    margin-top: -363px; /* negative value of footer height */
    height: 363px;
  }
}
@media screen and (max-width: 760px) {
  #site-footer {
    margin-top: 0; /* negative value of footer height */
    height: auto;
  }
}
/* hover
----------------------------------------------------*/
a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

p a {
  color: #000;
  text-decoration: underline;
}

p a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  text-decoration: none;
}

.ie7 a {
  cursor: pointer;
  zoom: 1;
}

.ie8 a {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.ie8 a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/* collapse-area
----------------------------------------------------*/
.footer-nav,
.global-nav {
  /* toggle collapse */ /* toggle contents */ /*title (common style)*/
}

@media screen and (max-width: 760px) {
  .footer-nav .collapse-btn.collapsed,
  .global-nav .collapse-btn.collapsed {
    cursor: pointer;
    background-image: url(../img/common/icon_arrow_down@2x.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px 17px;
  }
}
@media screen and (max-width: 760px) {
  .footer-nav .collapse-btn.collapsed.arrow-brown,
  .global-nav .collapse-btn.collapsed.arrow-brown {
    background-image: url(../img/common/icon_arrow_down02@2x.png);
  }
}
.footer-nav .collapse,
.global-nav .collapse {
  height: auto;
}

@media screen and (max-width: 760px) {
  .footer-nav .collapse,
  .global-nav .collapse {
    overflow: hidden;
    clear: both;
    position: relative;
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .footer-nav .collapse.in,
  .global-nav .collapse.in {
    height: auto;
  }
}
@media screen and (max-width: 760px) {
  .footer-nav .collapse-btn.in,
  .global-nav .collapse-btn.in {
    cursor: pointer;
    background-image: url(../img/common/icon_arrow_up@2x.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px 17px;
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 760px) {
  .footer-nav .collapse-btn.in.arrow-brown,
  .global-nav .collapse-btn.in.arrow-brown {
    background-image: url(../img/common/icon_arrow_up02@2x.png);
  }
}
@media screen and (max-width: 760px) {
  .footer-nav .collapse-btn span,
  .global-nav .collapse-btn span {
    display: block;
    text-align: left;
  }
}
/* sns
----------------------------------------------------*/
.sns-button {
  display: inline-block;
  zoom: 1;
  display: block;
  overflow: hidden;
}

.sns-button:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

.sns-button .btn-rss {
  float: right;
  display: block;
  width: 30px;
  height: 30px;
}

.sns-button .btn-rss a {
  display: block;
}

.sns-button .btn-rss img {
  display: block;
}

.sns-button .btn-twitter {
  overflow: hidden;
  float: right;
  width: 105px;
  height: 24px;
}

.sns-button .btn-facebook {
  overflow: hidden;
  float: right;
  width: 160px;
  height: 24px;
}

.sns-button .btn-facebook iframe {
  overflow: hidden;
  height: 24px;
  width: 100%;
}

/* rss
----------------------------------------------------*/
.section-title.rss {
  padding: 4px 10px !important;
}

.section-title.rss .rss-container {
  display: table;
  width: 100%;
}

.section-title.rss .rss-container .section-txt {
  display: table-cell;
  width: auto;
  vertical-align: middle;
}

.section-title.rss .rss-container .btn-rss {
  display: table-cell;
  text-align: right;
  width: 30px;
  vertical-align: middle;
}

/* movie
----------------------------------------------------*/
.movie-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 100%;
  overflow: hidden;
}

.movie-container iframe,
.movie-container object,
.movie-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* button(white back)
----------------------------------------------------*/
.button {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  text-align: right;
}

.button a {
  display: block;
  margin-bottom: 10px;
  padding: 3px;
  background: #fff;
  font-size: 16px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0;
}

.button span {
  display: block;
  background: #fff;
  border: 1px solid #000;
  padding: 15px 40px 15px 30px;
  width: 300px;
  line-height: 1;
  text-align: center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  background: url(/common/img/common/arrow_txt-button.png) no-repeat 95% 50%;
}

@media screen and (max-width: 760px) {
  .button {
    display: block;
  }
  .button span {
    width: auto;
  }
}
/* button(green back)
----------------------------------------------------*/
.button2 {
  display: block;
  text-align: right;
}

.button2 a,
.button2 .button-inner {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  background: #00410b;
  padding: 6px 12px;
  font-size: 108%;
  line-height: 1.2;
  text-align: center;
  color: #fff;
}

.button2 a:hover,
.button2 .button-inner:hover {
  background: #fff;
  border: 1px solid #00410b;
  padding: 5px 12px;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #00410b;
}

.button2 a:hover span,
.button2 .button-inner:hover span {
  color: #00410b;
}

.button2 span {
  color: #fff;
}

/* ============================================================================= header
============================================================================= */
.header-container {
  position: relative;
  background: url(/common/img/common/bg_header.gif) repeat;
  border-bottom: 1px solid #045010;
  z-index: 2;
}

.header-container .header-cont {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 760px) {
  .header-container {
    border-bottom: none;
    padding: 0;
  }
  .header-container .header-cont {
    width: auto;
  }
}
.header-container .header-inner {
  padding: 0;
  float: left;
}

.header-inner {
  background: transparent;
}

#header {
  float: left;
  width: 152px;
}

@media screen and (max-width: 760px) {
  #header {
    float: none;
    width: 100%;
  }
}
#navigation-container {
  width: 703px;
  float: right;
}

@media screen and (max-width: 760px) {
  #navigation-container {
    width: auto;
    float: none;
  }
}
/* logo
----------------------------------------------------*/
.logo {
  padding: 18px 1px 0 0;
}

.logo img {
  vertical-align: middle;
}

@media screen and (min-width: 760px) and (max-width: 940px) {
  .logo {
    padding: 8px 1px 0 30px;
  }
}
@media screen and (max-width: 760px) {
  .logo {
    padding: 0;
  }
}
.logo a {
  display: block;
}

@media screen and (max-width: 760px) {
  .logo a {
    padding: 16px 0 16px 8px;
    height: 57px;
  }
}
.logo img {
  width: 121px;
  height: auto;
}

@media screen and (max-width: 760px) {
  .logo img {
    max-width: inherit;
    width: 147px;
  }
}
/* links
----------------------------------------------------*/
.links {
  display: inline-block;
  zoom: 1;
  display: block;
  display: inline;
  overflow: hidden;
  float: right;
  margin: 5px 30px 5px 0;
  width: 105px;
}

.links:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

.links .link {
  float: right;
  display: block;
  margin-left: 5px;
  width: 30px;
  height: 30px;
}

.links .link a {
  display: block;
}

.links .link img {
  display: block;
}

/* utility-nav
----------------------------------------------------*/
.utility-nav {
  overflow: hidden;
  text-align: right;
  padding: 10px 20px 7px 0;
}

@media screen and (max-width: 760px) {
  .utility-nav {
    padding: 0 10px 7px;
    text-align: center;
  }
}
.utility-nav li {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  margin-left: 15px;
}

@media screen and (max-width: 760px) {
  .utility-nav li {
    margin-left: 5px;
  }
}
@media screen and (max-width: 760px) {
  .utility-nav li:first-child {
    margin-left: 0;
  }
}
.utility-nav a {
  font-size: 93%;
}

@media screen and (max-width: 760px) {
  .utility-nav a {
    font-size: 100%;
  }
}
.utility-nav a .icon {
  vertical-align: middle;
  color: #fff;
}

.utility-nav a .txt {
  vertical-align: middle;
  padding-bottom: 2px;
  color: #fff;
}

/* ============================================================================= container
============================================================================= */
#container {
  background: transparent;
  overflow: hidden;
}

/* ============================================================================= menu-local-nav2
============================================================================= */
.news .menu-local-nav2 .local-nav-title {
  background: url(../img/common/line.png) no-repeat 200px center;
  margin: 5px 0 10px;
  font-size: 108%;
}

@media screen and (max-width: 760px) {
  .news .menu-local-nav2 .local-nav-title {
    background-position: 170px center;
    margin: 0 5px 10px;
    font-size: 93%;
  }
}
.news .menu-local-nav2 li a {
  font-size: 93%;
}

@media screen and (max-width: 760px) {
  .news .banner-link {
    padding: 0 5px;
  }
}
.menu-local-nav2 {
  overflow: hidden;
  margin-bottom: 10px;
}

@media screen and (max-width: 760px) {
  .menu-local-nav2 {
    margin-bottom: 5px;
    padding: 0;
  }
}
.menu-local-nav2 .local-nav-title {
  background: url(../img/common/line.png) no-repeat 280px center;
  margin: 5px 0 15px;
  font-size: 153.9%;
  line-height: 1.2;
  color: #5a493f;
}

@media screen and (max-width: 760px) {
  .menu-local-nav2 .local-nav-title {
    background: none;
    margin: 0 0 5px 5px;
    font-size: 138.5%;
  }
}
.menu-local-nav2 li {
  margin-bottom: 10px;
  padding: 0;
}

.menu-local-nav2 li a {
  display: block;
  background: #5a493f;
  margin-right: 10px;
  padding: 12px 0;
  font-size: 123.1%;
  line-height: 1.2;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 760px) {
  .menu-local-nav2 li a {
    margin-right: 3px;
    margin-left: 3px;
    padding: 8px 0;
    width: auto;
    font-size: 93%;
  }
}
.menu-local-nav2 li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #000;
  color: #5a493f;
}

.menu-local-nav2 li a:hover span {
  color: #5a493f;
}

@media screen and (max-width: 760px) {
  .menu-local-nav2 li a span {
    display: block;
  }
}
.menu-local-nav2 li.last a {
  margin-right: 0;
}

@media screen and (max-width: 760px) {
  .menu-local-nav2 li.last a {
    margin-right: 3px;
    margin-left: 3px;
  }
}
/* ============================================================================= recommend-nav
============================================================================= */
.recommend-nav-container {
  padding-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .recommend-nav-container {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 760px) {
  .recommend-nav-container .archive-area {
    margin: 0 10px;
  }
}
@media screen and (max-width: 760px) {
  .recommend-nav-container .archive-area {
    padding: 15px 5px 0;
  }
}
.recommend-nav-container .section-title {
  margin-bottom: 20px;
  border: 1px solid #cdc8c5;
  padding: 8px 10px;
  font-size: 138.5%;
  font-weight: normal;
  line-height: 1.1;
  letter-spacing: 1.2px;
}

@media screen and (max-width: 760px) {
  .recommend-nav-container .section-title {
    font-size: 123.1%;
    padding: 4px 10px;
    margin-bottom: 10px;
  }
}
/* ============================================================================= topicpath
============================================================================= */
#topicpath {
  font-size: 12px;
  overflow: hidden;
  padding: 65px 0 0;
  position: relative;
  z-index: 1;
}

.news #topicpath {
  padding: 20px 0 20px;
  background: none;
}

@media screen and (max-width: 760px) {
  #topicpath {
    padding: 5px 0;
    background: #fff;
  }
  #topicpath .grid-container {
    padding: 0 10px;
  }
}
#topicpath li {
  float: left;
  padding: 0 9px 0 12px;
  background: url(../img/common/icon_topicpath_05.png) no-repeat left center;
  vertical-align: middle;
}

@media screen and (max-width: 760px) {
  #topicpath li {
    padding: 0 4px 0 8px;
  }
}
#topicpath li:first-child {
  padding-left: 0;
  background: none;
}

#topicpath li:first-child a {
  display: block;
  min-height: 15px;
}

#topicpath li a {
  display: block;
  margin-top: 1px;
  font-size: 108%;
}

@media screen and (max-width: 760px) {
  #topicpath li a {
    background: #a6937c;
    color: #fff;
    padding: 4px 6px 2px;
    font-size: 93%;
    min-height: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
}
#topicpath li em {
  font-style: normal;
}

/* ============================================================================= main
============================================================================= */
.news .main-content {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 760px) {
  .news .main-content {
    width: auto;
  }
}
/* ============================================================================= main
============================================================================= */
.page-title-container {
  margin: -90px 0 0;
  padding: 96px 0 20px;
  background: #fff url("/common/img/common/bg_pagetitle.png") no-repeat right bottom;
  width: 100%;
  position: relative;
}

.page-title-container:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: -1px;
  right: 0;
  margin: auto;
  width: 1000px;
  height: 1px;
  background: url("/common/img/common/border_pagetitle.png") no-repeat right bottom;
}

@media screen and (max-width: 760px) {
  .page-title-container {
    margin: 0;
    padding: 0;
    background-size: auto 100%;
  }
}
.page-title-container .page-title {
  width: 1000px;
  max-width: 1000px;
  vertical-align: top;
  margin: 0 auto;
  padding: 40px 0 40px 150px;
  background: url("/common/img/common/logo_title.png") no-repeat 0 50%/121px auto;
}

@media screen and (max-width: 760px) {
  .page-title-container .page-title {
    float: none;
    width: auto;
    padding: 30px 10px;
    background: none;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .page-title-container .page-title img {
    height: 24px;
    width: auto;
    zoom: 1 !important;
  }
}
.page-title-container .link {
  float: right;
  padding-top: 4px;
  width: 33%;
  text-align: right;
  display: none;
}

@media screen and (max-width: 760px) {
  .page-title-container .link {
    float: none;
    text-align: center;
    padding-bottom: 20px;
    width: 100%;
  }
}
.page-title-container .link img {
  width: 100%;
}

.page-title-container .link a {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  margin-bottom: 5px;
  max-width: 292px;
}

.page-title-container .banner-link.hide-on-desktop {
  text-align: center;
}

.page-title-container .banner-link.hide-on-desktop img {
  max-width: 596px;
  width: 100%;
}

.menu .page-title-container .link {
  margin-top: -18px;
}

.menu .page-title-container .link-pdf {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  margin-bottom: 4px;
  max-width: 160px;
}

.menu-index .page-title-container .link {
  margin-top: -10px;
}

.menu-index .page-title-container .link-pdf {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  max-width: 160px;
}

.magokoro-index .page-title-container .link {
  margin-top: -13px;
}

.magokoro-index .page-title-container .link-youtube {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  margin-bottom: 5px;
  max-width: 292px;
}

.menu .link-bottom,
.news .link-bottom,
.magokoro .link-bottom,
.company .link-bottom {
  padding: 0 10px;
  text-align: center;
}

.menu .link-bottom img,
.news .link-bottom img,
.magokoro .link-bottom img,
.company .link-bottom img {
  max-width: 292px;
  width: 100%;
  height: auto;
}

.menu .section-title,
.news .section-title,
.company-pkg .section-title,
.top .section-title {
  margin-bottom: 30px;
  padding: 5px 10px 10px;
  font-size: 25px;
  letter-spacing: -2px;
  font-weight: bold;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.menu .section-title:after,
.menu .section-title:before,
.news .section-title:after,
.news .section-title:before,
.company-pkg .section-title:after,
.company-pkg .section-title:before,
.top .section-title:after,
.top .section-title:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: url(/common/img/common/line_title.png) no-repeat 50% 50%;
  position: absolute;
  left: 0;
}

.menu .section-title:before,
.news .section-title:before,
.company-pkg .section-title:before,
.top .section-title:before {
  top: 0;
}

.menu .section-title:after,
.news .section-title:after,
.company-pkg .section-title:after,
.top .section-title:after {
  bottom: 0;
}

@media all and (-ms-high-contrast: none) {
  .menu .section-title,
  .news .section-title,
  .company-pkg .section-title,
  .top .section-title {
    padding-top: 15px;
  }
}
@media screen and (max-width: 760px) {
  .menu .section-title,
  .news .section-title,
  .company-pkg .section-title,
  .top .section-title {
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.company .brand-section-title {
  margin: 0 30px 10px;
  border: 1px solid #cdc8c5;
  padding: 8px 10px;
  font-size: 138.5%;
  font-weight: normal;
  line-height: 1.1;
  letter-spacing: 1.2px;
}

@media screen and (max-width: 760px) {
  .company .brand-section-title {
    font-size: 123.1%;
    margin: 0 15px 10px;
    padding: 4px 10px;
    margin-bottom: 10px;
  }
}
/* ============================================================================= pager
============================================================================= */
.pager ul {
  clear: both;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 760px) {
  .pager ul {
    margin: 0 10px 5px;
  }
}
.pager ul li {
  display: inline-block; /*for IE*/
  *display: inline;
  *zoom: 1;
  padding: 0 3px 10px 0;
}

.pager ul li a,
.pager ul li.now span {
  display: block;
  text-decoration: none;
  border: 1px solid #63544a;
  padding: 8px 13px;
  color: #63544a;
  font-weight: bold;
  font-size: 108%;
}

.pager ul li.now span {
  background: #63544a;
  color: #fff;
}

.pager ul li a:hover {
  background: #63544a;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #fff;
}

.pager ul .icon {
  font-size: 69%;
}

.company .pager ul li a,
.company .pager ul li.now span {
  border: 1px solid #858585;
  color: #858585;
}

.company .pager ul li.now span {
  background: #eaeaea;
  color: #858585;
}

.company .pager ul li a:hover {
  background: #eaeaea;
  color: #858585;
}

/* ============================================================================= footer
============================================================================= */
.foot-link01 {
  margin-bottom: 6px;
  padding-top: 10px;
  padding-left: 15px;
  background: url(/common/img/common/arrow_foot.png) no-repeat 0 50%;
  font-weight: bold;
  font-size: 15px;
}

@media screen and (max-width: 760px) {
  .foot-link01 {
    margin-bottom: 0;
    border-top: 1px solid #000;
    padding: 0;
    background: none;
  }
}
.foot-link01 a,
.foot-link01 span {
  color: #fff;
}

@media screen and (max-width: 760px) {
  .foot-link01 span {
    display: block;
    padding: 8px 15px;
  }
}
.foot-link01 a:hover {
  color: #c4c09d;
  filter: alpha(opacity=100);
  opacity: 1;
}

@media screen and (max-width: 760px) {
  .foot-link01 a:hover {
    color: #fff;
  }
}
.foot-link01:first-child {
  padding-top: 6px;
}

@media screen and (max-width: 760px) {
  .foot-link01:first-child {
    padding-top: 0;
  }
}
.foot-link02 {
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .foot-link02 {
    padding-left: 0;
  }
}
.foot-link02 li {
  margin: 6px 8px 9px 0;
  padding: 0 0 0 20px;
  background: url(/common/img/common/arrow_foot.png) no-repeat 0 50%;
  color: #fff;
  line-height: 1.2;
}

@media screen and (max-width: 760px) {
  .foot-link02 li {
    background: #fff;
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
}
.foot-link02 a {
  border: none;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

@media screen and (max-width: 760px) {
  .foot-link02 a {
    display: block;
    border-top: 1px solid #000;
    padding: 12px 0 12px 15px;
    text-align: left;
  }
}
@media screen and (min-width: 761px) {
  .foot-link02 a:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    color: #c4c09d;
  }
}
.foot-link02 a:hover span {
  color: #c4c09d;
}

@media screen and (max-width: 760px) {
  .foot-link02 a:hover span {
    color: #000;
  }
}
.foot-link02 a span {
  padding: 5px 0;
  color: #fff;
  text-decoration: none;
  font-size: 108%;
}

@media screen and (max-width: 760px) {
  .foot-link02 a span {
    color: #000;
    font-size: 123.1%;
  }
}
/* footer(default)
----------------------------------------------------*/
#site-footer {
  clear: both;
  padding: 35px 0 20px;
  background: url(/common/img/common/bg_footer.gif) repeat 0 50%;
}

#site-footer .footlogo {
  text-align: center;
  margin: 0 0 30px;
}

#site-footer .snsIcon {
  text-align: center;
  margin-bottom: 30px;
}

#site-footer .snsIcon li {
  display: inline-block;
  padding: 0 1px;
}

/* pagetop
----------------------------------------------------*/
.pagetop {
  position: fixed;
  right: 30px;
  bottom: 0;
  width: 140px;
  text-align: center;
  z-index: 100;
}

.pagetop a {
  display: block;
  color: #fff;
}

* html .pagetop {
  position: absolute;
  right: 30px;
}

/* footer-nav
----------------------------------------------------*/
.footer-nav {
  padding-right: 30px;
  padding-left: 30px;
  width: 900px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 760px) {
  .footer-nav {
    padding: 0;
    width: auto;
  }
}
.footer-nav > ul {
  overflow: hidden;
}

@media screen and (max-width: 760px) {
  .footer-nav > ul {
    padding-top: 0;
    border-bottom: 1px solid #000;
  }
}
.footer-nav .nav01,
.footer-nav .nav03,
.footer-nav .nav04 {
  width: 24%;
}

.footer-nav .nav02 {
  width: 28%;
}

.footer-nav .footer-cat {
  float: left;
  vertical-align: top;
  padding: 0;
}

@media screen and (max-width: 760px) {
  .footer-nav .footer-cat {
    float: none;
    border-left: none;
    padding-top: 0;
    width: 100%;
  }
}
/* copyright
----------------------------------------------------*/
.copyright {
  clear: both;
  text-align: center;
  color: #fff;
}

/* ============================================================================= slider
============================================================================= */
.top .slide-section-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #000;
}

.top .slide-section-inner .images-wrapper {
  overflow: hidden;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  height: auto;
}

.top .slide-section-inner .images-wrapper .caroufredsel_wrapper {
  overflow: hidden;
  height: 170px;
}

.top .slide-section-inner .images-wrapper-mobile {
  overflow: hidden;
  width: 100%;
  height: auto;
}

.top .slide-section-inner .images-wrapper-mobile .caroufredsel_wrapper {
  overflow: hidden;
  height: 170px;
}

.top .slide-section-inner .slide-images,
.top .slide-section-inner .slide-images-mobile {
  overflow: hidden;
}

.top .slide-section-inner .slide-images li,
.top .slide-section-inner .slide-images-mobile li {
  position: relative;
  float: left;
  list-style: none;
  width: 100%;
}

.top .slide-section-inner .slide-images li a,
.top .slide-section-inner .slide-images-mobile li a {
  display: block;
  background: #fff;
}

.top .slide-section-inner .slide-images img,
.top .slide-section-inner .slide-images-mobile img {
  display: block;
}

.top .slide-section-inner .slide-images {
  height: 170px;
}

.top .slide-section-inner .slide-images li {
  max-width: 1000px;
}

.top .slide-section-inner .slide-images-mobile {
  height: 170px;
}

.top .slide-section-inner .thumbs-wrapper {
  background: url(../img/top/slider_thumb_bg.jpg);
  overflow: hidden;
  width: 100%;
}

.top .slide-section-inner .thumbs-wrapper {
  padding: 23px 0;
}

.top .slide-section-inner .thumbs-inner {
  position: relative;
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .top .slide-section-inner .thumbs-inner {
    max-width: 642px;
  }
}
.top .slide-section-inner .thumbs-inner .caroufredsel_wrapper {
  width: 100%;
  height: 51px !important;
}

@media screen and (max-width: 1000px) {
  .top .slide-section-inner .thumbs-inner .caroufredsel_wrapper {
    height: 38px !important;
  }
}
.top .slide-section-inner .thumb-prev {
  display: none;
  cursor: pointer;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  z-index: 1000;
}

.top .slide-section-inner .thumb-prev:hover {
  opacity: 0.8;
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
}

.top .slide-section-inner .thumb-prev {
  margin-top: -16px;
  left: -40px;
  width: 32px;
  height: 32px;
  background: url(../img/slider-assets/controls.png) no-repeat 0 0;
  -webkit-background-size: 96px 63px;
  background-size: 96px 63px;
}

.top .slide-section-inner .thumb-next {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 1000;
}

.top .slide-section-inner .thumb-next:hover {
  opacity: 0.8;
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
}

.top .slide-section-inner .thumb-next {
  margin-top: -16px;
  right: -35px;
  width: 32px;
  height: 32px;
  background: url(../img/slider-assets/controls.png) no-repeat -43px 0;
  -webkit-background-size: 96px 63px;
  background-size: 96px 63px;
}

.top .slide-section-inner .slide-thumbs {
  overflow: hidden;
  height: 51px !important;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .top .slide-section-inner .slide-thumbs {
    height: 38px !important;
  }
}
.top .slide-section-inner .slide-thumbs img {
  cursor: pointer;
  float: left;
  margin: 2px 7px;
  width: 277px !important;
  cursor: pointer;
  opacity: 0.8;
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
}

@media screen and (max-width: 1000px) {
  .top .slide-section-inner .slide-thumbs img {
    width: 200px !important;
  }
}
.top .slide-section-inner .slide-thumbs img.selected {
  margin: 0 5px !important;
  border: 2px solid #fff;
  width: 281px !important;
  opacity: 1;
  -ms-filter: "alpha( opacity=100 )";
  filter: alpha(opacity=100);
}

@media screen and (max-width: 1000px) {
  .top .slide-section-inner .slide-thumbs img.selected {
    width: 204px !important;
  }
}
/* ============================================================================= top
============================================================================= */
.top .top-main {
  background: url(../common/img/index/mainvisual_img_01.jpg) no-repeat left bottom/cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: -moz-calc(100vh - 64px);
  height: -o-calc(100vh - 64px);
  height: -webkit-calc(100vh - 64px);
  height: calc(100vh - 64px);
  position: relative;
}

/*.top .top-main h1 { position: absolute; left: 0px; top: 0px; width: 317px; height: 231px; right: 0; bottom: 0; margin: auto; } */
.top .top-main h1 {
  position: absolute;
  left: 0px;
  top: -50px;
  width: 317px;
  height: 231px;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.scroll {
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 58px;
  height: 79px;
  right: 0;
  margin: auto;
}

.scroll a {
  background: url(/common/img/magokoro/himitsu/scroll.png) no-repeat -5px 0;
  padding: 30px 0 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: block;
  width: 58px;
  height: 79px;
}

.scroll a:hover {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  filter: alpha(opacity=70);
}

.scroll img {
  top: 20px;
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  .top .top-main {
    background: url(../common/img/index/mainvisual_img_01_sp.jpg) no-repeat 50% 50%/cover;
    height: -moz-calc(100vh - 58px);
    height: -o-calc(100vh - 58px);
    height: -webkit-calc(100vh - 58px);
    height: calc(100vh - 58px);
  }
  .top .top-main h1 {
    width: 200px;
    height: 145px;
  }
  .top #container h2 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
.top-contents-container a {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.top-contents-container a:hover {
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}

.magokoroArea {
  background: url(/common/img/index/magokoro_bg_01.png) no-repeat 50% 50%/cover;
  text-align: center;
  padding: 70px;
}

.magokoroArea h2 {
  margin-bottom: 50px;
}

.magokoroArea .buttonStyle {
  margin-top: 50px;
}

@media screen and (max-width: 760px) {
  .magokoroArea {
    padding: 20px;
  }
}
.introductArea {
  text-align: center;
  padding: 50px 0;
}

.introductArea h2 {
  margin-bottom: 30px;
}

.introductArea .thumb {
  margin: 45px 0;
}

.introductArea .thumb li {
  width: 33.33333333%;
  float: left;
}

.introductArea .thumb li img {
  width: 100%;
}

@media screen and (max-width: 760px) {
  .introductArea {
    padding: 30px 10px;
  }
  .introductArea h2 {
    margin-bottom: 30px;
  }
  .introductArea .thumb {
    margin: 25px 0;
  }
}
.pickUpArea {
  text-align: center;
  padding: 60px 0 0;
}

.pickUpArea h2 {
  margin-bottom: 40px;
}

.pickUpArea .cont {
  display: table;
  width: 100%;
}

.pickUpArea .cont .inner {
  width: 50%;
  height: 300px;
  display: table-cell;
  vertical-align: middle;
}

.pickUpArea .cont .inner:nth-child(1) {
  background: url(/common/img/index/pickup_img_01.jpg) no-repeat 0 50%/cover;
}

.pickUpArea .cont .inner:nth-child(2) {
  background: url(/common/img/index/pickup_img_02.jpg) no-repeat 0 50%/cover;
}

.pickUpArea .cont .text {
  margin-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .pickUpArea {
    padding: 0px 0 0;
  }
  .pickUpArea .cont {
    display: block;
  }
  .pickUpArea .cont .inner {
    width: 100%;
    height: 160px;
    display: block;
    vertical-align: middle;
    margin-bottom: 1px;
    padding-top: 10px;
  }
  .pickUpArea .cont .inner:nth-child(1) .text img {
    width: 260px;
  }
  .pickUpArea .cont .inner:nth-child(2) .text img {
    width: 320px;
  }
  .pickUpArea .cont .text {
    margin-bottom: 0px;
  }
  .pickUpArea .cont .buttonStyle {
    margin: 0 20px;
  }
}
.bannerArea {
  width: 1000px;
  margin: 100px auto 0;
}

.bannerArea li {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0;
}

@media screen and (max-width: 760px) {
  .bannerArea {
    width: auto;
    margin: 30px 10px 0;
  }
}
.productArea {
  text-align: center;
  padding: 125px 0 140px;
}

.productArea h2 {
  margin-bottom: 70px;
}

.productArea .cont .inner {
  display: inline-block;
  padding: 0 60px;
}

.productArea .cont figure {
  margin-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .productArea {
    text-align: center;
    padding: 25px 0 40px;
  }
  .productArea h2 {
    margin-bottom: 40px;
  }
  .productArea .cont {
    margin: 0 10px;
  }
  .productArea .cont .inner {
    padding: 0;
    width: 100%;
  }
  .productArea .cont .inner:first-child {
    margin-bottom: 30px;
  }
  .productArea .cont figure {
    margin-bottom: 10px;
  }
}
.newsArea {
  text-align: center;
  width: 1000px;
  margin: 0 auto;
}

.newsArea .menu {
  display: table;
  width: 700px;
  margin: 90px auto 40px;
}

.newsArea .menu li {
  display: table-cell;
}

.newsArea .list {
  text-align: left;
  background: url(/common/img/index/line_01.png) no-repeat 0 0;
}

.newsArea .list li {
  background: url(/common/img/index/line_01.png) no-repeat 0 100%;
}

.newsArea .list a {
  padding: 13px 0;
  display: block;
}

.newsArea .list .date {
  padding: 3px 10px 0 0;
}

.newsArea .list .category {
  background: #000;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  line-height: 1;
  padding: 5px 0px;
  background: #000;
  width: 110px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.newsArea .list li.cat-blog .category {
  background: #1c8845;
}

.newsArea .list li.cat-campaign .category {
  background: #c43a15;
}

.newsArea .list li.cat-kinrei-news .category {
  background: #b98a00;
}

.newsArea .list li.cat-pressrelease .category {
  background: #324398;
}

.newsArea .list .text {
  padding-left: 15px;
}

.newsArea .news-corona {
  margin-bottom: 40px;
}

.newsArea .news-corona a {
  font-size: 18px;
  font-family: hannari, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-decoration: none;
  background: url(/common/img/common/arrow_txt-button.png) no-repeat 100% 75%;
  padding-right: 12px;
}

@media screen and (max-width: 760px) {
  .newsArea {
    text-align: center;
    width: auto;
    margin: 0 auto;
  }
  .newsArea .menu {
    display: block;
    width: auto;
    margin: 20px 10px 10px;
  }
  .newsArea .menu li {
    display: block;
    width: 49%;
    margin-bottom: 2%;
    float: left;
  }
  .newsArea .menu li:nth-child(2n+1) {
    float: right;
  }
  .newsArea .list {
    margin: 0 10px;
  }
  .newsArea .list .text {
    display: block;
    padding-left: 0;
  }
  .newsArea .news-corona {
    margin-bottom: 15px;
  }
}
.companyArea {
  text-align: center;
  padding: 100px 0 480px;
}

.companyArea h2 {
  margin-bottom: 70px;
}

.companyArea ul li {
  display: inline-block;
  padding: 0 30px;
}

@media screen and (max-width: 760px) {
  .companyArea {
    text-align: center;
    padding: 30px 0;
  }
  .companyArea h2 {
    margin-bottom: 40px;
  }
  .companyArea ul li {
    display: block;
    padding: 0 0;
    width: 50%;
    float: left;
  }
  .companyArea ul img {
    padding: 10px;
  }
}
/* ============================================================================= menu
============================================================================= */
.menu .contact {
  line-height: 1.4;
  padding: 8px 32px 2px;
  font-size: 93%;
}

.menu .section-page-top {
  text-align: right;
  margin-bottom: 70px;
}

.menu .section-page-top a {
  padding: 3px 15px 3px 0;
  display: inline-block;
  letter-spacing: normal;
  background: url(/common/img/common/icon_pagetop.png) no-repeat 100% 50%; /*for IE*/
  *display: inline;
  *zoom: 1;
  text-decoration: none;
}

.menu .back {
  text-align: left;
}

@media screen and (max-width: 760px) {
  .menu .back {
    margin: 0 10px;
  }
}
.menu .back a {
  background: #cccc99;
  padding: 3px 10px;
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  text-decoration: none;
}

.menu .back a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.menu .tab-content .list-base.hide {
  display: none;
}

.menu .menu-nav {
  background: url(../img/common/pattern_bg07.jpg) repeat-x bottom;
  -webkit-background-size: 1200px 5px;
  background-size: 1200px 5px;
  padding: 0 0 5px;
}

@media screen and (max-width: 760px) {
  .menu .menu-nav {
    padding: 0 5px 5px;
  }
}
.menu .menu-nav.bottom {
  background: url(../img/common/pattern_bg07.jpg) repeat-x top;
  -webkit-background-size: 1200px 5px;
  background-size: 1200px 5px;
  padding: 5px 0 0;
}

@media screen and (max-width: 760px) {
  .menu .menu-nav.bottom {
    padding: 5px 5px 0;
  }
}
.menu .menu-nav.bottom a {
  padding: 5px 2px 7px;
}

.menu .menu-nav ul {
  overflow: hidden;
  padding: 0 24px;
}

@media screen and (max-width: 760px) {
  .menu .menu-nav ul {
    padding: 0 2px;
  }
}
.menu .menu-nav li {
  padding: 0;
}

.menu .menu-nav li a {
  display: block;
  -webkit-background-size: 1200px 39px;
  background-size: 1200px 39px;
  margin: 0 6px;
  padding: 7px 2px 5px;
  line-height: 1.1;
  text-align: center;
  font-size: 153.9%;
  color: #7e795a;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .menu .menu-nav li a {
    margin: 0 3px;
    padding: 8px 5px;
    font-size: 93%;
  }
}
.menu .menu-nav li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background: url(../img/common/pattern_bg05.jpg);
  -webkit-background-size: 1200px 39px;
  background-size: 1200px 39px;
  color: #fff;
}

.menu .menu-nav li.current a {
  background: url(../img/common/pattern_bg05.jpg);
  -webkit-background-size: 1200px 39px;
  background-size: 1200px 39px;
  color: #fff;
}

@media screen and (max-width: 760px) {
  .menu .sub-nav-container .archive-area {
    margin: 0 10px;
  }
}
.menu .top-nav .menu-local-nav {
  border: none;
  padding: 0;
}

@media screen and (max-width: 760px) {
  .menu .top-nav .menu-local-nav {
    padding: 0 5px;
  }
}
.menu-local-nav {
  overflow: hidden;
  padding: 20px 20px 10px;
  border: 1px solid #d4d4cc;
  background: #f0f0ee;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .menu-local-nav {
    padding: 5px 5px;
    border-right: none;
    border-left: none;
    border-bottom: none;
  }
}
.menu-local-nav .local-nav-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: normal;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .menu-local-nav .local-nav-title {
    margin-left: 5px;
  }
}
.menu-local-nav li {
  margin-bottom: 10px;
  padding: 3px;
  display: inline-block;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
}

.menu-local-nav li a {
  display: block;
  background: #fff;
  border: 1px solid #000;
  padding: 15px 40px 18px 30px;
  width: 300px;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  background: url(/common/img/common/arrow_txt-button.png) no-repeat 95% 50%;
}

@media all and (-ms-high-contrast: none) {
  .menu-local-nav li a {
    padding-top: 23px;
  }
}
@media screen and (max-width: 760px) {
  .menu-local-nav li {
    display: block;
  }
  .menu-local-nav li a {
    width: auto;
  }
}
.menu-local-nav li a:hover {
  opacity: 1;
  color: #000;
}

.menu-local-nav li a:hover span {
  color: #000;
}

.menu-local-nav li.last a {
  margin-right: 0;
}

.menu-local-nav li.current a {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #000;
  color: #000;
}

.menu-local-nav li.current a span {
  color: #000;
}

.other-nav.top-nav {
  padding: 0 0 10px;
}

.other-nav {
  padding: 20px 0 10px;
}

@media screen and (max-width: 760px) {
  .other-nav {
    padding: 10px;
  }
}
.other-nav li {
  display: inline-block;
  margin-right: 20px;
}

@media screen and (max-width: 760px) {
  .other-nav li {
    margin-left: 3px;
  }
}
.other-nav li a {
  padding: 0 0 0 20px;
  background: url(/common/img/common/arrow_button.png) no-repeat 0 50%;
}

@media screen and (max-width: 760px) {
  .other-nav li a {
    padding: 8px 10px 8px 20px;
    font-size: 93%;
  }
}
.menu.archive-page .archive-section {
  clear: both;
  overflow: hidden;
}

.menu.archive-page .archive-area {
  padding: 50px 0 0;
}

.menu.archive-page .archive-area#men,
.menu.archive-page .archive-area#nabe {
  padding: 50px 0 0;
  border-top: 1px solid #d8d8d8;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-area {
    margin: 0 8px;
    padding: 15px 5px 0;
  }
  .menu.archive-page .archive-area#men,
  .menu.archive-page .archive-area#nabe {
    padding: 30px 0 0;
    margin-top: 20px;
  }
}
.menu.archive-page .archive-entry-list02 {
  overflow: hidden;
  margin: 0;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 {
    margin: 0;
  }
}
.menu.archive-page .archive-entry-list02 ul {
  overflow: hidden;
  margin-top: 40px;
}

.menu.archive-page .archive-entry-list02 .archive-entry02 {
  padding: 0; /*商品ステータス1*/
}

.menu.archive-page .archive-entry-list02 .archive-entry02 article {
  margin: 0 12px 24px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px 0;
  padding: 20px;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 .archive-entry02 article {
    margin: 0px 0 12px;
    padding: 10px;
  }
}
.menu.archive-page .archive-entry-list02 .archive-entry02 article .entry-title {
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  line-height: 1.3;
  font-size: 24px;
  color: #000;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 .archive-entry02 article .entry-title {
    font-size: 123.1%;
  }
}
.menu.archive-page .archive-entry-list02 .archive-entry02 article .howto {
  margin-bottom: 10px;
  vertical-align: middle;
}

.menu.archive-page .archive-entry-list02 .archive-entry02 article .howto img {
  margin-right: 2px;
  margin-bottom: 2px;
  max-width: 60px;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 .archive-entry02 article .howto img {
    max-width: 40px;
  }
}
.menu.archive-page .archive-entry-list02 .archive-entry02 article .entry-image {
  text-align: center;
  margin-bottom: 10px;
}

.menu.archive-page .archive-entry-list02 .archive-entry02 article .entry-image img {
  padding: 0 0 0 6px;
  max-width: 202px;
  width: 100%;
}

.menu.archive-page .archive-entry-list02 .archive-entry02 article .entry-image img:first-child {
  padding: 0 6px 0 0;
}

.menu.archive-page .archive-entry-list02 .archive-entry02 article .notice {
  padding: 5px 10px 0;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 .archive-entry02 article .notice {
    padding: 5px 8px 0;
  }
}
.menu.archive-page .archive-entry-list02 .archive-entry02 .entry-lead {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.4;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 .archive-entry02 .entry-lead {
    font-size: 108%;
  }
}
.menu.archive-page .archive-entry-list02 .archive-entry02 .item-section-title {
  padding-top: 20px;
  margin-bottom: 15px;
  line-height: 1.1;
  font-weight: normal;
  font-size: 138.5%;
  color: #0a2e28;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 .archive-entry02 .item-section-title {
    font-size: 123.1%;
  }
}
.menu.archive-page .archive-entry-list02 .archive-entry02 .data-table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

.menu.archive-page .archive-entry-list02 .archive-entry02 .data-table th {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 5px 10px;
  font-weight: normal;
  background: #f8f8f8;
  width: 130px;
  text-align: left;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 .archive-entry02 .data-table th {
    padding: 5px 8px;
  }
}
.menu.archive-page .archive-entry-list02 .archive-entry02 .data-table td {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 5px 10px;
  text-align: left;
}

.menu.archive-page .archive-entry-list02 .archive-entry02 .data-table td:nth-child(1) {
  width: 120px;
}

.menu.archive-page .archive-entry-list02 .archive-entry02 .data-table td:nth-child(2) {
  width: 9em;
}

@media screen and (max-width: 760px) {
  .menu.archive-page .archive-entry-list02 .archive-entry02 .data-table td {
    padding: 5px 8px;
  }
}
.menu.archive-page .archive-entry-list02 .archive-entry02 .data-table td.first {
  width: 142px;
}

.archive-entry-list {
  overflow: hidden;
  margin: 20px 0 40px;
}

@media screen and (max-width: 760px) {
  .archive-entry-list {
    margin-bottom: 0px;
  }
}
.archive-entry-list ul {
  overflow: hidden;
}

.archive-entry-list .archive-entry {
  padding: 0;
}

.archive-entry-list .archive-entry article {
  padding: 0 10px 20px;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .archive-entry-list .archive-entry article {
    padding: 0 10px 15px;
  }
}
.archive-entry-list .archive-entry article a {
  display: block;
}

.archive-entry-list .archive-entry article .entry-title {
  font-weight: normal;
  line-height: 1.3;
}

@media screen and (max-width: 760px) {
  .archive-entry-list .archive-entry article .entry-title {
    font-size: 108%;
  }
}
.archive-entry-list .archive-entry article .entry-image-box {
  display: table;
  background: #fff;
  margin: 0 auto 10px;
  width: 100%;
  font-size: 14px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0;
  text-align: center;
}

.archive-entry-list .archive-entry article .entry-image-box-inner {
  display: table-cell;
  padding: 20px;
  text-align: center;
  vertical-align: middle;
}

.archive-entry-list .archive-entry article .entry-image-box-inner img {
  width: 100%;
}

.archive-entry-list .archive-entry article .entry-image-box-inner img.H {
  width: auto;
  max-width: 100%;
  max-height: 175px;
}

.archive-entry-list .archive-entry article p {
  line-height: 1.3;
}

.menu.article-page .main-content {
  padding-top: 15px;
  padding-bottom: 25px;
}

@media screen and (max-width: 760px) {
  .menu.article-page .main-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.menu.article-page .archive-area {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  padding: 20px 25px 0;
}

@media screen and (max-width: 760px) {
  .menu.article-page .archive-area {
    padding: 15px 0 0;
  }
}
.menu.article-page .sub-nav-container {
  padding-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .sub-nav-container {
    margin: 0 10px 0;
  }
  .menu.article-page .sub-nav-container {
    padding-bottom: 15px;
  }
}
.item {
  overflow: hidden;
  padding: 0 30px;
}

@media screen and (max-width: 760px) {
  .item {
    padding: 0 10px 10px;
  }
}
.item .title-note {
  font-size: 138.5%;
}

.item .page-title {
  padding: 0 0 0 62px;
  text-indent: -62px;
  margin-bottom: 50px;
  font-size: 261%;
  line-height: 1.1;
  color: #000;
  vertical-align: middle;
}

@media screen and (max-width: 760px) {
  .item .page-title {
    padding: 0 0 0 38px;
    text-indent: -38px;
    font-size: 197%;
    margin-bottom: 20px;
  }
}
.item .page-title .icon {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  margin-right: 20px;
  margin-left: 0;
  width: 42px;
  vertical-align: middle;
}

@media screen and (max-width: 760px) {
  .item .page-title .icon {
    margin-right: 10px;
    width: 28px;
  }
}
.item .page-title .icon img {
  display: block;
}

.item .page-title .txt {
  line-height: 1;
  font-weight: bold;
}

.item .entry-body {
  margin-top: 10px;
}

@media screen and (max-width: 760px) {
  .item .entry-body {
    margin-top: 5px;
  }
}
.item .item-main-info {
  overflow: hidden;
  padding: 0;
}

.item .item-main-info .lead {
  clear: both;
  font-size: 108%;
  padding-bottom: 10px;
}

.item .item-main-info .main-image {
  margin-bottom: 15px;
  padding: 0;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .item .item-main-info .main-image {
    margin-bottom: 0;
  }
}
.item .item-main-info .main-image img {
  padding: 0 20px 0 0;
  max-height: 407px;
}

@media screen and (max-width: 760px) {
  .item .item-main-info .main-image img {
    padding: 0;
    margin-bottom: 0;
    max-height: 200px;
  }
}
.item .item-main-info .item-status {
  padding: 0;
}

.item .item-main-info .sub-image-container {
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-align: center;
  vertical-align: top;
  margin-bottom: 20px;
}

@media screen and (max-width: 760px) {
  .item .item-main-info .sub-image-container {
    overflow: visible;
  }
}
.item .item-main-info .sub-image {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  padding: 0;
  text-align: center;
  width: 47%;
  vertical-align: top;
}

@media screen and (max-width: 760px) {
  .item .item-main-info .sub-image {
    width: 49%;
  }
}
.item .item-main-info .sub-image img {
  padding: 5px 5px 10px;
  max-width: 200px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .item .item-main-info .sub-image img {
    max-width: 100%;
    width: 100%;
  }
}
.item .item-main-info .other-store {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  padding: 0;
  width: 47%;
  letter-spacing: -0.5px;
  vertical-align: top;
}

.item .item-main-info .other-store a {
  display: block;
  margin: 5px 5px 0;
  text-align: center;
  line-height: 1.2;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0;
}

.item .item-main-info .other-store a p {
  padding: 0 8px 10px;
  font-size: 93%;
}

.item .item-main-info .other-store img {
  padding: 10px 18px 5px;
}

@media screen and (max-width: 760px) {
  .item .item-main-info .other-store img {
    max-width: 150px;
    width: 100%;
  }
}
.item .item-main-info .item-kind {
  clear: both;
  font-size: 14px;
  margin-bottom: 25px;
}

.item .item-main-info .item-kind dt {
  clear: both;
  float: left;
  width: 100px;
}

.item .item-main-info .item-kind dt::after {
  content: "：";
}

@media screen and (max-width: 760px) {
  .item .item-main-info .item-kind dt {
    width: 90px;
  }
}
.item .item-main-info .item-kind .howto img {
  margin-right: 10px;
  margin-bottom: 5px;
  width: 100px;
  height: auto;
}

.item .item-main-info .item-banner {
  clear: both;
  border: 1px dashed #ccc;
  padding: 10px;
}

@media screen and (max-width: 760px) {
  .item .item-main-info .item-banner {
    padding: 1px;
  }
}
.item .item-main-info .item-banner a {
  display: block;
}

.item .item-sub-info {
  overflow: hidden;
  padding: 0;
}

.item .item-section-title {
  padding-top: 35px;
  margin-bottom: 15px;
  line-height: 1.1;
  font-weight: bold;
  font-size: 26px;
}

@media screen and (max-width: 760px) {
  .item .item-section-title {
    font-size: 153.9%;
    padding-top: 20px;
  }
}
.item .item-sub-info .grid-100 {
  padding: 0;
}

.item .item-sub-info .grid-50 {
  padding: 0 15px 0 0;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .grid-50 {
    padding: 0;
  }
}
.item .item-sub-info .grid-50.right {
  padding: 0;
}

.item .item-sub-info .allergy .icon-list {
  margin: 0 0 10px -5px;
}

.item .item-sub-info .allergy .icon-list li {
  float: left;
  margin: 0 0 5px 5px;
  width: 60px;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .allergy .icon-list li {
    width: 54px;
  }
}
.item .item-sub-info .materials .materials-data {
  display: table;
  border-bottom: 1px solid #979595;
  padding: 9px 0;
  width: 100%;
}

.item .item-sub-info .materials .materials-data.materials-list {
  border-top: 1px solid #979595;
}

.item .item-sub-info .materials .materials-data > dt {
  display: table-cell;
  font-weight: normal;
  padding: 7px 10px;
  width: 140px;
  text-align: left;
  font-size: 108%;
  vertical-align: top;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .materials .materials-data > dt {
    padding: 5px 7px;
    width: auto;
    display: block;
    background: #e8e8e8;
  }
}
.item .item-sub-info .materials .materials-data > dd {
  display: table-cell;
  padding: 7px 10px 7px 23px;
  width: auto;
  line-height: 1.4;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .materials .materials-data > dd {
    padding: 5px 7px;
    display: block;
  }
}
.item .item-sub-info .materials .materials-data > dd > p {
  padding-bottom: 10px;
  font-size: 108%;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .materials .materials-data > dd > p {
    font-size: 100%;
  }
}
.item .item-sub-info .materials .materials-data dl dt:before {
  content: "【";
}

.item .item-sub-info .materials .materials-data dl dt:after {
  content: "】";
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .materials .materials-data dl dt {
    font-size: 123.1%;
  }
}
.item .item-sub-info .materials .materials-data dl dd {
  padding-bottom: 10px;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .materials .materials-data dl dd {
    font-size: 100%;
  }
}
@media screen and (max-width: 760px) {
  .item .item-sub-info .materials .materials-data {
    border: 1px solid #979595;
    border-top: none;
    background: #fff;
    padding: 3px;
  }
  .item .item-sub-info .materials .materials-data .materials-list {
    border-top: 1px solid #979595;
  }
}
.item .item-sub-info .materials .notice-list {
  margin-top: 10px;
}

.item .item-sub-info .item-data .data-table {
  border-collapse: collapse;
  border: 1px solid #979595;
  width: 100%;
  text-align: left;
  position: relative;
}

.item .item-sub-info .item-data .data-table tr {
  position: relative;
}

.item .item-sub-info .item-data .data-table tr:first-child td:after,
.item .item-sub-info .item-data .data-table tr:first-child th:after {
  display: none;
}

.item .item-sub-info .item-data .data-table td {
  position: relative;
}

.item .item-sub-info .item-data .data-table td:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 1px dotted #979595;
}

.item .item-sub-info .item-data .data-table th {
  position: relative;
}

.item .item-sub-info .item-data .data-table th:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 1px dotted #979595;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .item-data .data-table {
    background: #fff;
  }
}
.item .item-sub-info .item-data .data-table th {
  padding: 10px 15px;
  width: 180px;
  font-weight: bold;
}

.item .item-sub-info .item-data .data-table td:first-child {
  width: 26%;
}

.item .item-sub-info .item-data .data-table td:last-child {
  width: 230px;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .item-data .data-table th {
    padding: 5px 8px;
  }
}
.item .item-sub-info .item-data .data-table td {
  padding: 10px 15px;
}

@media screen and (max-width: 760px) {
  .item .item-sub-info .item-data .data-table td {
    padding: 5px 8px;
  }
}
.menu.article-page .last-modified {
  margin-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .menu.article-page .last-modified {
    margin-bottom: 5px;
  }
}
.menu.article-page .last-modified > p {
  text-align: right;
}

.menu.article-page .remarks > p {
  margin-top: 1em;
}

.close.archive-page .archive-area {
  padding: 25px 20px 0;
}

@media screen and (max-width: 760px) {
  .close.archive-page .archive-area {
    padding: 10px 10px 0;
  }
}
.close .notice {
  padding-bottom: 15px;
  line-height: 1.3;
}

.business .section-title {
  margin-bottom: 15px;
}

.business .business-nav-container {
  padding: 80px 25px 10px;
}

@media screen and (max-width: 760px) {
  .business .business-nav-container {
    padding: 0 10px 5px;
  }
}
.business .business-nav {
  overflow: hidden;
  border: none;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .business .business-nav {
    padding: 0 5px 5px;
  }
}
.business .business-nav li {
  padding: 0;
}

.business .business-nav a {
  background: #cccc99;
  display: block;
  margin: 0 5px 10px;
  padding: 6px 3px;
  font-size: 108%;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .business .business-nav a {
    margin: 0 2px 4px;
    font-size: 100%;
  }
}
.business .business-nav span {
  color: #000;
}

.business .archive-lead {
  font-size: 123.1%;
  margin: 0 24px 15px;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 760px) {
  .business .archive-lead {
    margin: 0 0 5px;
    font-size: 100%;
  }
}
.business .results {
  background: #f0f0ee;
  margin-top: 15px;
  margin-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .business .results {
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.business .results .results-title {
  padding: 8px 20px;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
  font-weight: bold;
}

.business .results .results-title .main-txt {
  margin-right: 50px;
  font-size: 153.9%;
}

@media screen and (max-width: 760px) {
  .business .results .results-title .main-txt {
    display: block;
    margin-bottom: 3px;
    font-size: 123.1%;
  }
}
.business .results .results-title .sub-txt {
  font-size: 123.1%;
}

@media screen and (max-width: 760px) {
  .business .results .results-title .sub-txt {
    display: block;
    font-size: 100%;
  }
}
.business .results .results-list01 {
  margin: 10px 20px 0;
  display: block;
}

@media screen and (max-width: 760px) {
  .business .results .results-list01 {
    margin: 5px 10px 0;
  }
}
.business .results .results-list01 li {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  color: #000;
}

.business .results .results-list02 {
  margin: 0 0 0 20px;
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
}

@media screen and (max-width: 760px) {
  .business .results .results-list02 {
    margin: 0 0 0 10px;
  }
}
.business .results .results-list02 li {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  color: #000;
}

.business .results .results-txt {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  color: #000;
}

@media screen and (max-width: 760px) {
  .business .results .results-txt {
    margin: 0 0 0 10px;
  }
}
.business .mark-section {
  margin-bottom: 80px;
  background: #f0f0ee;
  padding-bottom: 1px;
}

.business .mark-section .mark-list-container {
  margin-bottom: 15px;
  padding: 0 25px;
}

@media screen and (max-width: 760px) {
  .business .mark-section .mark-list-container {
    padding: 0 10px;
    margin-bottom: 10px;
  }
}
.business .mark-section .mark-list-container .mark-list {
  overflow: hidden;
  padding: 0;
}

.business .mark-section .mark-title {
  margin-bottom: 15px;
  padding: 3px 10px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .business .mark-section .mark-title {
    margin-bottom: 10px;
  }
}
.business .mark-section .mark-container {
  display: table;
  width: 100%;
}

.business .mark-section .mark-img {
  display: table-cell;
  width: 40px;
  padding-bottom: 5px;
  vertical-align: middle;
}

@media screen and (max-width: 760px) {
  .business .mark-section .mark-img {
    width: 30px;
    vertical-align: top;
  }
}
.business .mark-section .mark-img img {
  width: 100%;
}

.business .mark-section .mark-txt {
  display: table-cell;
  padding-bottom: 5px;
  padding-left: 10px;
  width: auto;
  vertical-align: middle;
}

@media screen and (max-width: 760px) {
  .business .mark-section .mark-txt {
    font-size: 93%;
  }
}
.business .notice {
  padding-bottom: 15px;
  line-height: 1.3;
}

.magokoro .page-contents,
.company .page-contents {
  padding-top: 30px;
}

@media screen and (max-width: 760px) {
  .magokoro .page-contents,
  .company .page-contents {
    padding-top: 15px;
  }
}
.magokoro .page-section,
.company .page-section {
  clear: both;
  overflow: hidden;
}

@media screen and (max-width: 760px) {
  .magokoro .page-section,
  .company .page-section {
    margin: 0 10px;
  }
}
.magokoro .page-section .section-inner,
.company .page-section .section-inner {
  padding: 10px 0;
}

@media screen and (max-width: 760px) {
  .magokoro .page-section .section-inner,
  .company .page-section .section-inner {
    padding: 5px 0px;
  }
}
.magokoro .page-section .section-title,
.company .page-section .section-title {
  margin: 0 0 10px;
  line-height: 1;
  vertical-align: top;
  font-weight: normal;
  background: white url(../img/common/pattern_bg11.jpg);
  padding: 3px 20px;
  color: #000;
}

@media screen and (max-width: 760px) {
  .magokoro .page-section .section-title,
  .company .page-section .section-title {
    padding: 5px 10px 4px;
  }
}
.magokoro .page-section .txt-block,
.company .page-section .txt-block {
  overflow: hidden;
  padding-bottom: 25px;
}

@media screen and (max-width: 760px) {
  .magokoro .page-section .txt-block,
  .company .page-section .txt-block {
    padding-bottom: 15px;
  }
}
.magokoro .page-section .txt-block p,
.company .page-section .txt-block p {
  font-size: 123.1%;
  line-height: 2;
  color: #000;
}

@media screen and (max-width: 760px) {
  .magokoro .page-section .txt-block p,
  .company .page-section .txt-block p {
    font-size: 108%;
    line-height: 1.8;
  }
}
.magokoro .page-section .txt-block strong.lv1,
.company .page-section .txt-block strong.lv1 {
  font-weight: bold;
}

.magokoro .page-section .txt-block strong.lv2,
.company .page-section .txt-block strong.lv2 {
  font-weight: bold;
  color: #fe2c2d;
}

.magokoro .page-section .imageR,
.company .page-section .imageR {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 760px) {
  .magokoro .page-section .imageR,
  .company .page-section .imageR {
    margin-left: 10px;
    margin-bottom: 5px;
    max-width: 40%;
  }
}
.magokoro .page-section .imageL,
.company .page-section .imageL {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 760px) {
  .magokoro .page-section .imageL,
  .company .page-section .imageL {
    margin-right: 10px;
    margin-bottom: 5px;
    max-width: 40%;
  }
}
.magokoro .page-section .image-block-R,
.company .page-section .image-block-R {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 760px) {
  .magokoro .page-section .image-block-R,
  .company .page-section .image-block-R {
    margin-left: 10px;
    margin-bottom: 5px;
    max-width: 38%;
  }
}
.magokoro .page-section .txt-link,
.company .page-section .txt-link {
  margin-top: 5px;
  text-align: right;
  line-height: 1.3;
}

.magokoro .page-section .txt-link a,
.company .page-section .txt-link a {
  color: #0066cc;
  font-size: 93%;
}

.magokoro .page-section .txt-link a:hover,
.company .page-section .txt-link a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: underline;
}

.local-tab-nav {
  background: url(../img/common/pattern_bg07.jpg) repeat-x bottom;
  -webkit-background-size: 1200px 5px;
  background-size: 1200px 5px;
  padding: 0 0 5px;
}

@media screen and (max-width: 760px) {
  .local-tab-nav {
    padding: 0 5px 5px;
  }
}
.local-tab-nav.bottom {
  background: url(../img/common/pattern_bg07.jpg) repeat-x top;
  -webkit-background-size: 1200px 5px;
  background-size: 1200px 5px;
  padding: 5px 0 0;
}

@media screen and (max-width: 760px) {
  .local-tab-nav.bottom {
    padding: 5px 5px 0;
  }
}
.local-tab-nav.bottom a {
  padding: 5px 2px 7px;
}

.local-tab-nav ul {
  overflow: hidden;
  padding: 0 24px;
}

@media screen and (max-width: 760px) {
  .local-tab-nav ul {
    padding: 0 2px;
  }
}
.local-tab-nav li {
  padding: 0;
}

.local-tab-nav li a {
  display: block;
  -webkit-background-size: 1200px 39px;
  background-size: 1200px 39px;
  margin: 0 6px;
  padding: 7px 2px 5px;
  line-height: 1.1;
  text-align: center;
  font-size: 120%;
  color: #7e795a;
  font-weight: bold;
}

@media screen and (max-width: 940px) {
  .local-tab-nav li a {
    font-size: 123.1%;
  }
}
@media screen and (max-width: 760px) {
  .local-tab-nav li a {
    margin: 0 3px;
    padding: 10px 5px 9px;
    font-size: 93%;
  }
}
.local-tab-nav li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  background: url(../img/common/pattern_bg05.jpg);
  -webkit-background-size: 1200px 39px;
  background-size: 1200px 39px;
  color: #fff;
}

.local-tab-nav li.current a {
  background: url(../img/common/pattern_bg05.jpg);
  -webkit-background-size: 1200px 39px;
  background-size: 1200px 39px;
  color: #fff;
}

@media screen and (max-width: 760px) {
  .local-tab-nav li span {
    display: block;
  }
}
.txt-block .button {
  margin-top: 15px;
  display: block;
}

.txt-block .button span {
  width: auto;
}

.company-history .section-title img {
  max-width: 436px;
  width: 100%;
}

.company-history .section01 {
  padding-top: 1px;
}

.company-history .section01 .image-block-R img {
  max-width: 270px;
  width: 100%;
}

.company-history .section02 .image-block-L img {
  max-width: 265px;
  width: 100%;
}

.company-history .section03-1 {
  overflow: hidden;
  margin-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .company-history .section03-1 {
    margin-bottom: 15px;
  }
}
.company-history .section03-1 .inner {
  overflow: hidden;
  background: #d8d4df;
}

.company-history .section03-1 .txt-block {
  padding: 0;
}

.company-history .section03-1 .txt-block p {
  padding: 25px 25px 20px 25px;
}

@media screen and (max-width: 760px) {
  .company-history .section03-1 .txt-block p {
    padding: 15px;
    line-height: 1.6;
  }
}
.company-history .section03-1 .image-block-R {
  margin-bottom: -25px;
}

@media screen and (max-width: 760px) {
  .company-history .section03-1 .image-block-R {
    margin-bottom: 5px;
  }
}
.company-history .section03-1 .image-block-R img {
  margin-bottom: 0;
  vertical-align: bottom;
  max-width: 256px;
  width: 100%;
}

.company-history .section03-2 {
  overflow: hidden;
  background: #ecd6cc;
  margin-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .company-history .section03-2 {
    margin-bottom: 15px;
  }
}
.company-history .section03-2 .txt-block {
  padding: 0;
}

.company-history .section03-2 .txt-block p {
  padding: 25px 25px 20px 25px;
}

@media screen and (max-width: 760px) {
  .company-history .section03-2 .txt-block p {
    padding: 15px;
    line-height: 1.6;
  }
}
.company-history .section03-2 img {
  margin-left: 20px;
  margin-bottom: 0;
  vertical-align: bottom;
  max-width: 316px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .company-history .section03-2 img {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    width: 50%;
  }
}
.company-history .section03-3 {
  overflow: hidden;
  background: #f3d3bc;
  margin-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .company-history .section03-3 {
    margin-bottom: 15px;
  }
}
.company-history .section03-3 .txt-block {
  padding: 0;
}

.company-history .section03-3 .txt-block p {
  padding: 25px 25px 20px 25px;
}

@media screen and (max-width: 760px) {
  .company-history .section03-3 .txt-block p {
    padding: 15px;
    line-height: 1.6;
  }
}
.company-history .section03-3 img {
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 0;
  vertical-align: bottom;
  max-width: 275px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .company-history .section03-3 img {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 39%;
  }
}
.company-history .section03-4 {
  overflow: hidden;
}

.company-history .section03-4 .image-block-R .txt {
  margin-top: 5px;
  text-align: center;
  font-size: 93%;
  line-height: 1.3;
}

@media screen and (max-width: 760px) {
  .company-history .section03-4 .image-block-R .txt {
    font-size: 85%;
  }
}
.company-history .section03-4 .image-block-R .txt span {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
}

.company-history .section03-4 .image-block-R img {
  max-width: 275px;
  width: 100%;
}

.company-history .section03-4 .txt-img {
  margin: 0 0 0;
  border-bottom: 1px dotted #736155;
  padding: 5px 0;
  line-height: 1;
  text-align: left;
}

.company-history .section03-4 .txt-img img {
  vertical-align: top;
  line-height: 1;
  max-width: 546px;
  width: 100%;
}

.company-history .section03-4 .img-block .txt {
  font-size: 108%;
  padding-right: 40px;
  text-align: right;
}

@media screen and (max-width: 1024px) {
  .company-history .section03-4 .img-block .txt {
    padding-right: 0;
  }
}
@media screen and (max-width: 760px) {
  .company-history .section03-4 .img-block .txt {
    font-size: 85%;
  }
}
.company-history .section04 .txt-block {
  padding-bottom: 50px;
}

@media screen and (max-width: 760px) {
  .company-history .section04 .txt-block {
    padding-bottom: 25px;
  }
}
.company-pkg .archive-area {
  padding: 40px 0 0;
}

@media screen and (max-width: 760px) {
  .company-pkg .archive-area {
    margin: 0 8px;
    padding: 0 0 0;
  }
}
.company-pkg .archive-section {
  clear: both;
  overflow: hidden;
}

.company-pkg .page-contents ul {
  overflow: hidden;
}

.company-pkg div.tooltip {
  display: none;
  width: 250px;
  position: absolute;
  left: -9999px;
  background: #fff;
  padding: 4px;
  border: 1px solid #acacac;
  z-index: 50;
}

.company-pkg div.tooltip p {
  color: #000;
  padding: 7px 10px;
  font-weight: bold;
  line-height: 1.4;
}

.company-pkg .archive-entry {
  position: relative;
  padding: 0;
}

.company-pkg .archive-entry article {
  padding: 0 8px 30px;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .company-pkg .archive-entry article {
    padding: 0 6px 20px;
  }
}
.company-pkg .archive-entry article .inner {
  display: block;
  z-index: 5;
}

.company-pkg .archive-entry article .inner:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.company-pkg .archive-entry article .entry-title-box {
  display: table;
  position: relative;
  padding: 0 13px;
  margin-top: -10px;
  width: 100%;
  text-align: center;
  z-index: 10;
  color: #fff;
}

@media screen and (max-width: 760px) {
  .company-pkg .archive-entry article .entry-title-box {
    margin: 0 auto;
    margin-top: -20px;
    max-width: 214px;
  }
}
.company-pkg .archive-entry article .entry-title-box-inner {
  display: table-cell;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 5px;
  width: 100%;
  line-height: 1.3;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 760px) {
  .company-pkg .archive-entry article .entry-title-box-inner {
    font-size: 108%;
  }
}
.company-pkg .archive-entry article .entry-image-box {
  margin: 0 auto;
  max-width: 214px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px 0;
  text-align: center;
  z-index: 1;
}

.company-pkg .archive-entry article p {
  line-height: 1.3;
}

.company-pkg .cat01 .entry-title-box-inner {
  background: #016934;
}

.company-pkg .cat02 .entry-title-box-inner {
  background: #d0a501;
}

.company-pkg .cat03 .entry-title-box-inner {
  background: #e27c34;
}

.company-pkg .cat04 .archive-entry article .entry-title-box {
  padding: 0;
}

.company-pkg .cat04 .archive-entry article .entry-title-box-inner {
  background: #877ba9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0 auto;
  margin-top: -20px;
  padding: 5px 3px;
  font-size: 116%;
}

@media screen and (max-width: 875px) {
  .company-pkg .cat04 .archive-entry article .entry-title-box-inner {
    font-size: 93%;
  }
}
.company-pkg .cat05 .archive-entry article .entry-title-box {
  padding: 0;
  margin-top: -5px;
}

.company-pkg .cat05 .archive-entry article .entry-title-box-inner {
  background: #604d3f;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0 auto;
  margin-top: -20px;
  font-size: 116%;
  letter-spacing: -0.5px;
}

@media screen and (max-width: 875px) {
  .company-pkg .cat05 .archive-entry article .entry-title-box-inner {
    font-size: 93%;
  }
}
.magokoro-safety .iso-block {
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  display: table;
  padding: 15px 18px;
  width: 100%;
  color: #000;
}

@media screen and (max-width: 760px) {
  .magokoro-safety .iso-block {
    margin-bottom: 5px;
    padding: 10px;
  }
}
.magokoro-safety .iso-block .iso-title {
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 123.1%;
  line-height: 1.3;
}

@media screen and (max-width: 760px) {
  .magokoro-safety .iso-block .iso-title {
    padding-bottom: 5px;
    font-size: 108%;
  }
}
.magokoro-safety .iso-block .iso-txt-container {
  font-size: 108%;
  overflow: hidden;
}

@media screen and (max-width: 760px) {
  .magokoro-safety .iso-block .iso-txt-container {
    font-size: 100%;
  }
}
.magokoro-safety .iso-block .imageR {
  margin-top: -30px;
}

@media screen and (max-width: 760px) {
  .magokoro-safety .iso-block .imageR {
    margin-top: 0;
  }
}
.magokoro-safety .button {
  text-align: left;
  display: block;
}

.magokoro-safety .button a {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
}

.magokoro-index .sns-container {
  clear: both;
  margin-bottom: 15px;
  padding: 0 30px 0;
  margin-top: -25px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .sns-container {
    margin-top: 0;
  }
}
.magokoro-index .section-inner {
  overflow: hidden;
  padding: 0;
}

.magokoro-index .section-title {
  margin: 0 0 10px;
  line-height: 1;
  vertical-align: top;
  padding: 3px 5px;
  font-weight: bold;
  font-size: 26px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section-title {
    padding: 5px 10px 4px;
  }
}
.magokoro-index .section-title img {
  max-width: 444px;
  width: 100%;
}

.magokoro-index .page-contents {
  padding-top: 0;
}

.magokoro-index .page-contents .grad {
  background: url(../img/magokoro/oishisa_bg01.png) top repeat-x;
  padding-top: 20px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .page-contents .grad {
    padding-top: 15px;
  }
}
.magokoro-index .page-contents .page-contents-inner {
  padding: 0 30px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .page-contents .page-contents-inner {
    padding: 0 10px;
  }
}
.magokoro-index .page-contents .page-title-2-container {
  padding: 0 30px 0 45px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .page-contents .page-title-2-container {
    padding: 0;
  }
}
.magokoro-index .page-contents .page-title-2 {
  width: 100%;
}

.magokoro-index .page-contents .page-title-2 .txt01 {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  padding-top: 28px;
  vertical-align: top;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .page-contents .page-title-2 .txt01 {
    width: 64%;
  }
}
@media screen and (max-width: 600px) {
  .magokoro-index .page-contents .page-title-2 .txt01 {
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    width: 55%;
  }
}
@media screen and (max-width: 600px) {
  .magokoro-index .page-contents .page-title-2 .txt01 img {
    display: block;
  }
}
.magokoro-index .page-contents .page-title-2 .txt01 .img1 {
  width: 100%;
  max-width: 282px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .page-contents .page-title-2 .txt01 .img1 {
    width: 47%;
  }
}
@media screen and (max-width: 600px) {
  .magokoro-index .page-contents .page-title-2 .txt01 .img1 {
    width: 100%;
  }
}
.magokoro-index .page-contents .page-title-2 .txt01 .img2 {
  width: 100%;
  max-width: 312px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .page-contents .page-title-2 .txt01 .img2 {
    width: 53%;
  }
}
@media screen and (max-width: 600px) {
  .magokoro-index .page-contents .page-title-2 .txt01 .img2 {
    margin-top: -15px;
    width: 100%;
    max-width: 312px;
  }
}
.magokoro-index .page-contents .page-title-2 .txt02 {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .page-contents .page-title-2 .txt02 {
    width: 36%;
  }
}
@media screen and (max-width: 600px) {
  .magokoro-index .page-contents .page-title-2 .txt02 {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    width: 45%;
  }
}
.magokoro-index .page-contents .page-title-2 .txt02 img {
  width: 100%;
  max-width: 330px;
}

.magokoro-index .section01 {
  background: url(../img/magokoro/oishisa_sec01_bg01.png) no-repeat center 75px;
  border-bottom: 1px dotted #c1bbb7;
  padding-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section01 {
    background: none;
    padding-bottom: 35px;
  }
}
.magokoro-index .section01 .section-inner {
  overflow: visible;
  padding: 0 30px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section01 .section-inner {
    padding: 0;
  }
}
.magokoro-index .section01 .section-img-container {
  float: left;
  margin-top: -17px;
  width: 350px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section01 .section-img-container {
    width: 37%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section01 .section-img-container {
    padding-top: 20px;
    padding-left: 15px;
    padding-bottom: 5px;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .magokoro-index .section01 .section-img-container {
    margin-top: 0;
  }
}
.magokoro-index .section01 .section-img-container .section-img-01 {
  padding-left: 48px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section01 .section-img-container .section-img-01 {
    float: left;
    max-width: 200px;
    min-width: 170px;
    padding-left: 0;
    width: 60%;
  }
}
@media screen and (max-width: 400px) {
  .magokoro-index .section01 .section-img-container .section-img-01 {
    width: 170px;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section01 .section-img-container .section-img-02 {
    float: left;
    margin-top: -10px;
    margin-left: -10px;
    width: 130px;
  }
}
@media screen and (max-width: 400px) {
  .magokoro-index .section01 .section-img-container .section-img-02 {
    width: 110px;
  }
}
.magokoro-index .section01 .section-img-container .section-img-02 img {
  width: 100%;
  max-width: 336px;
}

.magokoro-index .section01 .txt-block {
  float: left;
  width: 590px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section01 .txt-block {
    padding: 0 0 0 10px;
    width: 63%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section01 .txt-block {
    width: 100%;
    padding: 0 10px;
  }
}
.magokoro-index .section01 .txt-block .sec1-1-title {
  margin-top: 70px;
  margin-bottom: 0;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section01 .txt-block .sec1-1-title {
    margin-top: 10px;
  }
}
.magokoro-index .section01 .txt-block .sec1-2-title {
  margin-top: 15px;
  margin-bottom: 0;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section01 .txt-block .sec1-2-title {
    margin-top: 10px;
  }
}
.magokoro-index .section01 .txt-block ul {
  margin-left: 35px;
  padding-top: 20px;
  list-style-type: square;
  list-style-image: url(../img/magokoro/icon_square.png);
  font-size: 123.1%;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section01 .txt-block ul {
    margin-left: 15px;
    padding-top: 10px;
    padding-left: 12px;
    font-size: 108%;
  }
}
.magokoro-index .section01 .txt-block li {
  padding-bottom: 15px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section01 .txt-block li {
    padding-bottom: 5px;
  }
}
.magokoro-index .section02 {
  border-bottom: 1px dotted #c1bbb7;
}

.magokoro-index .section02 .section-inner {
  overflow: visible;
  padding-right: 20px;
  padding-left: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .section-inner {
    padding: 0 10px 40px;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .section-inner {
    padding: 0 0 30px;
  }
}
.magokoro-index .section02 .section-title {
  margin: 50px 30px 0 0;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .section-title {
    margin-right: 0;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .section-title {
    margin: 10px 10px 0;
  }
}
.magokoro-index .section02 .section-img {
  float: right;
  margin-right: 30px;
  margin-top: -30px;
  margin-bottom: 10px;
  width: 263px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .section-img {
    margin-right: 0;
    padding-right: 10px;
    width: 30%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .section-img {
    margin-right: 0;
    margin-top: -40px;
    margin-bottom: 0;
    max-width: 190px;
    min-width: 170px;
    width: 50%;
  }
}
.magokoro-index .section02 .txt-block {
  float: left;
  margin-right: -30px;
  padding-left: 45px;
  padding-right: 10px;
  width: 660px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .txt-block {
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 70%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .txt-block {
    padding: 0;
    clear: both;
    width: 100%;
  }
}
.magokoro-index .section02 .txt-block .section-lead {
  padding: 30px 0 20px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .txt-block .section-lead {
    padding: 10px 15px 0;
  }
}
.magokoro-index .section02 .txt-block .section-lead .txt01 img {
  max-width: 193px;
}

.magokoro-index .section02 .txt-block .section-lead .txt03 img {
  max-width: 156px;
}

.magokoro-index .section02 .txt-block .section-lead .txt02 img {
  max-width: 256px;
}

.magokoro-index .section02 .gu-block-1 {
  clear: both;
  padding-left: 35px;
  padding-right: 40px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .gu-block-1 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.magokoro-index .section02 .gu-block-1 ul {
  overflow: hidden;
  padding-top: 10px;
}

.magokoro-index .section02 .gu-block-1 .gu-list-lv1 {
  position: relative;
  float: left;
  padding: 0 10px 20px;
  width: 50%;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-1 .gu-list-lv1 {
    padding: 0 10px 10px;
    width: 100%;
  }
}
.magokoro-index .section02 .gu-block-1 .gu-list-lv1 .gu-img {
  position: absolute;
  top: -7px;
  left: 13px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-1 .gu-list-lv1 .gu-img {
    width: 80px;
    left: 10px;
    top: 0;
  }
}
.magokoro-index .section02 .gu-block-1 .gu-list-lv1 .gu-img img {
  width: 100%;
  max-width: 104px;
}

.magokoro-index .section02 .gu-block-1 .gu-list-lv1 table {
  background: url(../img/common/pattern_bg08.jpg);
  width: 100%;
}

.magokoro-index .section02 .gu-block-1 .gu-list-lv1 .first {
  width: 107px;
  height: 100px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-1 .gu-list-lv1 .first {
    width: 80px;
    height: 86px;
  }
}
.magokoro-index .section02 .gu-block-1 .gu-list-lv1 .gu-ttl {
  padding: 5px 3px 5px;
  width: 25px;
  vertical-align: top;
}

.magokoro-index .section02 .gu-block-1 .gu-list-lv1 .gu-txt {
  padding: 10px 15px;
  vertical-align: top;
  color: #000;
  font-size: 123.1%;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-1 .gu-list-lv1 .gu-txt {
    font-size: 108%;
    line-height: 1.3;
  }
}
.magokoro-index .section02 .gu-block-1 .gu-list-lv1.gu01 .gu-ttl {
  background: #000;
}

.magokoro-index .section02 .gu-block-1 .gu-list-lv1.gu02 .gu-ttl {
  background: #ca8269;
}

.magokoro-index .section02 .gu-block-1 .gu-list-lv1.gu03 .gu-ttl {
  background: #000;
}

.magokoro-index .section02 .gu-block-1 .gu-list-lv1.gu04 .gu-ttl {
  background: #000;
}

.magokoro-index .section02 .gu-block-2 {
  clear: both;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .gu-block-2 {
    padding-left: 0;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 {
    padding-left: 15px;
  }
}
.magokoro-index .section02 .gu-block-2 ul {
  overflow: hidden;
}

.magokoro-index .section02 .gu-block-2 ul:first-child {
  margin-bottom: 20px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 ul:first-child {
    margin-bottom: 0;
  }
}
.magokoro-index .section02 .gu-block-2 .gu-list-lv2 {
  overflow: hidden;
  font-size: 108%;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu-list-lv2 {
    margin-bottom: 10px;
  }
}
.magokoro-index .section02 .gu-block-2 .gu-list-lv2 .gu-img {
  display: table-cell;
  width: 78px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu-list-lv2 .gu-img {
    width: 60px;
  }
}
.magokoro-index .section02 .gu-block-2 .gu-list-lv2 .gu-txt-container {
  display: table-cell;
  width: auto;
  vertical-align: top;
}

.magokoro-index .section02 .gu-block-2 .gu-list-lv2 .gu-ttl {
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu-list-lv2 .gu-ttl {
    padding-top: 5px;
  }
}
.magokoro-index .section02 .gu-block-2 .gu-list-lv2 .gu-txt {
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 10px;
  line-height: 1.5;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu-list-lv2 .gu-txt {
    padding-top: 2px;
    line-height: 1.3;
  }
}
.magokoro-index .section02 .gu-block-2 .gu05 {
  clear: both;
  float: left;
  display: table;
  width: 33%;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .gu-block-2 .gu05 {
    width: 33%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu05 {
    width: 100%;
  }
}
.magokoro-index .section02 .gu-block-2 .gu06 {
  float: left;
  display: table;
  width: 33%;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .gu-block-2 .gu06 {
    width: 33%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu06 {
    width: 100%;
  }
}
.magokoro-index .section02 .gu-block-2 .gu07 {
  float: left;
  display: table;
  width: 33%;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .gu-block-2 .gu07 {
    width: 33%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu07 {
    width: 100%;
  }
}
.magokoro-index .section02 .gu-block-2 .gu08 {
  float: left;
  display: table;
  width: 33%;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .gu-block-2 .gu08 {
    width: 33%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu08 {
    width: 100%;
  }
}
.magokoro-index .section02 .gu-block-2 .gu09 {
  float: left;
  display: table;
  width: 33%;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section02 .gu-block-2 .gu09 {
    width: 33%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .gu09 {
    width: 100%;
  }
}
.magokoro-index .section02 .gu-block-2 .notice {
  padding-top: 20px;
  padding-left: 40px;
  font-size: 93%;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section02 .gu-block-2 .notice {
    padding-top: 0;
    padding-left: 0;
    padding-right: 10px;
    font-size: 85%;
  }
}
.magokoro-index .section03 .section-inner {
  overflow: visible;
  padding: 45px 30px 50px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section03 .section-inner {
    padding: 0;
  }
}
.magokoro-index .section03 .section-img-container {
  float: left;
  width: 290px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section03 .section-img-container {
    width: 31%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section03 .section-img-container {
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    width: 100%;
  }
}
.magokoro-index .section03 .section-img-container .section-img-01 {
  padding-left: 8px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section03 .section-img-container .section-img-01 {
    float: left;
    padding-left: 0;
    max-width: 190px;
    min-width: 170px;
    width: 60%;
  }
}
.magokoro-index .section03 .section-img-container .section-img-02 {
  margin-top: -30px;
  padding-left: 15px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section03 .section-img-container .section-img-02 {
    float: left;
    margin-top: -30px;
    padding-left: 0;
    max-width: 110px;
    min-width: 100px;
    width: 40%;
  }
}
.magokoro-index .section03 .section-img-container .section-img-02 img {
  width: 100%;
  max-width: 269px;
}

.magokoro-index .section03 .txt-block {
  float: left;
  padding-top: 10px;
  padding-bottom: 30px;
  padding-left: 30px;
  width: 650px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section03 .txt-block {
    padding: 0 0 30px 10px;
    width: 69%;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section03 .txt-block {
    float: none;
    clear: both;
    padding: 0 10px 15px;
    width: 100%;
  }
}
.magokoro-index .section03 .txt-block .section-title {
  margin-bottom: 0;
}

.magokoro-index .section03 .txt-block .section-lead {
  padding: 30px 10px 0 25px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section03 .txt-block .section-lead {
    padding: 10px 10px 0;
  }
}
.magokoro-index .section03 .txt-block ul {
  margin-left: 15px;
  padding-top: 30px;
  padding-left: 30px;
  list-style-type: square;
  font-size: 123.1%;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section03 .txt-block ul {
    padding-top: 10px;
    padding-left: 12px;
    font-size: 108%;
  }
}
.magokoro-index .section03 .txt-block li {
  padding-bottom: 10px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section03 .txt-block li {
    padding-bottom: 5px;
  }
}
.magokoro-index .section03 .txt-block .oishisa-link {
  margin-top: 20px;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section03 .txt-block .oishisa-link {
    margin-left: 20px;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-index .section03 .txt-block .oishisa-link {
    margin: 0;
  }
}
.magokoro-index .section03 .txt-block .oishisa-link .oishisa-link-inner {
  display: block;
  overflow: hidden;
  border: 1px solid #000;
  padding: 5px 15px 5px 25px;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section03 .txt-block .oishisa-link .oishisa-link-inner {
    padding: 5px 15px;
    text-align: center;
  }
}
.magokoro-index .section03 .txt-block .oishisa-link .txt01 {
  float: left;
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section03 .txt-block .oishisa-link .txt01 {
    width: 75%;
  }
}
.magokoro-index .section03 .txt-block .oishisa-link .txt01 img {
  width: 100%;
  max-width: 394px;
}

.magokoro-index .section03 .txt-block .oishisa-link .txt02 {
  float: right;
  text-align: right;
}

@media screen and (max-width: 1024px) {
  .magokoro-index .section03 .txt-block .oishisa-link .txt02 {
    width: 25%;
  }
}
.magokoro-index .section03 .txt-block .oishisa-link .txt02 img {
  width: 100%;
  max-width: 126px;
}

.magokoro-index .section03 .oishisa-banner {
  text-align: center;
}

@media screen and (max-width: 760px) {
  .magokoro-index .section03 .oishisa-banner {
    padding: 0 10px 0;
  }
}
.magokoro-himitsu .page-contents {
  padding-top: 0;
}

.magokoro-himitsu .himitsu-content-container {
  background: url(../img/magokoro/oishisa_bg01.png) top repeat-x;
  padding-top: 0;
}

.magokoro-himitsu .himitsu-content {
  background: url(../img/magokoro/himitsu_ttl02_bg.png) no-repeat left top;
  -webkit-background-size: 970px 388px;
  background-size: 970px 388px;
  padding: 0 30px;
}

@media screen and (max-width: 994px) {
  .magokoro-himitsu .himitsu-content {
    background-position: right top;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-himitsu .himitsu-content {
    -webkit-background-size: 485px 194px;
    background-size: 485px 194px;
    padding: 0;
  }
}
.magokoro-himitsu .page-title-2 {
  margin-left: -23px;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .page-title-2 {
    margin-left: -10px;
    width: 266px;
  }
}
.magokoro-himitsu .himitsu-lead {
  padding: 0 0 124px 30px;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .himitsu-lead {
    padding: 0 15px 30px;
  }
}
@media screen and (max-width: 760px) {
  .magokoro-himitsu .himitsu-lead-sp {
    font-size: 123.1%;
    line-height: 1.6;
  }
}
.magokoro-himitsu .sozai-section {
  display: inline-block;
  zoom: 1;
  display: block;
  margin-bottom: 85px;
}

.magokoro-himitsu .sozai-section:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section {
    margin-bottom: 25px;
  }
}
.magokoro-himitsu .sozai-text-container {
  background-repeat: repeat-y;
  -webkit-background-size: 100% 10px;
  background-size: 100% 10px;
  padding-bottom: 34px;
  min-height: 240px;
  height: auto !important;
  height: 240px;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-text-container {
    background-position: center top;
    padding: 0 10px 17px;
    min-height: inherit;
    height: auto;
  }
}
.magokoro-himitsu .sozai-section-right .sozai-text-container {
  padding-right: 2.9%;
  padding-left: 51%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-right .sozai-text-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.magokoro-himitsu .sozai-section-left .sozai-text-container {
  padding-right: 50%;
  padding-left: 3%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-left .sozai-text-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.magokoro-himitsu .sozai-section-konbu .sozai-text-container {
  background-image: url(../img/magokoro/himitsu_konbu_bg01.png);
}

.magokoro-himitsu .sozai-section-katsuo .sozai-text-container {
  background-image: url(../img/magokoro/himitsu_katsuo_bg01.png);
}

.magokoro-himitsu .sozai-section-men .sozai-text-container {
  background-image: url(../img/magokoro/himitsu_men_bg01.png);
}

.magokoro-himitsu .sozai-section-gu .sozai-text-container {
  background-image: url(../img/magokoro/himitsu_gu_bg01.png);
}

.magokoro-himitsu .sozai-section-touketsu .sozai-text-container {
  background-image: url(../img/magokoro/himitsu_touketsu_bg01.png);
  padding-right: 1%;
  padding-bottom: 20px;
  padding-left: 50%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-touketsu .sozai-text-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.magokoro-himitsu .sozai-title {
  padding-top: 34px;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-title {
    padding-top: 25px;
  }
}
.magokoro-himitsu .sozai-section-touketsu .sozai-title {
  padding-top: 24px;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-touketsu .sozai-title {
    padding-top: 25px;
  }
}
.magokoro-himitsu .sozai-lead {
  padding-top: 15px;
  width: 100%;
  font-size: 123.1%;
  line-height: 1.6;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-lead {
    padding-top: 6px;
    font-size: 108%;
  }
}
.magokoro-himitsu .sozai-image {
  position: relative;
  margin-top: -52px;
  width: 37%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-image {
    margin: 0 auto -8px;
    width: 172px;
    text-align: center;
  }
}
.magokoro-himitsu .sozai-section-right .sozai-image {
  float: left;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-right .sozai-image {
    float: none;
  }
}
.magokoro-himitsu .sozai-section-left .sozai-image {
  float: right;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-left .sozai-image {
    float: none;
  }
}
.magokoro-himitsu .sozai-icon {
  position: absolute;
}

.magokoro-himitsu .sozai-image02 {
  position: absolute;
}

.magokoro-himitsu .sozai-section-konbu .sozai-image {
  margin-left: 4.89%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-konbu .sozai-image {
    margin-left: auto;
  }
}
.magokoro-himitsu .sozai-section-konbu .sozai-icon {
  top: 0;
  left: -13.37%;
  width: 34.3%;
}

.magokoro-himitsu .sozai-section-konbu .sozai-image02 {
  top: 64.53%;
  right: -32.26%;
  width: 74.12%;
}

.magokoro-himitsu .sozai-section-katsuo .sozai-image {
  margin-right: 1.59%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-katsuo .sozai-image {
    margin-right: auto;
  }
}
.magokoro-himitsu .sozai-section-katsuo .sozai-icon {
  top: -7.84%;
  right: -4.36%;
  width: 44.47%;
}

.magokoro-himitsu .sozai-section-katsuo .sozai-image02 {
  top: 69.18%;
  left: -35.46%;
  width: 84.59%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-katsuo .sozai-image02 {
    top: 64%;
    left: -33%;
  }
}
.magokoro-himitsu .sozai-section-men .sozai-image {
  margin-left: 4.89%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-men .sozai-image {
    margin-left: auto;
  }
}
.magokoro-himitsu .sozai-section-men .sozai-icon {
  top: 0;
  left: -13.37%;
  width: 34.3%;
}

.magokoro-himitsu .sozai-section-gu .sozai-image {
  margin-right: 1.59%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-gu .sozai-image {
    margin-right: auto;
  }
}
.magokoro-himitsu .sozai-section-gu .sozai-icon {
  top: 0;
  right: -12.79%;
  width: 34.3%;
}

.magokoro-himitsu .sozai-section-gu .sozai-image02 {
  right: -1.59%;
  bottom: 0;
  width: 41.27%;
}

.magokoro-himitsu .sozai-section-touketsu .sozai-image {
  margin-left: 4.89%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-section-touketsu .sozai-image {
    margin-left: auto;
  }
}
.magokoro-himitsu .sozai-section-touketsu .sozai-icon {
  top: 0;
  left: -13.37%;
  width: 34.3%;
}

.magokoro-himitsu .sozai-link {
  margin-top: 10px;
}

.magokoro-himitsu .sozai-link a {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  margin-top: 16px;
  border: 1px solid #59493f;
  padding: 0 10px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-link a {
    text-align: center;
  }
}
.magokoro-himitsu .sozai-link a:hover {
  opacity: 0.7;
}

.magokoro-himitsu .sozai-link a:hover img {
  opacity: 1;
}

.magokoro-himitsu .sozai-link a .link-image {
  display: block;
  margin-top: -4%;
}

@media screen and (max-width: 760px) {
  .magokoro-himitsu .sozai-link a .link-image {
    margin-top: -19px;
  }
}
@media screen and (max-width: 460px) {
  .magokoro-himitsu .sozai-link a .link-image {
    margin-top: -4%;
  }
}
.lt-ie9 .magokoro-himitsu .sozai-link a {
  background: #fff;
}

.lt-ie9 .magokoro-himitsu .sozai-link a:hover {
  background: #fff;
}

/* ============================================================================= howto
============================================================================= */
.howto-index .main-content {
  padding-bottom: 0;
}

.howto-index .section-title {
  margin: 0 0 10px;
  line-height: 1;
  vertical-align: top;
  font-weight: normal;
  padding: 3px 5px;
  color: #000;
}

@media screen and (max-width: 760px) {
  .howto-index .section-title {
    padding: 5px 10px 4px;
  }
}
.howto-index .section-title img {
  max-width: 444px;
  width: 100%;
}

.howto-index .content01 {
  background: url(../img/magokoro/oishisa_bg01.png) top repeat-x;
  padding-top: 20px;
  padding-bottom: 35px;
}

@media screen and (max-width: 760px) {
  .howto-index .content01 {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.howto-index .howto-lead01 {
  padding-left: 20px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .howto-index .howto-lead01 {
    padding-bottom: 10px;
    padding-left: 0;
  }
}
.howto-index .howto-lead01 .txt01 {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  padding-left: 20px;
  vertical-align: top;
}

@media screen and (max-width: 1024px) {
  .howto-index .howto-lead01 .txt01 {
    width: 45%;
  }
}
@media screen and (max-width: 760px) {
  .howto-index .howto-lead01 .txt01 {
    padding-left: 0;
  }
}
.howto-index .howto-lead01 .txt02 {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  padding-top: 34px;
  vertical-align: top;
}

@media screen and (max-width: 1024px) {
  .howto-index .howto-lead01 .txt02 {
    width: 55%;
  }
}
@media screen and (max-width: 760px) {
  .howto-index .howto-lead01 .txt02 {
    padding-top: 0;
  }
}
.howto-index .content02 {
  border-top: 1px dotted #d7d3d0;
  padding-bottom: 70px;
}

@media screen and (max-width: 760px) {
  .howto-index .content02 {
    padding-bottom: 35px;
  }
}
.howto-index .page-contents-inner {
  padding: 0 30px;
}

@media screen and (max-width: 760px) {
  .howto-index .page-contents-inner {
    padding: 0 10px;
  }
}
.howto-index .howto-lead02 {
  margin: 0 auto;
  border: 1px solid #796c64;
  padding: 8px 10px;
  width: 644px;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 760px) {
  .howto-index .howto-lead02 {
    padding: 6px 10px;
    width: 100%;
  }
}
.howto-content {
  background-repeat: no-repeat;
  background-position: left top;
}

@media screen and (max-width: 904px) {
  .howto-content {
    background-position: -100px top;
  }
}
@media screen and (max-width: 760px) {
  .howto-content {
    -webkit-background-size: 800px 151px;
    background-size: 800px 151px;
    background-position: right top;
  }
}
.howto-content-cvs {
  background-image: url(http://wwwtest.kinrei.com/howto/howto_cvs_bg.png);
  margin-top: 30px;
  padding-top: 20px;
}

@media screen and (max-width: 760px) {
  .howto-content-cvs {
    background-image: url(http://wwwtest.kinrei.com/howto/howto_cvs_bg_sp.png);
    margin-top: 15px;
    padding-top: 10px;
  }
}
.howto-content-gms {
  background-image: url(http://wwwtest.kinrei.com/howto/howto_gms_bg.png);
  padding-top: 20px;
}

@media screen and (max-width: 760px) {
  .howto-content-gms {
    background-image: url(http://wwwtest.kinrei.com/howto/howto_gms_bg_sp.png);
    padding-top: 10px;
  }
}
.howto-title {
  margin: 0 0 0 30px;
}

@media screen and (max-width: 760px) {
  .howto-title {
    margin: 0 0 0 15px;
    width: 65%;
  }
}
.howto-title-curry {
  background: url(../img/howto/howto_dot.png) no-repeat 21px center;
  -webkit-background-size: 917px 14px;
  background-size: 917px 14px;
}

@media screen and (max-width: 760px) {
  .howto-title-curry {
    background-image: url(../img/howto/howto_dot@2x.png);
    margin-top: 15px;
  }
}
.howto-order {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 20px 15px 0;
}

@media screen and (max-width: 760px) {
  .howto-order {
    padding: 10px 0 0;
  }
}
.howto-order.howto-order-curry {
  padding: 5px 15px 0;
}

@media screen and (max-width: 760px) {
  .howto-order.howto-order-curry {
    padding: 5px 0 0;
  }
}
.howto-order .order01,
.howto-order .order02 {
  background: url(../img/howto/arrow_r.png) no-repeat 97% 120px;
  padding: 0;
}

@media screen and (max-width: 760px) {
  .howto-order .order01,
  .howto-order .order02 {
    background-image: url(../img/howto/arrow_b@2x.png);
    -webkit-background-size: 70px 30px;
    background-size: 70px 30px;
    background-position: center bottom;
  }
}
.howto-order .order01 .grid-inner,
.howto-order .order02 .grid-inner {
  padding-right: 50px;
}

@media screen and (max-width: 760px) {
  .howto-order .order01 .grid-inner,
  .howto-order .order02 .grid-inner {
    margin-bottom: -15px;
    padding-right: 0;
    padding-bottom: 35px;
  }
}
.howto-order .order03 {
  padding: 0;
}

.howto-order .order-image {
  position: relative;
}

@media screen and (max-width: 760px) {
  .howto-order .order-image {
    margin: 0 auto;
    width: 270px;
  }
}
.howto-order .order-icon {
  position: absolute;
  top: 159px;
  right: -5px;
}

@media screen and (max-width: 1024px) {
  .howto-order .order-icon {
    top: 57%;
    width: 30%;
    text-align: right;
  }
}
@media screen and (max-width: 760px) {
  .howto-order .order-icon {
    width: auto;
  }
}
.howto-order .order-icon-water {
  top: 156px;
}

@media screen and (max-width: 1024px) {
  .howto-order .order-icon-water {
    top: 56%;
  }
}
.howto-order .order-text {
  padding: 3px 5px 0;
  font-size: 123.1%;
  line-height: 1.6;
}

@media screen and (max-width: 760px) {
  .howto-order .order-text {
    margin: 0 auto;
    width: 270px;
    font-size: 108%;
  }
}
.howto-order strong {
  font-size: 112%;
}

.youtube-link {
  margin-top: 40px;
}

@media screen and (max-width: 760px) {
  .youtube-link {
    margin-top: 20px;
  }
}
.youtube-link .youtube-link-inner {
  display: block;
  text-align: center;
}

@media screen and (max-width: 360px) {
  .youtube-link .youtube-link-inner img {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  .youtube-link .youtube-link-inner {
    overflow: hidden;
    background: url(../img/howto/howto_youtube_sp.jpg) no-repeat top left;
    -webkit-background-size: 300px 238px;
    background-size: 300px 238px;
    margin: 0 auto;
    width: 300px;
    height: 238px;
  }
}
.news .archive-grid {
  overflow: hidden;
  padding: 0;
}

.news .archive-grid .grid-inner ul {
  overflow: hidden;
}

.news .archive-grid .sns-button {
  margin: 0 30px 5px 0;
}

@media screen and (max-width: 760px) {
  .news .archive-grid .sns-button {
    margin-right: 15px;
  }
}
.news .archive-grid .sns-button .btn-twitter {
  margin-top: 4px;
}

.news .archive-grid .sns-button .btn-facebook {
  margin-top: 4px;
}

.news .archive-grid .item {
  padding: 6px 0 26px;
}

.news .archive-grid .item .item-inner {
  display: block;
  position: relative;
  background: #fff;
  border: 2px solid #cbbda6;
}

.news .archive-grid .item .category {
  position: absolute;
  top: -6px;
  left: 15px;
  width: 36px;
  height: auto;
}

@media screen and (max-width: 670px) {
  .news .archive-grid .item .category {
    width: 30px;
  }
}
.news .archive-grid .item .txt-area {
  padding: 0 12px 10px;
}

.news .archive-grid .item .date {
  display: block;
  padding: 1px 5px;
  text-align: right;
  font-size: 93%;
  color: #fff;
}

.news .archive-grid .item.cat-media .date {
  background: #9a5627;
}

.news .archive-grid .item.cat-item .date {
  background: #413569;
}

.news .archive-grid .item.cat-kinrei-news .date {
  background: #ad3f3f;
}

.news .archive-grid .item.cat-movie .date {
  background: #453707;
}

.news .archive-grid .item.cat-campaign .date {
  background: #923d5e;
}

.news .archive-grid .item.cat-letter .date {
  background: #0e4b61;
}

.news .archive-grid .item.cat-nabeyaki .date {
  background: #35561a;
}

.news .archive-grid .item .item-thumb {
  -webkit-background-size: 1200px 38px;
  background-size: 1200px 38px;
  margin-bottom: 12px;
  text-align: center;
}

.news .archive-grid .item .item-title {
  font-size: 123.1%;
  color: #000;
  line-height: 1.4;
}

@media screen and (max-width: 670px) {
  .news .archive-grid .item .item-title {
    line-height: 1.4;
  }
}
.news .archive-grid .item .item-summary {
  margin-top: 5px;
  border-top: 1px dotted #000;
  padding-top: 7px;
  font-size: 100%;
  line-height: 1.4;
  color: #000;
}

.news .category-nav {
  margin-bottom: 5px;
  padding-right: 32px;
  padding-left: 32px;
}

@media screen and (max-width: 760px) {
  .news .category-nav {
    text-align: center;
    padding: 0 2px;
    width: 100%;
  }
}
.news .category-nav > ul {
  overflow: hidden;
  margin-left: -5px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .news .category-nav > ul {
    margin-left: 0;
  }
}
.news .category-nav .button {
  display: block;
  float: left;
  margin-bottom: 5px;
  padding-left: 5px;
  width: 25%;
}

@media screen and (max-width: 760px) {
  .news .category-nav .button {
    padding: 0 2px 4px;
    width: 33.33%;
  }
}
.news .category-nav .button a {
  display: block;
  border: none;
  padding: 4px 4px;
  width: 100%;
  text-align: center;
}

.news .category-nav .button a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.news .category-nav .button span {
  color: #fff;
}

@media screen and (max-width: 790px) {
  .news .category-nav .button span {
    font-size: 77%;
    vertical-align: middle;
  }
}
.news .category-nav .button .icon {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  margin-left: -3px;
}

@media screen and (max-width: 760px) {
  .news .category-nav .button .txt {
    display: inline-block;
    letter-spacing: normal; /*for IE*/
    *display: inline;
    *zoom: 1;
    height: 14px;
  }
}
@media screen and (max-width: 760px) {
  .news .category-nav .button .txt img {
    width: auto;
    height: 12px;
  }
}
.news .category-nav .button.cat-report a {
  background: #ca8269;
}

.news .category-nav .button.cat-item a {
  background: #867ba9;
}

.news .category-nav .button.cat-media a {
  background: #000;
}

.news .category-nav .button.cat-movie a {
  background: #000;
}

.news .category-nav .button.cat-campaign a {
  background: #c27d98;
}

.news .category-nav .button.cat-letter a {
  background: #4b8093;
}

.news .category-nav .button.cat-nabeyaki a {
  background: #6a9547;
}

.news.archive-page .section-title {
  margin: 0 30px 10px;
}

@media screen and (max-width: 760px) {
  .news.archive-page .section-title {
    margin: 0 12px 10px;
  }
}
.news.archive-page .grid-inner {
  padding: 0 17px;
}

@media screen and (max-width: 760px) {
  .news.archive-page .grid-inner {
    padding: 0 6px;
  }
}
.news.archive-page .grid-sizer {
  padding: 0;
}

@media screen and (min-width: 350px) and (max-width: 670px) {
  .news.archive-page .grid-sizer {
    width: 50%;
  }
}
@media screen and (max-width: 350px) {
  .news.archive-page .grid-sizer {
    width: 100%;
  }
}
.news.archive-page .item {
  padding: 6px 0 26px;
}

@media screen and (min-width: 350px) and (max-width: 670px) {
  .news.archive-page .item {
    width: 50%;
    padding: 6px 0 13px;
  }
}
@media screen and (max-width: 350px) {
  .news.archive-page .item {
    width: 100%;
    padding: 6px 0 10px;
  }
}
.news.archive-page .item .item-inner {
  margin: 0 13px;
}

@media screen and (max-width: 760px) {
  .news.archive-page .item .item-inner {
    margin: 0 6px;
  }
}
.news.article-page .main-inner {
  padding-top: 30px;
  padding-right: 0;
  padding-left: 20px;
}

@media screen and (max-width: 760px) {
  .news.article-page .main-inner {
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.news.article-page .sns-button {
  border-top: 1px solid #a38a77;
  padding: 10px 0 5px 0;
}

.news.article-page .article-header {
  position: relative;
  padding: 0 0 10px 0;
  vertical-align: top;
}

.news.article-page .article-header .meta {
  position: relative;
  margin-top: 0;
  color: #fff;
  vertical-align: top;
}

.news.article-page .article-header .meta .category {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  padding: 7px 27px 2px;
}

.news.article-page .article-header .meta.cat-media {
  border-bottom: 5px solid #000;
}

.news.article-page .article-header .meta.cat-media .category {
  background: #000;
}

.news.article-page .article-header .meta.cat-item {
  border-bottom: 5px solid #867ba9;
}

.news.article-page .article-header .meta.cat-item .category {
  background: #867ba9;
}

.news.article-page .article-header .meta.cat-item img {
  width: 66px;
}

.news.article-page .article-header .meta.cat-kinrei-news {
  border-bottom: 5px solid #ca8269;
}

.news.article-page .article-header .meta.cat-kinrei-news .category {
  background: #ca8269;
}

.news.article-page .article-header .meta.cat-kinrei-news img {
  width: 111px;
}

.news.article-page .article-header .meta.cat-movie {
  border-bottom: 5px solid #000;
}

.news.article-page .article-header .meta.cat-movie .category {
  background: #000;
}

.news.article-page .article-header .meta.cat-movie img {
  width: 111px;
}

.news.article-page .article-header .meta.cat-campaign {
  border-bottom: 5px solid #c27d98;
}

.news.article-page .article-header .meta.cat-campaign .category {
  background: #c27d98;
}

.news.article-page .article-header .meta.cat-campaign img {
  width: 111px;
}

.news.article-page .article-header .meta.cat-letter {
  border-bottom: 5px solid #4b8093;
}

.news.article-page .article-header .meta.cat-letter .category {
  background: #4b8093;
}

.news.article-page .article-header .meta.cat-letter img {
  width: 111px;
}

.news.article-page .article-header .meta.cat-nabeyaki {
  border-bottom: 5px solid #6a9547;
}

.news.article-page .article-header .meta.cat-nabeyaki .category {
  background: #6a9547;
}

.news.article-page .article-header .meta.cat-nabeyaki img {
  width: 116px;
}

.news.article-page .article-header .meta .date {
  position: absolute;
  right: 10px;
  bottom: 0px;
  font-size: 123.1%;
  color: #000;
  letter-spacing: 1px;
}

.news.article-page .article-header .page-title {
  display: block;
  padding: 15px 0 5px 0;
  line-height: 1.2;
  font-weight: normal;
}

@media screen and (max-width: 760px) {
  .news.article-page .article-header .page-title {
    padding: 8px 0 5px 0;
  }
}
.news.article-page .article-header .title-txt {
  font-size: 185%;
  font-weight: normal;
}

@media screen and (max-width: 760px) {
  .news.article-page .article-header .title-txt {
    font-size: 153.9%;
  }
}
.news.article-page .article-body {
  clear: both;
}

.news.article-page .article-body .article-main-img {
  text-align: center;
  margin-bottom: 20px;
}

.news.article-page .article-body .article-main-img img {
  margin: 0;
}

.news.article-page .article-body h1 {
  font-size: 138.5%;
  margin: 0 0 10px;
  line-height: 1.2;
  vertical-align: top;
  font-weight: normal;
  background: white url(../img/common/pattern_bg08.jpg);
  padding: 6px 20px;
  color: #000;
}

@media screen and (max-width: 760px) {
  .news.article-page .article-body h1 {
    padding: 5px 10px;
  }
}
.news.article-page .article-body h2 {
  font-size: 123.1%;
  margin: 0 0 15px 0;
  padding: 2px 0 0 19px;
  border-left: 3px solid #000;
  line-height: 1.2;
  font-weight: normal;
  color: #000;
}

.news.article-page .article-body p {
  line-height: 1.6;
  padding: 0 0 15px;
  font-size: 123.1%;
  color: #000;
}

.news.article-page .article-body img {
  margin: 0 0 15px;
}

.news.article-page .article-body .movie-container {
  margin: 0 0 20px;
}

.news.article-page .article-body table {
  border-collapse: collapse;
}

.news.article-page .article-body .chrome-table {
  font-size: 120%;
}

.news.article-page .article-body th {
  padding: 4px 10px;
  font-weight: normal;
  text-align: left;
}

.news.article-page .article-body td {
  padding: 4px 10px;
  text-align: left;
}

.news.article-page .article-body ol {
  padding: 0 0 0 2em;
  list-style: decimal outside;
}

.news.article-page .article-body ul {
  padding: 0 0 0 2em;
  list-style: disc outside;
}

.news.article-page .article-body li {
  padding: 0 0 2px 0;
}

.news.article-page .article-body a {
  color: #e20000;
}

.news.article-page .article-body a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #ff7200;
}

.news.article-page .article-body .credit {
  text-align: left;
  margin-bottom: 20px;
  border: 1px dashed #ccc;
  padding: 10px 20px;
}

.news.article-page .article-body .credit * {
  padding: 0;
}

.news.article-page .article-body .photo-area {
  padding: 0;
}

.news .page-nav {
  clear: both;
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 760px) {
  .news .page-nav {
    margin: 0 10px 20px;
  }
}
.news .page-nav .page-nav-list {
  display: table;
  width: 100%;
  border-spacing: 10px 0;
}

.news .page-nav .cell {
  display: table-cell;
  border: 1px solid #63544a;
  text-decoration: none;
  padding: 12px 5px;
  color: #63544a;
  font-weight: bold;
  vertical-align: middle;
}

.news .page-nav .cell.left {
  width: 40%;
}

@media screen and (max-width: 760px) {
  .news .page-nav .cell.left {
    text-align: center;
    width: 33.333%;
  }
}
.news .page-nav .cell.left .icon {
  text-align: left;
}

.news .page-nav .cell.left .page-nav-txt {
  text-align: right;
}

.news .page-nav .cell.right {
  width: 40%;
}

@media screen and (max-width: 760px) {
  .news .page-nav .cell.right {
    text-align: center;
    width: 33.333%;
  }
}
.news .page-nav .cell.right .icon {
  text-align: right;
}

.news .page-nav .cell.right .page-nav-txt {
  text-align: left;
}

.news .page-nav .cell.center {
  width: 20%;
}

@media screen and (max-width: 760px) {
  .news .page-nav .cell.center {
    width: 33.333%;
  }
}
.news .page-nav .cell .cell-inner {
  display: table;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .news .page-nav .cell .cell-inner {
    display: block;
  }
}
.news .page-nav .cell .page-nav-txt {
  display: table-cell;
}

@media screen and (max-width: 760px) {
  .news .page-nav .cell .page-nav-txt {
    display: block;
  }
}
.news .page-nav .cell .icon {
  display: table-cell;
  padding: 0 3px;
  font-size: 69%;
}

@media screen and (max-width: 760px) {
  .news .page-nav .cell .icon {
    display: block;
  }
}
.news .page-nav span.cell {
  border: none;
}

.news .page-nav a:hover {
  background: #63544a;
  color: #fff;
}

.news .side-nav {
  padding: 20px 8px 0;
}

@media screen and (max-width: 760px) {
  .news .side-nav {
    padding: 0 5px;
  }
}
.news .side-nav .section-title {
  margin: 0 15px 10px;
}

@media screen and (max-width: 760px) {
  .news .side-nav .section-title {
    margin: 0 5px 10px;
  }
}
@media screen and (max-width: 350px) {
  .news .side-nav .article-list .grid-sizer {
    width: 100%;
  }
}
.news .side-nav .article-list .item {
  padding: 0 0 16px;
}

@media screen and (max-width: 760px) {
  .news .side-nav .article-list .item {
    padding: 6px 0 10px;
  }
}
@media screen and (max-width: 350px) {
  .news .side-nav .article-list .item {
    width: 100%;
  }
}
.news .side-nav .article-list .item .item-inner {
  margin: 0 13px;
}

@media screen and (max-width: 760px) {
  .news .side-nav .article-list .item .item-inner {
    margin: 0 5px;
  }
}
@media screen and (max-width: 900px) {
  .news .side-nav .article-list .item .category {
    width: 30px;
  }
}
.company .page-contents {
  background: transparent;
  min-height: 376px;
  height: auto !important;
  height: 376px;
}

.company .page-contents-inner {
  padding: 0;
}

.company .page-main {
  margin: 40px 0;
}

@media screen and (max-width: 760px) {
  .company .page-main {
    margin: 20px 0;
  }
}
.company .page-main .no-shadow {
  padding: 15px 0 0;
}

@media screen and (max-width: 760px) {
  .company .page-main .no-shadow {
    padding: 10px 0;
  }
}
.company .page-main .page-section-title {
  color: #727b41;
  line-height: 1.2;
  font-weight: normal;
}

.company .page-main .page-section-title .title-txt01 {
  display: block;
  background: #edebe2;
  margin-bottom: 10px;
  padding: 5px 15px;
  font-size: 123.1%;
  line-height: 1.3;
  color: #333333;
}

@media screen and (max-width: 760px) {
  .company .page-main .page-section-title .title-txt01 {
    padding: 3px 10px;
    font-size: 108%;
  }
}
.company .side-nav {
  padding: 0 25px 20px 0;
}

@media screen and (max-width: 760px) {
  .company .side-nav {
    padding: 0 10px 10px;
  }
}
.company .side-nav .nav-container {
  background: #edebe2;
  padding: 10px;
}

.company .side-nav .local-nav-title {
  margin-bottom: 5px;
}

.company .side-nav .local-nav-title a {
  background: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: block;
  border-left: 10px solid #c3c19b;
  padding: 8px 5px 8px 10px;
  font-size: 138.5%;
  line-height: 1.3;
  font-weight: bold;
  color: #848484;
}

@media screen and (max-width: 960px) {
  .company .side-nav .local-nav-title a {
    padding: 8px 3px 8px 8px;
    font-size: 108%;
  }
}
@media screen and (max-width: 760px) {
  .company .side-nav .local-nav-title a {
    font-size: 138.5%;
  }
}
.company .side-nav .local-nav-title a:hover {
  background: #c5e2cf;
  border-left: 10px solid #00410b;
  color: #00410b;
}

.company .side-nav .parent {
  background: #fff;
  margin-bottom: 5px;
}

.company .side-nav .parent a {
  display: block;
  padding: 12px 10px;
  font-size: 108%;
  color: #848484;
  font-weight: bold;
  line-height: 1.3;
}

@media screen and (max-width: 960px) {
  .company .side-nav .parent a {
    padding: 12px 5px;
    font-size: 93%;
  }
}
@media screen and (max-width: 800px) {
  .company .side-nav .parent a {
    font-size: 85%;
  }
}
@media screen and (max-width: 760px) {
  .company .side-nav .parent a {
    font-size: 108%;
  }
}
.company .side-nav .parent a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  background: #c5e2cf;
  color: #00410b;
}

.company .side-nav .parent a:hover .icon {
  color: #00410b;
}

.company .side-nav .parent .icon {
  color: #c5c19c;
  font-size: 77%;
}

.company .side-nav .current > a {
  background: #c5e2cf;
  color: #00410b;
}

.company .side-nav .current > a .icon {
  color: #00410b;
}

.company .side-nav .child-nav a {
  padding: 10px 10px 10px 35px;
}

.company .data-table {
  display: table;
  margin-bottom: 5px;
  padding: 9px 0;
  width: 100%;
}

.company .data-table th {
  background: #eee;
  font-weight: normal;
  border: 1px solid #ccc;
  padding: 9px 10px;
  width: 140px;
  text-align: left;
  font-size: 108%;
  vertical-align: top;
}

@media screen and (max-width: 760px) {
  .company .data-table th {
    padding: 7px 7px;
    width: 130px;
    font-size: 100%;
  }
}
.company .data-table td {
  border: 1px solid #ccc;
  padding: 11px 10px 11px 10px;
  width: auto;
  line-height: 1.4;
}

@media screen and (max-width: 760px) {
  .company .data-table td {
    padding: 7px 7px;
  }
}
.company .data-table dl {
  overflow: hidden;
}

.company .data-table dl dt {
  clear: both;
  float: left;
}

.company .data-table dl dd {
  float: left;
  padding-bottom: 10px;
}

.company .data-table .notice {
  font-size: 100%;
}

.company .google-maps {
  position: relative;
  padding-bottom: 60%;
  height: 0;
  overflow: hidden;
}

.company .google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.company-index .top-section-title {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding-bottom: 10px;
  font-size: 153.9%;
  font-weight: normal;
  line-height: 1.3;
  color: #a08f75;
}

@media screen and (max-width: 760px) {
  .company-index .top-section-title {
    padding-bottom: 5px;
    font-size: 138.5%;
  }
}
.company-index .top-section-title.rss .rss-container {
  display: table;
  width: 100%;
}

.company-index .top-section-title.rss .rss-container .section-txt {
  display: table-cell;
  width: auto;
  vertical-align: middle;
}

.company-index .top-section-title.rss .rss-container .btn-rss {
  display: table-cell;
  text-align: right;
  width: 30px;
  vertical-align: middle;
}

.company-index .company-nav {
  overflow: hidden;
  padding: 40px 0 10px;
}

@media screen and (max-width: 760px) {
  .company-index .company-nav {
    padding: 15px 0 5px;
  }
}
.company-index .company-nav > ul {
  overflow: hidden;
}

.company-index .company-nav > ul > li {
  padding: 0 10px 20px;
}

@media screen and (max-width: 760px) {
  .company-index .company-nav > ul > li {
    padding: 0 10px 10px;
  }
}
.company-index .company-nav > ul .company-nav-block {
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 0;
  -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 0;
}

.company-index .company-nav > ul .company-nav-block-inner {
  display: block;
  padding: 16px 20px 20px;
}

@media screen and (max-width: 760px) {
  .company-index .company-nav > ul .company-nav-block-inner {
    padding: 10px 15px 15px;
  }
}
.company-index .company-nav > ul .company-nav-block-inner:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.company-index .company-nav > ul .company-nav-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #9b9b9b;
  padding-bottom: 10px;
  font-size: 177%;
  font-weight: normal;
  line-height: 1.3;
}

@media screen and (max-width: 760px) {
  .company-index .company-nav > ul .company-nav-title {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 146.5%;
  }
}
.company-index .company-nav > ul .nav-contents {
  overflow: hidden;
  display: table;
  width: 100%;
}

.company-index .company-nav > ul .nav-contents .nav-img {
  display: table-cell;
  width: 120px;
}

@media screen and (max-width: 760px) {
  .company-index .company-nav > ul .nav-contents .nav-img {
    width: 90px;
  }
}
.company-index .company-nav > ul .nav-contents .txt-box {
  display: table-cell;
  width: auto;
  vertical-align: top;
}

.company-index .company-nav > ul .lead {
  padding-bottom: 15px;
  padding-left: 15px;
  font-size: 123.1%;
  line-height: 1.5;
}

@media screen and (max-width: 760px) {
  .company-index .company-nav > ul .lead {
    padding-bottom: 5px;
    padding-left: 12px;
    font-size: 100%;
    line-height: 1.3;
  }
}
.company-index .company-nav > ul .button2 {
  font-size: 93%;
}

@media screen and (max-width: 760px) {
  .company-index .company-nav > ul .button2 {
    font-size: 108%;
  }
}
@media screen and (max-width: 760px) {
  .company-index .company-nav > ul .button2 .button-inner {
    padding: 12px 18px;
  }
}
.company-index .company-nav > ul .button2 .button-inner:hover {
  background: #00410b;
  border: none;
  padding: 6px 12px;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #fff;
}

@media screen and (max-width: 760px) {
  .company-index .company-nav > ul .button2 .button-inner:hover {
    padding: 12px 18px;
  }
}
.company-index .company-nav > ul .button2 .button-inner:hover span {
  color: #fff;
}

.company-index .sub-contents {
  padding-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .company-index .sub-contents {
    padding-top: 22px;
    padding-bottom: 15px;
  }
}
.company-index .sub-contents .sub-contents-inner {
  padding: 0;
}

.company-index .contents-nav {
  padding: 0 0px 20px;
}

@media screen and (max-width: 760px) {
  .company-index .contents-nav {
    padding: 0 8px 10px;
  }
}
.company-index .contents-nav ul {
  overflow: hidden;
}

.company-index .contents-nav ul > li {
  padding: 0 8px 10px;
}

@media screen and (max-width: 760px) {
  .company-index .contents-nav ul > li {
    padding: 0 8px 10px;
  }
}
@media screen and (max-width: 350px) {
  .company-index .contents-nav ul > li {
    width: 100%;
  }
}
.company-index .contents-nav ul > li a {
  display: block;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 2px 2px 6px #c5c4bc;
  -moz-box-shadow: 2px 2px 6px #c5c4bc;
  -ms-box-shadow: 2px 2px 6px #c5c4bc;
  -o-box-shadow: 2px 2px 6px #c5c4bc;
  box-shadow: 2px 2px 6px #c5c4bc;
  text-align: center;
}

.company-index .contents-nav ul > li a img {
  max-width: 467px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .company-index .contents-nav ul > li a img {
    max-width: 300px;
    width: 100%;
  }
}
.company-index .contents-nav ul .item-btn a {
  background: #fff;
}

.company-index .contents-nav ul .himitu-btn a {
  background: #000;
}

.company-index .news .section-title {
  padding-top: 10px;
  padding-right: 30px;
  padding-left: 30px;
}

@media screen and (max-width: 760px) {
  .company-index .news .section-title {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 0;
  }
}
.company-index .news .archive-grid {
  padding: 0 22px;
}

@media screen and (max-width: 760px) {
  .company-index .news .archive-grid {
    padding: 0 8px;
  }
}
.company-index .news .button {
  display: block;
  text-align: right;
  margin-right: 30px;
  margin-bottom: 5px;
}

@media screen and (max-width: 760px) {
  .company-index .news .button {
    margin-right: 15px;
  }
}
.company-index .news .button a {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
}

.company-index .news.column4 .item {
  padding: 6px 0 10px;
}

.company-index .news.column4 .item .item-inner {
  margin: 0 8px;
}

.company-index .news.column4 .grid-sizer {
  padding: 0;
}

@media screen and (min-width: 350px) and (max-width: 670px) {
  .company-index .news.column4 .grid-sizer {
    width: 50%;
  }
}
@media screen and (max-width: 350px) {
  .company-index .news.column4 .grid-sizer {
    width: 100%;
  }
}
.company-index .news.column4 .item {
  padding: 6px 0 5px;
}

@media screen and (min-width: 350px) and (max-width: 760px) {
  .company-index .news.column4 .item {
    width: 50%;
    padding: 6px 0 10px;
  }
}
@media screen and (max-width: 350px) {
  .company-index .news.column4 .item {
    width: 100%;
    padding: 6px 0 10px;
  }
}
.company-index .news.column4 .item .item-inner {
  margin: 0 13px;
}

@media screen and (max-width: 760px) {
  .company-index .news.column4 .item .item-inner {
    margin: 0 6px;
  }
}
.company-message .page-section-title {
  color: #727b41;
  line-height: 1.2;
  font-weight: normal;
}

.company-message .page-section-title .title-txt01 {
  margin-bottom: 27px;
  padding: 5px 30px;
}

@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt01 {
    margin-bottom: 10px;
  }
}
.company-message .page-section-title .title-txt02 {
  display: block;
  padding: 0 20px 15px;
  line-height: 1.3;
  color: #00410b;
  vertical-align: bottom;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt02 {
    padding: 0 5px 10px;
  }
}
.company-message .page-section-title .title-txt02 .lv1 {
  font-size: 269%;
}

@media screen and (max-width: 960px) {
  .company-message .page-section-title .title-txt02 .lv1 {
    font-size: 253.8%;
  }
}
@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt02 .lv1 {
    font-size: 153.9%;
  }
}
.company-message .page-section-title .title-txt02 .lv2 {
  font-size: 253.8%;
}

@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt02 .lv2 {
    font-size: 153.9%;
  }
}
.company-message .page-section-title .title-txt02 .lv3 {
  font-size: 238%;
}

@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt02 .lv3 {
    font-size: 146.5%;
  }
}
.company-message .page-section-title .title-txt02 .lv4 {
  font-size: 223%;
}

@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt02 .lv4 {
    font-size: 138.5%;
  }
}
.company-message .page-section-title .title-txt02 .lv5 {
  font-size: 207%;
}

@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt02 .lv5 {
    font-size: 131%;
  }
}
.company-message .page-section-title .title-txt02 .lv6 {
  font-size: 185%;
}

@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt02 .lv6 {
    font-size: 123.1%;
  }
}
.company-message .page-section-title .title-txt02 .lv7 {
  font-size: 167%;
}

@media screen and (max-width: 760px) {
  .company-message .page-section-title .title-txt02 .lv7 {
    font-size: 116%;
  }
}
.company-message .lead {
  padding: 0 20px 45px;
  font-size: 116%;
  color: #666666;
}

@media screen and (max-width: 760px) {
  .company-message .lead {
    padding: 0 5px 25px;
    font-size: 108%;
    line-height: 1.4;
  }
}
.company-message .section-inner {
  overflow: hidden;
  padding-bottom: 25px;
}

@media screen and (max-width: 760px) {
  .company-message .section-inner {
    padding-bottom: 0px;
  }
}
.company-message .rule-block {
  padding: 0 5px 10px;
}

@media screen and (max-width: 1024px) {
  .company-message .rule-block {
    width: 50%;
  }
}
@media screen and (max-width: 760px) {
  .company-message .rule-block {
    padding: 0 0 10px;
    width: 100%;
  }
}
.company-message .rule-block .rule-block-inner {
  background: #e5f6eb;
  padding: 20px 10px;
}

@media screen and (max-width: 760px) {
  .company-message .rule-block .rule-block-inner {
    padding: 10px 5px;
  }
}
.company-message .rule-block .rule-title {
  border-bottom: 1px solid #aec3b5;
  padding-bottom: 10px;
  color: #727b41;
  text-align: center;
  line-height: 1.4;
  font-size: 123.1%;
}

@media screen and (max-width: 760px) {
  .company-message .rule-block .rule-title {
    padding-bottom: 10px;
    font-size: 108%;
  }
}
.company-message .rule-block .rule-lead {
  padding-top: 15px;
  text-align: center;
  line-height: 1.4;
  font-size: 116%;
  color: #666666;
}

@media screen and (max-width: 760px) {
  .company-message .rule-block .rule-lead {
    font-size: 108%;
    padding-top: 10px;
  }
}
.company-message .rule2 .rule-lead {
  padding-top: 24px;
}

@media screen and (max-width: 760px) {
  .company-message .rule2 .rule-lead {
    padding-top: 17px;
  }
}
.company-about .section-inner {
  margin: 0 10px;
}

@media screen and (max-width: 760px) {
  .company-about .section-inner {
    margin: 0 0;
  }
}
.company-about .section-inner th {
  width: 200px;
}

.company-about .section-inner dl dt {
  width: 60px;
}

.company-about .section-inner dl dd {
  width: 160px;
}

.company-about .section-inner .map-detail {
  width: 100%;
  overflow: hidden;
}

.company-about .section-inner .map-detail .map-txt {
  float: left;
  width: 50%;
}

@media screen and (max-width: 600px) {
  .company .data-table {
    border-bottom: 1px solid #ccc;
  }
  .company-about .section-inner th {
    width: auto;
    display: block;
    border-bottom: none;
  }
  .company-about .section-inner td {
    width: auto;
    display: block;
    border-bottom: none;
    background: #fff;
  }
  .company-about .section-inner .map-detail .map-txt {
    float: none;
    width: 100%;
  }
}
.company-about .section-inner .map-detail .map {
  float: right;
  max-width: 300px;
  width: 50%;
}

@media screen and (max-width: 600px) {
  .company-about .section-inner .map-detail .map {
    float: none;
    width: 100%;
  }
}
.company-about .section-inner .address-detail {
  width: 100%;
  overflow: hidden;
}

.company-about .section-inner .address-detail .address-txt {
  float: left;
  width: 78%;
}

@media screen and (max-width: 540px) {
  .company-about .section-inner .address-detail .address-txt {
    float: none;
    width: 100%;
  }
}
.company-about .section-inner .address-detail .button {
  float: right;
}

@media screen and (max-width: 760px) {
  .company-about .section-inner .address-detail .button {
    float: none;
    margin-top: 10px;
  }
}
.company-csr .page-section .lead {
  font-size: 116%;
  padding: 5px 10px 10px;
  line-height: 1.3;
}

.company-csr .page-section .txt-container {
  overflow: hidden;
  margin: 0 10px;
}

@media screen and (max-width: 760px) {
  .company-csr .page-section .txt-container {
    margin: 0 5px;
    padding-bottom: 10px;
  }
}
.company-csr .page-section .txt-container .txt {
  float: left;
  padding-right: 20px;
  padding-bottom: 10px;
  width: 62.5%;
  font-size: 108%;
  line-height: 2;
}

@media screen and (max-width: 760px) {
  .company-csr .page-section .txt-container .txt {
    float: none;
    padding-right: 0;
    width: 100%;
    line-height: 1.6;
  }
}
.company-csr .page-section .txt-container .txt ol li {
  margin-bottom: 10px;
}

.company-csr .page-section .txt-container .txt ol h3 {
  font-size: 108%;
  font-weight: normal;
}

.company-csr .page-section .txt-container .txt ol p {
  font-size: 100%;
  padding-left: 44px;
  line-height: 1.7;
}

.company-csr .page-section .txt-container .txt ol p.notice {
  font-size: 93%;
}

.company-csr .page-section .txt-container .img-contents {
  float: left;
  width: 37.5%;
}

@media screen and (max-width: 760px) {
  .company-csr .page-section .txt-container .img-contents {
    float: none;
    width: 100%;
    font-size: 108%;
    line-height: 1.6;
  }
}
@media screen and (max-width: 760px) {
  .company-csr .page-section .txt-container .img-contents .img {
    text-align: center;
  }
}
.company-csr .contact-container {
  background: #f4f3ed;
  margin: 0 10px;
  padding: 15px 0;
}

@media screen and (max-width: 890px) {
  .company-csr .contact-container {
    margin: 0 5px;
    padding: 10px 0;
  }
}
.company-csr .contact-container h3 {
  padding: 0 20px;
  font-size: 123.1%;
  color: #000;
  font-weight: normal;
}

@media screen and (max-width: 890px) {
  .company-csr .contact-container h3 {
    padding: 0 15px;
  }
}
.company-csr .contact-container .address-txt {
  overflow: hidden;
  display: table;
  width: 100%;
  font-size: 108%;
}

@media screen and (max-width: 890px) {
  .company-csr .contact-container .address-txt {
    display: block;
    font-size: 100%;
    padding: 0 15px;
  }
}
.company-csr .contact-container .address-txt .name {
  display: table-cell;
  padding-left: 37px;
  width: 155px;
  font-size: 108%;
  font-weight: normal;
}

@media screen and (max-width: 890px) {
  .company-csr .contact-container .address-txt .name {
    width: 100px;
    padding-left: 0;
  }
}
@media screen and (max-width: 760px) {
  .company-csr .contact-container .address-txt .name {
    color: #727b41;
    display: block;
    width: auto;
  }
}
.company-csr .iso {
  padding-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .company-csr .iso {
    padding-bottom: 15px;
  }
}
.company-csr .iso-inner {
  overflow: hidden;
  padding: 0 5px;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-inner {
    padding: 0;
  }
}
.company-csr .iso-block {
  padding: 0 5px;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-block {
    padding: 0;
    margin-bottom: 15px;
  }
}
.company-csr .iso-block .iso-block-inner {
  background: #f4f3ed;
  padding: 20px 20px;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-block .iso-block-inner {
    padding: 10px 10px;
  }
}
.company-csr .iso-block .iso-title02 {
  padding-bottom: 15px;
  color: #727b41;
  text-align: center;
  line-height: 1.4;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-block .iso-title02 {
    padding-bottom: 10px;
  }
}
.company-csr .iso-block .iso-title02 span {
  display: block;
  color: #727b41;
}

.company-csr .iso-block .iso-title02 span.main-txt {
  font-size: 161.6%;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-block .iso-title02 span.main-txt {
    font-size: 138.5%;
  }
}
.company-csr .iso-block .iso-title02 span.sub-txt {
  display: inline-block;
  letter-spacing: normal; /*for IE*/
  *display: inline;
  *zoom: 1;
  font-size: 123.1%;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-block .iso-title02 span.sub-txt {
    font-size: 108%;
  }
}
.company-csr .iso-block .iso-title03 {
  padding-bottom: 12px;
  text-align: center;
  color: #727b41;
  font-size: 123.1%;
}

.company-csr .iso-block p {
  font-size: 108%;
  line-height: 2;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-block p {
    font-size: 108%;
    line-height: 1.6;
  }
}
.company-csr .iso-block p.notice {
  font-size: 108%;
  line-height: 1.7;
}

.company-csr .iso-block .iso-section {
  padding-top: 25px;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-block .iso-section {
    padding-top: 15px;
  }
}
.company-csr .iso-block ol {
  margin-left: 24px;
  font-size: 108%;
  line-height: 2;
}

@media screen and (max-width: 760px) {
  .company-csr .iso-block ol {
    font-size: 100%;
    line-height: 1.6;
  }
}
.company-csr .iso-block ol > li {
  padding-bottom: 10px;
}

.company-csr .iso-block ol ul {
  list-style-type: disc;
  margin-left: 24px;
}

.company-csr .iso-block .iso-img {
  text-align: center;
}

.company-inquiry .contact-container {
  background: #f4f3ed;
  margin: 0 10px 40px;
  padding: 18px 0 1px;
}

@media screen and (max-width: 890px) {
  .company-inquiry .contact-container {
    margin: 0 10px 20px;
    padding: 10px 0;
  }
}
.company-inquiry .contact-container h3 {
  padding: 0 20px 18px;
  font-size: 153.9%;
  color: #2d6d45;
  font-weight: normal;
  line-height: 1.5;
}

@media screen and (max-width: 890px) {
  .company-inquiry .contact-container h3 {
    padding: 0 15px 5px;
    font-size: 138.5%;
  }
}
.company-inquiry .contact-container .address-txt {
  overflow: hidden;
  display: table;
  margin-bottom: 25px;
  width: 100%;
}

@media screen and (max-width: 890px) {
  .company-inquiry .contact-container .address-txt {
    display: block;
    margin-bottom: 10px;
    padding: 0 15px;
  }
}
.company-inquiry .contact-container .address-txt .address {
  font-size: 108%;
}

@media screen and (max-width: 890px) {
  .company-inquiry .contact-container .address-txt .address {
    font-size: 100%;
  }
}
@media screen and (max-width: 760px) {
  .company-inquiry .contact-container .address-txt .address {
    line-height: 1.4;
  }
}
.company-inquiry .contact-container .address-txt .name {
  display: table-cell;
  padding-left: 60px;
  width: 180px;
  font-size: 116%;
  font-weight: normal;
}

@media screen and (max-width: 1000px) {
  .company-inquiry .contact-container .address-txt .name {
    padding-left: 20px;
    padding-bottom: 5px;
    width: 135px;
  }
}
@media screen and (max-width: 890px) {
  .company-inquiry .contact-container .address-txt .name {
    color: #727b41;
    width: 100%;
    padding-left: 0;
    font-size: 108%;
  }
}
@media screen and (max-width: 760px) {
  .company-inquiry .contact-container .address-txt .name {
    display: block;
    width: auto;
  }
}
.company-inquiry .contact-container .address-txt .tel {
  font-size: 138.5%;
}

@media screen and (max-width: 890px) {
  .company-inquiry .contact-container .address-txt .tel {
    font-size: 123.1%;
  }
}
.company-inquiry .company-page-title-container {
  position: relative;
}

.company-inquiry .contact {
  position: absolute;
  top: -2px;
  right: 0px;
  line-height: 1.4;
  padding: 10px 32px 8px;
  font-size: 93%;
}

.company-inquiry .section-inner {
  margin: 0 10px 20px;
}

@media screen and (max-width: 760px) {
  .company-inquiry .section-inner {
    margin: 0 0 10px;
  }
}
.company-inquiry .section-inner ol {
  margin-bottom: 10px;
  margin-left: 23px;
}

.company-inquiry .section-inner .disc-list li {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 0;
  text-indent: inherit;
}

.company-inquiry .faq-data {
  width: 100%;
  table-layout: fixed;
}

.company-inquiry .faq-data a {
  color: #1855dd;
}

.company-inquiry .faq-data .faq-header-container {
  border-bottom: 1px solid #c4c09d;
  margin: 10px 0;
}

.company-inquiry .faq-data .icn-q {
  width: 40px;
  padding: 15px 10px 5px 0;
}

.company-inquiry .faq-data .icn-q img {
  width: 30px;
  vertical-align: middle;
}

.company-inquiry .faq-data .ttl-q {
  padding: 17px 0 5px;
  font-size: 146.5%;
  color: #009636;
  line-height: 1.2;
}

.company-inquiry .faq-data .txt-a {
  border-bottom: 1px solid #c4c09d;
  padding: 5px 0 15px;
}

.company-inquiry .faq-data .txt-a p {
  font-size: 108%;
}

.company-inquiry .faq-data .icn-a {
  width: 40px;
  border-bottom: 1px solid #c4c09d;
  padding: 5px 10px 15px 0;
}

.company-inquiry .faq-data .icn-a img {
  width: 30px;
  vertical-align: middle;
}

.company-inquiry .faq-data .last .icn-a,
.company-inquiry .faq-data .last .txt-a {
  border-bottom: none;
}

.company-inquiry .notice-area {
  background: #ebede1;
  margin-bottom: 15px;
  padding: 10px 15px;
}

.company-inquiry .notice-area ol li,
.company-inquiry .notice-area ul li {
  font-size: 100%;
  padding-left: 13px;
  text-indent: -13px;
}

.company-inquiry .notice-area .notice-title {
  font-size: 108%;
  font-weight: bold;
  color: #727b41;
}

@media screen and (max-width: 760px) {
  .company-inquiry .notice-area .notice-title {
    line-height: 1.2;
  }
}
.company-privacypolicy .section-inner {
  overflow: hidden;
  margin: 0 10px 20px;
}

@media screen and (max-width: 760px) {
  .company-privacypolicy .section-inner {
    margin: 0 5px 10px;
  }
}
.company-privacypolicy .section-inner ol {
  margin-bottom: 10px;
  margin-left: 23px;
}

.company-privacypolicy .section-inner .disc-list li {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 0;
  text-indent: inherit;
}

.company-privacypolicy .notice-area {
  background: #ebede1;
  margin-bottom: 15px;
  padding: 10px 15px;
}

.company-privacypolicy .notice-area ol li {
  font-size: 100%;
  padding-left: 13px;
  text-indent: -13px;
}

.company-privacypolicy .notice-area .notice-title {
  font-size: 108%;
  font-weight: bold;
  color: #727b41;
}

@media screen and (max-width: 760px) {
  .company-privacypolicy .notice-area .notice-title {
    line-height: 1.2;
  }
}
.company-privacypolicy .notice-area dl {
  overflow: hidden;
}

.company-privacypolicy .notice-area dt {
  clear: both;
  float: left;
  width: 40px;
}

.company-privacypolicy .notice-area dd {
  float: left;
}

/* ============================================================================= Colorbox
============================================================================= */
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: #000;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  background: #000;
  padding: 1px;
}

#cboxLoadingGraphic {
  background: url(../img/top/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
  background: #000;
}

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(../img/top/controls.png) no-repeat 0 0;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px;
}

#cboxPrevious:hover {
  background-position: 0px -25px;
}

#cboxNext {
  background-position: -25px 0px;
  right: 22px;
}

#cboxNext:hover {
  background-position: -25px -25px;
}

#cboxClose {
  background-position: -50px 0px;
  right: 0;
}

#cboxClose:hover {
  background-position: -50px -25px;
}

.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

.prayForKumamoto {
  padding: 35px 30px 0;
}

.prayForKumamoto h2 {
  margin-bottom: 10px;
}

.prayForKumamoto .campany {
  text-align: right;
}

@media screen and (max-width: 760px) {
  .prayForKumamoto {
    padding: 10px;
  }
}
#vtdr_body .vtdr_clear {
  padding-top: 1px;
  clear: both;
}


/* common */
.ti {
  padding-left: 1em;
  text-indent: -1em;
}


/* latest update */

html.re-html body.re-body .section-efforts {
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
}
html.re-html body.re-body .section-efforts .efforts-anchor {
  display: flex;
}
html.re-html body.re-body .section-efforts .efforts-anchor a {
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
html.re-html body.re-body .section-efforts .efforts-anchor a::after {
  content: "";
  position: absolute;
  background: url(../share/images/header/btn_green.png) no-repeat center 100%/100%;
  top: 48%;
  right: 20px;
  transform: translateX(0);
  transition: transform 0.3s ease;
}
html.re-html body.re-body .section-efforts .efforts-anchor a:hover::after {
  transform: translateX(10px);
}
html.re-html body.re-body .section-efforts .efforts-wrapper {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}
html.re-html body.re-body .section-efforts .csrpolicy-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 15px;
}
html.re-html body.re-body .section-efforts .csrpolicy-sublist h4 {
  font-weight: 700;
  color: #00A23E;
}
html.re-html body.re-body .section-efforts .csrpolicy-sublist > li {
  position: relative;
}
html.re-html body.re-body .section-efforts .csrpolicy-sublist > li .sublist-icon {
  position: absolute;
  top: -4px;
  left: 0;
}
html.re-html body.re-body .section-efforts .efforts-charter .charter-title {
  display: flex;
  font-weight: 700;
  line-height: 1.5;
}
html.re-html body.re-body .section-efforts .efforts-charter .charter-title .title-number {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #01a33e;
  border-radius: 100%;
  margin-right: 10px;
}
html.re-html body.re-body .section-efforts .charter-sublist > li {
  display: flex;
}
html.re-html body.re-body .section-efforts .charter-sublist > li::before {
  content: "■";
  color: #01a33e;
  margin-right: 5px;
}
html.re-html body.re-body .section-efforts .efforts-thumb {
  padding-left: 0;
}
html.re-html body.re-body .section-efforts .efforts-thumb::before,
html.re-html body.re-body .section-efforts .efforts-thumb::after {
  display: none;
}
html.re-html body.re-body .section-efforts .efforts-charter .charter-list {
  margin: 0;
}
@media print, (min-width: 768px) {
  html.re-html body.re-body .section-efforts .efforts-anchor {
    margin: 0 -52px 60px;
  }
  html.re-html body.re-body .section-efforts .efforts-anchor .anchor-item {
    width: 33.3333333333%;
    padding: 0 52px;
  }
  html.re-html body.re-body .section-efforts .efforts-anchor a {
    min-height: 60px;
    font-size: 20px;
    padding: 10px 20px;
  }
  html.re-html body.re-body .section-efforts .efforts-anchor a::after {
    width: 18px;
    height: 10px;
  }
  html.re-html body.re-body .section-efforts .efforts-thumb {
    width: 940px;
    margin: 0 auto 40px;
  }
  html.re-html body.re-body .section-efforts .efforts-wrapper {
    padding: 0 80px;
    font-size: 16px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-idea {
    margin-bottom: 60px;
  }
  html.re-html body.re-body .section-efforts .idea-img {
    width: 400px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-list > li {
    width: 50%;
    padding: 0 30px;
    margin-bottom: 80px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-list > li:nth-last-child(-n+2) {
    margin-bottom: 30px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-title > span:first-child {
    margin-right: 20px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-text {
    margin-bottom: 20px;
    padding-left: 50px;
    margin-top: -5px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-sublist h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-sublist .sublist-icon {
    width: 50px;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-sublist > li {
    padding-left: 55px;
    margin-bottom: 20px;
  }
  html.re-html body.re-body .section-efforts .efforts-charter {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
  }
  html.re-html body.re-body .section-efforts .efforts-charter .charter-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  html.re-html body.re-body .section-efforts .efforts-charter .charter-title .title-number {
    width: 30px;
    height: 30px;
  }
  html.re-html body.re-body .section-efforts .charter-list {
    width: 50%;
    padding: 0 30px;
  }
  html.re-html body.re-body .section-efforts .charter-list > li {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  html.re-html body.re-body .section-efforts .efforts-anchor {
    flex-direction: column;
    margin-bottom: 5.5vw;
  }
  html.re-html body.re-body .section-efforts .efforts-anchor .anchor-item {
    margin-bottom: 15px;
  }
  html.re-html body.re-body .section-efforts .efforts-anchor .anchor-item :last-child {
    margin-bottom: 0;
  }
  html.re-html body.re-body .section-efforts .efforts-anchor a {
    font-size: 4.8vw;
    min-height: 16vw;
    padding: 10px 15px;
  }
  html.re-html body.re-body .section-efforts .efforts-anchor a::after {
    width: 5.334vw;
    height: 2.67vw;
    right: 17px;
  }
  html.re-html body.re-body .section-efforts .efforts-thumb {
    width: 100%;
    margin-bottom: 6vw;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-idea {
    margin-bottom: 9.2vw;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-list > li {
    margin-bottom: 11vw;
  }
  html.re-html body.re-body .section-efforts .efforts-wrapper {
    font-size: 4vw;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-sublist .sublist-icon {
    width: 13.334vw;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-sublist > li,
  html.re-html body.re-body .section-efforts .csrpolicy-text {
    padding-left: 14.7vw;
    margin-left: -2.7vw;
    margin-bottom: 4vw;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-sublist h4,
  html.re-html body.re-body .section-efforts .efforts-charter .charter-title  {
    font-size: 5vw;
    margin-bottom: 5px;
  }
  html.re-html body.re-body .section-efforts .efforts-charter .charter-title .title-number {
    width: 6.67vw;
    height: 6.67vw;
  }
  html.re-html body.re-body .section-efforts .efforts-charter .charter-list {
    font-size: 4vw;
  }
  html.re-html body.re-body .section-efforts .efforts-charter .charter-list > li {
    margin-bottom: 5.5vw;
  }
  html.re-html body.re-body .section-efforts .efforts-charter .charter-sublist > li {
    margin-bottom: 1.3vw;
    line-height: 1.6;
  }
  html.re-html body.re-body .section-efforts .csrpolicy-title {
    font-size: 6.4vw;
    margin-bottom: 4vw;
  }
}

.re-under-title {
  margin-bottom: 0;
}

.article-overview {
  font-weight: 700;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  margin-bottom: 30px;
  margin-top: -45px;
}

.tabe-modify.re-company-table tr {
  display: table-row;
}

.tabe-modify.re-company-table td {
  padding: 26px 30px;
}

.tabe-modify.re-company-table th {
  padding: 26px 0 26px 30px;
}

.article-table {
  font-family: "ShipporiMinchoB1", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

.article-table table {
  table-layout: fixed;
  margin: 0 auto;
}

.article-table .table-statistic thead th:first-child {
  width: 30%;
  background-color: #f0f0f0;
}

.article-table .table-statistic td {
  width: 10%;
}

.article-table .table-statistic td,
.article-table .table-statistic th {
  min-width: unset;
  border: 1px solid #f0f0f0;
  text-align: center;
}

.article-table .table-statistic tr {
  border: 0;
  padding: 0;
}

.article-table .table-note {
  font-size: 14px;
  line-height: 1.4;
}

.article-date {
  margin-top: -20px;
}

@media print, (min-width: 768px) {
  .article-table .table-statistic {
    overflow: hidden !important;
  }

  .article-table .table-statistic td,
  .article-table .table-statistic th {
    padding: 5px 10px !important;
  }
}

@media screen and (max-width: 767.98px) {
  .article-table .table-statistic {
    height: 200px;
    position: relative;
    overflow: scroll hidden !important;
  }

  .article-table .table-statistic table {
    position: absolute;
    left: 0;
    width: 600px;
    height: 100%;
  }

  .article-table .table-statistic td, .article-table .table-statistic th {
    padding: 12px !important;
  }

  .article-overview {
    font-size: 4.4vw;
    margin-top: -35px;
  }

  .tabe-modify.re-company-table th {
    padding: 23px 0 23px 20px;
    width: 114px;
  }

  .tabe-modify.re-company-table td {
    padding: 23px 20px;
  }
}

.section-action {
  background-color: #fff;
  margin: 0 auto 7%;
  width: 95%;
  max-width: 1080px;
  box-shadow: 0px 3px 6px -2px #c9c9c9;
  border: solid 1px #DEDEDE;
  padding: 33px 0 20px;
  position: relative;
  text-align: center;
}

.section-action .action-title {
  margin-bottom: 55px;
  max-width: none;
  line-height: 1.4;
  position: relative;
  font-weight: 700;
  text-align: center;
  padding: 0 15%;
}

.section-action .action-title::before,
.section-action .action-title::after {
  width: 15%;
  height: 20px;
  background-size: cover;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  background: linear-gradient(to top, #da5e29 50%, #00a23e 50%);
}

.section-action .action-title::after {
  right: 0;
  left: unset;
  top: 0;
}

.section-action .action-title .title-japanese {
  display: block;
}

.section-action .action-title .title-english {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}

.section-action .action-title .title-english::before {
  content: "";
  position: absolute;
  background: linear-gradient(to left, #da5e29 50%, #00a23e 50%);
  left: -50%;
  right: -50%;
  bottom: 0;
  height: 2px;
}

.section-action .action-list {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.section-action .action-list > li {
  padding: 2% 1%;
  border-bottom: 1px solid #DEDEDE;
  display: flex;
  align-items: flex-start;
}

.section-action .action-list .action-number {
  background-color: #da5e29;
  color: #fff;
  width: 15%;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding: .5% 2%;
  margin-right: 2%;
  margin-top: 1.5%;
  flex-shrink: 0;
}

@media print, (min-width: 768px) {
  .section-action {
    margin-bottom: 70px;
  }

  .section-action .action-list > li {
    width: 50%;
  }

  .section-action .action-title .title-japanese span,
  .section-action .action-title .title-english {
    font-size: 24px;
  }

  .subttl {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .section-action {
    margin-bottom: 10vw;
  }

  .section-action .action-list {
    flex-direction: column;
  }

  .section-action .action-list > li {
    width: 100%;
  }

  .section-action .action-title .title-japanese span,
  .section-action .action-title .title-english {
    font-size: 18px;
  }

  .subttl {
    font-size: 120%;
    line-height: 1.6;
    text-indent: -18px;
    margin-left: 18px;
  }
}

.page-section .lead.csr-lead {
  font-size: 116%;
  padding: 5px 10px 10px;
  line-height: 1.3;
}

.page-section .txt-container .csr-img.img-contents {
  float: left;
  width: 37.5%;
}
@media screen and (max-width: 760px) {
  .page-section .txt-container .csr-img.img-contents {
      float: none;
      width: 100%;
      font-size: 108%;
      line-height: 1.6;
  }
}