@charset "UTF-8";
/* line 38, ../sass/module.scss */
.cf {
  zoom: 1;
  /* for ie */ }
  /* line 28, ../sass/module.scss */
  .cf:before, .cf:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  .cf:after {
    clear: both; }

/* line 5, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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; }

/* line 22, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, C:/Program Files (x86)/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* line 5, ../sass/screen.scss */
html {
  background: url(../img/bg.jpg);
  font-size: 15px;
  font-family: 'Noto Sans Japanese', sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3";
  line-height: 1.6;
  color: #333;
  -webkit-text-size-adjust: 100%;
  position: relative; }

/* line 15, ../sass/screen.scss */
body {
  background: url(../img/flag.png) no-repeat center top fixed; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../font/fontawesome-webfont.eot?v=4.4.0");
  src: url("../font/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* line 27, ../sass/screen.scss */
a {
  color: #333;
  display: block;
  text-decoration: none; }
  /* line 31, ../sass/screen.scss */
  a h2, a h3, a h4 {
    transition: 0.3s; }
  /* line 34, ../sass/screen.scss */
  a:hover {
    text-decoration: underline; }
  /* line 37, ../sass/screen.scss */
  a:hover h1, a:hover h2, a:hover h3, a:hover h4 {
    text-decoration: underline; }

/* line 41, ../sass/screen.scss */
img {
  max-width: 100%;
  vertical-align: bottom; }

/*---------------------------------------
Layout
---------------------------------------*/
/* line 47, ../sass/screen.scss */
#header {
  background: url(../img/header.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  margin: 30px auto 30px;
  width: 990px;
  height: 400px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }
  /* line 55, ../sass/screen.scss */
  #header .header-in {
    padding: 50px 0 0;
    text-align: center; }
    @media screen and (max-width: 480px) {
      /* line 55, ../sass/screen.scss */
      #header .header-in {
        padding: 0 0; } }
    /* line 61, ../sass/screen.scss */
    #header .header-in h1 {
      margin-bottom: 10px;
      background: #fff;
      display: inline-block;
      padding: 3px 10px; }
    /* line 68, ../sass/screen.scss */
    #header .header-in .logo img {
      width: 500px; }
    /* line 69, ../sass/screen.scss */
    #header .header-in .logo a {
      z-index: 99999 !important; }
    /* line 71, ../sass/screen.scss */
    #header .header-in .logo-m {
      display: none; }

/* line 75, ../sass/screen.scss */
#global {
  background: #ff6600; }
  /* line 77, ../sass/screen.scss */
  #global ul {
    width: 990px;
    margin: 0 auto;
    zoom: 1;
    /* for ie */ }
    /* line 28, ../sass/module.scss */
    #global ul:before, #global ul:after {
      content: "";
      display: table; }
    /* line 33, ../sass/module.scss */
    #global ul:after {
      clear: both; }
    @media screen and (max-width: 480px) {
      /* line 77, ../sass/screen.scss */
      #global ul {
        width: auto; } }
    /* line 83, ../sass/screen.scss */
    #global ul li {
      float: left; }
      /* line 85, ../sass/screen.scss */
      #global ul li a {
        padding: 10px;
        color: #fff;
        box-sizing: border-box; }
        @media screen and (max-width: 480px) {
          /* line 85, ../sass/screen.scss */
          #global ul li a {
            padding: 5px 10px; } }

/* line 97, ../sass/screen.scss */
#contents {
  width: 990px;
  margin: 0 auto;
  zoom: 1;
  /* for ie */
  margin-bottom: 50px; }
  /* line 28, ../sass/module.scss */
  #contents:before, #contents:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  #contents:after {
    clear: both; }

/* line 103, ../sass/screen.scss */
#main {
  float: left;
  width: 660px;
  zoom: 1;
  /* for ie */ }
  /* line 28, ../sass/module.scss */
  #main:before, #main:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  #main:after {
    clear: both; }
  /* line 107, ../sass/screen.scss */
  #main .section {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px; }

/* line 114, ../sass/screen.scss */
#sidebar {
  width: 300px;
  float: right; }
  /* line 117, ../sass/screen.scss */
  #sidebar .section {
    margin-bottom: 20px;
    background: #FAF8F4;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
  /* line 124, ../sass/screen.scss */
  #sidebar .bnr li {
    margin-bottom: 15px; }
    /* line 126, ../sass/screen.scss */
    #sidebar .bnr li img {
      width: 100%; }
  /* line 131, ../sass/screen.scss */
  #sidebar #searchform {
    position: relative; }
  /* line 134, ../sass/screen.scss */
  #sidebar .search-text {
    border: 3px solid #ddd;
    background: #f5f5f5 url(http://chofu-lunch.com/img/search.png) no-repeat 10px 12px;
    background-size: 20px;
    padding: 15px 5% 15px 15%;
    width: 80%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
  /* line 142, ../sass/screen.scss */
  #sidebar .search-submit {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #ff6600;
    padding: 10px;
    color: #fff;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    /* line 151, ../sass/screen.scss */
    #sidebar .search-submit:hover {
      cursor: pointer;
      background: #ff6600; }

/* line 159, ../sass/screen.scss */
.writer li {
  zoom: 1;
  /* for ie */
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee; }
  /* line 28, ../sass/module.scss */
  .writer li:before, .writer li:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  .writer li:after {
    clear: both; }
/* line 165, ../sass/screen.scss */
.writer .avatar {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px; }
/* line 171, ../sass/screen.scss */
.writer .name {
  font-weight: bold;
  position: relative; }
  /* line 174, ../sass/screen.scss */
  .writer .name .link a {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: normal;
    text-decoration: underline;
    font-size: 14px; }
/* line 183, ../sass/screen.scss */
.writer .description {
  font-size: 12px; }

/* line 188, ../sass/screen.scss */
.goto {
  zoom: 1;
  /* for ie */
  background: #fff; }
  /* line 28, ../sass/module.scss */
  .goto:before, .goto:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  .goto:after {
    clear: both; }
  /* line 191, ../sass/screen.scss */
  .goto .in {
    width: 990px;
    margin: 0 auto; }
  /* line 194, ../sass/screen.scss */
  .goto .gotohome, .goto .gototop {
    float: left;
    width: 50%; }
  /* line 198, ../sass/screen.scss */
  .goto .gotohome a, .goto .gototop a {
    font-size: 18px; }
  /* line 201, ../sass/screen.scss */
  .goto .gotohome a {
    background: url(../img/title/shopinfo.png) no-repeat left 10px center;
    background-size: 70px;
    padding: 20px 20px 20px 90px; }
  /* line 206, ../sass/screen.scss */
  .goto .gototop a {
    background: url(../img/gototop.png) no-repeat right 10px center;
    background-size: 30px;
    padding: 20px 70px 20px 20px;
    text-align: right; }

/* line 215, ../sass/screen.scss */
#footer {
  background: #ff6600;
  clear: both;
  color: #fff;
  text-align: center; }
  /* line 220, ../sass/screen.scss */
  #footer .footer-in {
    width: 990px;
    margin: 0 auto;
    zoom: 1;
    /* for ie */
    padding: 20px 0; }
    /* line 28, ../sass/module.scss */
    #footer .footer-in:before, #footer .footer-in:after {
      content: "";
      display: table; }
    /* line 33, ../sass/module.scss */
    #footer .footer-in:after {
      clear: both; }
  /* line 225, ../sass/screen.scss */
  #footer .copyright {
    text-align: center; }
    /* line 227, ../sass/screen.scss */
    #footer .copyright a {
      color: #fff;
      display: inline-block; }
      /* line 230, ../sass/screen.scss */
      #footer .copyright a:hover {
        text-decoration: underline; }

/* line 237, ../sass/screen.scss */
.prevnext {
  clear: both;
  margin-bottom: 30px; }
  /* line 240, ../sass/screen.scss */
  .prevnext a {
    font-size: 24px;
    text-decoration: underline; }
  /* line 244, ../sass/screen.scss */
  .prevnext span {
    font-size: 12px;
    border: 1px solid #eee; }
  /* line 248, ../sass/screen.scss */
  .prevnext .next {
    margin-top: 20px; }

/*---------------------------------------
title
---------------------------------------*/
/* line 257, ../sass/screen.scss */
#main h2.title {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #ff6600; }
  /* line 262, ../sass/screen.scss */
  #main h2.title span {
    font-size: 16px;
    padding-left: 10px; }

/* line 268, ../sass/screen.scss */
#sidebar h2.title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px; }

/* line 274, ../sass/screen.scss */
#sidebar h2 {
  padding: 0 0 0 42px; }
  /* line 276, ../sass/screen.scss */
  #sidebar h2.genre {
    background: url(../img/title/genre.png) no-repeat left center;
    background-size: 32px; }
  /* line 277, ../sass/screen.scss */
  #sidebar h2.purpose {
    background: url(../img/title/purpose.png) no-repeat left center;
    background-size: 32px; }
  /* line 278, ../sass/screen.scss */
  #sidebar h2.budget {
    background: url(../img/title/budget.png) no-repeat left center;
    background-size: 32px; }
  /* line 279, ../sass/screen.scss */
  #sidebar h2.kodawari {
    background: url(../img/title/kodawari.png) no-repeat left center;
    background-size: 32px; }
  /* line 280, ../sass/screen.scss */
  #sidebar h2.area {
    background: url(../img/title/area.png) no-repeat left center;
    background-size: 32px; }
  /* line 281, ../sass/screen.scss */
  #sidebar h2.writer {
    background: url(../img/title/writer.png) no-repeat left center;
    background-size: 32px; }

/*---------------------------------------
entry
---------------------------------------*/
/* line 288, ../sass/screen.scss */
.entry {
  padding: 30px;
  background: #FAF8F4;
  margin-bottom: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  /* line 293, ../sass/screen.scss */
  .entry .title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      /* line 293, ../sass/screen.scss */
      .entry .title {
        font-size: 24px; } }
  /* line 301, ../sass/screen.scss */
  .entry .content {
    clear: both; }
    /* line 303, ../sass/screen.scss */
    .entry .content a {
      text-decoration: underline;
      display: inline-block;
      color: #2642A5; }
    /* line 308, ../sass/screen.scss */
    .entry .content img {
      max-width: 100%;
      height: auto; }
    /* line 312, ../sass/screen.scss */
    .entry .content p, .entry .content h2, .entry .content h3, .entry .content h4, .entry .content ul, .entry .content ol {
      margin-bottom: 1em; }
    /* line 315, ../sass/screen.scss */
    .entry .content h2, .entry .content h3, .entry .content h4 {
      margin-top: 1.5em;
      font-weight: bold; }
    /* line 319, ../sass/screen.scss */
    .entry .content h2 {
      background: #FFEBDD;
      box-shadow: 0px 0px 0px 5px #FFEBDD;
      border: dashed 2px white;
      padding: 10px 15px;
      font-size: 20px; }
    /* line 326, ../sass/screen.scss */
    .entry .content h3 {
      border-bottom: 2px dashed #ff6600;
      padding-bottom: 5px;
      font-size: 18px; }
    /* line 331, ../sass/screen.scss */
    .entry .content h4 {
      border-left: 2px dashed #ff6600;
      padding-left: 10px;
      font-size: 16px; }
    /* line 336, ../sass/screen.scss */
    .entry .content strong {
      background: transparent linear-gradient(transparent 60%, #FFFF26 0%) repeat scroll 0 0;
      font-weight: bold !important; }
    /* line 340, ../sass/screen.scss */
    .entry .content em {
      color: #ff6600;
      font-weight: bold; }
    /* line 345, ../sass/screen.scss */
    .entry .content .shopinfo h3 {
      background: url(../img/title/shopinfo.png) no-repeat center left;
      background-size: 34px;
      padding: 0 0 0 44px; }
    /* line 350, ../sass/screen.scss */
    .entry .content .shopinfo .map {
      margin-bottom: 10px; }
    /* line 353, ../sass/screen.scss */
    .entry .content .shopinfo table {
      width: 100%;
      table-layout: fixed;
      overflow: hidden;
      margin-bottom: 20px;
      border: solid #eee;
      border-width: 1px;
      border-collapse: collapse;
      border-spacing: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      /* line 365, ../sass/screen.scss */
      .entry .content .shopinfo table th, .entry .content .shopinfo table td {
        padding: 10px 10px;
        color: #333;
        font-size: 14px !important; }
      /* line 370, ../sass/screen.scss */
      .entry .content .shopinfo table th {
        width: 6em;
        text-align: right;
        background: #fff;
        border: #eee solid;
        border-width: 0 0 1px 1px;
        font-weight: bold;
        vertical-align: top; }
        @media screen and (max-width: 480px) {
          /* line 370, ../sass/screen.scss */
          .entry .content .shopinfo table th {
            width: 4em; } }
      /* line 382, ../sass/screen.scss */
      .entry .content .shopinfo table td {
        background: #fff;
        border: 1px #eee solid;
        border-width: 0 1px 1px 0;
        text-align: left;
        word-wrap: break-word; }
        /* line 388, ../sass/screen.scss */
        .entry .content .shopinfo table td p {
          margin: 0 !important; }

/* meta */
/* line 399, ../sass/screen.scss */
.meta {
  zoom: 1;
  /* for ie */ }
  /* line 28, ../sass/module.scss */
  .meta:before, .meta:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  .meta:after {
    clear: both; }
  /* line 401, ../sass/screen.scss */
  .meta li {
    margin-right: 10px;
    float: left; }
  /* line 405, ../sass/screen.scss */
  .meta .cate {
    border: 1px solid #ff6600;
    color: #ff6600;
    font-size: 80%;
    padding: 0px 3px; }
  /* line 411, ../sass/screen.scss */
  .meta .rating img {
    height: 12px; }

/* line 417, ../sass/screen.scss */
.list .meta li {
  margin-right: 5px;
  font-size: 12px; }

/* line 423, ../sass/screen.scss */
.zilla-likes {
  text-decoration: underline; }

/*---------------------------------------
list
---------------------------------------*/
/* line 431, ../sass/screen.scss */
#main .list {
  margin-bottom: 30px;
  margin-right: -2%;
  margin-left: none !important; }
  @media screen and (max-width: 480px) {
    /* line 431, ../sass/screen.scss */
    #main .list {
      padding: 0 15px; } }
  /* line 438, ../sass/screen.scss */
  #main .list > li {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 30px;
    padding: 0 !important;
    position: relative;
    list-style: none !important; }
    @media screen and (max-width: 480px) {
      /* line 438, ../sass/screen.scss */
      #main .list > li {
        float: none;
        width: auto;
        margin-bottom: 15px; } }
    /* line 451, ../sass/screen.scss */
    #main .list > li:nth-child(odd) {
      clear: both; }
    /* line 454, ../sass/screen.scss */
    #main .list > li .in {
      padding: 15px 20px 20px;
      background: #FAF8F4;
      border-radius: 0 0 10px 10px;
      -moz-border-radius: 0 0 10px 10px;
      -webkit-border-bottom-left-radius: 10px;
      -webkit-border-bottom-right-radius: 10px; }
      @media screen and (max-width: 480px) {
        /* line 454, ../sass/screen.scss */
        #main .list > li .in {
          padding: 10px; } }
      /* line 462, ../sass/screen.scss */
      #main .list > li .in .name i {
        margin-right: 5px; }
    /* line 467, ../sass/screen.scss */
    #main .list > li .new {
      position: absolute;
      right: -10px;
      top: -10px;
      transition: 0.3s;
      transform: rotate(30deg); }
    /* line 474, ../sass/screen.scss */
    #main .list > li .title {
      font-size: 20px !important;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 10px; }
    /* line 480, ../sass/screen.scss */
    #main .list > li .pic {
      overflow: hidden;
      width: 100%;
      height: 215px;
      border-radius: 10px 10px 0 0;
      -moz-border-radius: 10px 10px 0 0;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px; }
      /* line 487, ../sass/screen.scss */
      #main .list > li .pic img {
        width: 100%;
        height: auto; }
    /* line 492, ../sass/screen.scss */
    #main .list > li .content {
      margin-bottom: 10px;
      height: 76px; }
      @media screen and (max-width: 480px) {
        /* line 492, ../sass/screen.scss */
        #main .list > li .content {
          height: auto; } }
    /* line 500, ../sass/screen.scss */
    #main .list > li a:hover .new {
      transform: rotate(0deg); }

/* line 507, ../sass/screen.scss */
#sidebar ul {
  zoom: 1;
  /* for ie */ }
  /* line 28, ../sass/module.scss */
  #sidebar ul:before, #sidebar ul:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  #sidebar ul:after {
    clear: both; }
  /* line 509, ../sass/screen.scss */
  #sidebar ul li {
    float: left;
    width: 50%; }
    /* line 512, ../sass/screen.scss */
    #sidebar ul li a {
      padding: 10px 0;
      margin-top: -1px;
      border-style: solid none;
      border-width: 1px;
      border-color: #eee;
      zoom: 1;
      /* for ie */ }
      /* line 28, ../sass/module.scss */
      #sidebar ul li a:before, #sidebar ul li a:after {
        content: "";
        display: table; }
      /* line 33, ../sass/module.scss */
      #sidebar ul li a:after {
        clear: both; }

/* line 523, ../sass/screen.scss */
.tags {
  zoom: 1;
  /* for ie */ }
  /* line 28, ../sass/module.scss */
  .tags:before, .tags:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  .tags:after {
    clear: both; }
  /* line 525, ../sass/screen.scss */
  .tags li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; }
    /* line 529, ../sass/screen.scss */
    .tags li a {
      padding: 0 5px;
      background: #ff6600;
      color: #fff;
      font-size: 12px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; }

/* line 539, ../sass/screen.scss */
.wp-pagenavi {
  clear: both;
  zoom: 1;
  /* for ie */
  text-align: center;
  margin-bottom: 30px; }
  /* line 28, ../sass/module.scss */
  .wp-pagenavi:before, .wp-pagenavi:after {
    content: "";
    display: table; }
  /* line 33, ../sass/module.scss */
  .wp-pagenavi:after {
    clear: both; }
  @media screen and (max-width: 480px) {
    /* line 539, ../sass/screen.scss */
    .wp-pagenavi {
      padding: 0 15px;
      margin-bottom: 0; } }
  /* line 548, ../sass/screen.scss */
  .wp-pagenavi span, .wp-pagenavi a {
    float: left;
    margin-right: 5px;
    font-weight: bold;
    padding: 5px 15px; }
  /* line 554, ../sass/screen.scss */
  .wp-pagenavi .pages {
    display: none; }
  /* line 557, ../sass/screen.scss */
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    color: #ff6600 !important; }
  /* line 560, ../sass/screen.scss */
  .wp-pagenavi .page {
    border: 1px solid #ff6600;
    color: #ff6600 !important; }
  /* line 564, ../sass/screen.scss */
  .wp-pagenavi .current {
    background: #ff6600;
    border: 1px solid #ff6600;
    color: #fff; }

/*---------------------------------------
Class
---------------------------------------*/
/* line 575, ../sass/screen.scss */
.mb10 {
  margin-bottom: 10px; }

/* line 576, ../sass/screen.scss */
.mb20 {
  margin-bottom: 20px; }

/* line 577, ../sass/screen.scss */
.mb30 {
  margin-bottom: 30px; }

/* line 578, ../sass/screen.scss */
.mt20 {
  margin-top: 20px; }

/* line 579, ../sass/screen.scss */
.mt30 {
  margin-top: 30px; }

/* line 582, ../sass/screen.scss */
.arow a {
  position: relative; }
  /* line 584, ../sass/screen.scss */
  .arow a:after {
    content: "";
    border-right: 2px solid #eee;
    border-top: 2px solid #eee;
    width: 10px;
    height: 10px;
    top: 22px;
    right: 20px;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }

/*---------------------------------------
Mobile
---------------------------------------*/
@media screen and (max-width: 640px) {
  /* line 605, ../sass/screen.scss */
  #header, .header-in, #main, #contents, #sidebar, #footer, .footer-in, .goto .in {
    float: none !important;
    width: 100% !important; }

  /* line 610, ../sass/screen.scss */
  #header {
    background: none !important;
    height: auto !important; }

  /* line 615, ../sass/screen.scss */
  #sidebar {
    clear: both; }
    /* line 617, ../sass/screen.scss */
    #sidebar .section {
      margin: 0 15px 20px; }

  /* line 622, ../sass/screen.scss */
  .mobile, .prevnext {
    margin: 0 15px 20px; }

  /* line 627, ../sass/screen.scss */
  #header .logo {
    display: none !important; }
  /* line 630, ../sass/screen.scss */
  #header .logo-m {
    display: block !important;
    width: 100%; }

  /* line 636, ../sass/screen.scss */
  .entry {
    margin: 0 15px 20px;
    padding: 10px; }
    /* line 639, ../sass/screen.scss */
    .entry .title {
      line-height: 1.2; }

  /* line 644, ../sass/screen.scss */
  #main h2.title {
    margin: 0 15px 20px; }

  /* line 648, ../sass/screen.scss */
  .prevnext {
    margin: 0 15px 20px; }

  /* line 653, ../sass/screen.scss */
  .goto .in {
    width: 990px;
    margin: 0 auto; }
  /* line 656, ../sass/screen.scss */
  .goto .gotohome, .goto .gototop {
    float: none;
    width: 100%; }
  /* line 660, ../sass/screen.scss */
  .goto .gotohome {
    border-bottom: #FAF8F4 1px solid; } }
/************************************
** レスポンシブページネーション
************************************/
/* line 670, ../sass/screen.scss */
.pagination {
  clear: both;
  padding-left: 0;
  margin: 30px 0; }

/* line 676, ../sass/screen.scss */
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

/* line 684, ../sass/screen.scss */
.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width: 36px;
  min-height: 36px;
  color: #333; }

/* line 695, ../sass/screen.scss */
.pagination li:not([class*="current"]) a:hover {
  background-color: #fff; }

/* line 699, ../sass/screen.scss */
.pagination li:first-of-type a {
  border-left-width: 1px; }

/* line 703, ../sass/screen.scss */
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px; }

/* line 713, ../sass/screen.scss */
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

/* line 726, ../sass/screen.scss */
.pagination li.first a::before {
  content: "\f100"; }

/* line 727, ../sass/screen.scss */
.pagination li.last a::after {
  content: "\f101"; }

/* line 729, ../sass/screen.scss */
.pagination li.previous a::before {
  content: "\f104"; }

/* line 730, ../sass/screen.scss */
.pagination li.next a::after {
  content: "\f105"; }

/* line 732, ../sass/screen.scss */
.pagination li.current a {
  background-color: #ff6600;
  color: #fff;
  cursor: default;
  pointer-events: none; }

/* line 739, ../sass/screen.scss */
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; }

/* line 744, ../sass/screen.scss */
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

@media only screen and (max-width: 680px) {
  /* line 750, ../sass/screen.scss */
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px; }

  /* line 758, ../sass/screen.scss */
  .pagination li.previous a {
    border-left-width: 1px; } }
@media only screen and (max-width: 500px) {
  /* line 762, ../sass/screen.scss */
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px; }

  /* line 769, ../sass/screen.scss */
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next {
    position: initial;
    top: initial;
    left: initial; }

  /* line 779, ../sass/screen.scss */
  .pagination li.previous a {
    border-left-width: 0; } }
@media only screen and (max-width: 400px) {
  /* line 783, ../sass/screen.scss */
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px; }

  /* line 791, ../sass/screen.scss */
  .pagination li.previous a {
    border-left-width: 1px; } }
@media only screen and (max-width: 240px) {
  /* For watches? */
  /* line 795, ../sass/screen.scss */
  .pagination li {
    width: 50%; }

  /* line 797, ../sass/screen.scss */
  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px; } }