@charset "utf-8";
/* 
====================================================================================================
■ common (下層ページ共通設定)
■ .news /news/ （新着情報）
■ .contact /contact/ （お問い合わせ）
■ .class_name /folder_name/ （下層ページ）【★】※ページ毎のbodyに付与したclass名称を利用
■ .class_name /folder_name/ （下層ページ）【★】
■ ※以下は必要に応じ追加
■ 
■ 
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ common (下層ページ共通設定)
---------------------------------------------------------------------------------------------------- */
.tit_style {
	padding:6px 0px 6px 0px;
	border-bottom:2px dotted #5576bd;
	font-weight:bold;
	color:#5576bd;
	font-size:88.9%;
}

.tit_style02 {
	padding:4px 0px 4px 0px;
	border-bottom:1px solid #5576bd;
	font-weight:bold;
	color:#5576bd;
	font-size:88.9%;
}

.tit_style02:before { content:'■';font-size:80%;margin-right:5px;}


.tit_style03 {
	padding:3px 0px 4px 15px;
	background:url(../common_img/tt_bg01.png) no-repeat left top;
	background-size:307px 23px;
	font-weight:bold;
	color:#fff;
	font-size:80%;
}


/* 
====================================================================================================
■ .news /news/ （新着情報）
---------------------------------------------------------------------------------------------------- */
#wrapper img.shd{
	padding:3px;
	margin:0px 0px 0px 0px ;
	box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.8);
}


#pagenation {
	width: 290px;
	margin: 10px auto 15px auto;
	font-size:13px;
}
	#pagenation li:nth-child(1) {
		float: left;
	}
	#pagenation li:nth-child(2) {
		float: right;
	}
		#news #pagenation li a {
			font-weight: bold;
			color: #733f0a;
		}



.news_box{
	background:url(../news/images/bg.jpg) repeat-y 0 0;
	background-size:307px;
	margin:0px 0px 20px;
}

.news_box .ntit{
	background:url(../news/images/top.jpg) no-repeat 0 0;
	background-size:307px;
	padding:35px 10px 5px 15px;
	font-size:72.3%;
	font-weight: bold;
	position: relative;
	border-bottom:#8597c7 1px dotted ;
}

.news_box .ntit .date{
        position: absolute;
        top:15px;
        left:15px;
        font-weight: normal;
        color:#8f7b6d;
}

.news_box .news_contents{
	background:url(../news/images/end.jpg) no-repeat 0 bottom;
	background-size:307px;
	padding:10px 15px 15px 15px;
}


.phot{
	float:left;
	margin:0px 10px 10px 0px;
	position:relative;
}
.icon { position: absolute; right:5px; bottom:5px; }

/* 
====================================================================================================
■ concept
---------------------------------------------------------------------------------------------------- */
.concept_step01{position:relative;}
.concept_step01 .come{position: absolute; left:137px; top:105px;}

.concept_step02{position:relative; height: 205px;}
.concept_step02 .come{position: absolute; left:0px; top:110px;width:118px;}

.concept_step03{position:relative;}
.concept_step03 .come{position: absolute; left:165px; top:125px;}

.concept_step04{position:relative;}
.concept_step04 .come{position: absolute; left:0px; top:110px;width:140px;}
/* 
====================================================================================================
■ お問い合わせ
---------------------------------------------------------------------------------------------------- */

.table_style02 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border:1px solid #c8d5ef;
    font-size:72.3%;
}

.table_style02 th{
    color:#333;
    background:#f4f7fc;
    border-bottom:1px solid #c8d5ef;
    padding:5px 10px 5px 10px;
    vertical-align:top;
    text-align:left;
}

.table_style02 td{
    padding:10px 5px 5px 5px;
    background:#fff;
    border-bottom:1px solid #c8d5ef;
}

.dl_style01 {margin:10px auto 0;
 }

.dl_style01 dt {
	padding:6px 0px 6px 0px;
	border-bottom:2px dotted #5576bd;
	font-weight:bold;
	color:#5576bd;
	font-size:88.9%;
	position: relative;
}

.dl_style01 dd { padding:15px 5px 20px 5px;
                 background:#fff;
                 font-size:72.3%;}

.dl_style01 dd ul li{ margin-bottom:10px;}

.dl_style01 .open {}
.dl_style01 .open:before { position: absolute;content:'▲';right:10px;top:8px; color:#5576bd;font-size:75%;}
.dl_style01 dt,
.dl_style01 .close {}
.dl_style01 .close:before { position: absolute;content:'▼';right:10px;top:8px; color:#5576bd;font-size:75%;}

.dl_style01 dt:first-child { margin-top:0px; }

/* 
====================================================================================================
■ シェルクルール化粧品”とは
---------------------------------------------------------------------------------------------------- */

#about {
	background:url(../about/images/bg_01.jpg) no-repeat 0 0;
	background-size:307px;
	margin:0px 0px 10px;
	padding:0px 0px 0px 0px ;}


/* 
====================================================================================================
■ 取扱店舗・運営会社案
---------------------------------------------------------------------------------------------------- */


table.icon_setsumei{
	margin:0 0 20px;
	font-size:62.0%;
	border:#c8d5ef 1px solid;
	width:100%;
}
.icon_setsumei td{
	padding:8px 5px 8px 5px;
	text-align:left;
	vertical-align:top;
	width:50%;
}

.dl_style03 {margin:10px auto 0;
 }

.dl_style03 dt {
	padding:6px 20px 6px 30px;
	background:#e4ecfb;
	background-size:15px;
	border:1px solid #a0b6e2;
	font-weight:bold;
	color:#5774c1;
	font-size:72.3%;
	position: relative;
}


.dl_style03 dd { padding:0px 0px 0px 0px;}

.dl_style03 dd table{ border-left:1px solid #A0B6E2;font-size:72.3%;}

.dl_style03 dd table th{
	vertical-align:top;
	text-align:center;
	padding:5px 5px;
	border-right:1px solid #A0B6E2;
	border-bottom:1px solid #A0B6E2;
	background-color:#EEF2FC;
}

.dl_style03 dd table td{
	vertical-align: middle;
	text-align:left;
	padding:5px 10px;
	border-right:1px solid #A0B6E2;
	border-bottom:1px solid #A0B6E2;
}

.dl_style03 dd table td.shop{
	text-align:center;
	vertical-align: middle;
}


.dl_style03 .open {}
.dl_style03 .open:before { position: absolute;content:'▲';left:10px;top:6px; color:#5576bd;font-size:75%;}
.dl_style03 dt,
.dl_style03 .close {}
.dl_style03 .close:before { position: absolute;content:'▼';left:10px;top:6px; color:#5576bd;font-size:75%;}

.dl_style03 dt:first-child { margin-top:0px; }

.shop_info_bnr {position:relative;}

.shop_info_bnr .png_btn {position:absolute;top:21px;left:6px;}
.shop_info_bnr .jpg_btn {position:absolute;top:37px;left:6px;}

/* 
====================================================================================================
■ お客様からの嬉しいお便り
---------------------------------------------------------------------------------------------------- */


.report_box {
background:#faf6f2;
padding:10px;
border-right:solid #d7c5b6 1px;
border-left:solid #d7c5b6 1px;
border-top:solid #d7c5b6 1px;
border-bottom:solid #d7c5b6 1px;
margin-bottom:10px;
}


.report_box .namtt{
padding:5px 10px 5px 10px ;
border-left:solid #d7c5b6 4px;
font-weight:bold;
color:#8a7563;
font-size:72.3%;
margin-bottom:10px;
}


.report_box table{
border:solid #d7c5b6 1px;
font-size:72.3%;
text-align:center;
}

.report_box table th{
background:#d4bba3;
font-weight:bold;
border-right:solid #fff 1px;
color:#fff;
padding:5px;
}

.report_box table td{
padding:5px;
border-right:solid #d7c5b6 1px;
background:#fff;
}

.dl_style04 {margin:10px 0 0px;
 }

.dl_style04 dt {
	padding:0px;
	position: relative;
}


.dl_style04 dd {
font-size:72.3%;
background:#faf6f2;
padding:10px;
border:solid #d7c5b6 1px;
}

.dl_style04 .open {}
.dl_style04 .open:before { position: absolute;content:'▲';left:100px;top:4px; color:#fff;font-size:75%;}
.dl_style04 dt,
.dl_style04 .close {}
.dl_style04 .close:before { position: absolute;content:'▼';left:100px;top:4px; color:#fff;font-size:75%;}





.report_box02 {
background:#f4f7fc;
padding:10px;
border-right:solid #c8d5ef 1px;
border-left:solid #c8d5ef 1px;
border-top:solid #c8d5ef 1px;
border-bottom:solid #c8d5ef 1px;
margin-bottom:10px;
}


.report_box02 .namtt{
padding:5px 10px 5px 10px ;
border-left:solid #5478c2 4px;
font-weight:bold;
color:#5774bb;
font-size:72.3%;
margin-bottom:10px;
}


.report_box02 table{
border:solid #c8d5ef 1px;
font-size:72.3%;
text-align:center;
}

.report_box02 table th{
background:#a0b7ea;
font-weight:bold;
border-right:solid #fff 1px;
color:#fff;
padding:5px;
}

.report_box02 table td{
padding:5px;
border-right:solid #c8d5ef 1px;
background:#fff;
}

.dl_style05 {margin:10px 0 0px;
 }

.dl_style05 dt {
	padding:0px;
	position: relative;
}


.dl_style05 dd {
font-size:72.3%;
background:#fff;
padding:10px;
border:solid #c8d5ef 1px;
}

.dl_style02 .open {}
.dl_style05 .open:before { position: absolute;content:'▲';left:100px;top:4px; color:#fff;font-size:75%;}
.dl_style05 dt,
.dl_style05 .close {}
.dl_style05 .close:before { position: absolute;content:'▼';left:100px;top:4px; color:#fff;font-size:75%;}

/* 
====================================================================================================
■ バックナンバー
---------------------------------------------------------------------------------------------------- */
ul.backnumber li{
color:#5774c7;
margin-bottom:5px;
font-size:72.3%;
font-weight:bold;
padding:0px 10px 0px 10px ;
}
ul.backnumber li a{
padding:0px 0px 0px 10px ;
color:#525252;
font-weight:normal;
}

.backnumber_box{
border:#d0daf5 4px solid;
padding:10px;
}

.tt_backnumber{
color:#fff;
background:#9eb4ea;
padding:5px 10px 5px 10px ;
font-size:72.3%;
font-weight:bold;
}

/* 
====================================================================================================
■ シェルクルール商品情報
---------------------------------------------------------------------------------------------------- */
#lead_01 {
	background:url(../products/images/bg_01.jpg) repeat-y 0 0;
	background-size:307px;
	margin:0px 0px 20px;
	padding:0px 0px 0px 0px ;}

#lead_01 .end_01{
	background:url(../products/images/end_01.jpg) no-repeat 0 bottom;
	background-size:307px;
	padding:0px 0px 10px 0px;}


.products{
	background:#f4f7fc url(../products/images/item_bg.png) no-repeat right bottom;
	background-size:69px;
	border:solid #c8d5ef 1px;
	padding:7px 7px 20px 7px;
	margin-bottom:10px;}

.products li{
	font-size:72.3%;}

.products li.ga{
	border:solid #c8d5ef 1px;
	text-align:center;
	background:#fff;}

.products li.nam{padding:10px 0px;text-decoration:none;color:#525252;}

.products li.pric{padding:5px 0px;font-weight:bold;text-decoration:none;color:#525252;}


#lead_02 {
	background:url(../products/images/bg_02.jpg) repeat-y 0 0;
	background-size:307px;
	margin:0px 0px 20px;
	padding:0px 0px 0px 0px ;}

#lead_02 .end_02{
	background:url(../products/images/end_02.jpg) no-repeat 0 bottom;
	background-size:307px;
	padding:0px 0px 10px 0px;}

#lead_03 {
	background:url(../products/images/bg_03.jpg) repeat-y 0 0;
	background-size:307px;
	margin:0px 0px 20px;
	padding:0px 0px 0px 0px ;}

#lead_03 .end_03{
	background:url(../products/images/end_03.jpg) no-repeat 0 bottom;
	background-size:307px;
	padding:0px 0px 10px 0px;}



.product{
	background:#f4f7fc;
	background-size:69px;
	border:solid #c8d5ef 1px;
	padding:10px;
	margin-bottom:10px;}

.product li.nama{padding:0px 0px 5px;color:#5774bb;font-size:80%;font-weight:bold;}

.product li.price{padding:5px 0px;font-weight:normal;color:#5774bb;font-size:72.3%;}

.product li.howto{padding:10px 0px;font-weight:bold;color:#5774bb;font-size:72.3%;}

.product li.se{padding:0px 0px;font-weight:normal;font-size:72.3%;}

.point_box{
 margin:10px 0px ;
 position:relative;
}

.point_box .inner{
 border:solid #c8d5ef 2px;
 background:#fff;
 padding:10px 10px 10px 70px;
 margin:30px 10px 0px;
}

.point_box .point_icon{
 position:absolute;
 top:-20px;
 left:0px;
}

.table_style01 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border:1px solid #c8d5ef;
    font-size:72.3%;
}

.table_style01 th{
    color:#fff;
    background:#99afde;
    border-bottom:1px solid #c8d5ef;
    padding:5px 10px 5px 10px;
    vertical-align:top;
    text-align:left;
}

.table_style01 td{
    padding:10px 5px 5px 5px;
    background:#fff;
    border-bottom:1px solid #c8d5ef;
}

/* 
====================================================================================================
■ よくあるご質問
---------------------------------------------------------------------------------------------------- */

.dl_style02 {margin:10px auto 0;
 }

.dl_style02 dt {
	padding:10px 20px 6px 20px;
	background:url(../faq/images/q_icon.jpg) no-repeat 0 10px;
	background-size:15px;
	border-bottom:1px dashed #bed0f4;
	font-weight:bold;
	color:#5576bd;
	font-size:72.3%;
	position: relative;
	margin-bottom:20px;
}


.dl_style02 dd { padding:5px 5px 20px 20px;
	background:url(../faq/images/a_icon.jpg) no-repeat 0 5px;
	background-size:15px;
                 font-size:72.3%;}


.dl_style02 .open {}
.dl_style02 .open:before { position: absolute;content:'▲';right:10px;top:13px; color:#5576bd;font-size:75%;}
.dl_style02 dt,
.dl_style02 .close {}
.dl_style02 .close:before { position: absolute;content:'▼';right:10px;top:13px; color:#5576bd;font-size:75%;}

.dl_style02 dt:first-child { margin-top:0px; }

/* 
====================================================================================================
■ トライアルセット申し込み
---------------------------------------------------------------------------------------------------- */

#form_trial {
	background:url(../form_trial/images/bg.jpg) repeat-y 0 0;
	background-size:307px;
	color:#518fcb;
	margin:20px 0px 0px;}

#form_trial ul{
	padding:0px 10px;
	font-size:72.3%;}

#form_trial ul li.ca{
	color:#5c74b4;
	font-weight:bold;
	padding:5px 0px 0px 0px;}

#form_trial ul li.se{
	padding:0px 0px 5px 5px;
	color:#525252;
	border-bottom:dotted #c8d5ef 1px;
	position:relative;}

#form_trial ul li.se .btt{
	position:absolute;
	top:0px;
	right:0px;}


#form_trial .form_trial_end{
	background:url(../form_trial/images/end.jpg) no-repeat 0 bottom;
	background-size:307px;
	padding:0px 0px 20px 0px;
	}

/* 
====================================================================================================
■ メルマガ登録・サンプル申し込み
---------------------------------------------------------------------------------------------------- */


#form_mailmaga {
	background:url(../form_mailmaga/images/bg02.jpg) repeat-y 0 0;
	background-size:307px;
	color:#518fcb;
	margin:20px 0px 0px;}

#form_mailmaga ul{
	padding:0px 10px;
	font-size:72.3%;}

#form_mailmaga ul li.ca{
	color:#908a74;
	font-weight:bold;
	padding:5px 0px 0px 0px;}

#form_mailmaga ul li.se{
	padding:0px 0px 5px 5px;
	color:#525252;
	border-bottom:dotted #c8d5ef 1px;
	position:relative;}

#form_mailmaga ul li.se .btt{
	position:absolute;
	top:0px;
	right:0px;}


#form_mailmaga .form_mailmaga_end{
	background:url(../form_mailmaga/images/end02.jpg) no-repeat 0 bottom;
	background-size:307px;
	padding:0px 0px 20px 0px;
	}

/* 
====================================================================================================
■ .class_name /folder_name/ （下層ページ）【★】
---------------------------------------------------------------------------------------------------- */
.blankpage section .photo {
	width:40%;
}
.blankpage section .photo img {
	width:100%;
}



#new_select {
    margin: 10px;
    font-size:72.3%;
}

#main_area section .title{
	margin-bottom: 10px;
}
#main_area section .main_img img{
	margin-bottom: 20px !important;
	margin: 0 auto;
	display: block;
}
#main_area section .bg_btn {
	background: url(../mycher-couleur/images/bg_btn.png) left no-repeat;
	min-width: 309px;
	min-height: 140px;
	margin: 20px 0 10px 0;
} 
.font_b {
	font-weight: bold;
}
#main_area section .bg_btn p {
	padding: 18px 40px;
    font-size: 13px;
    line-height: 22px;
}
#main_area section .bg_btn p span{
	color: #baa391;
}
.pa10 {
	padding: 10px 0;
}
#main_area section .sec01{
}
.t_mycher-couleur {
    min-height: 300px;
    border: 1px solid #D7D7D7;
	margin: 0 0 30px;
	display:none;
}
.tabs-menu li.current {
    border-bottom: 2px solid red;
	opacity: 0.7;
}
.tab-content.current {
	display:block;
}
.tab-content {
    display: none;
}
.tabs-menu {
	text-align: center;
	margin-top: 10px;
}
.tabs-menu li{
	display: inline-block;
}
#tab-1 {
 display: block;   
}
#tab li{ 
	display: inline-block;
}
.text_c {
	text-align:center;
}
.title02 {
	font-size: 28px;
	color: #525252;
	line-height: 1.2;
    display: block;
	padding-top: 10px;
	padding-bottom: 20px;
}
.title02 span {
	font-size: 21px;
	font-weight: bold;
}
.txt_add{
 padding: 20px 0;
}
.bg_btn02 {
	background: url(../mycher-couleur/images/bg_btn02.png) left no-repeat;
	height: 556px;
	text-align: center;
}
.youtu iframe {
	width: 290px;
    height: 163px;
}