@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      tinytwinbears20160706.css
Update:         2016/07/02
Style Info:     

	01. 全体用
	02. イベントページ用

----------------------------------------------------------- */



/* ----------------------------------------------------------------------
  01. 全体用
---------------------------------------------------------------------- */

/* import style
------------------------------------------------------------------- */
@import url('../../mod_default.css');
@import url('../../mod_layout.css');
@import url('../../mod_headerfooter.css');
@import url('../../mod_common.css');



/* ----------------------------------------------------------------------
  02. イベントページ用
---------------------------------------------------------------------- */

/* 共通　＆ レガシーブラウザ用
------------------------------------------ */

.onry_sp{
	display:none;
}

#collabo_160706{
	position:relative;
	margin:0 auto;
	width:100%;
	background:#97c8cf url(/image/event/camp/tinytwinbears_160706/bg_section1.png) repeat;
	padding-top:20px;
	min-width:1000px;
}

/*トップ*/


#collabo_160706 #contents #top{ 
	position:relative;
	margin:0 auto;
	background:url(/image/event/camp/tinytwinbears_160706/bg_section1_white.png) no-repeat center top;
	min-width:1000px;
	max-width:1200px;
	height:660px;
	}


#collabo_160706 #contents #top .main_v{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/img_top_avatar.png) no-repeat center center;
	height:660px;
	width:1000px;
	z-index:10;
	margin:0 auto;
}

#collabo_160706 #contents #top .main_img{
	position:absolute;
	top:50px;
	left:260px;
	width:500px;
}

#collabo_160706 #contents #top .gotocoord,
#collabo_160706 #contents #top .gotopresent{
	display:none;
}

#collabo_160706 .copyright{
	position:absolute;
	bottom:10px;
	right:120px;
	width:300px;
}

/*SNSボタン*/

#collabo_160706 .socialBtnArea{
	position:absolute;
	z-index: 9999;
	width:210px;
	height:40px;
	top:0;
	left:200;
}

#collabo_160706 .socialBtnArea li{
	float:left;
	margin-right:10px;
}

#collabo_160706 .socialBtnArea li img{
	width:40px;
	height:40px;
}

#collabo_160706 .socialBtnArea ul > *:first-child + * + * + *{
	margin-right:0px;
}

/*メニューボタン*/


#collabo_160706 #menu {
	position: relative;
	width:1000px;
	height:60px;
	margin:30px auto;
}
	
#collabo_160706 #menu li{
	float:left;
	width:190px;
	height:auto;
	margin:0 10px 0 0;
}

#collabo_160706 #menu li img{
	width:190px;
}


#collabo_160706 #menu li > *:first-child + * + * + * + *{
	margin:0;
}

/*ブログ*/

#collabo_160706 #blog{
	position:relative;
	max-width:100%;
	height : 100% ;
	background:url(/image/event/camp/tinytwinbears_160706/bg_white.png) repeat;
}

#collabo_160706 #blog #blog_bigbox{
	position:relative;
	width:1000px;
	height:740px;
	background:url(/image/event/camp/tinytwinbears_160706/bg_blog_pc.png) no-repeat center top;
	margin:0 auto;
}

#collabo_160706 #blog #blog_card{
	width:100%;
	background:url(/image/event/camp/tinytwinbears_160706/bg_flag.png) repeat-x center top;
	padding-top:107px;
}

#collabo_160706 #blog .blogListArea{
	overflow: hidden;
	zoom:1;
	position:absolute;
	top: 120px;
	left: 530px;
	background:none;
	width:420px;
	height:320px;
}

#collabo_160706 .gotobloglist{
	height : auto ;
	text-align:center;
	width:30%;
	margin-top:9%;
	margin-left:58%;
	min-width:100px;
}

#collabo_160706 .gotobloglist img{
	width:100%;
	max-width:193px;
}

#collabo_160706 .btnBlog{
	position:relative;
	width:1000px;
	margin:0 auto;
}

#collabo_160706 .btnBlog img{
	position:absolute;
	width:420px;
	height:auto;
	top:-200px;
	left:50px;
}

#collabo_160706 #blog_box{
	position: relative;
	width: 80%;
	height: 80%;
	margin:5% auto;
}

#collabo_160706 #blog_box .viewport{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align:left;
	overflow-x:hidden;
	overflow-y:scllor;
}

/*タウン*/

#collabo_160706 #town{
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_town.png) repeat;
	max-width:100%;
	height:100%;
}

#collabo_160706 #town #town_box{
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_town_box.png) no-repeat center 50px;
	widdth:100%;
	height:100%;
	padding:60px 0;
	margin:0 auto;
}

#collabo_160706 #town #town_box .town_box2{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/img_town_title_pc.png) no-repeat center top;
	height:880px;
	width:1000px;
	margin:0 auto;
}
	
	

#collabo_160706 #town #town_box img{
	position:absolute;
}

#collabo_160706 #town #town_box .pi{
	width:400px;
	top:270px;
	left:300px;
}

#collabo_160706 #town #town_box .btnMovie img,
#collabo_160706 #town #town_box .btnTown img{
	position:absolute;
	width:460px;
	height:60px;
	top:800px;
	left:20px;
}

#collabo_160706 #town #town_box .btnTown img{
	left:520px;
}


/*動かないくま*/

#collabo_160706 #town #town_box #kuma{
	width:1000px;
}

#collabo_160706 #town #town_box #lulu,
#collabo_160706 #town #town_box #lolo{
	position:absolute;
	width:180px;
	height:270px;
	top:500px;
	left:300px;
	position:absolute;
	background:url(/image/event/camp/tinytwinbears_160706/img_town_lulu.png) no-repeat left top;
	text-align:center;
}


#collabo_160706 #town #town_box #lolo{
	background:url(/image/event/camp/tinytwinbears_160706/img_town_lolo.png) no-repeat left top;
	left:500px;
}

#collabo_160706 #town #town_box #kuma img{
	position:relative;
}

#collabo_160706 #town #town_box #lolo img,
#collabo_160706 #town #town_box #lulu img{
	width:41px;
	height:18px;
	margin:252px 0 0 0;
}


/*アイテム*/

#collabo_160706 #item{
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_item.png) repeat;
	max-width:100%;
	height:100%;
	padding:80px 0;
	min-width:800px;
}

#collabo_160706 #item #item_box2{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/bg_item_pc.png) no-repeat center center;
	max-width:1124px;
	height:918px;
	z-index:10;
	margin:0 auto;
}

#collabo_160706 #item #item_box2 ul{
	width:640px;
	margin:0 auto;
	padding-top:200px;
}

#collabo_160706 #item #item_box2 li{
	float:left;
	width:200px;
	height:300px;
	text-align:center;
	margin-right:20px;

}

#collabo_160706 #item #item_box2 ul > *:first-child + * + *,
#collabo_160706 #item #item_box2 ul > *:first-child + * + * + * + *+ *{
	margin-right:0;
}

#collabo_160706 #item #item_box2 .btnitem_pc{
	margin:0 auto;
	width:600px;
	height:76px;
}


#collabo_160706 #item #leftSideImage{
	background: url(/image/event/camp/tinytwinbears_160706/background_left.png) left top no-repeat;
	background-size:contain;
	position: absolute;
	width: 323px;
	height: 379px;
	top: -79px;
	left: 0;
	z-index:100;
}


#collabo_160706 #item #rightSideImage{
	background: url(/image/event/camp/tinytwinbears_160706/background_right.png) right top no-repeat;
	background-size:contain;
	position: absolute;
	width: 300px;
	height: 369px;
	top: -69px;
	right: 0;
	z-index:100;
}


#collabo_160706 #item #rightSideImage{
	width: 300px;
	height: 369px;
	top: -69px;
	z-index:100;
}

#collabo_160706 #item #bottomImage{
	background: url(/image/event/camp/tinytwinbears_160706/background_bottom.png) center bottom repeat-x;
	background-size:auto;
	position: absolute;
	width:150%;
	bottom: 0;
	left: 0;
	height:128px;
	z-index:20;
}


/*プレゼント*/

#collabo_160706 #present{
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_white2.png) repeat;
	max-width:100%;
	height:100%;
}

#collabo_160706 #present #leftSideImage{
	background: url(/image/event/camp/tinytwinbears_160706/bg_present_left.png) left top no-repeat;
	background-size:contain;
	position: absolute;
	width: 360px;
	height: 170px;
	top: 0px;
	left: 0;
}


#collabo_160706 #present #rightSideImage{
	background: url(/image/event/camp/tinytwinbears_160706/bg_present_right.png) right top no-repeat;
	background-size:contain;
	position: absolute;
	width: 355px;
	height: 170px;
	top: 0px;
	right: 0;
}

#collabo_160706 #present #present_box{
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_present_bottom.png) repeat-x bottom;
	widdth:100%;
	height:100%;
	margin:0 auto;
	padding-top:50px;
}

#collabo_160706 #present #present_box .present_box2{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/img_present_pc.png) no-repeat center top;
	height:966px;
	width:1000px;
	margin:0 auto;
}
	

#collabo_160706 #present #present_box .btnShop img,
#collabo_160706 #present #present_box .btnTown img{
	position:absolute;
	width:400px;
	height:auto;
	top:840px;
	left:60px;
}

#collabo_160706 #present #present_box .btnTown img{
	left:540px;
}

/*紹介*/

#collabo_160706 #about_anchor{
	margin:0 0 0 0;
	border:none;
	padding:0;
	height:0;
	width:auto;
	visibility:hidden;
	clear:both;
	display: block;
}

#collabo_160706 #about,
#collabo_160706 #about_pc{
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_white.png) repeat;
	max-width:100%;
	height:100%;
	margin-top:0;
}

#collabo_160706 #about #about_box,
#collabo_160706 #about_pc #about_box_pc{
	background:url(/image/event/camp/tinytwinbears_160706/bg_bottom.png) bottom center repeat-x;
	margin-top:10%;
}

#collabo_160706 #about_pc #about_box_pc #about_box2_pc{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/bg_about_pc.png) no-repeat left center;
	width:1384px;
	height:902px;
	z-index:10;
	margin:0 auto;
}

#collabo_160706 #about_pc #about_box_pc{
	margin:0;
}

#collabo_160706 #about_pc #about_box_pc iframe{
	position:absolute;
	top:280px;
	left:330px;
	border:#fff solid 5px;
}

#collabo_160706 #about_pc #about_box_pc .btnOfficial{
	position:absolute;
	top:760px;
	left:400px;
	width:420px;
	height:72px;
}


#footerArea{
	margin:0 auto;
}

/* スマホ用
------------------------------------------ */

@media only screen and (min-width: 1px) {
	
.onry_sp{
	display:inline;
}
	
#event{
	min-width: 100%;
	overflow:hidden;
	}
	
#collabo_160706 img {
	max-width:100%;}

#collabo_160706 .max80{
	max-width:80%;
	}
	
#collabo_160706{
	min-width:300px;
}

/*トップ*/

#collabo_160706 #contents #top{
	background:url(/image/event/camp/tinytwinbears_160706/bg_section1_white.png) no-repeat center top;
	background-size:190%;
	width:100%;
	min-width:200px;
	height:100%;
	text-align:center;
	}
	
#collabo_160706 #contents #top .main_img{
	position:relative;
	top:3%;
	left:auto;
	width:100%;
}

#collabo_160706 #contents #top .main_v{
	position:relative;
	background:none;
	width:100%;
	height:70%;
	max-height:100%;
}

#collabo_160706 .copyright{
	position:relative;
	margin:3% auto;
	bottom:auto;
	right:auto;
}


/*SNSボタン*/

#collabo_160706 .socialBtnArea{
	position:relative;
	overflow: hidden;
	zoom:1;
	width:80%;
	height:80%;
	margin:3% auto;
}

#collabo_160706 .socialBtnArea ul{
	width:100%;
	margin:0 auto;
}

#collabo_160706 .socialBtnArea li img{
	width:90%;
	height:90%;
}

#collabo_160706 .socialBtnArea li { float:left; width:20%; margin-right:6%;  }
#collabo_160706 .socialBtnArea li:last-child { margin-right:0px; }


/*メニューボタン*/


#collabo_160706 #menu {
	width:100%;
	height:30%;
	overflow: hidden;
	margin:3% auto;
	text-align:center;
}


#collabo_160706 #menu li{
	width:42%;
	float:left;
	margin:0.2% 4%;
	padding:auto;
}

#collabo_160706 #menu li img{
	width:100%;
	height:auto;
}

#collabo_160706 #menu .btnPresent{
	width:60%;
	margin:1% auto;
}



/*ブログ*/

#collabo_160706 #blog #blog_bigbox{
	width:auto;
	height:auto;
	background:none;
}

#collabo_160706 #blog #blog_card{
	background-size:50%;
	padding-top:13%;
}

#collabo_160706 #blog .blogListArea{
	position:relative;
	top: auto;
	left: auto;
	margin:0 auto;
	width:100%;
	background:url(/image/event/camp/tinytwinbears_160706/bg_bloglist.png) no-repeat;
	background-size:contain;
	height:100%;
}

#collabo_160706 .btnBlog{
	position:relative;
	width:100%;
	height:auto;
	bottom:0;
	left:5%;

}

#collabo_160706 .btnBlog img{
	position:relative;
	width:90%;
	margin:5% auto;
	top:auto;
	left:auto;
}


#collabo_160706 #blog_box{
	padding: 55% 0 0;
}


#blog_box .overview{
	list-style: none;
	width:90%;

}

.blogsubTit{
	width:90%;
	margin:0 auto;
	
}

.blogsubTit img{
	width:100%;
}

#collabo_160706 #blogListArea .bloglist {
    margin-bottom: 5px;
    padding: 5px 5px 15px 5px;
    clear: both;
    background: url("/image/common/line_dot.gif") bottom left repeat-x;
	text-wrap:none;
}

#collabo_160706 #blog_box .newBlogList dd ,
#collabo_160706 #blog_box .newBlogList dt {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*タウン*/

#collabo_160706 #town #town_box .town_box2{
	background:none;
	height:auto;
	width:100%;
}
	

#collabo_160706 #town #town_box{
	background:url(/image/event/camp/tinytwinbears_160706/bg_town_box.png) no-repeat center 10%;
	background-size:200%;
	max-width:100%;
	width:100%;
	height:100%;
	padding:8% 0;
}

#collabo_160706 #town #town_box img{
	position:relative;
	width:80%;
	margin:2% auto;
	top:auto;
	left:auto;
	display:block;
}

#collabo_160706 #town #town_box .pi{
	width:80%;
	top:auto;
	left:auto;
	margin:0 auto;
}

#collabo_160706 #town #town_box .btnMovie img,
#collabo_160706 #town #town_box .btnTown img{
	position:relative;
	width:90%;
	height:90%;
	left:auto;
	top:auto;
}

#collabo_160706 #town #town_box .btnTown a{
	display:none;
}


/*動くくま*/

#collabo_160706 #town #town_box #kuma{
	position:relative;
	min-width:300px;
	width:80%;
	height:270px;
	margin:0 auto;
	left:auto;
	top:auto;
}

#collabo_160706 #town #town_box #lulu,
#collabo_160706 #town #town_box #lolo{
	position:absolute;
	width:180px;
	height:270px;
	top:auto;
	left:auto;
	z-index: 15;
	top:0;
	background:url(/image/event/camp/tinytwinbears_160706/img_town_lulu.png) no-repeat left top;
    animation:
	anim_kuma  0.8s steps(9) 0s alternate infinite;
}

#collabo_160706 #town #town_box #lulu img{
	width:41px;
	height:18px;
	margin:252px 0 0 0;
	-webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	display:inline;
}

#collabo_160706 #town #town_box #lolo img{
	width:36px;
	height:17px;
	margin:251px auto 0 auto;
}

#collabo_160706 #town #town_box #lolo{
	background:url(/image/event/camp/tinytwinbears_160706/img_town_lolo.png) no-repeat left top;
	right:0;
    animation:
	anim_kuma  0.8s steps(9) 0.3s alternate infinite;
}

#collabo_160706 #town #town_box #lulu{
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


@keyframes anim_kuma  {
    0% {background-position: 0 0;}
    40% {background-position: 0 0;}
    100% {background-position: 0 -2430px ;}
}



/*アイテム*/

#collabo_160706 #item{
	padding:15% 0;
	min-width:300px;
	text-align:center;
}

#collabo_160706 #item #item_box{
	display:block;
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_item_box.png) no-repeat center center;
	background-size:83%;
	max-width:100%;
	height:100%;
}

#collabo_160706 #item #leftSideImage{
width: 36%;
height: 36%;
top: -3%;
z-index: 1;
}

#collabo_160706 #item #rightSideImage{
width: 36%;
height: 36%;
top: -3%;
z-index: 1;
}

#collabo_160706 #item #bottomImage{
position: absolute;
background-size:contain;
width:150%;
height:20%;
z-index:0;
}


#collabo_160706 #item #item_box img{
	width:80%;
	margin:2% auto;
}

#collabo_160706 #item #item_box .btnShop img{
	width:90%;
}


#collabo_160706 #item #item_box .frameLine {
	width:100%;
	margin:0 auto;
}

#collabo_160706 #item #item_box .bx-wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#collabo_160706 #item #item_box .bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 9999;
}

#collabo_160706 #item #item_box .bx-prev {
	left: 17px;
	background: url(/image/event/calendar/controls.png) no-repeat 0 -32px;/*prev用画像*/
}
#collabo_160706 #item #item_box .bx-next {
	right: 17px;
	background: url(/image/event/calendar/controls.png) no-repeat -43px -32px;/*next用画像*/
}

#collabo_160706 #item #item_box .bx-prev:hover {
	background-position: 0 0;
}

#collabo_160706 #item #item_box .bx-next:hover {
	background-position: -43px 0;
}

#collabo_160706 #item #item_box .bx-controls-direction a {
	position: absolute;
	margin-top: -62%;
	width: 32px;/*使用画像に応じて指定*/
	height: 31px;/*使用画像に応じて指定*/
	text-indent: -9999px;/*画像置換のためテキストを押しやる*/
	z-index: 9999;
	border:none;
}

#collabo_160706 #item #item_box #btnitem{
	z-index: 9999;
}


/*プレゼント*/

#collabo_160706 #present{
	padding-top:0;
}

#collabo_160706 #present #present_box{
	padding-top:0;
}

#collabo_160706 #present #present_box .present_box2{
	background:url(/image/event/camp/tinytwinbears_160706/bg_present_header.png) no-repeat center top;
	background-size:100%;
	max-width:100%;
	width:100%;
	height:100%;
	padding-top:10%;
}

#collabo_160706 #present #present_box img{
	position:relative;
	width:90%;
	margin:0 auto;
	top:auto;
	left:auto;
	display:block;
}

#collabo_160706 #present #present_box .btnShop img{
	position:relative;
	width:90%;
	height:90%;
	left:auto;
	top:auto;
	margin:5% auto;
}


/*紹介*/

#collabo_160706 #about{
	text-align:center;
	width:100%;
	display:block;
}


#collabo_160706 #about img{
	width:80%;
	margin:2% auto;
}

#collabo_160706 #about .kumatube{
	position:relative;
	width:90%;
	padding-top:60%;
	margin:0 auto;
}

#collabo_160706 #about .kumatube iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#collabo_160706 #about #about_box .goOfficial{
	margin-bottom:15%;
}



}


/***** 739px 以下*******
------------------------------------------ */

@media screen and (max-width:738px) { 

/*非常時*/

.btnList, .separate, #footerArea,
.onry_pc, .sp_induce, #headerArea #globalNavi{
	display:none;
}

/*ナビゲーション
------------------------------------------------*/

body #event.festivalEvent{
	width:100% !important;
}

#event #headerArea {
    width: 100% !important;
    margin: 0 auto !important;
}

#headerArea.simple .headerArea-inner {
    position: relative !important;
    width: 100% !important;
	min-width:320px !important;
}

#headerArea.simple #utilityNavi {
    top: 7px !important !important;
	right:2px !important;
}

#utilityNavi li {
    display: inline;
    list-style-type: none;
    margin-left: 0px;
    padding-right: 2px !important;
    padding-top: 1px !important;
    border-right: 1px solid #aaa;
}

html>body #footerArea,
html .btnList{
	display:none;
}

.HeaderArea{
	background:#ffaaa2;
}

}



/***** 739px 以上*******
------------------------------------------ */

@media only screen and (min-width: 738px) {
	
.onry_sp,#collabo_160706 #item #item_box{
	display:none !important;
}

#collabo_160706{
	padding-top:20px;
	}
	
/*トップ*/


#collabo_160706 #contents #top{ 
	background-size:auto;
	max-width:1160px;
	min-width:900px;
	}


#collabo_160706 #contents #top .main_v{
	background:url(/image/event/camp/tinytwinbears_160706/img_top_avatar.png) no-repeat center center;
	position:relative;
	margin:0 auto;
	height:660px;
	width:935px;
	z-index:10;
}

#collabo_160706 #contents #top .main_img{
	margin-top:30px;
	width:500px;
}

#collabo_160706 #contents #top .gotocoord{
	display:inline;
	position:absolute;
	top:300px;
	right:-60px;
	width:240px;
	height:auto;
}

#collabo_160706 #contents #top .gotopresent{
	display:inline;
	position:absolute;
	top:120px;
	left:0px;
	width:206px;
	height:auto;
	z-index:11;
}


#collabo_160706 .copyright{
	position:absolute;
	bottom:10px;
	bottom:-10px;
	right:100px;
	width:220px;
}


/*SNSボタン*/

#collabo_160706 .socialBtnArea{
	position:absolute;
	width:210px;
	height:40px;
	top: -20px;
	left: 100px;
	z-index: 9999;
}

#collabo_160706 .socialBtnArea li img{
	width:40px;
	height:40px;
}


/*メニューボタン*/


#collabo_160706 #menu {
	width:1000px;
	height:60px;
	margin:30px auto;
}


#collabo_160706 #menu li{
	width:190px;
	height:auto;
	margin:0 10px 0 0;
}

#collabo_160706 #menu li img{
	width:190px;
	height:auto;
}

#collabo_160706 #menu li:last-child{
	margin:0;
}


/*ブログ*/
#collabo_160706 #blog #blog_bigbox{
	position:relative;
	width:1000px;
	height:740px;
	background:url(/image/event/camp/tinytwinbears_160706/bg_blog_pc.png) no-repeat center top;
	margin:0 auto;
}

#collabo_160706 #blog #blog_card{
	width:100%;
	background:url(/image/event/camp/tinytwinbears_160706/bg_flag.png) repeat-x center top;
	padding-top:107px;
}

#collabo_160706 #blog .blogListArea{
	position:absolute;
	top: 120px;
	left: 530px;
	background:none;
	width:420px;
	height:320px;
}

#collabo_160706 .btnBlog{
	position:relative;
	width:1000px;
	margin:0 auto;
}

#collabo_160706 .btnBlog img{
	position:absolute;
	width:420px;
	height:auto;
	top:-230px;
	left:50px;
}

/*ブログスクロールバー*/

#collabo_160706 #blog_box .viewport{
	height: 250px;
}

/*タウン*/

#collabo_160706 #town #town_box{
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_town_box.png) no-repeat center center;
	background-size:103%;
	min-width:1000px;
	max-width:1200px;
	height:100%;
	padding:60px 0;
	margin:0 auto;
}

#collabo_160706 #town #town_box .town_box2{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/img_town_title_pc.png) no-repeat center top;
	height:880px;
	width:1000px;
	margin:0 auto;
}
	
	

#collabo_160706 #town #town_box img{
	position:absolute;
}

#collabo_160706 #town #town_box .pi{
	width:400px;
	top:270px;
	left:0px;
}

#collabo_160706 #town #town_box .btnTown a{
	display:block;
}

#collabo_160706 #town #town_box .btnMovie img,
#collabo_160706 #town #town_box .btnTown img{
	position:absolute;
	width:460px;
	height:60px;
	top:800px;
	left:20px;
}

#collabo_160706 #town #town_box .btnTown img{
	left:520px;
}


/*動くくま*/

#collabo_160706 #town #town_box #kuma{
	width:1000px;
}

#collabo_160706 #town #town_box #lulu,
#collabo_160706 #town #town_box #lolo{
	position:absolute;
	width:180px;
	height:270px;
	top:500px;
	left:0px;
	position:absolute;
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


#collabo_160706 #town #town_box #lolo{
	left:200px;
}


#collabo_160706 #town #town_box #kuma img{
	position:relative;
}


/*アイテム*/

#collabo_160706 #item{
	padding:80px 0;
	min-width:800px;
}

#collabo_160706 #item #item_box2{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/bg_item_pc.png) no-repeat center center;
	max-width:1124px;
	height:918px;
	z-index:10;
	margin:0 auto;
}

#collabo_160706 #item #item_box2 ul{
	width:640px;
	margin:0 auto;
	padding-top:200px;
}

#collabo_160706 #item #item_box2 li{
	float:left;
	width:200px;
	height:300px;
	text-align:center;
	margin-right:20px;

}

#collabo_160706 #item #item_box2 li:nth-child(3),
#collabo_160706 #item #item_box2 li:nth-child(6){
	margin-right:0;
}

#collabo_160706 #item #item_box2 .btnitem_pc img{
	width:600px;
	height:76px;
}

#collabo_160706 #item #leftSideImage{
	width: 323px;
	height: 379px;
	top: -79px;
	z-index:100;
}

#collabo_160706 #item #rightSideImage{
	width: 300px;
	height: 369px;
	top: -69px;
	z-index:100;
}

#collabo_160706 #item #bottomImage{
	background: url(/image/event/camp/tinytwinbears_160706/background_bottom.png) center bottom repeat-x;
	background-size:auto;
	height:128px;
	z-index:20;

}

/*プレゼント*/


#collabo_160706 #present #present_box{
	position:relative;
	overflow: hidden;
	zoom:1;
	background:url(/image/event/camp/tinytwinbears_160706/bg_present_bottom.png) repeat-x bottom;
	widdth:100%;
	height:100%;
	margin:0 auto;
	padding-top:50px;
}

#collabo_160706 #present #present_box .present_box2{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/img_present_pc.png) no-repeat center top;
	height:940px;
	width:1000px;
	margin:0 auto;
	padding-top:50px;
}
	

#collabo_160706 #present #present_box .btnShop img,
#collabo_160706 #present #present_box .btnTown img{
	position:absolute;
	width:400px;
	height:auto;
	top:840px;
	left:60px;
	margin:0;
}

#collabo_160706 #present #present_box .btnTown img{
	left:540px;
}


/*紹介*/

#collabo_160706 #about_pc #about_box_pc #about_box2_pc{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/bg_about_pc.png) no-repeat left center;
	width:1384px;
	height:902px;
	z-index:10;
	margin:0 auto;
}

#collabo_160706 #about_pc #about_box_pc{
	margin:0;
}

#collabo_160706 #about_pc #about_box_pc iframe{
	position:absolute;
	top:280px;
	left:330px;
	border:#fff solid 5px;
}

#collabo_160706 #about_pc #about_box_pc .btnOfficial{
	position:absolute;
	top:760px;
	left:400px;
	width:420px;
	height:72px;
}


#footerArea{
	margin:0 auto;
}

/*footer非常時*/

#collabo_160706 .btnList{
	display:none;
}

	
}

/***** 1200px 以下*******
------------------------------------------ */

@media screen and (max-width:1200px) { 

#collabo_160706 #contents #top .gotocoord{
	z-index:15;
	right:1%;
}

}

/***** 1090px 以下*******
------------------------------------------ */

@media screen and (max-width:1090px) { 

#collabo_160706 #contents #top .gotopresent{
	z-index:15;
	left:10%;
	top:380px;
}
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

/* import style
------------------------------------------------------------------- */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}

        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadingGraphic{background:url(/image/event/camp/tinytwinbears_160706/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:25px; height:25px; position:absolute; top:-20px; background:url(/image/event/camp/tinytwinbears_160706/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; left:240px; width:100px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-100px 0px; right:240px; width:100px;}
        #cboxNext:hover{background-position:-100px -25px;}
        #cboxClose{background-position:-205px 0px; right:15px;}
        #cboxClose:hover{background-position:-205px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

#cboxOverlay {
    background: #bbb;
	opacity: 0.3;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);
	filter: alpha(opacity = 30);
}
/*#cboxLoadedContent {
    background: #fff;
}*/
/*#cboxLoadedContent {
  padding: 0;
  overflow: auto;
    -moz-box-shadow: 0px 1px 10px #000000;
    -webkit-box-shadow: 0px 1px 10px #000000;
    box-shadow: 0px 1px 10px #000000;
}*/

#cboxSlideshow, #cboxClose , #cboxTitle {
  top: 10px;
}

#cboxPrevious, #cboxNext{
  top: 605px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
  color: #fff;
}
#inline-content {/* インラインを使用する時のみ */
    margin: 20px;
}

#code01,#code02,#code03,#code04,#code05,#code06	{/* ajaxを使用する時のみ */
	height:644px; width:768px;}

#code01	{
	background:url(/image/event/camp/tinytwinbears_160706/bg_window01.png) right center no-repeat;}
	
#code02	{
	background:url(/image/event/camp/tinytwinbears_160706/bg_window02.png) right center no-repeat;}
	
#code03	{
	background:url(/image/event/camp/tinytwinbears_160706/bg_window03.png) right center no-repeat;}
	
#code04	{
	background:url(/image/event/camp/tinytwinbears_160706/bg_window04.png) right center no-repeat;}
	
#code05	{
	background:url(/image/event/camp/tinytwinbears_160706/bg_window05.png) right center no-repeat;}
	
#code06	{
	background:url(/image/event/camp/tinytwinbears_160706/bg_window06.png) right center no-repeat;}

#code01	a,#code02 a,#code03 a,#code04 a,#code05 a,#code06 a{
	border:0;
	padding:0;
	margin:0;
	overflow:visible;
	text-indent:-9999px;
	width:221px;
	height:101px;
	position:absolute;
	top:500px;
	left:490px;
	background:url(/image/event/camp/tinytwinbears_160706/btn_window_gotoshop_set.png) no-repeat 0 0;}
	
#code01 a:hover,#code02 a:hover,#code03 a:hover,#code04 a:hover,#code05 a:hover,#code06 a:hover{
	background-position:0px -109px;}





.bx-wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 9999;
}

.bx-prev {
	left: 17px;
	background: url(/image/event/calendar/controls.png) no-repeat 0 -32px;/*prev用画像*/
}
.bx-next {
	right: 17px;
	background: url(/image/event/calendar/controls.png) no-repeat -43px -32px;/*next用画像*/
}

.bx-prev:hover {
	background-position: 0 0;
}

.bx-next:hover {
	background-position: -43px 0;
}

.bx-controls-direction a {
	position: absolute;
	margin-top: -62%;
	width: 32px;/*使用画像に応じて指定*/
	height: 32px;/*使用画像に応じて指定*/
	text-indent: -9999px;/*画像置換のためテキストを押しやる*/
	z-index: 9999;
	border:none;
}



/* ----------------------------------------------------------------------
  03. ムービーページ用
---------------------------------------------------------------------- */

#lululloloMovie_Wallpaper{
	position:relative;
	width:100%;
	height : 960px ;
	background:url(/image/event/camp/tinytwinbears_160706/bg_white.png) repeat;
}


#lululloloMovie_Wallpaper #lulullolMovie_box{
	position:relative;
	width:100%;
	height : 900px;
	background:url(/image/event/camp/tinytwinbears_160706/bg_intromovie.png) no-repeat center 30px;
	margin:0 auto;
	text-align:center;
}

#lululloloMovie_Wallpaper #movieTit{
	padding-top:30px;
}

#lululloloMovie_Wallpaper #flash{
	position:relative;
	width:800px;
	height:600px;
	margin:99px auto 10px;
	background:#fff;
}

#lululloloMovie_Wallpaper #backBtn{
	position:relative;
	width:800px;
	height:21px;
	text-align:right;
	margin:30px auto;
}


/* ----------------------------------------------------------------------
  03. ブログ一覧用
---------------------------------------------------------------------- */


#lululloloBlog_Wallpaper{
	position:relative;
	width:100%;
	height : 1300px ;
	background:url(/image/event/camp/tinytwinbears_160706/bg_white.png) repeat;
}


#lululloloBlog_Wallpaper #lulullolBlog_box{
	position:relative;
	width:100%;
	height : 1283px;
	background:url(/image/event/camp/tinytwinbears_160706/bg_lululoloblog.png) no-repeat center 100px;
	text-align:center;
	padding:0;
	*width:1100px;
	*margin:0 auto;
}

#lululloloBlog_Wallpaper #BlogTit{
	padding-top:30px;
}

#lululloloBlog_Wallpaper #contentsArea {
	position:relative;
	margin:200px auto 50px;
    width: 650px;
    float: inherit;
	text-align:left;
	*margin:200px 230px 50px;
}

#lululloloBlog_Wallpaper #backBtn{
    position: relative;
    width: 800px;
    text-align: right;
    bottom: 30px;
    margin: 0 auto;
}

#lululloloBlog_Wallpaper #backBtn img{
	right:0;
	width:267px;
	height:21px;
}

/***** 739px 以下*******
------------------------------------------ */

@media screen and (max-width:738px) { 

#lululloloBlog_Wallpaper{
	height:100%;
}

#lululloloBlog_Wallpaper #lulullolBlog_box{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/bg_intromovie_top.png) center top no-repeat #fff;
	padding-top:2%;
	background-size:120%;
	width:100%;
	height :980px;
	text-overflow:ellipsis;
	min-width:300px;
	padding-top:2%;
	padding-bottom:20%;
}

#lululloloBlog_Wallpaper #lulullolBlog_box .titleSupple{
	display:none;
}

#lululloloBlog_Wallpaper #backBtn{
	position:relative;
	background:url(/image/event/camp/tinytwinbears_160706/bg_intromovie_bottom.png) top center no-repeat;
	background-size:150%;
	margin:0 auto;
	width:100%;
	height:50px;
	text-align:center;
	padding-top:10%;
}

#lululloloBlog_Wallpaper #backBtn img{
	position:relative;
	width:80%;
	max-width:300px;
	height:auto;
}

#lululloloBlog_Wallpaper .bloglist {
    margin-bottom: 5px;
    padding: 5px 5px 15px 5px;
    clear: both;
    background: url("/image/common/line_dot.gif") bottom left repeat-x;
    overflow: hidden;
}



#lululloloBlog_Wallpaper #contentsArea {
    float: left;
    width: 96%;
	margin: 30% 3% 3%;
}


#lululloloBlog_Wallpaper .avatarImg {
    float: left;
    width: 68px;
    height: 68px;
    margin-left: 5px;
    _margin-left: 3px;
    padding: 2px 0 0 2px;
    background: url("/image/common/bg_avatarbust.gif") no-repeat;
}
	
#lululloloBlog_Wallpaper dl {
    position: relative;
    padding-top: 5px;
    margin-left: 80px;
    height: 70px;
}

#lululloloBlog_Wallpaper dl dt{
    width: 50%;
}

#lululloloBlog_Wallpaper dl dd.post {
    position: relative;
    font-size: 12px;
    color: #666;
	margin-bottom:10px;
}

#lululloloBlog_Wallpaper .post a {
	display:none;
}

#lululloloBlog_Wallpaper .bloglist dl dd.post span.time {
    font-size: 11px;
    color: #999;
    font-family: Verdana, sans-serif;
	border-left: 0px solid #fff;
}

#lululloloBlog_Wallpaper .bloglist dd.blogTxt {
    position: absolute;
    bottom: 0px;
    left: 0;
    padding-left: 11px;
    overflow: hidden;
    word-break: break-all;
    background: url("/image/common/ico_blogtxt.gif") no-repeat 0 4px;
	width:70%;
}



#lululloloBlog_Wallpaper .bloglist dl dd.category {
    position: absolute;
    top: 2px;
    right: 3px;
}	

#lululloloBlog_Wallpaper dl dd.more {
    padding-left: 12px;
    position: absolute;
    bottom: -13px;
    right: 0;
    font-size: 10px;
    background: url("/image/common/ico_more.gif") no-repeat 0 0.3em;
}

#lululloloBlog_Wallpaper dl dd,#lululloloBlog_Wallpaper dl dt,#lululloloBlog_Wallpaper #contentsArea h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#lululloloBlog_Wallpaper ul.pageNavi li.first_off,#lululloloBlog_Wallpaper ul.pageNavi li.last{
	display:none;
}

}