/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face{
    font-family:'tagofont';
    src:url('../fonts/tago-font/Tagostudio-ExtraBold.eot');
    src:url('../fonts/tago-font/Tagostudio-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tago-font/Tagostudio-ExtraBold.woff2') format('woff2'),
    url('../fonts/tago-font/Tagostudio-ExtraBold.woff') format('woff'),
    url('../fonts/tago-font/Tagostudio-ExtraBold.ttf') format('truetype'),
    url('../fonts/tago-font/Tagostudio-ExtraBold.svg#svgFontName') format('svg');
}

/* **************************************************************************
   common
   ************************************************************************** */
/* golden ratio 1:1.618 */
/*html { font-size:13.5px; line-height:22px; letter-spacing:0.5px; font-family:'Noto Sans JP', 'Noto Sans KR', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; }*/
html { font-size:13.5px; line-height:22px; letter-spacing:0.5px; font-family: 'Crimson Text', 'Noto Serif', 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; }
img { border:none; max-width:100%; height:auto; }
a { text-decoration:none; transform:scale(1.0); transition:all .25s ease-in-out; }
a:hover { opacity:0.75; filter: alpha(opacity=75); -moz-opacity:0.75; }
html, a { color: #131313/*#080808*/; }

.marugo { font-family:'hiragino maru gothic proN', 'Kosugi Maru', meiryo, helvetica, arial, sans-serif; }
.gothic { font-family:'Noto Sans JP', 'Noto Sans KR', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; }
.gothic2 { font-family:'PT Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; }
.mincho { font-family: 'Noto Serif', 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; }
.mincho2 { font-family: 'PT Serif', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; }
.mincho3 { font-family: 'Crimson Text', 'Noto Serif', 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; }
.number { font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Century Gothic', "游ゴシック", YuGothic, 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.tagofont{font-family: 'tagofont'; }

/*IE8～IE11*/
@media screen\0 {
   html { font-family:arial, Garamond, 'Times New Roman', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif; }
}

.x { width:100%; overflow:hidden; }
.x .y { width:100%; position:relative; }
.x .y .z { width:100%; margin:auto; position:relative; }

span.word { display:inline-block; }

@media screen and (max-device-width: 480px) {
    body { -webkit-text-size-adjust: none; }
}

.bgi.small { background-size:contain; background-position:center; background-repeat:no-repeat; } /* 領域内におさまる最大サイズで画像を表示。領域内に余白が生じる。画像は見切れない。 */
.bgi.large { background-size:cover;   background-position:center; background-repeat:no-repeat; } /* 領域一杯に画像を表示。領域の全てが画像で覆われる。画像は見切れる。 */
.bgi.tiles { background-size:auto;    background-position:center; background-repeat:repeat;    } /* 領域をパターン画像で埋め尽くす。 */

/* jQuery mobile */
div.ui-loader { display:none; }

/* outline */
.outline {
    filter:dropshadow(color=#000000,offX= 0,offY=-1)
    dropshadow(color=#000000,offX= 1,offY= 0)
    dropshadow(color=#000000,offX= 0,offY= 1)
    dropshadow(color=#000000,offX=-1,offY= 0);

    /*
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: 1px;
    */

    text-shadow: black 1px 1px 0px, black -1px 1px 0px,
                 black 1px -1px 0px, black -1px -1px 0px;

    color:#fff;
}

/* form parts normalizer */
.form select::-ms-expand { display:none; }
select {
    top:-1px; /*border分*/
    border:1px solid #4d4d4d;
    border-radius:8px;/*0.5rem;*/
    padding-left:0.5rem; padding-right:0.5rem;
    /*width:80px;*/

    border:1px solid transparent;
    background:transparent;
}

/* form parts normalizer (essential param) */
.form input[type=checkbox],
.form input[type=radio] { position:relative; top:-0.125rem; }
.form select,
.form input[type=text],
.form input[type=tel],
.form textarea { -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; color:inherit; display:inline-block; font-family:inherit; font-size:inherit; letter-spacing:inherit; line-height:normal; margin:0; max-width:100%; text-transform:none; -o-transition:box-shadow 0.45s, border-color 0.45s ease-in-out; -ms-transition:box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition:box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-transition:box-shadow 0.45s, border-color 0.45s ease-in-out; transition:box-shadow 0.45s, border-color 0.45s ease-in-out; vertical-align:middle; }
.form input[type=text]:disabled,
.form input[type=tel]:disabled { background-color: #4c4c4c !important; }
.form select { background-repeat:no-repeat; background-position-x:97%; background-position-y:center; background-position:97% center; background-size:contain; background-image:url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=="); }
.form option { display:block; white-space:pre; padding:0px 2px 1px; }
.form textarea { overflow:auto; }
@media all and (-ms-high-contrast:none) {
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.25rem; }
    .form select { background-image:none; }
    *::-ms-backdrop,
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.25rem; }
    *::-ms-backdrop,
    .form select { background-image:none; }
}
@supports (-ms-accelerator:true) {
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.25rem; }
}

/* button */
.btn { text-decoration:none; text-align:center; }
.btn table { border-collapse:collapse; margin:auto; font-size:1rem; line-height:1.375rem; height:3.25rem; }
.btn table td { padding:0; }

/* button --- display */
.btn.disp {}
.btn.disp.b03k { display:block; margin-bottom:0.5rem; }
.btn.disp.i10k { display:inline-block; width:120px; max-width:120px; }

/* button --- border */
.btn.bdr { border:1px solid transparent; }
.btn.bdr.rnd { border-radius:0.25rem; }

/* button --- bg */
.btn.bg { background-color:transparent; color:#4d4d4d; }

/* button --- animation */
.btn.ani { position:relative; overflow:hidden; }
/* button --- animation --- circle wave */
.btn.ani.cw {}
.btn.ani.cw:before { content:''; position:absolute; left:50%; top:50%; width:125%; padding-top:125%; border-radius:62.5%; margin-left:-62.5%; margin-top:-62.5%; transition:all .25s ease-in-out; transform:scale(0, 0); z-index:-1; }
.btn.ani.cw:hover:before { transform:scale(1.0, 1.0); }
/* button --- animation --- marker bounce */
.btn.ani .btn-m-wrapper { position:relative; display:inline-block; padding-right:4px; }
.btn.ani.mb:hover .marker { position:relative; display:inline-block;
    -moz-animation-name: marker-bounce-1;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;

    -ms-animation-name: marker-bounce-1;
    -ms-animation-duration: 5s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count: infinite;

    -o-animation-name: marker-bounce-1;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: infinite;

    -webkit-animation-name: marker-bounce-1;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes marker-bounce-1 {
    0% { -moz-transform:translate3d(0px,0,0); }
    20% { -moz-transform:translate3d(3px,0,0); }
    80% { -moz-transform:translate3d(-1px,0,0); }
    100% { -moz-transform:translate3d(0px,0,0); }
}
@-ms-keyframes marker-bounce-1 {
    0% { -ms-transform:translate3d(0px,0,0); }
    20% { -ms-transform:translate3d(3px,0,0); }
    80% { -ms-transform:translate3d(-1px,0,0); }
    100% { -ms-transform:translate3d(0px,0,0); }
}
@-o-keyframes marker-bounce-1 {
    0% { -o-transform:translate3d(0px,0,0); }
    20% { -o-transform:translate3d(3px,0,0); }
    80% { -o-transform:translate3d(-1px,0,0); }
    100% { -o-transform:translate3d(0px,0,0); }
}
@-webkit-keyframes marker-bounce-1 {
    0% { -webkit-transform:translate3d(0px,0,0); }
    20% { -webkit-transform:translate3d(3px,0,0); }
    80% { -webkit-transform:translate3d(-1px,0,0); }
    100% { -webkit-transform:translate3d(0px,0,0); }
}

/* button --- type (00) ... サイズ感 */
.btn.typ-00 table { font-size:1rem; line-height:1.375rem; height:3.25rem;/*custom val (set btn min-height. recommended value: td's padding-top + padding-bottom + 2 * line-height or more)*/ }
.btn.typ-00 table td { padding:0.25rem 0; }
.btn.typ-00.disp.b03k { margin-bottom:0.5rem; }
.btn.typ-00.disp.i10k { width:120px; max-width:120px;/*custom val (set btn max-width. recommended value: 280px or less)*/ }
.btn.typ-00.bdr.rnd { border-radius:0.25rem; }

/* button --- border --- color scheme (00) ... 色合い */
.btn.bdr.clr-00a,
.btn.bdr.clr-00b,
.btn.bdr.clr-00c,
.btn.bdr.clr-00d { border:1px solid #1e8a46;/*濃色1*/ }
/* button --- bg --- color scheme (00) */
.btn.bg.clr-00a,
.btn.bg.clr-00b { background-color:#1e8a46;/*濃色1*/ color:#ffffff; }
.btn.bg.clr-00c,
.btn.bg.clr-00d { background-color:#c7e2d1;/*薄色1=白*75%+濃色1*25%*/ color:#4d4d4d; }
/* button --- animation --- change (color, background-color, border-color) color scheme (00) */
.btn.ani.cc.clr-00a:hover,
.btn.ani.cc.clr-00b:hover { background-color:rgba(199,226,209,0.25);/*薄色B*/ border-color:#8a461e;/*濃色B*/ color:#4d4d4d; }
.btn.ani.cc.clr-00c:hover,
.btn.ani.cc.clr-00d:hover { background-color:rgba(56,29,46,0.75);/*濃色B*/ border-color:#8a461e;/*薄色B*/ color:#ffffff; }
/* button --- animation --- circle wave --- color scheme (00) */
.btn.ani.cw.clr-00a::before,
.btn.ani.cw.clr-00c::before { background-color:#c7e2d1;/*薄色1*/ background-color:rgba(30,138,70,0.25);/*濃色1の透過25%*/ }
.btn.ani.cw.clr-00b::before,
.btn.ani.cw.clr-00d::before { background-color:#c7e2d1;/*薄色1*/ background-color:rgba(30,138,70,0.25);/*濃色1の透過25%*/
    background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(30,138,70,0.25)), to(rgba(30,138,70,0)));
    background:-webkit-radial-gradient(center, circle cover, rgba(30,138,70,0.25) 0%, rgba(30,138,70,0) 100%);
    background:-moz-radial-gradient(center, circle cover, rgba(30,138,70,0.25) 0, rgba(30,138,70,0) 100%);
    background:-o-radial-gradient(center, circle cover, rgba(30,138,70,0.25) 0, rgba(30,138,70,0) 100%);
    background:radial-gradient(rgba(30,138,70,0.25) 0, rgba(30,138,70,0) 100%);
}




/* ********************************************************************************
 * .x.BL-C1-C100-R-000 (form)
 * ******************************************************************************** */
.x.BL-C1-C100-R-000 {}
.x.BL-C1-C100-R-000 .y { background-color:transparent; padding: 80px 0; }
.x.BL-C1-C100-R-000 .y .z { background-color:transparent; }
.x.BL-C1-C100-R-000 .y .z .w { padding:0 20px; }
.x.BL-C1-C100-R-000 .y .z .w .i { background-color:transparent; color:#333333; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1 .hdn { visibility: hidden; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1 { padding:12px 4px; border-top:1px #bdbdbd solid; border-bottom:1px #bdbdbd solid; margin-top:-1px; }/* form-item wrapper */
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 { border-collapse:collapse; width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1 { width:17rem; padding-right:1rem; }/* 項目名エリア */
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker { position:relative; padding-left:1rem; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker { /*position:absolute;*/ left:0; top:0; width:1rem; text-align:center; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker::before { content:''; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker.required::before { content:'※'; color:/*#C03*/#ff4e4e; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker.optional::before { content:'　'; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker.optional::before { content:'　'; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2 {}/* 入力欄エリア */
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 label span { vertical-align:text-bottom; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-2 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-2-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-2-1-1 {}
/* form parts normalizer (custom param) */
.x.BL-C1-C100-R-000 .form select,
.x.BL-C1-C100-R-000 .form input[type=text],
.x.BL-C1-C100-R-000 .form input[type=tel],
.x.BL-C1-C100-R-000 .form textarea { background-color:#EBEBEB; border:1px solid #EBEBEB/*#5d924c*/; border-radius:3px; font-size:1rem; padding:0.5rem 14px;/*「.fomr select」と「ie fixパート」のpadding-rightと連動して調整しなければならない。左右のpaddingはhtml要素に指定している master となる font-size。*/ }
.x.BL-C1-C100-R-000 .form select { background-color:#ffffff; background-position-x:100%; background-position:100% center; background-image:none; /*width:100%;/*幅100%ととするか、padding-rightを設定する。*/ padding-right:2rem;/*「.fomr select」のpadding-rightと画像幅の和を設定する、*/ line-height: 1.4; }
.x.BL-C1-C100-R-000 .form .select-wrap { position: relative; display: inline-block; }
.x.BL-C1-C100-R-000 .form .select-wrap:before { content:'▼'; display: block; position:absolute; top:50%; right:0.75rem; margin-top: -11px; text-align:center; font-size:inherit; line-height:inherit; letter-spacing:inherit; font-family:inherit; color:inherit; pointer-events: none; color: #333; }
.x.BL-C1-C100-R-000 .form option {}
.x.BL-C1-C100-R-000 .form input[type=text] { width:100%; }
.x.BL-C1-C100-R-000 .form input[type=tel] { width:100%; }
.x.BL-C1-C100-R-000 .form textarea { width:100%; min-height:8rem; }
/* error message */
.x.BL-C1-C100-R-000 .form .d1-1-1.error { background-color:#fcecf2; }
.x.BL-C1-C100-R-000 .form .d1-1-1.error select,
.x.BL-C1-C100-R-000 .form .d1-1-1.error input[type=text],
.x.BL-C1-C100-R-000 .form .d1-1-1.error input[type=tel],
.x.BL-C1-C100-R-000 .form .d1-1-1.error textarea { border-color:#C03; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 > tbody > tr.d1-1-1-1-2 { display:none;  color:#C03; }
/* ie fix */
@media all and (-ms-high-contrast:none) {
    .x.BL-C1-C100-R-000 .form input[type=checkbox],
    .x.BL-C1-C100-R-000 .form input[type=radio] { position:relative; top:2px; }
    .x.BL-C1-C100-R-000 .form select { background-image:none; padding-right:14px;/*「.fomr select」のpadding-rightと同じ値を設定する。*/ }
    *::-ms-backdrop,
    .x.BL-C1-C100-R-000 .form input[type=checkbox],
    .x.BL-C1-C100-R-000 .form input[type=radio] { position:relative; top:2px; }
    *::-ms-backdrop,
    .x.BL-C1-C100-R-000 .form select { background-image:none; padding-right:14px;/*「.fomr select」のpadding-rightと同じ値を設定する。*/ }
}
@supports (-ms-accelerator:true) {
    .x.BL-C1-C100-R-000 .form input[type=checkbox],
    .x.BL-C1-C100-R-000 .form input[type=radio] { top:2px; }
}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.BL-C1-C100-R-000 .form input[type=text] { width:90%; }
    .x.BL-C1-C100-R-000 .form input[type=tel] { width:90%; }
    .x.BL-C1-C100-R-000 .form textarea { width:90%; min-height:8rem; }
    .x.BL-C1-C100-R-000 .form .select-wrap { width: 90%; }
    .x.BL-C1-C100-R-000 .form select { width:100%; }

    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 { height:39px;/*It works min-height.*/ }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .s { display:inline-block; width:1rem; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .note { display: block; margin-top: 10px; font-size: 0.9rem; letter-spacing: 0; line-height: 1.5; color: #c5c5c5; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1.error .d1-1-1-1 .t1 > tbody > tr.d1-1-1-1-2 { display:table-row; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.BL-C1-C100-R-000 .form input[type=text] { width:90%; }
    .x.BL-C1-C100-R-000 .form input[type=tel] { width:90%; }
    .x.BL-C1-C100-R-000 .form textarea { width:90%; min-height:8rem; }
    .x.BL-C1-C100-R-000 .form .select-wrap { width: 90%; }
    .x.BL-C1-C100-R-000 .form select { width:100%; }

    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 { height:39px;/*It works min-height.*/ }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .s { display:block; width:1rem; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .note { display: block; margin-top: 10px; font-size: 0.9rem; letter-spacing: 0; line-height: 1.5; color: #c5c5c5; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1.error .d1-1-1-1 .t1 > tbody > tr.d1-1-1-1-2 { display:table-row; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1.va-t { vertical-align:top; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.BL-C1-C100-R-000 .form .select-wrap { width: 90%; }
    .x.BL-C1-C100-R-000 .form select { width:100%; }

    .x.BL-C1-C100-R-000 .y .z .w .i { padding:10px 0 0; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1,
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2 { width:auto; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 { height:auto; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1,
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 > tbody,
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 > tbody > tr,
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 > tbody > tr > td { display:block; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker { padding-left:0; padding-bottom:1rem; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .s { display:block; width:1rem; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .note { display: block; margin-top: 10px; font-size: 0.9rem; letter-spacing: 0; line-height: 1.5; color: #c5c5c5; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1.error .d1-1-1-1 .t1 > tbody > tr.d1-1-1-1-2 { display:block; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1.va-t { vertical-align:top; }
}

.x.BL-C1-C100-R-000 .marker { background:none; }

:placeholder-shown { color:#ccc; }
::-webkit-input-placeholder { color:#ccc; }
:-moz-placeholder { color:#ccc; opacity:1; }
::-moz-placeholder { color:#ccc; opacity:1; }
:-ms-input-placeholder { color:#ccc; } /* for IE10 only */
:-ms-input-placeholder { color:#ccc !important; } /* for IE10-11 */
::-ms-input-placeholder { color:#ccc; } /* Edge */
::placeholder { color:#ccc;} /* CSS Working Draft */

.x.BL-C1-C100-R-000 .form .d1-1-2 { text-align:center; }
.x.BL-C1-C100-R-000 .form .d1-1-2-1 { display:inline-block; text-align:left; /*max-width:640px;*/ padding:40px 14px; }
.x.BL-C1-C100-R-000 .form .d1-1-2-1 .chk { text-align:center; }
.x.BL-C1-C100-R-000 .form .d1-1-2-1 .chk input { vertical-align: middle; }
.x.BL-C1-C100-R-000 .form .d1-1-2-1 .required { color:/*#C03*/#ff4e4e; }
.x.BL-C1-C100-R-000 .form .d1-1-2-1 a { text-decoration:underline; color:#333333; }
.x.BL-C1-C100-R-000 .form .d1-1-2-2 a { display:inline-block; background-color:#2C2E2E; color:#ffffff; margin:10px; }
.x.BL-C1-C100-R-000 .form .d1-1-2-2 a.back { background-color:#b0b0b0; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.BL-C1-C100-R-000 .form .d1-1-2-1 .chk { margin-top: 1em; }
    .x.BL-C1-C100-R-000 .form .d1-1-2-2 a { width:360px; line-height:65px; font-size:20px; letter-spacing: 2px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.BL-C1-C100-R-000 .form .d1-1-2-1 { padding:40px 0; }
    .x.BL-C1-C100-R-000 .form .d1-1-2-1 .chk { margin-top: 1em; }
    .x.BL-C1-C100-R-000 .form .d1-1-2-2 a { width:360px; line-height:65px; font-size:20px; letter-spacing: 2px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.BL-C1-C100-R-000 .form .d1-1-2-1 { padding:40px 0; }
    .x.BL-C1-C100-R-000 .form .d1-1-2-1 .chk { margin-top: 1em; }
    .x.BL-C1-C100-R-000 .form .d1-1-2-2 a { width:260px; line-height:45px; font-size:18px; letter-spacing: 2px; }
}

/* index form */
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.BL-C1-C100-R-000 .y { padding: 50px 0 90px; }
    #contact .x.BL-C1-C100-R-000 .y { padding: 50px 0 90px; }
    #contact_thx .x.BL-C1-C100-R-000 .y { padding: 50px 0 90px; }
    #inquiry .x.BL-C1-C100-R-000 .y { padding: 50px 0 0; }
    #inquiry_thx .x.BL-C1-C100-R-000 .y { padding: 50px 0 0; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.BL-C1-C100-R-000 .y { padding: 50px 0 90px; }
    #contact .x.BL-C1-C100-R-000 .y { padding: 50px 0 90px; }
    #contact_thx .x.BL-C1-C100-R-000 .y { padding: 50px 0 90px; }
    #inquiry .x.BL-C1-C100-R-000 .y { padding: 80px 0; }
    #inquiry_thx .x.BL-C1-C100-R-000 .y { padding: 50px 0 0; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.BL-C1-C100-R-000 .y { padding: 40px 0 80px; }
    #contact .x.BL-C1-C100-R-000 .y { padding: 40px 0 80px; }
    #contact_thx .x.BL-C1-C100-R-000 .y { padding: 40px 0 80px; }
    #inquiry .x.BL-C1-C100-R-000 .y { padding: 40px 0; }
    #inquiry_thx .x.BL-C1-C100-R-000 .y { padding: 40px 0 0; }
}

#contact .x.BL-C1-C100-R-000 {}
#contact .x.BL-C1-C100-R-000 .y { background-image:url(../img/common-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i { background-color:transparent; color:#fff; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .head {}
#contact .x.BL-C1-C100-R-000 .y .z .w .i .head .title { text-align: center; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .head .title div { display: inline-block; color: #C99E6F; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content { text-align: center; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .ht { text-align: center; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .ht div { display: inline-block; color: #fff; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc { color: #fff; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc p { position: relative; display: inline-block; margin: 0; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc p span.mark {}
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor { color: #fff; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .title {}
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .info {}
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .info a { color: #fff; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker { color: #fff; }
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .title {}
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .info {}
#contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .info a { color: #fff; }

#contact .x.BL-C1-C100-R-000 .form .d1-1-2-1 a { text-decoration:underline; color:#fff; }
#contact .x.BL-C1-C100-R-000 .form .d1-1-2-2 a { border: 1px solid #fff; }
#contact .x.BL-C1-C100-R-000 .form select,
#contact .x.BL-C1-C100-R-000 .form input[type=text],
#contact .x.BL-C1-C100-R-000 .form input[type=tel],
#contact .x.BL-C1-C100-R-000 .form textarea { color: #333333; }
#contact .x.BL-C1-C100-R-000 .form .photo { max-width: 240px; }

#contact .x.BL-C1-C100-R-000 .form ul.tabs { list-style: none; margin: 0; padding: 0; }
#contact .x.BL-C1-C100-R-000 .form ul.tabs li { text-align: center; cursor: pointer; box-sizing: border-box; }
#contact .x.BL-C1-C100-R-000 .form ul.tabs li.active { background-color: #fff; color: #333; }
#contact .x.BL-C1-C100-R-000 .form ul.tabs li.noclick { cursor: default; }
#contact .x.BL-C1-C100-R-000 .form .tab-content { display: none; }
#contact .x.BL-C1-C100-R-000 .form .tab-content.active { display: block; }
#contact .x.BL-C1-C100-R-000 .form .tab-content.active { display: block; }
#contact .x.BL-C1-C100-R-000 .form .desc { color:#ff7474; text-align:center; }
#contact .x.BL-C1-C100-R-000 .form .desc div { display: inline-block; }
#contact .x.BL-C1-C100-R-000 .form .com-error { color:#ff7474; text-align:center; margin:15px 0; text-shadow: 0px 0px 1px rgba(255, 78, 78, 1); }
#contact .x.BL-C1-C100-R-000 .form .com-conf { text-align:center; margin-bottom:10px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #contact .x.BL-C1-C100-R-000 .y .z { padding: 100px 0 40px; }

    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head { margin-top: 40px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head .title {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content { margin-top: 60px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .ht {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .ht div { font-size: 1.35rem; letter-spacing: 1px; line-height: 1.2; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc { margin-top: 30px;  font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc p { padding-left: 1.1em; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc p span.mark { position: absolute; top: 0; left: 0; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor { margin-top: 30px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .info a { cursor: inherit; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker { margin-top: 30px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .info a { cursor: inherit; }

    #contact .x.BL-C1-C100-R-000 .y .z .w .i .d1 { margin-top: 60px; }

    #contact .x.BL-C1-C100-R-000 .form ul.tabs { display: flex; flex-flow: row nowrap; justify-content: center; }
    #contact .x.BL-C1-C100-R-000 .form ul.tabs li { width: 50%; font-size: 2rem; letter-spacing: 0.5px; line-height: 1.2; border-bottom: 1px solid #fff; margin-top: 30px; padding: 20px 0; }
    #contact .x.BL-C1-C100-R-000 .form .tab-1 { margin-top: 0/*60px*/; }
    #contact .x.BL-C1-C100-R-000 .form .tab-2 { margin-top: 20px; }

    #contact .x.BL-C1-C100-R-000 .form .desc { margin-bottom: 20px; font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.4; }
    #contact .x.BL-C1-C100-R-000 .form .desc div { border: 3px solid #ff7474; padding: 10px 20px; }
    #contact .x.BL-C1-C100-R-000 .form .com-error { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.4; }
    #contact .x.BL-C1-C100-R-000 .form .com-conf { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.4; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contact .x.BL-C1-C100-R-000 .y .z { padding: 100px 0 40px; }

    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head { margin-top: 40px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head .title {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content { margin-top: 60px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .ht {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .ht div { font-size: 1.35rem; letter-spacing: 1px; line-height: 1.2; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc { margin-top: 30px;  font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc p { padding-left: 1.1em; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc p span.mark { position: absolute; top: 0; left: 0; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor { margin-top: 30px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .info a { cursor: inherit; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker { margin-top: 30px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .info a { cursor: inherit; }

    #contact .x.BL-C1-C100-R-000 .y .z .w .i .d1 { margin-top: 60px; }

    #contact .x.BL-C1-C100-R-000 .form ul.tabs { display: flex; flex-flow: row nowrap; justify-content: center; }
    #contact .x.BL-C1-C100-R-000 .form ul.tabs li { width: 50%; font-size: 2rem; letter-spacing: 0.5px; line-height: 1.2; border-bottom: 1px solid #fff; margin-top: 30px; padding: 20px 0; }
    #contact .x.BL-C1-C100-R-000 .form .tab-1 { margin-top: 0/*60px*/; }
    #contact .x.BL-C1-C100-R-000 .form .tab-2 { margin-top: 20px; }

    #contact .x.BL-C1-C100-R-000 .form .desc { margin-bottom: 20px; font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.4; }
    #contact .x.BL-C1-C100-R-000 .form .desc div { border: 3px solid #ff7474; padding: 10px 20px; }
    #contact .x.BL-C1-C100-R-000 .form .com-error { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.4; }
    #contact .x.BL-C1-C100-R-000 .form .com-conf { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.4; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #contact .x.BL-C1-C100-R-000 .y { background-position: 72% top; }
    #contact .x.BL-C1-C100-R-000 .y .z { padding: 30px 0; }

    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head .title {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content { margin-top: 40px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .ht {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .ht div { font-size: 1.15rem; letter-spacing: 1px; line-height: 1.2; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc { margin-top: 15px; font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); text-align: left; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc p {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .desc p span.mark {}
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor { margin-top: 30px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .title { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .info { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .distributor .info span { display: inline-block; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker { margin-top: 30px; }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .title { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .info { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #contact .x.BL-C1-C100-R-000 .y .z .w .i .content .maker .info span { display: inline-block; }

    #contact .x.BL-C1-C100-R-000 .y .z .w .i .d1 { margin-top: 50px; }

    #contact .x.BL-C1-C100-R-000 .form ul.tabs { display: flex; flex-flow: row nowrap; justify-content: center; }
    #contact .x.BL-C1-C100-R-000 .form ul.tabs li { width: 50%; font-size: 1.25rem; letter-spacing: 0.5px; line-height: 1.2; border-bottom: 1px solid #fff; padding: 20px 0; }
    #contact .x.BL-C1-C100-R-000 .form .tab-1 { margin-top: 0/*40px*/; }
    #contact .x.BL-C1-C100-R-000 .form .tab-2 { margin-top: 10px; }

    #contact .x.BL-C1-C100-R-000 .form .desc { margin-bottom: 10px; font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.4; }
    #contact .x.BL-C1-C100-R-000 .form .desc div { border: 2px solid #ff7474; padding: 12px 12px; }
    #contact .x.BL-C1-C100-R-000 .form .com-error { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.4; }
    #contact .x.BL-C1-C100-R-000 .form .com-conf { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.4; }
}

#contact_thx .x.BL-C1-C100-R-000 {}
#contact_thx .x.BL-C1-C100-R-000 .y { background-image:url(../img/common-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#contact_thx .x.BL-C1-C100-R-000 .y .z .w .i { background-color:transparent; color:#fff; }
#contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head {}
#contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head .title { text-align: center; }
#contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head .title div { display: inline-block; color: #C99E6F; }
#contact_thx .x.BL-C1-C100-R-000 .form .d1-1-2-1 a { text-decoration:underline; color:#fff; }
#contact_thx .x.BL-C1-C100-R-000 .form .d1-1-2-2 a { border: 1px solid #fff; }
#contact_thx .x.BL-C1-C100-R-000 .form select,
#contact_thx .x.BL-C1-C100-R-000 .form input[type=text],
#contact_thx .x.BL-C1-C100-R-000 .form input[type=tel],
#contact_thx .x.BL-C1-C100-R-000 .form textarea { color: #333333; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #contact_thx .x.BL-C1-C100-R-000 .y .z { padding: 100px 0 40px; }

    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head { margin-top: 40px; }
    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head .title {}
    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }

    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .d1 { margin-top: 40px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contact_thx .x.BL-C1-C100-R-000 .y .z { padding: 100px 0 40px; }

    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head { margin-top: 40px; }
    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head .title {}
    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }

    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .d1 { margin-top: 40px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #contact_thx .x.BL-C1-C100-R-000 .y { background-position: 72% top; }
    #contact_thx .x.BL-C1-C100-R-000 .y .z { padding: 30px 0; }

    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1 .head {}
    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1 .head .title {}
    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    #contact_thx .x.BL-C1-C100-R-000 .y .z .w .i .d1 { margin-top: 30px; }

    #contact_thx .x.BL-C1-C100-R-000 .form .d1-1-2-1 { padding: 0; }
}







html, body { background-color:transparent; margin:0; padding:0; }
html { background-color:transparent; }

@media (min-width: 960px) {
    /* for pc [960, inf] */
    .device-is-pc .no-pc { display:none; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .device-is-pc .no-tab { display:none; }
/*
    .device-is-pc .x.header-000-000-sp-tab { display:block; }
    .device-is-pc .x.header-000-000-pc { display:none; }
*/
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .device-is-pc .no-sp { display:none; }
}
.device-is-tab .no-tab { display:none; }
.device-is-sp .no-sp { display:none; }

@media screen and (max-width:1024px) {
    ::-webkit-scrollbar { width:0px; }
}

.x { min-width:0px; }
.x .y .z { width:auto; max-width:960px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x { width:960px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}

a, img { -webkit-user-select:none; -webkit-touch-callout:none; }










/* ********************************************************************************
 * sp-header
 * ******************************************************************************** */
#sp-header { /*position:fixed;*/position: absolute; z-index:9997; top:0; width:100%; height:44px; background:rgba(0, 0, 0, 0.625); border-bottom: 0.5px solid #888888; }
#sp-header a#btn-logo { position:absolute; top:2px; left:10px; display:block; width:160px; height:40px; font-size:20px; line-height:20px; text-align:center; font-weight:bold; background:no-repeat; background-position:center; background-size:contain; background-image:url(../img/header-logo.png?v=1); }
#sp-header a#btn-modal-menu-opener { position:absolute; top:2px; right:10px; display:block; width:40px; height:40px; font-size:20px; line-height:20px; text-align:center; font-weight:bold; background:no-repeat; background-position:center; background-size:contain; }
#sp-header a#btn-modal-menu-opener .bar1 { position:absolute; width:28px; height:3px; left:6px; top: 5px; background:#444; border-radius:1px; }
#sp-header a#btn-modal-menu-opener .bar2 { position:absolute; width:28px; height:3px; left:6px; top:12px; background:#444; border-radius:1px; }
#sp-header a#btn-modal-menu-opener .bar3 { position:absolute; width:28px; height:3px; left:6px; top:19px; background:#444; border-radius:1px; }
#sp-header a#btn-modal-menu-opener .txt { position:absolute; width:40px; height:10px; left:0px; top:26px; font-size:10px; line-height:10px; text-align:center; }
#sp-header a#btn-modal-menu-opener .bar1 { top:10px; }
#sp-header a#btn-modal-menu-opener .bar2 { top:18px; }
#sp-header a#btn-modal-menu-opener .bar3 { top:26px; }
#sp-header a#btn-modal-menu-opener .txt { display:none; }

#modal-header-menu { display:none; position:fixed; width:100%; z-index:9999; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.875);/*#fff;*/ font-family:"Helvetica Neue", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, sans-serif; font-weight:400; }
.modal-header-menu-w { position:relative; width:100vw; height:100%; box-sizing:border-box; overflow:scroll; /*-webkit-overflow-scrolling:touch;*/ padding-bottom:100px; }
.modal-header-menu-i { padding:0 20px; }
.modal-header-menu-i .modal-header { position:relative; min-height:60px; }
.modal-header-menu-i .modal-header a#btn-modal-menu-closer { position:absolute; top:5px; right:0; display:block; width:20px; height:20px; font-size:20px; line-height:20px; text-align:center; font-weight:bold; background:no-repeat; background-position:center; background-size:contain; }

.modal-header-menu-i .item { padding: 0; border-bottom:1px solid #eee; }
.modal-header-menu-i .item a { display:block; padding:15px 0; font-size:18px; line-height:1.2; color: #404040; }
.modal-header-menu-i .item a.has-opener { position:relative; padding-right:16px; }
.modal-header-menu-i .item a.has-opener::after { content:""; position:absolute; top:50%; right:0; display:block; width:20px; height:20px; font-size:20px; line-height:20px; margin-top:-10px; text-align:center; font-weight:bold; background:no-repeat; background-position:center; background-size:contain; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAByUlEQVR4nO3ZPUoEQRDF8X8vGxpvaCweQoxMxEQMPIc3EEPxDMaLmJpq4BFcTAwNNBRUzNpkEFfcD+R1v2p3aphohq56P5oOZlIms8o1cA/grh7APYC7egD3AO7qAdwDuEsOkEgnifSSSOeJNFSvL68svIAzIH+7L4Ghsof6UoY//RG+CQRV+K0Z4cMjqM6AjwXP94FxyDNBJQkcMX8XhNwJ2sWWRxi4gxcBaBGhzKINIZRbuBGEsos3gFC+wXIIFy6EOk0CI9RrFBShYquYCFUBIiJUB4iGYAGIhGADiIJgBYiAYAdwI9jDuxHswf+AMP63AB3C8RII26p+oX6MJNIIOFjw2ivwoOoZBqALfw1sznntHdjL5EdZY/eW77b9CJgwf9u/Idz6X71XObwdwB3eChAhvA0gSngLQKTw1QGiha8KEDF8NYCo4asARA5fHCB6+KIALYQvBtCFv48evghAS+HlAK2FlwK0GF4GAKy1cOD9dqm+CO2w+EvObibfiPrJSgVwCzzNeBY2PCA9AzaAZxrY9lNzSxebRggfPpNJ3eCySqR14BC4yuQ76eIFSg7QWoX5L+CqHsA9gLt6APcA7uoB3AO46xPxYZWOoUelNAAAAABJRU5ErkJggg==); -webkit-transform:rotate(90deg); transform: rotate(90deg); }
.modal-header-menu-i .item a.has-opener.open::after { -webkit-transform:rotate(-90deg); transform: rotate(-90deg); }
.modal-header-menu-i .drop { display:none; }
.modal-header-menu-i .drop.open { display:block; }
.modal-header-menu-i .drop .item { border:none; }
.modal-header-menu-i .drop .item a { position: relative; padding-left: 16px; color: #404040; }
.modal-header-menu-i .drop .item a:after { content: ""; position: absolute; top: 50%; left: 0; width: 8px; height: 2px; margin-top: -1px; background: #404040; }
@media (max-width: 480px) {
    body.open-modal-header-menu { position:fixed; top:0; width:100%; }
    body.open-modal-header-menu #modal-header-menu { display:block; }
}


@keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
/* ********************************************************************************
 * .x.header-000-000-pc
 * ******************************************************************************** */
.x.header-000-000-pc { position: relative; z-index:97; overflow:visible; }
.x.header-000-000-pc .y {}
.x.header-000-000-pc .y .z { max-width:none; }
.x.header-000-000-pc .y .z .w {}
.x.header-000-000-pc .y .z .w .i {}

.x.header-000-000-pc .y .z .w .i {}

.x.header-000-000-pc .y .z .w .i .d1 {}
.x.header-000-000-pc .y .z .w .i .d1-1 {}
.x.header-000-000-pc .y .z .w .i .d1-1-1 { width: 100%; padding: 30px 0; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.25); }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner {  position: relative; max-width:960px; height:auto; margin:0 auto; padding: 0; box-sizing: border-box; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .hd { text-align: center; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .hd a { display: inline-block; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm { position: absolute; top: 45%; right: 5px; transform: translateY(-50%); }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul { list-style: none; margin: 0; padding: 0; float: right; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul li { position: relative; float:left; padding: 0 8px; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul li:last-child { /*padding-right: 5px;*/ padding: 0 0 0 20px; }
/*.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul li:before { content:''; position: absolute; top: 20%; left: 0; width: 1px; height: 60%; background-color: #4c4c4c; }*/
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul li:first-child:before { background-color: transparent; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul li a { display: inline-block; font-size: 1.0rem; line-height: 1.2; letter-spacing: 0.5px;  color: #fff; margin-top: 8px; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul li a.cart { margin-top: 0; }

/* submenu */
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-opener.type-list { position:relative; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-opener.type-list > a > table > tbody > tr > td div:before { content: '\025bc'; position: absolute; top: 0.3rem; right: -15px; font-size: 12px; color: #3FA9F5; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list { position:absolute; top:35px; background-color:rgba(0,0,0,0.75); box-shadow:0 0 2px rgba(0,0,0,0.75); padding:8px 0 8px 0; display:none; border-radius: 4px; border: 1px solid #fff; z-index: 10; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table { width:95%; margin:0 auto; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td { text-align:center; padding:0; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul { list-style:none; margin:0; padding:0; display:block; width:100%; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li { list-style:none; margin:0; padding:0; display:block; width:100%; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a { display:block; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table,
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody,
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr,
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { margin:0; padding:0; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table { border-collapse:collapse; width:98%; height:auto; line-height:0; margin:0 auto; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { text-align:center; color:#fff; font-size:12px; line-height:18px; padding:7px 0 7px 0; letter-spacing: 0; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a:hover { background-color:rgba(0,0,0,0.25); }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a { border:1px dashed #CCC; border-right:none; border-left:none; margin-top:-1px; } /*セパレータの線を付ける場合*/
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li::before { content:none; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li::after  { content:none; }
/* 特殊効果(ここから) */
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { text-align:left; } /*アイコンを動かす場合は左寄せ推奨*/
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a       .iconw { width:21px; font-size: 15px; padding-left: 1%; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a       .iconw .icon { display:inline-block; width:14px; height:14px; line-height:14px; text-align:center; position:relative; left:4px; /*background-color:#EEE;*/ }
/* 特殊効果(ここまで) */
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a .small { font-size:11px; line-height: 1; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a .small2 { font-size:9.5px; line-height: 1; letter-spacing: -0.5px; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a .small3 { font-size:10px; line-height: 1; letter-spacing: 0px; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a { overflow:hidden; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a { position:relative; perspective:300px; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a.dummiy { visibility: hidden; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.col2 > table > tbody > tr > td ul li a { display: inline-block; width: 50%; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td {}
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul li > div.type-list::after { opacity:0; position:absolute; content:''; width:0; height:0; left:50%; bottom:-9px; display:block; border-top:0 solid transparent; border-right:8px solid transparent; border-left:8px solid transparent; margin-left:-10px; border-bottom:8px solid #d1d1d1; transform:scale(1.0); transition:all .25s ease-in-out; z-index: 100; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm ul li > div.active::after { opacity:1 !important; }
.x.header-000-000-pc .y .z .w .i .d1-1-1 .inner .subm { box-shadow:none; }

.x.header-000-000-pc .y .z .w .i .d1-1-1.abs { position: absolute; top: 0; left: 0; }
#index .x.header-000-000-pc .y .z .w .i .d1-1-1.abs { position: absolute; top: 0; left: 0; }

.x.header-000-000-pc .y .z .w .i .mainm { position:relative; height: auto/*80px*/; box-sizing: border-box; overflow: hidden; background: #F2F5F6; /*border-top: 1px dashed #4f4f4f;*/ }
#index .x.header-000-000-pc .y .z .w .i .mainm { background: #ffffff; /*border-top: none;*/ }

.x.header-000-000-pc .y .z .w .i .d2 {
    /*transform:scale(1.0); transition:all .5s ease-in-out;*/
    /*-webkit-animation: fadein 0.5s;*/ /* Safari, Chrome and Opera > 12.1 */
    /*   -moz-animation: fadein 0.5s;*/ /* Firefox < 16 */
    /*    -ms-animation: fadein 0.5s;*/ /* Internet Explorer */
    /*     -o-animation: fadein 0.5s;*/ /* Opera < 12.1 */
    /*        animation: fadein 0.5s;*/
}
.x.header-000-000-pc .y .z .w .i .d2 { position:relative; z-index:98; overflow:visible; }
.x.header-000-000-pc .y .z .w .i .d2-1 { position:relative; max-width:960px; margin:0 auto 0; padding:20px 0; line-height:0; text-align:center; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul { list-style:none; display:inline-block; margin:0; padding:0; line-height:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li { display:inline-block; float:left; margin:0; padding:0; line-height:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li { width:120px;/*メニューアイテムの幅を指定(内容にあわせるのではなく固定割り振り)する場合*/ }
.x.header-000-000-pc .y .z .w .i .d2-1 > ul > li { box-sizing: border-box; }
.x.header-000-000-pc .y .z .w .i .d2-1 > ul > li { border-left: 1px dashed #4f4f4f; box-sizing: border-box; padding: 15px 0 10px; }
.x.header-000-000-pc .y .z .w .i .d2-1 > ul > li:last-child { border-right: 1px dashed #4f4f4f; }
/* 高さほどほどのセパレータ(線)を入れる (ここから) */
@media (min-width: 5000px) { /*実質コメント：後で戻せるように*/
 .x.header-000-000-pc .y .z .w .i .d2-1 ul li { position:relative; margin-left:-1px;  }
 .x.header-000-000-pc .y .z .w .i .d2-1 ul li::before,
 .x.header-000-000-pc .y .z .w .i .d2-1 ul li::after { content:''; display:block; width:1px; border-radius: 5px; position:absolute; background-color:#ffffff;/*#BBB;*/ height:60%; top:25%;/*height + 2 * top = 100% とすること*/ }
 .x.header-000-000-pc .y .z .w .i .d2-1 ul li::before { left:0; }
 .x.header-000-000-pc .y .z .w .i .d2-1 ul li::after { right:0; }
}
@media (min-width: 5000px) { /*実質コメント：後で戻せるように*/
.x.header-000-000-pc .y .z .w .i .d2-1 ul li { position:relative; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li::before,
.x.header-000-000-pc .y .z .w .i .d2-1 ul li:last-child:after { content:''; display:block; width:1.8px; border-radius: 8px; position:absolute; background-color:transparent;/*#BBB;*/ height:70%; top:15%;/*height + 2 * top = 100% とすること*/ }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li::before { left:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li::after { right:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li:nth-child(n+2) { /*margin-left: 25px;*/ }
}

/* 高さほどほどのセパレータ(線)を入れる (ここまで) */
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div { display:block; margin:0 0;/*アイテム間の余白(非リンク領域)*/ padding:0; position:relative; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li:last-child > div { margin:0 0; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div:hover::after { opacity:0.75; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div.active::after { opacity:0.75; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a { text-decoration:none; display:block; padding:5px 5px;/*アイテム間の余白(リンク領域)*/ transition:all .25s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a > table { border-collapse:collapse; width:100%; height:auto;/*set BASE-MENU-BAR-HEIGHT (7 of 9)*/ line-height:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a > table > tbody,
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a > table > tbody > tr,
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a > table > tbody > tr > td { margin:0; padding:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a > table > tbody > tr > td { font-size:14px; line-height:14px; color:#000000; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a > table > tbody > tr > td { font-size:1.26rem; font-weight: bold; line-height:1.2; letter-spacing:0; transition:all .25s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a > table > tbody > tr > td .en { display: block; font-size:10px; letter-spacing:0; margin-top: 3px; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a > table > tbody > tr > td div { position: relative; display: inline-block; width: 100%; }

/*
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div > a:hover { background-color:rgba(0,0,0,0.25); }
*/

/* マウスオーバー時にアイテム下に三角 (ここから) */
/*
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div.type-list::after { opacity:0; position:absolute; content:''; width:0; height:0; left:50%; bottom:0%; display:block; border-top:0 solid transparent; border-right:10px solid transparent; border-left:10px solid transparent; margin-left:-10px; border-bottom:10px solid #DDD; transform:scale(1.0); transition:all .25s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d2-1 ul li > div.active::after { opacity:1 !important; }
.x.header-000-000-pc .y .z .w .i .d2 { box-shadow:none; }
*/
/* マウスオーバー時にアイテム下に三角 (ここまで) */

.x.header-000-000-pc .y .z .w .i .d3 {}
.x.header-000-000-pc .y .z .w .i .d3-1 {}
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee { display:none; }
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee > table { border-collapse:collapse; width:100%; height:auto; line-height:0; max-width:960px; }
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee > table,
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee > table > tbody,
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee > table > tbody > tr,
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee > table > tbody > tr > td { margin:0; padding:0; line-height:0; }
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee > table { margin:auto; }
/* サブメニュー内 --- 無 (ここから) */
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee.type-none { opacity:0; height:0; display:none !important; }
.x.header-000-000-pc .y .z .w .i .d3-1 .sub-menu-openee.type-none > table { display:none; }
/* サブメニュー内 --- 無 (ここまで) */
/* サブメニュー内 --- リスト (ここから) */
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-opener.type-list { position:relative; }
/*
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-opener.type-list > a > table > tbody > tr > td div:before { content: '\025bc'; position: absolute; top: 0.3rem; right: -15px; font-size: 12px; color: #3FA9F5; }
*/
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list { position:absolute; top:20px; background-color:#ffffff; box-shadow:0 0 2px rgba(200,200,200,0.75); padding:8px 0 8px 0; display:none; border-radius: 4px; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list { position:absolute; top:100px; background-color:#ffffff; box-shadow:0 0 2px rgba(0,0,0,0.75); padding:10px 0 10px 0; display:none; border-radius: 4px; z-index: 10; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table { width:95%; margin:0 auto; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td { text-align:center; padding:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul { list-style:none; margin:0; padding:0; display:block; width:100%; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li { list-style:none; margin:0; padding:0; display:block; width:100%; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { display:block; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table,
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody,
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr,
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { margin:0; padding:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table { border-collapse:collapse; width:98%; height:auto; line-height:0; margin:0 auto; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { text-align:center; color:#4d4d4d; font-size:12px; line-height:18px; padding:7px 0 7px 0; letter-spacing: 0; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a:hover { background-color:rgba(0,0,0,0.25); }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { border:1px dashed #CCC; border-right:none; border-left:none; margin-top:-1px; } /*セパレータの線を付ける場合*/
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li::before { content:none; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li::after  { content:none; }
/* 特殊効果(ここから) */
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { text-align:left; } /*アイコンを動かす場合は左寄せ推奨*/
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a       .iconw { width:21px; font-size: 15px; padding-left: 1%; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a       .iconw .icon { display:inline-block; width:14px; height:14px; line-height:14px; text-align:center; position:relative; left:4px; /*background-color:#EEE;*/ }
/*
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a:hover .iconw .icon { transform:scale(1.25); left:10px; background-color:#4d4d4d; color:#d4d4d4; }
*/
/* 特殊効果(ここまで) */
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a .small { font-size:11px; line-height: 1; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a .small2 { font-size:9.5px; line-height: 1; letter-spacing: -0.5px; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a .small3 { font-size:10px; line-height: 1; letter-spacing: 0px; }
/* 特殊効果(ここから) */
@-moz-keyframes header-000-000-pc-ani-04 {
      0% { transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; background:#eee; }
    100% { transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50*/ z-index:1; background:#eee; }
}
@-ms-keyframes header-000-000-pc-ani-04 {
      0% { transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; background:#eee; }
    100% { transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50*/ z-index:1; background:#eee; }
}
@-o-keyframes header-000-000-pc-ani-04 {
      0% { transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; background:#eee; }
    100% { transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50*/ z-index:1; background:#eee; }
}
@-webkit-keyframes header-000-000-pc-ani-04 {
      0% { transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; background:#eee; }
    100% { transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50*/ z-index:1; background:#eee; }
}
@-moz-keyframes header-000-000-pc-ani-05 {
      0% { transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; background:#CCC;/*#4692c3;*/ }
     99% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:1; background:transparent; }
    100% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:0; background:transparent; }
}
@-ms-keyframes header-000-000-pc-ani-05 {
      0% { transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; background:#CCC;/*#4692c3;*/ }
     99% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:1; background:transparent; }
    100% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:0; background:transparent; }
}
@-o-keyframes header-000-000-pc-ani-05 {
      0% { transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; background:#CCC;/*#4692c3;*/ }
     99% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:1; background:transparent; }
    100% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:0; background:transparent; }
}
@-webkit-keyframes header-000-000-pc-ani-05 {
      0% { transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; background:#CCC;/*#4692c3;*/ }
     99% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:1; background:transparent; }
    100% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:0; background:transparent; }
}
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { overflow:hidden; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { position:relative; perspective:300px; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a.dummiy { visibility: hidden; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.col2 > table > tbody > tr > td ul li a { display: inline-block; width: 50%; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td {}

.x.header-000-000-pc .y .z .w .i .under {}
.x.header-000-000-pc .y .z .w .i .under .inner { max-width:960px; margin:0 auto; padding: 15px 0 0; line-height:0; text-align:center; border-bottom: 1px solid #F3F3F3;}

@media (min-width: 1920px) {
}
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}

.x.side-sns {}
.x.side-sns .y {}
.x.side-sns .y .z {}
.x.side-sns .y .z .w {}
.x.side-sns .y .z .w .i {}
.x.side-sns .y .z .w .i .sns {}
.x.side-sns .y .z .w .i .sns ul { list-style:none; margin:0; padding:0; }
.x.side-sns .y .z .w .i .sns ul li {}
.x.side-sns .y .z .w .i .sns ul li a { display: inline-block; }
.x.side-sns .y .z .w .i .btn a { display: inline-block; background-color: #A574AF; color: #ffffff; border-radius: 6px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap; }
.x.side-sns .y .z .w .i .btn a:before { content: '\f879'; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-bottom: 0.5rem; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.side-sns .y .z .w .i .sns { position: fixed; z-index: 1000; top: 30%; right: 15px; }
    .x.side-sns .y .z .w .i .sns ul li {}
    .x.side-sns .y .z .w .i .sns ul li:nth-child(n+2) { margin-top: 15px; }
    .x.side-sns .y .z .w .i .btn a { font-size: 1.2rem; padding: 20px 15px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.side-sns .y .z .w .i .sns { position: fixed; z-index: 1000; top: 30%; right: 15px; }
    .x.side-sns .y .z .w .i .sns ul li {}
    .x.side-sns .y .z .w .i .sns ul li:nth-child(n+2) { margin-top: 15px; }
    .x.side-sns .y .z .w .i .btn a { font-size: 1.2rem; padding: 20px 15px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.side-sns .y {}
    .x.side-sns .y .z .w .i {}

    .x.side-sns .y .z .w .i .sns { position: fixed; z-index: 1000; top: 18%; left: 100%/*90%*/; transition: .3s; }
    .x.side-sns .y .z .w .i .sns ul li {}
    .x.side-sns .y .z .w .i .sns ul li:nth-child(n+2) { margin-top: 15px; }
    .x.side-sns .y .z .w .i .btn a { font-size: 1.0rem; letter-spacing: 0; padding: 12px 5px; }
}


/* ********************************************************************************
 * .x.header-000-000-pc-apdx
 * ******************************************************************************** */
.x.header-000-000-pc-apdx .y .z .w .i .d1{ display:none; }
#index .x.header-000-000-pc-apdx .y .z .w .i .d1 { display:block; }
.x.header-000-000-pc-apdx { background-color:#fdfdfd; /*box-shadow:0 0 10px 0 rgba(0,0,0,0.0625) inset;*/
    /*set BASE-MENU-BAR-HEIGHT (8 of 9)*/
    /*メニューがロゴ領域より上の場合はpadding-top、下の場合はpadding-botomを設定する*/
    /*padding-top:58px; padding-bottom:0px;*/
    /*padding-top:0px; padding-bottom:58px;*/
    padding-top:0px; padding-bottom:0;
}
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.header-000-000-pc-apdx { padding-top:44px; }
}


.camera_wrap { margin-bottom:0 !important; }
.camera_pag { margin-top:-62px; }
.camera_wrap .camera_pag .camera_pag_ul li > span {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 16px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 16px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    background:#dcdcdc;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
    margin:20px 5px;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background:#3AB54A;
}

.camera_wrap .camera_pag .camera_pag_ul {
    max-width:960px;
    margin:auto;
    text-align:left;
}
@media (min-width: 481px) and (max-width: 959px) {
/*
    .camera_wrap .camera_pag .camera_pag_ul li {
        margin:40px 5px 0;
    }
*/
}





/* ********************************************************************************
 * index
 * ******************************************************************************** */
#index .x.aaa { /*overflow:visible;*/ }
#index .x.aaa .y {}
#index .x.aaa .y .z { max-width:none; }
#index .x.aaa .y .z .w {}
#index .x.aaa .y .z .w .i {}
#index .x.aaa .y .z .w .i .d1 {}
#index .x.aaa .y .z .w .i .d1-1 { position: relative; }
#index .x.aaa .y .z .w .i .d1-1-1 { position: relative; width: 100%; box-sizing: border-box; background-color: rgba(0,0,0,0.92); }
#index .x.aaa .y .z .w .i .d1-1-1 .teaser { width: 100%; }
#index .x.aaa .y .z .w .i .d1-1-1 .teaser video { width: 100%; height: 100%; }
#index .x.aaa .y .z .w .i .d1-1-1 .teaser .imgbox { position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; box-sizing: border-box; }
#index .x.aaa .y .z .w .i .d1-1-1 .teaser-i { width: 100%; display:none; }
#index .x.aaa .y .z .w .i .d1-1-1 .teaser-i .imgbox { position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; box-sizing: border-box; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container { display: none; position: relative; width: 100%; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container.initialized { display: block; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider { list-style:none; margin:0; padding:0; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider a { display: block; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider a.no-link { cursor: default; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider a.no-link:hover { opacity: 1; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox { position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox .caption { position: absolute; left: 0; bottom: 0; display: block; color: #ffffff; width: 100%; background-color: rgba(0,0,0,0.6); box-sizing: border-box; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox .caption.hdn { display: none; }

#index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots { bottom: 2.5% !important; /*right: 2.5% !important;*/ text-align: center !important; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots li {}
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots li button {}
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots li button:before { opacity: 1; color: #B3B3B3; font-size: 15px; }
#index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots li.slick-active button:before { color: #B2DDFB; }
@media (min-width: 960px) {
    /* for pc [960, inf] */

    #index .x.aaa .y .z .w .i .d1-1-1 { min-height:715px; padding-top: 55.859375%; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container { position: absolute; top: 0; left: 0; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider { width:100%; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox { widht:100%; min-height: 715px; padding-top: 55.859375%; box-sizing: border-box; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox .caption { padding: 15px; font-size: 13px; line-height: 1.4; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */

    #index .x.aaa .y .z .w .i .d1-1-1 { min-height:715px; padding-top: 55.859375%; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container { position: absolute; top: 0; left: 0; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider { width:100%; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox { widht:100%; min-height: 715px; padding-top: 55.859375%; box-sizing: border-box; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox .caption { padding: 15px; font-size: 13px; line-height: 1.4; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.aaa .y .z .w {}

    #index .x.aaa .y .z .w .i .d1-1-1 { padding-top: 60%; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container { position: absolute; top: 0; left: 0; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider {}
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox { padding-top: 60%; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider-container .g-slider .imgbox .caption { padding: 15px; font-size: 13px; line-height: 1.4; }

    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots { bottom: 0.5% !important; right: 2% !important; text-align: center !important; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots li { width: 15px; height: 15px; margin: 0 2px; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots li button { width: 15px; height: 15px; }
    #index .x.aaa .y .z .w .i .d1-1-1 .g-slider .slick-dots li button:before { font-size: 7px; width: 15px; height: 15px; line-height: 15px; }
}


#index .x.bbb {}
#index .x.bbb .y { background-image:url(../img/index-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#index .x.bbb .y .z {}
#index .x.bbb .y .z .w {}
#index .x.bbb .y .z .w .i {}
#index .x.bbb .y .z .w .i .d1 {}
#index .x.bbb .y .z .w .i .d1-1 {}
#index .x.bbb .y .z .w .i .d1-1-1 {}
#index .x.bbb .y .z .w .i .d1-1-1 .head {}
#index .x.bbb .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#index .x.bbb .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
#index .x.bbb .y .z .w .i .d1-1-1 .content {}
#index .x.bbb .y .z .w .i .d1-1-1 .content .txt { color: #ffffff; }
#index .x.bbb .y .z .w .i .d1-1-2 { color:#fff; }
#index .x.bbb .y .z .w .i .d1-1-2-1 { margin-top:30px; }
#index .x.bbb .y .z .w .i .d1-1-2-2 {}
#index .x.bbb .y .z .w .i .d1-1-2-2-1 {}
#index .x.bbb .y .z .w .i .d1-1-2-2-1-1 { font-size:35px; line-height:44px; text-align:center; }
#index .x.bbb .y .z .w .i .d1-1-2-2-1-2 {}
#index .x.bbb .y .z .w .i .d1-1-2-2-1-2 a { display:block; overflow:hidden; width:80%; height:auto; margin:30px auto; }
#index .x.bbb .y .z .w .i .d1-1-2-2-1-2 a img { width:100%; height:auto; transform:scale(1); transition-duration:0.75s; vertical-align:middle; }
/*
// Pt.1 effect
#index .x.bbb .y .z .w .i .d1-1-2-2-1-2 a:hover img { -webkit-transform: scale(1.2) rotate(2deg); transform: scale(1.2) rotate(2deg); }
*/
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.bbb .y .z { padding: 75px 0 110px; }

    #index .x.bbb .y .z .w .i .d1-1-1 {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head .title {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head .title div { font-size: 2.4rem; letter-spacing: 3px; line-height: 1.2; }
    #index .x.bbb .y .z .w .i .d1-1-1 .content { max-width: 630px; margin: 50px auto 0; }
    #index .x.bbb .y .z .w .i .d1-1-1 .content .txt { font-size: 1.24rem; letter-spacing: 0.5px; line-height: 1.7; text-align: justify; text-justify:inter-ideograph; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.bbb .y .z .w .i .d1-1-1 .content .txt:nth-child(n+2) { margin-top: 30px; }
/*
// Pt.1
    #index .x.bbb .y .z .w .i .d1-1-2-1 { text-align:center; font-size: 1.14rem; letter-spacing:0px; line-height: 2.1; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1 { display:inline-block; width:45%; margin:60px 2% 40px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-3 { text-align:center; font-size: 1.14em; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825);}
*/
/*
// Pt.2
*/
    #index .x.bbb .y .z .w .i .d1-1-2 .no-sp { display:none !important; }
    #index .x.bbb .y .z .w .i .d1-1-2 .no-pc { display:none !important; }
    #index .x.bbb .y .z .w .i .d1-1-2-1 { max-width: 630px; margin:30px auto 0; font-size: 1.24rem; letter-spacing: 0.5px; line-height: 1.7; text-align: justify; text-justify:inter-ideograph; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1 { display:inline-block; width:430px; margin:60px 0 40px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1:first-child {}
    #index .x.bbb .y .z .w .i .d1-1-2-2-1:last-child { float:right; margin-right:30px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-1 { font-size: 1.75rem; line-height: 1; letter-spacing: 1px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-2 a { width:100%; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-3 { font-size: 1.075rem; line-height: 1.6; letter-spacing: 0.5px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
/*
// /Pt.2
*/
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.bbb .y .z { padding: 75px 0 110px; }

    #index .x.bbb .y .z .w .i .d1-1-1 {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head .title {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head .title div { font-size: 2.4rem; letter-spacing: 3px; line-height: 1.2; }
    #index .x.bbb .y .z .w .i .d1-1-1 .content { max-width: 630px; margin: 50px auto 0; }
    #index .x.bbb .y .z .w .i .d1-1-1 .content .txt { font-size: 1.24rem; letter-spacing: 0.5px; line-height: 1.7; text-align: justify; text-justify:inter-ideograph; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.bbb .y .z .w .i .d1-1-1 .content .txt:nth-child(n+2) { margin-top: 30px; }
/*
// Pt.1
    #index .x.bbb .y .z .w .i .d1-1-2-1 { text-align:center; font-size: 1.14rem; letter-spacing:0px; line-height: 2.1; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1 { display:inline-block; width:45%; margin:50px 2%; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-3 { text-align:center; font-size: 1.14em; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
*/
/*
// Pt.2
*/
    #index .x.bbb .y .z .w .i .d1-1-2 .no-sp { display:none !important; }
    #index .x.bbb .y .z .w .i .d1-1-2 .no-pc { display:none !important; }
    #index .x.bbb .y .z .w .i .d1-1-2-1 { max-width: 630px; margin:30px auto 0; font-size: 1.24rem; letter-spacing: 0.5px; line-height: 1.7; text-align: justify; text-justify:inter-ideograph; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1 { display:inline-block; width:430px; margin:60px 0 40px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1:first-child {}
    #index .x.bbb .y .z .w .i .d1-1-2-2-1:last-child { float:right; margin-right:20px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-1 { font-size: 1.75rem; line-height: 1; letter-spacing: 1px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-2 a { width:100%; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-3 { font-size: 1.075rem; line-height: 1.6; letter-spacing: 0.5px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
/*
// /Pt.2
*/
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.bbb .y { background-position: 72% top; }
    #index .x.bbb .y .z { padding: 40px 0; }
    #index .x.bbb .y .z .w .i { padding:0 20px; }

    #index .x.bbb .y .z .w .i .d1-1-1 {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head .title {}
    #index .x.bbb .y .z .w .i .d1-1-1 .head .title div { font-size: 1.42rem; letter-spacing: 2px; line-height: 1.2; }
    #index .x.bbb .y .z .w .i .d1-1-1 .content { margin-top: 25px; }
    #index .x.bbb .y .z .w .i .d1-1-1 .content .txt { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.5; /*text-align: justify; text-justify:inter-ideograph;*/ text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.bbb .y .z .w .i .d1-1-1 .content .txt:nth-child(n+2) { margin-top: 20px; }
/*
// Pt.1
    #index .x.bbb .y .z .w .i .d1-1-2-1 { text-align:center; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1 { display:block; width:100%; margin:50px 0; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-3 { text-align:center; font-size: 1rem; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
*/
/*
// Pt.2
*/
    #index .x.bbb .y .z { padding-bottom:0.1px; }
    #index .x.bbb .y .z .w .i .d1-1-2 .no-sp { display:none !important; }
    #index .x.bbb .y .z .w .i .d1-1-2 .no-pc { display:none !important; }
    #index .x.bbb .y .z .w .i .d1-1-2-1 { margin-top: 25px; font-size: 1rem; letter-spacing: 0.5px; line-height: 1.5; /*text-align: justify; text-justify:inter-ideograph;*/ text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1 { display:block; width:100%; margin:40px 0; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-1 { font-size: 1.42rem; line-height: 1; letter-spacing: 1px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-2 a { width:100%; margin:15px 0; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1-3 { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.6; /*text-align: justify; text-justify:inter-ideograph;*/ text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
/*
// /Pt.2
*/

    #index .x.bbb .y .z .w .i .d1-1-2-2 { padding-bottom:40px; }
    #index .x.bbb .y .z .w .i .d1-1-2-2-1 { display:none; }
}


#index .x.ccc {}
#index .x.ccc .y {}
#index .x.ccc .y .z {}
#index .x.ccc .y .z .w {}
#index .x.ccc .y .z .w .i {}
#index .x.ccc .y .z .w .i .d1 {}
#index .x.ccc .y .z .w .i .d1-1 {}
#index .x.ccc .y .z .w .i .d1-1-1 {}
#index .x.ccc .y .z .w .i .d1-1-1 .content {}
#index .x.ccc .y .z .w .i .d1-1-1 .content .box {}
#index .x.ccc .y .z .w .i .d1-1-1 .content .box .l { text-align: center; }
#index .x.ccc .y .z .w .i .d1-1-1 .content .box .l img {}
#index .x.ccc .y .z .w .i .d1-1-1 .content .box .r {}
#index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info {}
#index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .title {}
#index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .desc {}
#index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .btns {}
#index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .btns a { display: inline-block; background-color: #666666; color: #fff; text-align: center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.ccc .y .z { padding: 60px 0 60px; }

    #index .x.ccc .y .z .w .i .d1-1-1 {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 80px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .l { width: 430px; float: left; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .l img {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r { width: 470px; float: right; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info { margin-top: 40px; padding: 0 10px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .title { font-size: 1.75rem; letter-spacing: 1px; line-height: 1.2; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .desc { margin-top: 28px; font-size: 1.075rem; letter-spacing: 0.5px; line-height: 1.6; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .btns { margin-top: 25px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .btns a { width: 200px; font-size: 1.0rem; letter-spacing: 1px; line-height: 1.2; padding: 9px 0; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.ccc .y .z { padding: 60px 0 60px; }

    #index .x.ccc .y .z .w .i .d1-1-1 {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 80px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .l { width: 430px; float: left; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .l img {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r { width: 470px; float: right; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info { margin-top: 40px; padding: 0 10px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .title { font-size: 1.75rem; letter-spacing: 1px; line-height: 1.2; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .desc { margin-top: 28px; font-size: 1.075rem; letter-spacing: 0.5px; line-height: 1.6; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .btns { margin-top: 25px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .btns a { width: 200px; font-size: 1.0rem; letter-spacing: 1px; line-height: 1.2; padding: 9px 0; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.ccc .y {}
    #index .x.ccc .y .z { padding: 40px 0 40px; }
    #index .x.ccc .y .z .w .i { padding:0 20px; }

    #index .x.ccc .y .z .w .i .d1-1-1 {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 60px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .l {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .l img {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r { margin-top: 15px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info {}
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .title { font-size: 1.42rem; letter-spacing: 1px; line-height: 1.2; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .desc { margin-top: 10px; font-size: 1rem; letter-spacing: 0.5px; line-height: 1.6; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .btns { margin-top: 20px; }
    #index .x.ccc .y .z .w .i .d1-1-1 .content .box .r .info .btns a { width: 100%; font-size: 1.0rem; letter-spacing: 1px; line-height: 1.2; padding: 9px 0; }
}


#index .x.ddd {}
#index .x.ddd .y { background-color: #2C2E2E; }
#index .x.ddd .y .z {}
#index .x.ddd .y .z .w {}
#index .x.ddd .y .z .w .i {}
#index .x.ddd .y .z .w .i .d1 {}
#index .x.ddd .y .z .w .i .d1-1 { position: relative; }
#index .x.ddd .y .z .w .i .d1-1-1 {}
#index .x.ddd .y .z .w .i .d1-1-1 .head {}
#index .x.ddd .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#index .x.ddd .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #fff; }
#index .x.ddd .y .z .w .i .d1-1-1 .content {}
#index .x.ddd .y .z .w .i .d1-1-1 .content .news { position: relative; text-align: center; line-height: 0; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container {}
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper { list-style:none; margin:0; padding:0; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box {}
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box a { position: relative; display: block; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box a:hover { opacity: 0.7; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box.new a:before { content: 'NEW'; position: absolute; top: 5px; right: 5px; z-index: 100; background-color: rgba(255, 2, 2, 0.75); color: #ffffff; border-radius: 4px; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .bgi { width:100%; height:auto; position:relative; overflow:hidden; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .bgi div { width:100%; padding-top: 100%; background-position:center; background-size:contain; background-repeat: no-repeat; }
/*
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box a:hover .bgi:before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); color: #fff; transition: all .35s; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box a:hover .bgi:after { content: '\f002'; position: absolute; top: 42%; left: 0; right: 0; font-size: 2rem; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; transition: all .35s; }
*/
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info { color: #fff; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .title {}
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc {}
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc .new { display: inline-block; color: #B28336; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc .date { display: inline-block; }

#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination {}
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination .swiper-pagination-bullet { background: #a0a0a0; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { --swiper-theme-color: #A28B32; }
 
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev,
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next { background-color: #B3B3B3; color: #fff; border-radius: 50%; }
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev:hover,
#index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next:hover { opacity: 0.7; }

#index .x.ddd .y .z .w .i .d1-1-1 .content .news .no-item { color: #fff; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.ddd .y .z { padding: 50px 0 80px; }

    #index .x.ddd .y .z .w .i .d1-1-1 {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head .title {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head .title div { font-size: 2.4rem; letter-spacing: 2px; line-height: 1.2; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content { padding: 0 5px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news { margin-top: 50px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container {}
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper {}
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box { width: 100%; max-width: 230px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .bgi div { width:100%; padding-top: 65.2173913043%; background-position:center; background-size:cover; background-repeat: no-repeat; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info { margin: 7px 0 0; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .title { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc { margin-top: 2px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc .new { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc .date { font-size: 1.0rem; letter-spacing: 0; line-height: 1.2; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container.no-active { display: inline-block; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container.no-active .swiper-slide { width: 230px !important; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination { display: none; position: relative; width: 100%; margin-top: 20px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev { top: 40%; left: -15px !important; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next { top: 40%; right: -15px !important; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev,
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next { outline: none; width: 30px; height: 30px; font-size: 0.9rem; }
    #index .x.bbb .y .z .w .i .d1-1-1 .content .news .swiper-button-prev.active,
    #index .x.bbb .y .z .w .i .d1-1-1 .content .news .swiper-button-next.active { display: flex; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev:after,
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next:after { content: none; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.ddd .y .z { padding: 50px 0 80px; }

    #index .x.ddd .y .z .w .i .d1-1-1 {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head .title {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head .title div { font-size: 2.4rem; letter-spacing: 2px; line-height: 1.2; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content { padding: 0 5px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news { margin-top: 50px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container {}
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper {}
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box { width: 100%; max-width: 230px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .bgi div { width:100%; padding-top: 65.2173913043%; background-position:center; background-size:cover; background-repeat: no-repeat; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info { margin: 7px 0 0; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .title { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc { margin-top: 2px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc .new { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc .date { font-size: 1.0rem; letter-spacing: 0; line-height: 1.2; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container.no-active { display: inline-block; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container.no-active .swiper-slide { width: 230px !important; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination { display: none; position: relative; width: 100%; margin-top: 20px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev { top: 40%; left: -15px !important; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next { top: 40%; right: -15px !important; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev,
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next { outline: none; width: 30px; height: 30px; font-size: 0.9rem; }
    #index .x.bbb .y .z .w .i .d1-1-1 .content .news .swiper-button-prev.active,
    #index .x.bbb .y .z .w .i .d1-1-1 .content .news .swiper-button-next.active { display: flex; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev:after,
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next:after { content: none; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.ddd .y .z { padding: 40px 0 30px; }
    #index .x.ddd .y .z .w .i {}

    #index .x.ddd .y .z .w .i .d1-1-1 {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head .title {}
    #index .x.ddd .y .z .w .i .d1-1-1 .head .title div { font-size: 1.42rem; letter-spacing: 1px; line-height: 1.2; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content { padding: 0; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news { margin-top: 35px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container {}
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper {}
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper li { width: 230px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box { width: 100%; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .bgi div { width:100%; padding-top: 65.2173913043%; background-position:center; background-size:cover; background-repeat: no-repeat; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info { margin: 7px 0 0; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .title { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc { margin-top: 2px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc .new { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-container .swiper-wrapper .box .info .desc .date { font-size: 0.95rem; letter-spacing: 0; line-height: 1.2; }

    #index .x.bbb .y .z .w .i .d1-1-1 .content .news .swiper-container.no-active .swiper-wrapper li { margin: 0 auto !important; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination { position: relative; width: 100%; margin-top: 18px; }
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 6px; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev,
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next { display: none; outline: none; font-size: 3.2rem; }

    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-prev:after,
    #index .x.ddd .y .z .w .i .d1-1-1 .content .news .swiper-button-next:after { content: none; }
}


#index .x.eee {}
#index .x.eee .y { background-image:url(../img/index-bg-02.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#index .x.eee .y .z {}
#index .x.eee .y .z .w {}
#index .x.eee .y .z .w .i {}
#index .x.eee .y .z .w .i .d1 {}
#index .x.eee .y .z .w .i .d1-1 {}
#index .x.eee .y .z .w .i .d1-1-1 {}
#index .x.eee .y .z .w .i .d1-1-1 .head {}
#index .x.eee .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#index .x.eee .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #fff; }
#index .x.eee .y .z .w .i .d1-1-1 .content { text-align: center; }
#index .x.eee .y .z .w .i .d1-1-1 .content .desc { color: #fff; }
#index .x.eee .y .z .w .i .d1-1-1 .content .distributor { color: #fff; }
#index .x.eee .y .z .w .i .d1-1-1 .content .distributor .title {}
#index .x.eee .y .z .w .i .d1-1-1 .content .distributor .info {}
#index .x.eee .y .z .w .i .d1-1-1 .content .distributor .info a { color: #fff; }
#index .x.eee .y .z .w .i .d1-1-1 .content .maker { color: #fff; }
#index .x.eee .y .z .w .i .d1-1-1 .content .maker .title {}
#index .x.eee .y .z .w .i .d1-1-1 .content .maker .info {}
#index .x.eee .y .z .w .i .d1-1-1 .content .maker .info a { color: #fff; }
#index .x.eee .y .z .w .i .d1-1-1 .btns {}
#index .x.eee .y .z .w .i .d1-1-1 .btns ul { list-style: none; margin: 0; padding: 0; }
#index .x.eee .y .z .w .i .d1-1-1 .btns ul li {}
#index .x.eee .y .z .w .i .d1-1-1 .btns ul li a { width: 100%; display: inline-block; color: #fff; border: 1px solid #fff; text-align: center; box-sizing: border-box; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.eee .y .z { padding: 60px 0 75px; }

    #index .x.eee .y .z .w .i .d1-1-1 {}
    #index .x.eee .y .z .w .i .d1-1-1 .head {}
    #index .x.eee .y .z .w .i .d1-1-1 .head .title {}
    #index .x.eee .y .z .w .i .d1-1-1 .head .title div { font-size: 1.55rem; letter-spacing: 1px; line-height: 1.2; }
    #index .x.eee .y .z .w .i .d1-1-1 .content { margin-top: 40px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .desc { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor { margin-top: 30px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .info a { cursor: inherit; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker { margin-top: 30px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .info a { cursor: inherit; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns { margin-top: 60px; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul { text-align: center; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li { display: inline-block; width: 250px; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li:nth-child(n+2) { margin-top: 15px; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li a { font-size: 1.1rem; padding: 10px 0; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.eee .y .z { padding: 60px 0 75px; }

    #index .x.eee .y .z .w .i .d1-1-1 {}
    #index .x.eee .y .z .w .i .d1-1-1 .head {}
    #index .x.eee .y .z .w .i .d1-1-1 .head .title {}
    #index .x.eee .y .z .w .i .d1-1-1 .head .title div { font-size: 1.55rem; letter-spacing: 1px; line-height: 1.2; }
    #index .x.eee .y .z .w .i .d1-1-1 .content { margin-top: 40px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .desc { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor { margin-top: 30px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .info a { cursor: inherit; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker { margin-top: 30px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .info a { cursor: inherit; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns { margin-top: 60px; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul { text-align: center; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li { display: inline-block; width: 250px; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li:nth-child(n+2) { margin-top: 15px; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li a { font-size: 1.1rem; padding: 10px 0; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.eee .y { background-position: 30% top; }
    #index .x.eee .y .z { padding: 40px 0; }
    #index .x.eee .y .z .w .i { padding:0 20px; }

    #index .x.eee .y .z .w .i .d1-1-1 {}
    #index .x.eee .y .z .w .i .d1-1-1 .head {}
    #index .x.eee .y .z .w .i .d1-1-1 .head .title {}
    #index .x.eee .y .z .w .i .d1-1-1 .head .title div { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; }
    #index .x.eee .y .z .w .i .d1-1-1 .content { margin-top: 25px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .desc { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); text-align: left; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor { margin-top: 30px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .title { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .info { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .distributor .info span { display: inline-block; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker { margin-top: 30px; }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .title { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .info { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #index .x.eee .y .z .w .i .d1-1-1 .content .maker .info span { display: inline-block; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns { margin-top: 30px; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul { text-align: center; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li {}
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li:nth-child(n+2) { margin-top: 15px; }
    #index .x.eee .y .z .w .i .d1-1-1 .btns ul li a { font-size: 1.1rem; padding: 10px 0; }
}




/* ********************************************************************************
 * title
 * ******************************************************************************** */
.x.title {}
.x.title .y {}
.x.title .y .z {}
.x.title .y .z .w {}
.x.title .y .z .w .i {}
.x.title .y .z .w .i .d1 {}
.x.title .y .z .w .i .d1-1 {}
.x.title .y .z .w .i .d1-1-1 {}
.x.title .y .z .w .i .d1-1-1 .head { text-align:left; }
.x.title .y .z .w .i .d1-1-1 .head div { font-weight: bold; }
.x.title .y .z .w .i .d1-1-1 .head .en {}
.x.title .y .z .w .i .d1-1-1 .head .jp {}
.x.title .y .z .w .i .d1-1-1 .head img {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.title .y {}

    .x.title .y .z .w .i .d1-1-1 { margin-top: 40px; }
    .x.title .y .z .w .i .d1-1-1 .head {}
    .x.title .y .z .w .i .d1-1-1 .head div { font-size: 1.86rem; letter-spacing: 0.5px; line-height: 1.2; padding: 0 0 20px 25px; border-bottom: 2px dotted #666666; }
    .x.title .y .z .w .i .d1-1-1 .head .en { font-size: 2.5rem; letter-spacing: 1px; line-height: 1.2; }
    .x.title .y .z .w .i .d1-1-1 .head .jp { font-size: 1.3rem; letter-spacing: 1px; line-height: 1.2; margin-top: 5px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.title .y {}

    .x.title .y .z .w .i .d1-1-1 { margin-top: 40px; }
    .x.title .y .z .w .i .d1-1-1 .head {}
    .x.title .y .z .w .i .d1-1-1 .head div { font-size: 1.86rem; letter-spacing: 0.5px; line-height: 1.2; padding: 0 0 20px 25px; border-bottom: 2px dotted #666666; }
    .x.title .y .z .w .i .d1-1-1 .head .en { font-size: 2.5rem; letter-spacing: 1px; line-height: 1.2; }
    .x.title .y .z .w .i .d1-1-1 .head .jp { font-size: 1.3rem; letter-spacing: 1px; line-height: 1.2; margin-top: 5px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.title .y {}
    .x.title .y .z .w .i { padding:0 20px; }

    .x.title .y .z .w .i .d1-1-1 { margin-top: 30px; }
    .x.title .y .z .w .i .d1-1-1 .head {}
    .x.title .y .z .w .i .d1-1-1 .head div { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; padding: 0 0 8px 5px; border-bottom: 1px dotted #666666; }
    .x.title .y .z .w .i .d1-1-1 .head .en { font-size: 1.4rem; letter-spacing: 0.5px; line-height: 1.2; }
    .x.title .y .z .w .i .d1-1-1 .head .jp { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.2; margin-top: 5px; }
}




/* ********************************************************************************
 * company
 * ******************************************************************************** */
#company .x.aaa {}
#company .x.aaa .y {}
#company .x.aaa .y .z {}
#company .x.aaa .y .z .w {}
#company .x.aaa .y .z .w .i {}
#company .x.aaa .y .z .w .i .d1 {}
#company .x.aaa .y .z .w .i .d1-1 {}
#company .x.aaa .y .z .w .i .d1-1-1 {}
#company .x.aaa .y .z .w .i .d1-1-1 .content {}
#company .x.aaa .y .z .w .i .d1-1-1 .content .l {}
#company .x.aaa .y .z .w .i .d1-1-1 .content .l img {}
#company .x.aaa .y .z .w .i .d1-1-1 .content .r {}
#company .x.aaa .y .z .w .i .d1-1-1 .content .r .txt { text-indent: 1em; }
#company .x.aaa .y .z .w .i .d1-1-1 .content .r .name { text-align: right; }
#company .x.aaa .y .z .w .i .d1-1-1 .content .r .name div { display: inline-block; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #company .x.aaa .y .z { padding: 40px 0 40px; }

    #company .x.aaa .y .z .w .i .d1-1-1 {}
    #company .x.aaa .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .l { float: left; width: 385px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .l img {}
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r { float: right; width: 410px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .txt { font-size: 1.29rem; letter-spacing: 0.5px; line-height: 1.7; text-align: justify; text-justify:inter-ideograph; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .txt:nth-child(n+2) { margin-top: 1em; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .name { margin-top: 45px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .name div { padding-right: 10px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #company .x.aaa .y .z { padding: 40px 0 40px; }

    #company .x.aaa .y .z .w .i .d1-1-1 {}
    #company .x.aaa .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .l { float: left; width: 385px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .l img {}
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r { float: right; width: 410px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .txt { font-size: 1.29rem; letter-spacing: 0.5px; line-height: 1.7; text-align: justify; text-justify:inter-ideograph; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .txt:nth-child(n+2) { margin-top: 1em; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .name { margin-top: 45px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .name div { padding-right: 10px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #company .x.aaa .y .z { padding: 30px 0 30px; }
    #company .x.aaa .y .z .w .i { padding:0 20px; }

    #company .x.aaa .y .z .w .i .d1-1-1 {}
    #company .x.aaa .y .z .w .i .d1-1-1 .content {}
    #company .x.aaa .y .z .w .i .d1-1-1 .content .l {}
    #company .x.aaa .y .z .w .i .d1-1-1 .content .l img {}
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r { margin-top: 20px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .txt { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-align: justify; text-justify:inter-ideograph; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .txt:nth-child(n+2) { margin-top: 1em; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .name { margin-top: 20px; }
    #company .x.aaa .y .z .w .i .d1-1-1 .content .r .name div { width: 80%; }
}


#company .x.bbb {}
#company .x.bbb .y {}
#company .x.bbb .y .z {}
#company .x.bbb .y .z .w {}
#company .x.bbb .y .z .w .i {}
#company .x.bbb .y .z .w .i .d1 {}
#company .x.bbb .y .z .w .i .d1-1 {}
#company .x.bbb .y .z .w .i .d1-1-1 {}
#company .x.bbb .y .z .w .i .d1-1-1 .head { text-align: left; }
#company .x.bbb .y .z .w .i .d1-1-1 .head div { font-weight: bold; }
#company .x.bbb .y .z .w .i .d1-1-1 .content {}
#company .x.bbb .y .z .w .i .d1-1-1 .content table {}
#company .x.bbb .y .z .w .i .d1-1-1 .content table tr { background-color: #ffffff; }
#company .x.bbb .y .z .w .i .d1-1-1 .content table tr:nth-child(2n+1) { background-color: #F2F2F2; }
#company .x.bbb .y .z .w .i .d1-1-1 .content table th { font-weight: normal; text-align: center; }
#company .x.bbb .y .z .w .i .d1-1-1 .content table th div { text-align-last: justify; text-justify: inter-ideograph; }
#company .x.bbb .y .z .w .i .d1-1-1 .content table td {}
#company .x.bbb .y .z .w .i .d1-1-1 .content table td span { display: inline-block; }
#company .x.bbb .y .z .w .i .d1-1-1 .content table td a {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #company .x.bbb .y .z { padding: 40px 0 40px; }

    #company .x.bbb .y .z .w .i .d1-1-1 {}
    #company .x.bbb .y .z .w .i .d1-1-1 .head {}
    #company .x.bbb .y .z .w .i .d1-1-1 .head div { font-size: 1.86rem; letter-spacing: 0.5px; line-height: 1.2; padding: 0 0 20px 25px; border-bottom: 2px dotted #666666; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content { margin-top: 40px; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table { border-collapse:collapse; width: 100%; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table tr {}
    #company .x.bbb .y .z .w .i .d1-1-1 .content table th { width: 330px; font-size: 1.25rem; letter-spacing: 0.5px; line-height: 1.6; padding: 10px 0 10px; vertical-align: top; box-sizing: border-box; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table th div { width: 130px; display: inline-block; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table td { font-size: 1.25rem; letter-spacing: 0.5px; line-height: 1.6; padding: 10px 0 10px 2em; box-sizing: border-box; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table td a {}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #company .x.bbb .y .z { padding: 40px 0 40px; }

    #company .x.bbb .y .z .w .i .d1-1-1 {}
    #company .x.bbb .y .z .w .i .d1-1-1 .head {}
    #company .x.bbb .y .z .w .i .d1-1-1 .head div { font-size: 1.86rem; letter-spacing: 0.5px; line-height: 1.2; padding: 0 0 20px 25px; border-bottom: 2px dotted #666666; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content { margin-top: 40px; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table { border-collapse:collapse; width: 100%; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table tr {}
    #company .x.bbb .y .z .w .i .d1-1-1 .content table th { width: 330px; font-size: 1.25rem; letter-spacing: 0.5px; line-height: 1.6; padding: 10px 0 10px; vertical-align: top; box-sizing: border-box; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table th div { width: 130px; display: inline-block; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table td { font-size: 1.25rem; letter-spacing: 0.5px; line-height: 1.6; padding: 10px 0 10px 2em; box-sizing: border-box; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table td a {}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #company .x.bbb .y .z { padding: 30px 0 30px; }
    #company .x.bbb .y .z .w .i { padding:0 20px; }

    #company .x.bbb .y .z .w .i .d1-1-1 {}
    #company .x.bbb .y .z .w .i .d1-1-1 .head {}
    #company .x.bbb .y .z .w .i .d1-1-1 .head div { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; padding: 0 0 8px 5px; border-bottom: 1px dotted #666666; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content { margin-top: 30px; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table { width: 100%; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table,
    #company .x.bbb .y .z .w .i .d1-1-1 .content table > tbody,
    #company .x.bbb .y .z .w .i .d1-1-1 .content table > tbody > tr,
    #company .x.bbb .y .z .w .i .d1-1-1 .content table > tbody > tr > th,
    #company .x.bbb .y .z .w .i .d1-1-1 .content table > tbody > tr > td { display:block; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table tr {}
    #company .x.bbb .y .z .w .i .d1-1-1 .content table th { padding: 10px 0; font-size: 1rem; border: 1px solid #d4d4d4; border-bottom: 1px dotted #d4d4d4; margin-top: -1px; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table th div { width: 130px; display: inline-block; }
    #company .x.bbb .y .z .w .i .d1-1-1 .content table td { padding: 10px 5px; font-size: 1rem; letter-spacing: 0.5px; border: 1px solid #d4d4d4; border-top: none; margin-top: -1px; }
}




/* ********************************************************************************
 * product
 * ******************************************************************************** */
#products .x.products {}
#products .x.products .y { background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#products .x.products .y .z {}
#products .x.products .y .z .w {}
#products .x.products .y .z .w .i {}
#products .x.products .y .z .w .i .d1 {}
#products .x.products .y .z .w .i .d1-1 {}
#products .x.products .y .z .w .i .d1-1-1 {}
#products .x.products .y .z .w .i .d1-1-1 .head {}
#products .x.products .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#products .x.products .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
#products .x.products .y .z .w .i .d1-1-1 .content { position: relative; }
#products .x.products .y .z .w .i .d1-1-1 .content .l {}
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container { display: none; position: relative; /*background-color: rgba(255, 255, 255, 1);*/ }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container.initialized { display: block; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider { list-style:none; margin:0; padding:0; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider a { display: block; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li {}
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox { position: relative; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox.under { background-position: center bottom !important; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox .caption { position: absolute; left: 0; bottom: 0; display: block; color: #ffffff; width: 100%; background-color: rgba(0,0,0,0.45); box-sizing: border-box; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container { display: none; position: relative; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container.initialized { display: block; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav { list-style:none; margin:0; padding:0; font-size: 0; text-align: center; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li { position: relative; display: inline-block; cursor: pointer; overflow: hidden; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; box-sizing: border-box; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox.under { background-position: center bottom !important; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li:after { content: ''; background-color: rgba(0, 0, 0, 0.65); position: absolute; display: block; top: -5%; left: -5%; width: 110%; height: 110%; opacity: 1; transition: .3s opacity linear; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li.current:after { opacity: 0; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 { display: none; position: relative; /*background-color: rgba(255, 255, 255, 1);*/ }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2.initialized { display: block; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 { list-style:none; margin:0; padding:0; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 a { display: block; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li {}
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox { position: relative; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox.under { background-position: center bottom !important; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox .caption { position: absolute; left: 0; bottom: 0; display: block; color: #ffffff; width: 100%; background-color: rgba(0,0,0,0.45); box-sizing: border-box; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 { display: none; position: relative; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2.initialized { display: block; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 { list-style:none; margin:0; padding:0; font-size: 0; text-align: center; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li { position: relative; display: inline-block; cursor: pointer; overflow: hidden; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li .imgbox { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; box-sizing: border-box; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li .imgbox.under { background-position: center bottom !important; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li:after { content: ''; background-color: rgba(0, 0, 0, 0.65); position: absolute; display: block; top: -5%; left: -5%; width: 110%; height: 110%; opacity: 1; transition: .3s opacity linear; }
#products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li.current:after { opacity: 0; }
#products .x.products .y .z .w .i .d1-1-1 .content .l .note { color: #fff; }
#products .x.products .y .z .w .i .d1-1-1 .content .l .note .attention {}
#products .x.products .y .z .w .i .d1-1-1 .content .l .note .manual {}
#products .x.products .y .z .w .i .d1-1-1 .content .l .note .manual a { display: block; background-color: rgba(0, 0, 0, 0.45); color: #fff; text-align: center; }
#products .x.products .y .z .w .i .d1-1-1 .content .r { color: #fff; }
#products .x.products .y .z .w .i .d1-1-1 .content .r .copy {}
#products .x.products .y .z .w .i .d1-1-1 .content .r .name { font-weight: bold; }
#products .x.products .y .z .w .i .d1-1-1 .content .r .price {}
#products .x.products .y .z .w .i .d1-1-1 .content .r .price .yen {}
#products .x.products .y .z .w .i .d1-1-1 .content .r .att {}
#products .x.products .y .z .w .i .d1-1-1 .content .r .notice { color: #FFD200; }
#products .x.products .y .z .w .i .d1-1-1 .content .r .btns {}
#products .x.products .y .z .w .i .d1-1-1 .content .r .btns a { background-color: #BC926D; color: #fff; display: inline-block; text-align: center; }
#products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartbtn { background-color: #F7931E; color: #fff; border: 1px solid #F7931E; outline: none; }
#products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartbtn:hover { opacity:0.75; filter: alpha(opacity=75); -moz-opacity:0.75; }
#products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartview { display: table-cell; background-color: #FCC062; color: #fff; border: 1px solid #FCC062; text-align: center; vertical-align: middle; box-sizing: border-box; }
#products .x.products .y .z .w .i .d1-1-1 .content .r .desc {}
#products .x.products .y .z .w .i .d1-1-1 .content .note { color: #fff; }
#products .x.products .y .z .w .i .d1-1-1 .content .note .attention {}
#products .x.products .y .z .w .i .d1-1-1 .content .note .manual {}
#products .x.products .y .z .w .i .d1-1-1 .content .note .manual a { display: block; background-color: rgba(0, 0, 0, 0.45); color: #fff; text-align: center; }
#products .x.products .y .z .w .i .d1-1-1 .mv {}
#products .x.products .y .z .w .i .d1-1-1 .mv .inner { position:relative; width:100%; padding-top:56.25%; }
#products .x.products .y .z .w .i .d1-1-1 .mv .inner iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #products .x.products .y .z { padding: 100px 0 60px; }

    #products .x.products .y .z .w .i .d1-1-1 {}
    #products .x.products .y .z .w .i .d1-1-1 .head { margin-top: 40px; margin-bottom: 40px; }
    #products .x.products .y .z .w .i .d1-1-1 .head .title {}
    #products .x.products .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content { padding: 0 50px; min-height: 1060px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l { float: left; width: 380px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox { padding-top: 110.526315789%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox .caption { padding: 12px 12px; font-size: 12.5px; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .nav-container { position: relative; margin-top: 20px; overflow: hidden; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container::-webkit-scrollbar { display:none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav { line-height: 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav.exc { text-align: left; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li { width: 80px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li:nth-child(n+2) { margin-left: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox { padding-top: 100%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox { padding-top: 110.526315789%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox .caption { padding: 12px 12px; font-size: 12.5px; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2::-webkit-scrollbar { display:none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 { line-height: 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2.exc { text-align: left; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li { width: 80px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li:nth-child(n+2) { margin-left: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li .imgbox { padding-top: 100%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l .note { margin-top: 40px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l .note .attention { line-height: 1.8; padding: 25px 20px; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l .note .manual { margin-top: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l .note .manual a { font-size: 1.5rem; letter-spacing: 0.5px; line-height: 1.4; padding: 15px 0; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r { float: right; width: 410px;  }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .copy { font-size: 1.0rem; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .name { font-size: 1.65rem; letter-spacing: 0.5px; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .price { margin-top: 15px; font-size: 1.5rem; letter-spacing: 0.5px; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .price .yen { font-size: 1.0rem; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .att { margin-top: 5px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .notice { margin-top: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns { margin-top: 10px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns a { width: 180px; font-size: 1.65rem; letter-spacing: 0.5px; line-height: 1.2; padding: 8px 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns input[type=image] { outline: none; display: inline-block; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartbtn { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartview { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .desc { margin-top: 45px; line-height: 1.8; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note { width: 380px; position: absolute; top: 560px; left: 50px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .attention { line-height: 1.8; padding: 25px 20px; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .manual { margin-top: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .manual a { font-size: 1.5rem; letter-spacing: 0.5px; line-height: 1.4; padding: 15px 0; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .mv { margin-top: 40px; padding: 0 50px; }

    #products.ichiros-malt .x.products .y .z { padding: 80px 0 60px; }
    #products.ichiros-malt .x.products .y .z .w .i .d1-1-1 .content { min-height: 930px; }
    #products.ichiros-malt .x.products .y .z .w .i .d1-1-1 .content .r .desc { margin-top: 20px; }

    #products.t3-03 .x.products .y .z .w .i .d1-1-1 .content { min-height: 680px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #products .x.products .y .z { padding: 100px 0 60px; }

    #products .x.products .y .z .w .i .d1-1-1 {}
    #products .x.products .y .z .w .i .d1-1-1 .head { margin-top: 40px; margin-bottom: 40px; }
    #products .x.products .y .z .w .i .d1-1-1 .head .title {}
    #products .x.products .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l { float: left; width: 380px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox { padding-top: 110.526315789%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox .caption { padding: 12px 12px; font-size: 12.5px; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .nav-container { position: relative; margin-top: 20px; overflow: hidden; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container::-webkit-scrollbar { display:none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav { line-height: 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav.exc { text-align: left; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li { width: 80px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li:nth-child(n+2) { margin-left: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox { padding-top: 100%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox { padding-top: 110.526315789%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox .caption { padding: 12px 12px; font-size: 12.5px; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2::-webkit-scrollbar { display:none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 { line-height: 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2.exc { text-align: left; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li { width: 80px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li:nth-child(n+2) { margin-left: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li .imgbox { padding-top: 100%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l .note { margin-top: 40px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l .note .attention { line-height: 1.8; padding: 25px 20px; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l .note .manual { margin-top: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l .note .manual a { font-size: 1.5rem; letter-spacing: 0.5px; line-height: 1.4; padding: 15px 0; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r { float: right; width: 410px;  }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .copy { font-size: 1.0rem; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .name { font-size: 1.65rem; letter-spacing: 0.5px; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .price { margin-top: 15px; font-size: 1.5rem; letter-spacing: 0.5px; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .price .yen { font-size: 1.0rem; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .att { margin-top: 5px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .notice { margin-top: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns { margin-top: 10px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns a { width: 180px; font-size: 1.65rem; letter-spacing: 0.5px; line-height: 1.2; padding: 8px 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns input[type=image] { outline: none; display: inline-block; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartbtn { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartview { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .desc { margin-top: 45px; line-height: 1.8; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note { width: 380px; position: absolute; top: 560px; left: 50px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .attention { line-height: 1.8; padding: 25px 20px; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .manual { margin-top: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .manual a { font-size: 1.5rem; letter-spacing: 0.5px; line-height: 1.4; padding: 15px 0; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .mv { margin-top: 40px; padding: 0 50px; }

    #products.ichiros-malt .x.products .y .z { padding: 80px 0 60px; }
    #products.ichiros-malt .x.products .y .z .w .i .d1-1-1 .content { min-height: 930px; }
    #products.ichiros-malt .x.products .y .z .w .i .d1-1-1 .content .r .desc { margin-top: 20px; }

    #products.t3-03 .x.products .y .z .w .i .d1-1-1 .content { min-height: 680px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #products .x.products .y .z { padding: 40px 0; }
    #products .x.products .y .z .w .i { padding:0 20px; }

    #products .x.products .y .z .w .i .d1-1-1 {}
    #products .x.products .y .z .w .i .d1-1-1 .head {}
    #products .x.products .y .z .w .i .d1-1-1 .head .title {}
    #products .x.products .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content { margin-top: 30px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .l {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox { padding-top: 110.526315789%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox .caption { padding: 6px 8px; font-size: 9.5px; letter-spacing: 0; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .nav-container { position: relative; margin-top: 10px; overflow: hidden; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container::-webkit-scrollbar { display:none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav { line-height: 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav.exc { text-align: left; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li { width: 65.5px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li:nth-child(n+2) { margin-left: 6px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox { padding-top: 100%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li {}
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox { padding-top: 110.526315789%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-container2 .slider2 li .imgbox .caption { padding: 6px 8px; font-size: 9.5px; letter-spacing: 0; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .nav-container { position: relative; margin-top: 10px; overflow: hidden; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2::-webkit-scrollbar { display:none; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 { line-height: 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2.exc { text-align: left; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li { width: 65.5px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li:nth-child(n+2) { margin-left: 6px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .p-slider-nav-container2 .slider-nav2 li .imgbox { padding-top: 100%; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r { margin-top: 40px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .name { margin-top: 4px; font-size: 1.4rem; letter-spacing: 0.5px; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .price { margin-top: 15px; font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .price .yen { font-size: 0.9rem; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .name { font-size: 1.65rem; letter-spacing: 0.5px; line-height: 1.4; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .price { margin-top: 15px; font-size: 1.5rem; letter-spacing: 0.5px; line-height: 1.2; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .price .yen { font-size: 1.0rem; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .att { margin-top: 5px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .notice { margin-top: 10px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns { margin-top: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns a { width: 100%; font-size: 1.65rem; letter-spacing: 0.5px; line-height: 1.2; padding: 8px 0; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns input[type=image] { outline: none; display: inline-block; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartbtn { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .btns .cartview { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .r .desc { margin-top: 40px; line-height: 1.8; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note { margin-top: 40px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .attention { line-height: 1.8; padding: 10px 10px; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .manual { margin-top: 20px; }
    #products .x.products .y .z .w .i .d1-1-1 .content .note .manual a { font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.4; padding: 15px 0; border: 1px solid #fff; }
    #products .x.products .y .z .w .i .d1-1-1 .mv { margin-top: 30px; }
}


#products.t3-03 .x.various {}
#products.t3-03 .x.various .y { background-color: #000; }
#products.t3-03 .x.various .y .z {}
#products.t3-03 .x.various .y .z .w {}
#products.t3-03 .x.various .y .z .w .i {}
#products.t3-03 .x.various .y .z .w .i .d1 {}
#products.t3-03 .x.various .y .z .w .i .d1-1 {}
#products.t3-03 .x.various .y .z .w .i .d1-1-1 {}
#products.t3-03 .x.various .y .z .w .i .d1-1-1 .content { position: relative; }
#products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul { list-style: none; margin: 0; padding: 0; }
#products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li {}
#products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li .bgi { width:100%; height:auto; position:relative; overflow:hidden; }
#products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li .bgi div { width:100%; padding-top: 560px; background-color: #000; background-position:center center; background-size:contain; background-repeat: no-repeat; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #products.t3-03 .x.various .y .z { padding: 120px 0 50px; }

    #products.t3-03 .x.various .y .z .w .i .d1-1-1 {}
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul {}
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li { float: left; width: 400px; }
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li:nth-child(n+2) { margin-left: 60px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #products.t3-03 .x.various .y .z { padding: 120px 0 50px; }

    #products.t3-03 .x.various .y .z .w .i .d1-1-1 {}
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul {}
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li { float: left; width: 400px; }
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li:nth-child(n+2) { margin-left: 60px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #products.t3-03 .x.various .y .z { padding: 60px 0 40px; }
    #products.t3-03 .x.various .y .z .w .i { padding:0 20px; }

    #products.t3-03 .x.various .y .z .w .i .d1-1-1 {}
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content { padding: 0; }
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul {}
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li { float: left; width: 130px; }
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li:nth-child(n+2) { margin-left: 20px; }
    #products.t3-03 .x.various .y .z .w .i .d1-1-1 .content ul li .bgi div { padding-top: 220px; }
}


#products.t3-03 .x.sldr {}
#products.t3-03 .x.sldr .y {}
#products.t3-03 .x.sldr .y .z { max-width:none; }
#products.t3-03 .x.sldr .y .z .w {}
#products.t3-03 .x.sldr .y .z .w .i {}
#products.t3-03 .x.sldr .y .z .w .i .d1 {}
#products.t3-03 .x.sldr .y .z .w .i .d1-1 { position: relative; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 { position: relative; width: 100%; box-sizing: border-box; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head {}
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container { display: none; position: relative; width: 100%; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container.initialized { display: block; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider { list-style:none; margin:0; padding:0; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider a { display: block; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider a.no-link { cursor: default; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider a.no-link:hover { opacity: 1; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox { position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .caption { position: absolute; left: 0; bottom: 0; display: block; color: #ffffff; width: 100%; background-color: rgba(0,0,0,0.6); box-sizing: border-box; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .caption.hdn { display: none; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd { text-align: center; display: block; color: #ffffff; box-sizing: border-box; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd span {}
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt { display: block; color: #ffffff; box-sizing: border-box; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt div { text-align: center; }

#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots { bottom: 2.5% !important; /*right: 2.5% !important;*/ text-align: center !important; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots li {}
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots li button {}
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots li button:before { opacity: 1; color: #B3B3B3; font-size: 15px; }
#products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots li.slick-active button:before { color: #B2DDFB; }
@media (min-width: 960px) {
    /* for pc [960, inf] */

    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head { position: absolute; top: 100px; width: 100%; margin-top: 40px; margin-bottom: 40px; z-index: 10; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head .title {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.40); }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider { width:100%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox { widht:100%; min-height: 850px; padding-top: 66.40625%; box-sizing: border-box; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .caption { padding: 15px; font-size: 13px; line-height: 1.4; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd { position: absolute; bottom: 140px; width: 100%; font-size: 2.82rem; letter-spacing: 0.5px; line-height: 1.2; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd span { font-size: 1.85rem; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt { position: absolute; bottom: 80px; width: 100%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt div { width: 800px; margin: 0 auto; font-size: 1.25rem; letter-spacing: 0.5px; line-height: 1.5; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
/* 商品名上部表示、下部テキスト複数行用
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd { position: absolute; top: 200px; width: 100%; font-size: 2.82rem; letter-spacing: 0.5px; line-height: 1.2; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd span { font-size: 1.85rem; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt { position: absolute; bottom: 100px; width: 100%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt div { width: 800px; margin: 0 auto; font-size: 1rem; letter-spacing: 0.5px; line-height: 1.5; }
*/
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */

    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head { position: absolute; top: 100px; width: 100%; margin-top: 40px; margin-bottom: 40px; z-index: 10; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head .title {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.40); }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider { width:100%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox { widht:100%; min-height: 850px; padding-top: 66.40625%; box-sizing: border-box; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .caption { padding: 15px; font-size: 13px; line-height: 1.4; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd { position: absolute; bottom: 140px; width: 100%; font-size: 2.82rem; letter-spacing: 0.5px; line-height: 1.2; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd span { font-size: 1.85rem; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt { position: absolute; bottom: 80px; width: 100%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt div { width: 800px; margin: 0 auto; font-size: 1.25rem; letter-spacing: 0.5px; line-height: 1.5; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
/* 商品名上部表示、下部テキスト複数行用
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd { position: absolute; top: 200px; width: 100%; font-size: 2.82rem; letter-spacing: 0.5px; line-height: 1.2; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd span { font-size: 1.85rem; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt { position: absolute; bottom: 100px; width: 100%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt div { width: 800px; margin: 0 auto; font-size: 1rem; letter-spacing: 0.5px; line-height: 1.5; }
*/
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #products.t3-03 .x.sldr .y .z .w {}

    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head { position: absolute; top: 40px; width: 100%; z-index: 10; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head .title {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.40); }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider {}
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox { padding-top: 120%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .caption { padding: 15px; font-size: 13px; line-height: 1.4; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd { position: absolute; bottom: 60px; width: 100%; font-size: 1.6rem; letter-spacing: 0.5px; line-height: 1.1; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd span { font-size: 1.2rem; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt { position: absolute; bottom: 35px; width: 100%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt div { margin: 0 20px; font-size: 0.7rem; letter-spacing: 0; line-height: 1.3; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.95); }
/* 商品名上部表示、下部テキスト複数行用
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd { position: absolute; top: 70px; width: 100%; font-size: 1.6rem; letter-spacing: 0.5px; line-height: 1.2; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .hd span { font-size: 1.2rem; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt { position: absolute; bottom: 20px; width: 100%; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider-container .pg-slider .imgbox .txt div { margin: 0 20px; font-size: 0.5rem; letter-spacing: 0; line-height: 1.3; }
*/

    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots { bottom: 0.5% !important; right: 2% !important; text-align: center !important; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots li { width: 15px; height: 15px; margin: 0 2px; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots li button { width: 15px; height: 15px; }
    #products.t3-03 .x.sldr .y .z .w .i .d1-1-1 .pg-slider .slick-dots li button:before { font-size: 7px; width: 15px; height: 15px; line-height: 15px; }
}




/* ********************************************************************************
 * product-index
 * ******************************************************************************** */
#product-index .x.aaa {}
#product-index .x.aaa .y {}
#product-index .x.aaa .y .z {}
#product-index .x.aaa .y .z .w {}
#product-index .x.aaa .y .z .w .i {}
#product-index .x.aaa .y .z .w .i .d1 {}
#product-index .x.aaa .y .z .w .i .d1-1 {}
#product-index .x.aaa .y .z .w .i .d1-1-1 {}
#product-index .x.aaa .y .z .w .i .d1-1-1 .head {}
#product-index .x.aaa .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#product-index .x.aaa .y .z .w .i .d1-1-1 .head .title div { display: inline-block; }
#product-index .x.aaa .y .z .w .i .d1-1-1 .head .txt { text-align: center; }
#product-index .x.aaa .y .z .w .i .d1-1-1 .content {}
#product-index .x.aaa .y .z .w .i .d1-1-1 .content .box { position: relative; box-sizing: border-box; }
#product-index .x.aaa .y .z .w .i .d1-1-1 .content .box a { display: block; }
#product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .bgi { width:100%; height:auto; position:relative; overflow:hidden; }
#product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .bgi div { width:100%; padding-top: 100%; background-color: #f4f4f4; background-position:center center; background-size:contain; background-repeat: no-repeat; }
#product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info {}
#product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .name { color: #4D4D4D; }
#product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .price {}
#product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .desc {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #product-index .x.aaa .y .z { padding: 0 0 20px; }

    #product-index .x.aaa .y .z .w .i .d1-1 {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .title div { padding: 26px 65px; border-top: 3px solid #ff0000; border-bottom: 3px solid #ff0000; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .txt { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 30px; padding: 0 10px 0; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box { width:205px; float:left; margin-left: 40px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(4n+1) { margin-left: 0; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+5) { margin-top: 60px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info { margin: 5px 5px 0; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .name { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .price { font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.2; padding-top: 5px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .desc { margin-top: 8px; font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #product-index .x.aaa .y .z { padding: 0 0 20px; }

    #product-index .x.aaa .y .z .w .i .d1-1 {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .title div { padding: 26px 65px; border-top: 3px solid #ff0000; border-bottom: 3px solid #ff0000; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .txt { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 30px; padding: 0 10px 0; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box { width:205px; float:left; margin-left: 40px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(4n+1) { margin-left: 0; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+5) { margin-top: 60px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info { margin: 5px 5px 0; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .name { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .price { font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.2; padding-top: 5px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .desc { margin-top: 8px; font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #product-index .x.aaa .y .z { padding: 0 0 20px; }
    #product-index .x.aaa .y .z .w .i { padding:0 20px; }

    #product-index .x.aaa .y .z .w .i .d1-1 {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .title div { padding: 15px 25px; border-top: 2px solid #ff0000; border-bottom: 2px solid #ff0000; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .head .txt { padding: 0 5px; font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 20px; padding: 0 5px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box { width:205px;  margin: 0 auto; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 50px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info { margin: 5px 5px 0; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .name { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .price { font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.2; padding-top: 5px; }
    #product-index .x.aaa .y .z .w .i .d1-1-1 .content .box .info .desc { margin-top: 8px; font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}




/* ********************************************************************************
 * product-detail
 * ******************************************************************************** */
#product-detail .x.aaa {}
#product-detail .x.aaa .y {}
#product-detail .x.aaa .y .z {}
#product-detail .x.aaa .y .z .w {}
#product-detail .x.aaa .y .z .w .i {}
#product-detail .x.aaa .y .z .w .i .d1 {}
#product-detail .x.aaa .y .z .w .i .d1-1 {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .head {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .head .title { font-weight: bold; color: rgb(144,92,162); }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .l {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container { display: none; position: relative; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container.initialized { display: block; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider { list-style:none; margin:0; padding:0; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider a { display: block; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox { position: relative; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox.under { background-position: center bottom !important; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox .caption { position: absolute; left: 0; bottom: 0; display: block; color: #ffffff; width: 100%; background-color: rgba(0,0,0,0.45); box-sizing: border-box; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container { display: none; position: relative; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container.initialized { display: block; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav { list-style:none; margin:0; padding:0; font-size: 0; text-align: center; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li { position: relative; display: inline-block; cursor: pointer; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox { background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent !important; box-sizing: border-box; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox.under { background-position: center bottom !important; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li:after { content: ''; background-color: rgba(0, 0, 0, 0.65); position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: .3s opacity linear; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li.current:after { opacity: 0; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .copy { font-weight: 600;  }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .name { font-weight: bold; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .desc {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .bene {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .bene ul { list-style: none; padding: 0; margin: 0; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .bene ul li { padding-left: 1rem; text-indent:-1rem; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .bene ul li:before { content: '●'; color: rgb(144,92,162); }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .note { color: rgb(196,53,50); }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info { font-weight: bold; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .p-num {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .num { color: rgb(196,53,50); }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .yen {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .tax {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .count {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .count input[type=number] { width:4rem; border: 2px solid rgb(204,204,204); border-radius:5px; text-align: right; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul { list-style: none; margin: 0; padding: 0; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li input[type=image] {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li input[type=image]:hover { opacity:0.75; filter: alpha(opacity=75); -moz-opacity:0.75; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li a {}
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartbtn { background-color: #F7931E; color: #fff; border: 1px solid #F7931E; outline: none; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartbtn:hover { opacity:0.75; filter: alpha(opacity=75); -moz-opacity:0.75; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartview { display: table-cell; background-color: #FCC062; color: #fff; border: 1px solid #FCC062; text-align: center; vertical-align: middle; box-sizing: border-box; }
#product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .note2 { }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #product-detail .x.aaa .y .z { padding: 40px 0 80px; }

    #product-detail .x.aaa .y .z .w .i .d1-1 {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .head .title { font-size: 1.7rem; line-height: 2.6rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content { padding: 0 10px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .l { float: left; width: 460px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox { padding-top: 68.75%; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox .caption { padding: 12px 12px; font-size: 12.5px; line-height: 1.4; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .nav-container { position: relative; margin-top: 15px; overflow: hidden; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container::-webkit-scrollbar { display:none; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav { line-height: 0; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav.exc { text-align: left; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li { width: 142px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li:nth-child(n+2) { margin-left: 16px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox { padding-top: 68.75%; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r { float: right; width: 460px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category div { width: 100px; font-size: 1rem; letter-spacing: 0; line-height: 1.2; margin: 0 5px 10px 0;  padding: 7px 0; border-radius: 12px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category div:nth-child(n+2) {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .copy {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .name { margin-top: 4px; font-size: 1.6rem; letter-spacing: 0; line-height: 1.3; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .desc { margin-top: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .bene { margin-top: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .note { margin-top: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info { margin-top: 20px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .p-num {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .num {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .yen { font-size: 1.0rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .tax { font-size: 1.0rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .count {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .count input[type=text] { border: none; height: 20px; width: 70px; text-align: right; padding-right: 5px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns { margin-top: 10px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li { float: left; line-height: 0; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li:nth-child(n+2) { margin-left: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li input[type=image] { outline: none; display: inline-block; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li a {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartbtn { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartview { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .note2 { margin-top: 15px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #product-detail .x.aaa .y .z { padding: 40px 0 80px; }

    #product-detail .x.aaa .y .z .w .i .d1-1 {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .head .title { font-size: 1.7rem; line-height: 2.6rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content { padding: 0 10px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .l { float: left; width: 460px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox { padding-top: 68.75%; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox .caption { padding: 12px 12px; font-size: 12.5px; line-height: 1.4; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .nav-container { position: relative; margin-top: 15px; overflow: hidden; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container::-webkit-scrollbar { display:none; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav { line-height: 0; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav.exc { text-align: left; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li { width: 142px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li:nth-child(n+2) { margin-left: 16px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox { padding-top: 68.75%; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r { float: right; width: 460px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category div { width: 100px; font-size: 1rem; letter-spacing: 0; line-height: 1.2; margin: 0 5px 10px 0;  padding: 7px 0; border-radius: 12px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category div:nth-child(n+2) {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .copy {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .name { margin-top: 4px; font-size: 1.6rem; letter-spacing: 0; line-height: 1.3; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .desc { margin-top: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .bene { margin-top: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .note { margin-top: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info { margin-top: 20px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .p-num {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .num {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .yen { font-size: 1.0rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .tax { font-size: 1.0rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .count {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .count input[type=text] { border: none; height: 20px; width: 70px; text-align: right; padding-right: 5px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns { margin-top: 10px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li { float: left; line-height: 0; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li:nth-child(n+2) { margin-left: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li input[type=image] { outline: none; display: inline-block; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li a {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartbtn { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartview { font-size: 1.1rem; letter-spacing: 1px; width: 195px; height: 35px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .note2 { margin-top: 15px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #product-detail .x.aaa .y .z { padding: 30px 0 50px; }
    #product-detail .x.aaa .y .z .w .i { padding:0 20px; }

    #product-detail .x.aaa .y .z .w .i .d1-1 {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .head .title { font-size: 1.5rem; line-height: 2.1rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .l {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox { padding-top: 68.75%; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-container .slider li .imgbox .caption { padding: 6px 8px; font-size: 9.5px; letter-spacing: 0; line-height: 1.4; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .nav-container { position: relative; margin-top: 10px; overflow: hidden; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container { white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container::-webkit-scrollbar { display:none; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav { line-height: 0; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav.exc { text-align: left; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li { width: 89px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li:nth-child(n+2) { margin-left: 6.5px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .p-slider-nav-container .slider-nav li .imgbox { padding-top: 68.75%; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r { margin-top: 40px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category div { width: 64px; font-size: 0.78rem; letter-spacing: -0.5px; line-height: 1.2; margin: 0 2px 8px 0;  padding: 5px 0; border-radius: 8px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .category div:nth-child(n+2) {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .copy {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .name { margin-top: 4px; font-size: 1.4rem; letter-spacing: 0; line-height: 1.3; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .desc { margin-top: 18px; font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.6; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .bene { margin-top: 15px; font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.6; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .note { margin-top: 15px; font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.6; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info { margin-top: 20px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .p-num {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .num {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .yen { font-size: 1.0rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .price .tax { font-size: 1.0rem; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .count {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .info .count input[type=text] { border: none; height: 18px; width: 70px; text-align: right; padding-right: 5px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns { margin-top: 25px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul { text-align: center; display: block; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li:nth-child(n+2) { margin-top: 15px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li input[type=image] { outline: none; width:100%; height: auto; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li a {}
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li a img { width: 100%; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartbtn { font-size: 1.42rem; letter-spacing: 1px; width: 280px; height: 50px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .btns ul li .cartview { font-size: 1.42rem; letter-spacing: 1px; width: 280px; height: 50px; }
    #product-detail .x.aaa .y .z .w .i .d1-1-1 .content .r .note2 { margin-top: 15px; font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.6; }
}

#product-detail .x.bbb {}
#product-detail .x.bbb .y {}
#product-detail .x.bbb .y .z {}
#product-detail .x.bbb .y .z .w {}
#product-detail .x.bbb .y .z .w .i {}
#product-detail .x.bbb .y .z .w .i .d1 {}
#product-detail .x.bbb .y .z .w .i .d1-1 {}
#product-detail .x.bbb .y .z .w .i .d1-1-1 {}
#product-detail .x.bbb .y .z .w .i .d1-1-1 .head {}
#product-detail .x.bbb .y .z .w .i .d1-1-1 .head .title {}
#product-detail .x.bbb .y .z .w .i .d1-1-1 .head .title div { color: #000000; font-weight: bold; }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content {}
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .no-item { text-align:center; }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box {}
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box a { display: block; }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .bgi { width:100%; height:auto; position:relative; overflow:hidden; }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .bgi div { width:100%; padding-top: 100%; background-color: transparent; background-position:center; background-size:contain; background-repeat: no-repeat; }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info {}
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .name { color: rgba(54,113,125); }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price { color: rgb(196,53,50); margin-top:0.5rem; }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price .per { color: rgba(54,113,125); display: inline-block; margin-left:1rem; }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price .per:before { content: '('; }
#product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price .per:after { content: ')'; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #product-detail .x.bbb .y .z { padding: 40px 0 20px; }

    #product-detail .x.bbb .y .z .w .i .d1-1-1 {}
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head .title { background: repeating-linear-gradient(315deg, #F2F2F2, #F2F2F2 14px, #ffffff 0, #ffffff 28px); }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head .title div { font-size: 1.28rem; line-height: 1.2; letter-spacing: 0.5px; padding: 12px 0 12px 2rem; }

    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content { margin-top: 20px; padding: 26px 10px 0; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .no-item { margin:30px 0; font-size:16px; line-height:1.4; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box { float: left; width: 172px; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-left: 20px; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info { margin: 5px 5px 0; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .name { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price { font-size: 1.3rem; letter-spacing: 0.5px; line-height: 1.2; padding-top: 5px; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price .per { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #product-detail .x.bbb .y .z { padding: 40px 0 20px; }

    #product-detail .x.bbb .y .z .w .i .d1-1-1 {}
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head .title { background: repeating-linear-gradient(315deg, #F2F2F2, #F2F2F2 14px, #ffffff 0, #ffffff 28px); }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head .title div { font-size: 1.28rem; line-height: 1.2; letter-spacing: 0.5px; padding: 12px 0 12px 2rem; }

    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content { margin-top: 20px; padding: 26px 10px 0; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .no-item { margin:30px 0; font-size:16px; line-height:1.4; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box { float: left; width: 172px; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-left: 20px; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info { margin: 5px 5px 0; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .name { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price { font-size: 1.3rem; letter-spacing: 0.5px; line-height: 1.2; padding-top: 5px; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price .per { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #product-detail .x.bbb .y .z { padding: 40px 0 10px; }
    #product-detail .x.bbb .y .z .w .i { padding:0 20px; }

    #product-detail .x.bbb .y .z .w .i .d1-1-1 {}
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head .title { background: repeating-linear-gradient(315deg, #F2F2F2, #F2F2F2 10px, #ffffff 0, #ffffff 20px); }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .head .title div { font-size: 1.1rem; line-height: 1.2; letter-spacing: 0; padding: 10px 0 10px 1rem; }

    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content { margin-top: 20px; padding: 36px 0 0; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .no-item { margin:30px 0; font-size:16px; line-height:1.4; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box { width: 220px; margin: 0 auto; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 50px; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info { margin: 5px 5px 0; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .name { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; padding-top: 5px; }
    #product-detail .x.bbb .y .z .w .i .d1-1-1 .content .box .info .price .per { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}

#product-detail .x.ccc {}
#product-detail .x.ccc .y {}
#product-detail .x.ccc .y .z {}
#product-detail .x.ccc .y .z .w {}
#product-detail .x.ccc .y .z .w .i {}
#product-detail .x.ccc .y .z .w .i .d1 {}
#product-detail .x.ccc .y .z .w .i .d1-1 {}
#product-detail .x.ccc .y .z .w .i .d1-1-1 {}
#product-detail .x.ccc .y .z .w .i .d1-1-1 .head {}
#product-detail .x.ccc .y .z .w .i .d1-1-1 .head .title {}
#product-detail .x.ccc .y .z .w .i .d1-1-1 .head .title div { color: #000000; font-weight: bold; }
#product-detail .x.ccc .y .z .w .i .d1-1-1 .content {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #product-detail .x.ccc .y .z { padding: 40px 0 20px; }

    #product-detail .x.ccc .y .z .w .i .d1-1-1 {}
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head .title { background: repeating-linear-gradient(315deg, #F2F2F2, #F2F2F2 14px, #ffffff 0, #ffffff 28px); }
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head .title div { font-size: 1.28rem; line-height: 1.2; letter-spacing: 0.5px; padding: 12px 0 12px 2rem; }

    #product-detail .x.ccc .y .z .w .i .d1-1-1 .content { margin-top: 20px; padding: 26px 10px 0 20px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #product-detail .x.ccc .y .z { padding: 40px 0 20px; }

    #product-detail .x.ccc .y .z .w .i .d1-1-1 {}
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head .title { background: repeating-linear-gradient(315deg, #F2F2F2, #F2F2F2 14px, #ffffff 0, #ffffff 28px); }
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head .title div { font-size: 1.28rem; line-height: 1.2; letter-spacing: 0.5px; padding: 12px 0 12px 2rem; }

    #product-detail .x.ccc .y .z .w .i .d1-1-1 .content { margin-top: 20px; padding: 26px 10px 0 20px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #product-detail .x.ccc .y .z { padding: 40px 0 10px; }
    #product-detail .x.ccc .y .z .w .i { padding:0 20px; }

    #product-detail .x.ccc .y .z .w .i .d1-1-1 {}
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head {}
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head .title { background: repeating-linear-gradient(315deg, #F2F2F2, #F2F2F2 10px, #ffffff 0, #ffffff 20px); }
    #product-detail .x.ccc .y .z .w .i .d1-1-1 .head .title div { font-size: 1.1rem; line-height: 1.2; letter-spacing: 0; padding: 10px 0 10px 1rem; }

    #product-detail .x.ccc .y .z .w .i .d1-1-1 .content { margin-top: 20px; padding: 36px 5px 0 5px; }
}


#product-detail .x.p-pager {}
#product-detail .x.p-pager .y {}
#product-detail .x.p-pager .y .z {}
#product-detail .x.p-pager .y .z .w {}
#product-detail .x.p-pager .y .z .w .i {}
#product-detail .x.p-pager .y .z .w .i .d1 {}
#product-detail .x.p-pager .y .z .w .i .d1-1 {}
#product-detail .x.p-pager .y .z .w .i .d1-1-1 {}
#product-detail .x.p-pager .y .z .w .i .d1-1-1 .content { text-align:center; }
#product-detail .x.p-pager .y .z .w .i .d1-1-1 .content a { display:inline-block; background-color: #3FA9F5; border: 1px solid #3FA9F5; color: #ffffff; border-radius: 4px; box-sizing: border-box; }
#product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .prev,
#product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .next,
#product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .list {}
#product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .hdn { visibility: hidden; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #product-detail .x.p-pager .y .z {}

    #product-detail .x.p-pager .y .z .w .i .d1-1-1 {}
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content { padding: 60px 0 0; }
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content a { width:210px; padding: 12px 0; font-size: 1.15rem; letter-spacing: 1px; line-height: 1.2; }
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .prev,
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .next,
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .list {}
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .list { margin: 0 45px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #product-detail .x.p-pager .y .z {}

    #product-detail .x.p-pager .y .z .w .i .d1-1-1 {}
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content { padding: 60px 0 0; }
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content a { width:210px; padding: 12px 0; font-size: 1.15rem; letter-spacing: 1px; line-height: 1.2; }
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .prev,
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .next,
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .list {}
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content .list { margin: 0 45px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #product-detail .x.p-pager .y .z {}
    #product-detail .x.p-pager .y .z .w .i { padding:0 20px; }

    #product-detail .x.p-pager .y .z .w .i .d1-1-1 {}
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .content { padding: 40px 0 0; }
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 a { width:210px; padding: 10px 0; font-size: 1.05rem; letter-spacing: 1px; line-height: 1.2; }
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .prev,
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .next,
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .list {}
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .prev { margin-bottom: 25px; }
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .next { margin-top: 25px; }
    #product-detail .x.p-pager .y .z .w .i .d1-1-1 .hdn { display: none; }
}




/* ********************************************************************************
 * stores
 * ******************************************************************************** */
#stores .x.aaa {}
#stores .x.aaa .y { background-image:url(../img/common-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#stores .x.aaa .y .z {}
#stores .x.aaa .y .z .w {}
#stores .x.aaa .y .z .w .i {}
#stores .x.aaa .y .z .w .i .d1 {}
#stores .x.aaa .y .z .w .i .d1-1 {}
#stores .x.aaa .y .z .w .i .d1-1-1 {}
#stores .x.aaa .y .z .w .i .d1-1-1 .head {}
#stores .x.aaa .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#stores .x.aaa .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
#stores .x.aaa .y .z .w .i .d1-1-1 .content {}
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list {}
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul { list-style: none; margin: 0; padding: 0; }
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li {}
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box { color: #ffffff; }
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name {}
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name a { display: inline-block; color: #ffffff; }
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name a:hover { text-decoration: underline; }
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info {}
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .addr {}
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .tel {}
#stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .tel a { color: #ffffff; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #stores .x.aaa .y .z { padding: 100px 0 40px; }

    #stores .x.aaa .y .z .w .i .d1-1-1 {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .head { margin-top: 40px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 60px; padding: 0 30px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul:nth-child(1) { float: left; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul:nth-child(2) { float: right; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li { width: 420px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li:nth-child(n+2) { margin-top: 20px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name a { font-size: 1.72rem; letter-spacing: 0.5px; line-height: 1.4; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.4; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .addr {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .tel {}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #stores .x.aaa .y .z { padding: 100px 0 40px; }

    #stores .x.aaa .y .z .w .i .d1-1-1 {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .head { margin-top: 40px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 60px; padding: 0 30px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul:nth-child(1) { float: left; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul:nth-child(2) { float: right; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li { width: 420px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li:nth-child(n+2) { margin-top: 20px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name a { font-size: 1.72rem; letter-spacing: 0.5px; line-height: 1.4; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.4; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .addr {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .tel {}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #stores .x.aaa .y { background-position: 72% top; }
    #stores .x.aaa .y .z { padding: 40px 0; }
    #stores .x.aaa .y .z .w .i { padding:0 20px; }

    #stores .x.aaa .y .z .w .i .d1-1-1 {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .head {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 30px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul:nth-child(1) {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul:nth-child(2) { margin-top: 30px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li { width: 100%; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li:nth-child(n+2) { margin-top: 30px; }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .name a { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.4; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.4; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .addr {}
    #stores .x.aaa .y .z .w .i .d1-1-1 .content .list ul li .box .info .tel {}
}




/* ********************************************************************************
 * contact
 * ******************************************************************************** */
#contact .x.aaa {}
#contact .x.aaa .y {}
#contact .x.aaa .y .z { max-width: none; }
#contact .x.aaa .y .z .w {}
#contact .x.aaa .y .z .w .i {}
#contact .x.aaa .y .z .w .i .d1 {}
#contact .x.aaa .y .z .w .i .d1-1 {}
#contact .x.aaa .y .z .w .i .d1-1-1 {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #contact .x.aaa .y { margin-top: 20px; }

    #contact .x.aaa .y .z .w .i .d1-1-1 { max-width: 960px; margin: 0 auto; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contact .x.aaa .y { margin-top: 20px; }

    #contact .x.aaa .y .z .w .i .d1-1-1 { max-width: 960px; margin: 0 auto; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #contact .x.aaa .y { margin-top: 20px; }
    #contact .x.aaa .y .z .w .i { padding:0 20px; }

    #contact .x.aaa .y .z .w .i .d1-1-1 {}
}




/* ********************************************************************************
 * contact_thx
 * ******************************************************************************** */
#contact_thx .x.aaa {}
#contact_thx .x.aaa .y {}
#contact_thx .x.aaa .y .z { max-width: none; }
#contact_thx .x.aaa .y .z .w {}
#contact_thx .x.aaa .y .z .w .i {}
#contact_thx .x.aaa .y .z .w .i .d1 {}
#contact_thx .x.aaa .y .z .w .i .d1-1 {}
#contact_thx .x.aaa .y .z .w .i .d1-1-1 {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #contact_thx .x.aaa .y { margin-top: 20px; }

    #contact_thx .x.aaa .y .z .w .i .d1-1-1 { max-width: 960px; margin: 0 auto; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contact_thx .x.aaa .y { margin-top: 20px; }

    #contact_thx .x.aaa .y .z .w .i .d1-1-1 { max-width: 960px; margin: 0 auto; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #contact_thx .x.aaa .y { margin-top: 20px; }
    #contact_thx .x.aaa .y .z .w .i { padding:0 20px; }

    #contact_thx .x.aaa .y .z .w .i .d1-1-1 {}
}




/* ********************************************************************************
 * news-index
 * information-index
 * live-index
 * media-index
 *
 * ******************************************************************************** */
.x.list {}
.x.list .y {}
.x.list .y .z { max-width: none; }
.x.list .y .z .w {}
.x.list .y .z .w .i {}
.x.list .y .z .w .i .d1 {}
.x.list .y .z .w .i .d1-1 {}
.x.list .y .z .w .i .d1-1-1 {}
.x.list .y .z .w .i .d1-1-1 .head { background-image:url(../img/accessory-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; }
.x.list .y .z .w .i .d1-1-1 .head .title { text-align: center; }
.x.list .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
.x.list .y .z .w .i .d1-1-1 .detail {}
.x.list .y .z .w .i .d1-1-1 .detail .content {}
.x.list .y .z .w .i .d1-1-1 .detail .content .box {}
.x.list .y .z .w .i .d1-1-1 .detail .content .box a { position: relative; display: block; }
.x.list .y .z .w .i .d1-1-1 .detail .content .box a:hover { opacity: 0.7; }
.x.list .y .z .w .i .d1-1-1 .detail .content .box.new a:before { content: 'NEW'; position: absolute; top: 5px; right: 5px; z-index: 100; background-color: rgba(255, 2, 2, 0.75); color: #ffffff; border-radius: 4px; }
.x.list .y .z .w .i .d1-1-1 .detail .content .box .bgi { width:100%; height:auto; position:relative; overflow:hidden; box-shadow: 0px 0px 1px 0px rgb(0, 0, 0, 0.45); }
.x.list .y .z .w .i .d1-1-1 .detail .content .box .bgi div { width:100%; padding-top: 100%; background-position:center; background-size:contain; background-repeat: no-repeat; }
/*
.x.list .y .z .w .i .d1-1-1 .detail .content .box a:hover .bgi:before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); color: #fff; transition: all .35s; }
.x.list .y .z .w .i .d1-1-1 .detail .content .box a:hover .bgi:after { content: '\f002'; position: absolute; top: 42%; left: 0; right: 0; font-size: 2rem; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; transition: all .35s; }
*/
.x.list .y .z .w .i .d1-1-1 .detail .content .box .info { text-align: left; }
.x.list .y .z .w .i .d1-1-1 .detail .content .box .info .title {}
.x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc { text-align: center; }
.x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc .new { display: inline-block; color: #B28336; }
.x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc .date { display: inline-block; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.list .y .z { margin-top: 0; }

    .x.list .y .z .w .i .d1-1-1 { padding: 0 5px; }
    .x.list .y .z .w .i .d1-1-1 .head { padding: 100px 0 0; }
    .x.list .y .z .w .i .d1-1-1 .head .title { padding: 40px 0 50px; }
    .x.list .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    .x.list .y .z .w .i .d1-1-1 .detail { max-width: 960px; margin: 60px auto 0 ; text-align: center; }
    .x.list .y .z .w .i .d1-1-1 .detail .content {}
    .x.list .y .z .w .i .d1-1-1 .detail .content.extra { display: inline-block; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box { float: left; width: 230px; margin-left: 10px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box:nth-child(4n+1) { margin-left: 0; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box:nth-child(n+5) { margin-top: 42px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .bgi div { width:100%; padding-top: 65.2173913043%; background-position:center; background-size:cover; background-repeat: no-repeat; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info { margin: 7px 0 0; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .title { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc { margin-top: 5px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc .new { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc .date { font-size: 1.0rem; letter-spacing: 0; line-height: 1.2; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.list .y .z { margin-top: 0; }

    .x.list .y .z .w .i .d1-1-1 { padding: 0 5px; }
    .x.list .y .z .w .i .d1-1-1 .head { padding: 100px 0 0; }
    .x.list .y .z .w .i .d1-1-1 .head .title { padding: 40px 0 50px; }
    .x.list .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    .x.list .y .z .w .i .d1-1-1 .detail { max-width: 960px; margin: 60px auto 0 ; text-align: center; }
    .x.list .y .z .w .i .d1-1-1 .detail .content {}
    .x.list .y .z .w .i .d1-1-1 .detail .content.extra { display: inline-block; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box { float: left; width: 230px; margin-left: 10px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box:nth-child(4n+1) { margin-left: 0; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box:nth-child(n+5) { margin-top: 42px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .bgi div { width:100%; padding-top: 65.2173913043%; background-position:center; background-size:cover; background-repeat: no-repeat; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info { margin: 7px 0 0; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .title { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc { margin-top: 5px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc .new { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc .date { font-size: 1.0rem; letter-spacing: 0; line-height: 1.2; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.list .y .z { margin-top: 0; }
    .x.list .y .z .w .i {}

    .x.list .y .z .w .i .d1-1-1 {}
    .x.list .y .z .w .i .d1-1-1 .head { padding: 40px 0 30px; }
    .x.list .y .z .w .i .d1-1-1 .head .title {}
    .x.list .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    .x.list .y .z .w .i .d1-1-1 .detail { margin-top: 30px; padding:0 20px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content {}
    .x.list .y .z .w .i .d1-1-1 .detail .content .box { width: 230px; margin: 0 auto; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box:nth-child(n+2) { margin-top: 40px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .bgi div { width:100%; padding-top: 65.2173913043%; background-position:center; background-size:cover; background-repeat: no-repeat; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info { margin: 7px 0 0; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .title { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc { margin-top: 2px; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc .new { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    .x.list .y .z .w .i .d1-1-1 .detail .content .box .info .desc .date { font-size: 0.95rem; letter-spacing: 0; line-height: 1.2; }
}


.x.pager {}
.x.pager .y {}
.x.pager .y .z {}
.x.pager .y .z .w {}
.x.pager .y .z .w .i {}
.x.pager .y .z .w .i .d1 {}
.x.pager .y .z .w .i .d1-1 {}
.x.pager .y .z .w .i .d1-1-1 { text-align:center; }
.x.pager .y .z .w .i .d1-1-1 a { display:inline-block; background-color: #B3B3B3; color: #fff; border-radius: 50%; }
.x.pager .y .z .w .i .d1-1-1 a { display:inline-block; background-color: #969696; color: #fff; border-radius: 50%; }
.x.pager .y .z .w .i .d1-1-1 .prev {}
.x.pager .y .z .w .i .d1-1-1 .next {}
.x.pager .y .z .w .i .d1-1-1 .num {}
.x.pager .y .z .w .i .d1-1-1 .num.current { background-color:#616161; }
.x.pager .y .z .w .i .d1-1-1 .num.current { background-color:#2C2E2E; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.pager .y .z { padding: 60px 0 60px; }

    .x.pager .y .z .w .i .d1-1-1 {}
    .x.pager .y .z .w .i .d1-1-1 a { width: 30px; height: 30px; font-size:1.1rem; line-height:30px; }
    .x.pager .y .z .w .i .d1-1-1 .prev { margin-right:4px; }
    .x.pager .y .z .w .i .d1-1-1 .next { margin-left:4px; }
    .x.pager .y .z .w .i .d1-1-1 .num { margin: 0 3px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.pager .y .z { padding: 60px 0 60px; }

    .x.pager .y .z .w .i .d1-1-1 {}
    .x.pager .y .z .w .i .d1-1-1 a { width: 30px; height: 30px; font-size:1.1rem; line-height:30px; }
    .x.pager .y .z .w .i .d1-1-1 .prev { margin-right:4px; }
    .x.pager .y .z .w .i .d1-1-1 .next { margin-left:4px; }
    .x.pager .y .z .w .i .d1-1-1 .num { margin: 0 3px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.pager .y .z { padding: 40px 0 40px; }
    .x.pager .y .z .w .i { padding:0 20px; }

    .x.pager .y .z .w .i .d1-1-1 {}
    .x.pager .y .z .w .i .d1-1-1 a { width: 26px; height: 26px; font-size:1.0rem; line-height:26px; }
    .x.pager .y .z .w .i .d1-1-1 .prev { margin-right:4px; }
    .x.pager .y .z .w .i .d1-1-1 .next { margin-left:4px; }
    .x.pager .y .z .w .i .d1-1-1 .num { margin: 0 2px; }
}



/* ********************************************************************************
 * news-detail
 * information-detail
 * live-detail
 * media-detail
 *
 * ******************************************************************************** */
.x.cms {}
.x.cms .y {}
.x.cms .y .z { max-width: none; }
.x.cms .y .z .w {}
.x.cms .y .z .w .i {}
.x.cms .y .z .w .i .d1 {}
.x.cms .y .z .w .i .d1-1 {}
.x.cms .y .z .w .i .d1-1-1 {}
.x.cms .y .z .w .i .d1-1-1 .head { background-image:url(../img/accessory-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; }
.x.cms .y .z .w .i .d1-1-1 .head .title { text-align: center; }
.x.cms .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
.x.cms .y .z .w .i .d1-1-1 .detail {}
.x.cms .y .z .w .i .d1-1-1 .detail .content {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .news-head {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .title {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc .new { display: inline-block; color: #B28336; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc .date { display: inline-block; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .img {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .txt {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .attachments {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming .hd { display: inline-block; background: #666; border: 2px solid #666; color: #fff; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul { list-style: none; margin: 0; padding: 0; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li {}
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li a { display: inline-block; vertical-align: middle; box-sizing: border-box; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li a div { width:100%; height: 100%; background-position:center; background-size:contain; background-repeat: no-repeat; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.cms .y .z { margin-top: 0; }

    .x.cms .y .z .w .i .d1-1-1 { padding: 0 10px; }
    .x.cms .y .z .w .i .d1-1-1 .head { padding: 100px 0 0; }
    .x.cms .y .z .w .i .d1-1-1 .head .title { padding: 40px 0 50px; }
    .x.cms .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    .x.cms .y .z .w .i .d1-1-1 .detail { max-width: 960px; margin: 60px auto 0 ; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content {}
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head {}
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .title { font-size: 1.26rem; letter-spacing: 0.5px; line-height: 1.6; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc { margin-top: 5px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc .new { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc .date { font-size: 1.0rem; letter-spacing: 0; line-height: 1.2; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail { margin-top: 45px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .txt { margin-top: 20px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .attachments { margin-top: 20px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming { margin-top: 50px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming .hd { font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.2; padding: 4px 10px; border-radius: 20px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul { margin-top: 10px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li { float: left; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li:nth-child(n+2) { margin-left: 10px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li a { width: 160px; height: 50px; border: 1px solid #888; border-radius: 8px; padding: 5px 12px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li a div {}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.cms .y .z { margin-top: 0; }

    .x.cms .y .z .w .i .d1-1-1 { padding: 0 10px; }
    .x.cms .y .z .w .i .d1-1-1 .head { padding: 100px 0 0; }
    .x.cms .y .z .w .i .d1-1-1 .head .title { padding: 40px 0 50px; }
    .x.cms .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    .x.cms .y .z .w .i .d1-1-1 .detail { max-width: 960px; margin: 60px auto 0 ; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content {}
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head {}
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .title { font-size: 1.26rem; letter-spacing: 0.5px; line-height: 1.6; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc { margin-top: 5px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc .new { font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc .date { font-size: 1.0rem; letter-spacing: 0; line-height: 1.2; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail { margin-top: 45px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .txt { margin-top: 20px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .attachments { margin-top: 20px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming { margin-top: 50px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming .hd { font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.2; padding: 4px 10px; border-radius: 20px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul { margin-top: 10px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li { float: left; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li:nth-child(n+2) { margin-left: 10px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li a { width: 160px; height: 50px; border: 1px solid #888; border-radius: 8px; padding: 5px 12px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li a div {}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.cms .y .z { margin-top: 0; }
    .x.cms .y .z .w .i {}

    .x.cms .y .z .w .i .d1-1-1 {}
    .x.cms .y .z .w .i .d1-1-1 .head { padding: 40px 0 30px; }
    .x.cms .y .z .w .i .d1-1-1 .head .title {}
    .x.cms .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    .x.cms .y .z .w .i .d1-1-1 .detail { margin-top: 30px; padding:0 20px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content {}
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head { padding: 0 0 15px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .title { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.6; padding-bottom: 7px; border-bottom: 1px solid #626262; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc { margin-top: 5px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc .new { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; margin-right: 0.25rem; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .news-head .desc .date { font-size: 0.95rem; letter-spacing: 0; line-height: 1.2; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail { margin-top: 35px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .txt { margin-top: 15px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .attachments { margin-top: 15px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming { margin-top: 50px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming .hd { font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.2; padding: 4px 10px; border-radius: 20px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul { margin-top: 10px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li { float: left; margin-left: 10px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li:nth-child(2n+1) { margin-left: 0; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li:nth-child(n+3) { margin-top: 15px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li a { width: 135px; height: 45px; border: 1px solid #888; border-radius: 8px; padding: 5px 12px; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail .streaming ul li a div {}
}

/* wp style */
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail strong { font-weight: bold; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail em { font-style: italic; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .aligncenter { display: block; margin: 0 auto; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .alignright { float: right; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail .alignleft { float: left; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail a { color:#1272b4; text-decoration:underline; }
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail a:hover { opacity:0.7; }
/*
.x.cms .y .z .w .i .d1-1-1 .detail .content .detail p {
    -moz-margin-before: 0em;
    -moz-margin-after: 0em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -ms-margin-before: 0em;
    -ms-margin-after: 0em;
    -ms-margin-start: 0px;
    -ms-margin-end: 0px;
    -o-margin-before: 0em;
    -o-margin-after: 0em;
    -o-margin-start: 0px;
    -o-margin-end: 0px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
*/
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail figure { margin:1em 0 !important; width:auto !important; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail figure img { max-width:100% !important; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail img { max-width:100% !important; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail figure { margin:1em 0 !important; width:auto !important; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail figure img { max-width:100% !important; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail img { max-width:100% !important; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail figure { margin:1em 0 !important; width:auto !important; }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail figure img { max-width:100% !important; width:100% !important }
    .x.cms .y .z .w .i .d1-1-1 .detail .content .detail img { max-width:100% !important; width:100% !important }
}


.x.detail-pager {}
.x.detail-pager .y {}
.x.detail-pager .y .z {}
.x.detail-pager .y .z .w {}
.x.detail-pager .y .z .w .i {}
.x.detail-pager .y .z .w .i .d1 {}
.x.detail-pager .y .z .w .i .d1-1 {}
.x.detail-pager .y .z .w .i .d1-1-1 { text-align:center; }
.x.detail-pager .y .z .w .i .d1-1-1 a { display:inline-block; background-color: #B3B3B3; color: #fff; border-radius: 50%; }
.x.detail-pager .y .z .w .i .d1-1-1 a { display:inline-block; background-color: #2C2E2E; color: #fff; border-radius: 50%; }
.x.detail-pager .y .z .w .i .d1-1-1 .prev,
.x.detail-pager .y .z .w .i .d1-1-1 .next,
.x.detail-pager .y .z .w .i .d1-1-1 .list {}
.x.detail-pager .y .z .w .i .d1-1-1 .hdn { visibility: hidden; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.detail-pager .y .z { padding: 70px 0 60px; }

    .x.detail-pager .y .z .w .i .d1-1-1 {}
    .x.detail-pager .y .z .w .i .d1-1-1 a { width: 30px; height: 30px; font-size:1.1rem; line-height:30px; }
    .x.detail-pager .y .z .w .i .d1-1-1 .prev,
    .x.detail-pager .y .z .w .i .d1-1-1 .next,
    .x.detail-pager .y .z .w .i .d1-1-1 .list {}
    .x.detail-pager .y .z .w .i .d1-1-1 .list { width: 46px; height: 46px; font-size:1.1rem; line-height:46px; margin: 0 45px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.detail-pager .y .z { padding: 70px 0 60px; }

    .x.detail-pager .y .z .w .i .d1-1-1 {}
    .x.detail-pager .y .z .w .i .d1-1-1 a { width: 30px; height: 30px; font-size:1.1rem; line-height:30px; }
    .x.detail-pager .y .z .w .i .d1-1-1 .prev,
    .x.detail-pager .y .z .w .i .d1-1-1 .next,
    .x.detail-pager .y .z .w .i .d1-1-1 .list {}
    .x.detail-pager .y .z .w .i .d1-1-1 .list { width: 46px; height: 46px; font-size:1.1rem; line-height:46px; margin: 0 45px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.detail-pager .y .z { padding: 50px 0 40px; }
    .x.detail-pager .y .z .w .i { padding:0 20px; }

    .x.detail-pager .y .z .w .i .d1-1-1 {}
    .x.detail-pager .y .z .w .i .d1-1-1 a { width: 26px; height: 26px; font-size:1.0rem; line-height:26px; }
    .x.detail-pager .y .z .w .i .d1-1-1 .prev,
    .x.detail-pager .y .z .w .i .d1-1-1 .next,
    .x.detail-pager .y .z .w .i .d1-1-1 .list {}
    .x.detail-pager .y .z .w .i .d1-1-1 .list { width: 40px; height: 40px; font-size:1.1rem; line-height:40px; margin: 0 45px; }
    .x.detail-pager .y .z .w .i .d1-1-1 .hdn { display: none; }
}




/*----------------------------------------------------------------------------------------------------*/

span.marker {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(250,238,96,0) 67%, rgba(250,238,96,0.91) 68%, rgba(250,238,96,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(250,238,96,0) 67%,rgba(250,238,96,0.91) 68%,rgba(250,238,96,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(250,238,96,0) 67%,rgba(250,238,96,0.91) 68%,rgba(250,238,96,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6faee60',GradientType=0 ); /* IE6-9 */
}


.filter { line-height:41px; padding-top:32px; text-align:center; }
.select-wrapper { display:inline-block; position:relative; }
.select-wrapper:before { content:'▼'; display:inline-block; position:absolute; z-index:1; right:0; top:1px; text-align:center; font-size:inherit; line-height:inherit; letter-spacing:inherit; font-family:inherit; color:inherit; }
.select-wrapper > select { background:none transparent; z-index:2; }
.select-wrapper:before { width:1rem; padding-right:0.5rem; }
.select-wrapper > select { padding-right:1.5rem; }
.select-wrapper > select {
    background:#e6e6e6;
    /*box-shadow:0px 1px 1px 1px rgba(0,0,0,0.375);*/
}
.select-wrapper {
    border-radius:6px;/*0.5rem;*/
    background-color:#ffffff;/*#efefef;*/
    box-shadow:0 0 0 1px #224d2a inset;/*0px 1px 1px 1px rgba(0,0,0,0.375) inset;*/

    margin-top:1px;
    margin-bottom:16px;
    margin-left:8px; margin-right:8px;
}
.select-wrapper > select {
    background:transparent;
    top:0px;
    margin-top:0;
    padding-right:3rem;
    padding-bottom:1px;
    color:#5d924c;
    width:214px;
}
.select-wrapper:before {
    top:2px;
    border-left:1px solid transparent;/*#ddd;*/
    padding-left:0.5rem;
    padding-right:0.75rem;
    /*content:url(../img/index_nav_select_arrow.png?v=1);*/
    color:#5d924c;
}


.filter a.btn {
    display: inline-block;
    width: 214px;
    line-height: 39px;
    letter-spacing: 3px;
    border-radius: 6px;
    border: 1px solid #224d2a;
    color: #5d924c;
    background-color:#224d2a;
    position: relative;
    /*top: 1px;*/
    margin-bottom:16px;
    margin-left:8px; margin-right:8px;
}

/*----------------------------------------------------------------------------------------------------*/




/* ********************************************************************************
 * use
 * ******************************************************************************** */
#use .x.aaa {}
#use .x.aaa .y {}
#use .x.aaa .y .z {}
#use .x.aaa .y .z .w {}
#use .x.aaa .y .z .w .i {}
#use .x.aaa .y .z .w .i .d1 {}
#use .x.aaa .y .z .w .i .d1-1 {}
#use .x.aaa .y .z .w .i .d1-1-1 {}
#use .x.aaa .y .z .w .i .d1-1-1 .detail {}
#use .x.aaa .y .z .w .i .d1-1-1 .title {}
#use .x.aaa .y .z .w .i .d1-1-1 .title div {}
#use .x.aaa .y .z .w .i .d1-1-1 .content {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .head { text-align: center; }
#use .x.aaa .y .z .w .i .d1-1-1 .content .head .t1 {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .head .t2 { font-weight: bold; }
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box.item1 {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box.item2 {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box.item3 {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .bgi { width:100%; height:200px; position:relative; overflow:hidden; }
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .bgi div { width:100%; height:100%; background-position:center; background-size:contain; background-repeat: no-repeat; }
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .name { text-align: center; color: #3FA9F5; }
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt {}
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .tel { color: #3FA9F5; }
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .link { color: #3FA9F5; text-decoration: underline; }
#use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .attention { color: #FF1212; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #use .x.aaa .y .z { padding: 40px 0 40px; }

    #use .x.aaa .y .z .w .i .d1-1-1 {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content { padding: 0 10px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head .t1 {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head .t2 { margin-top: 30px; font-size: 21px; letter-spacing: 1px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan { margin-top: 50px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box { float:left; width:280px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box.item2 { margin: 0 40px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info { margin-top: 15px; padding: 0 15px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .name { font-size: 2rem; letter-spacing: 0.5px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt { margin-top: 35px; font-size: 13.5px; letter-spacing: 0; text-align: justify; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .tel { display: block; font-size: 2.6rem; letter-spacing: 0.5px; line-height: 1; text-align: center; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .link {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .attention {}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #use .x.aaa .y .z { padding: 30px 0 50px; }

    #use .x.aaa .y .z .w .i .d1-1-1 {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content { padding: 0 10px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head .t1 {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head .t2 { margin-top: 30px; font-size: 21px; letter-spacing: 1px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan { margin-top: 50px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box { float:left; width:280px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box.item2 { margin: 0 40px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info { margin-top: 15px; padding: 0 15px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .name { font-size: 2rem; letter-spacing: 0.5px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt { margin-top: 35px; font-size: 13.5px; letter-spacing: 0; text-align: justify; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .tel { display: block; font-size: 2.6rem; letter-spacing: 0.5px; line-height: 1; text-align: center; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .link {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .attention {}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #use .x.aaa .y .z { padding: 30px 0 40px; }
    #use .x.aaa .y .z .w .i { padding:0 20px; }

    #use .x.aaa .y .z .w .i .d1-1-1 {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head .t1 { text-align: left; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .head .t2 { margin-top: 10px; font-size: 1.4rem; letter-spacing: 1px; line-height: 1.4; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan { padding-top: 40px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box { width:280px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box.item2 { margin-top: 40px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box.item3 { margin-top: 40px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info { margin-top: 15px; padding: 0 15px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .name { font-size: 2rem; letter-spacing: 0.5px; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt { margin-top: 25px; font-size: 13px; letter-spacing: 0; text-align: justify; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .tel { display: block; font-size: 2.6rem; letter-spacing: 0.5px; line-height: 1; text-align: center; white-space: nowrap; }
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .link {}
    #use .x.aaa .y .z .w .i .d1-1-1 .content .plan .box .info .txt .attention {}
}


#use .x.bbb {}
#use .x.bbb .y { background-color: #F1F1F1; }
#use .x.bbb .y .z {}
#use .x.bbb .y .z .w {}
#use .x.bbb .y .z .w .i {}
#use .x.bbb .y .z .w .i .d1 {}
#use .x.bbb .y .z .w .i .d1-1 {}
#use .x.bbb .y .z .w .i .d1-1-1 {}
#use .x.bbb .y .z .w .i .d1-1-1 .content {}
#use .x.bbb .y .z .w .i .d1-1-1 .content .head { font-weight: bold; text-align: center; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .information {}
#use .x.bbb .y .z .w .i .d1-1-1 .content .t1 { border-collapse: collapse; margin: auto; width: 100%; background: #fff; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody {}
#use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr {}
#use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td { border: 1px solid #cccccc; vertical-align: top; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .price { color: #3FA9F5; font-weight: bold; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .price .sub { color: #3FA9F5; font-weight: normal; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .attention { color: #FF1212; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t2 { border-collapse: collapse; background: #fff; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody {}
#use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr {}
#use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr th { border: 1px solid #919191; background-color: #666666; color: #ffffff; vertical-align: top; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td { border: 1px solid #919191; vertical-align: top; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td.fld1 { box-sizing: border-box; text-align: right; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td.fld2 { box-sizing: border-box; text-align: right; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .has-marker { position: relative; }
#use .x.bbb .y .z .w .i .d1-1-1 .content .has-marker .marker { font-weight: bold; position: absolute; left: 0; top: 0; text-align: center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #use .x.bbb .y .z { padding: 60px 0 60px; }

    #use .x.bbb .y .z .w .i .d1-1-1 {}
    #use .x.bbb .y .z .w .i .d1-1-1 .content { padding: 0 55px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .information { margin: 30px 0; text-align: center; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td.tdh { text-align: center; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td.tdh { padding: 1.5rem 1.5rem; width: 170px; box-sizing: border-box; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td.tdc { padding: 1.5rem 2.5rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .price { font-size: 1.25rem; padding-bottom: 1.5rem; letter-spacing: 1px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .price .sub { font-size: 1rem; letter-spacing: 0.5px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .has-marker { padding-left: 1rem; font-size:1rem; line-height: 22px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .has-marker .marker { width: 1rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .img { padding:1.25rem 0 0; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .img img {}
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .photo { padding:1rem 0 0; margin: 0 -2.5rem; text-align: center; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .photo img { margin-top:1rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 { margin-top: 15px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td.fld1 { width: 250px; padding: 0 2px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td.fld2 { width: 250px; padding: 0 2px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #use .x.bbb .y .z { padding: 60px 0 60px; }

    #use .x.bbb .y .z .w .i .d1-1-1 {}
    #use .x.bbb .y .z .w .i .d1-1-1 .content { padding: 0 55px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .information { margin: 30px 0; text-align: center; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td.tdh { text-align: center; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td.tdh { padding: 1.5rem 1.5rem; width: 170px; box-sizing: border-box; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td.tdc { padding: 1.5rem 2.5rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .price { font-size: 1.25rem; padding-bottom: 1.5rem; letter-spacing: 1px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .price .sub { font-size: 1rem; letter-spacing: 0.5px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .has-marker { padding-left: 1rem; font-size:1rem; line-height: 22px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .has-marker .marker { width: 1rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .img { padding:1.25rem 0 0; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .img img {}
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .photo { padding:1rem 0 0; margin: 0 -2.5rem; text-align: center; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 tbody tr td .photo img { margin-top:1rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 { margin-top: 15px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td.fld1 { width: 250px; padding: 0 2px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td.fld2 { width: 250px; padding: 0 2px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #use .x.bbb .y .z { padding: 30px 0 40px; }
    #use .x.bbb .y .z .w .i { padding:0 20px; }

    #use .x.bbb .y .z .w .i .d1-1-1 {}
    #use .x.bbb .y .z .w .i .d1-1-1 .content {}
    #use .x.bbb .y .z .w .i .d1-1-1 .content .head { font-size: 20px; letter-spacing: 1px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .information { margin: 16px 0 24px; text-align: justify; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1,
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody,
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr,
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td { display: block; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr { padding: 1rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td { border: none; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td.tdh { padding-top: 2rem; font-weight: bold; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td.tdh { border-top: 1px solid #cccccc; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td.tdh.first {  border-top: none; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td.tdh.first { padding-top: 0; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td.tdc { padding-top: 0.75rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td .price { font-size: 1.25rem; padding-bottom: 0.75rem; letter-spacing: 0.75px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td .price .sub { font-size: 1rem; letter-spacing: 0.5px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td .has-marker { padding-left: 1rem; font-size:1rem; line-height: 22px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td .has-marker .marker { width: 1rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td .img { text-align: center; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td .img img { margin-top:1.25rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td .photo { text-align: center; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t1 > tbody > tr > td .photo img { margin-top:1.25rem; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 { margin-top: 15px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td.fld1 { width: 120px; padding: 0 2px; }
    #use .x.bbb .y .z .w .i .d1-1-1 .content .t2 tbody tr td.fld2 { width: 120px; padding: 0 2px; }
}


#use .x.ccc {}
#use .x.ccc .y {}
#use .x.ccc .y .z {}
#use .x.ccc .y .z .w {}
#use .x.ccc .y .z .w .i {}
#use .x.ccc .y .z .w .i .d1 {}
#use .x.ccc .y .z .w .i .d1-1 {}
#use .x.ccc .y .z .w .i .d1-1-1 {}
#use .x.ccc .y .z .w .i .d1-1-1 .content {}
#use .x.ccc .y .z .w .i .d1-1-1 .content .head { font-weight: bold; text-align: center; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan {}
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box {}
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .bgi { width:100%; height:285px; position:relative; overflow:hidden; box-sizing: border-box; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .bgi div { width:100%; height:100%; background-position:center; background-size:cover; background-repeat: no-repeat; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info {}
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .name { font-weight: bold; text-align: center; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .name.ls0 { letter-spacing: 0; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt {}
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .tel { color: #3FA8F4; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .link { color: #3FA8F4; text-decoration: underline; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .attention { color: #FF1D25; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .bold { font-weight: bold; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .bank { border-top: 1px dashed #1e1e1e; border-bottom: 1px dashed #1e1e1e; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee { border-collapse: collapse; background: #fff; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody {}
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr {}
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr th { border: 1px solid #919191; background-color: #666666; color: #ffffff; vertical-align: top; text-align: center; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td { border: 1px solid #919191; vertical-align: top; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td.fld1 { box-sizing: border-box; text-align: right; }
#use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td.fld2 { box-sizing: border-box; text-align: right; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #use .x.ccc .y .z { padding: 60px 0 60px; }

    #use .x.ccc .y .z .w .i .d1-1-1 {}
    #use .x.ccc .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan { margin-top: 60px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box { width:380px; float:left; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box:nth-child(n+2) { margin-left: 100px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info { margin-top: 15px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .name { font-size: 17px; letter-spacing: 1px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt { margin: 20px 10px 0; font-size: 13.5px; letter-spacing: 0; text-align: justify; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .tel { display: block; font-size: 2.8rem; letter-spacing: 1px; line-height: 1; text-align: center; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .link {}
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .bank { margin: 10px 0 0; padding: 5px 0; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee { margin-top: 15px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td.fld1 { width: 180px; padding: 0 2px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td.fld2 { width: 180px; padding: 0 2px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #use .x.ccc .y .z { padding: 60px 0 60px; }

    #use .x.ccc .y .z .w .i .d1-1-1 {}
    #use .x.ccc .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan { margin-top: 60px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box { width:380px; float:left; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box:nth-child(n+2) { margin-left: 100px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info { margin-top: 15px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .name { font-size: 17px; letter-spacing: 1px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt { margin: 20px 10px 0; font-size: 13.5px; letter-spacing: 0; text-align: justify; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .tel { display: block; font-size: 2.8rem; letter-spacing: 1px; line-height: 1; text-align: center; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .link {}
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .bank { margin: 10px 0 0; padding: 5px 0; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee { margin-top: 15px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td.fld1 { width: 180px; padding: 0 2px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td.fld2 { width: 180px; padding: 0 2px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #use .x.ccc .y .z { padding: 30px 0 40px; }
    #use .x.ccc .y .z .w .i { padding:0 20px; }

    #use .x.ccc .y .z .w .i .d1-1-1 {}
    #use .x.ccc .y .z .w .i .d1-1-1 .content {}
    #use .x.ccc .y .z .w .i .d1-1-1 .content .head { font-size: 20px; letter-spacing: 1px; line-height: 1.4; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan { margin-top: 40px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box { width: 100%; margin: 0 auto; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box:nth-child(n+2) { margin-top: 50px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .bgi { height: 210px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info { margin-top: 15px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .name { font-size: 17px; letter-spacing: 1px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt { margin-top: 20px; font-size: 13.5px; letter-spacing: 0; text-align: justify; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .tel { display: block; font-size: 2.8rem; letter-spacing: 1px; line-height: 1; text-align: center; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .link {}
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .bank { margin: 10px 0 0; padding: 5px 0; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee { margin-top: 15px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td.fld1 { width: 140px; padding: 0 2px; }
    #use .x.ccc .y .z .w .i .d1-1-1 .content .plan .box .info .txt .fee tbody tr td.fld2 { width: 140px; padding: 0 2px; }
}


#use .x.ddd {}
#use .x.ddd .y { background-color: #F1F1F1; }
#use .x.ddd .y .z {}
#use .x.ddd .y .z .w {}
#use .x.ddd .y .z .w .i {}
#use .x.ddd .y .z .w .i .d1 {}
#use .x.ddd .y .z .w .i .d1-1 {}
#use .x.ddd .y .z .w .i .d1-1-1 {}
#use .x.ddd .y .z .w .i .d1-1-1 .content {}
#use .x.ddd .y .z .w .i .d1-1-1 .content .head { font-weight: bold; text-align: center; }
#use .x.ddd .y .z .w .i .d1-1-1 .content .information {}
#use .x.ddd .y .z .w .i .d1-1-1 .content .txt { text-align: justify; }
#use .x.ddd .y .z .w .i .d1-1-1 .content .txt .attention { color: #C1272D; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #use .x.ddd .y .z { padding: 60px 0 60px; }

    #use .x.ddd .y .z .w .i .d1-1-1 {}
    #use .x.ddd .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #use .x.ddd .y .z .w .i .d1-1-1 .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.ddd .y .z .w .i .d1-1-1 .content .information { margin: 30px 0; text-align: center; }
    #use .x.ddd .y .z .w .i .d1-1-1 .content .txt { margin-top: 50px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #use .x.ddd .y .z { padding: 60px 0 60px; }

    #use .x.ddd .y .z .w .i .d1-1-1 {}
    #use .x.ddd .y .z .w .i .d1-1-1 .content { padding: 0 50px; }
    #use .x.ddd .y .z .w .i .d1-1-1 .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.ddd .y .z .w .i .d1-1-1 .content .information { margin: 30px 0; text-align: center; }
    #use .x.ddd .y .z .w .i .d1-1-1 .content .txt { margin-top: 50px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #use .x.ddd .y .z { padding: 30px 0 40px; }
    #use .x.ddd .y .z .w .i { padding:0 20px; }

    #use .x.ddd .y .z .w .i .d1-1-1 {}
    #use .x.ddd .y .z .w .i .d1-1-1 .content {}
    #use .x.ddd .y .z .w .i .d1-1-1 .content .head { font-size: 20px; letter-spacing: 1px; }
    #use .x.ddd .y .z .w .i .d1-1-1 .content .information { margin: 16px 0 24px; text-align: justify; }
    #use .x.ddd .y .z .w .i .d1-1-1 .content .txt { margin-top: 30px; }
}














#use .x.eee .y .z .w .i .d5 {}
#use .x.eee .y .z .w .i .d5-1 {}
#use .x.eee .y .z .w .i .d5-1-1 {}
#use .x.eee .y .z .w .i .d5-1-1 .detail {}
#use .x.eee .y .z .w .i .d5-1-1 .detail .content {}
#use .x.eee .y .z .w .i .d5-1-1 .detail .content .head { font-weight: bold; text-align: center; }
#use .x.eee .y .z .w .i .d5-1-1 .detail .content .txt {}
#use .x.eee .y .z .w .i .d5-1-1 .detail .content .txt .attention { color: #C1272D; }
#use .x.eee .y .z .w .i .d5-1-1 .detail .content .img { text-align: center; }
#use .x.eee .y .z .w .i .d6 {}
#use .x.eee .y .z .w .i .d6-1 { background-color: #F1F1F1; }
#use .x.eee .y .z .w .i .d6-1-1 {}
#use .x.eee .y .z .w .i .d6-1-1 .detail {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .head { font-weight: bold; text-align: center; }
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .information { text-align: justify; }
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box.item1 {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box.item2 {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box.item3 {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box.item4 {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .bgi { width:100%; height:144px; position:relative; overflow:hidden; box-sizing: border-box; }
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .bgi div { width:100%; height:100%; background-position:center; background-size:contain; background-repeat: no-repeat; }
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .info {}
#use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .info .name { text-align: center; }
#use .x.eee .y .z .w .i .d7 {}
#use .x.eee .y .z .w .i .d7-1 {}
#use .x.eee .y .z .w .i .d7-1-1 {}
#use .x.eee .y .z .w .i .d7-1-1 .detail {}
#use .x.eee .y .z .w .i .d7-1-1 .detail .content {}
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .head { font-weight: bold; text-align: center; }
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .txt {}
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .txt div {}
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .txt .attention { color: #C1272D; }
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .info { text-align: center; }
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .info a { display: inline-block; }
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .tel {}
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .inq {}
#use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .note { color: #3FA9F5; }
#use .x.eee .y .z .w .i .d8 {}
#use .x.eee .y .z .w .i .d8-1 {}
#use .x.eee .y .z .w .i .d8-1-1 {}
#use .x.eee .y .z .w .i .d8-1-1 .detail {}
#use .x.eee .y .z .w .i .d8-1-1 .detail .content {}
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul { list-style: none; margin: 0; padding: 0; }
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li {}
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a { background-color: #3FA9F5; color: #ffffff; display: inline-block; }
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box { text-align: center; }
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .txt {}
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title {}
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title div { position: relative; display:inline-block; }
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title div:before { content: ''; height: 100%; border-left: 1px solid #ffffff; position: absolute; top: 0; left: 0; -ms-transform: rotate(145deg); -webkit-transform: rotate(145deg); transform: rotate(145deg); }
#use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title div:after { content: ''; height: 100%; border-right: 1px solid #ffffff; position: absolute; top: 0; right: 0; -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); }
#use .x.eee .y .z .w .i .d9 {}
#use .x.eee .y .z .w .i .d9-1 {}
#use .x.eee .y .z .w .i .d9-1-1 {}
#use .x.eee .y .z .w .i .d9-1-1 .detail {}
#use .x.eee .y .z .w .i .d9-1-1 .detail .content {}
#use .x.eee .y .z .w .i .d9-1-1 .detail .content .head { font-weight: bold; text-align: center; }
#use .x.eee .y .z .w .i .d9-1-1 .detail .content .txt { text-align: center; }
#use .x.eee .y .z .w .i .d9-1-1 .detail .content .txt a { color: #3FA9F5; }
#use .x.eee .y .z .w .i .d9-1-1 .detail .content .txt .attention { color: #C1272D; }
@media (min-width: 960px) {
    /* for pc [960, inf] */

    #use .x.eee .y .z .w .i .d5-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content { padding: 40px 45px 40px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .txt { margin-top: 30px; text-align: center; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .txt .attention { font-size: 18px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .img { margin-top: 30px; }
    #use .x.eee .y .z .w .i .d6-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content { padding: 40px 10px 40px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .head { font-size: 18px; letter-spacing: 1px; line-height: 1.8; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .information { margin-top: 30px; padding: 0 35px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan { margin-top: 50px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box { width:200px; float:left; margin-left: 40px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box:first-child { margin-left: 0; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .info { margin-top: 10px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .info .name { font-size: 15px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d7-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content { padding: 40px 45px 20px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .txt { margin-top: 30px; text-align: center; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .txt div { text-align: left; display: inline-block; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info { margin-top: 30px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info a {}
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .tel a:hover { opacity: 1; cursor: default; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .note { font-size:12px; padding-top: 5px; }
    #use .x.eee .y .z .w .i .d8-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content { padding: 20px 10px 40px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li { float: left; margin: 0 35px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a { width: 390px; padding: 35px 0; border-radius: 12px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box {}
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .txt { font-size: 12px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title { margin-top: 15px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title div { font-size: 20px; padding: 0px 20px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title.t1 {}
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title.t1 div { font-size: 24px; padding: 12px 20px 13px; }
    #use .x.eee .y .z .w .i .d9-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content { padding: 40px 60px 40px; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content .txt { margin-top: 30px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #use .x.eee .y .z .w .i .d5-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content { padding: 40px 45px 40px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .txt { margin-top: 30px; text-align: center; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .txt .attention { font-size: 18px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .img { margin-top: 30px; }
    #use .x.eee .y .z .w .i .d6-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content { padding: 40px 10px 40px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .head { font-size: 18px; letter-spacing: 1px; line-height: 1.8; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .information { margin-top: 30px; padding: 0 35px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan { margin-top: 50px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box { width:200px; float:left; margin-left: 40px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box:first-child { margin-left: 0; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .info { margin-top: 10px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .info .name { font-size: 15px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d7-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content { padding: 40px 45px 20px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .txt { margin-top: 30px; text-align: center; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .txt div { text-align: left; display: inline-block; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info { margin-top: 30px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info a {}
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .tel a:hover { opacity: 1; cursor: default; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .note { font-size:12px; padding-top: 5px; }
    #use .x.eee .y .z .w .i .d8-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content { padding: 20px 10px 40px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li { float: left; margin: 0 35px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a { width: 390px; padding: 35px 0; border-radius: 12px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box {}
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .txt { font-size: 12px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title { margin-top: 15px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title div { font-size: 20px; padding: 0px 20px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title.t1 {}
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title.t1 div { font-size: 24px; padding: 12px 20px 13px; }
    #use .x.eee .y .z .w .i .d9-1-1 { max-width: 960px; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail { padding: 0 10px; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content { padding: 40px 60px 40px; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content .head { font-size: 24px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content .txt { margin-top: 30px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #use .x.eee .y .z .w .i {}

    #use .x.eee .y .z .w .i .d5-1-1 { padding:0 20px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail {}
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content { padding: 40px 0 40px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .head { font-size: 20px; letter-spacing: 1px; line-height: 1.4; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .txt { margin-top: 30px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .txt .attention { font-size: 16px; }
    #use .x.eee .y .z .w .i .d5-1-1 .detail .content .img { margin-top: 30px; }
    #use .x.eee .y .z .w .i .d6-1-1 { padding:0 20px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail {}
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content { padding: 40px 0 40px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .head { font-size: 15px; letter-spacing: 0.5px; line-height: 1.8; text-align: left; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .information { margin-top: 20px; text-align: justify; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan { margin-top: 50px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box { width: 100%; margin: 0 auto; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box.item2 { margin-top: 50px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box.item3 { margin-top: 50px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box.item4 { margin-top: 50px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .bgi { padding: 0 40px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .info { margin-top: 10px; }
    #use .x.eee .y .z .w .i .d6-1-1 .detail .content .plan .box .info .name { font-size: 15px; letter-spacing: 1px; }
    #use .x.eee .y .z .w .i .d7-1-1 { padding:0 20px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail {}
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content { padding: 40px 0 10px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .head { font-size: 20px; letter-spacing: 1px; line-height: 1.4; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .txt { margin-top: 30px; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info { margin-top: 30px; text-align: left; }
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .tel {}
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .inq {}
    #use .x.eee .y .z .w .i .d7-1-1 .detail .content .info .note { font-size:10px; padding-top: 5px; letter-spacing: -0.30px; }
    #use .x.eee .y .z .w .i .d8-1-1 { padding:0 20px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail {}
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content { padding: 0 0 40px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li { margin-top: 30px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a { width: 100%; padding: 25px 0; border-radius: 12px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box {}
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .txt { font-size: 10px; letter-spacing: 0; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title { margin-top: 15px; }
    #use .x.eee .y .z .w .i .d8-1-1 .detail .content ul li a .box .title div { font-size: 18px; padding: 0px 20px; }
    #use .x.eee .y .z .w .i .d9-1-1 { padding:0 20px; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail {}
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content { padding: 40px 0 40px; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content .head { font-size: 20px; letter-spacing: 1px; line-height: 1.4; }
    #use .x.eee .y .z .w .i .d9-1-1 .detail .content .txt { margin-top: 30px; text-align: left; }
}




/* ********************************************************************************
 * terms
 * ******************************************************************************** */
#terms .x.aaa {}
#terms .x.aaa .y { background-image:url(../img/common-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#terms .x.aaa .y .z {}
#terms .x.aaa .y .z .w {}
#terms .x.aaa .y .z .w .i {}
#terms .x.aaa .y .z .w .i .d1 {}
#terms .x.aaa .y .z .w .i .d1-1 {}
#terms .x.aaa .y .z .w .i .d1-1-1 {}
#terms .x.aaa .y .z .w .i .d1-1-1 .head {}
#terms .x.aaa .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#terms .x.aaa .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
#terms .x.aaa .y .z .w .i .d1-1-1 .content {}
#terms .x.aaa .y .z .w .i .d1-1-1 .content .desc { color: #fff; }
#terms .x.aaa .y .z .w .i .d1-1-1 .content .box { color: #fff; }
#terms .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
#terms .x.aaa .y .z .w .i .d1-1-1 .content .box .head div {}
#terms .x.aaa .y .z .w .i .d1-1-1 .content .box .txt {}
#terms .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
#terms .x.aaa .y .z .w .i .d1-1-1 .content .box a { color:#1272b4; text-decoration: underline; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #terms .x.aaa .y .z { padding: 100px 0 80px; }

    #terms .x.aaa .y .z .w .i .d1-1-1 {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .head { margin-top: 40px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 60px; padding: 0 40px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 32px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.2rem; line-height: 1.2; letter-spacing: 0.5px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #terms .x.aaa .y .z { padding: 100px 0 80px; }

    #terms .x.aaa .y .z .w .i .d1-1-1 {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .head { margin-top: 40px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 60px; padding: 0 40px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 32px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.2rem; line-height: 1.2; letter-spacing: 0.5px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #terms .x.aaa .y .z { padding: 40px 0; }
    #terms .x.aaa .y .z .w .i { padding:0 20px; }

    #terms .x.aaa .y .z .w .i .d1-1-1 {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .head {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 30px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.5px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 24px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.1rem; line-height: 1.4; letter-spacing: 0.5px; padding: 0 0 3px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.5px; }
    #terms .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}




/* ********************************************************************************
 * privacy
 * ******************************************************************************** */
#privacy .x.aaa {}
#privacy .x.aaa .y { background-image:url(../img/common-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#privacy .x.aaa .y .z {}
#privacy .x.aaa .y .z .w {}
#privacy .x.aaa .y .z .w .i {}
#privacy .x.aaa .y .z .w .i .d1 {}
#privacy .x.aaa .y .z .w .i .d1-1 {}
#privacy .x.aaa .y .z .w .i .d1-1-1 {}
#privacy .x.aaa .y .z .w .i .d1-1-1 .head {}
#privacy .x.aaa .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#privacy .x.aaa .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
#privacy .x.aaa .y .z .w .i .d1-1-1 .content {}
#privacy .x.aaa .y .z .w .i .d1-1-1 .content .desc { color: #fff; }
#privacy .x.aaa .y .z .w .i .d1-1-1 .content .desc a { color: #1272b4; text-decoration: underline; }
#privacy .x.aaa .y .z .w .i .d1-1-1 .content .box { color: #fff; }
#privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
#privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .head div {}
#privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .txt {}
#privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
#privacy .x.aaa .y .z .w .i .d1-1-1 .content .box a { color:#1272b4; text-decoration: underline; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #privacy .x.aaa .y .z { padding: 100px 0 80px; }

    #privacy .x.aaa .y .z .w .i .d1-1-1 {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head { margin-top: 40px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 60px; padding: 0 40px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 32px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.2rem; line-height: 1.2; letter-spacing: 0.5px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #privacy .x.aaa .y .z { padding: 100px 0 80px; }

    #privacy .x.aaa .y .z .w .i .d1-1-1 {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head { margin-top: 40px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 60px; padding: 0 40px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 32px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.2rem; line-height: 1.2; letter-spacing: 0.5px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #privacy .x.aaa .y .z { padding: 40px 0; }
    #privacy .x.aaa .y .z .w .i { padding:0 20px; }

    #privacy .x.aaa .y .z .w .i .d1-1-1 {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 30px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.5px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 24px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.1rem; line-height: 1.4; letter-spacing: 0.5px; padding: 0 0 3px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.5px; }
    #privacy .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}




/* ********************************************************************************
 * law
 * ******************************************************************************** */
#law .x.aaa {}
#law .x.aaa .y { background-image:url(../img/common-bg-01.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
#law .x.aaa .y .z {}
#law .x.aaa .y .z .w {}
#law .x.aaa .y .z .w .i {}
#law .x.aaa .y .z .w .i .d1 {}
#law .x.aaa .y .z .w .i .d1-1 {}
#law .x.aaa .y .z .w .i .d1-1-1 {}
#law .x.aaa .y .z .w .i .d1-1-1 .head {}
#law .x.aaa .y .z .w .i .d1-1-1 .head .title { text-align: center; }
#law .x.aaa .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #C99E6F; }
#law .x.aaa .y .z .w .i .d1-1-1 .content {}
#law .x.aaa .y .z .w .i .d1-1-1 .content .desc { color: #fff; }
#law .x.aaa .y .z .w .i .d1-1-1 .content .box { color: #fff; }
#law .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
#law .x.aaa .y .z .w .i .d1-1-1 .content .box .head div {}
#law .x.aaa .y .z .w .i .d1-1-1 .content .box .txt {}
#law .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
#law .x.aaa .y .z .w .i .d1-1-1 .content .box a { color:#fff; }
#law .x.aaa .y .z .w .i .d1-1-1 .content .box a.link { color:#1272b4; text-decoration: underline; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #law .x.aaa .y .z { padding: 100px 0 80px; }

    #law .x.aaa .y .z .w .i .d1-1-1 {}
    #law .x.aaa .y .z .w .i .d1-1-1 .head { margin-top: 40px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #law .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 60px; padding: 0 120px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 32px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.2rem; line-height: 1.2; letter-spacing: 0.5px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #law .x.aaa .y .z { padding: 100px 0 80px; }

    #law .x.aaa .y .z .w .i .d1-1-1 {}
    #law .x.aaa .y .z .w .i .d1-1-1 .head { margin-top: 40px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #law .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.75rem; letter-spacing: 3px; line-height: 1.2; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 60px; padding: 0 120px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 32px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.2rem; line-height: 1.2; letter-spacing: 0.5px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 1.05rem; line-height: 1.7; letter-spacing: 0.5px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #law .x.aaa .y .z { padding: 40px 0; }
    #law .x.aaa .y .z .w .i { padding:0 20px; }

    #law .x.aaa .y .z .w .i .d1-1-1 {}
    #law .x.aaa .y .z .w .i .d1-1-1 .head {}
    #law .x.aaa .y .z .w .i .d1-1-1 .head .title {}
    #law .x.aaa .y .z .w .i .d1-1-1 .head .title div { font-size: 1.20rem; letter-spacing: 2px; line-height: 1.2; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content { margin-top: 30px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .desc { font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.5px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box {}
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 24px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .head {}
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .head div { font-size: 1.1rem; line-height: 1.4; letter-spacing: 0.5px; padding: 0 0 3px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .txt { margin-top: 5px; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.5px; }
    #law .x.aaa .y .z .w .i .d1-1-1 .content .box .mark {}
}



.x .y .z .w .i .d1-1-1 .u-cnst { font-size: 24px; letter-spacing: 1px; line-height: 1.2; text-align:center; padding:160px 0; }



/* ********************************************************************************
 * common-banner-01
 * ******************************************************************************** */
.x.common-banner-01 {}
.x.common-banner-01 .y {}
.x.common-banner-01 .y .z {}
.x.common-banner-01 .y .z .w {}
.x.common-banner-01 .y .z .w .i {}
.x.common-banner-01 .y .z .w .i .d1 {}
.x.common-banner-01 .y .z .w .i .d1-1 {}
.x.common-banner-01 .y .z .w .i .d1-1-1 {}
.x.common-banner-01 .y .z .w .i .d1-1-1 ul { list-style: none; margin: 0; padding: 0; }
.x.common-banner-01 .y .z .w .i .d1-1-1 ul li { text-align: center; }
.x.common-banner-01 .y .z .w .i .d1-1-1 ul li a { display: inline-block; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.common-banner-01 .y { padding: 80px 0 0; }

    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li {}
    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li:nth-child(n+2) { margin-top: 40px; }
    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li a {}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.common-banner-01 .y { padding: 80px 0 0; }

    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li {}
    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li:nth-child(n+2) { margin-top: 40px; }
    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li a {}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.common-banner-01 .y { padding: 40px 0 0; }
    .x.common-banner-01 .y .z .w .i { padding:0 20px; }

    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li {}
    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li:nth-child(n+2) { margin-top: 30px; }
    .x.common-banner-01 .y .z .w .i .d1-1-1 ul li a { width: 100%; }
}




/* ********************************************************************************
 * common-product-01
 * ******************************************************************************** */
.x.common-product-01 {}
.x.common-product-01 .y {}
.x.common-product-01 .y .z {}
.x.common-product-01 .y .z .w {}
.x.common-product-01 .y .z .w .i {}
.x.common-product-01 .y .z .w .i .d1 {}
.x.common-product-01 .y .z .w .i .d1-1 {}
.x.common-product-01 .y .z .w .i .d1-1-1 {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .l { text-align: center; }
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .l img {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .title {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .title .subtitle { display:block; }
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .desc {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .btns {}
.x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .btns a { display: inline-block; background-color: #666666; color: #fff; text-align: center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.common-product-01 .y .z { padding: 60px 0 60px; }

    .x.common-product-01 .y .z .w .i .d1-1-1 {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 80px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .l { width: 430px; float: left; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .l img {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r { width: 470px; float: right;     display:flex; align-items:center; height:287px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info { margin-top: 0/*40px*/; padding: 0 10px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .title { font-size: 1.75rem; letter-spacing: 1px; line-height: 1.2; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .title .subtitle { padding-left:1.75rem; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .desc { margin-top: 20px/*28px*/; font-size: 1.075rem; letter-spacing: 0.5px; line-height: 1.6; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .btns { margin-top: 17px/*25px*/; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .btns a { width: 280px; font-size: 1.0rem; letter-spacing: 1px; line-height: 1.2; padding: 9px 0; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.common-product-01 .y .z { padding: 60px 0 60px; }

    .x.common-product-01 .y .z .w .i .d1-1-1 {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 80px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .l { width: 430px; float: left; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .l img {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r { width: 470px; float: right;     display:flex; align-items:center; height:287px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info { margin-top: 0/*40px*/; padding: 0 10px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .title { font-size: 1.75rem; letter-spacing: 1px; line-height: 1.2; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .title .subtitle { padding-left:1.75rem; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .desc { margin-top: 20px/*28px*/; font-size: 1.075rem; letter-spacing: 0.5px; line-height: 1.6; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .btns { margin-top: 17px/*25px*/; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .btns a { width: 280px; font-size: 1.0rem; letter-spacing: 1px; line-height: 1.2; padding: 9px 0; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.common-product-01 .y {}
    .x.common-product-01 .y .z { padding: 40px 0 40px; }
    .x.common-product-01 .y .z .w .i { padding:0 20px; }

    .x.common-product-01 .y .z .w .i .d1-1-1 {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box:nth-child(n+2) { margin-top: 60px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .l {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .l img {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r { margin-top: 15px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info {}
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .title { font-size: 1.42rem; letter-spacing: 1px; line-height: 1.2; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .title .subtitle { padding-left:1.42rem; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .desc { margin-top: 10px; font-size: 1rem; letter-spacing: 0.5px; line-height: 1.6; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .btns { margin-top: 20px; }
    .x.common-product-01 .y .z .w .i .d1-1-1 .content .box .r .info .btns a { width: 100%; font-size: 1.0rem; letter-spacing: 1px; line-height: 1.2; padding: 9px 0; }
}




/* ********************************************************************************
 * common-accessory
 * ******************************************************************************** */
.x.common-accessory {}
.x.common-accessory .y {}
.x.common-accessory .y .z {}
.x.common-accessory .y .z .w {}
.x.common-accessory .y .z .w .i {}
.x.common-accessory .y .z .w .i .d1 {}
.x.common-accessory .y .z .w .i .d1-1 {}
.x.common-accessory .y .z .w .i .d1-1-1 {}
.x.common-accessory .y .z .w .i .d1-1-1 .head {}
.x.common-accessory .y .z .w .i .d1-1-1 .head .title { text-align: center; }
.x.common-accessory .y .z .w .i .d1-1-1 .head .title div { font-weight: bold; }
.x.common-accessory .y .z .w .i .d1-1-1 .content {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .title { text-align: center; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .title div { font-weight: bold; display: inline-block; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide { position: relative; text-align: center; line-height: 0; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper { list-style:none; margin:0; padding:0; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box { background-color: #E8E8E8; border-radius: 16px; box-sizing: border-box; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box a { position: relative; display: block; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box a:hover { opacity: 0.7; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box.new a:before { content: 'NEW'; position: absolute; top: 5px; right: 5px; z-accessory: 100; background-color: rgba(255, 2, 2, 0.75); color: #ffffff; border-radius: 4px; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .bgi { width:100%; height:auto; position:relative; overflow:hidden; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .bgi div { width:100%; padding-top: 100%; background-position:center; background-size:contain; background-repeat: no-repeat; }
/*
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box a:hover .bgi:before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); color: #fff; transition: all .35s; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box a:hover .bgi:after { content: '\f002'; position: absolute; top: 42%; left: 0; right: 0; font-size: 2rem; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; transition: all .35s; }
*/
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info { text-align: center; overflow-wrap: break-word; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .title {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .desc {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .spec {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .price {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .price span {}

.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination {}
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination .swiper-pagination-bullet { background: #E8E8E8; opacity: 1; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { --swiper-theme-color: #A28B32; background: #737373; }
 
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev,
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next { background-color: #B3B3B3; color: #fff; border-radius: 50%; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev:hover,
.x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next:hover { opacity: 0.7; }

.x.common-accessory .y .z .w .i .d1-1-1 .content .btns { text-align: center; }
.x.common-accessory .y .z .w .i .d1-1-1 .content .btns a { color:#1272b4; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.common-accessory .y .z { padding: 60px 0 60px; }

    .x.common-accessory .y .z .w .i .d1-1-1 {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head .title {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head .title div { font-size: 1.4rem; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content { margin-top: 50px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content:nth-child(n+2) { margin-top: 60px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .title {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .title div { font-size: 1.6rem; letter-spacing: 0; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide { margin: 50px 10px 0; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box { width: 100%; max-width: 300px; padding: 25px 20px 30px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .bgi div { width:100%; padding-top: 81%; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info { margin: 20px 0 0; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .title { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .desc { margin-top: 10px; font-size: 0.9rem; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .spec { margin-top: 8px; font-size: 0.9rem; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .price { margin-top: 8px; font-size: 0.9rem; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .price span { font-size: 0.8rem; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container.no-active { display: inline-block; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container.no-active .swiper-slide { width: 230px !important; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination { position: relative; width: 100%; margin-top: 30px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination .swiper-pagination-bullet { width: 48px; height: 4px; border-radius: 4px; margin: 0 5px; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev { top: 40%; left: -15px !important; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next { top: 40%; right: -15px !important; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev,
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next { display: none; outline: none; width: 30px; height: 30px; font-size: 0.9rem; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev:after,
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next:after { content: none; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .btns { margin-top: 30px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .btns a { font-size: 1.0rem; line-height: 1.2;}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.common-accessory .y .z { padding: 60px 0 60px; }

    .x.common-accessory .y .z .w .i .d1-1-1 {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head .title {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head .title div { font-size: 1.4rem; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content { margin-top: 50px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content:nth-child(n+2) { margin-top: 60px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .title {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .title div { font-size: 1.6rem; letter-spacing: 0; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide { margin: 50px 10px 0; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box { width: 100%; max-width: 300px; padding: 25px 20px 30px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .bgi div { width:100%; padding-top: 81%; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info { margin: 20px 0 0; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .title { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .desc { margin-top: 10px; font-size: 0.9rem; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .spec { margin-top: 8px; font-size: 0.9rem; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .price { margin-top: 8px; font-size: 0.9rem; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .price span { font-size: 0.8rem; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container.no-active { display: inline-block; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container.no-active .swiper-slide { width: 230px !important; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination { position: relative; width: 100%; margin-top: 30px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination .swiper-pagination-bullet { width: 48px; height: 4px; border-radius: 4px; margin: 0 5px; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev { top: 40%; left: -15px !important; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next { top: 40%; right: -15px !important; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev,
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next { display: none; outline: none; width: 30px; height: 30px; font-size: 0.9rem; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev:after,
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next:after { content: none; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .btns { margin-top: 30px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .btns a { font-size: 1.0rem; line-height: 1.2;}
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.common-accessory .y {}
    .x.common-accessory .y .z { padding: 40px 0 40px; }
    .x.common-accessory .y .z .w .i { padding:0 20px; }

    .x.common-accessory .y .z .w .i .d1-1-1 {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head .title {}
    .x.common-accessory .y .z .w .i .d1-1-1 .head .title div { font-size: 1.2rem; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content { margin-top: 40px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list { margin-top: 50px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content:nth-child(n+2) { margin-top: 50px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .title {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .title div { font-size: 1.4rem; letter-spacing: 0; line-height: 1.2; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide { margin-top: 35px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper {}
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper li { width: 230px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box { width: 100%; padding: 25px 10px 30px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .bgi div { width:100%; padding-top: 81%; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info { margin: 15px 0 0; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .title { font-size: 0.95rem; letter-spacing: 0.5px; line-height: 1.2; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .desc { margin-top: 8px; font-size: 0.75rem; letter-spacing: 0; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .spec { margin-top: 6px; font-size: 0.75rem; letter-spacing: 0; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .price { margin-top: 6px; font-size: 0.75rem; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container .swiper-wrapper .box .info .price span { font-size: 0.6rem; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-container.no-active .swiper-wrapper li { margin: 0 auto !important; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination { position: relative; width: 100%; margin-top: 18px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 2px; border-radius: 4px; margin: 0 4px; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev,
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next { display: none; outline: none; font-size: 3.2rem; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-prev:after,
    .x.common-accessory .y .z .w .i .d1-1-1 .content .list .list-content .cmn-acs-slide .swiper-button-next:after { content: none; }

    .x.common-accessory .y .z .w .i .d1-1-1 .content .btns { margin-top: 25px; }
    .x.common-accessory .y .z .w .i .d1-1-1 .content .btns a { font-size: 1.0rem; line-height: 1.2;}
}




/* ********************************************************************************
 * common-information
 * ******************************************************************************** */
.x.information {}
.x.information .y { background-image:url(../img/index-bg-02.jpg); background-position:center top; background-size:cover; background-repeat: no-repeat; padding: 0; }
.x.information .y .z {}
.x.information .y .z .w {}
.x.information .y .z .w .i {}
.x.information .y .z .w .i .d1 {}
.x.information .y .z .w .i .d1-1 {}
.x.information .y .z .w .i .d1-1-1 {}
.x.information .y .z .w .i .d1-1-1 .head {}
.x.information .y .z .w .i .d1-1-1 .head .title { text-align: center; }
.x.information .y .z .w .i .d1-1-1 .head .title div { display: inline-block; color: #fff; }
.x.information .y .z .w .i .d1-1-1 .content { text-align: center; }
.x.information .y .z .w .i .d1-1-1 .content .desc { color: #fff; }
.x.information .y .z .w .i .d1-1-1 .content .desc p { position: relative; display: inline-block; margin: 0; }
.x.information .y .z .w .i .d1-1-1 .content .distributor { color: #fff; }
.x.information .y .z .w .i .d1-1-1 .content .distributor .title {}
.x.information .y .z .w .i .d1-1-1 .content .distributor .info {}
.x.information .y .z .w .i .d1-1-1 .content .distributor .info a { color: #fff; }
.x.information .y .z .w .i .d1-1-1 .content .maker { color: #fff; }
.x.information .y .z .w .i .d1-1-1 .content .maker .title {}
.x.information .y .z .w .i .d1-1-1 .content .maker .info {}
.x.information .y .z .w .i .d1-1-1 .content .maker .info a { color: #fff; }
.x.information .y .z .w .i .d1-1-1 .btns {}
.x.information .y .z .w .i .d1-1-1 .btns ul { list-style: none; margin: 0; padding: 0; }
.x.information .y .z .w .i .d1-1-1 .btns ul li {}
.x.information .y .z .w .i .d1-1-1 .btns ul li a { width: 100%; display: inline-block; color: #fff; border: 1px solid #fff; text-align: center; box-sizing: border-box; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.information .y .z { padding: 60px 0 75px; }

    .x.information .y .z .w .i .d1-1-1 {}
    .x.information .y .z .w .i .d1-1-1 .head {}
    .x.information .y .z .w .i .d1-1-1 .head .title {}
    .x.information .y .z .w .i .d1-1-1 .head .title div { font-size: 1.55rem; letter-spacing: 1px; line-height: 1.2; }
    .x.information .y .z .w .i .d1-1-1 .content { margin-top: 40px; }
    .x.information .y .z .w .i .d1-1-1 .content .desc { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .distributor { margin-top: 30px; }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .info a { cursor: inherit; }
    .x.information .y .z .w .i .d1-1-1 .content .maker { margin-top: 30px; }
    .x.information .y .z .w .i .d1-1-1 .content .maker .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .maker .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .maker .info a { cursor: inherit; }
    .x.information .y .z .w .i .d1-1-1 .btns { margin-top: 60px; }
    .x.information .y .z .w .i .d1-1-1 .btns ul { text-align: center; }
    .x.information .y .z .w .i .d1-1-1 .btns ul li { display: inline-block; width: 250px; }
    .x.information .y .z .w .i .d1-1-1 .btns ul li:nth-child(n+2) { margin-top: 15px; }
    .x.information .y .z .w .i .d1-1-1 .btns ul li a { font-size: 1.1rem; padding: 10px 0; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.information .y .z { padding: 60px 0 75px; }

    .x.information .y .z .w .i .d1-1-1 {}
    .x.information .y .z .w .i .d1-1-1 .head {}
    .x.information .y .z .w .i .d1-1-1 .head .title {}
    .x.information .y .z .w .i .d1-1-1 .head .title div { font-size: 1.55rem; letter-spacing: 1px; line-height: 1.2; }
    .x.information .y .z .w .i .d1-1-1 .content { margin-top: 40px; }
    .x.information .y .z .w .i .d1-1-1 .content .desc { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .distributor { margin-top: 30px; }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .info a { cursor: inherit; }
    .x.information .y .z .w .i .d1-1-1 .content .maker { margin-top: 30px; }
    .x.information .y .z .w .i .d1-1-1 .content .maker .title { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .maker .info { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .maker .info a { cursor: inherit; }
    .x.information .y .z .w .i .d1-1-1 .btns { margin-top: 60px; }
    .x.information .y .z .w .i .d1-1-1 .btns ul { text-align: center; }
    .x.information .y .z .w .i .d1-1-1 .btns ul li { display: inline-block; width: 250px; }
    .x.information .y .z .w .i .d1-1-1 .btns ul li:nth-child(n+2) { margin-top: 15px; }
    .x.information .y .z .w .i .d1-1-1 .btns ul li a { font-size: 1.1rem; padding: 10px 0; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.information .y { background-position: 30% top; }
    .x.information .y .z { padding: 40px 0; }
    .x.information .y .z .w .i { padding:0 20px; }

    .x.information .y .z .w .i .d1-1-1 {}
    .x.information .y .z .w .i .d1-1-1 .head {}
    .x.information .y .z .w .i .d1-1-1 .head .title {}
    .x.information .y .z .w .i .d1-1-1 .head .title div { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; }
    .x.information .y .z .w .i .d1-1-1 .content { margin-top: 25px; }
    .x.information .y .z .w .i .d1-1-1 .content .desc { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); text-align: left; }
    .x.information .y .z .w .i .d1-1-1 .content .distributor { margin-top: 30px; }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .title { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .info { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .distributor .info span { display: inline-block; }
    .x.information .y .z .w .i .d1-1-1 .content .maker { margin-top: 30px; }
    .x.information .y .z .w .i .d1-1-1 .content .maker .title { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .maker .info { font-size: 0.9rem; letter-spacing: 0.5px; line-height: 1.7; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.825); }
    .x.information .y .z .w .i .d1-1-1 .content .maker .info span { display: inline-block; }
    .x.information .y .z .w .i .d1-1-1 .btns { margin-top: 30px; }
    .x.information .y .z .w .i .d1-1-1 .btns ul { text-align: center; }
    .x.information .y .z .w .i .d1-1-1 .btns ul li {}
    .x.information .y .z .w .i .d1-1-1 .btns ul li:nth-child(n+2) { margin-top: 15px; }
    .x.information .y .z .w .i .d1-1-1 .btns ul li a { font-size: 1.1rem; padding: 10px 0; }
}




/* ********************************************************************************
 * footer
 * ******************************************************************************** */
.x.footer-btn { overflow: visible; }
.x.footer-btn .y { background-image:url(../img/footer-bg-01.png); background-position:center bottom; background-size:auto; background-repeat: no-repeat; box-sizing: border-box; }
.x.footer-btn .y .z {}
.x.footer-btn .y .z .w {}
.x.footer-btn .y .z .w .i {}
.x.footer-btn .y .z .w .i .d1 {}
.x.footer-btn .y .z .w .i .d1-1 {}
.x.footer-btn .y .z .w .i .d1-1-1 { position: relative; }
.x.footer-btn .y .z .w .i .d1-1-1 a { display: inline-block; color: #ffffff; }
.x.footer-btn .y .z .w .i .d1-1-1 a:hover { opacity: 1; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.footer-btn .y { padding: 60px 0 0; }

    .x.footer-btn .y .z .w .i .d1-1-1 { min-height: 110px; }
    .x.footer-btn .y .z .w .i .d1-1-1 a { position: absolute; bottom: -25px; left: 50%; z-index: 100; transform: translateX(-50%); }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.footer-btn .y { padding: 60px 0 0; }

    .x.footer-btn .y .z .w .i .d1-1-1 { min-height: 110px; }
    .x.footer-btn .y .z .w .i .d1-1-1 a { position: absolute; bottom: -25px; left: 50%; z-index: 100; transform: translateX(-50%); }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.footer-btn .y { padding: 40px 0 0; background-size:180% auto; }
    .x.footer-btn .y .z .w .i { padding:0 20px; }

    .x.footer-btn .y .z .w .i .d1-1-1 { min-height: 65px; }
    .x.footer-btn .y .z .w .i .d1-1-1 a { width: 80px; }
    .x.footer-btn .y .z .w .i .d1-1-1 a { position: absolute; bottom: -25px; left: 50%; z-index: 100; transform: translateX(-50%); }
}

.x.footer { position:relative; }
.x.footer .y { background-color: #2C2E2E; }
.x.footer .y .z {}
.x.footer .y .z .w {}
.x.footer .y .z .w .i {}
.x.footer .y .z .w .i .d1 {}
.x.footer .y .z .w .i .d1-1 {}
.x.footer .y .z .w .i .d1-1-1 { text-align: center; }
.x.footer .y .z .w .i .d1-1-1 .icons { display: inline-block; }
.x.footer .y .z .w .i .d1-1-1 .icons ul { list-style: none; margin: 0; padding: 0; }
.x.footer .y .z .w .i .d1-1-1 .icons ul li { float: left; padding-left: 15px; }
.x.footer .y .z .w .i .d1-1-1 .icons ul li:first-child { padding-left: 0; }
.x.footer .y .z .w .i .d1-1-1 .icons ul li a { display: inline-block; }
.x.footer .y .z .w .i .d1-1-1 .icons ul li a img {}
.x.footer .y .z .w .i .d1-1-1 .info {}
.x.footer .y .z .w .i .d1-1-1 .info .logo { text-align: center; }
.x.footer .y .z .w .i .d1-1-1 .info .logo a { display: inline-block; }
.x.footer .y .z .w .i .d1-1-1 .sm {}
.x.footer .y .z .w .i .d1-1-1 .sm ul { list-style: none; margin: 0; padding: 0; }
.x.footer .y .z .w .i .d1-1-1 .sm ul li { position: relative; }
.x.footer .y .z .w .i .d1-1-1 .sm ul li a { display: inline-block; color: #fff; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.footer .y .z {}

    .x.footer .y .z .w .i .d1-1-1 { padding: 35px 0 32px; }
    .x.footer .y .z .w .i .d1-1-1 .info .logo { margin-top: 30px; }
    .x.footer .y .z .w .i .d1-1-1 .sm { margin-top: 30px; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul { display: inline-block; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul li { float: left; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul li:nth-child(n+2) { margin-left: 14px; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul li a { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.footer .y .z {}

    .x.footer .y .z .w .i .d1-1-1 { padding: 35px 0 32px; }
    .x.footer .y .z .w .i .d1-1-1 .info .logo { margin-top: 30px; }
    .x.footer .y .z .w .i .d1-1-1 .sm { margin-top: 30px; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul { display: inline-block; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul li { float: left; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul li:nth-child(n+2) { margin-left: 14px; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul li a { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.footer .y {}
    .x.footer .y .z .w .i { padding:0 20px; }

    .x.footer .y .z .w .i .d1-1-1 { padding: 40px 0 40px; }
    .x.footer .y .z .w .i .d1-1-1 .info .logo { margin-top: 30px; }
    .x.footer .y .z .w .i .d1-1-1 .sm { margin-top: 30px; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul {}
    .x.footer .y .z .w .i .d1-1-1 .sm ul li {}
    .x.footer .y .z .w .i .d1-1-1 .sm ul li:nth-child(n+2) { margin-top: 5px; }
    .x.footer .y .z .w .i .d1-1-1 .sm ul li a { font-size: 1rem; letter-spacing: 0.5px; line-height: 1.2; }
}


.x.footer2 { position:relative; }
.x.footer2 .y { background-color: #ffffff; }
.x.footer2 .y .z {}
.x.footer2 .y .z .w {}
.x.footer2 .y .z .w .i {}
.x.footer2 .y .z .w .i .d1 {}
.x.footer2 .y .z .w .i .d1-1 {}
.x.footer2 .y .z .w .i .d1-1-1 {}
.x.footer2 .y .z .w .i .d1-1-1 .copyright { text-align: center; }
.x.footer2 .y .z .w .i .d1-1-1 .copyright span { display: inline-block; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.footer2 .y .z {}

    .x.footer2 .y .z .w .i .d1-1-1 { padding: 12px 0; }
    .x.footer2 .y .z .w .i .d1-1-1 .copyright { font-size: 1.18rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.footer2 .y .z {}

    .x.footer2 .y .z .w .i .d1-1-1 { padding: 12px 0; }
    .x.footer2 .y .z .w .i .d1-1-1 .copyright { font-size: 1.18rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.footer2 .y {}
    .x.footer2 .y .z .w .i { padding:0 20px; }

    .x.footer2 .y .z .w .i .d1-1-1 { padding: 12px 0; }
    .x.footer2 .y .z .w .i .d1-1-1 .copyright { font-size: 0.95rem; }
}






.wow { visibility:hidden; }

.switch-lang { position:absolute; background:#FFD200; display:inline-block; padding:2px 8px; border-radius:2px; }
@media (min-width: 960px) {
    .switch-lang { left:4px; top:4px; z-index:98; }
}
@media (min-width: 481px) and (max-width: 959px) {
    .switch-lang { left:4px; top:4px; z-index:98; }
}
@media (max-width: 480px) {
    .switch-lang { left:4px; top:50px; }
}







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}