@charset"UTF-8";

/*Google webfont*/
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Qwigley&display=swap');
@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');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Stint+Ultra+Expanded&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Princess+Sofia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Waiting+for+the+Sunrise&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');

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

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


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

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

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

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

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

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

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

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

.serifiqo{
	font-family:'serifiqo';
	font-size:16px;
	font-weight:100;
	color:#FFFFFF;
	}

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


ul.list a{
color:rgb(130,0,130);
}

ul.list a:hover{
color:rgb(180,0,180);
}

ul.list a:visited{
color:rgb(60,0,60);
}

/********** 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';
		}

.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;
	}


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

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


/* ページ全体の基本的な設定と背景色 */
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;
	}

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

.main2 {
	text-align: center;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	}

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

.intolignt{
	font-family: 'Shadows Into Light', cursive;
	font-size:18px;
	}
#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(-120deg,
    rgba(255,255,255,0.3) 0%,
    rgba(240,240,240,0.6) 50%,
	rgba(245,245,245,0.7) 100%);
	background: -webkit-linear-gradient(120deg,
    rgba(255,255,255,0.3) 0%,
    rgba(240,240,240,0.6) 50%,
	rgba(245,245,245,0.7) 100%);
	width:100%;
	top:0px;
	margin-bottom:20px;
	margin-top:0px;
     padding-left: 25px;
    padding-right: 25px;
	height:60px;
	z-index:10000;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
	text-align:center;
	}

div.article{
   	margin-top:5px;
   	margin-bottom:5px;
   	margin-left:15px;
	line-height:2.4;
	white-space:pre-wrap;
	font-size: 12px;
	font-family:  'NotoSansJP';
	text-align: left;
	}

div.article2{
   	margin-top:5px;
   	margin-bottom:5px;
	width:80%;
	line-height:2.4;
	padding-left:10%;
	white-space:pre-wrap;
	font-size: 15px;
	font-family:  'NotoSansJP';
	text-align: left;
	}

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

.boxstyle {
	color:#000033;
	font-size :14px;
	text-align: left;
	border-top: thin outset #F0F0F0;
	border-right: thin outset #CCCCCC;
	border-bottom: thin outset #CCCCCC;
	border-left: thin outset #CCCCCC;
	border-radius:5px;
	width:50%;
	padding: 3px 3px 3px 10px;
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	}

.boxstyle2 {
	color:#000033;
	font-size :14px;
	text-align: left;
	border-top: thin outset #F0F0F0;
	border-right: thin outset #CCCCCC;
	border-bottom: thin outset #CCCCCC;
	border-left: thin outset #CCCCCC;
	border-radius:5px;
	width:80%;
	padding: 3px 3px 3px 10px;
	background: linear-gradient(-120deg,
	rgba(95,95,95,0.2) 0%,
	rgba(255,255,255,0.7) 100%);
	background: -webkit-linear-gradient(120deg,
	rgba(95,95,95,0.2) 0%,
	rgba(255,255,255,0.7) 100%);
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	}

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

div#scrollstyle{
   height:1200px;
   overflow-y:scroll;
	}

br	{
	clear:both;
	}
div#scrollstyle2{
   height:800px;
width:100%;
   overflow-y:scroll;
	}

.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: 13px;
	font-family:  'NotoSansJP';
	color:#000000;
	text-align: left;
	}    
/*****************追加プロパティ*****************/
 /*テーブルスタイルの設定*/
        .table1
        {
	font-size: 12px;
	font-family:  'NotoSansJP';
	text-align: center;
	width : auto;
	background-color: transparent;
}
        .table2
        {
	text-align: left;
	width : auto;
	background-color: transparent;
	padding: 10px;
	font-family:  'NotoSansJP';
}
/*hの設定*/
h1 {
	font-size :13px;
	font-family:'neuro', 'NotoSansJP';
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-left: 20px;
	line-height:1.7;
	font-weight: 100;
	border-radius:0 5px 0 5px;
 }

h1.green {
	background-color:rgb(0,100,50);
	color:#FFFFFF;
	}

h1.black {
	background-color:rgb(0,0,0);
	color:#FFFFFF;
	}

h1.orive {
	background-color:rgb(150,150,0);
	color:#FFFFFF;
	}

h1.purple {
	background-color:rgb(164,35,150);
	color:#FFFFFF;
	}

h1.blue {
	background-color:rgb(0,0,64);
	color:#FFFFFF;
	}

h1.red {
	background-color:rgb(255,0,0);
	color:#FFFFFF;
	}

h1.orange {
	background-color:rgb(255,125,0);
	color:#FFFFFF;
	}

h1.aquagreen {
	background-color:rgb(0,128,128);
	color:#FFFFFF;
	}

h1.pinkpurple {
	background-color:rgb(200,0,200);
	color:#FFFFFF;
	}

h1.brown {
	background-color:rgb(185,120,85);
	color:#FFFFFF;
	}

h1.pink {
	background-color:rgb(255,0,100);
	color:#FFFFFF;
	}

h1.gold {
	background-color:rgb(255,200,0);
	color:#FFFFFF;
	}

h1.black2 {
	background-color:rgba(0,0,0,0.7);
	color:#FFFFFF;
	}

h2 {
	color:#000033;
	font-size :14px;
	font-family:  'NotoSansJP';
	margin:5px;
	text-align: left;
	border:1px rgba(200,200,200,0.7) solid;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 100%;
}

h2.gridlayout{
	border-top: thin none #F0F0F0;
	border-right: thin inset #CCCCCC;
	border-bottom: thin inset #CCCCCC;
	border-left: thin #CCCCCC;
	padding-left: 10px;
	padding-bottom: 3px;
	width: 90%;
	}

div.box{
	width:32%;
	float:left;
	}

h3 {
	color:#000000;
	font-size :16px;
	margin:5px;
	text-align: left;
	line-height:1.5;
	}

h3.grid3 {
	color:#000033;
	font-size :14px;
	margin:5px;
	text-align: left;
	border-top: thin outset #F0F0F0;
	border-right: thin outset #CCCCCC;
	border-bottom: thin outset #CCCCCC;
	border-left: thin outset #CCCCCC;
	width:60%;
	padding: 3px 3px 3px 10px;
	text-shadow:3px 3px 3px rgba(140,140,140,0.5);
	background: linear-gradient(-120deg,
	rgba(0,100,50,0.7) 0%,
	rgba(255,255,255,0.1) 100%);
	
	background: -webkit-linear-gradient(120deg,
	rgba(0,100,50,0.7) 0%,
	rgba(255,255,255,0.1) 100%);
}
h4 {
	text-align: left;
	padding-left: 30px;
	margin: 1px;
	font-size: 12px;
	color: #003333;
	font-weight: lighter;
}
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;
	}

.Poiret{
	font-family:'Poiret One';
	}
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;
	}

/* マウスカーソルがリンクにかさなった時 */
a:hover {
	color: rgb(255,0,255);
	 text-decoration: none ;
	}
/* 左側のメニューを入れるＢＯＸの基本設定 (主にニュース、ＲＳＳボックスとする)*/

/* フッターの基本設定 */
.footer{
	font-size: 18px;
	}	
		
/* 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-family:  'NotoSansJP';
	font-size: 12px;
	text-align: left;
}

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%;
}

.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 ;
	}

#titlelogo{
    float: left;
    left:10px;
    margin-top:0px;
    margin-left:20px;
    height:85px;
}

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

header div#description{
		margin-top:10px;
		margin-left:10px;
	 	font-size: 18px;
		width:310px;
		line-height:1;
	 	color: #FFFFFF; 
		font-family: 'Cinzel', serif;
		text-shadow:none;
		float: left;
		z-index:1;
		}

/*****************追加プロパティ*****************/
#Amatic{ 
	font-family:'Amatic SC';
	font-size: 35px;
	}


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

.listyle{
	float:left;
	width:200px;
	border:0;
	}

#transform li a img{
	width:100px;
	height:100px;
	border:0px;
	}

#ball1:hover{
	-webkit-transform:scale(100,100)rotate(360deg)translate(500px,0);
	-webkit-transition:all 1s ease-in-out;
	transform:scale(100,100)rotate(360deg)translate(500px,0);
	transition:all 1s ease-in-out;
	}

#ball2:hover{
	-webkit-transform:scale(0,0)rotate(180deg)translate(-200px,0);
	-webkit-transition:all 1s ease-in-out;
	transform:scale(0,0)rotate(180deg)translate(-200px,0);
	transition:all 1s ease-in-out;
	}

#ball3:hover{
	-webkit-transform:scale(1,1)rotate(0deg)translate(900px,100px);
	-webkit-transition:all 0.7s ease-in-out;
	transform:scale(1,1)rotate(0deg)translate(900px,100px);	
	transition:all 0.7s ease-in-out;
	}

#ball4:hover{
	-webkit-transform:scale(1,1)rotate(0deg)translate(-600px,0)skew(180deg);
	-webkit-transition:all 0.7s ease-in-out;
	transform:scale(1,1)rotate(0deg)translate(-600px,0)skew(180deg);
	transition:all 0.7s ease-in-out;
	}

#dlstyle{
	height: 20px;
	padding: 0px;
	margin: :0px; 
	} 

#dditem1{
	float: left;
	margin:0;
	border-radius:10px 10px 0 0;
	background-color: #E9E9E9;
	border: thin #C8C8C8 solid;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
	}
#dditem1:hover{
	-webkit-transform:scale(1,1.2)translate(0,-2px);
	transform:scale(1,1.2)translate(0,-2px);
	background-color: #9900cc;
	transition:all 0.7s;	
}

#dditem2{
	float: left;
	margin:0;
	border-radius:10px 10px 0 0;
	background-color: #E9E9E9;
	border: thin #C8C8C8 solid;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
	}
#dditem2:hover{
	-webkit-transform:scale(1.2,1);
	transform:scale(1.2,1);
	background-color: #33cc99;
	transition:all 1s;	
}
#dditem3{
	float: left;
	margin:0;
	border-radius:10px 10px 0 0;
	background-color: #E9E9E9;
	border: thin #C8C8C8 solid;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
	}

#dditem3:hover{
	-webkit-transform:scale(1,1.3)translate(0,-3px);
	transform:scale(1,1.3)translate(0,-3px);
	background-color: #ffffff;
	}

#dditem4{
	float: left;
	margin:0;
	border-radius:10px 10px 0 0;
	background-color: #E9E9E9;
	border: thin #C8C8C8 solid;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
	}
#dditem4:hover{
	-webkit-transform:scale(1,1.3)translate(0,-3px)skew(180deg);
	transform:scale(1,1.3)translate(0,-3px)skew(180deg);
	background-color: #ff9933;
	transition:all 1s;
	}

#item1{
	background: linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;
	
	font-family:  'NotoSansJP';
	font-size: 16px;
	color:#FFFFFF;
	float: left;
	text-align: center;
	width: 30%;
	padding: 5px;
	height: 20px;
}

#item2{
	background: linear-gradient(45deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(45deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(45deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;

	font-family:  'NotoSansJP';
	font-size: 16px;
	color:#FFFFFF;
	float: left;
	margin: 0;
	text-align: center;
	width: 30%;
	padding: 5px;
	height: 20px;
}
#item3{
	background: linear-gradient(120deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(120deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(120deg,
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;

	font-family:  'NotoSansJP';
	font-size: 16px;
	color:#FFFFFF;
	float: left;
	margin: 0;
	text-align: center;
	width: 40%;
	padding: 5px;
	height: 20px;
}

#item4{
	background: linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;

	font-family:  'NotoSansJP';
	font-size: 16px;
	color:#FFFFFF;
	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1);
	float: left;
	margin: 0;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
}

#item5{
	background: linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	background: -webkit-linear-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);

	background: -moz-liner-gradient(
	rgb(166,240,200) 0%,
	rgb(120,192,149) 50%,
	rgb(30,177,138) 50%,
	rgb(10,80,40) 100%);
	
	border-radius: 5px 5px 5px 5px;
	border:1px #6ae1c1 solid;

	font-family:  'NotoSansJP';
	font-size: 16px;
	color:#FFFFFF;
	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1);
	box-shadow:1px 1px 2px 1px rgba(0,0,0,0.3);
	float: left;
	margin: 0;
	text-align: center;
	width: 130px;
	padding: 5px;
	height: 20px;
}

dds1:hover{
	background-color: #FFFFFF;
}

#column{
	position: relative;
	column-count:3;
	column-gap:32px;
	column-width:200px;
	column-rule:1px splid #f00;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
	}
	
#flex{
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:flexbox;
	}

#flex div#flex1{ 
	padding:10px;
	width:200px;
	height:80px;
	background-color: #CCFF99;
	border-radius:5px;
	}
#flex div#flex2{ 
	padding:10px;
	width:200px;
	height:150px;
	background-color: #CCFF99;
	border-radius:5px;
	}
#flex div#flex3{ 
	padding:10px;
	width:200px;
	height:150px;
	background-color: #CCFF99;
	border-radius:5px;
	}

#grid{
	display: grid;
	grid-column:76% 24%;
	width:800px;
	}
	
/*scale(2,2) rotate(120deg);
/*	background-color:linear-gradient(
	rgb(182,94,152)0%,
	rgb(157,83,133)50%,
	rgb(131,47,101)50%,	
	rgb(97,34,75)100%
	);
/*****************親メニューの設定****************/
ul#itemMenu{
	padding-left:0%;
 	height: 30px; 
	margin-bottom:10px;
	margin-top:0px;
    margin-right:15px;
 	float:right;
	} 

 ul#itemMenu li{
 	float:left;
	}

 ul#itemMenu li a{
 	background:rgba(0,0,0,0);
	font-family:'neuro';
 	font-size: 10px;
	font-weight:100;
	color:rgb(228,6,205);
	font-weight:normal;
 	text-align: center;
 	width:75px;
 	height: 25px;
	vertical-align: bottom ;
	padding-top:0px;
 	display:block;
 	margin-top: 0px;
    transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
 	}

ul#itemMenu li a:hover {
 color:rgb(255,0,128);
 text-align: center;
 text-decoration: none ;
 -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);
 }

 /*****************子メニューの設定*****************/
ul#itemMenu li ul.sub{
display:none;
position:absolute;
padding:0px;
color:#000000;
padding:5px;
border:1px rgba(0,0,0,0.4) solid;
background: linear-gradient(-120deg,
    rgba(255,255,255,0.5) 0%,
    rgba(240,240,240,0.8) 50%,
	rgba(245,245,245,0.7) 100%);
border-radius: 3px 3px 3px 3px;
width:760px;
padding-top:10px;
padding-left:15px;
transform:translate(-250px,20px);
font-family:  'NotoSansJP';
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: 11px;
	color:rgb(170,0,90);
    padding:0px;
	font-weight:normal;
    width:auto;
    margin-left:14px;
 	}

#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;
    line-height: normal;
 	}

/****************リスト****************************/
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);
	}

/***********************グリッドレイアウト設定(title)*****************************/
.itemtitle{
  font-size:14px;
  height: 30px;
  width:950px;  
  margin: 5px;
  float: left;
  border-radius:4px;
  padding:10px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  background:#CCCCCC;
 }
/***********************グリッドレイアウトトランスフォーム設定(title)*************/
.itemtitle:hover{
  height: 80px;
  width:950px;  
  background:#CCCCCC;
  -webkit-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
  word-break:break-all;
  overflow:visible;
  white-space:normal;
 }
/************************グリッドレイアウト設定終了(title)*****************************/
/***********************グリッドレイアウト設定(item1)**********************************/
.item1{
  background-color: #FFFFFF;
  border-radius: 0 0 3px 0;
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }
.item1:hover{
  width: 66%;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }

.item1:hover img.mobimage1{
    display: block;
     -webkit-transition:all 0.8s ease-in-out;
 -moz-transition:all 0.8s ease-in-out;
 transition:all 0.8s ease-in-out;
}
/************************グリッドレイアウト設定(item2)****************************/
.item2{
  background-color: #FFFFFF;
　border-radius: 0 0 3px 0;
  height:172px;
  width: 33%;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:100;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item2:hover{
  height:800px;
  width: 33%;
 margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 z-index:100;
  }
/***********************グリッドレイアウト設定(item3)****************************/
.item3{
  background-color: #FFFFFF;
　border-radius: 0 0 3px 0;
  width: 19%;
  height:350px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }
/***********************グリッドレイアウト設定(item4)****************************/
.item4{
　background-color: #FFFFFF;
　border-radius: 0 0 3px 0;
  width: 47%;
  height:350px;
   margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

/***********************グリッドレイアウト設定(item5)****************************/
.item5{
  background-color: #FFFFFF;
　border-radius: 0 0 3px 0;
  width: 99.6%;
  height:300px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item5:hover{
  width: 99.6%;
  height:500px;
   margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }
/***********************グリッドレイアウト設定(item6)****************************/
.item6{
 background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  width: 99.6%;
  height:500px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item6:hover{
  width: 99.6%%;
  height:500px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }

.item61{
 background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  width: 66%;
  height:500px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item61:hover{
  width: 66%;
  height:500px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }

/***********************グリッドレイアウト設定(item7)****************************/
.item7{
 background-color: #FFFFFF;
  border-radius: 0 0 3px 0;
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item7:hover{
  width: 66%;
  height:auto;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }
/***********************グリッドレイアウト設定(item71)****************************/
.item71{
 background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item71:hover{
  width: 66%;
  height:auto
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }

/***********************グリッドレイアウト設定(item7)****************************/
.item72{
 background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item72:hover{
  width: 66%;
  height:1050px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }

/***********************グリッドレイアウト設定(item8)****************************/
.item8{
 background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item8:hover{
  width: 66%;
  height:700px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
 transform:scale(100,100);
  }
/***********************グリッドレイアウト設定(item9)****************************/
.item9{
background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
　word-wrap:break-word; 
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item9:hover{
  width: 33%;
  height:auto;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }
/***********************グリッドレイアウト設定(item9)****************************/
.item91{
background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item91:hover{
  width: 33%;
  height:1200px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }

.item92{
background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  height:500px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
　word-wrap:break-word; 
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item92:hover{
  width: 33%;
  height:1000px;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow-y:scroll;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }

.item10{
 background-color: #FFFFFF;
 border-radius: 0 0 3px 0;
  
  height:720px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item11{
 background-color: #FFFFFF;
  border-radius: 0 0 3px 0;
  
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item11:hover{
  width: 66%;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }

.item12{
 background-color: #FFFFFF;
 border-radius: 0 0 3px 0; 
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }
/***********************グリッドレイアウト設定(item13)**********************************/
.item13{
  background-color: #FFFFFF;
  border-radius: 0 0 3px 0;
  height:350px;
  margin: 2px;
  width: 33%;
  float: left;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:10;
      transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }
.item13:hover{
  width: 66%;
  height:700px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
  z-index:10;
  }
/************************グリッドレイアウト設定(item20)****************************/
.item20{
　background-color: #FFFFFF;
　border-radius: 0 0 3px 0;
　box-shadow:0.7px 0.7px 1px 0 rgb(0,0,0);
  height:172px;
  width: 33%;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:100;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item20:hover{
  height:450px;
  width: 33%;
 margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 z-index:100;
  }
/************************グリッドレイアウト設定(item21)****************************/
.item21{
   background-color: #FFFFFF;
　border-radius: 0 0 3px 0;
　box-shadow:0.7px 0.7px 1px 0 rgb(0,0,0);
  height:172px;
  width: 33%;
  margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  z-index:100;
          transition-duration:300ms;
    -webkit-transition-duration:300ms;
    -moz-transition-duration:300ms;
  }

.item21:hover{
  height:800px;
  width: 33%;
 margin: 2px;
  float: left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
 z-index:100;
  }

/************************グリッドレイアウト設定終了(item3)*************************/
li#ellipsisstyle{ 
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  background:#CCCCCC;
  width:500px;
	}

li#clipstyle{ 
	text-overflow:clip;
	white-space:nowrap;
	overflow:hidden;
	background:#CCCCCC;
        width:500px;
	}
/************************white-space設定*************************/
#whitespacestyle1{ 
  white-space:normal;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
#whitespacestyle2{ 
  white-space:pre;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
#whitespacestyle3{ 
  white-space:nowrap;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
#whitespacestyle4{ 
  white-space:pre-wrap;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
#whitespacestyle5{ 
  white-space:pre-line;
  background:#CCCCCC;
  width:300px;
  margin-left:100px;
	}
/************************white-space設定終了*************************/
.gridlayout1{
  clear:both;
 height:115px;
  margin-left:1px;
  margin-top:0px;
  padding-left :0px;
  padding-top: 0px;
  padding-bottom: 0px;  
  }

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

.gridlayout3{
  width:21%;
  margin: 2px;
  float: left;
  }
  
.gridlayout4{
  width:100%;
text-align:center;
color:rgba(0,0,0,1);
padding-top: 3px;
 background: linear-gradient(-120deg,
  rgba(229,229,229,0.8) 0%,
    rgba(240,240,240,0.7) 50%,
	rgba(245,245,245,0.8) 100%);
	background: -webkit-linear-gradient(120deg,
 rgba(229,229,229,0.8) 0%,
    rgba(240,240,240,0.7) 50%,
	rgba(245,245,245,0.8) 100%);
 font-family:'neuro';
  position:fixed;
  bottom:0px;
  right:0px;
  height:32px;
  z-index:10000;
  }
/******************************************************/
div.infodiv {
	width: 49.5%;
	float: left;
  }

div.infodiv1 {
	width: 100%;
	float: left;
  }
  
iframe.contents{
	height:2150px;
	width:100%;
	}

iframe.info{
	height: 300px;
	margin-top:5px;
	width: 100%;
	font-family:  'NotoSansJP';
	font-size: 12px;
	}
 /*****************親メニューの設定****************/ 

#fisheye{
	height:65px;
	position:relative;
	}

a.fisheyeItem{
	text-align:center;
	color:#E81B90;b
	font-size:14px;
	text-decoration:none;
	width:65px;
	position:absolute;
	display:block;
	bottom:0;
	}

.fisheyeItem img{
	border:none;
	margin:-5px auto 0 auto;
	width: 100%;
	}

.fisheyeItem span{
	display:none;
	position:absolute;
	}

.fisheyeContainer{
	height:65px;
	width:390px;
	position:absolute;
	}

.formTable{
	margin-left:20px;
	text-align:left;
	color:#000000;
font-family:'azukib';
	}

p.p_grid_trans{
 font-family:  'NotoSansJP';
  white-space:pre-wrap;
  -webkit-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
height:auto;
}


h1 a {
color:#FFFFFF;
}
 /*****************headline設定****************/
a.headline1{
font-family:'Poiret One',メイリオ;
color:rgb(225,0,113);
font-size:18px;
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:18px;
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{
	margin-top:50px;
	font-size:10px;
	margin-bottom:0px;
	font-family:'neuro';
	font-weight:100;
	}

footer.footer table td{
	width:250px;
	height:20px;
	padding-left:30px;
	text-align:left;
	font-size:10px;
	}

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

/*************************header transition*************************************/
.imgtransition {
	font-family:'Poiret One',メイリオ;
	font-size: 14px;
	text-align: left;
    	background:url(images/pattern.png) repeat top left,
	url(images/0001.jpg)  no-repeat top left;
	background:-webkit-url(images/pattern.png) repeat top left,
	url(images/0001.jpg)  no-repeat top left;
	width:100%;
	height:600px;
	margin-top:0px;
	padding:0px;
	border:none;
    background-attachment: fixed;
		}

.imgtransition2 {
	font-family:'Poiret One',メイリオ;
	font-size: 14px;
	text-align: left;
    	background:url(images/pattern.png) repeat top left,
	url(images/0002.jpg)  no-repeat top left;
 	background:-webkit-url(images/pattern.png) repeat top left,
	url(images/0002.jpg)  no-repeat top left;
    background-attachment: fixed;
	width:100%;
	height:600px;
	margin-top:0px;
	padding:0px;
	border:none;
		}

.imgtransition3 {
	font-family:'Poiret One',メイリオ;
	font-size: 14px;
	text-align: left;
    	background:url(images/pattern.png) repeat top left,
	url(images/0000.jpg)  no-repeat top left;
 	background:-webkit-url(images/pattern.png) repeat top left,
	url(images/0000.jpg)  no-repeat top left;
	width:100%;
	height:600px;
	margin-top:0px;
	padding:0px;
	border:none;
    background-attachment: fixed;
		}

.imgtransition4 {
	font-family:'Poiret One',メイリオ;
	font-size: 14px;
	text-align: left;
    	background:url(images/pattern.png) repeat top left,
	url(images/0003.jpg)  no-repeat top left;
 	background:-webkit-url(images/pattern.png) repeat top left,
	url(images/0003.jpg)  no-repeat top left;
	width:100%;
	height:600px;
	margin-top:0px;
	padding:0px;
	border:none;
    background-attachment: fixed;
		}



.imgtransition5 {
	font-family:'Poiret One',メイリオ;
	font-size: 14px;
	text-align: left;
    background:url(images/0004.jpg)  no-repeat top left;
 	background:-webkit-url(images/0004.jpg)  no-repeat top left;
	width:100%;
	height:600px;
	margin-top:0px;
	padding:0px;
	border:none;
    background-attachment: fixed;
		}


.imgtransition6 {
	font-family:'Poiret One',メイリオ;
	font-size: 14px;
	text-align: left;
    	background:url(images/pattern.png) repeat top left,
	url(images/0007.jpg)  no-repeat top left;
 	background:-webkit-url(images/pattern.png) repeat top left,
	url(images/0007.jpg)  no-repeat top left;
	width:100%;
	height:600px;
	margin-top:0px;
	padding:0px;
	border:none;
    background-attachment: fixed;
		}

.imgtransition7 {
	font-family:'Poiret One',メイリオ;
	font-size: 14px;
	text-align: left;
    	background:url(images/pattern.png) repeat top left,
	url(images/0010.jpg)  no-repeat top left;
 	background:-webkit-url(images/pattern.png) repeat top left,
	url(images/0010.jpg)  no-repeat top left;
	width:100%;
	height:600px;
	margin-top:0px;
	padding:0px;
	border:none;
    background-attachment: fixed;
		}

.imgtransition8 {
	font-family:'Poiret One',メイリオ;
	font-size: 14px;
	text-align: left;
    	background:url(images/pattern.png) repeat top left,
	url(images/0015.jpg)  no-repeat top left;
 	background:-webkit-url(images/pattern.png) repeat top left,
	url(images/0015.jpg)  no-repeat top left;
	width:100%;
	height:600px;
	margin-top:0px;
	padding:0px;
	border:none;
    background-attachment: fixed;
		}

.imgtransition_word {
		}

/*****************************************************************************/
.ground1{
	background-repeat:no-repeat;
	padding:0px;
	padding-top:50px;
	}

div.ground1 img{
	width:45%;
	margin-left:-2%;
	float:left;
	}

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

.ground1:hover img{
	-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(14%,0px);
		}
.ground2{
	padding:0px;
	background-position:110% 10px;
	}

.ground2 p{
	font-family:'NotoSansJP';
	}

div.ground2 img{
	width:47%;
	margin-right:-3%;
	float:right;
	}

.ground2:hover img{
	-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(0px,-3%);
		}

.ground3{
	background-repeat:no-repeat;
	padding:0px;
	padding-top:50px;
	}
div.ground3 img{
	width:30%;
	margin-left:-8%;
	float:left;
	}

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

.ground3:hover img{
	-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(70%,0px);
		}

.ground4{
	padding:0px;
	background-position:110% 10px;
	}

div.ground4 img{
	width:23%;
	margin-right:13%;
	float:right;
	}

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

.ground4:hover img{
	-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(0px,-3%);
		}

/*****************************************************************************/
.mobimage1{
    display: none;
    float:left; 
    width:400px;
    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: 18px;
    font-family:'NotoSansJP';
    line-height: 2.3;
    float: left;
    text-align: left;
    height: auto;
    margin:2%;
    margin-bottom: 5%;
}
subphrase{
    font-size: 18px;
    line-height: 2.3;
    float: left;
    text-align: left;
    width:46%;
    height: auto;
    margin:2%;
    margin-bottom: 0px;
}

.subpromotionbox{
      margin-top: 50px;
    margin-bottom: 20px;
    font-family:'neuro','NotoSansJP';
    padding-left:30px;
    padding-right:30px;
    font-size: 18px;
    line-height: 2.3;
    text-align: left;
    float: left;
}

.subpromotionbox1{
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 20px;
    font-family:'neuro','NotoSansJP';
    padding-left:30px;
    padding-right:30px;
    line-height: 2.3;
    width:46%;
    height:300px;
    text-align: left;
    float: left;
}
.subpromotionbox2{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
        margin-bottom: 20px;
    font-family:'neuro','NotoSansJP';
        padding-left:30px;
    padding-right:30px;
    font-size: 18px;
    line-height: 2.3;
    width:46%;
    height:300px;
    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: 2000px;
    }

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

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

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

div.phrasebox:hover div.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,1050px);
    -webkit- transform:translate(250px,1050px);
    -moz- transform:translate(250px,1050px);
}

/**************************************************/
nav.phrasecanvas{
    text-align: center;
    }

nav.phrasecanvas li a{
    border-radius: 50%;
    display: block;
    width:400px;
    height:250px;
    padding-top: 250px;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 2.5;
    font-size: 18px;
        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;
    top:220%;
    left:-2%;
    }

nav.phrasecanvas li:nth-child(1) a:hover{
     background:url(images/0004.jpg) no-repeat bottom left;
    color:chocolate;
    top:220%;
    left:-2%;
    -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;
    float: left;
    }


nav.phrasecanvas li:nth-child(2) a:hover{
     background:url(images/0000.jpg) no-repeat top left;
    color:chocolate;
    top:206%;
    left:22%;
    -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(3) a{
    background:url(images/mask.png) repeat top left,
	url(images/0006.jpg)  no-repeat bottom left;
    color:antiquewhite;
float: left;
    }

nav.phrasecanvas li:nth-child(3) a:hover{
     background:url(images/0006.jpg)  no-repeat bottom left;
    color:chocolate;
    top:225.5%;
    left:46%;
    -webkit-transition:all 0.8s ease-in-out;
    -ms-transition:all 0.8s ease-in-out;
  	transition:all 0.8s ease-in-out;
    }


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

	position: fixed ;
	right: 10px ;
	bottom: 40px ;
}
 
.move-page-top
{
	display: block ;
	background: rgb(228,6,205);
	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 ;
    z-index: 100000;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}

.phrasebox{
    font-size: 14px;
    line-height: 2.3;
    text-align: left;
    float: left;
    width:30%;
    height: 300px;
    margin:1.5%;
    margin-top: 0px;
}

.icon{
    width: 40%;
}
.produce{
    margin-top:0px; 
        margin-right: 30px;
    float: right; 
    height:50px;    
}

/********************inquiry BOX********************/
div ul li#inquirytab{
    padding-right:15px;
    padding-top:15px;
    font-size: 14px;
    position: fixed;
    border-right:3px antiquewhite solid;
    border-top:3px antiquewhite solid;
    border-bottom:3px antiquewhite solid;
    top:150px;
    margin-left: 775px;
    height: 110px;
    width: 30px;
    background: rgb(228,6,205);
    border-radius: 0 3px 35px 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 antiquewhite solid;
    border-bottom:3px antiquewhite solid;
    position: fixed;
    top:100px;
    left:-830px;
    padding:15px;
    background: rgb(228,6,205);
    -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: rgb(228,6,205);
       -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#banner{
	 background:url(images/0013.jpg) no-repeat top left;
    background-attachment: fixed;
    height:300px;
    margin-left:-2%;
    argin-right:-2%;
    width:104%;
    margin-top:-700px;
    margin-bottom:400px;
}

div.radius1{
    border-radius:50%;
    background:url(product/huawei/huawei_sw_goldpearl/003.jpg) no-repeat left;
    background-attachment: fixed;
    border:1px solid #e10071;
    width:150px;
    height:150px;
    font-family:'Poiret One', 'NotoSansJP';
    font-size:24px;
}

div.radius2{
    border-radius:50%;
    background:url(product/huawei/huawei_sw_sapphire/001.jpg) top no-repeat;
    background-attachment: fixed;
    width:150px;
    height:150px;
    font-family:'Poiret One', 'NotoSansJP';
    font-size:24px;
    border:1px solid #e10071;
}

div.radius3{
    border-radius:50%;
    background:url(product/huawei/huawei_sw_rosegold_brownleather/004.jpg) no-repeat right;
    background-attachment: fixed;
    width:150px;
    height:150px;
    font-family:'Poiret One', 'NotoSansJP';
    font-size:24px;
    border:1px solid #e10071;
}

img#product1{
    width:70%;
    margin-top:50px;
    z-index: 1000;
}

img#product1:hover{
    -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(0px,-50px);
}

hr#line1{
    transform:rotate(-3deg);
    border:1px rgb(0,0,0) solid;
    margin-left:-2%;
        margin-right:-3%;
}

.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); }
}
/***********************************************************