@charset "UTF-8";
/* CSS Document */


div#first{                         /*トップ写真*/
	position: absolute;
	margin: 0px;
	background-size: contain;
	
}

div#second{                        /*インスタグラムロゴ*/
	position: relative;
	margin-top: 0px;
	margin-left: 300px;
}

div#third{                        /*ミンネロゴ*/
	position: relative;
	margin-top: -46px;
	margin-left: 335px;
}
div#fourth{                        /*manakoロゴ*/
	position: relative;
	margin-top: 0px;
	margin-left: -2px;
}



.anime_test {
	display: block;                /* ブロック要素にする */
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;                 /* 要素中央揃え */
	position: relative;            /* 位置指定 */
	animation: anime1 2s ease;      /* アニメーション指定 */
	margin-left: 30px;
}
 
@keyframes anime1 {
    0% {
        opacity:  0;                /* 透明度指定 */
        top: 50px;                  /* 位置指定 */
    }
    100% {
        opacity:  1;                /* 透明度指定 */
        top: 0;                     /* 位置指定 */
    }
}

body{font-family: 'Noto Serif JP', serif;
margin: 0px;}


p#one{font-size: 15px;              /*いつもと〜ちょっと幸せな日に〜*/
	margin-top: 210px;
	color: #4D4D4D;
	line-height: 35px;
}

h1{margin-top: 140px;               /*ITEMS*/
	letter-spacing: 0.5em;
	color: #A79849;
	font-size: 20px;
}
div#fifth{                          /*象の写真*/
	margin-left:30px;
	margin-top: 50px
}

div#a{margin-left: 170px;
	margin-top: -262px
}
p#two{
	margin-top: 100px;              /*森林の王者*/
	font-size: 16px;
	color: #4D4D4D;
	line-height: 30px;
	
}
p#three{
	font-size: 14px;                /*材料*/
	color: #4D4D4D;
	line-height: 20px;
}

h2{margin-top: 50px;               /*CONCEPT・STORY*/
	letter-spacing: 0.1em;
	color: #A79849;
	font-size: 20px;
}
p#four{
	font-size: 16px;                /*王者たる〜*/
	margin-top: 56px;
	line-height: 28px;
	color: #4D4D4D;
}

p#five{;            /*more read*/
	margin-top: 30px;
	font-size: 15px;
}
a{color:#0F7780;}




.horizontal-list {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
    }

    .item {
      /* 横スクロール用 */
      display: inline-block;
      

      /* 見た目調整 */
      margin: 5px;
		margin-top: 60px;
      font-size: 48px;
    }




h4{
	margin-top: 100px;             /*アクセス*/
	letter-spacing: 0.1em;
	color: #A79849;
	font-size: 20px;
}

div#b{
	width: 250px;
	margin-left: -50px;
	margin-top:-50px;
	top: -50px;
	bottom: -50px;
	right: -50px;
	margin: auto
}

div#c{
	width: 250px;
	margin-left: -50px;
	margin-top:-50px;
	top: -50px;
	bottom: -50px;
	right: -50px;
	margin: auto
}


div.box{
	background-color: #ECE6B9;
	width: 375px;
	height: 40px;
	position: absolute;

	
	
}
p#last{
	font-size: 10px;
	color: #999999;
	position: relative;
	top: 10px;
	margin-top: 50px;
	
	
}
                                               /*二ページ目*/

.fade_off {
    opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.fade_on {
    opacity: 1;
}


div#first{                         /*トップ写真*/
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: contain;
}

div#second{                        /*インスタグラムロゴ*/
	position: relative;
	margin-top: 0px;
	margin-left: 300px;
}

div#third{                        /*ミンネロゴ*/
	position: relative;
	margin-top: -46px;
	margin-left: 335px;
}
div#zero{
	position: relative;
	position: fixed;
	margin-top: -55px;
	width: 50px;
	
}

div#fourth{                        /*conceptstoryロゴ*/
	position: relative;
	top: 20px;
	left: -2px;
}


@keyframes anime1 {
    0% {
        opacity:  0;                /* 透明度指定 */
        top: 50px;                  /* 位置指定 */
    }
    100% {
        opacity:  1;                /* 透明度指定 */
        top: 0px;                     /* 位置指定 */
    }
}

h5{                                    /*森林の王者*/
	margin-top: 210px;
	font-size: 18px;
	color: #4D4D4D;
	line-height: 35px;
}

p#onee{                                    /*〜な物語*/
	margin-top:60px;
	font-size: 16px;
	color: #4D4D4D;
	line-height: 35px;
	letter-spacing: 0.2em;
}
p#twoo{
	margin-top: 100px;
	font-size: 16px;
	color: #4D4D4D;
	line-height: 35px;
}

div#one{                        /*森*/
	margin-top: -190px;
	margin-left: 30px;
}

div#two{
	margin-top: 70px;
	margin-left: 260px;
}

div#three{
	margin-top: 20px;
	margin-left: 40px;
}

p#threee{
	margin-top: 20px;
	font-size: 16px;
	color: #4D4D4D;
	line-height: 35px;
}

div#four{
	margin-top: 50px;
	margin-left: 50px;
}
p#fourr{
	margin-top: 40px;
	font-size: 16px;
	color: #4D4D4D;
	line-height: 35px;
}

div#five{
	margin-top: -20px;
	margin-left: 250px;
}

div#six{
	margin-top: -30px;
	margin-left: 20px;
}

p#fivee{
	margin-top: 40px;
	font-size: 16px;
	color: #4D4D4D;
	line-height: 35px;
}

div#seven{
	margin-top: -10px;
	margin-left: 130px;
	margin-bottom: 100px;
}



div#d{
	width: 250px;
	margin-left: -50px;
	margin-top:-50px;
	top: -50px;
	bottom: -50px;
	right: -50px;
	margin: auto
}

div#e{
	width: 250px;
	margin-left: -50px;
	margin-top:-50px;
	top: -50px;
	bottom: -50px;
	right: -50px;
	margin: auto
}