/* Theme Name: Sorbet
 * Theme URI: https://wordpress.com/themes/sorbet/
 * Author: WordPress.com
 * Author URI: https://wordpress.com/themes/
 * Description: Sorbet is a delicious treat for your blog or website. Colorfuzl post formats help your content pop, while secondary information (navigation, search, social links, and widgets) is tucked neatly away in the header for easy access that doesn't crowd your content.
 * Version: 1.2.1
 * License: GNU General Public License v2 or later
 * License URI: license.txt
 * Tags: blue, gray, green, orange, pink, red, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
 *
 * This theme, like WordPress, is licensed under the GPLv2 or later.
 * Use it to make something cool, have fun, and share what you've learned with others.
 *
 * Readable is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/ */
/* =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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, th {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

body {
  /*background: #f2eed8;*/
  background:#fff;
}

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

ol, ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

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

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

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

/* =Rebuild
----------------------------------------------- */
* html {
  font-size: 100%;
}

html {
  font-size: 16px;
  line-height: 1.5em;
}

body,
button,
input,
select,
textarea {
/*  color: #404040;
  font-family: Georgia, "Bitstream Charter", serif;*/
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

hr {
  border: 1px solid #ccc;
  border-width: 0 0 1px 0;
  height: 0;
  margin-top: -1px;
  margin-bottom: 24px;
  padding-top: 24px;
}

/* Text elements */
p {
  margin-bottom: 24px;
}

ul, ol {
  margin: 0 0 24px 36px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 24px;
}

dt {
  font-weight: 600;
}

dd {
  margin: 0 24px 24px;
}

b, strong {
  font-weight: 600;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 24px;
}

address {
  margin: 0 0 24px;
}

pre {
  background: rgba(119, 119, 119, 0.5);
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 0.9375em;
  line-height: 1.6em;
  margin-top: -2px;
  margin-bottom: 24px;
  max-width: 100%;
  overflow: auto;
  padding: 24px;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.875em;
  line-height: 1.71429em;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

figure {
  margin: 0;
}

table {
  margin: 0 0 24px;
  width: 100%;
}

th {
  font-weight: bold;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.toggles .screen-reader-text {
	left: 0;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #fff;
  border: 1px solid #000;
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
  box-shadow: rgba(0, 0, 0, 0.6) 2px 2px 10px;
  clip: auto !important;
  display: inline-block;
  font-weight: 600;
  line-height: 24px;
  padding: 24px;
  z-index: 100000;
  position: absolute !important;
  top: 24px;
  left: 24px;
}

/* Clearing */
.clear:before,
.clear:after {
  content: '';
  display: table;
}

.clear:after {
  clear: both;
}

.entry-content:before,
.entry-content:after {
  content: '';
  display: table;
}

.entry-content:after {
  clear: both;
}

.comment-content:before,
.comment-content:after {
  content: '';
  display: table;
}

.comment-content:after {
  clear: both;
}

.site-header:before,
.site-header:after {
  content: '';
  display: table;
}

.site-header:after {
  clear: both;
}

.site-content:before,
.site-content:after {
  content: '';
  display: table;
}

.site-content:after {
  clear: both;
}

.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.site-footer:after {
  clear: both;
}

/* =Forms
----------------------------------------------- */
button,
input,
select,
textarea {
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid #ccc;
  border-color: #ccc #ccc #bbb #ccc;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa #bbb;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 98%;
}

* html {
  font-size: 112.5%;
}

html {
  font-size: 18px;
  line-height: 1.5em;
}

h6, button,
input[type="button"],
input[type="reset"],
input[type="submit"], .site-footer, .main-navigation, .secondary-navigation, a.more-link, .entry-meta, .entry-meta a, .pingback .edit-link,
.trackback .edit-link, #cancel-comment-reply-link, .reply, .comment-metadata, .comment-metadata a, .comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment, #infinite-footer .blog-info a,
#infinite-footer .blog-credits, #infinite-handle span {
  letter-spacing: 1px;
  text-transform: uppercase;
}

.entry-format, .hentry:before, .toggles .toggle:before, .comments-link:before,
.post-date:before,
.sticky .post-date:before,
.tags-links:before,
.byline:before,
.edit-link:before, .page-title:before, .site-content [class*="paging-navigation"] a:before,
.site-content [class*="post-navigation"] a:before, #cancel-comment-reply-link:before, .reply:before, .social-links ul a:before {
  -webkit-font-smoothing: antialiased;
  font-family: "Genericons";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  vertical-align: text-bottom;
}

.entry-format, .hentry:before {
  font-size: 48px;
  background: #f45145;
  border-radius: 50%;
  color: white;
  display: block;
  line-height: 80px;
  margin-left: -40px;
  position: absolute;
  top: -44px;
  left: 50%;
  text-align: center;
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 47.2226em) {
  .entry-format, .hentry:before {
    font-size: 29px;
    width: 60px;
    height: 60px;
    top: -32px;
    margin-left: -30px;
    line-height: 60px;
  }
}

/* =Global */
body {
  /*background: #f0f1f3;
  color: #656e7f;*/
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
}

button,
input,
select,
textarea {
  background: white;
  color: #242d36;
/*  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;*/
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin: 13.5px 27px 13.5px 0;
}

.alignright {
  display: inline;
  float: right;
  margin: 13.5px 0 13.5px 27px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 13.5px auto;
}

/* Headings */
h1 {
  line-height: 0.57447em;
  color: #242d36;
/*  font-family: "PT Serif", Georgia, Times, serif;*/
  font-size: 47px;
  margin: 27px 0;
}

h2 {
  line-height: 0.93103em;
  color: #242d36;
/*  font-family: "PT Serif", Georgia, Times, serif;*/
  font-size: 29px;
  margin: 27px 0;
}

h3 {
  line-height: 1.17391em;
  color: #242d36;
/*  font-family: "PT Serif", Georgia, Times, serif;*/
  font-size: 23px;
  margin: 27px 0;
}

h4 {
  line-height: 1.5em;
  color: #242d36;
/*  font-family: "PT Serif", Georgia, Times, serif;*/
  font-size: 18px;
  margin: 27px 0;
}

h5 {
  line-height: 1.5em;
  color: #242d36;
/*  font-family: "PT Serif", Georgia, Times, serif;*/
  font-size: 18px;
  margin: 27px 0;
}

h6 {
  line-height: 1.8em;
  color: #242d36;
/*  font-family: "PT Serif", Georgia, Times, serif;*/
  font-size: 15px;
  margin: 27px 0;
}

h5 {
/*  font-style: italic;*/
}

hr {
  background-color: #242d36;
  height: 1px;
  margin-bottom: 26px;
  padding: 0;
}

/* Text elements */
p {
  margin-bottom: 27px;
}

ul {
  margin: 0 0 27px 27px;
  list-style: disc;
}
ul ul {
  list-style: square;
}
ul ul ul {
  list-style: circle;
}

ol {
  margin: 0 0 27px 27px;
  list-style: decimal;
}
ol ol {
  list-style: lower-alpha;
}
ol ol ol {
  list-style: lower-roman;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 27px;
}

dt {
  font-weight: 400;
}

dd {
  margin: 13.5px 0 13.5px 27px;
}

b, strong {
  font-weight: bold;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  color: #9ba2af;
/*  font-family: "PT Serif", Georgia, Times, serif;*/
  border-left: 5px solid rgba(155, 162, 175, 0.25);
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 27px;
  padding-left: 27px;
}
blockquote blockquote {
  font-size: inherit;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.83333em;
  line-height: 1.8em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #242d36;
  border: 0;
  border-radius: 0;
  color: #f0f1f3;
  padding: 13.5px 27px;
  text-shadow: none;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #242d36;
  color: rgba(240, 241, 243, 0.7);
}
@media screen and (max-width: 47.2226em) {
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    font-size: 0.83333em;
    line-height: 1.8em;
    padding: 13.5px;
    width: 100%;
  }
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  background: #f9f9fa;
  border: 1px solid #f0f1f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 12.5px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
  background: white;
  border: 1px solid #f77e75;
  outline: none;
}
@media screen and (max-width: 47.2226em) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"] {
    padding: 13.5px;
    width: 100%;
  }
}

textarea {
  background: #f9f9fa;
  border: 1px solid #f0f1f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 12.5px;
}
textarea:focus {
  background: white;
  border: 1px solid #f77e75;
  outline: none;
}
@media screen and (max-width: 47.2226em) {
  textarea {
    padding: 13.5px;
    width: 100%;
  }
}

address {
  font-style: italic;
  margin-bottom: 27px;
}

pre {
  background: rgba(0, 0, 0, 0.03);
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 0.83333em;
  line-height: 1.8em;
  margin-bottom: 27px;
  padding: 27px;
  overflow: auto;
  max-width: 100%;
}

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.83333em;
  line-height: 1.8em;
}

abbr, acronym {
  border-bottom: 1px dotted #9ba2af;
  cursor: help;
  margin-bottom: 26px;
}

mark, ins {
  background: fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 0.83333em;
  line-height: 1.8em;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 0.83333em;
  line-height: 1.8em;
}

big {
  font-size: 1.27778em;
  line-height: 1.17391em;
}

figure {
  margin: 0;
}

table {
  margin-bottom: 27px;
  width: 100%;
}

td, th {
  border-bottom: 1px solid rgba(155, 162, 175, 0.25);
  border-collapse: collapse;
  padding: 6.75px 3px 5.75px;
}

th {
  font-weight: 700;
}

img {
  height: auto;
  max-width: 100%;
}

/* Linksリンクの設定 */
a {
/*  color: #f45145;*/
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:visited {
/*  color: #f45145;*/
  color: #000;
}
a:hover, a:focus, a:active {
  color: #f77e75;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* Show or hide a11y text */
/* Clearing */
/* =Layout */
.site-header {
  background: #fed600;
/*  background: #232c35;
  border-bottom: 5px solid #1e252d; */
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 100;
}
.site-header img {
  display: block;
  margin: 0 auto;
  max-height: 200px;
}

.site-content {
/*  margin: 81px auto 0;*/
  margin: 20px auto 0;
/*  max-width: 55.556em;*/
}
@media screen and (min-width: 59.306em) {
  .site-content {
    width:90%
  }
}
@media screen and (max-width: 59.306em) {
  .site-content {
    max-width: 41.667em;
  }
}
@media screen and (max-width: 47.2226em) {
  .site-content {
/*   margin-top: 54px;*/
	width:95%;
	margin:10px auto 0;
 }
}

.content-area {
  float: left;
  margin: 0 -25% 0 0;
  width: 100%;
}
@media screen and (max-width: 47.2226em) {
  .content-area {
    clear: both;
    float: none;
    margin: 0 auto;
  }
}

.site-main,
.page-template-nosidebar-page-php .site-main {
  margin: 0 15%;
}
@media screen and (max-width: 59.306em) {
  .site-main,
  .page-template-nosidebar-page-php .site-main {
    margin: 0 auto;
  }
}

.right-sidebar .site-main {
  margin: 0 30% 0 0;
}
@media screen and (max-width: 47.2226em) {
  .right-sidebar .site-main {
    clear: both;
    float: none;
    margin: 0 auto;
  }
}

/*@media screen and (max-width: 47.2226em) {
  .site-main{
    width:90%;
    margin:0 auto;
 }
}*/

.site-content .widget-area {
  float: right;
  overflow: hidden;
  width: 25%;
}
@media screen and (max-width: 47.2226em) {
  .site-content .widget-area {
    clear: both;
    float: none;
    margin: 27px auto 0;
/*    padding: 0 27px;*/
    padding: 0;
    width: 100%;
  }
}

.site-footer {
  background: #fed600;
/*  border-top: 5px solid #1a2027;*/
  clear: both;
/*  color: #f0f1f3;*/
  color: #000;
  font-size: 0.83333em;
  line-height: 1.8em;
/*  margin: 27px auto 0;
  padding: 27px;*/
  margin: 10px auto 0;
  padding: 15px 0 0 0;
  text-align: center;
  width: 100%;
}
.site-footer a {
/*  color: #f0f1f3;*/
  color: #000;
  text-decoration: none;
}

.site-info {
  margin: 5px auto;
/*  max-width: 55.556em;*/
  font-size:0.6rem;
}
@media screen and (max-width: 59.306em) {
  .site-info {
    max-width: 41.667em;
  }
}

/* =Header */
.site-header-wrapper {
  margin: 0 auto;
/*  max-width: 55.556em;*/
  padding:0 5px;
}
@media screen and (max-width: 59.306em) {
  .site-header-wrapper {
    max-width: 41.667em;
  }
}

.site-branding {
  float: left;
/*  margin: 13.5px 0 8.5px;*/
  width: 60%;
  margin: 0 0 8.5px;
}

.site-branding h1{
  float: left;
  max-width: 180px;
  width:28%;
  margin-bottom:3px;
}

.site-branding-sub {
  float: left;
  width:68%;
  max-width: 474px;
  margin-left:10px;
}

@media screen and (max-width: 47.2226em) {
  .site-branding {
    clear: both;
/*    float: none;
    margin: 27px auto;*/
    margin: 0;
/*    max-width: 100%;
    text-align: center;*/
  max-width: 45%;
  }
  .site-description, .site-branding-sub, .site-header-parts{
    display:none;
  }
  .site-branding h1{
    width: 130px;
  }
}

.site-title {
  font-size: 1.27778em;
  line-height: 1.17391em;
  margin: 0;
}
.site-title a {
  color: #f0f1f3;
  padding: 0;
  text-decoration: none;
}

.site-description {
  color: #333;
  font-size: 0.6em;
  line-height: 1.5em;
  margin: 0 0 3px 0;
}

.toggles {
  float: right;
  margin: 13.5px 0 8.5px;
  text-align: right;
  width: 33%;
}
@media screen and (max-width: 47.2226em) {
  .toggles {
/*    clear: both;
    float: none;
    width: 100%;
    text-align: center;*/
    width: 100%;
    margin:0 5px 0 0;
  }
 .toggles .toggle { 
      margin:5px 0;
  }
}
.toggles .toggle {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.toggles .toggle.active:before {
  color: white;
}
.toggles .toggle:hover:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: white;
}
.toggles .toggle:before {
  vertical-align: middle;
  font-size: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #f45145;
/*  border-radius: 50%;*/
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  display: block;
  line-height: 42px;
/*  margin-left: 6.75px;*/
  position: relative;
  text-align: center;
  width: 40px;
  height: 40px;
/*  width: 32px;
  height: 32px;*/
}
/*@media screen and (max-width: 47.2226em) {
  .toggles .toggle:before {
    margin: 0 3.375px;
  }
}*/
.button {
  display       : inline-block;
  border-radius : 10px;          /* 角丸       */
  font-size: 20px;
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  background    : #218c43;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  padding       : 10px 10px;   /* 余白       */
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top:5px;
}
.button:hover {
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.toggles #menu-toggle:before {
  background-color: #f45145;
  content: "\f419";
  font-size: 24px;
  border-radius: 20%;
}
.toggles #sidebar-facebook:before {
  background-color: #375691;
  content: '\f203';
  border-radius: 50%;
}
.toggles #sidebar-insta:before {
  background-color: #9c7057;
  content: '\f215';
  border-radius: 50%;
}
.toggles #sidebar-toggle:before {
/*  background-color: #f77e75;*/
  background-color: #00cc33;
  content: '\f475';
  font-size: 36px;
  border-radius: 20%;
}
.toggles #social-links-toggle:before {
/*  background-color: #cdd851;*/
  content: "\f461";
}
.toggles #search-toggle:before {
  background-color: #b1e8e6;
  content: "\f400";
  border-radius: 20%;
}

.panel .widget-area:before,
.panel .widget-area:after {
  content: "";
  display: table;
}

.panel .widget-area:after {
  clear: both;
}

.panel {
  display: none;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 3;
}
.panel#social-links-toggle-nav {
  background: #cdd851;
  border-bottom: 5px solid #c6d238;
}
.panel#search-toggle-nav {
  background: #b1e8e6;
  border-bottom: 5px solid #a5e5e2;
}
.panel#menu-toggle-nav {
  background: #f45145;
  border-bottom: 5px solid #f23628;
}
.panel#sidebar-toggle-nav {
/*  background: #f77e75;
  border-bottom: 5px solid #f56358;*/
  background: #00cc33;
  border-bottom: 5px solid #1f9244;
}
.panel .widget-areas:before,
.panel .widget-areas:after {
  content: "";
  display: table;
}
.panel .widget-areas:after {
  clear: both;
}
.panel .widget-areas {
  margin: 0 auto;
/*  max-width: 55.556em;*/
  padding: 13.5px 0 0;
}
@media screen and (max-width: 59.306em) {
  .panel .widget-areas {
    padding: 27px;
  }
}
.panel .widget-area {
  color: white;
  float: left;
  margin-right: 5%;
  width: 30%;
}
.panel .widget-area .widget {
  line-height: 1.8em;
}
.panel .widget-area .widget a {
  color: white;
}
.panel .widget-area .widget .widget-title {
  color: white;
}
@media screen and (max-width: 47.2226em) {
  .panel .widget-area {
    clear: both;
    float: none;
    width: 100%;
  }
}
.panel .widget-area:nth-of-type(3n) {
  margin-right: 0;
}
.panel .search-wrapper {
  margin: 0 auto;
/*  max-width: 55.556em;*/
  padding: 13.5px 0;
}
.panel .search-wrapper input[type="search"] {
  font-size: 1.27778em;
  line-height: 1.17391em;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 13.5px 27px;
  width: 70%;
}
@media screen and (max-width: 47.2226em) {
  .panel .search-wrapper input[type="search"] {
    font-size: 0.83333em;
    line-height: 1.8em;
    padding: 13.5px;
  }
}
.panel .search-wrapper input[type="submit"] {
  font-size: 1.27778em;
  line-height: 1.17391em;
  float: right;
  margin: 0;
  width: 25%;
}
@media screen and (max-width: 47.2226em) {
  .panel .search-wrapper input[type="submit"] {
    font-size: 0.83333em;
    line-height: 1.8em;
    padding: 13.5px 6.75px;
    width: 28%;
  }
}
@media screen and (max-width: 59.306em) {
  .panel .search-wrapper {
    max-width: 41.667em;
  }
}
@media screen and (max-width: 47.2226em) {
  .panel .search-wrapper {
    padding-left: 27px;
    padding-right: 27px;
  }
}

/* =Menuグローバルナビゲーション
----------------------------------------------- */
.navigation-main {
  clear: both;
  display: block;
/*  float: left;
  width: 100%;*/
  float: right;
  font-size: 0.83333rem;
}

.navigation-main ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.navigation-main li {
  float: left;
  position: relative;
  background-color:#fff;
  margin: 0 0 7px 7px;
  /*font-family: "ryo-display-plusn";
  font-weight:700;*/
}

.navigation-main a {
  display: block;
  text-decoration: none;
  padding: 7px 10px 7px 7px;
  color: #000;
}

.navigation-main a:before {
  font-family: 'Genericons';
  content: "\f104";
  padding-right:2px;
}

.navigation-main ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  position: absolute;
  top: 2.7em;
  left: 0;
  z-index: 99999;
  font-size: 0.83333rem;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

.navigation-main ul ul ul {
  left: 100%;
  top: 0;
}

.navigation-main ul ul a {
  width: 200px;
  padding-left:25px;
  color:#fff;
}

.navigation-main ul ul a:before {
  content: "";
}

.navigation-main ul ul a:hover {
  background-color: #a1a1a1;
}

.navigation-main ul ul li {
  background-color: #a1a1a1;
  margin:0;
}

.navigation-main li:hover > a {
  background-color: #a1a1a1;
  color:#fff;
}

.navigation-main ul ul :hover > a {
  background-color: #a1a1a1;
}

.navigation-main ul ul a:hover {
  background-color: #d4d4d4;
  color:#000;
}

.navigation-main ul li:hover > ul {
  display: block;
}

li#menu-item-2296{
  background-color:#009944;
  font-weight:bold;
}

li#menu-item-2296 a{
  color: #FFF;
}

li#menu-item-2296 a:hover{
  color: #FFF;
}

.site-header-parts{
  float:right;
  max-width: 400px;
  width:40%;
  padding:0;
  margin:0;
}

/* =Searchヘッダー検索
----------------------------------------------- */
.site-header-parts .search-wrapper{
  text-align:right;
  float:left;
  margin: 0;
  max-width: 12em;
  padding: 5px 0;
}
.site-header-parts .search-wrapper input[type="search"] {
/*  font-size: 1.27778em;
  line-height: 1.17391em;*/
  font-size: 0.7rem;
  line-height: 1rem;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 5px;
  width: 75%;
}

.site-header-parts .search-wrapper .search-submit{
  padding: 5px;
  line-height: 1rem;
  font-family: FontAwesome;
}

@media screen and (max-width: 47.2226em) {
.search-submit{
   display:none;
 }
}

@media screen and (min-width: 47.2226em) {
.search-submit-sp{
   display:none;
 }
}

/* =Language言語選択
-----------------------------------------------*/
.language {
  display: block;
  float: right;
  font-size: 0.9rem;
}

/* =Language言語選択
-----------------------------------------------  

.language ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.language li {
  float: left;
  position: relative;
  margin: 0;
  text-align:center;
}

.language a {
  display: block;
  text-decoration: none;
  padding:2px;
  color: #000;
}

.language a:before {
  font-family: 'Genericons';
  content: "\f475";
  padding-right:2px;
  font-size: 1rem;
  line-height:1rem;
}

.language ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  position: absolute;
  top: 2em;
  left: 0;
  z-index: 99999;
  font-size: 0.83333rem;
}

.language ul ul ul {
  left: 100%;
  top: 0;
}

.language ul ul a {
  width: 6rem;
  color:#000;
}

.language ul ul a:before {
  content: "";
}

.language ul ul a:hover {
  background-color: #a1a1a1;
}

.language ul ul li {
  background-color: #fff;
  margin:0;
}

.language li:hover > a {
}

.language ul ul :hover > a {
  background-color: #a1a1a1;
}

.language ul ul a:hover {
  background-color: #d4d4d4;
  color:#000;
}

.language ul li:hover > ul {
  display: block;
} */

/* =Menu */
.main-navigation {
  font-size: 0.83333em;
  line-height: 1.8em;
  color: #f77e75;
  display: block;
  margin: 0 auto;
  padding: 13.5px 0;
  position: relative;
/*  max-width: 55.556em;*/
  text-align: center;
  width: 100%;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  position: relative;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.main-navigation ul ul {
  display: block;
  float: left;
  left: -6.75px;
  position: absolute;
  top: 27px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}
.main-navigation ul ul a {
  line-height: 1.19118em;
  width: 216px;
  padding: 13.5px;
}
.main-navigation ul ul a:hover {
  color: #f0f1f3;
}
.main-navigation ul ul:before {
  border-top: 0;
  border-left: 13.5px solid transparent;
  border-right: 13.5px solid transparent;
  border-bottom: 13.5px solid #fed600;
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 27px;
  width: 0;
  height: 13.5px;
}
.main-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.main-navigation ul ul ul:before {
  display: none;
}
.main-navigation li {
  display: inline-block;
  margin: 3.375px 13.5px;
  position: relative;
}
@media screen and (max-width: 47.2226em) {
  .main-navigation li {
    margin: 0;
  }
}
.main-navigation li li {
  background: #242d36;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0;
}
.main-navigation a {
  color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  text-decoration: none;
}
.main-navigation a:hover {
  color: white;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
  color: white;
}
@media screen and (max-width: 47.2226em) {
  .main-navigation {
    padding-top: 0;
  }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .main-navigation ul ul {
    display: block;
    float: none;
    opacity: 1;
    position: relative;
    visibility: visible;
    top: auto;
  }
  .main-navigation ul ul:before {
    display: none;
  }
  .main-navigation ul ul li {
    background: transparent;
    border-bottom: 0;
  }
  .main-navigation ul ul a {
    padding: 13.5px 13.5px 13.5px 27px;
    width: auto;
  }
  .main-navigation ul ul ul {
    left: auto;
    top: auto;
  }
  .main-navigation ul ul ul a {
    padding-left: 54px;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    display: block;
  }
  .main-navigation li {
    display: block;
    position: relative;
  }
  .main-navigation a {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    color: white;
    display: block;
    padding: 13.5px;
    text-decoration: none;
  }
  .main-navigation ul:first-child > li:first-child > a {
    border-top: 0;
  }
}

.secondary-navigation {
  font-size: 0.83333em;
  line-height: 1.8em;
/*  margin: 27px 0;*/
  text-align: center;
}
.secondary-navigation ul {
  list-style: none;
  margin: 0 27px;
  padding: 0;
}
.secondary-navigation li {
  display: inline-block;
  list-style: none;
  margin: 0 6.75px 0 0;
}
.secondary-navigation li:after {
/*  content: "\007E";*/
  content: "|";
  margin: 0 0 0 9px;
}
.secondary-navigation li:last-of-type:after {
  display: none;
}
.secondary-navigation a {
  color: #000;
}

/* =Content */
.entry-format {
  background: transparent;
  color: transparent;
  z-index: 2;
}
/*
.hentry {
  background-color: white;
  border-top: 8px solid #f45145;
  margin: 0 0 81px;
  padding: 27px 27px 22px;
  position: relative;
}
.hentry:after {
  border-top: 3px solid #f23628;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 1;
}
.hentry:before {
  content: "\f100";
  z-index: 2;
}
.hentry.type-page:before {
  content: "\f443";
}
.hentry.sticky, .hentry.format-image {
  border-color: #cdd851;
}
.hentry.sticky:before, .hentry.format-image:before {
  background: #cdd851;
  content: "\f308";
}
.hentry.sticky:after, .hentry.format-image:after {
  border-color: #c6d238;
}
.hentry.format-image:before {
  content: "\f102";
}
.hentry.format-gallery, .hentry.format-aside {
  border-color: #f77e75;
}
.hentry.format-gallery:before, .hentry.format-aside:before {
  background: #f77e75;
  border-color: #f67167;
  content: "\f101";
}
.hentry.format-gallery:after, .hentry.format-aside:after {
  border-color: #f67167;
}
.hentry.format-link {
  border-color: #b1e8e6;
}
.hentry.format-link:before {
  background: #b1e8e6;
  content: "\f107";
}
.hentry.format-link:after {
  border-color: #a1e3e1;
}
.hentry.format-video, .hentry.format-audio {
  border-color: #9ba2af;
}
.hentry.format-video:before, .hentry.format-audio:before {
  background: #9ba2af;
  content: "\f104";
}
.hentry.format-video:after, .hentry.format-audio:after {
  border-color: #8a92a1;
}
.hentry.format-audio:before {
  content: "\f109";
}
.hentry.format-status, .hentry.format-quote {
  border-color: #242d36;
}
.hentry.format-status:before, .hentry.format-quote:before {
  background: #242d36;
  content: "\f106";
}
.hentry.format-status:after, .hentry.format-quote:after {
  border-color: #050708;
}
.hentry.format-status:before {
  content: "\f105";
}
.hentry.format-gallery:before {
  content: "\f103";
}
@media screen and (max-width: 47.2226em) {
  .hentry {
    margin-bottom: 54px;
  }
}
*/
.search-no-results .hentry:before {
  display: none;
}
.search-no-results .hentry .search-field {
  display: block;
  float: left;
  margin-right: 13.5px;
}

.error404 .hentry:before {
  display: none;
}
.error404 .hentry .search-field {
  display: block;
  float: left;
  margin-right: 13.5px;
}

.byline {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.entry-content {
  margin:0 0 5px 5px;
  font-size:0.85rem;
}

.entry-content p{
  line-height:1.5em;
  padding:0 1em 0 0.5em;
  /*font-family: "ryo-display-plusn";*/
}

.entry-content .notice{
  font-size:0.8em;
}

.content-box .entry-content, .entry-summary {
  margin:0 0 27px 15px;
  font-size:0.7rem;
  color:#535353;
}

.content-box .entry-header{
  width:95%;
  margin:0 auto;
}

.content-box .entry-header h3.post-entry-title{
  margin:0 !important;
  padding:0 0 0.5em 0 !important;
}

.entry-thumbnail img {
  display: block;
  margin: 0 auto;
}

.page-links {
  clear: both;
  color: #9ba2af;
  margin: 27px 0;
  word-spacing: 6.75px;
}
.page-links span.active-link {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #f45145;
  display: inline-block;
  border-radius: 50%;
  color: white;
  margin-bottom: 6.75px;
  width: 27px;
  height: 27px;
  text-align: center;
  text-decoration: none;
}
.page-links a span.active-link {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #f77e75;
  display: inline-block;
  border-radius: 50%;
  color: white;
  margin-bottom: 6.75px;
  width: 27px;
  height: 27px;
  text-align: center;
  text-decoration: none;
}
.page-links a:hover span.active-link {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #f45145;
}

a.more-link {
  font-size: 0.83333em;
  line-height: 1.8em;
  color: #9ba2af;
  text-decoration: none;
}

/*.entry-title {
  line-height: 1.14894em;
  color: #f45145;
  margin: 27px 0;
  text-align: center;
  font-size:0.8rem;
}

.page-title {
  color: #000;
  display: inline-block;
  font-size: 1.27778em;
  line-height: 1.17391em;
  margin: 0 0 10px;
}*/

.entry-title {
    margin: 0 0 1rem;
    padding: 0.8rem 0.5rem 0.5rem 0.5rem;
    font-size: 1.1rem;
	line-height:1.1em;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    background: #eee;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
	font-weight:bold;
    /*font-family: "ryo-display-plusn";
  font-weight:700;*/
}

.post-entry-title{
  color: #000;
  display: inline-block;
  font-size:0.9rem;
  /*margin: 0 0 10px;*/
  margin:0;
  padding:0;
}

.entry-title .entry_date, .post-entry-title .entry_date {
	margin-right:0.5rem;
}

/*.entry-title a {
  color: #f45145;
  text-decoration: none;
}*/
/*@media screen and (max-width: 47.2226em) {
  .entry-title {
    font-size: 1.61111em;
    line-height: 1.86207em;
    line-height: 1.39655em;
  }
}*/

.entry-meta, .entry-meta a, .pingback .edit-link,
.trackback .edit-link, #cancel-comment-reply-link, .reply {
 /* color: #9ba2af;
  font-size: 0.83333em;*/
  color: #4f4c50;
  font-size: 0.7em;
  line-height: 1.8em;
}
.entry-meta a, .pingback .edit-link a,
.trackback .edit-link a, #cancel-comment-reply-link a, .reply a {
  font-size: inherit;
}

.entry-meta .byline{
	display:none;
}

.comments-link,
.post-date,
.sticky .post-date,
.tags-links,
.byline,
.edit-link {
  margin-right: 27px;
}
.comments-link a,
.post-date a,
.sticky .post-date a,
.tags-links a,
.byline a,
.edit-link a {
  text-decoration: none;
}
.comments-link:before,
.post-date:before,
.sticky .post-date:before,
.tags-links:before,
.byline:before,
.edit-link:before {
  margin-right: 2px;
}
@media screen and (max-width: 47.2226em) {
  .comments-link,
  .post-date,
  .sticky .post-date,
  .tags-links,
  .byline,
  .edit-link {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    width: 100%;
  }
}

.comments-link:before {
  content: "\f300";
}

.post-date:before {
  content: "\f307";
}

.sticky .post-date:before {
  content: "\f308";
}

.tags-links:before {
  content: "\f302";
}

.byline:before {
  content: "\f304";
}

.edit-link:before {
  content: "\f411";
}

.sep {
  margin: 0 6.75px;
}

.page-title {
 /* color: #9ba2af;*/
  color: #000;
  display: inline-block;
  font-size: 1.27778em;
  line-height: 1.17391em;
/*  margin: 0 0 54px;*/
  margin: 0 0 10px;
}
@media screen and (max-width: 47.2226em) {
  .page-title {
    padding: 0 5px;
    text-align: center;
  }
}
.page-title:before {
  font-size: 32px;
  line-height: 34px;
  margin-right: 3px;
}

.archive.category .page-title:before {
  content: "\f301";
}

.archive.tag .page-title:before {
  content: "\f302";
}

.archive.author .page-title {
  margin-bottom: 13.5px;
}
.archive.author .page-title:before {
  content: "\f304";
}

.archive.date .page-title:before {
  content: "\f307";
}

.archive.term-post-format-aside .page-title:before {
  content: "\f101";
}

.archive.term-post-format-image .page-title:before {
  content: "\f102";
}

.archive.term-post-format-gallery .page-title:before {
  content: "\f103";
}

.archive.term-post-format-video .page-title:before {
  content: "\f104";
}

.archive.term-post-format-status .page-title:before {
  content: "\f105";
}

.archive.term-post-format-quote .page-title:before {
  content: "\f106";
}

.archive.term-post-format-link .page-title:before {
  content: "\f107";
}

.archive.term-post-format-audio .page-title:before {
  content: "\f109";
}

.taxonomy-description {
  color: #9ba2af;
  font-style: italic;
  margin-top: 27px;
}

.author-archives-header:before,
.author-archives-header:after {
  content: "";
  display: table;
}

.author-archives-header:after {
  clear: both;
}

.author-archives-header {
  background: white;
  border-top: 8px solid #9ba2af;
  margin-bottom: 81px;
  padding: 27px;
  position: relative;
}

.author-archives-img {
  border: 8px solid #9ba2af;
  border-radius: 50%;
  float: left;
  width: 81px;
}
.author-archives-img img {
  border-radius: 50%;
  display: block;
}

.author-info {
  float: right;
  margin: 0 0 0 -108px;
  width: 100%;
}
.author-info:after {
  border-top: 3px solid #8a92a1;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 1;
}

.author-archives-name,
.author-archives-url,
.author-archives-bio {
  clear: both;
  display: block;
  margin: 0 0 0 108px;
}

/* Search */
.search-results .page .sep:first-of-type {
  display: none;
}

/* =Media */
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption {
  margin-bottom: 27px;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.wp-caption-text {
  color: #9ba2af;
  font-size: 0.83333em;
  line-height: 1.8em;
  margin: 13.5px 0;
  padding: 0 1%;
}

.gallery-caption {
  font-size: 0.83333em;
  line-height: 1.8em;
  line-height: 1.8em;
}

.size-thumbnail + .wp-caption-text,
.size-medium + .wp-caption-text {
  font-size: 0.83333em;
  line-height: 1.8em;
  line-height: 1.8em;
}

.site-content .gallery {
  margin-bottom: 27px;
}
.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}
.jetpack-video-wrapper {
  margin-bottom: 27px;
}

/* =Navigation */
.site-content [class*="navigation"] {
  margin-bottom: 0;
  position: relative;
  width: 100%;
}

.site-content [class*="paging-navigation"] a,
.site-content [class*="post-navigation"] a {
  color: white;
}
.site-content [class*="paging-navigation"] a:before,
.site-content [class*="post-navigation"] a:before {
  font-size: 48px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #9ba2af;
  border-radius: 50%;
  color: white;
  display: block;
  line-height: 90px;
  opacity: 0.25;
  position: fixed;
  top: 50%;
  text-decoration: none;
  width: 90px;
  height: 90px;
  content: "\f430";
  z-index: 1;
}
@media screen and (max-width: 47.2226em) {
  .site-content [class*="paging-navigation"] a:before,
  .site-content [class*="post-navigation"] a:before {
    font-size: 32px;
    line-height: 60px;
    width: 60px;
    height: 60px;
  }
}
.site-content [class*="paging-navigation"] a:hover:before,
.site-content [class*="post-navigation"] a:hover:before {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-content [class*="paging-navigation"] .nav-previous a:before,
.site-content [class*="post-navigation"] .nav-previous a:before {
  left: 0;
  margin-left: -48px;
  text-align: right;
}
@media screen and (max-width: 47.2226em) {
  .site-content [class*="paging-navigation"] .nav-previous a:before,
  .site-content [class*="post-navigation"] .nav-previous a:before {
    margin-left: -33px;
  }
}
.site-content [class*="paging-navigation"] .nav-next a:before,
.site-content [class*="post-navigation"] .nav-next a:before {
  right: 0;
  margin-right: -48px;
  text-align: left;
  content: "\f429";
}
@media screen and (max-width: 47.2226em) {
  .site-content [class*="paging-navigation"] .nav-next a:before,
  .site-content [class*="post-navigation"] .nav-next a:before {
    margin-right: -33px;
  }
}

.comment-navigation:before,
.comment-navigation:after {
  content: "";
  display: table;
}

.comment-navigation:after {
  clear: both;
}

.site-content .comment-navigation {
  margin-bottom: 27px;
}
.site-content .comment-navigation .nav-previous {
  float: left;
  width: 50%;
}
.site-content .comment-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* =Comments */
div#respond {
  background: white;
  padding: 27px;
  position: relative;
}

.comment-body {
  background: white;
  border-top: 8px solid #9ba2af;
  padding: 27px;
  position: relative;
}
.comment-body:after {
  border-top: 3px solid #8a92a1;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 2;
}

.comment-content a {
  word-wrap: break-word;
}

.comment-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 27px;
  padding: 0;
}
.comment-list .children {
  list-style: none;
  padding-left: 6.75px;
}
.comment-list li.comment {
  margin-top: 54px;
}

.pingback,
.trackback {
  margin: 13.5px 0;
}
.pingback a,
.trackback a {
  text-decoration: none;
}
.pingback .edit-link,
.trackback .edit-link {
  float: right;
  margin-left: 27px;
  margin-right: 0;
}
.pingback .edit-link a,
.trackback .edit-link a {
  color: #9ba2af;
}

.comment-author {
  font-size: 1.27778em;
  line-height: 1.17391em;
  color: #f45145;
/*  font-family: "PT Serif", Georgia, Times, serif;*/
  margin-top: 27px;
  text-align: center;
}
.comment-author a {
  text-decoration: none;
}
.comment-author .avatar-wrapper {
  border: 8px solid #9ba2af;
  border-radius: 50%;
  display: block;
  float: left;
  margin: -8px 13.5px -8px -40px;
  position: absolute;
  top: -32px;
  left: 50%;
  width: 80px;
  height: 80px;
  z-index: 3;
}
@media screen and (max-width: 47.2226em) {
  .comment-author .avatar-wrapper {
    border-width: 5px;
    width: 60px;
    height: 60px;
    top: -22px;
    margin-left: -30px;
  }
}
.comment-author .avatar {
  border-radius: 50%;
}
.comment-author cite {
  font-style: normal;
}

.bypostauthor > .comment-body {
  border-top-color: #f45145;
}
.bypostauthor > .comment-body:after {
  border-top: 3px solid #f23628;
}

.bypostauthor > .comment-body .comment-author:first-of-type .avatar-wrapper {
  border-color: #f45145;
}

.comment-metadata, .comment-metadata a {
  color: #9ba2af;
  font-size: 0.83333em;
  line-height: 1.8em;
}
.comment-metadata a {
  font-size: inherit;
  text-decoration: none;
}

#cancel-comment-reply-link {
  font-size: 0.83333em;
  line-height: 1.8em;
  float: right;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  display: inline-block;
  text-decoration: none;
}
#cancel-comment-reply-link:before {
  font-size: 24px;
  line-height: 47px;
  content: "\f412";
  content: "\f405";
  margin-right: 3px;
  vertical-align: middle;
}

.reply {
  display: inline-block;
  font-size: inherit;
  margin-right: 27px;
  text-decoration: none;
}
.reply:before {
  content: "\f412";
  margin-right: 3px;
}

.comment-respond {
  border-top: 8px solid #f45145;
}
.comment-respond:after {
  border-top: 3px solid #f23628;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 1;
}

.comment-reply-title {
  margin-top: 0;
}

.comments-title {
  color: #9ba2af;
  font-size: 1.27778em;
  line-height: 1.17391em;
  margin-bottom: 54px;
}
@media screen and (max-width: 47.2226em) {
  .comments-title {
    padding: 0 27px;
    text-align: center;
  }
}

.comment-form label {
  display: inline-block;
  width: 81px;
}

.required {
  color: #f45145;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
  margin: 0 0 27px;
  position: relative;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
  font-size: 0.83333em;
  line-height: 1.8em;
  padding: 6.75px 13.5px;
  position: absolute;
  left: 0;
  top: 6.75px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
  display: block;
  margin: 0 0 27px;
  padding-left: 100px;
  width: 100%;
}
.comment-form-author textarea,
.comment-form-email textarea,
.comment-form-url textarea,
.comment-form-comment textarea {
  margin: 0 0 27px;
  padding: 54px 13.5px 6.75px;
  clear: both;
  width: 100%;
}

.says {
  display: none;
}

.form-allowed-tags, .form-allowed-tags code {
  color: #9ba2af;
  font-size: 0.83333em;
  line-height: 1.8em;
}
.form-allowed-tags code {
  font-size: 0.83333em;
  line-height: 1.8em;
}

.no-comments {
  color: #9ba2af;
  margin: 27px 0;
  text-align: center;
}

/* =Widgets */
.widget {
  font-size: 0.83333em;
  line-height: 1.8em;
  margin-bottom: 27px;
  overflow: hidden;
}
.widget select {
  max-width: 100%;
  margin-left: 1px;
}
.widget a {
  text-decoration: none;
}

.widget ul.sub_navi{
	list-style:none;
	margin:0;
}

.widget ul.sub_navi li{
	margin-bottom:0.5em;
	border-bottom:1px dotted #858585;
	padding-left:1em;
	padding-bottom:0.5em;
}

.widget ul.sub_navi li a:before {
  font-family: 'Genericons';
  content: '\f443';
  padding-right:5px;
}


/*.widget-title {
  font-size: 1.27778em;
  line-height: 1.17391em;
  color: #242d36;
  margin: 13.5px 0;
}*/

.widget-title{
    margin: 0 0 0.8em;
    padding: 0.8em;
    border-top: 3px double #B92A2C;
    border-bottom: 3px double #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
}

.widget_search input {
  border-color: #e2e4e8;
  width: 100%;
}
.widget_search input[type="submit"] {
  display: none;
}

.textwidget .shopsearch ul{
  margin:0;
}

.textwidget .shopsearch ul li{
  width:100%;
  margin-bottom:0.8rem;
  padding-left:0.5rem;
}

#text-5 h1.widget-title:before {
  font-family: "Genericons";
  content: '\f400';
  padding-right:2px;
}

#text-5 .textwidget{
margin:0;
padding:0;
}

@media screen and (max-width: 47.2226em) {
  .widget_search input[type="submit"] {
    font-size: 1.27778em;
    line-height: 1.17391em;
    display: block;
  }
}

.wp_widget_tag_cloud div,
.widget_tag_cloud .tagcloud {
  text-align: center;
}
.wp_widget_tag_cloud div a,
.widget_tag_cloud .tagcloud a {
  color: #f45145;
  text-decoration: none;
}

/* Calendar widget */
#wp-calendar td, #wp-calendar th,
#wp-calendar th {
  text-align: center;
}
#wp-calendar caption {
  font-weight: 700;
  margin: 13.5px 0;
  text-align: center;
}

/* =Jetpack */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}

#infinite-footer {
  z-index: 999;
}
#infinite-footer .container {
  background: #f0f1f3;
  border-top: 0;
  color: #9ba2af;
  font-size: 0.83333em;
  font-style: italic;
  line-height: 1.8em;
  position: relative;
}
#infinite-footer .container a {
  color: #9ba2af;
}
#infinite-footer .blog-info a,
#infinite-footer .blog-credits {
  font-style: normal;
  font-weight: normal;
}

.infinite-loader {
  margin: 0 auto 54px;
  width: 28px;
}

#infinite-handle span {
  font-size: 0.83333em;
  line-height: 1.8em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #242d36;
  color: white;
  display: block;
  float: none;
  margin: 0 auto 54px;
  text-align: center;
  width: 140px;
}
#infinite-handle span:hover {
  background: #242d36;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

div.sharedaddy div.sd-block {
  padding: 12.5px 0 13.5px !important;
}

/* =Social Links */
.social-links {
  margin: 0 auto;
 /* max-width: 55.556em;*/
  padding: 13.5px 0;
  text-align: center;
}
.social-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-links ul li {
  display: inline-block;
  list-style: none;
  margin: 0;
}
.social-links ul a {
  display: inline-block;
  margin-right: 4.5px;
  text-decoration: none;
}
.social-links ul a:before {
  font-size: 32px;
  line-height: 32px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: #cdd851;
  display: block;
  margin-top: 6.75px;
  margin-bottom: 6.75px;
  padding: 9px;
  text-align: center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.social-links ul a:hover {
  text-decoration: none;
}
.social-links ul a:hover:before {
  background: white;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.social-links ul:last-of-type {
  margin-right: 0;
}
.social-links ul a[href*="wordpress.org"]:before,
.social-links ul a[href*="wordpress.com"]:before {
  content: "\f205";
}
.social-links ul a[href*="facebook.com"]:before {
  content: "\f204";
}
.social-links ul a[href*="twitter.com"]:before {
  content: "\f202";
}
.social-links ul a[href*="dribbble.com"]:before {
  content: "\f201";
}
.social-links ul a[href*="plus.google.com"]:before {
  content: "\f206";
}
.social-links ul a[href*="pinterest.com"]:before {
  content: "\f209";
}
.social-links ul a[href*="github.com"]:before {
  content: "\f200";
}
.social-links ul a[href*="tumblr.com"]:before {
  content: "\f214";
}
.social-links ul a[href*="youtube.com"]:before {
  content: "\f213";
}
.social-links ul a[href*="flickr.com"]:before {
  content: "\f211";
}
.social-links ul a[href*="vimeo.com"]:before {
  content: "\f212";
}
.social-links ul a[href*="instagram.com"]:before {
  content: "\f215";
}
.social-links ul a[href*="codepen.io"]:before {
  content: "\f216";
}
.social-links ul a[href*="linkedin.com"]:before {
  content: "\f207";
}
.social-links ul a[href*="/feed"]:before {
  content: "\f413";
}
.social-links ul a:before {
  content: "\f415";
}


/* =Eventbrite */

.eventbrite-event:before {
  content: "\f306";
  z-index: 2;
}
.eventbrite-event .entry-meta > span {
  margin-right: 20px;
}
.eventbrite-event .entry-meta > span:before {
  -webkit-font-smoothing: antialiased;
  font-family: "Genericons";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: 2px;
  text-decoration: none;
  vertical-align: text-bottom;
}
.eventbrite-event .event-time:before {
  content: '\f307';
}
.eventbrite-event .event-venue:before {
  content: '\f417';
}
.eventbrite-event .event-organizer:before {
  content: '\f304';
}
.eventbrite-event .event-details:before {
  content: '\f455';
}
.archive-eventbrite .paging-navigation {
  background-color: white;
  border-top: 8px solid #f45145;
  margin: 0 0 81px;
  padding: 27px 27px 22px;
  position: relative;
  text-align: center;
}
.archive-eventbrite .paging-navigation .page-numbers {
  color: #656e7f;
  padding: 6px 12px;
}
.archive-eventbrite .paging-navigation a:hover,
.archive-eventbrite .paging-navigation .current {
  background-color: #9ba2af;
  color: #fff;
}
.archive-eventbrite .site-content .paging-navigation a:before,
.archive-eventbrite .site-content .paging-navigation a:before {
  display: none;
}
@media screen and (max-width: 47.2226em) {
  .eventbrite-event .event-time,
  .eventbrite-event .event-venue,
  .eventbrite-event .event-organizer,
  .eventbrite-event .event-details {
    clear: both;
    display: block;
    float: none;
    margin: 0;
    width: 100%;
  }
}

/*グローバルナビゲーション設定*/
@media screen and (max-width: 47.2226em) {
  .nav-large{
   display:none;
  }
}

@media screen and (min-width: 47.2226em) {
  .toggles{
   display:none;
  }
}

/*店舗検索設定*/
.shopsearch ul li{
  float: left;
  list-style:none;
  line-height:2rem;
  font-weight:bold;
  /*font-weight:900;
  font-family: "ryo-display-plusn";*/
}

.shopsearch ul li a{
  color:#000;
  display: block;
}

.shopsearch li.search{
  background-color:#e60012;
  color:#fff;
}

.shopsearch li.label{
  background-color:#dee2de;
}

.shopsearch li.search:before {
  font-family: "Genericons";
  content: '\f400';
  padding-right:2px;
}

.shopsearch li a:before {
  font-family: 'Genericons';
  content: '\f429';
  padding-right:2px;
  color:#e60012;
}

/*トップページ設定*/
#front-top .main-img{
max-width:1000px;
margin:0 auto 10px;
clear:both;
}

@media screen and (min-width: 47.2226em) {
  #front-top .shopsearch{
    max-width:38rem;
    margin:0 auto 30px;
    padding:10px 0 30px 0;
  }
  #front-top .shopsearch ul li{
    margin-right:0.8rem;
    margin-bottom:0.8rem;
 }
}

@media screen and (max-width: 47.2226em) {
   #front-top .shopsearch{
	font-size:0.85rem;
	margin:0;
 }
   #front-top .shopsearch ul{
    margin:0 auto;
    width:19em;
 }
  #front-top .shopsearch ul li,   #front-top .shopsearch ul li.search{
    width:9em;
 }
   #front-top .shopsearch ul li{
    margin-right:0.5em;
    margin-bottom:0.5em;
 }
}

#front-top .shopsearch ul li a{
  padding-left:0.5rem;
  width:9rem;
}

#front-top .shopsearch ul li:last-child{
  margin-right:0;
}

#front-top .shopsearch li.search{
  text-align:center;
  width:6.5rem;
}

@media screen and (max-width: 47.2226em) {
   .front-news-container{
    padding-top:30px;
 }
}

.front-news {
  margin: 0 auto 30px;
  font-size:0.8rem;
  width:98%;
}

.front-news h3{
/*    margin: 0 0 1.5em;*/
    margin: 0 0 1rem 0;
    padding: 0.3rem 0.3rem 0.3rem 0.5rem;
    font-size: 1.143rem;
    font-weight: bold;
/*    border: 2px solid #B92A2C;
    border-top: 1px solid #77757c;*/
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    -o-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    /*background-color:#fdfcf6;*/
	background-color:#fff;
}

.front-news h3 img{
	padding-left:0.5em;
	padding-top:0.5em;
}

.front-news h3.news {
  border-left:0.8rem solid #218c43;
}

.front-news h3.news .notice{
  font-weight:normal;
	font-size:0.7rem;
}

.front-news h3.news .red{
  color:red;
	font-weight:bold;
	font-size:0.7rem;
}

.front-news h3.topics {
  border-left:0.8rem solid #fcd300;
}

.front-news .postDate {
  margin-right: 0.5rem;
}

.front-news .postTag a,
.front-news .postCategory a{
  padding:2px 5px;
  background-color:#77757c;
  font-size:0.6rem;
  color:#fff;
}

.front-news ul{
  margin:0 1rem;
}

.front-news ul a{
  color:#000;
}

.front-news ul a:hover{
  text-decoration:underline;
}

.front-news li{
  list-style:none;
  border-bottom:1px dotted #dee2de;
  color:#000;
  line-height:150%;
  padding:5px 0;
}

.front-news .thumbnail img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

p.text-right{
  text-align:right;
}

.footer-banner{
  clear:both;
  text-align:center;
  padding-top:30px;
}

.footer-banner .ad{
  max-width:835px;
  margin:0 auto;
  padding-top:20px;
}

.banner-small{
}

.banner-large{
  text-align:center;
}

.banner-large img{
  width:100%;
  max-width:234px;
  height:auto;
}

/*SNS設定*/
.facebook, .instagram{
float:left;
}

.facebook{
width:45%;
max-width:500px;
float:right;
}

.instagram{
width:53%;
max-width:500px;
}

.instagram .title{
padding:0 0 5px 10px;
border-bottom:1px dotted #000;
margin-bottom:10px;
}

.instagram .title .genericon-instagram{
font-size:32px;
padding-right:2px;
color:#260600;
}

.instagram .title .text{
font-family: 'Pacifico', cursive;
color:#000;
font-size:20px;
}

.instagram .title .tag{
font-size:12px;
padding-left:8px;
color:#000;
}

ul#instafeed{
 list-style:none;
 margin:0;
 padding-left:15px;
}

ul#instafeed li{
 float:left;
}

ul#instafeed li img{
 max-width:80px;
 height:auto;
 margin-right:5px;
}

@media screen and (max-width: 47.2226em) {
  .sns-box{
    display:none;
  }
}

/*アーカイブ設定*/
.content-box{
	width:100%;
	border-bottom:3px dotted #656565;
	padding-bottom:0;
	margin-bottom:5px;
}

.content-box p{
	padding-bottom:0;
	margin-bottom:0;
}

.content-box .text{
	width:78%;
}

.content-box .text p{
	margin:0;
	padding:0 0.5em;
}

.content-box .thumbnail{
	margin-right:10px;
	max-width:210px;
	width:20%;
	float:right;
}

.content-box .thumbnail img {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.news-archive .postDate {
  margin-right: 0.5rem;
}

.news-archive .postTag a{
  padding:2px 5px;
  background-color:#77757c;
  font-size:0.6rem;
  color:#fff;
}

.news-archive ul{
  margin:0 1rem;
  font-size:0.8rem;
}

.news-archive ul a{
  color:#000;
}

.news-archive ul a:hover{
  text-decoration:underline;
}

.news-archive li{
  list-style:none;
  border-bottom:1px dotted #dee2de;
  color:#000;
  line-height:150%;
  padding:5px 0;
}

.page_navi {
  text-align: center;
  clear: both;
  margin-top:40px;
  font-size:0.7rem;
  line-height:0.7rem;
}
.page_navi li {
  display: inline;
  list-style-type: none;
}
.page_navi li a {
  padding: 2px 8px;
  background-color: #fff;
  color: #797878;
  border: 1px solid #797878;
}
.page_navi li a:hover {
  background-color: #797878;
  color: #fff;
}
.page_navi li.current span {
  padding: 2px 8px;
  background-color: #797878;
  color: #fff;
  border: 1px solid #797878;
}
.page_navi li.page_nums span {
  padding: 2px 8px;
  background-color: #797878;
  color: #fff;
  border: 1px solid #797878;
}

/* フッターをページ下部に固定するための設定 */
html, body{
	height: 100%;	/* 縦の高さを100% */
	width: 100%;	/* 横の幅を100% */
}

#page {	/* 全体を囲う大枠 
	background-color: #999;*/
	position: relative;		/* フッター部の配置用に定義 */
	min-height: 100%;		/* 縦の表示領域を100% */
}

.site-content{
	margin: 10px auto 0;     /* 上から10px分余白を取る */
	padding-bottom: 100px;   /* フッターの高さの分余白を取る */
}

#colophon{
	height: 80px;            /* 縦の幅を120px */
	position: absolute;       /* 絶対位置指定することを定義 */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	padding: 10px 0;          /* 上下に余白を取る */
}

/* 思い出横丁通信 */
img.photoleft{
	float:left;
	margin:0 1em 0.5em 0;
}


/*思い出横丁について*/
h3.about{
	font-size:1.1rem;
	font-weight:bold;
	border-bottom:dotted 1px #333;
	padding:0 0 5px 5px;
	margin:0 0 15px 0;
}

/*歴史*/
.ref{
	text-align:right;
	margin:5px 0 0 0;
	font-size:0.8em;
}

.photobox img{
	float:left;
	margin:0 10px 10px 0;
}

.red{
	color:#D00A0D;
	font-size:0.7em;
}

/*交通アクセス*/
.map{
	text-align:center;
	margin-bottom:20px;
}

.station{
	margin-top:20px;
}

.station h4{
	padding:0;
	margin:0 0 5px 0;
	font-weight:bold;
}

.station p{
	line-height:2em;
}

/* 店舗情報 */
h2.shopname{
	margin:1rem 0 0.5rem 0;
	font-size:1.3rem;
	padding:0;
	font-weight:bold;
    border-bottom: solid 2px #212121;
	padding-left:3px;
	border-left:solid 10px #218c43;
	line-height:130%;
}

.shop-info{
	margin-bottom:25px;
}

/*.shop-info .explanation, */.shop-info dl.basic{
	border-bottom:1px dotted #000;
}

.shop-info .explanation{
	margin-bottom:10px;
}

.shop-info .explanation .caption{
	font-weight:bold;
	font-size:1.1em;
}

.shop-info .explanation .text{
	padding:0 0.5em;
}

.shop-info dl{
	width:100%;
    margin-bottom: 10px;
	padding:0 10px; 
	overflow: hidden;
}

.shop-info dl.basic{
	line-height:1.2em;
}

.shop-info dl.basic dt{
	font-weight: bold;
	width: 7em;
}

.shop-info dl.basic dd{
	margin: -1.2em 0 4px 0;
	padding: 0 0 4px 3em;
}

.shop-info dl.basic img{
	width:80%;
	max-width:574px;
	height:auto;
}

.shop-info dl.businessinfo{
	line-height: 1.5em;
}

.shop-info dl.businessinfo dt{
	font-weight: bold;
	color:#218c43;
	width: 6em;
}

.shop-info dl.businessinfo dd{
	margin: -1.5em 0 4px 0;
	padding: 0 0 4px 6em;
	border-bottom: dotted 1px #CCCCCC;
}

.shop-info .notice{
	font-size:0.8em;
}

.shop-info .notice-bottom{
	margin:0.5em 0 3em;
	font-size:0.8em;
	clear: both;
}

.shop-image-box{
	overflow: hidden;
}

.shop-image-box .shop-image{
	float:left;
}

.shop-image-box .shop-image img{
	width:100%;
	max-width:200px;
	height:auto;
}

.shop-topics h3, .set01 h3, .set02 h3, .shop-info .goods h3{
    border-bottom: dotted 2px #212121;
	padding-left:3px;
    margin-bottom: 1em;
	border-left:solid 8px #fed600;
	font-size:1.1em;
	font-weight:bold;
	line-height:150%;
}

.shop-topics{
	width:100%;
}

.shop-topics .shop-topics-box{
	overflow:hidden;
	margin-bottom:15px;
}

.topics-photo{
	width:200px;
	float:left;
	margin-right:5px;
}

.shop-topics .topics-photo img{
}

.shop-topics .topics-content{
	width:200px;
	float:left;
	font-size:0.85em;
	line-height:1.5em;
}

.shop-topics .topics-content h5{
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	padding:0;
}

.set01, .set02{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}

.set01 img{
	margin-right:20px;
	float:left;
}

.set01 p{
	float:left;
	margin:0 20px 15px 0;
	padding:0;
	font-size:0.85em;
}

.message-bottom{
	margin:0.5em 0 2em;
	clear:both;
}

.set02 .reccomend-menu, .category-set .reccomend-menu{
	width:200px;
	float:left;
	margin:0 5px 0 0;
	padding:5px 10px 10px 0;
}

.set02 .reccomend-menu img, .category-set .reccomend-menu img{
	max-width:180px;
	height:auto;
}

.set02 .reccomend-menu p, .category-set .reccomend-menu p{
	margin:0;
	padding:0;
	font-size:0.8em;
}

.set02 .reccomend-menu p.price, .category-set .reccomend-menu p.price{
	text-align:right;
	font-size:0.75em;
}

.category-set .reccomend-menu p.caption{
	font-size:0.75em;
}

.set02 .special-menu{
	width:210px;
	float:left;
	margin:0 5px 0 0;
	padding:5px 20px 10px 0;
	border-bottom:1px dotted #000;
}

.set02 .special-menu img{
	max-width:180px;
	height:auto;
}

.set02 .special-menu p{
	margin:0;
	padding:0;
	font-size:0.8em;
}

.set02 .special-menu p.price{
	text-align:right;
	font-size:0.75em;
}

.shop-info .goods{
width:100%;
}

.shop-info .goods p{
	margin:0;
	padding:0 10px 10px;
}

.shop-info .goods h4{
	color: #218c43;
    	position:relative;
    	padding:9px;
    	padding-left:0px;
    	font-weight: bold;
    	height:1rem; 
		margin:0 0 1.1em 0;
}
     
.shop-info .goods h4:before{
    	content:''; 
    	height:15px; 
    	width: 100%;
    	display:block; 
    	position:absolute; 
    	top:18px; 
    	left:0px; 
    	background-color:#ccc;
    	filter:alpha(opacity=20);
    	-moz-opacity:0.20;
    	-khtml-opacity: 0.20;
    	opacity:0.20;
    	box-shadow: 0px 3px 3px 3px rgba(255,255,255, 0.3) inset;
}

.shop-info .goods .goods-photo{
	margin:10px;
	float:left;
	overflow:hidden;
}

.shop-info .goods .goods-photo-container{
width:100%;
}

@media screen and (min-width: 59.306em) {
    width:calc(100% / 3);
    max-width:250px;
    }
}

@media screen and (max-width: 59.305em) {
    width:calc(100% / 2);
    max-width:300px;
    }
}

.shop-info .goods .goods-photo img{
	margin:0 10px 10px 0;
	float:left;
	width:100%;
	height:auto;
}

.moremenu, .menulink{
	background-color:#218c43;
	padding:8px 0;
	border-radius:8px;
	text-align:center;
}

.moremenu{
	width:12em;
}

.menulink{
	width:9em;
}

.moremenu a, .menulink a {
  color:#fff;
  display:block;
}

.moremenu a:before, .menulink a:before{
  font-family: 'Genericons';
  content: "\f104";
  padding-right:2px;
}

@media screen and (min-width: 59.306em) {
  .shop-info {
      width:80%;
	  float:left;
	  padding-right:10px;
  }
  
  .shop-image-box{
	  width:20%;
 	  float:left;
  }
  
  .shop-info dl.basic img{
	width:80%;
  }
}

@media screen and (max-width: 59.306em) {
  .shop-info, .shop-image-box{
	  width:100%;
  }
  
  .shop-image-box .shop-image{
	margin-right:10px;
  }

  .shop-info dl.basic img{
	width:100%;
  }
}

/* メニュー情報 */
ul#page_link_menu {
  border-top: 1px solid #C6B688;
  border-bottom: 1px solid #C6B688;
  margin: 20px 0;
  overflow: hidden;
  padding:5px 0;
}

ul.nodisplay {
	display:none;
}

ul#page_link_menu li {
  display: inline;
  list-style: none;
  float: left;
}

ul#page_link_menu li a {
  padding: 0 10px;
  border-right: 1px dotted #C6B688;
}

.update{
text-align:right;
font-size:0.9em;
}

.menu-set{
}

.menu-set h3{
    	position:relative;
    	padding:7px 0 5px 20px;
    	font-weight: bold;
    	font-size: 1.1rem;
    	background-color: #218c43;
    	color: #fff;
    	border-radius:3px;
    	-webkit-border-radius:3px;
    	-moz-border-radius:3px;
		margin:0;
}
     
.menu-set h3:before{
    	content:''; 
    	height:1.1rem; 
    	width:6px; 
    	display:block; 
    	position:absolute; 
    	left:6px; 
    	background-color:#fff;
    	border-left: 4px solid #fff;
    	border-radius:6px;
    	-webkit-border-radius:6px;
    	-moz-border-radius:6px;
}

.menu-set .category-set{
}

.menu-set .category-set h4, h3.shopinfo-index{
	color: #218c43;
    	position:relative;
    	padding:9px;
    	padding-left:0px;
    	font-weight: bold;
    	height:1rem; 
		margin:0 0 1.1em 0;
}
     
.menu-set .category-set h4:before, h3.shopinfo-index:before{
    	content:''; 
    	height:15px; 
    	width: 100%;
    	display:block; 
    	position:absolute; 
    	top:18px; 
    	left:0px; 
    	background-color:#ccc;
    	filter:alpha(opacity=20);
    	-moz-opacity:0.20;
    	-khtml-opacity: 0.20;
    	opacity:0.20;
    	box-shadow: 0px 3px 3px 3px rgba(255,255,255, 0.3) inset;
}

.menu-set .category-set p{
	line-height:130%;
	padding:0 0 0 0.5em;
	margin:0;
	font-size:0.9em;
}

.menu-set .category-set ul.category-menu-set{
	margin:10px 0 15px 5px;
	overflow:hidden;
}

.menu-set .category-set ul.category-menu-set li{
  display: inline;
  list-style: none;
  float: left;
  padding:7px 5px;
  border-bottom:1px dotted #000;
  width:100%;
}

.menu-set .category-set ul.category-menu-set li .nameset{
	width:100%;
	padding:0;
	line-height:1.2em;
	overflow:hidden;
}

.menu-set .category-set ul.category-menu-set li .nameset .small{
	font-size:0.8em;
}

.menu-set .category-set ul.category-menu-set li .nameset .name{
	float:left;
	width:75%;
	padding:0;
}

.menu-set .category-set ul.category-menu-set li .nameset .name .reccomend{
	background-color:#EF750A;
	color:#fff;
	padding:2px 3px;
	margin-right:0.3em;
	font-size:0.8em;
}

.menu-set .category-set ul.category-menu-set li .nameset .price{
	width:20%;
	font-size:0.8em;
	text-align:right;
	float:right;
	padding:0;
}

.menu-set .category-set ul.category-menu-set li .caption{
	width:100%;
	font-size:0.8em;
	padding:3px 0 0 0.5em;
	line-height:1.1em;
	overflow:hidden;
}

.menu-photo-set{
	overflow: hidden;
}

.menu-photo-set .menu-photo{
	float:left;
}

.menu-photo-set .menu-photo p{
	font-size:0.7em;
	padding:0 0 1.2em 0;
	margin:0;
}

.menu-photo-set .menu-photo img{
	width:100%;
	max-width:200px;
	height:auto;
}

@media screen and (min-width: 59.306em) {
  .menu-set-box {
      width:75%;
	  float:left;
  }
  
  .menu-photo-set{
	  width:23%;
 	  float:right;
  }
}

@media screen and (max-width: 59.306em) {
  .menu-set-box, .menu-photo-set{
	  width:100%;
  }
  
  .menu-photo-set .menu-photo{
	margin-right:10px;
  }
}

/* 店舗名から探す・カテゴリーから探す・マップから探す */
.namelist-box, .category-box, .position-box{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
	border-top:1px solid #000;
	padding:10px 0 0 0;
}

.category-box .box{
	margin-bottom:10px;
}

.namelist-box.noborder, .category-box.noborder, .position-box.noborder{
	border:none;
}

.namelist-top{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px 0;
}

ul.category-list{
	list-style:none;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px 0 0 0;
	overflow:hidden;
}

ul.category-list li.kana{
	margin:0 0.5em 0.5em 0;
	padding:0 0.3em;
	background-color:#218c43;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	line-height:1.5em;
	text-align:center;
	border-radius:10px;
	float:left;
}

.namelist-box h3{
	margin:0 0 10px 0;
	padding:0;
	background-color:#218c43;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	width:1.5em;
	height:1.5em;
	line-height:1.5em;
	text-align:center;
	border-radius:10px;
}

.namelist-top .kana{
	margin:0 0.5em 0.5em 0;
	padding:0 0.3em;
	background-color:#218c43;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	line-height:1.5em;
	text-align:center;
	border-radius:10px;
}

.category-box .midashi{
	padding:0 0.5em;
	background-color:#218c43;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	height:1.5em;
	line-height:1.5em;
	text-align:center;
	border-radius:10px;
}

.namelist-box .namelist, .category-box .namelist, .position-box .namelist{
	border-bottom:1px dotted #000;
}

.namelist-box .namelist, .category-box .namelist{
	margin-right:10px;
}

.namelist .shopcategory{
	font-size:0.7em;
	padding-left:0.3em;
}

@media screen and (min-width: 59.306em) {
  .namelist-box .namelist, .category-box .namelist, .position-box .namelist{
	  width:48%;
 	  float:left;
  }
}

@media screen and (max-width: 59.306em) {
  .namelist-box .namelist, .category-box .namelist, .position-box .namelist{
	  width:100%;
  }
}

/* マップから探す */
@media screen and (min-width: 59.306em) {
  .position-map-sptb{
	  display:none
  }
}

@media screen and (max-width: 59.306em) {
  .position-map{
	  display:none
  }
}
.position-map{
}
.listmap{
	margin-bottom:20px;
}
.listmap p{
	border-bottom:1px dotted #000;
	padding:0 5px 10px 0;
	margin:10px 10px 0 0;
}
.listmap .food{
	padding:0.1em 0.3em;
	background-color:#ED680E;
	color:#fff;
	border-radius:10%;
	margin-right:0.3em;
}
.listmap .goods{
	padding:0.1em 0.3em;
	background-color:#5DA00F;
	color:#fff;
	border-radius:10%;
	margin-right:0.3em;
}
.listmappalette{
}
.listmappalette .palette{
	font-size:1.2em;
	font-weight:bold;
	padding-left:0.5em;
}

.listmappalette p{
	padding:0;
	margin:5px 0 0 0;
}

.listmappalette p .palette{
	padding-right:0.5em;
}

.listmappalette p.second{
	padding-left:3.5em;
}

.listmappalette .last{
	border-bottom:1px dotted #000;
}

@media screen and (min-width: 59.306em) {
  .listmap{
	  width:50%;
 	  float:left;
  }
}

@media screen and (max-width: 59.306em) {
  .listmap{
	  width:100%;
  }
}

.listmap-container{
	width:100%;
	overflow: hidden;
}

/* 撮影許可 */
.shooting{
}

.shooting h3{
}

.shooting .box{
margin:0 auto 20px;
width:90%;
}

.shooting .underline{
text-decoration:underline;
}

.shooting ol{
margin:0;
padding:0;
}

.contactnotice{
border:3px double;
padding:0.5em;
margin:0 0 2em 0;
}

.contactnotice p{
margin:0;
padding:0;
}

.contactnotice .police{
font-size:1.2em;
font-weight:bold;
padding:0.5em;
}

.contactnotice .police .phone{
letter-spacing:0.2em;
font-size:1.2em;
padding-left:1em;
}

p.pulldown{
font-size:1.1em;
}

p.pulldown .selectnotice{
color:#005f00;
font-weight:bold;
}

.contactbox{
background-color: #ffffd7;
padding:1em;
}

/* コロナ対策 */
.colona{
}

.colona .box{
	background-color: #ffffd7;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
	padding:1em;
	margin-bottom:2em;
}

.colona .photo{
}

.colona .photo img{
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
	margin:0 10px 7px 0;
}

.colona img.shadow{
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
	margin-bottom:0;
}

.colona .leaflet{
	margin-bottom:0.8em;
}
.colona .text{
	margin:0;
	padding:0;
}

.colona .text h3{
  color: #005f00;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #d7ffaf, #d7ffaf 3px,#ffffd7 3px, #ffffd7 7px);
  background: repeating-linear-gradient(-45deg, #d7ffaf, #d7ffaf 3px,#ffffd7 3px, #ffffd7 7px);
	margin:0 0 0.5em 0;
}

.colona .text p.first{
	margin:0;
	padding:0 0 0.5em 0.5em;
}

.colona .box .text p{
	margin:0;
	padding:0 0 0 1em;
}

.colona .last{
}

/* 定義リスト横並び */
.about{
	padding:2em 2em 0;
}

.about dt {
  clear: left;
  float: left;
  width: 6em;
  font-weight: bold;
  padding-bottom:1.5em;
}

.about dd {
  margin: 0 0 0 6em;
  padding-bottom:1.5em;
}

a.underline{
	text-decoration: underline !important;
}

/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }