@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } img { vertical-align: bottom; } textarea, input, select { font: inherit; font-size: 100%; } /** * * Config * */ /** * * Mixin * */ /** * * Common * */ /* common --------------------------------------- */ html { font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, Meiryo, 'メイリオ', 'MS PGothic', 'MS Pゴシック', 'Hiragino Sans GB', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Arial Unicode MS', sans-serif; } :lang(ja) { font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, Meiryo, 'メイリオ', 'MS PGothic', 'MS Pゴシック', 'Hiragino Sans GB', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Arial Unicode MS', sans-serif; } body { font-size: 75%; line-height: 1.7; -webkit-text-size-adjust: 100%; background-color: #ffffff; } @media screen and (max-width: 767px) { body { line-height: 1.6; } } a { color: #007ee8; text-decoration: underline; } a:hover { color: #007ee8; text-decoration: none; } /* font --------------------------------------- */ /*! * Copyright (C) Copyright (C) 2015 Christian Robertson * https://www.google.com/fonts/specimen/Roboto * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ @font-face { font-family: 'robotobold'; src: url("../fonts/roboto-bold.eot"); src: url("../fonts/roboto-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.svg#robotobold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold_italic'; src: url("../fonts/roboto-bolditalic.eot"); src: url("../fonts/roboto-bolditalic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bolditalic.woff2") format("woff2"), url("../fonts/roboto-bolditalic.woff") format("woff"), url("../fonts/roboto-bolditalic.ttf") format("truetype"), url("../fonts/roboto-bolditalic.svg#robotobold_italic") format("svg"); font-weight: normal; font-style: normal; } /** * * Outline * */ .wrapper { color: #333333; max-width: 960px; width: 960px; margin: 0 auto; } .bold { font-weight: bold; } @media screen and (max-width: 767px) { .wrapper { width: 100%; } } /* header, global-navigation, footer -------------------------------------------------------------*/ #header, .global-navigation, #footer { font-size: 125%; line-height: 1.6; } #header a, .global-navigation a, #footer a { color: #003296; -webkit-tap-highlight-color: rgba(0, 50, 150, 0.2); } #header a:hover, #header a:focus, .global-navigation a:hover, .global-navigation a:focus, #footer a:hover, #footer a:focus { color: #003296; text-decoration: none; } #header a:active, .global-navigation a:active, #footer a:active { color: #4065b0; } #header a:active, #header a:hover, .global-navigation a:active, .global-navigation a:hover, #footer a:active, #footer a:hover { outline-color: rgba(0, 50, 150, 0.25); } #header img, .global-navigation img, #footer img { vertical-align: baseline; } #header input[type="search"], .global-navigation input[type="search"], #footer input[type="search"] { box-sizing: content-box; border-radius: 0; } #header .txt-grey, .global-navigation .txt-grey, #footer .txt-grey { color: #4c4a4a; } /* contents --------------------------------------- */ .contents { padding: 30px 0 0; font-size: 116.66667%; } .contents img { display: inline-block; max-width: 100%; } @media screen and (max-width: 767px) { .contents { padding: 15px 0 0; } } /* 共通パーツ ページトップ ------------------------------------------------------------*/ .pageTop { margin-top: 25px; border-top: 1px solid #cccccc; padding-top: 5px; text-align: right; } /* 標準 */ .pageTop a { text-decoration: none; padding-left: 12px; background: url(../img/outline/ico/ico_arrT01.gif) no-repeat left 0.35em; } .pageTop a { color: #00349a; } .pageTop a:hover { color: #4169e1; } /* 戻る */ .pageTop a.pageTop_hisback { float: left; padding-left: 12px; background: url(../img/outline/ico/ico_arrR02.gif) no-repeat left center; } /* ホーム */ .pageTop a.pageTop_home { margin-right: 10px; padding-left: 12px; background: url(../img/outline/ico/ico_arrL01.gif) no-repeat left center; } /* このサイトについて */ .pageTop a.pageTop_help { margin-right: 10px; padding-left: 12px; background: url(../img/outline/ico/ico_arrL01.gif) no-repeat left center; } .colmunContents .pageTop { float: right; width: 740px; } @media print { .colmunContents .pageTop { display: none; } } @media screen and (max-width: 767px) { /* .pagetop ------------------------------------------------*/ .pageTopShort, .pageTop { float: none !important; text-align: center; margin: 0; padding-top: 10px; width: auto !important; } .pageTopShort a, .pageTop a { display: block; border-radius: 5px; background-color: #f5f5f5; background-position: center 10px; margin: 0 auto; padding: 19px 0 10px; width: 95%; } } .header--simple { border-bottom: 1px solid #cccccc; } .header--simple h1 { padding: 12px 0; display: inline-block; } .header--simple h1 a { color: #828282; text-decoration: none; display: block; } .header--simple h1 img { border-right: 1px solid #cccccc; vertical-align: middle; } .header--simple h1 span { margin: 0 0 0 16px; vertical-align: middle; line-height: 1.5; } @media screen and (max-width: 767px) { .header--simple h1 { padding: 4px 0 4px 10px; } .header--simple h1 img { border-right: 0; } .header--simple h1 span { color: #333333; margin: 0; } } .footer--simple { border-top: 1px solid #cccccc; padding: 12px 0; text-align: right; } @media screen and (max-width: 767px) { .footer--simple { text-align: center; padding: 7px 0 12px; font-size: 83.33333%; line-height: 1.5; } } /** * * Utility * */ /* clearfix --------------------------------------- */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* sp tb --------------------------------------- */ .sp { display: none !important; } .tb { display: none !important; } @media screen and (max-width: 768px) { .tb { display: block !important; } } @media screen and (max-width: 767px) { .pc { display: none !important; } .sp { display: block !important; } } /* br --------------------------------------- */ .br { margin-bottom: 1em; } /* sup --------------------------------------- */ .sup { font-size: 70%; position: relative; top: -0.5em; } /* text decoration --------------------------------------- */ .u-tdl { text-decoration: underline; } /* font size --------------------------------------- */ .u-fs { font-size: 66.667%; } .u-fm { font-size: 85%; } .u-fl { font-size: 133.334%; } /* align --------------------------------------- */ .u-al { text-align: left; } .u-ac { text-align: center; } .u-ar { text-align: right; } /* display --------------------------------------- */ .u-disp-b { display: block; } .u-disp-i { display: inline; } .u-disp-ib { display: inline-block; } /* margin --------------------------------------- */ #wrapper .u-mt5 { margin-top: 5px; } #wrapper .u-mt10 { margin-top: 10px; } #wrapper .u-mt15 { margin-top: 15px; } #wrapper .u-mt20 { margin-top: 20px; } #wrapper .u-mt25 { margin-top: 25px; } #wrapper .u-mt30 { margin-top: 30px; } #wrapper .u-mt35 { margin-top: 35px; } #wrapper .u-mt40 { margin-top: 40px; } #wrapper .u-mt45 { margin-top: 45px; } #wrapper .u-mt50 { margin-top: 50px; } #wrapper .u-mt55 { margin-top: 55px; } #wrapper .u-mt60 { margin-top: 60px; } #wrapper .u-ml5 { margin-left: 5px; } #wrapper .u-ml10 { margin-left: 10px; } #wrapper .u-ml15 { margin-left: 15px; } #wrapper .u-ml20 { margin-left: 20px; } #wrapper .u-ml25 { margin-left: 25px; } #wrapper .u-ml30 { margin-left: 30px; } #wrapper .u-ml35 { margin-left: 35px; } #wrapper .u-ml40 { margin-left: 40px; } #wrapper .u-ml45 { margin-left: 45px; } #wrapper .u-ml50 { margin-left: 50px; } #wrapper .u-ml55 { margin-left: 55px; } #wrapper .u-ml60 { margin-left: 60px; } /* indent --------------------------------------- */ .u-indent, .u-indent li { *zoom: 1; } .u-indent:before, .u-indent:after, .u-indent li:before, .u-indent li:after { content: " "; display: table; } .u-indent:after, .u-indent li:after { clear: both; } .u-indent .u-indent__h, .u-indent li .u-indent__h { display: block; float: left; } .u-indent .u-indent__b, .u-indent li .u-indent__b { display: block; overflow: hidden; } @media screen and (max-width: 767px) { .indent--sp, .indent--sp li { *zoom: 1; } .indent--sp:before, .indent--sp:after, .indent--sp li:before, .indent--sp li:after { content: " "; display: table; } .indent--sp:after, .indent--sp li:after { clear: both; } .indent--sp .indent__h, .indent--sp li .indent__h { display: block; float: left; } .indent--sp .indent__b, .indent--sp li .indent__b { display: block; overflow: hidden; } } /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /** * * Parts - Box * */ /* box-indicator -----------------------------------*/ .box-indicator { margin: 0 0 42px; } @media screen and (max-width: 767px) { .box-indicator { display: none; margin: 5px 0 25px; } .box-indicator img { width: 100%; } } /* title -----------------------------------*/ .box_title { margin-bottom: 0.5em; color: #dd9b8c; font-size: 120%; font-weight: 700; } @media screen and (max-width: 767px) { } /* lead -----------------------------------*/ .box-lead { margin: 0 0 20px; } .box-lead.ind-1em { text-indent: -0.8em; margin-left: 0.8em; } @media screen and (max-width: 767px) { .box-lead { margin: 0 0 20px; } } /* box-message -----------------------------------*/ .box-message { margin: 150px 20px; text-align: center; } @media screen and (max-width: 767px) { .box-message { margin: 50px 0; text-align: left; } } /* box-gry -----------------------------------*/ .box-gry { padding: 20px 35px; background: #f3f3f3; border-radius: 5px; } .box-gry .box-gry__h { font-size: 114.28571%; font-weight: bold; margin: 0 0 5px; color: #e20000; } .box-gry--ws { padding: 20px 20px; } @media screen and (max-width: 767px) { .box-gry { padding: 10px 10px; margin: 0 0 20px; font-size: 92.85714%; } .box-gry .box-gry__h { margin: 0 0 5px; } } /* box-pnk -----------------------------------*/ .box-pnk { padding: 20px 35px; background: #f5e7db; border-radius: 5px; margin: 0 0 30px; } .box-pnk .box-pnk__h { font-size: 114.28571%; font-weight: bold; margin: 0 0 5px; } @media screen and (max-width: 767px) { .box-pnk { padding: 10px; margin: 0 0 20px; } .box-pnk .box-pnk__h { margin: 0 0 5px; } } /* box-input -----------------------------------*/ .box-input { display: table; width: 100%; margin: 0 0 10px; } .box-input .box-input__h { width: 210px; display: table-cell; vertical-align: top; text-align: right; padding: 5px 10px 0; font-weight: bold; font-size: 100%; } .box-input .box-input__b { display: table-cell; vertical-align: top; font-size: 100%; } .box-input .box-input__input { width: 560px; } .box-input .box-input__input_s { width: 250px; } .box-input .box-input__zip01 { width: 90px; } .box-input .box-input__zip02 { width: 100px; } .box-input .box-input__pref { width: 170px; } @media screen and (max-width: 767px) { .box-input { display: block; width: auto; margin: 0 0 10px; } .box-input .box-input__h { width: auto; display: block; text-align: left; padding: 0; margin: 0 0 5px; font-weight: bold; } .box-input .box-input__b { display: block; } .box-input .box-input__input { width: 100%; } .box-input .box-input__input_s { width: 100%; } .box-input .box-input__input_sup { display: block; margin: 5px 0 0; } } .box-input_notice { display: table; width: 100%; } .box-input_notice .box-input_notice__h { display: table-cell; vertical-align: top; padding: 8px 5px 0 0; width: 1em; } .box-input_notice .box-input_notice__b { display: table-cell; vertical-align: top; } @media screen and (max-width: 767px) { .box-input_notice .box-input_notice__h { padding: 10px 5px 0 0; } } .box-input_address__btn { margin: 0 0 0 10px; } @media screen and (max-width: 767px) { .box-input_address__btn { margin: 5px 0 0; } } /* box-input_02 -----------------------------------*/ .box-input_02 { display: table; width: 100%; margin: 0; border: #dedede solid 1px; border-top: none; } .box-input_02.box-input_02-tr01 { border-bottom: none; } .box-input_02 .box-input_02__h { display: table-cell; width: 5em; vertical-align: top; padding: 8px 10px; border-top: #dedede solid 1px; font-size: 100%; font-weight: bold; text-align: center; } .box-input_02 .box-input_02__b { display: table-cell; vertical-align: top; padding: 8px 10px; border-top: #dedede solid 1px; border-left: #dedede solid 1px; font-size: 100%; } @media screen and (max-width: 767px) { .box-input_02 { display: block; width: auto; margin: 0 0 10px; border: none; } .box-input_02 .box-input_02__h { width: auto; display: block; text-align: left; padding: 0; margin: 0 0 5px; font-weight: bold; border: none; } .box-input_02 .box-input_02__b { display: block; padding: 0; border: none; } } /** * * Parts - Btn * */ /* ---------------------------------------------------------------------------------- btn-submit ------------------------------------------------------------------------------------- */ .btn-submit--pnk, .btn-submit--blk, .btn-submit--gry { text-align: center; padding: 0 0 3px; display: table; width: 305px; text-align: center; } .btn-submit--pnk a, .btn-submit--blk a, .btn-submit--gry a { background: #bcc0c9; border-radius: 3px; display: table-cell; vertical-align: middle; height: 53px; color: #ffffff; font-size: 114.28571%; font-weight: bold; line-height: 1.2; text-decoration: none; transition: background-color 0.1s ease 0s; } .btn-submit--pnk a:visited, .btn-submit--blk a:visited, .btn-submit--gry a:visited, .btn-submit--pnk a:hover, .btn-submit--blk a:hover, .btn-submit--gry a:hover, .btn-submit--pnk a:focus, .btn-submit--blk a:focus, .btn-submit--gry a:focus, .btn-submit--pnk a:active, .btn-submit--blk a:active, .btn-submit--gry a:active { color: #ffffff; } @media screen and (max-width: 767px) { .btn-submit--pnk, .btn-submit--blk, .btn-submit--gry { width: 100%; } } /* btn-submit--pnk --------------------------------------- */ .btn-submit--pnk a { background-color: #dd9b8c; cursor: pointer; } .btn-submit--pnk a:hover { background-color: #e0745c; } .btn-submit--pnk + .registration_01_box { margin-top: 20px; } /* btn-submit--blk --------------------------------------- */ .btn-submit--blk a { background-color: #bcc0c9; } .btn-submit--blk a:hover { background-color: #5c5c5c; } /* btn-submit--gry --------------------------------------- */ .btn-submit--gry a { background-color: #bcc0c9; } .btn-submit--gry.is-checkRequired a, .btn-submit--gry .is-checkRequired--02 a { cursor: default; } .btn-submit--gry:not(.is-checkRequired):not(.is-checkRequired--02) a:hover { background-color: #9a9a9a; } .btn-submit--gry + .registration_01_box { margin-top: 20px; } /* btn-submit--ic_back --------------------------------------- */ .btn-submit--ic_back a { position: relative; } .btn-submit--ic_back a:before { content: ""; display: block; position: absolute; top: 27px; left: 17px; background-image: url(../img/sprite.png); background-position: -72px -62px; width: 20px; height: 17px; margin: -10px 0 0; } @media screen and (max-width: 767px) { .btn-submit--ic_back a:before { background-image: url(../img/sprite.png); background-position: 0px 0px; width: 20px; height: 17px; background-size: 61.5px 56.5px; } } /* .btn-submit--ic_next --------------------------------------- */ .btn-submit--ic_next a { position: relative; } .btn-submit--ic_next a:after { content: ""; display: block; position: absolute; top: 27px; right: 17px; background-image: url(../img/sprite.png); background-position: -104px -83px; width: 9px; height: 14px; margin: -7px 0 0; } @media screen and (max-width: 767px) { .btn-submit--ic_next a:after { background-image: url(../img/sprite.png); background-position: -49px 0px; width: 9px; height: 14px; background-size: 61.5px 56.5px; } } /* btn-submit--ic_close --------------------------------------- */ .btn-submit--ic_close a { position: relative; } .btn-submit--ic_close a:before { content: ""; display: block; position: absolute; top: 27px; left: 15px; background-image: url(../img/sprite.png); background-position: -27px -99px; width: 13px; height: 13px; margin: -6px 0 0; } @media screen and (max-width: 767px) { .btn-submit--ic_close a:before { background-image: url(../img/sprite.png); background-position: -14px -17px; width: 14px; height: 14px; background-size: 61.5px 56.5px; } } /* btn-submit--ic_blank --------------------------------------- */ .btn-submit--ic_blank a { position: relative; } .btn-submit--ic_blank a:after { content: ""; display: block; position: absolute; top: 27px; right: 17px; background-image: url(../img/sprite.png); background-position: -72px -50px; width: 13px; height: 12px; margin: -6px 0 0; } @media screen and (max-width: 767px) { .btn-submit--ic_blank a:after { background-image: url(../img/sprite.png); background-position: -36px -13px; width: 13px; height: 12px; background-size: 61.5px 56.5px; } } /* .btn-submit--s --------------------------------------- */ .btn-submit--s { width: 185px; } @media screen and (max-width: 767px) { .btn-submit--s { width: 200px; margin: 0 auto; } } /* .btn-submit_gp --------------------------------------- */ .btn-submit_gp { *zoom: 1; margin: 30px auto; display: table; } .btn-submit_gp:before, .btn-submit_gp:after { content: " "; display: table; } .btn-submit_gp:after { clear: both; } .btn-submit_gp .btn-submit_gp__01 { display: table; float: right; } .btn-submit_gp .btn-submit_gp__02 { display: table; float: right; margin: 0 24px 0 0; } .btn-submit_gp .btn-submit_gp__03 { display: table; float: right; margin: 0 24px 0 0; } .btn-submit_gp .btn-submit_gp__04 { display: table; float: left; } .btn-submit_gp .btn-submit_gp__05 { display: table; float: left; margin: 0 0 0 24px; } @media screen and (max-width: 767px) { .btn-submit_gp { display: block; margin: 20px 10px; } .btn-submit_gp .btn-submit_gp__01 { display: block; float: none; } .btn-submit_gp .btn-submit_gp__02 { display: block; float: none; margin: 15px 0 0; } .btn-submit_gp .btn-submit_gp__03 { display: block; float: none; margin: 15px 0 0; } .btn-submit_gp .btn-submit_gp__04 { display: block; float: none; } .btn-submit_gp .btn-submit_gp__05 { display: block; float: none; margin: 15px 0 0; } } .btn-submit_gp--ltr .btn-submit_gp__01 { float: left; } .btn-submit_gp--ltr .btn-submit_gp__02 { float: left; margin: 0 0 0 24px; } .btn-submit_gp--ltr .btn-submit_gp__03 { float: left; margin: 0 0 0 24px; } .btn-submit_gp--ltr .btn-submit_gp__04 { float: left; } .btn-submit_gp--ltr .btn-submit_gp__05 { float: left; margin: 0 0 0 24px; } @media screen and (max-width: 767px) { .btn-submit_gp--ltr .btn-submit_gp__01 { float: none; } .btn-submit_gp--ltr .btn-submit_gp__02 { float: none; margin: 15px 0 0; } .btn-submit_gp--ltr .btn-submit_gp__03 { float: none; margin: 15px 0 0; } .btn-submit_gp--ltr .btn-submit_gp__04 { float: none; } .btn-submit_gp--ltr .btn-submit_gp__05 { float: none; margin: 15px 0 0; } } /* .btn-submit__under_txt --------------------------------------- */ .btn-submit__under_txt { text-align: center; margin: 15px 0 0; font-size: 100%; } @media screen and (max-width: 767px) { .btn-submit__under_txt { margin: 15px 0 0; } } /* .btn-submit__under_txt--nr --------------------------------------- */ .btn-submit__under_txt--nr { text-align: center; margin: 5px 0 0; font-size: 100%; } @media screen and (max-width: 767px) { .btn-submit__under_txt--nr { margin: 5px 0 0; } } /* btn-map --------------------------------------- */ .btn-map { text-align: center; padding: 0 0 3px; display: table; width: 100%; } .btn-map a { background: #6c6c6c; box-shadow: #000000 0px 3px 0px 0px; border-radius: 3px; display: table-cell; vertical-align: middle; padding: 13px 0; color: #ffffff; font-size: 92.85714%; line-height: 1.2; text-decoration: none; transition: background-color 0.1s ease 0s; } .btn-map a:hover { color: #ffffff; background-color: #9a9a9a; } /* btn-ic--blank --------------------------------------- */ .btn-ic--blank a { position: relative; } .btn-ic--blank a:after { content: ""; display: block; position: absolute; top: 50%; right: 16px; background-image: url(../img/sprite.png); background-position: -85px -50px; width: 12px; height: 10px; margin: -5px 0 0; } @media screen and (max-width: 767px) { .btn-ic--blank a:after { background-image: url(../img/sprite.png); background-position: -14px -31px; width: 12px; height: 10px; background-size: 61.5px 56.5px; margin: -5px 0 0; } } /* btn-link--gry --------------------------------------- */ .btn-link--gry { text-align: center; padding: 0 0 3px; display: table; width: auto; } .btn-link--gry a { background: #6c6c6c; box-shadow: #000000 0px 3px 0px 0px; border-radius: 3px; display: table-cell; vertical-align: middle; padding: 10px 15px; color: #ffffff; font-size: 92.85714%; line-height: 1.2; text-decoration: none; transition: background-color 0.1s ease 0s; } .btn-link--gry a:hover { color: #ffffff; background-color: #9a9a9a; } /* btn-link--ic_next --------------------------------------- */ .btn-link--ic_next a { position: relative; padding: 10px 30px 10px 15px; } .btn-link--ic_next a:after { content: ""; display: block; position: absolute; top: 50%; right: 15px; background-image: url(../img/sprite.png); background-position: -116px 0px; width: 7px; height: 11px; margin: -5px 0 0; } @media screen and (max-width: 767px) { .btn-link--ic_next a:after { background-image: url(../img/sprite.png); background-position: -49px -14px; width: 7px; height: 11px; background-size: 61.5px 56.5px; margin: -5px 0 0; } } /* btn-select --------------------------------------- */ .btn-select { text-align: center; padding: 0 0 3px; display: table; width: 100%; } .btn-select a { background: #444444; box-shadow: #000000 0px 3px 0px 0px; border-radius: 3px; display: table-cell; vertical-align: middle; padding: 10px 0; color: #ffffff; font-size: 92.85714%; font-weight: bold; line-height: 1.2; text-decoration: none; transition: opacity 0.1s ease 0s; } .btn-select a:hover { color: #ffffff; } .btn-select a:hover { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .btn-select a:hover { filter: alpha(opacity=100); opacity: 1; } } /* btn-detail --------------------------------------- */ .btn-detail { background: #333333; border-radius: 3px; color: #ffffff; padding: 0 8px; display: inline-block; text-decoration: none; transition: opacity 0.1s ease 0s; } .btn-detail:hover { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .btn-detail:hover { filter: alpha(opacity=100); opacity: 1; } } .btn-detail:hover { color: #ffffff; } /* btn-address --------------------------------------- */ .btn-address { display: inline-block; vertical-align: middle; padding: 0 0 4px; } .btn-address a { background: #444444; box-shadow: #000000 0px 3px 0px 0px; border-radius: 3px; display: table-cell; vertical-align: middle; padding: 8px 15px; color: #ffffff; font-size: 92.85714%; font-weight: bold; line-height: 1.2; text-decoration: none; transition: opacity 0.1s ease 0s; } .btn-address a:hover { color: #ffffff; } .btn-address a:hover { filter: alpha(opacity=85); opacity: 0.85; } .btn-address a:hover { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .btn-address a:hover { filter: alpha(opacity=100); opacity: 1; } } /* btn-print --------------------------------------- */ .btn-print { display: inline-block; vertical-align: middle; padding: 0 0 4px; } .btn-print a { background: #6c6c6c; box-shadow: #000000 0px 3px 0px 0px; border-radius: 3px; display: table-cell; vertical-align: middle; padding: 8px 15px 8px 40px; color: #ffffff; font-size: 92.85714%; font-weight: bold; line-height: 1.2; text-decoration: none; position: relative; transition: opacity 0.1s ease 0s; } .btn-print a:after { content: ""; display: block; position: absolute; top: 50%; left: 10px; margin: -10px 0 0; background-image: url(../img/sprite.png); background-position: -52px -62px; width: 20px; height: 20px; } .btn-print a:hover { color: #ffffff; } .btn-print a:hover { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .btn-print a:hover { filter: alpha(opacity=100); opacity: 1; } } /** * * Parts - Font * */ /* font-wb --------------------------------------- */ .font-wb { font-weight: bold; } .font-wn { font-weight: normal; } /* font-red --------------------------------------- */ .font-red { color: #e20000; } /* font-pnk --------------------------------------- */ .font-pnk { color: #dd9b8c; } /** * * Parts - Form * */ /* form-input_text --------------------------------------- */ .form-input_text { -webkit-appearance: none; background: #ffffff; border: 0; padding: 6px 10px 6px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 3px 0; } @media screen and (max-width: 767px) { .form-input_text { padding: 11px 10px 11px; } } /* form-input_text02 --------------------------------------- */ .form-input_text02 { -webkit-appearance: none; background: #ffffff; border: 1px solid #dadada; padding: 6px 10px 6px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 3px 0; box-shadow: none; } @media screen and (max-width: 767px) { .form-input_text02 { padding: 10px 10px 10px; } } /* form-input_text_s --------------------------------------- */ .form-input_text_s { -webkit-appearance: none; border: 0; background: #ffffff; padding: 0 10px 0; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; } /* form-textarea --------------------------------------- */ .form-textarea { -webkit-appearance: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; border: 0; border-radius: 3px; border: 1px solid #dadada; padding: 6px 10px 6px; } /* form-checkbox --------------------------------------- */ @media (min-width: 1px) { .form-checkbox { position: relative; } .form-checkbox input[type=checkbox] { display: none; } .form-checkbox .form-checkbox__elm { display: inline-block; position: absolute; top: 0; left: 0; border: #dadada solid 2px; background: #ffffff; width: 14px; height: 14px; margin: 0.1em 5px 0 0; } .form-checkbox .is-requiredLabel .form-checkbox__elm { top: 10px; left: 10px; } .form-checkbox label { position: relative; min-height: 14px; line-height: 1.5; padding: 0 0 0 23px; vertical-align: middle; display: block; cursor: pointer; } .form-checkbox .form-checkbox__label_note { color: #666666; font-size: 90%; } /* .form-checkbox input[type=checkbox]:checked + label { color: #dd9b8c; } */ .form-checkbox input[type=checkbox]:checked + label .form-checkbox__elm { border: #dd9b8c solid 2px; background: #dd9b8c; } .form-checkbox input[type=checkbox]:checked + label .form-checkbox__elm:after { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 6px; height: 3px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } /* form-radio --------------------------------------- */ @media (min-width: 1px) { .form-radio { position: relative; } .form-radio input[type=radio] { display: none; } .form-radio .form-radio__elm { display: inline-block; position: absolute; top: 0; left: 0; border: #dadada solid 2px; background: #ffffff; border-radius: 9px; width: 14px; height: 14px; margin: 0.1em 5px 0 0; } .form-radio label { position: relative; min-height: 14px; line-height: 1.5; vertical-align: middle; padding: 0 0 0 23px; display: block; cursor: pointer; } .form-radio .form-radio__label_note { color: #666666; } /* .form-radio input[type=radio]:checked + label { color: #dd9b8c; } */ .form-radio input[type=radio]:checked + label .form-radio__elm { border: #dd9b8c solid 2px; } .form-radio input[type=radio]:checked + label .form-radio__elm:after { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 4px; background: #dd9b8c; } } @media (min-width: 1px) { .form-radio--inline .form-radio__elm { vertical-align: middle; margin: 0; } .form-radio--inline label { display: inline; } } @media screen and (max-width: 767px) and (min-width: 1px) { .form-radio--inline label { display: block; } } @media (min-width: 1px) { .form-radio--sl .form-radio__elm { position: relative; margin: 0; } .form-radio--sl label { padding: 10px; } .form-radio--sl input[type=radio]:checked + .form-radio__elm { border: #dd9b8c solid 2px; } .form-radio--sl input[type=radio]:checked + .form-radio__elm:after { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 4px; background: #dd9b8c; } } /* form-select --------------------------------------- */ .form-select { margin: 3px 0; } .form-select select { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .hasCustomSelect { z-index: 2; } span.customSelect { position: relative; background: #ffffff; padding: 5px 30px 5px 7px; border-radius: 3px; z-index: 1; overflow: hidden; } span.customSelect:before { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: #b1b1b1; } span.customSelect:after { content: ""; position: absolute; top: 50%; right: 11px; width: 0; height: 0; margin: -2px 0 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #5a5a5a transparent transparent transparent; } .form-select--bd span.customSelect { border: 1px solid #dadada; } /* from-calendar --------------------------------------- */ .from-calendar { display: inline-block; } .from-calendar input { background: #ffffff; border: 0; padding: 3px 10px 3px; border-radius: 3px 0 0 3px; box-sizing: border-box; height: 30px; vertical-align: middle; } .from-calendar .ui-datepicker-trigger { vertical-align: middle; border: 0; background: #b1b1b1; border-radius: 0 3px 3px 0; height: 30px; position: relative; top: 0; left: 0; margin: 0; padding: 0 5px; cursor: pointer; } .from-calendar .ui-datepicker-trigger img { max-width: none; width: 21px; height: 21px; } /* form-search_bar --------------------------------------- */ .form-search_bar { *zoom: 1; display: table; width: 100%; } .form-search_bar:before, .form-search_bar:after { content: " "; display: table; } .form-search_bar:after { clear: both; } .form-search_bar .form-search_bar__input { display: table-cell; vertical-align: top; } .form-search_bar .form-search_bar__input input { background: #ffffff; border: 0; padding: 10px 10px 8px; border-radius: 3px 0 0 3px; width: 100%; height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-search_bar .form-search_bar__btn { width: 150px; display: table-cell; vertical-align: top; } .form-search_bar .form-search_bar__btn input { width: 150px; height: 36px; background: #dd9b8c; border-radius: 0 3px 3px 0; color: #ffffff; font-size: 107.14286%; font-weight: bold; border: 0; cursor: pointer; position: relative; top: 0; left: 0; padding: 0; -webkit-appearance: none; transition: opacity 0.1s ease 0s; } .form-search_bar .form-search_bar__btn input:hover { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .form-search_bar .form-search_bar__btn input:hover { filter: alpha(opacity=100); opacity: 1; } } @media screen and (max-width: 767px) { .form-search_bar { *zoom: 1; display: block; width: auto; } .form-search_bar:before, .form-search_bar:after { content: " "; display: table; } .form-search_bar:after { clear: both; } .form-search_bar .form-search_bar__input { display: block; } .form-search_bar .form-search_bar__input input { border: 0; padding: 10px 10px 8px; border-radius: 3px; width: 100%; box-sizing: border-box; } .form-search_bar .form-search_bar__btn { width: auto; display: block; margin: 20px 0 0; } .form-search_bar .form-search_bar__btn input { width: 100%; height: 50px; border-radius: 3px; } } /** * * Parts - H * */ /* h-title --------------------------------------- */ .h-title { font-size: 157.14286%; line-height: 1.3; padding: 10px 0; font-weight: 700; text-align: center; border-top: #333333 solid 2px; border-bottom: #333333 solid 2px; margin: 0 0 30px; } @media screen and (max-width: 767px) { .h-title { font-size: 150%; padding: 7px 0; color: #333333; margin: 0 10px 15px; } } .h-title--nm { margin: 0; } /* h-01 --------------------------------------- */ .h-01 { font-size: 135.71429%; line-height: 1.3; padding: 0 0 0 10px; font-weight: 700; border-left: #333333 solid 6px; margin: 0 0 20px; } .h-01 .ico-required { font-size: 63.15789%; vertical-align: middle; } .h-01 .ico-required2 { font-size: 75.15789%; vertical-align: middle; } .h-01__sbttl { font-size: 73.68421%; font-weight: normal; } @media screen and (max-width: 767px) { .h-01 { font-size: 150%; color: #333333; margin: 0 0 15px; } } /* h-02 --------------------------------------- */ .h-02 { font-size: 114.28571%; line-height: 1.3; padding: 0 0 10px; font-weight: 700; } .h-02 .ico-required { font-size: 75%; vertical-align: middle; } .h-02 .ico-required2 { font-size: 85%; vertical-align: middle; } .h-02__sbttl { font-size: 75%; font-weight: normal; } @media screen and (max-width: 767px) { .h-02 { font-size: 121.42857%; color: #333333; } } /* h--flow --------------------------------------- */ .h--flow { font-size: 100%; background: #dadada; position: relative; height: 30px; padding: 0 40px 0 30px; display: inline-block; font-weight: bold; line-height: 30px; } .h--flow:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 10px; border-color: #ffffff #ffffff #ffffff #dadada; position: absolute; top: 0; right: 0; } /** * * Parts - Ico * */ /* ico-number -----------------------------------*/ .ico-number { background: #dd9b8c; width: 32px; height: 32px; color: #ffffff; border-radius: 16px; display: inline-block; text-align: center; font-size: 15px; font-family: robotobold, sans-serif; font-weight: normal; line-height: 32px; } /* ico-number--sq -----------------------------------*/ .ico-number--sq { background: #dd9b8c; width: 43px; height: 43px; color: #ffffff; border-radius: 5px; display: inline-block; text-align: center; font-size: 20px; font-family: robotobold, sans-serif; font-weight: normal; line-height: 43px; } @media screen and (max-width: 767px) { .ico-number--sq { width: 36px; height: 36px; font-size: 17px; line-height: 36px; } } /* ico-step -----------------------------------*/ .ico-step { position: relative; line-height: 1; text-align: center; } .ico-step .ico-step__step { color: #dd9b8c; font-family: robotobold, sans-serif; font-size: 12px; text-align: center; letter-spacing: 1px; font-weight: normal; display: inline-block; margin: 0 0 2px; white-space: nowrap; } .ico-step .ico-step__step--jp, .ico-step .ico-step__step--merit { color: #dd9b8c; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size: 11px; text-align: center; letter-spacing: 0; font-weight: bold; display: inline-block; margin: 0 0 2px; white-space: nowrap; } @media screen and (max-width: 767px) { .ico-step .ico-step__step--jp { letter-spacing: -1px; } .ico-step .ico-step__step--merit { letter-spacing: -2px; } } /* ico-required -----------------------------------*/ .ico-required { display: inline-block; color: #ffffff; background: #c30000; padding: 0 5px; font-size: 86.66667%; line-height: 1.7; } /* ico-required2 -----------------------------------*/ .ico-required2 { display: inline-block; color: #ffffff; background: #c30000; padding: 0 5px; font-size: 96.66667%; line-height: 1.9; } /* ico-loupe -----------------------------------*/ .ico-loupe { display: block; width: 25px; height: 20px; background-color: #b4b4b4; padding: 5px 0 0; } .ico-loupe .ico-loupe__elm { display: block; margin: auto; background-image: url(../img/sprite.png); background-position: 0px -99px; width: 14px; height: 14px; } @media screen and (max-width: 767px) { .ico-loupe .ico-loupe__elm { background-image: url(../img/sprite.png); background-position: 0px -17px; width: 14px; height: 14px; background-size: 61.5px 56.5px; } } /* ico-blank -----------------------------------*/ .ico-blank { margin: 0 3px; display: inline-block; background-image: url(../img/sprite.png); background-position: -40px -99px; width: 10px; height: 8px; } @media screen and (max-width: 767px) { .ico-blank { background-image: url(../img/sprite.png); background-position: 0px -41.5px; width: 10px; height: 8px; background-size: 61.5px 56.5px; } } /* ico-state--yes -----------------------------------*/ .ico-state--yes { display: inline-block; text-indent: -9999px; overflow: hidden; background-image: url(../img/sprite.png); background-position: -98px -50px; width: 16px; height: 16px; } @media screen and (max-width: 767px) { .ico-state--yes { background-image: url(../img/sprite.png); background-position: -20px 0px; width: 16px; height: 16px; background-size: 61.5px 56.5px; } } /* ico-state--no -----------------------------------*/ .ico-state--no { display: inline-block; text-indent: -9999px; overflow: hidden; background-image: url(../img/sprite.png); background-position: -14px -99px; width: 13px; height: 13px; } @media screen and (max-width: 767px) { .ico-state--no { background-image: url(../img/sprite.png); background-position: -36px 0px; width: 13px; height: 13px; background-size: 61.5px 56.5px; } } /* ico-close -----------------------------------*/ @media screen and (max-width: 767px) { .ico-close { display: inline-block; text-indent: -9999px; overflow: hidden; background-image: url(../img/sprite.png); background-position: -14px -17px; width: 14px; height: 14px; background-size: 61.5px 56.5px; } } /* ico-list-bottom -----------------------------------*/ .ico-list-bottom { display: inline-block; text-indent: -9999px; overflow: hidden; background: url(../img/ico_link_bottom.png) no-repeat 0 0; width: 15px; height: 10px; padding-right: 0.1em; } @media screen and (max-width: 767px) { .ico-list-bottom { background-image: url(../img/ico_link_bottom_sp.png); background-size: 100% auto; width: 15px; height: 10px; } } /* ico-list-star -----------------------------------*/ .ico-list-star { display: inline-block; text-indent: -9999px; overflow: hidden; background: url(../img/ico_list_star.png) no-repeat 0 0; width: 16px; height: 16px; margin-top: 0.2em; padding-right: 0.1em; } @media screen and (max-width: 767px) { .ico-list-star { background-image: url(../img/ico_list_star_sp.png); background-size: 100% auto; width: 15px; height: 15px; } } /** * * Parts - Link * */ /* link--dec01 --------------------------------------- */ .link--dec01 { font-size: 92.85714%; color: #007ee8; text-decoration: underline; } .link--dec01:hover { color: #007ee8; text-decoration: none; } /** * * Parts - List * */ /* list-indent --------------------------------------- */ .list-indent > li .list-indent__h { display: block; float: left; } .list-indent > li .list-indent__b { display: block; overflow: hidden; } /* list-chks --------------------------------------- */ .list-chks > li { margin: 0 0 10px; } .list-chks .list-chks__b { margin: 0 0 0 23px; } .list-chks--hr { *zoom: 1; } .list-chks--hr:before, .list-chks--hr:after { content: " "; display: table; } .list-chks--hr:after { clear: both; } .list-chks--hr > li { float: left; margin: 0 20px 0 0; } @media screen and (max-width: 767px) { .list-chks--hr > li { float: none; margin: 0 0 10px; } } /** * * Parts - P * */ /* p --------------------------------------- */ .p { margin: 0 0 15px; } /* p-price_total --------------------------------------- */ .p-price_total { font-weight: bold; font-size: 107.14286%; } .p-price_total .p-price_total__num { font-size: 140%; } .p-s { font-size: 92.85714%; } /** * * Parts - Section * */ /* section --------------------------------------- */ .section { margin: 0 0 30px; } .section.cutoff { margin-top: 50px !important; padding-top: 50px !important; border-top: dotted 2px #000; } .section.cutoff .note { margin-top: 20px; float: left; width: 70%; } .section.cutoff .note li { font-size: 85.71429%; line-height: 1.5; } .section.cutoff .stamp { display: table-cell; margin-top: 20px; width: 51mm; height: 51mm; border: dotted 1px #333; border: 1px solid #dadada; box-sizing: border-box; } .section.cutoff .stamp__h { box-sizing: border-box; text-align: center; letter-spacing: 6px; padding: 8px 5px 8px 21px; font-size: 85.71429%; } .section.cutoff .stamp:last-of-type { border-left: none; } @media screen and (max-width: 767px) { .section { margin: 0 10px 20px; } .section.cutoff { margin-top: 0 !important; } .section.cutoff .note { float: none; margin: 20px 10px; min-height: auto; } .section.cutoff .note li { font-size: 78.57143%; } .section.cutoff .stamp { display: block; width: 50%; float: left; margin: 0 auto 20px; bottom: 0; right: 0; } .section.cutoff .stamp__h { letter-spacing: 5px; padding: 8px 5px 8px 21px; font-size: 78.57143%; } } /** * * Parts - Tb * */ /* tb-calc --------------------------------------- */ .tb-calc { width: 100%; border: #eeeef0 solid 1px; margin: 0 0 20px; } .tb-calc th { background: #eeeef0; padding: 8px 10px; font-weight: 700; text-align: left; } .tb-calc td { padding: 8px 10px; border-top: #eeeef0 solid 1px; } .tb-calc.tb-calc-1 .tb__cl--01 { width: 30%; } .tb-calc.tb-calc-1 .tb__cl--03 { width: 45%; } .tb-calc th.tb__cl--02 { border-left: #ffffff solid 1px; } .tb-calc td.tb__cl--02, .tb-calc td.tb__cl--total { border-left: #eeeef0 solid 1px; } .tb-calc .tb__tr--total td { border-top-width: 3px; } @media screen and (max-width: 767px) { .tb-calc.tb-calc-1 .tb__tr--d .tb__cl--02, .tb-calc.tb-calc-1 .tb__cl--total { padding: 0; } .tb-calc.tb-calc-1 .tb__cl--02 ul li, .tb-calc.tb-calc-1 .tb__cl--total ul li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; } .tb-calc.tb-calc-1 .tb__cl--02 ul li:last-child, .tb-calc.tb-calc-1 .tb__cl--total ul li:last-child { border-top: 1px solid #eeeef0; } } @media screen and (min-width: 768px) { .price_label_g, .price_label_m { display: none; } .tb-calc.tb-calc-1 .tb__cl--02, .tb-calc.tb-calc-1 .tb__cl--total { padding: 0; } .tb-calc.tb-calc-1 .tb__cl--02 ul, .tb-calc.tb-calc-1 .tb__cl--total ul { display: table; width: 100%; } .tb-calc.tb-calc-1 .tb__cl--02 ul li, .tb-calc.tb-calc-1 .tb__cl--total ul li { display: table-cell; width: 50%; padding: 8px 10px; } .tb-calc.tb-calc-1 .tb__tr--h .tb__cl--02 ul li:last-child { border-left: 1px solid #ffffff; } .tb-calc.tb-calc-1 .tb__tr--d .tb__cl--02 ul li:last-child, .tb-calc.tb-calc-1 .tb__cl--total ul li:last-child { border-left: 1px solid #eeeef0; } } /* tb-data --------------------------------------- */ .tb-data { width: 100%; border: #dedede solid 1px; } .tb-data th { background: #dedede; padding: 8px 10px; font-weight: 700; text-align: center; border-top: #dedede solid 1px; border-left: #ffffff solid 1px; } .tb-data th.tb__cl--01 { border-left: 0; } .tb-data td { padding: 8px 10px; border: #dedede solid 1px; vertical-align: middle; } @media screen and (max-width: 767px) { .tb-data th { padding: 8px 10px; } .tb-data th.tb__cl--02 { border-left: #ffffff solid 1px; } .tb-data td { padding: 8px 10px; } .tb-data td.tb__cl--02 { border-left: #dedede solid 1px; } .tb-data.tb-calc-1 .tb__cl--01 { width: 50%; } } /* tb-toku --------------------------------------- */ .tb-toku { width: 100%; border: #dedede solid 1px; } .tb-toku th { width: 24%; background: #EAE4E4; padding: 10px 10px; text-align: center; border-top: #dedede solid 1px; border-left: #ffffff solid 1px; } .tb-toku th.tb-toku01 { border-left: 0; } .tb-toku td { padding: 10px 12px; border: #dedede solid 1px; vertical-align: middle; } .tb-toku td.tb-toku02 { background: #F8F5F5; text-align: center; width: 40%; } @media screen and (max-width: 767px) { .tb-toku th { padding: 8px 10px; display: block; text-align: left; width: 100%; } .tb-toku th.tb-toku01 { border-left: #ffffff solid 1px; } .tb-toku td { padding: 8px 10px; display: block; } .tb-toku td.tb-toku02 { border-left: #dedede solid 1px; } .tb-toku th.tb-toku-1 .tb-toku01 { display: block; width: 100%; } } /** * * Module - Lead * */ /* lead --------------------------------------- */ .lead { text-align: center; margin: 30px 20px; font-size: 100%; } @media screen and (max-width: 767px) { .lead { text-align: left; margin: 15px 10px; } } .lead--l { text-align: left; margin: 30px 20px; font-size: 100%; } @media screen and (max-width: 767px) { .lead--l { margin: 15px 10px; } } /** * * Module - Error * */ /* error --------------------------------------- */ .error { margin: 50px 0; font-size: 100%; background: #fce5e5; padding: 10px 10px; text-align: center; } .error li { color: #e20000; position: relative; text-indent: -19px; padding: 0 0 0 20px; } .error li:before { content: " "; display: inline-block; background-image: url(../img/sprite.png); background-position: -56px -50px; width: 14px; height: 11px; margin: 0 5px 0 0; } .error2 { margin: 0px 0; font-size: 100%; background: #fce5e5; padding: 10px 10px; text-align: center; } .error2 li { color: #e20000; position: relative; text-indent: -19px; padding: 0 0 0 20px; } .error2 li:before { content: " "; display: inline-block; background-image: url(../img/sprite.png); background-position: -56px -50px; width: 14px; height: 11px; margin: 0 5px 0 0; } @media screen and (max-width: 767px) { .error { margin: 30px 10px; } .error li { text-align: left; } .error li:before { background-image: url(../img/sprite.png); background-position: 0px -31px; width: 14px; height: 10.5px; background-size: 61.5px 56.5px; } .error2 { margin: 5px 0px; } .error2 li { text-align: left; } .error2 li:before { background-image: url(../img/sprite.png); background-position: 0px -31px; width: 14px; height: 10.5px; background-size: 61.5px 56.5px; } } /** * * Module - product_search * */ /* product_search -----------------------------------*/ .product_search { margin: 0 0 50px; padding: 25px; background: #eeeeee; } .product_search .product_search__lead { font-size: 92.85714%; margin: 0 0 20px; } .product_search .product_search__items { display: table-cell; vertical-align: middle; } .product_search .product_search__item { margin: 5px 0 0; } .product_search .product_search__item:first-child { margin: 0; } .product_search .product_search__item_name { font-size: 107.14286%; display: table-cell; width: 200px; text-align: right; padding: 3px 10px 3px 0; vertical-align: middle; } .product_search .product_search__item_name_fs { font-size: 86.66667%; } .product_search .product_search__item_input { padding: 3px 10px 3px 0; display: table-cell; vertical-align: middle; } .product_search .product_search__item_input input { width: 430px; } .product_search .product_search__btn { display: table-cell; vertical-align: middle; } .product_search .product_search__btn input { width: 150px; height: 86px; background: #dd9b8c; border-radius: 3px; color: #ffffff; font-size: 114.28571%; font-weight: bold; border: 0; cursor: pointer; text-align: center; position: relative; top: 0; left: 0; padding: 0; -webkit-appearance: none; transition: opacity 0.1s ease 0s; } .product_search .product_search__btn input:hover { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .product_search .product_search__btn input:hover { filter: alpha(opacity=100); opacity: 1; } } .product_search .product_search__btn--single { display: table-cell; vertical-align: middle; } .product_search .product_search__btn--single input { width: 150px; height: 34px; background: #dd9b8c; border-radius: 3px; color: #ffffff; font-size: 114.28571%; font-weight: bold; border: 0; cursor: pointer; text-align: center; position: relative; top: 0; left: 0; padding: 0; -webkit-appearance: none; transition: opacity 0.1s ease 0s; } .product_search .product_search__btn--single input:hover { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .product_search .product_search__btn--single input:hover { filter: alpha(opacity=100); opacity: 1; } } @media screen and (max-width: 767px) { .product_search { padding: 10px; margin: 0 0 30px; } .product_search .product_search__lead { font-size: 92.85714%; margin: 0 0 20px; } .product_search .product_search__items { display: block; } .product_search .product_search__item { margin: 10px 0 0; } .product_search .product_search__item:first-child { margin: 0; } .product_search .product_search__item_name { font-size: 107.14286%; display: block; width: auto; text-align: left; font-weight: bold; padding: 0; } .product_search .product_search__item_name_fs { font-size: 86.66667%; } .product_search .product_search__item_input_sup { display: inline-block; margin: 3px 0 0; } .product_search .product_search__item_input { margin: 3px 0 0; padding: 0; display: block; } .product_search .product_search__item_input input { width: 100%; } .product_search .product_search__btn { margin: 20px 0 0; display: block; } .product_search .product_search__btn input { width: 100%; height: 50px; font-weight: bold; } .product_search .product_search__btn--single { margin: 20px 0 0; display: block; } .product_search .product_search__btn--single input { width: 100%; height: 50px; } } /* product_search_s -----------------------------------*/ .product_search_s { margin: 0 0 50px; background: #eeeeee; display: table; width: 100%; } .product_search_s .product_search_s__h { font-size: 107.14286%; font-weight: bold; padding: 25px; border-right: #ffffff solid 1px; display: table-cell; vertical-align: middle; width: 150px; } .product_search_s .product_search_s__b { padding: 25px; display: table-cell; vertical-align: middle; } @media screen and (max-width: 767px) { .product_search_s { margin: 0 0 3px; display: block; padding: 20px 10px; width: auto; } .product_search_s .product_search_s__h { font-size: 107.14286%; border-right: 0; display: block; padding: 0; margin: 0 0 3px; vertical-align: middle; width: 150px; } .product_search_s .product_search_s__b { padding: 0; display: block; vertical-align: middle; } } /** * * Module - product_list * */ /* -----------------------------------*/ .product_list .product_list__row { *zoom: 1; margin: 0 0 30px; } .product_list .product_list__row:before, .product_list .product_list__row:after { content: " "; display: table; } .product_list .product_list__row:after { clear: both; } .product_list .product_list__item { width: 217px; margin: 0 0 0 30px; float: left; } .product_list .product_list__item:first-child { margin: 0; } @media screen and (max-width: 767px) { .product_list .product_list__row { margin: 0; } .product_list .product_list__item { width: auto; margin: 0 0 10px; float: none; } .product_list .product_list__item:first-child { margin: 0 0 10px; } } /* product_list_box -----------------------------------*/ .product_list_box { border: #bfbfbf solid 1px; } .product_list_box .product_list_box__img { position: relative; border-bottom: 1px solid #dadada; } .product_list_box .product_list_box__img:after { content: ""; display: block; position: absolute; bottom: -1px; left: 0; height: 1px; border-left: 12px solid #ffffff; border-right: 12px solid #ffffff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .product_list_box .product_list_box__img .ico-loupe { position: absolute; top: 0; right: 0; z-index: 2; } .product_list_box .product_list_box__img a { display: table-cell; width: 215px; height: 215px; text-align: center; vertical-align: middle; } .product_list_box .product_list_box__img a img { transition: opacity 0.1s ease 0s; } .product_list_box .product_list_box__img a:hover img { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .product_list_box .product_list_box__img a:hover img { filter: alpha(opacity=100); opacity: 1; } } .product_list_box .product_list_box_b { margin: 0 12px; padding: 0 0 12px; } .product_list_box .product_list_box__name { padding: 10px 0 15px; font-size: 92.85714%; font-weight: bold; } .product_list_box .product_list_box__subbtn { position: relative; display: inline-block; } .product_list_box .product_list_box__subbtn > a { color: #ffffff; padding: 5px 10px 5px; line-height: 1; display: inline-block; background: #c30000; border-radius: 3px; text-decoration: none; transition: opacity 0.1s ease 0s; } .product_list_box .product_list_box__subbtn > a:hover { filter: alpha(opacity=85); opacity: 0.85; } @media screen and (max-width: 767px) { .product_list_box .product_list_box__subbtn > a:hover { filter: alpha(opacity=100); opacity: 1; } } @media screen and (max-width: 767px) { .product_list_box { border: #bfbfbf solid 1px; display: table; width: 100%; } .product_list_box .product_list_box__img { display: table-cell; width: 37.45819%; border-right: #dadada solid 1px; border-bottom: 0; } .product_list_box .product_list_box__img:after { height: 100%; width: 1px; top: 0; right: -1px; left: auto; bottom: auto; border: 0; border-top: #ffffff solid 10px; border-bottom: #ffffff solid 10px; } .product_list_box .product_list_box__img img { width: 100%; min-width: 112px; } .product_list_box .product_list_box__img .ico-loupe { left: 0; } .product_list_box .product_list_box__img a { display: inline; width: auto; height: auto; } .product_list_box .product_list_box_b { display: table-cell; vertical-align: middle; border-top: 0; position: relative; height: 100%; } .product_list_box .product_list_box__name { padding: 10px 0 8px; margin: 0 10px; } .product_list_box .product_list_box__btn { margin: 0 10px 0; } } /** * * Module - tooltip * */ /* tooltip -----------------------------------*/ .tooltip_content { display: none; position: absolute; bottom: 3.5em; right: -30px; z-index: 10; border: #cdcdcd 1px solid; background: rgba(255, 255, 255, 0.95); background: #ffffff\9; padding: 10px; border-radius: 3px; width: 180px; color: #ed0000; box-sizing: border-box; font-size: 92.30769%; line-height: 1.5; box-shadow: rgba(0, 0, 0, 0.41) 1px 3px 7px -2px; } .tooltip_content:before { position: absolute; bottom: -17px; right: 40px; content: ""; display: block; width: 25px; height: 17px; background: url(../img/balloon_arw.png) no-repeat 0 0; } .tooltip_content .tooltip_content__close { position: absolute; top: -13px; right: -13px; } .tooltip_content .tooltip_content__close a { display: table-cell; vertical-align: middle; background: #444444 url(../img/ico/ico_close_s.png) no-repeat 50% 50%; border-radius: 14px; width: 28px; height: 28px; text-indent: -9999px; overflow: hidden; transition: background-color 0.1s ease 0s; } .tooltip_content .tooltip_content__close a:hover { background-color: #606060; } @media screen and (max-width: 767px) { .tooltip_content { display: none; position: absolute; bottom: 3.5em; left: -100px; width: 250px; color: #ed0000; } .tooltip_content:before { right: 113px; background: url(../img/balloon_arw_sp.png) no-repeat 0 0; background-size: 25px auto; } .tooltip_content .tooltip_content__close a { background: #444444 url(../img/ico/ico_close_sp.png) no-repeat 50% 50%; background-size: 11px 11px; } } /** * * Module - pagenation * */ /* pagenation_container -----------------------------------*/ .pagenation_container { *zoom: 1; margin: 40px 0; } .pagenation_container:before, .pagenation_container:after { content: " "; display: table; } .pagenation_container:after { clear: both; } .pagenation_container .pagenation_container__gp01 { float: right; } .pagenation_container .pagenation_container__gp02 { float: left; } @media screen and (max-width: 767px) { .pagenation_container { margin: 20px 0; } .pagenation_container .pagenation_container__gp01 { float: none; } .pagenation_container .pagenation_container__gp02 { margin: 15px 0 0; float: none; } } /* pagenation_view -----------------------------------*/ .pagenation_view { font-size: 92.85714%; } .pagenation_view .pagenation_view__num { font-size: 138.46154%; font-weight: bold; } @media screen and (max-width: 767px) { .pagenation_view { margin: 0 10px; text-align: center; } .pagenation_view .pagenation_view__num { font-size: 138.46154%; font-weight: bold; } } /* pagenation -----------------------------------*/ .pagenation { *zoom: 1; } .pagenation:before, .pagenation:after { content: " "; display: table; } .pagenation:after { clear: both; } .pagenation li { float: left; margin: 0 0 0 5px; text-align: center; line-height: 1; } .pagenation li:first-child { margin: 0; } .pagenation li a { display: table-cell; height: 31px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: 1px solid #bfbfbf; text-decoration: none; background: #ffffff; color: #333333; } .pagenation li a:hover { background: #eee; color: #333333; } .pagenation li .pagenation__current { display: table-cell; height: 31px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; font-weight: bold; border: 1px solid #444444; background: #444444; color: #ffffff; } .pagenation li .pagenation__disable { display: table-cell; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: #bfbfbf solid 1px; color: #bfbfbf; } .pagenation .pagenation__num a, .pagenation .pagenation__num .pagenation__current { width: 30px; } .pagenation .pagenation__next a, .pagenation .pagenation__next .pagenation__disable, .pagenation .pagenation__prev a, .pagenation .pagenation__prev .pagenation__disable { padding: 0 14px; } .pagenation .pagenation__next_end a, .pagenation .pagenation__next_end .pagenation__disable, .pagenation .pagenation__prev_end a, .pagenation .pagenation__prev_end .pagenation__disable { width: 30px; } .pagenation .pagenation__ico_prev, .pagenation .pagenation__ico_next, .pagenation .pagenation__ico_prev, .pagenation .pagenation__ico_prev_end, .pagenation .pagenation__ico_next_end { display: inline-block; } .pagenation .pagenation__ico_prev { background-image: url(../img/sprite.png); background-position: -116px -59px; width: 7px; height: 8px; margin: 0 3px 0 0; } .pagenation .pagenation__ico_next { background-image: url(../img/sprite.png); background-position: -116px -35px; width: 7px; height: 8px; margin: 0 0 0 3px; } .pagenation .pagenation__ico_prev_end { background-image: url(../img/sprite.png); background-position: -116px -51px; width: 7px; height: 8px; } .pagenation .pagenation__ico_next_end { background-image: url(../img/sprite.png); background-position: -116px -19px; width: 7px; height: 8px; } .pagenation .pagenation__disable .pagenation__ico_prev { background-image: url(../img/sprite.png); background-position: -116px -67px; width: 7px; height: 8px; } .pagenation .pagenation__disable .pagenation__ico_next { background-image: url(../img/sprite.png); background-position: -116px -27px; width: 7px; height: 8px; } .pagenation .pagenation__disable .pagenation__ico_prev_end { background-image: url(../img/sprite.png); background-position: -116px -43px; width: 7px; height: 8px; } .pagenation .pagenation__disable .pagenation__ico_next_end { background-image: url(../img/sprite.png); background-position: -116px -11px; width: 7px; height: 8px; } @media screen and (max-width: 767px) { .pagenation { display: table; margin: 0 auto; } .pagenation .pagenation__ico_prev { display: inline-block; background-image: url(../img/sprite.png); background-position: -24px -41.5px; width: 7px; height: 8px; background-size: 61.5px 56.5px; margin: 0 3px 0 0; } .pagenation .pagenation__ico_next { display: inline-block; background-image: url(../img/sprite.png); background-position: -17px -41.5px; width: 7px; height: 8px; background-size: 61.5px 56.5px; margin: 0 0 0 3px; } .pagenation .pagenation__ico_prev_end { display: inline-block; background-image: url(../img/sprite.png); background-position: -38px -41.5px; width: 7px; height: 8px; background-size: 61.5px 56.5px; } .pagenation .pagenation__ico_next_end { display: inline-block; background-image: url(../img/sprite.png); background-position: -10px -41.5px; width: 7px; height: 8px; background-size: 61.5px 56.5px; } .pagenation .pagenation__disable .pagenation__ico_prev { background-image: url(../img/sprite.png); background-position: -31px -41.5px; width: 7px; height: 8px; background-size: 61.5px 56.5px; } .pagenation .pagenation__disable .pagenation__ico_next { background-image: url(../img/sprite.png); background-position: -28px -17px; width: 7px; height: 8px; background-size: 61.5px 56.5px; } .pagenation .pagenation__disable .pagenation__ico_prev_end { background-image: url(../img/sprite.png); background-position: -45px -41.5px; width: 7px; height: 8px; background-size: 61.5px 56.5px; } .pagenation .pagenation__disable .pagenation__ico_next_end { background-image: url(../img/sprite.png); background-position: -49px -33px; width: 7px; height: 8px; background-size: 61.5px 56.5px; } } /** * * Module - dataview * */ /* dataview__container -----------------------------------*/ .dataview__container { border-bottom: #d5d5d5 dotted 1px; } .dataview__container--02-bdt-01 { border-top: #d5d5d5 dotted 1px; margin: 20px 0 0; padding-top: 20px; } .dataview__container--02.ind-01 { padding-left: 15px; } @media screen and (max-width: 767px) { .dataview__container--02-bdt-01 { border-top: #d5d5d5 dotted 1px; margin: 15px 0 0; padding-top: 15px; } .dataview__container--02.ind-01 { padding-left: 15px; } } /* dataview -----------------------------------*/ .dataview { border-top: #d5d5d5 dotted 1px; display: table; width: 100%; } .dataview .dataview__h { font-weight: bold; font-size: 100%; padding: 10px 10px 10px 20px; width: 180px; display: table-cell; vertical-align: top; } .dataview .dataview__b { padding: 10px 20px 10px 20px; display: table-cell; vertical-align: top; } .dataview--underline { display: inline-block; text-decoration: underline; } .dataview--confirmed { background: #eeeeee; } .dataview--span { border-top: #d5d5d5 dotted 1px; padding: 30px 20px; } .dataview--nb { border-top: 0; } @media screen and (max-width: 767px) { .dataview { border-top: 0; display: block; width: auto; margin: 0 0 10px; } .dataview .dataview__h { font-size: 114.28571%; padding: 6px 10px; width: auto; display: block; background: #d9d9d9; } .dataview .dataview__h.dataview__h--pc { padding: 0; border-top: 1px solid #d5d5d5; } .dataview .dataview__b { padding: 10px; display: block; } .dataview .dataview__b--np { padding: 10px; display: block; } .dataview--span { border-top: 0; padding: 10px 10px; margin: 0 0 10px; } } /* dataview_warranty -----------------------------------*/ .dataview_warranty_status > li { margin: 0 0 10px; } .dataview_warranty_status .dataview_warranty_status__h { font-weight: bold; } .dataview_warranty_status .dataview_warranty_status__b { background: #eeeeee; padding: 1px 5px; display: inline-block; } .dataview--confirmed .dataview_warranty_status__b { background: #d9d9d9; } @media screen and (max-width: 767px) { .dataview_warranty { padding: 0 10px; } } /* dataview_list -----------------------------------*/ .dataview_list--02 { padding-left: 1em; } .dataview_list_li { list-style: disc; } .dataview_list_li + li { margin-top: 5px; } .dataview_list_li .tb-data { margin-top: 15px; width: auto; } .dataview_list_li .tb-data tr:not(:first-of-type) th { border-top: solid 1px #fff; } .dataview_list_note { margin-top: 15px; } .dataview_list_note li { text-indent: -1em; margin-left: 1em; } .dataview__container--02 + .dataview__container { margin-top: 20px; border-bottom: none; } .dataview__container--02 + .dataview__container .registration_included_items_col__01 { float: none; margin: 0 auto; } .dataview__container--02:last-of-type { padding-bottom: 20px; } @media screen and (max-width: 767px) { .dataview__container--02 + .dataview__container { border-top: 1px dotted #d5d5d5; } } /** * * Module - dataview * */ /* balloon2 -----------------------------------*/ .balloon2 { margin: 20px 0 20px; background: #e4e4e4; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px 0px; padding: 15px; position: relative; } .balloon2:before { content: ""; position: absolute; display: block; width: 0; height: 0; border-style: solid; border-width: 0 14px 13px 14px; border-color: transparent transparent #e4e4e4 transparent; top: -13px; left: 30px; } .balloon2__note { margin: 5px 0 0; } @media screen and (max-width: 767px) { .balloon2__note { font-size: 92.85714%; line-height: 1.4; } } /* balloon2_textarea --------------------------------------- */ .balloon2_textarea textarea { -webkit-appearance: none; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 5.5em; padding: 0 5px; border: 0; border-radius: 3px; } /** * * Module - service_flow * */ /* service_flow --------------------------------------- */ .service_flow__h { margin: 0 0 15px; } .service_flow__b { *zoom: 1; } .service_flow__b:before, .service_flow__b:after { content: " "; display: table; } .service_flow__b:after { clear: both; } .service_flow_box { border: #dadada solid 1px; width: 178px; margin: 0 0 0 15px; float: left; } .service_flow_box:first-child { margin: 0; } .service_flow_box .service_flow_box__h { padding: 7px 10px; background: #eeeeee; font-weight: bold; line-height: 1.4; font-size: 92.85714%; } .service_flow_box .service_flow_box__step { font-family: robotobold_italic; font-weight: bold; font-size: 17px; line-height: 1.3; } .service_flow_box .service_flow_box__img { border-top: #dadada solid 1px; } @media screen and (max-width: 767px) { .service_flow__h { margin: 0 0 15px; } .service_flow__b { *zoom: 1; } .service_flow__b:before, .service_flow__b:after { content: " "; display: table; } .service_flow__b:after { clear: both; } .service_flow_box { display: table; width: 100%; border: #dadada solid 1px; margin: 10px 0 0; float: none; } .service_flow_box:first-child { margin: 0; } .service_flow_box .service_flow_box__h { display: table-cell; vertical-align: top; padding: 7px 10px; width: 41.80602%; } .service_flow_box .service_flow_box__img { display: table-cell; border-top: 0; border-left: #dadada solid 1px; text-align: center; } .service_flow_box .service_flow_box__img img { height: 110px; } } /** * * Module - service_station_tb * */ /* service_station_tb -----------------------------------*/ .service_station_tb { font-size: 85.71429%; } .service_station_tb .tb__cl--01 { width: 5%; text-align: center; } .service_station_tb .tb__cl--02 { width: 20%; text-align: center; } .service_station_tb .tb__cl--03 { width: 20%; } .service_station_tb .tb__cl--04 { width: 17%; } .service_station_tb .tb__cl--05 { width: 15%; } .service_station_tb .tb__cl--06 { width: 15%; } .service_station_tb .tb__cl--07 { text-align: center; } @media screen and (max-width: 767px) { .service_station_tb .tb__cl--01 { width: 50px; } .service_station_tb .tb__cl--02 { width: auto; } .service_station_tb .tb__cl--03 { display: none; } .service_station_tb .tb__cl--04 { display: none; } .service_station_tb .tb__cl--05 { display: none; } .service_station_tb .tb__cl--06 { display: none; } } .service_station_tb--s { font-size: 85.71429%; } .service_station_tb--s .tb__cl--02 { width: 19%; text-align: center; } .service_station_tb--s .tb__cl--03 { width: 23%; } .service_station_tb--s .tb__cl--04 { width: 18%; } .service_station_tb--s .tb__cl--05 { width: 15%; } .service_station_tb--s .tb__cl--06 { width: 15%; } .service_station_tb--s .tb__cl--07 { text-align: center; } @media screen and (max-width: 767px) { .service_station_tb--s .tb__cl--02 { width: auto; } .service_station_tb--s .tb__cl--03 { display: none; } .service_station_tb--s .tb__cl--04 { display: none; } .service_station_tb--s .tb__cl--05 { display: none; } .service_station_tb--s .tb__cl--06 { display: none; } } /** * * Class - floating * */ /* colorbox-floating --------------------------------------- */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox.colorbox-floating, #cboxOverlay.colorbox-floating, .colorbox-floating #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 99999; /*overflow:hidden;*/ } #cboxOverlay.colorbox-floating { position: fixed; width: 100%; height: 100%; } .colorbox-floating #cboxWrapper { max-width: none; } .colorbox-floating #cboxMiddleLeft, .colorbox-floating #cboxBottomLeft { clear: left; } .colorbox-floating #cboxContent { position: relative; } .colorbox-floating #cboxLoadedContent { /*overflow:auto;*/ -webkit-overflow-scrolling: touch; } .colorbox-floating #cboxTitle { margin: 0; } .colorbox-floating #cboxLoadingOverlay, .colorbox-floating #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .colorbox-floating #cboxPrevious, .colorbox-floating #cboxNext, .colorbox-floating #cboxClose, .colorbox-floating #cboxSlideshow { cursor: pointer; } .colorbox-floating .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .colorbox-floating .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox.colorbox-floating, .colorbox-floating #cboxContent, .colorbox-floating #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay.colorbox-floating { background: #000000; } #colorbox.colorbox-floating { outline: 0; overflow: visible !important; } .colorbox-floating { /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ } .colorbox-floating #cboxWrapper { width: auto !important; height: auto !important; } .colorbox-floating #cboxContent { background: #ffffff; } .colorbox-floating #cboxLoadedContent { overflow: visible !important; background: #ffffff; } .colorbox-floating #cboxError { padding: 50px; border: 1px solid #ccc; } .colorbox-floating #cboxTitle { display: none !important; } .colorbox-floating #cboxCurrent { display: none !important; } .colorbox-floating #cboxPrevious, .colorbox-floating #cboxNext, .colorbox-floating #cboxSlideshow, .colorbox-floating #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } .colorbox-floating #cboxPrevious:active, .colorbox-floating #cboxNext:active, .colorbox-floating #cboxSlideshow:active, .colorbox-floating #cboxClose:active { outline: 0; } .colorbox-floating #cboxClose { position: absolute; top: -23px; right: -23px; border-radius: 23px; width: 46px; height: 46px; text-indent: -9999px; overflow: hidden; background: #444444 url(../img/ico/ico_close.png) no-repeat 50% 50%; transition: background-color 0.1s ease 0s; } .colorbox-floating #cboxClose:hover { background-color: #515151; } @media screen and (max-width: 767px) { .colorbox-floating #cboxTopCenter { height: 10px; } .colorbox-floating #cboxClose { position: absolute; top: -10px; right: -5px; border-radius: 19px; width: 38px; height: 38px; background: #444444 url(../img/ico/ico_close_sp.png) no-repeat 50% 50%; background-size: 11px auto; } } /* colorbox-floating-frame --------------------------------------- */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox.colorbox-floating-frame, #cboxOverlay.colorbox-floating-frame, .colorbox-floating-frame #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 99999; /*overflow:hidden;*/ } #cboxOverlay.colorbox-floating-frame { position: fixed; width: 100%; height: 100%; } .colorbox-floating-frame #cboxWrapper { max-width: none; } .colorbox-floating-frame #cboxMiddleLeft, .colorbox-floating-frame #cboxBottomLeft { clear: left; } .colorbox-floating-frame #cboxContent { position: relative; } .colorbox-floating-frame #cboxLoadedContent { /*overflow:auto;*/ -webkit-overflow-scrolling: touch; } .colorbox-floating-frame #cboxTitle { margin: 0; } .colorbox-floating-frame #cboxLoadingOverlay, .colorbox-floating-frame #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .colorbox-floating-frame #cboxPrevious, .colorbox-floating-frame #cboxNext, .colorbox-floating-frame #cboxClose, .colorbox-floating-frame #cboxSlideshow { cursor: pointer; } .colorbox-floating-frame .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .colorbox-floating-frame .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox.colorbox-floating-frame, .colorbox-floating-frame #cboxContent, .colorbox-floating-frame #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay.colorbox-floating-frame { background: #000000; } #colorbox.colorbox-floating-frame { outline: 0; overflow: visible !important; } .colorbox-floating-frame { /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ } .colorbox-floating-frame #cboxWrapper { width: auto !important; height: auto !important; } .colorbox-floating-frame #cboxLoadedContent { overflow: visible !important; } .colorbox-floating-frame #cboxError { padding: 50px; border: 1px solid #ccc; } .colorbox-floating-frame #cboxTitle { display: none !important; } .colorbox-floating-frame #cboxCurrent { display: none !important; } .colorbox-floating-frame #cboxPrevious, .colorbox-floating-frame #cboxNext, .colorbox-floating-frame #cboxSlideshow, .colorbox-floating-frame #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } .colorbox-floating-frame #cboxPrevious:active, .colorbox-floating-frame #cboxNext:active, .colorbox-floating-frame #cboxSlideshow:active, .colorbox-floating-frame #cboxClose:active { outline: 0; } .colorbox-floating-frame #cboxClose { position: absolute; top: -23px; right: -23px; border-radius: 23px; width: 46px; height: 46px; text-indent: -9999px; overflow: hidden; background: #444444 url(../img/ico/ico_close.png) no-repeat 50% 50%; transition: background-color 0.1s ease 0s; } .colorbox-floating-frame #cboxClose:hover { background-color: #515151; } @media screen and (max-width: 767px) { .colorbox-floating-frame #cboxTopCenter { height: 10px; } .colorbox-floating-frame #cboxClose { position: absolute; top: -10px; right: -5px; border-radius: 19px; width: 38px; height: 38px; background: #444444 url(../img/ico/ico_close_sp.png) no-repeat 50% 50%; background-size: 11px auto; } } /* floating --------------------------------------- */ /* floating-flame --------------------------------------- */ .wrapper--floating { font-size: 116.667%; } .floating-frame { position: relative; width: 960px; margin: 0 auto; background: #ffffff; } .floating-frame .floating-frame__b { *zoom: 1; } .floating-frame .floating-frame__b:before, .floating-frame .floating-frame__b:after { content: " "; display: table; } .floating-frame .floating-frame__b:after { clear: both; } .floating-frame__close { display: none; } @media screen and (max-width: 767px) { .floating-frame { width: auto; } .floating-frame__close { display: block; } .floating-frame__close a { position: relative; display: block; background: #444444; color: #ffffff; padding: 13px 0; text-align: center; font-weight: bold; border-radius: 3px; text-decoration: none; } .floating-frame__close a:before { content: ""; display: block; position: absolute; top: 50%; left: 15px; background-image: url(../img/sprite.png); background-position: -14px -17px; width: 14px; height: 14px; background-size: 61.5px 56.5px; margin: -7px 0 0; } } /* colorbox-floating-inline --------------------------------------- */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox.colorbox-floating-inline, #cboxOverlay.colorbox-floating-inline, .colorbox-floating-inline #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 99999; /*overflow:hidden;*/ } #cboxOverlay.colorbox-floating-inline { position: fixed; width: 100%; height: 100%; } .colorbox-floating-inline #cboxWrapper { max-width: none; } .colorbox-floating-inline #cboxMiddleLeft, .colorbox-floating-inline #cboxBottomLeft { clear: left; } .colorbox-floating-inline #cboxContent { position: relative; } .colorbox-floating-inline #cboxLoadedContent { /*overflow:auto;*/ -webkit-overflow-scrolling: touch; } .colorbox-floating-inline #cboxTitle { margin: 0; } .colorbox-floating-inline #cboxLoadingOverlay, .colorbox-floating-inline #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .colorbox-floating-inline #cboxPrevious, .colorbox-floating-inline #cboxNext, .colorbox-floating-inline #cboxClose, .colorbox-floating-inline #cboxSlideshow { cursor: pointer; } .colorbox-floating-inline .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .colorbox-floating-inline .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox.colorbox-floating-inline, .colorbox-floating-inline #cboxContent, .colorbox-floating-inline #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay.colorbox-floating-inline { background: #000000; } #colorbox.colorbox-floating-inline { outline: 0; overflow: visible !important; } .colorbox-floating-inline { /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ } .colorbox-floating-inline #cboxWrapper { width: auto !important; height: auto !important; } .colorbox-floating-inline #cboxContent { background: #ffffff; } .colorbox-floating-inline #cboxLoadedContent { overflow: visible !important; } .colorbox-floating-inline #cboxError { padding: 50px; border: 1px solid #ccc; } .colorbox-floating-inline #cboxTitle { display: none !important; } .colorbox-floating-inline #cboxCurrent { display: none !important; } .colorbox-floating-inline #cboxPrevious, .colorbox-floating-inline #cboxNext, .colorbox-floating-inline #cboxSlideshow, .colorbox-floating-inline #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; } .colorbox-floating-inline #cboxPrevious:active, .colorbox-floating-inline #cboxNext:active, .colorbox-floating-inline #cboxSlideshow:active, .colorbox-floating-inline #cboxClose:active { outline: 0; } .colorbox-floating-inline #cboxClose { position: absolute; top: -23px; right: -23px; border-radius: 23px; width: 46px; height: 46px; text-indent: -9999px; overflow: hidden; background: #444444 url(../img/ico/ico_close.png) no-repeat 50% 50%; transition: background-color 0.1s ease 0s; } .colorbox-floating-inline #cboxClose:hover { background-color: #515151; } @media screen and (max-width: 767px) { .colorbox-floating-inline #cboxTopCenter { height: 10px; } .colorbox-floating-inline #cboxClose { position: absolute; top: -10px; right: -5px; border-radius: 19px; width: 38px; height: 38px; background: #444444 url(../img/ico/ico_close_sp.png) no-repeat 50% 50%; background-size: 11px auto; } } /* floating-inline --------------------------------------- */ .floating-inline__contents { display: none; } .floating-inline__content { position: relative; width: 760px; padding: 30px 20px; background: #fff; font-size: 116.66667%; } .floating-inline__content .btn-submit_gp { margin: 30px auto 0; } .floating-inline__content .u-mt10 { margin-top: 10px; } @media screen and (max-width: 767px) { .floating-inline__content { width: auto; padding: 20px 10px; margin: 0 10px; } } /*! jQuery UI - v1.11.4 - 2015-06-02 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=dd9b8c&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url("../img/ui/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dd9b8c; background: #dd9b8c; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #bfbfbf; background: #ffffff; font-weight: bold; color: #333333; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #bfbfbf; background: #eeeeee; font-weight: bold; color: #333333; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #444444; background: #444444; font-weight: bold; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #bfbfbf; background: #edf1f8; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("../img/ui/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("../img/ui/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("../img/ui/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("../img/ui/ui-icons_dd9b8c_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("../img/ui/ui-icons_dd9b8c_256x240.png"); } .ui-state-active .ui-icon { background-image: url("../img/ui/ui-icons_dd9b8c_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("../img/ui/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("../img/ui/ui-icons_ffd27a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("../img/ui/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url("../img/ui/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); /* support: IE8 */ border-radius: 5px; } /** * * Module - accordion * */ /* accordion -----------------------------------*/ .accordion { border: 1px solid #f5e7db; border-radius: 5px; } .accordion dt { position: relative; padding: 15px 22px; background: #f5e7db; border-radius: 5px; cursor: pointer; font-weight: bold; } .accordion dt span.icon { position: absolute; right: 17px; top: 50%; margin: -0.5em 0.45em 0 0; z-index: 1; } .accordion dt:after { content: ""; display: block; position: absolute; right: 17px; top: 50%; width: 26px; height: 26px; border-radius: 13px; background-color: #dd9b8c; margin-top: -13px; } .accordion dd { display: none; padding: 25px 30px; } .accordion.accordion--active dt { border-radius: 3px 3px 0 0; border-bottom: 1px solid #f5e7db; } @media screen and (max-width: 767px) { .accordion dt { position: relative; padding: 14px 15px; } .accordion dt span.icon { right: 17px; top: 50%; margin: -0.5em 0.45em 0 0; z-index: 1; } .accordion dd { display: none; padding: 17px 15px; } } /** * * Index * */ /** * * appli_process * */ .appli_process_vis img { width: 100%; } @media screen and (max-width: 767px) { .appli_process_vis { margin: 0 10px; } } /* appli_process_step --------------------------------------- */ .appli_process_step .appli_process_step__box { position: relative; margin: 50px 0 0; border: #b4b4b4 solid 1px; display: table; width: 100%; } .appli_process_step .appli_process_step__box:before { content: ""; display: block; position: absolute; left: 50%; top: -35px; width: 0; height: 0; border-style: solid; border-width: 20px 13.5px 0 13.5px; border-color: #cacaca transparent transparent transparent; margin: 0 0 0 -13px; } .appli_process_step .appli_process_step__box:first-child { margin: 0; } .appli_process_step .appli_process_step__box:first-child:before { display: none; } .appli_process_step .appli_process_step__box_h { font-weight: bold; font-size: 107.14286%; line-height: 1.5; padding: 16px; width: 210px; display: table-cell; vertical-align: middle; border-right: #b4b4b4 solid 1px; background: #eeeeee; color: #dd9b8c; } .appli_process_step .appli_process_step__box_h .appli_process_step__box_h_inr { display: table; width: 100%; } .appli_process_step .appli_process_step__box_h .appli_process_step__box_h_step { display: table-cell; width: 35px; vertical-align: middle; } .appli_process_step .appli_process_step__box_h .appli_process_step__box_h_txt { display: table-cell; vertical-align: middle; padding: 0 0 0 10px; font-size: 107.14286%; } .appli_process_step .appli_process_step__box_b { font-size: 100%; padding: 16px; display: table-cell; vertical-align: middle; } @media screen and (max-width: 767px) { .appli_process_step .appli_process_step__box { margin: 30px 0 0; display: block; width: auto; } .appli_process_step .appli_process_step__box:before { top: -23px; border-width: 16px 10px 0 10px; margin: 0 0 0 -7px; } .appli_process_step .appli_process_step__box:first-child { margin: 0; } .appli_process_step .appli_process_step__box:first-child:before { display: none; } .appli_process_step .appli_process_step__box_h { padding: 7px 10px; width: auto; display: block; border-right: 0; border-bottom: #b4b4b4 solid 1px; } .appli_process_step .appli_process_step__box_h .appli_process_step__step { margin: 0 7px 0 0; } .appli_process_step .appli_process_step__box_b { padding: 10px; display: block; } } /* appli_process_info --------------------------------------- */ .appli_process_info { margin: 0 0 20px; background: #edf1f8; border-radius: 3px; padding: 30px 35px; } .appli_process_info .appli_process_info__box { margin: 20px 0 10px; display: table; width: 100%; } .appli_process_info .appli_process_info__box--first { margin: 0; border-top: 0; padding: 0; } .appli_process_info .appli_process_info__box_h { display: table-cell; width: 45px; vertical-align: top; } .appli_process_info .appli_process_info__box_b { display: table-cell; padding: 0 0 0 15px; vertical-align: top; } .appli_process_info .appli_process_info__sh { font-size: 180%; font-weight: bold; color: #dd9b8c; border-bottom: 1px solid #a5b8db; margin: 0 0 8px; } .appli_process_info .appli_process_info__note { font-size: 92.85714%; margin: 3px 0; } @media screen and (max-width: 767px) { .appli_process_info { margin: 0 10px 15px; padding: 10px; } .appli_process_info .appli_process_info__box { margin: 15px 0 0; padding: 15px 0 0; position: relative; } .appli_process_info .appli_process_info__box--first { margin: 0; padding: 0; top: 0; left: 0; } .appli_process_info .appli_process_info__box_h { display: block; position: absolute; } .appli_process_info .appli_process_info__box_h .ico-step { text-align: left; } .appli_process_info .appli_process_info__box_b { display: block; padding: 0; } .appli_process_info .appli_process_info__sh { font-size: 135.71429%; margin: 0 0 10px; padding: 14px 0 0 47px; min-height: 55px; line-height: 1.31579; } } /* appli_process_txt01 --------------------------------------- */ .appli_process_txt01 { margin: 0 0 50px; } @media screen and (max-width: 767px) { .appli_process_txt01 { margin: 0 10px 40px; } } /* appli_process_sh01 --------------------------------------- */ .appli_process_sh01 { margin: 25px 0; font-size: 142.85714%; font-weight: bold; } @media screen and (max-width: 767px) { .appli_process_sh01 { margin: 20px 10px 20px; font-size: 135.71429%; } } /* appli_process_step02 --------------------------------------- */ .appli_process_step02 .appli_process_step02__box { position: relative; margin: 10px 60px 0; } .appli_process_step02 .appli_process_step02__box:before { content: ""; display: block; position: absolute; left: 50%; top: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 13.5px 0 13.5px; border-color: #cacaca transparent transparent transparent; margin: 0 0 0 -13px; } .appli_process_step02 .appli_process_step02__box:first-child { margin: 0 60px; } .appli_process_step02 .appli_process_step02__box:first-child:before { display: none; } .appli_process_step02 .appli_process_step02__box_h { font-weight: bold; line-height: 1.5; padding: 2px 16px 2px; vertical-align: middle; border: #bfbfbf dotted 1px; background: #eeeeee; color: #dd9b8c; } .appli_process_step02 .appli_process_step02__box_h .appli_process_step02__box_h_inr { display: table; width: 100%; } .appli_process_step02 .appli_process_step02__box_h .appli_process_step02__box_h_step { display: table-cell; width: 35px; vertical-align: middle; } .appli_process_step02 .appli_process_step02__box_h .appli_process_step02__box_h_txt { display: table-cell; vertical-align: middle; padding: 0 0 0 10px; font-size: 128.57143%; } .appli_process_step02 .appli_process_step02__box_b { font-size: 100%; padding: 5px 10px; vertical-align: middle; border: #bfbfbf solid 1px; margin: 0 200px; text-align: center; font-weight: bold; } .appli_process_step02 .appli_process_step02__box_txt { margin: 5px 0; } @media screen and (max-width: 767px) { .appli_process_step02 .appli_process_step02__box { margin: 28px 0 0; display: block; width: auto; } .appli_process_step02 .appli_process_step02__box:before { top: -21px; border-width: 16px 10px 0 10px; margin: 0 0 0 -7px; } .appli_process_step02 .appli_process_step02__box:first-child { margin: 0; } .appli_process_step02 .appli_process_step02__box:first-child:before { display: none; } .appli_process_step02 .appli_process_step02__box_h { padding: 5px 10px 6px; width: auto; display: block; } .appli_process_step02 .appli_process_step02__box_h .appli_process_step02__step { margin: 0 7px 0 0; } .appli_process_step02 .appli_process_step02__box_b { padding: 7px 10px; margin: 0 15px; } } /* appli_process_recep --------------------------------------- */ .appli_process_recep { margin: 30px 85px; *zoom: 1; } .appli_process_recep:before, .appli_process_recep:after { content: " "; display: table; } .appli_process_recep:after { clear: both; } .appli_process_recep .appli_process_recep__txt01 { float: left; margin: 0 30px 0 0; } @media screen and (max-width: 767px) { .appli_process_recep { margin: 15px 10px; } .appli_process_recep .appli_process_recep__txt01 { float: none; margin: 0 0 10px; } } /* appli_process_txt02 --------------------------------------- */ .appli_process_txt02 { margin: 0 0 30px; text-align: center; } @media screen and (max-width: 767px) { .appli_process_txt02 { margin: 0 10px 20px; padding: 0 0 20px; border-bottom: #bfbfbf dotted 1px; text-align: left; } } /** * * product_select * */ /* product_select_reference -----------------------------------*/ .product_select_reference { *zoom: 1; margin: 0 0 30px; } .product_select_reference:before, .product_select_reference:after { content: " "; display: table; } .product_select_reference:after { clear: both; } .product_select_reference .product_select_reference_01 { width: 466px; float: left; } .product_select_reference .product_select_reference_02 { width: 466px; float: right; } .product_select_reference .product_select_reference_03 { width: 466px; float: left; margin-top: 50px; } .product_select_reference .product_select_reference__box { border: #bfbfbf solid 1px; } .product_select_reference .product_select_reference__h { background: #eeeeee; padding: 8px 10px; font-size: 114.28571%; font-weight: bold; text-align: center; } .product_select_reference .product_select_reference__b { border-top: #bfbfbf solid 1px; } @media screen and (max-width: 767px) { .product_select_reference .product_select_reference_01 { width: auto; float: none; margin: 0 0 20px; } .product_select_reference .product_select_reference_02 { width: auto; float: none; } .product_select_reference .product_select_reference_03 { width: auto; float: none; } .product_select_reference .product_select_reference__h { padding: 10px 10px; } .product_select_reference .product_select_reference__b img { width: 100%; } } /* product_select_message --------------------------------------- */ .product_select_message { margin: 60px 20px; font-size: 114.28571%; text-align: center; } .product_select_message .product_select_message__caution { color: #e20000; } @media screen and (max-width: 767px) { .product_select_message { margin: 40px 10px; } } /** * * approx * */ /* approx_contents --------------------------------------- */ .approx_contents .approx_contents__h { font-size: 107.14286%; font-weight: bold; margin: 0 0 15px; } .approx_contents .approx_contents__sh { font-weight: bold; margin: 0 0 10px; } .approx_contents .approx_contents__sb { margin: 0 0 30px 30px; } @media screen and (max-width: 767px) { .approx_contents .approx_contents__sh { background: #eeeeee; padding: 2px 10px; } .approx_contents .approx_contents__sh { font-weight: bold; margin: 0 0 10px; } .approx_contents .approx_contents__sb { margin: 0 0 20px; } } /* approx_contents_col --------------------------------------- */ .approx_contents_col { *zoom: 1; margin: 0 0 10px; } .approx_contents_col:before, .approx_contents_col:after { content: " "; display: table; } .approx_contents_col:after { clear: both; } .approx_contents_col .approx_contents_col__01 { float: left; width: 340px; } .approx_contents_col .approx_contents_col__02 { float: left; width: 340px; margin: 0 0 0 30px; } @media screen and (max-width: 767px) { .approx_contents_col .approx_contents_col__01 { float: none; width: auto; } .approx_contents_col .approx_contents_col__02 { float: none; width: auto; margin: 0; } } /* approx_warranty_01__bl -----------------------------------*/ .approx_warranty_01__bl { font-size: 92.85714%; width: 350px; } @media screen and (max-width: 767px) { .approx_warranty_01__bl { width: auto; } } /* approx_warranty_03__bl -----------------------------------*/ .approx_warranty_03__bl { font-size: 92.85714%; } .approx_warranty_03__bl .approx_warranty_03__bl_txt { margin: 0 0 10px; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs { *zoom: 1; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs:before, .approx_warranty_03__bl .approx_warranty_03__bl_inputs:after { content: " "; display: table; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs:after { clear: both; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs .approx_warranty_03__bl_input01 { float: left; margin: 0 30px 0 0; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs .approx_warranty_03__bl_input01 input { width: 174px; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs .approx_warranty_03__bl_input02 { float: left; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs .approx_warranty_03__bl_input02 input { width: 174px; } @media screen and (max-width: 767px) { .approx_warranty_03__bl .approx_warranty_03__bl_inputs { *zoom: 1; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs:before, .approx_warranty_03__bl .approx_warranty_03__bl_inputs:after { content: " "; display: table; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs:after { clear: both; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs .approx_warranty_03__bl_input01 { float: none; margin: 0 0 5px; } .approx_warranty_03__bl .approx_warranty_03__bl_inputs .approx_warranty_03__bl_input02 { float: none; } } /* approx_submit_win01 -----------------------------------*/ .approx_submit_win01__txt { margin: 0 0 30px; } .approx_submit_win01__note { font-size: 92.85714%; } @media screen and (max-width: 767px) { .approx_submit_win01__txt { margin: 0 0 20px; } } /* approx_salon -----------------------------------*/ .approx_salon { display: flex; gap: 10px; } .approx_salon__img { width: 30%; } .approx_salon__img img { width: 100%; } .approx_salon__textarea { width: 40%; } .approx_salon__textarea textarea { width: 100%; border-radius: 3px; border: 1px solid #e4e4e4; box-sizing: border-box; padding: 0 5px; } @media screen and (max-width: 767px) { .approx_salon { flex-wrap: wrap; } .approx_salon__img { width: calc(50% - 5px); } .approx_salon__textarea { width: 100%; } } /** * * guidance * */ /* guidance_feature -----------------------------------*/ @media screen and (max-width: 767px) { .guidance_feature { margin: 0 0 20px; } } /* guidance_flow -----------------------------------*/ .guidance_flow .guidance_flow__h { margin: 0 0 13px; } .guidance_flow .guidance_flow__h_note { margin: 0 0 0 30px; } .guidance_flow .guidance_flow__b { *zoom: 1; } .guidance_flow .guidance_flow__b:before, .guidance_flow .guidance_flow__b:after { content: " "; display: table; } .guidance_flow .guidance_flow__b:after { clear: both; } @media screen and (max-width: 767px) { .guidance_flow { margin: 0 10px; margin: 0 0 20px; border-bottom: #cccccc 1px dotted; padding: 0 0 10px; } .guidance_flow .guidance_flow__h { margin: 0 0 13px; } .guidance_flow .guidance_flow__h_note { display: block; margin: 10px 0 0; } .guidance_flow .guidance_flow__b { *zoom: 1; } .guidance_flow .guidance_flow__b:before, .guidance_flow .guidance_flow__b:after { content: " "; display: table; } .guidance_flow .guidance_flow__b:after { clear: both; } } /* guidance_flow_service -----------------------------------*/ .guidance_flow_service { margin: 0 0 30px; } .guidance_flow_service_box { border: #dadada solid 1px; width: 178px; margin: 0 0 0 15px; float: left; } .guidance_flow_service_box:first-child { margin: 0; } .guidance_flow_service_box .guidance_flow_service_box__h { padding: 7px 10px; font-size: 17px; font-family: robotobold_italic; line-height: 1.3; } .guidance_flow_service_box .guidance_flow_service_box__img { line-height: 0; } .guidance_flow_service_box .guidance_flow_service_box__b { border-top: #dadada solid 1px; padding: 14px; min-height: 90px; } .guidance_flow_service_box .guidance_flow_service_box__txt01 { font-weight: bold; line-height: 1.8; } .guidance_flow_service_box .guidance_flow_service_box__txt_fg { background: #e6e6e6; } .guidance_flow_service_box .guidance_flow_service_box__txt02 { font-size: 92.85714%; line-height: 1.5; } .guidance_flow_service_box .guidance_flow_service_box__txt_fs { font-size: 84.61538%; } @media screen and (max-width: 767px) { .guidance_flow_service { margin: 0 0 20px; } .guidance_flow_service_box { width: auto; margin: 0 0 10px; float: none; display: table; width: 100%; } .guidance_flow_service_box:first-child { margin: 0 0 10px; } .guidance_flow_service_box .guidance_flow_service_box__gp { display: table-cell; vertical-align: middle; width: 37.45819%; } .guidance_flow_service_box .guidance_flow_service_box__h { padding: 10px; } .guidance_flow_service_box .guidance_flow_service_box__img { line-height: 0; } .guidance_flow_service_box .guidance_flow_service_box__img img { width: 100%; min-width: 112px; } .guidance_flow_service_box .guidance_flow_service_box__b { display: table-cell; border-top: 0; border-left: #dadada solid 1px; padding: 14px; min-height: 0; } .guidance_flow_service_box .guidance_flow_service_box__txt01 { font-weight: bold; line-height: 1.8; } .guidance_flow_service_box .guidance_flow_service_box__txt_fg { background: #e6e6e6; } .guidance_flow_service_box .guidance_flow_service_box__txt02 { font-size: 92.85714%; line-height: 1.5; } .guidance_flow_service_box .guidance_flow_service_box__txt_fs { font-size: 84.61538%; } } /* guidance_flow_appli -----------------------------------*/ .guidance_flow_appli { border-bottom: #cccccc 1px dotted; padding: 0 0 30px; } .guidance_flow_appli_box { border: #dadada solid 1px; width: 178px; margin: 0 0 0 15px; float: left; } .guidance_flow_appli_box:first-child { margin: 0; } .guidance_flow_appli_box .guidance_flow_appli_box__h { color: #ffffff; text-align: center; background: #dd9b8c; font-size: 17px; font-family: robotobold_italic; } .guidance_flow_appli_box .guidance_flow_appli_box__b { padding: 15px; text-align: center; font-weight: bold; } @media screen and (max-width: 767px) { .guidance_flow_appli { border-bottom: #cccccc 1px dotted; padding: 0 0 10px; } .guidance_flow_appli_box { width: auto; margin: 0 0 10px; float: none; } .guidance_flow_appli_box:first-child { margin: 0 0 10px; } .guidance_flow_appli_box .guidance_flow_appli_box__h { display: table-cell; color: #ffffff; text-align: center; padding: 15px; } .guidance_flow_appli_box .guidance_flow_appli_box__b { display: table-cell; padding: 15px; text-align: center; font-weight: bold; } } /* guidance_bulletin -----------------------------------*/ .guidance_bulletin { text-align: center; margin: 30px 20px; font-size: 100%; } @media screen and (max-width: 767px) { .guidance_bulletin { text-align: left; margin: 15px 10px; } } /** * * terms_of_use * */ .terms_of_use__box--pc { margin: 30px 20px; } .terms_of_use__box--pc iframe { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; width: 100%; height: 300px; } .ios .terms_of_use__box--pc { height: 300px; -webkit-overflow-scrolling: touch; overflow: auto; } .terms_of_use__box--sp { display: none; } @media screen and (max-width: 767px) { .terms_of_use__box--pc { display: none; } .terms_of_use__box--sp { display: block; padding: 30px 0 30px; margin: 20px 0; } } .terms_of_use__check { border-top: #d5d5d5 dotted 1px; padding: 20px 20px; } .terms_of_use__link { margin: 10px 0 0 23px; } @media screen and (max-width: 767px) { .terms_of_use__check { border-top: #d5d5d5 dotted 1px; padding: 10px 0; } } /** * * mail_confirm * */ /* mail_confirm --------------------------------------- */ .mail_confirm__registerbox { margin: 0 0 30px; } @media screen and (max-width: 767px) { .mail_confirm__registerbox { margin: 0 0 20px; } } /* mail_confirm__sendbox --------------------------------------- */ .mail_confirm__sendedbox { margin: 0 50px; } @media screen and (max-width: 767px) { .mail_confirm__sendedbox { margin: 0 0 20px; } } /** * * registration * */ /* registration_01 -----------------------------------*/ .registration_01_box { margin: 0 0 30px; } .registration_01_box .registration_01_box__h { font-weight: bold; font-size: 114.28571%; line-height: 1.5; margin: 0 0 15px; } .registration_01_box .registration_01_box__h .form-radio { position: relative; } .registration_01_box .registration_01_box__h input { position: absolute; top: 10px; left: 10px; } .registration_01_box .registration_01_box__h label { padding: 10px 10px 10px 33px; background: #f5e7db; border-radius: 5px; display: block; } .registration_01_box .registration_01_box__h .form-radio__elm { top: 10px; left: 10px; } .registration_01_box .registration_01_box__lead { font-size: 87.5%; font-weight: normal; } .registration_01_box .registration_01_box__b { font-size: 100%; vertical-align: middle; } .registration_01_box--02 { padding: 0 0 30px; border-bottom: 1px solid #cccccc; } @media screen and (max-width: 767px) { .registration_01_box { margin: 0 0 20px; } .registration_01_box--02 { padding: 0 0 20px; border-bottom: 1px solid #cccccc; } } .registration_station { margin: 20px 0 0; } /* registration_serial -----------------------------------*/ .registration_serial .registration_serial__input { width: 250px; } .registration_serial .registration_serial__gp01 { float: left; } .registration_serial .registration_serial__gp02 { float: left; margin: 0 0 0 20px; } .registration_serial .registration_serial__link { padding: 11px 0 0; } .registration_serial .registration_serial__note { font-size: 78.57143%; margin: 3px 0 0; } @media screen and (max-width: 767px) { .registration_serial .registration_serial__input { width: 100%; } .registration_serial .registration_serial__gp01 { float: none; } .registration_serial .registration_serial__gp02 { float: none; margin: 0; } .registration_serial .registration_serial__link { padding: 5px 0 0; } .registration_serial .registration_serial__note { font-size: 78.57143%; margin: 3px 0 0; } } /* registration_included_items --------------------------------------- */ .registration_included_items_col { *zoom: 1; } .registration_included_items_col:before, .registration_included_items_col:after { content: " "; display: table; } .registration_included_items_col:after { clear: both; } .registration_included_items_col .registration_included_items_col__01 { float: left; width: 340px; } .registration_included_items_col .registration_included_items_col__02 { float: left; width: 340px; margin: 0 0 0 30px; } @media screen and (max-width: 767px) { .registration_included_items_col .registration_included_items_col__01 { float: none; width: auto; } .registration_included_items_col .registration_included_items_col__02 { float: none; width: auto; margin: 0; } } /* registration_customer_info --------------------------------------- */ @media screen and (max-width: 767px) { .registration_customer_info { margin: 0 10px; } } /** * * serviece_station * */ /* serviece_station -----------------------------------*/ .serviece_station { padding: 40px; } .serviece_station .serviece_station__b { *zoom: 1; } .serviece_station .serviece_station__b:before, .serviece_station .serviece_station__b:after { content: " "; display: table; } .serviece_station .serviece_station__b:after { clear: both; } .serviece_station .serviece_station__map { width: 545px; height: 422px; float: left; background: #ccc; } .serviece_station .serviece_station__data { width: 312px; float: right; } .serviece_station .serviece_station__address { line-height: 1.6; margin: 0 0 15px; } .serviece_station .serviece_station__tel { line-height: 1.6; margin: 0 0 15px; } .serviece_station .serviece_station__btn { margin: 0 0 5px; } .serviece_station .serviece_station__detail { *zoom: 1; border-top: 1px dotted #cccccc; padding: 12px 0; font-size: 85.71429%; line-height: 1.6; } .serviece_station .serviece_station__detail:before, .serviece_station .serviece_station__detail:after { content: " "; display: table; } .serviece_station .serviece_station__detail:after { clear: both; } .serviece_station .serviece_station__detail:first-child { border-top: 0; } .serviece_station .serviece_station__detail_h { width: 70px; float: left; font-weight: bold; } .serviece_station .serviece_station__detail_b { width: 242px; float: right; } @media screen and (max-width: 767px) { .serviece_station { padding: 10px; } .serviece_station .serviece_station__map { width: 100%; height: 200px; float: none; background: #ccc; margin: 0 0 10px; } .serviece_station .serviece_station__data { width: auto; float: none; } .serviece_station .serviece_station__address { margin: 0 0 10px; } .serviece_station .serviece_station__tel { margin: 0 0 20px; } .serviece_station .serviece_station__btn { margin: 0 0 10px; } .serviece_station .serviece_station__details { margin: 0 0 10px; } .serviece_station .serviece_station__detail { *zoom: 1; border-top: 1px dotted #cccccc; padding: 10px 0; font-size: 92.85714%; line-height: 1.6; } .serviece_station .serviece_station__detail:before, .serviece_station .serviece_station__detail:after { content: " "; display: table; } .serviece_station .serviece_station__detail:after { clear: both; } .serviece_station .serviece_station__detail:first-child { border-top: 0; } .serviece_station .serviece_station__detail_h { width: auto; float: none; font-weight: bold; } .serviece_station .serviece_station__detail_b { width: auto; float: none; } } /** * * flow * */ /* flow_box -----------------------------------*/ .flow_box { margin: 0 0 30px; } .flow_box .flow_box__h { font-weight: bold; font-size: 107.14286%; line-height: 1.5; margin: 0 0 5px; } .flow_box .flow_box__lead { font-size: 100%; margin: 0 0 10px; } .flow_box .flow_box__b { font-size: 100%; vertical-align: middle; } .flow_box .service_flow { margin: 0 0 30px; } @media screen and (max-width: 767px) { .flow_box { margin: 0 0 20px; } } /* flow_detail_box -----------------------------------*/ .flow_detail_box { border: #dadada solid 1px; margin: 0 0 30px; } .flow_detail_box:first-child { margin: 0; } .flow_detail_box .flow_detail_box__step { margin: 0 20px 0 0; } .flow_detail_box .flow_detail_box__h { padding: 7px 10px; background: #eeeeee; font-weight: bold; line-height: 1.4; font-size: 92.85714%; } .flow_detail_box .flow_detail_box__step { font-family: robotobold_italic; font-weight: bold; font-size: 17px; line-height: 1.3; } .flow_detail_box .flow_detail_box__b { display: table; width: 100%; padding: 18px 0; } .flow_detail_box .flow_detail_box__img { width: 210px; display: table-cell; vertical-align: top; text-align: center; } .flow_detail_box .flow_detail_box__data { display: table-cell; vertical-align: top; border-left: 1px dotted #cccccc; padding: 0 25px; } .flow_detail_box__sh { font-size: 100%; font-weight: bold; margin: 0 0 5px; } .flow_detail_box__img01 { margin: 0 0 25px; } @media screen and (max-width: 767px) { .flow_detail_box { margin: 0 0 10px; } .flow_detail_box:first-child { margin: 0 0 10px; } .flow_detail_box .flow_detail_box__step { margin: 0 10px 0 0; } .flow_detail_box .flow_detail_box__h { padding: 7px 10px; background: #eeeeee; } .flow_detail_box .flow_detail_box__b { display: block; width: auto; padding: 0 10px; } .flow_detail_box .flow_detail_box__img { width: auto; display: block; text-align: center; } .flow_detail_box .flow_detail_box__img img { width: 41.37931%; } .flow_detail_box .flow_detail_box__data { display: block; border-left: 0; border-top: 1px dotted #cccccc; padding: 5px 0; } } /* flow_manual -----------------------------------*/ .flow_manual { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #cccccc; } .flow_manual.flow_manual-last { border-bottom: none; } .flow_manual .flow_manual__h { display: table; margin-bottom: 1em; } .flow_manual .flow_manual__h .flow_manual__h_num { display: table-cell; vertical-align: top; } .flow_manual .flow_manual__h .flow_manual__h_txt { display: table-cell; padding-left: 13px; vertical-align: middle; font-size: 114.28571%; font-weight: 700; } .flow_manual .flow_manual__b { margin-left: 32px; } .flow_manual .flow_manual__b .text-note { font-size: 85.71429%; } /* flow_repair -----------------------------------*/ .flow_repair { overflow: hidden; margin-bottom: 20px; } .flow_repair_block { position: relative; float: left; width: 115px; margin-right: 23px; margin-bottom: 10px; border: 1px solid #dadada; border-radius: 8px; text-align: center; } .flow_repair_block:before { content: ""; display: block; position: absolute; left: -18px; top: 50%; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 12px; border-color: transparent transparent transparent #039; margin: -17px 0 0 0; } .flow_repair_block:last-child { margin-right: 0; } .flow_repair-text { height: 48px; padding: 8px; border-radius: 8px 8px 0 0; background-color: #eee; font-weight: bold; } .flow_repair-text-l01 { height: 40px; padding-top: 18px; } .flow_repair-img { display: block; padding: 10px 10px 8px; } @media screen and (max-width: 767px) { .flow_repair { padding-left: 0; } .flow_repair_block { display: table; float: none; width: 99%; height: auto; margin-right: 0; margin-bottom: 22px; } .flow_repair_block:last-child { margin-bottom: 0; } .flow_repair_block:before { left: 50%; top: -17px; border-width: 12px 23px 0 23px; border-color: #039 transparent transparent transparent; margin: 0 0 0 -23px; } .flow_repair-text { display: table-cell; float: none; width: 60%; border-radius: 8px 0 0 8px; vertical-align: middle; } .flow_repair-text-l01 { padding-top: 8px; } .flow_repair-img { display: table-cell; float: none; width: 40%; padding: 8px; vertical-align: middle; } .flow_repair-img img { margin: auto; width: 50%; height: auto; } } /* flow_type -----------------------------------*/ .flow_type { display: flex; column-gap: 20px; margin-bottom: 40px; } .flow_type_title { margin-bottom: 0.25em; font-size: 120%; font-weight: 700; text-align: center; } .flow_type > div { padding: 10px 0; border: 1px solid #ccc; } .flow_type .flow_type-1 { width: calc( 75% - 10px ); } .flow_type .flow_type-2 { width: calc( 25% - 10px ); } .flow_type .flow_items { display: flex; column-gap: 10px; } .flow_type .flow_items .flow_item { position: relative; margin: auto; padding: 10px; text-align: center; box-sizing: border-box; } .flow_type .flow_type-1 .flow_items .flow_item { width: calc( 33.3% - 5px ); } .flow_type .flow_type-2 .flow_items .flow_item { width: 100%; } .flow_type .flow_items .flow_item::before { position: absolute; content: ""; height: 95%; width: 1px; display: block; background-color: #ccc; left: -5px; top: 2.5%; } .flow_type .flow_items .flow_item:first-child::before { content: unset; } .flow_type .flow_items .flow_item .flow_item-img { width: 100%; margin-top: 10px; } @media screen and (max-width: 767px) { .flow_type { flex-direction: column; row-gap: 20px; margin-bottom: 30px; } .flow_type_title { margin-bottom: 0.25em; font-size: 120%; font-weight: 700; text-align: center; } .flow_type .flow_type-1 { width: 100%; } .flow_type .flow_type-2 { width: 100%; } .flow_type .flow_items { flex-direction: column; row-gap: 10px; } .flow_type .flow_type-1 .flow_items .flow_item { width: 100%; } .flow_type .flow_type-2 .flow_items .flow_item { width: 100%; } .flow_type .flow_items .flow_item { display: flex; column-gap: 5px; } .flow_type .flow_items .flow_item::before { position: absolute; content: ""; height: 1px; width: 95%; display: block; background-color: #ccc; top: -5px; left: unset; } .flow_type .flow_items .flow_item .flow_item-txt { width: calc(50% - 2.5px); } .flow_type .flow_items .flow_item .flow_item-img { width: calc(50% - 2.5px); } } /** * * from_casio_members * */ /* from_casio_members -----------------------------------*/ .from_casio_members_box { *zoom: 1; border-top: 1px dotted #cccccc; padding: 25px 0; } .from_casio_members_box:before, .from_casio_members_box:after { content: " "; display: table; } .from_casio_members_box:after { clear: both; } .from_casio_members_box .from_casio_members_box__gp01 { float: left; width: 530px; } .from_casio_members_box .from_casio_members_box__gp02 { float: right; width: 322px; } .from_casio_members_box .from_casio_members_box__num { display: table-cell; vertical-align: top; padding: 0 10px 0 0; } .from_casio_members_box .from_casio_members_box__data { display: table-cell; vertical-align: top; font-size: 114.28571%; font-weight: bold; padding: 3px 0 0; } .from_casio_members_box .from_casio_members_box__img { border: 1px solid #e2e2e2; } @media screen and (max-width: 767px) { .from_casio_members_box { padding: 20px 0; } .from_casio_members_box .from_casio_members_box__gp01 { float: none; width: auto; margin: 0 0 15px; } .from_casio_members_box .from_casio_members_box__gp02 { float: none; width: auto; } .from_casio_members_box .from_casio_members_box__num { display: table-cell; vertical-align: top; padding: 0 10px 0 0; } .from_casio_members_box .from_casio_members_box__data { display: table-cell; vertical-align: top; font-size: 114.28571%; font-weight: bold; } .from_casio_members_box .from_casio_members_box__img { border: 1px solid #e2e2e2; } .from_casio_members_box .from_casio_members_box__img img { width: 100%; } } /** * * print * */ /* print -----------------------------------*/ .print div { font-size: 16px; } .contents--print { line-height: 1.3; } .print_header_btn { text-align: right; margin: 50px 0 30px; } @media print { .print_header_btn { display: none; } .contents--print .print_header { margin-bottom: 12px !important; } .contents--print .print_header .print_header__no_h { width: 150px; } .contents--print .section { margin-bottom: 15px !important; } .contents--print .section.cutoff .stamp__h { letter-spacing: 15px; } .contents--print div { font-size: 12px; } .contents--print div [class*="h-"] { font-size: 14px !important; } .contents--print .dataview .dataview__h , .contents--print .dataview .dataview__b { padding: 4px 5px !important; } .contents--print .dataview .dataview__h { width: 120px !important; } .contents--print .dataview .dataview__b .dataview_warranty_status br { display: none; } } .print_header { *zoom: 1; margin: 0 0 20px; } .print_header:before, .print_header:after { content: " "; display: table; } .print_header:after { clear: both; } .print_header .print_header__date { font-size: 92.85714%; margin: 0 0 10px; } .print_header .print_header__title { font-size: 135.71429%; line-height: 1.5; } .print_header .print_header__ico { font-size: 89.47368%; line-height: 1.5; border: 1px solid #cccccc; display: inline-block; padding: 1px 5px; } .print_header .print_header__gp01 { float: left; width: 465px; } .print_header .print_header__gp02 { float: right; width: 480px; } .print_header .print_header__no { display: table; border-collapse: collapse; border: 1px solid #dadada; } .print_header .print_header__no_h { display: table-cell; border: 1px solid #dadada; vertical-align: middle; background: #eeeeee; text-align: center; padding: 8px 10px; width: 150px; } .print_header .print_header__no_b { display: table-cell; border: 1px solid #dadada; vertical-align: middle; padding: 8px 10px; text-align: center; width: 330px; } .contents--print .h-title { margin: 0 0 18px; position: relative; } .contents--print .h-title img.logo { position: absolute; left: 0; top: 50%; margin-top: -10px; } .contents--print .h-01 { margin: 0 0 8px; font-size: 128.57143%; padding: 0 0 0 8px; } .contents--print .h-02 { margin: 0 0 8px; font-size: 114.28571%; padding: 0 0 0 4px; } .contents--print .section { margin: 0 0 17px; } .contents--print .dataview__container { border: 1px solid #dadada; } .contents--print .dataview { display: table; width: 100%; } .contents--print .dataview:first-child { border-top: 0; } .contents--print .dataview .dataview__h { background: #eeeeee; padding: 8px 10px; } .contents--print .dataview .dataview__b { padding: 8px 10px; } .contents--print .dataview--span:first-child { border-top: 0; } .contents--print .dataview_warranty_status li { margin: 0 0 5px; } .contents--print .tb-calc { margin: 0; } .contents--print .tb-calc th, .contents--print .tb-calc td { padding: 5px 10px; } .g-footer--print { max-width: 960px; width: 960px; margin: 0 auto; padding: 0 0 40px; text-align: right; } .g-footer--print .g-footer--print__title { font-size: 135.71429%; line-height: 1.5; } .g-footer--print .g-footer--print__ico { font-size: 89.47368%; line-height: 1.5; border: 1px solid #cccccc; display: inline-block; padding: 1px 5px; } @media print { .g-footer--print { position: absolute; width: 960px; right: 0; bottom: 3px; text-right: left; padding: 0; } } /** * * entrance * */ /* entrance_section -----------------------------------*/ .entrance_section { margin: 0 0 50px; border-bottom: 1px dotted #cccccc; } .entrance_section--last { border-bottom: 0; } @media screen and (max-width: 767px) { .entrance_section { margin: 0 10px 20px; } } /* entrance_box -----------------------------------*/ .entrance_box { margin: 30px 35px; } @media screen and (max-width: 767px) { .entrance_box { margin: 0 0 30px; } } /* entrance_repear -----------------------------------*/ .entrans_repaer_bl { margin: 0 0 30px; } .entrans_repaer_bl .entrans_repaer_bl__line { *zoom: 1; } .entrans_repaer_bl .entrans_repaer_bl__line:before, .entrans_repaer_bl .entrans_repaer_bl__line:after { content: " "; display: table; } .entrans_repaer_bl .entrans_repaer_bl__line:after { clear: both; } .entrans_repaer_bl .entrans_repaer_bl__line .entrans_repaer_bl__line_num { width: 30px; float: left; } .entrans_repaer_bl .entrans_repaer_bl__line .entrans_repaer_bl__line_txt { overflow: hidden; } .entrans_repaer_bl .entrans_repaer_bl__box { margin: 0 0 0 30px; font-size: 92.85714%; } .entrans_repaer_bl .entrans_repaer_bl01__box { margin: 25px 0 0 30px; position: relative; } .entrans_repaer_bl .entrans_repaer_bl01__txt01 { position: absolute; top: 0; left: 350px; } .entrans_repaer_bl .entrans_repaer_bl01__txt02 { position: absolute; top: 55px; left: 350px; } @media screen and (max-width: 767px) { .entrans_repaer_bl { margin: 0 0 30px; } .entrans_repaer_bl .entrans_repaer_bl__line { *zoom: 1; } .entrans_repaer_bl .entrans_repaer_bl__line:before, .entrans_repaer_bl .entrans_repaer_bl__line:after { content: " "; display: table; } .entrans_repaer_bl .entrans_repaer_bl__line:after { clear: both; } .entrans_repaer_bl .entrans_repaer_bl__line .entrans_repaer_bl__line_num { width: 30px; float: left; } .entrans_repaer_bl .entrans_repaer_bl__line .entrans_repaer_bl__line_txt { overflow: hidden; } .entrans_repaer_bl .entrans_repaer_bl__box { margin: 10px 0 0 30px; } .entrans_repaer_bl .entrans_repaer_bl01__box { margin: 10px 0 0 0; position: relative; } .entrans_repaer_bl .entrans_repaer_bl01__txts { *zoom: 1; margin: 10px 0 0; } .entrans_repaer_bl .entrans_repaer_bl01__txts:before, .entrans_repaer_bl .entrans_repaer_bl01__txts:after { content: " "; display: table; } .entrans_repaer_bl .entrans_repaer_bl01__txts:after { clear: both; } .entrans_repaer_bl .entrans_repaer_bl01__txt01 { position: static; width: 46.66667%; float: left; } .entrans_repaer_bl .entrans_repaer_bl01__txt02 { position: static; width: 46.66667%; float: right; } .entrans_repaer_bl02 { margin: 0; } } /** * * add * */ /* qrcode -----------------------------------*/ .qrcode { border: #dadada solid 1px; box-sizing: border-box; display: table-cell; text-align: center; vertical-align: middle; } .qrcode .cap { padding: 8px 0 0; font-size: 78.57143%; } @media screen and (max-width: 767px) { .qrcode { display: table; width: 100%; border: #dadada solid 1px; margin: 10px 0 0; float: none; } .qrcode .cap { box-sizing: border-box; padding: 8px 0 0; font-size: 85.71429%; } } /* contentsimg --------------------------------------- */ .contentsimg { padding: 30px 0 0; font-size: 116.66667%; } .contentsimg img { max-width: 80%; } @media screen and (max-width: 767px) { .contentsimg { padding: 15px 0 0; } #contentsimg { padding: 0 !important; } } .flow05 { width: 150px; margin: auto; } @media screen and (max-width: 767px) { .flow05 { width: 40%; } }