@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
#la_body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal; }

#la_main {
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */ }
  #la_main html, #la_main body, #la_main div, #la_main span, #la_main object, #la_main iframe,
  #la_main h1, #la_main h2, #la_main h3, #la_main h4, #la_main h5, #la_main h6, #la_main p, #la_main blockquote, #la_main pre,
  #la_main abbr, #la_main address, #la_main cite, #la_main code,
  #la_main del, #la_main dfn, #la_main em, #la_main img, #la_main ins, #la_main kbd, #la_main q, #la_main samp,
  #la_main small, #la_main strong, #la_main sub, #la_main sup, #la_main var,
  #la_main b, #la_main i,
  #la_main dl, #la_main dt, #la_main dd, #la_main ol, #la_main ul, #la_main li,
  #la_main fieldset, #la_main form, #la_main label, #la_main legend,
  #la_main table, #la_main caption, #la_main tbody, #la_main tfoot, #la_main thead, #la_main tr, #la_main th, #la_main td,
  #la_main article, #la_main aside, #la_main canvas, #la_main details, #la_main figcaption, #la_main figure,
  #la_main footer, #la_main header, #la_main hgroup, #la_main menu, #la_main nav, #la_main section, #la_main summary,
  #la_main time, #la_main mark, #la_main audio, #la_main video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal; }
  #la_main body {
    line-height: 1; }
  #la_main article, #la_main aside, #la_main details, #la_main figcaption, #la_main figure,
  #la_main footer, #la_main header, #la_main hgroup, #la_main menu, #la_main nav, #la_main section {
    display: block; }
  #la_main ul, #la_main li {
    list-style: none; }
  #la_main blockquote, #la_main q {
    quotes: none; }
  #la_main blockquote:before, #la_main blockquote:after,
  #la_main q:before, #la_main q:after {
    content: '';
    content: none; }
  #la_main a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #000000; }
  #la_main ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none; }
  #la_main mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold; }
  #la_main del {
    text-decoration: line-through; }
  #la_main abbr[title], #la_main dfn[title] {
    border-bottom: 1px dotted;
    cursor: help; }
  #la_main table {
    border-collapse: collapse;
    border-spacing: 0; }
  #la_main hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0; }
  #la_main input, #la_main select {
    vertical-align: middle; }
  #la_main article,
  #la_main aside,
  #la_main details,
  #la_main figcaption,
  #la_main figure,
  #la_main footer,
  #la_main header,
  #la_main hgroup,
  #la_main main,
  #la_main menu,
  #la_main nav,
  #la_main section,
  #la_main summary {
    display: block; }
  #la_main img {
    vertical-align: bottom; }

/* ////////////////////////////////////////
$color
//////////////////////////////////////// */
/* ////////////////////////////////////////
$breakpoint
//////////////////////////////////////// */
/*

HTMLタグのデフォルト定義

*/
#la_main * {
  box-sizing: border-box;
  color: #331201; }

#la_main {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0; }

/*
Theme Name: Null
Theme URI: http://
Description: Null
Version: 1.0
Author: SUPER SUPER
Author URI: http://www.supersuper.jp
*/
/*============================================================================================================
-----Cleaner--------------------------------------------------------------------------------------------------
============================================================================================================*/
.clear {
  clear: both; }

.visible {
  visibility: visible; }

.hidden {
  visibility: hidden; }

.dblock {
  display: block; }

.dnone {
  display: none; }

/*============================================================================================================
-----Cleaner--------------------------------------------------------------------------------------------------
============================================================================================================*/
/*============================================================================================================
-----clearfix-------------------------------------------------------------------------------------------------
============================================================================================================*/
.clearfix {
  /* For modern browsers */
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*============================================================================================================
-----clearfix-------------------------------------------------------------------------------------------------
============================================================================================================*/
#la_main {
  width: 100%;
  position: relative; }
  #la_main:before, #la_main:after {
    content: '';
    display: block;
    width: calc((100% - 960px) / 2);
    height: 100%;
    position: absolute;
    background-image: url(../img/bg.png);
    top: 0; }
  #la_main:before {
    left: 0;
    background-position: top right; }
  #la_main:after {
    right: 0;
    background-position: top left; }
  #la_main .end_box {
    background-color: rgba(51, 18, 1, 0.85);
    padding: 20px 30px;
    text-align: center; }
  #la_main .la_main_container {
    width: 960px;
    margin: 0 auto; }
    #la_main .la_main_container_visual {
      width: 960px;
      height: 568px;
      position: relative;
      padding-top: 10px;
      background-position: center;
      background-size: cover;
      background-image: url(../img/visual_bg.png);
      z-index: 2; }
      #la_main .la_main_container_visual:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(../img/visual_bg_02.png); }
      #la_main .la_main_container_visual_sns {
        position: absolute;
        top: 30px;
        right: 30px; }
        #la_main .la_main_container_visual_sns--item {
          float: left; }
          #la_main .la_main_container_visual_sns--item:not(:last-child) {
            margin-right: 20px; }
      #la_main .la_main_container_visual_img {
        width: 750px;
        margin-left: 18px;
        position: relative;
        z-index: 2; }
      #la_main .la_main_container_visual_border {
        position: absolute;
        top: 0;
        left: 360px; }
      #la_main .la_main_container_visual_latte {
        position: absolute;
        left: 0;
        bottom: 30px; }
        #la_main .la_main_container_visual_latte_count {
          padding-left: 18px;
          margin-bottom: 40px;
          color: #fff;
          font-size: 34px;
          font-weight: bold;
          text-align: right;
          line-height: 40px; }
          #la_main .la_main_container_visual_latte_count span {
            font-size: 80px;
            padding-right: 0px;
            position: relative;
            top: 3px;
            color: #fff;
            font-weight: bold;
            text-shadow: rgba(66, 33, 11, 0.8) 6px 6px 8px; }
      #la_main .la_main_container_visual_aulait {
        position: absolute;
        right: 0;
        bottom: 60px; }
        #la_main .la_main_container_visual_aulait_count {
          padding-right: 20px;
          margin-bottom: 34px;
          color: #fff;
          font-size: 24px;
          font-weight: bold;
          text-align: right;
          line-height: 40px; }
          #la_main .la_main_container_visual_aulait_count span {
            font-size: 49px;
            padding-right: 6px;
            position: relative;
            top: 3px;
            color: #fff;
            font-weight: bold; }
        #la_main .la_main_container_visual_aulait_label {
          text-align: right; }
      #la_main .la_main_container_visual_end {
        position: absolute;
        z-index: 9;
        width: 360px;
        left: 50%;
        margin-left: -180px;
        bottom: 80px; }
        #la_main .la_main_container_visual_end_text {
          font-size: 15px;
          color: #fff;
          line-height: 1.65em;
          letter-spacing: 0.02em; }
    #la_main .la_main_container .bgArea {
      background-image: url(../img/bg_01.png); }
    #la_main .la_main_container_about {
      position: relative;
      border-top: 6px solid rgba(51, 18, 1, 0.3); }
      #la_main .la_main_container_about_title {
        position: absolute;
        top: -6px;
        left: 0;
        margin-bottom: -6px; }
      #la_main .la_main_container_about_logo--01 {
        position: absolute;
        top: 28px;
        right: 10px; }
      #la_main .la_main_container_about_logo--02 {
        position: absolute;
        bottom: 124px;
        left: 0; }
      #la_main .la_main_container_about_text {
        width: 840px;
        margin: 0 auto;
        padding-top: 98px;
        padding-left: 200px;
        padding-bottom: 98px;
        border-bottom: 3px solid #331201;
        border-image: url(../img/border_img.png) 3 0 repeat; }
        #la_main .la_main_container_about_text_copy {
          width: 488px;
          margin-left: 174px;
          margin-bottom: 40px; }
          #la_main .la_main_container_about_text_copy span {
            font-size: 22px;
            font-weight: bold;
            color: #331201;
            background-color: rgba(222, 184, 0, 0.8);
            padding: 2px;
            line-height: 2.2em; }
        #la_main .la_main_container_about_text_description {
          width: 664px;
          font-size: 16px;
          line-height: 1.75em;
          color: #331201;
          padding-left: 8px;
          margin-bottom: 40px; }
        #la_main .la_main_container_about_text_img {
          margin-bottom: 50px; }
        #la_main .la_main_container_about_text_link {
          padding-left: 56px;
          margin-bottom: 80px; }
          #la_main .la_main_container_about_text_link a {
            display: block;
            width: 315px;
            height: 45px;
            background-image: url(../img/about_button_01_bg.png);
            background-size: cover;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.06em;
            padding-top: 11px;
            text-align: center;
            color: #331201;
            transition: 0.4s; }
            #la_main .la_main_container_about_text_link a:hover {
              cursor: pointer;
              opacity: 0.7; }
        #la_main .la_main_container_about_text_detail {
          padding-left: 7px; }
          #la_main .la_main_container_about_text_detail--item {
            width: 245px;
            height: 53px;
            float: left;
            background-image: url(../img/about_button_02_bg.png);
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            padding-top: 14px;
            transition: 0.4s; }
            #la_main .la_main_container_about_text_detail--item:first-child {
              margin-right: 41px; }
            #la_main .la_main_container_about_text_detail--item:hover {
              cursor: pointer;
              opacity: 0.7; }
    #la_main .la_main_container_introduction_intro {
      padding-top: 100px;
      padding-bottom: 100px; }
      #la_main .la_main_container_introduction_intro_title {
        text-align: center;
        margin-bottom: 40px; }
        #la_main .la_main_container_introduction_intro_title p {
          line-height: 1em;
          text-align: center;
          display: inline-block;
          border-bottom: 6px solid #deb800;
          padding-bottom: 8px; }
      #la_main .la_main_container_introduction_intro_list {
        width: 620px;
        margin: 0 auto;
        margin-bottom: 122px; }
        #la_main .la_main_container_introduction_intro_list--item {
          float: left; }
          #la_main .la_main_container_introduction_intro_list--item:first-child {
            margin-right: 110px; }
            #la_main .la_main_container_introduction_intro_list--item:first-child .la_main_container_introduction_intro_list--item_img {
              margin-top: 58px; }
          #la_main .la_main_container_introduction_intro_list--item_img {
            margin-bottom: 40px;
            text-align: center; }
          #la_main .la_main_container_introduction_intro_list--item a {
            display: block;
            width: 245px;
            height: 53px;
            text-align: center;
            color: #fff;
            font-size: 18px;
            background-image: url(../img/introduction_button.png);
            padding: 12px 0 18px;
            font-weight: bold;
            transition: 0.4s; }
            #la_main .la_main_container_introduction_intro_list--item a:hover {
              opacity: 0.6; }
      #la_main .la_main_container_introduction_intro_bunner {
        width: 660px;
        margin: 0 auto;
        margin-bottom: 120px; }
        #la_main .la_main_container_introduction_intro_bunner_img {
          margin-bottom: 30px; }
        #la_main .la_main_container_introduction_intro_bunner_date {
          width: 100%;
          height: 100px;
          background-image: url(../img/introduction_bunner_date_bg.png);
          padding-top: 17px; }
          #la_main .la_main_container_introduction_intro_bunner_date p {
            font-weight: bold;
            color: #fff;
            font-size: 18px;
            letter-spacing: 0.06em;
            line-height: 1.85em;
            text-align: center; }
            #la_main .la_main_container_introduction_intro_bunner_date p span {
              font-size: 24px;
              color: #fff;
              font-weight: bold; }
      #la_main .la_main_container_introduction_intro_good_title {
        text-align: center;
        margin-bottom: 60px; }
        #la_main .la_main_container_introduction_intro_good_title p {
          display: inline-block;
          font-size: 28px;
          color: #331201;
          padding: 1px 4px;
          font-weight: bold;
          letter-spacing: 0.04em;
          background-color: #deb800;
          line-height: 1em; }
      #la_main .la_main_container_introduction_intro_good_content {
        width: 856px;
        margin: 0 auto; }
        #la_main .la_main_container_introduction_intro_good_content_img {
          float: left;
          padding: 40px 0;
          margin-right: 50px; }
        #la_main .la_main_container_introduction_intro_good_content_text {
          width: 624px;
          float: left;
          line-height: 2.5em;
          font-size: 16px;
          font-weight: bold;
          color: #331201; }
    #la_main .la_main_container_introduction_bunner {
      width: 100%;
      background-image: url(../img/campaign_bg.png);
      padding-top: 40px;
      padding-bottom: 40px; }
      #la_main .la_main_container_introduction_bunner_list--item:first-child {
        margin-bottom: 80px; }
      #la_main .la_main_container_introduction_bunner_list--item_title {
        width: 505px;
        height: 77px;
        background-image: url(../img/introduction_title_bg.png);
        padding-top: 23px;
        margin: 0 auto;
        margin-bottom: 40px; }
        #la_main .la_main_container_introduction_bunner_list--item_title p {
          color: #fff;
          font-size: 20px;
          font-weight: bold;
          text-align: center; }
      #la_main .la_main_container_introduction_bunner_list--item_img {
        text-align: center; }
        #la_main .la_main_container_introduction_bunner_list--item_img img {
          border: 10px solid #fff; }
    #la_main .la_main_container_map {
      padding-top: 100px;
      margin-bottom: 80px; }
      #la_main .la_main_container_map_text {
        width: 476px;
        margin-left: 60px; }
        #la_main .la_main_container_map_text_01 {
          font-size: 20px;
          color: #331201;
          font-weight: bold;
          line-height: 1em;
          background-color: #deb800;
          padding: 2px 4px;
          margin-bottom: 26px;
          display: inline-block; }
        #la_main .la_main_container_map_text_02 {
          font-size: 17px;
          color: #331201;
          line-height: 2.35em;
          margin-bottom: 16px; }
        #la_main .la_main_container_map_text_03 {
          font-size: 12px;
          font-weight: bold;
          color: #331201; }
      #la_main .la_main_container_map_img {
        text-align: center;
        position: relative; }
        #la_main .la_main_container_map_img img {
          position: relative;
          top: -190px;
          margin-bottom: -190px; }
        #la_main .la_main_container_map_img p {
          position: absolute;
          right: 30px;
          bottom: 180px;
          font-size: 12px;
          letter-spacing: 0.12em;
          text-align: left; }
    #la_main .la_main_container_book {
      width: 840px;
      margin: 0 auto;
      padding-bottom: 100px;
      border-bottom: 3px solid #331201;
      border-image: url(../img/border_img.png) 3 0 repeat; }
      #la_main .la_main_container_book_title {
        text-align: center;
        margin-bottom: 56px; }
        #la_main .la_main_container_book_title span {
          font-size: 24px;
          font-weight: bold;
          color: #331201;
          background-color: #deb800;
          padding: 2px;
          line-height: 1.75em; }
          #la_main .la_main_container_book_title span:last-child {
            font-size: 34px; }
      #la_main .la_main_container_book_description {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        color: #331201;
        line-height: 1.9em;
        letter-spacing: 0.04em;
        margin-bottom: 60px; }
      #la_main .la_main_container_book_list {
        width: 700px;
        margin: 0 auto; }
        #la_main .la_main_container_book_list--item {
          width: 100%;
          height: 180px;
          background-size: cover;
          padding-top: 58px;
          text-align: center;
          color: #fff;
          font-size: 18px;
          line-height: 1.9em;
          font-weight: bold;
          transition: 0.4s; }
          #la_main .la_main_container_book_list--item:hover {
            cursor: pointer;
            opacity: 0.7; }
          #la_main .la_main_container_book_list--item:not(:last-child) {
            margin-bottom: 40px; }
    #la_main .la_main_container_tweet {
      width: 840px;
      margin: 0 auto;
      padding-top: 78px;
      padding-bottom: 62px;
      position: relative; }
      #la_main .la_main_container_tweet_title {
        text-align: center;
        margin-bottom: 48px; }
      #la_main .la_main_container_tweet_area {
        width: 732px;
        margin: 0 auto; }
        #la_main .la_main_container_tweet_area_button--01 {
          float: left;
          margin-right: 30px;
          margin-top: 51px;
          transition: 0.4s;
          pointer-events: none; }
          #la_main .la_main_container_tweet_area_button--01:hover {
            cursor: pointer;
            opacity: 0.7; }
        #la_main .la_main_container_tweet_area_img {
          float: left; }
        #la_main .la_main_container_tweet_area_button--02 {
          float: left;
          margin-left: 30px;
          margin-top: 51px;
          transition: 0.4s;
          pointer-events: none; }
          #la_main .la_main_container_tweet_area_button--02:hover {
            cursor: pointer;
            opacity: 0.7; }
      #la_main .la_main_container_tweet_end {
        position: absolute;
        z-index: 9;
        width: 740px;
        height: 162px;
        left: 50%;
        margin-left: -370px;
        bottom: 90px;
        padding: 53px 30px; }
        #la_main .la_main_container_tweet_end_text {
          font-size: 18px;
          color: #fff;
          line-height: 1.65em;
          letter-spacing: 0.02em; }
    #la_main .la_main_container_banner {
      width: 660px;
      margin: 0 auto;
      padding-bottom: 80px; }
      #la_main .la_main_container_banner_text {
        color: #331201;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.75em;
        margin-bottom: 30px; }
      #la_main .la_main_container_banner_term {
        color: #331201;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 30px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-top: 2px solid #331201;
        border-bottom: 2px solid #331201; }
      #la_main .la_main_container_banner_img {
        text-align: center; }
    #la_main .la_main_container_campaign {
      background-image: url(../img/campaign_bg.png);
      padding-top: 40px;
      padding-bottom: 30px; }
      #la_main .la_main_container_campaign_title {
        width: 385px;
        height: 77px;
        margin: 0 auto;
        text-align: center;
        background-image: url(../img/campaign_title_bg.png);
        background-size: cover;
        font-size: 25px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 0.16em;
        padding-top: 21px;
        margin-bottom: 42px; }
      #la_main .la_main_container_campaign_area {
        width: 900px;
        margin: 0 auto;
        background-color: #fff;
        padding-top: 60px;
        padding-bottom: 40px;
        position: relative; }
        #la_main .la_main_container_campaign_area_end {
          position: absolute;
          z-index: 9;
          width: 740px;
          height: 100px;
          left: 50%;
          margin-left: -370px;
          top: 360px;
          padding: 23px 30px; }
          #la_main .la_main_container_campaign_area_end_text {
            font-size: 18px;
            color: #fff;
            line-height: 1.65em;
            letter-spacing: 0.02em; }
        #la_main .la_main_container_campaign_area_list {
          width: 840px;
          margin: 0 auto;
          margin-bottom: 57px; }
          #la_main .la_main_container_campaign_area_list--item {
            width: 254px;
            height: 264px;
            float: left;
            background-color: #fff;
            border: 5px solid #331201;
            box-shadow: 2px 2px 0px #deb800;
            position: relative; }
            #la_main .la_main_container_campaign_area_list--item:not(:last-child) {
              margin-right: 39px; }
            #la_main .la_main_container_campaign_area_list--item_title {
              width: 183px;
              height: 41px;
              background-image: url(../img/campaign_step_bg.png);
              font-size: 18px;
              font-weight: bold;
              letter-spacing: 0.16em;
              text-align: center;
              padding-top: 8px;
              color: #fff;
              position: absolute;
              left: 50%;
              margin-left: -91px;
              top: -20px; }
            #la_main .la_main_container_campaign_area_list--item_img {
              text-align: center; }
            #la_main .la_main_container_campaign_area_list--item_text {
              text-align: center;
              font-size: 12px;
              font-weight: bold;
              line-height: 1.65em;
              color: #331201; }
            #la_main .la_main_container_campaign_area_list--item:first-child .la_main_container_campaign_area_list--item_img {
              padding-top: 36px;
              margin-bottom: 25px; }
            #la_main .la_main_container_campaign_area_list--item:nth-child(2) .la_main_container_campaign_area_list--item_img {
              padding-top: 51px;
              margin-bottom: 27px; }
            #la_main .la_main_container_campaign_area_list--item:nth-child(3) .la_main_container_campaign_area_list--item_img {
              padding-top: 36px;
              margin-bottom: 41px; }
        #la_main .la_main_container_campaign_area_button {
          width: 292px;
          height: 56px;
          background-color: #55acee;
          margin: 30px auto 60px;
          box-shadow: 5px 5px 0 #331201;
          transition: 0.4s; }
          #la_main .la_main_container_campaign_area_button a {
            color: #fff;
            font-size: 20px;
            text-align: center;
            display: block;
            width: 100%;
            height: 100%;
            padding-top: 13px;
            letter-spacing: 0.03em;
            pointer-events: none; }
          #la_main .la_main_container_campaign_area_button:hover {
            cursor: pointer;
            opacity: 0.7; }
        #la_main .la_main_container_campaign_area_info {
          width: 840px;
          margin: 0 auto; }
          #la_main .la_main_container_campaign_area_info_title {
            width: 100%;
            height: 40px;
            text-align: center;
            background-image: url(../img/campaign_info_bg.png);
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            letter-spacing: 0.1em;
            padding-top: 8px; }
          #la_main .la_main_container_campaign_area_info_detail {
            width: 100%;
            border-right: 4px solid #331201;
            border-left: 4px solid #331201;
            border-bottom: 4px solid #331201;
            padding-top: 48px; }
            #la_main .la_main_container_campaign_area_info_detail_text {
              width: 516px;
              margin: 0 auto;
              line-height: 2.4em;
              margin-bottom: 40px; }
            #la_main .la_main_container_campaign_area_info_detail_list {
              width: 516px;
              margin: 0 auto;
              padding-left: 6px;
              margin-bottom: 42px; }
              #la_main .la_main_container_campaign_area_info_detail_list--item {
                font-size: 18px;
                font-weight: bold;
                color: #331201; }
                #la_main .la_main_container_campaign_area_info_detail_list--item:first-child {
                  margin-right: 60px;
                  float: left; }
                #la_main .la_main_container_campaign_area_info_detail_list--item:nth-child(2) {
                  float: right; }
                #la_main .la_main_container_campaign_area_info_detail_list--item a {
                  color: #331201;
                  transition: 0.4s; }
                  #la_main .la_main_container_campaign_area_info_detail_list--item a:hover {
                    cursor: pointer;
                    opacity: 0.7; }
            #la_main .la_main_container_campaign_area_info_detail_caption {
              width: 516px;
              margin: 0 auto;
              font-size: 10px;
              line-height: 2.55em;
              margin-bottom: 40px; }
            #la_main .la_main_container_campaign_area_info_detail_contact {
              padding-bottom: 46px; }
              #la_main .la_main_container_campaign_area_info_detail_contact_title {
                font-size: 15px;
                text-align: center;
                letter-spacing: 0.12em;
                margin-bottom: 27px; }
              #la_main .la_main_container_campaign_area_info_detail_contact p:nth-child(2) {
                font-size: 10px;
                font-weight: bold;
                text-align: center;
                margin-bottom: 20px; }
              #la_main .la_main_container_campaign_area_info_detail_contact p:nth-child(3) {
                font-size: 21px;
                font-weight: bold;
                text-align: center;
                margin-bottom: 6px;
                letter-spacing: 0.1em; }
              #la_main .la_main_container_campaign_area_info_detail_contact p:nth-child(4) {
                font-size: 10px;
                text-align: center;
                letter-spacing: 0.1em; }
    #la_main .la_main_container_tips {
      width: 840px;
      margin: 0 auto;
      padding-top: 50px;
      border-top: 3px solid #331201;
      border-image: url(../img/border_img.png) 3 0 repeat; }
      #la_main .la_main_container_tips_title {
        position: relative;
        margin-bottom: 25px; }
        #la_main .la_main_container_tips_title p {
          text-align: center;
          font-size: 26px;
          font-weight: bold;
          color: #331201;
          letter-spacing: 0.1em;
          padding-left: 82px;
          position: relative;
          padding-top: 19px;
          padding-bottom: 14px; }
          #la_main .la_main_container_tips_title p:before {
            content: '';
            display: block;
            width: 63px;
            height: 72px;
            background-image: url(../img/tips_title_icon.png);
            position: absolute;
            left: 50%;
            margin-left: -149px;
            top: 0; }
      #la_main .la_main_container_tips_text {
        font-size: 15px;
        font-weight: bold;
        color: #331201;
        line-height: 2.55em;
        position: relative;
        margin-bottom: 186px; }
        #la_main .la_main_container_tips_text:after {
          content: '';
          display: block;
          width: 224px;
          height: 167px;
          background-image: url(../img/tips_illust.png);
          position: absolute;
          right: 0;
          bottom: -165px; }
    #la_main .la_main_container_each {
      margin-bottom: 134px; }
      #la_main .la_main_container_each_title {
        margin-bottom: 88px; }
        #la_main .la_main_container_each_title_img {
          float: left;
          margin-right: 21px; }
        #la_main .la_main_container_each_title_text {
          float: left;
          margin-top: 103px;
          font-size: 20px;
          line-height: 1.9em;
          font-weight: bold; }
      #la_main .la_main_container_each_main {
        width: 840px;
        margin: 0 auto; }
        #la_main .la_main_container_each_main--left {
          margin-right: 18px; }
          #la_main .la_main_container_each_main--left .la_main_container_each_main_block_title {
            background-image: url(../img/each_label--01.png); }
        #la_main .la_main_container_each_main--right .la_main_container_each_main_block_title {
          background-image: url(../img/each_label--02.png); }
        #la_main .la_main_container_each_main_block {
          width: 411px;
          float: left; }
          #la_main .la_main_container_each_main_block_title {
            width: 100%;
            height: 58px;
            background-size: cover;
            background-position: top center;
            margin-bottom: 20px; }
            #la_main .la_main_container_each_main_block_title p {
              color: #fff;
              text-align: center;
              font-size: 28px;
              padding: 15px 0;
              line-height: 28px; }
          #la_main .la_main_container_each_main_block_list--item {
            width: calc((100% - 10px) / 2);
            float: left;
            position: relative;
            margin-bottom: 10px; }
            #la_main .la_main_container_each_main_block_list--item:nth-child(odd) {
              margin-right: 10px; }
            #la_main .la_main_container_each_main_block_list--item.hide {
              display: none; }
            #la_main .la_main_container_each_main_block_list--item_img {
              border: 2px solid #331201; }
              #la_main .la_main_container_each_main_block_list--item_img img {
                width: 100%;
                height: 100%; }
            #la_main .la_main_container_each_main_block_list--item_name {
              position: absolute;
              right: 0;
              bottom: 50px;
              padding: 1px 8px 2px;
              background-color: #331201; }
              #la_main .la_main_container_each_main_block_list--item_name p {
                font-size: 12px;
                display: inline-block;
                color: #fff;
                line-height: 12px; }
            #la_main .la_main_container_each_main_block_list--item_more {
              width: 100%;
              height: 30px;
              background-image: url(../img/each_button_bg.png);
              background-size: cover;
              transition: 0.4s; }
              #la_main .la_main_container_each_main_block_list--item_more:hover {
                cursor: pointer;
                opacity: 0.7; }
              #la_main .la_main_container_each_main_block_list--item_more p {
                color: #fff;
                font-size: 12px;
                text-align: center;
                letter-spacing: 0.12em;
                padding-top: 5px; }
        #la_main .la_main_container_each_main_more {
          width: 245px;
          height: 53px;
          margin: 0 auto;
          margin-top: 50px;
          background-image: url(../img/each_more_bg.png);
          padding-top: 12px;
          clear: both;
          transition: 0.4s; }
          #la_main .la_main_container_each_main_more:hover {
            cursor: pointer;
            opacity: 0.7; }
          #la_main .la_main_container_each_main_more p {
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            letter-spacing: 0.12em; }
    #la_main .la_main_container_cm {
      text-align: center;
      margin-bottom: 160px; }
      #la_main .la_main_container_cm_title {
        margin-bottom: 48px; }
        #la_main .la_main_container_cm_title_img {
          float: right; }
        #la_main .la_main_container_cm_title_text {
          float: left;
          margin-top: 133px;
          font-size: 18px;
          font-weight: bold;
          padding-left: 30px;
          text-align: left; }
      #la_main .la_main_container_cm iframe {
        width: 900px;
        height: 506px; }
        #la_main .la_main_container_cm iframe:first-of-type {
          margin-bottom: 80px; }
    #la_main .la_main_container_web-cm {
      text-align: center;
      padding-bottom: 140px; }
      #la_main .la_main_container_web-cm_title {
        margin-bottom: 73px; }
        #la_main .la_main_container_web-cm_title_img {
          float: left; }
        #la_main .la_main_container_web-cm_title_text {
          float: right;
          margin-top: 112px;
          font-size: 20px;
          font-weight: bold;
          padding-right: 30px;
          text-align: right; }
      #la_main .la_main_container_web-cm iframe {
        width: 900px;
        height: 506px; }
    #la_main .la_main_container_diff {
      margin-bottom: 180px; }
      #la_main .la_main_container_diff_title {
        text-align: center;
        margin-bottom: 30px; }
        #la_main .la_main_container_diff_title span {
          font-size: 24px;
          font-weight: bold;
          color: #331201;
          background-color: #deb800;
          padding: 2px;
          line-height: 1.75em; }
          #la_main .la_main_container_diff_title span:last-child {
            font-size: 36px; }
      #la_main .la_main_container_diff_description {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        color: #331201;
        line-height: 1.9em;
        letter-spacing: 0.04em;
        margin-bottom: 60px; }
      #la_main .la_main_container_diff_list {
        width: 700px;
        margin: 0 auto; }
        #la_main .la_main_container_diff_list--item {
          width: 100%;
          height: 180px;
          background-size: cover;
          padding-top: 58px;
          text-align: center;
          color: #fff;
          font-size: 18px;
          line-height: 1.9em;
          font-weight: bold;
          transition: 0.4s; }
          #la_main .la_main_container_diff_list--item:hover {
            cursor: pointer;
            opacity: 0.7; }
          #la_main .la_main_container_diff_list--item:not(:last-child) {
            margin-bottom: 40px; }
    #la_main .la_main_container_talk {
      text-align: center;
      width: 700px;
      margin: 0 auto;
      margin-bottom: 140px; }
      #la_main .la_main_container_talk_title {
        text-align: center;
        margin-bottom: 50px;
        display: inline-block;
        font-size: 30px;
        font-weight: bold;
        color: #331201;
        background-color: #deb800;
        padding: 2px;
        line-height: 1em; }
      #la_main .la_main_container_talk_description {
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        color: #331201;
        line-height: 1.9em;
        letter-spacing: 0.04em;
        margin-top: 40px; }
      #la_main .la_main_container_talk_img a {
        width: 100%;
        height: 100%;
        display: block;
        border: 6px solid #331201;
        box-shadow: 6px 6px 0 0 #deb800;
        transition: 0.4s; }
        #la_main .la_main_container_talk_img a:hover {
          opacity: 0.6; }
        #la_main .la_main_container_talk_img a img {
          width: 100%;
          height: auto; }
    #la_main .la_main_container_slot {
      width: 700px;
      margin: 0 auto;
      padding-bottom: 100px; }
      #la_main .la_main_container_slot_img a {
        transition: 0.4s; }
        #la_main .la_main_container_slot_img a:hover {
          cursor: pointer;
          opacity: 0.7; }
      #la_main .la_main_container_slot_img img {
        width: 100%;
        height: auto; }

#la_main .la_modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none; }
  #la_main .la_modal .modal_area {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: -1;
    top: 0;
    left: 0; }
  #la_main .la_modal .modal_close {
    position: fixed;
    transition: 0.4s; }
    #la_main .la_modal .modal_close:hover {
      cursor: pointer;
      opacity: 0.7; }

#la_main .la_main_modal_diff_block {
  width: 840px;
  height: 770px;
  box-shadow: 5px 5px 0px #deb800;
  border: 10px solid #331201;
  border-image: url(../img/modal_bg.png) 10 10 repeat;
  position: relative;
  background-color: #fff;
  left: 50%;
  margin-left: -420px;
  top: 50%;
  margin-top: -385px;
  padding-top: 30px;
  overflow-y: scroll;
  padding-bottom: 40px; }
  @media screen and (max-height: 770px) {
    #la_main .la_main_modal_diff_block {
      height: calc(100% - 90px);
      margin-top: auto;
      top: 45px; } }
  #la_main .la_main_modal_diff_block_close {
    left: 50%;
    top: 50%;
    margin-left: 353px;
    margin-top: -385px; }
    @media screen and (max-height: 770px) {
      #la_main .la_main_modal_diff_block_close {
        top: 45px;
        margin-top: auto; } }
  #la_main .la_main_modal_diff_block_title {
    text-align: center;
    margin-bottom: 16px; }
    #la_main .la_main_modal_diff_block_title span {
      font-size: 36px;
      background-color: #deb800;
      color: #331201;
      font-weight: bold;
      line-height: 1.7em;
      padding: 2px 1px; }
      #la_main .la_main_modal_diff_block_title span:first-child {
        font-size: 24px; }
  #la_main .la_main_modal_diff_block_img {
    text-align: center;
    margin-bottom: 30px; }
  #la_main .la_main_modal_diff_block_link {
    width: 285px;
    height: 45px;
    background-image: url(../img/diff_modal_link_bg.png);
    padding-top: 11px;
    margin: 0 auto;
    transition: 0.4s; }
    #la_main .la_main_modal_diff_block_link:hover {
      cursor: pointer;
      opacity: 0.7; }
    #la_main .la_main_modal_diff_block_link p {
      color: #331201;
      font-weight: bold;
      font-size: 16px;
      text-align: center; }

#la_main .la_main_modal_book {
  display: block; }
  #la_main .la_main_modal_book_block {
    width: 840px;
    height: 770px;
    box-shadow: 5px 5px 0px #deb800;
    border: 10px solid #331201;
    border-image: url(../img/modal_bg.png) 10 10 repeat;
    position: relative;
    background-color: #fff;
    left: 50%;
    margin-left: -420px;
    top: 50%;
    margin-top: -385px;
    padding-top: 30px;
    overflow-y: scroll;
    padding-bottom: 40px; }
    @media screen and (max-height: 770px) {
      #la_main .la_main_modal_book_block {
        height: calc(100% - 90px);
        margin-top: auto;
        top: 45px; } }
    #la_main .la_main_modal_book_block_close {
      left: 50%;
      top: 50%;
      margin-left: 353px;
      margin-top: -385px; }
      @media screen and (max-height: 770px) {
        #la_main .la_main_modal_book_block_close {
          top: 45px;
          margin-top: auto; } }
    #la_main .la_main_modal_book_block_title {
      text-align: center;
      margin-bottom: 16px; }
      #la_main .la_main_modal_book_block_title span {
        font-size: 32px;
        background-color: #deb800;
        color: #331201;
        font-weight: bold;
        line-height: 1.7em;
        padding: 2px 1px; }
        #la_main .la_main_modal_book_block_title span:first-child {
          font-size: 24px; }
    #la_main .la_main_modal_book_block_img {
      text-align: center;
      margin-bottom: 30px; }
    #la_main .la_main_modal_book_block_link {
      width: 285px;
      height: 45px;
      background-image: url(../img/diff_modal_link_bg.png);
      padding-top: 11px;
      margin: 0 auto;
      transition: 0.4s; }
      #la_main .la_main_modal_book_block_link:hover {
        cursor: pointer;
        opacity: 0.7; }
      #la_main .la_main_modal_book_block_link p {
        color: #331201;
        font-weight: bold;
        font-size: 16px;
        text-align: center; }

#la_main .la_main_modal_about_block {
  width: 840px;
  height: 640px;
  box-shadow: 5px 5px 0px #deb800;
  border: 10px solid #331201;
  border-image: url(../img/modal_bg.png) 10 10 repeat;
  position: relative;
  background-color: #fff;
  left: 50%;
  margin-left: -420px;
  top: 50%;
  margin-top: -320px;
  padding-top: 40px;
  overflow-y: scroll;
  padding-bottom: 40px; }
  @media screen and (max-height: 640px) {
    #la_main .la_main_modal_about_block {
      height: calc(100% - 90px);
      margin-top: auto;
      top: 45px; } }
  #la_main .la_main_modal_about_block_close {
    left: 50%;
    top: 50%;
    margin-left: 353px;
    margin-top: -320px; }
    @media screen and (max-height: 640px) {
      #la_main .la_main_modal_about_block_close {
        top: 45px;
        margin-top: auto; } }
  #la_main .la_main_modal_about_block_title {
    text-align: center;
    margin-bottom: 44px; }
    #la_main .la_main_modal_about_block_title span {
      font-size: 24px;
      background-color: #deb800;
      color: #331201;
      font-weight: bold;
      padding: 2px 1px; }
  #la_main .la_main_modal_about_block_copy--01 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 37px;
    letter-spacing: 0.04em;
    font-weight: bold; }
  #la_main .la_main_modal_about_block_text--01 {
    width: 700px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-bottom: 35px;
    line-height: 2em; }
  #la_main .la_main_modal_about_block_profile {
    position: relative;
    width: 700px;
    margin: 0 auto;
    margin-bottom: 35px; }
    #la_main .la_main_modal_about_block_profile_img {
      float: left;
      margin-right: 16px; }
    #la_main .la_main_modal_about_block_profile_text {
      width: calc(100% - 226px);
      float: left; }
      #la_main .la_main_modal_about_block_profile_text_name {
        font-size: 16px;
        letter-spacing: 0.02em;
        padding-bottom: 4px;
        border-bottom: 1px dotted #331201;
        margin-bottom: 10px; }
        #la_main .la_main_modal_about_block_profile_text_name span {
          font-size: 12px; }
      #la_main .la_main_modal_about_block_profile_text_description {
        font-size: 13px;
        line-height: 1.55em;
        letter-spacing: 0.04em; }
  #la_main .la_main_modal_about_block_copy--02 {
    width: 700px;
    margin: 0 auto;
    font-size: 21px;
    font-weight: bold;
    text-shadow: 2px 2px 0 #deb800;
    margin-bottom: 35px; }
  #la_main .la_main_modal_about_block_text--02 {
    width: 700px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 40px; }
    #la_main .la_main_modal_about_block_text--02 span {
      font-size: 12px; }
  #la_main .la_main_modal_about_block_link {
    text-align: center; }
    #la_main .la_main_modal_about_block_link a {
      display: block;
      width: 315px;
      height: 45px;
      margin: 0 auto;
      background-image: url(../img/about_button_01_bg.png);
      background-size: cover;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0.06em;
      padding-top: 11px;
      text-align: center;
      color: #331201;
      transition: 0.4s; }
      #la_main .la_main_modal_about_block_link a:hover {
        cursor: pointer;
        opacity: 0.7; }

#la_main .la_main_modal_twitter_block {
  width: 840px;
  height: 640px;
  box-shadow: 5px 5px 0px #deb800;
  border: 10px solid #331201;
  border-image: url(../img/modal_bg.png) 10 10 repeat;
  position: relative;
  background-color: #fff;
  left: 50%;
  margin-left: -420px;
  top: 50%;
  margin-top: -320px;
  padding-top: 40px;
  overflow-y: scroll;
  padding-bottom: 40px; }
  @media screen and (max-height: 640px) {
    #la_main .la_main_modal_twitter_block {
      height: calc(100% - 90px);
      margin-top: auto;
      top: 45px; } }
  #la_main .la_main_modal_twitter_block_close {
    left: 50%;
    top: 50%;
    margin-left: 353px;
    margin-top: -320px; }
    @media screen and (max-height: 640px) {
      #la_main .la_main_modal_twitter_block_close {
        top: 45px;
        margin-top: auto; } }
  #la_main .la_main_modal_twitter_block_title {
    text-align: center;
    margin-bottom: 30px; }
    #la_main .la_main_modal_twitter_block_title span {
      font-size: 24px;
      background-color: #deb800;
      color: #331201;
      font-weight: bold;
      padding: 2px 1px;
      line-height: 2em; }
  #la_main .la_main_modal_twitter_block_detail {
    width: 640px;
    margin: 0 auto;
    margin-bottom: 20px; }
    #la_main .la_main_modal_twitter_block_detail_text {
      float: left;
      width: 394px; }
      #la_main .la_main_modal_twitter_block_detail_text span {
        font-size: 12px;
        letter-spacing: 0.02em; }
    #la_main .la_main_modal_twitter_block_detail_img {
      float: right; }
  #la_main .la_main_modal_twitter_block_link {
    text-align: center; }
    #la_main .la_main_modal_twitter_block_link p {
      font-size: 12px;
      line-height: 1.65em;
      letter-spacing: 0.04em;
      margin-bottom: 16px; }
    #la_main .la_main_modal_twitter_block_link a {
      display: block;
      width: 500px;
      height: 40px;
      margin: 0 auto;
      background-color: #55acee;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0.06em;
      padding-top: 10px;
      text-align: center;
      color: #fff;
      transition: 0.4s;
      box-shadow: 5px 5px 0 #331201; }
      #la_main .la_main_modal_twitter_block_link a:hover {
        cursor: pointer;
        opacity: 0.7; }
