ドラえもん　全身ふんわりくるまれる♪ 首まであったかハイネックしあわせ裏起毛ワンピース〈フラウグラット〉

.wkTitle { width: 100%;text-align: center;background: #837A6B; } .pcDisp { display: none !important; } .spDisp { display: block !important; } body.template_c_fsp .content_wrap_fsp .content_fsp { padding-top: 0 !important; background-color: #f4f2ed;} .template_c_fsp #chara_list_top_area { margin: 0 -30px; } #chara_list_top_area .chara_list_main_tit { text-align: center;font-size: 1.125rem;color:#666;padding: 0;background:#000;margin-bottom: 40px;text-shadow: none; } #chara_list_top_area .chara_list_top_tit { display: block;padding: 24px 0;text-align: center;color: #545142;font-size: 1.2rem;font-weight: bold; position: relative;background: none !important; } /*** 1rem⇒1.2 ***/ #chara_list_top_area .chara_list_top_tit::after { content: ""; width: 100%; height: 2px; background: #908C77; position: absolute; top: 50%; left: 0;transform: translateY(-50%) translateX(0);-webkit- transform: translateY(-50%) translateX(0); } #chara_list_top_area .chara_list_top_tit span { color:#545142; display: inline-block; line-height: 1; background: #fff;position: relative;z-index: 1;padding: 0 35px; font-family: "Gothic MB101 DemiBold","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","sans-serif"; font-weight: bolder; } .template_c_fsp #chara_list_top_area .chara_list_top_tit span { background: #f4f2ed; } #chara_list_top_area div#category_search_cha { background:none;width: 100%;overflow: hidden;border-top: 2px solid #c7bdb1;margin-bottom: 30px; } #chara_list_top_area div#category_search_cha ul { display: flex;flex-wrap: wrap; position: relative;left: 0; padding: 0; list-style: none;} #chara_list_top_area div#category_search_cha ul li { width: 50%;box-sizing: border-box;border: 2px solid #c7bdb1; } #chara_list_top_area div#category_search_cha ul.eq1 li { width: 100%; } #chara_list_top_area div#category_search_cha ul li:nth-child(odd) { border-width: 0 2px 2px 0; } #chara_list_top_area div#category_search_cha ul li:nth-child(even) { border-width: 0 0 2px 0; } /*** #chara_list_top_area div#category_search_cha ul li:nth-of-type(9) { border-width: 0 2px 0 0; } ちょっと非表示 ***/ #chara_list_top_area div#category_search_cha ul li a { position: relative;display: table;width: 100%;padding: 3px 20px 3px 6px;box-sizing: border-box;background-color: #fff;color: #333333;font-size: 1.875rem; } #chara_list_top_area div#category_search_cha ul li a .search_img { display: table-cell;width: 45px;vertical-align: middle; } #chara_list_top_area div#category_search_cha ul li a .search_img img { margin: 0 5px 0 0; width: 75px; height: auto;} #chara_list_top_area div#category_search_cha ul li a .search_tit { display: table-cell;vertical-align: middle;font-size: 1.2125rem;line-height: 32px; text-align: center} /*** ここちょっと修正 16px⇒32px 0.8125⇒1.2125 text-align: center追加***/ #chara_list_top_area div#category_search_cha ul li a .icon_link { position: absolute;right: 20px;top: 50%;margin-top: -16px; } /*** #chara_list_top_category { position: relative;width: 100%;overflow: hidden;margin-bottom: 50px; } #chara_list_top_category ul { position: relative;margin-left: -1px;margin-right: -1px;border-top: 1px solid #c7bdb1; } #chara_list_top_category ul li { float: left;width: 50%;box-sizing: border-box;border-right: 1px solid #c7bdb1;border-bottom: 1px solid #c7bdb1; } #chara_list_top_category ul li a { display: block;padding: 10px;background-color: #fff; } #chara_list_top_category ul li a .chara_list_top_category_tit { display: block;padding: 20px 0;background-color:#444444;text-align: center;color:#fff;font-size: 1.5rem; } #chara_list_top_category ul li a .chara_list_top_category_tit::before { display: inline-block;width: 0;height: 0;border-left: 8px solid #fff;border-top: 4px solid transparent;border-bottom: 4px solid transparent;margin-right: 8px;font-size: 0;line-height: 0;vertical-align: 4px;content: ""; } #chara_list_top_category ul li a .chara_list_top_category_img { display: block;margin-top: 10px; } #chara_list_top_category ul li a .chara_list_top_category_img img { display: block;width: 100%;height: auto; } ***/ @media screen and (min-width: 768px) { body:not(.template_c_fsp) .pcDisp { display: block !important; } body:not(.template_c_fsp) .spDisp { display: none !important; } body:not(.template_c_fsp) #chara_list_top_area .chara_list_main_tit { background: none; } body:not(.template_c_fsp) #chara_list_top_area { margin: 0 auto 50px; max-width: 920px; } body:not(.template_c_fsp) #chara_list_top_area .chara_list_top_tit { padding: 15px 0;font-size: 1.125rem;line-height: 1em;margin: 70px auto 25px; max-width: 920px; } body:not(.template_c_fsp) #chara_list_top_area .chara_list_top_tit:first-child { margin-top: 25px; } /*** margintop修正 ***/ body:not(.template_c_fsp) #chara_list_top_area .chara_list_top_tit::after { height: 1px; } body:not(.template_c_fsp) #chara_list_top_area .chara_list_top_tit span { background: #fff; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha { border: none;border-width: 1px; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul { display: flex;flex-wrap: wrap;border-left: 1px solid #c7bdb1;border-top: 1px solid #c7bdb1; padding: 0; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul li { width: 25%;border: none !important; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul.eq2 li { width: 50%; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul.eq3 li { width: 33.33333333333%; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul li a { border-right: 1px solid #c7bdb1;border-bottom: 1px solid #c7bdb1; text-align: center;display: flex;flex-wrap: wrap; flex-direction: column-reverse;height: 100%;padding: 20px 0; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul li a:hover { text-decoration: none; opacity: 0.7; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul li a span { display: block !important;width: 100%; margin-left: auto !important; margin-right: auto !important; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul li a span br { display: none !important; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul li a .icon_link { display: none !important; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul li a .search_tit { font-size: 0.875rem;font-weight: bold; line-height: 1em; } body:not(.template_c_fsp) #chara_list_top_area div#category_search_cha ul li a .search_img img { margin: 5px auto -10px; } /*** body:not(.template_c_fsp) #chara_list_top_category { margin-top: 24px; } body:not(.template_c_fsp) #chara_list_top_category ul {width: 916px;border-left: 1px solid #cbcbcb;border-top: 1px solid #cbcbcb;margin: 0;} body:not(.template_c_fsp) #chara_list_top_category ul li {float: left;width: 229px;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;} body:not(.template_c_fsp) #chara_list_top_category ul li a {display: block;padding: 4px;-webkit-transition: all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);transition: all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);} body:not(.template_c_fsp) #chara_list_top_category ul li a:hover {-ms-filter: "alpha(opacity=75)";opacity: 0.75;} body:not(.template_c_fsp) #chara_list_top_category ul li a .chara_list_top_category_tit {display: block;padding: 12px 0;background-color: #444444;text-align: center;color: #fff;font-size: 0.875rem;} body:not(.template_c_fsp) #chara_list_top_category ul li a .chara_list_top_category_tit:before {display: inline-block;width: 0;height: 0;border-left: 5px solid #fff;border-top: 3px solid transparent;border-bottom: 3px solid transparent;margin-right: 8px;font-size: 0;line-height: 0;vertical-align: 2px;content: "";} body:not(.template_c_fsp) #chara_list_top_category ul li a .chara_list_top_category_img {display: block;margin-top: 4px;} ***/ }