body{
	background-image: url(../images/bg.png?201803021715);
}

#feature-app{
	padding: 2%;
  background-color: #65F1E6;
  border: solid 5px #00AD99;
  border-radius: 10px;
  margin: 1.5em 5%;
}

#feature-app-text{
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
	color: #3c434a;
	text-shadow: #ffffff 0.01em 0 0.1em, #ffffff 0.02em 0 0.1em, #ffffff 0.03em 0 0.1em, #ffffff 0.04em 0 0.1em, #ffffff 0.05em 0 0.1em, #ffffff -0.01em 0 0.1em, #ffffff -0.02em 0 0.1em, #ffffff -0.03em 0 0.1em, #ffffff -0.04em 0 0.1em, #ffffff -0.05em 0 0.1em, #ffffff 0 -0.01em 0.1em, #ffffff 0 -0.02em 0.1em, #ffffff 0 -0.03em 0.1em, #ffffff 0 -0.04em 0.1em, #ffffff 0 -0.05em 0.1em, #ffffff 0 0.01em 0.1em, #ffffff 0 0.02em 0.1em, #ffffff 0 0.03em 0.1em, #ffffff 0 0.04em 0.1em, #ffffff 0 0.05em 0.1em, #ffffff 0.01em 0.01em 0.1em, #ffffff 0.02em 0.02em 0.1em, #ffffff 0.03em 0.03em 0.1em, #ffffff 0.04em 0.04em 0.1em, #ffffff 0.05em 0.05em 0.1em, #ffffff -0.01em -0.01em 0.1em, #ffffff -0.02em -0.02em 0.1em, #ffffff -0.03em -0.03em 0.1em, #ffffff -0.04em -0.04em 0.1em, #ffffff -0.05em -0.05em 0.1em, #ffffff 0.01em -0.01em 0.1em, #ffffff 0.02em -0.02em 0.1em, #ffffff 0.03em -0.03em 0.1em, #ffffff 0.04em -0.04em 0.1em, #ffffff 0.05em -0.05em 0.1em, #ffffff -0.01em 0.01em 0.1em, #ffffff -0.02em 0.02em 0.1em, #ffffff -0.03em 0.03em 0.1em, #ffffff -0.04em 0.04em 0.1em, #ffffff -0.05em 0.05em 0.1em;
}

#app-store-icon{
	background-image: url(../../images/download_on_the_app_store.svg);
	background-repeat: no-repeat;
	background-size: contain;;
	padding-top: 29.6296%;
}
#google-store-icon{
	background-image: url(../../images/get_it_on_google_play.svg);
	background-repeat: no-repeat;
	background-size: contain;;
	padding-top: 29.4915%;
}

.summary-title{
	font-size: 1.3em;
	color: red;
}

#summary{
	border-radius: 10px;
	border: solid 2px #B5B5B5;
	background: white;
	margin: 4% 0;
	font-size: 0.9em;
}

ul.attention {
    margin-left: 1.5em;
}

ul.attention li {
    list-style-type: disc !important;
}

ul li{
	margin: 0.5em 0;
}

h2{
	margin: 0.25em 0;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: solid 2px #FFD855;
}

#twitter-button{
	background-color: #55ACEE;
	text-align: center;
	font-size: 1.5em;
	line-height: 2.5em;
	color: white;
	font-weight: bold;
	border-radius: 10px 0 0 10px;
}

#facebook-button{
	background-color: #3E549C;
	text-align: center;
	font-size: 1.5em;
	line-height: 2.5em;
	color: white;
	border-radius: 0 10px 10px 0;
}

#twitter-text{
	margin-left: 0.5em;
	font-size: 0.8em;
	line-height: 0.8;
	font-weight: bold;
}

#facebook-text{
	margin-left: 0.5em;
	font-size: 0.8em;
	line-height: 0.8;
	font-weight: bold;
}

#app-store{
	padding: 0 1% 0 0;
}
#google-store{
  padding: 0 0 0 1%;
}

#kuji{
	padding-bottom: 1%;
	background-image: url(../../kuji/images/detail-background.png?201803021715);
	background-repeat: repeat;
	background-size: 100%;
	border-top: solid 3px #ffcf00;
	border-bottom: solid 3px #ffcf00;
}

#kuji-text{
	color: #ff3535;
	font-size: 2em;
	margin-top: 1%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #ffe900, 1px 0px 2px #ffe900, 0px 1px 2px #ffe900, -1px -1px 2px #ffe900, 1px 1px 2px #ffe900, 1px 0px 2px #ffe900, 0px 1px 2px #ffe900, -1px -1px 2px #ffe900;
}

#footer-copyright-dorasu{
    font-weight: 300;
    overflow: hidden;
    line-height: 50px;
}

@media screen and (max-width: 992px) {
  main > .background > .container > #main-visual{
    padding-top: 62.1875%;
  }
}

@media screen and (min-width: 992px) {
  main > .background > .container >  #main-visual{
    padding-top: 39.2%;
  }
}