/*/////////////////////////////////////////////////////////////////////////////////////////////////

 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:15px;}
#content_qa h4 { font-size:13px;}

#content_qa input[type="text"],
#content_qa button {
    -webkit-appearance:none; -moz-appearance:none;
}


/*---------------------------------------------------*
	レコメンド枠 レスポンシブ設定
 *---------------------------------------------------*/

#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 .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;padding:31px 0 0;border-top:dotted 1px #ccc;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}

/* SP */
.recommendbox{overflow:hidden;font-size:12px;line-height:1.1}
.products4{float:left;width:75px;padding-top:5px;margin-left:1px}
.products4 dl dt{height:40px}
.text_price{font-size:11px}
.products4_Title{margin:10px 0 0;padding:5px 0 3px;border-bottom:solid 2px #BFE5F2;background:url(https://secure.lovecosmetic.net/i/images/common/head_bg.png) left top repeat-x;line-height:1}
.products4_Title h2{min-height:17px;margin:0 0 0 10px;padding:2px 0 0 20px;background:url(https://secure.lovecosmetic.net/i/images/common/head_bg_asterisk.png) left top no-repeat;color:#999;font-weight:700}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 共通クラス

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 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:#666; font-size:13px;}
/*#content_qa p { line-height:1.6em;}*/
#content_qa a { color:#666; text-decoration:none;}
#content_qa a:hover { color:#FF7373; text-decoration:underline; }

/* Main Style */
#content_qa .left_area  { float:left;  width:630px;}
#content_qa .right_area { float:right; width:300px;}
#content_qa .right_area a { font-size: 14px;}

/* Section Style */
#content_qa .sec { margin-top:20px;}



#voices_header *,
#voices *,
#voices_footer * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    font-size: inherit;
    line-height: inherit;
}



/* 画像置換用クラス */

#content_qa .ir {
    overflow: hidden;
    border: 0;
    background-color: transparent;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

#content_qa .ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}



/* ボタン系 */

#content_qa .btn {
    display: block;
    position: relative;
    *zoom: 1;
}

#content_qa .btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

#content_qa .btn-post {
    max-width: 300px;
    margin: 0 auto;
    border-radius: 5px;
    background: url(../images/bg_btn_post.gif) repeat-x #FE698E;
    color: #fff;
}

#content_qa .btn-post:hover {
    color: #fff;
    text-decoration: none;
}

#content_qa .btn-post > .inner {
    display: block;
    padding: 11px 0;
    background: url(../images/icon_btn_post_pc.png) 100% 50% no-repeat;
    text-align: center;
}

#content_qa .btn-post > .inner > .main,
#content_qa .btn-post > .inner > .sub {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
}


#content_qa .btn-post > .inner > .sub {
    letter-spacing:-1px;
}


#content_qa .btn-post > .inner > .main {
    font-size: 16px;
}

#content_qa .btn-readmore {
    height:28px;
    line-height: 28px;
    margin: 0 auto;
    border: solid 1px #E6E6E6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 1px #FFFFFF;
    box-shadow: inset 0 0 0 1px #FFFFFF;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #ffffff 20%,#f0f0f0 100%);
    background: linear-gradient(to bottom, #ffffff 20%,#f0f0f0 100%);
    color: #545454;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

#content_qa .btn-readmore:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 7px;
    margin: 0 0 2px 8px;
    background: url(../images/icon_btn_triangle.png) 0 -7px no-repeat;
    -webkit-background-size: 9px 14px;
    background-size: 9px 14px;
    vertical-align: middle;
}

#content_qa .btn-readmore.is-active:after {
    background-position: 0 0;
}

#content_qa .btn-readmore:hover {
    color: #545454;
    opacity: 1;
}



/* ヘッダー */

#content_qa #voices_header {
    overflow: hidden;
    background: url(../images/bg_header.gif) no-repeat #F0FAFE;
    color: #333;
}

#content_qa #voices_header h1 {

}

#content_qa #voices_header .copy {
    margin: 8px 0;
    padding: 0 20px;
    color: #FE6892;
    font-size: 18px;
    line-height: 1.4;
}

#content_qa #voices_header > .body {
    margin: 10px 0 18px;
    padding: 0 20px;
    line-height: 1.6;
}

#content_qa #voices_header > .body > .main {
    float: left;
    width: 320px;
}

#content_qa #voices_header > .body > .aside {
    float: right;
    width: 250px;
}

#content_qa #voices_header > .body .mobile,
#content_qa #voices_header > .body > .main .btn-post {
    display: none;
}

#content_qa #voices_header .links {
    position: relative;
    margin-top: 20px;
    border: solid 1px #FFE1EA;
    border-radius: 5px;
    background: #fff;
    font-size: 12px;
}

#content_qa #voices_header .links li a {
    display: block;
    margin: 14px 16px;
    padding-left: 13px;
    background: url(../images/bg_arrow_links_pc.gif) 0 50% no-repeat;
    color: #F24672;
    text-decoration: underline;
}

#content_qa #voices_header .links li a:hover {
    color: #F975A3;
}

#content_qa #voices_header .counter {
    position: relative;
    width: 250px;
    height: 190px;
    margin: 5px 0 22px;
    background: url(../images/bg_counter_base.png) no-repeat;
}

#content_qa #voices_header .counter .title {
    position: absolute;
    left: 35px;
    top: 62px;
    width: 58px;
    height: 24px;
    padding: 15px 10px;
    background: url(../images/bg_counter_title.gif) no-repeat;
    color: #EF184F;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

#content_qa #voices_header .counter .data {
    position: absolute;
    bottom: 28px;
    left: 22px;
    width: 150px;
    color: #EC184C;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

#content_qa #voices_header .counter .data strong {
    font-family: Arial, sans-serif;
    font-size: 36px;
    font-weight: normal;
    letter-spacing: -.03em;
}

/* ヘッダー: タブ */

#content_qa #voices_header .nav {
    position: relative;
    font-size: 14px;
    line-height: 1.2;
    height: 60px;
    padding-top: 28px;
    border-bottom: solid 1px;
}

#content_qa #voices_header .nav_0 { border-color: #FFCE8C; }
#content_qa #voices_header .nav_1 { border-color: #D8F0E3; }
#content_qa #voices_header .nav_2 { border-color: #EDE1F7; }
#content_qa #voices_header .nav_3 { border-color: #FFE1E5; }
#content_qa #voices_header .nav_4 { border-color: #FEE5D1; }
#content_qa #voices_header .nav_5 { border-color: #D2E8FB; }

#content_qa #voices_header .nav .tabs {
    position: relative;
    left: 50%;
    top: 10px;
    float: left;
    height: 50px;
}

#content_qa #voices_header .nav .tabs li {
    position: relative;
    left: -50%;
    float: left;
    margin: 0 2px;
}

#content_qa #voices_header .nav .tabs li .item {
    position: relative;
    display: table-cell;
    *display: inline;
    *zoom: 1;
    width: 93px;
    height: 49px;
    *height: 44px;
    *margin-bottom: 1px;
    *padding-top: 5px;
    border-style: solid solid none;
    border-width: 1px;
    border-radius: 6px 6px 0 0;
    background: #fff;
    text-align: center;
    vertical-align: middle;
}

#content_qa #voices_header .nav .tabs li.all .item { background: #FFFBE6; border-color: #FFFBE6; color: #FF9200; }
#content_qa #voices_header .nav .tabs li.happy .item { background: #D8F0E3; border-color: #D8F0E3; color: #45AC7F; }
#content_qa #voices_header .nav .tabs li.staff .item { background: #EDE1F7; border-color: #EDE1F7; color: #9864D2; }
#content_qa #voices_header .nav .tabs li.service .item { background: #FFE1E5; border-color: #FFE1E5; color: #FC658C; }
#content_qa #voices_header .nav .tabs li.packing .item { background: #FEE5D1; border-color: #FEE5D1; color: #FE7663; }
#content_qa #voices_header .nav .tabs li.item .item { background: #D2E8FB; border-color: #D2E8FB; color: #448CE5; }

#content_qa #voices_header .nav .tabs li .item br.sp_only {
    display: none;
}

#content_qa #voices_header .nav .tabs li a.item:hover {
    background: #fff;
    text-decoration: none;
}

#content_qa #voices_header .nav .tabs li span.item {
    top: -10px;
    height: 59px;
    *height: 44px;
    *margin-bottom: 0;
    *padding-top: 15px;
}

#content_qa #voices_header .nav .tabs li.all span.item,
#content_qa #voices_header .nav .tabs li.happy span.item,
#content_qa #voices_header .nav .tabs li.staff span.item,
#content_qa #voices_header .nav .tabs li.service span.item,
#content_qa #voices_header .nav .tabs li.packing span.item,
#content_qa #voices_header .nav .tabs li.item span.item {
    background: #fff;
    border-bottom: solid 1px #fff;
}

#content_qa #voices_header .nav .tabs li.all span.item {
    border-color: #FFCE8C #FFCE8C #fff;
}

#content_qa #voices_header .nav .tabs li .item .count {
    position: absolute;
    top: -29px;
    left: 12px;
    right: 12px;
    *height: 23px;
    margin: 0 -1px;
    padding-bottom: 4px;
    background: 50% 100% no-repeat;
}

#content_qa #voices_header .nav .tabs li.happy .item .count { background-image: url(../images/bg_count_happy.png); }
#content_qa #voices_header .nav .tabs li.staff .item .count { background-image: url(../images/bg_count_staff.png); }
#content_qa #voices_header .nav .tabs li.service .item .count { background-image: url(../images/bg_count_service.png); }
#content_qa #voices_header .nav .tabs li.packing .item .count { background-image: url(../images/bg_count_packing.png); }
#content_qa #voices_header .nav .tabs li.item .item .count { background-image: url(../images/bg_count_item.png); }

#content_qa #voices_header .nav .tabs li .item .count_inr {
    display: block;
    padding: 5px 0;
    border-radius: 4px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    letter-spacing: .05em;
}

#content_qa #voices_header .nav .tabs li.happy .item .count_inr { background: #45AD81; }
#content_qa #voices_header .nav .tabs li.staff .item .count_inr { background: #A36FF7; }
#content_qa #voices_header .nav .tabs li.service .item .count_inr { background: #FC658E; }
#content_qa #voices_header .nav .tabs li.packing .item .count_inr { background: #F3853F; }
#content_qa #voices_header .nav .tabs li.item .item .count_inr { background: #5599D7; }

#content_qa #voices_header .nav .tabs li .item .count_inr,
#content_qa #voices_header .nav .tabs li .item .count_unit {
    font-weight: bold;
}



/* 投稿一覧 */

#content_qa #voices {
    width: 610px;
    margin: 10px auto 18px;
}

#content_qa #voices .voice {
    position: relative;
    float: left;
    width: 283px;
    margin: 10px;
    border: solid 1px;
    border-radius: 6px;
    color: #444;
    font-size: 12px;
    line-height: 1.48;
}

#content_qa #voices .voice_staff { border-color: #EDE1F7; }
#content_qa #voices .voice_item { border-color: #D2E8FB; }
#content_qa #voices .voice_packing { border-color: #FEE5D1; }
#content_qa #voices .voice_service { border-color: #FFE1E5; }
#content_qa #voices .voice_happy { border-color: #D8F0E3; }

#content_qa #voices .voice .date {
    color: #999;
    text-align: right;
}

/* 投稿一覧: お客様の声 */

#content_qa #voices .voice > .header {
    padding: 12px 20px 4px;
}

#content_qa #voices .voice h2 {
    margin: 4px 0;
    font-size: 14px;
}

#content_qa #voices .voice_staff h2 { color: #9864D2; }
#content_qa #voices .voice_item h2 { color: #448CE6; }
#content_qa #voices .voice_packing h2 { color: #FE7663; }
#content_qa #voices .voice_service h2 { color: #FC658C; }
#content_qa #voices .voice_happy h2 { color: #45AC7F; }

#content_qa #voices .voice .rating {
    margin: 4px 0;
    font-size: 10px;
}

#content_qa #voices .voice .rating img {
    display: inline-block;
    *display: inline;
    height: 11px;
    margin-left: 8px;
    vertical-align: -2px;
}

#content_qa #voices .voice > .content {
    overflow: hidden;
    min-height: 23px;
}

#content_qa #voices .voice .opinion {
    padding: 0 20px 14px;
    background: 50% 100% no-repeat;
}

#content_qa #voices .voice_staff .opinion { background-image: url(../images/bg_baloon_staff_pc.gif); }
#content_qa #voices .voice_item .opinion { background-image: url(../images/bg_baloon_item_pc.gif); }
#content_qa #voices .voice_packing .opinion { background-image: url(../images/bg_baloon_packing_pc.gif); }
#content_qa #voices .voice_service .opinion { background-image: url(../images/bg_baloon_service_pc.gif); }
#content_qa #voices .voice_happy .opinion { background-image: url(../images/bg_baloon_happy_pc.gif); }

#content_qa #voices .voice .opinion > .main {
    margin-bottom: 12px;
}

#content_qa #voices .voice .opinion .icon,
#content_qa #voices .voice .opinion .name {
    float: left;
    line-height: 22px;
    margin-right: 5px;
}

#content_qa #voices .voice .opinion .date {
    float: right;
    line-height: 22px;
}

/* 投稿一覧: スタッフの声 */

#content_qa #voices .voice .answer {
    overflow: hidden;
    padding: 0 16px 0 20px;
}

#content_qa #voices .voice_staff .answer { background: #EDE1F7; }
#content_qa #voices .voice_item .answer { background: #D2E8FB; }
#content_qa #voices .voice_packing .answer { background: #FEE5D1; }
#content_qa #voices .voice_service .answer { background: #FFE1E5; }
#content_qa #voices .voice_happy .answer { background: #D8F0E3; }

#content_qa #voices .voice .answer > .aside,
#content_qa #voices .voice .answer > .main {
    margin: 16px 0 14px;
}

#content_qa #voices .voice .answer > .aside {
    float: left;
    width: 50px;
    margin-top: 20px;
}

#content_qa #voices .voice .answer .icon {
    margin-bottom: 4px;
}

#content_qa #voices .voice .answer .name {
    text-align: center;
}

#content_qa #voices .voice .answer > .main {
    float: right;
    width: 176px;
}

#content_qa #voices .voice .answer h3 {
    margin-bottom: 6px;
    font-size: 1em;
    font-weight: bold;
}

#content_qa #voices .voice .answer p {
    margin-bottom: 16px;
}

#content_qa #voices .voice .answer .date {
    margin: 0;
}



/* フッター */

#content_qa #voices_footer {

}

#content_qa #voices_footer .pagination {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    font-size: 14px;
}

#content_qa #voices_footer .pagination ul {
    position:relative;
    left:50%;
    float:left;
}

#content_qa #voices_footer .pagination li {
    position:relative;
    left:-50%;
    float:left;
}

#content_qa #voices_footer .pagination .item {
    position: relative;
    display: block;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 4px;
    border: solid 1px #ddd;
    border-radius:4px;
    text-align: center;
}

#content_qa #voices_footer .pagination a.item {
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.98, rgb(246,246,246)),color-stop(0.99, rgb(246,246,246)));
    background :-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    background: linear-gradient(180deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    -pie-background: linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(246,246,246) 98%,rgb(246,246,246) 99%);
    color: #468ABF;
    *zoom: 1;
}

#content_qa #voices_footer .pagination a.item:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    text-decoration: none;
}

#content_qa #voices_footer .pagination span.item {
    border-color: #468ABF;
    background: #468ABF;
    color: #fff;
}

#content_qa #voices_footer .button {
    margin: 0 auto 40px;
}

#content_qa #voices_footer .pr {
    height: 160px;
    line-height: 160px;
    background: #EEEEEE;
    font-weight: bold;
    text-align: center;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Right Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#content_qa .sec_link { margin-top:20px; line-height:100%;}
#content_qa .sec_link h3{
    padding:10px; font-size:13px; 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;}

    /*---------------------------------------------------*
        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 {
        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-post {
        max-width: none;
    }

    #content_qa .btn-post > .inner {
        background-image: url(../images/icon_btn_post_sp.png);
        -webkit-background-size: 10px 7px;
        background-size: 20px 14px;
    }

    #content_qa #voices_header {
        background-image: none;
        font-size: 16px;
    }

    #content_qa #voices_header h1 img {
        max-width: 100%;
        margin: 0 auto;
    }

    #content_qa #voices_header .copy {
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: 16px;
    }

    #content_qa #voices_header > .body {
        margin: 0px 0 6px;
        padding: 0;
    }

    #content_qa #voices_header > .body > .main,
    #content_qa #voices_header > .body > .aside {
        float: none;
        width: auto;
        padding: 0 10px;
    }

    #content_qa #voices_header > .body .mobile {
        display: block;
        margin: 10px 0;
        padding: 0 10px;
    }

    #content_qa #voices_header > .body > .main {
        display: none;
        padding-top: 10px;
    }

    #content_qa #voices_header > .body > .main .btn-post {
        display: block;
        margin: 10px 0 0;
    }

    #content_qa #voices_header > .body > .aside .btn-post {
        display: none;
    }

    #content_qa #voices_header .counter {
        position: static;
        width: auto;
        height: auto;
        margin: 0 -10px 0;
        padding: 0 9px 0 11px;
        border: 2px #4BB3C8;
        border-style: solid none;
        background: #fff;
    }

    #content_qa #voices_header .counter .title {
        position: static;
        float: left;
        width: auto;
        height: 53px;
        line-height: 53px;
        padding: 0;
        background: none;
        font-size: 12px;
        text-align: left;
    }

    #content_qa #voices_header .counter .data {
        position: static;
        float: right;
        width: auto;
        height: 53px;
        line-height: 53px;
        padding-right: 45px;
        background: url(../images/bg_header_count_sp.gif) no-repeat 100% 100%;
    }

    #content_qa #voices_header .counter .data strong {
        font-size: 32px;
    }

    #content_qa #voices_header .links {
        margin: 10px 0 0;
        font-size: 14px;
    }

    #content_qa #voices_header .links li a {
        margin: 8px;
        background-image: url(../images/bg_arrow_links_sp.gif);
        -webkit-background-size: 6px 9px;
        -background-size: 6px 9px;
    }

    #content_qa #voices_header .links li br {
        display: none;
    }

    #content_qa #voices_header .nav {
        height: 43px;
        padding: 24px 4px 0;
        font-size: 11px;
    }

    #content_qa #voices_header .nav .tabs {
        position: static;
        float: none;
        height: 43px;
    }

    #content_qa #voices_header .nav .tabs li {
        position: static;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: table;
        width: 16.666666%;
        margin: 0;
        padding: 0 1px;
    }

    #content_qa #voices_header .nav .tabs li .item {
        width: auto;
        height: 42px;
    }

    #content_qa #voices_header .nav .tabs li span.item {
        position: static;
        height: 43px;
    }

    #content_qa #voices_header .nav .tabs li .item br {
        display: none;
    }

    #content_qa #voices_header .nav .tabs li .item br.sp_only {
        display: block;
    }

    #content_qa #voices_header .nav .tabs li .item .count {
        top: -27px;
        left: 0;
        right: 0;
        -webkit-background-size: 9px 4px;
    }

    #content_qa #voices_header .nav .tabs li .item .count_inr {
        padding: 4px 0;
        font-size: 12px;
        letter-spacing: 0;
    }

    #content_qa #voices_header .nav .tabs li .item .count_unit {
        display: none;
    }

    #content_qa #voices {
        width: auto;
        margin: 0 0 20px;
    }

    #content_qa #voices .voice {
        float: none;
        width: auto;
        margin: 0;
        padding-bottom: 10px;
        border: none;
        border-bottom: solid 1px #eee;
        border-radius: 0;
        color: #6E6E6E;
        font-size: 16px;
        cursor: pointer;
    }

    #content_qa #voices .voice.is-active {
        /*  padding-bottom: 0; */
        border-bottom: none;
    }

    #content_qa #voices .voice > .header {
        position: relative;
        padding: 4px 10px 4px;
    }

    #content_qa #voices .voice > .header:before {
        content: "";
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 16px;
        height: 16px;
        background: url(../images/icon_accordion.gif) 0 -16px no-repeat;
        -webkit-background-size: 16px 32px;
        background-size: 16px 32px;
    }

    #content_qa #voices .voice.is-active > .header:before {
        background-position: 0 0;
    }

    #content_qa #voices .voice h2 {
        font-size: 16px;
    }

    #content_qa #voices .voice .rating {
        font-size: 12px;
    }

    #content_qa #voices .voice .opinion {
        padding-left: 10px;
        padding-right: 35px;
        -webkit-background-size: 16px 8px;
        background-size: 16px 8px;
    }

    #content_qa #voices .voice_staff .opinion { background-image: url(../images/bg_baloon_staff_sp.gif); }
    #content_qa #voices .voice_item .opinion { background-image: url(../images/bg_baloon_item_sp.gif); }
    #content_qa #voices .voice_packing .opinion { background-image: url(../images/bg_baloon_packing_sp.gif); }
    #content_qa #voices .voice_service .opinion { background-image: url(../images/bg_baloon_service_sp.gif); }
    #content_qa #voices .voice_happy .opinion { background-image: url(../images/bg_baloon_happy_sp.gif); }

    #content_qa #voices .voice .opinion p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #content_qa #voices .voice.is-active .opinion p {
        text-overflow: clip;
        white-space: normal;
    }

    #content_qa #voices .voice .opinion > .footer {
        font-size: 14px;
    }

    #content_qa #voices .voice .answer {
        padding: 0 12px 0 10px;
        cursor: auto;
    }

    #content_qa #voices .voice .answer > .main,
    #content_qa #voices .voice .answer > .aside {
        margin-bottom: 20px;
    }

    #content_qa #voices .voice .answer > .aside .icon {
        margin-bottom: 4px;
    }

    #content_qa #voices .voice .answer > .aside .name {
        font-size: 12px;
    }

    #content_qa #voices .voice .answer > .main {
        float: none;
        width: auto;
        overflow: hidden;
        margin-left: 64px;
    }

    #content_qa #voices .voice .answer p {
        margin-bottom: 10px;
    }

    #content_qa #voices .voice .answer .date {
        position: static;
        color: #6E6E6E;
        font-size: 14px;
    }

    #content_qa #voices_footer .pagination {
        margin-bottom: 20px;
    }

    #content_qa #voices_footer .button {
        margin-bottom: 30px;
        padding: 0 10px;
    }

    #content_qa #voices_footer .pr {
        margin: 0 10px 30px;
    }

}

/* 630px 以下 (SP) */
@media screen and (max-width: 675px) {

    /*---------------------------------------------------*
        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 h2 { font-size:18px;}
    #content_qa h3 { font-size:18px;}

    /*#content_qa .right_area { margin-top:0;}*/
    #content_qa .right_area a { font-size:14px;}
    #content_qa .sec { margin:0;}

}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 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*/