#kidseye .sp {
	display: none;
}

@media screen and (max-width: 768px){
/* .local_nav
-----------------------------------------------------------------*/
#kidseye .sp {
	display:block;
}
}


/* parts
---------------------------------------------------------- */
#kidseye {
  color: #333;
}
#kidseye a {
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#kidseye br.sp {
  display: none;
}
.sp {
	display:none;
}
@media screen and (max-width: 768px) {
  #kidseye br.sp {
    display: block;
  }
  #kidseye br.pc {
    display: none;
  }
  .sp {
	display:block;
}
  
  
}


/*btnNav
---------------------------------------------------------- */
#btnNav {
	width:100%;
	padding:22px 0 16px;
	background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/bg_btn_common.jpg) no-repeat center #ffffe2;
}
#btnNav .product {
	width:940px;
	margin:0 auto;
	    overflow: hidden;
}
#btnNav .product li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
	width: 306px;
}
#btnNav .product li a {
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	height: 159px;
	position: relative;
}
#btnNav .product li a:hover {
	opacity: 0.8;
}
#btnNav .product li.soft {
	margin-right: 5px;
}
#btnNav .product li.soft.active  a {
	background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/btn_top_soft_active.png);
}
#btnNav .product li.jr {
	margin-right: 5px;
	margin-left: 5px;
}
#btnNav .product li.jr a {
	background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/btn_top_jr.png);
}
#btnNav .product li.alguard {
	margin-left: 5px;
}
#btnNav .product li.alguard a {
	background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/btn_top_alguard.png);
}
 @media screen and (max-width: 768px) {
#btnNav {
	background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/bg_btn_common_sp.jpg) no-repeat top center #ffffe2;
	background-size:100%;
	-moz-background-size:100%;
	padding:15px 0;
}
#btnNav .product {
	position: relative;
	width: 90.6%;
	padding: 7px 0 10px;
}
#btnNav .product li {
	width: 100%;
	margin: 0 0 !important;
}
#btnNav .product li a {
	height: 0;
	padding-top: 27%;
	margin-bottom:5px;
}
#btnNav .product li.soft a {
	background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/btn_top_soft_sp.png)!important
	;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#btnNav .product li.jr a {
	background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/btn_top_jr_sp.png);
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#btnNav .product li.alguard a {
	background-image: url(/~/Media/com/kidseye/rohto_kodomosoft/btn_top_alguard_sp.png);
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	margin-bottom:0;
}

 }


/* Kodomosoft
---------------------------------------------------------- */
#kidseyeKodomosoft.top .mv {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/bg_kodomosoft_mv.gif) repeat center top;
  overflow: hidden;
}
#kidseyeKodomosoft.top .mv > .inner {
  margin: 0 auto;
  padding: 620px 0 574px;
  position: relative;
  width: 940px;
}

#kidseyeKodomosoft.top .mv h1,
#kidseyeKodomosoft.top .mv .logo_minion,
#kidseyeKodomosoft.top .mv .topContents .txt01,
#kidseyeKodomosoft.top .mv .topContents .txt02,
#kidseyeKodomosoft.top .mv .topContents .txt03,
#kidseyeKodomosoft.top .mv .btmContents .txt04 {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
}
#kidseyeKodomosoft.top .mv .topContents h1 {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/logo_soft02.png) no-repeat;
  height: 57px;
  left: 0;
  top: 20px;
  width: 278px;
}
#kidseyeKodomosoft.top .mv .topContents .logo_minion {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/logo_minion.png) no-repeat;
  height: 70px;
  right: 0;
  top: 15px;
  width: 70px;
}
#kidseyeKodomosoft.top .mv .topContents .txt01 {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_mv_01.png) no-repeat;
  height: 95px;
  left: 0;
  top: 97px;
  width: 940px;
}
#kidseyeKodomosoft.top .mv .topContents .txt02 {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_mv_02.png) no-repeat;
  height: 378px;
  left: 40px;
  top: 225px;
  width: 1039px;
  text-indent: -999em;
}
#kidseyeKodomosoft.top .mv .topContents .txt03 {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_mv_03.png) no-repeat;
  height: 69px;
  left: 120px;
  top: 591px;
  width: 700px;
}
#kidseyeKodomosoft.top .mv .btmContents .txt04 {
  background: url(/~/Media/com/kidseye/top/1904/rohto_kodomosoft/txt_mv_04.png) no-repeat;
  height: 392px;
  left: 0;
  top: 1229px;
  width: 940px;
}
#kidseyeKodomosoft.top .mv .btmContents .copy{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
}
#kidseyeKodomosoft section.product {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #fff;
  overflow: hidden;
}
#kidseyeKodomosoft section.product + section {
  margin-top: 70px;
}
#kidseyeKodomosoft section.product header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #00b4ed;
  background-position: 13px 25px;
  background-repeat: no-repeat;
  height: 284px;
  padding: 44px 15px 0 224px;
  position: relative;
  border-radius: 10px 10px 0 0;
}
#kidseyeKodomosoft section.product header h1, #kidseyeKodomosoft section.product header .txt01, #kidseyeKodomosoft section.product header .txt02, #kidseyeKodomosoft section.product header .txt03 {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
}
#kidseyeKodomosoft section.product header h1 {
  bottom: 27px;
  height: 60px;
  left: 222px;
  position: absolute;
}
#kidseyeKodomosoft section.product header .txt01 {
  height: 87px;
  margin-bottom: 10px;
}
#kidseyeKodomosoft section.product header .txt02 {
  height: 48px;
}
#kidseyeKodomosoft section.product header .txt03 {
  height: 98px;
  position: absolute;
  right: 7px;
  top: -48px;
  width: 241px;
}
#kidseyeKodomosoft section.product header .btn {
  bottom: 35px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  position: absolute;
  right: 15px;
}
#kidseyeKodomosoft section.product header .btn a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  color: #00abe1;
  display: block;
  padding: 12px 14px 10px 15px;
}
#kidseyeKodomosoft section.product header .btn a:hover {
  opacity: 0.8;
  text-decoration: none;
}
#kidseyeKodomosoft section.product header .btn a span {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/arrow_soft.png) no-repeat 0 center;
  padding-left: 15px;
}
#kidseyeKodomosoft section.product header .btnTop {
  height: 139px;
  position: absolute;
  right: 30px;
  top: 35px;
  width: 213px;
}
#kidseyeKodomosoft section.product .inner {
  padding: 35px 0 50px 45px;
}
#kidseyeKodomosoft section#soft header {
  background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/img_soft.png);
}
#kidseyeKodomosoft section#soft header h1 {
  background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/ttl_soft.png);
  width: 333px;
}
#kidseyeKodomosoft section#soft header .txt01 {
  background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_soft01.png);
}
#kidseyeKodomosoft section#soft header .txt02 {
  background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_soft02.png);
}
#kidseyeKodomosoft section#soft header .txt03 {
  background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_soft03.png);
}
#kidseyeKodomosoft section#soft .inner {
  padding-bottom: 46px;
  background: #fff;
}
#kidseyeKodomosoft section#soft .feature {
  overflow: hidden;
}
#kidseyeKodomosoft section#soft .feature li {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  float: left;
  margin-right:30px;
}
#kidseyeKodomosoft section#soft .feature li.last{
	margin-right:0;}
#kidseyeKodomosoft section#soft .feature li br {
  display: none;
}
#kidseyeKodomosoft section#soft .feature li dl {
  width: 265px;
}
#kidseyeKodomosoft section#soft .feature li dt{
  height: 71px;
  width: 265px;
  margin-bottom:15px;
  text-indent:-200%;}
#kidseyeKodomosoft section#soft .feature li dl dd{
  color: #666;
  font-size: 13px;
}
#kidseyeKodomosoft section#soft .feature li.feature01 dt {
  background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_soft_feature01.png);
}
#kidseyeKodomosoft section#soft .feature li.feature02 dt {
  background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_soft_feature02.png);
}
#kidseyeKodomosoft section#soft .feature li.feature03 dt {
  background-image: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_soft_feature03.png);
}
#kidseyeKodomosoft section#soft .detail {
  margin-top: 23px;
}
#kidseyeKodomosoft section#soft .detail li {
  color: #666;
  font-size: 13px;
  padding-left: 1em;
  position: relative;
}
#kidseyeKodomosoft section#soft .detail li:before {
  content: '\30FB';
  left: 0;
  position: absolute;
  top: 0;
}

/*link*/

#kidseyeKodomosoft.top .link {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/bg_kodomosoft_link.gif) repeat center top;
  overflow: hidden;
}
#kidseyeKodomosoft.top .link .inner {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/bg_kodomosoft_link_inner.png) no-repeat 144px 31px;
  height: 210px;
  margin: 0 auto;
  position: relative;
  width: 940px;
}
#kidseyeKodomosoft.top .link .txt01,
#kidseyeKodomosoft.top .link .txt02 {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
}
#kidseyeKodomosoft.top .link .txt01 {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/link_txt01.png) no-repeat;
  height: 25px;
  left: 50%;
  margin-left:-99px;
  top: 42px;
  width: 198px;
}
#kidseyeKodomosoft.top .link .txt02 {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/link_txt02.png) no-repeat;
  height: 44px;
  left: 50%;
  margin-left:-209px;
  top: 78px;
  width: 418px;
}
#kidseyeKodomosoft.top .link .btn {
  font-size: 16px;
  font-weight: bold;
  left: 50%;
  margin-left:-235px;
  line-height: 1.3;
  position: absolute;
  text-align: center;
  top: 143px;
  width: 470px;
}
#kidseyeKodomosoft.top .link .btn a {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: #32b8f1;
  color: #fff;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  border: 2px solid #32b8f1;
}
#kidseyeKodomosoft.top .link .btn a:hover {
  background: #fff;
  color: #32b8f1;
  
}
#kidseyeKodomosoft.top .link .btn a span {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/arrow_link.png) no-repeat 0 center;
  padding-left: 15px;
}
#kidseyeKodomosoft.top .link .btn a:hover span {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/arrow_link2.png) no-repeat 0 center;
}
#kidseyeKodomosoft.top .tvcm h2,
#kidseyeKodomosoft.top .warunyan h2,
#kidseyeKodomosoft.top .tvcm .movie,
#kidseyeKodomosoft.top .warunyan .movie {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
}
#kidseyeKodomosoft.top .tvcm {
  background: #380000;
  height: 360px;
  position: relative;
}
#kidseyeKodomosoft.top .tvcm .inner {
  position: absolute;
  right: 0;
  width: 1267px;
}
#kidseyeKodomosoft.top .tvcm h2 {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/tvcm_title_open.png) no-repeat;
  height: 360px;
  right: 0;
  top: 0;
  width: 539px;
  z-index: 2;
}
#kidseyeKodomosoft.top .tvcm .movie {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/tvcm_movie_open3.png) no-repeat;
  height: 360px;
  right: 517px;
  top: 0;
  width: 640px;
}

#kidseyeKodomosoft.top .tvcm .movie,
#kidseyeKodomosoft.top .warunyan .movie{
	cursor:pointer;
	width: 640px;
	}
	

/*Movie*/
#kidseyeKodomosoft.top .tvcm .mv{
  display: block;
  position: absolute;
	height: 360px;
  right: 517px;
  top: 0;
  width: 640px;
	}
#kidseyeKodomosoft.top .tvcm .movie a,
#kidseyeKodomosoft.top .warunyan .movie a{
	display:block;
	width:100%;
	height:100%;
	display:none;
	}

#kidseyeKodomosoft.top .tvcm .mv{
	display:block;
	}
/*Movie*/
#kidseyeKodomosoft.top .warunyan {
  background: #300030;
  height: 360px;
  position: relative;
}
#kidseyeKodomosoft.top .warunyan .inner {
  left: 0;
  position: absolute;
  width: 1267px;
}
#kidseyeKodomosoft.top .warunyan h2 {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/warunyan_title_re.png) no-repeat;
  height: 360px;
  left: 0;
  top: 0;
  width: 539px;
  z-index: 2;
}
#kidseyeKodomosoft.top .warunyan .movie {
  /*background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/warunyan_movie_2.jpg) no-repeat;*/
	background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/warunyan_movie_open.jpg) no-repeat;
  height: 360px;
  left: 517px;
  top: 0;
  width: 750px;
}

/*warunayn movie*/
#kidseyeKodomosoft.top .warunyan .movie a{
	display:none;
	width:650px;
	height:100%;
	}

#kidseyeKodomosoft.top .warunyan .mv{
	display: block;
  position: absolute;
	height: 360px;
  width: 640px;
	}

#kidseyeKodomosoft.top .yw {
  overflow: hidden;
}
#kidseyeKodomosoft.top .yw .inner {
  height: 210px;
  margin: 0 auto;
  position: relative;
  width: 940px;
}
#kidseyeKodomosoft.top .yw .txt01,
#kidseyeKodomosoft.top .yw .txt02 {
  position: relative;
}
#kidseyeKodomosoft.top .yw .txt01 a,
#kidseyeKodomosoft.top .yw .txt02 a {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
}
#kidseyeKodomosoft.top .yw .txt01 a {
  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/yw_txt01.png) no-repeat;
  height: 124px;
  left: 97px;
  top: 30px;
  width: 745px;
}
#kidseyeKodomosoft.top .yw .txt02 a {


  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/yw_txt02.png) no-repeat;
  height: 15px;
  left: 370px;
  top: 164px;
  width: 199px;
}
#kidseyeKodomosoft.top .yw .sp {
  display: none;
}


#kidseyeKodomosoft.top .bnrArea {
	padding: 50px 0 40px;
	text-align: center;
}
#kidseyeKodomosoft.top .bnrArea p {
	display: inline-block;
	font-size: 0;
}

@media screen and (max-width: 768px) {
  #kidseyeKodomosoft.top .mv {
  }
  #kidseyeKodomosoft.top .mv > .inner {
    margin: 0 auto;
    padding: 2.32062% 0 2.61189%;
    position: relative;
    width: 90.6%;
  }
  #kidseyeKodomosoft.top .mv .topContents h1,
  #kidseyeKodomosoft.top .mv .topContents .logo_minion,
  #kidseyeKodomosoft.top .mv .topContents .txt01,
  #kidseyeKodomosoft.top .mv .topContents .txt02,
  #kidseyeKodomosoft.top .mv .topContents .txt03,
  #kidseyeKodomosoft.top .mv .btmContents .txt04 {
    height: 0;
    left: 0;
    position: relative;
    top: 0;
  }
  #kidseyeKodomosoft.top .mv .topContents h1 {
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 11.21839%;
    width: 35.48851%;
  }
  #kidseyeKodomosoft.top .mv .topContents .logo_minion {
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: -10% 0 0% 90%;
    padding-top: 15%;
    width: 12%;
  }
  #kidseyeKodomosoft.top .mv .topContents .txt01 {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_mv_01_2.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0 0 2.1667%;
    padding-top: 12.64368%;
    left: 0;
    width: 100%;
  }
  #kidseyeKodomosoft.top .mv .topContents .txt02 {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_mv_02_sp.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0 0 1.72414%;
    padding-top: 45%;
    width: 100%;
  }
  #kidseyeKodomosoft.top .mv .topContents .txt03 {
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0 5% 3.30460%;
    padding-top: 9.76437%;
    width: 90%;
  }
  #kidseyeKodomosoft.top .mv .btmContents .txt04 {
    background: url(/~/Media/com/kidseye/top/1904/rohto_kodomosoft/txt_mv_04_2.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 55%;
    left: 0;
    width: 100%;
  }
	#kidseyeKodomosoft.top .mv .btmContents .copy {
		color: #fff;
		font-size: 11px;
		text-align: center;
		margin-bottom: 5%;
		position: inherit;
	}
  #kidseyeKodomosoft.top #soft {
	  border-radius:5px;
	  border:2px solid #fff;
	  margin-bottom: 20px;
	}
	
  #kidseyeKodomosoft.top #soft header {
	  padding:13px 10px;
	  background:#00b4ed!important;
	  border-radius:5px 5px 0 0;
	  height: auto;
	 }
   #kidseyeKodomosoft.top #soft header .txt01 {
	   width: 73%;
	   margin:0 auto 16px;
	   padding-top: 15%;
	   background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_soft01_sp.png) no-repeat 0 0;
	   height: 0;
	   -moz-background-size: 100% auto;
	   -o-background-size: 100% auto;
	   -webkit-background-size: 100% auto;
	   background-size: 100% auto;
	}
   #kidseyeKodomosoft.top #soft header .products {
	   overflow:hidden;
  }
   #kidseyeKodomosoft.top #soft header .products .obj {
   	display: block;
   	overflow: hidden;
   	text-indent: 100%;
   	white-space: nowrap;
   	width: 36%;
   	float:left;
   	padding-top: 38%;
   	background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/img_soft.png) no-repeat 0 0;
   	-moz-background-size: 100% auto;
   	-o-background-size: 100% auto;
   	-webkit-background-size: 100% auto;
   	background-size: 100% auto;
   	height:0;
  }
  #kidseyeKodomosoft.top #soft header .products > div {
	  width: 59.5%;
	  float:right;
}
  #kidseyeKodomosoft.top #soft header .products > div .txt02 {
	  width:80%;
	  margin-bottom:6px;
	  background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/txt_soft02_sp.png) no-repeat;
	  -moz-background-size: 100% auto;
	  -o-background-size: 100% auto;
	  -webkit-background-size: 100% auto;
	  background-size: 100% auto;
	  padding-top: 30%;
	  height: 0;
	 }
	#kidseyeKodomosoft.top #soft header .products > div h1 {
		width:100%;
		padding-top:30.5%;
		background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/ttl_soft_sp.png) no-repeat;
		position: static;
		-o-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		height: 0;
	}
  #kidseyeKodomosoft.top #soft header .btnTop {
	  width:60.2%;
	  margin:0 auto 10px;
	  position: static;
	  height: auto;
	}
  #kidseyeKodomosoft.top #soft header .btnTop img {
  	width:100%;
  	height:auto;
  }
	#kidseyeKodomosoft.top #soft header .btnTop .pc {
		display: none;
	}
	#kidseyeKodomosoft.top #soft header .btn {
    font-size: 14px;
    width: 74.3%;
    position: static;
    margin: 0 auto;
  }
   #kidseyeKodomosoft.top #soft header .btn a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 7px 0;
    text-align: center;
  }
  #kidseyeKodomosoft.top #soft header .btn a span {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/arrow_soft_sp.png) no-repeat 0 center;
    -moz-background-size: 5px 7px;
    -o-background-size: 5px 7px;
    -webkit-background-size: 5px 7px;
    background-size: 5px 7px;
    padding-left: 10px;
  }
  #kidseyeKodomosoft.top #soft .inner {
    padding: 15px 10px;
    border-radius: 0;
  }
  #kidseyeKodomosoft.top #soft .feature li{
	margin-right:0;
	width:100%;}
 #kidseyeKodomosoft.top #soft .feature li dl{
	width:100%;}
 #kidseyeKodomosoft.top #soft .feature li dl dt {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ffe100 !important;
    border: 2px solid #fff10a;
    float: none;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    overflow: visible;
    text-indent: 0;
    white-space: normal;
    width: 100%;
	display:block;
	text-align:center;
	padding:10px;
	height:auto;
	margin-bottom:10px;
  }
 
 #kidseyeKodomosoft.top #soft .feature li dl dt span {
    text-align: center;
    vertical-align: middle;
  }
  #kidseyeKodomosoft.top #soft .feature li br {
	  display:block;
  }
  #kidseyeKodomosoft.top #soft .feature li + li {
    margin: 5px 0 0;
  }
  #kidseyeKodomosoft.top #soft .detail {
    margin-top: 4%;
  }
  #kidseyeKodomosoft.top #soft .detail li {
    font-size: 14px;
    line-height: 1.43;
  }
  
  /*link*/
  #kidseyeKodomosoft.top .link {
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    overflow: hidden;
  }
  #kidseyeKodomosoft.top .link .inner {
    background-position: 5.45977%;
    -moz-background-size: 13.07471% auto;
    -o-background-size: 13.07471% auto;
    -webkit-background-size: 13.07471% auto;
    background-size: 15.07471% auto;
    padding-top: 28.73958%;
    height: 0;
    margin: 0 auto;
    position: relative;
    width: 90.6%;
  }
  #kidseyeKodomosoft.top .link .txt01,
  #kidseyeKodomosoft.top .link .txt02 {
    height: 0;
    left: 0;
    position: relative;
    top: 0;
  }
  #kidseyeKodomosoft.top .link .txt01 {
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 5.5%;
    left: 36.63%;
    margin: -28% 0 1%;
    width: 41.26437%;
  }
  #kidseyeKodomosoft.top .link .txt02 {
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 8.52%;
    left: 22%;
    margin: 0 0 1.5%;
    width: 70.69%;
  }
  #kidseyeKodomosoft.top .link .btn {
    font-size: 14px;
    font-weight: bold;
    left: 21.40805%;
    line-height: 1.3;
    position: relative;
    text-align: center;
    top: 0;
    width: 67.24138%;
    margin-left: 0;
  }
  #kidseyeKodomosoft.top .link .btn a {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #32b8f1;
    color: #fff;
    display: block;
    padding: 3px 10px 2px;
    text-decoration: none;
  }
  #kidseyeKodomosoft.top .link .btn a:hover {
    background: #fff;
    color: #32b8f1;
  }
  #kidseyeKodomosoft.top .link .btn a span {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/arrow_link.png) no-repeat 0 center;
    padding-left: 15px;
  }
  #kidseyeKodomosoft.top .tvcm h2,
  #kidseyeKodomosoft.top .warunyan h2,
  #kidseyeKodomosoft.top .tvcm .movie,
  #kidseyeKodomosoft.top .warunyan .movie {
    height: 0;
    left: 0;
    position: relative;
    top: 0;
  }
  #kidseyeKodomosoft.top .tvcm {
    background: #380000;
    height: inherit;
    position: relative;
  }
  #kidseyeKodomosoft.top .tvcm .inner {
    position: relative;
    right: 0;
    width: 100%;
  }
  #kidseyeKodomosoft.top .tvcm h2 {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/tvcm_title2.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 16.66667%;
    right: 0;
    width: 100%;
    z-index: 2;
  }
  #kidseyeKodomosoft.top .tvcm .movie {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/tvcm_movie2_open.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: -2.34375% 0 0;
    padding-top: 46.875%;
    right: 0;
    width: 100%;
  }



/*Movie*/
	#kidseyeKodomosoft.top .tvcm .movie,
	#kidseyeKodomosoft.top .warunyan .movie{
		display:block!important;
		width:100%;
		}
	
	#kidseyeKodomosoft.top .tvcm .movie a,
	#kidseyeKodomosoft.top .warunyan .movie a{
		width:100%;
		display:block;
		height:0;
		padding-top:46.8%;
		top:0;
		position:absolute;
	}




	#kidseyeKodomosoft.top .tvcm .mv,
	#kidseyeKodomosoft.top .warunyan .mv{
	display:none;
	}

/*//Movie*/

  #kidseyeKodomosoft.top .warunyan {
    background: #300030;
    height: inherit;
    position: relative;
  }
  #kidseyeKodomosoft.top .warunyan .inner {
    left: 0;
    position: relative;
    width: 100%;
  }
  #kidseyeKodomosoft.top .warunyan h2 {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/warunyan_title2_re.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    /*padding-top: 17.70833%;*/
		padding-top: 16.66667%;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  #kidseyeKodomosoft.top .warunyan .movie {
    /*background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/warunyan_movie2.jpg) no-repeat;*/
		background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/warunyan_movie2_open.jpg) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: -2.34375% 0 0;
    padding-top: 46.875%;
    left: 0;
    width: 100%;
  }
  #kidseyeKodomosoft.top .yw {
    overflow: hidden;
  }
  #kidseyeKodomosoft.top .yw .inner {
    height: 29.02299%;
    margin: 0 auto;
    position: relative;
    width: 90.6%;
  }
  #kidseyeKodomosoft.top .yw .txt01,
  #kidseyeKodomosoft.top .yw .txt02 {
    position: relative;
  }
  #kidseyeKodomosoft.top .yw .txt01 a,
  #kidseyeKodomosoft.top .yw .txt02 a {
    height: 0;
    left: 0;
    position: relative;
    top: 0;
  }
  #kidseyeKodomosoft.top .yw .txt01 a {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/yw_txt01.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 4.31034% 0 1.43678%;
    padding-top: 16.81034%;
    left: 0;
    width: 100%;
  }
  #kidseyeKodomosoft.top .yw .txt02 a {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/yw_txt02_sp.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0 0 4.31034%;
    padding-top: 2.15517%;
    left: 31.75287%;
    width: 36.35057%;
  }
  #kidseyeKodomosoft.top .yw .pc {
    display: none;
  }
  #kidseyeKodomosoft.top .yw .sp {
    display: block;
  }
	
	
	#kidseyeKodomosoft.top .bnrArea {
	padding: 8% 14% 6%;
}
	
}
@media screen and (max-width: 640px) {
  #kidseyeKodomosoft.top .yw .inner {
    height: 55.68966%;
  }
  #kidseyeKodomosoft.top .yw .txt01 a {
    background: url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/yw_txt01_sp.png) no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin: 5.17241% 0 4.13793%;
    padding-top: 37.93103%;
    left: 14.48276%;
    width: 71.03448%;
  }
  #kidseyeKodomosoft.top .yw .txt02 a {
    margin: 0 0 5%;
    padding-top: 3.44828%;
    left: 20.17241%;
    width: 59.65517%;
  }
}


/* stretch_link
---------------------------------------------------------- */
#stretch{
	background:url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/bg.gif);
	text-align:center;
	padding:25px 0;
	}

#stretch a{
	display:block;
	margin:auto;
	width:515px;
	height:250px;
	text-align:center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/link_stretch.png) no-repeat;
	}

#stretch a:hover{
	background-position:-515px 0;
	}

@media screen and (max-width: 768px) {
	#stretch{
	padding:3.125% 0;
	background-size: 13.8% auto;
	-moz-background-size:13.8% auto;
	-webkit-background-size:13.8% auto;
	-o-background-size:13.8% auto;
	-ms-background-size:13.8% auto;
	}
	
	#stretch a{
	width:67.05%;
	height:0;
	padding-top:32.5%;
	background-size: 200% auto;
	-moz-background-size:200% auto;
	-webkit-background-size:200% auto;
	-o-background-size:200% auto;
	-ms-background-size:200% auto;
	}

#stretch a:hover{
	background-position:0 0;
	}
}

	@media screen and (max-width: 640px) {
	#stretch{
		padding:4.5% 0;
	}
	
	#stretch a{
		background-image:url(/~/Media/com/kidseye/top/1903/rohto_kodomosoft/link_stretch_sp.png);
		width:80.46%;
		padding-top:40.625%;
	background-size: 100% auto;
	-moz-background-size:100% auto;



	-webkit-background-size:100% auto;
	-o-background-size:100% auto;
	-ms-background-size:100% auto;


	}


	}