/* CSS Document */

/* ▼メインイメージ関係■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#camera_container{
	position: relative;
	margin-top: 10px;
}

#coupon_link{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 999;
}


#coupon_link img{
	height: auto;
	width: auto;
}


/* ▼メインサブ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#mainsub_wrap{
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

#main_sub_image01{
	float: left;
}


#main_sub_image02{
	float: right;
	margin-left: 8px;
	}

#mainsub_wrap:after{
	content: " ";
	clear: both;
	}



/* ▼ソーシャルボタン■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.headerSocialBtns {
	clear: right;
	float: right;
	margin-top: -30px;
	margin-right: 20px;
}

.headerSocialBtns .header_SocialBtn{
	clear: none;
	float: left;
	height: 21px;
	width: 21px;
	margin-right: 5px;
	}

.headerSocialBtns .header_SocialBtn a{
	text-indent: -9999px;
	display: block;
}


.header_SocialBtn.fbLikeBtn{
	background-image: url(../image/header_fb.png);
	background-repeat: no-repeat;
}

.header_SocialBtn.tweetBtn{
	background-image: url(../image/header_tweet.png);
	background-repeat: no-repeat;
	}

/* ▼Twitter■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.twitter-box{
	margin-bottom: 15px;
    clear: both;
}

/* ▼YouTube■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.youtube_box{
	margin-bottom: 15px;
	clear: both;
	position: relative;
	}
	
.youtube_play{
	position: absolute;
	z-index: 100;
	background-image: url(../image/youtube_play.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	width: 100%;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.50;
	text-indent: -9999px;
	display: block;	
}


.youtube_play:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.80;
	}

/* ▼Facebook■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#share_btn{
	text-align: left;
}


#fb_likebox, #fb-comments{
	margin-bottom: 15px;
	clear: both;
	float: left;
	width: 100%;
}

#fb_header .main-img img{
	max-width:500px;
	}





/* ▼Ustream■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#ustream-wrapper{
}

#ustream-box{
	background-color: #FFF;
}


.ustream_box{
	border-radius: 7px;         /* CSS3 */
	-moz-border-radius: 7px;    /* Firefox */
	-webkit-border-radius: 7px; /* Safari,Chrome */
	padding: 5px;
	width: 550px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	clear: both;
	float: left;
	text-align: center;
	background-color: #FFF;
	}




#wiwit-wrapper{
	clear: both;
	float: right;
}

#ustream-video{
	float: left;
}

#ustream-chat{
	float: right;
}

#wiwit-bord{
	width: 550px;
	overflow: hidden;
	z-index: 100;
	position: relative;
	height: auto;
	display: block;
	margin-top: -200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
    margin-left: 10px;
}

#wiwit-bord, #wiwit-bord a{
	color: #333;
}



/* ▼ブロックスロゴ関係■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*　ブロックス　*/
#blockscms{
	float: left;
	text-align: right;
	position: relative;
	z-index: 100;
	left: 0px;
	bottom: 25px;
	display: inline-block;
}




/* ▼タブ関係■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.cubes-inner{
	margin: 5px;
}


.cubes-inner:after{
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/*　編集モード　*/
#custom-edit{
	float: right;
	clear: both;
	text-align: right;
	position: fixed;
	z-index: 100;
	bottom: 5px;
	left: 5px;
}

/*　ページ上部へのリンク　*/
.for_pagetop{
	text-align: right;
	clear: both;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: right;
}

/*　ページ上部へのリンク　*/

#gplus1{
	text-align: right;
	float: left;
}

/* ▼文字サイズの切り替え設定■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

div#text_changer{
	overflow: hidden;
	position: fixed;
	right: 5px;
	z-index: 9999;
	bottom: 5px;
}

ul#fontSize {
	*zoom: 1; /*forIE6,7*/
}
ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
ul#fontSize li {
	background-color: #FFF;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	border: 2px solid #CCC;
}
ul#fontSize li:hover {
	background-color: #C9E0E2;
}
ul#fontSize li.active_font {
	background-color: #E4E4E4;
}
ul#fontSize li.active_font:hover {
	background-color: #C9E0E2;
}


  #slick-3,
  #slick-5,
  #dc-slick-4,
  .dc-slick {
	display: none;
	position: absolute;
  }

@media screen and (max-width: 480px) {
  #slick-3,
  #slick-5,
  #dc-slick-4,
  .dc-slick 
  {
	display: block;
  }
}




/* ▼ＨＴＭＬ５　角丸・シャドウ設定■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.corner{
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */	
}

.corner_header{
	 /* ▼CSS3 */
	 border-top-left-radius: 3px;  /* 左上 */
	 border-top-right-radius: 3px; /* 右上 */
  
	 /* ▼Safari,Chrome */
	 -webkit-border-top-left-radius: 3px;  /* 左上 */
	 -webkit-border-top-right-radius: 3px; /* 右上 */
  
	 /* ▼Firefox */
	 -moz-border-radius-topleft: 3px;  /* 左上 */
	 -moz-border-radius-topright: 3px; /* 右上 */
	}
	

.corner_footer{
	 border-footer-left-radius: 3px;  /* 左上 */
	 border-footer-right-radius: 3px; /* 右上 */
  
	 /* ▼Safari,Chrome */
	 -webkit-border-footer-left-radius: 3px;  /* 左上 */
	 -webkit-border-footer-right-radius: 3px; /* 右上 */
  
	 /* ▼Firefox */
	 -moz-border-radius-footerleft: 3px;  /* 左上 */
	 -moz-border-radius-footerright: 3px; /* 右上 */
	}


.shadow{
	webkit-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
}

.in_shadow{
	webkit-box-shadow: inset 3px 3px 3px #E8E8E8;
	-moz-box-shadow: inset 3px 3px 3px #E8E8E8;
	box-shadow: inset 3px 3px 3px #E8E8E8;
}

.mini_shadow{
	webkit-box-shadow: 0px 0px 2px #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
	box-shadow: 0px 0px 2px #CCC;
}


/* ▼画像・スライドショーを定義■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#imageContainer {
	position:relative;
	margin:auto;
	width:100%; /*画像の横幅*/
	border:0px solid #000;
	clear: both;
	text-align: center;
	padding: 0px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
}

.image_garally div{
	display: block;
	margin: 3px;
}

.image_garally{
	zoom: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	width: 99%;
	clear: both;
	margin-left: 1%;
}

.image_garally:after{
	clear: both;
	width: 100%;
}

.image_garally .ig_wrap{
	margin-bottom: 7px;
	float: left;
	margin-right: 7px;
	display: block;
	padding: 2px;
	border: 1px solid #E6E6E6;
}


.image_garally .ig_wrap:hover{
	background-color: #F0F0F0;
}

.image_garally .gl_thumb{
	max-width: 500px;
	-ms-interpolation-mode: bicubic;
	background-color: #FFF;
	margin: 5px;
	display: block;
	}

* html body .image_garally .gl_thumb{
	width: expression(this.width >= this.height ? "500px" : "auto");
}


.gl_photo{
	float: left;
}
.gl_photo img{
}

.gl_text{
	float: right;
	padding-right: 20px;
	padding-left: 20px;
}

/*
.gl_text img{
	height: auto;
	width: 50%;
}
*/


.lazyload{
	display: none;
	}

.facebox_thumb{
	margin-top: 5px;
}

.facebox_discription{
	margin: 5px;
}




html>/**/body .transform_right{
	-moz-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

html>/**/body .transform_left{
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
}

html>/**/body .transform_right img,
html>/**/body .transform_left img
{
	background-color: #FFF;
	padding: 4px;
	webkit-box-shadow: 0px 0px 1px #999 !important;
	-moz-box-shadow: 0px 0px 1px #999 !important;
	box-shadow: 0px 0px 1px #999 !important;
}


/* サイド部分にヘッダーとフッターを付ける場合  */

/*
.side_wrapper:before,
.side_wrapper:after
{
	content: "";
	background-color: #F00;
	height: 15px;
	width: 100%;
	display: block;
	}
*/


div#mfp_buttons ul li {
	padding-left: 0px !important;
}


#bks_round{
	position: relative;
	clear: both;
	margin-top: 20px;
	}

  .roundabout-holder {
	list-style: none;
	margin: 0px;
	height: 50px;
	padding: 0px;
   }
   .roundabout-moveable-item {
      height: 4em;
      width: 4em;
      cursor: pointer;
      background-color: #ccc;
   }
   .roundabout-in-focus {
      cursor: auto;
	  /*
	  filter: alpha(opacity=100) !important;
	  -moz-opacity:1.0 !important;
	  opacity:1.0 !important;
	  */
   }

/* ▼詳細非表示■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.ques {
	cursor: pointer;
	width: 100%;
	padding: 0px;
	line-height: 1.6;
	background-image: url(../image/more_info.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	display: block;
	height: 35px;
	text-indent: -9999px;
	margin-left: 0px;
}

.ques.active{
	background-position: left -35px;
	
	}
 
#ans {
	overflow: hidden;
	display: none;
	margin: 0px;
	padding: 0px;
}


.shadow-img img{
	box-shadow: 0px 0px 7px #666;
	-moz-box-shadow: 0px 0px 7px #666;
	-webkit-box-shadow: 0px 0px 7px #666;
	border: 1px solid #FFFFFF;
	}