html{
  height: 100%;
}

body{
	line-height:2.0;
	margin: 0;
	padding: 0;
	color:#fcfcfc; 
	min-height: 100%;
  display: flex;
  flex-direction: column;
	background-image: url("../img/bg.jpg"); /* 背景画像 */
   background-size: cover;               /* 全画面 */
   background-attachment: fixed;         /* 固定 */
   background-position: center center;   /* 縦横中央 */
   font-family: "Noto Serif JP", serif;
  font-weight: 200;
  font-style: normal;
}

img{
max-width: 100%;
height: auto;
}

/*フォントサイズ */


    .font-size-S {
        font-size: 12px;
    }
    .font-size-M {
        font-size: 16px;
    }
    .font-size-L {
        font-size: 30px;
    }


/*コンテンツ幅 */

#content{	
	margin:0 35px;
}

@media screen and (min-width:640px) {
	/* 640px以上に適用されるCSS */
	#content{
	width:600px;
	margin:0 auto;
}
}

/*余白 */

.mg-t35{
	margin-top:35px;
}
.mg-t150{
	margin-top:150px;
}

.mg-t450{
	margin-top:450px;
}

.mg-b150{
	margin-bottom:150px;
}

.mg-b450{
	margin-bottom:450px;
}

/*写真余白 */

#photo-first{
	margin-top:450px;
	text-align:center;
}

@media screen and (min-width:600px) {
	/* 600px以上に適用されるCSS */
#photo-first{
	margin-top:750px;
}
}

#photo{
	margin-top:500px;
	text-align:center;
}

@media screen and (min-width: 600px) {
	/* 600px以上に適用されるCSS */
#photo{
	margin-top:700px;
}
}

/*ゝ余白 */

#next{
	margin-top:450px;
	margin-bottom:450px;
	text-align:center;
}

@media screen and (min-width: 600px) {
	/* 600px以上に適用されるCSS */
#next{
		margin-top:450px;
		margin-bottom:450px;
		text-align:center;
		
}
}

/*ゝ*/
.next-navi a{
	color:#c0c0c0;
}

/*プロフィール */
#text-main p{
	margin-top:50px;
}

#text-prof{
	margin-top:450px;
	margin-bottom:600px;
}
@media screen and (min-width: 600px) {
	/* 600px以上に適用されるCSS */
#text-prof{
		margin-bottom:500px;
}
}

#text-prof p{
	margin-top:35px;
}

/*2カラム */

.contentA,.contentB{
 width: 50%;
}
 
.two-column{
 display: flex;
}


/* トップページ */


.page-id-7 .container{
	max-width:100%;
	padding:0;
}


.cover {
	width: 100%;
	min-height: 100vh;
	background-size: cover;
background-position:center;
background-image: url(../img/top-v.jpg);
}

@media screen and (min-width: 600px) {
.cover {
	width: 100%;
	min-height: 100vh;
		background-size: cover;
background-position:top right;
background-image: url(../img/top-h.jpg);
}
}


/* 入口 */
.cover{
	position:relative;
}

.entrance{
position:absolute;
	top:100px;
		right:120px;
}

@media screen and (min-width: 600px) {
	.entrance{
position:absolute;
	top:200px;
		right:315px;
}
}


	
/* ほかのページのリンク */
a{
  transition: color 0.3s;
	color:#E6E6E6;
	text-decoration: none;
}

a:hover{
	color : #cccccc;
	text-decoration:none;
}

/*コンタクト */
.text-v{
	-webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation:upright;
	text-align: left;
	text-decoration:none;
}

.font-size-M a{
text-decoration:none;
}

.font-size-M a{
text-decoration:none;
}


/*フッター */
.footer {
 text-align: center;
 padding: 30px 0;
}
.footer a {
 text-decoration: none;
}
.footer .menu {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.footer .menu li {
 margin: 0;
 padding: 0 10px;
}

/*フッター下固定 */

#content-contact {
	flex: 1;
	  display: flex;
  justify-content: center;
  align-items: center;
}

.footer {
  width: 100%;
}