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

@font-face {
    font-family: 'Accidental-Presidency';
    src:url('fonts/Accidental-Presidency.ttf.woff') format('woff'),
        url('fonts/Accidental-Presidency.ttf.svg#Accidental-Presidency') format('svg'),
        url('fonts/Accidental-Presidency.ttf.eot'),
        url('fonts/Accidental-Presidency.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

html {
	font-size: font-size: 62.5%;
		background-color: #FFFDED;
}

body{
	width: auto;
	height: 100vh;
	max-width: auto;
	max-height: 100vh;
	margin: 0 auto;
	background-color: #FFFDED;
}


a {

}
a:hover {
   opacity: 0.7;
}

@media screen and (min-width: 1200px) { 
body{

}
}
#w_fire {
  position: relative;
  height: 100vh;
  width: 135vh;
  margin: 0 auto;

}
#w_fire:before {
  content: "";
  display: block;
 /* padding-top: calc(3 / 4 * 100%);*/
}
#fire {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
		background: url(images/fireBG.gif) no-repeat;
	background-size: contain;
	background-position: center;
	
		/*transform: rotateZ(90deg);*/
}

#wrap {
    position: relative;
    width: 63vh;
    height: 63vh;
	margin: auto;
	top: 50%; 
    left: 23%;
	transform: translate(-50%, -50%);
}
.box-1x1:before {
    content: "";
    display: block;
    padding-top: 100%;
	
}


@media screen and (orientation: portrait) {

body{
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	text-align: right;
	display: flex;
  justify-content: center;
  align-items: center;

}

body::-webkit-scrollbar {
    display:none;
}

#w_fire {
  position: relative;
  width: 96vw;
  height: auto;
  margin: 0 auto;
  padding: 0;

}
#w_fire:before {
  content: "";
  display: block;
  padding-top: calc(4 / 3 * 100%);
}
   #fire {
background: url(images/fireBG_h.gif) no-repeat;
	background-size: contain;
	background-position: cover;
	margin: 0;
	padding: 0;
}

#wrap {
    position: relative;
    width: 63vw;
    height: auto;
	margin: 0 auto;
	top: 50%; 
    left: 33%;
	transform: translate(-50%, -50%);
}
}
@media screen and (orientation: landscape) {
   /* 横置き(横長)の場合 */
}




#homeHeader {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
/*	max-width: 350px;
	max-height: 380px;


	transform: translate(-50%, -50%);*/
	/*transform: translate(-50%, -50%) rotate(270deg);*/
	text-align: center;
	background: url(images/newcircleTop.gif) no-repeat center;
	background-size: contain;
	
	display: flex;
	flex-direction: column;
}



#homeHeader {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
#homeMainNavi {
	position: relative;
	width: 100%;
	height: 37%;
	margin: 0 auto;
}

#homeMainNavi > a {
	position: absolute;
	z-index: 100;
}

#homeMainNavi > a img {
	width: 100%;
}

#imgBrand { 
	width: 39%;
	top: 12%;
	left: 30%;
	}
#imgProf { 
	width: 38%;
	bottom: 0;
	left: 11%;
	}
#imgContact {
		width: 38%;
	right: 11%;
	bottom: 0;
	}

#homeunderNavi {
	height: 22%;

}


#homeunderNavi {
	position: relative;
}


#imgInsta {
	position: absolute;
	width: 9%;
	top: 7%;
	left: 39%;
	
}
#imgFB {
	position: absolute;
	width: 9%;
	top: 2%;
	left: 29%;
}



/*nexts */

.nextWrap {
	display: flex;
	flex-direction: column;
}

#contents {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;

	text-align: center;
	background: url(images/newcircle.gif) no-repeat center;
	background-size: contain;
}

#nextHeader {
	position: relative;
	height: 38%;
	padding: 0;

}

#nextLogo {
	position: absolute;
	top: 9%;
	left: 18%;
	width: 63%;
	margin: 0;
	padding: 0;

		}
#nextLogo img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#nextHeader > a {
	position: absolute;
	z-index: 100;
}

#nextHeader > a img {
	width: 100%;
}

#imgBrand2 { 
	width: 23%;
	bottom: 5%;
	left: 12%;
	}
#imgProf2 { 
	width: 25%;
	bottom: 0;
	left: 35%;
	}
#imgContact2 {
		width: 22%;
	right: 18%;
	bottom: 2%;
	}

#imgInsta2 {
	width: 6.5%;
	bottom: 16%;
	right: 12%;
	
}
#imgFB2 {
	width: 5.5%;
	bottom: 30%;
	right: 15%;
}

#mainContents {
	padding: 0;
}

#mainContents h2,#mainContents h3,#mainContents h4,.t_mail,.t_red {
	font-family: Accidental-Presidency;
	font-weight: normal;
	margin: 0;
	line-height: 100%;
}

#mainContents h2 span {
	font-family: font-family: 'Noto Sans JP', sans-serif;
	font-weight: lighter;
}

.f_en {
	font-family: Accidental-Presidency;
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	padding: 1vh 0;
}

#mainContents section {
	margin-bottom: 2vh;
}

#mainContents h2,#mainContents h3,#mainContents h4,.t_red {
	text-transform: uppercase;
}

.t_red,#mainContents h4 { font-size: 3vh; }
#mainContents h3 { font-size: 5vh; }
.f_en,.t_mail { font-size: 2.5vh; }


@media screen and (orientation: portrait) {
#mainContents h4 { font-size: 3vw; }
#mainContents h3 { font-size: 4.5vw; }
.f_en,.t_mail { font-size: 2.4vw; }
}


#mainContents a {

}

.t_mail a:link,.t_mail a:visited {
	color: #000;
	text-decoration: none;
}

.t_mail a:hover {
	color: #000;
	text-decoration: underline;
}


.brand {
	padding-top: 4%;
}

#mainContents .brand h3 { font-size: 7vh; }
#mainContents .brand h2 { font-size: 3vh; }
#mainContents .brand .t_red { font-size: 3vh; }


@media screen and (orientation: portrait) {
	#mainContents .brand h3 { font-size: 6vw; }
	#mainContents .brand h2 { font-size: 3vw; }
#mainContents .brand .t_red { font-size: 3vw; }
}

#mainContents .brand section {
	margin-bottom: 3.5vh;
}

.brand p.t_red a:link,.brand p.t_red a:visited {
	color: #A72126;
	text-decoration: none;
}

.brand p.t_red a:hover {
	text-decoration: underline;
}

.brand p.t_red span {
	color: #000;
}