@charset "UTF-8";
#okw_contents {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0 auto;
  text-align: left;
  width: 1245px;
}
#okw_contents_base {
  padding-right: 0px;
  width: 1245px;
  background: none;
  background-color: #fff;
  z-index: 1;
}
#okw_sub_header {
  margin: 20px 0;
}
#okw_contents_inner {
  background: none;
  padding: 0;
  font-size: 14px;
  background-color: transparent;
}
.oneCol.okw_parts_category {
  float: right;
  width: 950px;
}
#okw_side {
  width: 260px;
}
#okw_center.okw_side {
  width: 950px;
  margin: 20px auto 0;
}
#okw_footer_default {
  margin: 0 auto;
  padding: 0 10px 10px;
  width: 1245px;
}
.icoQ_sml {
  background: transparent url("../images/front/ico_qst_s.gif") no-repeat scroll 0% 4px;
  padding: 0 0 0 25px;
}
.icoA_sml {
  background: transparent url("../images/front/ico_ans_s.gif") no-repeat scroll 0% 2px;
  padding: 0 0 0 25px;
  font-size: 13px;
  letter-spacing: 0.1px;
  display: none;
}
#fontCol {
  display: none;
}
.colArea {
  margin-bottom: 30px;
}
.ttl_col {
  background: none;
  height: 100%;
  padding: 0;
}
.ttl_bg {
  background-image: url("/usr/file/attachment/title_bk.jpg");
  background-position: 0;
  background-repeat: no-repeat;
  height: 33px;
  padding: 2px 0 0 20px;
}
.keyword_frm {
  border-width: 1px;
}
.search_frmArea .keyword_frmbtn,
.keyword_frmbtn {
  height: 30px !important;
  margin-left: 10px;
  cursor: pointer;
}
.qaList {
  margin: 15px 10px 10px 25px;
}
.qaList li {
  background: transparent url("../images/front/marker_arrow.gif") no-repeat scroll left 4px;
}
.cate_middle {
  padding: 0 5px 0 18px;
}
.cate_small>span>a {
  line-height: 2;
}
.category_tree {
  margin: 10px 0 5px;
}
.icocate_tree {
  background: none;
  padding: 12px 0 0;
  text-align: center;
}
.attention_keyword_list {
  margin: 10px 20px;
}
.questioner_btn {
  height: 30px !important;
}
.search_list_inner {
  border-bottom: none;
}
li.search_list_inner:hover {
  background-color: #FFF;
}
.search_list_bg1 {
  padding: 10px;
}
.search_list_bg2 {
  background-color: #fff;
  padding: 10px;
}
.search_qattl {
  margin-bottom: 5px;
}
ul.search_dateNo {
  display: none;
}
.search_dateNo li {
  font-size: 11px;
}
.pg_col_top {
  margin: 15px 0 10px;
}
.okw_sort_select {
  width: 140px;
}
.sort_arrow {
  padding-top: 6px;
}
.cateList_area ul li {
  background-image: url("/usr/file/attachment/arrow_03.jpg");
  background-position: 0 4px;
  background-repeat: no-repeat;
}
li.cateList {
  margin: 10px 0;
}

/* ------------------------------
 *    arts
 *------------------------------ */
/****************** container ********************** */
#okw_wrapper {
  margin: auto;
  background: #FFFFFF;
  text-align: left;
}
#okw_contents,
#okw_contents_base {
  width: 1245px;
}
.hd_question_form {
  width: 880px;
}

.HDcolumn_right textarea {
  width: 570px;
}
/****************** 共通指定 ********************** */
body {
  color: #333333;
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
/****************** header,footer,aside共通 ********************** */
header a:link,
header a:visited,
#sidemenu a:link,
#sidemenu a:visited,
footer a:link,
footer a:visited {
  color: #333;
}
/****************** header ********************** */
header .header_wrapper {
  width: 1200px;
  margin: 16px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .header_title {
  color: #333333;
  font-size: 14px;
}

header .header_title img {
  width: 380px;
  max-width: max-content;
}

header .header_guide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

header .header_guide__grade {
  font-size: 13px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

header .header_guide__grade img {
  width: 18px;
  display: inline-block;
  vertical-align: middle;
}

header .header_guide__grade span {
  font-size: 14px;
}

header .header_guide__lists {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}

header .header_guide__lists a {
  text-align: center;
  display: block;
  width: 134px;
  padding: 7px 0 3px;
  border-radius: 6px;
  border: 1px solid #999999;
  position: relative;
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: left 5px center;
}

header .header_guide__lists a.login {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_login.png");
}

header .header_guide__lists a.new {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_new.png");
}

header .header_guide__lists a.mypage {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_mypage.png");
}

header .header_guide__lists a.cart {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_cart.png");
}

header .header_guide__lists a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 3px solid #666666;
  border-right: 3px solid #666666;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
}

header .header_guide__info {
  margin: 10px 0;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}

header .header_guide__info .point {
  width: 330px;
}

header .header_guide__info .postage {
  font-size: 14px;
  color: #E92688;
  background-image: url("https://acrylfactory.jp/ar/images/shared/delivery_track.png");
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  padding-left: 40px;
}

header .header_guide__info .postage span {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
}

header .header_guide__info .credit {
  width: 222px;
}

header .gnav {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  background: #E92688;
}

header .gnav ul {
  display: flex;
  justify-content: center;
}

header .gnav li {
  height: 40px;
  position: relative;
}

header .gnav li::after,
header .gnav li:first-child::before {
  content: "";
  width: 1px;
  height: 20px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

header .gnav li::after {
  right: 0;
}

header .gnav li:first-child::before {
  left: 0;
}

header .gnav a {
  color: #FFFFFF;
  height: 100%;
  padding: 0 74px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ヘッダーの固定 */
header .js-sticky_nav.fixed {
  position: fixed;
  top: 0;
  z-index: 50;
  transition: 0.2s ease;
}

/****************** footer ********************** */
footer a {
  display: block;
}

footer .footer_wrapper {
  height: 867px;
  padding: 50px 0;
  background: url("https://acrylfactory.jp/ar/images/pc/common/footer_bg.jpg") no-repeat #F8BDDA;
  background-position: center top;
  box-sizing: border-box;
}

footer .footer_inner {
  width: 1142px;
  margin: 0 auto;
  padding: 40px 80px 30px;
  background: #FBE7F5;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 226px 240px 356px;
  justify-content: space-between;
}

footer .guide_menu {
  font-size: 15px;
  margin-bottom: 15px;
}

footer .guide_menu:last-child {
  margin-bottom: 0;
}

footer .guide_menu li {
  margin-bottom: 5px;
}

footer .guide_menu .bullet {
  color: #E92688;
}

footer .guide_menu--tall li {
  margin-bottom: 10px;
}

footer .guide_menu__title {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #E92688;
  margin-bottom: 15px;
  padding-bottom: 7px;
}

footer .guide_menu__title span {
  font-size: 12px;
}

footer .nav_menu {
  font-size: 14px;
  text-align: center;
  margin: 30px 0;
}

footer .nav_menu li {
  line-height: 3;
  background: #E92688;
  border-radius: 6px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.10);
  margin-bottom: 10px;
}

footer .nav_menu a {
  color: #FFFFFF;
  font-weight: bold;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left 10px center;
  position: relative;
}

footer .nav_menu a.login {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_login_w.png");
}

footer .nav_menu a.new {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_new_w.png");
}

footer .nav_menu a.mypage {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_mypage_w.png");
}

footer .nav_menu a.cart {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_cart_w.png");
}

footer .nav_menu a.reorder {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_reorder_w.png");
}

footer .nav_menu a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
}

footer .info_menu .postage {
  font-size: 14px;
  color: #E92688;
  background-image: url("https://acrylfactory.jp/ar/images/shared/delivery_track.png");
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  width: 175px;
  padding-left: 40px;
  margin: 0 auto 10px;
}

footer .info_menu .postage span {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
}

footer .info_menu .credit {
  width: 206px;
  margin: 0 auto 5px;
}

footer .copyright {
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  background: #E92688;
  padding: 10px 0;
}

footer .copyright a {
  color: #FFFFFF;
  display: inline-block;
  text-decoration: underline;
}

/****************** サイドメニュー ********************** */
#sidemenu {
  width: 260px;
  margin-bottom: 110px;
}

#sidemenu a {
  display: block;
}

#sidemenu .nav_menu,
#sidemenu .guide_menu {
  padding: 20px 10px;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #FFFFFF;
}

#sidemenu .nav_menu a,
#sidemenu .guide_menu a {
  position: relative;
}

#sidemenu .nav_menu a::after,
#sidemenu .guide_menu a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 3px solid #E92688;
  border-right: 3px solid #E92688;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
}

#sidemenu .side_bnr {
  margin-bottom: 20px;
}

#sidemenu .side_bnr--s {
  width: 240px;
  margin: 0 auto 20px;
}

#sidemenu .nav_menu {
  font-size: 16px;
  font-weight: bold;
}

#sidemenu .nav_menu li {
  border-bottom: 2px solid #F8BDDA;
}

#sidemenu .nav_menu li:first-child {
  border-top: 2px solid #F8BDDA;
}

#sidemenu .nav_menu a {
  padding: 21px 0 21px 49px;
  background-repeat: no-repeat;
  background-size: 27px;
  background-position: left 10px center;
  position: relative;
}

#sidemenu .nav_menu a.mypage {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_mypage_pk.png");
}

#sidemenu .nav_menu a.login {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_login_pk.png");
}

#sidemenu .nav_menu a.reorder {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_reorder_pk.png");
}

#sidemenu .nav_menu a.contact {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_contact_pk.png");
}

#sidemenu .nav_menu a.new {
  background-image: url("https://acrylfactory.jp/ar/images/pc/common/icon_new_pk.png");
}

#sidemenu .nav_menu a::after {
  width: 10px;
  height: 10px;
  border-width: 4px;
}

#sidemenu .nav_menu__list--info {
  padding: 30px 0;
}

#sidemenu .postage {
  font-size: 14px;
  font-weight: normal;
  color: #E92688;
  background-image: url("https://acrylfactory.jp//ar/images/shared/delivery_track.png");
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: left center;
  width: 175px;
  padding-left: 40px;
  margin: 0 auto 10px;
}

#sidemenu .postage span {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
}

#sidemenu .credit {
  width: 206px;
  margin: 0 auto 5px;
}

#sidemenu .guide_menu > li {
  font-size: 14px;
  line-height: 1.2;
  border-bottom: 1px solid #D9D9D9;
}

#sidemenu .guide_menu > li a {
  padding: 15px 0 15px 25px;
  position: relative;
}

#sidemenu .guide_menu > li a:hover {
  background: #FBE7F5;
  opacity: 1;
}

#sidemenu .guide_menu > li a:hover::before {
  content: "";
  width: 4px;
  height: 100%;
  background: #E92688;
  position: absolute;
  top: 0;
  left: 0;
}

#sidemenu li.guide_menu__title {
  font-size: 16px;
  font-weight: bold;
  border-top: 2px solid #999999;
  border-bottom: 2px solid #999999;
}

#sidemenu li.guide_menu__title a {
  padding: 19px 0 17px 10px;
}

#sidemenu li.guide_menu__title--nolink {
  text-align: center;
  border: none;
  padding-left: none;
}

#sidemenu .guide_menu__title + .guide_menu__title {
  border-top: none;
}

#sidemenu li.guide_menu__calendar {
  text-align: center;
  font-size: 14px;
  padding: 0;
  border-bottom: none;
}

#sidemenu .cal_wrapper {
  margin: 10px 0 20px;
}

#sidemenu .cal_main {
  width: 156px;
  margin: 0 auto;
  border-right: 1px solid #CCCCCC;
  border-top: solid 1px #CCCCCC;
  overflow: hidden;
}

#sidemenu .cal_main li {
  font-size: 12px;
  border-bottom: solid 1px #CCCCCC;
  border-left: 1px solid #CCCCCC;
  width: calc(100% / 7);
  height: 22px;
  overflow: hidden;
  float: left;
}

#sidemenu .cal_main li span {
  display: block;
  padding: 3px 0;
}

#sidemenu .cal_main li.cal_headline {
  background-color: #F6F9FC;
}

#sidemenu .cal_main li .Today {
  background-color: #FFF0A8;
}

#sidemenu .cal_main li.Sun,
#sidemenu .cal_main li.Sat,
#sidemenu .cal_main li.holyday {
  background-color: #FFCCCC;
}

#sidemenu .cal_main li.Sat {
  color: #00F;
}

#sidemenu .cal_main li.Sun,
#sidemenu .cal_main li.holyday {
  color: red;
}

#sidemenu .pmark_wrapper {
  font-size: 13px;
  text-align: center;
}

#sidemenu .pmark_wrapper img {
  width: 120px;
  margin: 20px auto 10px;
}
/****************** お問い合わせフォーム ********************** */
.hdq_confirm_btn_c {
  margin: 0;
  /* 次へ 中央画像のずれを修正 */
}

#inquiry {
  padding: 0;
  margin: 0;
}

/****************** 検索 カテゴリー ********************** */
.search_category_wrapper.clearfix label {
  padding-top: 7px;
}
.search_category_wrapper .combo .combo-text {
  width: 410px;
}
.search_category_wrapper .dropdownCheckComboboxWapper {
  width: 429px;
}
form#advanced_search_form .keyword_frm {
  height: 15px;
}
/****************** タイトルの作成190412【全箇所】 ********************** */
.title_box_qa_top {
  background: #F6F6F6;
  padding: 5px 0;
  border: 1px solid #666666;
  border-radius: 4px;
  font-weight: bold;
  font-size: 160%;
  line-height: 1;
  color: #333333;
}
.title_box_qa_top::before {
  content: "▮";
  display: inline-block;
  font-size: 150%;
  color: rgba(102, 102, 102, 0.5);
  text-shadow: 5px 0px 3px #fff, 0 0 0 #000;
  transform: scale(0.35, 1);
  padding: 5px 0;
  line-height: 1;
}
.ttl_col {
  height: auto;
  padding: 0;
  background: none;
}
.ttl_col .ttl_bg {
  height: auto;
  background: #F6F6F6;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 110%;
  line-height: 2.5;
  font-weight: bold;
}
.ttl_col .ttl_bg .icoHot,
.ttl_col .ttl_bg .icoKeyword,
.ttl_col .ttl_bg .icoQa,
.ttl_col .ttl_bg .icoResult,
.ttl_col .ttl_bg .icoCate,
.ttl_col .ttl_bg .icoFaq {
  height: auto;
  padding: 0 0 0 40px;
  background-position: left center;
  line-height: 2;
}
.okw_hdq_form_area {
  text-align: left;
}
.okw_hdq_form_area .ttl_col {
  width: 880px;
  margin: 0 auto 10px;
}
.okw_hdq_form_area .ttl_col .ttl_bg {
  padding: 0;
  border: 0;
  background: no-repeat;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
}
.okw_hdq_form_area .ttl_col .ttl_bg .icoHdquestion {
  line-height: 40px;
  height: auto;
  padding: 0 0 0 20px;
}

/****************** 非表示にするパーツ ********************** */
.okw_hdq_form_area .siteLink {
  display: none;
}

/* ******< 20190423 >***** */
div#okw_center a:hover {
  opacity: 0.7;
}
.search_frmArea .keyword_frm,
.keyword_frmbtn {
  padding: 0px;
}
.icoPickup {
  float: none;
  padding: 0 0 0 40px;
  background-position: left center;
  font-size: 94%;
  line-height: 2.5;
  font-weight: bold;
}
.icoNew {
  float: none;
  padding: 0 0 0 40px;
  background-position: left center;
  font-size: 94%;
  line-height: 2.5;
  font-weight: bold;
}
.okw_parts_favorite_faq .list,
.okw_parts_pickup_faq .list,
.okw_parts_mypage_list .list {
  margin-top: 0px;
}
.ttl_col .ttl_bg .icoHot,
.ttl_col .ttl_bg .icoKeyword,
.ttl_col .ttl_bg .icoQa,
.ttl_col .ttl_bg .icoResult,
.ttl_col .ttl_bg .icoCate,
.ttl_col .ttl_bg .icoFaq,
.ttl_col .ttl_bg .icoPickup,
.ttl_col .ttl_bg .icoInf {
  height: auto;
  padding: 0 0 0 40px;
  background-position: left center;
}

/*Info＆Newsトップ画面日時非表示*/
.newsList li .datetime {
  display: none;
}

/*Info＆News内容参照画面日時非表示*/
.infonews_datetime {
  display: none;
}

/*更新日時を非表示*/
.faq_dateNo .faq_date {
  display: none !important;
}

/* FAQ表示ページのQ欄下にある「カテゴリー」を非表示にする */
.faq_cate_col {
  display: none;
}