/*
Theme Name: horita
Author: SecondGate co., ltd.
Author URI: http://2ndgate.jp/
Description: ホリタ文具用テーマ
Version: 1.0
Text Domain: horita
*/

@charset "UTF-8";

@import url("css/reset.css");
@import url("css/cmn_style.css");
@import url("css/cmn_layout.css");

/**
 * 【css Navigation】
 *
 * 1.0 common
 *   1.1 base
 *   1.2 layout
 *   1.3 header
 *   1.4 gnavi
 *   1.5 contentsHeader
 *   1.6 contents
 *   1.7 contentsFooter
 *   1.8 footer
 *   1.9 title
 * 2.0 [page] top
 *   2.1 blog
 *   2.2 tv,facebook
 *   2.3 shop
 *   2.4 banner
 * 3.0 [page] first
 * 4.0 [page] news,blog,event
 *   4.1 color
 *   4.2 page navigation
 * 5.0 [page] contact
 * 6.0 [page] tv
 * 7.0 [page] careers
 * 8.0 [page] original
* 9.0  [page] voice
 */

/* =========================================================

	1.0 common

========================================================= */
/* ---------------------------------------------------------
	1.1 base
--------------------------------------------------------- */
body {
	position: relative;
	min-width: 1060px;
}
.widthBase {
	width: 1060px;
}
.contentsBase {
	width: 1000px;
}
a:link,
a:visited {
	color: #3FA9F5;
	text-decoration: none;
}
a:hover,
a:active {
	color: #3FA9F5;
	text-decoration: underline;
}
img {
	/*max-width: 480px;*/
	/*height: auto;*/
}
.borderImage {
	background: url(images/line_01.png) repeat-x 0% 0%;
	height: 4px;
	margin: 0;
	border: 0;
}
.fcYellow {
	color: #FFFF00;
}
/* ---------------------------------------------------------
	1.2 layout
--------------------------------------------------------- */
/* 1 Column */
#oneColumn {}
/* 2 Column */
#twoColumnL {
	width: 730px;
}
#twoColumnR {
	width: 210px;
}
/* 3 Column */
#threeColumnL {
	/*width: 220px;*/
}
#threeColumnC {
	/*width: 520px;*/
	/*margin: 0 0 0 20px;*/
}
#threeColumnR {
	/*width: 220px;*/
}
/* ---------------------------------------------------------
	1.3 header
--------------------------------------------------------- */
#header {
	/*background: url("images/header_bg.png") repeat 0 0 #ffffff;*/
	background: url("images/header_bg.jpg") repeat 0 0 #ffffff;
}
.header_logo {
	padding: 18px 0 33px;
	text-align: center;
}
/* ---------------------------------------------------------
	1.4 gnavi
--------------------------------------------------------- */
.gnavi {
	padding: 0 0 12px 3px;
}
	.gnavi ul {}
		.gnavi li {
			position: relative;
			float: left;
			width: 120px;
			height: 46px;
			margin: 0 0 0 2px;
			font-size: 0;
			background: #FFFFFF;
			border-radius: 10px;
			box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.5);
		}
		.gnavi li:before {
			content: url(images/icon_clip_01.png);
			position: absolute;
			top: -16px;
			left: -17px;
		}
		.gnavi li.gnavi_character:before {
			content: url(images/icon_character_01.png);
			position: absolute;
			top: -20px;
			left: -8px;
		}
			.gnavi li a {
				display: block;
				width: 100%;
				height: 100%;
			}
				.gnavi li .displayTable {
					height: 100%;
					font-size: 14px;
					font-weight: bold;
					color: #007f41;
					line-height: 46px;
				}
				.gnavi li a{
					text-decoration: none;
				}
				.gnavi li.gnavi_original .displayTable{
					font-size: 12px;
				}
				.gnavi li.gnavi_character .displayTable{
				}
				.gnavi li.gnavi_character .displayTable span{
					font-size: 9px;
				}
/* ---------------------------------------------------------
	1.5 contentsHeader
--------------------------------------------------------- */
.top_mainvisual {
	padding: 66px 0 0;
	overflow: hidden;
}
.bx-viewport{
  overflow: visible!important;
  width: 1060px!important;
}
.bxslider_1 li img{
	border-radius: 10px;
	box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.5);
}
/* ---------------------------------------------------------
	1.6 contents
--------------------------------------------------------- */
/* ---------------------------------------------------------
	1.7 contentsFooter
--------------------------------------------------------- */
/* ---------------------------------------------------------
	1.8 footer
--------------------------------------------------------- */
#footer {
	/*background: url("images/header_bg.png") repeat 0 0 #ffffff;*/
	background: url("images/header_bg.jpg") repeat 0 0 #ffffff;
}
.footer_logo {
	padding: 18px 0 33px;
	text-align: center;
}
.footer_shopBase01 {
	float: left;
	width: 25%;
	margin: 25px 0 20px;
}
.footer_shopBase02 {
	float: left;
	width: 202px;
	margin: 25px 0 20px;
}
	.footer_shopName {
		margin: 0 0 3px 19px;
		color: #007F41;
		font-size: 16px;
		text-align: left;
		font-weight: bold;
	}
	.footer_shopTable {
		margin: 0 0 0 19px;
	}
		.footer_shopTable table {}
			.footer_shopTable th {
				width: 64px;
				color: #007F41;
				font-size: 13px;
				text-align: left;
				font-weight: normal;
				vertical-align: top;
			}
			.footer_shopTable td {
				font-size: 13px;
				text-align: left;
				vertical-align: top;
			}
.footer_bannerList {
	text-align: center;
	letter-spacing: -0.4em;
}
	.footer_banner {
		display: inline-block;
		margin: 0 3px;
		letter-spacing: normal;
	}
.footer_copy {
	padding: 28px 0 35px;
	color: #007F41;
	font-size: 13px;
	text-align: center;
}

/* キャラ左 */
/*.pagetop_line {
	background: url("images/pagetop_line.png") repeat-y 0 0;
	position: fixed;
	bottom: 130px;
	right: 75px;
	width: 96px;
	height: 2000px;
	z-index: -1000;
}
.pagetop_character {
	position: fixed;
	bottom: 117px;
	right: 112px;
	transform: rotate(40deg);
}
.pagetop {
	position: fixed;
	bottom: 160px;
	right: 60px;
}*/
/* キャラ右 */
.pagetop_line {
	background: url("images/pagetop_line.png") repeat-y 0 500px;
	position: fixed;
	bottom: 130px;
	right: 75px;
	width: 96px;
	height: 2000px;
	z-index: -1000;
}
.pagetop_character {
	position: fixed;
	bottom: 117px;
	right: 68px;
	transform: rotate(0deg);
	z-index: 10000;
}
.pagetop {
	position: fixed;
	bottom: 160px;
	right: 5px;
	z-index: 10000;
}

.pc-switcher {
    position: absolute;
    bottom: 40px;
    width: 100%;
    clear: both;
    text-align: center;
    margin: 1.4em auto;
}
.pc-switcher a,
.pc-switcher span {
    padding: 3px 10px;
    text-align: center;
    border-left: none;
    color: #fff !important;
    text-decoration: none;
}
.pc-switcher a {
    background-color: #867a6d;
}
.pc-switcher a:hover {
    background-color: #867a6d;
}
.pc-switcher span.active {
    background-color: #000000;
    opacity: 0.3;
}
.pc-switcher a:first-child,
.pc-switcher span:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.pc-switcher a:last-child,
.pc-switcher span:last-child {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

/* ---------------------------------------------------------
	1.9 title
--------------------------------------------------------- */
.contents_title01 {
	padding: 60px 0 0;
	text-align: center;
}


/* =========================================================

	2.0 top

========================================================= */
/* ---------------------------------------------------------
	2.1 blog
--------------------------------------------------------- */
.top_blogBg {
	background: url("images/top_blog_bg.gif") no-repeat 20% 0;
	margin: 36px 0 0;
	padding: 50px 0 15px;
}
	.top_blogBase {
		position: relative;
		width: 970px;
		margin: 0 auto;
		background: #FFFFFF;
	}
		.top_blogImg {
			float: left;
			width: 200px;
			padding: 25px 0 25px 25px;
		}
		.top_blogList {
			float: left;
			width: 580px;
			padding: 35px 0 25px;
		}
			.top_blogList ul {}
				.top_blogList li {
					padding: 0 0 10px;
				}
					.top_blogList_date {
						float: left;
						width: 110px;
						font-size: 16px;
					}
					.top_blogList_title {
						float: left;
						width: 470px;
						font-size: 16px;
					}
		.top_blogBtn {
			position: absolute;
			bottom: 12px;
			right: 9px;
			width: 120px;
		}
		.top_blogBtn a {
			display: block;
			padding: 14px 40px 11px;
			font-size: 0;
			background: #FFFFFF;
			border-radius: 10px;
			box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
		}
/* ---------------------------------------------------------
	2.2 tv,facebook
--------------------------------------------------------- */
.top_tv {
	position: relative;
	float: left;
	width: 482px;
	height: 404px;
	margin: 75px 0 0;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
	.top_tvImg01 {
		position: absolute;
		top: -28px;
		right: 86px;
		font-size: 0;
	}
	.top_tvImg02 {
		float: left;
		padding: 10px 0 0 26px;
	}
	.top_tvTitle {
		float: right;
		padding: 53px 62px 0 0;
	}
	.top_tvThumbnail {
		padding: 10px 0 0;
		text-align: center;
	}
		.top_tvThumbnail a {
			position: relative;
			display: block;
		}
		.top_tvThumbnail a:after {
			position: absolute;
			content: "";
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
			background: url(images/top_tv_icon.png) no-repeat scroll 50% 50% transparent;
		}
			.top_tvThumbnail img {
				border-radius: 10px;
			}
	.top_tvMore {
			position: absolute;
			bottom: -20px;
			right: 29px;
			width: 120px;
	}
		.top_tvMore a {
			display: block;
			padding: 14px 40px 11px;
			font-size: 0;
			background: #FFFFFF;
			border-radius: 10px;
			box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
		}
.top_fb {
	float: right;
	width: 482px;
	height: 389px;
	margin: 75px 0 0;
	padding: 15px 0 0;
	text-align: center;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
/* ---------------------------------------------------------
	2.3 shop
--------------------------------------------------------- */
.top_shopTitle {
	margin: 90px 0 0;
	padding: 8px 0 2px 110px;
	color: #ffffff;
	font-size: 26px;
	background: #007F41;
	border-radius: 10px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.top_shopTitle_icon {
	position: absolute;
	top: -21px;
	left: 29px;
}
.top_shop {
	position: relative;
	margin: 44px 0 0;
	padding: 40px 50px 40px 45px;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.top_shop:before {
	content: url(images/icon_clip_02.png);
	position: absolute;
	top: -26px;
	left: -28px;
}
	.top_shopLeft {
		float: left;
		width: 288px;
	}
		.top_shopPhoto {}
		.top_shopMap {
			margin: 12px 0 0;
		}
	.top_shopRight {
		float: right;
		width: 563px;
	}
		.top_shopText01_base {
			position: relative;
			padding: 0 50px 0 22px;
			height: 88px;
			color: #007F41;
			line-height: 1.2;
			font-size: 23px;
			font-weight: bold;
			background: #D8E698;
			border-radius: 10px;
			box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
		}
		.top_shopText01_base:before {
			content: url(images/top_shop_img_clip.png);
			position: absolute;
			top: -16px;
			right: 15px;
		}
			.top_shopText01_base .displayTable {
				height: 100%;
			}
				.top_shopText01 {
					display: table-cell;
					vertical-align: middle;
				}
		.top_shopName {
			padding: 15px 0 0;
			color: #007F41;
			font-size: 29px;
			font-weight: bold;
		}
		.top_shopTable {
			padding: 10px 0 0;
		}
			.top_shopTable table {}
				.top_shopTable th {
					width: 110px;
					color: #007F41;
					font-size: 16px;
					font-weight: normal;
					vertical-align: top;
				}
				.top_shopTable td {
					font-size: 16px;
					vertical-align: top;
				}
	.top_shopBtn {
			position: absolute;
			bottom: -20px;
			right: 28px;
			width: 218px;
			font-size: 18px;
			text-align: center;
			font-weight: bold;
			line-height: 1.4;
	}
		.top_shopBtn a {
			display: block;
			padding: 13px 0 11px;
			color: #007F41;
			background: #fff799;
			border-radius: 10px;
			box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
		}
		.top_shopBtn a:hover {
			text-decoration: none;
		}
/* ---------------------------------------------------------
	2.4 banner
--------------------------------------------------------- */
.top_banner {
	padding: 65px 0;
	text-align: center;
}

/* =========================================================

	3.0 first

========================================================= */
.first_mainvisual {
	background:
		url(images/first_mainBg_03.png) repeat-x 50% 100%,
		url(images/first_mainBg_02.png) no-repeat 50%  100%,
		url(images/first_mainBg_01.gif) repeat-x 0 0;
	margin: 65px 0 0;
}
	.first_mainvisualText {
		padding: 132px 0 530px;
		text-align: center;
	}

.first_img01 {
	padding: 90px 0 0;
	text-align: center;
}
.first_img02 {
	padding: 30px 0 125px;
	text-align: center;
}
.first_text01 {
	padding: 45px 0 135px;
	font-size: 16px;
	text-align: center;
}
.first_block01 {
	position: relative;
}
	.first_left01 {
		float: left;
		width: 475px;
		padding: 40px 0;
	}
	.first_right01 {
		float: right;
		width: 480px;
		padding: 40px 0 65px;
		/*text-align: right;*/
	}
	.first_right02 {
		float: right;
		width: 490px;
		padding: 40px 0 65px;
	}
		.first_img03 {}
		.first_text02 {
			padding: 20px 0 0 5px;
			color: #007F41;
			font-size: 30px;
			font-weight: bold;
		}
		.first_text03 {
			padding: 30px 0 0 5px;
			font-size: 16px;
		}
		.first_text04 {
			padding: 0 0 70px;
			font-size: 16px;
			text-align: right;
		}
		.first_photo01 {
			padding: 17px 0 0;
		}
		.first_chara01 {
			position: absolute;
			top: -5px;
			left: 440px;
		}
		.first_chara02 {
			position: absolute;
			top: 10px;
			left: 360px;
		}
		.first_chara03 {
			padding: 15px 0 0;
			text-align: right;
		}
		.first_clip01 {
			position: absolute;
			top: 30px;
			right: -25px;
		}
		.first_clip02 {
			position: absolute;
			top: 32px;
			left: -30px;
		}
		.first_table01 {}
			.first_table01 table {
				font-size: 14px;
			}
				.first_table01 th {
					color: #007F41;
				}
				.first_table01 td {}
				.first_table01 .width110 {
					width: 110px;
				}
				.first_table01 .width145 {
					width: 145px;
				}
.first_bg {
	background:
		url(images/first_bg_top.gif) no-repeat 50% 0,
		url(images/first_bg_bottom.gif) no-repeat 50% 100%,
		url(images/first_bg_center.gif) repeat-y 50% 0;
	margin: 0 0 140px;
}
	.first_table02 {
		width: 370px;
		padding: 255px 0 0 335px;
	}
		.first_table02 table {}
			.first_table02 th {
				width: 140px;
				font-size: 16px;
			}
			.first_table02 td {
				font-size: 16px;
			}
	.first_text05 {
		width: 530px;
		padding: 30px 0 0 335px;
		font-size: 16px;
	}
	.first_btn01 {
		padding: 25px 0 30px;
		text-align: center;
	}

.first_pa01 {
	position: absolute;
	top: 360px;
	left: 10px;
	font-size: 30px;
	font-weight: bold;
}
.first_img05 {
	padding: 20px 0 0;
	text-align: center;
}
.first_lineBg {
	background:
		url(images/first_line_bg_top.gif) no-repeat 50% 0,
		url(images/first_line_bg_bottom.gif) no-repeat 50% 100%,
		url(images/first_line_bg_center.gif) repeat-y 50% 0;
	margin: 55px 0 100px;
}
	.first_lineTitle {
		text-align: center;
	}
	.first_lineTable {
		width: 370px;
		padding: 0 0 0 335px;
	}
		.first_lineTable table {}
			.first_lineTable th {
				width: 140px;
				font-size: 16px;
			}
			.first_lineTable td {
				font-size: 16px;
			}
	.first_lineText {
		width: 530px;
		padding: 30px 0 0 335px;
		font-size: 16px;
	}
	.first_lineImg {
		padding: 20px 0 0;
		text-align: center;
	}
	.first_lineBtn {
		padding: 25px 0 30px;
		text-align: center;
	}
/* キャラクター */
.first_lineChara01 {
	top: 171px;
	left: 28px;
}
.first_lineChara02 {
	top: 30px;
	left: 130px;
}
.first_lineChara03 {
	top: 40px;
	right: 125px;
}
.first_lineChara04 {
	top: 164px;
	right: 180px;
}
.first_lineChara05 {
	top: 210px;
	right: 48px;
}
.first_lineChara06 {
	top: 302px;
	right: 143px;
}
.first_lineChara07 {
	top: 380px;
	right: 32px;
}


/* =========================================================

	4.0 news,blog,event

========================================================= */
.blog_pagetitleBg {
	background: url("images/blog_pagetitle_bg.png") no-repeat 0 0;
}
	.blog_pagetitle {
		float: left;
		padding: 50px 0 0 55px;
	}
	.blog_pagetitleImg {
		float: left;
		padding: 80px 0 0 30px;
	}
.blog_base {
	padding: 60px 0 40px;
}
	.blog_date {
		font-size: 16px;
	}
	.blog_title {
		padding: 5px 0 20px;
		font-size: 26px;
		font-weight: bold;
	}
		.blog_title a {
			color: #000000;
		}
	.blog_free {
		font-size: 16px;
	}
.side_base {
	padding: 80px 0 230px;
}
	.side_title01 {
		padding: 2px 10px 0;
		color: #ffffff;
		font-size: 20px;
	}
	.side_list01 {
		padding: 0 0 35px;
	}
		.side_list01 ul {}
			.side_list01 li {
				background-position: 2px 19px;
				padding: 15px 0 15px 18px;
				font-size: 16px;
			}
				.side_list01 a {
					color: #323232;
				}
	.side_list02 {
		padding: 5px 0 80px;
	}
		.side_list02 ul {}
			.side_list02 li {
				background-position: 2px 9px;
				padding: 5px 0 0 18px;
				font-size: 16px;
			}
				.side_list02 a {
					color: #323232;
				}
/* ---------------------------------------------------------
	4.1 color
--------------------------------------------------------- */
/* news */
.blog_colorNews {
	color: #F19CA6;
}
.blog_bgColorNews {
	background: #F19CA6;
}
.blog_iconNews li {
	background-image: url("images/news_side_icon.png");
	background-repeat: no-repeat;
}
/* blog */
.blog_colorBlog {
	color: #FCAF20;
}
.blog_bgColorBlog {
	background: #FCAF20;
}
.blog_iconBlog li {
	background-image: url("images/blog_side_icon.png");
	background-repeat: no-repeat;
}
/* event */
.blog_colorEvent {
	color: #007F41;
}
.blog_bgColorEvent {
	background: #007F41;
}
.blog_iconEvent li {
	background-image: url("images/event_side_icon.png");
	background-repeat: no-repeat;
}
/* recommend */
.blog_colorRecommend {
	color: #24c5d3;
}
.blog_bgColorRecommend {
	background: #24c5d3;
}
.blog_iconRecommend li {
	background-image: url("images/recommend_side_icon.png");
	background-repeat: no-repeat;
}
/* ---------------------------------------------------------
	4.2 page navigation
--------------------------------------------------------- */
.navigation {
	padding: 0px 0 75px;
}
	.navigation .screen-reader-text {
		display: none;
	}
	.navigation .pagination {
		text-align: right;
		letter-spacing: -0.4em;
	}
		.navigation .page-numbers {
			display: inline-block;
			width: 37px;
			height: 26px;
			margin: 0 6px;
			padding: 11px 0 0;
			color: #007F41;
			line-height: 1;
			font-size: 16px;
			text-align: center;
			background: #FFFFFF;
			border-radius: 10px;
			letter-spacing: normal;
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
		}
		.navigation .current {
			background: #B2D9C6 !important;
		}
		.navigation .page-numbers:hover {
			background: #efefef;
			text-decoration: none;
		}
			.navigation .prev img,
			.navigation .next img {
				vertical-align: middle;
			}
		.navigation .nav-links a{
			display: block;
			height: 26px;
			margin: 0 6px;
			padding: 11px 20px 0;
			color: #007F41;
			line-height: 1;
			font-size: 16px;
			text-align: center;
			background: #FFFFFF;
			border-radius: 10px;
			letter-spacing: normal;
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
		}
		.navigation .nav-links .nav-links-prev{
			float: left;
		}
		.navigation .nav-links .nav-links-next{
			float: right;
		}
		.navigation .nav-links a:hover{
			background: #efefef;
			text-decoration: none;
		}



/* =========================================================

	5.0 contact

========================================================= */
.contact_bg {
	background: url("images/contact_bg.gif") no-repeat 50% 0;
	position: relative;
	margin: 55px 0 140px;
}
	.contact_pagetitle {
		float: left;
		width: 385px;
		padding: 70px 0 0 50px;
	}
	.contact_text01 {
		float: left;
		width: 530px;
		padding: 95px 0 0;
		color: #FFFFFF;
		font-size: 16px;
	}
	.contact_text02 {
		padding: 70px 0 100px;
		color: #FFFFFF;
		font-size: 16px;
		text-align: center;
	}
	.contact_table {
		padding: 35px 105px 0;
	}
		.contact_table table {}
			.contact_table th {
				width: 135px;
				padding: 8px 0;
				color: #FFFFFF;
				font-size: 16px;
			}
			.contact_table td {
				padding: 8px 0;
				font-size: 16px;
			}
				.contact_table input,
				.contact_table textarea {
					width: 80%;
					border: 0;
					padding: 10px;
				}
			.contact_table .fcYellow {
				width: 40px;
				padding: 10px 0 0;
			}
			.contact_conf .fcYellow {
				display: none;
			}
			.contact_conf th {
				width: 170px;
			}
			.contact_conf td {
				color: #FFFFFF;
			}
	.contact_btn {
		padding: 45px 0 65px;
		text-align: center;
	}
		.contact_btn input[name="submitConfirm"] {
			background: url(images/contact_btn_conf.png) no-repeat 0 0;
			width: 231px;
			height: 79px;
			border: 0;
			font-size: 0;
		}
		.contact_btn input[name="btn"] {
			background: url(images/contact_btn_done.png) no-repeat 0 0;
			width: 231px;
			height: 79px;
			border: 0;
			font-size: 0;
		}
		.contact_btn input[name="submitConfirm"],
		.contact_btn input[name="btn"] {
			transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-webkit-transition: 0.3s ease-in-out;
		}
		.contact_btn input[name="submitConfirm"]:hover,
		.contact_btn input[name="btn"]:hover {
			cursor: pointer;
			opacity: 0.6;
			filter: alpha(opacity=60);
		}
	.contact_img {
		position: absolute;
		top: 50px;
		right: -40px;
	}



/* =========================================================

	6.0 [page] tv

========================================================= */
.tv_mainBase {
	position: relative;
	margin: 85px 0;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
}
	.tv_pagetitle {
		position: absolute;
		top: -30px;
		left: 280px;
	}
	.tv_mainMovie {
		width: 730px;
		margin: 0 auto;
		padding: 165px 0 20px;
	}
		.tv_mainMovie img {
			border-radius: 15px;
		}
	.tv_mainImg {
		position: absolute;
		top: 0;
		left: 130px;
	}
	.tv_mainRight {
		width: 450px;
		margin: 0 auto;
	}
		.tv_mainDate {
			color: #007F41;
			font-size: 16px;
		}
		.tv_mainTitle {
			padding: 5px 0 0;
			font-size: 26px;
		}
		.tv_mainText {
			padding: 15px 0 70px;
			font-size: 16px;
		}
.tv_postList {
	margin: 0 0 135px;
}
	.tv_postItem {
		float: left;
		width: 500px;
		margin: 0 0 45px;
	}

	.tv_postItem:nth-child(2n+1) {
		clear: both;
	}

		.tv_postMovie {
			float: left;
			width: 248px;
		}
			.tv_postMovie a {
				position: relative;
				display: block;
			}
			.tv_postMovie a:after {
				position: absolute;
				content: "";
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100%;
				background: url(images/tv_list_icon.png) no-repeat scroll 50% 50% transparent;
			}
				.tv_postMovie img {
					border-radius: 5px;
				}
		.tv_postRight {
			float: right;
			width: 220px;
			padding: 0 15px 0 0;
		}
			.tv_postDate {
				color: #007F41;
				font-size: 16px;
			}
			.tv_postTitle {
				padding: 2px 0 0;
				font-size: 21px;
				line-height: 1.2;
			}
				.tv_postTitle a {
					color: #000000;
				}
			.tv_postText {
				padding: 15px 0 0;
				font-size: 16px;
				line-height: 1.2;
			}

/* =========================================================

	7.0 [page] careers

========================================================= */
.careers_photo01 {
	padding: 50px 0 0;
	text-align: center;
}
.careers_text01 {
	padding: 20px 0 0;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.careers_block01 {
	padding: 70px 0 0;
}
	.careers_block01_photo01 {}
	.careers_block01_left01 {
		float: left;
		width: 413px;
	}
	.careers_block01_right01 {
		float: right;
		width: 557px;
	}
	.careers_block01_left02 {
		float: left;
		width: 557px;
	}
	.careers_block01_right02 {
		float: right;
		width: 413px;
	}
		.careers_block01_img01 {
			position: absolute;
		}
		.careers_block01_photo02 {
			padding: 200px 0 0;
			text-align: center;
		}
		.careers_block01_bg01 {
			width: 347px;
			margin: 40px 0 0;
			padding: 105px 35px 45px;
			background: #FBF5E9;
			box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.20);
			-moz-box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.20);
			-webkit-box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.20);
		}
			.careers_block01_img02 {
				position: absolute;
			}
			.careers_block01_text01 {
				font-size: 16px;
			}
		.careers_block01_bg02 {
			background:
				url("images/careers_bg_01_top.gif") no-repeat 50% 0,
				url("images/careers_bg_01_bottom.gif") no-repeat 50% 100%,
				url("images/careers_bg_01_center.gif") repeat-y 50% 0;
			margin: 40px 0 0;
			padding: 0 60px;
		}
			.careers_block01_img03 {
				position: absolute;
				top: 80px;
				right: -45px;
			}
			.careers_block01_name {
				padding: 90px 0 0;
				font-size: 40px;
			}
			.careers_block01_text02 {
				font-size: 16px;
			}
			.careers_block01_table {
				padding: 20px 0 80px;
			}
				.careers_block01_table table {}
					.careers_block01_table th {
						width: 120px;
						padding: 12px 0;
						font-size: 16px;
						text-align: left;
						font-weight: bold;
						border-bottom: dashed 1px;
					}
					.careers_block01_table td {
						padding: 12px 0;
						font-size: 16px;
						border-bottom: dashed 1px;
					}
					.careers_block01_table tr:last-child th,
					.careers_block01_table tr:last-child td {
						border: 0;
					}
/* 宮田 睦実 */
	.careers_num01 .careers_block01_img01 {
		top: -170px;
		left: 35px;
	}
	.careers_num01 .color01,
	.careers_num01 .careers_block01_table th {
		color: #FF96BA;
	}
	.careers_num01 .careers_block01_img02 {
		top: -20px;
		left: 50px;
	}
	.careers_num01 .careers_block01_table th,
	.careers_num01 .careers_block01_table td {
		border-color: #FF96BA;
	}
/* 北國 達郎 */
	.careers_num02 .careers_block01_img01 {
		top: -150px;
		right: 50px;
	}
	.careers_num02 .color01,
	.careers_num02 .careers_block01_table th {
		color: #FBB03B;
	}
	.careers_num02 .careers_block01_img02 {
		top: -20px;
		left: 50px;
	}
	.careers_num02 .careers_block01_table th,
	.careers_num02 .careers_block01_table td {
		border-color: #FBB03B;
	}
/* 朝日 孝幸 */
	.careers_num03 .careers_block01_img01 {
		top: -125px;
		right: 50px;
	}
	.careers_num03 .color01,
	.careers_num03 .careers_block01_table th {
		color: #45B6CC;
	}
	.careers_num03 .careers_block01_img02 {
		top: -20px;
		left: 50px;
	}
	.careers_num03 .careers_block01_table th,
	.careers_num03 .careers_block01_table td {
		border-color: #45B6CC;
	}
.careers_block02 {
	margin: 80px 0 0;
}
	.careers_block02_bg01 {
		background: #FBF5E9;
		box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.20);
		-webkit-box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.20);
	}
		.careers_block02_img01 {
			position: absolute;
			top: -20px;
			left: 40px;
		}
		.careers_block02_table {
			padding: 75px 45px 30px;
		}
			.careers_block02_table table {}
				.careers_block02_table th {
					width: 125px;
					padding: 12px 0;
					color: #007F41;
					font-size: 16px;
					text-align: left;
					font-weight: bold;
					border-bottom: dashed 1px #007F41;
				}
				.careers_block02_table td {
					padding: 12px 0;
					font-size: 16px;
					border-bottom: dashed 1px #007F41;
				}
				.careers_block02_table tr:last-child th,
				.careers_block02_table tr:last-child td {
					border: 0;
				}
.careers_block03 {
	margin: 170px 0 0;
}
	.careers_block03_bg01 {
		background: url("images/careers_bg_02.gif") no-repeat 0 100% #549cce;
	}
		.careers_block03_photo01 {}
		.careers_block03_left {}
			.careers_block03_left .leftChara01 {
				background: url("images/careers_chara_01.png") no-repeat 23px 32px;
				padding: 44px 0 30px 140px;
			}
			.careers_block03_left .leftChara02 {
				background: url("images/careers_chara_02.png") no-repeat 13px 25px;
				padding: 44px 0 30px 140px;
			}
			.careers_block03_left .leftChara03 {
				background: url("images/careers_chara_03.png") no-repeat 9px 15px;
				padding: 44px 0 30px 140px;
			}
			.careers_block03_left .leftChara04 {
				background: url("images/careers_chara_04.png") no-repeat 12px 24px;
				padding: 44px 0 30px 140px;
			}
				.careers_block03_left .leftBalloon {
					display: inline-block;
					position: relative;
					z-index: 100;
					max-width: 575px;
					padding: 18px 38px 12px;
					color: #FFFFFF;
					font-size: 28px;
					font-weight: bold;
					background: #007F41;
					border-radius: 15px;
					box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.30);
					-moz-box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.30);
					-webkit-box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.30);
				}
				.careers_block03_left .leftBalloon:after {
					right: 100%;
					top: 30px;
					border: solid transparent;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
					border-right-color: #007F41;
					border-width: 10px 32px 6px;
				}
				.careers_block03_left .leftBalloon_arrow {
					position: relative;
					height: 0;
					font-size: 0;
				}
				.careers_block03_left .leftBalloon_arrow:after {
					content: "";
					position: absolute;
					left: -20px;
					top: 9px;
					z-index: 1;
					width: 68px;
					height: 60px;
					margin-bottom: 0;
					-webkit-transform: scaleY(0.25) rotate(38deg);
					-ms-transform: scaleY(0.25) rotate(38deg);
					transform: scaleY(0.25) rotate(38deg);
					background-color: #007F41;
					box-shadow: 10px 5px 20px 0 rgba(0,0,0,0.5);
				}
					.careers_block03_left .leftText {}
		.careers_block03_right {}
			.careers_block03_right .rightPhoto01 {
				background: url("images/careers_photo_03.png") no-repeat 835px 100%;
				margin: 0 0 33px;
				padding: 0 200px 0 0;
				text-align: right;
			}
				.careers_block03_right .rightBalloon {
					display: inline-block;
					position: relative;
					z-index: 100;
					max-width: 575px;
					padding: 24px 38px 18px;
					font-size: 20px;
					text-align: left;
					background: #ffffff;
					border-radius: 15px;
					box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.30);
					-moz-box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.30);
					-webkit-box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.30);
				}
				.careers_block03_right .rightBalloon:after {
					left: 100%;
					bottom: 30px;
					border: solid transparent;
					content: " ";
					height: 0;
					width: 0;
					position: absolute;
					pointer-events: none;
					border-left-color: #ffffff;
					border-width: 6px 32px 10px;
				}
				.careers_block03_right .rightBalloon_arrow {
					position: relative;
					height: 0;
					font-size: 0;
				}
				.careers_block03_right .rightBalloon_arrow:after {
					content: "";
					position: absolute;
					right: -20px;
					bottom: 9px;
					z-index: 1;
					width: 68px;
					height: 60px;
					-webkit-transform: scaleY(0.25) rotate(38deg);
					-ms-transform: scaleY(0.25) rotate(38deg);
					transform: scaleY(0.25) rotate(38deg);
					background-color: #ffffff;
					box-shadow: 10px 5px 20px 0 rgba(0,0,0,0.5);
				}
					.careers_block03_right .rightText {}
.careers_btn01 {
	padding: 125px 0 120px;
	text-align: center;
}

/* =========================================================

	8.0 original(201510.Bigmac追加)

========================================================= */
.original {}
.original_title {
	padding: 0 0;
	text-align: center;
}
.original_img01 {
	padding: 0 0;
	text-align: center;
}
.original_img02 {
	padding: 0 0;
	text-align: center;
}
.original_block01 {
	position: relative;
	background: url("http://horita-bungu.mom/wp-content/themes/horita/images/original/bg_circle.png") repeat;	
	width: 100%;
	height: 950px;
}
.original_left01 {
		float: left;
		width: 475px;
		padding: 0 0;	
		background: url("http://horita-bungu.mom/wp-content/themes/horita/images/original/btn_serviceON.png") no-repeat;
		background-position:center;
		text-align: center;
	}
.original_left01 a {
 		display: inline-block;
}

.original_left01 a:hover {
		background-color: transparent; /* IE6対応 */
}

.original_left01 a:hover img {
    		visibility: hidden;
}
.original_right01 {
		float: right;
		width: 475px;
		padding: 0 0;	
		background: url("http://horita-bungu.mom/wp-content/themes/horita/images/original/btn_goodsON.png") no-repeat;
		background-position:center;
		text-align: center;
	}
.original_right01 a {
 		display: inline-block;
}

.original_rght01 a:hover {
		background-color: transparent; /* IE6対応 */
}

.original_right01 a:hover img {
    		visibility: hidden;
}

/* キャラクター */
.original_Chara01 {
	top: 590px;
	left: 0px;
}
.original_Chara02 {
	top: 30px;
	left: 30px;
}

/* =========================================================

	8.1 originalservic(201510.Bigmac追加)

========================================================= */
.originalservice {}
.originalservice_title {
	padding: 0 0;
	text-align: center;
}
.originalservice_img01 {
	padding: 5px 0;
	text-align: center;
}
.originalservice_img02 {
	padding: 5px 0;
	text-align: center;
}
.originalservice_img03 {
	padding: 5px 0;
	text-align: left;
}
.originalservice_block01 {
	position: relative;
	background: url("");
}
.originalservice_left01 {
		float: left;
		width: 475px;
		padding: 0 0;	
		background-position:center;
	}

.originalservice_right01 {
		float: right;
		width: 475px;
		padding: 0 0;	

		background-position:center;
	}
.originalservice_text02 {
		padding: 20px 0 0 5px;
		color: #007F41;
		font-size: 30px;
		font-weight: bold;
	}
.originalservice_text03 {
		padding: 30px 0 0 5px;
		font-size: 16px;
	}
.originalservice_photo01 {
		padding: 17px 0;
	}
	
/* キャラクター */
.originalservice_chara01 {
	position: absolute;
	top: 300px;
	left: 360px;
}
.originalservice_chara02 {
	position: absolute;
	top: 250px;
	left: 700px;
}
.originalservice_chara03 {
	position: absolute;
	top: 380px;
	left: 600px;
}
/* =========================================================

	8.0 VOICE(201601.Bigmac追加)

========================================================= */
.voice_detail{
    position: relative;
    margin: 20px;
    padding: 20px 40px 20px 40px;
    color: #000;
    line-height: 1.5;
    font-size: 16px;
    background: #ccc;
    border-radius: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.voice_detail::before {
    content: url(images/top_shop_img_clip.png);
    position: absolute;
    top: -16px;
    right: 15px;
}
.voice_answer{
    padding: 40px 20px;
    font-size: 16px;
    line-height: 1.5;
}
.voice_pagetitleBg{
    background: url("images/voice_pagetitle_bg.png") no-repeat 0 0;
}
.voice_pagetitle{
    float: left;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    padding: 30px 20px;
}
.voice_btn{
    float: right;
    width: 400px;
    padding: 50px 40px;
}
.voice_btn a:hover{
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity = 50);
}
/* =========================================================

	9.0 新入学フェア(201601.Bigmac追加)

========================================================= */
.entry_mainv{
    text-align: center;
}
.entry_list{
    text-align: center;
}
.entry_item{
    text-align: center;
}
#post-458 ul{
    font-size: 22px;
    margin: 30px 0 100px 30px;
}
/* =========================================================

   TOP インスタグラム/ツイッター/Facebook追加(201706.Bigmac追加)

========================================================= */


.instagram_top{
	float: left;
	width: 482px;
	height: 580px;
	margin: 75px 0 0;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}

.fb_twitter_box{
	float: right;
	width: 482px;
	height: 580px;
	margin: 75px 0 0;
	text-align: center;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.instagram_top h3{
	padding: 15px 0 0;
	color: #007F41;
	font-size: 29px;
	font-weight: bold;
	text-align: center;
}
.fb_top h3{
	padding: 15px 0 10px;
	color: #007F41;
	font-size: 29px;
	font-weight: bold;
}
.twitter_top h3{
	padding: 15px 0 0;
	color: #007F41;
	font-size: 29px;
	font-weight: bold;
}

/* =========================================================

   採用ページLPSP(201802.Bigmac追加)

========================================================= */

.recruit-lp{
	width: 750px;
	margin: 0 auto;
}
.confirmation-btn{
	text-align: center;
	padding-bottom: 60px;
}