@charset "utf-8";

/*------------------------------------------------------------------*/
/*--スマホ設定----------------------------------------------------------------*/
/*------------------------------------------------------------------*/


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

/*--Q＆A--------------------------*/

#qa .main{
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 15px 0 30px 0;
}

#qa .main h1{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
	color: #2CBBD8;
}

#qa .qaPost{
	margin: 0 0 30px 0;
	padding: 0;
}

#qa .qaPost h2{
	margin: 0 0 30px 0;
	padding: 5px 0 5px 5px;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
	color: #fff;
	background: #2CBBD8;
}

#qa .qaPost p{
	margin: 0;
	padding: 0 10px 10px 10px;
	font-size: 14px;
	text-align: left;
}


/*--利用規約--------------------------*/

#rule .main{
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 15px 0 30px 0;
}

#rule .main h1{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
	color: #2CBBD8;
}

#rule .col{
	width: 96%;
	margin: 0 auto 30px auto;
	padding: 0;
}

#rule .col h2{
	margin: 15px 0 15px 0;
	padding: 5px 0 5px 10px;
	border-left: 5px solid #2CBBD8;
	border-bottom: 1px solid #2CBBD8;
	font-size: 15px;
	color:#000;
}


#rule .col p{
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	text-align: left;
}

#rule .col ul{
	list-style: none;
	margin: 0 0 5px 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	background: rgba(255,255,255,0.5);
}

#rule .col ul li{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
}

#rule .kokusho{
	width: 96%;
	margin: 0 auto 40px auto;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#rule .kokusho tr{
	border: 1px solid #e6e6e6;
}

#rule .kokusho th{
	width: 25%;
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 0.7rem;
	text-align: center;
	vertical-align:middle;
	color: #fff;
	background: #aaa;
}

#rule .kokusho td{
	width: 75%;
	margin: 0;
	padding: 5px;
	font-size: 0.7rem;
	text-align: left;
	vertical-align:middle;
	color: #333;
	background: #fff;
}

#rule .kokusho td p{font-size: 0.7rem;}

/*--ノベル--------------------------*/

#novel .main{
	overflow: hidden;
	position:relative;
	clear: both;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
}

.top{
	width: 100%;
	height: 100vh;
	overflow: hidden;
  }
  
.top .wrapper__video{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.top .gradation{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.top .gradation img{
	display: block;
	margin: 0;
	padding: 0;
}

#novel .main ul{
	list-style: none;
	box-sizing: border-box;
	position:relative;
	top: -350px;
	width: 90%;
	margin: 0 auto -200px auto;
	padding: 0;
}

#novel .main ul li{
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}

#novel .main ul li a{
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	text-decoration: none;
	color: #fff;
}

#novel .main ul li img{
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 12px;
}

#novel .off{
	border: 1px solid #a0a0a0 !important; 	
	background: none !important;
}

#novel .off a{color: #a0a0a0 !important;}


/***お問い合わせ******************************************/

#contact .main h1{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
	color: #2CBBD8;
}


#contact input::-webkit-input-placeholder {
	font-size: 15px;
	color:#ccc;
}

#contact input:-ms-input-placeholder {
	color:#ccc;
}

#contact input::-moz-placeholder {
	color:#ccc;
}

#contact .content{
	width: 96%;
	margin: 30px auto 0 auto;
	padding: 0;
}


.list{

	height: 30px;
	font-size: 25px;

}


.waku{

	width: 80%;
	height: 30px;
	font-size: 15px;

}

.content_inner{
	
	margin: 0; 
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
}

.content_inner dl{
        /*display: table;*/
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
        vertical-align:middle;
}


.content_inner dt{
        /*display: table-cell;*/
	width: 100%;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	color: #000;
	background: #f0f0f0;
	box-sizing: border-box;
        vertical-align:middle;
}

.content_inner dd{
        /*display: table-cell;*/
	width: 100%;
	margin: 0;
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
        vertical-align:middle;
}


.content_inner dd textarea{

	resize: horizontal;
	width: 98%;
	margin: 0 auto 0 auto;
}

#contact .end{

	border-bottom: 1px solid #e6e6e6;

}

#formbutton submit{

	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ea4945), color-stop(1.00, #9f0000));
	background: -webkit-linear-gradient(#ea4945, #9f0000);
	background: -moz-linear-gradient(#ea4945, #9f0000);
	background: -o-linear-gradient(#ea4945, #9f0000);
	background: -ms-linear-gradient(#ea4945, #9f0000);
	background: linear-gradient(#ea4945, #9f0000);

}

#contact .thanks{
	overflow: hidden;
	width: 96%;
	margin: 50px auto 50px auto;
	padding: 0 0 15px 0;
	border-radius: 6px;
	background: #fff;

}

.thanks h2{
	margin: 0 0 15px 0;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	color: #000;
	background: #f0f0f0;
}

.thanks p{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	color: #000;
}



}/*END*/