/* 
===================================================================
CSS index

common


===================================================================
*/


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

common

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


.brands_ttl{
width:100%;
margin-bottom:50px;
padding-top:130px;
text-align:center;
}

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

.brands_ttl{
width:100%;
margin-bottom:10px;
padding-top:90px;
}

.brands_ttl img{
height:50px;
text-align:center;
}

}


.brands_ttl2{
width:100%;
line-height:1.8;
letter-spacing:0.1em;
font-size:150%;
}

.b_plh{
line-height:2;
}

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

.brands_ttl2{
width:100%;
line-height:1.5;
letter-spacing:0.1em;
font-size:100%;
}

.b_plh{
line-height:1.5;
}

}



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

side btn

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

ul.side_btn{
width:130px;
margin:0;
text-align:center;
position:fixed;
right:10px;
bottom:8px;
z-index:999;
}

ul.side_btn li{
margin-right:3px;
float:left;
}

ul.side_btn li:last-child{
margin-right:0px;
}


.cat_log{
width:auto;
margin-left:61px;
}


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

ul.side_btn{
width:100px;
right:10px;
bottom:3px;
}

ul.side_btn li{
width:40px;
}

.cat_log{
width:auto;
margin-left:42px;
}

.cat_log img{
width:100%;
}

}



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


ul.side_btn{
width:90px;
right:0;
bottom:20px;
}

ul.side_btn li{
width:40px;
}

.cat_log{
margin-left:42px;
}

ul.side_btn li.cat_log img{
width:100%;
}



}



/* old
ul.side_btn{
width:130px;
margin:0;
text-align:center;
position:fixed;
right:10px;
bottom:10px;
z-index:999;
}

ul.side_btn li{
margin:0 2px;
display:inline-block;
}

ul.side_btn li.cat{
position:absolute;
right:0;
}


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

ul.side_btn{
width:100px;
margin:0;
text-align:center;
position:fixed;
right:20px;
bottom:0px;
z-index:999;
}

ul.side_btn li{
margin:0;
display:inline;

}


ul.side_btn li img{
width:40%;
}

}


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

ul.side_btn{
width:100px;
margin:0;
text-align:center;
position:fixed;
right:0px;
bottom:0px;
z-index:999;
}

ul.side_btn li{
margin:0;
display:inline;

}


ul.side_btn li img{
width:40%;
}

}

*/


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

trex

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

.trex_wrap{
width:100%;
height:100%;
position:fixed;
z-index:17;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */

}


.trex_tails01{
width:100%;
height:100%;
padding:0 30px;
position:fixed;
z-index:1;
box-sizing: border-box;
}



.trex_tails01_in{
width:100%;
height:400px;
padding:0 30px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:0;
}

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

.trex_tails01_in{
height:300px;
padding:0;
}

}




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

.trex_tails01_in{
height:300px;
padding:0 0px;

}

}


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

.trex_tails01_in{
width:83%;
margin:auto;
padding:0;
}

}


.brands_trex_ttl{
width:100%;
margin-bottom:50px;
text-align:center;
}

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

.brands_trex_ttl{
width:100%;
margin-bottom:10px;
padding-top:100px;
}

.brands_trex_ttl img{
height:50px;
text-align:center;
}

}


.brands_trex_ttl2{
width:100%;
line-height:1.8;
letter-spacing:0.1em;
font-size:150%;
}

.b_plh{
line-height:2;
}

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

.brands_trex_ttl2{
width:100%;
line-height:1.5;
letter-spacing:0.1em;
font-size:100%;
}

.b_plh{
line-height:1.5;
}

}





.trex_ylw{
width:100%;
height:0;
padding-top:150%;
background:url(../images/brands/trex_bg_ylw.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
z-index:0;

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.trex_ylw{
padding-top:140%;

}
}

.trex_grn{
width:100%;
height:0;
padding-top:147%;
background:url(../images/brands/trex_bg_grn.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
z-index:0;

}


.trex_sour{
width:100%;
height:100%;
position:relative;
}

.trex_sour_img{
position:absolute;
right:0;
bottom:0;
}

@media screen and (max-width:667px){
/* smarphone landscpe*/
.trex_sour_img{
width:40%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.trex_sour_img{
width:100%;
}

}


.trex_item{
width:100%;
height:100%;
position:relative;
}

.trex_item01{
position:absolute;
left:0;
top:0;
}

.trex_item02{
position:absolute;
left:20%;
}


.trex_item03{
position:absolute;
left:200px;
top:0;
}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.trex_item01{
width:20%;
top:-20px;
}

.trex_item02{
width:18%;
top:-10px;
left:140px;
}

.trex_item03{
width:20%;
top:-15px;
left:95px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.trex_item01{
top:-25%;
width:25%;
}

.trex_item02{
width:30%;
top:-10%;
left:80px;
}

.trex_item03{
top:-25%;
width:25%;
}


}



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

smartstart

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

.sstart_wrap{
width:100%;
height:100%;
position:fixed;
z-index:16;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}



.sstart_tails01{
width:100%;
height:100%;
padding:0 30px;
position:fixed;
z-index:1;
box-sizing: border-box;
}



.sstart_tails01_in{
width:100%;
height:400px;
padding:0 30px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:0;
}

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

.sstart_tails01_in{
height:300px;
padding:0;
}

}


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

.sstart_tails01_in{
height:370px;
padding:0 0px;
}

}


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

.sstart_tails01_in{
width:83%;
margin:auto;
padding:0;
}

}



.sstart_heart{
width:100%;
height:0;
padding-top:100%;
background:url(../images/brands/sstart_bg_heart.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
z-index:0;
}

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

.sstart_heart{
padding-top:200%;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.sstart_heart{
padding-top:140%;
}

}



.sstart_item_wrap{
width:100%;
height:100%;
position:fixed;
top:0px;
}

ul.sstart_item_in{
width:100%;
height:400px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

ul.sstart_item_in li{
width:190px;
}

@media screen and (max-width:1024px){
/* iPad */

ul.sstart_item_in{
height:250px;
margin-top:200px;
padding-top:50px;
}

ul.sstart_item_in img{
width:70%;
}

}



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

ul.sstart_item_in{
margin-top:300px;
height:400px;
}

ul.sstart_item_in img{
width:70%;
}

}




@media screen and (max-width:667px){
/* smarphone landscpe*/

ul.sstart_item_in{
height:100px;
margin-top:140px;
padding-top:50px;
}

ul.sstart_item_in img{
width:35%;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

ul.sstart_item_in{
width:90%;
height:100px;
margin-top:220px;
padding-top:100px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}


ul.sstart_item_in img{
width:35%;
}

.sstart_item01{
margin-left:-20px;
}

.sstart_item02{
margin-top:20px;
margin-left:-10px;
}

.sstart_item03{
margin-left:-30px;
}

.sstart_item05{
margin-left:30px;
}

.sstart_item08{
margin-right:-10px;
}

}



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

cuddle

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

.cuddle_wrap{
width:100%;
height:100%;
position:fixed;
z-index:15;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}




.cuddle_star{
width:100%;
height:0;
padding-top:100%;
background:url(../images/brands/cuddle_star.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.cuddle_star{
padding-top:140%;

}
}


.cuddle_cloud{
width:100%;
height:0;
padding-top:140%;
background:url(../images/brands/cuddle_cloud.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
z-index:0;

}


.cuddle_moon{
width:100%;
height:100%;
position:relative;
z-index:0;

}

.cuddle_moon_in{
width:20%;
position:absolute;
left:10%;
top:20%;
}


@media screen and (max-width:560px){
/* smarphone portraite*/


.cuddle_moon_in{
left:3%;
top:17%;
}

}


.cuddle_list_in{
width:100%;
height:550px;
padding:0;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:1;
}

@media screen and (max-width:1024px){
/* ipad */

.cuddle_list_in{
width:55%;
margin-top:120px;
}

}


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

.cuddle_list_in{
width:80%;
margin-top:120px;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.cuddle_list_in{
width:50%;
margin-top:85px;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.cuddle_list_in{
width:80%;
margin-top:150px;
}

}



.cuddle_list{
width:100%;
text-align:center;
}

.cuddle_sears{
width:100%;
text-align:center;
}

.cuddle_sears_mobile{
display:none;
}

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

.cuddle_sears{
display:none;
}

.cuddle_sears_mobile{
width:100%;
text-align:center;
display:block;
}

}









.cuddle_btn_wrap{
width:100%;
margin:50px auto 0 auto;
padding:0;
text-align:center;
position:fixed;
bottom:20px;
}

.cuddle_btn_wrap_mobile{display:none;}

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

.cuddle_btn_wrap{display:none;}

.cuddle_btn_wrap_mobile{
width:100%;
margin:50px auto 0 auto;
padding:0;
text-align:center;
position:fixed;
bottom:20px;
display:block;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.cuddle_btn_wrap_mobile{
width:100%;
margin:0 auto;
padding-left:10px;
text-align:left;
position:fixed;
bottom:20px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/


.cuddle_btn_wrap_mobile{
width:100%;
margin:50px auto 0 auto;
padding:0;
text-align:center;
position:fixed;
bottom:20px;
}

}


/* remodal contents */

.remodal_ttl_sub{
width:450px;
line-height:1.8;
text-align:center;
margin-right:auto;
margin-left:auto;
}




/* remodal closeボタン調整 */


/* Close button */

.remodal-close2 {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #000;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close2:hover,
.remodal-close2:focus {
  color: #2b2e38;
}


.remodal-close2:before {
  font-family: Gulim, sans-serif !important;
  font-size: 80px;
font-weight:lighter;
  line-height: 35px;
  position: absolute;
  top: 90px;
  right: 90px;
z-index:5;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
cursor:pointer;

}


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

.remodal-close2:before {
  font-family: Gulim, sans-serif !important;
  font-size: 30px;
font-weight:lighter;
  line-height: 35px;
  position: absolute;
  top: 70px;
  right: 40px;
z-index:5;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
cursor:pointer;
}


}




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

jeep

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

.jeep_wrap{
width:100%;
height:100%;
position:fixed;
z-index:14;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}

.jeep_bg{
width:100%;
height:100%;
background:#F6F1DF url(../images/brands/jeep_bg.jpg) no-repeat top left;
-moz-background-size:cover;
background-size:cover;
position:relative;
z-index:1;

}

.jeep_logo_wrap{
width:100%;
height:100%;
position:relative;
}


.jeep_logo{
position:absolute;
left:15%;
top:15%;
}


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

.jeep_logo{
width:100%;
left:20px;
top:100px;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.jeep_logo{
width:30%;
left:20px;
top:80px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.jeep_logo{
width:60%;
left:20px;
top:100px;
}

}

.jeep_logo_wrap2{
width:100%;
height:100%;
position:fixed;
top:0px;
z-index:0;
}

.jeep_logo2{
width:900px;
height:auto;
padding-top:330px;
position:absolute;
left: 0;
right: 0;
margin: auto;
}

@media screen and (max-width:1024px){
/* iPad */

.jeep_logo2{
padding-top:290px;
padding-left:10px;
}


.jeep_logo2 img{
width:27%;
}

}

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

.jeep_logo2{
padding-top:400px;
padding-left:10px;
}


.jeep_logo2 img{
width:30%;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.jeep_logo2{
padding-top:130px;
padding-left:10px;
}


.jeep_logo2 img{
width:20%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.jeep_logo_wrap2{
height:200px;
}

.jeep_logo2{
padding-top:250px;
padding-left:10px;
margin:0;
}


.jeep_logo2 img{
width:14%;
}

}






.jeep{
width:100%;
height:100%;
position:relative;
}

.jeep_cube{
position:absolute;
left:0;
top:180px;
}

@media screen and (max-width:1024px){
/* iPad */

.jeep_cube{
width:12%;
left:25px;
top:160px;
}

}

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

.jeep_cube{
width:80%;
left:25px;
top:240px;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.jeep_cube{
width:7%;
left:25px;
top:70px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.jeep_cube{
width:15%;
left:20px;
top:180px;
}

}


.jeep_tire_wrap{
width:100%;
height:100%;
position:fixed;
top:0px;
z-index:14;
}

.jeep_tire_in{
width:900px;
height:auto;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

@media screen and (max-width:768px){
/* ipad portraite*/

.jeep_tire_in{
width:100%;
}

}


.jeep_tire{
width:100%;
height:100%;
position:relative;
left:-50px;
}

.jeep_tire img{
width:60%;
}

@media screen and (max-width:768px){
/* ipad portraite*/

.jeep_tire{
margin-top:200px;
left:0;
}

.jeep_tire img{
width:65%;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.jeep_tire{
margin-top:0;
left:100px;
}

.jeep_tire img{
width:48%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.jeep_tire{
width:100%;
height:100%;
position:relative;
left:0px;
}


.jeep_tire img{
width:62%;
margin-top:200px;
}

}


.jeep_item{
width:100%;
height:100%;
position:relative;
}


.jeep_item01{
position:absolute;
left:470px;
top:12%;
}

.jeep_item01 img{
width:100%;
}

@media screen and (max-width:1024px){
/* iPad */

.jeep_item01{
width:33%;
position:absolute;
left:50%;
top:15%;
}

}

@media screen and (max-width:768px){
/* ipad portraite*/

.jeep_item01{
width:40%;
position:absolute;
left:50%;
top:10%;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.jeep_item01{
width:23%;
position:absolute;
left:400px;
top:60px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.jeep_item01{
width:40%;
position:absolute;
left:200px;
top:10%;
}

}

dl.jeep_txt{
width:100%;
height:100%;
}

dl.jeep_txt dt{
line-height:1.8;
font-size:150%;
margin-bottom:10px;
}

dl.jeep_txt dd{
line-height:1.8;
}


.jeep_bottom{
width:900px;
margin:90px auto 0 auto;
}



.j_br{
display:none;
}

@media screen and (max-width:768px){
/* ipad portraite*/

dl.jeep_txt{
width:65%;
height:100%;
margin-top:-10px;
margin-left:10px;
}


.jeep_bottom{
display:none;
}


/*
.jeep_bottom{
width:auto;
margin:90px 10px 0 10px;
}
*/

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

dl.jeep_txt{
width:65%;
height:100%;
margin-left:10px;
}

dl.jeep_txt dt{
line-height:1.8;
font-size:100%;
font-weight:bold;
margin-top:10px;
margin-bottom:0px;

}

dl.jeep_txt dd{
line-height:1.5;
font-size:80%;
}


br.j_br{
display:block;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/


dl.jeep_txt{
width:80%;
height:100%;
margin-left:10px;
}

dl.jeep_txt dt{
line-height:1.8;
font-size:110%;
margin-bottom:20px;
}

dl.jeep_txt dd{
line-height:1.5;
}

br.j_br{
display:none !important;
}

.jeep_txt br{
display:block;
}

}



.jeep_mobile_btn{display:none;}

@media screen and (max-width:768px){
/* ipad portraite*/

.jeep_mobile_btn{
width:100%;
margin:50px auto 0 auto;
padding:0;
text-align:center;
position:fixed;
bottom:20px;
display:block;
}

}

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

bumbo

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

.bumbo_wrap{
width:100%;
height:100%;
position:fixed;
z-index:13;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}


.bumbo_star{
width:100%;
height:0;
padding-top:100%;
background:url(../images/brands/bumbo_star.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
}

@media screen and (max-width:560px){
/* smarphone portraite*/

.bumbo_star{
padding-top:140%;

}
}


.bumbo_img{
width:100%;
height:0;
padding-top:156%;
background:url(../images/brands/bumbo_bg.png) no-repeat left bottom;
-moz-background-size:cover;
background-size:cover;
}


@media screen and (max-width:667px){
/* smarphone portraite*/

.bumbo_img{
margin-top:50px;
padding-top:177%;
background:url(../images/brands/bumbo_bg_mobile.png) no-repeat left bottom;
-moz-background-size:cover;
background-size:cover;
}

}





.bumbo{
width:100%;
height:100%;
position:relative;
}


.bumbo_item01{
position:absolute;
left:0;
top:0;
}
.bumbo_item02{
position:absolute;
left:0;
top:0;
}

.bumbo_item03{
position:absolute;
left:0;
top:0;
}

.bumbo_item04{
position:absolute;
left:0;
top:0;
}
.bumbo_item05{
position:absolute;
left:0;
top:0;
}
.bumbo_item06{
position:absolute;
left:0;
top:0;
}


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

.bumbo_item01{
width:45%;
top:0px;
}
.bumbo_item02{
width:35%;
top:-330px;
}

.bumbo_item03{
width:50%;
left:100px;
top:-300px;
}

.bumbo_item04{
width:50%;
top:-55px;
left:-150px;
}

.bumbo_item05{
width:40%;
top:-280px;
left:-50px;
}

.bumbo_item06{
width:50%;
top:-600px;
left:-80px;

}


}




@media screen and (max-width:667px){
/* smarphone landscpe*/

.bumbo_item01{
width:35%;
top:25px;
}
.bumbo_item02{
width:25%;
top:-30px;
}

.bumbo_item03{
width:50%;
top:50px;
left:50px;
}

.bumbo_item04{
width:30%;
top:-55px;
left:-50px;

}

.bumbo_item05{
width:30%;
top:-80px;
left:0px;
}

.bumbo_item06{
width:30%;
top:50px;
left:-50px;

}


}


@media screen and (max-width:560px){
/* smarphone portraite*/

.bumbo_item01{
width:50%;
top:25px;
}
.bumbo_item02{
width:40%;
top:-170px;
}

.bumbo_item03{
width:70%;
top:-150px;
left:0px;
}

.bumbo_item04{
width:40%;
top:-55px;
left:-80px;
}

.bumbo_item05{
width:50%;
top:-200px;
left:-50px;

}

.bumbo_item06{
width:50%;
top:-300px;
left:-85px;
}

}


.bumbo_txt_wrap{
width:100%;
padding-bottom:50px;
position:fixed;
}

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

.bumbo_txt_wrap{
width:100%;
padding-top:0px;
padding-bottom:20px;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.bumbo_txt_wrap{
padding-top:30px;
padding-bottom:20px;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.bumbo_txt_wrap{
width:92%;
padding-bottom:10px;
position:fixed;
left:10px;
}

}

dl.bumbo_list{
width:760px;
margin:30px auto;
padding:0;
position:relative;
overflow:hidden;
}

dl.bumbo_list dt{
margin:0 10px;
float:right;
}

dl.bumbo_list dd{
line-height:2;
margin:0 10px;
float:left;
}


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

dl.bumbo_list{
margin:30px auto 0px auto;
}

dl.bumbo_list dt{
width:50%;
margin:0px auto 10px auto;
float:none;
text-align:center;
}

dl.bumbo_list dd{
width:450px;
line-height:2;
margin:30px auto 10px auto;
font-size:100%;
float:none;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

dl.bumbo_list{
width:92%;
margin:20px auto 0px auto;
padding:0;
position:relative;
overflow:hidden;
}

dl.bumbo_list dt{
margin:0px auto 10px auto;
float:none;
}

dl.bumbo_list dt img{
width:30%;
}


dl.bumbo_list dd{
width:470px;

line-height:1.5;
margin:0 auto;
font-size:80%;
float:none;
}

dl.bumbo_list br{
display:none;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

dl.bumbo_list dt{
width:50%;
margin:0px auto 10px auto;
float:none;
}

dl.bumbo_list dt img{
width:80%;
}


dl.bumbo_list dd{
line-height:1.5;
margin:0 10px;
font-size:80%;
float:none;
}

dl.bumbo_list br{
display:block;
}

}



.bumbo_btn{
width:100%;
margin:0px auto 30px auto;
padding:0;
text-align:center;
position:fixed;
bottom:20px;
}

.bumbo_btn_mobile{display:none;}


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

.bumbo_btn{display:none;}


.bumbo_btn_mobile{
width:100%;
margin-top:30px;
padding:0;
text-align:center;
display:block;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.bumbo_btn_mobile{
margin-top:15px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.bumbo_btn_mobile{
margin-top:30px;
}

}


.bumbo_bottom{
width:100%;
position:absolute;
left:0px;
bottom:-20px;
text-align:center;
}

@media screen and (max-width:1024px){
/* iPad */

.bumbo_bottom{
bottom:0;
}



}


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

.bumbo_bottom{display:none;}

}




/* modal*/

.bumbo_modal_ttl{
text-align:center;
margin-bottom:25px;
}

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

.bumbo_modal_ttl{
text-align:center;
margin-bottom:5px;
}

}


.bumbo_modal_txt{
width:625px;
line-height:1.8;
margin:0 auto 20px auto;
}

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

.bumbo_modal_txt{
width:auto;
line-height:1.8;
margin:0 auto 20px auto;
}

}

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

.bumbo_modal_txt{
width:auto;
line-height:1.5;
margin:0 auto 5px auto;
font-size:80%;
}

}

.bumbo_btn {
	position: relative !important;
}
.link-bumbo {
	position: absolute;
	left: 0;
}
.link-bumbo img {
	width: auto;
	height: 88px;
}
@media screen and (min-width:768px){
	.bumbo_btn {
		width: 730px;
	}
	.link-bumbo {
		position: absolute;
		left: 0;
	}
	.link-bumbo img {
		width: auto;
		height: auto;
	}
}



/* bumbo remodal tab contents
-------------------------------------------------*/


.tabs2 {
margin-left:15px;
text-align:left;
}

.tabs2 li {
display:inline;
margin:0;

}

.tabs2 a {
width:160px;
margin-left:5px;
padding:10px 0px;
color:#000;
text-align:center;
border-top:1px #666 solid;
border-left:1px #666 solid;
border-right:1px #666 solid;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-top-left-right:5px;
background:#FFF;
display:inline-block;
position:relative;
z-index:2;
bottom:-1px;
}

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

.tabs2 a {
width:100px;
}

}


.tabs2 a:hover {
color:#000;
background: #FFF;
text-decoration:none;
}

.tabs2 li.active a{
color:#000;
background: #FFF;
text-decoration:none;
position:relative;
z-index:2;
bottom:-1px;
}



.tab_content2 {
padding:30px;
text-align:left !important;
border:1px #666 solid;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
position:relative;
z-index:0;
text-align:center;
background:#fff !important;
}

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

.tab_content2 {
height:300px;
overflow-y:scroll !important;

/*touch-action:pan-y;*/
-webkit-overflow-scrolling:touch;
}

}

.tab_content2 img{
max-width:100%;
}





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

yoyo

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

.yoyo_wrap{
width:100%;
height:100%;
position:fixed;
z-index:12;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}


.yoyo{
width:100%;
height:100%;
position:relative;
}



.yoyo_star{
width:100%;
height:0;
padding-top:200%;
background:url(../images/brands/yoyo_star.png) repeat-y center 200px;
-moz-background-size:cover;
background-size:cover;
position:relative;
z-index:0;
}

@media screen and (max-width:768px){
/* smarphone portraite*/

.yoyo_star{
padding-top:220%;
}
}


@media screen and (max-width:560px){
/* smarphone portraite*/

.yoyo_star{
padding-top:200%;
}
}




.yoyo_tails01_in{
width:100%;
height:400px;
padding:0;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:1;
}





.brands_yoyo{
width:100%;
text-align:center;
top:-30px;
left:0;
}


.brands_yoyo_ttl img{
width:256px;
height:124px;
}

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

.brands_yoyo{
width:100%;
text-align:center;
}

.brands_yoyo_ttl img{
width:30%;
height:auto;
margin:0 auto;
}

}

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

.brands_yoyo{
padding-top:130px;
}

.brands_yoyo_ttl img{
width:20%;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.yoyo_tails01_in{
height:300px;
}


.brands_yoyo{
padding-top:50px;
}

.brands_yoyo_ttl img{
width:40%;
height:auto;
margin:0 auto;
}

}




.brands_yoyo_ttl2{
width:100%;
line-height:1.5;
padding-top:150px;
font-size:150%;
text-align:center;
letter-spacing:0.1em;
}

.brands_yoyo_txt2{
width:100%;
line-height:2;
padding-top:230px;
text-align:center;
}

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

.brands_yoyo_ttl2{
padding-top:180px;
}

.brands_yoyo_txt2{
padding-top:250px;
}


}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.brands_yoyo_ttl2{
width:92%;
line-height:1.5;
margin:0 2%;
padding-top:200px;
font-size:120%;
text-align:center;
letter-spacing:0.1em;
}

.brands_yoyo_txt2{
width:92%;
line-height:2;
margin:0 4%;
padding-top:260px;
font-size:80%;
text-align:center;
}


}




@media screen and (max-width:560px){
/* smarphone portraite*/

.brands_yoyo_ttl2{
width:92%;
line-height:1.5;
margin:0 2%;
padding-top:160px;
font-size:120%;
text-align:center;
letter-spacing:0.1em;
}

.brands_yoyo_txt2{
width:92%;
line-height:2;
margin:0 4%;
padding-top:220px;
font-size:80%;
text-align:center;
}

}



.yoyo_roller{
width:100%;
margin-top:120px;
text-align:center;
left:0;
}

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

.yoyo_roller{
width:80%;
margin:0 10% 0 5%;
margin-top:160px;
text-align:center;
}

}

.yoyo_item_in{
width:1000px;
height:750px;
padding:0;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:1;
}

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

.yoyo_item_in{
width:80%;
}

}

@media screen and (max-width:667px){
/* iPad */

.yoyo_item_in{
width:65%;
height:300px;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.yoyo_item_in{
width:80%;
height:400px;
}

}

.yoyo_btn{
width:100%;
margin:0px auto;
padding:0;
text-align:center;
position:absolute;
bottom:10px;
}

.yoyo_btn_mobile{display:none;}


@media screen and (max-width:1024px){
/* ipad */

.yoyo_btn{
bottom:65px;
}

}

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

.yoyo_btn{display:none;}

.yoyo_btn_mobile{
width:100%;
margin:0px auto;
padding:0;
text-align:center;
position:absolute;
bottom:65px;
display:block;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.yoyo_btn_mobile{
bottom:0px;
}


.yoyo_btn_mobile img{
width:20%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.yoyo_btn_mobile img{
width:auto;
}

}


/* yoyo remodal tab contents
-------------------------------------------------*/


.tabs3 {
margin-left:15px;
text-align:left;
}

.tabs3 li {
display:inline;
margin:0;

}

.tabs3 a {
width:200px;
margin-left:5px;
padding:10px 0px;
color:#000;
text-align:center;
border-top:1px #666 solid;
border-left:1px #666 solid;
border-right:1px #666 solid;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-top-left-right:5px;
background:#FFF;
display:inline-block;
position:relative;
z-index:2;
bottom:-1px;
}

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

.tabs3 a {
width:100px;
}

}


.tabs3 a:hover {
color:#000;
background: #FFF;
text-decoration:none;
}

.tabs3 li.active a{
color:#000;
background: #FFF;
text-decoration:none;
position:relative;
z-index:2;
bottom:-1px;
}



.tab_content3 {
padding:30px;
text-align:left !important;
border:1px #666 solid;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
position:relative;
z-index:0;
text-align:center;
background:#fff !important;
}

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

.tab_content3 {
height:300px;
overflow-y:scroll !important;

/*touch-action:pan-y;*/
-webkit-overflow-scrolling:touch;
}

}

.tab_content3 img{
max-width:100%;
}




/* yoyo remodal tab mobile
-------------------------------------------------*/


.tabs_yoyo {
margin-left:15px;
text-align:left;
}

.tabs_yoyo li {
display:inline;
margin:0;

}

.tabs_yoyo a {
width:200px;
margin-left:5px;
padding:10px 0px;
color:#000;
text-align:center;
border-top:1px #666 solid;
border-left:1px #666 solid;
border-right:1px #666 solid;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-top-left-right:5px;
background:#FFF;
display:inline-block;
position:relative;
z-index:2;
bottom:-1px;
}



.tabs_yoyo a:hover {
color:#000;
background: #FFF;
text-decoration:none;
}

.tabs_yoyo li.active a{
color:#000;
background: #FFF;
text-decoration:none;
position:relative;
z-index:2;
bottom:-1px;
}





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

lascal

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

.lascal_wrap{
width:100%;
height:100%;
position:fixed;
z-index:11;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}


.lascal{
width:100%;
height:100%;
position:relative;
}

.lascal_star{
width:100%;
height:0;
padding-top:100%;
background:url(../images/brands/lascal_star.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
}


@media screen and (max-width:560px){
/* smarphone portraite*/

.lascal_star{
padding-top:140%;

}
}


.brands_lascal{
width:100%;
padding-top:130px;
text-align:center;
}

.brands_lascal_ttl img{
width:256px;
height:124px;
margin:0 auto;
}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.brands_lascal{
padding-top:90px;
}

.brands_lascal_ttl img{
width:10%;
height:auto;
margin:0 auto;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.brands_lascal_ttl img{
width:20%;
height:auto;
margin:0 auto;
}

}

ul.lascal_item{
width:900px;
margin:300px auto 0 auto;
text-align:left;
}

.lascal_item01{
margin-left:0px;
}

.lascal_item02{
margin-left:300px;
}

.lascal_item03{
margin-left:300px;
}

.lascal_item04{
margin-left:600px;
}


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

ul.lascal_item{
width:600px;
margin:300px auto 0 auto;
text-align:left;
}

ul.lascal_item img{
width:200px;
}

.lascal_item02{
margin-left:200px;
}

.lascal_item03{
margin-left:200px;
}

.lascal_item04{
margin-left:400px;
}


}




@media screen and (max-width:667px){
/* smarphone landscpe*/

ul.lascal_item{
width:450px;
margin:180px auto 0 auto;
text-align:left;
}

ul.lascal_item img{
width:150px;
}

.lascal_item02{
margin-left:150px;
}

.lascal_item03{
margin-left:150px;
}

.lascal_item04{
margin-left:300px;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

ul.lascal_item{
width:120px;
margin:180px auto 0 auto;
text-align:left;
}

ul.lascal_item img{
width:120px;
}

.lascal_item02{
margin-left:0px;
margin-top:120px;
}

.lascal_item03{
margin-left:0px;
margin-top:120px;
}

.lascal_item04{
margin-left:0px;
margin-top:240px;
}

}

.lascal_contents{
width:100%;
height:100%;
}




ul.lascal_list{
width:900px;
height:300px;
margin:-180px auto 0 auto;
padding:0;
}

.lascal_list_img{
margin-left:600px;
}


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

ul.lascal_list{
width:600px;
height:200px;
margin:-150px auto 0 auto;
padding:0;
}

.lascal_list_img{
width:210px;
margin-left:400px;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

ul.lascal_list{
width:600px;
height:300px;
margin:-100px auto 0 auto;
padding:0;
}

.lascal_list_img{
width:80px;
margin-left:490px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

ul.lascal_list{
width:370px;
height:300px;
margin:-100px 0 0 10px;
padding:0;
}

.lascal_list_img{
width:90px;
margin-left:220px;
}
}




.brands_lascal_ttl{
width:100%;
line-height:1.8;
margin-bottom:30px;
font-size:150%;
text-align:left;
letter-spacing:0.1em;
}

.brands_lascal_txt{
margin-bottom:20px;
line-height:1.8;
}

@media screen and (max-width:1024px){
/* ipad */

.brands_lascal_txt{
margin-bottom:10px;
}

}


@media screen and (max-width:1024px){
/* ipad */

.brands_lascal_ttl{
line-height:1.6;
margin-bottom:5px;
}

}



@media screen and (max-width:667px){
/* smarphone landscpe*/

.brands_lascal_ttl{
width:100%;
line-height:1.8;
margin-bottom:5px;
font-size:90%;
text-align:left;
letter-spacing:0.1em;
}

.brands_lascal_txt{
width:75%;
line-height:1.5;
font-size:80%;
}

.brands_lascal_ttl br{
display:none;
}

.brands_lascal_txt br{
display:none;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.brands_lascal_ttl{
margin-bottom:35px;
}

.brands_lascal_txt{
width:90%;
}


.brands_lascal_ttl br{
display:block;
}

}

dl.import_txt dt{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px #000 solid;
display:inline-block;
}

.lascal_sp{display:none;}

@media screen and (max-width:1024px){
/* ipad */

dl.import_txt{
width:40%;
}

}


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

dl.import_txt{display:none;}

.lascal_sp{display:block;}

}



@media screen and (max-width:667px){
/* smarphone landscpe*/

dl.import_txt{
width:21%;
}

dl.import_txt dt{
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px #000 solid;
}


}

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

dl.import_txt{
width:40%;
}

}



dl.import{
width:250px;
line-height:1.5;
margin-top:30px;
}

dl.import dt{
margin-bottom:10px;
font-weight:bold;
}

dl.import dd{
margin-bottom:15px;
padding-bottom:15px;
font-size:80%;
border-bottom:1px #000 solid;
}

dl.import dd:last-child{
border-bottom:none;
}

@media screen and (max-width:667px){
/* smarphone portraite*/

dl.import{
width:280px;
margin-top:10px;
}

dl.import dt{
margin-bottom:5px;
font-size:80%;
}

dl.import dd{
margin-bottom:5px;
padding-bottom:5px;
font-size:70%;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

dl.import{
width:310px;
margin-top:100px;
}

}


.buggy{
width:35%;
}

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

.buggy{
width:72%;
}

.buggy img{
position:absolute;
top:0px;
left:-120px;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.buggy{
width:35%;
}

.buggy img{
position:absolute;
top:-10px;
left:80px;
}

}


@media screen and (max-width:560px){
/* smarphone landscpe*/

.buggy{
width:65%;
}

.buggy img{
position:absolute;
top:25px;
left:-35px;
}

}


.lascal_btn{
width:100%;
margin:0px auto;
padding:0;
text-align:center;
position:absolute;
bottom:10px;
}

.lascal_btn_mobile{display:none;}


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

.lascal_btn{display:none;}

.lascal_btn_mobile{
width:100%;
margin:0px auto;
padding:0;
text-align:center;
position:absolute;
bottom:10px;
display:block
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.lascal_btn{
left:30px;
}

.lascal_btn img{
width:10%;
left:50px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.lascal_btn{
left:0;
}

.lascal_btn img{
width:18%;
left:0;

}

}


/* modal-mobile
-------------------------------------*/

dl.lascal_win{
line-height:1.4;
margin:0 0 20px 0;
}

dl.lascal_win dt{
margin:0 0 15px 0;
font-weight:bold;
}

dl.lascal_win dt{
margin:0 0 15px 0;
font-weight:bold;
}

.lascal_win_bb{
padding-bottom:15px;
border-bottom:1px #000 solid;
}














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

twistshake

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

.tshake_wrap{
width:100%;
height:100%;
position:fixed;
z-index:10;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}


.tshake{
width:100%;
height:100%;
position:relative;
}


.tshake_img{
width:100%;
height:100%;
background:url(../images/brands/tshake_bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
position:relative;
}


.brands_tshake{
padding-right:50px;
padding-top:100px;
text-align:right;
}

.brands_tshake_ttl img{
width:35%;
}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.brands_tshake{
padding-right:10px;
padding-top:75px;
text-align:right;
}

.brands_tshake_ttl img{
width:30%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.brands_tshake{
padding-right:0;
padding-top:100px;
text-align:center;
}

.brands_tshake_ttl img{
width:60%;
}

}


.tshake_star{
width:100%;
height:0;
padding-top:100%;
background:url(../images/brands/tshake_star.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
position:absolute;
z-index:0;
}


@media screen and (max-width:560px){
/* smarphone portraite*/

.tshake_star{
padding-top:140%;
}
}



.tshake_tails01_in{
width:100%;
height:600px;
padding:0;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:1;
}

@media screen and (max-width:667px){
/* iPad */

.tshake_tails01_in{
margin-top:0px;
height:300px;
margin: auto;


}


}

@media screen and (max-width:560px){
/* smarphone portraite*/

.tshake_tails01_in{
margin-top:50px;
}

}

.tshake_item{
width:100%;
text-align:center;
}

@media screen and (max-width:1024px){
/* ipad */

.tshake_item img{
width:70%;
padding-top:30px;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.tshake_item img{
width:40%;
padding-top:40px;
margin:0 auto;
text-align:center;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.tshake_item img{
width:90%;
padding-top:80px;
margin:0 auto;
text-align:center;
}

}


dl.tshake_txt{
width:90%;
margin:0 auto;
padding-top:370px;
text-align:center;
}

dl.tshake_txt dt{
margin:40px auto;
font-size:150%;
}

dl.tshake_txt dd{
line-height:1.8;
margin-bottom:10px;
}


@media screen and (max-width:1024px){
/* ipad */

dl.tshake_txt dt{
margin:20px auto 10px auto;
font-size:150%;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

dl.tshake_txt{
padding-top:160px;
}

dl.tshake_txt dt{
margin:10px auto;
font-size:100%;
}

dl.tshake_txt dd{
line-height:1.5;
font-size:80%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

dl.tshake_txt{
padding-top:250px;
}

}



.tshake_btn{
width:100%;
margin:0px auto;
padding:0;
text-align:center;
}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.tshake_btn img{
width:10%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.tshake_btn img{
width:25%;
}

}

.tshake_ribbon{
width:100%;
}

.tshake_ribbon img{
width:100%;
}






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

yookidoo

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

.yookid_wrap{
width:100%;
height:100%;
position:fixed;
z-index:9;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}


.yookid{
width:100%;
height:100%;
position:relative;
}


.yookid_intro_wrap{
width:100%;
height:100%;
position:fixed;
z-index:9;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */

}


.yookid_intro_wrap2{
width:100%;
height:100%;
position:fixed;
z-index:8;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
}


.yookid_intro_wrap3{
width:100%;
height:100%;
position:fixed;
z-index:7;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}




.yookid_intro{
width:1000px;
height:600px;
margin:120px auto 0 auto;
text-align:left;
position:relative;
z-index:0;
}

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

.yookid_intro{
width:90%;
height:500px;
margin:120px auto 0 auto;
text-align:left;
position:relative;
}


}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.yookid_intro{
width:90%;
height:240px;
margin:80px auto 0 auto;
text-align:left;
position:relative;
}

}


@media screen and (max-width:560px){
/* smarphone landscpe*/

.yookid_intro{
margin:100px auto 0 auto;
}

}



.brands_yookid{
width:100%;
margin-left:20px;
}

.brands_yookid_ttl img{
width:35%;
}

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

.brands_yookid_ttl img{
width:60%;
margin-left:110px;
}

}


@media screen and (max-width:667px){
/* smarphone portraite*/

.brands_yookid_ttl img{
width:30%;
margin-left:0px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.brands_yookid_ttl img{
width:50%;
margin-left:60px;
}

}

.yookid_boy{
position:absolute;
right:0;
top:0;
}

@media screen and (max-width:1024px){
/* ipad */

.yookid_boy img{
width:75%;
}

}



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

.yookid_boy{
padding-top:450px;
position:absolute;
right:-50px;
top:0px;
}

.yookid_boy img{
width:65%;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.yookid_boy{
padding-top:0px;
position:absolute;
right:-230px;
}

.yookid_boy img{
width:45%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.yookid_boy{
padding-top:220px;
position:absolute;
left:80px;
top:0px;
}

.yookid_boy img{
width:40%;
}


}

.yookid_fish01{
position:absolute;
left:0;
bottom:0;
z-index:7;
}

.yookid_fish02{
position:absolute;
left:0;
bottom:0;
z-index:6;
}

.yookid_fish03{
position:absolute;
left:0;
bottom:0;
z-index:5;
}

.yookid_fish04{
position:absolute;
left:0;
bottom:0;
z-index:4;
}


.yookid_fish05{
position:absolute;
left:0;
bottom:0;
z-index:3;
}

.yookid_fish06{
position:absolute;
left:0;
bottom:0;
z-index:2;
}


.yookid_fish07{
position:absolute;
left:0;
bottom:0;
z-index:1;
}

.yookid_fish08{
position:absolute;
left:0;
bottom:0;
z-index:0;
}

@media screen and (max-width:1024px){
/* ipad */

.yookid_fish01,.yookid_fish02,.yookid_fish03,.yookid_fish04,.yookid_fish05,.yookid_fish06,.yookid_fish07,.yookid_fish08{bottom:100px;
}

}

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

.yookid_fish01,.yookid_fish02,.yookid_fish03,.yookid_fish04,.yookid_fish05,.yookid_fish06,.yookid_fish07,.yookid_fish08{
left:150px;
bottom:0px;
}

}



@media screen and (max-width:667px){
/* smarphone landscpe*/

.yookid_fish01,.yookid_fish02,.yookid_fish03,.yookid_fish04,.yookid_fish05,.yookid_fish06,.yookid_fish07,.yookid_fish08{
left:0px;
bottom:-10px;
}

p.yookid_fish01 img{
width:50%;
}


.yookid_fish02 img{
width:50%;
}

.yookid_fish03 img{
width:50%;
}

.yookid_fish04 img{
width:50%;
}


.yookid_fish05 img{
width:50%;
}

.yookid_fish06 img{
width:50%;
}


.yookid_fish07 img{
width:50%;
}

.yookid_fish08 img{
width:50%;
}


}



@media screen and (max-width:560px){
/* smarphone landscpe*/

.yookid_fish01,.yookid_fish02,.yookid_fish03,.yookid_fish04,.yookid_fish05,.yookid_fish06,.yookid_fish07,.yookid_fish08{
left:70px;
bottom:0px;
}

p.yookid_fish01 img{
width:80%;
}


.yookid_fish02 img{
width:80%;
}

.yookid_fish03 img{
width:80%;
}

.yookid_fish04 img{
width:80%;
}


.yookid_fish05 img{
width:80%;
}

.yookid_fish06 img{
width:80%;
}


.yookid_fish07 img{
width:80%;
}

.yookid_fish08 img{
width:80%;
}


}




.yookid_star{
width:100%;
height:0;
padding-top:150%;
background:url(../images/brands/yookid_star.png) repeat-y center top;
position:fixed;
z-index:8;
}

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

.yookid_star{
width:100%;
height:0;
padding-top:100%;
background:url(../images/brands/yookid_star.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
position:fixed;
z-index:8;
}

}


dl.yookid_txt{
width:1000px;
margin:120px auto 0 auto;
}

dl.yookid_txt dt{
line-height:2;
margin:40px auto;
font-size:150%;
}

dl.yookid_txt dd{
line-height:2;
}

@media screen and (max-width:1024px){
/* ipad */

dl.yookid_txt{
width:90%;
margin:100px auto 0 auto;
}

}


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

dl.yookid_txt{
width:90%;
margin:100px auto 0 auto;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

dl.yookid_txt{
width:90%;
margin:100px auto 0 auto;
}

dl.yookid_txt dt{
line-height:1.5;
margin:10px auto;
font-size:100%;
}

dl.yookid_txt dd{
line-height:1.5;
font-size:80%;
}

}


.yookid_girl{
width:100%;
height:100%;
position:absolute;
z-index:-1;
}

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

.yookid_girl{
padding-top:250px;
margin-left:-150px;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.yookid_girl{
padding-top:20px;
margin-left:-20px;
}

.yookid_girl img{
width:50%;
}


}



@media screen and (max-width:560px){
/* smarphone landscpe*/

.yookid_girl{
padding-top:150px;
margin-left:-160px;
}

.yookid_girl img{
width:80%;
}


}



.yookid_tails01_in{
width:100%;
height:650px;
padding-top:50px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:7;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
}

@media screen and (max-width:1024px){
/* iPad */

.yookid_tails01_in{
margin-top:50px;
}

}



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

.yookid_tails01_in{
margin-top:70px;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.yookid_tails01_in{
margin-top:70px;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.yookid_tails01_in{
margin-top:70px;
}

}



.yookid_item01{
width:100%;
height:100vh;/*対応するブラウザIE9以上*/
text-align:center;
position:fixed;
z-index:2;
}

.yookid_item02{
width:100%;
height:100vh;/*対応するブラウザIE9以上*/
text-align:center;
position:fixed;
z-index:1;

}

.yookid_item03{
width:100%;
height:100vh;/*対応するブラウザIE9以上*/
text-align:center;
position:fixed;
z-index:0;
}


@media screen and (max-width:1024px){
/* ipad */

.yookid_item01 img{
width:70%;
}

.yookid_item02 img{
width:70%;
}

.yookid_item03 img{
width:70%;
}

}

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

.yookid_item01 img{
width:90%;
}

.yookid_item02 img{
width:90%;
}

.yookid_item03 img{
width:90%;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.yookid_item01 img{
width:50%;
}

.yookid_item02 img{
width:50%;
}

.yookid_item03 img{
width:50%;
}

}



@media screen and (max-width:560px){
/* smarphone portraite*/

.yookid_item01 img{
width:80%;
margin-top:50px;
}

.yookid_item02 img{
width:80%;
margin-top:50px;
}

.yookid_item03 img{
width:80%;
margin-top:50px;
}

}



.yookid_btn{
width:100%;
margin:0px auto;
text-align:center;
position:absolute;
bottom:10px;
z-index:10;
}

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

.yookid_btn img{
width:15%;
bottom:10px;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.yookid_btn img{
width:10%;
bottom:10px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.yookid_btn img{
width:20%;
bottom:10px;
}

}





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

babybreez

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

.baby_wrap{
width:100%;
height:100%;
position:fixed;
z-index:6;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}


.brands_baby{
width:100%;
text-align:center;
}

.brands_baby_ttl img{
width:22.5%;
margin:0 auto;
}



@media screen and (max-width:1024px){
/* smarphone portraite*/

.brands_baby_ttl img{
width:22.5%;
margin:30px auto 0 auto;
}

}

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

.brands_baby{
width:100%;
padding-top:0px;
margin-top: -20px;
text-align:center;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.brands_baby{
width:100%;
text-align:center;
}

.brands_baby_ttl img{
width:35%;
margin:0 auto;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/


.brands_baby{
width:100%;
padding-top:0;
margin-top: -20px;
text-align:center;
}

.brands_baby_ttl img{
width:50%;
margin:0 auto;
}

}




dl.baby_txt{
width:100%;
margin:90px auto 0 auto;
text-align:center;
}

dl.baby_txt dt{
line-height:2;
margin:40px auto;
font-size:150%;
letter-spacing:0.1em;
}

dl.baby_txt dd{
line-height:3;
}


@media screen and (max-width:1024px){
/* ipad */

dl.baby_txt dt{
margin:30px auto 10px auto;
}

}


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

dl.baby_txt{
margin:80px auto 0 auto;
text-align:center;
}

dl.baby_txt dt{
line-height:1.5;
margin:20px auto 20px auto;
font-size:120%;
}

dl.baby_txt dd{
line-height:1.5;
}


}


@media screen and (max-width:667px){
/* smarphone portraite*/

dl.baby_txt dt{
margin:10px auto 20px auto;
}

}


br.baby_br{display:none;}


@media screen and (max-width:560px){
/* smarphone portraite*/


dl.baby_txt{
margin:50px auto 0 auto;
}

dl.baby_txt dt{
line-height:1.5;
margin:20px auto 20px auto;
font-size:100%;
}


dl.baby_txt dd{
line-height:1.8;
font-size:80%;
}

br.baby_br{
display:block;
}

}


.baby_tails01_in{
width:1000px;
height:550px;
padding-top:50px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

@media screen and (max-width:1024px){
/* ipad */

.baby_tails01_in{
width:100%;
height:500px;
padding-top:20px;
}

}


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

.baby_vegi_wrap{
width:100%;
height:450px;
margin-top:-50px;
position:relative;
}

.baby_vegi_wrap img{
width:10%;
}

.baby_vegi01 img{
position:absolute;
top:70px;
left:10px;
}

.baby_vegi02 img{
position:absolute;
top:90px;
left:110px;
}

.baby_vegi03 img{
position:absolute;
top:150px;
left:10px;
}

.baby_vegi04 img{
position:absolute;
top:170px;
left:100px;
}

.baby_vegi05 img{
position:absolute;
top:220px;
left:80px;
}

.baby_vegi06 img{
position:absolute;
top:270px;
left:120px;
}

.baby_vegi07 img{
position:absolute;
top:230px;
left:10px;
}


.baby_vegi08 img{
position:absolute;
top:330px;
left:110px;
}

.baby_vegi09 img{
position:absolute;
top:330px;
left:10px;
}



.baby_vegi10 img{
position:absolute;
top:80px;
right:80px;
}

.baby_vegi11 img{
position:absolute;
top:50px;
right:10px;
}

.baby_vegi12 img{
position:absolute;
top:130px;
right:130px;
}

.baby_vegi13 img{
position:absolute;
top:170px;
right:70px;
}

.baby_vegi14 img{
position:absolute;
top:220px;
right:120px;
}

.baby_vegi15 img{
position:absolute;
top:220px;
right:30px;
}

.baby_vegi16 img{
position:absolute;
top:320px;
right:130px;
}

.baby_vegi17 img{
position:absolute;
top:300px;
right:40px;
}


}



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

.baby_tails01_in{
width:100%;
height:300px;
padding-top:20px;
}

}


.baby_vegi_wrap{
width:1000px;
height:400px;
position:relative;
}


.baby_vegi01{
width:100%;
}
.baby_vegi01 img{
position:absolute;
top:0px;
left:0px;
}


.baby_vegi02{
width:100%;
}
.baby_vegi02 img{
position:absolute;
top:20px;
left:150px;
}


.baby_vegi03{
width:100%;
}
.baby_vegi03 img{
position:absolute;
top:130px;
left:0px;
}


.baby_vegi04{
width:100%;
}
.baby_vegi04 img{
position:absolute;
top:130px;
left:140px;
}


.baby_vegi05{
width:100%;
}
.baby_vegi05 img{
position:absolute;
top:220px;
left:80px;
}


.baby_vegi06{
width:100%;
}
.baby_vegi06 img{
position:absolute;
top:300px;
left:120px;
}


.baby_vegi07{
width:100%;
}
.baby_vegi07 img{
position:absolute;
top:280px;
left:0px;
}


.baby_vegi08{
width:100%;
}
.baby_vegi08 img{
position:absolute;
top:420px;
left:130px;
}

.baby_vegi09{
width:100%;
}
.baby_vegi09 img{
position:absolute;
top:450px;
left:0px;
}


.baby_vegi10{
width:100%;
}

.baby_vegi10 img{
position:absolute;
top:0px;
right:80px;
}


.baby_vegi11{
width:100%;
}
.baby_vegi11 img{
position:absolute;
top:0px;
right:0px;
}

.baby_vegi12{
width:100%;
}
.baby_vegi12 img{
position:absolute;
top:100px;
right:120px;
}


.baby_vegi13{
width:100%;
}
.baby_vegi13 img{
position:absolute;
top:150px;
right:0px;
}


.baby_vegi14{
width:100%;
}
.baby_vegi14 img{
position:absolute;
top:260px;
right:150px;
}


.baby_vegi15{
width:100%;
}
.baby_vegi15 img{
position:absolute;
top:300px;
right:30px;
}


.baby_vegi16{
width:100%;
}
.baby_vegi16 img{
position:absolute;
top:420px;
right:150px;
}


.baby_vegi17{
width:100%;
}
.baby_vegi17 img{
position:absolute;
top:440px;
right:40px;
}



@media screen and (max-width:1024px){
/* ipad */

.baby_vegi_wrap{
width:90%;
height:400px;
margin:0 auto;
position:relative;
}

.baby_vegi_wrap img{
width:10%;
}

.baby_vegi01 img{
position:absolute;
top:70px;
left:10px;
}

.baby_vegi02 img{
position:absolute;
top:90px;
left:110px;
}

.baby_vegi03 img{
position:absolute;
top:200px;
left:10px;
}

.baby_vegi04 img{
position:absolute;
top:200px;
left:120px;
}

.baby_vegi05 img{
position:absolute;
top:280px;
left:80px;
}

.baby_vegi06 img{
position:absolute;
top:350px;
left:120px;
}

.baby_vegi07 img{
position:absolute;
top:300px;
left:10px;
}


.baby_vegi08 img{
position:absolute;
top:420px;
left:110px;
}

.baby_vegi09 img{
position:absolute;
top:450px;
left:10px;
}



.baby_vegi10 img{
position:absolute;
top:80px;
right:80px;
}

.baby_vegi11 img{
position:absolute;
top:80px;
right:10px;
}

.baby_vegi12 img{
position:absolute;
top:130px;
right:130px;
}

.baby_vegi13 img{
position:absolute;
top:200px;
right:30px;
}

.baby_vegi14 img{
position:absolute;
top:250px;
right:120px;
}

.baby_vegi15 img{
position:absolute;
top:300px;
right:30px;
}

.baby_vegi16 img{
position:absolute;
top:380px;
right:130px;
}

.baby_vegi17 img{
position:absolute;
top:400px;
right:40px;
}


}



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

.baby_vegi_wrap{
width:100%;
height:450px;
margin-top:-50px;
position:relative;
}

.baby_vegi_wrap img{
width:10%;
}

.baby_vegi01 img{
position:absolute;
top:70px;
left:10px;
}

.baby_vegi02 img{
position:absolute;
top:90px;
left:110px;
}

.baby_vegi03 img{
position:absolute;
top:150px;
left:10px;
}

.baby_vegi04 img{
position:absolute;
top:170px;
left:100px;
}

.baby_vegi05 img{
position:absolute;
top:220px;
left:80px;
}

.baby_vegi06 img{
position:absolute;
top:270px;
left:120px;
}

.baby_vegi07 img{
position:absolute;
top:230px;
left:10px;
}


.baby_vegi08 img{
position:absolute;
top:330px;
left:110px;
}

.baby_vegi09 img{
position:absolute;
top:330px;
left:10px;
}



.baby_vegi10 img{
position:absolute;
top:80px;
right:80px;
}

.baby_vegi11 img{
position:absolute;
top:50px;
right:10px;
}

.baby_vegi12 img{
position:absolute;
top:130px;
right:130px;
}

.baby_vegi13 img{
position:absolute;
top:150px;
right:50px;
}

.baby_vegi14 img{
position:absolute;
top:220px;
right:120px;
}

.baby_vegi15 img{
position:absolute;
top:220px;
right:30px;
}

.baby_vegi16 img{
position:absolute;
top:320px;
right:130px;
}

.baby_vegi17 img{
position:absolute;
top:300px;
right:40px;
}


}


@media screen and (max-width:560px){
/* smarphone portraite*/


.baby_vegi_wrap{
width:100%;
height:350px;
margin-top:50px;
position:relative;
}

.baby_vegi_wrap img{
width:10%;
}


.baby_vegi01 img{
position:absolute;
top:0px;
left:10px;
}


.baby_vegi02 img{
position:absolute;
top:0px;
left:50px;
}


.baby_vegi03 img{
position:absolute;
top:50px;
left:10px;
}


.baby_vegi04 img{
position:absolute;
top:60px;
left:60px;
}



.baby_vegi05 img{
position:absolute;
top:90px;
left:20px;
}


.baby_vegi06 img{
position:absolute;
top:120px;
left:60px;
}


.baby_vegi07 img{
position:absolute;
top:130px;
left:10px;
}


.baby_vegi08 img{
position:absolute;
top:170px;
left:60px;
}

.baby_vegi09 img{
position:absolute;
top:210px;
left:10px;
}



.baby_vegi10 img{
position:absolute;
top:0px;
right:60px;
}

.baby_vegi11 img{
position:absolute;
top:-10px;
right:15px;
}

.baby_vegi12 img{
position:absolute;
top:40px;
right:60px;
}

.baby_vegi13 img{
position:absolute;
top:50px;
right:20px;
}

.baby_vegi14 img{
position:absolute;
top:100px;
right:60px;
}

.baby_vegi15 img{
position:absolute;
top:140px;
right:25px;
}

.baby_vegi16 img{
position:absolute;
top:200px;
right:65px;
}

.baby_vegi17 img{
position:absolute;
top:200px;
right:25px;
}


}





.baby_mixer_wrap{
width:100%;
height:auto;
padding-top:100px;
text-align:center;
position:fixed;
left:0;
z-index:6;
}


@media screen and (max-width:1024px){
/* ipad */

.baby_mixer_wrap{
padding-top:130px;
}

.baby_mixer_wrap img{
width:35%;
}

}


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

.baby_mixer_wrap{
padding-top:100px;
}

.baby_mixer_wrap img{
width:35%;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.baby_mixer_wrap{
padding-top:100px;
}

.baby_mixer_wrap img{
width:30%;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.baby_mixer_wrap{
padding-top:130px;
}

}

.baby_mixer_slide{
width:100%;
text-align:center;}

@media screen and (max-width:768px){
/* smarphone landscpe*/

.baby_mixer_slide img{
padding-top:50px;
width:80%;
}

}



@media screen and (max-width:667px){
/* smarphone landscpe*/

.baby_mixer_slide img{
padding-top:0px;
width:80%;
}

}


@media screen and (max-width:560px){
/* smarphone landscpe*/

.baby_mixer_slide img{
padding-top:0px;
width:100%;
}

}



.baby_mixer{
width:100%;
z-index:5;
}

.baby_mixer_left{
width:100%;
z-index:4;
}

.baby_mixer_right{
width:100%;
z-index:3;
}




.baby_star{
width:100%;
height:0;
padding-top:166%;
background:url(../images/brands/baby_star.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
position:absolute;
}


.baby_recipe_5{
width:100%;
text-align:center;
}

.baby_recipe_7{
width:100%;
text-align:center;
}

.baby_recipe_otona{
width:100%;
text-align:center;
}

@media screen and (max-width:1024px){
/* ipad */

.baby_recipe_5 img{
width:35%;
margin-top:25px;
}

.baby_recipe_7 img{
width:35%;
margin-top:25px;
}

.baby_recipe_otona img{
width:35%;
margin-top:30px;
}

}



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

.baby_recipe_5 img{
width:35%;
margin-top:25px;
}

.baby_recipe_7 img{
width:35%;
margin-top:25px;
}

.baby_recipe_otona img{
width:35%;
margin-top:30px;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.baby_recipe_5 img{
width:50%;
position:absolute;
left:70px;
top:0;
}

.baby_recipe_7 img{
width:50%;
position:absolute;
left:100px;
top:0;
}

.baby_recipe_otona img{
width:50%;
position:absolute;
top:-30px;
left:80px;
}

}




.baby_end_wrap{
width:100%;
height:100%;
margin:0px auto;
text-align:center;
position:fixed;
bottom:10px;
z-index:10;
}


.baby_end_in{
width:100%;
margin:auto;
padding-top:500px;
text-align:center;
z-index:10;
background:#ccc;
}







.baby_end_ttl{
line-height:2;
margin-bottom:50px;
font-size:150%;
text-align:center;
}

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

.baby_end_ttl{
line-height:1.5;
margin-bottom:20px;
font-size:100%;
text-align:center;
}


}

ul.baby_end{
width:900px;
margin:0 auto;
overflow:hidden;
}

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

ul.baby_end{
width:80%;
margin:0 auto;
}

}

.left_btn{
float:left;
}

.right_man{
float:right;
}



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

balboa

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

.balboa_wrap{
width:100%;
height:100%;
position:fixed;
z-index:5;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
}


.balboa_img{
width:100%;
height:100%;
background:url(../images/brands/balboa_bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
position:relative;
}


.brands_balboa{
padding-top:100px;
text-align:center;
}

.brands_balboa_ttl img{
width:10%;
}

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

.brands_balboa_ttl img{
width:20%;
}

}

@media screen and (max-width:667px){
/* smarphone landscpe*/

.brands_balboa_ttl img{
width:10%;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

.brands_balboa_ttl img{
width:35%;
}

}

.balboa_star{
width:100%;
height:0;
padding-top:200%;
background:url(../images/brands/balboa_star.png) repeat-y center top;
-moz-background-size:cover;
background-size:cover;
position:absolute;
z-index:0;
}


.balboa_end_wrap{
width:100%;
height:100%;
padding-top:100px;
position:fixed; 
z-index:4;
}


.balboa_ttl2{
width:100%;
text-align:center;
}

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

.balboa_ttl2 img{
width:20%;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.balboa_end_wrap{
padding-top:90px;
}

.balboa_ttl2 img{
width:10%;
}

}

@media screen and (max-width:560px){
/* smarphone portraite*/

.balboa_ttl2 img{
width:35%;
}

}


dl.balboa_txt{
width:100%;
margin:10px auto 0 auto;
text-align:center;
}

dl.balboa_txt dt{
line-height:2;
margin:20px auto;
font-size:150%;
letter-spacing:0.1em;
}

dl.balboa_txt dd{
line-height:3;
}


@media screen and (max-width:1024px){
/* ipad */

dl.balboa_txt dt{
line-height:1.5;
}

dl.balboa_txt dd{
line-height:2.5;
}

}

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

dl.balboa_txt dt{
line-height:2;
}

dl.balboa_txt dd{
line-height:3;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

dl.balboa_txt{
width:100%;
margin:10px auto 0 auto;
text-align:center;
}

dl.balboa_txt dt{
line-height:1.5;
margin:10px auto;
font-size:120%;
letter-spacing:0.1em;
}

dl.balboa_txt dd{
line-height:1.5;
font-size:80%;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/

dl.balboa_txt dt{
line-height:2;
}

dl.balboa_txt dd{
line-height:2.5;
font-size:80%;
}

}


.balboa_pic_wrap{
width:100%;
height:100%;
padding-top:180px;
position:absolute;
/* position:fixed; */
z-index:5;
}

ul.balboa_pic{
width:960px;
margin:0 auto;
text-align:center;
overflow:hidden;
}

ul.balboa_pic li{
width:300px;
float:left;
}

.balboa_pic02{
margin-left:320px;
}

.balboa_pic03{
margin-left:640px;
}

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

ul.balboa_pic{
width:100%;
margin:0 auto;
text-align:center;
}

ul.balboa_pic li{
width:95%;
float:none;
}


.balboa_pic02{
margin-left:0;
}

.balboa_pic03{
margin-left:0;
}

}


@media screen and (max-width:667px){
/* smarphone landscpe*/

.balboa_pic_wrap{
width:100%;
height:100%;
padding-top:90px;
position:fixed;
z-index:5;
}

ul.balboa_pic{
width:75%;
margin:0 auto;
text-align:center;
background:#333;
overflow:hidden;
}

ul.balboa_pic li{
width:20%;
float:left;
}

.balboa_pic02{
margin-left:25%;
}

.balboa_pic03{
margin-left:50%;
}

}


@media screen and (max-width:560px){
/* smarphone portraite*/


ul.balboa_pic{
width:75%;
margin:0 auto;
text-align:center;
}

ul.balboa_pic li{
width:70%;
float:none;
}


.balboa_pic02{
margin-left:0;
}

.balboa_pic03{
margin-left:0;
}

}


.balboa_bg_white{
width:100%;
height:100%;
padding-top:180px;
position:fixed;
z-index:5;
}



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

Kiwigarden

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

.kiwi_wrap{
width:100%;
height:100%;
position:fixed;
z-index:4;
overflow:hidden;
background:#F6F1DF url(../images/common/bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
/* background-attachment:fixed; */
-webkit-text-size-adjust:100%;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
text-align:center;
}

.kiwi_bg_elements {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(../images/brands/kiwi_item_grass.png) no-repeat bottom center;
	background-position: left 50% bottom -22px;
	background-size: 100%;
}

.kiwi_item img {
	transform: scale(.94);
}

.kiwi_item.kiwi_item02 {
	top:120px; left:-1%;
}

.kiwi_item.kiwi_item03 {
	top:420px; right:3%;
}

.kiwi_item.kiwi_item04 {
	left:18%;
}

.kiwi_item.kiwi_item05 {
	right:26%; transform:rotate(-10deg);
}

.kiwi_item.kiwi_item06 {
	left:28%; transform:rotate(-50deg);
}

.kiwi_item.kiwi_item07 {
	top:100px; right:10%;
}

.kiwi_item.kiwi_item07 img {
	transform: scale(.8);
}

.kiwi_item.kiwi_item05 img {
	transform: scale(.8);
}

.kiwi_item.kiwi_raspberry_large img {
	transform: scale(1.2);
}

.bg_item_crowd {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
}

.bg_item_sun {
	display: none;
	position: absolute;
	top: -30px;
	left: 18%;
}

.bg_item_milk {
	position: absolute;
	right: 4%;
}

.bg_item_apple {
	display: none;
	position: absolute;
	left: 4%;
}


.kiwi_1st{
width:100%;
height:100%;
background:url(../images/brands/kiwi_bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-moz-box-shadow: 0px 0px 20px #333;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 20px #333;　/* Safari,Google Chrome用 */
position:relative;
}

.kiwi_1st_content, .kiwi_2nd_content, .kiwi_3rd_content{
width:1000px;
height:520px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

.brands_kiwi{
position: relative;
top: -20px;
width:100%;
text-align:center;
z-index: 2;
}

.brands_kiwi_ttl img{
width:21.5%;
margin:0 auto;
}

dl.kiwi_txt{
width:100%;
margin:0 auto;
text-align:center;
}

dl.kiwi_txt dt{
line-height:1.6;
margin:0 auto;
width: 100%;
font-size:150%;
letter-spacing:0.1em;
}

dl.kiwi_txt dd{
top: 260px;
line-height:2.4;
margin:0 auto;
width: 100%;
}

.kiwi_wrap.skrollable .skrollable .skrollable {
	position: absolute !important;
}

.kiwi_2nd{
width:100%;
height:100%;
background:url(../images/brands/kiwi_img_farm.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
position:relative;
}

.kiwi_3rd {
width:100%;
height:100%;
text-align:center;
background:url(../images/brands/kiwi_bg.jpg) no-repeat top center;
-moz-background-size:cover;
background-size:cover;
position:relative;
z-index: 1;
}

.kiwi_3rd .kiwi_bg_elements {
	background-position: left 50% bottom 0;
}

ul.kiwi_pic{
width:756px;
margin:160px auto 0;
overflow:hidden;
}

ul.kiwi_pic li{
width:360px;
float:left;
}

ul.kiwi_pic li img{
width: 100%;
}

ul.kiwi_pic li+li{
margin-left: 396px;
}

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

.bg_item_sun {
	transform: scale(0.75);
}

.bg_item_milk {
	right: -6%;
	transform: scale(1);
}

.bg_item_apple {
	left: -3%;
	transform: scale(1);
}

.kiwi_1st_content, .kiwi_2nd_content, .kiwi_3rd_content{
	width: 100%;
}

.kiwi_item img {
	transform: scale(0.75);
}

.kiwi_item.kiwi_item01 {
	margin-top: 150px;
}

.kiwi_item.kiwi_item02 {
	top:120px; left:-6%;
}

.kiwi_item.kiwi_item03 {
  top:580px; right:-6%;
}

.kiwi_item.kiwi_item04 {
	left:4%;
}

.kiwi_item.kiwi_item05 {
	right:8%;
  margin-top: -30px;
}

.kiwi_item.kiwi_item06 {
  left:18%;
}

.kiwi_item.kiwi_item07 {
	top:300px; right:4%;
}

.kiwi_item.kiwi_item07 img {
	transform: scale(.7);
}

.kiwi_3rd {
padding-top: 120px;
box-sizing: border-box;
}

ul.kiwi_pic{
width:700px;
}

ul.kiwi_pic li{
margin-left: 24px;
width:314px;
}

ul.kiwi_pic li+li{
margin-left: 362px;
}

}

@media screen and (max-width:667px){/* smarphone landscpe*/

.kiwi_3rd .kiwi_bg_elements {
	height: 100%;
}

.bg_item_sun {
	transform: scale(0.6);
	left: 9%;
}

.bg_item_milk {
	right: -11%;
	transform: scale(0.75);
}

.bg_item_apple {
	left: -7%;
	transform: scale(0.75);
}

.kiwi_1st{
height: auto;	
}

.kiwi_1st_content{
	height: 460px;
	position: relative;
}

.kiwi_1st_content .brands_kiwi{
top: 90px;
}

dl.kiwi_txt{
position: relative;
top: 110px;
}

dl.kiwi_txt dt{
line-height:1.5;
font-size:120%;
}

dl.kiwi_txt dd{
top: 80px;
line-height:2;
}

dl.kiwi_txt dd br.none-667{
display: none;
}

.kiwi_item img {
	transform: scale(0.5);
}

.kiwi_item.kiwi_item01 {
  margin-top:-350px; 
  margin-left:-75px;
}

.kiwi_item.kiwi_item02 {
  top:30px; left:-14%;
}

.kiwi_item.kiwi_item03 {
  top:40px; right:-25%;
}

.kiwi_item.kiwi_item04,
.kiwi_item.kiwi_item05,
.kiwi_item.kiwi_item06 {
	display: none;
}

.kiwi_item.kiwi_item07 {
  top:-40px; right:12%;
}

.kiwi_item.kiwi_item07 img {
	transform: scale(.4);
}
.kiwi_2nd_content .brands_kiwi{
top: 160px;
}

.kiwi_3rd {
padding-top:100px;
}
.kiwi_3rd_content {
padding-top:0;
}

ul.kiwi_pic{
margin-top: 270px;
width:412px;
}

ul.kiwi_pic li{
margin-left: 0;
width:200px;
}

ul.kiwi_pic li+li{
margin-left: 212px;
}

}

@media screen and (max-width:560px){/* smarphone portraite*/

.kiwi_bg_elements {
	background-position: left 50% bottom -10px;
	background-size: 160%;
}

.bg_item_sun {
	transform: scale(0.4);
	top: 10px;
	left: -4%;
}

.bg_item_milk {
	right: -26%;
	transform: scale(0.6);
}

.bg_item_apple {
	left: -18%;
	transform: scale(0.6);
}

.kiwi_1st{
height:100%;
}

.kiwi_1st_content{
	position: absolute;
}

.kiwi_1st_content .brands_kiwi, .kiwi_2nd_content .brands_kiwi{
top: 20px;
}

.brands_kiwi_ttl img{
width:35%;
}

dl.kiwi_txt{
position: relative;
top: 40px;
}

dl.kiwi_txt dd{
top: 80px;
}

dl.kiwi_txt dd br.none-667{
display: block;
}

.kiwi_item img {
	position: relative;
}

.kiwi_item.kiwi_item01 {
	margin: 0;
}

.kiwi_item.kiwi_item01 img {
	top: -80px;
	left: -72px;
}

.kiwi_item.kiwi_item02 {
	top:70px; left:-30%;
}

.kiwi_item.kiwi_item02 img {
	transform: scale(0.4);
}

.kiwi_item.kiwi_item03 {
	top:300px; right:-50%;
}

.kiwi_item.kiwi_item07 {
	top:20px; right:-10%;
}

.kiwi_item.kiwi_item07 img {
	transform: scale(0.4);
}

.kiwi_2nd_content .brands_kiwi{
top: 50px;
}

.kiwi_3rd {
padding-top:80px;
}
.kiwi_3rd_content .brands_kiwi{
top: 0;
}

ul.kiwi_pic{
position: relative;
top:160px;
margin-top: 0;
width: 160px;
height: 350px;
}

ul.kiwi_pic li{
float: none;
margin-bottom: 12px;
width: 100%;
}

ul.kiwi_pic li+li{
margin-left: 0;
margin-top: 172px;
}

}

.kiwi_bg_white{
width:100%;
height:100%;
padding-top:180px;
position:fixed;
z-index:4;
top:0;
left:0;
box-sizing: border-box
}