/*/////////////////////////////////////////////////////////////////////////////////////////////////

 RESET STYLE

/////////////////////////////////////////////////////////////////////////////////////////////////*/

html,body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust:none;
}

h2, h3 {
	margin:0; padding:0;
	text-align:left; line-height:normal;
	font-size:inherit; font-weight:normal; color:inherit;
}

/* Form Reset */
#content_form select { font:inherit; cursor:pointer; color:#6f6f6f;}
#content_form textarea { font:inherit; margin:0; padding:0;}
#content_form input[type="checkbox"] { vertical-align:middle; cursor:pointer;}

/*---------------------------------------------------*
	PC Footer レスポンシブ設定
 *---------------------------------------------------*/

.variable { max-width: 1200px; margin-left:auto; margin-right:auto;}
#f_top,
#f_bottom { padding-left:20px; padding-right:20px;}
#f_info .right{ float:none; margin-top:20px;}

/* 768px 以下 (TAB of SP) */
@media screen and (max-width: 768px) {
	
	#wrapper { margin-bottom:20px;}
	#footer { margin-top:0px;}
	#f_privacy dl { float:none;}
	#f_privacy div { float: none; margin-top: 20px;}
	#f_privacy div a { margin-right: 8px;}
	#f_bottom .variable p.left { padding-bottom:10px; float:none;}
	#f_bottom .variable p.right { float:none; text-align:center;}

}

/*---------------------------------------------------*
	レコメンド枠 レスポンシブ設定
 *---------------------------------------------------*/

#content_form a{color:#468ABF;text-decoration:none}
#content_form a:hover{text-decoration:underline}
#content_form .bnr_line{display:block;margin:0 0 15px}
#content_form .bnr_line img{margin:0 auto}
#content_form #new_box{font-size:12px;line-height:140%}
#content_form #new_box a{font-size:12px;color:#468ABF;text-decoration:none}
#content_form .mlist01{margin:15px 0 -15px;padding:0 10px;letter-spacing:-.4em}
#content_form .wide .mlist01{padding:0 21px 22px}
#content_form .mlist01 li{display:inline-block;*display:inline;*zoom:1;margin-left:15px;margin-bottom:15px;width:105px;vertical-align:top;letter-spacing:normal}
#content_form .wide .mlist01 li{margin-left:52px}
#content_form .mlist01 li.first{margin-left:0}
#content_form .mlist01 a{display:block}
#content_form .mlist01 p{margin-top:5px}
#content_form .mlist01 p.icon_tv{background:url(/images/common/icon_tv.gif) 1px 50% no-repeat;padding-left:17px;margin-top:6px;_letter-spacing:-.1em;_background-position:0 2px}
#content_form .mlist01 a,#content_form .mlist01 img{display:block}
#content_form .mlist01 .mg,#content_form .mlist01 div{margin-top:5px}
#content_form .mlist01 .f_sonw_mini02{padding-left:12px;/letter-spacing:-.1em;margin-top:10px}
#content_form .mlist01 .f_red{color:#C00;font-weight:700}
#content_form .f_sonw_mini02{background:url(https://www.lovecosmetic.jp/images/common/icon_snow02.gif) left 3px no-repeat;padding-left:14px}
#content_form .blog_goods{margin:32px 0 0;font-size:12px}
#content_form .blog_goods p{position:relative;padding:10px;border-radius:4px;background:orange;color:#fff;font-weight:700;background:orange}
#content_form .blog_goods ul{margin:10px 0 0;padding-left:10px}
#content_form .blog_goods li{padding-left:10px;background:url(https://www.lovecosmetic.jp/blog/images/arrow.gif) 0 50% no-repeat;color:#999;font-size:10px}
#content_form .blog_goods li a{margin-left:5px;font-size:13px;line-height:1.6em}
#content_form .blog_goods + .blog_new{padding-top:0;border-top:none}

/* 768px 以下 (TAB of SP) */
@media screen and (max-width: 768px) {
	
	#content_form #new_box,
	#content_form .blog_goods { margin-left:10px; margin-right:10px;}

}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 共通クラス

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Border Reset */
.del_line_t  { border-top:none !important;}
.del_line_b  { border-bottom:none !important;}
.del_line_tb { border-top:none !important; border-bottom:none !important;}

.underline { text-decoration:underline !important;}

/* Margin Reset */
.mt_10 { margin-top:10px !important;}
.mt_15 { margin-top:15px !important;}
.mt_20 { margin-top:20px !important;}

/* 改行 */
.pc_break{ display:block;}
.sp_break{ display:inline;} 


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 CONTENTS LAYOUT

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*---------------------------------------------------*
	Contents Style
 *---------------------------------------------------*/
#content_form { margin-top:20px; color:#6f6f6f; font-size:14px; line-height:1.6em;}
#content_form a { text-decoration:none; color:#6f6f6f; font-size:14px;}
#content_form a:hover { text-decoration:underline; color:#FF7373;}
#content_form h2 { font-size:16px;}
#content_form h3 { font-size:16px;}

/* Page title */
#content_form .top_ttl {
	padding:16px;
	border-top:#468ABF 2px solid; border-bottom:#EEEEEE 1px solid;
}

/* Main Style */
#content_form .left_area { float:left; width:630px;}
#content_form .right_area { float:right; width:300px;}

/* Section Style */
#content_form .sec { margin-top:20px;}

/* Select No.6 Only */
#content_form .sel06_info { display:none; font-size:14px; color:#666; line-height:1.4em; margin-top:15px;}
#content_form .sel06_info span { display:block; font-weight:bold; margin-bottom:5px;}
#content_form .sel06_info a { display:inline-block; color:#468ABF; font-size:14px; margin-top:10px;}
#content_form .sel06_info a:hover { color:#FF7373;}

/*---------------------------------------------------*
	閲覧の多いＱ＆Ａ
 *---------------------------------------------------*/
#content_form .qa_list li { margin-bottom:5px;}



/*---------------------------------------------------*
	Link Style ( Blue arrow )
 *---------------------------------------------------*/
/* <li> type */
#content_form ul.b_arrow li {
	padding-left:10px;
	background:url(../images/btn_arrow.png) no-repeat left 7px;
	background:url(../images/btn_arrow_ie.png) no-repeat left 7px\9; /* IE8 */
	*background:url(../images/btn_arrow_ie.png) no-repeat left 7px;  /* IE7 */	
	background-size: 4px 6px;
	-webkit-background-size: 4px 6px;
}
/* <a> type */
#content_form a span.b_arrow {
	padding-left:10px;
	background:url(../images/btn_arrow.png) no-repeat left center;
	background:url(../images/btn_arrow_ie.png) no-repeat left center\9; /* IE8 */
	*background:url(../images/btn_arrow_ie.png) no-repeat left center;  /* IE7 */	
	background-size: 4px 6px;
	-webkit-background-size: 4px 6px;
}

/* <a> type */
#content_form a span.r_arrow {
	padding-left:10px;
	background:url(../images/link_arrow.png) no-repeat left 7px;
	background:url(../images/link_arrow_ie.png) no-repeat left 7px\9; /* IE8 */
	*background:url(../images/link_arrow_ie.png) no-repeat left 7px;  /* IE7 */	
	background-size: 4px 6px;
	-webkit-background-size: 4px 6px;
}

/*---------------------------------------------------*
	Background Color
 *---------------------------------------------------*/
/* Background Color 01 ( #f8f8f8 -> #ffffff ) */
#content_form .bg_col_01 {
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#ffffff));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ffffff 50%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#ffffff 50%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#ffffff 50%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 );
}
/* Background Color 02 ( #FFFFF0 ) */
#content_form .bg_col_02 {
	background-color:#FFFFF0;
}
/* Background Color 03 ( <a> #ffffff ⇔ dff3f1 ) */
#content_form .bg_col_03 {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 22%, #dff3f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#ffffff), color-stop(100%,#dff3f1));
	background: -webkit-linear-gradient(top, #ffffff 22%,#dff3f1 100%);
	background: -o-linear-gradient(top, #ffffff 22%,#dff3f1 100%);
	background: -ms-linear-gradient(top, #ffffff 22%,#dff3f1 100%);
	background: linear-gradient(to bottom, #ffffff 22%,#dff3f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dff3f1',GradientType=0 );
}
#content_form .bg_col_03:hover {
	background: #ffffff;
	background: -moz-linear-gradient(top, #dff3f1 22%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#dff3f1), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #dff3f1 22%,#ffffff 100%);
	background: -o-linear-gradient(top, #dff3f1 22%,#ffffff 100%);
	background: -ms-linear-gradient(top, #dff3f1 22%,#ffffff 100%);
	background: linear-gradient(to bottom, #dff3f1 22%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff3f1', endColorstr='#ffffff',GradientType=0 );
}
/* Background Color 04 ( #FFF0F0 ) */
#content_form .bg_col_04 {
	background-color:#FFF0F0;
}


/*---------------------------------------------------*
	Box Style
 *---------------------------------------------------*/
/* Box Style (Light-Blue) */
#content_form .lb_box {
	padding:15px 15px;
	border:#BDD5E8 1px solid; color:#468ABF;
}
/* Box Style (Blue) */
#content_form .b_box {
	padding:5px 15px; background-color:#468ABF;
	color:#ffffff;
}
/* Box Style (Red) */
#content_form .r_box {
	padding:15px 20px;
	border:#D90000 1px solid;
}
#content_form .r_box a { color:#CC0000; font-size:12px;}
#content_form .r_box a span { display:block;}


/*---------------------------------------------------*
	テーブルレイアウト (入力)
 *---------------------------------------------------*/
#content_form .input_area { display:none;}
#content_form .input_area table {
	width:100%; border-collapse:collapse; border-spacing:0;
	background-color:#F9F9F9; border:#BDD5E8 1px solid;
}
#content_form .input_area table th,
#content_form .input_area table td { border-bottom:#BDD5E8 1px solid;}
#content_form .input_area table th { padding:15px 20px; padding-right:inherit; width:28%; vertical-align:middle;}
#content_form .input_area table td { padding:15px 20px; vertical-align:middle;}
#content_form .input_area table td p { display:block; padding-top:10px; line-height:1.4em;}

#content_form .input_area .data_ttl { font-size:16px; color:#468ABF;}
#content_form .input_area .text_disp { display:block;}

/*---------------------------------------------------*
	入力
 *---------------------------------------------------*/
#content_form select {
	padding:3px 5px; border:#DDD 1px solid; font-size:14px;
	background:#fff url(../images/sel_arrow.png) no-repeat 97% center;
	background:#fff url(../images/sel_arrow_ie.png) no-repeat 97% center\9;
	*background:#fff url(../images/sel_arrow_ie.png) no-repeat 97% center;
	background-size: 6px 6px;
	-webkit-background-size: 6px 6px;
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
}
#content_form .sel_day select {
	padding:3px 20px 3px 5px;
	background:#fff url(../images/sel_arrow.png) no-repeat 85% center;
	background:#fff url(../images/sel_arrow_ie.png) no-repeat 85% center\9;
	*background:#fff url(../images/sel_arrow_ie.png) no-repeat 85% center;
	background-size: 6px 6px;
	-webkit-background-size: 6px 6px;
}

/*#content_form select { border:#DDD 1px solid; font-size:14px; height:38px; line-height:38px;}*/


#content_form input[type="tel"],
#content_form input[type="email"],
#content_form input[type="text"] {
	border:#DDD 1px solid; color:#6f6f6f; font-family:inherit;
	-webkit-appearance:none; -moz-appearance:none;
}
#content_form textarea {
	padding:10px; border:#DDD 1px solid; color:#6f6f6f;
	-webkit-appearance:none; -moz-appearance:none;
}

#content_form select#sel_type { min-width:300px;}

#content_form input { text-indent:0.5em; padding:5px 0;}
#content_form input.input_name { width:50%;}
#content_form input.input_email { width:60%;}
#content_form input.input_tel { width:15%;}
#content_form input.input_address { width:100%;}
#content_form input.input_pay { width:30%;}

#content_form textarea.input_detail { width:96%; height:200px; padding:2%;}

#content_form .info_area { text-align:center; font-size:14px; color:inherit; padding:25px 15px 30px;}
#content_form .info_area .info_chk { margin-top:20px;}

#content_form textarea.info_text {
	width:80%; height:120px; margin-top:15px;
	font-size:12px; line-height: 1.6em;
}

/* Button */
#content_form .btn_area { margin-top:30px; text-align:center;}
#content_form .btn_area a {
	display:inline-block;
	margin:0 5px; padding:7px 15px; text-align:center;
	color:#468ABF;
	border:#CCECE7 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#content_form .btn_area a:hover { text-decoration:none;}


/*---------------------------------------------------*
	確認画面 & 完了画面
 *---------------------------------------------------*/
#content_form.confirm .input_area { display:block;}
#content_form.confirm .top_info,
#content_form.comp .top_info { text-align:center; font-size:14px;}
#content_form.comp .top_info span.bold { display:block; font-size:18px; margin-bottom:10px;}
#content_form.comp .btn_area { margin-top: 30px; text-align: center;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 RIGHT NAV LAYOUT

/////////////////////////////////////////////////////////////////////////////////////////////////*/

#content_form .sec_link { margin-top:20px; line-height:100%;}
#content_form .sec_link h3{
	padding:10px; font-size:14px; color:#FFF; line-height:100%;
	background: #468ABF url(../images/nav_highlight_01.gif) center center repeat-x;
	border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
}
#content_form .sec_link ul { border:1px solid #EEE; border-top:none;}
#content_form .sec_link ul li { border-bottom:1px dashed #DDE2E3;}
#content_form .sec_link ul li.last { border-bottom:none;}
#content_form .sec_link ul li a {
	display:block; padding:12px 30px 12px 15px; position:relative;
	text-decoration:none; color:#468ABF;
}
#content_form .sec_link ul li a:hover{ background-color:#F3F9FC; text-decoration:underline;}

#content_form .sec_link ul li a span.arrow_sp{
	position:absolute; top:50%; right:12px; margin-top:-5px;
	width:7px; height:10px;
	background:url(../images/box_arrow.png) no-repeat;
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Media Queries

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 768px 以下 (TAB of SP) */
@media screen and (max-width: 768px) {


#wrapper { width:100%; margin:0;}

/* Main Style */
#content_form { margin-top:0;}
#content_form .left_area { float:none; width:100%;}
#content_form .right_area { float:none; width:100%; margin-top:15px;}

#content_form .sec_box { margin:15px 10px 0;}
#content_form .sec { margin-top:15px;}

#content_form .bnr_img { display: none;}

#content_form select { height:38px;}
#content_form select#sel_type { min-width:inherit;}

	
/*---------------------------------------------------*
	Right Area - 各リンク
 *---------------------------------------------------*/
#content_form .sec_link{
	margin-top:0;
	border-bottom:1px solid #DDDDDD;
}
#content_form .sec_link h3{
	font-size:16px;
	padding:12px 15px;
	background-image:none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	display:block;
	cursor:pointer;
	position:relative;
}
#content_form .sec_link ul { border:none;}
#content_form .sec_link ul li { width:33.33%; border-bottom:1px solid #DDE2E3; float:left;}
#content_form .sec_link ul li a { 
	padding: 1.5em 10px;
	position: static;
	line-height: 1.2em;
	max-height: 14px;
	overflow: hidden;
	display: block;
	vertical-align: middle;
	text-align: center;
	border-right:1px solid #DDE2E3;
}

#content_form .sec_link ul li:nth-child(3n+3) a { border-right:none;}
#content_form .sec_link ul li a:hover{ background-color:none;}
#content_form .sec_link ul li a span.arrow_sp{ display:none;}
#content_form .sec_link h3 span.toggle02 {
	position:absolute; top:10px; right:15px;
	width:18px; height:18px;
	background:url(../images/2014_toggle01.png) no-repeat;
	background:url(../images/2014_toggle01_ie.png) no-repeat\9;
	*background:url(../images/2014_toggle01_ie.png) no-repeat;
	background-position: -20px 0px;
	background-size: 38px 36px;
	-webkit-background-size: 38px 36px;
}
#content_form .sec_link h3.active span.toggle02 {
	background-position: -20px -18px;
}

#content_form.comp .btn_area { margin:15px 0;}

}

/* 630px 以下 (SP) */
@media screen and (max-width: 675px) {
	
/*---------------------------------------------------*
	Right Area - 各リンク
 *---------------------------------------------------*/
#content_form .sec_link ul li { width:50%;}
#content_form .sec_link ul li:nth-child(3n+3) a { border-right:1px solid #DDE2E3;}
#content_form .sec_link ul li:nth-child(2n) a{ border-right:none;}
#content_form .sec_link .toggleBox { display:none;}

}

/* 480px 以下 (SP) */
@media screen and (max-width: 480px) {
	
#content_form { font-size:16px;}
#content_form a { font-size:16px;}
#content_form h2 { font-size:18px;}
#content_form h3 { font-size:18px;}
	
#content_form .right_area { margin-top:0;}
#content_form .right_area a { font-size:14px;}

#content_form .top_ttl { padding: 16px 15px;}

#content_form .sec_box { margin:0;}
#content_form .sec { margin-top:0;}

#content_form .lb_box { border:none;}
#content_form #sel_type { width:100%;}

#content_form input { padding:8px 0;}

#content_form .input_area .text_disp { display:inline;}
#content_form .input_area table { border:none;}
#content_form .input_area table th,
#content_form .input_area table td { display:block; width:inherit; border:none;}
#content_form .input_area table th { padding:0px 20px 5px; font-size:16px;}
#content_form .input_area table td { padding:0px 20px 15px;}
#content_form .input_area .data_ttl { padding:15px 20px;}

#content_form input.input_name,
#content_form input.input_email { width:100%;}
#content_form input.input_tel { width:25%;}
#content_form input.input_pay { width:92%;}

/*#content_form .sel_day select { width:auto;}*/
#content_form .info_area { text-align:left; padding: 25px 15px 30px; font-size:16px;}
#content_form textarea.info_text { padding:0; width:100%;}
#content_form .btn_area { margin:0 10px 15px; text-align:center;}
#content_form .btn_area a { display:block;}
#content_form .btn_area a:first-child { margin-bottom:10px;}


/* 確認画面 */
#content_form.confirm .input_area table td { font-weight:bold;}
#content_form.confirm .input_area .data_ttl { font-weight:normal;}
#content_form.confirm .top_info { font-size:15px;}

/* 完了画面 */
#content_form.comp .top_info { font-size:16px;}
#content_form.comp .top_info span.bold { font-size:18px; font-weight:bold;}
#content_form.comp .btn_area { margin:15px 10px;}

#content_form .r_box { border-left:none; border-right:none;}

/* 改行 */
.pc_break{ display:inline;}
.sp_break{ display:block;} 

}

/* 320px 以下 (SP) */
@media screen and (max-width: 320px) {
	
/* 完了画面 */
#content_form.comp .top_info { letter-spacing:-0.1em;}

/* Box Style (Light-Blue) */
#content_form .lb_box {
	padding:15px 10px;
}

}



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 clerfix

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7?O_uEU*/

.clearfix{display:inline-block;} /*IE7MacIE5*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6?O*/