@charset "UTF-8";
/*@import "compass/reset/";*/
/*$mainBrightColor:azure;*/
/**------------------
 * 共通：背景パターン
 *-------------------*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\0000352}}
.back-tartan {
  background-color: #BDD537;
  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; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\0000383}}
.back-polkadot {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImNpcmNsZSIgY3k9ImZhcnRoZXN0LXNpZGUiIHI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5OGQyZTQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk4ZDJlNCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -moz-radial-gradient(circle farthest-side, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  background: -webkit-radial-gradient(circle farthest-side, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  background: radial-gradient(circle farthest-side, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  -moz-background-size: 5px 5px;
  -o-background-size: 5px 5px;
  -webkit-background-size: 5px 5px;
  background-size: 5px 5px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\0000386}}
.back-vstripe {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZDJlNCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOThkMmU0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #98d2e4), color-stop(50%, #98d2e4), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(left, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  background: -webkit-linear-gradient(left, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  background: linear-gradient(to right, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  -moz-background-size: 5px 5px;
  -o-background-size: 5px 5px;
  -webkit-background-size: 5px 5px;
  background-size: 5px 5px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\0000389}}
.back-hstripe {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZDJlNCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOThkMmU0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98d2e4), color-stop(50%, #98d2e4), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(top, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  background: -webkit-linear-gradient(top, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  background: linear-gradient(to bottom, #98d2e4, #98d2e4 50%, #ffffff 50%, #ffffff);
  -moz-background-size: 20px 38px;
  -o-background-size: 20px 38px;
  -webkit-background-size: 20px 38px;
  background-size: 20px 38px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\0000392}}
.back-dstripe {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZDJlNCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjOThkMmU0Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOThkMmU0Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiM5OGQyZTQiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #98d2e4), color-stop(25%, #98d2e4), color-stop(25%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #98d2e4), color-stop(75%, #98d2e4), color-stop(75%, #ffffff), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(left top, #98d2e4, #98d2e4 25%, #ffffff 25%, #ffffff 50%, #98d2e4 50%, #98d2e4 75%, #ffffff 75%, #ffffff);
  background: -webkit-linear-gradient(left top, #98d2e4, #98d2e4 25%, #ffffff 25%, #ffffff 50%, #98d2e4 50%, #98d2e4 75%, #ffffff 75%, #ffffff);
  background: linear-gradient(to right bottom, #98d2e4, #98d2e4 25%, #ffffff 25%, #ffffff 50%, #98d2e4 50%, #98d2e4 75%, #ffffff 75%, #ffffff);
  -moz-background-size: 8px 8px;
  -o-background-size: 8px 8px;
  -webkit-background-size: 8px 8px;
  background-size: 8px 8px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\0000395}}
.back-grid {
  background-color: #fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZDJlNCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk4ZDJlNCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZDJlNCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk4ZDJlNCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(152, 210, 228, 0.5)), color-stop(50%, rgba(152, 210, 228, 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(152, 210, 228, 0.5)), color-stop(50%, rgba(152, 210, 228, 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(152, 210, 228, 0.5) 0%, rgba(152, 210, 228, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, rgba(152, 210, 228, 0.5) 0%, rgba(152, 210, 228, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(top, rgba(152, 210, 228, 0.5) 0%, rgba(152, 210, 228, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(left, rgba(152, 210, 228, 0.5) 0%, rgba(152, 210, 228, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(152, 210, 228, 0.5) 0%, rgba(152, 210, 228, 0.5) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, rgba(152, 210, 228, 0.5) 0%, rgba(152, 210, 228, 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; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\00003128}}
.flower {
  position: absolute;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle at 50% 59%, #bdd537 8%, rgba(54, 78, 39, 0) 15%) 0px -10px, linear-gradient(72deg, #84c9df 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px -18px, linear-gradient(288deg, #84c9df 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px -18px, radial-gradient(circle at 50% 59%, #84c9df 13%, rgba(54, 78, 39, 0) 12%) 0px 24px, linear-gradient(252deg, #84c9df 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px 15px, linear-gradient(108deg, #84c9df 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px 15px, radial-gradient(circle at 50% 59%, #84c9df 13%, rgba(54, 78, 39, 0) 12%) 0px -42px, linear-gradient(162deg, #84c9df 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px 49px, linear-gradient(378deg, #84c9df 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px -51px, radial-gradient(circle at 50% 59%, #84c9df 13%, rgba(54, 78, 39, 0) 12%) -36px -10px, linear-gradient(342deg, #84c9df 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px -51px, linear-gradient(198deg, #84c9df 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px 48px, radial-gradient(circle at 50% 59%, #84c9df 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); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\00003139}}
#f2 {
  background: radial-gradient(circle at 50% 59%, #bdd537 8%, rgba(54, 78, 39, 0) 15%) 0px -10px, linear-gradient(72deg, #5bb8d4 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px -18px, linear-gradient(288deg, #5bb8d4 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px -18px, radial-gradient(circle at 50% 59%, #5bb8d4 13%, rgba(54, 78, 39, 0) 12%) 0px 24px, linear-gradient(252deg, #5bb8d4 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px 15px, linear-gradient(108deg, #5bb8d4 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px 15px, radial-gradient(circle at 50% 59%, #5bb8d4 13%, rgba(54, 78, 39, 0) 12%) 0px -42px, linear-gradient(162deg, #5bb8d4 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px 49px, linear-gradient(378deg, #5bb8d4 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px -51px, radial-gradient(circle at 50% 59%, #5bb8d4 13%, rgba(54, 78, 39, 0) 12%) -36px -10px, linear-gradient(342deg, #5bb8d4 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px -51px, linear-gradient(198deg, #5bb8d4 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px 48px, radial-gradient(circle at 50% 59%, #5bb8d4 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); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_comBackground\.scss}line{font-family:\00003146}}
#f3 {
  background: radial-gradient(circle at 50% 59%, #bdd537 8%, rgba(54, 78, 39, 0) 15%) 0px -10px, linear-gradient(72deg, #4fb2d1 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px -18px, linear-gradient(288deg, #4fb2d1 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px -18px, radial-gradient(circle at 50% 59%, #4fb2d1 13%, rgba(54, 78, 39, 0) 12%) 0px 24px, linear-gradient(252deg, #4fb2d1 8.5%, rgba(0, 0, 0, 0) 8.5%) -50px 15px, linear-gradient(108deg, #4fb2d1 8.5%, rgba(0, 0, 0, 0) 8.5%) 50px 15px, radial-gradient(circle at 50% 59%, #4fb2d1 13%, rgba(54, 78, 39, 0) 12%) 0px -42px, linear-gradient(162deg, #4fb2d1 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px 49px, linear-gradient(378deg, #4fb2d1 8.5%, rgba(0, 0, 0, 0) 8.5%) 16px -51px, radial-gradient(circle at 50% 59%, #4fb2d1 13%, rgba(54, 78, 39, 0) 12%) -36px -10px, linear-gradient(342deg, #4fb2d1 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px -51px, linear-gradient(198deg, #4fb2d1 8.5%, rgba(0, 0, 0, 0) 8.5%) -16px 48px, radial-gradient(circle at 50% 59%, #4fb2d1 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); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\000031}}
*,
*::before,
*::after {
  box-sizing: border-box;
  --maxWidth: 1024px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\000037}}
body {
  margin: 0;
  overflow-x: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000310}}
  body ul {
    list-style-type: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000313}}
  body a {
    text-decoration: none; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000318}}
body {
  color: #005385;
  background-color: #fff;
  font-size: 15px;
  font-family: 'Noto Sans JP', sans-serif;
  /* ルビ設定 start */
  /* ルビ設定 end */ }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000325}}
  body [data-ruby] {
    position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000328}}
  body [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.5em;
    white-space: nowrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000340}}
  body #wrapper {
    /*background-color: #dff;*/
    /*        border-left: #acc dotted 6px;
            border-right: #acc dotted 6px;*/
    max-width: var(--maxWidth);
    margin: 0 auto;
    /* header -------------------------------- */
    /* challenge ----------------------------- */
    /* checkanswer --------------------------- */
    /* google adsence tag Area 用*/ }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000347}}
    body #wrapper header {
      position: relative;
      height: 100px;
      background-color: #fff;
      padding: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000352}}
      body #wrapper header #hRead {
        position: absolute;
        right: 15px;
        text-align: right; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000356}}
        body #wrapper header #hRead #hStr {
          font-size: 0.7em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000359}}
        body #wrapper header #hRead #hStr2 {
          font-size: 1em;
          line-height: 2em;
          position: relative;
          top: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000366}}
      body #wrapper header #logo {
        /*font-size: 1.6em;*/
        font-size: 1.9em;
        position: absolute;
        top: 25px;
        color: #005385; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000373}}
      body #wrapper header #soundSwitchHeaderArea {
        display: none;
        position: absolute;
        left: 1em;
        top: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000382}}
    body #wrapper div#startArea {
      /* challenge */
      display: none;
      text-align: center;
      height: 200px;
      padding-top: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000387}}
      body #wrapper div#startArea #msg {
        font-size: 0.7em;
        line-height: 1.2em;
        margin: 1em;
        color: #BDD537; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000394}}
    body #wrapper div#itemArea {
      display: none;
      text-align: center;
      /*background: $mainColor;//#cef;*/ }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\0000398}}
      body #wrapper div#itemArea #pic {
        margin: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003102}}
      body #wrapper div#itemArea form#report {
        margin: 0 auto 20px;
        font-size: 1.5em;
        background: #98D2E4;
        width: 80%;
        padding: 0.5em;
        border-radius: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003109}}
        body #wrapper div#itemArea form#report #question {
          margin: 0.5em auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003112}}
        body #wrapper div#itemArea form#report #answerData {
          width: 95%;
          font-size: 1.3em;
          text-align: center;
          margin-bottom: 0.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003118}}
        body #wrapper div#itemArea form#report #hintBtn,
        body #wrapper div#itemArea form#report #answerBtn {
          width: 80%;
          /*margin: 20px;*/
          margin: 0.8em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003124}}
        body #wrapper div#itemArea form#report #hintBtn {
          background-color: #00ABCA;
          font-size: 0.8em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003128}}
        body #wrapper div#itemArea form#report .hintVolOn:after {
          content: ' \f028';
          font-family: 'Font Awesome 5 Free';
          font-weight: 900; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003133}}
        body #wrapper div#itemArea form#report .hintVolOff:after {
          content: ' \f6a9';
          font-family: 'Font Awesome 5 Free';
          font-weight: 900; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003138}}
        body #wrapper div#itemArea form#report #answerBtn {
          font-size: 1em;
          border-radius: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003147}}
    body #wrapper div#resultArea {
      text-align: center;
      font-size: 2.5em;
      margin: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003151}}
      body #wrapper div#resultArea #strSeikai, body #wrapper div#resultArea #strMachigai {
        display: inline-block;
        padding: 1em;
        position: relative;
        border-radius: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003156}}
        body #wrapper div#resultArea #strSeikai #kigo:before, body #wrapper div#resultArea #strMachigai #kigo:before {
          position: relative;
          font-size: 2.5em;
          line-height: 0.7em;
          top: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003162}}
        body #wrapper div#resultArea #strSeikai p, body #wrapper div#resultArea #strMachigai p {
          margin-top: 0.5em;
          font-size: 0.9em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003167}}
      body #wrapper div#resultArea #strSeikai {
        /*background-color: #ffe6ea;*/
        background-color: rgba(215, 18, 139, 0.1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003170}}
        body #wrapper div#resultArea #strSeikai #kigo:before {
          content: '○';
          color: #D7128B; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003175}}
      body #wrapper div#resultArea #strMachigai {
        /*background-color: azure;*/
        background-color: rgba(0, 171, 202, 0.1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003178}}
        body #wrapper div#resultArea #strMachigai #kigo:before {
          content: '×';
          color: #00ABCA; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003184}}
    body #wrapper form#nextQ {
      margin: 2em auto;
      text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003187}}
      body #wrapper form#nextQ #nextBtn {
        font-size: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003189}}
        body #wrapper form#nextQ #nextBtn:after {
          content: "  >>"; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003193}}
      body #wrapper form#nextQ #gohobiBtn {
        font-size: 1em;
        margin-left: 2%;
        background-color: #D7128B; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003197}}
        body #wrapper form#nextQ #gohobiBtn:after {
          content: "★"; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003202}}
    body #wrapper div#gohobiArea {
      display: none;
      /*text-align: center;*/
      margin: 1em auto;
      position: relative;
      height: 350px;
      width: 560px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003209}}
      body #wrapper div#gohobiArea #player {
        position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003212}}
      body #wrapper div#gohobiArea #playerEnd {
        border-radius: 30px;
        border: solid;
        text-align: center;
        display: none;
        position: absolute;
        /*margin: auto;*/
        height: 315px;
        width: 560px;
        background-color: #98D2E4;
        animation: fadeIn 2s ease 0s 1 normal; }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003227}}
        body #wrapper div#gohobiArea #playerEnd #strA {
          font-size: 2em;
          line-height: 2em;
          margin: 0.5em auto 0.1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003232}}
        body #wrapper div#gohobiArea #playerEnd #strB {
          font-size: 0.9em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003234}}
          body #wrapper div#gohobiArea #playerEnd #strB:before, body #wrapper div#gohobiArea #playerEnd #strB:after {
            content: '☆'; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003238}}
        body #wrapper div#gohobiArea #playerEnd #strC {
          font-size: 1.5em;
          line-height: 2em;
          margin-top: 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003245}}
    body #wrapper div#resultAllsArea {
      text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003247}}
      body #wrapper div#resultAllsArea table#resultTable {
        margin: 1em auto;
        border-collapse: collapse; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003250}}
        body #wrapper div#resultAllsArea table#resultTable th, body #wrapper div#resultAllsArea table#resultTable td {
          border: solid 1px;
          padding: 5px;
          height: 2.5em;
          vertical-align: bottom; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003256}}
        body #wrapper div#resultAllsArea table#resultTable th:nth-child(2) {
          /*2番めのthだけ*/
          min-width: 100px;
          padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003260}}
        body #wrapper div#resultAllsArea table#resultTable .bgT {
          /*background-color: pink;*/
          background-color: rgba(215, 18, 139, 0.1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003264}}
        body #wrapper div#resultAllsArea table#resultTable .bgF {
          /*background-color: azure;*/
          background-color: rgba(0, 171, 202, 0.1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003270}}
      body #wrapper div#resultAllsArea #nextBtn2 {
        margin: 2em auto;
        font-size: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003273}}
        body #wrapper div#resultAllsArea #nextBtn2:after {
          content: "  >>"; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003278}}
    body #wrapper #resetArea {
      margin: 4em auto 2em;
      text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003281}}
      body #wrapper #resetArea #resetBtn {
        font-size: 1em;
        background-color: #00ABCA;
        /*                font-size: 1em;
                        border: none;
                        display: inline-block;
                        padding: 0.5em 1em;
                        text-decoration: none;
                        background: #668ad8;ボタン色
                        color: #FFF;
                        border-bottom: solid 4px #627295;
                        border-radius: 3px;
                        &:active {
                            ボタンを押したとき
                            -webkit-transform: translateY(4px);
                            transform: translateY(4px);下に動く
                            box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);影を小さく
                            border-bottom: none;
                        }*/ }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003303}}
    body #wrapper #google-ads-area {
      text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_style\.scss}line{font-family:\00003306}}
    body #wrapper footer {
      position: relative;
      height: 100px;
      background-color: #fff;
      padding: 15px; }

@keyframes flashHint {
  0%,100% {
    opacity: 1; }
  50% {
    opacity: 0; } }
/*@import "header.scss";*/
/**------------------
 * 共通：ボタン
 *-------------------*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_buttons\.scss}line{font-family:\000035}}
.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #BDD537;
  /*ボタン色*/
  color: #fff;
  border-bottom: solid 4px #005385;
  border-radius: 3px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_buttons\.scss}line{font-family:\0000314}}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  /*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  /*影を小さく*/
  border-bottom: none; }

/**------------------
 * 音 on/off switch
 *-------------------*/
/* === ボタンを表示するエリア ============================== */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_onoffSwitch\.scss}line{font-family:\000036}}
.switchArea {
  line-height: 36px;
  /* 1行の高さ          */
  letter-spacing: 0;
  /* 文字間             */
  text-align: center;
  /* 文字位置は中央     */
  font-size: 15px;
  /* 文字サイズ         */
  position: relative;
  /* 親要素が基点       */
  margin: auto;
  /* 中央寄せ           */
  width: 135px;
  /* ボタンの横幅       */
  background: #fff;
  /* デフォルト背景色   */
  border-radius: 18px;
  /* 角丸               */ }

/* === チェックボックス ==================================== */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_onoffSwitch\.scss}line{font-family:\0000320}}
.switchArea input[type="checkbox"] {
  display: none;
  /* チェックボックス非表示 */ }

/* === チェックボックスのラベル（標準） ==================== */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_onoffSwitch\.scss}line{font-family:\0000325}}
.switchArea label {
  display: block;
  /* ボックス要素に変更 */
  box-sizing: border-box;
  /* 枠線を含んだサイズ */
  height: 36px;
  /* ボタンの高さ       */
  border: 2px solid #999999;
  /* 未選択タブのの枠線 */
  border-radius: 18px;
  /* 角丸               */ }

/* === チェックボックスのラベル（ONのとき） ================ */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_onoffSwitch\.scss}line{font-family:\0000334}}
.switchArea input[type="checkbox"]:checked + label {
  border-color: #516c9d;
  /* 選択タブの枠線     */ }

/* === 表示する文字（標準） ================================ */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_onoffSwitch\.scss}line{font-family:\0000339}}
.switchArea label span:after {
  content: "おと＝なし";
  /* 表示する文字       */
  padding: 0 0 0 21px;
  /* 表示する位置       */
  color: #999999;
  /* 文字色             */ }

/* === 表示する文字（ONのとき） ============================ */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_onoffSwitch\.scss}line{font-family:\0000346}}
.switchArea input[type="checkbox"]:checked + label span:after {
  content: "おと＝あり";
  /* 表示する文字       */
  padding: 0 21px 0 0;
  /* 表示する位置       */
  color: #516c9d;
  /* 文字色             */ }

/* === 丸部分のSTYLE（標準） =============================== */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_onoffSwitch\.scss}line{font-family:\0000353}}
.switchArea #swImg {
  position: absolute;
  /* 親要素からの相対位置*/
  width: 28px;
  /* 丸の横幅           */
  height: 28px;
  /* 丸の高さ           */
  background: #999999;
  /* カーソルタブの背景 */
  top: 4px;
  /* 親要素からの位置   */
  left: 4px;
  /* 親要素からの位置   */
  border-radius: 14px;
  /* 角丸               */
  transition: .2s;
  /* 滑らか変化         */ }

/* === 丸部分のSTYLE（ONのとき） =========================== */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_onoffSwitch\.scss}line{font-family:\0000365}}
.switchArea input[type="checkbox"]:checked ~ #swImg {
  transform: translateX(99px);
  /* 丸も右へ移動       */
  background: #516c9d;
  /* カーソルタブの背景 */ }

/**------------------------------------------
 * メディアクエリーにてウィンドウ幅に対応
 * ブレイクポイント：320px,480px,640px,800px,900px,1024px
 *-------------------------------------------*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\000035}}
body {
  /*画面幅640px以上の指定*/ }
  @media screen and (min-width: 640px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\000035}}
    body {
      font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\000039}}
      body [data-ruby]::before {
        top: -0.7em; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000314}}
  body #wrapper {
    /*画面幅320px以上の指定*/
    /*画面幅480px以上の指定*/
    /*画面幅640px以上の指定*/
    /*画面幅800px以上の指定*/
    /*画面幅900px以上の指定*/
    /*画面幅1024px以上の指定*/ }
    @media screen and (min-width: 320px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000318}}
      body #wrapper header #logo {
        top: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000321}}
      body #wrapper header #soundSwitchHeaderArea {
        display: block; } }
    @media screen and (min-width: 480px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000336}}
      body #wrapper header #soundSwitchHeaderArea {
        right: 15px;
        left: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000341}}
      body #wrapper header #hRead #hStr2 {
        top: 0px; } }
    @media screen and (min-width: 640px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000314}}
      body #wrapper {
        /* checkanswer --------------------------- */ }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000351}}
        body #wrapper header #hRead #hStr2 {
          font-size: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000355}}
        body #wrapper header #logo {
          /*font-size: 2em;*/ }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000363}}
        body #wrapper div#resultAllsArea table#resultTable th, body #wrapper div#resultAllsArea table#resultTable td {
          height: 2.2em; } }
    @media screen and (min-width: 800px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/nanakoryuge\/TestSites\/testsite-h\/test\/challenge\/sass\/_mediaQuery\.scss}line{font-family:\0000374}}
      body #wrapper header #logo {
        /*font-size: 2.3em;*/ } }