@charset "UTF-8"; /* line 5, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 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; } /* line 22, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*$subColor:#e9e9e9;*/ /**------------------ 共通：リセット -------------------*/ /* line 4, ../sass/_comReset.scss */ a { text-decoration: none; } /**------------------ 共通：背景パターン -------------------*/ /* line 52, ../sass/_comBackground.scss */ .back-tartan { background-color: #db3498; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(30%, rgba(0, 0, 0, 0.5)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0.5)), color-stop(40%, rgba(0, 0, 0, 0.5)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.3)), color-stop(96%, rgba(0, 0, 0, 0.3)), color-stop(96%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(30%, rgba(0, 0, 0, 0.5)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0)), color-stop(33%, rgba(0, 0, 0, 0.5)), color-stop(40%, rgba(0, 0, 0, 0.5)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.3)), color-stop(96%, rgba(0, 0, 0, 0.3)), color-stop(96%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 96%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 96%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 96%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 96%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 96%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 96%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%); -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; } /* line 83, ../sass/_comBackground.scss */ .back-polkadot { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImNpcmNsZSIgY3k9ImZhcnRoZXN0LXNpZGUiIHI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -moz-radial-gradient(circle farthest-side, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); background: -webkit-radial-gradient(circle farthest-side, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); background: radial-gradient(circle farthest-side, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); -moz-background-size: 5px 5px; -o-background-size: 5px 5px; -webkit-background-size: 5px 5px; background-size: 5px 5px; } /* line 86, ../sass/_comBackground.scss */ .back-vstripe { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ebebeb), color-stop(50%, #ebebeb), color-stop(50%, #ffffff), color-stop(100%, #ffffff)); background: -moz-linear-gradient(left, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); background: -webkit-linear-gradient(left, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); background: linear-gradient(to right, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); -moz-background-size: 5px 5px; -o-background-size: 5px 5px; -webkit-background-size: 5px 5px; background-size: 5px 5px; } /* line 89, ../sass/_comBackground.scss */ .back-hstripe { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(50%, #ebebeb), color-stop(50%, #ffffff), color-stop(100%, #ffffff)); background: -moz-linear-gradient(top, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); background: -webkit-linear-gradient(top, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); background: linear-gradient(to bottom, #ebebeb, #ebebeb 50%, #ffffff 50%, #ffffff); -moz-background-size: 20px 38px; -o-background-size: 20px 38px; -webkit-background-size: 20px 38px; background-size: 20px 38px; } /* line 92, ../sass/_comBackground.scss */ .back-dstripe { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNlYmViZWIiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ebebeb), color-stop(25%, #ebebeb), color-stop(25%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ebebeb), color-stop(75%, #ebebeb), color-stop(75%, #ffffff), color-stop(100%, #ffffff)); background: -moz-linear-gradient(left top, #ebebeb, #ebebeb 25%, #ffffff 25%, #ffffff 50%, #ebebeb 50%, #ebebeb 75%, #ffffff 75%, #ffffff); background: -webkit-linear-gradient(left top, #ebebeb, #ebebeb 25%, #ffffff 25%, #ffffff 50%, #ebebeb 50%, #ebebeb 75%, #ffffff 75%, #ffffff); background: linear-gradient(to right bottom, #ebebeb, #ebebeb 25%, #ffffff 25%, #ffffff 50%, #ebebeb 50%, #ebebeb 75%, #ffffff 75%, #ffffff); -moz-background-size: 8px 8px; -o-background-size: 8px 8px; -webkit-background-size: 8px 8px; background-size: 8px 8px; } /* line 95, ../sass/_comBackground.scss */ .back-grid { background-color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(235, 235, 235, 0.5)), color-stop(50%, rgba(235, 235, 235, 0.5)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(235, 235, 235, 0.5)), color-stop(50%, rgba(235, 235, 235, 0.5)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(top, rgba(235, 235, 235, 0.5) 0%, rgba(235, 235, 235, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, rgba(235, 235, 235, 0.5) 0%, rgba(235, 235, 235, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(top, rgba(235, 235, 235, 0.5) 0%, rgba(235, 235, 235, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(left, rgba(235, 235, 235, 0.5) 0%, rgba(235, 235, 235, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to bottom, rgba(235, 235, 235, 0.5) 0%, rgba(235, 235, 235, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, rgba(235, 235, 235, 0.5) 0%, rgba(235, 235, 235, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); -moz-background-size: 5px 5px; -o-background-size: 5px 5px; -webkit-background-size: 5px 5px; background-size: 5px 5px; } /* line 128, ../sass/_comBackground.scss */ .flower { position: absolute; width: 100px; height: 100px; background: radial-gradient(circle at 50% 59%, #db3498 8%, rgba(54, 78, 39, 0) 15%) 0px -10px, linear-gradient(72deg, #dedede 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px -18px, linear-gradient(288deg, #dedede 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px -18px, radial-gradient(circle at 50% 59%, #dedede 13%, rgba(54, 78, 39, 0) 12%) 0px 24px, linear-gradient(252deg, #dedede 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px 15px, linear-gradient(108deg, #dedede 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px 15px, radial-gradient(circle at 50% 59%, #dedede 13%, rgba(54, 78, 39, 0) 12%) 0px -42px, linear-gradient(162deg, #dedede 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px 49px, linear-gradient(378deg, #dedede 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px -51px, radial-gradient(circle at 50% 59%, #dedede 13%, rgba(54, 78, 39, 0) 12%) -36px -10px, linear-gradient(342deg, #dedede 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px -51px, linear-gradient(198deg, #dedede 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px 48px, radial-gradient(circle at 50% 59%, #dedede 13%, rgba(54, 78, 39, 0) 12%) 35px -10px; background-size: 100px 100px; z-index: 2; top: -3px; left: 0px; /*transform:rotate(15deg);*/ -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } /* line 139, ../sass/_comBackground.scss */ #f2 { background: radial-gradient(circle at 50% 59%, #db3498 8%, rgba(54, 78, 39, 0) 15%) 0px -10px, linear-gradient(72deg, #c5c5c5 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px -18px, linear-gradient(288deg, #c5c5c5 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px -18px, radial-gradient(circle at 50% 59%, #c5c5c5 13%, rgba(54, 78, 39, 0) 12%) 0px 24px, linear-gradient(252deg, #c5c5c5 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px 15px, linear-gradient(108deg, #c5c5c5 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px 15px, radial-gradient(circle at 50% 59%, #c5c5c5 13%, rgba(54, 78, 39, 0) 12%) 0px -42px, linear-gradient(162deg, #c5c5c5 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px 49px, linear-gradient(378deg, #c5c5c5 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px -51px, radial-gradient(circle at 50% 59%, #c5c5c5 13%, rgba(54, 78, 39, 0) 12%) -36px -10px, linear-gradient(342deg, #c5c5c5 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px -51px, linear-gradient(198deg, #c5c5c5 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px 48px, radial-gradient(circle at 50% 59%, #c5c5c5 13%, rgba(54, 78, 39, 0) 12%) 35px -10px; background-size: 100px 100px; z-index: 1; top: -20px; left: 40px; -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); } /* line 146, ../sass/_comBackground.scss */ #f3 { background: radial-gradient(circle at 50% 59%, #db3498 8%, rgba(54, 78, 39, 0) 15%) 0px -10px, linear-gradient(72deg, #bdbdbd 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px -18px, linear-gradient(288deg, #bdbdbd 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px -18px, radial-gradient(circle at 50% 59%, #bdbdbd 13%, rgba(54, 78, 39, 0) 12%) 0px 24px, linear-gradient(252deg, #bdbdbd 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px 15px, linear-gradient(108deg, #bdbdbd 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px 15px, radial-gradient(circle at 50% 59%, #bdbdbd 13%, rgba(54, 78, 39, 0) 12%) 0px -42px, linear-gradient(162deg, #bdbdbd 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px 49px, linear-gradient(378deg, #bdbdbd 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px -51px, radial-gradient(circle at 50% 59%, #bdbdbd 13%, rgba(54, 78, 39, 0) 12%) -36px -10px, linear-gradient(342deg, #bdbdbd 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px -51px, linear-gradient(198deg, #bdbdbd 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px 48px, radial-gradient(circle at 50% 59%, #bdbdbd 13%, rgba(54, 78, 39, 0) 12%) 35px -10px; background-size: 100px 100px; z-index: 0; top: 35px; left: 10px; -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } /* 共通：タグ基本 ---------------------------*/ /* line 3, ../sass/_comTag.scss */ html { font-size: 14px; /*デフォルト*/ /*font-family : 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo,verdana, sans-serif;*/ font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height: 1.5; /*background : url(../../img/960_grid_12_col.png) repeat-y top center; グリッド*/ /* background : url(../img/bg_nuno.jpg) repeat-y top center;*/ color: #333; } /* line 12, ../sass/_comTag.scss */ body { background-color: #fff; -webkit-text-size-adjust: 100%; /*タブレット横向きでも文字サイズを変えない*/ } /*Fluid Image*/ /* line 17, ../sass/_comTag.scss */ img, iframe { max-width: 100%; } /*h1〜6*/ /* line 21, ../sass/_comTag.scss */ h1, h2, h3, h4, h5, h6 { margin-bottom: 24px; font-weight: bold; } /* line 26, ../sass/_comTag.scss */ h2 { font-size: 16px; line-height: 1.3333; } /* line 30, ../sass/_comTag.scss */ h3 { font-size: 20px; line-height: 1.5em; } /* line 36, ../sass/_comTag.scss */ hr { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); } /**------------------ 共通：小技 -------------------*/ /* line 4, ../sass/_comTip.scss */ .clear { clear: both; } /* line 7, ../sass/_comTip.scss */ .heide { display: none; } /* line 10, ../sass/_comTip.scss */ .img-lfloat { width: 35%; max-height: 280px; margin-right: 12px; margin-bottom: 12px !important; float: left; } /* line 17, ../sass/_comTip.scss */ .small90 { font-size: 90%; } /* line 20, ../sass/_comTip.scss */ .small80 { font-size: 80%; } /* line 23, ../sass/_comTip.scss */ .small70 { font-size: 70%; } /**------------------ 共通：マーカー -------------------*/ /* line 4, ../sass/_comMarker.scss */ .marker-pink { /*background-color:#ff66ff;*/ background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ff9999 60%); } /* line 8, ../sass/_comMarker.scss */ .marker-green { /*background-color:#ccff99;*/ background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ccff99 60%); } /* line 12, ../sass/_comMarker.scss */ .marker-blue { /*background-color:#99ccff;*/ background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ceecf5 60%); } /**------------------ 共通：パーツ -------------------*/ /* line 4, ../sass/_comParts.scss */ .kakomi { padding: 15px; border: dotted 1px #993366; } /* line 8, ../sass/_comParts.scss */ .radius { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* line 11, ../sass/_comParts.scss */ .circle { width: 70px; height: 70px; background: #ccc; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; } /* line 17, ../sass/_comParts.scss */ .circle-red { background-color: #ff9999; } /* line 20, ../sass/_comParts.scss */ .circle-green { background-color: #ccff99; } /* information start -----------------------------------*/ /* line 26, ../sass/_comParts.scss */ p.information { font-size: 90%; } /* line 29, ../sass/_comParts.scss */ p.information::before { content: '＊'; } /* information end ----*/ /* 共通：ページTOPへボタン -----------------------------------*/ /* line 36, ../sass/_comParts.scss */ #page-top { position: fixed; right: 10px; bottom: 10px; padding: 10px 10px; z-index: 999; display: block; background: #333; background: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } /* line 51, ../sass/_comParts.scss */ #page-top:hover { background: #8b8b8b; } /* ページTOPへボタン end ----*/ /* 吹き出し見出し start ----*/ /* line 56, ../sass/_comParts.scss */ p.balloon { max-width: 230px; position: relative; margin: 0 15px 0 0; padding: 5px 10px; font-weight: bold; font-size: 14px; line-height: 1.6em; color: #333; border: #6c6c6c solid 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; /*@include box-shadow(-6px -4px 0 0 #e8e8e8 inset,0px 1px 0 0 #333);*/ } /* line 69, ../sass/_comParts.scss */ p.balloon:before { content: " "; position: absolute; top: 100%; left: 12px; width: 0; height: 0; border-width: 16px; border-style: solid; border-color: transparent; border-top-color: #6c6c6c; } /* line 81, ../sass/_comParts.scss */ p.balloon:after { content: " "; position: absolute; bottom: -26px; left: 15px; width: 0; height: 0; border-width: 13px; border-style: solid; border-color: transparent; /*border-top-color:#e8e8e8;*/ border-top-color: #fff; } /* 吹き出し見出し start ----*/ /* カラーリンク start -----------------------------------*/ /* line 3, ../sass/_comColorLink.scss */ a.colorlink { color: #db3498; } /* line 6, ../sass/_comColorLink.scss */ a.colorlink:hover { text-decoration: underline; } /* カラーリンク end ----*/ /* 矢印アイコンリスト start -----------------------------------*/ /* line 3, ../sass/_comList-YajirushiList.scss */ dl.yajirushi-list, ul.yajirushi-list { list-style-position: outside; margin-left: 14px; } /* line 8, ../sass/_comList-YajirushiList.scss */ dl.yajirushi-list dt, ul.yajirushi-list li { position: relative; } /* line 12, ../sass/_comList-YajirushiList.scss */ dl.yajirushi-list dd { background-color: #ebebeb; background-color: rgba(255, 255, 255, 0.7); padding: 5px; border-radius: 5px; } /* line 18, ../sass/_comList-YajirushiList.scss */ dl.yajirushi-list dt::after, dl.yajirushi-list dt::before, ul.yajirushi-list li::after, ul.yajirushi-list li::before { display: block; content: ''; position: absolute; } /* line 26, ../sass/_comList-YajirushiList.scss */ dl.yajirushi-list dt::after, ul.yajirushi-list li::after { top: .35em; left: -1.2em; width: 14px; height: 14px; background-color: #db3498; border-radius: 100%; } /* line 35, ../sass/_comList-YajirushiList.scss */ dl.yajirushi-list dt::before, ul.yajirushi-list li::before { z-index: 2; top: .625em; left: -.975em; width: 4px; height: 4px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* 矢印アイコンリスト end ----*/ /* チェックアイコンリスト start -----------------------------------*/ /* line 3, ../sass/_comList-Chk.scss */ ul.chk-list { list-style-position: outside; margin-left: 14px; } /* line 7, ../sass/_comList-Chk.scss */ ul.chk-list li { position: relative; font-size: 90%; } /* line 11, ../sass/_comList-Chk.scss */ ul.chk-list li::after { display: block; content: ''; position: absolute; top: .5em; left: -1em; width: 8px; height: 3px; /* border-left: 2px solid #3498db; border-bottom: 2px solid #3498db;*/ border-left: 2px solid #6ec5d5; border-bottom: 2px solid #6ec5d5; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); /* -webkit-transform: rotate(-45deg); transform: rotate(-45deg);*/ } /* チェックアイコンリスト end ----*/ /* 右三角アイコンリスト start -----------------------------------*/ /* line 3, ../sass/_comList-TriangleRight.scss */ ul.triangle-right-list { list-style-position: outside; margin-left: 14px; } /* line 7, ../sass/_comList-TriangleRight.scss */ ul.triangle-right-list li { position: relative; } /* line 10, ../sass/_comList-TriangleRight.scss */ ul.triangle-right-list li::after { display: block; content: ''; position: absolute; top: .4em; left: -0.8em; border: 5px solid transparent; border-left-color: #936; } /* 右三角アイコンリスト end ----*/ /* CSSアイコンリスト クリア start(他の指定より後に記載) -----------------------------------*/ /* line 3, ../sass/_comList-None.scss */ ul.list-none, ol.list-none { list-style: square inside; } /* line 6, ../sass/_comList-None.scss */ ul.list-none li::after, ol.list-none li::after, ul.list-none li::before, ol.list-none li::before { content: initial; } /* ボタン見出し(widthは個別指定) -----------------------------------*/ /* line 3, ../sass/_comBtnLabel.scss */ .btn-label { text-align: center; /* background: #6ec5d5;*/ background: #db3498; border: 1px solid #DDD; /*border-radius: 10px;*/ color: #fff; padding: 4px 0; font-weight: normal; } /* サービズお休み中 -----------------------------------*/ /* line 16, ../sass/_comBtnLabel.scss */ .btn-label-svClosed { position: relative; } /* line 18, ../sass/_comBtnLabel.scss */ .btn-label-svClosed .text { display: inline-block; position: absolute; top: 20px; left: 30px; z-index: 100; border: dotted 5px; transform: rotate(-15deg); height: 60px; line-height: 60px; text-align: center; padding: 0 25px; font-size: 16px; /*background: #78d0f5;*/ background: #35a; opacity: 0.9; color: #FFF; /*box-sizing: border-box;*/ } /* かぶせラベル start -----------------------------------*/ /* line 3, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-box { margin: 20px 2%; } /* line 6, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-back { /*background: $subColor;*/ margin-bottom: 10px; position: relative; min-height: 170px; border-radius: 10px; /*box-shadow: 0 0 0 1px #474655 inset;*/ box-shadow: 0 0 0 2px #9f9f9f inset; /* .back-content{ position: absolute; font-size: 10em; color:$subColor; bottom:0px; right:0; &:before{ bottom:-20px; right:0; content: '*'; @include rotate(3deg); } &:after{ bottom:-40px; right:5; content: '*'; @include rotate(8deg); } }*/ } /* line 34, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-section { position: absolute; top: -6px; /*right: 15px;*/ left: 15px; } /* line 41, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-section:after { position: absolute; content: ''; display: block; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 6px solid #6ec5d5; } /* line 52, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-label { position: relative; display: inline-block; text-align: center; color: #fff; background: #6ec5d5; font-size: 14px; line-height: 1; padding: 12px 8px 6px; border-top-right-radius: 8px; width: 100px; text-transform: uppercase; } /* line 66, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-label:before, .kabuse-label-label:after { position: absolute; content: ''; display: block; } /* line 73, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-label:before { background: #6ec5d5; height: 7px; width: 6px; left: -6px; top: 0; } /* line 81, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-label:after { background: #9f9f9f; height: 7px; width: 8px; border-radius: 8px 8px 0 0; left: -8px; top: 0; } /* line 89, ../sass/_comKabuseLabelBox.scss */ .kabuse-label-text { position: absolute; margin-top: 40px; margin-left: 5%; } /* かぶせラベル end ----*/ /**------------------ 共通：ヘッダー部分 -------------------*/ /* line 5, ../sass/_header.scss */ header h1 { /*pege,name&read*/ position: absolute; /* top:5px;*/ bottom: 9px; right: 0px; margin-bottom: 0px; font-size: 10px; color: #666; font-weight: normal; line-height: 1.1em; text-align: right; } /* line 16, ../sass/_header.scss */ header h1 .areaStr { display: none; } /* line 20, ../sass/_header.scss */ header h4, header h5, header h6 { font-size: 16px; line-height: 1.5; } /* line 24, ../sass/_header.scss */ header #headerSpase { /*width:90%;*/ max-width: 1024px; margin: 0 auto; } /* line 29, ../sass/_header.scss */ header #headerSpase #shopheder { z-index: 5; width: 98%; margin: 0 auto; position: relative; height: 120px; } /* line 35, ../sass/_header.scss */ header #headerSpase #shopheder #read { color: #999; position: absolute; text-align: right; top: 30px; right: 0px; font-size: 12px; display: none; /*PCのみ表示*/ } /* line 44, ../sass/_header.scss */ header #headerSpase #shopheder #logo { margin: 25px auto 5px auto; font-family: Verdana, Geneva, sans-serif; font-weight: bold; position: absolute; font-size: 25px; line-height: 1; } /* line 51, ../sass/_header.scss */ header #headerSpase #shopheder #logo a { color: #333; } /* line 56, ../sass/_header.scss */ header #headerSpase #shopheder #contact { position: absolute; top: 80px; right: 0px; } /* line 60, ../sass/_header.scss */ header #headerSpase #shopheder #contact .tel { float: left; font-size: 12px; text-align: right; } /* line 64, ../sass/_header.scss */ header #headerSpase #shopheder #contact .tel span.telRead:after { content: '▼'; display: inline-block; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); margin-right: 5px; font-size: 0.9em; } /* line 71, ../sass/_header.scss */ header #headerSpase #shopheder #contact .tel a { font-size: 14px; color: #db3498; line-height: 1; cursor: pointer; } /* line 78, ../sass/_header.scss */ header #headerSpase #shopheder #contact .open { display: none; float: right; font-size: 12px; line-height: 1.2em; /*text-align: right;*/ } /* line 86, ../sass/_header.scss */ header #headerSpase #shopheder nav.global { /* background-color: $mainColor; max-width:$maxBackGroundWidth;*/ position: absolute; top: 0px; right: 0px; /*float:right;*/ } /* line 93, ../sass/_header.scss */ header #headerSpase #shopheder nav.global ul { overflow: hidden; margin: 0; /*padding:0 15px;*/ /* li:last-child a{ padding-right : 0; }*/ } /* line 97, ../sass/_header.scss */ header #headerSpase #shopheder nav.global ul li { /*width:110px;*/ /* width : 80px; height:100%;*/ float: left; text-align: center; } /* line 103, ../sass/_header.scss */ header #headerSpase #shopheder nav.global ul li a { display: block; /*color : $fontColor-Bright;*/ padding: 5px 10px; } /* line 112, ../sass/_header.scss */ header #headerSpase #shopheder nav.global ul li:hover { /*background-color: desaturate(lighten($mainColor, 10%), 20%);*/ background-color: rgba(189, 229, 236, 0.8); border-radius: 70%; text-decoration: underline; cursor: pointer; } /**------------------ 共通：hederナビ部分 -------------------*/ /**------------------ contents -------------------*/ /* line 4, ../sass/_contents.scss */ #contents { width: 90%; max-width: 1024px; margin: 0 auto; text-align: center; /*padding-top:24px;*/ padding-top: 10px; /* img { margin-bottom : 24px; @include box-shadow(0 0 12px #000); } img#img-sub-cnt { width:80%; text-align:center; }*/ position: relative; } /* line 11, ../sass/_contents.scss */ #contents h3, #contents h4, #contents h5, #contents h6 { margin-bottom: 12px; } /* line 14, ../sass/_contents.scss */ #contents h3 { border-bottom: dotted 2px #936; } /* line 27, ../sass/_contents.scss */ #contents #sub-cnt { display: none; } /* line 30, ../sass/_contents.scss */ #contents #sub-cnt #sub-menu, #contents #sub-cnt #sub-contact { display: none; } /* line 35, ../sass/_contents.scss */ #contents #main-cnt { /*margin-top: 150px;*/ /* section#main-header{//ちょっと保留 ul.chk-list{ margin-top: 14px; li{ font-size:100% !important; &:first-child{ margin-left:-14px; font-size:95%; &::after{ border:none; } } } } }*/ } /* line 37, ../sass/_contents.scss */ #contents #main-cnt section { margin-bottom: 24px; text-align: left; } /* line 40, ../sass/_contents.scss */ #contents #main-cnt section ul { margin-left: 4.2%; } /* line 60, ../sass/_contents.scss */ #contents #main-cnt section#main .btn-label { width: 150px; } /* line 63, ../sass/_contents.scss */ #contents #main-cnt section#main #iCan, #contents #main-cnt section#main #iCan2 { /*text-align: center;*/ margin: 2px auto; display: inline-block; /*width:790px;*/ } /* line 69, ../sass/_contents.scss */ #contents #main-cnt section#main .boxA, #contents #main-cnt section#main .boxB, #contents #main-cnt section#main .boxC, #contents #main-cnt section#main .boxD { width: 95%; height: 170px; margin: 0 5px 5px 0; border: solid 1px #9f9f9f; padding: 12px; border-radius: 3px; box-shadow: 2px 2px #ebebeb; } /* line 78, ../sass/_contents.scss */ #contents #main-cnt section#main .boxB { height: 130px; } /* line 81, ../sass/_contents.scss */ #contents #main-cnt section#main .boxC, #contents #main-cnt section#main .boxD { height: 90px; } /* line 84, ../sass/_contents.scss */ #contents #main-cnt section#main .boxB .btn-label, #contents #main-cnt section#main .boxD .btn-label { width: 230px; } /* line 89, ../sass/_contents.scss */ #contents #main-cnt section#about a { font-size: 15px; } /* line 92, ../sass/_contents.scss */ #contents #main-cnt section#about ol { margin-left: 5%; list-style: outside decimal; } /* line 96, ../sass/_contents.scss */ #contents #main-cnt section#about ul { margin-left: 4%; list-style: outside square; } /* line 102, ../sass/_contents.scss */ #contents #main-cnt section#mail ul#info-text { margin-top: 7px; margin-bottom: 5px; } /* line 106, ../sass/_contents.scss */ #contents #main-cnt section#mail .tel a { font-size: 17px; color: #db3498; } /* line 109, ../sass/_contents.scss */ #contents #main-cnt section#mail .tel a:hover { text-decoration: underline; } /* line 116, ../sass/_contents.scss */ #contents #main-cnt section#profile .tel a { color: #db3498; } /* line 118, ../sass/_contents.scss */ #contents #main-cnt section#profile .tel a:hover { text-decoration: underline; } /* line 124, ../sass/_contents.scss */ #contents #main-cnt section#profile-bio .btn-label { width: 200px; } /* line 129, ../sass/_contents.scss */ #contents #main-cnt section#profile-access div#gmap { position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0; overflow: hidden; } /* line 135, ../sass/_contents.scss */ #contents #main-cnt section#profile-access div#gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 146, ../sass/_contents.scss */ #contents #main-cnt section#price-main ul#price-read { list-style-type: none; padding: 5px 10px; margin-bottom: 20px; margin-right: 5%; } /* line 152, ../sass/_contents.scss */ #contents #main-cnt section#price-main div.price-detail { margin-bottom: 20px; } /* line 155, ../sass/_contents.scss */ #contents #main-cnt section#price-main p.price-p { font-size: 16px; background-color: #ebebeb; padding-left: 15px; margin-left: 4%; position: relative; } /* line 161, ../sass/_contents.scss */ #contents #main-cnt section#price-main p.price-p::before { display: block; content: ''; position: absolute; width: 20px; height: 20px; top: .15em; left: -1.0em; background-color: #6ec5d5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 0 5px #fff; -webkit-box-shadow: 0 0 0 5px #fff; box-shadow: 0 0 0 5px #fff; } /* line 176, ../sass/_contents.scss */ #contents #main-cnt section#price-info .btn-label { width: 100px; } /* line 182, ../sass/_contents.scss */ #contents #main-cnt section#FAQ dt { padding: 0 3px 3px 3px; font-size: 14px; font-weight: bold; display: list-item; cursor: pointer; } /* line 189, ../sass/_contents.scss */ #contents #main-cnt section#FAQ dd { padding: 2px; } /**------------------ 共通：sub-cnt -------------------*/ /* line 4, ../sass/_subcnt.scss */ #sub-cnt { line-height: 1.5em; /* text-align : left; position: absolute; top: 10px; left: 0;*/ } /* line 10, ../sass/_subcnt.scss */ #sub-cnt ul.chk-list li { font-size: 95%; } /* line 14, ../sass/_subcnt.scss */ #sub-cnt section { padding-left: 10px; padding-right: 10px; font-size: 14px; /*margin-bottom : 10px;*/ } /* line 22, ../sass/_subcnt.scss */ #sub-cnt section#sub-pr ul { margin-top: 14px; } /* line 25, ../sass/_subcnt.scss */ #sub-cnt section#sub-pr ul li:first-child { margin-left: -14px; font-size: 95%; } /* line 28, ../sass/_subcnt.scss */ #sub-cnt section#sub-pr ul li:first-child::after { border: none; } /* line 36, ../sass/_subcnt.scss */ #sub-cnt section#sub-menu ul { margin: 0; padding: 0; list-style-type: none; } /* line 40, ../sass/_subcnt.scss */ #sub-cnt section#sub-menu ul li { display: inline; padding: 0; margin: 0; } /* line 44, ../sass/_subcnt.scss */ #sub-cnt section#sub-menu ul li a { display: block; /* border: 1px solid #474655; border-left: 8px solid #474655;*/ border-bottom: 2px solid #9f9f9f; border-left: 5px solid #6c6c6c; /*@include mix-back-polkadot(3px,3px,lighten($accentColor, 30%));*/ padding: 3px 10px; color: #333; margin: 1px 0px; text-align: left; font-size: 14px; } /* line 57, ../sass/_subcnt.scss */ #sub-cnt section#sub-menu ul li a:hover { background-color: #e5f4f7; /*background-image: none;*/ /*@include mix-back-polkadot(3px,3px,lighten($accentColor, 25%));*/ } /* line 67, ../sass/_subcnt.scss */ #sub-cnt section#sub-contact .tel a { font-size: 1.2em; color: #db3498; line-height: 1.5; } /* line 71, ../sass/_subcnt.scss */ #sub-cnt section#sub-contact .tel a:hover { text-decoration: underline; } /**------------------ 共通：footer -------------------*/ /* line 4, ../sass/_footer.scss */ footer { max-width: 1024px; color: #fff; height: 130px; padding: 10px 0px; margin: 0 auto; position: relative; background-color: #936; } /* line 12, ../sass/_footer.scss */ footer h2 { /*pege,name&read*/ display: none; position: absolute; right: 10px; font-size: 11px; color: #ccc; font-weight: normal; } /* line 21, ../sass/_footer.scss */ footer #shopfooter #logo-footer { color: #fff; font-size: 25px; margin-left: 10px; } /* line 25, ../sass/_footer.scss */ footer #shopfooter #logo-footer a { color: #fff; } /* line 29, ../sass/_footer.scss */ footer #shopfooter #contact-footer { display: none; position: absolute; top: 30px; right: 10px; } /* line 34, ../sass/_footer.scss */ footer #shopfooter #contact-footer .tel { float: left; padding: 0 10px; font-size: 12px; text-align: center; } /* line 39, ../sass/_footer.scss */ footer #shopfooter #contact-footer .tel a { font-size: 12px; color: #F78B83; line-height: 1; } /* line 44, ../sass/_footer.scss */ footer #shopfooter #contact-footer .tel a:hover { text-decoration: underline; } /* line 48, ../sass/_footer.scss */ footer #shopfooter #contact-footer .open { float: right; font-size: 12px; line-height: 1.2em; } /* line 55, ../sass/_footer.scss */ footer #copyright { margin-top: -5px; margin-left: 10px; font-size: 10px; color: #ccc; } /* line 61, ../sass/_footer.scss */ footer nav.footer-nav { font-size: 12px; margin-left: 10px; } /* line 64, ../sass/_footer.scss */ footer nav.footer-nav ul { overflow: hidden; margin-top: 10px; margin-left: 0px; width: 70%; } /* line 69, ../sass/_footer.scss */ footer nav.footer-nav ul:before { content: " |"; } /* line 72, ../sass/_footer.scss */ footer nav.footer-nav ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } /* line 74, ../sass/_footer.scss */ footer nav.footer-nav ul li a { color: #fff; } /* line 76, ../sass/_footer.scss */ footer nav.footer-nav ul li a:hover { text-decoration: underline; } /* line 80, ../sass/_footer.scss */ footer nav.footer-nav ul li:after { content: " |"; } /*@import "sendView";*/ /**------------------ 共通：sendView -------------------*/ /* line 5, ../sass/_sendForm.scss */ #askMeMail i { font-size: 1.5em; padding-right: 5px; } /* line 10, ../sass/_sendForm.scss */ #sendForm { /* z-index:12; position:relative; display:none; margin:1.5em; padding:10px 20px; border:2px solid #aaa; border-radius: 5px; margin: 0 5px 5px 0;*/ margin: 10px auto; border: solid 1px #9f9f9f; padding: 12px; border-radius: 3px; box-shadow: 2px 2px #ebebeb; /*background-color: $accentColor;*/ max-width: 90%; } /* line 28, ../sass/_sendForm.scss */ #sendForm h4 { font-size: 120%; margin-bottom: 1em; } /* line 32, ../sass/_sendForm.scss */ #sendForm input, #sendForm textarea { width: 95%; line-height: 1.5em; border: solid 1px #9f9f9f; } /* line 37, ../sass/_sendForm.scss */ #sendForm textarea { height: 50px; } /* line 40, ../sass/_sendForm.scss */ #sendForm .required { color: #f66; } /* line 43, ../sass/_sendForm.scss */ #sendForm #sendFormSubmitBtn { font-size: 120%; margin-top: 1em; margin-bottom: 1em; cursor: pointer; } /* line 48, ../sass/_sendForm.scss */ #sendForm #sendFormSubmitBtn:hover { background: #999; } /**------------------ TOP：リードメッセージ -------------------*/ /*$bgColor-fukidashi-ball:$mainsubColor;*/ /* line 6, ../sass/_readMsg.scss */ #readMsg { font-size: 1.2em; position: relative; /*display: inline-block;*/ padding: 10px 20px; width: auto; /* min-width: 115px;*/ height: 150px; color: #FFFFFF; line-height: 1.8em; /*text-align: center;*/ background: gray; background-image: url("../img/5dc3d3f65755f84c108cc635e3520e2d_m.jpg"); background-size: cover; background-position: center; border: solid 1px derken(#666, 20%); /*border-radius: 10px;*/ z-index: 0; margin-top: 20px; margin-bottom: 20px; } /* line 26, ../sass/_readMsg.scss */ #readMsg #readMsgText { font-size: 1.2em; text-shadow: 1px 1px 3px #000; } /* line 30, ../sass/_readMsg.scss */ #readMsg #readMsgTextSub { text-shadow: 1px 1px 3px #000; font-size: 80%; /*background:lighten( $bgColor-fukidashi-ball,30%);*/ padding: 2px 0; line-height: 1.5em; display: inline-block; } /* line 37, ../sass/_readMsg.scss */ #readMsg #readMsgTextSub:before { content: '>>'; } /*#readMsg:before { content: ""; position: absolute; bottom: -22px; left: 20px; margin-left: 0; display: block; width: 20px; height: 20px; background: lighten( $bgColor-fukidashi-ball,20%); border-radius: 50%; z-index: 0; } #readMsg:after { content: ""; position: absolute; bottom: -35px; left: 35px; margin-left: 0; display: block; width: 15px; height: 15px; background: lighten( $bgColor-fukidashi-ball,30%); border-radius: 50%; z-index: 0; }*/ /**------------------------------------------ メディアクエリーにてウィンドウ幅に対応 ブレイクポイント：320px,480px,640px,800px,900px,1024px -------------------------------------------*/ /*画面幅320px以上の指定*/ @media screen and (min-width: 320px) { /* line 8, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #logo { font-size: 30px; } /* line 11, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder nav.global { font-size: 85%; } /* line 17, ../sass/_mediaQuery2.scss */ #contents section#main .boxA, #contents section#main .boxB, #contents section#main .boxC, #contents section#main .boxD { font-size: 96%; } } /*画面幅480px以上の指定*/ @media screen and (min-width: 480px) { /* line 25, ../sass/_mediaQuery2.scss */ footer { height: 100px; } /* line 29, ../sass/_mediaQuery2.scss */ header h1 { font-size: 12px; bottom: 10px; } /* line 32, ../sass/_mediaQuery2.scss */ header h1 .areaStr { display: inline; } /* line 37, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #logo { margin: 30px 0 0 0px; font-size: 38px; } /* line 41, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder nav.global { font-size: 90%; } /* line 44, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #contact { top: 75px; } /* line 46, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #contact .tel { font-size: 14px; } /* line 48, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #contact .tel a { font-size: 14px; } /* line 58, ../sass/_mediaQuery2.scss */ #contents section#main .boxA, #contents section#main .boxB, #contents section#main .boxC, #contents section#main .boxD { font-size: 100%; } } /*画面幅640px以上の指定*/ @media screen and (min-width: 640px) { /* line 68, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder { /* h1{ font-size:13px; }*/ } /* line 72, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #logo { margin: 30px 0 0 50px; } /* line 75, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #contact { /*top:53px;*/ } /* line 77, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #contact .tel a { font-size: 17px; } /* line 81, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder nav.global { top: 5px; } /* line 90, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main { /* #programing,#createHp,#webInCharge,#officeWorkInPc{ float: left; }*/ } /* line 91, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #readMsg { font-size: 1.3em; } /* line 94, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan, #contents #main-cnt section#main #iCan2 { overflow: hidden; } /* line 96, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxA, #contents #main-cnt section#main #iCan .boxB, #contents #main-cnt section#main #iCan .boxC, #contents #main-cnt section#main #iCan .boxD, #contents #main-cnt section#main #iCan2 .boxA, #contents #main-cnt section#main #iCan2 .boxB, #contents #main-cnt section#main #iCan2 .boxC, #contents #main-cnt section#main #iCan2 .boxD { float: left; width: 43%; } /* line 100, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxA, #contents #main-cnt section#main #iCan .boxB, #contents #main-cnt section#main #iCan2 .boxA, #contents #main-cnt section#main #iCan2 .boxB { height: 200px; } /* line 103, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxC, #contents #main-cnt section#main #iCan .boxD, #contents #main-cnt section#main #iCan2 .boxC, #contents #main-cnt section#main #iCan2 .boxD { height: 110px; } /* line 116, ../sass/_mediaQuery2.scss */ footer { width: 93.75%; } /* line 119, ../sass/_mediaQuery2.scss */ footer #shopfooter #contact-footer { display: inline; } /* line 122, ../sass/_mediaQuery2.scss */ footer h2 { display: inline; } /* line 125, ../sass/_mediaQuery2.scss */ footer nav.footer-nav ul { width: 60%; } } /*画面幅800px以上の指定*/ @media screen and (min-width: 800px) { /* line 132, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #logo { margin: 35px 0 0 50px; font-size: 45px; } /* line 136, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #read { display: inline; /*デフォルト値をセット*/ } /* line 143, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan, #contents #main-cnt section#main #iCan2 { overflow: hidden; } /* line 145, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxA, #contents #main-cnt section#main #iCan .boxB, #contents #main-cnt section#main #iCan .boxC, #contents #main-cnt section#main #iCan .boxD, #contents #main-cnt section#main #iCan2 .boxA, #contents #main-cnt section#main #iCan2 .boxB, #contents #main-cnt section#main #iCan2 .boxC, #contents #main-cnt section#main #iCan2 .boxD { float: left; width: 45%; } /* line 149, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxA, #contents #main-cnt section#main #iCan .boxB, #contents #main-cnt section#main #iCan2 .boxA, #contents #main-cnt section#main #iCan2 .boxB { height: 170px; } /* line 152, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxC, #contents #main-cnt section#main #iCan .boxD, #contents #main-cnt section#main #iCan2 .boxC, #contents #main-cnt section#main #iCan2 .boxD { height: 100px; } } /*画面幅900px以上の指定*/ @media screen and (min-width: 900px) { /* line 166, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxA, #contents #main-cnt section#main #iCan .boxB, #contents #main-cnt section#main #iCan .boxC, #contents #main-cnt section#main #iCan .boxD, #contents #main-cnt section#main #iCan2 .boxA, #contents #main-cnt section#main #iCan2 .boxB, #contents #main-cnt section#main #iCan2 .boxC, #contents #main-cnt section#main #iCan2 .boxD { /*width:230px;*/ width: 29%; } /* line 170, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxA, #contents #main-cnt section#main #iCan .boxB, #contents #main-cnt section#main #iCan2 .boxA, #contents #main-cnt section#main #iCan2 .boxB { height: 230px; } /* line 173, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxC, #contents #main-cnt section#main #iCan .boxD, #contents #main-cnt section#main #iCan2 .boxC, #contents #main-cnt section#main #iCan2 .boxD { height: 100px; } } /*画面幅1024px以上の指定*/ @media screen and (min-width: 1024px) { /* line 183, ../sass/_mediaQuery2.scss */ header h1 { /*top:11px;*/ font-size: 13px; } /* line 187, ../sass/_mediaQuery2.scss */ header #headerSpase { position: relative; } /* line 190, ../sass/_mediaQuery2.scss */ header #headerSpase #shopheder #logo { font-size: 48px; } /* line 198, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxA, #contents #main-cnt section#main #iCan .boxB, #contents #main-cnt section#main #iCan .boxC, #contents #main-cnt section#main #iCan .boxD, #contents #main-cnt section#main #iCan2 .boxA, #contents #main-cnt section#main #iCan2 .boxB, #contents #main-cnt section#main #iCan2 .boxC, #contents #main-cnt section#main #iCan2 .boxD { width: 29%; } /* line 201, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxA, #contents #main-cnt section#main #iCan .boxB, #contents #main-cnt section#main #iCan2 .boxA, #contents #main-cnt section#main #iCan2 .boxB { height: 230px; } /* line 204, ../sass/_mediaQuery2.scss */ #contents #main-cnt section#main #iCan .boxC, #contents #main-cnt section#main #iCan .boxD, #contents #main-cnt section#main #iCan2 .boxC, #contents #main-cnt section#main #iCan2 .boxD { height: 100px; } } /*@import "mediaQuery";*/