@charset "UTF-8";

body { color:#202020; font-family:sans-serif; font-size:0.8em; }


/* head */
.head:after { content:''; display:block; clear:both; height:0; }
/*.headInner { width:1004px; margin:0 auto; padding-bottom:10px; }*/
.headInner { width:100%; max-width:1004px; margin:0 auto; padding-bottom:10px; }
.header { margin-bottom:10px; }
.header:after { content:''; display:block; clear:both; height:0; }
.HeadLogo { float:left; width:18%; padding-top:10px; }
	.HeadLogo .SP { display:none; }
	.SPNav { display:none; }
.HeadAside { float:left; width:82%; }
	.HeadAsideTranslate { margin-bottom:10px; }
	.HeadAsideTranslate:after { content:''; display:block; clear:both; height:0; }
		.HeadAsideTranslate ul { float:right; }
		.HeadAsideTranslate li { float:left; }
		.HeadAsideTranslate li a:hover { opacity:0.85; }
		.HeadAsideTranslate li:nth-child(1) { margin-right:5px; padding-top:5px; }
		.HeadAsideTranslate li:nth-child(2) { margin-right:1px; }
		.HeadAsideTranslate li:nth-child(2) a { display:block; padding:0 20px; color:#fff; line-height:32px; font-size:0.9em; text-decoration:none; background:#ff7300; }
		.HeadAsideTranslate li:nth-child(2) a span { display:inline-block; margin-left:0.4em; padding-left:16px; font-size:1.25em; font-weight:600; background:url('/assets/img/common/icon_head_login.png') no-repeat 0  center; background-size:auto 0.85em; }
		.HeadAsideTranslate li:nth-child(3) { margin-right:1px; }
		.HeadAsideTranslate li:nth-child(3) a { display:block; padding:0 20px; color:#fff; line-height:33px; font-size:1.15em; font-weight:600; text-decoration:none; background:#14a83b; }
		.HeadAsideTranslate li:nth-child(3) a span { display:inline-block; padding-left:18px; background:url('/assets/img/common/icon_head_contact.png') no-repeat 0 center; background-size:auto 0.85em; }
	.HeadAsideSNS {  }
	.HeadAsideSNS:after { content:''; display:block; clear:both; height:0; }
		.HeadAsideSNS ul { float:right; font-size:0.85em; }
		.HeadAsideSNS li { float:left; }
		.HeadAsideSNS li:nth-child(1) { margin-right:10px; padding-top:0.55em; }
		.HeadAsideSNS li:nth-child(1) a { display:block; padding-left:18px; color:#666; text-decoration:none; background:url('/assets/img/common/icon_head_sitemap.png') no-repeat; background-size:auto 0.9em; }
		.HeadAsideSNS li:nth-child(2) { width:127px; display:none;}
		.HeadAsideSNS li:nth-child(2) iframe { width:100% !important; height:30px !important; }
		.HeadAsideSNS li:nth-child(3) { margin-right:10px; display:none;}
		.HeadAsideSNS li:nth-child(4) { position:relative; width:70px; margin-top:-2px; display:none;}

.head .description { font-size:0.8em; }

.gNav {  }
.gNav {
	background:#010101;
	background:-moz-linear-gradient(top,#010101 0%,#010101 100%);
	background:-webkit-linear-gradient(top,#010101 0%,#010101 100%);
	background:linear-gradient(to bottom,#010101 0%,#010101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#010101',GradientType=0 );
}
.gNav .SPNavSwitch { display:none; }
.gNav .SP-app { display:none; }
.gNav ul { width:100%; max-width:1004px; margin:0 auto; }
.gNav ul:after { content:''; display:block; clear:both; height:0; }
.gNav li { display:inline-block; position:relative; float:left; width:15%; box-sizing:border-box; }
	.gNav li:first-child { width:10%; }
	.gNav li:last-child { width:14%; }
.gNav a { display:block; padding:14px 0; border-left:rgba(255,255,255,0.3) 1px solid; color:#fff; font-size:1.15em; text-align:center; text-decoration:none; text-shadow:0 -1px 0 rgba(0,0,0,1.0); }
	.gNav li:first-child a { border:0; }
.gNav a small { display:block; margin-top:0.5em; color:#fff; font-family:Arial; font-size:40%; color:rgba(255,255,255,0.4); }
.gNav a:hover { background:rgba(255,255,255,0.15); color:#ffffff; }
    .gNav .subset { display:none; }
    .gNav .subset.active { display:block; position:absolute; top:100%; left:-15%; z-index:198; width:130%; background:rgba(0,0,0,0.8); }
        .gNav .subset li { float:none; width:100%; }
        .gNav .subset li a { display:block; float:none; padding-left:1.5em; font-size:0.9em; text-align:left; }
        .gNav .subset li a:before { content:''; display:inline-block; position:relative; margin-right:0.65em; border:transparent 3px solid; border-left:rgba(255,255,255,0.4) 3px solid; }
		.gNav .subset li.SP{display:none;}

	/*@media (min-width: 729px) and (max-width: 950px) {*/
	@media screen and (min-width:768px) and ( max-width:1024px) {

		.HeadLogo img { display:none; }
		.HeadLogo .SP { display:block; width:auto; height:40px; }
}

	/*@media (min-width: 320px) and (max-width: 728px) {*/
	@media (min-width: 320px) and (max-width: 767px) {
	.head { margin-bottom:10px; }
	.head:after { content:''; display:block; clear:both; height:0; }
	.headInner { width:100%; margin:0; padding-bottom:10px; }
	.header { margin-bottom:10px; }
	.header:after { content:''; display:block; clear:both; height:0; }
	.HeadLogo { position:relative; float:left; width:50%; margin:0 auto; padding:10px 0 0 3%; box-sizing:border-box; }
		.HeadLogo img { display:none; }
		.HeadLogo .SP { display:block; width:auto; height:40px; }
		.HeadLogo.active { display:block; position:fixed; top:0; left:0; z-index:200; width:100%; height:60px; padding:10px; background:rgba(255,255,255,0.9); }

		/*.header.fixed {position:fixed;top:0;left:0;z-index:199;width:100%;height:50px;margin-bottom:10px;background:rgba(0,133,63,0.85);}
            .header.fixed .HeadLogo > img { display:none; }
            .header.fixed .HeadLogo .SP { display:none; }
            .header.fixed .HeadLogo .SP-fixed { display:block; width:auto; height:1.2em; margin:0.6em auto 0; }
    	.header.fixed .HeadAsideTranslate { display:none; }
    	.header.fixed .HeadAsideSNS { display:none; }*/

	.SPNav { display:none; }
		.SPNav a.SPNavSwitch { display:block; position:absolute; top:10px; right:0; width:30px; height:30px; border-radius:15px; color:#fff; line-height:26px; font-size:27px; text-align:center; text-decoration:none; background:rgba(0,0,0,0.25); cursor:pointer; }
		.SPNav ul { display:none; position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; padding-top:20px; background:rgba(0,0,0,0.65); }
		.SPNav ul li {  }
		.SPNav ul li a { display:block; padding:10px 10px 10px 25px; border-bottom:rgba(255,255,255,0.4) 1px dotted; color:#fff; text-decoration:none; }
		.SPNav ul li a:before { content:''; display:block; position:relative; top:0.7em; left:-10px; border:transparent 3px solid; border-left:#fff 3px solid; }
			.SPNav ul li:last-child a:before { content:none; }
			.SPNav ul li a.SPNavClose { position:absolute; top:10px; right:10px; width:26px; height:26px; padding:0; border-radius:13px; border:#fff 2px solid; line-height:20px; font-size:21px; font-weight:600; text-align:center; box-sizing:border-box; cursor:pointer; }
	.HeadAside { float:right; width:100%; margin:-50px auto -10px auto; }
		.HeadAsideTranslate { margin-right:50px; margin-bottom:10px; }
		.HeadAsideTranslate:after { content:''; display:block; clear:both; height:0; }
			.HeadAsideTranslate ul { float:none; }
			.HeadAsideTranslate li { float:right; }
			.HeadAsideTranslate li a:hover { opacity:0.85; }
			.HeadAsideTranslate li:nth-child(1) { margin-right:5px; padding-top:5px; }
			.HeadAsideTranslate li:nth-child(2) { display:none; margin-right:1px; }
			.HeadAsideTranslate li:nth-child(2) a { display:block; padding:0 20px; color:#fff; line-height:32px; font-size:0.9em; text-decoration:none; background:#ff7300; }
			.HeadAsideTranslate li:nth-child(2) a span { display:inline-block; margin-left:0.4em; padding-left:16px; font-size:1.25em; font-weight:600; background:url('/assets/img/common/icon_head_login.png') no-repeat 0  center; background-size:auto 0.85em; }
			.HeadAsideTranslate li:nth-child(3) { display:none; margin-right:1px; }
			.HeadAsideTranslate li:nth-child(3) a { display:block; padding:0 20px; color:#fff; line-height:33px; font-size:1.15em; font-weight:600; text-decoration:none; background:#14a83b; }
			.HeadAsideTranslate li:nth-child(3) a span { display:inline-block; padding-left:18px; background:url('/assets/img/common/icon_head_contact.png') no-repeat 0 center; background-size:auto 0.85em; }
		.HeadAsideSNS { position:relative; overflow:auto; width:100%; height:30px; margin-top:25px; display:none;}
		.HeadAsideSNS:after { content:''; display:block; clear:both; height:0; }
			.HeadAsideSNS ul { float:none; font-size:0.85em; }
			.HeadAsideSNS li { float:left; }
			.HeadAsideSNS li:nth-child(1) { display:none; margin-right:10px; padding-top:0.55em; }
			.HeadAsideSNS li:nth-child(1) a { display:block; padding-left:18px; color:#666; text-decoration:none; background:url('/assets/img/common/icon_head_sitemap.png') no-repeat; background-size:auto 0.9em; }
			.HeadAsideSNS li:nth-child(2) { width:110px; margin-top:2px; margin-left:5px; }
			.HeadAsideSNS li:nth-child(2) iframe { width:100% !important; height:30px !important; }
			.HeadAsideSNS li:nth-child(3) { margin-top:2px; margin-right:2px; }
			.HeadAsideSNS li:nth-child(4) { position:relative; width:64px; margin-top:0; }

	.head .description { width:94%; margin:0 auto; line-height:1.3; font-size:0.8em; }

	.gNav {position:relative;z-index:200;}
	.gNav {
		background:#010101;
		background:-moz-linear-gradient(top,#010101 0%,#010101 100%);
		background:-webkit-linear-gradient(top,#010101 0%,#010101 100%);
		background:linear-gradient(to bottom,#010101 0%,#010101 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#010101',GradientType=0 );
	}
	.gNav ul {display:none;position:fixed;top:60px;left:0;overflow:auto;overflow: scroll;width:100%;min-width:100%;height:100%;margin:0;background:rgba(0,0,0,0.9);}
	.gNav ul:after { content:''; display:block; clear:both; height:0; }
	.gNav li { display:inline-block; float:none; width:100%; border-bottom:rgba(255,255,255,0.15) 1px solid; box-sizing:border-box; }
		.gNav li:first-child { width:100%; border-top:rgba(255,255,255,0.15) 3px double; }
		.gNav li:last-child { width:100%; }
	.gNav a { display:block; padding:14px 1.0em; border-left:none; color:#fff; font-size:1.15em; text-align:left; text-decoration:none; text-shadow:0 -1px 0 rgba(0,0,0,1.0); }
		.gNav li:first-child a { border:0; }
	.gNav a small { display:inline-block; margin-top:0.5em; margin-left:1.0em; font-family:Arial; font-size:0.35em; color:rgba(255,255,255,0.4); }
	.gNav a:hover { background:rgba(255,255,255,0.15); }

	.gNav a.SPNavSwitch { display:block; position:fixed; top:0; right:0; z-index:100; width:50px; height:50px; color:#fff; text-align:center; text-decoration:none; background:rgba(0,133,63,0.85); cursor:pointer; box-sizing:border-box; }
		.gNav a.SPNavSwitch:before { content:''; display:block; position:absolute; top:50%; left:50%; width:24px; height:1px; margin-left:-12px; background:rgba(255,255,255,1.0); box-shadow:0 -8px 0 rgba(255,255,255,1.0), 0 8px 0 rgba(255,255,255,1.0); transition:0.5s; }
		.gNav a.SPNavSwitch.active:before { content:''; display:block; position:absolute; top:50%; left:50%; width:24px; height:1px; margin-left:-12px; background:rgba(255,255,255,1.0); box-shadow:none; transform:rotate(45deg); transition:0.5s; }
		.gNav a.SPNavSwitch.active:after { content:''; display:block; position:absolute; top:50%; left:50%; width:24px; height:1px; margin-left:-12px; background:rgba(255,255,255,1.0); box-shadow:none; transform:rotate(-45deg); transition:0.5s; }
		.gNav a.SPNavSwitch:hover { background:rgba(0,133,63,1.0); }
    .gNav .subset { display:block !important; position:relative !important; overflow:visible !important; top:0 !important; }
    .gNav li:last-child .subset { padding-bottom:60px !important; }
    .gNav .subset.active { display:block; position:relative; top:0; left:0; z-index:198; width:100%; background:rgba(0,0,0,0.8); }
        .gNav .subset li { float:none; width:100%; }
        .gNav .subset li a { display:block; float:none; padding-left:1.5em; font-size:0.9em; text-align:left; }
        .gNav .subset li a:before { content:''; display:inline-block; position:relative; margin-right:0.65em; border:transparent 3px solid; border-left:rgba(255,255,255,0.4) 3px solid; }
		.gNav .subset li.SP{display:block;}
		.gNav .SP-app { display:block; position:fixed; top:0; right:0; width:50px; height:50px; color:#fff; line-height:0; font-size:0; text-align:center; text-decoration:none; background:rgba(0,0,0,0.25) url('/assets/img/common/icon_head_contact.png') no-repeat center center; background-size:auto 16px; cursor:pointer; box-sizing:border-box; }
}


/* foot */
.foot {padding-top:40px;padding-bottom: 40px;}
.foot:after { content:''; display:block; clear:both; height:0; }

.pagetop { display:block; position:fixed; bottom:90px; right:0; z-index:199; width:50px; height:50px; background:rgba(0,0,0,0.1); }
.pagetop:before { content:''; display:block; position:absolute; top:50%; left:50%; width:14px; height:14px; margin:-3px 0 0 -7px; border-top:rgba(255,255,255,1.0) 2px solid; border-right:rgba(255,255,255,1.0) 2px solid; transform:rotate(-45deg); }

.footInner {width: 100%;max-width: 910px;margin: 0px auto;}
.footSNS { margin-bottom:40px; }
.footSNS:after { content:''; display:block; clear:both; height:0; }
	.footSNSLeft {position:relative;/* overflow:hidden; */float:left;width:49%;height:600px;margin-right:2%;}
	.footSNSRight { position:relative; padding:1px 0 0 1px; overflow:hidden; float:left; width:49%; height:600px; border-radius:2px; border:#eee 1px solid; box-sizing:border-box; }
.footBnr {/* margin-bottom:30px; *//* padding-bottom:30px; *//*border-bottom:#eee 1px solid;*/}
	.footBnr ul {/* margin-left:20px; */}
	.footBnr ul:after { content:''; display:block; clear:both; height:0; }
	.footBnr ul li {text-align: center;text-align: -webkit-center;position: relative;width: 5.9%!important;}
	.footBnr ul li img {width:100%;max-width: 100px;height:auto;/* margin:0 10px 0 0 !important; */margin: 0 auto;margin-bottom: 1vh;}
        .slick-prev { display:block; overflow:hidden; top:; left:-45px !important; width:36px !important; height:36px !important; border-radius:18px; font-size:0; text-indent:-999px; background:rgba(0,0,0,0.1) url('/assets/img/common/foot_icon_arrow-left.png') no-repeat center center  !important; }
        .slick-next { display:block; overflow:hidden; top:; right:-45px !important; width:36px !important; height:36px !important; border-radius:18px; font-size:0; text-indent:-999px; background:rgba(0,0,0,0.1) url('/assets/img/common/foot_icon_arrow-right.png') no-repeat center center  !important; }
    .footBnr ul li span h2{font-weight:bold;margin-bottom: 1vh;/* text-align:-webkit-center; */font-size: 1.2em;}
    .footBnr ul li span{line-height:2.5vh;text-align: -webkit-center;display: inline-block;}
    .footBnr ul li span text{text-align: -webkit-center;text-align: left;display: table-cell;/* position: relative; */}
    .footBnr ul li span text:after{content: "";display:inline-block;height: 37px;width: 10px;vertical-align: middle;background: url(/assets/img/svg/arrow.svg) no-repeat;background-size: 10px;position: absolute;right: -2%;top: 20vh;}
    .footBnr ul li.new:before{content:"NEW";font-size:1em;background:#b51b1b;color:#fff;border-radius:3px;position:absolute;padding: 1% 2%;left: 20%;top: 10%;z-index: 2;}
    .footBnr ul li div a{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 1em;}
    .footBnr ul li div a:hover{background-color: rgba(66, 37, 2, 0.2);padding: 1em;box-sizing: border-box;color: #6b6767;}
    .footBnr ul li div{position:relative;/* padding: 1em; */box-sizing: border-box;width: 100%;height: 100%;}

.footNav {margin-bottom:30px;padding: 30px 0;border-bottom:#eee 1px solid;border-top: #eee 1px solid;}
.footNav ul { float:none; width:100%; }
.footNav ul:after { content:''; display:block; clear:both; height:0; }
	.footNav > ul > li { display:block; float:left; width:14%; }
    	.footNav > ul > li:first-child,
    	.footNav > ul > li:last-child,
				.footNav > ul > li.home { width:8%; overflow:hidden;}
				.footNav > ul > li.products { width:21%; overflow:hidden;}
        .footNav > ul > li.news { width:14%; overflow:hidden;}
        .footNav > ul > li.support { width:18%; overflow:hidden;}
				.footNav > ul > li.about { width:18%; overflow:hidden;}
				.footNav > ul > li.document { width:21%; overflow:hidden;}
	.footNav > ul > li a { display:inline-block; position:relative; margin:0 0.75em 1.0em 0; padding-left:10px; color:#666; font-weight:bolder; text-decoration:none; }
	/*.footNav > ul > li a small { display:inline-block; margin:0 0.75em; color:#666; font-size:0.6em; font-weight:normal; }*/
	.footNav > ul > li a small { /*display:inline-block;*/ margin:0 0 2 1em; color#999; font-size:0.5em; font-weight:normal; }
	.footNav > ul > li a:before { content:''; display:block; position:absolute; top:0.3em; left:0; border:transparent 3px solid; border-left:#999 3px solid; }
	.footNav > ul > li > ul { padding-left:1.0em; font-size:0.85em; }
	.footNav > ul > li > ul li { margin-bottom:0.25em; }
	.footNav > ul > li > ul li a { font-weight:normal; }

.footCopyright {  }
.footCopyright:after { content:''; display:block; clear:both; height:0; }
.footCopyright small { display:block; color:#666; font-family:Arial; font-size:0.85em; text-align:center; }

.sns{text-align: right;width: 100%;margin-top: 1em;margin-bottom: -20px;}
.sns span.tw{color: rgba(0, 172, 237, 1);font-size: 2.8em;margin-right: .2em;}
.sns span.fb{color: rgba(30, 50, 97, 1); font-size: 2.3em; margin-right: .3em;}
.sns a:hover{opacity:.8;}
@media (min-width: 320px) and (max-width: 728px) {
	/* foot */
	.foot { min-width:320px; padding-top:20px; }
	.foot:after { content:''; display:block; clear:both; height:0; }
	.footInner { width:94%; margin:0 auto 20px; }
	.footSNS { margin-bottom:30px; }
	.footSNS:after { content:''; display:block; clear:both; height:0; }
		.footSNSLeft { position:relative; overflow:hidden; float:none; width:100%; height:240px; margin-right:0; margin-bottom:20px; border-bottom:#999 1px solid; }
		.footSNSRight { position:relative; padding:1px 0 0 1px; overflow:hidden; float:none; width:100%; height:240px; border-radius:2px; border:#eee 1px solid; box-sizing:border-box; }
	.footBnr { margin-bottom:15px; padding-bottom:15px; margin-left:10px; border-bottom:none;/*#eee 1px solid;*/ }
		.footBnr ul { margin-left:0 !important; margin-right:0 !important; }
		.footBnr ul:after { content:''; display:block; clear:both; height:0; }
		.footBnr ul li { padding:0 10px 0 0; }
		.footBnr ul li img { width:100%; height:auto; }
        .slick-prev { display:block; overflow:hidden; top:; left:-10px !important; z-index:99; width:24px !important; height:24px !important; border-radius:18px; font-size:0; text-indent:-999px; background:rgba(0,0,0,0.25) url('/assets/img/common/foot_icon_arrow-left.png') no-repeat center center  !important; }
        .slick-next { display:block; overflow:hidden; top:; right:0 !important; z-index:99; width:24px !important; height:24px !important; border-radius:18px; font-size:0; text-indent:-999px; background:rgba(0,0,0,0.25) url('/assets/img/common/foot_icon_arrow-right.png') no-repeat center center  !important; }

.footNav { margin-bottom:10px; padding-bottom:0; border-bottom:0; }
.footNav ul { float:none; width:100%; text-align:center; }
.footNav ul:after { content:''; display:block; clear:both; height:0; }
	.footNav > ul > li { display:inline-block; float:none; width:auto; }
    .footNav > ul > li.home,
		.footNav > ul > li.products,
		.footNav > ul > li.news,
		.footNav > ul > li.support,
		.footNav > ul > li.about,
   	.footNav > ul > li.document { display:inline; float:none; width:auto; }
    	.footNav > ul > li:first-child,
    	.footNav > ul > li:last-child { width:auto; display:inline;}
	.footNav > ul > li a { display:inline-block; position:relative; margin:0 0.5em 1.0em 0; padding-left:10px; color:#666; font-size:0.8em; font-weight:normal; text-decoration:none; }
	.footNav > ul > li a small { display:none; margin:0 0.75em; color:#666; font-size:0.6em; font-weight:normal; }
	.footNav > ul > li a:before { content:''; display:block; position:absolute; top:0.3em; left:0; border:transparent 3px solid; border-left:#999 3px solid; }
	.footNav > ul > li > ul { display:none; padding-left:1.0em; font-size:0.85em; }
	.footNav > ul > li > ul li { margin-bottom:0.25em; }
	.footNav > ul > li > ul li a { font-weight:normal; }

	.footCopyright {  }
	.footCopyright:after { content:''; display:block; clear:both; height:0; }
	.footCopyright small { display:block; color:#666; font-family:Arial; font-size:0.8em; text-align:center; }
	.sns{text-align: center;width: 100%;margin-top: 1em;margin-bottom: 1em;}
}

/*追記*/
.notes,.notes h3{line-height:2em;}
.notes h4{font-weight:bold;margin-top: 2em;margin-bottom: 2em;border-bottom: 1px solid #cecdcd;padding-bottom: .5em;width: 95%;font-size: 1em;color:#474747;}
.notes h5{padding: 1em;font-weight: bold;font-size: 1.24em;border-radius:4px;margin-bottom: 2em;text-align:left;background: #fafff7;box-shadow:0 0 3px 0 rgba(0,0,0,0.15);}
.notes h6{border-left: 6px solid #006600;padding-left: 1em;border-bottom:1px solid #999999;padding-bottom: .5em;}


/* side menu */
.side .Ttl{padding-bottom: .5em;font-weight: bold;font-size: 1.14em;color:#474747;}
ul.side{display:flex;}
.side li{display:block;border-bottom: 1px solid #d6d5d5;}
.side li:nth-child(1){border-top: 1px solid #d6d5d5;}
.side li:last-child{/*border-bottom:none;*/}
.side li a{display:block;/* background: #eeeeee; */padding: 1em 0em 1em 2em;}
.side li a:hover{background:#247ba0; color:#ffffff;}
.side li a:hover:before{content:"\f061"; font-family:fontawesome; margin-right:1em;}

/*-------------------------------------
ハードウェア用サイドナビ
-------------------------------------*/
/*Chrome Hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

	#h_gnav .Ttl{font-size: 1.1em;}
}
/*IE Hack*/
@media all and (-ms-high-contrast: none){
	#h_gnav .Ttl{font-size: 1.1em;}
}
/*Edge Hack*/
@supports (-ms-accelerator:true) {
	#h_gnav .Ttl{font-size: 1.1em;}
}

@media (min-width: 320px) and (max-width: 728px) {
	.side .Ttl{background: #f9f9f9;padding: .5em 0 0 .5em;}
	.side li a{padding:.5em 1.5em;}
	.side li a:before{content:"\f0a9"; font-family:fontawesome; margin-right:1em;}
	.side ul{margin-bottom:1em;}
	.side li{display:block;border-bottom: 1px solid #eceaea;}
	.side li:nth-child(1){border-top: 1px solid #eceaea;}
}


a{text-decoration:none; color:#444444;}
a:hover{color:#09F;}


/*-------------------------------------
pagetop チャットツール導入のため、位置修正
-------------------------------------*/

@media (min-width: 320px) and (max-width: 728px){
.pagetop { display:block; position:fixed; bottom:120px; right:0; z-index:199; width:50px; height:50px; background:rgba(0,0,0,0.1); }
}