@charset "utf-8";

/* Start For SUB Contents */

/* HISTORY ------------------------------- */
h2 {
  margin: 0;
  font-weight: bold;
}
div#history {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
}
div#history img {
  width: 100%;
  max-width: 100%;
  border-radius: 20px;
  border: 7px solid #d8d8d8;
}
div#history .tit {
  margin: 40px 0;
  /*padding: 0 0 0 60px;*/
  font-size: 16px;
  color: #333;
}

div#history .tit h2 {
  font-size: 30px;
}

div#history .left {
  float: left;
  width: 40%;
  margin: 0 2%;
}

div#history .right {
  float: right;
  width: 52%;
  line-height: 24px;
  margin: 0 2%;
}

#history dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

#history dl {
  border: none;
  width: 100%;
}

#history p {
  margin-bottom: 25px;
}

#history dt,
#history dd {
  padding: 5px;
}

#history dt {
  border-bottom: 1px dotted #999;
  clear: left;
  float: left;
  width: 25%;
  line-height: 2.45;
}

#history dd {
  background: #fff;
  border-bottom: 1px dotted #999;
  line-height: 2.45;
}
/* 商品一覧ページ 見出し-------------------------------*/
div#listtitle .tit {
  margin-bottom: 3rem;
  padding: 5px 0 0 60px;
  font-size: 16px;
  color: #333;
  background: url("https://naothing.itembox.design/item/sub/tit_bk.png")
    no-repeat left;
  border-bottom: 3px #e5e5e5 dotted;
}

div#listtitle .tit h2 {
  font-size: 30px;
}

#listtitle p {
  margin-bottom: 25px;
}

/* COLUMN COLLECTION ------------------------------- */
div#column_collection {
  margin-bottom: 80px;
  color: #555;
}

div#column_collection .tit {
  margin-bottom: 3rem;
  font-size: 16px;
  color: #333;
}

div#column_collection .tit h2 {
  font-size: 30px;
  margin-bottom: 0;
}

div#column_collection .tit p {
  margin: 0;
}
div#column_collection .column_cont {
  margin-bottom: 50px;
  border: 1px #e8e8e8 solid;
  border-radius: 10px;
  padding: 30px;
}

div#column_collection .column_cont .sub_tit {
  margin-bottom: 20px;
}

div#column_collection .column_cont .sub_tit h2 {
  font-size: 160%;
  margin-bottom: 10px;
}

div#column_collection .column_cont .sub_tit .col_num {
  font-size: 150%;
	color: #e26a0d;
	background: url("https://naothing.itembox.design/item/column/column_tit_icon02.png")
    no-repeat left top;
	background-size: contain;
	padding-left: 50px;
}

div#column_collection .column_cont .accordion h4 {
  font-size: 14px;
  font-weight: bold;
}

div#column_collection .column_cont .accordion dl {
  margin: 0;
  padding: 0;
  border-bottom: 1px #e8e8e8 solid;
  background: #f5f5f5;
}

div#column_collection .column_cont .accordion dl dt {
  padding: 15px;
  font-size: 130%;
  font-weight: bold;
  cursor: pointer;
  list-style: square;
  display: list-item;
  list-style-position: inside;
}

div#column_collection .column_cont .accordion dl dt:hover {
  background: rgba(232, 0, 159, 0.1);
}

div#column_collection .column_cont .accordion dl dt a {
  text-decoration: none;
  color: #333;
  display: block;
}

div#column_collection .column_cont .accordion dl dd {
  /*margin: 5px 0 0 0;*/
  padding: 2rem;
  background-color: #fff;
  display: none;
}

div#column_collection .column_cont .col_textB {
  font-weight: bold;
}

div#column_collection .column_cont .accordion ul li {
  list-style: none;
}

div#column_collection .column_cont .accordion p {
  margin: 0;
}

div#column_collection .column_cont .column_comment {
  margin: 20px 0 !important;
  padding: 20px;
  background: rgba(232, 0, 159, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  line-height: 1.7;
}

div#column_collection #col06 ul.txt_check li {
  position: relative;
}

div#column_collection #col06 ul.txt_check li::after {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

div#column_collection #col06 .accordion dl dd p.type_tit_b {
  color: #ff8244;
  font-size: 140%;
  margin: 0 0 10px 0;
  border-bottom: solid 1px #ff8244;
}

div#column_collection #col06 .accordion dl dd ul li.type_tit_s {
  color: #ff8244;
}

div#column_collection #col06 .accordion dl dd p.material_tit_b {
  color: #4eab36;
  font-size: 140%;
  margin: 20px 0 10px 0;
  border-bottom: solid 1px #4eab36;
}

div#column_collection #col06 .accordion dl dd ul li.material_tit_s {
  color: #4eab36;
}
.column_text_flex {
  display: flex;
}

.column_text_flex span {
  width: 100%;
  text-align: right;
	margin: auto 0;
	padding-left: 10px;
}
.column_text_flex span img {
  object-fit: cover;
}

@media screen and (max-width: 767px) {
	.column_text_flex {
  display: block;
}
	.column_text_flex span {
	padding-left: 0px;
}
	.column_text_flex span img {
  width: 100%;
max-height: 200px;
}
div#column_collection .column_cont {
  padding: 20px;
}
div#column_collection .column_cont .accordion dl dt {
  font-size: 100%;
}
	div#column_collection .column_cont .sub_tit .col_num {
  font-size: 150%;
		padding-left: 40px;
		margin-bottom: 5px;
	}
	div#column_collection .column_cont .sub_tit h2 {
  font-size: 130%;
}

}

@media screen and (min-width: 1025px){
	
	.pc_none {
		display: none;
}
}


/* FAQ ------------------------------- */
div#faq {
  margin-bottom: 80px;
}

div#faq .tit {
  margin-bottom: 3rem;

  font-size: 16px;
  color: #333;
}

div#faq .tit h2 {
  font-size: 30px;
}

div#faq .sub_tit {
  margin-bottom: 20px;
}

div#faq .accordion h4 {
  font-size: 14px;
  font-weight: bold;
}

div#faq .accordion dl {
  margin: 0;
  padding: 0;
  border-bottom: 1px #e8e8e8 solid;
  background: #f5f5f5;
}

div#faq .accordion dl dt {
  padding: 15px;
  font-weight: bold;
  cursor: pointer;
}

div#faq .accordion dl dt:hover {
  background: rgba(232, 0, 159, 0.1);
}

div#faq .accordion dl dd {
  padding: 15px;
  background-color: #fff;
  line-height: 24px;
  display: none;
}

div#faq .accordion dl dt a {
  text-decoration: none;
  color: #333;
  display: block;
}

div#faq .accordion ul li {
  list-style: none;
}

div#faq .accordion table {
  border-collapse: collapse;
  border: 1px solid #dddddd;
  margin: 0 1em;
}
div#faq .accordion tr,
div#faq .accordion td {
  border: 1px solid #dddddd;
  vertical-align: top;
  padding: 5px;
}

div#faq .accordion .acco_fb {
  font-weight: bold;
}

div#faq .accordion p {
  margin: 0.5em 1em;
}

div#faq .accordion .bggrey {
  background-color: #eeeeee;
}

div#faq .column_comment {
  margin: 20px 0 !important;
  padding: 20px;
  background: rgba(232, 0, 159, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  line-height: 1.7;
}

/* ご利用ガイド ------------------------------- */
div#guide {
  margin-bottom: 80px;
}

div#guide .tit {
  margin-bottom: 3rem;

  font-size: 16px;
  color: #333;
  /*background: url("https://naothing.itembox.design/item/sub/tit_bk.png") no-repeat left;*/
  /*border-bottom: 3px #e5e5e5 dotted;*/
}

div#guide .tit h2 {
  font-size: 30px;
}

div#guide .sub_tit {
  margin-bottom: 20px;
}

div#guide .accordion h4 {
  font-size: 14px;
  font-weight: bold;
}
div#guide .accordion dl {
  margin: 0;
  padding: 0;
  border-bottom: 1px #e8e8e8 solid;
  background: #f5f5f5;
}

div#guide .accordion dl dt {
  padding: 15px;
  font-weight: bold;
  cursor: pointer;
}

div#guide .accordion dl dt:hover {
  background: rgba(232, 0, 159, 0.1);
}

div#guide .accordion dl dd {
  padding: 15px;
  background-color: #fff;
  line-height: 24px;
  display: none;
}

div#guide .accordion dl dt a {
  text-decoration: none;
  color: #333;
  display: block;
}

div#guide .accordion ul li {
  list-style: none;
}
div#guide .accordion th {
  font-weight: bold;
}
div#guide .accordion tr,
div#guide .accordion td {
  border: 1px solid #dddddd;
}

div#guide .accordion .acco_fb {
  font-weight: bold;
}

div#guide .accordion p {
  margin: 0.5em 1em;
}

div#guide .accordion .bggrey {
  background-color: #eeeeee;
}

div#guide .column_comment {
  margin: 20px 0 !important;
  padding: 20px;
  background: rgba(232, 0, 159, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  line-height: 1.7;
}

/* SNS 商品詳細ページ-------------------------------  */

#detailrightblock .btn_sns {
  height: 25px;
  /*padding-top: 15px;
  margin-top: 15px;
  margin-bottom: 10px;*/
  clear: both;
}

#detailrightblock .btn_sns li.to_tw {
  margin-right: 8px;
}

#detailrightblock .btn_sns li {
  float: left;
}

#detailrightblock .t_btn_sns {
  height: 25px;
  padding-top: 15px;
  /*margin-top: 15px;
  margin-bottom: 10px;*/
  clear: both;
}

#detailrightblock .t_btn_sns li.to_tw {
  margin-right: 8px;
}

#detailrightblock .t_btn_sns li {
  float: left;
}

/*商品詳細ページテキストデコレーション （1カラム）*/

@media screen and (max-width: 1024px) {
  .shouhin_spec {
    width: 100% !important;
  }
  .shouhin_lp {
    width: 100% !important;
  }
  .shouhin_lp img {
    width: 100% !important;
  }
}

.shouhin_spec {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.shouhin_spec .shouhin-tit {
  font-weight: bold;
  font-size: 14px;
}
.shouhin_spec .shouhin-txt {
  font-size: 12px;
}
.shouhin_lp {
  width: 940px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/*商品詳細ページテキストデコレーション （2カラム）*/
.shouhin_spec2 {
  margin: 0 100px 50px;
}

.shouhin_spec2 dl dt {
  border-bottom: solid 1px #ddd;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.shouhin_spec2 dl dd {
  margin-bottom: 15px;
}

/* ５つのこだわり ------------------------------- */
div#feelings {
  margin-bottom: 80px;
}
div#feelings .slogan {
  margin: 0 0 30px 0;
  text-align: right;
}
div#feelings .tit {
  margin-bottom: 3rem;
  font-size: 16px;
  color: #333;
}
div#feelings .box {
  margin-bottom: 50px;
  border: 1px #e8e8e8 solid;
  border-radius: 10px;
  padding: 1rem;
  background: url("https://naothing.itembox.design/item/sub/feelings_bg.jpg")
    no-repeat right top -150px;
}
@media (min-width: 576px) {
  div#feelings .box {
    padding: 30px;
  }
}
div#feelings .tit h2 {
  font-size: 8vw;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  div#feelings .tit h2 {
    font-size: 30px;
  }
}
div#feelings .tit p {
  margin: 0;
}
div#feelings .sub_tit {
  margin-bottom: 20px;
}

div#feelings .accordion h4 {
  font-size: 14px;
  font-weight: bold;
}

div#feelings .accordion .img {
  border-radius: 20px;
  border: 7px solid #d8d8d8;
  margin-bottom: 20px;
}

div#feelings .accordion dl {
  margin: 0;
  padding: 0;
  border-bottom: 1px #e8e8e8 dotted;
}

div#feelings .accordion dl dt {
  padding: 18px 15px;
  font-weight: bold;
  cursor: pointer;
}

div#feelings .accordion dl dt:hover {
  background: rgba(232, 0, 159, 0.1);
}

div#feelings .accordion dl dd {
  padding: 15px;
  display: none;
}

div#feelings .accordion dl dt a {
  text-decoration: none;
  color: #333;
  display: block;
}

div#feelings .accordion ul li {
  list-style: none;
}

div#feelings .accordion table {
  border-collapse: collapse;
  border: 1px solid #dddddd;
  margin: 0 1em;
}
div#feelings .accordion tr,
div#feelings .accordion td {
  border: 1px solid #dddddd;
  vertical-align: top;
  padding: 5px;
}

div#feelings .accordion .acco_fb {
  font-weight: bold;
}

div#feelings .accordion p {
  margin: 30px auto;
  max-width: 1000px;
}

div#feelings .accordion .bggrey {
  background-color: #eeeeee;
}

div#feelings .column_comment {
  margin: 20px 0 !important;
  padding: 20px;
  background: rgba(232, 0, 159, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  line-height: 1.7;
}

/* ご利用規約 ------------------------------- */
div#terms {
  margin-bottom: 80px;
}

div#terms .box {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

div#terms .tit {
  margin-bottom: 3rem;
  font-size: 16px;
  color: #333;
}

div#terms .tit h2 {
  font-size: 30px;
}

div#terms .area100 {
  height: 520px;
  margin: 0 auto;
  padding: 19px;
  border: 1px solid #ccc;
  line-height: 22px;
}

/* 計測機 ------------------------------- */

div#keisoku {
  margin: 0;
  padding: 0;
}
#keisoku .tit {
  position: relative;
  margin: 3rem 0 2rem;
  padding-left: 50px;
}
#keisoku .tit::before {
  position: absolute;
  left: 0;
  top: -5px;

  content: url(https://naothing.itembox.design/item/sub/tit_bk.png);
}

div#keisoku .tit h2 {
  font-size: 30px;
}

div#keisoku .box01 {
  margin: 30px 0 20px 0;
  float: left;
  width: 100%;
}

div#keisoku .box01 .left {
  float: left;
  width: 50%;
  margin: 10px 2% 0 2%;
  font-size: 16px;
  line-height: 24px;
}

.text-pink {
  font-size: 20px;
  font-weight: bold;
  color: #e8009f;
}

div#keisoku .box01 .right {
  float: right;
  margin: 0 2%;
}

div#keisoku .step img {
  border: 5px solid #e5e5e5;
  border-radius: 20px;
}

div#keisoku .step p {
  margin: 15px 0;
  font-size: 18px;
  line-height: 22px;
}

div#keisoku .step_tit {
  font-size: 24px !important;
  font-weight: bold;
  color: #008aff;
}

#keisoku a:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
}

/* イベント ------------------------------- */

div#event01 {
  margin: 0;
  padding: 0;
}
#event01 .tit {
  position: relative;
  margin: 3rem 0 3rem;
  padding-left: 50px;
}

div#event01 .tit h2 {
  font-size: 30px;
}

/* メディア情報 ------------------------------- */
div#media_list {
  margin-bottom: 80px;
}

div#media_list .slogan {
  margin: 0 0 30px 0;
  text-align: right;
}

div#media_list .tit {
  margin-bottom: 3rem;
  padding: 5px 0 0 60px;
  font-size: 16px;
  color: #333;
  background: url("https://naothing.itembox.design/item/sub/tit_bk.png")
    no-repeat left;
  font-size: 30px;
}
div#media_list .tit p {
  font-size: 16px;
}

div#media_list ul li {
  float: left;
  width: 28%;
  margin-right: 8%;
  margin-bottom: 5%;
  padding: 10px;
  border: 1px solid #333;
  box-sizing: border-box;
}
div#media_list ul li:nth-child(3n) {
  margin-right: 0;
}
div#media_list ul li:nth-child(3n + 1) {
  clear: both;
}

div#media_list ul img {
  width: 100%;
  height: auto;
}
div#media_list ul p {
  margin-top: 5%;
  font-size: 150%;
  text-align: left;
  line-height: 1.2;
}
div#media_list ul a {
  font-weight: bold;
}

.keisoku_item_list li {
  width: 24%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}