@media screen and (min-width: 768px) {
 .fs-p-headerNavigation__listItem {
    min-width: auto;
    margin-right: 20px;
  }
  img.bnr-1{
  max-width: 200%;
    width: 104.5% !important;
    margin-left: -30px;
}
}

@media screen and (max-width: 768px){
td.top-td{
   display:block;
   width: 100%;
   text-align:center;
}
td.top-td iframe{
   max-width: 100%;
}
td.top-td video{
   max-width: 100%;
}
}

.wrap {
  display: flex;
  justify-content: center;
}
.youtube {
  max-width: 100%;
}

/*  サイドバー　製品カテゴリー*/
.mplan_left_side a:hover {
  background: #ffffff;
  color: #ffffff;
}

.mplan_left_side img {
   transition: 0.3s;
}

/*ホバー時に透明度50%*/
.mplan_left_side img:hover {
  opacity: 0.5;
}

.mplan_center_side img {
  transition: .3s;
}

/*ホバー時に透明度50%*/
.mplan_center_side img:hover {
  opacity: 0.5;
}

/* アイテムページ　ヘッダー　*/
.mplan_item_header h1 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 10px #1f5da0;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

.mplan_item_header h2 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
}

.mplan_item_header h2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
  font-weight: 900;
}


/* フリーページヘッダー　*/
.mplan_page_header h1 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #1f5da0;/*左線*/
  border-bottom: solid 2px #1f5da0;
}

.mplan_page_header h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #1f5da0;/*左線*/
  border-bottom: solid 1px #1f5da0;/*線の種類（実線） 太さ 色*/
}

.mplan_page_header h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #dc143c;/*左線*/
  border-bottom: solid 1px #808080;
  /*線の種類（実線） 太さ 色*/
}

.mplan_new_header h1 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}

.mplan_new_header h1:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

.mplan_new_header h2 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}
.mplan_new_header h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

/* フッター */
.mplan_ft_kawashin p {
  padding: 0.5em;
  background: #f4f4f4;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
  font-weight:bold;
}

.mplan_ft_kawashin h1 {
  position: relative;
  padding: 0.5em;
/*  background: #a6d3c8; */
  background: #1f5da0;
  color: white;
}

.mplan_ft_kawashin h1::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

.mplan_ft_kawashin h2 {
  position: relative;
  padding: 0.5em;
/*  background: #a6d3c8; */
  background: #1f5da0;
  color: white;
}

.mplan_ft_kawashin h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

/* テーブル */
.mplan_table table{
  border-collapse: collapse;
}
.mplan_table th,td{
  border: 0px;
}
.mplan_table h1 {
    font-weight: 700;
    font-size: 2.5rem;
    text-align: left;
    margin-top: 0px
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.mplan_table p {
    font-weight: 500;
}

/*  共通　*/

.mplan_common a{
  color: #000000;/*文字色*/
  text-decoration: none;
}
.mplan_common a:hover {
  color: #1f5da0;/*文字色*/
  text-decoration: none;
}

.mplan_common img a:hover{
  text-decoration: none;
}

.mplan_common img {
  transition: .3s;
}

/*ホバー時に透明度50%*/
.mplan_common img:hover {
  opacity: 0.5;
}
.mplan_common > li time:first-child {
    background: #1f5da0;
    color: #ffffff;
    line-height: 1.2;
    padding: 2px 4px 1.6px;
}

/* 赤まる */
.mplan_maru_red {
  height:50px;
  width:50px;
  border-radius:50%;
  line-height:50px;
  text-align:center;
  background:red;
  font-size:20px;
  /* margin-left:20px; */
  color: #ffffff;/*文字色*/
}

/*  青まる　*/
.mplan_maru_blue {
  height:50px;
  width:50px;
  border-radius:50%;
  line-height:50px;
  text-align:center;
  background:#1f5da0;
  font-size:20px;
  /* margin-left:20px; */
  color: #ffffff;/*文字色*/
}

/*  青四角　*/
.mplan_table_blue {
  text-align:center;
  background:#1f5da0;
  font-size:20px;
  color: #ffffff;/*文字色*/
}

/*商品ページ　数量*/
.fs-l-productLayout__item--2 .fs-c-productQuantityAndWishlist__quantity {
display: flex;
align-items: center;
max-width: none;
align-self: center
}

.fs-l-productLayout__item--2 .fs-c-quantity__select {
width: 100px;
height: 30px;
-webkit-appearance: none!important;
appearance: none!important;
margin-left: 20px;
}

.fs-l-productLayout__item--2 .fs-c-productQuantityAndWishlist__quantity::before {
content: "数量:";

}

header.fs-l-header {
    padding-top: 0;
}

div.fs-l-header__contents {
    background: url(https://kawashin.itembox.design/item/top_image.png) no-repeat;
    background-size: cover;
    color:#FFF;
    width: 100%;
    background-position: center center;
    }

ul.fs-p-headerUtilityMenu__list a:link{
    color:#FFF;
    }
ul.fs-p-headerUtilityMenu__list a:hover{
    color:#FFF;
    text-decoration: underline;
    }