@charset "UTF-8";
#logo_plenbo{    z-index:20;     position: absolute; text-align:left;
    left:20px;
    top:80px;
    width:15%; max-width:200px
    height:auto;
    margin:0;
    padding:0;}
#logo_plenbo img{width:90%; }
ul.bottom-menu {
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height:53px;
    margin:0;
    padding:0;
    background-color:#0398ee;

    z-index:30;}

ul.bottom-menu li {
    float:left;
    width:22%;
    background-color:#0398ee;
    list-style-type:none;
    text-align:center;
font-size:15px;}
ul.bottom-menu li:first-child{
    width:26%;}

.bottom-menu li a {
    display: block;
    color:#ffffff;
    padding-top:0px;
    padding-bottom:10px;
    line-height:20px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#ffffff;}

/*  */
.menu-second-level li a:hover {
    color:#000000;}
ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

ul.menu-second-level li a{
    padding-top:5px;
    border-top:1px dashed #a9a9a9;
        font-size:15px;
        line-height:23px;}

.menu-second-level li a:hover {
    height:100%;
    background: white;}

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 32px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 32px;
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}

.underl{border-bottom:5px solid #ffb25d; padding-bottom:10px;}

h1{font-size:42px; font-weight:400; line-height:1.5em;  padding:0.5em 0; margin:0;}
h2{font-size:45px; font-weight:400; line-height:1.5em; color:#000; padding:0.5em 0; margin:0;}
h3{font-size:35px; font-weight:400; line-height:1.5em; color:#000; padding:1em 0 0.5em 0;}
.2col{position: absolute; width:100%;}
.2col:after, .2col:before {
    content: "";
    clear: both;
    display: block;
}
p{font-size:110%;}
u{text-decoration-color:#2662d0; text-decoration-thickness: 0.1em;}
.small{font-size:small; line-height:1.5em !important;}
.floatl{display:inline-block; flaot:left; width:48%; vertical-align: top;}
.floatr{display:inline-block; flaot:right; width:48%; vertical-align: top;}
.subtitle{color:#475d6d; text-align:center; padding:1em 0; font-size:30px; }
.longurl{word-break: break-all; }
.logo{width:40%; max-width:500px; text-align:center;}
.youtubelink{width:80%; max-width:700px;}

.w90max{width:90%; max-width:800px;}
#area_brand {padding-top:0.5em; background-color:#ffffff; background-image:url("../img_plenbo/bg_brand.jpg"); background-repeat:no-repeat; background-size:100% auto; background-position:top center;}
#area_brand h1, #area_mov h1{font-size:32px; line-height:1.1em;}
#area_brand h2, #area_mov h2{font-size:22px;}
#area_brand ul{width:100%; margin-left:1%; margin-top:1.5em; margin-bottom:-0.5em;}
#area_brand li{width:47%; margin:0 1% 1.5em 0;  display:inline-block; flaot:right;}
#area_brand li img{width:98%; }
#area_brand p,#area_about p{width:90%; max-width:800px; text-align:left; }
#area_brand iframe{height:500px;}
#area_media{padding-top:1.5em; padding-bottom:2em; background-color:#ffffff; background-image:url("../img_plenbo/bg_media.jpg"); background-repeat:no-repeat; background-size:auto 100%; background-position:top right;}
#area_media img{width:95%; max-width:900px; margin-top:-3em;}
#area_parts{padding-bottom:1em; background-color:#ffffff; background-image:url("../img_plenbo/bg_grid.jpg"); background-repeat:repeat; background-size:100% auto;}
#parts_gcase{text-align:center; width:100%; background-image:url("../img_plenbo/bg_parts.png"); background-repeat:no-repeat; background-size:100% auto; padding-top:4em; padding-bottom:2em;}

#area_parts ul{width:95%; margin-left:2%; margin-top:1em;}
#area_parts li{width:47%; margin:0 1% 1em 0;  display:inline-block; flaot:left; vertical-align: top;}
#area_parts li img{width:95%; }
#area_parts #parts_gcase #gcaseimg img{width:85%;}

.meritpoint{width:25%; max-width:240px;}
.bar{width:50%; max-width:500px; margin-bottom:1.5em;}
#area_point ul, #area_scene ul, #area_get ul{width:95%; margin-left:2%;}
#area_point li, #area_scene li, #area_get li{width:47%; margin:0 1% 1.5em 0;  display:inline-block; flaot:right; vertical-align: top;}
#area_point li img, #area_scene li img, #area_get img{width:95%; }
#area_point h3{font-size:30px; margin-top:-0.5em;}
#area_point p{font-size:90%; text-align:left; margin-top:1em;}
#area_scene p{ text-align:left; margin-top:1em;}
#area_lineupbk{background:#000; background-image:url("../img_plenbo/bg_lineupbk.jpg"); background-repeat:no-repeat; background-size:auto 100%; background-position:top center;}
#area_lineupwh{background:#fff; background-image:url("../img_plenbo/bg_lineupwh.jpg"); background-repeat:no-repeat; background-size:auto 100%; background-position:bottom center;}
#area_lineupbk img, #area_lineupwh img{width:95%; max-width:900px;}

#area_get h3 img{width:70%; max-width:500px; margin-top:-1em;}
#area_get table{border-collapse: collapse; border-spacing: 0; width: 95%;}

#area_get th{border:solid 1px #ccc; text-align:center; vertical-align:middle; font-weight:400; padding:0.2em; background-color:#bcfefd; font-size:90%;}
#area_get td{border:solid 1px #ccc; vertical-align:middle; padding:0.3em; background:#fff; text-align:center;}
#area_get table tr:nth-child(odd) td {background: #f2f2f2;}
#area_get td:first-child, #area_get td:nth-child(2){text-align:left;}
#area_get td:first-child{font-weight:700;}
#area_get td:nth-child(2){white-space:nowrap;}
#area_story p{width:90%; padding:1.5em 0 1.5em 1.5em; text-align:left;}
#area_about{background:#fff; background-image:url("../img_plenbo/bg_about.jpg"); background-repeat:no-repeat; background-size:auto 100%; background-position:center center;}
#area_about img{width:80%; max-width:700px; margin:0;}
#area_about img:first-child{width:80%; max-width:700px; margin:5em 0 3em 0;}


@media (max-width:1200px){

		h1{font-size:35px;}
	h2{font-size:30px;}
	h3{font-size:27px;}
#area_point h3{font-size:25px;}
	#area_mov iframe{height:500px;}
			#area_sugoi{background-size:130% auto;}
}
@media screen and (max-width: 991px) {
	#area_brand iframe{height:400px;}
		#area_brand h2 img{width:55%; }
	#area_media{ background-position:top center;}
.mini-text{font-size:15px;}
	#parts_gcase{ width:95%;}
	#area_point li,#area_parts li,#area_scene li, #area_get li{width:95%; display:block; clear:both;}
	#logo_plenbo{width:23%;}
	
	#area_get table{font-size:85%;}
}

@media (max-width: 767px) {
	h1{font-size:27px;}
h2{font-size:25px;}
	h3{font-size:23px;}
	#area_brand{ background-size:140% auto;}
	#area_brand h1, #area_mov h1{font-size:26px;}
#area_brand h2, #area_mov h2{font-size:18px;}

#area_brand iframe{height:380px;}
#parts_gcase{padding-top:4em;}
	#area_parts h2{line-height:1.5em;}
	#area_parts ul{margin-top:0.5em;}
	p{font-size:90%;}
	#area_scene p{font-size:100%;}
	
#area_lineupbk img, #area_lineupwh img{width:98%;}

	#area_point h3{font-size:20px;}
		#area_get table {font-size:80%;}
	#area_get table th{font-size:75%;}
	#area_get td:first-child{width:20%;}
#area_about img:first-child{margin-top:3em;}

.floatr p,.floatr h2{margin-left:0.8em;}

		h3{font-size: 100%;}

.mini-text{font-size:12px;}
		.longurl{font-size:90%;}
		#logo_plenbo{width:28%; top:63px; left:10px;}
	}
	@media (max-width: 479px) {
	#area_brand h1, #area_mov h1, #area_story h1{font-size:24px;}
		#area_brand iframe{height:300px;}
#parts_gcase{padding-top:3em;}
	.longurl{font-size:80%;}

}