@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
/* 現行サイトのoriginal-css2の途中から */
/*** 20140129 ﾄﾉｵｭﾊｬ ***/
/*** ･ﾘ･ﾃ･ﾀ｡ｼﾍﾑ｡｡ﾁ・ﾁﾉｽｼｨﾊｬ ***/
.sitesoryo {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  position: absolute;
  top: -20px;
  left: 400px;
}

.sitesoryo a {
  color: #555555;
  text-decoration: none;
}

.sitesoryo a:hover {
  color: #555555;
  text-decoration: underline;
}

/**************************/
/*** 20140207 ﾄﾉｵｭﾊｬ ***/
/*** ･ｵ･､･ﾉ･皈ﾋ･蝪ｼｼｫｺ隆ﾑ｡｡ｾ・ﾋﾉｽｼｨ ***/
li.jin01 {
  margin: 0px;
  border-bottom: 1px dotted #fff;
  vertical-align: central;
}

li.jin01 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #000;
  background-color: #f66;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
}

li.jin01 a:hover {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

li.jin02 {
  margin: 0px;
  border-bottom: 1px solid #fff;
}

li.jin02 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #000;
  text-decoration: none;
  background-color: #fcc;
  height: 25px;
}

li.jin02 a:hover {
  color: #000;
  text-decoration: none;
  background-color: #f66;
}

li.kai01 {
  margin: 0px;
  border-bottom: 1px dotted #fff;
  vertical-align: central;
}

li.kai01 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  background-color: #693;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
}

li.kai01 a:hover {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}

li.kai02 {
  margin: 0px;
  border-bottom: 1px solid #fff;
}

li.kai02 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  text-decoration: none;
  background-color: #9c9;
  height: 25px;
}

li.kai02 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #693;
}

li.eiyo01 {
  margin: 0px;
  border-bottom: 1px dotted #fff;
  vertical-align: central;
}

li.eiyo01 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  background-color: #f93;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
}

li.eiyo01 a:hover {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}

li.eiyo02 {
  margin: 0px;
  border-bottom: 1px solid #fff;
}

li.eiyo02 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  text-decoration: none;
  background-color: #fc9;
  height: 25px;
}

li.eiyo02 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #f93;
}

li.teikaro01 {
  margin: 0px;
  border-bottom: 1px dotted #fff;
  vertical-align: central;
}

li.teikaro01 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  background-color: #39c;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
}

li.teikaro01 a:hover {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}

li.teikaro02 {
  margin: 0px;
  border-bottom: 1px solid #fff;
}

li.teikaro02 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  text-decoration: none;
  background-color: #9cf;
  height: 25px;
}

li.teikaro02 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #39c;
}

li.hijyo01 {
  margin: 0px;
  border-bottom: 1px dotted #fff;
  vertical-align: central;
}

li.hijyo01 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  background-color: #f33;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
}

li.hijyo01 a:hover {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}

li.hijyo02 {
  margin: 0px;
  border-bottom: 1px solid #fff;
}

li.hijyo02 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  text-decoration: none;
  background-color: #f99;
  height: 25px;
}

li.hijyo02 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #f33;
}

li.yohin01 {
  margin: 0px;
  border-bottom: 1px dotted #fff;
  vertical-align: central;
}

li.yohin01 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  background-color: #fc3;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
}

li.yohin01 a:hover {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}

li.yohin02 {
  margin: 0px;
  border-bottom: 1px solid #fff;
}

li.yohin02 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  text-decoration: none;
  background-color: #ffc;
  height: 25px;
}

li.yohin02 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #fc3;
}

li.sonota01 {
  margin: 0px;
  border-bottom: 1px dotted #fff;
  vertical-align: central;
}

li.sonota01 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  background-color: #c3f;
  font-weight: bold;
  text-decoration: none;
  height: 25px;
}

li.sonota01 a:hover {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}

li.sonota02 {
  margin: 0px;
  border-bottom: 1px solid #fff;
}

li.sonota02 a {
  padding: 5px 0px 0px 5px;
  display: block;
  color: #333333;
  text-decoration: none;
  background-color: #c9f;
  height: 25px;
}

li.sonota02 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #c3f;
}

/**************************/
/*** 20140219 ﾄﾉｵｭﾊｬ ***/
/***｡｡･ﾚ｡ｼ･ｸﾊｸﾋ・｡､ｴﾍ・ﾑｰﾆﾆ筍｡***/
.shop_navi {
  width: 100%;
  background-color: #06f;
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 20px;
  padding-top: 3px;
}

.shop_navi_box {
  width: 640px;
}

.shop_title_l {
  background-color: #0cf;
  width: 315px;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  height: 20px;
  color: #fff;
  padding-top: 3px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.shop_title_l2 {
  width: 315px;
  text-align: right;
  margin-top: 3px;
}

.shop_title_l3 {
  width: 300px;
  margin: 0px 0px 10px 7px;
}

.shop_title_l4 {
  width: 310px;
  margin: 0px 0px 0px 5px;
}

.shop_title_r {
  background-color: #0cf;
  width: 315px;
  margin: 5px 0px 5px 5px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  height: 20px;
  color: #fff;
  padding-top: 3px;
}

.shop_title_r2 {
  width: 315px;
  text-align: left;
  margin: 0px 0px 0px 5px;
}

/**************************/
/*** 201400304 ﾄﾉｵｭﾊｬ ***/
.hot_news {
  width: 475px;
  padding: 5px 0px 10px 15px;
  background-color: #fcc;
}

/**************************/
/*** ･ﾞ･鵐ﾊ･鵐ﾒ･ｫ･・ﾑ･ﾕ･ｩ･鵐ﾈ ***/
.mannan_font {
  font-family: "AR PﾌﾀﾄｫﾂﾎL";
  color: #333;
}

/**************************/
/*** 201400826 ﾄﾉｵｭﾊｬ ｡ﾊ･ﾆ｡ｼ･ﾖ･・筵ﾆ･ｭ･ｹ･ﾈｰﾌﾃﾖ｡ﾋ***/
.narabi {
  text-align: center;
  vertical-align: top;
  background-color: #fff;
}

/*** 20140926 ﾄﾉｵｭﾊｬ ｡ﾊ･ｫ･ﾆ･ｴ･・ｿ･､･ﾈ･・ﾋ***/
.ta1 {
  font-size: 18px;
  font-weight: bold;
}

.categori_title01 {
  border-style: none none solid solid;
  border-left-width: 6px;
  text-align: left;
  width: 720px;
  border-color: #fcc;
  border-bottom-width: 1px;
  font-size: 1;
}

/**************************/
/*** 20150911 ﾄﾉｵｭﾊｬ ｡ﾊﾇ网､ﾊｪ･ｫ･ｴ｡ﾋ***/
.step {
  font-size: 20px;
}

/*** 20150930 ﾄﾉｵｭﾊｬ ｡ﾊ･ﾘ･ﾃ･ﾀ｡ｼ｡ﾋ***/
.main_title {
  font-size: 10px;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  position: absolute;
  top: -20px;
  left: 4px;
  padding-left: 5px;
  height: 20px;
  background-color: FF3366;
  color: #fff;
}

/************ネオハイトロミールシリーズ*************/
.neo {
  line-height: 225%;
  background-color: #666;
}

.neo tr {
  text-align: center;
  background-color: #fff;
}

/************リンク画像を光らす*************/
a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

/************インフォボックス*************/
#infoBox {
  background: url(https://www.b-style-msc.com/pic-labo/infobox_bk1.jpg) no-repeat top;
  bottom: 5px;
  margin: 0px;
  padding: 6px 5px;
  position: fixed;
  right: 10px;
  text-align: center;
  width: 60px;
  height: 343px;
}

#infoBox ul {
  margin: -4px 0px 0px;
  padding: 0px;
}

#infoBox li {
  list-style-type: none;
  margin-bottom: 2px;
}

#infoBox img {
  vertical-align: bottom;
}

.listcat1 .sitelink {
  background: url(https://www.b-style-msc.com/pic-labo/pic-labo/icon.png) no-repeat left;
  background-position-x: 169px;
}

li.listcat1 {
  background: url(https://www.b-style-msc.com/pic-labo/pic-labo/footer_bg.gif) repeat;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.1em;
}

/*****リンクの行間*********/
.link_interval {
  line-height: 150%;
}

/*****商品ページ内タイトルの空間*********/
.s_title　 {
  margin-bottom: 3px;
}

.side_menu_jin {
  width: 165px;
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  text-align: left;
}

.side_menu_jin ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side_menu_jin li {
  list-style: none outside;
  margin: 0;
  padding: 0;
  border-bottom: dashed;
  border-bottom-color: #fff;
  border-bottom-width: 2px;
}

.side_menu_jin li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding-left: 5px;
  background: #fcc;
  text-align: left;
}

.side_menu_jin li a:link {
  color: #333;
  background: #fcc;
}

.side_menu_jin li a:hover {
  color: #333;
  background: #f99;
}

.side_menu_jin li a:visited {
  color: #333;
}

.side_menu_jin li a:active {
  color: #333;
  background: #f99;
}

.side_menu_kai {
  width: 165px;
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  text-align: left;
}

.side_menu_kai ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side_menu_kai li {
  list-style: none outside;
  margin: 0;
  padding: 0;
  border-bottom: dashed;
  border-bottom-color: #fff;
  border-bottom-width: 2px;
}

.side_menu_kai li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding-left: 5px;
  background: #9c6;
  text-align: left;
}

.side_menu_kai li a:link {
  color: #333;
  background: #9c6;
}

.side_menu_kai li a:hover {
  color: #333;
  background: #390;
}

.side_menu_kai li a:visited {
  color: #333;
}

.side_menu_kai li a:active {
  color: #333;
  background: #390;
}

.side_menu_eiyo {
  width: 165px;
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  text-align: left;
}

.side_menu_eiyo ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side_menu_eiyo li {
  list-style: none outside;
  margin: 0;
  padding: 0;
  border-bottom: dashed;
  border-bottom-color: #fff;
  border-bottom-width: 2px;
}

.side_menu_eiyo li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding-left: 5px;
  background: #ffcc99;
  text-align: left;
}

.side_menu_eiyo li a:link {
  color: #333;
  background: #ffcc99;
}

.side_menu_eiyo li a:hover {
  color: #333;
  background: #f93;
}

.side_menu_eiyo li a:visited {
  color: #333;
}

.side_menu_eiyo li a:active {
  color: #333;
  background: #f93;
}

.side_menu_teikaro {
  width: 165px;
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  text-align: left;
}

.side_menu_teikaro ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side_menu_teikaro li {
  list-style: none outside;
  margin: 0;
  padding: 0;
  border-bottom: dashed;
  border-bottom-color: #fff;
  border-bottom-width: 2px;
}

.side_menu_teikaro li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding-left: 5px;
  background: #66ccff;
  text-align: left;
}

.side_menu_teikaro li a:link {
  color: #333;
  background: #66ccff;
}

.side_menu_teikaro li a:hover {
  color: #333;
  background: #0099ff;
}

.side_menu_teikaro li a:visited {
  color: #333;
}

.side_menu_teikaro li a:active {
  color: #333;
  background: #0099ff;
}

.side_menu_hijyo {
  width: 165px;
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  text-align: left;
}

.side_menu_hijyo ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side_menu_hijyo li {
  list-style: none outside;
  margin: 0;
  padding: 0;
  border-bottom: dashed;
  border-bottom-color: #fff;
  border-bottom-width: 2px;
}

.side_menu_hijyo li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding-left: 5px;
  background: #ff9999;
  text-align: left;
}

.side_menu_hijyo li a:link {
  color: #333;
  background: #ff9999;
}

.side_menu_hijyo li a:hover {
  color: #333;
  background: #ff3333;
}

.side_menu_hijyo li a:visited {
  color: #333;
}

.side_menu_hijyo li a:active {
  color: #333;
  background: #ff3333;
}

.side_menu_kaiyo {
  width: 165px;
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  text-align: left;
}

.side_menu_kaiyo ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side_menu_kaiyo li {
  list-style: none outside;
  margin: 0;
  padding: 0;
  border-bottom: dashed;
  border-bottom-color: #fff;
  border-bottom-width: 2px;
}

.side_menu_kaiyo li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding-left: 5px;
  background: #ffffcc;
  text-align: left;
}

.side_menu_kaiyo li a:link {
  color: #333;
  background: #ffffcc;
}

.side_menu_kaiyo li a:hover {
  color: #333;
  background: #ffcc33;
}

.side_menu_kaiyo li a:visited {
  color: #333;
}

.side_menu_kaiyo li a:active {
  color: #333;
  background: #ffcc33;
}

.side_menu_sonota {
  width: 165px;
  margin: 0;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  text-align: left;
}

.side_menu_sonota ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side_menu_sonota li {
  list-style: none outside;
  margin: 0;
  padding: 0;
  border-bottom: dashed;
  border-bottom-color: #fff;
  border-bottom-width: 2px;
}

.side_menu_sonota li a {
  text-decoration: none;
  width: 100%;
  display: block;
  padding-left: 5px;
  background: #ccf;
  text-align: left;
}

.side_menu_sonota li a:link {
  color: #333;
  background: #ccf;
}

.side_menu_sonota li a:hover {
  color: #333;
  background: #c6f;
}

.side_menu_sonota li a:visited {
  color: #333;
}

.side_menu_sonota li a:active {
  color: #333;
  background: #c6f;
}

.spec {
  max-width: 720px;
  border-spacing: 1px;
  border-collapse: separate;
}

.spec tr td {
  padding: 5;
}

.seibun {
  max-width: 720px;
  border-spacing: 2px;
  border-collapse: separate;
  table-layout: fixed;
}

.seibun tr td {
  height: 30px;
  padding: 5;
}

.jin_kategori_title {
  width: 94%;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #f99;
  margin-bottom: 7px;
}

.jin_kategori_title div {
  background-color: #fcc;
  padding: 10px 0px 10px 5px;
}

.jin_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.kai_kategori_title {
  width: 94%;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #693;
  margin-bottom: 7px;
}

.kai_kategori_title div {
  background-color: #9c6;
  padding: 10px 0px 10px 5px;
}

.kai_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.eiyo_kategori_title {
  width: 94%;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #f30;
  margin-bottom: 7px;
}

.eiyo_kategori_title div {
  background-color: #fc9;
  padding: 10px 0px 10px 5px;
}

.eiyo_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.teikaro_kategori_title {
  width: 94%;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #39f;
  margin-bottom: 7px;
}

.teikaro_kategori_title div {
  background-color: #6cf;
  padding: 10px 0px 10px 5px;
}

.teikaro_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.hijyo_kategori_title {
  width: 94%;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #c00;
  margin-bottom: 7px;
}

.hijyo_kategori_title div {
  background-color: #f99;
  padding: 10px 0px 10px 5px;
}

.hijyo_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.kaiyo_kategori_title {
  width: 94%;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #f93;
  margin-bottom: 7px;
}

.kaiyo_kategori_title div {
  background-color: #ffc;
  padding: 10px 0px 10px 5px;
}

.kaiyo_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.sonota_kategori_title {
  width: 94%;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #639;
  margin-bottom: 7px;
}

.sonota_kategori_title div {
  background-color: #ccf;
  padding: 10px 0px 10px 5px;
}

.sonota_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.shisetu_kategori_title {
  width: 94%;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #39c;
  margin-bottom: 7px;
}

.shisetu_kategori_title div {
  background-color: #6ff;
  padding: 10px 0px 10px 5px;
}

.shisetu_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.kategori_ranking {
  width: 720px;
  border-spacing: 2px;
  border-collapse: separate;
  table-layout: fixed;
  background-color: #ffcc33;
}

.kategori_ranking tr {
  background-color: #fff;
  vertical-align: top;
}

.kategori_ranking tr td {
  padding: 5;
  text-align: center;
}

.campaign_kategori_title {
  width: 715px;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
  background-color: #f00;
  margin-bottom: 7px;
}

.campaign_kategori_title div {
  background-color: #f9c;
  padding: 10px 0px 10px 5px;
}

.campaign_kategori_title div h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.ruiji {
  max-width: 720px;
  border-spacing: 2px;
  border-collapse: separate;
  table-layout: fixed;
}

.ruiji tr {
  text-align: center;
  background-color: #fff;
  vertical-align: top;
}

.ruiji tr td {
  padding: 3px;
}

#yasakon {
  font-weight: bold;
  color: #fff;
  margin: 0px;
  padding: 0px;
}

#yasakon a {
  /*リンクされた文字*/
  color: #fff;
  text-decoration: none;
}

#yasakon a:link {
  /*未訪問のリンク*/
  color: #fff;
  text-decoration: none;
}

#yasakon a:visited {
  /*訪問後のリンク*/
  color: #fff;
  text-decoration: none;
}

#yasakon a:hover {
  /*マウスをのせたとき*/
  color: #f00;
  text-decoration: none;
}

#yasakon a:active {
  /*クリック中*/
  text-decoration: none;
}

/*reset--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  border: 0;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

b, strong {
  font-weight: bold;
}

address {
  font-style: normal;
}

button {
  display: block;
  border: none;
  outline: none;
  appearance: none;
  background-color: transparent;
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 900;
  src: url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Black.eot?") format("eot"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Black.woff") format("woff"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: bold;
  src: url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Bold.eot?") format("eot"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: Medium;
  src: url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Medium.eot?") format("eot"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 500;
  src: url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Regular.eot?") format("eot"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-DemiLight.eot?") format("eot"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 300;
  src: url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Light.eot?") format("eot"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 200;
  src: url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Thin.eot?") format("eot"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Thin.woff") format("woff"), url("https://www.b-style-msc.com/fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2");
}
/*共通設定*/
body {
  color: #444;
  font-family: "YakuhanJP", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.05rem;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 15px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "YakuhanJP", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  line-height: 1.8;
  letter-spacing: 0.05rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1.5;
  }
}

button,
option,
input {
  font-family: "YakuhanJP", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

a {
  color: inherit;
}
a:visited {
  color: #444;
}
a:hover {
  color: #079ac9;
}

button:hover,
a:hover {
  transition: 0.2s ease-in-out;
}

.arrow-r {
  position: relative;
}
.arrow-r:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(45deg);
}

/*color---------------------------------*/
.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fs-12 {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .fs-12 {
    font-size: 10px;
  }
}

.fs-13 {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .fs-13 {
    font-size: 11px;
  }
}

.fs-15 {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .fs-15 {
    font-size: 13px;
  }
}

.fs-16 {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .fs-16 {
    font-size: 15px;
  }
}

.fs-18 {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .fs-18 {
    font-size: 15px;
  }
}

.fs-20 {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .fs-20 {
    font-size: 18px;
  }
}

.fs-22 {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .fs-22 {
    font-size: 18px;
  }
}

.fs-24 {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .fs-24 {
    font-size: 20px;
  }
}

.fs-30 {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .fs-30 {
    font-size: 24px;
  }
}

.fs-35 {
  font-size: 35px;
}
@media screen and (max-width: 768px) {
  .fs-35 {
    font-size: 26px;
  }
}

/*text color---------------------------------*/
.fc-w {
  color: #fff;
}

/*background---------------------------------*/
.bg_blue {
  background-color: #f0fafa;
}

.bg_white {
  background-color: #fff;
}

/*align---------------------------------*/
.alL {
  text-align: left !important;
}

.alR {
  text-align: right !important;
}

.alC {
  text-align: center !important;
}

/*width---------------------------------*/
.page-width {
  max-width: 1230px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.over-width {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

/*margin---------------------------------*/
.mb0 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .mb0 {
    margin-bottom: 0 !important;
  }
}

.mb10 {
  margin-bottom: 10px !important;
}
@media screen and (max-width: 768px) {
  .mb10 {
    margin-bottom: 5px !important;
  }
}

.mb20 {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 768px) {
  .mb20 {
    margin-bottom: 10px !important;
  }
}

.mb30 {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 768px) {
  .mb30 {
    margin-bottom: 15px !important;
  }
}

.mb40 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 768px) {
  .mb40 {
    margin-bottom: 20px !important;
  }
}

.mb50 {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 768px) {
  .mb50 {
    margin-bottom: 25px !important;
  }
}

.mb60 {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 768px) {
  .mb60 {
    margin-bottom: 30px !important;
  }
}

.mb80 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 768px) {
  .mb80 {
    margin-bottom: 40px !important;
  }
}

.mb100 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 768px) {
  .mb100 {
    margin-bottom: 50px !important;
  }
}

.mt0 {
  margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .mt0 {
    margin-top: 0 !important;
  }
}

.mt10 {
  margin-top: 10px !important;
}
@media screen and (max-width: 768px) {
  .mt10 {
    margin-top: 5px !important;
  }
}

.mt20 {
  margin-top: 20px !important;
}
@media screen and (max-width: 768px) {
  .mt20 {
    margin-top: 10px !important;
  }
}

.mt30 {
  margin-top: 30px !important;
}
@media screen and (max-width: 768px) {
  .mt30 {
    margin-top: 15px !important;
  }
}

.mt40 {
  margin-top: 40px !important;
}
@media screen and (max-width: 768px) {
  .mt40 {
    margin-top: 20px !important;
  }
}

.mt50 {
  margin-top: 50px !important;
}
@media screen and (max-width: 768px) {
  .mt50 {
    margin-top: 25px !important;
  }
}

.mt60 {
  margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .mt60 {
    margin-top: 30px !important;
  }
}

.mt80 {
  margin-top: 80px !important;
}
@media screen and (max-width: 768px) {
  .mt80 {
    margin-top: 40px !important;
  }
}

.mt100 {
  margin-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .mt100 {
    margin-top: 50px !important;
  }
}

/*padding---------------------------------*/
.pb0 {
  padding-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .pb0 {
    padding-bottom: 0 !important;
  }
}

.pb10 {
  padding-bottom: 10px !important;
}
@media screen and (max-width: 768px) {
  .pb10 {
    padding-bottom: 5px !important;
  }
}

.pb20 {
  padding-bottom: 20px !important;
}
@media screen and (max-width: 768px) {
  .pb20 {
    padding-bottom: 10px !important;
  }
}

.pb30 {
  padding-bottom: 30px !important;
}
@media screen and (max-width: 768px) {
  .pb30 {
    padding-bottom: 15px !important;
  }
}

.pb40 {
  padding-bottom: 40px !important;
}
@media screen and (max-width: 768px) {
  .pb40 {
    padding-bottom: 20px !important;
  }
}

.pb50 {
  padding-bottom: 40px !important;
}
@media screen and (max-width: 768px) {
  .pb50 {
    padding-bottom: 25px !important;
  }
}

.pb60 {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 768px) {
  .pb60 {
    padding-bottom: 30px !important;
  }
}

.pb80 {
  padding-bottom: 80px !important;
}
@media screen and (max-width: 768px) {
  .pb80 {
    padding-bottom: 40px !important;
  }
}

.pb100 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 768px) {
  .pb100 {
    padding-bottom: 50px !important;
  }
}

.pb120 {
  padding-bottom: 120px !important;
}
@media screen and (max-width: 768px) {
  .pb120 {
    padding-bottom: 60px !important;
  }
}

.pt0 {
  padding-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .pt0 {
    padding-top: 0 !important;
  }
}

.pt10 {
  padding-top: 10px !important;
}
@media screen and (max-width: 768px) {
  .pt10 {
    padding-top: 5px !important;
  }
}

.pt20 {
  padding-top: 20px !important;
}
@media screen and (max-width: 768px) {
  .pt20 {
    padding-top: 10px !important;
  }
}

.pt30 {
  padding-top: 30px !important;
}
@media screen and (max-width: 768px) {
  .pt30 {
    padding-top: 15px !important;
  }
}

.pt40 {
  padding-top: 40px !important;
}
@media screen and (max-width: 768px) {
  .pt40 {
    padding-top: 20px !important;
  }
}

.pt50 {
  padding-top: 50px !important;
}
@media screen and (max-width: 768px) {
  .pt50 {
    padding-top: 25px !important;
  }
}

.pt60 {
  padding-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .pt60 {
    padding-top: 30px !important;
  }
}

.pt80 {
  padding-top: 80px !important;
}
@media screen and (max-width: 768px) {
  .pt80 {
    padding-top: 40px !important;
  }
}

.pt100 {
  padding-top: 100px !important;
}
@media screen and (max-width: 768px) {
  .pt100 {
    padding-top: 50px !important;
  }
}

.pt120 {
  padding-top: 120px !important;
}
@media screen and (max-width: 768px) {
  .pt120 {
    padding-top: 60px !important;
  }
}

/*layout---------------------------------*/
.flex_wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .flex_wrap {
    flex-flow: column wrap;
  }
}

/*only*/
.pc_only {
  display: block;
}
@media screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_only {
    display: block;
  }
}

/*ヘッダー*/
header {
  height: 148px;
}
@media screen and (max-width: 1200px) {
  header {
    height: 85px;
  }
}

.header_block {
  padding: 0 20px 0 50px;
  height: 148px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  gap: 10px;
  background-color: #fff;
  z-index: 1000;
}
@media screen and (max-width: 1200px) {
  .header_block {
    padding: 0;
    flex-wrap: wrap;
    height: 85px;
    align-items: flex-start;
  }
}
.header_block.scroll {
  border-bottom: solid 1px #eaeaea;
}
.header_block .h_obi {
  display: none;
}
@media screen and (max-width: 1200px) {
  .header_block .h_obi {
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #079ac9;
    color: #fff;
    font-size: 11px;
  }
}
.header_block .h_sp_left {
  display: none;
}
@media screen and (max-width: 1200px) {
  .header_block .h_sp_left {
    display: block;
    padding-left: 15px;
  }
}
.header_block .h_sp_left ul {
  display: flex;
  gap: 5px;
}
.header_block .h_sp_left a {
  text-align: center;
  width: 55px;
}
@media screen and (max-width: 576px) {
  .header_block .h_sp_left a {
    width: 40px;
  }
}
.header_block .h_sp_left .icon {
  line-height: 1;
}
.header_block .h_sp_left .text {
  margin-top: 5px;
  font-size: 7px;
}
@media screen and (max-width: 768px) {
  .header_block .h_sp_left .text {
    margin-top: 8px;
  }
}
.header_block .h_sp_left #js-hamburger {
  width: 55px;
  cursor: pointer;
}
@media screen and (max-width: 576px) {
  .header_block .h_sp_left #js-hamburger {
    width: 40px;
  }
}
.header_block .h_sp_left #js-hamburger .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 13px;
  margin: 0 auto;
}
.header_block .h_sp_left #js-hamburger span,
.header_block .h_sp_left #js-hamburger span::before,
.header_block .h_sp_left #js-hamburger span::after {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background-color: #444;
  transition: 0.2s ease-in-out;
}
.header_block .h_sp_left #js-hamburger span::before, .header_block .h_sp_left #js-hamburger span::after {
  position: absolute;
  left: 0;
}
.header_block .h_sp_left #js-hamburger span::before {
  top: 0;
}
.header_block .h_sp_left #js-hamburger span::after {
  bottom: 0;
}
.header_block .h_sp_left #js-hamburger .text {
  margin-top: 10px;
  color: #444;
}
.header_block .h_sp_left #js-hamburger.active span {
  background-color: transparent;
}
.header_block .h_sp_left #js-hamburger.active span::before, .header_block .h_sp_left #js-hamburger.active span::after {
  background-color: #444;
}
.header_block .h_sp_left #js-hamburger.active span::before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.header_block .h_sp_left #js-hamburger.active span::after {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%) rotate(-45deg);
}
.header_block .h_logo .copy {
  margin-bottom: 10px;
  font-size: 12px;
}
@media screen and (max-width: 1500px) {
  .header_block .h_logo .copy {
    font-size: 10px;
  }
}
@media screen and (max-width: 1200px) {
  .header_block .h_logo .copy {
    display: none;
  }
}
.header_block .h_logo .ttl {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
@media screen and (max-width: 1200px) {
  .header_block .h_logo .ttl {
    align-items: center;
    flex-direction: column;
    gap: 2px;
  }
}
.header_block .h_logo .ttl:hover {
  color: #444;
}
.header_block .h_logo .photo {
  max-width: 150px;
}
@media screen and (max-width: 1200px) {
  .header_block .h_logo .photo {
    max-width: 90px;
  }
}
.header_block .h_logo .photo h1 {
  line-height: 1;
}
.header_block .h_logo .text {
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 1500px) {
  .header_block .h_logo .text {
    font-size: 11px;
  }
}
@media screen and (max-width: 1200px) {
  .header_block .h_logo .text {
    font-size: 8px;
    transform-origin: center top;
  }
}
.header_block .h_menu .top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 35px;
}
@media screen and (max-width: 1200px) {
  .header_block .h_menu .top {
    display: none;
  }
}
.header_block .h_menu .bot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.header_block .h_search {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .header_block .h_search {
    display: none;
  }
}
.header_block .h_search form,
.header_block .h_search .search_box {
  display: flex;
}
.header_block .h_search form > #mid_www,
.header_block .h_search .search_box > #mid_www {
  width: 100%;
}
.header_block .h_search input[type=text] {
  width: 100%;
  padding: 0 15px;
  border: solid 1px rgba(112, 112, 112, 0.5);
  line-height: 38px;
  border-radius: 5px 0 0 5px;
}
.header_block .h_search input[type=image] {
  padding: 10px;
  width: 43px;
  background-color: #444;
  color: #fff;
  line-height: 38px;
  border-radius: 0 5px 5px 0;
  transition: 0.2s ease-in-out;
}
.header_block .h_search input[type=image]:hover {
  background-color: #079ac9;
}
.header_block .h_guide ul {
  display: flex;
}
.header_block .h_guide li {
  padding: 0 10px;
  font-size: 15px;
  line-height: 1.1;
  white-space: nowrap;
}
@media screen and (max-width: 1500px) {
  .header_block .h_guide li {
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .header_block .h_guide li {
    font-size: 10px;
  }
}
.header_block .h_guide li:not(:last-child) {
  border-right: solid 1px #666;
}
@media screen and (max-width: 1200px) {
  .header_block .h_cate {
    display: none;
  }
}
.header_block .h_cate .list {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 1500px) {
  .header_block .h_cate .list {
    gap: 20px;
  }
}
.header_block .h_cate .cate:hover .sub {
  opacity: 1;
  visibility: visible;
}
.header_block .h_cate .cate:hover > a {
  color: #444;
}
.header_block .h_cate .cate:hover > a::before {
  position: absolute;
  display: block;
  content: "";
  height: 41px;
  width: 100%;
  border-bottom: solid #079ac9 2px;
  left: 0;
  bottom: -41px;
}
.header_block .h_cate .cate:hover > a::after {
  transform: translateY(-50%) rotate(-45deg);
}
.header_block .h_cate .cate > a {
  position: relative;
  padding-right: 25px;
}
@media screen and (max-width: 1500px) {
  .header_block .h_cate .cate > a {
    font-size: 12px;
  }
}
.header_block .h_cate .cate > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #079ac9;
  border-right: solid 2px #079ac9;
  transform: translateY(-50%) rotate(135deg);
  transition: 0.2s ease-in-out;
}
.header_block .h_cate .sub {
  opacity: 0;
  visibility: hidden;
  padding-bottom: 20px;
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 148px);
  overflow-y: scroll;
  z-index: 200;
  border: solid 1px #eaeaea;
}
.header_block .h_cate .sub .sub_cate {
  display: flex;
  justify-content: center;
}
.header_block .h_cate .sub .col.parent {
  max-width: 400px;
  width: 33.3333333333%;
}
.header_block .h_cate .sub .col.parent .sub_list a {
  font-size: 20px;
  font-weight: 700;
}
.header_block .h_cate .sub .col:nth-child(2) {
  max-width: 800px;
  width: 66.6666666667%;
}
.header_block .h_cate .sub .col:nth-child(2) > .sub_list {
  width: 50%;
  position: relative;
}
.header_block .h_cate .sub .col:nth-child(2) > .sub_list > li:hover .sub_sub {
  display: block;
}
.header_block .h_cate .sub .sub_list a {
  display: block;
  padding: 15px 30px;
  position: relative;
}
.header_block .h_cate .sub .sub_list a:hover {
  color: #444;
  background-color: #e4f4f9;
}
.header_block .h_cate .sub .sub_list a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #079ac9;
  border-right: solid 2px #079ac9;
  transform: translateY(-50%) rotate(45deg);
}
.header_block .h_cate .sub .sub_sub {
  display: none;
  background-color: #e4f4f9;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
@media screen and (max-width: 1200px) {
  .header_block .h_link {
    padding-right: 15px;
  }
}
.header_block .h_link ul {
  display: flex;
  gap: 5px;
}
.header_block .h_link .tel {
  padding: 10px;
  display: block;
  background-color: #079ac9;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .header_block .h_link .tel {
    display: none;
  }
}
.header_block .h_link .tel:hover {
  opacity: 0.7;
}
.header_block .h_link .tel:hover img {
  opacity: 1;
}
.header_block .h_link .tel_top {
  display: flex;
  align-items: center;
  gap: 5px;
}
.header_block .h_link .tel_top .photo img {
  vertical-align: middle;
}
.header_block .h_link .tel_top .num {
  color: #f6f281;
  font-family: "YakuhanJP", "Roboto", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 22px;
}
.header_block .h_link .tel_bot {
  margin-top: 5px;
  font-size: 13px;
  text-align: center;
}
.header_block .h_link .member,
.header_block .h_link .cart {
  width: 70px;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
  transition: 0;
}
@media screen and (max-width: 1200px) {
  .header_block .h_link .member,
  .header_block .h_link .cart {
    font-size: 7px;
    width: 55px;
  }
}
@media screen and (max-width: 576px) {
  .header_block .h_link .member,
  .header_block .h_link .cart {
    width: 40px;
  }
}
.header_block .h_link .member .hover,
.header_block .h_link .cart .hover {
  display: none;
}
.header_block .h_link .member:hover .icon img,
.header_block .h_link .cart:hover .icon img {
  display: none;
}
.header_block .h_link .member:hover .icon .hover,
.header_block .h_link .cart:hover .icon .hover {
  display: inline-block;
}
.header_block .h_link .member .text0.login,
.header_block .h_link .cart .text0.login {
  display: none;
}
.header_block .h_link .member .text1.logout,
.header_block .h_link .cart .text1.logout {
  display: none;
}
.header_block .h_link .member:hover {
  color: #079ac9;
}
.header_block .h_link .cart {
  color: #87b527;
}
.header_block .h_link .cart:hover {
  color: #666;
}

/*フッター*/
footer {
  background: transparent;
  height: auto;
}

.f_contact {
  display: flex;
}
.f_contact > div {
  width: 50%;
}
.f_contact a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 100px 15px;
  text-align: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .f_contact a {
    padding: 25px 15px;
  }
}
.f_contact a:hover .icon img {
  display: none;
}
.f_contact a:hover .icon .hover {
  display: inline-block;
}
.f_contact .icon .hover {
  display: none;
}
.f_contact .text {
  margin-top: 30px;
  font-size: 40px;
  font-weight: 900;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
@media screen and (max-width: 768px) {
  .f_contact .text {
    margin-top: 20px;
    font-size: 18px;
  }
}
.f_contact .time {
  margin-top: 20px;
  font-size: 16px;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .f_contact .time {
    margin-top: 10px;
    font-size: 11px;
  }
}
.f_contact .tel a {
  background-color: #079ac9;
  color: #fff;
}
.f_contact .tel a:hover {
  opacity: 1;
  background-color: #e5f5fa;
  color: #079ac9;
}
.f_contact .mail a {
  background-color: #e5f5fa;
  color: #079ac9;
}
.f_contact .mail a:hover {
  opacity: 1;
  background-color: #079ac9;
  color: #fff;
}
.f_contact .mail .text {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .f_contact .mail .text {
    font-size: 14px;
  }
}

.f_cate {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .f_cate {
    margin-top: 25px;
  }
}
.f_cate .ttl {
  margin-bottom: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .f_cate .ttl {
    font-size: 14px;
  }
}
.f_cate .list_box {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .f_cate .list_box {
    font-size: 13px;
    gap: 35px;
  }
}
.f_cate .col {
  width: calc((100% - 30px) / 4);
}
@media screen and (max-width: 768px) {
  .f_cate .col {
    width: 100%;
  }
}
.f_cate .parent a {
  color: #079ac9;
  font-weight: 700;
}
.f_cate .parent a::before {
  content: "・";
}
.f_cate .child {
  margin-top: 15px;
  padding-left: 0.6em;
}
@media screen and (max-width: 768px) {
  .f_cate .child ul {
    column-count: 2;
  }
}
.f_cate .child li:nth-child(n+2) {
  margin-top: 10px;
}

.f_guide {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .f_guide {
    margin-top: 40px;
  }
}
.f_guide .guide_box {
  display: flex;
  flex-wrap: wrap;
}
.f_guide .guide_box .left {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .f_guide .guide_box .left {
    width: 100%;
  }
}
.f_guide .guide_box .right {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .f_guide .guide_box .right {
    width: 100%;
  }
}
.f_guide .f_navi {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .f_guide .f_navi {
    gap: 40px;
  }
}
.f_guide .f_navi .col {
  width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 768px) {
  .f_guide .f_navi .col {
    width: 100%;
  }
}
.f_guide .f_navi .ttl {
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .f_guide .f_navi .ttl {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .f_guide .f_navi ul {
    column-count: 2;
  }
}
.f_guide .f_navi li {
  position: relative;
  padding-left: 0.6em;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .f_guide .f_navi li {
    font-size: 13px;
  }
}
.f_guide .f_navi li::before {
  content: "・";
  color: #079ac9;
  position: absolute;
  top: 0;
  left: 0;
}
.f_guide .f_navi li:nth-child(n+2) {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .f_guide .f_navi .sns {
    display: none;
  }
}
.f_guide .f_navi .sns ul {
  display: flex;
  gap: 25px;
}
.f_guide .f_navi .sns li {
  padding: 0;
}
.f_guide .f_navi .sns li::before {
  display: none;
}
.f_guide .f_navi .sns li:nth-child(n+1) {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .f_guide #f_calendar {
    margin-top: 40px;
  }
}
.f_guide #f_calendar #subc_calendar {
  margin-left: auto;
  width: 100%;
  max-width: 220px;
}
@media screen and (max-width: 768px) {
  .f_guide #f_calendar #subc_calendar {
    margin: 0 auto;
  }
}
.f_guide #f_calendar #subc_calendar table {
  width: 100%;
  table-layout: fixed;
}
.f_guide #f_calendar #subc_calendar th {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 10px;
}
.f_guide #f_calendar #subc_calendar th p {
  padding: 0 30px;
  display: inline-block;
  font-weight: 700;
}
.f_guide #f_calendar #subc_calendar th .prev {
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #079ac9;
  border-left: 0px solid #079ac9;
}
.f_guide #f_calendar #subc_calendar th .next {
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #079ac9;
  border-right: 0px solid #079ac9;
}
.f_guide #f_calendar #subc_calendar th .prev-hide {
  opacity: 0;
}
.f_guide #f_calendar #subc_calendar td {
  border: solid 1px #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
}
.f_guide #f_calendar #subc_calendar td:nth-child(1) {
  color: blue;
}
.f_guide #f_calendar #subc_calendar td:nth-child(7) {
  color: blue;
}
.f_guide #f_calendar #subc_calendar td div {
  padding: 5px 2px;
}
.f_guide #f_calendar #subc_calendar td .Today {
  font-weight: 700;
  background-color: #66ccff;
  color: #fff;
}
.f_guide #f_calendar #subc_calendar .headline td {
  background-color: #eee;
}
.f_guide #f_calendar #subc_calendar .cap {
  margin-top: 5px;
  font-size: 14px;
}

.f_bot {
  padding: 100px 0 120px;
}
@media screen and (max-width: 768px) {
  .f_bot {
    padding: 50px 0 25vw;
  }
}
.f_bot .f_sns {
  margin-bottom: 30px;
}
.f_bot .f_sns ul {
  display: flex;
  gap: 25px;
  justify-content: center;
}
.f_bot .f_bot_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .f_bot .f_bot_box {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.f_bot .f_copy {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .f_bot .f_copy {
    font-size: 11px;
  }
}
.f_bot .f_link {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .f_bot .f_link {
    font-size: 11px;
  }
}
.f_bot .f_link ul {
  display: flex;
  flex-wrap: wrap;
}
.f_bot .f_link li:not(:last-child)::after {
  padding: 0 1em;
  content: "/";
}

.f_campaign {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 100;
}
.f_campaign .photo {
  padding: 10px;
  margin: 0 auto;
  max-width: 880px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .f_campaign .photo {
    padding: 0;
    width: 100%;
  }
}
#floating-menu {
  bottom: 110px;
}
@media screen and (max-width: 576px) {
  #floating-menu {
    bottom: 100px;
  }
}

#page-top {
  display: inline-block;
  position: relative;
  top: 30px;
}
@media screen and (max-width: 768px) {
  #page-top {
    display: block;
    top: 10px;
  }
}
#page-top a {
  background: #444;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #page-top a {
    margin-left: auto;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
  }
}
#page-top a:hover {
  background: #079ac9;
}

#to_contact {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #to_contact {
    display: block;
  }
}
#to_contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #015d9e;
  color: #fff;
  border-radius: 50%;
  width: 115px;
  height: 115px;
  line-height: 1;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #to_contact a {
    width: 70px;
    height: 70px;
    gap: 5px;
    font-size: 9px;
  }
}
#to_contact img {
  width: 30px;
}
@media screen and (max-width: 768px) {
  #to_contact img {
    width: 18px;
  }
}

/*ドロワー*/
#js-menu-bg {
  background-color: rgba(68, 68, 68, 0.5);
  position: fixed;
  left: 0;
  top: 85px;
  width: 100%;
  height: 100%;
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}

.drawer_box {
  padding: 40px 15px;
  width: 100%;
  max-width: 400px;
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  top: 85px;
  left: -410px;
  background-color: #fff;
  z-index: 3000;
  transition: 0.2s ease-in-out;
}
.drawer_box .drawer_search form {
  background-color: #eee;
  border-radius: 5px;
  display: flex;
}
.drawer_box .drawer_search form > #mid_www {
  width: 100%;
}
.drawer_box .drawer_search form > #mid_www #mid_l_www {
  display: flex;
}
.drawer_box .drawer_search input[type=text] {
  width: calc(100% - 20px);
  height: 50px !important;
  border: none;
  background-color: transparent;
}
.drawer_box .drawer_search input[type=image] {
  padding-right: 15px;
}
.drawer_box .drawer_contact {
  margin-top: 30px;
}
.drawer_box .drawer_contact a {
  margin: 0 auto;
  padding: 20px;
  display: flex;
  align-items: center;
  max-width: 270px;
  width: 100%;
  gap: 15px;
  font-size: 14px;
  font-weight: 700;
  border: solid 1px #eee;
  border-radius: 5px;
}
.drawer_box .drawer_contact img {
  vertical-align: middle;
}
.drawer_box .drawer_cate {
  margin-top: 30px;
  font-size: 14px;
}
.drawer_box .drawer_cate .cate > li > dl > dt {
  font-weight: 700;
}
.drawer_box .drawer_cate dt {
  border-top: solid 1px #eee;
  padding: 20px;
  position: relative;
}
.drawer_box .drawer_cate dt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: solid 2px #079ac9;
  border-right: solid 2px #079ac9;
  transform: translateY(-50%) rotate(135deg);
  transition: 0.2s ease-in-out;
}
.drawer_box .drawer_cate dt.active::after {
  transform: translateY(-50%) rotate(-45deg);
}
.drawer_box .drawer_cate dd {
  display: none;
}
.drawer_box .drawer_cate .sub dt {
  background-color: #e4f4f9;
}
.drawer_box .drawer_cate .sub_sub {
  padding: 15px 20px;
}
.drawer_box .drawer_cate .sub_sub li {
  padding-left: 0.8em;
  position: relative;
}
.drawer_box .drawer_cate .sub_sub li::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.drawer_box .drawer_cate .sub_sub li:nth-child(n+2) {
  margin-top: 10px;
}
.drawer_box .drawer_cate .guide a {
  display: block;
  border-top: solid 1px #eee;
  padding: 20px;
  font-size: 16px;
  position: relative;
}
.drawer_box .drawer_cate .guide a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: solid 2px #079ac9;
  border-right: solid 2px #079ac9;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.2s ease-in-out;
}
.drawer_box .drawer_cate .guide a.active::after {
  transform: translateY(-50%) rotate(-45deg);
}

.nav-open #js-menu-bg {
  opacity: 1;
  visibility: visible;
}
.nav-open .drawer_box {
  left: 0;
}

/*サブカラム*/
#sub-column .category h2 {
  padding: 12px 5px;
  background-color: #079ac9;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  border-radius: 10px 10px 0 0;
  border: none;
}
#sub-column .category nav ul li a::after {
  background: none;
}
#sub-column .category nav ul li.listcat2,
#sub-column .category nav ul li.listcat1 {
  padding: 15px 10px;
  cursor: pointer;
  border-top: solid 0px #ccc;
  border-bottom: solid 1px #ccc;
  position: relative;
}
#sub-column .category nav ul li.listcat2 a,
#sub-column .category nav ul li.listcat1 a {
  padding: 0;
  font-size: 18px;
  font-weight: 400;
}
#sub-column .category nav ul li.listcat3 {
  background-color: #fff8ef;
  padding: 12px 10px;
  border-top: dashed 0px #ccc;
  border-bottom: dashed 1px #ccc;
}
#sub-column .category nav ul li.listcat3:last-child {
  border: none;
}
#sub-column .category nav ul li.listcat3 a {
  padding: 0;
  font-size: 18px;
}
#sub-column .category nav .sps-itemCategoryMain li.cat1 {
  padding: 15px 10px;
  cursor: pointer;
  border-top: solid 0px #ccc;
  border-bottom: solid 1px #ccc;
  position: relative;
}
#sub-column .category nav .sps-itemCategoryMain li.cat1::after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-top: 2px solid #079ac9;
  border-right: 2px solid #079ac9;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(135deg);
}
#sub-column .category nav .sps-itemCategoryMain li.cat1 a {
  padding: 0;
  pointer-events: none;
  font-size: 18px;
}
#sub-column .category nav .sps-itemCategorySub {
  background-color: #fff8ef;
  padding: 0 10px;
  border-bottom: solid 1px #ccc;
  display: none;
}
#sub-column .category nav .sps-itemCategorySub li.cat2 {
  padding: 12px 0;
  background: none;
  border-top: dashed 0px #ccc;
  border-bottom: dashed 1px #ccc;
}
#sub-column .category nav .sps-itemCategorySub li.cat2:last-child {
  border: none;
}
#sub-column .category nav .sps-itemCategorySub li.cat2 a {
  padding: 0;
  font-size: 18px;
}
#sub-column .sub-attention {
  margin-top: 40px;
  border: solid 1px #f69495;
  border-radius: 10px;
  overflow: hidden;
}
#sub-column .sub-attention .ttl {
  padding: 20px;
  background-color: #f69495;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
#sub-column .sub-attention .text {
  padding: 10px 20px;
  text-align: justify;
}

/*shopserveのタグの上書き*/
#wrapper {
  position: relative;
  overflow: hidden;
}

#contents {
  max-width: 1230px;
  padding: 0 15px;
  width: 100%;
  overflow: visible;
}

#main-column {
  margin-bottom: 150px;
  width: calc(100% - 350px);
}
@media screen and (max-width: 768px) {
  #main-column {
    margin-bottom: 50px;
    padding: 0;
    width: 100%;
  }
}

#sub-column {
  width: 270px;
  margin-right: 80px;
}
@media screen and (max-width: 768px) {
  #sub-column {
    padding: 0;
    display: none;
  }
}

#main-column h2 {
  margin-bottom: 60px;
  padding: 0;
  font-size: 32px;
  border: none;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  #main-column h2 {
    margin-bottom: 30px;
    font-size: 25px;
    gap: 5px;
  }
}
#main-column h2::before {
  margin: 0;
  color: #079ac9;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  #main-column h2::before {
    font-size: 12px;
  }
}

.freeArea2 .free-contents ul {
  margin: 0;
}
.freeArea2 .free-contents ul li {
  list-style-type: none;
}
.freeArea2 .free-contents ol li {
  list-style-type: none;
}

#main-column .column4 h3,
#main-column .column5 h3,
#main-column-full .column4 h3,
#main-column-full .column5 h3,
footer .column4 h3,
footer .column5 h3 {
  padding: 0;
}
#main-column .column4 h3 a,
#main-column .column5 h3 a,
#main-column-full .column4 h3 a,
#main-column-full .column5 h3 a,
footer .column4 h3 a,
footer .column5 h3 a {
  font-weight: 400;
  font-size: 18px !important;
}
@media screen and (max-width: 768px) {
  #main-column .column4 h3 a,
  #main-column .column5 h3 a,
  #main-column-full .column4 h3 a,
  #main-column-full .column5 h3 a,
  footer .column4 h3 a,
  footer .column5 h3 a {
    font-size: 15px !important;
  }
}
#main-column .column4 p.price,
#main-column .column5 p.price,
#main-column-full .column4 p.price,
#main-column-full .column5 p.price,
footer .column4 p.price,
footer .column5 p.price {
  text-align: left;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #main-column .column4 p.price,
  #main-column .column5 p.price,
  #main-column-full .column4 p.price,
  #main-column-full .column5 p.price,
  footer .column4 p.price,
  footer .column5 p.price {
    font-size: 15px;
  }
}
#main-column .column4 p.price .selling_price,
#main-column .column4 p.price .taxin,
#main-column .column5 p.price .selling_price,
#main-column .column5 p.price .taxin,
#main-column-full .column4 p.price .selling_price,
#main-column-full .column4 p.price .taxin,
#main-column-full .column5 p.price .selling_price,
#main-column-full .column5 p.price .taxin,
footer .column4 p.price .selling_price,
footer .column4 p.price .taxin,
footer .column5 p.price .selling_price,
footer .column5 p.price .taxin {
  color: #444;
  font-weight: 700;
}
#main-column .column4 .taxin,
#main-column .column5 .taxin,
#main-column-full .column4 .taxin,
#main-column-full .column5 .taxin,
footer .column4 .taxin,
footer .column5 .taxin {
  color: #444;
  font-weight: 700;
}
#main-column .column4 .itemThumb-wrap,
#main-column .column5 .itemThumb-wrap,
#main-column-full .column4 .itemThumb-wrap,
#main-column-full .column5 .itemThumb-wrap,
footer .column4 .itemThumb-wrap,
footer .column5 .itemThumb-wrap {
  display: flex;
  flex-direction: column-reverse;
}
#main-column .column4 .badge,
#main-column .column5 .badge,
#main-column-full .column4 .badge,
#main-column-full .column5 .badge,
footer .column4 .badge,
footer .column5 .badge {
  position: relative;
  padding: 0 4px 0 0;
  height: 20px;
  width: auto;
  display: inline-block;
}
#main-column .column4 .badge img,
#main-column .column5 .badge img,
#main-column-full .column4 .badge img,
#main-column-full .column5 .badge img,
footer .column4 .badge img,
footer .column5 .badge img {
  height: 100%;
}

footer .pickup {
  padding: 0 15px;
}

#to-cart {
  display: none;
}

article p {
  color: inherit;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  article p {
    font-size: 15px;
  }
}

#main-column #Journal h1,
#main-column #Journal h2 {
  display: none;
}
#main-column #Journal ul {
  margin: 0;
}
#main-column #Journal li {
  list-style: none;
}
#main-column #Journal .state_r {
  display: none;
}

#main-column #Journal #fssearchresult h2.goods {
  display: block;
  font-size: 18px;
  color: #444;
  margin: 0;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #main-column #Journal #fssearchresult h2.goods {
    font-size: 15px;
  }
}

.cart-article {
  margin-top: 200px;
}
@media screen and (max-width: 768px) {
  .cart-article {
    margin-top: 100px;
  }
}

#selectaddressee .radio_addr:checked + div::after {
  left: 2px;
  top: 2px;
}

article #main-column section.rating .reviewTxt {
  width: calc(100% - 155px);
}
@media screen and (max-width: 480px) {
  article #main-column section.rating .reviewTxt {
    width: 100%;
  }
}

/*--------------トップ---------------- */
@media screen and (max-width: 768px) {
  #main-column .top_fv {
    margin-top: 10px;
  }
}
#main-column .top_fv .fv_slider {
  display: none;
}
#main-column .top_fv .fv_slider.slick-initialized {
  display: block;
}
#main-column .top_fv .slide {
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  #main-column .top_fv .slide {
    padding: 0 10px;
  }
}
#main-column .top_fv .slide img {
  height: 400px;
  border-radius: 20px;
}
@media screen and (max-width: 1200px) {
  #main-column .top_fv .slide img {
    height: 300px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  #main-column .top_fv .slide img {
    height: auto;
  }
}
#main-column .top_fv .slick-arrow {
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 768px) {
  #main-column .top_fv .slick-arrow {
    width: 26px;
    height: 26px;
  }
}
#main-column .top_fv .slick-prev {
  left: calc(50% - 365px);
}
@media screen and (max-width: 992px) {
  #main-column .top_fv .slick-prev {
    left: calc(50% - 285px);
  }
}
@media screen and (max-width: 992px) {
  #main-column .top_fv .slick-prev {
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
  #main-column .top_fv .slick-prev {
    left: 10px;
  }
}
#main-column .top_fv .slick-prev::before {
  background-image: url(/pic-labo/fv_prev.png);
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 768px) {
  #main-column .top_fv .slick-prev::before {
    width: 26px;
    height: 26px;
  }
}
#main-column .top_fv .slick-next {
  right: calc(50% - 365px);
}
@media screen and (max-width: 992px) {
  #main-column .top_fv .slick-next {
    right: calc(50% - 285px);
  }
}
@media screen and (max-width: 992px) {
  #main-column .top_fv .slick-next {
    right: 15px;
  }
}
@media screen and (max-width: 768px) {
  #main-column .top_fv .slick-next {
    right: 10px;
  }
}
#main-column .top_fv .slick-next::before {
  background-image: url(/pic-labo/fv_next.png);
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 768px) {
  #main-column .top_fv .slick-next::before {
    width: 26px;
    height: 26px;
  }
}
#main-column .top_fv .slick-dots {
  position: relative;
  bottom: 0;
}
#main-column .top_fv .slick-dots li button::before {
  color: #eaeaea;
}
#main-column .top_fv .slick-dots .slick-active button::before {
  color: #079ac9;
}
#main-column .w100 .news h2 {
  display: none;
}
#main-column .w100 .news .news-box {
  border: none;
}
#main-column .w100 .news .news-box dd {
  padding: 20px 30px;
  display: flex;
  font-size: 16px;
  border: solid 1px #f69495;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #main-column .w100 .news .news-box dd {
    padding: 15px;
    flex-wrap: wrap;
    gap: 10px 0;
    font-size: 14px;
  }
}
#main-column .w100 .news .news-box .ttl {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ec5146;
  font-weight: 700;
  width: 135px;
}
@media screen and (max-width: 768px) {
  #main-column .w100 .news .news-box .ttl {
    width: 100%;
  }
}
#main-column .w100 .news .news-box .ttl img {
  vertical-align: middle;
}
#main-column .w100 .news .news-box .cont {
  display: flex;
  width: calc(100% - 135px);
}
@media screen and (max-width: 768px) {
  #main-column .w100 .news .news-box .cont {
    width: 100%;
  }
}
#main-column .w100 .news .news-box .date {
  font-size: 14px;
  font-weight: 700;
  color: #999;
  width: 105px;
}
@media screen and (max-width: 768px) {
  #main-column .w100 .news .news-box .date {
    width: 75px;
    font-size: 11px;
  }
}
#main-column .w100 .news .news-box .detail {
  width: calc(100% - 105px);
}
@media screen and (max-width: 768px) {
  #main-column .w100 .news .news-box .detail {
    width: calc(100% - 75px);
  }
}
#main-column .top_worry h2::before {
  content: "・WORRIES・";
}
#main-column .top_worry .worry_list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column .top_worry .worry_list {
    gap: 10px;
  }
}
#main-column .top_worry .worry_list li {
  width: calc((100% - 30px) / 2);
  border: solid 2px #eaeaea;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  #main-column .top_worry .worry_list li {
    width: 100%;
  }
}
#main-column .top_worry .worry_list li > a {
  display: flex;
  align-items: center;
  position: relative;
}
#main-column .top_worry .worry_list li > a::after {
  content: "\f061";
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  background-color: #079ac9;
  color: #fff;
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 18px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  #main-column .top_worry .worry_list li > a::after {
    right: 15px;
    width: 24px;
    line-height: 24px;
    font-size: 12px;
  }
}
#main-column .top_worry .worry_list li > a:hover {
  color: #444;
  opacity: 0.7;
}
#main-column .top_worry .worry_list .photo {
  width: 220px;
}
@media screen and (max-width: 1200px) {
  #main-column .top_worry .worry_list .photo {
    width: 180px;
  }
}
@media screen and (max-width: 992px) {
  #main-column .top_worry .worry_list .photo {
    width: 140px;
  }
}
#main-column .top_worry .worry_list .text {
  padding: 10px 40px 10px 40px;
  width: calc(100% - 220px);
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column .top_worry .worry_list .text {
    width: calc(100% - 140px);
    padding: 10px 40px 10px 25px;
    font-size: 15px;
  }
}
#main-column .top_worry .worry_list .text span {
  color: #079ac9;
}
#main-column .top_begginer {
  margin-top: 90px;
  padding: 70px 0;
  background-color: #fff8ef;
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer {
    margin-top: 50px;
    padding: 35px 0;
  }
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer h2 {
    font-size: 20px;
  }
}
#main-column .top_begginer h2::before {
  content: "・BEGINNER・";
}
#main-column .top_begginer .ribon {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer .ribon {
    margin-bottom: 20px;
  }
}
#main-column .top_begginer .ribon p {
  padding: 0px 20px;
  line-height: 36px;
  display: inline-block;
  background-color: #079ac9;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer .ribon p {
    line-height: 28px;
    font-size: 14px;
  }
}
#main-column .top_begginer .ribon p::before, #main-column .top_begginer .ribon p::after {
  content: "";
  position: absolute;
  border-top: #079ac9 solid 18px;
  border-bottom: #079ac9 solid 18px;
  top: 0;
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer .ribon p::before, #main-column .top_begginer .ribon p::after {
    border-width: 14px 6px;
  }
}
#main-column .top_begginer .ribon p::before {
  left: -7px;
  border-left: transparent solid 7px;
  border-right: #079ac9 solid 7px;
}
#main-column .top_begginer .ribon p::after {
  right: -7px;
  border-left: #079ac9 solid 7px;
  border-right: transparent solid 7px;
}
#main-column .top_begginer .begginer_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer .begginer_list {
    gap: 25px 10px;
  }
}
#main-column .top_begginer .begginer_list li {
  width: calc((100% - 120px) / 5);
}
@media screen and (max-width: 992px) {
  #main-column .top_begginer .begginer_list li {
    width: calc((100% - 60px) / 3);
  }
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer .begginer_list li {
    width: calc((100% - 10px) / 2);
  }
}
#main-column .top_begginer .begginer_list .photo {
  border-radius: 10px;
  border: solid 1px #fff;
  overflow: hidden;
}
#main-column .top_begginer .begginer_list .text {
  margin-top: 10px;
  padding-left: 1.5em;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer .begginer_list .text {
    margin-top: 5px;
    font-size: 14px;
  }
}
#main-column .top_begginer .begginer_list .text::before {
  content: "\f061";
  font-family: "font awesome 6 free";
  font-weight: 700;
  width: 20px;
  line-height: 20px;
  background-color: #079ac9;
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  position: absolute;
  top: 2px;
  left: 0;
}
@media screen and (max-width: 768px) {
  #main-column .top_begginer .begginer_list .text::before {
    width: 15px;
    line-height: 15px;
    font-size: 7px;
  }
}
#main-column .newItem {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #main-column .newItem {
    margin-top: 50px;
  }
}
#main-column .newItem h2::before {
  margin: 0;
  font-size: 15px;
  content: "・NEW ITEM・";
}
#main-column .newItem .column-set {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 30px;
}
@media screen and (max-width: 768px) {
  #main-column .newItem .column-set {
    gap: 40px 10px;
  }
}
#main-column .newItem .column-set .column4 {
  margin: 0;
  width: calc((100% - 120px) / 5);
}
@media screen and (max-width: 768px) {
  #main-column .newItem .column-set .column4 {
    width: calc((100% - 10px) / 2);
  }
}
#main-column .newItem .column-set .column4:nth-child(n+6) {
  display: none;
}
#main-column .newItem .column-set h3 {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #main-column .newItem .column-set h3 {
    font-size: 15px;
  }
}
#main-column .pickup {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #main-column .pickup {
    margin-top: 50px;
  }
}
#main-column .pickup h2::before {
  margin: 0;
  font-size: 15px;
  content: "・PICKUP ITEM・";
}
#main-column .pickup .column-set {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 30px;
}
@media screen and (max-width: 768px) {
  #main-column .pickup .column-set {
    gap: 40px 10px;
  }
}
#main-column .pickup .column-set .column5 {
  margin: 0;
  width: calc((100% - 120px) / 5);
}
@media screen and (max-width: 768px) {
  #main-column .pickup .column-set .column5 {
    width: calc((100% - 10px) / 2);
  }
}
#main-column .pickup .column-set .column5:nth-child(n+6) {
  display: none;
}
#main-column .pickup .column-set h3 {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #main-column .pickup .column-set h3 {
    font-size: 15px;
  }
}
#main-column .top_ranking {
  margin-top: 90px;
  padding: 100px 0;
  background-color: #fff8ef;
}
@media screen and (max-width: 768px) {
  #main-column .top_ranking {
    margin-top: 45px;
    padding: 50px 0;
  }
}
#main-column .top_ranking h2::before {
  content: "・RANKING・";
}
#main-column .top_ranking .ranking_tab {
  margin-bottom: 45px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
#main-column .top_ranking .ranking_tab .tab_btn {
  padding: 5px;
  max-width: 180px;
  width: 100%;
  text-align: center;
  border: solid 1px #999;
  background-color: #fff;
  border-radius: 5px;
  font-size: 18px;
}
#main-column .top_ranking .ranking_tab .tab_btn.active {
  background-color: #444;
  color: #fff;
  position: relative;
}
#main-column .top_ranking .ranking_tab .tab_btn.active::before {
  content: "";
  display: block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #444;
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: translate(-8px, -50%);
}
#main-column .top_ranking .tab_box {
  display: none;
}
#main-column .top_ranking .tab_box.active {
  display: block;
}
#main-column .top_ranking .ranking_slider {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #main-column .top_ranking .ranking_slider {
    display: block;
  }
}
#main-column .top_ranking .ranking_slider .column4 {
  margin: 0;
  width: calc((100% - 120px) / 5);
  clear: unset;
}
@media screen and (max-width: 768px) {
  #main-column .top_ranking .ranking_slider .column4 {
    padding: 0 10px;
  }
}
#main-column .top_ranking .slick-list {
  padding: 0 20% 0 0 !important;
}
#main-column .top_ranking .itemThumb-wrap {
  position: relative;
}
#main-column .top_ranking .itemThumb-wrap .num {
  position: absolute;
  left: 0;
  top: -5px;
  background-color: #fff;
  border: solid 1px #eaeaea;
  border-radius: 2px;
  z-index: 2;
  font-size: 14px;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  width: 24px;
  line-height: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #main-column .top_ranking .itemThumb-wrap .num {
    font-size: 12px;
    width: 18px;
    line-height: 18px;
    top: 0;
  }
}
#main-column .top_ranking .itemThumb-wrap .num::before {
  content: "";
  display: block;
  position: absolute;
  border-left: 12px solid;
  border-right: 12px solid;
  border-bottom: 5px solid;
  border-top: 5px solid;
  left: 0;
  bottom: -10px;
}
@media screen and (max-width: 768px) {
  #main-column .top_ranking .itemThumb-wrap .num::before {
    border-width: 3px 9px;
    bottom: -5px;
  }
}
#main-column .top_ranking .itemThumb-wrap .rank1 {
  border: none;
  background-color: #b7821c;
  color: #fff;
}
#main-column .top_ranking .itemThumb-wrap .rank1::before {
  border-color: #b7821c #b7821c transparent;
}
#main-column .top_ranking .itemThumb-wrap .rank2 {
  border: none;
  background-color: #748491;
  color: #fff;
}
#main-column .top_ranking .itemThumb-wrap .rank2::before {
  border-color: #748491 #748491 transparent;
}
#main-column .top_ranking .itemThumb-wrap .rank3 {
  border: none;
  background-color: #c76237;
  color: #fff;
}
#main-column .top_ranking .itemThumb-wrap .rank3::before {
  border-color: #c76237 #c76237 transparent;
}
#main-column .top_ranking .itemThumb-wrap .rank::before {
  display: none;
}
#main-column .top_ranking .itemThumb-wrap .itemThumb {
  margin-bottom: 15px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #main-column .top_ranking .itemThumb-wrap .itemThumb {
    padding-top: 5px;
  }
}
#main-column .top_ranking .itemThumb-wrap .badge {
  padding: 0;
  display: flex;
  gap: 4px;
  position: relative;
  height: 20px;
  width: 100%;
}
#main-column .top_ranking .itemThumb-wrap .badge img {
  max-height: 100%;
  width: auto;
  margin: 0;
}
#main-column .top_ranking h3 {
  font-weight: 400;
}
#main-column .top_cate {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  #main-column .top_cate {
    margin-top: 50px;
  }
}
#main-column .top_cate h2::before {
  content: "・CATEGORY・";
}
#main-column .top_cate .cate_list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column .top_cate .cate_list {
    gap: 10px;
  }
}
#main-column .top_cate .cate_list li {
  width: calc((100% - 90px) / 4);
}
@media screen and (max-width: 768px) {
  #main-column .top_cate .cate_list li {
    width: calc((100% - 10px) / 2);
  }
}
#main-column .top_cate .cate_list li a {
  display: block;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
#main-column .top_cate .cate_list li .text {
  background-color: #079ac9;
  color: #fff;
  position: absolute;
  bottom: 0;
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column .top_cate .cate_list li .text {
    height: 46px;
    font-size: 14px;
  }
}
#main-column .top_pickup {
  margin-top: 90px;
  padding: 90px 0;
  position: relative;
  background: url(/pic-labo/pickup_bg.jpg) top 400px left 0 repeat;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #main-column .top_pickup {
    margin-top: 50px;
    padding: 35px 0 45px;
    background-repeat: repeat;
  }
}
#main-column .top_pickup::before {
  content: "";
  width: 120%;
  height: 400px;
  background: url(/pic-labo/pickup_bg.jpg) repeat;
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50% 50% 0 0;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #main-column .top_pickup::before {
    height: 200px;
  }
}
#main-column .top_pickup::after {
  content: "";
  width: 120%;
  height: 400px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0%;
  z-index: 1;
}
#main-column .top_pickup * {
  position: relative;
  z-index: 3;
}
#main-column .top_pickup h2::before {
  content: "・PICK UP・";
}
#main-column .top_pickup .pickup_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #main-column .top_pickup .pickup_list {
    gap: 20px;
  }
}
#main-column .top_pickup .pickup_list li {
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 768px) {
  #main-column .top_pickup .pickup_list li {
    width: 100%;
  }
}
#main-column .top_flow {
  padding-top: 250px;
  position: relative;
}
#main-column .top_flow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 440px;
  background: url(/pic-labo/flow_bg.jpg) top no-repeat;
  background-size: cover;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  #main-column .top_flow::before {
    height: 300px;
    background-image: url(/pic-labo/flow_bg_sp.jpg);
  }
}
#main-column .top_flow .flow_box {
  padding: 60px 50px 0;
  background-color: #fff;
  border-radius: 25px;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column .top_flow .flow_box {
    padding: 50px 30px 0;
    border-radius: 20px;
  }
}
#main-column .top_flow .flow_list {
  display: flex;
  flex-wrap: wrap;
}
#main-column .top_flow .flow_list li {
  padding: 20px;
  width: 20%;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 992px) {
  #main-column .top_flow .flow_list li {
    padding: 0px 0 15px;
    width: 100%;
  }
}
#main-column .top_flow .flow_list li:nth-child(n+2) {
  border-left: solid 1px #eaeaea;
}
@media screen and (max-width: 992px) {
  #main-column .top_flow .flow_list li:nth-child(n+2) {
    border-left: none;
    border-top: solid 1px #eaeaea;
  }
}
#main-column .top_flow .flow_list .num {
  font-size: 30px;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 20px;
}
@media screen and (max-width: 768px) {
  #main-column .top_flow .flow_list .num {
    font-size: 25px;
    left: 30px;
  }
}
@media screen and (max-width: 992px) {
  #main-column .top_flow .flow_list .photo {
    margin: -20px 0 -30px;
  }
}
#main-column .top_flow .flow_list h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  #main-column .top_flow .flow_list h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
#main-column .top_flow .flow_list p {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #main-column .top_flow .flow_list p {
    font-size: 15px;
  }
}
#main-column .top_merit {
  margin-top: 90px;
  padding-bottom: 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit {
    margin-top: 50px;
    padding-bottom: 30px;
  }
}
#main-column .top_merit::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 50px);
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #fff8ef;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit::before {
    height: calc(100% - 20px);
    top: 20px;
  }
}
#main-column .top_merit h2 {
  margin: 0 30px;
  padding: 20px;
  background-color: #079ac9;
  color: #fff;
  font-size: 32px;
  position: relative;
  height: 100px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit h2 {
    height: 40px;
    font-size: 20px;
    padding: 10px;
  }
}
#main-column .top_merit h2::before, #main-column .top_merit h2::after {
  content: "";
  display: block;
  border-top: 50px solid #079ac9;
  border-bottom: 50px solid #079ac9;
  position: absolute;
  top: 0;
}
#main-column .top_merit h2::before {
  border-left: 30px solid transparent;
  left: -30px;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit h2::before {
    left: -15px;
    border-width: 20px 15px;
  }
}
#main-column .top_merit h2::after {
  border-right: 30px solid transparent;
  right: -30px;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit h2::after {
    right: -15px;
    border-width: 20px 15px;
  }
}
#main-column .top_merit .merit_list {
  margin-top: 80px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit .merit_list {
    margin-top: 40px;
    flex-direction: column;
    gap: 20px;
  }
}
#main-column .top_merit li {
  margin: 0 auto;
  width: calc((100% - 60px) / 3);
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit li {
    max-width: 260px;
    width: 100%;
  }
}
#main-column .top_merit .num {
  position: absolute;
  top: -50px;
  right: 0;
  font-size: 60px;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #c7c7c7;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit .num {
    font-size: 40px;
    top: -30px;
    right: 15px;
  }
}
#main-column .top_merit .box {
  padding: 40px 15px 25px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit .box {
    padding: 30px 10px 15px;
  }
}
#main-column .top_merit .band {
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  left: -80px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  min-width: 250px;
  text-align: center;
  transform: rotate(-30deg);
}
@media screen and (max-width: 768px) {
  #main-column .top_merit .band {
    font-size: 12px;
    left: -90px;
  }
}
#main-column .top_merit .band.gold {
  background-color: #b7821c;
}
#main-column .top_merit .band.silver {
  background-color: #b4b4b4;
}
#main-column .top_merit .text {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column .top_merit .text {
    margin-top: 25px;
    font-size: 16px;
  }
}
#main-column .top_merit .text span {
  color: #079ac9;
}
#main-column .top_about .about_box {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #main-column .top_about .about_box {
    flex-wrap: wrap;
  }
}
#main-column .top_about .photo {
  width: 50vw;
  margin-left: calc(50% - 50vw);
  border-radius: 0 0 60px 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #main-column .top_about .photo {
    width: 100vw;
  }
}
#main-column .top_about .text {
  padding-left: 40px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  #main-column .top_about .text {
    padding-top: 15px;
    padding-left: 0px;
    width: 100%;
  }
}
#main-column .top_about h2 {
  margin-bottom: 30px;
  align-items: flex-start;
  font-size: 40px;
  color: #079ac9;
}
@media screen and (max-width: 992px) {
  #main-column .top_about h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #main-column .top_about h2 {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
#main-column .top_about p {
  font-size: 20px;
}
@media screen and (max-width: 992px) {
  #main-column .top_about p {
    font-size: 15px;
  }
}
#main-column .top_attention {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #main-column .top_attention {
    margin-top: 40px;
  }
}
#main-column .top_attention .attention_box {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  border: solid 1px #f69495;
  border-radius: 10px;
  overflow: hidden;
}
#main-column .top_attention h2 {
  margin-bottom: 30px;
  padding: 10px;
  background-color: #f69495;
  color: #fff;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #main-column .top_attention h2 {
    font-size: 18px;
  }
}
#main-column .top_attention .text {
  text-align: center;
  padding: 0 10px 30px;
  line-height: 2;
}

/*---------------- 下層 共通設定---------------- */
/*-----下層タイトル部分------*/
#main-column .dot_ttl {
  position: relative;
  margin-bottom: 30px;
  padding-left: 1em;
  padding-bottom: 15px;
  font-size: 32px;
  text-align: left;
  display: block;
  border-bottom: solid 2px #eaeaea;
}
@media screen and (max-width: 768px) {
  #main-column .dot_ttl {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 20px;
  }
}
#main-column .dot_ttl::after {
  content: "";
  color: #079ac9;
  position: absolute;
  top: 24px;
  left: 0;
  width: 12px;
  height: 12px;
  display: block;
  background-color: #079ac9;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  #main-column .dot_ttl::after {
    width: 7px;
    height: 7px;
    top: 14px;
  }
}
#main-column .dot_ttl span {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #main-column .dot_ttl span {
    font-size: 15px;
  }
}

#main-column .gray_ttl {
  margin-bottom: 20px;
  padding: 15px 20px;
  background-color: #f7f7f7;
  font-weight: 700;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  #main-column .gray_ttl {
    margin-bottom: 15px;
    padding: 10px;
  }
}

/*-----ボタン------*/
a.arrow_btn {
  padding: 22px 40px;
  margin: 0 auto;
  display: inline-block;
  border: solid 2px #079ac9;
  font-size: 20px;
  position: relative;
  color: #079ac9;
  border-radius: 80px;
}
@media screen and (max-width: 768px) {
  a.arrow_btn {
    font-size: 14px;
    padding: 15px 40px;
    min-width: 320px;
  }
}
a.arrow_btn:visited, a.arrow_btn:link {
  color: #079ac9;
}
a.arrow_btn:hover {
  background-color: #079ac9;
  color: #fff;
}
a.arrow_btn::before {
  content: "\f0a9";
  font-family: "font awesome 6 free";
  font-weight: 900;
  padding-right: 0.5em;
}

.left_arrow_link {
  margin-top: 25px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .left_arrow_link {
    margin-top: 20px;
  }
}
.left_arrow_link a,
.left_arrow_link a:visited {
  display: inline-block;
  color: #079ac9;
  font-weight: 700;
  text-align: left;
  position: relative;
  padding-left: 1.5em;
}
.left_arrow_link a::before,
.left_arrow_link a:visited::before {
  content: "\f0a9";
  font-family: "font awesome 6 free";
  padding-right: 0.5em;
  position: absolute;
  top: 0;
  left: 0;
}
.left_arrow_link a:hover,
.left_arrow_link a:visited:hover {
  color: #444;
}
.left_arrow_link a + a,
.left_arrow_link a:visited + a {
  margin-top: 10px;
}

/*-----下層大見出し------*/
/*-----下層数字見出し------*/
/*-----パンくずリスト------*/
#bread-crumb {
  background-color: #f6f6f6;
  padding: 20px 0;
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  #bread-crumb {
    padding: 5px 0;
    margin-bottom: 40px;
  }
}
#bread-crumb #bread-crumb-listTop {
  max-width: 1230px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
#bread-crumb #bread-crumb-listTop ol li {
  font-size: 16px;
  background: none;
}
@media screen and (max-width: 768px) {
  #bread-crumb #bread-crumb-listTop ol li {
    font-size: 11px;
  }
}
#bread-crumb #bread-crumb-listTop ol li:not(:first-child)::before {
  content: "\f105";
  color: #079ac9;
  font-family: "font awesome 6 free";
  font-weight: 900;
  padding-right: 10px;
}

/*-----レイアウト------*/
.free_2col {
  display: flex;
  flex-wrap: wrap;
}
.free_2col .free_sub {
  width: 270px;
  margin-right: 80px;
}
@media screen and (max-width: 992px) {
  .free_2col .free_sub {
    margin-right: 0px;
    padding: 0;
    width: 100%;
  }
}
.free_2col .free_sub ul {
  position: sticky;
  top: 178px;
}
.free_2col .free_sub ul li {
  list-style-type: none;
}
.free_2col .free_sub ul li a {
  display: block;
  padding: 20px;
  border-bottom: solid 1px #ccc;
  position: relative;
}
@media screen and (max-width: 992px) {
  .free_2col .free_sub ul li a {
    padding: 15px 20px 15px 0;
  }
}
.free_2col .free_sub ul li a::after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  display: block;
  border-top: solid 2px #079ac9;
  border-right: solid 2px #079ac9;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
}
.free_2col .free_main {
  width: calc(100% - 350px);
}
@media screen and (max-width: 992px) {
  .free_2col .free_main {
    margin-top: 80px;
    padding: 0;
    width: 100%;
  }
}

/*-----過去のフリーページ用------*/
#Journal .journal-cont .mainCont table {
  border-collapse: separate;
  border-spacing: 2px;
}
#Journal .journal-cont .mainCont table td {
  padding: 10px;
}

/*--------------カテゴリページ---------------- */
#cate_fv {
  width: 100%;
  height: 350px;
  position: relative;
  background: linear-gradient(180deg, transparent 0%, transparent 50%, #f6f6f6 50%, #f6f6f6 100%);
}
@media screen and (max-width: 768px) {
  #cate_fv {
    height: 140px;
  }
}
#cate_fv .photo {
  position: absolute;
  top: 0;
  left: 50px;
  width: calc(100% - 50px);
  border-radius: 0 0 0 80px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #cate_fv .photo {
    left: 0;
    width: 100%;
    border-radius: 0;
  }
}
#cate_fv .photo img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  #cate_fv .photo img {
    height: 140px;
  }
}
#cate_fv .text {
  position: absolute;
  top: 45%;
  left: 50%;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  #cate_fv .text {
    font-size: 25px;
  }
}
#cate_fv .text::before {
  content: "・・・・・";
  position: absolute;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  font-size: 15px;
}

.cate_about .link {
  margin-top: 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .cate_about .link {
    margin-top: 20px;
  }
}

.cate_bnr {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .cate_bnr {
    margin-top: 40px;
  }
}
.cate_bnr ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}
.cate_bnr li {
  width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 768px) {
  .cate_bnr li {
    width: 100%;
  }
}

.cate_link {
  margin-top: 60px;
  margin-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .cate_link {
    margin-bottom: 60px;
  }
}
.cate_link ul {
  display: flex;
  gap: 10px 25px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .cate_link ul {
    gap: 10px;
  }
}
.cate_link li {
  width: calc((100% - 75px) / 4);
}
@media screen and (max-width: 768px) {
  .cate_link li {
    width: calc((100% - 10px) / 2);
  }
}
.cate_link a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 15px 30px 15px 15px;
  border: solid 1px #eaeaea;
  border-radius: 5px;
  position: relative;
}
.cate_link a::before {
  content: "\f0a9";
  font-family: "font awesome 6 free";
  font-weight: 900;
  color: #079ac9;
  font-size: 20px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .cate_link a::before {
    right: 10px;
  }
}
.cate_link a:hover {
  background-color: #079ac9;
}
.cate_link a:hover p {
  color: #fff;
}
.cate_link a:hover::before {
  color: #fff;
}
.cate_link span {
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
}

#itemList_wrap #pager-top .selectbox {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #itemList_wrap #pager-top .selectbox {
    font-size: 15px;
  }
}
#itemList_wrap #pager-top .selectbox .select01 {
  margin-right: 45px;
  border-color: #eaeaea;
  color: #444;
  border-radius: 5px;
  min-width: 140px;
  font-size: 16px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  #itemList_wrap #pager-top .selectbox .select01 {
    margin-top: 5px;
    margin-right: 0px;
    font-size: 15px;
    height: 38px;
  }
}
#itemList_wrap #pager-top .quantity {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #itemList_wrap #pager-top .quantity {
    font-size: 12px;
  }
}
#itemList_wrap #itemList h1 {
  padding: 50px 0 15px;
  font-size: 24px;
  border-top: 0px;
  border-bottom: 2px solid #eaeaea;
}
@media screen and (max-width: 768px) {
  #itemList_wrap #itemList h1 {
    padding: 15px 0 10px;
    font-size: 16px;
  }
}
#itemList_wrap #itemList .column4 h2 {
  display: block;
}
#itemList_wrap #itemList .column4 h2 a {
  font-size: 18px;
}
#itemList_wrap #pager-bm {
  border-top: solid #eaeaea 1px;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  #itemList_wrap #pager-bm {
    padding-top: 10px;
  }
}
#itemList_wrap #pager-bm .quantity {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #itemList_wrap #pager-bm .quantity {
    font-size: 12px;
  }
}

/*--------------商品ページ---------------- */
@media screen and (max-width: 768px) {
  #Detail #main-column {
    margin-top: -30px;
  }
}
#Detail #main-column #itemDetail-cont .itemThumb-wrap {
  margin: 0;
  width: 53%;
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont .itemThumb-wrap {
    width: 100%;
  }
}
#Detail #main-column #itemDetail-cont .itemThumb ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
#Detail #main-column #itemDetail-cont .itemThumb li {
  width: calc((100% - 40px) / 5);
  margin: 0;
  border: solid 1px #eaeaea;
}
#Detail #main-column #itemDetail-cont #pi_cart {
  padding-left: 40px;
  width: 47%;
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart {
    margin-top: 20px;
    padding-left: 0px;
    width: 100%;
  }
}
#Detail #main-column #itemDetail-cont #pi_cart .icons .ico_itemType li {
  width: auto;
  height: 23px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart .icons .ico_itemType li {
    height: 20px;
  }
}
#Detail #main-column #itemDetail-cont #pi_cart .icons .ico_itemType li img {
  height: 100%;
  width: auto;
}
#Detail #main-column #itemDetail-cont #pi_cart h1 {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart h1 {
    font-size: 20px;
  }
}
#Detail #main-column #itemDetail-cont #pi_cart .price th {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart .price th {
    font-size: 14px;
  }
}
#Detail #main-column #itemDetail-cont #pi_cart .price .fixed_price {
  font-size: 20px;
}
#Detail #main-column #itemDetail-cont #pi_cart .price .taxin {
  font-size: 16px;
  color: #444;
}
#Detail #main-column #itemDetail-cont #pi_cart .price .selling_price_str {
  padding-top: 25px;
  display: inline-block;
}
#Detail #main-column #itemDetail-cont #pi_cart .price .selling_price {
  padding-top: 25px;
  display: inline-block;
  font-size: 28px;
  color: #444;
}
#Detail #main-column #itemDetail-cont #pi_cart .spec {
  margin-bottom: 50px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart .spec {
    margin-bottom: 20px;
  }
}
#Detail #main-column #itemDetail-cont #pi_cart .spec td input {
  border: solid 1px #eaeaea;
  border-radius: 5px;
}
#Detail #main-column #itemDetail-cont #pi_cart .cartArea {
  margin-bottom: 10px;
}
#Detail #main-column #itemDetail-cont #pi_cart .cancel {
  margin-top: 15px;
  font-size: 16px;
  background-image: url(/svg/icon_henpin.svg);
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart .cancel {
    margin-top: 10px;
    font-size: 13px;
  }
}
#Detail #main-column #itemDetail-cont #pi_cart .review_txt {
  margin-bottom: 5px;
  font-size: 16px;
  background-image: url(/svg/icon_review.svg);
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart .review_txt {
    font-size: 13px;
  }
}
#Detail #main-column #itemDetail-cont #pi_cart .review_txt img {
  vertical-align: baseline;
}
#Detail #main-column #itemDetail-cont #pi_cart .review_txt span {
  font-weight: 400;
}
#Detail #main-column #itemDetail-cont #pi_cart .review_txt a {
  display: inline-block;
}
#Detail #main-column #itemDetail-cont #pi_cart .snsArea {
  height: auto;
}
#Detail #main-column #itemDetail-cont #pi_cart .infoArea {
  margin: 0;
  height: auto;
}
#Detail #main-column #itemDetail-cont #pi_cart .infoArea li {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart .infoArea li {
    width: 75%;
  }
}
#Detail #main-column #itemDetail-cont #pi_cart .infoArea li:nth-child(n+2) {
  margin-top: 5px;
}
#Detail #main-column #itemDetail-cont #pi_cart .infoArea li img {
  max-width: 315px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column #itemDetail-cont #pi_cart .infoArea li img {
    max-width: 260px;
  }
}

#itemDetail-wrap .description .item_detail_top {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .item_detail_top {
    margin-top: 30px;
  }
}
#itemDetail-wrap .description .detail_spec {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec {
    margin-top: 40px;
  }
}
#itemDetail-wrap .description .detail_spec .ttl {
  margin: 50px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .ttl {
    margin: 30px 0 5px;
  }
}
#itemDetail-wrap .description .detail_spec .ttl h3 {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .ttl h3 {
    font-size: 18px;
  }
}
#itemDetail-wrap .description .detail_spec .ttl p {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .ttl p {
    font-size: 13px;
  }
}
#itemDetail-wrap .description .detail_spec table,
#itemDetail-wrap .description .detail_spec th,
#itemDetail-wrap .description .detail_spec td {
  border: solid 1px #707070;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec table,
  #itemDetail-wrap .description .detail_spec th,
  #itemDetail-wrap .description .detail_spec td {
    border-color: #d7d7d7;
  }
}
#itemDetail-wrap .description .detail_spec th,
#itemDetail-wrap .description .detail_spec td {
  padding: 5px;
}
#itemDetail-wrap .description .detail_spec .spec_tbl_01 td:nth-child(1) {
  width: 110px;
  background-color: #f0f0f0;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .spec_tbl_01 td:nth-child(1) {
    background-color: #fff;
    text-align: center;
  }
}
#itemDetail-wrap .description .detail_spec .spec_tbl_01 td:nth-child(2) {
  width: calc(100% - 110px);
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .spec_tbl_02 tr {
    display: flex;
    flex-wrap: wrap;
  }
}
#itemDetail-wrap .description .detail_spec .spec_tbl_02 th {
  background-color: #ccc;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .spec_tbl_02 th {
    background-color: #eee;
    width: 50%;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .spec_tbl_02 th:nth-child(n+3) {
    display: none;
  }
}
#itemDetail-wrap .description .detail_spec .spec_tbl_02 td {
  width: 25%;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .spec_tbl_02 td {
    width: 50%;
  }
}
#itemDetail-wrap .description .detail_spec .spec_tbl_02 td:nth-child(odd) {
  background-color: #f0f0f0;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .detail_spec .spec_tbl_02 td:nth-child(odd) {
    background-color: transparent;
  }
}
#itemDetail-wrap .description .detail_spec .spec_tbl_02 td:nth-child(even) {
  text-align: center;
}
#itemDetail-wrap .description .detail_movie iframe {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  aspect-ratio: 16/9;
}
#itemDetail-wrap .description .item_detail_bot table {
  border-collapse: separate;
  border-spacing: 2px;
}
#itemDetail-wrap .description .item_detail_bot table td {
  padding: 10px;
}
#itemDetail-wrap .description .item_detail_bot img {
  max-width: none;
}
@media screen and (max-width: 768px) {
  #itemDetail-wrap .description .item_detail_bot img {
    max-width: 100%;
  }
}

#Detail #main-column .userreview {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview {
    margin-top: 50px;
  }
}
#Detail #main-column .userreview h2 {
  position: relative;
  margin-bottom: 30px;
  padding-left: 1em;
  padding-bottom: 15px;
  font-size: 32px;
  text-align: left;
  display: block;
  border-bottom: solid 2px #eaeaea;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview h2 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 20px;
  }
}
#Detail #main-column .userreview h2::after {
  content: "";
  color: #079ac9;
  position: absolute;
  top: 24px;
  left: 0;
  width: 12px;
  height: 12px;
  display: block;
  background-color: #079ac9;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview h2::after {
    width: 7px;
    height: 7px;
    top: 14px;
  }
}
#Detail #main-column .userreview .userreview_list {
  margin-top: 20px;
  background-color: #fff8ef;
  border: none;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview .userreview_list {
    margin-top: 15px;
  }
}
#Detail #main-column .userreview .userreview_list td {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview .userreview_list td {
    padding: 0 20px;
  }
}
#Detail #main-column .userreview .userreview_list .userreview_user {
  padding-top: 30px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview .userreview_list .userreview_user {
    padding-top: 15px;
    font-size: 16px;
  }
}
#Detail #main-column .userreview .userreview_list .userreview_date {
  padding-top: 30px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview .userreview_list .userreview_date {
    padding-top: 15px;
    font-size: 12px;
  }
}
#Detail #main-column .userreview .userreview_list .userreview_rate {
  padding-bottom: 20px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview .userreview_list .userreview_rate {
    padding-top: 15px;
    font-size: 15px;
  }
}
#Detail #main-column .userreview .userreview_list .userreview_comment {
  padding-bottom: 30px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .userreview .userreview_list .userreview_comment {
    padding-bottom: 15px;
    font-size: 15px;
  }
}

#Detail #main-column .recommend {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend {
    margin-top: 50px;
  }
}
#Detail #main-column .recommend h2 {
  position: relative;
  margin-bottom: 30px;
  padding-left: 1em;
  padding-bottom: 15px;
  font-size: 32px;
  text-align: left;
  display: block;
  border-bottom: solid 2px #eaeaea;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend h2 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 20px;
  }
}
#Detail #main-column .recommend h2::after {
  content: "";
  color: #079ac9;
  position: absolute;
  top: 24px;
  left: 0;
  width: 12px;
  height: 12px;
  display: block;
  background-color: #079ac9;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend h2::after {
    width: 7px;
    height: 7px;
    top: 14px;
  }
}
#Detail #main-column .recommend .column-set .column5 .itemThumb-wrap {
  display: flex;
  flex-direction: column-reverse;
}
#Detail #main-column .recommend .column-set .column5 .itemThumb-wrap .badge {
  position: relative;
  display: none;
}
#Detail #main-column .recommend .column-set .column5 h3 {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend .column-set .column5 h3 {
    margin-bottom: 5px;
  }
}
#Detail #main-column .recommend .column-set .column5 h3 a {
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend .column-set .column5 h3 a {
    font-size: 15px;
  }
}
#Detail #main-column .recommend .column-set .column5 .price {
  text-align: left;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend .column-set .column5 .price {
    font-size: 15px;
  }
}
#Detail #main-column .recommend .column-set .column5 .price .selling_price {
  color: #999999;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend .column-set .column5 .price .selling_price {
    color: #444;
  }
}
#Detail #main-column .recommend .column-set .column5 .price .selling_price .taxin {
  color: #999999;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend .column-set .column5 .price .selling_price .taxin {
    color: #444;
  }
}
#Detail #main-column .recommend .column-set .column5 .rg_price span.publish_point {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #Detail #main-column .recommend .column-set .column5 .rg_price span.publish_point {
    font-size: 14px;
  }
}

#sp_item_attention {
  margin-bottom: 60px;
  display: none;
}
@media screen and (max-width: 768px) {
  #sp_item_attention {
    display: block;
  }
}
#sp_item_attention .deal-attention {
  border-radius: 10px;
  overflow: hidden;
  border: solid 1px #f69495;
}
#sp_item_attention .deal-attention .ttl {
  padding: 15px;
  background-color: #f69495;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}
#sp_item_attention .deal-attention .text {
  padding: 15px;
  font-size: 14;
  line-height: 1.8;
}

/*--------------会社概要---------------- */
#main-column #Journal .company_about {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_about {
    text-align: center;
    gap: 30px;
  }
}
#main-column #Journal .company_about .left {
  width: 60%;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_about .left {
    width: 100%;
  }
}
#main-column #Journal .company_about .logo {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_about .logo {
    margin-bottom: 20px;
  }
}
#main-column #Journal .company_about .text {
  font-size: 24px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_about .text {
    font-size: 18px;
    line-height: 1.5;
  }
}
#main-column #Journal .company_about .right {
  padding-left: 20px;
  width: 40%;
  max-width: 460px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_about .right {
    margin: 0 auto;
    padding-left: 0px;
    width: 100%;
  }
}
#main-column #Journal .company_greed {
  margin-top: 100px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_greed {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_greed .intro {
    font-size: 14px;
    line-height: 2.1;
  }
}
#main-column #Journal .company_greed .philosophy {
  margin: 70px auto 0;
  padding: 75px 50px;
  background-color: #fff8ef;
  text-align: center;
  max-width: 1000px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_greed .philosophy {
    margin-top: 40px;
    padding: 30px 15px;
  }
}
#main-column #Journal .company_greed .philosophy .ttl {
  padding-bottom: 70px;
  font-size: 30px;
  font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_greed .philosophy .ttl {
    padding-bottom: 50px;
    font-size: 20px;
  }
}
#main-column #Journal .company_greed .philosophy .ttl::before {
  display: block;
  content: "";
  background-color: #444;
  height: 20px;
  width: 1px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}
#main-column #Journal .company_greed .philosophy .text span {
  font-weight: 700;
}
#main-column #Journal .company_info {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_info {
    margin-top: 80px;
  }
}
#main-column #Journal .company_info .map {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_info .map {
    margin-top: 30px;
  }
}
#main-column #Journal .company_info .map iframe {
  width: 100%;
  height: 600px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_info .map iframe {
    height: 190px;
  }
}
#main-column #Journal .company_table {
  border-collapse: separate;
  border-spacing: 5px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_table {
    border-spacing: 0px;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_table tr {
    display: block;
    background-color: #fafafa;
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_table tr:nth-child(n+2) {
    margin-top: 3px;
  }
}
#main-column #Journal .company_table th,
#main-column #Journal .company_table td {
  padding: 20px 30px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_table th,
  #main-column #Journal .company_table td {
    padding: 0;
    display: block;
  }
}
#main-column #Journal .company_table th {
  background-color: #f0f0f0;
  font-weight: 700;
  text-align: center;
  width: 270px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_table th {
    padding-bottom: 5px;
    width: 100%;
    background-color: transparent;
    text-align: left;
  }
}
#main-column #Journal .company_table td {
  background-color: #fafafa;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_table td {
    width: 100%;
  }
}
#main-column #Journal .company_table a {
  color: #079ac9;
}
#main-column #Journal .company_table a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
#main-column #Journal .company_history {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_history {
    margin-top: 65px;
  }
}
#main-column #Journal .company_history .year {
  position: relative;
}
#main-column #Journal .company_history .year::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 1.2em);
  background-color: rgba(7, 154, 201, 0.2);
  position: absolute;
  top: 1.2em;
  left: 0.2em;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_history .year::before {
    display: none;
  }
}
#main-column #Journal .company_history li {
  list-style: none;
}
#main-column #Journal .company_history li:nth-child(n+2) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_history li:nth-child(n+2) {
    margin-top: 30px;
  }
}
#main-column #Journal .company_history li .num {
  margin-bottom: 20px;
  color: #079ac9;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_history li .num {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
#main-column #Journal .company_history li table {
  padding-left: 80px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .company_history li table {
    padding-left: 0;
  }
}
#main-column #Journal .company_history li th {
  width: 290px;
}

/*--------------お買い物ガイド---------------- */
#main-column #Journal .guide_sec:nth-child(n+2) {
  padding-top: 150px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .guide_sec:nth-child(n+2) {
    padding-top: 90px;
  }
}
#main-column #Journal .guide_sec p {
  line-height: 1.8;
}
#main-column #Journal .guide_sec p:nth-child(n+3) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .guide_sec p:nth-child(n+3) {
    margin-top: 40px;
  }
}
#main-column #Journal .guide_sec p img {
  margin: 20px 0;
}
#main-column #Journal .guide_sec p a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
  color: #079ac9;
}
#main-column #Journal .guide_sec p a:hover {
  text-decoration: none;
}
#main-column #Journal .guide_sec .pc_inline {
  display: inline;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .guide_sec .pc_inline {
    display: none;
  }
}
#main-column #Journal .guide_sec .sp_inline {
  display: none;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .guide_sec .sp_inline {
    display: inline;
  }
}
#main-column #Journal .guide_sec .red {
  color: #f69495;
}
#main-column #Journal .guide_sec .blue {
  color: #079ac9;
}
#main-column #Journal .guide_sec .attention_box {
  margin-top: 50px;
  padding: 40px 30px;
  border: solid 1px #f69495;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .guide_sec .attention_box {
    padding: 20px 15px;
  }
}
#main-column #Journal .guide_sec .attention_box .ttl {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  font-size: 22px;
  font-weight: 700;
  color: #f69495;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .guide_sec .attention_box .ttl {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
#main-column #Journal .guide_sec .attention_box .ttl::before, #main-column #Journal .guide_sec .attention_box .ttl::after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: url(/svg/icon_warning_p.svg);
}
#main-column #Journal .guide_sec .attention_box strong {
  display: inline-block;
  font-size: 22px;
  padding-bottom: 0.2em;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .guide_sec .attention_box strong {
    font-size: 18px;
  }
}
#main-column #Journal #guide_pay .card_list {
  padding: 25px 20px;
  display: flex;
  background-color: #f7f7f7;
  border-radius: 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column #Journal #guide_pay .card_list {
    padding: 20px;
  }
}
#main-column #Journal #guide_pay .card_list + .card_list {
  margin-top: 10px;
}
#main-column #Journal #guide_pay .card_list dt {
  width: 230px;
  padding-right: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal #guide_pay .card_list dt {
    padding-bottom: 10px;
    padding-right: 0px;
    width: 100%;
  }
}
#main-column #Journal #guide_pay .card_list dd {
  width: calc(100% - 230px);
}
@media screen and (max-width: 768px) {
  #main-column #Journal #guide_pay .card_list dd {
    width: 100%;
  }
}
#main-column #Journal #guide_ship .ship_fee {
  margin-top: 55px;
  display: flex;
  gap: 10px;
}
#main-column #Journal #guide_ship .ship_fee .box {
  width: calc((100% - 10px) / 2);
  border-radius: 10px;
  overflow: hidden;
}
#main-column #Journal #guide_ship .ship_fee .box .ttl {
  padding: 20px;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal #guide_ship .ship_fee .box .ttl {
    padding: 10px;
  }
}
#main-column #Journal #guide_ship .ship_fee .box dl {
  padding: 20px;
  background-color: #fff8ef;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column #Journal #guide_ship .ship_fee .box dl {
    padding: 10px 15px;
  }
}
#main-column #Journal #guide_ship .ship_fee .box dl + dl {
  margin-top: 2px;
}
#main-column #Journal #guide_ship .ship_fee .box dt {
  width: 125px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal #guide_ship .ship_fee .box dt {
    width: 100%;
  }
}
#main-column #Journal #guide_ship .ship_fee .box dd {
  width: calc(100% - 125px);
}
@media screen and (max-width: 768px) {
  #main-column #Journal #guide_ship .ship_fee .box dd {
    width: 100%;
  }
}
#main-column #Journal #guide_ship .ship_fee .normal .ttl {
  background-color: #3f6c3f;
}
#main-column #Journal #guide_ship .ship_fee .frozen .ttl {
  background-color: #26467f;
}

/*--------------よくあるご質問---------------- */
.faq_sec:nth-child(n+2) {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .faq_sec:nth-child(n+2) {
    margin-top: 60px;
  }
}
.faq_sec .faq_box {
  padding: 20px;
  border: solid 1px #eaeaea;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box {
    padding: 15px;
  }
}
.faq_sec .faq_box:nth-child(n+2) {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box:nth-child(n+2) {
    margin-top: 15px;
  }
}
.faq_sec .faq_box dt {
  position: relative;
  padding-right: 25px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box dt {
    padding-right: 20px;
  }
}
.faq_sec .faq_box dt::before, .faq_sec .faq_box dt::after {
  content: "";
  display: block;
  background-color: #444;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box dt::before, .faq_sec .faq_box dt::after {
    width: 14px;
  }
}
.faq_sec .faq_box dt::after {
  transform: translateY(-50%) rotate(90deg);
}
.faq_sec .faq_box dt.active::after {
  transform: translateY(-50%) rotate(0deg);
}
.faq_sec .faq_box .question {
  padding-left: 50px;
  font-size: 20px;
  font-weight: 700;
  color: #079ac9;
  position: relative;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box .question {
    padding-left: 30px;
    font-size: 16px;
  }
}
.faq_sec .faq_box .question::before {
  content: "Q.";
  font-size: 40px;
  font-weight: 700;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  display: block;
  position: absolute;
  top: -0.5em;
  left: 0;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box .question::before {
    font-size: 25px;
    top: -0.3em;
  }
}
.faq_sec .faq_box dd {
  margin-top: 25px;
  display: none;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box dd {
    margin-top: 15px;
  }
}
.faq_sec .faq_box .answer {
  padding-left: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box .answer {
    padding-left: 30px;
  }
}
.faq_sec .faq_box .answer::before {
  content: "A.";
  color: #aaa;
  font-size: 40px;
  font-weight: 700;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  display: block;
  position: absolute;
  top: -0.3em;
  left: 0;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box .answer::before {
    font-size: 25px;
    top: -0.2em;
  }
}
.faq_sec .faq_box .answer p a {
  color: #079ac9;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
.faq_sec .faq_box .answer p a:hover {
  text-decoration: none;
}
.faq_sec .faq_box .answer p .blue {
  color: #079ac9;
}
.faq_sec .faq_box .answer .left_arrow_link + p {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .faq_sec .faq_box .answer .left_arrow_link + p {
    margin-top: 20px;
  }
}

/*--------------お役立ち情報---------------- */
#main-column #Journal .selection_sec + .selection_sec {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec + .selection_sec {
    margin-top: 50px;
  }
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .cate_link li {
    width: calc((100% - 25px) / 2);
  }
}
#main-column #Journal .selection_sec .about_box {
  line-height: 1.8;
}
#main-column #Journal .selection_sec .about_box .ttl {
  margin-bottom: 20px;
  color: #079ac9;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .about_box .ttl {
    margin-bottom: 15px;
    font-size: 18px;
  }
}
#main-column #Journal .selection_sec .about_box .sub_ttl {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .about_box .sub_ttl {
    margin-bottom: 15px;
  }
}
#main-column #Journal .selection_sec .about_box .photo {
  padding-left: 30px;
  padding-bottom: 30px;
  float: right;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .about_box .photo {
    padding-left: 0;
    padding-bottom: 20px;
    float: none;
    text-align: center;
  }
}
#main-column #Journal .selection_sec .about_box .photo_box {
  margin: 40px 0;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
#main-column #Journal .selection_sec .about_box .photo_box img {
  max-width: 316px;
}
#main-column #Journal .selection_sec .about_box .quote {
  margin-top: 20px;
  text-align: right;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .about_box .quote {
    font-size: 12px;
    text-align: left;
  }
}
#main-column #Journal .selection_sec .about_box .guideline {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .about_box .guideline {
    margin-top: 30px;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .about_box .guideline img {
    min-width: 850px;
  }
}
#main-column #Journal .selection_sec .osusume_box {
  padding: 50px 30px;
  margin-top: 60px;
  background-color: #fff8ef;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box {
    width: 100vw;
    margin: 90px calc(50% - 50vw) 0;
    padding: 30px 15px;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_ttl {
  margin-bottom: 45px;
  font-size: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box .osusume_ttl {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_note .box {
  display: flex;
  flex-wrap: wrap;
}
#main-column #Journal .selection_sec .osusume_box .osusume_note .box:nth-child(n+2) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box .osusume_note .box:nth-child(n+2) {
    margin-top: 25px;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_note .box .left {
  width: 70%;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box .osusume_note .box .left {
    width: 100%;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_note .box .right {
  padding-left: 4%;
  width: 30%;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box .osusume_note .box .right {
    padding-left: 0;
    width: 100%;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_note .box .right_2 {
  padding-top: 30px;
  width: 100%;
}
#main-column #Journal .selection_sec .osusume_box .osusume_note .box .right_2 img {
  margin: 0 auto;
}
#main-column #Journal .selection_sec .osusume_box .osusume_note .box .ttl {
  margin-bottom: 20px;
  padding: 12px;
  background-color: #fff;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box .osusume_note .box .ttl {
    margin-bottom: 15px;
    font-size: 14px;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_note .box p {
  line-height: 2;
}
#main-column #Journal .selection_sec .osusume_box .osusume_example {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box .osusume_example {
    margin-top: 40px;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_example .ttl {
  margin-bottom: 30px;
  padding: 25px;
  font-size: 24px;
  border-top: solid 1px #444;
  border-bottom: solid 1px #444;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box .osusume_example .ttl {
    margin-bottom: 20px;
    padding: 20px;
    font-size: 20px;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_example .list {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .osusume_box .osusume_example .list {
    gap: 10px;
  }
}
#main-column #Journal .selection_sec .osusume_box .osusume_example .list li {
  width: calc((100% - 30px) / 3);
}
#main-column #Journal .selection_sec .osusume_box .osusume_example .list .name {
  margin-top: 10px;
}
#main-column #Journal .selection_sec .osusume_box .osusume_example .list .price {
  margin-top: 15px;
  font-weight: 700;
}
#main-column #Journal .selection_sec .point_tab ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_tab ul {
    gap: 20px 10px;
  }
}
#main-column #Journal .selection_sec .point_tab li {
  width: calc((100% - 60px) / 4);
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_tab li {
    width: calc((100% - 10px) / 2);
  }
}
#main-column #Journal .selection_sec .point_tab li a {
  display: block;
  padding: 15px 15px 30px;
  border: solid 1px #efefef;
  border-radius: 10px;
  text-align: center;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_tab li a {
    padding: 15px 10px 25px;
  }
}
#main-column #Journal .selection_sec .point_tab li a::after {
  content: "\f0ab";
  font-family: "font awesome 6 free";
  font-weight: 900;
  color: #079ac9;
  font-size: 24px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_tab li a::after {
    font-size: 18px;
    bottom: -15px;
  }
}
#main-column #Journal .selection_sec .point_tab li a:hover {
  border-color: #079ac9;
  background-color: #f7f7f7;
}
#main-column #Journal .selection_sec .point_tab li .num {
  font-size: 24px;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-style: italic;
  color: #079ac9;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_tab li .num {
    font-size: 20px;
  }
}
#main-column #Journal .selection_sec .point_list li {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_list li {
    margin-top: 50px;
  }
}
#main-column #Journal .selection_sec .point_list .point_ttl {
  padding: 15px 20px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_list .point_ttl {
    padding: 10px;
  }
}
#main-column #Journal .selection_sec .point_list .point_ttl .num {
  padding-right: 20px;
  color: #079ac9;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 30px;
  font-weight: 700;
  font-style: italic;
  border-right: solid 1px #cccccc;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_list .point_ttl .num {
    padding-right: 10px;
    font-size: 18px;
  }
}
#main-column #Journal .selection_sec .point_list .point_ttl h4 {
  padding-left: 20px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_list .point_ttl h4 {
    padding-left: 10px;
    font-size: 18px;
  }
}
#main-column #Journal .selection_sec .point_list .cont {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_list .cont {
    margin-top: 10px;
  }
}
#main-column #Journal .selection_sec .point_list .cont p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_list .cont p {
    line-height: 1.6;
  }
}
#main-column #Journal .selection_sec .point_list .cont img {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_list .cont img {
    margin-top: 15px;
  }
}
#main-column #Journal .selection_sec .point_list .cont .note {
  margin-top: 30px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .point_list .cont .note {
    margin-top: 10px;
    font-size: 12px;
  }
}
#main-column #Journal .selection_sec .popular_box {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .popular_box {
    padding: 0 25px;
  }
}
#main-column #Journal .selection_sec .staff_box .staff_ttl {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .staff_ttl {
    margin-bottom: 30px;
    gap: 20px;
  }
}
#main-column #Journal .selection_sec .staff_box .staff_ttl::before, #main-column #Journal .selection_sec .staff_box .staff_ttl::after {
  content: "";
  display: block;
  height: 10px;
  flex-grow: 1;
  border-top: solid 2px #eaeaea;
  border-bottom: solid 2px #eaeaea;
}
#main-column #Journal .selection_sec .staff_box .staff_ttl .box {
  display: flex;
  align-items: center;
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .staff_ttl .box {
    font-size: 20px;
  }
}
#main-column #Journal .selection_sec .staff_box .staff_ttl .icon {
  padding-right: 0.5em;
}
#main-column #Journal .selection_sec .staff_box .staff_ttl .icon img {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .staff_ttl .icon img {
    width: 21px;
  }
}
#main-column #Journal .selection_sec .staff_box .report {
  padding: 40px 30px 30px;
  background-color: #fff8ef;
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .report {
    padding: 20px 15px;
  }
}
#main-column #Journal .selection_sec .staff_box .report + .report {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .report + .report {
    margin-top: 15px;
  }
}
#main-column #Journal .selection_sec .staff_box .report .left {
  width: 38%;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .report .left {
    width: 100%;
    padding: 0 35px 15px;
  }
}
#main-column #Journal .selection_sec .staff_box .report .right {
  width: 62%;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .report .right {
    width: 100%;
  }
}
#main-column #Journal .selection_sec .staff_box .report .right.w100 {
  width: 100%;
}
#main-column #Journal .selection_sec .staff_box .report .ttl {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .report .ttl {
    margin-bottom: 15px;
  }
}
#main-column #Journal .selection_sec .staff_box .report p {
  line-height: 2;
}
#main-column #Journal .selection_sec .staff_box .report .link {
  margin-top: 20px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .report .link {
    margin-top: 10px;
  }
}
#main-column #Journal .selection_sec .staff_box .report .link a {
  color: #999;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .staff_box .report .link a {
    font-size: 14px;
  }
}
#main-column #Journal .selection_sec .staff_box .report .link a:hover {
  color: #444;
}
#main-column #Journal .selection_sec .worry_list {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .worry_list {
    flex-wrap: wrap;
    gap: 15px;
  }
}
#main-column #Journal .selection_sec .worry_list li {
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .worry_list li {
    width: 100%;
  }
}
#main-column #Journal .selection_sec .worry_list .photo {
  border-radius: 15px;
  overflow: hidden;
}
#main-column #Journal .selection_sec .worry_list .text {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .worry_list .text {
    margin-top: 5px;
  }
}
#main-column #Journal .selection_sec .way_box .tbl {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .way_box .tbl {
    margin-top: 30px;
    overflow-x: scroll;
  }
}
#main-column #Journal .selection_sec .way_box .tbl img {
  min-width: 691px;
}
#main-column #Journal .selection_sec .udf {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .udf {
    margin-top: 50px;
  }
}
#main-column #Journal .selection_sec .variety_box .about img {
  margin: 0 auto;
}
#main-column #Journal .selection_sec .variety_box .intro {
  margin-bottom: 30px;
}
#main-column #Journal .selection_sec .variety_box .cont {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .variety_box .cont {
    margin-top: 30px;
  }
}
#main-column #Journal .selection_sec .variety_box .cont img {
  margin: 0 auto;
}
#main-column #Journal .selection_sec .variety_box .cont .list dl {
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
#main-column #Journal .selection_sec .variety_box .cont .list dl:nth-child(n+2) {
  margin-top: 10px;
}
#main-column #Journal .selection_sec .variety_box .cont .list dt,
#main-column #Journal .selection_sec .variety_box .cont .list dd {
  padding: 15px 20px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .variety_box .cont .list dt,
  #main-column #Journal .selection_sec .variety_box .cont .list dd {
    padding: 10px 15px;
  }
}
#main-column #Journal .selection_sec .variety_box .cont .list dt {
  border-right: solid 1px #fff;
  background-color: #079ac9;
  color: #fff;
  width: 200px;
  display: flex;
  align-items: center;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .variety_box .cont .list dt {
    width: 100%;
    justify-content: center;
  }
}
#main-column #Journal .selection_sec .variety_box .cont .list dd {
  width: calc(100% - 200px);
  background-color: #fff8ef;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .variety_box .cont .list dd {
    width: 100%;
  }
}
#main-column #Journal .selection_sec .variety_box .cont .list dd span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .variety_box .cont .list dd span {
    font-size: 12px;
  }
}
#main-column #Journal .selection_sec .variety_box .cont .item_list .ttl {
  margin-bottom: 20px;
}
#main-column #Journal .selection_sec .variety_box .cont .item_list .item {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .variety_box .cont .item_list .item {
    gap: 20px;
  }
}
#main-column #Journal .selection_sec .variety_box .cont .item_list .item li {
  width: calc((100% - 90px) / 4);
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .variety_box .cont .item_list .item li {
    width: calc((100% - 20px) / 2);
  }
}
#main-column #Journal .selection_sec .variety_box .cont .item_list .item .photo {
  border-radius: 10px;
  overflow: hidden;
}
#main-column #Journal .selection_sec .variety_box .cont .item_list .item .name {
  margin-top: 10px;
}
#main-column #Journal .selection_sec .variety_box .cont .item_list .item .price {
  margin-top: 18px;
  color: #999;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .variety_box .cont .item_list .item .price {
    margin-top: 8px;
    color: #444;
  }
}
#main-column #Journal .selection_sec .selection_faq .faq_box dt::before, #main-column #Journal .selection_sec .selection_faq .faq_box dt::after {
  display: none;
}
#main-column #Journal .selection_sec .pack_box .list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .pack_box .list {
    gap: 20px 10px;
  }
}
#main-column #Journal .selection_sec .pack_box .list li {
  width: calc((100% - 120px) / 5);
  border: solid 1px #eaeaea;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .pack_box .list li {
    width: calc((100% - 20px) / 3);
  }
}
#main-column #Journal .selection_sec .pack_box .list .photo {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 15px 19px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .pack_box .list .photo {
    height: 100px;
    padding: 17px 0 14px;
  }
}
#main-column #Journal .selection_sec .pack_box .list .photo img {
  width: auto;
  max-height: 100%;
  vertical-align: middle;
}
#main-column #Journal .selection_sec .pack_box .list .text {
  padding: 2px 10px;
  min-height: 56px;
  height: calc(100% - 140px);
  background-color: #079ac9;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .pack_box .list .text {
    height: calc(100% - 100px);
    min-height: 41px;
  }
}
#main-column #Journal .selection_sec .pack_box .list .text p {
  color: #fff;
}
#main-column #Journal .selection_sec .pack_box .list .text span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .pack_box .list .text span {
    font-size: 12px;
  }
}
#main-column #Journal .selection_sec .component_tbl table {
  border-collapse: separate;
  border-spacing: 2px;
}
#main-column #Journal .selection_sec .component_tbl th {
  padding: 15px;
  background-color: #079ac9;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .component_tbl th {
    padding: 10px 5px;
  }
}
#main-column #Journal .selection_sec .component_tbl .unit th {
  background-color: rgba(7, 154, 201, 0.6);
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .component_tbl .unit th {
    font-size: 14px;
  }
}
#main-column #Journal .selection_sec .component_tbl td {
  padding: 15px;
  text-align: center;
  background-color: #fff8ef;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .component_tbl td {
    padding: 10px 5px;
    font-size: 14px;
  }
}
#main-column #Journal .selection_sec .component_tbl td a {
  color: #079ac9;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .component_tbl td a {
    font-size: 18px;
  }
}
#main-column #Journal .selection_sec .component_tbl td a:hover {
  text-decoration: none;
}
#main-column #Journal .selection_sec .component_list {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px 10px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .component_list {
    margin-top: 50px;
    gap: 20px;
  }
}
#main-column #Journal .selection_sec .component_list .col1 {
  width: calc((100% - 10px) / 4);
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .component_list .col1 {
    width: 100%;
  }
}
#main-column #Journal .selection_sec .component_list .col1 .cate_link li {
  width: 100%;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .component_list .col1 .cate_link li {
    width: calc((100% - 10px) / 2);
  }
}
#main-column #Journal .selection_sec .component_list .col2 {
  width: calc((100% - 10px) / 2);
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .component_list .col2 {
    width: 100%;
  }
}
#main-column #Journal .selection_sec .component_list .col2 .cate_link li {
  width: calc((100% - 25px) / 2);
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .component_list .col2 .cate_link li {
    width: calc((100% - 10px) / 2);
  }
}
#main-column #Journal .selection_sec .component_list .col3 {
  width: calc((100% - 10px) / 4 * 3);
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .component_list .col3 {
    width: 100%;
  }
}
#main-column #Journal .selection_sec .component_list .col3 .cate_link li {
  width: calc((100% - 50px) / 3);
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .component_list .col3 .cate_link li {
    width: calc((100% - 10px) / 2);
  }
}
#main-column #Journal .selection_sec .component_list > div:nth-child(1) .ttl {
  background-color: #87b527;
}
#main-column #Journal .selection_sec .component_list > div:nth-child(2) .ttl {
  background-color: #079ac9;
}
#main-column #Journal .selection_sec .component_list > div:nth-child(3) .ttl {
  background-color: #ef9e57;
}
#main-column #Journal .selection_sec .component_list > div:nth-child(4) .ttl {
  background-color: #ec5146;
}
#main-column #Journal .selection_sec .component_list .ttl {
  margin-bottom: 10px;
  padding: 10px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .component_list .cate_link ul {
    gap: 10px;
  }
}
#main-column #Journal .selection_sec .howto_box ol {
  padding-top: 10px;
  margin: 0;
  counter-reset: number 0;
}
#main-column #Journal .selection_sec .howto_box ol li {
  position: relative;
  padding-left: 1.5em;
}
#main-column #Journal .selection_sec .howto_box ol li::before {
  counter-increment: number 1;
  content: counter(number) ".";
  color: #079ac9;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .howto_box ol li::before {
    top: -5px;
  }
}
#main-column #Journal .selection_sec .howto_box ol li:nth-child(n+2) {
  margin-top: 15px;
}
#main-column #Journal .selection_sec .howto_box ol li span {
  font-size: 14px;
}
#main-column #Journal .selection_sec .howto_box .advise {
  margin-top: 30px;
  padding: 30px 25px;
  border: solid 1px #079ac9;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .howto_box .advise {
    padding: 20px 15px;
  }
}
#main-column #Journal .selection_sec .howto_box .advise .advise_ttl {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #079ac9;
  background-color: #fff;
  padding: 0 20px;
  position: absolute;
  top: -15px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .howto_box .advise .advise_ttl {
    left: 50%;
    transform: translateX(-50%);
    width: 220px;
    padding: 0 10px;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .howto_box .advise .advise_ttl .icon {
    width: 11px;
  }
}
#main-column #Journal .selection_sec .howto_box .advise .advise_ttl .icon img {
  vertical-align: middle;
}
#main-column #Journal .selection_sec .howto_box .advise .note {
  margin-top: 20px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .selection_sec .howto_box .advise .note {
    margin-top: 10px;
    font-size: 12px;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .box {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#main-column #Journal .selection_sec .howto_box .chart .box:nth-child(n+2) {
  margin-top: 30px;
}
#main-column #Journal .selection_sec .howto_box .chart .box:nth-child(1) {
  align-items: inherit;
}
#main-column #Journal .selection_sec .howto_box .chart .box:nth-child(1) .ribon {
  background-color: #079ac9;
}
#main-column #Journal .selection_sec .howto_box .chart .box:nth-child(1) .ttl {
  color: #079ac9;
}
#main-column #Journal .selection_sec .howto_box .chart .box:nth-child(2) .ribon {
  background-color: #87b527;
}
#main-column #Journal .selection_sec .howto_box .chart .box:nth-child(2) .ribon::after {
  border-top: solid 17px #87b527;
  border-bottom: solid 17px #87b527;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .box:nth-child(2) .ribon::after {
    border-top: solid 14px #87b527;
    border-bottom: solid 14px #87b527;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .box:nth-child(2) .ttl {
  color: #87b527;
}
#main-column #Journal .selection_sec .howto_box .chart .left,
#main-column #Journal .selection_sec .howto_box .chart .right {
  background-color: #fff8ef;
  border-radius: 10px;
  overflow: hidden;
}
#main-column #Journal .selection_sec .howto_box .chart .left {
  width: calc(35% - 25px);
  position: relative;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .left {
    width: 100%;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .right {
  padding: 30px;
  width: calc(65% - 25px);
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .right {
    padding: 15px;
    width: 100%;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .ribon {
  padding: 0px 20px;
  color: #fff;
  display: inline-block;
  position: relative;
  line-height: 34px;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .ribon {
    padding: 0px 15px;
    line-height: 28px;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .ribon::after {
  content: "";
  position: absolute;
  right: -14px;
  border-top: solid 17px #079ac9;
  border-bottom: solid 17px #079ac9;
  border-right: solid 15px transparent;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .ribon::after {
    right: -11px;
    border-top: solid 14px #079ac9;
    border-bottom: solid 14px #079ac9;
    border-right: solid 12px transparent;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .cont {
  padding: 15px 20px 20px;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .cont {
    padding: 10px 15px 15px;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .ttl {
  font-weight: 700;
}
#main-column #Journal .selection_sec .howto_box .chart .arrow {
  width: 50px;
  text-align: center;
  padding-top: 50px;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .arrow {
    width: 100%;
    padding: 10px 0;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .arrow img {
  margin: 0 auto;
  transform: rotate(180deg);
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .arrow img {
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .arrow .pc_only {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .arrow .sp_only {
    display: block;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .list {
  margin-top: 30px;
}
#main-column #Journal .selection_sec .howto_box .chart .list li {
  padding: 10px 20px 20px;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .list li {
    padding: 10px 15px 15px;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .list li:nth-child(n+2) {
  margin-top: 20px;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .list li:nth-child(n+2) {
    margin-top: 10px;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .list .tab {
  margin-top: 10px;
}
#main-column #Journal .selection_sec .howto_box .chart .list .tab span {
  padding: 2px 5px;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-weight: 700;
  font-size: 14px;
  border-radius: 3px;
}
@media screen and (max-width: 992px) {
  #main-column #Journal .selection_sec .howto_box .chart .list .tab span {
    font-size: 12px;
  }
}
#main-column #Journal .selection_sec .howto_box .chart .list .tab span:nth-child(n+2) {
  margin-left: 5px;
}
#main-column #Journal .selection_sec .howto_box .chart .list .tab span.tag01 {
  background-color: #079ac9;
}
#main-column #Journal .selection_sec .howto_box .chart .list .tab span.tag02 {
  background-color: #87b527;
}
#main-column #Journal .selection_sec .howto_box .chart .list .tab span.tag03 {
  background-color: #6ac2de;
}
#main-column #Journal .selection_sec .howto_box .chart .list .tab span.tag04 {
  background-color: #b7d27d;
}

/*--------------会社概要---------------- */
#main-column #Journal .member_about {
  text-align: center;
}
#main-column #Journal .member_about .intro .deco {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .intro .deco {
    display: none;
  }
}
#main-column #Journal .member_about .intro .text {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .intro .text {
    font-size: 20px;
  }
}
#main-column #Journal .member_about .intro .text img {
  display: inline-block;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .intro .text img {
    width: 115px;
  }
}
#main-column #Journal .member_about .list {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list {
    margin-top: 50px;
  }
}
#main-column #Journal .member_about .list ul {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list ul {
    gap: 20px;
  }
}
#main-column #Journal .member_about .list li {
  padding: 30px 10px 10px;
  width: calc((100% - 120px) / 5);
  background-color: #fff8ef;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list li {
    padding: 20px;
    width: 100%;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list li:nth-child(1) .photo img {
    width: 40px;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list li:nth-child(3) .photo img {
    width: 43px;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list li:nth-child(4) .photo img {
    width: 38px;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list li:nth-child(5) .photo img {
    width: 41px;
  }
}
#main-column #Journal .member_about .list .num {
  position: absolute;
  top: -25px;
  left: 5px;
  font-size: 30px;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list .num {
    top: -20px;
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list .photo {
    width: 50px;
    margin-right: 20px;
    text-align: center;
  }
}
#main-column #Journal .member_about .list .text {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list .text {
    margin-top: 0px;
    width: calc(100% - 70px);
    text-align: left;
    font-size: 16px;
  }
}
#main-column #Journal .member_about .list .text span {
  color: #079ac9;
}
#main-column #Journal .member_about .list .text .note {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_about .list .text .note {
    font-size: 12px;
  }
}
#main-column #Journal .member_point .point_box {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .point_box {
    margin-top: 50px;
  }
}
#main-column #Journal .member_point .point_ttl {
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  font-weight: 700;
  border-bottom: solid 2px #eaeaea;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .point_ttl {
    align-items: flex-start;
    line-height: 1;
  }
}
#main-column #Journal .member_point .point_ttl .num {
  padding-right: 15px;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .point_ttl .num {
    font-size: 30px;
  }
}
#main-column #Journal .member_point .point_ttl .text {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .point_ttl .text {
    font-size: 20px;
  }
}
#main-column #Journal .member_point .point_ttl .text span {
  color: #079ac9;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point p {
    line-height: 2;
  }
}
#main-column #Journal .member_point .blue {
  color: #079ac9;
}
#main-column #Journal .member_point .way {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .way {
    margin-top: 35px;
  }
}
#main-column #Journal .member_point .way .way_ttl {
  margin-bottom: 25px;
  padding-left: 15px;
  font-size: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .way .way_ttl {
    margin-bottom: 30px;
    font-size: 18px;
  }
}
#main-column #Journal .member_point .way .way_ttl::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #079ac9;
  height: 30px;
  width: 4px;
  border-radius: 4px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#main-column #Journal .member_point .way .way_list li {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .way .way_list li {
    flex-flow: column-reverse;
    gap: 20px;
  }
}
#main-column #Journal .member_point .way .way_list li:nth-child(n+2) {
  margin-top: 35px;
}
#main-column #Journal .member_point .way .way_list .left {
  width: 400px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .way .way_list .left {
    width: 100%;
  }
}
#main-column #Journal .member_point .way .way_list .right {
  width: calc(100% - 440px);
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .way .way_list .right {
    width: 100%;
  }
}
#main-column #Journal .member_point .way .way_list .num {
  width: 36px;
  line-height: 36px;
  background-color: #444;
  color: #fff;
  font-family: "YakuhanJP", "Lato", "Noto Sans JP", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  text-align: center;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .way .way_list .num {
    width: 28px;
    line-height: 28px;
  }
}
#main-column #Journal .member_point .way .way_list .text {
  padding-top: 4px;
  width: calc(100% - 36px);
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_point .way .way_list .text {
    padding-left: 10px;
  }
}
#main-column #Journal .member_point .way .way_list .text li {
  margin-top: 10px;
  display: list-item;
}
#main-column #Journal .member_point .red {
  color: #f69495;
}
#main-column #Journal .member_link {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_link {
    margin-top: 40px;
  }
}
#main-column #Journal .member_link a {
  margin: 0 auto;
  color: #079ac9;
  border: solid 2px #079ac9;
  padding: 25px 20px;
  max-width: 400px;
  width: 100%;
  text-align: center;
  display: block;
  border-radius: 80px;
}
@media screen and (max-width: 768px) {
  #main-column #Journal .member_link a {
    padding: 20px 15px;
    font-size: 14px;
    max-width: 320px;
  }
}
#main-column #Journal .member_link a p {
  display: inline-block;
  padding-left: 0.2em;
}
#main-column #Journal .member_link a:hover {
  background-color: #079ac9;
  color: #fff;
}
#main-column #Journal .member_link a:hover p {
  color: #fff;
}/*# sourceMappingURL=style.css.map */