@charset "UTF-8";
/* CSS Document */

/*====================================================================================
1.　全体
2.　レイアウト
3.　ヘッダー
4.　共通ナビゲーション
5.　ページタイトル
6.　TOPページ
7.　学園について
8.　事業内容
9.　みなさんの活動
10.　採用情報
11.　パン工場＆クッキー工房
12.　お問い合わせ
13.　footer フッター
14.　style

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

/*====================================================================================
    1.　全体
======================================================================================*/

body {
width: 100%;
margin:0;
padding:0;
color: #333;
background-color: #FFF;
font-family: "游ゴシック体", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lucida Grande", Verdana, Roboto, "Droid Sans", sans-serif;
font-size: 100%;
line-height: 1.5em;
-webkit-text-size-adjust: 100%;
}

html , body {
height: 100%;
}

ul, ol, dl {
margin: 0;
padding: 0;
}

ul {
list-style-type:none;
margin: 0;
padding: 0;
}

li {
list-style-type:none;
margin: 0;
padding: 0;
}

em {
font-weight: bold;
font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
font-size: 100%;
line-height: 1.5em;
}

p {
margin: 0;
padding: 0;
font-size: 100%;
line-height: 1.8em;
}

img {
border: none;
margin: 0;
padding: 0;
}

a { color: #333; text-decoration: none; }
a:link { color: #333; text-decoration: none;}
a:visited { color: #333; text-decoration: none;}
a:hover { color: #179F83; text-decoration: none;}
a:active, a:focus { color: #179F83; text-decoration: none;}

a img{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

a:hover img {
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity = 80);
border: none;
}


/*====================================================================================
    2.　レイアウト
======================================================================================*/

#wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}

.container {
width: 1160px;
margin: 0 auto;
padding: 0;
text-align: center;
clear: both;
}

	.container:after {
	content: '';
	display: block;
	clear: both;
	}

.container80 {
width: 80%;
min-width: 1000px;
margin: 0 auto;
padding: 0;
text-align: center;
clear: both;
}

	.container80:after {
	content: '';
	display: block;
	clear: both;
	}

.containerPaper {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
line-height: 170%;
font-size: 14px;
letter-spacing: 0.1em;
background: url("../img/back_paper.jpg") left top repeat;
position: relative;
}

	.containerPaper:after {
	content: '';
	display: block;
	clear: both;
	}

.containerKhaki {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
line-height: 170%;
font-size: 14px;
letter-spacing: 0.1em;
background: url("../img/back_khaki.jpg") left -100px repeat;
position: relative;
}

	.containerKhaki:after {
	content: '';
	display: block;
	clear: both;
	}

.containerLinen {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
line-height: 170%;
font-size: 14px;
letter-spacing: 0.1em;
background: url("../img/back_linen.jpg") left top repeat;
background-color: #FFF;
position: relative;
background-size: 100%;
}

	.containerLinen:after {
	content: '';
	display: block;
	clear: both;
	}

.containerWhite {
width: 100%;
margin: 0 auto;
text-align: center;
background-color: #FFF;
}

	.containerWhite:after {
	content: '';
	display: block;
	clear: both;
	}


/*====================================================================================
    3.　ヘッダー
======================================================================================*/

/* ヘッダーを固定する */

.fixed {
width: 100%;
height: 150px;
margin: 0;
padding: 0;
position: fixed;
z-index: 98;
background: url("../img/back_header.png") top left repeat-x transparent;
-moz-opacity: 1.00;
-khtml-opacity: 1.00;
-webkit-opacity: 1.00;
opacity: 1.00;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}

.shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.shadow2 {
	-webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	border-radius: 0px;
}

#header {
width: 1160px;
height: 100px;
margin: 0 auto;
padding: 0;
text-align: center;
background-color: #FFF;
background: url("../img/back_h2.png") center -115px no-repeat;
background-size: 720px 173px;
}

#header h1 {
width: 25%;
margin: 15px 0px 0px 30px;
padding: 0;
text-align: left;
font-size: 12px;
letter-spacing: 0.2em;
line-height: 1.5em;
display: inline;
float: left;
}

#header h1 img {
margin-top: 8px;
}

#header h1 .none{
	display: none;
}

#header h2 {
width: 40%;
height: 80px;
margin: 5px auto 0px auto;
padding: 0;
text-align: center;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.05em;
display: inline-block;
color: #FFF;
}

#header .subNavi{
width: 25%;
margin: 30px 30px 0px 0px;
display: inline;
float: right;
}

#header .subNavi li {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #FFF;
	display: inline;
	float: right;
	}

/*====================================================================================
    4.　共通ナビゲーション
=====================================================================================*/
#nav {
width: 100%;
min-width: 1000px;
height: 34px;
margin: 0 auto;
padding: 0;
display: block;
text-align: center;
font-weight: bold;
color: #333;
background-color: #FFF;
background: url("../img/line_straight.jpg") center top repeat-x;
z-index: 99;
}

#nav a { color: #333; text-decoration: none;}
#nav a:link { color: #333; text-decoration: none;}
#nav a:visited { color: #333; text-decoration: none;}
#nav a:hover { color: #333; text-decoration: none;}
#nav a:active, a:focus { color: #333; text-decoration: none;}

#nav ul {
	list-style:none;
	text-align:center;
	color: #7C7974;
}

#nav ul li{
	margin: 17px 20px 0px 20px;
	padding: 3px 0px 0px 40px;
	line-height:100%;
	position:relative;
	font-size: 14px;
	letter-spacing: 0.08em;
}

#nav ul li.about{
	display:inline-block;
	background: url("../img/i_about.png") left top no-repeat;
	background-size: 35px 18px;
	text-align: left;
}

#nav ul li.about a { color: #333; text-decoration: none;}
#nav ul li.about a:hover { color: #2169BA; text-decoration: none;}

#nav ul li.business{
	display:inline-block;
	background: url("../img/i_business.png") left top no-repeat;
	background-size: 35px 18px;
	text-align: left;
}

#nav ul li.business a { color: #333; text-decoration: none;}
#nav ul li.business a:hover { color: #009A00; text-decoration: none;}

#nav ul li.activity{
	display:inline-block;
	background: url("../img/i_activity.png") left top no-repeat;
	background-size: 35px 18px;
	text-align: left;
}

#nav ul li.activity a { color: #333; text-decoration: none;}
#nav ul li.activity a:hover { color: #D1555F; text-decoration: none;}

#nav ul li.recruit{
	display:inline-block;
	background: url("../img/i_recruit.png") left top no-repeat;
	background-size: 35px 18px;
	text-align: left;
}

#nav ul li.recruit a { color: #333; text-decoration: none;}
#nav ul li.recruit a:hover { color: #7434AF; text-decoration: none;}

#nav ul li.factory{
	display:inline-block;
	background: url("../img/i_factory.png") left top no-repeat;
	background-size: 35px 18px;
	text-align: left;
}

#nav ul li.factory a { color: #333; text-decoration: none;}
#nav ul li.factory a:hover { color: #BC6223; text-decoration: none;}

/*テキストリンク---------------------------------------------------------------*/
.b_text {
height: 25px;
margin: 0;
padding: 0;
}

	.b_text a:link, .b_text a:visited {
	margin: 0;
	padding: 2px 0px 3px 28px;
	background: url("../img/arrow1.svg") no-repeat left top;
	background-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #5ca06d;
	}

	.b_text a:hover {
	margin: 0;
	padding: 2px 0px 3px 28px;
	background: url("../img/arrow1.svg") no-repeat left top;
	background-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #80c491;
	}

.b_textCenter {
height: 25px;
margin: 0 auto;
padding: 0;
text-align: center;
}

.b_textCenter a:link,.b_textCenter a:visited {
	margin: 0;
	padding: 2px 0px 3px 28px;
	background: url("../img/arrow1.svg") no-repeat left top;
	background-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #5ca06d;
	}

	.b_textCenter a:hover {
	margin: 0;
	padding: 2px 0px 3px 28px;
	background: url("../img/arrow1.svg") no-repeat left top;
	background-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #80c491;
	}

/*パンくずリスト-----------------------------------------------*/
.breadcrumbs {
width: 1150px;
margin: 0 auto ;
padding: 5px 0px 5px 50px;
text-align: left;
font-size: 13px;
color: #333;
position: relative;
top: -120px;
clear: both;
z-index: 6;
}

.breadcrumbs a 		{ color: #333; text-decoration: none; border-bottom: dotted 1px;}
.breadcrumbs a:link		{ color: #333; text-decoration: none; border-bottom: dotted 1px;}
.breadcrumbs a:visited	{ color: #333; text-decoration: none; border-bottom: dotted 1px;}
.breadcrumbs a:active	{ color: #5ca06d; text-decoration: none; border-bottom: dotted 1px;}
.breadcrumbs a:hover { color: #5ca06d; text-decoration: none; border-bottom: dotted 1px;}

.breadcrumbs2 {
width: 1150px;
margin: 0 auto;
padding: 5px 0px 5px 50px;
text-align: left;
font-size: 13px;
color: #333;
position: relative;
clear: both;
z-index: 6;
}

.breadcrumbs2 a 		{ color: #333; text-decoration: none; border-bottom: dotted 1px;}
.breadcrumbs2 a:link		{ color: #333; text-decoration: none; border-bottom: dotted 1px;}
.breadcrumbs2 a:visited	{ color: #333; text-decoration: none; border-bottom: dotted 1px;}
.breadcrumbs2 a:active	{ color: #5ca06d; text-decoration: none; border-bottom: dotted 1px;}
.breadcrumbs2 a:hover { color: #5ca06d; text-decoration: none; border-bottom: dotted 1px;}

/*-----------------------------------------------------------------------------------
    5.　ページタイトル
-----------------------------------------------------------------------------------*/
#pageTitle {
width: 100%;
min-width: 1000px;
height: 130px;
position: relative;
z-index: 1;
margin: 0;
padding: 150px 0 0 0;
}

	#pageTitle:after {
	content: '';
	display: block;
	clear: both;
	}

#pageTitle .font80 {font-size:80%; letter-spacing: 0.15em;}

#pageTitle h3.business {
width: 100%;
height: 100px;
margin: 0 auto;
padding: 50px 0 0 0;
text-align: center;
font-weight: normal;
font-size: 28px;
letter-spacing: 0.3em;
background: url("../img/t_business.png") center top no-repeat;
background-size: 175px;
}

#pageTitle h3.about {
width: 100%;
height: 100px;
margin: 0 auto;
padding: 50px 0 0 0;
text-align: center;
font-weight: normal;
font-size: 28px;
letter-spacing: 0.3em;
background: url("../img/t_about.png") center top no-repeat;
background-size: 175px;
}

#pageTitle h3.activity {
width: 100%;
height: 100px;
margin: 0 auto;
padding: 50px 0 0 0;
text-align: center;
font-weight: normal;
font-size: 28px;
letter-spacing: 0.3em;
background: url("../img/t_activity.png") center top no-repeat;
background-size: 175px;
}

#pageTitle h3.recruit {
width: 100%;
height: 100px;
margin: 0 auto;
padding: 50px 0 0 0;
text-align: center;
font-weight: normal;
font-size: 28px;
letter-spacing: 0.3em;
background: url("../img/t_recruit.png") center top no-repeat;
background-size: 175px;
}

#pageTitle h3.contact {
width: 100%;
height: 100px;
margin: 0 auto;
padding: 50px 0 0 0;
text-align: center;
font-weight: normal;
font-size: 28px;
letter-spacing: 0.3em;
background: url("../img/t_contact.png") center top no-repeat;
background-size: 175px;
}



.containerDummy {
width: 100%;
height: auto;
margin: 800px auto 0 auto;
padding: 0;
}

.containerDummy2 {
width: 100%;
height: 600px;
margin: 0px auto 0 auto;
padding: 250px 0 0 0;
font-size: 16px;
background: url("../img/back_paper.jpg") left -100px repeat;
}

.containerDummy3 {
width: 100%;
margin: 0px auto;
padding: 50px 0 70px 0;
text-align: center;
background0: url("../img/back_paper.jpg") left -100px repeat;
}

.containerDummy4 {
width: 100%;
margin: 0px auto;
padding: 50px 0 0 0;
text-align: center;
background0: url("../img/back_khaki.jpg") left -100px repeat;
}


/*====================================================================================
    6.　TOPページ
======================================================================================*/

/* イメージ画像スライド */

div#mask,img.slide {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}
/* slide */
div#slideArea {
	height: auto;
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
	position: relative;
	z-index:1;
}

img.slide {
  width: 100%;
  min-width: 1400px;
  height: auto;
  position: fixed;
  top: 150px;
  left: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
}

_::-webkit-full-page-media, _:future, :root img.slide {
    top: 150px;
}

div#slider {
  position: relative;
}
.slide ul {
  position: relative;
}
.slide li {
  position: absolute;
  width: 100%;
  left: 0px;
}

.catch_section {
  position: relative;
  height: auto;
  width: 100%;
z-index: 2;
}

.catch_section img {
  height: auto;
  margin-top: 150px;
  padding: 0;
}

_::-webkit-full-page-media, _:future, :root .catch_section img {
    margin-top: 150px;
}

.concept {
width: 600px;
margin: 0 auto 50px auto;
padding: 50px 70px 50px 80px;
text-align: left;
line-height: 250%;
font-size: 14px;
font-weight: bold;
color: #333;
letter-spacing: 0.1em;
background-color: rgba(255,255,255,0.7);
border-radius: 30px;
position: relative;
z-index:3;
}

.information {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
line-height: 170%;
font-size: 14px;
letter-spacing: 0.1em;
background: url("../img/back_paper.jpg") left top repeat;
background-color: #FFF;
position: relative;
}

.information h3 {
margin: 0px auto;
padding: 38px 0px 30px 2px;
text-align: center;
font-size: 28px;
letter-spacing: 0.3em;
font-weight: lighter;
background: url("../img/t_info.png") center -5px no-repeat;
background-size: 158px 41px;
}

#info_navi {
width: 50%;
min-width: 800px;
margin: 0 auto;
padding: 0;
text-align: center;
clear: both;
border-bottom: 1px solid #CCC;
	}

#info_navi dl {
width: 100%;
margin: 0;
padding: 0;
text-align: left;
font-size: 14px;
line-height: 150%;
letter-spacing: 0.1em;
border-top: 1px solid #CCC;
display: block;
	}

	#info_navi dt {
	width: 70px;
	margin: 0px 0px 13px 10px;
	padding: 15px 0px 0px 0px;
	display: inline;
	float: left;
	letter-spacing: 0.2em;
	color: #339933;
	}

	#info_navi dd {
	width: 80%;
	margin: 0px 15px 0px 0px;
	padding: 15px 0px 0px 0px;
	display: inline;
	float: right;
	background: url("../img/arrow_down.svg") right 20px no-repeat;
	background-size: 15px 10px;
	}

	#info_navi a {
	width: 100%;
	height: 50px;
	display: block;
	color: #000;
	}

	#info_navi a:hover {
	width: 100%;
	height: 50px;
	display: block;
	color0: #179F83;
	background-color: rgba(190,225,184,0.1);
	}

.contentsA {
margin: 0;
padding: 30px;
text-align: left;
font-size: 14px;
line-height: 200%;
letter-spacing: 0.1em;
background-color: #FFF;
border-top: 1px dashed #DDD;
border-left: 1px dashed #DDD;
border-right: 1px dashed #DDD;
}

.contents_navi {
width: 1160px;
margin: 0 auto;
padding: 0;
text-align: center;
line-height: 170%;
font-size: 14px;
letter-spacing: 0.1em;
}

.information h4 {
width: 100%;
margin: 0 auto;
padding: 70px 0px 0px 0px;
text-align: center;
}

.topics {
width: 180px;
margin: 0px 40px;
padding: 0px;
text-align: center;
display: inline-table;
}

.topics .thumbnail {
width: 180px;
height: 180px;
margin: 20px auto;
padding: 0;
border-radius: 50%;
overflow: hidden;
background-image: url("../img/back_thumbnail.jpg");
}

.topics .thumbnail img {
width: 100%;
height: 100%;
margin: 0px;
}

.topics dl {
clear: both;
}

.topics dt {
width: 100%;
height: 40px;
margin: 0px;
padding: 0px;
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 1.3em;
letter-spacing: 0.2em;
color: #333;
overflow: hidden;
}

.topics dd {
width: 100%;
height: 70px;
margin: 10px 0px 10px 0px;
padding: 0px;
text-align: left;
font-size: 13px;
letter-spacing: 0em;
line-height: 1.8em;
color: #000;
overflow: hidden;
}

.topics dt.about{
	background: url("../img/line_blue.svg") left bottom no-repeat;
	background-size: 620px 6px;
	color: #4D88C7;
}

.topics dt.business{
	background: url("../img/line_green.svg") left bottom no-repeat;
	background-size: 620px 6px;
	color: #099800;
}

.topics dt.activity{
	background: url("../img/line_pink.svg") left bottom no-repeat;
	background-size: 620px 6px;
	color: #F5789E;
}

.topics dt.recruit{
	background: url("../img/line_purple.svg") left bottom no-repeat;
	background-size: 620px 6px;
	color: #A05CC3;
}

.blue { color: #4D88C7;}
.green { color: #009A00;}
.pink { color: #FF3E72;}
.purple { color: #7434AF;}


.container_factory {
width: 1000px;
margin: 50px auto 0;
padding: 20px 0 0;
text-align: center;
clear: both;
background: url("../img/back_factory.jpg") center top no-repeat;
}

	.container_factory .more {
		padding: 25px 0;
	}


.container_links {
width: 1160px;
margin: 0 auto;
padding: 100px 0px;
text-align: center;
clear: both;
}

	.container_links:after {
	content: '';
	display: block;
	clear: both;
	}

.links {
width: 250px;
margin: 0px 10px;
padding: 0px;
text-align: center;
display: inline-block;
}

   .map{
        width: 100%;
        height: 440px;
		z-index: 5;
		position: relative;
    }
    .map_inner{
        width: 100%;
        height: 100%;
    }

.new {
margin: 0px 0px 0px 7px;
color: #FF8E00;
font-family: 'Marck Script', cursive;
font-size: 17px;
display: inline;
}

/*====================================================================================
    7.　学園について
=====================================================================================*/

.aboutCon {
width: 1040px;
margin: 0 auto;
}

	.concept2 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

	.concept2 p {
	width: 46%;
	margin: 0 auto 0px auto;
	padding: 0 20px;
	text-align: left;
	line-height: 250%;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	letter-spacing: 0.1em;
	float0: left;
	display: inline-block;
	}

	.concept2_left {
	width: 22%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	float: left;
	display: inline;
	}

	.concept2_right {
	width: 22%;
	height: auto;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	float: right;
	display: inline;
	}

.summarySec {
	width: 1040px;
	margin: 0px auto;
	padding: 0 0 70px 0;
	text-align: center;
	}

	.summarySec h4 {
	width: 175px;
	height: 45px;
	margin: 0 auto;
	padding: 80px 0 0 10px;
	text-align: center;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 0.5em;
	background: url("../img/line_blue.svg") center bottom no-repeat;
	background-size: 620px;
	}

	.summary {
	width: 240px;
	margin: 50px 5px 0 5px;
	padding: 0;
	text-align: center;
	display: inline-table;
	}

	.summary dl {
	width: 240px;
	height: 240px;
	margin: 0;
	padding: 0;
	text-align: center;
	}

	.summary dl.contents1 {
	width: 240px;
	height: 240px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	border-radius: 50%;
	background: url("../img/i_1l.svg") center 40px no-repeat rgba(80,207,125,0.4);
	background-size: 40px;
	}

	.summary dl.contents2 {
	width: 240px;
	height: 240px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	border-radius: 50%;
	background: url("../img/i_1l.svg") center 40px no-repeat rgba(255,215,0,0.4);
	background-size: 40px;
	}

	.summary dl.contents3 {
	width: 240px;
	height: 240px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	border-radius: 50%;
	background: url("../img/i_2l.svg") center 40px no-repeat rgba(0,200,241,0.3);
	background-size: 40px;
	}

	.summary dl.contents4{
	width: 240px;
	height: 240px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	border-radius: 50%;
	background: url("../img/i_3l.svg") center 40px no-repeat rgba(80,207,125,0.4);
	background-size: 40px;
	}

.summary dt {
width: 80%;
height: 40px;
margin: 0 auto;
padding: 90px 0 0 0;
font-size: 20px;
font-weight: normal;
line-height: 1.3em;
letter-spacing: 0.2em;
border-bottom: dotted 2px #AAA;
}

.summary dd {
width: 80%;
height0: 70px;
margin: 10px auto;
padding: 0px;
font-size0: 13px;
letter-spacing: 0em;
line-height: 1.8em;
}

.summary .b_more {
width: 130px;
height: 25px;
margin: 0 auto;
padding: 2px 0 0 5px;
border: 1px solid #AAA;
border-radius: 13px;
text-align: center;
}

.summary .b_more a {
margin: 0 auto;
padding: 0;
display: block;
text-decoration: none;
font-weight: normal;
color: #000;
}

.summary .b_more a:hover{
margin: 0 auto;
padding: 0;
display: block;
font-weight: normal;
text-decoration: none;
color: #179F83;
}

.accessSec {
width: 100%;
margin: 0px auto;
padding: 0 0 70px 0;
text-align: center;
background: url("../img/back_khaki.jpg") left top repeat;
	}

.accessSec h4 {
width: 160px;
height: 45px;
margin: 0 auto;
padding: 80px 0 0 0;
text-align: center;
font-size: 25px;
font-weight: normal;
letter-spacing: 0.5em;
background: url("../img/line_red.svg") left bottom no-repeat;
background-size: 620px;
}

.access {
	width: 400px;
	margin: 50px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	}

	.access h5 span {
	margin: 0px 0 0 0;
	padding: 0;
	font-size: 20px;
	letter-spacing: 0.5em;
	line-height: 200%;
	}

	.access address {
	margin: 7px 0;
	padding: 0;
	font-size: 14px;
	font-style: normal;
	line-height: 180%;
	}

	.access img {
	width: 60%;
	}

.access .mapCon {
	width: 340px;
	height: 250px;
	margin: 10px auto 10px auto;
	padding: 6px;
	border: 1px solid #CCC;
	background-color: #FFF;
	-webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
}

.access .gMap {
	width: 100%;
	height: 100%;
}

.b_Gmap {
width: 200px;
height: 25px;
margin: 0 auto;
padding: 2px 0 0 5px;
text-align: center;
}

.b_Gmap a {
margin: 0 auto;
padding: 0;
display: block;
text-decoration: none;
font-weight: normal;
color: #FFF;
border-radius: 13px;
background-color: #CB4538;
}

.b_Gmap a:hover{
margin: 0 auto;
padding: 0;
display: block;
font-weight: normal;
text-decoration: none;
color: #FFF;
border-radius: 13px;
background-color: #FF4339;
}


.route {
width: 300px;
margin: 20px 0 0 130px;
padding: 0 0 0 25px;
text-align: left;
line-height: 40px;
background: url("../img/line_route.svg") left 12px no-repeat;
background-size: 12px;
}

/*====================================================================================
    8.　事業内容
=====================================================================================*/

/*  就労移行事業　-----------------------------------------*/
.businessTitle1 {
width: 100%;
height: auto;
min-width: 1000px;
padding: 0px 0 0px 0;
overflow: hidden;
background: url("../img/business_image1.jpg") no-repeat  center top;
background-size: 100%;
position: relative;
}

.businessTitle1.inner {
  position: relative;
  height: auto;
  width: 100%;
  padding: 0;
z-index: 2;
}

.businessTitle1.inner img {
  width: 100%;
  min-width: 1000px;
  height: auto;
  left: 0;
  margin-top: 150px;
  padding: 0;
}

/* サブメニュー */
.sub_navi {
	width: 446px;
	margin: 0px auto 20px auto;
	padding: 0;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.05em;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #CCC;
	position: relative;
	z-index: 97;
	}

.sub_navi:after {
	content: '';
	display: block;
	clear: both;
	}

.sub_navi li a {
	width: 170px;
	height: 30px;
	margin: 0;
	padding: 20px 20px 10px 30px;
	color: #000;
	display: inline-block;
	}

.sub_navi li a:hover {
	width: 170px;
	height: 30px;
	margin: 0;
	padding: 20px 20px 10px 30px;
	color: #5ca06d;
	display: inline-block;
	}

.sub_navi li.no1 {
	display: inline-block;
	text-align: center;
	border-right: 1px solid #CCC;
	background: url("../img/i_1s.svg") 15px 12px no-repeat;
	background-size: 200px 38px;
	}

.sub_navi li.no2 {
	display: inline-block;
	text-align: center;
	background: url("../img/i_2s.svg") 15px 12px no-repeat;
	background-size: 200px 38px;
	}

.sub_navi li.no3 {
	display: inline-block;
	text-align: center;
	background: url("../img/i_3s.svg") 15px 12px no-repeat;
	background-size: 200px 38px;
	}

.sub_navi li.no4 {
	display: inline-block;
	text-align: center;
	letter-spacing: 0.1em;
	background: url("../img/i_4s.svg") 15px 12px no-repeat;
	background-size: 200px 38px;
	}

.sub_navi li img {
	width: 30px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	}

.businessCon1 {
width: 100%;
min-width: 1000px;
padding: 50px 0 70px 0;
position: relative;
background-size: 30%;
}

.businessCon1 h4 {
width: 100%;
min-width: 1000px;
margin: 0px auto 30px auto;
padding: 0;
font-size: 25px;
font-weight: normal;
letter-spacing: 0.3em;
}

.businessCon1 .copy {
width: 100%;
min-width: 1000px;
margin: 0px auto;
text-align: center;
font-size: 15px;
color: #000;
letter-spacing: 0.1em;
line-height: 220%;
position: relative;
z-index: 10;
}

.businessCon1 .no1 {
margin: -170px 0px 0px 0px;
position: absolute;
left: 180px;
z-index: 80;
}

.businessCon1 h5 {
width: 100%;
margin: 70px 30px 20px 0px;
text-align: left;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
color: #009A00;
}

.businessCon1 p {
width: 100%;
margin: 0px 30px 30px 0px;
text-align: left;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 200%;
}

.businessCon1 .left {
width: 650px;
margin: 0px;
text-align: center;
display: inline-table;
}

.businessCon1 .left .thumbnail {
width: 258px;
height: 258px;
margin: 0px 10px;
padding: 0px;
border-radius: 50%;
overflow: hidden;
display: inline;
}

.businessCon1 .left .thumbnail img {
width: 100%;
height: 100%;
margin: 0px 5px;
}

.businessCon1 .center {
width: 650px;
margin: 0px auto;
text-align: left;
display: inline-table;
}

/*  就労継続支援B型事業1　-----------------------------------------*/
.businessTitle2 {
width: 100%;
height: auto;
min-width: 1000px;
overflow: hidden;
background: url("../img/business_image2.jpg") no-repeat  center top;
background-size: 100%;
position: relative;
}

.businessTitle2.inner {
  position: relative;
  height: auto;
  width: 100%;
z-index: 2;
}

.businessTitle2.inner img {
  width: 100%;
  min-width: 1000px;
  height: auto;
  left: 0;
  margin-top: 150px;
  padding: 0;
}

.businessCon2 {
width: 100%;
min-width: 1000px;
padding: 50px 0 70px 0;
position: relative;
background0: url("../img/img_bread.jpg") no-repeat  20px 10px;
background-size: 30%;
}

.businessCon2 h4 {
width: 100%;
min-width: 1000px;
margin: 0px auto 30px auto;
padding: 0;
font-size: 25px;
font-weight: normal;
letter-spacing: 0.15em;
}

.businessCon2 .copy {
width: 100%;
min-width: 1000px;
margin: 0px auto 40px auto;
text-align: center;
font-size: 15px;
letter-spacing: 0.1em;
line-height: 220%;
position: relative;
z-index: 10;
}

.businessCon2 .no2 {
margin: -170px 0px 0px 0px;
position: absolute;
right: 150px;
z-index: 80;
}

.businessCon2 h5 {
width: 100%;
margin: 50px 0px 20px 0px;
text-align: left;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
color: #B97C00;
}

.businessCon2 p {
width: 100%;
margin: 0px 0px 30px 0px;
text-align: left;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 200%;
}

.businessCon2 .left {
width: 600px;
margin: 0px 0px 0px 50px;
text-align: center;
display: inline-table;
}

.businessCon2 .left .thumbnail {
width: 258px;
height: 258px;
margin: 0px 10px;
padding: 0px;
border-radius: 50%;
overflow: hidden;
display: inline;
}

.businessCon2 .left .thumbnail img {
width: 100%;
height: 100%;
margin: 0px 5px;
}

/*  一日の流れ　-----------------------------------------*/
.schedulePaper {
width: 260px;
margin: 30px 0px 0px 0px ;
padding: 0;
background: url("../img/back_paper2.jpg") repeat 0 0;
display: inline-table;
}

	.schedulePaper:after {
	content: '';
	display: block;
	clear: both;
	}

.schedule {
width: 200px;
margin: 0 auto;
padding: 30px 30px 50px 30px;
background: url("../img/kage260.jpg") no-repeat bottom left;
background-size: 260px;
}

	.schedule:after {
	content: '';
	display: block;
	clear: both;
	}

.schedule h6 {
width: 100%;
height: 90px;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
text-align: center;
font-size: 17px;
font-weight: normal;
letter-spacing: 0.2em;
line-height: 150%;
color: #000;
background: url("../img/line_bold.svg") repeat-x bottom left;
background-size: 200%;
}

.schedule p {
width: 100%;
margin: -20px 0px 30px 0px;
text-align: center;
font-size: 14px;
letter-spacing: 0.05em;
}

.schedule dl {
width: 100%;
height: 50px;
padding: 0px 0px 0px 0px;
background: url("../img/line_dotted.svg") no-repeat 33px 0;
background-size: 7px;
}

.schedule dl:last-of-type {
width: 100%;
height: 20px;
padding: 0px 0px 0px 0px;
}

.schedule dt {
width: 70px;
height: 20px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 14px;
letter-spacing: 0.2em;
float: left;
display:inline;
background-color: #F3E68E;
border-radius: 20px;
}

.schedule dd {
width: 110px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 20px;
text-align: left;
font-size: 14px;
letter-spacing: 0.1em;
float: left;
display:inline;
}

.schedule ul {
width: 100%;
padding: 0px 0px 0px 0px;
}

.schedule li {
width: auto;
margin: 0;
padding: 0px 0px 5px 20px;
font-size: 14px;
text-align: left;
}

/*  就労継続支援B型事業2　-----------------------------------------*/
.businessCon3 {
width: 80%;
margin: -70px auto 0px auto;
padding: 0;
position: relative;
}

.businessCon3 h5 {
width: 100%;
margin: 0px auto 20px auto;
text-align: center;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
color: #B97C00;
}

.businessCon3 p {
width: 100%;
margin: 0px 0px 30px 0px;
text-align: center;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 200%;
}

.works {
width: 220px;
margin: 0px 25px 30px 25px;
padding: 0px;
text-align: center;
display: inline-table;
}

.works h6 {
width: 100%;
height: 60px;
margin: 0px 0px 15px 0px;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.1em;
background: url("../img/line_brown.svg") left bottom no-repeat;
background-size: 620px 6px;
}

.works p {
width: 100%;
margin: 0px 0px 30px 0px;
text-align: left;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 200%;
}

.works .thumbnail2 {
width: 220px;
height: 220px;
margin: 20px auto;
padding: 0px;
border-radius: 50%;
overflow: hidden;
}

.works .thumbnail {
width: 220px;
height: 220px;
margin: 20px auto;
padding: 0px;
border-radius: 50%;
overflow: hidden;
}

.works .thumbnail img {
width: 100%;
height: 100%;
margin: 0px;
}

/*  相談支援事業　-----------------------------------------*/
.businessCon4 {
width: 1000px;
margin: 0 auto;
padding: 50px 0px 30px 0px;
position: relative;
}

.businessCon4 h4 {
width: 500px;
margin: 30px 0px 30px 0px;
text-align: left;
font-size: 25px;
font-weight: normal;
letter-spacing: 0.1em;
}

.businessCon4 p {
width: 500px;
margin: 0px 0px 30px 0px;
text-align: left;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 200%;
}

/*  余暇活動　-----------------------------------------*/
.businessCon5 {
width: 1000px;
margin: 0 auto;
padding: 50px 0px 30px 0px;
position: relative;
border-top: 1px dashed #666;
}

.businessCon5 h4 {
width: 570px;
margin: 30px 0px 30px 0px;
text-align: left;
font-size: 25px;
font-weight: normal;
letter-spacing: 0.05em;
}

.businessCon5 p {
width: 530px;
margin: 0px 0px 30px 0px;
text-align: left;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 200%;
}

.recreation {
width: 220px;
margin: 0px 25px 30px 25px;
padding: 0px;
text-align: center;
float: left;
display: inline;
}
.recreation .thumbnail {
width: 220px;
height: 220px;
margin: 20px auto;
padding: 0px;
border-radius: 50%;
overflow: hidden;
}
.recreation .thumbnail img {
width: 100%;
height: 100%;
}


/*====================================================================================
    9.　みなさんの活動
======================================================================================*/

/* ブログサブメニュー */
ul#sub_navi3 {
	width: 1000px;
	height: 40px;
	margin: 0 auto;
	padding: 20px 0px 30px 0px;
	text-align: center;
	}

ul#sub_navi3 li {
	width: auto;
	height: 40px;
	display: inline-table;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	letter-spacing: 0.1em;
	}

ul#sub_navi3 li a {
	margin: 0px 5px;
	padding: 15px 25px 15px 25px;
	background-color: rgba(255,255,255,0);
	border-radius: 30px;
	border: 1px solid #CCC;
	color: #000;
}

ul#sub_navi3 li a:hover {
	margin: 0px 5px;
	padding: 15px 25px 15px 25px;
	border-radius: 30px;
	border: 1px solid #CCC;
	color: #000;
}

ul#sub_navi3 li.keep {
	height: 40px;
	margin: 0px 5px;
	padding: 0px 25px 0px 25px;
	background-color: rgba(224,135,143,0.3);
	border0: 1px solid #CCC;
	border-radius: 30px;
}


.activityCon {
width: 920px;
margin: 0 auto;
padding: 0;
text-align: center;
line-height: 170%;
font-size: 14px;
letter-spacing: 0.1em;
position: relative;
clear: both;
}

.blogList {
width: 160px;
margin: 0px 15px 40px 15px;
padding: 20px;
text-align: left;
float: left;
display: inline-block;
position: relative;
}

.blogList * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

.blogList h4 {
	height: 18px;
	margin: 0 0 5px 0;
	padding: 2px 7px;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #000;
	}

.blogList h4.tag1 {background-color: #B6CBE6; width: 85px;}  /* 企業受託活動／ブルー */
.blogList h4.tag2 {background-color: #D8C27F; width: 85px;}  /* 自主生産活動／カーキ */
.blogList h4.tag3 {background-color: #7FD8C2; width: 65px;}  /* 余暇活動／グリーン */
.blogList h4.tag4 {background-color: #F2C3C1; width: 95px;}  /* 学園のお知らせ／ピンク */

.blogList .thumbnail {
width: 160px;
height: 160px;
margin: 0px auto 10px auto;
padding: 0px;
overflow: hidden;
background-image: url("../img/back_thumbnail.jpg");
clear: both;
}

.blogList .thumbnail img {
width: auto;
height: 120%;
margin: 0px auto 0px -20px;
}

.blogList .date {
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: left;
font-size: 13px;
font-weight: normal;
letter-spacing: 0.05em;
color: #333;
display: inline;
float: left;
}

.blogList .new {
margin: 0px 0px 0px 15px;
color: #A1385A;
font-family: 'Marck Script', cursive;
font-size: 17px;
display: inline;
float: left;
}

.blogList dl {
clear: both;
height: 175px;
overflow: hidden;
}

.blogList dt {
width: 100%;
height0: 42px;
margin: 0px;
padding: 10px 0px 0px 0px;
text-align: left;
font-size: 14px;
font-weight: bold;
line-height: 1.4em;
letter-spacing: 0em;
color: #333;
border-top: 1px dashed #999;
overflow: hidden;
}

.blogList dd {
width: 100%;
height0: 70px;
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: left;
font-size: 13px;
letter-spacing: 0em;
line-height: 1.8em;
color: #000;
overflow: hidden;
}

.blogList figcaption {
  position: absolute;
  left: 85px;
  right0: 0px;
  top: 85px;
  padding: 0px;
  z-index: 1;
  opacity: 0;
}
.blogList h3,
.blogList p {
  margin: 0;
}
.blogList h3 {
  display: inline-block;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-weight: 400;
}
.blogList h3 span {
  font-weight: 800;
}
.blogList0 p {
  font-size: 0.8em;
}
.blogList:after {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: '';
  background: #CCC;
  position: absolute;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  opacity: 0;
}
.blogList a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.blogList:hover img,
.blogList.hover img {
  opacity: 0.8;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.blogList:hover figcaption,
.blogList.hover figcaption {
  opacity: 0.9;
}
.blogList:hover:after,
.blogList.hover:after {
  opacity: 0.3;
}


/* ブログブロックリンク ----------------------*/
.sample {
cursor:pointer;
}


/*	ラベル			*/
.label{
margin: 0px 20px 0px 0px;
padding: 0px;
font-weight: bold;
font-size: 15px;
}

.entry {
width: 800px;
margin: 0px auto;
padding: 40px;
text-align: left;
border: 0px solid #DDD;
border-radius: 0px;
}

	.entry h4 {
	height: 19px;
	margin: 0 0 5px 0;
	padding: 2px 7px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #000;
	}

.entry h4.tag1 {background-color: #B6CBE6; width: 85px;}  /* 企業受託活動／ブルー */
.entry h4.tag2 {background-color: #D8C27F; width: 85px;}  /* 自主生産活動／カーキ */
.entry h4.tag3 {background-color: #7FD8C2; width: 65px;}  /* 余暇活動／グリーン */
.entry h4.tag4 {background-color: #F2C3C1; width: 95px;}  /* 学園のお知らせ／ピンク */

.entry h5 {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 0;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #BBB;
	color: #333;
	}

	.entry img {
	max-width: 800px;
	height: auto;
	margin: 10px 0px 20px 0px;
	}

	.entry .date {
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	font-size: 14px;
font-weight: normal;
letter-spacing: 0.1em;
color: #333;
	}


	.entry p {
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	line-height: 2.5em;
	letter-spacing: 0.02em;
	color: #000;
	}

	.entry .footer{
	width: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	}

	.entry .sign{
	width: 50%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-align: right;
	float: right;
	display: inline;
	}

	.entry .sns{
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	}

.activityCon h6 {
margin: 30px 0px 0px 0px;
padding: 0;
text-align: left;
font-size: 13px;
font-weight: normal;
letter-spacing: 0.05em;
display: inline-table;
}

/*	アーカイブ		*/
.archives{
margin: 30px 60px 0px 0px;
padding: 0;
text-align: left;
display: inline-table;
}

/*	検索		*/
.search {
margin: 30px 0px 0px 0px;
padding: 0px;
display: inline-table;
}


/* ☆☆☆----------ペイジャー-------------------------------- */

ul.pageNav01 {
	width: 920px;
	margin: 0 auto;
	padding: 30px 0px 70px 0px;
	text-align: center;
}

ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #ddd;
	text-decoration: none;
	vertical-align: middle;
	font-size: 14px;
}

ul.pageNav01 li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #BDBDAE;
	border: 1px solid #ddd;
	text-decoration: none;
	vertical-align: middle;
	font-size: 14px;
	color: #FFF;
}

ul.pageNav01 li a:hover {
	background: #D8F3ED;
}

/*====================================================================================
    10.　採用情報
=====================================================================================*/

.recruitCon {
width: 700px;
margin: 0 auto;
}

	.recruitCon p {
	width: 700px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
	line-height: 250%;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.05em;
	}

.recruitCon h4 {
width: 300px;
height: 45px;
margin: 30px auto 20px auto;
padding: 0;
text-align: center;
font-size: 23px;
font-weight: normal;
letter-spacing: 0.1em;
background: url("../img/line_purple.svg") center bottom no-repeat;
background-size: 620px;
}

.tel_sec2 {
	width: 500px;
	margin: 30px auto;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #CCC;
	border-radius: 10px;
}

.tel_sec2 p {
  margin: 0;
  padding: 0;
  text-align: center;
  letter-spacing: 0.02em;
  }

.tel_sec2 p.tel {
	margin: 5px 0 0 0;
	padding: 0;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.05em;
}

.time2 {
margin: 0 auto;
padding: 0 0 70px 0;
text-align: center;
font-weight: bold;
}

.recruitCon dl {
  width: 100%;
  margin: 0 auto 70px auto ;
  padding: 0;
  font-size: 14px;
  text-align: left;
  border-top: 1px solid #ccc;
}
.recruitCon dt {
  float: left;
  clear: left;
  margin: 0;
  padding: 5px 0 0 0;
  font-weight: bold;
  color: #9C503E;
  letter-spacing: 0.05em;
}
.recruitCon dd {
  margin: 0;
  padding: 5px 0 15px 10em;
  border-bottom: 1px solid #ccc;
  letter-spacing: 0.05em;
}
.recruitCon dd:nth-child(2) {
  font-weight: bold;
}


/*====================================================================================
    11.　パン工場＆クッキー工房
=====================================================================================*/

.factoryTitle1 {
width: 100%;
height: auto;
min-width: 1000px;
top: 150px;
left: 0;
position: relative;
background: url("../img/back_factory.jpg") no-repeat  center top;
background-size: 100%;
}

	.factoryTitle1:after {
	content: '';
	display: block;
	clear: both;
	}

.factoryTitle1.inner {
  position: relative;
  height: auto;
  width: 100%;
z-index: 2;
}

.factoryTitle1.inner img {
  width: 100%;
  min-width: 1000px;
  height: auto;
  left: 0;
  margin-top: 150px;
  padding: 0;
}

.factoryTitle1 .bodyCopy {
margin: 0 auto;
padding: 0;
text-align: center;
color: #9C503E;
font-weight: bold;
font-size: 14px;
line-height: 200%;
letter-spacing: 0.0em;
}

/* サブメニュー --------------------------------------*/
.factoryTitle1 .nav {
	height: 100px;
	margin: 30px auto;
	padding: 0;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.3em;
	position: relative;
	z-index: 97;
	}

.factoryTitle1 .nav:after {
	content: '';
	display: block;
	clear: both;
	}

.factoryTitle1 .nav li.bread {
	display: inline-block;
	border: 1px solid #CCC;
	border-radius: 10px;
	margin: 0 15px;
	padding: 0;
	}

.factoryTitle1 .nav li.bread a {
	width: 140px;
	height: 30px;
	margin: 0;
	padding: 20px 20px 10px 50px;
	display: inline-block;
	text-align: left;
	background: url("../img/arrow_down3.svg") right 20px no-repeat rgba(214,162,73,0.3);
	background-size: 40px;
	color: #000;
	border-radius: 10px;
	}

.factoryTitle1 .nav li.bread a:hover {
	width: 140px;
	margin: 0;
	height: 30px;
	padding: 20px 20px 10px 50px;
	display: inline-block;
	text-align: left;
	background: url("../img/arrow_down3.svg") right 20px no-repeat rgba(214,162,73,0.4);
	background-size: 40px;
	color: #000;
	border-radius: 10px;
	}

.factoryTitle1 .nav li.cookie {
	display: inline-block;
	border: 1px solid #CCC;
	border-radius: 10px;
	margin: 0 15px;
	padding: 0;
	}

.factoryTitle1 .nav li.cookie a {
	width: 160px;
	height: 30px;
	margin: 0;
	padding: 20px 20px 10px 30px;
	display: inline-block;
	text-align: left;
	background: url("../img/arrow_down4.svg") right 20px no-repeat rgba(242,207,124,0.3);
	background-size: 40px;
	color: #000;
	border-radius: 10px;
	}

.factoryTitle1 .nav li.cookie a:hover {
	width: 160px;
	height: 30px;
	margin: 0;
	padding: 20px 20px 10px 30px;
	display: inline-block;
	text-align: left;
	background: url("../img/arrow_down4.svg") right 20px no-repeat rgba(242,207,124,0.4);
	background-size: 40px;
	color: #000;
	border-radius: 10px;
	}

/* 最新情報 --------------------------------------*/

 .factoryTitle1 h4 {
margin: 0 auto;
padding: 55px 0 0 0;
text-align: center;
font-size: 14px;
letter-spacing: 0.3em;
font-weight: lighter;
background: url("../img/t_news.svg") center top no-repeat;
background-size: 150px;
}

.factoryNewsCon {
width: 1000px;
margin: 0 auto;
padding: 150px 0 0 0;
text-align: center;
line-height: 170%;
font-size: 14px;
letter-spacing: 0.1em;
position: relative;
}

.factoryNews {
width: 160px;
margin: 0px 30px;
padding: 0px;
text-align: center;
display: inline-table;
}

.factoryNews .thumbnail {
width: 160px;
height: 160px;
margin: 20px auto;
padding: 0px;
overflow: hidden;
background-image: url("../img/back_thumbnail.jpg");
}

.factoryNews .thumbnail img {
width: auto;
height: 120%;
margin: 0px auto 0px -20px;
}

.factoryNews .date {
margin: 0;
padding: 0px;
text-align: left;
font-size: 13px;
font-weight: normal;
letter-spacing: 0.05em;
color: #333;
display: inline;
float: left;
}

.factoryNews .new {
width0: 30px;
margin: 0px 0px 0px 15px;
color: #A1385A;
font-family: 'Marck Script', cursive;
font-size: 17px;
display: inline;
float: left;
}

.factoryNews dl {
clear: both;
}

.factoryNews dt {
width: 100%;
height: 42px;
margin: 0;
padding: 10px 0 0 0;
text-align: left;
font-size: 14px;
font-weight: bold;
line-height: 1.4em;
letter-spacing: 0em;
color: #333;
border-top: 1px dashed #999;
overflow: hidden;
}

.factoryNews dd {
width: 100%;
height: 70px;
margin: 10px 0px;
padding: 0px;
text-align: left;
font-size: 13px;
letter-spacing: 0em;
line-height: 1.8em;
color: #000;
overflow: hidden;
}

.factoryNews .b_more {
height: 25px;
margin: 0;
padding: 2px 0 0 0;
border: 1px solid #AAA;
border-radius: 13px;
text-align: center;
}

.factoryNews .b_more a, .factoryNews .b_more a:link {
width: 160px;
height: 25px;
margin: 0;
padding: 0;
display: block;
text-decoration: none;
font-weight: normal;
color: #000;
}

.factoryNews .b_more a:hover{
width: 160px;
height: 25px;
margin: 0;
padding: 0;
display: block;
font-weight: normal;
text-decoration: none;
color: #BC6223;
}

.b_list {
height: 25px;
margin: 0 80px 0 0;
padding: 0;
text-align: right;
}

.b_list a, .b_list a:link {
margin: 0;
padding: 0 20px 0 0;
background: url("../img/arrow2.svg") no-repeat right 3px;
background-size: 15px;
display: block;
text-decoration: none;
font-weight: normal;
color: #000;
}

.b_list a:hover{
margin: 0;
padding: 0 20px 0 0;
background: url("../img/arrow2.svg") no-repeat right 3px;
background-size: 15px;
display: block;
font-weight: normal;
text-decoration: none;
color: #BC6223;
}

/* お知らせ --------------------------------------*/

.factoryInfoCon {
width: 1000px;
margin: 0 auto;
padding: 90px 0px 80px 0px;
text-align: center;
line-height: 170%;
font-size: 14px;
letter-spacing: 0.1em;
position: relative;
}

 .factoryInfoCon h4 {
margin: 0px auto;
padding: 55px 0px 30px 0px;
text-align: center;
font-size: 14px;
letter-spacing: 0.3em;
font-weight: lighter;
background: url("../img/t_info.svg") center top no-repeat;
background-size: 250px;
}

#info_navi2 {
width: 880px;
margin: 0 auto;
padding: 0;
text-align: center;
clear: both;
border-bottom: 0px solid #CCC;
	}

	#info_navi2:after {
	content: '';
	display: block;
	clear: both;
	}

	 #info_navi2 dl {
	width: 780px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.1em;
	border-top: 1px solid #CCC;
	display: block;
	}

	#info_navi2 dl:last-of-type {
	width: 780px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.1em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	display: block;
	}

	#info_navi2 dt {
	width: 70px;
	margin: 0px 0px 13px 10px;
	padding: 15px 0 0 0;
	display: inline;
	float: left;
	letter-spacing: 0.2em;
	color: #9C503E;
	}

	#info_navi2 dd {
	width: 80%;
	margin: 0 15px 0 0;
	padding: 15px 0 0 0;
	display: inline;
	float: right;
	}

	#info_navi2 a {
	height: 50px;
	display: block;
	}

	#info_navi2 a:hover {
	height: 50px;
	display: block;
	color: #BC6223;
	background-color: rgba(255,255,255,0.2);
	}

.contentsB {
margin: 0;
padding: 30px;
text-align: left;
font-size: 14px;
line-height: 200%;
letter-spacing: 0.1em;
background-color: rgba(255,255,255,0.4);
border-top: 1px dashed #DDD;
border-left: 1px dashed #DDD;
border-right: 1px dashed #DDD;
}

/* 今月のオススメ --------------------------------------*/
.recommend {
	width: 220px;
	margin: -400px 50px 0px 0px;
	padding: 20px 0px;
	text-align: center;
	float: right;
	display: inline;
	position: relative;
	z-index: 5;
	background-color: #FFF;
	-webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
}

.recommend .thumbnail {
width: 180px;
height: auto;
margin: 20px auto;
padding: 0px;
overflow: hidden;
background-image: url("../img/back_thumbnail.jpg");
}

.recommend .thumbnail img {
width: 100%;
height: auto;
margin: 0 auto;
}

.recommend dl {
clear: both;
}

.recommend dt {
width: 180px;
height: 42px;
margin: 0px 20px;
padding: 0;
text-align: left;
font-size: 14px;
font-weight: bold;
line-height: 1.4em;
letter-spacing: 0em;
color: #333;
border-bottom: 1px dashed #999;
overflow: hidden;
}

.recommend dd {
width: 180px;
height: auto;
margin: 0;
padding: 10px 20px;
text-align: left;
font-size: 13px;
letter-spacing: 0em;
line-height: 1.8em;
color: #000;
}


/* パン工場 --------------------------------------*/
.factoryTitle2 {
width: 100%;
height: auto;
min-width: 1000px;
overflow: hidden;
background0: url("../img/img_bread1.jpg") no-repeat  center top;
background-size: 100%;
position: relative;
}

.bxslider {
width: 100%;
min-width: 1400px;
  height: auto;
  margin: 0 auto;
  position: relative;
}

.factoryTitle2 .inner {
  position: relative;
  height: auto;
  width: 100%;
  z-index: 5;
}

.bxslider img {
  width: 100%;
  min-width: 1400px;
  height: auto;
}

.image3 {
	width: 100%;
	margin: -500px auto 0px auto;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 6;
	overflow: hidden;
}

.image3 img {
	width: 700px;
}

.image4 {
	width: 100%;
	margin: -500px auto 0px auto;
	padding: 0px 0px;
	text-align: center;
	position: relative;
	z-index: 6;
	overflow: hidden;
}

.image4 img {
	width: 700px;
}



.factoryTitle2 .inner h4 {
width: 100%;
min-width: 1000px;
margin: 0px auto 30px auto;
padding: 0;
text-align: center;
font-size: 40px;
font-weight: bold;
letter-spacing: 0.3em;
color: #FFF;
position: relative;
z-index: 10;
top: -480px;
}

.factoryTitle2 .inner .copy {
width: 100%;
min-width: 1000px;
margin: 0px auto;
padding: 0 0 130px 0;
text-align: center;
font-size: 15px;
font-weight: normal;
letter-spacing: 0.1em;
color: #FFF;
line-height: 220%;
position: relative;
top: -510px;
background: url("../img/chara_bread.png") no-repeat  center bottom;
}

.factoryCon1 {
width: 100%;
min-width: 1000px;
padding: 0 0 70px 0;
position: relative;
background: url("../img/back_bread.jpg") no-repeat  left top;
}

.factoryCon1 h5 {
width: auto;
height: 50px;
margin: 0 auto 25px auto;
padding: 80px 0 0 0;
text-align: center;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
color: #8C4600;
background: url("../img/line_bread.svg") no-repeat center bottom;
background-size: 400px;
}

.factoryCon1 p {
width: 100%;
margin: 25px auto ;
text-align: center;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 200%;
position: relative;
z-index: 8;
}

/*
.factoryCon1 .left{
width: 650px;
margin: 0px auto;
text-align: left;
} */

.factoryCon1 .time {
width: 100%;
margin: 0px auto;
text-align: center;
font-weight: bold;
}

.factoryCon1 .map {
	width: 800px;
	height: 300px;
	margin: 0px auto 30px auto;
	padding: 6px;
	border: 1px solid #CCC;
	background-color: #FFF;
	-webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
}

.image1 {
	width: 25%;
	margin: -200px 30px 0px 0px;
	padding: 0;
	text-align: right;
	float: right;
	display: inline;
	position: relative;
	z-index: 7;
}

.image1 img {
	width: 100%;
}

.image2 {
	width: 25%;
	margin: -200px 0px 0px 30px;
	padding: 0;
	text-align: right;
	float: left;
	display: inline;
	position: relative;
	z-index: 7;
}

.image2 img {
	width: 100%;
}




/* クッキー工房 --------------------------------------*/

.factoryTitle10 {
width: 100%;
height: auto;
min-width: 1000px;
overflow: hidden;
background-size: 100%;
position: relative;
}

.factoryTitle10 .inner2 {
  position: relative;
  height: auto;
  width: 100%;
z-index: 3;
}

.factoryCon2 {
width: 100%;
min-width: 1000px;
padding: 0 0 70px 0;
position: relative;
background: url("../img/back_cookie.jpg") no-repeat  right top;
}

.factoryCon2 h5 {
width: auto;
height: 50px;
margin: 0 auto 25px auto;
padding: 80px 0 0 0;
text-align: center;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
color: #B28500;
background: url("../img/line_cookie.svg") no-repeat center bottom;
background-size: 400px;
}

.factoryCon2 h5.exte {
width: auto;
height: 50px;
margin: 0 auto 25px auto;
padding: 80px 0 0 0;
text-align: center;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.1em;
color: #B28500;
background: url("../img/line_cookie.svg") no-repeat center bottom;
background-size: 400px;
}

.factoryCon2 p {
width: 100%;
margin: 25px auto ;
text-align: center;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 200%;
position: relative;
z-index: 8;
}

/*
.factoryCon2 .left{
width: 650px;
margin: 0px auto;
text-align: left;
} */

.factoryCon2 .time {
width: 100%;
margin: 0px auto;
text-align: center;
font-weight: bold;
}

.factoryCon2 .map {
	width: 800px;
	height: 300px;
	margin: 0px auto 30px auto;
	padding: 6px;
	border: 1px solid #CCC;
	background-color: #FFF;
	-webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
}

.downroadCon {
width: 100%;
margin: 0px auto 30px auto;
padding: 2px;
text-align: center;
}

.downroadCon .downroad {
width: 160px;
margin: 0px 40px;
padding: 0px;
font-weight: bold;
text-align: center;
display: inline-table;
}

.downroadCon .downroad .thumbnail {
width: 160px;
height: 225px;
margin: 0px auto 15px auto;
padding: 0px;
overflow: hidden;
background-color: #fff;
border: 0px solid #CCC;
	-webkit-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 10px 4px rgba(0,0,0,0.1);
	border-radius: 0px;
}

.downroadCon .downroad .thumbnail img {
width: 100%;
height: 100%;
margin: 0px;
}

.downroadCon .downroad p {
	text-align: center;
margin: 0px auto 15px auto;
}

.b_downroad {
height: 25px;
margin: 0;
padding: 2px 0px 0px 0px;
border: 1px solid #AAA;
border-radius: 13px;
text-align: center;
letter-spacing: 0.0em;
font-size: 13px;
}

.b_downroad a:link {
width: 160px;
height: 25px;
margin: 0;
padding: 0;
display: block;
text-decoration: none;
font-weight: normal;
color: #000;
}

.b_downroad a:hover{
width: 160px;
height: 25px;
margin: 0;
padding: 0;
display: block;
font-weight: normal;
text-decoration: none;
color: #BC6223;
}

.b_contact {
	display: inline-block;
	border: 1px solid #CCC;
	border-radius: 10px;
	margin: 30px auto;
	padding: 0;
	font-size: 15px;
	}

.b_contact a:link {
	width: 200px;
	height: 30px;
	margin: 0;
	padding: 20px 20px 10px 30px;
	display: inline-block;
	text-align: left;
	background: url("../img/arrow_right1.svg") right 20px no-repeat rgba(214,162,73,0.3);
	background-size: 40px;
	border-radius: 10px;
	}

.b_contact a:hover {
	width: 200px;
	height: 30px;
	padding: 20px 20px 10px 30px;
	display: inline-block;
	text-align: left;
	background: url("../img/arrow_right1.svg") right 20px no-repeat rgba(214,162,73,0.4);
	background-size: 40px;
	color: #000;
	border-radius: 10px;
	}

.tel_sec {
  margin: 30px 40px;
  padding: 20px 20px 12px 20px;
  text-align: center;
  font-weight: bold;
  display: inline-table;
  border: 1px solid #CCC;
	border-radius: 10px;
}

.tel_sec p {
  margin: 0;
  padding: 0;
  text-align: center;
  letter-spacing: 0.02em;
  }

.tel_sec .tel {
	margin: -7px 0px 0px 0px;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.05em;
}
.tel_sec .tel a {
  border-bottom: 2px dotted #996333;
}

/*====================================================================================
   12.　お問い合わせ
=====================================================================================*/

.contactCon {
width: 70%;
margin: 0 auto;
padding: 0;
}

	.contactCon p {
	width: 100%;
	margin: 0 auto;
	padding: 0px 0 30px 0;
	text-align: left;
	line-height: 250%;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.0em;
	}

.contactCon h4 {
width: 400px;
height: 40px;
margin: 30px auto 20px auto;
padding: 00;
text-align: center;
font-size: 23px;
font-weight: normal;
letter-spacing: 0.1em;
background: url("../img/line_orange.svg") center bottom no-repeat;
background-size: 620px;
}

.tel_sec3 {
  margin: 30px 40px 60px 40px;
  padding: 20px 20px 12px 20px;
  text-align: center;
  font-weight: bold;
  display: inline-table;
  border: 1px solid #CCC;
	border-radius: 10px;
}

.tel_sec3 p {
  margin: 0px 0px 5px 0px;
  padding: 0;
  text-align: center;
  letter-spacing: 0.02em;
  }

.tel_sec3 .tel3 {
margin: 0;
padding: 10px 0 0 0;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.05em;
  border-top: 1px dashed #CCC;
}

.tel_sec3 .fax3 {
	margin: 0px 0px 15px 0px;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.05em;
}

.time3 {
margin: 0 auto;
padding: 0 0 70px 0;
text-align: center;
font-weight: bold;
}

#contact {
width: 700px;
margin: 0 auto;
padding: 40px 0 70px 0;
font-size: 14px;
text-align: left;
letter-spacing: 0.05em;
line-height: 220%;
}

#contact h4 {
width: 300px;
height: 40px;
margin: 30px auto 40px auto;
padding: 0;
text-align: center;
font-size: 23px;
font-weight: normal;
letter-spacing: 0.1em;
background: url("../img/line_orange.svg") center bottom no-repeat;
background-size: 620px;
}

	#contact p {
	width: 100%;
	margin: 0px 0px 30px 0px;
	font-weight:normal;
	font-size: 15px;
	}

.contact-info,
.form-control {
width: 100%;
font-size: 15px !important;
font-size: 1.5rem;
}

.content-section {
text-align: left;
margin-bottom: 0px;
}

.contact-info .content-section h3 {
margin-bottom: 10px !important;
font-size: 14px !important;
font-size: 1.4rem;
}

.content-section h3 span {
position: relative;
top: -2px;
font-size: 11px !important;
font-size: 1.1rem;
color: #fff;
background-color: #FF8000;
padding: 2px 5px;
margin-right: 10px;
font-weight: normal;
}

.content-section input {
height: auto !important;
padding: 5px 10px !important;
border: 1pt solid #CCC;
font-size: 15px;
font-weight: normal;
color: #333;
}
.content-section textarea {
padding: 10px 10px;
border: 1pt solid #CCC;
font-size: 15px;
font-weight: normal;
line-height: 1.5em;
color: #333;
}

.btn_section {
width: 100%;
margin: 0px;
text-align: center;
}

.btn_section input {
width: 100%;
padding: 10px 0px !important;
font-size: 14px !important;
font-size: 1.4rem;
font-weight: normal;
color: #000;
text-align: center;
letter-spacing: 1em;
border-radius: 10px !important;
background: #FFC477;
overflow: hidden;
}

.btn_section input:hover {
width: 100%;
padding: 10px 0px !important;
font-size: 14px !important;
font-size: 1.4rem;
font-weight: normal;
color: #000;
text-align: center;
letter-spacing: 1em;
border-radius: 10px !important;
background: #FFB36D;
overflow: hidden;
}


/*====================================================================================
    13.　footer フッター
======================================================================================*/

#page-top {
position: fixed;
bottom: 30px;
right: 30px;
display: block;
width: 50px;
height: 50px;
z-index:98;
}

/*--　スマホ表示への切り替え　--*/

ul#switcher {
text-align: center;
position: fixed;
bottom: 0px;
left: 0px;
clear: both;
}

ul#switcher0 a {
color: #777;
}

	ul#switcher li {
	width: 100px;
	height: 20px;
	margin: 0px;
	padding: 5px 10px;
	text-align: left;
	font-size: 26px;
	font-family : "Verdana",sans-serif;
	border: 1px solid #DDD;
	color: #777;
	letter-spacing:0.1em;
	list-style-type:none;
	display: inline_block;
	ackground-color: #FFF;
	}

#footer {
width: 100%;
margin: 0px auto;
padding: 0px;
background: url("../img/back_white.png") top left repeat transparent;
clear: both;
position: relative;
z-index:6;
color: #333;
}

	#footer:after {
	content: '';
	display: block;
	clear: both;
	}

#address {
margin: 0px 0px 0px 30px;
padding: 0;
font-size: 14px;
font-weight: normal;
text-align: left;
}

#address p {
margin: 15px 0 0 0;
font-size: 14px;
letter-spacing:0.05em;
line-height: 1.70em;
font-weight: normal;

}

#address .company {
margin: 50px 0 40px 0;
font-size: 13px;
font-weight: bold;
letter-spacing:0.2em;
line-height: 1.70em;
float: left;
}

#address .company img {
margin: 5px 0 0 0;
}

.footer_navi {
margin: 25px 0 0px 0;
padding: 0px 0px 0px 80px;
font-size:14px;
font-weight: bold;
letter-spacing: 0.02em;
text-align: left;
float: left;
display: inline;
}

.footer_navi ul {
margin: 0px 40px 0px 0px;
padding: 0;
float: left;
display: inline;
border-left: 1px solid #CCC;
}

	.footer_navi a 		{ color: #333; text-decoration: none;}
	.footer_navi a:link		{ color: #333; text-decoration: none;}
	.footer_navi a:hover { color: #5ca06d; text-decoration: none;}

	.footer_navi li {
	margin: 0px 0px 7px 20px;
	padding: 0;
	}

	.footer_navi li.sub {
	margin: 0px 0px 0px 20px;
	padding: 0;
	font-size:13px;
	font-weight: normal;
	}

	.footer_navi li.sub2 {
	margin: 18px 0px 0px 20px;
	padding: 0;
	font-size:14px;
	font-weight: bold;
	}


#copyright {
width: 100%;
margin: 0px auto;
padding: 10px 0px 10px 0px;
font-size:11px;
text-align: center;
letter-spacing: 0.2em;
font-family : "Verdana",sans-serif;
color: #FFF;
background: url("../img/back_footer.jpg") top left repeat transparent;
clear: both;
}


/*====================================================================================
    14.　style
======================================================================================*/
.blockLeft { float: left;}
.blockRight { float: right;}

.blockInline {
text-align: center;
display: inline-table;
}

.font70 {font-size:70%;}
.font80 {font-size:80%;}
.font90 {font-size:90%;}

p.notFound {padding: 50px 0px 150px 0px;}

p.bottom5 {padding-bottom: 5px;}
p.bottom10 {padding-bottom: 10px;}
p.bottom50 {padding-bottom: 50px;}
p.top50 {padding-top: 50px;}
bottom30 {padding-bottom: 30px;}

p.center {
margin: 0 auto;
text-align: center;
}

p.left500 {
width: 500px;
margin: 0px auto;
text-align: left;
}

p.left650 {
width: 650px;
margin: 25px auto ;
text-align: left;
}

.float_right {
float: right;
margin-left: 8px;
}

.float_left {
float: left;
margin-right: 8px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}


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