body {
	color:#333;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",Arial, "メイリオ",Meiryo, sans-serif;
	background: #64b6c8;
}

.lazy {
	display:block;
	position:relative;
}
.lazy img{
	width:100%;
	height:100%;
}
.lazy-done{
	animation-name: imgFadein;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-delay: 0;
	animation-iteration-count: 1;
	animation-direction: normal;
}
@keyframes imgFadein {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}

.tag .edu{color:#ff9900;}
.tag .env{color:#009900;}
.tag .soc{color:#ff6666;}
.tag .sup{color:#999900;}
.tag .int{color:#00b7ee;}
.tag .bee{color:#EB7828;}

/* スマホ */
@media all and (max-width: 767px) {
	/*	cover
	============================== */
	div.cover{
		background: #fff;
	}
	/*	header
	============================== */
	header{
		background: #fff;
		overflow: hidden;
	}
	header .header{
		position: relative;
		width:100%;
		height:50px;
	}
	header .header h1,
	header .header .logo{
		display: block;
		position: absolute;
		top:0;
		left:2%;
		width:124px;
		height:50px;
		background:url(../img/parts/logo.png?1);
		background-size:cover;
		background-position:0 0;
	}
	header .header h1 a,
	header .header .logo a{
		display: block;
		width:100%;
		height:100%;
	}
	header .header .btnSubMenu.accordion-btn{
		display: none;
	}


	/*	main
	============================== */
	main{
		margin-top: 0;
		padding:0 6px;
	}
	/* コンテンツヘッダ */
	.contentsHeader{
		display:table;
		width:100%;
		height:25px;
		margin:20px auto 0;
	}
	.contentsHeader div{
		display:table-cell;
		vertical-align:middle;
		box-sizing: border-box;
	}
	.contentsHeader div:first-child{
		text-align: center;
		background: #666;
		width:77px;
		font-size:80%;
		line-height: 25px;
		font-weight: bold;
		color:#fff;
	}
	.contentsHeader div.tag{
		text-align: right;
		background: #eee;
		padding-right: 5px;
	}
	.contentsHeader .tag span{
		display: inline-block;
		margin-right: 10px;
		font-size:85%;
		font-weight: bold;
		font-size:80%;
		line-height: 25px;
	}
	.contentsHeader .tag span:last-child{
		margin-right: 0;
	}
	/*	contents
	============================== */
	.contents{

	}

	/*	menu
	============================== */
	.menu{
		height:40px;
		box-sizing: border-box;
		border-top: solid 1px #e5e5e5;
		background: linear-gradient(0deg, #e5e5e5 10px, white 10px);
		box-shadow: 0px 10px 10px 3px rgba(0,0,0,0.2);
		z-index:2;
	}
	.menu .slider {
		display:block;
		position:relative;
		padding: 0 40px;
	}
	.menu .slider .outer {
		display:block;
		overflow:hidden;
	}

	.menu .slider .outer ul{
		display:block;
		overflow:hidden;
		background-image: url(../img/parts/menu_bg_smp.png);
		background-size: cover;
	}

	.menu .slider .outer .inner{
		-webkit-transform: translateZ(0);
	  display:block;
	  overflow:hidden;
	  padding:0;
	  margin-bottom: 5px;
	}
	.menu .slider .outer .inner li{
	  display:block;
	  float:left;
	  width:80px;
		height:40px;
	  padding: 0;
	  margin-right: 0;
	  text-decoration: none;
	  cursor: pointer;
	  box-sizing: border-box;
	}

	.menu li a{
		display:block;
		width:80px;
		height:40px;
		font-size:14px;
		font-weight:bold;
		line-height: 30px;
		color:#333;
		text-decoration:none;
	}

	.menu li.all a {background-image: linear-gradient(0deg, #707070 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.edu a {background-image: linear-gradient(0deg, #ff9900 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.env a {background-image: linear-gradient(0deg, #689f31 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.soc a {background-image: linear-gradient(0deg, #ee9490 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.sup a {background-image: linear-gradient(0deg, #e7e31c 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.int a {background-image: linear-gradient(0deg, #00b7ee 10px, rgba(255, 255, 255, 0) 10px);}

	.menu li.all a:hover {background-image: linear-gradient(0deg, #707070 10px, rgba(112, 112, 112, 0.2) 10px);}
	.menu li.edu a:hover {background-image: linear-gradient(0deg, #ff9900 10px, rgba(255, 153, 0, 0.2) 10px);}
	.menu li.env a:hover {background-image: linear-gradient(0deg, #689f31 10px, rgba(104, 159, 49, 0.2) 10px);}
	.menu li.soc a:hover {background-image: linear-gradient(0deg, #ee9490 10px, rgba(238, 148, 144, 0.2) 10px);}
	.menu li.sup a:hover {background-image: linear-gradient(0deg, #cccc33 10px, rgba(204, 204, 51, 0.2) 10px);}
	.menu li.int a:hover {background-image: linear-gradient(0deg, #00b7ee 10px, rgba(0, 183, 238, 0.2) 10px);}

	.menu .all li.all a {color:#fff; background-image: linear-gradient(0deg, #707070 10px, rgba(137, 137, 137, 1) 10px);}
	.menu .edu li.edu a {color:#fff; background-image: linear-gradient(0deg, #ff9900 10px, rgba(255, 183, 76, 1) 10px);}
	.menu .env li.env a {color:#fff; background-image: linear-gradient(0deg, #689f31 10px, rgba(134, 178, 90, 1) 10px);}
	.menu .soc li.soc a {color:#fff; background-image: linear-gradient(0deg, #ee9490 10px, rgba(241, 169, 166, 1) 10px);}
	.menu .sup li.sup a {color:#fff; background-image: linear-gradient(0deg, #d1cd11 10px, rgba(223, 219, 18, 1) 10px);}
	.menu .int li.int a {color:#fff; background-image: linear-gradient(0deg, #00b7ee 10px, rgba(51, 204, 255, 1) 10px);}

	.menu .all li.all a:hover {color:#fff; background-image: linear-gradient(0deg, #707070 10px, rgba(137, 137, 137, 0.8) 10px);}
	.menu .edu li.edu a:hover {color:#fff; background-image: linear-gradient(0deg, #ff9900 10px, rgba(255, 183, 76, 0.8) 10px);}
	.menu .env li.env a:hover {color:#fff; background-image: linear-gradient(0deg, #689f31 10px, rgba(134, 178, 90, 0.8) 10px);}
	.menu .soc li.soc a:hover {color:#fff; background-image: linear-gradient(0deg, #ee9490 10px, rgba(241, 169, 166, 0.8) 10px);}
	.menu .sup li.sup a:hover {color:#fff; background-image: linear-gradient(0deg, #d1cd11 10px, rgba(223, 219, 18, 0.8) 10px);}
	.menu .int li.int a:hover {color:#fff; background-image: linear-gradient(0deg, #00b7ee 10px, rgba(51, 204, 255, 0.8) 10px);}

	.menu .slider .outer .inner li:last-child{
	}
	.menu .slider .outer .inner a:hover{
	}

	/*	menu ctrl
	============================== */
	.menu ul.ctrl{

	}
	.menu ul.ctrl li{
	  position: absolute;
	  top: 50%;
	  bottom:0;
	  margin-top: -15px;
	}
	.menu ul.ctrl li.ctrl-lef{
	  left: 5px;
	}
	.menu ul.ctrl li.ctrl-rig{
	  right: 5px;
	}
	.menu ul.ctrl li a{
	  display: block;
	  width:30px;
	  height:30px;
		background-color: #000;
	  background-image:url(../img/parts/menu_ctl_smp.png);
	  background-repeat: no-repeat;
	  background-size: 60px 30px;
		border-radius: 50%;
	}
	.menu ul.ctrl li.ctrl-lef a{
	  background-position: 0 0;
	}
	.menu ul.ctrl li.ctrl-rig a{
		background-position: -30px 0;
	}
	.menu ul.ctrl li a:hover{

	}
	.menu ul.ctrl li a.hidebtn{
		cursor: default;
	  opacity: 0.3;
	  background-color: #000;
	}
	.menu ul.ctrl li a.hidebtn:hover{
	  cursor: default;

	}
	/*	subMenu
	============================== */
	header .subMenu{
		display: none;
	}


	/*	footer
	============================== */
	.copyright{
		display: block;
		padding:20px 20px 60px;
		color:#fff;
		font-size: 85%;
		line-height:1.5em;
		background: #64b6c8;
	}
	.copyright a{
		color:#fff;
		text-decoration: none;
	}
	.copyright a:hover{
		text-decoration: underline;
	}
	.copyright a:visited{
		color:#fff;
		text-decoration: none;
	}
}/* /スマホ */
/* PC */
@media all and (min-width: 768px) {

	/*	cover
	============================== */
	div.cover{
		background: #fff;
		background: url(../img/parts/bg01.png);
		background-size: 8px 8px;
	}

	/*	header
	============================== */
	header{
		background: #fff;
		background-position:top center;
		background-repeat: repeat-x;
		background-size: 960px 342px;
		overflow: hidden;
	}
	header .header{
		position: relative;
		width:960px;
		height:75px;
		/* background:#fff; */
		margin:0 auto;
	}

	header .header h1,
	header .header .logo{
		display: block;
		position: absolute;
		top:0;
		left:0px;
		width:190px;
		height:77px;
		background:url(../img/parts/logo.png?1);
		background-size:190px 77px;
		background-position:0 0;
	}
	header .header .logo a,
	header .header h1 a{
		display: block;
		width:100%;
		height:100%;
	}

	header .top_header_img{
		display: block;
		width:960px;
		height:480px;
		margin: 0 auto 10px;
		background-size:cover;
	}
	/* コンテンツヘッダ */
	.contentsHeader{
		display:table;
		width:960px;
		height:48px;
		margin:32px auto 0;
	}
	.contentsHeader div{
		display:table-cell;
		vertical-align:middle;
		box-sizing: border-box;
	}
	.contentsHeader div:first-child{
		text-align: center;
		background: #666;
		width:160px;
		font-weight: bold;
		color:#fff;
	}
	.contentsHeader div.tag{
		text-align: right;
		background: #eee;
		width:800px;
		padding-right: 20px;
	}
	.contentsHeader .tag span{
		display: inline-block;
		margin-right: 10px;
		font-size:18px;
		font-weight: bold;
	}
	.contentsHeader .tag span:last-child{
		margin-right: 0;
	}
	/*	contents
	============================== */
	main{
		margin-top:0;
		overflow: hidden;
	}

	/*	contents
	============================== */
	.contents{
		position:relative;
		width:960px;
		margin: 0 auto;
		/* background: #cc0; */
		overflow: hidden;
	}

	/*	menu
	============================== */
	.menu {
		height:50px;
		border-top: solid 1px #e5e5e5;
		background: linear-gradient(0deg, #e5e5e5 10px, white 10px);
		box-shadow: 0px 10px 10px 3px rgba(0,0,0,0.2);
		z-index:2;
	}
	.menu nav {
		display:block;
		width:960px;
		height:50px;
		margin:0 auto;
		position: relative;
		z-index:4;
	}
	.menu ul li.nolink a {
		cursor:default;
	}
	.menu ul {
		display:block;
		position: relative;
		width:960px;
		background-image: url(../img/parts/menu_bg.png);
		background-size: cover;
		margin:0 auto;
		/* font-size: 0; */
		overflow: hidden;
		z-index:5;
	}
	.menu ul li {
		display:block;
		float:left;
		height:50px;
		width:160px;
		/* background: #fff; */
		/* border-right:1px solid #e5e5e5; */
		box-sizing: border-box;
	}
	.menu ul li:last-child{
		border-right: none;
	}
	.menu ul li a > span {

	}
	.menu li a {
		display:block;
		width:160px;
		height:50px;
		font-weight:bold;
		line-height: 45px;
		color:#333;
		text-decoration:none;
	}
	.menu ul li a:hover {
		text-decoration:none;
	}
	.menu ul.ctrl{
		display: none;
	}
	.menu li.all a {background-image: linear-gradient(0deg, #707070 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.edu a {background-image: linear-gradient(0deg, #ff9900 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.env a {background-image: linear-gradient(0deg, #689f31 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.soc a {background-image: linear-gradient(0deg, #ee9490 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.sup a {background-image: linear-gradient(0deg, #e7e31c 10px, rgba(255, 255, 255, 0) 10px);}
	.menu li.int a {background-image: linear-gradient(0deg, #00b7ee 10px, rgba(255, 255, 255, 0) 10px);}

	.menu li.all a:hover {background-image: linear-gradient(0deg, #707070 10px, rgba(112, 112, 112, 0.2) 10px);}
	.menu li.edu a:hover {background-image: linear-gradient(0deg, #ff9900 10px, rgba(255, 153, 0, 0.2) 10px);}
	.menu li.env a:hover {background-image: linear-gradient(0deg, #689f31 10px, rgba(104, 159, 49, 0.2) 10px);}
	.menu li.soc a:hover {background-image: linear-gradient(0deg, #ee9490 10px, rgba(238, 148, 144, 0.2) 10px);}
	.menu li.sup a:hover {background-image: linear-gradient(0deg, #e7e31c 10px, rgba(231, 227, 28, 0.2) 10px);}
	.menu li.int a:hover {background-image: linear-gradient(0deg, #00b7ee 10px, rgba(0, 183, 238, 0.2) 10px);}


	.menu .all li.all a {color:#fff; background-image: linear-gradient(0deg, #707070 10px, rgba(137, 137, 137, 1) 10px);}
	.menu .edu li.edu a {color:#fff; background-image: linear-gradient(0deg, #ff9900 10px, rgba(255, 183, 76, 1) 10px);}
	.menu .env li.env a {color:#fff; background-image: linear-gradient(0deg, #689f31 10px, rgba(134, 178, 90, 1) 10px);}
	.menu .soc li.soc a {color:#fff; background-image: linear-gradient(0deg, #ee9490 10px, rgba(241, 169, 166, 1) 10px);}
	.menu .sup li.sup a {color:#fff; background-image: linear-gradient(0deg, #d1cd11 10px, rgba(223, 219, 18, 1) 10px);}
	.menu .int li.int a {color:#fff; background-image: linear-gradient(0deg, #00b7ee 10px, rgba(51, 204, 255, 1) 10px);}

	.menu .all li.all a:hover {color:#fff; background-image: linear-gradient(0deg, #707070 10px, rgba(137, 137, 137, 0.8) 10px);}
	.menu .edu li.edu a:hover {color:#fff; background-image: linear-gradient(0deg, #ff9900 10px, rgba(255, 183, 76, 0.8) 10px);}
	.menu .env li.env a:hover {color:#fff; background-image: linear-gradient(0deg, #689f31 10px, rgba(134, 178, 90, 0.8) 10px);}
	.menu .soc li.soc a:hover {color:#fff; background-image: linear-gradient(0deg, #ee9490 10px, rgba(241, 169, 166, 0.8) 10px);}
	.menu .sup li.sup a:hover {color:#fff; background-image: linear-gradient(0deg, #d1cd11 10px, rgba(223, 219, 18, 0.8) 10px);}
	.menu .int li.int a:hover {color:#fff; background-image: linear-gradient(0deg, #00b7ee 10px, rgba(51, 204, 255, 0.8) 10px);}

	/*	subMenu
	============================== */
	.subMenu{
		/* display: none; */
		/* height:80px; */
		background: #64b6c8;
		overflow: hidden;
	}
	.subMenu .inner{
		width:960px;
		overflow:hidden;
		margin:0 auto;
		text-align: left;
		position: relative;
	}
	.subMenu .inner nav.boshu,
	.subMenu .inner nav.shien,
	.subMenu .inner nav.sns{
		display:block;
		/*width:240px;*/
		width:190px;
		float:left;
	}
	.subMenu .inner nav.sns.bee {width:230px;}
	.subMenu .inner nav.boshu{
		/*margin-left: 80px;*/
	}
	.subMenu .inner nav.other{
		display:block;
		float:left;
	}
	.subMenu .inner nav.toppage{
		display:block;
		position: absolute;
		top:65px;
		left:800px;
	}
	.subMenu .inner nav h1,
	.subMenu .inner nav h2{
		display:block;
		height:30px;
		line-height:30px;
		font-size:16px;
		color:#fff;
		font-weight:600;
		box-sizing: border-box;
		border-left:solid 10px rgba(255, 255, 255, 0.5);
		padding-left:10px;
		margin-bottom:7px;
	}
	.subMenu .inner nav ul li a{
		display:block;
		height:30px;
		line-height:30px;
		font-size:15px;
		color:#fff;
		font-weight:bold;
		text-decoration: none;
		margin-bottom: 5px;
	}

	.subMenu .inner nav.boshu h1,
	.subMenu .inner nav.boshu h2{
		border-left:solid 10px #ff9900;
	}

	.subMenu .inner nav.boshu ul li a{
		padding-left:40px;
		background-position:left center;
		background-repeat: no-repeat;
		background-size: 30px 30px;
	}
	.subMenu .inner nav.boshu ul li.taiken a{background-image: url(../img/parts/submenu_icon_taiken.png);}
	.subMenu .inner nav.boshu ul li.demae a{background-image: url(../img/parts/submenu_icon_demae.png);}
	.subMenu .inner nav.boshu ul li.kengaku a{background-image: url(../img/parts/submenu_icon_kengaku.png);}
	.subMenu .inner nav.boshu ul li.beekeeping a{background-image: url(../img/parts/submenu_icon_demae.png);}
	.subMenu .inner nav.boshu ul li.beekeeping a span.omitted {display: none;}

	.subMenu .inner nav.shien h1,
	.subMenu .inner nav.shien h2{
		border-left:solid 10px #e7e31c;
	}
	.subMenu .inner nav.shien ul li a{
		padding-left:25px;
		background-image: url(../img/parts/submenu_icon_shien.png);
		background-position:left center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}

	.subMenu .inner nav.sns.bee h2 span{
		display: inline-block;
		height:32px;
		line-height:32px;
		font-size:13px;
		/*letter-spacing: -0.08em;
		background-position: right center;
		background-repeat: no-repeat;
		background-image: url(../img/parts/submenu_icon_bee.png);
		background-size: 26px 26px;
		padding-right: 30px;
		padding-left: 34px;
		border-left:none;*/
	}
	.subMenu .inner nav.sns ul{
		overflow: hidden;
		
	}
	/*.subMenu .inner nav.sns.bee ul{
		padding-left: 4px;
	}*/
	.subMenu .inner nav.sns ul li a{
		display:block;
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 25px;
		/*width:50px;
		height:50px;
		float:left;*/
	}
	.subMenu .inner nav.sns ul li.tw a{
		background-image: url(../img/parts/submenu_icon_tw.png);
		background-size: 20px 16px;
	}
	.subMenu .inner nav.sns ul li.sns_x a{
		background-image: url(../img/parts/submenu_icon_x.png);
		background-size: 20px 20px;
	}
	.subMenu .inner nav.sns ul li.fb a{
		background-image: url(../img/parts/submenu_icon_fb.png);
		background-size: 20px 20px;
	}
	.subMenu .inner nav.sns ul li.ig a{
		background-image: url(../img/parts/submenu_icon_ig.png);
		background-size: 20px 20px;
	}
	.subMenu .inner nav.sns ul li.yt a{
		background-image: url(../img/parts/submenu_icon_yt.png);
		background-size: 20px 20px;
	}
	.subMenu .inner nav.sns ul li a{
		display:block;
		height:100%;
	}
	.subMenu .inner nav.sns span.cap{
		font-size:10px;
		color:#fff;
	}
	.subMenu .inner nav.other{
		padding-top:8px;
	}
	.subMenu .inner nav.other ul li a{
		height:23px;
		line-height: 25px;
		padding-left:25px;
		background-image: url(../img/parts/submenu_icon_other.png);
		background-position:left center;
		background-repeat: no-repeat;
		background-size: 15px 15px;
		/* background-color: #f00; */
		font-size: 14px;
	}
	.subMenu .inner nav.toppage ul{
		width:160px;
		border-top: solid 1px #5aa3b4;
	}
	.subMenu .inner nav.toppage ul li a{
		height:23px;
		margin-top: 5px;
		line-height: 25px;
		padding-left:25px;
		background-image: url(../img/parts/submenu_icon_other.png);
		background-position:left center;
		background-repeat: no-repeat;
		background-size: 15px 15px;
		/* background-color: #f00; */
		font-size: 14px;
	}
	/*サブメにュー　アコーデオンメニュー*/

	header .accordion-btn{
		display: block;
		position: absolute;
		top:10px;
		right:0;
		width:45px;
		height:65px;
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 45px 20px;
		font-size: 9px;
		}
	header .accordion-close .accordion-btn{
		background-image: url(../img/parts/submenu_btn_bg_open.png);
	}
	header .accordion-open .accordion-btn{
		background-image: url(../img/parts/submenu_btn_bg_close.png);
	}
	header .accordion-btn button{
		display: block;
		width:45px;
		height:45px;
		background: #fff;
		border-radius: 50%;
		border:solid 1px rgba(0,0,0,1);
		box-sizing: border-box;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
	}
	header .accordion-btn button:focus{
		outline: 0;
	}
	header .accordion-close .accordion-btn button{
		background-image: url(../img/parts/submenu_btn_open.png);
	}
	header .accordion-open .accordion-btn button{
		background-image: url(../img/parts/submenu_btn_close.png);
	}
	header .accordion-unit .accordion-box {
		transition-duration:500ms;
		transition-timing-function:ease-in-out;
		transition-property:height,opacity,margin-bottom;
	}
	header .accordion-close .accordion-box {
		height:0;
		opacity: 1;
		margin-bottom:0;
	}
	header .accordion-open .accordion-box {
		height:auto;
		opacity: 1;
		margin-bottom:0;
		padding-bottom: 5px;
	}
	.drawer,
	.drawerBtn{
		display:none;
	}
	/*	heading
	============================== */
	.heading{
		display:block;
		height:342px;
		margin-top: 10px;
		margin-bottom: 20px;
		background:linear-gradient(180deg,rgba(0,0,0,1) 195px,rgba(0,0,0,0) 195px);
	}
	.heading .photo{
		display: block;
		width: 960px;
		height: 195px;
		background: #000;
		position: relative;
		background-size: 960px 195px;
	}
	.heading h1{
		display: block;
		width: 960px;
		height: 85px;

	}
	.news .heading h1{

		background-size: 960px 75px;
	}

	/*	banner rect
	============================== */
	.bn-recta{

	}
	/*	footer
	============================== */
	.copyright{
		display: block;
		padding:20px 0 50px;
		color:#fff;
		font-size: 75%;
		line-height:1.5em;
		background: #64b6c8;
	}

	.copyright a{
		color:#fff;
		text-decoration: none;
	}
	.copyright a:hover{
		text-decoration: underline;
	}
	.copyright a:visited{
		color:#fff;
		text-decoration: none;
	}

}/* /PC */
/*	back to top
============================== */
p.backtotop {
	z-index:20;
	-webkit-transition-duration:300ms;
	-webkit-transition-timing-function:ease-in-out;
	transition-duration:300ms;
	transition-timing-function:ease-in-out;
}
p.backtotop a, p.backtotop span {
	display:block;
}
p.btot-on, p.btot-off {
	position:fixed;
}
/* スマホ */
@media all and (max-width: 767px) {
	p.backtotop {
		min-width:320px;
		transition-property:bottom;
	}
	p.btot-on, p.btot-off {
		width:100%;
	}
	p.btot-on {
		bottom:0;
	}
	p.btot-off {
		bottom:-40px;
	}
	p.backtotop a {
		position:relative;
		text-decoration:none;
		color:#fff;
		text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
		background-color:hsla(0,0%,0%,0.8);
		height:40px;
	}
	p.backtotop a span {
		display:block;
		margin: 0 auto;
		line-height: 40px;
		font-size:14px;
		font-weight:bold;
	}
	p.backtotop a span:before {
		display: inline-block;
		line-height: 40px;
		vertical-align: middle;
		margin-top:-0.25em;
		margin-right:0.5em;
		content:"";
		background-image:url(../img/parts/pagetop_smp.png);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:left top;
		width:16px;
		height:16px;
		background-color:#fff;
		border-radius:50%;
	}

}/* /スマホ */
/* PC */
@media all and (min-width: 768px) {
	p.backtotop {
		display:none;
		transition-property:bottom;
	}
	p.backtotop.btot-on {
		display:block;
		right:40px;
		bottom:40px;
	}
	p.backtotop.btot-off {
		display:block;
		right:40px;
		bottom:-120px;
	}
	p.backtotop a {
		background:#000 url(../img/parts/pagetop.png);
		background-size:28.5px 37px;
		background-repeat:no-repeat;
		background-position:center center;
		width:60px;
		height:60px;
		text-indent:110%;white-space:nowrap;overflow:hidden;
		border-radius: 5px;
		opacity: 0.6;
	}
}/* /PC */

@media all and (min-width: 768px) {
/* ↓必要 */
	.rightSideMenu-btn {
		display:none;
	}
}
@media all and (max-width: 767px) {
	.rightSideMenu-btn{
		display: block;
		position: relative;
		z-index: 902;
		}

	.rightSideMenu-btn-close{
		display: block;
		width:35px;
		height:46px;
		position: absolute;
		top:3px;
		right:4px;
		box-sizing: border-box;
		background-image: url(../img/parts/drawer_btn_close.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 35px 46px;
	}
	.rightSideMenu-btn-open{
		display: block;
		width:35px;
		height:46px;
		position: absolute;
		top:3px;
		right:10px;
		box-sizing: border-box;
		background-image: url(../img/parts/drawer_btn_open.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 35px 46px;
	}


	.rightSideMenu-contents {
		background-repeat:no-repeat;
		background-position:right bottom;

		/* 場合によっては必要 */
		/* text-align:left; */

		/* 右メニューの背景色 */
		background-color:#64b6c8;

		/* 以下は入れてください */
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		/**/
	}
	/*	subMenu
	============================== */
	.subMenu2 .inner{
		margin:0;
		text-align: left;
		background: #5aa3b4;
	}
	.subMenu2 .inner nav{
		display:block;
	}
	.subMenu2 .inner nav h2{
		display:block;
		height:40px;
		line-height:40px;
		font-size:18px;
		color:#fff;
		font-weight:600;
		box-sizing: border-box;
		border-left:solid 10px rgba(255, 255, 255, 0.5);
		background-color: #64b6c8;
		padding-left:10px;
		margin-bottom:1px;
	}
	.subMenu2 .inner nav ul{
		margin-top: 0;
		margin-bottom: 3px;
	}
	.subMenu2 .inner nav ul li a{
		display:block;
		height:50px;
		line-height:50px;
		font-size:18px;
		color:#fff;
		font-weight:bold;
		text-decoration: none;
		background-color: #64b6c8;
		
	}
	.subMenu2 .inner nav ul li:not(:last-child) a {border-bottom: solid 1px #5aa3b4;}

	.subMenu2 .inner nav.boshu h2{
		border-left:solid 10px #ff9900;
	}

	.subMenu2 .inner nav.boshu ul li a{
		padding-left:50px;
		background-position:5px center;
		background-repeat: no-repeat;
		background-size: 38px 38px;
	}
	.subMenu2 .inner nav.boshu ul li.taiken a{background-image: url(../img/parts/submenu_icon_taiken.png);}
	.subMenu2 .inner nav.boshu ul li.demae a{background-image: url(../img/parts/submenu_icon_demae.png);}
	.subMenu2 .inner nav.boshu ul li.kengaku a{background-image: url(../img/parts/submenu_icon_kengaku.png);}
	.subMenu2 .inner nav.boshu ul li.beekeeping a{background-image: url(../img/parts/submenu_icon_demae.png);}

	.subMenu2 .inner nav.shien h2{
		border-left:solid 10px #e7e31c;
	}
	.subMenu2 .inner nav.shien ul li a{
		padding-left:50px;
		background-image: url(../img/parts/submenu_icon_shien.png);
		background-position:14px center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}
	/*.subMenu2 .inner nav.sns h2{
		margin-bottom: 0;}*/
	
	.subMenu2 .inner nav.sns.bee h2 span{
		display: inline-block;
		height:40px;
		line-height:40px;
		font-size:16px;
		/*letter-spacing: -0.04em;
		background-position: right top 2px;
		background-repeat: no-repeat;
		background-image: url(../img/parts/submenu_icon_bee.png);
		background-size: 38px 38px;
		padding-right: 45px;
		padding-left: 45px;
		border-left:none;*/
	}
	.subMenu2 .inner nav.sns ul{
		overflow: hidden;
		padding-top:1px;
		/*padding-left: 16px;*/
		background-color: #64b6c8;
		margin-bottom: 0;
		/*height:50px;*/
	}
	.subMenu2 .inner nav.sns ul li a{
		display:block;
		background-position: 14px center;
		background-repeat: no-repeat;
		padding-left: 50px;
	}
	.subMenu2 .inner nav.sns ul li.tw a{
		background-image: url(../img/parts/submenu_icon_tw.png);
		background-size: 20px 16px;
	}
	.subMenu2 .inner nav.sns ul li.sns_x a{
		background-image: url(../img/parts/submenu_icon_x.png);
		background-size: 20px 20px;
	}
	.subMenu2 .inner nav.sns ul li.fb a{
		background-image: url(../img/parts/submenu_icon_fb.png);
		background-size: 20px 20px;
	}
	.subMenu2 .inner nav.sns ul li.ig a{
		background-image: url(../img/parts/submenu_icon_ig.png);
		background-size: 20px 20px;
	}
	.subMenu2 .inner nav.sns ul li.yt a{
		background-image: url(../img/parts/submenu_icon_yt.png);
		background-size: 20px 20px;
	}
	
	/*.subMenu2 .inner nav.sns ul li{
		display:block;
		float:left;
	}
	.subMenu2 .inner nav.sns ul li.tw a{
		width:50px;
		height:50px;
		background-image: url(../img/parts/submenu_icon_tw.png);
		margin-right:10px;
		background-size: 51px 41px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.subMenu2 .inner nav.sns ul li.fb a{
		width:50px;
		height:50px;
		background-image: url(../img/parts/submenu_icon_fb.png);
		margin-right:8px;
		background-size: 50px 50px;
		background-position: center center;
		background-repeat: no-repeat;
	}
.subMenu2 .inner nav.sns ul li.fb a{
		width:50px;
		height:50px;
		background-image: url(../img/parts/submenu_icon_fb.png);
		margin-right:8px;
		background-size: 50px 50px;
		background-position: center center;
		background-repeat: no-repeat;
	}
*/
	.subMenu2 .inner nav.sns span.cap{
		display: block;
		/*height:20px;
		line-height: 20px;*/
		font-size:10px;
		color:#fff;
		background-color: #64b6c8;
		margin-bottom: 3px;
		padding-bottom: 5px;
		text-indent: 10px;
	}
	.subMenu2 .inner nav.other ul li a{
		height:40px;
		line-height: 40px;
		padding-left:50px;
		background-image: url(../img/parts/submenu_icon_other.png);
		background-position:18px center;
		background-repeat: no-repeat;
		background-size: 15px 15px;
		/* background-color: #f00; */
		font-size: 14px;
	}
	.subMenu2 .inner nav.toppage ul li a{
		height:40px;
		margin-top: 0;
		line-height: 40px;
		padding-left:50px;
		background-image: url(../img/parts/submenu_icon_other.png);
		background-position:18px center;
		background-repeat: no-repeat;
		background-size: 15px 15px;
		font-size: 14px;
	}
}



/* みつばちプロジェクト記事 */
.bee main .frame { 
	background-color:#FFFDF0; background-image: url(../img/parts/bee_header.png);
	background-position:top center;
	background-repeat: no-repeat;
	position: relative;
	
		}
.bee main .frame .btnBee { position: absolute;}
.bee main .frame .btnBee a { display: block;}
.bee main .frame .btnBee a span{ display: block;
	background-image: url(../img/parts/btn_beechan.png);
	background-position:center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px;
	position: relative;
transition:0.5s;}
.bee main .frame .btnBee a:hover span{ background-image: url(../img/parts/btn_beechan_ov.png);}
/* ↓スマホ */
@media all and (max-width: 767px) {


	.bee main .frame {background-size: contain; padding-top: 26.5%;}
	.bee main .frame .btnBee { top:0; right:1.625%; width: 16.5%;}
	.bee main .frame .btnBee a span { width: 100%; height: 0; padding-top: 149.253%;}
}/* /スマホ */
/* PC */
@media all and (min-width: 768px) {
	.bee main .frame {background-size: 800px 200px; padding-top: 225px; }
	.bee main .frame .btnBee { top:25px; right:92px;}
	.bee main .frame .btnBee a, .bee main .frame .btnBee a span {width:132px; height: 150px;}
}/* /PC */