@charset "utf-8";



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

}

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

}


/************************************************
成分表示
*************************************************/

.order_block{
  width: auto;
  margin: 30px 10px;
  padding: 10px;
  border: 1px solid #8e8f90;
}

.order_dl{
  color: #5c5a5a;
  font-size: 14px;
  line-height: 1.3;
}

.order_dl dd{
  margin: 0 auto 15px;
}

.order_dl dd span{
	color: #b10000;
}


/************************************************
footer
*************************************************/

.foote_notes_box{
	width: auto;
	box-sizing: border-box;
	margin: 10px;
}

.footer_notes{
	float: left;
	margin: 10px;
	font-size: 12px;
}

.footer_jadma{
	width: 110px;
	float: right;
	margin-right: 10px;
}

.footer_jadma img{
	width: 100%;
}

.footer-navi{
	text-align: center;
	font-size: 12px;
	margin: 10px;
	padding: 10px;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}
.footer-navi nav a{
	white-space: nowrap;
}

.footer_company{
	margin: 10px;
	font-size: 12px;
	text-align: center;
}

.footer_logo{
	margin: 10px auto;
	width: 200px;
}

.footer_logo img{
	width: 100%;
}

.footer_copyright{
	width: auto;
	box-sizing: border-box;
	border-top: 1px solid #c5c5c5;
	margin: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 12px;
	text-align: center;
}

/************************************************
特商法
*************************************************/
#order_info_confirm_message p{
	font-size: 12px; 
}

.accordion-wrap {
	font-size: 12px; 
}

/* 特商法アコーディオンメニュー */
.accordion {
  width: 100%;
  margin-bottom: 10px;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block;
  padding: 10px 80px 10px 10px;
  background: #e1e1e1;
  cursor: pointer;
  margin: 5px 0 0 0;
  position: relative;
}

/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 15px 10px 5px 10px;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}

/* 特商法アコーディオンメニューここまで */