@charset "UTF-8";

/* COSME KITCHEN JOURNAL */



/* COMMON

---------------------------------------*/

#Wrap,.wrapTop,.wrapBottom{width: 1200px;padding: 0;}

#Header,

#Foot,

#Contents{margin: 0 auto;}

/*#Wrap #CKJ12{margin-left: -100px;}*/



.path{font-size: 12px;line-height: 1;margin: 0 100px 20px;padding-top: 5px;}



#CKJ12 h1{float: none;}

#CKJ12.wrapper{text-align: center;padding-bottom: 90px;width: 1200px;}

#CKJ12 .indexTitle,

#CKJ12 .nav,

#CKJ12 .contents{min-width: 1200px;margin: auto;}

#CKJ12 .contents img{vertical-align: bottom;}

#CKJ12 .contentsBody+.btnArea{margin-top: 35px;}

#CKJ12 .indexTitle{margin-top: 40px;}

#CKJ12 .indexTitle img{margin: auto;}

#CKJ12 article+.indexTitle{margin-top: 30px;margin-bottom: -10px;}

#CKJ12 .nav{

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;width: 1200px;margin: 0 auto;padding: 14px 45px 40px;}

#CKJ12 .nav li{float: left;list-style: none;margin-left: 30px;margin-top: 14px;font-size: 14px;width: 350px;}

#CKJ12 .nav li:nth-child(1),

#CKJ12 .nav li:nth-child(4){margin-left: 0;}

#CKJ12 .nav li a{

	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.6);

	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.6);

	box-shadow:2px 2px 4px rgba(0,0,0,0.6);

	margin-bottom: 13px;

	background: #fff;display: block;

}

#CKJ12 .nav li a img,

#CKJ12 .btnArea a img { 

	-webkit-transition: opacity 0.3s ease;

	-ms-transition: opacity 0.3s ease;

	transition: opacity 0.3s ease;

	margin: auto;

}

#CKJ12 .nav li a:hover img,

#CKJ12 .btnArea a:hover img{ 

	filter: alpha(opacity=60);

	-moz-opacity:0.6;

	opacity: 0.6;

}

#CKJ12 .btnArea{text-align: center;margin-top: 30px;}



#CKJ12 .note{clear: both;text-align: right;font-size: 12px;padding-top: 30px;}

#CKJ12.luChateauDuBois .note{padding: 0 0 30px;}





/* ---------- fuwatAnime ---------- */

.fuwatAnime {

 -webkit-animation-fill-mode:both;

 -ms-animation-fill-mode:both;

 animation-fill-mode:both;

 -webkit-animation-duration:1.5s;

 -ms-animation-duration:1.5s;

 animation-duration:1.5s;

 -webkit-animation-name: fuwatAnime;

 -ms-animation-name: fuwatAnime;

 animation-name: fuwatAnime;

 visibility: visible !important;

}

@-webkit-keyframes fuwatAnime {

 0% { opacity: 0; -webkit-transform: translateY(-20px); }

 100% { opacity: 1; -webkit-transform: translateY(0); }

}

@keyframes fuwatAnime {

 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

}





/* ---------- button ---------- */

#CKJ12 .button {

	display: inline-block;

	text-align: center;

	text-decoration: none;

	outline: none;

	vertical-align: middle;



	position: relative;

	z-index: 2;

	background-color: #e25998;

	border: 1px solid #e25998;

	color: #fff;

	overflow: hidden;

	padding: 7px 8px;

	font-size: 14px;

	line-height: 1;

	width: 88px;



}

@media all and (-ms-high-contrast:none){

  #CKJ12 .button { padding: 9px 8px 4px; } 

}

#CKJ12 .button:hover {

	color: #e25998;

	background: #fff;

}

/* -----------------------*/

#CKJ12.holidayGiving .button{

	background-color: #dd4724;

	border: 1px solid #dd4724;

}

#CKJ12.luChateauDuBois .button{

	background-color: #925899;

	border: 1px solid #925899;

}

#CKJ12.makeup .button{

	background-color: #dd5e9e;

	border: 1px solid #dd5e9e;

	margin-top: 20px

}

#CKJ12.newBrand .button{

	background-color: #8fbf55;

	border: 1px solid #8fbf55;

	margin-top: 10px

}

#CKJ12.renewalBrands .button{

	background-color: #925899;

	border: 1px solid #925899;

	margin-top: 10px;

}

/* -----------------------*/

#CKJ12.holidayGiving .button:hover {

	color: #dd4724;

}

#CKJ12.luChateauDuBois .button:hover {

	color: #925899;

}

#CKJ12.makeup .button:hover {

	color: #dd5e9e;

}

#CKJ12.newBrand .button:hover {

	color: #8fbf55;

}

#CKJ12.renewalBrands .button:hover {

	color: #925899;

}

/* -----------------------*/

.button::before,

.button::after {

	position: absolute;

	z-index: -1;

	display: block;

	content: '';

}

.button,

.button::before,

.button::after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all .3s;

	transition: all .3s;

}

.button::before{display: none;}

.button::after {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	-webkit-transform: scale(.5);

	transform: scale(.5);

}



.button:hover {

	color: #e25998;

	animation:none;

	text-decoration: none;

}

.button:hover::after {

	background: #fff;

	-webkit-transform: scale(1);

	transform: scale(1);

}



/**/

@-webkit-keyframes btn{

		0%{-webkit-transform: scale(1,1);}

	40%{-webkit-transform: scale(1.05,1.05);}

	80%{-webkit-transform: scale(1,1);}

	100%{-webkit-transform: scale(1,1);}

}

@keyframes btn{

/*

		0%{transform: scale(1,1);}

	40%{transform: scale(1.05,1.05);}

	80%{transform: scale(1,1);}

	100%{transform: scale(1,1);}

*/

		0%{transform: scale(1);}

	40%{transform: scale(1.05);}

	80%{transform: scale(1);}

	100%{transform: scale(1);}

}

.button{

	

  -webkit-animation-duration: 2s;

  animation-duration: 2s;



  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;



	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	

  -webkit-animation-name: btn;

  animation-name: btn;

}





/* HOME

---------------------------------------*/

#CKJ12.ckjTop .title{

	background: url(../images/top/title_bg.png) no-repeat 50% 0;

	height: 755px;

}

#CKJ12.ckjTop .lead{

	background: #a57a44;color: #fff;

	padding: 50px;

	text-align: center;

}

#CKJ12.ckjTop .lead p{font-size: 18px;line-height: 1.5;padding:30px 0 ;text-align: center;}

#CKJ12.ckjTop .lead img{margin: auto;}



#CKJ12 .columnBlock{

	background: url(../images/top/column_bg.jpg) repeat-y 50% 0;

	padding: 44px 0 58px;

	width: 1200px;margin: 45px auto 0;

}

#CKJ12 .columnBlock .inner{

	margin: 0 50px;

	/*background-color: rgba(255,255,255,0.85);*/

	background: url(../images/top/bg.png);

	text-align: left;

	padding: 50px 55px;

}



#CKJ12 .columnBlock .secTitle{margin-bottom: 32px;}

#CKJ12 .columnBlock p {

    font-family: "Kozuka Mincho Pro", "Kozuka Mincho Std", "小塚明朝 Pro R", "小塚明朝 Std R", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, Baskerville, Palatino, serif;

}

#CKJ12 .columnBlock p{font-size: 14px;line-height: 1.44;margin-top: 18px;}

#CKJ12 .columnBlock .profile{overflow: hidden;margin-top: 50px;}

#CKJ12 .columnBlock .profile .image{float: left;margin-right: 32px;}

#CKJ12 .columnBlock .profile  p{margin-top: 0;}

#CKJ12 .columnBlock .profile  p.name{font-size: 20px;}



/*---------------------------------------*/

#CKJ12 .contentsBody .block:after {

	content:"";

	clear: both;

	display: block;

}

#CKJ12 .textArea p{font-size: 13px;}

#CKJ12 p.catchText{font-size: 16px;line-height: 1.5;font-weight: bold;}



/* INSPIRATION

---------------------------------------*/

#CKJ12.INSPIRATION .contents{

	background: url(../images/inspiration/bg.png) repeat-y 50% 0;

	padding: 40px 0;

}

/* ---------- pageHeader ---------- */

#CKJ12.INSPIRATION .pageHeader{

	margin: auto;

	width: 1110px;

	height: 500px;

	background: #fff;

	position: relative;

}

#CKJ12.INSPIRATION .pageHeader:after{

	background: url(../images/inspiration/border.png) no-repeat;

	display: block;

	content:'';

	width: 1114px;

	height: 502px;

	position: absolute;

	left: -2px;top: 0;

}

#CKJ12.INSPIRATION .pageHeader img{margin: auto;}

#CKJ12.INSPIRATION .pageHeader .title{padding-top: 80px;width: 100%;}

#CKJ12.INSPIRATION .pageHeader p{width: 800px;margin: auto;font-size: 14px;line-height: 2;text-align: left;}

#CKJ12.INSPIRATION .pageHeader p.catch{font-size: 26px;padding-top: 36px;font-weight: bold;clear: both;}

/* ---------- contentsBody ---------- */

#CKJ12.INSPIRATION .contentsBody{

	position: relative;

	background: url(../images/inspiration/border2.png) repeat-y 50% 0;

	margin: 60px auto 0;

	width: 1110px;

	

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 7px 0;

}

#CKJ12.INSPIRATION .contentsBody .inner{

	background: #fff;

	padding: 24px 50px 40px 60px;

	margin: 0 10px 0 7px;

}

#CKJ12.INSPIRATION .contentsBody .block{

	float: left;

	position: relative;

}



#CKJ12.INSPIRATION .contentsBody .block02,

#CKJ12.INSPIRATION .contentsBody .block04,

#CKJ12.INSPIRATION .contentsBody .block06,

#CKJ12.INSPIRATION .contentsBody .block09{clear: right;float: right;}

#CKJ12.INSPIRATION .block03,

#CKJ12.INSPIRATION .block05,

#CKJ12.INSPIRATION .block07,

#CKJ12.INSPIRATION .block08{clear: left;}



#CKJ12.INSPIRATION .block .icon{position: absolute;right: 0;top: 0;}



#CKJ12.INSPIRATION .block .itemImage{float: left;margin-right: 23px;}

#CKJ12.INSPIRATION .block .textArea{text-align: left;float: left;}



#CKJ12.INSPIRATION .block03 .itemImage,

#CKJ12.INSPIRATION .block04 .itemImage,

#CKJ12.INSPIRATION .block07 .itemImage{float: right;margin-right: 0;margin-left: 22px;}



#CKJ12.INSPIRATION .block .name{margin-bottom: 8px;text-align: left;}

#CKJ12.INSPIRATION .block p{line-height: 1.4;/*margin-bottom: 12px;*/padding-top: 12px;overflow: hidden;}

#CKJ12.INSPIRATION .block .spec{font-size: 12px;line-height: 1.33;}

#CKJ12.INSPIRATION .block .button{margin-top: 12px;}



#CKJ12.INSPIRATION .block02{width: 465px;}

#CKJ12.INSPIRATION .block03{width: 393px;}

#CKJ12.INSPIRATION .block04{width: 516px;}

#CKJ12.INSPIRATION .block05{width: 594px;}

#CKJ12.INSPIRATION .block07{width: 553px;}

/* block01 */

#CKJ12.INSPIRATION .block01 .itemImage{padding-top: 120px;}

#CKJ12.INSPIRATION .block01 .text{width: 290px;}

/* block02 */

#CKJ12.INSPIRATION .block02{width: 465px;}

#CKJ12.INSPIRATION .block02 .icon{margin-top: 30px;}

#CKJ12.INSPIRATION .block02 .itemImage{margin-top: 120px;}

#CKJ12.INSPIRATION .block02 .textArea{width: 290px;margin-top: 34px;}

/* block03 */

#CKJ12.INSPIRATION .block03{margin-top: 40px;}

#CKJ12.INSPIRATION .block03 .textArea{margin-left: 15px;}

#CKJ12.INSPIRATION .block03 .name{margin-left: -48px;}

#CKJ12.INSPIRATION .block03 .text{width: 230px;}

/* block04 */

#CKJ12.INSPIRATION .block04{margin-top: 80px;}

#CKJ12.INSPIRATION .block04 .itemImage{margin-top: 36px;margin-left: -10px;}

#CKJ12.INSPIRATION .block04 .textArea p{width: 344px;}

/* block05 */

#CKJ12.INSPIRATION .block05{margin-top: 60px;}

#CKJ12.INSPIRATION .block05 .textArea p{width: 400px}

/* block06 */

#CKJ12.INSPIRATION .block06{width: 310px;}

/* block07 */

#CKJ12.INSPIRATION .block07 .icon{right: 90px;top: 8px;}

#CKJ12.INSPIRATION .block07 .itemImage{margin-top: 20px;}

#CKJ12.INSPIRATION .block07 .textArea {width: 410px;margin-top: 70px;margin-left: 50px;}

#CKJ12.INSPIRATION .block07 .textArea .name{margin-left: -50px;}

/* block08 */

#CKJ12.INSPIRATION .block08{width: 405px;margin-top: 76px;}

/* block09 */

#CKJ12.INSPIRATION .block09{width: 530px;margin-top: 122px;}

#CKJ12.INSPIRATION .block09 .itemImage{margin-top: 15px;}

#CKJ12.INSPIRATION .block09 .textArea{width: 340px;}





/* HOLIDAY GIVING

---------------------------------------*/

/* ---------- contents ---------- */

#CKJ12.holidayGiving .contents{

	background-color: #dd4724;

	padding: 30px 0 40px;

}

/* ---------- pageHeader ---------- */

#CKJ12.holidayGiving .pageHeader{

	margin: auto;

	height:598px;

	width: 1140px;

	background: url(../images/holiday_giving/title_bg.png) no-repeat 50% 0;

}

#CKJ12.holidayGiving .pageHeader .title img,

#CKJ12.holidayGiving .pageHeader p img{margin: auto;}

#CKJ12.holidayGiving .pageHeader .name{display: block;text-align: left;margin-left: 34px;padding-top: 20px;}

#CKJ12.holidayGiving .pageHeader .title{position: relative;text-align: center;width: 100%;}

#CKJ12.holidayGiving .pageHeader .title .day{position: absolute;right: 150px;top: 12px;}

#CKJ12.holidayGiving .pageHeader p{font-size: 16px;line-height: 1.75;text-align: center;font-weight: bold;margin-top: 17px;}

#CKJ12.holidayGiving .pageHeader p.catch{padding-top: 34px;clear: both;}

/* ---------- contentsBody ---------- */

#CKJ12.holidayGiving .contentsBody{

	position: relative;

	background-color: #fff;

	margin: 40px auto 0;

	width: 1020px;

	padding: 60px 50px 40px;

	

	overflow: hidden;

}

#CKJ12.holidayGiving .contentsBody .block{

	float: left;

	position: relative;

}



#CKJ12.holidayGiving .contentsBody .block02,

#CKJ12.holidayGiving .contentsBody .block04,

#CKJ12.holidayGiving .contentsBody .block05,

#CKJ12.holidayGiving .contentsBody .block07,

#CKJ12.holidayGiving .contentsBody .block09,

#CKJ12.holidayGiving .contentsBody .block11,

#CKJ12.holidayGiving .contentsBody .block13{clear: right;float: right;}

#CKJ12.holidayGiving .block03,

#CKJ12.holidayGiving .block05,

#CKJ12.holidayGiving .block08,

#CKJ12.holidayGiving .block10,

#CKJ12.holidayGiving .block12{clear: left;}



#CKJ12.holidayGiving .block .textArea{text-align: left;}

#CKJ12.holidayGiving .block .textArea p{overflow: hidden;line-height: 1.4;padding-top: 10px;}

#CKJ12.holidayGiving .block .textArea p.catchText{font-size: 15px;line-height: 1.5;font-weight: bold;color: #d45315;}

#CKJ12.holidayGiving .block .textArea p.spec+.spec{padding-top: 20px;}

#CKJ12.holidayGiving .block .textArea p.spec .button{margin-top:5px;}

#CKJ12.holidayGiving .block .textArea p.spec+.button{margin-top: 10px;}

#CKJ12.holidayGiving .block .textArea p strong{font-weight: bold;}

#CKJ12.holidayGiving .block .textArea p i{font-style: normal;color: #d45315;}

#CKJ12.holidayGiving .block02 .itemImage,

#CKJ12.holidayGiving .block05 .itemImage,

#CKJ12.holidayGiving .block09 .itemImage,

#CKJ12.holidayGiving .block11 .itemImage,

#CKJ12.holidayGiving .block13 .itemImage,

#CKJ12.holidayGiving .block02 .textArea,

#CKJ12.holidayGiving .block05 .textArea,

#CKJ12.holidayGiving .block09 .textArea,

#CKJ12.holidayGiving .block11 .textArea,

#CKJ12.holidayGiving .block13 .textArea{float: right;}



#CKJ12.holidayGiving .block04 .itemImage,

#CKJ12.holidayGiving .block07 .itemImage,

#CKJ12.holidayGiving .block10 .itemImage,

#CKJ12.holidayGiving .block12 .itemImage,

#CKJ12.holidayGiving .block04 .textArea,

#CKJ12.holidayGiving .block07 .textArea,

#CKJ12.holidayGiving .block10 .textArea,

#CKJ12.holidayGiving .block12 .textArea{float: left;}



#CKJ12.holidayGiving .block01 .textArea{width: 400px;margin-top: 10px;}

#CKJ12.holidayGiving .block02 .textArea{width: 240px;margin-right: 20px;}

#CKJ12.holidayGiving .block03 .textArea{width: 380px;margin-top: 10px;}

#CKJ12.holidayGiving .block04 .textArea{width: 240px;margin-left: 20px;margin-top: 30px;}

#CKJ12.holidayGiving .block05 .textArea{width: 260px;margin-left: 14px;margin-right: 5px;}

#CKJ12.holidayGiving .block06 .textArea{width: 210px;margin-right: 10px;}

#CKJ12.holidayGiving .block08 .textArea{width: 600px;margin-top: 20px;}

#CKJ12.holidayGiving .block09 .textArea{width: 260px;margin-right: 24px;margin-top: 10px;}

#CKJ12.holidayGiving .block10 .textArea{width: 220px;margin-left: 10px;}

#CKJ12.holidayGiving .block11 .textArea{width: 230px;margin-right: 30px;}



/* block01 */

#CKJ12.holidayGiving .block01 .textArea{margin-top: 20px;}

/* block02 */

#CKJ12.holidayGiving .block02{margin-top: -10px;width: 527px;margin-bottom: 160px;}

/* block03 */

#CKJ12.holidayGiving .block03{margin-top: 30px;}

/* block04 */

#CKJ12.holidayGiving .block04{width: 541px;margin-top: -160px;}

/* block05 */

#CKJ12.holidayGiving .block05{margin-top: 50px;width: 592px;}

#CKJ12.holidayGiving .block05 .name{float: left;}

/* block06 */

#CKJ12.holidayGiving .block06{margin-top: 30px;width: 410px;}

#CKJ12.holidayGiving .block06 .name{float: right;margin-top: 95px;}

#CKJ12.holidayGiving .block06 .itemImage{margin-top: -25px;position: relative;z-index: -1;}

/* block07 */

#CKJ12.holidayGiving .block07{width: 520px;margin-top: 34px;}

#CKJ12.holidayGiving .block07 .name{float: right;}

#CKJ12.holidayGiving .block07 .text{margin-right: 30px;}

#CKJ12.holidayGiving .block07 .clearfix{clear: both;padding-top: 15px;}

#CKJ12.holidayGiving .block07 .textArea p{width: 260px;}

#CKJ12.holidayGiving .block07 .textArea p.spec{width:120px;font-size: 12px;}

#CKJ12.holidayGiving .block07 .itemImage{margin-right: 15px;}

#CKJ12.holidayGiving .block07 .inBlock02{float: right;}



#CKJ12.holidayGiving .block07 .inBlock01 .textArea,

#CKJ12.holidayGiving .block07 .inBlock02 .textArea{

	position: relative;

	padding-bottom:30px;

	min-height: 155px;

}

#CKJ12.holidayGiving .block07 .inBlock01 .button,

#CKJ12.holidayGiving .block07 .inBlock02 .button{

	position: absolute;

	bottom: 0;

	left: 0;

}

/* block08 */

#CKJ12.holidayGiving .block08{margin-top: 20px;}

/* block09 */

#CKJ12.holidayGiving .block09{width: 336px;}

#CKJ12.holidayGiving .block09 .catchText{margin-top: 15px;}

#CKJ12.holidayGiving .block09 .itemImage{margin-top: 70px;}

#CKJ12.holidayGiving .block09 .textArea p{margin-bottom: 0;overflow: visible;}

/* block10 */

#CKJ12.holidayGiving .block10{margin-top: 50px;width: 518px;}

/* block11 */

#CKJ12.holidayGiving .block11{margin-top: 50px;width: 464px;}

/* block12 */

#CKJ12.holidayGiving .block12{margin-top: 100px;width: 446px;}

#CKJ12.holidayGiving .block12 .textArea{width: 220px;margin-left: 10px;}

/* block13 */

#CKJ12.holidayGiving .block13{margin-top: 35px;width: 478px;}

#CKJ12.holidayGiving .block13 .textArea{

	width: 220px;margin-top: 30px;

	position: relative;padding-bottom: 40px;min-height: 307px;}

#CKJ12.holidayGiving .block13 .textArea .button{position: absolute;bottom: 0;left: 0;}



/* Lu Chateau Du Bois

---------------------------------------*/

/* ---------- contents ---------- */

#CKJ12.luChateauDuBois .contents{

	background: #fff6e0 url(../images/lu_chateau_du_bois/bg.png) 50% 0;

	padding: 70px 0 40px;

}

/* ---------- pageHeader ---------- */

#CKJ12.luChateauDuBois .pageHeader{

	margin: 0 auto;

	width: 1050px;

	position: relative;

	text-align: left;

	

}

#CKJ12.luChateauDuBois .pageHeader img{margin-left: 0;}

#CKJ12.luChateauDuBois .pageHeader .title{margin: 20px 0 0;}

#CKJ12.luChateauDuBois .pageHeader p{font-size: 15.5px;line-height: 1.75;margin-top: 17px;}

#CKJ12.luChateauDuBois .pageHeader p.catch{padding-top: 42px;clear: both;}

#CKJ12.luChateauDuBois .pageHeader .icon{position: absolute;right: -5px;top: 0;}

/* ---------- contentsBody ---------- */

#CKJ12.luChateauDuBois .contentsBody{margin: 0 auto;width: 1050px;}

#CKJ12.luChateauDuBois .secTitle{text-align: center;margin-top: 45px;margin-bottom: 20px;}

#CKJ12.luChateauDuBois .secTitle img{margin: auto;}

#CKJ12.luChateauDuBois .sec02 .secTitle{text-align: center;margin-top: 62px;margin-bottom: 20px;}

/**/

#CKJ12.luChateauDuBois .block .textArea{text-align: left;}

#CKJ12.luChateauDuBois .block p{font-size: 12.5px;line-height: 1.4;padding-top: 10px;}

#CKJ12.luChateauDuBois .block .catchText{font-size: 16px;line-height: 1.5;font-weight: bold;color: #925898;}

#CKJ12.luChateauDuBois .block .spec{font-size: 12px;line-height: 1.33;}

/*#CKJ12.luChateauDuBois .block .spec+.spec{margin-top: 10px;}*/

#CKJ12.luChateauDuBois .block .button{margin-top: 12px;}

/**/

#CKJ12.luChateauDuBois .block01,

#CKJ12.luChateauDuBois .block03,

#CKJ12.luChateauDuBois .sec02 .inBlock01{float: left;width: 560px;}

#CKJ12.luChateauDuBois .block02,

#CKJ12.luChateauDuBois .block04,

#CKJ12.luChateauDuBois .block07{float: right;clear: right;}

/**/

#CKJ12.luChateauDuBois .block01 .textArea,

#CKJ12.luChateauDuBois .block02 .textArea,

#CKJ12.luChateauDuBois .block06 .textArea,

#CKJ12.luChateauDuBois .block03 .itemImage,

#CKJ12.luChateauDuBois .block04 .itemImage,

#CKJ12.luChateauDuBois .block05 .itemImage{float: right;}

/**/

#CKJ12.luChateauDuBois .block01 .itemImage,

#CKJ12.luChateauDuBois .block02 .itemImage,

#CKJ12.luChateauDuBois .block06 .itemImage,

#CKJ12.luChateauDuBois .block03 .textArea,

#CKJ12.luChateauDuBois .block04 .textArea,

#CKJ12.luChateauDuBois .block05 .textArea{float: left;}

/**/

#CKJ12.luChateauDuBois .block01 .textArea{width: 274px;margin-top: 20px;margin-left: 10px;}

#CKJ12.luChateauDuBois .block02 .textArea{width: 280px;margin-top: 80px;margin-left: 20px;}

#CKJ12.luChateauDuBois .block03 .textArea{width: 270px;margin-top: 74px;margin-right: 22px;}

#CKJ12.luChateauDuBois .block04 .textArea{width: 274px;margin-top: 74px;margin-right: 12px;}

#CKJ12.luChateauDuBois .block05 .textArea{width: 270px;margin-top: 40px;margin-right: 12px;}

#CKJ12.luChateauDuBois .block06 .textArea{width: 270px;margin-left: 50px;}

#CKJ12.luChateauDuBois .block07 .textArea{width: 400px;}



#CKJ12.luChateauDuBois .block02{width: 431px;clear: right;}

#CKJ12.luChateauDuBois .block03{margin-top: 20px;clear: left;clear: both;}

#CKJ12.luChateauDuBois .block04{width: 432px;clear: right;}

#CKJ12.luChateauDuBois .block05 .spec .button{margin-top: 4px;}

#CKJ12.luChateauDuBois .block06{padding-top: 60px;}

#CKJ12.luChateauDuBois .block07 .spec{width: 50%;float: left;}

#CKJ12.luChateauDuBois .block07 .spec .button{margin-top: 10px;}



/* columnBox */

#CKJ12.luChateauDuBois .columnBox{

	clear: both;border: 1px solid #c8a483;background: #fff;margin-top: 30px;

	padding: 30px;

	overflow: hidden;

}

#CKJ12.luChateauDuBois .columnBox .image{float: right;margin-left: 20px;}

#CKJ12.luChateauDuBois .columnBox p{text-align: left;font-size: 13.4px;line-height: 1.4;margin-top: 16px;}



/* bottomBlock */

#CKJ12.luChateauDuBois .bottomBlock{clear: both;overflow: hidden;padding-top: 10px;}

#CKJ12.luChateauDuBois .profileBox{

	clear: both;border: 1px solid #c8a483;background: #fff;

	width: 464px;float: left;margin: 0;

	text-align: left;

	font-size: 13px;

	padding: 14px 20px 18px 36px;

}

#CKJ12.luChateauDuBois .profileBox p{padding-top:13px;overflow: hidden;}

#CKJ12.luChateauDuBois .profileBox .image{float: right;margin-left: 25px;}



#CKJ12.luChateauDuBois .imageArea{float: right;width: 488px;margin-left: -20px;}

#CKJ12.luChateauDuBois .imageArea .imageBlock{width: 224px;float: left;margin-left: 20px;text-align: left;font-size: 13px;}

#CKJ12.luChateauDuBois .imageArea .imageBlock p{padding-top: 15px;}



/*

#CKJ12.luChateauDuBois .btnArea:after{content:'';display: block;clear: both;}

#CKJ12.luChateauDuBois .btnArea{width: 1110px;margin: 36px auto 10px;padding: 0 10px;}

#CKJ12.luChateauDuBois .btnArea a{display: block;float: right;margin-right: -10px;}

#CKJ12.luChateauDuBois .btnArea a:first-child{float: left;}

*/



/* makeup

---------------------------------------*/

/* ---------- contents ---------- */

#CKJ12.makeup .contents{

	background-color: #e2e0ec;

	padding: 30px 0 40px;

	width: 1200px;

}

/* ---------- pageHeader ---------- */

#CKJ12.makeup .pageHeader .title{margin-bottom: 34px;}

#CKJ12.makeup .pageHeader .clearfix{width: 1110px;margin: 25px auto;}

#CKJ12.makeup .pageHeader .textArea{float: left;width: 550px;text-align: left}

#CKJ12.makeup .pageHeader .catch{font-size: 25px;font-weight: bold;}

#CKJ12.makeup .pageHeader .text{font-size: 14px;margin-top: 16px;}

#CKJ12.makeup .pageHeader .profileBox{float: right;}

#CKJ12.makeup .pageHeader .profileBox .image{float: right;margin-left: 12px}

#CKJ12.makeup .pageHeader .profileBox .text{overflow: hidden;width: 350px;text-align: left;}

#CKJ12.makeup .pageHeader .profileBox .text p{margin-top:8px;font-size: 13px;line-height: 1.4;}



/* ---------- contentsBody ---------- */

#CKJ12.makeup .contentsBody{

	background: #fff;

	margin: -25px 44px 0;

	padding: 55px 0 35px 50px;

	width: 1060px;

}

#CKJ12.makeup .secTitle{margin-bottom: 50px;}



#CKJ12.makeup .catchText{color: #dd5e9e;}

#CKJ12.makeup .block{float: left;}

#CKJ12.makeup .textArea{text-align: left;}

#CKJ12.makeup .textArea p{margin-top: 20px;}

#CKJ12.makeup .textArea p:first-child{margin-top: 0}



#CKJ12.makeup .bodyTitle{position: relative;z-index: 10;}

#CKJ12.makeup .sec01:after,

#CKJ12.makeup .sec02:after{content:'';display: block;clear: both;}

#CKJ12.makeup .sec01 .block .textArea{width: 320px;}

#CKJ12.makeup .sec01 .itemImage{margin-bottom: 14px;}



#CKJ12.makeup .block01{margin-right: 38px;}

#CKJ12.makeup .block02{margin-right: 40px;}

#CKJ12.makeup .block03{}

#CKJ12.makeup .block01 .itemImage{margin-top: -32px;margin-left: -8px;}

#CKJ12.makeup .block01 .spec,

#CKJ12.makeup .block02 .spec,

#CKJ12.makeup .block03 .spec{min-height: 80px;}

#CKJ12.makeup .block01 .textArea .catchText,

#CKJ12.makeup .block02 .textArea .catchText,

#CKJ12.makeup .block03 .textArea .catchText{margin-top: 10px;}

#CKJ12.makeup .block04{clear: left;margin-top: 50px;width: 520px;}

#CKJ12.makeup .block04 .itemImage{float: left;margin-right: 20px}

#CKJ12.makeup .block04 .textArea{float: left;}

#CKJ12.makeup .sec01 .howtoBlock{margin-top: 50px;width: 460px;float: right;margin-right: 30px;}

#CKJ12.makeup .sec01 .howtoBlock .textArea{width: 220px;float: left;}



#CKJ12.makeup .sec02{margin-top: 50px}

#CKJ12.makeup .sec02 .secTitle{clear: both;}

#CKJ12.makeup .block05 .itemImage,

#CKJ12.makeup .block06 .itemImage{min-height: 150px;}

#CKJ12.makeup .block05 .itemImage{padding-right: 40px;}

#CKJ12.makeup .block05{width: 510px;}

#CKJ12.makeup .block05 .textArea p{width: 480px;}

#CKJ12.makeup .block06{width:452px;}

#CKJ12.makeup .block07{width: 330px;margin-top: 30px;}

#CKJ12.makeup .sec02 .howtoBlock{margin-top: 30px;width: 610px;float: left;margin-left: 60px;}

#CKJ12.makeup .sec02 .howtoBlock .textArea{text-align: center;}

#CKJ12.makeup .sec02 .howtoBlock .textArea img{margin: 15px 0 0;}

#CKJ12.makeup .sec03,

#CKJ12.makeup .sec04,

#CKJ12.makeup .sec05{width: 320px;float: left;margin-top: 60px;}

#CKJ12.makeup .sec04,

#CKJ12.makeup .sec05{margin-left: 40px;}

#CKJ12.makeup .block09{float: left;width: 152px;}

#CKJ12.makeup .block10{float: right;width: 164px;}

#CKJ12.makeup .sec04 .block{float: none;}

#CKJ12.makeup .sec04 .itemImage{height:250px;text-align: left;}

#CKJ12.makeup .sec04 .block{margin-bottom: 20px;}

#CKJ12.makeup .sec03 .howtoBlock,

#CKJ12.makeup .sec04 .howtoBlock{margin-top: 20px;}

#CKJ12.makeup .sec03 .howtoBlock img,

#CKJ12.makeup .sec04 .howtoBlock img{margin-top: 20px;}



#CKJ12.makeup .block11 .textArea{margin-top: 25px;}



#CKJ12.makeup .note{margin-right: 40px;}

#CKJ12.makeup .indexTitle{margin-top: 60px;}



/* new_brand

---------------------------------------*/

/* ---------- contents ---------- */

#CKJ12.newBrand .contents{

	background-color: #f8c5ac;

	padding: 30px 0 40px;

}

#CKJ12.newBrand .note{padding-right: 40px}

/* ---------- pageHeader ---------- */

#CKJ12.newBrand .pageHeader .catch{width: 1114px;margin: auto;overflow: hidden;background: #fff;}

#CKJ12.newBrand .pageHeader .text{width: 265px;float: left;padding-top: 32px;margin-left: 60px;text-align: left;font-size: 14px}

#CKJ12.newBrand .pageHeader .columnBox{padding: 10px;float: right;width: 710px;background: #fef1ea;margin-top: 24px;margin-right: 38px;overflow: hidden;}

#CKJ12.newBrand .pageHeader .columnBox img{float: left;}

#CKJ12.newBrand .pageHeader .columnBox p{float: left;width: 420px;text-align: left;font-size: 13px;margin-left: 14px;padding-top: 20px}

#CKJ12.newBrand .pageHeader .columnBox p strong{font-size: 16px;color: #e95377;line-height: 1.3}

/* ---------- contentsBody ---------- */

#CKJ12.newBrand .contentsBody{width: 1064px;margin: auto;background: #fff;padding: 50px 0 50px 50px;}

#CKJ12.newBrand .catchText{color: #8fbf55;}

#CKJ12.newBrand .sec02 .catchText{color: #9b68a9;}

#CKJ12.newBrand .textArea{text-align: left;}

#CKJ12.newBrand .textArea p{padding-top: 20px;}

#CKJ12.newBrand .block{float: left;margin-right: 40px;margin-bottom: 20px}

#CKJ12.newBrand .block06{padding-top: 38px;}

#CKJ12.newBrand .block07,

#CKJ12.newBrand .block08,

#CKJ12.newBrand .block09{padding-top: 35px;}

#CKJ12.newBrand .block10{width: 370px;}

#CKJ12.newBrand .block11{width: 370px;margin-left: 40px}

#CKJ12.newBrand .block12{width: 250px;padding-left: 250px;position: relative;margin-top: 40px}

#CKJ12.newBrand .block13{width: 260px;padding-left: 220px;margin-left: 40px;margin-top: 40px}



#CKJ12.newBrand .sec01 .block{width: 300px;}



#CKJ12.newBrand .sec02{clear: both;padding-top: 32px}

#CKJ12.newBrand .sec02 .secTitle{float: left;margin-right: 20px}

#CKJ12.newBrand .sec02 .block{margin-right: 0;position: relative;}

#CKJ12.newBrand .sec02 .block .name,

#CKJ12.newBrand .sec02 .block .textArea{position: relative;z-index: 10;}

#CKJ12.newBrand .sec02 .block .itemImage{position: absolute;}





#CKJ12.newBrand .block10 .textArea{width: 170px;margin-left: 0;margin-right: auto;}

#CKJ12.newBrand .block11 .textArea{width: 178px;margin-left: 0;margin-right: auto;}

#CKJ12.newBrand .block11 .itemImage{text-align: left;}

#CKJ12.newBrand .block11 .itemImage p{text-align: left;font-size: 12px;margin-top: 10px}



#CKJ12.newBrand .block10 .itemImage,

#CKJ12.newBrand .block11 .itemImage{right:0;top:25px;}

#CKJ12.newBrand .block12 .itemImage,

#CKJ12.newBrand .block13 .itemImage{left:0;top:0;}

#CKJ12.newBrand .block12 .catchText,

#CKJ12.newBrand .block13 .catchText{margin-top: -10px;}

#CKJ12.newBrand .block12 .button{margin-top: 50px;margin-left: 150px;}

/* renewalBrands

---------------------------------------*/

/* ---------- contents ---------- */

#CKJ12.renewalBrands{background: url(../images/renewal_brands/bg.png) no-repeat 50% 0;}

#CKJ12.renewalBrands .contents{

	padding: 155px 0 40px;

}

/* ---------- pageHeader ---------- */

#CKJ12.renewalBrands .pageHeader .text{font-size: 16px;text-align: center;margin: 30px auto 30px;}

#CKJ12.renewalBrands .pageHeader .pageNav{

	/*

    display:-webkit-box;

    display:-ms-flexbox;

    display:-webkit-flex;

    display:flex;

	align-items:stretch;

	justify-content:space-between; 

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	list-style: none;

	*/

	width: 830px;

	margin: auto;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#CKJ12.renewalBrands .pageHeader .pageNav li{width: 250px;font-size: 18px;margin: 0 10px;float: left;}

#CKJ12.renewalBrands .pageHeader .pageNav li a{display: block;color: #fff;background: #ba79b1;padding:5px 14px;}

#CKJ12.renewalBrands .pageHeader .pageNav li a:before{display: inline-block;content:'▼';float: left;}



/* ---------- contentsBody ---------- */

#CKJ12.renewalBrands .contentsBody{padding-top: 145px;min-width: 1200px;margin: auto;}



#CKJ12.renewalBrands .sec01 .secTitle{padding-bottom: 50px;margin-left: -60px}

#CKJ12.renewalBrands .sec03 .secTitle{padding-top: 90px;}



#CKJ12.renewalBrands .catchText{color: #ba79b1;font-size: 15px;}

#CKJ12.renewalBrands .block .text{margin-top: 6x;}

#CKJ12.renewalBrands .textArea p{padding-top: 10px;}



#CKJ12.renewalBrands .sec01{padding-left: 60px;width: 1140px;position: relative;}

#CKJ12.renewalBrands .sec02{margin-top: 60px;}





#CKJ12.renewalBrands .sec01:after{display: block;content:'';clear: both;}

#CKJ12.renewalBrands .sec01 .block03{clear: right;margin-top: 150px;}



#CKJ12.renewalBrands .block{float: left;}

#CKJ12.renewalBrands .block01{margin-top: 40px;margin-left: 14px;width: 346px;}

#CKJ12.renewalBrands .block02{margin-top: 60px;margin-left: 50px;width: 368px;}

#CKJ12.renewalBrands .block03{margin-top: 160px;margin-right: 67px;float: right;}

#CKJ12.renewalBrands .block04{margin-top: 50px;margin-right: 70px;width: 348px;clear: left;}

#CKJ12.renewalBrands .block05{

	position: absolute;left: 500px;top: 1240px;width: 336px;

	/*margin-top: 120px;float: none;*/}

#CKJ12.renewalBrands .block06{margin-top: 35px;margin-left: 142px;margin-right: 94px;width: 369px;}

#CKJ12.renewalBrands .block07{margin-top: 35px;clear: right;width: 395px;}

#CKJ12.renewalBrands .block08{clear: left;margin-top:40px;margin-left: 140px;width: 384px;}

#CKJ12.renewalBrands .block09{margin-top: 110px;margin-bottom: 50px;margin-left: 100px;width: 401px;}



#CKJ12.renewalBrands .block10{margin-top: 65px;margin-left: 60px;}

#CKJ12.renewalBrands .block11{margin-top: 80px;margin-left: 100px;margin-bottom: 120px;}

#CKJ12.renewalBrands .block12{margin-top: 40px;margin-left: 60px;clear:left;width: 491px;}

#CKJ12.renewalBrands .block13{margin-top: 40px;margin-left: 30px;margin-bottom: 40px;width: 547px;}



#CKJ12.renewalBrands .block01 .itemImage,

#CKJ12.renewalBrands .block02 .itemImage,

#CKJ12.renewalBrands .block06 .itemImage,

#CKJ12.renewalBrands .block07 .itemImage,

#CKJ12.renewalBrands .block10 .itemImage,

#CKJ12.renewalBrands .block11 .itemImage{float: left;margin-right: 15px;}

#CKJ12.renewalBrands .block04 .itemImage,

#CKJ12.renewalBrands .block05 .itemImage,

#CKJ12.renewalBrands .block08 .itemImage,

#CKJ12.renewalBrands .block09 .itemImage,

#CKJ12.renewalBrands .block12 .itemImage,

#CKJ12.renewalBrands .block13 .itemImage{float: right;margin-left: 15px;}

#CKJ12.renewalBrands .block03 .itemImage{margin-bottom: 20px;}



#CKJ12.renewalBrands .block .textArea{text-align: left;float: left;}

#CKJ12.renewalBrands .block01 .textArea{padding-top: 14px;}



#CKJ12.renewalBrands .block01 .textArea{width: 260px;}

#CKJ12.renewalBrands .block02 .textArea{width: 277px;}

#CKJ12.renewalBrands .block03 .textArea{width: 216px;}

#CKJ12.renewalBrands .block04 .textArea{width: 250px;padding-top: 70px;}

#CKJ12.renewalBrands .block05 .textArea{width: 245px;padding-top: 20px;}

#CKJ12.renewalBrands .block06 .textArea{width: 270px;}

#CKJ12.renewalBrands .block07 .textArea{width: 300px;}

#CKJ12.renewalBrands .block08 .textArea{width: 280px;padding-top: 170px;}

#CKJ12.renewalBrands .block09 .textArea{width: 285px;padding-top: 70px;}

#CKJ12.renewalBrands .block10 .textArea{width: 300px;margin-left: 36px;}

#CKJ12.renewalBrands .block11 .textArea{width: 304px;margin-left: 22px;margin-top: -10px}

#CKJ12.renewalBrands .block12 .textArea{width: 240px;}

#CKJ12.renewalBrands .block13 .textArea{width: 230px;}



#CKJ12.renewalBrands .textArea .icon{display: inline-block;margin-bottom: 3px;}



#CKJ12.renewalBrands .columnBox{clear: both;width: 1030px;margin:0 auto;background: #fffcf2;padding: 20px 45px;overflow: hidden;}

#CKJ12.renewalBrands .columnBox img{float: left;margin-right: 34px;}

#CKJ12.renewalBrands .columnBox p{overflow: hidden;padding: 20px 0 0;font-size: 13px;text-align: left;}