/*pc_css*/
#text {
	height: 0 !important;
	line-height: 0;
	font-size: 0;
}

@media screen and (min-width:750px) {

	#pagetop {
		/* ボタン */
		position: fixed;
		background: none;
		z-index: 81;
		opacity: 1;
		bottom: -70px;
		cursor: pointer;
		line-height: 0;
	}

	body {
		min-width: 1280px !important;
	}

	.pc_none {
		display: none !important;
	}

	.pan {
		padding: 15px 0 40px 0;
		width: 960px;
		margin: 0 auto;
		font-size: 0.8em;
		line-height: 1;
	}

	.pan a {
		color: #666666;
		text-decoration: underline;
	}

	.pan a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	.bgbox1 {
		background: #eaeaea;
	}

	.contcontainer {
		width: 960px;
		margin: 0 auto;
	}

	/*header*/
	#header {
		width: 100%;
		min-width: 1280px;
		background: #fff;
		border-bottom: 1px solid #ccc;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 120;
	}

	#header .innerbox {
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	#header .flexrow-nowrap {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	#header .innerbox .logobox {
		width: 40%;
	}

	#header .innerbox .logobox .logo {
		width: 268px;
		line-height: 0;
		float: left;
		padding: 15px 0 15px 30px;
		width: 40%;
		min-width: 160px;
		max-width: 240px;
	}

	#header .innerbox .logobox .logo img,
	#header .innerbox .logobox .logo-small img {
		width: 100%;
	}

	#header .innerbox .logobox .logo-small {
		line-height: 0;
		padding: 24px 0 6px 24px;

		width: 18%;
		min-width: 100px;
		max-width: 120px;
	}

	#header .innerbox .nav {
		float: right;
	}

	#header .innerbox .nav li {
		float: left;
		font-size: 0.8em;
		list-style: none;
		line-height: 1;
		padding: 11px 0 0 0;
	}

	#header .innerbox .nav li.contact {
		float: left;
		font-size: 0.8em;
		list-style: none;
		line-height: 1;
		padding: 0 0 0 0;
		margin: 0 0 0 20px;
	}

	#header .innerbox .nav li a {
		padding: 12px 19px;
		display: block;
		margin: 0 0;
		font-size: 125%;
		font-weight: bold;
	}

	#header .innerbox .nav li a:hover {
		background: #b32c29;
		color: #fff;
		margin: 0 0;
	}

	#header .innerbox .nav li.contact a {
		float: left;
		font-size: 135%;
		list-style: none;
		line-height: 1;
		padding: 22px 25px;
		background: #b32c29;
		color: #fff;
	}

	#header .innerbox .nav li.contact a:after {
		content: "";
		width: 7px;
		height: 14px;
		background: url("/images/common/arrow02.png") no-repeat;
		background-size: 7px;
		display: inline-block;
		margin: 0 0 0 15px;
		vertical-align: middle;
	}

	#header .innerbox .nav li.contact a:hover {
		opacity: 0.8;
	}

	#header .navi02 {
		background: #fafafa;
		width: auto;
		text-align: center;
		line-height: 0;
	}

	#header .navi02 .nav2 {
		display: inline-block;
		list-style: none;
	}

	#header .navi02 .nav2 li {
		float: left;
		font-size: 115%;
		font-weight: bold;
		padding: 8px 0;
		line-height: 1;
	}

	#header .navi02 .nav2 li a {
		padding: 12px 19px;
		display: block;
		margin: 0 1px;
		font-weight: bold;
	}

	#header .navi02 .nav2 li a:hover {
		padding: 12px 19px;
		background: #b32c29;
		color: #fff !important;
		margin: 0 1px;
	}

	#header .innavi {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		padding: 0 0 !important;
		background: #777777;
		text-align: center;
		display: block;
		line-height: 0em;
		z-index: 100;
		display: none;
	}

	#header .innavi .innavicontainer {
		display: inline-block;
	}

	#header .innavi ul.innavilist {
		line-height: 0em;
		display: block;
	}

	#header .innavi ul.innavilist li {
		float: left;
		color: #fff;
		font-size: 1.2em !important;
		padding: 15px 0 0 0 !important;
		border-left: none !important;
		line-height: 1;
		display: block;
	}

	#header .navi02 .nav2 li ul.innavilist li p {
		padding: 0 15px !important;
		padding: 0 0 0 0;
		border-left: 1px solid #fff;
	}

	#header .navi02 .nav2 li ul.innavilist li a {
		padding: 0 0 15px 0 !important;
		display: block;
		color: #fff;
		background: none !important;
		box-sizing: border-box;
		font-size: 70%;
		font-weight: normal;
	}

	#header .navi02 .nav2 li ul.innavilist li:first-child a p {
		border-left: none;
	}

	#header .navi02 .nav2 li ul.innavilist li a:hover {
		color: #CCC !important;
		background: none !important;
	}

	/* pagetop */
	#pagetop {
		width: 66px;
	}

	#pagetop img {
		width: 100%;
		height: auto;
	}

	#pagetop .inbox:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	/*footer*/
	#footer {
		background-color: #abababa1;
		padding: 20px 20px 0 20px;
		min-width: 768px;
	}

	#footer .f_cont {
		overflow-x: hidden;
	}

	#footer .f_cont .f_innerbox {
		display: flex;
		flex-wrap: nowrap;
		gap: 20px;
		width: 1280px;
		margin: 0 auto;
	}

	#footer .f_cont .rbox {
		width: 500px;
	}

	#footer .f_cont .lbox {
		display: flex;
		width: 780px;
		flex-direction: column;
		gap: 20px;
		background-color: #ffffff;
	}

	#footer .f_cont .lbox .titlebox {
		display: flex;
		align-items: center;
		height: 100%;
	}

	#footer .f_cont .lbox .titlebox .company-info {
		background-color: #ffffff;
		margin-top: 50px;
		margin-left: 50px;
		width: 600px;
	}

	#footer .f_cont .lbox .titlebox .SNS {
		display: flex;
		justify-content: left;
		gap: 40px;
		background-color: #ffffff;
		margin-top: 30px;
		margin-left: 130px
	}

	#footer .f_cont .lbox .titlebox .SNS a img {
		width: 30px;
		height: 30px;
	}

	#footer .f_cont .lbox .footer-nav {
		display: flex;
		justify-content: center;
		gap: 20px;
		justify-content: space-between;
		background-color: #abababa1;
		padding: 40px;
		font-size: 80%;
	}

	#footer .f_cont .lbox .footer-nav .nav-center {
		border-right: 3px solid #ffffff;
	}

	#footer .f_cont .lbox .footer-nav .nav-left {
		border-right: 3px solid #ffffff;
	}

	#footer .f_cont .lbox .footer-nav ul {
		list-style-type: none;
		width: 30%;
	}

	#footer .f_cont .lbox .footer-nav ul p {
		margin-bottom: 10px;
	}

	#footer .f_cont .lbox .footer-nav ul p a {
		text-decoration: none;
		color: #333;
		transition: color 0.3s;
	}

	#footer .f_cont .lbox .footer-nav ul p a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	#footer .bannerbox {
		display: flex;
		justify-content: center;
		gap: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: #ffffff;
		height: 60px;
		width: 100%;
	}

	#footer .bannerbox a img {
		background-color: #ffffff;
		display: block; 
        margin: 0 auto;
		max-height: 100%;
		max-width: 100%;
	}

	#footer .copybox {
		text-align: center;
		color: #1a1a1a;
		height: 20px;
		padding: 20px 0;
	}

	/*言語chengeボタン*/
	#header .changebtn {
		float: right;
		display: block;
		margin: 0.2em 0 0 10px;
	}

	.en #header .changebtn {
		float: right;
		display: block;
		margin: 0.2em 30px 0 10px;
	}

	#header .changebtn .jpbtn {
		float: left;
		display: block;
		width: 30px;
	}

	#header .changebtn .enbtn {
		float: left;
		display: block;
		width: 30px;
	}

	#header .changebtn .jpbtn a,
	#header .changebtn .enbtn a {
		padding: 0 !important;
		display: block !important;
		width: 30px !important;
		background: none !important;
	}

	#header .changebtn .jpbtn img,
	#header .changebtn .enbtn img {
		width: 100%;
		height: auto;
	}

	#header .changebtn.en {
		display: none;
	}

	body.en #header .changebtn.en {
		display: block;
	}

	body.en #header .changebtn.jp {
		display: none;
	}

	#header .changebtn.jp {
		display: none;
	}

	#index #header .changebtn.jp,
	#tnf #header .changebtn.jp,
	#t_bags #header .changebtn.jp,
	#company #header .changebtn.jp {
		display: block !important;
	}

	#index.en #header .changebtn.jp,
	#tnf.en #header .changebtn.jp,
	#t_bags.en #header .changebtn.jp,
	#company.ccont02 #header .changebtn.jp,
	#company.ccont03 #header .changebtn.jp,
	#company.ccont04 #header .changebtn.jp,
	#company.ccont05 #header .changebtn.jp,
	#company.ccont06 #header .changebtn.jp,
	#company.en #header .changebtn.jp,
	#tnf.ccont08.en #header .changebtn.en,
	#t_bags.ccont05.en #header .changebtn.en {
		display: none !important;
	}

	.en #footer .bannerbox {
		display: none !important;
	}

	body.en #header .logo {
		display: none;
	}

	body.en #header .logo.ennavi {
		display: block;
	}

	#header .logo {
		display: block;
	}

	#header .logo.ennavi {
		display: none;
	}

	body.en #header .nav li.jp {
		display: none !important;
	}

	body.en #header .navi02 {
		display: none !important;
	}

	body.en #header .nav li .innavilist li {
		display: inline-block !important;
		font-size: 0.85em !important;
		float: none !important;
	}

	body#tnf.en #header .nav li .innavilist {
		text-align: center;
	}

	body.en #header .nav li.en {
		display: block !important;
	}

	body.en #header .nav li.en.pc_none {
		display: none !important;
	}

	#header .nav li {
		display: block !important;
	}

	#header .nav li.pc_none {
		display: none !important;
	}

	#header .nav li.en {
		display: none !important;
	}

	.en #footer .fbox .inbox.en {
		display: block !important;
	}

	.en #footer .fbox .inbox {
		display: none !important;
	}

	#footer .fbox .inbox.en {
		display: none !important;
	}

	#footer .fbox .inbox {
		display: block !important;
	}
}

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

	body {
		min-width: 100% !important;
		font-size: 0.8em !important;
	}

	.sp_none {
		display: none !important;
	}

	.menuright {
		position: absolute;
		width: 1.4em;
		top: 15px;
		right: 15px;
		cursor: pointer;
	}

	.menuright img {
		width: 100%;
		height: auto;
	}

	.spheader {
		width: 100%;
		position: fixed;
		background: #fff;
		z-index: 100;
		top: 0;
		left: 0;
		line-height: 1;
	}

	.spheader .inner {
		padding: 15px 3%;
	}

	.spheader .splogo {
		width: 182px;
		float: left;
	}

	.spheader img {
		width: 100%;
		height: auto;
	}

	.spheader .spmenu {
		width: 25px;
		float: right;
	}

	.pan {
		padding: 15px 0 40px 0;
		width: 960px;
		margin: 0 auto;
		font-size: 0.8em;
		line-height: 1;
		display: none;
	}

	.pan a {
		color: #666666;
		text-decoration: underline;
	}

	.pan a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	.bgbox1 {
		background: #eaeaea;

	}

	.contcontainer {
		width: 90%;
		margin: 0 auto;
	}

	/*header*/
	#header {
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #ccc;
		position: relative;
	}

	#header .innerbox {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#header .innerbox .logo {
		width: 285px;
		line-height: 0;
		float: left;
		display: none;
	}

	#header .innerbox .logo img {
		width: 100%;
	}

	#header .innerbox .nav {
		float: none;
		border-right: none;
	}

	#header .innerbox .nav li {
		float: none;
		font-size: 0.9em;
		list-style: none;
		line-height: 1.5em;
		border-left: none;
		width: 100%;
		background: #e1e1e1;
		position: relative;
	}

	#header .innerbox .nav li.closemenu {
		display: block;
		margin: 0 0;
		padding: 15px 15px;
		border-bottom: 1px solid #fff;
	}

	#header .innerbox .nav li.closemenu .in {
		height: 20px;
	}

	#header .innerbox .nav li.closemenu .in img {
		height: 100%;
		width: auto;
	}

	#header .innerbox .nav li a {
		display: block;
		margin: 0 0;
		padding: 15px 15px;
		border-bottom: 1px solid #fff;
	}

	#header .innerbox .nav li a.active {
		padding: 15px 15px;
		background: #b32c29;
		color: #fff;
		margin: 0 0;
	}

	#header .innerbox .nav li a:hover {
		padding: 15px 15px;
		background: #b32c29;
		color: #fff;
		margin: 0 0;
	}

	#header .innavi {
		position: relative;
		top: 100%;
		left: 0;
		width: 100%;
		padding: 0 0 !important;
		background: #777777;
		text-align: center;
		display: none;
		line-height: 0em;
		z-index: 100;
	}

	#header .innavi .innavicontainer {
		display: block;
	}

	#header .innavi ul.innavilist {
		line-height: 0em;
		display: block;
		width: 100%;
	}

	#header .innavi ul.innavilist li {
		float: none;
		color: #1a1a1a !important;
		font-size: 1em !important;
		padding: 0 0 !important;
		border-left: none !important;
		display: block;
		width: 100%;
		background: #fff;
		border-bottom: 1px dotted #1a1a1a;
		text-align: left;
	}

	#header .innavi ul.innavilist li:last-child {
		float: none;
		color: #1a1a1a !important;
		font-size: 1em !important;
		padding: 0 0 !important;
		border-left: none !important;
		display: block;
		width: 100%;
		background: #fff;
		border-bottom: none;
	}

	#header .innavi ul.innavilist li p {
		padding: 0 0 !important;
		padding: 0 0 0 0;
		border-left: none;
	}

	#header .innavi ul.innavilist li a {
		padding: 15px 15px !important;
		display: block;
		color: #1a1a1a;
		background: none !important;
		box-sizing: border-box;
		margin: 0 0 0 0 !important;
	}

	#header .innavi ul.innavilist li:first-child a p {
		border-left: none;
	}

	#header .innavi ul.innavilist li a:hover {
		color: #CCC !important;
		background: none !important;
	}

	#header .menuright img:first-child {
		display: block;
	}

	#header .menuright img:last-child {
		display: none;
	}

	/*footer*/
	#footer {
		width: 100%;
		background-color: #abababa1;
	}

	#footer .f_cont {
		border-bottom: 1px solid #ffffff;
	}

	#footer .f_cont .f_innerbox {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}

	#footer .f_cont .f_innerbox .rbox {
		display: none;
	}

	#footer .f_cont .f_innerbox .lbox {
		float: none;
		display: flex;
		flex-direction: column-reverse;
	}

	#footer .f_cont .f_innerbox .lbox .footer-nav {
		float: center;
		width: 100%;
	}

	#footer .f_cont .f_innerbox .lbox .footer-nav a {
		color: #000000;
		font-size: 12pt;
		margin: 0 0 0 0;
		display: block;
		text-align: center !important;
		font-weight: bold;
		padding: 15px 0;
		border-bottom: 1px solid #ffffff;
	}

	#footer .f_cont .f_innerbox .lbox .footer-nav a:before {
		margin: -3px 7px 0 0;
		content: " ";
		display: inline-block;
		width: 4px;
		height: 7px;
		background-size: contain;
		vertical-align: middle;
	}

	#footer .f_cont .f_innerbox .lbox .footer-nav a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	#footer .f_cont .lbox .titlebox .company-info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: #ffffff;
		padding-top: 50px;
		width: 100% !important;
		text-align: center;
	}

	#footer .f_cont .lbox .titlebox .company-info a img {
		width: 100% !important;
	}

	#footer .f_cont .lbox .titlebox .SNS {
		display: flex;
		justify-content: center;
		gap: 40px;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#footer .f_cont .lbox .titlebox .SNS a img {
		max-width: 30px;
		max-height: 30px;
	}

	#footer .f_cont .bannerbox {
		text-align: center;
		width: 100%;
	}

	#footer .f_cont .bannerbox img {
		width: 30%;
	}

	#footer .f_cont .bannerbox a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	#footer .copybox {
		text-align: center;
		color: #000000;
		font-size: 0.6em;
		padding: 20px 0;
	}

	/*言語chengeボタン*/
	#header .changebtn {
		float: right;
		display: none;
		margin: 0 10px 0 0;
	}

	.spheader .changebtn {
		float: right;
		display: block;
		margin: 0 10px 0 0;
	}

	.spheader .changebtn .jpbtn {
		float: left;
		display: block;
		width: 21px;
	}

	.spheader .changebtn .enbtn {
		float: left;
		display: block;
		width: 21px;
	}

	.spheader .changebtn .jpbtn img,
	.spheader .changebtn .enbtn img {
		width: 100%;
		height: auto;
	}

	.spheader .changebtn.en {
		display: none;
	}

	body.en .spheader .changebtn.en {
		display: block;
	}

	body.en .spheader .changebtn.jp {
		display: none;
	}

	#index #header .changebtn.jp,
	#tnf #header .changebtn.jp,
	#t_bags #header .changebtn.jp,
	#company #header .changebtn.jp {
		display: block !important;
	}

	#index.en #header .changebtn.jp,
	#tnf.en #header .changebtn.jp,
	#t_bags.en #header .changebtn.jp,
	#company.ccont02 #header .changebtn.jp,
	#company.ccont03 #header .changebtn.jp,
	#company.ccont04 #header .changebtn.jp,
	#company.ccont05 #header .changebtn.jp,
	#company.ccont06 #header .changebtn.jp,
	#company.en #header .changebtn.jp {
		display: none !important;
	}

	.en #footer .bannerbox.bn {
		display: none !important;
	}


	body.en .spheader .splogo {
		display: none;
	}

	body.en .spheader .splogo.ennavi {
		display: block;
	}

	body.en #header .nav li {
		display: none !important;
	}

	body.en #header .innavi ul.innavilist li {
		display: block !important;
	}

	body.en #header .nav li.en {
		display: block !important;
	}

	body.en #header .nav li.home {
		display: block !important;
	}

	#header .nav li.en {
		display: none !important;
	}

	#header .nav li.home {
		display: block !important;
	}

	.en #footer .fbox .inbox.en {
		display: block !important;
	}

	.en #footer .fbox .inbox {
		display: none !important;
	}

	#footer .fbox .inbox.en {
		display: none !important;
	}

	#footer .fbox .inbox {
		display: block !important;
	}

	#header .nav li.home {
		display: none !important;
	}

}

@media print {
	body {
		min-width: 1280px !important;
	}

	.pc_none {
		display: none !important;
	}

	/*header*/
	#header {
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #ccc;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 120;
		min-width: 1400px;
	}

	#header .innerbox {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;

		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	#header .flexrow-nowrap {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	#header .innerbox .logo {
		width: 240px;
		line-height: 0;
		float: left;
		padding: 15px 0 15px 30px;
	}

	#header .innerbox .logo img {
		width: 100%;
	}

	#header .innerbox .nav {
		float: right;
		/*border-right:1px solid #ccc;*/
	}

	#header .innerbox .nav li {
		float: left;
		font-size: 0.8em;
		list-style: none;
		line-height: 1;
		padding: 11px 0 0 0;
		/*border-left:1px solid #ccc;*/
	}

	#header .innerbox .nav li.contact {
		float: left;
		font-size: 0.8em;
		list-style: none;
		line-height: 1;
		padding: 0 0 0 0;
		margin: 0 0 0 20px;
		/*border-left:1px solid #ccc;*/
	}

	#header .innerbox .nav li a {
		padding: 12px 19px;
		display: block;
		margin: 0 0;
		font-size: 125%;
		font-weight: bold;
	}

	#header .innerbox .nav li a:hover {
		background: #b32c29;
		color: #fff;
		margin: 0 0;
	}

	#header .innerbox .nav li.contact a {
		float: left;
		font-size: 135%;
		list-style: none;
		line-height: 1;
		padding: 22px 25px;
		background: #b32c29;
		color: #fff;
		/*border-left:1px solid #ccc;*/
	}

	#header .innerbox .nav li.contact a:after {
		content: "";
		width: 7px;
		height: 14px;
		background: url("/images/common/arrow02.png") no-repeat;
		background-size: 7px;
		display: inline-block;
		margin: 0 0 0 15px;
		vertical-align: middle;
	}

	#header .innerbox .nav li.contact a:hover {
		opacity: 0.8;
	}

	#header .navi02 {
		background: #fafafa;
		width: 100%;
		text-align: center;
		line-height: 0;
	}

	#header .navi02 .nav2 {
		display: inline-block;
		list-style: none;
	}

	#header .navi02 .nav2 li {
		float: left;
		font-size: 115%;
		font-weight: bold;
		padding: 8px 0;
		line-height: 1;
	}

	#header .navi02 .nav2 li a {
		padding: 12px 19px;
		display: block;
		margin: 0 1px;
		font-weight: bold;
	}

	#header .navi02 .nav2 li a:hover {
		padding: 12px 19px;
		background: #b32c29;
		color: #fff !important;
		margin: 0 1px;
	}

	#header .innavi {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		padding: 0 0 !important;
		background: #777777;
		text-align: center;
		display: block;
		line-height: 0em;
		z-index: 100;
		display: none;
	}

	#header .innavi .innavicontainer {
		display: inline-block;
	}

	#header .innavi ul.innavilist {
		line-height: 0em;
		display: block;
	}

	#header .innavi ul.innavilist li {
		float: left;
		color: #fff;
		font-size: 1em !important;
		padding: 15px 0 0 0 !important;
		border-left: none !important;
		line-height: 1;
		display: block;
	}

	#header .navi02 .nav2 li ul.innavilist li p {
		padding: 0 15px !important;
		padding: 0 0 0 0;
		border-left: 1px solid #fff;
	}

	#header .navi02 .nav2 li ul.innavilist li a {
		padding: 0 0 15px 0 !important;
		display: block;
		color: #fff;
		background: none !important;
		box-sizing: border-box;
		font-size: 70%;
		font-weight: normal;
	}

	#header .navi02 .nav2 li ul.innavilist li:first-child a p {
		border-left: none;
	}

	#header .navi02 .nav2 li ul.innavilist li a:hover {
		color: #CCC !important;
		background: none !important;
	}

	/*footer*/
	#footer {
		width: 100%;
		background: #f2f2f2;
		padding: 80px 0 0 0;
	}

	#footer .f_cont {
		background: #1a1a1a;
		border-bottom: 1px solid #4d4d4d;
	}

	#footer .f_cont .innerbox {
		width: 960px;
		margin: 0 auto;
		padding: 30px 0;
	}

	#footer .f_cont .innerbox {
		width: 960px;
		margin: 0 auto;
		padding: 30px 0;
	}

	#footer .f_cont .innerbox .fbox {
		float: left;
		margin-left: 40px;
		margin-top: 80px;
	}

	#footer .f_cont .innerbox .rbox {
		float: right;
		width: 500px;
	}

	#footer .f_cont .innerbox .fbox .inbox {
		float: left;
		width: 190px;
		margin-left: 4px;
	}

	.en #footer .f_cont .innerbox .fbox .inbox {
		float: left;
		width: 100%;
		margin-left: 4px;
	}

	#footer .f_cont .innerbox .fbox .inbox a {
		color: #c7c7c7;
		font-size: larger;
		margin: 0 0 0 0;
		display: inline-block;
	}

	#footer .f_cont .innerbox .fbox .inbox a:before {
		margin: -3px 7px 0 0;
		content: " ";
		display: inline-block;
		width: 4px;
		height: 7px;
		background: url(/images/common/arrow.png) left 50% no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	#footer .f_cont .innerbox .fbox .inbox a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	#footer .f_cont .innerbox .fbox .bannerbox {
		line-height: 0;
		margin-top: 32px;
		margin-left: 10px;
		width: 290px;
	}

	#footer .f_cont .innerbox .fbox .bannerbox a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	#footer .copybox {
		background: #1a1a1a;
		text-align: center;
		color: #808080;
		font-size: 0.8em;
		padding: 20px 0;
	}

	.pan {
		padding: 15px 0 40px 0;
		width: 960px;
		margin: 0 auto;
		font-size: 0.8em;
		line-height: 1;
	}

	.pan a {
		color: #666666;
		text-decoration: underline;
	}

	.pan a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
	}

	.bgbox1 {
		background: #eaeaea;

	}

	.contcontainer {
		width: 960px;
		margin: 0 auto;
	}

	/*言語chengeボタン*/
	#header .changebtn {
		float: right;
		display: block;
		margin: 0.2em 0 0 10px;
	}

	.en #header .changebtn {
		float: right;
		display: block;
		margin: 0.2em 30px 0 10px;
	}

	#header .changebtn .jpbtn {
		float: left;
		display: block;
		width: 30px;
	}

	#header .changebtn .enbtn {
		float: left;
		display: block;
		width: 30px;
	}

	#header .changebtn .jpbtn a,
	#header .changebtn .enbtn a {
		padding: 0 !important;
		display: block !important;
		width: 30px !important;
		background: none !important;
	}

	#header .changebtn .jpbtn img,
	#header .changebtn .enbtn img {
		width: 100%;
		height: auto;
	}

	#header .changebtn.en {
		display: none;
	}

	body.en #header .changebtn.en {
		display: block;
	}

	body.en #header .changebtn.jp {
		display: none;
	}

	#header .changebtn.jp {
		display: none;
	}

	#index #header .changebtn.jp,
	#tnf #header .changebtn.jp,
	#t_bags #header .changebtn.jp,
	#company #header .changebtn.jp {
		display: block !important;
	}

	#index.en #header .changebtn.jp,
	#tnf.en #header .changebtn.jp,
	#t_bags.en #header .changebtn.jp,
	#company.ccont02 #header .changebtn.jp,
	#company.ccont03 #header .changebtn.jp,
	#company.ccont04 #header .changebtn.jp,
	#company.ccont05 #header .changebtn.jp,
	#company.ccont06 #header .changebtn.jp,
	#company.en #header .changebtn.jp,
	#tnf.ccont08.en #header .changebtn.en,
	#t_bags.ccont05.en #header .changebtn.en {
		display: none !important;
	}

	.en #footer .bannerbox {
		display: none !important;
	}

	body.en #header .logo {
		display: none;
	}

	body.en #header .logo.ennavi {
		display: block;
	}

	#header .logo {
		display: block;
	}

	#header .logo.ennavi {
		display: none;
	}

	body.en #header .nav li.jp {
		display: none !important;
	}

	body.en #header .navi02 {
		display: none !important;
	}

	body.en #header .nav li .innavilist li {
		display: inline-block !important;
		font-size: 0.85em !important;
		float: none !important;
	}

	body#tnf.en #header .nav li .innavilist {
		text-align: center;
	}

	body.en #header .nav li.en {
		display: block !important;
	}

	body.en #header .nav li.en.pc_none {
		display: none !important;
	}

	#header .nav li {
		display: block !important;
	}

	#header .nav li.pc_none {
		display: none !important;
	}

	#header .nav li.en {
		display: none !important;
	}

	.en #footer .fbox .inbox.en {
		display: block !important;
	}

	.en #footer .fbox .inbox {
		display: none !important;
	}

	#footer .fbox .inbox.en {
		display: none !important;
	}

	#footer .fbox .inbox {
		display: block !important;
	}

}

.mb0 {
	margin-bottom: 0px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt75 {
	padding-top: 75px !important;
}

.tweet_iframe_widget {
	width: 75px !important;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

@media screen and (min-width: 750px) and (max-width: 1280px) {
	#header .innerbox .logo-small {
		display: none;
	}

	#header .innerbox .logo-small img {
		display: none;
	}

	#header .innerbox .logobox {
		width: 20%;
	}

	#header .innerbox .logobox .logo {
		line-height: 0;
		float: left;
		padding: 15px 0 15px 30px;
		width: 80%;
	}
}