/*
Theme Name: Sample Theme
Theme URI: http://www.www.www/
Description: This is my sample theme.
*/

/*---------------------------------
add css standard start
--------------------------------*/

@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size: 100%;
    vertical-align:baseline;
    background:transparent; /*背景色を透明にする初期設定 */
}

@media only screen and (max-width: 644px) {
	}


/* 基本 */

body  {font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
margin:0; padding:0;
overflow-x: hidden;
    position: relative;
   background-color:#ececec;
  color: #514540;
}

* html body{  
    overflow: hidden;  /* はみ出た部分非表示 */
}  

.wrap {
	margin:0; padding:0;
  overflow: hidden; /*スマホサイトの右に空白が出るので全体を wrapして解決*/
}

img {
  max-width: 100%;
  height:auto;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

a  {text-decoration: none;
  color: #000;
  vertical-align:baseline;
    background:transparent;
}

a img  {border: none}

a:hover img {
  opacity: 0.6; /* マウスオーバー時透過 */
  filter: alpha(opacity=60);
}

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.both {
  clear: both;
}

.inline_block {  
  display: inline-block;  
  *display: inline;  
  *zoom: 1;  
}



h3.stripe {
    padding: .5em .7em;
    background-image: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px, #ececec 3px, #ececec 7px);
    color: #514540;
	font-size:1.1em;
	margin:30px 0;
}

h4.underline_solid {
	border-bottom: solid 3px black;
	margin-bottom:5px;
	font-size:1.1em;
}

/* 最初に数字の見出し */	
h4.heading11 {
	position: relative;
	font-size: 26px;
	text-align: center;
	color:#534741;
}

h4.heading11::before {
	content: attr(data-number);
	display: block;
	margin-bottom: 30px;
	color: #788f81;
	font-size: 30px;
}

h4.heading11::after {
	content: '';
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 20px;
	background-color: #788f81;
}



/* reCAPTCHA非表示 */	
.grecaptcha-badge { visibility: hidden; }

/*---------------------------------
add css standard end
add css layout start
--------------------------------*/

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定およびスマートフォン向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

h1 a:hover img {
  opacity: 1.0; /* マウスオーバー時透過 しない*/
}

/*========= 背景動画設定のCSS ===============*/

/*ボタン ネットショップへ*/

.btn-square-so-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
}

.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


/*ボタン シンプルボーダー*/
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #534741;
  border: solid 1px #534741;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #534741;
  color: white;
}
.btn01 {
	width:100%;
	text-align:right;
	padding:20px 0;
}
.btn01_center {
	width:100%;
	text-align:center;
	padding:20px 0;
}
/*ボタン シンプルボーダー白*/
.btn-flat-border_white {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 3px;
  transition: .4s;
	width:38%;
	text-align:center;
	margin:5px 0;
}

.btn-flat-border_white:hover {
  background: #fff;
  color: #534741!important;
}


/*ボタン シンプルボーダー白_S*/
.btn-flat-border_white_s {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border_white_s:hover {
  background: #fff;
  color: #534741!important;
}

/*ここから右からフェードイン*/
div.animation_box_right {
  padding: 10px;
  animation: fadeIn 5s ease 1s 1 normal backwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*ここまで右からフェードイン*/

/*ここから下からフェードイン*/
.fade-in-container {
  padding: 10px 0 100px 0;
}

.fade-in-text {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 1s ease-out, transform 2s ease-out;
  transition-delay: calc(var(--delay) * 1.5s);
  text-align: left;
}

.fade-in-text.visible {
  opacity: 1;
  transform: translateY(0);
}

/*ここまで下からフェードイン1*/

/*フェードインテスト*/
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
	width:90%;
	margin:0 auto;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*----------------------------
caption_right ｜右寄せキャプション
----------------------------*/
.caption_right {
	width:95%;
	margin:0 auto;
	text-align:right;
color:#808080;
	font-size:0.8em;
	padding:5px;
}

/*フェードインテスト*/







/*header設定*/
#header{
    position: relative;/*h1の中央寄せ配置の起点とするためのrelative*/
    height: 100vh;/*高さを全画面にあわせる*/
	width:100%;
} 

#header_post { /*トップページ以外のheader*/
    position: relative;/*h1の中央寄せ配置の起点とするためのrelative*/
	width:100%;
	height:70px;
} 

#video-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
	background-image:url(https://konbu-kizaki.com/wp-content/uploads/wave-scaled.png);
}

#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

/*見出し設定*/
#top_logo_pc {
	display:none;
}

h2.top_logo{
    /*要素の配置*/
    position:absolute;
    /*要素を天地中央寄せ*/
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    /*見た目の調整*/
    color:#fff;
    text-shadow: 0 0 15px #666;
}
h2.top_logo img {
filter: drop-shadow(3px 3px 3px #000);
}
/*========= 背景動画設定のCSSここまで ===============*/

#head_menu_pc {
	display:none;
}
#head_menu_mobile {
width:100%;
	margin:0;
background: rgb(83, 71, 65, 0.8);
	position: fixed;
	z-index: 9999;
}
.head_inner {
	width:90%;
	margin:20px auto;
}
.head_inner_logo {
	width:60%;
	float:left;
}
.head_inner_menu {
	width:30%;
	float:right;
	text-align:right;
}

/*============
nav
=============*/
nav {
  display: block;
  position: fixed;
  top: 0;
  left: -300px;
  bottom: 0;
  width: 300px;
  background: rgb(83, 71, 65, 0.8);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
}
.open nav {
  left: 0;
  opacity: 1;
}
nav .inner {
  padding: 25px;
}
nav .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .inner ul li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #fff;
}
nav .inner ul li a {
  display: block;
  color: #fff;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
}
nav .inner ul li a:hover {
  background: #e4e4e4;
	color: #514540;
}
@media screen and (max-width: 767px) {
  nav {
    left: -220px;
    width: 220px;
  }
}
/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position: fixed;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  transition: all .5s;
  cursor: pointer;
  z-index: 3;
}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 4px;
}
.toggle_btn span:nth-child(2) {
  top: 14px;
}
.toggle_btn span:nth-child(3) {
  bottom: 4px;
}
.open .toggle_btn span {
  background-color: #333;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}

/*============
main
=============*/
main {
  padding: 25px 25px 10px 25px;
}
/*============
nav_END
=============*/


/* 固定の業者とオンラインショップ */
	.top_contact_mobile {
		width:100%;
	color:#fff;	
text-align: center;
		position: fixed;
	bottom: 0;
	margin: 0;
	padding: 0;
		z-index:9999;
	}
	.top_contact_mobile a {
	color:#fff;		
	}
	.top_gyosha_mobile {
		width:50%;
		padding:20px 0;
	background-color:#009245;	
		float:left;
		font-size:0.9em;
	}

	.top_shop_mobile {
		width:50%;
				padding:20px 0;
	background-color:#D60038;		
		float:right;
		font-size:0.9em;
	}

.top_contact {
		display:none;
	}




/*main*/
#main {
  width:100%;
background-color:#ececec;	
  }

/*top_01昆布問屋*/
#top01_konbu {
width:100%;	
	padding:50px 0;
}
.top01_konbu_inner {
width:85%;	
	margin:0 auto;
}
.top01_konbu_inner_left_pc {
display:none;	
}
.top01_konbu_inner_left_mobile {
	width:100%;
	padding:50px 0;
}
.top01_konbu_inner_left_mobile img {
	width:50%;
}
.top01_konbu_inner_right {
	font-size:0.9em;
}
.top01_konbu_inner_right img {
	width:42%;
	padding:10px;
}
.top01_konbu_photo {
	padding-top:20px;
}

/*top_02敦賀昆布のこと*/
#top02_history {
width:100%;	
	padding:50px 0;
	background-image:url(https://konbu-kizaki.com/wp-content/uploads/top_history_bg_mobile.jpg);
background-size:cover;
	color:#fff;
	background-position:50% 100%;
}
#top02_history a {
color:#fff;	
}
.top02_history_inner {
width:85%;	
	margin:0 auto;
}
.top02_history_inner_left_pc {
display:none;	
}
.top02_history_inner_left_mobile {
	width:100%;
	padding:50px 0;
}
.top02_history_inner_left_mobile img {
	width:70%;
}
.top02_history_inner_right {
	font-size:0.9em;
	color:#fff;
}
.top02_history_btn {
	width:100%;
	padding:20px 0 50px 0;
}

/*top_03木崎商店について*/
#top03_about {
width:100%;	
	padding:50px 0;
	background-image:url(https://konbu-kizaki.com/wp-content/uploads/top_about_bg.png);
	background-size:70%;
	background-repeat: no-repeat;
background-position: left bottom;
}
.top03_about_inner {
width:85%;	
	margin:0 auto 200px auto;
}
.top03_about_inner_left_pc {
display:none;	
}
.top03_about_inner_left_mobile {
	width:100%;
	padding:50px 0;
}
.top03_about_inner_left_mobile img {
	width:55%;
}
.top03_about_inner_right {
	font-size:0.9em;
}

/*top_04職人募集*/
#top04_recruit {
width:100%;	
	padding:100px 0;
	background-image:url(https://konbu-kizaki.com/wp-content/uploads/top_recruit_bg_mobile.jpg);
background-size:cover;
	color:#fff;
}
#top04_recruit a {
color:#fff;	
}
.top04_recruit_inner {
width:85%;	
	margin:0 auto;
}
.top04_recruit_inner_img {
width:70%;
	margin:0 auto;
	padding:0 0 20px 0;
}
.top04_recruit_inner_text {
font-size:0.9em;
}

/*footer*/	

#footer {
  width:100%;
  padding:20px 0;
	background-color:#788f81;
	color:#fff;
  }
.footer_inner {
	width:85%;
	margin:10px auto;
	font-size:0.9em;
}
.footer_inner_h2 {
text-align:center;
padding:20px 0;
}
.footer_inner_h2 img {
	width:50%;
}
.footer_inner_menu {
padding:10px 0 30px 20px;	
}
.footer_inner_menu ul.footermenu li {
padding:0 0 10px 0;	
}
.footer_inner_menu ul.footermenu li a {
	color:#fff;
}
.footer_inner_info a {
color:#fff;	
}
table.footer_info {
}
table.footer_info td {
	display:block;
	padding-bottom:30px;
}
table.footer_info td.footer3 img {
width:50%;	
}

#copy {
	width:100%;
	background-color:#788f81;
	text-align:center;
	color:#fff;
	padding:10px 0;
	font-size:0.8em;
}

/*固定ページ*/
#page_main {
  width:100%;
background-color:#ececec;	
margin:0;
  }

#title_img {
width:90%;	
	margin:0 auto;
	padding-top:150px;
}
#title_img img {
	height:50px;
	width:auto;
}

#contents_page {
  width: 95%;
  margin:0 auto;
  padding:100px 0;
  text-align:left;
}

#contents_page a {
text-decoration:underline;	
}

.page_box {
  width:98%;
  margin:0 auto;
  padding:0;
}

/*商品一覧*/
table.shiraita {
	width:95%;
	border-top:1px dotted;
	border-left:1px dotted;
	margin:20px auto 0 auto;
	text-align:center;
}

table.shiraita th {
	width:25%;
	padding:3px 0;
	border-bottom:1px dotted;
	border-right:1px dotted;
}
table.shiraita td {
	width:25%;
	padding:3px 0;
	border-bottom:1px dotted;
	border-right:1px dotted;
}

/*会社概要*/
table.gaiyo {
		width:100%;
	margin:40px 0;
	font-size:1.0em;
	}
table.gaiyo th {
	display:block;
		width:100%;
padding:15px 0 2px 5px;
	text-align:left;
	font-weight:bold;
	font-family: 'Noto Sans JP', sans-serif;
	}
table.gaiyo td {
	display:block;
		width:100%;
padding:2px 0 15px 5px;
	border-bottom:1px dotted #666;
	}

/*敦賀昆布のこと*/

.koutei {
	width:100%;
	margin:0 auto 60px auto;
}
.koutei_photo {
	width:100%;
	margin:0 auto 20px auto;
}
.koutei_text {
	width:90%;
	margin:0 auto;
	font-size:0.9em;
}
.koutei_text a {
text-decoration: none!important;
}
.genryo_catch {
	width:100%;
	margin:0 auto 50px auto;
	text-align:center;
	font-size:1.7em;
	font-weight:bold;
}

.map1 {
	width:80%;
	margin:30px auto;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* タブレット向けのスタイル：645px ～ 768px */
@media only screen and (min-width: 645px) {
 
/*header設定*/	

.head_inner_logo {
	width:30%;
}
h2.top_logo {
width:40%;
}
	
/*main*/
	
/*top_01昆布問屋*/
.top01_konbu_inner_left_mobile img {
	width:40%;
}
.top01_konbu_inner_right img {
	width:31%;
	padding:5px;
}
	
/*top_02敦賀昆布のこと*/
.top02_history_inner_left_mobile img {
	width:60%;
}
.btn-flat-border_white {
	width:40%;
	text-align:center;
	margin:10px;
}
/*top_03木崎商店について*/
#top03_about {
	background-size:60%;
}
.top03_about_inner {
	margin:0 auto 250px auto;
}
.top03_about_inner_left_mobile img {
	width:50%;
}	
	/*footer*/	

#footer {
padding:40px 0;
  }

#copy {
	padding:10px 0;
	font-size:1.0em;
}

/*固定ページ*/
#contents_page {
  width: 90%;
}	
	
	/*会社概要*/
table.gaiyo {
	font-size:1.1em;
	}
table.gaiyo th {
	display:table-cell;
		width:30%;
	border-bottom:1px dotted #666;
	}
table.gaiyo td {
	display:table-cell;
		width:70%;
	}
	
	/*敦賀昆布のこと*/

.koutei_photo {
	width:45%;
	float:left;
}
.koutei_text {
	width:50%;
	float:right;
}
	
	
  }

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*  PC向けのスタイル：769px～1000px */
@media only screen and (min-width: 1000px) {

	
	/*header設定*/

	#head_menu_mobile {
	display:none;
}
#head_menu_pc {
	display:block;
width:100%;
	margin:0;
background: rgb(83, 71, 65, 0.8);
	position: fixed;
	z-index: 9999;
}
	.head_inner {
	width:960px;
}
.head_inner_logo {
	width:20%;
}
.head_inner_menu {
	width:75%;
	float:right;
	text-align:right;
}
	
	
#top_logo_pc {
	display:block;
}
	#top_logo_mobile {
	display:none;
}
	h2.top_logo {
width:500px;
}
	
	.head_inner_menu ul {
list-style: none;	
		overflow: hidden;
		float:right;
	}
	.head_inner_menu ul li {
		float: left;
		font-size:0.8em;
	padding:8px 0 0 20px;
	}
	.head_inner_menu ul li a {
		color:#fff;
		font-weight:bold;
	}
	.head_inner_menu ul li a:hover {
		color:#bcbcbc;
	}
	
/* 固定の業者とオンラインショップ */
	.top_contact {
		display:block;
	color:#fff;	
text-align: center;
		position: fixed;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
		z-index:9999;
	}
	.top_contact a {
	color:#fff;		
	}
	.top_gyosha {
		display:block;
		width:78px;
display: flex;
	background-color:#009245;		
writing-mode: vertical-rl; /* 縦書き */
		padding:50px 0;
		align-items: center;
		font-size:1.1em;
		letter-spacing: 0.2rem;
	}

	.top_shop {
		display:block;
		width:78px;
display: flex;
	background-color:#D60038;		
writing-mode: vertical-rl; /* 縦書き */
		padding:50px 0;
		align-items: center;
		font-size:1.1em;
		letter-spacing: 0.2rem;
	}
	.top_contact_mobile {
		display:none;
	}

	
	/*main*/
	
	/*ここから右からフェードイン*/
div.animation_box_right {
width:95%;
}
	
/*top_01昆布問屋*/

.top01_konbu_inner {
width:1000px;
	padding:100px 0;
}
.top01_konbu_inner_left_pc {
display:block;
	width:300px;
padding:0;
	float:left;
}
.top01_konbu_inner_left_mobile {
display:none;
}
.top01_konbu_inner_left_pc img {
	width:300px;
}
.top01_konbu_inner_right {
	width:650px;
	float:right;
	font-size:0.9em;
}
.top01_konbu_inner_right img {
	width:180px;
}
	
/*top_02敦賀昆布のこと*/
	
#top02_history {
width:100%;	
	padding:50px 0;
	background-image:url(https://konbu-kizaki.com/wp-content/uploads/top_history_bg.jpg);
background-size:auto 100%;
background-attachment:fixed;
	color:#fff;
	background-position:50% 100%;
}	

.top02_history_inner {
width:1000px;
	padding:100px 0;
}
.top02_history_inner_left_mobile {
display:none;
}
.top02_history_inner_left_pc {
display:block;
	width:400px;
padding:0;
	float:left;
}
.top02_history_inner_left_pc img {
	width:400px;
}
.top02_history_inner_right {
	width:500px;
	float:right;
	font-size:0.9em;
}
	.top02_history_btn {
	width:500px;
	padding:20px 0;
}
	.btn-flat-border_white {
	width:150px;
}
/*top_03木崎商店について*/
	#top03_about {
	background-size:600px;
}
.top03_about_inner {
width:420px;
	padding:100px 0 0 580px;
	margin:0 auto;
}
.top03_about_inner_left_mobile {
display:none;
}
.top03_about_inner_left_pc {
display:block;
	width:300px;
padding:0;
}
	.top03_about_inner_left_pc img {
		width:400px;
	}
	.top03_about_inner_right {
width:420px;
padding:100px 0 0 0;	
	}
	
	/*top_04職人募集*/
	
	#top04_recruit {
width:100%;	
	padding:100px 0;
	background-image:url(https://konbu-kizaki.com/wp-content/uploads/top_recruit_bg_pc.jpg);
background-size:auto 100%;
	background-attachment:fixed;
	color:#fff;
}

.top04_recruit_inner {
width:600px;
	padding:100px 0;
}	
	.top04_recruit_inner_img {
		width:300px;
	}	
	.top04_recruit_inner_text {
		text-align:center;
	}
/*footer*/	

#footer {
padding:20px 0;
  }
.footer_inner {
	width:800px;
	font-size:0.85em;
}
.footer_inner_h2 img {
	width:200px;
}
	.footer_inner_menu {
		text-align:center;
		padding-bottom:50px;
	}
.footer_inner_menu ul.footermenu {
list-style: none;
	width:100%;
	}
	.footer_inner_menu ul.footermenu a:hover {
		color:#bcbcbc;;
	}
.footer_inner_menu ul.footermenu li {
display: inline-block;
border-left:1px dotted #fff;
	padding:0 20px;
}
	.footer_inner_menu ul.footermenu li.last {
display: inline-block;
border-left:1px dotted #fff;
		border-right:1px dotted #fff;
}

table.footer_info {
	width:800px;
}
table.footer_info td {
	display:table-cell;
	padding:0;
}
table.footer_info td.footer1 {
width:350px;
	padding-right:50px;
}
	table.footer_info td.footer2 {
width:350px;
	padding-right:50px;
}
	table.footer_info td.footer3 {
width:200px;
		vertical-align:bottom;
		padding-bottom:20px;
}
	table.footer_info td.footer3 img {
width:auto;	
}

#copy {
	padding:10px 0;
	font-size:0.8em;
}
/*固定ページ*/	
	#page_main {
		margin:0;
		padding:0;
	}
	#title_img {
width:960px;
}
	#title_img img {
height:50px;
}
#contents_page {
  width: 960px;
  margin:0 auto;  
  padding:100px 0 0 0;
}

.page_box {
  width:920px;
  padding:0 20px 50px 20px;
}
	
.map1 {
	width:500px;
	margin:60px auto;
}

/*敦賀昆布のこと*/

.koutei_photo {
	width:450px;
}
.koutei_text {
	width:440px;
}	
	
  }