@charset "Shift_JIS";

/* clearfix ------- */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}

#bee_world{
	color:#493a2f;
	font-family: "Hiragino Kaku Gothic StdN","メイリオ", sans-serif;;
}

#bee_world a{
	color:#493a2f;
	color:#493a2f;
}


.font16{font-size:16px!important;}
.font19{font-size:19px!important;}
.font21{font-size:21px!important;}
.font22{font-size:22px!important;}
.font22{font-size:24px!important;}
.font30{font-size:30px!important;}

.taC{	text-align: center;}
.ml30{margin-left: 30px;}
.mb15{	margin-bottom: 15px;}
.pt05{padding-top:5px;}
.float_l{float:left;}
.float_r{float:right;}

#bee_world #topicPath{
	width:950px;
	margin:0 auto;
}
#bee_world #topicPath{
	line-height:3;
}
#bee_world #bee_world_bg{
	background:url(/bee-world/res/common/images/bee_main_bg.gif) repeat-x;
}
#bee_world #bee_world_ke {
    background: url(/bee-world/res/common/images/bee_main_bg.gif) repeat-x;
}
#bee_world #bee_world_bg #bee_world_bg_inner{
	width:950px;
	margin:0 auto;
	padding-top:16px;
}
.nav{
margin-bottom:31px;
}
.nav li{
	float: left;
	margin-right: 4px;
	width:155px;
	height:45px;
	padding-bottom:10px;
}
.nav li.navlast{
/*	margin-right: 0px;
*/}

.nav li:nth-child(6n){
	margin-right: 0px;
}


.cont01_wrap{
  padding-bottom: 32px;
}
.cont01_wrap ul{
  width: 460px;
  float: left;
  margin-bottom: 38px;
}
.cont01_wrap ul li{
  text-align: center;
}
.cont01_wrap ul:first-child{
  margin-right: 30px;
}
.cont01_wrap ul li{
  position: relative;
}
.cont01_wrap ul .pro_title span{
  font-family: "Hiragino Kaku Gothic StdN W6","メイリオ", sans-serif;;
  position:absolute;
  top:12px;
  left:15px;
}
.cont01_wrap ul .pro_title{
  width: 460px;
  height: 44px;
  background:url(/bee-world/res/common/images/con01_pro_title_bg.gif) no-repeat;
  text-align: left;
  color:#659e01;
  font-size: 17px;
  font-weight: bold;
  margin-bottom:15px;

}

.cont01_wrap ul .oa_list_img{
  position: relative;
}

.cont01_wrap ul .oa_list_img .play{
  position: absolute;
  top: 87px;
  left: 192px;
}

.cont01_wrap .cont01_btn{
  background-image: url(/bee-world/res/common/images/cont01_btn_off.png) no-repeat;
  padding-top: 11px;
}
.cont01_wrap .cont01_btn a {
  width: 431px;
  height: 53px;
background: url(/bee-world/res/common/images/cont01_btn_off.png) no-repeat;
display: block;
margin: 0 14px;
text-indent: -9999px;
  }
.cont01_wrap .cont01_btn a:hover{
  background:url(/bee-world/res/common/images/cont01_btn_on.png) no-repeat;
}

.cont02_wrap h2{
  text-align:center;
  margin-bottom:39px;
}
.cont02_wrap h2 img{
  margin-left: 20px;
}
.cont02_wrap .product_title{
  background:url(/bee-world/res/common/images/con02_pro_title_bg.gif) no-repeat;
  color:#ff6600;
  font-weight: bold;
  width: 950px;
  height: 44px;
  font-size: 19px;
  margin-bottom: 23px;
  text-align: left;
  position: relative;
}
.cont02_wrap .product_title span{
  font-family: "Hiragino Kaku Gothic stdN W6","メイリオ", sans-serif;;
  position: absolute;
  top:11px;
  left:18px;
}
.cont02_wrap .product_wrap{
margin-left:19px;
  width: 905px;
}
.cont02_wrap .pro_item{
  margin-bottom: 34px;
}

.cont02_wrap .cont02_btn{
  background-image: url(/bee-world/res/common/images/cont02_btn_off.png) no-repeat;
}
.cont02_wrap .cont02_btn a {
  width: 450px;
  height: 60px;
  background: url(/bee-world/res/common/images/cont02_btn_off.png) no-repeat;
  display: block;
  margin-left:-5px;
  text-indent: -9999px;
  }
.cont02_wrap .cont02_btn a:hover{
  background:url(/bee-world/res/common/images/cont02_btn_on.png) no-repeat;
}


#bee_world #containerMain .h1style .sub_ttl{
  font-size:16px;
  line-height:1;
  color:#493a2f;
}

#bee_world #containerMain h2{
  font-size:22px;
  font-weight:bold;
  margin-bottom:15px;
}

/* product */

#bee_world .pro_h3_style{
	background:url(/bee-world/res/common/images/intro_ttl_bg02.gif) repeat;
	border-radius:5px 5px 5px 0px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:6px 0 5px 0;
	position:relative;
	display:inline-block;
	margin-bottom:13px;
	width: 135px;
	text-align: center;
	letter-spacing: 1px;
}

#bee_world .pro_h3_style:before{
	content: url(/bee-world/res/common/images/intro_ttl_bg01.gif);
	margin: 10px;
	position:absolute;
	bottom: -25px;
	left: -10px;
}

#bee_world .pro_txt{
	float:left;
	width:267px;
	margin-left: 29px;
}

#bee_world .product h4{
	font-family: "Hiragino Kaku Gothic StdN W6","メイリオ", sans-serif;;
	color:#ff6701;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

.pro_txt_inner{
	padding-left:13px;
}

#bee_world .product .txt{
	font-size:14px;
	padding-bottom:25px;
}
#bee_world .pro_img{
	float:right;
	padding-left: 13px;
}

/* 202105 */
.nav {
	display: flex!important;
	flex-wrap: wrap;
	margin-left: -4px;
	padding-left: 0;
	list-style: none;
}

.nav li {
  float: none;
  margin-right: 0;
  width: auto;
  height: auto;
  padding-bottom: 0;
	border: 2px solid #D79300;
	margin-left: 4px;
	margin-bottom: 10px;
	width: calc((100% / 6) - 8px)!important;
	background: linear-gradient(to bottom, #FFF, #FFF1D2);
	text-align: center;
	font-size: 14px;
  font-family: 'Folk Regular','tofu';
  letter-spacing: -1px;
}

.nav li :hover {
	background: linear-gradient(to bottom, #FFF,#FFF,#FFFBF3, #FFF1D2)
}
.nav li.current-country {
	background: linear-gradient(to bottom, #FFF,#FFE1C0 ,#FFAD51)
}
.nav li.current-country :hover {
	background: linear-gradient(to bottom, #FFF,#FFE1C0 ,#FFAD51)
}

.nav li a {
	width: 100%;
  height: 41px;
	text-indent: 0;
	color: #562B12!important;
	font-weight: bolder;
	text-decoration: none;
	display: flex;
  justify-content: center;
  align-items: center;
}

h2.episodeHeading {
    margin-bottom: 1%;
    background: none;
    color: #493a2f;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.episodeHeadingDivider, .episodeHeadingDivider img {
    width: 100%;
    height: auto;
}

/* 202108 */
.nav li.tb1{
	width: calc((100% / 2) - 8px)!important;
}