@charset "UTF-8";
a, #contents h2, #contents h3, #contents h4, #footer > small, #contents .js-textlive .liveText .liveTitle .liveBalloon h3, #contents .js-textlive .liveText .liveTitle .liveBalloon p {
  font-family: "秀英丸ゴシック B", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold; }

body {
  background: url(../images/bg.png) repeat-y center top;
  font-family: "秀英丸ゴシック L", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a {
  color: #00748e;
  text-decoration: none;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }
  a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }
  a.btn.btn1 {
    background-color: #FFF; }
  a.btn.btn2 {
    background-color: #e3753c;
    color: #FFF; }
  a.btn.btn3 {
    background-color: #FFF;
    border: 1px solid; }

#header {
  position: relative;
  background-color: rgba(244, 186, 77, 0.5); }
  #header #hobo {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -440px; }
  #header h1 {
    width: 960px;
    margin: 0 auto; }

#contents h2 {
  padding: 20px 0;
  margin: 0 auto 40px;
  background-color: #f4ba4d;
  font-size: 300%;
  text-align: center;
  color: #FFF; }
#contents h3 {
  margin: 0.5em auto;
  font-size: 200%;
  color: #e3753c; }
#contents h4 {
  margin: 0.5em auto;
  font-size: 180%; }
#contents .section {
  padding: 0 0 40px; }
  #contents .section p {
    margin: 1.0em auto 1.75em;
    font-size: 160%;
    line-height: 1.75em; }
  #contents .section .article {
    width: 560px;
    margin: 40px auto; }
    #contents .section .article:last-child {
      margin-bottom: 0; }
    #contents .section .article p:last-child {
      margin-bottom: 0; }
  #contents .section .column {
    width: 480px;
    padding: 40px; }
    #contents .section .column h3 {
      margin-top: 0; }
    #contents .section .column.column1 {
      background-color: #FFF; }
      #contents .section .column.column1 h3 {
        color: #f4ba4d; }
      #contents .section .column.column1 ul {
        padding-left: 20px; }
      #contents .section .column.column1 li {
        margin-bottom: 0.5em;
        list-style-type: disc;
        font-size: 160%; }
        #contents .section .column.column1 li:last-child {
          margin-bottom: 0; }
    #contents .section .column.column2 {
      background-color: #f4ba4d; }
      #contents .section .column.column2 h3 {
        color: #FFF; }
#contents #yodogawa {
  width: 420px;
  margin: 0 auto;
  padding-left: 20px;
  line-height: 2em; }
  #contents #yodogawa + p {
    width: 400px;
    margin: 40px auto 0; }
    #contents #yodogawa + p img {
      float: left;
      vertical-align: middle; }
    #contents #yodogawa + p span {
      display: block;
      margin-left: 190px;
      line-height: 1.5em; }
#contents #section1 {
  background-color: rgba(244, 186, 77, 0.2);
  padding-top: 40px; }
  #contents #section1 .article {
    width: 960px;
    margin: 0 auto; }
  #contents #section1 img {
    display: block; }
  #contents #section1 .fl {
    margin-left: 20px; }
  #contents #section1 .fr {
    margin-right: 20px; }
#contents #section2 h2 {
  font-size: 200%; }
#contents #section2 .article {
  width: 800px; }
#contents #section3 {
  background-color: rgba(244, 186, 77, 0.2);
  padding-top: 40px;
  text-align: center; }
  #contents #section3 .article {
    margin-top: 0; }
    #contents #section3 .article p {
      margin: 0; }
  #contents #section3 a {
    position: relative; }
    #contents #section3 a:after {
      content: "";
      position: absolute;
      border: 10px solid transparent;
      border-top-color: #e3753c;
      width: 0;
      height: 0;
      bottom: -20px;
      left: 50%;
      margin-left: -10px; }
#contents #section4 {
  background-color: rgba(244, 186, 77, 0.5); }
  #contents #section4 h4 {
    position: relative; }
    #contents #section4 h4:after {
      position: absolute;
      right: 0;
      top: 55px; }
    #contents #section4 h4.ph-curry:after {
      content: url(../images/ph_pan_curry.png); }
    #contents #section4 h4.ph-chicken:after {
      content: url(../images/ph_pan_chicken.png); }
    #contents #section4 h4.ph-walnut:after {
      content: url(../images/ph_pan_walnut.png); }
#contents #section5 {
  background-color: rgba(244, 186, 77, 0.5); }
#contents #section6 {
  background-color: rgba(244, 186, 77, 0.2);
  padding-top: 40px;
  text-align: center; }
  #contents #section6 .article {
    margin: 0 auto; }
  #contents #section6 a {
    display: inline-block; }
    #contents #section6 a:first-child {
      margin-bottom: 20px; }

#gmap {
  height: 500px;
  background-color: rgba(244, 186, 77, 0.2);
  border: 1px solid #000; }

#footer {
  padding: 40px 0;
  background-color: #f4ba4d;
  text-align: center; }
  #footer a {
    font-size: 180%;
    color: #FFF; }
  #footer a[class^="icon-"] {
    font-size: 400%; }
  #footer ul {
    margin: 0 auto 20px; }
  #footer li {
    display: inline-block;
    margin: 0 10px; }
  #footer > small {
    font-size: 120%;
    text-transform: uppercase;
    font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif; }

#contents .js-textlive {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 0 !important; }
  #contents .js-textlive .liveArticleWrapper {
    width: 100%;
    padding: 20px 0; }
    #contents .js-textlive .liveArticleWrapper:nth-child(2n) {
      background-color: rgba(244, 186, 77, 0.1); }
  #contents .js-textlive .liveArticle {
    overflow: hidden;
    *zoom: 1;
    width: 800px;
    margin: 0 auto; }
  #contents .js-textlive .livePhotos {
    float: left; }
    #contents .js-textlive .livePhotos .livePhoto {
      margin-top: 20px; }
      #contents .js-textlive .livePhotos .livePhoto:first-child {
        margin-top: 0; }
  #contents .js-textlive .liveText {
    margin-left: 340px; }
    #contents .js-textlive .liveText .liveTitle {
      overflow: hidden;
      *zoom: 1; }
      #contents .js-textlive .liveText .liveTitle .liveFaceIcon {
        float: left; }
      #contents .js-textlive .liveText .liveTitle .liveBalloon {
        position: relative;
        background-color: #f4ba4d;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        width: 370px;
        margin-left: 90px; }
        #contents .js-textlive .liveText .liveTitle .liveBalloon:before {
          content: "";
          position: absolute;
          top: 40px;
          left: -40px;
          border: 20px solid transparent;
          border-right-color: #f4ba4d;
          border-top-width: 5px;
          border-bottom-width: 15px; }
        #contents .js-textlive .liveText .liveTitle .liveBalloon h3 {
          margin: 0;
          padding: 10px 15px;
          font-size: 160%; }
          #contents .js-textlive .liveText .liveTitle .liveBalloon h3 a {
            color: #000; }
        #contents .js-textlive .liveText .liveTitle .liveBalloon p {
          margin: 0;
          padding: 0 15px 15px 0;
          font-size: 100%;
          line-height: 1em;
          text-align: right; }
  #contents .js-textlive .more {
    clear: both;
    text-align: center; }
    #contents .js-textlive .more p {
      margin: 0; }
    #contents .js-textlive .more a {
      min-width: 120px;
      padding: 10px 20px;
      margin: 40px 0 0;
      text-align: center; }
    #contents .js-textlive .more ul {
      margin-top: 20px; }
      #contents .js-textlive .more ul:first-child {
        margin-top: 40px; }
      #contents .js-textlive .more ul li {
        font-size: 160%;
        display: inline-block;
        margin: 0 6px; }
        #contents .js-textlive .more ul li a {
          margin-top: 0;
          position: relative; }
          #contents .js-textlive .more ul li a:before {
            content: "";
            display: block;
            position: absolute;
            border: 10px solid transparent; }
          #contents .js-textlive .more ul li a.next:before {
            border-left: 16px solid #e3753c;
            right: -26px;
            top: 50%;
            margin-top: -10px; }
          #contents .js-textlive .more ul li a.prev:before {
            border-right: 16px solid #e3753c;
            left: -26px;
            top: 50%;
            margin-top: -10px; }
          #contents .js-textlive .more ul li a.latest:before {
            border-bottom: 16px solid #e3753c;
            border-left-width: 16px;
            border-right-width: 6px;
            top: -26px;
            left: 70%;
            margin-left: -10px; }
          #contents .js-textlive .more ul li a.begin:before {
            border-top: 16px solid #e3753c;
            border-right-width: 16px;
            border-left-width: 6px;
            bottom: -26px;
            left: 30%;
            margin-left: -10px; }

#textlive #contents h2 {
  background-color: rgba(244, 186, 77, 0.75); }
#textlive #contents #section2 .article {
  width: 100%; }

@media (max-width: 600px) {
  #contents #section2 .article {
    width: 560px; }
  #contents .js-textlive .liveArticle {
    width: 560px; }
  #contents .js-textlive .livePhotos {
    float: none; }
    #contents .js-textlive .livePhotos .noImage {
      display: none; }
  #contents .js-textlive .liveText {
    margin-left: 0;
    margin-top: 20px; }
    #contents .js-textlive .liveText .liveBody img[src*="/seisakuchu/images/icon/"] {
      width: auto; } }
@media (max-width: 600px) {
  #wrapper {
    width: 600px; }

  #header,
  #contents,
  #footer {
    font-size: 13px; }
    #header img,
    #contents img,
    #footer img {
      width: 100%; }

  #header h1 {
    width: 600px; }
  #header #hobo {
    margin-left: -280px;
    top: 5px; }

  #contents #yodogawa {
    clear: both;
    width: 560px;
    padding: 0; }
    #contents #yodogawa + p {
      width: 560px;
      text-align: center; }
      #contents #yodogawa + p a {
        width: 500px; }
        #contents #yodogawa + p a span {
          margin-left: 250px;
          text-align: left; }
      #contents #yodogawa + p img {
        width: 220px; }
  #contents #section1 .article {
    width: 560px; }
  #contents #section1 .fl {
    width: 270px;
    float: left;
    margin-left: 0;
    margin-top: 0; }
  #contents #section1 .fr {
    width: 270px;
    margin-left: 290px;
    margin-top: 0; }
  #contents #section4 h4 + p {
    width: 350px;
    margin-right: 210px; } }
.ua-mobile #footer li.line {
  display: inline-block; }

.ua-desktop #footer li.line {
  display: none; }