@charset "utf-8";
/* CSS Document */

.top_back {
	margin-top:5%;
	font-size:16px;
	text-align:center;
	background:#FFF;
	color:#aaa;
}
.top_back a:link,
.top_back a:visited,
.top_back a:active {
    color: #aaa;
}

@media only screen and (min-width: 740px){
    #mccareWrap .pc{
        display: block;
    }
    #mccareWrap .sp{
        display: none;
    }

    .clearfix:after {
        content: "";
        clear: both;
        display: block;
    }

    #category_count {
        font-size: 12px;
        color: #787878;
        line-height: 1.5;
        padding: 10px 0 33px;
    }

    #mccareWrap {
        width: 950px;
        margin: 0 auto;
        text-align:center;
        font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, Verdana, Helvetica, sans-serif;

    }
    #mccareWrap p {
        text-align:center;
    }
    #mccareWrap a:hover img	{ opacity:0.6;}

    /*  MAIN
    ─────────────────────────────────────*/
    #mccare_main {
        background:url(../../../delicate_care/den_pc_mccare_h2_01_2_170501.png) no-repeat;
        height:415px;
    }
    #mccare_lead {
        background: #ffffff; /* Old browsers */

        background: -moz-linear-gradient(top,  #ffffff 0%, #fcf6fa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcf6fa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#fcf6fa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#fcf6fa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#fcf6fa 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#fcf6fa 100%); /* W3C */

        /* IE8-9 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcf6fa', GradientType=0)";
        padding-bottom:45px;
    }
    #mccare_lead .mccare_leadTxt {
        font-size: 14px;
        color: #787878;
        line-height: 1.8;
        margin:35px 0 25px 0;
    }

    /* mccare_theme01 */		
    #mccare_theme01 {
        background:url(../../../delicate_care/den_pc_mccare_bg_lacestar.gif) no-repeat;
        height:457px;
    }
    #mccare_theme01 h3, #mccare_theme02 h3, #mccare_theme03 h3 {
        padding:35px 0 10px 0;
    }
    #mccare_theme01 .mccare_Txt	{
        font-size: 14px;
        color: #787878;
        line-height: 1.8;
        margin-bottom:50px;
    }	
    #mccare_theme01 ul.mccare_point	{
        width:789px;
        display:block;	
        margin:auto;
        padding-right:35px;		
    }	
    #mccare_theme01 ul.mccare_point li {
        float:left;
        margin-left:35px;
    }
    .mccare_pause {
        background:#fcf6fa;
        padding:10px 45px 0 0;
        clear:both;
        height:40px;
    }
    #mccare_theme01 ul.mccare_cap { 
        text-align:right;
        font-size: 12px;
        padding:15px 56px 0 0;
    }	
    .mccare_pause .mccare_cap { 
        text-align:right;
        font-size: 12px;
    }	
    .mccare_cap02 { 	
        font-size: 12px;	
    }	


    /* mccare_theme02 */		
    #mccare_theme02, #mccare_theme03 {
        background:url(../../../delicate_care/den_pc_mccare_bg_lace.gif) repeat-y;
    }
    #mccare_theme02 h4 { 
        padding-bottom:35px;
    }
    #mccare_theme02 .mccare_Txt	{
        font-size: 14px;
        color: #787878;
        line-height: 1.8;
        margin-bottom:30px;
    }
    #mccare_theme02 .mccare_Txt span.mccare_cap	 {
        font-size:12px;
        text-align:right;
    }
    #mccare_theme02 .mccare_Txt span.mccare_cap02 {
        font-size:12px;
    }	
    #mccare_theme02 .mccare_Txt span.mccare_txtP {
        color:#fa91aa;
    }
    #mccare_theme02 ul.mccare_point	{
        width:820px;
        display:block;	
        margin:auto;	
        background:url(../../../delicate_care/den_pc_mccare_bg_star.gif) no-repeat;
        height:254px;
    }
    #mccare_theme02 ul.mccare_point	li {
        float:left;
        margin-left:35px;
        margin-top:30px;
    }

    /* mccare_theme03 */
    #mccare_theme03 {
        background:url(../../../delicate_care/den_pc_mccare_bg_lace.gif) repeat-y;
        width:800px;
        margin:0 auto;
        padding:0 75px;
    }	
    #mccare_theme03	dl {
        float:left;
        width:238px;
        text-align:left;
        margin-left:20px;
        line-height: 1.6;
        margin-bottom:30px;
    }
    #mccare_theme03	dl dt {
        padding-bottom:20px;
    }
    #mccare_theme03	dl dd ul {
        padding-top:30px;
    }
    #mccare_theme03	dl dd ul li {
        /*padding-left: 1em;*/
        /*text-indent: -1em;*/
       margin:0 0 5px;
    }

    /* mccare_lineup
    ------------------------------- */
    #mccare_lineup {
        background:#fcf6fa;
        padding-bottom:50px;
    }
    #mccare_lineup dl {
        text-align:left;
    }	
    #mccare_lineup dt {
        padding-bottom:10px;	
    }	
    #mccare_lineup dd.mccare_price {
        padding-bottom:14px;
    }
    #mccare_lineup dd.mccare_price span.mccare_pr {
        font-weight:bold;
        font-size:16px;
    }
    #mccare_lineup dd.mccare_price span.mccare_tax {
        font-size:16px;
        color:#999;
    }
    #mccare_lineup dd.mccare_price span.mccare_cont {
        font-size:13px;
    }			
    #mccare_lineup .mccare_cap01 {
        font-size: 12px;
        padding-top:10px;
    }

    /* lineup0 */			
    #mccare_lineup0 {
        width:850px;
        margin:0 auto 4px;
        background:#fff url(../../../delicate_care/den_pc_mccare_lineup0.png) no-repeat 0 0;
        position:relative;
        height:410px;
        border-radius: 20px;
    }
    #mccare_lineup0 .mccare_m {
        position:absolute;
        left:40px;
        top:68px;
    }
    #mccare_lineup0 .mccare_icon {
        position:absolute;
        left:40px;
        top:190px;
    }
    #mccare_lineup0 .mccare_icon02 {
        position:absolute;
        left:175px;
        top:230px;
    }
    #mccare_lineup0 #mccare_picebox0 {
        position:absolute;
        left:40px;
        top:265px;
    }
    #mccare_lineup0 .mccare_product {
        position:absolute;
        left:455px;
        top:81px;
    }

    /* lineup01 */	
    #mccare_lineup01 {
        width:850px;
        margin:0 auto;
        background:#fff url(../../../delicate_care/den_pc_mccare_lineup01.gif) no-repeat 0 0;
        position:relative;
        height:460px;
    }
    #mccare_lineup01 #mccare_picebox01 {
        position:absolute;
        left:40px;
        top:305px;
    }
    #mccare_lineup01 .mccare_m {
        position:absolute;
        left:40px;
        top:78px;
    }
    #mccare_lineup01 .mccare_icon {
        position:absolute;
        left:40px;
        top:215px;
    }
    #mccare_lineup01 .mccare_product {
        position:absolute;
        left:380px;
        top:120px;
    }

    /* lineup02 */	
    #mccare_lineup02 {
        width:850px;
        margin:0 auto;
        background:#fff url(../../../delicate_care/den_pc_mccare_lineup02.gif) no-repeat 0 0;
        position:relative;
        height:470px;
    }
    .mccare_spc { padding-bottom:19px !important;}	
    h4.mccare_bath {
        padding-top:40px;
    }
    #mccare_lineup02 .mccare_m01 {
        position:absolute;
        left:40px;
        top:78px;
        z-index:10;
    }
    #mccare_lineup02 #mccare_picebox02 {
        position:absolute;
        left:40px;
        top:258px;
        z-index:1;
    }	
    #mccare_lineup02 .mccare_product01 {
        position:absolute;
        left:176px;
        top:167px;
        z-index:10;
    }
    #mccare_lineup02 .mccare_m02 {
        position:absolute;
        left:450px;
        top:78px;
        z-index:10;
    }
    #mccare_lineup02 #mccare_picebox03 {
        position:absolute;
        left:450px;
        top:258px;
        z-index:1;
    }
    #mccare_lineup02 .mccare_product02 {
        position:absolute;
        left:615px;
        top:167px;
        z-index:10;
    }
    #mccare_lineup02 .mccare_line {
        position:absolute;
        left:420px;
        top:55px;
    }	

    /* lineup03 */			
    #mccare_lineup03 {
        width:850px;
        margin:0 auto;
        background:#fff url(../../../delicate_care/den_pc_mccare_lineup03.gif) no-repeat 0 0;
        position:relative;
        height:442px;
        border-radius: 20px;
    }
    #mccare_lineup03 .mccare_m {
        position:absolute;
        left:40px;
        top:93px;
    }
    #mccare_lineup03 .mccare_icon {
        position:absolute;
        left:40px;
        top:190px;
    }
    #mccare_lineup03 .mccare_icon02 {
        position:absolute;
        left:175px;
        top:230px;
    }
    #mccare_lineup03 #mccare_picebox04 {
        position:absolute;
        left:40px;
        top:300px;
    }
    #mccare_lineup03 .mccare_product {
        position:absolute;
        left:455px;
        top:90px;
    }


    .mccare_pagetop { text-align:right; padding-top:20px;}	
    .mccare_pagetop a { color:#fa91aa;}

    /* 第二フェーズ
    ─────────────────────────────────────*/
    /* INTERVIEW */
    #mccare_Int {
        background:url(../../../delicate_care/den_pc_mccare_int_bg_lace.gif) repeat-y;
    }
    .mccare_readmore { padding-bottom:30px;}	
    #mccare_Int h3 {
        padding:50px 0 20px 0;
        text-align:center;
    }
    #mccare_Int #mccare_int01 {
        width:780px;
        margin:0 auto;	
        background:url(../../../delicate_care/den_pc_mccare_int_bg1.gif) 13px 0 no-repeat;
        text-align:left;
        height:392px;
        padding-bottom:10px;
    }
    #mccare_Int #mccare_int02 {
        width:780px;
        margin:0 auto;	
        background:url(../../../delicate_care/den_pc_mccare_int_bg2.gif) 13px 0 no-repeat;
        text-align:left;
        height:288px;
        padding-bottom:40px;
    }
    #mccare_Int #mccare_int03 {
        width:780px;
        margin:0 auto;	
        background:url(../../../delicate_care/den_pc_mccare_int_bg3.gif) 13px 0 no-repeat;
        text-align:left;
        height:327px;
        padding-bottom:40px;
    }	
    #mccare_Int #mccare_int04 {
        width:780px;
        margin:0 auto;	
        background:url(../../../delicate_care/den_pc_mccare_int_bg4_02.gif) 0 0 no-repeat;
        text-align:left;
        height:533px;	
    }		
    #mccare_Int #mccare_int01 dl {
        float:left;
    }	
    #mccare_Int #mccare_int01 dt {
        padding:25px 0 0 30px;	
    }
    #mccare_Int #mccare_int02 dt,
    #mccare_Int #mccare_int03 dt,
    #mccare_Int #mccare_int04 dt {
        padding:30px 0 0 30px;	
    }	
    #mccare_Int #mccare_int01 dd {
        background:url(../../../delicate_care/den_pc_mccare_int_a.png) no-repeat 30px 0;
        padding-left:100px;
        margin-top:25px;
        width:350px;
        font-size:15px;
        line-height:200%;
    }
    #mccare_Int #mccare_int02 dd,
    #mccare_Int #mccare_int03 dd,
    #mccare_Int #mccare_int04 dd {
        background:url(../../../delicate_care/den_pc_mccare_int_a.png) no-repeat 30px 0;
        padding-left:100px;
        margin-top:36px;
        width:630px;
        font-size:15px;
        line-height:200%;
    }	
    #mccare_Int dd span {
        background-color:#faf091;
    }
    #mccare_Int #mccare_int01 p.mccare_grp {
        float:right;
    }
    #mccare_Int p.mccare_cap {
        text-align:right;
        font-size:10px;
        padding:0 90px 20px 0;
    }
    #mccare_Int #mccare_int04 ul {
        display:block;
        float:right;
        padding:10px 40px 0 0;
    }	
    #mccare_Int #mccare_int04 ul li {
        padding-left: 1em; 
        text-indent: -1em; 
    }
    #mccare_Int #mccare_int04 p.mccare_name {
        float:left;
        padding:30px 0 0 120px;
    }
    .mccare_btn {
        padding:10px 0 30px 0;}	

    /* MANGA */
    #mccare_Manga {background:url(../../../delicate_care/den_pc_mccare_mng_bg_lace.gif) repeat-y;
    }
    #mccare_Manga h3 { padding-top:30px;}	
    #mccare_Manga #mccare_mng01, 
    #mccare_Manga #mccare_mng02{
        background:url(../../../delicate_care/den_pc_mccare_mng_bg.jpg) 2px 0 repeat-y;
        width:818px;
        margin:0 auto;
    }
    #mccare_Manga .mccare_manga {
        padding:30px 0; 
    }
    #mccare_Manga #mccare_mng01 .mccare_fukidashi {
        background:url(../../../delicate_care/den_pc_mccare_mng_bg01.jpg) 55px 0 no-repeat;
        margin:20px 0 0 0;
        height:343px;
        text-align:left;
        padding:20px 220px 0 80px;
    }
    #mccare_Manga #mccare_mng02 .mccare_fukidashi {
        background:url(../../../delicate_care/den_pc_mccare_mng_bg02.jpg) 55px 0 no-repeat;
        margin:20px 0 0 0;
        height:245px;
        text-align:left;
        padding:20px 230px 0 80px;
    }	
    #mccare_Manga .mccare_fukidashi p.mccare_txt {
        font-size:15px;
        line-height:200%;
    }
    #mccare_Manga p.mccare_cap{
        padding-left: 1em; 
        text-indent: -1em;
        font-size:11px;
        padding-top:20px;
    }
    #mccare_Manga .mccare_btm {
        padding-left:2px;
        padding-bottom:30px;
    }
    #mccare_Manga #mccare_mngProf {
        background:url(../../../delicate_care/den_pc_mccare_mng_prof.gif) no-repeat;
        width:730px;	
        margin:0 auto;
        margin-bottom:30px;
        padding:40px;
    }
    #mccare_Manga #mccare_mngProf .mccare_ph {
        float:left;
        padding-right:30px;
    }
    #mccare_Manga #mccare_mngProf .mccare_name {
        text-align:left;
        float:left;
        padding-bottom:20px;
    }		
    #mccare_Manga #mccare_mngProf .mccare_txt {
        text-align:left;
        float:left;
        line-height:180%;
    }

}

@media only screen and (min-width: 0px) and (max-width: 740px) {
    #mccareWrap .pc{
        display: none;
    }
    #mccareWrap .sp{
        display: block;
    }

    html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align: left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
    #category_count{
        line-height:150% !important;
        color: #787878;
        font-size:16pt;

    }
    #category_count #mccare_main {

        text-align:center;
        margin:0;
    }	

    #category_count #mccare_menu {
        background: -webkit-linear-gradient(top, #fff 0%, #fcf6fa 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fcf6fa));
        text-align:center;
        padding:30px 0 25px 0;
        margin:0;
    }



    /* mccare_lineup */
    #category_count #mccare_lineup {
        background:#fcf6fa;

    }


    #category_count #mccare_lineup .mccare_pagetop  { color:#fa91aa; text-align:right !important; padding:20px 20px 0 0; font-size:12px;}	
    #category_count #mccare_lineup .mccare_pagetop a { color:#fa91aa;}																				

    dl#mccare_list {
        text-align:center;
        background:#fff;
        margin:10% 0;
        border-bottom:1px solid #fa91aa;  
    }
    dl#mccare_list dt.mccare_accordion {
        border-left:1px solid #fa91aa; 
        border-right:1px solid #fa91aa;  
        border-top:1px solid #fa91aa; 
        width: 100%;   
        cursor: pointer;
    }  
    dl#mccare_list dd {
        text-align:center;
        border-bottom:0px solid #fa91aa;  
    }
    dl#mccare_list dd ul li{
        list-style: none;
    }
    dl#mccare_list dd div.mccare_close {

        cursor: pointer;
        text-align:center;
    }
    dl#mccare_list dd ul li img {
        width:100%;
    }
    #category_count .mccare_pagetop  { color:#fa91aa; text-align:right !important; padding:0px 20px 30px 0; font-size:12px;}	
    #category_count .mccare_pagetop a { color:#fa91aa;}
    
    
    .top_back {
	margin-top:0;
    }

}