@charset "utf-8";
/*=============================================================

	Date: 2018-11-6
	CSS Document ： クチュリエスタッフのこっそりテクニック
	
=============================================================*/

/*===========================
	reset
===========================*/
* { font-size: 100%;font-weight: normal;margin: 0px; padding: 0px; }
html { overflow-y: scroll; }
body { width: 100%; overflow-x: hidden;}
#Top { position: absolute; top: 0; left: 0; }
a { color: #000000; text-decoration: none; }
img { border: none;margin: 0px; padding: 0px; }
#wrap { width: 100%; max-width: 920px; margin: 0px auto; text-align: left;position: relative; }
#wrapper {overflow: hidden;width:100%;position:relative;font-size: 76%;}
/* 回り込み解除 */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix { display: inline-table;min-height: 1px; }
/* Hides from Mac IE \*/
* html .clearfix{ height: 1px; }
.clearfix { display: block; }
/* Hides from Mac IE */
div#contentsInner_kr a:hover { color: #CC3366; }
.for-sp { display: none !important; }
.for-pc { display: block !important; }
i { font-style: normal !important; }
div.kraso_kr { display:block; }
.kraso_sp_kr { display:none; }
i,span { font-weight: inherit; }
h2,h3,h4,h5,p { font-weight: bolder; }
@media screen and (min-width: 921px) {
.wide_kr { margin: 0 -500%;padding: 0 500%; }
}
@media screen and (min-width: 768px) {
a:hover img { opacity: 0.7;filter: alpha(opacity=70); }
a:hover img.nofilter, a:hover img.imgover {opacity: 1; filter: none; }
a:hover { text-decoration: underline; }
}
@media screen and (max-width: 920px) {
#contentsInner_kr img { width: 100%; }
}
@media screen and (max-width: 920px) {

}


/*===========================
	header
===========================*/
#header_kr { width: 920px;margin-left: 0;border-bottom: 1px solid #EEEEEE; }
#header_kr #head-topnavi_allb_kr { position: absolute; right: 0;top: 12px; }
#header_kr #head-topnavi_allb_kr li { float: left;margin-left: 10px;margin-top: 2px; }
#header_kr #head-topnavi_allb_kr li#add-line_allb_kr { border-left: 1px solid #CCCCCC;padding-left: 11px; }
#header_kr #head-topnavi_allb_kr li { float: left;margin-left: 10px;margin-top: 2px; }
#header_kr .logoImg_kr { padding-bottom: 7px; padding-top: 7px;text-align: left; }
#header_kr #head-topnavi_allb_kr li#log-btn_allb_kr { margin-top: 0; }
#header_kr #head-topnavi_allb_kr li { float: left;margin-left: 10px;margin-top: 2px; }
@media screen and (max-width: 920px) {
.for-pc { display: none !important; }
.for-sp { display: block !important; }
#container_kr { padding-top: 48px;width: 100%;margin: 0 auto;position: relative; }
#header_kr { margin: 0 auto;position: absolute;top: 0;left: 0; }
#header_kr img { width: 120px; height: auto; }
#header_kr p.logo_kr { position: relative; padding-left: 5px; }
#header_kr dl { overflow: hidden; float: right; }
#header_kr dl dt { display: none; }
#header_kr dl dd { display: inline;padding: 0 6px 0 3px;line-height: 20px; }
div#wrapper_kr { margin: 0; }
#header, #header_kr { position: relative; top: 0;width: 100%;border-bottom: 1px solid #777; }
#header > a > img, #header_kr .logoImg_kr { padding-bottom: 7px;padding-top: 7px;padding-left: 5px;text-align: left; }
#head-topnavi_allb, #head-topnavi_allb_kr { display: none; }
#header_sp_kr { margin: 0;padding: 6px 0;background: #fff;position: absolute;top: 0;left: 0;width: 100%;border-bottom: 1px solid #EEEEEE; }
#header_sp_kr p.logo_kr { position: relative;padding-left: 8px; }
}

/*===========================
	plist
===========================*/
#plist { color: #888;margin-top: 10px;margin-bottom: 10px;margin-left: 3px;line-height: 1;_line-height: 1.1;vertical-align: middle; }
#plist li { float: left;font-size: 80%;margin-left: 3px; }
#pList_kr { max-width: 920px;margin: 0 auto;padding: 10px 0 7px;font-size: 80%; }
#pList_kr, #pList_kr a { color: #888888 !important; }
#pList_kr span { color: #444444 !important; }
#plist span { font-size: 90%; }
#plist a, #plist a:visited { color: #888 !important; text-decoration: none; }
@media screen and (min-width: 768px) {
#plist a:hover { text-decoration: underline; }
}
@media screen and (max-width: 920px) {
#pList_kr { margin-left: 1%; }
}


/*===========================
	pagetop
===========================*/
div.pagetop_kr { margin: 20px 0;clear: both;text-align: right;padding: 5px 0 0 0; }
div.pagetop_kr a, div.pagetop_kr a:visited { text-decoration: underline; }
div.pagetop_kr a { background: url(../images/icon_pagetop.gif) no-repeat left center !important;padding: 0 0 0 12px; }


/*===========================
	content
===========================*/
#mainarea_kr { width: 100%;display: inline-block;position: relative; }
#contentsInner_kr { width: 100%;font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; color: #000000; }
#contentsInner_kr .wideBody_kr { margin: 0 -500%;padding: 0 500%; }
#contentsInner_kr img { max-width: 100%;height: auto; }
@media screen and (max-width: 920px) {
#contentsInner_kr { font-size: 85%; }
}
@media screen and (max-width: 640px) {
#contentsInner_kr { font-size: 100%; }
}


/*---------------------------------------------
	common
---------------------------------------------*/ 
/* text */
.nLead_ct { font-size: 160%; }
.nLead_ct span { border-bottom: 1px solid;line-height: 1.6; }
.title_ct { position: relative; font-size: 420%;line-height: 1;letter-spacing: 0.05em;text-align: center;padding: 20px 0;color: #fff; background-position: 0 0; background-repeat: repeat; background-size: auto; }
.title_ct::before,
.title_ct::after { content: ""; display: block;position: absolute;top: 7px;background-image: url(../images/title_dec.png);background-position: 0 0; background-repeat: repeat; background-size: auto; width: 14px; height: 74px; }
.title_ct::before { left: 10px; }
.title_ct::after { right: 10px; }
.title_ct span { font-weight: normal;margin: 0 50px 0 0px; }
.title_ct i { font-size: 60%;margin-right: 10px; }
.subTitle_ct { font-size: 310%;margin-bottom: 20px;}
.subTitle_ct span { border-bottom: 1px solid;line-height: 1.5;padding-bottom: 0px; }
.lineTitle_ct { background: url(../images/dec_line.gif) repeat-x 0 center;margin-bottom: 25px; text-align: center;font-size: 240%;line-height: 1; }
.lineTitle_ct span { display: inline-block;background: #fff;padding: 0 30px; }
.txtAdj_ct { padding-left: 2%; }
/* img */
.img_ct { text-align: center;padding-top: 40px; }
/* box */
.twBox_ct { padding: 45px 0 0; }
.twBox_ct .fl_ct { float: left;width: 50%;position: relative; }
.twBox_ct .fl_ct .nLead_ct.mid_ct { display: table-cell;vertical-align: middle;height: inherit; }
.twBox_ct:not(.detailInner_ct) .fl_ct:first-child { width: 44%;padding: 0px 4% 0 2%; }
/* tool */
.toolBox_ct { text-align: center;margin: 45px auto 35px;border-bottom: 2px dashed;padding-bottom: 70px; }
.toolBox_ct h4 { margin-top: -45px;margin: -50px auto 10px; }
.toolBox_ct h4 img { width: auto !important; }
.toolBox_ct .nLead_ct { letter-spacing: -0.03em; }
.toolBox_ct .toolBoxInner_ct { background: url(../images/tool_bg.jpg) repeat 0 0;padding: 30px 0;margin: 60px auto 25px; }
.toolBox_ct .toolBoxInner_ct ul { letter-spacing: 0;font-size: 0;line-height: 0;width: 100%; }
.toolBox_ct .toolBoxInner_ct ul li { margin: 15px 10px 0 10px; display: inline-block; position: relative; width: 30%; }
.toolBox_ct .toolBoxInner_ct ul li .open_ct { position: absolute;top: 70px;left: 0;width: 100%;font-size: 10px;line-height: 1.6;display: none;z-index: 999999; }
.toolBox_ct .toolBoxInner_ct ul li .open_ct .openInner_ct { width: 232px;margin: 0 auto;background: #fff;padding: 20px;border: 1px dashed #000; }
.toolBox_ct .toolBoxInner_ct ul li .open_ct .openInner_ct::before { content:""; width: 22px; height: 23px; background: url(../images/dec_arrow.png) no-repeat 0 0; position: absolute;top: -22px;left: 46%; }
.toolBox_ct .toolBoxInner_ct ul li .open_ct .openInner_ct .top_ct { font-size: 170%;margin-bottom: 5px; }
.toolBox_ct .toolBoxInner_ct ul li .open_ct .openInner_ct .sub_ct { font-size: 130%;text-align: left;font-weight: normal; }
.toolBox_ct .toolBoxInner_ct ul li.o_ct .open_ct { display: block; }
/* tec */
.tecBox_ct { text-align: center;margin-top: 30px; }
.tecBox_ct .tecBoxInner_ct { text-align: left; display: inline-block;max-width: 450px; min-height: 250px; padding-left: 270px;background-image: url(../images/technique_bg01.png);background-position: 0 0; background-repeat: no-repeat; background-size: auto;}
.tecBox_ct.oth_ct .tecBoxInner_ct { background-image: url(../images/technique_bg02.png); }
.tecBox_ct .tecBoxInner_ct h3 { margin-top: 45px; }
/**/
.nrmLine01 { position: relative;display: inline-block; }
.nrmLine01::before, .nrmLine01::after { content: "";display: block;width: 1px;height: 35px;z-index: 1;position: absolute;background: #000000; top: 0; }
.nrmLine01::before { transform: rotate(-25deg);-moz-transform: rotate(-25deg);-webkit-transform: rotate(-25deg);left: -20px; }
.nrmLine01::after { transform: rotate(25deg);-moz-transform: rotate(25deg);-webkit-transform: rotate(25deg);right: -20px; }
@media screen and (min-width: 921px) {
.toolBox_ct .toolBoxInner_ct ul li img:hover + .open_ct { display: block; }
}
@media screen and (min-width: 641px) {
.subTitle_ct.adj_ct { letter-spacing: -0.08em; }
}
@media screen and (max-width: 920px) {
	.toolBox_ct .toolBoxInner_ct ul li .open_ct .openInner_ct .top_ct { font-size: 140%;}
.toolBox_ct .toolBoxInner_ct ul li .open_ct .openInner_ct .sub_ct { font-size: 100%;}
.toolBox_ct .toolBoxInner_ct ul li .open_ct .openInner_ct { width: 70%;}
/* text */
.title_ct { font-size: 400%; }
.title_ct span { margin: 0 20px 0 0px; }
.title_ct::before,
.title_ct::after { background-size: 95%;background-repeat: no-repeat; }
/* tec */
.tecBox_ct .tecBoxInner_ct { max-width: 390px;min-height: 160px;padding-left: 175px; }
.toolBox_ct h4 img { width: 50%!important; }
.toolBox_ct .toolBoxInner_ct { padding-bottom: 5px;}
.subTitle_ct {margin-bottom: 10px;}
.toolBox_ct .toolBoxInner_ct ul li { width: 44%; }
.subTitle_ct { font-size: 200%;}
.nLead_ct { font-size: 110%; }
.tecBox_ct .tecBoxInner_ct { background-size: 190px;}
.toolBox_ct { padding-bottom: 40px;}
.lineTitle_ct {
    font-size: 150%;
}
.title_ct::after {  width: 10px; }
.title_ct::before { width: 10px; }

}
@media screen and (max-width: 640px) {
/* text */
.title_ct { font-size: 220%; }
.subTitle_ct span br { display: none; }
.nLead_ct br { display: none; }
.twBox_ct { padding: 0; }
.twBox_ct:not(.detailInner_ct) .fl_ct { float: none;width: 100%;text-align: center; }
.twBox_ct:not(.detailInner_ct) .fl_ct:first-child { width: 100%;padding: 0 0 20px; }
/* tec */
.tecBox_ct .tecBoxInner_ct h3 { margin-top: 22px; }
.tecBox_ct .tecBoxInner_ct { margin-left: -30px;max-width: 340px; }
}

/*---------------------------------------------
	topArea_kr
---------------------------------------------*/
.dMovie_ct { background: url(../images/dec_movie.gif) no-repeat right center;padding-right: 32px;margin-right: 5px; }
/* slider */
.mainSlider_ct ul { position:relative; }
.mainSlider_ct ul li { position:absolute;width: 100%; }
#topArea_kr { margin-top: 15px; }
#topArea_kr .lineTitle_ct { font-size: 130%;margin-bottom: 12px; }
#topArea_kr .mainSlider_ct { position: relative;margin: 10px auto 20px; }
#topArea_kr .mainSlider_ct .slideLead_ct { position: absolute; top: 50px;right: 50px;z-index: 1; }
#topArea_kr .mainLead_ct {}
#topArea_kr .nLead_ct { text-align: center;font-size: 240%; }
#topArea_kr .subLead_ct { font-weight: bolder;font-size: 160%; text-align: center; margin-top: 10px; }
@media screen and (max-width: 920px) {
#topArea_kr .mainSlider_ct .slideLead_ct { position: static;padding: 0 0 20px; }
}
@media screen and (max-width: 640px) {
#topArea_kr .nLead_ct { padding: 0 20px;font-size: 140%; }
#topArea_kr .subLead_ct { font-size: 120%; }
}

/*---------------------------------------------
	navi_ct
---------------------------------------------*/
#navi_ct {}
#navi_ct #naviInner_ct { font-size: 0; letter-spacing: 0; line-height: 0;margin: 0 auto;width: 100%; }
#navi_ct #naviInner_ct li { display: inline-block;margin: 33px 0 0 10px;vertical-align: top; }
#navi_ct #naviInner_ct li:nth-child(1) { margin-left: 0; }
#navi_ct #naviInner_ct li:nth-child(4) { margin-top: 0; }
#navi_ct #naviInner_ct li a { display: block; }
#navi_ct #naviInner_ct li a img {}
.js-clingify-ztransform, .js-clingify-wrapper {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.js-clingify-wrapper { width: 100%; }
.js-clingify-locked { left: 0;position: fixed;top: 0;z-index: 99999;  transition: all 0.3s; }
.js-clingify-locked #nav_kr #nav_Inner_kr { margin: 0 auto; }
@media screen and (min-width: 921px) {
.js-clingify-locked #navi_ct #naviInner_ct { width: 920px; }
}
@media screen and (max-width: 920px) {
#navi_ct #naviInner_ct li { width: 24.73333333333333%;margin: 33px 0 0 0.3333333%; }
}
@media screen and (max-width: 640px) {
#navi_ct #naviInner_ct li { width: 26%;margin: 20px 0 0 1%; }
#navi_ct #naviInner_ct li:nth-child(4) { width: 19%; }
}


/*---------------------------------------------
	navi_ct
---------------------------------------------*/
.movie_ct::before { content: "";display: block;width: 106px; height: 106px; background: url(../images/chk_movie.png) no-repeat 0 0; position: absolute;left: -95px;bottom: -20px; }
.movie_ct .movie_body_ct iframe { margin: 0 auto;display: block;width: 100%; }
@media screen and (max-width: 920px) {
.movie_ct::before { background-size: 70px;width: 70px;height: 70px;left: -35px;bottom: auto;top: 85%;z-index: 1; }
}
@media screen and (max-width: 767px) {
.movie_ct .movie_body_ct { position: relative;height: 0;padding: 0 0 56.25%;overflow: hidden; }
.movie_ct .movie_body_ct iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0; }
}
@media screen and (max-width: 640px) {
.movie_ct::before { width: 70px;height: 70px;left: 0;top: 0;position: relative;background-size: 100%;margin: 0 auto 10px; }
}

/*---------------------------------------------
	box_ct
---------------------------------------------*/
.box_ct { margin-top: 75px;margin-bottom: 75px; }
.box_ct.wide_kr { background: #ECEFEF; padding-top: 65px; padding-bottom: 65px; }
.box_ct .boxInner_ct {}
@media screen and (max-width: 920px) {
.box_ct { padding: 0 20px; }
}
@media screen and (max-width: 640px) {
.box_ct { margin-top: 50px;margin-bottom: 50px; }
.box_ct.wide_kr { padding-top: 50px; padding-bottom: 50px; }
}


/*---------------------------------------------
	osusumeBox_ct
---------------------------------------------*/
.osusumeBox_ct { margin: 45px auto 0; text-align: center; }
.osusumeBox_ct .sub_ct { line-height: 1;font-size: 200%;margin-bottom: 15px;padding: 5px 0; }
.osusumeBox_ct .middle_ct { font-size: 340%;line-height: 1; }
.osusumeBox_ct ul { margin: 10px 0 0 -2.333%; }
.osusumeBox_ct ul li { float: left;width: 31%;margin: 30px 0 0 2.333%; }
@media screen and (max-width: 640px) {
.osusumeBox_ct .middle_ct { font-size: 180%; }
.osusumeBox_ct .sub_ct { font-size: 130%;}
}


/*---------------------------------------------
	detail_ct
---------------------------------------------*/
#detail_ct { margin-bottom: 65px; }
#detail_ct h2 { text-align: center;font-size: 300%; }
#detail_ct .detailInner_ct {}
#detail_ct .detailInner_ct .fl_ct:last-child { padding-left: 5%; width: 45%; }
#detail_ct .detailInner_ct .main_ct { font-size: 200%;border-top: 1px solid;border-bottom: 1px solid;line-height: 1.5;padding: 20px 0px;margin-bottom: 25px; }
#detail_ct .detailInner_ct .sub_ct { font-size: 150%; }
#detail_ct .detailInner_ct .dLink_ct { margin-top: 30px;text-align: right; }
#detail_ct .detailInner_ct .dLink_ct a { display: inline-block; }
@media screen and (max-width: 920px) {
#detail_ct { padding: 0 20px; }
}
@media screen and (max-width: 640px) {
#detail_ct h2 { font-size: 180%; }
#detail_ct .detailInner_ct .main_ct { font-size: 120%;}
#detail_ct .detailInner_ct .sub_ct {font-size: 100%;}
#detail_ct .detailInner_ct .main_ct { padding: 10px 0px;margin-bottom: 15px;}
#detail_ct .detailInner_ct .dLink_ct { margin-top: 15px; }
}


/* ----------------------------------------
	sns
---------------------------------------- */
body .scbtn_line {display: none;}
body.is_sp .scbtn_line {display: block;}
#social img { width: 50px; }
#socialOuter { position: static;left: auto;top: auto;z-index: 1;width: 100%;margin: 50px 0px;text-align: center; }
#socialOuter ul#social { display:inline-block !important; }
#socialOuter ul#social li { background: url(../images/social_fukidashi.gif) no-repeat scroll center 0;-webkit-background-size:70% auto;background-size:100% auto;float: left;margin-right: 15px;position: relative;text-align: center;width: 55px;padding-top:48px; }
#socialOuter ul#social li.scbtn_tw,
#socialOuter ul#social li.scbtn_line { background-image: none; }
#socialOuter ul#social li:last-child { margin-right: 0; }
#socialOuter ul#social li strong { font-size: 150%;left: 0;position: absolute;text-align: center;top: 2%;width: 100%; }
@media screen and (min-width: 768px) {
#socialOuter ul#social li a:hover img { opacity: 0.7; }
}
@media (min-width: 921px) {
#socialOuter { margin: 60px 0px; }
#social img { width: 40px; }
#socialOuter ul#social li { width: 40px; padding-top: 38px; }

}
@media screen and (max-width: 640px) {
	#socialOuter { margin: 30px 0px;}
	}


/*---------------------------------------------
	footBnr_ct
---------------------------------------------*/
.footBnr_ct { text-align: center;margin: 75px auto; }
.footBnr_ct ul { font-size: 0; line-height: 0; letter-spacing: 0;margin-left: -12px; }
.footBnr_ct ul li { display: inline-block;margin-left: 12px; }
.footBnr_ct .othTitle_ct { font-size: 250%;margin-top: 20px; }
.footBnr_ct .othTitle_ct i { color: #DC0012; }
.footBnr_ct.last_ct img { width: auto !important; }
@media screen and (max-width: 920px) {
.footBnr_ct { padding: 0 20px; }
.footBnr_ct ul { margin-left: -1%; }
.footBnr_ct ul li { margin: 0 0 1% 1%;width: 24%; }
}
@media screen and (max-width: 640px) {
.footBnr_ct { margin: 20px auto; }
.footBnr_ct ul { margin-left: -3%; }
.footBnr_ct ul li { margin: 0 0 3% 3%;width: 47%; }
.footBnr_ct .othTitle_ct { font-size: 160%;}
}


/* contents01_ct */
#contents01_ct.box_ct { margin-top: 50px; }
#contents01_ct .title_ct { background-image: url(../images/title_bg01.jpg); }
@media (min-width: 921px) {
#contents01_ct .title_ct span { margin: 0 110px 0 -150px; }
}
@media (max-width: 640px) {
#contents01_ct.box_ct { margin-top: 25px; }
}

/* contents02_ct */
#contents02_ct .title_ct { background-image: url(../images/title_bg02.jpg); }

/* contents03_ct */
#contents03_ct .title_ct { background-image: url(../images/title_bg03.jpg); }
#contents03_ct .twBox_ct { padding: 50px 0; }
#contents03_ct .movie_ct::before { bottom: -30px; }
@media screen and (max-width: 920px) {
#contents03_ct .movie_ct::before { top: 85%;bottom: auto; }
}
@media screen and (max-width: 640px) {
#contents03_ct .twBox_ct { padding: 30px 0; }
}



/* hack */
.brt_ie .subTitle_ct span,
.brt_ie .nLead_ct span { border-bottom: none; text-decoration: underline; }
.is_mac .subTitle_ct span { padding-bottom: 6px; }
.is_mac .nLead_ct span { padding-bottom: 5px; }

.content_fca h1, h4, h5, h6 { 
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin-bottom: auto;
	font-weight: normal;
	line-height: normal;
	font-size: 100%;
}