@charset "UTF-8";
/* Scss Document */
/*==============================
	Reset
==============================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

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

a img { border: none; }

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

/*==============================
	Common
==============================*/
@-moz-keyframes bounce-up { from { transform: translateY(0); }
  to { transform: translateY(-5px); } }
@-webkit-keyframes bounce-up { from { transform: translateY(0); }
  to { transform: translateY(-5px); } }
@keyframes bounce-up { from { transform: translateY(0); }
  to { transform: translateY(-5px); } }
@-moz-keyframes bounce-right { from { transform: translateX(0); }
  to { transform: translateX(3px); } }
@-webkit-keyframes bounce-right { from { transform: translateX(0); }
  to { transform: translateX(3px); } }
@keyframes bounce-right { from { transform: translateX(0); }
  to { transform: translateX(3px); } }
/*==============================
	Base
==============================*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 62.5%; font-weight: 500; }

body { text-align: center; color: #232323; background: #FFF; }
@media screen and (min-width: 960px) { body { position: relative; } }

img { border: none; }
@media screen and (max-width: 959px) { img { max-width: 100%; height: auto; width: auto; } }

a { text-decoration: none; }

a, a img { -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }

a:hover, a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

ul, li { list-style: none; }

@media screen and (min-width: 960px) { section { padding: 50px 0; } }
@media screen and (max-width: 959px) { section { padding: 25px 0; } }

/* Ligature Symbols */
@font-face { font-family: 'LigatureSymbols'; src: url("../fonts/LigatureSymbols-2.11.eot"); src: url("../fonts/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"), url("../fonts/LigatureSymbols-2.11.woff") format("woff"), url("../fonts/LigatureSymbols-2.11.ttf") format("truetype"), url("../fonts/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg"); src: url("../fonts/LigatureSymbols-2.11.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.lsf, .lsf-icon:before { font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }

.lsf-icon:before { content: attr(title); margin-right: 0.3em; font-size: 130%; }

/*==============================
	Object
==============================*/
/* Common
---------------------------------------------*/
@media screen and (max-width: 959px) { .pc { display: none; } }

@media screen and (min-width: 960px) { .sp { display: none; } }

.container, nav div, footer .inner, #news .inner, #tab, #categoryTop ul, #sub { margin: 0 auto; }
@media screen and (min-width: 960px) { .container, nav div, footer .inner, #news .inner, #tab, #categoryTop ul, #sub { width: 1260px; } }
@media screen and (max-width: 959px) { .container, nav div, footer .inner, #news .inner, #tab, #categoryTop ul, #sub { width: 95%; } }

/* Sticky
---------------------------------------------*/
#sticky { position: fixed; z-index: 50; display: -webkit-flex; display: flex; }
@media screen and (min-width: 960px) { #sticky { -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: column wrap; flex-flow: column wrap; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 200px; height: 230px; right: -100px; top: 30%; background: #fff; padding: 10px; } }
@media screen and (max-width: 959px) { #sticky { -webkit-justify-content: space-around; justify-content: space-around; width: 100%; padding: 2% 0; bottom: 0; background-color: rgba(35, 35, 35, 0.7); } }
@media screen and (min-width: 960px) { #sticky:hover { right: 0; } }
@media screen and (max-width: 959px) { #sticky a img { width: 80%; } }

/* Headings
---------------------------------------------*/
h1 { font-weight: bold; position: relative; line-height: 1.2em; }
@media screen and (min-width: 960px) { h1 { font-size: 3.6rem; padding-left: 30px; line-height: 60px; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { h1 { font-size: 1.8rem; padding-left: 15px; line-height: 30px; margin-bottom: 15px; } }
h1::before { content: ""; position: absolute; background: #e50014; left: 0; top: 0; }
@media screen and (min-width: 960px) { h1::before { width: 10px; height: 60px; } }
@media screen and (max-width: 959px) { h1::before { width: 5px; height: 30px; } }

h2 { font-weight: bold; color: #fff; }
@media screen and (min-width: 960px) { h2 { font-size: 2.4rem; margin-bottom: 50px; } }
@media screen and (max-width: 959px) { h2 { font-size: 1.8rem; margin-bottom: 25px; } }

h3 { font-weight: bold; line-height: 1.6em; position: relative; padding-left: 1em; }
@media screen and (min-width: 960px) { h3 { font-size: 3rem; margin-bottom: 40px; } }
@media screen and (max-width: 959px) { h3 { font-size: 1.6rem; margin-bottom: 15px; } }
h3::before { content: ""; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(229, 0, 19, 0.3); z-index: -1; left: 0; }
@media screen and (min-width: 960px) { h3::before { width: 95px; height: 95px; top: calc(50% - 47.5px); } }
@media screen and (max-width: 959px) { h3::before { width: 55px; height: 55px; top: calc(50% - 27.5px); } }
@media screen and (min-width: 960px) { h3 span { font-size: 4.8rem; } }
@media screen and (max-width: 959px) { h3 span { font-size: 2.4rem; } }

h4 { width: 100%; font-weight: bold; border-bottom: dotted 1px #e50014; position: relative; }
@media screen and (min-width: 960px) { h4 { font-size: 3rem; margin-bottom: 30px; padding-bottom: 10px; padding-left: 50px; } }
@media screen and (max-width: 959px) { h4 { font-size: 1.8rem; margin-bottom: 15px; padding-bottom: 5px; padding-left: 30px; } }
h4::before { content: ""; position: absolute; background: #e50014; left: 0; }
@media screen and (min-width: 960px) { h4::before { width: 40px; height: 10px; top: calc(50% - 10px); } }
@media screen and (max-width: 959px) { h4::before { width: 20px; height: 10px; top: calc(50% - 10px); } }

h5 { width: 100%; font-weight: bold; color: #fff; background: #e50014; }
@media screen and (min-width: 960px) { h5 { font-size: 2.4rem; margin-bottom: 30px; padding: 10px 15px; } }
@media screen and (max-width: 959px) { h5 { font-size: 1.6rem; margin-bottom: 15px; padding: 5px 10px; } }

h6 { font-weight: bold; }
@media screen and (min-width: 960px) { h6 { font-size: 2.4rem; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { h6 { font-size: 1.6rem; margin-bottom: 15px; } }

/* Search
---------------------------------------------*/
.search { position: relative; }
.search input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (min-width: 960px) { .search input { font-size: 1.4rem; } }
@media screen and (max-width: 959px) { .search input { font-size: 1.2rem; } }
.search input[type="search"] { border: solid 1px #ccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; width: 200px; height: 30px; }
@media screen and (min-width: 960px) { .search input[type="search"] { padding-left: 15px; } }
@media screen and (max-width: 959px) { .search input[type="search"] { padding-left: 10px; -moz-appearance: none; -webkit-appearance: none; } }
.search input[type="search"]:-moz-placeholder { color: #999; opacity: 1; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.search input[type="search"]::-moz-placeholder { color: #999; opacity: 1; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.search input[type="search"]:-ms-input-placeholder { color: #999; opacity: 1; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.search input[type="search"]::-webkit-input-placeholder { color: #999; opacity: 1; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.search input[type="submit"] { font-family: FontAwesome; border: none; background-color: transparent; position: absolute; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; cursor: pointer; color: #ccc; border: none; top: .5em; right: 10px; }
.search :placeholder-shown { color: #999; }
.search .placeholder { color: #999; }

/* Post
---------------------------------------------*/
.base, .posts, #featured ul, #latest ul, #tab article ul, #topics ul { margin: 0 auto; }
@media screen and (min-width: 960px) { .base, .posts, #featured ul, #latest ul, #tab article ul, #topics ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: space-between; align-content: space-between; width: 1160px; } }
@media screen and (max-width: 959px) { .base, .posts, #featured ul, #latest ul, #tab article ul, #topics ul { width: 90%; } }
.base li, .posts li, #featured ul li, #latest ul li, #tab article ul li, #topics ul li { background: #fff; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }
@media screen and (min-width: 960px) { .base li, .posts li, #featured ul li, #latest ul li, #tab article ul li, #topics ul li { width: 360px; margin-bottom: 40px; }
  .base li:nth-last-child(-n+3), .posts li:nth-last-child(-n+3), #featured ul li:nth-last-child(-n+3), #latest ul li:nth-last-child(-n+3), #tab article ul li:nth-last-child(-n+3), #topics ul li:nth-last-child(-n+3) { margin-bottom: 0; } }
@media screen and (max-width: 959px) { .base li, .posts li, #featured ul li, #latest ul li, #tab article ul li, #topics ul li { width: 100%; margin-bottom: 15px; }
  .base li:last-child, .posts li:last-child, #featured ul li:last-child, #latest ul li:last-child, #tab article ul li:last-child, #topics ul li:last-child { margin-bottom: 0; } }

figure { position: relative; width: 100%; height: 100%; }
figure .trim { margin: 0 auto; position: relative; width: 100% !important; height: auto; padding-top: calc(2/3*100%); overflow: hidden; }
figure .trim img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; max-width: 100%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 959px) { figure figcaption { display: none; } }
figure figcaption::before, figure figcaption::after { content: ""; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: 0.35s ease-in-out; -ms-transform: 0.35s ease-in-out; -webkit-transform: 0.35s ease-in-out; transform: 0.35s ease-in-out; top: 0; left: 0; right: 0; }
@media screen and (min-width: 960px) { figure figcaption::before, figure figcaption::after { bottom: 0; } }
figure figcaption::before { border-bottom: solid 2px #232323; border-top: solid 2px #232323; -moz-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); transform-origin: left top; }
figure figcaption::after { border-left: solid 2px #232323; border-right: solid 2px #232323; -moz-transform: scale3d(1, 0, 1); -ms-transform: scale3d(1, 0, 1); -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); transform-origin: right top; }
figure:hover figcaption::before, figure:hover figcaption::after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
figure:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

.clamp, .posts li a dl dd, #featured ul li a dl dd, #latest ul li a dl dd, #tab article ul li a dl dd, .postSide ul li div.right a dl dd, #related ul li div.right a dl dd, #more ul li div.right a dl dd { color: #666; position: relative; text-align: justify; font-size: 1.4rem; line-height: 1.6; height: 4.48rem; overflow: hidden; }
.clamp::before, .posts li a dl dd::before, #featured ul li a dl dd::before, #latest ul li a dl dd::before, #tab article ul li a dl dd::before, .postSide ul li div.right a dl dd::before, #related ul li div.right a dl dd::before, #more ul li div.right a dl dd::before, .clamp::after, .posts li a dl dd::after, #featured ul li a dl dd::after, #latest ul li a dl dd::after, #tab article ul li a dl dd::after, .postSide ul li div.right a dl dd::after, #related ul li div.right a dl dd::after, #more ul li div.right a dl dd::after { background: #fff; position: absolute; }
.clamp::before, .posts li a dl dd::before, #featured ul li a dl dd::before, #latest ul li a dl dd::before, #tab article ul li a dl dd::before, .postSide ul li div.right a dl dd::before, #related ul li div.right a dl dd::before, #more ul li div.right a dl dd::before { content: "…"; top: 2.24rem; right: 0; }
.clamp::after, .posts li a dl dd::after, #featured ul li a dl dd::after, #latest ul li a dl dd::after, #tab article ul li a dl dd::after, .postSide ul li div.right a dl dd::after, #related ul li div.right a dl dd::after, #more ul li div.right a dl dd::after { content: ""; height: 100%; width: 100%; }

.posts li, #featured ul li, #latest ul li, #tab article ul li { position: relative; }
.posts li a, #featured ul li a, #latest ul li a, #tab article ul li a { color: #232323; display: block; text-align: left; position: relative; }
@media screen and (min-width: 960px) { .posts li a, #featured ul li a, #latest ul li a, #tab article ul li a { width: 360px; height: 100%; } }
@media screen and (max-width: 959px) { .posts li a, #featured ul li a, #latest ul li a, #tab article ul li a { width: 100%; } }
.posts li a:hover, #featured ul li a:hover, #latest ul li a:hover, #tab article ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
@media screen and (min-width: 960px) { .posts li a figure, #featured ul li a figure, #latest ul li a figure, #tab article ul li a figure { padding: 30px 30px 60px; } }
@media screen and (max-width: 959px) { .posts li a figure, #featured ul li a figure, #latest ul li a figure, #tab article ul li a figure { padding: 20px; } }
@media screen and (max-width: 959px) { .posts li a img, #featured ul li a img, #latest ul li a img, #tab article ul li a img { width: 100%; } }
@media screen and (max-width: 959px) { .posts li a dl, #featured ul li a dl, #latest ul li a dl, #tab article ul li a dl { padding-bottom: 20px; } }
.posts li a dl dt, #featured ul li a dl dt, #latest ul li a dl dt, #tab article ul li a dl dt { text-align: left; font-weight: bold; line-height: 1.2em; }
@media screen and (min-width: 960px) { .posts li a dl dt, #featured ul li a dl dt, #latest ul li a dl dt, #tab article ul li a dl dt { font-size: 1.8rem; margin-bottom: 10px; } }
@media screen and (max-width: 959px) { .posts li a dl dt, #featured ul li a dl dt, #latest ul li a dl dt, #tab article ul li a dl dt { font-size: 1.6rem; margin-bottom: 5px; } }
.posts li a .date, #featured ul li a .date, #latest ul li a .date, #tab article ul li a .date { background: #999; color: #fff; text-align: center; font-family: "Roboto", sans-serif; position: absolute; left: 0; bottom: 0; font-weight: 300; }
@media screen and (min-width: 960px) { .posts li a .date, #featured ul li a .date, #latest ul li a .date, #tab article ul li a .date { width: 360px; height: 40px; line-height: 40px; font-size: 1.8rem; } }
@media screen and (max-width: 959px) { .posts li a .date, #featured ul li a .date, #latest ul li a .date, #tab article ul li a .date { width: 100%; padding: 10px; font-size: 1.4rem; } }
.posts li a .date::before, #featured ul li a .date::before, #latest ul li a .date::before, #tab article ul li a .date::before { font-family: FontAwesome; position: absolute; content: "\f017"; }
@media screen and (min-width: 960px) { .posts li a .date::before, #featured ul li a .date::before, #latest ul li a .date::before, #tab article ul li a .date::before { font-size: 2.4rem; left: 10px; bottom: 0; } }
@media screen and (max-width: 959px) { .posts li a .date::before, #featured ul li a .date::before, #latest ul li a .date::before, #tab article ul li a .date::before { font-size: 1.6rem; left: 5px; bottom: 5px; } }
.posts li p, #featured ul li p, #latest ul li p, #tab article ul li p { position: absolute; }
@media screen and (min-width: 960px) { .posts li p, #featured ul li p, #latest ul li p, #tab article ul li p { left: -20px; top: 20px; } }
@media screen and (max-width: 959px) { .posts li p, #featured ul li p, #latest ul li p, #tab article ul li p { left: -10px; top: 10px; } }
@media screen and (min-width: 960px) { .posts li p.flap, #featured ul li p.flap, #latest ul li p.flap, #tab article ul li p.flap { width: 90px; } }
@media screen and (max-width: 959px) { .posts li p.flap, #featured ul li p.flap, #latest ul li p.flap, #tab article ul li p.flap { width: 30%; } }
.posts li p.flap::before, #featured ul li p.flap::before, #latest ul li p.flap::before, #tab article ul li p.flap::before { border-color: #e50014 transparent #e50014 transparent; left: 0; top: 0; }
@media screen and (min-width: 960px) { .posts li p.flap::after, #featured ul li p.flap::after, #latest ul li p.flap::after, #tab article ul li p.flap::after { border-right: solid 20px #9d020f; bottom: 40px; } }
@media screen and (max-width: 959px) { .posts li p.flap::after, #featured ul li p.flap::after, #latest ul li p.flap::after, #tab article ul li p.flap::after { border-right: solid 10px #9d020f; bottom: 30px; } }
.posts li p span, #featured ul li p span, #latest ul li p span, #tab article ul li p span { position: absolute; font-weight: bold; left: 0; top: 0; }
@media screen and (min-width: 960px) { .posts li p span, #featured ul li p span, #latest ul li p span, #tab article ul li p span { width: 90px; font-size: 2.4rem; color: #fff; text-align: center; } }
@media screen and (max-width: 959px) { .posts li p span, #featured ul li p span, #latest ul li p span, #tab article ul li p span { width: 100%; font-size: 1.6rem; color: #fff; text-align: center; } }

/* Ribbon
---------------------------------------------*/
.ribbon { text-align: center; display: inline-block; position: relative; }
@media screen and (min-width: 960px) { .ribbon { width: 430px; height: 60px; line-height: 60px; } }
@media screen and (max-width: 959px) { .ribbon { width: 60%; height: 40px; line-height: 40px; } }
.ribbon::before { content: ""; position: absolute; z-index: -1; width: 100%; border-style: solid; }
@media screen and (min-width: 960px) { .ribbon::before { border-width: 30px 20px; left: -20px; } }
@media screen and (max-width: 959px) { .ribbon::before { border-width: 20px 15px; left: -10px; } }
.ribbon span::before { content: ""; position: absolute; border-top: dashed 1px #fff; border-bottom: dashed 1px #fff; }
@media screen and (min-width: 960px) { .ribbon span::before { top: 10px; left: -10px; width: 450px; height: 40px; } }
@media screen and (max-width: 959px) { .ribbon span::before { top: 5px; left: 0; width: calc(100% + 10px); height: 30px; } }

.flap { text-align: center; display: inline-block; position: relative; }
@media screen and (min-width: 960px) { .flap { height: 40px; line-height: 40px; } }
@media screen and (max-width: 959px) { .flap { height: 30px; line-height: 30px; } }
.flap::before { content: ""; position: absolute; width: 100%; border-style: solid; }
@media screen and (min-width: 960px) { .flap::before { border-width: 20px 10px 20px 0; } }
@media screen and (max-width: 959px) { .flap::before { border-width: 15px 5px 15px 0; } }
.flap::after { content: ""; position: absolute; }
@media screen and (min-width: 960px) { .flap::after { border-top: solid 10px transparent; left: -20px; width: 20px; } }
@media screen and (max-width: 959px) { .flap::after { border-top: solid 5px transparent; left: -5px; width: 5px; } }

/* Tag
---------------------------------------------*/
[class^="tag"] { color: #fff; text-align: center; }
@media screen and (min-width: 960px) { [class^="tag"] { width: 100px; height: 20px; line-height: 20px; font-size: 1.4rem; margin: 10px 0; } }
@media screen and (max-width: 959px) { [class^="tag"] { width: 100%; padding: 5px; font-size: 1.2rem; margin: 10px 0; } }

.tagNews { background: #cc0; }

.tagInterview { background: #99c; }

.tagBlog { background: #9c6; }

.tagEvent { background: #6cc; }

.tagFood { background: #f90; }

.tagColumn { background: #f69; }

/* Category List
---------------------------------------------*/
.categoryList, #categoryTop, #categorySide { padding-top: 0; }
.categoryList ul, #categoryTop ul, #categorySide ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: space-between; align-content: space-between; }
@media screen and (max-width: 959px) { .categoryList ul li, #categoryTop ul li, #categorySide ul li { width: 30%; } }
.categoryList ul li a, #categoryTop ul li a, #categorySide ul li a { display: block; margin: 0 0 10px 0; }

/* Share Buttons
---------------------------------------------*/
.share { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; }
@media screen and (min-width: 960px) { .share { width: 60%; } }
@media screen and (max-width: 959px) { .share { width: 100%; } }
.share li { margin: 0; width: 20%; height: 30px; line-height: 30px; }
.share li a { display: block; width: 100%; color: #fff; text-align: center; font-size: 1.2rem; }
.share li a::before { margin-right: 5px; font-size: 1.4rem; }
.share li a.facebook { background: #305097; }
.share li a.facebook::before { font-family: FontAwesome; content: "\f09a"; }
.share li a.twitter { background: #00aced; }
.share li a.twitter::before { font-family: FontAwesome; content: "\f099"; }
.share li a.google { background: #db4a39; }
.share li a.google::before { font-family: FontAwesome; content: "\f0d5"; }
.share li a.hatena { background: #008fde; }
.share li a.hatena::before { font-family: 'LigatureSymbols'; font-size: 130%; content: "\E161"; }
.share li a.line { background: #5ae628; }
.share li a.line::before { font-family: 'LigatureSymbols'; font-size: 130%; content: "\E157"; }
.share li a span.iconFacebook::before { content: "Facebook"; }
.share li a span.iconTwitter::before { content: "Twitter"; }
.share li a span.iconGoogle::before { content: "Google+"; }
.share li a span.iconHatena::before { content: "はてブ"; }
.share li a span.iconLine::before { content: "Line"; }
@media screen and (max-width: 959px) { .share li a span[class^="icon"]::before { display: none; } }
.share li a span.count { margin-left: 5px; }

/* Button
---------------------------------------------*/
.buttons a, header.pc .inner .headerRight ul.btns li a, footer .inner div.right ul li a { color: #fff; display: block; position: relative; }
@media screen and (min-width: 960px) { .buttons a, header.pc .inner .headerRight ul.btns li a, footer .inner div.right ul li a { width: 140px; height: 80px; padding-top: 36px; font-size: 1.4rem; line-height: 1.4em; font-weight: bold; } }
.buttons a::before, header.pc .inner .headerRight ul.btns li a::before, footer .inner div.right ul li a::before { font-family: FontAwesome; font-size: 2rem; font-weight: normal; position: absolute; left: calc(50% - .5em); top: 10px; }
.buttons a.ec, header.pc .inner .headerRight ul.btns li a.ec, footer .inner div.right ul li a.ec { background: #e50014; }
.buttons a.ec::before, header.pc .inner .headerRight ul.btns li a.ec::before, footer .inner div.right ul li a.ec::before { content: "\f291"; }
.buttons a.fax, header.pc .inner .headerRight ul.btns li a.fax, footer .inner div.right ul li a.fax { background: #3778bc; }
.buttons a.fax::before, header.pc .inner .headerRight ul.btns li a.fax::before, footer .inner div.right ul li a.fax::before { content: "\f1ac"; }
.buttons a.travel, header.pc .inner .headerRight ul.btns li a.travel, footer .inner div.right ul li a.travel { background: #f90; }
.buttons a.travel::before, header.pc .inner .headerRight ul.btns li a.travel::before, footer .inner div.right ul li a.travel::before { content: "\f0f2"; }
.buttons a.system, header.pc .inner .headerRight ul.btns li a.system, footer .inner div.right ul li a.system { background: #9c0; }
.buttons a.system::before, header.pc .inner .headerRight ul.btns li a.system::before, footer .inner div.right ul li a.system::before { content: "\f090"; }

.btn, .btn-l { background: #fff; position: relative; color: #232323; display: inline-block; font-weight: bold; margin: 0 auto; }
@media screen and (min-width: 960px) { .btn, .btn-l { width: 200px; height: 50px; line-height: 50px; border: solid 2px #232323; margin-top: 50px; font-size: 1.6rem; } }
@media screen and (max-width: 959px) { .btn, .btn-l { width: 45%; padding: 10px 15px; border: solid 2px #232323; margin-top: 25px; font-size: 1.4rem; } }
.btn::after, .btn-l::after { font-family: FontAwesome; position: absolute; content: "\f0a9"; right: 10px; }
@media screen and (min-width: 960px) { .btn::after, .btn-l::after { top: calc(50% - 25px); } }
.btn:hover, .btn-l:hover { background: #232323; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #fff; }

@media screen and (min-width: 960px) { .btn-l { width: 280px; height: inherit; line-height: 1.6em; margin-top: 0; padding: 20px; } }
@media screen and (max-width: 959px) { .btn-l { width: 100%; height: inherit; line-height: 1.6em; margin-top: 0; padding: 10px; } }
@media screen and (min-width: 960px) { .btn-l span { font-size: 2.4rem; } }
@media screen and (max-width: 959px) { .btn-l span { font-size: 1.8rem; } }
@media screen and (min-width: 960px) { .btn-l::after { font-size: 2.4rem; top: calc(50% - .5em); } }
@media screen and (max-width: 959px) { .btn-l::after { font-size: 1.8rem; top: calc(50% - .5em); } }

/* Tel
---------------------------------------------*/
.tel, header.pc .inner .headerRight div.right-left p.tel, footer .inner div.left p.tel { font-family: "Roboto", sans-serif; }
@media screen and (min-width: 960px) { .tel, header.pc .inner .headerRight div.right-left p.tel, footer .inner div.left p.tel { font-size: 3.8rem; margin-top: 5px; } }
@media screen and (max-width: 959px) { .tel, header.pc .inner .headerRight div.right-left p.tel, footer .inner div.left p.tel { display: none; } }
.tel::before, header.pc .inner .headerRight div.right-left p.tel::before, footer .inner div.left p.tel::before { margin-right: 5px; }

/* Form Button
---------------------------------------------*/
@media screen and (min-width: 960px) { .formBtn { width: 200px; height: 50px; font-size: 1.8rem; } }

/* Breadcrumb
---------------------------------------------*/
#crumb { text-align: left; color: #999; font-size: 1.2rem; background: #eee; }
@media screen and (min-width: 960px) { #crumb { padding: 20px 0; } }
@media screen and (max-width: 959px) { #crumb { padding: 7.5px 0; line-height: 1.4em; } }
#crumb li { position: relative; display: inline-block; }
@media screen and (min-width: 960px) { #crumb li { margin-right: 40px; } }
@media screen and (max-width: 959px) { #crumb li { margin-right: 15px; } }
#crumb li a { color: #232323; text-decoration: underline; }
#crumb li a::after { font-family: FontAwesome; position: absolute; content: "\f105"; color: #999; top: 0; }
@media screen and (min-width: 960px) { #crumb li a::after { right: -25px; } }
@media screen and (max-width: 959px) { #crumb li a::after { right: -12px; } }

/* Pager
---------------------------------------------*/
@media screen and (min-width: 960px) { .pager { padding-top: 40px; margin-top: 40px; } }
@media screen and (max-width: 959px) { .pager { padding-top: 15px; margin-top: 15px; } }
.pager ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 0 auto; text-align: center; }
.pager ul li { display: inline-block; font-family: "Roboto", sans-serif; }
@media screen and (min-width: 960px) { .pager ul li { margin-right: 10px; } }
@media screen and (max-width: 959px) { .pager ul li { margin-right: 5px; } }
.pager ul li span, .pager ul li a { display: table-cell; vertical-align: middle; }
@media screen and (min-width: 960px) { .pager ul li span, .pager ul li a { width: 40px; height: 40px; font-size: 1.6rem; } }
@media screen and (max-width: 959px) { .pager ul li span, .pager ul li a { width: 30px; height: 30px; font-size: 1.2rem; } }
.pager ul li a { background: #eee; color: #232323; }
.pager ul li a:hover { color: #fff; background: #232323; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.pager ul li:last-child { margin-right: 0; }
.pager ul li.active { background: #e50014; color: #fff; }
@media screen and (min-width: 960px) { .pager ul li.prev { margin-right: 20px; } }
@media screen and (max-width: 959px) { .pager ul li.prev { margin-right: 15px; } }
@media screen and (min-width: 960px) { .pager ul li.next { margin-left: 10px; } }
@media screen and (max-width: 959px) { .pager ul li.next { margin-left: 10px; } }

/* Header & Footer Links
---------------------------------------------*/
.links, header.pc .inner .headerRight div.right-right ul li, .headerLinks, footer .inner div.left ul li, #sub nav ul li { display: inline-block; }
.links a, header.pc .inner .headerRight div.right-right ul li a, .headerLinks a, footer .inner div.left ul li a, #sub nav ul li a { color: #232323; }
@media screen and (min-width: 960px) { .links a, header.pc .inner .headerRight div.right-right ul li a, .headerLinks a, footer .inner div.left ul li a, #sub nav ul li a { font-size: 1.4rem; } }
@media screen and (max-width: 959px) { .links a, header.pc .inner .headerRight div.right-right ul li a, .headerLinks a, footer .inner div.left ul li a, #sub nav ul li a { font-size: 1.2rem; } }
.links a::before, header.pc .inner .headerRight div.right-right ul li a::before, .headerLinks a::before, footer .inner div.left ul li a::before, #sub nav ul li a::before { font-family: FontAwesome; content: "\f0a9"; color: #e50014; margin-right: 5px; font-size: 1.6rem; }

/* Page Top
---------------------------------------------*/
#pageTop { display: block; position: fixed; z-index: 9999; -moz-transform: rotateY(270deg); -webkit-transform: rotateY(270deg); transform: rotateY(270deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
@media screen and (min-width: 960px) { #pageTop { bottom: 20px; right: 20px; } }
@media screen and (max-width: 959px) { #pageTop { bottom: 10px; right: 10px; } }
#pageTop:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

/*==============================
	Layout
==============================*/
/* Header
---------------------------------------------*/
header { background: #fff; }
header.pc { position: relative; top: 0; left: 0; width: 100%; height: 80px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
header.pc .inner { width: 1260px; padding-top: 20px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
header.pc .inner .logo { width: 194px; height: 60px; }
header.pc .inner .headerRight { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; height: 60px; }
header.pc .inner .headerRight div.right-left p { width: 290px; font-size: 1.4rem; text-align: left; }
header.pc .inner .headerRight div.right-left p.tel::before { content: url(../img/common/free-dial_bk.png); }
header.pc .inner .headerRight div.right-center { margin-left: 20px; }
header.pc .inner .headerRight div.right-center p { width: 200px; height: 22px; font-size: 1.4rem; text-align: left; }
header.pc .inner .headerRight div.right-center a.contact { width: 200px; height: 36px; text-align: center; color: #fff; background: #e50014; display: table-cell; vertical-align: middle; font-size: 1.5rem; }
header.pc .inner .headerRight div.right-center a.contact::before { font-family: FontAwesome; content: "\f0e0"; margin-right: 5px; }
header.pc .inner .headerRight div.right-right { width: 200px; margin-left: 20px; }
header.pc .inner .headerRight div.right-right ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 10px; padding: 0 10px; }
header.pc .inner .headerRight ul.btns { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; width: 360px; }
header.pc .inner .headerRight ul.btns li { display: inline-block; }
header.sp { width: 100%; text-align: left; z-index: 200; position: fixed; height: 66px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
header.sp .logo { width: 40%; padding: 10px; z-index: 201; position: relative; }

@media screen and (min-width: 960px) { nav { padding: 20px 0; } }
nav div img { width: 0; visibility: hidden; }
@media screen and (min-width: 960px) { nav ul { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; } }
@media screen and (min-width: 960px) { nav ul li { width: 252px; height: 60px; display: inline-block; border-left: dashed 1px #ccc; }
  nav ul li:last-child { border-right: dashed 1px #ccc; } }
@media screen and (max-width: 959px) { nav ul li { width: 100%; display: block; border-bottom: dashed 1px #ccc; position: relative; }
  nav ul li::after { font-family: FontAwesome; position: absolute; content: "\f105"; right: 15px; top: calc(50% - .5em); color: #ccc; font-size: 1.8rem; } }
nav ul li a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; color: #232323; font-weight: bold; }
@media screen and (min-width: 960px) { nav ul li a { -webkit-justify-content: center; justify-content: center; height: 60px; font-size: 1.6rem; }
  nav ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #e50014; } }
@media screen and (max-width: 959px) { nav ul li a { -webkit-justify-content: flex-start; justify-content: flex-start; font-size: 1.4rem; padding: 8px 10px; } }
@media screen and (min-width: 960px) { nav ul li:nth-child(1) a::before { content: url(../img/common/icon-01.png); margin-right: 10px; } }
@media screen and (max-width: 959px) { nav ul li:nth-child(1) a::before { content: ""; background: url(../img/common/icon-01.png) no-repeat center center; background-size: contain; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } }
nav ul li:nth-child(1) a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
nav ul li:nth-child(1) a:hover::before { -moz-animation: bounce-up 0.5s ease infinite; -webkit-animation: bounce-up 0.5s ease infinite; animation: bounce-up 0.5s ease infinite; }
@media screen and (min-width: 960px) { nav ul li:nth-child(2) a::before { content: url(../img/common/icon-02.png); margin-right: 10px; } }
@media screen and (max-width: 959px) { nav ul li:nth-child(2) a::before { content: ""; background: url(../img/common/icon-02.png) no-repeat center center; background-size: contain; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } }
nav ul li:nth-child(2) a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
nav ul li:nth-child(2) a:hover::before { -moz-animation: bounce-up 0.5s ease infinite; -webkit-animation: bounce-up 0.5s ease infinite; animation: bounce-up 0.5s ease infinite; }
@media screen and (min-width: 960px) { nav ul li:nth-child(3) a::before { content: url(../img/common/icon-03.png); margin-right: 10px; } }
@media screen and (max-width: 959px) { nav ul li:nth-child(3) a::before { content: ""; background: url(../img/common/icon-03.png) no-repeat center center; background-size: contain; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } }
nav ul li:nth-child(3) a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
nav ul li:nth-child(3) a:hover::before { -moz-animation: bounce-up 0.5s ease infinite; -webkit-animation: bounce-up 0.5s ease infinite; animation: bounce-up 0.5s ease infinite; }
@media screen and (min-width: 960px) { nav ul li:nth-child(4) a::before { content: url(../img/common/icon-04.png); margin-right: 10px; } }
@media screen and (max-width: 959px) { nav ul li:nth-child(4) a::before { content: ""; background: url(../img/common/icon-04.png) no-repeat center center; background-size: contain; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } }
nav ul li:nth-child(4) a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
nav ul li:nth-child(4) a:hover::before { -moz-animation: bounce-up 0.5s ease infinite; -webkit-animation: bounce-up 0.5s ease infinite; animation: bounce-up 0.5s ease infinite; }
@media screen and (min-width: 960px) { nav ul li:nth-child(5) a::before { content: url(../img/common/icon-05.png); margin-right: 10px; } }
@media screen and (max-width: 959px) { nav ul li:nth-child(5) a::before { content: ""; background: url(../img/common/icon-05.png) no-repeat center center; background-size: contain; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } }
nav ul li:nth-child(5) a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
nav ul li:nth-child(5) a:hover::before { -moz-animation: bounce-up 0.5s ease infinite; -webkit-animation: bounce-up 0.5s ease infinite; animation: bounce-up 0.5s ease infinite; }
@media screen and (min-width: 960px) { nav ul li:nth-child(6) a::before { content: url(../img/common/icon-06.png); margin-right: 10px; } }
@media screen and (max-width: 959px) { nav ul li:nth-child(6) a::before { content: ""; background: url(../img/common/icon-06.png) no-repeat center center; background-size: contain; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } }
nav ul li:nth-child(6) a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
nav ul li:nth-child(6) a:hover::before { -moz-animation: bounce-up 0.5s ease infinite; -webkit-animation: bounce-up 0.5s ease infinite; animation: bounce-up 0.5s ease infinite; }
@media screen and (min-width: 960px) { nav ul li:nth-child(7) a::before { content: url(../img/common/icon-07.png); margin-right: 10px; } }
@media screen and (max-width: 959px) { nav ul li:nth-child(7) a::before { content: ""; background: url(../img/common/icon-07.png) no-repeat center center; background-size: contain; width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } }
nav ul li:nth-child(7) a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
nav ul li:nth-child(7) a:hover::before { -moz-animation: bounce-up 0.5s ease infinite; -webkit-animation: bounce-up 0.5s ease infinite; animation: bounce-up 0.5s ease infinite; }

/* PC fixed */
.clone-nav { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; transition: .3s; transform: translateY(-100%); background: rgba(255, 255, 255, 0.9); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 959px) { .clone-nav { display: none; } }
.clone-nav div { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.clone-nav div img { width: 100px; visibility: visible; }
.clone-nav div ul { -webkit-justify-content: flex-end; justify-content: flex-end; }
.clone-nav div ul li { width: 120px; height: 30px; }
.clone-nav div ul li a { height: 30px; font-size: 1.4rem; font-weight: 500; }
.clone-nav div ul li a::before { display: none; }

.is-show { transform: translateY(0); }

/* SP Nav bottom area */
.headerTel, .headerContact { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center; text-align: center; padding: 10px 5px; border-bottom: dotted 1px #ccc; }
.headerTel p, .headerContact p { font-size: 1.2rem; line-height: 1.4em; text-align: left; position: relative; color: #e50014; }
.headerTel p::after, .headerContact p::after { font-family: FontAwesome; position: absolute; content: "\f105"; right: -20px; top: calc(50% - .25em); color: #e50014; font-size: 3.6rem; }
.headerTel a, .headerContact a { margin-left: 10px; padding: 10px; font-weight: bold; background: #e50014; color: #fff; display: inline-block; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.headerTel a { font-size: 1.8rem; }
.headerTel a::before { content: ""; background: url(../img/common/free-dial.png) no-repeat center center; margin-right: 5px; width: 25px; height: 18px; background-size: contain; display: inline-block; vertical-align: middle; }

.headerContact a { font-size: 1.5rem; }
.headerContact a::before { font-family: FontAwesome; content: "\f0e0"; margin-right: 5px; font-weight: normal; font-size: 1.7rem; }

.headerLinks { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 15px 5px; border-bottom: dotted 1px #ccc; }

.headerIcons { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; padding: 10px 5px 0; }
.headerIcons i { font-size: 3rem; margin-left: 20px; color: #999; }

/* for SP
---------------------------------------------*/
@media screen and (max-width: 959px) { .wrap { padding-top: 66px; } }

/* footer
---------------------------------------------*/
footer { width: 100%; background: #232323; color: #fff; }
@media screen and (min-width: 960px) { footer { padding: 50px 0; } }
@media screen and (max-width: 959px) { footer { padding: 25px 0; } }
@media screen and (min-width: 960px) { footer .inner { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
@media screen and (min-width: 960px) { footer .inner div.left { text-align: left; } }
@media screen and (max-width: 959px) { footer .inner div.left img { width: 40%; } }
footer .inner div.left p { font-size: 1.4rem; }
@media screen and (min-width: 960px) { footer .inner div.left p.address { font-size: 1.6rem; margin: 20px 0 30px; } }
@media screen and (max-width: 959px) { footer .inner div.left p.address { margin: 10px 0; } }
footer header.pc .inner div.left .headerRight div.right-left p.tel::before, header.pc footer .inner div.left .headerRight div.right-left p.tel::before, footer header.pc .inner .headerRight div.right-left div.left p.tel::before, header.pc footer .inner .headerRight div.right-left div.left p.tel::before, footer .inner div.left p.tel::before { content: url(../img/common/free-dial.png); }
footer .inner div.left p.copy { font-family: "Roboto", sans-serif; color: #666; }
@media screen and (min-width: 960px) { footer .inner div.left p.copy { font-size: 1.2rem; margin-top: 15px; } }
@media screen and (max-width: 959px) { footer .inner div.left p.copy { font-size: 1rem; margin-top: 10px; } }
footer .inner div.left p.copy span { font-size: 1.8rem; margin-left: 10px; }
@media screen and (max-width: 959px) { footer .inner div.left p.copy span { display: none; } }
footer .inner div.left p.copy span a { color: #fff; }
@media screen and (min-width: 960px) { footer .inner div.left ul { margin-top: 20px; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; } }
@media screen and (min-width: 960px) { footer .inner div.left ul li { margin-right: 20px; } }
footer .inner div.left ul li a { color: #fff; }
@media screen and (max-width: 959px) { footer .inner div.left ul li:last-child { margin-left: 20px; } }
@media screen and (min-width: 960px) { footer .inner div.left ul.sp { display: none; } }
@media screen and (max-width: 959px) { footer .inner div.left ul.bnr { display: none; } }
footer .inner div.left ul.bnr li a::before { display: none; }
footer .inner div.right { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media screen and (max-width: 959px) { footer .inner div.right { display: none; } }
@media screen and (min-width: 960px) { footer .inner div.right { width: 575px; } }
@media screen and (min-width: 960px) { footer .inner div.right ul { width: 140px; } }
footer .inner div.right ul li { display: block; }
@media screen and (min-width: 960px) { footer .inner div.right ul li { margin-bottom: 15px; } }
footer .inner div.right ul li:last-child { margin-bottom: 0; }
@media screen and (min-width: 960px) { footer .inner div.right .fb { width: 420px; height: 365px; background: #999; } }

/*==============================
	TOP - Contents
==============================*/
/* First View
---------------------------------------------*/
.fv { width: 100%; overflow: hidden; position: relative; margin-bottom: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTVlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGFkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e5e6), color-stop(100%, #dfdad9)); background-image: -moz-linear-gradient(top, #e8e5e6 0%, #dfdad9 100%); background-image: -webkit-linear-gradient(top, #e8e5e6 0%, #dfdad9 100%); background-image: linear-gradient(to bottom, #e8e5e6 0%, #dfdad9 100%); }
@media screen and (min-width: 960px) { .fv { height: 600px; } }
@media screen and (max-width: 959px) { .fv { height: 250px; } }
.fv img { position: absolute; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; top: 50%; left: 50%; }
@media screen and (min-width: 960px) { .fv img { max-width: 1920px; } }
@media screen and (max-width: 959px) { .fv img { max-width: 200%; } }
.fv::before { display: none; }

/* News
---------------------------------------------*/
#news { background: #ffc; }
@media screen and (min-width: 960px) { #news { border-top: solid #fc0 10px; border-bottom: solid #fc0 10px; } }
@media screen and (max-width: 959px) { #news { border-top: solid #fc0 5px; border-bottom: solid #fc0 5px; } }
#news .inner { position: relative; background: url(../img/top/news.png) no-repeat top left; }
@media screen and (max-width: 959px) { #news .inner { padding-top: 50px; padding-bottom: 100px; background-size: 30%; } }
#news .inner::before { content: ""; position: absolute; background: url(../img/top/characterNews.png) no-repeat bottom left; left: 0; }
@media screen and (min-width: 960px) { #news .inner::before { width: 200px; height: 260px; bottom: -50px; } }
@media screen and (max-width: 959px) { #news .inner::before { background-size: 35%; width: 100%; height: 200px; bottom: -25px; } }
#news .inner::after { content: ""; position: absolute; background: url(../img/top/nakahiroshiTop.png) no-repeat bottom right; }
@media screen and (min-width: 960px) { #news .inner::after { width: 138px; height: 260px; bottom: -50px; right: 50px; } }
@media screen and (max-width: 959px) { #news .inner::after { background-size: 25%; width: 100%; height: 200px; bottom: -25px; right: 0; } }
#news .inner article { position: relative; }
@media screen and (min-width: 960px) { #news .inner article { background: #fff; margin: 0 auto; width: 800px; padding: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } }
@media screen and (max-width: 959px) { #news .inner article { width: 100%; padding: 0 20px; margin-bottom: 15%; } }
@media screen and (min-width: 960px) { #news .inner article::before { content: ""; position: absolute; bottom: 25px; left: -60px; border: 15px solid transparent; border-right: 45px solid #fff; } }
#news .inner article dl { border-bottom: dotted 1px #999; text-align: left; }
@media screen and (min-width: 960px) { #news .inner article dl { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; padding-bottom: 5px; margin-bottom: 15px; } }
@media screen and (max-width: 959px) { #news .inner article dl { padding-bottom: 5px; margin-bottom: 10px; } }
#news .inner article dl dt { font-family: "Roboto", sans-serif; }
@media screen and (min-width: 960px) { #news .inner article dl dt { width: 140px; font-size: 1.4rem; line-height: 1.4em; } }
@media screen and (max-width: 959px) { #news .inner article dl dt { font-size: 1.2rem; margin-bottom: 5px; color: #999; } }
@media screen and (min-width: 960px) { #news .inner article dl dd { width: 580px; font-size: 1.6rem; line-height: 1.4em; } }
@media screen and (max-width: 959px) { #news .inner article dl dd { font-size: 1.4rem; line-height: 1.4em; } }
#news .inner article dl dd span::after { color: #fff; text-align: center; line-height: 1em; padding: 2px 5px; margin-left: 5px; font-family: "Roboto", sans-serif; font-weight: bold; background: #e50014; content: "NEW"; }
@media screen and (min-width: 960px) { #news .inner article dl dd span::after { font-size: 1.2rem; } }
@media screen and (max-width: 959px) { #news .inner article dl dd span::after { font-size: 1rem; } }
#news .inner article dl:last-child { margin-bottom: 0; }
@media screen and (max-width: 959px) { #news .inner div.front { width: 45%; position: absolute; z-index: 10; left: 27.5%; }
  #news .inner div.front a { width: 100%; } }

/* Topics
---------------------------------------------*/
#topics { position: relative; }
#topics::before { content: ""; position: absolute; width: 100%; height: 100%; background: url(../img/common/bg-dots.jpg) repeat; z-index: -2; left: 0; top: 0; }
#topics h2::before { border-color: #9c0 transparent #9c0 transparent; }
#topics ul li { position: relative; }
@media screen and (max-width: 959px) { #topics ul li { background-size: 50%; } }
#topics ul li.company { background: url(../img/top/company.jpg) no-repeat left top; }
#topics ul li.company figcaption::before, #topics ul li.company figcaption::after { border-color: #455d94; }
#topics ul li.kindergarten { background: url(../img/top/kindergarten.jpg) no-repeat left top; }
#topics ul li.kindergarten figcaption::before, #topics ul li.kindergarten figcaption::after { border-color: #ea9650; }
#topics ul li.delivery { background: url(../img/top/delivery.jpg) no-repeat left top; }
#topics ul li.delivery figcaption::before, #topics ul li.delivery figcaption::after { border-color: #d75265; }
#topics ul li a { color: #fff; font-weight: bold; display: block; text-align: left; position: relative; -ms-writing-mode: tb-lr; /* IE用　*/ -webkit-writing-mode: vertical-lr; /* chrome用　*/ -o-writing-mode: vertical-lr; /* opera用　*/ writing-mode: vertical-lr; }
@media screen and (min-width: 960px) { #topics ul li a { width: 360px; height: 200px; font-size: 2.4rem; } }
@media screen and (max-width: 959px) { #topics ul li a { width: 100%; height: 200px; font-size: 2rem; } }
#topics ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
@media screen and (min-width: 960px) { #topics ul li a figure { height: 200px; padding-top: 15px; padding-left: 12px; } }
@media screen and (max-width: 959px) { #topics ul li a figure { height: 200px; padding-top: 15px; padding-left: 15px; } }
#topics ul li p { position: absolute; }
@media screen and (min-width: 960px) { #topics ul li p { left: -20px; bottom: 10px; } }
@media screen and (max-width: 959px) { #topics ul li p { left: -10px; bottom: 10px; } }
@media screen and (min-width: 960px) { #topics ul li p.flap { width: 270px; } }
@media screen and (max-width: 959px) { #topics ul li p.flap { width: 60%; } }
#topics ul li p.flap::before { border-color: #fc0 transparent #fc0 transparent; left: 0; bottom: 0; }
@media screen and (min-width: 960px) { #topics ul li p.flap::after { border-right: solid 20px #b29007; bottom: 40px; } }
@media screen and (max-width: 959px) { #topics ul li p.flap::after { border-right: solid 10px #b29007; bottom: 30px; } }
#topics ul li p span { position: absolute; font-weight: bold; left: 0; bottom: 0; color: #630; text-align: center; }
@media screen and (min-width: 960px) { #topics ul li p span { width: 270px; font-size: 2.4rem; } }
@media screen and (max-width: 959px) { #topics ul li p span { width: 100%; font-size: 1.6rem; } }

/* 注目記事
---------------------------------------------*/
#featured { position: relative; }
#featured::before { content: ""; position: absolute; width: 100%; height: 100%; background: url(../img/common/bg-blue.jpg) repeat; z-index: -2; left: 0; top: 0; }
#featured h2::before { border-color: #039 transparent #039 transparent; }

/* 最新記事
---------------------------------------------*/
#latest { position: relative; }
#latest::before { content: ""; position: absolute; width: 100%; height: 100%; background: url(../img/common/bg-stripe.jpg) repeat; z-index: -2; left: 0; top: 0; }
#latest h2::before { border-color: #e50014 transparent #e50014 transparent; }

/* タブ分け
---------------------------------------------*/
#tab ul.tabs { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; }
@media screen and (max-width: 959px) { #tab ul.tabs li { width: 32%; } }
#tab ul.tabs li label { display: inline-block; background: #f90; font-weight: bold; color: #fff; cursor: pointer; }
@media screen and (min-width: 960px) { #tab ul.tabs li label { width: 410px; height: 60px; line-height: 60px; font-size: 2.4rem; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px; border-radius: 20px 20px 0 0; } }
@media screen and (max-width: 959px) { #tab ul.tabs li label { width: 100%; height: 40px; line-height: 40px; font-size: 1.2rem; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px; border-radius: 20px 20px 0 0; } }
#tab ul.tabs li label:hover { color: #f90; background: #fed; position: relative; }
@media screen and (min-width: 960px) { #tab ul.tabs li label:hover { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; margin-top: -10px; height: 70px; } }
#tab ul.tabs li label:hover::after { content: ""; position: absolute; bottom: 0; }
@media screen and (min-width: 960px) { #tab ul.tabs li label:hover::after { border-top: 15px solid #f90; border-right: 15px solid transparent; border-left: 15px solid transparent; left: calc(50% - 15px); } }
#tab input[type="radio"] { display: none; }
#tab input[type="radio"]#tab1:checked ~ .tabs .label-forPanel-01, #tab input[type="radio"]#tab2:checked ~ .tabs .label-forPanel-02, #tab input[type="radio"]#tab3:checked ~ .tabs .label-forPanel-03 { color: #f90; background: #fed; position: relative; }
@media screen and (min-width: 960px) { #tab input[type="radio"]#tab1:checked ~ .tabs .label-forPanel-01, #tab input[type="radio"]#tab2:checked ~ .tabs .label-forPanel-02, #tab input[type="radio"]#tab3:checked ~ .tabs .label-forPanel-03 { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; margin-top: -10px; height: 70px; } }
@media screen and (max-width: 959px) { #tab input[type="radio"]#tab1:checked ~ .tabs .label-forPanel-01, #tab input[type="radio"]#tab2:checked ~ .tabs .label-forPanel-02, #tab input[type="radio"]#tab3:checked ~ .tabs .label-forPanel-03 { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; margin-top: -10px; height: 50px; } }
#tab input[type="radio"]#tab1:checked ~ .tabs .label-forPanel-01::after, #tab input[type="radio"]#tab2:checked ~ .tabs .label-forPanel-02::after, #tab input[type="radio"]#tab3:checked ~ .tabs .label-forPanel-03::after { content: ""; position: absolute; bottom: 0; }
@media screen and (min-width: 960px) { #tab input[type="radio"]#tab1:checked ~ .tabs .label-forPanel-01::after, #tab input[type="radio"]#tab2:checked ~ .tabs .label-forPanel-02::after, #tab input[type="radio"]#tab3:checked ~ .tabs .label-forPanel-03::after { border-top: 15px solid #f90; border-right: 15px solid transparent; border-left: 15px solid transparent; left: calc(50% - 15px); } }
@media screen and (max-width: 959px) { #tab input[type="radio"]#tab1:checked ~ .tabs .label-forPanel-01::after, #tab input[type="radio"]#tab2:checked ~ .tabs .label-forPanel-02::after, #tab input[type="radio"]#tab3:checked ~ .tabs .label-forPanel-03::after { border-top: 10px solid #f90; border-right: 10px solid transparent; border-left: 10px solid transparent; left: calc(50% - 10px); } }
#tab article { background: #fed; }
@media screen and (min-width: 960px) { #tab article { padding: 50px 0; } }
@media screen and (max-width: 959px) { #tab article { padding: 25px 0; } }

#tab > article > div { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; display: none; }
@media screen and (min-width: 960px) { #tab > article > div { padding: 0 50px; } }

#tab1:checked ~ article #tabPanel-01, #tab2:checked ~ article #tabPanel-02, #tab3:checked ~ article #tabPanel-03 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; display: inline-block !important; }

/* カテゴリ一覧
---------------------------------------------*/
#categoryTop h2::before { border-color: #666 transparent #666 transparent; }
#categoryTop ul { border: solid 1px #ccc; }
@media screen and (min-width: 960px) { #categoryTop ul { padding: 40px 40px 30px; } }
@media screen and (max-width: 959px) { #categoryTop ul { padding: 15px 15px 5px; } }

/*==============================
	SUB - Contents
==============================*/
/* Common
---------------------------------------------*/
#sub { text-align: left; }
@media screen and (min-width: 960px) { #sub { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } }
#sub section { padding-top: 0; }
@media screen and (min-width: 960px) { #sub main { width: 900px; padding-top: 50px; } }
@media screen and (max-width: 959px) { #sub main { padding-top: 25px; } }
#sub main .meta { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (min-width: 960px) { #sub main .meta { margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #sub main .meta { margin-bottom: 15px; } }
#sub main .meta ul { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; }
@media screen and (min-width: 960px) { #sub main .meta ul li { margin-left: 10px; } }
@media screen and (max-width: 959px) { #sub main .meta ul li { margin-right: 10px; } }
#sub main .meta ul li.date { color: #666; }
@media screen and (min-width: 960px) { #sub main .meta ul li.date { font-size: 1.6rem; } }
@media screen and (max-width: 959px) { #sub main .meta ul li.date { font-size: 1.2rem; } }
#sub main .meta ul.share li { margin: 0; }
#sub main .mainImg img { width: 100%; }
@media screen and (min-width: 960px) { #sub main .mainImg { margin-bottom: 40px; } }
@media screen and (max-width: 959px) { #sub main .mainImg { margin-bottom: 15px; } }
#sub main p { line-height: 2em; text-align: justify; }
@media screen and (min-width: 960px) { #sub main p { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #sub main p { font-size: 1.4rem; } }
#sub main .pageNav { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; border-top: dashed 1px #999; }
@media screen and (min-width: 960px) { #sub main .pageNav { margin-top: 40px; padding: 40px 0 50px; font-size: 1.4rem; } }
@media screen and (max-width: 959px) { #sub main .pageNav { margin-top: 15px; padding: 15px 0 25px; font-size: 1.2rem; } }
#sub main .pageNav a { background: #232323; display: block; text-align: center; color: #fff; padding: 10px; }
#sub main .pageNav a::before, #sub main .pageNav a::after { font-family: FontAwesome; }
#sub main .pageNav a.prev::before { content: "\f0a8"; margin-right: 5px; }
#sub main .pageNav a.next::after { content: "\f0a9"; margin-left: 5px; }
#sub aside { text-align: center; }
@media screen and (min-width: 960px) { #sub aside { width: 310px; padding-top: 50px; } }
@media screen and (min-width: 960px) { #sub aside .ribbon { width: 270px; } }
@media screen and (min-width: 960px) { #sub aside .ribbon span::before { width: 290px; } }
@media screen and (min-width: 960px) { #sub h2 { margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #sub h2 { margin-bottom: 15px; } }
#sub h2::before { border-color: #666 transparent #666 transparent; }
#sub .clone-nav { display: none; }
#sub nav { border: solid 1px #ccc; }
@media screen and (min-width: 960px) { #sub nav { padding: 30px; margin-bottom: 40px; } }
@media screen and (max-width: 959px) { #sub nav { padding: 15px; margin-bottom: 15px; } }
#sub nav ul { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#sub nav ul li { width: inherit; height: inherit; border: none; }
@media screen and (min-width: 960px) { #sub nav ul li { margin-right: 30px; } }
@media screen and (max-width: 959px) { #sub nav ul li { margin-right: 15px; } }
#sub nav ul li::after { display: none; }
#sub nav ul li a { font-weight: 500; height: inherit; }
@media screen and (min-width: 960px) { #sub nav ul li a { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #sub nav ul li a { font-size: 1.4rem; } }
#sub nav ul li a::before { width: inherit; height: inherit; background: none; }
#sub nav ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
#sub nav ul li a:hover::before { -moz-animation: none; -webkit-animation: none; animation: none; }
#sub nav ul li:last-child { margin-right: 0; }
#sub .btnArea { text-align: center; }
#sub .btnRight { text-align: center; margin-bottom: 0; }
@media screen and (min-width: 960px) { #sub .btnRight { float: right; } }
@media screen and (min-width: 960px) { #sub .btnRight .btn, #sub .btnRight .btn-l { margin-top: 25px; } }
@media screen and (max-width: 959px) { #sub .btnRight .btn, #sub .btnRight .btn-l { margin-top: 15px; } }
#sub span.ttl { font-weight: bold; display: block; margin-bottom: .75em; }
@media screen and (min-width: 960px) { #sub span.ttl { font-size: 2.4rem; } }
@media screen and (max-width: 959px) { #sub span.ttl { font-size: 1.8rem; } }

/* 記事一覧（サイド）
---------------------------------------------*/
.postSide ul li, #related ul li, #more ul li { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; border-bottom: dashed 1px #ccc; }
@media screen and (min-width: 960px) { .postSide ul li, #related ul li, #more ul li { padding: 15px 0; } }
@media screen and (max-width: 959px) { .postSide ul li, #related ul li, #more ul li { padding: 10px 0; } }
.postSide ul li .trim, #related ul li .trim, #more ul li .trim { position: relative; overflow: hidden; }
@media screen and (min-width: 960px) { .postSide ul li .trim, #related ul li .trim, #more ul li .trim { width: 120px; height: 80px; } }
@media screen and (max-width: 959px) { .postSide ul li .trim, #related ul li .trim, #more ul li .trim { width: 33%; } }
.postSide ul li .trim a, #related ul li .trim a, #more ul li .trim a { display: block; width: 100%; padding-top: calc(2/3*100%); }
.postSide ul li .trim a img, #related ul li .trim a img, #more ul li .trim a img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.postSide ul li .trim a span, #related ul li .trim a span, #more ul li .trim a span { position: absolute; background: #e50014; color: #fff; font-family: "Roboto", sans-serif; text-align: center; display: block; left: 0; top: 0; }
@media screen and (min-width: 960px) { .postSide ul li .trim a span, #related ul li .trim a span, #more ul li .trim a span { width: 40px; height: 20px; font-size: 1.2rem; line-height: 20px; } }
@media screen and (max-width: 959px) { .postSide ul li .trim a span, #related ul li .trim a span, #more ul li .trim a span { font-size: 1rem; padding: 5px; } }
.postSide ul li div.right, #related ul li div.right, #more ul li div.right { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (min-width: 960px) { .postSide ul li div.right, #related ul li div.right, #more ul li div.right { width: 180px; } }
@media screen and (max-width: 959px) { .postSide ul li div.right, #related ul li div.right, #more ul li div.right { width: 65%; } }
@media screen and (max-width: 959px) { .postSide ul li div.right a, #related ul li div.right a, #more ul li div.right a { width: 100%; padding-top: 0; } }
.postSide ul li div.right a dl, #related ul li div.right a dl, #more ul li div.right a dl { width: 100%; text-align: left; }
.postSide ul li div.right a dl dt, #related ul li div.right a dl dt, #more ul li div.right a dl dt { font-weight: bold; color: #232323; margin-bottom: 5px; font-size: 1.4rem; line-height: 1.2em; }
@media screen and (min-width: 960px) { .postSide ul li div.right a dl dt, #related ul li div.right a dl dt, #more ul li div.right a dl dt { margin-top: 10px; } }
@media screen and (max-width: 959px) { .postSide ul li div.right a dl dt, #related ul li div.right a dl dt, #more ul li div.right a dl dt { margin-top: 5px; } }
.postSide ul li div.right a dl dd, #related ul li div.right a dl dd, #more ul li div.right a dl dd { font-size: 1.2rem; line-height: 1.2em; height: 2.88rem; }
.postSide ul li div.right a dl dd::before, #related ul li div.right a dl dd::before, #more ul li div.right a dl dd::before { top: 1.44rem; }
.postSide ul li div.date, #related ul li div.date, #more ul li div.date { font-family: "Roboto", sans-serif; font-size: 1.2rem; }
.postSide ul li div [class^="tag"], #related ul li div [class^="tag"], #more ul li div [class^="tag"] { margin: 0; }
@media screen and (max-width: 959px) { .postSide ul li div [class^="tag"], #related ul li div [class^="tag"], #more ul li div [class^="tag"] { width: 40%; } }

/* カテゴリ一覧（サイド）
---------------------------------------------*/
#categorySide { width: 100%; }
@media screen and (min-width: 960px) { #categorySide [class^="tag"] { width: 140px; height: 30px; line-height: 30px; font-size: 1.6rem; margin: 10px 0; } }

/* 関連記事・注目記事・最新記事
---------------------------------------------*/
#related, #more { text-align: center; }
@media screen and (min-width: 960px) { #related ul, #more ul { padding: 0 25px; margin-top: 20px; border-bottom: dashed 1px #ccc; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
@media screen and (min-width: 960px) { #related ul li, #more ul li { width: 250px; display: inline-block; border-bottom: none; padding: 0 0 30px; } }
#related ul li .trim, #more ul li .trim { position: relative; overflow: hidden; }
@media screen and (min-width: 960px) { #related ul li .trim, #more ul li .trim { width: 250px; height: 167px; margin-bottom: 10px; } }
@media screen and (max-width: 959px) { #related ul li .trim, #more ul li .trim { width: 33%; } }
@media screen and (min-width: 960px) { #related ul li div.right, #more ul li div.right { width: 100%; } }
@media screen and (min-width: 960px) { #related ul li div.right a dl dt, #more ul li div.right a dl dt { margin-top: 10px; font-size: 1.6rem; } }

#more h1 { text-align: left; }
#more ul { border-bottom: none; }

/* 新着情報一覧
---------------------------------------------*/
#newsList dl { border-bottom: dotted 1px #999; text-align: left; }
@media screen and (min-width: 960px) { #newsList dl { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; padding: 0 20px 10px; margin-bottom: 15px; } }
@media screen and (max-width: 959px) { #newsList dl { padding: 0 10px 5px; margin-bottom: 10px; } }
#newsList dl dt { font-family: "Roboto", sans-serif; }
@media screen and (min-width: 960px) { #newsList dl dt { width: 160px; font-size: 1.6rem; line-height: 1.4em; } }
@media screen and (max-width: 959px) { #newsList dl dt { font-size: 1.2rem; margin-bottom: 5px; color: #999; } }
@media screen and (min-width: 960px) { #newsList dl dd { width: 720px; font-size: 1.8rem; line-height: 1.4em; } }
@media screen and (max-width: 959px) { #newsList dl dd { font-size: 1.4rem; line-height: 1.4em; } }
#newsList dl dd span::after { color: #fff; text-align: center; line-height: 1em; padding: 2px 5px; margin-left: 5px; font-family: "Roboto", sans-serif; font-weight: bold; background: #e50014; content: "NEW"; }
@media screen and (min-width: 960px) { #newsList dl dd span::after { font-size: 1.2rem; } }
@media screen and (max-width: 959px) { #newsList dl dd span::after { font-size: 1rem; } }
#newsList dl:last-child { margin-bottom: 0; }

/* 仕出し・ケータリングメニュー
---------------------------------------------*/
#menu section { text-align: center; }
#menu section h1, #menu section h4 { text-align: left; }
#menu section h5 { margin-bottom: 0; }
#menu section .ranking { border: solid 1px #e50014; }
@media screen and (min-width: 960px) { #menu section .ranking { padding: 30px; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #menu section .ranking { padding: 15px; margin-bottom: 15px; } }
#menu section .ranking ul { -webkit-justify-content: space-between; justify-content: space-between; }
#menu section .ranking ul li { text-align: left; position: relative; }
@media screen and (min-width: 960px) { #menu section .ranking ul li { width: 260px; } }
@media screen and (max-width: 959px) { #menu section .ranking ul li { width: 100%; padding-top: .5em; } }
#menu section .ranking ul li img { width: 100%; }
@media screen and (min-width: 960px) { #menu section .ranking ul li img { margin-top: 10px; } }
@media screen and (max-width: 959px) { #menu section .ranking ul li img { display: none; } }
#menu section .ranking ul li span { display: block; font-weight: bold; line-height: 1.2em; }
@media screen and (min-width: 960px) { #menu section .ranking ul li span { height: 2em; font-size: 1.8rem; padding-left: 4.2rem; } }
@media screen and (max-width: 959px) { #menu section .ranking ul li span { font-size: 1.4rem; padding-left: 4rem; } }
#menu section .ranking ul li span::before { position: absolute; font-family: 'LigatureSymbols'; content: "\E03a"; left: 0; top: 0; }
@media screen and (min-width: 960px) { #menu section .ranking ul li span::before { font-size: 5rem; } }
@media screen and (max-width: 959px) { #menu section .ranking ul li span::before { font-size: 4rem; } }
#menu section .ranking ul li span::after { font-family: "Roboto", sans-serif; color: #fff; position: absolute; left: .9em; top: .25em; z-index: 10; font-size: 90%; }
#menu section .ranking ul li span.one::before { color: #fc0; }
#menu section .ranking ul li span.one::after { content: "1"; }
#menu section .ranking ul li span.two::before { color: #999; }
#menu section .ranking ul li span.two::after { content: "2"; }
#menu section .ranking ul li span.three::before { color: #c60; }
#menu section .ranking ul li span.three::after { content: "3"; }
#menu section .ranking ul li div { position: inherit; width: 100%; }
@media screen and (min-width: 960px) { #menu section .ranking ul li div { background: #eee; padding: .5em 0; text-align: center; } }
@media screen and (max-width: 959px) { #menu section .ranking ul li div { text-align: right; border-top: dotted 1px #ccc; background-color: transparent; padding-top: 5px; margin-top: 5px; } }
#menu section .ranking ul li div em { font-weight: bold; font-family: "Roboto", sans-serif; }
@media screen and (min-width: 960px) { #menu section .ranking ul li div em { font-size: 2.4rem; } }
@media screen and (max-width: 959px) { #menu section .ranking ul li div em { font-size: 1.6rem; } }
#menu section .ranking ul li div em::before { display: none; }
#menu section .ranking ul li div em::after { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #232323; position: inherit; font-weight: 500; content: "円（税込）"; }
@media screen and (min-width: 960px) { #menu section .ranking ul li div em::after { font-size: 1.4rem; } }
@media screen and (max-width: 959px) { #menu section .ranking ul li div em::after { font-size: 1rem; } }
#menu section ul { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (min-width: 960px) { #menu section ul { margin-top: -30px; } }
@media screen and (max-width: 959px) { #menu section ul { margin-top: -15px; } }
#menu section ul li { position: relative; }
@media screen and (min-width: 960px) { #menu section ul li { margin-top: 30px; margin-right: 15px; }
  #menu section ul li:nth-child(5n) { margin-right: 0; } }
@media screen and (max-width: 959px) { #menu section ul li { width: 32%; margin-top: 15px; margin-right: 2%; }
  #menu section ul li:nth-child(3n) { margin-right: 0; } }
#menu section ul li a { position: relative; display: block; }
#menu section ul li a::after { font-family: FontAwesome; position: absolute; content: "\f00e"; font-size: 1.8rem; bottom: 0; right: 0; color: #fff; padding: 5px; background: rgba(229, 0, 19, 0.3); }
#menu section ul li a span { font-size: 1.2rem; }
#menu section ul li a span::before { position: absolute; font-family: 'LigatureSymbols'; content: "\E03a"; font-size: 150%; left: 0; top: 0; z-index: 10; }
#menu section ul li a span::after { position: absolute; left: 1.3em; top: 0; color: #fff; text-align: center; padding: 3px; z-index: 10; }
#menu section ul li a span.no-1::before { color: #fc0; }
#menu section ul li a span.no-1::after { background: #fc0; content: "人気No.1"; }
#menu section ul li a span.no-2::before { color: #999; }
#menu section ul li a span.no-2::after { background: #999; content: "人気No.2"; }
#menu section ul li a span.no-3::before { color: #c60; }
#menu section ul li a span.no-3::after { background: #c60; content: "人気No.3"; }
@media screen and (min-width: 960px) { #menu section ul li img { width: 168px; } }
#menu section ul li p { padding: .3em 0; line-height: 1.2em; text-align: center; }
@media screen and (min-width: 960px) { #menu section ul li p { font-size: 1.5rem; padding-bottom: 2.1em; } }
@media screen and (max-width: 959px) { #menu section ul li p { font-size: 1rem; padding-bottom: 2.4em; } }
#menu section ul li div { position: absolute; width: 100%; left: 0; background: #eee; padding: .3em 0; bottom: 0; }
#menu section ul li div span { font-weight: bold; font-family: "Roboto", sans-serif; }
@media screen and (min-width: 960px) { #menu section ul li div span { font-size: 2.1rem; } }
@media screen and (max-width: 959px) { #menu section ul li div span { font-size: 1.6rem; } }
#menu section ul li div span::after { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; content: "円（税込）"; }
@media screen and (min-width: 960px) { #menu section ul li div span::after { font-size: 1.2rem; } }
@media screen and (max-width: 959px) { #menu section ul li div span::after { font-size: 1rem; } }

/* 中央のこだわり
---------------------------------------------*/
@media screen and (min-width: 960px) { #policy section article, #office section article, #kids section article, #other section article, #delivery section article, #catering section article { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
@media screen and (max-width: 959px) { #policy section article img, #office section article img, #kids section article img, #other section article img, #delivery section article img, #catering section article img { margin-bottom: 15px; } }
@media screen and (min-width: 960px) { #policy section article p, #office section article p, #kids section article p, #other section article p, #delivery section article p, #catering section article p { width: 470px; } }
#policy section article p span, #office section article p span, #kids section article p span, #other section article p span, #delivery section article p span, #catering section article p span { font-weight: bold; }

/* 事業内容
---------------------------------------------*/
#service section { text-align: center; }
#service section ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (min-width: 960px) { #service section ul { margin-top: -40px; } }
@media screen and (max-width: 959px) { #service section ul { margin-top: -6%; } }
@media screen and (min-width: 960px) { #service section ul li { width: 270px; margin-top: 40px; } }
@media screen and (max-width: 959px) { #service section ul li { margin-top: 6%; width: 47%; } }
#service section ul li a { border: solid 2px #eee; width: 100%; display: block; color: #232323; font-weight: bold; position: relative; }
@media screen and (min-width: 960px) { #service section ul li a { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #service section ul li a { font-size: 1.4rem; line-height: 1.2em; } }
#service section ul li a figure { width: 100%; height: 100%; }
@media screen and (min-width: 960px) { #service section ul li a figure { padding: 30px 10px; } }
@media screen and (max-width: 959px) { #service section ul li a figure { padding: 20px 5px; } }
#service section ul li a figure figcaption::before, #service section ul li a figure figcaption::after { border-color: #232323; top: -2px; right: -2px; bottom: -2px; left: -2px; }
#service section ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#service section ul li:nth-child(1) figure::before { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }
@media screen and (min-width: 960px) { #service section ul li:nth-child(1) figure::before { content: url(../img/service/icon-01.png); margin-bottom: 20px; left: calc(50% - 40px); } }
@media screen and (max-width: 959px) { #service section ul li:nth-child(1) figure::before { content: ""; background: url(../img/service/icon-01.png) no-repeat center center; background-size: contain; width: 50px; height: 50px; padding-bottom: 20px; margin: 0 auto; } }
@media screen and (min-width: 960px) { #service section ul li:nth-child(1) figure:hover::before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
#service section ul li:nth-child(2) figure::before { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }
@media screen and (min-width: 960px) { #service section ul li:nth-child(2) figure::before { content: url(../img/service/icon-02.png); margin-bottom: 20px; left: calc(50% - 40px); } }
@media screen and (max-width: 959px) { #service section ul li:nth-child(2) figure::before { content: ""; background: url(../img/service/icon-02.png) no-repeat center center; background-size: contain; width: 50px; height: 50px; padding-bottom: 20px; margin: 0 auto; } }
@media screen and (min-width: 960px) { #service section ul li:nth-child(2) figure:hover::before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
#service section ul li:nth-child(3) figure::before { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }
@media screen and (min-width: 960px) { #service section ul li:nth-child(3) figure::before { content: url(../img/service/icon-03.png); margin-bottom: 20px; left: calc(50% - 40px); } }
@media screen and (max-width: 959px) { #service section ul li:nth-child(3) figure::before { content: ""; background: url(../img/service/icon-03.png) no-repeat center center; background-size: contain; width: 50px; height: 50px; padding-bottom: 20px; margin: 0 auto; } }
@media screen and (min-width: 960px) { #service section ul li:nth-child(3) figure:hover::before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
#service section ul li:nth-child(4) figure::before { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }
@media screen and (min-width: 960px) { #service section ul li:nth-child(4) figure::before { content: url(../img/service/icon-04.png); margin-bottom: 20px; left: calc(50% - 40px); } }
@media screen and (max-width: 959px) { #service section ul li:nth-child(4) figure::before { content: ""; background: url(../img/service/icon-04.png) no-repeat center center; background-size: contain; width: 50px; height: 50px; padding-bottom: 20px; margin: 0 auto; } }
@media screen and (min-width: 960px) { #service section ul li:nth-child(4) figure:hover::before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
#service section ul li:nth-child(5) figure::before { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }
@media screen and (min-width: 960px) { #service section ul li:nth-child(5) figure::before { content: url(../img/service/icon-05.png); margin-bottom: 20px; left: calc(50% - 40px); } }
@media screen and (max-width: 959px) { #service section ul li:nth-child(5) figure::before { content: ""; background: url(../img/service/icon-05.png) no-repeat center center; background-size: contain; width: 50px; height: 50px; padding-bottom: 20px; margin: 0 auto; } }
@media screen and (min-width: 960px) { #service section ul li:nth-child(5) figure:hover::before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }
#service section ul li:nth-child(6) figure::before { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }
@media screen and (min-width: 960px) { #service section ul li:nth-child(6) figure::before { content: url(../img/service/icon-06.png); margin-bottom: 20px; left: calc(50% - 40px); } }
@media screen and (max-width: 959px) { #service section ul li:nth-child(6) figure::before { content: ""; background: url(../img/service/icon-06.png) no-repeat center center; background-size: contain; width: 50px; height: 50px; padding-bottom: 20px; margin: 0 auto; } }
@media screen and (min-width: 960px) { #service section ul li:nth-child(6) figure:hover::before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } }

/* 企業給食事業---------------*/
/* 幼児給食事業---------------*/
@media screen and (min-width: 960px) { #kids section article, #other section article, #delivery section article, #catering section article { -webkit-align-items: flex-start; align-items: flex-start; } }
#kids section article em, #other section article em, #delivery section article em, #catering section article em { overflow: hidden; *zoom: 1; }
#kids section div, #other section div, #delivery section div, #catering section div { text-align: center; }
@media screen and (min-width: 960px) { #kids section div, #other section div, #delivery section div, #catering section div { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
@media screen and (max-width: 959px) { #kids section div img, #other section div img, #delivery section div img, #catering section div img { margin: 0 auto; width: 80%; margin-bottom: 10px; }
  #kids section div img:last-child, #other section div img:last-child, #delivery section div img:last-child, #catering section div img:last-child { margin-bottom: 0; } }
#kids section p.center, #other section p.center, #delivery section p.center, #catering section p.center { text-align: center; }
#kids section p.center span, #other section p.center span, #delivery section p.center span, #catering section p.center span { font-weight: bold; }
@media screen and (min-width: 960px) { #kids section p.center, #other section p.center, #delivery section p.center, #catering section p.center { margin-top: 40px; } }
@media screen and (max-width: 959px) { #kids section p.center, #other section p.center, #delivery section p.center, #catering section p.center { margin-top: 15px; } }

/* ハッピーベルコン---------------*/
#happybelcon h2 { font-weight: bold; color: #232323; }
@media screen and (min-width: 960px) { #happybelcon h2 { font-size: 3rem; } }
@media screen and (min-width: 960px) { #happybelcon article { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin-bottom: 40px; } }
@media screen and (max-width: 959px) { #happybelcon article { margin-bottom: 25px; } }
@media screen and (min-width: 960px) { #happybelcon article div { width: 400px; } }
@media screen and (max-width: 959px) { #happybelcon article div { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
@media screen and (min-width: 960px) { #happybelcon article div img { margin-bottom: 30px; }
  #happybelcon article div img:last-child { margin-bottom: 0; } }
@media screen and (max-width: 959px) { #happybelcon article div img { width: 48%; margin-bottom: 15px; } }
#happybelcon article p { text-align: justify; }
@media screen and (min-width: 960px) { #happybelcon article p { width: 470px; } }
#happybelcon article.about { -webkit-align-items: flex-start; align-items: flex-start; }
@media screen and (max-width: 959px) { #happybelcon article.about { text-align: center; } }
@media screen and (max-width: 959px) { #happybelcon article.about img { margin: 0 auto; margin-bottom: 10px; } }
@media screen and (min-width: 960px) { #happybelcon article.about dl { width: 670px; } }
#happybelcon article.about dl dt { background: #666; color: #fff; text-align: center; float: left; clear: left; font-weight: bold; width: 4em; line-height: 1.4em; padding: 3px; }
@media screen and (min-width: 960px) { #happybelcon article.about dl dt { font-size: 1.6rem; margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #happybelcon article.about dl dt { font-size: 1.2rem; margin-bottom: 10px; } }
#happybelcon article.about dl dd { margin-left: 5em; padding-top: 3px; line-height: 1.4em; }
@media screen and (min-width: 960px) { #happybelcon article.about dl dd { font-size: 1.8rem; margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #happybelcon article.about dl dd { font-size: 1.4rem; margin-bottom: 10px; text-align: left; } }
#happybelcon article.about dl dd span { font-weight: bold; }
#happybelcon .youtube { background: #232323; }
@media screen and (min-width: 960px) { #happybelcon .youtube { padding: 23px; } }
#happybelcon .youtube .inner { width: 100%; padding-top: 56.25%; position: relative; }
#happybelcon .youtube .inner iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* その他食育活動---------------*/
@media screen and (min-width: 960px) { #other p.btm { margin-top: 30px; } }
@media screen and (max-width: 959px) { #other p.btm { margin-top: 10px; } }
@media screen and (min-width: 960px) { #other p.top { margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #other p.top { margin-bottom: 10px; } }
#other section article { text-align: center; }
@media screen and (max-width: 959px) { #other section article img { margin: 0 auto; margin-bottom: 10px; } }
#other section article p { text-align: left; }
@media screen and (min-width: 960px) { #other section article p { width: 610px; } }
@media screen and (max-width: 959px) { #other section div { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #other section div img { width: 48%; }
  #other section div img:last-child { margin-bottom: 10px; } }

/* 高齢者施設給食事業---------------*/
#senior dl, #senior_menu dl, #acid dl { border: solid 1px #ccc; }
@media screen and (min-width: 960px) { #senior dl, #senior_menu dl, #acid dl { padding: 30px; margin-top: 40px; } }
@media screen and (max-width: 959px) { #senior dl, #senior_menu dl, #acid dl { padding: 15px; margin-top: 15px; } }
#senior dl dt, #senior_menu dl dt, #acid dl dt { color: #e50014; font-weight: bold; text-align: center; }
@media screen and (min-width: 960px) { #senior dl dt, #senior_menu dl dt, #acid dl dt { font-size: 3rem; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #senior dl dt, #senior_menu dl dt, #acid dl dt { font-size: 1.8rem; margin-bottom: 15px; } }
@media screen and (min-width: 960px) { #senior dl dd, #senior_menu dl dd, #acid dl dd { font-size: 2.4rem; margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #senior dl dd, #senior_menu dl dd, #acid dl dd { font-size: 1.6rem; line-height: 1.2em; margin-bottom: 10px; text-indent: -1.2em; margin-left: 1.2em; } }
#senior dl dd span, #senior_menu dl dd span, #acid dl dd span { font-weight: bold; }
#senior dl dd:last-child, #senior_menu dl dd:last-child, #acid dl dd:last-child { margin-bottom: 0; }
#senior dl dd::before, #senior_menu dl dd::before, #acid dl dd::before { color: #e50014; font-family: FontAwesome; content: "\f046"; margin-right: .5em; }
#senior p.red, #senior_menu p.red, #acid p.red { color: #e50014; font-weight: bold; text-align: center; }
@media screen and (min-width: 960px) { #senior p.red, #senior_menu p.red, #acid p.red { font-size: 3.6rem; margin-top: 20px; } }
@media screen and (max-width: 959px) { #senior p.red, #senior_menu p.red, #acid p.red { font-size: 2.1rem; margin-top: 10px; } }
#senior p.msg, #senior_menu p.msg, #acid p.msg { text-align: center; font-weight: bold; }
@media screen and (min-width: 960px) { #senior p.msg, #senior_menu p.msg, #acid p.msg { font-size: 2.4rem; }
  #senior p.msg span, #senior_menu p.msg span, #acid p.msg span { font-size: 3.6rem; } }
@media screen and (max-width: 959px) { #senior p.msg, #senior_menu p.msg, #acid p.msg { font-size: 1.6rem; }
  #senior p.msg span, #senior_menu p.msg span, #acid p.msg span { font-size: 2.4rem; } }
#senior ul, #senior_menu ul, #acid ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#senior ul li, #senior_menu ul li, #acid ul li { border: solid 1px #ccc; }
@media screen and (min-width: 960px) { #senior ul.consign, #senior_menu ul.consign, #acid ul.consign, #senior_menu ul.senior_menu, #acid ul.way, #acid ul.concentration { margin-bottom: 40px; } }
@media screen and (max-width: 959px) { #senior ul.consign, #senior_menu ul.consign, #acid ul.consign, #senior_menu ul.senior_menu, #acid ul.way, #acid ul.concentration { margin-bottom: 15px; display: block; } }
#senior ul.consign li, #senior_menu ul.consign li, #acid ul.consign li, #senior_menu ul.senior_menu li, #acid ul.way li, #acid ul.concentration li { font-weight: bold; text-align: center; line-height: 1.4em; }
@media screen and (min-width: 960px) { #senior ul.consign li, #senior_menu ul.consign li, #acid ul.consign li, #senior_menu ul.senior_menu li, #acid ul.way li, #acid ul.concentration li { width: 280px; padding: 20px; font-size: 2.1rem; } }
@media screen and (max-width: 959px) { #senior ul.consign li, #senior_menu ul.consign li, #acid ul.consign li, #senior_menu ul.senior_menu li, #acid ul.way li, #acid ul.concentration li { margin: 0 auto; width: 70%; padding: 10px; font-size: 1.6rem; margin-bottom: 15px; } }
#senior ul.consign li img, #senior_menu ul.consign li img, #acid ul.consign li img, #senior_menu ul.senior_menu li img, #acid ul.way li img, #acid ul.concentration li img { display: block; }
@media screen and (min-width: 960px) { #senior ul.consign li img, #senior_menu ul.consign li img, #acid ul.consign li img, #senior_menu ul.senior_menu li img, #acid ul.way li img, #acid ul.concentration li img { margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #senior ul.consign li img, #senior_menu ul.consign li img, #acid ul.consign li img, #senior_menu ul.senior_menu li img, #acid ul.way li img, #acid ul.concentration li img { margin-bottom: 10px; } }
#senior ul.merit, #senior_menu ul.merit, #acid ul.merit { -webkit-align-items: stretch; align-items: stretch; }
#senior ul.merit li, #senior_menu ul.merit li, #acid ul.merit li { color: #e50014; font-weight: bold; text-align: center; }
@media screen and (min-width: 960px) { #senior ul.merit li, #senior_menu ul.merit li, #acid ul.merit li { width: 435px; padding: 30px; font-size: 3rem; margin-top: 30px; } }
@media screen and (max-width: 959px) { #senior ul.merit li, #senior_menu ul.merit li, #acid ul.merit li { width: 48%; padding: 15px; font-size: 1.6rem; line-height: 1.2em; margin-top: 15px; } }
@media screen and (min-width: 960px) { #senior ul.merit li ol, #senior_menu ul.merit li ol, #acid ul.merit li ol { margin-top: 20px; } }
@media screen and (max-width: 959px) { #senior ul.merit li ol, #senior_menu ul.merit li ol, #acid ul.merit li ol { margin-top: 15px; } }
#senior ul.merit li ol li, #senior_menu ul.merit li ol li, #acid ul.merit li ol li { width: inherit; border: none; color: #232323; font-weight: 500; padding: 0; text-align: left; line-height: 1.4em; text-indent: -1em; margin-left: 1em; }
@media screen and (min-width: 960px) { #senior ul.merit li ol li, #senior_menu ul.merit li ol li, #acid ul.merit li ol li { margin-top: 10px; font-size: 2.1rem; } }
@media screen and (max-width: 959px) { #senior ul.merit li ol li, #senior_menu ul.merit li ol li, #acid ul.merit li ol li { margin-top: 5px; font-size: 1.4rem; } }
#senior ul.menu li, #senior_menu ul.menu li, #acid ul.menu li { border: none; }
@media screen and (max-width: 959px) { #senior ul.menu li, #senior_menu ul.menu li, #acid ul.menu li { margin: 0 auto; display: block; width: 80%; margin-bottom: 15px; }
  #senior ul.menu li:last-child, #senior_menu ul.menu li:last-child, #acid ul.menu li:last-child { margin-bottom: 0; } }
#senior table, #senior_menu table, #acid table { width: 100%; border-collapse: collapse; }
#senior table th, #senior_menu table th, #acid table th, #senior table td, #senior_menu table td, #acid table td { border: solid 1px #ccc; vertical-align: text-top; text-align: left; }
@media screen and (min-width: 960px) { #senior table th, #senior_menu table th, #acid table th, #senior table td, #senior_menu table td, #acid table td { font-size: 1.6rem; padding: 10px; } }
@media screen and (max-width: 959px) { #senior table th, #senior_menu table th, #acid table th, #senior table td, #senior_menu table td, #acid table td { font-size: 1.2rem; padding: 5px; } }
#senior table th, #senior_menu table th, #acid table th { background: #eee; width: 14%; }
#senior table td, #senior_menu table td, #acid table td { width: 43%; line-height: 1.4em; }
#senior table td.head-bk, #senior_menu table td.head-bk, #acid table td.head-bk, #senior table td.head-red, #senior_menu table td.head-red, #acid table td.head-red { color: #fff; font-weight: bold; text-align: center; }
@media screen and (min-width: 960px) { #senior table td.head-bk, #senior_menu table td.head-bk, #acid table td.head-bk, #senior table td.head-red, #senior_menu table td.head-red, #acid table td.head-red { font-size: 2.4rem; } }
@media screen and (max-width: 959px) { #senior table td.head-bk, #senior_menu table td.head-bk, #acid table td.head-bk, #senior table td.head-red, #senior_menu table td.head-red, #acid table td.head-red { font-size: 1.6rem; } }
@media screen and (min-width: 960px) { #senior table td.head-bk span, #senior_menu table td.head-bk span, #acid table td.head-bk span, #senior table td.head-red span, #senior_menu table td.head-red span, #acid table td.head-red span { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #senior table td.head-bk span, #senior_menu table td.head-bk span, #acid table td.head-bk span, #senior table td.head-red span, #senior_menu table td.head-red span, #acid table td.head-red span { font-size: 1.4rem; } }
#senior table td.head-bk, #senior_menu table td.head-bk, #acid table td.head-bk { background: #232323; }
#senior table td.head-red, #senior_menu table td.head-red, #acid table td.head-red { background: #e50014; }
#senior table td.right, #senior_menu table td.right, #acid table td.right { color: #e50014; background: rgba(229, 0, 19, 0.1); }
#senior table td span, #senior_menu table td span, #acid table td span { font-weight: bold; }

/* 盛り付け以外のフル対応献立について---------------*/
#senior_menu ul.senior_menu { -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; }
@media screen and (min-width: 960px) { #senior_menu ul.senior_menu li { margin-bottom: 30px; } }
@media screen and (min-width: 960px) { #senior_menu ul.senior_menu li.level { width: 590px; } }
@media screen and (max-width: 959px) { #senior_menu ul.senior_menu li.level { width: 90%; } }
#senior_menu ul.senior_menu li.level div { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center; }
#senior_menu ul.senior_menu li.level div img { margin-bottom: 0; }
@media screen and (max-width: 959px) { #senior_menu ul.senior_menu li.level div img { width: 32%; } }
#senior_menu ul.senior_menu li p { text-align: center; line-height: 1em; }
@media screen and (min-width: 960px) { #senior_menu ul.senior_menu li p { font-size: 2.1rem; margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #senior_menu ul.senior_menu li p { font-size: 1.6rem; margin-bottom: 10px; } }
#senior_menu ul.senior_menu li p.exp { font-weight: 500; text-align: left; }
@media screen and (min-width: 960px) { #senior_menu ul.senior_menu li p.exp { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #senior_menu ul.senior_menu li p.exp { font-size: 1.4rem; line-height: 1.4em; } }
#senior_menu ul.senior_menu li dl { border: none; padding: 0; margin: 0; overflow: hidden; *zoom: 1; }
#senior_menu ul.senior_menu li dl dt, #senior_menu ul.senior_menu li dl dd { font-weight: 500; line-height: 1em; }
#senior_menu ul.senior_menu li dl dt { color: #232323; background: #eee; text-align: center; width: 6em; padding: 3px; float: left; clear: left; display: inline-block; }
@media screen and (min-width: 960px) { #senior_menu ul.senior_menu li dl dt { font-size: 1.6rem; margin-bottom: 10px; } }
@media screen and (max-width: 959px) { #senior_menu ul.senior_menu li dl dt { font-size: 1.2rem; margin-bottom: 5px; } }
#senior_menu ul.senior_menu li dl dt:nth-last-child(2) { margin-bottom: 0; }
#senior_menu ul.senior_menu li dl dd { text-align: left; }
@media screen and (min-width: 960px) { #senior_menu ul.senior_menu li dl dd { font-size: 1.8rem; padding-top: 2px; margin-bottom: 12px; margin-left: 6em; } }
@media screen and (max-width: 959px) { #senior_menu ul.senior_menu li dl dd { font-size: 1.4rem; padding-top: 2px; margin-bottom: 12px; margin-left: 7em; } }
#senior_menu ul.senior_menu li dl dd:last-child { margin-bottom: 0; }
#senior_menu ul.senior_menu li dl dd::before { display: none; }

/* 高齢者向け食材「えがお」について---------------*/
#egao p span { font-weight: bold; }
#egao p span.underline { text-decoration: underline; }
#egao ol { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#egao ol li { background: #e50014; color: #fff; font-weight: bold; text-align: left; }
@media screen and (min-width: 960px) { #egao ol li { width: 435px; height: 50px; line-height: 50px; font-size: 3rem; padding-left: 10px; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #egao ol li { width: 100%; font-size: 1.8rem; padding: 10px; margin-bottom: 15px; } }
#egao .stock { background: #eee; }
@media screen and (min-width: 960px) { #egao .stock { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 30px; } }
@media screen and (max-width: 959px) { #egao .stock { padding: 15px; } }
@media screen and (min-width: 960px) { #egao .stock dl { width: 380px; } }
#egao .stock dl dt { font-weight: bold; }
@media screen and (min-width: 960px) { #egao .stock dl dt { font-size: 3rem; margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #egao .stock dl dt { font-size: 2rem; margin-bottom: 10px; } }
#egao .stock dl dt::before { content: "■"; }
#egao .stock dl dd { text-align: justify; line-height: 1.6em; }
@media screen and (min-width: 960px) { #egao .stock dl dd { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #egao .stock dl dd { font-size: 1.4rem; margin-bottom: 10px; } }
#egao .stock dl dd span { font-weight: bold; text-decoration: underline; }
#egao .stock ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
@media screen and (min-width: 960px) { #egao .stock ul { width: 430px; } }
#egao .stock ul li { text-align: center; }
@media screen and (min-width: 960px) { #egao .stock ul li { font-size: 1.6rem; } }
@media screen and (max-width: 959px) { #egao .stock ul li { width: 32%; font-size: 1.2rem; } }
#egao .stock ul li img { display: block; margin-bottom: 5px; }
#egao ul.egao { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 959px) { #egao ul.egao { margin-bottom: 15px; display: block; } }
#egao ul.egao li { border: solid 1px #ccc; font-weight: bold; text-align: center; line-height: 1.4em; }
@media screen and (min-width: 960px) { #egao ul.egao li { width: 280px; font-size: 2.1rem; } }
@media screen and (max-width: 959px) { #egao ul.egao li { margin: 0 auto; width: 70%; font-size: 1.6rem; margin-bottom: 15px; } }
#egao ul.egao li p { background: #232323; text-align: center; color: #fff; font-weight: bold; padding: 5px 0; }
@media screen and (min-width: 960px) { #egao ul.egao li p { font-size: 2.1rem; }
  #egao ul.egao li p span { font-size: 1.6rem; } }
@media screen and (max-width: 959px) { #egao ul.egao li p { font-size: 1.6rem; }
  #egao ul.egao li p span { font-size: 1.2rem; } }
#egao ul.egao li dl { border: none; padding: 0; margin: 0; text-align: left; }
@media screen and (min-width: 960px) { #egao ul.egao li dl { padding: 20px; } }
@media screen and (max-width: 959px) { #egao ul.egao li dl { padding: 10px; } }
#egao ul.egao li dl dt, #egao ul.egao li dl dd { font-weight: 500; }
#egao ul.egao li dl dt { background: #eee; text-align: center; width: 6em; padding: 5px; display: inline-block; line-height: 1em; }
@media screen and (min-width: 960px) { #egao ul.egao li dl dt { font-size: 1.6rem; margin-bottom: 10px; } }
@media screen and (max-width: 959px) { #egao ul.egao li dl dt { font-size: 1.2rem; margin-bottom: 5px; } }
#egao ul.egao li dl dd { text-align: justify; line-height: 1.4em; }
@media screen and (min-width: 960px) { #egao ul.egao li dl dd { font-size: 1.8rem; margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #egao ul.egao li dl dd { font-size: 1.4rem; margin-bottom: 10px; } }
#egao ul.egao li dl dd:last-child { margin-bottom: 0; }

/* 新食事トータルパッケージ「マカン」について---------------*/
@media screen and (max-width: 959px) { #makan h4 { line-height: 1.2em; } }
#makan p span { font-weight: bold; display: block; }
#makan ul.makan { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 959px) { #makan ul.makan { display: block; } }
#makan ul.makan li { border: solid 1px #ccc; text-align: justify; }
@media screen and (min-width: 960px) { #makan ul.makan li { width: 280px; margin-right: 30px; margin-top: 30px; padding: 20px; font-size: 1.8rem; line-height: 1.6em; }
  #makan ul.makan li:nth-child(3) { margin-right: 0; } }
@media screen and (max-width: 959px) { #makan ul.makan li { width: 70%; margin: 15px auto 0; padding: 10px; font-size: 1.4rem; line-height: 1.6em; } }
#makan ul.makan li p { font-weight: bold; text-align: center; }
@media screen and (min-width: 960px) { #makan ul.makan li p { font-size: 2.1rem; } }
@media screen and (max-width: 959px) { #makan ul.makan li p { font-size: 1.6rem; } }
@media screen and (min-width: 960px) { #makan ul.makan li img { margin: 15px 0; } }
@media screen and (max-width: 959px) { #makan ul.makan li img { margin: 10px 0; } }
#makan div { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 959px) { #makan div { display: block; } }
@media screen and (min-width: 960px) { #makan div dl { width: 280px; } }
@media screen and (max-width: 959px) { #makan div dl { width: 70%; margin: 0 auto; margin-bottom: 15px; } }
#makan div dl dt { color: #e50014; font-weight: bold; text-align: center; border-bottom: solid 1px #ccc; }
@media screen and (min-width: 960px) { #makan div dl dt { font-size: 4.8rem; padding-bottom: 20px; margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #makan div dl dt { font-size: 3rem; padding-bottom: 10px; margin-bottom: 10px; } }
#makan div dl dd { text-align: justify; text-indent: -1em; margin-left: 1em; line-height: 1.4em; }
@media screen and (min-width: 960px) { #makan div dl dd { font-size: 1.8rem; margin-bottom: 10px; } }
@media screen and (max-width: 959px) { #makan div dl dd { font-size: 1.4rem; line-height: 1.4em; margin-bottom: 5px; } }
#makan div dl dd:last-child { margin-bottom: 0; }
#makan div dl dd::before { color: #e50014; content: "■"; }

/* 高齢者宅配弁当事業---------------*/
#delivery p span { font-weight: bold; }
#delivery table { width: 100%; border-collapse: collapse; }
#delivery table th, #delivery table td { border: solid 1px #ccc; vertical-align: text-top; text-align: left; }
@media screen and (min-width: 960px) { #delivery table th, #delivery table td { font-size: 1.6rem; padding: 10px; } }
@media screen and (max-width: 959px) { #delivery table th, #delivery table td { font-size: 1.2rem; padding: 5px; } }
#delivery table th { background: #eee; width: 20%; }
#delivery table td { width: 80%; line-height: 1.4em; }
#delivery ol { counter-reset: list; }
#delivery ol li { position: relative; font-weight: bold; }
@media screen and (min-width: 960px) { #delivery ol li { font-size: 3rem; margin-bottom: 30px; padding-left: 170px; padding-top: 10px; } }
@media screen and (max-width: 959px) { #delivery ol li { font-size: 1.6rem; line-height: 1.2em; margin-bottom: 15px; padding-left: 6em; padding-top: 5px; } }
#delivery ol li:last-child { margin-bottom: 0; }
#delivery ol li::before { counter-increment: list; position: absolute; top: 0; z-index: 50; color: #e50014; font-family: "Roboto", sans-serif; font-style: italic; font-weight: bold; background: rgba(229, 0, 19, 0.1); content: "STEP " counter(list); left: 0; }
@media screen and (min-width: 960px) { #delivery ol li::before { width: 110px; height: 30px; padding: 10px; } }
@media screen and (max-width: 959px) { #delivery ol li::before { padding: 5px; } }
#delivery ol li::after { content: ""; position: absolute; }
@media screen and (min-width: 960px) { #delivery ol li::after { border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid rgba(229, 0, 19, 0.1); top: 0; left: 130px; } }
@media screen and (max-width: 959px) { #delivery ol li::after { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid rgba(229, 0, 19, 0.1); top: 0; left: 4.2em; } }
#delivery ol li p { font-weight: 500; line-height: 1.6em; }
@media screen and (min-width: 960px) { #delivery ol li p { margin-top: 20px; } }
@media screen and (max-width: 959px) { #delivery ol li p { margin-top: 10px; } }
#delivery ol li p a { font-weight: bold; font-family: "Roboto", sans-serif; }
@media screen and (min-width: 960px) { #delivery ol li p a { font-size: 4.8rem; color: #e50014; margin-right: .5em; } }
@media screen and (max-width: 959px) { #delivery ol li p a { font-size: 2.4rem; background: #e50014; color: #fff; padding: 10px; text-align: center; margin-bottom: 5px; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } }
#delivery ol li p a::before { font-family: FontAwesome; content: "\f095"; margin-right: .1em; }

/* 仕出し・ケータリング事業---------------*/
@media screen and (min-width: 960px) { #catering ul li { margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #catering ul li { margin-bottom: 20px; text-align: center; } }
#catering ul li dl { text-align: left; }
@media screen and (min-width: 960px) { #catering ul li dl { width: 640px; } }
@media screen and (max-width: 959px) { #catering ul li dl { width: 80%; margin: 0 auto; } }
#catering ul li dl dt { font-weight: bold; margin-bottom: 1em; }
@media screen and (min-width: 960px) { #catering ul li dl dt { font-size: 3rem; } }
@media screen and (max-width: 959px) { #catering ul li dl dt { font-size: 1.8rem; } }
#catering ul li dl dt::before { color: #e50014; content: "■"; }
#catering ul li dl dd { line-height: 1.6em; }
@media screen and (min-width: 960px) { #catering ul li dl dd { font-size: 2rem; } }
@media screen and (max-width: 959px) { #catering ul li dl dd { font-size: 1.4rem; } }
#catering ul li dl.special dt { margin-bottom: .8em; }
@media screen and (min-width: 960px) { #catering ul li dl.special dd { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #catering ul li img { margin: 0 auto; display: inline-block; padding-bottom: 10px; } }

/* 弱酸性次亜塩素酸水販売事業---------------*/
#acid ul.point { -webkit-align-items: stretch; align-items: stretch; }
#acid ul.point li { line-height: 1.6em; text-align: justify; }
@media screen and (min-width: 960px) { #acid ul.point li { width: 435px; padding: 20px; font-size: 1.8rem; margin-top: 30px; } }
@media screen and (max-width: 959px) { #acid ul.point li { width: 48%; padding: 10px; font-size: 1.4rem; margin-top: 15px; } }
@media screen and (min-width: 960px) { #acid ul.point li img { margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #acid ul.point li img { margin-bottom: 15px; } }
@media screen and (min-width: 960px) { #acid ul.way li { margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #acid ul.way li { margin-bottom: 15px; } }
@media screen and (min-width: 960px) { #acid ul.way li:nth-of-type(n+4) { margin-bottom: 0; } }
@media screen and (max-width: 959px) { #acid ul.way li:last-child { margin-bottom: 0; } }
#acid ul.concentration { margin-bottom: 0; }
#acid ul.concentration li dl { border-top: solid 1px #ccc; border-right: none; border-bottom: none; border-left: none; text-align: left; font-weight: 500; }
@media screen and (min-width: 960px) { #acid ul.concentration li dl { margin-top: 20px; padding: 20px 0 0; } }
@media screen and (min-width: 960px) { #acid ul.concentration li dl dd { font-size: 1.8rem; margin-bottom: 10px; } }
#acid ul.concentration li dl dd:last-child { margin-bottom: 0; }
#acid ul.concentration li dl dd::before { content: "■"; color: #232323; margin-right: 0; }

/* 企業理念
---------------------------------------------*/
#identity section { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 959px) { #identity section img.photo { width: 35%; } }
@media screen and (max-width: 959px) { #identity section div { width: 60%; }
  #identity section div.mainImg { width: 100%; } }
@media screen and (max-width: 959px) { #identity section div h3 { display: none; } }
#identity section dl dt { position: relative; font-weight: bold; }
@media screen and (min-width: 960px) { #identity section dl dt { font-size: 3rem; margin-bottom: 30px; padding-left: 40px; } }
@media screen and (max-width: 959px) { #identity section dl dt { font-size: 1.6rem; margin-bottom: 15px; padding-left: 30px; } }
#identity section dl dt::before, #identity section dl dt::after { position: absolute; top: calc(50% - .5em); }
#identity section dl dt::before { content: ""; background: #e50014; left: 0; }
@media screen and (min-width: 960px) { #identity section dl dt::before { width: 30px; height: 30px; } }
@media screen and (max-width: 959px) { #identity section dl dt::before { width: 20px; height: 20px; } }
#identity section dl dt::after { color: #fff; font-family: "Roboto", sans-serif; font-weight: bold; }
@media screen and (min-width: 960px) { #identity section dl dt::after { font-size: 2.4rem; left: calc(15px - .25em); } }
@media screen and (max-width: 959px) { #identity section dl dt::after { font-size: 1.6rem; left: calc(10px - .25em); top: calc(10px - .5em); } }
@media screen and (min-width: 960px) { #identity section dl dd { font-size: 1.8rem; line-height: 2em; } }
@media screen and (max-width: 959px) { #identity section dl dd { font-size: 1.4rem; line-height: 1.4em; } }
@media screen and (min-width: 960px) { #identity section dl.one { width: 650px; } }
#identity section dl.one dt::after { content: "1"; }
@media screen and (min-width: 960px) { #identity section dl.two { width: 420px; } }
@media screen and (max-width: 959px) { #identity section dl.two { margin-bottom: 10px; } }
#identity section dl.two dt::after { content: "2"; }

/* 考え方
---------------------------------------------*/
#philosophy { text-align: center; }
#philosophy h1 { text-align: left; }
@media screen and (min-width: 960px) { #philosophy h2 { margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #philosophy h2 { margin-bottom: 15px; } }
#philosophy img { margin: 0 auto; display: inline-block; }
@media screen and (min-width: 960px) { #philosophy ol li { margin-bottom: 40px; } }
@media screen and (max-width: 959px) { #philosophy ol li { margin-bottom: 15px; } }
@media screen and (min-width: 960px) { #philosophy ol li:nth-child(1)::before { content: url(../img/philosophy/img-01.jpg); } }
@media screen and (max-width: 959px) { #philosophy ol li:nth-child(1)::before { content: ""; background: url(../img/philosophy/img-01.jpg) no-repeat top center; background-size: contain; width: 60%; height: 57px; display: inline-block; } }
#philosophy ol li:last-child { margin-bottom: 0; }
@media screen and (min-width: 960px) { #philosophy ol li:nth-child(2)::before { content: url(../img/philosophy/img-02.jpg); } }
@media screen and (max-width: 959px) { #philosophy ol li:nth-child(2)::before { content: ""; background: url(../img/philosophy/img-02.jpg) no-repeat top center; background-size: contain; width: 60%; height: 57px; display: inline-block; } }
#philosophy ol li:last-child { margin-bottom: 0; }
@media screen and (min-width: 960px) { #philosophy ol li:nth-child(3)::before { content: url(../img/philosophy/img-03.jpg); } }
@media screen and (max-width: 959px) { #philosophy ol li:nth-child(3)::before { content: ""; background: url(../img/philosophy/img-03.jpg) no-repeat top center; background-size: contain; width: 60%; height: 57px; display: inline-block; } }
#philosophy ol li:last-child { margin-bottom: 0; }
@media screen and (min-width: 960px) { #philosophy ol li:nth-child(4)::before { content: url(../img/philosophy/img-04.jpg); } }
@media screen and (max-width: 959px) { #philosophy ol li:nth-child(4)::before { content: ""; background: url(../img/philosophy/img-04.jpg) no-repeat top center; background-size: contain; width: 60%; height: 57px; display: inline-block; } }
#philosophy ol li:last-child { margin-bottom: 0; }
@media screen and (min-width: 960px) { #philosophy ol li:nth-child(5)::before { content: url(../img/philosophy/img-05.jpg); } }
@media screen and (max-width: 959px) { #philosophy ol li:nth-child(5)::before { content: ""; background: url(../img/philosophy/img-05.jpg) no-repeat top center; background-size: contain; width: 60%; height: 57px; display: inline-block; } }
#philosophy ol li:last-child { margin-bottom: 0; }
#philosophy ol li dl dt { font-weight: bold; }
@media screen and (min-width: 960px) { #philosophy ol li dl dt { font-size: 4.8rem; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #philosophy ol li dl dt { font-size: 2.4rem; margin-bottom: 15px; } }
#philosophy ol li dl dd { line-height: 2em; }
@media screen and (min-width: 960px) { #philosophy ol li dl dd { font-size: 2.4rem; } }
@media screen and (max-width: 959px) { #philosophy ol li dl dd { font-size: 1.4rem; } }
#philosophy ol li dl dd span { color: #e50014; font-weight: bold; }
@media screen and (min-width: 960px) { #philosophy ol li dl dd span { font-size: 3.6rem; } }
@media screen and (max-width: 959px) { #philosophy ol li dl dd span { font-size: 1.8rem; } }

/* お問い合わせ
---------------------------------------------*/
@media screen and (min-width: 960px) { #contact p { font-size: 1.8em; text-align: center; margin-bottom: 40px; } }
@media screen and (max-width: 959px) { #contact p { font-size: 1.5em; margin-bottom: 15px; } }
#contact p a { color: #999; }
#contact p span { color: #e50014; }
#contact h6 { text-align: center; }

.bread{background: #eee;}

/* 会社案内
---------------------------------------------*/
#company section { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#company section#greeting { -webkit-align-items: center; align-items: center; }
@media screen and (min-width: 960px) { #company section#greeting div { width: 650px; } }
@media screen and (max-width: 959px) { #company section#greeting div { width: calc(65% - 15px); } }
#company section#access { -webkit-align-items: flex-start; align-items: flex-start; }
@media screen and (min-width: 960px) { #company section img.photo { margin-right: 30px; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #company section img.photo { width: 35%; margin-right: 15px; margin-bottom: 15px; } }
#company section p.large { font-weight: bold; }
@media screen and (min-width: 960px) { #company section p.large { font-size: 2.4rem; line-height: 1.6em; margin-bottom: 40px; margin-top: -10px; margin-left: 30px; } }
@media screen and (max-width: 959px) { #company section p.large { font-size: 1.4rem; line-height: 1.4em; margin-bottom: 15px; margin-left: 2em; } }
#company section p.large:last-child { margin-bottom: 0; }
#company table { border-collapse: collapse; width: 100%; }
#company table th, #company table td { border: solid 1px #ccc; vertical-align: text-top; }
@media screen and (min-width: 960px) { #company table th, #company table td { padding: 5px 15px; } }
@media screen and (max-width: 959px) { #company table th, #company table td { padding: 5px; font-size: 1.2rem; } }
#company table th { background: #eee; }
@media screen and (min-width: 960px) { #company table th { width: 16%; font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #company table th { width: 26%; } }
#company table td { line-height: 2em; }
@media screen and (min-width: 960px) { #company table td { width: 84%; font-size: 1.6rem; } }
@media screen and (max-width: 959px) { #company table td { width: 74%; } }
@media screen and (min-width: 960px) { #company div.access { margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #company div.access { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin-bottom: 15px; } }
@media screen and (max-width: 959px) { #company div.access img { width: 40%; } }
#company div.access address { line-height: 1.4em; }
@media screen and (min-width: 960px) { #company div.access address { width: 300px; font-size: 1.6rem; margin-top: 30px; } }
@media screen and (max-width: 959px) { #company div.access address { width: 55%; font-size: 1.2rem; } }
#company div.access:last-child { margin-bottom: 0; }
@media screen and (min-width: 960px) { #company div[id^="map"] { width: 570px; height: 270px; margin-left: 30px; } }
@media screen and (max-width: 959px) { #company div[id^="map"] { width: 100%; height: 150px; margin-bottom: 15px; } }
#company div[id^="map"]:last-child { margin-bottom: 0; }

/* 	旅行業者の皆様へ
---------------------------------------------*/
#travel section.fax { text-align: center; }
#travel section.fax p { text-align: left; }
#travel section dl { border-bottom: dashed 1px #ccc; padding-bottom: 30px; margin-bottom: 30px; }
#travel section dl:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#travel section dl dt, #travel section dl dd { position: relative; padding-left: 40px; }
#travel section dl dt::before, #travel section dl dt::after, #travel section dl dd::before, #travel section dl dd::after { font-family: "Roboto", sans-serif; }
#travel section dl dt::before, #travel section dl dd::before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ""; position: absolute; left: 0; z-index: -1; width: 30px; height: 30px; }
#travel section dl dt::after, #travel section dl dd::after { position: absolute; content: "Q"; color: #fff; left: calc(15px - .35em); top: calc(1.05rem - .5em); }
#travel section dl dt { font-weight: bold; font-size: 2.1rem; margin-bottom: 20px; }
#travel section dl dt::before { background: #666; top: calc(1.05rem - 15px); }
#travel section dl dt::after { content: "Q"; }
#travel section dl dd { line-height: 1.4em; font-size: 1.8rem; }
#travel section dl dd::before { background: #e50014; top: calc(1.2rem - 15px); }
#travel section dl dd::after { content: "A"; font-weight: bold; font-size: 2.1rem; }

/* プライバシーポリシー
---------------------------------------------*/
#privacy section p { line-height: 1.6em; font-weight: 500; }
#privacy section p.enact { text-align: right; }
#privacy section ol { display: inline-block; counter-reset: list; margin-left: 2em; }
#privacy section ol li { font-weight: bold; margin-left: 1.4em; text-indent: -1.4em; line-height: 1.4em; }
@media screen and (min-width: 960px) { #privacy section ol li { font-size: 2.4rem; margin: 30px 0; } }
@media screen and (max-width: 959px) { #privacy section ol li { font-size: 1.6rem; margin: 15px 0; } }
#privacy section ol li::before { counter-increment: list; content: counter(list) "."; margin-right: .5em; }
#privacy section ol li p { margin-left: 1em; margin-left: 0; text-indent: 0; }
@media screen and (min-width: 960px) { #privacy section ol li p { margin-top: 15px; } }
@media screen and (max-width: 959px) { #privacy section ol li p { margin-top: 10px; } }
#privacy section ol li ol { counter-reset: list; margin-left: 2em; }
#privacy section ol li ol li { font-weight: 500; }
@media screen and (min-width: 960px) { #privacy section ol li ol li { font-size: 1.8rem; margin: 15px 0 0; } }
@media screen and (max-width: 959px) { #privacy section ol li ol li { font-size: 1.4rem; margin: 10px 0 0; } }

/* サイトマップ
---------------------------------------------*/
@media screen and (min-width: 960px) { #sitemap ul li { margin-bottom: 30px; } }
@media screen and (max-width: 959px) { #sitemap ul li { margin-bottom: 20px; } }
#sitemap ul li a { color: #232323; }
@media screen and (min-width: 960px) { #sitemap ul li a { font-size: 2.1rem; } }
@media screen and (max-width: 959px) { #sitemap ul li a { font-size: 1.6rem; } }
#sitemap ul li a::before { font-family: FontAwesome; content: "\f0c8"; color: #e50014; margin-right: .5em; }
#sitemap ul li a.external::after { font-family: FontAwesome; content: "\f08e"; color: #999; margin-left: .5em; }
#sitemap ul li a.pdf::after { font-family: FontAwesome; content: "\f1c1"; color: #999; margin-left: .5em; }
#sitemap ul li ul { margin-left: 2em; }
@media screen and (min-width: 960px) { #sitemap ul li ul { margin-top: 20px; } }
@media screen and (max-width: 959px) { #sitemap ul li ul { margin-top: 15px; } }
@media screen and (min-width: 960px) { #sitemap ul li ul li { margin-bottom: 20px; } }
@media screen and (max-width: 959px) { #sitemap ul li ul li { margin-bottom: 15px; } }
@media screen and (min-width: 960px) { #sitemap ul li ul li a { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { #sitemap ul li ul li a { font-size: 1.4rem; } }
#sitemap ul li ul li a::before { content: "\f0da"; }
@media screen and (min-width: 960px) { #sitemap ul li ul li ul { margin-top: 15px; } }
@media screen and (max-width: 959px) { #sitemap ul li ul li ul { margin-top: 10px; } }
@media screen and (min-width: 960px) { #sitemap ul li ul li ul li { margin-bottom: 15px; } }
@media screen and (max-width: 959px) { #sitemap ul li ul li ul li { margin-bottom: 10px; } }
@media screen and (min-width: 960px) { #sitemap ul li ul li ul li a { font-size: 1.6rem; } }
@media screen and (max-width: 959px) { #sitemap ul li ul li ul li a { font-size: 1.2rem; } }
#sitemap ul li ul li ul li a::before { content: "\f105"; }



/* 追加
---------------------------------------------*/
.newsImg img{
	width:300px;
}

.content_01 img{
	width:100%;
	height:auto;
}

.tagcolum {background: #6cc;}
.tagnews { background: #cc0; }
.taginterview { background: #99c; }
.tagblog { background: #f69; }
.tagevent { background: #cc0; }
.tagfood { background: #9c6; }
.tagoliev { background: #99c; }
.tagYMPS { background: #f90; }


.cate01{ background: #6cc; }
.cate02{ background: #99c; }
.cate03{ background: #99c; }
.cate04{ background: #f69; }
.cate05{ background: #cc0; }
.cate06{ background: #9c6; }
.cate07{ background: #99c; }
.cate08{ background: #f90; }

@media screen and (min-width: 960px) { #categorySide [class^="cate"] { width: 140px; height: 30px; line-height: 30px; font-size: 1.6rem; margin: 10px 0; } }
@media screen and (min-width: 960px) { #categoryTop [class^="cate"] { width: 140px; height: 30px; line-height: 30px; font-size: 1.6rem; margin: 10px 0; } }
@media screen and (max-width: 959px) { 
#categoryTop ul li a {
    display: block;
    margin: 10px 0 10px 0;
}}


[class^="cate"] a{
    color: #fff !important;
    text-align: center;
}

.fa-16 {
    font-size: 1.6em !important;
}

.attorneysImg{
	font-size:1.6em;
	color:#000;
	text-align: left;
margin: 20px;
border-bottom: dotted;
}

.cats{width:500px;
}




@media screen and (max-width: 959px) { .posts li a div, #featured ul li a div, #latest ul li a div, #tab article ul li a div { width: 100% !important; } }

@media screen and (min-width: 960px) { .postSide ul li a, #related ul li a, #more ul li a { display: block; width: 100%; padding-top:0 !important; }}




/* TOP
---------------------------------------------*/
#category_list li,
#category_listCategory li {
  width: 100%;
  border-bottom: solid 1px #e8daec;
}
@media screen and (min-width: 960px) {
  #category_list li,
  #category_listCategory li {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 959px) {
  #category_list li,
  #category_listCategory li {
    padding-bottom: 5%;
    margin-bottom: 5%;
  }
}
#category_list li .category_listImg,
#category_listCategory li .category_listImg {
  position: relative;
}
@media screen and (min-width: 960px) {
  #category_list li .category_listImg,
  #category_listCategory li .category_listImg {
    width: 243px;
    height: 140px;
    margin-right: 20px;
    float: left;
  }
}
@media screen and (max-width: 959px) {
  #category_list li .category_listImg,
  #category_listCategory li .category_listImg {
    width: 100%;
    height: 54.15638vw;
  }
}
#category_list li .category_listImg > div,
#category_listCategory li .category_listImg > div {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#category_list li .category_listImg > div img,
#category_listCategory li .category_listImg > div img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#category_list li .category_listImg span,
#category_listCategory li .category_listImg span {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  #category_list li .category_listImg span,
  #category_listCategory li .category_listImg span {
    width: 243px;
    height: 36px;
    text-align: center;
    padding-top: 12px;
  }
}
@media screen and (max-width: 959px) {
  #category_list li .category_listImg span,
  #category_listCategory li .category_listImg span {
    width: 152px;
    height: 36px;
    text-align: left;
    padding-top: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 960px) {
  #category_list li .category_listImg span.saito,
  #category_listCategory li .category_listImg span.saito {
    background: url(../img/saito.png) no-repeat;
  }
}
@media screen and (max-width: 959px) {
  #category_list li .category_listImg span.saito,
  #category_listCategory li .category_listImg span.saito {
    background: url(../img/saito-s.png) no-repeat;
  }
}
@media screen and (min-width: 960px) {
  #category_list li .exclamation,
  #category_list li .question,
  #category_listCategory li .exclamation,
  #category_listCategory li .question {
    position: relative;
  }
}
@media screen and (min-width: 960px) {
  #category_list li .exclamation::after,
  #category_list li .question::after,
  #category_listCategory li .exclamation::after,
  #category_listCategory li .question::after {
    content: "";
    position: absolute;
    width: 74px;
    height: 55px;
    left: -15px;
    top: -15px;
  }
}
@media screen and (min-width: 960px) {
  #category_list li .exclamation::after,
  #category_listCategory li .exclamation::after {
    background: url(../img/exclamation.png) no-repeat left top;
  }
}
@media screen and (min-width: 960px) {
  #category_list li .question::after,
  #category_listCategory li .question::after {
    background: url(../img/question.png) no-repeat left top;
  }
}
#category_list li .category_list,
#category_listCategory li .category_list {
  position: relative;
  text-align: left;
}
@media screen and (min-width: 960px) {
  #category_list li .category_list,
  #category_listCategory li .category_list {
    width: calc(100% - 263px);
    min-height: 140px;
    font-size: 2rem;
    line-height: 1.8;
    float: left;
  }
}
@media screen and (max-width: 959px) {
  #category_list li .category_list,
  #category_listCategory li .category_list {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
#category_list li .category_list p,
#category_listCategory li .category_list p {
  position: relative;
  overflow: hidden;
  position: relative;
  letter-spacing: 0;
}
@media screen and (min-width: 960px) {
  #category_list li .category_list p,
  #category_listCategory li .category_list p {
    height: 5.4em;
  }
}
@media screen and (max-width: 959px) {
  #category_list li .category_list p,
  #category_listCategory li .category_list p {
    height: 4em;
    margin: 6% 0 10%;
  }
}
#category_list li .category_list p::before, #category_list li .category_list p::after,
#category_listCategory li .category_list p::before,
#category_listCategory li .category_list p::after {
  position: absolute;
  background: #FFF;
}
#category_list li .category_list p::before,
#category_listCategory li .category_list p::before {
  content: "...";
  right: 0;
  bottom: 0;
  font-weight: 400;
}
@media screen and (max-width: 959px) {
  #category_list li .category_list p::before,
  #category_listCategory li .category_list p::before {
    padding: 0 .25em;
  }
}
#category_list li .category_list p::after,
#category_listCategory li .category_list p::after {
  content: "";
  width: 100%;
  height: 100%;
}
#category_list li .category_list p.date,
#category_listCategory li .category_list p.date {
  width: 100%;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #category_list li .category_list p.date,
  #category_listCategory li .category_list p.date {
    font-size: 1.8rem;
    height: 1em;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 959px) {
  #category_list li .category_list p.date,
  #category_listCategory li .category_list p.date {
    font-size: 1.4rem;
    height: auto;
    font-weight: normal;
    position: relative;
    margin: 5% 0 0;
  }
}
@media screen and (min-width: 960px) {
  #category_list li.latest,
  #category_listCategory li.latest {
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 960px) {
  #category_list li.latest .category_listImg,
  #category_listCategory li.latest .category_listImg {
    width: 360px;
    height: 200px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 960px) {
  #category_list li.latest .category_listImg span,
  #category_listCategory li.latest .category_listImg span {
    width: 152px;
    height: 36px;
    text-align: left;
    padding-top: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 960px) {
  #category_list li.latest .category_listImg span.saito,
  #category_listCategory li.latest .category_listImg span.saito {
    background: url(../img/saito-s.png) no-repeat;
  }
}
@media screen and (min-width: 960px) {
  #category_list li.latest .category_list,
  #category_listCategory li.latest .category_list {
    width: calc(100% - 390px);
    min-height: 200px;
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 960px) {
  #category_list li.latest .category_list p,
  #category_listCategory li.latest .category_list p {
    height: 7.2em;
  }
}
@media screen and (min-width: 960px) {
  #category_list li.latest .category_list p.date,
  #category_listCategory li.latest .category_list p.date {
    height: 1em;
  }
}


@media screen and (min-width: 960px) {
  #category_list li .cate<?php echo $cat_slug; ?>::after,
  #category_listCategory li .cate<?php echo $cat_slug; ?>::after {
    font-size: 1.3rem;
    width: 153px;
    height: 27px;
    line-height: 27px;
  }
}
@media screen and (max-width: 959px) {
  #category_list li .cate<?php echo $cat_slug; ?>::after,
  #category_listCategory li .cate<?php echo $cat_slug; ?>::after {
    font-size: 1.1rem;
    width: 110px;
    height: 20px;
    line-height: 20px;
  }
}


#category_list .pager,
#category_listCategory .pager {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 960px) {
  #category_list .pager,
  #category_listCategory .pager {
    width: 350px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 959px) {
  #category_list .pager,
  #category_listCategory .pager {
    width: 100%;
    max-width: 320px;
    margin: 15% auto 18%;
  }
}
#category_list .pager ul,
#category_listCategory .pager ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#category_list .pager li,
#category_listCategory .pager li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.6rem;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  letter-spacing: 0;
}
#category_list .pager li a,
#category_listCategory .pager li a {
  width: 40px;
  height: 40px;
  font-size: 1.6rem;
  border: solid 1px #c88fc2;
  display: block;
}
#category_list .pager li.prev,
#category_listCategory .pager li.prev {
  margin-right: 10px;
}
#category_list .pager li.next,
#category_listCategory .pager li.next {
  margin-left: 10px;
}
#category_list .pager li.active,
#category_listCategory .pager li.active {
  background: #c88fc2;
  color: #FFF;
}

#category_listCategory h2 {
  border-bottom: solid 3px #e8daec;
}
@media screen and (min-width: 960px) {
  #category_listCategory h2 {
    font-size: 1.8rem;
    padding-bottom: 10px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 959px) {
  #category_listCategory h2 {
    font-size: 1.6rem;
    padding-bottom: 4%;
    margin-bottom: 9%;
  }
}

.categoryList ul li a, #categoryTop ul li a, #categorySide ul li a { display: block;}
@media screen and (max-width: 959px) {.categoryList ul li a, #categoryTop ul li a, #categorySide ul li a { display: block; margin: 10px 0 10px 0; padding:5px 0;}}


@media screen and (max-width: 959px) {

.postSide ul li a img, #related ul li a img {
    position: inherit;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}}

/*おせちコンテスト応募ページ用css*/

.txt_m {
    font-size: 22px;
    padding: 20px 0 40px 0;
    line-height: 25px;
    font-weight: 600;
}

@media screen and (max-width:799px){
  .txt_m {
        font-size: 14px;
    }
  
}