@charset "UTF-8";
/* reset.css */
body {
  -webkit-text-size-adjust:100%;
  font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:14px;
  line-height:1.3; }
  @media screen and (min-width: 641px) {
    body {
      font-size:16px;
      line-height:1.4; } }

html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
p,
dl, dt, dd, ol, ul, li,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-style:normal;
  vertical-align:baseline; }

h1, h2, h3, h4, h5, h6,
strong, th, b, i {
  font-weight:normal; }

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

blockquote, q {
  quotes:none; }

blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none; }

input, textarea {
  margin:0;
  padding:0; }

input, select {
  vertical-align:middle; }

ol, ul {
  list-style:none; }

table {
  border-collapse:collapse;
  border-spacing:0; }

caption, th {
  text-align:left; }

img {
  vertical-align:top; }

a:focus {
  outline:none; }

/* clearfix */
.clearfix {
  *zoom:1; }

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

/*-----------------------------------------------------------------------
  common
-----------------------------------------------------------------------*/
body {
  background:#27130f;
  position:relative; }

#wrap {
  background:#4C2403; }
  @media screen and (max-width: 640px) {
    #wrap img {
      width:100%; } }
  @media screen and (min-width: 641px) {
    #wrap {
      width:980px;
      margin:0 auto; } }

.iframeHeader, .iframeFooter {
  height:76px;
  vertical-align:bottom; }
  @media screen and (min-width: 641px) {
    .iframeHeader, .iframeFooter {
      height:141px; } }

.pageTop {
  position:fixed;
  width:40px;
  height:40px;
  bottom:20px;
  right:20px; }
  .pageTop a {
    display:block;
    position:relative; }
  .pageTop img {
    position:absolute;
    top:0px;
    opacity:1;
    width:100%; }
  @media screen and (min-width: 641px) {
    .pageTop {
      bottom:50px;
      right:50px;
      width:68px;
      height:68px; } }

#footer {
  padding:50px 0 70px;
  background:#27130f;
  text-align:center; }
  #footer h2 {
    margin-bottom:15px; }
  @media screen and (max-width: 640px) {
    #footer {
      padding:20px; }
      #footer h2 {
        width:60%;
        max-width:252px;
        display:inline-block; } }
  @media screen and (min-width: 641px) {
    #footer h2 {
      margin-bottom:40px; } }

/*-----------------------------------------------------------------------
  TOP
-----------------------------------------------------------------------*/
#top #header {
  background:url(../images/top/main_01_sp.jpg) center top no-repeat;
  background-size:100% auto;
  padding-top:95.78125%;
  width:100%;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  font-size:1px;
  line-height:0; }
  @media screen and (min-width: 641px) {
    #top #header {
      background-image:url(../images/top/main_01_pc.jpg);
      padding-top:852px;
      margin-bottom:65px; } }

.situationarea {
  margin-bottom:30px; }
  .situationarea h2 {
    text-align:center;
    margin-bottom:20px; }
  .situationarea ul {
    width:92.96875%;
    margin:0 auto;
    overflow:hidden; }
  .situationarea li {
    float:left;
    width:47.89916%;
    margin-bottom:5px; }
  @media screen and (max-width: 640px) {
    .situationarea h2 {
      width:83.4375%;
      margin:0 auto 15px; }
    .situationarea ul li:nth-child(2n) {
      float:right; } }
  @media screen and (min-width: 641px) {
    .situationarea {
      margin-bottom:80px; }
      .situationarea h2 img {
        width:444px; }
      .situationarea ul {
        width:940px; }
      .situationarea li {
        width:220px;
        margin-right:20px; }
        .situationarea li:last-child {
          margin-right:0; }
        .situationarea li img {
          width:100%; } }

.itemlistarea {
  background:url(../images/top/bg_01.jpg) center center no-repeat;
  background-size:auto 100%;
  padding:30px 0; }
  .itemlistarea ul {
    width:70.78125%;
    margin:0 auto 20px; }
    .itemlistarea ul li:first-child {
      margin-bottom:20px; }
    .itemlistarea ul a {
      display:block;
      border:1px solid rgba(255, 255, 255, 0.8); }
  @media screen and (min-width: 641px) {
    .itemlistarea {
      background-size:auto;
      height:320px;
      padding:0; }
      .itemlistarea ul {
        padding-top:107px;
        width:940px;
        text-align:center; }
        .itemlistarea ul li {
          display:inline-block; }
          .itemlistarea ul li:first-child {
            margin-right:70px; }
          .itemlistarea ul li img {
            width:400px; } }

.sakurapauda {
  margin:80px 0; 
text-align:center; }
  @media screen and (min-width: 641px) {
    .bannerarea {
      width:940px;
      margin:65px auto 80px; }
      .bannerarea ul {
        overflow:hidden; }
      .bannerarea li {
        width:50%; }
        .bannerarea li img {
          width:100%; } }

.bannerarea {
  margin:30px 0; }
  @media screen and (min-width: 641px) {
    .bannerarea {
      width:940px;
      margin:65px auto 80px; }
      .bannerarea ul {
        overflow:hidden; }
      .bannerarea li {
        float:left;
        width:50%; }
        .bannerarea li img {
          width:100%; } }

/*-----------------------------------------------------------------------
  situation
-----------------------------------------------------------------------*/
#situation #header {
  background:#000;
  padding:10px;
  margin-bottom:22px; }
  #situation #header h1 {
    width:45.78125%;
    margin:0 auto 10px; }
#situation #nav {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  width:93.75%;
  margin:0 auto; }
  #situation #nav li {
    width:49.33333%; }
#situation #contents h2 {
  width:83.4375%;
  margin:0 auto 15px; }
#situation #contents h3 {
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:100% auto;
  padding-top:10.65831%;
  line-height:0;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap; }
@media screen and (min-width: 641px) {
  #situation #header {
    padding:20px 30px;
    margin-bottom:45px;
    position:relative; }
    #situation #header h1 {
      width:200px;
      margin:0; }
  #situation #nav {
    width:410px;
    position:absolute;
    bottom:20px;
    right:30px; }
    #situation #nav li {
      width:200px; }
  #situation #contents h2 {
    width:100%;
    margin-bottom:30px;
    text-align:center; }
  #situation #contents h3 {
    padding-top:60px; } }

.imteList {
  width:93.75%;
  margin:0 auto;
  color:#fff; }
  .imteList h4 {
    font-weight:bold;
    margin-top:5px;
    line-height:1.1; }
  .imteList p {
    font-size:0.9rem; }
  @media screen and (max-width: 640px) {
    .imteList {
      display:-webkit-flex;
      display:-ms-flex;
      display:flex;
      -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      justify-content:space-between; }
      .imteList li {
        width:49.33333%;
        margin-bottom:10px; } }
  @media screen and (min-width: 641px) {
    .imteList {
      overflow:hidden;
      width:auto;
      margin-left:20px;
      margin-bottom:40px;
      letter-spacing:-0.05rem; }
      .imteList li {
        width:200px;
        float:left;
        margin-right:10px;
        margin-bottom:0; }
        .imteList li img {
          width:100%; }
      .imteList p {
        line-height:1.2; } }

#luxury h3 {
  background-image:url(../images/situation/luxury_img_01_sp.gif); }
@media screen and (min-width: 641px) {
  #luxury h3 {
    background-image:url(../images/situation/luxury_img_01_pc.gif); }
  #luxury li:nth-child(-n+2) {
    width:255px; }
  #luxury li:nth-child(3), #luxury li:nth-child(4) {
    height:318px; } }

#collabo h3 {
  background-image:url(../images/situation/collabo_img_01_sp.gif); }
@media screen and (min-width: 641px) {
  #collabo h3 {
    background-image:url(../images/situation/collabo_img_01_pc.gif); }
  #collabo li:first-child {
    width:520px; }
  #collabo li:nth-child(2), #collabo li:nth-child(3) {
    height:320px; } }

#import h3 {
  background-image:url(../images/situation/import_img_01_sp.gif); }
@media screen and (min-width: 641px) {
  #import h3 {
    background-image:url(../images/situation/import_img_01_pc.gif); }
  #import li:nth-child(-n+2) {
    width:255px; }
  #import li:nth-child(3), #import li:nth-child(4) {
    height:318px; } }

#unique h3 {
  background-image:url(../images/situation/unique_img_01_sp.gif); }
@media screen and (min-width: 641px) {
  #unique h3 {
    background-image:url(../images/situation/unique_img_01_pc.gif); }
  #unique li:first-child {
    width:520px; }
  #unique li:nth-child(2), #unique li:nth-child(3) {
    height:320px; } }

@media screen and (max-width: 640px) {
  #collabo .imteList li:first-child, #unique .imteList li:first-child {
    width:100%; } }