/*
Theme Name: okuman
Theme URI: http://koumura-okuman.net/
Description: 海鮮屋台おくまんサイトのためのデザインテーマ
Version: 2
Author: N.ishibashi
Author URI: http://www
*/

@charset "UTF-8";

/*
ddd
スマホ；320px-480px
PC：480px以上
*/


/* ----------------------------------------------------------------------
ベースの記述 (スマホ基準)
----------------------------------------------------------------------*/

/* 表示・非表示 -------------------------------------*/	
.pc{ display:none;}


/* 共通設定 -------------------------------------*/		


.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

body {
	width: 100%;
	margin: 0 auto;
	position:relative;
	
}

#wrapper{
	background:url(img/common/bg_mode.jpg);
	background-repeat:repeat;
	font-size: 16px;
	line-height: 1.8em;
}

#header_wrap_item{ background:#fff;}

img { max-width: 100%; margin:0; padding:0; }

#contents_wrap{ width:100%;}
 article{width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.contents_item{ width:90%;}
	

h2{	font-size:30px;
	font-family:"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
	text-align:center;
	margin-bottom:20px;
	text-shadow: 1px 1px 1px #999;
	font-weight:bold;
}
	h2.title_top{ padding-top:0.5em;}
	h2.title_child{margin-top:0.5em;}
h2.top_txt{
			font-family:"游明朝体", "Yu Mincho", YuMincho, serif; 
			margin-bottom:20px;
			/*text-shadow: 1px 1px 1px #999;*/
			text-align:center;
			}

h3.child_menu{font-size:30px;
	font-family:"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
	text-align:center;
	padding-top:0.7em;
	margin-bottom:20px;
	/*text-shadow: 1px 1px 1px #999;*/
	font-weight:bold;
	}
	
	 .page_title{
		 color:#FFF;
		 /*text-shadow: 0px 0px 6px 3px #999;*/
	 }
		  
	  
h3{ font-size:26px;
	font-family:"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
	}

	h3.title_recruit{ font-family:"游明朝体", "Yu Mincho", YuMincho, serif; 
			margin-bottom:20px;
			/*text-shadow: 1px 1px 1px #999;*/
			text-align:center;
			}
			
	h3.title_voice{
		font-family:"游明朝体", "Yu Mincho", YuMincho, serif;
		text-align:center;
		line-height:1.5em;
		}
	 
			
	h3.title_child{
	 		font-size: 28px;
			text-align: center;
			margin-bottom: 20px;
			/*text-shadow: 1px 1px 1px #999;*/
			font-weight: bold;
			padding-top:0.5em;
			}


h4{ font-family:"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";}

h4.child_menu{
	font-size:26px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif; 
	text-align:center;
	padding-top:0.7em;
	/*text-shadow: 1px 1px 1px #999;*/
	font-weight:bold;
	width:100%;
	}
	

	h4.title_child{
		font-family:"游明朝体", "Yu Mincho", YuMincho, serif; 
		margin-bottom:20px;
		font-weight:bold;
		font-size:22px;
		line-height:1.6em;
		padding-bottom:0.5em;
		text-align:center;
		}
		
	h4.title_shop{
		margin-bottom:20px;
		margin-top:40px;
		font-weight:bold;
		font-size:22px;
		line-height:1.6em;
		padding-bottom:0.5em;
		text-align:center;
		}
	
		
	h4.title_voice{
		margin-bottom:1em;
		font-weight:bold;
		font-size:18px;
		line-height:1.6em;
		text-align:left;
		margin-top:40px;
		}
		
		h4.title_voice::before{content: "― ";}
		.title_answer{
			font-family:"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
			font-weight:bold;
			font-size:18px;
			margin-bottom:1em;
			width:100%;
		}
		.answer_red {color:#942500;}
		.answer_blue {color:#304963;}
		.answer_green {color:#306256;}
		.answer_yellow {color:#A67A00;}
		.answer_black {color:#333333;}
	

		h4.shop_reservation{
			font-size:22px;
		margin-bottom:20px;
		margin-top:40px;
		font-weight:bold;
		line-height:1.6em;
		padding-bottom:0.5em;
		text-align:center;
		}
	
	
	
	.menu_txt{ font-weight:bold; text-align:center; width:100%; margin-bottom:1.5em;}
	span.txt_color{color:#922500;}
	span.txt_size{ font-size:130%}

	
	
	.bg_maru{ background:url(img/common/bg_maru.png);
	  background-repeat:no-repeat;
	  background-size:contain;
	  background-position:center top;
	  min-height:50px;
	  }
	  

	.bg_line{ background:url(img/common/bg_line.png);
	  background-repeat:no-repeat;
	  background-position:bottom center;
	  min-height:3em;
	  background-size:contain;
	  }
	
	.bg_line_child{ background:url(img/common/bg_line.png);
	  background-repeat:no-repeat;
	  background-position:bottom center;
	  min-height:3em;
	  background-size:contain;
	  }


	.bg_line_about{ background:url(img/about/bg_line.png);
	  background-repeat:no-repeat;
	  background-position:bottom center;
	  min-height:3em;
	  background-size:contain;
	  }
	


/*下層メニュー*/

.page_title{
		width:100%;
		text-align:center;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	.archive,
	.topic{ background:url(img/about/main_about.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	.about{ background:url(img/about/main_about.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	.menu{ background:url(img/menu/main_menu.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	.shop{ background:url(img/shop/main_shop.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	.recruit{ background:url(img/recruit/main_recruit.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	.voice{ background:url(img/recruit/main_voice.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	.faq{ background:url(img/recruit/main_faq.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	.company{ background:url(img/company/main_company.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	.contact{ background:url(img/recruit/main_faq.jpg); background-repeat:no-repeat; background-size:100%; height:100%;}
	
	  
.page_copy{
	font-size:24px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif;
	font-weight:bold;
	text-align:center;
	line-height:1.8em;
}

.top_page_copy{ font-size:20px; margin-bottom:1em; text-align: left; line-height: 1.8em;}


/* リンク */

a:link,
a:hover,
a:visited{ text-decoration: none; color:#fff; }

.shop_wrap a:link,
.shop_wrap a:hover,
.shop_wrap a:visited,
#breadcrumbs a:link,
#breadcrumbs a:hover,
#breadcrumbs a:visited,
.shop_detail a:link,
.shop_detail a:hover,
.shop_detail a:visited,
.shop_tel a:link,
.archive_title a:link,
footer a:link,
footer a:visited,
.nav-previous a:link,
.nav-previous a:visited,
.nav-next a:link,
.nav-next a:visited{ color:#000; }

.archive_title a:hover,
.archive_title a:visited{ color:#999; }

.link_shop_detail a:link{text-decoration:underline; background:url(img/shop/shop_detail_icon.gif);
background-repeat:no-repeat; padding-left:1.2em; font-weight:bold; color:#942500;
background-position:0 0.1em;} 

.shop_detail dd a:link{ text-decoration: underline;}

.wp-pagenavi a:link,
.wp-pagenavi a:hover { color:#000; }
.wp-pagenavi a:visited{ color:#999; }
	

/*ページ内リンク*/
.child_nav{ font-family:"游明朝体", "Yu Mincho", YuMincho, serif; } 
.child_nav a:link,
.child_nav a:hover,
.child_nav a:visited
{
	color:#000;
	
}

.topic_txt a:link,
.child_nav a:hover,
.child_nav a:visited{color:#000; text-decoration: underline;}
.child_nav a:hover{text-decoration: none;}


ul.child_nav{
	background:url(img/common/bg_mode_wood.jpg);
	background-repeat:repeat;
	padding:15px;
	border-radius: 5px;
	margin-bottom:40px;
	border:2px solid black;
	text-align:left;
	list-style: none;
}

ul.child_nav li{
	background:url(img/common/icon_child_linkarrow.png);
	background-repeat:no-repeat;
	background-position:0 0.6em;
	padding-left:1em;
}

	


/* スクロールトップ -------------------------------------*/		

#goto-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    width: 100px;
    height: 144px;
    cursor: pointer;
    background:url(img/common/backtop_sp.png) no-repeat center center;
}
	#goto-top:hover { opacity: 0.5; }




/*footer----------------------------------------------------------------------*/	
		
#footer_wrap{ 
	margin-top:30px;
	width:100%;
	background:url(img/common/bg_mode.jpg);
	background-repeat:repeat;
	color:#000;
	border-top:solid 5px #000;
	
	}
	
#footer_box{
	width:100%;
	display:flex;
	justify-content: center;
	background-position:right bottom;
	background-repeat:no-repeat;
}
	
	

footer{ width:90%;
	display:flex;
	flex-direction: column;
}
	
.footer-item1 {
	width:100%;
	border-bottom:1px #000 dotted;
	padding:40px 0 40px 0;
	/*background:orange;*/
	display:flex;
	align-items:center;
	justify-content:center;
	
}

	.footer-item1 .sns_icon{
		width:50%;
		display:flex;
		align-items:center;
		justify-content:space-between;
		
	}


.footer-item2 {
	width:100%;
	padding:40px 0 20px 0;
	height:auto;
	border-bottom:1px #000 dotted;
	
}

	ul.sitemap{
		text-align:left;
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom:1em;
		list-style: none;
	} 
	ul.sitemap li{
		width:40%;
		background:url(img/common/icon_linkarrow.png);
		background-repeat:no-repeat;
		background-position: 0 10px;
		padding-left:1em;
	} 

	ul.sitemap li ul{
		margin-bottom:1em; list-style: none;} 

	ul.sitemap li ul.sitemap_item li{	
		padding-left:1.5em;
		background:url(img/common/bg_list.gif);
		background-repeat:no-repeat;
		background-position: 0 7px;
		line-height:1.6em;
	}
	
	ul.sitemap li ul.sitemap_item a{
		display:block;
		}
		
	img.linkout{ margin-left:0.2em;}

.footer-item3 {
	border-bottom:1px #000 dotted;
	padding:20px 0 20px 0;
	font-size:0.875em;/*14px*/ 
}

	.footer-item3 p{
		text-align:center;
		font-size:1em;
		margin-bottom:1em;
		font-weight:bold;
	}

.footer-item4 {
	text-align: center;
	margin: auto;
	color: #000;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size:0.875em;/*14px*/
	line-height:1.7em;
	
}

	.footer-item4 p.footer_txt{
		max-width:480px;
		text-align:center;
		margin-bottom:2em;
		display:block;
	}



.bg_mode_wood{
	background:url(img/common/bg_mode_wood.jpg);
	background-repeat:repeat;
	padding:60px 0 60px 0;
	width:100%;
	display:flex;
	justify-content:center;
}


.bg_mode_normal,
.bg_mode_normal_end,
.bg_mode_menu,
.bg_mode_menuwrap{
	background:none;
	padding:40px 0 20px 0;
	display:flex;
	width:100%;
	justify-content:center;
	}

.bg_mode_topic{
	padding:20px 0 20px 0;
	}

.bg_mode_recruit{
	background:url(img/top/bg_recruit.jpg);
	 background-size:contain;
	 background-repeat:no-repeat;
	 display:flex;
	justify-content:center;
	width:100%;
}

.bg_mode_menuwrap{
	padding:  0 0 40px 0;
	}

.bg_president_voice{width:90%; margin-bottom:40px;}
.recruit_page{
	display:flex;
	justify-content:center;
}



p.recruit{margin-top:40px;}
p.title_txt{text-align:center; line-height:1.5em; margin-bottom:2em; font-weight:bold;}
.small{ font-size:0.8em; margin-left:0.5em;}

.item_1{ text-align:center; width:100%;}
.shop_wrap .item_1{text-align:left; justify-content:flex-start; } 

.item_2{display:flex; flex-direction: column;  width:100%; text-align:left; position:relative; justify-content:space-between;}
		.item2_detail1,
		.item2_detail2{width:100%;}
.item_3{display:flex; flex-direction: column;  width:100%; text-align:left; position:relative; justify-content:space-between;}
		.item3_detail1,
		.item3_detail2,
		.item3_detail3,{width:100%;}
		
	
 
.item_4{display:flex; flex-direction: column;  width:100%; justify-content: flex-start; align-self: auto;}
.item_4 li{ margin:0; }

/*ボタン----------------------------------------------------------------------*/	
.square_btn,
.link_shop_btn,
.link_shoppage_btn,
.link_entry_btn,
.link_faq_btn,
.link_about_btn,
.half_btn,
.link_recruit_btn
{
	display: inline-block;
    text-decoration: none;
    border: double 3px #FFFFFF;
    border-radius: 3px;
	width:100%;
	border-radius: 5px;
	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);*/
	display:flex;
	justify-content:center;
	align-item:center;
	
}

.btn_wrap{ padding:1em 0;}

.link_entry_btn{margin-top:0.5em;}
.link_about_btn{margin-bottom:2em;}
.link_shop_btn{margin-bottom:1em;}
.link_shoppage_btn{margin-bottom:1em;}

.icon_arrow{
	margin-right:0.5em;
	vertical-align:middle;
	}

	.btn_red {background:#942500;}
	.btn_blue {background:#304963;}
	.btn_green {background:#306256;}
	.btn_yellow {background:#A67A00;}
	.btn_black {background:#333333;}
	


.contents_txt{line-height:1.8em; margin-bottom:1.5em;}


#logo_wrap{
		width:100%;
		text-align:center;
	}
	
/* -404 -------------------------------------------------------------------*/
div.notfound{ margin: 40px auto;}


/* ----------------------------------------------------------------------
SP TOP 
----------------------------------------------------------------------*/




/* SP お知らせ -------------------------------------*/
	
#newsticker a:link,
#newsticker a:hover,
#newsticker a:visited{ color:#000;}
	
	.topicbox_wrap{
		width:100%;
		min-width:320px; max-width:480px;
		text-align:center; word-wrap: break-word;
		font-size:13px; font-weight:bold;
		}
	#newsticker ul li{text-align:center; min-width:320px;  word-wrap: break-word; line-height:1.5em;}
	
	.top_kaisen{position:absolute; width:496px; z-index:999; max-width:50%;}

.size-news-full{width:100%; height: auto;}
.size-layout-left{width:45%; height: auto; text-align:left; margin-right:5%;  }

/* SP 採用情報 -------------------------------------*/	

	.top_title_recruit{margin-top:40px;}
	.recruit_txt{line-height:1.6em; margin-top:0.5em;}

.profile_name{font-family:"游明朝体", "Yu Mincho", YuMincho, serif; font-weight: bold; font-size: 1.2em;}
	

	img.title_voice_menu { width:50%; height:auto; max-width:150px;}
	
	

 .item_recruit{ width:100%; background:#FFF; margin:40px 0; padding:20px 0 60px 0; display:flex; justify-content: center; line-height: 1.6em;}	
 .item_recruit_box{ width:90%; text-align:center; padding-top:10px;}	
 .item_president_voice,
 .item_senior_voice{ width:100%; text-align:center; word-wrap:break-word;}	

.voice_profile{ 
	width:90%;
	border-radius: 5px;
	border:2px solid black;
	padding:5%;
	background:#fff;
	margin-top:20px;
	margin-bottom:20px;}
	
.title_profile{
	font-weight:bold;
	margin-bottom:0.5em;
}

.voice_txt p{line-height:1.7em; margin-bottom:1em;}

.message_newcomer{
	width:100%;
	border:2px solid black;
	margin-top:20px;
	background:#fff;
	margin-bottom:40px;
	}
	
	.message_newcomer p{text-align:left;}
	.message_newcomer .item_2{ width:90%; padding:5% 5%; text-align:center;} 
	
.title_message{ color:#fff;
				width:90%;
				padding:5% 5%;
				font-weight:bold;

}

	.color_red {background:#942500;}
	.color_blue {background:#304963;}
	.color_green {background:#306256;}
	.color_yellow {background:#A67A00;}
	.color_black {background:#333333;}


	.item_senior_voice ul{margin-bottom:20px; list-style: none;}
	.item_entry .link_faq_btn {margin-top:10px;}
 
/* SP よくある質問 -------------------------------------*/	
 
 .faq_box{text-align: left;}
  .faq_box dt{font-weight:bold; font-size:18px; margin-bottom:0.5em;}
  .faq_box dd{margin-bottom:1.5em; padding:1em; background:#fff; border:1px solid #666; border-radius: 5px;}
  .faq_box dd .faq_answer{ display:block; font-weight:bold; color:#922500;}
  .faq_box dd .faq_txt{ display:block;  line-height:1.6em;}
 


/* ----------------------------------------------------------------------
SP お知らせ一覧　お知らせ 
----------------------------------------------------------------------*/

.archive_box{ display:flex; width:100%; flex-wrap: wrap;}


.archive_date{font-weight:bold; padding-right:0.5em; width:100%; }
.archive_title{ line-height:1.6em; font-size:1em; text-align:left; width:100%; margin-bottom:1em;}
.archive_title a,
.archive_box a{text-decoration:underline;}
.archive_title a:hover,
.archive_box a:hover{text-decoration:noen; color:#999;}
.archive_title a:visited,
.archive_box a:visited{text-decoration:noen; color:#999;}

.nav-below {margin-top: 2em;}

.topicbox,
.archivebox{ width:100%; }
	.topic_box,
	.archive_box{background:#FFF; margin-bottom:40px; width:90%; padding:20px; height:auto;}
.topic_date{font-weight:bold; text-align:center;}
.topic_title{ line-height:1.5em;}
.topic_txt{ margin-top:1.5em; line-height:1.7em; text-align:left; height:auto; }




/* ----------------------------------------------------------------------
SP 商品メニュー 
----------------------------------------------------------------------*/

#drink_menu,
#course_menu{margin-top:60px;}

.menu_wrap{margin-bottom:30px;}

.menu_box{display:flex;
			align-items:center;
			justify-content:flex-start;
			flex-wrap: wrap;
}

.menu_detail{width:100%; margin-top:1em; line-height:1.7em; }
.icon_osusume{display:inline; margin-right:1em; width:20%;}
.menu_name{
	font-size:20px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif; 
	text-align:left;
	font-weight:bold;
	width:70%;
}
	.menu_price{font-size:85%;}
	.attention_txt{font-size:90%; display:block; margin-top:1em; line-height:1.4em;}
	.description_txt{font-size:90%; display:inline-block; line-height:1.4em;}
	.drink_txt{font-size:100%; font-weight:bold; display:block; margin-bottom:1em; text-align:left;}

dl.item_menu{
	display:flex;
	align-items:strech;
	justify-content:space-around;
	flex-wrap: wrap;}

dl.item_menu dt{ width:70%; border-bottom:1px dotted black; margin-bottom:1em; line-height:1.4em;}
	dl.item_menu dt::before{content: "● "; color:#C03605;}
dl.item_menu dd{ width:30%; border-bottom:1px dotted black; margin-bottom:1em; text-align:right;}


.is-active{ font-size:110%; font-weight:bold;}

.course_name{
	font-size:24px;
	font-family:"游明朝体", "Yu Mincho", YuMincho, serif; 
	text-align:left;
	font-weight:bold;
	line-height:1.6em;
	
	
	}

.course_detail{
	margin-top:20px;
	border:2px solid;
	border-radius:10px;
	padding:20px;
	width:100%;
	display:flex;}


dl.item_course_menu{}
	dl.item_course_menu dt{display:inline-block; width:100%; vertical-align:top; font-weight:bold;}
	dl.item_course_menu dd{display:inline-block; width:100%; valign:top; margin-bottom:0.5em;}

.gridtab-6 {margin-bottom:60px;}


/* ----------------------------------------------------------------------
SP 店舗情報 
----------------------------------------------------------------------*/

.title_shop_list{font-size:26px; font-weight:bold; text-align:center; margin-bottom:20px;}


.shop_list_wrap{
}


.name_shop { font-weight:bold; background:url(img/shop/icon_shop_name.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:2.5em;
border-bottom:1px dotted #333;
margin-bottom:0.5em;}

.item_shop_list{
	margin-bottom:2em;
}

dl.shop_detail{ }
.shop_detail dt{font-weight:bold; vertical-align:top; }
.shop_detail dd{margin-bottom:0.5em;}


.ggmap {
margin:40px 0 0 0;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.shop_tel{font-weight:bold; text-align:center; font-size:28px; line-height:1.4em;}
.shop_time{display:block; font-size:16px;}


/* ----------------------------------------------------------------------
SP 会社概要
----------------------------------------------------------------------*/

.item2_detail1 h4.company_title{padding-bottom:0; line-height: 1em; font-family: "Arial Black", Gadget, "sans-serif"; 
	font-size: 200%; margin-top: 50px;}
.company_title .bg_line_about{min-height: 2em;}

.company_table{max-width: 980px; width: 90%; padding: 5%;  background: #ffffff; margin: 0 auto;}
.company_table table{ max-width: 960px; width: 100%; border: 1px;}
.company_table table tr{  margin-top: 1em; border-bottom: 1px dotted #444444;}
.company_table table th{ width: 27%; text-align: right;  padding: 2%; padding-right: 5%; font-weight: bold; }
.company_table table td{width:58%; text-align: left; padding: 2%;}
.recruuit_new_title{margin-top: 60px;}

.sosikizu{max-width: 980px; width: 90%; padding: 5%; padding-top: 0;  background: #ffffff; margin: 0 auto;}

.company_table a.company_link{color: #000000; text-decoration: underline;}
.company_table a.company_link:hover{color: #000000; text-decoration:none;}

/* ----------------------------------------------------------------------
SP 新卒採用
----------------------------------------------------------------------*/
h3.recruit_new_title{margin-top: 50px;}
.misson_photo{margin-top: 20px;}
.enrty_arrow_btn{font-family: "游明朝体", "Yu Mincho", YuMincho, serif; font-weight: bold;}
.enrty_arrow_btn a{display: none;}

ul.flow{width: 100%; list-style: none;}
ul.flow li{ width: calc(90% - 5px); padding: 5%; margin-bottom: 50px; background: #ffff; border: 5px solid;}
ul.flow li.step01{border-color: #942500;}
ul.flow li.step02{border-color: #304963;}
ul.flow li.step03{border-color: #A67A00;}

.flow_title{display: block; font-size: 18px; font-weight: bold; margin-bottom: 0.5em; }
ul.flow li.step01,ul.flow li.step02{position: relative;}

ul.flow li.step01 .flow_title{color: #942500; } 
ul.flow li.step02 .flow_title{color: #304963;}
ul.flow li.step03 .flow_title{color: #A67A00;}

li.step01:after,
li.step02:after{
	content: "";
	position: absolute; z-index: 9999;
  	border-top: 15px solid #444444;
 	border-right: 15px solid transparent;
  	border-left: 15px solid transparent;
	bottom:-40px;
	left: -webkit-calc(50% - 7.5px);
	left: calc(50% - 7.5px);
	}
	
	.flow_txt{font-size: 14px;}

.form_entry{background:#ffffff; width:100%; margin: auto auto; padding-bottom: 5%; }
div.item_1 div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	background-color:#FF0001; margin:0 auto; border: none; color: #ffffff; font-weight: bold; width: 80%; margin-bottom:1em;
}
.form_entry table.table_entry{ width: 80%; padding: 5%;  background:#ffffff; margin: 0 auto;  padding-bottom:0;}
	.form_entry table th{ display:block; width: 100%;  padding-bottom: 5%;  text-align: center;}
	.form_entry table td{ display:block; width: 100%; padding-bottom: 5%; text-align: center; }

h3.bg_line_form{ width: 50%; margin: auto; line-height: 3em;}
.link_recruit_btn{color: #ffffff; width: 80%; margin: 5% auto; margin-bottom: 5%;}

.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-furigana"],
.wpcf7 input[name="your-tel"],
.wpcf7 input[name="your-birthday"],
.wpcf7 input[name="your-age"],
.wpcf7 input[name="your-sex"],
.wpcf7 input[name="your-subject"],
.wpcf7 input[name="your-company"],
.wpcf7 input[name="your-mail"]
	{
			width: 99%;
			height: 35px !important;

	}


.wpcf7 textarea[name="your-message"],
.wpcf7 textarea[name="question-message"]
{
			width: 99%;
			height: 200px !important;

	}

.wpcf7 select[name="your-question"],
.wpcf7 select[name="your-time"]
{
    width: 99%;
    height: 40px !important;
	
}

.wpcf7 select[name="your-time"]
{margin-top: 0.5em;}

.wpcf7 input[type="submit"]{
	display: inline;
	text-decoration: none;
    border: double 3px #FFFFFF;
    border-radius: 3px;
	width:50%;
	border-radius: 5px;
	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);*/
	display:flex;
	justify-content:center;
	align-item:center;
	background:#942500;
	color: #ffffff;
	padding: 2%;
	margin: auto;
}


.wpcf7 input[type="button"]{
	display: inline;
	text-decoration: none;
    border: double 3px #FFFFFF;
    border-radius: 3px;
	width:50%;
	border-radius: 5px;
	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);*/
	display:flex;
	justify-content:center;
	align-item:center;
	background:#000000;
	color: #ffffff;
	padding: 2%;
	margin: auto;
}

.definitely_icon{color: #FF4200; font-size: 90%; }
.entry_attention_txt{
	font-size: 90%;
	text-align: left;
    width: 90%;
    margin: auto;
}


/* ----------------------------------------------------------------------------------------
 PC用スタイル
---------------------------------------------------------------------------------------*/

@media all and (min-width: 480px) { 


.sp{ display:none;}
.pc{ display:block;}

#wrapper{
	font-size: 16px;
}


.contents_item{ width:100%; margin:0; padding:0;}

/*見出し--------------------------------------------------------------*/

h2 {font-size:40px;
	text-align:center;
	margin-bottom:0.5em;
	/*text-shadow: 4px 4px 6px #000;*/
	}
	
	h2.title_top{ text-shadow: 1px 1px 1px #999; padding-top:1em; margin-bottom:0;  width:100%; }
	
	
h3{	font-size:36px;}
	
h3.title_recruit{
	line-height:1.5em;
	margin-bottom:0.5em;
	text-align:left;
	}
	  
	
	 
	h3.title_child{
			text-align:center;
			margin-top:80px;
			margin-bottom:20px;
			padding-top:1.5em;
			 width:100%; 
			 
			}
	.bg_mode_wood h3.title_child{ margin-top:40px;}

	h3.title_voice{ text-align:left;}
	 
	  
h4.child_menu{font-size:32px; padding:0; text-align:left; display:inline-block;}

		h4.title_child{
					font-size:24px;
					padding-bottom:1em;
					line-height:1.8em;
					text-align:left;
					}

		h4.title_voice{font-size:24px; font-weight:bold;}
		
		h4.title_shop{
		font-family:"Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
		margin-bottom:24px;
		font-size:28px;
		text-align:center;
		}
		
		h4.shop_reservation{
			font-size:32px;
		}
	
		

	
	 .menu_txt{display:inline; font-size:18px; margin-left:1em;}
	 
	 .bg_line{ 
	 background:url(img/common/bg_line.png);
	 background-repeat:no-repeat;
	 background-position:bottom center;
	 min-height:2.5em;
	 }
	 
	 .bg_maru{
	  min-height:132px;
	  }
	
	 
	 .bg_line_child{ 
	 background:url(img/common/bg_line.png);
	 background-repeat:no-repeat;
	 background-position:bottom left;
	 min-height:2.5em;
	 }


/*wrapper--------------------------------------------------------------*/	

#wrapper {
	width:100%;
	/* min-width:1000px; */
	text-align:center;
	font-size:16px;
	line-height:1.8em;
	}


header{
	background:url(img/common/bg_head.jpg);
	height:155px;
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	
	#header_wrap_item{
	width:100%;
	max-width:960px;
	display:flex;
	align-items: center;
	background:none;
/*	background:orange;*/
	}

	#logo_wrap{
		width:45%;
		min-width:422px;
		text-align:center;
		margin-right:10px;
	}
	
	#nav_wrap{
		z-index:2;
	}

		#nav{display:flex; margin:0;}
		
		#nav li img{
			margin-right:5px;
			margin-top:40px;
			min-width:55px;
			
		}
	.message_wrap{
		margin-left:10px;
		margin-top:50px;
	}
	


/*メインナビ*/

.contents{ margin-top:-10px; z-index:1;}
	

.main_img img{ width:100% !important;  height: auto; margin:0; padding:0; display:inline-block;}

	

/*ぱんくずリスト*/	
nav#breadcrumbs{
	width:100%;
	line-height: 1.8em;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:0.875em;/*14px*/
	margin-bottom:-70px;
}

#breadcrumbs ol{
	width:960px;
	text-align:left;	
}

		nav#breadcrumbs a:link { text-decoration: underline; }
		nav#breadcrumbs a:hover,
		nav#breadcrumbs a:visited{color:#000;}
		nav#breadcrumbs ol li {
			display: inline;
			list-style-type: none;
		}
		nav#breadcrumbs ol li:before { content: " > "; }
		nav#breadcrumbs ol li:first-child:before { content: ""; }
	
	
#contents_wrap {
	width: 100%;
	margin: 0 auto;
	min-width: 960px;
}

	
.bg_mode_wood{
	padding:80px 0 80px 0;
}
.bg_mode_normal{
	background:none;
	padding:60px 0 60px 0;
	}
	
.bg_mode_normal_end{
	background:none;
	padding:60px 0 20px 0;
}
	
	

/* pc ボタン----------------------------------------------------------------------*/	

.square_btn{
	max-width:250px;
	height:auto;
	width:100%;
}


.link_shoppage_btn{
	padding:1em 0;
	font-size:18px;
	max-width:450px;
	}
	
.link_shop_btn{
	width:310px;
	padding:0.5em 0;
	font-size:28px;
}


.half_btn{
	width:100%;
	padding:0.5em 0;
	font-size:28px;
}

.link_about_btn{
	width:100%;
	font-size:28px;

}

.btn_box{margin-top:40px; margin-bottom:80px;}
.link_entry_btn{ height:100%;}


/* スクロールトップ -------------------------------------*/		

#goto-top {
	bottom: 110px;
	background:url(img/common/backtop.png) no-repeat center center;
 	width: 150px;
    height: 144px;}
   
   



/*contents--------------------------------------------------------------*/			

.contents{
	width: 100%;
	/* min-width: 1000px; */
	
}

section{margin-bottom:40px;}

.item_1{ display:flex; justify-content:center; width:100%; flex-wrap:wrap; }
.item_1 p{ font-weight:bold;}
.shop_wrap .item_1{text-align:left; justify-content:flex-start; } 

.item_voice{display:flex; justify-content:flex-start; width:100%; flex-wrap:wrap; text-align:left;}

.item_2,.item_3{ flex-direction: row;}
		
		.item2_detail1,
		.item2_detail2{width:50%;}
		
		.item_president_voice .item2_detail1,
		.item_president_voice .item2_detail2{width:50%;}
		
		.item2_detail1{ margin-right:10px;}
		.item2_detail2{ margin-left:10px;}
	
		.item3_detail1,
		.item3_detail2,
		.item3_detail2,{width:30%;}
		
		.item3_detail1{ margin-right:10px;}
		.item3_detail2{ margin-left:5px; margin-right: 5px;}
		.item3_detail3{ margin-left:10px;}
		
.content_store{ text-align:center;
				display:flex;
				justify-content:center;}
				
			.content_store .item2_detail1,
			.content_store .item2_detail2,
			.content_store .item3_detail1,
			.content_store .item3_detail2,
			.content_store .item3_detail3,{width:auto;}
			.content_about .item2_detail1,
			.content_about .item2_detail2{width:100%;}
			

	.pc_reverse .item2_detail1{order:2; margin-right:0; margin-left:10px;}
	.pc_reverse .item2_detail2{margin-right:10px; margin-left:0;}

.item_4{ flex-direction: row; justify-content:space-between;}
.item_4 li{width:23%;  margin:0; line-height:1.2em;}

.entry_btn{width:100%;}
.btn_flex{
	display:flex;
    justify-content: center;/* 3 */
    align-items: center;    /* 4 */
	flex-wrap: wrap;	
}
	

	br.pc_entry{ margin-top:-1em;}
	.small { margin-left:0; width:100%;}
	.entry_btn_txt{width:100%; flex-direction: row; }

.link_faq_btn{ margin-top:3em; justify-content:center; max-width:400px; text-align:center;}


/*PC下層メニュー*/

.page_title{
		min-height:230px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	.menu{
		 background-size:cover;
		 min-height:230px;
	}
	
.page_copy{ font-size:34px; margin-bottom:40px;}
	.top_page_copy{ font-size:26px; margin-bottom:1em; text-align: left; line-height: 1.8em;}
	

span.txt_color{color:#922500;}
span.txt_size{ font-size:130%;}

	

	  



/* ----------------------------------------------------------------------
TOP 
----------------------------------------------------------------------*/

/*メイン画像*/
.swiper-container {
        width: 100%;
        height: 100%;
		margin:0;
		padding:0;
    }
	
	.swiper-container img{
     width: 100%;
     height: 100%;
	 margin:0;
	padding:0;
    }

	
	
/*contents_item*/
.wrap_box{
	width:100%;
	min-width:1000px;
}

.contents_item{
	max-width:980px;
}


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

.topicbox_wrap{
	width:100%;
	 font-size:14px;
	 margin-bottom:-20px;
	 min-width:980px;
}
	.topicbox{ width:100%;}
	#newsticker ul li{text-align:center; min-width:320px;  word-wrap: break-word; line-height:1.5em;}
	
	
	.topicbox_item{
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
	}
	
	.topicbox_title{ width:15%;}
	.topicbox_txt{ width:85%; margin-top:0.5em;}
	#newsticker ul li{text-align:left; min-height:1em;}


/* 画像ループ -------------------------------------*/	

.loopslider {
	margin: 0 auto;
	width: 100%;
	/* max-width:1000px; */
	height: 200px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-top:40px;
	
}

.loopslider ul {
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
	z-index:1;
	list-style: none;
}
.loopslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}


/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}

/* 社長の声 -------------------------------------*/





.item_president_voice .item_2{
	flex-direction: row-reverse;
	padding:15px 0 0 15px;
}

.recruit_page{
	display:flex;
	justify-content:center;
}

.item_president_voice{
	background-color:#000;
	height:auto;
	color:#FFFFFF;
	line-height:1.6em;
	padding-bottom:2em;
	margin-bottom:40px;
}

.bg_president_voice{
	background:url(img/top/bg_president.jpg);
	background-repeat:no-repeat;
	min-height:400px;
	max-width:960px;
	background-size:contain;
	width:100%;
	display:flex;
	justify-content:center;
}



/* 採用情報 -------------------------------------*/	

.item_recruit_box{margin-top:40px;}
.recruit_txt{ line-height:1.6em;}
.recruit_txt p{margin-top:0.5em; }

.img.title_voice_menu { max-width:198px; width:auto;}





/* 先輩の声 -------------------------------------*/

.item_senior_voice p img{ margin-bottom:10px;}


/* PC エントリ-------------------------------------*/
.item_entry .link_faq_btn {margin-top:60px;}



/* SP よくある質問 -------------------------------------*/	
 
  .faq_box dt{ font-size:24px;}
  .faq_box dd{margin-bottom:3em; padding:1.5em; background:#fff; border:1px solid #666; border-radius: 5px;}
  .faq_box dd .faq_answer{ font-size:20px; margin-bottom:0.5em; line-height:1.8em;}
  .faq_box dd .faq_txt{ }
 



/* ----------------------------------------------------------------------
PC お知らせ一覧
----------------------------------------------------------------------*/



.archive_box{ display:flex; width:100%; flex-wrap: wrap;}

.archive_date{font-weight:bold; padding-right:0.5em; white-space: nowrap; width:15%; margin-bottom:1.7em;}
.archive_title{ line-height:1.6em; font-size:1.5em; text-align:left; width:80%; margin-bottom:1.7em;}

.archive_box .archive_title a:line{color:#000;}
.archive_box .archive_title a:hover,
.archive_box.archive_title a:visited{color:#999;}

.topic_box,
.archive_box{padding:30px;}


.topic_date{font-weight:bold; text-align:left;}
.topic_title{ line-height:1.6em; font-weight:bold; text-align:left; font-size:24px;}
.topic_txt{ margin-top:1.5em; line-height:1.7em; text-align:left; height:auto; }



/* ----------------------------------------------------------------------
PC 商品メニュー
----------------------------------------------------------------------*/



.item_menu_wrap{ width:100%; margin-bottom:40px;}
dl.item_menu{ align-items:strech;  justify-content: flex-start;  }

dl.item_menu dt{ width:24%; text-align:left;}
	
dl.item_menu dd{ width:8%; text-align:right;}
dl.item_menu dd{ margin-right:1.2%;}


.icon_osusume{max-width:78px;}

/*ページ内リンク*/
.child_nav{ font-family:"游明朝体", "Yu Mincho", YuMincho, serif; width:100%; } 

.child_nav a:hover{ text-decoration:underline; }

ul.child_nav{
	padding:15px;
	border-radius: 5px;
	margin-bottom:40px;
	border:2px solid black;
	display:flex;
	justify-content:space-around;
}

ul.child_nav li{
	background:url(img/common/icon_child_linkarrow.png);
	background-repeat:no-repeat;
	background-position:0 0.6em;
	padding-left:1em;
	
	}

dl.item_course_menu{}
	dl.item_course_menu dt{width:20%; vertical-align:top;}
	dl.item_course_menu dd{width:80%; margin-bottom:0.2em;}


/* ----------------------------------------------------------------------
PC 先輩の声 
----------------------------------------------------------------------*/


.title_answer{font-weight:bold; text-align:left;}
.voice_txt p{ font-weight:normal; text-align:left; line-height:1.8em;}

	.message_newcomer p{text-align:left;}
	.message_newcomer .item_2{ width:96%; padding:2% 2%; text-align:center;} 
	
	 .message_box .item2_detail1{ width:25%;} 
	 .message_box .item2_detail2{ flex-grow:3;} 
	
.title_message{ color:#fff;
				width:96%;
				padding:2% 2%;
				font-weight:bold;
				text-align:left;
				font-size:24px;
}

/* ----------------------------------------------------------------------
PC 店舗情報 
----------------------------------------------------------------------*/


.shop_list_wrap{display:flex; flex-wrap:wrap; text-align:left; justify-content:space-between;}
	ul.shop_list_wrap li {width:48%; max-width:465px;}



.title_shop_list{font-size:32px; text-align:left; margin-bottom:40px; font-family:"游明朝体", "Yu Mincho", YuMincho, serif; }


.name_shop { font-weight:bold; background:url(img/shop/icon_shop_name.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:2.5em;
border-bottom:1px dotted #333;
margin-bottom:0.5em;}

.item_shop_list{
	margin-bottom:2em;
}

 .shop_detail{ width:100%;}
 .shop_detail .item2_detail1{max-width:365px;}
 .shop_detail .item2_detail2{min-width:595px;}
 
 
   .shop_detail dt {display:inline-block; width:20%;}
   .shop_detail dd {display:inline-block; width:75%;}
 
 .ggmap {
margin:80px 0 0 0;
}

.shop_tel{font-weight:bold; text-align:center; font-size:28px; line-height:1.4em;}
.shop_time{display:block; font-size:16px;}

.shop_tel {letter-spacing:0.2em;}
	
	
/* ----------------------------------------------------------------------
PC 会社概要
----------------------------------------------------------------------*/
	
.item2_detail1 h4.company_title{margin-top: 0; letter-spacing: 0.2em;}

.company_table{max-width: 980px; width: 90%; padding: 5%;  background: #ffffff; margin: 0 auto;}
.company_table table{ max-width: 960px; width: 100%; border: 1px; margin: 0 auto;}
.company_table tbody{width:100%; max-width: 960px;}
.company_table table th{ width: 15%; padding: 2%; padding-right:0;}
.company_table table td{ width: 50%; padding: 2%;}

	
/* ----------------------------------------------------------------------
PC 新卒採用
----------------------------------------------------------------------*/
.bg_mode_wood h3.recruit_new_title{margin-top: 100px;}

	.enrty_arrow_btn a:hover{opacity: 0.5;}
	.enrty_arrow_btn a{
		width: 2.5em; 
		height: 250px;
		 border-top-left-radius: 20px;
  		border-top-right-radius: 0;
  		border-bottom-right-radius: 0;
  		border-bottom-left-radius: 20px;
		position: fixed; 
		top: 100px;
		right:1em;
		background: white; 
		-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
		padding-right: 2em;
	border: 5px #C7080B solid; color: #444444; font-size: 18px; line-height: 1.2em; text-align: center; display: block;}

ul.flow{width: 100%; display: flex; justify-content: space-between; margin-top: 20px;}
ul.flow li{ width: calc(25% - 5px); padding: 2%;}
ul.flow li.step01{border-color: #942500;}
ul.flow li.step02{border-color: #304963;}
ul.flow li.step03{border-color: #A67A00;}

.flow_title{display: block; font-size: 18px; font-weight: bold; margin-bottom: 0.5em; }
ul.flow li.step01, ul.flow li.step02{position: relative;}

ul.flow li.step01 .flow_title{color: #942500; } 
ul.flow li.step02 .flow_title{color: #304963;}
ul.flow li.step03 .flow_title{color: #A67A00;}

li.step01:after,
li.step02:after{
	content: "";
	position: absolute;
	z-index: 9999;
  	border-top: 15px solid transparent;
  	border-bottom: 15px solid transparent;
  	border-left: 15px solid #444444;
	bottom:-webkit-calc(50% - 7.5px);
	bottom:calc(50% - 7.5px);
	left:108%;
}
	
	.flow_txt{font-size: 14px;}
	
	.form_entry{background: white; width:100%; margin: auto auto; padding-top:5%; padding-bottom:5%;}
	.form_entry table{ width: 80%; padding: 5%;  background: #ffffff; margin: 0 auto;}
	.form_entry table th{display:inline-block;   padding: 2%; padding-bottom: 5%; padding-right: 2%; width: 20%; vertical-align: top; text-align: right;}
	.form_entry table td{display:inline-block; padding: 2%; padding-bottom: 5%; width: 60%; text-align: left;}
	

	h3.bg_line_form{ width: 50%; margin: auto; line-height: 3em;}
	.link_recruit_btn{color: #ffffff; width: 30%;  margin-bottom: 5%; display: inline-block; }
	
	.form_entry div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
		background-color:#FF0004; 
		position: absolute; bottom:80px; left:0; right: 0;  margin:0 auto;
		border: none; color: #ffffff; font-weight: bold; width: 80%;}
	

/*footer----------------------------------------------------------------------*/	
		
#footer_wrap{
	background:url(img/common/bg_mode.jpg);
	background-repeat:repeat;
	color:#000;
	}

#footer_box{
	width:100%;
	display:flex;
	justify-content: center;
	background:url(img/common/footer.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
	
	

footer{ max-width:960px; }


	
.footer-item1 { justify-content: flex-start; }

	.footer-item1 .sns_icon{ width: auto; }
	.footer-item1 .sns_icon li{ margin-right:1em; }



.footer-item2 {}

	ul.sitemap{ width:100%; height:150px; flex-direction:column;} 
	ul.sitemap li{ margin:0; width:18%;} 
	ul.sitemap li ul.sitemap_item li{ width:100%; }
	
.footer-item3 {display:flex;}

	.footer-item3 p{ font-size:16px; width:50%; height:1.5em;}
	
		ul.related{ display:flex;  flex-direction:row; height:1.5em;}
		ul.related li{ width:47%; margin:0; }
		

.footer-item4 { flex-direction:column;}

	.footer-item4 p.footer_txt{ max-width:960px;
								margin:0; padding:0;
								line-height:1.5em;}
	.footer-item4 p{ margin-top:0.5em;}

}