@charset "utf-8";

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

body {
	background: #000;
}

/*#body {padding-top:15px;}*/
#body #main2column {overflow:hidden; position:relative;}
#body #main2column #main {float:left; width:700px; margin-top:20px; padding-bottom:70px; background:#000; color:#FFF;}
#body #main2column #rightcolumn {display:block; float:right; padding-top:20px; text-align:left; width:220px;}
#body #main2column #rightcolumn.fixed {position:fixed; margin-left:720px; top:0; }

#body h2,
#body h3 {font-weight:normal;}
#body p.pink {font-size:10px !important; color:#B390A6; padding-top:3px;}
#body a.anchor {font-size:0.01px; line-height:0.01px;}

#body #introduction {padding-bottom:85px;}
#body #introduction > img {display:block;}
#body #introduction > p {    border-bottom: 1px solid #767676;font-size: 14px;line-height: 2;padding: 0 0 70px;}
#body #introduction > p i {
	display:inline-block; *display:inline; *zoom:1; width:130px; height:55px; margin:0 0 0 0;
	background:url(images/eye_ayakosign.png) no-repeat; text-indent:200%; white-space:nowrap; overflow:hidden;}

#body .block {margin:-10px 30px 0; padding: 76px 20px 95px; border-top:1px solid #c8c5c4;}
#body #EYESHADOW.block {border-top:none;}
#body #READY,
#body #CHEEK,
#body #NAIL,
#body #OIL {border:0; padding-bottom:60px; }

#body .col2 {margin:-10px 30px 0; padding:130px 0 0 20px; border-top:1px solid #c8c5c4;}
#body .col2:after {display:block; clear:both; height:0; content:"";}
#body .col2 .left  {float:left; width:300px; margin:0; padding:0; }
#body .col2 .right {float:right; width:300px; margin:0; padding:0 0 0 20px;}

#body .block > h2, #body .col2 > h2 {margin:0 0 50px 0; padding:0; height:40px; width:600px; text-indent:200%; white-space:nowrap; overflow:hidden;}
#body .block > h3, #body .col2 > h3 {font-size:17px; margin-bottom:20px;}
#body .block > p.copy , #body .col2 > p.copy  {font-size:15px; margin-bottom:30px;;}
#body .block > p.itemdescription , #body .col2 > p.itemdescription  {font-size:14px; margin-bottom:16px;}
#body .buy_l {display:block; width:240px; height:30px; background:url(images/button-by-wh.png) no-repeat; text-indent:200%; white-space:nowrap; overflow:hidden;}
#body .details_l {display:block; width:240px; height:30px; background:url(images/button-dt-wh.png) no-repeat; text-indent:200%; white-space:nowrap; overflow:hidden;}
#body .btn_p {margin-top: 15px;}
#body p.comment {font-size:12px; margin-top:45px;}

#body #MOVIE > h2 {background:url(images/eye_movie_ttl.png) no-repeat;}
#body #EYESHADOW > h2 {background:url(images/eye_eyeshadow_ttl.png) no-repeat;}
#body #READY > h2 {background:url(images/ready_title.png) no-repeat;}
#body #PROMOTION > h2 {background:url(images/eye_promotion_ttl.png) no-repeat;}
#body #GET > h2 {background:url(images/eye_getlook_ttl.png) no-repeat;}
#body #COMPACT > h2 {background:url(images/eye_compact_ttl.png) no-repeat;}

#body img.new,
#body img.limited,
#body img.newcolor,
#body img.limited_j {margin:-2px 2px 0; vertical-align:middle;}

#body a.backtotop {float:right; margin:0 0 0 0 !important;}
#body a.backtotop.last {float:right; margin:0 !important;}
#body b {display:block; font-size:12px; font-weight:normal;
	font-family:"HelveticaNeue-UltraLight","LatoThin","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;}


#body #MOVIE .movie > a { display:block; position:relative; filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; opacity:1; overflow:hidden; width:600px; height:336px;}
#body #MOVIE .movie > a:after {display:block; content:""; width:100px; height:100px; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; background:url(https://www.addiction-beauty.com/images/icon_play.png) no-repeat;}
#body #MOVIE .movie > a:hover:after {background-position:0 -100px;}
#body #MOVIE .movie .thumb {display:block; width:100%; height:auto; margin-top:-60px;}

#body #EYESHADOW .item img {}
#body #EYESHADOW .names {overflow:hidden; margin-top:10px; margin-right:0px;}
#body #EYESHADOW .names li {}
#body #EYESHADOW .names li b {display:block; margin-top:26px; font-size:15px; font-weight: bold;}
#body #EYESHADOW .names li.no10 i {margin-left:-0.5em;}
#body #EYESHADOW .names li p {margin:5px 0 0; font-size:15px; line-height: 150%;}
#body #EYESHADOW p.comment2 {margin-top:30px;}
#body #EYESHADOW h3 img {margin-bottom:30px;}
#body #EYESHADOW .intro_color_box{	margin-bottom:50px;}

#body #EYESHADOW .item { padding-top: 50px;}

#body #EYESHADOW .eyeshadowImg ul li { float: left; }
#body #EYESHADOW .eyeshadowImg ul li:first-child { padding-right: 36px; }
#body #EYESHADOW .eyeshadowImg ul li:last-child { padding-left: 12px; }

#body #READY .item > img {float:left; margin-left:-10px;}
#body #READY .item > p {clear:both;}
#body #READY .iteminfo {margin-left:194px; padding-top:88px;}
#body #READY .iteminfo b {font-size:22px; line-height:22px;}
#body #READY .iteminfo i {font-size:11px;}
#body #READY .iteminfo p {font-size:12px; margin:1em 0 0; }
#body #READY .item:after {display:block; clear:both; height:0; content:"";}

#body #CHEEK .item ul {overflow:hidden;}
#body #CHEEK .item li {float:left; width:180px;}
#body #CHEEK .item li img {margin-left:-10px;}
#body #CHEEK .item li b {font-size:22px; line-height:22px; margin-top:11px;}
#body #CHEEK .item li i {font-size:11px;}
#body #CHEEK .item li p {font-size:12px; margin:1em 0 0;}
#body #CHEEK .item li p {font-size:12px; margin:1em 0 0;}
#body #CHEEK .item:after {display:block; clear:both; height:0; content:"";}

#body #NAIL .item ul {overflow:hidden; margin-right:-20px;}
#body #NAIL .item li {float:left; width:124px;}
#body #NAIL .item li img {margin-left:-14px;}
#body #NAIL .item li b {font-size:22px; line-height:22px; margin-top:11px;}
#body #NAIL .item li i {font-size:11px;}
#body #NAIL .item li p {font-size:12px; margin:1em 0 0;}
#body #NAIL .item li p {font-size:12px; margin:1em 0 0;}
#body #NAIL .item li .limited {display:block; margin:2px 0 0;}
#body #NAIL .item:after {display:block; clear:both; height:0; content:"";}

#body #OIL .item img {margin-left:-10px;}

#body #PROMOTION h3 {font-size:14px; margin-bottom:1em;}
#body #PROMOTION .limited_l {margin:-2px 5px 0 0; vertical-align:middle;}
#body #PROMOTION p small {font-size:12px; margin-left:-0.5em;}
#body #PROMOTION .item img {margin:10px 25px 20px 0;}
#body #PROMOTION .item b.promotion_item_name {height:22px; width:198px; text-indent:200%; white-space:nowrap; overflow:hidden; background:url(images/promotion_item01_name.png) no-repeat; margin-bottom:10px;}
#body #PROMOTION .promotion_b{
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	display : inline;
}
#body #PROMOTION .promotion_txt{
	font-size: 14px;
	margin: 15px 0 40px 0;
}

#body #PROMOTION2 h3 {font-size:14px; margin-bottom:1em;}
#body #PROMOTION2 .limited_l {margin:-2px 5px 0 0; vertical-align:middle;}
#body #PROMOTION2 p small {font-size:12px; margin-left:-0.5em;}
#body #PROMOTION2 .item img {margin:10px 25px 20px 0;}
#body #PROMOTION2 .item b.promotion_item_name {height:22px; width:198px; text-indent:200%; white-space:nowrap; overflow:hidden; background:url(images/promotion_item01_name.png) no-repeat; margin-bottom:10px;}
#body #PROMOTION2 .promotion_b{
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	display : inline;
}
#body #PROMOTION2 .promotion_txt{
	font-size: 14px;
	margin: 15px 0 40px 0;
}


#body #GET h3 {font-size:17px; margin-bottom:20px;}
#body #GET .item {overflow:hidden;}
#body #GET .item:after {display:block; clear:both; height:0; content:"";}
#body #GET .left > img {margin-bottom:50px;}
#body #GET .smallblock {margin-bottom:50px;}
#body #GET .smallblock > h3 {font-size:14px;}
#body #GET .smallblock > h4 {margin:0 0 5px -10px; padding:0; height:26px; width:280px; text-indent:200%; white-space:nowrap; overflow:hidden;}
#body #GET .smallblock.eyes > h4 {background:url(images/get_title_eyes.png) no-repeat;}
#body #GET .smallblock.base > h4 {background:url(images/get_title_basemakeup.png) no-repeat;}
#body #GET .smallblock.blush > h4 {background:url(images/get_title_blush.png) no-repeat;}
#body #GET .smallblock.lips > h4 {background:url(images/get_title_lips.png) no-repeat;}
#body #GET .smallblock.nail > h4 {background:url(images/get_title_nail.png) no-repeat;}
#body #GET .smallblock > p {font-size:14px; margin-bottom:30px;}
#body #GET .smallblock li {overflow:hidden; margin-bottom:30px;}
#body #GET .smallblock li:after {display:block; clear:both; height:0; content:"";}
#body #GET .smallblock li > img {float:left;}
#body #GET .smallblock li > b {margin-left:115px; font-size:15px; line-height:1em;}
#body #GET .smallblock li.new b {margin-top:25px;}
#body #GET .smallblock li > p {margin-left:115px; margin-top:3px; font-size:11px; line-height:1.3em;}
#body #GET .smallblock .details {margin-left:85px; margin-top:1em; display:block; width:95px; height:30px; background:url(images/btn_details.gif) no-repeat; text-indent:200%; white-space:nowrap; overflow:hidden;}

#body #GET .smallblock.eyes {padding:0 15px 120px 0; border-right:1px solid #c8c5c4;}
#body #GET .get_top{
    display:table;
}
#body #GET .get_top .get_left{
	width: 332px;
    display:table-cell;
    vertical-align:middle;
}
#body #GET .get_top .get_right{
    display:table-cell;
    vertical-align:middle;
}
#body #GET .get_top .get_right p.copy b{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 30px;
}
#body #GET .get_top .get_right p.copy{
	font-size: 16px;
}
#body #GET .get_basemake h3{
	margin: 30px 0 0 0;
}
#body #GET .get_basemake .get_base_txt{
	font-size: 14px;
	margin: 10px 0 0 0;
	line-height: 160%;
}
#body #GET .get_basemake p{
	padding-left: 1em;
	text-indent: -1em;
}
#body #GET .get_basemake p.noindent{
	padding-left: 0;
	text-indent: 0;
}
#body #GET .get_product{
	margin: 60px 0 0 0;
}
#body #GET .get_product:after {clear: both; content: ""; display: block; height: 0; }
#body #GET .get_product li{
	float: left;
	margin: 0 20px 0 0;
}
#body #GET .get_product li:after {clear: both; content: ""; display: block; height: 0; }
#body #GET .get_product li.right{
	margin: 0 0 0 0;
	padding: 0;
}
#body #GET .get_product li img{
	width: 90px;
	float: left;
	margin: 0 20px 0 0;
}
#body #GET .get_product li p{
	width: 180px;
	float: left;
	margin: 0 0 0 0;
	font-size: 11px;
	line-height: 150%;
}
#body #GET .get_product li p b{
	font-size: 14px;
	line-height: 150%;
}


#body #rightcolumn h2 {background:url("images/navi_title.png") no-repeat; height:14px; text-indent:-9999px; width:185px; margin:0 0 20px; }
#body #rightcolumn ul {border-top:1px solid #808080; border-bottom:1px solid #808080; padding:20px 0 10px;}
#body #rightcolumn li {padding-bottom:10px;}
#body #rightcolumn li > a {width:216px; height:13px; text-decoration:none;}
#body #rightcolumn .search_title {}
#body #rightcolumn .search h3 {background: url("images/search_title.png") no-repeat; height: 20px; text-indent: -9999px; width: 138px; margin:50px auto 20px; }
#body #rightcolumn .search:after {clear: both; content: ""; display: block; height: 0; }
#body #rightcolumn .search select {border: 1px solid #383838; font-size: 13px; margin-bottom: 10px; width: 100%; }
#body #rightcolumn .search select option {padding: 3px 3px 0; }
#body #rightcolumn .search .inputarea {border: 1px solid #383838; border-radius: 3px; float: left; font-size: 13px; height: 16px; margin-top: 4px; min-height: 16px; padding: 3px 5px; width: 128px; }
#body #rightcolumn .search .input_btn {float: right; width: 50px; }
#body #rightcolumn .search .input_btn a {background: url("http://onlineshop.addiction-beauty.com/layout/addic/common/image/general/item-search_input.gif") no-repeat; display: block; height: 24px; margin-top: 4px; overflow: hidden; text-indent: -9999px; }

/* 3月版 *
#body #READY,
#body #CHEEK,
#body #NAIL,
#body #OIL,
#body #PROMOTION {display:none !important;}
#body #GET .smallblock.eyes {padding-bottom:220px;}
#body .hidden_march {display:none !important;}
/**/

/* 5月版 
#body #GET .pink {display:none;}
*/


/* マウスオーバーでキャプション表示 */
.intro_color {
	position: relative;
	overflow: hidden;
	width: 600px;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figcaption h4{
	width: 600px;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	line-height: 55px;
}

figcaption a{
	text-decoration: none;
}
figcaption a:hover{
	color: #FFF;
}

.intro_color:hover figcaption {
	opacity: 1;
}


/* EYESHADOW COLOR */
#body .color_block .eye_colorname{
	/*font-size: 16px;*/
	font-weight: bold;
	color: #FFF;
	margin-bottom: 25px;
	margin-left: 7px;
}

#body .color_block .item {margin:45px 0 70px 0;}
#body .color_block .item ul {overflow:hidden; margin-top: 25px;}
#body .color_block .item li {float:left; width:96px;margin-right: 4.8px; text-align: center;}
#body .color_block .item li:last-child {margin-right: 0px}

/*#body .color_block .item li img {margin-left:-10px;}*/
#body .color_block .item li b {font-size:12px; line-height: 160%; font-weight: bold; ;}
#body .color_block .item li p {font-size:12px; margin:5px 0 0 0;}
#body .color_block .item:after {display:block; clear:both; height:0; content:"";}
#body .color_block .item ul li p img {/*padding-bottom: 5px;*/}


/* COMPACT */
#body #COMPACT h2{
	margin: 0 0 15px 0;
}
#body #COMPACT h3{
	margin: 0 0 0 0;
}
#body #COMPACT p{
	margin: 70px 0 0 0;
	font-size: 12px;
}
#body #COMPACT p span{
	font-size: 11px;
}

#body #COMPACT .conpact_list{
	margin: 30px 0 0 0;
}
#body #COMPACT .conpact_list:after{display:block; clear:both; height:0; content:"";}

#body #COMPACT .conpact_list li{
	float: left;
	width: 139px;
	margin: 0 14px 0 0;
}
#body #COMPACT .conpact_list2{
	margin: 30px 0 0 0;
}
#body #COMPACT .conpact_list2:after{display:block; clear:both; height:0; content:"";}

#body #COMPACT .conpact_list2 li{
	float: left;
	width: 183px;
	margin: 0 20px 0 0;
}

#body #COMPACT .other_btn{
	margin: 130px 0 0 0;
}

#body #COMPACT .compactIntro {
	padding: 40px 0 180px;
	text-align: center;
	line-height: 2.3em;
}

#body #COMPACT .compactcaseBox ul li { float: left;padding-right:62px; }
#body #COMPACT .case,
#body #BRUSHS .case { padding: 0 0 130px; }
#body #COMPACT .case p,
#body #BRUSHS .case p { margin: 24px 0 60px; }
#body #COMPACT .compactcaseBox ul li .buy_l {  }
#body #COMPACT .compactcaseBox ul li p,
#body #BRUSHS .compactcaseBox ul li p { margin:  0 0 18px; }
#body #COMPACT  .compactcaseBox:nth-of-type(1) { padding-bottom: 100px; }
#body #COMPACT .compactcaseBox:nth-of-type(2) { padding-bottom: 50px; }
#body #BRUSHS .compactcaseBox ul li { float: left; }
#body #BRUSHS .compactcaseBox ul li:last-child {text-align:right;padding-left: 180px; }

#body #BRUSHS.col2 {
    border-top: none;
    padding: 120px 0 0 20px;
}
#body #BRUSHS .compactcaseBox { margin-top: 32px!important; }
#body #BRUSHS .compactcaseBox { margin-bottom: 60px; }