@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Oswald); /*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */ /* Normalization */ audio:not([controls]) { display: none; /* Chrome 44-, iOS 8+, Safari 9+ */ } button { -webkit-appearance: button; /* iOS 8+ */ overflow: visible; /* Internet Explorer 11- */ } details { display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */ } html { -ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */ overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ } input { -webkit-border-radius: 0; } input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* iOS 8+ */ } input[type="number"] { width: auto; /* Firefox 36+ */ } input[type="search"] { -webkit-appearance: textfield; /* Chrome 45+, Safari 9+ */ } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Chrome 45+, Safari 9+ */ } main { display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */ } pre { overflow: auto; /* Internet Explorer 11- */ } progress { display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */ } small { font-size: 75%; /* All browsers */ } summary { display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */ } svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ } template { display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */ } textarea { overflow: auto; /* Edge 12+, Internet Explorer 11- */ } [hidden] { display: none; /* Internet Explorer 10- */ } /* Universal inheritance */ *, :before, :after { -webkit-box-sizing: inherit; box-sizing: inherit; } * { font-size: inherit; line-height: inherit; } :before, :after { text-decoration: inherit; vertical-align: inherit; } /* Opinionated defaults */ /* specify the border style and width of all elements */ *, :before, :after { border-style: solid; border-width: 0; } /* specify the core styles of all elements */ * { background-repeat: no-repeat; margin: 0; padding: 0; } /* specify the root styles of the document */ :root { background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; cursor: default; font: 100%/1.5 sans-serif; } /* specify the text decoration of anchors */ a { text-decoration: none; } /* specify the alignment of media elements */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* specify the background color of form elements */ button, input, select, textarea { background-color: transparent; } /* specify the inherited color and font of form elements */ button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; } /* specify the minimum height of form elements */ button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; } /* specify the font family of code elements */ code, kbd, pre, samp { font-family: monospace, monospace; } /* specify the list style of nav lists */ nav ol, nav ul { list-style: none; } /* specify the standard appearance of selects */ select { -moz-appearance: none; /* Firefox 40+ */ -webkit-appearance: none; } select::-ms-expand { display: none; /* Edge 12+, Internet Explorer 11- */ } select::-ms-value { color: currentColor; /* Edge 12+, Internet Explorer 11- */ } /* specify the border styling of tables */ table { border-collapse: collapse; border-spacing: 0; } /* specify the resizability of textareas */ textarea { resize: vertical; } /* specify the background color, font color, and drop shadow of text selections */ ::-moz-selection { background-color: #b3d4fc; /* required when declaring ::selection */ color: #ffffff; text-shadow: none; } ::selection { background-color: #b3d4fc; /* required when declaring ::selection */ color: #ffffff; text-shadow: none; } /* specify the progress cursor of updating elements */ [aria-busy="true"] { cursor: progress; } /* specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; } /* specify the style of visually hidden yet accessible elements */ [hidden][aria-hidden="false"] { clip: rect(0 0 0 0); display: inherit; position: absolute; } [hidden][aria-hidden="false"]:focus { clip: auto; } /* remove delay from tapping on clickable elements */ a, area, button, input, label, select, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; } :root, html, body { color: #3f3f3f; width: 100%; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", verdana, Sans-Serif; font-size: 15.5px; } @media (min-width: 376px) and (max-width: 414px) { :root, html, body { font-size: 15.45px; } } @media (min-width: 361px) and (max-width: 375px) { :root, html, body { font-size: 15.35px; } } @media (min-width: 321px) and (max-width: 360px) { :root, html, body { font-size: 15.25px; } } @media (max-width: 320px) { :root, html, body { font-size: 15px; } } @media (max-width: 767px) and (orientation: landscape) { :root, html, body { font-size: 14.5px; } } @media (min-width: 768px), print { :root, html, body { font-size: 16px; } } @media (min-width: 768px) and (max-width: 1079px) { :root, html, body { font-size: 13.5px; } } @media (min-width: 768px) and (max-width: 1079px) and (orientation: landscape) { :root, html, body { font-size: 13.5px; } } @media (min-width: 768px) and (max-width: 959px) { :root, html, body { font-size: 11.5px; } } @media (min-width: 768px) and (max-width: 959px) and (orientation: landscape) { :root, html, body { font-size: 11.5px; } } @media (min-width: 768px) and (max-width: 812px) { :root, html, body { font-size: 10.5px; } } @media (min-width: 768px) and (max-width: 812px) and (orientation: landscape) { :root, html, body { font-size: 10.5px; } } * { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; } small a { font-size: inherit; } li { list-style-type: none; } a { color: #c5b432; -webkit-transition: .3s; transition: .3s; word-break: break-all; } @media (hover: hover) { a:hover { text-decoration: none; color: #fbe256; opacity: 0.8; } } @media (hover: hover) { a img:hover { opacity: 0.8; } } p { margin-bottom: 0.75rem; } @media (min-width: 768px), print { p { margin-bottom: 1.5625rem; } } img { max-width: 100%; max-height: 100%; } figcaption { margin-top: 0.625rem; font-size: 90%; } main p, main ul, main ol, main dl { line-height: 1.6; } @media (min-width: 768px), print { main p, main ul, main ol, main dl { line-height: 1.9; } } @media (min-width: 768.02px) and (hover: hover) { a[href^='tel:'] { pointer-events: none; } } @font-face { font-family: 'fontello'; src: url("../font/fontello.eot?87335849"); src: url("../font/fontello.eot?87335849#iefix") format("embedded-opentype"), url("../font/fontello.woff2?87335849") format("woff2"), url("../font/fontello.woff?87335849") format("woff"), url("../font/fontello.ttf?87335849") format("truetype"), url("../font/fontello.svg?87335849#fontello") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?87335849#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-arrow14_double:before { content: '\25be'; } /* '▾' */ .icon-access03:before { content: '\e800'; } /* '' */ .icon-down-dir:before { content: '\e801'; } /* '' */ .icon-arrow03_right:before { content: '\e802'; } /* '' */ .icon-arrow03_left:before { content: '\e803'; } /* '' */ .icon-arrow14_double_up:before { content: '\e804'; } /* '' */ /* Animation example, for spinners */ .animate-spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .icon-arrow14_double:before { content: '\25be'; } /* '▾' */ .icon-access03:before { content: '\e800'; } /* '' */ .icon-down-dir:before { content: '\e801'; } /* '' */ .icon-arrow03_right:before { content: '\e802'; } /* '' */ .icon-arrow03_left:before { content: '\e803'; } /* '' */ .icon-arrow14_double_up:before { content: '\e804'; } /* '' */ .icon-arrow14_double { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '▾ '); } .icon-access03 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-down-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-arrow03_right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-arrow03_left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-arrow14_double_up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } [class^="icon-"], [class*=" icon-"] { font-family: 'fontello'; font-style: normal; font-weight: normal; /* fix buttons height */ line-height: 1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ } .icon-arrow14_double { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '▾ '); } .icon-access03 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-down-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-arrow03_right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-arrow03_left { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-arrow14_double_up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } @font-face { font-family: 'fontello'; src: url("../font/fontello.eot?14883995"); src: url("../font/fontello.eot?14883995#iefix") format("embedded-opentype"), url("../font/fontello.svg?14883995#fontello") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontello'; src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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") format("truetype"); } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?14883995#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-arrow14_double:before { content: '\25be'; } /* '▾' */ .icon-access03:before { content: '\e800'; } /* '' */ .icon-down-dir:before { content: '\e801'; } /* '' */ .icon-arrow03_right:before { content: '\e802'; } /* '' */ .icon-arrow03_left:before { content: '\e803'; } /* '' */ .icon-arrow14_double_up:before { content: '\e804'; } /* '' */ .icon-link { position: relative; } .icon-link::before { margin: 0; position: absolute; } .icon-link::before { font-size: 1.4375rem; right: 1.875rem; top: 1.5625rem; color: #c5b432; } @media (hover: hover) { .icon-link:hover::before { color: #fff; } } .l_col { padding: 0 0.625rem; } @media (min-width: 768px), print { .l_col { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } .l_col_i { padding: 0 1.40625rem; } @media (min-width: 768px), print { .l_col_i { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 10.625rem; max-width: 1340px; } } .l_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto; } .l_col2 > :last-child { margin-bottom: 0 !important; } .l_col2 > * { margin-bottom: 1.875rem; width: 75%; margin-left: auto; margin-right: auto; } @media (min-width: 768px), print { .l_col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .l_col2 > * { width: 48%; margin-right: calc(100% - 48%*2); } .l_col2 > :nth-child(2n + 2) { margin-right: 0; } .l_col2 > :nth-last-child(-n+2) { margin-bottom: 0; } } .time_tbl { table-layout: auto; width: 100%; text-align: center; background-color: #f5f5f5; } .time_tbl th, .time_tbl td { line-height: 1; padding: 0.9375rem 0.0625rem; } .time_tbl tr { border-bottom: 1px solid #fff; } .time_tbl th { font-weight: normal; } .time_tbl tr:first-of-type { background-color: #907660; } .time_tbl tr:first-of-type th { color: #fff; font-weight: bold; } .time_tbl tr:first-child th:last-child { padding-right: 0.625rem; padding-left: 0.25rem; white-space: nowrap; } .time_tbl td.beauty { background: #fec6d1; } .time_tbl tr:last-of-type { border-bottom: none; background-color: #fff; } .time_tbl tr:last-of-type td { padding: 0; padding-top: 0.5rem; line-height: 1.5; font-size: 0.8125rem; } @media (min-width: 768px), print { .time_tbl tr:last-of-type td { padding-top: 0.9375rem; } } .gmap { width: 100%; overflow: hidden; position: relative; padding-top: 65.1890482399%; } @media (min-width: 768px), print { .gmap { padding-top: 31.25rem; } } .gmap > iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } @media print { .gmap { overflow: hidden; } .gmap > iframe { bottom: 0; margin: auto 0; width: 100% !important; height: 100% !important; } } .map { padding-top: 129.4594594595%; background: url("../img/map.png") 50% 50%/100% 100% no-repeat; background-color: #eaf1f4; border-radius: 0.5rem; height: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } /* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/ .flexslider { max-width: 65%; margin: 0 auto; position: relative; } @media (min-width: 768px), print { .flexslider { max-width: 88.88%; } } @media (min-width: 768px) and (max-width: 1079px) { .flexslider { max-width: 85%; } } @media (min-width: 768px) and (max-width: 1079px) and (orientation: landscape) { .flexslider { max-width: 85%; } } @media (min-width: 768px) and (max-width: 959px) { .flexslider { max-width: 78%; } } @media (min-width: 768px) and (max-width: 959px) and (orientation: landscape) { .flexslider { max-width: 80%; } } @media (min-width: 768px) and (max-width: 812px) { .flexslider { max-width: 72%; } } @media (min-width: 768px) and (max-width: 812px) and (orientation: landscape) { .flexslider { max-width: 75%; } } .flexslider .slides { zoom: 1; text-align: center; } .flexslider .slides img { height: auto; -moz-user-select: none; width: 100%; margin: 0 auto; display: block; margin-bottom: 0.3125rem; border: 0.1875rem solid #d9cf8c; } @media (min-width: 768px), print { .flexslider .slides img { margin-bottom: 0.625rem; } } .flexslider .slides span { display: inline-block; line-height: 1; padding-bottom: 0.1875rem; border-bottom: 0.0625rem solid #c5b432; font-size: 0.625rem; } @media (min-width: 768px), print { .flexslider .slides span { font-size: 1rem; } } @media (hover: hover) { .flexslider .slides li:hover a span { color: #3f3f3f; border-bottom-color: #3f3f3f; } } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } @-moz-document url-prefix() { .loading .flex-viewport { max-height: none; } } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; } .flex-direction-nav a:before { display: inline-block; } .flex-direction-nav .flex-prev { opacity: 1; left: -55px; background-image: url("../img/prev-btn2.png"); background-position: left top; background-repeat: no-repeat; background-size: 30px 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; } .flex-direction-nav .flex-next { text-align: right; opacity: 1; right: -55px; background-image: url("../img/next-btn2.png"); background-position: right top; background-repeat: no-repeat; background-size: 30px 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; /*left: 10px;*/ } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; /*right: 10px;*/ } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-nav { display: none; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .anchor_link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1.25rem 0.625rem 0.3125rem; background: #fdfaf8; margin-bottom: 30px; } @media (min-width: 768px), print { .anchor_link { padding: 1.25rem 2.5rem 0.9375rem; } } .anchor_link li a { display: inline-block; line-height: 1.1; position: relative; padding: 8px 11px 8px 25px; background: #a69281; color: #fff; border-radius: 0.375rem; margin: 0 6px 8px 0; } .anchor_link li a::before { content: ""; position: absolute; top: 30%; left: 12px; width: 6px; height: 6px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .anchor_link li a::after { content: ""; position: absolute; top: 45%; left: 12px; width: 6px; height: 6px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (hover: hover) { .anchor_link li a:hover { color: #fff; background: #c5b432; } .anchor_link li a:hover::before { border-bottom-color: #fff; border-right-color: #fff; } .anchor_link li a:hover::after { border-bottom-color: #fff; border-right-color: #fff; } } label { cursor: pointer; } .mailformpro { margin-bottom: 2.5rem; width: 98%; margin: 0 auto; } @media (min-width: 768px), print { .mailformpro { margin-bottom: 5rem; } } @media (min-width: 768px), print { .mailformpro { table-layout: fixed; width: 100%; } } .mailformpro th, .mailformpro td { display: block; width: 100%; } @media (min-width: 768px), print { .mailformpro th, .mailformpro td { display: table-cell; border-bottom: 1px solid #dcdcdc; } } @media (min-width: 768px), print { .mailformpro tr:first-of-type th:first-child, .mailformpro tr:first-of-type td:last-child { border-top: 1px solid #dcdcdc; } } .mailformpro th { text-align: left; background: #f5f5f5; line-height: 1.2; font-weight: bold; padding: 0.5rem 0.4375rem; } @media (min-width: 768px), print { .mailformpro th { width: 25%; padding: 1.5625rem 1.25rem; } } .mailformpro th label { display: block; position: relative; } .mailformpro td { width: 100%; padding: 0.75rem 0 1.5625rem; } @media (min-width: 768px), print { .mailformpro td { padding: 0.8125rem 1.25rem; width: 75%; } } .mailformpro td dt { margin-bottom: 0.3125rem; } .mailformpro td dd + dt { margin-top: 1.25rem; } .mailformpro td label { display: inline-block; vertical-align: middle; } .mailformpro_control { display: block; height: 34px; padding: 6px 12px; margin-bottom: 0.625rem; background: #fff; border: 1px solid #ccc; border-radius: 4px; width: 100%; } @media (min-width: 768px), print { .mailformpro_control { width: 60%; margin-bottom: 0; } } .mailformpro .textarea { margin-bottom: 0.625rem; width: 100% !important; height: 6.25rem !important; } @media (min-width: 768px), print { .mailformpro .textarea { width: 60% !important; height: 9.375rem !important; } } .mailformpro .w10 { display: inline-block; width: 20%; } @media (min-width: 768px), print { .mailformpro .w10 { width: 10%; } } .mailformpro .w15 { display: inline-block; width: 30%; } @media (min-width: 768px), print { .mailformpro .w15 { width: 15%; } } .mailformpro .w25 { display: inline-block; width: 100%; } @media (min-width: 768px), print { .mailformpro .w25 { width: 25%; } } .mailformpro .name { display: inline-block; width: calc(100% - 2.5em); margin-bottom: 0.625rem; } @media (min-width: 768px), print { .mailformpro .name { width: 25.8%; margin-bottom: 0; } } .mailformpro .zenkaku { display: inline-block; width: calc(100% - 3em); margin-bottom: 0.625rem; } @media (min-width: 768px), print { .mailformpro .zenkaku { width: 23.8%; margin-bottom: 0; } } .mailformpro .kana { display: inline-block; width: calc(100% - 3em); margin-bottom: 0.625rem; } @media (min-width: 768px), print { .mailformpro .kana { width: 23.8%; margin-bottom: 0; } } .mailformpro .type_tel { display: inline-block; width: calc(100% - 2.5rem); margin-bottom: 0.625rem; } @media (min-width: 768px), print { .mailformpro .type_tel { width: 23.8%; margin-bottom: 0; } } .mailformpro .age { display: inline-block; width: calc(100% - 2.5rem); margin-bottom: 0.625rem; } @media (min-width: 768px), print { .mailformpro .age { width: 23.8%; margin-bottom: 0; } } .mailformpro .tdhk, .mailformpro .select_tdhk { display: inline-block; width: calc(100% - 100px); margin-bottom: 0.3125rem; } @media (min-width: 768px), print { .mailformpro .tdhk, .mailformpro .select_tdhk { width: 45%; } } .mailformpro .select_tdhk .select_box .mailformpro_control { margin-bottom: 0; } .label_w, .label_ws { margin-right: 10px; } @media (min-width: 768px), print { .label_ws { margin-left: 10px; } } .label_tdhk { margin-right: .5rem; width: 80px; } @media (min-width: 768px), print { .label_tdhk { width: 100px; } } .must { color: #fff; background: #e21448; display: inline-block; padding: 0.3125rem; font-size: 0.75rem; margin-left: 10px; margin-top: 0; } @media (min-width: 768px), print { .must { margin-top: 7px; margin-left: 0; font-size: 0.875rem; } } .mailformpro_btn, .mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev { display: inline-block; position: relative; font-size: 1rem; font-weight: bold; padding: 10px 30px 5px 15px; border-bottom: 4px solid #dedede; color: #fff; background: #13489d; cursor: pointer; outline: none; } .mailformpro_btn::before, .mfp_element_submit::before, .mfp_element_reset::before, .mfp_element_button::before, button.mfp_next::before, button.mfp_prev::before { display: block; position: relative; content: ''; position: absolute; top: 1.1rem; right: 10px; width: 9px; height: 6px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff; } @media (min-width: 768px), print { .mailformpro_btn::before, .mfp_element_submit::before, .mfp_element_reset::before, .mfp_element_button::before, button.mfp_next::before, button.mfp_prev::before { top: 45%; } } @media (hover: hover) { .mailformpro_btn:hover, .mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover, button.mfp_next:hover, button.mfp_prev:hover { opacity: 0.8; -webkit-box-shadow: 0px 2px 15px #CCC; box-shadow: 0px 2px 15px #CCC; color: #fff; } } @media (min-width: 768px), print { .mailformpro_btn, .mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev { font-size: 1.25rem; padding: 15px 50px 15px 45px; } } .privacy_policy { border: 1px solid #dcdcdc; padding: 10px 15px; margin-bottom: 40px; } @media (min-width: 768px), print { .privacy_policy { padding: 30px 50px; } } .privacy_policy dd { margin-bottom: 15px; } .privacy_policy h2 { font-size: 1rem; } @media (min-width: 768px), print { .privacy_policy h2 { font-size: 1.3rem; margin-bottom: 15px; } } .tdhk_box { display: table; table-layout: fixed; width: 100%; line-height: 1; } @media (min-width: 768px), print { .tdhk_box { display: block; } } .select_box { display: block; width: 100%; position: relative; } @media (min-width: 768px), print { .select_box { display: inline-block; } } .select_box .mailformpro_control { width: 100%; } .select_box::before { content: ''; position: absolute; z-index: 0; bottom: 1px; right: 1px; background: #ccc; height: 32px; width: 30px; } .select_box::after { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; margin: auto; right: 9px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent; } .mailformpro_control_txt { font-size: 85%; margin-top: 0.625rem; line-height: 1.3; } .privacy { border: 1px solid #dcdcdc; padding: 0.75rem 0.9375rem; overflow-y: scroll; height: 15.625rem; } @media (min-width: 768px), print { .privacy { padding: 1.5625rem 1.875rem; } } .privacy .tit { font-size: 1.125rem; margin-bottom: 0.3125rem; } @media (min-width: 768px), print { .privacy .tit { font-size: 1.25rem; } } .privacy section { margin-bottom: 1.25rem; } .privacy .kkm { margin-top: 0.625rem; padding: 0.625rem 0.9375rem; } @media (min-width: 768px), print { .privacy .kkm { padding: 1.25rem 1.5625rem; } } .cf::before, .cf::after { content: ''; display: block; clear: both; } .fl_l { float: left; } .fl_r { float: right; } .txt_c { text-align: center; } .txt_l { text-align: left; } .txt_r { text-align: right; } .txt_pink { color: #fec6d1; } .img_c { display: block; text-align: center; margin-left: auto; margin-right: auto; max-width: 75%; } @media (min-width: 768px), print { .img_c { max-width: none; } } .img_l, .img_r { display: block; height: auto; text-align: center; margin: 0 auto; margin-bottom: 1.875rem; } @media (min-width: 768px), print { .img_l, .img_r { margin-bottom: 3.75rem; } } @media (min-width: 768px), print { .img_l, .img_r { margin-top: 0.3125rem; margin-bottom: 0.9375rem; } } .img_l, .img_r { max-width: 75%; } @media (min-width: 768px), print { .img_l { float: left; margin-right: 3%; } .img_r { float: right; margin-left: 3%; } .img_l, .img_r { max-width: 27%; } .img_l_txt { margin-left: 30%; } .img_r_txt { width: 70%; } } .ph_l, .ph_r { display: block; height: auto; text-align: center; margin: 0 auto; margin-bottom: 1.875rem; } @media (min-width: 768px), print { .ph_l, .ph_r { margin-bottom: 3.75rem; } } @media (min-width: 768px), print { .ph_l, .ph_r { margin-top: 0.625rem; margin-bottom: 0.9375rem; } } .ph_l, .ph_r { max-width: 55%; } @media (min-width: 768px), print { .ph_l { float: left; margin-right: 1%; } .ph_r { float: right; margin-left: 1%; } .ph_l, .ph_r { max-width: 25%; } .ph_l_txt { margin-left: 26%; } .ph_r_txt { width: 74%; } } .bn_c { display: block; text-align: center; max-width: 100%; } .bn_c img { max-width: 100%; height: auto; } .bn_col { display: block; text-align: center; padding: 0 0.625rem; max-width: 100%; } @media (min-width: 768px), print { .bn_col { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } .sp_n { display: none; } @media (min-width: 768px), print { .sp_n { display: block; } .pc_n { display: none; } } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .tit_01 { color: #3f3f3f; font-size: 1.5rem; font-weight: 500; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; line-height: 1.2; text-align: center; } @media (min-width: 768px), print { .tit_01 { font-size: 1.625rem; } } @media (min-width: 768px), print { .tit_01 { line-height: 1; } } .tit_02 { font-size: 1.375rem; margin-bottom: 1.25rem; line-height: 1.2; text-align: center; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; font-weight: 400; color: #a69281; padding-top: 0.3125rem; position: relative; } @media (min-width: 768px), print { .tit_02 { font-size: 2.625rem; } } @media (min-width: 768px), print { .tit_02 { margin-bottom: 2.5rem; } } @media (min-width: 768px), print { .tit_02 { padding-top: 0.9375rem; } } .tit_02::before { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 5rem; height: 0.125rem; background: #f0eae5; content: ''; } @media (min-width: 768px), print { .tit_02::before { width: 10rem; } } body.index .tit_02 { font-family: 'Oswald', sans-serif; color: #f0eae5; margin-bottom: 1.5625rem; } @media (min-width: 768px), print { body.index .tit_02 { margin-bottom: 2.8125rem; } } body.index .tit_02 span { display: block; font-size: 0.9375rem; margin-top: 0.375rem; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #3f3f3f; margin-left: 0.625rem; } @media (min-width: 768px), print { body.index .tit_02 span { font-size: 1.125rem; margin-top: 0.625rem; letter-spacing: 0.1875rem; margin-left: 0; } } .tit_03 { font-size: 1.25rem; margin-bottom: 0.9375rem; font-weight: 500; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #a69281; background: #fdfaf8; line-height: 1.2; padding: 0.4375rem 1.0625rem 0.375rem; position: relative; } @media (min-width: 768px), print { .tit_03 { font-size: 1.625rem; } } @media (min-width: 768px), print { .tit_03 { margin-bottom: 1.875rem; } } @media (min-width: 768px), print { .tit_03 { padding: 0.9375rem 2.1875rem 0.75rem; } } .tit_03::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; width: 0.625rem; height: 0.625rem; background: #f0eae5; content: ''; } @media (min-width: 768px), print { .tit_03::after { width: 0.9375rem; height: 0.9375rem; } } .tit_04 { font-size: 1.125rem; margin-bottom: 0.9375rem; font-weight: 500; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #a69281; border-bottom: 0.0625rem solid #c5b432; line-height: 1; padding-bottom: 0.3125rem; padding-left: 0.0625rem; } @media (min-width: 768px), print { .tit_04 { font-size: 1.375rem; } } @media (min-width: 768px), print { .tit_04 { margin-bottom: 1.875rem; } } @media (min-width: 768px), print { .tit_04 { padding-bottom: 0.625rem; padding-left: 0.125rem; } } .tit_05 { font-size: 1rem; font-weight: 500; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #a69281; line-height: 1; border-bottom: 4px dotted #f0eae5; margin-bottom: 0.3125rem; padding-bottom: 0.625rem; } @media (min-width: 768px), print { .tit_05 { font-size: 1.125rem; } } @media (min-width: 768px), print { .tit_05 { margin-bottom: 0.625rem; } } .tit_06 { font-size: 1rem; font-weight: 500; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #c5b432; margin-bottom: 0.3125rem; } @media (min-width: 768px), print { .tit_06 { font-size: 1.125rem; } } @media (min-width: 768px), print { .tit_06 { margin-bottom: 0.625rem; } } .kkm { padding: 1.25rem 0.9375rem; background: #f5f5f5; } .kkm > :last-child { margin-bottom: 0; } @media (min-width: 768px), print { .kkm { padding: 2.1875rem 2.8125rem; } } .disc li, .disc_txt { margin-left: 1rem; margin-bottom: 0.625rem; position: relative; } .disc li::before, .disc_txt::before { display: block; content: ''; position: absolute; top: .75em; left: -.7rem; width: 0.25rem; height: 0.25rem; background-color: currentColor; border-radius: 50%; } .disc > :last-child { margin-bottom: 0 !important; } .disc_txt { display: block; } li.disc_n { margin-left: 0; } li.disc_n::before { content: none; } .suj { counter-reset: number; margin-left: 2.5px; } .suj li { position: relative; line-height: 1.4em; margin-top: 5px; padding-left: 25px; } @media (min-width: 768px), print { .suj li { padding-left: 35px; } } .suj li:first-child { margin-top: 0; } .suj li::before { position: absolute; left: .2rem; counter-increment: number; content: counter(number) "."; font-weight: 500; } @media (min-width: 768px), print { .suj li::before { left: .3rem; } } .suj li:nth-child(n+10)::before { left: 0; } .dot > *, .dot_txt, .dot_inline > *, .dot_inline_lnk > * { line-height: 1.5 !important; margin-left: 1.875rem; position: relative; } .dot > *::before, .dot_txt::before, .dot_inline > *::before, .dot_inline_lnk > *::before { display: block; content: ''; position: absolute; top: 0.1875rem; left: -1.875rem; width: 1.125rem; height: 1.125rem; background-color: #fbe256; border-radius: 50%; } .dot_inline > *, .dot_inline_lnk > * { margin-left: 1.375rem; display: inline-block; line-height: 2.2 !important; margin-right: 0.5rem; } .dot_inline > *::before, .dot_inline_lnk > *::before { top: 0.75rem; left: -1.375rem; } @media (min-width: 768px), print { .dot_inline > *::before, .dot_inline_lnk > *::before { top: 0.625rem; } } .dot_inline_lnk a, .dot_inline_lnk > * a.scr { text-decoration: underline !important; } @media (hover: hover) { .dot_inline_lnk a:hover, .dot_inline_lnk > * a.scr:hover { text-decoration: none !important; } .dot_inline_lnk a:hover::before, .dot_inline_lnk > * a.scr:hover::before { background-color: #fbe256; } } .dot_txt { display: block; } .dot > :last-child { margin-bottom: 0 !important; } .dot > *, .dot_txt { margin-bottom: 0.5rem; } @media (min-width: 768px), print { .dot > *, .dot_txt { margin-bottom: 0.625rem; } } .dot_n { margin-left: 0; } .dot_n::before { content: none; } .red { color: red; } .km, .km_lst li { text-indent: -1.5rem; padding-left: 1.5rem; } .km::before, .km_lst li::before { content: '※'; margin-right: .5rem; } .ol_lst li { list-style: decimal; margin-left: 1.5rem; } .km { display: block; } .bold { font-weight: bold !important; } .t_dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .t_dl dt { width: 5em; } @media (min-width: 768px), print { .t_dl dt { width: 5em; } } .t_dl dd { width: calc(100% - 5em); } @media (min-width: 768px), print { .t_dl dd { width: calc(100% - 5em); } } .btn { display: inline-block; line-height: 1; color: #907660; background-color: #f0eae5; -webkit-transition: .3s; transition: .3s; word-break: break-all; border: 0.125rem solid #cdb7a4; padding: 0.625rem 1.25rem; padding-right: 1.5625rem; position: relative; } @media (hover: hover) { .btn:hover { text-decoration: none; color: #f79522; background-color: #fff; opacity: 0.8; } } .btn::after, .btn::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #d4c341; border-right: 0.125rem solid #d4c341; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .btn::after { right: 0.5rem; } @media (min-width: 768px), print { .btn::after { right: 0.75rem; } } .btn::before { right: 0.75rem; } @media (min-width: 768px), print { .btn::before { right: 1.0625rem; } } @media (hover: hover) { .btn:hover { color: #c5b432; } } .arrowLL_r { display: block; line-height: 1.2; padding-left: 15px; position: relative; } .arrowLL_r::after, .arrowLL_r::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .arrowLL_r::after { left: 0; } .arrowLL_r::before { left: 4px; } @media (hover: hover) { .arrowLL_r:hover { text-decoration: underline; } } .tbl_price, .tbl_treatment { width: 100%; } .tbl_price th, .tbl_treatment th, .tbl_price td, .tbl_treatment td { padding: 0.625rem 0.5rem; border: 1px solid #cccccc; } @media (min-width: 768px), print { .tbl_price th, .tbl_treatment th, .tbl_price td, .tbl_treatment td { padding: 1.25rem 0.9375rem; } } .tbl_price th, .tbl_treatment th { font-weight: normal; text-align: left; } .tbl_price { width: 100%; table-layout: fixed; } .tbl_price th { width: 70%; background-color: #fcfcfc; } @media (min-width: 768px), print { .tbl_price th { width: 75%; } } .tbl_price td { word-break: break-all; } .tbl_price td span { display: inline-block; font-size: inherit; } .tbl_treatment { width: 100%; table-layout: fixed; } .tbl_treatment th { width: 40%; background-color: #fcfcfc; } @media (min-width: 768px), print { .tbl_treatment th { width: 40%; } } .tbl_treatment td { word-break: break-all; } .tbl_treatment td span { display: inline-block; font-size: inherit; } .tbl_treatment .head { background-color: #fdfaf8; } .col_ye { color: #c5b432; font-size: 1.3em; } .tre_ttl { font-size: 1.1rem; color: #a69281; font-weight: bold; margin: 0 0 5px 5px !important; } @media (min-width: 768px), print { .tre_ttl { font-size: 1.2rem; } } .logo { max-width: 36.5rem; margin-bottom: 0.9375rem; } @media (min-width: 768px), print { .logo { width: 100%; margin-bottom: 0; margin-left: auto; margin-right: auto; } } .logo a { display: block; background: url("../img/logo.png") 50% 50%/contain no-repeat border-box; height: 0; padding-top: 8.904109589%; text-indent: 100%; white-space: nowrap; overflow: hidden; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .logo a { background: url("../img/logo@2x.png") 50% 50%/contain no-repeat border-box; } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { .logo a { background: url("../img/logo@3x.png") 50% 50%/contain no-repeat border-box; } } .header { padding-top: 1.75rem; padding-bottom: 1.25rem; text-align: center; } @media (min-width: 768px), print { .header { padding-top: 1.875rem; padding-bottom: 1.5625rem; } } .header_main { width: 86%; margin-bottom: 1.25rem; } @media (min-width: 768px), print { .header_main { margin-bottom: 0.8125rem; width: auto; } } .header_sub_item > * { display: inline-block; } .header_sub_item .tel { background-color: #f0eae5; } @media (min-width: 768px), print { .header_sub_item .tel { margin-left: 1.25rem; } } .tel { display: inline-block; line-height: 1; font-size: 1.25rem; color: #3f3f3f; padding: 0.3125rem 0.625rem; } @media (min-width: 768px), print { .tel { font-size: 1.5rem; padding-right: 1.875rem; } } .tel_sub { font-size: 0.875rem; } @media (min-width: 768px), print { .tel_sub { font-size: 1.125rem; } } .ace { font-size: 0.75rem; } @media (min-width: 768px), print { .ace { font-size: 0.84375rem; } } .ace::before { color: #e04136; margin-right: 0.625rem; } #nav { position: fixed; z-index: 1030; top: 3.4375rem; right: 0px; width: 100%; } @media (min-width: 768px), print { #nav { position: static; } } .gnav { display: none; background: #c5b432; padding-left: 0.625rem; padding-right: 0.3125rem; padding-top: 0.625rem; padding-bottom: 0.375rem; } .gnav::before, .gnav::after { content: ''; display: block; clear: both; } @media (min-width: 768px), print { .gnav { background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; margin-bottom: 1.875rem; } .gnav::before, .gnav::after { content: none; } } .gnav .sp_global_nav_tit { width: calc(100% - 0.3125rem); background-color: #c5b432; border-top: 1px solid #332d28; text-align: center; } .gnav .sp_global_nav_tit a { color: #fff; font-size: 110%; line-height: 1; letter-spacing: 0.1875rem; margin-top: 0.25rem; margin-bottom: 0.25rem; padding-top: 0.5rem; padding-bottom: 0; } .gnav > * { display: block; background-color: #fff; width: calc(50% - 0.3125rem); margin-right: 0.3125rem; margin-bottom: 0.3125rem; float: left; } @media (min-width: 768px), print { .gnav > * { background-color: transparent; float: none; margin-right: 0; margin-bottom: 0; width: auto; } } .gnav > * a { display: block; text-align: center; line-height: 1; padding: 0.625rem 0; color: #3f3f3f; } @media (min-width: 768px), print { .gnav > * a { padding: 0.9375rem 1.5625rem; margin-left: 1px; } } @media (min-width: 768px), print { .gnav > :nth-child(n+8) { display: none; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { body.index .gnav > :first-child a, body.price .gnav > :nth-child(4) a, body.recruitment .gnav > :nth-child(7) a, a.sub.close, .gnav > * a:hover { color: #c5b432; } } .gnav > .treatment { display: none; } @media (min-width: 768px), print { .gnav > .treatment { display: block; position: relative; } .gnav > .treatment .subnav { display: none; position: absolute; z-index: 1000; width: 100%; left: 0; top: 100%; } .gnav > .treatment .subnav > li { border-bottom: 1px solid #d5d5d5; } .gnav > .treatment .subnav > li a { font-size: 0.875rem; background: #f0eae5; padding: 0; padding-top: 0.9375rem; padding-bottom: 0.9375rem; margin-left: 0; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { .gnav > .treatment .subnav > li a:hover { color: #fff; background: #c5b432; } .gnav > .treatment .subnav > li a:hover::after { content: none; } } .gnav > .treatment > a.sub::after { content: ''; display: inline-block; margin-left: 0.3125rem; width: 0.75rem; height: 0.4375rem; border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; border-top: 0.75rem solid #fbe256; border-bottom: 0 solid #fbe256; } @media (min-width: 768px), print { .gnav > .treatment > a.sub::after { border-top-color: #fbe256; border-bottom-color: #fbe256; } } .gnav > .treatment > a.sub.close::after { border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; border-top: 0 solid #fbe256; border-bottom: 0.75rem solid #fbe256; } @media (min-width: 768px), print { .gnav > .treatment > a.sub.close::after { border-top-color: #fbe256; border-bottom-color: #fbe256; } } .sp_btn { height: 30px; display: block; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'sans-serif'; position: relative; } .sp_btn > * { position: absolute; left: 0; right: 0; margin: auto; width: 2.0625rem; height: 0.25rem; background-color: currentColor; display: block; -webkit-transition: background-color 0.1s linear; transition: background-color 0.1s linear; } .sp_btn > :nth-of-type(1) { top: 10px; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .sp_btn > :nth-of-type(2) { top: 20px; } .sp_btn > :nth-of-type(2)::after { content: 'MENU'; font-weight: bold; font-size: 0.5625rem; display: block; margin-top: 0.40625rem; color: currentColor; } .sp_btn > :nth-of-type(3) { top: 0; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .sp_btn.active :nth-of-type(1) { top: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sp_btn.active :nth-of-type(2) { background-color: transparent; } .sp_btn.active :nth-of-type(2)::after { content: 'close'; font-weight: bold; font-size: 0.6875rem; color: currentColor; } .sp_btn.active :nth-of-type(3) { top: 40%; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media (min-width: 768px), print { .sp_btn { display: none; } } .mu { width: 3rem; text-align: center; position: fixed; z-index: 1030; top: 0.3125rem; right: 0.3125rem; padding-top: 0.5rem; padding-bottom: 0.75rem; background: rgba(255, 255, 255, 0.85) border-box; overflow: hidden; border-radius: .3rem; -webkit-box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0 0.5rem 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0 0.5rem 1rem rgba(0, 0, 0, 0.3); text-shadow: 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.15); } .mu::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: -10px -20px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); } .mu a { color: #3f3f3f; } @media (min-width: 768px), print { .mu { display: none; } } .sidebar_nav { line-height: 1; display: none; } .sidebar_nav li a { display: block; padding: 1.25rem 0; border-bottom: 1px dashed #dad4c5; color: #333; } #sidebar_nav section { margin-bottom: 3.125rem; } #sidebar_nav section:first-child .sidebar_nav { display: block; } .section { margin-bottom: 2.5rem; } @media (min-width: 768px), print { .section { margin-bottom: 5rem; } } .section_item { margin-bottom: 2.5rem; } @media (min-width: 768px), print { .section_item { margin-bottom: 5rem; } } .section_item:last-child { margin-bottom: 0; } .box_b { margin-bottom: 1.875rem; } @media (min-width: 768px), print { .box_b { margin-bottom: 3.75rem; } } .tit_b { margin-bottom: 1.25rem; } @media (min-width: 768px), print { .tit_b { margin-bottom: 2.5rem; } } .txt_b, .txt_ls > * { margin-bottom: 0.75rem; } @media (min-width: 768px), print { .txt_b, .txt_ls > * { margin-bottom: 1.5625rem; } } .last_b > :last-child, .txt_ls > :last-child { margin-bottom: 0 !important; } .overview { padding-bottom: 1.5625rem; } @media (min-width: 768px), print { .overview { padding-bottom: 3.125rem; } } .overview_head { background-color: #f0eae5; padding-top: 1.5625rem; padding-bottom: 0.75rem; margin-bottom: 1.5625rem; } @media (min-width: 768px), print { .overview_head { padding-top: 3.125rem; padding-bottom: 1.5625rem; margin-bottom: 3.125rem; } } .overview_head .adr { margin-top: 0.125rem; font-size: 0.75rem; } @media (min-width: 768px), print { .overview_head .adr { font-size: 0.84375rem; } } .gaiyo { text-align: center; line-height: 1; margin-bottom: 1.5625rem; } @media (min-width: 768px), print { .gaiyo { margin-bottom: 3.125rem; } } .gaiyo .tit { font-weight: bold; } .gaiyo_head { margin-bottom: 0.625rem; } @media (min-width: 768px), print { .gaiyo_head { margin-bottom: 1.25rem; } } .gaiyo_head * { display: inline-block; } .gaiyo_head .tit { margin-right: 0.625rem; } .gaiyo_foot * { display: inline-block; } .gaiyo_foot .tit { margin-right: 1.25rem; } .overview_inner .overviewL { width: 100%; margin-bottom: 1.875rem; } @media (min-width: 768px), print { .overview_inner .overviewL { width: 50%; margin-bottom: 0; } } .overview_inner .overviewR { width: 100%; } @media (min-width: 768px), print { .overview_inner .overviewR { width: 39.9%; } } .clinic_name .logo { margin: 0 auto; margin-bottom: 0.625rem; } @media (min-width: 768px), print { .clinic_name .logo { margin-bottom: 0.9375rem; } } .footer { padding-top: 1.25rem; border-top: 1px solid #d5d5d5; } @media (min-width: 768px), print { .footer { padding-top: 2.1875rem; } } .footer_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; margin-bottom: 0.625rem; } @media (min-width: 768px), print { .footer_nav:last-of-type { margin-bottom: 1.875rem; } } .footer_nav > * a { display: inline-block; padding: 0.5rem 0.375rem; font-size: 0.875rem; color: #3f3f3f; -webkit-transition: .3s; transition: .3s; word-break: break-all; } @media (hover: hover) { .footer_nav > * a:hover { text-decoration: none; color: #fbe256; opacity: 0.8; } } @media (min-width: 768px), print { .footer_nav > * a { padding: 0.3125rem 0.875rem; font-size: 1rem; } } .footer_copy { padding-bottom: 50px; } @media (min-width: 768px), print { .footer_copy { padding-bottom: 0; } } .copy { display: block; padding: 0.5rem; } @media (min-width: 768px), print { .copy { padding-top: 0; padding-bottom: 2.8125rem; } } .copy a { color: inherit; } .pageup { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url("../img/pagetop.png") center center/2.0833333333rem 2.0833333333rem no-repeat; width: 2.0833333333rem; height: 2.0833333333rem; } @media (min-width: 768px), print { .pageup { display: block; background-size: 3.125rem 3.125rem; width: 3.125rem; height: 3.125rem; } } #pageup { display: none; } @media (min-width: 768px), print { #pageup { position: fixed; z-index: 1030; margin: 0; width: auto; right: 1.875rem; bottom: 3.125rem; } } .pageup_sp { display: block; position: absolute; top: 10px; right: 6px; } .tel_up { position: fixed; bottom: 0; z-index: 1030; } @media (min-width: 768px), print { .tel_up { display: none; } } .tel_up_item { display: table; table-layout: fixed; width: 100%; height: 50px; padding-right: 0.625rem; padding-left: 0.625rem; background: rgba(255, 255, 255, 0.75) border-box; overflow: hidden; -webkit-box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3); } .tel_up_item::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: -10px -20px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); } .tel_up_item > * { display: table-cell; vertical-align: middle; } .tel_up_item > :first-child { width: 100%; } .tel_up_item > :first-child .tel { font-size: 1.75rem; min-height: 1.5625rem; } @media (min-width: 361px) and (max-width: 375px) { .tel_up_item > :first-child .tel { font-size: 1.625rem; } } @media (min-width: 321px) and (max-width: 360px) { .tel_up_item > :first-child .tel { font-size: 1.5625rem; } } @media (max-width: 320px) { .tel_up_item > :first-child .tel { font-size: 1.25rem; } } @media (min-width: 768px), print { .tel_up_item { display: none; } } .news { border: 1px solid #d5d5d5; padding: 0.9375rem; margin-bottom: 1.25rem; } @media (min-width: 768px), print { .news { padding: 3.125rem; margin-bottom: 7.5rem; } .news::before, .news::after { content: ''; display: block; clear: both; } } @media (min-width: 768px), print { .news_head { float: left; width: 27.5459098497%; margin-right: 1.6694490818%; } } @media (min-width: 768px), print { .news_main { float: right; width: 70.7846410684%; } } .news_tit { font-family: 'Oswald', sans-serif; font-size: 1.5625rem; font-weight: 400; line-height: 1; color: #f0eae5; display: inline-block; padding-top: 0.3125rem; margin-bottom: 0.9375rem; position: relative; } @media (min-width: 768px), print { .news_tit { font-size: 3.125rem; padding-top: 0.625rem; margin-bottom: 0; } } .news_tit span { display: block; margin-top: 0.375rem; font-size: 0.9375rem; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; color: #3f3f3f; margin-left: 0.625rem; } @media (min-width: 768px), print { .news_tit span { font-size: 1.125rem; margin-top: 0.625rem; letter-spacing: 0.1875rem; margin-left: 0; } } .news_tit::before { position: absolute; top: 0; left: 0; width: 100%; height: 0.125rem; background: #f0eae5; content: ''; } .news_title { cursor: pointer; font-weight: bold; line-height: 1.2; color: #ceb8a5; padding: 0.9375rem 0.625rem; margin-bottom: 1.5625rem; background: #fdfaf8; } @media (min-width: 768px), print { .news_title { font-size: 1.25rem; margin-bottom: 1.875rem; padding: 1.875rem; } } .news_title.close { margin-bottom: 0; } @media (min-width: 768px), print { .news_title.close { padding-bottom: 0.9375rem; } } .news_title::after { font-family: 'fontello'; content: '\25be'; font-size: 0.75rem; margin-left: 0.625rem; } @media (min-width: 768px), print { .news_title::after { font-size: 0.9375rem; } } .news_title.close::after { font-family: 'fontello'; content: ""; } .news_body { line-height: 1.6; color: #222222; margin-bottom: 1.5625rem; padding: 0.9375rem 0.625rem; padding-top: 0; background: #fdfaf8; } @media (min-width: 768px), print { .news_body { margin-bottom: 1.875rem; padding: 1.875rem; padding-top: 0; } } .news_body a { margin-bottom: 0.5rem; display: inline-block; color: #ceb8a5; background-color: transparent; -webkit-transition: .3s; transition: .3s; word-break: break-all; text-decoration: underline; } @media (hover: hover) { .news_body a:hover { text-decoration: none; color: #fbe256; background-color: transparent; opacity: 0.8; } } @media (hover: hover) { .news_body a:hover { text-decoration: none; } } .news_body a:not([class])[href^='tel:'] { text-decoration: none; color: #3f3f3f; } .news_body:nth-of-type(n+4) { display: none; } .lnk { text-decoration: underline; color: #3f3f3f; } .lnk:hover { text-decoration: none; } body:not(.index) main a:not([class]), body:not(.index) main a.scr { text-decoration: underline; } body:not(.index) main a:not([class]):hover, body:not(.index) main a.scr:hover { text-decoration: none; } body:not(.index) main .anchor_link a.scr, body:not(.index) main .anchor_link_i a.scr, body:not(.index) main .anchor_link_j a.scr { text-decoration: none; } body:not(.index) main .anchor_link a.scr:hover, body:not(.index) main .anchor_link_i a.scr:hover, body:not(.index) main .anchor_link_j a.scr:hover { text-decoration: none; } body:not(.index) main a:not([class])[href^='tel:'] { text-decoration: none; color: #3f3f3f; } /* キーピジュアル：スライダー */ body.index .keyvsl { background: #fff; position: relative; z-index: 1; margin-bottom: 1.25rem; } body.index .keyvsl .slider .keyv-inner01, body.index .keyvsl .slider .keyv-inner02, body.index .keyvsl .slider .keyv-inner03, body.index .keyvsl .slider .keyv-inner04 { height: 58vw; } body.index .keyvsl .slider .keyv-inner01 { background: url(../img/slick/index_keyvsl_sp00.jpg) 50% 50%/auto 101% no-repeat; } body.index .keyvsl .slider .keyv-inner02 { background: url(../img/slick/index_keyvsl_sp01.jpg) 50% 50%/auto 101% no-repeat; } body.index .keyvsl .slider .keyv-inner03 { background: url(../img/slick/index_keyvsl_sp02.jpg) 50% 50%/auto 101% no-repeat; } body.index .keyvsl .slider .keyv-inner04 { background: url(../img/slick/index_keyvsl_sp03.jpg) 50% 50%/auto 101% no-repeat; } @media (min-width: 768px), print { body.index .keyvsl { background: #fff; height: auto; padding-bottom: 0; margin-bottom: 7.5rem; } body.index .keyvsl .slider .keyv-inner01, body.index .keyvsl .slider .keyv-inner02, body.index .keyvsl .slider .keyv-inner03, body.index .keyvsl .slider .keyv-inner04 { height: 47.0625rem; } body.index .keyvsl .slider .keyv-inner01 { background: url(../img/slick/index_keyvsl00.jpg) 50% 50%/auto 101% no-repeat; } body.index .keyvsl .slider .keyv-inner02 { background: url(../img/slick/index_keyvsl01.jpg) 50% 50%/auto 101% no-repeat; } body.index .keyvsl .slider .keyv-inner03 { background: url(../img/slick/index_keyvsl02.jpg) 50% 50%/auto 101% no-repeat; } body.index .keyvsl .slider .keyv-inner04 { background: url(../img/slick/index_keyvsl03.jpg) 50% 50%/auto 101% no-repeat; } } /* キーピジュアル：テキスト */ .keyvsl_info_img { margin-bottom: 0; width: 16.7897727273rem; height: 0; padding-top: 0.9090909091rem; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("../img/index_keyv_p.png"); background-size: 16.7897727273rem 0.9090909091rem; background-repeat: no-repeat; margin-right: 0; margin-left: auto; } @media (min-width: 768px), print { .keyvsl_info_img { width: 36.9375rem; padding-top: 2rem; background-size: 36.9375rem 2rem; } } .keyvsl_info { display: inline-block; line-height: 1; position: absolute; bottom: 0; font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "serif"; } @media (min-width: 768px), print { .keyvsl_info { bottom: 1.5625rem; } } .keyvsl_info .txt { font-size: 0.75rem; margin-bottom: 0.5rem; text-shadow: 1px 3px 5px #fff, -2px -2px 10px #fff, 8px 7px 10px #fff, -6px -4px 15px #fff, 0 2px 4px #fff; } @media (min-width: 768px), print { .keyvsl_info .txt { margin-bottom: 0.9375rem; font-size: 1.125rem; } } .keyvsl_info .tit { font-weight: 500; font-size: 1.125rem; } @media (min-width: 768px), print { .keyvsl_info .tit { font-size: 1.625rem; } } body:not(.index) .keyvsl { background: #f5f5f5; padding-top: 2.1875rem; padding-bottom: 1.5625rem; margin-bottom: 1.25rem; } @media (min-width: 768px), print { body:not(.index) .keyvsl { padding-top: 6.875rem; padding-bottom: 6.875rem; margin-bottom: 7.5rem; } } .control { padding: 0 0.625rem; padding-top: 0.9375rem; } @media (min-width: 768px), print { .control { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } @media (min-width: 768px), print { .control { padding-top: 3.125rem; } } .pick { background: #f5f5f5; padding-top: 4.0625rem; padding-bottom: 3.75rem; margin-bottom: 3.75rem; } @media (min-width: 768px), print { .pick { padding-top: 7.8125rem; padding-bottom: 7.5rem; margin-bottom: 7.5rem; } } .index_doctor_box { padding: 0 1.40625rem; } @media (min-width: 768px), print { .index_doctor_box { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0; padding-left: 4.375rem; padding-right: 5.625rem; max-width: 1340px; } } .index_doctor { margin-bottom: 3.4375rem; } @media (min-width: 768px), print { .index_doctor { margin-bottom: 9.0625rem; } .index_doctor::before, .index_doctor::after { content: ''; display: block; clear: both; } } .index_doctor .doctor_img { text-align: center; max-width: 16.25rem; margin-left: auto; margin-right: auto; margin-bottom: 1.875rem; } @media (min-width: 768px), print { .index_doctor .doctor_img { float: right; max-width: 22.0338983051%; margin: 0; margin-left: 10.1694915254%; } } .index_doctor .doctor_txt { color: #222222; line-height: 1.7; } @media (min-width: 768px), print { .index_doctor .doctor_txt { width: 67.7966101695%; margin-bottom: 2.1875rem; } } .index_doctor .btn { margin-top: 1.25rem; } @media (min-width: 768px), print { .index_doctor .btn { margin-top: 1.875rem; } } .dr_name { text-align: right; margin-bottom: 0; line-height: 1; font-size: 1.25rem; } .doctor_txt { padding: 1.5625rem; position: relative; } @media (min-width: 768px), print { .doctor_txt { padding: 3.125rem; } } .doctor_txt::before { position: absolute; top: 0; left: 0; width: 1.5625rem; height: 1.5625rem; border-left: 0.0625rem solid #c5b432; border-top: 0.0625rem solid #c5b432; content: ''; } @media (min-width: 768px), print { .doctor_txt::before { width: 3.125rem; height: 3.125rem; } } .doctor_txt::after { position: absolute; bottom: 0; right: 0; width: 1.5625rem; height: 1.5625rem; border-right: 0.0625rem solid #c5b432; border-bottom: 0.0625rem solid #c5b432; content: ''; } @media (min-width: 768px), print { .doctor_txt::after { width: 3.125rem; height: 3.125rem; } } .doctor_txt li { line-height: 1.5; } .index_nav_item { padding: 1.25rem; padding-bottom: 0.625rem; margin-bottom: 1.5625rem; background: #f0eae5; } @media (min-width: 768px), print { .index_nav_item { padding: 3.125rem; padding-bottom: 2.1875rem; margin-bottom: 3.125rem; } .index_nav_item::before, .index_nav_item::after { content: ''; display: block; clear: both; } } .index_nav_item:last-of-type { margin-bottom: 0; } .index_nav_tit { margin-bottom: 0.9375rem; text-align: center; } @media (min-width: 768px), print { .index_nav_tit { float: left; width: 29.2307692308%; text-align: left; } } @media (min-width: 768px), print { .index_nav { float: right; width: 70.7692307692%; } } .index_nav_tit span { display: inline-block; background: #c5b432; color: #fff; padding: 0.3125rem; line-height: 1; font-size: 1.75rem; font-weight: 400; margin-right: 0.375rem; } @media (min-width: 768px), print { .index_nav_tit span { padding: 0.5625rem; font-size: 2.25rem; margin-right: 0.625rem; } } .index_nav { line-height: 1; } .index_nav > * { display: inline-block; } .index_nav > * a { display: block; background-color: #fff; color: #3f3f3f; border: 0.125rem solid #cdb7a4; padding: 0.625rem; padding-right: 1.5625rem; margin-bottom: 0.625rem; margin-right: 0.3125rem; position: relative; } @media (min-width: 768px), print { .index_nav > * a { margin-bottom: 0.9375rem; padding-right: 2.0625rem; } } .index_nav > * a::after, .index_nav > * a::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #d4c341; border-right: 0.125rem solid #d4c341; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .index_nav > * a::after { right: 0.5rem; } @media (min-width: 768px), print { .index_nav > * a::after { right: 0.8125rem; } } .index_nav > * a::before { right: 0.75rem; } @media (min-width: 768px), print { .index_nav > * a::before { right: 1.125rem; } } @media (hover: hover) { .index_nav > * a:hover { color: #c5b432; } } .index_bn { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (min-width: 768px), print { .index_bn { padding-top: 7.5rem; padding-bottom: 7.5rem; } } .index_bn > :last-child { margin-bottom: 0 !important; } .index_bn > * { width: 85%; margin-left: auto; margin-right: auto; margin-bottom: 0.9375rem; } @media (min-width: 768px), print { .index_bn > * { margin-bottom: 3.125rem; } } @media (min-width: 768px), print { .index_bn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .index_bn > * { width: 46.1538461538%; margin-right: calc(100% - 46.1538461538%*2); } .index_bn > :nth-child(2n + 2) { margin-right: 0; } .index_bn > :nth-last-child(-n+2) { margin-bottom: 0; } } .index_bn a { display: block; } .index_bn a img { border: 2px solid #c5b432; } #clinicslide, #clinicslide01, #clinicslide02 { margin-bottom: 2.5rem; } @media (min-width: 768px), print { #clinicslide, #clinicslide01, #clinicslide02 { margin-bottom: 5rem; } } #clinicslide img, #clinicslide p, #clinicslide01 img, #clinicslide01 p, #clinicslide02 img, #clinicslide02 p { display: none; } .sp-layer.sp-black.sp-padding { text-align: center; font-size: 1.75rem; } .sp-selected-thumbnail { border: 4px solid #000; } dl.faq dt { color: #a69281; padding-left: 2em; position: relative; font-size: 110%; } dl.faq dt::before { content: "Q."; position: absolute; left: 0; top: 0; font-size: 110%; font-weight: bold; } dl.faq dd { padding-left: 2em; position: relative; border-bottom: 1px dotted #a69281; padding-bottom: .5em; margin-bottom: 1em; } dl.faq dd::before { content: "A."; position: absolute; left: 0; top: 0; font-size: 110%; font-weight: bold; } /*テキストと写真の横並び*/ .row { display: block; } .row .textarea { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .row .photoarea { width: 100%; margin-left: 0px; margin-bottom: 1rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; } @media (min-width: 768px), print { .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 0 1rem; padding: 0; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; /* 子要素をflexboxにより中央に配置する */ -webkit-box-align: top; -ms-flex-align: top; align-items: top; /* 子要素をflexboxにより中央に配置する */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .row .textarea { width: calc(100% - 350px); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .row .photoarea { width: 330px; margin-left: 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .body .photobox img { max-width: 75%; display: block; margin: 0 auto 2rem; } @media (min-width: 768px), print { .body .photobox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; } .body .photobox img { display: block; margin-bottom: 4rem; } } /*# sourceMappingURL=style.css.map */