@charset "UTF-8";
html {
  font-size: 11.375px; }
  @media screen and (min-width: 768px) {
    html {
      font-size: 11px; } }

body {
  font-size: 1.2rem; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 1.4rem; } }

body {
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #231815;
  background-image: url("images/bg/main_bg.png");
  background-repeat: repeat; }

.mincho, h2, h3, h4 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.xl_font {
  font-size: 5.0rem; }
  @media screen and (max-width: 768px) {
    .xl_font {
      font-size: 2.0rem; } }

.fwb {
  font-weight: bold; }

.notice {
  font-size: 1.4rem; }

a {
  color: #231815;
  transition: .5s ease; }
  a:hover {
    text-decoration: none;
    opacity: .5; }
    a:hover img {
      opacity: .5; }
  a a,
  a img {
    transition: .5s ease; }

.brown {
  color: #603813; }

.par.ent {
  text-align: center;
  position: relative; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.center {
  justify-content: center; }

.aling_items_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex_wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/*****************ヘッダー****************/
header,
#footer_img_box {
  background-image: url("images/bg/full_bg.jpg");
  background-repeat: repeat-x;
  padding: 30px 0; }

.center_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/*****************コンテンツ****************/
#main {
  max-width: 1265px;
  margin: auto;
  padding-bottom: 50px;
  /*background-image:url("images/bg/white_bg.png");*/
  /*background-repeat: repeat-y;*/
  background-color: #FFFCF8; }
  @media screen and (max-width: 768px) {
    #main {
      padding: 10px; } }

#main_img {
  margin: auto;
  position: relative;
  max-width: 1265px; }
  #main_img h1 {
    position: absolute;
    left: 50px;
    bottom: 80px; }
    @media screen and (max-width: 768px) {
      #main_img h1 {
        width: 50%;
        left: 25%;
        bottom: 0; } }

#mochimugi .info_box,
#how_to_eat .info_box {
  background-size: cover;
  line-height: 2.8rem; }
  @media screen and (max-width: 768px) {
    #mochimugi .info_box,
    #how_to_eat .info_box {
      line-height: 2.0rem; } }

.inner_box1 {
  padding: 50px 40px 0px;
  margin-bottom: -100px; }
  @media screen and (max-width: 768px) {
    .inner_box1 {
      margin-bottom: -50px; } }

.inner_box2 {
  padding: 0px 40px 60px; }
  .inner_box2 ul {
    margin-top: 40px;
    padding-bottom: 43px; }

#mochimugi .info_box {
  background-image: url("images/bg/info_box_bgx1.5.png"); }
  #mochimugi .info_box h2 img {
    width: 95%; }

#how_to_eat .info_box {
  background-image: url("images/bg/info_box_bg2x1.5.png"); }
  #how_to_eat .info_box .notice {
    padding-top: 40px; }
  #how_to_eat .info_box h2 img {
    width: 85%;
    display: block;
    margin-bottom: 20px; }

.info_box {
  max-width: 640px;
  box-sizing: border-box; }

#advisor {
  text-align: center; }

.chokatsu_title {
  background-image: url("images/title/title5.png");
  background-repeat: no-repeat;
  padding: 0px 50px 0px;
  display: inline-block;
  background-position: bottom;
  background-size: contain; }

.shop_btn {
  margin: 50px auto; }

/*****************footer******************/
footer {
  background-color: white; }
  footer #campany_info {
    text-align: center;
    padding-bottom: 50px; }
  footer #footer_img_box {
    height: 175px; }