/*///////////////////////////////////////////////////////////////////////////////////////////////// RESET STYLE /////////////////////////////////////////////////////////////////////////////////////////////////*/ html,body { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust:none; } #content_qa h2, #content_qa h3, #content_qa h4 { margin:0; padding:0; text-align:left; line-height:normal; font-size:inherit; font-weight:normal; color:inherit; } #content_qa h2 { font-size:16px;} #content_qa h3 { font-size:16px;} #content_qa h4 { font-size:13px;} #content_qa input[type="text"], #content_qa button { -webkit-appearance:none; -moz-appearance:none; } /*---------------------------------------------------* PC Footer レスポンシブ設定 *---------------------------------------------------*/ .variable { max-width: 1200px; margin-left:auto; margin-right:auto;} #f_top, #f_bottom { padding-left:20px; padding-right:20px;} #f_info .right{ float:none; margin-top:20px;} /* 768px 以下 (TAB of SP) */ @media screen and (max-width: 768px) { #wrapper { margin-bottom:20px;} #footer { margin-top:0px;} #f_privacy dl { float:none;} #f_privacy div { float: none; margin-top: 20px;} #f_privacy div a { margin-right: 8px;} #f_bottom .variable p.left { padding-bottom:10px; float:none;} #f_bottom .variable p.right { float:none; text-align:center;} } /*---------------------------------------------------* レコメンド枠 レスポンシブ設定 *---------------------------------------------------*/ #content_qa a{color:#468ABF;text-decoration:none} #content_qa a:hover{text-decoration:underline} #content_qa .bnr_line{display:block;margin:0 0 15px} #content_qa .bnr_line img{margin:0 auto} #content_qa #new_box{font-size:12px;line-height:140%} #content_qa #new_box a{font-size:12px;color:#468ABF;text-decoration:none} #content_qa .mlist01{margin:15px 0 -15px;padding:0 10px;letter-spacing:-.4em} #content_qa .wide .mlist01{padding:0 21px 22px} #content_qa .mlist01 li{display:inline-block;*display:inline;*zoom:1;margin-left:15px;margin-bottom:15px;width:105px;vertical-align:top;letter-spacing:normal} #content_qa .wide .mlist01 li{margin-left:52px} #content_qa .mlist01 li.first{margin-left:0} #content_qa .mlist01 a{display:block} #content_qa .mlist01 p{margin-top:5px} #content_qa .mlist01 p.icon_tv{background:url(/images/common/icon_tv.gif) 1px 50% no-repeat;padding-left:17px;margin-top:6px;_letter-spacing:-.1em;_background-position:0 2px} #content_qa .mlist01 a,#content_qa .mlist01 img{display:block} #content_qa .mlist01 .mg,#content_qa .mlist01 div{margin-top:5px} #content_qa .mlist01 .f_sonw_mini02{padding-left:12px;/letter-spacing:-.1em;margin-top:10px} #content_qa .mlist01 .f_red{color:#C00;font-weight:700} #content_qa .f_sonw_mini02{background:url(https://www.lovecosmetic.jp/images/common/icon_snow02.gif) left 3px no-repeat;padding-left:14px} #content_qa .blog_goods{margin:32px 0 0;font-size:12px} #content_qa .blog_goods p{position:relative;padding:10px;border-radius:4px;background:orange;color:#fff;font-weight:700;background:orange} #content_qa .blog_goods ul{margin:10px 0 0;padding-left:10px} #content_qa .blog_goods li{padding-left:10px;background:url(https://www.lovecosmetic.jp/blog/images/arrow.gif) 0 50% no-repeat;color:#999;font-size:10px} #content_qa .blog_goods li a{margin-left:5px;font-size:13px;line-height:1.6em} #content_qa .blog_goods + .blog_new{padding-top:0;border-top:none} /* 768px 以下 (TAB of SP) */ @media screen and (max-width: 768px) { #content_qa #new_box, #content_qa .blog_goods { margin-left:10px; margin-right:10px;} } /*///////////////////////////////////////////////////////////////////////////////////////////////// 共通クラス /////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Border Reset */ .del_line_t { border-top:none !important;} .del_line_b { border-bottom:none !important;} .del_line_tb { border-top:none !important; border-bottom:none !important;} /* Margin Reset */ .mt_10 { margin-top:10px !important;} .mt_15 { margin-top:15px !important;} .mt_20 { margin-top:20px !important;} /* Other Reset */ .underline { text-decoration:underline !important;} .bold { font-weight:bold;} /*///////////////////////////////////////////////////////////////////////////////////////////////// CONTENTS LAYOUT /////////////////////////////////////////////////////////////////////////////////////////////////*/ /*---------------------------------------------------* Contents Style *---------------------------------------------------*/ #content_qa { margin-top:20px; color:#6f6f6f; font-size:14px; line-height:1.6em;} #content_qa a { text-decoration:none; color:#6f6f6f; font-size:14px;} #content_qa a:hover { text-decoration:underline; color:#FF7373;} #content_qa h2 { font-size:16px;} #content_qa h3 { font-size:16px;} /* Main Style */ #content_qa .left_area { float:left; width:630px;} #content_qa .right_area { float:right; width:300px;} /* Section Style */ #content_qa .sec { margin-top:20px;} /* Page top image */ #content_qa .top_img { margin-bottom:20px;} /* Page top title */ #content_qa .top_ttl { padding:15px; border-top:#468ABF 2px solid; border-bottom:#EEEEEE 1px solid; } /*---------------------------------------------------* Background Color *---------------------------------------------------*/ /* Background Color 03 ( #ffffff ⇔ dff3f1 ) */ #content_qa .bg_col_03 { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 22%, #dff3f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#ffffff), color-stop(100%,#dff3f1)); background: -webkit-linear-gradient(top, #ffffff 22%,#dff3f1 100%); background: -o-linear-gradient(top, #ffffff 22%,#dff3f1 100%); background: -ms-linear-gradient(top, #ffffff 22%,#dff3f1 100%); background: linear-gradient(to bottom, #ffffff 22%,#dff3f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff3f1',GradientType=0 ); } #content_qa .bg_col_03:hover { background: #ffffff; background: -moz-linear-gradient(top, #dff3f1 22%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#dff3f1), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #dff3f1 22%,#ffffff 100%); background: -o-linear-gradient(top, #dff3f1 22%,#ffffff 100%); background: -ms-linear-gradient(top, #dff3f1 22%,#ffffff 100%); background: linear-gradient(to bottom, #dff3f1 22%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff3f1', endColorstr='#ffffff',GradientType=0 ); } /*---------------------------------------------------* Button Style *---------------------------------------------------*/ #content_qa a.b_btn { padding:10px 15px; line-height:100%; display:inline-block; border:#EEE 1px solid; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 1%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } #content_qa a.b_btn span { padding-left:10px; background:url(../images/btn_arrow.png) no-repeat left center; background:url(../images/btn_arrow_ie.png) no-repeat left center\9; /* IE8 */ *background:url(../images/btn_arrow_ie.png) no-repeat left center; /* IE7 */ background-size: 4px 6px; -webkit-background-size: 4px 6px; } #content_qa a.b_btn, #content_qa a.more_btn { color:#468ABF;} #content_qa a.b_btn:hover, #content_qa a.more_btn:hover { color:#FF7373;} /*---------------------------------------------------* Arrow Style *---------------------------------------------------*/ /* Blue type */ #content_qa a.b_arrow, #content_qa ul.b_arrow li, #content_qa ul.b_arrow_r li span { background:url(../images/btn_arrow.png) no-repeat left 5px; background:url(../images/btn_arrow_ie.png) no-repeat left 5px\9; /* IE8 */ *background:url(../images/btn_arrow_ie.png) no-repeat left 5px; /* IE7 */ background-size: 4px 6px; -webkit-background-size: 4px 6px; } /* Red type */ #content_qa a.r_arrow, #content_qa ul.r_arrow li { background:url(../images/link_arrow.png) no-repeat left 5px; background:url(../images/link_arrow_ie.png) no-repeat left 5px\9; /* IE8 */ *background:url(../images/link_arrow_ie.png) no-repeat left 5px; /* IE7 */ background-size: 4px 6px; -webkit-background-size: 4px 6px; } #content_qa a.b_arrow, #content_qa a.r_arrow { padding-left:10px;} #content_qa ul.b_arrow_r li span { padding-left:10px; display:block;} /*---------------------------------------------------* Box Style *---------------------------------------------------*/ #content_qa .a_box, #content_qa .sec_box { padding:15px 15px 0px; line-height: 1.5em; } #content_qa .right_area .sec_box { padding:15px; border:#EEE 1px solid; border-top:none; } #content_qa .p_box { padding:5px 15px; background-color:#FF7373; color:#ffffff; } #content_qa .b_top_box, #content_qa .b_box { padding:5px 15px; background-color:#6AA0CC; color:#ffffff; } #content_qa .q_box { padding:15px; background-color:#FFF9F9; border-top:#EEE 1px solid; border-bottom:#EEE 1px solid; } #content_qa .fin_box { padding:20px 15px; text-align:center; background-color:#FAFAFA; border-top:#EEE 1px solid; border-bottom:#EEE 1px solid; } /* option */ #content_qa .q_box span { padding-left:25px; display:block; font-size:16px; color:#FF7272; font-weight:bold; background:url(../images/icon_Q.png) no-repeat left 5px; } #content_qa .a_box p { padding-left:25px; font-size:14px; background:url(../images/icon_A.png) no-repeat left 3px; } #content_qa .a_box .disp_img { display:block; margin-top:15px; margin-left:25px;} #content_qa .a_box .disp_img img { display:block; max-width:100%;} #content_qa .a_box .disp_video { display:block; margin-top:15px; margin-left:25px; overflow:hidden; position:relative; height:0; padding-bottom: 56.25%; padding-top: 30px; } #content_qa .a_box .disp_video iframe { width:100%; height:100%; position:absolute; top:0; left:0; } /*---------------------------------------------------* Radius Style *---------------------------------------------------*/ /* 角丸 (右上/左上) 4px */ #content_qa .b_top_box, #content_qa .p_box { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; } /* 角丸 4px */ #content_qa .b_box, #content_qa a.b_btn, #content_qa a.more_btn, #content_qa input[type="text"], #content_qa button { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } /*---------------------------------------------------* 入力 *---------------------------------------------------*/ #content_qa input[type="text"] { float:left; font:inherit; text-indent:0.5em; padding:7px 0 6px; border:#DDD 1px solid; color:#333; } #content_qa button { float:right; height:35px; text-align:center; cursor:pointer; border:none; background-color:#6AA0CC; } #content_qa .left_area input[type="text"] { width:90%;} #content_qa .left_area button { width:8%;} #content_qa .right_area input[type="text"] { width:78%;} #content_qa .right_area button { width:18%;} #content_qa button:hover {} #content_qa button img { display:inline;} /*---------------------------------------------------* LCからのお知らせ *---------------------------------------------------*/ #content_qa .info_box { padding:15px 15px 10px; background-color:#FAFAF3; border-bottom:#EEE 1px solid; } #content_qa .info_list li { width:50%; float:left; margin-bottom:5px;} #content_qa .info_list li span { padding-left:10px;} /*---------------------------------------------------* 閲覧の多いＱ＆Ａ *---------------------------------------------------*/ #content_qa .qa_list li { margin-bottom:5px;} #content_qa .qa_list li span { display:block; padding-left:10px;} /*---------------------------------------------------* キーワードから探す *---------------------------------------------------*/ #content_qa .key_list { margin-top:5px;} #content_qa .key_list li { float:left; margin:0 15px 2px 0;} #content_qa .key_list li a { color:#468ABF; font-size:12px; text-decoration:underline;} #content_qa .key_list li a:hover { color:#FF7373; text-decoration:none;} /*---------------------------------------------------* カテゴリーから探す *---------------------------------------------------*/ #content_qa .cat_list { padding:12px 15px 4px; border-bottom:#CCC 1px dotted; position:relative;} #content_qa .cat_list h4 { float:left; width:21%; font-weight:bold; color:#6B9ED2;} #content_qa .cat_list h4.w_line { margin-top:-7px; line-height:1.3em;} #content_qa .cat_list h4.w_line span { font-weight:inherit; display:block;} #content_qa .cat_list ul { float:left; width:65%;} #content_qa .cat_list li { float:left; padding:0 12px 8px 10px; margin-top:1px; *white-space: nowrap;} #content_qa .cat_list li a { display:block;} #content_qa .cat_list li span { color:#468ABF; font-size:11px;} #content_qa a.more_btn { padding:14px 15px; font-size:11px; position:absolute; top:0; right:0;} #content_qa a.more_btn span.arrow { margin:0 5px 2px 0; width:6px; height:4px; display:inline-block; background:url(../images/more_arrow.png) no-repeat left top; } #content_qa a.more_btn.close span.arrow { background:url(../images/more_arrow.png) no-repeat left bottom; } /*---------------------------------------------------* Ｑ一覧 *---------------------------------------------------*/ #content_qa .q_count { padding:15px; border-bottom:#CCC 1px dotted;} #content_qa .q_count span { font-size:16px; font-weight:bold; color:#6A9FCC;} #content_qa .q_list li { border-bottom:#CCC 1px dotted;} #content_qa .q_list li a { display:block;} #content_qa .q_list li p { padding:10px 0 10px 25px; margin:0 15px; background:url(../images/icon_Q.png) no-repeat left 13px; } #content_qa .q_list p span.arrow_sp{ display:none;} #content_qa .q_info { padding:20px 15px; margin-top:20px; text-align:center; background-color:#FAFAFA; border-top:#EEE 1px solid; border-bottom:#EEE 1px solid; } #content_qa .q_info p { padding-bottom:10px;} /*---------------------------------------------------* 問題は解決しましたか？ *---------------------------------------------------*/ #content_qa .fin_box p { font-size:12px; margin-bottom:20px;} #content_qa .fin_box p span { display:block; margin-bottom:10px; font-size:16px; font-weight:bold;} #content_qa .fin_box p + .btn_list { margin-top:15px;} #content_qa .fin_box .btn_list a { margin:0 5px;} /*---------------------------------------------------* 女性のお悩み *---------------------------------------------------*/ #content_qa .trouble_area{ margin-top:10px; background-color:#999; height:80px; } /*---------------------------------------------------* ページネーション *---------------------------------------------------*/ #content_qa .page_nation { margin-top: 20px; text-align: center; letter-spacing: -.40em;} #content_qa .page_nation li { display: inline-block; *display: inline; *zoom: 1; padding: 0 4px; letter-spacing:normal;} #content_qa .page_nation li a { display: block; width: 30px; height: 30px; font-size: 14px; color: #468ABF; line-height: 30px; text-align: center; text-decoration: none; border: 1px solid #DDD; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 1%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } #content_qa .page_nation li a.act, #content_qa .page_nation li a:hover { background: #6AA0CC; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6AA0CC', endColorstr='#6AA0CC',GradientType=0 ); } /* Button */ #content_qa .btn_area { margin-top:30px; text-align:center;} #content_qa .btn_area a { display:inline-block; margin:0 5px; padding:7px 15px; text-align:center; color:#468ABF; border:#CCECE7 1px solid; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #content_qa .btn_area a:hover { text-decoration:none;} /*///////////////////////////////////////////////////////////////////////////////////////////////// RIGHT NAV LAYOUT /////////////////////////////////////////////////////////////////////////////////////////////////*/ #content_qa .sec_link { margin-top:20px; line-height:100%;} #content_qa .sec_link h3{ padding:10px; font-size:14px; color:#FFF; line-height:100%; background: #468ABF url(../images/nav_highlight_01.gif) center center repeat-x; border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; } #content_qa .sec_link ul { border:1px solid #EEE; border-top:none;} #content_qa .sec_link ul li { border-bottom:1px dashed #DDE2E3;} #content_qa .sec_link ul li.last { border-bottom:none;} #content_qa .sec_link ul li a { display:block; padding:12px 30px 12px 15px; position:relative; text-decoration:none; color:#468ABF; } #content_qa .sec_link ul li a:hover{ background-color:#F3F9FC; text-decoration:underline;} #content_qa .sec_link ul li a span.arrow_sp{ position:absolute; top:50%; right:12px; margin-top:-5px; width:7px; height:10px; background:url(../images/box_arrow.png) no-repeat; } #content_qa .right_area ul.b_arrow_r { border:#EEE 1px solid; border-top:none;} #content_qa .right_area ul.b_arrow_r li { border-bottom:#DDE2E3 1px dotted;} #content_qa .right_area ul.b_arrow_r li.last { border-bottom:none;} #content_qa .right_area ul.b_arrow_r li a { display:block; padding:9px 15px; color:#468ABF;} #content_qa .right_area ul.b_arrow_r li a:hover { color:#468ABF; background-color:#F3F9FC;} #content_qa .right_area .btn_area { display:none;} /*///////////////////////////////////////////////////////////////////////////////////////////////// Media Queries /////////////////////////////////////////////////////////////////////////////////////////////////*/ /* 768px 以下 (TAB of SP) */ @media screen and (max-width: 768px) { #wrapper { width:100%; margin:0;} #content_qa.detail h2 { margin:0 10px;} /* Main Style */ #content_qa { margin-top:0;} #content_qa .left_area { float:none; width:100%;} #content_qa .right_area { float:none; width:100%; margin-top:15px;} #content_qa .sec { margin:15px 10px 0;} #content_qa .bnr_img { display:none;} /*---------------------------------------------------* カテゴリーから探す *---------------------------------------------------*/ #content_qa .cat_area .b_box { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; } #content_qa .cat_list { padding:0; border-bottom:none;} #content_qa .cat_list h4 { font-size:14px; padding:11px 15px; cursor:pointer; position:relative; float:none; width:auto; font-weight:normal; color:inherit; border-bottom:#DDD 1px solid; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 1%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 1%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } #content_qa .cat_list h4.w_line { margin:0; line-height:normal;} #content_qa .cat_list h4.w_line span { display:inline;} #content_qa .cat_list h4 span.toggle02 { position:absolute; top:50%; right:20px; margin-top:-3px; width:6px; height:6px; background:url(../images/2014_toggle02.png) no-repeat; background:url(../images/2014_toggle02_ie.png) no-repeat\9; *background:url(../images/2014_toggle02_ie.png) no-repeat; background-position: 0px 0px; background-size: 6px 12px; -webkit-background-size: 6px 12px; } #content_qa .cat_list h4.active span.toggle02 { background-position: 0px -6px; } #content_qa .cat_list ul { float:none; width:100%; border-bottom:#DDD 1px solid; } #content_qa .cat_list ul li { float:left; width:33.33%; padding:0; margin:0; background:none; border-bottom:1px solid #DDE2E3; display:table; } #content_qa .cat_list ul li a { padding: 0 10px; height:52px; display:table-cell; vertical-align: middle; color:#468ABF; line-height: 1.2em; text-align: center; border-right:1px solid #DDE2E3; } #content_qa .cat_list ul li a:hover{ background-color:#F3F9FC; text-decoration:underline;} #content_qa .cat_list ul li:nth-child(3n+3) a { border-right:none;} /*---------------------------------------------------* Right Area - 各リンク *---------------------------------------------------*/ #content_qa .sec_link{ margin-top:0; border-bottom:1px solid #DDDDDD; } #content_qa .sec_link h3{ font-size:16px; padding:12px 15px; background-image:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; display:block; cursor:pointer; position:relative; } #content_qa .sec_link ul { border:none;} #content_qa .sec_link ul li { width:33.33%; border-bottom:1px solid #DDE2E3; float:left;} #content_qa .sec_link ul li a { font-size:14px; padding: 1.5em 10px; position: static; line-height: 1.2em; max-height: 14px; overflow: hidden; display: block; vertical-align: middle; text-align: center; border-right:1px solid #DDE2E3; } #content_qa .sec_link ul li:nth-child(3n+3) a { border-right:none;} #content_qa .sec_link ul li a:hover{ background-color:none;} #content_qa .sec_link ul li a span.arrow_sp{ display:none;} #content_qa .sec_link h3 span.toggle02 { position:absolute; top:10px; right:15px; width:18px; height:18px; background:url(../images/2014_toggle01.png) no-repeat; background:url(../images/2014_toggle01_ie.png) no-repeat\9; *background:url(../images/2014_toggle01_ie.png) no-repeat; background-position: -20px 0px; background-size: 38px 36px; -webkit-background-size: 38px 36px; } #content_qa .sec_link h3.active span.toggle02 { background-position: -20px -18px; } #content_qa .right_area input[type="text"] { width:83%;} #content_qa .right_area button { width:15%;} #content_qa .right_area ul.b_arrow_r { margin-bottom:15px;} #content_qa .btn_area { margin:15px 0;} } /* 630px 以下 (SP) */ @media screen and (max-width: 675px) { /*---------------------------------------------------* 入力 *---------------------------------------------------*/ #content_qa input[type="text"] { width:88%;} #content_qa button { width:10%;} /*---------------------------------------------------* カテゴリーから探す *---------------------------------------------------*/ #content_qa .cat_list ul li { width:50%;} #content_qa .cat_list ul li:nth-child(3n+3) a { border-right:1px solid #DDE2E3;} #content_qa .cat_list ul li:nth-child(2n) a{ border-right:none;} #content_qa .cat_list .toggleBox { display:none;} /*---------------------------------------------------* Ｑ＆Ａ *---------------------------------------------------*/ #content_qa .q_list li p { padding:10px 10px 10px 25px; position:relative; } #content_qa .q_list p span.arrow_sp{ display:block; position:absolute; top:50%; right:0px; margin-top:-2px; width:4px; height:6px; background:url(../images/btn_arrow.png) no-repeat right center; background:url(../images/btn_arrow_ie.png) no-repeat right center\9; /* IE8 */ *background:url(../images/btn_arrow_ie.png) no-repeat right center; /* IE7 */ background-size: 4px 6px; -webkit-background-size: 4px 6px; } /*---------------------------------------------------* Right Area - 各リンク *---------------------------------------------------*/ #content_qa .sec_link ul li { width:50%;} #content_qa .sec_link ul li:nth-child(3n+3) a { border-right:1px solid #DDE2E3;} #content_qa .sec_link ul li:nth-child(2n) a{ border-right:none;} #content_qa .sec_link .toggleBox { display:none;} } /* 480px 以下 (SP) */ @media screen and (max-width: 480px) { #content_qa { font-size:16px;} #content_qa a { font-size:16px;} #content_qa h2 { font-size:18px;} #content_qa h3 { font-size:18px;} #content_qa .cat_list h4 { font-size:16px;} #content_qa .right_area { margin-top:0;} #content_qa.detail h2 { margin:0;} #content_qa .top_ttl { padding: 16px 15px;} #content_qa .sec { margin:0;} #content_qa .top_img { margin-bottom:0;} #content_qa button { height:40px;} /*---------------------------------------------------* Box Style *---------------------------------------------------*/ #content_qa .b_box, #content_qa .b_top_box, #content_qa .p_box { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #content_qa .cat_area .b_box { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #content_qa .right_area .btn_area { display:block; margin-bottom:15px; text-align:center; } #content_qa .a_box, #content_qa .sec_box { padding:15px;} #content_qa .a_box p { font-size:16px;} #content_qa .fin_box p { font-size:14px;} /*---------------------------------------------------* 入力 *---------------------------------------------------*/ #content_qa .left_area input[type="text"] { width:84%;} #content_qa .left_area button { width:14%;} /*---------------------------------------------------* LCからのお知らせ *---------------------------------------------------*/ #content_qa .info_list li { width:auto; float:none; margin-bottom:10px;} /*---------------------------------------------------* 閲覧の多いＱ＆Ａ *---------------------------------------------------*/ #content_qa .qa_list li { margin-bottom:10px;} /*---------------------------------------------------* キーワードから探す *---------------------------------------------------*/ #content_qa .key_list { margin-top:10px;} #content_qa .key_list li { float:left; margin:0 15px 10px 0;} #content_qa .key_list li a { font-size:14px;} /*---------------------------------------------------* 問題は解決しましたか？ *---------------------------------------------------*/ #content_qa .fin_box .btn_list a { display:block; margin:5px 0;} /*---------------------------------------------------* ページネーション *---------------------------------------------------*/ #content_qa .page_nation { margin-bottom: 15px;} /*---------------------------------------------------* カテゴリーから探す *---------------------------------------------------*/ #content_qa .cat_list ul li a { font-size:12px;} #content_qa .q_info p span { display:block;} /*---------------------------------------------------* ご利用ガイドTOPに戻る *---------------------------------------------------*/ #content_qa .btn_area { margin:15px 10px; text-align:center;} #content_qa .btn_area a { display:block;} #content_qa .btn_area a:first-child { margin-bottom:10px;} } /*///////////////////////////////////////////////////////////////////////////////////////////////// clerfix /////////////////////////////////////////////////////////////////////////////////////////////////*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } /*IE7?O_uEU*/ .clearfix{display:inline-block;} /*IE7MacIE5*/ /*Hides from IE-mac\*/ * html .clearfix{height:1%;} .clearfix{display:block;} /*End hide from IE-mac*/ /*IE6?O*/