@charset "shift_jis";

#main-background {
  background: #151515;
  color: #fff;
  height: 450px;
  display: block;
  width: 100%;
  background: #030000 url(../img/akuyuu_top.jpg) top center no-repeat;
  text-align: right;
}

.main-photo img {
  width: 450px;
}

#column2_1{
	float: left;width:30%!important;
}
.main-text img {
  margin: 23px 0 0;
  width: 450px;
}

#main-background h1 {
  padding: 110px 80px 0 0 ;
  font-size: 46px;
  line-height: 1.4;
  text-shadow: 0 0 8px #000;
}

.title-upon {
  color: #6ab6ed;
  display: block;
  font-size: 60%;
}

.title-bellow {
  display: block;
  font-size: 55%;

}

.title-bellow2 {
  padding: 0 80px 0 0 ;
}

.minititle {
    color: #ba2636!important;
    font-size: 20px!important;
    padding-left: 10px!important;
	margin-bottom: 1px!important;
	
}

.inyou{
 font-family: NotoSerifJP,serif;
	font-weight:bold;
	color:#6c2c2f!important;
}

.bassui{
	font-size:80%!important;
	color:#808080!important;
	text-align:right;
}
#captcha {
	font-size:90%!important;
	padding-top:10px!important;
	width:69%;
	float:right;
}

.feature {
    margin-bottom: 0;
    padding-bottom: 15px;
}
p.point-number {
    background: #ffd700 none repeat scroll 0 0;
    border: 3px solid #ffffff!important;
    border-radius: 50%!important;
    color: #3f312b!important;
    display: block!important;
    font-size: 12px!important;
    height: 55px!important;
    letter-spacing: -1px!important;
    line-height: 25px!important;
    padding: 5px 0 0!important;
    position: absolute!important;
    text-align: center!important;
    width: 60px!important;
	left: -1%;
}
p.point-number span {
    display: block;
    font-size: 20px;
    font-weight: 700;
	padding-top:13px;
}
.column1{
	background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    margin-left: 3%;
    padding-left: 11%;
	padding-bottom:20px;
position: relative;
	width:85%;
}


.feature h3 {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.3;
	margin-left:15px!important;
	padding-top:10px!important;
}

#short{
	padding-bottom:30px!important;
}
#short2
{
	padding-top:20px!important;
}

.title{
    font-size: 110%;
}

.title-mini{
    font-size: 90%;
}
.read{
    font-size: 70%;
	font-weight:normal;
}




#script-minititle{
   border-bottom: 2px solid #2e5f82;
	width:50%!important;
}

.caption {
	 font-family: "メイリオ",Meiryo,sans-serif;
    background: #292766 none repeat scroll 0 0;
    color: #fff!important;
    border-bottom: medium none;
    border-radius: 6px;
    display: block;
    font-weight: 700;
    margin: 3% 2% 1%;
    padding: 6px 5px 3px;
    text-align: center;
    text-indent: 0;
	font-size:100%!important;
	padding:5px!important ;
}




#pankuzu {
  background: #2e5f82;
}

#pankuzu {
  background: #2e5f82;
}

#pankuzu-main ul li {
  color: #fff;
}

#pankuzu-main ul li a {
  color: #fff;
  text-decoration: underline;
}

#pankuzu-main ul li a:hover,
#pankuzu-main ul li a:active {
  text-decoration: none;
}

#main-background-main {
    width: 1200px!important;
}

#prof {
  background: #e0daa1;
  background: -moz-linear-gradient(-45deg, #e0daa1 0%, #edead7 30%, #edead7 70%, #e0daa1 100%);
  background: -webkit-linear-gradient(-45deg, #e0daa1 0%,#edead7 30%,#edead7 70%,#e0daa1 100%);
  background: linear-gradient(135deg, #e0daa1 0%,#edead7 30%,#edead7 70%,#e0daa1 100%);
  padding: 10px 0;
}

#prof-main p {
  font-size: 13px;
}

#prof-main p em {
  font-size: 20px;
  padding: 10px 0 8px;
  margin-bottom: 15px;
}

#script-main p.serif {
  color: #3a749e;
  font-weight: bold;
}


.script-title {
  background: none;
  border-bottom: 4px solid #2e5f82;
  border-radius: 0;
  color: #2e5f82;
  font-size: 32px;
  padding: 5px 0 0;
}

.script-title span {
  color: #333;
  font-size: 20px;
  padding-left: 10px;
}

#script-main p {
  font-size: 15px;
  margin-bottom: 14px;
  letter-spacing: 1px;
}

#recom-title {
  background: #2e5f82;
}

#recom-main {
  background: #e5e5e5;
}

#recom-text p {
  line-height: 1.5;
  margin-bottom: 15px;
}

#recom-photo,
#recom-text {
  margin-bottom: 0;
}


#st{
	border: 1px solid #87ceeb!important;
	padding:10px;
}

#st1{
	border: 1px solid #dda0dd!important;
	padding:10px;
	margin:10px 0 10px 0;
	border-radius: 6px;
}

#st2{
	border: 1px solid #ffb6c1!important;
	padding:10px;
}

.script-title {
    border-bottom: 3px solid #2e5f82;
    font-size: 36px;
}


/* スマートフォン用CSSここから */

@media screen and (max-width: 768px) {

#column2_1{
	float: none;
	width:auto!important;
}
#captcha {
	width:100%;
	float:none;
}

.title-bellow2 {
  padding: 0 50px 0 50px ;
}


#main-background-main {
    width: 100% !important;
}



#main-background {
    background: #151515;
    color: #fff;
    height: 450px;
    display: block;
     background: #030000 url(../img/akuyuu_top2.jpg) top left no-repeat;
    text-align: right;
    background-size: 180%;
margin: -20px 0 0;
height: 450px !important;
}

#main-background h1 {
  padding: 130px 50px 0 50px ;
    font-size: 28px;
    line-height: 1.4;
    text-shadow: 0 0 8px #000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



.title-upon {
    font-size: 80%;
}

#main-background-main p {
font-size: 80%;
text-align: center;
padding-top: 5px;
margin-bottom: 0;
}

#prof-main {
    margin: 0px auto;
    padding: 15px 5%;
    width: 90%;
}

#prof-main p {
padding: 0;
}

#prof-main img {
display: block;
margin: 0 10%;
width: 80%;
padding-top: 10px;
}

.script-title {
text-align: center;
}

.script-title span {
    line-height: 1.2;
    display: block;
padding-left: 0;
padding-bottom: 10px;
}

.script-title span {
    font-size: 15px;
}


.left-img img,
.right-img img {
width: 80%;
margin-left: 10%;
margin-right: 10%;

}


.secretstory{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
    float: right;
    margin: 20px 0 15px;
    width: 37.5%;
}
.secretimg{
	width: 30%!important;
    float: left!important;
}


#recom-title {
    background: #2e5f82;
    text-align: left;
    font-size: 18px;
}

#recom-photo {
margin-top: 0;
}

#recom-photo img {
width: 100%;
}

#pankuzu {
display: block;
height: 80px;
}

#pankuzu-main {
width: 100%;
}

#pankuzu-main ul li {
background: none;
font-size: 13px;
}

#pankuzu-main ul li:after {
content: ' >';
}

#pankuzu-main ul li:first-child {
padding-right: 5px;
}

#pankuzu-main ul li:nth-child(2) {
float:none;
}

#pankuzu-main ul li:nth-child(3):after {
content: '';
}

#pankuzu-main ul li:last-child {
padding: 0;
}

#pankuzu-main ul li {
padding-bottom: 5px;
}

.script-title {
    border-bottom: 3px solid #2e5f82;
    font-size: 20px;
}








