@charset "UTF-8";

body {
	-webkit-print-color-adjust: exact;
}

img {
	display: inline-block;
}

/* .sns
-----------------------------------------------------------------*/
.toolBox01{
	background-color: #1f91da;
}
.btnBrand01 > span{
	color: #756650;
}


/* .common
-----------------------------------------------------------------*/
#promo .wrap {
	width:880px;
	padding:30px;
	margin:0 auto;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 3px 0px #d9d9d9;
	-moz-box-shadow:0px 0px 3px 0px #d9d9d9;
	box-shadow:0px 0px 3px 0px #d9d9d9;
}
#promo .bg_01 {
	border:4px solid #2e2e2e;
}
#promo .pc {
	display:block;
}
#promo .sp {
	display:none;
}
#promo a{
	-moz-transition: opacity 0.2s ease 0s;
	-o-transition: opacity 0.2s ease 0s;
	-webkit-transition: opacity 0.2s ease 0s;
	transition: opacity 0.2s ease 0s;
}
#promo .red {
	color:#da1428;
}


/* .mainimg
-----------------------------------------------------------------*/
.mainimg{
	margin-bottom:43px;
}

/* title */
.mainimg .ttl{
	position:relative;
	width:100%;
	min-width:940px;
	height:465px;
	background:#e7e6e3 url("/-/Media/com/kidseye/v-rohto-junior/bg_promo.png") 50% 0 no-repeat;
}
.mainimg .ttl h1{
	position:absolute;
	top:0;
	width:100%;
	height:548px;
	overflow:hidden;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/230125/vi_promo.png") 50% 0 no-repeat;
}

/* banner */
.mainimg .bnr{
	position:relative;
	margin:0 auto;
	padding-top:52px;
	width:940px;
}
.mainimg .bnr .li_01{
	padding-top:22px;
}
.mainimg .bnr .li_01 a,
.mainimg .bnr .li_01 span{
	width:460px;
	height:120px;
	display:block;
	text-indent:-9999px;
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_training_02.png) 50% 100% no-repeat;
}

.mainimg .bnr .li_01_wide{
	padding-top:33px;
}
.mainimg .bnr .li_01_wide a{
	margin: 0 auto;
	width: 940px;
	height: 140px;
	display: block;
	text-indent: -9999px;
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_training_02.png) 50% 0 no-repeat;
}

.mainimg .bnr .li_02{
	float:left;
}
.mainimg .bnr .li_02 a{
	width:465px;
	height:142px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_vrohtojr_01.png") 50% 0 no-repeat;
}
.mainimg .bnr .li_02_wide{
	margin: 0 0 0 -4px;
}
.mainimg .bnr .li_02_wide a{
	width:944px;
	height:142px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_vrohtojr_wide_01.png") 50% 0 no-repeat;
}
.mainimg .bnr .li_03{
	float:right;
	padding-top: 14px;
}
.mainimg .bnr .li_03 a{
	width: 460px;
	height: 131px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_kidseye.png") 50% 0 no-repeat;
}
.mainimg .bnr .li_03_wide {
	padding-top: 18px;
}
.mainimg .bnr .li_03_wide a{
	width: 968px;
	height: 193px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/1904/bnr_kidseye.png") 50% 0 no-repeat;
}
.mainimg .bnr .li_04_wide {
    padding-top: 33px;
}


/* .philosophy
-----------------------------------------------------------------*/
.philosophy {
	padding:0;
	width:100%;
	min-width:995px;
	text-align:center;
	background:#97dcfa url("/-/Media/com/kidseye/v-rohto-junior/bg_philosophy_02.gif");
	background-size: 14px 19px;
}
.philosophy .top {
	background: url("/-/Media/com/kidseye/v-rohto-junior/bg_philosophy_01.png") 50% 0 no-repeat;
	height: 815px;
	padding-top: 123px;
}

/* title */
.philosophy h1 {
	margin:0 auto 30px auto;
	width:484px;
	height:310px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_philosophy.png") 50% 0 no-repeat;
}

/* text */
.philosophy p {
	font-size:18px;
	line-height:38px;
	color:#2d2d2d;
}
.philosophy .txtbg {
	font-weight:bold;
	background:#b5e8ff;
	background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(181,232,255,1) 30%, rgba(181,232,255,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(181,232,255,1) 30%,rgba(181,232,255,1) 90%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(181,232,255,1) 30%,rgba(181,232,255,1) 90%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e8ff', endColorstr='#b5e8ff',GradientType=0 );
}
.philosophy .txt_01 {
	margin:0 auto 40px auto;
}
.philosophy .txt_02 {
	margin:0 auto 40px auto;
}
.philosophy .txt_03 {
	margin:0 auto 40px auto;
}
.philosophy .img {
	margin:0 auto;
	background: url(img_philosophy_01.png) no-repeat;
	width: 354px;
	height: 266px;
	text-indent: -9999px;
}


/* .check
-----------------------------------------------------------------*/
.check {
	padding:70px 0;
	width:100%;
	min-width:995px;
	text-align:center;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_check_01.png") 50% 0 no-repeat;
}
.check .content {
	padding:40px 0 50px 0;
	margin:0 auto;
	width:872px;
	border-top:4px solid #2e2e2e;
}

/* title */
.check h1 {
	position:relative;
	margin:0 auto;
	width:872px;
	height:122px;
}
.check h1 .ttl_01 {
	position:absolute;
	bottom:0;
	width:872px;
	height:179px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_check.png") 50% 0 no-repeat;
}

/* text */
.check .txt_01 {
	margin:0 auto 35px auto;
	width:700px;
	height:86px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_check_01.png") 50% 0 no-repeat;
}
.check .txt_02 {
	margin:0 auto 10px auto;
	width:628px;
	height:146px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_check_02.png") 50% 0 no-repeat;
}
.check .txt_03 {
	margin:0 auto 20px auto;
	width:746px;
	height:432px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_check_01.png") 50% 0 no-repeat;
}
.check .txt_04 a {
	margin:0 auto;
	width:555px;
	height:144px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_research_01.png") 50% 0 no-repeat;
}


/* .pickup
-----------------------------------------------------------------*/
.pickup {
	padding:70px 0;
	width:100%;
	min-width:995px;
	background-color:#dcf4fe;
}
.pickup .content {
	padding:32px 62px 44px 46px;
	margin:0 auto;
	width:763px;
	border-top:4px solid #2e2e2e;
}
.pickup .content .left {
	float:left;
	width:417px;
}
.pickup .content .right {
	float:right;
	width:303px;
}

/* title */
.pickup h1 {
	position:relative;
	margin:0 auto;
	width:872px;
	height:152px;
}
.pickup h1 .ttl_01 {
	position:absolute;
	bottom:0;
	width:872px;
	height:171px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_pickup.png") 50% 0 no-repeat;
}

/* text */
.pickup p {
	font-size:16px;
	line-height:40px;
}
.pickup p .txtbg {
	font-weight:bold;
	background:#b5e8ff;
	background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(181,232,255,1) 30%, rgba(181,232,255,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(181,232,255,1) 30%,rgba(181,232,255,1) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(181,232,255,1) 30%,rgba(181,232,255,1) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e8ff', endColorstr='#b5e8ff',GradientType=0 );
}

/* image */
.pickup .content .img_01 {
	width:304px;
	height:283px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_pickup.png") 50% 0 no-repeat;
}


/* .point
-----------------------------------------------------------------*/
.point {
	padding:70px 0;
	width:100%;
	min-width:995px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_01.png") 0 0 repeat;
}
.point .content {
	padding:32px 24px 44px 24px;
	margin:0 auto;
	width:824px;
	border-top:4px solid #2e2e2e;
}
.point .wrap_01 .left {
	float:left;
	padding-right:5px;
	width:407px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_02.png") 0 0 repeat-y;
}
.point .wrap_01 .right {
	position:relative;
	float:right;
	padding-left:5px;
	width:407px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_02.png") 100% 0 repeat-y;
}
.point .wrap_01 .top {
	height:100%;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_02_top.png") 0 0 no-repeat;
}
.point .wrap_01 .bottom {
	position:relative;
	padding:28px;
	height:100%;
	box-sizing:border-box;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_02_bottom.png") 0 100% no-repeat;
}
.point .box_01 .left,
.point .box_01 .right {
	height:388px;
}
.point .box_02 .right .bottom {
	padding-top:40px;
}
.point .box_02 .left,
.point .box_02 .right {
	height:421px;
}

/* title */
.point h1 {
	position:relative;
	margin:0 auto;
	width:872px;
	height:122px;
}
.point h1 .ttl_01 {
	position:absolute;
	bottom:-54px;
	width:872px;
	height:208px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_point_01.png") 50% 0 no-repeat;
}
.point .ttl_02 {
	margin:0 auto 20px auto;
	width:820px;
	height:35px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_point_02.png") 50% 0 no-repeat;
}

/* text */
.point p {
	font-size:16px;
	line-height:30px;
}
.point .txt_01,
.point .txt_02 {
	position:relative;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}

/* image */
.point .img_01 {
	position:absolute;
	bottom:40px;
	left:0;
	width:100%;
	height:84px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_point_01.png") 50% 0 no-repeat;
}
.point .img_02 {
	position:absolute;
	bottom:40px;
	left:0;
	width:100%;
	height:84px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_point_02.png") 50% 0 no-repeat;
}
.point .img_03 {
	position:absolute;
	bottom:40px;
	left:0;
	width:100%;
	height:90px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_point_03.png") 50% 0 no-repeat;
}
.point .img_04 {
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	height:135px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_point_04.png") 50% 0 no-repeat;
}

/* banner */
.point .bnr_01 .li_01{
	float:left;
	margin-bottom:20px;
}
.point .bnr_01 .li_01 a{
	width:400px;
	height:143px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_check.png") 50% 0 no-repeat;
}
.point .bnr_01 .li_02{
	float:right;
	padding-top:23px;
	margin-bottom:20px;
}
.point .bnr_01 .li_02 a{
	width:400px;
	height:120px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_research_02.png") 50% 0 no-repeat;
}
.point .bnr_01 .li_03{
	float:left;
}
.point .bnr_01 .li_03 a{
	width:415px;
	height:120px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_eyelotion.png") 50% 0 no-repeat;
	position:relative;
	left:-14px;
}

.point .bnr_02 a,
.point .bnr_02 span{
	margin:0 auto;
	width:940px;
	height:140px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_training_02.png") 50% 0 no-repeat;
}


/* .product
-----------------------------------------------------------------*/
.product {
	padding:95px 0 70px 0;
	margin:0 auto;
	width:960px;
}
.product .content {
	padding:0 52px 0 30px;
}
.product .content .left {
	float:left;
	width:417px;
}
.product .content .right {
	float:right;
	padding-top:23px;
	width:370px;
}
.product .content .btn_01{
	font-size:16px;
	font-weight:bold;
}

/* title */
.product h1 {
	padding-bottom:20px;
	margin-bottom:50px;
	border-bottom:4px solid #32b8f1;
}
.product h1 .ttl_01 {
	margin:0 auto;
	width:170px;
	height:70px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_product.png") 50% 0 no-repeat;
}

/* text */
.product .txt_01 {
	width:270px;
	height:131px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_product_01.png") 50% 0 no-repeat;
}

/* image */
.product .img_01 {
	width:417px;
	height:329px;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_product_01.png") 50% 0 no-repeat;
}

/* button */
.product .btn_01 .li_01{
	float:left;
	width:180px;
}
.product .btn_01 .li_02{
	float:right;
	width:180px;
}
.product .btn_01 a{
	padding:13px 20px 8px 24px;
	display:block;
	color:#fff;
	text-align:center;
	background-color:#32b8f1;
}
.product .btn_01 a:hover{
	text-decoration:none;
}
.product .btn_01 a .ico{
	padding-right:24px;
	display:block;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ico_01.png") 100% 50% no-repeat;
}

/* banner */
.product .bnr_01{
	position:relative;
	top:-10px;
	clear:both;
}
.product .bnr_01 a{
	margin:0 auto;
	width:453px;
	height:145px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_vrohtojr_02.png") 50% 0 no-repeat;
}


/* -------------------------------------------------------------------------------------------------------*/

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

/* -------------------------------------------------------------------------------------------------------*/

/* .mainimg
-----------------------------------------------------------------*/
.mainimg .bnr .li_01 a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_training_01.png) 50% 100% no-repeat;
}
.mainimg .bnr .li_01_wide a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_training_02.png) 50% 100% no-repeat;
}
.mainimg .bnr .li_02 a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_vrohtojr_01.png) 50% 100% no-repeat;
}
.mainimg .bnr .li_02_wide a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_vrohtojr_wide_01.png) 50% 100% no-repeat;
}
.mainimg .bnr .li_03 a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_kidseye.png) 50% 100% no-repeat;
}
.mainimg .bnr .li_03_wide a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/1904/bnr_kidseye.png) 50% 100% no-repeat;
}
.mainimg .bnr .li_04_wide a:hover img {
	opacity: 0.8;
}


/* .check
-----------------------------------------------------------------*/
.check .txt_04 a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_research_01.png) 50% 100% no-repeat;
}


/* .point
-----------------------------------------------------------------*/
.point .bnr_01 .li_01 a:hover{
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_check.png") 50% 100% no-repeat;
}
.point .bnr_01 .li_02 a:hover{
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_research_02.png") 50% 100% no-repeat;
}
.point .bnr_01 .li_03 a:hover{
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_eyelotion.png") 50% 100% no-repeat;
}

.point .bnr_02 a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_training_02.png) 50% 100% no-repeat;
}


/* .product
-----------------------------------------------------------------*/
.product .btn_01 a:hover {
	background-color: #0185d0;
}
.product .bnr_01 a:hover {
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_vrohtojr_02.png) 50% 100% no-repeat;
}


}
/* -------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px){

/* -------------------------------------------------------------------------------------------------------*/


/* .common
-----------------------------------------------------------------*/
#promo .wrap {
	width:100%;
	padding:0;
	margin:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	box-sizing:border-box;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_promo_02_sp.png") 0 0 repeat-y;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#promo .wrap_top {
	padding:5% 0 0 0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_promo_02_top_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	box-sizing:border-box;
}
#promo .wrap_bottom {
	padding:0 0 5% 0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_promo_02_bottom_sp.png") 0 100% no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	box-sizing:border-box;
}
#promo .bg_01 {
	border:0;
}
#promo .pc {
	display:none;
}
#promo .sp {
	display:block;
}


/* .mainimg
-----------------------------------------------------------------*/
.mainimg{
	margin-bottom:30px;
}

/* title */
.mainimg .ttl{
	position:relative;
	width:100%;
	min-width:100%;
	height:auto;
	line-height:0;
	background:none;
}
.mainimg .ttl h1{
	position:relative;
	top:0;
	padding-top:67%;
	width:100%;
	height:auto;
	overflow:visible;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/230125/vi_promo_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

/* banner */
.mainimg .bnr{
	position:relative;
	margin:0;
	padding-top:0;
	width:100%;
}
.mainimg .bnr .li_01{
	padding-top:0;
	margin-bottom:3px;
	float:none;
}
.mainimg .bnr .li_01 a,
.mainimg .bnr .li_01 span{
	padding-top:24.5%;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_training_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.mainimg .bnr .li_01_wide{
	padding: 0 4.5%;
	margin-bottom:3px;
	float:none;
}
.mainimg .bnr .li_01 a,
.mainimg .bnr .li_01_wide a{
	padding-top: 48%;
	margin: 0;
	width: 100%;
	height: auto;
	display: block;
	text-indent: -9999px;
	line-height: 0;
	background: transparent url(/-/Media/com/kidseye/v-rohto-junior/bnr_training_02_sp.png) 50% 0 no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
.mainimg .bnr .li_02,
.mainimg .bnr .li_02_wide{
	float:none;
	margin-bottom:7px;
}
.mainimg .bnr .li_02 a,
.mainimg .bnr .li_02_wide a{
	padding-top:26%;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_vrohtojr_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.mainimg .bnr .li_03{
	padding-top:0;
	float:none;
}
.mainimg .bnr .li_03_wide {
	padding-top: 10px;
}
.mainimg .bnr .li_03 a{
	padding-top:38.5%;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_kidseye_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.mainimg .bnr .li_03_wide a{
	padding-top:38.5%;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/1904/bnr_kidseye_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.mainimg .bnr .li_04_wide{
	padding: 30px 4.5% 18px;
	margin-bottom:3px;
	float:none;
}
.mainimg .bnr .li_04_wide img{
	width: 100%;
	height: auto;
}


/* .philosophy
-----------------------------------------------------------------*/
.philosophy {
	min-width: inherit;
}
.philosophy .top {
	width:100%;
	min-width:100%;
	height: auto;
	text-align:left;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_philosophy_01_sp.png") 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	padding: 8% 0;
}
/*.philosophy .bottom {
	padding-bottom:27%;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_philosophy_01_bottom_sp.png") 0 100% no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}*/

/* title */
.philosophy h1 {
	padding-top:47.5%;
	margin:0;
	width:100%;
	height:auto;
	line-height:0;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_philosophy_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

/* text */
.philosophy p {
	font-size:0;
	line-height:0;
}
.philosophy .txt_01 {
	padding-top:50%;
	margin:0;
	width:100%;
	height:auto;
	text-indent:-9999px;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_philosophy_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.philosophy .txt_02 {
	padding-top:36%;
	margin:0;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_philosophy_02_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.philosophy .txt_03 {
	padding-top:30%;
	margin:0;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_philosophy_03_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.philosophy .img {
	padding-top:44%;
	background: url(img_philosophy_01.png) no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	width: 56%;
	height: auto;
}


/* .check
-----------------------------------------------------------------*/
.check {
	position:relative;
	padding:10% 0;
	width:100%;
	min-width:100%;
	text-align:center;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_check_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	box-sizing:border-box;
}
#promo .check .wrap_bottom {
	position:relative;
	padding:0 0 30% 0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_check_02_bottom_sp.png") 0 100% no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	box-sizing:border-box;
}
#promo .check .bg_01 {
	padding:0;
}
.check .content {
	padding:5% 0;
	margin:0;
	width:100%;
	border-top:none;
}

/* title */
.check h1 {
	position:relative;
	padding-bottom:22%;
	margin:0;
	width:100%;
	height:auto;
}
.check h1 .ttl_01 {
	position:absolute;
	bottom:0;
	padding-bottom:25%;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_check_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

/* text */
.check .txt_01 {
	padding-bottom:27%;
	margin:0 0 3% 0;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_check_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.check .txt_02 {
	padding-bottom:40%;
	margin:0 0 3% 0;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_check_02_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.check .txt_03 {
	padding-bottom:83%;
	margin:0;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_check_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.check .txt_04 {
	position:absolute;
	bottom:1.8%;
	width:100%;
	box-sizing:border-box;
}
.check .txt_04 a {
	padding-bottom:22%;
	margin:0;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_research_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}


/* .pickup
-----------------------------------------------------------------*/
.pickup {
	position:relative;
	padding:10% 0;
	width:100%;
	min-width:100%;
	text-align:left;
	background-color:#dcf4fe;
	box-sizing:border-box;
}
.pickup .content {
	padding:3% 11% 0 11%;
	margin:0 auto;
	width:100%;
	border-top:0;
	box-sizing:border-box;
}
.pickup .content .left {
	padding-top:0;
	margin-bottom:3%;
	float:none;
	width:100%;
}
.pickup .content .right {
	float:none;
	width:100%;
}

/* title */
.pickup h1 {
	position:relative;
	padding-top:18%;
	margin:0 auto;
	width:100%;
	height:auto;
}
.pickup h1 .ttl_01 {
	position:absolute;
	padding-top:24%;
	bottom:0;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_pickup_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

/* text */
.pickup p {
	font-size:14px;
	line-height:21px;
}
.pickup p .txtbg {
	font-weight:bold;
	background:#b5e8ff;
	background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(181,232,255,1) 30%, rgba(181,232,255,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(181,232,255,1) 30%,rgba(181,232,255,1) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(181,232,255,1) 30%,rgba(181,232,255,1) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
}

/* image */
.pickup .content .img_01 {
	padding-top:80%;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_pickup_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}


/* .point
-----------------------------------------------------------------*/
.point {
	padding:10% 0;
	width:100%;
	min-width:100%;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_01.png") 0 0 repeat;
	-webkit-background-size:4px 4px;
	-moz-background-size:4px 4px;
	background-size:4px 4px;
}
.point .wrap_top {
	margin-bottom:5% !important;
}
.point .wrap {
	margin-bottom:0 !important;
}
.point .content {
	padding:3% 0 0 0;
	margin:0;
	width:100%;
	border-top:0;
}
.point .wrap_01 {
	padding:0 11%;
}
.point .wrap_01 .left {
	float:none;
	padding-right:0;
	margin-bottom:10px;
	width:100%;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_02_sp.png") 0 0 repeat-y;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .wrap_01 .right {
	position:relative;
	float:none;
	padding-left:0;
	width:100%;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_02_sp.png") 100% 0 repeat-y;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .wrap_01 .top {
	height:100%;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_02_top_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .wrap_01 .bottom {
	position:relative;
	padding:15px 10px;
	height:auto;
	box-sizing:border-box;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bg_point_02_bottom_sp.png") 0 100% no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .box_01 .left,
.point .box_01 .right {
	height:auto;
}
.point .box_02 {
	margin-bottom:25px !important;
}
.point .box_02 .right .bottom {
	padding:15px 10px;
}
.point .box_02 .left,
.point .box_02 .right {
	height:auto;
}

/* title */
.point h1 {
	position:relative;
	padding-top:25%;
	margin:0 auto;
	width:100%;
	height:auto;
}
.point h1 .ttl_01 {
	position:absolute;
	bottom:0;
	padding-top:30.2%;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_point_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .ttl_02 {
	padding:0 8.5%;
	margin:0 0 15px 0;
	width:100%;
	height:auto;
	display:block;
	background:none;
	box-sizing:border-box;
}
.point .ttl_02 span {
	padding-top:13%;
	margin:0;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_point_02_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

/* text */
.point p {
	font-size:14px;
	line-height:20px;
}
.point .txt_01 {
	position:relative;
	margin:0;
	padding:0 11% 6% 11%;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}
.point .txt_02 {
	position:relative;
	margin-bottom:5%;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}

/* image */
.point .img_01 {
	position:relative;
	bottom:0;
	left:0;
	margin:5% auto 0 auto;
	width:145px;
	height:65px;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_point_01.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .img_02 {
	position:relative;
	bottom:0;
	left:0;
	margin:5% auto 0 auto;
	width:64px;
	height:64px;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_point_02.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .img_03 {
	position:relative;
	bottom:0;
	left:0;
	margin:5% auto 0 auto;
	width:166px;
	height:68px;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_point_03.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .img_04 {
	position:relative;
	bottom:0;
	left:0;
	margin:5% auto 0 auto;
	width:75px;
	height:116px;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_point_04.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

/* banner */
.point .bnr_01{
	padding:0 8.5%;
}
.point .bnr_01 .li_01{
	float:none;
	margin-bottom:15px;
}
.point .bnr_01 .li_01 a{
	padding-top:32.6%;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_check_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .bnr_01 .li_02{
	float:none;
	padding-top:0;
	margin-bottom:15px;
}
.point .bnr_01 .li_02 a{
	padding-top:29.8%;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_research_02_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.point .bnr_01 .li_03{
	float:none;
	margin-bottom:15px;
}
.point .bnr_01 .li_03 a{
	padding-top:29.8%;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_eyelotion_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	left:0px;
	
}

.point .bnr_02{
	padding:0 4.5%;
}
.point .bnr_02 a,
.point .bnr_02 span{
	padding-top:48%;
	margin:0;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_training_02_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}


/* .product
-----------------------------------------------------------------*/
.product {
	padding:10% 0;
	margin:0;
	width:100%;
	box-sizing:border-box;
}
.product .content {
	padding:0 4.5%;
}
.product .content .left {
	float:none;
	width:100%;
}
.product .content .right {
	float:none;
	padding-top:0;
	width:100%;
}

/* title */
.product h1 {
	padding:0 4.5%;
	margin-bottom:7%;
	border-bottom:0;
}
.product h1 .ttl_01 {
	padding-top:16%;
	margin:0 auto;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ttl_product_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	border-bottom:2px solid #32b8f1;
}

/* image */
.product .img_01 {
	padding-top:75%;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/img_product_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.product .txt_01 {
	padding-top:38%;
	margin-bottom:40px !important;
	width:100%;
	height:auto;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/txt_product_01_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	margin-top: -10%;
}

/* button */
.product .content .btn_01{
	margin-bottom:25px;
	font-size:16px;
	font-weight:bold;
}
.product .content .btn_01 .li_01{
	margin-bottom:15px;
	float:none;
	width:100%;
}
.product .content .btn_01 .li_02{
	float:none;
	width:100%;
}
.product .content .btn_01 a{
	padding:15px 13px 11px 13px;
	display:block;
	color:#fff;
	line-height:1;
	text-align:center;
	background-color:#32b8f1;
	box-sizing:border-box;
}
.product .content .btn_01 a:hover{
	text-decoration:none;
}
.product .content .btn_01 a .ico{
	display:block;
	padding-right:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/ico_01_sp.png") 100% 50% no-repeat;
	-webkit-background-size:9px 18px;
	-moz-background-size:9px 18px;
	background-size:9px 18px;
}

/* banner */
.product .bnr_01{
	position:relative;
	top:0;
	clear:both;
}
.product .bnr_01 a{
	padding-top:26%;
	margin:0;
	width:100%;
	height:auto;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/-/Media/com/kidseye/v-rohto-junior/bnr_vrohtojr_02_sp.png") 50% 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}



}



/* -------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 481px) and (max-width: 768px){

/* -------------------------------------------------------------------------------------------------------*/



}