@charset "utf-8";

body{
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	background: rgb(145, 161, 255);
	font: 12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
p{
	line-height: 30px;
}

.damnable{
	width:100%;
	margin: 0 auto;
	min-width: 1100px;
}
.invoice{
	width:100%;
	margin: auto;
	overflow: hidden;
}
.inviolate{
	width:100%;
	margin:0 auto;
}
.damper{
	width: 100%;
	height:auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	border-radius: 1px 1px 0 0;
	box-shadow: 0px 4px 0px 5px rgb(69, 212, 107);
}
.damper img{
	margin:auto;
	width: 100%;
	margin-bottom: -6px;
}
.invidious h1{
	color: #FFF;
	margin: auto;
	padding: 0;
	text-align: center;
}
.invidious{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px;
	position: relative;
	background: #6576DA;
	padding-top: 10px;
	border-bottom: solid 5px #45D46B;
}
.iodine{
	width: 100%;
	padding: 0px 0px 4px 0px;
	overflow: hidden;
}
.ionic{
	width: 100%;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	margin-bottom: 10px;
}
.iodine img{
	width: 33%;
	float: right;
	margin-left: 10px;
	padding: 4px;
	background: rgb(101, 118, 218);
	border: solid 2px #45D46B;
}
#inwrap{
	width: 100%;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	margin-bottom: 10px;
}
#inwrap img{
	width: 44%;
	float: right;
	margin-left: 10px;
	padding: 4px;
	background: rgb(101, 118, 218);
	border: solid 2px #45D46B;
}
#inwind{width: 100%;clear: both;overflow: hidden;margin-bottom: 4px;}

.inweave{
	width: 47.3%;
	float:left;
	padding: 0 4px 4px 4px;
	margin: 0px 4px 4px 4px;
	border-radius: 6px;
	background: linear-gradient(to bottom, rgba(245, 160, 57, 0) 0%, rgba(161, 160, 156, 0.46) 100%);
}
.inweave img{
	width: 99.8%;
	margin: -7px 0px 10px 0px;
	border-radius: 4px;
	border-top: 4px solid #A1A09C;
	border-bottom: 4px solid #A1A09C;
}

.invisible{
	width: 1100px;
	height:auto;
	margin:auto;
	overflow: hidden;
	background-color: #fff;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#invitational{
	width: 21%;
	height:auto;
	margin:auto;
	float: left;	   
	padding: 0 6px;        
}
#invitational h2{
	margin-bottom: 20px;
}
.involuntary{
	width: 21%;
	height:auto;
	margin:auto;
	padding: 0 6px;
	float: right;	   
	border-radius: 0 0 3px 3px;        
}
.involuntary h2{
	margin-bottom: 20px;
}
.danceable{
	width: 100%;
	height:auto;
	padding: 0;
	margin:auto;
	margin-bottom: 6px;
	border-radius: 6px;
	overflow: hidden;
	background-color: #B988C8;
}
.danceable p{
	padding:0 6px;
}
.danceable h2{
	margin: 8px 0 21px 0;
}
.danceable img{
	width: 96%;
	height:auto;
	padding: 3px 4px 3px 4px;
	margin: -15px 0 -8px 1px;
	background: #A1A09C;
	box-shadow: 0px 0px 1px #FFFFFF;
	border-radius: 4px;
}
.inwreath{
	width: 100%;
	height:auto;
	margin: auto;
}
.box_pr{
	width: 100%;
	height:auto;
	margin:auto;
	padding: 0px 0px 4px 0px;     
	border-radius: 5px;                    
	margin-top: 10px;
	overflow: hidden;
}
.invoke{
  width: 100%;
  float: left;
  height: auto;
}
.invoke img{
	width: 44%;
	height:auto;
	float: right;
	padding: 4px;
	margin-left: 10px;
	background: #6576DA;
	border: solid 2px #45D46B;
}

#inward{width: 100%;margin: auto;clear: both;padding-bottom: 10px;}
#inward ul li{
	line-height: 32px;
}
#dangerous{width: 96%;margin: auto;clear: both;
padding: 1px 5px;
background: linear-gradient(to bottom, rgba(75, 94, 108, 0.21) 0%, rgba(162, 162, 162, 0.42) 100%);margin-bottom: 6px;    
border-radius: 6px;
}
#dangerous ul li{
	line-height: 32px;
}
.dapple{
	margin: 10px 2px 16px 2px;
}
.dapple a{
		padding: 6px 18px;
		color: #FFFFFF;
		background: rgb(101, 118, 218);
		position: relative;
		border: solid 2px #45D46B;
		text-shadow: 1px 1px 1px #333;
}
.dapple a:hover{
		text-decoration: none;
		background: #8897EF;
		color: #FF0;
}
.involute{
	width: 100%;
	height:auto;
	margin:0px;
	padding:0px;
	display: block;
}
#involve{
	width: 100%;
	margin:auto;
	color: #111;
	padding: 12px 0px;
	text-align: center;
	background: #697BE0;
	border-top: solid 5px #45D46B;
}
#involve a{
			color: #FFFFFF;
			text-decoration:none;
			}
#involve a:hover{
			text-decoration: none;
			color: #FF0;
			}
a{
	color: #405CFF;
	text-decoration:none;
}
a:hover{
	text-decoration: none;
	color: #3CB15B;
}
h1{font-size: 36px;}
h1 a{
	text-decoration: none;
	color: #FFF;
	text-shadow: 1px 0px 2px #101010;
	font-size: 20px;
}
h1 a:hover{
	text-decoration: none;
	color: #FF0;
}
h2{
	font-size: 17px;
	padding: 6px 0px 6px 0;
	color: #FFFFFF;
	background: #6576DA;
	position:relative;
	text-align: center;
	border: 2px solid #45D46B;
	margin-top: 0;
	text-shadow: 1px 1px 1px #333;
}
h3{
	font-size: 15px;
	color: #6576DA;
	padding: 0;
	margin: 0;
	margin-top: 18px;
	margin-bottom: -13px;
}
h3.title{
	font-size:18px;
	color: #FFFFFF;
	padding-top: 0px;
	text-align: center;
	background-color: #007CB2;
}
ul{
	list-style:none;
	padding:inherit;
}
.damnation{
	width: 100%;
	min-width: 1100px;
	margin:auto;
	padding: 0;
	background: #FFF;
	position: relative;
}
#invincible {
	width: 1100px;
	margin: 0px auto;
	padding: 1px 0;
	height: auto;
	position: relative;
}
#invincible ul {
	list-style: none;
	padding-left: initial;
	display: flex;
	justify-content: center;
}
#invincible li {
	display:inline-block;
}
#invincible li:first-child a {
}
#invincible li:last-child a {
}
#invincible a {
	padding: 5px 15px;
	margin: 0 auto;
	line-height: 26px;
	text-decoration: none;
	font-size: 14px;
	color: #6576DA;
	font-weight: bold;
	position: relative;
	display: block;
}
#invincible a:hover {
	text-decoration: none;
	background: #D6DCFF;
}
ul.inviting{
	list-style:none;
	position:relative;
	line-height:40px;
	margin: 0 auto;
	margin-bottom: 6px;
	border-radius: 6px;
	width: 100%;
	padding-left: initial;
	margin-top: -12px;
	text-align: center;
}
ul.inviting li{
	list-style:none;
	position:relative;
	line-height: 36px;
	margin: 0 auto;

}
ul.inviting li a{
	color: #A97676;
	font-weight: bold;
	font-size: 13px;
	text-decoration:none;
	display: block;
	border: 2px solid #838383;
	border-radius: 7px;
}
ul.inviting li a:last-child{
	border-bottom: 3px solid #838383;
}
ul.inviting li a:hover{
	text-decoration: none;
	background: #000000;
}
.social{
	width:340px;
	margin:0 auto;
}
@media screen and (max-width:480px){

	.damnable{
		width: 100%;
		min-width:auto !important;
	}
	.damnation{
		width:100%;
		min-width:auto !important;
	}
	#invincible{
		width:100%;
		min-width:auto !important;
	}
	#invincible ul{
		flex-direction: column;
		text-align: center;
	}
	#invincible ul li{
		width:100%;
		display: block;
	}
	#invincible li:first-child a {
	border-left:none;
	border-radius:0;
}
	#invincible li:last-child a {
		border-right:none;
		border-radius:0;
	}
	#invincible ul li a{
		width: 100%;
		display: block;
		padding: 8px 0;
		margin: 0;
		border-left: none;
		border-right:none;
		margin-bottom: 2px;
		border-radius: 0;
		border-bottom: 1px solid rgba(221, 245, 218, 0.16);
	}
	.invidious{
		width: 100%;
		margin-bottom: 0;
	}
	.invidious h1{
		width: 100%;
	}
	h1{
		font-size:20px;
		margin-top: 6px;
	}
	.inviolate{
		width:100%;
		min-width:auto !important;
	}
	.damper{
		width: 100%;
		min-width:auto !important;
	}
	.damper img{
		width: 100%;
		min-width:auto !important;
	}
	.invisible{
		width:100%;
		padding: 10px 0;
	}
	#invitational{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.involuntary{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.danceable img{
		width:97.7%;
	}
	.inwreath{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#inwrap{
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
	#inwrap h3{
		margin-left: 6px;
	}
	#inwrap p{
		padding: 0px 6px;
	}
	#inwrap img{
		width:100%;
		padding:0;
		border: 0;
		float: none;
		border-top: solid 2px #45D46B;
		margin: 0;
		border-bottom: solid 2px #45D46B;
	}
	#inwind{
		width:100%;
		margin: 0;
		padding: 0;
	}
	.inweave{
		width: 100%;
		margin: 0;
		padding: 0 0 10px 0;
	}
	.inweave img{
		width: 100%;
		padding: 0;
		float: none;
		margin: -6px 0;
	}
	.inweave p{
		margin: 0;
		padding:4px 6px;
	}
	.iodine{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.ionic{
		width: 100%;
	}
	.ionic img{
		width: 100%;
		border-left: none;
		border-right: none;
		padding: 0;
		margin: -11px 0 -17px 0;
		box-shadow: none;
		float: none;
	}
	.ionic p{
		padding:4px 6px;
	}
	#inward{
		width: 100%;
		margin: 0;
		padding: 10px 0;
	}
	#inward ul li{
		padding:0 6px;
	}
	.involute{
		width: 100%;
		min-width:auto !important;
		padding: 0;
		margin: 0;
	}
	#involve{
		width: 100%;
		margin: 0;
		padding:10px 0px;
	}
	.invoke{
		width:100%;
		margin:0;
		padding: 0;
	}
	.invoke img{
		width: 100%;
		margin: 14px 0 6px 0;
		padding: 0;
		border: 0;
		float: none;
	}
	.invoke p{
		padding: 0 6px;
	}
	.invoke h3{
		margin-left: 6px;
	}
}