@charset "UTF-8";
ul, li, h1, h2, h3, h4, ol, dl, dd, dt { line-height: 1.6; font-size: 1.3rem; }
a { color: #0066cc; }
a:visited { color: #432189; }
/*--------------------------------------------- body ---------------------------------------------*/
.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; 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(../images/ttl_mark_01.png?v=2) 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-gradient(linear, left top, left bottom, from(#f4dd87), to(#f3d978)); background: linear-gradient(to bottom, #f4dd87 0%, #f3d978 100%); position: relative; display: block; border-radius: 5px; border: 3px solid #fff; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); 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; -webkit-filter: drop-shadow(-1px -1px 1px rgba(82, 77, 66, 0.1)); filter: drop-shadow(-1px -1px 1px rgba(82, 77, 66, 0.1)); }
.ecshop_list + .close { -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.4)); 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 { -webkit-transform: rotateY(180deg); 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 (max-width: 767px) { .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; -webkit-box-sizing: border-box; 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; -webkit-box-sizing: border-box; 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; -webkit-box-sizing: border-box; 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%; -webkit-box-sizing: border-box; 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%; -webkit-box-sizing: border-box; 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 * { -webkit-box-sizing: border-box; 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%; -webkit-box-sizing: border-box; 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%; -webkit-box-sizing: border-box; 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%; -webkit-box-sizing: border-box; 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%; -webkit-box-sizing: border-box; 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; -webkit-box-sizing: border-box; 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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #aside .ecshop_list > li { margin-bottom: 3px; background-color: #fff; vertical-align: middle; width: 49.5%; -webkit-box-sizing: border-box; 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; }