@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,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) 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"; }

/* ============================================================================= 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; }

.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; }

.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; }
  .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; }
  .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: 93% !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; }

/* ============================================================================= 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: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .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: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .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; }

@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; 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; line-height: 1.69; color: #444; -webkit-text-size-adjust: 100%; background: #fff url(/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: 30px; }
  .otoriyose #wrapper { padding-bottom: 0; } }
#container { display: block; overflow: auto; padding-bottom: 318px; }

@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: -440px; /* negative value of footer height */ height: 440px; 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
============================================================================= */
.main-content { padding-bottom: 30px; }
.news .main-content { width: 1000px; margin: 0 auto; }

@media screen and (max-width: 760px) { .main-content { padding-bottom: 15px; }
  .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; }

.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: 00px 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: 00px; }
  .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; }

@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; } }
.companyArea { text-align: center; padding: 100px 0; }
.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 { 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 { 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; }

@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: 00px; } }
.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; }

.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: 60px; 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; }

@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 .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: 210px; }

@media screen and (max-width: 1024px) { .magokoro-index .section02 .gu-block-2 .gu05 { width: 25%; } }
@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: 215px; }

@media screen and (max-width: 1024px) { .magokoro-index .section02 .gu-block-2 .gu06 { width: 25%; } }
@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: 270px; }

@media screen and (max-width: 1024px) { .magokoro-index .section02 .gu-block-2 .gu07 { width: 25%; } }
@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: 220px; }

@media screen and (max-width: 1024px) { .magokoro-index .section02 .gu-block-2 .gu08 { width: 25%; } }
@media screen and (max-width: 760px) { .magokoro-index .section02 .gu-block-2 .gu08 { 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(../img/howto/howto_cvs_bg.png); margin-top: 30px; padding-top: 20px; }

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

@media screen and (max-width: 760px) { .howto-content-gms { background-image: url(../img/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; }

/*# sourceMappingURL=style.css.map */