@charset "utf-8";

/* ======================================
   Common
====================================== */

a, span, strong { font-size: inherit; }

.smalltext { font-size: 13px !important; }

/* strongの基本色（about内は後で上書き） */
strong { color: #006DB8; }

/* 注釈（※）リスト */
ul.note li {
  padding-left: 1em;
}
ul.note li:not(:first-child) { margin-top: 2px; }
ul.note li:before {
  margin-left: -1em;
  content: "※";
}
ul.note li.bullet:not(:first-child) { margin-top: 0; }
ul.note li.bullet:before { content: "・"; }

/* 中黒リスト */
ul.bullet li { padding-left: 1em; }
ul.bullet li:not(:first-child) { margin-top: 3px; }
ul.bullet li:before {
  margin-left: -1em;
  content: "・";
}

/* 番号付き */
ol {
  padding-left: 1.5em;
  font-size: 13px;
}
ol li { list-style-type: decimal; }
ol li:not(:first-child) { margin-top: 3px; }


/* ======================================
   Order Contents
====================================== */

.order_contents {
  width: 1020px;
  background-color: #fff;
  margin: auto;
}
.order_contents p {
  font-size: 14px;
  line-height: 1.7;
  margin: 5px 0;
}
.order_contents p + p { margin-top: 0.7em; }


/* ======================================
   Order Body
====================================== */

.order_body { padding: 50px; }

.order_iteminfo {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.order_itemphoto,
.order_itemphoto .photo { width: 430px; }

.order_itemorder { width: 430px; }

.order_itemorder h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", ＭＳ 明朝, serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7;
  background: url("//gigaplus.makeshop.jp/wants/pc/mmop/order/hr_price.png") repeat-x left bottom;
  margin: 10px 0;
  padding-bottom: 15px;
  text-shadow: 0 0 0 #bbb; /* 元CSS踏襲（必要なら削除可） */
}

.order_itemorder h2 span {
  font-size: 18px;
  line-height: 2;
}

/* スケジュール */
.order_itemorder .schedule p {
  font-size: 14px;
  font-weight: bold;
  margin-top: 14px;
}
.order_itemorder .schedule p.pay {
  font-size: 12px;
  font-weight: bold;
}
.order_itemorder .schedule p.note {
  font-weight: normal;
}


/* ======================================
   About
====================================== */

.about { margin-top: 45px; }

.about h3:before {
  display: block;
  content: url(//gigaplus.makeshop.jp/wants/pc/mmp/201612/order/mark.jpg);
  text-align: center;
  margin-bottom: 20px;
}

.about h3 {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  font-size: 27px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", ＭＳ 明朝, serif;
  width: 375px;
  margin: 0 auto 40px;
}

.about h3 span {
  display: block;
  border-top: 3px solid #dbc279;
  font-size: 14px;
  padding-top: 15px;
  line-height: 1.5;
  margin-top: 6px;
}

.about h4 {
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  font-size: 18px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", ＭＳ 明朝, serif;
  margin: 0 auto 20px;
  color: #9a7515;
}

.about_contents {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", ＭＳ 明朝, serif;
}

.about_contents p {
  line-height: 1.6;
  text-shadow: 0 0 0 #bbb;
}

/* about内の注釈表現 */
.about_contents p span.note {
  margin-top: 25px;
  display: block;
}
.about_contents p span.note:before { content: "※"; }

/* dl見出し（左右共通） */
.about_contents dl dt {
  color: #9a7515;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.about_contents dl dt:before {
  content: "●";
  margin-right: 5px;
}

.about_contents dl dd {
  font-size: 14px;
  margin-bottom: 25px;
  line-height: 1.7;
}

/* dl内liの基本（ただしspec_listは後で上書き） */
.about_contents dl dd li {
  list-style-type: none;
  margin: 0 15px;
  font-size: 14px;
  line-height: 1.7;
}

/* noteはフォントだけ変える（誤字修正：sans-serif） */
.about_contents dl dd ul.note li {
  font-family: Helvetica, sans-serif;
}

/* カラム */
.about_contents_leftcol {
  width: 430px;
  margin-right: 30px;
}
.about_contents_leftcol p { margin: 30px 0; }

.about_contents_leftcol b,
.about_contents_leftcol span {
  margin: 30px 0;
  font-size: 16px;
  line-height: 1.9;
}

/* about内 strong の色（共通strongを上書き） */
.about_contents_leftcol strong,
.about_contents_rightcol strong {
  color: #c6a213;
}

.about_contents_rightcol {
  width: 430px;
  margin-left: 30px;
}

.about_contents_tokuten {
  width: 8600px;
  margin-right: 30px;
}


/* ======================================
   Item Specification（右カラム限定で副作用防止）
====================================== */

/* Specificationブロックを薄い枠で囲む */
.about_contents_rightcol dl {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  padding: 20px 22px;
  margin-bottom: 30px;
  background-color: #fff;
}
.about_contents_rightcol dl dt { margin-bottom: 12px; }
.about_contents_rightcol dl:last-child { margin-bottom: 0; }

/* spec_listのリセット（dl dd liの左右15pxを打ち消す） */
.about_contents_rightcol ul.spec_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.about_contents_rightcol ul.spec_list > li {
  margin: 0 0 0.65em 0; /* 左右余白を0に */
  line-height: 1.6;
  color: #444;

  /* 2カラム表示 */
  display: grid;
  grid-template-columns: 6.5em 1fr;
  column-gap: 0.8em;
  align-items: start;
}

/* ラベル */
.about_contents_rightcol ul.spec_list .label {
  display: block;
  font-weight: 700;
  color: #222;
  line-height: 1.6;
}

/* 値 */
.about_contents_rightcol ul.spec_list .value {
  display: block;
  line-height: 1.6;
}

/* inner_list */
.about_contents_rightcol ul.spec_list .inner_list {
  list-style: disc;
  margin: 0.35em 0 0 1.1em;
  padding: 0;
}
.about_contents_rightcol ul.spec_list .inner_list li {
  margin: 0 0 0.25em 0; /* dl dd liの左右15pxを回避 */
}

/* 注意書き（1カラム） */
.about_contents_rightcol ul.spec_list > li.note {
  grid-template-columns: 1fr;
  font-size: 0.85rem;
  color: #777;
  margin-top: 0.2em;
}

/* 成分の小見出し */
.about_contents_rightcol .spec_subttl {
  margin: 0.2em 0 0.1em;
  font-weight: 700;
  color: #333;
  font-size: 13px;
}
.about_contents_rightcol .spec_list p {
  margin: 0.15em 0;
}


/* ======================================
   Recommend
====================================== */

.recommend:after {
  content: "";
  display: block;
  height: 6px;
  width: 100%;
  background: url(//gigaplus.makeshop.jp/wants/pc/mmp/201612/order/border_bg.jpg) repeat-x left center;
}

.recommend { margin-top: 35px; }

.recommend h3:before {
  display: block;
  content: url(//gigaplus.makeshop.jp/wants/pc/mmp/201612/order/mark.jpg);
  text-align: center;
  margin-bottom: 20px;
}

.recommend h3 {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  font-size: 27px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", ＭＳ 明朝, serif;
  width: 375px;
  border-bottom: 3px solid #dbc279;
  margin: 0 auto;
  padding-bottom: 5px;
}

.recommend_contents { display: block; margin: 45px 0 50px; }

.recommend_contents_text {
  margin-bottom: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", ＭＳ 明朝, serif;
}
.recommend_contents_text .txt { margin-bottom: 25px; }

.recommend_contents_text dl dt {
  color: #9a7515;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.recommend_contents_text dl dt:before {
  content: "●";
  margin-right: 5px;
}
.recommend_contents_text dl dd { font-size: 14px; }
.recommend_contents_text dl dd ul { margin: 25px 0; }
.recommend_contents_text dl dd ul li:before { content: "・"; }
.recommend_contents_text dl dd ul li { font-size: 14px; }

.recommend_contents_photo { text-align: center; }


/* ======================================
   Caution
====================================== */

.caution {
  background-color: #F1F2F4;
  margin-top: 60px;
  padding: 33px 85px;
}
.caution h3 { 
/*  text-align: center;*/
  font-size: 17px;
  margin-top: 20px; 
/*  margin-bottom: 5px;*/
}

.caution_contents {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 32px;
}
.caution_contents h4 {
  font-size: 15px;
  margin-bottom: 5px;
}
.caution_contents h4:not(:first-child) { margin-top: 20px; }
.caution_contents p { font-size: 13px; }

.caution_contents_leftcol { width: 345px; margin-right: 30px; }
.caution_contents_rightcol { width: 345px; margin-left: 30px; }


/* ======================================
   Bread / Banner / Nav
====================================== */

.bread {
  width: 1020px;
  margin: auto;
  color: #333;
  font-size: 14px;
  margin-bottom: 15px;
}
.bread a { text-decoration: none; color: inherit; }
.bread a:hover { text-decoration: underline; }

.banner {
  width: 1020px;
  margin: auto;
  margin-bottom: 10px;
}

nav ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
nav ul li { display: inline-block; }
nav ul li:not(:last-child) { margin-right: 1px; }


/* ======================================
   Misc / Price
====================================== */

#gtoto_top {
  margin-top: 30px;
  text-align: center;
}
#gtoto_top img {
  margin: 15px 0 30px;
  padding-left: 100px;
}

#S_pricebox { padding-top: 15px; }

#S_price {
  font-size: 16px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", ＭＳ 明朝, serif;
  display: inline-block;
  text-shadow: 0 0 0 #bbb;
}

#S_point {
  color: #006DB8;
  margin-left: 10px;
  display: inline-block;
  text-decoration: underline;
}

#M_price { font-size: 20px; }

#S_price img {
  margin-right: 10px;
  vertical-align: baseline;
}

input.m_price {
  width: 4em;
  height: inherit;
  font-family: sans-serif;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

#r_sns { margin: 0; padding: 20px 0; }

#basketBtn {
  border-style: none;
  margin-top: 25px;
  width: 100%;
}
#basketBtn .soldout {
  font-size: 12px;
  text-align: center;
  color: #cc0000;
  background: #e6e6e6;
  padding: 10px;
}

p.name { width: 201px; padding: 0 12px; }
p.price { width: 200px; text-align: center; }

#r_group { padding: 30px; }
#r_group h3 {
  font-size: 16px;
  margin-left: 10px;
  margin-bottom: 20px;
}