body{
    color:#000;
  }
  #header{
    display: none;
  }
  #side{
    display: none;
  }
  #contents{
    margin:0 auto;
    padding:0;
    float:none;
    width:100%;
  }
  .inner{
    padding:0;
    width:100%;
    max-width:100%;
  }
  #eyecatch{
    position:relative;
    height:1200px;
  }
  #eyecatch .top_text{
    text-align:center;
    position:absolute;
    bottom:30px;
    right:-345px;
    width:320px !important;
    font-size:22px;
    z-index:50;
    width:100%;
    color:white;
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3" , "Hiragino Mincho Pro" , "HGSÌÀÄ«E" , "£Í£Ó £ÐÌÀÄ«" , "MS PMincho" , serif;
  }
  #eyecatch #top_nav{
    position:absolute;
    width:250px;
    height:0px;
    background-size:cover;
    left:15%;
    top:0px;
    z-index:100;
    margin-top:0px;
    text-align:center;
  }
  #top_nav #nav_inner{
    width:100%;
    position:relative;
  }
  #top_nav .logo{
    width:50%;
    display: inline-block;
    margin-top:28px;
  }
  #top_nav ul{
    margin-top:34px;
  }
  #top_nav li{
    line-height:24px;
  }
  #top_nav li:nth-child(6){
    margin-top:20px;
  }
  #top_nav li:nth-child(6) a,#top_nav li:nth-child(7) a,#top_nav li:nth-child(8) a{
    color:#b6ad91;
  }
  #top_nav li a{
    color:white;
  }
  @media screen and (min-width: 1410px) {
    #eyecatch #top_nav{
      width:18%;
    }
  }
  #promice{
    background:#000;
    height:412px;
    text-align:center;
    color:#f0f0f0;
    font-size:14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top:72px;
  }
  #promice h2{
    font-size:25px;
    line-height:48px;
  }
  #promice p{
    line-height:39px;
    margin-top:38px;
  }
  #promice p span{
    color:#b6ad91;
  }
  #middleContents{
    height:800px;
  }
  #middleContents ul li{
    width:50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    height:400px;
    text-align:center;
  }
  #middleContents ul li .cate_box{
    padding-top:82px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #middleContents ul li .cate_box h3{
    font-size:32px;
    line-height:43px;
  }
  #middleContents ul li h3 span{
    font-size:14px;
  }
  #middleContents ul li .cate_box p{
    line-height:26px;
    margin-top:14px;
  }
  #middleContents ul li:nth-child(1){
    background-size:cover;
  }
  #middleContents ul li:nth-child(1) .cate_box{
    display: inline-block;
    float:right;
    margin-right:47px;
  }
  #middleContents ul li:nth-child(1) .cate_box a{
    background:#000;
    border:1px solid #000;
    color:#f0f0f0;
    border-radius: 2px;
    padding:14px 0px;
    width:232px;
    margin-top:27px;
    display: inline-block;
  }
  #middleContents ul li:nth-child(1) h3{
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4),
    -1px 1px 1px rgba(255,255,255,0.4),
    1px -1px 1px rgba(255,255,255,0.4),
    -1px -1px 1px rgba(255,255,255,0.4);
  }
  #middleContents ul li:nth-child(1) p{
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4),
    -1px 1px 1px rgba(255,255,255,0.4),
    1px -1px 1px rgba(255,255,255,0.4),
    -1px -1px 1px rgba(255,255,255,0.4);
  }
  #middleContents ul li:nth-child(2){
    background-size:cover;
  }
  #middleContents ul li:nth-child(2) h3{
    text-shadow: 2px 2px 1px rgba(255,255,255,0.7),
    -2px 2px 1px rgba(255,255,255,0.7),
    2px -2px 1px rgba(255,255,255,0.7),
    -2px -2px 1px rgba(255,255,255,0.7);
  }
  #middleContents ul li:nth-child(2) p{
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4),
    -1px 1px 1px rgba(255,255,255,0.4),
    1px -1px 1px rgba(255,255,255,0.4),
    -1px -1px 1px rgba(255,255,255,0.4);
  }
  #middleContents ul li:nth-child(2) .cate_box{
    display: inline-block;
    float:left;
    margin-left:90px;
  }
  #middleContents ul li:nth-child(2) .cate_box a{
    background:#ffa231;
    border:1px solid #ffa231;
    color:#110b03;
    border-radius: 2px;
    padding:14px 0px;
    width:232px;
    margin-top:27px;
    display: inline-block;
  }
  #middleContents ul li:nth-child(3){
    background-size:cover;
  }
  #middleContents ul li:nth-child(3) h3{
    color:#FFF;
    text-shadow: -2px 4px 0 rgba(0,0,0,0.3);
    font-size:30px;
  }
  #middleContents ul li:nth-child(3) .cate_box{
    display: inline-block;
    float:right;
    margin-right:45px;
    padding-top:65px;
    color:#FFF;
  }
  #middleContents ul li:nth-child(3) .cate_box p{
    margin-top:22px;
  }
  #middleContents ul li:nth-child(3) .cate_box a{
    background:#ffa231;
    border:1px solid #ffa231;
    color:#110b03;
    border-radius: 2px;
    padding:14px 0px;
    width:232px;
    margin-top:34px;
    display: inline-block;
  }
  #middleContents ul li:nth-child(4){
    background-size:cover;
  }
  #middleContents ul li:nth-child(4) h3{
    color:#FFF;
    text-shadow: -2px 4px 0 rgba(0,0,0,0.3);
    font-size:30px;
  }
  #middleContents ul li:nth-child(4) .cate_box{
    display: inline-block;
    float:left;
    margin-left:58px;
    padding-top:65px;
    color:#FFF;
  }
  #middleContents ul li:nth-child(4) .cate_box p{
    margin-top:22px;
  }
  #middleContents ul li:nth-child(4) .cate_box a{
    background:#000;
    border:1px solid #000;
    color:#FFF;
    border-radius: 2px;
    padding:14px 0px;
    width:232px;
    margin-top:34px;
    display: inline-block;
  }
  #middleContents ul li .cate_box a:hover{
    text-decoration: none;
  }
  .bxslider li:nth-child(1){
    background-size:cover;
  }
  .bxslider li:nth-child(2){
    background-size:cover;
  }
  .bxslider li:nth-child(3){
    background-size:cover;
  }
  .bxslider li:nth-child(4){
    background-size:cover;
  }
  #ax-navi .navi-toggle{
      display: none !important;
    }
  @media screen and (max-width: 723px) {
    #top_nav ul{display: none;}
    #top_nav{
      background:none !important;
      width:100% !important;
      left:0% !important;
    }
    #ax-navi .navi-toggle{
      display: block !important;
    }
    #eyecatch .top_text{
      position:absolute;
      bottom:40%;
      font-size:20px;
      width:100% !important;
      right:auto !important;
    }
    #top_nav h1{
      text-align:center;
      padding-bottom: 30px;
      background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    }
    #top_nav h1 img{
      width:128px !important;
    }
    #middleContents ul li{
      width:100%;
      float:none;
    }
    #middleContents{
      height:1600px;
    }
    #middleContents ul li:nth-child(1) .cate_box{
      margin:0 !important;
      float:right;
      margin-right:15px !important;
      width:100%;
      max-width:320px;
    }
    #middleContents ul li:nth-child(2) .cate_box{
      margin:0 !important;
      float:left;
      margin-left:15px !important;
      width:100%;
      max-width:320px;
    }
    #middleContents ul li:nth-child(3) .cate_box{
      margin:0 !important;
      float:right;
      margin-right:15px !important;
      width:100%;
      max-width:320px;
    }
    #middleContents ul li:nth-child(4) .cate_box{
      margin:0 !important;
      float:left;
      margin-left:15px !important;
      width:100%;
      max-width:320px;
    }
  }
  @media screen and (max-width: 540px) {
    #promice{
      height:auto;
      padding:0px 10px;
      padding-bottom:30px;
      padding-top:30px;
      font-size:12px;
      text-align:left;
    }
    #promice h2{
      font-size:16px;
    }
    #promice p{
      margin-top:20px;
    }
    #footer_inner p.text{
      text-align:left;
    }
  }
  @media screen and (max-width: 360px) {
    #middleContents ul li:nth-child(1) .cate_box{
      margin:0 !important;
      float:none;
      width:100%;
    }
    #middleContents ul li:nth-child(2) .cate_box{
      margin:0 !important;
      float:none;
      width:100%;
    }
    #middleContents ul li:nth-child(3) .cate_box{
      margin:0 !important;
      float:none;
      width:100%;
    }
    #middleContents ul li:nth-child(4) .cate_box{
      margin:0 !important;
      float:none;
      width:100%;
    }
  }