@charset "UTF-8";
/* 切り替え
---------------------------------------------------------- */
.pc {
  display: none !important;
}
.sp {
  display: block !important;
}
/* 決まりごと
---------------------------------------------------------- */
img {
  max-width: 100%;
  vertical-align: bottom;
  line-height: 0px;
  display: block;
}
/* カテゴリー
---------------------------------------------------------- */
.category {
  font-size: 0.85rem;
}
/* キャッチタイトル */
.catch {
  font-size: 1.2rem;
}

/* ボタンまわり
---------------------------------------------------------- */
/* カテゴリコンテナ */
.M-btn-zone {
  display: flex;
  justify-content: center;
flex-direction: column;
}
/* ボタン_カテゴリ */
.m-btn {
  width: 80%;
  margin: 0.5rem 15% 0.5rem 5%;
  padding: calc(1rem - 12px) 1rem 1rem;
  font-size: 0.85rem;
}
.m-btn:hover {
  padding: calc(1rem - 6px) 1rem;
}

/* その他
---------------------------------------------------------- */
.OtanoshimiBox-P {
  width: auto;
  padding-left: 0px;
  margin-left: auto;
  margin-right: auto;
}
.ytbtn {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.YT-Box {
  width: 95%;
  margin-bottom: 20px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.YT-Box_b {
  width: 95%;
  margin-bottom: 20px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.YT-Box-Title {
  width: auto;
  height: auto;
  background-image: none;
  font-size: 14px;
  padding-left: 10px;
  background-repeat: no-repeat;
  padding-right: 46px;
  line-height: 1.4em;
  padding-top: 5px;
}
.YT-Box .mov iframe {
  width: 300px;
  height: 169px;
}
.DX-Box .mov iframe {
  width: 300px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.DX-Box {
  width: auto;
  margin-bottom: 20px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.YT-Box-Title3, .YT-Box-Title2, .YT-Box-Title1 {
  width: auto;
  height: auto;
  background-image: none;
  font-size: 15px;
  padding-top: 15px;
  background-repeat: no-repeat;
  padding-right: 5px;
  line-height: 1.4em;
  font-weight: bold;
  color: #0295BA;
  padding-left: 0px;
}
.thum-pic {
  width: 35%;
  float: left;
}
.thum-name {
  width: 60%;
  float: left;
  text-align: left;
  padding-left: 10px;
}
.thum-pic_ninki {
  width: 100%;
  float: left;
  padding-bottom: 10px;
}
.thum-name_ninki {
  width: 100%;
  float: left;
  text-align: left;
}

.MovInAcc {
  width: 100%;
  margin-right: 0px;
  float: none;
}
.accTit {
  margin: 0.3rem auto 1rem;
}