/* ------------------------------
 common
------------------------------ */
* {
      margin: 0;
      padding: 0;
  }
body {
      margin: 0 auto;
      width: 100%;
      /*max-width: 400px;*/
      background: #fefefe;
      font-size: 12px;
	  line-height:1.4;
	  color:#323232;
	  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    }
.header h1 {
      margin: 5px;
      padding: 4px 13px;
      font-weight: lighter;
      font-size: 25px;
      border-bottom: solid 5px red;
      text-align: center;
    }
/* ------------------------------
 width1200 for mobile
------------------------------ */
@media screen and (max-width: 1000px) {

.content_mb {
     margin: 0px 3px;
    }
.container_mb {
      margin: 8px auto;
      width: 100%;
    }
#carousel {
      clear: left;
      margin: 0 auto;
      width: 320px;
    }
#carousel div {
      text-align: center;
      margin: 0 auto;
      position: relative;
    }
#carousel div p {
      text-align: left;
      margin-top: 8px;
      margin-bottom: 8px;
      position: relative;
    }
#carousel img {
      width: 320px;
    }
#carousel2 {
      clear: left;
      margin: 0 auto;
      width: 320px;
    }
#carousel2 div {
      text-align: center;
      margin: 0 auto;
      position: relative;
    }
#carousel2 div p {
      text-align: left;
      margin-top: 8px;
      margin-bottom: 8px;
      position: relative;
    }
#carousel2 img {
      width: 320px;
    }
.customNavigation{
      margin: 0;
      padding: 0;
      width: 100%;
      height: 0;
      text-align: center;
    }
.customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      cursor: pointer;
    }
.customNavigation a.prevbtn{
      margin: 0 auto;
      position: relative;
      top: -38px;
      right: 130px;
      text-align: center;
      z-index: 10;
      font-size: 30px;
      font-weight: lighter;
      color: #ccc;
      /*background: #ccc;*/
    }
.customNavigation a.nextbtn{
      margin: 0 auto;
      position: relative;
      top: -38px;
      left: 130px;
      text-align: center;
      z-index: 10;
      font-size: 30px;
      font-weight: lighter;
      color: #ccc;
      /*background: #ccc;*/
    }
.customNavigation a.prevbtn2{
      margin: 0 auto;
      position: relative;
      top: -38px;
      right: 130px;
      text-align: center;
      z-index: 10;
      font-size: 30px;
      font-weight: lighter;
      color: #ccc;
      /*background: #ccc;*/
    }
.customNavigation a.nextbtn2{
      margin: 0 auto;
      position: relative;
      top: -38px;
      left: 130px;
      text-align: center;
      z-index: 10;
      font-size: 30px;
      font-weight: lighter;
      color: #ccc;
      /*background: #ccc;*/
    }
.disc_mb {
      margin: 5px 10px;
    }
.disc2_mb p {
      margin-top: 15px;
    }
.app_d_mb {
      display:block;
      margin-top: -15px;
    }
.app_d_mb a{
      text-decoration: none;
    }
.app_d_mb a ul {
      padding-top: 5px;
      height: 55px;
      border-bottom: 1px solid #ccc;
    }
.app_d_mb a ul img {
      width:48px;
      height:48px;
      padding: 0 10px;
      float:left;
    }
.app_d_mb a ul li {
      font-size: 14px;
      font-weight: bold;
      list-style-type: none;
    }
.app_d_mb a ul li p {
      font-size: 14px;
      font-weight: bold;
      margin-left: 65px;
      color: #000;
    }
.app_d_mb a ul span {
      font-size: 12px;
      color: #000;
    }
.block_mb {
      display: block;
    }
.block_mb img {
      width:48px;
      height:48px;
      padding-left: 10px;
      float:left;
    }
.block1_mb {
      background-repeat:no-repeat;
    }
.block1_mb ul {
      padding-top: 15px;
    }
.block1_mb ul li {
      font-size: 14px;
      font-weight: bold;
      list-style-type: none;
      color: #ffffff;
      background-color:red;
    }
.block1_mb ul li p {
      font-size: 14px;
      font-weight: bold;
      margin-left: 70px;
      color: #ffffff;
      background-color:red;
    }
.down_l_mb {
    }
.down_l_mb a {
      text-decoration: none;
      color: #fff;
    }    
.down_l_mb p {
      text-align: center;
      margin: 8px 10px;
      font-size:14px;
      font-weight: bold;
      border-bottom: 3px solid rgba(0, 0, 0, 0.2);
      border-top: 2px solid rgba(255, 255, 255, 0.2);
      border-radius: 5px;
      padding: 6px;
      background-color: #aaa;
    }
.content_pc {
     display: none;
    }
.disc_pc {
     display: none;
    }
}
/* ------------------------------
 width1201 for tablet and PC
------------------------------ */
@media screen and (min-width: 1001px) {
.content_mb {
     display: none;
    }
.container_mb {
      display: none;
    }
.disc_mb {
      display: none;
    }
.app_d_mb {
     display: none;
    }
.block_mb {
      display: none;
    }
.block1_mb {
      display: none;
    }
.down_l_mb {
      display: none;
    }
.content_pc {
      margin: 0 auto;
      width: 70%;
    }
.item_pc {
      background: none repeat scroll 0 0 #ffffff;
      border: 1px solid #353535;
      padding: 13px;
      margin-top: 10px;
      }
.item_pc span {
      border-left: 5px solid #e10000;
      font-size: 130%;
      font-weight: bold;
      padding: 5px 10px;
      }
.item_pc p {
      float: right;
      width: 70%;
      }
.item_pc p a{
      float: right;
      text-align: right;
      width: 70%;
      color: #323232;
      font-size: 130%;
      /*text-decoration: none;*/
      }
.main_pc {
      display:block;
      margin: 0px 10px;
    }
.main_pc ul {
      padding-top: 5px;
      height: 105px;
    }
.main_pc ul img {
      width:96px;
      height:96px;
      padding: 0 10px;
      float:left;
    }
.main_pc ul li {
      font-size: 14px;
      font-weight: bold;
      list-style-type: none;
    }
.main_pc ul li p {
      font-size: 14px;
      font-weight: bold;
      margin-left: 65px;
      color: #000;
    }
.main_pc ul span {
      font-size: 16px;
    }
.headline_pc {
    }
.headline_pc p {
      text-align: center;
      margin: 8px 10px;
      font-size:16px;
      font-weight: bold;
      color: #fff;
      border-bottom: 3px solid rgba(0, 0, 0, 0.2);
      border-top: 2px solid rgba(255, 255, 255, 0.2);
      border-radius: 5px;
      padding: 6px;
      background-color: #aaa;
    }
.description_pc {
      display:block;
      margin: 0px 10px;
    }
.description_pc ul {
      padding-top: 5px;
      height: 205px;
    }
.description_pc ul img {
      width:320px;
      height:200px;
      padding: 0 10px;
      float:left;
    }
.description_pc ul li {
      font-size: 14px;
      font-weight: bold;
      list-style-type: none;
    }
.description_pc ul li p {
      font-size: 14px;
      font-weight: bold;
      margin-left: 65px;
      color: #000;
    }
.description_pc ul span {
      font-size: 14px;
    }
.o_app_pc {
      display: block;
      height: 215px;
    }
.o_app_pc ul.menu {
      border-bottom: 1px solid #ccc;
      height: 215px;
    }
.o_app_pc ul.menu li {
      width: 19.88%;
      list-style-type: none;
      float: left;
    }
.o_app_pc ul.menu li a {
      display: block;
      font-size: 16px;
      text-align: center;
    }
.o_app_pc ul.menu li a span {
      display: block;
      padding: 4px 0 2px;
    }
.o_app_pc ul.menu li a img {
      display: block;
      height: 96px;
      margin: auto;
      padding: 8px 4px 4px;
      width: 96px;
    }
.o_app_pc ul.menu li p {
      display: block;
      font-size: 14px;
      text-align: center;
      margin:0px 15px 0px 15px;
    }
}
/* ------------------------------
 footer
------------------------------ */
.footer{
      margin-top: 5px;
      padding: 7px 0;
      display: block;
      /* border-top: #e4e4e4 1px solid; */
      font-size: 12px;
      line-height: 1.4em;
      text-align: center;
      font-style: normal;
      color: #0a0a0a;
}