@charset "UTF-8";
/* ====================================== */
/* clearfix */
.clearfix, .mod_eventInfo li, .mod_eventInfo .attach { zoom: 1; }

.clearfix:after, .mod_eventInfo li:after, .mod_eventInfo .attach:after { content: ""; display: table; clear: both; }

.ff_mincho { font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HGS明朝E", Meiryo, sans-serif; }

.ff_gothic { font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

.clearfix { /* clearfix is already applied */ }

.m5 { margin: 0.65104vw; }

.mt5 { margin-top: 0.65104vw; }

.mb5 { margin-bottom: 0.65104vw; }

.mr5 { margin-right: 0.65104vw; }

.ml5 { margin-left: 0.65104vw; }

.p5 { padding: 0.65104vw; }

.pt5 { padding-top: 0.65104vw; }

.pr5 { padding-right: 0.65104vw; }

.pb5 { padding-bottom: 0.65104vw; }

.pl5 { padding-left: 0.65104vw; }

.idt5 { text-indent: -0.65104vw; }

.m10 { margin: 1.30208vw; }

.mt10 { margin-top: 1.30208vw; }

.mb10 { margin-bottom: 1.30208vw; }

.mr10 { margin-right: 1.30208vw; }

.ml10 { margin-left: 1.30208vw; }

.p10 { padding: 1.30208vw; }

.pt10 { padding-top: 1.30208vw; }

.pr10 { padding-right: 1.30208vw; }

.pb10 { padding-bottom: 1.30208vw; }

.pl10 { padding-left: 1.30208vw; }

.idt10 { text-indent: -1.30208vw; }

.m15 { margin: 1.95313vw; }

.mt15 { margin-top: 1.95313vw; }

.mb15 { margin-bottom: 1.95313vw; }

.mr15 { margin-right: 1.95313vw; }

.ml15 { margin-left: 1.95313vw; }

.p15 { padding: 1.95313vw; }

.pt15 { padding-top: 1.95313vw; }

.pr15 { padding-right: 1.95313vw; }

.pb15 { padding-bottom: 1.95313vw; }

.pl15 { padding-left: 1.95313vw; }

.idt15 { text-indent: -1.95313vw; }

.m20 { margin: 2.60417vw; }

.mt20 { margin-top: 2.60417vw; }

.mb20 { margin-bottom: 2.60417vw; }

.mr20 { margin-right: 2.60417vw; }

.ml20 { margin-left: 2.60417vw; }

.p20 { padding: 2.60417vw; }

.pt20 { padding-top: 2.60417vw; }

.pr20 { padding-right: 2.60417vw; }

.pb20 { padding-bottom: 2.60417vw; }

.pl20 { padding-left: 2.60417vw; }

.idt20 { text-indent: -2.60417vw; }

.m25 { margin: 3.25521vw; }

.mt25 { margin-top: 3.25521vw; }

.mb25 { margin-bottom: 3.25521vw; }

.mr25 { margin-right: 3.25521vw; }

.ml25 { margin-left: 3.25521vw; }

.p25 { padding: 3.25521vw; }

.pt25 { padding-top: 3.25521vw; }

.pr25 { padding-right: 3.25521vw; }

.pb25 { padding-bottom: 3.25521vw; }

.pl25 { padding-left: 3.25521vw; }

.idt25 { text-indent: -3.25521vw; }

.m30 { margin: 3.90625vw; }

.mt30 { margin-top: 3.90625vw; }

.mb30 { margin-bottom: 3.90625vw; }

.mr30 { margin-right: 3.90625vw; }

.ml30 { margin-left: 3.90625vw; }

.p30 { padding: 3.90625vw; }

.pt30 { padding-top: 3.90625vw; }

.pr30 { padding-right: 3.90625vw; }

.pb30 { padding-bottom: 3.90625vw; }

.pl30 { padding-left: 3.90625vw; }

.idt30 { text-indent: -3.90625vw; }

.m35 { margin: 4.55729vw; }

.mt35 { margin-top: 4.55729vw; }

.mb35 { margin-bottom: 4.55729vw; }

.mr35 { margin-right: 4.55729vw; }

.ml35 { margin-left: 4.55729vw; }

.p35 { padding: 4.55729vw; }

.pt35 { padding-top: 4.55729vw; }

.pr35 { padding-right: 4.55729vw; }

.pb35 { padding-bottom: 4.55729vw; }

.pl35 { padding-left: 4.55729vw; }

.idt35 { text-indent: -4.55729vw; }

.m40 { margin: 5.20833vw; }

.mt40 { margin-top: 5.20833vw; }

.mb40 { margin-bottom: 5.20833vw; }

.mr40 { margin-right: 5.20833vw; }

.ml40 { margin-left: 5.20833vw; }

.p40 { padding: 5.20833vw; }

.pt40 { padding-top: 5.20833vw; }

.pr40 { padding-right: 5.20833vw; }

.pb40 { padding-bottom: 5.20833vw; }

.pl40 { padding-left: 5.20833vw; }

.idt40 { text-indent: -5.20833vw; }

.m45 { margin: 5.85938vw; }

.mt45 { margin-top: 5.85938vw; }

.mb45 { margin-bottom: 5.85938vw; }

.mr45 { margin-right: 5.85938vw; }

.ml45 { margin-left: 5.85938vw; }

.p45 { padding: 5.85938vw; }

.pt45 { padding-top: 5.85938vw; }

.pr45 { padding-right: 5.85938vw; }

.pb45 { padding-bottom: 5.85938vw; }

.pl45 { padding-left: 5.85938vw; }

.idt45 { text-indent: -5.85938vw; }

.m50 { margin: 6.51042vw; }

.mt50 { margin-top: 6.51042vw; }

.mb50 { margin-bottom: 6.51042vw; }

.mr50 { margin-right: 6.51042vw; }

.ml50 { margin-left: 6.51042vw; }

.p50 { padding: 6.51042vw; }

.pt50 { padding-top: 6.51042vw; }

.pr50 { padding-right: 6.51042vw; }

.pb50 { padding-bottom: 6.51042vw; }

.pl50 { padding-left: 6.51042vw; }

.idt50 { text-indent: -6.51042vw; }

.m55 { margin: 7.16146vw; }

.mt55 { margin-top: 7.16146vw; }

.mb55 { margin-bottom: 7.16146vw; }

.mr55 { margin-right: 7.16146vw; }

.ml55 { margin-left: 7.16146vw; }

.p55 { padding: 7.16146vw; }

.pt55 { padding-top: 7.16146vw; }

.pr55 { padding-right: 7.16146vw; }

.pb55 { padding-bottom: 7.16146vw; }

.pl55 { padding-left: 7.16146vw; }

.idt55 { text-indent: -7.16146vw; }

.m60 { margin: 7.8125vw; }

.mt60 { margin-top: 7.8125vw; }

.mb60 { margin-bottom: 7.8125vw; }

.mr60 { margin-right: 7.8125vw; }

.ml60 { margin-left: 7.8125vw; }

.p60 { padding: 7.8125vw; }

.pt60 { padding-top: 7.8125vw; }

.pr60 { padding-right: 7.8125vw; }

.pb60 { padding-bottom: 7.8125vw; }

.pl60 { padding-left: 7.8125vw; }

.idt60 { text-indent: -7.8125vw; }

.m65 { margin: 8.46354vw; }

.mt65 { margin-top: 8.46354vw; }

.mb65 { margin-bottom: 8.46354vw; }

.mr65 { margin-right: 8.46354vw; }

.ml65 { margin-left: 8.46354vw; }

.p65 { padding: 8.46354vw; }

.pt65 { padding-top: 8.46354vw; }

.pr65 { padding-right: 8.46354vw; }

.pb65 { padding-bottom: 8.46354vw; }

.pl65 { padding-left: 8.46354vw; }

.idt65 { text-indent: -8.46354vw; }

.m70 { margin: 9.11458vw; }

.mt70 { margin-top: 9.11458vw; }

.mb70 { margin-bottom: 9.11458vw; }

.mr70 { margin-right: 9.11458vw; }

.ml70 { margin-left: 9.11458vw; }

.p70 { padding: 9.11458vw; }

.pt70 { padding-top: 9.11458vw; }

.pr70 { padding-right: 9.11458vw; }

.pb70 { padding-bottom: 9.11458vw; }

.pl70 { padding-left: 9.11458vw; }

.idt70 { text-indent: -9.11458vw; }

.m75 { margin: 9.76563vw; }

.mt75 { margin-top: 9.76563vw; }

.mb75 { margin-bottom: 9.76563vw; }

.mr75 { margin-right: 9.76563vw; }

.ml75 { margin-left: 9.76563vw; }

.p75 { padding: 9.76563vw; }

.pt75 { padding-top: 9.76563vw; }

.pr75 { padding-right: 9.76563vw; }

.pb75 { padding-bottom: 9.76563vw; }

.pl75 { padding-left: 9.76563vw; }

.idt75 { text-indent: -9.76563vw; }

.m80 { margin: 10.41667vw; }

.mt80 { margin-top: 10.41667vw; }

.mb80 { margin-bottom: 10.41667vw; }

.mr80 { margin-right: 10.41667vw; }

.ml80 { margin-left: 10.41667vw; }

.p80 { padding: 10.41667vw; }

.pt80 { padding-top: 10.41667vw; }

.pr80 { padding-right: 10.41667vw; }

.pb80 { padding-bottom: 10.41667vw; }

.pl80 { padding-left: 10.41667vw; }

.idt80 { text-indent: -10.41667vw; }

.m85 { margin: 11.06771vw; }

.mt85 { margin-top: 11.06771vw; }

.mb85 { margin-bottom: 11.06771vw; }

.mr85 { margin-right: 11.06771vw; }

.ml85 { margin-left: 11.06771vw; }

.p85 { padding: 11.06771vw; }

.pt85 { padding-top: 11.06771vw; }

.pr85 { padding-right: 11.06771vw; }

.pb85 { padding-bottom: 11.06771vw; }

.pl85 { padding-left: 11.06771vw; }

.idt85 { text-indent: -11.06771vw; }

.m90 { margin: 11.71875vw; }

.mt90 { margin-top: 11.71875vw; }

.mb90 { margin-bottom: 11.71875vw; }

.mr90 { margin-right: 11.71875vw; }

.ml90 { margin-left: 11.71875vw; }

.p90 { padding: 11.71875vw; }

.pt90 { padding-top: 11.71875vw; }

.pr90 { padding-right: 11.71875vw; }

.pb90 { padding-bottom: 11.71875vw; }

.pl90 { padding-left: 11.71875vw; }

.idt90 { text-indent: -11.71875vw; }

.m95 { margin: 12.36979vw; }

.mt95 { margin-top: 12.36979vw; }

.mb95 { margin-bottom: 12.36979vw; }

.mr95 { margin-right: 12.36979vw; }

.ml95 { margin-left: 12.36979vw; }

.p95 { padding: 12.36979vw; }

.pt95 { padding-top: 12.36979vw; }

.pr95 { padding-right: 12.36979vw; }

.pb95 { padding-bottom: 12.36979vw; }

.pl95 { padding-left: 12.36979vw; }

.idt95 { text-indent: -12.36979vw; }

.m100 { margin: 13.02083vw; }

.mt100 { margin-top: 13.02083vw; }

.mb100 { margin-bottom: 13.02083vw; }

.mr100 { margin-right: 13.02083vw; }

.ml100 { margin-left: 13.02083vw; }

.p100 { padding: 13.02083vw; }

.pt100 { padding-top: 13.02083vw; }

.pr100 { padding-right: 13.02083vw; }

.pb100 { padding-bottom: 13.02083vw; }

.pl100 { padding-left: 13.02083vw; }

.idt100 { text-indent: -13.02083vw; }

/* ====================================== */
/* normalize */
/* The root element */
html { font-size: 100%; overflow-y: scroll; text-size-adjust: 100%; }

/* Sections */
body { font-family: sans-serif; margin: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; }

/* Grouping content */
p, blockquote, dl, dd, figure { margin: 0; }

hr { color: inherit; height: auto; box-sizing: content-box; }

pre { font-family: monospace, sans-serif; white-space: pre-wrap; word-wrap: break-word; margin: 0; }

ol, ul { padding: 0; margin: 0; }

li { list-style: none; }

/* Text-level semantics */
a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

strong, b { font-weight: bold; }

small { font-size: 0.83em; }

q { quotes: none; }

abbr[title] { border-bottom: 1px dotted; }

code, samp, kbd { font-family: monospace, sans-serif; }

mark { color: black; background-color: yellow; }

sub, sup { font-size: 0.83em; line-height: 0; vertical-align: baseline; position: relative; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

br { *letter-spacing: 0; }

/* Embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

/* Tabular data */
table { border-collapse: collapse; border-spacing: 0; }

caption { padding: 0; text-align: left; }

th, td { text-align: left; vertical-align: baseline; padding: 0; }

/* Forms */
form { margin: 0; }

fieldset { border: 0; padding: 0; margin: 0; }

legend { border: 0; *margin-left: -7px; }

input, button, select, textarea { font-size: 1em; font-family: inherit; color: inherit; margin: 0; }

input, button { line-height: normal; vertical-align: inherit; *vertical-align: middle; }

input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]:focus { outline-offset: -2px; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="submit"], input[type="reset"], input[type="button"], button { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

select { background-color: inherit; line-height: normal; }

textarea { vertical-align: top; overflow: auto; *font-family: sans-serif; }

header, footer, article, section, nav, aside, main { display: block; }

div, ul, ol, li, dl, dt, dd, p, span, a, h1, h2, h3, h4, h5, table, caption, tr, th, td, form, input, select, button, textarea, header, footer, article, section, nav, aside, main { box-sizing: border-box; }

/* ====================================== */
/* body */
body { line-height: 1.4; color: #333; font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-style: 1em; }

body.body_fontaine .mod_footer .inc_footer .mod_brandLink li { display: none; }

body.body_fontaine .mod_footer .inc_footer .mod_brandLink li.any { display: block; margin-left: 0; }

body.body_fontaine .mod_footer .inc_footer .mod_brandLink li.rene { display: block; margin-left: 4.21053%; }

body.body_fontaine .mod_footer .inc_footer .mod_brandLink li.swanee { display: block; margin-left: 0; }

body.body_fontaine .mod_footer .inc_footer .mod_otherLink { display: none; }

body.body_swanee { background: #fbfaf5; }

body.body_swanee .mod_footer .inc_footer .mod_brandLink li { display: none; }

body.body_swanee .mod_footer .inc_footer .mod_brandLink li.any { display: block; margin-left: 0; }

body.body_swanee .mod_footer .inc_footer .mod_brandLink li.rene { display: block; margin-left: 4.21053%; }

body.body_swanee .mod_footer .inc_footer .mod_brandLink li.fontaine { display: block; margin-left: 0; }

body.body_swanee .mod_footer .inc_footer .mod_otherLink { display: none; }

body#rene .mod_footer .inc_footer .mod_brandLink li { display: none; }

body#rene .mod_footer .inc_footer .mod_brandLink li.any { display: block; margin-left: 0; }

body#rene .mod_footer .inc_footer .mod_brandLink li.swanee { display: block; margin-left: 4.21053%; }

body#rene .mod_footer .inc_footer .mod_brandLink li.fontaine { display: block; margin-left: 0; }

body#rene .mod_footer .inc_footer .mod_otherLink { display: none; }

body#any .mod_footer .inc_footer .mod_brandLink li { display: none; }

body#any .mod_footer .inc_footer .mod_brandLink li.rene { display: block; margin-left: 0; }

body#any .mod_footer .inc_footer .mod_brandLink li.swanee { display: block; margin-left: 4.21053%; }

body#any .mod_footer .inc_footer .mod_brandLink li.fontaine { display: block; margin-left: 0; }

body#any .mod_footer .inc_footer .mod_otherLink { display: none; }

body.body_aderans { background: #f7f7f7; }

body.body_ladies { background: #fbfaf5; }

body.body_medicare { background: #f3f4fb; }

a { text-decoration: none; color: #333; }

p { line-height: 1.5; }

img { vertical-align: top; }

img, iframe, object, embed { max-width: 100%; height: auto; }

img[src*="ebis.ne.jp"], img[src*="tracer.jp"], img[src*="yieldmanager"], img[src*="doubleclick.net"], img[src*="searchteria.co.jp"], div img[src*="yieldmanager"], img[src*="leadback.advertising.com"], iframe[name="google_conversion_frame"] { /* Advertising exclusion */ position: absolute; top: 0; left: 0; visibility: hidden; max-width: none; z-index: -1; }

/* module */
.width-u-10 { width: 10%; }

.width-u-20 { width: 20%; }

.width-u-30 { width: 30%; }

.width-u-40 { width: 40%; }

.width-u-50 { width: 50%; }

.width-u-60 { width: 60%; }

.width-u-70 { width: 70%; }

.width-u-80 { width: 80%; }

.width-u-90 { width: 90%; }

.width-u-100 { width: 100%; }

.space-u-10 { margin: -10px 0 0 -10px; }

.space-u-10-child { padding: 10px 0 0 10px; }

.space-u-20 { margin: -20px 0 0 -20px; }

.space-u-20-child { padding: 20px 0 0 20px; }

.space-u-30 { margin: -30px 0 0 -30px; }

.space-u-30-child { padding: 30px 0 0 30px; }

.space-u-40 { margin: -40px 0 0 -40px; }

.space-u-40-child { padding: 40px 0 0 40px; }

.space-u-50 { margin: -50px 0 0 -50px; }

.space-u-50-child { padding: 50px 0 0 50px; }

.fw_normal { font-weight: normal !important; }

.fw_bold { font-weight: bold !important; }

.ta_left { text-align: left !important; }

.ta_center { text-align: center !important; }

.ta_right { text-align: right !important; }

.va_top { vertical-align: top !important; }

.va_middle { vertical-align: middle !important; }

.va_bottom { vertical-align: bottom !important; }

.fl_left { float: left !important; }

.fl_right { float: right !important; }

.fl_none { float: none !important; }

.di_block { display: block !important; }

.di_iblock { display: inline-block !important; }

.di_inline { display: inline !important; }

.di_none { display: none !important; }

.cl_both { clear: both !important; }

.bo_none { border: none !important; }

.opacity a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }

/* ====================================== */
/* container */
.mod_container { position: relative; margin: 0 auto; max-width: 800px; width: 100%; z-index: 1; }

/* ====================================== */
/* header */
.mod_header { position: relative; padding: 0 0 0 3.90625%; width: 100%; background: #fff; }

.mod_header .logo { display: block; }

.mod_topicPath { padding: 8px 1.5625%; }

.mod_topicPath li { position: relative; display: inline; line-height: 1.4; font-size: 0.75em; }

.mod_topicPath li:after { display: inline; margin: 0 5px; content: ">"; }

.mod_topicPath li:last-child:after { display: none; }

.mod_topicPath li:last-child a { text-decoration: none; pointer-events: none; }

.mod_topicPath a { color: #333; text-decoration: underline; }

/* ====================================== */
/* main */
.mod_main { position: relative; padding: 0 0 4.6875%; z-index: 2; }

.body_404 .mod_main { padding: 3.125% 3.125% 4.6875%; }

.body_404 .mod_main h1 { font-size: 1.4em; }

.body_404 .mod_main h1 + p { margin: 20px 0 0; font-size: 1em; line-height: 1.6; }

.body_404 .mod_main a { margin: 0 5px 0 0; text-decoration: underline; }

.mod_contents { padding: 4.6875% 0 0; }

.body_event_detail .mod_contents { padding: 0; }

.mod_contents .heading { margin: 0 0 5px; text-align: center; font-size: 1.2rem; }

.mod_contents .mod_eventNone, .mod_contents .mod_resultsNone { clear: both; margin: 3.125%; padding: 3.33333%; text-align: center; font-size: 1.2em; line-height: 1; background-color: #fff; border: 1px solid #eee; border-radius: 3px; }

.mod_contents .mod_resultsNone { display: none; }

.mod_contents .mod-bnr { display: block; margin: 0 auto 3.125%; width: 93.75%; }

.mod_contents .mod-bnr a { display: block; }

.mod_search { position: relative; margin: 0 auto 3.125%; padding: 3.125%; width: 93.75%; background: #fff; border: 1px solid #ececec; border-radius: 6px; }

.mod_search .comment { clear: both; display: block; font-size: 10px; }

.mod_search .input { float: left; margin: 0 0 2.67857%; width: 55.35714%; }

.mod_search .input > span { font-size: 14px; }

.mod_search .button { position: absolute; top: 50%; right: 7.14286%; margin-top: -8.33333%; width: 42.85714%; }

.mod_search .button button { position: relative; float: right; padding: 0; width: 58.33333%; height: 33.33333%; vertical-align: middle; outline: none; border: none; background: none; }

.mod_search .wrap { position: relative; padding: 1.93548%; width: 100%; border-radius: 6px; }

.mod_search .wrap:after { position: absolute; content: ""; display: block; top: 50%; right: 6.71141%; }

.mod_search .selectbox, .mod_search .shopformbox { padding: 5.03356% 6.71141%; width: 100%; outline: none; -webkit-appearance: button; appearance: button; border-radius: 4px; }

.mod_search .inputbox { padding: 5.03356% 3.3557%; width: 100%; outline: none; font-size: 13px; color: #000; }

/* 店舗検索結果 */
.mod_pager { clear: both; padding: 3.90625% 0 4.6875%; width: 100%; background: #fff; }

.mod_pager:first-of-type { padding: 1.5625% 0 3.125%; }

.mod_pager ul { margin: 0 auto; width: 280px; height: 27px; text-align: center; }

.mod_pager li { position: relative; display: inline-block; width: auto; height: 27px; z-index: 5; }

.mod_pager li:first-child { margin: 0; }

.mod_pager li a.indexes, .mod_pager li span { position: relative; float: left; display: block; margin: 0 0 0 5px; width: 27px; height: 27px; line-height: 23px; text-align: center; font-size: 13px; z-index: 10; border-radius: 4px; }

.mod_pager li a.indexes:first-child, .mod_pager li span:first-child { margin: 0; }

.mod_pager li a.indexes { background: #ececec; border: 1px solid #dbdbdb; }

.mod_pager .prev, .mod_pager .next { top: -10px; }

.mod_pager .prev, .mod_pager .next, .mod_pager .prev a, .mod_pager .next a { width: 70px; height: 27px; line-height: 27px; font-size: 10px; background-repeat: no-repeat; background-size: cover; }

.mod_pager .prev a, .mod_pager .next a { display: block; }

.mod_pager .prev { text-align: right; background-image: url("/salon/sp/common/images/bg_nav_prev_on.png"); }

.mod_pager .next { text-align: left; background-image: url("/salon/sp/common/images/bg_nav_next_on.png"); }

.mod_pager .prev a { background-image: url("/salon/sp/common/images/bg_nav_prev.png"); }

.mod_pager .next a { background-image: url("/salon/sp/common/images/bg_nav_next.png"); }

.mod_pager .prev a, .mod_pager .prev:empty:before { padding: 0 15px 0 0; }

.mod_pager .next a, .mod_pager .next:empty:before { padding: 0 0 0 15px; }

.mod_pager .prev:empty:before { content: "PREV"; }

.mod_pager .next:empty:before { content: "NEXT"; }

.mod_resultList { width: 100%; background: #fff; }

.mod_resultList .resultWrap { overflow: hidden; position: relative; margin: 0 auto; width: 93.75%; }

.mod_resultList table { width: 100.66667%; background: url("/salon/sp/common/images/bg_results_dot_x.png") repeat-x bottom left; }

.mod_resultList th, .mod_resultList td { line-height: 1; font-size: 12px; background-image: url("/salon/sp/common/images/bg_results_dot_y.png"), url("/salon/sp/common/images/bg_results_dot_x.png"); background-repeat: repeat-y, repeat-x; background-position: top right, 3px 0; }

.mod_resultList th { position: relative; padding: 1px; height: 40px; vertical-align: middle; text-align: center; }

.body_aderans .mod_resultList th, .body_clinic .mod_resultList th, .body_ladies .mod_resultList th, .body_medicare .mod_resultList th { font-size: 13px; }

.mod_resultList th span { position: relative; display: block; width: 100%; height: 38px; line-height: 29px; z-index: 10; border: 4px solid #fff; }

.mod_resultList td { padding: 13px 10px; line-height: 1.2; vertical-align: middle; }

.body_aderans .mod_resultList td, .body_clinic .mod_resultList td, .body_ladies .mod_resultList td, .body_medicare .mod_resultList td { font-size: 16px; }

.mod_resultList td span { display: block; }

.mod_resultList td .pref { text-align: center; }

.mod_resultList td .event { text-align: center; }

.mod_resultList th.pref { width: 70px; }

.mod_resultList th.shopName { width: auto; }

.mod_resultList th.event { width: 70px; }

.mod_resultList th.event span { line-height: 1.2; }

/* イベント一覧 */
.mod_eventList { padding: 1.5625% 3.125% 3.125%; background: #fff; }

.mod_eventList h2 { padding: 3.33333%; }

.mod_eventList h2 span { margin: 0 0 0 10px; font-weight: normal; font-size: 0.75em; }

.mod_eventList h3 { position: relative; text-indent: -0.5em; font-size: 0.9em; }

.mod_eventList h3:before { position: absolute; content: ""; display: block; top: 6px; left: -10px; width: 4px; height: 8px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -182px -92px; background-size: 188px 124px; }

.mod_eventList .location, .mod_eventList .date { display: block; font-size: 0.8em; }

.mod_eventList .date span:first-child:after { content: "～"; }

.mod_eventList ul, .mod_eventList li { background: url("/salon/sp/common/images/bg_results_dot_x.png") repeat-x; }

.mod_eventList ul { padding: 0.83333% 0 0; background-position: bottom left; }

.mod_eventList li { padding: 3.33333%; background-position: top left; }

.mod_event_detail { background-color: #fff; }

.mod_event_detail .description { margin: 0 auto 3.90625%; width: 93.75%; }

.mod_event_detail .description > span { display: block; font-size: 0.9em; }

.mod_event_detail .description .date { position: relative; color: #967e57; text-indent: -0.4em; }

.mod_event_detail .description .date:before { content: "【開催期間】"; }

.mod_event_detail .description .date span:first-child:after { content: "～"; }

.mod_event_detail .description .date + p.desc { margin: 3.33333% 0 0; }

.mod_event_detail .description .photo { position: relative; margin: 3.125% auto; padding: 1.5625%; width: 34.6875%; height: 24.53125%; text-align: center; border: 1px solid #f3f3f3; box-shadow: 0 0 5px rgba(204, 204, 204, 0.3); }

.mod_event_detail .description .desc { font-size: 0.9em; }

.mod_event_detail .eventWrap { position: relative; margin: 0 auto 4.6875%; width: 93.75%; }

.mod_event_detail .eventWrap h2 { position: relative; margin: 0 0 2.5%; width: 100%; height: 35px; line-height: 35px; color: #7d6748; text-align: center; background: #fbf8f4; border: 1px solid #dad3ca; border-radius: 3px; }

.mod_event_detail .eventWrap section { font-size: 0.9em; }

.mod_event_detail .eventWrap .show { margin: 0 0 6.66667%; }

.mod_event_detail .eventWrap .show > span { position: relative; display: block; padding: 0 0 0 54px; }

.mod_event_detail .eventWrap .show > span, .mod_event_detail .eventWrap .show > p { margin-right: 2.5%; margin-left: 2.5%; }

.mod_event_detail .eventWrap .show .period:before, .mod_event_detail .eventWrap .show .place:before { position: absolute; top: 0; left: 0; display: inline-block; margin: 0 10px 0 0; width: 44px; height: 22px; line-height: 22px; text-align: center; color: #fff; font-size: 12px; border-radius: 3px; background: #9f8f79; }

.mod_event_detail .eventWrap .show .period:before { content: "期間"; }

.mod_event_detail .eventWrap .show .place:before { content: "場所"; }

.mod_event_detail .eventWrap .show .period, .mod_event_detail .eventWrap .show .place { min-height: 22px; }

.mod_event_detail .eventWrap .show .period { margin-bottom: 1.16667%; }

.mod_event_detail .eventWrap .show .place { margin-bottom: 2.5%; }

.mod_event_detail .eventWrap .guest .photo { position: relative; float: left; margin: 0 0 0 2.5%; padding: 5px; width: 100px; height: 76px; behavior: url("/common/js/PIE.htc"); box-shadow: 0 0 5px rgba(204, 204, 204, 0.3); }

.mod_event_detail .eventWrap .guest .text { float: left; margin: 0 2.5% 0 4.16667%; width: 56.66667%; }

.mod_event_detail .eventWrap .guest h3 { margin: 0 0 2.85714%; }

.mod_event_detail .eventWrap .guest p { line-height: 1.2; word-wrap: break-word; }

/* 店舗詳細 */
.mod_detail { background-color: #fff; }

.mod_detail .mod_coupon-campaign { margin: 7.8125% auto; width: 93.75%; text-align: center; }

.mod_detail .mod_coupon-campaign-a { position: relative; display: block; }

.mod_detail .mod_coupon-campaign-effect { position: absolute; top: -30px; left: -80px; width: 80px; height: 180px; }

.mod_detail .mod_coupon-campaign-icon { position: absolute; top: 50%; left: 10px; width: 9%; transform: translateY(-50%); }

.mod_detail .mod_coupon-campaign-animation { -webkit-animation: rotateY 1s; animation: rotateY 1s; }

.mod_detail .mod_coupon-campaign + .externalLink { margin-top: 0; }

.mod_detail .photo-sp { position: relative; width: 100%; padding-top: 71.42857142857143%; z-index: 5; }

.mod_detail .photo-sp.centering { float: none; margin: 0 auto 45px; }

.mod_detail .photo-sp:before { position: absolute; content: ""; display: block; top: 20px; left: 20px; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); behavior: url("/common/js/PIE.htc"); background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); z-index: 10; }

.mod_detail .photo-sp img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; width: 75%; z-index: 15; }

.mod_detail .shopComment { margin: 0 auto 4.6875%; width: 93.75%; }

.mod_detail .shopComment .manager { width: 193px; text-align: center; margin: 0 auto; }

.mod_detail .shopComment .photo { position: relative; margin: 0 0 7px; padding: 10px; behavior: url("/common/js/PIE.htc"); background: #fff; box-shadow: 0 0 5px rgba(204, 204, 204, 0.3); }

.mod_detail .shopComment .person { font-size: 0.8em; }

.mod_detail .shopComment .person .name { margin: 0 0 0 10px; }

.mod_detail .shopComment .comment { width: 100%; padding: 8px 0 0; font-size: 0.9em; }

.mod_detail .shopComment .comment p + p { margin: 20px 0 0; }

.mod_detail .thumbnail { margin: 0 auto 4.6875%; width: 93.75%; }

.mod_detail .thumbnail .photo { position: relative; padding: 10px; width: 100%; height: auto; text-align: center; background: #fff; box-shadow: 0 0 5px rgba(204, 204, 204, 0.3); }

.mod_detail .thumbnail .photo img { width: 100%; }

.mod_detail .thumbnail .list { width: 100%; }

.mod_detail .thumbnail ul { display: flex; flex-flow: row wrap; align-content: flex-start; margin: -8px 0 0 -8px; padding-top: 8px; }

.mod_detail .thumbnail li { display: block; padding: 8px 0 0 8px; cursor: pointer; width: 33.3333%; }

.mod_detail .thumbnail li img { display: block; padding: 4px; background: #fff; cursor: pointer; box-shadow: 0 0 5px rgba(204, 204, 204, 0.3); width: 100%; }

.mod_movie { margin-bottom: 7.8125%; }

.mod_movie_title { margin-bottom: 3.125%; padding: 1.5625% 3.125%; }

.mod_movie_title_ladies { background-color: #ffeef5; }

.mod_movie_title_mens { background-color: #ebecea; }

.mod_movie_title_fontaine { behavior: url("/common/js/PIE.htc"); background-color: #f8f2e9; background: -svg-compact(linear-gradient(to bottom, #f8f2e9 0%, #f3eade 100%), false, false, false, false, false, false, false, false, false); background: -owg-compact(linear-gradient(to bottom, #f8f2e9 0%, #f3eade 100%), false, false, false, false, false, false, false, false, false); -pie-background: -pie-compact(linear-gradient(to bottom, #f8f2e9 0%, #f3eade 100%), false, false, false, false, false, false, false, false, false); background: compact(linear-gradient(to bottom, #f8f2e9 0%, #f3eade 100%), false, false, false, false, false, false, false, false, false); -pie-background: linear-gradient(to bottom, #f8f2e9 0%, #f3eade 100%); }

.mod_movie_iframe { position: relative; width: 93.75%; height: 0; margin: 0 auto; padding-top: 56.25%; }

.mod_movie_iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mod_googleMap { position: relative; margin: 0 0 4.6875%; }

.mod_googleMap .guidance { display: block; margin: 0 auto 2.34375%; }

.mod_googleMap .googleMaps { position: relative; clear: both; display: block; margin: 0 auto; width: 93.75%; height: 210px; background: #ccc; }

.mod_googleMap .externalMaps { display: block; margin: 0.78125% auto 3.90625%; width: 93.75%; text-align: right; font-size: 0.9em; }

.mod_googleMap .externalMaps a { text-decoration: underline; }

.mod_googleMap .button { display: block; margin: 0 auto; padding: 2px; width: 146.5px; height: 45px; text-align: center; outline: none; border: none; border-radius: 3px; }

.mod_googleMap .button span { display: block; margin: 0 auto; width: 142.5px; height: 41px; line-height: 39px; font-size: 12px; background-size: 100%; }

.mod_eventInfo { padding: 1.5625% 0 0; }

.mod_eventInfo h2 { margin: 0 auto; padding: 5px 0; width: 93.75%; text-align: center; border-radius: 3px; }

.mod_eventInfo h3 { position: relative; font-weight: normal; text-indent: -0.4em; font-size: 0.9em; }

.mod_eventInfo h3 a:hover { text-decoration: underline; }

.mod_eventInfo h3:before { position: absolute; content: ""; display: block; top: 6px; left: -5px; width: 4px; height: 8px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -182px -92px; background-size: 188px 124px; }

.mod_eventInfo li { /* clearfix is already applied */ padding: 2.34375% 0; background: url("/salon/sp/common/images/bg_results_dot_x.png") repeat-x bottom left; }

.mod_eventInfo .info { margin: 0 auto 3.125%; width: 93.75%; }

.mod_eventInfo .attach { /* clearfix is already applied */ margin: 0 auto; width: 93.75%; line-height: 1; }

.mod_eventInfo .info > span { display: block; font-size: 0.8em; }

.mod_eventInfo .date { color: #967e57; }

.mod_eventInfo .date span:first-child:after { content: "～"; }

.mod_eventInfo .flyerImage, .mod_eventInfo .flyerPdf { position: relative; }

.mod_eventInfo .flyerImage .photo, .mod_eventInfo .flyerPdf .photo { float: left; display: block; width: 140px; padding: 4px; background: #fff; border: 1px solid #ddd; }

.mod_eventInfo .flyerImage .photo img, .mod_eventInfo .flyerPdf .photo img { width: 130px; }

.mod_eventInfo .flyerImage .text, .mod_eventInfo .flyerPdf .text { position: relative; float: left; display: block; margin: 0 0 0 3.125%; width: 146.5px; height: auto; vertical-align: middle; }

.mod_eventInfo .flyerImage .text a, .mod_eventInfo .flyerPdf .text a { position: absolute; bottom: 0; left: 0; display: block; margin: 0 auto; padding: 5px 0 0; width: 146.5px; height: 45px; text-align: center; line-height: 1.2; font-size: 12px; background-repeat: no-repeat; background-size: 100%; border-radius: 3px; }

.mod_eventInfo .flyerPdf .text a { position: relative; bottom: auto; left: auto; }

.mod_eventInfo .pdf:after { position: relative; content: ""; display: inline-block; top: 3px; margin: 0 0 0 3px; width: 11px; height: 13px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -135px -78px; background-size: 188px 124px; }

.body_event_detail .mod_eventInfo { margin: 0 0 7.8125%; }

.body_event_detail .mod_eventInfo li > .photo { float: left; margin: 0 0 3.33333% 2.5%; padding: 5px; width: 119px; height: 83px; border: 1px solid #ddd; }

.body_event_detail .mod_eventInfo li > .info { float: left; margin: 0 2.5% 3.33333% 4.16667%; width: 53.33333%; }

.body_event_detail .mod_eventInfo li > .info h3 { margin: 0 0 5px; line-height: 1.2; }

.body_event_detail .mod_eventInfo li > .text { clear: both; display: block; margin: 0 auto 3.125%; width: 142.5px; height: 41px; text-align: center; font-size: 12px; background: url("/sp/images/swanee/detail/img_btn_swanee.png") no-repeat; background-size: 100%; }

.body_event_detail .mod_eventInfo li > .text a { display: block; padding: 5px 0 0; width: 100%; height: 41px; line-height: 1; color: #333; text-shadow: 0 -1px 0 #fff; }

.mod_icon h2 { margin: 0 0 10px; width: 100%; height: 37px; text-align: center; line-height: 37px; font-size: 0.8em; background: #fbf8f4; border: 1px solid #f3eade; }

.mod_icon ul { margin: 0 auto 3.125%; width: 271px; text-align: center; letter-spacing: -0.4em; }

.mod_icon li { display: inline-block; margin: 0 0 0 5px; padding: 1px; width: 62px; height: 38px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: 0px -78px; background-size: 188px 124px; width: 64px; height: 40px; letter-spacing: normal; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; }

.mod_icon li:nth-child(4n+1) { margin-left: 0; }

.mod_icon .icon01 { background-position: 0px -78px; background-size: 188px 124px; }

.mod_icon .icon02 { background-position: 0px 0px; background-size: 188px 124px; }

.mod_icon .icon03 { background-position: -126px 0px; background-size: 188px 124px; }

.mod_icon .icon04 { background-position: -126px -39px; background-size: 188px 124px; }

.mod_icon .icon05 { background-position: -63px -78px; background-size: 188px 124px; }

.mod_icon .icon06 { background-position: 0px -39px; background-size: 188px 124px; }

.mod_icon .icon07 { background-position: -63px 0px; background-size: 188px 124px; }

.mod_icon .icon08 { background-position: -63px -39px; background-size: 188px 124px; }

.historyBack { position: relative; padding: 1.5625%; background: #f7f7f7; }

.historyBack a { overflow: hidden; text-indent: 100%; white-space: nowrap; display: block; width: 110px; height: 31px; background: url("/salon/sp/common/images/bg_back.png") no-repeat; background-size: cover; }

.historyBack-search { position: relative; padding-bottom: 4.6875%; }

.historyBack-search a { overflow: hidden; text-indent: 100%; white-space: nowrap; display: block; width: 27.125%; height: 0; padding-top: 7.625%; margin: 0 auto; background: url("/salon/sp/common/images/bg_back_search.png") no-repeat; background-size: cover; }

.historyBack-event { position: relative; padding-bottom: 4.6875%; }

.historyBack-event a { overflow: hidden; text-indent: 100%; white-space: nowrap; display: block; width: 27.125%; height: 0; padding-top: 7.625%; margin: 0 auto; background: url("/salon/sp/common/images/bg_back_event.png") no-repeat; background-size: cover; }

.body_index .historyBack-search, .body_index .historyBack-event { display: none; }

/* ====================================== */
/* footer */
.mod_footer { position: relative; padding: 0 0 12.5%; background: #fff; z-index: 2; }

.body_rene .mod_footer-inner, .body_swanee .mod_footer-inner, .body_aderans .mod_footer-inner, .body_ladies .mod_footer-inner, .body_medicare .mod_footer-inner, .body_clinic .mod_footer-inner { display: block; }

.body_fontaine .mod_footer-inner, .body_any .mod_footer-inner { display: none; }

.body_rene .mod_footer-inner-new, .body_swanee .mod_footer-inner-new, .body_aderans .mod_footer-inner-new, .body_ladies .mod_footer-inner-new, .body_medicare .mod_footer-inner-new, .body_clinic .mod_footer-inner-new { display: none; }

.body_fontaine .mod_footer-inner-new, .body_any .mod_footer-inner-new { display: block; }

.mod_footer_tel { padding: 0 0 3.125%; width: 100%; text-align: center; }

.body_fontaine .mod_footer_tel { background: #fefae8; }

.mod_footer_tel .tel { display: block; margin: 0 auto 4.6875%; width: 93.75%; }

.mod_footer_tel .eventBanner { position: relative; display: none; margin: 0 auto 4.6875%; width: auto; height: auto; }

.body_event .mod_footer_tel .eventBanner { display: block; }

.mod_footer_tel .eventBanner a { position: relative; display: inline-block; padding: 3.125% 6.25%; font-size: 0.9em; border-radius: 6px; }

.mod_footer_tel .eventBanner a:after { position: absolute; content: ""; display: block; top: 50%; right: 15px; margin-top: -3.5px; width: 6px; height: 6px; border: 2px solid #696969; border-top-width: 0; border-left-width: 0; transform: rotate(-45deg); }

.mod_footer_tel .eventBanner_pure { margin: 0 auto 4.6875%; width: 93.75%; }

.mod_footer_tel .eventBanner_pure .pure-g a { display: block; padding: 0; width: 100%; }

.mod_footer_tel .pcView { display: inline-block; padding: 3.125%; background: #eaeaea; border: 1px solid #c5c5c2; border-radius: 6px; }

.mod_brandLink { clear: both; margin: 0 auto; padding: 3.90625% 0 0; width: 89.0625%; }

.mod_brandLink li { float: left; margin-bottom: 4.21053%; width: 47.89474%; height: auto; text-align: center; box-shadow: 0 0 3px rgba(203, 191, 188, 0.75); }

.mod_brandLink li:nth-child(2n+2) { margin-left: 4.21053%; }

.mod_otherLink { clear: both; margin: 7.8125% 0 0; width: 100%; text-align: center; }

.mod_otherLink li { margin: 3.90625% 0 0; }

.mod_otherLink li:first-child { margin: 0; }

.mod_otherLink .pinkRibbon { background: #efefef; }

.mod_copyright { display: block; margin: 3.125% 0 0; text-align: center; }

/* ====================================== */
/* parts */
.mod_event_detail h1, .mod_detail h1 { margin: 0 0 3.125%; padding: 1.25% 3.125%; }

.mod_event_detail .eventInfo, .mod_detail .shopInfo { margin: 0 0 4.6875%; width: 100%; font-size: 0.9em; }

.mod_event_detail .eventInfo tr, .mod_detail .shopInfo tr { background: #fff url("/salon/sp/common/images/bg_dot_x.png") repeat-x top left; background-size: 2px 2.5px; }

.mod_event_detail .eventInfo tr:last-child, .mod_detail .shopInfo tr:last-child, .mod_event_detail .eventInfo tr:last-child th, .mod_detail .shopInfo tr:last-child th { background-image: url("/salon/sp/common/images/bg_dot_x.png"), url("/salon/sp/common/images/bg_dot_x.png"); background-position: top left, bottom left; background-size: 2px 2.5px, 2px 2.5px; }

.mod_event_detail .eventInfo th, .mod_detail .shopInfo th, .mod_event_detail .eventInfo td, .mod_detail .shopInfo td { padding: 3px 10px; }

.body_aderans .mod_event_detail .eventInfo th, .mod_event_detail .body_aderans .eventInfo th, .body_aderans .mod_detail .shopInfo th, .mod_detail .body_aderans .shopInfo th, .body_clinic .mod_event_detail .eventInfo th, .mod_event_detail .body_clinic .eventInfo th, .body_clinic .mod_detail .shopInfo th, .mod_detail .body_clinic .shopInfo th, .body_ladies .mod_event_detail .eventInfo th, .mod_event_detail .body_ladies .eventInfo th, .body_ladies .mod_detail .shopInfo th, .mod_detail .body_ladies .shopInfo th, .body_medicare .mod_event_detail .eventInfo th, .mod_event_detail .body_medicare .eventInfo th, .body_medicare .mod_detail .shopInfo th, .mod_detail .body_medicare .shopInfo th, .body_aderans .mod_event_detail .eventInfo td, .mod_event_detail .body_aderans .eventInfo td, .body_aderans .mod_detail .shopInfo td, .mod_detail .body_aderans .shopInfo td, .body_clinic .mod_event_detail .eventInfo td, .mod_event_detail .body_clinic .eventInfo td, .body_clinic .mod_detail .shopInfo td, .mod_detail .body_clinic .shopInfo td, .body_ladies .mod_event_detail .eventInfo td, .mod_event_detail .body_ladies .eventInfo td, .body_ladies .mod_detail .shopInfo td, .mod_detail .body_ladies .shopInfo td, .body_medicare .mod_event_detail .eventInfo td, .mod_event_detail .body_medicare .eventInfo td, .body_medicare .mod_detail .shopInfo td, .mod_detail .body_medicare .shopInfo td { font-size: 16px; }

.mod_event_detail .eventInfo th, .mod_detail .shopInfo th { vertical-align: middle; white-space: nowrap; background: #f7f7f7 url("/salon/sp/common/images/bg_dot_x.png") repeat-x top left; background-size: 2px 2.5px; }

.mod_event_detail .eventInfo .building, .mod_detail .shopInfo .building { margin: 0 0 0 5px; }

.mod_event_detail .eventInfo a, .mod_detail .shopInfo a { text-decoration: underline; }

.mod_contents .externalLink { clear: both; margin: 0 3.125% 4.6875%; text-align: center; }

.mod_contents .externalLink a { position: relative; padding: 2.34375% 3.125%; display: inline-block; color: #000; font-size: 0.9em; background: #ececec; border: 1px solid #dbdbdb; border-radius: 6px; }

.mod_contents .externalLink a:before, .mod_contents .externalLink a:after { position: relative; content: ""; display: inline-block; }

.mod_contents .externalLink a:before { top: -1px; margin-right: 5px; width: 4px; height: 7px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: -8px -117px; background-size: 188px 124px; }

.mod_contents .externalLink a:after { top: -1px; margin-left: 5px; width: 7px; height: 7px; background-image: url(/salon/sp/common/images/shopsalon-sprites.png); background-position: 0px -117px; background-size: 188px 124px; }

.mod_contents .externalLink a:hover { background: rgba(236, 236, 236, 0.5); }

/* ====================================== */
/*! Pure v0.6.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yahoo/pure/blob/master/LICENSE.md */
.pure-g { letter-spacing: -.31em; text-rendering: optimizespeed; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; }

.opera-only :-o-prefocus, .pure-g { word-spacing: -.43em; }

.pure-u { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

/* grids-units.css */
/* "pure-u-*":デスクトップ(PC)用（1024以上）*/
.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-9, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

.pure-u-1-24 { width: 4.1667%; }

.pure-u-1-12, .pure-u-2-24 { width: 8.3333%; }

.pure-u-1-9 { width: 11.1111%; }

.pure-u-1-8, .pure-u-3-24 { width: 12.5%; }

.pure-u-1-6, .pure-u-4-24 { width: 16.6667%; }

.pure-u-1-5 { width: 20%; }

.pure-u-5-24 { width: 20.8333%; }

.pure-u-1-4, .pure-u-6-24 { width: 25%; }

.pure-u-7-24 { width: 29.1667%; }

.pure-u-1-3, .pure-u-8-24 { width: 33.3333%; }

.pure-u-3-8, .pure-u-9-24 { width: 37.5%; }

.pure-u-2-5 { width: 40%; }

.pure-u-5-12, .pure-u-10-24 { width: 41.6667%; }

.pure-u-11-24 { width: 45.8333%; }

.pure-u-1-2, .pure-u-12-24 { width: 50%; }

.pure-u-13-24 { width: 54.1667%; }

.pure-u-7-12, .pure-u-14-24 { width: 58.3333%; }

.pure-u-3-5 { width: 60%; }

.pure-u-5-8, .pure-u-15-24 { width: 62.5%; }

.pure-u-2-3, .pure-u-16-24 { width: 66.6667%; }

.pure-u-17-24 { width: 70.8333%; }

.pure-u-3-4, .pure-u-18-24 { width: 75%; }

.pure-u-19-24 { width: 79.1667%; }

.pure-u-4-5 { width: 80%; }

.pure-u-5-6, .pure-u-20-24 { width: 83.3333%; }

.pure-u-7-8, .pure-u-21-24 { width: 87.5%; }

.pure-u-11-12, .pure-u-22-24 { width: 91.6667%; }

.pure-u-23-24 { width: 95.8333%; }

.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 { width: 100%; }

/* grids-responsive.css */
/* "pure-u-lg-*”:タブレット用（767〜1024） */
@media screen and (max-width: 1024px) { .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-2, .pure-u-lg-1-3, .pure-u-lg-2-3, .pure-u-lg-1-4, .pure-u-lg-3-4, .pure-u-lg-1-5, .pure-u-lg-2-5, .pure-u-lg-3-5, .pure-u-lg-4-5, .pure-u-lg-5-5, .pure-u-lg-1-6, .pure-u-lg-5-6, .pure-u-lg-1-8, .pure-u-lg-3-8, .pure-u-lg-5-8, .pure-u-lg-7-8, .pure-u-lg-1-12, .pure-u-lg-5-12, .pure-u-lg-7-12, .pure-u-lg-11-12, .pure-u-lg-1-24, .pure-u-lg-2-24, .pure-u-lg-3-24, .pure-u-lg-4-24, .pure-u-lg-5-24, .pure-u-lg-6-24, .pure-u-lg-7-24, .pure-u-lg-8-24, .pure-u-lg-9-24, .pure-u-lg-10-24, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-lg-1-24 { width: 4.1667%; }
  .pure-u-lg-1-12, .pure-u-lg-2-24 { width: 8.3333%; }
  .pure-u-lg-1-8, .pure-u-lg-3-24 { width: 12.5%; }
  .pure-u-lg-1-6, .pure-u-lg-4-24 { width: 16.6667%; }
  .pure-u-lg-1-5 { width: 20%; }
  .pure-u-lg-5-24 { width: 20.8333%; }
  .pure-u-lg-1-4, .pure-u-lg-6-24 { width: 25%; }
  .pure-u-lg-7-24 { width: 29.1667%; }
  .pure-u-lg-1-3, .pure-u-lg-8-24 { width: 33.3333%; }
  .pure-u-lg-3-8, .pure-u-lg-9-24 { width: 37.5%; }
  .pure-u-lg-2-5 { width: 40%; }
  .pure-u-lg-5-12, .pure-u-lg-10-24 { width: 41.6667%; }
  .pure-u-lg-11-24 { width: 45.8333%; }
  .pure-u-lg-1-2, .pure-u-lg-12-24 { width: 50%; }
  .pure-u-lg-13-24 { width: 54.1667%; }
  .pure-u-lg-7-12, .pure-u-lg-14-24 { width: 58.3333%; }
  .pure-u-lg-3-5 { width: 60%; }
  .pure-u-lg-5-8, .pure-u-lg-15-24 { width: 62.5%; }
  .pure-u-lg-2-3, .pure-u-lg-16-24 { width: 66.6667%; }
  .pure-u-lg-17-24 { width: 70.8333%; }
  .pure-u-lg-3-4, .pure-u-lg-18-24 { width: 75%; }
  .pure-u-lg-19-24 { width: 79.1667%; }
  .pure-u-lg-4-5 { width: 80%; }
  .pure-u-lg-5-6, .pure-u-lg-20-24 { width: 83.3333%; }
  .pure-u-lg-7-8, .pure-u-lg-21-24 { width: 87.5%; }
  .pure-u-lg-11-12, .pure-u-lg-22-24 { width: 91.6667%; }
  .pure-u-lg-23-24 { width: 95.8333%; }
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-5-5, .pure-u-lg-24-24 { width: 100%; } }

/* "pure-u-md-*”:スマフォ用（320〜767） */
@media screen and (max-width: 767px) { .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-2, .pure-u-md-1-3, .pure-u-md-2-3, .pure-u-md-1-4, .pure-u-md-3-4, .pure-u-md-1-5, .pure-u-md-2-5, .pure-u-md-3-5, .pure-u-md-4-5, .pure-u-md-5-5, .pure-u-md-1-6, .pure-u-md-5-6, .pure-u-md-1-8, .pure-u-md-3-8, .pure-u-md-5-8, .pure-u-md-7-8, .pure-u-md-1-12, .pure-u-md-5-12, .pure-u-md-7-12, .pure-u-md-11-12, .pure-u-md-1-24, .pure-u-md-2-24, .pure-u-md-3-24, .pure-u-md-4-24, .pure-u-md-5-24, .pure-u-md-6-24, .pure-u-md-7-24, .pure-u-md-8-24, .pure-u-md-9-24, .pure-u-md-10-24, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-md-1-24 { width: 4.1667%; }
  .pure-u-md-1-12, .pure-u-md-2-24 { width: 8.3333%; }
  .pure-u-md-1-8, .pure-u-md-3-24 { width: 12.5%; }
  .pure-u-md-1-6, .pure-u-md-4-24 { width: 16.6667%; }
  .pure-u-md-1-5 { width: 20%; }
  .pure-u-md-5-24 { width: 20.8333%; }
  .pure-u-md-1-4, .pure-u-md-6-24 { width: 25%; }
  .pure-u-md-7-24 { width: 29.1667%; }
  .pure-u-md-1-3, .pure-u-md-8-24 { width: 33.3333%; }
  .pure-u-md-3-8, .pure-u-md-9-24 { width: 37.5%; }
  .pure-u-md-2-5 { width: 40%; }
  .pure-u-md-5-12, .pure-u-md-10-24 { width: 41.6667%; }
  .pure-u-md-11-24 { width: 45.8333%; }
  .pure-u-md-1-2, .pure-u-md-12-24 { width: 50%; }
  .pure-u-md-13-24 { width: 54.1667%; }
  .pure-u-md-7-12, .pure-u-md-14-24 { width: 58.3333%; }
  .pure-u-md-3-5 { width: 60%; }
  .pure-u-md-5-8, .pure-u-md-15-24 { width: 62.5%; }
  .pure-u-md-2-3, .pure-u-md-16-24 { width: 66.6667%; }
  .pure-u-md-17-24 { width: 70.8333%; }
  .pure-u-md-3-4, .pure-u-md-18-24 { width: 75%; }
  .pure-u-md-19-24 { width: 79.1667%; }
  .pure-u-md-4-5 { width: 80%; }
  .pure-u-md-5-6, .pure-u-md-20-24 { width: 83.3333%; }
  .pure-u-md-7-8, .pure-u-md-21-24 { width: 87.5%; }
  .pure-u-md-11-12, .pure-u-md-22-24 { width: 91.6667%; }
  .pure-u-md-23-24 { width: 95.8333%; }
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-5-5, .pure-u-md-24-24 { width: 100%; } }

/* "pure-u-sm-*”:スマフォ（ポートレイト）用（320以下） */
@media screen and (max-width: 320px) { .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-2, .pure-u-sm-1-3, .pure-u-sm-2-3, .pure-u-sm-1-4, .pure-u-sm-3-4, .pure-u-sm-1-5, .pure-u-sm-2-5, .pure-u-sm-3-5, .pure-u-sm-4-5, .pure-u-sm-5-5, .pure-u-sm-1-6, .pure-u-sm-5-6, .pure-u-sm-1-8, .pure-u-sm-3-8, .pure-u-sm-5-8, .pure-u-sm-7-8, .pure-u-sm-1-12, .pure-u-sm-5-12, .pure-u-sm-7-12, .pure-u-sm-11-12, .pure-u-sm-1-24, .pure-u-sm-2-24, .pure-u-sm-3-24, .pure-u-sm-4-24, .pure-u-sm-5-24, .pure-u-sm-6-24, .pure-u-sm-7-24, .pure-u-sm-8-24, .pure-u-sm-9-24, .pure-u-sm-10-24, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-sm-1-24 { width: 4.1667%; }
  .pure-u-sm-1-12, .pure-u-sm-2-24 { width: 8.3333%; }
  .pure-u-sm-1-8, .pure-u-sm-3-24 { width: 12.5%; }
  .pure-u-sm-1-6, .pure-u-sm-4-24 { width: 16.6667%; }
  .pure-u-sm-1-5 { width: 20%; }
  .pure-u-sm-5-24 { width: 20.8333%; }
  .pure-u-sm-1-4, .pure-u-sm-6-24 { width: 25%; }
  .pure-u-sm-7-24 { width: 29.1667%; }
  .pure-u-sm-1-3, .pure-u-sm-8-24 { width: 33.3333%; }
  .pure-u-sm-3-8, .pure-u-sm-9-24 { width: 37.5%; }
  .pure-u-sm-2-5 { width: 40%; }
  .pure-u-sm-5-12, .pure-u-sm-10-24 { width: 41.6667%; }
  .pure-u-sm-11-24 { width: 45.8333%; }
  .pure-u-sm-1-2, .pure-u-sm-12-24 { width: 50%; }
  .pure-u-sm-13-24 { width: 54.1667%; }
  .pure-u-sm-7-12, .pure-u-sm-14-24 { width: 58.3333%; }
  .pure-u-sm-3-5 { width: 60%; }
  .pure-u-sm-5-8, .pure-u-sm-15-24 { width: 62.5%; }
  .pure-u-sm-2-3, .pure-u-sm-16-24 { width: 66.6667%; }
  .pure-u-sm-17-24 { width: 70.8333%; }
  .pure-u-sm-3-4, .pure-u-sm-18-24 { width: 75%; }
  .pure-u-sm-19-24 { width: 79.1667%; }
  .pure-u-sm-4-5 { width: 80%; }
  .pure-u-sm-5-6, .pure-u-sm-20-24 { width: 83.3333%; }
  .pure-u-sm-7-8, .pure-u-sm-21-24 { width: 87.5%; }
  .pure-u-sm-11-12, .pure-u-sm-22-24 { width: 91.6667%; }
  .pure-u-sm-23-24 { width: 95.8333%; }
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-5-5, .pure-u-sm-24-24 { width: 100%; } }

/* ====================================== */