/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.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, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.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, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.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, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Ruby21-x64/lib/ruby/gems/2.1.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;
}

/* Scss Document */
/* line 3, ../scss/_common.scss */
* {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
  font-size: 12px;
}

/* line 24, ../scss/_common.scss */
.noword {
  visibility: hidden;
}

/* line 28, ../scss/_common.scss */
.clearfix {
  overflow: hidden;
  zoom: 1;
}
/* line 33, ../scss/_common.scss */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 43, ../scss/_common.scss */
.link1 {
  color: #ffffff;
  text-decoration: none;
}
/* line 46, ../scss/_common.scss */
.link1:hover {
  text-decoration: underline;
}

/* line 66, ../scss/_common.scss */
.grid {
  position: relative;
  width: 100%;
}

/* line 67, ../scss/_common.scss */
.grid .g1, .grid .g2, .grid .g3, .grid .g4, .grid .g5, .grid .g6,
.grid .g7, .grid .g8, .grid .g9, .grid .g10, .grid .g11, .grid .g12, .d5, .d7 {
  position: relative;
  float: left;
  margin-left: 2.35294% !important;
  /*background-color:#ffeeee;*/
}

/* line 70, ../scss/_common.scss */
.grid .g1 {
  width: 6.17647%;
}

/* line 71, ../scss/_common.scss */
.grid .g2 {
  width: 14.70588%;
}

/* line 72, ../scss/_common.scss */
.grid .g3 {
  width: 23.23529%;
}

/* line 73, ../scss/_common.scss */
.grid .g4 {
  width: 31.76471%;
}

/* line 74, ../scss/_common.scss */
.grid .g5 {
  width: 40.29412%;
}

/* line 75, ../scss/_common.scss */
.grid .g6 {
  width: 48.82353%;
}

/* line 76, ../scss/_common.scss */
.grid .g7 {
  width: 57.35294%;
}

/* line 77, ../scss/_common.scss */
.grid .g8 {
  width: 65.88235%;
}

/* line 78, ../scss/_common.scss */
.grid .g9 {
  width: 74.41176%;
}

/* line 79, ../scss/_common.scss */
.grid .g10 {
  width: 82.94118%;
}

/* line 80, ../scss/_common.scss */
.grid .g11 {
  width: 91.47059%;
}

/* line 81, ../scss/_common.scss */
.grid .g12 {
  width: 100%;
  margin-left: 0 !important;
  /*clear:left;*/
}

/* line 82, ../scss/_common.scss */
.grid .d5 {
  width: 18.11765%;
}

/* line 83, ../scss/_common.scss */
.grid .fst {
  margin-left: 0 !important;
  clear: left;
}

/* line 84, ../scss/_common.scss */
.grid:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 85, ../scss/_common.scss */
.grid {
  display: inline-block;
}

/* line 85, ../scss/_common.scss */
.grid {
  display: block;
}

/* line 86, ../scss/_common.scss */
.grid .grid {
  width: 100%;
}

/* line 88, ../scss/_common.scss */
.grid .sg1, .grid .sg2, .grid .sg3, .grid .sg4, .grid .sg5, .grid .sg6,
.grid .sg7, .grid .sg8, .grid .sg9, .grid .sg10, .grid .sg11, .grid .sg12, .sd5, .sd7 {
  position: relative;
  float: left;
  margin-left: 2.35294% !important;
  /*background-color:#ffeeee;*/
}

/* line 91, ../scss/_common.scss */
.grid .sg1 {
  width: 6.17647%;
}

/* line 92, ../scss/_common.scss */
.grid .sg2 {
  width: 14.70588%;
}

/* line 93, ../scss/_common.scss */
.grid .sg3 {
  width: 23.23529%;
}

/* line 94, ../scss/_common.scss */
.grid .sg4 {
  width: 31.76471%;
}

/* line 95, ../scss/_common.scss */
.grid .sg5 {
  width: 40.29412%;
}

/* line 96, ../scss/_common.scss */
.grid .sg6 {
  width: 48.82353%;
}

/* line 97, ../scss/_common.scss */
.grid .sg7 {
  width: 57.35294%;
}

/* line 98, ../scss/_common.scss */
.grid .sg8 {
  width: 65.88235%;
}

/* line 99, ../scss/_common.scss */
.grid .sg9 {
  width: 74.41176%;
}

/* line 100, ../scss/_common.scss */
.grid .sg10 {
  width: 82.94118%;
}

/* line 101, ../scss/_common.scss */
.grid .sg11 {
  width: 91.47059%;
}

/* line 102, ../scss/_common.scss */
.grid .sg12 {
  width: 100%;
  margin-left: 0 !important;
  /*clear:left;*/
}

/* line 103, ../scss/_common.scss */
.grid .sfst {
  margin-left: 0 !important;
  clear: left;
}

/* line 104, ../scss/_common.scss */
.grid:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 105, ../scss/_common.scss */
.grid {
  display: inline-block;
}

/* line 105, ../scss/_common.scss */
.grid {
  display: block;
}

/* line 107, ../scss/_common.scss */
.grid .sg1, .grid .sg2, .grid .sg3, .grid .sg4, .grid .sg5, .grid .sg6,
.grid .sg7, .grid .sg8, .grid .sg9, .grid .sg10, .grid .sg11, .grid .sg12, .sd5, .sd7 {
  float: none;
  width: 100%;
  margin-left: 0 !important;
}

/* line 110, ../scss/_common.scss */
.grid .sfst {
  clear: none;
}

/* line 111, ../scss/_common.scss */
.grid {
  position: relative;
  width: 100%;
}

/* line 112, ../scss/_common.scss */
.grid .ssg1, .grid .ssg2, .grid .ssg3, .grid .ssg4, .grid .ssg5, .grid .ssg6,
.grid .ssg7, .grid .ssg8, .grid .ssg9, .grid .ssg10, .grid .ssg11, .grid .ssg12, .ssd5, .ssd7 {
  position: relative;
  float: left;
  margin-left: 2.35294% !important;
  /*background-color:#ffeeee;*/
}

/* line 115, ../scss/_common.scss */
.grid .ssg1 {
  width: 6.17647%;
}

/* line 116, ../scss/_common.scss */
.grid .ssg2 {
  width: 14.70588%;
}

/* line 117, ../scss/_common.scss */
.grid .ssg3 {
  width: 23.23529%;
}

/* line 118, ../scss/_common.scss */
.grid .ssg4 {
  width: 31.76471%;
}

/* line 119, ../scss/_common.scss */
.grid .ssg5 {
  width: 40.29412%;
}

/* line 120, ../scss/_common.scss */
.grid .ssg6 {
  width: 48.82353%;
}

/* line 121, ../scss/_common.scss */
.grid .ssg7 {
  width: 57.35294%;
}

/* line 122, ../scss/_common.scss */
.grid .ssg8 {
  width: 65.88235%;
}

/* line 123, ../scss/_common.scss */
.grid .ssg9 {
  width: 74.41176%;
}

/* line 124, ../scss/_common.scss */
.grid .ssg10 {
  width: 82.94118%;
}

/* line 125, ../scss/_common.scss */
.grid .ssg11 {
  width: 91.47059%;
}

/* line 126, ../scss/_common.scss */
.grid .ssg12 {
  width: 100%;
  margin-left: 0 !important;
  /*clear:left;*/
}

/* line 127, ../scss/_common.scss */
.grid .ssfst {
  margin-left: 0 !important;
  clear: left;
}

/* line 128, ../scss/_common.scss */
.grid:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 129, ../scss/_common.scss */
.grid {
  display: inline-block;
}

/* line 129, ../scss/_common.scss */
.grid {
  display: block;
}

/* line 133, ../scss/_common.scss */
.ma0 {
  margin: 0;
}

/* line 133, ../scss/_common.scss */
.mt0 {
  margin-top: 0;
}

/* line 133, ../scss/_common.scss */
.mr0 {
  margin-right: 0;
}

/* line 133, ../scss/_common.scss */
.mb0 {
  margin-bottom: 0;
}

/* line 133, ../scss/_common.scss */
.ml0 {
  margin-left: 0;
}

/* line 134, ../scss/_common.scss */
.ma1 {
  margin: 1px;
}

/* line 134, ../scss/_common.scss */
.mt1 {
  margin-top: 1px;
}

/* line 134, ../scss/_common.scss */
.mr1 {
  margin-right: 1px;
}

/* line 134, ../scss/_common.scss */
.mb1 {
  margin-bottom: 1px;
}

/* line 134, ../scss/_common.scss */
.ml1 {
  margin-left: 1px;
}

/* line 135, ../scss/_common.scss */
.ma2 {
  margin: 2px;
}

/* line 135, ../scss/_common.scss */
.mt2 {
  margin-top: 2px;
}

/* line 135, ../scss/_common.scss */
.mr2 {
  margin-right: 2px;
}

/* line 135, ../scss/_common.scss */
.mb2 {
  margin-bottom: 2px;
}

/* line 135, ../scss/_common.scss */
.ml2 {
  margin-left: 2px;
}

/* line 136, ../scss/_common.scss */
.ma3 {
  margin: 3px;
}

/* line 136, ../scss/_common.scss */
.mt3 {
  margin-top: 3px;
}

/* line 136, ../scss/_common.scss */
.mr3 {
  margin-right: 3px;
}

/* line 136, ../scss/_common.scss */
.mb3 {
  margin-bottom: 3px;
}

/* line 136, ../scss/_common.scss */
.ml3 {
  margin-left: 3px;
}

/* line 137, ../scss/_common.scss */
.ma4 {
  margin: 4px;
}

/* line 137, ../scss/_common.scss */
.mt4 {
  margin-top: 4px;
}

/* line 137, ../scss/_common.scss */
.mr4 {
  margin-right: 4px;
}

/* line 137, ../scss/_common.scss */
.mb4 {
  margin-bottom: 4px;
}

/* line 137, ../scss/_common.scss */
.ml4 {
  margin-left: 4px;
}

/* line 138, ../scss/_common.scss */
.ma5 {
  margin: 5px;
}

/* line 138, ../scss/_common.scss */
.mt5 {
  margin-top: 5px;
}

/* line 138, ../scss/_common.scss */
.mr5 {
  margin-right: 5px;
}

/* line 138, ../scss/_common.scss */
.mb5 {
  margin-bottom: 5px;
}

/* line 138, ../scss/_common.scss */
.ml5 {
  margin-left: 5px;
}

/* line 139, ../scss/_common.scss */
.ma6 {
  margin: 6px;
}

/* line 139, ../scss/_common.scss */
.mt6 {
  margin-top: 6px;
}

/* line 139, ../scss/_common.scss */
.mr6 {
  margin-right: 6px;
}

/* line 139, ../scss/_common.scss */
.mb6 {
  margin-bottom: 6px;
}

/* line 139, ../scss/_common.scss */
.ml6 {
  margin-left: 6px;
}

/* line 140, ../scss/_common.scss */
.ma7 {
  margin: 7px;
}

/* line 140, ../scss/_common.scss */
.mt7 {
  margin-top: 7px;
}

/* line 140, ../scss/_common.scss */
.mr7 {
  margin-right: 7px;
}

/* line 140, ../scss/_common.scss */
.mb7 {
  margin-bottom: 7px;
}

/* line 140, ../scss/_common.scss */
.ml7 {
  margin-left: 7px;
}

/* line 141, ../scss/_common.scss */
.ma8 {
  margin: 8px;
}

/* line 141, ../scss/_common.scss */
.mt8 {
  margin-top: 8px;
}

/* line 141, ../scss/_common.scss */
.mr8 {
  margin-right: 8px;
}

/* line 141, ../scss/_common.scss */
.mb8 {
  margin-bottom: 8px;
}

/* line 141, ../scss/_common.scss */
.ml8 {
  margin-left: 8px;
}

/* line 142, ../scss/_common.scss */
.ma9 {
  margin: 9px;
}

/* line 142, ../scss/_common.scss */
.mt9 {
  margin-top: 9px;
}

/* line 142, ../scss/_common.scss */
.mr9 {
  margin-right: 9px;
}

/* line 142, ../scss/_common.scss */
.mb9 {
  margin-bottom: 9px;
}

/* line 142, ../scss/_common.scss */
.ml9 {
  margin-left: 9px;
}

/* line 143, ../scss/_common.scss */
.ma10 {
  margin: 10px;
}

/* line 143, ../scss/_common.scss */
.mt10 {
  margin-top: 10px;
}

/* line 143, ../scss/_common.scss */
.mr10 {
  margin-right: 10px;
}

/* line 143, ../scss/_common.scss */
.mb10 {
  margin-bottom: 10px;
}

/* line 143, ../scss/_common.scss */
.ml10 {
  margin-left: 10px;
}

/* line 144, ../scss/_common.scss */
.ma15 {
  margin: 15px;
}

/* line 144, ../scss/_common.scss */
.mt15 {
  margin-top: 15px;
}

/* line 144, ../scss/_common.scss */
.mr15 {
  margin-right: 15px;
}

/* line 144, ../scss/_common.scss */
.mb15 {
  margin-bottom: 15px;
}

/* line 144, ../scss/_common.scss */
.ml15 {
  margin-left: 15px;
}

/* line 145, ../scss/_common.scss */
.ma20 {
  margin: 20px;
}

/* line 145, ../scss/_common.scss */
.mt20 {
  margin-top: 20px;
}

/* line 145, ../scss/_common.scss */
.mr20 {
  margin-right: 20px;
}

/* line 145, ../scss/_common.scss */
.mb20 {
  margin-bottom: 20px;
}

/* line 145, ../scss/_common.scss */
.ml20 {
  margin-left: 20px;
}

/* line 146, ../scss/_common.scss */
.ma25 {
  margin: 25px;
}

/* line 146, ../scss/_common.scss */
.mt25 {
  margin-top: 25px;
}

/* line 146, ../scss/_common.scss */
.mr25 {
  margin-right: 25px;
}

/* line 146, ../scss/_common.scss */
.mb25 {
  margin-bottom: 25px;
}

/* line 146, ../scss/_common.scss */
.ml25 {
  margin-left: 25px;
}

/* line 147, ../scss/_common.scss */
.ma30 {
  margin: 30px;
}

/* line 147, ../scss/_common.scss */
.mt30 {
  margin-top: 30px;
}

/* line 147, ../scss/_common.scss */
.mr30 {
  margin-right: 30px;
}

/* line 147, ../scss/_common.scss */
.mb30 {
  margin-bottom: 30px;
}

/* line 147, ../scss/_common.scss */
.ml30 {
  margin-left: 30px;
}

/* line 148, ../scss/_common.scss */
.ma35 {
  margin: 35px;
}

/* line 148, ../scss/_common.scss */
.mt35 {
  margin-top: 35px;
}

/* line 148, ../scss/_common.scss */
.mr35 {
  margin-right: 35px;
}

/* line 148, ../scss/_common.scss */
.mb35 {
  margin-bottom: 35px;
}

/* line 148, ../scss/_common.scss */
.ml35 {
  margin-left: 35px;
}

/* line 149, ../scss/_common.scss */
.ma40 {
  margin: 40px;
}

/* line 149, ../scss/_common.scss */
.mt40 {
  margin-top: 40px;
}

/* line 149, ../scss/_common.scss */
.mr40 {
  margin-right: 40px;
}

/* line 149, ../scss/_common.scss */
.mb40 {
  margin-bottom: 40px;
}

/* line 149, ../scss/_common.scss */
.ml40 {
  margin-left: 40px;
}

/* line 150, ../scss/_common.scss */
.ma45 {
  margin: 45px;
}

/* line 150, ../scss/_common.scss */
.mt45 {
  margin-top: 45px;
}

/* line 150, ../scss/_common.scss */
.mr45 {
  margin-right: 45px;
}

/* line 150, ../scss/_common.scss */
.mb45 {
  margin-bottom: 45px;
}

/* line 150, ../scss/_common.scss */
.ml45 {
  margin-left: 45px;
}

/* line 151, ../scss/_common.scss */
.ma50 {
  margin: 50px;
}

/* line 151, ../scss/_common.scss */
.mt50 {
  margin-top: 50px;
}

/* line 151, ../scss/_common.scss */
.mr50 {
  margin-right: 50px;
}

/* line 151, ../scss/_common.scss */
.mb50 {
  margin-bottom: 50px;
}

/* line 151, ../scss/_common.scss */
.ml50 {
  margin-left: 50px;
}

/* line 154, ../scss/_common.scss */
.pa0 {
  padding: 0;
}

/* line 154, ../scss/_common.scss */
.pt0 {
  padding-top: 0;
}

/* line 154, ../scss/_common.scss */
.pr0 {
  padding-right: 0;
}

/* line 154, ../scss/_common.scss */
.pb0 {
  padding-bottom: 0;
}

/* line 154, ../scss/_common.scss */
.pl0 {
  padding-left: 0;
}

/* line 155, ../scss/_common.scss */
.pa1 {
  padding: 1px;
}

/* line 155, ../scss/_common.scss */
.pt1 {
  padding-top: 1px;
}

/* line 155, ../scss/_common.scss */
.pr1 {
  padding-right: 1px;
}

/* line 155, ../scss/_common.scss */
.pb1 {
  padding-bottom: 1px;
}

/* line 155, ../scss/_common.scss */
.pl1 {
  padding-left: 1px;
}

/* line 156, ../scss/_common.scss */
.pa2 {
  padding: 2px;
}

/* line 156, ../scss/_common.scss */
.pt2 {
  padding-top: 2px;
}

/* line 156, ../scss/_common.scss */
.pr2 {
  padding-right: 2px;
}

/* line 156, ../scss/_common.scss */
.pb2 {
  padding-bottom: 2px;
}

/* line 156, ../scss/_common.scss */
.pl2 {
  padding-left: 2px;
}

/* line 157, ../scss/_common.scss */
.pa3 {
  padding: 3px;
}

/* line 157, ../scss/_common.scss */
.pt3 {
  padding-top: 3px;
}

/* line 157, ../scss/_common.scss */
.pr3 {
  padding-right: 3px;
}

/* line 157, ../scss/_common.scss */
.pb3 {
  padding-bottom: 3px;
}

/* line 157, ../scss/_common.scss */
.pl3 {
  padding-left: 3px;
}

/* line 158, ../scss/_common.scss */
.pa4 {
  padding: 4px;
}

/* line 158, ../scss/_common.scss */
.pt4 {
  padding-top: 4px;
}

/* line 158, ../scss/_common.scss */
.pr4 {
  padding-right: 4px;
}

/* line 158, ../scss/_common.scss */
.pb4 {
  padding-bottom: 4px;
}

/* line 158, ../scss/_common.scss */
.pl4 {
  padding-left: 4px;
}

/* line 159, ../scss/_common.scss */
.pa5 {
  padding: 5px;
}

/* line 159, ../scss/_common.scss */
.pt5 {
  padding-top: 5px;
}

/* line 159, ../scss/_common.scss */
.pr5 {
  padding-right: 5px;
}

/* line 159, ../scss/_common.scss */
.pb5 {
  padding-bottom: 5px;
}

/* line 159, ../scss/_common.scss */
.pl5 {
  padding-left: 5px;
}

/* line 160, ../scss/_common.scss */
.pa6 {
  padding: 6px;
}

/* line 160, ../scss/_common.scss */
.pt6 {
  padding-top: 6px;
}

/* line 160, ../scss/_common.scss */
.pr6 {
  padding-right: 6px;
}

/* line 160, ../scss/_common.scss */
.pb6 {
  padding-bottom: 6px;
}

/* line 160, ../scss/_common.scss */
.pl6 {
  padding-left: 6px;
}

/* line 161, ../scss/_common.scss */
.pa7 {
  padding: 7px;
}

/* line 161, ../scss/_common.scss */
.pt7 {
  padding-top: 7px;
}

/* line 161, ../scss/_common.scss */
.pr7 {
  padding-right: 7px;
}

/* line 161, ../scss/_common.scss */
.pb7 {
  padding-bottom: 7px;
}

/* line 161, ../scss/_common.scss */
.pl7 {
  padding-left: 7px;
}

/* line 162, ../scss/_common.scss */
.pa8 {
  padding: 8px;
}

/* line 162, ../scss/_common.scss */
.pt8 {
  padding-top: 8px;
}

/* line 162, ../scss/_common.scss */
.pr8 {
  padding-right: 8px;
}

/* line 162, ../scss/_common.scss */
.pb8 {
  padding-bottom: 8px;
}

/* line 162, ../scss/_common.scss */
.pl8 {
  padding-left: 8px;
}

/* line 163, ../scss/_common.scss */
.pa9 {
  padding: 9px;
}

/* line 163, ../scss/_common.scss */
.pt9 {
  padding-top: 9px;
}

/* line 163, ../scss/_common.scss */
.pr9 {
  padding-right: 9px;
}

/* line 163, ../scss/_common.scss */
.pb9 {
  padding-bottom: 9px;
}

/* line 163, ../scss/_common.scss */
.pl9 {
  padding-left: 9px;
}

/* line 164, ../scss/_common.scss */
.pa10 {
  padding: 10px;
}

/* line 164, ../scss/_common.scss */
.pt10 {
  padding-top: 10px;
}

/* line 164, ../scss/_common.scss */
.pr10 {
  padding-right: 10px;
}

/* line 164, ../scss/_common.scss */
.pb10 {
  padding-bottom: 10px;
}

/* line 164, ../scss/_common.scss */
.pl10 {
  padding-left: 10px;
}

/* line 165, ../scss/_common.scss */
.pa15 {
  padding: 15px;
}

/* line 165, ../scss/_common.scss */
.pt15 {
  padding-top: 15px;
}

/* line 165, ../scss/_common.scss */
.pr15 {
  padding-right: 15px;
}

/* line 165, ../scss/_common.scss */
.pb15 {
  padding-bottom: 15px;
}

/* line 165, ../scss/_common.scss */
.pl15 {
  padding-left: 15px;
}

/* line 166, ../scss/_common.scss */
.pa20 {
  padding: 20px;
}

/* line 166, ../scss/_common.scss */
.pt20 {
  padding-top: 20px;
}

/* line 166, ../scss/_common.scss */
.pr20 {
  padding-right: 20px;
}

/* line 166, ../scss/_common.scss */
.pb20 {
  padding-bottom: 20px;
}

/* line 166, ../scss/_common.scss */
.pl20 {
  padding-left: 20px;
}

/* line 167, ../scss/_common.scss */
.pa25 {
  padding: 25px;
}

/* line 167, ../scss/_common.scss */
.pt25 {
  padding-top: 25px;
}

/* line 167, ../scss/_common.scss */
.pr25 {
  padding-right: 25px;
}

/* line 167, ../scss/_common.scss */
.pb25 {
  padding-bottom: 25px;
}

/* line 167, ../scss/_common.scss */
.pl25 {
  padding-left: 25px;
}

/* line 168, ../scss/_common.scss */
.pa30 {
  padding: 30px;
}

/* line 168, ../scss/_common.scss */
.pt30 {
  padding-top: 30px;
}

/* line 168, ../scss/_common.scss */
.pr30 {
  padding-right: 30px;
}

/* line 168, ../scss/_common.scss */
.pb30 {
  padding-bottom: 30px;
}

/* line 168, ../scss/_common.scss */
.pl30 {
  padding-left: 30px;
}

/* line 169, ../scss/_common.scss */
.pa35 {
  padding: 35px;
}

/* line 169, ../scss/_common.scss */
.pt35 {
  padding-top: 35px;
}

/* line 169, ../scss/_common.scss */
.pr35 {
  padding-right: 35px;
}

/* line 169, ../scss/_common.scss */
.pb35 {
  padding-bottom: 35px;
}

/* line 169, ../scss/_common.scss */
.pl35 {
  padding-left: 35px;
}

/* line 170, ../scss/_common.scss */
.pa40 {
  padding: 40px;
}

/* line 170, ../scss/_common.scss */
.pt40 {
  padding-top: 40px;
}

/* line 170, ../scss/_common.scss */
.pr40 {
  padding-right: 40px;
}

/* line 170, ../scss/_common.scss */
.pb40 {
  padding-bottom: 40px;
}

/* line 170, ../scss/_common.scss */
.pl40 {
  padding-left: 40px;
}

/* line 171, ../scss/_common.scss */
.pa45 {
  padding: 45px;
}

/* line 171, ../scss/_common.scss */
.pt45 {
  padding-top: 45px;
}

/* line 171, ../scss/_common.scss */
.pr45 {
  padding-right: 45px;
}

/* line 171, ../scss/_common.scss */
.pb45 {
  padding-bottom: 45px;
}

/* line 171, ../scss/_common.scss */
.pl45 {
  padding-left: 45px;
}

/* line 172, ../scss/_common.scss */
.pa50 {
  padding: 50px;
}

/* line 172, ../scss/_common.scss */
.pt50 {
  padding-top: 50px;
}

/* line 172, ../scss/_common.scss */
.pr50 {
  padding-right: 50px;
}

/* line 172, ../scss/_common.scss */
.pb50 {
  padding-bottom: 50px;
}

/* line 172, ../scss/_common.scss */
.pl50 {
  padding-left: 50px;
}

/*@import "icon";
@import 'header';*/
/* Scss Document */
/*
@include clearfix;
@include border-radius(10px, 5px);
@include box-shadow(1px 2px 3px #444);
@include text-shadow(4px 5px 6px #777);
@include background(linear-gradient(white, green 40%, blue 60%, #f00));
@include background(linear-gradient(left, white, green 40%, blue 60%, #f00));
*/
/* line 11, ../scss/_main.scss */
.pannel {
  opacity: 0.2;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ODIxZCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjY2U3YTIyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTc5ZjMwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d8821d), color-stop(40%, #ce7a22), color-stop(100%, #e79f30));
  background: -moz-linear-gradient(left, #d8821d, #ce7a22 40%, #e79f30 100%);
  background: -webkit-linear-gradient(left, #d8821d, #ce7a22 40%, #e79f30 100%);
  background: linear-gradient(to right, #d8821d, #ce7a22 40%, #e79f30 100%);
  border: #ffffff solid 1px;
  height: 350px;
}
/* line 18, ../scss/_main.scss */
.pannel .num_box {
  overflow: hidden;
  zoom: 1;
  width: 95%;
  margin: 2% auto;
}
/* line 57, ../scss/_common.scss */
.pannel .num_box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 22, ../scss/_main.scss */
.pannel .num_box .num_style {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: #ffffff solid 2px;
  width: 30%;
  float: left;
  text-align: center;
  color: #ffffff;
}
/* line 30, ../scss/_main.scss */
.pannel .num_box .temp {
  margin-left: 2.5%;
}
/* line 33, ../scss/_main.scss */
.pannel .num_box .product_img {
  position: absolute;
  right: 2.5%;
  width: 30%;
  height: 310px;
  margin-left: 2.5%;
  color: #ffffff;
  background: url(../img/products.png) no-repeat center center;
  background-size: 50%;
}
/* line 44, ../scss/_main.scss */
.pannel .num_box .product_img p {
  position: absolute;
  right: 1%;
  bottom: 1%;
}
/* line 50, ../scss/_main.scss */
.pannel .num_box .humid {
  margin-left: 2.5%;
}
/* line 53, ../scss/_main.scss */
.pannel .num_box .number {
  font-size: 8em;
}
/* line 56, ../scss/_main.scss */
.pannel .num_box .unit {
  font-size: 1.5em;
}
/* line 60, ../scss/_main.scss */
.pannel .level_box {
  overflow: hidden;
  zoom: 1;
  width: 95%;
  margin: 1% auto 0.5% auto;
}
/* line 57, ../scss/_common.scss */
.pannel .level_box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 64, ../scss/_main.scss */
.pannel .level_box .level {
  display: block;
  height: 40px;
  width: 19.5%;
  float: left;
  margin-right: 0.5%;
  background-color: #ffffff;
  visibility: hidden;
}
/* line 73, ../scss/_main.scss */
.pannel .level_box .wind_level {
  float: left;
  width: 30%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: #444444 solid 1px;
  margin-left: 2.5%;
  height: 40px;
  overflow: hidden;
  zoom: 1;
}
/* line 57, ../scss/_common.scss */
.pannel .level_box .wind_level:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 82, ../scss/_main.scss */
.pannel .level_box .humid_level {
  float: left;
  width: 30%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: #444444 solid 1px;
  margin-left: 2.5%;
  height: 40px;
  overflow: hidden;
  zoom: 1;
}
/* line 57, ../scss/_common.scss */
.pannel .level_box .humid_level:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 92, ../scss/_main.scss */
.pannel .caption_box {
  overflow: hidden;
  zoom: 1;
}
/* line 57, ../scss/_common.scss */
.pannel .caption_box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 94, ../scss/_main.scss */
.pannel .caption_box span {
  display: block;
  width: 30%;
  float: left;
  margin-left: 2.5%;
  text-align: center;
  color: #ffffff;
}
/* line 103, ../scss/_main.scss */
.pannel .icon_box {
  overflow: hidden;
  zoom: 1;
  width: 60%;
  margin: 1.5% 0 0 5%;
}
/* line 57, ../scss/_common.scss */
.pannel .icon_box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 108, ../scss/_main.scss */
.pannel .icon_box .icon_style {
  cursor: pointer;
  width: 85px;
  height: 85px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: grey solid 2px;
  float: left;
  margin-right: 2.5%;
}
/* line 116, ../scss/_main.scss */
.pannel .icon_box .icon_style.press {
  opacity: 0.4;
}
/* line 120, ../scss/_main.scss */
.pannel .icon_box .ion0 {
  background: #ffffff url(../img/ion0.png) no-repeat center center;
  background-size: 85px;
  visibility: hidden;
}
/* line 125, ../scss/_main.scss */
.pannel .icon_box .fan0 {
  background: #ffffff url(../img/fan0.png) no-repeat center center;
  background-size: 85px;
  visibility: hidden;
}
/* line 130, ../scss/_main.scss */
.pannel .icon_box .heat0 {
  background: #ffffff url(../img/heat0.png) no-repeat center center;
  background-size: 85px;
  visibility: hidden;
}
/* line 135, ../scss/_main.scss */
.pannel .icon_box .wet0 {
  background: #ffffff url(../img/wet0.png) no-repeat center center;
  background-size: 85px;
  visibility: hidden;
}
/* line 140, ../scss/_main.scss */
.pannel .icon_box .timer0 {
  background: #ffffff url(../img/timer0.png) no-repeat center center;
  background-size: 85px;
  visibility: hidden;
}

/* line 148, ../scss/_main.scss */
.controller {
  margin-top: 15px;
}
/* line 151, ../scss/_main.scss */
.controller .item_select .item {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 1px 2px 3px #e4e4e4;
  -webkit-box-shadow: 1px 2px 3px #e4e4e4;
  box-shadow: 1px 2px 3px #e4e4e4;
  border: #e4e4e4 solid 1px;
  height: 80px;
  margin-bottom: 15px;
  overflow: hidden;
  zoom: 1;
}
/* line 57, ../scss/_common.scss */
.controller .item_select .item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 158, ../scss/_main.scss */
.controller .item_select .item .icon_item {
  float: left;
  margin: 2% 0 1% 5%;
}
/* line 161, ../scss/_main.scss */
.controller .item_select .item .icon_item span {
  display: block;
  width: 60px;
  height: 60px;
  float: left;
}
/* line 167, ../scss/_main.scss */
.controller .item_select .item .icon_item .ion {
  background: url(../img/ion.png) no-repeat center center;
  background-size: 60px;
}
/* line 171, ../scss/_main.scss */
.controller .item_select .item .icon_item .fan {
  background: url(../img/fan.png) no-repeat center center;
  background-size: 60px;
}
/* line 175, ../scss/_main.scss */
.controller .item_select .item .icon_item .heat {
  background: url(../img/heat.png) no-repeat center center;
  background-size: 60px;
}
/* line 179, ../scss/_main.scss */
.controller .item_select .item .icon_item .wet {
  background: url(../img/wet.png) no-repeat center center;
  background-size: 60px;
}
/* line 183, ../scss/_main.scss */
.controller .item_select .item .icon_item .timer {
  background: url(../img/timer.png) no-repeat center center;
  background-size: 60px;
}
/* line 188, ../scss/_main.scss */
.controller .item_select .item .icon_btn {
  float: right;
  overflow: hidden;
  zoom: 1;
  height: 80px;
  margin: 5% 5% 1% 0;
}
/* line 57, ../scss/_common.scss */
.controller .item_select .item .icon_btn:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 193, ../scss/_main.scss */
.controller .item_select .item .icon_btn span {
  cursor: pointer;
  display: block;
  width: 80px;
  height: 30px;
  float: left;
  -moz-border-radius: 45%;
  -webkit-border-radius: 45%;
  border-radius: 45%;
  margin-left: 15px;
  text-align: center;
  line-height: 30px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 1px 2px 3px #e4e4e4;
  -webkit-box-shadow: 1px 2px 3px #e4e4e4;
  box-shadow: 1px 2px 3px #e4e4e4;
  border: #e4e4e4 solid 1px;
}
/* line 208, ../scss/_main.scss */
.controller .item_select .item .icon_btn .s_btn_on {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background: -moz-linear-gradient(#ffffff, #e6e6e6 100%);
  background: -webkit-linear-gradient(#ffffff, #e6e6e6 100%);
  background: linear-gradient(#ffffff, #e6e6e6 100%);
}
/* line 210, ../scss/_main.scss */
.controller .item_select .item .icon_btn .s_btn_on.press {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZDQ3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ead47d));
  background: -moz-linear-gradient(#ffffff, #ead47d 100%);
  background: -webkit-linear-gradient(#ffffff, #ead47d 100%);
  background: linear-gradient(#ffffff, #ead47d 100%);
}
/* line 214, ../scss/_main.scss */
.controller .item_select .item .icon_btn .s_btn_off {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background: -moz-linear-gradient(#ffffff, #e6e6e6 100%);
  background: -webkit-linear-gradient(#ffffff, #e6e6e6 100%);
  background: linear-gradient(#ffffff, #e6e6e6 100%);
}
/* line 216, ../scss/_main.scss */
.controller .item_select .item .icon_btn .s_btn_off.press {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZDQ3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ead47d));
  background: -moz-linear-gradient(#ffffff, #ead47d 100%);
  background: -webkit-linear-gradient(#ffffff, #ead47d 100%);
  background: linear-gradient(#ffffff, #ead47d 100%);
}
/* line 224, ../scss/_main.scss */
.controller .power_box {
  clear: both;
  width: 95%;
  margin: auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  height: 160px;
  overflow: hidden;
  zoom: 1;
}
/* line 57, ../scss/_common.scss */
.controller .power_box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 232, ../scss/_main.scss */
.controller .power_box .power {
  width: 45%;
  float: left;
  position: relative;
  height: 1px;
}
/* line 237, ../scss/_main.scss */
.controller .power_box .power .btn_style {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 20px;
  left: 33%;
  cursor: pointer;
}
/* line 246, ../scss/_main.scss */
.controller .power_box .power .btn_off {
  background: url(../img/power_off.png) no-repeat center center;
  background-size: 120px;
  z-index: 10;
}
/* line 251, ../scss/_main.scss */
.controller .power_box .power .btn_on {
  background: url(../img/power_on.png) no-repeat center center;
  background-size: 120px;
  z-index: 0;
}
/* line 257, ../scss/_main.scss */
.controller .power_box .step_box {
  margin-top: 25px;
  float: left;
  width: 45%;
  overflow: hidden;
  zoom: 1;
  height: 120px;
}
/* line 57, ../scss/_common.scss */
.controller .power_box .step_box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* line 263, ../scss/_main.scss */
.controller .power_box .step_box .step {
  cursor: pointer;
  position: relative;
  float: left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 1px 2px 3px #e4e4e4;
  -webkit-box-shadow: 1px 2px 3px #e4e4e4;
  box-shadow: 1px 2px 3px #e4e4e4;
  border: #e4e4e4 solid 1px;
  width: 90px;
  height: 90px;
  margin-left: 20%;
}
/* line 273, ../scss/_main.scss */
.controller .power_box .step_box .step span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
}
/* line 282, ../scss/_main.scss */
.controller .power_box .step_box .up_off {
  background: url(../img/upoff.png) no-repeat center center;
  background-size: 90px;
  z-index: 10;
}
/* line 287, ../scss/_main.scss */
.controller .power_box .step_box .up_on {
  background: url(../img/upon.png) no-repeat center center;
  background-size: 90px;
  z-index: 0;
}
/* line 292, ../scss/_main.scss */
.controller .power_box .step_box .down_off {
  background: url(../img/downoff.png) no-repeat center center;
  background-size: 90px;
  z-index: 10;
}
/* line 297, ../scss/_main.scss */
.controller .power_box .step_box .down_on {
  background: url(../img/downon.png) no-repeat center center;
  background-size: 90px;
  z-index: 0;
}

@media screen and (min-width: 800px) {
  /* line 309, ../scss/_main.scss */
  .controller {
    margin-top: 20px;
  }
  /* line 312, ../scss/_main.scss */
  .controller .item_select .item {
    height: 80px;
    width: 45%;
    float: left;
    margin: 0 0 15px 15px;
    overflow: hidden;
    zoom: 1;
  }
  /* line 57, ../scss/_common.scss */
  .controller .item_select .item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  /* line 318, ../scss/_main.scss */
  .controller .item_select .item .icon_item {
    float: left;
  }
  /* line 321, ../scss/_main.scss */
  .controller .item_select .item .icon_item span {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
  }
  /* line 328, ../scss/_main.scss */
  .controller .item_select .item .icon_btn {
    float: right;
    overflow: hidden;
    zoom: 1;
    height: 80px;
    margin: 5% 5% 1% 0;
  }
  /* line 57, ../scss/_common.scss */
  .controller .item_select .item .icon_btn:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  /* line 333, ../scss/_main.scss */
  .controller .item_select .item .icon_btn span {
    display: block;
    width: 80px;
    height: 30px;
    float: left;
    -moz-border-radius: 45%;
    -webkit-border-radius: 45%;
    border-radius: 45%;
    margin-left: 15px;
    text-align: center;
    line-height: 30px;
  }
}
/* PC */
@media screen and (max-width: 605px) {
  /* line 351, ../scss/_main.scss */
  .pannel {
    height: 260px;
  }
  /* line 354, ../scss/_main.scss */
  .pannel .num_box .num_style {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 30%;
  }
  /* line 360, ../scss/_main.scss */
  .pannel .num_box .product_img {
    height: 220px;
  }
  /* line 365, ../scss/_main.scss */
  .pannel .num_box .number {
    font-size: 6em;
  }
  /* line 368, ../scss/_main.scss */
  .pannel .num_box .unit {
    font-size: 1em;
  }
  /* line 372, ../scss/_main.scss */
  .pannel .level_box {
    overflow: hidden;
    zoom: 1;
  }
  /* line 57, ../scss/_common.scss */
  .pannel .level_box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  /* line 374, ../scss/_main.scss */
  .pannel .level_box .wind_level {
    height: 20px;
  }
  /* line 377, ../scss/_main.scss */
  .pannel .level_box .humid_level {
    height: 20px;
  }
  /* line 387, ../scss/_main.scss */
  .pannel .icon_box .icon_style {
    width: 55px;
    height: 55px;
  }
  /* line 391, ../scss/_main.scss */
  .pannel .icon_box .ion0 {
    background-size: 55px;
  }
  /* line 394, ../scss/_main.scss */
  .pannel .icon_box .fan0 {
    background-size: 55px;
  }
  /* line 397, ../scss/_main.scss */
  .pannel .icon_box .heat0 {
    background-size: 55px;
  }
  /* line 400, ../scss/_main.scss */
  .pannel .icon_box .wet0 {
    background-size: 55px;
  }
  /* line 403, ../scss/_main.scss */
  .pannel .icon_box .timer0 {
    background-size: 55px;
  }

  /* line 409, ../scss/_main.scss */
  .controller {
    margin-top: 15px;
  }
  /* line 412, ../scss/_main.scss */
  .controller .item_select .item {
    height: 60px;
    margin-bottom: 10px;
  }
  /* line 415, ../scss/_main.scss */
  .controller .item_select .item .icon_item {
    margin: 1% 0 1% 5%;
  }
  /* line 417, ../scss/_main.scss */
  .controller .item_select .item .icon_item span {
    width: 45px;
    height: 45px;
  }
  /* line 421, ../scss/_main.scss */
  .controller .item_select .item .icon_item .ion {
    background-size: 45px;
  }
  /* line 424, ../scss/_main.scss */
  .controller .item_select .item .icon_item .fan {
    background-size: 45px;
  }
  /* line 427, ../scss/_main.scss */
  .controller .item_select .item .icon_item .heat {
    background-size: 45px;
  }
  /* line 430, ../scss/_main.scss */
  .controller .item_select .item .icon_item .wet {
    background-size: 45px;
  }
  /* line 433, ../scss/_main.scss */
  .controller .item_select .item .icon_item .timer {
    background-size: 45px;
  }
  /* line 437, ../scss/_main.scss */
  .controller .item_select .item .icon_btn {
    height: 60px;
    margin: 1% 5% 1% 0;
  }
  /* line 440, ../scss/_main.scss */
  .controller .item_select .item .icon_btn span {
    width: 80px;
    height: 30px;
    margin-left: 15px;
    line-height: 30px;
  }
  /* line 451, ../scss/_main.scss */
  .controller .power_box {
    height: 110px;
  }
  /* line 453, ../scss/_main.scss */
  .controller .power_box .power {
    height: 1px;
  }
  /* line 455, ../scss/_main.scss */
  .controller .power_box .power .btn_style {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 10px;
    left: 33%;
  }
  /* line 462, ../scss/_main.scss */
  .controller .power_box .power .btn_off {
    background-size: 90px;
  }
  /* line 465, ../scss/_main.scss */
  .controller .power_box .power .btn_on {
    background-size: 90px;
  }
  /* line 469, ../scss/_main.scss */
  .controller .power_box .step_box {
    margin-top: 10px;
    float: left;
    width: 45%;
    height: 120px;
  }
  /* line 474, ../scss/_main.scss */
  .controller .power_box .step_box .step {
    float: left;
    width: 80px;
    height: 80px;
    margin-left: 15%;
  }
  /* line 479, ../scss/_main.scss */
  .controller .power_box .step_box .step span {
    width: 80px;
    height: 80px;
  }
  /* line 484, ../scss/_main.scss */
  .controller .power_box .step_box .up_off {
    background-size: 80px;
    z-index: 10;
  }
  /* line 488, ../scss/_main.scss */
  .controller .power_box .step_box .up_on {
    background-size: 80px;
    z-index: 0;
  }
  /* line 492, ../scss/_main.scss */
  .controller .power_box .step_box .down_off {
    background-size: 80px;
    z-index: 10;
  }
  /* line 496, ../scss/_main.scss */
  .controller .power_box .step_box .down_on {
    background-size: 80px;
    z-index: 0;
  }
}
/* TABLET */
@media screen and (max-width: 480px) {
  /* line 505, ../scss/_main.scss */
  .pannel {
    height: 150px;
  }
  /* line 508, ../scss/_main.scss */
  .pannel .num_box .num_style {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 30%;
  }
  /* line 514, ../scss/_main.scss */
  .pannel .num_box .product_img {
    height: 120px;
  }
  /* line 516, ../scss/_main.scss */
  .pannel .num_box .product_img p {
    right: 1%;
    bottom: 0;
    font-size: 9px;
  }
  /* line 524, ../scss/_main.scss */
  .pannel .num_box .number {
    font-size: 3em;
  }
  /* line 527, ../scss/_main.scss */
  .pannel .num_box .unit {
    font-size: 0.8em;
  }
  /* line 531, ../scss/_main.scss */
  .pannel .level_box {
    overflow: hidden;
    zoom: 1;
  }
  /* line 57, ../scss/_common.scss */
  .pannel .level_box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  /* line 533, ../scss/_main.scss */
  .pannel .level_box .wind_level {
    height: 20px;
  }
  /* line 536, ../scss/_main.scss */
  .pannel .level_box .humid_level {
    height: 20px;
  }
  /* line 541, ../scss/_main.scss */
  .pannel .caption_box span {
    font-size: 10px;
  }
  /* line 546, ../scss/_main.scss */
  .pannel .icon_box .icon_style {
    width: 26px;
    height: 26px;
  }
  /* line 550, ../scss/_main.scss */
  .pannel .icon_box .ion0 {
    background-size: 26px;
  }
  /* line 553, ../scss/_main.scss */
  .pannel .icon_box .fan0 {
    background-size: 26px;
  }
  /* line 556, ../scss/_main.scss */
  .pannel .icon_box .heat0 {
    background-size: 26px;
  }
  /* line 559, ../scss/_main.scss */
  .pannel .icon_box .wet0 {
    background-size: 26px;
  }
  /* line 562, ../scss/_main.scss */
  .pannel .icon_box .timer0 {
    background-size: 26px;
  }

  /* line 568, ../scss/_main.scss */
  .controller {
    margin-top: 15px;
  }
  /* line 571, ../scss/_main.scss */
  .controller .item_select .item {
    height: 30px;
    margin-bottom: 10px;
  }
  /* line 574, ../scss/_main.scss */
  .controller .item_select .item .icon_item {
    margin: 1% 0 1% 5%;
  }
  /* line 576, ../scss/_main.scss */
  .controller .item_select .item .icon_item span {
    width: 26px;
    height: 26px;
  }
  /* line 580, ../scss/_main.scss */
  .controller .item_select .item .icon_item .ion {
    background-size: 26px;
  }
  /* line 583, ../scss/_main.scss */
  .controller .item_select .item .icon_item .fan {
    background-size: 26px;
  }
  /* line 586, ../scss/_main.scss */
  .controller .item_select .item .icon_item .heat {
    background-size: 26px;
  }
  /* line 589, ../scss/_main.scss */
  .controller .item_select .item .icon_item .wet {
    background-size: 26px;
  }
  /* line 592, ../scss/_main.scss */
  .controller .item_select .item .icon_item .timer {
    background-size: 26px;
  }
  /* line 596, ../scss/_main.scss */
  .controller .item_select .item .icon_btn {
    height: 30px;
    margin: 1% 5% 1% 0;
  }
  /* line 599, ../scss/_main.scss */
  .controller .item_select .item .icon_btn span {
    width: 80px;
    height: 20px;
    margin-left: 15px;
    line-height: 20px;
  }
  /* line 610, ../scss/_main.scss */
  .controller .power_box {
    height: 70px;
  }
  /* line 612, ../scss/_main.scss */
  .controller .power_box .power {
    height: 1px;
  }
  /* line 614, ../scss/_main.scss */
  .controller .power_box .power .btn_style {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 17.5%;
  }
  /* line 621, ../scss/_main.scss */
  .controller .power_box .power .btn_off {
    background-size: 50px;
  }
  /* line 624, ../scss/_main.scss */
  .controller .power_box .power .btn_on {
    background-size: 50px;
  }
  /* line 628, ../scss/_main.scss */
  .controller .power_box .step_box {
    margin-top: 10px;
    float: left;
    width: 45%;
    height: 50px;
  }
  /* line 633, ../scss/_main.scss */
  .controller .power_box .step_box .step {
    float: left;
    width: 40px;
    height: 40px;
    margin-left: 12.5%;
  }
  /* line 638, ../scss/_main.scss */
  .controller .power_box .step_box .step span {
    width: 40px;
    height: 40px;
  }
  /* line 643, ../scss/_main.scss */
  .controller .power_box .step_box .up_off {
    background-size: 40px;
    z-index: 10;
  }
  /* line 647, ../scss/_main.scss */
  .controller .power_box .step_box .up_on {
    background-size: 40px;
    z-index: 0;
  }
  /* line 651, ../scss/_main.scss */
  .controller .power_box .step_box .down_off {
    background-size: 40px;
    z-index: 10;
  }
  /* line 655, ../scss/_main.scss */
  .controller .power_box .step_box .down_on {
    background-size: 40px;
    z-index: 0;
  }
}
/* SMP */
/*@import "nav";
@import 'footer';*/
/*
@include clearfix;
@include border-radius(10px, 5px);
@include box-shadow(1px 2px 3px #444);
@include text-shadow(4px 5px 6px #777);
@include background(linear-gradient(white, green 40%, blue 60%, #f00));
@include background(linear-gradient(left, white, green 40%, blue 60%, #f00));
*/
/* line 25, ../scss/style.scss */
.wrapper {
  width: 100%;
  font-family: Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}

@media screen and (min-width: 800px) {
  /* line 31, ../scss/style.scss */
  .contents {
    width: 960px;
    margin: auto;
  }
  /* line 34, ../scss/style.scss */
  .contents .contents_inner {
    margin-top: 40px;
  }
}
/* PC */
@media screen and (max-width: 605px) {
  /* line 40, ../scss/style.scss */
  .contents {
    width: 95%;
    margin: auto;
  }
  /* line 43, ../scss/style.scss */
  .contents .contents_inner {
    margin-top: 20px;
  }
}
/* TABLET */
@media screen and (max-width: 480px) {
  /* line 49, ../scss/style.scss */
  .contents {
    width: 95%;
    margin: auto;
  }
  /* line 52, ../scss/style.scss */
  .contents .contents_inner {
    margin-top: 13px;
  }
}
/* SMP */