@charset"UTF-8";

/*Google webfont*********************************************/
@import url('https://fonts.googleapis.com/css2?family=Bilbo&family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bilbo&display=swap');

/**bx slider***************************************************/

#slider{
z-index:1;
width:100%;
margin-left:5px;
    margin-top:-2%;
}

.capt{
	width:100%;
	height:650px;
	text-align:left;
}


.divcapt{
	text-overflow:ellipsis;
	white-space: normal;
	overflow:hidden;
	height:auto;
	width:auto;
	padding-left:5px;
	padding-top:0px;
	font-size:11px;
	font-family: 'Shadows Into Light','azukib';
}
/**************************************************************/

/* Webfont */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('webfont/BebasNeue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

.bebas{
	font-family: 'BebasNeueRegular';
	}


@font-face {
	src: url('webfont/NotoSansJP-Regular.woff') format('woff');
	font-family: 'NotoSansJP';
	}

.noto{
	font-family: 'NotoSansJP';
	}



@font-face {
	font-family:'neuro';
	src: url("webfont/neuro.woff") format('woff');
	}

.neuro{
	font-family:'neuro';
	font-size:10px;
	font-weight:100;
	}

@font-face {
	font-family: 'azukib';
	src: url("webfont/azukib.woff") format('woff');
	}

.Bilbo{
	font-family: 'Bilbo', cursive;
	}

.georgia{
	font-family:"Palatino Linotype";
	}


.tangerine{
	font-family: 'Tangerine', cursive;
	}

.josef{
	font-family: 'Josefin Slab', serif;
	}

.cinzel{
	font-family: 'Cinzel', serif;
	}


.Poiret{
	font-family:'Poiret One';
	}

/********** Googlefont********************/

.Tangerine{
		font-family: 'Tangerine';
		font-size:30px;
		text-shadow: 4px 4px 4px #aaa;
		}
.qwi{
	font-size:26px;
	font-family: 'Qwigley', cursive;
	}

.Calligraffiti{
		font-family:'Calligraffitti';
		text-shadow: 4px 4px 4px #aaa;
		}

.princesssofia{
		font-family: 'Princess Sofia', cursive;
		}

.poiret{
	font-family:'Poiret One', 'NotoSansJP';
	}

.shadowsintolight{
	font-family: 'Shadows Into Light', cursive;
	}

.sunrise{
 	font-family: 'Waiting for the Sunrise', cursive;
	}




.noto{
 	font-family:'notosans';
	}

/*キャラクタ設定*/
img#ai_img{
	left:50%;
	position:fixed;
	width: 130px;
}

img.model{
    width: auto;
    margin-left: -180px;
}
img#model1{
    width: auto;
    position: absolute;
    margin-top:-10%;
    margin-left:-78%;
}
/*メインボディ タグ*/
body {
	text-align: center;
	font-family:'Poiret One','notosans';
	font-size: 14px;
	font-weight: normal;
	margin:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
	text-align:center;
    overflow-x: hidden;
	}

div#company {
	font-size :14px;
	font-family:'neuro';
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
	padding-left: 20px;
	line-height:2;
 }

.main {
	text-align: center;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	}


#container{
	margin-top:0px;
	padding-top:0px;
	width:100%;
	}

#text{
	text-align: left ;
color:#000000;
	}
a.footlink:link{
	color: #F3F3F3;
	}

/*ヘッダータグ*/

header {
	font-family:  'NotoSansJP';
	font-size: 14px;
	text-align: left;
	width:100%;
	}

div.headerscroll{
	position:fixed;
    background: linear-gradient(
	rgba(255,255,255,0.7) 0%,
    rgba(255,255,255,0.5)  3%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0.5) 97%,
	rgba(255,255,255,0.7) 100%);

	background:-webkit-linear-gradient(
rgba(255,255,255,0.7) 0%,
    rgba(255,255,255,0.5)  3%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0.5) 97%,
	rgba(255,255,255,0.7) 100%);
	width:75%;
	z-index:10000;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
	text-align:center;
    height:150px;
    border-radius: 0px 0px 5px 0px;
	}

#headertitle{
    color:rgb(178,177,51);
    margin-bottom:5px;
    margin-left:-10px;
    margin-top:15px;
    font-size:46px;
    text-shadow:1px 1px 1px #000;"
    }

/**********media screen********************/
@media screen and (max-width : 1100px){
div.headerscroll{
	position:fixed;
    background: linear-gradient(
	rgba(255,255,255,0.7) 0%,
    rgba(255,255,255,0.5)  3%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0.5) 97%,
	rgba(255,255,255,0.7) 100%);

	background:-webkit-linear-gradient(
    rgba(255,255,255,0.7) 0%,
    rgba(255,255,255,0.5)  3%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0.5) 97%,
	rgba(255,255,255,0.7) 100%);
	z-index:10000;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
	text-align:center;
    height:auto;
    width:95%;
    border-radius: 5px 5px 5px 5px;
	}

img#model1{
    width: auto;
    position: absolute;
    margin-top:-30%;
    margin-left:-90%;
}
    
ul#itemMenu{
        display: block;
    }
    
#titlelogo{
    float: left;
    margin-left:0px;
    margin-top:10px;
    height:70px;
    }

#headertitle{
    color:rgb(178,177,51);
    margin-bottom:5px;
    margin-left:-10px;
    margin-top:15px;
    font-size:40px;
    text-shadow:1px 1px 1px #000;"
    }
    
.imgtransition_word {
	font-family:'Poiret One',メイリオ;
	width:100%; 
	font-weight:normal;
	text-align:center;
	color:#FFFFFF;"
	font-size: 60px;
    background:url(img/pattern.png) repeat top left;
	width:99.5%;
	height:650px;
	margin-top:-650px;
	padding-top:300px;
	padding-left:5px;
	padding-right:5px;
    line-height: 1.5;
	border:none;
	position: absolute;
    text-shadow:1px 1px 1px #000;
	z-index:1000;
    font-size:70px;
		}

header div#description{
		vertical-align: middle;
        margin-bottom:30px;
	 	font-size: 14px;
		line-height:1;
	 	color: #FFFFFF;
		text-shadow:none;
		z-index:1;
		}
}
/******************************************/
/***************hiddennews*****************/
div#newsflow{
    width:100%;
    height: 98%;
    top: 0%;
    left: 0%;  
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    opacity: 0;
    z-index: 10;
    display: none;
    background-image: url(img/pattern.png);
}

div#hiddennews{
        width: 86%;
        height: 64%;
        top: 10%;
        left: 7%;
        background: linear-gradient(
    rgba(255,255,255,0.9) 0%,
        rgba(255,255,255,0.8)  3%,
        rgba(255,255,255,0.6)  5%,
        rgba(255,255,255,0.3) 50%,
        rgba(255,255,255,0.6) 95%,
        rgba(255,255,255,0.8) 97%,
        rgba(255,255,255,0.9) 100%);
        border-radius: 3px;
        text-align: left;
        padding: 2%;
        position:absolute;
        z-index:100;
        transform:translate(110%,0);
        opacity: 0.4;
}

img#news1{
    position:absolute; 
  top:47%;
    right:3%;
    height:45px;
    z-index: 1000;
}

div#hiddenfukidashi{
    font-size:12px;
    white-space:pre-wrap;
    width:70%;
    float:left;
    line-height:2;
    overflow-y:scroll;
    height:100%;
    padding:3%;
    color:rgb(0,0,0);
      background: linear-gradient(
    rgba(0,180,0,0.6) 0%,
    rgba(0,217,0,0.9) 5%,
    rgba(0,217,0,1) 50%,
    rgba(0,217,0,0.9) 95%,
    rgba(0,180,0,0.6) 100%);  
    border-radius: 10px;
    z-index:1000;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.6);
}

div#hiddenfukidashi a {color:rgba(255,255,255,1);
	text-decoration:none;
}
/* クリックした後の設定 */
div#hiddenfukidashi a:visited{color:rgb(196,0,100);}

/* アクティブ時の設定 */
div#hiddenfukidashi a:active {
	color: rgba(240,240,240,1);
	}
/* hover時の設定 */
div#hiddenfukidashi a:hover {
	color: rgba(215,0,100,1);
	 text-decoration:underline ;
        -webkit-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	}

div#hiddenfukidashi::after{
    content: "　";
    font-size:12px;
    width:65%;
    height:14px;
    margin-left: -2.6%;
    margin-right: 0px;
    top:5.8%;
    color:rgb(255,255,255);
      background: linear-gradient(
     rgba(0,180,0,0.9) 0%,
    rgba(255,255,255,0.9) 1%,
    rgba(255,255,255,0.7) 5%,
    rgba(160,255,160,7) 50%,
   rgba(100,255,100,0.5) 95%,
    rgba(0,180,0,0.5) 100%);  
    border-radius:10px;
    z-index:2000;
    position: absolute;
}

div#hiddenfukidashi::before{
    content: "?";
    font-size: 14px;
        position:absolute;
    color:rgba(0,217,0,1);
    top:210px;
    left: 25.3%;
    z-index: 3100;
}

img#news2{
    position:absolute; 
    top:47%;
   left:3%;
    height:45px;
    z-index: 1000;
}

ul.test2 li:nth-child(2):hover #newsflow{ 
    opacity: 1;
    -webkit-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    z-index:100;
    display: block;
}

ul.test2 li:nth-child(2):hover #hiddennews{
    transform:translate(0,0);
    -webkit-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    z-index:1000;
    opacity: 1;
    }

ul.test2 li:nth-child(2):hover img#news1{ 
    -webkit-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    z-index:10000;
    transform:translate(-20%,0);
}

img#comcharacter{
    position: relative;
    width: 25%;
    padding-left:1%;
    padding-right:1%;
    padding-top:10%;
    float: left;
     animation: fly 2s ease-in-out infinite;
}
/***************hiddennews*****************/
div#hiddennews3{
        width: 86%;
        height: 64%;
        top: 10%;
        left: 7%;
        background: linear-gradient(
    rgba(255,255,255,0.9) 0%,
        rgba(255,255,255,0.8)  3%,
        rgba(255,255,255,0.6)  5%,
        rgba(255,255,255,0.3) 50%,
        rgba(255,255,255,0.6) 95%,
        rgba(255,255,255,0.8) 97%,
        rgba(255,255,255,0.9) 100%);
        border-radius: 3px;
        text-align: left;
        padding: 2%;
        position:absolute;
        z-index:100;
        transform:translate(-110%,0);
        opacity: 0.4;
}

ul.test3 li:nth-child(2):hover #newsflow{ 
    opacity: 1;
    -webkit-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    z-index:100;
    display: block;
}

ul.test3 li:nth-child(2):hover #hiddennews3{
    transform:translate(0,0);
    -webkit-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    z-index:1000;
    opacity: 1;
    }

ul.test3 li:nth-child(2):hover img#news2{ 
    -webkit-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    z-index:10000;
    transform:translate(20%,0);
}
/***************hiddennews*****************/
@keyframes fly {
  0% {transform: scale(1,0.99) translate(0, 0);}
  50% {transform: scale(1) translate(0, -10px);}
  100% {transform: scale(1,0.99) translate(0, 0);}
}

.line-1{/*対象のテキスト*/
    position: relative;
    top: 50%;  
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 180%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    white-space:pre-wrap;
}

.anim-typewriter{/*アニメーションセッティング*/
  animation: typewriter 4s steps(44) 2s 1 normal both,
 blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{/*タイプライターライクなアニメーション*/
  from{width: 0;}
  to{width: 240em;}
}
@keyframes blinkTextCursor{/*点滅するカーソルのアニメーション*/
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}
/******************************************/
div.headerscroll h1{
    margin-left: 0px;
    font-size:16px;
    padding-left: 0px;
    text-align: left;
    }



.shadow{
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	}

#title{
	padding-bottom:0;
	padding-top:5px;
    float:left;
	color:rgb(0,0,0);
	text-shadow:4px 4px 5px rgba(0,128,128,0.5);
	}

#titlelogo{
    float: left;
    margin-left:25px;
    margin-top:10px;
    height:110px;}

/* body:hover #titlelogo{
	-webkit-transform:rotate(540deg);
	-webkit-transition:all 2s ease-in-out;
	transform:rotate(540deg);
    transition:all 2s ease-in-out;
    }
*/

br	{
	clear:both;
	}

.sectionmenu{
	line-height:2;
	border-radius: 3px;
	border:1px rgb(51,122,86) solid;
	 background:rgba(230,230,230,0.2);
        position: relative;
        padding:0 5px 0 5px;
	}

.sectionmenu:hover{
		background:rgba(230,230,230,0.3);
		-webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
  		transition:all 0.5s ease-in-out;
	 	transform:scale(1.03,1.03);
		-webkit- transform:scale(1.03,1.03);
		-moz- transform:scale(1.03,1.03);
		}
.sectionlist{
		border-radius: 7px;
		border:1px #8abe63 solid;
                position: relative;
                padding:0 0px 0 0px;
            }

            .box {
                position: relative;
                width: 100%;
                margin-bottom: 20px;
            }

            .box:after {
                content: '';
                position: absolute;
                border-top: 10px solid #ccc;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                bottom: -9px;
                left: 5px;
            }

.wordstyle{
	white-space:pre-wrap;
	font-size: 14px;
	font-family:  'NotoSansJP';
	color:#000000;
	text-align: left;
	}
/*****************h1-h6****************/

h1 {
	font-size :26px;
	font-family:'Bilbo', cursive;, 'NotoSansJP';
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
	padding-left: 20px;
	font-weight: 100;
	border-radius:0 5px 0 5px;
    font-weight: bold;
 }

h2 {
    font-size:16px;
    font-family:'neuro', 'NotoSansJP';
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
	padding-left: 20px;
	line-height:2.2;
	font-weight: 400;
    margin-bottom: 0px;
    }


h3 {
    float:left;
    font-size:16px;
    font-family:'neuro', 'NotoSansJP';
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
    vertical-align: middle;
    padding:15px;
	line-height:2.2;
    font-weight: 400;
    margin-bottom: 0px;
	}

h4 {
    float:left;
    font-size:16px;
    font-family:'neuro', 'NotoSansJP';
	margin-left: auto;
	margin-top: 0px;
	text-align: center;
    vertical-align: middle;
    padding:15px;
	line-height:2.2;
    font-weight: 400;
    margin-bottom: 0px;
}
h5 {
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	text-align: left;
	padding-left: 5px;
	font-family:  'NotoSansJP';
	font-size: 16px;
	color:rgb(64,32,0);
}

h6 {
	font-family:'Poiret One', 'NotoSansJP';
	font-size:36px;
margin-top:-20px;
	color:rgb(60,60,60);
 	font-weight:normal;
	text-align:center;
	}

p {
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	text-align: left;
	padding-left: 10px;
	line-height:2;
	font-family:  'NotoSansJP';
	font-size: 12px;
	}

/*リンクタグ */

a:link{color:rgb(225,0,113);
	text-decoration:none;
}
/* クリックした後の設定 */
a:visited{color:rgb(196,0,100);}

/* アクティブ時の設定 */
a:active {
	color: #006699;
	}

/* hover時の設定 */
a:hover {
	color: rgb(200,0,180);
	 text-decoration: none ;
	}

/* footerの設定 */
.footer{
	font-size: 14px;
	}

/* link-note */
.link-note {
	font-family:  'NotoSansJP';
	font-size: small;
	text-align: left;
	padding: 2px;
	margin-bottom: 10px;
	}
aside {
	font-family:  'NotoSansJP';
	font-size: 10px;
	text-align: left;
	color: #000000;
	font-weight: normal;
}
article {
	font-size: 12px;
}

ul {
	font-family:  'NotoSansJP';
	font-size: 12px;
	text-align: left;
}
ul.list{
	padding-left: 10px;
	padding-right: 10px;
	white-space:pre-wrap;
	}

nav {
	text-align: center;
	overflow: visible;
	visibility: visible;
	padding-left: 5px;
	left: 2%;
}
section(
)
.bodysection {
	font-family:  'NotoSansJP';
	font-size: 12px;
	text-align: center;
	}

.content {
	font-family:  'NotoSansJP';
	font-size: 12px;
	text-align: center;
}
.style {
	margin: 5px;
	list-style-type: circle;
}
.Links {
	top: auto;
	text-align: center;
		float: left;
}
textarea {
	height: 100px;
	width: 400px;
}

iframe {
	margin-left: 0px;
	padding-left: 0px;
	border:none;
	width: 100%;
	height:400px;
	}

object {
	margin-left: 0px;
	padding-left: 0px;
}
.list
{
	width:100%;
	height:400px;
}
.dtstyle{
	white-space:pre-wrap;
	color: #CC9900;
	}
.dtstyle2{
	white-space:pre-wrap;
	color: #339933;
	}


textarea {
	width: 600px;
	font-family:  'NotoSansJP';
	font-size: 12px;
}
.shell {
	font-family:  'NotoSansJP';
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
}
pre {
	display:block;
	margin-top:1em;
	margin-bottom:1em;
	font-family:monospace;
	white-space:pre;
}
li{
	list-style:none
}
dl{
	height: auto ;
	}
dl dt{
    font-family: 'Bilbo', cursive;
    font-size:16px;
}
dl dd{
    margin-left:10px;
}

header div#description{
		vertical-align: middle;
		margin-left:10px;
	 	font-size: 14px;
		line-height:1;
	 	color: #FFFFFF;
		font-family:  'NotoSansJP';
		text-shadow:none;
		float: left;
		z-index:1;
		}

/***************フォントの設定*****************/
#Amatic{
	font-family:'Amatic SC';
	font-size: 35px;
	}


.shadow{
	text-shadow: 3px 3px 4px blue;
	}


/*****************メニュー設定****************/
ul#itemMenu{
    display: block;
	padding-left:0%;
 	background:rgba(0,0,0,0);
    margin-top:15px;
}

 ul#itemMenu li{
 	float:left;
    vertical-align: middle;
    text-align: left;
    margin-bottom:20px;
	}

 ul#itemMenu li a{
 font-family: 'Bilbo';
 	font-size: 17px;
 	text-align: left;
    width:160px;
 	display:block;
     font-weight:bold;
     color:rgb(60,60,60);
     
 	}

ul#itemMenu li a:hover {
 color:rgb(255,0,255);
 	text-align: left;
 text-decoration: none ;
 }

 /*****************?q???j???[???e*****************/
ul#itemMenu li ul.sub{
    display:none;
    position:absolute;
    color:#FFFFFF;
    border:1px rgba(0,0,0,0.4) solid;
    background:rgba(40,20,0,0.9);
    border-radius: 0px 3px 3px 3px;
    width:300px;
    line-height: 2;
    padding-top:5px;
    padding-left:15px;
    padding-bottom:20px;
    padding-right: 15px;
    border-radius:5px;
    transform:translate(-25px,30px);
    font-weight:50;
	}

 /*　メニューアイテムにマウスを乗せたとき*/
#itemMenu li:hover ul.sub{
	 display:block;
 	}

#itemMenu li ul.sub li a.list{
	font-family:  'NotoSansJP';
	text-align:left;
 	font-size: 12px;
	margin-left:14px;
	color:rgb(255,133,75);
	font-weight:normal;
	width:auto;
 	}

#itemMenu li ul.sub li a.list:hover{
 	font-size: 12px;
	color:rgb(255,0,128);
 	-webkit-transition:all 0.2s ease-in-out;
 	-moz-transition:all 0.2s ease-in-out;
 	transition:all 0.2s ease-in-out;
	transform:translate(0px,-7px);
 	}

#itemMenu li ul.sub li p{
 	font-size: 11px;
 	}

/*　リストアイテムリンク設定 */
a.list{
	font-family:  'NotoSansJP';
 	font-size: 12px;
	color:rgb(145,72,0);
	font-weight:normal;
 	}

 /********************************/
.bread{
	overflow:hidden;
	}


.bread li{
 	float:left;
	}

.bread li a{
	background:linear-gradient(
	rgb(251,229,246) 0%,
	rgb(214,70,185) 50%,
	rgb(200,61,180) 50%,
	rgb(258,17,200) 100%);

	background: -webkit-linear-gradient(
	rgb(251,229,246) 0%,
	rgb(214,70,185) 50%,
	rgb(200,61,180) 50%,
	rgb(258,17,200) 100%);

	background: -moz-liner-gradient(
	rgb(251,229,246) 0%,
	rgb(214,70,185) 50%,
	rgb(200,61,180) 50%,
	rgb(258,17,200) 100%);

	font-family:  'NotoSansJP';
 	font-size: 12px;
 	color:#FFFFFF;
 	text-align: center;
 	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);
 	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.3);
 	width:130px;
 	height:60px;
 	display:block;
 	}

.bread li a::before{
	display:block;
	width:15px;
	height:30px;
	border-right:5px solid #FFFFFF;
	background:liner-gradient(
	rgb(251,229,246) 0%,
	rgb(214,70,185) 100%,
	);
	margin:0 -10px -30px auto;
	content:"";
	transform:skew(30deg);
	}

.bread li a::after{
	display:block;
	width:15px;
	height:31px;
	border-right:5px solid #FFFFFF;
	background:liner-gradient(
	rgb(200,61,180) 0%,
	rgb(258,17,200) 100%
	);
	margin:11px -10px 0 auto;
	content:"";
	transform:skew(-30deg);
	}



/************************white-space??e?I?1*************************/
.gridlayout1{
  clear:both;
 height:auto;
  margin-top:0px;
  padding-left :0px;
  padding-top: 0px;
  padding-bottom: 0px;
    background: linear-gradient(
    rgba(10,5,0,1) 0%,
    rgba(20,10,0,0.93)  3%,
    rgba(20,10,0,0.9) 50%,
    rgba(20,10,0,0.93) 97%,
	rgba(10,5,0,1) 100%);

	background:-webkit-linear-gradient(
	rgba(10,5,0,1) 0%,
    rgba(20,10,0,0.93)  3%,
    rgba(20,10,0,0.9) 50%,
    rgba(20,10,0,0.93) 97%,
	rgba(10,5,0,1) 100%);
  }

.gridlayout2{
  width:100%;
  margin: 5px;
  float: left;
  padding:10px;
  }

.gridlayout3{
  width:21%;
  margin: 2px;
  float: left;
  }

.gridlyout4{
  width:100%;
text-align:center;
color:rgba(0,0,0,1);
padding-top: 3px;
 background: linear-gradient(-120deg,
    rgba(170,85,0,0.8) 0%,
    rgba(255,128,0,0.7) 50%,
    rgba(128,0,0,0.8) 100%);
	background: -webkit-linear-gradient(120deg,
    rgba(170,85,0,0.8) 0%,
    rgba(255,128,0,0.7) 50%,
    rgba(128,0,0,0.8) 100%);
 font-family:'neuro';
  position:fixed;
  bottom:0px;
  right:0px;
  height:32px;
  z-index:10000;
  }

h1 a {
color:#000000;
}

h1 a:hover {
color:#000000;
}
 /*****************headline****************/
a.headline1{
font-family:'Poiret One','NotoSansJP';
color:rgb(225,0,113);
font-size:14px;
font-weight:bold;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

a.headline2{
font-family:'Poiret One','NotoSansJP';
color:rgb(255,100,0);
font-size:14px;
font-weight:bold;
}

a.subtitle{
 font-family:'Poiret One', 'NotoSansJP';
font-size:25px;
color:rgb(128,64,64);
}

.image{
	width:230px;
	margin-top:20px;
	}

.image2{
	width:150px;
	margin-top:20px;
	margin-left:40px;
	}

.divimage{
	float:left;
	width:240px;
	height:300px;
	margin-left:10px;
	}

footer{
}
footer table{
    float:left;
	margin-top:50px;
    margin-left: 1%;
	margin-bottom:0px;
	font-family:'neuro','NotoSansJP';
    color: #FFFFFF;
	font-weight:100;
	}

footer table td{
	height:15px;
    font-family:'NotoSansJP';
	text-align:left;
	font-size:12px;
	}

footer.footer p{
	text-align:center;
	color:#000000;
	font-size:12px;
	font-family:'neuro';
	}

/*************************header transition*************************************/
.imgtransition_word {
	font-family:'Poiret One',メイリオ;
	width:100%; 
	font-weight:normal;
	text-align:center;
	color:#FFFFFF;"
	font-size: 60px;
    	background:url(img/pattern.png) repeat top left;
	width:99.5%;
	height:650px;
	margin-top:-650px;
	padding-top:200px;
	padding-left:5px;
	padding-right:5px;
    line-height: 2.2;
	border:none;
	position: absolute;
    text-shadow:1px 1px 1px #000;
	z-index:1000;
    font-size:70px;
		}

body:hover .imgtransition {
	font-size: 14px;
	text-align: left;
    background:url(img/title.png)  no-repeat top left;
	background:url(img/title.png)  no-repeat top left;
	background:url(img/title.png)  no-repeat top left;
	background:url(img/title.png)  no-repeat top left;
        background-size: auto;
	margin-top:0px;
	padding:0px;
	border:none;
	background-attachment: fixed;
 	transition:all 1.5s ease-in-out;
	-ms-transition:all 1.5s ease-in-out;
 	-moz-transition:all 1.5s ease-in-out;
        -webkit-transition:all 1.5s ease-in-out;
		}

.imgtransition_word1 {
    background: linear-gradient(
	rgba(0,0,0,1) 0%,
    rgba(40,20,0,0.93)  3%,
    rgba(40,20,0,0.9) 50%,
    rgba(40,20,0,0.93) 97%,
	rgba(0,0,0,1) 100%);
	background:-webkit-linear-gradient(
	rgba(0,0,0,0.9) 0%,
    rgba(40,20,0,0.83)  3%,
    rgba(40,20,0,0.8) 50%,
    rgba(40,20,0,0.83) 97%,
	rgba(0,0,0,0.9) 100%);
    padding: 20px;
    padding-top:30px;
    padding-bottom: 5px;
    border-radius: 7px;
    position: relative;
    font-family:'neuro';
    line-height: 2.5;
    height:auto;
    width:600px;
    left: 3%;
    top:12%;
    font-weight:normal;
    text-align:left;
    color:rgb(255,0,128);
    transform:translate(-110%,80px);
		}

body:hover .imgtransition_word1{
    -webkit-transition:all 0.8s ease-in-out;
 	-moz-transition:all 0.8s ease-in-out;
 	transition:all 0.8s ease-in-out;
	transform:translate(5%,80px);
}

.imgtransition_word2 {
    background: linear-gradient(
	rgba(0,0,0,1) 0%,
    rgba(40,20,0,0.93)  3%,
    rgba(40,20,0,0.9) 50%,
    rgba(40,20,0,0.93) 97%,
	rgba(0,0,0,1) 100%);
	background:-webkit-linear-gradient(
	rgba(0,0,0,0.9) 0%,
    rgba(40,20,0,0.83)  3%,
    rgba(40,20,0,0.8) 50%,
    rgba(40,20,0,0.83) 97%,
	rgba(0,0,0,0.9) 100%);
    padding: 20px;
    padding-bottom: 0px;
    height:auto;
    border-radius: 7px;
    position: absolute;
    line-height: 2;
    width:auto;
    font-weight:normal;
    text-align:left;
    color:rgb(255,0,128);
    font-size:20px;
    -webkit-transform:scale(0,0);
    transform:scale(0,0);
    top:500px;
    left:50%;
		}

body:hover .imgtransition_word2{
    -webkit-transition:all 1.5s ease-in-out;
 	-moz-transition:all 1.5s ease-in-out;
 	transition:all 1.5s ease-in-out;
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
}


/*****************************************************************************/
.mobimage1{
    display: none;
    float:left;
    width:400px;
    border-radius: 50%;
    margin-bottom: 50px;
    margin-top:-5px;
    margin-left:5px;
    }
/* subphrase */
.phrase {
    background:	url("images/0005.jpg")  no-repeat top left;
	background:-webkit-url("images/0005.jpg")  no-repeat top left;
    height: 3000px;
    }

.mainphrase{
    font-size: 16px;
    font-family:'NotoSansJP';
    line-height: 1.8;
    height: auto;
    text-align: left;
    margin: auto;
    margin-bottom: 30px;

}

.subphrase{
    font-size: 14px;
    font-family:'NotoSansJP';
    line-height: 2.3;
    float: left;
    text-align: left;
    height: auto;
    margin:2%;
    margin-bottom: 30px;
}

.phrasebox{
    font-family:'NotoSansJP';
    font-size: 14px;
    line-height: 2.3;
    text-align: left;
    float: left;
    height: 300px;
    margin:1.5%;
}

.phrasebox2{
    font-family:'NotoSansJP';
    font-size: 16px;
    line-height: 2.3;
    text-align: center;
    float: left;
    border:2px solid #362f2d;
    border-radius:5px;
    text-align:left;
    padding:15px;
    height:180px;
    margin-top:30px;
    margin-bottom:15px;
}

.phrasebox3{
    font-family:'NotoSansJP';
    font-size: 16px;
    line-height: 2.3;
    text-align: center;
    border:2px solid #362f2d;
    border-radius:5px;
    text-align:left;
    padding:15px;
    margin-bottom:15px;
    background-image:url(icon/tri.png)  no-repeat top left;
    background-size: auto;
}

.phrasebox4{
    font-family:'NotoSansJP';
    font-size: 16px;
    line-height: 2.3;
    text-align: center;
    float: left;
    border:2px solid #362f2d;
    border-radius:5px;
    text-align:left;
    padding:15px;
    height:100px;
    width:100%;
    margin-bottom:15px;
}

.phrasebox5{
    font-family:'NotoSansJP';
    font-size: 14px;
    line-height: 2.3;
    text-align: left;
    float: left;
    height: auto;
    margin:1.5%;
    margin-top: 1%;
    width:auto;
}
.icon{
    width: 90px;
}
.subpromotionbox{
      margin-top: 20px;
    margin-bottom: 20px;
    font-family:'neuro','NotoSansJP';
    padding-left:30px;
    padding-right:30px;
    font-size: 14px;
    line-height: 2.3;
    text-align: left;
    float: left;
}

.subpromotionbox1{
    margin-top: 20px;
    font-size: 14px;
    margin-bottom: 20px;
    font-family:'neuro','NotoSansJP';
    line-height: 2.3;
    width:46%;
       margin:2%;
    text-align: left;
    float: left;
}
.subpromotionbox2{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
        margin-bottom: 20px;
    font-family:'neuro','NotoSansJP';
    font-size: 14px;
    line-height: 2.3;
    width:46%;
       margin:2%;
    margin-bottom: 0px;
    text-align: left;
    float: left;
}
.promotionbox1{
      background:	url("images/0003.png")  no-repeat top left;
	background:-webkit-url("images/0003.png")  no-repeat top left;
    margin-left: -15px;
    margin-right: -15px;
        padding-left:30px;
    padding-right:30px;
    margin-top:0px;
    height: 200%;
    }

.promotionbox2{
    margin-left: -15px;
    margin-right: -15px;
            padding-left:30px;
    padding-right:30px;
    margin-top:0px;
    height: 2200px;
    }

.informationbox1{
    margin-left: 60px;
    font-size: 14px;
    line-height: 2.3;
    float: left;
    padding: 2%;
    text-align: left;
        width:90%;
    margin-top: 10px;
}
.informationbox2{
    margin-right: 60px;
    font-size: 14px;
    line-height: 2.3;
    float: right;
    text-align: left;
    width:90%;
    margin-top: 10px;
    padding: 2%;
}

div.phrasebox:hover div.informationbox1 .translatebox {
    -webkit-transition:all 0.8s ease-in-out;
 	-moz-transition:all 0.8s ease-in-out;
 	transition:all 0.8s ease-in-out;
    transform:translate(250px,50px);
}

/**************************************************/
nav.phrasecanvas{
    text-align: center;
    width: 100%;
    height: 1000px;
    }

nav.phrasecanvas li a{
    border-radius: 50%;
    display: block;
    width:400px;
    height:350px;
    padding-top: 150px;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 2.5;
    font-size: 14px;
        text-align: center;
     font-family:'neuro','NotoSansJP';
}

/*****************************************/
nav.phrasecanvas li:nth-child(1) a{
    background:url(images/mask.png) repeat top left,
	url(images/0004.jpg) no-repeat bottom left;
    color:antiquewhite;
    margin-top:-5%;
    margin-left:-7%;
    background-attachment: fixed;
    }

nav.phrasecanvas li:nth-child(1) a:hover{
     background:url(images/0004.jpg) no-repeat bottom left;
    color:chocolate;
    transform:translate(0px,-10px);
    -webkit-transition:all 0.8s ease-in-out;
    -ms-transition:all 0.8s ease-in-out;
  	transition:all 0.8s ease-in-out;
    }
/*****************************************/

nav.phrasecanvas li:nth-child(2) a{
    background:url(images/mask.png) repeat top left,
	url(images/0000.jpg) no-repeat top left;
    color:antiquewhite;
    margin-top:-30%;
    margin-left:38%;
    background-attachment: fixed;
    }


nav.phrasecanvas li:nth-child(2) a:hover{
     background:url(images/0000.jpg) no-repeat top left;
    color:chocolate;
    -webkit-transition:all 0.8s ease-in-out;
    -ms-transition:all 0.8s ease-in-out;
  	transition:all 0.8s ease-in-out;
     transform:translate(0px,-10px);
    }


nav.phrasecanvas li:nth-child(3) a{
    background:url(images/mask.png) repeat top left,
	url(images/0006.jpg)  no-repeat bottom left;
    color:antiquewhite;
    margin-top:-12%;
    margin-left:15%;
    background-attachment: fixed;
    }

nav.phrasecanvas li:nth-child(3) a:hover{
     background:url(images/0006.jpg)  no-repeat bottom left;
    color:chocolate;
    margin-top:-12%;
    margin-left:15%;
    -webkit-transition:all 0.8s ease-in-out;
    -ms-transition:all 0.8s ease-in-out;
  	transition:all 0.8s ease-in-out;
     transform:translate(0px,-10px);
    }

nav.phrasecanvas li:nth-child(4) a{
    background:url(images/mask.png) repeat top left,
	url(images/0005.jpg)  no-repeat bottom right;
    color:antiquewhite;
    margin-top:-42%;
    margin-left:65%;
    background-attachment: fixed;
    }

nav.phrasecanvas li:nth-child(4) a:hover{
     background:url(images/0005.jpg) no-repeat bottom right;
    color:chocolate;
    -webkit-transition:all 0.8s ease-in-out;
    -ms-transition:all 0.8s ease-in-out;
  	transition:all 0.8s ease-in-out;
     transform:translate(0px,-10px);
    }

nav.phrasecanvas li:nth-child(5) a{
    background:url(product/v-moda/m-100/001.jpg)  no-repeat top left;
    color:antiquewhite;
top:215%;
    left:70%;
    }

.phraseframe{
    border-radius: 5px;
    border:2px solid #362f2d;
    font-size: 14px;
    font-family:'NotoSansJP';
    line-height: 2.3;
    height: auto;
    text-align: left;
    margin: auto;
    margin-top:2%;
     margin-bottom:4%;
    padding: 15px;
    }

.mainphrase table{
    margin-top: 15px;
    margin-left: 30px;
    font-size: 16px;
   font-family:'neuro','NotoSansJP';
}

.footerlist tr{
	line-height:2;
	}

/**********************scroll**********************/
.page-top
{
	margin: 0 ;
	padding: 0 ;
}

.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 10px ;
	bottom: 10px ;
}

.move-page-top
{
	display: block ;
	background: rgba(0,0,0,0.8);
	width: 50px ;
	height: 50px ;
	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}
/**********************scroll_end*******************/
div ul li#inquirytab{
    padding-right:15px;
    padding-top:15px;
    font-size: 14px;
    position: fixed;
    border-right:3px rgb(200,0,55) solid;
    border-top:3px rgb(200,0,55) solid;
    border-bottom:3px rgb(200,0,55) solid;
    top:150px;
    margin-left: 775px;
    height: 110px;
    width: 30px;
    background: rgba(0,0,0,0.8);
    border-radius: 0 3px 3px 0;
    z-index: 40000;
}
div ul li#inquirytab h1{
    right: 20px;
    font-weight: 400;
    font-size: 12px;
    padding-top: 10px;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
    color: antiquewhite;
    }
div.inquirybox{
    font-weight: 100;
    color: floralwhite;
    border-radius:5px;
    width:800px;
    border-top:3px rgb(200,0,55) solid;
    border-bottom:3px rgb(200,0,55) solid;
    position: fixed;
    top:100px;
    left:-830px;
    padding:15px;
    background: rgba(0,0,0,0.8);
    -webkit-transition:all 0.8s ease-in-out;
    -ms-transition:all 0.8s ease-in-out;
  	transition:all 0.8s ease-in-out;
        z-index: 40000;
}

div.inquirybox:hover{
    width:800px;
    position: fixed;
    top:100px;
    left:0px;
    padding:15px;
        z-index: 40000;
}

div.inquirybox:hover #inquirytab{
     top:150px;
    margin-right:-200px;
     background: rgba(0,0,0,0.8);
       -webkit-transition:all 0.8s ease-in-out;
    -ms-transition:all 0.8s ease-in-out;
  	transition:all 0.8s ease-in-out;
        z-index: 40000;
}

 /**ADVERTICE**/
div.adver{
        }

img#advimg{
    text-align: right;
    position: fixed;
    top:0px;
    right:-2px;
    width:35px;
    z-index:100000;
}

img#advimg2{
    top:-25px;
    right:-25px;
    width:10px;
    position: fixed;
}

div.adver:hover img#advimg2{
    display: block;
    text-align: right;
    position: fixed;
    width:140px;
    z-index:250000;
    -webkit-transform:scale(1,1)translate(-26px,26px);
	-webkit-transition:all 0.85s ease-in-out;
	transform:scale(1,1)translate(-30px,30px);
	transition:all 0.85s ease-in-out;

}

div.adver:hover img#advimg{
    -webkit-transform:scale(6.9,6.9)translate(-15px,14.8px);
	-webkit-transition:all 0.8s ease-in-out;
	transform:scale(6.9,6.9)translate(-15px,14.8px);
	transition:all 0.8s ease-in-out;
    position: fixed;
    top:0px;
    right:0px;
    z-index: 100000;
}
/**********************scroll**********************/
body:hover #keylogo{
	-webkit-transform:rotate(54000deg);
	-webkit-transition:all 400s ease-in-out;
	transform:rotate(54000deg);
    transition:all 400s ease-in-out;
    }
/***********************フキダシ******************************/
#peace{
    -webkit-transform:scale(0,0);
    transform:scale(0,0);
}

#vision:hover #peace{
     -webkit-transform:scale(1,1);
    transform:scale(1,1);
	-webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    }

#chat{
width:150px;
    -webkit-transform:scale(0,0);
    transform:scale(0,0);
}

body:hover #chat{
     -webkit-transform:scale(1,1);
    transform:scale(1,1);
	-webkit-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    }
/***********************************************************/
#stage1{
    margin:30px;
}
#stage2{
    margin:30px;
}
#stage3{
    margin:30px;
}
#stage4{
    margin:30px;
}
/***********************************************************/
#stage1:hover img#f1{
    -webkit-transform:translate(0,-10px);
	-webkit-transition:all 0.5s ;
	transform:translate(0,-10px);
	transition:all 0.5s ;
}

#stage2:hover #f2{
    -webkit-transform:translate(0,-10px);
	-webkit-transition:all 0.5s ;
	transform:translate(0,-10px);
	transition:all 0.5s ;
}

#stage3:hover #f3{
    -webkit-transform:translate(0,-10px);
	-webkit-transition:all 0.5s ;
	transform:translate(0,-10px);
	transition:all 0.5s ;
}

#stage4:hover #f4{
      -webkit-transform:translate(0,-10px);
	-webkit-transition:all 0.5s ;
	transform:translate(0,-10px);
	transition:all 0.5s ;
}

/********************************************************/
.move1
{
	margin: 0 ;
	padding: 0 ;
}

.move1 p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 10px ;
	bottom: 10px ;
}

.move2
{
	display: block ;
	background: rgba(0,0,0,0.8);
	width: 50px ;
	height: 50px ;
	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move2:hover{
	opacity: 0.85 ;
}

#vision:hover #conpas {
	-webkit-transform:rotate(-5400deg);
	-webkit-transition:all 3s ease-in-out;
	transform:rotate(-5400deg);
    transition:all 3s ease-in-out;
    }

div.mytext2{
   font-family: 'Bilbo', cursive;
    float: right;
    color:aliceblue;
    width: 40%;
    line-height: 2.1;
    font-size: 18px;
    position:absolute;
    left:57%;
    top:37%;
    text-align:left;
        text-shadow:1px 1px 1px #000;
}

.twtapp{
    position: absolute;
    left:74.8%;
    top:62px;
    width:25%;
    height:400px;
    border-radius: 5px;
}

/*メニューBOX*/
menu.box{
	font-family:'neuro', 'NotoSansJP';
	text-align: left;
	background-color:rgba(0,0,0,0.8);
    margin-left:0px;
    width:500px;
    top:10%;
    left:-470px;
    border-radius: 3px;
    border:1px rgb(95,95,95) solid;
    position: fixed;
    z-index: 10000;
    padding-bottom: 5px;
    padding: 20px;
    float: left;
}
menu.box:hover {
    	-webkit-transform:translate(455px,0);
	-webkit-transition:all 0.7s ease-in-out;
	transform:translate(455px,0);
    transition:all 0.7s ease-in-out;
}

menu.box li{
    font-family:'neuro', 'NotoSansJP';
    font-size: 12px;
    line-height: 2;
     list-style-type: none;
}
/***********************************************************/
div#banner{
	 background:url(img/banner.jpg) no-repeat top left;
    background-attachment: fixed;
    height:400px;
}
/***********************************************************/
.animation {
margin: 50px 0;
visibility: hidden;
}

.animation1 {
margin: 50px 0;
visibility: hidden;
}

.animation2 {
margin: 50px 0;
visibility: hidden;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/****cover*******************************************************/
video#bgvid {
  width: 100%;
  height:100%;
margin-bottom: 0px;
  z-index: 100;
  background-size: cover;
}

.video-container .filter {
    z-index: 100;
    top:0px;
    left:0px;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
ul#list1 {
    font-family: 'Bilbo', cursive,'メイリオ';
    font-size: 14px;
    text-shadow:1px 1px 1px #000;
}

.new{
    font-family: 'Bilbo', cursive,'メイリオ';
    color:orange;
    font-weight:bold;
    font-size:14px;
    border:1px rgb(51,122,86) solid;
    background-color:rgba(255,255,255,0.4);
}

ul#list1 li{
    margin:2.5px;
}

ul#list1 li a{
color:white;
font-family: 'Bilbo', cursive;
    font-size: 14x;
    text-shadow:1px 1px 1px #000;
}

ul#list1 li a:hover{
color:crimson;
font-family: 'Bilbo', cursive;
		-webkit-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
  		transition:all 0.2s ease-in-out;
    text-shadow:1px 1px 1px #FFF;
}

#yajirushi{
    position:absolute;
    top:82%;
    left:46%;
    width:70px;
    z-index: 10000;
}

#yajirushi:hover{
    -webkit-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    z-index:10000;
    transform:translate(0,10%);
}

#title_text{
    text-align: left;
    left:10%;
    color:rgba(255,255,255,1);
    padding: 0;
}

#title_text h1{
    font-family: 'Bilbo', cursive;    
        line-height: 1.10;
}

h1#h1_1_title{
    font-size:26px;
        text-shadow:1px 1px 1px #000;
    margin-left:5%;
    margin-top: 15px;
}

h1#h1_2_title{
    font-size:68px;
    color:rgb(250,25,158);
        text-shadow:1px 1px 1px #000;
}

h1#h1_3_title{
    font-size:55px;
        text-shadow:1px 1px 1px #000;
}

#title_vision{
    border-radius:5px;
    border:3px rgb(255,255,255) solid;
    width:500px;
    color:aliceblue;
    position:absolute; 
    top:56%;
    left:57%;
    font-size:11px;
    text-align:left;
    padding:15px;
    padding-bottom: 10px;
    text-shadow:1px 1px 1px #000;
}

div#corpmessage {
    color:rgba(255,255,255,1);
    font-family: 'Bilbo', cursive,'メイリオ';
    position: absolute;
    bottom:2%;
    left:25%;
    font-size: 16px;
    text-shadow:1px 1px 1px #000;
}

.mirror{
	color:orange;
	font-weight:bold;
	font-family: 'Bilbo';
}