/* Base */

h1, h2, h3, h4, h5, h6, p{
	font-family: 游明朝, Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}

p{
	margin:0 0 1em 0;
	font-size:93%;
	line-height:1.5em;
}

body{
	font-family: 游明朝, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	background-attachment: fixed;
	background-image: url(../Vitholfia_Img/HP-Vitholfia_BackGround.png);
	background-repeat: repeat;
	background-color: #CCC;
}

#main-section {
	background-image: url(../Vitholfia_Img/HP-Vitholfia_BackGround.png);
	background-repeat: repeat;
	}

/* Section Inner */

div.section-inner{
	max-width:1100px;
	padding:0 25px;
	margin:0 auto;
}

/* Header */

header{

}

div.tophead{
	width: 100%;






  	  padding-top: calc(800 / 2800 * 100%);
	height: auto;

	/*
	background-color:#ffffff;
	padding:40px 0;
	background-image:url("../images/Hedder3.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:contain;
	border:1px;
	*/
}

div.headtxt{
	color: #fff;
	position: absolute;
	display: block;
	left: 2em;
	top: 5em;
}
div.headtxt{
	
}

div.headline{
	width:100%
	height:1em;
	background-color:#333;
}

/* Navigation */

.navbar-dark .navbar-nav .nav-link:hover{
color: #ccc;
}

/*
div.navset{
	background-color:#d4d4d4;
}

div.nav ul{
	margin:0;
	padding:0;
}

div.nav ul li{
	list-style:none;
	float:left;
	font-size:93%;
}
div.nav ul li a:link,
div.nav ul li a:visited{
	display:block;
	padding: 10px 15px;
	text-decoration:none;
	color:#000;
	border-right:1px solid #bababa;
}
*/

/* Body Content */
div.body-content {
	padding: 50px 0;
	background-attachment: fixed;
	background-image: url(../Vitholfia_Img/HP-Vitholfia_BackGround.png);
	background-repeat: repeat;
}

/* Contents */
div.linkbox{
	border: 2px solid #333;
	padding:1em;
	margin:10px 0px 0px 10px;
}

img.link{
	max-width:100%;
	height:auto;
	margin:0 0 10px 0;
}

.linkbox:hover{
	background-color:#333;
}

a.mainlink{
	color:black;
}
a.mainlink:hover{
	color:#ccc;
	text-decoration: none
}

/* Tirds */
div.thirds{
	padding-bottom:50px;
}

div.one-third{
	width:30%;
	float:left;
	margin-right:5%;
}

div.one-third-last{
	margin:0;
}

/* Main Column */
div.main{
	width:65%;
	float:left;
	margin-right:5%;
}

/* side Column */
div.side{
	width:30%;
	float:left;
}

#new {
	overflow: scroll;
	height: 350px;
	width: 100%;
	margin-bottom:1em;
}

/* Info Box */
div.info-box-a{
	border:solid 2px #333;
	background-color:#fff;
	padding:20px;

	margin:0 0 15px 0;
}

div.info-box-b{
	background-color:#333;
	color:#aaa;
	padding:20px;
	margin:0 0 15px 0;
}

a.infolink{
	color:#888;
}

a.infolink:hover{
	color:#aaa;
}

/* Footer */
div.footer{
	background-color:#333;
	color:#FFF;
	padding:0 0;
	text-align:center;

}


/*カルーセル(スライド画像)用*/
#main-carousel{
	height: 400px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	}



/*other*/

.cleafix:before, .cleafix:after{ content:""; display:table; }
.cleafix:after{ clear:both; }
.cleafix{ *zoom: 1; }

#About, #Create, #Column, #Work, #Contact, #Link {
   margin-top:-100px;
  padding-top:100px;
}


.container {
    max-width: 1140px; /* Bootstrapの標準幅に合わせる */
    margin: auto;
}

img {
    max-width: 100%; /* 画像が親要素を超えないようにする */
    height: auto;
}

#charimg{
	justify-content: center;
	height: 600px;
	width: 1000px;
}