@charset "shift_jis";

@media screen and (min-width: 750px) {

/*--------------------------------------------------------------------------------画像スライド-------------------- */
.slider-wrapper {
  width: 96%;
  padding:0 2%;
  line-height: 1.5vw;
  overflow-x: auto;
}

.slider {
  width: 100%;
  height:auto;
  -webkit-overflow-scrolling: touch;
}

.slider > * {
  -webkit-transform: translateZ(0px);
}

.unit {
  width:12vw;
  margin-left:3.8vw;
  float: left;
}

.unit_image {
  display: block;
  width:12vw;
  height:8vw;
  margin:1vw auto;
  overflow-y:hidden;
}

.unit .img {
  text-align: center;
}

.unit_movie {
  float:left;
  width:32vw;
  height:20vw;
  margin-left:6.4vw;
  margin-bottom:3.8vw;
}
/*-------------------------------------------------------------------------------------------------------------------------- */

.mobile_blue{display:none;}
.mobile_orange{display:none;}

div.tabbox {
  margin: auto;
  padding: 0px;
  width: 98%;
}
div.tabbox ul.tabs {
  width:100%;
  margin:  0px;
  padding: 0px;
}
div.tabbox ul.tabs li {
  border-radius: 4px 4px 0px 0px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
  width: 50%;
  background-repeat: no-repeat;
  background-position: left top;
}
div.tabbox ul.tabs li.tab_img {
  width:100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}
div.tabbox ul.tabs li#tabA {
  margin:0;
  box-sizing:border-box;
}
div.tabbox ul.tabs li#tabB {
  margin:0;
  box-sizing:border-box;
}
div.tabbox ul.tabs a {
  display: block;
  padding: 5% 0px;
  height:auto;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
}
div.tabbox ul.tabs li.tab {
  background-color: gray;
}
div.tabbox ul.tabs a:link,
div.tabbox ul.tabs a:visited {
  text-decoration:none;
  color:gray;
}
div.tabbox div.tab {
  height: auto;
  overflow: auto;
  clear: left;
  border:1px solid #259df8;
  border-top:none;
  border-radius: 0px 0px 4px 4px;
}
div.tab div.tabbox_contents{
  width:100%;
  margin:auto;
  padding-bottom:1vw;
}
div.tabbox div#tab1 {
  background-color: #FFF;
  overflow: hidden;
}
div.tabbox div#tab2 {
  background-color: #FFF;
  border:1px solid #259df8;
  border-top:none;
}

div.tabbox_contents li {
  line-height:2vw;
  font-size: 1.4vw;
  text-align:left;
  font-weight:bolder;
  list-style: none;
}

div.tabbox_contents a {
  text-decoration:none;
}

  .tab img {
    width:9vw;
  }

hr{
  display: block;
  width: 94%;
  border-top:dashed 1px #b4c7e5;
  margin:1vw 3%;
}

  .img_block{
    width:100%;
    height:auto;
    float:left;
    text-align: center;
  }
  .img_block img{
    width:100%;
  }
  .img_block .new_on{
    width:20%;
    height:2vw;
/*    margin:0 auto;*/
    font-size: 1.4vw;
    line-height: 2vw;
    text-align: center;
    color:#fff;
    background-color:#fdb339;
    border-radius:6px;
  }
  .img_block .new_off{
    width:60%;
    height:2vw;
    margin:0 auto;
    font-size: 1.4vw;
    line-height: 2vw;
    text-align: center;
    border-radius:6px;
  }
  .item_title {
    margin:1vw auto 2.4vw;
  }

  .hide{
    display:none;
  }

  .video_frame {
    width: 32vw;
    height: 18vw;
  }

  .orange_item_title_1{
    background:#259df8;
    color: #FFFFFF;
    width: 80%;
    margin: 3vw auto 2vw auto;
    padding: 0.6vw;
    padding-left: 7%;
    font-weight: bold;
    font-size: 1.6vw;
    border-radius: 6px;
  }

  .orange_item_title_2{
    background:#259df8;
    color: #FFFFFF;
    width: 90.3%;
    margin: 1vw auto 0 auto;
    padding: 1vw;
    padding-left: 7%;
    font-weight: bold;
    font-size: 1.6vw;
    border-radius: 6px;
  }

  .accordion{
    cursor:pointer;
  }
  .accordion .orange_item_title_1{
    background-image: url("/com/images/accordion_down.png");
    background-repeat:no-repeat;
    background-position:2%;
    background-size:2.5% auto;
  }
  .accordion.bg02 .orange_item_title_1{
    background-image: url("/com/images/accordion_up.png");
    background-repeat:no-repeat;
    background-position:2%;
    background-size:2.5% auto;
  }

  .accordion .orange_item_title_2{
    background-image: url("/com/images/accordion_down.png");
    background-repeat:no-repeat;
    background-position:2%;
    background-size:2.5% auto;
  }
  .accordion.bg02 .orange_item_title_2{
    background-image: url("/com/images/accordion_up.png");
    background-repeat:no-repeat;
    background-position:2%;
    background-size:2.5% auto;
  }

}

@media screen and (max-width: 750px) {
/*--------------------------------------------------------------------------------画像スライド-------------------- */
  .slider-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .slider {
    width: 100%;
    height:auto;
    -webkit-overflow-scrolling: touch;
  }

  .unit {
    width:25.5vw;
    margin-left:5vw;
    margin-right:0;
    float: left;
  }

  .unit_image {
    display: block;
    width:25.5vw;
    height:19vw;
    margin:1vw auto;
    overflow-y:hidden;
  }

  .unit .img {
    text-align: center;
  }

/*-------------------------------------------------------------------------------------------------------------------------- */
div.tabbox {
  margin: auto;
  padding: 0px;
  width: 98%;
}
div.tabbox ul.tabs {
  width:100%;
  margin:  0px;
  padding: 0px;
}
div.tabbox ul.tabs li {
  border-radius: 4px 4px 0px 0px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
  width: 50%;
}
div.tabbox ul.tabs li.tab_img {
  width:100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}
div.tabbox ul.tabs li#tabA {
  margin:0;
  box-sizing:border-box;
}
div.tabbox ul.tabs li#tabB {
  margin:0;
  box-sizing:border-box;
}
 div.tabbox ul.tabs a {
  display: block;
  padding: 10% 0px;
  height:auto;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
}
div.tabbox ul.tabs li.tab {
  background-color: gray;
}
div.tabbox ul.tabs a:link,
div.tabbox ul.tabs a:visited {
  text-decoration:none;
  color:gray;
}
div.tabbox div.tab {
  height: auto;
  overflow: auto;
  clear: left;
  border:1px solid #259df8;
  border-top:none;
  border-radius: 0px 0px 4px 4px;
}
div.tab div.tabbox_contents{
  width:100%;
  margin:auto;
  padding-bottom:1vw;
}
div.tabbox div#tab1 {
  background-color: #FFF;
  overflow: hidden;
}
div.tabbox div#tab2 {
  background-color: #FFF;
  border:1px solid #259df8;
  border-top:none;
}

div.tabbox_contents li {
  text-align:left;
  font-weight:bolder;
  list-style: none;
    line-height:3.2vw;
    font-size: 2.8vw;
}

div.tabbox_contents li.comment {
  color: #000;
    line-height:4vw;
  font-size: 3.6vw;
}

div.tabbox_contents li.detail a{
    color:#259df8;
  font-weight:normal;
    line-height:3.4vw;
  font-size: 3vw;
}

div.tabbox_contents a {
  text-decoration:none;
}

hr{
  display: block;
  width: 94%;
  border-top:dashed 1px #b4c7e5;
  margin:0.5vw 3% 8.3vw 3%;
}

  .img_block{
/*    width:100%; */
    width:95%;
    height:auto;
    margin:0;
    margin-left:2.5%;
    float:left;
    text-align: center;
  }
  .img_block img{
    width: 100%;
  }

  .img_block .new_on{
    width:20%;
    height:4vw;
    font-size: 3.6vw;
    line-height:4vw;
    position: relative;
/*    left:5%; */
    left:10%;
/*    margin:0 auto; */
    text-align: center;
    background-color:#fdb339;
    color:#fff;
    border-radius:6px;
  }
  .img_block .new_off{
    width:90%;
    height:4vw;
    font-size: 3.6vw;
    line-height:4vw;
    margin:0 auto;
    text-align: center;
    border-radius:6px;
  }

  .item_title {
    margin:2.5vw auto 7vw;
  }

  .mobile_blue{
    margin:3vw auto;
    color:#259df8;
    text-align:center;
    font-size:3vw;
    line-height:6vw;
    position:relative;
  }
  .mobile_blue img{
    width:4vw;
  }
  .mobile_blue .left{
    position:absolute;
    left:20vw;
    top:0;
  }
  .mobile_blue .right{
    position:absolute;
    right:23vw;
    top:0;
  }

/*  .video_frame {
    width: 90%;
    height: 90%;
  } */
  .video_frame{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video_frame iframe {
    position: absolute;
    top: 0;
/*    left: 3%; */
    left: 0%;
    width: 100%;
    height: 100%;
  }

  .hide{
    display:none;
  }
  .orange_item_title_1{
    background:#259df8;
    color: #FFFFFF;
    width: 80%;
    margin: 12vw auto 2vw auto;
    padding: 3%;
    padding-left: 13%;
    font-weight: bold;
    font-size: 5.3vw;
    border-radius: 6px;
  }

  .orange_item_title_2{
    background:#259df8;
    color: #FFFFFF;
    width: 80%;
    margin: 4vw auto 0 auto;
    padding: 3%;
    padding-left: 13%;
    font-weight: bold;
    font-size: 5.3vw;
    border-radius: 6px;
  }

  .accordion{
    cursor:pointer;
  }
  .accordion .orange_item_title_1{
    background-image: url("/com/images/accordion_down.png");
    background-repeat:no-repeat;
    background-position:3%;
    background-size:6% auto;
  }
  .accordion.bg02 .orange_item_title_1{
    background-image: url("/com/images/accordion_up.png");
    background-repeat:no-repeat;
    background-position:3%;
    background-size:6% auto;
  }

  .accordion .orange_item_title_2{
    background-image: url("/com/images/accordion_down.png");
    background-repeat:no-repeat;
    background-position:3%;
    background-size:6% auto;
  }
  .accordion.bg02 .orange_item_title_2{
    background-image: url("/com/images/accordion_up.png");
    background-repeat:no-repeat;
    background-position:3%;
    background-size:6% auto;
  }

}