@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
 エンビロン共通CSS
------------------------------------------------------*/
/*スマホ用スライドメニュー*/
#slide_menu,
#slide_menu_btn {
	display: none;
}
/*ページサイドバー調整*/
#frame_side {
	display: none;
}
/*調整用CLASS*/
#env .text_margin_no {
    margin: 0 auto !important;
}
/*ページコンテンツ*/
#env {
	width: 680px;
    margin: 0 auto 80px;
}
#env h2 {
	margin-top: 2%;
	margin-bottom: 5%;
}
#env a:hover,
#env a:hover img,
#env area:hover {/*透過リセット*/
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}
#env a:hover img {
	position: relative;
	bottom: 2px;
	left: 1px;
}
#env sup {
	font-size: 9px;
}
#topicpath {
    margin: 20px auto;
}
#env #partner .env_coucation {
	clear: both;
	margin-top: 2%;
}
#env #partner .common_title {
	background: #d15e14; 
	text-align: center !important;
}
#env #iframe_env_info {
	width: 100%;	
}
#env .cmp_now {
	text-align: center;	
}
#env .cmp_now .cmp_text {
	color: #f26522;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2%;
}

#env a .btn_cmp  {
	width:80%;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    padding:2%;
    color:#fff;
    background-color:#f26522;
	box-shadow:2px 2px fce3d7;
    border-radius:5px;
}
#env a:hover .btn_cmp  {
	color: #f26522;
    background-color:#fff;
	text-shadow:none;	
	border:#f26522 solid 2px;
	background: #fff;
	box-shadow:none;
}
#env .btn_cmp {
	margin: 2% auto 5% auto;
}
#env .chapter {
	margin: 20px auto 80px;
	clear: both;
}
#env .chapter_title {
	font-size: 26px;
    font-weight: bold;
	margin: 0 auto 20px;
    padding: 10px;
}
#env .chapter .chapter_section {
    background: rgba(106, 85, 52, 0.1);
	font-size: 20px;
	color: #6A5534;
	font-weight: bold;
	margin-bottom: 15px;
    padding: 10px;
    text-align: center;
	clear: both;
}
#env .chapter .text {
	font-size: 18px;
	line-height: 1.6;
	margin: 0 auto 50px;
}
#env .chapter .text span {
	color: #d15e14;
    font-size: 1.05em;
    font-weight: bold;
}
#env .chapter .text a:active,
#env .chapter .text a:link,
#env .chapter .text a:hover,
#env .chapter .text a:visited {
	color: #d15e14;
    text-decoration: underline;
}
#env .chapter .text span.under_line {
	color: #E41616;
	border-bottom: #E41616 solid 1px;
}
#env .chapter .text span.text_gist {
	color: #D15E14;
	font-weight: 600;
}
#env .chapter .text_l {
    text-align: left;
}
#env .chapter .text_r {
    /*text-align: right;*/
	/*margin: 16px auto 50px;*/
}
#env .chapter .text_atten {
    color: #c41616;
}
#env .chapter .text_box {
    border: #333 solid 1px; 
    padding: 15px;
    text-align: center;
}
#env .chapter .title_box {
    background: #333;
    color: #fff;
	font-size: 20px;
    font-weight: bold;    
	line-height: 1.6;    
    margin: 0 auto 20px; 
    padding: 10px;
    text-align: center;
}
#env .chapter .text_cate {
    margin: 0 auto 10px; 
} 
#env .chapter .img_r {
	float: left;
    margin: 0 0 18px 18px;
}
#env .chapter .img_l {
	float: right;
    margin: 0 18px 0 18px;    
}
#env .chapter .img_c {
    margin: 0 auto 30px;
    text-align: center;
}
#env .chapter .img_l img,
#env .chapter .img_r img {
	width: 300px;
    height: auto;
}
#env .chapter .img_c img {
    /*U:2025.12.22*/
    width: 640px;
    /*
    width: 75%;
    */
    margin: auto;
} 
#env .chapter_two_col .img_photo {
    display: inline-block;
    width: 160px;
    margin: 0 20px 0 20px;
    vertical-align: middle;    
}
#env .chapter_two_col .img_photo img {
    width: 100%;
}
#env .chapter_two_col .text {
    display: inline-block;
    width: 470px;
    vertical-align: middle;
}
#env .chapter .btn_more,
#env .spacer_list {
	margin: 0 auto 50px;
    text-align: center;
}
#env .chapter .btn_more_af2 {
	margin: -20px auto 50px;    
}
#env .chapter .btn_more a {
    display: block;
    width: 80%;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #60544e;
    border: #60544e solid 2px;
    border-radius: 35px;
    margin: auto;
    padding: 15px 10px;
}
#env .chapter .btn_more a:after {
    display: block;
    width: 80%;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #60544e;
    border: #60544e solid 2px;
    border-radius: 35px;
    text-align: center;
    padding: 15px 10px;
    clear: both;
}
#env .chapter .btn_more a:hover {
}
#env .chapter .btn_more i {
    font-size: 0.9em;
}
#env .chapter .btn_more span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 1%;
}   
#env .chapter_low_bottom {
	margin-bottom: 80px !important;
}
#env .chapter_two_col {}
#env .chapter_subtitle {
	font-size: 24px;
	color: #6A5534;
	font-weight: 600;
    border-bottom: #6A5534 solid 2px;
	margin-bottom: 30px;
    padding: 10px 0;
    text-align: center;
	clear: both;
}
#env .chapter_subtitle_spacer {
	margin: 40px auto !important;	
}
#env .chapter .text .inquery_tel {
	color:#333 !important;
	font-size: 1em;
	/*font-weight: bold;*/
	text-align: center;
} 
#env .chapter .text .inquery_tel .telno {
	color:#333 !important;
	font-size: 1.2em;
}
#env a.env_inq {
    color: #2b2b2b !important;	
	vertical-align: middle;	
}
#env a.env_inq br {	
	display: none;
}	
#env a.env_inq span {
    color: #2b2b2b !important;
    font-size: 12px;
	vertical-align: middle;
}
#env a.env_inq img {
	width: 22px;
	vertical-align: middle;
}
#env a.env_inq_btn {
    width: 180px;
    background: #fff;
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    border: #bbb solid 1px;
    border-radius: 5px;
    display: inline-block;
    margin: 5px 0;
    padding: 10px;
    text-align: center;
}
#env .box_border {
	width: 600px;
	border: double #BEB6B6;
	padding: 20px;
}
#env .box_border span {
 	color: #d15e14;
    font-size: 1.05em;
    font-weight: bold;   
}
#env .env_notes_cmpnt {
	font-size: 11px !important;
    font-weight: normal !important;
	line-height: 1.4;
    margin: 0 auto 10px;
	padding: 0 10px;
    text-align: left;
}

#env #firstkit_attention .attention_title {
	font-size: 16px;
	font-weight: 600;
	color: #E41616;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 15px;
}
#env .btn_item {
	display: table;
	text-align: center;
	margin: 0 auto 50px;
}
#env .btn_item p {
	display: table-cell;
	padding-right: 10px;
}
#env .btn_item p:last-child {
	padding-right: 0;
}
#env .clear_both {
	clear: both;	
}
/*通常販売可能な商品商品一覧*/
/*商品一覧*/
#env .itemlist ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    width: 100%;
    margin: 0 auto 50px;
    padding: 0;
    text-align: left;
}
#env .itemlist ul::after {
    content:"";
    display: block;
    width: calc(100% / 3 - 20px);
    margin: 0;
    padding: 0;
}
#env .itemlist ul li {
    width: calc(100% / 3 - 20px);
    margin: 30px 0;
    padding: 0;
    text-align: center;    
    vertical-align: top;
}
#env .itemlist ul li:nth-child(3n) {
}
#env .itemlist ul li .i_ico{
    display: none;   
}
#env .itemlist ul li .ico_nc {
    background: #87807c;
    color: #fff;
}
#env .itemlist ul li .ico_cate {
    background: #d15e14;
    color: #fff;
    height: calc(14px * 2 *1.6);
}
#env .itemlist ul li .i_cate {
    display: flex;
    align-items: center;
    justify-content: center;    
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 10px;
    padding: 5px 0;
}
#env .itemlist ul li img.i_photo {
    border: #969696 1px solid;
    margin-bottom: 10px;
}
#env .itemlist ul li .i_name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;    
    height: calc(16px * 2 * 1.6);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;    
    margin-bottom: 10px;
    vertical-align: middle;
}
#env .itemlist ul li .i_btn {
    display: block;
    width: 80%;  
    border-radius: 60px;
    color: #fff;
    font-size: 14px;    
    font-weight: bold;
    cursor: pointer;
    transition: .3s cubic-bezier(0.45, 0, 0.55, 1); 
    border: 2px solid #d15e14;
    background: #d15e14;
    background: linear-gradient(90deg, rgba(209,115,20,1) 0%, rgba(232,163,59,1) 50%, rgba(250,202,98,1) 100%);
    background-size: 200% 100%;
    border: none;
    margin: auto;
    padding: 3%;
    text-align: center;     
}
#env .itemlist ul li a:hover .i_btn {
    background-position: 100% 0;
}
#env_items {
	width: 680px;
}
#env_categories .menutitle,
#env_items .sub_title {
	font-size: 16px;
	font-weight: 600;
	color:#523013;
	border-bottom: #523013 solid 1px;
	margin-bottom: 10px;
	padding: 0 0 4px 15px;
}
#env_items .series_notes {
	font-size:13px;
	line-height: 1.2;
	margin: 10px auto;
	padding-left: 15px;
}
#env .item_list ul,
#env_items .env_itemlist ul{
	padding:0px;
	margin:0 0 30px;
	overflow:hidden;
}
#env .item_list li,
#env_items .env_itemlist li{
	float:left;
	list-style-type:none;
	padding: 0 8px 0 0;
	display:block;
	width:160px;
}
#env .item_list li:last-child,
#env_items .env_itemlist li:last-child {
	padding: 0;
}
#env .item_list .item_text,
#env_items .env_itemlist .item_text {
	font-size:12px;
	color:#6F401A;
	font-weight:bold;
	margin-top:5px;
	width:150px;
	line-height:1.4em;
}
#env .item_list .item_text span,
#env_items .env_itemlist .item_text span{
	font-size:10px;
	font-weight:normal;
	line-height: 1.1;
	color: #666;
}
#env .item_list a,
#env_items .env_itemlist a {
	text-decoration:none;
	color: #523013;
	line-height:1.4em;
}
#env .item_list a img,
#env_items .env_itemlist a img {
	margin:3px 0;
}
#env .item_list a img {
	width: 151px;
	height: 26px;	
}
#env .item_list .boder,
#env_items .env_itemlist .boder {
	border:1px solid #999;
	height: 160px;
	display: block;
}
#env .notes,
#env_items .notes {
	color: #c00;
	margin-bottom: 0; 
}
#env .item_list .no_limit,
#env_items .env_itemlist .no_limit{
	/*width:150px;*/
	width: 143px;
	background: #FCC;
	font-size: 11px;
	line-height: 1.1;
	color: #c00;
	padding: 4px;
	margin-top: 2px;
}
/*在庫が少ない時のアイコン*/
#env .item_list .only_remaining,
#env_items .env_itemlist .only_remaining {
	width: 80px;
	background-color: #F44;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1.2;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}
/*新商品のアイコン*/
#env .item_list .ico_new,
#env_items .env_itemlist .ico_new {
	width: 80px;
	background-color: #6C6;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1.2;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}
/*リニューアル商品のアイコン*/
#env .ico_renewal,
#env_items .ico_renewal {
	width: 80px;
	background-color: #E7864B;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1.2;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}
/*セットのアイコン*/
#env .ico_set,
#env_items .env_itemlist .ico_set {	
	width: 80px;
	background-color: #f5693a;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1.2;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}
/*数量限定のアイコン*/
#env .ico_limited,
#env_items .env_itemlist .ico_limited {	
	width: 80px;
	background-color: #704c90;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1.2;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}
/*アイコン表示なし（高さ調整用）*/
#env .item_list .ico_none,
#env_items .env_itemlist .ico_none{
	width: 80px;
	font-size: 11px;
	letter-spacing: 1.2;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}


/*履歴がないと買えない商品一覧*/
#env .list_c_auth {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 1.1em 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
#env .list_c_auth li {
	width: 45%;
	float: left;
	margin-left: 5%;
}
#env .list_c_auth div {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .2em 0;
    background: #fff;
    color: #444;
    text-decoration: none;
	border: #999 solid 1px;
    border-radius: .3em;
    transition: all .3s ease-out;  
	height: 85px; 
}
#env .list_c_auth img {
	width: 80px;
	height: 80px;
	padding-right: 5px; 
	float: left;
}
#env .list_c_auth p {
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.5;
	padding-top: 1.2em;
}
#env .list_c_auth p span {
	font-size: 0.9em;
}
#env .list_c_auth div:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
	color: #fff;
    background: #6B6561;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}
#env #firstkit_attention {
	width: 660px;
	border: #E41616 solid 1px;
	padding: 30px 10px;	
	margin: auto auto 80px;
}
#env .no_limit{
	width:150px;
	background: #FCC;
	font-size: 11px;
	line-height: 1.1;
	color: #c00;
	padding: 4px;
	margin-top: 2px;
}
#env #firstkit_attention .title {
	font-size: 16px;
	font-weight: 600;
	color: #E41616;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 15px;
}   
#env #firstkit_attention .txt {
	font-size: 13px;
	margin-bottom: 10px;
}   
#env #firstkit_attention .txt span {
	color: #E41616;
}   
#env #firstkit_attention .inquery_txt {
	font-size: 12px;
	text-align: center;
} 
#env #firstkit_attention .inquery_tel {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
} 
#env #firstkit_attention .inquery_tel .telno {
	font-size: 18px;
}
#env .env_itemlist li {
	margin-bottom: 40px;	
}

#env .env_attention {
	width: 650px;	
}
#env .env_attention ul {
	margin: 0;
	list-style: none;
}
#env .env_attention li {
	height: 414px;
	float: left;
}
#env .env_attention li.attention_text {
	width: 450px;
	height: auto !important;
	font-size: 15px;
	line-height: 1.4;
	border: #333 solid 1px;
	margin: 10px 0 40px;
	padding: 10px;
}

#env .env_attention li.attention_text p {
	font-size: 14px; 
	font-weight: bold;
	line-height: 1.6;
	margin-bottom:15px;	
}
#env .env_attention li.attention_text span {
	font-size: 12px; 
}
#env .env_attention li.attention_text a,
#env .env_attention li.attention_text a:visited
#env .env_attention li.attention_text a:hover {
	font-size: 14px;
}	
#env .env_attention li.attention_img {
	padding-top: 40px;　/*250*/
}
#env .btn_area p {
	margin-top: 20px;
	margin-bottom: 60px;
	text-align: center;
}

#env .advice {
	text-align: center;
}
#env .clear_l {
	clear: left;	
}
#env .clear_both {
	clear: both;	
}
#iframe_env_info  {
	width: 680px;	
}

#env .env_tr_bn {
	/*padding: 0 0 80px;*/
	margin: 0 0 40px;
}
#env .env_notes {
	color: #c00;
	font-size: 12px;
}
#sp_slide_menu,
#env_sp_menu {
	display: none;	
}
.env_c_list {
	text-align: left;
}
#iframe_env_itemlist_category {
	width: 680px;
	height: 350px;
}
/*A=>2018.12.10 Y*/
/*--ボタン--*/
.env_btn_area {
	margin: 0 auto;
}
.env_btn_area .org_btn {
    display: block;
	width: 72%;
	text-decoration: none;
	position: relative;
	background-color: #d3673c;
	border-radius: 10px;
	line-height: 1;
	-webkit-transition: none;
	transition: none;
	text-decoration: none;
	color: #fff;
    margin: 0 auto 5%;
    padding: 3% 0;
    text-align: center;        
}
.env_btn_area .org_btn a, .env_btn_area .org_btn a:hover, .env_btn_area .org_btn a:visited {
	font-size: 30px;
	font-weight: 500;
	text-decoration: none;
	color: #fff !important;
}
.env_btn_area .org_btn:hover {
	background-color: #d33c57;
	color: #fff;
	text-decoration: none;
}
.env_btn_area .org_btn:active {
	top: 3px;
	box-shadow: none;
	text-decoration: none;
	color: #fff;
}
.env_btn_area .org_btn_line {
	width: 80%;
	text-decoration: none;
	position: relative;
	background-color: #d15e14;
	border: #d15e14 solid 3px;
    border-radius: 35px;
	line-height: 0.9;
	-webkit-transition: none;
	transition: none;
	text-decoration: none;
	color: #fff;
	margin: 0 auto 80px;
	padding: 15px 10px;
	text-align: center;    
}
.env_btn_area .org_btn_line a, 
.env_btn_area .org_btn_line a:hover, 
.env_btn_area .org_btn_line a:visited {
	font-size: 16px;
	font-weight: bold;	
    line-height: 1.6;
	background: #d15e14;	
	text-decoration: none;
	color: #fff !important;
}
.env_btn_area .org_lowbtn {
	margin: 0 auto;
	width: 60%;
	padding: 2% 0;
	text-align: center;
	text-decoration: none;
	position: relative;
	background-color: #d3673c;
	border: #d3673c solid 3px;
    border-radius: 10px;
	line-height: 0.9;
	-webkit-transition: none;
	transition: none;
	text-decoration: none;
	color: #fff;
	margin: 30px auto 80px;
}
.env_btn_area .org_lowbtn a, 
.env_btn_area .org_lowbtn a:visited {
    color: #fff !important;
	font-size: 20px;
	font-weight: 500;	
	text-decoration: none;
}
.env_btn_area .org_lowbtn:hover {
	background-color: #d33c57;
	color: #fff;
	text-decoration: none;
}
.env_btn_area .org_btnfirst {
	background: #70a71d !important;	
}
.env_btn_area .org_btnfirst:hover {
	background-color: #9FA71D;
}
.env_btn_area .org_btnbuy {
	background-color: #2A93DF;
	padding: 2% 0 !important;
	margin-bottom: 5%;
	font-size: 16px;
}
.env_btn_area .org_btnbuy:after {content:none;}
.env_btn_area .org_btnbuy:hover {
	background-color: #51B3FB;
}
/*A<=2018.12.10 Y*/	
#env .about_skincare {
	width: 600px;
	background: #fcc;
	color: #c00;
	text-align: left;
	margin: 20px auto;
	padding: 20px;
}
/*マーカー*/
#env .marker {
    display: inline;    
    background:linear-gradient(transparent 50%, rgba(255, 242, 193, 0.8) 65%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition:background-size 1.5s;
}
#env .marker.on {
    background-size: 100% 100%;
}

@media screen and (max-width:960px){
	/*スマホ共有メニュー(右側)*/
	#drawer_menu {
		/*エンビロンページでは非表示*/
		display: none;	
	}
	
	/*スマホ用スライドメニュー*/
	body {
		position: relative;
		left: 0;
		overflow-x: hidden;
	}
	#slide_menu,
	#slide_menu_btn {
		display: block;	
	}
	#slide_menu .slide_menu_bland_logo img { 
		width: 220px;
		height:auto;
	}
	#slide_menu{
		position: fixed;
		top: 0;
		left: -240px;
		width: 240px;
		height: 100%;
	}
	#slide_menu ul{
		margin: 0;
		padding: 10px 0;
		background:#ececec;
		z-index: 3; 
	}
	#slide_menu li{
		display: inline;
		width: 242px; 
		display: block;
		margin:0 auto;
		padding:0; 
	}
	#slide_menu li a{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		width: 220px; 
		display: block;
		border-left:2px solid #F39700;
		border-bottom:1px solid #CCC;
		border-right:1px solid #CCC;
		background-color: #FFF;
		padding: 15px 10px 15px 0;
		margin-left:4px;
		margin-bottom:2px;
		text-decoration: none;
		font-size:13px;
	}
	#slide_menu li a:hover{
		background-color: #F39700;
		color:#FFF;
	}
	#slide_menu .dr_info {
		display: none;
		width: 232px;
		margin:0 4px;
		background:#FFF;
		border:1px solid #CCC;
		padding:20px 0 10px;
	}
	#slide_menu .dr_info img {
		width: 80px;
		padding-right: 4px;
		display:inline-block;
		vertical-align:middle;
 	}
	#slide_menu .dr_info p {
		font-size: 12px;
		display: inline-block;
		vertical-align:middle;
	}
	#slide_menu .dr_info p .mini {
		font-size: 10px;
	}	
	#slide_menu_btn{
/*		display: inline-block;
		vertical-align: middle;
		width: 20%;
		cursor: pointer;
		z-index: 2;
		margin: 0;*/
		display:none;
	}
	body.open{
		position: fixed;
	}	
	.slide_menu_layer{
		position: fixed;
		top: 0;
		z-index: 1;
		display: none;
		width: 100%;
		height: 100%;
		background-color: transparent;
	}
	/* A=>2018.07.25 Y ※遠隔関連・エンビロン情報ページに0120-998-366は表示しない */
	.sp_tel {
		display: none !important;
	}
	/* A<=2018.07.25 Y ※遠隔関連・エンビロン情報ページに0120-998-366は表示しない */	
	
	/*ページコンテンツ*/
	#env {
		width: 96% !important;
		margin: 5% auto 8%;
	}
	#env sup {
		font-size: 0.6em;
        vertical-align: top;
	}	
	#topicpath {
		width: 98%;
		text-align: right;
		font-size: 0.8em;
		margin: 2% auto 5%;
	}
	#topicpath img {
		margin:0 1%;
		width: 5px;	
	}
	#topicpath a {
		font-size: 0.9em;
	}
	#env .btn_item {
		display: inherit;
		text-align: center;
		margin: 0 auto 15%;
	}
	#env .btn_item p {
		display: inline-block;
		margin-bottom: 2%;
	}
	#env .btn_item img {
		width: 100%;
	}
	#env .cmp_now .cmp_text {
			font-size: 1.1em;	
	}
	#env .chapter_title {
		font-size: 1.55em;
		padding: 2%;
		margin-bottom: 6%;
	}
	#env .chapter_title br {
		display: inherit;
	}	
	#env .chapter {
		margin-left: 0;
		margin-bottom: 8%;
		clear: both;
	}	
    #env .chapter_low_bottom {
        margin-bottom: 15% !important;
    }        
	#env .chapter_subtitle {
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 3%;
	}
	#env .common_title br,
	#env .chapter_subtitle br {
		display: inherit;
	}	
	#env .chapter_subtitle_spacer {
		margin: 4%  auto !important;	
	}	
	#env .chapter .text a {
		margin-bottom: 10%;
	}
	#env .chapter .chapter_section {
		font-size: 1.4em;
        margin-bottom: 3%;        
        padding: 2%;
	}
    #env .chapter .btn_more,
    #env .spacer_list {
        margin: 0 auto 10%;
    }
    #env .chapter .btn_more a {
        border-radius: 30px;
    }    
    #env .chapter .btn_more_af2 {
        margin: -4% auto 10%;    
    }    
	#env .chapter .text a.btn_more {
		font-size: 1em;
		padding: 1%;
	}
	#env .chapter .text a.btn_more:hover {
	}
	#env .chapter .text a.btn_more span {
        display: block;
		font-size: 1em;
		padding: 0 0 1%;
	}    
	#env .chapter .text_l,
	#env .chapter .text_r {
		display: inline-block;
	}
    #env .chapter .text_box {
        padding: 2%;   
    } 
    #env .chapter .title_box {
        margin: 0 auto 1%; 
        padding: 1%;
    }    
    #env .chapter .text_cate {
        margin: 0 auto 1%; 
    }   
    #env .chapter .img_c {
        margin: 0 auto 3%;
    }    
	#env .chapter .img_l,
	#env .chapter .img_r {
		float: none !important;
		width: 100% !important;
		text-align: center;
		margin: 5% 0 0;
		padding: 0;
	}
	#env .chapter .img_l img,
	#env .chapter .img_r img {
		width: 100% !important;
	}
    #env .chapter .img_c img {
        /*A:2025.12.22*/
        width: 75%;
        margin: auto;
    }     
    #env .chapter_two_col .img_photo {
        display: block;
        width: 160px;
        margin: 0 auto 2%;
        text-align: center;
        vertical-align: inherit;    
    }
    #env .chapter_two_col .img_photo img {
        width: 100%;
    }
    #env .chapter_two_col .text {
        display: block;
        width: 98%;
        vertical-align: inherit;  
    }
	#env .chapter .text {
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.6;
		margin-bottom: 8%;
	}
	#env .env_notes_cmpnt {
		font-size: 0.7em !important;
		line-height: 1.4;
		padding: 0 2%;
	}
	#env .box_border {
		width: 92%;
		border: double #BEB6B6;
		padding: 3%;
	}	
	/*通常販売可能な商品商品一覧*/
    #env .itemlist ul {
        margin: 0 auto 6%;
    }
    #env .itemlist ul::after {
        width: calc(100% / 2 - 1%);
    }
    #env .itemlist ul li {
        width: calc(100% / 2 - 1%);
        margin: 4% 0;
    }    
    #env .itemlist ul li .ico_cate {
        background: #d15e14;
        color: #fff;
        height: calc(1.05em * 2 *1.6);
    }
    #env .itemlist ul li .i_cate {
        font-size: 14px;
        margin-bottom: 1%;
        padding: 1% 0;
    }
    #env .itemlist ul li img.i_photo {
        width: 100% !important;
        margin-bottom: 1%;
    }
    #env .itemlist ul li .i_name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;    
        height: calc(1.2em * 2 * 1.6);
        font-size: 1.2em;
        line-height: 1.6;    
        margin-bottom: 1%;
    }
    #env .itemlist ul li .i_btn {
        border-radius: 45px;
        font-size: 1.05em;    
    }    
	/*商品一覧*/
	#env_items {
		width: 100%;
	}
	#env_items .series_notes {
		font-size:0.9em;
		line-height: 1.2;
		/*margin: 2% auto;*/
		margin: 2% 1%;
	}
	#env .item_list ul,
	#env_items .env_itemlist ul{
		padding:0px;
		/*margin: 0 0 5% 0;*/
		margin: 0 1%:
		overflow:hidden;
	}
	#env_items .env_itemlist li{
		background: #FCDCDD;
		float:none;
		list-style-type:none;
		padding: 0;
		display:inline-block;
		vertical-align: middle;
		width:100%;
		padding-right: 4%;
		background: url(/user_data/packages/sphone/img/common/ico_arrowR.png) 85% center no-repeat;	
	}
	#env_items .env_itemlist li:last-child {
		padding: 0;
	}
	#env_items .env_itemlist .item_text {
		font-size:0.9em;
		line-height: 1.4;
		margin-top:2%;
		width:100%;
	}
	#env_items .env_itemlist .item_text span{
		font-size:0.8em;
	}
	#env_items .env_itemlist a {
		text-decoration:none;
		color: #523013;
		line-height:1.4em;
		display: block;
		position: relative;		
	}
	#env_items .env_itemlist a img.btnbuy {
		display: none;
	}
	#env_items .env_itemlist a img.boder {
		float: left;
		width: 30%;
		height: auto;
		border:1px solid #999;
		margin-right: 2%;
	}
	#env_items .env_itemlist a:after{
		content:"　　\03e";
		position: absolute;
		top: 50%;
		right: 4%;	
	}
	#env_items .itemlist_access li {
		border-bottom: #523013 dashed 1px;
		padding-bottom: 2%;
	}
	#env_items .itemlist_access li:last-child {
		border-bottom: #523013 solid 1px;
		padding-bottom: 2%;
	}
	#env .notes,
	#env_items .notes {
		color: #c00;
		margin-bottom: 0; 
	}
	#env_items .env_itemlist .no_limit{
		width: 98% !important;
		font-size: 0.8em;
		line-height: 1.1;
		padding: 2%;
		margin-top: 3%;
		clear: left;
	}
	/* A=> 2019.03.27 Y */
	#env a.env_inq {	
		font-size: 1em;
		/*display: initial;*/
	}
	#env a.env_inq:after {
		content: "";
	}
	#env a.env_inq br {	
		display: block;
	}	
	#env a.env_inq span {
		font-size: 0.8em;
	}
	#env a.env_inq img {
		width: 5%;
	}
	#env a.env_inq_btn {
		width: 43%;
		font-size: 0.9em;
    	border: #bbb solid 2px;		
		margin: 0% 0 -3% !important;
		padding: 2%;
		display: inline-block;
	}	
	/* A<= 2019.03.27 Y */	
	#env #firstkit_attention {
		width: 90%;
		padding: 4%;	
		margin: 0 0 10%;
	}
	#env #firstkit_attention .attention_title {
		font-size: 1.1em;
		margin-bottom: 4%;
		padding-bottom: 2%;
		border-bottom: #E41616 solid 1px;
	}
	#env #firstkit_attention .dr_name {
		font-size: 0.9em;
		text-align: left;
		margin-bottom: 2%;
	}	   
	#env #firstkit_attention .txt {
		font-size: 1em;
		margin-bottom: 2%;
	}   
	#env #firstkit_attention .inquery_txt {
		font-size: 0.8em;
		text-align: left;
		margin-bottom: 2%;
	} 
	#env #firstkit_attention .inquery_tel {
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
	} 
	/*履歴がないと買えない商品一覧*/
	#env .list_c_auth li {
		width: 94%;
		float: none;
	}
	/* エンビロンご購入について */
	#env .env_attention {
		width: 90%;
		/*height: 100%;*/
		/*padding: 4%;*/
		padding: 0 4%;	
		margin: 0 0 10%;
	}
	#env .env_attention li {
		float: none;
	}
	#env .env_attention li.attention_text {
		width: 96%;
		height: auto;
		font-size: 1em;
		margin-bottom: 4%;
		padding-bottom: 6%;
		border: none;
		background: #F3DEDE;
	}
	
	#env .env_attention li.attention_text p {
		font-size: 1em; 
		line-height: 1.2;
		margin-bottom: 3%;	
	}
	#env .env_attention li.attention_text span {
		font-size: 0.8em; 
	}
	#env .env_attention li.attention_img {
		float: none;
		display: none;	
	}
	#env .env_attention li.attention_text a,
	#env .env_attention li.attention_text a:visited
	#env .env_attention li.attention_text a:hover {
		font-size: 0.75em;
	}	
	
	/*スマホ時メニュー*/
	#sp_slide_menu,
    #env_sp_menu {
	    display:block;
	}    
	/*A=>2019.08.08 Y*/	
	#slide_menu_bland_logo {
		text-align: center;
		margin: 0 auto 1%;	
	}
	#slide_menu_bland_logo img {
		width: 98.5%;
		height: auto;
	}	
	/*A<=2019.08.08 Y*/		
	
	#sp_slide_menu ul{
	border-top:solid 1px #999;
	border-left:solid 1px #999;	
	margin:0 auto;
	width:98%;
	margin:0 auto;
	}
	#sp_slide_menu ul li{
	width:49%;
	float:left;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	text-align:center;
}
	#sp_slide_menu ul li.sp_line{

	width:50%;
	}
	#sp_slide_menu ul li a{
	display:block;
	padding:12px 0;
	}
	#sp_slide_menu ul li a:hover{
	background-color:#F39700;
	color:#fff;
	text-decoration:none;
	}
    /*--スクロールメニュー--*/
    #env_sp_menu .menu_list {
        width: 100%;
        background: #ffffff;
        position: fixed;
        left: 0;
        bottom: 0;
        overflow-x: scroll;
        list-style: none;
        -webkit-overflow-scrolling: touch;
        border-top: solid 3px #ffffff;
        z-index: 100;
    }
    #env_sp_menu .menu_list ul {
        list-style-type: none;
        display: flex;
        width: max-content;
        margin: 0;
        padding: 0;
    }
    #env_sp_menu .menu_list ul li {
        display: inline-block;
    }  
    #env_sp_menu .menu_list ul li img {
        width: auto;
        height: auto;        
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        border-top: solid 2px #d15e14;
    }
    #env_sp_menu .menu_list ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 12px;
        font-size: 15px;
        color: #4a4f54;
        font-weight: bold;
        text-decoration: none;
        background: #f6f6f6;
        border-left: solid 1px #fff;
        border-top: solid 2px #d15e14;
    }    
	#env_lineup ul.series_item_list{
		margin: 0 0 20px 20px !important;	
	}
	.env_c_list {
		display:none;
		position:relative;
		width:100%;
		height:0;
		padding-top:200%;		
		text-align: center;
	}
	#iframe_env_itemlist_category {
		position:absolute;
		top:0;
		left:0;
		width: 98%;
		height:100%			
	}
	/*A=>2018.10.26 Y*/
	#env_news{
		width:100% !important;
		margin: auto auto 8% !important;
	}
	#env_news_title img {
		width: 100% !important;
	}
	#env_news .news_title {
		width: 96% !important;		
		text-align: center;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.8;
		padding: 2%;
		margin-bottom: 0;
		color: #fff;
	}
	#env_news .news_title_cq {
		background: #77538f;
	}
	#env_news .news_title_av {
		background: #bc2d11;
	}
	#env_news .item_txt {
		font-size:1.2em;
		font-weight: bold;
		line-height: 1.4;
		margin: 0 auto 2%;
		text-align: center;
	}	
	#env_news ul.list {
		list-style: none;
		width: 100% !important;
		margin: 0;
		padding: 0;
	}
	#env_news ul.list li {
		width: 100% !important;
		display: block;
		text-align: center;
		 vertical-align: middle;
		margin: 0;
		padding: 0;		
	}
	#env_news ul.list_cq {
		background: #cdbed6;
		margin-bottom: 8%;
	}
	#env_news ul.list_av {
		background: #f9bbb4;
	}
	#env_news ul.list li img {
		width: 100% !important;
	}	
	#env_news .env_attention {
		width:92%;
		color: #c00;
		font-size: 0.9em;
		 font-weight: normal;
		text-align: left;
		margin: 2% 2% 6%;
		border: #c00 solid 1px;
		 padding: 2%;
	}
	#env_news .env_notes {
		color: #2b2b2b;
		font-size: 0.8em;
		font-weight: normal;
		text-align: right;
		margin: 2% 0 0;
	}	
	/*A<=2018.10.26 Y*/
	.env_btn_area .org_lowbtn,
    .env_btn_area .org_btn_line {
		line-height: 1.3;
		margin-bottom: 10%;
	}
    .env_btn_area .org_lowbtn {
        width: 72%;
    }
    .env_btn_area .org_btn_line {    
        border: #d15e14 solid 2px;
        border-radius: 30px;
        margin: 0 auto 10%;
        padding: 1.5%;
        text-align: center;    
    }
	.env_btn_area .org_btn_line a, 
    .env_btn_area .org_btn_line a:hover, 
    .env_btn_area .org_btn_line a:visited {
		font-size: 1.2em;

	}
	.env_btn_area .org_lowbtn a, 
    .env_btn_area .org_lowbtn a:hover, 
    .env_btn_area .org_lowbtn a:visited {
		font-size: 1.2em;
	}    
    .env_btn_area .org_lowbtn a::after {
        content: none !important;
    }    
	/*A=>2018.12.10 Y*/
	/*--ボタン--*/
    .env_btn_area .org_btn {
        padding: 4% 0;
    }    
	.env_btn_area .org_btn a, .env_btn_area .org_btn a:hover, .env_btn_area .org_btn a:visited {
		font-size: 1.2em;
	}
	.env_btn_area .org_btnbuy {
		font-size: 0.9em;
	}	
	/*A<=2018.12.10 Y*/	
	#env .about_skincare {
		width: 92%;
		background: #fcc;
		color: #c00;
		font-size: 15px;
		font-weight: normal;
		line-height: 1.6;
		font-size: 1.1em;
		font-weight: normal;
		line-height: 1.6;
		text-align: left;
		margin: 3% auto;
		padding: 3%;
	}	
}