@charset 'utf-8';
/* CSS Document */

body {
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
	font-family:  "メイリオ", Meiryo, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	margin: 0;
	padding: 0;
	line-height: normal;
}
.clearfix:after{
	font-size:0;
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:'.';
}
.clearfix{
	display:inline-block;
	overflow:hidden;
}
* html .clearfix{ height:1%; }
.clearfix{ display:block; }

body,
html{ position:relative; }

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

#all_content {
	width: 960px;
	margin: 0 auto;
}

.leftnavi img,
.footer img{
	display: block;
	margin: 0 auto;
}

.b{ font-weight:700; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.left{ float:left; }
.right{ float:right; }

/*____________________________________

header
____________________________________*/

.header {
	position: relative;
	font-family:Meiryo,Hiragino Kaku Gothic Pro,sans-serif;
	font-size:78%;
	line-height:135%;
	width: 960px;
}

h1#h1_keyword {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 20px;
	right: 10px;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #fafdec;
	text-shadow: 0 0 4px rgba(94,112,36,.95);

	mix-blend-mode: luminosity;
}

.header a{ color:#333; }
.header a:active,
.header a:hover,
.header a:link,
.header a:visited{color:#333}

#header_w{ width:60pc; }
.h_box{
	width:60pc;
	background:url(https://kkbgreen.itembox.design/item/images/head_bg.jpg);
}
.h_box,
.h_box .h_left{
	height:140px;
	margin:0;
	padding:0;
}
.h_box .h_left{
	float:left;
	width:475px;
}
.h_box .h_right{
	float:right;
	width:485px;
	height:140px;
	margin:0;
	padding:0;
}
#g_nav{
	width:60pc;
	margin:0;
	padding:0;
}
#g_nav .nav_w{
	width:60pc;
	height:51px;
	padding:0;
	background-image:url(https://kkbgreen.itembox.design/item/images/h_nav_bg.png);
	background-repeat:repeat-x;
}
#g_nav .nav_w li{
	float:left;
	list-style:none;
}
#g_nav .nav_w li a:hover{ opacity:.6; }


/*____________________________________

パンくずリスト
____________________________________*/

#breadcrumb_list_wrap ol {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

#breadcrumb_list_wrap ol li {
	display: inline-block;
	margin: 0 .5em 0 0;
	padding: 0;
}

#breadcrumb_list_wrap ol li::after {
	margin-left: .5em;
	content: '>';
}

#breadcrumb_list_wrap ol li:last-child::after {
	color: transparent;
}


/*____________________________________

leftnavi
____________________________________*/


.leftnavi {
	float: left;
	width: 200px;
	margin: 20px 0 0 0;
}


/*____________________________________

main
____________________________________*/

.main {
	float: right;
	width: 720px;
	margin: 20px 0 0 0;
}

.main p{ margin: 1em 0; }

/*____________________________________

main
____________________________________*/

.footer {
	clear: both;
	padding-top: 50px;
}

.comment_box {
	font-size: 12px;
	width: 720px;
	margin: 0;
	padding: 0 0 8px 0;
	text-align: left;
	color: #f00;
}




/*____________________________________

直書きだった分
2016.11.29移動
____________________________________*/



.fb-page.fb_iframe_widget {
	float: left;
	width: 500px !important;
	height: 300px !important;
}

.fb-page.fb_iframe_widget span {
	width: 500px !important;
}


.fb-page.fb_iframe_widget span iframe {
	width: 500px !important;
}

.pluginFontHelvetica {
	width: 720px !important;
}

iframe[src*='https://www.facebook.com/v2.3/plugins/page.php'] {
	width: 720px !important;
}

.schedule {
	font-family: Meiryo,'Hiragino Kaku Gothic Pro',Osaka,'MS PGothic', sans-serif;
	line-height: 1.2em;
	width: 960px;
	margin: 10px 0 15px;
}
.schedule .kyuugyou {
	font-size: 14px;
	font-weight: normal;
	padding: 5px 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: center;
	color: #333;
	background: #e9e9e9;

}
.schedule .sat {
	color: #09f;
}
.schedule .sun {
	color: #c00;
}
.Hline {
	text-decoration: underline;
}
.schedule .blue {
	color: #09f;
}
.schedule table {
	font-family: 'Times New Roman', Times, serif;
	border-top: #e9e9e9 1px solid;
	border-left: #e9e9e9 1px solid;
}
.schedule th {
	font-size: 12px;
	font-weight: normal;
	table-layout: auto;
	color: #000;
	border-right: #e9e9e9 1px solid;
	border-bottom: #e9e9e9 1px solid;
}

.schedule th span {
	font-size: 16px;
	margin-right: 3px;
	color: #000;
}
.schedule td {
	font-family: Meiryo,'Hiragino Kaku Gothic Pro',Osaka,'MS PGothic', sans-serif;
	font-size: 13px;
	text-align: left;
	color: #000;
	border-right: #e9e9e9 1px solid;
	border-bottom: #e9e9e9 1px solid;
}
.txtbox {
	line-height: 1.4;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	margin-left: 100px;
}



/*-----------------
	  right_tab
	-----------------*/
div.vbtnbox {
	position: fixed; /* for Firefox */
	top: 0;
	right: 0;

	_position: absolute; /* for IE */
}
.fixed {
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	display: block;
	width: auto;
}
.sidetab {
	position: absolute;
	height: 280px;
}
div#fixArea1 {
	position: absolute;
	z-index: 9999;
	top: 5px;
	right: 0;
	display: block;
	width: auto;
	height: 227px;
	text-indent: -9999px;
}
div#fixArea1 a.fixbtn {
	position: absolute;
	z-index: 9999;
	top: 150px;
	right: 0;
	display: block;
	width: 73px;
	height: 230px;
	outline: none;
	background: transparent url(https://kkbgreen.itembox.design/item/images/review_right_fu.png) no-repeat scroll 0 0;
}
div#fixArea1 a.fixbtn:hover {
	position: absolute;
	z-index: 9999;
	top: 150px;
	right: 0;
	display: block;
	width: 86px;
	height: 230px;
	outline: none;
	background: transparent url(https://kkbgreen.itembox.design/item/images/review_right_fu.png) no-repeat scroll 0 0;
}

/*2こめ*/
div#fixArea2 {
	position: absolute;
	z-index: 9999;
	top: 5px;
	right: 0;
	display: block;
	width: auto;
	height: 227px;
	text-indent: -9999px;
}
div#fixArea2 a.fixbtn {
	position: absolute;
	z-index: 9999;
	top: 390px;
	right: 0;
	display: block;
	width: 72px;
	height: 241px;
	outline: none;
	background: transparent url(https://kkbgreen.itembox.design/item/images/right_sample.png) no-repeat scroll 0 0;
}
div#fixArea2 a.fixbtn:hover {
	position: absolute;
	z-index: 9999;
	top: 390px;
	right: 0;
	display: block;
	width: 86px;
	height: 241px;
	outline: none;
	background: transparent url(https://kkbgreen.itembox.design/item/images/right_sample.png) no-repeat scroll 0 0;
}
/*3こめ*/
div#fixArea3 {
	position: absolute;
	z-index: 9999;
	top: 5px;
	right: 0;
	display: block;
	width: auto;
	height: 164px;
	text-indent: -9999px;
}
div#fixArea3 a.fixbtn {
	position: absolute;
	z-index: 9999;
	top: 642px;
	right: 0;
	display: block;
	width: 72px;
	height: 163px;
	outline: none;
	background: transparent url(https://kkbgreen.itembox.design/item/images/bnr_rireki-pc.png) no-repeat scroll 0 0;
}




/*-----------------
	  left_tab
	-----------------*/

#fixed_left{
	display: block;
	width: auto;
	position: fixed;
	top: 150px;
	left: 0px;
	z-index: 10;
}

div#fixArealeft a.fixbtn_left {
	outline: none;
	display: block;
	/*background: transparent url(https://kkbgreen.itembox.design/item/images/190412_73x300.jpg) no-repeat scroll 0px 0px;*/
	background: transparent url(https://kkbgreen.itembox.design/item/images/181101_73x300.jpg) no-repeat scroll 0px 0px;	
	position: relative;
	left: -13px;
	width: 73px;
	height: 300px;
	z-index: 9999;
	margin-bottom: 5px;
}
div#fixArealeft a.fixbtn_left:hover {
	left:0px;
}

div#fixArealeft a.fixbtn_left-02 {
	outline: none;
	display: block;
	background: transparent url(https://kkbgreen.itembox.design/item/images/181119_73x300.jpg) no-repeat scroll 0px 0px;
	position: relative;
	left: -13px;
	width: 73px;
	height: 300px;
	margin-bottom: 5px;
}
div#fixArealeft a.fixbtn_left-02:hover {
	left:0px;
}


.menu-i {
	float: right;
	width: 210px;
	margin: 0;
	padding: 0;
}

#soccer_img img {
	display: block;
	margin: 0 auto;
}


/*____________________________________

採用情報
2017.02.23追記
____________________________________*/

#recruit_wrap{
	width: 100%;
	margin-top: 50px;
}

#recruit_table{
	width: 100%;
	border: 1px solid #000;
	border-collapse: separate;
	font-size: 14px;
}

#recruit_table tr > * {
	border: 1px solid #000;
	box-sizing: border-box;
	padding-left: 5px;
}

#recruit_table th{
	background: #4C720B;
	color: #fff;
	text-align: left;
	font-weight: bold;
	height: 35px;
	vertical-align: middle;
}

.recruit_subhead{
	color: #060;
	font-weight: bold;
}

#recruit_table td:empty{
	width: 15px;
	height: 95px;
	background: #4C720B;
}

.conditions{
	width: 150px;
	background: #bfe47f;
	vertical-align: middle;
}

#recruit_table ul{
	list-style-type: disc;
	padding: 0;
	margin-left: 1.5em;
}

#recruit_table p {
	line-height: 1.5;
}

#recruit_table ul li {
	line-height: 1.5;
}

#recruit_table td {
	vertical-align: middle;
}

/*____________________________________

コンプライアンスマークについて
2017.03.10追記
____________________________________*/

#contents_wrap{
	width: 720px;
}

#comp_title{
	display: flex;
	width: 100%;
	height: 100px;
	border: 2px solid #006400;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}

#comp_title p{
	text-align: center;
	color: #006400;
}

#comp_title abbr{
	font-size: 20px;
	font-weight: normal;
}

#comp_text_wrap{
	color: #4d4d4d;
}

#comp_text_wrap dt{
	font-weight: bold;
}

#comp_text_wrap dd{
	margin: 5px 0 30px;
	text-indent: 1em;
}

#comp_text_wrap dd:first-of-type{
	text-indent: 0;
}

#comp_text_wrap dt:first-child{
	/*border-bottom: 1px solid #4d4d4d;*/
	text-decoration: underline;
}

.list_title{
	display: list-item;
	list-style: decimal inside;
}

#contents_wrap figure{
	margin: 0;
	padding: 0;
}

#sign_text{
	text-align: right;
}

/*____________________________________

共通部分　LeftNavi Footer Header
____________________________________*/

.search_box{
	width:200px;
	height:65px;
	padding:35px 0 0;
	background-image:url(https://kkbgreen.itembox.design/item/images/search00.png);
	background-repeat:
	no-repeat;
	text-align:center;
	box-sizing: content-box;
}
.search_box input{ padding: 1px 6px; }
.search_box #textfield{ padding: 1px 0px; }

.tenpo_table .tenpo_data {
    background: url(https://kkbgreen.itembox.design/item/images/calendar_02.png)repeat-y center;
    text-align: center;
}
.tenpo_table .tenpo_map,
.tenpo_table .tenpo_u_margin {
    border: 0;
    width: 154px;
    padding: 0;
    margin: 0;
    background: url(https://kkbgreen.itembox.design/item/images/calendar_02.png)repeat-y center;
}
.bd_box {
    width: 200px;
    margin: 20px auto 0;
}
.bd_box .bd_inner {
    width: 200px;
    background: url(https://kkbgreen.itembox.design/item/images/calendar_02.png)repeat-y center;
}
.bd_box .bd_inner .bd_framebox {
    width: 140px;
    margin: 0 auto;
}
.footer{
	clear:both;
	padding-top:50px;
}
.comment_box{
	text-align:left;
	color:red;
	font-size:9pt;
	padding:0 0 8px;
	margin:0;
	width:45pc;
}
.itemNumber{
	float:left;
	clear:both;
}
.FS2_itemPrice_area{ clear:both; }
font{
	font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

/* left_category */
#left_category ul{
	list-style-type: none;
	width: 175px;
	margin: 0 auto;
	padding: 0;
}

#left_category dl{
	border: 1px solid #ecedf0;
}
#left_category dt{ margin-bottom: 10px; }
#left_category dd a{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
    color: rgb(103, 90, 77);
	font-size: 13px;
	font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 20px;
	text-decoration: none;
}
#left_category dd a span{ padding: 3px; }

#left_category dd .list_mark{ width: 7px; }

/* YAMATO */
#yamato_link a:hover {
    text-decoration: underline;
}
#yamato_link a {
    display: block;
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    background-color: #f00;
    width: 960px;
    margin: 10px 0;
    padding: 5px 0;
}


/*____________________________________

instagram
____________________________________*/

.ig_page{
	display: inline-block;
	margin-top: 20px;
	padding: 10px;
	height: 320px;
	background-color: #E0E0E0;
}
.ig_page img{
	display: block;
	width: 115px;
	margin-bottom: 5px;
}

/*____________________________________

ヘッダー上コンテンツ
____________________________________*/

.head_info{
	display:flex;
	padding: 10px 0 9px;
}
.head_info_tel{
	margin-right: 20px;
}