@charset "utf-8";

/* hmz */
.archives .side .sidebody:nth-child(2n) { padding-top: 5px !important; }

/* transition */
#lp20121127jc ul li img,
#lp20121127jc ul li p.description,
.transition{
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}

/* リッチエディタ共通 */
#contentPage ul.columns{ zoom:1; }
#contentPage ul.columns:after{ content:""; display:block; clear:both; }
#contentPage ul.columns li{ float:left; margin:0 0 20px; padding:0; background:none; }
#contentPage ul.column2 li{ width:50%; }
#contentPage ul.column3 li{ width:33%; }
#contentPage ul.column3 li p, #contentPage ul.column4 li p{ margin-right:20px; }
#contentPage ul.column4 li{ width:25%; }

#contentPage ul.column2 li p.photo img{ width:100%; height:auto; }

#contentPage table.layoutTable,
#contentPage table.layoutTable table,
#contentPage table.layoutTable tr,
#contentPage table.layoutTable td,
#contentPage table.layoutTable th{ width:auto !important; margin:0; padding:0; background:transparent; border:none; }

#lp20121127jc ul { overflow:hidden; }
#lp20121127jc ul li{ float:left; position:relative; margin:0; padding:0; background:none; }
#lp20121127jc ul li p.description{ position:absolute; bottom:-10px; left:0; width:210px; padding:20px; background:rgba(255,255,255,0.75); opacity:0; }
#lp20121127jc ul li.touch p.description,
#lp20121127jc ul li:hover p.description{ opacity:1; bottom:0; }

body.sp #lp20130129chocolat ul.chocolat{ background:#000; }
#lp20130129chocolat ul.column3 li div.fb-like{ display:block; margin-right:18px; padding:10px; background:#000; }
#lp20130129chocolat ul.column3 li:nth-child(3n+2) div.fb-like{ margin-right:17px; }
#lp20130129chocolat ul.column3 li:nth-child(3n+1){ clear:left; }