.clearfix {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #56004e;
  color: #fff;
}
#wrapper {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
header {
  width: 100%;
  height: 30px;
  background: #690;
  position: fixed;
  top: -30px;
  left: 0;
  z-index: 900;
  min-width: 980px;
}
header h1 {
  display: inline;
  font-size: 10pt;
}
header #out {
  display: inline;
}

/*
*
*	2015.7.1 kadobeya
*
*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix:display inline-block,
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #56004e;
  color: #fff;
}
a:visited,
a:link {
  color: #fcfe85;
}
a:hover,
a:active {
  color: #ff5fff;
}
ul {
  margin: 0;
  padding: 0;
}
#wrapper {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
header {
  display: none;
  width: 100%;
  height: 35px;
  background: rgba(0,0,0,0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
  position: fixed;
  top: -35px;
  left: 0;
  z-index: 900;
  min-width: 980px;
  text-align: center;
}
header h1 {
  display: block;
  margin: 5px auto;
}
#contents {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}
#contents>section {
  text-align: center;
  position: relative;
  overflow: hidden;
}
#contents>section>.inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  height: 90%;
  width: 980px;
  z-index: 100;
}
#contents #content-stage {
  height: 850px;
  background: url("../img/stage01.png") center bottom no-repeat;
  width: 100%;
  position: fixed;
  bottom: 80px;
  left: 0;
  z-index: 10;
}
#contents #ceilling {
  background: url("../img/ceilling.gif") center top no-repeat;
  width: 100%;
  height: 360px;
  position: fixed;
  top: 0;
  left: 0;
}
#contents #vflare01,
#contents #vflare02 {
  width: 50px;
  height: 858px;
  position: fixed;
  bottom: 0;
  z-index: 20;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#contents #vflare01 {
  left: 90px;
}
#contents #vflare02 {
  right: 90px;
}
#contents #pflare01 {
  width: 100%;
  height: 400px;
  position: fixed;
  bottom: -100px;
  left: 0;
  z-index: 19;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  background: url("../img/share/pflare01.png");
}
#contents #vstars01,
#contents #vstars02 {
  width: 200px;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 21;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#contents #vstars01 {
  left: 20px;
}
#contents #vstars02 {
  right: 20px;
}
#contents .star {
  position: absolute;
  display: none;
}
#contents #spotlightArea {
  width: 900px;
  height: 700px;
  position: fixed;
  bottom: 200px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 18;
}
#contents #spotlightArea .spotlight {
  position: absolute;
  top: 20px;
  transform-origin: 46px 780px;
  -ms-transform-origin: 46px 780px;
  -moz-transform-origin: 46px 780px;
  -webkit-transform-origin: 46px 780px;
}
#contents #spotlightArea .perlight {
  position: absolute;
  width: 28px;
  height: 90px;
  bottom: -150px;
}
#contents #spotlightArea .perlight .t {
  position: absolute;
  transform-origin: 14px 40px;
  -ms-transform-origin: 14px 40px;
  -moz-transform-origin: 14px 40px;
  -webkit-transform-origin: 14px 40px;
  left: 0;
  top: 0;
}
#contents #spotlightArea .perlight .b {
  position: absolute;
  left: 10px;
  top: 30px;
}
#contents .flare {
  position: absolute;
}

/*
*
*	SHOP　
*
*/
nav {
  background: #000;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 900;
  text-align: center;
  height: 90px;
}
nav:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
nav .inner {
  width: 950px;
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  height: 90px;
  z-index: 900;
}
nav .inner:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
nav h1 {
  float: left;
  font-size: 8pt;
  width: 160px;
  margin: 25px 0 0 0px;
}
nav h1 img {
  width: 140px;
}
nav ul.main {
  padding-left: 10px;
}
nav ul.main li {
  padding-left: 1px;
  background: url("../img/sepa01.png") left top no-repeat;
}
nav ul.main:first-child {
  background-image: none;
}
nav ul.sns {
  margin-top: 20px;
  margin-right: 10px;
  padding-left: 10px;
}
nav ul.sns li {
  margin-right: 8px;
}
nav ul.sns li img {
  width: 25px;
}
nav ul.joysound {
  position: absolute;
  right: 0px;
  top: 5px;
  background: url("../img/joysound.jpg") left top no-repeat;
  height: 40px;
  padding: 40px 0 0 0px;
}
nav ul.joysound li {
  margin-right: 10px;
}
nav ul {
  margin: 10px 0 0 0;
  float: left;
}
nav ul li {
  font-size: 8pt;
  float: left;
  cursor: pointer;
}
nav ul li.current img {
  background: rgba(255,255,255,0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A000000,endColorstr=#1A000000);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
nav ul li img:hover {
  opacity: 0.6;
}
nav .copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  margin: 0 auto;
}
#contents h1 {
  margin: 0;
}
#contents p {
  margin: 0;
}
#contents article {
  width: 750px;
  margin: 30px auto 0 auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
}
#contents h1+article {
  margin-top: 0;
  padding-top: 0;
}
#contents section[data-content-type="home"] {
  height: 750px;
}
#contents section[data-content-type="home"] article {
  height: 750px;
  position: relative;
}
#contents section[data-content-type="home"] article .wrapper {
  width: 750px;
  height: 500px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#contents section[data-content-type="home"] article .wrapper .title {
  position: absolute;
/*left (_margin-left/_max-w*100 - 5 )%
					width (_title-w/_max-w*100)%
					max-width _title-w*/
  display: none;
  left: -30px;
  width: 430px;
  top: -85px;
  z-index: 110;
}
#contents section[data-content-type="home"] article .wrapper .t91 {
  position: absolute;
/*left (_margin-left/_max-w*100 - 3 )%
					width (_t91-w/_max-w*100)%
					max-width _t91-w*/
  left: 40px;
  width: 280px;
  top: 80px;
  z-index: 110;
}
#contents section[data-content-type="home"] article .wrapper .illust {
  position: absolute;
/*left ((_left-w+_margin-left)/_max-w*100)%
					width (_illust-w/_max-w*100)%
					max-width _illust-w*/
  left: 350px;
  width: 480px;
  top: -100px;
  z-index: 100;
  display: none;
}
#contents section[data-content-type="home"] article .wrapper .utasuki {
  position: absolute;
  left: 10px;
  width: 350px;
  top: 195px;
}
#contents section[data-content-type="home"] article .wrapper .cake {
  position: absolute;
  left: 10px;
  width: 350px;
  top: 255px;
}
#contents section[data-content-type="home"] article .wrapper .goods {
  position: absolute;
  left: 10px;
  width: 350px;
  top: 315px;
}
#contents section[data-content-type="home"] article .wrapper .go300 {
  position: absolute;
  left: 10px;
  width: 350px;
  height: auto;
  top: 375px;
  display: block;
  z-index: 100;
}
#contents section[data-content-type="home"] article .wrapper .go300 img {
  width: 100%;
  height: auto;
}
#contents section[data-content-type="food"] {
  height: 5100px;
}
#contents section[data-content-type="food"] .c5 {
  background: url("../img/bg01.png") #a800a8;
  padding: 40px 0;
}
#contents section[data-content-type="food"] .c6 {
  margin-top: 50px;
}
#contents section[data-content-type="food"] .c6 .sarani {
  top: -80px;
}
#contents section[data-content-type="room"] {
  height: 1450px;
}
#contents section[data-content-type="room"] .c2 {
  padding: 10px 20px 20px 20px;
}
#contents section[data-content-type="room"] .c2 .reserve-room {
/*background rgba(0,0,0,0.7)
				filter unquote('progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000)')
				padding 5px 0
				border-radius 10px
				-webkit-border-radius 10px
				-moz-border-radius 10px	*/
  margin: 20px 0;
}
#contents section[data-content-type="room"] .c2:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
#contents section[data-content-type="room"] .c2 .item {
  float: left;
  width: 240px;
  margin-top: 30px;
  padding: 0 1%;
  background: rgba(0,0,0,0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 0;
  margin: 5px 6px;
}
#contents section[data-content-type="room"] .c2 .item .data {
  margin-top: 10px;
  padding: 15px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#contents section[data-content-type="room"] .c2 .item p {
  margin: 0;
  padding: 0;
  line-height: 100%;
}
#contents section[data-content-type="room"] .c2 .item .song {
  font-size: 13pt;
}
#contents section[data-content-type="room"] .c2 .item .shop a {
  font-size: 9pt;
  background: url("../img/room-f1.png") 0 2px no-repeat;
  padding-left: 50px;
}
#contents section[data-content-type="room"] .c2 .first {
  width: 100%;
}
#contents section[data-content-type="room"] .c2 .three {
  margin-right: 0px;
}
#contents section[data-content-type="room"] .c3,
#contents section[data-content-type="room"] .c4 {
  padding: 10px 20px 20px 10px;
  background: rgba(0,0,0,0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: left;
}
#contents section[data-content-type="room"] .c3 li,
#contents section[data-content-type="room"] .c4 li {
  list-style: none;
  font-size: 10pt;
}
#contents section[data-content-type="room"] .c3 h3,
#contents section[data-content-type="room"] .c4 h3,
#contents section[data-content-type="room"] .c3 h4,
#contents section[data-content-type="room"] .c4 h4 {
  margin-left: 0px;
}
#contents section[data-content-type="room"] .c4 {
  text-align: center;
}
#contents section[data-content-type="room"] .c4 table {
  width: 90%;
  margin: 0 5%;
}
#contents section[data-content-type="room"] .c4 table td,
#contents section[data-content-type="room"] .c4 table th {
  border: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}
#contents section[data-content-type="room"] .c4 table td {
  font-size: 9pt;
}
#contents section[data-content-type="room"] .c4 .reserve-room {
  margin: 30px 0 10px 0;
  width: 100%;
  text-align: center;
}
#contents section[data-content-type="cake"] {
  height: 1650px;
}
#contents section[data-content-type="cake"] .c6,
#contents section[data-content-type="cake"] .c7 {
  padding: 10px 20px 20px 20px;
  background: rgba(0,0,0,0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: left;
}
#contents section[data-content-type="cake"] .c6 li,
#contents section[data-content-type="cake"] .c7 li {
  list-style: none;
  font-size: 10pt;
}
#contents section[data-content-type="cake"] .c6 {
  text-align: center;
  margin-top: 55px;
}
#contents section[data-content-type="cake"] .c6 h3 {
  margin: 10px 0 0;
}
#contents section[data-content-type="cake"] .c6 ul {
  margin: 0px;
  padding: 0px;
}
#contents section[data-content-type="cake"] .c6 li {
  display: inline;
}
#contents section[data-content-type="cake"] .c6 li:before {
  content: " /";
}
#contents section[data-content-type="cake"] .c6 li:first-child:before {
  content: "";
}
#contents section[data-content-type="pack"] {
  height: 2700px;
}
#contents section[data-content-type="pack"] .c2 {
  position: relative;
}
#contents section[data-content-type="pack"] .c2 .room {
  position: absolute;
  left: 430px;
  top: 150px;
}
#contents section[data-content-type="pack"] .c2 .reserve {
  position: absolute;
  left: 138px;
  top: 150px;
}
#contents section[data-content-type="pack"] .c4 .sarani {
  top: -50px;
}
#contents section[data-content-type="pack"] .c5 {
  margin-top: 35px;
}
#contents section[data-content-type="pack"] .c6,
#contents section[data-content-type="pack"] .c7 {
  padding: 10px 20px 20px 20px;
  background: rgba(0,0,0,0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: left;
}
#contents section[data-content-type="pack"] .c6 li,
#contents section[data-content-type="pack"] .c7 li {
  list-style: none;
  font-size: 10pt;
}
#contents section[data-content-type="pack"] .c6 {
  text-align: center;
  margin-top: 55px;
}
#contents section[data-content-type="pack"] .c6 h3 {
  margin: 10px 0 0;
}
#contents section[data-content-type="pack"] .c6 ul {
  margin: 0px;
  padding: 0px;
}
#contents section[data-content-type="pack"] .c6 li {
  display: inline;
}
#contents section[data-content-type="pack"] .c6 li:before {
  content: " /";
}
#contents section[data-content-type="pack"] .c6 li:first-child:before {
  content: "";
}
#contents section[data-content-type="goods"] {
  height: 1200px;
}
#contents section[data-content-type="goods"] a[href="shop.html"] {
  position: absolute;
  left: 255px;
  bottom: 90px;
}
#contents section[data-content-type="utasuki"] {
  height: 1100px;
}
#contents section[data-content-type="utasuki"] .c1 h1 {
  margin-bottom: -45px;
}
#contents section[data-content-type="utasuki"] .c1 h1+p+p {
  position: relative;
}
#contents section[data-content-type="utasuki"] .govote {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 350px;
}
#contents section[data-content-type="about"] {
  height: 450px;
}
#contents section[data-content-type="about"] .c1,
#contents section[data-content-type="about"] .c2 {
  background: rgba(0,0,0,0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  padding: 10px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: left;
}
#contents section[data-content-type="about"] .c1 ul,
#contents section[data-content-type="about"] .c2 ul {
  margin-left: 40px;
}
#contents section[data-content-type="about"] .c1 li,
#contents section[data-content-type="about"] .c2 li {
  list-style: none;
  font-size: 10pt;
}
#contents section[data-content-type="about"] .c1 li span,
#contents section[data-content-type="about"] .c2 li span {
  margin-right: 10px;
}
#contents section[data-content-type="about"] .c1 h2,
#contents section[data-content-type="about"] .c2 h2,
#contents section[data-content-type="about"] .c1 h3,
#contents section[data-content-type="about"] .c2 h3,
#contents section[data-content-type="about"] .c1 h4,
#contents section[data-content-type="about"] .c2 h4 {
  margin-left: 30px;
  color: #fb11a1;
}
#contents section[data-content-type="about"] .c1 .goshop,
#contents section[data-content-type="about"] .c2 .goshop {
  background: url("../img/arrow3.png") 0 3px no-repeat;
  padding-left: 20px;
  display: block;
}
#contents #arch01 {
  background: url("../img/arch01.png") center top no-repeat;
  width: 100%;
  background-size: 1500px auto;
  height: 416px;
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 10;
}
#contents #arch02 {
  background: url("../img/arch02.png") center top no-repeat;
  width: 100%;
  background-size: 1000px auto;
  height: 416px;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 8;
}
#contents .sarani {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  margin: 0 auto;
  z-index: 50;
}
#contents #girlArea {
  width: 980px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 22;
}
#contents #girlArea .girl {
  position: absolute;
  z-index: 30;
}
#contents #girlArea .girl .n {
  width: 100%;
  position: absolute;
  z-index: 40;
}
#contents #girlArea .girl .w {
  width: 100%;
  position: absolute;
  z-index: 39;
}
/* - - - - - - - - - - - - - - - - - - UTASUKI VOTE - - - - - - - - - - - - - - - - - - - - - -*/
#utasuki #contents section {
  border: none;
  outline: none;
}
#utasuki #contents section .box {
  background: url("../../img/uta-bg.gif");
  width: 100%;
  min-height: 100px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: 3px solid #e25dc9;
  margin: 0 0 10px 0;
  padding-bottom: 30px;
  padding-top: 20px;
}
#utasuki #contents section .box p {
  margin-top: 10px;
}
#utasuki #contents section input[type="image"] {
  margin-top: 10px;
  background: none;
}
#utasuki #contents section .error {
  width: 80%;
  color: #f00;
  margin: 10px auto;
  padding: 10px 0;
  background: #fff;
  border: 2px solid #f00;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#utasuki #contents section .error:before {
  margin: 0 5px 5px 0;
  content: " ";
  display: inline-block;
  width: 20px;
  height: 21px;
  background: url("../../img/mark1.png") no-repeat;
  background-size: 20px;
  vertical-align: middle;
}
#utasuki #contents section[data-content-type="serialcode"] {
  height: 1100px;
}
#utasuki #contents section[data-content-type="serialcode"] input[type="text"] {
  width: 80%;
  color: #e30ab2;
  margin-top: 10px;
  border: none;
  outline-style: none;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 8px 0;
}
#utasuki #contents section[data-content-type="serialcode"] input[type="text"]:focus {
  background: #ffd7f2;
}
#utasuki #contents section[data-content-type="member"] {
  height: 1000px;
}
#utasuki #contents section[data-content-type="member"] .girls-wrapper {
  position: relative;
}
#utasuki #contents section[data-content-type="member"] .girls-wrapper ul:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
#utasuki #contents section[data-content-type="member"] .girls-wrapper ul {
  height: 250px;
}
#utasuki #contents section[data-content-type="member"] .girls-wrapper ul li {
  width: 85px;
  height: 103px;
  position: absolute;
  list-style-type: none;
  cursor: pointer;
}
#utasuki #contents section[data-content-type="member"] .girls-wrapper #uta-select {
  position: absolute;
  left: 0;
  right: 0;
}
#utasuki #contents section[data-content-type="complete"] {
  height: 1000px;
}
#utasuki #contents section[data-content-type="complete"] .result img+img {
  margin: 0 0 30px 10px;
}
#utasuki #contents section[data-content-type="complete"] .thankyou {
  margin-top: 30px;
}
#utasuki #contents section[data-content-type="complete"] .buttons {
  margin-top: 30px;
}
#utasuki #contents section[data-content-type="complete"] .buttons a+a {
  margin-left: 30px;
}
#utasuki #contents section[data-content-type="top"] {
  height: 500px;
}
#utasuki #contents #arch01 {
  background: url("../img/arch01.png") center top no-repeat;
  width: 100%;
  background-size: 1500px auto;
  height: 416px;
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 10;
}
#utasuki #contents #arch02 {
  background: url("../img/arch02.png") center top no-repeat;
  width: 100%;
  background-size: 1000px auto;
  height: 416px;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 8;
}
.caution {
  background: rgba(0,0,0,0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  padding: 10px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: left;
}
.caution ul {
  margin-left: 40px;
}
.caution li {
  list-style: none;
  font-size: 10pt;
}
.caution li span {
  margin-right: 10px;
}
.caution h2 margin-left 30px,
.caution h3 margin-left 30px,
.caution h4 margin-left 30px {
  color: #fb11a1;
}
.information {
  color: #fff;
  width: 85%;
  font-size: 7pt;
  text-align: left;
  margin: 10px auto;
  padding: 5px 10px;
  background: #f54ba1;
  line-height: 140%;
  border: 1px solid #f54ba1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.information ul {
  margin: 10px 20px 0 20px;
}
.asta li>span:first-child .asta li>span+span,
width 5% .asta li>span+span {
  width: 95%;
}
.asta li>span:first-child:first-child,
width 5%:first-child {
  margin-top: 0;
}
.asta li>span:first-child:first-child li,
width 5%:first-child li {
  position: relative;
}
padding-left 5% {
  width: 80%;
}
padding-left 5%:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
padding-left 5%>span:first-child {
  left: 0;
  display: block;
  position: absolute;
  width: 20%;
}
padding-left 5%>span+span {
  display: block;
}
/* - - - - - - - - - - - - - - - - - - SHOP - - - - - - - - - - - - - - - - - - - - - -*/
#shop #contents section[data-content-type="shop"] {
  height: 8500px;
}
#shop #contents section[data-content-type="shop"] .types {
  font-size: 9pt;
}
#shop #contents section[data-content-type="shop"] .types ul.areas {
  display: inline;
}
#shop #contents section[data-content-type="shop"] .types ul.areas li {
  list-style: none;
  display: inline;
}
#shop #contents section[data-content-type="shop"] .types ul.areas li:before {
  content: " / ";
}
#shop #contents section[data-content-type="shop"] .types ul.areas li:first-child:before {
  content: "";
}
#shop #contents section[data-content-type="shop"] h2.area {
  font-size: 13pt;
  text-align: left;
  padding-left: 30px;
  background: url("../img/cirle0.png") left 2px no-repeat;
  margin-top: 50px;
}
#shop #contents section[data-content-type="shop"] h3.type {
  text-align: left;
  font-size: 12pt;
  margin-top: 30px;
}
#shop #contents section[data-content-type="shop"] .specialroom {
  font-size: 7pt;
  background: #cc1ccc;
  color: #fff;
  padding: 3px 5px;
  line-height: 120%;
  margin-top: 30px;
  border: 1px solid #000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  white-space: nowrap;
}
#shop #contents section[data-content-type="shop"] .goods {
  font-size: 7pt;
  background: #1cacac;
  color: #fff;
  padding: 3px 5px;
  line-height: 120%;
  margin-top: 30px;
  border: 1px solid #000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  white-space: nowrap;
}
#shop #contents section[data-content-type="shop"] .christmas {
  font-size: 7pt;
  background: #f22;
  color: #fff;
  padding: 3px 5px;
  line-height: 120%;
  margin-top: 30px;
  border: 1px solid #000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  white-space: nowrap;
}
#shop #contents section[data-content-type="shop"] table {
  width: 100%;
/*td.hotpepper
					width 18%
					font-size 7pt
					a
						padding-left 20px
						padding-bottom 2px
						background url(../img/other-window.png) no-repeat
				*/
}
#shop #contents section[data-content-type="shop"] table td,
#shop #contents section[data-content-type="shop"] table th {
  padding: 5px 10px;
  font-size: 9pt;
  vertical-align: top;
  text-align: left;
}
#shop #contents section[data-content-type="shop"] table td {
  background: rgba(0,0,0,0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
}
#shop #contents section[data-content-type="shop"] table td.name {
  width: 40%;
  line-height: 200%;
}
#shop #contents section[data-content-type="shop"] table td.name a {
  padding-left: 20px;
  background: url("../img/other-window.png") no-repeat;
}
#shop #contents section[data-content-type="shop"] table td.address {
  width: 40%;
}
#shop #contents section[data-content-type="shop"] table td.tel {
  width: 20%;
}
#shop #contents section[data-content-type="shop"] table tr {
  border: 1px solid #fff;
}
#shop #contents section[data-content-type="shop"] table tr:first-child {
  border: none;
}
#shop #contents section[data-content-type="shop"] table tr:first-child th {
  vertical-align: bottom;
}
/* - - - - - - - - - - - - - - - - - - RESULT - - - - - - - - - - - - - - - - - - - - - -*/
#result #contents section[data-content-type="top"] {
  height: 600px;
}
#result #contents section[data-content-type="result"] {
  height: 300px;
}
#result #contents section[data-content-type="result"] #result-area {
  height: 300px;
}
#result #contents section[data-content-type="result"] #result-area .dai-num {
  position: absolute;
  left: 0;
  top: 0;
}
#result #contents section[data-content-type="result"] #result-area .dai-num .circle,
#result #contents section[data-content-type="result"] #result-area .dai-num .num,
#result #contents section[data-content-type="result"] #result-area .dai-num .dai {
  position: absolute;
}
#result #contents section[data-content-type="result"] #result-area .dai-num .circle {
  left: 0;
  top: 0;
}
#result #contents section[data-content-type="result"] #result-area .dai-num .num {
  left: 40px;
  top: 25px;
}
#result #contents section[data-content-type="result"] #result-area .dai-num .dai {
  left: 5px;
  top: 50px;
}
#result #contents section[data-content-type="result"] #result-area .numberVotes {
  position: absolute;
  left: 0;
  top: 0;
}
#result #contents section[data-content-type="result"] #result-area .numberVotes .num {
  margin-left: -8px;
}
#result #contents section[data-content-type="result"] #result-area .numberVotes .comma {
  margin-left: -8px;
}