@charset "utf-8";


/*=======================================================
	共通
=======================================================*/
/*---------------------------------------------
	リセット
---------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
html,body{
	width: 100%;
	min-width: 970px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html{ background-color: #fff; }
body,ul,li,h1,h2,h3,h4,ol,dl,dd,dt{
	line-height: 1.6;
	font-size: 1.3rem;
}
body {
	overflow-y: scroll;
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section,main { display: block; }
ul li, ol li{ list-style-type: none; }
img{
	border: none;
	vertical-align: bottom;
}
a{
	outline: none;
	color: #0066cc;
}
a:link{ text-decoration: none; }
a:visited{
	text-decoration: none;
	color: #432189;
}
a:hover{ text-decoration: underline; }
a:active{ text-decoration: underline; }


/*---------------------------------------------
	body
---------------------------------------------*/
body{
	color: #333;
	position: relative;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	border-top: 5px solid #2b81c2;
}
.wrap{ background: url(../img/indexmain_bg.jpg) repeat left top;}
.wrap_w{ background: none; background-color: #fff; }


/*---------------------------------------------
	header
---------------------------------------------*/
#header{
	background-color: #fff;
	overflow: hidden;
	min-height: 130px;
}
#header_main{
	margin: 0 auto;
	width: 970px;
	overflow: hidden;
}
.page_lead{
	background-color: #e9f4f7;
	border-bottom: 1px solid #fff;
}
.page_lead span{
	margin: 0 auto;
	padding: 5px 0;
	display: block;
	width: 970px;
	font-weight: normal;
	color: #666b6f;
	font-size: 1.2rem;
}
.elleair_logo{
	height: 59px;
	width: 200px;
	float: left;
}
.elleair_logo img{ margin-top: 12px; }
#menu_ttl{ display: none; }
#header_menu{
	margin: -10px auto;
	width: 970px;
	height: 20px;
	position: relative;
}

/* --- language --- */
#language{
	width: 800px;
	text-align: right;
	letter-spacing:-0.4em;
	position: absolute;
	top: -56px;
	right: 85px;
}
#language li{
	margin-left: 10px;
	display: inline-block;
	letter-spacing: normal;
}
#language a{
	margin: 0;
	display: block;
	padding-right: 10px;
	text-decoration:none;
	color: #666;
	background-color: #fff;
	border-right: 1px solid #ccc;
	font-size: 1.1rem;
	line-height: 1.2;
}
#language li.last a{ padding-right: 0; border: none; }
#language .language_current a{
	font-weight: bold;
	color: #2a80c1;
}
#language a:hover{ color: #2a80c1; }

/* --- function --- */
#function{
	margin-bottom: 10px;
	text-align: right;
	letter-spacing:-0.4em;
	overflow: hidden;
	position: absolute;
	top: -30px;
	right: 70px;
}
#function li{
	margin-right: 10px;
	padding-top: 3px;
	float: left;
	letter-spacing: normal;
	vertical-align: middle;
}
#function li a{
	margin: 5px 5px 0;
	display: block;
	color: #4d4d4d;
	text-decoration:none;
}
#function li a:hover{ color: #2b81c2; }
#function .site_search input{ vertical-align: middle; }
#keywords1{ margin-top: -1px; padding: 3px; }
#function li a:before{
	content: " ";
	text-align: center;
	background: url(../img/arrow01.svg) no-repeat left 1px;
	background-size: 12px 12px;
	display: inline-block;
	margin-right: 3px;
	height: 15px;
	width: 14px;
	vertical-align: middle;
}

/* --- service_cont --- */
#service_cont{
	padding: 5px 0;
	float: right;
	background: url(../img/header_link_border.png) no-repeat center center;
}
#service_cont li{
	margin: 0 5px;
	float: left;
	display: inline-block;
}
#service_cont li a{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#service_cont li a:hover{
	opacity:0.8;
}
#service_cont #shop{
	width: 68px;
	height: 71px;
	background: url(../img/header_onlineshop.png) no-repeat left top;
}
#service_cont #goonmom{
	width: 68px;
	height: 71px;
	background: url(../img/header_goonmom.png) no-repeat left top;
}


/*---------------------------------------------
	global_nav
---------------------------------------------*/
#global_nav{
	clear: both;
	background-color: #fff;
	overflow: hidden;
	width: 100%;
}
#global_nav ul{
	margin: 0 auto;
	clear: both;
	width: 970px;
	height:43px;
	overflow: hidden;
	background: url(../img/global_nav.jpg) no-repeat left bottom;
}
#global_nav.nav_en ul{
	background: url(../img/global_nav_en.jpg) no-repeat left bottom;
}
#global_nav ul li{
	margin: 0 auto;
	width: 162px;
	float: left;
	text-align: center;
}
#global_nav ul li#nav_about{ width: 160px; }
#global_nav ul li a{
	padding: 0;
	display: block;
	text-decoration: none;
	text-indent: 130%;
	white-space: nowrap;
	overflow: hidden;
	height:43px ;
	width: 162px;
	background-image: url(../img/global_nav.jpg);
	background-repeat: no-repeat;
}
#global_nav.nav_en ul li a{
	background-image: url(../img/global_nav_en.jpg);
}
#nav_home a{ background-position: 0 0; }
#nav_products a{ background-position: -162px 0; }
#nav_campaign a{ background-position: -324px 0; }
#nav_cm a{ background-position: -486px 0; }
#nav_useful a{ background-position: -648px 0; }
#nav_about a{ background-position: -810px 0; }

#global_nav ul li a:hover{
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.1s linear;
	-moz-transition:opacity 0.1s linear;
	transition:opacity 0.1s linear;
}

/* --- activePage --- */
#home #nav_home a,
#products #nav_products a,
#campaign #nav_campaign a,
#cm #nav_cm a,
#useful #nav_useful a,
#about #nav_about a{ background-image: none; }

.s_screen{ display: none; }


/*---------------------------------------------
	基本構成
---------------------------------------------*/
#topicPath{
	width: 100%;
	background-color: #fff;
}
#topicPath ul{
	margin: 0 auto 0;
	padding: 5px 0 10px;
	width: 970px;
	clear: both;
}
#topicPath li{
	padding: 0;
	display: inline-block;
	font-size: 1.2rem;
}

/* --- メイン --- */
#content_wrap{
	margin: 25px auto 50px;
	padding: 0;
	width: 970px;
	overflow: hidden;
}
#content_header h1{
	margin-bottom: 15px;
	padding: 10px 0 10px 18px;
	font-size: 2.0rem;
	color: #0755a8;
	background: url(../img/ttl_mark_01.png) no-repeat left center;
	border-bottom: 1px solid #86c5eb;
}

/* --- カラム --- */
/* 2カラム */
#item_cont{
	padding-bottom: 10px;
	width: 770px;
	float: left;
	background-color: #fff;
	position: relative;
}
#content_main.column_2{
	padding: 20px;
	background-color: #fff;
}
#content_main h2{
	padding: 10px 10px;
	font-size: 1.6rem;
	color: #2782c3;
}

/* 3カラム */
#content_main.column_3{
	width: 565px;
	float: right;
}
#content_main.column_3 h2{
	font-size: 1.6rem;
}

/* --- aside --- */
#aside{
	width: 180px;
	float: right;
}
#aside h2{
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #2782c3;
	color: #2782c3;
}
#aside h3{
	margin: 12px 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #98cde9;
	color: #2782c3;
	font-size: 1.2rem;
}
#aside .related_cm_list{ text-align: center; }
#aside .related_cm_list li{
	margin: 0 0 10px;
	padding: 0;
	background-color: #fff;
	line-height: 1.2;
	vertical-align: top;
}
#aside .related_cm_list li p{
	margin-bottom: 5px;
	text-align: center;
}
#aside .related_cm_list img{
	margin-bottom: 5px;
	width: 150px;
	height: auto;
}
#aside_list a{
	text-decoration: none;
	font-size: 1.2rem;
	padding: 15px 10px 10px;
	border: 2px solid #fff;
	display: block;
	color: #2782c3;
}
#aside_list a:before{
	content: "";
	text-align: center;
	background: url(/img/pin.png) no-repeat center top;
	display: block;
	height: 13px;
	vertical-align: middle;
	width: 100%;
	margin-top: -18px;
	margin-bottom: 5px;
}
#aside_list a:hover{
	border: 2px solid #b1e9fd;
	opacity:0.7;
}
.aside_list a{
	text-decoration: none;
	font-size: 1.2rem;
	padding: 15px 10px 10px;
	border: 2px solid #fff;
	display: block;
	color: #2782c3;
}
.aside_list a:before{
	content: "";
	text-align: center;
	background: url(/img/pin.png) no-repeat center top;
	display: block;
	height: 13px;
	vertical-align: middle;
	width: 100%;
	margin-top: -18px;
	margin-bottom: 5px;
}
.aside_list a:hover{
	border: 2px solid #b1e9fd;
	opacity:0.7;
}
#aside_info_cont{ margin-top: 35px; }
#aside_info_cont li:before{
	font-family: "iconvault";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	padding-right: 3px;
	text-decoration: inherit;
	font-size: 0.7rem;
	content: "\f102";
	line-height: 21px;
}
#aside .onlineshop_btn,
#brand #aside .onlineshop_btn.column_2_btn{
	margin: 0 0 2px;
	text-align: center;
	width: 180px;
	height: 50px;
}

#aside .onlineshop_btn a,
#brand #aside .onlineshop_btn.column_2_btn a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(/products/img/aside_onlineshop_btn.png) no-repeat left top;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
}
#aside .ecshop_list{ margin: 0 0 20px; }
#aside .ecshop_list li{
	margin-bottom: 2px;
	background-color: #fff;
	vertical-align: middle;
}
#aside .ecshop_list li a{
	text-align: center;
	display: block;
}
#aside .ecshop_list li img{
	margin-top: 5px;
	width: 100%;
	max-width: 198px;
	height: auto;
}
#aside p.onlineshop_btn a:hover,
#aside .ecshop_list li a:hover,
#aside .aside_link a:hover img{
	opacity:0.7;
}
.aside_link{
	margin: 0 0 3px;
	display: inline-block;
	background-color: #fff;
}

/* 画像バナー ＠ｃｏｓｍｅなど */
.aside_img_ban img{
	width: 200px;
	height: auto;
}


/* オンラインショップのリンク先が複数の場合 */
.onlineshop_wrap{
	margin-bottom: 5px;
	background-color: #fff;
}
#aside .onlineshop_wrap ul{
	margin-top: -1px;
	padding: 0 ;
	border: 2px solid #f5fdff;
	border-top: 1px solid #d5eafa;
}
#aside .ecshop_list li ul{
	margin-bottom: 5px;
	border-top: 1px solid #d5eafa;
}
#aside .onlineshop_wrap li{
	margin: 0;
}
#aside .onlineshop_wrap li:last-child a{
	border: none;
}
.onlineshop_wrap a,
#aside .ecshop_list li ul a{
	padding: 5px 10px 5px 23px;
	display: block;
	color: #096eba;
	border-bottom: 1px solid #d5eafa;
	font-size: 1.22rem;
	background: #fff url(/products/img/brand_cont_cart.png) no-repeat 5px center;
	background-size: 14px auto;
	text-align: left;
}
.onlineshop_wrap a:hover{
	text-decoration: none;
	opacity: 0.7;
}
#aside .onlineshop_wrap .onlineshop_btn{
	margin: 0;
	display: block;
	background: #f5fdff url(/products/img/aside_onlineshop_btn.png) no-repeat left top;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
}


/* --- pagetop --- */
.pagetop{
	margin-bottom: 15px;
	clear: both;
	text-align: right;
}
#foot_pagetop.pagetop{
	margin: 0 auto 0;
	width: 970px;
	display: block;
	float: none;
}


#foot_pagetop a{
	margin: -30px 0 0;
	padding: 5px 0;
	width: 120px;
	display: block;
	float: right;
	background: url(../img/pagetop_bg.png) no-repeat right top;
	text-align: center;
	text-decoration:none;
}
.wrap_w #foot_pagetop.pagetop a{ margin-right: 20px; }
.pagetop a:after,
#foot_pagetop a:after{
	content: "";
	text-align: center;
	background: url(../img/pagetop_arrow.svg) no-repeat right top;
	background-size: 10px 9px;
	display: inline-block;
	height: 10px;
	width: 14px;
	vertical-align: middle;
}

/* --- footer --- */
footer{
	padding: 10px 0 0;
	background-color: #fff;
}
footer > ul {
	margin: 5px auto 20px;
	width: 970px;
}
#footer_links{ clear: both; }
#footer_links li{
	margin-right: 10px;
	display: inline-block;
}
#footer_links li a:before{
	content: "";
	text-align: center;
	background: url(../img/arrow01.svg) no-repeat left top;
	background-size: 12px 12px;
	display: inline-block;
	height: 15px;
	width: 14px;
	vertical-align: middle;
}
#copyright{
	padding: 10px 0 10px;
	border-top: 1px solid #ccc;
	text-align: center;
}


/*---------------------------------------------
	ブランドページ・lp・単一ページ　共通
---------------------------------------------*/
/* --- news --- */
#news ul{
	margin: 0 0 5px;
	padding: 0 10px;
	background-color: #fff;
}
#news ul span:before{
	content: ' ';
	margin: 0;
	padding: 0;
	text-align: left;
	color: #fff;
	display: inline-block;
	height: 15px;
	width: 70px;
	vertical-align: top;
	background-position: left 0;
	background-repeat: no-repeat;
	background-image: url(../img/news_mark.png);
}
#news .elleair span:before{ background-position: left 0; }
#news .natura span:before{ background-position: left -15px; }
#news .elis span:before{ background-position: left -30px; }
#news .goon span:before{ background-position: left -45px; }
#news .attento span:before{ background-position: left -60px; }
#news .daio span:before{ background-position: left -75px; }
#news .sport span:before{ background-position: left -90px; }
#news .kirekira span:before{ background-position: left -105px; }

#news span{
	padding: 10px 0 0 ;
	font-size: 1.2rem;
	display: block;
}
#news li{
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 1.15rem;
	line-height: 1.6;
}

/* 単一ページ お問い合わせなど */
#singlepage_main{
	padding: 40px;
	background-color: #fff;
	font-size: 1.4rem;
	overflow: hidden;
}
#singlepage_main h2{
	margin: 0 0 10px;
	padding: 10px;
	font-size: 1.6rem;
	background-color: #2782c3;
	color: #fff;
}
#singlepage_main h3{
	padding: 10px 0;
	font-size: 1.4rem;
	color: #2782c3;
}

/* lp */
.flatbase{
	margin: 25px auto 50px;
	padding: 0;
	width: 970px;
	background-color: #fff;
}

/* 下部aside */
#footer_aside{
	margin: -20px auto 50px;
	padding: 0;
	width: 970px;
}
#footer_aside .footer_aside_link{ text-align: center; }
#footer_aside .footer_aside_link li{
	margin-right: 15px;
	display: inline-block;
}
#footer_aside .footer_aside_link li a:before{
	content: "";
	text-align: center;
	background: url(../img/arrow01.svg) no-repeat left center;
	background-size: 12px 12px;
	display: inline-block;
	height: 15px;
	width: 14px;
	vertical-align: middle;
}

/* --- カテゴリー分けマーク --- */
.brandmark{
	width: 82px;
	height: 44px;
	background-image: url(../img/logo_mark.png) ;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* ボタンとして使う場合 */
.site_btn{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	height: 44px;
}
.site_btn:before{
	content:'';
	margin: auto;
	width: 82px;
	height: 44px;
	background-image: url(../img/logo_mark.png) ;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.cmlist .site_btn:before{ margin: 0; }
.site_btn a{
	display: block;
	position: relative;
	z-index: 200;
}
.site_btn:hover{ opacity:1.0; }
.site_btn:hover:before{
	opacity:0.7; /*通常*/
}


/* QandA　飾りとしてだけ使う場合 */
.brandmark_s:before{
	content: "";
	margin-right: 3px;
	width: 82px;
	height: 44px;
	background-image: url(/img/logo_mark.png) ;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.brandmark_s.brand1:before{ width: 40px; }
.brandmark_s .brand2{
	background-image: url(/img/logo_mark.png) ;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width: 82px;
	height: 44px;
	vertical-align: middle;
}

.goon_mark .brandmark,
.goon_mark.site_btn:before,
.brandmark_s.goon_mark_s:before{ background-position: 0 0; }
.elis_mark .brandmark,
.elis_mark.site_btn:before,
.brandmark_s.elis_mark_s:before{ background-position: -82px 0; }
.megami_mark .brandmark,
.megami_mark.site_btn:before,
.brandmark_s.megami_mark_s:before{ background-position: -164px 0; }
.asamade_mark .brandmark,
.asamade_mark.site_btn:before,
.brandmark_s.asamade_mark_s:before{ background-position: -246px 0; }
.compact-guard_mark .brandmark,
.compact-guard_mark.site_btn:before,
.brandmark_s.compact-guard_mark_s:before{ background-position: -328px 0; }
.shinsuhadakan_mark .brandmark,
.shinsuhadakan_mark.site_btn:before,
.brandmark_s.shinsuhadakan_mark_s:before{ background-position: 0 -44px; }
.clinics_mark .brandmark,
.clinics_mark.site_btn:before,
.brandmark_s.clinics_mark_s:before{ background-position: -82px -44px; }
.attento_mark .brandmark,
.attento_mark.site_btn:before,
.brandmark_s.attento_mark_s:before{ background-position: -164px -44px; }
.natura_mark .brandmark,
.natura_mark.site_btn:before,
.brandmark_s.natura_mark_s:before{ background-position: -246px -44px; }
.elleair_mark .brandmark,
.elleair_mark.site_btn:before,
.brandmark_s.elleair_mark_s:before{ background-position: -328px -44px; }
.elleair-tissue_mark .brandmark,
.elleair-tissue_mark.site_btn:before,
.brandmark_s.elleair-tissue_mark_s:before{ background-position: 0 -88px; }
.plus-water_mark .brandmark,
.plus-water_mark.site_btn:before,
.brandmark_s.plus-water_mark_s:before{ background-position: -82px -88px; }
.zeitakuhoshitsu_mark .brandmark,
.zeitakuhoshitsu_mark.site_btn:before,
.brandmark_s.zeitakuhoshitsu_mark_s:before{ background-position: -164px -88px; }
.cotton100_mark .brandmark,
.cotton100_mark.site_btn:before,
.brandmark_s.cotton100_mark_s:before{ background-position: -246px -88px; }
.fuwari_mark .brandmark,
.fuwari_mark.site_btn:before,
.brandmark_s.fuwari_mark_s:before{ background-position: -328px -88px; }
.kaoru-plus_mark .brandmark,
.kaoru-plus_mark.site_btn:before,
.brandmark_s.kaoru-plus_mark_s:before{ background-position: 0 -132px; }
.puana_mark .brandmark,
.puana_mark.site_btn:before,
.brandmark_s.puana_mark_s:before{ background-position: -82px -132px; }
.toilet_mark .brandmark,
.toilet_mark.site_btn:before,
.brandmark_s.toilet_mark_s:before{ background-position: -164px -132px; }
.shoushu_mark .brandmark,
.shoushu_mark.site_btn:before,
.brandmark_s.shoushu_mark_s:before{ background-position: -246px -132px; }
.flower-print_mark .brandmark,
.flower-print_mark.site_btn:before,
.brandmark_s.flower-print_mark_s:before{ background-position: -328px -132px; }
.shower_mark .brandmark,
.shower_mark.site_btn:before,
.brandmark_s.shower_mark_s:before{ background-position: 0 -176px; }
.ina_mark .brandmark,
.ina_mark.site_btn:before,
.brandmark_s.ina_mark_s:before{ background-position: -82px -176px; }
.herb-garden_mark .brandmark,
.herb-garden_mark.site_btn:before,
.brandmark_s.herb-garden_mark_s:before{ background-position: -164px -176px; }
.chokyushu_mark .brandmark,
.chokyushu_mark.site_btn:before,
.brandmark_s.chokyushu_mark_s:before{ background-position: -246px -176px; }
.rakuracook_mark .brandmark,
.rakuracook_mark.site_btn:before,
.brandmark_s.rakuracook_mark_s:before{ background-position: -328px -176px; }
.ina-wettissue_mark .brandmark,
.ina-wettissue_mark.site_btn:before,
.brandmark_s.ina-wettissue_mark_s:before{ background-position: 0 -220px; }
.shodoku_mark .brandmark,
.shodoku_mark.site_btn:before,
.brandmark_s.shodoku_mark_s:before{ background-position: -82px -220px; }
.jokin-alcohol_mark .brandmark,
.jokin-alcohol_mark.site_btn:before,
.brandmark_s.jokin-alcohol_mark_s:before{ background-position: -164px -220px; }
.jokin-wettissue_mark .brandmark,
.jokin-wettissue_mark.site_btn:before,
.brandmark_s.jokin-wettissue_mark_s:before{ background-position: -246px -220px; }
.jokin-wettowel_mark .brandmark,
.jokin-wettowel_mark.site_btn:before,
.brandmark_s.jokin-wettowel_mark_s:before{ background-position: -328px -220px; }
.soft-wet_mark .brandmark,
.soft-wet_mark.site_btn:before,
.brandmark_s.soft-wet_mark_s:before{ background-position: 0 -264px; }
.dodeka-sheet_mark .brandmark,
.dodeka-sheet_mark.site_btn:before,
.brandmark_s.dodeka-sheet_mark_s:before{ background-position: -82px -264px; }
.hyper-block_mark .brandmark,
.hyper-block_mark.site_btn:before,
.brandmark_s.hyper-block_mark_s:before{ background-position: -164px -264px; }
.michigaeru_mark .brandmark,
.michigaeru_mark.site_btn:before,
.brandmark_s.michigaeru_mark_s:before{ background-position: -246px -264px; }
.elulu_mark .brandmark,
.elulu_mark.site_btn:before,
.brandmark_s.elulu_mark_s:before{ background-position: -328px -264px; }
.hospital_baby_mark .brandmark,
.hospital_baby_mark.site_btn:before,
.brandmark_s.hospital_baby_mark_s:before{ background-position: 0 -308px; }
.office_mark .brandmark,
.office_mark.site_btn:before,
.brandmark_s.office_mark_s:before{ background-position: -164px -308px; }
.elfore_mark .brandmark,
.elfore_mark.site_btn:before,
.brandmark_s.elfore_mark_s:before{ background-position: -246px -308px; }
.elbale_mark .brandmark,
.elbale_mark.site_btn:before,
.brandmark_s.elbale_mark_s:before{ background-position: -328px -308px; }
.dekiruko_mark .brandmark,
.dekiruko_mark.site_btn:before{ background-position: 0 -352px; }
.sarari_mark .brandmark,
.sarari_mark.site_btn:before{ background-position: -82px -352px; }
.sarahada_mark .brandmark,
.sarahada_mark.site_btn:before{ background-position: -164px -352px; }
.attento_normal_mark .brandmark 
.attento_normal_mark.site_btn:before{ background-position: -246px -352px; }
.aromagic_mark .brandmark,
.aromagic_mark.site_btn:before,
.brandmark_s .aromagic_mark.brand2{ background-position: -82px -396px; }
.leaf-print_mark .brandmark,
.leaf-print_mark.site_btn:before,
.brandmark_s .leaf-print.brand2{ background-position: -164px -396px; }

.elis_mark.site_btn.brand1:before,
.brandmark_s.elbale_mark_s:before{ background-position: -328px -352px; }
.goon_mark.site_btn.brand1:before,
.brandmark_s.goon_mark_s.brand1:before{ background-position: 0 -396px; }

.elleair-tissuepaper_mark .brandmark,
.elleair-tissuepaper_mark.site_btn:before,
.brandmark_s.elleair-tissuepaper_mark_s:before{ background-position: -246px -396px; }
.elleair-kitchen_mark .brandmark,
.elleair-kitchen_mark.site_btn:before,
.brandmark_s.elleair-kitchen_mark_s:before{ background-position: -328px -396px; }
.elleair-wet_mark .brandmark,
.elleair-wet_mark.site_btn:before,
.brandmark_s.elleair-wet_mark_s:before{ background-position: 0 -440px; }
.elleair-sweat_mark .brandmark,
.elleair-sweat_mark.site_btn:before,
.brandmark_s.elleair-sweat_mark_s:before{ background-position: -82px -440px; }
.elleair-mask_mark .brandmark,
.elleair-mask_mark.site_btn:before,
.brandmark_s.elleair-mask_mark_s:before{ background-position: -164px -440px; }
.elleair-clean_mark .brandmark,
.elleair-clean_mark.site_btn:before,
.brandmark_s.elleair-clean_mark_s:before{ background-position: -246px -440px; }
.elleair-toilet_mark .brandmark,
.elleair-toilet_mark.site_btn:before,
.brandmark_s.elleair-toilet_mark_s:before{ background-position: -328px -440px; }
.kirekira_mark .brandmark,
.kirekira_mark.site_btn:before,
.brandmark_s.kirekira_mark_s:before{ background-position: 0px -484px; }
.elleairbrand_mark .brandmark,
.elleairbrand_mark.site_btn:before,
.brandmark_s.elleairbrand_mark_s:before{ background-position: -82px -484px; }
.plus-kirei_mark .brandmark,
.plus-kirei_mark.site_btn:before,
.brandmark_s.plus-kirei_s:before{ background-position: -164px -484px; }
.otefuki_mark .brandmark,
.otefuki_mark.site_btn:before,
.brandmark_s.otefuki_mark_s:before{ background-position: -246px -484px; }

/*やや横長*/
.hospital_attento_mark.site_btn:before,
.brandmark_s.hospital_attento_mark_s:before{
	width: 110px;
}
.hospital_attento_mark .brandmark,
.hospital_attento_mark.site_btn:before,
.brandmark_s.hospital_attento_mark_s:before{
	background-position: 0 -528px;
}

.aside_cont .brandmark{
	margin: 0 auto;
	display: block;
	width: 82px;
	height: 44px;
}

/* CM キャンペーン ブランド内特集 ロゴ位置調整 */
#cm .goon_mark .brandmark,
#campaign .goon_mark .brandmark{ background-position: -5px 0; }
#cm .attento_mark .brandmark,
#campaign .attento_mark .brandmark{ background-position: -170px -44px; }
#cm .natura_mark .brandmark,
#campaign .natura_mark .brandmark{ background-position: -250px -44px; width: 70px; }
#cm .jokin-alcohol_mark .brandmark,
#campaign .jokin-alcohol_mark .brandmark{ background-position: -174px -220px; }
#cm .asamade_mark .brandmark,
#campaign .asamade_mark .brandmark{ background-position: -257px 0; width: 70px; }
#cm .elleairbrand_mark .brandmark{ background-position: -85px -484px;  }
#cm .kirekira_mark .brandmark,
#campaign .kirekira_mark .brandmark{ background-position: -4px -484px; }

#brand_special .elis_mark .brandmark{ background-position: -97px 0; width: 60px; }

.asamade_mark.site_btn.brand2:before{ background-position: -246px 0; width: 81px; }
.aromagic_mark.site_btn.brand2:before{ background-position: -85px -396px; }

/* CM ロゴ位置調整 */
.cmlist .site_btn:before{ left: 0; }
.cmlist .site_btn.brand2{ margin: -43px 0 0 38px; }
.cmlist .site_btn.brand2:before{
	left: 0;
	top: 0;
}
.cmlist .site_btn.brand2.compact-guard_mark{ left: 5px; }
.cmlist .site_btn.brand2.megami_mark{ left: 5px; }
.cmlist .site_btn.brand2.asamade_mark{ left: 5px; }

/* ラインアップ一覧表 */
#lineup_header{
	padding: 10px 0;
	background-color: #fff;
}
#lineup h1{
	margin: 0 auto;
	width: 970px;
}
.back_btn a{
	margin-left: 5px;
	padding-left: 40px;
	display: block;
	background: url(../img/back_btn_bg.png) no-repeat left center;
	height: 37px;
	line-height: 37px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 1.4rem;
}
.lineup_btn a{
	margin: -48px -15px 0 0;
	padding-left: 40px;
	display: block;
	float: right;
	background: url(../img/lineup_btn_bg.png) no-repeat left center;
	height: 37px;
	width: 142px;
	line-height: 37px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 1.4rem;
}
.lineup_btn a:before{
	content: "";
	text-align: center;
	color: #fff;
	background: url(/products/baby/img/goon_lineup_mark.png) no-repeat left top;
	display: inline-block;
	height: 80px;
	width: 100px;
	vertical-align: middle;
	position: absolute;
	top: -41px;
	right: -9px;
}

/* おむつ選びのご案内 */
.productsList{
	padding: 10px 5px 3px;
	background-color: #fff;
	text-align: center;
}
.productsList .productsList_btn{
	margin: 10px -3px 0;
	padding: 10px;
	background-color: #0c8ecf;
	line-height: 1.3;
	font-weight: bold;
	color: #fff;
}
.productsList.atttento_lineup{
	margin: 5px 0 10px;
	padding-top: 3px;
}
.productsList.atttento_lineup .productsList_btn{
	margin-top: 0;
	background-color: #f05898;
}
.productsList .productsList_btn img{ margin: 5px 0; }
.productsList .productsList_btn span{
	font-weight: normal;
	font-size: 1.2rem;
}
.productsList a:hover{
	opacity:0.7;
	text-decoration: none;
}

/* ご購入はこちら */
.buy_ec_btn{
	margin: 7px 0 0;
	padding: 13px 17px 13px 0;
	background-color: #eed177;
	background: -webkit-linear-gradient(top,  #f4dd87 0%,#f3d978 100%);
	background: linear-gradient(to bottom,  #f4dd87 0%,#f3d978 100%);
	position: relative;
	display: block;
	border-radius: 5px;
	border: 3px solid #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.8);
}
.buy_ec_btn:hover{
	opacity: 0.8;
}
.buy_ec_btn img{
	width: 110px;
	position: relative;
}
.buy_ec_btn:after{
	content: ' ';
	margin: auto 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	background: url(../img/bn_ec_info_popupico.svg) no-repeat left top;
	background-size: 100% auto;
	width: 17px;
	height: 18px;
	filter: drop-shadow(-1px -1px 1px rgba(82, 77, 66, 0.1));
}
.ecshop_list + .close{
	filter: drop-shadow(0 0 1px rgba(0,0,0,0.4));
}



/*---------------------------------------------
	汎用
---------------------------------------------*/
/* --- float --- */
.float_right{ margin-left: 15px; float: right; }
.float_left{ margin-right: 15px; float: left; }
.float_clear{ clear: both; }


/* --- text --- */
.text_right{ text-align: right; }
.text_left{ text-align: left; }
.text_center{ text-align: center; }
.bold_text{ font-weight: bold; }
.ttl_text{
	padding-bottom: 5px;
	font-weight: bold;
	color: #2782c3;
}
.text_strong{ color: #ed5032; }
.text_light{ color: #a9afba; }
.el_blue{ color: #0068b7; }

.fontsize_ss{
	font-size: 1.1rem;
}
.fontsize_s *,
.fontsize_s{
	font-size: 1.2rem;
}
.fontsize_l{
	font-size: 1.4rem;
}
.fontsize_ll{
	font-size: 1.8rem;
}


/* --- リスト --- */
ol.decimal { padding: 0 0 0 20px; }
ol.decimal > li{ list-style-type: decimal; }
ol.disc > li,
ul.disc > li{
	margin-left: 25px;
	list-style-type: disc;
}

/* 矢印付きリスト */
.link_list li:before {
	margin-right: 3px;
	padding-top: 0.5em;
	font-family: "iconvault";
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: block;
	float: left;
	text-decoration: inherit;
	font-size: 0.7rem;
	content: "\f102";
	color: #2782c3;
}
.link_list li a{
	display: block;
	text-decoration: none;
	overflow: hidden;
	color: #2782c3;
	line-height: 1.3;
	font-size: 1.2rem;
}
.link_list li a:visited{
	text-decoration: none;
	color: #432189;
}
.link_list li a:hover{
	opacity: 0.7;
}

.arrow_link_list a{
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}
.arrow_link:before,
.arrow_link_list a:before,
.back_arrow_link:before{
	content: " ";
	text-align: center;
	background: url(../img/arrow01.svg) no-repeat left top;
	background-size: 12px 12px;
	display: inline-block;
	margin-right: 2px;
	height: 15px;
	width: 14px;
	vertical-align: middle;
}
.back_arrow_link:before{
	transform:rotateY(180deg);
}


/* pdf */
.pdf_mark:before{
	margin-right: 5px;
	content: "";
	text-align: center;
	background: url(/img/pdf_ico.png) no-repeat left center;
	display: inline-block;
	height: 18px;
	width: 18px;
	vertical-align: middle;
}

/* 外部サイト */
.outsite_mark:after{
	margin-left: 3px;
	content: "";
	text-align: center;
	background: url(/img/outsite_ico.svg) no-repeat left center;
	display: inline-block;
	height: 16px;
	width: 18px;
	vertical-align: middle;
	position: relative;
	top: -0.1em;
}
.outsite_mark_pickup:after{
	margin-left: 3px;
	content: "";
	text-align: center;
	background: url(/img/outsite_ico_pickup.png) no-repeat left 0.1em;
	display: inline-block;
	height: 16px;
	width: 18px;
	vertical-align: middle;
}


/* --- 上付き文字 --- */
sup{
	vertical-align: baseline;
	position: relative;
	top: -1ex;
}

/* --- 補足、注意書き --- */
/* ※付の補足など用  */
.note_indent1 {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.4;
}
/* （～）付の補足 */
.note_indent2{
	padding-left: 3em;
	text-indent: -3em;
	line-height: 1.3;
}

/* --- clearfix --- */
.flatbase:after,
.pagetop:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

.sp_only, .br_sp{ display: none; }
.pc_only, .br_pc{ display: block;}


/*---------------------------------------------
	protection
---------------------------------------------*/
.protection_cont{ position: relative; }

/*画像プリント禁止*/
@media print {
	.wrap .protection_img,
	.wrap .protection_bg{
		opacity:0 !important;
		display: none !important;
	}
}


/* 長押し禁止 */
.protection,
.protection main{
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}

/*画像を右クリックで保存できない用*/
.notouch{ position:relative; }
.notouch img.noclick{
	position:absolute;
	left:0;
	top:0;
	z-index: 300;
}
#aside .notouch img.noclick{
	width: 100%;
	height: auto;
}


/* ===========================================
	MediaQueries
=========================================== */

/* PC----------------------------- */
@media screen and (min-width: 768px) {
	html{ font-size: 62.5%; }
}

/* スマホ----------------------------- */
@media screen and (max-width: 767px) {
	html,body{ width: 100%; min-width: 0;}
	html{ font-size: 62.5%; }
	body{
		-webkit-text-size-adjust: 100%;
		font-family: sans-serif;
	}
	.wrap,
	.wrap_w{
		position: relative;
		width: 100%;
		overflow: hidden;
	}


	/*---------------------------------------------
		header
	---------------------------------------------*/
	#header{
		height: auto;
		min-height: 0;
		border-bottom: 1px solid #e5f6ff;
	}
	#header_main{
		margin: 0 auto;
		padding: 0 3px;
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		position: relative;
	}
	.page_lead{
		background-color: #e4f3f7;
		border-bottom: 1px solid #fff;
	}
	.page_lead span{
		margin: 0 auto;
		padding: 5px 10px;
		width: 100%;
		font-size: 1.0rem;
		box-sizing: border-box;
	}
	.elleair_logo{
		margin: 0 0 0 3%;
		width: 90px;
		height: auto;
		float: left;
	}
	.elleair_logo img{
		max-width: 100%;
		height: auto;
	}
	#menu_ttl{
		margin: -53px 0 0;
		padding: 0;
		display: block;
		width: 53px;
		height: 59px;
		float: right;
		background: url(../img/s/menu_btn.png) no-repeat left top;
		background-size: 53px 119px;
		z-index: 20;
		position: relative;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#menu_ttl.open{
		background: url(../img/s/menu_btn.png) no-repeat left bottom;
		background-size: 53px 119px;
	}
	#menu_cont{
		margin: 0 auto -20px;
		padding: 0 0 10px;
		clear: both;
		width: 100%;
		display: none;
		background-color: #fff;
		box-sizing: border-box;
	}
	#header_menu{
		margin: 0 auto;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-top: 1px solid #e5f6ff;
	}

	/* language */
	#language{
		margin: 5px auto 0;
		padding: 0;
		width: 90%;
		box-sizing: border-box;
		position: static;
		text-align: left;
		letter-spacing:-0.4em;
	}
	#language li{
		margin: 0 3px 0 0;
		letter-spacing: normal;
	}
	#language a{
		padding: 3px 5px;
		text-align: center;
		border: none;
	}

	/* function */
	#function{
		padding: 0 5%;
		width: 100%;
		box-sizing: border-box;
		position: static;
	}

	/* service_cont */
	#service_cont{
		margin-right: 53px;
		padding: 5px 0 0;
		background-image: none;
	}
	#service_cont #shop{
		width: 50px;
		height: 48px;
		background: url(../img/s/header_onlineshop.png) no-repeat left top;
		background-size: 50px 48px;
	}
	#service_cont #goonmom{
		width: 35px;
		height: 48px;
		background: url(../img/s/header_goonmom.png) no-repeat left top;
		background-size: 35px 48px;
	}

	/* global_nav */
	#global_nav{ background-color: transparent; }
	#global_nav *{ box-sizing: border-box; }
	#global_nav ul,
	#global_nav.nav_en ul{
		margin: 0 auto;
		height: auto;
		background: none;
	}
	#global_nav > ul{
		margin: 0 5%;
		width: 90%;
		background-color: #fff;
		border: 1px solid #abdbff;
		border-radius: 10px;
	}
	#global_nav ul li,
	#global_nav ul li#nav_about{
		margin: 0 auto;
		width: 100%;
		float: none;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e4f1ff;
	}
	#global_nav ul li a,
	#global_nav.nav_en ul li a{
		margin: 0;
		padding: 13px 10px 13px 20px;
		text-indent: 0;
		white-space: normal;
		overflow: visible;
		background-image: none;
		color: #717171;
		text-align: left;
		width: 100%;
		font-weight: bold;
		background:  url(../img/s/global_nav_mark.png) no-repeat 5px center;
		background-size: 11px 11px;
		height: auto;
	}
	#global_nav ul li a:hover{ opacity: 1; }
	#global_nav ul #sub_menu{
		width: 100%;
		background-color: #e7f8ff;
	}
	#global_nav ul #sub_menu li a{
		padding: 10px 0 10px 20px;
		width: 100%;
		text-align: left;
		vertical-align: middle;
	}
	#menu_close{
		display: block;
		padding: 15px 0 20px;
		text-align: center;
		color: #2782c3;
	}
	#menu_close:before{
		margin-right: 5px;
		content: "";
		background: url(../img/s/close_btn.png) no-repeat left top;
		background-size: 18px 17px;
		display: inline-block;
		width: 18px;
		height: 23px;
		vertical-align: middle;
	}

	/* activePage  */
	#home #nav_home a,
	#products #nav_products a,
	#campaign #nav_campaign a,
	#cm #nav_cm a,
	#useful #nav_useful a,
	#about #nav_about a{
		visibility: visible;
		background:  url(../img/s/global_nav_mark.png) no-repeat 5px center;
		background-size: 11px 11px;
	}
	.s_screen{ display: block; }


	/*---------------------------------------------
		基本構成
	---------------------------------------------*/
	#topicPath ul{
		padding: 5px 3%;
		width: 100%;
		box-sizing: border-box;
	}
	#topicPath li{
		font-size: 1.0rem;
		line-height: 1;
	}
	#content_wrap{
		margin: 0 0 40px;
		padding: 10px 3% 0;
		width: 100%;
		box-sizing: border-box;
	}
	#aside{
		padding-top: 15px;
		width: 100%;
		float: none;
		border-top: 1px dashed #2782c3;
	}
	#aside img {
		max-width: 100%;
		height: auto;
	}
	#aside_list a{ padding: 10px 5px 5px; }
	#aside .related_cm_list li{
		width: 48%;
		display: inline-block;
	}

	/* --- カラム --- */
	/* 2カラム */
	#item_cont{
		padding-bottom: 10px;
		width: 100%;
		box-sizing: border-box;
		float: none;
	}
	footer > * { width: 100%; }

	/* 基本のボトム */
	#content_btm{ background-color: #fff; }
	#main_ttl{ margin: 0 -3%; }
	#content_btm .main_cont{ padding: 10px; }

	/* --- footer --- */
	footer > ul {
		margin: 0 3% 10px;
		width: 100%;
	}
	#foot_pagetop{
		margin: 15px auto 5px;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.wrap_w #foot_pagetop.pagetop a{ margin-right: 0; }

	/* ラインアップ一覧表 */
	#lineup,
	#lineup .wrap,
	#lineup #content_wrap,
	#lineup h1{
		margin: 0;
		padding: 0;
		width: 100%;
		overflow: visible;
		min-width: 500px;
		box-sizing: border-box;
	}
	#lineup #content_wrap{ margin-bottom: 30px; }
	#lineup h1{
		padding-left: 10px;
		margin-top: 5px;
	}
	#lineup_header h1 img{
		max-width: 100px !important;
		height: auto !important;
	}
	.back_btn a{ margin: 10px 10px 0; }
	#lineup_table_img{
		margin: 0 auto;
		padding: 5px;
		width: 485px;
	}
	#lineup_table_img img {
		max-width: 100% !important;
		height: auto !important;
	}
	#lineup #footer{ margin-top: -15px ;padding: 0;}
	#lineup #copyright{ border: none; }


	/*---------------------------------------------
		ブランドページ
	---------------------------------------------*/
	.flatbase{
		margin: 0 auto 0;
		padding: 0;
		width: 100%;
		background-color: #fff;
	}
	.category{
		width: 41px;
		height: 22px;
		background-size: 147px 79px;
	}

	/* --- カテゴリー分けマーク --- */
	.brandmark,
	.site_btn:before,
	.brandmark_s:before{
		background-image: url(../img/s/logo_mark.png) ;
		background-size: 410px 572px;
	}

	.natura_mark .category{ background-position: 0 0; }
	.attento_mark .category{ background-position: -98px 0; }
	.michigaeru_mark .category{ background-position: 0 -22px; }
	.jyokin_mark .category{ background-position: -49px 0; }
	.megami_mark .category{ background-position: -49px -22px; }
	.elleair_mark .category{ background-position: -49px -26px; }
	.goon_mark .category{ background-position: 0 -26px; }

	#footer_aside{
		margin: 0 auto 50px;
		padding: 15px 0 0;
		width: 100%;
	}
	.sp_only{ display: block; }
	.br_sp{ display: inline-block; }
	.pc_only, .br_pc{ display: none; }

	#foot_pagetop.pagetop{
		width: 100%;
		position: relative;
		z-index: 100;
	}


	/*---------------------------------------------
		ブランドページ・lp・単一ページ　共通
	---------------------------------------------*/
	/* --- news --- */
	#news ul span:before{
		background-image: url(../img/s/news_mark.png);
		background-size: 63px 120px;
	}
	
	/* 単一ページ お問い合わせなど */
	#singlepage_main{
		margin: 0 -3% 40px;
		padding: 20px 10px;
	}
	#aside .site_btn{
		margin: 0 0 5px;
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	.site_btn a {
		display: block;
		height: 40px;
	}
	#aside .onlineshop_btn,
	#brand #aside .onlineshop_btn.column_2_btn{
		margin: 0 auto 5px;
		width: 100%;
		height: auto;
	}
	#aside .onlineshop_btn a,
	#brand #aside .onlineshop_btn.column_2_btn a{
		padding-bottom: 15%;
		background: url(/products/img/s/aside_onlineshop_btn.png) no-repeat left top;
		background-size: 100% auto;
		width: 100%;
		height: 0;
	}
	
	/* オンラインショップのリンク先が複数の場合 */
	#aside .onlineshop_wrap .onlineshop_btn,
	#brand_wrap.brand_wrap_index #aside .onlineshop_wrap .onlineshop_btn{
		margin: 0;
		padding-bottom: 15%;
		background: url(/products/img/s/aside_onlineshop_btn.png) no-repeat left top;
		background-size: 100% auto;
		width: 100%;
		height: 0;
	}
	.onlineshop_wrap a{
		padding: 8px 10px 8px 23px;
	}

	.onlineshop_btn + .site_btn{ margin-top: 10px; }
	.ecshop_list{ margin-top: 5px; }
	.ecshop_list li{
		text-align: center;
		margin: 0 auto 0;
	}

	/* ecサイト aside用バナー */
	#aside .ecshop_list{
		margin: 0 0 20px;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#aside .ecshop_list > li{
		margin-bottom: 3px;
		background-color: #fff;
		vertical-align: middle;
		width: 49.5%;
		box-sizing: border-box;
	}
	#aside .ecshop_list li:nth-child(2n){
		margin-right: 0;
	}
	#aside .ecshop_list li a{
		padding: 5px 0;
		display: block;
	}
	#brand_wrap.brand_wrap_index #aside.wide_aside{
		text-align: left;
		border: none;
	}
	#brand_wrap.brand_wrap_index #aside.wide_aside .site_btn{
		margin: 5px 0;
		width: 150px;
	}
	#aside.wide_aside .onlineshop_btn img{ margin-top: 4px; }

	/* オンラインショップのリンク先が複数の場合 */
	#aside .ecshop_list li.btn_wide{
		margin-bottom: 5px;
		width: 100%;
	}
	#aside .ecshop_list li ul,
	#aside .ecshop_list li ul li{
		margin-bottom: 0;
	}

	/* 外部サイト aside用バナー */
	.aside_link{
		width: 49%;
		text-align: center;
	}
	.aside_link img{
		max-width: 100%;
		height: auto;
	}
}


/* ===========================================
	アイコンフォント
=========================================== */
@font-face {
	font-family: "iconvault";
		src: url("/cmn/iconfont/iconvault_2b269fbd716fad27b376e1eeedd14abd.eot");
		src: url("/cmn/iconfont/iconvault_2b269fbd716fad27b376e1eeedd14abd.eot?#iefix") format("embedded-opentype"),
			url("/cmn/iconfont/iconvault_2b269fbd716fad27b376e1eeedd14abd.woff") format("woff"),
			url("/cmn/iconfont/iconvault_2b269fbd716fad27b376e1eeedd14abd.ttf") format("truetype"),
			url("/cmn/iconfont/iconvault_2b269fbd716fad27b376e1eeedd14abd.svg#iconvault") format("svg");
		font-weight: normal;
		font-style: normal;
}

.icon-arrow_left:before,
.icon-arrow_right:before,
.icon-zoom:before {
	font-family: "iconvault";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	text-decoration: inherit;
}

.icon-arrow_left:before { content: "\f100"; }
.icon-arrow_right:before { content: "\f101"; }
.icon-zoom:before { content: "\f102"; }

.arrow{
	font-family: "iconvault";
	font-size: 12px;
}